/* Dizajn „Poslastičarnica“: pastelne bento pločice, posute mrvice, rukopisni naslovi, dvobojne ikonice, velike fotografije */
:root{
  --pozadina:#fff6f8; --pozadina-rgb:255,246,248;
  --bg1:#ffe0ec; --bg2:#ddf5ec; --bg3:#fff6f8; --bg4:#fdeff3;
  --tekst:#4a2537; --tekst2:rgba(74,37,55,.62);
  --akcent:#de5a9c; --akcent-rgb:222,90,156; --akcent-tamna:#b53a7a;
  --akcent2:#f39ac5; --akcent2-rgb:243,154,197; --zlato:var(--akcent-tamna);
  --sjaj2-rgb:255,214,170; --sjaj3-rgb:190,235,215; --hero-opacity:.15;
  --staklo:#fff; --staklo2:rgba(74,37,55,.06); --ivica:rgba(142,59,98,.12);
  --ik-linija:#8e3b62; --ik-ispuna:#ffd3e6; --ik-zlato:#f2b84b;
  --logo-boja:#e47aae;
  --pastel1:#ffe1ec; --pastel2:#dcf4ea; --pastel3:#ffeadb; --pastel4:#ece6ff;
  --rukopis:'Allison',cursive;
}
.d-slatko{font-family:'Quicksand',system-ui,sans-serif}

/* pozadina: meki pastelni sjaj + posute mrvice koje polako plove */
.d-slatko .sjaj{opacity:.75}
.d-slatko .pozadina::after{opacity:.9;-webkit-mask-image:none;mask-image:none;
  background-image:
    radial-gradient(circle,rgba(228,122,174,.55) 1.6px,transparent 2px),
    radial-gradient(circle,rgba(120,200,170,.5) 1.4px,transparent 1.8px),
    radial-gradient(circle,rgba(242,184,75,.55) 1.4px,transparent 1.8px),
    radial-gradient(circle,rgba(160,140,230,.45) 1.3px,transparent 1.7px);
  background-size:120px 130px,150px 110px,170px 160px,140px 190px;
  background-position:0 0,40px 60px,90px 20px,20px 100px;
  animation:mrvice 60s linear infinite}
@keyframes mrvice{to{background-position:0 260px,40px 280px,90px 340px,20px 480px}}

.d-slatko .hero{padding-top:36px}
.d-slatko .hero-podnaslov{font-family:var(--rukopis);font-size:40px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--akcent-tamna);margin-top:8px}
.d-slatko .crtica{background:linear-gradient(90deg,transparent,var(--akcent2))}
.d-slatko .traka{background:rgba(var(--pozadina-rgb),.85)}
.d-slatko .nazad{background:#fff;box-shadow:0 6px 16px -10px rgba(142,59,98,.45)}
.d-slatko .nazad:hover{background:var(--akcent);color:#fff}
.d-slatko .traka-logo img{height:40px}
.d-slatko .naslov-sekcije h1{font-family:var(--rukopis);font-weight:400;font-size:clamp(54px,14vw,78px);line-height:.9;letter-spacing:0;color:var(--akcent-tamna)}
.d-slatko .naslov-sekcije h1::after{background:var(--akcent2);margin-top:6px}
.d-slatko .ik-velika{background:#fff;box-shadow:0 12px 30px -18px rgba(142,59,98,.55)}

/* bento pločice u pastelnim bojama */
.d-slatko .mreza{grid-auto-flow:dense;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.d-slatko .mreza>.kat{flex:none}
@media (min-width:640px){.d-slatko .mreza{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media (min-width:980px){.d-slatko .mreza{grid-template-columns:repeat(4,minmax(0,1fr))}}
.d-slatko .kat{border-radius:28px;min-height:150px;padding:18px 12px 16px;border:2px solid #fff;
  background:var(--pastel1);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 14px 30px -22px rgba(142,59,98,.55)}
.d-slatko .kat:nth-child(4n+2){background:var(--pastel2)}
.d-slatko .kat:nth-child(4n+3){background:var(--pastel3)}
.d-slatko .kat:nth-child(4n+4){background:var(--pastel4)}
.d-slatko .mreza:not(.rucno) .kat:nth-child(5n+1),.d-slatko .kat.istaknuta{grid-column:span 2;flex-direction:row;justify-content:flex-start;gap:18px;min-height:112px;padding:16px 22px;text-align:left}
.d-slatko .mreza:not(.rucno) .kat:nth-child(5n+1) .kat-naziv,.d-slatko .kat.istaknuta .kat-naziv{font-size:21px}
.d-slatko .kat::before{background:radial-gradient(120% 90% at 50% 0%,rgba(255,255,255,.7),transparent 60%)}
.d-slatko .kat:hover{transform:translateY(-4px) rotate(-.6deg);border-color:#fff;box-shadow:0 22px 40px -22px rgba(var(--akcent-rgb),.7)}
.d-slatko .ik{background:#fff;box-shadow:0 8px 20px -14px rgba(142,59,98,.6)}
.d-slatko .kat-naziv{font-weight:700;font-size:16px;color:var(--tekst)}
.d-slatko .kat-strelica{background:rgba(255,255,255,.75);color:var(--akcent-tamna)}
.d-slatko .kat:hover .kat-strelica{background:var(--akcent);color:#fff}

/* dvobojne ikonice: linija (bobica) + jedna pastelna ispuna, zlatne iskre */
.d-slatko .ik .s{stroke:var(--ik-linija)}
.d-slatko .ik svg *:not(.s):not(.iskra):not(.mj):not(.para):not(.talasic):not(.talasic-wifi){fill:var(--ik-ispuna)!important;stroke:var(--ik-linija)!important;stroke-width:1.6}
.d-slatko .ik svg .s{fill:none!important}
.d-slatko .ik .iskra,.d-slatko .ik .plamen{fill:var(--ik-zlato)!important}
.d-slatko .ik .mj{fill:var(--ik-linija);opacity:.5}
.d-slatko .ik .talasic{stroke:var(--ik-linija)}

/* fotografije kolača: velike, da se vidi kako izgledaju */
.d-slatko .galerija-kolaca{gap:14px}
.d-slatko .kolac{border-radius:26px;border:0;background:#fff;box-shadow:0 16px 34px -24px rgba(142,59,98,.6)}
.d-slatko .kolac-naziv{font-size:16px;color:var(--tekst)}
.d-slatko .kolac .stavka-cijena{border-radius:999px}

.d-slatko .stavka{background:#fff;border:0;border-radius:22px;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 12px 26px -22px rgba(142,59,98,.6)}
.d-slatko .stavka:hover{background:#fff}
.d-slatko .stavka-naziv{font-weight:700}
.d-slatko .stavka-cijena{border-radius:999px;box-shadow:0 8px 16px -10px rgba(var(--akcent-rgb),.9)}
.d-slatko .info-red{background:#fff;border:0;box-shadow:0 12px 26px -22px rgba(142,59,98,.6)}
.d-slatko .info-naslov{color:var(--akcent-tamna)}
.d-slatko .reklama{background:#fff;border-radius:20px}
.d-slatko .jezik{background:#fff}
.d-slatko .jezik.aktivan{background:var(--akcent);border-color:var(--akcent);color:#fff}