/* ============================================================
   MAJID STORE SKIN — هوية ماجد ستور البصرية
   طبقة تصميم كاملة: خطوط، ألوان، أزرار، كروت، أقسام
   ============================================================ */

:root{
  --rf-cream:#FFFDFC;
  --rf-cream-2:#FFFFFF;
  --rf-sand:#F4F4F5;
  --rf-gold:#EA580C;
  --rf-gold-2:#FF7A1A;
  --rf-gold-soft:#FDBA74;
  --rf-ink:#211F1E;
  --rf-ink-soft:#68625E;
  --rf-line:rgba(234,88,12,.18);
  --rf-shadow:0 18px 40px -22px rgba(194,65,12,.28);
  --rf-radius:8px;
}

/* ---------- أساس الصفحة: ورق كريمي بملمس ناعم ---------- */
html,body{
  background:
    radial-gradient(1200px 520px at 88% -8%, rgba(255,122,26,.08), transparent 60%),
    radial-gradient(900px 480px at 6% 4%, rgba(234,88,12,.05), transparent 62%),
    var(--rf-cream) !important;
  color:var(--rf-ink) !important;
}
body::before{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.5;
  background-image:radial-gradient(rgba(234,88,12,.06) .5px, transparent .6px);
  background-size:5px 5px;
}

/* ---------- الخطوط ---------- */
body,.nav-link,.p-desc,.faq-card-a-inner,.footer-link,input,textarea,select,button{
  font-family:'El Messiri','Tajawal',system-ui,sans-serif;
}
h1,h2,h3,.sec-title,.section-title,.cats-showcase-title,.faq-header-title,
.vr-hero-title,.hero-title,.p-name,.detail-name,.footer-brand,.cart-head-title{
  font-family:'Tajawal','Aref Ruqaa',serif !important;
  letter-spacing:0 !important;
  font-weight:700 !important;
}

/* ---------- شريط التنقل: هدوء + خط ذهبي ---------- */
.navbar{
  background:rgba(255,255,255,.92) !important;
  backdrop-filter:blur(18px) saturate(140%);
  border-bottom:1px solid var(--rf-line) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.7) inset !important;
}
.nav-link{color:var(--rf-ink-soft) !important;font-weight:600;letter-spacing:.4px}
.nav-link:hover,.nav-link.active{color:var(--rf-gold) !important}
.nav-icon-btn,.nav-logout,.country-btn{
  background:transparent !important;
  border:1px solid var(--rf-line) !important;
  border-radius:var(--rf-radius) !important;
  color:var(--rf-ink) !important;
  transition:.25s ease;
}
.nav-icon-btn:hover,.nav-logout:hover,.country-btn:hover{
  background:rgba(234,88,12,.08) !important;border-color:var(--rf-gold) !important;
}

/* ---------- الهيرو: قوس عربي + حواف ذهبية رقيقة ---------- */
.hero,.vr-hero-luxe{
  background:linear-gradient(180deg,var(--rf-cream-2),var(--rf-cream)) !important;
  border-bottom:1px solid var(--rf-line);
}
.vr-hero-luxe .hero-overlay,.vr-hero-luxe .hero-grid{display:none !important}
.vr-orb{display:none !important}
.vr-hero-eyebrow{
  font-family:'El Messiri',sans-serif !important;
  color:var(--rf-gold) !important;font-size:.72rem !important;letter-spacing:7px !important;
  text-transform:uppercase;
}
.vr-hero-title{
  background:none !important;-webkit-text-fill-color:currentColor !important;
  color:var(--rf-ink) !important;font-size:clamp(2.4rem,6vw,4.6rem) !important;
  letter-spacing:2px !important;
}
.vr-hero-title em{
  display:block;font-style:normal !important;
  font-family:'Marcellus',serif !important;font-weight:400 !important;
  font-size:.34em !important;letter-spacing:16px !important;
  color:var(--rf-gold) !important;-webkit-text-fill-color:var(--rf-gold) !important;
  background:none !important;margin-top:10px;
}
.vr-hero-line{
  width:120px !important;height:1px !important;
  background:linear-gradient(90deg,transparent,var(--rf-gold),transparent) !important;
  position:relative;
}
.vr-hero-line::after{
  content:'✦';position:absolute;top:-11px;left:50%;transform:translateX(-50%);
  color:var(--rf-gold-2);font-size:.7rem;background:var(--rf-cream);padding:0 6px;
}
.vr-hero-sub{color:var(--rf-ink-soft) !important;font-size:1rem !important;line-height:2}
.vr-hero-tags{gap:10px !important}
.vr-hero-tags span{
  background:transparent !important;border:1px solid var(--rf-line) !important;
  border-radius:999px !important;color:var(--rf-ink-soft) !important;
  font-size:.76rem !important;padding:7px 14px !important;font-weight:600 !important;
  backdrop-filter:none !important;
}
.rf-hero-bullets{
  display:grid;gap:8px;justify-items:center;margin:18px auto 22px;max-width:520px;
  color:var(--rf-ink-soft);font-size:.86rem;line-height:1.9
}
.rf-hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:6px}
.vr-hero-carousel{
  border-radius:200px 200px 10px 10px !important;
  box-shadow:var(--rf-shadow) !important;
  border:1px solid var(--rf-gold-soft);
  outline:1px solid var(--rf-line);outline-offset:9px;
}
.hero-scroll span{color:var(--rf-gold) !important;opacity:.8}
.hero-scroll-line{background:linear-gradient(to bottom,var(--rf-gold),transparent) !important}

/* ---------- الأزرار: مربّعة أنيقة بحد ذهبي ---------- */
.rf-btn,.p-cart-btn,.checkout-btn,.add-cart-btn,.btn-primary,.confirm-btn,.sort-btn.active{
  border-radius:var(--rf-radius) !important;
  letter-spacing:.6px !important;
  font-weight:700 !important;
  transition:transform .2s ease, box-shadow .25s ease, background .25s ease !important;
}
.p-cart-btn,.checkout-btn,.add-cart-btn,.btn-primary,.confirm-btn,.rf-btn{
  background:linear-gradient(180deg,#FF842B,#EA580C) !important;
  color:#FFFFFF !important;border:1px solid #EA580C !important;
  box-shadow:0 10px 22px -14px rgba(194,65,12,.55) !important;
}
.p-cart-btn:hover,.checkout-btn:hover,.add-cart-btn:hover,.btn-primary:hover,.rf-btn:hover{
  transform:translateY(-2px);
  background:linear-gradient(180deg,#F97316,#C2410C) !important;
}
.rf-btn-ghost{
  background:transparent !important;color:var(--rf-gold) !important;
  border:1px solid var(--rf-gold) !important;box-shadow:none !important;
}
.rf-btn-ghost:hover{background:rgba(234,88,12,.08) !important}
.rf-btn,.rf-btn-ghost{
  display:inline-flex;align-items:center;gap:8px;padding:12px 26px;
  font-size:.86rem;text-decoration:none;cursor:pointer;
}
.sort-btn{border-radius:var(--rf-radius) !important}
#sortBar{border-radius:var(--rf-radius) !important;border-color:var(--rf-line) !important;background:rgba(255,255,255,.6) !important}
.cat-pill{
  border-radius:999px !important;border:1px solid var(--rf-line) !important;
  background:transparent !important;color:var(--rf-ink-soft) !important;font-weight:600 !important;
}
.cat-pill.active{background:var(--rf-ink) !important;color:var(--rf-cream) !important;border-color:var(--rf-ink) !important}

/* ---------- عناوين الأقسام ---------- */
.sec-header{border-bottom:1px solid var(--rf-line);padding-bottom:12px}
.sec-title{color:var(--rf-ink) !important;font-size:1.5rem !important}
.sec-count{color:var(--rf-gold) !important;font-size:.75rem;letter-spacing:1px}
.cats-showcase-title,.faq-header-title{color:var(--rf-ink) !important}
.faq-header-sub{color:var(--rf-ink-soft) !important}
.faq-header-line{background:linear-gradient(90deg,transparent,var(--rf-gold),transparent) !important}

/* ---------- كروت المنتجات: بطاقة ورقية بإطار رقيق ---------- */
.product-card{
  background:var(--rf-cream-2) !important;
  border:1px solid var(--rf-line) !important;
  border-radius:var(--rf-radius) !important;
  box-shadow:none !important;
  overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.product-card:hover{
  transform:translateY(-5px);
  border-color:var(--rf-gold-soft) !important;
  box-shadow:var(--rf-shadow) !important;
}
.p-img-wrap{background:#FFF7ED !important}
.p-cat{color:var(--rf-gold) !important;letter-spacing:2px !important;font-size:.64rem !important;text-transform:uppercase}
.p-name{color:var(--rf-ink) !important;font-size:1.02rem !important}
.p-desc{color:var(--rf-ink-soft) !important}
.p-price-normal,.p-price-sale{color:var(--rf-ink) !important;font-family:'Marcellus',serif !important}
.p-price-orig{color:var(--rf-ink-soft) !important;opacity:.65}
.p-badge{border-radius:2px !important;letter-spacing:1.5px !important;font-size:.6rem !important}
.badge-sale{background:var(--rf-ink) !important;color:var(--rf-cream) !important}
.badge-new{background:linear-gradient(135deg,var(--rf-gold-2),var(--rf-gold)) !important;color:#fff !important}
.p-fav{background:rgba(255,251,244,.9) !important;border:1px solid var(--rf-line) !important;border-radius:999px !important}
.p-fav svg{fill:none;stroke:var(--rf-gold);stroke-width:1.6}
.p-fav.liked svg{fill:var(--rf-gold);stroke:var(--rf-gold)}

/* ---------- كروت الفئات: قوس علوي ---------- */
.cat-card{
  background:var(--rf-cream-2) !important;
  border:1px solid var(--rf-line) !important;
  border-radius:120px 120px var(--rf-radius) var(--rf-radius) !important;
  box-shadow:none !important;overflow:hidden;
}
.cat-card:hover{box-shadow:var(--rf-shadow) !important;border-color:var(--rf-gold-soft) !important;transform:translateY(-4px) !important}
.cat-card-img{border-radius:0 !important;background:#F2E9DB !important}
.cat-card-name{
  font-family:'Dima Naskh',serif !important;color:var(--rf-ink) !important;
  font-size:.9rem !important;padding:12px 6px !important;letter-spacing:0 !important;
}

/* ---------- البحث والحقول ---------- */
.search-wrap,.filters-bar{background:transparent !important}
.search-inp,input[type="text"],input[type="tel"],input[type="email"],input[type="number"],textarea,select{
  background:rgba(255,255,255,.72) !important;
  border:1px solid var(--rf-line) !important;
  border-radius:var(--rf-radius) !important;
  color:var(--rf-ink) !important;
}
.search-inp:focus,input:focus,textarea:focus,select:focus{
  outline:none !important;border-color:var(--rf-gold) !important;
  box-shadow:0 0 0 3px rgba(234,88,12,.12) !important;
}

/* ---------- FAQ ---------- */
.faq-card{
  background:var(--rf-cream-2) !important;border:1px solid var(--rf-line) !important;
  border-radius:var(--rf-radius) !important;box-shadow:none !important;
}
.faq-card-q{color:var(--rf-ink) !important;font-weight:700 !important}
.faq-icon{color:var(--rf-gold) !important}
.faq-card-a-inner{color:var(--rf-ink-soft) !important;line-height:2}

/* ---------- الفوتر ---------- */
.footer{background:linear-gradient(180deg,transparent,rgba(234,223,205,.55)) !important;border-top:1px solid var(--rf-line) !important}
.footer-brand{color:var(--rf-ink) !important;letter-spacing:2px !important}
.footer-link{color:var(--rf-ink-soft) !important}
.footer-link:hover{color:var(--rf-gold) !important}
.footer-copy{color:var(--rf-ink-soft) !important;opacity:.75}
.footer-sep{background:linear-gradient(90deg,transparent,var(--rf-gold),transparent) !important}
.footer-wa,.footer-ig{border-radius:999px !important;border:1px solid var(--rf-line) !important;color:var(--rf-gold) !important}

/* ---------- السلة والتفاصيل ---------- */
.cart-panel,.detail-panel,.modal,.sheet{background:var(--rf-cream-2) !important;border-color:var(--rf-line) !important}
.detail-name{color:var(--rf-ink) !important}
.detail-cat{color:var(--rf-gold) !important;letter-spacing:2px}
.detail-desc{color:var(--rf-ink-soft) !important;line-height:2}

/* ---------- شريط الجوال ---------- */
.mobile-nav-inner{
  background:rgba(255,255,255,.96) !important;border:1px solid var(--rf-line) !important;
  border-radius:var(--rf-radius) !important;backdrop-filter:blur(16px);
}
.mobile-nav-btn{color:var(--rf-ink-soft) !important}
.mobile-nav-btn.active{color:var(--rf-gold) !important}

/* ---------- شريط الثقة ---------- */
.rf-strip{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  margin:0;background:var(--rf-line);
  border-top:1px solid var(--rf-line);border-bottom:1px solid var(--rf-line);
}
.rf-strip div{
  background:var(--rf-cream-2);padding:18px 10px;text-align:center;
  font-size:.8rem;color:var(--rf-ink-soft);font-weight:600;letter-spacing:.3px;
}
.rf-strip b{display:block;font-family:'Dima Naskh',serif;color:var(--rf-ink);font-size:.95rem;margin-bottom:4px}
@media(max-width:640px){.rf-strip{grid-template-columns:repeat(2,1fr)}}

/* ---------- الوضع الليلي ---------- */
[data-theme="dark"] html,[data-theme="dark"] body{
  background:radial-gradient(900px 480px at 88% -8%, rgba(201,162,75,.10), transparent 60%),#171310 !important;
  color:#F3E9DA !important;
}
[data-theme="dark"] .product-card,[data-theme="dark"] .cat-card,[data-theme="dark"] .faq-card,
[data-theme="dark"] .mobile-nav-inner,[data-theme="dark"] .navbar{
  background:rgba(31,25,20,.94) !important;border-color:rgba(201,162,75,.22) !important;
}
[data-theme="dark"] .p-name,[data-theme="dark"] .sec-title,[data-theme="dark"] .cat-card-name,
[data-theme="dark"] .faq-card-q,[data-theme="dark"] .vr-hero-title,[data-theme="dark"] .footer-brand{color:#F5EBDA !important}
[data-theme="dark"] .p-desc,[data-theme="dark"] .vr-hero-sub,[data-theme="dark"] .faq-card-a-inner,
[data-theme="dark"] .rf-hero-bullets{color:#CDBDA6 !important}
[data-theme="dark"] .hero,[data-theme="dark"] .vr-hero-luxe{background:#1C1712 !important}
[data-theme="dark"] .rf-strip div{background:#1F1914}

/* ---------- ضبط مسافات الهيرو ---------- */
.vr-hero-luxe{min-height:auto !important;padding:46px 22px 54px !important}
.vr-hero-inner{align-items:center !important;gap:34px !important}
.vr-hero-carousel{height:440px !important}
.vr-hero-title{margin:6px 0 0 !important}
.vr-hero-sub{margin-top:16px !important}
.hero-scroll{display:none !important}
@media(max-width:900px){
  .vr-hero-luxe{padding:30px 14px 40px !important}
  .vr-hero-carousel{height:300px !important;border-radius:150px 150px 8px 8px !important}
}

/* ---------- الفئات: توسيط الشبكة وتنظيف الفواصل ---------- */
.cats-grid,#catsGrid{display:flex !important;flex-wrap:wrap !important;justify-content:center !important;gap:18px !important}
.cats-grid>*,#catsGrid>*{flex:0 0 240px !important;max-width:280px !important}
.section-divider,.sec-divider,.title-underline,.divider-orn{filter:none !important}
.section-divider svg path,.sec-divider svg path,.divider-orn svg path{stroke:var(--rf-gold,#EA580C) !important;fill:none !important}
.section-divider path[fill]:not([fill="none"]),.divider-orn path[fill]:not([fill="none"]){fill:var(--rf-gold,#EA580C) !important}

/* ---------- إصلاح الفراغ أسفل شريط التصنيفات ---------- */
.cats-scroll,#catsScroll{flex:0 0 auto !important;height:auto !important;min-height:0 !important;align-items:center !important}
.filters-bar{margin-bottom:10px !important}
.filters-bar+.products-section,.products-section{padding-top:8px !important}

/* ---------- تكبير أزرار "أضف إلى السلة" و"عرض السلة" ---------- */
.detail-add-btn{
  height:62px !important;min-height:62px !important;width:100% !important;
  font-size:1.06rem !important;font-weight:800 !important;letter-spacing:.2px;
  border-radius:16px !important;gap:12px !important;margin-top:6px !important;
  box-shadow:0 10px 26px rgba(234,88,12,.25) !important;
}
.detail-add-btn svg{width:22px !important;height:22px !important}
.detail-cart-btn{
  height:56px !important;min-height:56px !important;width:100% !important;
  font-size:1rem !important;font-weight:800 !important;border-radius:16px !important;
  gap:10px !important;margin-top:10px !important;border-width:1.6px !important;
}
.detail-cart-btn svg{width:20px !important;height:20px !important}
@media(max-width:600px){
  .detail-add-btn{height:58px !important;min-height:58px !important;font-size:1rem !important}
  .detail-cart-btn{height:54px !important;min-height:54px !important;font-size:.96rem !important}
}

/* الشعار الأفقي الجديد */
.navbar img.nav-logo,.navbar .nav-logo,.sidebar-logo img,.login-logo img,.ls-logo,.loading-logo{
  width:auto !important;height:42px !important;max-width:150px !important;border-radius:0 !important;object-fit:contain !important;
}
.login-logo img{height:72px !important;max-width:230px !important}
.nav-logo-txt,.sidebar-logo-txt,.login-brand{display:none !important}

/* ---------- مقدمة ماجد المضيئة ---------- */
.majid-tech-hero{
  min-height:calc(100svh - 44px) !important;padding:56px clamp(24px,4vw,72px) 42px !important;
  background:#fffaf6 !important;border-bottom:2px solid var(--rf-gold) !important;
  color:var(--rf-ink) !important;isolation:isolate;overflow:hidden;position:relative;
  font-family:'El Messiri','Tajawal',system-ui,sans-serif !important;
}
.majid-tech-hero::before{
  content:'';position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(255,255,255,.14) 0%,rgba(255,250,246,.04) 48%,rgba(255,255,255,.12) 100%);
}
.hero-product-stage{position:absolute;inset:0;z-index:-2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));opacity:.96;filter:saturate(1.06)}
.hero-product{margin:0;min-width:0;height:100%;overflow:hidden;animation:heroFloat 10s ease-in-out infinite alternate}
.hero-product img{width:100%;height:100%;object-fit:cover;object-position:center 32%;transform:scale(1.03);animation:heroZoom 14s ease-in-out infinite alternate}
.hero-product-two{animation-delay:-3.2s}.hero-product-two img{animation-delay:-4.8s}
.hero-product-three{animation-delay:-6.4s}.hero-product-three img{animation-delay:-9.2s}
.hero-product-solo{display:none}

.tech-grid{
  position:absolute;inset:0;z-index:-1;opacity:.3;
  background-image:linear-gradient(rgba(234,88,12,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(234,88,12,.05) 1px,transparent 1px);
  background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 92%);
}
.tech-sweep{position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.52) 48%,transparent 76%);animation:techSweep 9s ease-in-out infinite}
.tech-hero-shell{width:100%;max-width:1540px;margin:auto;display:grid;grid-template-columns:minmax(420px,.9fr) minmax(560px,1.1fr);align-items:center;gap:clamp(40px,7vw,120px)}
.tech-hero-copy{text-align:right;animation:techRise .7s ease both}
.tech-status{display:inline-flex;align-items:center;gap:8px;color:#c2410c;background:rgba(255,255,255,.72);border:1px solid rgba(234,88,12,.24);padding:8px 14px;border-radius:999px;font-size:.8rem;font-weight:800;box-shadow:0 10px 30px -22px rgba(194,65,12,.55);backdrop-filter:blur(10px)}
.tech-status span{width:7px;height:7px;background:#f97316;border-radius:50%;box-shadow:0 0 0 0 rgba(249,115,22,.7);animation:techPulse 2s infinite}
.tech-status b{font-size:1rem}
.tech-title{margin:14px 0 8px !important;color:var(--rf-ink) !important;font-family:'Cairo','El Messiri',sans-serif !important;font-size:clamp(4.6rem,9vw,8rem) !important;font-weight:900 !important;line-height:.98 !important;letter-spacing:0 !important;text-shadow:0 3px 0 #fff,0 8px 24px rgba(255,255,255,.98)}
.tech-title strong{color:#f97316;font-weight:900}
.tech-lead{margin:0;color:#514b47;font-family:'El Messiri',sans-serif;font-size:clamp(1rem,1.8vw,1.2rem);font-weight:600;line-height:1.9;max-width:520px;text-shadow:0 1px 12px #fff}
.tech-agencies{display:flex;align-items:center;gap:10px;margin-top:17px;color:var(--rf-ink)}
.tech-agencies .agency-caption{font-size:.72rem;color:#6b625c;font-weight:700}
.tech-agencies b{padding:7px 12px;border:1px solid rgba(234,88,12,.2);border-radius:7px;background:rgba(255,255,255,.76);font-family:Arial,sans-serif;font-size:.78rem;letter-spacing:1px;box-shadow:0 8px 22px -20px #c2410c}
.tech-agencies i{width:1px;height:22px;background:rgba(234,88,12,.2)}
.branch-tree{position:relative;padding-top:2px;animation:techRise .7s .14s ease both}
.tree-origin{width:max-content;margin:auto;display:flex;align-items:center;gap:8px;color:var(--rf-ink);font-size:.84rem;font-weight:800;padding:9px 15px;border-radius:999px;background:rgba(255,255,255,.82);border:1px solid rgba(234,88,12,.25);position:relative;z-index:2;box-shadow:0 12px 28px -22px rgba(194,65,12,.5);backdrop-filter:blur(12px)}
.tree-origin svg{width:16px;height:16px;fill:#f97316}.origin-pulse{position:absolute;inset:-5px;border:1px solid rgba(249,115,22,.45);border-radius:999px;animation:originPulse 2.4s infinite}
.tree-trunk{height:27px;width:66%;margin:auto;border-top:0;border-right:1px solid rgba(234,88,12,.3);border-left:1px solid rgba(234,88,12,.3);border-radius:12px 12px 0 0;position:relative}
.tree-trunk::before{content:'';position:absolute;top:0;left:50%;height:13px;border-left:1px solid rgba(234,88,12,.3)}
.tree-trunk span{position:absolute;left:0;right:0;bottom:0;border-top:1px solid rgba(234,88,12,.3)}
.branch-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.branch-card{min-height:112px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:16px;text-decoration:none;color:var(--rf-ink);background:rgba(255,255,255,.76);border:1px solid rgba(234,88,12,.2);border-radius:8px;transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease;position:relative;box-shadow:0 16px 34px -26px rgba(194,65,12,.5);backdrop-filter:blur(12px)}
.branch-card::before{content:'';position:absolute;top:-28px;left:50%;height:28px;border-left:1px solid rgba(234,88,12,.3)}
.branch-card:hover{transform:translateY(-4px);border-color:#f97316;background:rgba(255,255,255,.94);box-shadow:0 18px 34px -20px rgba(249,115,22,.42)}
.branch-pin{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:rgba(249,115,22,.12);border:1px solid rgba(249,115,22,.28)}
.branch-pin svg{width:20px;height:20px;fill:#f97316}
.branch-info{display:flex;flex-direction:column;line-height:1.25}.branch-info small{color:#786f69;font-size:.66rem}.branch-info strong{font-size:1.08rem}.branch-info b{color:#c2410c;font-family:Arial,sans-serif;font-size:.8rem;margin-top:5px;letter-spacing:1px}
.branch-action{display:flex;align-items:center;gap:2px;color:#ea580c;font-size:.72rem;font-weight:700;white-space:nowrap}.branch-action svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
.tech-footer-line{grid-column:1/-1;display:flex;justify-content:center;align-items:center;gap:14px;color:#514b47;font-size:.74rem;font-weight:800;letter-spacing:0;margin-top:-22px}.tech-footer-line span{padding:6px 12px;background:rgba(255,255,255,.7);border-radius:999px}.tech-footer-line i{width:24px;height:1px;background:rgba(234,88,12,.3)}
@keyframes techRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes techPulse{70%{box-shadow:0 0 0 8px rgba(249,115,22,0)}}
@keyframes originPulse{0%,100%{opacity:.25;transform:scale(.97)}50%{opacity:.8;transform:scale(1.04)}}
@keyframes techSweep{0%,100%{transform:translateX(-18%)}50%{transform:translateX(18%)}}
@keyframes heroFloat{0%{transform:translateY(-2%)}100%{transform:translateY(2%)}}
@keyframes heroZoom{0%{transform:scale(1.03) translateX(-1%)}100%{transform:scale(1.09) translateX(1%)}}
@media(max-width:800px){
  .majid-tech-hero{min-height:700px !important;padding:42px 14px 30px !important}
  .hero-product-stage{grid-template-columns:1fr;opacity:1}.hero-product{position:absolute;inset:0;opacity:0;animation:heroCycle 15s ease-in-out infinite}.hero-product img{object-position:center top}.hero-product-one{opacity:1}.hero-product-two{animation-delay:5s}.hero-product-three{animation-delay:10s}
  .tech-hero-shell{grid-template-columns:1fr;gap:23px}
  .tech-hero-copy{text-align:center}.tech-lead{margin-inline:auto}.tech-agencies{justify-content:center}
  .tree-trunk{height:22px;width:52%}.branch-card{min-height:104px;grid-template-columns:36px 1fr;padding:13px;gap:9px}.branch-pin{width:36px;height:36px}.branch-action{grid-column:1/-1;justify-content:center;padding-top:8px;border-top:1px solid rgba(234,88,12,.15)}
  .tech-footer-line{margin-top:-7px}
}
@keyframes heroCycle{0%,28%{opacity:.9;transform:scale(1)}36%,92%{opacity:0;transform:scale(1.06)}100%{opacity:.9;transform:scale(1)}}
@media(max-width:430px){
  .majid-tech-hero{min-height:680px !important;padding:34px 10px 24px !important}
  .tech-title{font-size:4.25rem !important}.tech-lead{font-size:.95rem;max-width:340px}.tech-status{font-size:.72rem}
  .tech-agencies{margin-top:12px;gap:7px}.tech-agencies b{padding:6px 8px;font-size:.7rem}.tech-agencies .agency-caption{font-size:.62rem}
  .branch-cards{gap:7px}.branch-card{display:flex;flex-direction:column;text-align:center;padding:11px 7px;min-height:145px}.branch-info strong{font-size:.94rem}.branch-action{width:100%}
  .tree-trunk{width:50%;height:20px}.branch-card::before{top:-21px;height:21px}.tech-footer-line{margin-top:-3px}
}
@media(prefers-reduced-motion:reduce){.tech-sweep,.tech-status span,.origin-pulse,.tech-hero-copy,.branch-tree,.hero-product,.hero-product img{animation:none !important}.hero-product{opacity:0}.hero-product-one{opacity:.9}.branch-card{transition:none}}

/* ============ تحسين عرض الكمبيوتر: ملء الشاشة + وضوح المقدمة ============ */
@media(min-width:801px){
  /* المقدمة: صورة خلفية واحدة مباشرة بدون طبقات ولا شفافية */
  .majid-tech-hero{
    min-height:min(88vh,760px) !important;padding:64px clamp(28px,4vw,80px) 54px !important;
    isolation:auto !important;
    background-image:url('/cat-images/hero-desktop.jpg') !important;
    background-repeat:no-repeat !important;
    background-position:left center !important;
    background-size:cover !important;
    background-color:#fffaf6 !important;
  }
  .hero-product-stage,.tech-grid,.tech-sweep{display:none !important}
  .majid-tech-hero::before{
    content:'' !important;position:absolute !important;inset:0 !important;z-index:0 !important;
    background:linear-gradient(270deg,#fffaf6 0%,#fffaf6 34%,rgba(255,250,246,.86) 56%,rgba(255,250,246,.35) 82%,rgba(255,250,246,0) 100%) !important;
  }
  .tech-hero-shell{position:relative;z-index:2}


  .tech-hero-shell{max-width:min(1720px,94vw) !important;gap:clamp(48px,6vw,110px) !important}
  .tech-title{font-size:clamp(4rem,6.2vw,6.6rem) !important}
  .tech-lead{max-width:600px}

  /* الأقسام تمتد على عرض الشاشة */
  .cats-showcase-wrap,
  .filters-bar,
  .products-section,
  .wishlist-section,
  .reviews-section,
  .faq-section-styled{max-width:min(1720px,94vw) !important;width:100% !important;margin-inline:auto !important}

  .cats-grid{grid-template-columns:repeat(auto-fill,minmax(178px,1fr)) !important;gap:18px !important}
  .cat-card-name{font-size:.98rem !important;padding:12px 8px !important}

  .products-grid{grid-template-columns:repeat(auto-fill,minmax(268px,1fr)) !important;gap:22px !important}
  .reviews-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr)) !important}
}
@media(min-width:1600px){
  .products-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr)) !important}
  .cats-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr)) !important}
}

/* الشعار في الشريط العلوي: أوضح وبحجم مناسب */
.nav-logo img{width:auto !important;max-width:130px !important;height:34px !important;object-fit:contain !important;border-radius:0 !important;background:none !important;box-shadow:none !important;border:0 !important}
@media(min-width:801px){.nav-logo img{height:44px !important;max-width:170px !important}}
@media(min-width:801px){.branch-card{background:rgba(255,255,255,.96) !important;backdrop-filter:blur(4px);box-shadow:0 14px 34px rgba(168,123,75,.16) !important}}

/* الهاتف: صورة واحدة هادئة ومساحة قراءة واضحة */
@media(max-width:800px){
  .majid-tech-hero{
    min-height:680px !important;
    padding:30px 10px 24px !important;
    background-color:#f8eee6 !important;
    background-image:url('/cat-images/hero-mobile.jpg') !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-size:cover !important;
  }
  .hero-product-stage,.tech-grid,.tech-sweep{display:none !important}
  .majid-tech-hero::before{
    content:'' !important;position:absolute !important;inset:0 !important;z-index:0 !important;
    background:linear-gradient(180deg,rgba(255,250,246,.2) 0%,rgba(255,250,246,.06) 58%,rgba(255,250,246,.7) 100%) !important;
  }
  .tech-hero-shell{position:relative;z-index:2}
  .tech-title{text-shadow:0 2px 0 rgba(255,255,255,.95),0 5px 18px rgba(255,255,255,.95) !important}
  .tech-status,.tech-agencies b,.tree-origin,.branch-card,.tech-footer-line span{background:rgba(255,255,255,.9) !important}

  .cats-showcase-wrap{padding-inline:0 !important;overflow:hidden;margin-top:18px !important}
  .cats-showcase-title{font-size:1.25rem !important;margin-bottom:14px !important}
  .cats-showcase-title.fancy-under::after{width:86px !important;height:10px !important;margin-top:5px !important}
  .cats-grid,#catsGrid,#subCatsGrid{
    display:flex !important;flex-wrap:nowrap !important;justify-content:flex-start !important;
    gap:10px !important;overflow-x:auto !important;overflow-y:hidden !important;
    scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;
    scroll-padding-inline:14px;padding:3px 14px 14px !important;margin:0 !important;scrollbar-width:none;
  }
  .cats-grid::-webkit-scrollbar,#catsGrid::-webkit-scrollbar,#subCatsGrid::-webkit-scrollbar{display:none}
  .cats-grid>*,#catsGrid>*,#subCatsGrid>*{
    flex:0 0 112px !important;width:112px !important;max-width:112px !important;
    scroll-snap-align:start;border-radius:10px !important;
  }
  .cat-card{border:1px solid rgba(234,88,12,.16) !important;box-shadow:0 5px 14px rgba(90,55,25,.09) !important;background:#fff !important}
  .cat-card:active{transform:scale(.97) !important}
  .cat-card-img{aspect-ratio:1.12/1 !important;background:#fffaf6 !important}
  .cat-card-img::after{background:linear-gradient(180deg,transparent 68%,rgba(138,98,52,.12)) !important}
  .cat-card-name{min-height:47px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:.76rem !important;line-height:1.25 !important;padding:6px 5px 7px !important;white-space:normal;letter-spacing:0 !important}
  .cat-card-name .cat-name-en{font-family:Arial,sans-serif;font-size:.59rem;font-weight:600;color:#786f69;direction:ltr;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #subCatsRow{margin-inline:-14px !important;margin-bottom:14px !important}
  #subCatsRow>div:first-child{padding-inline:14px !important;margin-bottom:7px !important}
  #subCatsRow>div:first-child span{font-size:.78rem !important;font-weight:800;color:#514b47 !important}
}

@media(max-width:370px){
  .cats-grid>*,#catsGrid>*,#subCatsGrid>*{flex-basis:104px !important;width:104px !important;max-width:104px !important}
}