/* Mobile sizing only. Desktop styles and ordering behaviour stay unchanged. */
@media (max-width:639px) {
  html { -webkit-text-size-adjust:100%; }
  html body { background-attachment:scroll!important; }
  html body main { min-width:0; }
  html body main :is(section,article,aside,form,.grid,.flex) { min-width:0; }
  html body main :is(.px-4,.px-6) { padding-inline:14px; }
  html body main :is(.py-14,.py-16,.py-20) { padding-block:28px; }
  html body main :is(.py-12) { padding-block:24px; }
  html body main :is(.pb-20) { padding-bottom:32px; }
  html body main :is(.gap-12,.gap-10,.gap-8) { gap:24px; }
  html body main :is(h1.text-4xl,h1.text-5xl,h1.text-6xl) { font-size:clamp(1.75rem,7.5vw,2.1rem);line-height:1.35; }
  html body main :is(h2.text-3xl,h2.text-4xl,h2.text-2xl) { font-size:1.375rem;line-height:1.45; }
  html body main p.text-base { line-height:1.8; }
  html body main :is(.mt-8,.mt-10) { margin-top:20px; }
  html body main :is(.mb-7,.mb-8) { margin-bottom:18px; }
  html body main .brand-glass:is(.p-5,.p-6,.p-7,.p-8) { padding:16px; border-radius:20px!important; }
  html body main .order-composer { padding:16px!important;border-radius:20px!important; }
  html body main .order-composer>.mb-6 { margin-bottom:18px; }
  html body main .order-composer::after { width:80px;height:80px;inset:auto 0 0 auto; }
  html body main .product-card { border-radius:18px!important; }
  html body main .product-card>div:first-child { aspect-ratio:1.95/1; }
  html body main .product-card>.p-5 { padding:14px; }
  html body main .product-card h3 { font-size:1.0625rem;line-height:1.55; }
  html body main .product-card .mt-5 { margin-top:12px; }
  html body main .product-card a { min-width:44px;min-height:44px; }
  html body main a.brand-glass.p-4 { padding:12px;gap:10px;flex-wrap:wrap; }
  html body main a.brand-glass.p-4>.size-11 { width:32px;height:32px;flex-shrink:0;border-radius:10px; }
  html body header>.h-20 { height:auto;min-height:68px;padding-block:8px; }
  html body header :is(a,button) { min-height:44px; }
  html body main :is(input,select,textarea) { font-size:16px!important; }
  html:root body [data-slot="input-group"].mena-wrap-field { min-height:48px!important;padding-block:6px;border-radius:13px!important; }
  html:root body .mena-wrap-field>.mena-full-field-value { font-size:1rem;line-height:1.6;padding-inline:10px; }
  html:root body [data-slot="combobox-item"] { padding-block:10px!important;gap:6px; }
  html:root body [data-slot="combobox-item"] .font-bold { font-size:.9375rem;line-height:1.65; }
  html:root body [data-slot="combobox-content"] { max-height:min(60dvh,400px)!important;border-radius:16px!important; }
  html:root body [data-slot="combobox-list"] { max-height:min(55dvh,360px)!important; }
  html body main label::after { width:30px!important;height:18px!important;margin-top:2px!important; }
  html body footer { padding-inline:0; }
  html body footer :is(.py-12,.py-14,.py-16) { padding-block:28px; }
  html body footer .gap-10 { gap:24px; }
}
@media (max-width:420px) {
  html body .order-composer .grid:has(>#quick-target),html body .order-composer .grid:has(>#quick-quantity) { width:100%; }
  html body .order-composer .grid:has(>div>#quick-target):has(>div>#quick-quantity) { grid-template-columns:minmax(0,1fr); }
}