/* Mobile experience only. Desktop baseline is intentionally untouched. */
.mobile-menu-toggle,.mobile-cart-toggle,.mobile-bottom-nav,.mobile-hero-title,.mobile-hero-subtitle,.mobile-hero-car{display:none}

@media(max-width:720px){
  :root{--mobile-red:#f21c24}
  html{scroll-padding-top:82px}
  body{padding-bottom:74px;background:#070809;background-image:radial-gradient(circle at 50% 6%,rgba(242,28,36,.16),transparent 28%)}
  .topbar{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:44px 1fr 44px;width:100%;min-height:72px;padding:8px 14px;border-bottom:1px solid #292b2f;background:rgba(7,8,9,.96);backdrop-filter:blur(16px)}
  .mobile-menu-toggle,.mobile-cart-toggle{display:grid;width:42px;height:42px;align-self:center;border:0;background:transparent;color:#fff;place-items:center;position:relative}
  .mobile-menu-toggle{gap:5px;padding:10px}
  .mobile-menu-toggle span{display:block;width:24px;height:2px;background:#fff;border-radius:2px}
  .mobile-cart-toggle svg{width:27px;height:27px;fill:currentColor}
  .mobile-cart-toggle b{position:absolute;right:0;top:0;display:grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border-radius:50%;background:var(--mobile-red);font-size:.62rem}
  .mobile-cart-toggle.has-items{color:var(--mobile-red)}
  .header-brand{justify-self:center;width:min(210px,62vw);gap:0}
  .header-logo-window{width:100%;height:52px}
  .header-logo-window img{object-position:center}
  .header-brand .certification,.customer-nav{display:none!important}

  main{display:flex;flex-direction:column;width:100%;padding:0 12px 44px;overflow:hidden}
  .catalog-head{order:1;display:flex;flex-direction:column;justify-content:flex-end;min-height:390px;margin:0 -12px 12px;padding:150px 18px 18px;border:0;border-bottom:2px solid var(--mobile-red);background:#08090a}
  .catalog-head:after{background:linear-gradient(180deg,rgba(7,8,9,.18) 0%,rgba(7,8,9,.2) 35%,rgba(7,8,9,.95) 78%,#070809 100%)}
  .catalog-head-banner{display:none}
  .mobile-hero-car{display:block;position:absolute;z-index:0;left:0;right:0;top:0;width:100%;height:clamp(300px,80vw,410px);object-fit:cover;object-position:center 64%;opacity:1;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 72%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 72%,transparent 100%)}
  .catalog-head>div:first-of-type{width:100%}
  .catalog-head .eyebrow{display:none}
  .desktop-hero-title{display:none}
  .mobile-hero-title{display:block;margin:0;font-size:clamp(2rem,10vw,3rem);line-height:.88;letter-spacing:-.055em;text-shadow:0 5px 20px #000}
  .mobile-hero-title em{color:var(--mobile-red);-webkit-text-stroke:0}
  .mobile-hero-subtitle{display:block;margin:10px 0 15px;color:#a9abad;font-size:.69rem;text-transform:uppercase;letter-spacing:.07em}
  .hero-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:5px}
  .hero-benefits .warranty-seal,.hero-stat{min-height:52px;padding:7px 8px;border:1px solid #292c30;border-left:3px solid var(--mobile-red);background:rgba(12,13,14,.86)}
  .hero-benefits .warranty-seal strong,.hero-stat strong{font-size:1.35rem}
  .delivery-stat strong,.cod-stat strong{font-size:1.02rem}
  .hero-benefits .warranty-seal span,.hero-stat span{font-size:.49rem;line-height:1.15}

  .search-panel{order:2;margin:0;padding:10px;border:0;background:#111315;box-shadow:none}
  .search-panel:before{display:none}
  .searchbox{height:54px;padding:0 14px;border:1px solid #3d4045;border-radius:8px;background:linear-gradient(145deg,#26282c,#161719)}
  .searchbox span{font-size:1.65rem}
  .searchbox input{font-size:.86rem}
  .filter-label{margin-top:12px;font-size:.58rem}
  .chips{gap:7px;margin-top:8px}
  .chip{min-width:116px;padding:10px 12px;border-radius:22px;font-size:.65rem}

  .brand-showcase{order:3;margin:12px 0 4px;padding:12px 0 0;border-top:1px solid #292c30}
  .brand-heading{margin-bottom:10px}
  .brand-heading .eyebrow{display:none}
  .brand-heading h2{font-size:.9rem;letter-spacing:.03em}
  .brand-wall{gap:8px;padding-bottom:9px}
  .brand-card{flex-basis:108px;padding:5px;border-color:#292c30;border-radius:7px}
  .brand-card img{height:48px;padding:6px;border-radius:4px}
  .brand-card span{padding:6px 2px 1px;font-size:.52rem}

  .result-head{order:4;margin:14px 0 10px;padding:0 2px;flex-direction:row;align-items:center}
  .result-head p{margin:0;font-size:.62rem}
  .result-head select{width:auto;max-width:52%;padding:8px 22px 8px 8px;font-size:.64rem}
  .product-grid{order:5;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .product{overflow:hidden;border:1px solid #272a2e;border-radius:7px;background:linear-gradient(155deg,#17191b,#0d0e0f)}
  .product:hover{transform:none}
  .product-image{height:clamp(145px,44vw,230px);aspect-ratio:auto;flex:none;border-bottom:1px solid #25282c;background:linear-gradient(145deg,#f3f3f1,#d9dbdd)}
  .product-image img{display:block;width:100%;height:100%;padding:7px;object-fit:contain}
  .product-brand-badge{width:52px;height:26px;top:6px!important;right:6px!important}
  .product-body{padding:10px}
  .sku{padding:4px 6px;border-radius:4px;font-size:.55rem}
  .part-brand{font-size:.48rem}
  .product h2{min-height:4.3em;margin:9px 0 12px;font-size:.68rem;line-height:1.24}
  .product-foot{padding-top:9px}
  .price small{font-size:.5rem}
  .price strong{font-size:1.08rem}
  .purchase-controls{grid-template-columns:70px minmax(0,1fr);gap:5px;margin-top:9px}
  .product-qty{grid-template-columns:22px 26px 22px;height:34px}
  .product-qty button{font-size:.85rem;padding:0}
  .product-qty input{font-size:.68rem;padding:0}
  .add-cart{margin-top:0;padding:7px 2px;border-radius:4px;background:var(--mobile-red);font-size:.48rem;line-height:1.08}
  .purchase-controls-detail{grid-template-columns:92px minmax(0,1fr);gap:8px;margin-top:20px}
  .purchase-controls-detail .product-qty{grid-template-columns:28px 36px 28px;height:42px}
  .locked-price{font-size:.57rem!important}
  .price-login{margin-top:9px;padding:9px 4px;border-radius:4px;font-size:.48rem;line-height:1.1}
  .more{order:6;margin-top:22px}

  .site-footer{order:7;margin:24px -12px -44px}
  .footer-main{padding:24px 18px}
  .footer-logo{width:210px}
  .footer-benefits{padding:18px;gap:14px}

  .mobile-bottom-nav{position:fixed;z-index:50;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);height:68px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #303238;background:rgba(8,9,10,.97);backdrop-filter:blur(15px)}
  .mobile-bottom-nav a,.mobile-bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;background:transparent;color:#8e9195;text-decoration:none;font-size:.52rem;font-weight:850;letter-spacing:.035em}
  .mobile-bottom-nav svg{width:22px;height:22px;fill:currentColor}
  .mobile-bottom-nav .active{color:var(--mobile-red)}
  .mobile-bottom-nav [data-account-label]{max-width:16ch;max-height:2.4em;overflow:hidden;white-space:normal;line-height:1.2;text-align:center;overflow-wrap:anywhere}
  dialog{max-height:88dvh}

  /* Order sheet and saved orders on phones. */
  .checkout-dialog,.customer-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}
  .checkout-dialog .dialog-close,.customer-dialog .dialog-close{position:sticky;top:8px;right:auto;float:right;margin:8px 8px -50px 0;width:44px;height:44px;background:#222529}
  .checkout-form,.order-success,.customer-panel{padding:58px 16px 24px}
  .checkout-form h2,.order-success h2,.customer-panel h2{font-size:1.4rem;line-height:1.12;margin-bottom:20px;padding-right:42px}
  .checkout-form .form-grid{gap:13px}
  .checkout-form .form-grid input,.checkout-form .form-grid textarea{min-height:46px;font-size:16px;border-radius:3px}
  .checkout-form .form-grid textarea{min-height:82px}
  .order-breakdown{max-height:none;overflow:visible;margin:16px 0}
  .order-lines-head{display:none}
  .order-line{grid-template-columns:42px minmax(0,1fr) auto;gap:10px;padding:13px;font-size:.77rem}
  .order-line>span:first-child{grid-column:1/-1}
  .order-line>span:nth-child(2)::before{content:'Cant.';display:block;color:#a5a7aa;font-size:.6rem;margin-bottom:3px}
  .order-line>span:nth-child(3)::before{content:'Precio c/u';display:block;color:#a5a7aa;font-size:.6rem;margin-bottom:3px}
  .order-line>strong::before{content:'Importe';display:block;color:#a5a7aa;font-size:.6rem;font-weight:400;margin-bottom:3px}
  .order-line small{font-size:.72rem}
  .checkout-total{gap:12px}.checkout-total strong{font-size:1.15rem;text-align:right;white-space:nowrap}
  .receipt-info{padding:13px;font-size:.76rem}
  .receipt-actions{grid-template-columns:1fr;gap:10px}
  .receipt-actions button,.receipt-actions a{min-height:50px;font-size:.76rem;line-height:1.2;text-align:center}
  .order-detail-button{min-height:44px;font-size:.74rem}
  .order-list{max-height:none;overflow:visible}
  .order-row{grid-template-columns:1fr auto;gap:9px 12px;padding:14px}
  .order-row strong{font-size:1rem}
  .order-success>small{line-height:1.45}
}