/* ============ TOKENS ============ */
:root{
  color-scheme: light;
  --page-sky:#B4E3F2;
  --ink:#26315A; --ink-soft:#5B6690; --line:rgba(38,49,90,.10);
  --magenta:#E0489A; --magenta-deep:#C42B7D; --pink-soft:#F9D9EB;
  --sky-deep:#1E86AE; --sun:#FFD23F; --sun-deep:#F0AE00; --grape:#A985E8; --mint:#2BAA68;
  --soft-sh:0 18px 40px rgba(38,60,120,.15), 0 5px 12px rgba(38,60,120,.08);
  --gloss:inset 0 2px 0 rgba(255,255,255,.85), inset 0 -8px 16px rgba(38,60,120,.04);
  --ff:"Segoe UI","Arial Hebrew",-apple-system,"Rubik",system-ui,sans-serif;
  --maxw:1100px; --spring:cubic-bezier(.34,1.56,.64,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--page-sky)}
.page{direction:rtl; font-family:var(--ff); color:var(--ink); line-height:1.6; overflow-x:hidden; position:relative;
  -webkit-font-smoothing:antialiased;
  background:
    radial-gradient(ellipse 52% 26% at 90% 14%, rgba(244,187,214,.55), transparent 62%),
    radial-gradient(ellipse 46% 24% at 6% 34%, rgba(244,187,214,.45), transparent 62%),
    radial-gradient(ellipse 55% 26% at 82% 58%, rgba(244,187,214,.4), transparent 62%),
    radial-gradient(ellipse 52% 28% at 12% 84%, rgba(244,187,214,.45), transparent 62%),
    linear-gradient(180deg, var(--page-sky) 0%, #A5DDEF 45%, var(--page-sky) 100%);
}
.doodles{position:fixed; inset:0; width:100%; height:100%; z-index:0; pointer-events:none}
.wrap{max-width:var(--maxw); margin-inline:auto; padding-inline:20px; position:relative; z-index:3}
a{color:inherit; text-decoration:none}
img{max-width:100%}
h1,h2,h3{margin:0; text-wrap:balance; line-height:1.1}
p{margin:0}
section{padding-block:clamp(30px,4.5vw,56px); position:relative; z-index:2}

/* ============ TYPE ============ */
.sec-title{font-size:clamp(1.9rem,5vw,3rem); font-weight:900; letter-spacing:-.8px; color:var(--ink);
  text-shadow:0 2px 0 rgba(255,255,255,.55); margin-bottom:13px}
.sec-title .hl{color:#C42B7D; text-shadow:0 2px 0 rgba(255,255,255,.7)}
.sec-sub{font-size:clamp(1.02rem,2.2vw,1.2rem); color:#3E4A78; max-width:600px; font-weight:600}
.center{text-align:center}
.center .sec-sub{margin-inline:auto}

/* ============ BUTTONS ============ */
.btn{display:inline-flex; align-items:center; gap:10px; cursor:pointer; border:none; position:relative; overflow:hidden;
  font-family:var(--ff); font-weight:800; font-size:1.08rem; color:#fff; padding:15px 30px; border-radius:999px;
  transition:transform .16s var(--spring), box-shadow .16s ease; text-shadow:0 1px 2px rgba(0,0,0,.15)}
.btn:before{content:""; position:absolute; top:0; left:-60%; width:40%; height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent); transform:skewX(-18deg); transition:left .5s ease}
.btn:hover:before{left:130%}
.btn:active{transform:translateY(1px) scale(.99)}
.btn:focus-visible{outline:4px solid var(--ink); outline-offset:3px}
.btn .ig{width:23px;height:23px;flex:none}
.btn-hot{background:linear-gradient(180deg,#D42A86,#B5226F);
  box-shadow:0 10px 24px rgba(212,42,134,.4), inset 0 2px 0 rgba(255,255,255,.4), inset 0 -4px 8px rgba(0,0,0,.12)}
.btn-hot:hover{transform:translateY(-3px) scale(1.02); box-shadow:0 16px 32px rgba(212,42,134,.48), inset 0 2px 0 rgba(255,255,255,.4), inset 0 -4px 8px rgba(0,0,0,.12)}
.btn-ig{background:linear-gradient(135deg,#D62976 0%,#962FBF 55%,#4F5BD5 100%);
  box-shadow:0 10px 24px rgba(150,47,191,.35), inset 0 2px 0 rgba(255,255,255,.4), inset 0 -4px 8px rgba(0,0,0,.12)}
.btn-ig:hover{transform:translateY(-3px) scale(1.02); box-shadow:0 16px 32px rgba(150,47,191,.45), inset 0 2px 0 rgba(255,255,255,.4), inset 0 -4px 8px rgba(0,0,0,.12)}
.btn .wa{width:24px;height:24px;flex:none}
.btn-wa{background:linear-gradient(180deg,#16874A,#126F3D);
  box-shadow:0 10px 24px rgba(20,150,72,.42), inset 0 2px 0 rgba(255,255,255,.45), inset 0 -4px 8px rgba(0,0,0,.12)}
.btn-wa:hover{transform:translateY(-3px) scale(1.02); box-shadow:0 16px 32px rgba(20,150,72,.5), inset 0 2px 0 rgba(255,255,255,.45), inset 0 -4px 8px rgba(0,0,0,.12)}
.magnetic{transition:transform .5s var(--spring)}
.magnetic:active{transform:scale(.96)!important}

/* ============ CARDS ============ */
.glass{background:linear-gradient(180deg,#ffffff,#FAFCFF); border-radius:24px; border:1px solid rgba(255,255,255,.9); box-shadow:var(--soft-sh), var(--gloss)}

/* ============ TOPBAR ============ */
.topbar{position:sticky; top:0; z-index:50; background:rgba(180,227,242,.78); backdrop-filter:blur(10px); border-bottom:1px solid rgba(255,255,255,.55)}
.topbar .wrap{display:flex; align-items:center; gap:12px; padding-block:9px; flex-wrap:wrap}
.badge{width:48px;height:48px;border-radius:50%; border:2.5px solid #fff; box-shadow:0 5px 12px rgba(38,60,120,.2);
  background-size:cover; background-position:center; flex:none}
.nav{display:flex; gap:3px; overflow-x:auto; scrollbar-width:none; flex:0 1 auto; margin-inline:auto; justify-content:center;
  background:#fff; padding:5px 7px; border-radius:999px; position:relative;
  box-shadow:0 9px 22px rgba(38,60,120,.16), inset 0 2px 0 rgba(255,255,255,.95); border:1px solid rgba(255,255,255,.95)}
.nav:before,.nav:after{content:""; position:absolute; top:50%; transform:translateY(-50%); width:16px; height:16px; border-radius:50%; background:#fff; z-index:-1}
.nav:before{inset-inline-start:-5px} .nav:after{inset-inline-end:-5px}
.nav::-webkit-scrollbar{display:none}
.nav a{padding:11px 15px; border-radius:999px; font-weight:800; font-size:.92rem; color:var(--ink); white-space:nowrap; transition:background .15s,color .15s,transform .12s}
.nav a:hover{background:linear-gradient(180deg,#FFE3F0,#FBD0E6); color:var(--magenta-deep); transform:translateY(-1px)}
.ig-icon{width:44px;height:44px;border-radius:50%; display:grid; place-items:center; flex:none; transition:transform .16s ease;
  background:linear-gradient(135deg,#FEDA75,#FA7E1E,#D62976,#962FBF,#4F5BD5); box-shadow:0 6px 14px rgba(150,47,191,.32)}
.ig-icon:hover{transform:translateY(-2px) scale(1.07)}
.ig-icon:focus-visible{outline:4px solid var(--ink); outline-offset:3px; box-shadow:0 0 0 7px #fff}
.ig-icon svg{width:22px;height:22px}
@media(max-width:760px){ .nav{order:3; width:100%; flex:none; justify-content:flex-start} }

/* ============ HERO ============ */
.hero-bg{position:relative; width:100%; height:clamp(240px,44vw,440px); background-size:cover; z-index:1;
  display:grid; place-items:center; overflow:hidden}
.hero-bg:after{content:""; position:absolute; left:0; right:0; bottom:-1px; height:40%; z-index:1;
  background:linear-gradient(180deg, transparent, var(--page-sky))}
.hero-logo-h1{margin:0; padding:0; font-size:0; line-height:0; position:relative; z-index:2; display:block}
.hero-logo-img{position:relative; z-index:2; width:min(400px,72vw); height:auto; display:block;
  filter:drop-shadow(0 12px 22px rgba(38,60,120,.24)); animation:pop .7s var(--spring) both .05s}
.hero-content{text-align:center; padding-top:6px; padding-bottom:clamp(46px,6vw,80px); position:relative; z-index:2}
.hero-eyebrow{display:inline-flex; gap:8px; align-items:center; background:rgba(255,255,255,.94); color:var(--magenta); font-weight:800; font-size:.95rem;
  padding:9px 21px; border-radius:999px; margin-bottom:18px; box-shadow:0 8px 18px rgba(38,60,120,.12); border:1px solid #fff}
.hero-content h1{font-size:clamp(1.95rem,5.4vw,3.3rem); font-weight:900; letter-spacing:-1px; margin:0 auto 14px; max-width:720px;
  text-shadow:0 2px 0 rgba(255,255,255,.55)}
.hero-content h1 .hl{color:var(--magenta); text-shadow:0 2px 0 rgba(255,255,255,.7)}
.hero-content .lead{font-size:clamp(1.05rem,2.4vw,1.3rem); font-weight:600; color:#3E4A78; max-width:560px; margin:0 auto 26px}
.hero-cta{display:flex; gap:13px; flex-wrap:wrap; justify-content:center}
.trust-strip{display:flex; flex-wrap:wrap; gap:10px 12px; margin-top:26px; justify-content:center}
.trust-strip span{display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,.92); padding:9px 16px; border-radius:999px;
  font-weight:800; font-size:.93rem; box-shadow:0 6px 14px rgba(38,60,120,.09); border:1px solid rgba(255,255,255,.9)}
.trust-strip .ck{color:var(--mint); font-size:1rem}
.carousel-wrap{max-width:760px; margin:36px auto 0}

/* carousel */
.carousel{position:relative; border-radius:26px; overflow:hidden; box-shadow:var(--soft-sh); aspect-ratio:16/10.5; background:#CDEDF8; border:5px solid #fff}
.slide{position:absolute; inset:0; opacity:0; transition:opacity .8s ease; background-size:cover; background-position:center}
.slide.on{opacity:1}
.c-arrow{position:absolute; top:50%; transform:translateY(-50%); width:42px;height:42px; border-radius:50%; background:rgba(255,255,255,.94); color:var(--ink);
  display:grid; place-items:center; font-size:1.25rem; cursor:pointer; border:none; box-shadow:0 6px 14px rgba(38,60,120,.24); z-index:5; transition:transform .15s ease}
.c-arrow:hover{transform:translateY(-50%) scale(1.12)}
.c-prev{inset-inline-start:12px}
.c-next{inset-inline-end:12px}
.c-dots{position:absolute; bottom:12px; left:0; right:0; display:flex; gap:7px; justify-content:center; z-index:5}
.c-dot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.6);border:none;cursor:pointer;padding:0; transition:transform .15s}
.c-dot.on{background:#fff; transform:scale(1.3); box-shadow:0 2px 6px rgba(0,0,0,.25)}

/* ============ REVEAL ============ */
.reveal{opacity:0; transform:translateY(32px); transition:opacity .65s ease, transform .65s var(--spring); transition-delay:calc(var(--i,0)*80ms)}
.reveal.in{opacity:1; transform:none}

/* ============ CONCEPTS ============ */
.concept-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(225px,1fr)); gap:19px; margin-top:34px}
.concept{background:linear-gradient(180deg,#fff,#FAFCFF); border-radius:20px; overflow:hidden; border:1px solid rgba(255,255,255,.9);
  box-shadow:0 12px 28px rgba(38,60,120,.13); cursor:pointer; will-change:transform; text-align:center;
  transition:transform .2s var(--spring), box-shadow .2s ease}
@media (hover:hover) and (pointer:fine){
  .concept:hover{transform:translateY(-7px) scale(1.03) rotate(-.6deg); box-shadow:0 24px 48px rgba(38,60,120,.2)}
  .concept:hover .cimg .emoji{transform:scale(1.16) rotate(-5deg)}
}
@media (hover:none){ .concept:active{transform:scale(.97); transition-duration:.12s} }
.concept:focus-visible{outline:4px solid #26315A; outline-offset:3px; box-shadow:0 0 0 7px #fff}
.concept .cimg{aspect-ratio:1/1; position:relative; background-size:cover; background-position:center}
.concept .cimg .emoji{position:absolute; inset:0; display:grid; place-items:center; font-size:4.2rem;
  filter:drop-shadow(0 8px 10px rgba(0,0,0,.25)); transition:transform .22s var(--spring)}
.concept .tag{position:absolute; top:10px; inset-inline-start:10px; background:rgba(255,255,255,.94); color:var(--ink);
  font-weight:800; font-size:.7rem; padding:4px 10px; border-radius:999px; box-shadow:0 3px 8px rgba(0,0,0,.14)}
.concept .cbody{padding:13px 13px 15px}
.concept .cbody b{font-size:1.12rem; font-weight:900; display:block; color:var(--ink)}
.concept .cbody small{color:var(--ink-soft); font-weight:600}
.concept.more{border:2.5px dashed rgba(224,72,154,.5); background:rgba(255,255,255,.65); display:flex; flex-direction:column;
  align-items:center; justify-content:center; padding:24px; cursor:default}
.concept.more .plus{font-size:2.2rem; margin-bottom:8px}
.concept.more b{font-size:1.08rem; color:var(--ink); margin-bottom:4px}
.concept.more small{color:var(--ink-soft); font-weight:600}

/* קונספטים בנייד: גריד 3 בשורה, קומפקטי וקליל */
@media(max-width:640px){
  .concept-grid{grid-template-columns:repeat(3,1fr); gap:10px; margin-top:26px}
  .concept{border-radius:15px}
  .concept .cimg .emoji{font-size:2.5rem}
  .concept .tag{display:none}
  .concept .cbody{padding:8px 6px 10px}
  .concept .cbody b{font-size:.86rem; letter-spacing:-.2px}
  .concept .cbody small{display:none}
  .concept.more{grid-column:1/-1; flex-direction:row; gap:12px; padding:13px 16px; text-align:right}
  .concept.more .plus{font-size:1.5rem; margin:0}
  .concept.more b{font-size:.95rem; margin:0}
  .concept.more small{display:block; font-size:.8rem}
  .concept.more.pair{grid-column:span 2; flex-direction:column; gap:4px; text-align:center; padding:12px 10px}

  /* מובייל: כפתורים גדולים ונוחים לאגודל */
  .hero-content{padding-block:4px 30px}
  .hero-cta{flex-direction:column; align-items:stretch; gap:11px; max-width:330px; margin-inline:auto}
  .hero-cta .btn{justify-content:center; font-size:1.06rem; padding:16px 20px}
  .tap-hint{font-size:.92rem; padding:10px 15px}
  /* מובייל: מה כלול + תוספות קומפקטיים */
  .incl-head{justify-content:center; text-align:center}
  .addon-grid{grid-template-columns:repeat(2,1fr); gap:12px}
  .addon-grid .bar-pair{grid-column:1 / -1}
  .addon-body{padding:12px 12px 14px}
  .addon-body h4{font-size:.95rem}
  .addon-body p{font-size:.78rem; margin-bottom:8px}
  .addon-price{font-size:1.08rem}
}

/* ============ DOLLS - רצועה שזזה לבד, רקע מצויר לכל בובה ============ */
.dolls-sub{font-weight:800; font-size:clamp(1rem,2.6vw,1.15rem); color:#3E4A78; margin:0 auto}
.dolls-sub b{color:#9E1B5E}
.doll-rail{direction:ltr; overflow-x:auto; scrollbar-width:none; margin-top:26px; padding-block:14px 26px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.doll-rail::-webkit-scrollbar{display:none}
.doll-track{display:flex; gap:18px; width:max-content; padding-inline:18px}
.doll{direction:rtl; flex:none; width:clamp(178px,52vw,230px); margin:0}
.doll-stage{position:relative; aspect-ratio:3/4; border-radius:26px; overflow:hidden; border:5px solid #fff;
  box-shadow:0 14px 30px rgba(38,60,120,.18); transition:transform .3s var(--spring)}
.doll-stage:after{content:""; position:absolute; left:18%; right:18%; bottom:5%; height:7%; border-radius:50%;
  background:radial-gradient(ellipse,rgba(20,30,70,.32),transparent 70%); z-index:1}
.doll-stage img{position:absolute; bottom:7%; left:50%; transform:translateX(-50%); height:84%; width:auto; max-width:92%; object-fit:contain; z-index:2;
  filter:drop-shadow(0 8px 10px rgba(20,30,70,.28)); transition:transform .35s var(--spring)}
@media (hover:hover) and (pointer:fine){
  .doll:hover .doll-stage{transform:translateY(-6px) rotate(-1deg)}
  .doll:hover .doll-stage img{transform:translateX(-50%) scale(1.05)}
}
.doll figcaption{margin:-20px auto 0; position:relative; z-index:3; display:table; background:#fff; color:var(--ink);
  font-weight:900; font-size:1.02rem; padding:7px 18px; border-radius:999px; box-shadow:0 6px 14px rgba(38,60,120,.16)}
.t-elsa{background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='76' height='76'%3E%3Cg stroke='white' stroke-width='2' stroke-linecap='round' fill='none' opacity='.8'%3E%3Cpath d='M20 8v22M10.5 13.5l19 11M10.5 24.5l19-11'/%3E%3Cpath d='M58 44v16M51 48l14 8M51 56l14-8'/%3E%3C/g%3E%3Ccircle cx='50' cy='16' r='2.2' fill='white' opacity='.85'/%3E%3Ccircle cx='16' cy='60' r='2.6' fill='white' opacity='.7'/%3E%3C/svg%3E"),
  radial-gradient(circle at 50% 38%, rgba(255,255,255,.85), transparent 52%),
  linear-gradient(180deg,#E6F7FF,#93D3F6 58%,#5DA9E8)}
.t-stitch{background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cg fill='white'%3E%3Cpath d='M20 10l2 6 6 2-6 2-2 6-2-6-6-2 6-2z' opacity='.9'/%3E%3Cpath d='M68 52l1.4 4 4 1.4-4 1.4-1.4 4-1.4-4-4-1.4 4-1.4z' opacity='.8'/%3E%3Ccircle cx='60' cy='18' r='1.6' opacity='.7'/%3E%3Ccircle cx='14' cy='70' r='1.4' opacity='.6'/%3E%3Ccircle cx='40' cy='44' r='1.2' opacity='.6'/%3E%3C/g%3E%3C/svg%3E"),
  radial-gradient(circle at 78% 16%, #FFF6C8 0 7%, rgba(255,246,200,.35) 8%, transparent 16%),
  radial-gradient(ellipse 90% 30% at 50% 102%, #FF8FC7 0 40%, transparent 41%),
  linear-gradient(180deg,#1C2A6E,#3A5BCF 62%,#62B4EC)}
.t-kitty{background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M16 26s-9-5.6-11.8-11C2.1 10.6 4.6 6 9 6c2.5 0 4.2 1.4 5.6 3.3C16 7.4 17.7 6 20.2 6c4.4 0 6.9 4.6 4.8 9-2.8 5.4-9 11-9 11z' fill='white' opacity='.8'/%3E%3Cpath d='M48 56s-6-3.7-7.9-7.3c-1.4-2.9.3-6 3.2-6 1.7 0 2.8.9 3.7 2.2.9-1.3 2-2.2 3.7-2.2 2.9 0 4.6 3.1 3.2 6C52 52.3 48 56 48 56z' fill='%23FF7FB0' opacity='.45'/%3E%3C/svg%3E"),
  linear-gradient(180deg,#FFF2F8,#FFC4DE 70%,#FFA3CB)}
.t-unicorn{background:
  radial-gradient(ellipse 30% 9% at 22% 92%, #fff 60%, transparent 62%),
  radial-gradient(ellipse 34% 10% at 78% 93%, #fff 60%, transparent 62%),
  radial-gradient(ellipse 24% 8% at 50% 96%, #fff 60%, transparent 62%),
  radial-gradient(circle at 50% 100%, transparent 36%, #FF9CC2 36% 42%, #FFC97A 42% 48%, #FFF08A 48% 54%, #97E6A4 54% 60%, #85CCFF 60% 66%, #BFA3FF 66% 72%, transparent 72%),
  linear-gradient(180deg,#FDE9F8,#E6DBFF)}
.t-clown{background:
  radial-gradient(circle at 50% 108%, rgba(255,255,255,.9) 0 18%, transparent 46%),
  repeating-conic-gradient(from 0deg at 50% 108%, #FF8E8E 0 9deg, #FFE59A 9deg 18deg)}
.t-bunny{background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='40'%3E%3Cg%3E%3Ccircle cx='14' cy='22' r='3.4' fill='%23FFB3D1'/%3E%3Ccircle cx='14' cy='22' r='1.4' fill='%23FFD23F'/%3E%3Ccircle cx='50' cy='10' r='2.8' fill='white'/%3E%3Ccircle cx='50' cy='10' r='1.1' fill='%23FFD23F'/%3E%3C/g%3E%3C/svg%3E") 0 100%/70px 26% repeat-x,
  radial-gradient(ellipse 140% 34% at 50% 104%, #6ED18A 0 58%, transparent 59%),
  radial-gradient(ellipse 110% 30% at 10% 100%, #9BE3A8 0 58%, transparent 59%),
  radial-gradient(circle at 82% 16%, #FFE680 0 9%, rgba(255,230,128,.4) 10%, transparent 20%),
  linear-gradient(180deg,#CDEFFF,#F0FBFF 70%)}
.t-minnie{background:
  radial-gradient(circle, rgba(224,72,154,.28) 0 22%, transparent 23%) 0 0/38px 38px,
  radial-gradient(circle, rgba(224,72,154,.28) 0 22%, transparent 23%) 19px 19px/38px 38px,
  radial-gradient(circle at 50% 40%, #fff 0 20%, transparent 60%),
  linear-gradient(180deg,#FFF5F9,#FFDDEB)}
.t-pikachu{background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='84'%3E%3Cpath d='M24 6L12 30h10l-6 18 18-26H24l6-16z' fill='%23FFE45C' opacity='.95'/%3E%3Cpath d='M64 46l-8 16h7l-4 12 12-17h-8l4-11z' fill='white' opacity='.6'/%3E%3C/svg%3E"),
  radial-gradient(circle at 50% 42%, rgba(255,255,255,.55), transparent 50%),
  linear-gradient(180deg,#5BB6F5,#2F72DA)}
.t-ariel{background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='110'%3E%3Cg fill='none' stroke='white' stroke-width='1.8' opacity='.7'%3E%3Ccircle cx='18' cy='20' r='6'/%3E%3Ccircle cx='60' cy='60' r='4'/%3E%3Ccircle cx='26' cy='88' r='8'/%3E%3Ccircle cx='66' cy='12' r='3'/%3E%3C/g%3E%3C/svg%3E"),
  repeating-linear-gradient(105deg, rgba(255,255,255,.14) 0 22px, transparent 22px 60px),
  linear-gradient(180deg,#86EAE3,#2DA3D3 55%,#1C5DA6)}
.t-kpop{background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cg fill='white'%3E%3Cpath d='M18 10l1.6 5 5 1.6-5 1.6-1.6 5-1.6-5-5-1.6 5-1.6z' opacity='.85'/%3E%3Cpath d='M60 50l1.2 3.6 3.6 1.2-3.6 1.2-1.2 3.6-1.2-3.6-3.6-1.2 3.6-1.2z' opacity='.7'/%3E%3C/g%3E%3C/svg%3E"),
  conic-gradient(from 160deg at 20% -5%, transparent 0 8deg, rgba(255,140,220,.35) 8deg 22deg, transparent 22deg),
  conic-gradient(from 178deg at 80% -5%, transparent 0 4deg, rgba(140,200,255,.35) 4deg 18deg, transparent 18deg),
  radial-gradient(ellipse 70% 16% at 50% 96%, rgba(255,120,210,.7), transparent 70%),
  linear-gradient(180deg,#2A1552,#6A2BB0 70%,#8E3BCB)}
.t-gabby{background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72'%3E%3Cg fill='%23E0489A' opacity='.35'%3E%3Cellipse cx='20' cy='24' rx='6' ry='5'/%3E%3Ccircle cx='13' cy='15' r='2.4'/%3E%3Ccircle cx='19' cy='12' r='2.4'/%3E%3Ccircle cx='26' cy='15' r='2.4'/%3E%3C/g%3E%3Cpath d='M56 48l1.6 5 5 1.6-5 1.6-1.6 5-1.6-5-5-1.6 5-1.6z' fill='white' opacity='.85'/%3E%3C/svg%3E"),
  radial-gradient(circle at 50% 40%, rgba(255,255,255,.6), transparent 52%),
  linear-gradient(180deg,#F3E8FF,#D3B6F7 65%,#C59BF0)}
.t-spiderman{background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg fill='none' stroke='%23D9303B' stroke-width='1.4' opacity='.4'%3E%3Cpath d='M0 0L120 46M0 0L92 92M0 0L46 120M0 0L120 0M0 0L0 120'/%3E%3Cpath d='M30 0Q24 14 28 11Q20 22 21 21Q14 24 11 28Q14 24 0 30'/%3E%3Cpath d='M62 0Q50 28 56 23Q42 42 44 44Q24 50 23 56Q28 50 0 62'/%3E%3Cpath d='M96 0Q80 44 88 36Q66 66 68 68Q38 80 36 88Q44 80 0 96'/%3E%3C/g%3E%3C/svg%3E") 0 0/62% auto no-repeat,
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='60'%3E%3Cpath d='M0 60V30h12V18h10v14h8V8h14v24h6V22h12v38zM64 60V26h10V12h12v20h8V20h10v16h16v24z' fill='%237FA6E0'/%3E%3Cg fill='white' opacity='.8'%3E%3Crect x='34' y='14' width='3' height='3'/%3E%3Crect x='34' y='22' width='3' height='3'/%3E%3Crect x='78' y='18' width='3' height='3'/%3E%3Crect x='14' y='36' width='3' height='3'/%3E%3Crect x='98' y='28' width='3' height='3'/%3E%3C/g%3E%3C/svg%3E") 0 100%/120px 28% repeat-x,
  radial-gradient(circle at 50% 40%, rgba(255,255,255,.7), transparent 52%),
  linear-gradient(180deg,#EAF6FF,#B5DDF8 65%,#93C8F2)}

/* ============ TAP HINT ============ */
.tap-hint{display:inline-flex; align-items:center; gap:8px; margin-top:12px; font-weight:900; font-size:clamp(1rem,2.6vw,1.22rem);
  color:var(--magenta-deep); background:#fff; padding:11px 22px; border-radius:999px;
  box-shadow:0 8px 20px rgba(224,72,154,.2); border:1.5px solid var(--pink-soft); animation:tapPulse 2.2s ease-in-out infinite}
@keyframes tapPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}

/* ============ INCLUDED (טקסט מהמחירון) ============ */
.incl-card{padding:clamp(22px,3.5vw,38px); margin-top:26px}
.incl-head{display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-top:22px; padding-top:20px; border-top:2px dashed var(--pink-soft)}
.incl-badge{background:linear-gradient(180deg,#FFE3F0,#FBD0E6); color:#9E1B5E; font-weight:800; font-size:.95rem; padding:8px 17px; border-radius:999px}
.incl-price{display:flex; align-items:baseline; gap:5px; color:var(--magenta)}
.incl-price b{font-size:clamp(2.3rem,7vw,3.1rem); font-weight:900; letter-spacing:-1.5px; line-height:1}
.incl-price span{font-weight:800; font-size:1.1rem; color:#C42B7D}
.incl-price .incl-vat{font-weight:600; font-size:.78rem; color:#5B6690; opacity:1; white-space:nowrap}
.incl-list{list-style:none; padding:0; margin:0; display:grid; grid-template-columns:1fr 1fr; gap:11px 22px; text-align:right}
.incl-list li{position:relative; padding-inline-start:32px; font-weight:600; font-size:1rem; line-height:1.45; color:var(--ink)}
.incl-list li:before{content:"✓"; content:"✓" / ""; position:absolute; inset-inline-start:0; top:1px; width:23px; height:23px; border-radius:50%;
  background:linear-gradient(180deg,#59D69A,#2BAA68); color:#fff; font-size:.82rem; font-weight:900; display:grid; place-items:center; box-shadow:0 3px 6px rgba(43,170,104,.32)}
.incl-list li.gift{font-weight:800; color:var(--magenta-deep)}
.incl-list li.gift:before{content:"🎁"; content:"🎁" / ""; background:linear-gradient(180deg,var(--sun),var(--sun-deep)); font-size:.9rem; box-shadow:0 3px 6px rgba(240,174,0,.3)}
@media(max-width:600px){ .incl-list{grid-template-columns:1fr; gap:9px} }
.addon-title{text-align:center; font-size:clamp(1.2rem,3.6vw,1.6rem); font-weight:900; color:var(--ink); margin:36px 0 0}
.addon-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(235px,1fr)); gap:16px; margin-top:20px}
.addon{padding:0; overflow:hidden; display:flex; flex-direction:column; text-align:center}
.addon-img{aspect-ratio:16/10; background:linear-gradient(160deg,#EAF6FC,#F7E9F2); background-size:cover; background-position:center; display:grid; place-items:center; position:relative; border-bottom:1px solid var(--line)}
.addon-img .ph{display:flex; flex-direction:column; align-items:center; gap:4px; color:var(--ink-soft); font-weight:800; font-size:.82rem}
.addon-img .ph .em{font-size:1.9rem; opacity:.65}
.addon-img[style*="background-image"] .ph{display:none}
/* תמונה במלואה - בלי חיתוך (צמר גפן מתוק: רואים את כל המכונה) */
.addon-img.addon-img-full{aspect-ratio:2/3}
.addon-body{padding:16px 18px 20px; display:flex; flex-direction:column; flex:1}
.addon-body h4{margin:0 0 6px; font-size:1.12rem; color:var(--ink)}
.addon-body p{margin:0 0 12px; color:var(--ink-soft); font-weight:600; font-size:.93rem; flex:1}
.addon-price{font-weight:900; color:var(--magenta); font-size:1.3rem}
.addon-price.free{font-size:1.02rem}
/* סדנאות: כותרת + כוכב הבהרה צהוב */
.workshop-head{display:flex; align-items:center; justify-content:center; gap:8px; margin-top:34px; flex-wrap:wrap}
.workshop-head .addon-title{margin:0}
.star-wrap{flex:none; filter:drop-shadow(0 6px 12px rgba(240,174,0,.4))}
.star-note{width:158px; height:158px; display:grid; place-items:center; text-align:center; padding:24px;
  background:linear-gradient(180deg,#FFE066,var(--sun) 55%,var(--sun-deep));
  clip-path:polygon(50% 0%,60.6% 10.4%,75% 6.7%,79% 21%,93.3% 25%,89.6% 39.4%,100% 50%,89.6% 60.6%,93.3% 75%,79% 79%,75% 93.3%,60.6% 89.6%,50% 100%,39.4% 89.6%,25% 93.3%,21% 79%,6.7% 75%,10.4% 60.6%,0% 50%,10.4% 39.4%,6.7% 25%,21% 21%,25% 6.7%,39.4% 10.4%);
  color:var(--ink); font-weight:900; font-size:.92rem; line-height:1.28;
  animation:starsway 3.4s ease-in-out infinite alternate}
@keyframes starsway{from{transform:rotate(-8deg)}to{transform:rotate(-2deg)}}
.workshop-sub{text-align:center; margin:10px auto 0}
.workshop-sub .ws-free{display:inline-block; padding:10px 26px; border-radius:999px; background:linear-gradient(180deg,var(--magenta),var(--magenta-deep)); color:#fff;
  font-weight:900; font-size:clamp(1.3rem,5vw,1.55rem); box-shadow:0 8px 20px rgba(38,60,120,.18)}
.workshop-sub .ws-cap{margin-top:10px; color:#3E4A78; font-weight:700; font-size:.95rem; line-height:1.5}
.incl-note{margin:26px auto 0; max-width:620px; text-align:center; color:var(--ink);
  background:rgba(255,255,255,.9); padding:16px 20px; border-radius:22px; box-shadow:0 6px 18px rgba(38,60,120,.1)}
.incl-note p{margin:0; font-weight:900; font-size:clamp(1rem,3.6vw,1.12rem); line-height:1.55}
.incl-note p+p{margin-top:12px; padding-top:12px; border-top:1px solid rgba(38,60,120,.12)}
.incl-note .sub{display:block; font-size:.94em}

/* ============ PRICELIST ============ */
.mechiron-frame{display:flex; justify-content:center; margin-top:32px}
.mechiron-img{max-width:min(500px,94vw); border-radius:24px; border:6px solid #fff; box-shadow:var(--soft-sh); cursor:zoom-in;
  transition:max-width .35s ease; display:block}
.mechiron-img.zoomed{max-width:100%; cursor:zoom-out}
.mechiron-hint{text-align:center; margin-top:14px; font-weight:800; color:var(--ink); font-size:.95rem;
  background:rgba(255,255,255,.85); display:table; margin-inline:auto; padding:7px 18px; border-radius:999px; box-shadow:0 4px 12px rgba(38,60,120,.08)}

/* ============ STEPS ============ */
.step-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:20px; margin-top:34px}
.step{padding:28px 22px 24px; text-align:center}
.step .num{width:48px;height:48px;border-radius:50%; margin:0 auto 12px; display:grid; place-items:center; font-weight:900; font-size:1.3rem; color:#fff;
  background:linear-gradient(180deg,#F567AC,#D42A86); box-shadow:0 7px 14px rgba(212,42,134,.35), inset 0 2px 0 rgba(255,255,255,.4)}
.step .ico{font-size:2rem; margin-bottom:6px}
.step h3{font-size:1.18rem; margin-bottom:7px}
.step p{color:var(--ink-soft); font-weight:600; font-size:.98rem}

/* ============ REVIEWS ============ */
.rev-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(270px,1fr)); gap:18px; margin-top:32px}
.rev{padding:24px; text-align:right}
.rev .stars{color:#9A6700; font-size:1.05rem; margin-bottom:9px}
.rev p{font-weight:600; margin-bottom:15px}
.rev .who{display:flex; align-items:center; gap:11px}
.rev .av{width:42px;height:42px;border-radius:50%; background:linear-gradient(135deg,#C42B7D,#7B4FC9); color:#fff; display:grid; place-items:center; font-weight:900}
.rev .who b{display:block}
.rev .who small{color:var(--ink-soft)}

/* ============ FINAL ============ */
.final-card{text-align:center; padding:clamp(38px,6.5vw,64px); background:linear-gradient(160deg,#B5226F,#9E1B5E);
  position:relative; overflow:hidden; border-radius:28px; box-shadow:var(--soft-sh)}
.final-card:before{content:""; position:absolute; inset:0; background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.10),transparent 45%)}
.final-card h2{font-size:clamp(1.9rem,6vw,3.1rem); margin-bottom:14px; color:#fff; position:relative}
.final-card p{font-weight:700; font-size:1.1rem; max-width:520px; margin:0 auto 24px; color:#fff; opacity:.97; position:relative}
.final-card .btn{position:relative}
.final-card .note{margin-top:20px; font-weight:800; font-size:.98rem; color:#fff; position:relative; display:inline-flex; align-items:center; gap:8px;
  background:rgba(255,255,255,.16); padding:11px 20px; border-radius:999px}

/* ============ FOOTER - נמזג ברקע ============ */
.foot{background:transparent; color:var(--ink); text-align:center; padding:14px 20px 46px; position:relative; z-index:2}
.foot .badge{width:82px;height:82px; margin:0 auto 14px; border-width:3px}
.foot p{font-weight:700; font-size:.95rem; color:#3E4A78}
.foot .ig-foot{margin-top:18px}

/* ============ FAB / CONFETTI ============ */
/* בועות צפות: וואטסאפ + אינסטגרם, נשארות על המסך גם בגלילה */
.fab-stack{position:fixed; inset-inline-start:14px; bottom:calc(14px + env(safe-area-inset-bottom,0px)); z-index:60;
  display:flex; flex-direction:column; gap:11px}
.fab{width:54px;height:54px;border-radius:50%; display:grid; place-items:center; transition:transform .35s var(--spring)}
.fab svg{width:27px;height:27px}
.fab:hover{transform:scale(1.08)}
.fab:active{transform:scale(.94)}
.fab:focus-visible{outline:4px solid var(--ink); outline-offset:3px}
.fab-ig{background:linear-gradient(135deg,#FEDA75 0%,#FA7E1E 26%,#D62976 56%,#962FBF 80%,#4F5BD5 100%);
  box-shadow:0 10px 22px rgba(150,47,191,.45), inset 0 2px 0 rgba(255,255,255,.4)}
.fab-wa{background:#fff; animation:fabpulse 2.6s ease-in-out infinite}
.fab-wa svg{width:33px;height:33px}
@keyframes fabpulse{0%,100%{box-shadow:0 10px 22px rgba(20,150,72,.32), inset 0 0 0 1px rgba(20,150,72,.1), 0 0 0 0 rgba(28,179,90,.4)}50%{box-shadow:0 10px 22px rgba(20,150,72,.32), inset 0 0 0 1px rgba(20,150,72,.1), 0 0 0 13px rgba(28,179,90,0)}}
#confetti{position:fixed; inset:0; z-index:80; pointer-events:none}
.ph-tag{display:inline-block; background:var(--ink); color:var(--sun); font-weight:800; font-size:.64rem; padding:3px 8px; border-radius:6px; margin-inline-start:8px; vertical-align:middle}

@media (prefers-reduced-motion: reduce){
  *{animation-duration:.001ms!important; animation-iteration-count:1!important; transition-duration:.001ms!important}
  .reveal{opacity:1; transform:none}
  html{scroll-behavior:auto}
}

/* ============ SEO BUILD ADDITIONS ============ */
main:focus{outline:none}
.hero-logo-h1 picture{display:block}

/* שורת מיצוב מתחת ללוגו */
.hero-tagline{position:relative; z-index:2; text-align:center; margin:-12px auto 0; padding:0 20px;
  font-weight:800; font-size:clamp(1.05rem,2.2vw,1.25rem); line-height:28px; color:var(--ink); text-shadow:0 1px 0 rgba(255,255,255,.6); text-wrap:balance}

/* תמונות אמיתיות בתוך כרטיסי הקונספט והתוספות (במקום רקע שנבנה ב-JS) */
.concept .cimg>img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; display:block}
.addon-img>img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; display:block}

/* ============ FAQ ============ */
.faq{max-width:820px; margin:26px auto 0; padding:6px clamp(16px,3vw,30px); text-align:right}
.faq details{border-bottom:1.5px dashed var(--pink-soft)}
.faq details:last-child{border-bottom:none}
.faq summary{list-style:none; cursor:pointer; min-height:48px; display:flex; align-items:center; justify-content:space-between; gap:14px;
  padding:13px 0; font-weight:900; font-size:clamp(1rem,2.6vw,1.12rem); line-height:1.4; color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:""; flex:none; width:30px; height:30px; border-radius:50%; background:
  linear-gradient(var(--magenta-deep),var(--magenta-deep)) center/12px 3px no-repeat,
  linear-gradient(var(--magenta-deep),var(--magenta-deep)) center/3px 12px no-repeat, var(--pink-soft); transition:transform .25s ease}
.faq details[open] summary::after{background:linear-gradient(var(--magenta-deep),var(--magenta-deep)) center/12px 3px no-repeat, var(--pink-soft); transform:rotate(180deg)}
.faq .faq-a{padding:0 0 18px; font-weight:600; font-size:1rem; line-height:1.7; color:var(--ink)}

/* ============ STITCH PAGE (cp-) ============ */
.cp-crumbs{display:flex; align-items:center; gap:.4em; min-height:44px; margin-top:4px; margin-bottom:-6px; font-size:.9rem; font-weight:700; color:#3E4A78}
.cp-crumbs a{display:inline-flex; align-items:center; min-height:44px; text-decoration:underline; color:var(--ink)}
.cp-top{padding-top:8px}
.cp-h1{font-size:clamp(1.8rem,5.4vw,3rem); font-weight:900; letter-spacing:-.8px; color:var(--ink); text-shadow:0 2px 0 rgba(255,255,255,.55); margin:12px 0 14px; line-height:1.15}
.cp-intro{font-size:clamp(1.02rem,2.4vw,1.2rem); font-weight:600; color:#3E4A78; max-width:720px; margin:0 0 22px; line-height:1.65}
.cp-h2{font-size:clamp(1.5rem,4.2vw,2.2rem); text-align:right}
.cp-text{font-size:1.05rem; font-weight:600; color:#3E4A78; max-width:720px; line-height:1.7}
.cp-media{display:flex; flex-wrap:wrap; gap:18px; justify-content:center; margin-top:30px}
.cp-media figure{margin:0; width:min(100%,340px)}
.cp-photo,.cp-video{display:block; width:100%; border-radius:22px; border:5px solid #fff; box-shadow:var(--soft-sh); object-fit:cover; background:#CDEDF8}
.cp-photo{aspect-ratio:549/760; height:auto}
.cp-video{aspect-ratio:9/16; height:auto}
.cp-media figcaption{margin-top:10px; text-align:center; font-weight:800; font-size:.95rem; color:var(--ink)}
.cp-split{display:flex; flex-wrap:wrap; gap:24px; align-items:center}
.cp-split>div{flex:1 1 280px}
.cp-doll{width:min(250px,70vw); flex:none; margin-inline:auto}
.cp-addons{list-style:none; margin:0; padding:0; display:grid; gap:11px}
.cp-addons li{font-weight:800; font-size:1.02rem; color:var(--ink); padding-inline-start:30px; position:relative; line-height:1.45}
.cp-addons li:before{content:"+"; content:"+" / ""; position:absolute; inset-inline-start:0; top:1px; width:22px; height:22px; border-radius:50%; background:var(--pink-soft); color:var(--magenta-deep); font-weight:900; display:grid; place-items:center; font-size:.95rem; line-height:1}
.cp-more{display:inline-flex; align-items:center; min-height:44px; margin-top:10px; font-weight:900; color:var(--magenta-deep); text-decoration:underline}
.cp-rev{max-width:560px; margin-top:22px}
.cp-links{list-style:none; margin:20px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:10px}
.cp-links a{display:inline-block; background:rgba(255,255,255,.92); border:1px solid #fff; border-radius:999px; padding:11px 18px; font-weight:800; font-size:.95rem; color:var(--ink); box-shadow:0 6px 14px rgba(38,60,120,.09)}
.cp-links a:hover{background:linear-gradient(180deg,#FFE3F0,#FBD0E6); color:var(--magenta-deep)}

/* ============ 404 ============ */
.nf{min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:18px; text-align:center; padding:40px 20px; position:relative; z-index:2}
.nf .badge{width:96px; height:96px; border-width:3px}
.nf h1{font-size:clamp(2rem,7vw,3rem); font-weight:900; color:var(--ink); text-shadow:0 2px 0 rgba(255,255,255,.55)}

/* ============ LIGHTBOX VIDEO ============ */
#vlb{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;
  width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:inherit;overflow:visible}
#vlb[open]{display:flex}
#vlb::backdrop{background:transparent}
#vlb .vlb-back{position:absolute;inset:0;background:rgba(20,25,50,.82);backdrop-filter:blur(4px)}
#vlb .vlb-box{position:relative;z-index:2;width:min(430px,92vw);max-height:88vh;border-radius:22px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.5);background:#000}
#vlb video{width:100%;max-height:88vh;display:block;background:#000}
#vlb .vlb-x{position:absolute;top:10px;inset-inline-end:10px;z-index:3;width:40px;height:40px;border:none;border-radius:50%;background:rgba(255,255,255,.94);color:#26315A;font-size:1.6rem;font-weight:900;cursor:pointer;line-height:1;box-shadow:0 4px 12px rgba(0,0,0,.35);display:grid;place-items:center}

/* FAQ - tidy cards: icon + question, the answer opens on tap */
.faq-sec{padding-block:8px 34px}
.faq-title{font-size:clamp(1.3rem,3.6vw,1.7rem); font-weight:900; letter-spacing:-.3px; color:var(--ink); text-align:center; margin:0 0 14px;
  text-shadow:0 2px 0 rgba(255,255,255,.55)}
.faq-grid{display:grid; grid-template-columns:1fr; gap:10px; max-width:920px; margin-inline:auto; align-items:start}
@media (min-width:768px){ .faq-grid{grid-template-columns:1fr 1fr; gap:12px} }
.faq-item{background:rgba(255,255,255,.86); border:1.5px solid #fff; border-radius:20px; box-shadow:0 6px 16px rgba(38,60,120,.08); text-align:right}
.faq-item summary{list-style:none; cursor:pointer; display:flex; align-items:center; gap:11px; min-height:56px; padding:10px 14px;
  font-weight:800; font-size:1rem; line-height:1.35; color:var(--ink); border-radius:20px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:focus-visible{outline:3px solid #26315A; outline-offset:2px; box-shadow:0 0 0 5px rgba(255,255,255,.9)}
.faq-item .fi{flex:none; width:36px; height:36px; border-radius:50%; display:grid; place-items:center; font-size:1.05rem;
  background:linear-gradient(160deg,#FDE7F2,#E4F4FA)}
.faq-item .q{flex:1; min-width:0}
.faq-item summary::after{content:""; flex:none; width:9px; height:9px; margin-inline-end:6px; border-right:2.5px solid var(--magenta); border-bottom:2.5px solid var(--magenta);
  transform:translateY(-3px) rotate(45deg); transition:transform .2s ease}
.faq-item[open] summary::after{transform:translateY(2px) rotate(-135deg)}
.faq-item .faq-a{padding:0 16px 15px; padding-inline-start:61px; font-size:.95rem; font-weight:500; line-height:1.7; color:#3E4A78}
.faq-more{max-width:920px; margin:10px auto 0; text-align:center}
.faq-more > summary{list-style:none; cursor:pointer; display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:0 18px;
  font-size:.98rem; font-weight:800; color:var(--magenta-deep); background:rgba(255,255,255,.7); border-radius:999px; border:1.5px solid #fff}
.faq-more > summary::-webkit-details-marker{display:none}
.faq-more > summary::after{content:""; width:8px; height:8px; border-right:2.5px solid currentColor; border-bottom:2.5px solid currentColor; transform:translateY(-3px) rotate(45deg); transition:transform .2s ease}
.faq-more[open] > summary::after{transform:translateY(2px) rotate(-135deg)}
.faq-more > summary:focus-visible{outline:3px solid #26315A; outline-offset:2px; box-shadow:0 0 0 5px rgba(255,255,255,.9)}
.faq-more .faq-grid{margin-top:10px}

/* ============ ACCESSIBILITY / LEGAL ADDITIONS ============ */
/* pause button for the doll strip */
#dolls .wrap{position:relative}
.doll-pause{position:absolute; top:4px; inset-inline-end:20px; z-index:4; width:44px; height:44px; border-radius:50%; border:1.5px solid #fff; padding:0; cursor:pointer;
  display:grid; place-items:center; background:#fff; color:var(--ink); box-shadow:0 6px 14px rgba(38,60,120,.2); transition:transform .16s ease}
.doll-pause:hover{transform:scale(1.07)}
.doll-pause svg{width:20px; height:20px; fill:currentColor}
.doll-pause .i-play{display:none}
.doll-pause[aria-pressed="true"] .i-play{display:block}
.doll-pause[aria-pressed="true"] .i-pause{display:none}
.doll-rail:focus-visible{outline:3px solid #26315A; outline-offset:-3px; border-radius:6px; box-shadow:none}
/* small price note under the add-ons headings */
.price-note{text-align:center; margin:6px 0 0; font-size:.9rem; font-weight:600; color:#3E4A78}
/* footer legal links: 44px tap area, same visual size */
.foot .foot-links{margin:-4px 0 -13px; font-size:.8rem}
.foot .foot-links a{display:inline-flex; align-items:center; min-height:44px; padding-inline:6px; text-decoration:underline}
.foot .copy{margin-top:6px; font-size:.82rem}
.doll-pause[hidden]{display:none}