/* ImunoKids on the RISE/RESET layout: cream-lavender-navy palette from the packaging,
   five ingredients, a detox card and a few soft "little hero" touches. */
:root{--cream:#fbf7ef;--rose:#f3eef8}
.hero-kicker{letter-spacing:.14em;font-size:13px}
.hero h1{letter-spacing:-1.5px}

/* Five names in the ribbon. */
.ingredient-ribbon{grid-template-columns:repeat(5,auto)}
@media(max-width:700px){.ingredient-ribbon{grid-template-columns:repeat(3,auto);justify-content:center;row-gap:8px}}

/* Soft sparkle beside underlined words. */
.underline{position:relative}
.underline:after{content:'✦';position:absolute;right:-.55em;top:-.35em;font-size:.38em;color:var(--orange)}

/* Self check: friendlier, rounder cards. */
.check-group{border-radius:26px}
.check-item{border-radius:18px}

/* Five ingredients around the film: three left, two right. */
@media(min-width:701px){
 .ingredient-stage{grid-template-rows:repeat(6,1fr)}
 .ingredient-stage .ingredient-film{grid-row:1/7}
 .ingredient-stage .ingredient-tabs button:nth-child(1){grid-column:1;grid-row:1/3}
 .ingredient-stage .ingredient-tabs button:nth-child(2){grid-column:1;grid-row:3/5}
 .ingredient-stage .ingredient-tabs button:nth-child(3){grid-column:1;grid-row:5/7}
 .ingredient-stage .ingredient-tabs button:nth-child(4){grid-column:3;grid-row:2/4}
 .ingredient-stage .ingredient-tabs button:nth-child(5){grid-column:3;grid-row:4/6}
}
@media(max-width:700px){.ingredient-stage .ingredient-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Detox card under the support carousel. */
.detox-card{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:center;max-width:1040px;margin:70px auto 0;padding:28px 44px 28px 28px;border-radius:28px;background:linear-gradient(135deg,#fbf7ef,#ece4f6);color:var(--ink)}
.detox-card img{width:100%;border-radius:20px}
.detox-card .mono{display:block;color:var(--red);letter-spacing:.12em;font-size:12px;margin-bottom:14px}
.detox-card h3{font-size:clamp(32px,3.4vw,46px);line-height:1.1;margin-bottom:18px}
.detox-card p{font-size:18px;line-height:1.55}
@media(max-width:700px){.detox-card{grid-template-columns:1fr;gap:18px;margin:44px 12px 0;padding:14px 14px 24px;border-radius:20px}.detox-card p{font-size:16px}}

/* ImunoKids card in the pair. */
.duo-kids{background:linear-gradient(140deg,#7d6fc0,#3d3f88 60%,#1d2650)}

.closing-sub{margin-top:18px;font-size:20px;opacity:.9}
.closing-rise .closing-sub{grid-column:2;margin-top:-14px;text-align:center;color:var(--cream)}
@media(max-width:700px){.closing-rise-inner{flex-direction:column}.closing-rise .closing-sub{font-size:16px;margin-top:10px}}
#vrh.hero{background:radial-gradient(120% 70% at 50% 62%,#6e5fb0 0%,#3a3a80 45%,#1e2252 100%)}
.closing-rise{background:#1e2252}
@media(max-width:700px){
 .closing-rise{display:flex;flex-direction:column-reverse;background:#1e2252}
 .closing-rise-photo{position:relative;inset:auto;z-index:0;margin-inline:calc(var(--gutter) * -1)}
 .closing-rise-photo :is(img,.media-slot){position:relative;inset:auto;display:block;width:100%;height:auto;max-width:100%;aspect-ratio:1/1;object-fit:cover;object-position:0% 60%;mask-image:linear-gradient(to bottom,transparent 0,#000 22%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 22%)}
 .closing-rise-inner{min-height:0;justify-content:flex-start;align-items:center;padding:40px 20px 0;margin-bottom:-40px;position:relative;z-index:1}
 .closing-rise h2{text-align:center}
 .closing-rise .closing-sub{text-align:center}
}

/* Keep bottle proportions when the image column is narrower than the photo. */
.duo-card img{object-fit:contain;max-width:100%}
@media(max-width:700px){.duo-kids h3{font-size:27px;letter-spacing:-.6px}}

/* "Djeca ga vole" card under the routine. */
.kids-love{max-width:1680px;margin:0 auto;padding-top:0;padding-bottom:100px}
.kids-love-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,80px);align-items:center;max-width:1180px;margin:0 auto;padding:28px clamp(28px,5vw,72px) 28px 28px;border-radius:32px;background:linear-gradient(135deg,#fbf7ef 0%,#efe8f8 55%,#e2d8f3 100%);color:var(--ink)}
.kids-love-photo{margin:0;border-radius:24px;overflow:hidden;aspect-ratio:3/4;box-shadow:0 24px 50px -28px rgba(29,38,80,.45)}
.kids-love-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;display:block}
.kids-love-copy .mono{display:block;color:var(--red);letter-spacing:.12em;font-size:12px;margin-bottom:18px}
.kids-love-copy h2{font-size:clamp(38px,3.7vw,54px);line-height:1.1;letter-spacing:-1.6px;margin-bottom:26px}
.kids-love-copy>p{font-size:21px;line-height:1.5;max-width:520px}
.kids-love-copy blockquote{margin:34px 0 0;padding:22px 26px;border-radius:20px;background:rgba(255,255,255,.7);border:1px solid rgba(216,184,121,.55);max-width:520px}
.kids-love-copy blockquote p{font-size:19px;line-height:1.45;font-style:italic;margin:0}
.kids-love-copy cite{display:block;margin-top:10px;font-style:normal;font-family:'DM Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#a77f45}
@media(max-width:700px){
 .kids-love{padding-bottom:60px}
 .kids-love-card{grid-template-columns:1fr;gap:24px;padding:14px 14px 28px;border-radius:22px}
 .kids-love-copy{padding:0 8px}
 .kids-love-copy h2{font-size:34px;letter-spacing:-1.2px}
 .kids-love-copy>p{font-size:17px}
 .kids-love-copy blockquote{margin-top:24px;padding:18px 20px}
 .kids-love-copy blockquote p{font-size:17px}
}

/* Poster remains painted while video is loading, blocked, or unavailable. */
.ingredient-film{position:relative;aspect-ratio:16/9;background:#e5e0ef}
.ingredient-film .film-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1;pointer-events:none;opacity:1}
.ingredient-film.film-ready .film-poster{opacity:0}
.ingredient-film video{width:100%;height:100%}
@media(prefers-reduced-motion:reduce){.ingredient-film .film-poster{opacity:1!important}}