:root{
  --navy:#0b2748;--blue:#1496d2;--blue2:#5bbfea;--cyan:#dff4fd;
  --muted:#6f7f90;--line:rgba(175,205,221,.55);--white:rgba(255,255,255,.88);
  --shadow:0 14px 38px rgba(15,52,82,.10)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;color:#16283d;font-family:Tahoma,Arial,sans-serif;line-height:1.7;
  background:
    radial-gradient(circle at 10% 12%,rgba(82,190,237,.22),transparent 29%),
    radial-gradient(circle at 88% 18%,rgba(63,111,218,.14),transparent 33%),
    radial-gradient(circle at 72% 80%,rgba(93,212,201,.14),transparent 28%),
    linear-gradient(135deg,#f8fcff,#eef7fc 42%,#f8fbff 75%,#edf8fb);
  background-size:140% 140%;
  animation:siteBgMove 18s ease-in-out infinite alternate;
}
@keyframes siteBgMove{0%{background-position:0 0,100% 0,50% 100%,0 0}100%{background-position:14% 8%,86% 14%,58% 88%,100% 100%}}
a{text-decoration:none;color:inherit}.wrap{max-width:1180px;margin:auto;padding:0 22px}
.top{background:rgba(255,255,255,.88);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);box-shadow:0 5px 20px rgba(25,68,99,.04)}
.top-in{height:92px;display:grid;grid-template-columns:210px 1fr 130px;align-items:center;gap:25px}.brand img{width:145px;height:74px;object-fit:contain}.top nav{display:flex;justify-content:center;gap:28px;font-size:14px}.top nav a{font-weight:700;color:#223950;transition:.2s}.top nav a:hover{color:var(--blue);transform:translateY(-1px)}.actions{text-align:left}.actions a{display:inline-flex;align-items:center;gap:7px;font-weight:700;color:var(--navy);background:rgba(238,248,253,.85);padding:9px 13px;border-radius:12px}.actions span{display:inline-grid;place-items:center;width:22px;height:22px;background:var(--blue);color:#fff;border-radius:50%;font-size:11px}
.hero{padding:28px 0 18px}.hero-banner-only,.hero-box{display:block;overflow:hidden;border-radius:24px;box-shadow:var(--shadow);background:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.7)}.hero-banner-only{animation:heroFloat 7s ease-in-out infinite}.hero-banner-only img{display:block;width:100%;height:auto}.hero-box{min-height:470px;position:relative}.hero-box>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-copy{position:relative;z-index:2;padding:90px 60px;max-width:520px}.hero-copy h1{font-size:43px;line-height:1.3;color:var(--navy);margin:0 0 14px}.hero-copy p{color:#5a6b7d;font-size:16px;margin:0 0 22px}
@keyframes heroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;background:#152336;color:#fff;padding:11px 22px;cursor:pointer;font-family:inherit;font-weight:700;transition:.22s}.btn.blue{background:linear-gradient(135deg,var(--blue),#087bb8)}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(16,86,126,.18)}
.section{padding:58px 0}.section-title{font-size:29px;color:var(--navy);margin:0 0 25px}.latest-section{background:rgba(255,255,255,.34);border-top:1px solid rgba(255,255,255,.6);border-bottom:1px solid rgba(255,255,255,.6)}
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.cat{background:rgba(255,255,255,.72);border:1px solid rgba(202,222,233,.72);border-radius:18px;overflow:hidden;backdrop-filter:blur(8px);box-shadow:0 7px 25px rgba(30,78,110,.045);transition:.25s}.cat:hover{transform:translateY(-5px) rotate(.15deg);box-shadow:var(--shadow);border-color:rgba(72,171,214,.45)}.cat-img{aspect-ratio:1.15/1;background:linear-gradient(145deg,rgba(235,247,252,.9),rgba(255,255,255,.7));overflow:hidden;display:grid;place-items:center}.cat-img img{width:100%;height:100%;object-fit:cover}.cat-placeholder{width:65px;height:65px;border-radius:20px;background:linear-gradient(135deg,#ddf3fc,#ccecf9);color:var(--blue);display:grid;place-items:center;font-weight:900;font-size:27px}.cat h3{padding:15px;margin:0;color:var(--navy);font-size:15px;text-align:center}
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product{background:rgba(255,255,255,.78);border:1px solid rgba(202,222,233,.72);border-radius:18px;overflow:hidden;box-shadow:0 7px 24px rgba(31,79,111,.045);transition:.25s;backdrop-filter:blur(8px)}.product:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product img,.ph{width:100%;aspect-ratio:1/1;object-fit:contain;background:linear-gradient(145deg,#f5fbfd,#eef6fa)}.ph{display:grid;place-items:center;color:#a7d8ec;font-size:46px;font-weight:900}.p-pad{padding:15px}.product h3{font-size:15px;line-height:1.6;margin:4px 0 10px;color:var(--navy)}.price{font-weight:900;color:var(--blue);font-size:17px}.empty-state{grid-column:1/-1;text-align:center;padding:46px 22px;background:rgba(255,255,255,.72);border:1px dashed #bad8e7;border-radius:18px;color:var(--muted)}
/* existing pages */
.page-hero{padding:55px 0;background:rgba(255,255,255,.34);border-bottom:1px solid rgba(255,255,255,.6)}.page-hero.compact{padding:42px 0}.page-hero h1{font-size:36px;margin:3px 0;color:var(--navy)}.page-hero p,.muted{color:var(--muted)}.eyebrow{display:inline-block;color:var(--blue);font-size:11px;font-weight:800;margin-bottom:7px}
.shop-grid{display:grid;grid-template-columns:245px 1fr;gap:32px}.sidebox,.cart-card,.cart-summary,.checkout-card,.checkout-summary,.contact-form-card,.about-card,.description-card{background:rgba(255,255,255,.78);border:1px solid rgba(202,222,233,.75);border-radius:18px;backdrop-filter:blur(9px);box-shadow:0 7px 24px rgba(31,79,111,.045)}.sidebox{padding:17px;margin-bottom:15px}.sidebox input,.field input,.field textarea,.qty{width:100%;padding:11px 12px;border:1px solid #c8d9e3;border-radius:10px;background:rgba(255,255,255,.88);font-family:inherit}.sidebox a{display:block;padding:8px;border-radius:8px;color:#52677b}.sidebox a:hover,.sidebox a.active{background:#e7f6fd;color:var(--blue)}
.single{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:52px 22px}.product-gallery{border-radius:20px;overflow:hidden;background:rgba(255,255,255,.68);border:1px solid var(--line)}.product-gallery img,.product-gallery .ph{width:100%;aspect-ratio:1/1;object-fit:contain}.product-info h2{font-size:30px;color:var(--navy)}.brand-pill{display:inline-block;background:#e8f7fd;color:var(--blue);padding:5px 10px;border-radius:999px;font-size:11px}.product-desc{color:var(--muted)}.add-cart-box{display:flex;gap:10px;align-items:end}.add-cart-box .qty{width:74px}.product-specs{margin-top:25px;border-top:1px solid var(--line);padding-top:15px}.product-specs div{display:flex;justify-content:space-between;gap:20px;padding:7px 0}.description-card{padding:25px}
.cart-layout,.checkout-layout{display:grid;grid-template-columns:1.45fr .72fr;gap:26px}.cart-card{overflow:hidden}.cart-table,.table{width:100%;border-collapse:collapse}.cart-table th,.cart-table td{padding:14px;border-bottom:1px solid var(--line);text-align:right}.cart-product{display:flex;align-items:center;gap:10px}.cart-product img{width:55px;height:55px;object-fit:cover;border-radius:9px}.cart-summary,.checkout-summary{padding:22px}.summary-total{font-size:27px;font-weight:900;color:var(--blue)}.checkout-card{padding:22px;margin-bottom:16px}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{margin-bottom:13px}.field label{display:block;margin-bottom:5px;font-weight:700;font-size:12px;color:#33495f}.payment-option{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #bddceb;border-radius:13px;background:rgba(239,249,253,.72)}.payment-option>span:last-child{display:flex;flex-direction:column}.payment-option small{color:var(--muted)}.checkout-item,.checkout-total{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}.order-success{max-width:700px;margin:auto;text-align:center;background:rgba(255,255,255,.8);border:1px solid var(--line);border-radius:22px;padding:40px;box-shadow:var(--shadow)}.success-check{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:#e7f8ee;color:#16945a;margin:auto;font-size:31px}
.about-layout,.contact-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.about-card,.contact-form-card{padding:26px}.about-points,.contact-cards{display:grid;gap:12px}.about-points div,.contact-info-card{background:rgba(255,255,255,.7);border:1px solid var(--line);border-radius:16px;padding:18px}.contact-info-card{display:flex;flex-direction:column}
.contact-strip{background:linear-gradient(135deg,rgba(217,244,254,.88),rgba(240,249,255,.82));border-top:1px solid rgba(167,215,235,.55);border-bottom:1px solid rgba(167,215,235,.55);padding:38px 0;backdrop-filter:blur(10px)}.contact-strip-grid{display:grid;grid-template-columns:1.2fr auto;align-items:center;gap:30px}.contact-strip h2{font-size:24px;color:var(--navy);margin:2px 0 5px}.contact-strip p{margin:0;color:var(--muted)}.contact-strip-actions{display:flex;gap:9px}.contact-btn{display:inline-flex;padding:11px 17px;border-radius:11px;font-size:12px;font-weight:800}.contact-btn.whatsapp{background:#1daa63;color:#fff}.contact-btn.email{background:#fff;color:var(--navy);border:1px solid #c5dae5}
.site-footer{background:rgba(9,31,54,.96);color:#fff}.foot{padding:42px 22px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.foot a{display:block;color:#c7d6e2;margin:7px 0}.foot p{color:#b1c2d0}.copy{text-align:center;border-top:1px solid rgba(255,255,255,.08);padding:13px;color:#92a7b7;font-size:12px}.floating-wa{position:fixed;left:20px;bottom:20px;z-index:90;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#1fac68;color:#fff;font-weight:900;box-shadow:0 9px 24px rgba(12,117,68,.25);animation:waPulse 3s ease-in-out infinite}@keyframes waPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
@media(max-width:850px){.top-in{grid-template-columns:1fr;height:auto;padding-top:12px;padding-bottom:12px}.top nav{gap:14px;flex-wrap:wrap}.actions{text-align:center}.cat-grid,.products{grid-template-columns:repeat(2,1fr)}.shop-grid,.single,.cart-layout,.checkout-layout,.about-layout,.contact-layout,.contact-strip-grid{grid-template-columns:1fr}.foot{grid-template-columns:1fr 1fr}.contact-strip-actions{justify-content:flex-start}}
@media(max-width:560px){.wrap{padding:0 15px}.section{padding:45px 0}.cat-grid,.products{gap:12px}.row{grid-template-columns:1fr}.foot{grid-template-columns:1fr}.contact-strip-actions{display:grid}.contact-btn{width:100%}.hero-banner-only{border-radius:15px}}
/* === LIVELY BACKGROUND V2 === */
html,body{min-height:100%}
body{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(circle at 8% 12%,rgba(38,169,222,.30) 0,rgba(38,169,222,.15) 17%,transparent 36%),
    radial-gradient(circle at 92% 18%,rgba(67,96,221,.24) 0,rgba(67,96,221,.11) 18%,transparent 39%),
    radial-gradient(circle at 76% 83%,rgba(43,199,184,.19) 0,rgba(43,199,184,.08) 19%,transparent 38%),
    radial-gradient(circle at 22% 78%,rgba(102,187,255,.18) 0,transparent 34%),
    linear-gradient(135deg,#f6fbff 0%,#edf7fd 36%,#f8fbff 66%,#eef9fb 100%) !important;
  background-attachment:fixed !important;
  background-size:140% 140%,150% 150%,145% 145%,150% 150%,100% 100% !important;
  animation:bgDriftV2 22s ease-in-out infinite alternate !important;
}
@keyframes bgDriftV2{
  0%{background-position:0% 0%,100% 0%,90% 100%,0% 100%,0 0}
  100%{background-position:15% 8%,84% 13%,74% 87%,20% 78%,0 0}
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    linear-gradient(115deg,transparent 0 43%,rgba(255,255,255,.42) 43% 45%,transparent 45% 100%),
    repeating-linear-gradient(135deg,rgba(26,146,205,.035) 0 1px,transparent 1px 18px);
  opacity:.85;
}
body::after{
  content:"";
  position:fixed;
  left:-40px;
  bottom:-55px;
  width:min(44vw,520px);
  height:min(44vw,520px);
  z-index:-1;
  pointer-events:none;
  background:url('/assets/img/logo.svg') center/contain no-repeat;
  opacity:.035;
  filter:saturate(.9);
  transform:rotate(-7deg);
}
main{background:transparent !important}
.section,.latest-section,.page-hero,.categories-section,.products-section,
.shop-title,.why-section{
  background:transparent !important;
}
.top{
  background:rgba(255,255,255,.78) !important;
  backdrop-filter:blur(15px) saturate(1.15);
  -webkit-backdrop-filter:blur(15px) saturate(1.15);
}
.cat,.product,.sidebox,.cart-card,.cart-summary,.checkout-card,.checkout-summary,
.contact-form-card,.about-card,.description-card,.order-success,.empty-state{
  background:rgba(255,255,255,.68) !important;
  backdrop-filter:blur(12px) saturate(1.08);
  -webkit-backdrop-filter:blur(12px) saturate(1.08);
  border-color:rgba(190,216,231,.75) !important;
  box-shadow:0 14px 36px rgba(31,77,108,.07) !important;
}
.cat-img,.product img,.ph,.product-gallery{
  background:linear-gradient(145deg,rgba(239,249,253,.82),rgba(255,255,255,.72)) !important;
}
.contact-strip{
  background:linear-gradient(135deg,rgba(221,245,255,.82),rgba(240,249,255,.68),rgba(229,247,245,.74)) !important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.site-footer{background:rgba(8,28,49,.96) !important}
@media(max-width:700px){
  body::after{width:72vw;height:72vw;left:-18vw;bottom:-11vw;opacity:.028}
}

/* === STRONG LIVELY BACKGROUND V3 === */
html,body{min-height:100%}
body{
  background:
    radial-gradient(circle at 6% 10%, rgba(47,172,226,.34) 0 10%, rgba(47,172,226,.16) 20%, transparent 38%),
    radial-gradient(circle at 94% 16%, rgba(79,96,226,.27) 0 9%, rgba(79,96,226,.12) 19%, transparent 39%),
    radial-gradient(circle at 80% 88%, rgba(55,200,184,.22) 0 9%, rgba(55,200,184,.10) 18%, transparent 37%),
    linear-gradient(135deg,#eaf7fd 0%,#f6fbff 32%,#e8f4fb 66%,#edf9f7 100%) !important;
  background-attachment:fixed !important;
  background-size:155% 155%,155% 155%,155% 155%,100% 100% !important;
  animation:siteLivelyV3 18s ease-in-out infinite alternate !important;
}
@keyframes siteLivelyV3{
  0%{background-position:0% 0%,100% 0%,88% 100%,0 0}
  100%{background-position:16% 10%,84% 12%,72% 84%,0 0}
}
body::before{
  content:"";
  position:fixed; inset:0; z-index:-2; pointer-events:none;
  background:
    linear-gradient(115deg,transparent 0 43%,rgba(255,255,255,.48) 43% 45%,transparent 45% 100%),
    repeating-linear-gradient(135deg,rgba(18,135,196,.045) 0 1px,transparent 1px 22px);
}
body::after{
  content:"";
  position:fixed;
  left:-5vw; bottom:-8vw;
  width:min(48vw,580px); height:min(48vw,580px);
  z-index:-1; pointer-events:none;
  background:url('/assets/img/logo.svg') center/contain no-repeat;
  opacity:.045; transform:rotate(-8deg);
}
main{background:transparent !important}

/* Make page sections visibly colored instead of white */
.hero{background:transparent !important}
.section{
  background:linear-gradient(135deg,rgba(226,244,252,.72),rgba(249,252,255,.62),rgba(232,247,247,.64)) !important;
  border-top:1px solid rgba(172,210,228,.36);
  border-bottom:1px solid rgba(172,210,228,.30);
}
.section:nth-of-type(even){
  background:linear-gradient(135deg,rgba(240,248,255,.68),rgba(220,242,251,.62),rgba(244,251,255,.70)) !important;
}
.latest-section{
  background:linear-gradient(135deg,rgba(214,239,251,.74),rgba(241,249,255,.68),rgba(220,245,241,.68)) !important;
}
.page-hero{
  background:
    radial-gradient(circle at 90% 20%,rgba(51,166,220,.17),transparent 34%),
    linear-gradient(135deg,rgba(226,243,252,.85),rgba(248,252,255,.72)) !important;
}

/* Category cards: visible borders and not white */
.cat{
  position:relative;
  background:linear-gradient(145deg,rgba(235,248,254,.92),rgba(221,241,250,.82)) !important;
  border:1.5px solid rgba(111,184,216,.72) !important;
  border-radius:20px !important;
  box-shadow:0 12px 30px rgba(33,92,127,.10) !important;
  overflow:hidden;
}
.cat::before{
  content:"";
  position:absolute; inset:0 0 auto 0; height:4px;
  background:linear-gradient(90deg,#1496d2,#64c4eb,#54cbbd);
  opacity:.9;
}
.cat:hover{
  transform:translateY(-7px) !important;
  border-color:rgba(41,155,205,.95) !important;
  box-shadow:0 18px 40px rgba(31,91,126,.15) !important;
}
.cat-img{
  background:
    radial-gradient(circle at 35% 25%,rgba(255,255,255,.88),transparent 32%),
    linear-gradient(145deg,#dff3fb,#eef9fd) !important;
  border-bottom:1px solid rgba(130,191,219,.45);
}
.cat h3{
  background:linear-gradient(180deg,rgba(255,255,255,.40),rgba(225,243,251,.58));
  margin:0 !important;
  color:#0b2748 !important;
}
.cat-placeholder{
  width:78px !important;height:78px !important;border-radius:24px !important;
  background:linear-gradient(135deg,#cfeef9,#e8f8fd) !important;
  border:1px solid rgba(90,177,216,.45);
  box-shadow:inset 0 0 0 9px rgba(255,255,255,.36),0 10px 24px rgba(35,114,153,.10);
  position:relative;
}
.cat-placeholder span::before{
  content:"";
  position:absolute;left:50%;top:50%;width:28px;height:34px;
  transform:translate(-50%,-50%);
  border:3px solid #1596d1;border-radius:9px 9px 13px 13px;
  clip-path:polygon(50% 0,100% 19%,92% 78%,50% 100%,8% 78%,0 19%);
}
.cat-placeholder span::after{
  content:"";
  position:absolute;left:50%;top:50%;width:9px;height:14px;
  transform:translate(-50%,-35%);
  border:2px solid #1596d1;border-top:0;border-radius:0 0 3px 3px;
}

/* Product cards */
.product{
  background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(229,244,251,.84)) !important;
  border:1.5px solid rgba(129,190,217,.65) !important;
  border-radius:20px !important;
  box-shadow:0 12px 30px rgba(33,92,127,.09) !important;
}
.product:hover{transform:translateY(-7px) !important;box-shadow:0 18px 40px rgba(31,91,126,.14) !important}
.product img,.ph{
  background:linear-gradient(145deg,#e3f4fb,#f6fbfd) !important;
  border-bottom:1px solid rgba(135,197,223,.42);
}
.ph{position:relative}
.ph span::before{
  content:"";
  width:56px;height:56px;border-radius:18px;
  background:linear-gradient(135deg,#d0eef9,#eaf8fd);
  border:1px solid rgba(89,176,215,.40);
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
}
.ph span::after{
  content:"";
  width:22px;height:22px;border:3px solid #1896d0;border-radius:6px;
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
}
.p-pad{background:linear-gradient(180deg,rgba(255,255,255,.46),rgba(228,244,251,.48))}

/* Other white containers on inner pages */
.sidebox,.cart-card,.cart-summary,.checkout-card,.checkout-summary,
.contact-form-card,.about-card,.description-card,.order-success,.empty-state{
  background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(226,243,250,.74)) !important;
  border:1.5px solid rgba(132,190,216,.60) !important;
  box-shadow:0 12px 32px rgba(33,91,125,.09) !important;
}

/* footer contact area also has life */
.contact-strip{
  background:
    radial-gradient(circle at 12% 20%,rgba(87,196,234,.18),transparent 34%),
    linear-gradient(135deg,rgba(205,238,251,.92),rgba(238,249,255,.82),rgba(219,245,241,.88)) !important;
}

@media(max-width:700px){
  body::after{width:78vw;height:78vw;left:-22vw;bottom:-14vw;opacity:.035}
  .cat{border-radius:16px !important}
}

/* === SAME HERO IMAGE HOVER SHINE V4 === */
/* نفس صورة الواجهة الموجودة عندك — بدون إنشاء أو استبدال الصورة */
.hero-banner-only{
  position:relative !important;
  overflow:hidden !important;
  background:transparent !important;
  border:1px solid rgba(91,177,216,.38) !important;
  border-radius:22px !important;
  box-shadow:0 12px 30px rgba(29,91,126,.10) !important;
  transform:translateY(0) scale(1);
  transition:transform .38s ease, box-shadow .38s ease, border-color .38s ease !important;
  animation:heroSoftFloat 5.8s ease-in-out infinite !important;
  isolation:isolate;
}

/* نخلي نفس الصورة تندمج مع الخلفية بدل الأبيض القاسي */
.hero-banner-only img{
  position:relative;
  z-index:1;
  display:block !important;
  width:100% !important;
  height:auto !important;
  opacity:.91;
  filter:saturate(1.04) contrast(1.015) brightness(1.015);
  transition:transform .55s cubic-bezier(.2,.75,.25,1), opacity .4s ease, filter .4s ease !important;
  -webkit-mask-image:radial-gradient(ellipse 112% 118% at center, #000 72%, rgba(0,0,0,.96) 84%, rgba(0,0,0,.30) 96%, transparent 100%);
  mask-image:radial-gradient(ellipse 112% 118% at center, #000 72%, rgba(0,0,0,.96) 84%, rgba(0,0,0,.30) 96%, transparent 100%);
}

/* لمعة تمر فوق نفس الصورة */
.hero-banner-only::after{
  content:"";
  position:absolute;
  z-index:3;
  top:-30%;
  bottom:-30%;
  left:-42%;
  width:22%;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(
    105deg,
    transparent 0%,
    rgba(255,255,255,.04) 18%,
    rgba(255,255,255,.62) 48%,
    rgba(112,205,246,.20) 62%,
    transparent 100%
  );
  filter:blur(2px);
  transform:skewX(-17deg) translateX(-220%);
  animation:heroGlossPass 5.2s ease-in-out infinite;
}

/* نفس إحساس المربعات عند وضع الماوس */
.hero-banner-only:hover{
  transform:translateY(-7px) scale(1.006) !important;
  border-color:rgba(35,153,205,.72) !important;
  box-shadow:
    0 22px 46px rgba(24,89,127,.18),
    0 0 0 1px rgba(91,196,237,.12) inset !important;
}

.hero-banner-only:hover img{
  opacity:.98;
  transform:scale(1.025);
  filter:saturate(1.09) contrast(1.025) brightness(1.035);
}

.hero-banner-only:hover::after{
  opacity:1;
  animation-duration:1.15s;
}

@keyframes heroSoftFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-3px)}
}

@keyframes heroGlossPass{
  0%,58%{left:-42%;opacity:0;transform:skewX(-17deg) translateX(-220%)}
  63%{opacity:.85}
  78%{left:118%;opacity:.18;transform:skewX(-17deg) translateX(220%)}
  100%{left:118%;opacity:0;transform:skewX(-17deg) translateX(220%)}
}

@media(max-width:700px){
  .hero-banner-only{
    border-radius:15px !important;
    animation:heroSoftFloat 6.5s ease-in-out infinite !important;
  }
  .hero-banner-only img{
    opacity:.94;
    -webkit-mask-image:radial-gradient(ellipse 118% 125% at center,#000 76%,rgba(0,0,0,.95) 88%,transparent 100%);
    mask-image:radial-gradient(ellipse 118% 125% at center,#000 76%,rgba(0,0,0,.95) 88%,transparent 100%);
  }
}

/* === HERO BLEND WITH PAGE V5 === */
/* يجعل نفس صورة الواجهة تندمج مع خلفية الموقع بدل أن تظهر كمستطيل بلون مختلف */
.hero{
  background:transparent !important;
}

.hero .wrap{
  position:relative;
}

.hero-banner-only{
  background:transparent !important;
  border-color:rgba(72,165,207,.20) !important;
  box-shadow:
    0 16px 38px rgba(28,91,127,.08),
    inset 0 0 0 1px rgba(255,255,255,.18) !important;
}

/* أهم سطر: الأبيض داخل الصورة يمتزج مع لون الخلفية الموجودة خلفها */
.hero-banner-only img{
  mix-blend-mode:multiply !important;
  opacity:.94 !important;
  filter:saturate(1.02) contrast(.99) brightness(1.025) !important;
  -webkit-mask-image:
    linear-gradient(to right,transparent 0%,#000 3%,#000 97%,transparent 100%),
    linear-gradient(to bottom,transparent 0%,#000 4%,#000 96%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:
    linear-gradient(to right,transparent 0%,#000 3%,#000 97%,transparent 100%),
    linear-gradient(to bottom,transparent 0%,#000 4%,#000 96%,transparent 100%);
  mask-composite:intersect;
}

/* ضباب سماوي خلف الصورة حتى تصبح الانتقالات ناعمة جدًا */
.hero-banner-only::before{
  content:"";
  position:absolute;
  inset:-5%;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 78% 52%,rgba(49,170,223,.11),transparent 42%),
    radial-gradient(circle at 18% 45%,rgba(88,118,225,.07),transparent 40%);
  filter:blur(22px);
  opacity:.8;
}

.hero-banner-only:hover img{
  mix-blend-mode:multiply !important;
  opacity:.98 !important;
  filter:saturate(1.05) contrast(1.01) brightness(1.035) !important;
}

/* إخفاء الإطار تقريبًا حتى لا يبدو كبانر منفصل */
.hero-banner-only:hover{
  border-color:rgba(53,165,213,.30) !important;
  box-shadow:
    0 22px 46px rgba(24,89,127,.13),
    0 0 42px rgba(76,190,231,.08) !important;
}

@media(max-width:700px){
  .hero-banner-only img{
    opacity:.96 !important;
    -webkit-mask-image:
      linear-gradient(to right,transparent 0%,#000 2%,#000 98%,transparent 100%),
      linear-gradient(to bottom,transparent 0%,#000 3%,#000 97%,transparent 100%);
    mask-image:
      linear-gradient(to right,transparent 0%,#000 2%,#000 98%,transparent 100%),
      linear-gradient(to bottom,transparent 0%,#000 3%,#000 97%,transparent 100%);
  }
}

/* === CAIRO + LIGHT HERO V6 === */

/* خط Cairo في كامل المتجر */
html,body,button,input,select,textarea{
  font-family:'Cairo',Tahoma,Arial,sans-serif !important;
}

/* إيقاف حركة صورة الواجهة بالكامل لتخفيف الموقع */
.hero-banner-only{
  animation:none !important;
  transform:none !important;
  transition:box-shadow .25s ease,border-color .25s ease !important;
}

/* لا تكبير ولا تحريك للصورة عند مرور الماوس */
.hero-banner-only:hover{
  transform:none !important;
  border-color:rgba(53,165,213,.30) !important;
  box-shadow:
    0 18px 38px rgba(24,89,127,.11),
    0 0 34px rgba(76,190,231,.06) !important;
}

.hero-banner-only img,
.hero-banner-only:hover img{
  transform:none !important;
  transition:opacity .25s ease,filter .25s ease !important;
}

/* نحتفظ باللمعة فقط، وتعمل بتحريك GPU خفيف */
.hero-banner-only::after{
  left:0 !important;
  width:18% !important;
  opacity:.0;
  will-change:transform,opacity;
  animation:heroGlossLight 5.8s ease-in-out infinite !important;
  transform:translate3d(-260%,0,0) skewX(-17deg) !important;
}

.hero-banner-only:hover::after{
  animation:heroGlossLight 5.8s ease-in-out infinite !important;
}

@keyframes heroGlossLight{
  0%,62%{
    opacity:0;
    transform:translate3d(-260%,0,0) skewX(-17deg);
  }
  67%{opacity:.72}
  81%{
    opacity:.18;
    transform:translate3d(720%,0,0) skewX(-17deg);
  }
  100%{
    opacity:0;
    transform:translate3d(720%,0,0) skewX(-17deg);
  }
}

/* === CONTACT + SOCIAL V8 === */
.contact-showcase{
  padding:72px 0 !important;
  background:
    radial-gradient(circle at 9% 12%,rgba(57,178,226,.12),transparent 33%),
    radial-gradient(circle at 92% 85%,rgba(76,105,225,.08),transparent 30%),
    rgba(255,255,255,.36) !important;
}
.contact-showcase-grid{
  display:grid;
  grid-template-columns:1.08fr 1fr;
  gap:44px;
  align-items:stretch;
}
.contact-map-card{
  min-height:455px;
  overflow:hidden;
  border-radius:24px;
  border:1px solid rgba(127,188,216,.62);
  box-shadow:0 18px 45px rgba(27,79,112,.11);
  background:rgba(255,255,255,.62);
}
.contact-map-card iframe{width:100%;height:100%;min-height:455px;border:0;display:block;filter:saturate(.92) contrast(.96)}
.contact-main-card{
  padding:28px 12px 28px 8px;
  align-self:center;
}
.contact-main-card h1{
  margin:0 0 7px;
  font-size:42px;
  color:#102c49;
  line-height:1.35;
}
.contact-intro{max-width:600px;color:#728193;margin:0 0 30px}
.contact-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:18px 0 35px}
.contact-detail{display:flex;align-items:flex-start;gap:12px}
.contact-detail-icon{
  width:38px;height:38px;flex:0 0 38px;border-radius:12px;
  display:grid;place-items:center;
  background:#e9f7fd;color:#1496d2;font-weight:900
}
.contact-detail b{display:block;color:#132d48;margin-bottom:6px}
.contact-detail p,.contact-detail a{display:block;margin:4px 0;color:#53697e;font-size:13px}
.contact-detail a:hover{color:#118ec9}
.contact-social-block>b{display:block;margin-bottom:12px;color:#132d48}
.social-icons{display:flex;gap:7px;flex-wrap:wrap}
.social-icon{
  width:48px;height:48px;border-radius:4px;
  display:grid;place-items:center;
  background:rgba(244,246,248,.92);
  color:#8b969f;
  border:1px solid #eef1f3;
  transition:transform .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.social-icon svg{width:22px;height:22px;fill:currentColor}
.social-icon:hover,.social-icon:focus-visible,.social-icon:active{
  transform:translateY(-3px);
  color:#fff;
  outline:none;
}
.social-whatsapp:hover,.social-whatsapp:focus-visible,.social-whatsapp:active{background:#25D366;border-color:#25D366;box-shadow:0 10px 22px rgba(37,211,102,.25)}
.social-facebook:hover,.social-facebook:focus-visible,.social-facebook:active{background:#1877F2;border-color:#1877F2;box-shadow:0 10px 22px rgba(24,119,242,.23)}
.social-youtube:hover,.social-youtube:focus-visible,.social-youtube:active{background:#FF0000;border-color:#FF0000;box-shadow:0 10px 22px rgba(255,0,0,.18)}
.social-x:hover,.social-x:focus-visible,.social-x:active{background:#111;border-color:#111;box-shadow:0 10px 22px rgba(0,0,0,.18)}
.social-instagram:hover,.social-instagram:focus-visible,.social-instagram:active{
  background:linear-gradient(135deg,#833AB4,#FD1D1D,#FCAF45);
  border-color:#d64a77;box-shadow:0 10px 22px rgba(214,74,119,.22)
}

.contact-message-section{padding:0 0 70px}
.contact-message-card{
  display:grid;grid-template-columns:.72fr 1.28fr;gap:44px;
  padding:34px;
  border-radius:24px;
  border:1px solid rgba(132,190,216,.58);
  background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(227,244,251,.72));
  box-shadow:0 15px 40px rgba(29,83,115,.08);
  backdrop-filter:blur(12px);
}
.contact-message-copy h2{font-size:29px;color:#102c49;margin:4px 0 10px}
.contact-message-copy p{color:#718194}

.rich-footer{background:rgba(8,30,52,.97) !important}
.rich-foot-grid{
  padding:52px 22px 44px;
  display:grid;
  grid-template-columns:1.35fr .85fr 1fr 1fr;
  gap:44px;
}
.footer-logo{width:130px;height:88px;object-fit:contain;margin-bottom:10px}
.footer-brand-block h3{margin:3px 0;color:#fff;font-size:18px}
.footer-brand-block p{margin:3px 0;color:#aebfcd}
.footer-brand-block small{display:block;margin-top:8px;color:#879dad;font-size:11px}
.footer-column h4{color:#fff;margin:0 0 14px;font-size:14px}
.footer-column a{display:block;color:#b9c9d5;margin:7px 0;font-size:12px;line-height:1.7}
.footer-column a:hover{color:#fff;padding-right:3px}
.footer-muted{color:#7e95a6;font-size:11px}

@media(max-width:900px){
  .contact-showcase-grid,.contact-message-card{grid-template-columns:1fr}
  .contact-map-card,.contact-map-card iframe{min-height:360px}
  .contact-main-card{padding:5px}
  .rich-foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:580px){
  .contact-showcase{padding:48px 0 !important}
  .contact-main-card h1{font-size:34px}
  .contact-details-grid{grid-template-columns:1fr;gap:18px}
  .contact-map-card,.contact-map-card iframe{min-height:300px}
  .contact-message-card{padding:22px;gap:25px}
  .rich-foot-grid{grid-template-columns:1fr;gap:25px}
  .social-icon{width:46px;height:46px}
}

/* === HEADER SOCIAL ICONS V9 === */
.actions{
  display:flex !important;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
}
.header-socials{
  display:flex;
  align-items:center;
  gap:6px;
  direction:ltr;
}
.header-social{
  width:34px;
  height:34px;
  border-radius:10px;
  display:grid;
  place-items:center;
  color:#8a98a5;
  background:rgba(245,248,250,.88);
  border:1px solid rgba(214,225,232,.9);
  transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.header-social svg{
  width:17px;
  height:17px;
  fill:currentColor;
}
.header-social:hover,
.header-social:focus-visible{
  transform:translateY(-2px);
  color:#fff;
  outline:none;
}
.header-social.whatsapp:hover,
.header-social.whatsapp:focus-visible{
  background:#25D366;
  border-color:#25D366;
  box-shadow:0 7px 18px rgba(37,211,102,.22);
}
.header-social.facebook:hover,
.header-social.facebook:focus-visible{
  background:#1877F2;
  border-color:#1877F2;
  box-shadow:0 7px 18px rgba(24,119,242,.22);
}
.header-social.x:hover,
.header-social.x:focus-visible{
  background:#111;
  border-color:#111;
  box-shadow:0 7px 18px rgba(0,0,0,.16);
}
.header-social.instagram:hover,
.header-social.instagram:focus-visible{
  background:linear-gradient(135deg,#833AB4,#FD1D1D,#FCAF45);
  border-color:#d85b8b;
  box-shadow:0 7px 18px rgba(206,71,119,.20);
}
.header-social.is-disabled{
  opacity:.52;
  cursor:default;
}
.header-social.is-disabled:hover{
  transform:none;
  color:#8a98a5;
  background:rgba(245,248,250,.88);
  border-color:rgba(214,225,232,.9);
  box-shadow:none;
}
.header-cart{
  display:inline-flex !important;
  align-items:center;
  gap:7px;
  font-weight:700;
  color:var(--navy);
  background:rgba(238,248,253,.88);
  padding:9px 12px;
  border-radius:11px;
  white-space:nowrap;
}
.header-cart span{
  display:inline-grid;
  place-items:center;
  width:22px;
  height:22px;
  background:var(--blue);
  color:#fff;
  border-radius:50%;
  font-size:11px;
}
@media(max-width:850px){
  .actions{
    justify-content:center;
    flex-wrap:wrap;
  }
  .header-socials{
    order:2;
  }
  .header-cart{
    order:1;
  }
}

/* === SOCIALS ONLY UNDER CONTACT V10 === */

/* لا يوجد سوشيال في الهيدر؛ السلة وحدها تبقى هناك */
.header-socials{display:none !important}

/* الأيقونات في قسم تابعنا فقط */
.contact-social-block .social-icons{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.contact-social-block .social-icon.is-disabled{
  opacity:.45;
  cursor:default;
  pointer-events:none;
}

.contact-social-block .social-icon.is-disabled:hover,
.contact-social-block .social-icon.is-disabled:focus-visible,
.contact-social-block .social-icon.is-disabled:active{
  transform:none !important;
  color:#8b969f !important;
  background:rgba(244,246,248,.92) !important;
  border-color:#eef1f3 !important;
  box-shadow:none !important;
}

/* === PRODUCT CATEGORIES DROPDOWN V11 === */
.top nav{
  align-items:center;
}
.nav-products-dropdown{
  position:relative;
  display:flex;
  align-items:center;
}
.nav-products-trigger{
  display:flex !important;
  align-items:center;
  gap:5px;
}
.nav-arrow{
  font-size:13px;
  color:#6f879a;
  transition:transform .2s ease;
}
.nav-products-dropdown:hover .nav-arrow,
.nav-products-dropdown:focus-within .nav-arrow{
  transform:rotate(180deg);
}
.nav-products-menu{
  position:absolute;
  z-index:120;
  top:calc(100% + 8px);
  right:50%;
  width:min(680px,82vw);
  transform:translate(50%,10px);
  padding:10px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .2s ease,transform .2s ease,visibility .2s;
  border:1px solid rgba(146,193,216,.60);
  border-radius:16px;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  box-shadow:0 18px 44px rgba(20,65,94,.15);
}
.nav-products-dropdown:hover .nav-products-menu,
.nav-products-dropdown:focus-within .nav-products-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate(50%,0);
}
.nav-products-menu-inner{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:3px 8px;
  max-height:390px;
  overflow:auto;
  padding:4px;
}
.top nav .nav-products-menu a{
  display:block;
  padding:9px 11px;
  border-radius:9px;
  color:#294258;
  font-size:12px;
  font-weight:600;
  line-height:1.55;
}
.top nav .nav-products-menu a:hover{
  background:#e9f7fd;
  color:#128fc9;
  transform:none;
}
@media(max-width:850px){
  .nav-products-dropdown{
    position:static;
  }
  .nav-products-menu{
    position:fixed;
    top:auto;
    right:16px;
    left:16px;
    width:auto;
    transform:translateY(8px);
  }
  .nav-products-dropdown:hover .nav-products-menu,
  .nav-products-dropdown:focus-within .nav-products-menu{
    transform:translateY(0);
  }
  .nav-products-menu-inner{
    grid-template-columns:1fr;
    max-height:55vh;
  }
}

/* === HEADER DROPDOWNS V12 === */
.top nav{align-items:center;flex-wrap:wrap}
.nav-products-dropdown{position:relative;display:flex;align-items:center}
.nav-products-trigger{display:flex !important;align-items:center;gap:5px}
.nav-arrow{font-size:13px;color:#6f879a;transition:transform .2s ease}
.nav-products-dropdown:hover .nav-arrow,
.nav-products-dropdown:focus-within .nav-arrow{transform:rotate(180deg)}
.nav-products-menu{
  position:absolute;z-index:120;top:calc(100% + 8px);right:50%;
  width:min(680px,82vw);transform:translate(50%,10px);
  padding:10px;opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .2s ease,transform .2s ease,visibility .2s;
  border:1px solid rgba(146,193,216,.60);border-radius:16px;
  background:rgba(255,255,255,.96);backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);box-shadow:0 18px 44px rgba(20,65,94,.15)
}
.nav-products-dropdown:hover .nav-products-menu,
.nav-products-dropdown:focus-within .nav-products-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(50%,0)}
.nav-products-menu-inner{display:grid;grid-template-columns:1fr 1fr;gap:3px 8px;max-height:390px;overflow:auto;padding:4px}
.top nav .nav-products-menu a{display:block;padding:9px 11px;border-radius:9px;color:#294258;font-size:12px;font-weight:600;line-height:1.55}
.top nav .nav-products-menu a:hover{background:#e9f7fd;color:#128fc9;transform:none}
.is-protection-menu .nav-products-menu{width:min(320px,72vw)}
.is-protection-menu .nav-products-menu-inner{grid-template-columns:1fr}
@media(max-width:850px){
  .nav-products-dropdown{position:static}
  .nav-products-menu{position:fixed;top:auto;right:16px;left:16px;width:auto;transform:translateY(8px)}
  .nav-products-dropdown:hover .nav-products-menu,
  .nav-products-dropdown:focus-within .nav-products-menu{transform:translateY(0)}
  .nav-products-menu-inner{grid-template-columns:1fr;max-height:55vh}
}

/* === DROPDOWN HOVER FIX V14 === */
/* يمنع اختفاء القوائم عند نقل الماوس من اسم القائمة إلى المربع */
.nav-products-dropdown{
  position:relative;
}

/* جسر شفاف بين الزر والقائمة حتى لا ينقطع الـ hover */
.nav-products-dropdown::after{
  content:"";
  position:absolute;
  right:0;
  left:0;
  top:100%;
  height:14px;
  background:transparent;
  pointer-events:auto;
}

/* إزالة الفراغ الذي كان يسبب اختفاء القائمة */
.nav-products-menu{
  top:100% !important;
  padding-top:14px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* المربع الحقيقي للقائمة */
.nav-products-menu-inner{
  background:rgba(255,255,255,.97);
  border:1px solid rgba(146,193,216,.68);
  border-radius:16px;
  box-shadow:0 18px 44px rgba(20,65,94,.16);
  padding:10px !important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}

/* إبقاء القائمة مفتوحة أثناء المرور فوقها نفسها */
.nav-products-menu:hover{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

/* مساحة أريح للضغط */
.top nav .nav-products-menu a{
  min-height:38px;
  display:flex !important;
  align-items:center;
}

/* قائمة العزل والحماية تبقى عمود واحد */
.is-protection-menu .nav-products-menu-inner{
  grid-template-columns:1fr !important;
}

@media(max-width:850px){
  .nav-products-dropdown::after{
    display:none;
  }
  .nav-products-menu{
    padding-top:8px !important;
  }
}

/* === HOME CATEGORY MORE V15 === */
.home-cat-grid .cat-extra{
  display:none;
}
.home-cat-grid.categories-expanded .cat-extra{
  display:block;
  animation:categoryRevealV15 .36s ease both;
}
@keyframes categoryRevealV15{
  from{opacity:0;transform:translateY(12px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
.category-more-wrap{
  display:flex;
  justify-content:center;
  padding-top:25px;
}
.category-more-btn{
  min-width:155px;
  height:46px;
  border:1px solid rgba(48,157,205,.38);
  border-radius:999px;
  padding:0 22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  cursor:pointer;
  font:700 13px 'Cairo',Tahoma,Arial,sans-serif;
  color:#0d5276;
  background:linear-gradient(135deg,rgba(255,255,255,.80),rgba(218,243,252,.82));
  box-shadow:0 9px 22px rgba(31,98,132,.08);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease;
}
.category-more-btn:hover{
  transform:translateY(-3px);
  border-color:rgba(24,150,207,.68);
  background:linear-gradient(135deg,#fff,#d9f3fc);
  box-shadow:0 14px 28px rgba(31,98,132,.13);
}
.category-more-arrow{
  font-size:18px;
  line-height:1;
  transition:transform .24s ease;
}
.category-more-btn[aria-expanded="true"] .category-more-arrow{
  transform:rotate(180deg);
}
@media(max-width:560px){
  .category-more-wrap{padding-top:18px}
  .category-more-btn{width:100%;max-width:260px}
}

/* === SHOP SPLIT CATEGORY GROUPS V16 === */
.shop-grid{
  grid-template-columns:minmax(430px, .92fr) minmax(0, 1.65fr) !important;
  gap:28px !important;
  align-items:start;
}

.shop-sidebar{
  min-width:0;
}

.shop-category-panel{
  padding:14px;
  border:1px solid rgba(117,184,215,.56);
  border-radius:20px;
  background:
    radial-gradient(circle at 92% 8%,rgba(59,180,227,.10),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.78),rgba(224,244,252,.72));
  box-shadow:0 14px 34px rgba(26,85,118,.08);
  backdrop-filter:blur(13px);
  -webkit-backdrop-filter:blur(13px);
}

.all-products-link{
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:13px 15px !important;
  margin-bottom:13px;
  border-radius:13px !important;
  border:1px solid rgba(126,191,219,.55);
  background:rgba(255,255,255,.66);
  color:#183a56 !important;
  transition:.22s ease;
}
.all-products-link span{
  font-weight:800;
}
.all-products-link small{
  color:#72899b;
  font-size:10px;
  font-weight:600;
}
.all-products-link:hover,
.all-products-link.active{
  background:linear-gradient(135deg,#dff4fc,#edf9fd) !important;
  border-color:rgba(36,159,211,.72) !important;
  color:#0e83b9 !important;
  transform:translateY(-1px);
}

.shop-category-groups{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  align-items:start;
}

.shop-category-group{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(143,198,221,.58);
  border-radius:17px;
  background:rgba(255,255,255,.62);
  box-shadow:0 8px 22px rgba(31,84,115,.055);
}

.shop-category-group-title{
  min-height:82px;
  padding:14px 13px 12px;
  display:flex;
  align-items:center;
  gap:10px;
  background:linear-gradient(135deg,rgba(218,242,252,.92),rgba(245,251,255,.88));
  border-bottom:1px solid rgba(143,198,221,.48);
}

.group-title-icon{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:grid;
  place-items:center;
  border-radius:11px;
  color:#0d91ca;
  background:rgba(255,255,255,.74);
  border:1px solid rgba(87,178,217,.38);
  font-size:17px;
  font-weight:900;
}

.shop-category-group-title h3{
  margin:0;
  color:#123653;
  font-size:14px;
  line-height:1.4;
}

.shop-category-group-title p{
  margin:3px 0 0;
  color:#7b8e9e;
  font-size:9px;
  line-height:1.45;
}

.shop-category-links{
  padding:7px;
}

.shop-category-links a{
  display:flex !important;
  align-items:center;
  min-height:39px;
  padding:8px 9px !important;
  margin:2px 0;
  border-radius:9px !important;
  border:1px solid transparent;
  color:#526b7e !important;
  font-size:10.5px;
  font-weight:650;
  line-height:1.55;
  transition:.18s ease;
}

.shop-category-links a::before{
  content:"";
  width:5px;
  height:5px;
  margin-left:7px;
  flex:0 0 5px;
  border-radius:50%;
  background:#9ccfe4;
  transition:.18s ease;
}

.shop-category-links a:hover{
  background:rgba(224,244,252,.78) !important;
  color:#118ac1 !important;
  transform:translateX(-2px);
}

.shop-category-links a.active{
  background:linear-gradient(135deg,#d8f2fc,#edfaff) !important;
  border-color:rgba(71,171,213,.42);
  color:#087eb3 !important;
  font-weight:800;
  box-shadow:0 5px 13px rgba(29,112,151,.07);
}

.shop-category-links a.active::before{
  width:7px;
  height:7px;
  flex-basis:7px;
  background:#1496d2;
  box-shadow:0 0 0 3px rgba(20,150,210,.12);
}

/* فرق بسيط بصريًا بين المجموعتين */
.protection-list-group .shop-category-group-title{
  background:linear-gradient(135deg,rgba(224,246,244,.92),rgba(241,251,255,.88));
}
.protection-list-group .group-title-icon{
  color:#148f91;
  border-color:rgba(76,184,184,.36);
  background:rgba(246,255,254,.82);
}
.protection-list-group .shop-category-links a::before{
  background:#90d5d1;
}
.protection-list-group .shop-category-links a.active::before{
  background:#2aaca7;
  box-shadow:0 0 0 3px rgba(42,172,167,.12);
}

@media(max-width:1000px){
  .shop-grid{
    grid-template-columns:minmax(360px,.9fr) minmax(0,1.3fr) !important;
  }
  .shop-category-groups{
    grid-template-columns:1fr;
  }
}

@media(max-width:850px){
  .shop-grid{
    grid-template-columns:1fr !important;
  }
  .shop-category-groups{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:620px){
  .shop-category-panel{
    padding:10px;
  }
  .shop-category-groups{
    grid-template-columns:1fr;
  }
  .all-products-link{
    align-items:flex-start;
    flex-direction:column;
    gap:2px;
  }
}

/* === CLICK DROPDOWNS + ADMIN ENTRY V17 === */

/* مساحة الهيدر تكفي السلة + زر دخول صغير */
.top-in{
  grid-template-columns:190px 1fr 205px !important;
}

/* زر القائمة أصبح Button بدل رابط */
.top nav .nav-products-trigger{
  appearance:none;
  -webkit-appearance:none;
  border:0;
  background:transparent;
  padding:8px 2px;
  margin:0;
  display:inline-flex !important;
  align-items:center;
  gap:6px;
  cursor:pointer;
  font:700 14px 'Cairo',Tahoma,Arial,sans-serif;
  color:#223950;
  line-height:1.4;
  transition:color .2s ease,transform .2s ease;
}
.top nav .nav-products-trigger:hover,
.top nav .nav-products-trigger[aria-expanded="true"]{
  color:var(--blue);
}

/* سهم جديد أنظف */
.nav-chevron{
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .22s ease;
}
.nav-products-trigger[aria-expanded="true"] .nav-chevron{
  transform:rotate(180deg);
}

/* القوائم لا تفتح بمجرد مرور الماوس */
.nav-products-dropdown:hover .nav-products-menu,
.nav-products-dropdown:focus-within .nav-products-menu{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translate(50%,8px) !important;
}

/* تفتح فقط بعد Click */
.nav-products-dropdown.is-open .nav-products-menu,
.nav-products-dropdown.is-open:hover .nav-products-menu,
.nav-products-dropdown.is-open:focus-within .nav-products-menu{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translate(50%,0) !important;
}

/* إبقاء القائمة ثابتة أثناء اختيار العنصر */
.nav-products-dropdown.is-open .nav-products-menu:hover{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

/* زر الدخول متخفي/هادئ عندما لا يوجد تسجيل دخول */
.actions{
  display:flex !important;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}
.admin-entry{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:6px 10px;
  border-radius:10px;
  border:1px solid transparent;
  background:transparent;
  color:#8797a5;
  opacity:.34;
  font-size:10.5px;
  font-weight:700;
  white-space:nowrap;
  transition:opacity .2s ease,color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease;
}
.admin-entry:hover,
.admin-entry:focus-visible{
  opacity:1;
  color:#23394e;
  background:rgba(255,255,255,.76);
  border-color:rgba(163,196,213,.58);
  outline:none;
  transform:translateY(-1px);
}

/* إذا الإدارة مسجلة دخول يصير أسود وواضح */
.admin-entry.is-authenticated{
  opacity:1;
  color:#fff;
  background:#121820;
  border-color:#121820;
  box-shadow:0 6px 16px rgba(18,24,32,.15);
}
.admin-entry.is-authenticated:hover,
.admin-entry.is-authenticated:focus-visible{
  color:#fff;
  background:#000;
  border-color:#000;
}

@media(max-width:900px){
  .top-in{
    grid-template-columns:1fr !important;
  }
  .actions{
    justify-content:center;
  }

  /* على الجوال القائمة تنفتح بالضغط أيضًا */
  .nav-products-dropdown.is-open .nav-products-menu,
  .nav-products-dropdown.is-open:hover .nav-products-menu,
  .nav-products-dropdown.is-open:focus-within .nav-products-menu{
    transform:translateY(0) !important;
  }
}

/* === PRIVATE ADMIN + RESPONSIVE HEADER V18 === */

.top-in{
  grid-template-columns:190px minmax(0,1fr) 210px !important;
  gap:20px !important;
}

.mobile-nav-toggle{display:none}

/* السهم مغلق = للأعلى، مفتوح = للأسفل */
.nav-chevron{transform:rotate(180deg)}
.nav-products-trigger[aria-expanded="true"] .nav-chevron{transform:rotate(0deg)}

/* زر الإدارة يظهر فقط لمن لديه جلسة إدارة */
.actions{
  direction:ltr;
  display:flex !important;
  align-items:center;
  justify-content:flex-start !important;
  gap:8px;
}
.header-cart{
  direction:rtl;
  order:2;
}
.admin-entry.is-authenticated{
  direction:rtl;
  order:1;
  opacity:1 !important;
  color:#fff !important;
  background:#111820 !important;
  border:1px solid #111820 !important;
  min-height:38px;
  padding:7px 12px;
  border-radius:11px;
  font-size:11px;
  font-weight:800;
  box-shadow:0 6px 16px rgba(18,24,32,.14);
}
.admin-entry.is-authenticated:hover{
  background:#000 !important;
  border-color:#000 !important;
}

/* Tablet / iPad */
@media(max-width:1024px){
  .top{
    position:sticky;
    top:0;
    z-index:200;
  }

  .top-in{
    height:auto !important;
    min-height:78px;
    display:grid !important;
    grid-template-columns:auto minmax(48px,1fr) auto !important;
    grid-template-areas:
      "brand toggle actions"
      "nav nav nav";
    align-items:center;
    gap:8px 12px !important;
    padding-top:8px;
    padding-bottom:8px;
  }

  .brand{grid-area:brand;justify-self:start}
  .brand img{width:112px !important;height:58px !important}

  .actions{
    grid-area:actions;
    justify-self:end;
    justify-content:flex-start !important;
    gap:6px;
  }
  .header-cart{
    padding:8px 10px !important;
    border-radius:10px !important;
    font-size:12px;
  }
  .admin-entry.is-authenticated{
    min-height:34px;
    padding:6px 9px;
    font-size:9.5px;
  }

  .mobile-nav-toggle{
    grid-area:toggle;
    justify-self:center;
    width:44px;
    height:42px;
    border:1px solid rgba(139,189,214,.52);
    border-radius:12px;
    background:rgba(255,255,255,.72);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    cursor:pointer;
    padding:0;
  }
  .mobile-nav-toggle span{
    width:20px;height:2px;border-radius:999px;background:#18364f;
    transition:transform .22s ease,opacity .22s ease;
  }
  .top.mobile-nav-open .mobile-nav-toggle span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
  }
  .top.mobile-nav-open .mobile-nav-toggle span:nth-child(2){opacity:0}
  .top.mobile-nav-open .mobile-nav-toggle span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
  }

  .top nav{
    grid-area:nav;
    display:none !important;
    width:100%;
    padding:10px;
    margin-top:3px;
    border:1px solid rgba(142,193,216,.55);
    border-radius:16px;
    background:rgba(255,255,255,.97);
    box-shadow:0 18px 40px rgba(21,67,96,.12);
    flex-direction:column;
    align-items:stretch !important;
    gap:4px !important;
    max-height:calc(100vh - 110px);
    overflow:auto;
  }
  .top.mobile-nav-open nav{display:flex !important}

  .top nav > a,
  .top nav .nav-products-trigger{
    width:100%;
    min-height:44px;
    padding:10px 12px !important;
    border-radius:10px;
    justify-content:space-between;
    text-align:right;
    font-size:13px !important;
  }
  .top nav > a:hover,
  .top nav .nav-products-trigger:hover,
  .top nav .nav-products-trigger[aria-expanded="true"]{
    background:#eaf7fd;
    transform:none !important;
  }

  .nav-products-dropdown{
    width:100%;
    display:block !important;
  }

  .nav-products-menu,
  .is-protection-menu .nav-products-menu{
    position:static !important;
    width:100% !important;
    max-width:none !important;
    transform:none !important;
    padding:0 !important;
    margin:0 !important;
    opacity:1 !important;
    visibility:visible !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    pointer-events:none !important;
    display:none !important;
  }
  .nav-products-dropdown.is-open .nav-products-menu,
  .nav-products-dropdown.is-open:hover .nav-products-menu,
  .nav-products-dropdown.is-open:focus-within .nav-products-menu{
    display:block !important;
    transform:none !important;
    pointer-events:auto !important;
  }

  .nav-products-menu-inner,
  .is-protection-menu .nav-products-menu-inner{
    grid-template-columns:1fr 1fr !important;
    max-height:none !important;
    overflow:visible !important;
    margin:2px 7px 8px;
    padding:7px !important;
    border-radius:12px !important;
    background:#f6fbfe !important;
    box-shadow:none !important;
    border:1px solid rgba(161,205,224,.48) !important;
  }

  .top nav .nav-products-menu a{
    min-height:40px;
    padding:8px 9px !important;
    font-size:11px !important;
  }
}

/* Mobile */
@media(max-width:620px){
  .wrap{padding-left:12px !important;padding-right:12px !important}

  .top-in{
    min-height:68px;
    grid-template-columns:auto 42px auto !important;
    gap:5px 8px !important;
  }
  .brand img{width:85px !important;height:48px !important}
  .mobile-nav-toggle{width:40px;height:38px}

  .actions{gap:4px}
  .header-cart{
    padding:7px 8px !important;
    font-size:11px !important;
  }
  .header-cart span{
    width:20px !important;height:20px !important;font-size:10px !important;
  }
  .admin-entry.is-authenticated{
    max-width:88px;
    min-height:32px;
    padding:5px 7px;
    font-size:8.8px;
  }

  .top nav{padding:8px;border-radius:14px}

  .nav-products-menu-inner,
  .is-protection-menu .nav-products-menu-inner{
    grid-template-columns:1fr !important;
  }

  .cat-grid,.products{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .cat h3,.product h3{font-size:12px !important}
  .section-title{font-size:24px !important}
  .hero,.section,.page-hero{overflow:hidden}
}

/* شاشات صغيرة جدًا */
@media(max-width:390px){
  .top-in{
    grid-template-columns:76px 38px minmax(96px,auto) !important;
  }
  .brand img{width:72px !important}
  .admin-entry.is-authenticated{display:none !important}
  .cat-grid,.products{grid-template-columns:1fr !important}
}

/* === MOBILE CLEAN FINAL V19 === */

/* حماية النص العربي من أي تخطيط غريب */
html,body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
  text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
}
body{
  font-family:'Cairo',Tahoma,Arial,sans-serif !important;
}
img,svg,video,iframe{
  max-width:100%;
}
button,input,select,textarea{
  max-width:100%;
}

/* ------------------------------------------------
   TABLET / IPAD
------------------------------------------------ */
@media (min-width:621px) and (max-width:1024px){
  .wrap{
    width:100%;
    max-width:920px;
    padding-left:20px !important;
    padding-right:20px !important;
  }

  .top-in{
    min-height:72px !important;
    padding-top:7px !important;
    padding-bottom:7px !important;
  }
  .brand img{
    width:98px !important;
    height:54px !important;
  }
  .mobile-nav-toggle{
    width:40px !important;
    height:38px !important;
    border-radius:11px !important;
  }

  .top nav{
    max-width:650px;
    margin:4px auto 0 !important;
    padding:8px !important;
  }
  .top nav > a,
  .top nav .nav-products-trigger{
    min-height:38px !important;
    padding:7px 10px !important;
    font-size:12px !important;
  }

  .nav-products-menu-inner,
  .is-protection-menu .nav-products-menu-inner{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:3px 6px !important;
    padding:6px !important;
  }
  .top nav .nav-products-menu a{
    min-height:34px !important;
    padding:6px 8px !important;
    font-size:10.5px !important;
  }

  .cat-grid,.products{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:14px !important;
  }
}

/* ------------------------------------------------
   MOBILE
------------------------------------------------ */
@media(max-width:620px){
  body{
    background-attachment:scroll !important;
    animation:none !important;
  }

  body::before{
    opacity:.42 !important;
  }
  body::after{
    width:66vw !important;
    height:66vw !important;
    left:-24vw !important;
    bottom:-10vw !important;
    opacity:.022 !important;
  }

  .wrap{
    width:100% !important;
    max-width:none !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }

  /* ---------- Header ---------- */
  .top{
    backdrop-filter:blur(12px) !important;
    -webkit-backdrop-filter:blur(12px) !important;
  }

  .top-in{
    min-height:64px !important;
    padding-top:6px !important;
    padding-bottom:6px !important;
    grid-template-columns:82px 38px minmax(92px,auto) !important;
    grid-template-areas:
      "brand toggle actions"
      "nav nav nav" !important;
    gap:4px 7px !important;
  }

  .brand{
    min-width:0 !important;
  }
  .brand img{
    width:78px !important;
    height:46px !important;
    object-fit:contain !important;
  }

  .mobile-nav-toggle{
    width:38px !important;
    height:36px !important;
    border-radius:10px !important;
    gap:4px !important;
  }
  .mobile-nav-toggle span{
    width:18px !important;
    height:2px !important;
  }
  .top.mobile-nav-open .mobile-nav-toggle span:nth-child(1){
    transform:translateY(6px) rotate(45deg) !important;
  }
  .top.mobile-nav-open .mobile-nav-toggle span:nth-child(3){
    transform:translateY(-6px) rotate(-45deg) !important;
  }

  .actions{
    justify-self:end !important;
    gap:4px !important;
  }
  .header-cart{
    min-height:34px !important;
    padding:5px 8px !important;
    border-radius:10px !important;
    font-size:10.5px !important;
    gap:5px !important;
  }
  .header-cart span{
    width:19px !important;
    height:19px !important;
    font-size:9px !important;
  }
  .admin-entry.is-authenticated{
    min-height:31px !important;
    padding:4px 6px !important;
    font-size:8.5px !important;
    border-radius:9px !important;
  }

  /* القائمة الرئيسية: صغيرة ومضبوطة */
  .top nav{
    width:100% !important;
    max-width:390px !important;
    max-height:calc(100svh - 88px) !important;
    margin:3px auto 0 !important;
    padding:7px !important;
    border-radius:14px !important;
    gap:2px !important;
    overflow-y:auto !important;
    overscroll-behavior:contain;
  }

  .top nav > a,
  .top nav .nav-products-trigger{
    min-height:35px !important;
    padding:6px 9px !important;
    font-size:11.5px !important;
    line-height:1.35 !important;
    border-radius:8px !important;
  }

  .nav-chevron{
    width:13px !important;
    height:13px !important;
  }

  .nav-products-menu-inner,
  .is-protection-menu .nav-products-menu-inner{
    grid-template-columns:1fr !important;
    gap:1px !important;
    margin:1px 4px 5px !important;
    padding:5px !important;
    border-radius:10px !important;
  }

  .top nav .nav-products-menu a{
    min-height:31px !important;
    padding:5px 7px !important;
    font-size:9.8px !important;
    line-height:1.45 !important;
    border-radius:7px !important;
  }

  /* ---------- Hero ---------- */
  .hero{
    padding:12px 0 6px !important;
  }
  .hero-banner-only{
    border-radius:14px !important;
    box-shadow:0 9px 22px rgba(25,84,118,.08) !important;
  }
  .hero-banner-only::after{
    display:none !important;
  }
  .hero-banner-only img{
    width:100% !important;
    height:auto !important;
    opacity:1 !important;
    mix-blend-mode:normal !important;
    -webkit-mask-image:none !important;
    mask-image:none !important;
    filter:none !important;
  }

  /* ---------- Sections ---------- */
  .section{
    padding:28px 0 !important;
  }
  .section-title{
    font-size:20px !important;
    line-height:1.45 !important;
    margin-bottom:16px !important;
  }

  /* التصنيفات: عمودان حتى على الهواتف الصغيرة، وليست بطاقة عملاقة */
  .cat-grid,
  .home-cat-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  .cat{
    min-width:0 !important;
    border-radius:13px !important;
  }
  .cat:hover{
    transform:none !important;
  }
  .cat-img{
    aspect-ratio:1.18/1 !important;
  }
  .cat h3{
    min-height:47px;
    padding:8px 6px !important;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:10.5px !important;
    line-height:1.45 !important;
  }
  .cat-placeholder{
    width:50px !important;
    height:50px !important;
    border-radius:15px !important;
  }

  .category-more-wrap{
    padding-top:15px !important;
  }
  .category-more-btn{
    height:39px !important;
    max-width:190px !important;
    font-size:11px !important;
  }

  /* المنتجات: عمودان */
  .products{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  .product{
    min-width:0 !important;
    border-radius:13px !important;
  }
  .product:hover{
    transform:none !important;
  }
  .p-pad{
    padding:9px !important;
  }
  .product h3{
    margin:2px 0 7px !important;
    font-size:10.5px !important;
    line-height:1.45 !important;
  }
  .price{
    font-size:13px !important;
  }

  /* ---------- صفحات المتجر والمنتج ---------- */
  .page-hero,
  .page-hero.compact{
    padding:24px 0 !important;
  }
  .page-hero h1{
    font-size:24px !important;
  }

  .shop-grid,
  .single,
  .cart-layout,
  .checkout-layout,
  .about-layout,
  .contact-layout,
  .contact-strip-grid{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  .shop-grid{
    padding-top:24px !important;
    padding-bottom:24px !important;
  }
  .shop-category-groups{
    grid-template-columns:1fr !important;
  }
  .shop-category-panel{
    padding:8px !important;
    border-radius:14px !important;
  }
  .shop-category-group{
    border-radius:12px !important;
  }
  .shop-category-group-title{
    min-height:58px !important;
    padding:9px !important;
  }
  .shop-category-group-title h3{
    font-size:12px !important;
  }
  .shop-category-group-title p{
    font-size:8px !important;
  }
  .group-title-icon{
    width:29px !important;
    height:29px !important;
    flex-basis:29px !important;
  }
  .shop-category-links a{
    min-height:34px !important;
    padding:6px 7px !important;
    font-size:9.5px !important;
  }

  .single{
    padding-top:24px !important;
    padding-bottom:24px !important;
  }
  .product-info h2{
    font-size:23px !important;
  }
  .add-cart-box{
    flex-wrap:wrap;
  }

  .cart-card{
    overflow-x:auto !important;
  }
  .cart-table{
    min-width:580px;
  }
  .checkout-card,
  .cart-summary,
  .checkout-summary,
  .about-card,
  .contact-form-card,
  .description-card{
    padding:15px !important;
    border-radius:14px !important;
  }

  .row{
    grid-template-columns:1fr !important;
    gap:0 !important;
  }

  /* ---------- Contact ---------- */
  .contact-showcase{
    padding:28px 0 !important;
  }
  .contact-showcase-grid,
  .contact-message-card{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }
  .contact-map-card,
  .contact-map-card iframe{
    min-height:245px !important;
    border-radius:14px !important;
  }
  .contact-main-card{
    padding:0 !important;
  }
  .contact-main-card h1{
    font-size:27px !important;
  }
  .contact-details-grid{
    grid-template-columns:1fr !important;
    gap:13px !important;
    margin:15px 0 20px !important;
  }
  .contact-message-card{
    padding:15px !important;
    border-radius:14px !important;
  }

  /* ---------- Footer: قصير ومرتب بدل المساحة السوداء الطويلة ---------- */
  .contact-strip{
    padding:25px 0 !important;
  }
  .contact-strip h2{
    font-size:18px !important;
  }

  .rich-foot-grid{
    padding:25px 14px 20px !important;
    grid-template-columns:1fr 1fr !important;
    gap:17px 14px !important;
  }
  .footer-brand-block{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:64px 1fr;
    align-items:center;
    gap:11px;
  }
  .footer-logo{
    width:64px !important;
    height:54px !important;
    margin:0 !important;
    grid-row:1/4;
  }
  .footer-brand-block h3{
    font-size:13px !important;
    margin:0 !important;
  }
  .footer-brand-block p,
  .footer-brand-block small{
    font-size:9px !important;
    margin:0 !important;
  }
  .footer-column h4{
    margin-bottom:8px !important;
    font-size:11.5px !important;
  }
  .footer-column a{
    margin:3px 0 !important;
    font-size:9.5px !important;
    line-height:1.55 !important;
  }
  /* أحدث المنتجات تكون صف كامل لكنها مختصرة */
  .rich-foot-grid .footer-column:last-child{
    grid-column:1/-1;
  }
  .rich-foot-grid .footer-column:last-child a:nth-of-type(n+4){
    display:none;
  }
  .copy{
    padding:9px 10px !important;
    font-size:9px !important;
    line-height:1.5 !important;
  }

  .floating-wa{
    width:42px !important;
    height:42px !important;
    left:11px !important;
    bottom:11px !important;
    font-size:11px !important;
    animation:none !important;
  }
}

/* حتى أصغر شاشة تبقى التصنيفات عمودين */
@media(max-width:390px){
  .top-in{
    grid-template-columns:72px 36px minmax(88px,auto) !important;
  }
  .brand img{
    width:68px !important;
    height:43px !important;
  }
  .admin-entry.is-authenticated{
    display:none !important;
  }

  .cat-grid,
  .home-cat-grid,
  .products{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .cat h3,
  .product h3{
    font-size:9.7px !important;
  }

  .section-title{
    font-size:19px !important;
  }
}