/* Alqvimia Store & Spa, kratki tretmani lander. Brand from alqvimia.hr (Elementor kit 6): sand #ECE5DD ground,
   black type, gold #DDAB73 as the single accent; EB Garamond headlines, Lato body, Open Sans buttons.
   Lato is self-hosted as Lato 2.0 (full Latin-Extended: the Google-served Lato drops č/đ). */
@font-face{font-family:'Lato';font-style:normal;font-weight:300;font-display:swap;src:url('fonts/Lato-Light.woff2') format('woff2')}
@font-face{font-family:'Lato';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/Lato-Regular.woff2') format('woff2')}
@font-face{font-family:'Lato';font-style:italic;font-weight:400;font-display:swap;src:url('fonts/Lato-Italic.woff2') format('woff2')}
@font-face{font-family:'Lato';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/Lato-Bold.woff2') format('woff2')}

:root{
  --sand:#ECE5DD; --sand-2:#F4F0EA; --paper:#FFFFFF; --ink:#000000; --ink-soft:#2B2724; --ink-mute:#5E5751;
  --gold:#DDAB73; --gold-deep:#B98A52; --line:rgba(0,0,0,.12); --line-gold:rgba(221,171,115,.55);
  --serif:'EB Garamond',Georgia,'Times New Roman',serif; --sans:'Lato','Helvetica Neue',Arial,sans-serif; --btn:'Open Sans','Lato',Arial,sans-serif;
  --radius:4px; --wrap:1180px; --track-caps:.22em;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--sand);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6;font-weight:400;overflow-x:clip}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.12;margin:0;text-wrap:balance;letter-spacing:0}
h1{font-size:clamp(2.2rem,5.2vw,4.1rem)}
h2{font-size:clamp(1.85rem,3.4vw,2.7rem);max-width:22ch}
h3{font-size:clamp(1.3rem,1.9vw,1.6rem)}
p{margin:0;text-wrap:pretty}
.wrap{width:min(var(--wrap),100% - 40px);margin-inline:auto}
.eyebrow{display:inline-block;font-family:var(--sans);font-size:.84rem;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--gold-deep);margin-bottom:16px;font-weight:700}
.lead{font-size:1.15rem;line-height:1.6;color:var(--ink-soft);max-width:60ch}
.body-p{color:var(--ink-soft);max-width:62ch}
.body-p+.body-p{margin-top:14px}
.sec{padding:clamp(64px,8vw,110px) 0}
.sec--paper{background:var(--paper)}
.sec--sand{background:var(--sand)}
.sec--sand2{background:var(--sand-2)}
.sec--dark{background:var(--ink);color:var(--sand)}
.sec-head{max-width:78ch;margin-bottom:clamp(30px,4vw,48px)}
.sec-head p{margin-top:14px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--btn);font-weight:600;font-size:.95rem;letter-spacing:.04em;padding:16px 26px;border-radius:var(--radius);border:1px solid transparent;text-decoration:none;cursor:pointer;min-height:52px;transition:background .2s,color .2s,border-color .2s;line-height:1.2;text-align:center}
.btn--gold{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.btn--gold:hover{background:var(--gold-deep);border-color:var(--gold-deep);color:#fff}
.btn--ink{background:var(--ink);color:var(--sand);border-color:var(--ink)}
.btn--ink:hover{background:var(--ink-soft)}
.btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
.btn--ghost:hover{background:rgba(255,255,255,.12);border-color:#fff}
.btn--outline{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn--outline:hover{background:var(--ink);color:var(--sand)}
.btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* topbar */
.topbar{position:fixed;inset:0 0 auto 0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px clamp(16px,3vw,40px);transition:background .25s,box-shadow .25s}
.topbar__logo{display:inline-flex;align-items:center;min-height:44px}
.topbar__logo img{width:min(210px,44vw);height:auto}
.topbar .logo-dark{display:none}
.topbar.is-stuck{background:rgba(236,229,221,.96);box-shadow:0 1px 0 var(--line);backdrop-filter:blur(6px)}
.topbar.is-stuck .logo-light{display:none}
.topbar.is-stuck .logo-dark{display:block}
.topbar__right{display:flex;align-items:center;gap:14px}
.topbar__tel{font-family:var(--sans);font-size:.92rem;display:inline-flex;align-items:center;min-height:44px;text-decoration:none;color:#fff;letter-spacing:.02em;white-space:nowrap}
.topbar.is-stuck .topbar__tel{color:var(--ink)}
.topbar .btn{padding:12px 20px;min-height:44px;font-size:.85rem}
.topbar.is-stuck .btn--ghost{color:var(--ink);border-color:var(--ink)}
.topbar.is-stuck .btn--ghost:hover{background:var(--ink);color:var(--sand)}

/* hero */
.hero{position:relative;min-height:min(92vh,880px);display:grid;align-items:end;color:#fff;background:#1a1512;overflow:hidden;isolation:isolate}
.hero__media{position:absolute;inset:0;z-index:-2}
.hero__media img{width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.hero__scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,.28) 35%,rgba(0,0,0,.74) 100%)}
.hero__inner{width:min(var(--wrap),100% - 40px);margin-inline:auto;padding:clamp(150px,18vw,200px) 0 clamp(48px,6vw,72px)}
.hero h1{max-width:16ch;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.35)}
.hero .eyebrow{color:var(--gold)}
.hero__sub{margin-top:22px;font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.55;max-width:58ch;color:rgba(255,255,255,.92);text-shadow:0 1px 14px rgba(0,0,0,.35)}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hero__trust{margin-top:16px;font-size:.92rem;color:rgba(255,255,255,.8)}
.hero__chips{display:flex;flex-wrap:wrap;gap:0;margin-top:38px;border-top:1px solid rgba(255,255,255,.22);padding-top:20px}
.hero__chip{padding:6px 28px 6px 0;margin-right:28px;border-right:1px solid rgba(255,255,255,.22)}
.hero__chip:last-child{border-right:0;margin-right:0}
.hero__chip b{display:block;font-family:var(--serif);font-weight:500;font-size:1.55rem;color:var(--gold);line-height:1.1}
.hero__chip span{font-size:.88rem;color:rgba(255,255,255,.82)}

/* split */
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,72px);align-items:center}
.split__media img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius)}
.split__media--wide img{aspect-ratio:3/2}
.split--rev .split__media{order:2}

/* form */
.formcard{background:var(--paper);border:1px solid var(--line-gold);border-top:3px solid var(--gold);padding:clamp(24px,3.4vw,40px);border-radius:var(--radius)}
.formcard h2{font-size:clamp(1.6rem,2.6vw,2.1rem)}
.formcard .lead{font-size:1.02rem;margin-top:10px}
.lf{margin-top:22px;display:grid;gap:14px}
.lf label{display:block;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:6px;font-weight:700}
.lf input,.lf select{width:100%;font:inherit;font-size:1rem;padding:14px 14px;border:1px solid rgba(0,0,0,.28);border-radius:var(--radius);background:#fff;color:var(--ink);min-height:50px}
.lf select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}
.lf input:focus,.lf select:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold)}
.lf [aria-invalid="true"]{border-color:#b3261e}
.lf-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lf-consent{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;font-size:.86rem;color:var(--ink-mute);padding:10px;border-radius:var(--radius);border:1px solid transparent}
.lf-consent input{width:18px;height:18px;margin-top:3px;accent-color:var(--gold-deep)}
.lf-consent a{color:var(--ink);text-underline-offset:3px}
.lf-consent.attention{border-color:#b3261e;animation:shake .5s}
@keyframes shake{20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}
.lf .btn{width:100%}
.lf-err{display:none;color:#b3261e;font-size:.9rem}
.lf-err.on{display:block}
.lf-note{font-size:.86rem;color:var(--ink-mute);text-align:center}
.form-alt{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;font-size:.95rem;color:var(--ink-soft)}

/* pain */
.pain{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,40px)}
.pain p{position:relative;padding-top:20px;color:var(--ink-soft);font-size:1.05rem}
.pain p::before{content:"";position:absolute;top:0;left:0;width:36px;height:1px;background:var(--gold)}

/* mechanism */
.mech ol{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:18px}
.mech li{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;color:var(--ink-soft)}
.mech li span{font-family:var(--serif);font-size:1.4rem;color:var(--gold-deep);line-height:1.2;min-width:1.4ch}
.mech li.concede{border-top:1px solid var(--line);padding-top:18px;font-style:italic}

/* treatments */
.tgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.tcard{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:28px 24px 24px;display:flex;flex-direction:column;gap:12px;position:relative}
.tcard--lead{border-color:var(--gold);box-shadow:0 12px 40px rgba(0,0,0,.06)}
.tcard__tag{position:absolute;top:-13px;left:22px;background:var(--gold);color:var(--ink);font-family:var(--sans);font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;padding:5px 10px;border-radius:2px;font-weight:700}
.tcard h3{font-size:1.45rem}
.tcard__meta{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:12px}
.tcard__meta span{font-size:.9rem;color:var(--ink-mute);letter-spacing:.04em}
.tcard__meta b{font-family:var(--serif);font-weight:500;font-size:1.7rem}
.tcard p{font-size:.97rem;color:var(--ink-soft)}
.tcard p em{font-style:normal;font-weight:700;color:var(--ink);display:block;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px}
.tcard .btn{margin-top:auto;padding:12px 16px;min-height:46px;font-size:.85rem}

/* proof */
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:clamp(30px,4vw,48px)}
.quote{background:var(--paper);border-left:2px solid var(--gold);padding:26px 26px 22px;border-radius:0 var(--radius) var(--radius) 0}
.quote p{font-family:var(--serif);font-size:1.45rem;line-height:1.3;font-style:italic;font-weight:500}
.quote span{display:block;margin-top:12px;font-size:.84rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute)}
.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.trust div{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;color:var(--ink-soft);font-size:1rem}
.trust svg{width:22px;height:22px;stroke:var(--gold-deep);fill:none;stroke-width:1.6;margin-top:3px}

/* faq */
.faq{display:grid;gap:10px;max-width:820px}
.faq details{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:0 22px}
.faq summary{cursor:pointer;list-style:none;padding:18px 0;font-family:var(--serif);font-size:1.25rem;font-weight:500;display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--sans);color:var(--gold-deep);font-size:1.4rem;line-height:1}
.faq details[open] summary::after{content:"\2212"}
.faq details p{padding:0 0 20px;color:var(--ink-soft)}

/* final cta */
.final{text-align:center}
.final h2{margin-inline:auto;color:#fff}
.final p{margin:16px auto 0;max-width:52ch;color:rgba(255,255,255,.82)}
.final .hero__cta{justify-content:center}
.final .eyebrow{color:var(--gold)}

/* footer */
.foot{background:#0d0b0a;color:rgba(255,255,255,.78);padding:48px 0 36px;font-size:.9rem}
.foot__top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-bottom:26px;border-bottom:1px solid rgba(255,255,255,.14)}
.foot__top img{width:200px}
.foot__links{display:flex;flex-wrap:wrap;gap:22px}
.foot__links a{color:#fff;text-decoration:none;text-underline-offset:3px;display:inline-flex;align-items:center;min-height:44px}
.foot__links a:hover{text-decoration:underline}
.foot__bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:22px;font-size:.84rem;color:rgba(255,255,255,.6)}

/* sticky mobile bar */
.stickybar{position:fixed;left:0;right:0;bottom:0;z-index:45;display:none;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(236,229,221,.97);border-top:1px solid var(--line);transform:translateY(110%);transition:transform .25s}
.stickybar.on{transform:none}
.stickybar .btn{flex:1;min-height:48px;padding:12px}
.stickybar .btn--call{flex:0 0 48px;padding:0;border-color:var(--ink);color:var(--ink);background:transparent}
.stickybar svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8}

/* reveal: visible by default; the hide is gated behind html.js (progressive enhancement, LEARNED_RULES [reveal]) */
.reveal{opacity:1;transform:none}
.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.js .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}

/* thanks + legal */
.is-thanks .topbar,.is-legal .topbar{position:relative;background:var(--sand)}
.steps{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:18px}
.step{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px}
.step__n{font-family:var(--serif);font-size:1.6rem;color:var(--gold-deep);line-height:1;min-width:1.4ch}
.step h3{font-size:1.2rem;margin-bottom:6px}
.step p{color:var(--ink-soft);font-size:.98rem}
.step a{color:var(--ink);display:inline;line-height:1.6}
.prep{margin-top:34px;padding:26px 28px;background:var(--sand-2);border-left:2px solid var(--gold);border-radius:0 var(--radius) var(--radius) 0}
.prep h3{margin-bottom:12px}
.prep ul{margin:0;padding-left:18px;display:grid;gap:8px;color:var(--ink-soft)}
.legal{padding:clamp(40px,6vw,80px) 0 clamp(60px,8vw,100px)}
.legal h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:8px}
.legal h2{font-size:clamp(1.25rem,1.8vw,1.55rem);margin:40px 0 12px;max-width:40ch}
.legal p,.legal li{color:var(--ink-soft)}
.legal p+p{margin-top:12px}
.legal ul{margin:12px 0 0;padding-left:20px;display:grid;gap:8px}
.legal a{color:var(--ink);line-height:1.6}
.legal__meta{font-size:.85rem;color:var(--ink-mute);letter-spacing:.04em}
.legal__box{margin-top:16px;padding:20px 24px;background:var(--paper);border-left:3px solid var(--gold);border-radius:var(--radius)}

/* responsive */
@media (max-width:1024px){
  .tgrid{grid-template-columns:repeat(2,1fr)}
  .split{grid-template-columns:1fr}
  .split--rev .split__media{order:0}
  .split__media img{aspect-ratio:3/2}
}
@media (max-width:720px){
  body{font-size:16px}
  .wrap{width:min(var(--wrap),100% - 32px)}
  .hero__inner{width:min(var(--wrap),100% - 32px);padding-top:130px}
  .hero{min-height:auto}
  .hero__media img{object-position:70% 50%}
  .hero h1{max-width:14ch}
  .hero__cta .btn{width:100%}
  .hero__chips{gap:14px;padding-top:16px}
  .hero__chip{border-right:0;margin-right:0;padding:0 18px 0 0}
  .hero__chip b{font-size:1.25rem}
  .topbar{padding:12px 16px}
  .topbar__tel,.topbar .btn{display:none}
  .topbar__logo img{width:150px}
  .pain,.quotes,.trust,.tgrid{grid-template-columns:1fr}
  .lf-two{grid-template-columns:1fr}
  .stickybar{display:flex}
  body.has-sticky{padding-bottom:70px}
  .form-alt{flex-direction:column;align-items:stretch}
  .form-alt .btn{width:100%}
  .foot__top,.foot__bot{flex-direction:column;align-items:flex-start}
  .quote p{font-size:1.25rem}
}