* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      font-family: "Tahoma", Arial, sans-serif;
    }

    body {
      background:#f7f7fa;
      color:#111827;
      overflow-x:hidden;
    }

    html{
      scroll-behavior:smooth;
    }

    @keyframes fadeUp {
      from{
        opacity:0;
        transform:translateY(40px);
      }
      to{
        opacity:1;
        transform:translateY(0);
      }
    }

    .top-header {
      background:#feee00;
      color:#111;
      display:flex;
      align-items:center;
      gap:18px;
      padding:14px 28px;
      backdrop-filter:blur(10px);
      position:sticky;
      top:0;
      z-index:1000;
      box-shadow:0 5px 18px rgba(0,0,0,.08);
    }

    .logo {
      display:flex;
      align-items:center;
      gap:14px;
      background:linear-gradient(135deg,#ffffff,#f5f7ff);
      padding:10px 18px;
      border-radius:18px;
      box-shadow:0 10px 30px rgba(0,0,0,.18);
      border:2px solid rgba(255,255,255,.15);
      transition:.3s;
    }

    .logo:hover{
      transform:translateY(-2px);
      box-shadow:0 14px 35px rgba(0,0,0,.25);
    }

    .logo img{
      width:64px;
      height:64px;
      object-fit:contain;
      border-radius:14px;
      background:#ffffff;
      padding:4px;
    }

    .logo span{
      font-size:34px;
      font-weight:900;
      color:#6d28d9;
      letter-spacing:.5px;
    }

    .location {
      font-size: 13px;
      color: #ddd;
      white-space: nowrap;
    }

    .search-box {
      display: flex;
      flex: 1;
      height: 44px;
      border-radius: 6px;
      overflow: hidden;
      background: white;
    }

    .search-box select {
      border: none;
      padding: 0 10px;
      background: #f3f3f3;
      color: #333;
      outline: none;
    }

    .search-box input {
      flex: 1;
      border: none;
      padding: 0 14px;
      font-size: 15px;
      outline: none;
    }

    .search-box button {
      width: 60px;
      border: none;
      background: #8b5cf6;
      color:white;
      font-size: 20px;
      cursor: pointer;
    }

    .header-link {
      font-size: 13px;
      color: #eee;
      white-space: nowrap;
    }

    .header-link strong {
      display: block;
      font-size: 15px;
      color: white;
    }

    .cart {
      font-size: 17px;
      font-weight: bold;
      color: white;
      white-space: nowrap;
    }

    .nav-bar {
      background:#ffffff;
      color:#111;
      display:flex;
      gap:26px;
      padding:14px 30px;
      font-size:14px;
      overflow-x:auto;
      border-bottom:1px solid #ececec;
      font-weight:600;
    }

    .nav-bar span {
      cursor:pointer;
      white-space:nowrap;
      transition:.25s;
    }

    .nav-bar span:hover{
      color:#6d28d9;
    }

    .hero {
      min-height:520px;
      background:linear-gradient(100deg,rgba(0,0,0,.58),rgba(0,0,0,.2)),url('https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?auto=format&fit=crop&w=1600&q=80') center/cover;
      color:white;
      display:flex;
      align-items:center;
      padding:90px 8%;
      animation:fadeUp 1s ease;
      position:relative;
    }

    .hero-content {
      max-width: 560px;
    }

    .hero h1 {
      font-size: 44px;
      margin-bottom: 14px;
      line-height: 1.3;
    }

    .hero p {
      font-size: 18px;
      color: #f1f1f1;
      margin-bottom: 22px;
    }

    .hero button {
      background:#feee00;
      color:#111;
      border:none;
      padding:15px 34px;
      border-radius:50px;
      font-size:17px;
      font-weight:bold;
      cursor:pointer;
      box-shadow:0 10px 30px rgba(254,238,0,.35);
    }

    .section {
      padding: 28px;
      margin-top: -50px;
      position: relative;
      z-index: 2;
    }

    .category-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 22px;
    }

    .category-card {
      background: white;
      padding: 20px;
      border-radius: 4px;
      box-shadow: 0 8px 20px rgba(0,0,0,.08);
    }

    .category-card h3 {
      font-size: 20px;
      margin-bottom: 14px;
    }

    .category-card img {
      width: 100%;
      height: 190px;
      object-fit:contain !important;
      border-radius: 4px;
      margin-bottom: 12px;
    }

    .category-card a {
      color: #007185;
      text-decoration: none;
      font-size: 14px;
      font-weight: bold;
    }

    .products-section {
      padding:28px;
    }

    .noon-products-box{
      background:#ffffff;
      border-radius:18px;
      overflow:hidden;
      box-shadow:0 8px 28px rgba(0,0,0,.08);
    }

    .noon-products-header{
      display:flex;
      justify-content:space-between;
      align-items:center;
      padding:18px 22px;
      border-bottom:1px solid #eee;
      background:#ffffff;
    }

    .noon-products-header h2{
      font-size:26px;
      color:#111827;
      font-weight:900;
    }

    .noon-tabs{
      display:flex;
      gap:10px;
      flex-wrap:wrap;
    }

    .noon-tabs button{
      border:none;
      padding:9px 16px;
      border-radius:999px;
      background:#f3f4f6;
      color:#111827;
      font-weight:700;
      cursor:pointer;
    }

    .noon-tabs button.active{
      background:#feee00;
    }

    .section-title {
      background:#ffffff;
      padding:22px 24px;
      border-radius:18px 18px 0 0;
      font-size:28px;
      font-weight:900;
      color:#111;
    }

    .product-row {
      background:#ffffff;
      display:grid;
      grid-template-columns:repeat(5,1fr);
      gap:14px;
      padding:18px;
      border-radius:0;
    }

    .wishlist{
      position:absolute;
      top:10px;
      left:10px;
      width:36px;
      height:36px;
      border-radius:50%;
      background:#ffffff;
      display:flex;
      align-items:center;
      justify-content:center;
      box-shadow:0 5px 15px rgba(0,0,0,.15);
      cursor:pointer;
      transition:.3s;
    }

    .wishlist:hover{
      transform:scale(1.1);
      background:#ff4d6d;
      color:white;
    }

    .product-card {
    width: 100%;
    position: relative;
    overflow: hidden;
    border: 1px solid #eeeeee;
    border-radius: 12px;
    padding: 8px;
    transition: .25s;
    background: #ffffff;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.product-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0,0,0,.10);
}

.product-card img {
    width: 100%;
    height: 170px; /* كان 220 */
    object-fit: contain !important;
    background: #f7f7f7;
    border-radius: 10px;
    margin-bottom: 8px;
}

.product-card h4 {
    font-size: 13px; /* كان 15 */
    line-height: 1.3;
    height: 36px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.rating {
    color: #ffa41c;
    margin: 3px 0;
    font-size: 12px;
}

.price {
    font-size: 17px; /* كان 20 */
    font-weight: 600;
    margin-bottom: 6px;
    margin-top: auto;
    color: #111827;
}

.old-price {
    text-decoration: line-through;
    color: #777;
    font-size: 13px;
    margin-right: 6px;
}

.product-card button {
    width: 100%;
    padding: 8px;
    border: none;
    border-radius: 10px;
    background: #ffd814;
    font-weight: bold;
    cursor: pointer;
    transition: .2s;
    font-size: 13px;
}

.product-card button:hover {
    background: #f7c600;
}

    .deal-banner {
      margin: 28px;
      background: linear-gradient(135deg, #8b5cf6, #7c3aed);
      padding: 28px;
      border-radius: 8px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 15px;
      color: #ffffff;
    }

    .deal-banner h2 {
      font-size: 30px;
    }

    .deal-banner button {
      background: #6d28d9;
      color: white;
      border: none;
      padding: 10px 18px;
      border-radius: 7px;
      cursor: pointer;
      font-weight: bold;
    }

    footer {
      background:#111827;
      color:white;
      text-align:center;
      padding:40px;
      margin-top:40px;
    }

    @media (max-width: 1100px) {
      .category-grid,
      .product-row {
        grid-template-columns: repeat(3, 1fr);
      }
    }

    @media (max-width: 992px){
      section[style*="grid-template-columns:2fr 1fr 1fr"]{
        grid-template-columns:1fr !important;
      }
    }

    @media (max-width: 768px) {
  .links {
    display: none;
    flex-direction: column;
    background: #fff;
    position: absolute;
    top: 60px;
    right: 0;
    width: 100%;
    z-index: 999;
  }

  .links.open {
    display: flex;
  }

  .mobile-toggle {
    display: block;
    cursor: pointer;
    margin-right: auto;
  }
}


      .search-box {
        order: 3;
        width: 100%;
        flex: unset;
      }

      .hero h1 {
        font-size: 30px;
      }

      .category-grid,
      .product-row {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 16px;
      }

      .deal-banner {
        flex-direction: column;
        text-align: center;
      }
    

    @media (max-width: 520px) {
      .category-grid,
      .product-row {
        grid-template-columns: 1fr;
      }

      .section,
      .products-section,
      .deal-banner {
        margin: 0;
        padding: 16px;
      }

      .section {
        margin-top: -30px;
      }
    }
  
/* Premium homepage backend integration */
a{color:inherit;text-decoration:none}
.nav-bar a{white-space:nowrap;transition:.25s}
.nav-bar a:hover{color:#7c3aed}
.top-header{background:linear-gradient(135deg,#111827,#312e81,#7c3aed)!important;color:#fff}
.logo{text-decoration:none}
.logo span{color:#7c3aed}
.location,.header-link,.cart{color:#fff;text-decoration:none}
.search-box button,.hero button,.product-card button,.deal-banner button,.noon-tabs button.active{background:linear-gradient(135deg,#dec4ee,#dec4ee)!important;color:#fff!important}
.hero button{box-shadow:0 10px 30px rgba(124,58,237,.32)}
.category-card a{color:#7c3aed}
.deal-banner{background:linear-gradient(135deg,#111827,#4c1d95,#7c3aed)}
.wishlist{border:0}
.product-card form{margin-top:auto}


/* ===== Marketplace responsive polish ===== */
:root{--mah-primary:#7c3aed;--mah-dark:#111827;--mah-soft:#f5f3ff}
a{color:inherit;text-decoration:none}
.top-header{gap:14px;flex-wrap:nowrap;background:linear-gradient(135deg,#111827,#312e81,#7c3aed)!important}
.logo{min-width:82px;justify-content:center;background:#fff!important;padding:7px 10px!important;border-radius:20px}
.logo img{width:70px!important;height:70px!important;object-fit:contain!important;border-radius:16px!important;background:#fff!important;padding:4px!important}
.logo span{display:none!important}
.search-box{min-width:280px;border-radius:14px;box-shadow:0 10px 24px rgba(0,0,0,.12)}
.header-link,.cart{color:#fff;text-decoration:none;border-radius:14px;padding:8px 10px;transition:.25s}
.header-link:hover,.cart:hover{background:rgba(255,255,255,.14)}
.nav-bar a{white-space:nowrap;transition:.25s;padding:8px 10px;border-radius:10px}
.nav-bar a:hover{background:#f5f3ff;color:#7c3aed}
.search-box button,.hero button,.product-card button,.deal-banner button,.noon-tabs button.active{background:linear-gradient(135deg,#7c3aed,#6d28d9)!important;color:#fff!important}
.market-search-strip{background:linear-gradient(135deg,#fff,#f5f3ff);border-bottom:1px solid #eee;padding:14px 28px;display:grid;grid-template-columns:1.2fr 2fr .9fr;gap:14px;align-items:center}
.market-search-strip .strip-card{background:#fff;border:1px solid #eee;border-radius:18px;padding:12px 16px;box-shadow:0 10px 26px rgba(17,24,39,.06);font-weight:800}
.market-search-strip .strip-search{display:flex;border:2px solid rgba(124,58,237,.18);border-radius:18px;overflow:hidden;background:#fff}
.market-search-strip input{border:0;outline:0;flex:1;padding:14px 18px;font-size:15px}
.market-search-strip button{border:0;padding:0 22px;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;font-weight:900;cursor:pointer}
.market-search-strip .strip-ad{background:linear-gradient(135deg,#111827,#4c1d95,#7c3aed);color:#fff}
.market-footer{background:#341b68;color:#fff;padding:44px 28px 20px;margin-top:40px}
.market-footer .footer-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px}
.market-footer h3,.market-footer h4{margin-bottom:12px}
.market-footer p,.market-footer a{color:#cbd5e1;line-height:1.9;text-decoration:none;display:block;font-size:14px}
.market-footer a:hover{color:#fff}
.market-footer .footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.market-footer .footer-brand img{width:58px;height:58px;object-fit:contain;background:#fff;padding:5px;border-radius:16px}
.market-footer .footer-bottom{max-width:1180px;margin:28px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#94a3b8;font-size:13px}
.merchant-branding-hint{background:linear-gradient(135deg,#fff,#f5f3ff);border:1px solid #ede9fe;border-radius:18px;padding:16px;margin-bottom:16px}
.merchant-branding-hint strong{color:#6d28d9}
@media(max-width:1100px){
  .top-header{display:grid;grid-template-columns:auto 1fr auto}
  .search-box{grid-column:1/-1;order:5;width:100%;min-width:0}
  .location,.header-link{display:none}
  .cart{justify-self:end}
  .market-search-strip{grid-template-columns:1fr}
  .category-grid,.product-row{grid-template-columns:repeat(3,1fr)}
  .market-footer .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .top-header{position:sticky;top:0;padding:10px 12px;grid-template-columns:auto 1fr auto}
  .logo img{width:54px!important;height:54px!important}
  .cart{font-size:14px;padding:8px 9px}
  .search-box{height:42px}
  .search-box select{max-width:82px}
  .nav-bar{gap:8px;padding:10px 12px;font-size:13px}
  .hero{min-height:420px;padding:70px 22px}
  .hero h1{font-size:30px}
  .hero p{font-size:15px}
  .market-search-strip{padding:12px}
  section[style*="grid-template-columns:2fr 1fr"],section[style*="grid-template-columns:2fr 1fr 1fr"]{grid-template-columns:1fr!important;padding:14px!important}
  section[style*="grid-template-columns:2fr 1fr"] img{display:none}
  .category-grid,.product-row{grid-template-columns:repeat(2,1fr);gap:12px}
  .product-card{min-height:330px}
  .product-card img{width: 100%;
  height: 100%;
  object-fit: contain;  /* بيحافظ على النسبة بدون قطع */
  padding: 8px;}
  .market-footer .footer-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
  .category-grid,.product-row{grid-template-columns:1fr}
  .noon-products-header{align-items:flex-start;flex-direction:column;gap:12px}
  .market-footer{padding:34px 18px 18px}
}


/* ===== Amazon-style account dropdown ===== */
.account-menu{position:relative;z-index:2000}
.account-trigger{
  border:0;background:rgba(255,255,255,.10);color:#fff;border-radius:14px;
  padding:8px 12px;min-width:150px;text-align:right;cursor:pointer;display:flex;flex-direction:column;gap:2px
}
.account-trigger span{font-size:12px;opacity:.92}
.account-trigger strong{font-size:14px;color:#fff}
.account-dropdown{
  position:absolute;top:calc(100% + 10px);left:0;width:270px;background:#fff;color:#111827;
  border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.22);padding:14px;display:none;z-index:9999;
  border:1px solid rgba(17,24,39,.08)
}
.account-menu:hover .account-dropdown,.account-menu:focus-within .account-dropdown{display:block}
.account-dropdown:before{
  content:"";position:absolute;top:-8px;left:34px;width:16px;height:16px;background:#fff;transform:rotate(45deg);
  border-left:1px solid rgba(17,24,39,.08);border-top:1px solid rgba(17,24,39,.08)
}
.account-dropdown a{display:block;padding:9px 10px;border-radius:10px;color:#111827;text-decoration:none;font-weight:700}
.account-dropdown a:hover{background:#f5f3ff;color:#6d28d9}
.account-dropdown .drop-main{
  background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;text-align:center;border-radius:12px;margin-bottom:8px
}
.account-dropdown .drop-main:hover{color:#fff;background:linear-gradient(135deg,#6d28d9,#4c1d95)}
.account-dropdown p{font-size:13px;color:#6b7280;margin:6px 0 10px;text-align:center}
.account-dropdown p a{display:inline;padding:0;color:#6d28d9}
.account-dropdown hr{border:0;border-top:1px solid #eee;margin:10px 0}
.drop-user{padding:8px 10px;background:#f8fafc;border-radius:12px;margin-bottom:8px}
.drop-user b{display:block}
.drop-user small{color:#6b7280}
.invite-copy{direction:ltr;text-align:left;background:#f8fafc;border:1px dashed #a78bfa;border-radius:12px;padding:10px;font-size:12px;word-break:break-all}
.email-template{white-space:pre-wrap;background:#0f172a;color:#e5e7eb;border-radius:14px;padding:14px;line-height:1.8;font-size:13px;direction:rtl}
.request-actions{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:1100px){
  .account-trigger{min-width:auto}
  .orders-link{display:none!important}
}
@media(max-width:768px){
  .account-menu{justify-self:end}
  .account-trigger{padding:7px 9px}
  .account-trigger span{display:none}
  .account-dropdown{left:auto;right:0;width:260px}
  .account-dropdown:before{left:auto;right:34px}
}

.account-menu.open .account-dropdown{display:block}


/* ===== FAST VISUAL FIXES ===== */
:root{--whatsapp:#25D366;}
.logo img,.brand img,.loader-logo,.footer-brand img,.premium-logo-img{
  object-fit:contain!important;background:#fff!important;
}

.mobile-bottom-nav{display:none;}
.mah-preloader,.site-loader.video-loader{
  position:fixed;inset:0;z-index:999999;background:radial-gradient(circle at center,#1f1147 0%,#080b14 70%);
  display:flex;align-items:center;justify-content:center;transition:opacity .45s ease,visibility .45s ease;
}
.mah-preloader.is-hidden,.site-loader.video-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none;}
.mah-preloader-card,.preloader-video-wrap{
  width:min(260px,72vw);aspect-ratio:9/15;border-radius:28px;overflow:hidden;background:#000;
  box-shadow:0 28px 90px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.16);
}
.mah-preloader video,.preloader-video-wrap video{width:100%;height:100%;object-fit:cover;display:block;}
@media(max-width:768px){
  body{padding-bottom:76px;}
  .mobile-bottom-nav{
    position:fixed;left:10px;right:10px;bottom:10px;z-index:99980;display:grid;
    grid-template-columns:repeat(4,1fr);gap:6px;padding:8px;border-radius:22px;background:rgba(15,23,42,.92);
    backdrop-filter:blur(14px);box-shadow:0 16px 45px rgba(0,0,0,.28);
  }
  .mobile-bottom-nav a{
    color:#fff!important;text-decoration:none;display:flex;align-items:center;justify-content:center;
    flex-direction:column;gap:2px;font-size:11px;min-height:48px;border-radius:16px;
  }
  .mobile-bottom-nav a:hover{background:rgba(124,58,237,.72);}
  .product-row,.product-grid,.products-grid,.store-products,.grid.products,.market-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:10px!important;
  }
  .product-card,.market-product,.store-product-card{
    min-height:auto!important;padding:9px!important;border-radius:14px!important;
  }
  .product-card img,.market-product img,.store-product-card img,.product-thumb{
    height:110px!important;min-height:110px!important;object-fit:contain!important;padding:6px!important;margin-bottom:6px!important;
  }
  .product-card h3,.product-card h4,.market-product h3,.store-product-card h3{
    font-size:12px!important;height: 40px;margin-bottom:4px!important;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  }
  .price,.product-price,.market-price{
    font-size:18px!important;font-weight:900!important;color:#111827!important;margin-top: auto;padding-top: 8px;   border-top: 0.5px solid #eee; justify-content: right;

  }
  .old-price{font-size:11px!important;}
  .product-card button,.market-product button,.store-product-card button,.product-card .btn{
    padding:8px 9px!important;font-size:12px!important;border-radius:14px!important;
  }
}
@media(max-width:420px){
  .product-row,.product-grid,.products-grid,.store-products,.grid.products,.market-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .product-card img,.market-product img,.store-product-card img{height:100px!important;min-height:100px!important;}
  .price,.product-price,.market-price{font-size:17px!important;justify-content: right;}
}


/* ===== MOBILE UX FIXES - applied from uploaded notes ===== */
html,body{max-width:100%;overflow-x:hidden;}
a{color:inherit;text-decoration:none;}
.top-header{background:linear-gradient(135deg,#0f172a,#3b168f,#7c3aed)!important;color:#fff!important;}
.top-header .logo{order:1;box-shadow:none;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);}
.top-header .account-menu{order:2;}
.top-header .cart{order:3;background:rgba(255,255,255,.10);padding:10px 12px;border-radius:14px;}
.top-header .search-box{order:4;border-radius:18px;box-shadow:0 10px 24px rgba(0,0,0,.16);}
.location{color:#fff!important;font-weight:800;}
.nav-bar{position:sticky;top:92px;z-index:995;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);scrollbar-width:none;white-space:nowrap;box-shadow:0 8px 22px rgba(17,24,39,.08);}
.nav-bar::-webkit-scrollbar{display:none;}
.nav-bar a{flex:0 0 auto;padding:9px 14px;border-radius:999px;background:#f8fafc;color:#111827;}
.nav-bar a:hover{background:#ede9fe;color:#6d28d9;}
.market-search-strip{position:relative;z-index:10;direction:rtl;}
.market-search-strip .strip-card{display:flex;align-items:center;justify-content:center;text-align:center;min-height:54px;}
.market-search-strip .strip-ad{justify-content:center;}
.market-search-strip .strip-search{min-height:54px;}
.product-card,.market-product,.store-product-card{overflow:hidden;}
.price,.product-price,.market-price{display:flex;align-items:baseline;gap:6px;justify-content:right;white-space:nowrap;}
.old-price{margin-inline-end:8px;}
.market-footer,.marketplace-footer{padding-bottom:0!important;}
.marketplace-footer .footer-grid,.market-footer .footer-grid{align-items:start;}
.footer-card{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:18px;text-align:center;}
.footer-card h4{font-size:20px!important;margin-bottom:12px!important;color:#fff!important;}
.footer-card a{padding:7px 0;color:#cbd5e1!important;}
.footer-brand{justify-content:center;}
.footer-bottom-clean{text-align:center;color:#94a3b8;border-top:1px solid rgba(255,255,255,.10);margin:26px auto 0;padding-top:18px;max-width:1180px;}
.mobile-dock{display:none!important;}
@media(max-width:768px){
  body{padding-bottom:112px!important;}
  .top-header{grid-template-columns:auto 1fr auto!important;gap:10px!important;padding:10px 12px 12px!important;}
  .top-header .logo{justify-self:start;padding:6px 9px!important;border-radius:18px!important;}
  .top-header .logo span{font-size:18px!important;}
  .top-header .logo img{width:52px!important;height:52px!important;}
  .account-menu{justify-self:center!important;}
  .account-trigger{background:rgba(255,255,255,.12)!important;color:#fff!important;border-radius:18px!important;min-width:132px!important;text-align:center!important;}
  .top-header .cart{justify-self:end!important;font-size:13px!important;}
  .search-box{grid-column:1/-1!important;width:100%!important;border-radius:18px!important;overflow:hidden!important;}
  .search-box button{width:64px!important;}
  .search-box input{min-width:0!important;font-size:14px!important;text-align:right;}
  .nav-bar{top:137px!important;padding:10px 10px!important;gap:8px!important;}
  .nav-bar a{font-size:13px!important;padding:9px 13px!important;}
  .market-search-strip{padding:12px!important;gap:10px!important;background:#f8fafc!important;}
  .market-search-strip .strip-card{border-radius:18px!important;padding:12px!important;}
  .market-search-strip .strip-search{border-radius:18px!important;}
  .hero{min-height:430px!important;padding:70px 22px 110px!important;text-align:right!important;}
  .hero h1{font-size:34px!important;line-height:1.35!important;}
  .hero p{font-size:16px!important;line-height:1.9!important;}
  .mobile-bottom-nav{left:14px!important;right:14px!important;bottom:14px!important;border-radius:26px!important;padding:9px!important;background:rgba(15,23,42,.94)!important;grid-template-columns:repeat(4,1fr)!important;}
  .mobile-bottom-nav a{min-height:56px!important;border-radius:20px!important;font-size:12px!important;}
  .mobile-bottom-nav a:active,.mobile-bottom-nav a:hover{background:#7c3aed!important;}
  .product-row,.product-grid,.products-grid,.store-products,.grid.products,.market-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;padding:12px!important;}
  .product-card,.market-product,.store-product-card{padding:12px!important;border-radius:20px!important;box-shadow:0 8px 24px rgba(15,23,42,.08)!important;}
  .product-card img,.market-product img,.store-product-card img,.product-thumb{height:132px!important;min-height:132px!important;aspect-ratio:1/1!important;object-fit:contain!important;background:#f8fafc!important;border-radius:16px!important;}
  .product-card h3,.product-card h4,.market-product h3,.store-product-card h3{font-size:14px!important;line-height:1.55!important;min-height:44px!important;margin:8px 0!important;}
  .price,.product-price,.market-price{font-size:19px!important;gap:6px!important;margin:8px 0!important;}
  .product-card button,.market-product button,.store-product-card button,.product-card .btn{padding:11px 12px!important;font-size:13px!important;border-radius:16px!important;margin-top:8px!important;min-height:42px!important;}
  section[style*="grid-template-columns:2fr 1fr"]{gap:14px!important;margin-bottom:14px!important;}
  .marketplace-footer .footer-grid,.market-footer .footer-grid{grid-template-columns:1fr!important;gap:16px!important;text-align:center!important;}
}
@media(max-width:420px){
  .top-header .logo span{display:none!important;}
  .account-trigger{min-width:118px!important;}
  .product-card img,.market-product img,.store-product-card img{height:118px!important;min-height:118px!important;}
}

/* ===== FINAL HOME FIXES: direct landing, safer spacing, clean header/nav ===== */
.mah-preloader,.site-loader.video-loader,.mah-preloader-card,.preloader-video-wrap{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}
body{padding-bottom:0;background:#f8fafc;}
.top-header{direction:rtl;display:flex;align-items:center;gap:12px;padding-inline:clamp(14px,3vw,32px)!important;}
.top-header .account-menu{order:1;}
.top-header .logo{order:2;}
.top-header .search-box{order:3;}
.top-header .cart{order:4;}
.location{order:5;background:rgba(255,255,255,.12);border-radius:999px;padding:10px 12px;color:#fff!important;}
.logo{flex:0 0 auto;}
.logo img{width:58px!important;height:58px!important;}
.cart{background:rgba(255,255,255,.12)!important;color:#fff!important;padding:10px 14px!important;border-radius:16px!important;}
.nav-bar{position:sticky!important;top:84px!important;z-index:998!important;padding-inline:clamp(12px,3vw,32px)!important;}
.market-search-strip{padding-inline:clamp(14px,3vw,32px)!important;}
.hero,.section,.products-section,.deal-banner,.market-footer{margin-inline:auto;}
.section,.products-section{padding-inline:clamp(14px,3vw,32px)!important;}
section[style*="padding:20px 28px"],section[style*="padding:0 28px"]{padding-inline:clamp(14px,3vw,32px)!important;}
.hero-content{background:rgba(15,23,42,.18);border:1px solid rgba(255,255,255,.16);border-radius:28px;padding:clamp(18px,3vw,34px);backdrop-filter:blur(3px);}
.hero-cta,.inline-cta,.chip-link,.deal-cta{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;cursor:pointer;font-weight:900;line-height:1.2;transition:.2s ease;}
.hero-cta{background:#feee00;color:#111!important;padding:15px 34px;border-radius:50px;font-size:17px;box-shadow:0 10px 30px rgba(254,238,0,.35);}
.inline-cta{padding:13px 22px;border-radius:999px;width:fit-content;}
.cta-yellow{background:#feee00;color:#111!important;}
.cta-dark{background:#111827;color:#fff!important;}
.chip-link{padding:12px 20px;border-radius:999px;background:#fff;color:#111!important;box-shadow:0 8px 22px rgba(15,23,42,.08);}
.chip-dark{background:#131921;color:#fff!important;}
.chip-yellow{background:#ffb703;color:#111!important;}
.deal-cta{background:#fff;color:#6d28d9!important;padding:13px 24px;border-radius:999px;}
.noon-tabs a{border:none;padding:9px 16px;border-radius:999px;background:#f3f4f6;color:#111827;font-weight:800;cursor:pointer;text-decoration:none;}
.noon-tabs a.active{background:linear-gradient(135deg,#7c3aed,#6d28d9)!important;color:#fff!important;}
.category-card{border-radius:20px!important;padding:18px!important;}
.category-card a{display:inline-flex;margin-top:4px;padding:9px 12px;border-radius:999px;background:#f5f3ff;color:#6d28d9!important;}
.product-card{padding:14px!important;border-radius:20px!important;}
.product-card button[type="submit"]{padding:12px 14px!important;border-radius:20px!important;min-height:44px!important;}
.price{letter-spacing:.1px;}
.market-footer{padding-bottom:20px!important;}
.market-footer .footer-bottom span:last-child{color:#cbd5e1;}
.mobile-bottom-nav{background:rgba(255,255,255,.96)!important;border:1px solid rgba(124,58,237,.14)!important;box-shadow:0 16px 45px rgba(15,23,42,.18)!important;}
.mobile-bottom-nav a{color:#111827!important;background:transparent!important;font-weight:900!important;}
.mobile-bottom-nav a:hover,.mobile-bottom-nav a:active{background:#f5f3ff!important;color:#6d28d9!important;}
@media(max-width:1100px){
  .top-header{display:grid!important;grid-template-columns:auto auto 1fr auto!important;}
  .top-header .account-menu{order:1;justify-self:start!important;}
  .top-header .logo{order:2;justify-self:center!important;}
  .top-header .cart{order:3;justify-self:end!important;}
  .top-header .search-box{order:4;grid-column:1/-1!important;width:100%!important;}
  .location{display:none!important;}
  .nav-bar{top:126px!important;}
}
@media(max-width:768px){
  body{padding-bottom:102px!important;}
  .top-header{grid-template-columns:auto auto 1fr!important;padding:9px 12px!important;}
  .top-header .account-menu{order:1;justify-self:start!important;}
  .top-header .logo{order:2;justify-self:center!important;}
  .top-header .cart{order:3;justify-self:end!important;}
  .top-header .search-box{order:4;grid-column:1/-1!important;}
  .account-trigger{min-width:112px!important;padding:8px 10px!important;}
  .account-trigger strong{font-size:13px!important;}
  .cart{font-size:12px!important;padding:9px 10px!important;}
  .nav-bar{top:120px!important;}
  .hero{min-height:390px!important;padding:54px 14px 80px!important;}
  .hero-content{padding:18px!important;border-radius:22px!important;}
  .hero h1{font-size:28px!important;}
  .hero p{font-size:15px!important;}
  section[style*="display:grid"]{gap:14px!important;}
  section[style*="padding:20px 28px"],section[style*="padding:0 28px"]{padding:14px!important;}
  .market-search-strip .strip-card,.market-search-strip .strip-search{min-height:48px!important;}
  .mobile-bottom-nav{left:12px!important;right:12px!important;bottom:12px!important;border-radius:24px!important;}
}



body{padding-bottom:0!important;margin-bottom:0!important;}
main{padding-bottom:0!important;margin-bottom:0!important;}
.footer,.marketplace-footer,.market-footer,.mah-new-footer{margin-top:0!important;margin-bottom:0!important;}
html{height:100%;}

















.hero-container{
  max-width: 1200px;
  margin: 20px auto;
  padding: 0 15px;
}

.hero-slider{
  position: relative;
  height: 520px;
  border-radius: 15px;
  overflow: hidden;
}

.hero-track {
  display: flex;
  height: 100%;
  width: 100%;
  transition: transform 0.6s ease; /* ✅ موجود عندك بالفعل، تمام */
}

.hero-slide{
  flex: 0 0 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  position: relative;
}

.hero-overlay{
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    rgba(0,0,0,0.55),
    rgba(0,0,0,0.05)
  );
  z-index: 2;
}

/* dots */
.hero-dots{
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 6px;
  z-index: 10;
}

.hero-dots span{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255,255,255,0.5);
  cursor: pointer;
  transition: 0.3s;
}

.hero-dots span.active{
  width: 18px;
  border-radius: 20px;
  background: white;
}
















@media(max-width:768px){

  .hero-wrapper{
    padding:0 12px;
    margin:12px auto;
  }

  .hero-slider{
  overflow: hidden;
  }

  .hero-content{
    right:20px;
    left:20px;
    max-width:none;
  }

  .hero-content h1{
    font-size:24px;
  }

  .hero-content p{
    font-size:14px;
    line-height:1.7;
  }
}





















.category-grid-v2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  padding: 20px 28px;
}

.cat-card-v2 {
  background: var(--cat-bg, #f5f3ff);
  border-radius: 20px;
  padding: 22px 20px;
  display: flex;
  flex-direction: row-reverse;  /* النص يسار، الصورة يمين */
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  color: inherit;
  overflow: hidden;
  transition: transform .25s, box-shadow .25s;
  gap: 12px;
  min-height: 140px;
}

.cat-card-v2:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(0,0,0,.10);
}

.cat-card-info {
  flex: 1;
  text-align: right;
}

.cat-card-v2 h3 {
  font-size: 20px;
  font-weight: 900;
  color: #111827;
  margin-bottom: 5px;
}

.cat-card-v2 p {
  font-size: 13px;
  color: #6b7280;
  margin-bottom: 12px;
  line-height: 1.5;
}

.cat-cta {
  font-size: 14px;
  font-weight: 700;
  color: #7c3aed;
  display: block;
}

.cat-card-v2 img {
  width: 130px;
  height: 110px;
  object-fit: contain;   /* contain عشان الصورة ما تتقطع */
  flex-shrink: 0;
  border-radius: 12px;
}

@media (max-width: 768px) {
  .category-grid-v2 {
    grid-template-columns: 1fr;
    padding: 12px;
  }

  .cat-card-v2 img {
    width: 100px;
    height: 85px;
  }
}