/*
EsEm Tactical — stranica proizvoda.

Klase i boje preuzete sa statičnog nacrta, oslanja se na CSS varijable
već definisane u style.css (--maslina, --coyote, --krem, --linija, itd.)
*/

.proizvod{display:grid;grid-template-columns:1fr 420px;gap:44px;padding:28px 0 48px}

/* ---------- galerija ---------- */
.galerija{position:relative}
.glavna{position:relative;background:var(--krem);border:1px solid var(--linija);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}
.glavna img{width:100%;height:100%;object-fit:contain;padding:18px}
.galerija .strelica{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;background:rgba(39,44,32,.82);color:#fff;border:0;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:background .15s}
.galerija .strelica:hover{background:var(--maslina)}
.galerija .strelica.lijevo{left:12px}
.galerija .strelica.desno{right:12px}
.brojac{position:absolute;right:12px;bottom:12px;background:rgba(39,44,32,.82);color:#fff;font-family:'Saira Condensed',sans-serif;font-size:13px;letter-spacing:.06em;padding:5px 11px}
.slicice{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:9px;margin-top:9px}
.slicica{background:var(--krem);border:1px solid var(--linija);aspect-ratio:1/1;cursor:pointer;padding:5px}
.slicica img{width:100%;height:100%;object-fit:contain}
.slicica.aktivna{border-color:var(--maslina);box-shadow:inset 0 0 0 1px var(--maslina)}

/* ---------- panel kupovine ---------- */
.naslov-red{display:flex;align-items:center;justify-content:space-between;gap:18px}
.naslov-red h1{margin:0 0 12px;font-size:34px;flex:1 1 auto}
.marka-logo{height:30px!important;width:auto!important;max-width:170px!important;flex:0 0 auto;margin-bottom:12px}
.sifra{font-size:13px;color:var(--sivi);margin-bottom:18px}
.pdv{font-size:12px;color:var(--sivi);margin-top:4px}
.cijena-red-marka{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.cijena-red-marka #cijenaBox{flex:1;min-width:0}
.cijena-red{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.cijena-red .cijena{font-family:'Saira Condensed',sans-serif;font-size:42px;font-weight:800;color:var(--maslina);line-height:1}
.cijena-red .cijena small{font-size:20px;font-weight:600}
.cijena-red .od{font-size:20px;font-weight:600;text-transform:none}
.cijena-stara{font-family:'Saira Condensed',sans-serif;font-size:24px;font-weight:600;color:var(--sivi);text-decoration:line-through}
.popust-znacka{font-family:'Saira Condensed',sans-serif;font-size:14px;font-weight:700;letter-spacing:.06em;background:var(--crvena);color:#fff;padding:3px 9px;border-radius:3px}
.usteda{font-size:13px;color:var(--crvena);font-weight:600;margin-top:6px}

.blok{margin-top:24px}
.blok-nas{font-family:'Saira Condensed',sans-serif;text-transform:uppercase;font-weight:700;font-size:14px;letter-spacing:.08em;margin-bottom:10px;display:flex;justify-content:space-between;align-items:baseline}
.blok-nas a{font-family:'Barlow',sans-serif;text-transform:none;font-weight:400;font-size:13px;color:var(--sivi);text-decoration:underline;letter-spacing:0;cursor:pointer}

/* varijante (dostupne boje / druge izvedbe) */
.varijante{margin:18px 0 4px}
.varijante .blok-nas{margin-bottom:9px}
.var-red{display:flex;gap:10px;flex-wrap:wrap}
.var-plocica{display:block;width:76px;border:1px solid var(--linija);background:#fff;padding:4px;transition:border-color .15s ease,box-shadow .15s ease;text-align:center}
.var-plocica img{width:100%;height:60px;object-fit:contain;display:block}
.var-plocica em{display:block;font-style:normal;font-size:10.5px;line-height:1.25;color:var(--sivi);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.var-plocica:hover{border-color:var(--maslina)}
.var-plocica.tekuca{border-color:var(--maslina);box-shadow:inset 0 0 0 1px var(--maslina)}
.var-plocica.tekuca em{color:var(--maslina-tamna);font-weight:600}
@media (max-width:640px){.var-plocica{width:68px}.var-plocica img{height:52px}}

/* veličine */
.velicine{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:7px}
.vel{border:1px solid var(--linija);background:#fff;color:var(--tekst);padding:11px 4px;font-family:'Saira Condensed',sans-serif;font-weight:600;font-size:16px;cursor:pointer;position:relative;transition:all .12s}
.vel:hover{border-color:var(--maslina)}
.vel .cij{display:block;font-size:11px;font-weight:600;opacity:.75;margin-top:2px;letter-spacing:0}
.vel .balon{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#1c1c1a;color:#fff;font-family:'Saira Condensed',sans-serif;font-size:12.5px;font-weight:600;letter-spacing:.02em;padding:6px 10px;border-radius:3px;white-space:nowrap;z-index:5;opacity:0;visibility:hidden;transition:opacity .13s;pointer-events:none;max-width:min(280px,90vw)}
.vel .balon::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:#1c1c1a}
.vel:hover .balon,.vel.balon-otvoren .balon{opacity:1;visibility:visible}
.vel.nema .balon{background:var(--crvena)}
.vel.izabrana{background:var(--maslina);color:#fff;border-color:var(--maslina)}
.vel::after{content:"";position:absolute;top:5px;right:5px;width:7px;height:7px;border-radius:50%}
.vel[data-stanje="odmah"]::after{background:var(--zelena)}
.vel[data-stanje="sedam"]::after{background:var(--zuta)}
.vel[data-stanje="deset"]::after{background:var(--crvena)}
.vel.nema{color:var(--crvena);border-color:#e3c4c1;background:#fdf7f6;cursor:help;text-decoration:line-through;opacity:1}
.vel.nema:hover{border-color:var(--crvena);background:#faeceb}
.vel.nema::after{background:var(--crvena);content:"";width:9px;height:2px;border-radius:0;top:8px;right:5px}
.vel.nema.izabrana{background:#fdf7f6;color:var(--crvena);border-color:var(--crvena)}
@media (max-width:520px){.vel .balon{max-width:min(240px,86vw);font-size:12px}}

.rok-jedan{display:flex;align-items:center;gap:9px;font-weight:600;font-size:15px;margin-top:22px}
.rok-jedan .tacka{width:10px;height:10px;border-radius:50%;flex:0 0 auto}
.rok-jedan[data-stanje="odmah"] .tacka{background:var(--zelena)}
.rok-jedan[data-stanje="sedam"] .tacka{background:var(--zuta)}
.rok-jedan[data-stanje="deset"] .tacka{background:var(--crvena)}
.rok-jedan[data-stanje="nema"] .tacka{background:var(--sivi)}

/* količina i dugme */
.kolicina-red{display:flex;gap:10px;margin-top:20px}
.kolicina{display:flex;border:1px solid var(--linija)}
.kolicina button{width:42px;background:#fff;border:0;font-size:19px;cursor:pointer}
.kolicina input{width:52px;border:0;text-align:center;font-size:16px;font-family:'Saira Condensed',sans-serif;font-weight:600}
.dugme{flex:1;background:var(--maslina);color:#fff;border:0;padding:16px;font-family:'Saira Condensed',sans-serif;text-transform:uppercase;font-weight:700;font-size:17px;letter-spacing:.06em;cursor:pointer;transition:background .15s}
.dugme:hover{background:var(--maslina-tamna)}
.dugme:disabled{opacity:.6;cursor:not-allowed}

/* info lista */
.info-lista{margin-top:28px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px 18px;padding:0}
.info-lista li{list-style:none;display:grid;grid-template-columns:86px 1fr;align-items:center;gap:10px;padding:0;text-align:left}
.info-lista .ik{width:86px;height:86px;flex:none;display:flex;align-items:center;justify-content:center}
.info-lista .ik img{width:100%;height:100%;object-fit:contain;display:block}
.info-lista .txt{font-size:13px;color:var(--tekst);line-height:1.3;min-width:0}
.info-lista .txt strong{display:block;font-family:'Saira Condensed',sans-serif;font-weight:700;font-size:15px;letter-spacing:.02em;text-transform:uppercase;line-height:1.15}
.info-lista .txt small{display:block;font-size:12px;color:var(--sivi);margin-top:4px;line-height:1.3}
@media (max-width:1024px){.info-lista{grid-template-columns:repeat(2,1fr);gap:18px 14px}}
@media (max-width:520px){.info-lista{grid-template-columns:1fr;gap:16px}.info-lista li{grid-template-columns:56px 1fr;gap:12px}.info-lista .ik{width:56px;height:56px}}

.upit-dugme{margin-top:22px;width:100%;background:#fff;border:1.5px solid var(--tekst);padding:16px;font-family:'Saira Condensed',sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--tekst);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:11px;transition:all .15s}
.upit-dugme:hover{background:var(--tekst);color:#fff}
.upit-dugme svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.upit-podaci{margin-top:12px;font-size:14px;text-align:center}
.upit-podaci a{text-decoration:underline}

/* ---------- sekcije ispod panela ---------- */
section{padding:56px 0;border-top:1px solid var(--linija)}
section h2{font-size:30px;text-align:center;max-width:820px;margin:0 auto 20px;font-family:'Saira Condensed',sans-serif;text-transform:uppercase}
.uvod{max-width:820px;margin:0 auto;text-align:center;font-size:17px;color:#3a3a35}
.uvod b{color:var(--tekst)}
.velika-slika{margin:32px auto 0;max-width:900px;background:var(--krem);border:1px solid var(--linija)}
.velika-slika img{width:100%;display:block}

.video-okvir{max-width:520px;margin:0 auto;border:1px solid var(--linija);background:#000;border-radius:4px;overflow:hidden}
.video-okvir video{width:100%;height:auto;display:block}
.video-napomena{text-align:center;font-size:12.5px;color:var(--sivi);margin-top:10px}

.karak{max-width:820px;margin:0 auto;list-style:none}
.karak li{position:relative;padding:9px 0 9px 26px;border-bottom:1px solid var(--linija);font-size:16px}
.karak li::before{content:"";position:absolute;left:2px;top:17px;width:9px;height:9px;background:var(--coyote)}

.tehnologije{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:26px}
.tehnologija{display:grid;grid-template-columns:70px 1fr;gap:20px;align-items:start}
.tehnologija img{width:66px;height:66px}
.tehnologija h3{font-size:19px;margin-bottom:5px}
.tehnologija p{font-size:15px;color:#3a3a35}

.upotrebe{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:26px}
.upotreba{display:grid;grid-template-columns:78px 1fr;gap:20px;align-items:start}
.upotreba svg{width:72px;height:72px;color:var(--maslina);flex-shrink:0;fill:currentColor;stroke:none}
.upotreba h3{font-size:20px;margin-bottom:6px}

.sklop{border-top:1px solid var(--linija);margin-top:-1px}
.sklop summary{list-style:none;cursor:pointer;padding:20px 4px;display:flex;align-items:center;justify-content:space-between;font-family:'Saira Condensed',sans-serif;font-size:21px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--tekst)}
.sklop summary::-webkit-details-marker{display:none}
.sklop summary:hover{color:var(--maslina)}
.sklop summary .znak{font-size:24px;color:var(--maslina);font-weight:400;line-height:1;transition:transform .18s}
.sklop[open] summary .znak{transform:rotate(45deg)}
.sklop .sadrzaj{padding:2px 0 28px}
.sklop-okvir{border-bottom:1px solid var(--linija)}

.tabela{max-width:820px;margin:0 auto;width:100%;border-collapse:collapse}
.tabela tr{border-bottom:1px solid var(--linija)}
.tabela th{text-align:left;padding:12px 10px;font-family:'Saira Condensed',sans-serif;text-transform:uppercase;font-size:14px;letter-spacing:.04em;width:44%;vertical-align:top}
.tabela td{padding:12px 10px;font-size:15px}

.vel-tabela{max-width:560px;margin:0 auto;width:100%;border-collapse:collapse;font-size:15px}
.vel-tabela th,.vel-tabela td{border:1px solid var(--linija);padding:9px 10px;text-align:center}
.vel-tabela th{background:var(--krem);font-family:'Saira Condensed',sans-serif;text-transform:uppercase;font-size:14px}
.napomena{max-width:560px;margin:16px auto 0;font-size:14px;color:var(--sivi);text-align:center}

.brend{background:var(--maslina-tamna);color:var(--coyote-svijetla);border-top:0}
.brend .wrap{max-width:900px}
.brend-plocica{display:block;margin:0 auto 22px;background:none;border:0;padding:0}
.brend-logo{height:56px!important;width:auto!important;max-width:220px!important;display:block;margin:0 auto;filter:invert(1) brightness(1.7)}
.brend p{text-align:center;font-size:16px}

/* ---------- ikona iznad opisa (samo obuća) ---------- */
.sek-ikona{width:74px;height:74px;margin:0 auto 18px;border:1px solid var(--linija);border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--krem)}
.sek-cizma{width:auto;height:auto;border:0;background:none;border-radius:0;margin-bottom:14px}
.sek-cizma svg{width:120px;height:110px;filter:brightness(.42) saturate(.25)}

/* ---------- modal: tabela veličina ---------- */
.zastor{position:fixed;inset:0;background:rgba(0,0,0,.62);display:none;align-items:center;justify-content:center;z-index:900;padding:20px}
.zastor.otvoren{display:flex}
.prozor{background:#fff;border-radius:6px;max-width:640px;width:100%;max-height:82vh;overflow:auto;padding:22px 24px}
.prozor-vrh{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.prozor-vrh h3{font-family:'Saira Condensed',sans-serif;text-transform:uppercase;font-weight:700;font-size:17px;letter-spacing:.08em;margin:0}
.zatvori{background:none;border:0;font-size:28px;line-height:1;cursor:pointer;color:var(--sivi);padding:0 4px}
.prozor-tijelo .vel-tabela{margin:0 0 14px}
.prozor-tijelo .napomena{margin:0;text-align:left}
.mjerenje{margin-top:18px;border-top:1px solid var(--linija);padding-top:16px}
.mjerenje h4{font-family:'Saira Condensed',sans-serif;text-transform:uppercase;font-size:15px;letter-spacing:.05em;margin-bottom:10px}
.mjerenje ol{margin:0;padding-left:20px;font-size:14.5px;color:#3a3a35}
.mjerenje li{padding:3px 0}

/* ---------- prilagodbe za manje ekrane ---------- */
@media (max-width:980px){
	.proizvod{grid-template-columns:1fr;gap:30px}
	.slicice{grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}
	.naslov-red h1{font-size:27px}
	.marka-logo{height:24px}
	section h2{font-size:24px}
	section{padding:40px 0}
}

/* ---------- popup "Dodano u košaricu" ---------- */
.esem-popup-zastor{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto}
.esem-popup-prozor{background:#fff;width:100%;max-width:520px;border-radius:4px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.esem-popup-vrh{display:flex;align-items:center;justify-content:space-between;background:var(--zelena,#2f7d32);color:#fff;padding:14px 20px;font-family:'Oswald',sans-serif;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.esem-popup-x{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;line-height:1}
.esem-popup-tijelo{display:flex;gap:16px;padding:20px}
.esem-popup-slika{width:100px;height:100px;object-fit:contain;border:1px solid var(--linija,#dedad2);background:#fff;flex:none}
.esem-popup-naziv{font-family:'Barlow',sans-serif;font-size:16px;font-weight:600;color:var(--tekst,#1c1c1a);margin-bottom:6px}
.esem-popup-velicina{font-size:13px;color:var(--sivi,#6b6b64);margin-bottom:6px}
.esem-popup-cijena{font-family:'Saira Condensed',sans-serif;font-size:19px;font-weight:700;color:var(--maslina-tamna,#272c20)}

.esem-popup-dostava{background:var(--krem,#f5f2ec);padding:14px 20px;font-size:13px;color:var(--tekst,#1c1c1a)}
.esem-popup-dostava p{margin:0 0 8px}
.esem-popup-ostvareno{color:var(--zelena,#2f7d32);font-weight:600;margin:0!important}
.esem-popup-traka{height:6px;background:#e2ded4;overflow:hidden}
.esem-popup-traka div{height:100%;background:var(--zelena,#2f7d32)}

.esem-popup-slicni{padding:18px 20px 4px}
.esem-popup-slicni h3{font-family:'Oswald',sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#111;margin:0 0 12px}
.esem-popup-slicni-red{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.esem-popup-slicni-kartica{display:block;border:1px solid var(--linija,#dedad2);padding:8px;text-align:center}
.esem-popup-slicni-kartica:hover{border-color:var(--maslina,#3a4030)}
.esem-popup-slicni-kartica img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff;margin-bottom:6px}
.esem-popup-slicni-naziv{display:block;font-size:11px;color:var(--tekst,#1c1c1a);line-height:1.25;margin-bottom:3px}
.esem-popup-slicni-cijena{display:block;font-family:'Saira Condensed',sans-serif;font-weight:700;font-size:12.5px;color:var(--maslina-tamna,#272c20)}

.esem-popup-dugmad{display:flex;gap:10px;padding:18px 20px}
.esem-popup-dugmad button,.esem-popup-dugmad a{flex:1;text-align:center;padding:13px 10px;font-family:'Oswald',sans-serif;font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border:1px solid var(--maslina,#3a4030)}
.esem-popup-nastavi{background:#fff;color:var(--maslina,#3a4030)}
.esem-popup-nastavi:hover{background:var(--krem,#f5f2ec)}
.esem-popup-korpa{background:var(--maslina,#3a4030);color:#fff!important;border:1px solid var(--maslina,#3a4030)}
.esem-popup-korpa:hover{background:var(--maslina-tamna,#272c20)}

@media (max-width:480px){
	.esem-popup-tijelo{flex-direction:column;align-items:flex-start}
	.esem-popup-slika{width:80px;height:80px}
	.esem-popup-slicni-red{grid-template-columns:1fr 1fr 1fr;gap:8px}
	.esem-popup-dugmad{flex-direction:column}
}

/* =====================================================================
   MOBILNI PRIKAZ — dorada (samo ekrani do 640px, desktop netaknut)
   ===================================================================== */
@media (max-width:640px){
	/* putanja (breadcrumb) — sitnije, ne zauzima pola ekrana */
	.single-product .woocommerce-breadcrumb{font-size:11.5px!important;line-height:1.45;letter-spacing:.03em}

	.proizvod{gap:22px;padding:14px 0 32px}
	.proizvod>*{min-width:0}

	/* galerija — veća slika, diskretnije strelice */
	.glavna img{padding:6px}
	.galerija .strelica{width:36px;height:36px;font-size:16px;background:rgba(39,44,32,.62)}
	.galerija .strelica.lijevo{left:6px}
	.galerija .strelica.desno{right:6px}
	.brojac{right:6px;bottom:6px;font-size:12px;padding:3px 9px}

	/* sličice u jednom redu, prevlačenje prstom */
	.slicice{display:flex;gap:7px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}
	.slicice::-webkit-scrollbar{display:none}
	.slicica{flex:0 0 58px;width:58px;height:58px;scroll-snap-align:start;padding:3px}

	/* naslov i marka */
	.naslov-red{gap:12px;align-items:flex-start}
	.naslov-red h1{font-size:22px!important;line-height:1.2;margin-bottom:10px}
	.marka-logo{height:18px!important;max-width:96px!important;margin-top:4px}
	.sifra{font-size:12.5px;margin-bottom:12px}

	/* cijena */
	.cijena-red .cijena{font-size:36px}
	.cijena-red .cijena small{font-size:18px}
	.cijena-red .od{font-size:18px}

	/* veličine — uvijek 5 u redu, balon ne izlazi van ekrana */
	.velicine{grid-template-columns:repeat(5,1fr);gap:6px}
	.vel{padding:10px 2px;font-size:15.5px}
	.vel .cij{font-size:10.5px}
	.vel:nth-child(5n+1) .balon{left:0;transform:none}
	.vel:nth-child(5n+1) .balon::after{left:22px}
	.vel:nth-child(5n) .balon{left:auto;right:0;transform:none}
	.vel:nth-child(5n) .balon::after{left:auto;right:16px;transform:none}

	/* količina i dugme */
	.kolicina-red{gap:8px;margin-top:18px}
	.kolicina button{width:38px}
	.kolicina input{width:40px}
	.dugme{padding:15px 10px;font-size:16px}

	/* info ikone — 3 u redu, ikona iznad teksta */
	.info-lista{grid-template-columns:repeat(3,1fr);gap:18px 8px;margin:22px 0 0!important;padding:0!important}
	.info-lista li{grid-template-columns:1fr;justify-items:center;text-align:center;gap:6px;align-items:start;align-content:start}
	.info-lista .ik{width:50px;height:50px}
	.info-lista .txt{font-size:11.5px}
	.info-lista .txt strong{font-size:12.5px;letter-spacing:.01em}
	.info-lista .txt small{font-size:11px;margin-top:2px}

	.upit-dugme{padding:14px;font-size:15px;margin-top:18px}

	/* sekcije ispod */
	section{padding:32px 0}
	section h2{font-size:21px;line-height:1.2;margin-bottom:14px}
	.uvod{font-size:15.5px;line-height:1.6}
	.velika-slika{margin-top:20px}
	.karak li{font-size:15px;padding:8px 0 8px 22px}
	.karak li::before{top:15px;width:8px;height:8px}
	.tehnologija{grid-template-columns:52px 1fr;gap:14px}
	.tehnologija img{width:50px;height:50px}
	.tehnologija h3{font-size:17px}
	.tehnologija p{font-size:14.5px}
	.upotrebe,.tehnologije{gap:20px}
	.upotreba{grid-template-columns:56px 1fr;gap:14px}
	.upotreba svg{width:54px;height:54px}
	.upotreba h3{font-size:17px}
	.upotreba p{font-size:14.5px}
	.sklop summary{font-size:17px;padding:16px 2px}
	.sklop summary .znak{font-size:22px}
	.tabela th{font-size:12.5px;padding:10px 6px;width:46%}
	.tabela td{font-size:14px;padding:10px 6px}
	.vel-tabela{font-size:13.5px}
	.vel-tabela th,.vel-tabela td{padding:7px 4px}
	.brend p{font-size:15px}
	.brend-logo{height:44px!important}

	/* "Uz ovo bi vam dobro došlo" — razmak od ivica i vodoravno prevlačenje */
	.single-product .kos-preporuka{padding:24px 20px 0;margin-top:0}
	.single-product .kos-preporuka h2{font-size:16px;text-align:left;margin:0 0 12px}
	.single-product .kos-preporuka-vrpca{margin:0 -20px;padding:0 20px 6px;scrollbar-width:none}
	.single-product .kos-preporuka-vrpca::-webkit-scrollbar{display:none}
	.single-product .kos-preporuka-track{display:flex;gap:10px;scroll-snap-type:x mandatory}
	.single-product .kos-preporuka-kartica{flex:0 0 42%;scroll-snap-align:start}

	/* tabela veličina (prozor) */
	.zastor{padding:12px}
	.prozor{padding:18px 16px}
}

/* ---------- sticky traka "Dodaj u korpu" (mobitel) ---------- */
.sticky-kupi{position:fixed;left:0;right:0;bottom:0;z-index:850;display:flex;align-items:center;gap:10px;background:#fff;border-top:1px solid var(--linija);box-shadow:0 -4px 16px rgba(0,0,0,.09);padding:10px 12px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));transform:translateY(100%);transition:transform .18s ease}
.sticky-kupi.vidljivo{transform:translateY(0)}
.sticky-kupi img{width:44px;height:44px;object-fit:contain;background:var(--krem);border:1px solid var(--linija);border-radius:3px;flex:none}
.sticky-kupi-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.sticky-kupi-naziv{font-size:11.5px;color:var(--sivi);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sticky-kupi-cijena{font-family:'Saira Condensed',sans-serif;font-weight:700;font-size:17px;color:var(--tekst)}
.sticky-kupi .dugme{flex:none;padding:12px 16px;font-size:14px}
@media (min-width:769px){.sticky-kupi{display:none!important}}
@media (max-width:768px){body.sticky-kupi-aktivna{padding-bottom:70px}}
.velicine.istakni{animation:esemIstakniVel .9s ease;border-radius:3px}
@keyframes esemIstakniVel{0%,100%{box-shadow:none}30%,70%{box-shadow:0 0 0 3px rgba(58,64,48,.35)}}

/* ---------- "Dodaj u listu želja" — bez plave pozadine teme na klik/fokus ---------- */
.panel .pr-zelja,.panel .pr-zelja:hover,.panel .pr-zelja:focus,.panel .pr-zelja:active{background:none!important;color:var(--maslina-tamna)!important;box-shadow:none!important;border:0!important;border-radius:0}
.panel .pr-zelja:focus:not(:focus-visible){outline:none}

/* ---------- ocjene: WooCommerce naslov se ne ponavlja (sekcija već ima "Ocjene kupaca") ---------- */
.woocommerce-Reviews-title{display:none}

@media (max-width:640px){
	/* lista želja odmah ispod dugmeta "Dodaj u korpu", poravnata desno */
	.kolicina-red + .pr-zelja{display:flex;width:fit-content;margin:10px 0 0 auto;padding:4px 0}
	.kolicina-red + .pr-zelja img{width:32px;height:32px}
	.kolicina-red + .pr-zelja span{font-size:15px}
}

/* ---------- galerija: slika preko cijelog ekrana ---------- */
.galerija .glavna{cursor:zoom-in}
.galerija .glavna .strelica,.galerija .glavna .brojac{cursor:pointer}
html.esem-lb-otvoren,html.esem-lb-otvoren body{overflow:hidden!important}
.esem-lb{position:fixed;inset:0;z-index:100000;background:rgba(17,18,15,.97);opacity:0;transition:opacity .18s ease;display:block}
.esem-lb[hidden]{display:none}
.esem-lb.vidljiv{opacity:1}
.esem-lb-okvir{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;padding:calc(56px + env(safe-area-inset-top,0px)) 12px calc(56px + env(safe-area-inset-bottom,0px))}
.esem-lb-slika{max-width:100%;max-height:100%;object-fit:contain;transform-origin:center center;will-change:transform;cursor:zoom-in;-webkit-user-drag:none}
.esem-lb.uvecano .esem-lb-slika{cursor:grab}
.esem-lb-zatvori,.esem-lb-str{position:absolute;z-index:2;border:0;background:rgba(58,64,48,.85);color:#f5f2ec;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;transition:background .15s ease}
.esem-lb-zatvori:hover,.esem-lb-str:hover{background:var(--coyote,#b99a6b);color:#1c1c1a}
.esem-lb-zatvori{top:calc(12px + env(safe-area-inset-top,0px));right:12px;width:46px;height:46px;font-size:20px}
.esem-lb-str{top:50%;transform:translateY(-50%);width:50px;height:50px;font-size:20px}
.esem-lb-str.lijevo{left:14px}
.esem-lb-str.desno{right:14px}
.esem-lb-brojac{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(16px + env(safe-area-inset-bottom,0px));color:#f5f2ec;font:600 14px/1 'Barlow',sans-serif;letter-spacing:.06em;background:rgba(58,64,48,.85);padding:7px 14px;border-radius:20px;pointer-events:none}
.esem-lb-brojac:empty{display:none}
.esem-lb-savjet{position:absolute;left:0;right:0;top:calc(24px + env(safe-area-inset-top,0px));text-align:center;color:rgba(245,242,236,.55);font:500 12.5px/1 'Barlow',sans-serif;pointer-events:none}
.esem-lb.uvecano .esem-lb-savjet{opacity:0}
@media (hover:hover){.esem-lb-savjet{display:none}}
@media (max-width:640px){
	.esem-lb-str{width:40px;height:40px;font-size:16px;background:rgba(58,64,48,.6)}
	.esem-lb-str.lijevo{left:6px}
	.esem-lb-str.desno{right:6px}
	.esem-lb-okvir{padding-left:0;padding-right:0}
}
/* dugmad u prozoru slike ne preuzimaju plavu boju teme na fokus/klik */
.esem-lb .esem-lb-zatvori,.esem-lb .esem-lb-str,.esem-lb .esem-lb-zatvori:focus,.esem-lb .esem-lb-str:focus,.esem-lb .esem-lb-zatvori:active,.esem-lb .esem-lb-str:active{background:rgba(58,64,48,.85)!important;color:#f5f2ec!important;box-shadow:none!important;border:0!important;padding:0!important;outline:none}
.esem-lb .esem-lb-zatvori:focus-visible,.esem-lb .esem-lb-str:focus-visible{outline:2px solid var(--coyote,#b99a6b);outline-offset:2px}
@media (hover:hover){.esem-lb .esem-lb-zatvori:hover,.esem-lb .esem-lb-str:hover{background:var(--coyote,#b99a6b)!important;color:#1c1c1a!important}}

/* ---------- dugme "Nazad" i link marke ---------- */
.nazad-dugme{display:inline-flex;align-items:center;gap:8px;margin:14px 0 6px;padding:8px 14px 8px 12px;border:1px solid var(--linija);background:#fff;color:var(--maslina-tamna)!important;font-family:'Oswald',sans-serif;font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;text-decoration:none!important;border-radius:3px;transition:background .15s ease,border-color .15s ease}
.nazad-dugme span[aria-hidden]{font-size:16px;line-height:1;transition:transform .15s ease}
.nazad-dugme:hover{background:var(--krem);border-color:var(--maslina)}
.nazad-dugme:hover span[aria-hidden]{transform:translateX(-3px)}
.marka-veza{display:inline-block;line-height:0;flex:none}
.marka-veza:hover .marka-logo,.marka-veza:hover .brend-logo{opacity:.8}
@media (max-width:640px){.nazad-dugme{margin:10px 0 4px;padding:7px 12px 7px 10px;font-size:12px}}