:root{
    --maroon:#7D1230;
    --maroon-2:#680D27;
    --maroon-ink:#4C081C;
    --crimson:#A61E44;
    --paper:#F4EDDF;
    --card:#FDFAF2;
    --sand:#E4D7BE;
    --sand-2:#D9C9A8;
    --gold:#C29B4C;
    --gold-2:#E7CE96;
    --ink:#2A161C;
    --muted:#7C6A6D;
    --wa:#1DA85A;
    --wa-2:#158545;
    --tape:rgba(226,206,152,.8);
    --f-d:'Alexandria',system-ui,sans-serif;
    --f-b:'Almarai',system-ui,sans-serif;
    --f-s:'Rakkas',serif;
    --sadu-cream:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='26' viewBox='0 0 84 26'%3E%3Cg fill='%23F0E2C8'%3E%3Cpath fill-rule='evenodd' d='M21 1 33 13 21 25 9 13Zm0 6L27 13 21 19 15 13Z'/%3E%3Cpath fill-rule='evenodd' d='M63 1 75 13 63 25 51 13Zm0 6L69 13 63 19 57 13Z'/%3E%3Crect x='40' y='11' width='4' height='4'/%3E%3Crect x='-2' y='11' width='4' height='4'/%3E%3Crect x='82' y='11' width='4' height='4'/%3E%3C/g%3E%3C/svg%3E");
    --sadu-maroon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='26' viewBox='0 0 84 26'%3E%3Cg fill='%237D1230'%3E%3Cpath fill-rule='evenodd' d='M21 1 33 13 21 25 9 13Zm0 6L27 13 21 19 15 13Z'/%3E%3Cpath fill-rule='evenodd' d='M63 1 75 13 63 25 51 13Zm0 6L69 13 63 19 57 13Z'/%3E%3Crect x='40' y='11' width='4' height='4'/%3E%3Crect x='-2' y='11' width='4' height='4'/%3E%3Crect x='82' y='11' width='4' height='4'/%3E%3C/g%3E%3C/svg%3E");
    --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    font-family:var(--f-b);
    background:var(--paper);
    color:var(--ink);
    line-height:1.7;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
    position:relative;
  }
  body::before{
    content:"";position:fixed;inset:0;z-index:0;
    background:var(--grain);opacity:.05;pointer-events:none;
  }
  main,header.site,.topbar,footer{position:relative;z-index:1}
  img{max-width:100%;height:auto;display:block}
  a{color:inherit;text-decoration:none}
  h1,h2,h3{font-family:var(--f-d);line-height:1.32}
  .wrap{max-width:1180px;margin:0 auto;padding:0 22px}
  .sadu-band{height:13px;background:var(--sadu-cream) repeat-x center/auto 100%}

  /* ======= أزرار ======= */
  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:9px;
    font-family:var(--f-b);font-weight:800;font-size:.95rem;
    padding:14px 24px;border-radius:14px;border:0;cursor:pointer;
    transition:transform .16s,box-shadow .16s,background .16s;
    white-space:nowrap;position:relative;
  }
  .btn:active{transform:scale(.97)}
  .btn svg{width:19px;height:19px;flex:none}
  .btn-wa{background:var(--wa);color:#fff;box-shadow:0 10px 22px rgba(21,133,69,.28)}
  .btn-wa:hover{background:var(--wa-2);transform:translateY(-2px)}
  .btn-maroon{background:var(--maroon);color:#FBEEDC;box-shadow:0 10px 22px rgba(125,18,48,.28)}
  .btn-maroon:hover{background:var(--maroon-2);transform:translateY(-2px)}
  .btn-ghost{background:transparent;color:var(--maroon);border:2px solid currentColor}
  .btn-ghost:hover{background:var(--maroon);color:#FBEEDC;border-color:var(--maroon)}
  .btn-gold{background:var(--gold);color:var(--maroon-ink)}
  .btn-gold:hover{background:var(--gold-2)}
  .btn-lg{padding:17px 30px;font-size:1.05rem;border-radius:16px}

  /* ======= الشريط العلوي ======= */
  .topbar{background:var(--maroon-ink);color:#EBD7BC;font-size:.78rem;text-align:center;padding:8px 14px}
  .topbar b{color:var(--gold-2)}

  header.site{
    position:sticky;top:0;z-index:80;
    background:rgba(244,237,223,.9);
    backdrop-filter:blur(12px);
    border-bottom:1px solid var(--sand);
    transition:box-shadow .25s;
  }
  header.site.scrolled{box-shadow:0 10px 30px rgba(76,8,28,.10)}
  .nav{display:flex;align-items:center;gap:20px;height:70px}
  .brand{display:flex;align-items:center;gap:11px}
  .brand img{height:50px;width:auto;filter:drop-shadow(0 3px 6px rgba(76,8,28,.25))}
  .brand .bt{font-family:var(--f-d);font-weight:800;font-size:1.06rem;color:var(--maroon);line-height:1.2}
  .brand .bt small{display:block;font-family:var(--f-b);font-weight:700;font-size:.66rem;color:var(--muted);letter-spacing:.5px}
  .nav-links{display:flex;gap:24px;margin-inline-start:16px;font-weight:700;font-size:.9rem;color:#54424A}
  .nav-links a{padding:6px 0;position:relative}
  .nav-links a::after{content:"";position:absolute;bottom:0;right:0;width:0;height:2px;background:var(--gold);transition:width .22s}
  .nav-links a:hover{color:var(--maroon)}
  .nav-links a:hover::after{width:100%}
  .nav-cta{margin-inline-start:auto;display:flex;align-items:center;gap:12px}
  .phone-chip{display:flex;align-items:center;gap:8px;font-weight:800;font-size:.95rem;color:var(--maroon);direction:ltr}
  .phone-chip svg{width:17px;height:17px}

  /* ======= عناصر مطبعية مشتركة ======= */
  .ghost{
    position:absolute;font-family:var(--f-d);font-weight:900;
    color:transparent;-webkit-text-stroke:1.4px rgba(125,18,48,.10);
    pointer-events:none;user-select:none;white-space:nowrap;line-height:1;z-index:0;
  }
  .ghost.on-maroon{-webkit-text-stroke:1.4px rgba(240,226,200,.12)}
  .tape{
    position:absolute;width:96px;height:27px;background:linear-gradient(rgba(231,210,158,.9),rgba(216,192,132,.9));
    box-shadow:0 2px 6px rgba(76,8,28,.18);
    clip-path:polygon(3% 8%,97% 0,100% 92%,0 100%);
    z-index:5;
  }
  .stamp{
    position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;
    border-radius:50%;font-family:var(--f-s);line-height:1.15;
    z-index:6;box-shadow:0 8px 20px rgba(76,8,28,.22);
  }
  .stamp::after{content:"";position:absolute;inset:5px;border:1.6px dashed currentColor;border-radius:50%;opacity:.55}
  .kicker{
    display:inline-flex;align-items:center;gap:10px;
    font-weight:800;font-size:.8rem;letter-spacing:.6px;color:var(--crimson);
  }
  .kicker svg{width:15px;height:15px}
  .sec-head h2{font-size:clamp(1.65rem,3.4vw,2.5rem);font-weight:900;color:var(--maroon-ink);margin-top:8px}
  .sec-head p{color:var(--muted);margin-top:10px;font-size:.98rem;max-width:560px}
  .reg{width:15px;height:15px;flex:none}

  /* ======= الهيرو ======= */
  .hero{padding:52px 0 40px;position:relative;overflow:hidden}
  .hero .ghost{font-size:clamp(7rem,17vw,15rem);top:-12px;left:-30px}
  .hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:30px;align-items:center;position:relative;z-index:2}
  .status{
    display:inline-flex;align-items:center;gap:8px;
    background:var(--card);border:1px solid var(--sand);border-radius:999px;
    padding:8px 16px;font-size:.82rem;font-weight:700;color:#37693F;
    box-shadow:0 4px 12px rgba(76,8,28,.07);
  }
  .status .dot{width:9px;height:9px;border-radius:50%;background:#2FA35C;box-shadow:0 0 0 4px rgba(47,163,92,.16)}
  .status.closed{color:#8a6d3b}
  .status.closed .dot{background:var(--gold);box-shadow:0 0 0 4px rgba(194,155,76,.2)}
  .hero h1{
    font-size:clamp(2.35rem,5.2vw,4rem);font-weight:900;color:var(--maroon-ink);
    margin:20px 0 14px;text-wrap:balance;
  }
  .hero h1 .hl{
    display:inline-block;background:var(--maroon);color:#F6E7CE;
    padding:.02em .18em .08em;border-radius:.16em;
    transform:rotate(-1.6deg);box-shadow:4px 5px 0 rgba(194,155,76,.55);
  }
  .hero p.lead{font-size:1.1rem;color:#5E4B51;max-width:520px;margin-bottom:22px}
  .hero p.lead b{color:var(--maroon)}
  .ticks{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:26px}
  .tick{
    display:inline-flex;align-items:center;gap:8px;background:var(--card);
    border:1px solid var(--sand);border-radius:11px;padding:9px 14px;
    font-size:.84rem;font-weight:800;color:#4E3B42;
    box-shadow:0 3px 8px rgba(76,8,28,.05);
  }
  .tick svg{width:15px;height:15px;color:var(--wa-2)}
  .hero-cta{display:flex;flex-wrap:wrap;gap:13px;align-items:center}
  .micro{font-size:.82rem;color:var(--muted);margin-top:14px}
  .micro a{color:var(--maroon);font-weight:800;text-decoration:underline}

  /* لوحة الهيرو: ورقة عنابية + الدبدوب */
  .hero-board{position:relative;min-height:520px;z-index:2}
  .hb-sheet{
    position:absolute;inset:8% 4% 6% 10%;
    background:linear-gradient(160deg,var(--crimson),var(--maroon) 55%,var(--maroon-2));
    border-radius:26px;
    box-shadow:0 30px 60px rgba(76,8,28,.35), inset 0 1px 0 rgba(255,255,255,.14);
    overflow:hidden;
  }
  .hb-sheet::before{content:"";position:absolute;inset:0;background:var(--grain);opacity:.09}
  .hb-sheet::after{
    content:"";position:absolute;left:0;right:0;bottom:0;height:15px;
    background:var(--sadu-cream) repeat-x center/auto 100%;opacity:.9;
  }
  .hb-word{
    position:absolute;top:16px;right:22px;
    font-family:var(--f-s);font-size:1.5rem;color:var(--gold-2);
  }
  .hb-word small{display:block;font-family:var(--f-b);font-weight:700;font-size:.68rem;color:#E5BFA4;opacity:.85;margin-top:-6px}
  .hb-brand{position:absolute;top:22px;left:24px;font-family:var(--f-d);font-weight:900;font-size:1.2rem;color:var(--gold-2);letter-spacing:.4px;text-shadow:0 2px 10px rgba(0,0,0,.4)}
  .hero-bear{
    position:absolute;bottom:-6px;right:50%;transform:translateX(52%);
    width:min(78%,380px);z-index:4;
    filter:drop-shadow(0 24px 30px rgba(46,4,16,.45));
    animation:floaty 7s ease-in-out infinite;
  }
  @keyframes floaty{0%,100%{transform:translateX(52%) translateY(0)}50%{transform:translateX(52%) translateY(-9px)}}
  .hb-chip{
    position:absolute;display:flex;flex-direction:column;gap:3px;
    background:var(--card);border-radius:14px;padding:11px 15px;
    box-shadow:0 14px 30px rgba(76,8,28,.25);border:1px solid var(--sand);
    z-index:5;font-size:.72rem;color:var(--muted);font-weight:700;
  }
  .hb-chip b{font-family:var(--f-d);font-weight:900;font-size:1.15rem;color:var(--maroon);line-height:1.1}
  .hb-chip.c1{top:20%;left:2%;transform:rotate(-4deg)}
  .hb-chip.c2{bottom:13%;left:6%;transform:rotate(3deg)}
  .hb-stamp{
    width:96px;height:96px;background:var(--gold);color:var(--maroon-ink);
    bottom:24%;right:-2%;transform:rotate(9deg);font-size:1.02rem;padding:10px;
  }
  .hb-cmyk{position:absolute;bottom:9%;right:4%;display:flex;gap:5px;z-index:5}
  .hb-cmyk i{width:13px;height:13px;border-radius:3px;box-shadow:0 2px 5px rgba(0,0,0,.25)}
  .hero .tape.t1{top:4%;left:26%;transform:rotate(-6deg)}

  /* ======= شريط الأصناف المتحرك ======= */
  .marquee{
    background:var(--maroon);color:#F2DFC2;overflow:hidden;position:relative;
    padding:14px 0;
    border-top:3px solid var(--gold);
    border-bottom:3px solid var(--gold);
  }
  .marquee::before,.marquee::after{
    content:"";position:absolute;top:0;bottom:0;width:70px;z-index:2;pointer-events:none;
  }
  .marquee::before{right:0;background:linear-gradient(to left,var(--maroon),transparent)}
  .marquee::after{left:0;background:linear-gradient(to right,var(--maroon),transparent)}
  .marquee .track{display:flex;width:max-content;animation:slide 38s linear infinite}
  .marquee span{display:inline-flex;align-items:center;gap:15px;padding-inline-end:15px;font-family:var(--f-d);font-weight:800;font-size:.95rem;white-space:nowrap}
  .marquee i{width:7px;height:7px;background:var(--gold);flex:none;transform:rotate(45deg)}
  @keyframes slide{from{transform:translateX(0)}to{transform:translateX(50%)}}

  /* ======= بنتو المنتجات ======= */
  section{padding:64px 0;position:relative}
  #products .sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:34px}
  #products{overflow:hidden}
  #products .ghost{font-size:clamp(6rem,13vw,11rem);bottom:-30px;left:-20px}
  .rail-hint{display:none;font-size:.75rem;font-weight:800;color:var(--muted);align-items:center;gap:6px}
  .bento{
    display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:152px;gap:16px;
    position:relative;z-index:2;
  }
  .tile{
    position:relative;border-radius:20px;overflow:hidden;
    background:var(--card);border:1px solid var(--sand);
    display:flex;flex-direction:column;
    transition:transform .22s,box-shadow .22s;
  }
  .tile:hover{transform:translateY(-5px);box-shadow:0 22px 44px rgba(76,8,28,.16)}
  .t-lg{grid-column:span 6;grid-row:span 2}
  .t-md{grid-column:span 4;grid-row:span 2}
  .t-sm{grid-column:span 3;grid-row:span 2}
  .stage{
    position:relative;flex:1;overflow:hidden;container-type:size;
    background:
      radial-gradient(120% 90% at 50% 0%,rgba(255,255,255,.5),transparent 60%),
      linear-gradient(175deg,#F2E9D6,#E7DAC0);
  }
  .stage.marks::before{
    content:"";position:absolute;inset:10px;pointer-events:none;opacity:.4;z-index:8;
    background:
      linear-gradient(#4C081C,#4C081C) top right/14px 1.5px,
      linear-gradient(#4C081C,#4C081C) top right/1.5px 14px,
      linear-gradient(#4C081C,#4C081C) bottom left/14px 1.5px,
      linear-gradient(#4C081C,#4C081C) bottom left/1.5px 14px;
    background-repeat:no-repeat;
  }
  .cap{
    display:flex;align-items:center;gap:11px;
    padding:13px 16px;border-top:1px dashed var(--sand-2);background:var(--card);
  }
  .cap .tt{flex:1;min-width:0}
  .cap h3{font-size:1rem;font-weight:800;color:var(--maroon-ink);line-height:1.3}
  .cap .pr{font-size:.72rem;font-weight:800;color:var(--crimson)}
  .cap .pr small{color:var(--muted);font-weight:700}
  .cap .go{
    width:38px;height:38px;border-radius:12px;background:var(--wa);color:#fff;
    display:flex;align-items:center;justify-content:center;flex:none;
    transition:transform .2s;
  }
  .cap .go svg{width:20px;height:20px}
  .tile:hover .cap .go{transform:scale(1.1) rotate(-6deg)}
  .stage img.ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

  /* موكاب: كروت شخصية */
  .mk-card{position:absolute;width:min(52cqw,300px);aspect-ratio:1.72;border-radius:9px;box-shadow:0 16px 30px rgba(60,10,24,.32)}
  .mk-card .in{position:absolute;inset:7%;border:1px solid rgba(231,206,150,.5);border-radius:5px}
  .mk-card img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34%}
  .mk-card.f1{background:linear-gradient(150deg,#8E1B3B,#680D27);top:14%;right:16%;transform:rotate(6deg);z-index:3}
  .mk-card.f2{background:linear-gradient(150deg,#FDF8EE,#EFE4CC);top:36%;right:36%;transform:rotate(-7deg);z-index:2}
  .mk-card.f2 .bar{position:absolute;left:0;right:0;bottom:0;height:22%;background:var(--sadu-maroon) repeat-x center/auto 68%,linear-gradient(#F6EDDB,#F6EDDB);border-radius:0 0 9px 9px;opacity:.9}
  .mk-card.f2 img{width:26%;top:42%}
  .mk-card.f3{background:linear-gradient(150deg,#571022,#40081A);top:56%;right:22%;transform:rotate(12deg);z-index:1;opacity:.92}
  .mk-gold-line{position:absolute;bottom:12%;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,var(--gold-2),transparent)}

  /* موكاب: رول أب */
  .mk-roll{position:absolute;inset:0}
  .mk-roll .pole{position:absolute;bottom:12%;left:50%;width:3.4%;height:14%;background:linear-gradient(90deg,#9c9488,#5d564c);transform:translateX(-50%)}
  .mk-roll .face{
    position:absolute;top:7%;bottom:22%;left:50%;transform:translateX(-50%);
    width:52cqw;max-width:64%;
    background:linear-gradient(168deg,#A11C42,#7D1230 46%,#5E0B23);
    border-radius:6px 6px 10px 10px;
    box-shadow:0 18px 30px rgba(60,10,24,.35), inset -14px 0 22px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.2);
    display:flex;flex-direction:column;align-items:center;justify-content:space-between;
    padding:9% 7% 0;overflow:hidden;
  }
  .mk-roll .face img{width:min(44%,22cqh);filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}
  .mk-roll .face .tx{font-family:var(--f-d);font-weight:900;color:#F8ECD6;font-size:min(8.4cqw,7.6cqh);text-align:center;line-height:1.3}
  .mk-roll .face .tx small{display:block;color:var(--gold-2);font-size:min(5.2cqw,4.8cqh);font-weight:800}
  .mk-roll .face .sd{width:120%;height:8cqh;background:var(--sadu-cream) repeat-x center/auto 62%;opacity:.85;margin-bottom:0}
  .mk-roll .base{
    position:absolute;bottom:9%;left:50%;transform:translateX(-50%);
    width:66cqw;max-width:74%;height:6.5%;border-radius:999px;
    background:linear-gradient(#3A3129,#171310);
    box-shadow:0 10px 18px rgba(40,20,10,.4);
  }
  .mk-roll .foot{position:absolute;bottom:7.5%;width:14%;height:2.6%;background:#241E18;border-radius:3px}
  .mk-roll .foot.a{left:24%;transform:rotate(-14deg)}
  .mk-roll .foot.b{right:24%;transform:rotate(14deg)}

  /* موكاب: لوحة مضيئة */
  .mk-sign{position:absolute;inset:0;background:linear-gradient(180deg,#2E1420 0%,#1E0C14 70%,#160910)}
  .mk-sign .glowfloor{position:absolute;bottom:0;left:10%;right:10%;height:34%;background:radial-gradient(60% 100% at 50% 100%,rgba(231,206,150,.28),transparent 70%)}
  .mk-sign .panel{
    position:absolute;top:18%;left:50%;transform:translateX(-50%);
    width:74cqw;max-width:82%;aspect-ratio:2.6;border-radius:10px;
    background:linear-gradient(180deg,#231018,#14080D);
    box-shadow:0 14px 34px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.09);
    display:flex;align-items:center;justify-content:center;
  }
  .mk-sign .panel img{width:22%;filter:drop-shadow(0 0 14px rgba(255,196,110,.6)) drop-shadow(0 0 34px rgba(231,160,80,.38))}
  .mk-sign .panel .sg{font-family:var(--f-d);font-weight:900;color:#F5DCA4;font-size:min(11cqw,13cqh);line-height:1;margin-inline-start:4%;text-shadow:0 0 14px rgba(255,196,110,.7),0 0 40px rgba(231,160,80,.45)}
  .mk-sign .panel i{position:absolute;width:5px;height:5px;border-radius:50%;background:#57432E;box-shadow:inset 0 1px 1px rgba(0,0,0,.7)}
  .mk-sign .panel i:nth-child(2){top:7px;right:9px}
  .mk-sign .panel i:nth-child(3){top:7px;left:9px}
  .mk-sign .panel i:nth-child(4){bottom:7px;right:9px}
  .mk-sign .panel i:nth-child(5){bottom:7px;left:9px}

  /* موكاب: ورقة ستيكرات */
  .mk-stick{position:absolute;inset:0}
  .mk-stick .sheet{
    position:absolute;top:9%;left:50%;transform:translateX(-50%) rotate(-3deg);
    width:74cqw;max-width:78%;height:82%;
    background:#FBF5E8;border-radius:8px;
    box-shadow:0 16px 30px rgba(60,10,24,.24);
    display:grid;grid-template-columns:1fr 1fr;place-items:center;
    padding:6%;gap:3%;
  }
  .stkr{
    width:86%;aspect-ratio:1;border-radius:50%;position:relative;
    display:flex;align-items:center;justify-content:center;text-align:center;
    box-shadow:0 3px 8px rgba(60,10,24,.14);
  }
  .stkr::after{content:"";position:absolute;inset:-6%;border:1.4px dashed rgba(125,18,48,.4);border-radius:50%}
  .stkr img{width:78%}
  .stkr.s1{background:#7D1230}
  .stkr.s2{background:#F0E4CB;font-family:var(--f-s);color:var(--maroon);font-size:7.4cqw}
  .stkr.s3{background:var(--gold);font-family:var(--f-s);color:var(--maroon-ink);font-size:6cqw;line-height:1}
  .stkr.s4{background:#2A161C}
  .stkr.s4 .dm{width:46%;aspect-ratio:1;background:var(--gold);transform:rotate(45deg)}

  /* موكاب: أكواب (SVG) و بقية الرسومات */
  .mk-svg{position:absolute;inset:6% 6% 4%;display:flex;align-items:center;justify-content:center}
  .mk-svg svg{width:100%;height:100%}

  /* موكاب: بروشور */
  .mk-bro{position:absolute;inset:0}
  .mk-bro .p{
    position:absolute;bottom:14%;width:24cqw;max-width:26%;height:64%;
    background:linear-gradient(180deg,#FDF8EE,#EFE3C9);
    box-shadow:0 12px 24px rgba(60,10,24,.2);
    border-radius:4px;overflow:hidden;
  }
  .mk-bro .p::before{content:"";position:absolute;top:0;left:0;right:0;height:30%;background:linear-gradient(150deg,#8E1B3B,#680D27)}
  .mk-bro .p::after{content:"";position:absolute;top:40%;left:14%;right:14%;height:38%;
    background:
      linear-gradient(#D8C7A5,#D8C7A5) 0 0/100% 7%,
      linear-gradient(#D8C7A5,#D8C7A5) 0 24%/86% 7%,
      linear-gradient(#D8C7A5,#D8C7A5) 0 48%/92% 7%,
      linear-gradient(var(--gold),var(--gold)) 0 82%/38% 10%;
    background-repeat:no-repeat}
  .mk-bro .p img{position:absolute;top:9%;left:50%;transform:translateX(-50%);width:46%;z-index:2}
  .mk-bro .p1{right:14%;transform:rotate(-4deg) skewY(-2deg);z-index:3}
  .mk-bro .p2{right:39%;transform:rotate(0) translateY(-4%);z-index:2;filter:brightness(.96)}
  .mk-bro .p3{right:63%;transform:rotate(4deg) skewY(2deg);z-index:1;filter:brightness(.9)}

  /* موكاب: مكعب UV */
  .mk-uv{position:absolute;inset:0}
  .mk-uv .blk{
    position:absolute;top:14%;left:50%;transform:translateX(-50%) rotate(-2deg);
    width:58cqw;max-width:64%;aspect-ratio:1.1;border-radius:8px;
    background:
      repeating-linear-gradient(94deg,rgba(90,55,25,.12) 0 3px,transparent 3px 11px),
      linear-gradient(160deg,#C8A06B,#A87E4B 60%,#8F6636);
    box-shadow:0 16px 30px rgba(60,10,24,.3), inset 0 2px 0 rgba(255,255,255,.25);
    display:flex;align-items:center;justify-content:center;overflow:hidden;
  }
  .mk-uv .blk img{width:64%;filter:saturate(1.05) drop-shadow(0 4px 8px rgba(60,25,5,.4))}
  .mk-uv .blk::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.34) 46%,transparent 54%)}

  /* موكاب: جدارية */
  .mk-wall{position:absolute;inset:0;overflow:hidden}
  .mk-wall .w{
    position:absolute;inset:0 0 26% 0;
    background:var(--sadu-maroon) repeat center/86px auto,linear-gradient(#F3EAD8,#EFE3CB);
    opacity:.98;
  }
  .mk-wall .skirt{position:absolute;left:0;right:0;bottom:22%;height:4.5%;background:#FBF6EA;box-shadow:0 2px 5px rgba(60,10,24,.14)}
  .mk-wall .floor{position:absolute;left:0;right:0;bottom:0;height:22%;background:linear-gradient(#D9C9AC,#C3AE89)}
  .mk-wall .lamp{position:absolute;top:0;left:18%;width:34%;height:56%;background:radial-gradient(50% 60% at 50% 0%,rgba(255,243,214,.5),transparent 70%)}
  .mk-wall .plant{position:absolute;bottom:20%;left:9%;width:9%;aspect-ratio:.44;background:radial-gradient(50% 34% at 50% 12%,#5E6B4A 38%,transparent 40%),radial-gradient(42% 30% at 32% 26%,#6C7A55 36%,transparent 38%),radial-gradient(42% 30% at 68% 26%,#55643F 36%,transparent 38%),linear-gradient(transparent 55%,#8F6636 55%);border-radius:0 0 6px 6px}

  /* موكاب: باج فعاليات */
  .mk-badge{position:absolute;inset:0}
  .mk-badge .strap{position:absolute;top:-4%;width:9%;height:36%;background:linear-gradient(#8E1B3B,#680D27);box-shadow:0 3px 8px rgba(60,10,24,.3)}
  .mk-badge .strap.a{right:34%;transform:rotate(21deg)}
  .mk-badge .strap.b{left:34%;transform:rotate(-21deg)}
  .mk-badge .clip{position:absolute;top:26%;left:50%;transform:translateX(-50%);width:11%;height:5%;background:linear-gradient(#C9C2B4,#8F8778);border-radius:3px;z-index:3}
  .mk-badge .cardb{
    position:absolute;top:30%;left:50%;transform:translateX(-50%);
    width:52cqw;max-width:56%;height:58%;background:#FDFAF2;border-radius:10px;
    box-shadow:0 14px 28px rgba(60,10,24,.26);overflow:hidden;z-index:2;
  }
  .mk-badge .cardb .hd{height:34%;background:linear-gradient(150deg,#8E1B3B,#680D27);display:flex;align-items:center;justify-content:center}
  .mk-badge .cardb .hd img{width:36%}
  .mk-badge .cardb::before{content:"";position:absolute;top:44%;left:16%;right:16%;height:26%;
    background:
      linear-gradient(#3A2A30,#3A2A30) 0 0/74% 22%,
      linear-gradient(#C9BBA0,#C9BBA0) 0 55%/52% 14%,
      linear-gradient(#C9BBA0,#C9BBA0) 0 90%/62% 14%;
    background-repeat:no-repeat}
  .mk-badge .cardb::after{content:"";position:absolute;bottom:7%;left:16%;right:16%;height:12%;
    background:repeating-linear-gradient(90deg,#2A161C 0 2px,transparent 2px 5px,#2A161C 5px 6px,transparent 6px 10px)}

  /* موكاب: فان */
  .mk-van{position:absolute;inset:4%;display:flex;align-items:center;justify-content:center}
  .mk-van svg{width:96%;height:96%}

  /* بطاقة CTA بالبنتو */
  .tile-cta{
    grid-column:span 9;grid-row:span 2;
    background:linear-gradient(160deg,var(--crimson),var(--maroon) 60%,var(--maroon-2));
    border:0;color:#F6E7CE;justify-content:center;gap:14px;padding:30px 34px;
  }
  .tile-cta::before{content:"";position:absolute;inset:0;background:var(--grain);opacity:.08}
  .tile-cta::after{content:"";position:absolute;left:0;right:0;bottom:0;height:12px;background:var(--sadu-cream) repeat-x center/auto 100%;opacity:.55}
  .tile-cta h3{font-family:var(--f-s);font-weight:400;font-size:1.7rem;color:#F8ECD6;line-height:1.3}
  .tile-cta p{font-size:.86rem;color:#EAC9AE;position:relative;z-index:2}
  .tile-cta .btn{align-self:flex-start}

  /* ======= طوارئ الطباعة ======= */
  .sos{background:var(--maroon-ink);color:#F3E3CB;position:relative;overflow:hidden;padding:54px 0}
  .sos::before{content:"";position:absolute;inset:0;background:var(--grain);opacity:.07}
  .sos .hazard{position:absolute;top:0;left:0;right:0;height:12px;
    background:repeating-linear-gradient(-45deg,var(--gold) 0 18px,var(--maroon-ink) 18px 36px)}
  .sos .hazard.b{top:auto;bottom:0}
  .sos-grid{display:flex;align-items:center;gap:34px;position:relative;z-index:2}
  .sos-icon{
    width:92px;height:92px;border-radius:26px;background:var(--gold);color:var(--maroon-ink);
    display:flex;align-items:center;justify-content:center;flex:none;
    box-shadow:0 14px 34px rgba(0,0,0,.35);transform:rotate(-5deg);
  }
  .sos-icon svg{width:46px;height:46px}
  .sos h2{font-size:clamp(1.5rem,2.8vw,2.15rem);font-weight:900;color:#FBF2E2;margin-bottom:8px}
  .sos h2 .rk{font-family:var(--f-s);font-weight:400;color:var(--gold-2)}
  .sos p{color:#E2C4A8;max-width:600px;font-size:.98rem}
  .sos p b{color:var(--gold-2)}
  .sos .btns{margin-inline-start:auto;display:flex;flex-direction:column;gap:11px;flex:none}

  /* ======= ليش بلاك بير ======= */
  .why{overflow:hidden}
  .why .ghost{font-size:clamp(6rem,12vw,10rem);top:10px;right:-30px}
  .why-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;position:relative;z-index:2}
  .why-side{position:relative}
  .why-side .inner{position:sticky;top:110px}
  .why-side .photo{
    position:relative;margin-top:30px;transform:rotate(-2.4deg);
    border:10px solid #FFFDF6;border-bottom-width:34px;
    box-shadow:0 20px 40px rgba(76,8,28,.2);border-radius:3px;
  }
  .why-side .photo figcaption{
    position:absolute;bottom:-30px;right:6px;font-family:var(--f-s);
    color:#8B7355;font-size:.95rem;
  }
  .why-side .photo .tape{top:-16px;right:30%}
  .wrow{display:flex;gap:20px;padding:21px 0;border-bottom:1px solid var(--sand);align-items:baseline}
  .wrow:first-child{padding-top:6px}
  .wrow .wk{
    flex:none;width:170px;font-family:var(--f-d);font-weight:800;font-size:1.12rem;color:var(--maroon);
  }
  .wrow p{font-size:.92rem;color:#6A575D}
  .wrow p b{color:var(--maroon-ink)}

  /* ======= شلون تطلب: تذاكر ======= */
  .how{background:var(--paper);padding-top:0}
  .how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;position:relative}
  .how-grid::before{
    content:"";position:absolute;top:50%;right:4%;left:4%;
    border-top:2px dashed var(--sand-2);z-index:0;
  }
  .ticket{
    position:relative;background:var(--card);border:1px solid var(--sand);
    border-radius:16px;padding:26px 24px 22px;z-index:2;
    box-shadow:0 12px 26px rgba(76,8,28,.07);
  }
  .ticket::before,.ticket::after{
    content:"";position:absolute;top:58px;width:18px;height:18px;border-radius:50%;
    background:var(--paper);border:1px solid var(--sand);
  }
  .ticket::before{right:-10px}
  .ticket::after{left:-10px}
  .ticket .num{
    position:absolute;top:-20px;inset-inline-start:18px;
    width:52px;height:52px;border-radius:50%;
    background:var(--maroon);color:var(--gold-2);
    font-family:var(--f-s);font-size:1.5rem;
    display:flex;align-items:center;justify-content:center;
    border:4px solid var(--paper);transform:rotate(-6deg);
    box-shadow:0 8px 18px rgba(76,8,28,.25);
  }
  .ticket h3{font-size:1.05rem;font-weight:800;color:var(--maroon-ink);margin:12px 0 8px}
  .ticket p{font-size:.88rem;color:var(--muted)}
  .ticket .dash{margin-top:14px;border-top:1px dashed var(--sand-2);padding-top:10px;font-size:.74rem;font-weight:800;color:var(--gold)}

  /* ======= شريط الصور الملصوقة ======= */
  .shots{padding-top:8px}
  .shots-row{display:flex;gap:26px;justify-content:center;flex-wrap:wrap}
  .shot{
    position:relative;flex:1;min-width:230px;max-width:360px;
    background:#FFFDF6;padding:10px 10px 30px;border-radius:3px;
    box-shadow:0 18px 36px rgba(76,8,28,.16);
  }
  .shot img{border-radius:2px;aspect-ratio:4/3;object-fit:cover;width:100%}
  .shot.wide{max-width:430px}
  .shot.wide img{aspect-ratio:auto}
  .shot figcaption{margin-top:9px;text-align:center;font-family:var(--f-s);color:#8B7355;font-size:.95rem}
  .shot .tape{top:-13px;right:36%}
  .shot.r1{transform:rotate(-2.2deg)}
  .shot.r2{transform:rotate(1.6deg) translateY(10px)}
  .shot.r3{transform:rotate(-1.2deg)}
  .shot:hover{z-index:3}

  /* ======= القطاعات: ليبلات ======= */
  .sectors{padding-top:20px}
  .sector-chips{display:flex;flex-wrap:wrap;gap:13px;max-width:900px}
  .schip{
    background:linear-gradient(rgba(231,210,158,.55),rgba(216,192,132,.55));
    border:1px dashed rgba(139,115,85,.5);
    padding:9px 20px;font-weight:800;font-size:.88rem;color:#5E4634;
    clip-path:polygon(2% 10%,98% 0,100% 90%,0 100%);
  }
  .schip:nth-child(odd){transform:rotate(-1.6deg)}
  .schip:nth-child(even){transform:rotate(1.4deg)}
  .schip b{color:var(--maroon)}

  /* ======= الفورم ======= */
  .quote{background:linear-gradient(165deg,var(--crimson) 0%,var(--maroon) 46%,var(--maroon-2) 100%);position:relative;overflow:hidden;padding:74px 0}
  .quote::before{content:"";position:absolute;inset:0;background:var(--grain);opacity:.07}
  .quote .ghost{font-size:clamp(7rem,15vw,13rem);top:-20px;right:-40px}
  .quote .sadu-top{position:absolute;top:0;left:0;right:0;height:13px;background:var(--sadu-cream) repeat-x center/auto 100%;opacity:.5}
  .quote-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:50px;align-items:center;position:relative;z-index:2}
  .quote-side h2{color:#FBF2E2;font-size:clamp(1.7rem,3.2vw,2.5rem);font-weight:900;margin-bottom:14px;text-wrap:balance}
  .quote-side h2 .rk{font-family:var(--f-s);font-weight:400;color:var(--gold-2)}
  .quote-side .pmt{color:#EFD6BB;font-size:1rem;margin-bottom:26px;max-width:440px}
  .quote-side .pmt b{color:var(--gold-2)}
  .qrow{display:flex;align-items:center;gap:13px;padding:13px 0;border-top:1px solid rgba(246,231,206,.16);color:#F3E3CB;font-size:.9rem;font-weight:700}
  .qrow svg{width:20px;height:20px;color:var(--gold-2);flex:none}
  .qrow .ltr{direction:ltr;unicode-bidi:isolate;font-weight:800}
  .form-wrap{position:relative}
  .form-wrap .form-bear{
    position:absolute;top:-88px;left:14px;width:150px;z-index:1;
    transform:rotate(4deg);
    filter:drop-shadow(0 12px 18px rgba(40,4,14,.45));
  }
  .form-card{
    position:relative;z-index:2;
    background:var(--card);border-radius:22px;padding:32px 30px;
    box-shadow:0 30px 70px rgba(40,4,14,.45);
  }
  .form-card::before{
    content:"";position:absolute;top:0;left:0;right:0;height:6px;
    background:linear-gradient(90deg,var(--gold),var(--gold-2),var(--gold));
    border-radius:22px 22px 0 0;
  }
  .form-card h3{font-size:1.3rem;font-weight:900;color:var(--maroon-ink);margin-bottom:5px}
  .form-card .sub{font-size:.87rem;color:var(--muted);margin-bottom:20px}
  .field{margin-bottom:14px}
  .field label{display:block;font-size:.83rem;font-weight:800;color:#4E3B42;margin-bottom:6px}
  .field input,.field select{
    width:100%;border:1.6px solid var(--sand);border-radius:13px;
    padding:13px 15px;font-family:var(--f-b);font-size:.96rem;color:var(--ink);
    background:var(--paper);transition:border .2s,box-shadow .2s;
  }
  .field input:focus,.field select:focus{outline:none;border-color:var(--maroon);box-shadow:0 0 0 3px rgba(125,18,48,.12);background:#fff}
  .field .hint{font-size:.72rem;color:var(--muted);margin-top:4px}
  .frow{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .form-card .btn{width:100%;margin-top:8px}
  .consent{font-size:.72rem;color:var(--muted);margin-top:13px;text-align:center}
  .consent a{color:var(--maroon);font-weight:800;text-decoration:underline}
  .hp{position:absolute;opacity:0;height:0;overflow:hidden;pointer-events:none}
  .form-ok{text-align:center;padding:28px 8px;display:none}
  .form-ok .okic{
    width:76px;height:76px;border-radius:50%;background:#E4F4E8;color:#22884A;
    display:flex;align-items:center;justify-content:center;margin:0 auto 16px;
  }
  .form-ok .okic svg{width:38px;height:38px}
  .form-ok h3{color:var(--maroon-ink);margin-bottom:6px}
  .form-ok p{font-size:.9rem;color:var(--muted);margin-bottom:18px}
  .err{display:none;background:#FCEFEA;border:1px solid #EFC7BB;color:#9C3A1E;border-radius:11px;padding:11px 14px;font-size:.83rem;margin-bottom:13px}

  /* ======= أسئلة ======= */
  .faq-list{display:grid;grid-template-columns:1fr 1fr;gap:0 54px;max-width:1000px}
  .faq-list details{border-bottom:1px solid var(--sand)}
  .faq-list summary{
    list-style:none;cursor:pointer;padding:17px 2px;
    font-weight:800;font-size:.96rem;color:var(--maroon-ink);
    display:flex;align-items:center;justify-content:space-between;gap:14px;
  }
  .faq-list summary::-webkit-details-marker{display:none}
  .faq-list summary .pl{
    width:24px;height:24px;border-radius:50%;border:1.6px solid var(--gold);color:var(--gold);
    display:flex;align-items:center;justify-content:center;flex:none;
    font-weight:800;font-size:.95rem;transition:transform .25s;line-height:1;
  }
  .faq-list details[open] summary .pl{transform:rotate(45deg);background:var(--gold);color:#fff}
  .faq-list .ans{padding:0 2px 18px;font-size:.89rem;color:var(--muted)}

  /* ======= تواصل ======= */
  .contact{background:linear-gradient(#EFE6D2,var(--paper));border-top:1px solid var(--sand)}
  .contact-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:26px}
  .ccard{background:var(--card);border:1px solid var(--sand);border-radius:20px;padding:28px;box-shadow:0 14px 30px rgba(76,8,28,.06)}
  .ccard h3{font-weight:800;color:var(--maroon-ink);margin-bottom:14px;font-size:1.12rem}
  .crow{display:flex;align-items:flex-start;gap:13px;padding:12px 0;border-bottom:1px dashed var(--sand-2);font-size:.92rem}
  .crow:last-child{border:0}
  .crow svg{width:20px;height:20px;color:var(--maroon);flex:none;margin-top:3px}
  .crow b{display:block;font-size:.78rem;color:var(--muted);font-weight:700}
  .crow .v{font-weight:800;color:var(--ink)}
  .crow a.v:hover{color:var(--maroon)}
  .crow .v.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}
  .map-cta{display:flex;flex-direction:column;gap:13px;justify-content:center}
  .map-cta .btn{width:100%}
  .hours{
    background:var(--card);border:1px dashed var(--sand-2);border-radius:16px;
    padding:16px 20px;font-size:.85rem;color:#5E4B51;display:flex;gap:16px;align-items:center;
  }
  .hours b{color:var(--maroon)}
  .hours svg{width:26px;height:26px;color:var(--gold);flex:none}

  /* ======= فوتر ======= */
  footer{background:var(--maroon-ink);color:#D9BFA8;padding:44px 0 120px;position:relative;overflow:hidden}
  footer .ghost{font-size:clamp(6rem,14vw,12rem);bottom:6px;left:-16px}
  footer .sadu-band{opacity:.4;position:absolute;top:0;left:0;right:0}
  .foot-grid{display:flex;align-items:center;gap:24px;flex-wrap:wrap;position:relative;z-index:2}
  .foot-grid img{height:74px;width:auto;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4))}
  .foot-info{font-size:.82rem;line-height:1.9}
  .foot-info b{color:#F6E7CE}
  .foot-links{margin-inline-start:auto;display:flex;gap:20px;font-size:.84rem;font-weight:700}
  .foot-links a:hover{color:var(--gold-2)}
  .foot-note{
    margin-top:24px;padding-top:18px;border-top:1px solid rgba(246,231,206,.14);
    font-size:.74rem;color:#B295A0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;
    position:relative;z-index:2;
  }
  .cmyk{display:flex;gap:6px;align-items:center}
  .cmyk i{width:12px;height:12px;border-radius:3px}
  .cmyk span{font-size:.66rem;letter-spacing:1px;color:#9c7d89}

  /* ======= واتساب عائم (كمبيوتر) ======= */
  .wa-float{
    position:fixed;bottom:28px;left:28px;z-index:60;
    display:flex;align-items:center;gap:11px;
    background:var(--wa);color:#fff;border-radius:999px;
    padding:15px 24px 15px 20px;font-weight:800;font-size:.95rem;
    box-shadow:0 14px 34px rgba(21,133,69,.42);
    transition:transform .2s;
  }
  .wa-float:hover{transform:translateY(-3px) scale(1.02)}
  .wa-float svg{width:24px;height:24px}

  /* ======= ناف الموبايل العائم ======= */
  .mnav{
    display:none;position:fixed;bottom:calc(10px + env(safe-area-inset-bottom));
    right:12px;left:12px;z-index:70;
    background:rgba(253,250,242,.94);
    backdrop-filter:blur(14px);
    border:1px solid var(--sand);
    border-radius:22px;
    box-shadow:0 18px 44px rgba(76,8,28,.26);
  }
  .mnav .row{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;height:62px}
  .mitem{
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:3px;height:62px;font-size:.62rem;font-weight:800;color:#93818A;
    transition:color .2s;
  }
  .mitem svg{width:22px;height:22px}
  .mitem.on{color:var(--maroon)}
  .mitem:active{transform:scale(.94)}
  .mfab-slot{position:relative}
  .mfab{
    position:absolute;bottom:18px;right:50%;transform:translateX(50%);
    width:64px;height:64px;border-radius:50%;
    background:linear-gradient(160deg,#27bd68,var(--wa-2));
    color:#fff;display:flex;align-items:center;justify-content:center;
    box-shadow:0 12px 28px rgba(21,133,69,.5);
    border:4px solid rgba(253,250,242,.95);
  }
  .mfab svg{width:30px;height:30px}
  .mfab::after{
    content:"";position:absolute;inset:-4px;border-radius:50%;
    border:2px solid rgba(29,168,90,.5);
    animation:pulse 2.4s ease-out infinite;
  }
  @keyframes pulse{0%{transform:scale(1);opacity:1}70%,100%{transform:scale(1.4);opacity:0}}
  .mfab-slot span{
    position:absolute;bottom:3px;right:50%;transform:translateX(50%);
    font-size:.62rem;font-weight:800;color:var(--wa-2);white-space:nowrap;
  }

  /* ======= شريط العرض =======
     ظاهر لكل زائر من أول ثانية. الزائر الجاي من إعلان «خصم 30%»
     لازم يلاقي العرض قدامه فورا، وإلا جوجل يعتبره عرض غير متوفر. */
  .offer-bar{
    background:var(--maroon-ink);
    border-bottom:2px solid var(--gold-2);
    color:#F0DFC6;
  }
  .offer-bar .ob{padding-top:13px;padding-bottom:12px}
  .ob-row{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
  .ob-pct{
    font-family:var(--f-d);font-weight:900;font-size:1.72rem;line-height:1;
    color:var(--gold-2);letter-spacing:-1px;direction:ltr;
  }
  .ob-txt{font-weight:700;font-size:.95rem;line-height:1.35}
  .ob-txt b{color:#fff}
  .ob-code{
    display:inline-flex;align-items:center;gap:9px;cursor:pointer;
    background:rgba(255,255,255,.11);border:1.4px dashed rgba(233,196,150,.5);
    border-radius:10px;padding:6px 12px;font-family:var(--f-b);
    transition:background .2s;
  }
  .ob-code:hover{background:rgba(255,255,255,.18)}
  .ob-code .lbl{font-size:.7rem;font-weight:700;color:#E0BE99}
  .ob-code b{
    font-family:var(--f-d);font-weight:900;font-size:1rem;
    color:#fff;letter-spacing:1.6px;direction:ltr;
  }
  .ob-code .cp{font-size:.72rem;font-weight:800;color:var(--gold-2);white-space:nowrap}
  .ob-cta{margin-inline-start:auto;padding:9px 20px;font-size:.88rem}
  .ob-terms{margin-top:8px;font-size:.72rem;line-height:1.6;color:#C4A386;max-width:86ch}
  .ob-code:focus-visible,.ob-cta:focus-visible{outline:3px solid var(--gold-2);outline-offset:2px}


  /* ======= موسم المدارس ======= */
  /* أرضية دفتر مدرسة: سطور خفيفة وهامش أحمر على اليمين لأن الصفحة عربية. */
  .school{
    position:relative;overflow:hidden;
    background:
      repeating-linear-gradient(to bottom, transparent 0 38px, rgba(38,50,77,.075) 38px 39px),
      linear-gradient(180deg,#FCF7EC 0%,#F6EDDC 100%);
    border-block:1px solid var(--sand);
  }
  .school::before{
    content:"";position:absolute;top:0;bottom:0;inset-inline-start:min(7%,88px);
    width:2px;background:rgba(166,30,68,.3);
  }
  .school .wrap{position:relative;z-index:2}
  .school .kicker{background:#26324D;color:#EAF0FA;border-color:#26324D}
  .sch-doodle{position:absolute;color:#26324D;opacity:.12;pointer-events:none;z-index:1}

  .sch-hero{
    display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
    gap:clamp(20px,3.6vw,50px);align-items:center;margin-top:clamp(22px,3vw,34px);
  }

  /* --- الشنطة والربطة --- */
  .sch-shot{
    position:relative;aspect-ratio:1/1;border-radius:26px;overflow:hidden;
    background:linear-gradient(155deg,#F0E7D6 0%,#E2D5BA 100%);
    border:1px solid var(--sand-2);box-shadow:0 24px 50px rgba(76,8,28,.15);
  }
  .sch-shot::after{
    content:"";position:absolute;inset:0;background:var(--grain);opacity:.25;mix-blend-mode:multiply;
  }
  .bag{
    position:absolute;inset-inline-start:23%;top:13%;width:72%;height:88%;
    background:linear-gradient(158deg,#332E30 0%,#1A1618 55%,#262123 100%);
    border-radius:32px 32px 24px 24px;
    box-shadow:inset 0 2px 0 rgba(255,255,255,.08), 0 20px 36px rgba(0,0,0,.32);
  }
  .bag .pocket{
    position:absolute;left:9%;right:9%;bottom:7%;height:40%;border-radius:18px;
    background:linear-gradient(158deg,#3A3436,#201C1E);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
  }
  .bag .zip{
    position:absolute;left:13%;right:13%;bottom:48%;height:3px;border-radius:3px;
    background:linear-gradient(90deg,#5F585B,#C0B6B0,#5F585B);
  }
  .bag .handle{
    position:absolute;top:-9%;left:50%;transform:translateX(-50%);
    width:34%;height:17%;border:9px solid #262123;border-bottom:0;border-radius:26px 26px 0 0;
    box-shadow:0 -2px 6px rgba(0,0,0,.25);
  }
  .bag .badge{
    position:absolute;top:12%;inset-inline-end:12%;
    font-family:var(--f-d);font-weight:800;font-size:.58rem;letter-spacing:.3px;
    color:#D2C3A8;background:rgba(255,255,255,.07);
    border:1px solid rgba(231,206,150,.32);border-radius:7px;padding:4px 8px;
  }
  .ribbon{
    position:absolute;inset-inline-start:6%;top:6%;width:48%;height:auto;z-index:3;
    filter:drop-shadow(0 14px 22px rgba(0,0,0,.3));
  }
  .sch-shot .tape{
    position:absolute;top:12px;inset-inline-end:-30px;width:118px;height:25px;
    background:var(--tape);transform:rotate(19deg);z-index:4;
  }

  /* --- نص البطل --- */
  .sch-copy .eyebrow{
    display:inline-flex;align-items:center;gap:7px;background:#26324D;color:#EAF0FA;
    font-size:.72rem;font-weight:800;border-radius:999px;padding:6px 13px;margin-bottom:12px;
  }
  .sch-copy .eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--gold-2);font-style:normal}
  .sch-copy h3{
    font-family:var(--f-d);font-weight:900;color:var(--maroon-ink);
    font-size:clamp(1.35rem,2.9vw,2.05rem);line-height:1.32;
  }
  .sch-copy h3 mark{background:linear-gradient(transparent 62%, var(--gold-2) 62%);color:inherit;padding:0 3px}
  .sch-copy > p{color:#635056;font-size:.97rem;margin-top:12px;line-height:1.85}
  .sch-list{display:grid;grid-template-columns:1fr 1fr;gap:9px 16px;margin:18px 0 22px}
  .sch-list span{display:flex;align-items:flex-start;gap:8px;font-size:.87rem;font-weight:700;color:#4E3B42}
  .sch-list svg{width:15px;height:15px;flex:none;margin-top:3px;color:var(--wa-2)}

  /* --- شبكة المنتجات المدرسية --- */
  .sch-grid{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(186px,1fr));
    gap:15px;margin-top:clamp(26px,4vw,42px);
  }
  .sch-card{
    display:flex;flex-direction:column;gap:12px;text-decoration:none;
    background:var(--card);border:1px solid var(--sand);border-radius:18px;padding:14px 14px 17px;
    box-shadow:0 8px 20px rgba(76,8,28,.06);
    transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  }
  .sch-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(76,8,28,.13);border-color:var(--gold)}
  .sch-card h4{font-family:var(--f-d);font-weight:800;font-size:1rem;color:var(--maroon-ink)}
  .sch-card p{font-size:.82rem;color:var(--muted);line-height:1.65;margin-top:4px}
  .sch-mk{
    position:relative;aspect-ratio:4/3;border-radius:13px;overflow:hidden;
    background:linear-gradient(158deg,#F4ECDC,#E9DDC6);
    border:1px solid rgba(217,201,168,.75);
    display:grid;place-items:center;container-type:size;
  }

  /* مقلمة */
  .mk-pouch{position:relative;width:76%;height:50%;border-radius:999px;
    background:linear-gradient(158deg,#932041,#66102A);
    box-shadow:inset 0 2px 0 rgba(255,255,255,.16), 0 9px 16px rgba(0,0,0,.2);
    display:grid;place-items:center}
  .mk-pouch i{position:absolute;top:30%;left:9%;right:9%;height:3px;border-radius:2px;
    background:repeating-linear-gradient(90deg,#E7CE96 0 3px,transparent 3px 7px)}
  .mk-pouch b{font-family:var(--f-d);font-weight:900;color:#F6E7CF;font-size:min(9cqw,1rem);margin-top:14%}

  /* لانش بوكس */
  .mk-lunch{position:relative;width:64%;height:56%;border-radius:11px;
    background:linear-gradient(158deg,#33405F,#1E2941);
    box-shadow:0 9px 16px rgba(0,0,0,.2)}
  .mk-lunch i{position:absolute;top:0;left:0;right:0;height:30%;border-radius:11px 11px 3px 3px;
    background:linear-gradient(158deg,#455573,#2B3752)}
  .mk-lunch u{position:absolute;top:26%;left:38%;right:38%;height:12%;border-radius:3px;
    background:#C9B48C;text-decoration:none}
  .mk-lunch b{position:absolute;bottom:16%;left:0;right:0;text-align:center;
    font-family:var(--f-d);font-weight:900;color:#EAF0FA;font-size:min(8.5cqw,.95rem)}

  /* مطرة */
  .mk-bottle{position:relative;width:29%;height:74%;border-radius:13px 13px 17px 17px;
    background:linear-gradient(100deg,#B02449,#7D1230);
    box-shadow:0 9px 16px rgba(0,0,0,.2)}
  .mk-bottle i{position:absolute;top:-12%;left:24%;right:24%;height:13%;border-radius:4px;background:#241419}
  .mk-bottle u{position:absolute;top:36%;left:-6%;right:-6%;height:28%;background:#F6EEDE;
    display:grid;place-items:center;text-decoration:none;
    box-shadow:0 1px 0 rgba(0,0,0,.08), 0 -1px 0 rgba(0,0,0,.08)}
  .mk-bottle b{font-family:var(--f-d);font-weight:900;color:var(--maroon-ink);font-size:min(6.4cqw,.72rem)}

  /* تجليد كتاب بصورة */
  .mk-book{position:relative;width:58%;height:72%;border-radius:4px 11px 11px 4px;
    background:linear-gradient(158deg,#FBF4E5,#EBDFC7);border:1px solid var(--sand-2);
    box-shadow:0 11px 20px rgba(0,0,0,.16)}
  .mk-book i{position:absolute;top:0;bottom:0;inset-inline-end:0;width:8%;
    background:linear-gradient(180deg,#932041,#66102A);border-radius:0 11px 11px 0}
  .mk-book u{position:absolute;top:13%;inset-inline-start:13%;width:58%;height:44%;border-radius:5px;
    background:linear-gradient(150deg,#9FB4CB,#6E88A6);border:3px solid #fff;text-decoration:none;
    box-shadow:0 3px 8px rgba(0,0,0,.18);overflow:hidden}
  .mk-book u::after{content:"";position:absolute;bottom:-18%;left:50%;transform:translateX(-50%);
    width:56%;aspect-ratio:1/1;border-radius:50% 50% 0 0;background:rgba(38,50,77,.55)}
  .mk-book u::before{content:"";position:absolute;top:14%;left:50%;transform:translateX(-50%);
    width:26%;aspect-ratio:1/1;border-radius:50%;background:rgba(38,50,77,.55)}
  .mk-book b{position:absolute;bottom:12%;inset-inline-start:12%;inset-inline-end:16%;
    font-family:var(--f-d);font-weight:900;color:var(--maroon-ink);font-size:min(6.2cqw,.74rem);
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  /* ستيكرات أسماء */
  .mk-stick{position:relative;width:70%;height:70%;border-radius:8px;background:#FDF8EF;
    border:1.5px dashed var(--sand-2);padding:9%;
    display:grid;grid-template-columns:1fr 1fr;gap:8%;align-content:center}
  .mk-stick i{display:grid;place-items:center;border-radius:999px;font-style:normal;
    background:linear-gradient(150deg,#932041,#6C1129);color:#F6E7CF;
    font-family:var(--f-d);font-weight:900;font-size:min(5.4cqw,.6rem);padding:9% 0}
  .mk-stick i:nth-child(2n){background:linear-gradient(150deg,#33405F,#1E2941);color:#EAF0FA}

  /* شريط ختامي */
  .sch-cta{
    margin-top:clamp(22px,3vw,34px);display:flex;align-items:center;gap:18px;flex-wrap:wrap;
    background:linear-gradient(140deg,var(--maroon-ink),#340512);
    border:1px solid rgba(231,206,150,.28);border-radius:20px;
    padding:20px clamp(18px,3vw,30px);
  }
  .sch-cta .t{flex:1 1 300px}
  .sch-cta h4{font-family:var(--f-d);font-weight:900;color:#F6E7CF;font-size:clamp(1.02rem,2vw,1.28rem)}
  .sch-cta p{color:#CFB294;font-size:.87rem;margin-top:6px;line-height:1.7}

  @media (max-width:900px){
    .sch-hero{grid-template-columns:1fr;gap:22px}
    .sch-shot{max-width:440px;margin-inline:auto;width:100%}
  }
  @media (max-width:640px){
    .school::before{inset-inline-start:16px}
    .sch-list{grid-template-columns:1fr;gap:8px}
    .sch-grid{grid-template-columns:1fr 1fr;gap:11px}
    .sch-card{padding:11px 11px 14px;gap:9px}
    .sch-card h4{font-size:.88rem}
    .sch-card p{font-size:.75rem}
    .sch-cta{flex-direction:column;align-items:stretch;text-align:start;gap:14px}
    .sch-cta .t{flex:none}
    .sch-cta .btn{width:100%}
  }

  /* ======= ظهور ======= */
  /* المحتوى ظاهر افتراضيا. حركة الظهور تتفعل فقط لما الجافاسكريبت يشتغل
     ويضيف .js-anim على <html>، فما ممكن أبدا تبقى الصفحة فاضية لو فشل السكربت. */
  .js-anim .rv{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}
  .js-anim .rv.in{opacity:1;transform:none}
  @media (prefers-reduced-motion:reduce){
    .js-anim .rv{opacity:1;transform:none;transition:none}
    .marquee .track,.mfab::after,.hero-bear{animation:none}
  }

  /* ======= موبايل ======= */
  @media (max-width:1020px){
    .nav-links{display:none}
    .hero-grid{grid-template-columns:1fr;gap:14px}
    .hero-board{width:100%;min-height:440px;max-width:540px;margin:14px auto 0;justify-self:center}
    .why-grid{grid-template-columns:1fr;gap:30px}
    .why-side .inner{position:static}
    .quote-grid{grid-template-columns:1fr;gap:60px}
    .contact-grid{grid-template-columns:1fr}
    .faq-list{grid-template-columns:1fr}
    .sos-grid{flex-direction:column;align-items:flex-start;gap:20px}
    .sos .btns{margin:0;flex-direction:row;flex-wrap:wrap}
    .t-lg{grid-column:span 6}
    .t-md,.t-sm{grid-column:span 6}
  }
  @media (max-width:640px){
    .topbar{font-size:.68rem;padding:7px 10px}
    .nav{height:62px}
    .brand img{height:42px}
    .brand .bt small{display:none}
    .phone-chip span{display:none}
    .nav-cta .btn{padding:10px 16px;font-size:.85rem}
    section{padding:48px 0}
    .hero{padding:30px 0 20px}
    .hero h1{margin-top:16px}
    .hero p.lead{font-size:1rem}
    .hero-cta .btn{width:100%}
    .hero-board{min-height:400px;margin-top:4px}
    .hero-bear{width:min(72%,320px)}
    .hb-chip b{font-size:1rem}
    .hb-stamp{width:80px;height:80px;font-size:.9rem}
    .hero .ghost{font-size:6.4rem}

    /* بنتو يصير رف انزلاق أفقي */
    .rail-hint{display:inline-flex}
    .bento{
      display:grid;grid-auto-flow:column;grid-template-columns:none;
      grid-template-rows:repeat(2,320px);grid-auto-columns:76vw;
      overflow-x:auto;scroll-snap-type:x mandatory;
      padding:4px 2px 18px;margin:0 -22px;padding-inline:22px;
      scrollbar-width:none;
    }
    .bento::-webkit-scrollbar{display:none}
    .tile{scroll-snap-align:start}
    .t-lg,.t-md,.t-sm{grid-column:auto;grid-row:auto}
    .tile-cta{grid-row:span 2}

    .how-grid{grid-template-columns:1fr;gap:30px}
    .how-grid::before{display:none}
    .shots-row{gap:20px}
    .shot.r2{transform:rotate(1.6deg)}
    .form-wrap{margin-top:26px}
    .form-wrap .form-bear{width:120px;top:-72px}
    .frow{grid-template-columns:1fr}
    .wa-float{display:none}
    .mnav{display:block}
    footer{padding-bottom:150px}
    .foot-links{margin:0}
    .btn-lg{width:100%}
    /* بالعمود، align-items:baseline بيرمي العنوان على اليسار بالـ RTL.
       stretch بيخلي العنصر يملا العرض فيرجع النص لليمين صح. */
    .wrow{flex-direction:column;gap:4px;align-items:stretch}
    .wrow .wk{width:auto}
    .offer-bar .ob{padding-top:12px;padding-bottom:11px}
    .ob-row{gap:10px}
    .ob-pct{font-size:1.5rem}
    .ob-txt{font-size:.86rem;flex:1 1 130px}
    .ob-code{padding:5px 10px}
    .ob-cta{margin-inline-start:0;width:100%;justify-content:center}
    .ob-terms{font-size:.68rem;margin-top:9px}
  }

  /* ======= مبدّل اللغة ======= */
  .lang-sw{
    display:inline-flex;align-items:center;gap:6px;
    border:1.6px solid var(--sand-2);border-radius:999px;
    padding:7px 14px;font-weight:800;font-size:.82rem;color:var(--maroon);
    background:var(--card);transition:background .2s,color .2s,border-color .2s;
    white-space:nowrap;
  }
  .lang-sw:hover{background:var(--maroon);color:#FBEEDC;border-color:var(--maroon)}
  .lang-sw svg{width:15px;height:15px}
  @media (max-width:640px){
    .lang-sw{padding:6px 11px;font-size:.76rem}
    .lang-sw .lbl{display:none}
  }