/* Responsive preview: desktop merchandising and phone ordering. */
.portal .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 18px}
.portal .photo{height:215px;padding:12px;margin-bottom:12px;border-radius:10px}
.portal .photo img{height:191px;width:100%;max-width:96%;object-fit:contain}
.portal .product h3{font-size:15px;min-height:42px}.portal .price{font-size:19px}
.portal .details{padding-top:6px}.order-control{margin:12px 0 0;gap:7px}
.order-control button{font-size:12px;min-height:40px}.order-control input{height:40px;width:48px}
.mobile-order-nav{display:none}.basket-quantity button{width:32px;height:32px}
@media(min-width:761px) and (max-width:1150px){.portal-layout{grid-template-columns:135px minmax(0,1fr);gap:22px}.basket{grid-column:2;position:static}.portal .photo{height:200px}.portal .photo img{height:176px}}
@media(max-width:760px){
 .wrap{padding-left:16px;padding-right:16px}.utility-inner{font-size:10px}.utility-inner a{display:none}
 header{height:72px}.logo{font-size:28px}.logo small{font-size:10px}
 .portal-head{padding-top:22px}.portal-head h1{font-size:25px}.portal-head p{font-size:12px}
 .search input{font-size:16px}.portal-head .search{margin-top:16px;min-height:48px}
 .portal-layout{display:block}.portal .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}
 .portal .photo{height:180px;padding:10px}.portal .photo img{height:160px;max-width:100%}
 .portal .product h3{font-size:14px;min-height:42px}.portal .brand{font-size:10px}.portal .price{font-size:18px}
 .portal .barcode{font-size:9px}.portal .categories .category{min-height:44px;padding:10px 15px;font-size:13px}
 .categories{scrollbar-width:none}.results-bar{font-size:12px;gap:8px}.results-bar select{max-width:140px}
 .order-control{display:grid;grid-template-columns:44px minmax(0,1fr);gap:6px}
 .order-control input{width:44px;height:44px;font-size:16px;padding:5px}.order-control button{font-size:11px;min-height:44px;padding:8px 5px}
 .basket{scroll-margin-top:20px;margin-top:32px;padding:22px}.basket-quantity button{width:44px;height:44px}
 .mobile-order-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:10;background:white;border-top:1px solid var(--line);align-items:center;justify-content:space-between;padding:10px 16px calc(10px + env(safe-area-inset-bottom));gap:12px}
 .mobile-order-nav button{min-height:44px;border:0;border-radius:999px;background:var(--ink);color:white;padding:10px 22px;font-size:14px;font-weight:600}
 .mobile-order-nav a{font-size:13px;min-height:44px;display:flex;align-items:center}
 body:has(.portal){padding-bottom:82px}.footer-grid{gap:22px 18px}.footer-grid a:not(.logo){display:inline-block;padding:6px 0}.footer-bottom{font-size:10px}
 .home-intro h1{font-size:33px}.actions{gap:9px}.actions a{padding:11px 18px}.home-photo img{height:205px}
 .category-tile{min-height:160px}.category-tile img{width:95px;height:125px}
 .primary,.secondary{min-height:44px}.basket .primary{min-height:48px}dialog{max-height:85vh;overflow:auto}
}
@media(max-width:350px){.portal .photo{height:160px}.portal .photo img{height:140px}.order-control{grid-template-columns:1fr}.order-control input{width:100%}.footer-grid{grid-template-columns:1fr 1fr}}