.shbe-page{ –shbe-navy:#07142f; –shbe-blue:#1269f3; –shbe-sky:#36b4ff; –shbe-green:#16a34a; –shbe-green-dark:#12813d; –shbe-bg:#f5f8fc; –shbe-card:#ffffff; –shbe-text:#172033; –shbe-muted:#64748b; –shbe-border:#e2e8f0; –shbe-radius:28px; –shbe-shadow:0 24px 70px rgba(15,23,42,.12); } .shbe-page, .shbe-page *{box-sizing:border-box} .shbe-page{ margin:0; font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,”Segoe UI”,sans-serif; background:var(–shbe-bg); color:var(–shbe-text); line-height:1.55; } .shbe-page a{text-decoration:none;color:inherit} .shbe-page{ width:100%; max-width:none; overflow:hidden; background: radial-gradient(circle at 10% 0%, rgba(54,180,255,.18), transparent 32%), radial-gradient(circle at 90% 5%, rgba(22,163,74,.12), transparent 28%), #f5f8fc; } .shbe-container{ width:min(1320px, calc(100% – 48px)); margin:0 auto; padding-left:0; padding-right:0; } .shbe-hero{ padding:0px 0 34px; } .shbe-hero-card{ position:relative; overflow:hidden; border-radius:36px; padding:56px; color:#fff; background: linear-gradient(135deg, rgba(7,20,47,.98), rgba(18,105,243,.94)), radial-gradient(circle at 78% 28%, rgba(54,180,255,.7), transparent 30%); box-shadow:var(–shbe-shadow); } .shbe-hero-card:after{ content:””; position:absolute; inset:auto -80px -120px auto; width:420px; height:420px; border-radius:50%; background:rgba(255,255,255,.09); } .shbe-brand{ display:flex; align-items:center; gap:16px; margin-bottom:42px; position:relative; z-index:2; } .shbe-logo{ width:58px; height:58px; border-radius:18px; display:grid; place-items:center; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.22); font-weight:900; font-size:23px; letter-spacing:-1px; } .shbe-brand strong{ display:block; font-size:17px; } .shbe-brand span{ display:block; color:rgba(255,255,255,.72); font-size:13px; margin-top:2px; } .shbe-grid{ display:grid; grid-template-columns:1.05fr .95fr; gap:42px; align-items:center; position:relative; z-index:2; } .shbe-kicker{ display:inline-flex; align-items:center; gap:8px; padding:8px 13px; border-radius:999px; color:#dff7ff; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.18); font-size:14px; font-weight:700; margin-bottom:18px; } .shbe-page h1{ margin:0; font-size:clamp(38px, 5.4vw, 74px); line-height:.98; letter-spacing:-2.4px; max-width:720px; } .shbe-subtitle{ margin:24px 0 0; color:rgba(255,255,255,.82); font-size:clamp(17px,2vw,22px); max-width:640px; } .shbe-cta-row{ display:flex; flex-wrap:wrap; gap:14px; align-items:center; margin-top:34px; } .shbe-btn{ display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:56px; padding:0 26px; border-radius:16px; font-weight:900; letter-spacing:-.2px; transition:transform .18s ease, box-shadow .18s ease, background .18s ease; } .shbe-btn:hover{ transform:translateY(-2px); } .shbe-btn-primary{ background:var(–shbe-green); color:#fff; box-shadow:0 18px 34px rgba(22,163,74,.34); } .shbe-btn-primary:hover{ background:var(–shbe-green-dark); } .shbe-btn-secondary{ background:rgba(255,255,255,.12); color:#fff; border:1px solid rgba(255,255,255,.24); } .shbe-note{ color:rgba(255,255,255,.68); font-size:14px; margin-top:14px; } .shbe-product-card{ background:rgba(255,255,255,.98); color:var(–shbe-text); border-radius:30px; padding:28px; box-shadow:0 24px 70px rgba(0,0,0,.24); border:1px solid rgba(255,255,255,.7); } .shbe-price-top{ display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:20px; } .shbe-badge{ display:inline-flex; padding:7px 11px; border-radius:999px; background:#dcfce7; color:#166534; font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:.5px; } .shbe-price{ margin:8px 0 2px; font-size:50px; font-weight:950; letter-spacing:-2px; color:var(–shbe-navy); } .shbe-price small{ font-size:17px; color:var(–shbe-muted); letter-spacing:0; font-weight:800; } .shbe-card-desc{ color:var(–shbe-muted); margin:0 0 22px; } .shbe-checklist{ display:grid; gap:12px; padding:0; margin:0 0 24px; list-style:none; } .shbe-checklist li{ display:flex; gap:10px; align-items:flex-start; font-weight:750; color:#1e293b; } .shbe-check{ flex:0 0 23px; width:23px; height:23px; border-radius:50%; display:grid; place-items:center; background:#dcfce7; color:#15803d; font-size:14px; font-weight:950; margin-top:1px; } .shbe-product-card .shbe-btn{ width:100%; } .shbe-secure{ text-align:center; color:var(–shbe-muted); font-size:13px; margin:14px 0 0; } .shbe-section{ padding:40px 0; } .shbe-section-title{ text-align:center; max-width:780px; margin:0 auto 30px; } .shbe-section-title h2{ margin:0; font-size:clamp(30px, 4vw, 48px); line-height:1.05; letter-spacing:-1.6px; color:var(–shbe-navy); } .shbe-section-title p{ margin:14px auto 0; color:var(–shbe-muted); font-size:18px; max-width:680px; } .shbe-features{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; } .shbe-feature{ background:#fff; border:1px solid var(–shbe-border); border-radius:24px; padding:24px; box-shadow:0 16px 40px rgba(15,23,42,.06); } .shbe-icon{ width:48px; height:48px; border-radius:16px; display:grid; place-items:center; background:#eff6ff; color:var(–shbe-blue); font-size:24px; margin-bottom:18px; } .shbe-feature h3{ margin:0 0 8px; color:var(–shbe-navy); font-size:19px; letter-spacing:-.4px; } .shbe-feature p{ margin:0; color:var(–shbe-muted); font-size:15px; } .shbe-comparison{ background:#fff; border:1px solid var(–shbe-border); border-radius:30px; padding:26px; box-shadow:var(–shbe-shadow); display:grid; grid-template-columns:1fr 1fr; gap:18px; } .shbe-plan{ border-radius:24px; padding:24px; border:1px solid var(–shbe-border); } .shbe-plan.free{ background:#f8fafc; } .shbe-plan.pro{ background:linear-gradient(180deg,#ecfdf5,#fff); border-color:#86efac; } .shbe-plan h3{ margin:0 0 16px; font-size:24px; color:var(–shbe-navy); } .shbe-plan.pro h3{ color:#15803d; } .shbe-plan ul{ margin:0; padding:0; list-style:none; display:grid; gap:11px; } .shbe-plan li{ display:flex; gap:10px; color:#334155; font-weight:700; } .shbe-steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; } .shbe-step{ background:#fff; border-radius:24px; padding:24px; border:1px solid var(–shbe-border); box-shadow:0 16px 40px rgba(15,23,42,.06); } .shbe-step-num{ width:38px; height:38px; border-radius:50%; display:grid; place-items:center; background:var(–shbe-navy); color:#fff; font-weight:950; margin-bottom:16px; } .shbe-step h3{ margin:0 0 8px; color:var(–shbe-navy); } .shbe-step p{ margin:0; color:var(–shbe-muted); } .shbe-final{ padding:50px 0 70px; } .shbe-final-card{ text-align:center; color:#fff; border-radius:34px; padding:46px 26px; background:linear-gradient(135deg, var(–shbe-navy), var(–shbe-blue)); box-shadow:var(–shbe-shadow); } .shbe-final-card h2{ margin:0; font-size:clamp(30px,4vw,50px); letter-spacing:-1.5px; } .shbe-final-card p{ margin:14px auto 26px; max-width:680px; color:rgba(255,255,255,.8); font-size:18px; } @media (max-width: 920px){ .shbe-container{width:min(1320px, calc(100% – 32px));} .shbe-hero-card{padding:34px 24px} .shbe-grid{grid-template-columns:1fr} .shbe-features{grid-template-columns:1fr 1fr} .shbe-comparison{grid-template-columns:1fr} .shbe-steps{grid-template-columns:1fr} } @media (max-width: 560px){ .shbe-container{width:calc(100% – 24px);} .shbe-features{grid-template-columns:1fr} .shbe-cta-row .shbe-btn{width:100%} .shbe-price{font-size:42px} } .shbe-extra-plans{ display:grid; grid-template-columns:1fr; gap:16px; margin-top:18px; } .shbe-small-card{ padding:18px; border-radius:20px; text-align:center; } .shbe-small-card.annual{ background:linear-gradient(135deg,#dbeafe,#eff6ff); border:1px solid #93c5fd; } .shbe-small-card.lifetime{ background:linear-gradient(135deg,#ede9fe,#faf5ff); border:1px solid #c4b5fd; } .shbe-small-card h4{ margin:0 0 8px; font-size:18px; } .shbe-small-card .price{ font-size:28px; font-weight:900; margin-bottom:12px; } .shbe-small-btn{ display:inline-block; padding:10px 16px; border-radius:12px; background:#fff; font-weight:800; } @media(max-width:560px){ .shbe-extra-plans{grid-template-columns:1fr;} } .shbe-showcase{ display:grid; grid-template-columns:1fr 1fr; gap:22px; align-items:start; } .shbe-screenshot-card{ background:#fff; border:1px solid var(–shbe-border); border-radius:28px; padding:18px; box-shadow:var(–shbe-shadow); } .shbe-screenshot-card img{ display:block; width:100%; height:auto; border-radius:18px; border:1px solid #edf2f7; } .shbe-screenshot-card h3{ margin:16px 6px 6px; color:var(–shbe-navy); font-size:22px; } .shbe-screenshot-card p{ margin:0 6px 6px; color:var(–shbe-muted); } @media(max-width:920px){ .shbe-showcase{grid-template-columns:1fr;} } .shbe-demo-strip{ position:relative; overflow:hidden; border-radius:34px; padding:42px; color:#fff; background: linear-gradient(135deg, rgba(7,20,47,.98), rgba(22,163,74,.94)), radial-gradient(circle at 82% 18%, rgba(54,180,255,.45), transparent 34%); box-shadow:var(–shbe-shadow); } .shbe-demo-strip:before{ content:”DEMO”; position:absolute; right:-18px; top:8px; font-size:112px; line-height:1; font-weight:950; letter-spacing:-6px; color:rgba(255,255,255,.08); pointer-events:none; } .shbe-demo-inner{ position:relative; z-index:2; display:grid; grid-template-columns:1.15fr .85fr; gap:30px; align-items:center; } .shbe-demo-pill{ display:inline-flex; align-items:center; gap:8px; padding:8px 13px; border-radius:999px; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.22); color:#dcfce7; font-weight:900; font-size:13px; text-transform:uppercase; letter-spacing:.5px; margin-bottom:14px; } .shbe-demo-strip h2{ margin:0; font-size:clamp(32px,4vw,54px); line-height:1.02; letter-spacing:-1.8px; } .shbe-demo-strip p{ margin:16px 0 0; max-width:680px; color:rgba(255,255,255,.82); font-size:18px; } .shbe-demo-actions{ display:grid; gap:12px; justify-items:stretch; } .shbe-demo-actions .shbe-btn{ min-height:66px; font-size:18px; border-radius:18px; width:100%; } .shbe-demo-mini{ text-align:center; color:rgba(255,255,255,.72); font-size:14px; } .shbe-floating-demo{ position:fixed; right:22px; bottom:22px; z-index:9999; display:inline-flex; align-items:center; justify-content:center; min-height:54px; padding:0 22px; border-radius:999px; background:var(–shbe-green); color:#fff; font-weight:950; letter-spacing:.3px; box-shadow:0 18px 38px rgba(22,163,74,.36); border:1px solid rgba(255,255,255,.35); } .shbe-floating-demo:hover{ transform:translateY(-2px); } @media(max-width:920px){ .shbe-demo-inner{grid-template-columns:1fr;} .shbe-demo-strip{padding:30px 22px;} } @media(max-width:560px){ .shbe-floating-demo{ right:14px; bottom:14px; min-height:48px; padding:0 18px; font-size:14px; } } .shbe-top-header{ background:linear-gradient(135deg,#07142f,#1269f3); padding:22px 0; box-shadow:0 10px 30px rgba(0,0,0,.15); } .shbe-top-header .shbe-brand{ margin-bottom:0; color:#fff; } /* Pro payment dashboard + optional add-ons showcase */ .shbe-pro-operations{ position:relative; overflow:hidden; background: radial-gradient(circle at 92% 0%, rgba(18,105,243,.12), transparent 34%), linear-gradient(180deg,#ffffff,#f8fbff); border:1px solid var(–shbe-border); border-radius:32px; padding:28px; box-shadow:var(–shbe-shadow); } .shbe-pro-operations-grid{ display:grid; grid-template-columns:.78fr 1.22fr; gap:28px; align-items:center; } .shbe-pro-copy{ padding:10px 4px 10px 8px; } .shbe-pro-label{ display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:999px; background:#dcfce7; color:#166534; font-size:12px; font-weight:950; text-transform:uppercase; letter-spacing:.55px; margin-bottom:16px; } .shbe-pro-copy h3{ margin:0; color:var(–shbe-navy); font-size:clamp(27px,3vw,40px); line-height:1.06; letter-spacing:-1.1px; } .shbe-pro-copy > p{ margin:14px 0 20px; color:var(–shbe-muted); font-size:16px; } .shbe-status-grid{ display:grid; gap:10px; } .shbe-status-item{ display:flex; gap:12px; align-items:flex-start; padding:13px 14px; border-radius:16px; background:#fff; border:1px solid var(–shbe-border); box-shadow:0 10px 24px rgba(15,23,42,.045); } .shbe-status-dot{ flex:0 0 30px; width:30px; height:30px; display:grid; place-items:center; border-radius:10px; font-weight:950; font-size:14px; } .shbe-status-item.paid .shbe-status-dot{ background:#dcfce7; color:#15803d; } .shbe-status-item.pending .shbe-status-dot{ background:#fef3c7; color:#a16207; } .shbe-status-item.cancelled .shbe-status-dot{ background:#fee2e2; color:#b91c1c; } .shbe-status-item strong{ display:block; color:#1e293b; font-size:15px; } .shbe-status-item span:last-child{ display:block; margin-top:2px; color:var(–shbe-muted); font-size:13px; } .shbe-dashboard-shot{ position:relative; background:#eef4fb; border:1px solid #dbe5f1; border-radius:24px; padding:12px; box-shadow:0 20px 48px rgba(15,23,42,.13); } .shbe-dashboard-shot:before{ content:”PRO”; position:absolute; top:24px; right:24px; z-index:2; padding:7px 11px; border-radius:999px; background:var(–shbe-navy); color:#fff; font-size:11px; font-weight:950; letter-spacing:.8px; } .shbe-dashboard-shot img{ display:block; width:100%; height:auto; border-radius:17px; border:1px solid #e5edf6; background:#fff; } .shbe-addon-panel{ margin-top:22px; display:grid; grid-template-columns:1.05fr .95fr; gap:24px; align-items:center; padding:24px; border-radius:24px; color:#fff; background: radial-gradient(circle at 92% 10%, rgba(54,180,255,.28), transparent 35%), linear-gradient(135deg,var(–shbe-navy),#123b83); } .shbe-addon-panel h3{ margin:0; font-size:25px; line-height:1.12; letter-spacing:-.6px; } .shbe-addon-panel p{ margin:9px 0 0; color:rgba(255,255,255,.78); } .shbe-addon-tags{ display:flex; flex-wrap:wrap; gap:9px; justify-content:flex-end; } .shbe-addon-tag{ padding:9px 12px; border-radius:999px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.2); color:#fff; font-size:13px; font-weight:800; } @media(max-width:920px){ .shbe-pro-operations-grid, .shbe-addon-panel{ grid-template-columns:1fr; } .shbe-addon-tags{ justify-content:flex-start; } } @media(max-width:560px){ .shbe-pro-operations{ padding:18px; border-radius:24px; } .shbe-dashboard-shot{ padding:7px; border-radius:18px; } .shbe-dashboard-shot img{ border-radius:12px; } .shbe-dashboard-shot:before{ top:15px; right:15px; } .shbe-addon-panel{ padding:20px; } } /* Highlighted Add-ons section */ .shbe-addons-highlight{ position:relative; overflow:hidden; border-radius:34px; padding:34px; color:#fff; background: radial-gradient(circle at 90% 0%, rgba(54,180,255,.26), transparent 34%), radial-gradient(circle at 0% 100%, rgba(22,163,74,.16), transparent 32%), linear-gradient(135deg,#07142f 0%,#0d2f69 58%,#1269f3 100%); box-shadow:var(–shbe-shadow); } .shbe-addons-highlight:after{ content:”ADD-ONS”; position:absolute; right:-20px; top:-8px; font-size:108px; line-height:1; font-weight:950; letter-spacing:-6px; color:rgba(255,255,255,.055); pointer-events:none; } .shbe-addons-content{ position:relative; z-index:2; max-width:860px; margin:0 auto 26px; text-align:center; } .shbe-addons-pill{ display:inline-flex; align-items:center; gap:8px; padding:8px 13px; margin-bottom:14px; border-radius:999px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.2); color:#dff7ff; font-size:13px; font-weight:900; text-transform:uppercase; letter-spacing:.55px; } .shbe-addons-content h2{ margin:0; font-size:clamp(31px,4vw,50px); line-height:1.04; letter-spacing:-1.5px; color:#fff; } .shbe-addons-content p{ max-width:760px; margin:15px auto 0; color:rgba(255,255,255,.82); font-size:18px; } .shbe-addons-tags{ display:flex; flex-wrap:wrap; justify-content:center; gap:9px; margin-top:19px; } .shbe-addons-tags span{ padding:8px 11px; border-radius:999px; background:rgba(255,255,255,.11); border:1px solid rgba(255,255,255,.18); color:#fff; font-size:13px; font-weight:800; } .shbe-addons-image{ position:relative; z-index:2; padding:11px; border-radius:25px; background:rgba(255,255,255,.98); box-shadow:0 24px 58px rgba(0,0,0,.28); } .shbe-addons-image img{ display:block; width:100%; height:auto; border-radius:17px; } @media(max-width:560px){ .shbe-addons-highlight{ padding:22px 16px; border-radius:25px; } .shbe-addons-highlight:after{ font-size:70px; } .shbe-addons-content p{ font-size:16px; } .shbe-addons-image{ padding:6px; border-radius:18px; } .shbe-addons-image img{ border-radius:13px; } } /* Gutenberg bridge: keeps the original visual system while all copy stays in core blocks. */ .shbe-page{margin-top:0!important;margin-bottom:0!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,”Segoe UI”,sans-serif;} .shbe-page :where(.wp-block-group,.wp-block-buttons,.wp-block-button,.wp-block-image,.wp-block-embed,.wp-block-list,.wp-block-heading,p){margin-block-start:0;margin-block-end:0;} .shbe-page :where(.is-layout-flow)>*{margin-block-start:0;} .shbe-page .wp-block-group{padding-top:0;padding-bottom:0;} .shbe-page .wp-block-button.shbe-btn{padding:0;background:none;box-shadow:none;border:0;} .shbe-page .wp-block-button.shbe-btn .wp-block-button__link{ display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 26px;border-radius:16px; font-weight:900;letter-spacing:-.2px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;text-decoration:none;border:0; } .shbe-page .wp-block-button.shbe-btn .wp-block-button__link:hover{transform:translateY(-2px);} .shbe-page .wp-block-button.shbe-btn-primary .wp-block-button__link{background:var(–shbe-green);color:#fff;box-shadow:0 18px 34px rgba(22,163,74,.34);} .shbe-page .wp-block-button.shbe-btn-primary .wp-block-button__link:hover{background:var(–shbe-green-dark);} .shbe-page .wp-block-button.shbe-btn-secondary .wp-block-button__link{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.24);} .shbe-page .shbe-product-card .wp-block-button.shbe-btn,.shbe-page .shbe-product-card .wp-block-button.shbe-btn .wp-block-button__link{width:100%;} .shbe-page .shbe-cta-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:34px;} .shbe-page .shbe-brand-title{font-weight:800;font-size:17px;color:#fff;line-height:1.25;} .shbe-page .shbe-brand-subtitle{color:rgba(255,255,255,.72);font-size:13px;margin-top:2px;} .shbe-page .shbe-logo-text{margin:0;color:#fff;} .shbe-page .shbe-price{font-size:50px;font-weight:950;letter-spacing:-2px;color:var(–shbe-navy);line-height:1;} .shbe-page .shbe-price-cycle{font-size:17px;color:var(–shbe-muted);font-weight:800;margin-top:4px;} .shbe-page .shbe-badge{width:max-content;} .shbe-page .shbe-screenshot-card .wp-block-image{margin:0;} .shbe-page .shbe-screenshot-card .wp-block-image img{display:block;width:100%;height:auto;border-radius:18px;border:1px solid #edf2f7;} .shbe-page .shbe-dashboard-shot .wp-block-image{margin:0;} .shbe-page .shbe-dashboard-shot .wp-block-image img{display:block;width:100%;height:auto;border-radius:17px;border:1px solid #e5edf6;background:#fff;} .shbe-page .shbe-addons-image .wp-block-image{margin:0;} .shbe-page .shbe-addons-image .wp-block-image img{display:block;width:100%;height:auto;border-radius:17px;} .shbe-page .shbe-status-item{display:grid;grid-template-columns:30px 1fr;} .shbe-page .shbe-status-dot{margin:0!important;} .shbe-page .shbe-status-copy strong{display:block;color:#1e293b;font-size:15px;} .shbe-page .shbe-status-copy p{margin-top:2px;color:var(–shbe-muted);font-size:13px;} .shbe-page .shbe-addons-tags p,.shbe-page .shbe-addon-tags p{margin:0;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:13px;font-weight:800;} .shbe-page .shbe-addon-tags p{padding:9px 12px;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);} .shbe-page .shbe-demo-actions .wp-block-button.shbe-btn,.shbe-page .shbe-demo-actions .wp-block-button.shbe-btn .wp-block-button__link{width:100%;} .shbe-page .shbe-demo-actions .wp-block-button.shbe-btn .wp-block-button__link{min-height:66px;font-size:18px;border-radius:18px;} .shbe-page .shbe-small-btn{padding:0;background:none;} .shbe-page .shbe-small-btn .wp-block-button__link{display:inline-block;padding:10px 16px;border-radius:12px;background:#fff;color:var(–shbe-text);font-weight:800;text-decoration:none;} .shbe-page .shbe-floating-demo{position:fixed;right:22px;bottom:22px;z-index:9999;padding:0;background:none;} .shbe-page .shbe-floating-demo .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 22px;border-radius:999px;background:var(–shbe-green);color:#fff;font-weight:950;letter-spacing:.3px;box-shadow:0 18px 38px rgba(22,163,74,.36);border:1px solid rgba(255,255,255,.35);text-decoration:none;} .shbe-page .shbe-floating-demo .wp-block-button__link:hover{transform:translateY(-2px);} .shbe-page .wp-block-embed{margin-top:22px;} .shbe-page .wp-block-embed__wrapper{aspect-ratio:16/9;} .shbe-page .wp-block-embed__wrapper iframe{width:100%;height:100%;border:0;} .shbe-page .shbe-feature-title,.shbe-page .shbe-step-title,.shbe-page .shbe-shot-title{margin:0 0 8px;} .shbe-page .shbe-final-card .wp-block-button{display:inline-block;} @media(max-width:560px){ .shbe-page .shbe-cta-row .wp-block-button.shbe-btn,.shbe-page .shbe-cta-row .wp-block-button.shbe-btn .wp-block-button__link{width:100%;} .shbe-page .shbe-floating-demo{right:14px;bottom:14px;} .shbe-page .shbe-floating-demo .wp-block-button__link{min-height:48px;padding:0 18px;font-size:14px;} .shbe-page .shbe-price{font-size:42px;} } /* 5-star reviews slider */ .shbe-reviews{ padding:40px 0 18px; } .shbe-reviews-box{ position:relative; overflow:hidden; border:1px solid var(–shbe-border); border-radius:32px; padding:34px; background: radial-gradient(circle at 92% 0%, rgba(18,105,243,.10), transparent 30%), radial-gradient(circle at 0% 100%, rgba(22,163,74,.08), transparent 28%), #fff; box-shadow:var(–shbe-shadow); } .shbe-reviews-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:24px; } .shbe-reviews-copy{max-width:760px;} .shbe-reviews-kicker{ display:inline-flex; align-items:center; gap:8px; padding:7px 11px; margin:0 0 12px!important; border-radius:999px; background:#fff7d6; color:#8a5a00; border:1px solid #fde68a; font-size:12px; font-weight:950; text-transform:uppercase; letter-spacing:.5px; } .shbe-reviews-box h2{ margin:0; color:var(–shbe-navy); font-size:clamp(30px,4vw,46px); line-height:1.05; letter-spacing:-1.4px; } .shbe-reviews-intro{ margin:12px 0 0!important; color:var(–shbe-muted); font-size:17px; } .shbe-review-controls{ display:flex; gap:10px; flex:0 0 auto; } .shbe-review-arrow{ width:46px; height:46px; padding:0; border:1px solid var(–shbe-border); border-radius:14px; display:grid; place-items:center; background:#fff; color:var(–shbe-navy); font-size:22px; font-weight:900; line-height:1; cursor:pointer; box-shadow:0 10px 24px rgba(15,23,42,.07); transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease; } .shbe-review-arrow:hover{ transform:translateY(-2px); border-color:#bfdbfe; box-shadow:0 14px 28px rgba(15,23,42,.11); } .shbe-review-rail{ display:flex; gap:18px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth; scrollbar-width:none; -ms-overflow-style:none; padding:2px 2px 8px; } .shbe-review-rail::-webkit-scrollbar{display:none;} .shbe-review-card{ flex:0 0 calc((100% – 36px)/3); min-width:0; scroll-snap-align:start; display:flex; flex-direction:column; min-height:250px; padding:24px; border:1px solid #e7edf5; border-radius:22px; background:#fff; box-shadow:0 14px 34px rgba(15,23,42,.06); } .shbe-review-stars{ margin:0 0 15px!important; color:#f6b800; font-size:20px; line-height:1; letter-spacing:2px; } .shbe-review-text{ margin:0!important; color:#334155; font-size:15.5px; line-height:1.65; } .shbe-review-person{ display:flex; align-items:center; gap:11px; margin-top:auto; padding-top:21px; } .shbe-review-avatar{ flex:0 0 42px; width:42px; height:42px; display:grid; place-items:center; border-radius:50%; background:linear-gradient(135deg,#dbeafe,#dcfce7); color:var(–shbe-navy); font-weight:950; font-size:14px; } .shbe-review-meta strong{ display:block; color:var(–shbe-navy); font-size:14px; } .shbe-review-meta span{ display:block; margin-top:2px; color:var(–shbe-muted); font-size:12px; } .shbe-reviews-note{ margin:14px 2px 0!important; color:#94a3b8; font-size:11px; text-align:center; } @media(max-width:920px){ .shbe-review-card{flex-basis:calc((100% – 18px)/2);} .shbe-reviews-head{align-items:flex-start;} } @media(max-width:560px){ .shbe-reviews{padding-top:28px;} .shbe-reviews-box{padding:22px 16px;border-radius:25px;} .shbe-reviews-head{display:block;margin-bottom:18px;} .shbe-review-controls{margin-top:16px;justify-content:flex-end;} .shbe-review-arrow{width:42px;height:42px;border-radius:13px;} .shbe-review-card{flex-basis:88%;min-height:265px;padding:21px;} .shbe-reviews-intro{font-size:16px;} } /* ========================================================= Added blocks: Planning View / Multilanguage / Free vs Pro Keeps the original SHBE page untouched. ========================================================= */ .hdbeprox-section{ padding:40px 0; } .hdbeprox-wrap{ width:min(1320px, calc(100% – 48px)); margin:0 auto; } .hdbeprox-title-kicker{ display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:999px; background:#eaf2ff; border:1px solid #dbeafe; color:var(–shbe-blue); font-size:12px; font-weight:950; text-transform:uppercase; letter-spacing:.55px; margin-bottom:15px; } .hdbeprox-highlight{ display:grid; grid-template-columns:.9fr 1.1fr; gap:28px; align-items:center; padding:28px; border:1px solid var(–shbe-border); border-radius:32px; background: radial-gradient(circle at 92% 0%, rgba(18,105,243,.10), transparent 33%), linear-gradient(180deg,#fff,#f8fbff); box-shadow:var(–shbe-shadow); } .hdbeprox-copy{ padding:8px 3px 8px 6px; } .hdbeprox-copy h2, .hdbeprox-center-head h2{ margin:0; color:var(–shbe-navy); font-size:clamp(30px,4vw,48px); line-height:1.05; letter-spacing:-1.45px; } .hdbeprox-copy > p{ margin:14px 0 20px; color:var(–shbe-muted); font-size:16px; line-height:1.68; } .hdbeprox-keypoints{ display:grid; gap:10px; } .hdbeprox-keypoint{ display:grid; grid-template-columns:30px 1fr; gap:12px; align-items:start; padding:13px 14px; border:1px solid var(–shbe-border); border-radius:16px; background:#fff; box-shadow:0 10px 24px rgba(15,23,42,.045); } .hdbeprox-check{ width:30px; height:30px; display:grid; place-items:center; border-radius:10px; background:#dcfce7; color:#15803d; font-size:14px; font-weight:950; } .hdbeprox-keypoint b{ display:block; color:#1e293b; font-size:15px; } .hdbeprox-keypoint span{ display:block; margin-top:2px; color:var(–shbe-muted); font-size:13px; line-height:1.5; } .hdbeprox-shot{ position:relative; padding:12px; border:1px solid #dbe5f1; border-radius:24px; background:#eef4fb; box-shadow:0 20px 48px rgba(15,23,42,.13); } .hdbeprox-shot img{ display:block; width:100%; height:auto; border-radius:17px; border:1px solid #e5edf6; background:#fff; } .hdbeprox-tag-corner{ position:absolute; top:24px; right:24px; z-index:2; padding:7px 11px; border-radius:999px; background:var(–shbe-navy); color:#fff; font-size:11px; font-weight:950; letter-spacing:.8px; } /* Multilanguage */ .hdbeprox-lang-band{ position:relative; overflow:hidden; border-radius:34px; padding:34px; color:#fff; background: radial-gradient(circle at 90% 0%, rgba(54,180,255,.26), transparent 34%), radial-gradient(circle at 0% 100%, rgba(22,163,74,.16), transparent 32%), linear-gradient(135deg,#07142f 0%,#0d2f69 58%,#1269f3 100%); box-shadow:var(–shbe-shadow); } .hdbeprox-lang-band:after{ content:”LANG”; position:absolute; right:-16px; top:-6px; font-size:92px; line-height:1; font-weight:950; letter-spacing:-6px; color:rgba(255,255,255,.06); pointer-events:none; } .hdbeprox-lang-head{ position:relative; z-index:2; max-width:900px; margin:0 auto 25px; text-align:center; } .hdbeprox-lang-pill{ display:inline-flex; align-items:center; gap:8px; padding:8px 13px; margin-bottom:14px; border-radius:999px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.2); color:#dcfce7; font-size:13px; font-weight:900; text-transform:uppercase; letter-spacing:.55px; } .hdbeprox-lang-head h2{ margin:0; color:#fff; font-size:clamp(31px,4vw,50px); line-height:1.04; letter-spacing:-1.5px; } .hdbeprox-lang-head p{ max-width:790px; margin:15px auto 0; color:rgba(255,255,255,.82); font-size:18px; line-height:1.65; } .hdbeprox-lang-scope{ position:relative; z-index:2; display:flex; flex-wrap:wrap; justify-content:center; gap:9px; margin:0 auto 20px; } .hdbeprox-lang-scope span{ padding:8px 12px; border-radius:999px; background:rgba(255,255,255,.11); border:1px solid rgba(255,255,255,.18); color:#fff; font-size:13px; font-weight:800; } .hdbeprox-lang-grid{ position:relative; z-index:2; display:grid; grid-template-columns:repeat(4,1fr); gap:14px; } .hdbeprox-lang-card{ min-width:0; padding:18px; border-radius:24px; background:rgba(255,255,255,.98); color:var(–shbe-text); box-shadow:0 18px 44px rgba(0,0,0,.18); } .hdbeprox-lang-top{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; } .hdbeprox-lang-code{ padding:7px 10px; border-radius:999px; background:#eef5ff; color:var(–shbe-blue); font-size:12px; font-weight:900; } .hdbeprox-lang-chip{ padding:7px 10px; border-radius:999px; background:#ecfdf5; color:#15803d; font-size:10px; font-weight:900; text-transform:uppercase; white-space:nowrap; } .hdbeprox-lang-lines{ display:grid; gap:8px; } .hdbeprox-lang-lines span{ display:block; padding:10px 12px; border-radius:14px; background:#f8fafc; border:1px solid #e7edf5; color:#334155; font-size:13px; font-weight:700; } .hdbeprox-lang-more{ position:relative; z-index:2; margin:18px auto 0; color:rgba(255,255,255,.8); font-size:14px; font-weight:700; text-align:center; } .hdbeprox-lang-actions{ position:relative; z-index:2; margin-top:18px; text-align:center; } .hdbeprox-lang-actions a{ display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:0 24px; border-radius:16px; background:#fff; color:var(–shbe-navy)!important; text-decoration:none!important; font-weight:900; } /* Free vs Pro table */ .hdbeprox-center-head{ max-width:840px; margin:0 auto 30px; text-align:center; } .hdbeprox-center-head p{ margin:14px auto 0; max-width:720px; color:var(–shbe-muted); font-size:18px; line-height:1.65; } .hdbeprox-table-wrap{ overflow:hidden; padding:18px; border:1px solid var(–shbe-border); border-radius:30px; background:#fff; box-shadow:var(–shbe-shadow); } .hdbeprox-table{ width:100%; border-collapse:collapse; table-layout:fixed; } .hdbeprox-table th, .hdbeprox-table td{ padding:16px 18px; border-bottom:1px solid #edf2f7; text-align:left; vertical-align:middle; overflow-wrap:anywhere; } .hdbeprox-table tr:last-child td{ border-bottom:0; } .hdbeprox-table th{ color:var(–shbe-navy); background:#f8fafc; font-size:14px; } .hdbeprox-table th:first-child, .hdbeprox-table td:first-child{ width:46%; } .hdbeprox-table th:nth-child(2), .hdbeprox-table th:nth-child(3), .hdbeprox-table td:nth-child(2), .hdbeprox-table td:nth-child(3){ width:27%; } .hdbeprox-table td{ color:#334155; font-size:14px; } .hdbeprox-table td:nth-child(2), .hdbeprox-table td:nth-child(3){ font-weight:800; } .hdbeprox-no{ color:#94a3b8!important; } .hdbeprox-yes{ color:#15803d!important; } /* Tablet */ @media(max-width:920px){ .hdbeprox-wrap{ width:min(1320px, calc(100% – 32px)); } .hdbeprox-highlight{ grid-template-columns:1fr; } .hdbeprox-lang-grid{ grid-template-columns:1fr 1fr; } } /* Mobile: Free vs Pro becomes stacked cards instead of a cut-off table. */ @media(max-width:640px){ .hdbeprox-wrap{ width:calc(100% – 24px); } .hdbeprox-highlight{ padding:18px; border-radius:24px; } .hdbeprox-shot{ padding:7px; border-radius:18px; } .hdbeprox-shot img{ border-radius:12px; } .hdbeprox-tag-corner{ top:15px; right:15px; } .hdbeprox-lang-band{ padding:22px 16px; border-radius:25px; } .hdbeprox-lang-band:after{ font-size:64px; } .hdbeprox-lang-head p, .hdbeprox-center-head p{ font-size:16px; } .hdbeprox-lang-grid{ grid-template-columns:1fr; } .hdbeprox-lang-actions a{ width:100%; } .hdbeprox-table-wrap{ padding:0; border:0; background:transparent; box-shadow:none; overflow:visible; } .hdbeprox-table, .hdbeprox-table tbody{ display:block; width:100%; } .hdbeprox-table thead{ display:none; } .hdbeprox-table tr{ display:block; overflow:hidden; margin-bottom:12px; border:1px solid var(–shbe-border); border-radius:18px; background:#fff; box-shadow:0 12px 28px rgba(15,23,42,.06); } .hdbeprox-table td, .hdbeprox-table td:first-child, .hdbeprox-table td:nth-child(2), .hdbeprox-table td:nth-child(3){ display:grid; grid-template-columns:minmax(84px,.72fr) minmax(0,1.28fr); gap:12px; width:100%; padding:13px 15px; border-bottom:1px solid #edf2f7; font-size:13px; } .hdbeprox-table td:last-child{ border-bottom:0; } .hdbeprox-table td:before{ content:attr(data-label); color:#64748b; font-size:11px; font-weight:950; text-transform:uppercase; letter-spacing:.45px; } .hdbeprox-table td:first-child{ display:block; padding:15px; background:#f8fafc; color:var(–shbe-navy); font-size:15px; font-weight:900; } .hdbeprox-table td:first-child:before{ display:none; } }

🚀 Pro upgrade for professional hosts

Turn your website into a direct booking machine.

Unlock multiple calendars, up to 3 external iCal connections, one unified calendar feed, advanced day/month pricing and secure online payments with Stripe — all inside your WordPress booking engine.

Pro annual

Price: €49.00 VAT included

/year

Everything you need to manage direct bookings professionally.

  • ✓ Online payments with Stripe
  • ✓ Advanced pricing by day, month or single date
  • ✓Add manual booking and view summary
  • ✓ You can unlock unlimited calendars
  • ✓ Up to 3 external iCal links
  • ✓ Add-ons available (Coupons, Extra Services, etc)
  • ✓ 24-month calendar instead of 12
  • ✓ Merge multiple calendars into one unified iCal link
  • ✓ Block individual days or full months with one click
  • ✓ Host Domination Booking Engine license, support and automatic updates

You will receive your license and download link after purchase.

👑 Lifetime License

Our price€199.90 VAT included

🚀 Try it free before buying

Experience the complete Pro version before purchasing: test the front-end calendar, daily prices, availability, guest form and direct booking experience.

No payment required. Open the live demo and test it now.

New Pro feature

Calendar Planning View for a faster overview.

The new Planning View helps you manage all calendars in a single visual timeline. It is perfect for hosts managing multiple rooms, apartments or properties from one dashboard.

✓
Timeline-based managementSee reservations across multiple calendars in a single horizontal planning layout.
✓
Source recognitionEasily identify Booking.com, Airbnb, direct and manual reservations.
✓
Better controlMove through visible date ranges and monitor upcoming stays more efficiently.
PROS Calendar Planning View screenshot from Host Domination Booking Engine Pro

Advanced pricing and availability in action.

Set monthly prices, edit single days, block dates or full months, and display clear daily rates directly on the booking form.

Front-end booking calendar showing property selection, daily prices, selected dates and final payment total

Front-end calendar with prices

Guests see available dates, unavailable dates, daily prices and the final total before paying online.

Host Domination Booking Engine Pro advanced pricing dashboard with monthly pricing, day blocking and full month blocking tools

Pro pricing dashboard

Apply one price to the whole month, block or unblock the full month, or manage every single day manually.

Booking Engine Pro children payment rules and additional guest pricing settings

Children & additional guest pricing rules

Exclude children below a chosen age from payment, or apply additional guest pricing after a selected number of guests using either a fixed surcharge or a percentage.

Booking Engine Pro multiple calendar booking modes with Stripe payments and manual booking requests

Multiple calendars & flexible booking modes

Configure multiple calendars independently and choose which ones accept secure Stripe online payments and which ones use manual booking requests.

🌍 Free Multilanguage Pack Available

Multilanguage deserves to be front and center.

Make your booking engine easier to use for international guests and site owners. Host Domination BE Translate provides translations for both the guest-facing front end and the WordPress back end, with the main languages available and additional language packs supported.

✓ Front-end translations ✓ Back-end / admin translations ✓ Free language pack ✓ More languages available
EN Front + Back end
Dashboard Bookings Planning View Search bookings
EN Front + Back end
Bulletin board Reservations Schedule view Search reservations
ES Front + Back end
Panel Reservas Vista de planificación Buscar reservas
FR Front + Back end
Tableau de bord Réservations Vue de planification Rechercher des réservations

English, Italian, Spanish and French are shown above. Additional translations can be distributed through the same language-pack system.

💳 Pro payment management

See exactly what happened with every booking.

Confirm or reject new requests, identify successful payments, view summary, monitor incomplete checkouts and keep cancelled payment records visible inside WordPress.

…

Awaiting payment

Recognize guests who started checkout but have not completed it.

×

Payment cancelled

Keep cancelled checkout attempts separate from active requests.

★★★★★ 5-star host feedback

More direct bookings. Less lost to OTA commissions.

A booking engine built for hosts who want more control over reservations, payments and the guest experience on their own website.

★★★★★

“Direct bookings finally feel simple. Guests can check availability and book from our own website, so we can rely less on OTA platforms and keep more value from each reservation.”

IH
Independent hostVacation rental

★★★★★

“The biggest advantage is having the booking process under our control. We can send repeat guests directly to our website instead of paying an OTA commission again.”

BB
B&B ownerIndependent accommodation

★★★★★

“Calendar sync, direct reservations and online payments are all in WordPress. It gives us a much more professional way to convert visitors into direct guests.”

PH
Property hostShort-term rentals

★★★★★

“We wanted to build a stronger direct channel without changing our whole website. The booking engine lets us keep WordPress and add the reservation tools we actually need.”

GH
Guesthouse hostDirect booking website

★★★★★

“Guests can see prices and availability clearly before booking. The experience feels much closer to a professional OTA, but the reservation happens on our own site.”

VA
Villa administratorHoliday property

★★★★★

“For repeat guests, direct booking is now the obvious option. We can promote our own website, manage the reservation ourselves and reduce dependence on external platforms.”

HM
Holiday rental managerMultiple properties

Sample testimonials — replace with verified customer reviews before publishing.

document.addEventListener(‘DOMContentLoaded’, function () { document.querySelectorAll(‘.shbe-reviews’).forEach(function (section) { var rail = section.querySelector(‘.shbe-review-rail’); var prev = section.querySelector(‘.shbe-review-prev’); var next = section.querySelector(‘.shbe-review-next’); if (!rail || !prev || !next) return; function stepSize() { var card = rail.querySelector(‘.shbe-review-card’); if (!card) return rail.clientWidth; var styles = window.getComputedStyle(rail); var gap = parseFloat(styles.columnGap || styles.gap || 0) || 0; return card.getBoundingClientRect().width + gap; } function move(direction) { rail.scrollBy({ left: direction * stepSize(), behavior: ‘smooth’ }); } prev.addEventListener(‘click’, function () { move(-1); }); next.addEventListener(‘click’, function () { move(1); }); var timer; function startAuto() { window.clearInterval(timer); timer = window.setInterval(function () { var maxScroll = rail.scrollWidth – rail.clientWidth; if (rail.scrollLeft >= maxScroll – 8) { rail.scrollTo({ left: 0, behavior: ‘smooth’ }); } else { move(1); } }, 4800); } function stopAuto() { window.clearInterval(timer); } section.addEventListener(‘mouseenter’, stopAuto); section.addEventListener(‘mouseleave’, startAuto); section.addEventListener(‘focusin’, stopAuto); section.addEventListener(‘focusout’, startAuto); startAuto(); }); });

✨ Optional Pro extensions

Power up your booking module with add-ons.

Expand Host Domination Booking Engine Pro with additional extensions designed to add new features, automate more of the booking process and adapt the module to different property and business needs. Add only the tools you need and build a more complete booking experience over time.

Room & Property Cards

Service Extras

Deposit Payments

Coupons

Email Automation

Conditional Logic

Host Domination Booking Engine Pro add-ons including Room and Property Cards, Service Extras, Deposit Payments, Coupons, Guest Email Automation and Conditional Logic

Built for hosts who want more direct bookings.

Host Domination Booking Engine Pro gives your website the professional tools usually found in expensive booking platforms.

💳

Online Payments with Stripe

Let guests pay online directly from your website through a secure Stripe checkout experience.

📅

3 Calendars or unlock unlimited

Manage more than one accommodation, room or rental unit from the same WordPress dashboard.

🔄

3 iCal Links & Unified Calendar

Connect up to 3 external iCal feeds and merge multiple calendars into one unified iCal link to share with other platforms.

💶

Advanced Day & Month Pricing

Apply a price to a full month, edit each single day and show the correct daily rates on the front-end calendar.

🚫

Block Days or Full Months

Block or unblock individual dates and entire months with one click, without refreshing the page.

🧩

Optional Extensions & Add-ons

Extend the Pro booking form with extra services, coupons, automatic discounts, custom fields, conditional logic and additional tools.

Free vs Pro

Start simple. Upgrade when you need more power.

Here are some of the biggest differences between the free plugin and the Pro version.

Feature Free Pros
Calendar Planning View — ✓ Included
Booking search — ✓ Included
Online payments with Stripe — ✓ Included
External iCal sync 1 link Up to 3 links
Unified exported calendar — ✓ Included
Advanced pricing by day / month — ✓ Included
Block individual days or full months — ✓ Included
Calendar management horizon 12 months 24 months
Multilanguage with HD BE Translate ✓ Available ✓ Available
Add-on ecosystem Limited Coupons, extras, deposits, automation and more

How it works

Upgrade in minutes and activate the Pro features directly inside your WordPress plugin.

Purchase Pro

Choose the Annual or Lifetime license and complete the purchase through the secure Stripe checkout.

Receive your license

After payment, you receive your Pro license and download instructions.

Activate on WordPress

Install the Pro add-on, enter your license and unlock the advanced booking tools.

Upgrade to Host Domination Booking Engine Pro and unlock the tools your accommodation website needs to sell more directly.

⚠️ This plugin isn’t Channel Manager.