/**
 * Zlatara Pjer — kompletan dizajn sistem teme
 *
 * @package    Zlatara_Pjer
 * @version    2.11.0
 * @author     LIMARK DOO — Pančevo, Srbija
 * @link       https://limark.rs
 * @copyright  2026 LIMARK DOO. Sva prava zadržana.
 */
/* ============================================================
   Zlatara Pjer — glavni stil teme
   ============================================================ */
:root{
  --ink:#211c15; --ink-soft:#4d453a; --muted:#847a6b;
  --gold:#b08d4a; --gold-deep:#8f6f33; --gold-bright:#d8b873; --gold-pale:#e9dcc0;
  --cream:#faf7f0; --cream-2:#f4eee1; --white:#fff;
  --royal-bg:#0e0a06; --royal-bg2:#1b140b;
  --hair:rgba(176,141,74,.28);
  --shadow-soft:0 18px 50px -18px rgba(60,45,20,.22);
  --serif:'Cormorant Garamond','Times New Roman',serif;
  --script:'Great Vibes',cursive;
  --sans:'Jost','Segoe UI',sans-serif;
  --gv-scale:1.22;   /* koliko je |reč| veća od okolnog teksta — jedini broj za štimovanje */
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%;color-scheme:only light}
@supports not (overflow-x:clip){html{overflow-x:hidden}}
a,button,input,select,textarea,label,summary{-webkit-tap-highlight-color:transparent}
a,button,.pill,.cat-it,.thumbs a,.plb-tools button,.plb-nav,.dots .d{touch-action:manipulation}
body{font-family:var(--sans);font-weight:300;color:var(--ink);background:var(--white);line-height:1.65;font-size:17px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
/* Kompaktna razmera za FullHD i HD ekrane.
   Raspored je doteran za 2K/4K (tamo ostaje 1:1); na ekranima manje gustine
   isti pikseli deluju kao uveličani, pa se ceo sajt ravnomerno smanji —
   identičan izgled, više sadržaja u kadru. Mobilni prelomi (≤1080px) se ne
   diraju: media upiti se računaju po stvarnoj širini ekrana, ne po zumu. */
@media (min-width:1530px) and (max-width:1999.98px){ body{zoom:.85} }
@media (min-width:1200px) and (max-width:1529.98px){ body{zoom:.8} }
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.15}
::selection{background:var(--gold);color:#fff}
::-webkit-scrollbar{width:11px}
::-webkit-scrollbar-track{background:#f2ede2}
::-webkit-scrollbar-thumb{background:linear-gradient(#c9a560,#8f6f33);border-radius:6px;border:2px solid #f2ede2}
#wpadminbar{position:fixed !important}

/* ===== Pjer logo (maska + shimmer) ===== */
.pjer-script{
  --pm:var(--pjer-mask);
  display:block;width:var(--lw,120px);aspect-ratio:5800/4580;
  background:linear-gradient(105deg,#8a6a33 0%,#b08d4a 28%,#d9bc7d 50%,#b08d4a 72%,#8a6a33 100%);
  background-size:200% 100%;background-position:50% 0;
  -webkit-mask:var(--pm) center/contain no-repeat;mask:var(--pm) center/contain no-repeat;
  filter:drop-shadow(0 1px 1px rgba(90,65,20,.3));
  animation:pjerShine 11s ease-in-out infinite;
}
@keyframes pjerShine{0%,100%{background-position:22% 0}50%{background-position:78% 0}}
.pjer-foot{background:linear-gradient(160deg,#f2e2b6 0%,#d8b873 45%,#a5813f 100%);background-size:100% 100%;animation:none;filter:drop-shadow(0 2px 10px rgba(0,0,0,.45))}
.hero-logo{margin:14px 0 10px;filter:drop-shadow(0 2px 5px rgba(120,90,35,.3))}
.pjer-logo-img{height:auto}

/* ===== preloader ===== */
.pjer-skip-loader #loader{display:none}
#loader{position:fixed;inset:0;z-index:300;background:#fffdf9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;transition:opacity .8s ease, visibility .8s ease}
.ld-logo{clip-path:inset(-20% 103% -20% -3%);animation:ldReveal 1.5s cubic-bezier(.6,0,.35,1) .2s forwards, pjerShine 11s ease-in-out infinite}
@keyframes ldReveal{to{clip-path:inset(-20% -3% -20% -3%)}}
.ld-line{width:158px;height:1px;background:rgba(176,141,74,.2);overflow:hidden}
.ld-line i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#b08d4a,#d9bc7d,#b08d4a);transform:scaleX(0);transform-origin:left;animation:ldLine 1.55s cubic-bezier(.6,0,.35,1) .2s forwards}
@keyframes ldLine{to{transform:scaleX(1)}}
body.loading{overflow:hidden}
body.loaded #loader{opacity:0;visibility:hidden;pointer-events:none}

/* ===== ornament ===== */
.orn{display:flex;align-items:center;justify-content:center;gap:14px;margin:20px auto 0;color:var(--gold)}
.orn::before,.orn::after{content:'';height:1px;width:74px;background:linear-gradient(90deg,transparent,var(--gold))}
.orn::after{background:linear-gradient(90deg,var(--gold),transparent)}
.orn svg{width:26px;height:26px;fill:none;stroke:var(--gold);stroke-width:1}
.orn.lite svg{stroke:var(--gold-bright)}
.orn.lite::before{background:linear-gradient(90deg,transparent,rgba(216,184,115,.7))}
.orn.lite::after{background:linear-gradient(90deg,rgba(216,184,115,.7),transparent)}

/* ===== topbar / header ===== */
.topbar{background:linear-gradient(90deg,#14100a,#241a0e 50%,#14100a);color:#e8dfc9;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;text-align:center;padding:8px 16px;border-bottom:1px solid rgba(201,165,96,.35)}
.topbar b, .topbar a{color:#d8b873;font-weight:500}
header#hdr{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--hair);transition:box-shadow .3s, transform .45s ease}
header#hdr.scrolled{box-shadow:0 8px 30px -12px rgba(60,45,20,.18)}
header#hdr.hide{transform:translateY(-110%)}
.hwrap{max-width:1280px;margin:0 auto;padding:14px 28px;display:flex;align-items:center;gap:36px}
.brand{display:flex;align-items:center;gap:16px;flex-shrink:0}
.brand .sep{width:1px;height:30px;background:var(--hair)}
.brand .sub{font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--muted);font-weight:400;line-height:1.5}
nav.main{display:flex;gap:30px;margin-left:auto}
nav.main a{font-size:13.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:400;color:var(--ink-soft);position:relative;padding:6px 0}
nav.main a::after{content:'';position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--gold);transition:width .35s}
nav.main a:hover{color:var(--ink)}
nav.main a:hover::after{width:100%}
/* padajući meni sa kategorijama ispod „Prodavnica" — sadržaj dolazi iz stvarnih kategorija */
nav.main .has-drop{position:relative;display:flex;align-items:center}
nav.main .has-drop>a::before{content:'';position:absolute;left:0;right:0;top:100%;height:22px}
nav.main .drop{position:absolute;top:calc(100% + 16px);left:50%;transform:translate(-50%,8px);background:var(--white);border:1px solid var(--hair);box-shadow:0 22px 50px -18px rgba(60,45,20,.28);padding:22px 26px 20px;opacity:0;visibility:hidden;transition:opacity .28s ease, transform .28s ease, visibility .28s;z-index:60;min-width:max-content}
nav.main .drop::before{content:'';position:absolute;top:-16px;left:0;right:0;height:16px}
nav.main .drop::after{content:'';position:absolute;top:0;left:50%;width:44px;height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--gold),transparent)}
nav.main .has-drop:hover .drop,nav.main .has-drop:focus-within .drop{opacity:1;visibility:visible;transform:translate(-50%,0)}
nav.main .drop-in{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,max-content));gap:4px 30px;max-width:min(72vw,760px)}
nav.main .drop-col{display:flex;flex-direction:column;gap:2px}
nav.main .drop a{padding:5px 0;font-size:12px;letter-spacing:.12em;white-space:nowrap}
nav.main .drop a.drop-h{color:var(--ink);font-weight:500}
nav.main .drop a.drop-i{text-transform:none;letter-spacing:.02em;font-size:13.5px;color:var(--ink-soft);padding-left:12px}
nav.main .drop a::after{display:none}
nav.main .drop a:hover{color:var(--gold-deep)}
.hicons{display:flex;align-items:center;gap:18px}
.cartbtn{position:relative;display:inline-flex;padding:6px;color:var(--ink-soft);transition:color .3s}
.cartbtn:hover{color:var(--gold-deep)}
.cartbtn .cnt{position:absolute;top:-2px;right:-4px;background:var(--gold);color:#fff;font-size:10px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:500}
.burger{display:none;background:none;border:none;color:var(--ink);cursor:pointer;z-index:95;position:relative;padding:8px;min-width:44px;min-height:44px}
/* Full-screen premium mobilni meni — BELI */
.mobile-nav{position:fixed;inset:0;z-index:90;background:
  radial-gradient(900px 500px at 50% -8%, rgba(201,165,96,.12), transparent 60%),
  linear-gradient(180deg,#fffdf9 0%,#faf7f0 100%);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  opacity:0;visibility:hidden;transition:opacity .45s ease, visibility .45s ease}
.mobile-nav.open{opacity:1;visibility:visible}
.mobile-nav::before{content:'';position:absolute;top:86px;left:50%;transform:translateX(-50%);width:74px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.mobile-nav a{font-family:var(--serif);font-size:27px;font-weight:500;color:var(--ink);padding:12px 20px;letter-spacing:.1em;
  opacity:0;transform:translateY(16px);transition:opacity .5s ease, transform .5s ease, color .3s;transition-delay:calc(var(--i,0)*.06s + .1s)}
.mobile-nav.open a{opacity:1;transform:none}
.mobile-nav a:hover{color:var(--gold-deep)}
.mobile-nav .mn-cats{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 6px;max-width:min(92vw,520px);margin:-6px 0 6px}
.mobile-nav .mn-cats a.mn-sub{font-family:var(--sans);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:400;color:var(--ink-soft);padding:6px 10px}
.mobile-nav .mn-cats a.mn-sub:hover{color:var(--gold-deep)}
.mobile-nav .mn-tel{position:absolute;bottom:44px;font-family:var(--sans);font-size:13px;letter-spacing:.24em;color:var(--gold-deep);text-transform:uppercase;opacity:0;transition:opacity .5s ease .5s}
.mobile-nav.open .mn-tel{opacity:1}
.mobile-nav .mn-close{position:absolute;top:22px;right:20px;width:48px;height:48px;background:#fff;border:1px solid var(--hair);border-radius:50%;color:var(--gold-deep);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .3s, color .3s}
.mobile-nav .mn-close:hover{border-color:var(--gold);color:var(--ink)}
body.nav-open{overflow:hidden}

/* ===== hero ===== */
.hero{position:relative;min-height:92vh;min-height:92dvh;display:flex;align-items:center;overflow:hidden;background:var(--cream-2)}
.hero .slides{position:absolute;inset:0}
.hero .slide{position:absolute;inset:0;opacity:0;transition:opacity 1.8s ease;z-index:1}
.hero .slide.act{opacity:1;z-index:2}
.hero .slide .im{position:absolute;inset:-4% 0;background-size:cover;background-position:center 45%;will-change:transform}
.hero .im{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}
.hero .slide.act .im{animation:kb var(--kb-dur,14s) linear both}
@keyframes kb{from{transform:scale3d(1.14,1.14,1) translateZ(0)}to{transform:scale3d(1.02,1.02,1) translateZ(0)}}
.hero .veil{position:absolute;inset:0;z-index:3;background:linear-gradient(to right, rgba(255,253,247,.92) 0%, rgba(255,253,247,.76) 30%, rgba(255,253,247,.18) 62%, rgba(255,253,247,0) 100%)}
.hero .in{position:relative;z-index:4;max-width:1280px;margin:0 auto;padding:90px 28px;width:100%;display:flex;justify-content:flex-start}
.hero .txt{max-width:580px;text-align:left}
.hero .eyebrow{font-size:12.5px;letter-spacing:.42em;text-transform:uppercase;color:var(--gold-deep);font-weight:400;display:block;text-shadow:0 1px 0 rgba(255,255,255,.8)}
.hero h1{font-size:clamp(34px,4vw,56px);letter-spacing:.01em;color:var(--ink);text-shadow:0 1px 0 rgba(255,255,255,.7)}
.hero h1 em{font-style:italic;color:var(--gold-deep)}
.hero p{margin:22px 0 34px;font-size:18.5px;color:var(--ink-soft);font-weight:300;text-shadow:0 1px 0 rgba(255,255,255,.75)}
.cta-row{display:flex;gap:16px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 34px;font-family:var(--sans);font-size:13px;letter-spacing:.22em;text-transform:uppercase;font-weight:400;border:1px solid var(--gold);cursor:pointer;transition:all .35s;position:relative;overflow:hidden;background:none}
.btn::before{content:'';position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);transition:left .6s ease}
.btn:hover::before{left:130%}
.btn.solid{background:linear-gradient(115deg,#a5813f,#c9a560 55%,#a5813f);color:#fff;border-color:transparent;box-shadow:0 12px 28px -12px rgba(160,125,55,.55)}
.btn.solid:hover{filter:brightness(1.08);transform:translateY(-1px)}
.btn.ghost{background:rgba(255,255,255,.55);color:var(--gold-deep)}
.btn.ghost:hover{background:var(--gold);color:#fff}
.btn.mini{padding:11px 26px;font-size:11.5px}
.hero .dots{position:absolute;z-index:5;bottom:34px;left:50%;transform:translateX(-50%);display:flex;gap:10px}
.hero .dots .d{width:34px;height:3px;background:rgba(143,111,51,.28);cursor:pointer;position:relative;overflow:hidden;border-radius:2px}
.hero .dots .d i{position:absolute;inset:0;background:var(--gold-deep);transform:scaleX(0);transform-origin:left;border-radius:2px}
.hero .dots .d.act i{animation:dotfill var(--dot-dur,6.5s) linear forwards}
@keyframes dotfill{to{transform:scaleX(1)}}

/* ===== usp ===== */
.usp{background:var(--cream);border-block:1px solid var(--hair)}
.usp .in{max-width:1280px;margin:0 auto;padding:34px 28px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.usp .it{display:flex;align-items:center;gap:16px;justify-content:center}
.usp svg{width:34px;height:34px;stroke:var(--gold);flex-shrink:0}
.usp b{display:block;font-family:var(--serif);font-size:19px;font-weight:600;letter-spacing:.02em}
.usp span{font-size:13px;color:var(--muted);letter-spacing:.06em}

/* ===== sekcije ===== */
section{padding:96px 28px}
.wrap{max-width:1280px;margin:0 auto}
.sec-head{text-align:center;margin-bottom:56px}
.sec-head .script{font-family:var(--script);font-size:clamp(30px,3.2vw,42px);color:var(--gold);display:block;margin-bottom:2px}
.sec-head h2{font-size:clamp(34px,3.8vw,52px)}
.sec-head p{max-width:560px;margin:14px auto 0;color:var(--muted)}

/* ===== kategorije ===== */
.cats{display:flex;justify-content:center;gap:clamp(16px,3.6vw,52px);margin:0 0 60px;flex-wrap:wrap}
.cat-it{display:flex;flex-direction:column;align-items:center;gap:11px;color:var(--ink-soft)}
.cat-it .cir{width:74px;height:74px;border-radius:50%;border:1px solid var(--hair);display:flex;align-items:center;justify-content:center;transition:all .4s ease;background:var(--white)}
.cat-it svg{width:31px;height:31px;stroke:var(--gold-deep);fill:none;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}
.cat-it:hover .cir{border-color:var(--gold);box-shadow:0 12px 26px -14px rgba(160,125,55,.5);transform:translateY(-3px)}
.cat-it span{font-size:11.5px;letter-spacing:.22em;padding-left:.22em;text-transform:uppercase}

/* ===== kartice proizvoda ===== */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 28px}
.card{position:relative}
.card .ph{position:relative;overflow:hidden;background:var(--cream-2)}
.card .ph::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(33,28,21,.16),transparent 35%);opacity:0;transition:opacity .5s;pointer-events:none}
.card:hover .ph::after{opacity:1}
.card .ph img{aspect-ratio:4/5;object-fit:cover;width:100%;transition:transform 1.2s cubic-bezier(.2,.6,.2,1)}
.card:hover .ph img{transform:scale(1.06)}
.badge{position:absolute;top:14px;left:14px;z-index:2;background:rgba(255,255,255,.92);color:var(--gold-deep);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;padding:6px 12px;font-weight:500}
.badge.dark{background:rgba(33,28,21,.85);color:#e9dcc0}
.card .meta{padding:18px 4px 0;text-align:center}
.card .cat{font-size:11px;letter-spacing:.26em;padding-left:.26em;text-transform:uppercase;color:var(--muted)}
.card .cat a{color:inherit}
.card h3{font-size:23px;font-weight:600;margin:6px 0 4px}
.card .price{font-size:15.5px;color:var(--gold-deep);letter-spacing:.06em;font-weight:400}
.card .price .woocommerce-Price-currencySymbol{color:var(--muted);font-size:12.5px}
.card .act{margin-top:14px;display:flex;justify-content:center}
.viewall{text-align:center;margin-top:52px}

/* ===== maison ===== */
.maison{background:var(--white);text-align:center;padding:110px 28px 104px}
.maison .eyebrow{font-size:12px;letter-spacing:.46em;padding-left:.46em;text-transform:uppercase;color:var(--gold-deep);font-weight:400}
.maison h2{font-size:clamp(30px,3.2vw,44px);max-width:840px;margin:20px auto 0;font-weight:500}
.maison h2 em{font-style:italic;color:var(--gold-deep)}
.maison .vals{display:flex;justify-content:center;margin-top:48px;flex-wrap:wrap}
.maison .vals > div{padding:4px 48px;border-right:1px solid var(--hair)}
.maison .vals > div:last-child{border-right:none}
.maison .vals b{font-family:var(--serif);font-size:23px;font-weight:600;display:block}
.maison .vals span{font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}

/* ===== o nama ===== */
.onama{background:var(--cream);overflow:hidden}
.onama .in{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center}
.onama .ph{position:relative}
.onama .ph img{box-shadow:var(--shadow-soft)}
.onama .ph::before{content:'';position:absolute;inset:18px -18px -18px 18px;border:1px solid var(--hair);z-index:0}
.onama .ph .corner{position:absolute;width:34px;height:34px;border:1px solid var(--gold);z-index:2}
.onama .ph .corner.tl{top:-8px;left:-8px;border-right:none;border-bottom:none}
.onama .ph .corner.br{bottom:-8px;right:-8px;border-left:none;border-top:none}
.onama .script{font-family:var(--script);font-size:38px;color:var(--gold);display:block;margin-bottom:4px}
.onama h2{font-size:clamp(32px,3.4vw,46px);margin-bottom:22px}
.onama p{color:var(--ink-soft);margin-bottom:16px}
.onama .sig{font-family:var(--script);font-size:30px;color:var(--gold-deep);margin-top:26px}
.onama .sig-sub{font-size:11.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin-top:6px}

/* ===== usluge ===== */
.usluge .duo{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.svc{position:relative;overflow:hidden;min-height:440px;display:flex;align-items:flex-end}
.svc .bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 1.4s cubic-bezier(.2,.6,.2,1)}
.svc:hover .bg{transform:scale(1.05)}
.svc .shade{position:absolute;inset:0;background:linear-gradient(to top, rgba(24,19,12,.9) 0%, rgba(24,19,12,.62) 38%, rgba(24,19,12,.18) 68%, rgba(24,19,12,.04) 100%)}
.svc .txt{position:relative;padding:38px;color:#fff}
.svc .txt .script{font-family:var(--script);font-size:30px;color:#e9d5a3;display:block;text-shadow:0 2px 8px rgba(0,0,0,.6)}
.svc .txt h3{font-size:32px;font-weight:600;margin:4px 0 10px;text-shadow:0 2px 10px rgba(0,0,0,.65)}
.svc .txt p{font-size:15.5px;max-width:420px;color:rgba(255,255,255,.92);text-shadow:0 1px 6px rgba(0,0,0,.7);margin-bottom:20px}
.btn.onimg{border-color:rgba(233,213,163,.9);color:#f3e6c4;background:rgba(24,19,12,.35);text-shadow:0 1px 4px rgba(0,0,0,.5)}
.btn.onimg:hover{background:var(--gold);border-color:var(--gold);color:#fff;text-shadow:none}

/* ===== posetite nas ===== */
.visit{position:relative;min-height:64vh;display:flex;align-items:center;overflow:hidden}
.visit .bg{position:absolute;inset:-18% 0;background-size:cover;background-position:center;will-change:transform}
.visit .veil{position:absolute;inset:0;background:linear-gradient(to right, rgba(255,253,247,.93) 0%, rgba(255,253,247,.8) 34%, rgba(255,253,247,.22) 66%, rgba(255,253,247,0) 100%)}
.visit .in{position:relative;max-width:1280px;margin:0 auto;padding:80px 28px;width:100%}
.visit .eyebrow{font-size:12px;letter-spacing:.42em;text-transform:uppercase;color:var(--gold-deep);display:block;text-shadow:0 1px 0 rgba(255,255,255,.8)}
.visit h2{font-size:clamp(32px,3.6vw,50px);margin:12px 0 16px;text-shadow:0 1px 0 rgba(255,255,255,.7)}
.visit p{max-width:460px;color:var(--ink-soft);margin-bottom:28px;text-shadow:0 1px 0 rgba(255,255,255,.75)}
.visit .adr{font-family:var(--serif);font-size:21px;font-weight:600;color:var(--ink);display:block;margin-bottom:2px}

/* ===== kontakt ===== */
.kontakt{background:linear-gradient(180deg,var(--royal-bg2),var(--royal-bg));color:#efe8d8;position:relative}
.kontakt::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#c9a560,transparent)}
.kontakt .sec-head h2{color:#f6efdd}
.kontakt .sec-head .script{color:#d8b873}
.kontakt .cols{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.kinfo dt{font-size:11.5px;letter-spacing:.3em;text-transform:uppercase;color:#c9a560;margin:26px 0 6px;font-weight:500}
.kinfo dt:first-child{margin-top:0}
.kinfo dd{font-family:var(--serif);font-size:24px;font-weight:500;color:#f6efdd}
.kinfo dd small{display:block;font-family:var(--sans);font-size:14px;color:#b3a993;font-weight:300;letter-spacing:.04em;margin-top:2px}

/* ===== karta (Leaflet + OpenStreetMap, tamni izgled CSS filterom) ===== */
.pjmap{position:relative;border:1px solid rgba(201,165,96,.4);height:420px;overflow:hidden;background:#14100b}
#pjLeaflet{position:absolute;inset:0;z-index:2;opacity:0;transition:opacity .7s ease}
.pjmap.map-ready #pjLeaflet{opacity:1}
.pjmap.map-off #pjLeaflet{display:none}
.leaflet-container{background:#14100b;font-family:var(--sans)}

/* TAMNI IZGLED: filter ide SAMO na sloj pločica — pin, popup i kontrole ostaju u zlatu.
   Vrednosti se mogu doterati kroz --map-filter bez diranja ostatka. */
.pjmap.dark .leaflet-tile-pane{
  filter:var(--map-filter, invert(1) hue-rotate(190deg) brightness(.76) contrast(1.06) saturate(.26) sepia(.5));
}

/* rezervni sloj — ispod karte, vidi se dok se pločice učitavaju i ako zakažu */
.map-fallback{position:absolute;inset:0;z-index:1;background:#14100b center/cover no-repeat;
  display:flex;align-items:center;justify-content:center}
.map-fallback::after{content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 70% 70% at 50% 45%,rgba(176,141,74,.12),transparent 70%)}
.mf-pin{position:relative;z-index:2;width:46px;height:58px;filter:drop-shadow(0 3px 10px rgba(0,0,0,.6))}
.mf-pin svg{width:100%;height:100%}

.leaflet-control-attribution{background:rgba(14,10,6,.7) !important;color:#8f8266 !important;font-size:10px}
.leaflet-control-attribution a{color:#c9a560 !important}
.leaflet-control-zoom a{background:rgba(18,13,8,.9) !important;color:#d8b873 !important;border:1px solid rgba(201,165,96,.5) !important;border-radius:0 !important}
.leaflet-control-zoom a:hover{background:#b08d4a !important;color:#fff !important}
.leaflet-bar{border:none !important;box-shadow:none !important}
.leaflet-popup-content-wrapper{background:rgba(14,10,6,.95);color:#efe8d8;border:1px solid rgba(201,165,96,.5);border-radius:0;font-family:var(--sans)}
.leaflet-popup-tip{background:rgba(14,10,6,.95)}
.pjer-pin{filter:drop-shadow(0 3px 8px rgba(0,0,0,.5))}
.pjer-pin .pp{animation:pinPulse 2.4s ease-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes pinPulse{0%{opacity:.85;transform:scale(.4)}100%{opacity:0;transform:scale(1.6)}}
@media (prefers-reduced-motion: reduce){.pjer-pin .pp{animation:none;opacity:.35}}
.map-card{position:absolute;left:14px;bottom:14px;z-index:5;background:rgba(14,10,6,.92);border:1px solid rgba(201,165,96,.5);padding:14px 18px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:250px}
.map-card .mc-t{font-family:var(--serif);font-size:19px;font-weight:600;color:#f6efdd}
.map-card .mc-a{font-size:12.5px;color:#b3a993;letter-spacing:.05em;margin-top:2px}
.map-card .mc-l{display:inline-block;margin-top:9px;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:#d8b873;border-bottom:1px solid rgba(216,184,115,.5);padding-bottom:2px;transition:color .3s}
.map-card .mc-l:hover{color:#f6efdd}

/* ===== footer ===== */
footer{position:relative;background:
  radial-gradient(1100px 420px at 50% -10%, rgba(201,165,96,.13), transparent 60%),
  linear-gradient(180deg,var(--royal-bg) 0%, #090604 100%);
  color:#cfc3a8;padding:0;text-align:center}
.f-border{height:7px;background:linear-gradient(90deg, transparent 0%, #8f6f33 18%, #e9d5a3 50%, #8f6f33 82%, transparent 100%);clip-path:polygon(0 3px,100% 3px,100% 4px,0 4px)}
.f-medal{width:92px;height:92px;margin:-46px auto 0;position:relative;z-index:2;border-radius:50%;
  background:radial-gradient(circle at 35% 30%, #241a0e, #0e0a06 70%);
  border:1px solid #c9a560;box-shadow:0 0 0 5px #0e0a06, 0 0 0 6px rgba(201,165,96,.55), 0 14px 34px -10px rgba(0,0,0,.8);
  display:flex;align-items:center;justify-content:center}
.f-medal::before{content:'';position:absolute;inset:6px;border-radius:50%;border:1px solid rgba(201,165,96,.45)}
.f-medal-logo{filter:none !important}
.f-est{margin-top:14px;font-size:10.5px;letter-spacing:.44em;padding-left:.44em;text-transform:uppercase;color:#9b8a64}
.f-grid{max-width:1280px;margin:0 auto;padding:44px 28px 30px;display:grid;grid-template-columns:1.25fr 1fr 1fr 1.15fr;gap:44px;text-align:left}
.f-col h4{font-size:11.5px;letter-spacing:.34em;text-transform:uppercase;color:#d8b873;font-weight:500;margin-bottom:18px;position:relative;padding-bottom:10px}
.f-col h4::after{content:'';position:absolute;left:0;bottom:0;width:34px;height:1px;background:linear-gradient(90deg,#c9a560,transparent)}
.f-brand{max-width:300px}
.f-brand .pjer-script,.f-brand .pjer-logo-img{margin:0 auto 16px}
.f-brand p{font-family:var(--serif);font-size:18px;font-style:italic;color:#b9ab8b;line-height:1.55;max-width:300px}
.f-col nav{display:flex;flex-direction:column;gap:9px}
.f-col nav a{font-size:13.5px;letter-spacing:.16em;text-transform:uppercase;color:#b9ab8b;transition:color .3s, padding-left .3s;position:relative}
.f-col nav a::before{content:'◆';position:absolute;left:0;top:50%;transform:translateY(-50%) scale(.55);color:var(--gold-bright);opacity:0;transition:opacity .3s}
.f-col nav a:hover{color:#f0e4c8;padding-left:16px}
.f-col nav a:hover::before{opacity:1}
.f-kont p{font-size:14.5px;color:#b9ab8b;margin-bottom:10px;letter-spacing:.04em}
.f-kont p b{display:block;font-family:var(--serif);font-size:17px;color:#e7dcc2;font-weight:500;letter-spacing:.03em}
.f-lok p{font-size:14.5px;color:#b9ab8b;letter-spacing:.04em;margin-bottom:14px}
.f-lok p b{display:block;font-family:var(--serif);font-size:17px;color:#e7dcc2;font-weight:500}
.f-lok .inlbl{display:block;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#8f8266;margin-bottom:10px}
.stadion-lockup{display:inline-block;padding:10px 16px;background:#fff;border:1px solid rgba(201,165,96,.35);transition:border-color .3s, box-shadow .3s}
.stadion-lockup:hover{border-color:rgba(201,165,96,.7);box-shadow:0 10px 28px -14px rgba(0,0,0,.6)}
.stadion-lockup img{max-width:184px;height:auto;display:block}
.f-rule{max-width:1280px;margin:6px auto 0;padding:0 28px}
.f-rule .ln{height:1px;background:linear-gradient(90deg,transparent,rgba(201,165,96,.5) 20%,rgba(201,165,96,.5) 80%,transparent);position:relative}
.f-rule .ln::after{content:'❖';position:absolute;top:-10px;left:50%;transform:translateX(-50%);color:#c9a560;font-size:12px;padding:0 14px;background:#0b0805}
.f-bottom{max-width:1280px;margin:0 auto;padding:22px 28px 30px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.f-bottom .cc{font-size:12.5px;letter-spacing:.08em;color:#8f8266}
.f-bottom .cc b{color:#c9a560;font-weight:400}
.powered{display:inline-flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#8f8266}
.powered .bolt{width:15px;height:15px;fill:url(#boltgrad);animation:boltPulse 2.6s ease-in-out infinite}
@keyframes boltPulse{0%,100%{filter:drop-shadow(0 0 3px rgba(233,213,163,.35))}50%{filter:drop-shadow(0 0 9px rgba(233,213,163,.85))}}
.powered b{font-weight:500;color:#d8b873;letter-spacing:.34em}
.powered:hover b{color:#f0e4c8}

/* ===== reveal ===== */
.rv,.rv-l,.rv-r,.rv-sc{opacity:0;filter:blur(7px);transition:opacity 1.05s cubic-bezier(.2,.6,.2,1),transform 1.05s cubic-bezier(.2,.6,.2,1),filter 1.05s cubic-bezier(.2,.6,.2,1);transition-delay:var(--d,0s);will-change:opacity,transform,filter}
.rv{transform:translateY(34px)}
.rv-l{transform:translateX(-46px)}
.rv-r{transform:translateX(46px)}
.rv-sc{transform:scale(.92)}
.rv.on,.rv-l.on,.rv-r.on,.rv-sc.on{opacity:1;transform:none;filter:blur(0)}
/* Sigurnosna mreža: sadržaj NE SME da zavisi od JS-a. Ako glavna skripta ne
   stigne (Cloudflare Rocket Loader, „delay JS until interaction", greška
   nekog dodatka…), elementi bi zauvek ostali providni — ovako se sami
   pokažu posle sekunde. Kad JS radi, doda .pjer-js na <html> i mreža se
   uopšte ne aktivira, pa scroll animacije rade kao i do sada. */
@keyframes pjer-rv-spas{to{opacity:1;transform:none;filter:blur(0)}}
html:not(.pjer-js) .rv,html:not(.pjer-js) .rv-l,html:not(.pjer-js) .rv-r,html:not(.pjer-js) .rv-sc{animation:pjer-rv-spas .6s ease 1.1s forwards}

/* ===== servis/otkup baner ===== */
.svc-banner .script{font-family:var(--script);font-size:30px;color:#e9d5a3;display:block;text-shadow:0 2px 8px rgba(0,0,0,.6)}
.svc-banner h2{font-size:clamp(28px,3.4vw,42px);font-weight:600;margin:4px 0 8px;text-shadow:0 2px 10px rgba(0,0,0,.65)}
.svc-banner p{max-width:520px;color:rgba(255,255,255,.92);text-shadow:0 1px 6px rgba(0,0,0,.7)}

/* ===== koraci ===== */
.steps-sec{background:var(--cream);border-bottom:1px solid var(--hair);padding:64px 28px}
.steps-intro{text-align:center;max-width:560px;margin:0 auto 44px;color:var(--muted);font-size:17.5px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;max-width:1080px;margin:0 auto}
.step{text-align:center;padding:0 12px}
.step .num{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:23px;color:var(--gold-deep);background:var(--white);box-shadow:0 10px 24px -14px rgba(160,125,55,.4)}
.step b{display:block;font-family:var(--serif);font-size:22px;font-weight:600;margin-bottom:6px}
.step .tx{font-size:14.5px;color:var(--muted);line-height:1.6}
.otk-note{text-align:center;color:var(--gold-deep);font-size:14px;letter-spacing:.08em;margin-top:26px}

/* ===== kontakt stranica ===== */
.kontakt-page{padding:72px 28px 96px;background:var(--white)}
.kp-grid{display:grid;grid-template-columns:1.3fr .8fr;gap:64px;align-items:start;margin-bottom:64px}
.kp-info{border:1px solid var(--hair);background:var(--cream);padding:34px 30px}
.kp-info .kinfo dt{color:var(--gold-deep)}
.kp-info .kinfo dd{color:var(--ink);font-size:22px}
.kp-info .kinfo dd small{color:var(--muted)}
.kp-map .pjmap{height:440px}

/* ===== unutrašnje stranice ===== */
.page-hero{background:linear-gradient(180deg,var(--cream) 0%, var(--white) 100%);border-bottom:1px solid var(--hair);text-align:center;padding:84px 28px 60px}
.page-hero .script{font-family:var(--script);font-size:clamp(30px,3.2vw,42px);color:var(--gold);display:block}
.page-hero h1{font-size:clamp(36px,4vw,54px)}
.page-content{max-width:820px;margin:0 auto;padding:64px 28px}
.page-content p{margin-bottom:18px;color:var(--ink-soft)}
.page-content h2,.page-content h3{margin:34px 0 12px}
.page-content a{color:var(--gold-deep);text-decoration:none;border-bottom:1px solid var(--hair);transition:border-color .3s}
.page-content a:hover{border-color:var(--gold)}
.page-content ul,.page-content ol{margin:0 0 18px 22px;color:var(--ink-soft)}
.page-content li{margin-bottom:8px}
.page-content blockquote{border-left:2px solid var(--gold);padding:6px 0 6px 22px;margin:26px 0;font-family:var(--serif);font-size:20px;font-style:italic;color:var(--ink)}
.page-content img,.page-content figure{max-width:100%;height:auto;margin:26px 0}
.page-content figure img{margin:0}
.page-content figcaption{font-size:13px;color:var(--muted);margin-top:8px;text-align:center}
.page-content hr{border:none;border-top:1px solid var(--hair);margin:34px 0}
.page-content table{width:100%;border-collapse:collapse;margin:26px 0}
.page-content th,.page-content td{border:1px solid var(--hair);padding:10px 14px;text-align:left}
.page-content th{background:var(--cream);font-weight:500;letter-spacing:.06em}
.page-content .wp-block-button__link{background:linear-gradient(135deg,#b8934e,#d9b878 55%,#a07f3c);color:#fff;border-radius:0;font-size:12.5px;letter-spacing:.28em;text-transform:uppercase;padding:15px 30px}

/* ===== forme ===== */
.pjer-form{max-width:680px;margin:0 auto}
.pjer-form .fld{margin-bottom:22px}
.pjer-form label{display:block;font-size:11.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:8px;font-weight:500}
.pjer-form input[type=text],.pjer-form input[type=email],.pjer-form input[type=tel],.pjer-form textarea{
  width:100%;padding:14px 16px;border:1px solid var(--hair);background:var(--cream);font-family:var(--sans);font-size:15.5px;color:var(--ink);transition:border-color .3s, background .3s}
.pjer-form input:focus,.pjer-form textarea:focus{outline:none;border-color:var(--gold);background:#fff}
.pjer-form textarea{min-height:150px;resize:vertical}
.pjer-form .file-drop{border:1px dashed var(--gold);background:var(--cream);padding:26px;text-align:center;color:var(--muted);font-size:14px;cursor:pointer;transition:background .3s}
.pjer-form .file-drop:hover{background:var(--cream-2)}
.pjer-form .file-drop input{display:none}
.pjer-form .file-names{margin-top:8px;font-size:13px;color:var(--gold-deep)}
.form-note{text-align:center;padding:16px 20px;margin-bottom:28px;border:1px solid var(--gold);background:var(--cream);color:var(--gold-deep);letter-spacing:.04em}
.form-note.err{border-color:#b3492f;color:#b3492f}

/* ===== pretraga (overlay) ===== */
.searchbtn{background:none;border:none;color:var(--ink-soft);cursor:pointer;padding:6px;min-width:40px;min-height:40px;transition:color .3s}
.searchbtn:hover{color:var(--gold-deep)}
.search-overlay{position:fixed;inset:0;z-index:92;background:linear-gradient(180deg,#fffdf9 0%,#faf7f0 100%);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .4s ease, visibility .4s ease}
.search-overlay.open{opacity:1;visibility:visible}
.search-form{width:min(640px,86vw);text-align:center;transform:translateY(14px);transition:transform .5s ease}
.search-overlay.open .search-form{transform:none}
.s-eyebrow{display:block;font-size:12px;letter-spacing:.4em;padding-left:.4em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:22px}
.s-row{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--gold)}
.s-row input{flex:1;border:none;background:none;font-family:var(--serif);font-size:clamp(24px,3.4vw,34px);color:var(--ink);padding:12px 4px;outline:none}
.s-row input::placeholder{color:rgba(132,122,107,.55)}
.s-row button{background:none;border:none;color:var(--gold-deep);cursor:pointer;padding:8px;transition:color .3s}
.s-row button:hover{color:var(--ink)}
.search-overlay .mn-close{position:absolute;top:22px;right:20px;width:48px;height:48px;background:#fff;border:1px solid var(--hair);border-radius:50%;color:var(--gold-deep);cursor:pointer;display:flex;align-items:center;justify-content:center}

/* ===== shop filteri ===== */
.shop-filters{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:26px;padding-bottom:22px;border-bottom:1px solid var(--hair)}
.cat-pills{display:flex;gap:8px;flex-wrap:wrap}
.cat-pills.sub{width:100%;order:10;padding-left:18px;position:relative;margin-top:-6px}
.cat-pills.sub::before{content:'';position:absolute;left:4px;top:0;bottom:0;width:1px;background:var(--gold);opacity:.55}
.cat-pills.sub .pill{padding:7px 16px;font-size:11px}
.cat-pills .pill{padding:9px 20px;border:1px solid var(--hair);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);transition:all .3s;background:var(--white)}
.cat-pills .pill:hover{border-color:var(--gold);color:var(--gold-deep)}
.cat-pills .pill.act{background:linear-gradient(115deg,#a5813f,#c9a560 55%,#a5813f);color:#fff;border-color:transparent}
.price-filter{display:flex;align-items:center;gap:9px}
.price-filter input{width:104px;padding:9px 12px;border:1px solid var(--hair);background:var(--cream);font-family:var(--sans);font-size:14px}
.price-filter input:focus{outline:none;border-color:var(--gold)}
.price-filter span{color:var(--muted)}
.pf-reset{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--hair)}
.pf-reset:hover{color:var(--gold-deep)}

/* ===== WooCommerce — arhiva ===== */
.woocommerce-shop-wrap{max-width:1280px;margin:0 auto;padding:64px 28px}
ul.products{display:grid !important;grid-template-columns:repeat(3,1fr);gap:34px 28px;list-style:none;margin:0;padding:0}
ul.products::before,ul.products::after{display:none}
ul.products li.product{width:auto !important;margin:0 !important;float:none !important}
.woocommerce-result-count{color:var(--muted);font-size:13.5px;letter-spacing:.06em}
.woocommerce-ordering select{padding:9px 12px;border:1px solid var(--hair);background:var(--cream);font-family:var(--sans)}
.shop-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px;flex-wrap:wrap;gap:14px}
.woocommerce-pagination{text-align:center;margin-top:52px}
.woocommerce-pagination ul{display:inline-flex;gap:6px;list-style:none}
.woocommerce-pagination a,.woocommerce-pagination a:visited,.woocommerce-pagination span{display:inline-flex;min-width:40px;height:40px;align-items:center;justify-content:center;border:1px solid var(--hair);color:var(--ink-soft);font-size:14px}
.woocommerce-pagination span.current,.woocommerce-pagination a:hover{background:var(--gold);color:#fff;border-color:var(--gold)}

/* ===== WooCommerce — single ===== */
.pjer-single{max-width:1280px;margin:0 auto;padding:72px 28px;display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:start}
.pjer-single .gal img{width:100%;box-shadow:var(--shadow-soft)}
.pjer-single .info .cat{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--muted)}
.pjer-single .info h1{font-size:clamp(30px,3.4vw,44px);margin:8px 0 14px}
.pjer-single .price{font-family:var(--serif);font-size:28px;color:var(--gold-deep);margin-bottom:22px}
.pjer-single .desc{color:var(--ink-soft);margin-bottom:28px}
.pjer-single form.cart{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.pjer-single .qty input{width:74px;padding:13px 10px;text-align:center;border:1px solid var(--hair);background:var(--cream);font-family:var(--sans)}
.pjer-single .single_add_to_cart_button{padding:15px 34px;font-size:13px;letter-spacing:.22em;text-transform:uppercase;border:none;background:linear-gradient(115deg,#a5813f,#c9a560 55%,#a5813f);color:#fff;cursor:pointer;box-shadow:0 12px 28px -12px rgba(160,125,55,.55);transition:filter .3s}
.pjer-single .single_add_to_cart_button:hover{filter:brightness(1.08)}
.pjer-single .meta-row{margin-top:26px;padding-top:20px;border-top:1px solid var(--hair);font-size:13px;color:var(--muted);letter-spacing:.05em}

/* ===== Cifre =====
   Cormorant podrazumevano crta „stare" cifre (1 kratko, 3 i 4 ispod linije).
   To je lepo u književnom tekstu, ali ovo je prodavnica: cene, šifre, telefoni,
   adrese i oznake modela su PODACI i moraju biti iste visine, inače
   „Brosway BHKB049" i „4.290 RSD" izgledaju slomljeno. Zato lining svuda. */
body{
  font-variant-numeric:lining-nums proportional-nums;
  font-feature-settings:"lnum" 1,"onum" 0;
}
/* tamo gde se brojevi porede u koloni — jednaka širina cifre */
.spec dd,.spec dt,
.pjer-single .price,
.card .price,
ul.products li.product .price,
.woocommerce-Price-amount,
table.shop_table td,
.kinfo dd{
  font-variant-numeric:lining-nums tabular-nums;
  font-feature-settings:"lnum" 1,"tnum" 1,"onum" 0,"pnum" 0;
}
/* oznaka modela u naslovu ne sme da se lomi nasred šifre */
.pjer-single .info h1,.card h3,ul.products li.product h2{overflow-wrap:break-word;hyphens:none}


/* ===== Strelice preko glavne fotografije proizvoda ===== */
.pjer-single .zoombox{position:relative}
.gal-nav{position:absolute;inset:0;pointer-events:none;display:flex;align-items:center;justify-content:space-between;padding:0 10px}
.gal-nav .gn{pointer-events:auto;width:44px;height:44px;border-radius:50%;border:1px solid var(--hair);
  background:rgba(255,255,255,.86);backdrop-filter:blur(6px);color:var(--ink);display:flex;align-items:center;justify-content:center;
  cursor:pointer;opacity:.5;transform:scale(.96);transition:opacity .25s,transform .25s,background .25s,border-color .25s;
  box-shadow:0 8px 22px -12px rgba(60,45,20,.45)}
.pjer-single .zoombox:hover .gal-nav .gn,.gal-nav .gn:hover,.gal-nav .gn:focus-visible{opacity:1;transform:scale(1)}
.gal-nav .gn:hover{background:#fff;border-color:var(--gold)}
.gal-nav .gn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
@media (hover:none){ .gal-nav .gn{opacity:.92} }
@media (max-width:600px){ .gal-nav{padding:0 6px} .gal-nav .gn{width:38px;height:38px} }

/* ===== Specifikacija proizvoda ===== */
.spec-wrap{max-width:1280px;margin:0 auto;padding:0 28px 78px}
.spec-wrap h2{font-size:clamp(24px,2.4vw,30px);margin-bottom:22px;position:relative;padding-bottom:14px}
.spec-wrap h2::after{content:"";position:absolute;left:0;bottom:0;width:54px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}
.spec{display:grid;grid-template-columns:repeat(2,1fr);gap:0 56px}
.spec .sp-red{display:flex;gap:18px;align-items:baseline;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--hair)}
.spec dt{flex:0 0 auto;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.spec dd{flex:1 1 auto;text-align:right;color:var(--ink-soft);font-size:15.5px;overflow-wrap:anywhere;hyphens:auto}
@media(max-width:900px){
  .spec{grid-template-columns:1fr;gap:0}
  .spec-wrap{padding-bottom:56px}
}

.related-wrap{max-width:1280px;margin:0 auto;padding:0 28px 84px}
.related-wrap h2{text-align:center;font-size:32px;margin-bottom:38px}

/* ===== WooCommerce — poruke/korpa ===== */
/* Add-to-cart forma na single proizvodu */
.pjer-single form.cart{display:flex;gap:14px;align-items:stretch;margin:26px 0 6px}
.pjer-single form.cart .quantity{display:flex}
.pjer-single form.cart .quantity input{width:76px;text-align:center;border:1px solid var(--hair);background:#fff;font-family:var(--serif);font-size:17px;color:var(--ink);padding:14px 8px;outline:none;transition:border-color .3s}
.pjer-single form.cart .quantity input:focus{border-color:var(--gold)}
.pjer-single form.cart .single_add_to_cart_button{flex:0 0 auto}
.woocommerce-message,.woocommerce-info,.woocommerce-error{border:1px solid var(--gold);background:var(--cream);padding:14px 20px;margin:0 auto 28px;max-width:1280px;color:var(--gold-deep);list-style:none}
.woocommerce-error{border-color:#b3492f;color:#b3492f}
.wc-wrap{max-width:1080px;margin:0 auto;padding:64px 28px}
.wc-wrap table.shop_table{width:100%;border-collapse:collapse;border:1px solid var(--hair)}
.wc-wrap table.shop_table th,.wc-wrap table.shop_table td{padding:14px;border-bottom:1px solid var(--hair);text-align:left}
.wc-wrap .button{padding:12px 26px;border:1px solid var(--gold);background:var(--gold);color:#fff;letter-spacing:.14em;text-transform:uppercase;font-size:12px;cursor:pointer}
.wc-wrap .button:hover{filter:brightness(1.08)}

/* ===== responsive ===== */
@media(max-width:1080px){
  .grid,ul.products{grid-template-columns:repeat(2,1fr)}
  .usp .in{grid-template-columns:repeat(2,1fr);gap:26px}
  .onama .in{grid-template-columns:1fr;gap:44px}
  .kontakt .cols{grid-template-columns:1fr}
  .usluge .duo{grid-template-columns:1fr}
  .pjer-single{grid-template-columns:1fr;gap:40px}
  .f-grid{grid-template-columns:1fr 1fr}
  nav.main{display:none}
  /* meni je skriven — ikonice (lupa, korpa, burger) gura udesno sam kontejner,
     jer je „margin-left:auto" do sada nosio meni koji ovde ne postoji */
  .hicons{margin-left:auto}
  .burger{display:block}
  /* jedna kolona: galerija ne mora preko celog ekrana na tabletu */
  .pjer-single .gal{max-width:640px;width:100%;margin:0 auto}
}
@media(max-width:1080px){
  .kp-grid{grid-template-columns:1fr;gap:40px}
  .steps{grid-template-columns:1fr;gap:30px;max-width:440px}
}
@media(max-width:640px){
  section{padding:64px 20px}
  .topbar .tb-t{display:none}
  .topbar{font-size:12px;letter-spacing:.16em}
  .pjer-form input[type=text],.pjer-form input[type=email],.pjer-form input[type=tel],.pjer-form textarea{font-size:16px;padding:15px 16px}
  /* filter prodavnice na telefonu: sve centrirano, kao i naslov iznad */
  .shop-filters{justify-content:center}
  .cat-pills{justify-content:center}
  .cat-pills.sub{order:0;padding-left:0;margin-top:0}
  .cat-pills.sub::before{display:none}
  .brand-filter{margin-inline:auto}
  .price-filter{justify-content:center;margin-inline:auto;flex-wrap:wrap}
  .shop-toolbar{justify-content:center;flex-direction:column;align-items:center;gap:10px;text-align:center}
  /* iOS Safari zumira stranu kad se pipne polje sa fontom < 16px */
  select.orderby,form.woocommerce-ordering select{font-size:16px}
  .btn{padding:16px 30px}
  .card .act .btn{width:100%;justify-content:center}
  .kp-map .pjmap{height:360px}
  /* Kontakt sekcija na početnoj: na telefonu su adresa/telefon/e-pošta
     dupliran sadržaj futera odmah ispod — ostaju naslov i karta */
  .kontakt .kinfo{display:none}
  .kontakt .cols{grid-template-columns:1fr;gap:0}
  .kontakt .cols > .rv-r{width:100%;transform:none}
  .pjer-single{padding:44px 20px}
  .woocommerce-shop-wrap{padding:44px 20px}
  .page-hero{padding:64px 20px 46px}
  .grid,ul.products{grid-template-columns:repeat(2,1fr);gap:26px 14px}
  .card .meta{padding:12px 4px 0}
  .card h3{font-size:16px}
  .card .price{font-size:13.5px}
  .card .cat{font-size:9.5px}
  .badge{font-size:9px;padding:4px 9px;top:10px;left:10px}
  /* paginacija sa 40 strana mora da stane u 412px: manje kockice, uredno lomljenje */
  .woocommerce-pagination{margin-top:40px}
  .woocommerce-pagination a,.woocommerce-pagination span{min-width:34px;height:34px;font-size:12.5px}
  .btn.mini{padding:11px 14px;font-size:10.5px;letter-spacing:.2em}
  .cats{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x;padding:4px 4px 14px;margin-inline:-20px;padding-inline:20px;scrollbar-width:none}
  /* kad sve kategorije STANU u ekran, traka se centrira; kad ih je više,
     auto-margine nestaju u overflow-u pa skrol radi normalno */
  .cats .cat-it:first-child{margin-left:auto}
  .cats .cat-it:last-child{margin-right:auto}
  .cats{gap:14px}
  .cat-it span{font-size:10.5px;letter-spacing:.14em;padding-left:.14em}
  .cats::-webkit-scrollbar{display:none}
  .cat-it{flex:0 0 auto}
  .cat-it .cir{width:62px;height:62px}
  .cat-it svg{width:26px;height:26px}
  .maison .vals{flex-direction:column;align-items:center;gap:4px}
  .maison .vals > div{text-align:center}
  .usp .in{grid-template-columns:1fr 1fr;padding:26px 20px}
  .usp .it{flex-direction:column;text-align:center;gap:8px}
  .hero{min-height:80vh;min-height:80dvh}
  .hero .im{background-position:var(--hp-m,center) !important}
  .hero .veil{background:linear-gradient(to top, rgba(255,253,247,.96) 0%, rgba(255,253,247,.86) 42%, rgba(255,253,247,.6) 72%, rgba(255,253,247,.52) 100%)}
  .hero .in{justify-content:center;padding:70px 20px}
  .hero .txt{text-align:center}
  .hero-logo{margin-inline:auto}
  .cta-row{justify-content:center;flex-direction:column;align-items:center;gap:12px}
  .cta-row .btn{width:min(320px,100%);justify-content:center}
  .maison .vals > div{border-right:none;padding:10px 20px}
  .hwrap{padding:12px 18px;gap:18px}
  .brand .sub{display:none}
  .f-grid{grid-template-columns:1fr;gap:34px;text-align:center}
  .f-brand{margin-inline:auto}   /* blok je ograničen na 300px — bez ovoga stoji levo od centra */
  .f-col h4::after{left:50%;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#c9a560,transparent)}
  .f-brand .pjer-script,.f-brand .pjer-logo-img{margin-inline:auto}
  .f-brand p{margin-inline:auto}
  .f-bottom{justify-content:center;text-align:center}
  .pjmap{height:340px}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
  .rv,.rv-l,.rv-r,.rv-sc{opacity:1;transform:none;filter:none}
  #loader{display:none}
}

/* ===== brend filter ===== */
.brand-filter select{padding:9px 12px;border:1px solid var(--hair);background:var(--cream);font-family:var(--sans);font-size:13.5px;color:var(--ink-soft);cursor:pointer}
.brand-filter select:focus{outline:none;border-color:var(--gold)}

/* ===== mobilni landscape (nizak viewport) ===== */
@media (max-height:520px) and (orientation:landscape){
  .hero{min-height:100vh;min-height:100dvh}
  .hero .in{padding:44px 28px}
  .hero-logo{--lw:min(170px,26vw) !important;margin:8px 0 6px}
  .hero h1{font-size:clamp(24px,4.4vh,34px)}
  .hero p{margin:12px 0 18px;font-size:15px}
  .btn{padding:11px 22px;font-size:11.5px}
  .hero .dots{bottom:14px}
  #loader .ld-logo{--lw:130px !important}
  .mobile-nav{flex-direction:row;flex-wrap:wrap;gap:0 26px;align-content:center;padding:60px 40px 40px}
  .mobile-nav a{font-size:20px;padding:8px 12px}
  .mobile-nav::before{top:34px}
  .mobile-nav .mn-tel{bottom:16px}
  .search-overlay .s-row input{font-size:22px}
  section{padding:44px 24px}
  .page-hero{padding:44px 24px 34px}
  .svc-banner{min-height:70vh}
  .visit{min-height:96vh}
  .pjmap{height:300px}
}

/* ============================================================
   Premium pregled fotografija proizvoda (lupa + lightbox)
   ============================================================ */
.zoombox{position:relative;overflow:hidden;cursor:zoom-in;background:var(--cream-2)}
.zoombox img{width:100%;display:block}
.zoombox .lens{position:absolute;inset:0;opacity:0;pointer-events:none;background-repeat:no-repeat;transition:opacity .25s ease;will-change:background-position}
.zoombox.lensing .lens{opacity:1}
.zoom-hint{position:absolute;right:14px;bottom:14px;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid rgba(176,141,74,.5);background:rgba(255,253,249,.92);color:var(--gold-deep);font-family:var(--sans);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;cursor:zoom-in;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s}
.zoom-hint:hover{background:var(--gold);color:#fff;border-color:var(--gold)}
.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}
.thumbs a{display:block;border:1px solid transparent;transition:border-color .3s;position:relative}
.thumbs a.act{border-color:var(--gold)}
.thumbs a img{aspect-ratio:1/1;object-fit:cover;width:100%}

/* — lightbox — */
.plb{position:fixed;inset:0;z-index:400;background:#fdfbf6;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .35s ease, visibility .35s ease;touch-action:none}
.plb.open{opacity:1;visibility:visible}
.plb-top{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;flex-shrink:0}
.plb-count{font-family:var(--sans);font-size:11.5px;letter-spacing:.3em;color:var(--gold-deep);text-transform:uppercase}
.plb-tools{display:flex;gap:10px}
.plb-tools button{width:46px;height:46px;border:1px solid var(--hair);background:#fff;color:var(--gold-deep);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;font-family:var(--sans);font-size:19px}
.plb-tools button:hover{border-color:var(--gold);color:var(--ink)}
.plb-stage{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:grab}
.plb-stage.grabbing{cursor:grabbing}
.plb-img{max-width:92%;max-height:92%;user-select:none;-webkit-user-drag:none;transform-origin:center center;will-change:transform;box-shadow:0 30px 80px -30px rgba(60,45,20,.35)}
.plb-nav{position:absolute;top:50%;transform:translateY(-50%);width:54px;height:54px;border:1px solid var(--hair);background:rgba(255,255,255,.94);color:var(--gold-deep);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:3}
.plb-nav:hover{background:var(--gold);color:#fff;border-color:var(--gold)}
.plb-nav.prev{left:22px}
.plb-nav.next{right:22px}
.plb-thumbs{display:flex;gap:10px;justify-content:center;padding:14px 20px 20px;flex-shrink:0;overflow-x:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x}
.plb-thumbs img{width:62px;height:62px;object-fit:cover;border:1px solid transparent;cursor:pointer;transition:border-color .3s;opacity:.7}
.plb-thumbs img.act{border-color:var(--gold);opacity:1}
.plb-zoomlvl{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);background:rgba(255,255,255,.92);border:1px solid var(--hair);color:var(--gold-deep);font-family:var(--sans);font-size:11px;letter-spacing:.2em;padding:6px 14px;pointer-events:none;opacity:0;transition:opacity .3s;z-index:3}
.plb-zoomlvl.show{opacity:1}
.plb-hint{position:absolute;top:14px;left:50%;transform:translateX(-50%);font-family:var(--sans);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:rgba(143,111,51,.6);pointer-events:none;z-index:3}
body.plb-open{overflow:hidden}
body.plb-open header#hdr,body.plb-open .topbar{visibility:hidden}
@media(max-width:640px){
  .plb-nav{width:44px;height:44px}
  .plb-nav.prev{left:10px}
  .plb-nav.next{right:10px}
  .plb-img{max-width:100%;max-height:100%}
  .plb-thumbs img{width:52px;height:52px}
}

/* ===== Safari / iOS ===== */
@media (max-width:1080px){
  .price-filter input,.brand-filter select,.woocommerce-ordering select{font-size:16px}
  .pjer-single form.cart .quantity input{font-size:17px}
}
.plb-img{-webkit-user-select:none}
.plb-stage{-webkit-user-select:none}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield;appearance:textfield}

/* ===== Dizajnerski polish (v1.8) ===== */

/* Prazna korpa — brendirano */
.pjer-empty-script{font-family:var(--script);font-size:30px;color:var(--gold-deep);margin-bottom:2px !important}
.pjer-empty-title{font-family:var(--serif);font-weight:500;font-size:clamp(26px,3vw,36px);margin:6px 0 14px !important}
.pjer-empty-text{color:var(--muted);max-width:520px;margin-inline:auto !important}
.pjer-empty-btn .wp-block-button__link{background:linear-gradient(135deg,#b8934e,#d9b878 55%,#a07f3c);color:#fff;border-radius:0;font-family:var(--sans);font-size:12.5px;letter-spacing:.28em;text-transform:uppercase;padding:16px 34px;transition:box-shadow .3s,transform .3s}
.pjer-empty-btn .wp-block-button__link:hover{box-shadow:0 16px 34px -16px rgba(160,125,55,.65);transform:translateY(-1px)}
.wp-block-woocommerce-empty-cart-block{padding:26px 0 64px}

/* Sort select — isti jezik kao brand filter */
.woocommerce-ordering select{padding:9px 12px;border:1px solid var(--hair);background:var(--cream);font-family:var(--sans);font-size:13.5px;color:var(--ink-soft);cursor:pointer}
.woocommerce-ordering select:focus{outline:none;border-color:var(--gold)}

/* Kartice iste visine — dugme uvek na dnu (poravnato u redu) */
ul.products li.product{display:flex}
ul.products li.product > div,.grid > div{width:100%}
.card{display:flex;flex-direction:column;height:100%}
.card .meta{flex:1;display:flex;flex-direction:column}
.card .act{margin-top:auto;padding-top:14px}

/* ===== WOW sloj (v2.1) — maksimalno elegantno, i desktop i mobilni ===== */

/* Zlatna nit napretka skrola */
.scroll-thread{position:fixed;top:0;left:0;height:2px;width:100%;z-index:120;pointer-events:none;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#b8934e,#e6cf9a 60%,#d9b878);box-shadow:0 0 8px rgba(201,165,96,.5)}

/* Sjaj koji pređe preko zlatnih dugmadi */
.btn.solid::after{content:'';position:absolute;top:0;left:-80%;width:55%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.42),transparent);transform:skewX(-22deg);transition:left .8s cubic-bezier(.3,.6,.2,1)}
.btn.solid:hover::after{left:130%}
.btn.ghost{transition:all .35s, box-shadow .5s}
.btn.ghost:hover{box-shadow:0 14px 30px -18px rgba(160,125,55,.55)}
.btn:active{transform:translateY(0) scale(.975)}

/* Page-hero uvod: script → naslov → ornament (na učitavanju, bez JS) */
.page-hero .script{opacity:0;animation:phUp .9s .1s cubic-bezier(.2,.6,.2,1) forwards}
.page-hero h1{opacity:0;animation:phUp .9s .28s cubic-bezier(.2,.6,.2,1) forwards}
.page-hero .orn{opacity:0;animation:phUp .9s .5s cubic-bezier(.2,.6,.2,1) forwards}
@keyframes phUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}

/* Ornament: linije se "iscrtavaju", zvezda diše */
.page-hero .orn svg,.orn svg{animation:ornBreathe 5.5s ease-in-out infinite}
@keyframes ornBreathe{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.18);opacity:.75}}

/* Hero (naslovna): kaskadni ulaz sadržaja */
.hero .txt > *{opacity:0;animation:phUp 1s cubic-bezier(.2,.6,.2,1) forwards}
.hero .txt > *:nth-child(1){animation-delay:.15s}
.hero .txt > *:nth-child(2){animation-delay:.3s}
.hero .txt > *:nth-child(3){animation-delay:.45s}
.hero .txt > *:nth-child(4){animation-delay:.6s}
.hero .txt > *:nth-child(5){animation-delay:.75s}

/* Hero logo i futer medalja: spori zlatni shimmer preko maske */
.hero-logo.pjer-script,.f-medal .pjer-script{background:linear-gradient(100deg,#b8934e 0%,#d9b878 30%,#f2e0b8 50%,#d9b878 70%,#a07f3c 100%) !important;background-size:230% 100% !important}
.f-medal .pjer-script{animation:goldSheen 7s ease-in-out infinite}
.hero .txt > .hero-logo.pjer-script{animation:phUp 1s .3s cubic-bezier(.2,.6,.2,1) forwards, goldSheen 7s ease-in-out 1.6s infinite}
.hero-logo.pjer-script{animation:goldSheen 7s ease-in-out infinite}
@keyframes goldSheen{0%,100%{background-position:0% 0}50%{background-position:100% 0}}

/* Kartice: dublja senka + zlatna ivica na hover, tap feedback na mobilnom */
.card{transition:transform .5s cubic-bezier(.2,.6,.2,1), box-shadow .6s;padding-bottom:20px;background:transparent;transition-property:transform,box-shadow,background}
.card:hover{transform:translateY(-6px);box-shadow:0 34px 60px -34px rgba(60,45,20,.35);background:#fff}
.card .ph{position:relative}
.card .ph::before{content:'';position:absolute;inset:0;border:1px solid transparent;transition:border-color .5s;z-index:2;pointer-events:none}
.card:hover .ph::before{border-color:rgba(201,165,96,.55)}
.card:active{transform:scale(.985)}

/* USP ikonice: nežno lebdenje */
.usp .it svg{animation:uspFloat 4.6s ease-in-out infinite}
.usp .it:nth-child(2) svg{animation-delay:1.1s}
.usp .it:nth-child(3) svg{animation-delay:2.2s}
.usp .it:nth-child(4) svg{animation-delay:3.3s}
@keyframes uspFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}

/* Kategorije: krug se puni zlatnim dahom na hover */
.cat-it .cir{position:relative}
.cat-it .cir::after{content:'';position:absolute;inset:-5px;border-radius:50%;border:1px solid rgba(201,165,96,.0);transition:all .45s}
.cat-it:hover .cir::after{inset:-8px;border-color:rgba(201,165,96,.45)}

/* Meki prelaz između strana */
body{transition:opacity .22s ease;animation:pageIn .5s ease}
body.page-leave{opacity:0}
/* Customizer preview: bez fade tranzicija — svako osvežavanje bi treperilo belo */
body.pjer-in-customizer{animation:none;transition:none}
body.pjer-in-customizer.page-leave{opacity:1}
@keyframes pageIn{from{opacity:0}to{opacity:1}}

/* Linkovi u meniju: zlatna linija raste iz sredine */
header#hdr nav.main a{position:relative}
header#hdr nav.main a::after{content:'';position:absolute;left:50%;bottom:-4px;width:0;height:1px;background:var(--gold);transition:width .35s ease, left .35s ease}
header#hdr nav.main a:hover::after{left:0;width:100%}

/* Footer stavke: blagi pomak na hover */
footer .f-col nav a,footer .f-col p{transition:transform .3s, color .3s}
footer .f-col nav a:hover{transform:translateX(4px)}

/* Mobilni meni: stavke ulaze kaskadno kad se otvori */
.mobile-nav.open a{opacity:0;transform:translateY(14px);animation:phUp .5s forwards}
.mobile-nav.open a:nth-child(1){animation-delay:.06s}
.mobile-nav.open a:nth-child(2){animation-delay:.12s}
.mobile-nav.open a:nth-child(3){animation-delay:.18s}
.mobile-nav.open a:nth-child(4){animation-delay:.24s}
.mobile-nav.open a:nth-child(5){animation-delay:.3s}
.mobile-nav.open a:nth-child(6){animation-delay:.36s}
.mobile-nav.open a:nth-child(7){animation-delay:.42s}

/* Cena na kartici: zlato zasija na hover */
.card:hover .price{color:var(--gold-deep);transition:color .4s}

@media (prefers-reduced-motion: reduce){
  .scroll-thread,.btn.solid::after{display:none}
  .page-hero .script,.page-hero h1,.page-hero .orn,.hero .txt > *,.mobile-nav.open a{opacity:1;animation:none;transform:none}
  .orn svg,.usp .it svg,.hero-logo.pjer-script,.f-medal .pjer-script{animation:none}
  body{transition:none;animation:none}
}

/* Turnstile widget */
.ts-fld{margin:6px 0 2px}
.ts-fld .cf-turnstile{min-height:65px}

/* ===== Servis/Otkup intro — uramljena fotografija + serif uvod (v2.2) ===== */
.svc-intro{background:var(--white);padding:24px 28px 78px}
.svc-intro .in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(36px,5vw,84px);align-items:center}
.svc-intro.rev .in{grid-template-columns:1fr 1.05fr}
.svc-intro.rev .ph{order:2}
.svc-intro.rev .tx{order:1}
.svc-intro .ph{position:relative}
.svc-intro .ph::before{content:'';position:absolute;inset:16px -16px -16px 16px;border:1px solid var(--hair);z-index:0}
.svc-intro .ph img{position:relative;width:100%;aspect-ratio:16/11;object-fit:cover;z-index:1;box-shadow:0 30px 60px -34px rgba(60,45,20,.35)}
.svc-intro .corner{position:absolute;width:32px;height:32px;z-index:2;border:1px solid var(--gold)}
.svc-intro .c-tl{top:-9px;left:-9px;border-right:none;border-bottom:none}
.svc-intro .c-br{bottom:-9px;right:-9px;border-left:none;border-top:none}
.svc-intro.rev .ph::before{inset:16px 16px -16px -16px}
.svc-intro .tx .script{font-family:var(--script);font-size:clamp(24px,2.4vw,32px);color:var(--gold-deep);display:block;margin-bottom:14px}
.svc-intro .tx .lead{font-family:var(--serif);font-size:clamp(20px,1.9vw,27px);line-height:1.6;color:var(--ink);font-weight:400}
.svc-intro .tx .rule{width:84px;height:1px;margin-top:26px;background:linear-gradient(90deg,var(--gold),transparent)}
@media(max-width:900px){
  .svc-intro .in,.svc-intro.rev .in{grid-template-columns:1fr}
  .svc-intro.rev .ph{order:0}
  .svc-intro.rev .tx{order:1}
  .svc-intro{padding:10px 20px 56px}
}

/* ===== Kontakt: formatiran intro + TC Stadion promo (v2.3) ===== */
.kp-intro{max-width:720px;margin:0 auto 46px;text-align:center}
.kp-intro p{font-family:var(--serif);font-size:clamp(18px,1.7vw,23px);line-height:1.65;color:var(--ink-soft)}
.kp-intro p + p{margin-top:12px}
.stadion-promo{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(34px,4.5vw,74px);align-items:center;margin:74px auto 60px}
.stadion-promo.no-ph{grid-template-columns:1fr;text-align:center;max-width:640px}
.stadion-promo.no-ph .sp-plaque{margin-left:auto;margin-right:auto}
.stadion-promo .sp-ph{position:relative}
.stadion-promo .sp-ph::before{content:'';position:absolute;inset:16px -16px -16px 16px;border:1px solid var(--hair)}
.stadion-promo .sp-ph img{position:relative;width:100%;aspect-ratio:16/9;object-fit:cover;box-shadow:0 30px 60px -34px rgba(60,45,20,.4);z-index:1}
.stadion-promo .sp-plaque{display:inline-flex;background:#fff;border:1px solid var(--hair);padding:12px 20px;margin-bottom:20px;box-shadow:0 10px 26px -18px rgba(60,45,20,.3)}
.stadion-promo .sp-plaque img{max-width:150px;height:auto;display:block}
.stadion-promo h2{font-family:var(--serif);font-weight:500;font-size:clamp(26px,2.6vw,38px);line-height:1.2;margin-bottom:16px}
.stadion-promo h2 em{font-style:italic;color:var(--gold-deep)}
.stadion-promo p{color:var(--muted);line-height:1.8;margin-bottom:26px}
@media(max-width:900px){
  .stadion-promo{grid-template-columns:1fr;gap:40px;margin:54px auto 46px}
  .stadion-promo .sp-tx{text-align:center}
  }

/* ===== Video proizvoda (v2.4) ===== */
.thumbs .vid-thumb{position:relative;display:block}
.thumbs .vid-thumb img{filter:brightness(.72)}
.thumbs .vid-thumb .play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff}
.thumbs .vid-thumb .play svg{width:26px;height:26px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));transition:transform .3s}
.thumbs .vid-thumb:hover .play svg{transform:scale(1.18)}
.plb-vwrap{width:min(1080px,92vw);aspect-ratio:16/9;box-shadow:0 30px 80px -30px rgba(60,45,20,.4);background:#000}
.plb-vwrap iframe,.plb-vwrap video{width:100%;height:100%;border:0;display:block}
.plb.plb-video .plb-tools .plb-zi,.plb.plb-video .plb-tools .plb-zo,.plb.plb-video .plb-zoomlvl,.plb.plb-video .plb-hint{display:none}

/* Društvene mreže u futeru */
.f-bottom{position:relative}
.f-social{display:flex;gap:16px;align-items:center}
.f-social a{color:rgba(230,214,180,.66);transition:color .3s, transform .3s}
.f-social a:hover{color:var(--gold);transform:translateY(-2px)}
.f-social svg{width:17px;height:17px;display:block}
@media(max-width:640px){.f-social{justify-content:center;margin-bottom:10px}}

/* ===== Bela tema je zakon (v2.5): auto-dark i forsirani režimi ne diraju brend ===== */
:root{color-scheme:only light}
.pjer-script,.pjer-logo-img,.hero-logo,.f-medal,.f-medal-logo,#loader,.stadion-lockup,.sp-plaque,img,svg{forced-color-adjust:none}
@media (prefers-color-scheme: dark){
  html,body{background:#fffdf9;color:#221a10}
}

/* Hero video pozadina */
.hero .video-slide video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero.has-video .slide.act{opacity:1}
@media (prefers-reduced-motion: reduce){.hero .video-slide video{display:none}.hero .video-slide{background:var(--cream-2)}}

/* ===== Premium mikrodetalji (v2.5) ===== */

/* Selekcija teksta u zlatu */
::selection{background:rgba(201,165,96,.28);color:var(--ink)}

/* Tanak elegantan scrollbar (WebKit + Firefox) */
html{scrollbar-width:thin;scrollbar-color:#cbb58a #f6f2e9}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#f6f2e9}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#cbb58a,#a98f5c);border-radius:5px;border:2px solid #f6f2e9}
::-webkit-scrollbar-thumb:hover{background:#a98f5c}

/* Focus-visible: zlatni prsten umesto default plavog */
:focus-visible{outline:2px solid rgba(201,165,96,.75);outline-offset:3px;border-radius:1px}
.btn:focus-visible{outline-offset:4px}

/* Input fokus: mekan zlatni sjaj */
.pjer-form input:focus,.pjer-form textarea:focus,.price-filter input:focus,.brand-filter select:focus,.woocommerce-ordering select:focus{box-shadow:0 0 0 3px rgba(201,165,96,.14)}

/* Slike proizvoda: blagi sjaj preko na hover (sweep) */
.card .ph::after{background:
  linear-gradient(105deg,transparent 40%,rgba(255,255,255,.2) 50%,transparent 60%) no-repeat -140% 0/140% 100%,
  linear-gradient(to top,rgba(33,28,21,.16),transparent 35%);
  transition:opacity .5s, background-position 1.1s cubic-bezier(.3,.6,.2,1)}
.card:hover .ph::after{background-position:240% 0, 0 0}

/* Thumbs galerije: zlatna ivica act + hover */
.thumbs a{transition:opacity .3s, box-shadow .3s}
.thumbs a:hover{box-shadow:0 8px 20px -12px rgba(160,125,55,.5)}

/* Zoom-hint puls poziva na klik (jednom u 6s, nežno) */
.zoom-hint{animation:hintNudge 6s ease-in-out infinite}
@keyframes hintNudge{0%,88%,100%{transform:translateY(0)}92%{transform:translateY(-3px)}96%{transform:translateY(0)}}

/* Dots hero-a: aktivna tačka zlatno puni */
.hero .dots .d{transition:transform .3s}
.hero .dots .d:hover{transform:scale(1.25)}

/* Kategorije pills na shopu: mekan prelaz */
.cat-pills .pill{transition:all .3s}
.cat-pills .pill:hover{border-color:var(--gold);color:var(--gold-deep);transform:translateY(-1px)}

/* Tabele/citati u sadržaju već stilizovani; linkovi u meniju imaju underline-grow */

/* Footer medal: nežno disanje prstena */
.f-medal::before{animation:medalRing 5.5s ease-in-out infinite}
@keyframes medalRing{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.7}}

@media (prefers-reduced-motion: reduce){
  .card .ph::after,.zoom-hint,.f-medal::before{animation:none;transition:none}
}

/* |reč| konvencija: zlatni kurziv u svim sekcijskim naslovima */
section h2 em,.page-hero h1 em,.stadion-promo h2 em{font-style:italic;color:var(--gold-deep)}

/* ===== Page-hero: suptilna foto pozadina (v2.7) ===== */
.page-hero.has-bg{position:relative;overflow:hidden}
.page-hero.has-bg::before{content:'';position:absolute;inset:0;background:var(--phbg) center 38%/cover no-repeat;opacity:var(--phop,.65)}
.page-hero.has-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg, rgba(255,253,247,.66) 0%, rgba(255,253,247,.72) 55%, #fff 100%)}
.page-hero.has-bg > *{position:relative;z-index:1}

/* ===== Potpis ispod logotipa (lockup) — v2.7.8 =====
   Sve se izvodi iz --lkf (veličina slova), a širina je fit-content (linija = širina
   teksta) pa se ne može preliti ni na jednom ekranu. Po kontekstu se menja samo --lkf. */
.lockup{display:inline-flex;flex-direction:column;align-items:center;
  gap:calc(var(--lkf,11px) * .95);font-size:var(--lkf,11px);max-width:100%}
.lk-rule{display:block;width:100%;height:1px;
  background:linear-gradient(90deg,transparent 0%,currentColor 14%,currentColor 86%,transparent 100%);
  color:var(--gold-bright);opacity:.5}
.lk-txt{display:flex;align-items:center;justify-content:center;
  gap:calc(var(--lkf,11px) * 1.15);font-family:var(--sans);font-weight:400;font-size:1em;
  line-height:1;text-transform:uppercase;color:var(--gold-deep);white-space:nowrap}
/* -.34em poništava „rep" koji letter-spacing ostavlja iza poslednjeg slova — bez toga tekst nije centriran */
.lk-txt > span{letter-spacing:.34em;margin-right:-.34em}
.lk-dot{flex:0 0 auto;display:flex;align-items:center;justify-content:center;
  width:calc(var(--lkf,11px) * .82);height:calc(var(--lkf,11px) * .82);
  color:var(--gold);opacity:.85}
.lk-dot svg{display:block;width:100%;height:100%;fill:currentColor}
.lockup.on-dark .lk-txt{color:#c2a468}
.lockup.on-dark .lk-rule{color:var(--gold-bright);opacity:.5}
.lockup.on-dark .lk-dot{color:var(--gold-bright)}

/* preloader: linija lockupa JE traka učitavanja (da nemamo dve linije jednu ispod druge) */
.lk-rule.sweep{position:relative;overflow:hidden;opacity:.3}
.lk-rule.sweep::after{content:'';position:absolute;inset:0;width:42%;
  background:linear-gradient(90deg,transparent,var(--gold-bright),transparent);
  animation:lkSweep 1.5s ease-in-out infinite}
@keyframes lkSweep{from{transform:translateX(-120%)}to{transform:translateX(320%)}}

/* veličine po kontekstu */
.hero-lockup{--lkf:clamp(9px,1.02vw,12.5px);margin:18px 0 calc(var(--lkf) * 1.5)}
.ld-lockup{--lkf:clamp(8.5px,.92vw,11px)}
.f-lockup{--lkf:clamp(8.5px,.88vw,11px);margin-top:14px}

/* mobilni: manji razmak između slova da potpis ostane u jednom redu */
@media (max-width:560px){
  .lk-txt > span{letter-spacing:.22em;margin-right:-.22em}
  .lk-txt{gap:calc(var(--lkf,11px) * .9)}
}
@media (prefers-reduced-motion: reduce){
  .lk-rule.sweep::after{animation:none}
}

/* ===== |reč| u kaligrafskom fontu — v2.7.8 =====
   Do sada je istaknuta reč bila Cormorant kurziv; sada je isti kaligrafski font
   (Great Vibes) kao „iz naše vitrine" i ostali script uvodi, pa je tipografija
   sajta konzistentna. line-height:0 sprečava da visoki potezi razvuku red. */
.hero h1 em,
.maison h2 em,
.stadion-promo h2 em,
section h2 em,
.page-hero h1 em,
h1 em, h2 em{
  font-family:var(--script);
  font-style:normal;
  font-weight:400;
  font-size:calc(var(--gv-scale, 1.38) * 1em);
  line-height:0;
  letter-spacing:.012em;
  padding:0 .08em 0 0;      /* desno malo vazduha za izlazni potez, levo ništa */
  color:var(--gold-deep);
  vertical-align:baseline;
  position:relative;
  top:.01em;                /* fino poravnanje osnovne linije sa serifom */
}