:root{--wrap:1200px;--cream:#F4F1EB;--blush:#EADFCB;--kraft:#E6D5B8;--ink-bg:#151A24;--plum:var(--brand)}
[data-theme=dark]{--cream:#12151B;--blush:#1E1B16;--kraft:#221D15;--ink-bg:#0B0E13}
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(20,30,60,.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.blue{background:var(--plum);color:#fff}
.band.blue .band-lead{color:#DCE7FA}
.band.kraft{background:var(--kraft)}
.band.cream{background:var(--cream)}
.band.blush{background:var(--blush)}
.band.ink{background:var(--ink-bg);color:#F3EAEE}
.band.ink .band-lead{color:#B9C1D0}

/* مسار التذكير */
.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:#DCE7FA;font-family:"Futura","GE SS"}
.tk-big{font:700 clamp(54px,6vw,84px)/1 "Futura";letter-spacing:-.02em;direction:ltr;text-align:end}

.track p{margin:0;color:#EEF3FC;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:#B9C1D0}
.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:#B9C1D0;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:#8DB4F2;--mark-ink:#151A24}
.s-foot nav{display:flex;gap:18px;flex-wrap:wrap;font-size:14.5px}
.s-foot a{color:#B9C1D0;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}
}

/* بوليصة الشحن */
.waybill{background:#FFFEFA;color:#1A1D24;border:1px solid #D2CBBF;border-radius:6px;padding:14px;display:flex;flex-direction:column;gap:8px;position:relative;font-size:13px;box-shadow:0 20px 40px -26px rgba(20,30,60,.4)}
.waybill.flash{animation:flash 1.2s ease}
.wb-top{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #1A1D24;padding-bottom:6px}
.wb-top b{font-size:15px}
.wb-top span{font:700 13px "Futura";border:2px solid #1A1D24;padding:0 6px;border-radius:3px}
.wb-row{display:flex;justify-content:space-between;gap:8px;border-bottom:1px dashed #C9C1B3;padding-bottom:6px}
.wb-row span{color:#6B7180}
.wb-bars{height:46px;background:repeating-linear-gradient(90deg,#1A1D24 0 2px,transparent 2px 4px,#1A1D24 4px 7px,transparent 7px 9px,#1A1D24 9px 10px,transparent 10px 13px);margin:4px 0}
.wb-stamp{border:3px solid #7E8492;color:#7E8492;border-radius:6px;padding:8px 6px;text-align:center;font-weight:800;font-size:14.5px;transform:rotate(-4deg);margin:6px 4px 2px;line-height:1.4;transition:all .3s}
.waybill[data-st=confirmed] .wb-stamp{border-color:#2F7A4B;color:#2F7A4B;background:#E0F0E5}
.waybill[data-st=cancelled] .wb-stamp{border-color:#C2372A;color:#C2372A;background:#F9E1DD}
.waybill[data-st=cancel_req] .wb-stamp{border-color:#C2372A;color:#C2372A;background:#F9E1DD}
.waybill[data-st=edit] .wb-stamp{border-color:#A8701A;color:#A8701A;background:#F8ECD6}
.waybill[data-st=asked] .wb-stamp{border-style:dashed}
.live-pair .waybill{align-self:start}

/* جدول طلبات Shopify المصغّر */
.mini-orders{width:100%;border-collapse:collapse;font-size:14px}
.mini-orders td{padding:11px 14px;border-bottom:1px solid var(--line)}
.mini-orders tr:last-child td{border-bottom:0}
.mini-orders td:first-child{font-family:"Futura";font-weight:600}
.mini-orders td:nth-child(3){white-space:nowrap}
.mini-orders i{font-style:normal;font:500 12px "Futura","GE SS";padding:2px 8px;border-radius:4px;white-space:nowrap}
.t-ok{background:var(--good-soft);color:var(--good)} .t-x{background:var(--bad-soft);color:var(--bad)} .t-ed{background:var(--mid-soft);color:var(--mid)} .t-nr{background:var(--bg);color:var(--ink-3)} .t-wait{background:var(--blue-soft);color:var(--blue)}
.mp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.mp-stats span{display:flex;flex-direction:column;align-items:center;border:1px solid var(--line);border-radius:6px;padding:10px 4px;font-size:13px;color:var(--ink-2)}
.mp-stats b{font:700 28px/1.2 "Futura";color:var(--ink)}
.mp-note{font-size:12px;color:var(--ink-3);margin:0}
@media (max-width:820px){ .mini-orders td{padding:9px 8px;font-size:13px} }

.track bdi,.mini-orders i{white-space:nowrap}
.band,[data-ordercard]{scroll-margin-top:84px}
.tk-opt{display:block;font-style:normal;border:1px solid #D2CBBF;border-radius:6px;padding:4px 8px;margin-top:6px}