.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;
}
}
/* =========================================================
INITIAL RENDER STABILITY
Prevents the 1–2 second late “settling” / layout shift.
========================================================= */
/*
* Some Gutenberg blocks below use inline values such as:
* var(–wp–preset–spacing–40)
* Those variables normally come from WordPress global styles.
* Define them locally on this landing page so spacing exists
* from the very first paint, even if theme/global CSS is delayed.
*/
.shbe-page{
–wp–preset–spacing–30:.67rem;
–wp–preset–spacing–40:1rem;
–wp–preset–spacing–50:1.5rem;
–wp–preset–spacing–60:2.25rem;
}
/* Prevent late theme utility classes from visually changing headings. */
.shbe-page .shbe-hero-card h1,
.shbe-page .shbe-final-card h2{
color:#fff !important;
}
/* Make media reserve predictable space immediately. */
.shbe-page img{
display:block;
max-width:100%;
}
.shbe-page .wp-block-image{
line-height:0;
}
/* Known external screenshots: reserve their aspect ratios before download. */
.shbe-page img[src*=”calendar-planning-view-booking-engine-1.webp”]{
aspect-ratio:493 / 548;
height:auto;
}
.shbe-page img[src*=”host-domination-booking-engine-pro-front-end.png”]{
aspect-ratio:1000 / 703;
height:auto;
}
.shbe-page img[src*=”latest-bookings-layout-1-e1788038238452.webp”]{
aspect-ratio:1000 / 712;
height:auto;
}
/* YouTube: reserve the player area before the iframe is created. */
.shbe-page .wp-block-embed,
.shbe-page .wp-block-embed__wrapper{
width:100%;
}
.shbe-page .wp-block-embed__wrapper{
aspect-ratio:16 / 9;
min-height:0;
overflow:hidden;
}
.shbe-page .wp-block-embed__wrapper iframe{
display:block;
width:100%;
height:100%;
}
/*
* GTranslate is injected by shortcode/script and can otherwise push
* the entire hero downward after page load. Reserve its row up front.
*/
.shbe-page .shbe-hero-copy > .wp-block-shortcode{
display:block;
min-height:38px;
margin:0 0 10px !important;
}
/* Empty Gutenberg paragraphs must never acquire theme margins later. */
.shbe-page .shbe-hero-copy > p:empty{
display:none !important;
}
/* Keep direct #demo navigation stable while media/fonts initialize. */
#demo{
scroll-margin-top:24px;
}
/* Prevent transitions from firing simply because delayed CSS becomes available. */
.shbe-page,
.shbe-page *{
animation-delay:0s;
}
/* SEO copy + FAQ */
.shbe-seo-intro{
margin:18px 0 0!important;
max-width:690px;
color:rgba(255,255,255,.78);
font-size:15px;
line-height:1.72;
}
.shbe-seo-intro a{
color:#fff;
text-decoration:underline;
text-underline-offset:3px;
font-weight:800;
}
.shbe-page img[src*=”host-domination-booking-engine-pro-advanced-pricing-calendar.webp”]{
aspect-ratio:1403 / 894;
height:auto;
}
.shbe-faq{
display:grid;
gap:12px;
max-width:980px;
margin:0 auto;
}
.shbe-faq details{
border:1px solid var(–shbe-border);
border-radius:18px;
background:#fff;
box-shadow:0 10px 28px rgba(15,23,42,.045);
overflow:hidden;
}
.shbe-faq summary{
cursor:pointer;
padding:18px 20px;
color:var(–shbe-navy);
font-weight:900;
font-size:16px;
list-style:none;
}
.shbe-faq summary::-webkit-details-marker{display:none;}
.shbe-faq summary:after{
content:”+”;
float:right;
font-size:22px;
line-height:1;
color:var(–shbe-blue);
}
.shbe-faq details[open] summary:after{content:”–”;}
.shbe-faq details p{
margin:0!important;
padding:0 20px 19px;
color:var(–shbe-muted);
line-height:1.7;
}
.shbe-faq details a{
color:var(–shbe-blue);
text-decoration:underline;
text-underline-offset:2px;
}
/* =========================================================
PRO feature showcase — conversion-focused product cards
========================================================= */
.shbe-feature-showcase-section{
padding-top:46px;
padding-bottom:46px;
}
.shbe-feature-head{
max-width:860px;
margin:0 auto 30px;
text-align:center;
}
.shbe-feature-kicker{
display:inline-flex;
align-items:center;
gap:8px;
margin:0 0 13px!important;
padding:8px 13px;
border:1px solid #bfdbfe;
border-radius:999px;
background:#eff6ff;
color:var(–shbe-blue);
font-size:12px;
font-weight:950;
letter-spacing:.55px;
text-transform:uppercase;
}
.shbe-feature-head h2{
margin:0;
color:var(–shbe-navy);
font-size:clamp(32px,4.2vw,52px);
line-height:1.03;
letter-spacing:-1.65px;
}
.shbe-feature-head > p:last-child{
max-width:730px;
margin:15px auto 0!important;
color:var(–shbe-muted);
font-size:18px;
line-height:1.68;
}
.shbe-feature-showcase{
display:grid;
gap:20px;
}
.shbe-feature-card{
position:relative;
overflow:hidden;
border:1px solid var(–shbe-border);
border-radius:30px;
background:#fff;
box-shadow:0 18px 48px rgba(15,23,42,.075);
}
.shbe-feature-card–hero{
display:grid;
grid-template-columns:.88fr 1.12fr;
min-height:440px;
background:
radial-gradient(circle at 0% 0%,rgba(18,105,243,.10),transparent 34%),
linear-gradient(180deg,#fff,#f8fbff);
}
.shbe-feature-card–hero.shbe-feature-card–reverse{
grid-template-columns:1.12fr .88fr;
}
.shbe-feature-card__copy{
display:flex;
flex-direction:column;
justify-content:center;
padding:34px;
min-width:0;
}
.shbe-feature-label{
display:inline-flex;
width:max-content;
align-items:center;
gap:7px;
margin:0 0 14px!important;
padding:7px 11px;
border-radius:999px;
background:#dcfce7;
color:#166534;
font-size:11px;
font-weight:950;
letter-spacing:.55px;
text-transform:uppercase;
}
.shbe-feature-card h3{
margin:0;
color:var(–shbe-navy);
font-size:clamp(25px,3vw,38px);
line-height:1.08;
letter-spacing:-1px;
}
.shbe-feature-card__copy > p:not(.shbe-feature-label){
margin:14px 0 0!important;
color:var(–shbe-muted);
font-size:16px;
line-height:1.7;
}
.shbe-feature-chips{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:20px;
}
.shbe-feature-chips span{
display:inline-flex;
align-items:center;
min-height:34px;
padding:0 11px;
border:1px solid #dbe5f1;
border-radius:999px;
background:#fff;
color:#334155;
font-size:12px;
font-weight:850;
box-shadow:0 7px 18px rgba(15,23,42,.04);
}
.shbe-feature-media{
min-width:0;
display:flex;
align-items:center;
justify-content:center;
padding:22px;
background:
linear-gradient(135deg,rgba(7,20,47,.97),rgba(18,105,243,.91));
}
.shbe-feature-card–reverse .shbe-feature-media{
order:-1;
background:
linear-gradient(135deg,#edf5ff,#e8fff1);
}
.shbe-feature-media-frame{
width:100%;
padding:10px;
border-radius:24px;
background:rgba(255,255,255,.96);
box-shadow:0 22px 58px rgba(0,0,0,.22);
transform:translateZ(0);
}
.shbe-feature-media img{
display:block;
width:100%;
height:auto;
max-height:460px;
object-fit:contain;
border-radius:16px;
background:#fff;
}
.shbe-feature-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:20px;
}
.shbe-feature-card–compact{
display:flex;
flex-direction:column;
min-height:100%;
}
.shbe-feature-card–compact .shbe-feature-media{
min-height:245px;
padding:16px;
background:linear-gradient(135deg,#f3f8ff,#eefbf3);
}
.shbe-feature-card–compact .shbe-feature-media-frame{
padding:8px;
border-radius:20px;
box-shadow:0 16px 36px rgba(15,23,42,.13);
}
.shbe-feature-card–compact .shbe-feature-media img{
max-height:310px;
border-radius:13px;
}
.shbe-feature-card–compact .shbe-feature-card__copy{
padding:25px;
justify-content:flex-start;
}
.shbe-feature-card–compact h3{
font-size:23px;
letter-spacing:-.55px;
}
.shbe-feature-card–compact .shbe-feature-card__copy > p:not(.shbe-feature-label){
font-size:15px;
}
.shbe-feature-card–app .shbe-feature-media{
background:linear-gradient(135deg,#07142f,#123b83);
}
.shbe-feature-card–notify .shbe-feature-media{
background:linear-gradient(135deg,#ecfdf5,#eff6ff);
}
.shbe-feature-bottom{
display:flex;
align-items:center;
justify-content:space-between;
gap:22px;
margin-top:2px;
padding:24px 26px;
border-radius:24px;
color:#fff;
background:
radial-gradient(circle at 88% 0%,rgba(54,180,255,.28),transparent 34%),
linear-gradient(135deg,var(–shbe-navy),#123b83);
box-shadow:0 18px 46px rgba(15,23,42,.14);
}
.shbe-feature-bottom strong{
display:block;
font-size:20px;
line-height:1.2;
}
.shbe-feature-bottom p{
margin:5px 0 0!important;
color:rgba(255,255,255,.76);
font-size:14px;
}
.shbe-feature-bottom a{
flex:0 0 auto;
display:inline-flex;
min-height:50px;
align-items:center;
justify-content:center;
padding:0 20px;
border-radius:15px;
background:var(–shbe-green);
color:#fff!important;
font-weight:950;
text-decoration:none!important;
box-shadow:0 14px 30px rgba(22,163,74,.28);
}
.shbe-feature-card,
.shbe-feature-media-frame{
transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
@media (hover:hover){
.shbe-feature-card:hover{
transform:translateY(-3px);
border-color:#cbdcf2;
box-shadow:0 24px 60px rgba(15,23,42,.11);
}
.shbe-feature-card:hover .shbe-feature-media-frame{
transform:translateY(-2px);
}
}
@media(max-width:920px){
.shbe-feature-card–hero,
.shbe-feature-card–hero.shbe-feature-card–reverse{
grid-template-columns:1fr;
}
.shbe-feature-card–reverse .shbe-feature-media{order:0;}
.shbe-feature-grid{grid-template-columns:1fr;}
.shbe-feature-media{padding:18px;}
}
@media(max-width:640px){
.shbe-feature-showcase-section{padding-top:32px;padding-bottom:32px;}
.shbe-feature-head > p:last-child{font-size:16px;}
.shbe-feature-card{border-radius:24px;}
.shbe-feature-card__copy{padding:24px 20px;}
.shbe-feature-card h3{font-size:28px;}
.shbe-feature-card–compact h3{font-size:22px;}
.shbe-feature-media{padding:12px;}
.shbe-feature-media-frame{padding:6px;border-radius:17px;}
.shbe-feature-media img{border-radius:12px;}
.shbe-feature-bottom{display:block;padding:22px 18px;}
.shbe-feature-bottom a{width:100%;margin-top:17px;}
}
{
“@context”: “https://schema.org”,
“@graph”: [
{
“@type”: [
“SoftwareApplication”,
“Product”
],
“@id”: “https://hostdomination.com/booking-engine-pro/#product”,
“name”: “Host Domination Booking Engine PRO”,
“url”: “https://hostdomination.com/booking-engine-pro/”,
“description”: “WordPress booking engine for direct reservations with Stripe payments, advanced pricing, multiple calendars and iCal / ICS synchronization.”,
“applicationCategory”: “BusinessApplication”,
“operatingSystem”: “WordPress”,
“brand”: {
“@type”: “Brand”,
“name”: “Host Domination”
},
“image”: “https://hostdomination.com/wp-content/uploads/2026/08/host-domination-booking-engine-pro-logo-1-1024×386.webp”,
“offers”: [
{
“@type”: “Offer”,
“name”: “Host Domination Booking Engine PRO Annual License”,
“price”: “49.90”,
“priceCurrency”: “EUR”,
“availability”: “https://schema.org/InStock”,
“url”: “https://buy.stripe.com/8x28wHezcge63Gg5MLaVa0k”
},
{
“@type”: “Offer”,
“name”: “Host Domination Booking Engine PRO Lifetime License”,
“price”: “149.90”,
“priceCurrency”: “EUR”,
“availability”: “https://schema.org/InStock”,
“url”: “https://buy.stripe.com/00w5kv0Ime5Y6Ss3EDaVa0l”
}
]
},
{
“@type”: “BreadcrumbList”,
“@id”: “https://hostdomination.com/booking-engine-pro/#breadcrumb”,
“itemListElement”: [
{
“@type”: “ListItem”,
“position”: 1,
“name”: “Host Domination”,
“item”: “https://hostdomination.com/”
},
{
“@type”: “ListItem”,
“position”: 2,
“name”: “Booking Engine PRO”,
“item”: “https://hostdomination.com/booking-engine-pro/”
}
]
},
{
“@type”: “FAQPage”,
“@id”: “https://hostdomination.com/booking-engine-pro/#faq-schema”,
“mainEntity”: [
{
“@type”: “Question”,
“name”: “What is Host Domination Booking Engine PRO?”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “Host Domination Booking Engine PRO is a WordPress booking engine for accommodation websites. It adds direct booking tools such as Stripe payments, advanced pricing, multiple calendars, booking management and additional iCal / ICS synchronization options.”
}
},
{
“@type”: “Question”,
“name”: “Can I synchronize availability with Airbnb and Booking.com?”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “Yes. The booking engine can synchronize availability through iCal / ICS feeds. PRO provides additional external iCal connections and a unified exported calendar. It is a booking engine and is not presented as a full Channel Manager or PMS.”
}
},
{
“@type”: “Question”,
“name”: “Can guests pay online from my WordPress website?”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “Yes. Host Domination Booking Engine PRO supports secure online payments through Stripe, allowing guests to complete eligible direct bookings from your website.”
}
},
{
“@type”: “Question”,
“name”: “Is there a free version of Host Domination Booking Engine?”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “Yes. Host Domination Booking Engine Free provides the core direct-booking workflow, and PRO adds advanced pricing, online payments and additional calendar controls.”
}
},
{
“@type”: “Question”,
“name”: “What do I receive after purchasing the PRO license?”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “After purchase you receive the PRO license and download instructions. Install the PRO add-on in WordPress, activate the license and the advanced booking features become available.”
}
}
]
}
]
}
🚀 WordPress booking engine for direct reservations
Host Domination Booking Engine PRO for WordPress
Accept direct bookings and secure Stripe payments from your own website, manage multiple calendars, synchronize availability with external platforms through iCal / ICS, and control advanced day and month pricing directly from WordPress.
Host Domination Booking Engine PRO is built for vacation rentals, B&Bs, guest houses, apartments, small hotels and property managers that want a professional WordPress booking engine without moving their website to a separate platform.
VIDEO
Pro BASIC annual – 1 SITE
Our price€49.90 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, Search Bookings and View Summary✓ You can unlock 5+ calendars (or unlimited)✓ Web app for Android and iOS + Notification✓ Up to 3 external iCal links (Booking, AirBnB or other OTAs)✓ You can unlock Add-ons (Coupon, Extra Services, Deposit, etc)✓ 24-month calendar instead of 12✓ Merge multiple calendars into one unified iCal link✓ Block individual days or full months with one click✓ Cancel and refund your bookings with one click!✓ Referral Program: Invite Friends & Earn 5€ Coupons!✓ Host Domination Booking Engine license, support and automatic updates
You will receive your license and download link after purchase!
🚀 Try it free before buying
Try the Booking Engine Pro for free.
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 management See reservations across multiple calendars in a single horizontal planning layout.
✓
Source recognition Easily identify Booking.com, Airbnb, direct and manual reservations.
✓
Better control Move through visible date ranges and monitor upcoming stays more efficiently.
PROS
PRO booking controls
Manage what guests see, how much they pay and how each calendar accepts reservations — directly from WordPress.
Advanced Pricing
Control prices and availability from one calendar.
Set a rate for the entire month, adjust a single day, block or unblock full months and instantly distinguish Blocked, Booked and Available dates.
Monthly rates Single-day overrides Block / unblock Calendar switcher
Guest Experience
Turn availability into a clearer booking decision.
Guests can see available dates, unavailable dates, daily rates, their selected stay and the final total before completing the online payment.
Daily rates Live total Clear availability Direct checkout
Pricing Rules
Flexible pricing for children and extra guests.
Exclude children below a chosen age from payment, or add a fixed or percentage surcharge after a selected number of guests.
Age rules Fixed surcharge % surcharge
Multi-calendar
Different booking modes for different calendars.
Manage each unit independently. Accept secure Stripe payments on selected calendars and use manual booking requests on others.
Stripe Manual requests Independent calendars
Web App
Manage bookings with app-like access.
Configure the PRO web app for quick access to your booking workflow from Android or iOS without leaving your Host Domination setup.
PWA Android iOS
Notifications
Know when something important happens.
Receive alerts for new bookings, payments received and today’s check-ins so the most important activity stays visible.
New bookings Payments Today’s check-ins
One WordPress dashboard. More control over every direct booking.
Advanced pricing, calendar-specific booking modes, guest rules and mobile notifications are included in the PRO workflow.
Upgrade to PRO
✨ 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. Buy only the tools you need and build a more complete booking experience over time.
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
🌍 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.
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.
Host Domination Booking Engine PRO: frequently asked questions
Quick answers about the WordPress booking engine, payments, calendar synchronization and the PRO license.
What is Host Domination Booking Engine PRO?
Host Domination Booking Engine PRO is a WordPress booking engine for accommodation websites. It adds direct booking tools such as Stripe payments, advanced pricing, multiple calendars, booking management and additional iCal / ICS synchronization options.
Can I synchronize availability with Airbnb and Booking.com?
Yes. The booking engine can synchronize availability through iCal / ICS feeds. PRO provides additional external iCal connections and a unified exported calendar. It is a booking engine and is not presented as a full Channel Manager or PMS.
Can guests pay online from my WordPress website?
Yes. Host Domination Booking Engine PRO supports secure online payments through Stripe, allowing guests to complete eligible direct bookings from your website.
Is there a free version of Host Domination Booking Engine?
Yes. You can use Host Domination Booking Engine Free for the core direct-booking workflow and upgrade to PRO when you need advanced pricing, online payments and additional calendar controls.
What do I receive after purchasing the PRO license?
After purchase you receive the PRO license and download instructions. Install the PRO add-on in WordPress, activate the license and the advanced booking features become available.
How it works
Upgrade in minutes and activate the Pro features directly inside your WordPress plugin.
1
Purchase Pro
Choose the Annual or Lifetime license and complete the purchase through the secure Stripe checkout.
2
Receive your license
After payment, you receive your Pro license and download instructions.
3
Activate on WordPress
Install the Pro add-on, enter your license and unlock the advanced booking tools.
Ready to accept direct bookings professionally?
Upgrade to Host Domination Booking Engine Pro and unlock the tools your accommodation website needs to sell more directly.
⚠️ Host Domination isn’t Channel Manager or PMS.
