* {
      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-slider{
      position:relative;
      overflow:hidden;
    }

    .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: cover;
      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 {
      position:relative;
      overflow:hidden;
      border:1px solid #eeeeee;
      border-radius:14px;
      padding:12px;
      transition:.25s;
      background:#ffffff;
      min-height:360px;
      display:flex;
      flex-direction:column;
    }

    .product-card:hover {
      transform:translateY(-5px);
      box-shadow:0 14px 30px rgba(0,0,0,.12);
    }

    .product-card img {
      width:100%;
      height:185px;
      object-fit:contain;
      background:#f7f7f7;
      border-radius:12px;
      margin-bottom:12px;
      padding:12px;
    }

    .product-card h4 {
      font-size:14px;
      line-height:1.5;
      min-height:44px;
      color:#111827;
      font-weight:700;
      margin-bottom:6px;
    }

    .rating {
      color: #ffa41c;
      margin: 8px 0;
      font-size: 14px;
    }

    .price {
      font-size:22px;
      font-weight:900;
      margin-bottom:8px;
      color:#111827;
    }

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

    .product-card button {
      width: 100%;
      padding: 10px;
      border: none;
      border-radius: 20px;
      background: #ffd814;
      font-weight: bold;
      cursor: pointer;
    }

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

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

    .deal-banner button {
      background: #6d28d9;
      color: white;
      border: none;
      padding: 13px 24px;
      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) {
      .top-header {
        flex-wrap: wrap;
        padding: 12px;
      }

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

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

      .category-grid,
      .product-row {
        grid-template-columns: repeat(2, 1fr);
      }

      .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,#7c3aed,#6d28d9)!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:#ffffff;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:#1d74dd;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{height:150px}
  .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;
}
.floating-whatsapp{
  position:fixed;right:18px;bottom:20px;z-index:99990;width:58px;height:58px;border-radius:50%;
  background:#25D366;color:#fff!important;display:flex;align-items:center;justify-content:center;
  font-size:29px;text-decoration:none!important;box-shadow:0 14px 35px rgba(37,211,102,.35);
}
.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;}
  .floating-whatsapp{right:14px;bottom:86px;width:52px;height:52px;font-size:25px;}
  .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;line-height:1.35!important;min-height:34px!important;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:4px 0!important;
  }
  .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;}
}


/* ===== 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:center;white-space:nowrap;}
.old-price{margin-inline-end:8px;}
.market-footer,.marketplace-footer{padding-bottom:130px!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;}
  .floating-whatsapp{bottom:98px!important;right:16px!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:92px;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:16px!important;min-height:44px!important;}
.price{letter-spacing:.1px;}
.market-footer{padding-bottom:110px!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;}
.floating-whatsapp{bottom:106px!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;}
  .floating-whatsapp{bottom:96px!important;}
}


/* =========================================================
   MA7ALAT CLIENT RESCUE FIX — images, product cards, store UI, mobile
   Added for final client review. Safe front-end only.
   ========================================================= */
:root{
  --ma7alat-product-ratio: 1 / 1;
  --ma7alat-store-ratio: 16 / 9;
  --ma7alat-banner-ratio: 1920 / 700;
}
.product-card,
.store-card,
.market-product,
.premium-product{
  height:100%;
  display:flex;
  flex-direction:column;
}
.product-card .media,
.premium-product .media,
.market-product .media,
.product-media,
.product-image-wrap{
  width:100% !important;
  aspect-ratio:var(--ma7alat-product-ratio) !important;
  height:auto !important;
  min-height:0 !important;
  overflow:hidden !important;
  border-radius:22px 22px 0 0;
  background:#f1f5f9;
}
.product-card .media img,
.premium-product .media img,
.market-product .media img,
.product-card img,
.product-image,
.product-thumb,
.line-product img,
.deal-line img,
.horizontal-product img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block;
}
.product-card .card-body,
.store-card .card-body{
  flex:1;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.product-card h3,
.product-card h3 a{
  min-height:48px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.product-card .muted{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.product-actions{
  margin-top:auto;
}
.store-card .cover,
.store-cover,
.store-banner,
.hero-store{
  width:100% !important;
  overflow:hidden !important;
}
.store-card .cover{
  aspect-ratio:var(--ma7alat-store-ratio) !important;
  height:auto !important;
  background:#f1f5f9;
}
.store-card .cover img,
.store-cover img,
.store-banner img,
.hero-store > img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}
.hero-store{
  min-height:420px !important;
  border-radius:34px !important;
}
.product-detail-grid{
  align-items:start !important;
}
.product-detail-media{
  padding:14px !important;
  background:#fff;
}
.product-detail-media img,
#mainProductImage{
  width:100% !important;
  aspect-ratio:1 / 1 !important;
  height:auto !important;
  max-height:620px !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:26px !important;
}
.gallery-thumbs{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
}
.gallery-thumbs button{
  padding:0;
  border:2px solid transparent;
  background:transparent;
  border-radius:16px;
  overflow:hidden;
  cursor:pointer;
}
.gallery-thumbs button:hover,
.gallery-thumbs button:focus{
  border-color:var(--primary,#7c3aed);
}
.gallery-thumbs img{
  width:86px !important;
  height:86px !important;
  object-fit:cover !important;
  border-radius:14px !important;
}
.upload-preview,
#productPreview{
  width:220px !important;
  height:220px !important;
  aspect-ratio:1 / 1 !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:22px !important;
  border:1px dashed var(--border,rgba(15,23,42,.12));
  background:#f8fafc;
}
.table-wrap td img{
  width:72px !important;
  height:72px !important;
  aspect-ratio:1 / 1 !important;
  object-fit:cover !important;
  border-radius:14px !important;
}
.login-type-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:18px 0 20px;
}
.login-type-card{
  border:1px solid var(--border,rgba(15,23,42,.12));
  background:var(--surface,#fff);
  border-radius:20px;
  padding:16px 12px;
  text-align:center;
  font-weight:950;
  box-shadow:0 8px 22px rgba(6,27,63,.06);
}
.login-type-card span{
  display:block;
  font-size:26px;
  margin-bottom:5px;
}
.login-type-card.active{
  border-color:rgba(124,58,237,.45);
  background:rgba(124,58,237,.08);
  color:var(--primary,#7c3aed);
}
@media(max-width:980px){
  .product-detail-grid{grid-template-columns:1fr !important;}
  .product-detail-info{position:static !important;}
  .grid-4{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .grid-3{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .hero-store{min-height:360px !important;}
}
@media(max-width:640px){
  .container{width:min(100% - 22px,1180px) !important;}
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr !important;}
  .product-card .media,
  .premium-product .media,
  .market-product .media{aspect-ratio:1 / 1 !important;}
  .product-actions,
  .form-actions{gap:10px !important;}
  .product-actions .btn,
  .product-actions form,
  .product-actions button,
  .form-actions .btn{width:100%;}
  .gallery-thumbs img{width:72px !important;height:72px !important;}
  .hero-store{min-height:320px !important;border-radius:24px !important;}
  .hero-store .content{padding:24px !important;}
  .login-type-grid{grid-template-columns:1fr !important;}
  .upload-preview,#productPreview{width:180px !important;height:180px !important;}
}


/* ===== MA7ALAT DASHBOARD + IMAGE HOTFIX V2 ===== */
.login-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0 18px}
.login-type-card{display:grid;place-items:center;text-align:center;gap:6px;padding:14px 10px;border:1px solid var(--border,rgba(15,23,42,.10));border-radius:18px;background:var(--surface-2,#f0f2f7);font-weight:900;color:var(--text,#09142c)}
.login-type-card span{font-size:24px}.login-type-card.active{background:rgba(124,58,237,.10);border-color:rgba(124,58,237,.28);color:var(--primary,#7c3aed)}
.notice-box{margin:16px 0;padding:14px 16px;border-radius:18px;background:rgba(13,148,136,.10);border:1px solid rgba(13,148,136,.18);color:var(--text,#09142c)}
.product-card,.store-card{overflow:hidden}.product-card .media,.product-card>a:first-of-type,.product-card>a:first-of-type img{display:block}
.product-card .media,.store-card .cover{height:260px!important;background:#f1f5f9!important;overflow:hidden!important}
.product-card .media img,.store-card .cover img,.product-card>a:first-of-type img{width:100%!important;height:260px!important;object-fit:cover!important;object-position:center!important;background:#f8fafc!important}
.product-detail-media img{width:100%!important;aspect-ratio:1/1!important;height:auto!important;max-height:620px!important;object-fit:cover!important;object-position:center!important;background:#f8fafc!important}
.gallery-thumbs img{width:90px!important;height:90px!important;object-fit:cover!important;border-radius:14px!important;background:#f8fafc!important}.upload-preview{width:220px!important;height:220px!important;object-fit:cover!important;object-position:center!important;background:#f8fafc!important;border-radius:18px!important}
.hero-store{min-height:420px!important}.hero-store img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
@media(max-width:980px){.login-type-grid{grid-template-columns:1fr}.product-card .media,.store-card .cover,.product-card .media img,.store-card .cover img,.product-card>a:first-of-type img{height:220px!important}}
@media(max-width:640px){.product-card .media,.store-card .cover,.product-card .media img,.store-card .cover img,.product-card>a:first-of-type img{height:210px!important}.product-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.product-card h4{min-height:42px}.product-card button{width:100%}}
@media(max-width:420px){.product-row{grid-template-columns:1fr!important}}


/* =========================================================
   MA7ALAT V3 FINAL CLEANUP
   - Product images follow marketplace standard: square box, full product visible.
   - Store banners / hero banners use wide cover ratio.
   - Removed public chatbot/WhatsApp widgets visually as fallback.
   ========================================================= */
.chatbot-launcher,
.chatbot-panel,
.floating-whatsapp,
.wishlist{display:none!important;visibility:hidden!important;pointer-events:none!important;}

.home-customer-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.home-register-btn,.home-login-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:10px 15px;font-weight:900;text-decoration:none;white-space:nowrap;}
.home-register-btn{background:#fff;color:#111827;border:1px solid rgba(15,23,42,.12);}
.home-login-btn{background:#111827;color:#fff;border:1px solid #111827;}

.product-card,
.premium-product,
.market-product,
.store-product-card{overflow:hidden!important;}

.product-card .media,
.premium-product .media,
.market-product .media,
.store-product-card .media,
.product-card>a:first-of-type{width:100%!important;aspect-ratio:1/1!important;height:auto!important;min-height:0!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;border-radius:16px!important;}

.product-card .media img,
.premium-product .media img,
.market-product .media img,
.store-product-card .media img,
.product-card>a:first-of-type img,
.product-card img{width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:1/1!important;object-fit:contain!important;object-position:center!important;background:#fff!important;padding:10px!important;border-radius:16px!important;}

.product-detail-media{width:100%!important;aspect-ratio:1/1!important;max-height:650px!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;}
.product-detail-media img,
#mainProductImage{width:100%!important;height:100%!important;aspect-ratio:1/1!important;object-fit:contain!important;object-position:center!important;background:#fff!important;padding:14px!important;border-radius:24px!important;}
.gallery-thumbs img{width:84px!important;height:84px!important;aspect-ratio:1/1!important;object-fit:contain!important;background:#fff!important;padding:6px!important;border-radius:12px!important;}

.hero-store{min-height:420px!important;aspect-ratio:1200/420!important;}
.hero-store>img,
.store-card .cover,
.store-card .cover img{width:100%!important;object-fit:cover!important;object-position:center!important;}
.store-card .cover{aspect-ratio:16/9!important;height:auto!important;}
.store-card .cover img{height:100%!important;}

@media(max-width:980px){
  .home-customer-actions{gap:8px;}
  .product-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;overflow:visible!important;}
  .product-detail-grid{grid-template-columns:1fr!important;}
}
@media(max-width:640px){
  .top-header{gap:10px!important;}
  .home-customer-actions{width:100%;justify-content:center;order:4;}
  .home-register-btn,.home-login-btn{flex:1;min-width:130px;}
  .product-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  .product-card h4{min-height:44px!important;font-size:13px!important;line-height:1.45!important;}
  .product-card button,.product-actions .btn,.product-actions button{width:100%!important;}
  .hero-store{min-height:300px!important;aspect-ratio:auto!important;}
}


/* V4 Super Admin Homepage Ads/Banners */
.home-ads-slider{
  display:grid;
  gap:18px;
  padding:22px 28px 8px;
}
.home-ads-slider .hero{
  min-height:430px;
  border-radius:30px;
  overflow:hidden;
  background-size:cover!important;
  background-position:center!important;
  display:flex;
  align-items:center;
  padding:70px 48px;
  box-shadow:0 18px 45px rgba(15,23,42,.16);
}
.home-ads-slider .hero:not(:first-child){
  min-height:220px;
  padding:36px 42px;
}
.home-ads-slider .hero:not(:first-child) h1{font-size:clamp(24px,3vw,38px);}
.ad-label{
  display:inline-flex;
  background:#feee00;
  color:#111827;
  padding:7px 12px;
  border-radius:999px;
  font-weight:900;
  margin-bottom:10px;
}
.banner-preview{
  width:100%!important;
  max-width:520px!important;
  height:170px!important;
  object-fit:cover!important;
  border-radius:18px!important;
}
@media(max-width:768px){
  .home-ads-slider{padding:14px 12px 4px;gap:12px;}
  .home-ads-slider .hero,
  .home-ads-slider .hero:not(:first-child){
    min-height:320px!important;
    padding:34px 20px!important;
    border-radius:22px!important;
    background-position:center!important;
  }
}


/* V5: separated main slider from advertisement banners */
.home-main-slider .hero{
  min-height: clamp(360px, 42vw, 620px);
  background-size: cover;
  background-position: center;
}
.home-ad-banners-wrap{
  padding: 0 28px 26px;
}
.home-ad-banners{
  max-width: 1320px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.home-ad-banner-card{
  min-height: 220px;
  border-radius: 24px;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 28px;
  color: #fff;
  background-size: cover;
  background-position: center;
  box-shadow: 0 16px 42px rgba(15,23,42,.16);
  position: relative;
}
.home-ad-banner-card span{
  display:inline-flex;
  background:#ffb703;
  color:#111827;
  border-radius:999px;
  padding:6px 12px;
  font-weight:900;
  font-size:12px;
  margin-bottom:10px;
}
.home-ad-banner-card h2{margin:0 0 8px;font-size:clamp(22px,3vw,36px);line-height:1.2;font-weight:950;}
.home-ad-banner-card p{margin:0 0 12px;color:#eef2ff;max-width:620px;}
.home-ad-banner-card strong{display:inline-flex;background:#fff;color:#111827;border-radius:14px;padding:10px 16px;font-weight:900;}
.banner-preview{width:100%;max-width:440px;height:150px;object-fit:cover;border-radius:18px;}
@media(max-width:780px){
  .home-ad-banners{grid-template-columns:1fr;}
  .home-ad-banners-wrap{padding-inline:14px;}
  .home-ad-banner-card{min-height:190px;padding:22px;border-radius:20px;}
}


/* HOTFIX V6 BILINGUAL RTL/LTR SUPPORT */
.lang-switch{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(15,23,42,.14);border-radius:999px;padding:9px 13px;font-weight:900;background:#fff;color:#0f172a;white-space:nowrap}
html[dir="ltr"] body{direction:ltr;text-align:left}
html[dir="rtl"] body{direction:rtl;text-align:right}
html[dir="ltr"] .top-header, html[dir="ltr"] .nav-bar, html[dir="ltr"] .home-customer-actions, html[dir="ltr"] .footer-grid, html[dir="ltr"] .mobile-bottom-nav{direction:ltr}
html[dir="rtl"] .top-header, html[dir="rtl"] .nav-bar, html[dir="rtl"] .home-customer-actions, html[dir="rtl"] .footer-grid, html[dir="rtl"] .mobile-bottom-nav{direction:rtl}
html[dir="ltr"] .search-box input{text-align:left}
html[dir="rtl"] .search-box input{text-align:right}
html[dir="ltr"] .product-card, html[dir="ltr"] .market-footer, html[dir="ltr"] .hero-content{text-align:left}
html[dir="rtl"] .product-card, html[dir="rtl"] .market-footer, html[dir="rtl"] .hero-content{text-align:right}

/* FINAL V7 HOTFIX: homepage product images */
.product-card img,.product-card .media img{object-fit:contain!important;background:#fff!important;aspect-ratio:1/1!important;height:auto!important;max-height:260px!important}