/* v47.1 — Mobile Product Card only. Desktop, Mobile Home and Mobile Catalog stay untouched. */
@media (max-width:760px){
  #productModal{
    z-index:320 !important;
    overflow:hidden !important;
  }
  #productModal .backdrop{
    position:fixed !important;
    inset:0 !important;
  }
  #productModal .product-panel{
    position:fixed !important;
    left:8px !important;
    right:8px !important;
    top:max(8px, env(safe-area-inset-top)) !important;
    bottom:max(8px, env(safe-area-inset-bottom)) !important;
    width:auto !important;
    max-width:none !important;
    height:auto !important;
    max-height:none !important;
    margin:0 !important;
    padding:12px !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    -webkit-overflow-scrolling:touch !important;
    transform:none !important;
    border-radius:12px !important;
  }
  #productModal .close{
    position:sticky !important;
    top:0 !important;
    z-index:40 !important;
    float:right !important;
    width:40px !important;
    height:40px !important;
    margin:-4px -3px 4px 8px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:50% !important;
    background:#fbf7ef !important;
    box-shadow:0 1px 0 rgba(203,182,124,.55) !important;
    font-size:31px !important;
    line-height:1 !important;
  }
  #productModal #productBody{
    clear:both !important;
    min-width:0 !important;
    max-width:100% !important;
  }
  #productModal .product-detail{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:13px !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    align-items:start !important;
  }
  #productModal .product-detail-img{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    aspect-ratio:4/3 !important;
    min-height:0 !important;
    max-height:none !important;
    object-fit:cover !important;
    object-position:center !important;
    margin:0 !important;
    border-radius:10px !important;
    background:#eee7d9 !important;
  }
  #productModal .product-detail-copy{
    display:flex !important;
    flex-direction:column !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow:visible !important;
  }
  #productModal .product-detail-copy small{
    display:block !important;
    margin:0 0 3px !important;
    font-size:9px !important;
    line-height:1.2 !important;
    letter-spacing:1.4px !important;
  }
  #productModal .product-detail-copy h2{
    margin:0 0 7px !important;
    max-width:100% !important;
    font-size:clamp(24px,7vw,30px) !important;
    line-height:1.04 !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
  }
  #productModal .product-stock{
    align-self:flex-start !important;
    max-width:100% !important;
    margin:0 0 7px !important;
    padding:5px 9px !important;
    font-size:11px !important;
    line-height:1.1 !important;
    white-space:normal !important;
  }
  #productModal .product-detail-copy>p:not(.weight-note){
    margin:0 0 10px !important;
    max-width:100% !important;
    font-size:13px !important;
    line-height:1.4 !important;
    overflow-wrap:anywhere !important;
  }
  #productModal .variant-list{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:7px !important;
    width:100% !important;
    margin:2px 0 10px !important;
  }
  #productModal .variant{
    display:grid !important;
    grid-template-columns:22px minmax(0,1fr) !important;
    gap:2px 7px !important;
    align-items:center !important;
    width:100% !important;
    min-width:0 !important;
    padding:9px 10px !important;
    border-radius:8px !important;
  }
  #productModal .variant input{
    grid-row:1/3 !important;
    width:18px !important;
    height:18px !important;
    margin:0 !important;
    accent-color:#164b36 !important;
  }
  #productModal .variant span{
    min-width:0 !important;
    font-size:13px !important;
    line-height:1.2 !important;
    overflow-wrap:anywhere !important;
  }
  #productModal .variant b{
    grid-column:2 !important;
    min-width:0 !important;
    font-size:13px !important;
    line-height:1.2 !important;
    overflow-wrap:anywhere !important;
  }
  #productModal .no-size-product{
    width:100% !important;
    min-width:0 !important;
    padding:10px !important;
    border:1px solid #d7c9a7 !important;
    border-radius:8px !important;
    background:#fff !important;
  }
  #productModal .no-size-product b,
  #productModal .no-size-product span{
    display:block !important;
    overflow-wrap:anywhere !important;
  }
  #productModal .no-size-product b{font-size:14px !important;color:#173f2e !important;}
  #productModal .no-size-product span{margin-top:3px !important;font-size:11px !important;color:#6b6f68 !important;}
  #productModal .weight-note{
    width:100% !important;
    max-width:100% !important;
    margin:0 0 10px !important;
    padding:10px !important;
    font-size:11.5px !important;
    line-height:1.4 !important;
    overflow-wrap:anywhere !important;
  }
  #productModal .receipt-add,
  #productModal .receipt-open{
    width:100% !important;
    min-width:0 !important;
    min-height:44px !important;
    margin:0 !important;
    padding:10px 12px !important;
    font-size:13px !important;
    line-height:1.2 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }
  #productModal .receipt-open{margin-top:7px !important;}
  #productModal .receipt-add:disabled{
    opacity:.58 !important;
    cursor:not-allowed !important;
  }
  #productModal, #productModal *{box-sizing:border-box !important;}
}

@media (max-width:370px){
  #productModal .product-panel{left:5px !important;right:5px !important;padding:9px !important;}
  #productModal .product-detail-copy h2{font-size:23px !important;}
  #productModal .product-detail-img{aspect-ratio:1.25/1 !important;}
  #productModal .variant span,#productModal .variant b{font-size:12px !important;}
}

@media(max-width:760px){#productModal .product-detail-gallery{width:100%;max-width:100%;overflow:hidden}#productModal .product-thumbs{display:flex;gap:7px;overflow-x:auto;scrollbar-width:thin;padding:2px 1px 6px}#productModal .product-thumb{flex:0 0 56px;width:56px;height:56px;aspect-ratio:1}#productModal .product-thumb img{width:100%!important;height:100%!important;object-fit:cover!important}}

/* v47.2.1 — Mobile product gallery: all uploaded photos in one horizontal row */
@media (max-width:760px){
  #productModal .product-detail-gallery{
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:visible !important;
  }
  #productModal .product-thumbs{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:6px !important;
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:3px 1px 7px !important;
    margin:0 !important;
    -webkit-overflow-scrolling:touch !important;
    scroll-snap-type:x proximity !important;
    scrollbar-width:thin !important;
  }
  #productModal .product-thumb{
    flex:0 0 52px !important;
    width:52px !important;
    min-width:52px !important;
    max-width:52px !important;
    height:52px !important;
    min-height:52px !important;
    margin:0 !important;
    scroll-snap-align:start !important;
  }
  #productModal .product-thumb img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }
}
@media (max-width:370px){
  #productModal .product-thumb{
    flex-basis:48px !important;
    width:48px !important;
    min-width:48px !important;
    max-width:48px !important;
    height:48px !important;
    min-height:48px !important;
  }
}