/* Quiz i karty pielęgnacji — kolory z motywu (zmienne --rik-*), z bezpiecznymi wartościami zapasowymi. */
.rikq{
  --q-bg:var(--rik-bg,#fbf8f2); --q-cream:var(--rik-surface,#f5efe4); --q-sand:var(--rik-sand,#ebdfcb);
  --q-text:var(--rik-text,#2e241d); --q-muted:var(--rik-muted,#62544a); --q-brand:var(--rik-brand,#3b2c22);
  --q-dark:var(--rik-brand-dark,#231a14); --q-gold:var(--rik-accent,#c0a062); --q-gold-text:var(--rik-accent-text,#6e5119);
  --q-line:var(--rik-line,#e1d3bf); --q-on:var(--rik-on-brand,#f6e7c1);
  --q-serif:var(--rik-font-serif,Georgia,serif); --q-ease:cubic-bezier(.22,.8,.26,1);
  color:var(--q-text);
}
.rikq *{box-sizing:border-box}

/* ---- Oko z rzęsami ---- */
.rikq-eye{display:block;width:min(240px,64%);height:auto;margin:0 auto 1rem;overflow:visible;color:var(--q-gold)}
.rikq-eye .rikq-lid,.rikq-eye .rikq-lash{fill:none;stroke:var(--q-gold);stroke-width:2.6;stroke-linecap:round}
.rikq-eye .rikq-lid--low{stroke-width:1.8;opacity:.8}
.rikq-eye .rikq-lash{stroke-width:2.2;stroke:var(--q-brand)}
.rikq-eye .rikq-iris{fill:var(--q-sand);stroke:var(--q-gold);stroke-width:1.4}
.rikq-eye .rikq-pupil{fill:var(--q-dark)}
.rikq-eye .rikq-glint{fill:#fff;opacity:.9}
.rikq-eye .rikq-lid,.rikq-eye .rikq-lash{stroke-dasharray:1;stroke-dashoffset:1;animation:rikq-draw .9s var(--q-ease) forwards}
.rikq-eye .rikq-lid--low{animation-delay:.15s}
.rikq-eye .rikq-lash{animation-duration:.55s;animation-delay:calc(.45s + var(--i)*70ms)}
.rikq-eye .rikq-iris,.rikq-eye .rikq-pupil,.rikq-eye .rikq-glint{transform-origin:100px 58px;animation:rikq-pop .6s var(--q-ease) .3s both}
.rikq-eye .rikq-pupil{animation:rikq-look 6s ease-in-out 1.6s infinite}
@keyframes rikq-draw{to{stroke-dashoffset:0}}
@keyframes rikq-pop{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}
@keyframes rikq-look{0%,40%,100%{transform:translateX(0)}50%,60%{transform:translateX(4px)}75%{transform:translateX(-3px)}}

/* ---- Karta quizu ---- */
.rikq-quiz{padding:clamp(1.5rem,5vw,3.5rem) var(--rik-gutter,1rem)}
.rikq-card{position:relative;max-width:760px;margin:0 auto;padding:clamp(1.4rem,4vw,2.6rem);border-radius:var(--rik-radius-lg,28px);background:linear-gradient(160deg,#fffdf9,var(--q-cream));border:1px solid var(--q-line);box-shadow:0 30px 60px -36px rgba(74,54,38,.45);overflow:hidden}
.rikq-card::before{content:"";position:absolute;inset:auto -60px -90px auto;width:240px;height:240px;border-radius:50%;background:radial-gradient(closest-side,rgba(192,160,98,.22),transparent);pointer-events:none}
.rikq-step{position:relative;text-align:center;animation:rikq-in .5s var(--q-ease) both}
.rikq-step.is-back{animation-name:rikq-in-back}
@keyframes rikq-in{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
@keyframes rikq-in-back{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}
.rikq-kicker{margin:0 0 .4rem;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--q-gold-text)}
.rikq-title{margin:0 0 .6rem;font-family:var(--q-serif);font-weight:500;font-size:clamp(1.7rem,4.6vw,2.5rem);line-height:1.15;color:var(--q-dark)}
.rikq-lead{margin:0 auto 1.5rem;max-width:34em;color:var(--q-muted);line-height:1.6}
.rikq-note{font-size:.9rem;color:var(--q-muted)}

/* Pasek postępu */
.rikq-top{display:flex;align-items:center;gap:.9rem;margin:0 0 1.4rem}
.rikq-bar{flex:1;height:6px;border-radius:99px;background:var(--q-sand);overflow:hidden}
.rikq-bar>span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--q-gold),#e0c38c);transition:width .55s var(--q-ease)}
.rikq-count{font-size:.85rem;color:var(--q-muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.rikq-back{border:0;background:none;color:var(--q-muted);font:inherit;font-size:.9rem;cursor:pointer;padding:.3rem .2rem;border-radius:8px}
.rikq-back:hover{color:var(--q-dark)}
.rikq-back[hidden]{display:none}
.rikq-q{margin:0 0 1.3rem;font-family:var(--q-serif);font-weight:500;font-size:clamp(1.35rem,3.6vw,1.9rem);line-height:1.25;color:var(--q-dark)}

/* Odpowiedzi */
.rikq-opts{display:grid;gap:.7rem;margin:0;padding:0;list-style:none;text-align:left}
.rikq-opt{display:flex;align-items:center;gap:.9rem;width:100%;padding:.95rem 1.1rem;border:1.5px solid var(--q-line);border-radius:16px;background:#fff;color:var(--q-text);font:inherit;font-size:1.02rem;line-height:1.35;text-align:left;cursor:pointer;
  transition:transform .25s var(--q-ease),box-shadow .25s,border-color .25s,background .25s,color .25s;opacity:0;animation:rikq-rise .5s var(--q-ease) forwards;animation-delay:calc(.08s + var(--n)*70ms)}
@keyframes rikq-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.rikq-opt .rikq-letter{flex:none;display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;border:1.5px solid var(--q-gold);color:var(--q-gold-text);font-weight:600;font-size:.9rem;transition:inherit}
.rikq-opt:hover,.rikq-opt:focus-visible{transform:translateY(-2px);border-color:var(--q-gold);box-shadow:0 14px 26px -18px rgba(74,54,38,.5);outline:none}
.rikq-opt:focus-visible{box-shadow:0 0 0 3px rgba(192,160,98,.45)}
.rikq-opt.is-picked{background:var(--q-brand);border-color:var(--q-brand);color:#fffaf3;transform:scale(.99)}
.rikq-opt.is-picked .rikq-letter{background:var(--q-gold);border-color:var(--q-gold);color:var(--q-dark)}
.rikq-opts.is-locked .rikq-opt:not(.is-picked){opacity:.5;pointer-events:none}

/* Wynik */
.rikq-result .rikq-eye{width:min(200px,56%)}
.rikq-badge{display:inline-block;margin:0 0 .6rem;padding:.3rem .9rem;border-radius:99px;background:rgba(192,160,98,.18);color:var(--q-gold-text);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.rikq-rname{margin:0 0 .2rem;font-family:var(--q-serif);font-weight:500;font-size:clamp(1.8rem,5vw,2.7rem);line-height:1.1;color:var(--q-dark);animation:rikq-rise .7s var(--q-ease) .2s both}
.rikq-tag{margin:0 0 1rem;font-style:italic;color:var(--q-gold-text);font-family:var(--q-serif);font-size:1.15rem;animation:rikq-rise .7s var(--q-ease) .32s both}
.rikq-rdesc{margin:0 auto 1.2rem;max-width:34em;line-height:1.65;animation:rikq-rise .7s var(--q-ease) .44s both}
.rikq-why{margin:0 auto 1.4rem;max-width:30em;padding:1rem 1.2rem;border-radius:16px;background:rgba(255,255,255,.7);border:1px dashed var(--q-line);text-align:left;animation:rikq-rise .7s var(--q-ease) .56s both}
.rikq-why p{margin:0 0 .4rem;font-weight:600;font-size:.9rem;color:var(--q-gold-text)}
.rikq-why ul{margin:0;padding-left:1.1rem;color:var(--q-muted);line-height:1.5}
.rikq-actions{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;animation:rikq-rise .7s var(--q-ease) .68s both}
.rikq-second{margin:1.4rem 0 0;font-size:.95rem;color:var(--q-muted);animation:rikq-rise .7s var(--q-ease) .8s both}
.rikq-second a{color:var(--q-gold-text);font-weight:600}
.rikq-disc{margin:1.2rem auto 0;max-width:36em;font-size:.82rem;color:var(--q-muted);line-height:1.5}
.rikq-restart{margin-top:.8rem;border:0;background:none;color:var(--q-muted);font:inherit;text-decoration:underline;cursor:pointer}
.rikq-spark{position:absolute;left:var(--x);bottom:30%;width:7px;height:7px;border-radius:50%;background:var(--q-gold);opacity:0;pointer-events:none;animation:rikq-spark 2.4s ease-out var(--d) forwards}
@keyframes rikq-spark{0%{opacity:0;transform:translateY(0) scale(.4)}20%{opacity:.9}100%{opacity:0;transform:translateY(-150px) scale(1.1)}}

/* ---- Baner quizu ---- */
.rikq-banner{padding:clamp(2rem,6vw,3.5rem) var(--rik-gutter,1rem);background:linear-gradient(135deg,var(--q-dark),var(--q-brand));color:#fffaf3;overflow:hidden}
.rikq-banner__in{max-width:900px;margin:0 auto;display:grid;grid-template-columns:minmax(120px,220px) 1fr;gap:clamp(1rem,4vw,2.5rem);align-items:center}
.rikq-banner .rikq-eye{width:100%;margin:0}
.rikq-banner .rikq-eye .rikq-lash{stroke:#f6e7c1}
.rikq-banner .rikq-eye .rikq-iris{fill:rgba(255,255,255,.12)}
.rikq-banner .rikq-eye .rikq-pupil{fill:#fffaf3}
.rikq-banner .rikq-kicker{color:#e0c38c}
.rikq-banner h2{margin:0 0 .5rem;font-family:var(--q-serif);font-weight:500;font-size:clamp(1.6rem,4vw,2.3rem);color:#fffaf3;line-height:1.15}
.rikq-banner p{margin:0 0 1.1rem;color:#efe3cf;line-height:1.6}
.rikq-banner .rik-btn--primary{background:#fffaf3;color:var(--q-dark)}
.rikq-banner .rik-btn--primary:hover{background:#fff}
@media(max-width:640px){.rikq-banner__in{grid-template-columns:1fr;text-align:center}.rikq-banner .rikq-eye{width:min(200px,60%);margin:0 auto}}

/* ---- Karta pielęgnacji ---- */
.rikq-care-wrap{max-width:var(--rik-content,720px);margin:1.6rem auto;padding:0 var(--rik-gutter,1rem)}
.rikq-care{margin:0 0 1rem;border:1px solid var(--q-line);border-radius:20px;background:linear-gradient(160deg,#fffdf9,var(--q-cream));box-shadow:0 18px 36px -28px rgba(74,54,38,.4);overflow:hidden}
.rikq-care__sum{display:flex;align-items:center;gap:.9rem;padding:1rem 1.2rem;cursor:pointer;list-style:none}
.rikq-care__sum::-webkit-details-marker{display:none}
.rikq-care__sum:focus-visible{outline:3px solid rgba(192,160,98,.55);outline-offset:-3px;border-radius:20px}
.rikq-care__ico{flex:none;display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:rgba(192,160,98,.2);color:var(--q-gold-text)}
.rikq-care__sumtxt{display:flex;flex-direction:column;flex:1;min-width:0}
.rikq-care__eyebrow{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--q-gold-text)}
.rikq-care__title{font-family:var(--q-serif);font-size:1.2rem;line-height:1.25;color:var(--q-dark)}
.rikq-care__chev{flex:none;width:.7rem;height:.7rem;border-right:2px solid var(--q-gold-text);border-bottom:2px solid var(--q-gold-text);transform:rotate(45deg);transition:transform .3s var(--q-ease)}
.rikq-care[open] .rikq-care__chev{transform:rotate(-135deg)}
.rikq-care__body{padding:.2rem 1.4rem 1.4rem;animation:rikq-rise .45s var(--q-ease) both}
.rikq-care__print{display:none}
.rikq-care__sec h3{margin:1.1rem 0 .4rem;font-family:var(--q-serif);font-weight:500;font-size:1.1rem;color:var(--q-dark)}
.rikq-care__sec ul{margin:0;padding:0;list-style:none}
.rikq-care__sec li{position:relative;padding:.3rem 0 .3rem 1.6rem;line-height:1.55;color:var(--q-text)}
.rikq-care__sec li::before{content:"";position:absolute;left:.1rem;top:.78rem;width:.55rem;height:.3rem;border-left:2px solid var(--q-gold-text);border-bottom:2px solid var(--q-gold-text);transform:rotate(-45deg)}
.rikq-care__note{margin:1.2rem 0 0;padding:.8rem 1rem;border-radius:12px;background:rgba(192,160,98,.14);font-size:.93rem;color:var(--q-muted)}
.rikq-care__actions{margin-top:1.2rem}

/* Druk: tylko otwarta karta */
@media print{
  html.rikq-printing body *{visibility:hidden!important}
  html.rikq-printing .rikq-care.is-printing,html.rikq-printing .rikq-care.is-printing *{visibility:visible!important}
  html.rikq-printing .rikq-care.is-printing{position:absolute;left:0;top:0;width:100%;border:0;box-shadow:none;background:#fff}
  html.rikq-printing .rikq-care.is-printing .rikq-care__print{display:block;margin:0 0 1rem;font-size:1.1rem}
  html.rikq-printing .rikq-care.is-printing .rikq-care__actions,html.rikq-printing .rikq-care.is-printing .rikq-care__chev{display:none!important}
}

@media(prefers-reduced-motion:reduce){
  .rikq *,.rikq *::before{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .rikq-opt{opacity:1}
  .rikq-eye .rikq-lid,.rikq-eye .rikq-lash{stroke-dashoffset:0}
}