.autumn-page{
  --ink:#171364;
  --ink-2:#4d4965;
  --muted:#777184;
  --accent:#ef2b78;
  --accent-soft:#fff0f6;
  --cta:#ef2b78;
  --cta-dark:#cf165f;
  --bg:#fffaf6;
  --line:#eadde5;
  --gold:#ffc928;
  background:#fffaf6;
}

.autumn-page .wrap{max-width:650px}
.autumn-page .topbar{background:var(--ink);color:#fff;font-weight:800;letter-spacing:.1px}
.autumn-page .autumn-head{border-bottom:1px solid var(--line)}
.autumn-page .autumn-head a{background:var(--accent-soft);border-radius:999px;color:var(--accent);padding:9px 14px}

.autumn-logo{display:block;width:64px;height:61px;object-fit:contain}

.autumn-page section{scroll-margin-top:20px}
.autumn-page .section-kicker,.autumn-page .eyebrow{letter-spacing:.15px}
.autumn-page h2{line-height:1.35}
.autumn-page .section-copy{max-width:560px}

/* الهيرو */
.autumn-page .autumn-v3-hero{padding:14px 0 34px;background:linear-gradient(180deg,#fff 0%,#fff 78%,#fffaf6 100%)}
.autumn-page .autumn-v3-hero .wrap{display:grid;gap:12px}
.autumn-page .hero-stage{overflow:hidden;background:var(--ink);border-radius:26px;box-shadow:0 15px 38px rgba(23,19,100,.16)}
.autumn-page .hero-stage::after{content:"";display:block;height:12px;background:var(--ink)}
.autumn-page .hero-copy{display:grid;gap:0;padding:18px 18px 16px;color:#fff}
.autumn-page .hero-copy .eyebrow{width:max-content;max-width:100%;margin-bottom:11px;padding:7px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.09);color:#ffd95e;font-size:11px}
.autumn-page .hero-copy h1{margin:0;color:#fff;font-size:clamp(30px,8.3vw,44px);line-height:1.18;letter-spacing:-.7px}
.autumn-page .hero-copy h1 em{color:var(--gold)}
.autumn-page .hero-copy .lead{margin-top:9px;color:#e4e2ff;font-size:13.2px;line-height:1.58}

.media-placeholder{
  position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(145deg,#fff0f6 0%,#eef1ff 100%);border:2px dashed #d8c8da;
  border-radius:22px;color:var(--ink);text-align:center;padding:22px;
}
.media-placeholder::before,.media-placeholder::after{
  content:"";position:absolute;border-radius:50%;z-index:-1;pointer-events:none;
}
.media-placeholder::before{width:190px;height:190px;background:rgba(255,201,40,.28);top:-82px;left:-66px}
.media-placeholder::after{width:150px;height:150px;background:rgba(239,43,120,.09);bottom:-74px;right:-52px}
.media-placeholder b,.media-placeholder span,.media-placeholder em{display:block}
.media-placeholder b{font-size:15px;margin-bottom:7px}
.media-placeholder span{font-size:12.5px;line-height:1.65;color:var(--ink-2)}
.media-placeholder em{font-size:10px;font-style:normal;color:var(--muted);margin-top:8px}
.autumn-page .hero-media{display:block;overflow:hidden;margin:0;background:#f5e9dc}
.autumn-page .hero-media img{display:block;width:100%;height:240px;object-fit:cover;object-position:center 55%}

.autumn-page .week-offer{position:relative;z-index:2;margin:-24px 12px 0;background:#fff5d9;border:1px solid #f2d477;color:var(--ink);padding:12px 14px;box-shadow:0 10px 24px rgba(23,19,100,.12)}
.autumn-page .week-offer .offer-kicker{color:#806515}
.autumn-page .week-offer small{color:#6e613d}
.autumn-page .week-offer strong{font-size:21px}
.autumn-page .offer-badge{background:var(--accent);color:#fff}
.autumn-page .hero-cta{min-height:0;margin-top:1px;padding:9px 16px;box-shadow:0 8px 20px rgba(239,43,120,.22)}
.autumn-page .school-trust{grid-template-columns:repeat(3,1fr);margin-top:0}
.autumn-page .school-trust div{background:#fff;border:1px solid var(--line);color:var(--ink);display:grid;gap:3px;place-items:center;line-height:1.4;box-shadow:0 4px 12px rgba(23,19,100,.04)}

/* معرض الـ13 موديل */
.model-moods{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 2px}
.model-moods span{background:#eef1ff;border-radius:999px;color:var(--ink);font-size:11px;font-weight:800;padding:7px 10px}
.autumn-page #gallery{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px}
.autumn-page #gallery .mdl{background:#fff;border-color:var(--line);border-radius:14px;padding:6px;cursor:pointer}
.autumn-page #gallery .mdl img{aspect-ratio:1;object-fit:cover;background:#f7efea}
.autumn-page #gallery .mdl span{font-size:11.5px;margin-top:5px}
.autumn-page #gallery .mdl em{font-size:9.5px;line-height:1.45;margin:2px 2px 4px}
.autumn-page #gallery .mdl>b{display:block;background:var(--accent-soft);border-radius:8px;color:var(--accent);font-size:9.5px;line-height:1.2;margin-top:6px;padding:7px 4px}
.autumn-page #gallery .mdl.chosen{border-color:var(--accent);background:#fff8fb}
.autumn-page #gallery .mdl.chosen::after{content:"✓ اتضاف";position:absolute;top:9px;right:9px;background:var(--accent);border-radius:999px;color:#fff;font-size:9px;font-weight:900;padding:5px 7px;box-shadow:0 2px 8px rgba(23,19,100,.18)}
.autumn-page .mixnote{border-radius:14px;line-height:1.7}
.autumn-page .mixnote b{display:block;color:var(--ink)}





























/* إثبات الخامة */
.fabric-proof-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:9px;margin-top:18px}
.autumn-page .fabric-card{margin:0;border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--line)}
.autumn-page .fabric-card img{width:100%;aspect-ratio:1;object-fit:cover}
.autumn-page .fabric-card figcaption{padding:12px 13px}
.autumn-page .fabric-card b,.autumn-page .fabric-card span{display:block}
.autumn-page .fabric-card b{font-size:13px}
.autumn-page .fabric-card span{font-size:10.5px;line-height:1.55;color:var(--muted);margin-top:3px}
.fabric-side{display:grid;gap:9px}
.detail-proof-card{position:relative;margin:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}
.detail-proof-card img{display:block;width:100%;height:100%;min-height:0;aspect-ratio:1;object-fit:cover}
.detail-proof-card figcaption{position:absolute;right:6px;bottom:6px;left:6px;background:rgba(23,19,100,.9);border-radius:8px;color:#fff;font-size:9px;font-weight:800;line-height:1.35;padding:6px;text-align:center}
.fabric-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.fabric-benefits article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:12px 9px;text-align:center}
.fabric-benefits article>b{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);border-radius:11px;color:#fff;margin:0 auto 8px;font-size:14px}
.fabric-benefits h3{font-size:13px;margin-bottom:3px}
.fabric-benefits p{font-size:10.5px;line-height:1.5;color:var(--muted)}

/* شكلها في اللبس وريفيوز */
.wear-section{border-bottom:1px solid var(--line)}
.wear-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}
.wear-grid figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden}
.wear-grid img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.wear-grid figcaption{color:var(--ink);font-size:10.5px;font-weight:800;line-height:1.5;padding:9px;text-align:center}
.ugc-slot{background:#eef1ff;border:1px dashed #b9c1ef;border-radius:14px;margin-top:10px;padding:12px 14px;text-align:center}
.ugc-slot b,.ugc-slot span{display:block}
.ugc-slot b{color:var(--ink);font-size:12px}
.ugc-slot span{color:#625e88;font-size:10.5px;margin-top:3px}
.review-proof{border-block:0 1px solid var(--line)}
.autumn-page .review-count{background:var(--accent-soft)}
.autumn-page .rev{border-color:var(--line)}

/* عروض */
.autumn-page .offer-section{background:#fff8f2;border-bottom:1px solid var(--line)}
.autumn-page .offer-section .bundle{background:#fff}
.autumn-page .bundle.on,.autumn-page .bwrap.on{border-color:var(--accent);background:#fff5f8}
.autumn-page .bundle.on .radio,.autumn-page .pc.done .pc-h .n{background:var(--accent);border-color:var(--accent)}
.autumn-page .bundle.on .pr b,.autumn-page .bundle.on .pr em{color:var(--cta-dark)}
.autumn-page .bwrap.on{box-shadow:0 3px 14px rgba(239,43,120,.1)}
.offer-visual{display:grid;grid-template-columns:150px 1fr;align-items:center;background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;margin:16px 0 0}
.offer-visual img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.offer-visual figcaption{padding:13px}
.offer-visual b,.offer-visual span{display:block}
.offer-visual b{color:var(--ink);font-size:14px}
.offer-visual span{color:var(--muted);font-size:11px;line-height:1.55;margin-top:4px}
.autumn-page .ladder-note{background:#eef1ff;border-color:#d9def8;color:#363172;line-height:1.65}
.autumn-page .ladder-note b{display:block;color:var(--ink);margin-bottom:2px}

/* المقاس */
.autumn-page .size-visuals{grid-template-columns:1fr 1fr;margin-top:18px}
.autumn-page .size-visuals figure{display:flex;flex-direction:column}
.autumn-page .size-visuals img{height:auto;aspect-ratio:4/5;object-fit:cover}
.autumn-page .size-visuals figcaption{background:#fff;padding:9px 8px;text-align:center;font-size:10.5px;font-weight:800;color:var(--ink)}
.autumn-page .size-note{font-size:12px;color:var(--muted);margin-top:10px}
.autumn-page .tip{background:#eef1ff;border-right-color:var(--ink);color:#363172}

/* الشحن والثقة */
.trust-proof-section{border-bottom:1px solid var(--line)}
.delivery-promises{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:17px}
.delivery-promises article{background:#fff8f2;border:1px solid var(--line);border-radius:15px;padding:12px 9px;text-align:center}
.delivery-promises article>b{display:block;font-size:21px;margin-bottom:6px}
.delivery-promises h3{font-size:12px;margin-bottom:4px}
.delivery-promises p{font-size:10.5px;line-height:1.5;color:var(--muted)}

/* خطوات الأوردر + المنتقي */
.autumn-page .school-how article{background:#fff8f2}
.autumn-page #order{background:#f5efe9}
.autumn-page .form-card{border:1px solid var(--line);box-shadow:0 10px 32px rgba(23,19,100,.08)}
.autumn-page .bbody{background:#fffafd;border-top-color:#f1bfd3}
.autumn-page .pc{border-color:var(--line);background:#fff}
.autumn-page .pc.done{border-color:#f2a8c5;background:#fff9fb}
.autumn-page .mdl.on,.autumn-page .cchip.on{border-color:var(--accent);background:#fff0f6;color:var(--cta-dark);box-shadow:0 0 0 3px rgba(239,43,120,.1)}
.autumn-page .mdl.on::after,.autumn-page .sw-b.on::after{background:var(--accent)}
.autumn-page .prog .bar i{background:var(--accent)}
.autumn-page .summary{background:#fff5f8;border-color:#f4b8ca}
.autumn-page .summary .r.tot{border-color:#f4b8ca}
.autumn-page .summary .r.tot span:last-child{color:var(--accent)}

.optional-field{background:#fff;border:1px dashed var(--line);border-radius:12px;margin:0 0 14px;overflow:hidden}
.optional-field summary{color:var(--ink);font-size:13.5px;padding:12px 13px}
.optional-field summary::after{color:var(--accent)}
.optional-field .field{padding:0 12px 12px;margin:0}

.autumn-page .faq a{color:var(--accent);font-weight:800}

@media(min-width:760px){
  .autumn-page .autumn-v3-hero{padding:26px 0 38px}
  .autumn-page .autumn-v3-hero .wrap{max-width:980px;grid-template-columns:1fr 1fr;grid-template-areas:"stage stage" "offer cta" "trust trust";align-items:stretch;gap:14px}
  .autumn-page .hero-stage{grid-area:stage;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"copy media";min-height:390px}
  .autumn-page .hero-stage::after{display:none}
  .autumn-page .hero-copy{grid-area:copy;align-content:center;padding:38px 34px}
  .autumn-page .hero-copy h1{font-size:44px}
  .autumn-page .hero-copy .lead{font-size:15px}
  .autumn-page .hero-media{grid-area:media}
  .autumn-page .hero-media img{height:100%;min-height:390px;object-position:center}
  .autumn-page .week-offer{grid-area:offer;margin:0}
  .autumn-page .hero-cta{grid-area:cta;margin:0;padding:17px 18px}
  .autumn-page .school-trust{grid-area:trust;align-self:start}
  .model-viewer{align-items:center;justify-items:center;padding:24px}
  .model-view-sheet{border-radius:25px;max-width:500px;padding:20px}
  .model-view-image>img{aspect-ratio:4/3}
}

@media(max-width:359px){
  .autumn-page .hero-media{min-width:0}
  .autumn-page #gallery{grid-template-columns:repeat(2,1fr)}
  .autumn-page .fabric-proof-grid{grid-template-columns:1fr}
  .autumn-page .fabric-side{grid-template-columns:1fr 1fr}
  .autumn-page .delivery-promises,.autumn-page .fabric-benefits{grid-template-columns:1fr}
  .autumn-page .school-trust{grid-template-columns:1fr 1fr}
  .model-view-colors{grid-template-columns:repeat(4,minmax(0,1fr))}
  .offer-visual{grid-template-columns:120px 1fr}
}

/* المكان اللي كان محجوز للفيديو — اتملى بالفيديو الحقيقي */
.ugc-slot.cz-video-filled{display:block;min-height:0;padding:14px;border-style:solid;
  border-color:var(--line,#F0DCE4);text-align:center}
.ugc-slot.cz-video-filled .cz-video{max-width:250px;margin:0 auto}
.ugc-slot.cz-video-filled .cz-video-cap{margin-top:10px;font-size:11.5px;max-width:250px}