/* =========================================================
   باجبير للغازات — نظام تصميم صناعي دقيق
   ========================================================= */
:root{
  --text-xs:clamp(.7rem,.66rem + .2vw,.8rem);
  --text-sm:clamp(.82rem,.78rem + .25vw,.925rem);
  --text-base:clamp(.95rem,.9rem + .25vw,1.02rem);
  --text-lg:clamp(1.08rem,.98rem + .5vw,1.32rem);
  --text-xl:clamp(1.5rem,1.15rem + 1.4vw,2.3rem);
  --text-2xl:clamp(1.95rem,1.35rem + 2.5vw,3.35rem);

  --ink:#0a1218;
  --ink-2:#43535f;
  --ink-3:#77868f;
  --bg:#fff;
  --bg-2:#f3f5f6;
  --bg-3:#e9edef;
  --line:#dfe4e7;
  --deep:#0b1c27;
  --deep-2:#112b3a;
  --steel:#154f6c;
  --accent:#0e9fb5;
  --accent-ink:#075365;
  --accent-soft:#e7f5f8;
  --signal:#c9781a;
  --signal-soft:#fdf2e4;

  --r:4px;
  --r-lg:6px;
  --sh:0 1px 1px rgba(10,18,24,.04),0 10px 30px -22px rgba(10,18,24,.45);
  --sh-2:0 2px 4px rgba(10,18,24,.05),0 22px 44px -28px rgba(10,18,24,.55);
  --wrap:1220px;
  --mono:'IBM Plex Mono',ui-monospace,monospace;
  --disp:'Alexandria','IBM Plex Sans Arabic',system-ui,sans-serif;
  --grid-c:rgba(255,255,255,.055);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:'IBM Plex Sans Arabic','Segoe UI',system-ui,sans-serif;
  font-size:var(--text-base);line-height:1.78;-webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{margin:0;font-family:var(--disp);font-weight:700;line-height:1.2;letter-spacing:0}
h1{font-size:var(--text-2xl);font-weight:800}
h2{font-size:var(--text-xl)}
h3{font-size:var(--text-lg);}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
b,strong{font-weight:700}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 26px}
.skip{position:absolute;right:-9999px;top:8px}
.skip:focus{right:12px;background:#fff;padding:8px 14px;border-radius:var(--r);z-index:99}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}
::selection{background:var(--accent);color:#fff}

/* أرقام لاتينية بطابع تقني */
.ptable .p,.price b,.bigprice,.crow-sum,.totals dd,.hero-stats b,.qty span,.cart-count,
.info dd,.specs dd{font-variant-numeric:tabular-nums}

/* ---------- العناوين الفرعية ---------- */
.eyebrow{
  display:flex;align-items:center;gap:12px;
  font-size:.78rem;font-weight:700;
  color:var(--accent-ink);margin-bottom:18px;
}
.eyebrow::before{content:"";width:34px;height:1px;background:var(--accent);flex:0 0 auto}
.sec-lede{color:var(--ink-2);max-width:64ch;margin-top:16px}

/* ---------- شريط المعلومات العلوي ---------- */
.util{background:var(--deep);color:#93aab8;font-size:.7rem;}
.util-in{display:flex;align-items:center;gap:8px 24px;height:36px;flex-wrap:wrap}
.util span{display:flex;align-items:center;gap:7px;white-space:nowrap}
.util span::before{content:"";width:3px;height:3px;border-radius:50%;background:var(--accent)}
.util a{color:#cfe0e9;font-weight:600}
.util a:hover{color:#fff}
.util .u-end{margin-inline-start:auto}

/* ---------- الشريط العلوي ---------- */
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);transition:box-shadow .3s}
.nav.on{box-shadow:0 1px 0 var(--line),0 10px 30px -26px rgba(10,18,24,.7)}
.nav-in{display:flex;align-items:center;gap:22px;height:72px}
.brand{display:flex;align-items:center;gap:12px;color:var(--deep);flex:0 0 auto}
.logo{width:36px;height:36px;color:var(--steel);flex:0 0 auto}
.brand-txt{display:flex;flex-direction:column;line-height:1.25;white-space:nowrap;width:max-content;flex:0 0 auto}
.brand-txt b{font-family:var(--disp);font-size:1.12rem;font-weight:800;}
.brand-txt i{font-style:normal;font-size:.66rem;color:var(--ink-3);}
.links{display:flex;gap:2px;margin-inline-start:auto;font-size:var(--text-sm);font-weight:500;color:var(--ink-2)}
.links a{position:relative;padding:9px 13px;border-radius:var(--r);transition:.2s}
.links a::after{content:"";position:absolute;inset-inline:13px;bottom:4px;height:1.5px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .26s}
.links a:hover{color:var(--deep);background:var(--bg-2)}
.links a:hover::after,.links a.act::after{transform:scaleX(1)}
.links a.act{color:var(--deep);font-weight:700}

/* ---------- الأزرار ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  background:var(--deep);color:#fff;font:inherit;font-size:var(--text-sm);font-weight:600;
  padding:12px 24px;border:1px solid var(--deep);border-radius:var(--r);cursor:pointer;
  transition:background .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s;
}
.btn:hover{background:var(--steel);border-color:var(--steel);box-shadow:0 8px 22px -14px rgba(21,79,108,.9)}
.btn:active{transform:translateY(1px)}
.btn-sm{padding:9px 17px;font-size:var(--text-xs)}
.btn-ghost{background:transparent;color:var(--deep);border-color:var(--line)}
.btn-ghost:hover{background:var(--bg-2);color:var(--deep);border-color:var(--ink-3);box-shadow:none}
.btn-accent{background:var(--accent);border-color:var(--accent);color:#04262f}
.btn-accent:hover{background:#0bb4cd;border-color:#0bb4cd;color:#04262f}

/* ---------- الواجهة ---------- */
.hero{position:relative;isolation:isolate;color:#fff;overflow:hidden;background:var(--deep)}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;filter:saturate(.6) contrast(1.05)}
.hero-veil{position:absolute;inset:0;z-index:-2;background:
  linear-gradient(100deg,rgba(6,17,24,.97) 0%,rgba(8,26,38,.9) 42%,rgba(10,38,54,.58) 100%)}
.hero::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:
    linear-gradient(to left,var(--grid-c) 1px,transparent 1px),
    linear-gradient(to bottom,var(--grid-c) 1px,transparent 1px);
  background-size:74px 74px;
  mask-image:linear-gradient(to left,rgba(0,0,0,.85),transparent 72%);
  -webkit-mask-image:linear-gradient(to left,rgba(0,0,0,.85),transparent 72%);
}
.hero-in{padding:clamp(74px,10vw,128px) 26px clamp(0px,0vw,0px);max-width:var(--wrap);margin:0 auto}
.hero .eyebrow{color:#8fe0ef}
.hero .eyebrow::before{background:#4fc7dd}
.hero h1{max-width:24ch;text-wrap:balance;line-height:1.24}
.hero h1 span{color:#6fd6ea}
.lede{margin-top:24px;max-width:58ch;color:#c8dae5;font-size:var(--text-base)}
.cta{display:flex;flex-wrap:wrap;gap:11px;margin-top:34px}
.hero .btn{background:var(--accent);border-color:var(--accent);color:#032a34}
.hero .btn:hover{background:#25bad2;border-color:#25bad2;color:#032a34}
.hero .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.34)}
.hero .btn-ghost:hover{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.75)}

/* شريط الأرقام */
.hero-stats{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  margin:clamp(48px,6vw,74px) 0 0;border-top:1px solid rgba(255,255,255,.16);
}
.hero-stats li{padding:20px 0 clamp(26px,3.4vw,38px);padding-inline-end:24px;border-inline-start:1px solid rgba(255,255,255,.14)}
.hero-stats li:first-child{border-inline-start:none;padding-inline-start:0}
.hero-stats li:not(:first-child){padding-inline-start:24px}
.hero-stats b{display:block;font-family:var(--disp);font-size:clamp(1.6rem,1.1rem + 1.7vw,2.5rem);font-weight:800;color:#fff;line-height:1.05;}
.hero-stats span{display:block;margin-top:6px;font-size:.72rem;color:#8ba9ba;}

/* ---------- شريط الطمأنة ---------- */
.strip{background:var(--bg-2);color:var(--ink-2);border-bottom:1px solid var(--line)}
.strip-in{display:flex;flex-wrap:wrap;align-items:center;gap:10px 30px;padding:15px 26px;font-size:.74rem;font-weight:500}
.strip span{display:flex;align-items:center;gap:9px}
.strip i{width:16px;height:16px;flex:0 0 auto;border-radius:50%;background:var(--accent-soft);position:relative}
.strip i::after{content:"";position:absolute;inset:0;margin:auto;width:6px;height:6px;border-radius:50%;background:var(--accent)}

/* ---------- الأقسام ---------- */
.sec{padding:clamp(62px,7.5vw,104px) 0;position:relative}
.sec-alt{background:var(--bg-2);border-block:1px solid var(--line)}
.sec-dark{background:var(--deep);color:#dce8ef;position:relative;isolation:isolate}
.sec-dark::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background-image:linear-gradient(to left,var(--grid-c) 1px,transparent 1px);
  background-size:74px 74px;opacity:.9;
}
.sec-dark h2,.sec-dark h3{color:#fff}
.sec-dark .sec-lede{color:#9fbccd}
.sec-dark .eyebrow{color:#8fe0ef}
.sec-dark .eyebrow::before{background:#4fc7dd}

/* ---------- الشبكات والبطاقات ---------- */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:1px;margin-top:46px}
.grid-4{grid-template-columns:repeat(auto-fit,minmax(232px,1fr))}
.card{background:var(--bg);padding:30px 26px;transition:background .25s,box-shadow .3s;position:relative}
.card::before{content:"";position:absolute;top:0;inset-inline-start:0;width:0;height:2px;background:var(--accent);transition:width .32s cubic-bezier(.3,.7,.2,1)}
.card:hover{background:#fff;box-shadow:var(--sh-2);z-index:2}
.card:hover::before{width:100%}
.card h3{margin:14px 0 10px}
.card p{color:var(--ink-2);font-size:var(--text-sm)}
.card ul{margin-top:18px;padding-top:15px;border-top:1px solid var(--line);display:grid;gap:8px}
.card ul li{position:relative;padding-inline-start:15px;font-size:.76rem;color:var(--ink-3)}
.card ul li::before{content:"";position:absolute;inset-inline-start:0;top:.72em;width:6px;height:1px;background:var(--accent)}
.sec-alt .card{background:var(--bg)}

.tag{display:inline-flex;align-items:center;font-size:.66rem;font-weight:500;padding:4px 10px;border-radius:2px}
.tag-med{background:var(--accent-soft);color:var(--accent-ink)}
.tag-ind{background:var(--signal-soft);color:#8e5210}
.tag-acc{background:var(--bg-3);color:#4d5c67}

.card-cta{background:var(--deep);color:#dbe8ef;display:flex;flex-direction:column;gap:12px}
.card-cta::before{background:var(--accent)}
.card-cta h3{color:#fff;margin:0}
.card-cta p{color:#a5c1d1}
.card-cta:hover{background:var(--deep-2)}
.card-cta .btn-ghost{color:#fff;border-color:rgba(255,255,255,.36);margin-top:auto;align-self:flex-start}
.card-cta .btn-ghost:hover{background:rgba(255,255,255,.12);color:#fff;border-color:#fff}

.mini{padding:26px 24px;background:var(--bg)}
.mini .num{font-size:.7rem;font-weight:500;color:var(--accent);}
.mini h3{margin:10px 0 8px;font-size:var(--text-base);font-weight:700}
.mini p{font-size:var(--text-sm);color:var(--ink-2)}

/* ---------- الأقسام المزدوجة ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,70px);align-items:center}
.split + .split{margin-top:clamp(58px,7vw,100px);padding-top:clamp(58px,7vw,100px);border-top:1px solid var(--line)}
.split-rev .shot{order:2}
.shot{margin:0;overflow:hidden;background:var(--bg);border:1px solid var(--line);position:relative}
.shot img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover}
.shot figcaption{padding:13px 18px;font-size:.7rem;color:var(--ink-3);border-top:1px solid var(--line);background:var(--bg)}
.split-txt p{color:var(--ink-2);margin-top:16px}
.checks{margin-top:24px;display:grid;gap:11px}
.checks li{position:relative;padding-inline-start:26px;font-size:var(--text-sm);color:var(--ink)}
.checks li::before{
  content:"";position:absolute;inset-inline-start:1px;top:.5em;width:12px;height:7px;
  border-left:1.9px solid var(--accent);border-bottom:1.9px solid var(--accent);
  transform:rotate(-45deg);
}
.sec-dark .checks li{color:#cfe0ea}

/* ---------- الأسئلة ---------- */
.faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,5vw,70px);align-items:start}
.faq-wrap .btn{margin-top:28px}
.faq{display:grid;gap:0;border-top:1px solid rgba(255,255,255,.14)}
.faq details{border-bottom:1px solid rgba(255,255,255,.14);padding:2px 0}
.faq summary{cursor:pointer;font-weight:600;font-size:var(--text-sm);padding:17px 0;list-style:none;display:flex;justify-content:space-between;gap:16px;color:#fff}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--accent);font-size:1.1rem;line-height:1;flex:0 0 auto}
.faq details[open] summary::after{content:"–"}
.faq details p{padding:0 0 20px;font-size:var(--text-sm);color:#a7c2d1;max-width:70ch}
.faq details p a{color:#7fdcf0;font-weight:600}

/* ---------- التواصل ---------- */
.contact{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(32px,5vw,64px);align-items:start}
.info{margin:28px 0 0;display:grid;gap:0;border-top:1px solid var(--line)}
.info div{display:grid;grid-template-columns:140px 1fr;gap:16px;padding:15px 0;border-bottom:1px solid var(--line)}
.info dt{font-size:.68rem;color:var(--ink-3);font-weight:500;margin:0;padding-top:3px}
.info dd{margin:0;font-size:var(--text-sm);color:var(--ink)}
.info a{color:var(--steel);font-weight:700}
.info a:hover{color:var(--accent-ink)}
.form{background:var(--bg);border:1px solid var(--line);padding:30px 28px;box-shadow:var(--sh);display:grid;gap:15px}
.form h3{margin-bottom:2px}
.form label{display:grid;gap:7px;font-size:.68rem;font-weight:500;color:var(--ink-2)}
.form input,.form select,.form textarea{font-family:'IBM Plex Sans Arabic',system-ui,sans-serif;font-size:var(--text-sm);padding:12px 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg-2);color:var(--ink);width:100%;transition:.18s}
.form textarea{resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--accent);background:#fff;outline:none;box-shadow:0 0 0 3px rgba(14,159,181,.14)}
.form .btn{width:100%;margin-top:6px}
.form-ok{font-size:.76rem;color:var(--accent-ink);background:var(--accent-soft);padding:12px 14px;border-radius:var(--r);border-inline-start:2px solid var(--accent)}
.form-ok a{font-weight:700}
.form-note{font-size:.72rem;color:var(--ink-3)}

/* ---------- التذييل ---------- */
.foot{background:#060f15;color:#8ba5b4;padding:clamp(52px,6vw,76px) 0 32px;font-size:var(--text-sm);position:relative}
.foot::before{content:"";position:absolute;top:0;inset-inline:0;height:2px;background:linear-gradient(to left,var(--accent),transparent 60%)}
.foot-in{display:grid;gap:24px}
.foot-brand{color:#fff;font-family:var(--disp);font-weight:800;font-size:1.05rem;margin-bottom:8px;}
.foot nav{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:var(--text-sm)}
.foot a:hover{color:#7fdcf0}
.foot-cols{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:30px 34px}
.foot-cols a{display:block;font-size:.84rem;padding:4px 0;color:#9db6c4}
.foot-h{color:#fff;font-weight:500;font-size:.7rem;margin-bottom:12px;}
.tiny{font-size:.72rem;color:#5b7684;border-top:1px solid rgba(255,255,255,.09);padding-top:20px;line-height:1.7}

/* ---------- واتساب ---------- */
.wa{position:fixed;inset-inline-start:20px;bottom:20px;z-index:60;width:52px;height:52px;border-radius:50%;background:#1eb056;color:#fff;display:grid;place-items:center;box-shadow:0 12px 28px -10px rgba(30,176,86,.75);transition:.25s}
.wa:hover{transform:scale(1.06)}
.wa svg{width:28px;height:28px}

/* ---------- حركة ---------- */
.rise{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s cubic-bezier(.22,.68,.28,1)}
.rise.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rise{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}

/* =========================================================
   المتجر
   ========================================================= */
.cart-btn{position:relative;width:40px;height:40px;border-radius:var(--r);border:1px solid var(--line);background:var(--bg);color:var(--deep);display:grid;place-items:center;flex:0 0 auto;transition:.2s}
.cart-btn:hover{border-color:var(--steel);color:var(--steel);background:var(--bg-2)}
.cart-btn svg{width:21px;height:21px}
.cart-count{font-family:var(--mono);position:absolute;top:-6px;inset-inline-start:-6px;min-width:18px;height:18px;border-radius:2px;background:var(--signal);color:#fff;font-size:.64rem;font-weight:600;line-height:18px;text-align:center;padding:0 4px}

/* ترويسة صفحة */
.page-head{padding:clamp(30px,4.5vw,50px) 0 clamp(26px,4vw,38px);background:var(--bg-2);border-bottom:1px solid var(--line)}
.page-head h1{margin-top:14px}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:.68rem;color:var(--ink-3)}
.crumbs a{color:var(--steel);font-weight:500}
.crumbs a:hover{color:var(--accent-ink)}
.crumbs b{font-weight:500;color:var(--ink-2)}
.ticks{display:flex;flex-wrap:wrap;gap:9px 26px;margin-top:22px;font-size:.76rem;color:var(--ink-2)}
.ticks li{position:relative;padding-inline-start:19px}
.ticks li::before{content:"";position:absolute;inset-inline-start:0;top:.5em;width:9px;height:9px;border-radius:2px;background:var(--accent-soft);border:1.5px solid var(--accent)}

/* شريط الأدوات */
.sec-store{padding-top:clamp(28px,3.5vw,42px)}
.store-bar{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.filters{display:flex;flex-wrap:wrap;gap:6px}
.chip{font:inherit;font-size:.76rem;font-weight:600;padding:9px 16px;border-radius:var(--r);border:1px solid var(--line);background:var(--bg);color:var(--ink-2);cursor:pointer;transition:.2s}
.chip:hover{border-color:var(--ink-3);color:var(--deep)}
.chip.on{background:var(--deep);border-color:var(--deep);color:#fff}
.search{flex:0 1 250px;position:relative}
.search input{font:inherit;font-size:var(--text-sm);width:100%;padding:10px 15px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg);color:var(--ink)}
.search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(14,159,181,.14)}
.empty{margin-top:36px;text-align:center;color:var(--ink-3);font-size:var(--text-sm)}
.empty a{color:var(--steel);font-weight:700}

/* شبكة المنتجات */
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(246px,1fr));gap:1px}
.pcard{background:var(--bg);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .3s;position:relative}
.pcard:hover{box-shadow:var(--sh-2);z-index:2}
.pcard[hidden]{display:none}
.pcard-img{
  position:relative;display:grid;place-items:center;height:206px;
  background:
    linear-gradient(to left,rgba(11,28,39,.055) 1px,transparent 1px) 0 0/26px 26px,
    linear-gradient(to bottom,rgba(11,28,39,.055) 1px,transparent 1px) 0 0/26px 26px,
    linear-gradient(168deg,#f7f9fa,#e6ecef);
  border-bottom:1px solid var(--line);
}
.pcard-img.acc{background:#fff}
.pcard-img img{max-height:176px;width:auto;object-fit:contain;transition:transform .4s cubic-bezier(.3,.7,.2,1)}
.pcard-img .cyl{height:176px;width:auto;filter:drop-shadow(0 10px 14px rgba(10,18,24,.16));transition:transform .4s cubic-bezier(.3,.7,.2,1)}
.pcard:hover .pcard-img img,.pcard:hover .pcard-img .cyl{transform:translateY(-4px) scale(1.03)}
.pcard-tag{position:absolute;top:12px;inset-inline-end:12px;font-size:.62rem;font-weight:500;padding:4px 9px;border-radius:2px}
.t-med{background:var(--accent-soft);color:var(--accent-ink)}
.t-ind{background:var(--signal-soft);color:#8e5210}
.t-acc{background:var(--bg-3);color:#4d5c67}
.pcard-body{padding:18px 18px 16px;display:flex;flex-direction:column;gap:5px;flex:1}
.pcard-body h3{font-family:var(--disp);font-size:var(--text-base);font-weight:700}
.pcard-body h3 a:hover{color:var(--steel)}
.pcard-meta{font-size:.72rem;color:var(--ink-3);line-height:1.6}
.pcard-sizes{font-size:.68rem;color:var(--ink-2);}
.pcard-foot{margin-top:auto;padding-top:15px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line)}
.price{font-size:.7rem;color:var(--ink-3);white-space:nowrap;display:flex;flex-direction:column;line-height:1.3}
.price b{font-family:var(--disp);font-size:1.16rem;color:var(--deep);font-weight:800;}

/* صفحة منتج */
.prod{padding:clamp(28px,3.5vw,44px) 0 clamp(48px,6vw,76px)}
.prod-in{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(30px,4vw,60px);align-items:start}
.cyl-stage{
  margin-top:20px;border:1px solid var(--line);padding:40px 22px 24px;
  display:grid;justify-items:center;gap:20px;position:relative;overflow:hidden;
  background:
    linear-gradient(to left,rgba(11,28,39,.05) 1px,transparent 1px) 0 0/30px 30px,
    linear-gradient(to bottom,rgba(11,28,39,.05) 1px,transparent 1px) 0 0/30px 30px,
    linear-gradient(168deg,#f8fafb,#e2e9ed);
}
.cyl-stage.lightbody{background:
    linear-gradient(to left,rgba(11,28,39,.06) 1px,transparent 1px) 0 0/30px 30px,
    linear-gradient(to bottom,rgba(11,28,39,.06) 1px,transparent 1px) 0 0/30px 30px,
    linear-gradient(168deg,#eef2f5,#ccd7de)}
.cyl-stage .cyl{height:300px;width:auto;filter:drop-shadow(0 18px 24px rgba(10,18,24,.24))}
.cyl-sizes{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.cyl-sizes span{font-size:.66rem;font-weight:500;color:var(--ink-2);background:rgba(255,255,255,.88);border:1px solid var(--line);border-radius:2px;padding:4px 10px}
.acc-stage{margin-top:20px;background:#fff;border:1px solid var(--line);padding:18px;display:grid;place-items:center}
.prod-txt h1{margin-top:14px;font-size:clamp(1.7rem,1.2rem + 1.9vw,2.6rem)}
.formula{font-family:var(--mono);color:var(--accent);font-weight:600;font-size:.7em}
.prod-lede{margin-top:18px;color:var(--ink-2)}
.specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(142px,1fr));gap:0;margin:26px 0 0;border-top:1px solid var(--line)}
.specs div{padding:13px 16px 13px 0;border-bottom:1px solid var(--line)}
.specs dt{font-size:.66rem;color:var(--ink-3);font-weight:500;margin:0}
.specs dd{margin:3px 0 0;font-size:var(--text-sm);font-weight:700;color:var(--ink)}
.pick-h{margin-top:36px;font-size:var(--text-lg)}

/* جدول الأسعار */
.ptable{width:100%;border-collapse:collapse;margin-top:18px;background:var(--bg);border:1px solid var(--line)}
.ptable thead th{font-size:.68rem;font-weight:500;color:#c7dae4;background:var(--deep);padding:13px 15px;text-align:start}
.ptable tbody th{text-align:start;padding:16px 15px;border-bottom:1px solid var(--line);font-weight:600;vertical-align:top;background:var(--bg-2)}
.ptable tbody th b{display:block;font-family:var(--disp);font-size:var(--text-sm);font-weight:700;color:var(--ink)}
.ptable tbody th span{display:block;font-size:.7rem;color:var(--ink-3);font-weight:400;margin-top:4px;max-width:26ch;line-height:1.55}
.ptable td{padding:16px 15px;border-bottom:1px solid var(--line);border-inline-start:1px solid var(--line);vertical-align:top}
.ptable tbody tr:last-child th,.ptable tbody tr:last-child td{border-bottom:none}
.ptable .p{display:block;font-family:var(--disp);font-size:1.12rem;font-weight:800;color:var(--deep);margin-bottom:10px;white-space:nowrap;}
.ptable .btn{white-space:nowrap}
.pnote{margin-top:16px;font-size:.74rem;color:var(--ink-3);line-height:1.75;border-inline-start:2px solid var(--line);padding-inline-start:14px}
.pnote a{color:var(--steel);font-weight:700}
.buybox{margin-top:26px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:var(--bg-2);border:1px solid var(--line);padding:20px 22px}
.bigprice{font-family:var(--disp);font-size:1.75rem;font-weight:800;color:var(--deep);margin-inline-end:auto;}
.bigprice i{font-style:normal;font-size:.8rem;color:var(--ink-3);font-weight:500}
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,58px);align-items:start}
.chips-links{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}
.chips-links a{font-size:.76rem;font-weight:600;padding:9px 15px;border-radius:var(--r);border:1px solid var(--line);background:var(--bg);color:var(--ink-2);transition:.2s}
.chips-links a:hover{border-color:var(--steel);color:var(--deep);background:var(--bg-2)}
.band{display:flex;flex-wrap:wrap;gap:22px;align-items:center;justify-content:space-between}
.band .sec-lede{margin-top:10px}

/* العقود */
.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(262px,1fr));gap:1px;margin-top:36px;background:var(--line);border:1px solid var(--line)}
.tier{background:var(--bg);padding:30px 26px;display:flex;flex-direction:column;transition:box-shadow .3s;position:relative}
.tier::before{content:"";position:absolute;top:0;inset-inline-start:0;width:0;height:2px;background:var(--accent);transition:width .32s cubic-bezier(.3,.7,.2,1)}
.tier:hover{box-shadow:var(--sh-2);z-index:2}
.tier:hover::before{width:100%}
.tier-cap{font-size:.7rem;color:var(--accent-ink);font-weight:500;margin-top:8px}
.tier .checks{flex:1}
.tier .btn{margin-top:24px;align-self:flex-start}
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(auto-fit,minmax(228px,1fr));gap:1px;margin-top:34px;padding:0;list-style:none;background:var(--line);border:1px solid var(--line)}
.steps li{counter-increment:s;background:var(--bg);padding:26px 24px;display:grid;gap:9px}
.steps li::before{font-family:var(--mono);content:"0" counter(s);font-size:.78rem;font-weight:500;color:var(--accent);}
.steps b{font-family:var(--disp);font-size:var(--text-base);font-weight:700}
.steps span{font-size:var(--text-sm);color:var(--ink-2)}

/* السلة */
.cart-wrap{display:grid;grid-template-columns:1.24fr .76fr;gap:clamp(26px,4vw,44px);align-items:start}
.cart-list{display:grid;gap:1px;background:var(--line)}
.cart-list:empty{display:none}
.crow{background:var(--bg);border:1px solid var(--line);padding:18px 20px;display:grid;grid-template-columns:1fr auto auto auto;gap:16px;align-items:center}
.crow-txt{display:grid;gap:2px;min-width:0}
.crow-txt b{font-family:var(--disp);font-size:var(--text-sm);font-weight:700}
.crow-txt span{font-size:.68rem;color:var(--accent-ink);font-weight:500;}
.crow-txt i{font-style:normal;font-size:.7rem;color:var(--ink-3)}
.qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.qty button{font:inherit;font-size:1rem;width:32px;height:32px;border:none;background:var(--bg);color:var(--deep);cursor:pointer;transition:.15s}
.qty button:hover{background:var(--bg-3)}
.qty span{font-family:var(--mono);min-width:28px;text-align:center;font-size:.82rem;font-weight:600;border-inline:1px solid var(--line);line-height:32px}
.crow-sum{font-family:var(--disp);font-size:var(--text-base);font-weight:800;color:var(--deep);white-space:nowrap;}
.rm{font:inherit;font-size:.7rem;color:var(--ink-3);background:none;border:none;cursor:pointer;padding:0}
.rm:hover{color:#b4342a;text-decoration:underline}
.checkout{background:var(--bg-2);border:1px solid var(--line);padding:26px 24px;position:relative}
.checkout::before{content:"";position:absolute;top:0;inset-inline:0;height:2px;background:var(--accent)}
.checkout h2{font-size:var(--text-lg)}
.totals{margin:18px 0 22px;display:grid;border-top:1px solid var(--line)}
.totals div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}
.totals dt{font-size:.68rem;color:var(--ink-3);font-weight:500;margin:0}
.totals dd{margin:0;font-size:var(--text-sm);font-weight:600}
.totals .grand{border-bottom:none;padding-top:14px}
.totals .grand dt{font-size:.78rem;color:var(--ink-2);font-weight:700;letter-spacing:0;font-family:inherit}
.totals .grand dd{font-family:var(--disp);font-size:1.4rem;color:var(--deep);font-weight:800;}
.radios{border:1px solid var(--line);border-radius:var(--r);padding:14px 15px;margin:0;background:var(--bg);display:grid;gap:9px}
.radios legend{font-size:.66rem;font-weight:500;color:var(--ink-2);padding:0 6px}
.radio{display:flex!important;flex-direction:row;align-items:center;justify-content:flex-start;gap:9px;font-family:'IBM Plex Sans Arabic',system-ui,sans-serif;font-size:.8rem;font-weight:500;letter-spacing:0;color:var(--ink)}
.radio input{width:auto!important;padding:0!important;accent-color:var(--accent)}
.pay-soon{margin-top:16px;font-size:.72rem;color:var(--ink-3);background:var(--bg);border:1px solid var(--line);border-inline-start:2px solid var(--signal);padding:12px 14px;line-height:1.7}

/* إشعار */
.toast{position:fixed;inset-inline-start:20px;bottom:86px;z-index:70;max-width:min(340px,calc(100vw - 40px));background:var(--deep);color:#fff;font-size:.78rem;font-weight:600;padding:14px 18px;border-radius:var(--r);border-inline-start:2px solid var(--accent);box-shadow:0 16px 34px -14px rgba(11,28,39,.7);opacity:0;transform:translateY(10px);transition:.25s}
.toast.on{opacity:1;transform:none}

/* «السعر بالطلب» */
.price.ask{color:var(--signal);font-weight:700;font-size:.8rem;flex-direction:row;align-items:center}
.p.ask{color:var(--signal);font-family:'IBM Plex Sans Arabic',system-ui,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:0}
.bigprice.ask{font-size:1.2rem;color:var(--signal);font-family:'IBM Plex Sans Arabic',system-ui,sans-serif;font-weight:700;letter-spacing:0}
.ptable td .p.ask{white-space:nowrap}

/* =========================================================
   الاستجابة
   ========================================================= */
@media (max-width:1000px){
  .prod-in,.cart-wrap,.two,.split,.faq-wrap,.contact{grid-template-columns:1fr}
  .split-rev .shot{order:0}
  .foot-cols{grid-template-columns:1fr 1fr}
  .cyl-stage{padding:32px 20px 22px}
  .cyl-stage .cyl{height:252px}
}
@media (max-width:900px){
  .links{order:3;flex-basis:100%;margin-inline-start:0;gap:2px;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .links::-webkit-scrollbar{display:none}
  .links a{white-space:nowrap;padding:8px 11px}
  .nav-in{height:auto;flex-wrap:wrap;padding-top:12px;padding-bottom:2px}
  .hide-sm{display:none!important}
  .util-in{height:auto;padding:8px 0;gap:6px 18px}
  .util .u-end{margin-inline-start:auto}
  .util-in span:first-child{max-width:62vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media (max-width:680px){
  .hero-stats{grid-template-columns:1fr 1fr}
  .hero-stats li:nth-child(3){grid-column:1/-1;border-inline-start:none;padding-inline-start:0;border-top:1px solid rgba(255,255,255,.14)}
  .info div{grid-template-columns:1fr;gap:3px}
  .specs div{padding-inline-end:10px}
}
@media (max-width:620px){
  .pgrid{grid-template-columns:1fr 1fr}
  .pcard-img{height:164px}
  .pcard-img .cyl,.pcard-img img{height:142px;max-height:142px}
  .pcard-body{padding:14px}
  .pcard-foot{flex-direction:column;align-items:stretch;gap:9px}
  .pcard-foot .btn{width:100%}
  .ptable thead{display:none}
  .ptable,.ptable tbody,.ptable tbody tr,.ptable tbody th,.ptable td{display:block;width:100%}
  .ptable tbody tr{border-bottom:1px solid var(--line);padding:0}
  .ptable tbody tr:last-child{border-bottom:none}
  .ptable tbody th{border-bottom:1px solid var(--line);padding:13px 15px}
  .ptable td{border-inline-start:none;border-bottom:none;padding:11px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px}
  .ptable td::before{content:attr(data-lbl);font-size:.68rem;color:var(--ink-3);font-weight:500}
  .ptable .p{margin-bottom:0}
  .crow{grid-template-columns:1fr auto;gap:12px}
  .crow-sum{grid-column:2;text-align:end}
  .rm{grid-column:1/-1;justify-self:start}
  .cyl-stage .cyl{height:218px}
  .foot-cols{grid-template-columns:1fr}
  .search{flex:1 1 100%}
  .brand-txt i{display:none}
  .strip-in{gap:8px 20px;font-size:.7rem}
}
@media (max-width:420px){
  .pgrid{grid-template-columns:1fr}
  .hero-stats{grid-template-columns:1fr}
  .hero-stats li,.hero-stats li:not(:first-child){border-inline-start:none;padding-inline-start:0;padding-block:16px;border-top:1px solid rgba(255,255,255,.14)}
  .hero-stats li:first-child{border-top:none}
}

[hidden]{display:none!important}

.card-cta{grid-column:span 3}
@media(max-width:980px){.card-cta{grid-column:span 2}}
@media(max-width:640px){.card-cta{grid-column:span 1}}

/* حدود موحدة بلا فراغات رمادية */
.grid>*,.pgrid>*{box-shadow:0 0 0 1px var(--line)}
.grid>.card-cta{box-shadow:0 0 0 1px var(--deep)}