/* ==========================================================================
   BUTIK VISTA — Dizajn sistem 2026 "Zlatna elegancija"
   ========================================================================== */

:root{
  --ink:#17140F; --ink-2:#3D372E; --muted:#8A8175; --faint:#B4AC9F;
  --cream:#FBF7EF; --sand:#F3ECE0; --paper:#FFFFFF;
  --line:#E7DECD; --line-soft:#F0E9DC;
  --gold:#B08D57; --gold-deep:#8B6C3C; --gold-light:#E0CDA8; --gold-wash:#F7F0E3;
  --sale:#9B3A2E; --ok:#4E6B52;

  --f-display:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --f-ui:"Jost",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;

  --wrap:1280px; --gut:48px;
  --sec:112px;
  --r:2px;
  --ease:cubic-bezier(.22,.61,.36,1);
  --t:.35s var(--ease);
  --hdr:76px;
}

/* ---------- Reset / baza ---------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.vista{
  margin:0; background:var(--paper); color:var(--ink-2);
  font-family:var(--f-ui); font-size:15px; line-height:1.65; font-weight:400;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
.vista img{max-width:100%; height:auto; display:block}
.vista a{color:inherit; text-decoration:none}
.vista button{font:inherit; color:inherit}
.vista h1,.vista h2,.vista h3,.vista h4{
  font-family:var(--f-display); font-weight:400; color:var(--ink);
  margin:0; line-height:1.08; letter-spacing:-.01em;
}
.vista p{margin:0 0 1em}
.vista ul,.vista ol{margin:0; padding:0}
.vista .scr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.vista :focus-visible{outline:2px solid var(--gold-deep); outline-offset:3px}

/* ---------- Layout ----------------------------------------------------- */
.v-wrap{max-width:var(--wrap); margin:0 auto; padding:0 var(--gut)}
.v-wrap--wide{max-width:1520px}
.v-sec{padding:var(--sec) 0}
.v-sec--tight{padding:72px 0}
.v-cream{background:var(--cream)}
.v-sand{background:var(--sand)}
.v-dark{background:var(--ink); color:#EFE9DE}
.v-dark h2,.v-dark h3{color:#fff}

/* ---------- Tipografija ------------------------------------------------ */
.d1{font-family:var(--f-display); font-size:clamp(44px,7.2vw,104px); line-height:.94; font-weight:300}
.d2{font-family:var(--f-display); font-size:clamp(34px,4.6vw,66px); line-height:1}
.h2{font-family:var(--f-display); font-size:clamp(28px,3.4vw,46px); line-height:1.06}
.h3{font-family:var(--f-display); font-size:clamp(22px,2.2vw,30px); line-height:1.15}
.lead{font-size:16px; line-height:1.75; color:var(--ink-2)}
.small{font-size:13px}
.eyebrow{
  font-family:var(--f-ui); font-weight:500; font-size:10.5px; letter-spacing:.26em;
  text-transform:uppercase; color:var(--gold-deep); margin:0 0 18px; display:block;
}
.v-dark .eyebrow{color:var(--gold-light)}
.v-muted{color:var(--muted)}

.v-head{margin-bottom:52px}
.v-head--center{text-align:center; max-width:640px; margin-left:auto; margin-right:auto}
.v-head .h2{margin-bottom:14px}
.v-head p{color:var(--muted); margin:0}
.v-head--row{display:flex; align-items:flex-end; justify-content:space-between; gap:32px}

/* ---------- Dugmad ----------------------------------------------------- */
.v-btn{
  --bg:var(--ink); --fg:#fff; --bd:var(--ink);
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  font-family:var(--f-ui); font-weight:500; font-size:11.5px; letter-spacing:.18em;
  text-transform:uppercase; line-height:1;
  padding:16px 30px; border:1px solid var(--bd); background:var(--bg); color:var(--fg);
  border-radius:var(--r); cursor:pointer; transition:var(--t); text-align:center;
}
.v-btn:hover{--bg:var(--gold-deep); --bd:var(--gold-deep); --fg:#fff}
.v-btn--ghost{--bg:transparent; --fg:var(--ink); --bd:var(--ink)}
.v-btn--ghost:hover{--bg:var(--ink); --fg:#fff; --bd:var(--ink)}
.v-btn--light{--bg:#fff; --fg:var(--ink); --bd:#fff}
.v-btn--light:hover{--bg:var(--gold); --bd:var(--gold); --fg:#fff}
.v-btn--outline-light{--bg:transparent; --fg:#fff; --bd:rgba(255,255,255,.55)}
.v-btn--outline-light:hover{--bg:#fff; --fg:var(--ink); --bd:#fff}
.v-btn--gold{--bg:var(--gold); --bd:var(--gold); --fg:#fff}
.v-btn--gold:hover{--bg:var(--gold-deep); --bd:var(--gold-deep)}
.v-btn--full{width:100%}
.v-btn--sm{padding:12px 20px; font-size:10.5px}

.v-link{
  font-family:var(--f-ui); font-weight:500; font-size:11.5px; letter-spacing:.18em;
  text-transform:uppercase; color:var(--ink); border-bottom:1px solid var(--gold);
  padding-bottom:4px; transition:var(--t); white-space:nowrap;
}
.v-link:hover{color:var(--gold-deep); border-color:var(--gold-deep)}

/* ---------- Announcement bar ------------------------------------------ */
.v-ann{background:var(--ink); color:#EFE9DE; font-size:11px; letter-spacing:.16em; text-transform:uppercase; position:relative; z-index:60}
.v-ann__in{display:flex; align-items:center; justify-content:center; min-height:38px; text-align:center; position:relative}
.v-ann__msg{display:none; padding:9px 0}
.v-ann__msg.is-on{display:block; animation:vFade .6s var(--ease)}
.v-ann b{color:var(--gold-light); font-weight:500}
@keyframes vFade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

/* ---------- Header ------------------------------------------------------ */
.v-hdr{position:sticky; top:0; z-index:50; background:var(--paper); border-bottom:1px solid var(--line-soft); transition:background .3s var(--ease),border-color .3s var(--ease)}
.admin-bar .v-hdr{top:32px}
.v-hdr__in{display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:24px; min-height:var(--hdr)}
.v-nav{display:flex; align-items:center; gap:30px}
.v-nav a{font-size:11.5px; letter-spacing:.18em; text-transform:uppercase; font-weight:500; color:var(--ink); position:relative; padding:6px 0; transition:color .25s}
.v-nav a::after{content:""; position:absolute; left:0; right:100%; bottom:0; height:1px; background:var(--gold); transition:right .35s var(--ease)}
.v-nav a:hover::after,.v-nav .current-menu-item>a::after{right:0}
.v-nav a:hover{color:var(--gold-deep)}
.v-logo{justify-self:center; display:flex; align-items:center}
.v-logo img{max-height:34px; width:auto}
.v-logo .v-logo__txt{font-family:var(--f-display); font-size:26px; letter-spacing:.34em; color:var(--ink); text-transform:uppercase}
.v-tools{justify-self:end; display:flex; align-items:center; gap:6px}
.v-icon{width:40px; height:40px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; transition:var(--t); position:relative; color:var(--ink); background:transparent; border:0; cursor:pointer}
.v-icon:hover{background:var(--gold-wash); color:var(--gold-deep)}
.v-icon svg{width:19px; height:19px; stroke:currentColor; fill:none; stroke-width:1.3}
.v-icon__count{position:absolute; top:2px; right:2px; min-width:16px; height:16px; padding:0 4px; border-radius:9px; background:var(--gold); color:#fff; font-size:9.5px; font-weight:500; display:flex; align-items:center; justify-content:center; letter-spacing:0}
.v-burger{display:none}

/* transparentni header preko hero-a */
.v-hdr--over{position:absolute; left:0; right:0; background:transparent; border-color:transparent}
.v-hdr--over .v-nav a,.v-hdr--over .v-icon,.v-hdr--over .v-logo .v-logo__txt{color:#fff}
.v-hdr--over .v-logo img{filter:brightness(0) invert(1)}
.v-hdr--over .v-icon:hover{background:rgba(255,255,255,.14); color:#fff}
.v-hdr.is-stuck{position:fixed; left:0; right:0; top:0; background:rgba(255,255,255,.96); backdrop-filter:saturate(1.4) blur(8px); border-color:var(--line-soft); animation:vDrop .4s var(--ease)}
.admin-bar .v-hdr.is-stuck{top:32px}
.v-hdr.is-stuck .v-nav a,.v-hdr.is-stuck .v-icon,.v-hdr.is-stuck .v-logo .v-logo__txt{color:var(--ink)}
.v-hdr.is-stuck .v-logo img{filter:none}
@keyframes vDrop{from{transform:translateY(-100%)}to{transform:none}}

/* mobilni meni */
.v-mob{position:fixed; inset:0; z-index:80; background:var(--paper); transform:translateX(100%); transition:transform .4s var(--ease); display:flex; flex-direction:column; padding:24px}
.v-mob.is-open{transform:none}
.v-mob__top{display:flex; align-items:center; justify-content:space-between; margin-bottom:34px}
.v-mob nav{display:flex; flex-direction:column; gap:2px}
.v-mob nav a{font-family:var(--f-display); font-size:30px; padding:12px 0; border-bottom:1px solid var(--line-soft); color:var(--ink)}
.v-mob__foot{margin-top:auto; padding-top:24px; border-top:1px solid var(--line-soft); font-size:13px; color:var(--muted)}

/* ---------- Hero -------------------------------------------------------- */
.v-hero{position:relative; min-height:min(88vh,820px); display:flex; align-items:flex-end; overflow:hidden; background:var(--sand)}
.v-hero__bg{position:absolute; inset:0}
.v-hero__bg img{width:100%; height:100%; object-fit:cover}
.v-hero__scrim{position:absolute; inset:0; background:linear-gradient(90deg,rgba(10,8,5,.66) 0%,rgba(10,8,5,.34) 46%,rgba(10,8,5,.06) 100%),linear-gradient(0deg,rgba(10,8,5,.45) 0%,rgba(10,8,5,0) 44%)}
.v-hero__in{position:relative; width:100%; padding-bottom:84px; padding-top:calc(var(--hdr) + 90px)}
.v-hero__c{max-width:640px; color:#fff}
.v-hero__c .eyebrow{color:var(--gold-light)}
.v-hero__c h1{color:#fff; margin-bottom:22px}
.v-hero__c p{color:rgba(255,255,255,.86); font-size:16px; line-height:1.75; max-width:460px; margin-bottom:34px}
.v-hero__cta{display:flex; gap:14px; flex-wrap:wrap}
.v-hero__card{
  position:absolute; right:var(--gut); bottom:84px; width:290px; background:rgba(255,255,255,.95);
  backdrop-filter:blur(8px); border-radius:var(--r); padding:18px; display:flex; gap:16px; align-items:center;
  box-shadow:0 22px 60px rgba(10,8,5,.28); transition:var(--t);
}
.v-hero__card:hover{transform:translateY(-4px)}
.v-hero__card img{width:74px; height:92px; object-fit:cover; border-radius:var(--r); flex:none}
.v-hero__card .eyebrow{margin-bottom:6px}
.v-hero__card strong{font-family:var(--f-display); font-size:19px; font-weight:500; color:var(--ink); display:block; line-height:1.2}
.v-hero__card span{font-size:13px; color:var(--muted)}
.v-scroll{position:absolute; left:50%; bottom:26px; transform:translateX(-50%); color:rgba(255,255,255,.7); font-size:10px; letter-spacing:.24em; text-transform:uppercase; display:flex; flex-direction:column; align-items:center; gap:8px}
.v-scroll i{display:block; width:1px; height:34px; background:linear-gradient(rgba(255,255,255,.7),transparent)}

/* ---------- Trust bar --------------------------------------------------- */
.v-trust{border-bottom:1px solid var(--line-soft); background:var(--paper)}
.v-trust ul{display:grid; grid-template-columns:repeat(4,1fr); list-style:none}
.v-trust li{display:flex; gap:13px; align-items:center; padding:26px 22px; border-left:1px solid var(--line-soft)}
.v-trust li:first-child{border-left:0}
.v-trust svg{width:21px; height:21px; stroke:var(--gold-deep); fill:none; stroke-width:1.2; flex:none}
.v-trust b{display:block; font-size:12.5px; font-weight:500; letter-spacing:.06em; color:var(--ink); text-transform:uppercase}
.v-trust span{font-size:12.5px; color:var(--muted)}

/* ---------- Kategorije --------------------------------------------------- */
.v-cats{display:grid; grid-template-columns:repeat(4,1fr); gap:22px}
.v-cat{position:relative; display:block; overflow:hidden; border-radius:var(--r); background:var(--sand)}
.v-cat__img{aspect-ratio:4/5; overflow:hidden}
.v-cat__img img{width:100%; height:100%; object-fit:cover; transition:transform .7s var(--ease)}
.v-cat:hover .v-cat__img img{transform:scale(1.05)}
.v-cat__ov{position:absolute; inset:0; background:linear-gradient(0deg,rgba(10,8,5,.62) 0%,rgba(10,8,5,.05) 55%)}
.v-cat__t{position:absolute; left:22px; right:22px; bottom:20px; color:#fff}
.v-cat__t h3{color:#fff; font-size:25px; margin-bottom:3px}
.v-cat__t span{font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:rgba(255,255,255,.75)}

/* ---------- Grid proizvoda ---------------------------------------------- */
.v-grid{display:grid; gap:34px 24px; list-style:none}
.v-grid--4{grid-template-columns:repeat(4,1fr)}
.v-grid--3{grid-template-columns:repeat(3,1fr)}

.v-card{position:relative}
.v-card__media{position:relative; aspect-ratio:3/4; overflow:hidden; background:var(--sand); border-radius:var(--r); display:block}
.v-card__media img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:opacity .5s var(--ease),transform .7s var(--ease)}
.v-card__media img.v-card__alt{opacity:0}
.v-card:hover .v-card__media img{transform:scale(1.04)}
.v-card:hover .v-card__media img.v-card__alt{opacity:1}
.v-card__badges{position:absolute; top:12px; left:12px; z-index:3; display:flex; flex-direction:column; gap:6px; align-items:flex-start}
.v-badge{font-size:9.5px; font-weight:500; letter-spacing:.18em; text-transform:uppercase; padding:6px 10px; background:var(--ink); color:#fff; border-radius:var(--r)}
.v-badge--sale{background:var(--sale)}
.v-badge--new{background:var(--gold)}
.v-badge--out{background:rgba(23,20,15,.72)}
.v-card__wish{position:absolute; top:10px; right:10px; z-index:3; width:36px; height:36px; border-radius:50%; background:rgba(255,255,255,.92); display:flex; align-items:center; justify-content:center; opacity:0; transform:translateY(-6px); transition:var(--t); border:0; cursor:pointer}
.v-card:hover .v-card__wish{opacity:1; transform:none}
.v-card__wish svg{width:16px; height:16px; stroke:var(--ink); fill:none; stroke-width:1.4}
.v-card__wish.is-on svg{fill:var(--sale); stroke:var(--sale)}

.v-card__quick{position:absolute; left:10px; right:10px; bottom:10px; z-index:3; background:rgba(255,255,255,.97); border-radius:var(--r); padding:11px; opacity:0; transform:translateY(10px); transition:var(--t); box-shadow:0 14px 34px rgba(23,20,15,.16)}
.v-card:hover .v-card__quick{opacity:1; transform:none}
.v-card__quick .v-qs{display:flex; gap:6px; flex-wrap:wrap; justify-content:center}
.v-qs a,.v-qs span{min-width:34px; height:30px; padding:0 8px; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--line); border-radius:var(--r); font-size:11.5px; letter-spacing:.06em; color:var(--ink-2); transition:var(--t); background:#fff}
.v-qs a:hover{border-color:var(--ink); background:var(--ink); color:#fff}
.v-qs span{color:var(--faint); border-style:dashed; text-decoration:line-through}
.v-card__body{padding-top:15px}
.v-card__cat{font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:var(--muted); display:block; margin-bottom:7px}
.v-card__title{font-family:var(--f-display); font-size:19px; line-height:1.22; color:var(--ink); margin:0 0 8px; font-weight:500}
.v-card__title a:hover{color:var(--gold-deep)}
.v-card__price{font-family:var(--f-ui); font-size:14px; font-weight:500; color:var(--ink); letter-spacing:.02em; display:flex; align-items:baseline; gap:9px}
.v-card__price del{color:var(--faint); font-weight:400; font-size:13px; text-decoration:line-through}
.v-card__price ins{text-decoration:none; color:var(--sale)}
.v-card__rank{position:absolute; top:12px; left:12px; z-index:3; width:34px; height:34px; border-radius:50%; background:rgba(255,255,255,.94); color:var(--ink); font-family:var(--f-display); font-size:15px; display:flex; align-items:center; justify-content:center; letter-spacing:.02em}

/* skriveno: ocene proizvoda (zvezdice i recenzije) */
.star-rating,
.woocommerce-product-rating,
.woocommerce-review-link,
#reviews,
.comment-form-rating,
.woocommerce-Reviews,
.wc-block-components-product-rating,
.wc-block-review-list,
.wopb-product-ratting,
.wopb-product-rating,
.wopb-rating,
.wp-block-product-blocks-rating,
.ast-woo-product-rating{display:none!important}

/* ---------- Marquee ------------------------------------------------------ */
.v-marq{background:var(--ink); color:#fff; padding:20px 0; overflow:hidden; white-space:nowrap}
.v-marq__t{display:inline-flex; align-items:center; gap:38px; animation:vMarq 34s linear infinite; will-change:transform}
.v-marq span{font-family:var(--f-display); font-size:23px; letter-spacing:.04em; color:#fff}
.v-marq i{width:5px; height:5px; border-radius:50%; background:var(--gold); display:inline-block}
@keyframes vMarq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- Promo split --------------------------------------------------- */
.v-promo{display:grid; grid-template-columns:1fr 1fr; align-items:stretch; background:var(--cream)}
.v-promo__img{position:relative; min-height:520px}
.v-promo__img img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}
.v-promo__tag{position:absolute; top:26px; left:26px; background:var(--sale); color:#fff; font-size:11px; letter-spacing:.18em; text-transform:uppercase; padding:9px 14px; border-radius:var(--r)}
.v-promo__c{padding:76px var(--gut); display:flex; flex-direction:column; justify-content:center}
.v-promo__c h2{margin-bottom:16px}
.v-cd{display:flex; gap:12px; margin:8px 0 30px}
.v-cd div{min-width:66px; text-align:center; background:var(--paper); border:1px solid var(--line); border-radius:var(--r); padding:12px 8px}
.v-cd b{display:block; font-family:var(--f-display); font-size:28px; color:var(--ink); line-height:1}
.v-cd span{font-size:9.5px; letter-spacing:.18em; text-transform:uppercase; color:var(--muted)}

/* ---------- Koraci (tamna sekcija) --------------------------------------- */
.v-steps{display:grid; grid-template-columns:repeat(3,1fr); gap:30px; margin-top:52px}
.v-step{padding:32px 28px; border:1px solid rgba(255,255,255,.12); border-radius:var(--r); background:rgba(255,255,255,.02)}
.v-step b{font-family:var(--f-display); font-size:38px; color:var(--gold-light); display:block; line-height:1; margin-bottom:16px}
.v-step h3{font-size:22px; margin-bottom:9px; color:#fff}
.v-step p{color:rgba(239,233,222,.68); font-size:14px; margin:0}

/* ---------- Lookbook ------------------------------------------------------ */
.v-look{display:grid; grid-template-columns:repeat(5,1fr); gap:12px}
.v-look a{position:relative; aspect-ratio:1/1; overflow:hidden; border-radius:var(--r); background:var(--sand); display:block}
.v-look img{width:100%; height:100%; object-fit:cover; transition:transform .7s var(--ease)}
.v-look a:hover img{transform:scale(1.06)}
.v-look a::after{content:""; position:absolute; inset:0; background:rgba(23,20,15,.28); opacity:0; transition:var(--t)}
.v-look a:hover::after{opacity:1}

/* ---------- Newsletter ---------------------------------------------------- */
.v-news{text-align:center}
.v-news .h2{margin-bottom:12px}
.v-news p{color:var(--muted); max-width:520px; margin:0 auto 30px}
.v-nf{display:flex; gap:10px; max-width:470px; margin:0 auto}
.v-nf input{flex:1; padding:15px 18px; border:1px solid var(--line); background:var(--paper); border-radius:var(--r); font-family:var(--f-ui); font-size:14px; color:var(--ink)}
.v-nf input::placeholder{color:var(--faint)}
.v-nf input:focus{outline:none; border-color:var(--gold)}

/* ---------- Footer --------------------------------------------------------- */
.v-ftr{background:var(--ink); color:rgba(239,233,222,.72); padding:82px 0 0}
.v-ftr__grid{display:grid; grid-template-columns:1.5fr 1fr 1fr 1.2fr; gap:48px; padding-bottom:56px}
.v-ftr h4{font-family:var(--f-ui); font-size:10.5px; letter-spacing:.24em; text-transform:uppercase; color:#fff; font-weight:500; margin:0 0 20px}
.v-ftr ul{list-style:none}
.v-ftr li{margin-bottom:11px}
.v-ftr a{font-size:14px; color:rgba(239,233,222,.72); transition:color .25s}
.v-ftr a:hover{color:var(--gold-light)}
.v-ftr__brand img{max-height:32px; width:auto; filter:brightness(0) invert(1); margin-bottom:20px}
.v-ftr__brand .v-logo__txt{font-family:var(--f-display); font-size:26px; letter-spacing:.34em; color:#fff; text-transform:uppercase; display:block; margin-bottom:20px}
.v-ftr__brand p{font-size:14px; max-width:300px; line-height:1.75}
.v-soc{display:flex; gap:10px; margin-top:22px}
.v-soc a{width:38px; height:38px; border:1px solid rgba(255,255,255,.16); border-radius:50%; display:flex; align-items:center; justify-content:center; transition:var(--t)}
.v-soc a:hover{background:var(--gold); border-color:var(--gold)}
.v-soc svg{width:16px; height:16px; fill:currentColor}
.v-ftr__bot{border-top:1px solid rgba(255,255,255,.1); padding:24px 0; display:flex; align-items:center; justify-content:space-between; gap:24px; font-size:12.5px; flex-wrap:wrap}
.v-pay{display:flex; gap:8px; align-items:center}
.v-pay span{border:1px solid rgba(255,255,255,.16); border-radius:var(--r); padding:5px 9px; font-size:10px; letter-spacing:.12em; text-transform:uppercase}

/* ---------- Page head / breadcrumb ----------------------------------------- */
.v-crumb{font-size:11.5px; letter-spacing:.1em; color:var(--muted); padding:22px 0}
.v-crumb a{color:var(--muted)} .v-crumb a:hover{color:var(--gold-deep)}
.v-crumb .sep{margin:0 8px; color:var(--faint)}
.v-phead{padding:8px 0 40px; border-bottom:1px solid var(--line-soft)}
.v-phead h1{margin-bottom:10px}
.v-phead p{color:var(--muted); margin:0}
.v-pills{display:flex; gap:9px; flex-wrap:wrap; margin-top:26px}
.v-pill{border:1px solid var(--line); border-radius:100px; padding:9px 18px; font-size:11.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-2); transition:var(--t); background:var(--paper)}
.v-pill:hover{border-color:var(--ink); color:var(--ink)}
.v-pill.is-on{background:var(--ink); border-color:var(--ink); color:#fff}

/* ---------- Shop layout ------------------------------------------------------ */
.v-shop{display:grid; grid-template-columns:250px 1fr; gap:56px; padding:44px 0 var(--sec); align-items:start}
.v-side{position:sticky; top:calc(var(--hdr) + 20px)}
.admin-bar .v-side{top:calc(var(--hdr) + 52px)}
.v-fgroup{border-bottom:1px solid var(--line-soft); padding:20px 0}
.v-fgroup:first-child{padding-top:0}
.v-fgroup > h3,.v-fgroup > .widgettitle,.v-fgroup > .widget-title{
  font-family:var(--f-ui); font-size:10.5px; letter-spacing:.22em; text-transform:uppercase;
  color:var(--ink); font-weight:500; margin:0 0 16px; display:flex; align-items:center; justify-content:space-between;
}
.v-side ul{list-style:none; font-size:14px}
.v-side ul li{margin-bottom:9px; display:flex; justify-content:space-between; align-items:center; gap:8px}
.v-side ul li a{color:var(--ink-2); transition:color .25s; flex:1}
.v-side ul li a:hover{color:var(--gold-deep)}
.v-side ul li .count{color:var(--faint); font-size:12px}
.v-side ul li.chosen > a,.v-side ul li.current-cat > a{color:var(--gold-deep); font-weight:500}
.v-side ul li.chosen > a::before{content:"\00d7"; margin-right:7px; color:var(--sale)}
.v-side .children{margin:9px 0 0 14px}

/* velicine kao chip-ovi */
.v-fsize ul{display:flex; flex-wrap:wrap; gap:7px}
.v-fsize ul li{margin:0; display:block}
.v-fsize ul li a,.v-fsize ul li.chosen > a{
  display:inline-flex; align-items:center; justify-content:center; min-width:42px; height:36px; padding:0 10px;
  border:1px solid var(--line); border-radius:var(--r); font-size:12.5px; color:var(--ink-2); background:var(--paper); transition:var(--t);
}
.v-fsize ul li a:hover{border-color:var(--ink); color:var(--ink)}
.v-fsize ul li.chosen > a{background:var(--ink); border-color:var(--ink); color:#fff}
.v-fsize ul li.chosen > a::before{content:none}
.v-fsize ul li .count{display:none}

/* pretraga */
.v-fsearch form{position:relative}
.v-fsearch input[type=search],.v-fsearch input[type=text]{
  width:100%; padding:13px 40px 13px 15px; border:1px solid var(--line); border-radius:var(--r);
  font-family:var(--f-ui); font-size:13.5px; background:var(--paper); color:var(--ink);
}
.v-fsearch input:focus{outline:none; border-color:var(--gold)}
.v-fsearch button{position:absolute; right:6px; top:50%; transform:translateY(-50%); background:none; border:0; cursor:pointer; color:var(--muted); padding:6px; font-size:0}
.v-fsearch button::after{content:""; display:block; width:15px; height:15px; border:1.4px solid currentColor; border-radius:50%; box-shadow:6px 6px 0 -5.4px currentColor; transform:rotate(-45deg)}

/* price filter */
.v-side .price_slider_wrapper{padding-top:6px}
.v-side .price_slider_amount{display:flex; flex-direction:column-reverse; gap:14px}
.v-side .price_slider_amount .price_label{font-size:13px; color:var(--ink-2); text-align:left}
.v-side .price_slider_amount .price_label span{font-weight:500; color:var(--ink)}
.v-side .price_slider_amount button.button{
  align-self:flex-start; background:var(--ink); color:#fff; border:1px solid var(--ink); border-radius:var(--r);
  font-family:var(--f-ui); font-size:10.5px; letter-spacing:.18em; text-transform:uppercase; padding:11px 20px; cursor:pointer; transition:var(--t);
}
.v-side .price_slider_amount button.button:hover{background:var(--gold-deep); border-color:var(--gold-deep)}
.v-side .ui-slider{position:relative; height:2px; background:var(--line); border-radius:2px; margin:16px 8px 6px}
.v-side .ui-slider .ui-slider-range{position:absolute; height:2px; background:var(--gold)}
.v-side .ui-slider .ui-slider-handle{position:absolute; width:14px; height:14px; top:-6px; margin-left:-7px; background:var(--paper); border:1.5px solid var(--gold-deep); border-radius:50%; cursor:grab; outline:none}
.v-side input[type=text].price_slider_amount,.v-side .price_slider_amount input{display:none!important}

.v-fclear{display:inline-flex; align-items:center; gap:7px; margin-top:22px; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); transition:color .25s}
.v-fclear:hover{color:var(--sale)}

/* toolbar */
.v-tools-bar{display:flex; align-items:center; justify-content:space-between; gap:20px; padding-bottom:22px; border-bottom:1px solid var(--line-soft); margin-bottom:32px; flex-wrap:wrap}
.v-chips{display:flex; gap:8px; flex-wrap:wrap; align-items:center}
.v-chip{display:inline-flex; align-items:center; gap:8px; background:var(--gold-wash); border:1px solid var(--gold-light); border-radius:100px; padding:7px 13px; font-size:11.5px; color:var(--gold-deep); letter-spacing:.06em}
.v-chip b{font-weight:500}
.v-chip::after{content:"\00d7"; font-size:14px; line-height:1; opacity:.7}
.v-chip:hover::after{opacity:1}
.v-count{font-size:12.5px; color:var(--muted); letter-spacing:.04em}
.v-sort{display:flex; align-items:center; gap:12px}
.v-sort select,.woocommerce-ordering select{
  appearance:none; -webkit-appearance:none; border:1px solid var(--line); border-radius:var(--r);
  padding:11px 36px 11px 14px; font-family:var(--f-ui); font-size:12px; letter-spacing:.08em; color:var(--ink);
  background:var(--paper) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238A8175' stroke-width='1.3' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 13px center/11px; cursor:pointer;
}
.v-sort select:focus{outline:none; border-color:var(--gold)}

/* mobilni filter dugmici */
.v-mfilters{display:none; gap:10px; margin-bottom:22px}
.v-mfilters button{flex:1; border:1px solid var(--line); background:var(--paper); border-radius:var(--r); padding:13px; font-size:11.5px; letter-spacing:.14em; text-transform:uppercase; cursor:pointer}
.v-side__close{display:none}

/* promo plocica u gridu */
.v-tile{grid-column:span 1; position:relative; overflow:hidden; border-radius:var(--r); min-height:100%; display:flex; align-items:flex-end; background:var(--ink)}
.v-tile img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.62; transition:transform .7s var(--ease)}
.v-tile:hover img{transform:scale(1.05)}
.v-tile__c{position:relative; padding:26px; color:#fff}
.v-tile__c h3{color:#fff; font-size:26px; margin-bottom:8px}
.v-tile__c span{font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:var(--gold-light)}

/* paginacija */
.v-pag{display:flex; justify-content:center; gap:8px; margin-top:64px}
.v-pag .page-numbers{min-width:42px; height:42px; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--line); border-radius:var(--r); font-size:13px; color:var(--ink-2); transition:var(--t); padding:0 12px}
.v-pag .page-numbers:hover{border-color:var(--ink); color:var(--ink)}
.v-pag .page-numbers.current{background:var(--ink); border-color:var(--ink); color:#fff}
.v-pag .page-numbers.dots{border:0}

/* SEO / FAQ */
.v-faq{border-top:1px solid var(--line-soft); padding-top:34px; margin-top:14px}
.v-acc{border-bottom:1px solid var(--line-soft)}
.v-acc__h{width:100%; display:flex; align-items:center; justify-content:space-between; gap:20px; background:none; border:0; padding:20px 0; cursor:pointer; text-align:left; font-family:var(--f-ui); font-size:13.5px; font-weight:500; letter-spacing:.04em; color:var(--ink)}
.v-acc__h::after{content:""; width:11px; height:11px; flex:none; background:linear-gradient(var(--ink),var(--ink)) center/100% 1.3px no-repeat,linear-gradient(var(--ink),var(--ink)) center/1.3px 100% no-repeat; transition:transform .3s var(--ease)}
.v-acc.is-open .v-acc__h::after{transform:rotate(90deg); background:linear-gradient(var(--gold-deep),var(--gold-deep)) center/100% 1.3px no-repeat}
.v-acc__b{display:none; padding:0 0 22px; color:var(--muted); font-size:14px; line-height:1.75; max-width:820px}
.v-acc.is-open .v-acc__b{display:block}
.v-acc__b ul{list-style:disc; padding-left:18px}
.v-acc__b li{margin-bottom:6px}

/* ---------- Stranica proizvoda -------------------------------------------- */
.v-pdp{display:grid; grid-template-columns:1.12fr .88fr; gap:64px; padding:16px 0 var(--sec); align-items:start}
.v-gal{display:grid; grid-template-columns:78px 1fr; gap:14px}
.v-gal__rail{display:flex; flex-direction:column; gap:10px}
.v-gal__rail button{padding:0; border:1px solid transparent; background:none; cursor:pointer; border-radius:var(--r); overflow:hidden; aspect-ratio:3/4}
.v-gal__rail img{width:100%; height:100%; object-fit:cover}
.v-gal__rail button.is-on{border-color:var(--gold)}
.v-gal__main{position:relative; aspect-ratio:3/4; overflow:hidden; border-radius:var(--r); background:var(--sand)}
.v-gal__main img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; cursor:zoom-in; transition:transform .8s var(--ease)}
.v-gal__main:hover img{transform:scale(1.05)}
.v-gal__hint{position:absolute; bottom:12px; right:12px; background:rgba(255,255,255,.92); font-size:10px; letter-spacing:.16em; text-transform:uppercase; padding:8px 12px; border-radius:var(--r); color:var(--ink-2); pointer-events:none}

.v-info{position:sticky; top:calc(var(--hdr) + 24px)}
.admin-bar .v-info{top:calc(var(--hdr) + 56px)}
.v-info h1{font-size:clamp(30px,3.2vw,44px); margin:6px 0 14px}
.v-info__sku{font-size:11.5px; color:var(--muted); letter-spacing:.08em; margin-bottom:18px}
.v-price{display:flex; align-items:baseline; gap:12px; font-family:var(--f-display); font-size:33px; color:var(--ink); margin-bottom:8px}
.v-price del{font-size:20px; color:var(--faint)}
.v-price ins{text-decoration:none; color:var(--sale)}
.v-ship{font-size:12.5px; color:var(--ok); letter-spacing:.04em; margin-bottom:24px; display:flex; align-items:center; gap:7px}
.v-ship::before{content:""; width:6px; height:6px; border-radius:50%; background:var(--ok)}
.v-excerpt{color:var(--muted); font-size:14.5px; line-height:1.75; padding-bottom:26px; border-bottom:1px solid var(--line-soft); margin-bottom:26px}
.v-opt{margin-bottom:24px}
.v-opt__l{display:flex; align-items:center; justify-content:space-between; margin-bottom:12px}
.v-opt__l b{font-size:11px; letter-spacing:.2em; text-transform:uppercase; font-weight:500; color:var(--ink)}
.v-opt__l a{font-size:11.5px; color:var(--muted); border-bottom:1px solid var(--line)}
.v-opt__l a:hover{color:var(--gold-deep)}
.v-stock{font-size:12.5px; color:var(--gold-deep); margin-bottom:20px}
.v-usp{display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-top:30px; padding-top:26px; border-top:1px solid var(--line-soft)}
.v-usp div{display:flex; gap:10px; align-items:flex-start; font-size:12.5px; color:var(--muted)}
.v-usp svg{width:17px; height:17px; stroke:var(--gold-deep); fill:none; stroke-width:1.2; flex:none; margin-top:1px}

/* WooCommerce forma za dodavanje u korpu */
.v-info form.cart{margin:0 0 6px}
.v-info .variations{width:100%; margin:0 0 20px; border-collapse:collapse}
.v-info .variations tr{display:block; margin-bottom:18px}
.v-info .variations th,.v-info .variations td{display:block; text-align:left; padding:0}
.v-info .variations th label{font-size:11px; letter-spacing:.2em; text-transform:uppercase; font-weight:500; color:var(--ink); margin-bottom:11px; display:block}
.v-info .variations select{
  width:100%; appearance:none; -webkit-appearance:none; border:1px solid var(--line); border-radius:var(--r);
  padding:14px 38px 14px 15px; font-family:var(--f-ui); font-size:14px; color:var(--ink);
  background:var(--paper) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238A8175' stroke-width='1.3' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 14px center/11px;
}
.v-info .variations select:focus{outline:none; border-color:var(--gold)}
.v-info .reset_variations{font-size:11.5px; color:var(--muted); letter-spacing:.1em; text-transform:uppercase; display:inline-block; margin-top:8px}
.v-info .woocommerce-variation-price{margin-bottom:16px}
.v-info .woocommerce-variation-price .price{font-family:var(--f-display); font-size:27px; color:var(--ink)}
.v-cartrow{display:flex; gap:12px; align-items:stretch; margin-bottom:12px}
.v-info .quantity{display:flex; align-items:center; border:1px solid var(--line); border-radius:var(--r); overflow:hidden; flex:none}
.v-info .quantity input[type=number]{width:56px; height:52px; border:0; text-align:center; font-family:var(--f-ui); font-size:15px; color:var(--ink); background:var(--paper); -moz-appearance:textfield}
.v-info .quantity input::-webkit-outer-spin-button,.v-info .quantity input::-webkit-inner-spin-button{-webkit-appearance:none; margin:0}
.v-qbtn{width:40px; height:52px; background:var(--paper); border:0; cursor:pointer; color:var(--ink); font-size:17px; line-height:1; transition:background .25s}
.v-qbtn:hover{background:var(--sand)}
.v-info button.single_add_to_cart_button,.v-info .single_add_to_cart_button{
  flex:1; display:inline-flex; align-items:center; justify-content:center; gap:10px;
  font-family:var(--f-ui); font-weight:500; font-size:11.5px; letter-spacing:.18em; text-transform:uppercase;
  padding:16px 26px; border:1px solid var(--ink); background:var(--ink); color:#fff; border-radius:var(--r); cursor:pointer; transition:var(--t); min-height:52px;
}
.v-info button.single_add_to_cart_button:hover{background:var(--gold-deep); border-color:var(--gold-deep)}
.v-info .single_add_to_cart_button.disabled{opacity:.45; cursor:not-allowed}
.v-buynow{width:100%; margin-bottom:6px}
.woocommerce-variation-add-to-cart{display:flex; gap:12px; align-items:stretch}

/* velicine kao chip-ovi na stranici proizvoda */
.v-swatch{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:6px}
.v-sw{
  min-width:52px; height:44px; padding:0 14px; display:inline-flex; align-items:center; justify-content:center;
  border:1px solid var(--line); background:var(--paper); border-radius:var(--r); cursor:pointer;
  font-family:var(--f-ui); font-size:13.5px; letter-spacing:.06em; color:var(--ink-2); transition:var(--t);
}
.v-sw:hover:not(:disabled){border-color:var(--ink); color:var(--ink)}
.v-sw.is-on{background:var(--ink); border-color:var(--ink); color:#fff}
.v-sw.is-off{color:var(--faint); border-style:dashed; text-decoration:line-through; cursor:not-allowed}
select.v-sel-hidden{position:absolute!important; width:1px; height:1px; opacity:0; pointer-events:none; margin:0; padding:0; border:0}

.v-pdp-sec{padding:0 0 var(--sec)}
.v-split{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center}
.v-split img{border-radius:var(--r); aspect-ratio:4/5; object-fit:cover; width:100%}
.v-ticks{list-style:none; margin-top:24px}
.v-ticks li{display:flex; gap:12px; padding:12px 0; border-bottom:1px solid var(--line-soft); font-size:14.5px; color:var(--ink-2)}
.v-ticks li::before{content:""; width:16px; height:16px; flex:none; margin-top:3px; border-radius:50%; background:var(--gold-wash); box-shadow:inset 0 0 0 1px var(--gold-light)}

/* ---------- Notices, cart, checkout ------------------------------------------ */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-notices-wrapper .woocommerce-message{
  background:var(--gold-wash); border:1px solid var(--gold-light); border-left:3px solid var(--gold);
  border-radius:var(--r); padding:15px 20px; font-size:13.5px; color:var(--ink-2); list-style:none; margin:0 0 24px;
}
.woocommerce-error{background:#FBF0EE; border-color:#E7C7C1; border-left-color:var(--sale); color:#7A2C22}
.woocommerce-message .button,.woocommerce-info .button{float:right; background:var(--ink); color:#fff; padding:8px 16px; border-radius:var(--r); font-size:10.5px; letter-spacing:.16em; text-transform:uppercase}
.vista .woocommerce a.button,.vista .woocommerce button.button,.vista .woocommerce input.button,.vista .wc-block-components-button{
  background:var(--ink); color:#fff; border:1px solid var(--ink); border-radius:var(--r);
  font-family:var(--f-ui); font-weight:500; font-size:11.5px; letter-spacing:.18em; text-transform:uppercase; padding:15px 26px; transition:var(--t);
}
.vista .woocommerce a.button:hover,.vista .woocommerce button.button:hover,.vista .woocommerce input.button:hover{background:var(--gold-deep); border-color:var(--gold-deep); color:#fff}
.vista .woocommerce table.shop_table{border:1px solid var(--line); border-radius:var(--r); border-collapse:collapse; width:100%}
.vista .woocommerce table.shop_table th{font-family:var(--f-ui); font-size:10.5px; letter-spacing:.2em; text-transform:uppercase; color:var(--ink); font-weight:500; padding:16px; border-bottom:1px solid var(--line)}
.vista .woocommerce table.shop_table td{padding:16px; border-bottom:1px solid var(--line-soft); font-size:14px}
.vista .woocommerce form .form-row input.input-text,.vista .woocommerce form .form-row textarea,.vista .woocommerce form .form-row select{
  border:1px solid var(--line); border-radius:var(--r); padding:13px 15px; font-family:var(--f-ui); font-size:14px; background:var(--paper); width:100%;
}
.vista .woocommerce form .form-row label{font-size:12px; letter-spacing:.08em; color:var(--ink-2); margin-bottom:7px; display:block}

/* stranica sadrzaja (page.php) */
.v-page{padding:32px 0 var(--sec)}
.v-page__body{max-width:820px}
.v-page__body h2{font-size:32px; margin:38px 0 14px}
.v-page__body h3{font-size:24px; margin:30px 0 12px}
.v-page__body a{color:var(--gold-deep); border-bottom:1px solid var(--gold-light)}
.v-page--full .v-page__body{max-width:none}

/* ---------- Reveal animacije --------------------------------------------------- */
.v-rev{opacity:0; transform:translateY(22px)}
.v-rev.is-in{opacity:1; transform:none; transition:opacity .8s var(--ease),transform .8s var(--ease)}

/* ---------- Responsive ---------------------------------------------------------- */
@media(max-width:1180px){
  :root{--gut:32px; --sec:90px}
  .v-shop{grid-template-columns:220px 1fr; gap:36px}
  .v-grid--4{grid-template-columns:repeat(3,1fr)}
  .v-look{grid-template-columns:repeat(3,1fr)}
  .v-look a:nth-child(n+4){display:none}
}
@media(max-width:1024px){
  .v-pdp{grid-template-columns:1fr; gap:44px}
  .v-info{position:static}
  .v-gal{grid-template-columns:1fr}
  .v-gal__rail{flex-direction:row; overflow-x:auto; gap:9px}
  .v-gal__rail button{flex:none; width:72px}
  .v-split{grid-template-columns:1fr; gap:34px}
  .v-promo{grid-template-columns:1fr}
  .v-promo__img{min-height:340px}
  .v-promo__c{padding:52px var(--gut)}
}
@media(max-width:900px){
  .v-nav{display:none}
  .v-burger{display:inline-flex}
  .v-hdr__in{grid-template-columns:1fr auto 1fr}
  .v-cats{grid-template-columns:repeat(2,1fr)}
  .v-trust ul{grid-template-columns:repeat(2,1fr)}
  .v-trust li:nth-child(3){border-left:0}
  .v-trust li:nth-child(n+3){border-top:1px solid var(--line-soft)}
  .v-steps{grid-template-columns:1fr}
  .v-ftr__grid{grid-template-columns:1fr 1fr; gap:36px}
  .v-hero__card{display:none}
  .v-shop{grid-template-columns:1fr; gap:0}
  .v-mfilters{display:flex}
  .v-side{
    position:fixed; inset:0; z-index:90; background:var(--paper); transform:translateX(-100%);
    transition:transform .4s var(--ease); overflow-y:auto; padding:20px 20px 40px;
  }
  .v-side.is-open{transform:none}
  .v-side__close{display:flex; align-items:center; justify-content:space-between; width:100%; padding-bottom:16px; margin-bottom:8px; border-bottom:1px solid var(--line-soft)}
  .v-side__close b{font-size:11px; letter-spacing:.22em; text-transform:uppercase}
  .v-side__close button{background:none; border:0; font-size:24px; line-height:1; cursor:pointer; color:var(--ink)}
}
@media(max-width:680px){
  :root{--gut:20px; --sec:60px; --hdr:62px}
  body.vista{font-size:14.5px}
  .v-grid--4,.v-grid--3{grid-template-columns:repeat(2,1fr); gap:26px 14px}
  .v-card__title{font-size:16px}
  .v-card__quick{display:none}
  .v-hero{min-height:78vh}
  .v-hero__in{padding-bottom:54px}
  .v-hero__cta{flex-direction:column; align-items:stretch}
  .v-hero__cta .v-btn{width:100%}
  .v-look{grid-template-columns:repeat(2,1fr)}
  .v-ftr__grid{grid-template-columns:1fr}
  .v-nf{flex-direction:column}
  .v-head--row{flex-direction:column; align-items:flex-start; gap:16px}
  .v-usp{grid-template-columns:1fr}
  .v-cd div{min-width:56px}
  .v-tools-bar{gap:12px}
  .v-marq span{font-size:19px}
  .v-cartrow{flex-wrap:wrap}
  .v-info button.single_add_to_cart_button{width:100%}
}
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.01ms!important; transition-duration:.01ms!important}
  .v-rev{opacity:1; transform:none}
}

/* ==========================================================================
   Korekcije (v1.0.1)
   ========================================================================== */

/* 1) `.vista a{color:inherit}` je bio specificniji od komponenti — vracamo boje */
.vista .v-btn{color:var(--fg)}
.vista .v-link{color:var(--ink)}
.vista .v-link:hover{color:var(--gold-deep)}
.vista .v-pill{color:var(--ink-2)}
.vista .v-pill.is-on{color:#fff}
.vista .v-chip{color:var(--gold-deep)}
.vista .v-fclear{color:var(--muted)}
.vista .v-cat,.vista .v-card__media{color:inherit}

/* 2) Transparentno zaglavlje preko hero-a: sticky + negativna margina
      (apsolutno pozicioniranje se preklapalo sa trakom obavestenja) */
body.vista{overflow-x:clip}
.v-hdr--over{
  position:sticky; top:0; left:auto; right:auto;
  margin-bottom:calc(-1 * var(--hdr) - 1px);
  background:transparent; border-color:transparent;
}
.admin-bar .v-hdr--over{top:32px}
.v-hdr.is-stuck{position:sticky; animation:none; left:auto; right:auto}
.v-hdr--over.is-stuck{margin-bottom:calc(-1 * var(--hdr) - 1px)}

/* ---------- Korekcije (v1.0.2) ------------------------------------------- */

/* Meni: wp_nav_menu vraca <li> bez <ul> — sklanjamo tacke */
.v-nav li,.v-mob nav li{list-style:none; display:block; margin:0}
.v-nav ul,.v-mob nav ul{list-style:none; margin:0; padding:0; display:contents}

/* Logo: SVG bez eksplicitne sirine je kolabirao na 0 */
.vista .v-logo img{height:34px; width:auto; max-width:230px; max-height:none}
.vista .v-ftr__brand img{height:32px; width:auto; max-width:230px; max-height:none}

/* Citljivost zaglavlja preko svetle hero fotografije */
.v-hero__scrim{
  background:
    linear-gradient(180deg,rgba(10,8,5,.42) 0%,rgba(10,8,5,0) 24%),
    linear-gradient(90deg,rgba(10,8,5,.62) 0%,rgba(10,8,5,.30) 46%,rgba(10,8,5,.04) 100%),
    linear-gradient(0deg,rgba(10,8,5,.42) 0%,rgba(10,8,5,0) 44%);
}
.v-hdr--over .v-logo img{filter:brightness(0) invert(1) drop-shadow(0 1px 4px rgba(0,0,0,.35))}

/* Astra dugme „nazad na vrh“ u duhu teme */
#ast-scroll-top{
  background:var(--ink)!important; color:#fff!important; border-radius:var(--r)!important;
  width:42px; height:42px; line-height:42px;
}
#ast-scroll-top:hover{background:var(--gold-deep)!important}

/* ---------- Korekcije (v1.0.3) ------------------------------------------- */

/* Galerija: kad proizvod ima samo jednu sliku nema thumbnail rail-a */
.v-gal{grid-template-columns:1fr}
.v-gal:has(.v-gal__rail){grid-template-columns:78px 1fr}

/* WooCommerce tabela varijacija — bez okvira teme */
.v-info .variations,
.v-info .variations tbody,
.v-info .variations tr,
.v-info .variations th,
.v-info .variations td{border:0!important; background:transparent}

/* Link u editorijal plocici */
.v-tile__c .v-link{border:0; border-bottom:1px solid var(--gold-light); padding:0 0 4px}

/* ---------- Korekcije (v1.0.4) ------------------------------------------- */
@media(max-width:900px){
  .v-scroll{display:none}
}