:root{--wrap:1200px;--cream:#F6EFE8;--blush:#F2E0E5;--ink-bg:#1F1A1E;--plum:var(--brand)}
[data-theme=dark]{--cream:#171215;--blush:#22181D;--ink-bg:#0E0B0D}
body.site{background:var(--cream);font-size:16.5px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}
.lead{font-size:clamp(17px,1.5vw,20px);color:var(--ink-2);line-height:1.85;max-width:560px}
.fine{font-size:14px;color:var(--ink-3)}

/* الهيدر */
.s-head{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--cream) 94%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.s-head-in{display:flex;align-items:center;gap:28px;height:68px}
.s-nav{display:flex;gap:24px;font-size:15px}
.s-nav a,.s-link{text-decoration:none;color:var(--ink-2)}
.s-head-end{margin-inline-start:auto;display:flex;align-items:center;gap:14px}
.s-head .logo .mark{color:var(--plum)}
@media (hover:hover){.s-nav a:hover,.s-link:hover{color:var(--ink)}}

/* الهيرو */
.hero{padding:48px 0 72px}
.hero-in{display:grid;grid-template-columns:1fr 1.05fr;gap:44px;align-items:center}
.hero h1{font-size:clamp(38px,5.2vw,72px);line-height:1.16;letter-spacing:-.015em;font-weight:800}
.hero h1 em{font-style:normal;color:var(--plum);display:block;font-size:.62em;line-height:1.35;margin-top:.25em}
.hero .lead{margin:22px 0 28px}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.hero-live{display:flex;flex-direction:column;gap:12px;min-width:0}
.live-label{display:flex;align-items:center;gap:8px;font-size:14.5px;color:var(--ink-2);margin:0}
.live-label svg{color:var(--plum);transform:rotate(-90deg);width:18px;height:18px}
.live-pair{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:14px;align-items:start}
.live-pair .phone-sim{height:560px;box-shadow:0 30px 60px -30px rgba(60,20,40,.45)}
.live-note{display:flex;flex-direction:column;gap:8px}
.live-note .note-msg{background:var(--paper)}

/* عمود اليوم */
.daycard{background:var(--paper);border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:box-shadow .3s}
.daycard.flash{animation:flash 1.4s ease}
@keyframes flash{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--plum) 60%,transparent)}100%{box-shadow:0 0 0 14px transparent}}
.dc-head{display:flex;flex-direction:column;padding:10px 12px;border-bottom:1px solid var(--line);line-height:1.35}
.dc-head b{font-size:15px}
.dc-head span{font-size:12px;color:var(--ink-3)}
.dc-grid{position:relative;display:grid;grid-template-columns:34px repeat(3,1fr);margin:22px 0 10px}
.dc-times{position:relative}
.dc-times span{position:absolute;inset-inline-end:4px;transform:translateY(-50%);font:500 10.5px "Futura","GE SS";color:var(--ink-3);white-space:nowrap}
.dc-col{position:relative;border-inline-start:1px solid var(--line);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 36.2px,var(--line) 36.2px,var(--line) 37.2px)}
.dc-name{position:absolute;top:-20px;inset-inline:0;text-align:center;font-style:normal;font-size:11.5px;font-weight:600;color:var(--ink-2)}
.dc-ev{position:absolute;inset-inline:3px;background:var(--blue-soft);border-inline-start:2px solid var(--blue);border-radius:3px;font-style:normal;overflow:hidden}
.dc-ev.ok{background:var(--good-soft);border-color:var(--good)}
.dc-ev b{display:block;font:600 10px "Futura";padding:1px 3px;color:var(--ink)}
.dc-ev.new{background:var(--plum);border-color:var(--plum);animation:drop .7s cubic-bezier(.2,.9,.3,1.3)}
.dc-ev.new b{color:#fff}
@keyframes drop{from{transform:translateY(-30px);opacity:0}to{transform:none;opacity:1}}

/* الأقسام */
.band{padding:88px 0}
.band h2{text-wrap:balance;font-size:clamp(28px,3.4vw,44px);line-height:1.25;letter-spacing:-.01em;margin-bottom:16px;max-width:820px}
.band-lead{font-size:clamp(16.5px,1.4vw,19px);line-height:1.85;max-width:640px;margin-bottom:40px}
.band.plum{background:var(--plum);color:#fff}
.band.plum .band-lead{color:#F3DCE6}
.band.cream{background:var(--cream)}
.band.blush{background:var(--blush)}
.band.ink{background:var(--ink-bg);color:#F3EAEE}
.band.ink .band-lead{color:#C9BAC1}

/* مسار التذكير */
.track{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.3)}
.track li{padding:22px 22px 0 0;border-inline-start:1px solid rgba(255,255,255,.18);padding-inline:20px;display:flex;flex-direction:column;gap:12px}
.track li:first-child{border-inline-start:0;padding-inline-start:0}
.tk-t{font-size:13px;color:#F3DCE6;font-family:"Futura","GE SS"}
.tk-big{font:700 clamp(54px,6vw,84px)/1 "Futura";letter-spacing:-.02em;direction:ltr;text-align:end}
.track li:last-child .tk-big{text-decoration:line-through;text-decoration-thickness:4px;opacity:.55}
.track p{margin:0;color:#F7E8EE;font-size:15px;line-height:1.75}
.tk-bub{background:#fff;color:#1F1A1E;border-radius:8px;padding:10px 12px;font-size:14px;line-height:1.65;max-width:240px}
.tk-bub.me{background:#D9FDD3;align-self:flex-start;font:700 18px "Futura";padding:6px 16px}

/* قسم اللوحة */
.split{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}
.split.rev{grid-template-columns:1.1fr .9fr}
.split-copy p{font-size:17px;line-height:1.85;color:var(--ink-2);max-width:520px}
.points{margin:0;display:flex;flex-direction:column;gap:0}
.points div{padding:16px 0;border-top:1px solid var(--line)}
.points div:first-child{border-top:0;padding-top:4px}
.points dt{font-weight:700;font-size:17px;margin-bottom:4px}
.points dd{margin:0;color:var(--ink-2);line-height:1.8}
.points.light div{border-color:rgba(255,255,255,.14)}
.points.light dd{color:#C9BAC1}
.shot{background:var(--paper);border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 30px 60px -36px rgba(60,20,40,.45)}
.shot-bar{display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid var(--line);font-size:12.5px;color:var(--ink-3)}
.shot-bar i{width:9px;height:9px;border-radius:50%;background:var(--line-2)}
.shot-bar span{margin-inline-start:8px}
.shot-cal{display:grid;grid-template-columns:repeat(3,1fr);height:380px}
.sc-col{display:flex;flex-direction:column;border-inline-start:1px solid var(--line);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 47px,var(--line) 47px,var(--line) 48px)}
.sc-col:first-child{border-inline-start:0}
.sc-col b{display:block;text-align:center;padding:8px 0;border-bottom:1px solid var(--line);background:var(--paper);font-size:14px}
.sc-in{position:relative;flex:1}
.sc-col .ev{position:absolute;inset-inline:6px;font-style:normal;border-radius:4px;padding:5px 8px;font-size:12.5px;line-height:1.4;background:var(--blue-soft);border-inline-start:3px solid var(--blue);color:var(--ink);overflow:hidden}
.sc-col .ev.ok{background:var(--good-soft);border-color:var(--good)}
.sc-col .ev.s2{background:var(--brand-soft);border-color:var(--plum)}
.sc-col .off{font-style:normal}

/* صفحة الحجز المصغّرة */
.mini-page{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:20px;max-width:360px;justify-self:center;width:100%;display:flex;flex-direction:column;gap:12px;box-shadow:0 30px 60px -36px rgba(60,20,40,.4)}
.mp-name{font-size:19px}
.mp-step{font-size:14px;color:var(--ink-2)}
.mp-days{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.mp-days i,.mp-slots i{font-style:normal;text-align:center;border:1px solid var(--line-2);border-radius:6px;padding:8px 4px;font-size:13px;line-height:1.4}
.mp-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.mp-slots i{font-family:"Futura","GE SS"}
.mp-days i.on,.mp-slots i.on{background:var(--plum);border-color:var(--plum);color:#fff}

/* الموزّعين */
.dist{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:start}

/* السعر */
.price-wrap{display:grid;grid-template-columns:340px 1fr;gap:56px;align-items:start}
.price-box{background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--plum);border-radius:8px;padding:26px;display:flex;flex-direction:column;gap:4px}
.pb-l{font-size:14px;color:var(--ink-3)}
.pb-v{font:700 64px/1.1 "Futura";direction:ltr;text-align:end;align-self:flex-start}
.pb-u{color:var(--ink-2);margin-top:-6px}
.price-box p{margin:12px 0 18px;color:var(--ink-2);line-height:1.8}
.faq h2{margin-bottom:8px}
.faq details{border-top:1px solid var(--line);padding:14px 0}
.faq summary{font-weight:700;font-size:17px;display:flex;justify-content:space-between;gap:12px}
.faq summary::after{content:"+";font:400 22px/1 "Futura";color:var(--plum)}
.faq details[open] summary::after{content:"−"}
.faq p{margin:10px 0 0;color:var(--ink-2);line-height:1.85;max-width:640px}

/* الفوتر */
.s-foot{background:var(--ink-bg);color:#C9BAC1;padding:44px 0}
.s-foot-in{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.s-foot .logo{color:#fff}
.s-foot .logo .mark{color:#E7B7CB;--mark-ink:#1F1A1E}
.s-foot nav{display:flex;gap:18px;flex-wrap:wrap;font-size:14.5px}
.s-foot a{color:#C9BAC1;text-decoration:none}
.s-foot p{margin:10px 0 0;font-size:14.5px}

/* صفحات نصية */
.doc{padding:48px 28px 80px;max-width:780px}
.doc h1{font-size:34px;margin-bottom:18px}
.doc h2{font-size:20px;margin:26px 0 8px}
.doc p,.doc li{line-height:1.9;color:var(--ink-2)}

/* صفحة الحجز العامة */
.bp-body{background:var(--cream)}
.bp{max-width:520px;margin:0 auto;padding:28px 18px 50px;display:flex;flex-direction:column;gap:16px}
.bp-head{display:flex;flex-direction:column;padding-bottom:14px;border-bottom:1px solid var(--line)}
.bp-head b{font-size:24px}
.bp-head span{color:var(--ink-3);font-size:14px}
.bp-h{font-size:20px;display:flex;flex-direction:column}
.bp-h small{font-size:14px;color:var(--ink-3);font-weight:400}
.bp-list{list-style:none;margin:0;padding:0;background:var(--paper);border:1px solid var(--line);border-radius:8px}
.bp-list li + li{border-top:1px solid var(--line)}
.bp-list a{display:flex;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;min-height:60px}
.bp-list a > span{display:flex;flex-direction:column;flex:1;min-width:0}
.bp-list small{color:var(--ink-3);font-size:13px}
.bp-list em{font-style:normal;font-weight:600;white-space:nowrap}
.bp-list svg{color:var(--ink-3);width:18px;height:18px}
@media (hover:hover){.bp-list a:hover{background:var(--bg)}}
.bp-days{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.bp-days a{flex:none;min-width:84px;text-align:center;padding:8px 10px;border:1px solid var(--line-2);border-radius:8px;text-decoration:none;font-size:13.5px;line-height:1.45;background:var(--paper)}
.bp-days a.on{background:var(--plum);border-color:var(--plum);color:#fff}
.bp-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}
.bp-slots a{text-align:center;padding:11px 6px;border:1px solid var(--line-2);border-radius:8px;text-decoration:none;font:500 15px "Futura","GE SS";background:var(--paper)}
.bp-slots a.on{background:var(--plum);border-color:var(--plum);color:#fff}
@media (hover:hover){.bp-slots a:hover,.bp-days a:hover{border-color:var(--plum)}}
.bp-form{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:18px}
.bp-when{font-weight:700;font-size:17px;margin:0}
.bp-done{background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--good);border-radius:8px;padding:24px;display:flex;flex-direction:column;gap:8px}
.bp-done h2{font-size:24px}
.bp-foot{text-align:center;font-size:12.5px;color:var(--ink-3);margin-top:20px}

@media (max-width:1060px){
  .hero-in{grid-template-columns:1fr}
  .live-pair{grid-template-columns:minmax(0,1fr) 220px}
  .split,.split.rev,.dist,.price-wrap{grid-template-columns:1fr;gap:36px}
  .track{grid-template-columns:1fr 1fr;row-gap:28px}
  .track li:nth-child(3){border-inline-start:0;padding-inline-start:0}
}
@media (max-width:820px){
  .s-nav{display:none}
  .s-head-in{gap:12px}
  .s-head-end{gap:10px}
  .s-link{display:none}
  .wrap{padding:0 18px}
  .hero{padding:30px 0 50px}
  .band{padding:60px 0}
  .live-pair{grid-template-columns:1fr}
  .shot-cal{height:320px}
}
@media (max-width:620px){
  .track{grid-template-columns:1fr}
  .track li{border-inline-start:0;padding-inline:0;border-top:1px solid rgba(255,255,255,.18);padding-top:18px}
  .track li:first-child{border-top:0}
  .live-pair .phone-sim{height:520px}
  .s-head .btn.sm{padding:0 10px}
}
.band,[data-daycard]{scroll-margin-top:84px}