/* ==========================================================================
   Zlati turški med — style.css
   Tokens from design-source/Design System.dc.html
   ========================================================================== */

/* ---------- Fonts (self-hosted, variable, latin + latin-ext for č š ž) ---------- */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fonts/cormorant-garamond-latin-ext-wght-normal.woff2) format('woff2-variations');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fonts/cormorant-garamond-latin-wght-normal.woff2) format('woff2-variations');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-display:swap;font-weight:300 700;src:url(/assets/fonts/cormorant-garamond-latin-ext-wght-italic.woff2) format('woff2-variations');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-display:swap;font-weight:300 700;src:url(/assets/fonts/cormorant-garamond-latin-wght-italic.woff2) format('woff2-variations');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/fonts/manrope-latin-ext-wght-normal.woff2) format('woff2-variations');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/fonts/manrope-latin-wght-normal.woff2) format('woff2-variations');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- Tokens ---------- */
:root{
  --espresso:#14100c;   /* ozadje */
  --ebenovina:#1a140f;  /* sekcije */
  --povrsina:#1c1611;   /* polja, bloki */
  --povrsina-on:#241c15;/* izbrano stanje */
  --linija:#2e241a;     /* ločila */
  --polje-rob:#3a2e22;  /* rob vnosnih polj */
  --bron:#5a4630;       /* robovi */
  --zlato:#d4a955;      /* CTA, poudarki */
  --svetlo-zlato:#e8c77d;/* hover, povezave */
  --krema:#f3ebdd;      /* naslovi */
  --pergament:#d9cdb8;  /* telo članka, nav */
  --pesek:#c9bca6;      /* besedilo */
  --kamen:#b9ab95;      /* meta */
  --pepel:#a39580;      /* drobni tisk */
  --na-zlatu:#1a120a;   /* besedilo na zlatu */

  --f-display:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --f-text:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;

  --wrap:1200px;
  --gutter:clamp(20px,4vw,48px);
  --sec:clamp(72px,10vw,128px);
  --radius:2px;
  --pill:999px;
  --header-h:76px;
}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 16px)}
body{margin:0;min-height:100vh;background:var(--espresso);color:var(--krema);font-family:var(--f-text);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img,picture,svg{display:block;max-width:100%}
img{height:auto}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}
ul[class],ol[class]{list-style:none;padding:0}
a{color:var(--svetlo-zlato);text-decoration:none;transition:color .15s,background-color .15s,border-color .15s}
a:hover{color:var(--krema)}
p a,dd a,.faq__a a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgba(232,199,125,.45)}
strong{font-weight:600;color:var(--krema)}
input,textarea,button,select{font:inherit;color:inherit}
button{cursor:pointer}
::selection{background:var(--zlato);color:var(--espresso)}
:focus-visible{outline:2px solid var(--svetlo-zlato);outline-offset:3px;border-radius:var(--radius)}
main:focus{outline:none}
[hidden]{display:none !important}
.visually-hidden{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:16px;top:-100px;z-index:100;background:var(--zlato);color:var(--na-zlatu);padding:12px 18px;font-weight:600;border-radius:var(--radius)}
.skip-link:focus{top:12px;color:var(--na-zlatu)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none !important;animation:none !important;scroll-behavior:auto !important}}

/* ---------- Layout ---------- */
.container{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.container--text{max-width:820px}
.container--article{max-width:760px}
.section{padding-block:var(--sec)}
.section--tight{padding-block:clamp(56px,8vw,96px)}
.section--intro{padding-block:clamp(56px,8vw,112px)}
.section--top{padding-block:clamp(40px,6vw,72px)}
.band{background:var(--ebenovina);border-block:1px solid var(--linija)}
.band + .band,.band + .cta-band{border-top:0}
.rule-top{border-top:1px solid var(--linija)}
.section__title{margin-bottom:56px;max-width:640px}
.section__title--sm{margin-bottom:32px}
.section__head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:48px}
.two-col{display:grid;gap:56px}
.two-col--center{align-items:center;gap:clamp(40px,6vw,80px)}
.grid-3{display:grid;gap:48px}
.cover{width:100%;height:100%;object-fit:cover}
@media (min-width:860px){
  .two-col{grid-template-columns:1fr 1fr}
  .grid-3{grid-template-columns:repeat(3,1fr)}
}

/* ---------- Type ---------- */
.eyebrow{margin:0 0 16px;color:var(--zlato);font-family:var(--f-text);font-size:12px;font-weight:600;line-height:1.5;letter-spacing:.22em;text-transform:uppercase}
.eyebrow--lg{margin-bottom:24px}
.eyebrow--tight{letter-spacing:.18em;margin-bottom:10px}
.h-display,.h-section,.h-sub,.h-product,.h-article{font-family:var(--f-display);font-weight:500;color:var(--krema);text-wrap:balance}
.h-display{font-size:clamp(48px,7vw,88px);line-height:1;letter-spacing:-.01em}
.h-display em{display:block;color:var(--svetlo-zlato);font-style:italic}
.h-display--narrow{max-width:900px}
.h-section{font-size:clamp(36px,4.5vw,56px);line-height:1.05}
.h-sub{font-size:clamp(32px,4vw,48px);line-height:1.1;margin-bottom:20px}
.h-product{font-size:clamp(44px,5.5vw,72px);line-height:1}
.h-article{font-size:clamp(40px,5.5vw,64px);line-height:1.05}
.h-card{margin:20px 0 12px;font-size:20px;font-weight:600;line-height:1.35}
.h-mini{margin:0 0 8px;font-size:16px;font-weight:600}
.lead{color:var(--pesek);font-size:18px;text-wrap:pretty}
.lead--xl{margin-top:24px;color:var(--pergament);font-size:19px;line-height:1.6}
.muted{color:var(--pesek)}
.muted + .muted{margin-top:16px}
.link-arrow{font-size:15px;font-weight:500;text-decoration:none}

/* ---------- Diamond ornament ---------- */
.diamond{flex:none;display:block;width:10px;height:10px;background:var(--zlato);transform:rotate(45deg)}
.diamond--sm{width:6px;height:6px}
.diamond--dark{width:7px;height:7px;background:var(--na-zlatu)}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:15px 30px;border:1px solid transparent;border-radius:var(--radius);font-size:15px;font-weight:600;line-height:1.2;text-align:center;text-decoration:none}
.btn--primary{background:var(--zlato);color:var(--na-zlatu)}
.btn--primary:hover{background:var(--svetlo-zlato);color:var(--na-zlatu)}
.btn--ghost{border-color:var(--bron);color:var(--krema);font-weight:500}
.btn--ghost:hover{border-color:var(--zlato);color:var(--krema)}
.btn--sm{min-height:44px;padding:10px 20px;font-size:14px}
.btn--lg{padding:18px 34px;font-size:16px}
.btn--block{display:flex;width:100%;margin-top:28px;padding:19px 30px;font-size:16px}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px}

/* ---------- Header & navigation ---------- */
.site-header{position:sticky;top:0;z-index:20;background:rgba(20,16,12,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--linija)}
.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:16px 32px;min-height:var(--header-h);padding-block:12px}
.brand{display:flex;align-items:center;gap:12px;color:var(--krema)}
.brand:hover{color:var(--krema)}
.brand__name{font-family:var(--f-display);font-size:24px;font-weight:600;letter-spacing:.04em;line-height:1.1}
.menu-toggle{display:none;width:44px;height:44px;margin-right:-10px;padding:0;background:none;border:0;align-items:center;justify-content:center}
.menu-toggle__bars,.menu-toggle__bars::after{display:block;width:22px;height:1.5px;background:var(--krema);transition:transform .2s}
.menu-toggle__bars{position:relative;transform:translateY(-4px)}
.menu-toggle__bars::after{content:'';position:absolute;left:0;top:8px}
.menu-open .menu-toggle__bars{transform:rotate(45deg)}
.menu-open .menu-toggle__bars::after{top:0;transform:rotate(-90deg)}
.site-nav{display:flex;align-items:center;gap:16px 32px;flex-wrap:wrap}
.nav{display:flex;flex-wrap:wrap;gap:4px 28px}
.nav__link{position:relative;display:block;padding:6px 0;color:var(--pergament);font-size:14px;font-weight:500;letter-spacing:.02em}
.nav__link:hover{color:var(--krema)}
.nav__link.is-active::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--zlato)}
.site-nav__cta-mobile,.site-nav__note{display:none}

/* Mobile (< 860px): hamburger + full-screen menu when JS is on */
@media (max-width:859.98px){
  .js .menu-toggle{display:flex}
  .js .site-nav{position:fixed;left:0;right:0;top:var(--header-h);bottom:0;z-index:40;display:none;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:0;padding:0 20px calc(32px + env(safe-area-inset-bottom));background:var(--espresso);overflow-y:auto;overscroll-behavior:contain}
  .js.menu-open .site-nav{display:flex}
  .js.menu-open .site-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--espresso)}
  .js.menu-open body{overflow:hidden}
  .js .nav{flex-direction:column;gap:0}
  .js .nav__link{display:flex;justify-content:space-between;align-items:center;min-height:64px;padding:0;border-bottom:1px solid var(--linija);color:var(--krema);font-family:var(--f-display);font-size:32px;font-weight:500;letter-spacing:0}
  .js .nav__link.is-active::after{position:static;width:8px;height:8px;background:var(--zlato);transform:rotate(45deg)}
  .js .site-nav__cta{display:none}
  .js .site-nav__cta-mobile{display:flex;margin-top:32px;width:100%}
  .js .site-nav__note{display:block;margin-top:16px;text-align:center;color:var(--kamen);font-size:13px}
  /* Without JS: links wrap under the logo */
  .no-js .site-header__inner{flex-wrap:wrap}
  .no-js .site-nav__cta{display:none}
}

/* ---------- Home: hero ---------- */
.hero{display:grid;gap:clamp(40px,6vw,80px);align-items:center;padding-block:clamp(40px,7vw,96px)}
.hero__lead{margin-top:28px;max-width:500px}
.hero__media{aspect-ratio:1/1;overflow:hidden;border-radius:var(--radius);background:var(--povrsina)}
.ticks{display:flex;flex-wrap:wrap;gap:16px 36px;margin-top:48px;padding-top:28px;border-top:1px solid var(--linija);color:var(--kamen);font-size:14px}
.ticks li{display:flex;align-items:center;gap:10px}
@media (min-width:960px){.hero{grid-template-columns:1fr 1fr}}

/* ---------- Facts (dl) ---------- */
.facts{display:grid;align-content:start}
.facts > div{display:flex;flex-wrap:wrap;gap:2px 16px;padding:16px 0;border-bottom:1px solid var(--linija)}
.facts dt{flex:0 0 150px;color:var(--kamen);font-size:14px;padding-top:2px}
.facts dd{flex:1 1 200px}

/* ---------- Features & steps ---------- */
.feature{border-top:1px solid var(--bron);padding-top:28px}
.feature p:not(.feature__num){color:var(--pesek)}
.feature .h-card:first-child{margin-top:0}
.feature__num{font-family:var(--f-display);font-size:40px;line-height:1;color:var(--zlato)}
.steps__n{margin-bottom:12px;color:var(--zlato);font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
.steps .h-card{margin-top:0;margin-bottom:10px}
.steps p:last-child{color:var(--pesek)}

/* ---------- Media split ---------- */
.media-split{display:grid;background:var(--ebenovina)}
.media-split__img{position:relative;min-height:420px}
.media-split__img picture,.media-split__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.media-split__text{display:flex;flex-direction:column;justify-content:center;padding:clamp(56px,8vw,112px) clamp(24px,6vw,96px)}
.media-split__p{margin:24px 0 36px;max-width:460px;color:var(--pesek);font-size:17px}
@media (min-width:960px){.media-split{grid-template-columns:1fr 1fr}}

/* ---------- Sizes ---------- */
.wide-img{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:var(--radius)}
.sizes{display:grid;gap:1px;margin-top:32px;background:var(--linija);border:1px solid var(--linija)}
.size-card{display:flex;flex-direction:column;gap:8px;padding:32px;background:var(--espresso)}
.size-card .eyebrow{margin:0}
.size-card__g{font-family:var(--f-display);font-size:48px;line-height:1.1}
.size-card__desc{margin-bottom:20px;color:var(--kamen);font-size:15px}
.size-card__buy{margin-top:auto;padding:10px 0;font-size:15px;font-weight:600}
@media (min-width:700px){.sizes{grid-template-columns:repeat(3,1fr)}}

/* ---------- FAQ (details/summary) ---------- */
.faq-layout{display:grid;gap:48px}
.faq-layout__aside{margin-top:20px;max-width:340px;color:var(--kamen)}
@media (min-width:860px){.faq-layout{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}
.faq{min-width:0}
.faq__item{border-bottom:1px solid var(--linija)}
.faq__q{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:22px 0;cursor:pointer;list-style:none}
.faq__q::-webkit-details-marker{display:none}
.faq__q-text{font-family:var(--f-text);font-size:17px;font-weight:500;line-height:1.45;color:var(--krema)}
.faq__q:hover .faq__q-text{color:var(--svetlo-zlato)}
.faq__sign{position:relative;flex:none;width:14px;height:14px;margin-top:6px}
.faq__sign::before,.faq__sign::after{content:'';position:absolute;left:0;top:6px;width:14px;height:1.5px;background:var(--zlato);transition:transform .2s}
.faq__sign::after{transform:rotate(90deg)}
.faq__item[open] .faq__sign::after{transform:rotate(0)}
.faq__a{padding:0 40px 24px 0;color:var(--pesek)}

/* ---------- Cards (blog) ---------- */
.cards{display:grid;gap:40px}
.cards--blog{gap:56px 40px}
.card__link{display:flex;flex-direction:column;gap:14px;color:var(--krema)}
.card__link:hover{color:var(--svetlo-zlato)}
.card__img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius)}
.card__meta{margin-top:2px;color:var(--zlato);font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
.card__title{font-family:var(--f-display);font-size:26px;font-weight:500;line-height:1.15;text-wrap:balance}
.cards--blog .card__title{font-size:28px}
.card__excerpt{color:var(--kamen);font-size:15px}
@media (min-width:700px){.cards{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.cards{grid-template-columns:repeat(3,1fr)}.cards--blog{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.cards--blog{grid-template-columns:repeat(3,1fr)}}

/* ---------- Chips (blog filter) ---------- */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:48px 0 56px}
.chip{min-height:44px;padding:10px 18px;background:transparent;border:1px solid var(--bron);border-radius:var(--pill);color:var(--pergament);font-size:14px;font-weight:500}
.chip:hover{border-color:var(--zlato);color:var(--krema)}
.chip[aria-pressed="true"]{background:var(--zlato);border-color:var(--zlato);color:var(--na-zlatu)}
.no-js .cards--blog,.chips[hidden] + * + .cards--blog{margin-top:56px}

/* ---------- Breadcrumbs & page intro ---------- */
.breadcrumbs{margin-bottom:32px;font-size:13px;color:var(--kamen)}
.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none}
.breadcrumbs li + li::before{content:'/';margin-right:4px;color:var(--bron)}
.breadcrumbs a{display:inline-block;padding-block:6px}
.breadcrumbs [aria-current]{display:inline-block;padding-block:6px}
.page-intro{padding-top:clamp(56px,8vw,112px)}
.page-intro__lead{max-width:640px}
.page-intro .page-intro__lead{margin-top:32px}
.portrait{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius)}

/* ---------- Product ---------- */
.product{display:grid;gap:clamp(40px,6vw,80px);align-items:start}
@media (min-width:960px){.product{grid-template-columns:1fr 1fr}}
.gallery{display:flex;flex-direction:column;gap:12px}
.gallery__stage{aspect-ratio:1/1;overflow:hidden;border-radius:var(--radius);background:var(--povrsina)}
.gallery__slide{height:100%}
.gallery__slide picture{height:100%}
.gallery__thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.no-js .gallery__thumbs{display:none}
.no-js .gallery__slide[hidden]{display:block !important;margin-top:12px}
.no-js .gallery__stage{aspect-ratio:auto}
.gallery__thumb{padding:0;background:none;border:1px solid var(--linija);border-radius:var(--radius);overflow:hidden}
.gallery__thumb[aria-pressed="true"]{border-color:var(--zlato)}
.gallery__thumb img{width:100%;aspect-ratio:1/1;object-fit:cover}
.product__claim{margin-top:12px;color:var(--svetlo-zlato);font-family:var(--f-display);font-style:italic;font-size:24px}
.product__lead{margin-top:24px;color:var(--pesek);font-size:17px}
.product__note{margin-top:14px;color:var(--kamen);font-size:13px;text-align:center}
.product__more{margin-top:24px;color:var(--kamen);font-size:14px}
.size-picker{margin:36px 0 0;padding:0;border:0;min-width:0}
.size-picker__legend{margin-bottom:14px;padding:0;font-size:14px;font-weight:600}
.size-picker__legend span{color:var(--svetlo-zlato)}
.size-picker__opts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.size-opt{display:flex;flex-direction:column;align-items:center;gap:2px;padding:16px 10px;background:transparent;border:1px solid var(--polje-rob);border-radius:var(--radius);color:var(--krema)}
.size-opt:hover{border-color:var(--bron)}
.size-opt[aria-pressed="true"]{background:var(--povrsina-on);border-color:var(--zlato)}
.size-opt__g{font-family:var(--f-display);font-size:28px;line-height:1.1}
.size-opt__tag{font-size:12px;color:var(--kamen)}
.size-picker__desc{margin-top:14px;color:var(--kamen);font-size:14px}
.specs{margin-top:40px;border-top:1px solid var(--linija)}
.specs > div{padding:20px 0;border-bottom:1px solid var(--linija)}
.specs dt{margin-bottom:6px;font-weight:600}
.specs dd{color:var(--pesek)}

/* ---------- Article ---------- */
.article{padding-block:clamp(48px,7vw,96px) 0}
.article__byline{margin-top:24px;color:var(--kamen);font-size:14px}
.article__byline a{color:var(--kamen);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--bron)}
.article__byline a:hover{color:var(--krema)}
.article__img{width:100%;aspect-ratio:16/9;object-fit:cover;margin:40px 0;border-radius:var(--radius)}
.tldr{padding:28px 32px;background:var(--povrsina);border:1px solid var(--linija);border-radius:var(--radius)}
.tldr__text{font-size:18px;color:var(--krema)}
.prose h2{margin:48px 0 16px;font-family:var(--f-display);font-size:34px;font-weight:500;line-height:1.15}
.prose p{color:var(--pergament);font-size:18px;line-height:1.75}
.prose p + p{margin-top:20px}
.product-box{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:64px;padding:24px;border:1px solid var(--bron);border-radius:var(--radius)}
.product-box img{width:120px;height:120px;object-fit:cover}
.product-box__body{flex:1 1 200px}
.product-box__name{font-family:var(--f-display);font-size:26px;line-height:1.1}
.product-box__name a{color:var(--krema);text-decoration:none}
.product-box__name a:hover{color:var(--svetlo-zlato)}
.product-box__sizes{margin:6px 0 14px;color:var(--kamen);font-size:14px}
.related{padding-block:72px var(--sec)}
.related__title{margin-bottom:24px;color:var(--zlato);font-size:14px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
.related ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--linija)}
.related a{display:flex;justify-content:space-between;gap:24px;padding:20px 0;border-bottom:1px solid var(--linija);color:var(--krema);font-family:var(--f-display);font-size:24px;line-height:1.2}
.related a:hover{color:var(--svetlo-zlato)}
.related__arrow{color:var(--zlato)}

/* ---------- Contact ---------- */
.contact{display:grid;gap:clamp(40px,6vw,80px);margin-top:64px}
@media (min-width:860px){.contact{grid-template-columns:1fr 1fr}}
.form{display:flex;flex-direction:column;gap:20px}
.field{display:flex;flex-direction:column;gap:8px}
.field label{font-size:14px;font-weight:500}
.field input,.field textarea{width:100%;padding:15px 16px;background:var(--povrsina);border:1px solid var(--polje-rob);border-radius:var(--radius);color:var(--krema);font-size:16px}
.field textarea{resize:vertical;min-height:140px}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--zlato);box-shadow:0 0 0 1px var(--zlato)}
.field--hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.check{display:flex;gap:12px;align-items:flex-start;color:var(--kamen);font-size:14px}
.check input{flex:none;width:18px;height:18px;margin:2px 0 0;accent-color:var(--zlato)}
.form .btn{align-self:flex-start}
.form__error{color:#f0b8a0;font-size:14px}
.form-sent{align-self:start;padding:40px;border:1px solid var(--bron);border-radius:var(--radius)}
.form-sent__title{font-family:var(--f-display);font-size:36px;line-height:1.1}
.form-sent .muted{margin-top:12px}
.info-list > div{padding:24px 0;border-top:1px solid var(--linija)}
.info-list > div:last-child{border-bottom:1px solid var(--linija)}
.info-list p{color:var(--pesek)}

/* ---------- CTA band & footer ---------- */
.cta-band{background:var(--ebenovina);border-top:1px solid var(--linija)}
.cta-band__inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;padding-block:clamp(64px,8vw,104px)}
.cta-band__sub{margin-top:12px;color:var(--kamen)}
.site-footer{border-top:1px solid var(--linija)}
.site-footer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:40px;padding-block:64px 40px}
.site-footer__brand{max-width:380px}
.site-footer__name{font-family:var(--f-display);font-size:26px;font-weight:600}
.site-footer__text{margin-top:12px;color:var(--kamen);font-size:14px}
.site-footer__col .eyebrow{margin-bottom:6px;letter-spacing:.18em}
.site-footer__col ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;font-size:14px}
.site-footer__col a{display:inline-block;padding:7px 0;color:var(--pergament)}
.site-footer__col a:hover{color:var(--krema)}
.site-footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px 40px;padding-block:24px 40px;border-top:1px solid var(--linija);color:var(--pepel);font-size:13px}
.site-footer__bottom p:first-child{max-width:760px}
@media (min-width:1024px){.site-footer__grid{grid-template-columns:1.4fr 1fr 1.4fr 1fr}}

/* ---------- Sticky buy (mobile bar / desktop pill) ---------- */
.sticky-buy{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;align-items:center;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:rgba(20,16,12,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--linija)}
.sticky-buy__text{flex:1;min-width:0;line-height:1.3}
.sticky-buy__name{font-family:var(--f-display);font-size:19px;font-weight:600}
.sticky-buy__sizes{color:var(--kamen);font-size:12px}
.sticky-buy .btn{padding:14px 22px}
body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
.menu-open .sticky-buy{display:none}
.float-buy{display:none}
@media (min-width:860px){
  body{padding-bottom:0}
  .sticky-buy{display:none}
  .float-buy{position:fixed;right:20px;bottom:20px;z-index:30;display:flex;align-items:center;gap:10px;padding:14px 22px;background:var(--zlato);color:var(--na-zlatu);border-radius:var(--pill);font-size:14px;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.45)}
  .float-buy:hover{background:var(--svetlo-zlato);color:var(--na-zlatu)}
}

@media print{
  .site-header,.sticky-buy,.float-buy,.cta-band,.site-footer__grid{display:none !important}
  body{background:#fff;color:#000;padding:0}
}

/* ---------- Article additions ---------- */
.prose ul{margin:16px 0 0;padding-left:0;list-style:none;color:var(--pergament);font-size:18px;line-height:1.7}
.prose li{position:relative;padding-left:24px}
.prose li + li{margin-top:6px}
.prose li::before{content:'';position:absolute;left:4px;top:.72em;width:6px;height:6px;background:var(--zlato);transform:rotate(45deg)}
.prose ul + p{margin-top:20px}
.prose a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgba(232,199,125,.45)}
.medical-note{margin-top:40px;padding-top:20px;border-top:1px solid var(--linija);color:var(--kamen);font-size:14px}

/* ---------- Product page (/turski-med/) ---------- */
.size-row__title{margin-top:36px;font-size:14px;font-weight:600}
.size-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 0;padding:0;list-style:none}
.size-row__item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:16px 10px;border:1px solid var(--polje-rob);border-radius:var(--radius);text-align:center}
.size-row__item.is-featured{border-color:var(--bron);background:var(--povrsina)}
.size-row__g{font-family:var(--f-display);font-size:28px;line-height:1.1}
.size-row__tag{font-size:12px;color:var(--kamen)}
.size-row__note{margin-top:14px;color:var(--kamen);font-size:14px}
.ticks--compact{margin-top:28px;padding-top:20px;gap:10px 24px;font-size:13px}
.size-card__fit{margin-bottom:16px;color:var(--pesek);font-size:14px}
.size-card__fit strong{font-weight:600}
.table-wrap{margin-top:48px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.table{width:100%;min-width:520px;border-collapse:collapse;font-size:15px}
.table th,.table td{padding:16px 16px 16px 0;border-bottom:1px solid var(--linija);text-align:left;vertical-align:top}
.table thead th{color:var(--zlato);font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
.table tbody th{color:var(--kamen);font-weight:500;width:22%}
.table td{color:var(--pergament)}
.media-text{display:grid;background:var(--ebenovina);border-block:1px solid var(--linija)}
.media-text + .media-text,.band + .media-text,.media-text + .band{border-top:0}
.media-text__img{position:relative;min-height:440px}
.media-text__img picture,.media-text__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.media-text__body{display:flex;flex-direction:column;justify-content:center;padding:clamp(56px,8vw,112px) clamp(24px,6vw,96px)}
.media-text__body .h-section{margin-bottom:24px}
.media-text__body .muted{max-width:520px}
.media-text__body p + p{margin-top:16px}
.media-text__warn{margin-top:24px !important;color:var(--kamen);font-size:14px}
@media (min-width:960px){
  .media-text{grid-template-columns:1fr 1fr}
  .media-text--reverse .media-text__img{order:2}
}
.landscape{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius)}
.grid-4{display:grid;gap:40px;margin-top:64px}
@media (min-width:700px){.grid-4{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.grid-4{grid-template-columns:repeat(4,1fr)}}
.section__more{margin-top:40px}
.steps--spaced{margin-top:64px}
.checklist{margin:0;padding:0;list-style:none;max-width:520px}
.checklist li{position:relative;padding:14px 0 14px 26px;border-bottom:1px solid var(--linija);color:var(--pesek)}
.checklist li::before{content:'';position:absolute;left:4px;top:1.45em;width:6px;height:6px;background:var(--zlato);transform:rotate(45deg)}
.link-list{margin:28px 0 0;padding:0;list-style:none;border-top:1px solid var(--linija);max-width:520px}
.link-list a{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--linija);color:var(--krema);font-family:var(--f-display);font-size:22px;line-height:1.2}
.link-list a:hover{color:var(--svetlo-zlato)}
.link-list a span:last-child{color:var(--zlato)}
.specs--flush{margin-top:0}
.credits{margin-top:56px;color:var(--pepel);font-size:12px}
.credits a{color:var(--kamen)}
.article__figure{margin:40px 0}
.article__figure .article__img{margin:0}
.credits--fig{margin-top:10px}