/* Mobile-only presentation. Desktop starts at 900px and stays untouched. */
@media (max-width:899.99px) {
  #live-shop .mobile-original.topbar {
    position:relative;top:auto;height:auto;min-height:0;
    display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;
    padding:12px 16px;background:#101113;
  }
  #live-shop .mobile-original.topbar .brand {grid-column:1;grid-row:1;min-width:0;gap:9px}
  #live-shop .mobile-original.topbar .brand img {width:42px;height:42px;flex-shrink:0}
  #live-shop .mobile-original.topbar .brand b {font-size:19px;line-height:1.2}
  #live-shop .mobile-original.topbar .brand small {font-size:11px;margin-top:3px}
  #live-shop .mobile-original.topbar .shop-language {grid-column:2;grid-row:1;margin:0;min-height:44px;padding:8px}
  #live-shop .shop-language select {font-size:16px;width:48px;max-width:48px}
  #live-shop .mobile-original.topbar .top-actions {display:grid;grid-column:1/-1;grid-row:2;grid-template-columns:1fr 1fr;gap:8px;width:100%}
  #live-shop .mobile-original.topbar .shop-home-link,
  #live-shop .mobile-original.topbar #openAccount,
  #live-shop .mobile-original.topbar #openGiftVoucher {display:none}
  #live-shop .mobile-original.topbar #openStatus,
  #live-shop .mobile-original.topbar #openCart {position:static;grid-column:auto;grid-row:auto;display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;width:100%;min-height:44px;padding:9px 8px;border-radius:12px;font-size:13px;line-height:1.25}
  #live-shop .mobile-original.topbar #openCart span {display:inline}
  #live-shop .mobile-original.topbar #cartCount {min-width:23px;height:23px;font-size:12px}
  #live-shop .mobile-site-nav {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 12px 6px;gap:4px;background:#101113;border-bottom:1px solid #303238}
  #live-shop .mobile-site-nav a {display:flex;align-items:center;justify-content:center;min-height:44px;text-decoration:none;color:#c9cacf;font-weight:700;font-size:13px;border-radius:9px}
  #live-shop .mobile-site-nav a[aria-current] {background:#2b2515;color:#ffda69}
  #live-shop main {display:flex;flex-direction:column;min-width:0;padding:0 16px 100px}
  #live-shop .hero {order:1;display:block;min-height:0;padding:22px 0 16px}
  #live-shop .hero h1 {font-size:38px;line-height:1;letter-spacing:-.045em}
  #live-shop .hero>div>p:not(.eyebrow),#live-shop .hero .shop-original-logo {display:none}
  #live-shop .hero .eyebrow {font-size:11px;line-height:1.4}
  #live-shop .hero-badges {margin-top:14px;gap:7px}
  #live-shop .hero-badges span {font-size:12px;line-height:1.4;white-space:normal;padding:7px 10px}
  #live-shop .hero-badges span+span {display:none}
  #live-shop .weekend-deals {order:2}
  #live-shop .shop-controls {position:relative;top:auto;order:3!important;padding:0;background:none}
  #live-shop .search-favorites-row {display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
  #live-shop .search-favorites-row .search {min-width:0;width:100%;height:48px;margin:0;border-color:#75602d;border-radius:13px;padding:0 13px}
  #live-shop .search input {min-width:0;font-size:16px}
  #live-shop #showFavorites {justify-self:start;min-height:44px;font-size:13px;padding:9px 12px;border-radius:11px}
  #live-shop #categories:not(.category-focused),#live-shop #subcategories {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  #live-shop #categories.category-focused {display:block}
  #live-shop .category-picture {aspect-ratio:1.15}
  #live-shop .category-copy {padding:10px;min-height:66px}
  #live-shop .category-copy b {font-size:14px;line-height:1.3;overflow-wrap:anywhere}
  #live-shop .category-copy small {font-size:12px}
  #live-shop .current-category {grid-template-columns:58px minmax(0,1fr);gap:10px}
  #live-shop .current-category>img {width:58px;height:52px}
  #live-shop .current-category span b {font-size:16px;overflow-wrap:anywhere}
  #live-shop .current-category button {grid-column:1/-1;width:100%;min-height:44px}
  #live-shop .shop-heading {order:4!important;display:flex;flex-direction:column;align-items:stretch;gap:12px;margin:24px 0 14px}
  #live-shop .shop-heading h2 {font-size:28px;line-height:1.15;overflow-wrap:anywhere}
  #live-shop .article-section-actions {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}
  #live-shop #resultCount {font-size:12px;color:#bdc0c6}
  #live-shop .section-toggle {min-height:44px;padding:9px 12px;font-size:13px}
  #live-shop .sort-control {grid-column:1/-1;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;min-width:0}
  #live-shop .sort-control select {min-width:0;max-width:75%;min-height:44px;font-size:16px}
  #live-shop .product-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  #live-shop #productGrid {order:5!important}
  #live-shop .product-card:hover {transform:none}
  #live-shop .product-body {padding:10px}
  #live-shop .product-title-row {gap:4px;flex-wrap:nowrap}
  #live-shop .product-title-row h3 {font-size:14px;line-height:1.35;min-height:38px;flex:1;min-width:0}
  #live-shop .product-title-row>.favorite-button {width:36px;height:44px;flex:0 0 36px}
  #live-shop .product-price {font-size:20px;overflow-wrap:anywhere}
  #live-shop .variant-select,#live-shop .deposit-choice select {font-size:16px;min-height:44px;max-width:100%}
  #live-shop .card-quantity {gap:3px}
  #live-shop .card-quantity button {width:36px;min-height:44px}
  #live-shop .card-quantity output {min-width:16px}
  #live-shop .recommendations {order:6!important;margin-top:28px}
  #live-shop .new-products {order:7!important}
  #live-shop .camping-service-content {order:9!important}
  #live-shop .loyalty-banner {order:10!important}
  #live-shop .wheel-promo {order:11!important;grid-template-columns:1fr!important;padding:16px!important;margin:24px 0 10px!important;gap:10px!important;border-color:#66572d;background:linear-gradient(115deg,#282312,#17191d)}
  #live-shop .wheel-promo-symbol {display:none}
  #live-shop .wheel-promo h2 {font-size:22px!important;line-height:1.2}
  #live-shop .wheel-promo p:not(.eyebrow) {font-size:13px!important;line-height:1.5!important}
  #live-shop .wheel-promo>.wheel-open {min-height:44px;font-size:14px;padding:11px!important}
  #live-shop .mobile-wheel-terms {min-height:44px;background:transparent;border:0;color:#d9c890;font-size:13px;text-decoration:underline}
  #live-shop .mobile-shop-nav {position:fixed;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));left:0;right:0;bottom:0;z-index:55;padding:6px 8px max(6px,env(safe-area-inset-bottom));border-top:1px solid #49402b;background:rgba(15,16,18,.98)}
  #live-shop .mobile-shop-nav a,#live-shop .mobile-shop-nav button {position:relative;display:grid;place-items:center;gap:3px;min-height:48px;padding:3px;border:0;background:transparent;color:#c2c4c9;text-decoration:none;font-size:22px}
  #live-shop .mobile-shop-nav b {font-size:11px}
  #live-shop .mobile-shop-nav .active {color:#ffda69}
  #live-shop .mobile-shop-nav i {position:absolute;top:0;right:20%;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:10px;background:var(--gold);color:#18130a;font-size:10px;font-style:normal;font-weight:900}
  #live-shop #floatingCart:not([hidden]) {display:flex;bottom:calc(72px + env(safe-area-inset-bottom));width:calc(100% - 24px);min-height:56px;z-index:54}
  #live-shop:has(#floatingCart:not([hidden])) main {padding-bottom:180px}
  #live-shop .shop-footer {padding:24px 16px 110px!important}
  #live-shop .shop-footer .live-footer-gift {display:block!important;background:transparent;border:0;color:#ffda69;font:inherit;text-decoration:underline;padding:10px 0;min-height:44px}
  #live-shop dialog {max-height:calc(100dvh - 20px);overflow-y:auto;overscroll-behavior:contain}
  #live-shop dialog:not(.drawer) {max-width:calc(100% - 20px);padding:22px 16px}
  #live-shop dialog:has(.status-close) {padding-top:58px}
  #live-shop dialog:not(.drawer) h2 {font-size:28px;overflow-wrap:anywhere}
  #live-shop dialog input:not([type=checkbox]):not([type=radio]),#live-shop dialog select,#live-shop dialog textarea {font-size:16px;min-width:0;max-width:100%}
  #live-shop .checkout-grid {grid-template-columns:minmax(0,1fr)}
  #live-shop dialog.checkout-dialog {padding:0}
  #live-shop .payment-grid {grid-template-columns:minmax(0,1fr)!important}
  #live-shop .drawer {width:100%;max-width:100%;margin:0;border-radius:0;max-height:100dvh;overflow:hidden}
  #live-shop .quantity button {width:36px;height:44px}
  #live-shop .quantity {gap:6px}
  #live-shop .cart-row {grid-template-columns:44px minmax(0,1fr);gap:8px}
  #live-shop .cart-row img {width:44px;height:44px}
  #live-shop .cart-row>.quantity {grid-column:2;justify-self:end}
  #live-shop .toast {top:auto;bottom:calc(140px + env(safe-area-inset-bottom));max-width:calc(100% - 24px);width:max-content;overflow-wrap:anywhere}
}
@media (min-width:581px) and (max-width:899.99px) {
  #live-shop #categories:not(.category-focused),#live-shop #subcategories,#live-shop .product-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
  #live-shop .mobile-original.topbar .top-actions {grid-column:1/-1}
}
