/* ==========================================================================
   Zdravlje24 — stilovi (v5)
   Paleta:      bijela · svijetlo siva · šumsko zelena · svježa limeta (akcent)
   Tipografija: Bricolage Grotesque (naslovi) · Figtree (tekst i UI)
   Ikone:       vlastiti SVG set (sprite u svakoj stranici), duotone akcent
   ========================================================================== */

:root{
  --white:#FFFFFF;
  --bg-soft:#F4F7F3;
  --bg-mint:#E9F3E8;
  --bg-mint-2:#DCEBDA;

  --g-50:#F7F9F7;
  --g-100:#EEF2EF;
  --g-200:#E0E6E1;
  --g-300:#C9D2CB;
  --g-400:#A0AAA3;
  --g-500:#79857C;
  --g-600:#5B675F;
  --g-700:#404C44;
  --heading:#16301F;

  --green-950:#0B2215;
  --green-900:#0F301C;
  --green-800:#154226;
  --green-700:#1B5733;
  --green-600:#226B40;
  --green-500:#2C854F;
  --green-400:#4BA468;
  --green-300:#8FCB9F;
  --lime:#A6D14A;
  --lime-600:#86B22C;
  --lime-soft:#F1F8DF;

  --viber:#7360F2;
  --viber-dark:#5D4BD9;
  --whatsapp:#1FA855;
  --whatsapp-dark:#178A45;
  --danger:#C0392B;

  --du:rgba(166,209,74,.45);

  --r-xs:0.5rem;
  --r-sm:0.75rem;
  --r:1rem;
  --r-lg:1.5rem;
  --r-xl:2rem;

  --sh-xs:none;
  --sh-sm:none;
  --sh-md:none;
  --sh-lg:none;

  --font-head:'Bricolage Grotesque', 'Figtree', system-ui, sans-serif;
  --font-body:'Figtree', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  --container:80rem;
  --gutter:clamp(1rem, 4vw, 2.5rem);
  --header-h:5rem;
  --ease:cubic-bezier(.22,.8,.24,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
}

/* ---------- Reset ---------- */
*,*::before,*::after{box-sizing:border-box;}
/* Fluidna osnova: 0.9375rem na telefonu -> 1rem na 90rem -> ~1.0938rem (1920) -> ~1.225rem (2K) -> ~1.5rem (4K).
   Sve dimenzije su u rem, pa tekst, ikone, razmaci i slike rastu postepeno zajedno s ekranom. */
html{font-size:clamp(15px, max(calc(11.4px + .32vw), calc(6px + .625vw)), 32px);-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 1.25rem);}
body{
  margin:0;font-family:var(--font-body);font-size:1rem;line-height:1.65;color:var(--g-700);
  background:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;overflow-x:clip;
}
img,svg,video{display:block;max-width:100%;}
img{height:auto;}
a{color:inherit;text-decoration:none;}
ul,ol{margin:0;padding:0;list-style:none;}
figure,blockquote{margin:0;}
button,input,select,textarea{font:inherit;color:inherit;}
button{cursor:pointer;background:none;border:0;padding:0;}
::selection{background:var(--lime);color:var(--green-950);}
:focus-visible{outline:0.1562rem solid var(--green-400);outline-offset:0.1875rem;border-radius:0.5rem;}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden;}
main{display:block;overflow-x:clip;}
.visually-hidden{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

/* ---------- Ikone ---------- */
.ico{width:1.5rem;height:1.5rem;flex:none;fill:currentColor;stroke:none;overflow:visible;}
.du{fill:var(--du);stroke:none;}
.ico-sm{width:1.125rem;height:1.125rem;}
.ico-lg{width:1.875rem;height:1.875rem;}
.stars{display:inline-flex;gap:2px;color:#F2B233;}
.stars .ico{width:1.0625rem;height:1.0625rem;}

/* Ikona na organskoj "mrlji" (ručno oblikovana pozadina) */
.blob{
  --bs:3.625rem;
  width:var(--bs);height:var(--bs);flex:none;display:inline-flex;align-items:center;justify-content:center;
  background:var(--bg-mint);color:var(--green-600);
  border-radius:62% 38% 55% 45% / 48% 58% 42% 52%;
  transition:border-radius .8s var(--ease), transform .6s var(--ease), background .4s;
}
.blob .ico{width:calc(var(--bs) * .5);height:calc(var(--bs) * .5);}
.blob.alt{border-radius:42% 58% 38% 62% / 55% 42% 58% 45%;}
.blob.lime{background:var(--lime);color:var(--green-900);--du:rgba(255,255,255,.55);}
.blob.white{background:#fff;color:var(--green-600);}
.blob.dark{background:var(--green-700);color:#fff;--du:rgba(166,209,74,.55);}

/* Dekoracije (botanički crteži) */
.deco{position:absolute;pointer-events:none;fill:none;stroke:var(--deco-stroke, rgba(44,133,79,.35));stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;z-index:0;overflow:visible;}
.sway{transform-origin:50% 100%;animation:sway 9s ease-in-out infinite;}
.sway.slow{animation-duration:13s;animation-delay:-3s;}
@keyframes sway{0%,100%{transform:rotate(-3deg);}50%{transform:rotate(3deg);}}
@keyframes spin{to{transform:rotate(360deg);}}

/* ---------- Tipografija ---------- */
h1,h2,h3,h4{margin:0 0 .45em;color:var(--heading);font-family:var(--font-head);font-weight:700;font-optical-sizing:auto;}
h1{font-size:clamp(2.35rem, 3.6vw + 1rem, 4.5rem);line-height:1.04;letter-spacing:-.028em;text-wrap:balance;}
h2{font-size:clamp(1.9rem, 2vw + 1rem, 3.05rem);line-height:1.08;letter-spacing:-.024em;text-wrap:balance;}
h3{font-size:clamp(1.12rem, .35vw + 1rem, 1.32rem);line-height:1.3;letter-spacing:-.012em;font-weight:600;}
h4{font-size:1rem;letter-spacing:-.005em;font-weight:600;}
p{margin:0 0 1em;text-wrap:pretty;}
.lead{font-size:clamp(1.05rem, .3vw + 1rem, 1.2rem);line-height:1.65;}
b,strong{font-weight:700;color:var(--heading);}

/* Istaknuta riječ sa ručno povučenom linijom */
.hl{position:relative;display:inline;color:var(--green-500);}
.hl .scribble{position:absolute;left:-2%;bottom:-.16em;width:104%;height:.4em;overflow:visible;fill:none;stroke:var(--lime);stroke-width:5;stroke-linecap:round;pointer-events:none;}
.hl .scribble path{stroke-dasharray:1;stroke-dashoffset:0;}
.hl .scribble path + path{stroke-width:3.2;opacity:.6;}
.js .hl .scribble path{stroke-dashoffset:1;}
.js .hl.drawn .scribble path{animation:draw 1.2s var(--ease-out) .35s forwards;}
.js .hl.drawn .scribble path + path{animation-delay:.75s;}
@keyframes draw{to{stroke-dashoffset:0;}}
.on-dark .hl,.hero .hl,.page-hero .hl{color:var(--lime);}
.on-dark .hl .scribble,.hero .hl .scribble,.page-hero .hl .scribble{stroke:rgba(255,255,255,.8);}

/* ---------- Layout ---------- */
.container{width:100%;max-width:calc(var(--container) + var(--gutter) * 2);margin-inline:auto;padding-inline:var(--gutter);position:relative;z-index:1;}
section{position:relative;padding-block:clamp(4.5rem, 8vw, 8rem);}
.sec-tight{padding-block:clamp(2.5rem, 5vw, 4.5rem);}
.bg-soft{background:var(--bg-soft);}
.bg-mint{background:var(--bg-mint);}
.text-center{text-align:center;}
.on-dark{color:rgba(255,255,255,.78);}
.on-dark h1,.on-dark h2,.on-dark h3,.on-dark b{color:#fff;}

/* Oznaka sekcije */
.kicker{display:inline-flex;align-items:center;gap:0.5rem;padding:0.3125rem 0.875rem 0.3125rem 0.3125rem;margin-bottom:1.125rem;border-radius:62.4375rem;background:var(--bg-mint);color:var(--green-700);font-weight:600;font-size:.88rem;line-height:1.3;}
.kicker .ico{width:1.625rem;height:1.625rem;padding:0.3125rem;border-radius:50%;background:#fff;color:var(--green-500);}
.bg-mint .kicker,.bg-soft .kicker{background:#fff;}
.bg-mint .kicker .ico,.bg-soft .kicker .ico{background:var(--bg-mint);}
.on-dark .kicker{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.14);}
.on-dark .kicker .ico{background:var(--lime);color:var(--green-900);--du:rgba(255,255,255,.5);}

/* Zaglavlje sekcije */
.sec-head{max-width:47.5rem;margin:0 auto clamp(2.5rem, 5vw, 4rem);text-align:center;}
.sec-head p{font-size:1.08rem;max-width:38.75rem;margin-inline:auto;}
.sec-head.split{max-width:none;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:1.125rem clamp(2rem,6vw,5.625rem);align-items:end;text-align:left;}
.sec-head.split .kicker{grid-column:1/-1;justify-self:start;margin-bottom:-2px;}
.sec-head.split h2{margin:0;max-width:18ch;}
.sec-head.split p{margin:0;max-width:52ch;}
.sec-head.split .head-side{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem;}

/* ---------- Dugmad ---------- */
.btn{
  --h:3.5rem;position:relative;isolation:isolate;overflow:hidden;
  display:inline-flex;align-items:center;justify-content:center;gap:0.75rem;
  min-height:var(--h);padding:0 1.75rem;border-radius:62.4375rem;border:1.5px solid transparent;
  font-family:var(--font-body);font-weight:700;font-size:1rem;letter-spacing:-.005em;white-space:nowrap;line-height:1.2;
  transition:background .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease), transform .3s var(--ease);
}
.btn .ico{width:1.25rem;height:1.25rem;}
.btn .btn-arrow{width:2.125rem;height:2.125rem;margin-right:-1rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.18);transition:transform .45s var(--ease), background .3s;}
.btn .btn-arrow .ico{width:1.125rem;height:1.125rem;}
.btn:hover .btn-arrow{transform:translateX(0.1875rem) rotate(-45deg);}
.btn::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg, transparent 30%, rgba(255,255,255,.28) 50%, transparent 70%);transform:translateX(-120%);transition:transform .8s var(--ease);}
.btn:hover::after{transform:translateX(120%);}
.btn:active{transform:scale(.98);}
.btn-primary{background:var(--green-600);color:#fff;}
.btn-primary:hover{background:var(--green-700);}
.btn-primary .btn-arrow{background:var(--lime);color:var(--green-900);}
.btn-lime,.btn-gold{background:var(--lime);color:var(--green-950);}
.btn-lime:hover,.btn-gold:hover{background:#B7DC61;}
.btn-lime .btn-arrow,.btn-gold .btn-arrow{background:var(--green-800);color:#fff;}
.btn-outline{background:#fff;color:var(--heading);border-color:var(--g-200);}
.btn-outline:hover{border-color:var(--green-500);color:var(--green-600);}
.btn-outline .btn-arrow{background:var(--bg-mint);color:var(--green-600);}
.btn-glass{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.35);-webkit-backdrop-filter:blur(0.625rem);backdrop-filter:blur(0.625rem);}
.btn-glass:hover{background:#fff;color:var(--green-800);border-color:#fff;}
.btn-viber{background:var(--viber);color:#fff;}
.btn-viber:hover{background:var(--viber-dark);}
.btn-whatsapp{background:var(--whatsapp);color:#fff;}
.btn-whatsapp:hover{background:var(--whatsapp-dark);}
.btn-sm{--h:2.875rem;padding:0 1.25rem;font-size:.92rem;}
.btn-block{display:flex;width:100%;}

/* ==========================================================================
   HEADER — na vrhu proziran i raširen, pri skrolu se sažima u bijelu zaobljenu pilulu
   ========================================================================== */
.site-header{position:fixed;top:0;left:0;right:0;z-index:60;}
.topbar{background:var(--green-900);color:rgba(255,255,255,.78);font-size:0.8438rem;overflow:hidden;max-height:2.625rem;transition:max-height .55s var(--ease), opacity .4s var(--ease);}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;height:2.625rem;}
.topbar-list{display:flex;align-items:center;gap:1.625rem;}
.topbar-list li{display:inline-flex;align-items:center;gap:0.5rem;white-space:nowrap;}
.topbar .ico{width:1.125rem;height:1.125rem;color:var(--lime);--du:rgba(166,209,74,.35);}
.topbar a{transition:color .2s;}
.topbar a:hover{color:#fff;}
.topbar-contact{display:flex;align-items:center;gap:1.25rem;}
.topbar-contact a{display:inline-flex;align-items:center;gap:0.5rem;}
.nav-shell{padding:0 var(--gutter);}
.nav-wrap{
  position:relative;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;
  width:100%;max-width:var(--container);margin:0 auto;height:var(--header-h);padding:0;
  border:1px solid transparent;border-radius:62.4375rem;background-color:rgba(255,255,255,0);
  transition:max-width .75s var(--ease), height .55s var(--ease), padding .55s var(--ease), margin .55s var(--ease), gap .55s var(--ease), background-color .45s var(--ease), border-color .45s var(--ease);
}
.brand{display:inline-flex;align-items:center;gap:0.75rem;flex:none;font-family:var(--font-head);font-weight:700;font-size:1.4375rem;letter-spacing:-.035em;color:var(--heading);white-space:nowrap;transition:color .35s, font-size .55s var(--ease), gap .55s var(--ease);}
.brand img{width:3rem;height:3rem;border-radius:50%;object-fit:cover;background:#fff;border:2px solid #fff;transition:width .55s var(--ease), height .55s var(--ease), transform .6s var(--ease);}
.brand:hover img{transform:rotate(-12deg);}
.brand .b24{color:var(--green-500);transition:color .35s;}
.main-nav{display:flex;align-items:center;gap:0.25rem;}
.main-nav a{display:inline-flex;align-items:center;height:2.625rem;padding:0 1.0625rem;border-radius:62.4375rem;border:1px solid transparent;font-weight:600;font-size:0.9688rem;color:var(--g-700);white-space:nowrap;transition:color .25s, border-color .25s, height .55s var(--ease), padding .55s var(--ease), font-size .55s var(--ease);}
.main-nav a:hover,.main-nav a.active{color:var(--green-600);border-color:var(--green-300);}
.header-actions{display:flex;align-items:center;gap:0.5rem;flex:none;}
.icon-btn{position:relative;width:2.875rem;height:2.875rem;flex:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--g-200);background:#fff;color:var(--heading);transition:background-color .3s, color .3s, border-color .3s, width .55s var(--ease), height .55s var(--ease);}
.icon-btn:hover{border-color:var(--green-300);color:var(--green-600);}
.icon-btn .ico{width:1.375rem;height:1.375rem;}
.cart-btn{width:auto;min-width:2.875rem;padding:0 1.125rem;gap:0.625rem;border-radius:62.4375rem;background:var(--green-600);border-color:var(--green-600);color:#fff;font-weight:700;font-size:0.9375rem;--du:rgba(166,209,74,.6);transition:background-color .3s, color .3s, border-color .3s, padding .55s var(--ease), gap .55s var(--ease), height .55s var(--ease), min-width .55s var(--ease);}
.cart-btn:hover{background:var(--green-700);border-color:var(--green-700);color:#fff;}
.cart-label{display:inline-block;max-width:5.625rem;overflow:hidden;white-space:nowrap;transition:max-width .55s var(--ease), opacity .35s var(--ease);}
.cart-count{position:absolute;top:-0.375rem;right:-0.375rem;min-width:1.5rem;height:1.5rem;padding:0 0.375rem;border-radius:62.4375rem;background:var(--lime);color:var(--green-950);border:2px solid #fff;display:inline-flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:800;line-height:1;}
.cart-count.bump,.bn-badge.bump{animation:bump .6s var(--ease);}
@keyframes bump{0%{transform:scale(1);}35%{transform:scale(1.4);}100%{transform:scale(1);}}

/* stanje na vrhu stranice (preko hero slike): prozirno */
.site-header.is-top .brand{color:#fff;}
.site-header.is-top .brand .b24{color:var(--lime);}
.site-header.is-top .main-nav a{color:rgba(255,255,255,.92);}
.site-header.is-top .main-nav a:hover,.site-header.is-top .main-nav a.active{color:var(--lime);border-color:rgba(255,255,255,.42);}
.site-header.is-top .icon-btn{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);color:#fff;-webkit-backdrop-filter:blur(0.5rem);backdrop-filter:blur(0.5rem);}
.site-header.is-top .icon-btn:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.55);color:#fff;}
.site-header.is-top .cart-btn{background:#fff;border-color:#fff;color:var(--green-800);}
.site-header.is-top .cart-count{border-color:var(--green-900);}

/* stanje pri skrolu: sve se sažima u bijelu zaobljenu pilulu */
.site-header.is-scrolled .topbar{max-height:0;opacity:0;}
.site-header.is-scrolled .nav-wrap{max-width:min(var(--pill-w, 100%), 100%);height:3.875rem;margin-top:0.75rem;padding:0 0.5rem 0 0.5rem;gap:0.875rem;background-color:rgba(255,255,255,.97);border-color:var(--g-200);-webkit-backdrop-filter:blur(0.875rem) saturate(1.4);backdrop-filter:blur(0.875rem) saturate(1.4);}
.site-header.is-scrolled .brand{font-size:1.1875rem;gap:0.5625rem;}
.site-header.is-scrolled .brand img{width:2.625rem;height:2.625rem;}
.site-header.is-scrolled .main-nav a{height:2.5rem;padding:0 0.875rem;font-size:0.9375rem;}
.site-header.is-scrolled .icon-btn{width:2.75rem;height:2.75rem;}
.site-header.is-scrolled .cart-btn{padding:0 0.625rem;gap:0;min-width:2.75rem;}
.site-header.is-scrolled .cart-label{max-width:0;opacity:0;}
.site-header.measuring,.site-header.measuring *{transition:none !important;}

/* sadržaj ispod fiksnog headera */
body{--topbar-h:2.625rem;}
.has-hero main > :first-child{padding-top:calc(var(--topbar-h) + var(--header-h) + clamp(2.5rem, 6vw, 5.625rem));}
body:not(.has-hero) main{padding-top:calc(var(--topbar-h) + var(--header-h));}


/* Donja navigacija (mobilni) */
.bottom-nav{display:none;}

/* ---------- Breadcrumb ---------- */
.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:0.375rem 0.5rem;font-size:.92rem;font-weight:500;color:var(--g-500);}
.breadcrumb a{display:inline-flex;align-items:center;gap:0.375rem;color:var(--g-600);transition:color .2s;}
.breadcrumb a:hover{color:var(--green-600);}
.breadcrumb .sep{display:inline-flex;opacity:.55;}
.breadcrumb .sep .ico{width:0.875rem;height:0.875rem;}
.breadcrumb .ico.home{width:1.125rem;height:1.125rem;}
.page-hero .breadcrumb,.pd-hero .breadcrumb{color:rgba(255,255,255,.7);}
.page-hero .breadcrumb a,.pd-hero .breadcrumb a{color:rgba(255,255,255,.9);}
.page-hero .breadcrumb a:hover,.pd-hero .breadcrumb a:hover{color:var(--lime);}
.page-hero .breadcrumb > span:last-child,.pd-hero .breadcrumb > span:last-child{color:#fff;font-weight:600;}

/* ==========================================================================
   HERO (početna) i PAGE HERO (podstranice)
   ========================================================================== */
.hero,.page-hero,.pd-hero{position:relative;overflow:hidden;isolation:isolate;color:rgba(255,255,255,.85);background:var(--green-900);}
.hero-media{position:absolute;inset:-8% 0 -8% 0;z-index:-3;will-change:transform;}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:62% 50%;animation:kenburns 26s ease-in-out infinite alternate;}
@keyframes kenburns{from{transform:scale(1.03);}to{transform:scale(1.13) translate3d(-1.5%, -1%, 0);}}
.hero-shade{position:absolute;inset:0;z-index:-2;
  background:
    linear-gradient(90deg, rgba(11,34,21,.93) 0%, rgba(11,34,21,.8) 34%, rgba(11,34,21,.4) 64%, rgba(11,34,21,.18) 100%),
    linear-gradient(0deg, rgba(11,34,21,.72) 0%, rgba(11,34,21,0) 36%);}
.hero-grain{position:absolute;inset:0;z-index:-1;opacity:.28;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");}
.hero h1,.page-hero h1,.pd-hero h1{color:#fff;}
.wave{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:clamp(2.25rem, 5vw, 5rem);z-index:2;fill:#fff;pointer-events:none;}
.wave.soft{fill:var(--bg-soft);}

.hero{min-height:min(100svh, 58.75rem);display:flex;flex-direction:column;justify-content:center;padding-bottom:clamp(9.375rem, 13vw, 13.125rem);}
.hero-inner{position:relative;}
.hero-content{max-width:43.125rem;position:relative;z-index:2;}
.hero-content > *,.page-hero-inner > *{animation:heroIn 1s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 110ms + 120ms);}
@keyframes heroIn{from{opacity:0;transform:translateY(1.75rem);}to{opacity:1;transform:none;}}
.hero-tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1.5rem;}
.hero-tags li{display:inline-flex;align-items:center;gap:0.5rem;padding:0.375rem 0.9375rem 0.375rem 0.375rem;border-radius:62.4375rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(0.625rem);backdrop-filter:blur(0.625rem);color:#fff;font-weight:600;font-size:.92rem;}
.hero-tags .ico{width:1.75rem;height:1.75rem;padding:0.3125rem;border-radius:50%;background:var(--lime);color:var(--green-900);--du:rgba(255,255,255,.55);}
.hero h1{margin-bottom:.38em;}
.hero .lead{color:rgba(255,255,255,.84);max-width:60ch;margin-bottom:2rem;}
.hero-cta{display:flex;flex-wrap:wrap;gap:0.75rem;margin-bottom:2.125rem;}
.hero-proof{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;}
.avatars{display:flex;}
.avatars span{width:2.875rem;height:2.875rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.8rem;color:var(--green-900);border:0.1875rem solid #16391F;margin-left:-0.75rem;background:var(--lime);}
.avatars span:first-child{margin-left:0;}
.avatars span:nth-child(2){background:#CFE7B5;}
.avatars span:nth-child(3){background:#9FD2AE;}
.avatars span:nth-child(4){background:#E8F2D2;}
.avatars span.more{background:#fff;color:var(--green-700);}
.avatars span.more .ico{width:1rem;height:1rem;stroke-width:2.4;}
.proof-text{display:flex;flex-direction:column;gap:0.1875rem;font-size:.96rem;color:rgba(255,255,255,.85);}
.proof-text b{color:#fff;}

/* Plutajuće kartice u heru */
.hero-float{position:absolute;right:0;top:50%;transform:translateY(-58%);width:19.375rem;z-index:2;display:flex;flex-direction:column;gap:1rem;}
.float-card{border-radius:var(--r-lg);background:rgba(255,255,255,.97);color:var(--g-700);animation:heroIn 1.1s var(--ease-out) .5s both, floatY 7s ease-in-out 1.6s infinite;}
.float-card:nth-child(2){animation-delay:.75s, 2.4s;margin-left:-4.375rem;}
@keyframes floatY{0%,100%{transform:translateY(0);}50%{transform:translateY(-0.75rem);}}
.fc-product{display:flex;gap:0.875rem;align-items:center;padding:0.75rem 1rem 0.75rem 0.75rem;}
.fc-product img{width:5.5rem;height:5.5rem;border-radius:1rem;object-fit:cover;flex:none;}
.fc-badge{display:inline-flex;align-items:center;gap:0.3125rem;font-size:.74rem;font-weight:700;color:var(--green-600);background:var(--bg-mint);padding:0.1875rem 0.625rem 0.1875rem 0.25rem;border-radius:62.4375rem;margin-bottom:0.375rem;}
.fc-badge .ico{width:1.0625rem;height:1.0625rem;padding:2px;border-radius:50%;background:#fff;}
.fc-product b{display:block;font-family:var(--font-head);font-weight:600;font-size:.98rem;line-height:1.25;letter-spacing:-.01em;}
.fc-price{display:flex;align-items:center;justify-content:space-between;margin-top:0.5rem;font-family:var(--font-head);font-weight:800;color:var(--green-600);font-size:1.15rem;letter-spacing:-.02em;}
.fc-go{width:2.125rem;height:2.125rem;border-radius:50%;background:var(--green-600);color:#fff;display:inline-flex;align-items:center;justify-content:center;transition:transform .4s var(--ease);}
.fc-product:hover .fc-go{transform:rotate(-45deg);}
.fc-go .ico{width:1rem;height:1rem;}
.fc-rating{display:flex;align-items:center;gap:0.875rem;padding:1rem 1.25rem;}
.fc-rating .blob{--bs:3.25rem;}
.fc-rating .fc-score{font-family:var(--font-head);font-weight:800;font-size:1.6rem;line-height:1;color:var(--heading);letter-spacing:-.03em;}
.fc-rating small{display:block;font-size:.82rem;color:var(--g-500);line-height:1.35;margin-top:0.25rem;}

/* Statistika u heru */
.hero-stats{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:0.75rem;margin-top:2.5rem;max-width:40.625rem;}
.hero-stat{display:flex;align-items:center;gap:0.75rem;padding:0.875rem 1rem;border-radius:var(--r);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(0.75rem);backdrop-filter:blur(0.75rem);}
.hero-stat .ico{width:2rem;height:2rem;color:var(--lime);--du:rgba(166,209,74,.22);flex:none;}
.hero-stat b{display:block;font-family:var(--font-head);font-weight:700;font-size:1.55rem;line-height:1;color:#fff;letter-spacing:-.02em;white-space:nowrap;}
.hero-stat span{display:block;font-size:.8rem;line-height:1.3;color:rgba(255,255,255,.72);margin-top:0.25rem;}

.scroll-cue{position:absolute;left:50%;bottom:clamp(6.875rem, 10vw, 10rem);transform:translateX(-50%);z-index:3;color:rgba(255,255,255,.7);}
.scroll-cue .ico{width:1.75rem;height:1.75rem;}
.scroll-cue .wheel{animation:wheel 1.8s ease-in-out infinite;}
@keyframes wheel{0%{transform:translateY(0);opacity:1;}70%{transform:translateY(0.25rem);opacity:0;}100%{transform:translateY(0);opacity:0;}}

/* USP kartice koje prelaze preko dna hera */
.usp-wrap{position:relative;z-index:5;margin-top:clamp(-9.375rem, -10vw, -6.875rem);padding:0 0 clamp(1.5rem, 3vw, 2.5rem);}
.usp-grid{display:grid;grid-template-columns:repeat(4, minmax(0,1fr));gap:1rem;}
.usp-item{position:relative;display:flex;align-items:flex-start;gap:1rem;padding:1.5rem 1.375rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--g-100);transition:transform .45s var(--ease);overflow:hidden;isolation:isolate;}
.usp-item::after{content:"";position:absolute;right:-2.125rem;bottom:-2.125rem;width:6rem;height:6rem;border-radius:50%;background:var(--bg-soft);transition:transform .7s var(--ease);z-index:-1;}
.usp-item:hover{transform:translateY(-0.375rem);}
.usp-item:hover::after{transform:scale(1.8);}
.usp-item:hover .blob{border-radius:40% 60% 45% 55% / 60% 40% 60% 40%;transform:rotate(-8deg);}
.usp-item .blob{--bs:3.375rem;background:var(--bg-mint-2);}
.usp-item > div > b{display:block;font-family:var(--font-head);font-size:1.06rem;font-weight:600;letter-spacing:-.01em;margin-bottom:0.1875rem;}
.usp-item > div > span{display:block;font-size:.92rem;line-height:1.45;color:var(--g-600);}
.usp-plain{padding-block:clamp(2.5rem, 5vw, 4rem);}
.usp-plain .usp-item{border-color:var(--g-200);}

/* Page hero (podstranice) */
.page-hero{padding-bottom:clamp(6.25rem, 10vw, 9.375rem);}
.page-hero .hero-shade{background:linear-gradient(90deg, rgba(11,34,21,.92) 0%, rgba(11,34,21,.78) 40%, rgba(11,34,21,.35) 75%, rgba(11,34,21,.22) 100%), linear-gradient(0deg, rgba(11,34,21,.6), rgba(11,34,21,0) 45%);}
.page-hero-inner{position:relative;z-index:2;max-width:48.75rem;}
.page-hero .breadcrumb{margin-bottom:1.5rem;}
.page-hero h1{font-size:clamp(2.3rem, 3.1vw + 1rem, 4rem);margin-bottom:.3em;}
.page-hero p{font-size:1.15rem;color:rgba(255,255,255,.84);max-width:58ch;}
.page-hero-chips{display:flex;flex-wrap:wrap;gap:0.625rem;margin-top:1.625rem;}
.page-hero-chip{display:inline-flex;align-items:center;gap:0.625rem;padding:0.4375rem 1rem 0.4375rem 0.4375rem;border-radius:62.4375rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(0.625rem);backdrop-filter:blur(0.625rem);color:#fff;font-weight:600;font-size:.95rem;}
.page-hero-chip .ico{width:2rem;height:2rem;padding:0.375rem;border-radius:50%;background:var(--lime);color:var(--green-900);--du:rgba(255,255,255,.55);}
.page-hero.compact h1{margin-bottom:0;}

/* Dekoracije u herou */
.hero .deco-a,.page-hero .deco-a{right:3%;bottom:18%;width:clamp(5rem, 8vw, 8.75rem);--deco-stroke:rgba(166,209,74,.5);}
.hero .deco-b,.page-hero .deco-b{left:46%;top:18%;width:3.25rem;--deco-stroke:rgba(255,255,255,.3);}

/* ==========================================================================
   KATEGORIJE
   ========================================================================== */
.cat-grid{display:grid;grid-template-columns:repeat(4, minmax(0,1fr));gap:1.25rem;align-items:start;}
.cat-card{position:relative;display:flex;flex-direction:column;border-radius:var(--r-lg);background:#fff;border:1px solid var(--g-200);overflow:hidden;transition:transform .5s var(--ease), border-color .3s;}
.cat-grid .cat-card:nth-child(even){margin-top:2.75rem;}
.cat-card:hover{transform:translateY(-0.5rem);border-color:transparent;}
.cat-card-media{position:relative;aspect-ratio:4/3.7;overflow:hidden;margin:0.5rem 0.5rem 0;border-radius:1.125rem;}
.cat-card-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease);}
.cat-card:hover .cat-card-media img{transform:scale(1.08);}
.cat-card-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(11,34,21,0) 55%, rgba(11,34,21,.35));}
.cat-count{display:inline-flex;align-items:center;gap:0.5rem;font-size:.88rem;font-weight:700;color:var(--green-600);}
.cat-count::before{content:"";width:0.375rem;height:0.375rem;border-radius:50%;background:var(--lime-600);}
.cat-card-body{position:relative;padding:2.25rem 1.375rem 1.375rem;}
.cat-card-body .blob{position:absolute;top:-1.875rem;left:1.125rem;--bs:3.625rem;box-shadow:0 0 0 0.3125rem #fff;}
.cat-card h3{font-size:1.3rem;margin:0 0 0.25rem;}
.cat-sub{display:block;font-size:.93rem;color:var(--g-600);line-height:1.45;}
.cat-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:1.125rem;padding-top:1rem;border-top:1px dashed var(--g-200);font-weight:700;font-size:.9rem;color:var(--green-600);}
.cat-arrow{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--bg-mint);color:var(--green-600);display:inline-flex;align-items:center;justify-content:center;transition:transform .5s var(--ease), background .3s, color .3s;}
.cat-arrow .ico{width:1.125rem;height:1.125rem;}
.cat-card:hover .cat-arrow{background:var(--green-600);color:#fff;transform:rotate(-45deg);}

/* ==========================================================================
   ZAŠTO MI (tamna sekcija)
   ========================================================================== */
.why{background:var(--green-900);overflow:hidden;isolation:isolate;}
.why::before{content:"";position:absolute;width:47.5rem;height:47.5rem;right:-15rem;top:-18.75rem;border-radius:50%;background:radial-gradient(circle, rgba(166,209,74,.16), rgba(166,209,74,0) 62%);z-index:-1;}
.why::after{content:"";position:absolute;width:38.75rem;height:38.75rem;left:-16.25rem;bottom:-20rem;border-radius:50%;background:radial-gradient(circle, rgba(75,164,104,.25), rgba(75,164,104,0) 65%);z-index:-1;}
.why .deco-a{right:3%;top:8%;width:7.5rem;--deco-stroke:rgba(166,209,74,.3);}
.why .deco-b{left:2%;bottom:6%;width:5.75rem;--deco-stroke:rgba(255,255,255,.14);}
.info-grid{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:1.125rem;counter-reset:info;}
.info-card{position:relative;display:flex;flex-direction:column;gap:0.875rem;padding:2.125rem 1.875rem 2rem;border-radius:var(--r-lg);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);counter-increment:info;transition:transform .5s var(--ease), background .4s, border-color .4s;overflow:hidden;}
.info-card::before{content:counter(info, decimal-leading-zero);position:absolute;right:1.5rem;top:1.125rem;font-family:var(--font-head);font-weight:800;font-size:3.4rem;line-height:1;color:transparent;-webkit-text-stroke:1.2px rgba(255,255,255,.14);letter-spacing:-.04em;transition:-webkit-text-stroke-color .4s;}
.info-card:hover{transform:translateY(-0.375rem);background:rgba(255,255,255,.08);border-color:rgba(166,209,74,.35);}
.info-card:hover::before{-webkit-text-stroke-color:rgba(166,209,74,.55);}
.info-card:hover .blob{transform:rotate(10deg) scale(1.05);}
.info-card .blob{--bs:4rem;margin-bottom:0.375rem;}
.info-card h3{margin:0;color:#fff;}
.info-card h3 + p{margin-top:0.5rem;}
.info-card p{margin:0;color:rgba(255,255,255,.72);}
.info-grid.light .info-card{background:#fff;border-color:var(--g-200);}
.info-grid.light .info-card::before{-webkit-text-stroke-color:var(--g-200);}
.info-grid.light .info-card:hover{border-color:var(--green-300);}
.info-grid.light .info-card:hover::before{-webkit-text-stroke-color:var(--green-300);}
.info-grid.light .info-card h3{color:var(--heading);}
.info-grid.light .info-card p{color:var(--g-600);}

/* ==========================================================================
   KORACI
   ========================================================================== */
.steps{position:relative;}
.steps-path{position:absolute;left:12%;top:0;width:76%;height:7rem;fill:none;stroke:var(--green-300);stroke-width:2;stroke-dasharray:2 10;stroke-linecap:round;z-index:0;overflow:visible;}
.steps-path path{animation:dashflow 18s linear infinite;}
@keyframes dashflow{to{stroke-dashoffset:-240;}}
.steps-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:clamp(1.125rem, 3vw, 2.5rem);}
.step-card{text-align:center;padding:0 0.625rem;}
.step-icon{position:relative;width:7rem;height:7rem;margin:0 auto 1.625rem;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;transition:transform .5s var(--ease);}
.step-icon::before{content:"";position:absolute;inset:-0.625rem;border-radius:50%;border:1.5px dashed var(--green-300);animation:spin 30s linear infinite;}
.step-icon .blob{--bs:4.75rem;}
.step-card:hover .step-icon{transform:translateY(-0.375rem) rotate(-4deg);}
.step-num{position:absolute;top:-0.25rem;right:-0.25rem;width:2.375rem;height:2.375rem;border-radius:50%;background:var(--lime);color:var(--green-950);font-family:var(--font-head);font-weight:800;font-size:1.05rem;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 0.25rem #fff;}
.step-card h3{margin-bottom:.4em;}
.step-card p{margin:0 auto;max-width:30ch;}

/* ==========================================================================
   PROIZVODI — kartica
   ========================================================================== */
.product-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(15.625rem, 1fr));gap:1.375rem;}
.product-grid.five{grid-template-columns:repeat(5, minmax(0,1fr));gap:1.125rem;}
.product-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:0.5rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--g-200);transition:transform .5s var(--ease), border-color .3s;}
.product-card:hover{transform:translateY(-0.375rem);border-color:transparent;}
.product-thumb{position:relative;display:block;aspect-ratio:1/1;border-radius:1.125rem;overflow:hidden;background:var(--bg-soft);}
.product-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease);}
.product-card:hover .product-thumb img{transform:scale(1.07);}
.product-badge{position:absolute;left:0.625rem;top:0.625rem;z-index:1;display:inline-flex;align-items:center;gap:0.375rem;max-width:calc(100% - 1.25rem);padding:0.3125rem 0.6875rem 0.3125rem 0.3125rem;border-radius:62.4375rem;background:rgba(255,255,255,.95);color:var(--green-700);font-size:.74rem;font-weight:700;line-height:1.2;}
.product-badge .ico{width:1.1875rem;height:1.1875rem;padding:0.1875rem;border-radius:50%;background:var(--lime);color:var(--green-900);--du:rgba(255,255,255,.5);}
.product-quick{position:absolute;left:0.625rem;right:0.625rem;bottom:0.625rem;z-index:1;display:flex;align-items:center;justify-content:center;gap:0.5rem;height:2.75rem;border-radius:0.75rem;background:rgba(255,255,255,.95);color:var(--green-700);font-weight:700;font-size:.88rem;opacity:0;transform:translateY(0.75rem);transition:opacity .35s var(--ease), transform .35s var(--ease);}
.product-quick .ico{width:1.125rem;height:1.125rem;}
.product-card:hover .product-quick{opacity:1;transform:none;}
.product-body{display:flex;flex-direction:column;gap:0.375rem;flex:1;padding:0.875rem 0.625rem 0.5rem;}
.product-cat{display:inline-flex;align-items:center;gap:0.375rem;font-size:.78rem;font-weight:700;color:var(--green-500);}
.product-cat .ico{width:1rem;height:1rem;}
.product-title{font-family:var(--font-head);font-size:1.04rem;font-weight:600;line-height:1.3;letter-spacing:-.012em;margin:0;}
.product-title a{transition:color .2s;}
.product-title a:hover{color:var(--green-600);}
.product-shipping{display:flex;align-items:center;gap:0.4375rem;font-size:.76rem;color:var(--g-500);margin-top:2px;}
.product-shipping img{height:0.8125rem;width:auto;flex:none;}
.product-shipping img.ps-a2b{height:0.9375rem;}
.product-foot{display:flex;align-items:center;justify-content:space-between;gap:0.625rem;margin-top:auto;padding-top:0.75rem;border-top:1px dashed var(--g-200);}
.product-price{font-family:var(--font-head);font-weight:700;font-size:1.28rem;color:var(--heading);letter-spacing:-.02em;white-space:nowrap;}
.add-cart-btn{width:2.875rem;height:2.875rem;border-radius:0.875rem;background:var(--green-600);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:none;transition:background .25s, color .25s, transform .3s var(--ease);}
.add-cart-btn .ico{width:1.375rem;height:1.375rem;}
.add-cart-btn:hover{background:var(--lime);color:var(--green-950);transform:rotate(-6deg);}
.add-cart-btn:active{transform:scale(.9);}
.more-row{display:flex;justify-content:center;margin-top:clamp(2.25rem, 4vw, 3.5rem);}

/* Klizač */
.slider{position:relative;}
.slider-track{display:grid;grid-auto-flow:column;grid-auto-columns:var(--slide-w, calc((100% - 2.5rem) / 3));gap:1.25rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:0.5rem 0.375rem 1.875rem;margin:-0.5rem -0.375rem 0;scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab;}
.slider-track::-webkit-scrollbar{display:none;}
.slider-track > *{scroll-snap-align:start;}
.slider-track.dragging{scroll-behavior:auto;scroll-snap-type:none;cursor:grabbing;user-select:none;}
.slider-foot{display:flex;align-items:center;gap:1.25rem;}
.slider-progress{flex:1;height:0.1875rem;border-radius:0.1875rem;background:rgba(15,48,28,.12);overflow:hidden;}
.slider-progress span{display:block;height:100%;width:30%;border-radius:0.1875rem;background:var(--green-500);transition:transform .3s var(--ease);}
.slider-nav{display:flex;gap:0.625rem;}
.slider-btn{width:3.375rem;height:3.375rem;border-radius:50%;border:1.5px solid rgba(15,48,28,.15);background:#fff;color:var(--heading);display:inline-flex;align-items:center;justify-content:center;transition:all .3s var(--ease);}
.slider-btn:hover:not(:disabled){background:var(--green-600);border-color:var(--green-600);color:#fff;}
.slider-btn:disabled{opacity:.4;cursor:default;}

/* ==========================================================================
   VODIČ KROZ PONUDU
   ========================================================================== */
.edu-grid{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:1.375rem;}
.edu-card{position:relative;display:flex;flex-direction:column;border-radius:var(--r-lg);background:#fff;border:1px solid var(--g-200);padding:0.625rem 0.625rem 1.75rem;transition:transform .5s var(--ease);}
.edu-card:hover{transform:translateY(-0.375rem);}
.edu-media{position:relative;aspect-ratio:16/10.5;border-radius:1.125rem;overflow:hidden;}
.edu-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease);}
.edu-card:hover .edu-media img{transform:scale(1.07);}
.edu-card .blob{position:relative;margin:-2rem 0 0 1.25rem;--bs:4rem;box-shadow:0 0 0 0.375rem #fff;z-index:1;}
.edu-card h3{margin:1rem 1.25rem 0.5rem;font-size:1.45rem;}
.edu-card p{margin:0 1.25rem;color:var(--g-600);}

/* ==========================================================================
   TESTIMONIJALI
   ========================================================================== */
.testi{background:var(--bg-mint);overflow:hidden;}
.testi .deco-a{left:-0.625rem;top:2.5rem;width:7.5rem;--deco-stroke:rgba(44,133,79,.28);}
.testi .deco-b{right:3%;bottom:1.875rem;width:5rem;--deco-stroke:rgba(44,133,79,.25);}
.testimonial-card{display:flex;flex-direction:column;gap:1.125rem;padding:1.875rem;border-radius:var(--r-lg);background:#fff;height:100%;transition:transform .5s var(--ease);}
.testimonial-card:hover{transform:translateY(-0.375rem);}
.tc-top{display:flex;align-items:center;justify-content:space-between;}
.tc-quote{--bs:3.25rem;}
.testimonial-quote{font-family:var(--font-head);font-weight:500;font-size:1.15rem;line-height:1.5;color:var(--heading);letter-spacing:-.01em;margin:0;flex:1;}
.testimonial-person{display:flex;align-items:center;gap:0.75rem;padding-top:1.125rem;border-top:1px dashed var(--g-200);}
.testimonial-person .avatar{width:3rem;height:3rem;border-radius:50%;background:var(--green-600);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;flex:none;}
.testimonial-card:nth-child(2) .avatar{background:var(--lime);color:var(--green-900);}
.testimonial-card:nth-child(3) .avatar{background:var(--green-400);}
.testimonial-card:nth-child(4) .avatar{background:var(--green-800);}
.testimonial-person b{display:block;font-size:1rem;}
.testimonial-person .city{display:inline-flex;align-items:center;gap:0.25rem;font-size:.88rem;color:var(--g-500);}
.testimonial-person .city .ico{width:1rem;height:1rem;}

/* ==========================================================================
   NAŠA PRIČA (split s kolažom)
   ========================================================================== */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2.5rem, 6vw, 6rem);align-items:center;}
.collage{position:relative;padding:0 0 3.75rem 0;}
.collage-main{position:relative;border-radius:2.5rem 2.5rem 8.75rem 2.5rem;overflow:hidden;aspect-ratio:1/1.02;}
.collage-main img{width:100%;height:100%;object-fit:cover;}
.collage-sub{position:absolute;right:-1.5rem;bottom:0;width:44%;aspect-ratio:1/1;border-radius:2rem;overflow:hidden;border:0.5rem solid #fff;}
.collage-sub img{width:100%;height:100%;object-fit:cover;}
.bg-soft .collage-sub{border-color:var(--bg-soft);}
.collage-badge{position:absolute;left:-1.125rem;top:2.125rem;width:9.375rem;height:9.375rem;border-radius:50%;background:var(--lime);color:var(--green-950);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:2;animation:floatY 6s ease-in-out infinite;}
.collage-badge::before{content:"";position:absolute;inset:0.5rem;border-radius:50%;border:1.5px dashed rgba(15,48,28,.35);animation:spin 26s linear infinite;}
.collage-badge b{font-family:var(--font-head);font-weight:800;font-size:2.8rem;line-height:.95;color:var(--green-950);letter-spacing:-.04em;}
.collage-badge span{font-size:.82rem;font-weight:700;line-height:1.25;max-width:11ch;margin-top:0.25rem;}
.collage .deco-a{left:-2.5rem;bottom:1.875rem;width:5.25rem;--deco-stroke:rgba(44,133,79,.4);}
.split-copy h2{max-width:17ch;}
.check-list{display:grid;grid-template-columns:1fr 1fr;gap:0.625rem;margin:1.625rem 0 2rem;}
.check-list li{display:flex;align-items:center;gap:0.75rem;padding:0.875rem 1rem;border-radius:var(--r);background:var(--bg-soft);border:1px solid var(--g-100);font-weight:600;color:var(--heading);font-size:.95rem;line-height:1.35;transition:background .3s, transform .3s var(--ease);}
.bg-soft .check-list li{background:#fff;}
.check-list li:hover{background:var(--bg-mint);transform:translateX(0.25rem);}
.check-list .chk{width:2rem;height:2rem;border-radius:50%;background:var(--green-600);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:none;}
.check-list .chk .ico{width:1.0625rem;height:1.0625rem;stroke-width:2.2;}

/* ==========================================================================
   BROJKE (paralaksa)
   ========================================================================== */
.stats-band{position:relative;overflow:hidden;isolation:isolate;padding-block:clamp(5rem, 9vw, 8.125rem);background:var(--green-900);}
.stats-band .hero-media{inset:-30% 0;}
.stats-band .hero-media img{animation:none;object-position:50% 60%;}
.stats-band .hero-shade{background:linear-gradient(0deg, rgba(11,34,21,.9), rgba(11,34,21,.8)), linear-gradient(90deg, rgba(34,107,64,.4), rgba(11,34,21,0));}
.stats-band .sec-head h2{color:#fff;}
.trust-grid{display:grid;grid-template-columns:repeat(4, minmax(0,1fr));gap:1rem;}
.trust-item{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:0.625rem;padding:1.75rem 1.625rem;border-radius:var(--r-lg);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(0.625rem);backdrop-filter:blur(0.625rem);color:#fff;transition:transform .5s var(--ease), background .4s;}
.trust-item:hover{transform:translateY(-0.375rem);background:rgba(255,255,255,.12);}
.trust-item .blob{--bs:3.5rem;}
.trust-item b{font-family:var(--font-head);font-weight:800;font-size:clamp(2.6rem, 2.5vw + 1.2rem, 3.6rem);line-height:1;color:#fff;letter-spacing:-.04em;white-space:nowrap;margin-top:0.5rem;}
.trust-item > span:last-child{font-size:.98rem;color:rgba(255,255,255,.75);}

/* ==========================================================================
   CTA
   ========================================================================== */
.cta-banner{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:2.5rem;align-items:center;padding:clamp(2.25rem, 5vw, 4.5rem);border-radius:var(--r-xl);background:linear-gradient(125deg, var(--green-600) 0%, var(--green-800) 60%, var(--green-900) 100%);color:rgba(255,255,255,.82);}
.cta-banner::before{content:"";position:absolute;width:32.5rem;height:32.5rem;right:-7.5rem;top:-12.5rem;border-radius:50%;background:radial-gradient(circle, rgba(166,209,74,.45), rgba(166,209,74,0) 65%);z-index:-1;}
.cta-banner .deco-a{left:44%;bottom:-1.25rem;width:6.25rem;--deco-stroke:rgba(255,255,255,.18);}
.cta-banner h2{color:#fff;max-width:17ch;}
.cta-banner p{font-size:1.08rem;max-width:52ch;margin-bottom:1.75rem;}
.cta-actions{display:flex;flex-wrap:wrap;gap:0.75rem;}
.cta-visual{position:relative;justify-self:center;width:min(100%, 18.125rem);aspect-ratio:1/1;}
.cta-visual img{position:relative;width:100%;height:100%;object-fit:cover;border-radius:50%;border:0.5rem solid rgba(255,255,255,.14);z-index:1;}
.cta-visual::before{content:"";position:absolute;inset:-1.375rem;border-radius:50%;border:1.5px dashed rgba(166,209,74,.6);animation:spin 36s linear infinite;}
.cta-chip{position:absolute;left:-2.125rem;bottom:0.875rem;z-index:2;display:inline-flex;align-items:center;gap:0.625rem;padding:0.5rem 1rem 0.5rem 0.5rem;border-radius:62.4375rem;background:#fff;color:var(--heading);font-weight:700;font-size:.92rem;animation:floatY 6s ease-in-out infinite;}
.cta-chip .blob{--bs:2.25rem;}

/* ==========================================================================
   FOOTER
   ========================================================================== */
.site-footer{position:relative;background:var(--green-950);color:rgba(255,255,255,.72);padding-top:clamp(6.25rem, 10vw, 9.375rem);overflow:hidden;isolation:isolate;}
.footer-wave{position:absolute;top:-1px;left:0;width:100%;height:clamp(2.5rem, 5vw, 5rem);fill:var(--footer-wave, #fff);}
.site-footer .deco-a{right:3%;top:18%;width:11.875rem;--deco-stroke:rgba(166,209,74,.12);}
.site-footer .deco-b{left:38%;bottom:3.75rem;width:6.875rem;--deco-stroke:rgba(255,255,255,.05);}
.footer-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr) minmax(0,.9fr) minmax(0,1.1fr);gap:2.5rem clamp(1.5rem, 4vw, 4rem);padding-bottom:clamp(2.5rem, 5vw, 3.75rem);}
.footer-brand{display:flex;align-items:center;gap:0.75rem;font-family:var(--font-head);font-weight:700;font-size:1.55rem;letter-spacing:-.035em;color:#fff;margin-bottom:1.125rem;}
.footer-brand img{width:3.375rem;height:3.375rem;border-radius:50%;background:#fff;object-fit:cover;box-shadow:0 0 0 0.25rem rgba(255,255,255,.08);}
.footer-brand .b24{color:var(--lime);}
.footer-about{max-width:38ch;font-size:.97rem;margin-bottom:1.375rem;color:rgba(255,255,255,.72);}
.footer-contact-list{display:grid;gap:0.75rem;}
.footer-contact-list a{display:inline-flex;align-items:center;gap:0.75rem;color:#fff;font-weight:600;transition:color .2s;}
.footer-contact-list a:hover{color:var(--lime);}
.footer-contact-list .blob{--bs:2.625rem;background:rgba(255,255,255,.07);color:var(--lime);--du:rgba(166,209,74,.25);}
.site-footer h4{color:#fff;font-size:1.08rem;margin:0.375rem 0 1.25rem;display:flex;align-items:center;gap:0.625rem;}
.site-footer h4::before{content:"";width:1.125rem;height:2px;border-radius:2px;background:var(--lime);}
.site-footer ul{display:grid;gap:0.75rem;}
.site-footer ul a{display:inline-flex;align-items:center;gap:0.5rem;color:rgba(255,255,255,.78);transition:color .2s;}
.site-footer ul a .ico{width:1rem;height:1rem;opacity:0;margin-left:-1.5rem;transition:opacity .3s, margin .35s var(--ease);color:var(--lime);}
.site-footer ul a:hover{color:#fff;}
.site-footer ul a:hover .ico{opacity:1;margin-left:0;}
.footer-contact-btns{display:grid;gap:0.625rem;max-width:15.625rem;}
.footer-contact-btns a{display:inline-flex;align-items:center;gap:0.75rem;height:3.375rem;padding:0 1.25rem 0 0.5rem;border-radius:62.4375rem;font-weight:700;color:#fff;transition:transform .3s var(--ease), filter .3s;}
.footer-contact-btns a:hover{transform:translateX(0.25rem);filter:brightness(1.1);}
.fcb-ic{width:2.5rem;height:2.5rem;border-radius:50%;background:rgba(255,255,255,.18);display:inline-flex;align-items:center;justify-content:center;}
.fcb-ic .ico{width:1.3125rem;height:1.3125rem;}
.footer-contact-btns .btn-viber{background:var(--viber);}
.footer-contact-btns .btn-whatsapp{background:var(--whatsapp);}
.footer-delivery{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;border-radius:var(--r-lg);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);margin-bottom:1.75rem;}
.footer-delivery-label{display:inline-flex;align-items:center;gap:0.75rem;font-weight:600;color:#fff;}
.footer-delivery-label .blob{--bs:2.75rem;background:rgba(166,209,74,.14);color:var(--lime);--du:rgba(166,209,74,.25);}
.footer-delivery-logos{display:flex;gap:0.625rem;}
.footer-delivery-chip{display:inline-flex;align-items:center;justify-content:center;height:3.375rem;padding:0 1.25rem;border-radius:0.875rem;background:#fff;}
.footer-delivery-chip img{height:1.5rem;width:auto;}
.footer-delivery-chip img.fd-a2b{height:1.875rem;}
.foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0.625rem 1.5rem;padding:1.5rem 5.625rem 1.875rem 0;border-top:1px solid rgba(255,255,255,.08);font-size:.9rem;color:rgba(255,255,255,.55);}
.foot-bottom a{color:rgba(255,255,255,.75);transition:color .2s;}
.foot-bottom a:hover{color:var(--lime);}
.foot-bottom .sep{margin:0 0.75rem;opacity:.35;}

/* ---------- Plutajući kontakt + nazad na vrh ---------- */
.floating-contact{position:fixed;right:1.25rem;bottom:1.5rem;z-index:55;display:flex;flex-direction:column;align-items:center;gap:0.75rem;transition:opacity .3s;}
.floating-contact a,.to-top{position:relative;width:3.5rem;height:3.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .3s var(--ease);}
.floating-contact a:hover{transform:scale(1.08);}
.floating-contact a .ico{width:1.6875rem;height:1.6875rem;}
.floating-contact .fc-viber{background:var(--viber);}
.floating-contact .fc-whatsapp{background:var(--whatsapp);}
.floating-contact .fc-whatsapp::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--whatsapp);animation:ring 2.4s var(--ease) infinite;}
@keyframes ring{0%{transform:scale(1);opacity:.7;}100%{transform:scale(1.6);opacity:0;}}
.to-top{width:3.125rem;height:3.125rem;background:#fff;color:var(--green-700);opacity:0;transform:translateY(0.75rem) scale(.9);pointer-events:none;transition:opacity .35s var(--ease), transform .35s var(--ease);}
.to-top.show{opacity:1;transform:none;pointer-events:auto;}
.to-top:hover{color:var(--green-500);}
.to-top .ico{width:1.25rem;height:1.25rem;position:relative;z-index:1;}
.to-top svg.ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);}
.to-top svg.ring circle{fill:none;stroke-width:3;}
.to-top svg.ring .bg{stroke:var(--g-100);}
.to-top svg.ring .fg{stroke:var(--green-500);stroke-linecap:round;stroke-dasharray:138.2;stroke-dashoffset:138.2;}

/* ---------- Toast ---------- */
.toast{position:fixed;left:50%;bottom:1.75rem;z-index:95;display:flex;align-items:center;gap:0.75rem;max-width:calc(100vw - 2rem);padding:0.625rem 0.625rem 0.625rem 0.75rem;border-radius:1.125rem;background:#fff;color:var(--heading);font-weight:600;font-size:.95rem;border:1px solid var(--g-100);transform:translate(-50%, 150%);opacity:0;transition:transform .5s var(--ease-out), opacity .4s var(--ease);}
.toast.show{transform:translate(-50%, 0);opacity:1;}
.toast .t-ic{width:2.375rem;height:2.375rem;border-radius:0.75rem;background:var(--green-600);color:#fff;display:flex;align-items:center;justify-content:center;flex:none;}
.toast .t-ic .ico{width:1.25rem;height:1.25rem;stroke-width:2.2;}
.toast .t-msg{padding-right:0.375rem;line-height:1.35;}
.toast .t-link{flex:none;display:inline-flex;align-items:center;gap:0.375rem;height:2.5rem;padding:0 0.875rem;border-radius:0.75rem;background:var(--bg-mint);color:var(--green-700);font-weight:700;font-size:.88rem;}
.toast .t-link .ico{width:1rem;height:1rem;}
.toast .t-link:hover{background:var(--bg-mint-2);}

/* "Leti u korpu" */
.fly-img{position:fixed;z-index:120;border-radius:1rem;object-fit:cover;pointer-events:none;}

/* ---------- Otkrivanje pri skrolu ---------- */
.reveal{opacity:0;transform:translateY(2.125rem);transition:opacity 1s var(--ease-out), transform 1s var(--ease-out);transition-delay:var(--d, 0s);}
.reveal[data-reveal="left"]{transform:translateX(-2.5rem);}
.reveal[data-reveal="right"]{transform:translateX(2.5rem);}
.reveal[data-reveal="zoom"]{transform:scale(.94);}
.reveal.in-view{opacity:1;transform:none;}
/* "clip" otkrivanje radi na slici unutar elementa (IntersectionObserver ne vidi potpuno odsječen element) */
.reveal[data-reveal="clip"]{opacity:1;transform:none;}
.reveal[data-reveal="clip"] > img{clip-path:inset(100% 0 0 0);transform:scale(1.18);transition:clip-path 1.4s var(--ease-out), transform 1.8s var(--ease-out);}
.reveal.in-view[data-reveal="clip"] > img{clip-path:inset(0 0 0 0);transform:none;}

/* ==========================================================================
   SHOP
   ========================================================================== */
.shop-cats{position:relative;z-index:5;margin-top:clamp(-6.875rem, -8vw, -5rem);}
.shop-cats-grid{display:grid;grid-template-columns:repeat(6, minmax(0,1fr));gap:0.875rem;}
.cat-filter{position:relative;display:flex;align-items:center;gap:0.875rem;padding:0.75rem 1rem 0.75rem 0.75rem;border-radius:var(--r-lg);background:#fff;border:2px solid transparent;text-align:left;transition:transform .4s var(--ease), border-color .3s, box-shadow .4s;}
.cat-filter:hover{transform:translateY(-0.25rem);}
.cf-thumb{width:3.75rem;height:3.75rem;border-radius:1rem;overflow:hidden;flex:none;background:var(--bg-mint);display:flex;align-items:center;justify-content:center;color:var(--green-600);}
.cf-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease);}
.cat-filter:hover .cf-thumb img{transform:scale(1.1);}
.cf-thumb .ico{width:1.75rem;height:1.75rem;}
.cf-text{display:flex;flex-direction:column;min-width:0;}
.cf-label{font-family:var(--font-head);font-weight:600;font-size:1.02rem;line-height:1.2;color:var(--heading);letter-spacing:-.01em;}
.cat-filter small{font-size:.82rem;color:var(--g-500);font-weight:600;margin-top:0.1875rem;}
.cf-check{position:absolute;right:0.625rem;top:0.625rem;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--green-600);color:#fff;display:flex;align-items:center;justify-content:center;transform:scale(0);transition:transform .35s var(--ease);}
.cf-check .ico{width:0.875rem;height:0.875rem;stroke-width:2.6;}
.cat-filter.active{border-color:var(--green-500);}
.cat-filter.active .cf-check{transform:scale(1);}
.shop-toolbar{display:flex;align-items:center;gap:0.875rem;margin:clamp(1.75rem, 4vw, 2.75rem) 0 1.75rem;padding:0.625rem 0.625rem 0.625rem 1.25rem;border-radius:var(--r-lg);background:var(--bg-soft);border:1px solid var(--g-100);}
.result-count{display:inline-flex;align-items:center;gap:0.625rem;font-weight:700;color:var(--heading);margin-right:auto;}
.result-count .ico{color:var(--green-500);}
.shop-search{position:relative;flex:0 1 20rem;}
.shop-search .ico{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:var(--g-500);pointer-events:none;}
.shop-search input{width:100%;height:3.125rem;padding:0 1.125rem 0 2.875rem;border-radius:0.875rem;border:1.5px solid var(--g-200);background:#fff;font-size:.95rem;outline:none;transition:border-color .2s, box-shadow .2s;}
.shop-search input:focus{border-color:var(--green-400);box-shadow:0 0 0 0.25rem rgba(75,164,104,.15);}
.select-wrap{position:relative;flex:none;}
.select-wrap select{appearance:none;-webkit-appearance:none;height:3.125rem;padding:0 2.875rem 0 1.125rem;border-radius:0.875rem;border:1.5px solid var(--g-200);background:#fff;font-weight:600;font-size:.95rem;color:var(--heading);cursor:pointer;outline:none;}
.select-wrap select:focus{border-color:var(--green-400);}
.select-wrap .ico{position:absolute;right:0.875rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;pointer-events:none;color:var(--g-600);}
.shop-empty{display:none;text-align:center;padding:3.75rem 1.25rem;color:var(--g-500);font-weight:600;}

/* ==========================================================================
   STRANICA PROIZVODA
   ========================================================================== */
.pd-hero{padding-bottom:clamp(10.625rem, 14vw, 13.125rem);}
.pd-hero .hero-media{inset:-2.5rem;}
.pd-hero .hero-media img{filter:blur(1.5rem) saturate(1.15);animation:none;transform:scale(1.15);}
.pd-hero .hero-shade{background:linear-gradient(180deg, rgba(11,34,21,.8), rgba(11,34,21,.9));}
.pd-hero .container{z-index:2;}
.pd-main{padding-top:0;position:relative;z-index:5;margin-top:clamp(-10.625rem, -12vw, -8.125rem);padding-bottom:clamp(2.5rem, 5vw, 4.375rem);}
.pd-card{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:clamp(1.5rem, 4vw, 3.5rem);padding:clamp(0.75rem, 1.4vw, 1.25rem);border-radius:var(--r-xl);background:#fff;border:1px solid var(--g-100);}
.pd-gallery{position:sticky;top:calc(var(--header-h) + 1.25rem);align-self:start;}
.pd-media{position:relative;aspect-ratio:1/1;border-radius:1.5rem;overflow:hidden;background:var(--bg-soft);cursor:zoom-in;}
.pd-media img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease-out;transform-origin:var(--zx, 50%) var(--zy, 50%);}
.pd-media.zooming img{transform:scale(1.8);}
.pd-media .product-badge{left:1rem;top:1rem;font-size:.84rem;padding:0.375rem 0.875rem 0.375rem 0.375rem;}
.pd-media .product-badge .ico{width:1.5rem;height:1.5rem;}
.pd-zoom-hint{position:absolute;right:1rem;bottom:1rem;width:3rem;height:3rem;border-radius:50%;background:rgba(255,255,255,.94);color:var(--green-700);display:flex;align-items:center;justify-content:center;pointer-events:none;transition:opacity .3s;}
.pd-media.zooming .pd-zoom-hint{opacity:0;}
.trust-mini{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:0.625rem;margin-top:0.75rem;}
.trust-mini > div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0.5rem;padding:1rem 0.625rem;border-radius:1.125rem;background:var(--bg-soft);font-weight:600;font-size:.88rem;line-height:1.3;color:var(--heading);}
.trust-mini .blob{--bs:2.875rem;background:#fff;}
.pd-info{padding:clamp(0.375rem, 1.5vw, 1.375rem) clamp(0.25rem, 1vw, 0.875rem) clamp(0.375rem, 1.5vw, 1.125rem) 0;display:flex;flex-direction:column;}
.pd-meta{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1.125rem;}
.pd-cat-link{display:inline-flex;align-items:center;gap:0.5rem;padding:0.3125rem 0.875rem 0.3125rem 0.3125rem;border-radius:62.4375rem;background:var(--bg-soft);border:1px solid var(--g-200);font-weight:700;font-size:.86rem;color:var(--green-700);transition:background .2s;}
.pd-cat-link:hover{background:var(--bg-mint);}
.pd-cat-link .ico{width:1.625rem;height:1.625rem;padding:0.25rem;border-radius:50%;background:#fff;}
.pd-origin{display:inline-flex;align-items:center;gap:0.5rem;padding:0.3125rem 0.875rem 0.3125rem 0.3125rem;border-radius:62.4375rem;background:var(--lime-soft);color:var(--green-800);font-weight:700;font-size:.86rem;}
.pd-origin .ico{width:1.625rem;height:1.625rem;padding:0.25rem;border-radius:50%;background:var(--lime);color:var(--green-900);--du:rgba(255,255,255,.55);}
.pd-info h1{font-size:clamp(2rem, 1.6vw + 1.3rem, 3rem);line-height:1.08;margin-bottom:.4em;}
.pd-short{font-size:1.1rem;color:var(--g-600);margin-bottom:1.375rem;}
.pd-price-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1.125rem 1.375rem;border-radius:1.25rem;background:var(--bg-mint);margin-bottom:0.875rem;}
.pd-price{font-family:var(--font-head);font-weight:800;font-size:clamp(2.1rem, 1.4vw + 1.5rem, 2.8rem);line-height:1;color:var(--green-700);letter-spacing:-.035em;}
.pd-price-note{display:inline-flex;align-items:center;gap:0.5rem;padding:0.4375rem 0.875rem 0.4375rem 0.4375rem;border-radius:62.4375rem;background:#fff;font-weight:700;font-size:.88rem;color:var(--heading);}
.pd-price-note .ico{width:1.75rem;height:1.75rem;padding:0.3125rem;border-radius:50%;background:var(--green-600);color:#fff;--du:rgba(166,209,74,.5);}
.delivery-box{display:flex;align-items:center;gap:1rem;padding:0.875rem 1.125rem;border-radius:1.125rem;border:1.5px dashed var(--g-200);margin-bottom:1rem;}
.delivery-box b{display:block;font-size:.98rem;}
.delivery-box span{display:block;font-size:.9rem;color:var(--g-500);}
.courier-logos{display:flex;align-items:center;gap:0.625rem;flex:none;padding:0.5rem 0.75rem;border-radius:0.75rem;background:#fff;border:1px solid var(--g-200);}
.courier-logos img{width:auto;flex:none;object-fit:contain;}
.courier-logos img.ic-posta{height:1.375rem;}
.courier-logos img.ic-a2b{height:1.625rem;}
.courier-divider{width:1px;height:1.5rem;background:var(--g-200);}
.qty-row{display:flex;gap:0.625rem;margin-bottom:0.75rem;}
.qty-row .btn{flex:1;--h:3.75rem;font-size:1.05rem;}
.qty-control{display:inline-flex;align-items:center;height:3.75rem;padding:0.3125rem;border-radius:62.4375rem;background:var(--bg-soft);border:1.5px solid var(--g-200);flex:none;}
.qty-control button{width:3rem;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--heading);background:#fff;transition:background .2s, color .2s;font-size:1.25rem;font-weight:700;line-height:1;}
.qty-control button:hover{background:var(--green-600);color:#fff;}
.qty-control input{width:2.75rem;text-align:center;border:0;background:transparent;font-weight:800;font-size:1.1rem;outline:none;color:var(--heading);}
.pd-direct-order{display:flex;align-items:center;gap:0.625rem;flex-wrap:wrap;margin-bottom:1.5rem;}
.pd-direct-label{display:inline-flex;align-items:center;gap:0.5rem;font-weight:700;color:var(--heading);margin-right:auto;font-size:.95rem;}
.pd-direct-label .ico{color:var(--green-500);}
.pd-direct-order .btn{--h:3rem;padding:0 1.25rem;}
.pd-benefits{display:grid;grid-template-columns:1fr 1fr;gap:0.625rem;margin-bottom:1.375rem;}
.pd-benefits li{display:flex;align-items:flex-start;gap:0.625rem;padding:0.875rem;border-radius:1rem;background:var(--bg-soft);font-weight:600;font-size:.93rem;line-height:1.4;color:var(--heading);}
.pd-benefits .chk{width:1.625rem;height:1.625rem;border-radius:50%;background:var(--green-600);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:none;}
.pd-benefits .chk .ico{width:0.9375rem;height:0.9375rem;stroke-width:2.4;}
.pd-specs{border-radius:1.25rem;border:1px solid var(--g-200);overflow:hidden;}
.pd-specs-title{display:flex;align-items:center;gap:0.625rem;padding:0.875rem 1.125rem;background:var(--bg-soft);font-family:var(--font-head);font-weight:700;color:var(--heading);}
.pd-specs-title .ico{color:var(--green-500);}
.pd-specs-list > div{display:flex;justify-content:space-between;gap:1rem;padding:0.75rem 1.125rem;border-top:1px solid var(--g-100);font-size:.94rem;}
.pd-specs-list span{color:var(--g-500);}
.pd-specs-list b{font-weight:700;text-align:right;word-break:break-word;}

/* Tabovi */
.pd-tabs-wrap{display:grid;grid-template-columns:minmax(0,1fr) 21.25rem;gap:clamp(1.5rem, 4vw, 3.5rem);align-items:start;}
.tab-nav{position:relative;display:flex;gap:0.25rem;padding:0.375rem;border-radius:62.4375rem;background:var(--bg-soft);border:1px solid var(--g-100);width:max-content;max-width:100%;overflow-x:auto;scrollbar-width:none;margin-bottom:1.875rem;}
.tab-nav::-webkit-scrollbar{display:none;}
.tab-ind{position:absolute;top:0;left:0;width:0;height:0;border-radius:62.4375rem;background:var(--green-600);transition:transform .45s var(--ease), width .45s var(--ease), height .45s var(--ease);z-index:0;}
.tab-btn{position:relative;z-index:1;flex:none;display:inline-flex;align-items:center;gap:0.5rem;height:3rem;padding:0 1.375rem;border-radius:62.4375rem;font-weight:700;font-size:.96rem;color:var(--g-600);transition:color .3s;}
.tab-btn .ico{width:1.25rem;height:1.25rem;}
.tab-btn:hover{color:var(--heading);}
.tab-btn.active{color:#fff;--du:rgba(166,209,74,.55);}
.tab-panel{display:none;}
.tab-panel.active{display:block;animation:fadeUp .55s var(--ease-out);}
@keyframes fadeUp{from{opacity:0;transform:translateY(0.75rem);}to{opacity:1;transform:none;}}
.tab-panel p{font-size:1.06rem;line-height:1.8;}
.tab-panel .pd-lead{position:relative;font-family:var(--font-head);font-weight:500;font-size:clamp(1.25rem, .6vw + 1.05rem, 1.6rem);line-height:1.42;color:var(--heading);letter-spacing:-.015em;padding:1.625rem 1.75rem 1.625rem 5.375rem;border-radius:1.5rem;background:var(--bg-mint);margin-bottom:1.3em;}
.tab-panel .pd-lead::before{content:"";position:absolute;left:1.5rem;top:1.625rem;width:2.625rem;height:2.625rem;border-radius:50%;background:var(--lime) no-repeat center / 1.25rem url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%230F301C'%3E%3Cpath d='M116,72v88a48.05,48.05,0,0,1-48,48,8,8,0,0,1,0-16,32,32,0,0,0,32-32v-8H40a16,16,0,0,1-16-16V72A16,16,0,0,1,40,56h60A16,16,0,0,1,116,72ZM216,56H156a16,16,0,0,0-16,16v64a16,16,0,0,0,16,16h60v8a32,32,0,0,1-32,32,8,8,0,0,0,0,16,48.05,48.05,0,0,0,48-48V72A16,16,0,0,0,216,56Z'/%3E%3C/svg%3E");}
.tab-panel .pd-note{position:relative;padding:1.125rem 1.25rem 1.125rem 3.875rem;border-radius:1.125rem;background:var(--lime-soft);border:1px solid #E1EDC2;color:var(--green-900);font-size:.98rem;line-height:1.6;}
.tab-panel .pd-note::before{content:"";position:absolute;left:1.125rem;top:1.125rem;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--lime-600) no-repeat center / 1rem url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23FFFFFF'%3E%3Cpath d='M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z' opacity='0.2'/%3E%3Cpath d='M144,176a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176Zm88-48A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128ZM124,96a12,12,0,1,0-12-12A12,12,0,0,0,124,96Z'/%3E%3C/svg%3E");}
.tab-panel .pd-sub{font-size:clamp(1.18rem, .45vw + 1.04rem, 1.42rem);margin:0 0 0.875rem;}
.tab-panel * + .pd-sub{margin-top:2.25rem;}
.tab-panel p b{color:var(--heading);font-weight:700;}
.tab-panel .pd-note b{color:inherit;}
.pd-aside{position:sticky;top:calc(var(--header-h) + 1.25rem);display:grid;gap:0.75rem;}
.pd-aside-card{display:flex;gap:0.875rem;align-items:flex-start;padding:1.125rem;border-radius:1.25rem;background:var(--bg-soft);border:1px solid var(--g-100);transition:transform .4s var(--ease), background .3s;}
.pd-aside-card:hover{transform:translateX(-0.25rem);background:var(--bg-mint);}
.pd-aside-card .blob{--bs:3rem;background:#fff;}
.pd-aside-card > div > b{display:block;font-family:var(--font-head);font-weight:600;font-size:1.02rem;letter-spacing:-.01em;}
.pd-aside-card > div > span{display:block;font-size:.9rem;color:var(--g-600);line-height:1.45;}

.related-head{display:flex;align-items:end;justify-content:space-between;gap:1.25rem;margin-bottom:1.875rem;}
.related-title{margin:0;}
.related-grid{display:grid;grid-template-columns:repeat(4, minmax(0,1fr));gap:1.25rem;}

/* Sticky mobilni CTA */
.sticky-cta{display:none;}

/* ==========================================================================
   KORPA
   ========================================================================== */
.cart-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(1.25rem, 3vw, 2.25rem);align-items:start;}
.cart-items{border-radius:var(--r-xl);background:#fff;border:1px solid var(--g-200);padding:0.625rem 1.625rem;}
.cart-head,.cart-row{display:grid;grid-template-columns:minmax(0,2.5fr) 1fr 1.3fr 1fr 2.875rem;gap:1rem;align-items:center;}
.cart-head{padding:1rem 0;border-bottom:1px solid var(--g-200);font-size:.85rem;font-weight:700;color:var(--g-500);}
.cart-row{padding:1.25rem 0;border-bottom:1px dashed var(--g-200);}
.cart-row:last-child{border-bottom:0;}
.cart-item-info{display:flex;align-items:center;gap:1rem;min-width:0;}
.cart-item-info a{flex:none;}
.cart-item-info img{width:5.375rem;height:5.375rem;border-radius:1.125rem;object-fit:cover;background:var(--bg-soft);}
.cart-item-info b{display:block;font-family:var(--font-head);font-weight:600;line-height:1.3;letter-spacing:-.01em;}
.cart-item-info .ci-cat{display:inline-flex;margin-top:0.375rem;padding:0.1875rem 0.625rem;border-radius:62.4375rem;background:var(--bg-mint);font-size:.76rem;font-weight:700;color:var(--green-700);}
.cart-row .cr-price{color:var(--g-600);font-weight:600;}
.cart-row .cr-total{font-family:var(--font-head);font-weight:700;font-size:1.2rem;color:var(--heading);}
.cart-row .qty-control{height:3rem;padding:0.25rem;}
.cart-row .qty-control button{width:2.375rem;font-size:1rem;}
.cart-row .qty-control input{width:2rem;font-size:.98rem;}
.remove-btn{width:2.625rem;height:2.625rem;border-radius:0.75rem;display:inline-flex;align-items:center;justify-content:center;color:var(--g-500);background:var(--g-100);transition:all .2s;}
.remove-btn .ico{width:1.25rem;height:1.25rem;}
.remove-btn:hover{color:#fff;background:var(--danger);}
.cart-summary{position:sticky;top:calc(var(--header-h) + 1.25rem);padding:clamp(1.375rem, 2.4vw, 2rem);border-radius:var(--r-xl);background:#fff;border:1px solid var(--g-200);}
.cart-summary h3{font-size:1.6rem;display:flex;align-items:center;gap:0.75rem;margin-bottom:1rem;}
.cart-summary h3 .blob{--bs:2.875rem;}
.summary-row{display:flex;justify-content:space-between;gap:0.75rem;padding:0.625rem 0;color:var(--g-600);font-weight:500;}
.summary-row span:last-child{font-weight:700;color:var(--heading);}
.summary-row.total{margin-top:0.5rem;padding:1.125rem 1.25rem;border-radius:1.125rem;background:var(--bg-mint);align-items:center;color:var(--heading);font-weight:700;}
.summary-row.total span:last-child{font-family:var(--font-head);font-weight:800;font-size:1.9rem;color:var(--green-700);letter-spacing:-.03em;}
.cart-trust{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center;margin-top:1.625rem;}
.cart-trust-item{display:inline-flex;align-items:center;gap:0.5rem;padding:0.375rem 0.875rem 0.375rem 0.375rem;border-radius:62.4375rem;background:var(--bg-soft);border:1px solid var(--g-100);font-size:.86rem;font-weight:700;color:var(--heading);}
.cart-trust-item .ico{width:1.75rem;height:1.75rem;padding:0.3125rem;border-radius:50%;background:#fff;color:var(--green-600);}
.cart-summary .cart-trust{justify-content:flex-start;margin:0.875rem 0 0.375rem;}
.checkout-form{margin:1.25rem 0 1.125rem;padding-top:1.25rem;border-top:1px dashed var(--g-200);}
.checkout-form h4{display:flex;align-items:center;gap:0.625rem;margin-bottom:1rem;font-size:1.1rem;}
.checkout-form h4 .ico{color:var(--green-500);}
.order-btns{display:grid;gap:0.625rem;}
.cart-summary .courier-logos{display:inline-flex;margin-top:1.125rem;}
.cart-summary .cs-note{font-size:.88rem;color:var(--g-500);margin:0.625rem 0 0;}
.empty-cart{max-width:48.75rem;margin:0 auto;text-align:center;}
.ec-art{position:relative;width:10.625rem;height:10.625rem;margin:0 auto 1.625rem;}
.ec-art .blob{--bs:10.625rem;}
.ec-art .blob .ico{width:4.875rem;height:4.875rem;stroke-width:1.2;}
.ec-art .deco{width:4rem;right:-1.625rem;top:-0.875rem;--deco-stroke:rgba(44,133,79,.45);}
.empty-cart h3{font-size:clamp(1.8rem, 1.5vw + 1.2rem, 2.5rem);letter-spacing:-.025em;margin-bottom:.35em;}
.empty-cart > p{max-width:46ch;margin:0 auto 1.75rem;font-size:1.08rem;}
.empty-cart-links{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:0.875rem;margin-top:2.75rem;text-align:left;}
.empty-cart-links a{position:relative;display:flex;flex-direction:column;gap:0.75rem;padding:0.625rem 0.625rem 1rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--g-200);font-family:var(--font-head);font-weight:600;font-size:1.08rem;color:var(--heading);transition:transform .4s var(--ease), box-shadow .4s;}
.empty-cart-links a:hover{transform:translateY(-0.375rem);}
.ecl-img{aspect-ratio:16/10;border-radius:1rem;overflow:hidden;}
.ecl-img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease);}
.empty-cart-links a:hover .ecl-img img{transform:scale(1.08);}
.ecl-label{display:flex;align-items:center;gap:0.625rem;padding:0 0.375rem;}
.ecl-label .blob{--bs:2.5rem;}

/* ---------- Forme ---------- */
.form-field{margin-bottom:0.875rem;}
.form-field label{display:block;font-weight:700;font-size:.9rem;color:var(--heading);margin-bottom:0.4375rem;}
.form-field input,.form-field textarea{width:100%;height:3.375rem;padding:0 1.125rem;border-radius:0.875rem;border:1.5px solid var(--g-200);background:var(--g-50);font-size:1rem;outline:none;transition:border-color .2s, box-shadow .2s, background .2s;}
.form-field textarea{height:auto;min-height:8.125rem;padding:0.875rem 1.125rem;resize:vertical;line-height:1.55;}
.form-field input:focus,.form-field textarea:focus{border-color:var(--green-400);background:#fff;box-shadow:0 0 0 0.25rem rgba(75,164,104,.15);}
.form-field input::placeholder,.form-field textarea::placeholder{color:var(--g-400);}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:0 0.875rem;}

/* ==========================================================================
   KONTAKT
   ========================================================================== */
.contact-cards{position:relative;z-index:5;margin-top:clamp(-7.5rem, -9vw, -5.625rem);display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:1.125rem;}
.contact-card{position:relative;display:flex;flex-direction:column;gap:1rem;padding:1.75rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--g-100);overflow:hidden;isolation:isolate;transition:transform .45s var(--ease);}
.contact-card:hover{transform:translateY(-0.375rem);}
.cc-ic{width:4rem;height:4rem;border-radius:1.25rem;display:flex;align-items:center;justify-content:center;color:#fff;}
.cc-ic .ico{width:2rem;height:2rem;}
.contact-card-viber .cc-ic{background:var(--viber);}
.contact-card-whatsapp .cc-ic{background:var(--whatsapp);}
.contact-card h3{margin:0;font-size:1.35rem;}
.contact-card p{margin:0;font-size:1.02rem;}
.contact-card-viber p,.contact-card-whatsapp p{font-family:var(--font-head);font-weight:700;font-size:1.25rem;color:var(--heading);letter-spacing:-.01em;}
.cc-go{position:absolute;right:1.375rem;top:1.625rem;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--g-100);color:var(--heading);display:flex;align-items:center;justify-content:center;transition:all .4s var(--ease);}
.cc-go .ico{width:1.25rem;height:1.25rem;}
.contact-card:hover .cc-go{background:var(--green-600);color:#fff;transform:rotate(45deg);}
.contact-card::after{content:"";position:absolute;right:-3.125rem;bottom:-3.125rem;width:8.75rem;height:8.75rem;border-radius:50%;background:var(--bg-soft);z-index:-1;transition:transform .7s var(--ease);}
.contact-card:hover::after{transform:scale(1.5);}
.contact-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(1.75rem, 5vw, 4.5rem);align-items:start;}
.contact-side h2{max-width:14ch;}
.contact-side .info-grid{grid-template-columns:1fr;gap:0.875rem;margin-top:1.75rem;}
.contact-side .info-card{flex-direction:row;align-items:flex-start;gap:1.125rem;padding:1.5rem;}
.contact-side .info-card .blob{margin:0;--bs:3.5rem;}
.contact-side .info-card h3{margin-bottom:0.25rem;}
.contact-side .info-card::before{font-size:2.6rem;right:1.125rem;top:0.75rem;}
.contact-photo{margin-top:1.125rem;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:16/8;}
.contact-photo img{width:100%;height:100%;object-fit:cover;}
.contact-form-box{position:relative;padding:clamp(1.625rem, 3.5vw, 2.75rem);border-radius:var(--r-xl);background:#fff;border:1px solid var(--g-200);overflow:hidden;}
.contact-form-box h3{display:flex;align-items:center;gap:0.875rem;font-size:clamp(1.6rem, 1vw + 1.2rem, 2.1rem);letter-spacing:-.025em;margin-bottom:1.5rem;}
.contact-form-box h3 .blob{--bs:3.375rem;}

/* ==========================================================================
   O NAMA
   ========================================================================== */
.about-stats{display:grid;grid-template-columns:repeat(4, minmax(0,1fr));gap:0.75rem;margin-top:2rem;max-width:55rem;}
.page-hero-stat{display:flex;align-items:center;gap:0.75rem;padding:0.875rem 1rem;border-radius:1.125rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(0.75rem);backdrop-filter:blur(0.75rem);color:#fff;font-weight:700;font-size:.98rem;line-height:1.25;}
.page-hero-stat .ico{width:2.5rem;height:2.5rem;padding:0.5rem;border-radius:0.75rem;background:var(--lime);color:var(--green-900);--du:rgba(255,255,255,.55);flex:none;}

/* ==========================================================================
   PRAVNE STRANICE
   ========================================================================== */
.legal-layout{display:grid;grid-template-columns:18.125rem minmax(0,1fr);gap:clamp(1.5rem, 4vw, 3.5rem);align-items:start;}
.legal-toc{position:sticky;top:calc(var(--header-h) + 1.5rem);padding:1.5rem;border-radius:var(--r-lg);background:var(--bg-soft);border:1px solid var(--g-100);}
.legal-toc h4{display:flex;align-items:center;gap:0.625rem;margin-bottom:0.875rem;}
.legal-toc h4 .ico{color:var(--green-500);}
.legal-toc ol{display:grid;gap:2px;}
.legal-toc a{display:block;padding:0.5625rem 0.75rem;border-radius:0.625rem;font-size:.93rem;font-weight:600;color:var(--g-600);transition:background .2s, color .2s;}
.legal-toc a:hover{background:#fff;color:var(--heading);}
.legal-toc a.active{background:#fff;color:var(--green-600);}
.legal-content{padding:clamp(1.5rem, 4vw, 3.5rem);border-radius:var(--r-xl);background:#fff;border:1px solid var(--g-200);}
.legal-content h2{font-size:clamp(1.4rem, .8vw + 1.1rem, 1.8rem);margin:1.8em 0 .55em;padding-top:1.2em;border-top:1px dashed var(--g-200);}
.legal-content h2:first-of-type{margin-top:0;padding-top:0;border-top:0;}
.legal-content p,.legal-content li{line-height:1.85;font-size:1.02rem;}
.legal-content ul{margin:0 0 1.2em;display:grid;gap:0.5rem;}
.legal-content li{position:relative;padding-left:2rem;}
.legal-content li::before{content:"";position:absolute;left:0;top:.35em;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--bg-mint) no-repeat center / 0.75rem url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23226B40'%3E%3Cpath d='M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z'/%3E%3C/svg%3E");}
.legal-updated{display:inline-flex;align-items:center;gap:0.625rem;padding:0.4375rem 1rem 0.4375rem 0.4375rem;border-radius:62.4375rem;background:var(--bg-mint);color:var(--green-800);font-weight:700;font-size:.9rem;margin:0 0 2em;}
.legal-updated::before{content:"";width:1.875rem;height:1.875rem;border-radius:50%;background:#fff no-repeat center / 1rem url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23226B40'%3E%3Cpath d='M216,48V88H40V48a8,8,0,0,1,8-8H208A8,8,0,0,1,216,48Z' opacity='0.2'/%3E%3Cpath d='M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z'/%3E%3C/svg%3E");}

/* ==========================================================================
   404
   ========================================================================== */
.error-hero{min-height:min(90svh, 52.5rem);display:flex;align-items:center;text-align:center;}
.error-hero .page-hero-inner{margin-inline:auto;}
.error-hero .hero-shade{background:radial-gradient(ellipse at center, rgba(11,34,21,.82) 0%, rgba(11,34,21,.9) 60%, rgba(11,34,21,.95) 100%);}
.error-code{font-family:var(--font-head);font-weight:800;font-size:clamp(8rem, 22vw, 16rem);line-height:.85;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.85);margin-bottom:.1em;}
.error-code span{color:var(--lime);-webkit-text-stroke-color:var(--lime);display:inline-block;animation:floatY 5s ease-in-out infinite;}
.error-hero p{margin-inline:auto;}
.error-actions{display:flex;flex-wrap:wrap;gap:0.75rem;justify-content:center;margin-top:1.875rem;}


/* ---------- ivice umjesto sjena ---------- */
.usp-item{border-color:var(--g-200);}
.usp-item:hover{border-color:var(--green-300);}
.product-card:hover,.cat-card:hover,.edu-card:hover{border-color:var(--green-300);}
.testimonial-card{border:1px solid rgba(15,48,28,.08);}
.testimonial-card:hover{border-color:var(--green-300);}
.step-icon{border:1px solid var(--g-200);}
.cat-filter{border-color:var(--g-200);}
.cat-filter:hover{border-color:var(--green-300);}
.cat-filter.active{border-color:var(--green-500);}
.contact-card{border-color:var(--g-200);}
.contact-card:hover{border-color:var(--green-300);}
.pd-card{border-color:var(--g-200);}
.qty-control button{border:1px solid var(--g-200);}
.to-top{border:1px solid var(--g-200);}
.toast{border-color:var(--g-200);}
.pd-zoom-hint{border:1px solid var(--g-200);}
.legal-toc a.active{border:1px solid var(--g-200);}
.float-card{border:1px solid rgba(255,255,255,.7);}
.info-grid.light .info-card:hover{border-color:var(--green-300);}
.trust-mini > div{border:1px solid var(--g-100);}


/* ==========================================================================
   FORME — validacija i slanje
   ========================================================================== */
.form-field.has-error input,.form-field.has-error textarea{border-color:var(--danger);background:#FFF7F6;}
.form-field.has-error input:focus,.form-field.has-error textarea:focus{box-shadow:0 0 0 0.25rem rgba(192,57,43,.14);}
.field-error{display:flex;align-items:center;gap:.35rem;margin-top:.45rem;font-size:.84rem;font-weight:600;color:var(--danger);}
.field-error::before{content:"!";width:1.05rem;height:1.05rem;border-radius:50%;background:var(--danger);color:#fff;font-size:.7rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none;}
.form-note{display:flex;gap:.6rem;align-items:flex-start;font-size:.88rem;line-height:1.5;color:var(--g-600);margin:.25rem 0 1.1rem;}
.form-note .ico{width:1.25rem;height:1.25rem;color:var(--green-500);flex:none;margin-top:.1rem;}
.send-label{display:block;text-align:center;font-size:.86rem;font-weight:600;color:var(--g-500);margin:1rem 0 .6rem;}
.send-row{display:grid;grid-template-columns:1fr 1fr;gap:.625rem;}
.send-row .btn{--h:3rem;padding:0 1rem;font-size:.92rem;}
.btn[disabled]{opacity:.6;pointer-events:none;}

/* ==========================================================================
   POTVRDA NARUDŽBE
   ========================================================================== */
.order-done{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:clamp(1.25rem, 3vw, 2.25rem);align-items:start;}
.order-card{padding:clamp(1.4rem, 3vw, 2.5rem);border-radius:var(--r-xl);background:#fff;border:1px solid var(--g-200);}
.order-card + .order-card{margin-top:1.25rem;}
.order-card h3{display:flex;align-items:center;gap:.75rem;font-size:1.4rem;margin-bottom:1.1rem;}
.order-card h3 .blob{--bs:2.9rem;}
.order-id{display:inline-flex;align-items:center;gap:.6rem;padding:.4rem 1.1rem .4rem .4rem;border-radius:999px;background:var(--lime-soft);border:1px solid #E1EDC2;font-weight:700;color:var(--green-900);margin-bottom:1.25rem;}
.order-id .ico{width:2rem;height:2rem;padding:.4rem;border-radius:50%;background:var(--lime);color:var(--green-900);--du:rgba(255,255,255,.55);}
.order-items{display:grid;gap:0;margin-bottom:1rem;}
.order-item{display:grid;grid-template-columns:4rem minmax(0,1fr) auto;gap:1rem;align-items:center;padding:.85rem 0;border-bottom:1px dashed var(--g-200);}
.order-item img{width:4rem;height:4rem;border-radius:.9rem;object-fit:cover;background:var(--bg-soft);}
.order-item b{display:block;font-family:var(--font-head);font-weight:600;line-height:1.3;}
.order-item span{font-size:.88rem;color:var(--g-500);}
.order-item .oi-total{font-family:var(--font-head);font-weight:700;color:var(--heading);white-space:nowrap;}
.order-customer{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.55rem 1.25rem;margin:0;font-size:.97rem;}
.order-customer dt{color:var(--g-500);font-weight:600;}
.order-customer dd{margin:0;color:var(--heading);font-weight:600;word-break:break-word;}
.order-steps{display:grid;gap:.75rem;}
.order-step{display:flex;gap:1rem;align-items:flex-start;padding:1rem;border-radius:1.25rem;background:var(--bg-soft);border:1px solid var(--g-100);}
.order-step .blob{--bs:2.9rem;background:#fff;}
.order-step b{display:block;font-family:var(--font-head);font-weight:600;margin-bottom:.15rem;}
.order-step span{display:block;font-size:.93rem;color:var(--g-600);line-height:1.5;}
.order-resend{display:grid;gap:.625rem;margin-top:1rem;}
.order-empty{max-width:40rem;margin:0 auto;text-align:center;}
.order-empty .ec-art{margin-bottom:1.5rem;}
@media (max-width:980px){ .order-done{grid-template-columns:1fr;} }
@media (max-width:720px){ .send-row{grid-template-columns:1fr;} .order-item{grid-template-columns:3.4rem minmax(0,1fr);} .order-item .oi-total{grid-column:2;} .order-item img{width:3.4rem;height:3.4rem;} }

/* ==========================================================================
   RESPONZIVNOST
   ========================================================================== */
@media (max-width:1240px){
  .hero-float{display:none;}
  .tab-nav.is-many .tab-btn{padding:0 1rem;}
  .product-grid.five{grid-template-columns:repeat(auto-fill, minmax(13.75rem, 1fr));}
  .shop-cats-grid{grid-template-columns:repeat(6, minmax(12.5rem, 1fr));overflow-x:auto;padding:0.25rem 0.25rem 1.25rem;margin:-0.25rem -0.25rem 0;scroll-snap-type:x mandatory;scrollbar-width:none;}
  .shop-cats-grid::-webkit-scrollbar{display:none;}
  .cat-filter{scroll-snap-align:start;}
}
@media (max-width:1080px){
  .usp-grid{grid-template-columns:repeat(2, minmax(0,1fr));}
  .cat-grid{grid-template-columns:repeat(2, minmax(0,1fr));}
  .cat-grid .cat-card:nth-child(even){margin-top:0;}
  .info-grid{grid-template-columns:1fr;}
  .edu-grid{grid-template-columns:1fr 1fr;}
  .edu-card:last-child{grid-column:span 2;}
  .trust-grid{grid-template-columns:repeat(2, minmax(0,1fr));}
  .split{grid-template-columns:1fr;}
  .collage{max-width:38.75rem;margin-inline:auto;width:100%;}
  .cta-banner{grid-template-columns:1fr;}
  .cta-visual{display:none;}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .pd-card{grid-template-columns:1fr;}
  .pd-gallery{position:static;}
  .pd-tabs-wrap{grid-template-columns:1fr;}
  .pd-aside{position:static;grid-template-columns:repeat(3, minmax(0,1fr));}
  .related-grid{grid-template-columns:repeat(2, minmax(0,1fr));}
  .cart-layout{grid-template-columns:1fr;}
  .cart-summary{position:static;}
  .contact-layout{grid-template-columns:1fr;}
  .legal-layout{grid-template-columns:1fr;}
  .legal-toc{position:static;}
  .about-stats{grid-template-columns:repeat(2, minmax(0,1fr));}
  .slider-track{--slide-w:calc((100% - 1.25rem) / 2.1);}
}
@media (max-width:980px){
  :root{--header-h:4.25rem;}
  body{--topbar-h:0px;}
  .topbar{display:none;}
  .main-nav{display:none;}
  .cart-label{display:none;}
  .cart-btn{padding:0 0.6875rem;gap:0;}
  .brand{font-size:1.25rem;gap:0.625rem;}
  .brand img{width:2.625rem;height:2.625rem;}
  .site-header.is-scrolled .nav-wrap{height:3.625rem;margin-top:0.625rem;}
  .site-header.is-scrolled .brand img{width:2.375rem;height:2.375rem;}
  .site-header.is-scrolled .icon-btn{width:2.625rem;height:2.625rem;}
  .bottom-nav{
    display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:58;
    height:calc(4.25rem + env(safe-area-inset-bottom));padding:0.375rem 0.375rem env(safe-area-inset-bottom);
    background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(0.875rem);backdrop-filter:blur(0.875rem);
    border-top:1px solid var(--g-200);
  }
  .bottom-nav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.1875rem;border-radius:0.875rem;border:1px solid transparent;color:var(--g-500);font-size:0.7188rem;font-weight:700;white-space:nowrap;transition:color .25s, border-color .25s;}
  .bottom-nav a .ico{width:1.5rem;height:1.5rem;}
  .bottom-nav a:hover,.bottom-nav a.active{color:var(--green-600);border-color:var(--green-300);}
  .bn-badge{position:absolute;top:0.1875rem;left:calc(50% + 0.3125rem);min-width:1.1875rem;height:1.1875rem;padding:0 0.3125rem;border-radius:62.4375rem;background:var(--lime);color:var(--green-950);font-size:0.6562rem;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid #fff;}
  body{padding-bottom:calc(4.25rem + env(safe-area-inset-bottom));}
  .floating-contact{right:0.875rem;bottom:calc(5.25rem + env(safe-area-inset-bottom));gap:0.625rem;}
  .floating-contact a{width:3rem;height:3rem;}
  .floating-contact a .ico{width:1.4375rem;height:1.4375rem;}
  .to-top{display:none;}
  .toast{bottom:calc(5.25rem + env(safe-area-inset-bottom));}
  .foot-bottom{padding-right:0;}
  .sticky-cta{
    display:flex;align-items:center;gap:0.75rem;position:fixed;left:0.625rem;right:0.625rem;bottom:calc(4.75rem + env(safe-area-inset-bottom));z-index:57;
    padding:0.625rem 0.625rem 0.625rem 1rem;border-radius:1.25rem;background:#fff;border:1px solid var(--g-200);
    transform:translateY(150%);opacity:0;transition:transform .5s var(--ease-out), opacity .4s;
  }
  .sticky-cta.show{transform:none;opacity:1;}
  .sticky-cta .sc-info{flex:1;min-width:0;}
  .sticky-cta .sc-name{font-size:.82rem;color:var(--g-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .sticky-cta .sc-price{font-family:var(--font-head);font-weight:800;font-size:1.3rem;color:var(--green-700);letter-spacing:-.03em;line-height:1.1;}
  .sticky-cta .btn{--h:3rem;padding:0 1.25rem;}
  body.has-sticky-cta .floating-contact{opacity:0;pointer-events:none;}
  .hero{min-height:0;padding-bottom:10rem;}
  .hero .lead{margin-bottom:1.625rem;}
  .scroll-cue{display:none;}
  .hero-shade,.page-hero .hero-shade{background:linear-gradient(180deg, rgba(11,34,21,.72) 0%, rgba(11,34,21,.86) 55%, rgba(11,34,21,.94) 100%);}
  .sec-head.split{grid-template-columns:1fr;}
  .contact-cards{grid-template-columns:1fr;}
  .footer-grid > div:first-child{grid-column:1/-1;}
  .hero .deco-b,.page-hero .deco-b{display:none;}
}
@media (max-width:720px){
  .hero-stats{grid-template-columns:1fr 1fr 1fr;gap:0.5rem;}
  .hero-stat{flex-direction:column;align-items:flex-start;gap:0.5rem;padding:0.75rem;}
  .hero-stat .ico{width:1.625rem;height:1.625rem;}
  .hero-stat b{font-size:1.2rem;}
  .hero-stat span{font-size:.72rem;}
  .hero-cta .btn{flex:1 1 100%;}
  .usp-grid{grid-template-columns:1fr 1fr;gap:0.625rem;}
  .usp-item{flex-direction:column;gap:0.75rem;padding:1.125rem 1rem;}
  .usp-item .blob{--bs:2.875rem;}
  .usp-item > div > b{font-size:.98rem;}
  .usp-item > div > span{font-size:.84rem;}
  .cat-grid{gap:0.75rem;}
  .cat-card-body{padding:1.875rem 0.875rem 0.875rem;}
  .cat-card-body .blob{--bs:3rem;top:-1.5rem;left:0.75rem;}
  .cat-card h3{font-size:1.08rem;}
  .cat-sub{font-size:.82rem;}
  .cat-card-foot{margin-top:0.75rem;padding-top:0.75rem;font-size:.8rem;}
  .cat-arrow{width:2.125rem;height:2.125rem;}
  .cat-count{font-size:.7rem;}
  .steps-path{display:none;}
  .steps-grid{grid-template-columns:1fr;gap:2.75rem;}
  .product-grid,.product-grid.five,.related-grid{grid-template-columns:repeat(2, minmax(0,1fr));gap:0.75rem;}
  .product-card{padding:0.375rem;border-radius:1.25rem;}
  .product-thumb{border-radius:0.9375rem;}
  .product-body{padding:0.625rem 0.375rem 0.25rem;}
  .product-title{font-size:.9rem;}
  .product-price{font-size:1.05rem;}
  .add-cart-btn{width:2.375rem;height:2.375rem;border-radius:0.75rem;}
  .add-cart-btn .ico{width:1.1875rem;height:1.1875rem;}
  .product-badge{font-size:.62rem;padding:0.25rem 0.5rem 0.25rem 0.25rem;left:0.375rem;top:0.375rem;}
  .product-badge .ico{width:0.9375rem;height:0.9375rem;padding:2px;}
  .product-shipping span{display:none;}
  .product-quick{display:none;}
  .edu-grid{grid-template-columns:1fr;}
  .edu-card:last-child{grid-column:auto;}
  .slider-track{--slide-w:86%;}
  .check-list{grid-template-columns:1fr;}
  .collage-badge{width:7.25rem;height:7.25rem;left:-0.375rem;}
  .collage-badge b{font-size:2.1rem;}
  .collage-badge span{font-size:.7rem;}
  .collage-sub{right:-0.375rem;}
  .collage .deco-a{display:none;}
  .trust-grid{gap:0.625rem;}
  .trust-item{padding:1.25rem 1rem;}
  .trust-item b{font-size:2.2rem;}
  .footer-grid{gap:2rem 1.25rem;}
  .footer-grid > div:last-child{grid-column:1/-1;}
  .footer-contact-btns{grid-template-columns:1fr 1fr;max-width:none;}
  .footer-delivery{flex-direction:column;align-items:flex-start;}
  .shop-toolbar{flex-wrap:wrap;padding:0.75rem;}
  .result-count{flex-basis:100%;}
  .shop-search{flex:1 1 55%;min-width:0;}
  .select-wrap{flex:1 1 40%;min-width:0;}
  .select-wrap select{width:100%;padding-right:2.375rem;}
  .cat-filter{padding:0.625rem 0.75rem 0.625rem 0.625rem;gap:0.625rem;}
  .cf-thumb{width:3rem;height:3rem;border-radius:0.8125rem;}
  .shop-cats-grid{grid-template-columns:repeat(6, minmax(10.75rem, 1fr));}
  .pd-card{padding:0.625rem;border-radius:1.625rem;}
  .pd-info{padding:0.5rem 0.375rem 0.625rem;}
  .trust-mini > div{font-size:.78rem;padding:0.75rem 0.375rem;}
  .trust-mini .blob{--bs:2.5rem;}
  .pd-benefits{grid-template-columns:1fr;}
  .delivery-box{flex-direction:column;align-items:flex-start;}
  .qty-row .btn{min-width:0;padding:0 1rem;}
  .qty-control button{width:2.625rem;}
  .qty-control input{width:2.125rem;}
  .pd-direct-label{flex-basis:100%;}
  .pd-direct-order .btn{flex:1;}
  .pd-aside{grid-template-columns:1fr;}
  .tab-nav{width:100%;}
  .tab-nav.is-many{display:grid;grid-template-columns:1fr 1fr;border-radius:1.625rem;}
  .tab-nav.is-many .tab-btn{padding:0 0.5rem;}
  .tab-btn{flex:1 1 auto;padding:0 0.625rem;font-size:.84rem;height:2.75rem;justify-content:center;}
  .tab-btn .ico{display:none;}
  .tab-panel .pd-lead{padding:4.625rem 1.25rem 1.375rem;}
  .tab-panel .pd-lead::before{top:1.25rem;left:1.25rem;}
  .cart-items{padding:0.375rem 1rem;}
  .cart-head{display:none;}
  .cart-row{grid-template-columns:1fr auto;grid-template-areas:"info rm" "qty total";gap:0.875rem 0.75rem;}
  .cart-row > :nth-child(1){grid-area:info;}
  .cart-row > :nth-child(2){display:none;}
  .cart-row > :nth-child(3){grid-area:qty;}
  .cart-row > :nth-child(4){grid-area:total;justify-self:end;}
  .cart-row > :nth-child(5){grid-area:rm;align-self:start;}
  .cart-item-info img{width:4.375rem;height:4.375rem;}
  .empty-cart-links{grid-template-columns:1fr;}
  .form-row{grid-template-columns:1fr;}
  .about-stats{gap:0.5rem;}
  .page-hero-stat{padding:0.625rem 0.75rem;font-size:.86rem;gap:0.625rem;}
  .page-hero-stat .ico{width:2.125rem;height:2.125rem;padding:0.4375rem;}
  .cta-banner .btn{width:100%;}
  .contact-side .info-card{flex-direction:column;}
}
@media (max-width:420px){
  .icon-btn{width:2.625rem;height:2.625rem;}
  .icon-btn.cart-btn{width:auto;}
  .brand{font-size:1.12rem;gap:0.5rem;}
  .hero-tags li{font-size:.82rem;padding:0.3125rem 0.75rem 0.3125rem 0.3125rem;}
  .hero-tags .ico{width:1.5rem;height:1.5rem;padding:0.25rem;}
}

/* Smanjeno kretanje */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;}
  .reveal{opacity:1;transform:none;clip-path:none;}
  .hl .scribble path{stroke-dashoffset:0;}
}
@media print{
  .topbar,.site-header,.bottom-nav,.floating-contact,.sticky-cta,.toast,.site-footer{display:none !important;}
}

@media (hover:none){ .pd-zoom-hint{display:none;} .pd-media{cursor:default;} }

.qty-control button:disabled{opacity:.4;cursor:default;}
.qty-control button:disabled:hover{background:#fff;color:var(--heading);}
.toast.is-error .t-ic{background:var(--danger);}


/* ==========================================================================
   v5 — NALOZI, ZALIHE, KOLAČIĆI I UREĐIVANJE SADRŽAJA
   ========================================================================== */

/* ---------- Kompaktni hero: razmak ispod naslova s istaknutom riječi ---------- */
.page-hero.compact h1 + p{margin-top:.6em;}

/* ---------- Header: ikona računa ---------- */
.account-btn .acc-dot{position:absolute;right:0.25rem;top:0.25rem;width:0.625rem;height:0.625rem;border-radius:50%;background:var(--lime);border:2px solid #fff;}
.account-btn.is-in{color:var(--green-600);border-color:var(--green-300);}
.site-header.is-top .account-btn .acc-dot{border-color:var(--green-900);}
.site-header.is-top .account-btn.is-in{color:#fff;border-color:rgba(166,209,74,.7);}
.account-btn[aria-current="page"]{border-color:var(--green-300);color:var(--green-600);}

/* ---------- Pomoćni elementi formi ---------- */
.opt{font-weight:500;color:var(--g-500);font-size:.84rem;}
.pass-wrap{position:relative;}
.pass-wrap input{padding-right:3.25rem;}
.pass-toggle{position:absolute;right:0.375rem;top:50%;transform:translateY(-50%);width:2.625rem;height:2.625rem;border-radius:0.75rem;display:inline-flex;align-items:center;justify-content:center;color:var(--g-500);transition:color .2s, background .2s;}
.pass-toggle:hover{color:var(--green-600);background:var(--bg-mint);}
.pass-toggle .ico{width:1.25rem;height:1.25rem;}
.check-row{position:relative;display:flex;align-items:flex-start;gap:0.75rem;cursor:pointer;font-weight:600;font-size:.94rem;color:var(--heading);line-height:1.4;margin:0.25rem 0 0.875rem;}
.check-row input{position:absolute;opacity:0;width:1px;height:1px;}
.check-row .cb{width:1.5rem;height:1.5rem;flex:none;border-radius:0.4375rem;border:1.5px solid var(--g-300);background:#fff;display:inline-flex;align-items:center;justify-content:center;color:transparent;transition:background .2s, border-color .2s, color .2s;margin-top:-1px;}
.check-row .cb .ico{width:0.875rem;height:0.875rem;}
.check-row input:checked + .cb{background:var(--green-600);border-color:var(--green-600);color:#fff;}
.check-row input:focus-visible + .cb{outline:0.1562rem solid var(--green-400);outline-offset:0.1875rem;}
.check-row small{display:block;font-weight:500;color:var(--g-500);font-size:.84rem;margin-top:0.125rem;}
.check-row a{color:var(--green-600);text-decoration:underline;text-underline-offset:0.1875rem;}
.form-msg{display:flex;gap:0.625rem;align-items:flex-start;padding:0.875rem 1rem;border-radius:1rem;background:var(--bg-mint);border:1px solid #CFE3CD;color:var(--green-800);font-weight:600;font-size:.93rem;line-height:1.45;margin-bottom:1.125rem;}
.form-msg .ico{width:1.375rem;height:1.375rem;flex:none;color:var(--green-600);}
.form-msg.is-error{background:#FFF4F2;border-color:#F3CFC9;color:#8E2A1F;}
.form-msg.is-error .ico{color:var(--danger);}
.btn.is-busy{pointer-events:none;}
.btn.is-busy::before{content:"";width:1.125rem;height:1.125rem;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite;flex:none;}
.btn.is-busy > .ico:first-child{display:none;}
.spinner{display:inline-block;width:1.375rem;height:1.375rem;border-radius:50%;border:2.5px solid var(--green-300);border-right-color:transparent;animation:spin .8s linear infinite;}
.order-loading{display:flex;align-items:center;justify-content:center;gap:0.75rem;padding:3.75rem 1rem;color:var(--g-500);font-weight:600;}

/* ---------- Zalihe ---------- */
.product-badge.is-out{background:rgba(255,255,255,.96);color:#8E2A1F;}
.product-badge.is-out .ico{background:#F7DAD5;color:var(--danger);}
.product-card.is-out .product-thumb img{filter:grayscale(.55) opacity(.8);}
.add-cart-btn:disabled{background:var(--g-100);color:var(--g-400);cursor:not-allowed;transform:none;}
.pd-stock{display:inline-flex;align-items:center;gap:0.5rem;padding:0.3125rem 0.875rem;border-radius:62.4375rem;background:var(--bg-soft);border:1px solid var(--g-200);font-weight:700;font-size:.86rem;color:var(--green-700);}
.pd-stock .dot{width:0.5rem;height:0.5rem;border-radius:50%;background:var(--green-500);box-shadow:0 0 0 0.25rem rgba(44,133,79,.14);}
.pd-stock.is-low{color:#8A5A00;background:#FFF7E4;border-color:#F2DFAE;}
.pd-stock.is-low .dot{background:#E0A21A;box-shadow:0 0 0 0.25rem rgba(224,162,26,.18);}
.pd-stock.is-out{color:#8E2A1F;background:#FFF4F2;border-color:#F3CFC9;}
.pd-stock.is-out .dot{background:var(--danger);box-shadow:0 0 0 0.25rem rgba(192,57,43,.14);}
.qty-row .btn[disabled]{opacity:1;background:var(--g-100);color:var(--g-500);}
.pd-thumbs{display:flex;gap:0.5rem;margin-top:0.625rem;overflow-x:auto;scrollbar-width:none;padding:2px;}
.pd-thumbs::-webkit-scrollbar{display:none;}
.pd-thumb{flex:none;width:4.75rem;height:4.75rem;border-radius:1rem;overflow:hidden;border:2px solid var(--g-200);background:var(--bg-soft);transition:border-color .25s, transform .3s var(--ease);}
.pd-thumb img{width:100%;height:100%;object-fit:cover;}
.pd-thumb:hover{transform:translateY(-2px);border-color:var(--green-300);}
.pd-thumb.active{border-color:var(--green-500);}
.ci-stock{display:flex;align-items:center;gap:0.375rem;margin-top:0.375rem;font-size:.8rem;font-weight:700;color:#8A5A00;}
.ci-stock .ico{width:1rem;height:1rem;}
.ci-stock.is-out{color:var(--danger);}
.cart-row.is-out .cart-item-info img{filter:grayscale(.6) opacity(.75);}

/* ---------- Korpa: način naručivanja ---------- */
.co-switch{display:grid;grid-template-columns:1fr 1fr;gap:0.25rem;padding:0.3125rem;border-radius:62.4375rem;background:var(--bg-soft);border:1px solid var(--g-200);margin-bottom:1.25rem;}
.co-switch button{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;height:2.875rem;border-radius:62.4375rem;font-weight:700;font-size:.92rem;color:var(--g-600);transition:background .25s, color .25s;white-space:nowrap;}
.co-switch button .ico{width:1.25rem;height:1.25rem;}
.co-switch button:hover{color:var(--heading);}
.co-switch button.active{background:var(--green-600);color:#fff;--du:rgba(166,209,74,.55);}
.co-account{display:flex;align-items:center;gap:0.875rem;padding:0.875rem 1rem;border-radius:1.125rem;background:var(--bg-mint);border:1px solid #CFE3CD;margin-bottom:1.25rem;}
.co-account > div{flex:1;min-width:0;}
.co-account b{display:block;font-family:var(--font-head);font-weight:600;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.co-account > div > span{display:block;font-size:.84rem;color:var(--g-600);}
.co-avatar,.acct-avatar{width:2.875rem;height:2.875rem;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;background:var(--lime);color:var(--green-950);font-family:var(--font-head);font-weight:800;font-size:1rem;letter-spacing:-.02em;}
.co-link{flex:none;font-weight:700;font-size:.88rem;color:var(--green-600);padding:0.375rem 0.75rem;border-radius:62.4375rem;border:1px solid var(--green-300);background:#fff;}
.co-link:hover{background:var(--green-600);color:#fff;border-color:var(--green-600);}
.co-login .btn{margin-top:0.25rem;}
.co-login-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0.5rem 1rem;margin-top:0.875rem;font-size:.9rem;font-weight:600;}
.co-login-links a{color:var(--green-600);}
.co-login-links a:hover{text-decoration:underline;text-underline-offset:0.1875rem;}
.order-btns .send-label{margin:0.375rem 0 0;}

/* ---------- Status narudžbe ---------- */
.order-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0.625rem;margin-bottom:1.25rem;}
.order-top .order-id{margin:0;}
.status-chip{display:inline-flex;align-items:center;gap:0.4375rem;padding:0.3125rem 0.8125rem;border-radius:62.4375rem;font-weight:700;font-size:.82rem;white-space:nowrap;border:1px solid transparent;}
.status-chip::before{content:"";width:0.4375rem;height:0.4375rem;border-radius:50%;background:currentColor;}
.st-nova{background:#EAF3FF;color:#1F5FAF;border-color:#CFE0F7;}
.st-potvrdjena{background:var(--lime-soft);color:#4D6B12;border-color:#E1EDC2;}
.st-poslana{background:#FFF7E4;color:#8A5A00;border-color:#F2DFAE;}
.st-isporucena{background:var(--bg-mint);color:var(--green-700);border-color:#CFE3CD;}
.st-otkazana{background:#F3F4F3;color:var(--g-600);border-color:var(--g-200);}

/* ---------- Moj račun: prijava i registracija ---------- */
.auth-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(1.25rem, 3vw, 2.5rem);align-items:start;}
.auth-grid.single{grid-template-columns:minmax(0,34rem);justify-content:center;}
.auth-card{position:relative;border-radius:var(--r-xl);background:#fff;border:1px solid var(--g-200);overflow:hidden;}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0.25rem;margin:clamp(1.25rem, 3vw, 2rem) clamp(1.25rem, 3vw, 2.5rem) 0;padding:0.3125rem;border-radius:62.4375rem;background:var(--bg-soft);border:1px solid var(--g-200);}
.auth-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;height:3rem;border-radius:62.4375rem;font-weight:700;color:var(--g-600);transition:background .25s, color .25s;}
.auth-tabs button .ico{width:1.25rem;height:1.25rem;}
.auth-tabs button:hover{color:var(--heading);}
.auth-tabs button.active{background:var(--green-600);color:#fff;--du:rgba(166,209,74,.55);}
.auth-body{padding:clamp(1.25rem, 3vw, 2rem) clamp(1.25rem, 3vw, 2.5rem) clamp(1.5rem, 3vw, 2.5rem);}
.auth-body form{animation:fadeUp .45s var(--ease-out);}
.auth-body h3{font-size:clamp(1.5rem, 1vw + 1.1rem, 2rem);letter-spacing:-.025em;margin-bottom:0.25rem;}
.auth-lead{color:var(--g-600);margin-bottom:1.5rem;}
.auth-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0.5rem 1rem;margin:0.25rem 0 1rem;}
.auth-row .check-row{margin:0;}
.auth-link{font-weight:700;font-size:.92rem;color:var(--green-600);}
.auth-link:hover,.auth-switch a:hover{text-decoration:underline;text-underline-offset:0.1875rem;}
.auth-switch{text-align:center;margin:1.125rem 0 0;font-size:.95rem;color:var(--g-600);}
.auth-switch a{font-weight:700;color:var(--green-600);}
.auth-side{padding:clamp(1.5rem, 3vw, 2.5rem);border-radius:var(--r-xl);background:var(--bg-soft);border:1px solid var(--g-100);}
.auth-side .kicker{background:#fff;}
.auth-side .kicker .ico{background:var(--bg-mint);}
.auth-side h2{font-size:clamp(1.7rem, 1.4vw + 1.1rem, 2.5rem);max-width:16ch;}
.auth-benefits{display:grid;gap:0.75rem;margin:1.5rem 0;}
.auth-benefit{display:flex;gap:1rem;align-items:flex-start;padding:1.125rem;border-radius:1.25rem;background:#fff;border:1px solid var(--g-200);transition:border-color .3s, transform .4s var(--ease);}
.auth-benefit:hover{border-color:var(--green-300);transform:translateX(0.25rem);}
.auth-benefit .blob{--bs:3rem;}
.auth-benefit b,.auth-guest b{display:block;font-family:var(--font-head);font-weight:600;font-size:1.04rem;letter-spacing:-.01em;}
.auth-benefit > div > span,.auth-guest > div > span{display:block;font-size:.92rem;color:var(--g-600);line-height:1.45;}
.auth-guest{display:flex;flex-wrap:wrap;align-items:center;gap:0.875rem 1rem;padding:1.125rem;border-radius:1.25rem;border:1.5px dashed var(--green-300);}
.auth-guest > div{flex:1 1 12rem;}
.auth-guest .blob{--bs:3rem;border:1px solid var(--g-200);}

/* ---------- Moj račun: pregled ---------- */
.acct-layout{display:grid;grid-template-columns:17.5rem minmax(0,1fr);gap:clamp(1.25rem, 3vw, 2.5rem);align-items:start;}
.acct-side{position:sticky;top:calc(var(--header-h) + 1.25rem);padding:1.125rem;border-radius:var(--r-xl);background:#fff;border:1px solid var(--g-200);}
.acct-user{display:flex;align-items:center;gap:0.75rem;padding:0.375rem 0.375rem 1.125rem;margin-bottom:0.75rem;border-bottom:1px dashed var(--g-200);min-width:0;}
.acct-user > div{min-width:0;}
.acct-user b{display:block;font-family:var(--font-head);font-weight:600;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.acct-user > div > span{display:block;font-size:.84rem;color:var(--g-500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.acct-nav{display:grid;gap:0.25rem;}
.acct-nav a,.acct-nav button{display:flex;align-items:center;gap:0.75rem;width:100%;height:3rem;padding:0 0.875rem;border-radius:0.875rem;border:1px solid transparent;font-weight:700;font-size:.95rem;color:var(--g-600);text-align:left;transition:color .2s, border-color .2s, background .2s;}
.acct-nav .ico{width:1.375rem;height:1.375rem;}
.acct-nav a:hover,.acct-nav button:hover{color:var(--green-600);border-color:var(--green-300);}
.acct-nav a.active{color:var(--green-600);border-color:var(--green-300);background:var(--bg-soft);}
.acct-nav em{margin-left:auto;min-width:1.5rem;height:1.5rem;padding:0 0.375rem;border-radius:62.4375rem;background:var(--lime);color:var(--green-950);font-style:normal;font-size:.75rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;}
.acct-logout{margin-top:0.375rem;border-top:1px dashed var(--g-200) !important;border-radius:0 !important;padding-top:0.25rem !important;}
.acct-logout:hover{color:var(--danger) !important;border-color:transparent !important;border-top-color:var(--g-200) !important;}
.acct-main{min-width:0;animation:fadeUp .45s var(--ease-out);}
.acct-head{margin-bottom:1.5rem;}
.acct-head h2{font-size:clamp(1.8rem, 1.6vw + 1.1rem, 2.7rem);margin-bottom:0.3em;}
.acct-head p{color:var(--g-600);margin:0;max-width:56ch;}
.acct-stats{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:0.875rem;margin-bottom:1.25rem;}
.acct-stat{display:flex;align-items:center;gap:0.875rem;padding:1.125rem;border-radius:1.25rem;background:#fff;border:1px solid var(--g-200);min-width:0;}
.acct-stat .blob{--bs:3rem;}
.acct-stat b{display:block;font-family:var(--font-head);font-weight:800;font-size:1.45rem;line-height:1.1;color:var(--heading);letter-spacing:-.02em;white-space:nowrap;}
.acct-stat > div > span{display:block;font-size:.84rem;color:var(--g-500);font-weight:600;}
.acct-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:1.25rem;align-items:start;}
.acct-card{padding:clamp(1.125rem, 2.4vw, 1.75rem);border-radius:var(--r-xl);background:#fff;border:1px solid var(--g-200);min-width:0;}
.acct-card-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;}
.acct-card-head h3{display:flex;align-items:center;gap:0.625rem;margin:0;font-size:1.15rem;}
.acct-card-head h3 .ico{color:var(--green-500);}
.acct-card-head a{font-weight:700;font-size:.9rem;color:var(--green-600);}
.acct-card-head a:hover{text-decoration:underline;text-underline-offset:0.1875rem;}
.acct-card form .btn{margin-top:0.375rem;}
.acct-empty p{color:var(--g-600);margin-bottom:1rem;}
.acct-orders{display:grid;gap:0.875rem;}
.acct-order{border-radius:1.25rem;border:1px solid var(--g-200);background:#fff;overflow:hidden;transition:border-color .3s;}
.acct-order:hover,.acct-order.open{border-color:var(--green-300);}
.acct-card .acct-order{border-color:var(--g-100);}
.ao-head{display:grid;grid-template-columns:minmax(0,1.1fr) auto minmax(0,1fr) 2.25rem;align-items:center;gap:1rem;width:100%;padding:1rem 1.125rem;text-align:left;}
.ao-id b{display:block;font-family:var(--font-head);font-weight:700;color:var(--heading);letter-spacing:-.01em;}
.ao-id small,.ao-meta small{display:block;font-size:.8rem;color:var(--g-500);font-weight:600;}
.ao-thumbs{display:flex;align-items:center;}
.ao-thumbs img,.ao-thumbs span{width:2.5rem;height:2.5rem;border-radius:0.75rem;object-fit:cover;border:2px solid #fff;margin-left:-0.625rem;background:var(--bg-soft);}
.ao-thumbs img:first-child{margin-left:0;}
.ao-thumbs span{display:inline-flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:800;color:var(--green-700);background:var(--bg-mint);}
.ao-meta{display:flex;flex-direction:column;align-items:flex-end;gap:0.25rem;}
.ao-meta b{font-family:var(--font-head);font-weight:700;color:var(--heading);}
.ao-chev{width:2.25rem;height:2.25rem;border-radius:50%;background:var(--bg-soft);display:inline-flex;align-items:center;justify-content:center;color:var(--g-600);transition:transform .35s var(--ease), background .2s;}
.ao-chev .ico{width:1rem;height:1rem;}
.acct-order.open .ao-chev{transform:rotate(180deg);background:var(--bg-mint);color:var(--green-600);}
.ao-body{display:none;padding:0 1.125rem 1.125rem;border-top:1px dashed var(--g-200);}
.acct-order.open .ao-body{display:block;animation:fadeUp .4s var(--ease-out);}
.ao-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-top:0.25rem;}
.ao-steps{display:flex;flex-wrap:wrap;gap:0.375rem;}
.ao-step{display:inline-flex;align-items:center;gap:0.375rem;padding:0.25rem 0.625rem 0.25rem 0.375rem;border-radius:62.4375rem;background:var(--bg-soft);font-size:.78rem;font-weight:700;color:var(--g-400);}
.ao-step i{width:1rem;height:1rem;border-radius:50%;border:2px solid currentColor;}
.ao-step.done{color:var(--green-600);}
.ao-step.done i{background:currentColor;}
.ao-step.current{color:var(--green-700);background:var(--lime-soft);}
.ao-step.current i{background:var(--lime);border-color:var(--lime-600);}
.ao-sum{text-align:right;font-size:.88rem;color:var(--g-500);}
.ao-sum b{display:block;font-family:var(--font-head);font-size:1.1rem;color:var(--heading);}
.ao-actions{margin-top:1rem;}

/* ---------- Kolačići ---------- */
.cookie-backdrop{position:fixed;inset:0;z-index:94;background:rgba(11,34,21,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .45s var(--ease);}
.cookie-backdrop.show{opacity:1;pointer-events:auto;}
.cookie-banner{position:fixed;right:1.25rem;bottom:1.25rem;z-index:96;width:min(27.5rem, calc(100vw - 2.5rem));padding:1.25rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--g-200);transform:translateY(calc(100% + 2rem));opacity:0;transition:transform .6s var(--ease-out), opacity .4s var(--ease);}
.cookie-banner.show{transform:none;opacity:1;}
.cb-head{display:flex;align-items:center;gap:0.875rem;margin-bottom:0.75rem;}
.cb-logo{width:3.25rem;height:3.25rem;flex:none;border-radius:50%;object-fit:cover;background:#fff;border:1px solid var(--g-200);}
.cb-brand .b24{color:var(--green-500);}
.cb-head > div > span .ico{display:inline-block;width:1rem;height:1rem;margin-right:0.3125rem;vertical-align:-0.1875rem;color:var(--green-500);}
.cb-head b{display:block;font-family:var(--font-head);font-weight:700;font-size:1.1rem;letter-spacing:-.015em;color:var(--heading);}
.cb-head > div > span{display:block;font-size:.84rem;color:var(--g-500);font-weight:600;}
/* na računaru: traka preko cijele širine na dnu ekrana */
@media (min-width:981px){
  .cookie-banner{left:0;right:0;bottom:0;width:auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"head text actions" "set set set";column-gap:clamp(1.5rem, 3vw, 3rem);align-items:center;
    padding:1.375rem max(1.5rem, calc((100vw - var(--container)) / 2 + var(--gutter)));border-width:1px 0 0;border-radius:var(--r-xl) var(--r-xl) 0 0;transform:translateY(100%);}
  .cookie-banner .cb-head{grid-area:head;margin:0;}
  .cookie-banner p{grid-area:text;margin:0;max-width:46rem;}
  .cookie-banner .cb-settings{grid-area:set;margin:1.25rem 0 0;}
  .cookie-banner.show-settings .cb-settings{grid-template-columns:repeat(3, minmax(0,1fr));}
  .cookie-banner .cb-actions{grid-area:actions;display:flex;gap:0.5rem;}
  .cookie-banner .cb-actions .btn{white-space:nowrap;padding:0 1.125rem;}
}
.cookie-banner p{font-size:.9rem;line-height:1.55;color:var(--g-600);margin:0 0 1rem;}
.cookie-banner p a{color:var(--green-600);font-weight:700;text-decoration:underline;text-underline-offset:0.1875rem;}
.cb-settings{display:none;gap:0.5rem;margin-bottom:1rem;}
.cookie-banner.show-settings .cb-settings{display:grid;animation:fadeUp .4s var(--ease-out);}
.cb-opt{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0.75rem 0.875rem;border-radius:1rem;background:var(--bg-soft);border:1px solid var(--g-100);cursor:pointer;}
.cb-opt b{display:block;font-size:.92rem;color:var(--heading);}
.cb-opt small{display:block;font-size:.8rem;color:var(--g-500);line-height:1.4;}
.cb-opt input{position:absolute;opacity:0;width:1px;height:1px;}
.switch{position:relative;flex:none;width:2.75rem;height:1.625rem;border-radius:62.4375rem;background:var(--g-300);transition:background .25s;}
.switch::after{content:"";position:absolute;left:0.1875rem;top:0.1875rem;width:1.25rem;height:1.25rem;border-radius:50%;background:#fff;transition:transform .3s var(--ease);}
.cb-opt input:checked + .switch{background:var(--green-600);}
.cb-opt input:checked + .switch::after{transform:translateX(1.125rem);}
.cb-opt input:focus-visible + .switch{outline:0.1562rem solid var(--green-400);outline-offset:0.1875rem;}
.cb-opt.is-locked{cursor:default;}
.cb-opt.is-locked .switch{opacity:.55;}
.cb-actions{display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;}
.cb-actions .btn{padding:0 0.875rem;white-space:normal;text-align:center;line-height:1.15;}
.cb-actions .cb-toggle{grid-column:1/-1;}
.cb-save{display:none !important;}
.cookie-banner.show-settings .cb-save{display:flex !important;grid-column:1/-1;}
.cookie-banner.show-settings .cb-toggle{display:none;}
.foot-link{color:rgba(255,255,255,.75);font-size:inherit;transition:color .2s;}
.foot-link:hover{color:var(--lime);}

/* ---------- Administracija na sajtu (samo za administratora) ---------- */
.admin-bar{position:fixed;left:50%;bottom:1.25rem;transform:translateX(-50%);z-index:97;display:flex;align-items:center;gap:0.25rem;padding:0.3125rem;border-radius:62.4375rem;background:var(--green-950);border:1px solid rgba(255,255,255,.12);color:#fff;max-width:calc(100vw - 1.5rem);}
.admin-bar a,.admin-bar button{display:inline-flex;align-items:center;gap:0.5rem;height:2.625rem;padding:0 1rem;border-radius:62.4375rem;font-weight:700;font-size:.88rem;color:rgba(255,255,255,.88);white-space:nowrap;border:1px solid transparent;transition:background .2s, color .2s, border-color .2s;}
.admin-bar .ico{width:1.25rem;height:1.25rem;color:var(--lime);--du:rgba(166,209,74,.3);}
.admin-bar a:hover,.admin-bar button:hover{border-color:rgba(255,255,255,.25);color:#fff;}
.admin-bar .ab-brand{background:rgba(255,255,255,.08);}
.admin-bar button[aria-pressed="true"]{background:var(--lime);color:var(--green-950);}
.admin-bar button[aria-pressed="true"] .ico{color:var(--green-900);}
body.has-admin-bar .toast{bottom:5.25rem;}
@media (min-width:981px){ body.has-admin-bar .cookie-banner{padding-bottom:5.5rem;} }
.cms-on [data-cms]{outline:1.5px dashed rgba(44,133,79,.55);outline-offset:0.25rem;border-radius:0.25rem;cursor:text;transition:outline-color .2s, background .2s;}
.cms-on .on-dark [data-cms],.cms-on .hero [data-cms],.cms-on .page-hero [data-cms],.cms-on .site-footer [data-cms]{outline-color:rgba(166,209,74,.7);}
.cms-on [data-cms]:hover{outline-style:solid;outline-color:var(--lime-600);background:rgba(166,209,74,.12);}
.cms-on [data-cms].cms-editing{outline:2px solid var(--lime);background:rgba(166,209,74,.14);cursor:text;}
.cms-on [data-cms].cms-changed{outline-color:var(--green-500);}
.cms-on a [data-cms],.cms-on a[data-cms]{cursor:text;}
.cms-toolbar{position:absolute;z-index:98;display:flex;align-items:center;gap:0.25rem;padding:0.3125rem;border-radius:1rem;background:var(--green-950);border:1px solid rgba(255,255,255,.12);color:#fff;}
.cms-toolbar button{display:inline-flex;align-items:center;gap:0.375rem;height:2.375rem;min-width:2.375rem;justify-content:center;padding:0 0.625rem;border-radius:0.75rem;font-weight:700;font-size:.84rem;color:rgba(255,255,255,.9);white-space:nowrap;}
.cms-toolbar button .ico{width:1.125rem;height:1.125rem;color:var(--lime);}
.cms-toolbar button:hover{background:rgba(255,255,255,.1);}
.cms-toolbar .ct-save{background:var(--lime);color:var(--green-950);}
.cms-toolbar .ct-save .ico{color:var(--green-900);}
.cms-toolbar .ct-save:hover{background:#B7DC61;}
.cms-toolbar .ct-sep{width:1px;height:1.5rem;background:rgba(255,255,255,.15);margin:0 0.125rem;}
.cms-toolbar .ct-b{font-weight:800;font-size:1rem;}
.cms-img-btn{position:absolute;z-index:6;right:0.75rem;top:0.75rem;display:inline-flex;align-items:center;gap:0.5rem;height:2.625rem;padding:0 1rem 0 0.75rem;border-radius:62.4375rem;background:var(--green-950);border:1px solid rgba(255,255,255,.18);color:#fff;font-weight:700;font-size:.85rem;white-space:nowrap;cursor:pointer;}
.cms-img-btn .ico{width:1.25rem;height:1.25rem;color:var(--lime);}
.cms-img-btn:hover{background:var(--green-800);}
.cms-img-btn.is-busy{opacity:.7;pointer-events:none;}
.hero > .cms-img-btn,.page-hero > .cms-img-btn,.stats-band > .cms-img-btn{top:auto;bottom:clamp(5rem, 8vw, 7.5rem);right:var(--gutter);}
.cms-hint{position:fixed;left:50%;top:5.5rem;transform:translateX(-50%);z-index:97;display:flex;align-items:center;gap:0.625rem;padding:0.625rem 1rem;border-radius:1rem;width:max-content;background:var(--lime);color:var(--green-950);font-weight:700;font-size:.88rem;max-width:calc(100vw - 2rem);}
.cms-hint .ico{width:1.25rem;height:1.25rem;flex:none;}

/* ---------- Responzivnost (v5) ---------- */
@media (max-width:1080px){
  .auth-grid{grid-template-columns:1fr;}
  .auth-side{order:2;}
  .acct-layout{grid-template-columns:1fr;}
  .acct-side{position:static;padding:0.75rem;}
  .acct-user{padding:0.25rem 0.25rem 0.875rem;}
  .acct-nav{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;scrollbar-width:none;gap:0.375rem;}
  .acct-nav::-webkit-scrollbar{display:none;}
  .acct-nav a,.acct-nav button{height:2.75rem;}
  .acct-logout{margin-top:0;border-top:0 !important;border-radius:0.875rem !important;padding-top:0 !important;}
  .acct-grid{grid-template-columns:1fr;}
}
@media (max-width:980px){
  .cookie-banner{left:0.75rem;right:0.75rem;width:auto;bottom:calc(0.75rem + env(safe-area-inset-bottom));}
  .admin-bar{bottom:calc(4.875rem + env(safe-area-inset-bottom));}
  body.has-admin-bar .toast,body.has-admin-bar .cookie-banner{bottom:calc(8.5rem + env(safe-area-inset-bottom));}
  .cms-hint{top:4.75rem;}
}
@media (max-width:720px){
  .acct-stats{grid-template-columns:1fr;gap:0.625rem;}
  .ao-head{grid-template-columns:minmax(0,1fr) auto 2.25rem;gap:0.75rem;padding:0.875rem;}
  .ao-thumbs{display:none;}
  .ao-body{padding:0 0.875rem 0.875rem;}
  .ao-sum{text-align:left;}
  .admin-bar a span,.admin-bar button span{display:none;}
  .admin-bar a,.admin-bar button{padding:0 0.75rem;}
  .co-switch button{font-size:.84rem;gap:0.375rem;}
}
@media (max-width:420px){
  .site-header .header-actions{gap:0.375rem;}
  .co-switch button .ico{display:none;}
  .auth-tabs button{font-size:.9rem;}
}

/* ---------- v6: podaci o prodavaču, napomena na proizvodima, način održavanja ---------- */
.legal-company{margin:0.25rem 0 1.4em;padding:1.125rem 1.25rem;border-radius:1.125rem;background:var(--bg-soft);border:1px solid var(--g-200);}
.legal-company > b{display:block;font-family:var(--font-head);font-weight:700;margin-bottom:0.5rem;}
.legal-company dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0.375rem 1.25rem;margin:0;font-size:.96rem;}
.legal-company dt{color:var(--g-500);font-weight:600;}
.legal-company dd{margin:0;color:var(--heading);font-weight:600;word-break:break-word;}
.foot-company{display:block;margin-top:0.375rem;font-size:.84rem;color:rgba(255,255,255,.5);}
.maint-body{padding:0 !important;}
.maint{min-height:100svh;}
.maint .page-hero-inner{max-width:44rem;}
.maint-brand{display:flex;justify-content:center;align-items:center;gap:0.875rem;margin-bottom:1.5rem;font-family:var(--font-head);font-weight:700;font-size:1.6rem;letter-spacing:-.035em;color:#fff;}
.maint-brand img{width:4rem;height:4rem;border-radius:50%;border:2px solid #fff;background:#fff;}
.maint-brand .b24{color:var(--lime);}
.maint .kicker{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.14);}
.maint .kicker .ico{background:var(--lime);color:var(--green-900);}
.maint-chips{justify-content:center;}
.maint .page-hero-chip{transition:background .2s;}
.maint .page-hero-chip:hover{background:rgba(255,255,255,.18);}
.admin-bar .ab-maint{background:#FFF7E4;color:#8A5A00;}
.admin-bar .ab-maint .ico{color:#8A5A00;}
@media (max-width:720px){ .legal-company dl{grid-template-columns:1fr;gap:0.125rem;} .legal-company dd{margin-bottom:0.5rem;} }
.hp-field{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden;}
.acct-danger{margin-top:1.25rem;padding:0;overflow:hidden;}
.acct-danger summary{display:flex;align-items:center;gap:0.625rem;padding:1rem 1.25rem;font-weight:700;color:var(--g-600);cursor:pointer;list-style:none;}
.acct-danger summary::-webkit-details-marker{display:none;}
.acct-danger summary .ico{width:1.25rem;height:1.25rem;}
.acct-danger summary .chev{margin-left:auto;width:1rem;height:1rem;transition:transform .3s;}
.acct-danger[open] summary .chev{transform:rotate(180deg);}
.acct-danger summary:hover{color:var(--danger);}
.acct-danger form{padding:0 1.25rem 1.25rem;}

/* ---------- v7: Google recenzije (sekcija na početnoj, hero, podnožje, proizvod, poziv na recenziju) ---------- */
.g-logo{width:1.25rem;height:1.25rem;flex:none;display:inline-block;}
.rate{position:relative;display:inline-flex;width:max-content;max-width:100%;align-self:flex-start;vertical-align:middle;line-height:0;}
.rate-off,.rate-on{display:inline-flex;gap:0.125rem;white-space:nowrap;}
.rate .ico{width:1.0625rem;height:1.0625rem;flex:none;}
.rate-off{color:#DADCE0;}
.rate-on{position:absolute;top:0;left:0;bottom:0;width:calc(var(--r) / 5 * 100%);overflow:hidden;color:#FBBC04;}
.g-review{display:flex;flex-direction:column;gap:0.875rem;height:100%;padding:1.5rem;border-radius:var(--r-lg);background:#fff;border:1px solid rgba(15,48,28,.08);transition:transform .5s var(--ease), border-color .3s;}
.g-review:hover{transform:translateY(-0.375rem);border-color:var(--green-300);}
.gr-head{display:grid;grid-template-columns:2.75rem minmax(0,1fr) auto;align-items:center;gap:0.75rem;}
.gr-avatar{position:relative;width:2.75rem;height:2.75rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;font-weight:700;font-size:1.05rem;color:#fff;background:#5C6BC0;}
.gr-avatar.c1{background:#26A69A;}
.gr-avatar.c2{background:#EF6C00;}
.gr-avatar.c3{background:#8E24AA;}
.gr-avatar.c4{background:#546E7A;}
.gr-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.gr-who{min-width:0;display:flex;flex-direction:column;line-height:1.3;}
.gr-who b{font-size:1rem;color:var(--heading);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.gr-who b a:hover{text-decoration:underline;text-underline-offset:0.1875rem;}
.gr-who span{font-size:.84rem;color:var(--g-500);}
.gr-g{width:1.375rem;height:1.375rem;}
.g-review .rate .ico{width:1.125rem;height:1.125rem;}
.gr-text{margin:0;flex:1;font-size:1rem;line-height:1.6;color:var(--g-700);display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden;}
.gr-link{display:inline-flex;align-items:center;gap:0.375rem;margin-top:auto;font-size:.88rem;font-weight:700;color:var(--green-600);}
.gr-link .ico{width:0.9rem;height:0.9rem;}
.gr-link:hover{color:var(--green-800);}
.g-cta{justify-content:center;align-items:flex-start;background:var(--green-900);border-color:var(--green-900);color:rgba(255,255,255,.8);}
.g-cta:hover{border-color:var(--green-900);}
.gc-g{width:3.5rem;height:3.5rem;border-radius:50%;background:#fff;display:inline-flex;align-items:center;justify-content:center;}
.gc-g .g-logo{width:1.75rem;height:1.75rem;}
.g-cta h3{margin:0.25rem 0 0;color:#fff;font-size:1.35rem;line-height:1.25;}
.g-cta p{margin:0;}
.g-cta .btn{margin-top:0.375rem;}
.g-cta .btn-primary{background:var(--lime);color:var(--green-950);}
.g-cta .btn-primary:hover{background:#fff;}
.testi .kicker .g-ico{background:#fff;}
.g-summary{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.25rem;}
.gs-score{display:flex;align-items:center;gap:0.75rem;padding:0.625rem 1.25rem 0.625rem 0.875rem;border-radius:62.4375rem;background:#fff;border:1px solid rgba(15,48,28,.08);}
.gs-score .g-logo{width:1.75rem;height:1.75rem;}
.gs-score > b{font-family:var(--font-head);font-weight:800;font-size:1.9rem;line-height:1;color:var(--heading);letter-spacing:-.03em;}
.gs-score > div{display:flex;flex-direction:column;gap:0.25rem;}
.gs-score small{font-size:.84rem;font-weight:600;color:var(--g-500);}
.gs-actions{display:flex;flex-wrap:wrap;gap:0.5rem;}
.proof-ic{width:2.875rem;height:2.875rem;border-radius:50%;background:var(--lime);color:var(--green-900);display:inline-flex;align-items:center;justify-content:center;flex:none;}
.proof-ic .ico{width:1.375rem;height:1.375rem;}
.proof-g{background:#fff;}
.proof-g .g-logo{width:1.5rem;height:1.5rem;}
.proof-link{display:flex;align-items:center;gap:1rem;color:inherit;}
.proof-link:hover .proof-text b{color:var(--lime);}
.hero .rate-off{color:rgba(255,255,255,.28);}
.foot-review{display:flex;align-items:center;gap:0.75rem;max-width:15.625rem;margin-top:0.875rem;padding:0.5rem 1rem 0.5rem 0.5rem;border-radius:1.125rem;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#fff;transition:background .25s, transform .3s var(--ease);}
.foot-review:hover{background:rgba(255,255,255,.12);transform:translateX(0.25rem);}
.fr-g{width:2.375rem;height:2.375rem;border-radius:50%;background:#fff;display:inline-flex;align-items:center;justify-content:center;flex:none;}
.fr-g .g-logo{width:1.25rem;height:1.25rem;}
.foot-review b{display:block;font-size:.92rem;line-height:1.3;color:#fff;}
.foot-review small{display:inline-flex;align-items:center;gap:0.25rem;font-size:.8rem;color:rgba(255,255,255,.6);}
.foot-review small .ico{width:0.8rem;height:0.8rem;color:#FBBC04;}
.pd-google{display:inline-flex;flex-wrap:wrap;align-items:center;gap:0.5rem;margin:0 0 0.875rem;font-size:.9rem;color:var(--g-600);}
.pd-google b{color:var(--heading);}
.pd-google:hover span{color:var(--green-600);}
.acct-review{margin:0 0 1.25rem;}
.order-done aside > .review-cta{grid-template-columns:3rem minmax(0,1fr);margin-bottom:1.25rem;}
.order-done aside > .review-cta .btn{grid-column:1/-1;justify-content:center;}
.ao-body .review-cta{margin:0 0 1rem;}
.review-cta{display:grid;grid-template-columns:3rem minmax(0,1fr) auto;align-items:center;gap:0.875rem 1rem;padding:1rem 1.125rem;border-radius:1.125rem;background:var(--lime-soft);border:1px solid #DDEDB5;}
.rc-g{width:3rem;height:3rem;border-radius:50%;background:#fff;display:inline-flex;align-items:center;justify-content:center;}
.rc-g .g-logo{width:1.5rem;height:1.5rem;}
.review-cta b{display:block;color:var(--heading);line-height:1.35;}
.review-cta span{display:block;font-size:.9rem;line-height:1.45;color:var(--g-600);}
@media (max-width:720px){
  .review-cta{grid-template-columns:3rem minmax(0,1fr);}
  .review-cta .btn{grid-column:1/-1;}
  .g-review{padding:1.25rem;}
  .gs-score > b{font-size:1.6rem;}
}

/* ---------- v8: ikona korisnika, kategorije, česta pitanja, animacija teksta ---------- */
.co-avatar .ico,.acct-avatar .ico{width:58%;height:58%;}
.gr-avatar .ico{width:62%;height:62%;color:#fff;}
.info-grid.two{grid-template-columns:repeat(2, minmax(0,1fr));}
.cat-hero .hero-media img{width:100%;height:100%;object-fit:cover;}
.cat-toolbar{justify-content:space-between;}
.edu-more{display:inline-flex;align-items:center;gap:0.375rem;margin:0.875rem 1.25rem 0;font-weight:700;font-size:.92rem;color:var(--green-600);}
.edu-more .ico{width:1rem;height:1rem;transition:transform .3s var(--ease);}
.edu-more:hover .ico{transform:translateX(0.25rem);}
.shop-seo-box{max-width:56rem;margin:0 auto;padding:clamp(1.25rem, 3vw, 2.25rem);border-radius:var(--r-xl);background:var(--bg-soft);border:1px solid var(--g-100);}
.shop-seo-box h2{font-size:clamp(1.4rem, 1.2vw + 1rem, 1.9rem);margin:0 0 0.75rem;}
.shop-seo-box p{margin:0 0 0.75rem;color:var(--g-600);}
.shop-seo-box p:last-child{margin-bottom:0;}
.shop-seo-box a,.faq-a a,.faq-more a{color:var(--green-600);font-weight:700;text-decoration:underline;text-underline-offset:0.1875rem;}
.faq-wrap{max-width:56rem;}
.faq-list{display:grid;gap:0.625rem;}
.faq-item{border-radius:1.125rem;background:#fff;border:1px solid var(--g-200);transition:border-color .3s, background .3s;}
.bg-soft .faq-item{border-color:rgba(15,48,28,.08);}
.faq-item:hover{border-color:var(--green-300);}
.faq-item[open]{border-color:var(--green-300);}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.0625rem 1.25rem;cursor:pointer;list-style:none;font-family:var(--font-head);font-weight:600;font-size:1.08rem;line-height:1.35;color:var(--heading);}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-ic{width:2.25rem;height:2.25rem;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-mint);color:var(--green-600);transition:transform .4s var(--ease), background .3s, color .3s;}
.faq-ic .ico{width:1rem;height:1rem;}
.faq-item[open] .faq-ic{transform:rotate(45deg);background:var(--green-600);color:#fff;}
.faq-a{padding:0 1.25rem 1.125rem;}
.faq-a p{margin:0;color:var(--g-600);line-height:1.65;}
.faq-item[open] .faq-a{animation:fadeUp .45s var(--ease-out);}
.faq-more{display:flex;align-items:flex-start;gap:0.625rem;margin:1.25rem 0 0;color:var(--g-600);font-size:.95rem;}
.faq-more .ico{width:1.25rem;height:1.25rem;flex:none;color:var(--green-500);margin-top:0.125rem;}
.home-faq .sec-head{margin-bottom:1.5rem;}
.home-faq .faq-list{grid-template-columns:repeat(2, minmax(0,1fr));align-items:start;}
@media (max-width:980px){ .home-faq .faq-list{grid-template-columns:1fr;} }
.faq-page{max-width:56rem;display:grid;gap:2.25rem;}
.faq-toc{display:flex;flex-wrap:wrap;gap:0.5rem;}
.faq-toc a{display:inline-flex;align-items:center;gap:0.5rem;padding:0.4375rem 0.875rem 0.4375rem 0.5rem;border-radius:62.4375rem;border:1px solid var(--g-200);background:#fff;font-weight:700;font-size:.9rem;color:var(--g-700);transition:border-color .25s, color .25s;}
.faq-toc a:hover{border-color:var(--green-300);color:var(--green-600);}
.faq-toc .ico{width:1.5rem;height:1.5rem;padding:0.25rem;border-radius:50%;background:var(--bg-mint);color:var(--green-600);}
.faq-group{scroll-margin-top:calc(var(--header-h) + 1.5rem);}
.faq-group-title{display:flex;align-items:center;gap:0.75rem;margin:0 0 1rem;font-size:clamp(1.35rem, 1vw + 1rem, 1.75rem);}
.faq-group-title .blob{--bs:2.75rem;}
.faq-contact{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem 1.25rem;padding:1.25rem 1.5rem;border-radius:var(--r-xl);background:var(--bg-mint);}
.faq-contact h3{margin:0 0 0.25rem;font-size:1.25rem;}
.faq-contact p{margin:0;color:var(--g-600);}
.faq-contact-btns{display:flex;flex-wrap:wrap;gap:0.5rem;}
@media (max-width:980px){ .info-grid.two{grid-template-columns:1fr;} .faq-contact{grid-template-columns:auto minmax(0,1fr);} .faq-contact-btns{grid-column:1/-1;} }
@media (max-width:720px){ .faq-item summary{font-size:1rem;padding:0.9375rem 1rem;} .faq-a{padding:0 1rem 1rem;} .cat-toolbar .btn{display:none;} }

/* tekst se pojavljuje pri skrolu: naslovi riječ po riječ, ostalo blago izranja */
.tx{opacity:0;transform:translate3d(0,0.7em,0);filter:blur(0.3em);transition:opacity .85s var(--ease-out), transform .85s var(--ease-out), filter .85s var(--ease-out);transition-delay:var(--td,0s);}
.tx.tx-in{opacity:1;transform:none;filter:none;}
.kicker.tx{transform:translate3d(-0.9em,0,0);}
.tx-split{opacity:1;transform:none;filter:none;}
.tx-split .tw{display:inline-block;opacity:0;transform:translate3d(0,0.55em,0) rotate(2.5deg);transform-origin:0 100%;filter:blur(0.2em);transition:opacity .7s var(--ease-out), transform .85s var(--ease-out), filter .7s var(--ease-out);transition-delay:calc(var(--td,0s) + var(--wi,0) * 55ms);}
.tx-split.tx-in .tw{opacity:1;transform:none;filter:none;}
@media (prefers-reduced-motion: reduce){ .tx,.tx-split .tw{opacity:1 !important;transform:none !important;filter:none !important;transition:none !important;} }
@media print{ .tx,.tx-split .tw{opacity:1 !important;transform:none !important;filter:none !important;} }

/* ---------- v9: blog (vodiči za kupce), Facebook, vodič na stranici proizvoda ---------- */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(min(100%, 20rem), 1fr));gap:1.25rem;}
.blog-grid.two{grid-template-columns:repeat(2, minmax(0,1fr));}
@media (max-width:720px){ .blog-grid.two{grid-template-columns:1fr;} }
.blog-card{display:flex;flex-direction:column;border-radius:var(--r-lg);background:#fff;border:1px solid var(--g-200);overflow:hidden;transition:transform .5s var(--ease), border-color .3s;}
.blog-card:hover{transform:translateY(-0.375rem);border-color:var(--green-300);}
.blog-card-media{aspect-ratio:16/10;overflow:hidden;background:var(--bg-soft);}
.blog-card-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease);}
.blog-card:hover .blog-card-media img{transform:scale(1.06);}
.blog-card-body{display:flex;flex-direction:column;gap:0.625rem;flex:1;padding:1.25rem 1.375rem 1.5rem;}
.blog-meta{display:inline-flex;align-items:center;gap:0.375rem;font-size:.82rem;font-weight:600;color:var(--g-500);}
.blog-meta .ico{width:1rem;height:1rem;color:var(--green-500);}
.blog-card h2{margin:0;font-size:1.25rem;line-height:1.3;}
.blog-card p{margin:0;color:var(--g-600);font-size:.95rem;}
.blog-more{display:inline-flex;align-items:center;gap:0.375rem;margin-top:auto;padding-top:0.375rem;font-weight:700;font-size:.92rem;color:var(--green-600);}
.blog-more .ico{width:1rem;height:1rem;transition:transform .3s var(--ease);}
.blog-card:hover .blog-more .ico{transform:translateX(0.25rem);}
.article-meta{display:inline-flex;align-items:center;gap:0.5rem;font-weight:600;color:rgba(255,255,255,.78);}
.article-meta .ico{width:1.125rem;height:1.125rem;color:var(--lime);}
.article-wrap{max-width:46rem;}
.article-body{font-size:1.06rem;line-height:1.75;color:var(--g-700);}
.article-body .article-lead{font-size:1.2rem;line-height:1.6;color:var(--heading);font-weight:500;margin:0 0 1.75rem;}
.article-body h2{font-size:clamp(1.35rem, 1vw + 1rem, 1.7rem);margin:2.25rem 0 0.75rem;}
.article-body p{margin:0 0 1rem;}
.article-body a{color:var(--green-600);font-weight:700;text-decoration:underline;text-underline-offset:0.1875rem;}
.article-body b{color:var(--heading);}
.article-note{display:flex;align-items:flex-start;gap:0.75rem;margin-top:2rem;padding:1rem 1.25rem;border-radius:1.125rem;background:var(--bg-mint);font-size:.96rem;color:var(--green-800);}
.article-note .ico{width:1.375rem;height:1.375rem;flex:none;color:var(--green-600);margin-top:0.125rem;}
.cat-guide-more{display:flex;justify-content:center;margin-top:1.5rem;}
.pd-guide{display:flex;align-items:center;gap:0.875rem;max-width:40rem;margin:0 auto 0.5rem;padding:0.875rem 1.125rem;border-radius:1.125rem;background:var(--lime-soft);border:1px solid #DDEDB5;transition:border-color .25s;}
.pd-guide:hover{border-color:var(--lime-600);}
.pd-guide .blob{--bs:2.75rem;}
.pd-guide > span:not(.blob){flex:1;min-width:0;display:flex;flex-direction:column;}
.pd-guide small{font-size:.8rem;font-weight:700;color:var(--green-600);text-transform:uppercase;letter-spacing:.04em;}
.pd-guide b{color:var(--heading);line-height:1.35;}
.pd-guide > .ico{width:1.25rem;height:1.25rem;color:var(--green-600);flex:none;}
@media (max-width:720px){ .article-body{font-size:1rem;} .article-body .article-lead{font-size:1.08rem;} }

/* ==========================================================================
   v10: pet kategorija (Čokolade) — kartice u redovima, nepotpun red centriran
   ========================================================================== */
.cat-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;}
.cat-grid .cat-card{flex:0 0 calc((100% - 5rem) / 5);min-width:0;}
@media (min-width:1241px){
  .cat-filter{gap:0.75rem;padding-right:0.75rem;}
  .cf-thumb{width:3.25rem;height:3.25rem;border-radius:0.875rem;}
  .cf-label{font-size:.98rem;}
}
@media (max-width:1240px){
  .cat-grid .cat-card{flex-basis:calc((100% - 2.5rem) / 3);}
  .cat-grid .cat-card:nth-child(even){margin-top:0;}
}
@media (max-width:1080px){ .cat-grid .cat-card{flex-basis:calc((100% - 1.25rem) / 2);} }
@media (max-width:720px){ .cat-grid .cat-card{flex-basis:calc((100% - 0.75rem) / 2);} }

/* ==========================================================================
   v11: akcije za više komada (npr. 3 kom za 24 KM)
   ========================================================================== */
.product-deal{display:inline-flex;align-items:center;gap:0.375rem;align-self:flex-start;max-width:100%;margin-top:0.125rem;padding:0.25rem 0.625rem 0.25rem 0.375rem;border-radius:62.4375rem;background:var(--lime-soft);color:var(--green-700);font-size:.76rem;font-weight:700;line-height:1.3;}
.product-deal .ico{width:1rem;height:1rem;flex:none;color:var(--lime-600);}
.pd-deal{display:flex;align-items:flex-start;gap:0.875rem;padding:0.875rem 1.125rem;margin-bottom:1rem;border-radius:1.125rem;background:var(--lime-soft);border:1.5px solid rgba(134,178,44,.35);}
.pd-deal .blob{--bs:2.625rem;flex:none;}
.pd-deal-title{display:block;color:var(--heading);font-family:var(--font-head);font-size:1.02rem;margin-bottom:0.25rem;}
.pd-deal ul{list-style:none;margin:0 0 0.375rem;padding:0;display:flex;flex-direction:column;gap:0.25rem;}
.pd-deal li{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.25rem 0.625rem;}
.pd-deal li b{color:var(--green-700);font-size:1.05rem;}
.pd-deal li span{font-size:.84rem;color:var(--g-600);font-weight:600;}
.pd-deal small{display:block;font-size:.8rem;color:var(--g-500);font-weight:600;}
.qty-total{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.25rem 0.625rem;margin:-0.25rem 0 0.875rem;font-size:.88rem;color:var(--g-600);font-weight:600;}
.qty-total[hidden]{display:none;}
.qty-total b{color:var(--heading);font-size:1rem;}
.qty-total s{color:var(--g-500);}
.qty-total span{flex-basis:100%;color:var(--green-700);}
.qty-total span.is-saved{color:var(--green-600);}
.deal-note{display:flex;align-items:center;flex-wrap:wrap;gap:0.75rem 1rem;padding:0.875rem 1.125rem;margin-bottom:1.25rem;border-radius:var(--r-lg);background:var(--lime-soft);border:1.5px solid rgba(134,178,44,.35);}
.deal-note .blob{--bs:2.75rem;flex:none;}
.deal-note-text{display:flex;flex-direction:column;min-width:0;}
.deal-note-text b{color:var(--heading);font-family:var(--font-head);font-size:1.05rem;line-height:1.25;}
.deal-note-text span{font-size:.85rem;color:var(--g-600);font-weight:600;}
.deal-note-list{display:flex;flex-wrap:wrap;gap:0.5rem;margin-left:auto;}
.deal-note-list a{display:inline-flex;flex-direction:column;padding:0.4375rem 0.875rem;border-radius:0.875rem;background:#fff;border:1px solid rgba(134,178,44,.35);font-size:.8rem;font-weight:700;color:var(--green-700);line-height:1.35;transition:border-color .25s, transform .3s var(--ease);}
.deal-note-list a b{color:var(--heading);font-weight:700;font-size:.82rem;}
.deal-note-list a:hover{border-color:var(--green-500);transform:translateY(-2px);}
.ci-deal{display:flex;align-items:flex-start;gap:0.375rem;margin-top:0.375rem;font-size:.8rem;font-weight:700;color:var(--green-700);line-height:1.35;}
.ci-deal .ico{width:1rem;height:1rem;flex:none;color:var(--lime-600);margin-top:1px;}
.ci-deal.is-saved{color:var(--green-600);}
.ci-deal{align-items:flex-start;flex-wrap:wrap;}
.ci-deal > span{flex:1 1 calc(100% - 1.5rem);min-width:0;}
.ci-deal-add{margin:0.125rem 0 0 1.375rem;}
.ci-deal-add{padding:0.1875rem 0.625rem;border-radius:62.4375rem;background:var(--green-600);color:#fff;font-size:.74rem;font-weight:700;line-height:1.4;transition:background .2s;}
.ci-deal-add:hover{background:var(--green-700);}
.cart-row .cr-total .cr-was{display:block;font-family:var(--font-body);font-size:.8rem;font-weight:600;color:var(--g-500);text-decoration:line-through;}
.summary-row.is-saved{color:var(--green-700);font-weight:700;}
.summary-row.is-saved span:first-child{display:inline-flex;align-items:center;gap:0.375rem;}
.summary-row.is-saved .ico{width:1.05rem;height:1.05rem;color:var(--lime-600);}
.summary-row.is-saved span:last-child{color:var(--green-700);}
@media (max-width:720px){
  .deal-note{padding:0.75rem 0.875rem;}
  .deal-note-list{margin-left:0;width:100%;}
  .deal-note-list a{flex:1 1 100%;}
  .pd-deal{padding:0.75rem 0.875rem;gap:0.625rem;}
}

/* ==========================================================================
   v12: Moj račun na tabletu i mobitelu — sve stavke menija vidljive (bez skrivenog vodoravnog skrolanja)
   ========================================================================== */
@media (max-width:1080px){
  .acct-layout{grid-template-columns:minmax(0,1fr);}
  .acct-side{min-width:0;}
  .acct-nav{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(auto-fill, minmax(10rem, 1fr));overflow:visible;}
  .acct-nav a,.acct-nav button{justify-content:flex-start;}
}
@media (max-width:420px){
  .acct-nav{grid-template-columns:repeat(2, minmax(0,1fr));}
  .acct-nav a,.acct-nav button{padding:0 0.75rem;gap:0.5rem;font-size:.9rem;}
}
/* administratorska traka: do 980 px samo ikone (s opisom na dodir/hover), a traka se može povući u stranu ako ikad ne stane */
.admin-bar{overflow-x:auto;scrollbar-width:none;}
.admin-bar::-webkit-scrollbar{display:none;}
.admin-bar > *{flex:none;}
@media (max-width:980px){
  .admin-bar a span,.admin-bar button span{display:none;}
  .admin-bar a,.admin-bar button{padding:0 0.75rem;}
}

/* v13: ocjene kupaca na stranici proizvoda */
.pr-stars{display:inline-flex;gap:1px;font-size:1.05rem;line-height:1;letter-spacing:0;}
.pr-star{color:var(--g-200);}
.pr-star.on{color:#F5B301;}
.pr-star.half{background:linear-gradient(90deg,#F5B301 50%,var(--g-200) 50%);-webkit-background-clip:text;background-clip:text;color:transparent;}
.pr-mini{display:inline-flex;align-items:center;gap:0.5rem;margin:0.25rem 0 0.75rem;font-size:.9rem;font-weight:600;color:var(--g-600);}
.pr-mini:hover span{color:var(--green-600);text-decoration:underline;}
.pr-box{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:clamp(1.25rem,3vw,2.5rem);padding:clamp(1.25rem,3vw,2rem);border-radius:var(--r-xl);background:#fff;border:1px solid var(--g-200);}
.pr-summary{display:flex;flex-direction:column;align-items:flex-start;gap:0.5rem;padding:1.25rem;border-radius:1.25rem;background:var(--bg-mint);align-self:start;}
.pr-avg{font-family:var(--font-head);font-weight:800;font-size:3rem;line-height:1;color:var(--heading);}
.pr-summary .pr-stars{font-size:1.4rem;}
.pr-count{font-size:.9rem;color:var(--g-600);font-weight:600;}
.pr-list h2{font-size:clamp(1.3rem,1vw + 1rem,1.7rem);margin:0 0 0.75rem;}
.pr-item{padding:1rem 0;border-bottom:1px dashed var(--g-200);}
.pr-item:last-child{border-bottom:0;}
.pr-head{display:flex;flex-wrap:wrap;align-items:center;gap:0.375rem 0.75rem;}
.pr-head b{color:var(--heading);}
.pr-verified{font-size:.78rem;font-weight:700;color:var(--green-600);}
.pr-date{font-size:.8rem;color:var(--g-500);margin-left:auto;}
.pr-item p{margin:0.5rem 0 0;line-height:1.6;}
@media (max-width:720px){ .pr-box{grid-template-columns:1fr;} }

/* ocjenjivanje na stranici narudžbe */
.rate-items{display:grid;gap:0.875rem;margin-bottom:1rem;}
.rate-item{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:0.75rem;padding:0.875rem;border-radius:1rem;border:1px solid var(--g-200);}
.rate-item img{width:3rem;height:3rem;border-radius:0.75rem;object-fit:cover;}
.rate-item b{display:block;font-size:.92rem;color:var(--heading);line-height:1.3;}
.rate-stars{display:flex;gap:0.125rem;margin:0.375rem 0;}
.rate-stars button{font-size:1.6rem;line-height:1;color:var(--g-200);padding:0.125rem;}
.rate-stars button.on{color:#F5B301;}
.rate-item textarea{grid-column:1 / -1;min-height:4.5rem;}
.rate-done{font-size:.84rem;font-weight:700;color:var(--green-600);}

/* Cloudflare Turnstile (provjera da niste robot) iznad dugmeta forme */
.ts-box{margin:0.25rem 0 0.875rem;min-height:65px;}
.ts-box:empty{min-height:0;margin:0;}