/* Bibaru theme — navy, champagne gold, ivory. Serif display (Bodoni Moda) + Jost. */
:root{--bb-navy:#0E1B2C;--bb-navy-2:#16273D;--bb-gold:#C8A96A;--bb-gold-ink:#7A5E28;--bb-ivory:#F7F3EC;--bb-sand:#EFE8DC;--bb-ink:#1C2733;--bb-muted:#5B6470;--bb-line:#E3DCCF;--bb-blue:#418FDE;--bb-r:16px;--bb-serif:'Bodoni Moda',Didot,'Times New Roman',serif;--bb-sans:'Jost',system-ui,-apple-system,'Segoe UI',sans-serif;--bb-head:72px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bb-ivory);color:var(--bb-ink);font:400 16px/1.65 var(--bb-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto}
a{color:var(--bb-gold-ink)}
a:hover{color:var(--bb-navy)}
h1,h2,h3{color:var(--bb-navy);font-family:var(--bb-serif);font-weight:500;line-height:1.15;margin:0 0 .5em}
:focus-visible{outline:3px solid var(--bb-gold);outline-offset:2px}
.bb-wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 32px}
.bb-skip{position:absolute;left:-9999px;top:8px;z-index:10000;background:var(--bb-navy);color:#fff;padding:10px 16px;border-radius:8px}
.bb-skip:focus{left:8px}

/* Logo */
.bb-logo{display:inline-flex;align-items:center;gap:12px;text-decoration:none}
.bb-logo__text{display:flex;flex-direction:column;gap:2px}
.bb-logo__word{font:600 24px/1 var(--bb-serif);letter-spacing:.16em}
.bb-logo__tag{font:500 10px/1 var(--bb-sans);letter-spacing:.42em;color:var(--bb-gold)}
.bb-mono{flex:none;display:block}

/* Header */
.bb-header{position:sticky;top:0;z-index:7000;background:rgba(247,243,236,.92);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:background .25s,border-color .25s,box-shadow .25s}
.bb-header.is-scrolled{border-bottom-color:var(--bb-line);box-shadow:0 6px 24px rgba(14,27,44,.06)}
.admin-bar .bb-header{top:32px}
.bb-header--over{position:fixed;left:0;right:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.bb-header--over .bb-menu a,.bb-header--over .bb-icon-btn{color:#fff}
.bb-header--over.is-scrolled{background:rgba(14,27,44,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:rgba(255,255,255,.08)}
.bb-header__in{display:flex;align-items:center;gap:24px;height:var(--bb-head);max-width:1240px;margin:0 auto;padding:0 32px}
.bb-header__brand{text-decoration:none;flex:none}
.bb-header__nav{margin-left:auto}
.bb-menu{display:flex;gap:28px;list-style:none;margin:0;padding:0}
.bb-menu a{color:var(--bb-ink);text-decoration:none;font:500 15px var(--bb-sans);letter-spacing:.02em;position:relative;padding:6px 0}
.bb-menu a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--bb-gold);transform:scaleX(0);transition:transform .2s;transform-origin:left}
.bb-menu a:hover::after,.bb-menu .current-menu-item a::after{transform:scaleX(1)}
.bb-header__actions{display:flex;align-items:center;gap:8px}
.bb-icon-btn{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:0;background:transparent;color:var(--bb-ink);cursor:pointer;font-size:28px;line-height:1}
.bb-icon-btn:hover{background:rgba(14,27,44,.06)}
.bb-header__burger{display:none}

/* Mobile sheet menu */
.bb-sheet{position:fixed;inset:0;z-index:9500;background:rgba(14,27,44,.5)}
.bb-sheet__panel{position:absolute;left:0;right:0;bottom:0;background:var(--bb-ivory);border-radius:24px 24px 0 0;padding:16px 20px calc(24px + env(safe-area-inset-bottom));display:grid;gap:16px;max-height:88vh;overflow:auto;animation:bbUp .22s ease}
@keyframes bbUp{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}
.bb-sheet__top{display:flex;align-items:center;justify-content:space-between}
.bb-sheet__search input{width:100%;min-height:52px;border:1.5px solid var(--bb-line);border-radius:14px;padding:0 16px;font:400 16px var(--bb-sans);background:#fff}
.bb-sheet__menu{list-style:none;margin:0;padding:0;display:grid}
.bb-sheet__menu a{display:block;padding:14px 4px;border-bottom:1px solid var(--bb-line);color:var(--bb-navy);text-decoration:none;font:500 20px var(--bb-serif)}

/* Hero */
.bb-hero{position:relative;min-height:min(88vh,760px);display:flex;align-items:flex-end;background:radial-gradient(120% 90% at 80% 10%,#1D3554 0%,var(--bb-navy) 55%);color:#fff;overflow:hidden;isolation:isolate;padding:calc(var(--bb-head) + 40px) 0 72px}
.bb-hero::before{content:"";position:absolute;left:-10%;right:-10%;bottom:110px;height:1px;background:linear-gradient(90deg,transparent,var(--bb-gold),transparent);opacity:.5;z-index:-1}
.bb-hero::after{content:"";position:absolute;right:12%;bottom:110px;width:160px;height:80px;border:1px solid var(--bb-gold);border-bottom:0;border-radius:160px 160px 0 0;opacity:.35;z-index:-1}
.bb-hero.has-photo::after{display:none}
.bb-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.bb-hero__in{position:static}
.bb-hero.has-photo::before{display:block;content:"";position:absolute;inset:0;left:0;right:0;bottom:0;height:auto;background:linear-gradient(180deg,rgba(14,27,44,.45) 0%,rgba(14,27,44,.2) 35%,rgba(14,27,44,.88) 100%);opacity:1;z-index:-1}
.bb-hero__credit{position:absolute;right:24px;bottom:18px;font:400 12px var(--bb-sans);color:rgba(255,255,255,.75);text-decoration:none;background:rgba(14,27,44,.35);padding:6px 12px;border-radius:999px;backdrop-filter:blur(6px)}
.bb-hero__credit:hover{color:#fff}
.bb-figure{margin:28px 0}
.bb-figure img{width:100%;max-height:520px;object-fit:cover;border-radius:20px;display:block}
.bb-figure figcaption{font:400 13px var(--bb-sans);color:var(--bb-muted);margin-top:8px}
.bb-eyebrow{font:500 12px/1 var(--bb-sans);letter-spacing:.32em;text-transform:uppercase;color:var(--bb-gold-ink);margin:0 0 14px}
.bb-hero .bb-eyebrow,.bb-eyebrow--gold{color:var(--bb-gold)}
.bb-hero__title{font:500 clamp(48px,9vw,112px)/.98 var(--bb-serif);color:#fff;margin:0 0 18px;letter-spacing:-.01em}
.bb-hero__text{max-width:560px;font:400 clamp(17px,1.6vw,20px)/1.55 var(--bb-sans);color:#DCE2EA;margin:0 0 28px}
.bb-hero__search{display:flex;align-items:center;gap:10px;max-width:640px;background:#fff;border-radius:999px;padding:8px 8px 8px 20px;box-shadow:0 20px 50px rgba(0,0,0,.25);color:var(--bb-muted)}
.bb-hero__search input{flex:1;min-width:0;border:0;outline:0;font:400 17px var(--bb-sans);color:var(--bb-ink);background:transparent;min-height:48px}
.bb-hero__search--light{margin:24px auto;box-shadow:0 0 0 1.5px var(--bb-line)}
.bb-hero__chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.bb-hero__chips a{color:#fff;text-decoration:none;font:500 14px var(--bb-sans);padding:9px 16px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(6px)}
.bb-hero__chips a:hover{background:rgba(255,255,255,.2)}

/* Sections */
.bb-section{padding-top:72px}
.bb-section--sand{background:var(--bb-sand);padding-bottom:72px;margin-top:72px}
.bb-section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:8px}
.bb-section__head h2{font-size:clamp(30px,3.6vw,44px);margin:0}
.bb-link{font:500 15px var(--bb-sans);text-decoration:none;color:var(--bb-gold-ink);white-space:nowrap}
.bb-link::after{content:" →"}
.bb-link--light{color:var(--bb-gold)}
.bb-attrib{font:400 12px var(--bb-sans);color:var(--bb-muted)}
.bb-hidden{background:var(--bb-navy);color:#DCE2EA;padding-bottom:80px;margin-top:72px}
.bb-hidden h2{color:#fff}
.bb-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px}
.bb-story{position:relative;display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--bb-navy-2);text-decoration:none;color:#DCE2EA;min-height:360px;isolation:isolate}
.bb-story img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .5s}
.bb-story::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,27,44,0) 35%,rgba(14,27,44,.92));z-index:-1}
.bb-story:hover img{transform:scale(1.05)}
.bb-story__ph{flex:1;display:grid;place-items:center;opacity:.5}
.bb-story__body{margin-top:auto;padding:24px;display:grid;gap:6px}
.bb-story__body strong{font:500 24px/1.2 var(--bb-serif);color:#fff}
.bb-story__body span{font-size:15px;line-height:1.5}
.bb-why{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:20px}
.bb-why>div{background:#fff;border-radius:var(--bb-r);padding:28px;box-shadow:0 1px 0 var(--bb-line)}
.bb-why__n{font:600 14px var(--bb-sans);color:var(--bb-gold);letter-spacing:.2em}
.bb-why h3{font-size:24px;margin:10px 0 8px}
.bb-why p{margin:0;color:var(--bb-muted);font-size:15px}
.bb-intro{padding-top:72px}
.bb-cta{background:linear-gradient(160deg,var(--bb-navy),#1A3150);color:#DCE2EA;text-align:center;padding:80px 0;margin-top:80px}
.bb-cta__in{display:grid;justify-items:center;gap:12px}
.bb-cta h2{color:#fff;font-size:clamp(32px,4vw,48px);margin:8px 0 0}
.bb-cta p{max-width:520px;margin:0 0 12px}

/* Page */
.bb-pagehead{background:var(--bb-navy);color:#fff;padding:48px 0 44px}
.bb-pagehead h1{color:#fff;font-size:clamp(34px,5vw,58px);margin:0}
.bb-pagehead .bb-crumbs,.bb-pagehead .bb-crumbs a{color:#A9B2BE}
.bb-page{padding-top:40px;padding-bottom:80px}
.bb-prose{font-size:17px;line-height:1.75}
.bb-prose--narrow{max-width:780px;margin-left:auto;margin-right:auto}
.bb-prose h2{font-size:clamp(26px,3vw,34px);margin:1.6em 0 .5em}
.bb-prose h3{font-size:22px;margin:1.4em 0 .4em}
.bb-prose ul{padding-left:1.2em}
.bb-prose li{margin:.35em 0}
.bb-prose .bb-grid{margin:24px 0}
.bb-meta{color:var(--bb-muted);font-size:14px}
.bb-featured{border-radius:var(--bb-r);margin-bottom:16px}
.bb-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.bb-post{display:flex;flex-direction:column;background:#fff;border-radius:var(--bb-r);overflow:hidden;text-decoration:none;color:var(--bb-ink);box-shadow:0 1px 0 var(--bb-line)}
.bb-post img{aspect-ratio:3/2;object-fit:cover;width:100%}
.bb-post__body{padding:18px;display:grid;gap:6px}
.bb-post__body strong{font:500 22px/1.2 var(--bb-serif);color:var(--bb-navy)}
.bb-404{text-align:center;padding:80px 32px}
.bb-404 .bb-mono{margin:0 auto 16px}
.bb-404 .bb-cats{margin-top:32px;text-align:left}
.bb-exp .bb-wrap{padding-top:8px}

/* Footer */
.bb-footer{background:var(--bb-navy);color:#A9B2BE;padding:72px 0 0;margin-top:80px;font-size:15px}
.bb-cta+.bb-footer,.bb-section--sand+.bb-footer{margin-top:0}
.bb-footer a{color:#DCE2EA;text-decoration:none}
.bb-footer a:hover{color:var(--bb-gold)}
.bb-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.4fr;gap:40px}
.bb-footer__brand p{margin:18px 0}
.bb-footer__h{font:500 12px var(--bb-sans);letter-spacing:.3em;text-transform:uppercase;color:var(--bb-gold);margin:8px 0 16px}
.bb-footer__list{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.bb-footer__list--small{margin-top:18px;font-size:13px;gap:6px}
.bb-footer__mail{margin-top:14px;font-size:14px}
.bb-footer__base{border-top:1px solid rgba(255,255,255,.08);margin-top:56px;padding-top:20px;padding-bottom:28px;font-size:13px}
.bb-footer .bb-news input{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:#fff}

/* App tab bar (mobile) */
.bb-tabbar{display:none}

/* Responsive */
@media (max-width:1100px){
  .bb-why{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bb-footer__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  :root{--bb-head:60px}
  .bb-wrap,.bb-header__in{padding:0 20px}
  .bb-header__nav,.bb-header__cta{display:none}
  .bb-header__burger{display:inline-grid}
  .bb-logo__word{font-size:20px}
  .bb-hero{min-height:auto;padding:calc(var(--bb-head) + 48px) 0 40px}
  .bb-hero::after{right:-30px;width:120px;height:60px}
  .bb-hero__credit{right:12px;bottom:10px;font-size:11px}
  .bb-hero__search{border-radius:18px;padding:6px 6px 6px 14px}
  .bb-hero__search .bb-btn{padding:0 16px}
  .bb-hero__chips{flex-wrap:nowrap;overflow-x:auto;margin:18px -20px 0;padding:0 20px;scrollbar-width:none}
  .bb-hero__chips::-webkit-scrollbar{display:none}
  .bb-hero__chips a{flex:none}
  .bb-section{padding-top:48px}
  .bb-section--sand{padding-bottom:48px;margin-top:48px}
  .bb-hidden{padding:48px 0;margin-top:48px}
  .bb-section__head h2{font-size:28px}
  .bb-stories{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:82%;overflow-x:auto;scroll-snap-type:x mandatory;margin:20px -20px 0;padding:0 20px 6px}
  .bb-story{min-height:300px;scroll-snap-align:start}
  .bb-why{grid-template-columns:1fr;gap:12px}
  .bb-why>div{padding:20px}
  .bb-pagehead{padding:28px 0}
  .bb-footer{padding-top:48px;padding-bottom:84px}
  .bb-footer__grid{grid-template-columns:1fr;gap:32px}
  body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  .bb-tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:7500;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--bb-line);padding-bottom:env(safe-area-inset-bottom)}
  .bb-tabbar a,.bb-tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:60px;color:var(--bb-muted);text-decoration:none;font:500 11px var(--bb-sans);background:none;border:0;cursor:pointer}
  .bb-tabbar [aria-current=page]{color:var(--bb-navy)}
  .bb-tabbar [aria-current=page] svg{color:var(--bb-gold-ink)}
  .bb-wa{bottom:calc(76px + env(safe-area-inset-bottom))!important}
  body.bb-is-experience .bb-tabbar{display:none}
  body.bb-is-experience{padding-bottom:0}
  body.bb-is-experience .bb-wa{bottom:calc(92px + env(safe-area-inset-bottom))!important}
}
@media (max-width:782px){.admin-bar .bb-header{top:46px}}
@media (max-width:600px){.admin-bar .bb-header{top:0}.admin-bar .bb-header--over{top:46px}}
@media (max-width:420px){
  .bb-hero__search .bb-btn{display:none}
}


/* =====================================================================
   BEACH THEME — white sand, ocean blue + aqua, sun yellow. Modern sans.
   ===================================================================== */
:root{
  --bb-navy:#035A7A;          /* deep ocean: headings, primary buttons */
  --bb-navy-2:#0077B6;        /* ocean blue: hover */
  --bb-aqua:#00B4C6;          /* Caribbean aqua accent */
  --bb-aqua-soft:#E3F7F9;
  --bb-gold:#FFC83D;          /* sun */
  --bb-gold-ink:#00798C;      /* links / eyebrows (AA on white) */
  --bb-ivory:#FFFFFF;         /* white sand */
  --bb-sand:#F7F1E6;          /* warm sand sections */
  --bb-ink:#10303D;
  --bb-muted:#4B6572;
  --bb-line:#E4EEF1;
  --bb-r:22px;
  --bb-serif:'Outfit','Jost',system-ui,sans-serif; /* display font (logo keeps Bodoni) */
  --bb-shadow:0 12px 34px rgba(3,90,122,.10);
}
body{background:#fff;color:var(--bb-ink)}
h1,h2,h3{font-family:'Outfit',sans-serif;font-weight:700;letter-spacing:-.02em;color:#04364A}
.bb-logo__word{font-family:'Bodoni Moda',Didot,serif;font-weight:800}
.bb-logo__tag{color:var(--bb-aqua)}

/* Header: frosted white glass */
.bb-header{background:rgba(255,255,255,.82);backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px)}
.bb-header--over{background:transparent}
.bb-header--over.is-scrolled{background:rgba(3,90,122,.88)}
.bb-menu a{font-weight:500}
.bb-menu a::after{background:var(--bb-aqua);height:3px;border-radius:3px}
.bb-btn--gold{background:var(--bb-gold);color:#04364A!important;box-shadow:0 8px 22px rgba(255,200,61,.35)}
.bb-btn--gold:hover{background:#FFD465}
.bb-btn{border-radius:14px;font-weight:600}
.bb-btn:not(.bb-btn--gold):not(.bb-btn--ghost):not(.bb-btn--wa){background:linear-gradient(135deg,#0077B6,#00A6C0)}
.bb-btn:not(.bb-btn--gold):not(.bb-btn--ghost):not(.bb-btn--wa):hover{background:linear-gradient(135deg,#035A7A,#0090B0);box-shadow:0 10px 24px rgba(0,119,182,.3)}
.bb-btn--ghost{box-shadow:inset 0 0 0 1.5px #0077B6;color:#0077B6!important}
.bb-btn--ghost:hover{background:#0077B6;color:#fff!important}

/* Hero: ocean gradient, sun glow, wave edge */
.bb-hero{background:radial-gradient(60% 70% at 85% 15%,rgba(255,200,61,.55) 0%,rgba(255,200,61,0) 60%),linear-gradient(160deg,#00B4C6 0%,#0077B6 45%,#035A7A 100%)}
.bb-hero::before{display:none}
.bb-hero.has-photo::before{display:block;background:linear-gradient(180deg,rgba(3,90,122,.35) 0%,rgba(0,119,182,.10) 38%,rgba(3,62,88,.82) 100%)}
.bb-hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;top:auto;width:auto;height:70px;border:0;border-radius:0;opacity:1;z-index:1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 70' preserveAspectRatio='none'%3E%3Cpath d='M0 38c120-22 240-30 360-18s240 40 360 34 240-34 360-38 240 14 360 22v32H0z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat bottom/100% 100%}
.bb-hero.has-photo::after{display:block}
.bb-hero__title{font:800 clamp(52px,9.5vw,124px)/.95 'Outfit',sans-serif;letter-spacing:-.04em;text-shadow:0 6px 30px rgba(3,62,88,.25)}
.bb-hero .bb-eyebrow{color:var(--bb-gold)}
.bb-hero__text{color:#EAF8FB}
.bb-hero__search{border-radius:20px;box-shadow:0 24px 60px rgba(3,62,88,.35)}
.bb-hero__search .bb-btn--gold{border-radius:14px}
.bb-hero__chips a{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.35)}
.bb-hero__credit{bottom:84px}

/* Sections */
.bb-eyebrow{color:var(--bb-gold-ink);font-weight:600}
.bb-section__head h2{font-size:clamp(30px,3.8vw,48px)}
.bb-section--sand{background:linear-gradient(180deg,#FFFFFF 0%,#F7F1E6 18%,#F7F1E6 82%,#FFFFFF 100%)}
.bb-hidden{background:linear-gradient(135deg,#035A7A 0%,#0077B6 55%,#00A6C0 100%)}
.bb-hidden .bb-link--light,.bb-eyebrow--gold{color:var(--bb-gold)}
.bb-story{border-radius:24px;box-shadow:0 18px 40px rgba(3,62,88,.25)}
.bb-why>div{border-radius:22px;background:linear-gradient(180deg,#fff,#F3FBFC);box-shadow:0 1px 0 var(--bb-line),var(--bb-shadow)}
.bb-why__n{color:var(--bb-aqua)}
.bb-cta{background:radial-gradient(50% 80% at 50% 0%,rgba(255,200,61,.35),transparent 70%),linear-gradient(160deg,#00B4C6,#0077B6 60%,#035A7A)}
.bb-cta p{color:#EAF8FB}

/* Page header: ocean band with wave */
.bb-pagehead{position:relative;background:linear-gradient(160deg,#00B4C6 0%,#0077B6 55%,#035A7A 100%);padding:56px 0 86px}
.bb-pagehead::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:48px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48' preserveAspectRatio='none'%3E%3Cpath d='M0 26c160-18 320-22 480-10s320 28 480 22 320-26 480-24v34H0z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat bottom/100% 100%}
.bb-pagehead h1{font-weight:800;letter-spacing:-.03em}
.bb-pagehead .bb-crumbs,.bb-pagehead .bb-crumbs a{color:#D5F3F6}
.bb-prose h2{color:#04364A}
.bb-prose a{color:#0077B6;font-weight:500}

/* Cards & components (plugin) */
.bb-card{border-radius:22px;box-shadow:0 1px 0 var(--bb-line),0 14px 36px rgba(3,90,122,.09)}
.bb-card:hover{box-shadow:0 1px 0 var(--bb-line),0 22px 48px rgba(3,90,122,.18)}
.bb-card__title{font-family:'Outfit',sans-serif;font-weight:600;letter-spacing:-.01em}
.bb-price strong{color:#0077B6;font-family:'Outfit',sans-serif}
.bb-rating svg{color:#FFB703}
.bb-badge{color:#007A5E}
.bb-badge--gold{color:#8A5A00;background:#FFF4D1}
.bb-cat{border-radius:20px;background:linear-gradient(160deg,#00B4C6,#035A7A)}
.bb-cat::after{background:linear-gradient(180deg,rgba(3,62,88,0) 30%,rgba(3,62,88,.82))}
.bb-cat__icon{color:var(--bb-gold)}
.bb-filters{border-radius:22px;box-shadow:0 14px 36px rgba(3,90,122,.10)}
.bb-notice{background:var(--bb-aqua-soft)}
.bb-local{background:linear-gradient(135deg,#035A7A,#0077B6)}
.bb-local strong{color:var(--bb-gold)}
.bb-local__avatar,.bb-wa__avatar{background:var(--bb-gold);color:#04364A;font-family:'Outfit',sans-serif}
.bb-sec h2,.bb-exp__head h1{font-family:'Outfit',sans-serif;font-weight:700;color:#04364A}
.bb-book__card{border-radius:24px;box-shadow:0 1px 0 var(--bb-line),0 24px 60px rgba(3,90,122,.16)}
.bb-book__price strong{color:#0077B6;font-family:'Outfit',sans-serif}
.bb-timeline li::before{background:var(--bb-aqua)}
.bb-faq summary::after{color:#0077B6}
.bb-gallery{border-radius:24px}
.bb-wa__head{background:linear-gradient(135deg,#035A7A,#0077B6)}

/* Footer: deep ocean */
.bb-footer{background:linear-gradient(180deg,#035A7A,#023E58);color:#BFE3EA}
.bb-footer a{color:#FFFFFF}
.bb-footer a:hover{color:var(--bb-gold)}
.bb-footer__h{color:var(--bb-gold)}
.bb-footer__base{border-top-color:rgba(255,255,255,.14)}
.bb-footer .bb-news input{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28)}

/* Mobile app bar */
@media (max-width:900px){
  .bb-tabbar{background:rgba(255,255,255,.94);border-top-color:#DDEFF2}
  .bb-tabbar [aria-current=page]{color:#0077B6}
  .bb-tabbar [aria-current=page] svg{color:#0077B6}
  .bb-hero::after{height:40px}
  .bb-hero__credit{bottom:46px}
  .bb-pagehead{padding:32px 0 58px}
}

/* Menu bar: white-sand */
.bb-header,.bb-header--over,.bb-header--over.is-scrolled{background:rgba(244,232,210,.94);backdrop-filter:saturate(1.3) blur(14px);-webkit-backdrop-filter:saturate(1.3) blur(14px);border-bottom:1px solid rgba(166,128,70,.18)}
.bb-header.is-scrolled{box-shadow:0 8px 26px rgba(120,90,40,.12)}
.bb-header--over .bb-menu a,.bb-header--over .bb-icon-btn,.bb-menu a,.bb-icon-btn{color:#04364A}
.bb-icon-btn:hover{background:rgba(4,54,74,.07)}
.bb-sheet__panel{background:#F6ECDA}
.bb-sheet__menu a{color:#04364A;border-bottom-color:rgba(166,128,70,.22);font-family:'Outfit',sans-serif;font-weight:600}
.bb-sheet__search input{border-color:rgba(166,128,70,.3)}
@media (max-width:900px){
  .bb-tabbar{background:rgba(246,236,218,.97);border-top:1px solid rgba(166,128,70,.22)}
  .bb-tabbar a,.bb-tabbar button{color:#5E6F72}
}

/* Polish */
.bb-prose .bb-card__title{margin:0;font-size:17px;line-height:1.35}
.bb-prose .bb-card__title a{color:#10303D;font-weight:600;text-decoration:none}
.bb-prose .bb-card a.bb-btn{color:#fff}
.bb-prose .bb-cat{color:#fff}
.bb-eyebrow{line-height:1.5}
@media (max-width:600px){.admin-bar .bb-header--over{top:0}}
@media (max-width:900px){.bb-prose{font-size:16px}}

.bb-hero{overflow:visible}.bb-hero__img{clip-path:inset(0)}.bb-hero{isolation:isolate}
.bb-hero__search{position:relative;z-index:20}
.bb-section:first-of-type{position:relative;z-index:1}

.bb-cta__btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.bb-hero{position:relative;z-index:30}
.bb-section:first-of-type{z-index:auto}