:root{--ink:#20231f;--pine:#303832;--sage:#9b9f93;--sea:#829493;--sand:#e6ded1;--cream:#f3efe6;--paper:#faf8f3;--white:#fff;--gold:#a58e6d;--muted:#74766f;--line:rgba(32,35,31,.13);--shadow:0 28px 90px rgba(25,29,25,.11);--display:"Inter Tight","Helvetica Neue",Helvetica,Arial,sans-serif;--serif:"Newsreader","Iowan Old Style","Baskerville",serif;--sans:"Manrope","Inter",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-weight:400;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.shell{width:min(1240px,calc(100% - 44px));margin:auto}.nav{position:sticky;top:0;z-index:80;background:rgba(247,244,237,.93);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;gap:11px;align-items:center}.brand-mark{width:40px;height:40px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-size:.85rem}.brand strong{display:block;font-family:var(--display);font-size:1.42rem;font-weight:500;line-height:1}.brand small{display:block;font-size:.55rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:4px}.nav-links{display:flex;gap:23px;font-size:.69rem;letter-spacing:.09em;text-transform:uppercase}.nav-links a{opacity:.78}.nav-links a:hover{opacity:1}.nav-actions{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 18px;border:1px solid var(--ink);font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;font-weight:600}.btn-dark{background:var(--ink);color:#fff}.btn-light{background:#fff;color:var(--ink);border-color:#fff}.search-open,.menu-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:transparent;font-size:1.1rem;cursor:pointer}.menu-btn{display:none}.eyebrow{font-size:.65rem;text-transform:uppercase;letter-spacing:.19em;font-weight:600;color:var(--pine)}.eyebrow.light{color:#d8e2dd}.home-hero{min-height:790px;position:relative;display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:#223a35}.home-hero .media,.visual-hero:before{position:absolute;inset:0;background-size:cover;background-position:center}.home-hero .media{background-image:linear-gradient(180deg,rgba(8,24,21,.08),rgba(8,24,21,.7)),var(--hero)}.home-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 18%,transparent,rgba(12,31,27,.22) 65%)}.home-copy{position:relative;z-index:2;padding:145px 0 65px;display:grid;grid-template-columns:1.35fr .65fr;gap:80px;align-items:end}.home-copy h1,.visual-hero h1{font-family:var(--display);font-weight:400;letter-spacing:-.055em;line-height:.82;margin:12px 0 25px}.home-copy h1{font-size:clamp(4.8rem,10vw,9.4rem);max-width:920px}.home-copy h1 em{display:block;font-weight:400}.home-copy p{font-size:1.06rem;max-width:660px;color:rgba(255,255,255,.86)}.hero-chips{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0}.hero-chips a{padding:9px 13px;border:1px solid rgba(255,255,255,.35);border-radius:999px;font-size:.65rem;text-transform:uppercase;letter-spacing:.09em}.hero-note{border-left:1px solid rgba(255,255,255,.35);padding-left:24px;font-size:.78rem;color:rgba(255,255,255,.7)}.hero-note b{display:block;color:#fff;font-family:var(--display);font-size:1.6rem;font-weight:400;margin-bottom:8px}.search-strip{background:var(--ink);color:#fff;padding:22px 0}.finder{display:grid;grid-template-columns:1.25fr 1fr 1fr auto;gap:10px}.finder label{border:1px solid rgba(255,255,255,.17);border-radius:15px;padding:10px 13px}.finder span{display:block;font-size:.56rem;text-transform:uppercase;letter-spacing:.13em;color:rgba(255,255,255,.55)}.finder select{width:100%;background:transparent;border:0;color:#fff;font:inherit;outline:0}.finder option{color:#111}.finder button{border:0;border-radius:15px;background:var(--sand);color:var(--ink);padding:0 24px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.trust{background:#fff;border-bottom:1px solid var(--line)}.trust .shell{display:grid;grid-template-columns:repeat(4,1fr)}.trust div>div{padding:22px;border-right:1px solid var(--line)}.trust div>div:last-child{border-right:0}.trust b{font-family:var(--display);font-size:1.35rem;font-weight:500;display:block}.trust span{font-size:.72rem;color:var(--muted)}.section{padding:96px 0}.section.white{background:#fff}.section.dark{background:var(--ink);color:#fff}.section-head{display:grid;grid-template-columns:.6fr 1.4fr;gap:60px;align-items:start;margin-bottom:44px}.section-head h2,.article h2{font-family:var(--display);font-size:clamp(3rem,5.5vw,5.4rem);font-weight:400;line-height:.93;letter-spacing:-.045em;margin:0}.section-head p{max-width:700px;color:var(--muted);margin:10px 0 0}.dark .section-head p{color:rgba(255,255,255,.65)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:.25s;display:flex;flex-direction:column}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card-media{height:210px;background-size:cover;background-position:center}.card-body{padding:22px;display:flex;flex-direction:column;flex:1}.card h3{font-family:var(--display);font-weight:500;font-size:2rem;line-height:1;margin:8px 0 12px}.card p{font-size:.82rem;color:var(--muted);margin:0 0 18px}.card .link-arrow{margin-top:auto}.meta{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 15px}.tag{font-size:.56rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);padding:6px 8px;border-radius:999px}.link-arrow{font-size:.63rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600}.link-arrow:after{content:' →'}.category-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.cat{position:relative;min-height:330px;border-radius:24px;overflow:hidden;color:#fff;background:#2d4b44}.cat:nth-child(1),.cat:nth-child(2){grid-column:span 6;min-height:440px}.cat:nth-child(n+3){grid-column:span 4}.cat .bg{position:absolute;inset:0;background-size:cover;background-position:center}.cat:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(12,32,27,.82))}.cat .copy{position:absolute;z-index:2;left:24px;right:24px;bottom:22px}.cat h3{font-family:var(--display);font-size:2.5rem;font-weight:400;line-height:.95;margin:7px 0}.cat p{font-size:.77rem;color:rgba(255,255,255,.78);max-width:410px}.answer-box{background:var(--sand);border-radius:22px;padding:24px 28px;display:grid;grid-template-columns:1.35fr .65fr;gap:40px;margin:0 0 38px}.answer-label{font-size:.58rem;letter-spacing:.13em;text-transform:uppercase;font-weight:700}.answer-box p{font-family:var(--display);font-size:1.7rem!important;line-height:1.2!important;color:var(--ink)!important;margin:6px 0!important}.answer-box ul{margin:0;padding-left:18px;font-size:.76rem;color:var(--muted)}.visual-hero{position:relative;min-height:540px;background:#29423c;color:#fff;overflow:hidden}.visual-hero:before{content:"";background-image:linear-gradient(90deg,rgba(13,34,29,.82),rgba(13,34,29,.3)),var(--hero)}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.18))}.hero-grid{position:relative;z-index:2;min-height:540px;display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:end;padding:120px 0 55px}.visual-hero h1{font-size:clamp(4rem,7vw,7.3rem);max-width:900px}.visual-hero p{max-width:680px;color:rgba(255,255,255,.82);font-size:1rem}.breadcrumbs{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.66);margin-bottom:20px}.breadcrumbs a{color:inherit}.breadcrumbs span{margin:0 7px}.hero-side{display:flex;align-items:flex-end;justify-content:flex-end}.verified{border-left:1px solid rgba(255,255,255,.35);padding-left:20px;max-width:260px}.verified>span{display:inline-block;width:9px;height:9px;background:#c8ddd4;border-radius:50%;margin-right:6px}.verified b{font-size:.67rem;text-transform:uppercase;letter-spacing:.08em}.verified p{font-size:.72rem;margin:8px 0 0}.content{padding:80px 0}.article-layout{display:grid;grid-template-columns:250px minmax(0,820px);gap:70px;justify-content:center}.toc{position:sticky;top:105px;align-self:start;border-top:1px solid var(--line);padding-top:16px}.toc b{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em}.toc a{display:block;font-size:.72rem;color:var(--muted);margin:11px 0}.article{max-width:820px}.article h2{font-size:3.5rem;margin:58px 0 18px}.article h3{font-family:var(--display);font-size:2.2rem;font-weight:500;line-height:1.05;margin:35px 0 12px}.article p,.article li{color:#5e6f68;font-size:.94rem}.article .lead{font-family:var(--display);font-size:1.7rem;line-height:1.3;color:var(--ink)}.article ul{padding-left:19px}.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:26px 0}.fact{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.fact small{display:block;font-size:.57rem;text-transform:uppercase;letter-spacing:.11em;color:var(--muted)}.fact b{display:block;margin-top:5px;font-size:.9rem}.source-box{border:1px solid var(--line);border-radius:18px;padding:20px;margin:30px 0;background:#fff}.source-box b{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:.11em}.source-box p{font-size:.76rem;margin:7px 0}.source-box a{text-decoration:underline}.source-box small{color:var(--muted)}.callout{border-left:3px solid var(--gold);padding:16px 20px;background:#f2ede3;margin:26px 0;border-radius:0 14px 14px 0}.callout b{font-family:var(--display);font-size:1.35rem}.faq{border-top:1px solid var(--line);margin-top:20px}.faq details{border-bottom:1px solid var(--line);padding:16px 0}.faq summary{cursor:pointer;font-family:var(--display);font-size:1.4rem}.faq p{padding-right:25px}.related{background:#fff;padding:74px 0;border-top:1px solid var(--line)}.related h2{font-family:var(--display);font-weight:400;font-size:3.2rem;margin:0 0 30px}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.pill{display:inline-block;border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 12px;font-size:.64rem;letter-spacing:.07em;text-transform:uppercase}.property-hero-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin:26px 0}.property-hero-facts div{background:#fff;padding:18px}.property-hero-facts small{display:block;color:var(--muted);font-size:.56rem;text-transform:uppercase;letter-spacing:.1em}.property-hero-facts b{font-size:.77rem}.rankless{background:var(--ink);color:#fff;border-radius:26px;padding:34px;margin:34px 0}.rankless h3{font-size:2rem;margin:0 0 10px}.rankless p{color:rgba(255,255,255,.7);margin:0}.footer{background:#0f2420;color:#dce4e0;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,.75fr);gap:45px}.footer h4{font-size:.6rem;letter-spacing:.13em;text-transform:uppercase;color:#8fa49b}.footer a{display:block;font-size:.76rem;margin:8px 0}.footer-copy{font-size:.74rem;color:#8ea097;max-width:430px}.footer-brand small{color:#8ea097}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:45px;padding-top:18px;font-size:.62rem;color:#81958b;display:flex;justify-content:space-between;gap:20px}.search-modal{position:fixed;inset:0;background:rgba(10,24,21,.82);z-index:120;display:none;padding:9vh 20px}.search-modal.open{display:block}.search-panel{background:var(--cream);max-width:850px;margin:auto;border-radius:28px;padding:38px;position:relative;max-height:82vh;overflow:auto}.search-panel h2{font-family:var(--display);font-weight:400;font-size:3rem;margin:5px 0 18px}.search-close{position:absolute;right:20px;top:20px;border:0;background:transparent;font-size:2rem}.search-panel input{width:100%;border:1px solid var(--line);border-radius:15px;padding:17px;font:inherit;background:#fff}.search-results a{display:block;padding:14px 0;border-bottom:1px solid var(--line)}.search-results b{display:block;font-family:var(--display);font-size:1.35rem}.search-results span{font-size:.72rem;color:var(--muted)}.search-results p{font-size:.8rem;color:var(--muted)}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:28px 0}.stat{border-top:1px solid var(--line);padding-top:14px}.stat strong{font-family:var(--display);font-size:2.4rem;font-weight:400;display:block}.stat span{font-size:.62rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.notice{background:#fff;border:1px solid var(--line);padding:16px 18px;border-radius:14px;font-size:.72rem;color:var(--muted)}
@media(max-width:1000px){.nav-links{display:none}.menu-btn{display:block}.nav.open .nav-links{display:flex;position:absolute;top:78px;left:0;right:0;background:var(--cream);padding:24px;flex-direction:column;border-bottom:1px solid var(--line)}.home-copy,.hero-grid,.section-head,.article-layout{grid-template-columns:1fr}.hero-side{justify-content:flex-start}.finder{grid-template-columns:1fr 1fr}.grid-4{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr}.category-grid .cat{grid-column:span 6!important}.toc{position:static}.answer-box{grid-template-columns:1fr}.property-hero-facts{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}}
@media(max-width:680px){.shell{width:min(100% - 28px,1240px)}.nav-inner{height:68px}.brand small{display:none}.nav-actions .btn{display:none}.home-hero{min-height:720px}.home-copy{padding:110px 0 38px}.home-copy h1{font-size:clamp(4rem,20vw,6.2rem)}.hero-note{display:none}.finder{grid-template-columns:1fr}.finder button{min-height:56px}.trust .shell{grid-template-columns:1fr 1fr}.trust div>div{padding:16px 10px}.section{padding:70px 0}.grid-3,.grid-4{grid-template-columns:1fr}.category-grid{display:block}.cat{min-height:340px!important;margin-bottom:12px}.visual-hero,.hero-grid{min-height:480px}.hero-grid{padding:90px 0 42px}.visual-hero h1{font-size:clamp(3.6rem,17vw,5.7rem)}.content{padding:55px 0}.article h2{font-size:3rem}.facts,.property-hero-facts,.stats-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{display:block}.search-panel{padding:28px 20px}.search-panel h2{font-size:2.3rem}}


/* 2026 Ultra-premium editorial typography system */
body{font-weight:300;letter-spacing:-.006em}
.brand strong{font-family:var(--display);font-weight:400;font-size:1.34rem;letter-spacing:-.035em}
.brand-mark{font-family:var(--display);font-weight:400;letter-spacing:-.03em}
.nav-links,.btn,.eyebrow,.hero-chips a,.finder span,.tag,.link-arrow,.breadcrumbs,.footer h4{font-family:var(--sans)}
.nav-links{font-weight:500;letter-spacing:.12em}
.eyebrow{font-weight:500;letter-spacing:.235em}
.home-hero{min-height:820px}
.home-hero .media{
  background-image:
    linear-gradient(180deg,rgba(6,20,18,.04) 5%,rgba(6,20,18,.16) 44%,rgba(6,20,18,.79) 100%),
    radial-gradient(ellipse at 76% 18%,rgba(225,236,229,.22),transparent 34%),
    radial-gradient(ellipse at 76% 78%,rgba(84,130,120,.34),transparent 42%),
    var(--hero);
  background-color:#24413b;
}
.home-copy{padding:155px 0 72px;grid-template-columns:1.55fr .45fr;gap:70px}
.home-copy h1,.visual-hero h1{
  font-family:var(--display);font-weight:400;letter-spacing:-.055em;line-height:.79;
  text-rendering:geometricPrecision;text-wrap:balance;
}
.home-copy h1{font-size:clamp(5.7rem,10.8vw,10.5rem);max-width:1050px;margin:16px 0 28px}
.home-copy h1 em{display:block;font-style:normal;font-weight:400;font-size:.61em;line-height:.96;letter-spacing:-.04em;margin:.13em 0 0 .94em;white-space:nowrap}
.home-copy p{font-weight:300;font-size:1rem;line-height:1.75;max-width:600px;letter-spacing:.004em}
.hero-note{font-weight:300;line-height:1.75}
.hero-note b{font-family:var(--display);font-weight:400;font-size:1.75rem;line-height:1.08;letter-spacing:-.025em}
.hero-chips a{font-weight:500;letter-spacing:.115em}
.section{padding:112px 0}
.section-head{grid-template-columns:.48fr 1.52fr;gap:74px;margin-bottom:54px}
.section-head h2,.article h2{font-family:var(--display);font-weight:400;letter-spacing:-.05em;line-height:.88}
.section-head h2{font-size:clamp(3.7rem,6.1vw,6.25rem);max-width:900px}
.section-head p{font-weight:300;line-height:1.8;max-width:650px}
.card h3{font-family:var(--display);font-weight:400;font-size:2.15rem;line-height:.96;letter-spacing:-.035em}
.cat h3{font-family:var(--display);font-weight:400;font-size:2.75rem;letter-spacing:-.045em;line-height:.9}
.trust b{font-family:var(--display);font-weight:400;letter-spacing:-.03em;font-size:1.45rem}
.answer-box p,.article .lead,.faq summary,.related h2,.stat strong{font-family:var(--display);font-weight:400;letter-spacing:-.035em}
.visual-hero h1{font-size:clamp(4.8rem,8vw,8.4rem)}
.article h2{font-size:4rem}
.article h3{font-family:var(--display);font-weight:400;letter-spacing:-.035em}
.search-panel h2{font-family:var(--display);font-weight:400;letter-spacing:-.04em}
.rankless h3{font-family:var(--display);font-weight:400;letter-spacing:-.035em}
@media(max-width:1000px){
  .home-copy{grid-template-columns:1fr;gap:40px}
  .home-copy h1 em{margin-left:.55em}
}
@media(max-width:680px){
  .home-hero{min-height:735px}
  .home-copy{padding:116px 0 42px}
  .home-copy h1{font-size:clamp(4.25rem,20vw,6.4rem);line-height:.8;letter-spacing:-.06em}
  .home-copy h1 em{font-size:.58em;margin:.16em 0 0 .4em;white-space:normal}
  .section{padding:78px 0}
  .section-head h2{font-size:clamp(3.15rem,14vw,4.7rem)}
  .visual-hero h1{font-size:clamp(4rem,17vw,6rem)}
}


/* 2026 Croatia Wellness — quiet-luxury visual refinement */
body{background:var(--cream);color:var(--ink);font-weight:300}
.nav{background:rgba(243,239,230,.92);border-bottom-color:rgba(32,35,31,.10)}
.brand-mark{border-color:rgba(32,35,31,.72);font-family:var(--display);font-weight:300}
.brand strong{font-family:var(--display);font-weight:300;letter-spacing:.075em;text-transform:uppercase;font-size:1.08rem}
.brand small{letter-spacing:.14em;font-weight:400}
.nav-links{font-weight:400;letter-spacing:.14em}
.btn{font-weight:500;letter-spacing:.13em}
.btn-dark{background:var(--ink);border-color:var(--ink)}
.eyebrow{color:#4e5851;font-weight:500;letter-spacing:.25em}
.eyebrow.light{color:rgba(248,245,237,.82)}

/* Thin modern editorial titles, inspired by the supplied reference */
.home-copy h1,.visual-hero h1,.section-head h2,.article h2,.article h3,.card h3,.cat h3,.related h2,.search-panel h2,.rankless h3{
  font-family:var(--display);font-weight:200;font-style:normal;letter-spacing:-.052em;text-rendering:geometricPrecision;
}
.home-copy h1{font-size:clamp(5.4rem,10.5vw,10.1rem);line-height:.82;max-width:1040px}
.home-copy h1 em{font-family:var(--display);font-weight:200;font-style:normal;font-size:.62em;letter-spacing:-.045em;line-height:.98;margin:.13em 0 0 .82em}
.section-head h2{font-size:clamp(3.6rem,6vw,6.1rem);line-height:.94;max-width:930px}
.card h3{font-size:2.05rem;line-height:1.02}
.cat h3{font-size:2.65rem;line-height:.96}
.visual-hero h1{font-size:clamp(4.5rem,7.8vw,8.2rem);line-height:.88}
.article h2{font-size:3.85rem;line-height:.94}
.article h3{font-size:2.1rem;line-height:1}

/* Editorial serif accent only where long-form warmth helps */
.hero-note b,.answer-box p,.article .lead,.faq summary,.trust b,.stat strong{
  font-family:var(--serif);font-weight:300;letter-spacing:-.026em;
}
.hero-note b{font-size:1.8rem}
.article .lead{font-size:1.82rem;line-height:1.32}

/* A quieter, warmer luxury palette */
.search-strip{background:#242925}
.section.dark{background:#242925}
.footer{background:#171b18;color:#e9e5dc}
.finder button{background:#e8dfd1;color:#242925}
.answer-box{background:#e8e0d4}
.callout{background:#ebe4d9;border-left-color:#a58e6d}
.card,.fact,.source-box,.pill,.related,.trust{background:var(--paper)}

/* Homepage photographic gallery */
.home-hero{min-height:840px;background:#222823}
.home-hero .media{background:none;position:absolute;inset:0;overflow:hidden}
.home-hero .media .hero-photo{position:absolute;inset:-2%;background-size:cover;background-position:center;opacity:0;transform:scale(1.025);animation:croatiaHeroFade 28s infinite ease-in-out}
.home-hero .media .hero-photo:nth-child(1){animation-delay:0s}
.home-hero .media .hero-photo:nth-child(2){animation-delay:7s}
.home-hero .media .hero-photo:nth-child(3){animation-delay:14s}
.home-hero .media .hero-photo:nth-child(4){animation-delay:21s}
.home-hero .media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,20,17,.10) 0%,rgba(16,20,17,.16) 35%,rgba(16,20,17,.78) 100%),linear-gradient(90deg,rgba(20,24,21,.28),transparent 58%)}
.home-hero:after{background:radial-gradient(circle at 82% 20%,transparent,rgba(16,20,17,.16) 66%)}
@keyframes croatiaHeroFade{0%{opacity:0;transform:scale(1.04)}5%{opacity:1}23%{opacity:1;transform:scale(1)}30%{opacity:0}100%{opacity:0}}
.home-copy{padding:168px 0 70px}
.home-copy p{max-width:620px;color:rgba(250,247,240,.85)}
.hero-chips a{border-color:rgba(250,247,240,.28);backdrop-filter:blur(5px);background:rgba(24,28,25,.10)}
.btn-light{background:#f1ede4;color:#20231f;border-color:#f1ede4}
.hero-note{color:rgba(250,247,240,.72);border-left-color:rgba(250,247,240,.30)}

/* Softer cards and image treatment */
.card{border-radius:18px;border-color:rgba(32,35,31,.10)}
.cat{border-radius:20px}
.card-media,.cat .bg{filter:saturate(.86) contrast(.97)}
.cat:after{background:linear-gradient(180deg,rgba(20,24,21,.02) 15%,rgba(20,24,21,.78) 100%)}
.visual-hero:before{filter:saturate(.88) contrast(.98);background-image:linear-gradient(90deg,rgba(25,29,26,.76),rgba(25,29,26,.18)),var(--hero)}

@media(max-width:680px){
 .home-hero{min-height:760px}
 .home-copy h1{font-size:clamp(4.15rem,19vw,6.2rem);line-height:.84}
 .home-copy h1 em{font-size:.6em;margin-left:.32em}
 .section-head h2{font-size:clamp(3.05rem,13.8vw,4.6rem);line-height:.95}
 .brand strong{font-size:.96rem}
}
@media (prefers-reduced-motion:reduce){.home-hero .media .hero-photo{animation:none;opacity:0}.home-hero .media .hero-photo:first-child{opacity:1;transform:none}}

/* ==============================================================
   CROATIA WELLNESS — APPROVED ADRIATIC BLUE ART DIRECTION
   Matches the approved homepage mockup: airy, pale-blue, editorial,
   ultra-thin display type, bright coastal photography.
   ============================================================== */
:root{
  --ink:#17324a;
  --ink-soft:#365b76;
  --blue:#76a7c8;
  --blue-deep:#5d8fb2;
  --blue-dark:#466f90;
  --sky:#dcecf5;
  --sky-2:#e9f4f9;
  --ice:#f4f9fc;
  --mist:#edf6fa;
  --sand:#f2f0ea;
  --cream:#f6fafc;
  --paper:#ffffff;
  --white:#ffffff;
  --gold:#a79b89;
  --muted:#6d8494;
  --pine:#365f73;
  --sea:#8cb9d3;
  --line:rgba(54,98,128,.17);
  --shadow:0 30px 90px rgba(64,111,143,.13);
  --display:"Inter Tight","Inter","Helvetica Neue",Arial,sans-serif;
  --serif:"Newsreader","Iowan Old Style","Baskerville",serif;
  --sans:"Manrope","Inter",Arial,sans-serif;
}
html{background:var(--ice)}
body{background:var(--ice);color:var(--ink);font-weight:300}
.shell{width:min(1280px,calc(100% - 64px))}

/* Navigation */
.nav{background:rgba(250,253,255,.95);border-bottom:1px solid rgba(59,104,135,.12);backdrop-filter:blur(22px)}
.nav-inner{height:92px}
.brand{gap:13px}
.brand-mark{width:46px;height:46px;border-color:#6d94ad;color:var(--ink);font-family:var(--serif);font-weight:400;font-size:.9rem;background:rgba(255,255,255,.64)}
.brand strong{font-family:var(--serif);font-size:1.55rem;font-weight:300;letter-spacing:-.035em;text-transform:none;color:var(--ink);line-height:.96}
.brand small{font-size:.51rem;letter-spacing:.14em;color:#7f99aa;margin-top:6px}
.nav-links{gap:27px;font-size:.67rem;font-weight:500;letter-spacing:.14em;color:#4b718a}
.nav-links a{opacity:.91}
.search-open{width:44px;height:44px;border-color:rgba(73,119,150,.24);color:#305875;background:#f8fcfe}
.btn-dark{background:var(--blue-deep);border-color:var(--blue-deep);color:#fff;min-height:58px;padding:0 34px;border-radius:40px;font-size:.66rem;letter-spacing:.14em}

/* Approved homepage hero */
.home-hero{min-height:720px;display:flex;align-items:flex-end;color:var(--ink);background:#dcecf5;overflow:hidden}
.home-hero .media{position:absolute;inset:0;background:none;overflow:hidden}
.home-hero .media .hero-photo{position:absolute;inset:0;opacity:1;transform:none;animation:none;background-image:url('/assets/img/croatia-wellness-hero.webp')!important;background-size:cover;background-position:center 51%;filter:saturate(.92) contrast(.94) brightness(1.05)}
.home-hero .media .hero-photo:not(:first-child){display:none}
.home-hero .media:after{content:"";position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(246,251,254,.97) 0%,rgba(239,248,252,.90) 23%,rgba(232,245,251,.58) 48%,rgba(224,241,249,.15) 71%,rgba(223,240,248,.03) 100%),
  linear-gradient(180deg,rgba(243,250,253,.08) 0%,rgba(239,248,252,.05) 60%,rgba(236,247,251,.20) 100%)}
.home-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 75%,rgba(230,243,249,.15) 100%);pointer-events:none}
.home-copy{position:relative;z-index:2;padding:118px 0 54px;grid-template-columns:minmax(0,1.7fr) minmax(270px,.58fr);gap:58px;align-items:center}
.home-copy .eyebrow.light{color:#2d5874;font-weight:600;letter-spacing:.23em}
.home-copy h1{font-family:var(--display);font-size:clamp(5.35rem,8.35vw,8.35rem);font-weight:200;line-height:.82;letter-spacing:-.066em;color:#10293d;max-width:850px;margin:18px 0 26px;text-wrap:balance}
.home-copy h1 em{font-family:var(--display);font-weight:200;font-style:normal;font-size:.67em;line-height:.97;letter-spacing:-.06em;margin:.13em 0 0 .58em;white-space:nowrap;color:#17354c}
.home-copy p{color:#55778e;font-size:.97rem;line-height:1.7;max-width:690px;font-weight:300}
.hero-chips{gap:10px;margin:28px 0}
.hero-chips a{padding:10px 18px;border:1px solid rgba(73,126,160,.54);color:#315f7d;background:rgba(245,251,254,.45);backdrop-filter:blur(5px);font-size:.62rem;letter-spacing:.12em;font-weight:600}
.home-copy .btn-light{display:flex;width:min(100%,760px);min-height:48px;background:rgba(255,255,255,.93);border-color:rgba(255,255,255,.93);color:#254f6b;box-shadow:0 8px 30px rgba(68,111,140,.08);position:relative}
.home-copy .btn-light:after{content:"→";position:absolute;right:28px;font-size:1.1rem;color:#5d8fb2}
.hero-note{border-left:1px solid rgba(73,126,160,.58);padding:4px 0 4px 26px;color:#55778e;font-size:.77rem;line-height:1.72;max-width:310px}
.hero-note b{display:block;font-family:var(--serif);font-size:1.78rem;line-height:1.08;font-weight:300;color:#244d69;margin:0 0 12px;letter-spacing:-.025em}

/* Finder strip under hero */
.search-strip{background:linear-gradient(90deg,#dcecf5,#e7f3f8);color:var(--ink);padding:18px 0 20px;border-top:1px solid rgba(255,255,255,.6);border-bottom:1px solid rgba(82,126,154,.12)}
.finder{grid-template-columns:1.2fr 1fr 1fr .88fr;gap:11px}
.finder label{border:1px solid rgba(70,120,153,.28);border-radius:14px;padding:8px 17px;background:rgba(255,255,255,.22);min-height:72px;display:flex;flex-direction:column;justify-content:center}
.finder span{color:#6f95ac;font-size:.53rem;font-weight:600;letter-spacing:.12em}
.finder select{color:#274f69;font-size:.87rem;font-weight:400;padding-top:3px}
.finder button{border-radius:14px;background:#5d8fb2;color:#fff;min-height:72px;padding:0 24px;font-size:.65rem;letter-spacing:.13em;font-weight:600}

/* Trust strip */
.trust{background:#fff;border-bottom:1px solid rgba(55,99,129,.11)}
.trust .shell{grid-template-columns:repeat(4,1fr)}
.trust div>div{padding:24px 28px;border-right:1px solid rgba(55,99,129,.12)}
.trust b{font-family:var(--serif);color:#254a64;font-size:1.38rem;font-weight:300;letter-spacing:-.02em}
.trust span{color:#7893a5;font-size:.63rem;text-transform:uppercase;letter-spacing:.085em}

/* Global section system */
.section{background:#f6fafc;padding:108px 0}
.section.white{background:#fff}
.section.dark{background:linear-gradient(145deg,#d7ebf5 0%,#eaf5f9 55%,#f7fbfd 100%);color:var(--ink)}
.section-head h2,.article h2,.article h3,.card h3,.cat h3,.related h2,.search-panel h2,.rankless h3{color:#18374e}
.section-head h2{font-size:clamp(3.55rem,5.8vw,5.95rem);line-height:.91}
.section-head p{color:#6f8797}
.dark .section-head p{color:#668296}
.dark .eyebrow.light{color:#4c7893}
.eyebrow{color:#51778e}
.card,.fact,.source-box,.pill,.related{background:#fff;border-color:rgba(67,112,142,.12)}
.card:hover{box-shadow:0 28px 80px rgba(69,115,145,.13)}
.card p,.article p,.article li{color:#688091}
.card h3{color:#234861}
.card-media,.cat .bg{filter:saturate(.88) contrast(.95) brightness(1.02)}
.tag{color:#52758c;border-color:rgba(78,119,146,.19);background:#f7fbfd}
.link-arrow{color:#4b7692}
.category-grid .cat{background:#dbeaf2}
.cat:after{background:linear-gradient(180deg,rgba(15,50,71,.02) 10%,rgba(18,50,70,.72) 100%)}
.answer-box{background:#e5f1f7;border:1px solid rgba(71,119,151,.11)}
.callout{background:#edf6fa;border-left-color:#7ba8c2}
.rankless{background:#edf6fa!important;border-color:rgba(77,124,155,.14)!important}

/* Internal page heroes: same blue wellness world, stronger overlay for readability */
.visual-hero{background:#6f9db9;color:#fff}
.visual-hero:before{filter:saturate(.82) contrast(.95) brightness(1.05);background-image:linear-gradient(90deg,rgba(24,61,84,.82),rgba(55,111,145,.32)),var(--hero)}
.visual-hero h1{color:#fff}
.visual-hero p{color:rgba(255,255,255,.84)}
.verified{border-left-color:rgba(255,255,255,.42)}
.verified>span{background:#cce9f6}

/* Footer */
.footer{background:linear-gradient(135deg,#7aa7c1 0%,#a8c9da 48%,#d9ebf3 100%);color:#17344a}
.footer a{color:#244f6c}
.footer h4{color:#385f78}
.footer-copy,.footer-bottom{color:#496c82}
.footer .brand-mark{border-color:#406b85;color:#234e69;background:rgba(255,255,255,.20)}
.footer .brand strong{color:#17344a}
.footer .brand small{color:#496f87}

/* Search modal */
.search-modal{background:rgba(26,55,75,.40)}
.search-panel{background:#f7fbfd;color:var(--ink)}
.search-panel input{border-color:rgba(61,106,136,.24);background:#fff;color:var(--ink)}

/* Mobile keeps the same approved art direction */
@media(max-width:1000px){
  .shell{width:min(100% - 42px,1280px)}
  .home-copy{grid-template-columns:1fr;gap:30px;padding:120px 0 46px}
  .hero-note{max-width:520px}
  .finder{grid-template-columns:1fr 1fr}
  .nav.open .nav-links{background:#f8fcfe}
}
@media(max-width:680px){
  .shell{width:min(100% - 28px,1280px)}
  .nav-inner{height:72px}
  .brand-mark{width:38px;height:38px}
  .brand strong{font-size:1.2rem}
  .home-hero{min-height:720px}
  .home-hero .media .hero-photo{background-image:url('/assets/img/croatia-wellness-hero-mobile.webp')!important;background-position:center center;filter:saturate(.88) brightness(1.06)}
  .home-hero .media:after{background:linear-gradient(180deg,rgba(247,252,254,.92) 0%,rgba(240,249,252,.75) 42%,rgba(229,243,249,.30) 67%,rgba(221,239,247,.08) 100%)}
  .home-copy{padding:100px 0 34px;gap:18px;align-items:end}
  .home-copy h1{font-size:clamp(4.1rem,18.5vw,5.8rem);line-height:.82;max-width:100%;margin:12px 0 20px}
  .home-copy h1 em{font-size:.62em;margin:.12em 0 0 .18em;white-space:normal}
  .home-copy p{font-size:.88rem;line-height:1.6}
  .hero-note{display:none}
  .hero-chips{gap:7px;margin:20px 0}
  .hero-chips a{padding:8px 11px;font-size:.56rem}
  .home-copy .btn-light{min-height:46px}
  .finder{grid-template-columns:1fr}
  .finder label,.finder button{min-height:62px}
  .trust .shell{grid-template-columns:1fr 1fr}
  .trust div>div{padding:16px 10px}
  .trust b{font-size:1.1rem}
  .section{padding:76px 0}
  .section-head h2{font-size:clamp(3rem,13vw,4.45rem)}
}

/* ==============================================================
   RESPONSIVE QA PATCH — desktop / tablet / mobile
   Keeps the approved art direction while preventing late cascade
   overrides from reintroducing desktop grid/type rules on mobile.
   ============================================================== */
@media (max-width:1000px){
  .section-head{
    grid-template-columns:minmax(0,1fr);
    gap:20px;
    margin-bottom:40px;
  }
  .section-head>*{min-width:0}
  .nav.open .nav-links{
    top:92px;
    z-index:90;
    max-height:calc(100vh - 92px);
    overflow:auto;
  }
}

@media (max-width:680px){
  .nav.open .nav-links{
    top:72px;
    padding:22px 20px;
    gap:20px;
    max-height:calc(100vh - 72px);
  }
  .section-head{
    grid-template-columns:minmax(0,1fr);
    gap:14px;
    margin-bottom:32px;
  }
  .section-head h2{
    font-size:clamp(2.95rem,13vw,4.2rem);
    line-height:.94;
    max-width:100%;
  }
  .section-head p{max-width:100%;margin-top:0}
  .category-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:12px;
  }
  .category-grid .cat{
    display:block;
    grid-column:1!important;
    width:100%;
    min-height:340px!important;
    margin:0;
  }
  .visual-hero h1{
    font-size:clamp(3.25rem,15vw,4.75rem);
    line-height:.9;
    max-width:100%;
    overflow-wrap:break-word;
  }
  .article h2{
    font-size:clamp(2.55rem,11vw,3.25rem);
    line-height:.96;
  }
  .article h3{
    font-size:clamp(1.8rem,8vw,2.2rem);
    line-height:1.02;
  }
  .related h2{font-size:clamp(2.45rem,10vw,3.1rem);line-height:.98}
  .search-panel h2{font-size:2.3rem;line-height:1}
  .card,.card-body,.article,.content,.grid-3,.grid-4,.footer-grid{min-width:0}
}


/* ==============================================================
   FINAL EDITORIAL + MOBILE QA PATCH
   Visitor-facing copy no longer exposes SEO/AI implementation notes.
   Internal-page heroes and contents navigation remain robust at 320px+.
   ============================================================== */
.hero-grid.hero-grid-single{grid-template-columns:minmax(0,1fr);max-width:1280px}
.hero-grid.hero-grid-single>div:first-child{max-width:1040px}
.visual-hero .hero-grid-single h1{max-width:1040px}
.article p,.article li{overflow-wrap:anywhere}
.property-hero-facts b{overflow-wrap:anywhere;line-height:1.45}
@media(max-width:1000px){
  .hero-grid.hero-grid-single{grid-template-columns:minmax(0,1fr)}
  .article-layout{grid-template-columns:minmax(0,1fr);gap:22px}
  .toc{position:static;display:flex;align-items:center;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;border-top:0;border-bottom:1px solid var(--line);padding:0 0 14px;margin:0 0 20px;scrollbar-width:none}
  .toc::-webkit-scrollbar{display:none}
  .toc b{display:none}
  .toc a{flex:0 0 auto;white-space:nowrap;margin:0;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.72);font-size:.66rem;color:#52758c}
}
@media(max-width:680px){
  .visual-hero{min-height:0;overflow:hidden}
  .visual-hero .hero-grid,.visual-hero .hero-grid.hero-grid-single{display:block;min-height:0;padding:50px 0 42px}
  .breadcrumbs{margin-bottom:14px;white-space:nowrap;overflow-x:auto;scrollbar-width:none}
  .breadcrumbs::-webkit-scrollbar{display:none}
  .visual-hero h1{font-size:clamp(3.15rem,14.3vw,4.55rem);line-height:.93;letter-spacing:-.055em;margin:10px 0 18px;text-wrap:balance;overflow-wrap:normal;word-break:normal}
  .visual-hero p{font-size:.92rem;line-height:1.58;max-width:100%}
  .content{padding:38px 0 58px}
  .article-layout{gap:12px}
  .toc{margin:0 0 24px;padding-bottom:12px}
  .answer-box{padding:20px;border-radius:18px;gap:18px;margin-bottom:30px}
  .answer-box p{font-size:1.5rem!important}
  .article .lead{font-size:1.48rem;line-height:1.34}
  .article h2{margin:46px 0 16px}
  .property-hero-facts{grid-template-columns:1fr 1fr}
  .property-hero-facts div{padding:14px}
}
@media(max-width:390px){
  .property-hero-facts{grid-template-columns:1fr}
  .visual-hero h1{font-size:clamp(3rem,14vw,4rem)}
}