/* TrendishShop v3185 — mobile homepage redesign inspired by modern marketplace layout.
   Mobile/tablet only. Desktop (>=901px) is intentionally unchanged. */
.mobile-home-v3185,.mobile-bottom-nav-v3185{display:none}

@media (max-width:900px){
  html,body{max-width:100%;overflow-x:clip}
  body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}

  /* Home header becomes a clean compact row; the search moves into the mobile home composition. */
  body.home-overlay-layout .site-header.is-home-overlay{
    position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;
    width:100%!important;max-width:100%!important;margin:0!important;background:#fff!important;
    border-bottom:1px solid #f3e8ed!important;box-shadow:none!important;color:#282126!important;z-index:90!important;
  }
  body.home-overlay-layout .site-header.is-home-overlay .header-main.header-standard-layout{
    width:calc(100% - 20px)!important;max-width:none!important;min-height:54px!important;margin:0 auto!important;padding:6px 0!important;
    grid-template-columns:minmax(70px,1fr) auto minmax(104px,1fr)!important;grid-template-areas:"logo search actions"!important;
  }
  body.home-overlay-layout .site-header.is-home-overlay .header-standard-search{display:none!important}
  body.home-overlay-layout .site-header.is-home-overlay .header-standard-logo{grid-column:1/3!important;grid-row:1!important;justify-self:center!important;align-self:center!important}
  body.home-overlay-layout .site-header.is-home-overlay .header-standard-logo .site-logo-visual img{filter:none!important;max-height:34px!important;height:34px!important;width:auto!important}
  body.home-overlay-layout .site-header.is-home-overlay .header-standard-actions{grid-column:3!important;grid-row:1!important;justify-self:end!important;color:#2f292d!important;transform:none!important}
  body.home-overlay-layout .site-header.is-home-overlay .header-standard-actions a,
  body.home-overlay-layout .site-header.is-home-overlay .profile-menu-trigger,
  body.home-overlay-layout .site-header.is-home-overlay .profile-login-link,
  body.home-overlay-layout .site-header.is-home-overlay .cart-link-minimal{color:#2f292d!important}
  body.home-overlay-layout .site-header.is-home-overlay .mobile-nav-toggle,
  body.home-overlay-layout .site-header.is-home-overlay .home-mobile-nav{display:none!important}

  .mobile-home-v3185{display:block;width:100%;max-width:100%;margin:0;padding:8px 0 0;direction:rtl;color:#272126;background:#fff;box-sizing:border-box;overflow:hidden}
  .mobile-home-v3185 *{box-sizing:border-box}

  .mh-services-v3185{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:2px 12px 9px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;align-items:stretch}
  .mh-services-v3185::-webkit-scrollbar{display:none}
  .mh-service-v3185{flex:0 0 92px;min-width:92px;min-height:88px;padding:8px 6px 7px;border:1px solid #eee5e9;border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(48,25,35,.035);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#332b30;text-decoration:none;scroll-snap-align:start}
  .mh-service-v3185.is-primary{background:#ec0f46;color:#fff;border-color:#ec0f46;box-shadow:0 7px 18px rgba(236,15,70,.18)}
  .mh-service-icon-v3185{width:39px;height:39px;border-radius:10px;display:grid;place-items:center;background:#fff3f7;color:#ed1851}
  .mh-service-v3185.is-primary .mh-service-icon-v3185{background:rgba(255,255,255,.92);color:#ec0f46}
  .mh-service-icon-v3185 svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .mh-service-v3185 b{display:block;max-width:78px;font-size:10px;line-height:1.28;font-weight:800;white-space:normal;text-align:center}

  .mh-search-v3185{height:48px;margin:2px 12px 4px;padding:0 13px;display:flex;align-items:center;gap:9px;border:1px solid #e9e0e5;border-radius:24px;background:#fff;box-shadow:0 2px 10px rgba(43,25,33,.025)}
  .mh-search-v3185 svg{width:22px;height:22px;fill:none;stroke:#6d6268;stroke-width:1.8;flex:0 0 22px}
  .mh-search-v3185 input{flex:1;min-width:0;height:100%;padding:0;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;font:inherit;font-size:12.5px;color:#2c2429}
  .mh-search-v3185 input::placeholder{color:#8e8489}
  .mh-search-v3185 strong{font-size:14px;font-weight:900;color:#e9134d;white-space:nowrap}

  .mh-tabs-v3185{display:flex;align-items:center;gap:20px;overflow-x:auto;scrollbar-width:none;padding:3px 14px 7px;border-bottom:1px solid #f1e8ec;white-space:nowrap}
  .mh-tabs-v3185::-webkit-scrollbar{display:none}
  .mh-tabs-v3185 a{position:relative;padding:8px 1px 9px;color:#574d52;text-decoration:none;font-size:11.5px;font-weight:700}
  .mh-tabs-v3185 a.is-active{color:#242024;font-weight:900}
  .mh-tabs-v3185 a.is-active::after{content:"";position:absolute;right:0;left:0;bottom:0;height:3px;border-radius:4px;background:#2d2a2c}

  .mh-slider-v3185{position:relative;width:100%;padding:10px 0 6px;overflow:hidden;direction:ltr}
  .mh-slider-viewport-v3185{width:100%;overflow:hidden;touch-action:pan-y;cursor:grab}
  .mh-slider-viewport-v3185:active{cursor:grabbing}
  .mh-slider-track-v3185{display:flex;align-items:stretch;gap:8px;width:100%;will-change:transform;transition:transform .48s cubic-bezier(.22,.61,.36,1);padding:0;direction:ltr}
  .mh-slide-v3185{flex:0 0 var(--mh-slide-width,calc(100vw - 44px));width:var(--mh-slide-width,calc(100vw - 44px));height:clamp(154px,47vw,228px);border-radius:14px;overflow:hidden;background:#f3eef0;box-shadow:0 4px 14px rgba(40,24,31,.07);text-decoration:none}
  .mh-slide-v3185 img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;user-select:none;-webkit-user-drag:none}
  .mh-slider-dots-v3185{display:flex;direction:ltr;justify-content:center;align-items:center;gap:4px;height:16px;margin-top:2px}
  .mh-slider-dots-v3185 i{display:block;width:5px;height:5px;border-radius:999px;background:#c8c3c6;transition:.25s}
  .mh-slider-dots-v3185 i.is-active{width:18px;background:#3d383b}

  .mh-categories-v3185{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding:8px 12px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;background:#fff}
  .mh-categories-v3185::-webkit-scrollbar{display:none}
  .mh-category-v3185{flex:0 0 68px;min-width:68px;text-align:center;color:#30292d;text-decoration:none;scroll-snap-align:start}
  .mh-category-v3185>span{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 6px;border-radius:50%;overflow:hidden;background:#fff;border:1px solid #ece3e7;box-shadow:0 3px 12px rgba(37,20,28,.045)}
  .mh-category-v3185 img{width:100%;height:100%;object-fit:cover}
  .mh-category-v3185 b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:9.5px;line-height:1.55;font-weight:750}
  .mh-category-more-v3185>span{font-size:24px;letter-spacing:2px;background:#f8f5f6;color:#555}

  .mh-amazing-v3185{margin:0;padding:11px 0 14px;background:linear-gradient(118deg,#e71347 0%,#ed2456 48%,#d90f3d 100%);overflow:hidden}
  .mh-amazing-head-v3185{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 13px 10px;color:#fff;direction:rtl}
  .mh-amazing-head-v3185>div{display:flex;align-items:center;gap:7px;min-width:0}
  .mh-amazing-head-v3185 h2{margin:0;font-size:17px;line-height:1.35;font-weight:950;color:#fff;white-space:nowrap}
  .mh-amazing-percent-v3185{font-size:28px;line-height:1;font-weight:950}
  .mh-amazing-head-v3185 time{font-size:10px;font-weight:900;direction:ltr;background:rgba(255,255,255,.16);padding:4px 6px;border-radius:7px}
  .mh-amazing-head-v3185>a{display:inline-flex;align-items:center;gap:4px;color:#fff;text-decoration:none;font-size:11px;font-weight:800;white-space:nowrap}
  .mh-amazing-track-v3185{display:flex;direction:rtl;gap:7px;overflow-x:auto;overflow-y:hidden;padding:0 12px 3px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
  .mh-amazing-track-v3185::-webkit-scrollbar{display:none}
  .mh-deal-card-v3185{flex:0 0 143px;min-width:143px;min-height:220px;background:#fff;border-radius:11px;padding:7px 7px 8px;color:#30292d;text-decoration:none;display:flex;flex-direction:column;scroll-snap-align:start;box-shadow:0 2px 8px rgba(67,16,35,.08)}
  .mh-deal-image-v3185{display:block;width:100%;height:128px;border-radius:8px;overflow:hidden;background:#fff}
  .mh-deal-image-v3185 img{display:block;width:100%;height:100%;object-fit:contain}
  .mh-deal-name-v3185{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:34px;margin:7px 1px 3px;font-size:10.5px;line-height:1.6;font-weight:750}
  .mh-deal-card-v3185>strong{margin-top:auto;font-size:10.5px;line-height:1.5;font-weight:900;text-align:left;direction:rtl}
  .mh-deal-meta-v3185{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:19px;margin-top:3px}
  .mh-deal-meta-v3185 em{font-style:normal;background:#e71347;color:#fff;border-radius:999px;padding:2px 6px;font-size:9px;font-weight:900}
  .mh-deal-meta-v3185 del{color:#a29a9e;font-size:8.5px;white-space:nowrap}

  /* The new composition replaces duplicate mobile-only parts of the legacy home. */
  body.home-overlay-layout>.hero.hero-home-standard,
  body.home-overlay-layout>.home-after-hero-nav,
  body.home-overlay-layout>.home-shortcuts-v231,
  body.home-overlay-layout>.home-popular-categories-section,
  body.home-overlay-layout>.featured-heading-before-banners,
  body.home-overlay-layout>.home-ad-banners-section,
  body.home-overlay-layout>.mobile-featured-products-section{display:none!important}
  body.home-overlay-layout>.latest-products-section{padding-top:14px!important;margin-top:0!important}
  body.home-overlay-layout>.latest-products-section>.container{width:calc(100% - 20px)!important;max-width:none!important;margin:0 auto!important;padding:0!important}

  /* Persistent 4-item bottom navigation, mobile only. */
  .mobile-bottom-nav-v3185{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;z-index:9992;left:0;right:0;bottom:0;width:100%;min-height:64px;padding:4px 5px calc(4px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid #eee4e9;box-shadow:0 -5px 18px rgba(40,23,31,.07);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);direction:rtl}
  .mobile-bottom-nav-v3185 a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;color:#787075;text-decoration:none;font-size:9.5px;font-weight:700;line-height:1.25}
  .mobile-bottom-nav-v3185 a svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .mobile-bottom-nav-v3185 a.is-active{color:#e9134d;font-weight:900}
  .mobile-bottom-nav-v3185 a.is-active::before{content:"";position:absolute;top:-4px;width:34px;height:3px;border-radius:0 0 5px 5px;background:#e9134d}
  .mobile-bottom-nav-v3185 .mobile-bottom-cart-count-v3185{position:absolute;top:2px;right:calc(50% - 19px);min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#e9134d;color:#fff;font-size:8px;line-height:16px;text-align:center;font-weight:900}

  /* Keep floating support/reward controls clear of the new bottom navigation. */
  .support-chat-v262{bottom:calc(78px + env(safe-area-inset-bottom))!important}
  .support-chat-panel{bottom:calc(142px + env(safe-area-inset-bottom))!important;height:min(520px,calc(100dvh - 170px))!important}
  .loyalty-launcher-v259{bottom:calc(78px + env(safe-area-inset-bottom))!important}
  .loyalty-float-v255{bottom:calc(78px + env(safe-area-inset-bottom))!important}
}

@media (max-width:380px){
  .mh-service-v3185{flex-basis:88px;min-width:88px;min-height:84px}.mh-service-v3185 b{max-width:74px;font-size:9.4px;line-height:1.22}
  .mh-search-v3185{margin-left:9px;margin-right:9px}.mh-tabs-v3185{padding-left:10px;padding-right:10px;gap:17px}
  .mh-category-v3185{flex-basis:64px;min-width:64px}.mh-category-v3185>span{width:54px;height:54px}
  .mh-deal-card-v3185{flex-basis:137px;min-width:137px}.mh-deal-image-v3185{height:122px}
  .mh-amazing-head-v3185 h2{font-size:15px}.mh-amazing-head-v3185 time{font-size:9px}
}

@supports not (overflow:clip){@media (max-width:900px){html,body{overflow-x:hidden!important}}}