/* SyncBooking — stili pagine plugin (bk-/sb-/co-) estratti da theme01 site.css. Caricati dopo il site.css scaricato. */

/* ============================================================
   PLUGIN PAGES (booking bar, booking results, check-out)
   Merged from home-bar.css / booking.css / check-out.css
   Namespaces: .sb-  .bk-  .co-
   ============================================================ */

/* home-bar.css — extracted from home-with-bar.html */
/* ===== Fixed bottom booking bar (SyncBooking) ===== */
body{padding-bottom:0;}
.sb-bookbar{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:min(1060px,100vw);z-index:2147483000;}
.sb-bar{
  background:var(--green);border:0;box-shadow:0 -16px 44px -26px rgba(45,24,22,.6);
  display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 1fr auto;align-items:stretch;width:100%;
}
.sb-field{display:flex;flex-direction:column;gap:5px;padding:9px clamp(14px,1.8vw,26px);border-right:1px solid rgba(255,255,255,.18);justify-content:center;}
.sb-title{font-family:var(--sans);font-size:9.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#e7bdb3;}
.sb-control{position:relative;}
.sb-control select,.sb-control input{font-family:var(--serif);font-size:18px;line-height:1;color:#fff;background:transparent;border:0;padding:0;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer;width:100%;font-weight:500;}
.sb-control select option{color:var(--ink);}
.sb-control input::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;}
.sb-has-caret select{padding-right:22px;}
.sb-has-caret::after{content:"";position:absolute;right:2px;top:50%;width:8px;height:8px;border-right:1.6px solid rgba(255,255,255,.7);border-bottom:1.6px solid rgba(255,255,255,.7);transform:translateY(-65%) rotate(45deg);pointer-events:none;}
.sb-submit{padding:0;border-right:0;}
.sb-submit button{height:100%;width:100%;min-width:160px;border:0;cursor:pointer;background:var(--green-deep);color:#fff;font-family:var(--sans);font-weight:500;font-size:11px;letter-spacing:.2em;text-transform:uppercase;transition:background .3s;padding:0 28px;}
.sb-submit button:hover{background:#5e2a24;}
.sb-mobile{display:none;gap:0;padding:0;background:#fff;border-top:1px solid var(--line);box-shadow:0 -18px 50px -28px rgba(45,24,22,.45);height:32px;}
.sb-mobile a{flex:1;display:flex;align-items:center;justify-content:center;text-decoration:none;font-family:var(--sans);font-weight:500;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;transition:.3s;}
.sb-mobile .sb-book{background:var(--green);color:#fff;}
.sb-mobile .sb-book:hover{background:var(--green-deep);}
.sb-mobile .sb-contact{background:#fff;color:var(--green);border:1px solid var(--green);}
.sb-mobile .sb-contact:hover{background:var(--green);color:#fff;}
@media(max-width:768px){.sb-bar{display:none;}.sb-mobile{display:flex;}}
/* ===== date range calendar (opens upward) ===== */
.sb-dates-field .sb-control{position:relative;}
.sb-dates-display{-webkit-appearance:none;appearance:none;background:transparent;border:0;padding:0;margin:0;text-align:left;cursor:pointer;font-family:var(--serif);font-size:18px;line-height:1;font-weight:500;color:#fff;width:100%;}
.sb-dates-pop{position:absolute;left:0;bottom:calc(100% + 14px);z-index:60;background:#fff;border:1px solid var(--line);box-shadow:0 -24px 60px -28px rgba(45,24,22,.5);padding:18px;width:620px;max-width:92vw;}
.sb-dates-pop[hidden]{display:none;}
.sb-cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.sb-cal-months{display:flex;flex:1;justify-content:space-around;gap:20px;font-family:var(--serif);font-size:18px;font-weight:500;color:var(--ink);}
.sb-cal-nav{-webkit-appearance:none;appearance:none;background:transparent;border:1px solid var(--line);width:34px;height:34px;border-radius:50%;cursor:pointer;color:var(--ink);font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;transition:.25s;flex:0 0 auto;}
.sb-cal-nav:hover{background:var(--green);color:#fff;border-color:var(--green);}
.sb-cal-grids{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.sb-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;}
.sb-cal-dow{font-family:var(--sans);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:center;padding:4px 0;}
.sb-cal-day{-webkit-appearance:none;appearance:none;background:transparent;border:0;cursor:pointer;font-family:var(--sans);font-size:13px;color:var(--ink);aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;transition:background .2s,color .2s;}
.sb-cal-day:hover:not(:disabled){background:rgba(180,126,110,.18);}
.sb-cal-day:disabled{color:#cdc5ba;cursor:default;}
.sb-cal-day.is-empty{visibility:hidden;cursor:default;}
.sb-cal-day.in-range{background:rgba(180,126,110,.16);}
.sb-cal-day.range-start,.sb-cal-day.range-end{background:var(--green);color:#fff;font-weight:600;}
.sb-cal-day.range-start{border-radius:50% 0 0 50%;}
.sb-cal-day.range-end{border-radius:0 50% 50% 0;}
.sb-cal-day.range-start.range-end{border-radius:50%;}
.sb-cal-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line);}
.sb-cal-summary{font-family:var(--sans);font-size:13px;color:var(--muted);}
.sb-dates-done{-webkit-appearance:none;appearance:none;border:0;cursor:pointer;background:var(--green);color:#fff;font-family:var(--sans);font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:11px 26px;transition:background .3s;}
.sb-dates-done:hover{background:var(--green-deep);}


/* booking.css — extracted from plugin-booking.html */
/* ===== Booking page (SyncBooking replica) ===== */
/* header: solid & fixed from the start (no transparent state) on this page */
body[data-page="booking"] header#hdr{background:var(--green);padding:8px clamp(20px,5vw,56px);box-shadow:0 10px 40px -20px rgba(0,0,0,.55);border-bottom:1px solid rgba(255,255,255,.12);}
body[data-page="booking"] header#hdr .sbtw-logo img{height:33px;}
.bk-page{padding-top:0;}
.bk-search{margin-top:72px;}
.bk-section{padding:clamp(40px,5vw,64px) 0;border-bottom:1px solid var(--line);}
.bk-section:last-of-type{border-bottom:0;}
.bk-h2{font-size:clamp(26px,3vw,34px);color:var(--ink);margin-bottom:8px;}
.bk-lead{color:var(--muted);font-size:15.5px;margin-bottom:30px;max-width:620px;}

/* search bar */
/* search bar in normal flow (not fixed) */
.bk-search{margin-bottom:14px;}
.bk-bar{background:#fff;border:1px solid var(--line);box-shadow:0 24px 60px -34px rgba(45,24,22,.45);display:grid;grid-template-columns:1.2fr 1.4fr 1fr 1fr auto;align-items:stretch;}
.bk-cell{display:flex;flex-direction:column;gap:7px;padding:18px 22px;border-right:1px solid var(--line);justify-content:center;position:relative;}
.bk-cell label{font-family:var(--sans);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--rose);}
.bk-cell select,.bk-cell input{font-family:var(--serif);font-size:19px;color:var(--ink);background:transparent;border:0;padding:0;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer;width:100%;font-weight:500;}
.bk-caret::after{content:"";position:absolute;right:20px;top:50%;width:7px;height:7px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:translateY(-30%) rotate(45deg);pointer-events:none;}
.bk-has-ico{padding-right:46px;}
.bk-ico{position:absolute;right:18px;top:50%;transform:translateY(-30%);width:20px;height:20px;color:var(--rose);pointer-events:none;}
/* date range picker */
.bk-dates-cell{position:relative;}
.bk-dates-display{-webkit-appearance:none;appearance:none;background:transparent;border:0;padding:0;margin:0;text-align:left;cursor:pointer;font-family:var(--serif);font-size:19px;font-weight:500;color:var(--ink);width:100%;}
.bk-dates-pop{position:absolute;left:0;top:calc(100% + 6px);z-index:60;background:#fff;border:1px solid var(--line);box-shadow:0 24px 60px -28px rgba(45,24,22,.5);padding:18px;width:620px;max-width:92vw;}
.bk-dates-pop[hidden]{display:none;}
.bk-cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.bk-cal-months{display:flex;flex:1;justify-content:space-around;gap:20px;font-family:var(--serif);font-size:18px;font-weight:500;color:var(--ink);}
.bk-cal-nav{-webkit-appearance:none;appearance:none;background:transparent;border:1px solid var(--line);width:34px;height:34px;border-radius:50%;cursor:pointer;color:var(--ink);font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;transition:.25s;flex:0 0 auto;}
.bk-cal-nav:hover{background:var(--green);color:#fff;border-color:var(--green);}
.bk-cal-grids{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.bk-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;min-width:0;}
.bk-cal-dow{font-family:var(--sans);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:center;padding:4px 0;}
.bk-cal-day{-webkit-appearance:none;appearance:none;background:transparent;border:0;cursor:pointer;font-family:var(--sans);font-size:13px;color:var(--ink);aspect-ratio:1;min-width:0;display:flex;align-items:center;justify-content:center;position:relative;transition:background .2s,color .2s;}
.bk-cal-day:hover:not(:disabled){background:rgba(180,126,110,.18);}
.bk-cal-day:disabled{color:#cdc5ba;cursor:default;}
.bk-cal-day.is-empty{visibility:hidden;cursor:default;}
.bk-cal-day.in-range{background:rgba(180,126,110,.16);border-radius:0;}
.bk-cal-day.range-start,.bk-cal-day.range-end{background:var(--green);color:#fff;font-weight:600;}
.bk-cal-day.range-start{border-radius:50% 0 0 50%;}
.bk-cal-day.range-end{border-radius:0 50% 50% 0;}
.bk-cal-day.range-start.range-end{border-radius:50%;}
.bk-cal-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line);}
.bk-cal-summary{font-family:var(--sans);font-size:13px;color:var(--muted);}
.bk-dates-done{-webkit-appearance:none;appearance:none;border:0;cursor:pointer;background:var(--green);color:#fff;font-family:var(--sans);font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:11px 26px;transition:background .3s;}
.bk-dates-done:hover{background:var(--green-deep);}
.bk-gallery-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;height:430px;position:relative;}
.bk-gallery-sec{padding:6px 0 0;}
.bk-gallery-grid a{display:block;overflow:hidden;background:#cdbfa8;}
.bk-gallery-grid a:first-child{grid-row:1 / 3;}
.bk-gallery-grid img{width:100%;height:100%;object-fit:cover;transition:opacity .3s;}
.bk-gallery-grid a:hover img{opacity:.88;}
.bk-gallery-allbtn{position:absolute;right:16px;bottom:16px;display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.94);border:1px solid var(--line);padding:11px 18px;font-family:var(--sans);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);cursor:pointer;}
.bk-gallery-allbtn svg{width:16px;height:16px;}
.bk-search-btn{padding:0;border-right:0;}
.bk-search-btn button{height:100%;width:100%;min-width:150px;border:0;cursor:pointer;background:var(--green);color:#fff;font-family:var(--sans);font-size:12px;letter-spacing:.2em;text-transform:uppercase;transition:background .3s;padding:0 28px;}
.bk-search-btn button:hover{background:var(--green-deep);}

/* room card */
.bk-room{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0;border:1px solid var(--line);background:#fff;margin-bottom:26px;}
.bk-room-media{position:relative;background:#cdbfa8;min-height:340px;}
.bk-room-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.bk-room-allphotos{position:absolute;left:18px;bottom:18px;background:rgba(255,255,255,.92);border:0;padding:9px 16px;font-family:var(--sans);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);cursor:pointer;}
.bk-room-body{padding:clamp(24px,3vw,38px);display:flex;flex-direction:column;}
.bk-stars{display:flex;gap:4px;margin:8px 0 12px;}
.bk-stars svg{width:15px;height:15px;fill:var(--rose);}
.bk-room-desc{color:var(--muted);font-size:14px;line-height:1.7;margin-bottom:14px;}
.bk-amen-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center;color:var(--green);margin-bottom:10px;}
.bk-amen-row svg{width:22px;height:22px;}
.bk-showall{font-family:var(--sans);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--green);border-bottom:1px solid var(--rose);padding-bottom:2px;align-self:flex-start;cursor:pointer;}
.bk-room-pay{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);}
.bk-pay-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;}
.bk-pay-label{display:flex;align-items:center;gap:10px;font-family:var(--sans);font-size:13px;color:var(--ink);}
.bk-radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--green);position:relative;flex:0 0 auto;}
.bk-radio::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--green);}
.bk-price{text-align:right;}
.bk-price b{font-family:var(--serif);font-size:30px;color:var(--ink);font-weight:500;}
.bk-price small{display:block;font-family:var(--sans);font-size:12px;color:var(--muted);}
.bk-select-btn{display:block;width:100%;text-align:center;background:var(--green);color:#fff;text-decoration:none;font-family:var(--sans);font-size:12px;letter-spacing:.2em;text-transform:uppercase;padding:15px;transition:background .3s;}
.bk-select-btn:hover{background:var(--green-deep);}
.bk-pay-note{font-family:var(--sans);font-size:12px;color:var(--muted);text-align:center;margin-top:10px;}

/* amenities grid */
.bk-amen-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px 26px;margin-bottom:28px;}
.bk-amen-item{display:flex;align-items:center;gap:12px;}
.bk-amen-item svg{width:22px;height:22px;color:var(--green);flex:0 0 auto;}
.bk-amen-item span{font-family:var(--sans);font-size:14px;color:var(--ink);}

/* location grid */
.bk-loc{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(30px,4vw,54px);align-items:start;}
.bk-map{width:100%;height:300px;border:0;filter:grayscale(.25) saturate(.9);background:#cdbfa8;}
.bk-addr{margin-top:18px;}
.bk-addr b{font-family:var(--serif);font-size:21px;color:var(--ink);}
.bk-addr p{color:var(--muted);font-size:14.5px;margin:6px 0 14px;line-height:1.6;}
.bk-addr a{display:flex;align-items:center;gap:10px;color:var(--green);font-size:14px;margin-bottom:6px;text-decoration:none;}
.bk-addr a svg{width:18px;height:18px;}
.bk-dist{display:flex;flex-direction:column;gap:22px;}
.bk-dist-item{display:flex;gap:14px;align-items:flex-start;}
.bk-dist-item svg{width:24px;height:24px;color:var(--green);flex:0 0 auto;margin-top:2px;}
.bk-dist-item b{font-family:var(--serif);font-size:18px;color:var(--ink);font-weight:500;display:block;}
.bk-dist-item p{color:var(--muted);font-size:14px;margin-top:2px;}

/* surroundings / host */
.bk-host{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(30px,4vw,54px);align-items:start;}
.bk-host-card{display:flex;gap:18px;}
.bk-host-card img{width:96px;height:96px;border-radius:50%;object-fit:cover;background:#cdbfa8;flex:0 0 auto;}
.bk-host-card p{color:var(--muted);font-size:14.5px;line-height:1.7;margin-bottom:8px;}
.bk-host-card .bk-host-name{font-family:var(--sans);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);margin-bottom:16px;}
.bk-host-sugg b{font-family:var(--serif);font-size:18px;color:var(--ink);display:block;margin-bottom:6px;}
.bk-nearby b{font-family:var(--serif);font-size:18px;color:var(--ink);display:block;margin-bottom:14px;}
.bk-time{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:14.5px;color:var(--ink);}
.bk-time span:last-child{color:var(--muted);}

/* good to know */
.bk-gtk{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,4vw,54px);align-items:start;}
.bk-inout{display:flex;gap:40px;margin-bottom:26px;}
.bk-inout b{font-family:var(--sans);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);}
.bk-inout p{font-family:var(--serif);font-size:22px;color:var(--ink);margin-top:4px;}
.bk-sub{font-family:var(--serif);font-size:18px;color:var(--ink);margin:18px 0 6px;}
.bk-gtk p.bk-txt{color:var(--muted);font-size:14.5px;line-height:1.7;margin-bottom:14px;}
.bk-mini{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line);}
.bk-mini svg{width:24px;height:24px;color:var(--green);flex:0 0 auto;}
.bk-mini b{font-family:var(--sans);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);display:block;}
.bk-mini p{color:var(--muted);font-size:13.5px;margin-top:3px;}
.bk-policy{border:1px solid var(--line);background:var(--surface);padding:24px;}
.bk-policy b{font-family:var(--sans);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);}
.bk-policy p{color:var(--muted);font-size:14px;margin-top:8px;}

/* offers slider */
.bk-offers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.bk-offer{border:1px solid var(--line);background:#fff;overflow:hidden;display:flex;flex-direction:column;}
.bk-offer img{width:100%;height:190px;object-fit:cover;background:#cdbfa8;}
.bk-offer-body{padding:22px;display:flex;flex-direction:column;flex:1;}
.bk-offer-body h3{font-size:23px;color:var(--ink);margin-bottom:8px;}
.bk-offer-body p{color:var(--muted);font-size:14px;line-height:1.6;margin-bottom:18px;}
.bk-offer-link{margin-top:auto;align-self:flex-start;font-family:var(--sans);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--green);border-bottom:1px solid var(--rose);padding-bottom:2px;cursor:pointer;background:none;border-left:0;border-right:0;border-top:0;-webkit-appearance:none;appearance:none;}

/* ===== Modal ===== */
.bk-modal{position:fixed;inset:0;z-index:2147483600;display:flex;align-items:center;justify-content:center;padding:24px;}
.bk-modal[hidden]{display:none;}
.bk-modal-overlay{position:absolute;inset:0;background:rgba(35,18,16,.62);}
.bk-modal-panel{position:relative;background:#fff;max-width:780px;width:100%;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:0 40px 100px -30px rgba(0,0,0,.6);animation:bkModalIn .35s cubic-bezier(.2,.8,.2,1);}
@keyframes bkModalIn{from{opacity:0;transform:translateY(22px);}to{opacity:1;transform:none;}}
.bk-modal-close{position:absolute;top:14px;right:16px;z-index:2;-webkit-appearance:none;appearance:none;background:rgba(255,255,255,.92);border:0;width:42px;height:42px;border-radius:50%;font-size:26px;line-height:1;color:var(--ink);cursor:pointer;box-shadow:0 6px 18px -8px rgba(0,0,0,.4);}
.bk-modal-img{width:100%;height:300px;object-fit:cover;background:#cdbfa8;display:block;}
.bk-modal-body{padding:clamp(28px,4vw,46px);}
.bk-modal-sub{font-family:var(--sans);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--rose);margin-bottom:12px;}
.bk-modal-body h3{font-family:var(--serif);font-weight:500;font-size:clamp(26px,3.4vw,34px);color:var(--ink);margin-bottom:14px;line-height:1.05;}
.bk-modal-body p{color:var(--muted);font-size:15px;line-height:1.75;margin-bottom:16px;}
.bk-modal-list{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:11px 26px;}
.bk-modal-list li{display:flex;gap:11px;align-items:flex-start;color:var(--ink);font-size:14px;line-height:1.5;}
.bk-modal-list li::before{content:"";width:7px;height:7px;margin-top:6px;background:var(--rose);border-radius:50%;flex:0 0 auto;}
.bk-modal-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:30px;padding-top:24px;border-top:1px solid var(--line);flex-wrap:wrap;}
.bk-modal-foot .bk-price b{font-family:var(--serif);font-size:28px;color:var(--ink);}
.bk-modal-foot .bk-price small{display:block;font-family:var(--sans);font-size:12px;color:var(--muted);}
.bk-modal-cta{background:var(--green);color:#fff;text-decoration:none;font-family:var(--sans);font-size:12px;letter-spacing:.2em;text-transform:uppercase;padding:15px 34px;transition:background .3s;}
.bk-modal-cta:hover{background:var(--green-deep);}
.bk-modal-cols{columns:2;column-gap:38px;}
.bk-modal-cat{break-inside:avoid;margin-bottom:22px;}
.bk-modal-cat b{display:block;font-family:var(--serif);font-size:19px;color:var(--ink);font-weight:500;margin-bottom:8px;}
.bk-modal-cat span{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:14px;padding:3px 0;}
.bk-modal-cat span::before{content:"";width:5px;height:5px;background:var(--rose);border-radius:50%;flex:0 0 auto;}
body.bk-modal-open{overflow:hidden;}
@media(max-width:560px){.bk-modal-list,.bk-modal-cols{grid-template-columns:1fr;columns:1;}}

/* two-column layout: content + sidebar sticky for the whole page */
.bk-layout{display:grid;grid-template-columns:1fr 322px;gap:clamp(28px,3vw,48px);align-items:start;}
.bk-layout-main{min-width:0;}
.bk-layout-main .bk-section:first-child{padding-top:clamp(28px,3.2vw,40px);}
.bk-layout-side{position:sticky;top:96px;padding-top:clamp(28px,3.2vw,40px);}
.bk-support{border:1px solid var(--line);background:#fff;padding:30px 28px;}
.bk-support .sbtw-overline{margin-bottom:16px;display:block;}
.bk-support-mgr{display:flex;align-items:center;gap:14px;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:18px;}
.bk-support-ava{width:50px;height:50px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:20px;flex:0 0 auto;}
.bk-support-mgr b{font-family:var(--serif);font-size:19px;color:var(--ink);font-weight:500;}
.bk-support-mgr small{display:block;font-family:var(--sans);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:3px;}
.bk-support p{color:var(--muted);font-size:14px;font-style:italic;line-height:1.7;}
.bk-support-social{display:flex;gap:10px;margin-top:20px;}
.bk-support-social a{width:40px;height:40px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--green);transition:.3s;}
.bk-support-social a:hover{background:var(--green);color:#fff;border-color:var(--green);}
.bk-support-social svg{width:16px;height:16px;fill:currentColor;}
.bk-support-contact{display:flex;align-items:center;gap:10px;margin-top:20px;}
.bk-support-phone{display:inline-flex;align-items:center;gap:8px;font-family:var(--serif);font-size:19px;font-weight:500;color:var(--ink);text-decoration:none;transition:.25s;}
.bk-support-phone:hover{color:var(--green);}
.bk-support-phone svg{width:16px;height:16px;color:var(--green);flex:0 0 auto;}
.bk-support-wa{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;color:#25d366;text-decoration:none;transition:.25s;}
.bk-support-wa:hover{color:#1ebe5a;transform:scale(1.08);}
.bk-support-wa svg{width:22px;height:22px;}

@media(max-width:900px){
  .bk-bar{grid-template-columns:1fr;}
  .bk-cell{border-bottom:1px solid var(--line);border-right:0;padding:8px 16px;gap:3px;}
  .bk-cell label{font-size:9px;}
  .bk-cell select,.bk-cell input,.bk-dates-display{font-size:15px;}
  .bk-cal-grids{grid-template-columns:1fr;}
  .bk-cal-months{font-size:16px;}
  .bk-search-btn{grid-column:1 / -1;}
  .bk-search-btn button{min-height:54px;}
  .bk-room,.bk-loc,.bk-host,.bk-gtk{grid-template-columns:1fr;}
  .bk-amen-grid{grid-template-columns:repeat(2,1fr);}
  .bk-offers{grid-template-columns:1fr;}
  .bk-search{margin-bottom:14px;}
  .bk-page{padding-top:120px;}
  .bk-layout{grid-template-columns:1fr;}
  .bk-layout-side{display:none;}
  /* gallery first, as a simple horizontal scroller */
  body[data-page="booking"]{display:flex;flex-direction:column;}
  body[data-page="booking"] > header#hdr{order:0;}
  .bk-gallery-sec{order:1;padding:50px 0 0;}
  .bk-gallery-sec .sbtw-wrap{padding-left:0;padding-right:0;max-width:none;width:100%;}
  .bk-search{order:2;margin-top:14px;}
  .bk-page{order:3;padding-top:18px;}
  body[data-page="booking"] > footer{order:9;}
  .bk-gallery-grid{display:flex;overflow-x:auto;gap:0;height:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:0;}
  .bk-gallery-grid a{flex:0 0 100%;width:100%;height:62vw;max-height:340px;scroll-snap-align:center;}
  .bk-gallery-grid a:first-child{grid-row:auto;grid-column:auto;height:62vw;max-height:340px;}
  .bk-gallery-allbtn{display:none;}
}


/* check-out.css — extracted from check-out.html */
/* ===== Check-out page ===== */
body[data-page="booking"] header#hdr{background:var(--green);padding:8px clamp(20px,5vw,56px);box-shadow:0 10px 40px -20px rgba(0,0,0,.55);border-bottom:1px solid rgba(255,255,255,.12);}
body[data-page="booking"] header#hdr .sbtw-logo img{height:33px;}
.co-page{padding-top:96px;padding-bottom:clamp(50px,7vw,90px);}

/* steps */
.co-steps{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:34px 0 8px;}
.co-step{display:flex;align-items:center;gap:10px;font-family:var(--sans);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);}
.co-step b{width:24px;height:24px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:500;flex:0 0 auto;}
.co-step.is-done{color:var(--green);}
.co-step.is-done b{background:var(--green);color:#fff;border-color:var(--green);}
.co-step.is-current{color:var(--ink);}
.co-step.is-current b{border-color:var(--green);color:var(--green);}
.co-step-sep{flex:1;min-width:18px;height:1px;background:var(--line);}

.co-title{font-family:var(--serif);font-weight:500;font-size:clamp(30px,4vw,42px);color:var(--ink);line-height:1.04;margin:6px 0 30px;}

.co-layout{display:grid;grid-template-columns:1fr 380px;gap:clamp(28px,3.5vw,52px);align-items:start;}
.co-main{min-width:0;}

/* form blocks */
.co-block{border:1px solid var(--line);background:#fff;padding:clamp(24px,3vw,36px);margin-bottom:22px;}
.co-block-h{display:flex;align-items:center;gap:12px;margin-bottom:22px;}
.co-block-h .co-num{width:30px;height:30px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:16px;flex:0 0 auto;}
.co-block-h h2{font-family:var(--serif);font-weight:500;font-size:23px;color:var(--ink);}
.co-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px;}
.co-field{display:flex;flex-direction:column;gap:7px;}
.co-field.co-full{grid-column:1 / -1;}
.co-field label{font-family:var(--sans);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);}
.co-field label .co-req{color:var(--green);}
.co-field input,.co-field select,.co-field textarea{font-family:var(--sans);font-size:15px;color:var(--ink);background:#fff;border:1px solid var(--line);padding:12px 13px;outline:none;transition:border-color .25s;-webkit-appearance:none;appearance:none;width:100%;}
.co-field input:focus,.co-field select:focus,.co-field textarea:focus{border-color:var(--rose);}
.co-field textarea{resize:vertical;min-height:96px;}
.co-field.co-select{position:relative;}
.co-field.co-select::after{content:"";position:absolute;right:14px;bottom:17px;width:8px;height:8px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg);pointer-events:none;}

/* payment options */
.co-pay-opt{display:flex;align-items:flex-start;gap:14px;border:1px solid var(--line);padding:18px;cursor:pointer;transition:border-color .25s,background .25s;margin-bottom:12px;}
.co-pay-opt:last-child{margin-bottom:0;}
.co-pay-opt.is-active{border-color:var(--green);background:rgba(180,126,110,.06);}
.co-pay-radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--muted);position:relative;flex:0 0 auto;margin-top:1px;transition:border-color .25s;}
.co-pay-opt.is-active .co-pay-radio{border-color:var(--green);}
.co-pay-opt.is-active .co-pay-radio::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--green);}
.co-pay-info b{font-family:var(--serif);font-size:18px;color:var(--ink);font-weight:500;display:block;margin-bottom:3px;}
.co-pay-info p{font-family:var(--sans);font-size:13px;color:var(--muted);line-height:1.6;}
.co-pay-cards{display:flex;gap:8px;margin-top:12px;}
.co-pay-cards span{font-family:var(--sans);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);padding:5px 9px;}

/* consent */
.co-consent{display:flex;gap:12px;align-items:flex-start;margin-top:4px;}
.co-consent input{width:20px;height:20px;flex:0 0 auto;margin-top:1px;accent-color:var(--green);}
.co-consent label{font-family:var(--sans);font-size:13.5px;color:var(--muted);line-height:1.6;}
.co-consent a{color:var(--green);text-decoration:underline;}

/* summary sidebar */
.co-side{position:sticky;top:78px;}
.co-summary{border:1px solid var(--line);background:#fff;overflow:hidden;}
.co-sum-img{position:relative;height:140px;background:#cdbfa8;}
.co-sum-img img{width:100%;height:100%;object-fit:cover;}
.co-sum-tag{position:absolute;left:14px;top:14px;background:rgba(255,255,255,.94);font-family:var(--sans);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);padding:6px 11px;}
.co-sum-body{padding:20px 24px;}
.co-sum-body h3{font-family:var(--serif);font-weight:500;font-size:22px;color:var(--ink);margin-bottom:10px;}
.co-sum-row{display:flex;justify-content:space-between;gap:14px;padding:7px 0;border-bottom:1px solid var(--line);font-family:var(--sans);font-size:14px;}
.co-sum-row span:first-child{color:var(--muted);}
.co-sum-row span:last-child{color:var(--ink);text-align:right;}
.co-sum-stay{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);}
.co-sum-stay > div{flex:1;}
.co-sum-stay small{display:block;font-family:var(--sans);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;}
.co-sum-stay b{font-family:var(--serif);font-size:18px;color:var(--ink);font-weight:500;}
.co-sum-stay .co-sum-arrow{flex:0 0 auto;align-self:center;color:var(--rose);}
.co-price-row{display:flex;justify-content:space-between;gap:14px;padding:6px 0;font-family:var(--sans);font-size:14px;color:var(--ink);}
.co-price-row.co-muted span{color:var(--muted);}
.co-total{display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin-top:10px;padding-top:12px;border-top:2px solid var(--ink);}
.co-total span{font-family:var(--sans);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);}
.co-total b{font-family:var(--serif);font-size:32px;color:var(--ink);font-weight:500;}
.co-confirm{display:block;width:100%;text-align:center;border:0;cursor:pointer;background:var(--green);color:#fff;font-family:var(--sans);font-size:12px;letter-spacing:.2em;text-transform:uppercase;padding:17px;margin-top:20px;transition:background .3s;}
.co-confirm:hover{background:var(--green-deep);}
.co-secure{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;font-family:var(--sans);font-size:12px;color:var(--muted);}
.co-secure svg{width:14px;height:14px;color:var(--green);}
.co-help{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);font-family:var(--sans);font-size:13px;color:var(--muted);text-align:center;}
.co-help a{color:var(--green);text-decoration:none;font-weight:500;}

@media(max-width:900px){
  .co-layout{grid-template-columns:1fr;}
  .co-side{position:static;order:-1;margin-bottom:8px;}
  .co-grid{grid-template-columns:1fr;}
}

/* ============================================================
   CHECK-IN PAGE — tabbed flow (Check-In · City Tax · Payment)
   Namespace: .ci-
   ============================================================ */
.ci-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin-bottom:28px;flex-wrap:wrap;}
.ci-tab{-webkit-appearance:none;appearance:none;background:transparent;border:0;cursor:pointer;display:flex;align-items:center;gap:10px;padding:16px 26px;font-family:var(--sans);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .25s,border-color .25s;}
.ci-tab b{width:24px;height:24px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:500;flex:0 0 auto;transition:.25s;}
.ci-tab:hover{color:var(--ink);}
.ci-tab.is-active{color:var(--green);border-bottom-color:var(--green);}
.ci-tab.is-active b{background:var(--green);color:#fff;border-color:var(--green);}
.ci-tab.is-done b{background:var(--rose);color:#fff;border-color:var(--rose);}
.ci-panel{display:none;animation:ciFade .35s ease;}
.ci-panel.is-active{display:block;}
@keyframes ciFade{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
.ci-note{font-family:var(--sans);font-size:14px;color:var(--muted);line-height:1.7;margin-bottom:22px;}
.ci-guest-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:14px;align-items:end;padding:18px 0;border-bottom:1px solid var(--line);}
.ci-guest-row:first-of-type{padding-top:0;}
.ci-guest-del{-webkit-appearance:none;appearance:none;background:transparent;border:1px solid var(--line);width:42px;height:42px;cursor:pointer;color:var(--muted);font-size:18px;transition:.25s;}
.ci-guest-del:hover{border-color:var(--green);color:var(--green);}
.ci-add{-webkit-appearance:none;appearance:none;background:transparent;border:1px dashed var(--rose);color:var(--green);cursor:pointer;font-family:var(--sans);font-size:11px;letter-spacing:.16em;text-transform:uppercase;padding:13px 22px;margin-top:18px;transition:.25s;}
.ci-add:hover{background:rgba(180,126,110,.08);}
.ci-tax-box{display:flex;justify-content:space-between;align-items:center;gap:18px;background:var(--surface);border:1px solid var(--line);padding:22px 24px;margin-top:8px;flex-wrap:wrap;}
.ci-tax-box .ci-tax-amount{font-family:var(--serif);font-size:30px;color:var(--ink);font-weight:500;}
.ci-tax-box small{display:block;font-family:var(--sans);font-size:12px;color:var(--muted);margin-top:3px;}
.ci-actions{display:flex;justify-content:space-between;gap:14px;margin-top:26px;flex-wrap:wrap;}
.ci-btn{-webkit-appearance:none;appearance:none;cursor:pointer;border:0;font-family:var(--sans);font-size:12px;letter-spacing:.2em;text-transform:uppercase;padding:15px 32px;transition:background .3s,color .3s,border-color .3s;}
.ci-btn-next{background:var(--green);color:#fff;}
.ci-btn-next:hover{background:var(--green-deep);}
.ci-btn-back{background:transparent;border:1px solid var(--line);color:var(--ink);}
.ci-btn-back:hover{border-color:var(--green);color:var(--green);}
.ci-btn-back[hidden]{display:none;}
/* inline date range calendar reused on check-in */
.ci-datewrap{position:relative;}
.ci-dates-display{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid var(--line);padding:12px 13px;text-align:left;cursor:pointer;font-family:var(--sans);font-size:15px;color:var(--ink);width:100%;transition:border-color .25s;}
.ci-dates-display:hover{border-color:var(--rose);}
.ci-dates-pop{position:absolute;left:0;top:calc(100% + 6px);z-index:60;background:#fff;border:1px solid var(--line);box-shadow:0 24px 60px -28px rgba(45,24,22,.5);padding:18px;width:340px;max-width:92vw;}
.ci-dates-pop[hidden]{display:none;}
.ci-cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.ci-cal-title{font-family:var(--serif);font-size:18px;font-weight:500;color:var(--ink);}
.ci-cal-nav{-webkit-appearance:none;appearance:none;background:transparent;border:1px solid var(--line);width:32px;height:32px;border-radius:50%;cursor:pointer;color:var(--ink);font-size:16px;display:flex;align-items:center;justify-content:center;transition:.25s;}
.ci-cal-nav:hover{background:var(--green);color:#fff;border-color:var(--green);}
.ci-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;}
.ci-cal-dow{font-family:var(--sans);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:center;padding:4px 0;}
.ci-cal-day{-webkit-appearance:none;appearance:none;background:transparent;border:0;cursor:pointer;font-family:var(--sans);font-size:13px;color:var(--ink);aspect-ratio:1;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s;}
.ci-cal-day:hover:not(:disabled){background:rgba(180,126,110,.18);}
.ci-cal-day:disabled{color:#cdc5ba;cursor:default;}
.ci-cal-day.is-empty{visibility:hidden;cursor:default;}
.ci-cal-day.is-sel{background:var(--green);color:#fff;font-weight:600;border-radius:50%;}
@media(max-width:900px){
  .ci-guest-row{grid-template-columns:1fr 1fr;}
  .ci-tab{padding:14px 16px;}
}