.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.»
}
}
]
}
]
}
🚀 Motor de reservas de WordPress para reservas directas
Host Domination Booking Engine PRO para WordPress
Acepta reservas directas y asegura pagos de Stripe desde tu propia web, gestiona múltiples calendarios, sincroniza la disponibilidad con plataformas externas a través de iCal / ICS, y controla precios anticipados por día y mes directamente desde WordPress.
Host Domination Booking Engine PRO está diseñado para alquileres vacacionales, B&B, casas de huéspedes, apartamentos, pequeños hoteles y gestores de propiedades que buscan un profesional Motor de reserva WordPress Sin mover su página web a una plataforma separada.
VIDEO
Pro BASIC anual – 1 SITIO
Nuestro precio: 49,90 € IVA incluido
/año
Todo lo que necesitas para gestionar las reservas directas de forma profesional.
✓ Pagos online con Stripe✓ Precios anticipados por día, mes o fecha única✓ Añadir reservas manuales, buscar reservas y ver resumen✓ Puedes desbloquear 5+ calendarios (o ilimitados)✓ Aplicación web para Android e iOS + Notificaciones✓ Hasta 3 enlaces externos de iCal (Reservas, AirBnB u otros OTAs)✓ Puedes desbloquear complementos (Cupón, Servicios Extra, Depósito, etc.)✓ Calendario de 24 meses en lugar de 12✓ Fusiona varios calendarios en un único enlace iCal unificado✓ Bloquea días individuales o meses completos con un solo clic✓ ¡Cancela y reembolsa tus reservas con un solo clic!✓ Programa de recomendaciones: ¡Invita a amigos & gana cupones de 5€!✓ Host Domination Booking Engine licencia, soporte y actualizaciones automáticas
¡Recibirás tu licencia y el enlace de descarga tras la compra!
🚀 Pruébalo gratis antes de comprar
Prueba el Booking Engine Pro gratis.
Experimenta la versión completa Pro antes de comprar: prueba el calendario inicial, los precios diarios, la disponibilidad, el formulario de huésped y la experiencia de reserva directa.
No se requiere ningún pago. Abre la demo en vivo y pruébalo ahora.
Nueva función Pro
Vista de planificación del calendario para una visión más rápida.
La nueva Vista de Planificación te ayuda a gestionar todos los calendarios en una única línea temporal visual. Es perfecta para anfitriones que gestionan varias habitaciones, apartamentos o propiedades desde un solo panel de control.
✓
Gestión basada en plazos Consulta las reservas en varios calendarios en un único diseño horizontal de planificación.
✓
Reconocimiento de fuentes Identifica fácilmente Booking.com, Airbnb, reservas directas y manuales.
✓
Mejor control Revisa los intervalos de fechas visibles y controla las próximas estancias de forma más eficiente.
PROS
Controles de reserva PRO
Gestiona lo que ven los invitados, cuánto pagan y cómo cada calendario acepta las reservas — directamente desde WordPress.
Precios Avanzados
Controla precios y disponibilidad desde un solo calendario.
Fija una tarifa para todo el mes, ajusta un solo día, bloquea o desbloquea meses completos y distingue al instante Bloqueado, reservado y disponible Fechas.
Tarifas mensuales Anulaciones de un solo día Bloquear / desbloquear Conmutador de calendario
Experiencia de los huéspedes
Convierte la disponibilidad en una decisión de reserva más clara.
Los huéspedes pueden ver las fechas disponibles, las fechas no disponibles, las tarifas diarias, la estancia seleccionada y el total final antes de completar el pago online.
Tarifas diarias Total en directo Disponibilidad clara Pago directo
Normas de precios
Precios flexibles para niños y invitados adicionales.
Excluye a los niños menores de una edad elegida del pago, o añade un recargo fijo o porcentual tras un número determinado de invitados.
Reglas de edad Recargo fijo % de recargo
Multi-calendario
Diferentes modos de reserva para distintos calendarios.
Gestiona cada unidad de forma independiente. Acepta pagos seguros de Stripe en calendarios seleccionados y utiliza solicitudes de reserva manuales en otros.
Raya Solicitudes manuales Calendarios independientes
Aplicación web
Gestiona reservas con acceso tipo app.
Configura la aplicación web PRO para acceder rápidamente a tu flujo de trabajo de reserva desde Android o iOS sin salir de tu Host Domination configurado.
PWA Android iOS
Notificaciones
Sabe cuándo ocurre algo importante.
Recibe alertas de nuevas reservas, pagos recibidos y los check-ins de hoy para que la actividad más importante siga siendo visible.
Nuevas contrataciones Pagos Revisiones de hoy
Un solo panel de WordPress. Más control sobre cada reserva directa.
El flujo de trabajo de PRO incluye precios avanzados, modos de reserva específicos para el calendario, reglas para invitados y notificaciones móviles.
Actualización a PRO
✨ Extensiones Pro opcionales
Potencia tu módulo de reservas con complementos.
Amplía Host Domination Booking Engine Pro con extensiones adicionales diseñadas para añadir nuevas funcionalidades, automatizar más el proceso de reserva y adaptar el módulo a diferentes necesidades de propiedades y negocios. Compra solo las herramientas que necesitas y construye una experiencia de reserva más completa con el tiempo.
Gratis vs Pro
Empieza simple. Mejora cuando necesites más potencia.
Aquí están algunas de las mayores diferencias entre el plugin gratuito y la versión Pro.
Característica
Gratis
Pros
Vista de planificación del calendario
—
✓ Incluido
Búsqueda de reservas
—
✓ Incluido
Pagos online con Stripe
—
✓ Incluido
Sincronización iCal externa
1 enlace
Hasta 3 enlaces
Calendario unificado exportado
—
✓ Incluido
Precios anticipados por día / mes
—
✓ Incluido
Bloquea días individuales o meses completos
—
✓ Incluido
Horizonte de gestión del calendario
12 meses
24 meses
Multilingüe con traducción HD BE
✓ Disponible
✓ Disponible
Ecosistema adicional
Limitada
Cupones, extras, depósitos, automatización y más
🌍 Paquete Multilingüe Gratuito Disponible
El multilingüe merece estar en primer plano.
Facilita el uso de tu motor de reservas para huéspedes internacionales y propietarios de sitios. Host Domination BE Translate proporciona traducciones tanto para el front-end orientado al cliente como para el backend de WordPress, con los idiomas principales disponibles y paquetes adicionales compatibles.
✓ Traducciones de interfaz
✓ Traducción de back-end / administrativa
✓ Paquete de idiomas libres
✓ Más idiomas disponibles
EN
Parte delantera + trasera
Salpicadero
Tarjetas
Vista de planificación
Buscar reservas
EN
Parte delantera + trasera
Tablón de anuncios
Reservas
Vista de calendario
Buscar reservas
ES
Parte delantera + trasera
Panel
Reservas
Vista de planificación
Buscar reservas
FR
Parte delantera + trasera
Tableau de bord
Reservas
Vue de planification
Rechercher des réservations
Arriba se muestran inglés, italiano, español y francés. Traducciones adicionales pueden distribuirse a través del mismo sistema de paquetes de idiomas.
Diseñado para anfitriones que quieren reservas más directas.
Host Domination Booking Engine Pro proporciona a tu sitio web las herramientas profesionales que normalmente se encuentran en plataformas de reservas caras.
💳
Pagos en línea con Stripe
Permite que los clientes paguen directamente online desde tu web mediante una experiencia segura de pago con Stripe.
📅
3 calendarios o desbloquear ilimitado
Gestiona más de un alojamiento, habitación o unidad de alquiler desde el mismo panel de WordPress.
🔄
3 enlaces iCal & Calendario Unificado
Conecta hasta 3 feeds iCal externos y fusiona varios calendarios en un único enlace iCal unificado para compartirlos con otras plataformas.
💶
Precios Avanzados de Día & Mes
Aplica un precio a un mes completo, edita cada día y muestra las tarifas diarias correctas en el calendario inicial.
🚫
Días de bloque o meses completos
Bloquea o desbloquea fechas y meses completos individuales con un solo clic, sin actualizar la página.
🧩
Extensiones & complementos opcionales
Amplía el formulario de reserva Pro con servicios extra, cupones, descuentos automáticos, campos personalizados, lógica condicional y herramientas adicionales.
Host Domination Booking Engine PRO: preguntas frecuentes
Respuestas rápidas sobre el motor de reservas de WordPress, los pagos, la sincronización de calendarios y la licencia PRO.
¿Qué es Host Domination Booking Engine PRO?
Host Domination Booking Engine PRO es un motor de reservas en WordPress para sitios web de alojamiento. Añade herramientas de reserva directa como pagos de Stripe, precios anticipados, múltiples calendarios, gestión de reservas y opciones adicionales de sincronización iCal / ICS.
¿Puedo sincronizar la disponibilidad con Airbnb y Booking.com?
Sí. El motor de reservas puede sincronizar la disponibilidad a través de fuentes iCal / ICS. PRO proporciona conexiones iCal externas adicionales y un calendario exportado unificado. Es un motor de reservas y no se presenta como un Channel Manager completo o PMS.
¿Pueden los invitados pagar online desde mi página web de WordPress?
Sí. Host Domination Booking Engine PRO soporta pagos seguros en línea a través de Stripe, permitiendo a los huéspedes realizar reservas directas elegibles desde tu página web.
¿Existe una versión gratuita de Host Domination Booking Engine?
Sí. Puedes Uso Host Domination Booking Engine Free para el flujo de trabajo básico de reserva directa y actualizar a PRO cuando necesites precios anticipados, pagos online y controles adicionales de calendario.
¿Qué recibo tras comprar la licencia PRO?
Tras la compra recibes la licencia PRO e instrucciones para descargar. Instala el complemento PRO en WordPress, activa la licencia y las funciones avanzadas de reserva estarán disponibles.
Cómo funciona
Actualiza en minutos y activa las funciones Pro directamente dentro de tu plugin de WordPress.
1
Compra Pro
Elige la licencia Anual o Vitalicia y completa la compra a través del checkout seguro de Stripe.
2
Recibe tu licencia
Tras el pago, recibes tu licencia Pro y las instrucciones para descargar.
3
Activar en WordPress
Instala el complemento Pro, introduce tu licencia y desbloquea las herramientas avanzadas de reserva.
¿Listo para aceptar reservas directas profesionalmente?
Actualiza a Host Domination Booking Engine Pro y desbloquea las herramientas que tu web de alojamiento necesita para venderse de forma más directa.
⚠️ Host Domination no es Channel Manager ni PMS.
