/* Final storefront layout: intentionally loaded after earlier theme overrides. */
body.tt-mobile-layout .retail-search{position:relative;overflow:visible!important}
body.tt-mobile-layout .retail-search input{min-width:0;box-sizing:border-box}
body.tt-mobile-layout .product-search-box{display:flex;align-items:center;gap:8px;width:100%;min-width:0}
body.tt-mobile-layout .product-search-box input{flex:1 1 0;min-width:0;width:100%;font:inherit;padding:12px;border:0;background:transparent}
body.tt-mobile-layout .product-search-box button{flex:none;min-width:40px;min-height:44px}
body.tt-mobile-layout .st-rec-body{min-width:0}
body.tt-mobile-layout .st-rec-foot{flex-wrap:wrap}
body.tt-mobile-layout .st-rec-btns{max-width:100%;flex-wrap:wrap}
body.tt-mobile-layout .st-rec-body h3{white-space:normal;-webkit-line-clamp:2}
body.tt-mobile-layout .st-rec-price{white-space:nowrap}
@media(max-width:767px){
 body.tt-mobile-layout{min-width:0;padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}
 body.tt-mobile-layout .wrap{width:calc(100% - 24px)!important;max-width:100%;margin-inline:auto}
 body.tt-mobile-layout .retail-masthead-inner{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;width:calc(100% - 24px)!important;padding:0!important;min-width:0}
 body.tt-mobile-layout .st-brand-cluster{grid-column:1;grid-row:1;display:flex!important;justify-content:flex-start!important;gap:8px!important;min-width:0;width:auto!important}
 body.tt-mobile-layout .retail-brand{flex:none;width:76px!important;min-width:76px!important}
 body.tt-mobile-layout .retail-brand img{width:76px!important;height:54px!important;max-width:100%!important;object-fit:contain}
 body.tt-mobile-layout .st-header-actions{grid-column:2;grid-row:1;display:flex!important;gap:6px!important;min-width:0;margin:0!important}
 body.tt-mobile-layout .st-header-actions>.st-icon-btn{display:none!important}
 body.tt-mobile-layout .st-header-actions .cart-open{max-width:135px!important;padding:8px!important;min-height:44px}
 body.tt-mobile-layout .retail-search{grid-column:1/-1!important;grid-row:2!important;display:flex!important;flex-direction:row!important;align-items:stretch!important;width:100%!important;max-width:none!important;min-width:0!important;height:48px!important;margin:0!important;padding:0!important;border-radius:12px!important;border:1px solid #cbd5e1!important}
 body.tt-mobile-layout .retail-search input{display:block!important;visibility:visible!important;position:static!important;flex:1 1 0!important;width:0!important;min-width:0!important;max-width:none!important;height:46px!important;padding:0 12px!important;font-size:16px!important;border:0!important;border-radius:12px 0 0 12px!important}
 body.tt-mobile-layout .retail-search select{display:none!important}
 body.tt-mobile-layout .retail-search button{display:grid!important;place-items:center;flex:0 0 48px!important;width:48px!important;min-width:48px!important;height:46px!important;margin:0!important;border:0!important;border-radius:0 11px 11px 0!important}
 body.tt-mobile-layout .retail-suggestions{left:0!important;right:0!important;top:100%!important;width:100%!important;max-height:60vh;overflow:auto;z-index:100}
 body.tt-mobile-layout .st-topbar-socials{display:none!important}
 body.tt-mobile-layout .st-topbar-links{display:flex!important;gap:12px!important;flex-wrap:wrap!important;justify-content:center!important}
 body.tt-mobile-layout .st-topbar-links a{font-size:11px!important;line-height:1.4!important;padding:4px 0!important}
 body.tt-mobile-layout .st-topbar-links a:nth-child(2),body.tt-mobile-layout .st-topbar-links a:nth-child(3){display:none!important}
 body.tt-mobile-layout #home,body.tt-mobile-layout .st-hero-split{padding:12px!important;width:100%!important;max-width:100%!important;gap:12px!important;grid-template-columns:minmax(0,1fr)!important}
 body.tt-mobile-layout #home .hero-slider{width:100%!important;max-width:100%!important;margin:0!important}
 body.tt-mobile-layout #home .hero-slide{padding:20px 16px!important}
 body.tt-mobile-layout .st-best-recommended{width:100%!important;max-width:100%!important;min-width:0!important;padding:14px!important;margin:0!important}
 body.tt-mobile-layout .st-rec-header{flex-wrap:wrap;gap:8px}
 body.tt-mobile-layout .st-rec-header h2{font-size:20px!important}
 body.tt-mobile-layout .st-rec-item{grid-template-columns:64px minmax(0,1fr)!important;padding:10px!important;gap:10px!important}
 body.tt-mobile-layout .st-rec-thumb{width:64px!important;height:64px!important}
 body.tt-mobile-layout .st-rec-body h3{font-size:14px!important;line-height:1.4!important}
 body.tt-mobile-layout .st-rec-foot{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important}
 body.tt-mobile-layout .st-rec-stock{font-size:11px!important;white-space:normal!important}
 body.tt-mobile-layout .st-rec-cart{min-height:40px!important;height:auto!important;padding:8px 10px!important;font-size:12px!important;white-space:normal!important}
 body.tt-mobile-layout .st-rec-wish{width:40px!important;height:40px!important}
 body.tt-mobile-layout .st-showcase-box{padding:12px!important;margin-inline:0!important;max-width:100%}
 body.tt-mobile-layout .st-showcase-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 body.tt-mobile-layout .st-showcase-cards,body.tt-mobile-layout .product-grid,body.tt-mobile-layout .st-related-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;min-width:0!important}
 body.tt-mobile-layout .product-card{min-width:0!important;padding:10px!important;margin:0!important;display:flex!important;flex-direction:column!important;border-radius:12px!important}
 body.tt-mobile-layout .product-card .product-image{height:auto!important;min-height:0!important;aspect-ratio:1!important;width:100%!important;padding:6px!important;margin:0!important}
 body.tt-mobile-layout .product-card .product-image img{position:static!important;width:100%!important;height:100%!important;max-height:160px!important;object-fit:contain!important;transform:none!important}
 body.tt-mobile-layout .product-card .st-frame-brand,body.tt-mobile-layout .product-card .st-frame-domain,body.tt-mobile-layout .product-card .st-frame-badges-bar{display:none!important}
 body.tt-mobile-layout .product-card .product-info{padding:10px 0 0!important;min-width:0!important;display:flex!important;flex-direction:column!important;flex:1}
 body.tt-mobile-layout .product-card .product-info h3{font-size:14px!important;line-height:1.4!important;min-height:3.9em!important;height:auto!important;max-height:4.2em!important;margin:0 0 8px!important;white-space:normal!important;-webkit-line-clamp:3!important}
 body.tt-mobile-layout .product-card .stock-status{font-size:11px!important;padding:4px 6px!important;line-height:1.4!important;max-width:100%!important;margin:0 0 8px!important;white-space:normal!important}
 body.tt-mobile-layout .product-card .product-price,body.tt-mobile-layout .product-card .price strong{font-size:14px!important;line-height:1.4!important}
 body.tt-mobile-layout .product-card .product-actions{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-top:auto!important;padding-top:10px!important;min-width:0}
 body.tt-mobile-layout .product-card .add-cart{flex:1 1 100%!important;width:100%!important;max-width:100%!important;min-height:42px!important;height:auto!important;font-size:12px!important;padding:9px 6px!important;border-radius:8px!important;white-space:normal!important}
 body.tt-mobile-layout .product-card .st-card-cat{font-size:10px!important;margin-bottom:8px!important;white-space:normal!important;line-height:1.4!important}
 body.tt-mobile-layout .st-shop-main{min-width:0!important;padding:0!important}
 body.tt-mobile-layout dialog.shop-cart{width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important;padding:16px!important;max-height:85dvh!important}
}

/* Filter visibility takes precedence over product card layout. */
body.tt-mobile-layout .product-card[hidden],body.tt-mobile-layout .product-card.st-price-hidden,body.tt-mobile-layout .product-card.st-limit-hidden,body.tt-mobile-layout .catalogue-panel[hidden],body.tt-mobile-layout .product-search-wrap[hidden]{display:none!important}
body.tt-mobile-layout .st-shop-sidebar{scroll-margin-top:150px}
@media(max-width:760px){body.tt-mobile-layout .product-grid.st-list-view{grid-template-columns:minmax(0,1fr)!important}}

/* Keep the mobile header search on its own full-width row. */
@media(max-width:767px){
 body.tt-mobile-layout .retail-masthead-inner{grid-template-areas:"brand actions" "search search"!important}
 body.tt-mobile-layout .retail-masthead-inner>.st-brand-cluster{grid-area:brand!important}
 body.tt-mobile-layout .retail-masthead-inner>.st-header-actions{grid-area:actions!important}
 body.tt-mobile-layout .retail-masthead-inner>.retail-search{grid-area:search!important;justify-self:stretch!important;box-sizing:border-box!important;inline-size:100%!important;max-inline-size:none!important}
 body.tt-mobile-layout .retail-search input::placeholder{font-size:16px!important;opacity:1;color:#64748b}
}

/* Category navigation remains in the filter sidebar. */
body .st-shop-cat-pills{display:none!important}

/* shop-assist.js wraps the form: the wrapper is the real grid item. */
@media(max-width:767px){
 body.tt-mobile-layout .retail-masthead-inner > .st-search-box-wrap {
  grid-area:search!important;
  grid-column:1/-1!important;
  grid-row:2!important;
  justify-self:stretch!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
 }
 body.tt-mobile-layout .st-search-box-wrap > .retail-search{width:100%!important;box-sizing:border-box!important}
 body.tt-mobile-layout .retail-suggestion{grid-template-columns:40px minmax(0,1fr) auto!important;gap:8px!important;padding:10px 8px!important;min-height:48px}
 body.tt-mobile-layout .retail-suggestion img{width:40px!important;height:40px!important;object-fit:contain}
 body.tt-mobile-layout .st-sug-info{min-width:0;overflow-wrap:anywhere}
 body.tt-mobile-layout .st-sug-info strong{white-space:normal!important;font-size:14px!important}
 body.tt-mobile-layout .st-sug-right{font-size:12px!important;max-width:90px;overflow-wrap:anywhere}
}