/* CHARLI salon – zelene boje originalne teme (#64B20B / #467D08 / #91ce4b / #558223) */
:root{
  --accent:#5fa712; --accent2:#91ce4b; --accent-d:#467d08; --deep:#335012; --lime:#eaffd2; --mint:#f4fbe9; --sky:#2d6f96; --sun:#ffc94a;
  --bg:#fff; --bg-alt:#f4fbe9; --ink:#23301a; --muted:#5d6858; --line:#e3edd6; --dark:#335012;
  --shadow:0 24px 50px -24px rgba(51,80,18,.35);
  --head:"Nunito","Lato",system-ui,sans-serif; --sans:"Lato",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}
h1,h2,h3,h4{font-family:var(--head);font-weight:800;letter-spacing:-.005em}
h3{font-size:22px}
em{font-style:normal;color:var(--accent-d)}
.eyebrow{color:var(--accent-d)}
.eyebrow svg{width:16px;height:16px}
.btn-accent{background:linear-gradient(135deg,var(--accent),var(--accent-d));box-shadow:0 10px 24px -10px rgba(70,125,8,.7)}
.btn-accent:hover{box-shadow:0 16px 30px -12px rgba(70,125,8,.8)}
.btn-line{border-color:var(--accent-d);color:var(--accent-d)}
.btn-line:hover{background:var(--accent-d);color:#fff}
.btn svg{width:18px;height:18px}
.fico{background:linear-gradient(135deg,var(--accent2),var(--accent));box-shadow:0 12px 24px -10px rgba(70,125,8,.5);color:#fff;display:grid;place-items:center}
.progress,.loader-bar i,.sec-head h2::after{background:linear-gradient(90deg,var(--accent),var(--accent2),var(--sun))}
.menu>li>a.on{color:var(--accent-d)}
.menu>li>a:not(.btn){font-weight:700}
.c-form input:focus,.c-form textarea:focus,.c-form select:focus{box-shadow:0 0 0 4px rgba(95,167,18,.18)}
.lead{font-size:18px;color:var(--muted)}
.wrap{position:relative}

/* brand */
.brand{display:flex;align-items:center;gap:10px}
.brand img{height:46px;width:auto}
.brand span{display:grid;line-height:1}
.brand b{font:700 24px var(--head);color:var(--accent-d);letter-spacing:.02em}
.brand small{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:3px}

/* loader: šapice hodaju */
.paws{position:relative;width:170px;height:90px}
.paws span{position:absolute;width:30px;height:30px;color:var(--accent);opacity:0;animation:pawIn .35s var(--ease) forwards;animation-delay:calc(var(--i)*.18s + .1s)}
.paws span:nth-child(1){left:0;top:52px;transform:rotate(70deg)}
.paws span:nth-child(2){left:34px;top:22px;transform:rotate(80deg)}
.paws span:nth-child(3){left:70px;top:50px;transform:rotate(70deg)}
.paws span:nth-child(4){left:104px;top:20px;transform:rotate(80deg)}
.paws span:nth-child(5){left:140px;top:46px;transform:rotate(70deg)}
.paws svg{width:100%;height:100%}
@keyframes pawIn{from{opacity:0;scale:.3}to{opacity:1;scale:1}}
.loader-word{font:700 54px/1 var(--head);color:var(--ink);letter-spacing:.04em;opacity:0;transform:translateY(10px);animation:ldIn .7s var(--ease) .9s forwards}
.loader-word b{color:var(--accent)}
.loader-sub{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);opacity:0;animation:ldIn .7s var(--ease) 1.05s forwards;margin-top:-10px}
@keyframes ldIn{to{opacity:1;transform:none}}
.loader-in{background:radial-gradient(circle at 50% 40%,#fff 0,var(--mint) 100%)}
.loader-panel.p1{background:var(--accent2)}.loader-panel.p2{background:var(--accent-d)}
.curtain{background:linear-gradient(135deg,var(--accent2),var(--accent) 50%,var(--accent-d));display:grid;place-items:center}
.curtain::after{display:none}
.curtain span{width:90px;height:90px;color:rgba(255,255,255,.85);animation:spinPaw 1s var(--ease) infinite}
.curtain svg{width:100%;height:100%}
@keyframes spinPaw{50%{transform:scale(1.15) rotate(10deg)}}

/* mjehurići (kupanje) i trag šapica */
.bubbles{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.bubbles i{position:absolute;bottom:-80px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.95),rgba(255,255,255,.35) 40%,rgba(145,206,75,.18) 70%,rgba(45,111,150,.15));
  border:1px solid rgba(255,255,255,.8);box-shadow:inset -4px -6px 12px rgba(45,111,150,.12);animation:rise-b linear infinite}
.bubbles i:nth-child(1){left:4%;width:40px;height:40px;animation-duration:13s}
.bubbles i:nth-child(2){left:14%;width:18px;height:18px;animation-duration:9s;animation-delay:-3s}
.bubbles i:nth-child(3){left:26%;width:60px;height:60px;animation-duration:17s;animation-delay:-8s}
.bubbles i:nth-child(4){left:38%;width:24px;height:24px;animation-duration:11s;animation-delay:-5s}
.bubbles i:nth-child(5){left:47%;width:34px;height:34px;animation-duration:14s;animation-delay:-11s}
.bubbles i:nth-child(6){left:58%;width:16px;height:16px;animation-duration:8s;animation-delay:-2s}
.bubbles i:nth-child(7){left:66%;width:50px;height:50px;animation-duration:16s;animation-delay:-6s}
.bubbles i:nth-child(8){left:76%;width:22px;height:22px;animation-duration:10s;animation-delay:-9s}
.bubbles i:nth-child(9){left:84%;width:44px;height:44px;animation-duration:15s;animation-delay:-1s}
.bubbles i:nth-child(10){left:92%;width:20px;height:20px;animation-duration:12s;animation-delay:-7s}
.bubbles i:nth-child(11){left:20%;width:28px;height:28px;animation-duration:12s;animation-delay:-10s}
.bubbles i:nth-child(12){left:52%;width:70px;height:70px;animation-duration:20s;animation-delay:-14s}
.bubbles i:nth-child(13){left:71%;width:14px;height:14px;animation-duration:7s;animation-delay:-4s}
.bubbles i:nth-child(14){left:97%;width:36px;height:36px;animation-duration:14s;animation-delay:-12s}
@keyframes rise-b{0%{transform:translate(0,0)}25%{transform:translate(14px,-28vh)}50%{transform:translate(-10px,-56vh)}75%{transform:translate(12px,-84vh)}100%{transform:translate(0,-120vh)}}
.trail{position:absolute;left:0;right:0;bottom:90px;height:120px;pointer-events:none;z-index:1}
.trail span{position:absolute;width:26px;height:26px;color:var(--accent2);opacity:0;left:calc(4% + var(--i)*11.5%);top:calc(50% + (var(--i) - 4) * -6px);
  animation:step 9s linear infinite;animation-delay:calc(var(--i)*.35s)}
.trail span:nth-child(odd){margin-top:26px}
.trail svg{width:100%;height:100%;transform:rotate(90deg)}
@keyframes step{0%{opacity:0;transform:scale(.4)}4%{opacity:.55;transform:none}40%{opacity:.55}55%,100%{opacity:0}}
.js:not(.seen):not(.ready) .trail span{animation-play-state:paused}
.wave{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:clamp(40px,6vw,90px);z-index:2;fill:#fff}
.sec-alt+.cta .wave{fill:var(--bg-alt)}

/* hero */
.hero-charli,.phero{background:radial-gradient(ellipse at 85% 10%,rgba(255,201,74,.22),transparent 45%),linear-gradient(180deg,var(--lime) 0%,var(--mint) 60%,#fff 100%);color:var(--ink)}
.hero-charli::after,.phero::after{display:none}
.hero-charli{min-height:92vh;padding:140px 0 150px}
.hero-charli .hero-in{grid-template-columns:1fr 1fr;z-index:3}
.hero-charli h1{font-size:clamp(40px,5.4vw,74px);line-height:1.04;color:var(--ink)}
.hero-charli h1 em .w>span{background:linear-gradient(90deg,var(--accent),var(--accent-d),var(--accent));background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:rise .9s var(--ease) forwards,shine 4s linear 1.5s infinite}
.hero-charli p{color:var(--muted);font-size:18.5px}
.pill{background:rgba(255,255,255,.8);border:1px solid #fff;color:var(--muted);box-shadow:0 6px 16px -10px rgba(51,80,18,.35)}
.pill i{background:var(--accent)}
.hero-visual{position:relative}
.hero-media{position:relative;border-radius:40% 60% 55% 45% / 50% 45% 55% 50%;overflow:hidden;aspect-ratio:1/1;max-width:540px;margin-left:auto;box-shadow:0 40px 80px -35px rgba(51,80,18,.6);border:10px solid #fff;background:var(--lime);animation:blob 14s ease-in-out infinite}
@keyframes blob{50%{border-radius:55% 45% 40% 60% / 45% 55% 45% 55%}}
.slides,.slide{position:absolute;inset:0}
.slide{opacity:0;transition:opacity 1.2s ease}
.slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.12);transition:transform 7s linear}
.slide.active{opacity:1}.slide.active img{transform:scale(1)}
.hero-media .dots{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;gap:7px;z-index:2}
.dot{width:9px;height:9px;border-radius:9px;border:0;padding:0;cursor:pointer;background:rgba(255,255,255,.65);transition:width .4s var(--ease)}
.dot.active{width:26px;background:#fff}
.hero-badge{position:absolute;left:4%;top:6%;width:120px;height:120px;border-radius:50%;background:#fff;padding:8px;box-shadow:var(--shadow);z-index:3;animation:bob 5s ease-in-out infinite}
.hero-badge img{width:100%;height:100%;object-fit:contain;border-radius:50%}
.hero-note{position:absolute;right:0;bottom:8%;z-index:3;background:#fff;border-radius:18px;padding:14px 18px;box-shadow:var(--shadow);display:grid;animation:bob 6s ease-in-out -2s infinite}
.hero-note b{font-family:var(--head);color:var(--accent-d);font-size:17px}
.hero-note span{font-size:13.5px;color:var(--muted)}
@keyframes bob{50%{transform:translateY(-12px)}}

/* page hero */
.phero{padding:170px 0 130px}
.phero h1{color:var(--ink);font-size:clamp(38px,5.6vw,70px)}
.phero p{color:var(--muted)}
.phero-in{z-index:3}
.crumbs,.crumbs a{color:var(--muted)}
.crumbs a:hover{color:var(--accent-d)}
.phero .trail{bottom:40px}

/* zašto */
.whys{position:relative;z-index:4;margin-top:-30px}
.whys-in{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.why-i{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow);font-weight:700;font-size:15px}
.why-i .fico{width:46px;height:46px;margin:0;border-radius:14px;flex:none}
.why-i .fico svg{width:22px;height:22px}

/* usluge */
.svcs{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.svc{position:relative;background:#fff;border:1px solid var(--line);border-radius:26px;padding:30px 26px;overflow:hidden;transition:box-shadow .4s,border-color .4s}
.svc:hover{box-shadow:var(--shadow);border-color:transparent}
.svc-ico{width:64px;height:64px;border-radius:20px;background:var(--lime);color:var(--accent-d);display:grid;place-items:center;margin-bottom:20px;transition:transform .5s var(--ease),background .4s,color .4s}
.svc-ico svg{width:32px;height:32px}
.svc:hover .svc-ico{background:var(--accent);color:#fff;transform:rotate(-8deg) scale(1.08)}
.svc:hover .svc-ico svg{animation:snip .5s ease 2}
@keyframes snip{50%{transform:rotate(14deg)}}
.svc p{color:var(--muted);font-size:15px;margin:0}
.svc-paw{position:absolute;right:-18px;bottom:-18px;width:100px;height:100px;color:var(--lime);transform:rotate(-20deg);transition:transform .6s var(--ease);z-index:-0;pointer-events:none;opacity:.8}
.svc-paw svg{width:100%;height:100%}
.svc:hover .svc-paw{transform:rotate(0) scale(1.1)}
.svc>*:not(.svc-paw){position:relative;z-index:1}

/* priča */
.story-in{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}
.story-img{position:relative;justify-self:center;width:min(400px,100%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff 0,var(--lime) 70%);display:grid;place-items:center;box-shadow:var(--shadow)}
.story-img::before{content:"";position:absolute;inset:-14px;border-radius:50%;border:2px dashed var(--accent2);animation:spin 40s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.story-img img{width:78%;height:78%;object-fit:contain;border-radius:50%}
.heart-pop{position:absolute;right:8%;top:6%;width:56px;height:56px;border-radius:50%;background:#fff;color:#e2574c;display:grid;place-items:center;box-shadow:var(--shadow);animation:beat 1.6s ease-in-out infinite}
.heart-pop svg{width:28px;height:28px;fill:#e2574c}
@keyframes beat{0%,100%{transform:scale(1)}15%{transform:scale(1.18)}30%{transform:scale(1)}45%{transform:scale(1.12)}}
blockquote{margin:24px 0;padding:18px 24px;border-left:5px solid var(--accent);background:#fff;border-radius:0 18px 18px 0;font:600 21px var(--head);color:var(--accent-d)}

/* band */
.band span{font-family:var(--head);font-weight:700}
.band span.o{-webkit-text-stroke:1.5px var(--accent)}
.band i{width:34px;height:34px;background:none;color:var(--accent2)}
.band i svg{width:100%;height:100%}

/* galerija */
.gallery{columns:4 220px;column-gap:14px}
.home-gal{columns:4 180px}
.g-item{display:block;margin-bottom:14px;border-radius:20px;overflow:hidden;position:relative;break-inside:avoid;opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease);background:var(--lime);min-height:120px}
.g-item.in,.reveal.in .g-item{opacity:1;transform:none}
.g-item img{width:100%;display:block;transition:transform 1s var(--ease)}
.g-item:hover img{transform:scale(1.06)}
.g-item::after{content:"+";position:absolute;inset:0;display:grid;place-items:center;font-size:44px;font-weight:300;color:#fff;background:rgba(70,125,8,.4);opacity:0;transition:opacity .4s}
.g-item:hover::after{opacity:1}
.lb{position:fixed;inset:0;z-index:100;background:rgba(20,32,10,.94);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}
.lb.open{opacity:1;visibility:visible}
.lb figure{margin:0;text-align:center}
.lb img{max-width:92vw;max-height:84vh;border-radius:10px;transform:scale(.94);opacity:0;transition:transform .45s var(--ease),opacity .45s}
.lb.open img.ready{transform:none;opacity:1}
.lb figcaption{color:#c8d6b8;font-size:13px;margin-top:10px}
.lb button{position:absolute;background:rgba(255,255,255,.12);border:0;color:#fff;cursor:pointer;border-radius:50%;width:52px;height:52px;font-size:30px;line-height:1;transition:background .2s}
.lb button:hover{background:var(--accent)}
.lb-x{top:20px;right:20px}.lb-p{left:20px}.lb-n{right:20px}

/* dvostupčano, cijene */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.prices-mini,.prices-big{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pcard{background:#fff;border:1px solid var(--line);border-radius:26px;padding:30px 26px;text-align:center;box-shadow:var(--shadow);position:relative;overflow:hidden}
.pcard span{display:block;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:900;color:var(--muted)}
.pcard h3{margin:8px 0 4px}
.pcard b{font:700 clamp(46px,5vw,64px)/1.1 var(--head);color:var(--accent-d)}
.pcard em{font:700 28px var(--head);color:var(--accent);margin-left:4px}
.pcard .btn{margin-top:16px}
.pcard.hot{background:linear-gradient(160deg,var(--accent),var(--accent-d));border-color:transparent;color:#fff}
.pcard.hot span,.pcard.hot em,.pcard.hot b,.pcard.hot h3{color:#fff}
.pcard.hot::before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.14);right:-50px;top:-60px}
.pcard.hot .btn-accent{background:#fff;color:var(--accent-d)}
.checks{list-style:none;padding:0;margin:20px 0;display:grid;gap:12px}
.checks li{display:flex;gap:12px;align-items:flex-start}
.checks svg{flex:none;width:24px;height:24px;padding:4px;border-radius:50%;background:var(--lime);color:var(--accent-d)}
.cjenik{border-radius:24px;box-shadow:var(--shadow);background:#fff;border:8px solid #fff;min-height:300px}
.cjenik .zoom{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);background:var(--accent-d);color:#fff;font-weight:700;font-size:14px;padding:9px 18px;border-radius:99px;z-index:2;white-space:nowrap}
.cj{align-items:start}
.note{display:flex;gap:14px;align-items:flex-start;background:#fff8e1;border:1px solid #ffe7a3;border-radius:16px;padding:16px 18px;margin:0 0 22px;color:#6b5412}
.note svg{width:24px;height:24px;flex:none;color:#c99513}

/* pasmine, dovoz */
.breeds{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.breeds li{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 20px;font:600 19px var(--head);color:var(--ink);transition:transform .4s var(--ease),box-shadow .4s}
.breeds li:hover{transform:translateX(8px);box-shadow:var(--shadow)}
.breeds li span{width:34px;height:34px;flex:none;color:var(--accent);transition:transform .4s var(--ease)}
.breeds li:hover span{transform:rotate(-20deg) scale(1.15)}
.breeds svg{width:100%;height:100%}
.mutz img{max-width:220px;margin-top:10px}
.pickup{display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center;background:#fff;border-radius:28px;padding:clamp(26px,4vw,44px);box-shadow:var(--shadow)}
.pickup h2{margin-bottom:.3em}.pickup p{margin:0;color:var(--muted)}
.pickup a:not(.btn){color:var(--accent-d);font-weight:900}
.pickup-ico{width:90px;height:90px;border-radius:28px;background:linear-gradient(135deg,var(--accent2),var(--accent));color:#fff;display:grid;place-items:center}
.pickup-ico svg{width:46px;height:46px;animation:drive 2.4s ease-in-out infinite}
@keyframes drive{50%{transform:translateX(6px)}}

/* lokacije */
.locs{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.loc{background:#fff;border:1px solid var(--line);border-radius:26px;padding:30px;position:relative;overflow:hidden}
.loc-ico{width:56px;height:56px;border-radius:18px;background:var(--lime);color:var(--accent-d);display:grid;place-items:center;margin-bottom:16px}
.loc-ico svg{width:28px;height:28px;animation:bob 3s ease-in-out infinite}
.loc p{color:var(--muted);margin:0 0 12px}
.loc .more{color:var(--accent-d);font-weight:700;display:inline-flex;gap:8px;align-items:center}
.loc .more svg{width:18px;height:18px}

/* kontakt */
.c-card{color:inherit}
.c-card .fico{display:grid;place-items:center}
.c-card .fico svg{width:22px;height:22px}
.c-form h2{font-size:28px}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:14px}

/* CTA, footer */
.cta-in{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-d) 100%)}
.cta-in::before{background:var(--sun);opacity:.35}
.cta .eyebrow{color:#fff}
.cta h2 u{text-decoration-color:var(--sun);text-decoration-thickness:4px;text-underline-offset:6px}
.cta .btn-accent{background:#fff;color:var(--accent-d)}
.ftr{background:var(--deep);color:#c3d3b0}
.ftr em{color:var(--accent2)}
.ftr-logo{background:#fff;padding:8px 12px}
.ftr-logo img{height:48px}
.ftr .fc svg,.ftr-bottom svg{width:16px;height:16px;flex:none}
.ftr-bottom span{display:inline-flex;gap:8px;align-items:center}
.ftr h4{color:#fff}
.soc{display:flex;gap:10px;margin-top:14px}
.soc a{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.1);display:grid;place-items:center;color:#fff}
.soc svg{width:20px;height:20px}
.totop{background:var(--accent-d)}
.nf h1{background:linear-gradient(90deg,var(--accent),var(--accent-d));-webkit-background-clip:text;background-clip:text;color:transparent}
.nf{position:relative}

@media (max-width:1100px){.svcs{grid-template-columns:1fr 1fr}.menu>li>a:not(.btn){padding:10px 9px}}
@media (max-width:1024px){
  .hero-charli .hero-in,.story-in,.two-col{grid-template-columns:1fr}
  .hero-media{margin:0 auto;max-width:460px}
  .whys-in{grid-template-columns:1fr 1fr}
  .pickup{grid-template-columns:1fr;text-align:center;justify-items:center}
}
@media (max-width:640px){
  .whys-in,.svcs,.locs,.f2,.prices-big{grid-template-columns:1fr}
  .gallery,.home-gal{columns:2 140px;column-gap:8px}
  .g-item{margin-bottom:8px;border-radius:14px}
  .hero-badge{width:86px;height:86px}
  .brand small{display:none}
  .trail{display:none}
}
@media (prefers-reduced-motion:reduce){.bubbles,.trail{display:none}.hero-media,.hero-badge,.hero-note,.story-img::before{animation:none}}
svg[fill=none]{fill:none!important}

/* cjenik */
.ptabs{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ptab{background:#fff;border:1px solid var(--line);border-radius:26px;padding:26px;transition:box-shadow .4s,border-color .4s}
.ptab:hover{box-shadow:var(--shadow);border-color:transparent}
.ptab header{display:flex;gap:16px;align-items:center;margin-bottom:16px}
.ptab .svc-ico{width:54px;height:54px;border-radius:16px;margin:0;flex:none}
.ptab .svc-ico svg{width:26px;height:26px}
.ptab:hover .svc-ico{background:var(--accent);color:#fff;transform:rotate(-8deg)}
.ptab h3{margin:0}
.ptab header p{margin:2px 0 0;font-size:13.5px;color:var(--muted);line-height:1.4}
.ptab .from{margin-left:auto;background:var(--lime);color:var(--accent-d);border-radius:99px;padding:6px 14px;font-size:13px;white-space:nowrap}
.ptab table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.ptab th,.ptab td{padding:11px 12px;text-align:right;border-top:1px solid var(--line)}
.ptab thead th{border:0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding-top:0}
.ptab th:first-child{text-align:left}
.ptab tbody th{white-space:nowrap}
.ptab tbody th b{font:700 18px var(--head);color:var(--accent-d);display:inline-block;min-width:34px}
.ptab tbody th small{color:var(--muted);font-weight:400}
.ptab td{font-weight:700;font-size:16.5px}
.ptab td:last-child{color:var(--accent-d)}
.ptab tbody tr{transition:background .25s}
.ptab tbody tr:hover{background:var(--mint)}
.pnote{display:flex;gap:10px;align-items:center;justify-content:center;color:var(--muted);margin:30px 0 0}
.pnote svg{width:18px;height:18px;color:var(--accent)}
.extras{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:4px}
.extras li{display:flex;align-items:baseline;gap:10px;padding:12px 0;font-size:17px}
.extras i{flex:1;border-bottom:2px dotted var(--accent2);transform:translateY(-4px)}
.extras b{font:700 20px var(--head);color:var(--accent-d);white-space:nowrap}
.cjenik-link{max-width:220px;margin-top:28px;border:6px solid #fff;box-shadow:var(--shadow)}
.cjenik-link .zoom{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);background:var(--accent-d);color:#fff;font-weight:700;font-size:12.5px;padding:6px 12px;border-radius:99px;z-index:2;white-space:nowrap}
@media (max-width:900px){.ptabs{grid-template-columns:1fr}}
@media (max-width:480px){.ptab header{flex-wrap:wrap}.ptab .from{margin-left:0}.ptab th,.ptab td{padding:10px 6px}.ptab tbody th small{font-size:11.5px}}

/* sidrene cijene */
.anc{display:block;font:400 11.5px/1.3 var(--sans);color:var(--muted);margin-top:3px;letter-spacing:0}
.ptab td .anc{font-weight:400}
.ptab td:last-child .anc{color:var(--muted)}
.extras li{flex-wrap:wrap}
.extras li .anc{flex-basis:100%;text-align:right;margin-top:0}
.pcard .anc{margin-top:6px}
.pcard.hot .anc{color:rgba(255,255,255,.85)}
.csvbox{margin-top:26px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;background:var(--mint);border:1px dashed var(--accent2);border-radius:18px;padding:18px 22px}
.csvbox div:first-child{display:grid;gap:2px}
.csvbox span{font-size:13.5px;color:var(--muted)}
.csvlinks{display:flex;gap:10px;flex-wrap:wrap}
.csvlinks svg{transform:rotate(90deg)}
.cookie{border:1px solid var(--line)}
.cookie .btn{flex:none;padding:10px 20px}
.narrow{max-width:820px}.prose ul{padding-left:20px}.prose li{margin-bottom:6px}.cookie a{color:var(--accent-d);text-decoration:underline}.ftr-bottom a:hover{color:#fff}