@media(max-width:700px){
  html{scroll-padding-top:64px}
  body{overflow-x:hidden}
  .shell{width:calc(100% - 28px)}
  .topbar{height:62px;padding:0 15px;background:rgba(240,239,233,.94);backdrop-filter:blur(12px);position:sticky;top:0}
  .brand{font-size:10px;gap:9px;min-width:0}
  .brand>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .brand-mark{width:36px;height:36px;flex:0 0 36px}
  .live-pill{display:flex;padding:7px 9px;font-size:8px;white-space:nowrap}

  .hero.shell{min-height:calc(100svh - 62px)}
  .hero-copy{min-height:calc(100svh - 62px);width:100%;padding:90px 20px 145px;justify-content:flex-end}
  .hero h1{font-size:clamp(52px,16vw,76px);line-height:.84;letter-spacing:-.07em}
  .hero-copy .eyebrow{font-size:9px;line-height:1.5;max-width:250px}
  .hero-copy .hero-cta{width:100%;justify-content:space-between;padding:17px 16px}
  .hero-photo{object-position:58% center}
  .hero-photo-overlay{background:linear-gradient(0deg,rgba(255,255,255,.88) 0%,rgba(255,255,255,.45) 48%,rgba(255,255,255,.04) 80%)}
  .hero-art .shoe-word{font-size:52px;right:16px;bottom:18px}
  .hero-art .edition{right:15px;top:18px;font-size:9px}

  .quick,.order,.inventory{padding:70px 0}
  .section-head{display:block;margin-bottom:30px}
  .section-head h2{font-size:40px}
  .link-grid{grid-template-columns:1fr}
  .link-grid a{min-height:112px;padding:20px}

  .order .section-head{display:grid;gap:25px}
  .order .section-head>div>.eyebrow{font-size:36px!important}
  .order .section-head h2{font-size:23px}
  .direct-whatsapp{width:100%;min-height:62px}
  .steps{grid-template-columns:1fr}
  .steps article{padding:24px 20px 30px;border-right:0;border-bottom:1px solid var(--line)}
  .steps h3{margin:28px 0 10px;font-size:19px}

  .shopping-agents{margin-top:60px;padding-top:42px}
  .shopping-agents-head .eyebrow{font-size:36px!important}
  .shopping-agents-grid{grid-template-columns:1fr}
  .shopping-agent-card{display:grid;grid-template-columns:110px 1fr;gap:0 14px;padding:10px}
  .shopping-agent-image{grid-row:1/3;width:110px;height:110px}
  .shopping-agent-card h4{align-self:end;font-size:16px}
  .shopping-agent-card>div:last-child{align-self:start}

  .inventory-title{display:flex;align-items:flex-end}
  .inventory-title h2{font-size:38px}
  .toolbar{grid-template-columns:1fr}
  .search{height:54px}
  .toolbar select{height:50px}
  .filters{overflow-x:auto;padding:15px 0 22px;scrollbar-width:none}
  .filters::-webkit-scrollbar,.category-filter::-webkit-scrollbar{display:none}
  .filters button{flex:0 0 auto;min-height:42px}
  .category-filter{flex-wrap:nowrap;overflow-x:auto;margin-bottom:22px}
  .category-filter button{min-height:42px}
  .product-grid{grid-template-columns:1fr;gap:18px}
  .product-art{aspect-ratio:4/5;min-height:0}
  .product-info{padding:18px}
  .product-info h3{font-size:21px}

  .assurances{margin-bottom:50px}
  .assurances article{padding:24px 22px 30px}
  .notice{margin-bottom:65px}
  .notice b{min-width:50px}
  .notice p{padding:10px 14px;font-size:12px}

  .modal-card{display:block;width:100%;height:100%;padding-bottom:30px}
  .modal-gallery{min-height:0;display:block}
  .modal-visual{height:52vh;min-height:320px}
  .modal-visual img{padding:10px}
  .modal-thumbs{padding:8px}
  .modal-content{padding:42px 20px 35px}
  .modal-content h2{font-size:38px;padding-right:40px}
  .modal-close{position:fixed;right:14px;top:74px;background:#fff}
  .modal-price{font-size:25px}
  .sizes button{min-width:52px;min-height:46px}
  .product-actions{grid-template-columns:1fr}
  .action-panel{min-height:82px}
  .agents-grid{grid-template-columns:1fr 1fr}
  .taobao-copy-row>div{grid-template-columns:1fr 1fr}
  .taobao-copy-row input{grid-column:1/-1;width:100%}
  .order-button{min-height:54px;align-items:center}

  .footer-inner{min-height:300px}
}

@media(max-width:390px){
  .hero h1{font-size:50px}
  .hero-copy{padding-left:16px;padding-right:16px}
  .order .section-head>div>.eyebrow,.shopping-agents-head .eyebrow{font-size:31px!important}
  .shopping-agent-card{grid-template-columns:90px 1fr}
  .shopping-agent-image{width:90px;height:90px}
  .inventory-title h2{font-size:34px}
  .modal-visual{height:46vh}
}

/* Compact four-column mobile inventory */
@media(max-width:700px){
  .inventory.shell{width:calc(100% - 16px)}
  .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .product{min-width:0;box-shadow:none}
  .product:hover{transform:none;box-shadow:none}
  .product-art{aspect-ratio:1/1;min-height:0}
  .product-art img{padding:3px}
  .product:hover .product-art img{transform:none}
  .product .status{left:4px;top:4px;max-width:calc(100% - 8px);padding:4px 5px;font-size:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .product-info{padding:7px 6px 8px}
  .product-info h3{font-size:10px;line-height:1.25;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:25px}
  .product-info>p{display:none}
  .card-price{font-size:11px;margin-top:6px}
  .product-bottom{margin-top:7px;font-size:7px;gap:3px}
  .product-bottom span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .product-bottom b{font-size:11px}
}

@media(max-width:360px){
  .product-grid{gap:4px}
  .product-info{padding:6px 4px}
  .product-info h3{font-size:9px}
  .product .status{font-size:5.5px}
}