.demo-content h1{
margin:0;
font-family:Georgia,"Times New Roman",serif;
font-size:34px;
font-weight:500;
}

.wbc-mobile-bookbar{
position:fixed;
left:50%;
bottom:12px;
width:calc(100% - 24px);
max-width:520px;
z-index:9999;
display:block;
padding-bottom:env(safe-area-inset-bottom,0px);
pointer-events:none;
opacity:0;
visibility:hidden;
transform:translate(-50%,calc(100% + 24px));
transition:transform .44s cubic-bezier(.16,1.22,.30,1),opacity .28s ease,visibility 0s linear .44s;
}

.wbc-mobile-bookbar.is-visible{
opacity:1;
visibility:visible;
pointer-events:none;
transform:translate(-50%,0);
transition:transform .48s cubic-bezier(.16,1.28,.30,1),opacity .34s ease,visibility 0s linear 0s;
}

.wbc-mobile-bookbar.is-ending{
opacity:0;
visibility:visible;
pointer-events:none;
transform:translate(-50%,calc(100% + 24px));
transition:transform .42s cubic-bezier(.55,.06,.45,.94),opacity .34s ease,visibility 0s linear .42s;
}

.wbc-mobile-bookbar-inner{
pointer-events:auto;
position:relative;
display:flex;
align-items:center;
gap:12px;
width:100%;
max-width:520px;
min-height:66px;
margin:0 auto;
padding:9px 10px 9px 17px;
background:linear-gradient(135deg,#45433f 0%,#3b3a37 52%,#32312f 100%);
border:1px solid rgba(185,151,91,.30);
border-radius:22px;
box-shadow:0 -8px 28px rgba(61,48,43,.08),0 12px 30px rgba(61,48,43,.18),inset 0 1px 0 rgba(255,255,255,.06);
backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);
}

.wbc-mobile-bookbar-info{
min-width:0;
flex:1;
}

.wbc-mobile-bookbar-price-row{
display:flex;
align-items:baseline;
gap:9px;
min-width:0;
}

.wbc-mobile-bookbar-price{
font-family:Georgia,"Times New Roman",serif;
font-size:24px;
font-weight:500;
line-height:1;
letter-spacing:-.02em;
color:#fffdfb;
white-space:nowrap;
}

.wbc-mobile-bookbar-duration {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #d7c6bb; /* لون دافئ متناسق مع النصوص */
    background: rgba(255, 255, 255, 0.05); /* خلفية شفافة خفيفة جداً */
    border: 1px solid rgba(185, 151, 91, 0.22); /* إطار ذهبي رفيع وراقي */
    border-radius: 999px; /* شكل كبسولة ناعم */
    white-space: nowrap;
}

.wbc-mobile-bookbar-label{
margin-top:5px;
overflow:hidden;
font-size:10px;
font-weight:700;
letter-spacing:.10em;
line-height:1.2;
text-transform:uppercase;
text-overflow:ellipsis;
white-space:nowrap;
color:#d7c6bb;
}

.wbc-mobile-bookbar-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:7px;
flex-shrink:0;
min-width:105px;
height:46px;
padding:0 17px;
border:1px solid rgba(185,151,91,.35);
border-radius:999px;
background:#b9975b;
color:#3d302b;
text-decoration:none;
font-size:11px;
font-weight:800;
letter-spacing:.12em;
line-height:1;
text-transform:uppercase;
box-shadow:0 8px 20px rgba(185,151,91,.19);
transition:transform .2s ease,background .2s ease,box-shadow .2s ease;
cursor:pointer;
}

.wbc-mobile-bookbar-btn:hover{
background:#c5a66c;
color:#3d302b;
transform:translateY(-1px);
box-shadow:0 10px 24px rgba(185,151,91,.25);
}

.wbc-mobile-bookbar-btn:active{
transform:translateY(0);
}

.wbc-mobile-bookbar-btn svg{
width:16px;
height:16px;
flex-shrink:0;
}

.wbc-booking-popup-overlay{
position:fixed;
inset:0;
z-index:10000;
display:flex;
align-items:flex-end;
justify-content:center;
padding:0 12px 94px;
background:rgba(40,31,27,.22);
backdrop-filter:blur(3px);
-webkit-backdrop-filter:blur(3px);
opacity:0;
visibility:hidden;
pointer-events:none;
transition:opacity .22s ease,visibility .22s ease;
}

.wbc-booking-popup-overlay.is-open{
opacity:1;
visibility:visible;
pointer-events:auto;
}

.wbc-booking-popup{
position:relative;
width:100%;
max-width:520px;
padding:24px 20px 20px;
background:#fffdfb;
border:1px solid rgba(139,93,72,.12);
border-radius:26px;
box-shadow:0 24px 70px rgba(61,48,43,.20),0 3px 18px rgba(61,48,43,.08);
transform:translateY(24px) scale(.97);
transition:transform .24s cubic-bezier(.22,.61,.36,1);
}

.wbc-booking-popup-overlay.is-open .wbc-booking-popup{
transform:translateY(0) scale(1);
}

.wbc-booking-popup-close{
position:absolute;
top:13px;
right:13px;
display:inline-flex;
align-items:center;
justify-content:center;
width:32px;
height:32px;
padding:0;
border:1px solid rgba(139,93,72,.10);
border-radius:50%;
background:#f7f4f0;
color:#766962;
cursor:pointer;
transition:background .2s ease,color .2s ease,transform .2s ease;
}

.wbc-booking-popup-close:hover{
background:#efe8e2;
color:#3d302b;
transform:rotate(4deg);
}

.wbc-booking-popup-eyebrow{
display:inline-block;
margin-bottom:9px;
font-size:9px;
font-weight:700;
letter-spacing:.18em;
line-height:1;
text-transform:uppercase;
color:#b9975b;
}

.wbc-booking-popup-title{
margin:0 42px 7px 0;
font-family:Georgia,"Times New Roman",serif;
font-size:25px;
font-weight:500;
line-height:1.2;
color:#3d302b;
}

.wbc-booking-popup-text{
margin:0 36px 20px 0;
font-size:12px;
line-height:1.65;
color:#766962;
}

.wbc-booking-popup-options{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:11px;
}

.wbc-booking-popup-option{
display:flex;
align-items:center;
gap:11px;
min-width:0;
padding:14px 13px;
border-radius:17px;
text-decoration:none;
transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;
}

.wbc-booking-popup-option-whatsapp{
background:linear-gradient(135deg,#eef9f2 0%,#dcf3e5 50%,#c9ead7 100%);
border:1px solid rgba(37,211,102,.18);
color:#274b38;
box-shadow:0 6px 18px rgba(37,211,102,.07);
}

.wbc-booking-popup-option-whatsapp:hover{
background:linear-gradient(135deg,#e5f7ec 0%,#d2f0df 50%,#bee4ce 100%);
border-color:rgba(37,211,102,.28);
color:#234533;
transform:translateY(-2px);
box-shadow:0 9px 22px rgba(37,211,102,.11);
}

.wbc-booking-popup-option-whatsapp .wbc-booking-popup-icon{
background:linear-gradient(135deg,#d9f5e4 0%,#bce8cf 100%)!important;
color:#20a95a;
border:1px solid rgba(37,211,102,.16);
}

.wbc-booking-popup-option-whatsapp .wbc-booking-popup-icon svg{
color:#20a95a;
}

.wbc-booking-popup-option-whatsapp .wbc-booking-popup-option-title{
color:#1f7548;
}

.wbc-booking-popup-option-whatsapp .wbc-booking-popup-option-sub{
color:#648374;
}

.wbc-booking-popup-option-booking{
background:#8b5d48;
border:1px solid #8b5d48;
color:#fffdfb;
box-shadow:0 8px 20px rgba(139,93,72,.16);
}

.wbc-booking-popup-option-booking:hover{
background:#744b39;
border-color:#744b39;
color:#fffdfb;
transform:translateY(-2px);
box-shadow:0 11px 24px rgba(139,93,72,.21);
}

.wbc-booking-popup-icon{
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
width:39px;
height:39px;
border-radius:13px;
}

.wbc-booking-popup-option-booking .wbc-booking-popup-icon{
background:rgba(255,255,255,.13);
color:#f7f4f0;
}

.wbc-booking-popup-icon svg{
width:20px;
height:20px;
}

.wbc-booking-popup-option-copy{
min-width:0;
}

.wbc-booking-popup-option-title{
display:block;
margin-bottom:3px;
font-size:11px;
font-weight:800;
letter-spacing:.07em;
line-height:1.2;
text-transform:uppercase;
}

.wbc-booking-popup-option-sub{
display:block;
font-size:9.5px;
line-height:1.35;
color:#897a72;
}

.wbc-booking-popup-option-booking .wbc-booking-popup-option-sub{
color:rgba(255,253,251,.68);
}

@media(max-width:380px){
.wbc-mobile-bookbar{
width:calc(100% - 16px);
bottom:8px;
}
.wbc-mobile-bookbar-inner{
gap:9px;
padding-left:14px;
border-radius:20px;
}
.wbc-mobile-bookbar-price{
font-size:22px;
}
.wbc-mobile-bookbar-duration{
font-size:8px;
}
.wbc-mobile-bookbar-label{
font-size:9px;
}
.wbc-mobile-bookbar-btn{
min-width:94px;
height:44px;
padding:0 14px;
font-size:10px;
}
.wbc-booking-popup-overlay{
padding-left:8px;
padding-right:8px;
padding-bottom:88px;
}
.wbc-booking-popup{
padding:22px 16px 16px;
border-radius:23px;
}
.wbc-booking-popup-title{
font-size:23px;
}
.wbc-booking-popup-options{
gap:8px;
}
.wbc-booking-popup-option{
gap:8px;
padding:12px 10px;
}
.wbc-booking-popup-icon{
width:36px;
height:36px;
border-radius:11px;
}
.wbc-booking-popup-option-title{
font-size:10px;
}
.wbc-booking-popup-option-sub{
font-size:9px;
}
}