/* ===========================================================
   72Studio | النظام المشترك لكل صفحات الموقع
   الألوان، الخط، الهيدر، الفوتر، الكيكر، الأزرار، نافذة الدفع.
   =========================================================== */
:root{
  --teal:#235f74;
  --petrol:#173A47;
  --coral:#E85D43;
  --coral-deep:#D24E35;
  --ink:#17262D;
  --grey:#4E5F66;
  --mute:#8A979C;
  --ice:#A9C2CB;
  --mist:#F5F8F9;
  --tint:#E2ECF1;
  --line:#DCE3E6;
  --white:#FFFFFF;
  --col:min(1200px, 100% - 40px);
  --ff:"IBM Plex Sans Arabic","IBM Plex Sans",system-ui,sans-serif;
  /* أسماء قديمة تستخدمها نافذة الدفع */
  --paper:var(--mist);--slate:var(--grey);--r-sm:10px;--rule:1px solid var(--line);--copper-deep:var(--coral-deep);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:5.5rem;overflow-x:clip}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--ff);font-size:17px;line-height:1.8;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit}
p{margin:0}
h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}
.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}
.shell{width:var(--col);margin-inline:auto}
.skip{position:absolute;top:0;right:1.5rem;z-index:300;padding:.7rem 1.2rem;background:var(--white);color:var(--teal);font-weight:600;transform:translateY(-130%);transition:transform .2s}
.skip:focus{transform:none}

/* الكيكر: خط ينتهي بنقطة، في كل الموقع */
.kicker{display:flex;align-items:center;gap:.6rem;color:var(--coral);font-size:15px;font-weight:500;line-height:1.4}
.kicker::before{content:"";width:1.6rem;height:6px;flex:none;
  background:radial-gradient(circle closest-side,currentColor 46%,transparent 48%) left center/6px 6px no-repeat,
             linear-gradient(currentColor,currentColor) right center/calc(100% - 9px) 1.5px no-repeat}
.on-dark .kicker{color:var(--coral)}

/* الأزرار */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:0;border-radius:999px;cursor:pointer;font-weight:600;transition:background-color .25s ease,color .25s ease,box-shadow .25s ease;line-height:1.2}
.btn-coral{background:var(--coral);color:var(--white);padding:17px 34px;font-size:19px}
.btn-coral:hover{background:var(--coral-deep)}
.btn-line{background:transparent;color:var(--teal);box-shadow:inset 0 0 0 1.5px var(--teal);padding:17px 34px;font-size:19px}
.btn-line:hover{background:var(--teal);color:var(--white)}
.btn-ghost{background:transparent;color:var(--white);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4);padding:16px 30px;font-size:18px;font-weight:500}
.btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--white)}
.btn-sm{padding:9px 20px;font-size:15px;font-weight:500}

/* الهيدر */
.top{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid transparent;transition:border-color .2s}
.top.scrolled{border-bottom-color:#ECEFF0}
.top-row{height:76px;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.logo{font-weight:600;font-size:21px;letter-spacing:-.3px;direction:ltr}
.logo span{color:var(--teal)}
.top nav{display:flex;gap:36px;font-size:15px}
.top nav a:hover{color:var(--teal)}
.top-actions{display:flex;align-items:center;gap:20px;font-size:15px}
.top-actions .login{font-weight:500}
.top-actions .login:hover{color:var(--teal)}
.burger{display:none;width:44px;height:44px;border:0;background:none;padding:0;align-items:center;justify-content:center;cursor:pointer}
.drawer{display:none}
@media (max-width:980px){
  .top-row{height:62px}
  .top nav,.top-actions .login{display:none}
  .burger{display:flex}
  .drawer.open{display:block;border-top:1px solid #ECEFF0;background:var(--white)}
  .drawer .shell{display:flex;flex-direction:column;padding:10px 0 18px}
  .drawer a{padding:12px 0;font-size:17px;border-bottom:1px solid #F0F3F4}
  .drawer a:last-child{border-bottom:0}
}

/* الفوتر */
.site-foot{background:var(--petrol);color:var(--ice);padding:44px 0 36px;font-size:14px;border-top:1px solid rgba(255,255,255,.10)}
.foot-row{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}
.foot-brand{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}
.foot-brand .logo{color:var(--white)}
.foot-brand .logo span{color:var(--ice)}
.foot-brand>span{font-size:15px;color:var(--white)}
.foot-row nav{display:flex;gap:24px;flex-wrap:wrap}
.foot-row nav a{color:var(--white)}
.foot-row nav a:hover,.foot-legal nav a:hover{color:var(--coral)}
.foot-legal{margin-top:26px;padding-top:20px;border-top:1px solid rgba(255,255,255,.10);display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;font-size:13px;color:#7E9AA4}
.foot-legal nav{display:flex;gap:20px;flex-wrap:wrap}
.foot-legal nav a{color:var(--ice)}

/* الحقول */
input[type="text"],input[type="tel"],input[type="email"],textarea{width:100%;min-height:3rem;padding:.7rem .85rem;border:1px solid var(--line);border-radius:10px;background:var(--white);color:var(--ink);font:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}
input:focus,textarea:focus{outline:0;border-color:var(--teal);box-shadow:0 0 0 3px rgba(35,95,116,.1)}

/* نافذة الدفع */
.checkout-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:1rem;background:rgba(23,38,45,.52);backdrop-filter:blur(4px)}
.checkout-modal[hidden]{display:none}
.checkout-panel{position:relative;width:min(100%,32rem);max-height:calc(100vh - 2rem);overflow:auto;background:var(--white);border-radius:24px;box-shadow:0 30px 80px rgba(23,38,45,.28);padding:clamp(1.4rem,4vw,2.2rem)}
.checkout-close{position:absolute;inset-inline-end:.9rem;top:.8rem;width:2.5rem;height:2.5rem;border:0;border-radius:50%;background:var(--mist);color:var(--ink);font-size:1.4rem;cursor:pointer}
.checkout-panel h2{margin:.2rem 0 .3rem;font-size:clamp(1.5rem,4vw,2rem)}
.checkout-copy{margin:.5rem 0 1.1rem;color:var(--grey);font-size:.9rem;line-height:1.7}
.checkout-plan{padding:1rem 1.1rem;border-radius:16px;background:var(--petrol);color:var(--white);display:flex;justify-content:space-between;gap:1rem;align-items:center}
.checkout-plan strong,.checkout-plan span{display:block}.checkout-plan span{color:var(--ice);font-size:.82rem;margin-top:.18rem}.checkout-total{font-weight:600;direction:ltr;font-size:1.1rem}
.checkout-form{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1rem}
.checkout-form label{display:grid;gap:.35rem;color:var(--grey);font-size:.84rem}
.checkout-coupon{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:.55rem;align-items:end}.checkout-coupon label{min-width:0}.checkout-coupon-actions{display:flex;gap:.4rem}
.checkout-apply,.checkout-remove{min-height:3rem;padding:.55rem 1rem;border-radius:999px;cursor:pointer;font:inherit}.checkout-apply{border:0;box-shadow:inset 0 0 0 1.5px var(--teal);background:var(--white);color:var(--teal)}.checkout-remove{border:0;background:transparent;color:var(--grey)}
.checkout-summary{grid-column:1/-1;margin:0;padding:.7rem 0;border-block:1px solid var(--line)}.checkout-summary div{display:flex;justify-content:space-between;gap:1rem;padding:.2rem 0}.checkout-summary dt{color:var(--grey);font-size:.88rem}.checkout-summary dd{margin:0;font-weight:600;direction:ltr}.checkout-summary .grand{padding-top:.55rem;margin-top:.35rem;border-top:1px solid var(--line)}
.checkout-submit{grid-column:1/-1;width:100%}
.checkout-state{grid-column:1/-1;min-height:1.25rem;margin:0;color:var(--coral-deep);font-size:.84rem}.checkout-state[data-state="ok"]{color:var(--teal)}
body.checkout-open{overflow:hidden}
@media(max-width:560px){.checkout-form{grid-template-columns:1fr}.checkout-coupon{grid-column:1}}

@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}