/* Clean mobile-only layout. Duplicate mobile overrides consolidated on 2026-08-27. Desktop/tablet styles unchanged. */

@media (max-width:600px) {
  :root {
    --m-ink:#23131d;
    --m-wine:#3b1729;
    --m-wine-2:#6b3048;
    --m-blue:#c9f1fb;
    --m-blue-border:#075ed7;
    --m-border:#e9e0de;
  }
  * {
    -webkit-tap-highlight-color:transparent;
  }
  html, body {
    max-width:100%;
    overflow-x:hidden !important;
  }
  body {
    padding-bottom:76px !important;
    background:#fff !important;
  }
  header {
    position:sticky !important;
    top:0 !important;
    z-index:90 !important;
    background:var(--m-wine) !important;
  }
  header .top {
    display:grid !important;
    grid-template-columns:minmax(132px,1fr) 44px 42px 42px !important;
    grid-template-areas:"brand account orders cart" "search search search search" !important;
    align-items:center !important;
    gap:0 !important;
    padding:8px 12px 10px !important;
    background:var(--m-wine) !important;
    height:112px !important;
    min-height:112px !important;
    max-height:112px !important;
    grid-template-rows:48px 46px !important;
    align-content:start !important;
    overflow:hidden !important;
  }
  header .logo {
    grid-area:brand !important;
    display:flex !important;
    align-items:center !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    gap:7px !important;
    color:#fff !important;
  }
  header .header-original-logo {
    display:block !important;
    width:33px !important;
    height:33px !important;
    object-fit:contain !important;
    filter:brightness(0) invert(1) !important;
  }
  header .brand-name {
    display:block !important;
    overflow:hidden !important;
    color:#fff !important;
    font-size:22px !important;
    font-weight:800 !important;
    letter-spacing:1.4px !important;
    white-space:nowrap !important;
  }
  header .deliver, header #admin, header .offer-toplink {
    display:none !important;
  }
  header .account-wrap {
    grid-area:account !important;
    display:block !important;
    min-width:0 !important;
  }
  header .top .toplink {
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:40px !important;
    min-height:38px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:#fff !important;
    box-shadow:none !important;
  }
  header .top .toplink small, header .top .toplink b, header .top .toplink span {
    display:none !important;
  }
  header #accountTopLink::before, header #accountTopLink::after, header #accountTopLink b::before, header #accountTopLink b::after {
    content:none !important;
    display:none !important;
  }
  header .mobile-account-icon {
    position:relative !important;
    margin:0 !important;
    font-size:0 !important;
    display:block !important;
    width:20px !important;
    height:20px !important;
    border:0 !important;
    border-radius:0 !important;
    background:none !important;
    background-image:none !important;
    color:#fff !important;
    overflow:visible !important;
  }
  header .mobile-account-icon::after {
    border-bottom:0 !important;
    content:"" !important;
    position:absolute !important;
    left:1px !important;
    bottom:0 !important;
    width:18px !important;
    height:10px !important;
    transform:none !important;
    border:0 !important;
    border-radius:12px 12px 2px 2px !important;
    background:#fff !important;
  }
  header .top button[onclick="orders()"] {
    grid-area:orders !important;
    font-size:0 !important;
  }
  header .top button[onclick="orders()"]::after {
    content:"Orders" !important;
    display:block !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:800 !important;
    line-height:1 !important;
  }
  header .top button[onclick="cartView()"] {
    grid-area:cart !important;
    font-size:0 !important;
  }
  header .desktop-cart-copy {
    display:none !important;
  }
  header .mobile-cart-icon {
    display:block !important;
    position:relative !important;
    width:22px !important;
    height:15px !important;
    margin:0 4px 0 0 !important;
    border:2px solid #fff !important;
    border-top:0 !important;
    border-radius:0 0 4px 4px !important;
    font-size:0 !important;
    transform:skewX(-8deg) !important;
  }
  header .mobile-cart-icon::before {
    content:"" !important;
    position:absolute !important;
    left:-5px !important;
    top:-6px !important;
    width:8px !important;
    height:2px !important;
    background:#fff !important;
    transform:skewX(8deg) !important;
  }
  header .mobile-cart-icon::after {
    content:"•  •" !important;
    position:absolute !important;
    left:1px !important;
    bottom:-13px !important;
    color:#fff !important;
    font-size:17px !important;
    font-style:normal !important;
    letter-spacing:3px !important;
    transform:skewX(8deg) !important;
  }
  header .top button[onclick="cartView()"] b::before, header .top button[onclick="cartView()"] b::after {
    content:none !important;
    display:none !important;
  }
  header #count {
    display:flex !important;
    position:absolute !important;
    top:1px !important;
    right:0 !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:18px !important;
    height:18px !important;
    padding:0 3px !important;
    border-radius:50% !important;
    background:#fff !important;
    color:var(--m-wine) !important;
    font-size:11px !important;
    font-weight:900 !important;
    line-height:18px !important;
  }
  header .search {
    grid-area:search !important;
    display:grid !important;
    grid-template-columns:92px minmax(0,1fr) 42px 42px 42px !important;
    align-items:stretch !important;
    height:46px !important;
    margin-top:9px !important;
    overflow:hidden !important;
    border-radius:2px !important;
    background:#fff !important;
  }
  header .search select {
    display:block !important;
    min-width:0 !important;
    height:46px !important;
    padding:0 8px !important;
    border:0 !important;
    border-right:1px solid #e5dcdc !important;
    border-radius:0 !important;
    background:#fbf6f2 !important;
    color:var(--m-ink) !important;
    font-size:15px !important;
  }
  header .search input {
    display:block !important;
    min-width:0 !important;
    height:46px !important;
    padding:0 8px !important;
    border:0 !important;
    border-radius:0 !important;
    background:#fff !important;
    color:#1b1b1b !important;
    font-size:16px !important;
  }
  header .search input::placeholder {
    color:#69727d !important;
  }
  header .search-action, header .search-submit {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:42px !important;
    height:46px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:#d3b46c !important;
    color:#fff !important;
    font-size:20px !important;
    line-height:1 !important;
    box-shadow:none !important;
  }
  header .search-submit {
    background:#c9a955 !important;
  }
  header .mobile-search-lens {
    display:none !important;
  }
  header nav, header .nav {
    display:flex !important;
    gap:9px !important;
    overflow-x:auto !important;
    min-height:57px !important;
    padding:9px 12px !important;
    background:var(--m-wine-2) !important;
    scrollbar-width:none !important;
  }
  header nav::-webkit-scrollbar, header .nav::-webkit-scrollbar {
    display:none !important;
  }
  header nav a, header .nav a {
    display:inline-flex !important;
    flex:0 0 auto !important;
    align-items:center !important;
    min-height:37px !important;
    padding:0 16px !important;
    border:1px solid rgba(255,255,255,.27) !important;
    border-radius:22px !important;
    background:rgba(255,255,255,.1) !important;
    color:#fff !important;
    font-size:14px !important;
    font-weight:700 !important;
    white-space:nowrap !important;
  }
  .mobile-delivery-strip {
    display:grid !important;
    align-items:center !important;
    gap:9px !important;
    padding:13px 18px 9px !important;
    background:#fff !important;
    border-bottom:1px solid var(--m-border) !important;
    grid-template-columns:104px minmax(0,1fr) 86px !important;
    width:100% !important;
    box-sizing:border-box !important;
  }
  .mobile-delivery-strip label {
    font-size:17px !important;
    white-space:nowrap !important;
  }
  .mobile-delivery-strip input {
    height:42px !important;
    padding:0 12px !important;
    border:1px solid #d7cdd1 !important;
    border-radius:8px !important;
    font-size:16px !important;
    width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }
  .mobile-delivery-strip button {
    height:42px !important;
    padding:0 15px !important;
    border:2px solid var(--m-blue-border) !important;
    border-radius:8px !important;
    background:var(--m-blue) !important;
    color:#071554 !important;
    font-size:16px !important;
    font-weight:800 !important;
  }
  .mobile-delivery-status {
    display:block !important;
    padding:0 18px 12px !important;
    color:#527560 !important;
    font-size:14px !important;
    background:#fff !important;
  }
  .hero, .slider, .slides {
    min-height:520px !important;
  }
  .slide {
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:250px 270px !important;
    min-height:520px !important;
    padding:0 !important;
    background:#faeeee !important;
  }
  .slide .slide-copy {
    grid-row:1 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    padding:28px 14% !important;
  }
  .slide .slide-image {
    grid-row:2 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:0 !important;
  }
  .slide .slide-image img {
    width:51% !important;
    max-height:245px !important;
    object-fit:contain !important;
  }
  .slide h1, .slide h2 {
    font-size:36px !important;
    line-height:1.04 !important;
  }
  .slide p {
    font-size:15px !important;
  }
  .slide .shop-now, .slide button {
    min-height:48px !important;
    padding:0 26px !important;
    border:2px solid var(--m-blue-border) !important;
    border-radius:8px !important;
    background:var(--m-blue) !important;
    color:#071554 !important;
    font-size:17px !important;
    font-weight:800 !important;
  }
  .slider .prev, .slider .next, .hero .prev, .hero .next {
    width:50px !important;
    height:50px !important;
    border-radius:50% !important;
    font-size:30px !important;
  }
  .shop-category, .quick-filter, .category-dropdown {
    width:calc(100% - 36px) !important;
    min-height:58px !important;
    margin:18px !important;
    padding:10px 16px !important;
    border:2px solid var(--m-blue-border) !important;
    border-radius:12px !important;
    background:var(--m-blue) !important;
    color:#06125a !important;
    font-size:18px !important;
    font-weight:800 !important;
  }
  .products, .product-grid {
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:10px !important;
    padding:12px !important;
  }
  .product, .product-card {
    min-width:0 !important;
    padding:9px !important;
  }
  .product img, .product-card img {
    width:100% !important;
    height:188px !important;
    object-fit:cover !important;
  }
  .product button, .product-card button {
    width:100% !important;
    min-height:42px !important;
    font-size:14px !important;
  }
  .modal {
    align-items:stretch !important;
    justify-content:stretch !important;
    padding:0 !important;
    background:rgba(18,16,20,.7) !important;
  }
  .modal .box {
    width:100% !important;
    max-width:none !important;
    min-height:100dvh !important;
    max-height:100dvh !important;
    margin:0 !important;
    padding:18px !important;
    overflow-y:auto !important;
    border-radius:0 !important;
  }
  .modal .x {
    top:16px !important;
    right:16px !important;
    width:46px !important;
    height:46px !important;
  }
  #body {
    max-width:100% !important;
  }
  #body .back, #body .backbtn {
    display:inline-flex !important;
    align-items:center !important;
    min-height:44px !important;
    margin-bottom:16px !important;
    padding:0 18px !important;
    border:1px solid #e0d4d1 !important;
    border-radius:9px !important;
    background:#fff !important;
    color:#54263b !important;
    font-size:17px !important;
    font-weight:800 !important;
  }
  #body .detail, #body .product-detail {
    display:block !important;
  }
  #body .gallery-main, #body .product-gallery {
    position:relative !important;
    width:100% !important;
    height:min(66vw,420px) !important;
    margin:0 0 8px !important;
    overflow:hidden !important;
    background:#fff !important;
  }
  #body .gallery-main>img, #body .product-gallery>img {
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    background:#fff !important;
  }
  #body .gallery-main .prev, #body .gallery-main .next, #body .product-gallery .prev, #body .product-gallery .next {
    position:absolute !important;
    top:50% !important;
    width:auto !important;
    height:auto !important;
    padding:8px !important;
    border:0 !important;
    background:transparent !important;
    color:#54263b !important;
    font-size:38px !important;
    line-height:1 !important;
    transform:translateY(-50%) !important;
    box-shadow:none !important;
  }
  #body .gallery-main .prev, #body .product-gallery .prev {
    left:4px !important;
  }
  #body .gallery-main .next, #body .product-gallery .next {
    right:4px !important;
  }
  #body .gallery-thumbs {
    display:flex !important;
    gap:8px !important;
    overflow-x:auto !important;
    padding:4px 0 14px !important;
  }
  #body .gallery-thumbs img {
    flex:0 0 66px !important;
    width:66px !important;
    height:80px !important;
    object-fit:cover !important;
  }
  #body .related-products, #body .recommended-products, #body .related, #body .recommended {
    display:flex !important;
    gap:12px !important;
    overflow-x:auto !important;
    padding:8px 0 16px !important;
    scroll-snap-type:x proximity !important;
  }
  #body .related-products>* , #body .recommended-products>* , #body .related>* , #body .recommended>* {
    flex:0 0 158px !important;
    max-width:158px !important;
    scroll-snap-align:start !important;
  }
  #body .related-products img, #body .recommended-products img, #body .related img, #body .recommended img {
    width:158px !important;
    height:175px !important;
    object-fit:cover !important;
  }
  #body .cartrow, #body .cart-item, #body .order-item, #body .buy-again-item {
    display:grid !important;
    grid-template-columns:112px minmax(0,1fr) !important;
    gap:12px !important;
    align-items:start !important;
    width:100% !important;
    padding:14px 0 !important;
  }
  #body .cartrow img, #body .cart-item img, #body .order-item img, #body .buy-again-item img {
    width:112px !important;
    height:135px !important;
    object-fit:cover !important;
  }
  #body .cartrow button, #body .cart-item button, #body .buy-again-item button {
    width:100% !important;
    min-height:44px !important;
    margin-top:7px !important;
    white-space:normal !important;
  }
  #body .order-item .order-actions, #body .order-item button {
    grid-column:2 !important;
    width:100% !important;
  }
  #body .timeline {
    display:flex !important;
    width:max-content !important;
    min-width:100% !important;
    gap:23px !important;
    overflow-x:auto !important;
    padding:14px 0 !important;
  }
  #body .timeline>* {
    flex:0 0 78px !important;
    font-size:11px !important;
    text-align:center !important;
  }
  #body input, #body select, #body textarea {
    max-width:100% !important;
    font-size:16px !important;
  }
  #body button {
    min-height:42px !important;
  }
  .chat-widget, .whatsapp-widget {
    width:56px !important;
    height:56px !important;
    right:12px !important;
    bottom:86px !important;
  }
  body header #accountTopLink {
    grid-column:2 !important;
    grid-row:1 !important;
    width:76px !important;
    min-width:76px !important;
    height:38px !important;
    padding:2px 1px !important;
    display:grid !important;
    grid-template-columns:18px minmax(0,1fr) !important;
    grid-template-rows:1fr !important;
    align-items:center !important;
    justify-content:center !important;
    column-gap:3px !important;
    overflow:visible !important;
  }
  body header #accountTopLink small, body header #accountTopLink b, body header #accountTopLink span {
    display:none !important;
  }
  body header #accountTopLink .mobile-account-icon {
    font-size:0 !important;
    margin:0 !important;
    filter:brightness(0) invert(1) !important;
    color:#fff !important;
    display:block !important;
    position:relative !important;
    width:16px !important;
    height:17px !important;
    flex:0 0 16px !important;
  }
  body header .top > button[onclick="orders()"] {
    grid-column:3 !important;
    grid-row:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    height:46px !important;
    padding:0 !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    width:58px !important;
    min-width:58px !important;
    font-size:0 !important;
  }
  body header .top > button[onclick="orders()"] > small, body header .top > button[onclick="orders()"] > b {
    display:none !important;
  }
  body header .top > button[onclick="orders()"]::before {
    content:"Orders" !important;
    display:block !important;
    color:#fff !important;
    line-height:1 !important;
    letter-spacing:0 !important;
    font-weight:800 !important;
    font-size:12px !important;
  }
  body header .top .search, body header .search {
    overflow:hidden !important;
  }
  body header .top .search button, body header .search button {
    border-left:0 !important;
    border-right:0 !important;
    box-shadow:none !important;
    outline:0 !important;
  }
  body .product-area #grid .sizes, body .product-area #grid .sizebox {
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:3px !important;
  }
  body .product-area #grid .sizes button, body .product-area #grid .sizebox button {
    width:100% !important;
    min-width:0 !important;
    height:30px !important;
    min-height:30px !important;
    padding:0 !important;
    font-size:11px !important;
    line-height:1 !important;
  }
  body header .top {
    grid-template-areas:"brand account orders cart" "search search search search" !important;
    align-items:center !important;
    display:grid !important;
    grid-template-rows:50px 48px !important;
    gap:0 !important;
    height:108px !important;
    min-height:108px !important;
    max-height:108px !important;
    padding:0 12px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    padding-left:10px !important;
    padding-right:10px !important;
    grid-template-columns:minmax(0,1fr) 76px 58px 42px !important;
    column-gap:4px !important;
  }
  body header .top .logo {
    grid-area:brand !important;
    display:flex !important;
    align-items:center !important;
    gap:7px !important;
    overflow:hidden !important;
    grid-column:1 !important;
    grid-row:1 !important;
    min-width:0 !important;
  }
  body header .top .logo img {
    width:34px !important;
    height:34px !important;
    flex:0 0 34px !important;
    object-fit:contain !important;
  }
  body header .top .logo .brand-name {
    font-size:24px !important;
    line-height:1 !important;
    letter-spacing:1px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
  }
  body header .top .account-wrap {
    grid-area:account !important;
    min-width:0 !important;
  }
  body header .top .account-wrap .toplink {
    padding:0 !important;
    min-width:38px !important;
    height:38px !important;
    display:grid !important;
    place-items:center !important;
  }
  body header .top .account-wrap .toplink span {
    display:none !important;
  }
  body header .top .toplink[onclick*="orders"] {
    grid-area:orders !important;
    min-width:0 !important;
    height:38px !important;
    padding:0 !important;
    white-space:nowrap !important;
    font-size:12px !important;
    overflow:hidden !important;
  }
  body header .top #admin,body header .top .offer-toplink {
    display:none !important;
  }
  body header .top .toplink[onclick*="cartView"] {
    grid-area:cart !important;
    min-width:0 !important;
    height:38px !important;
    padding:0 !important;
    white-space:nowrap !important;
    font-size:14px !important;
  }
  body header .top .mobile-account-icon {
    font-size:0 !important;
    color:#fff !important;
  }
  body header .top .mobile-account-icon:before {
    content:"●" !important;
    font-size:25px !important;
    color:#fff !important;
  }
  body header .top .mobile-cart-icon {
    font-size:23px !important;
    color:#fff !important;
  }
  body header .top .search {
    grid-area:search !important;
    width:100% !important;
    border:0 !important;
    box-shadow:none !important;
    min-width:0 !important;
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 44px 44px 44px !important;
    grid-template-rows:46px !important;
    height:46px !important;
    min-height:46px !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:25px !important;
    overflow:hidden !important;
    background:#fff !important;
    box-sizing:border-box !important;
  }
  body header .top .search select,body header .top .search .mobile-search-lens {
    display:none !important;
  }
  body header .top .search input#q {
    outline:0 !important;
    background:#fff !important;
    max-width:none !important;
    grid-column:1 !important;
    grid-row:1 !important;
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    height:46px !important;
    margin:0 !important;
    padding:0 15px !important;
    border:0 !important;
    border-radius:0 !important;
    box-sizing:border-box !important;
    font-size:16px !important;
  }
  body header .top .search .search-action,body header .top .search .search-submit {
    height:48px !important;
    width:auto !important;
    min-width:0 !important;
    display:grid !important;
    place-items:center !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-left:1px solid #ece7e0 !important;
    border-radius:0 !important;
    font-size:21px !important;
    background:#fff !important;
  }
  body header .top .search .search-photo {
    grid-column:2 !important;
    grid-row:1 !important;
    font-size:0 !important;
  }
  body header .top .search button[onclick*="startVoiceSearch"] {
    grid-column:3 !important;
    grid-row:1 !important;
  }
  body header .top .search .search-submit {
    grid-column:4 !important;
    grid-row:1 !important;
    background:#d6b15d !important;
  }
  body header .nav {
    -webkit-overflow-scrolling:touch !important;
    display:flex !important;
    gap:9px !important;
    padding:9px 14px !important;
    overflow-x:auto !important;
    white-space:nowrap !important;
  }
  body header .nav span {
    border:1px solid rgba(255,255,255,.24) !important;
    flex:0 0 auto !important;
    padding:9px 14px !important;
    border-radius:22px !important;
    font-size:14px !important;
  }
  body .mobile-delivery-strip {
    display:grid !important;
    grid-template-rows:45px auto !important;
    align-items:center !important;
    padding:12px 14px 10px !important;
    width:100% !important;
    box-sizing:border-box !important;
    grid-template-columns:96px minmax(0,1fr) 76px !important;
    gap:6px !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }
  body .mobile-delivery-strip>span {
    font-size:16px !important;
    white-space:nowrap !important;
  }
  body .mobile-delivery-strip>input {
    width:100% !important;
    min-width:0 !important;
    height:48px !important;
    padding:0 12px !important;
    font-size:16px !important;
    box-sizing:border-box !important;
  }
  body .mobile-delivery-strip>button {
    width:92px !important;
    height:48px !important;
    font-size:16px !important;
  }
  body .mobile-delivery-strip>small {
    grid-column:1/-1 !important;
    padding:0 !important;
    font-size:13px !important;
    line-height:1.3 !important;
  }
  body .ad-carousel,body .ad-track,body .ad-slide {
    height:370px !important;
    min-height:370px !important;
  }
  body .ad-carousel {
    margin:0 !important;
    min-height:0 !important;
    height:410px !important;
    overflow:hidden !important;
  }
  body .ad-slide {
    flex-direction:column !important;
    display:grid !important;
    grid-template-columns:55% 45% !important;
    grid-template-rows:1fr !important;
    min-width:100% !important;
    padding:0 !important;
    overflow:hidden !important;
    height:320px !important;
    min-height:320px !important;
  }
  body .ad-copy-panel {
    flex:0 0 48% !important;
    grid-column:1 !important;
    grid-row:1 !important;
    display:flex !important;
    width:auto !important;
    height:auto !important;
    min-height:0 !important;
    padding:36px 8px 24px 25px !important;
    align-items:flex-start !important;
    justify-content:center !important;
    text-align:left !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }
  body .ad-copy-panel h1 {
    font-size:36px !important;
    line-height:1 !important;
    margin:8px 0 14px !important;
  }
  body .ad-copy-panel h2 {
    font-size:27px !important;
    line-height:1.05 !important;
    margin:7px 0 !important;
  }
  body .ad-copy-panel p {
    font-size:13px !important;
    line-height:1.25 !important;
  }
  body .ad-image-panel {
    flex:0 0 52% !important;
    grid-column:2 !important;
    grid-row:1 !important;
    display:flex !important;
    width:auto !important;
    height:auto !important;
    min-height:0 !important;
    padding:28px 12px 30px 0 !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
  }
  body .ad-image-panel img {
    min-width:0 !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-height:none !important;
    min-height:0 !important;
    object-fit:contain !important;
    object-position:center !important;
  }
  body .ad-prev,body .ad-next {
    width:38px !important;
    height:38px !important;
    font-size:26px !important;
    border:0 !important;
    background:rgba(255,255,255,.88) !important;
  }
  body .product-area .toolbar {
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    padding:12px !important;
  }
  body .product-area .toolbar b {
    font-size:15px !important;
  }
  body .product-area .toolbar select {
    width:136px !important;
    height:38px !important;
    font-size:13px !important;
  }
  body .product-area #grid.products {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    padding:10px !important;
  }
  body .product-area #grid .product,body .product-area #grid .product-card {
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:8px !important;
    box-sizing:border-box !important;
  }
  body .product-area #grid .pic,body .product-area #grid .product img,body .product-area #grid .product-card img {
    height:185px !important;
    max-height:185px !important;
    width:100% !important;
    object-fit:cover !important;
  }
  body .product-area #grid h3 {
    min-height:37px !important;
    margin:7px 0 4px !important;
    font-size:14px !important;
    line-height:1.2 !important;
  }
  body .product-area #grid .price,body .product-area #grid .deal {
    font-size:13px !important;
  }
  body .product-area #grid .sizes,body .product-area #grid .sizebox {
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:4px !important;
  }
  body .product-area #grid .sizes button,body .product-area #grid .sizebox button {
    width:100% !important;
    min-width:0 !important;
    height:30px !important;
    padding:0 !important;
    font-size:12px !important;
  }
  body .product-area #grid button {
    min-height:34px !important;
    padding:6px !important;
    font-size:12px !important;
  }
  header .top .search {
    grid-template-columns:minmax(0,1fr) 42px 42px 42px !important;
    min-width:0 !important;
    height:46px !important;
  }
  header .top .search select {
    display:none !important;
  }
  header .top .search input#q {
    display:block !important;
    width:100% !important;
    min-width:0 !important;
  }
  header .top .search .search-photo {
    font-size:0 !important;
  }
  header .top .search .search-photo::after {
    content:"📷" !important;
    font-size:18px !important;
  }
  header .mobile-account-icon::before {
    content:"●" !important;
    position:absolute !important;
    left:6px !important;
    top:-3px !important;
    color:#fff !important;
    font-size:13px !important;
    line-height:13px !important;
  }
  header #accountTopLink > :not(.mobile-account-icon) {
    display:none !important;
  }
  header button[onclick="cartView()"] > b {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:0 !important;
  }
  header button[onclick="cartView()"] > b::before, header button[onclick="cartView()"] > b::after {
    content:none !important;
    display:none !important;
  }
  header button[onclick="cartView()"] .desktop-cart-copy {
    display:none !important;
  }
  header button[onclick="cartView()"] .mobile-cart-icon {
    display:block !important;
  }
  .mobile-delivery-strip small {
    grid-column:1 / -1 !important;
    display:block !important;
    min-height:18px !important;
    white-space:normal !important;
  }
  .ad-track {
    height:390px !important;
    min-height:390px !important;
    aspect-ratio:auto !important;
  }
  .ad-slide {
    grid-template-rows:48% 52% !important;
    overflow:hidden !important;
  }
  .ad-copy-panel {
    min-height:0 !important;
    overflow:hidden !important;
  }
  .ad-image-panel {
    min-height:0 !important;
    max-height:100% !important;
  }
  .ad-image-panel img {
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
  }
  body header .top .search .mobile-search-lens, body header .top .search select {
    display:none !important;
  }
  body header .top .search .search-action, body header .top .search .search-submit {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:44px !important;
    min-width:44px !important;
    height:46px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-left:1px solid #eee !important;
    font-size:19px !important;
    box-sizing:border-box !important;
  }
  body .mobile-delivery-strip > span {
    font-size:16px !important;
    white-space:nowrap !important;
  }
  body .mobile-delivery-strip > input {
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    height:45px !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }
  body .mobile-delivery-strip > button {
    width:82px !important;
    height:45px !important;
    padding:0 !important;
    font-size:16px !important;
  }
  body .mobile-delivery-strip > small {
    font-size:13px !important;
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    white-space:normal !important;
  }
  body .products, body .product-grid {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:14px !important;
    padding:12px !important;
  }
  body .products .product, body .products .product-card, body .product-grid .product, body .product-grid .product-card {
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }
  body .products .pic, body .product-grid .pic, body .products .product img, body .products .product-card img, body .product-grid .product img, body .product-grid .product-card img {
    height:300px !important;
    max-height:300px !important;
    object-fit:cover !important;
  }
  body .products .sizes, body .product-grid .sizes, body .products .sizebox, body .product-grid .sizebox {
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:6px !important;
  }
  body .products .sizes button, body .product-grid .sizes button, body .products .sizebox button, body .product-grid .sizebox button {
    flex:1 1 0 !important;
    width:auto !important;
    min-width:0 !important;
  }
  body .ad-track {
    height:410px !important;
    min-height:410px !important;
  }
  body header .top > button[onclick="cartView()"] {
    grid-column:4 !important;
    grid-row:1 !important;
    min-width:0 !important;
  }
  body header #admin, body header .offer-toplink {
    display:none !important;
  }
  body header .top .search select, body header .top .search .mobile-search-lens {
    display:none !important;
  }
  body header .top .search .search-photo::after {
    content:"📷" !important;
    font-size:18px !important;
  }
  body header .mobile-account-icon {
    filter:brightness(0) invert(1) !important;
    color:#fff !important;
  }
  body header #accountTopLink > :not(.mobile-account-icon) {
    display:none !important;
  }
  body header button[onclick="cartView()"] .desktop-cart-copy {
    display:none !important;
  }
  body .ad-carousel, body .ad-track {
    margin:0 !important;
    height:320px !important;
    min-height:320px !important;
  }
  body .ad-copy-panel .ad-kicker {
    font-size:12px !important;
    letter-spacing:1.5px !important;
  }
  body .ad-copy-panel .ad-offer-text {
    font-size:13px !important;
    line-height:1.25 !important;
  }
  body .ad-arrow {
    width:38px !important;
    height:38px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:50% !important;
    background:rgba(255,255,255,.92) !important;
    font-size:28px !important;
  }
  body .product-area #grid .product, body .product-area #grid .product-card {
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:8px !important;
    box-sizing:border-box !important;
  }
  body .product-area #grid .pic, body .product-area #grid .product img, body .product-area #grid .product-card img {
    width:100% !important;
    object-fit:cover !important;
    height:168px !important;
    max-height:168px !important;
  }
  body .product-area #grid .price, body .product-area #grid .deal {
    font-size:12px !important;
  }
  body header #accountTopLink > :not(.mobile-account-icon), body header #accountTopLink small, body header #accountTopLink b, body header #accountTopLink span {
    display:none !important;
  }
  body header .top > button[onclick="orders()"] > small, body header .top > button[onclick="orders()"] > b, body header .top > button[onclick="orders()"] > span {
    display:none !important;
  }
  body header .top > button[onclick="orders()"]::after {
    content:none !important;
    display:none !important;
  }
  body header .top .search .search-action, body header .top .search .search-submit, body header .top .search .search-photo, body header .top .search button {
    border-left:0 !important;
    border-right:0 !important;
    box-shadow:none !important;
    outline:0 !important;
  }
  body header #accountTopLink .mobile-account-icon::before {
    width:7px !important;
    height:7px !important;
    left:5px !important;
    top:0 !important;
  }
  body header #accountTopLink .mobile-account-icon::after {
    width:14px !important;
    height:8px !important;
    left:1px !important;
    bottom:0 !important;
  }
  body header #accountTopLink::after {
    content:"Account\A Sign in" !important;
    white-space:pre !important;
    display:block !important;
    position:static !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    background:none !important;
    border-radius:0 !important;
    color:#fff !important;
    font-size:9px !important;
    line-height:1.05 !important;
    font-weight:700 !important;
    text-align:left !important;
  }
  body .footer {
    padding:22px 14px 18px !important;
    margin:0 !important;
    text-align:center !important;
    box-sizing:border-box !important;
  }
  body .footer h2 {
    font-size:21px !important;
    margin:0 0 7px !important;
    line-height:1.2 !important;
  }
  body .footer p {
    font-size:12px !important;
    line-height:1.45 !important;
    margin:6px auto !important;
    max-width:330px !important;
    overflow-wrap:anywhere !important;
  }
  body .footer small {
    display:block !important;
    font-size:10px !important;
    line-height:1.35 !important;
    margin-top:9px !important;
  }
}

@media (max-width:380px) {
  body header .top {
    padding-left:8px !important;
    padding-right:8px !important;
    grid-template-columns:minmax(0,1fr) 70px 54px 40px !important;
    column-gap:2px !important;
  }
  body header #accountTopLink {
    width:70px !important;
    min-width:70px !important;
    grid-template-columns:16px minmax(0,1fr) !important;
    column-gap:2px !important;
  }
  body header .top > button[onclick="orders()"] {
    width:54px !important;
    min-width:54px !important;
  }
  body header .top > button[onclick="orders()"]::before {
    font-size:11px !important;
  }
  body .mobile-delivery-strip {
    grid-template-columns:88px minmax(0,1fr) 70px !important;
    gap:5px !important;
    padding-left:8px !important;
    padding-right:8px !important;
  }
  body .ad-carousel, body .ad-track, body .ad-slide {
    height:295px !important;
    min-height:295px !important;
  }
  body .product-area #grid .pic, body .product-area #grid .product img, body .product-area #grid .product-card img {
    height:158px !important;
    max-height:158px !important;
  }
  body header #accountTopLink .mobile-account-icon {
    width:14px !important;
    height:16px !important;
  }
  body header #accountTopLink .mobile-account-icon::before {
    width:6px !important;
    height:6px !important;
    left:4px !important;
  }
  body header #accountTopLink .mobile-account-icon::after {
    width:13px !important;
    height:7px !important;
    left:0 !important;
  }
  body header #accountTopLink::after {
    font-size:8.5px !important;
  }
  body .footer {
    padding:19px 10px 16px !important;
  }
  body .footer p {
    font-size:11px !important;
  }
}