:root{font-family:"Work Sans",Arial,Helvetica,sans-serif;color:#222;background:#fff;--orange:#dc3900;--green:#69b622;--blue:#5389a0}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #237eaf;outline-offset:3px}header{background:white;border-bottom:1px solid #eee;position:sticky;top:0;z-index:10}.header-inner{height:80px;max-width:1170px;margin:auto;display:flex;align-items:center;gap:28px}.brand img{width:240px;height:auto;display:block}.icon-button{border:0;background:white;position:relative;padding:5px;width:39px;height:39px}.icon-button svg,.mobile-nav svg{width:28px;height:28px;stroke:#222;stroke-width:1.3;fill:none}.count{position:absolute;right:0;bottom:1px;min-width:17px;height:17px;border-radius:50%;background:var(--green);color:white;font-size:12px;line-height:17px;text-align:center}.header-cart{margin-left:50px}.desktop-menu{text-align:center;padding:17px;border-bottom:1px solid #eee;color:#666;font-size:14px}.layout{max-width:1170px;margin:30px auto;display:grid;grid-template-columns:268px 1fr;gap:30px}aside{background:#f5f5f5;padding:28px 20px;height:max-content;font-size:14px}aside h3{font-weight:400;margin:0 0 23px}aside input{padding:10px;width:100%;border:1px solid #ddd;margin-bottom:32px}aside nav{display:flex;flex-direction:column;gap:15px}aside a:hover{color:var(--orange)}.toolbar{background:#f5f5f5;padding:20px 15px;font-size:14px;margin-bottom:24px;color:#888}.toolbar strong{color:#222}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 8px;}.category-card{display:block;background:#fff;padding:4px}.category-card img{width:100%;display:block;aspect-ratio:1;object-fit:contain}.product-card{position:relative;min-width:0;padding:8px;border:1px solid #eee;background:#fff}.product-card img{width:100%;aspect-ratio:1;object-fit:contain}.product-card .name{display:block;color:var(--blue);font-size:14px;line-height:1.35;margin-top:10px;min-height:38px}.price{font-size:16px;margin:8px 0}.product-add{width:100%;background:#fff;border:1px solid #ddd;font-size:14px;padding:8px;margin-top:6px;color:#444}#main{display: flex;flex-direction: column;max-width: 850px;}.product-add:hover{background:var(--orange);color:#fff;border-color:var(--orange)}h1{font-size:24px;font-weight:500;margin:0 0 22px}.page-panel{padding:10px 0;max-width:100%}.empty{padding:30px 15px;border:1px solid #ddd;color:#666}.primary{background:var(--orange);border:0;color:#fff;padding:13px 23px;margin-top:15px;font-weight:600}.secondary{background:white;border:1px solid #ccc;padding:12px 18px}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:28px}.product-detail img{width:100%;max-height:440px;object-fit:contain}.product-detail h1{font-size:25px}.qty{display:flex;align-items:center;gap:0;margin:20px 0}.qty button{width:36px;height:36px;background:white;border:1px solid #ddd}.qty output{border-block:1px solid #ddd;padding:8px 15px}.cart-row{display:grid;grid-template-columns:80px 1fr auto;gap:15px;padding:20px 0;border-bottom:1px solid #ddd;align-items:center}.cart-row img{width:80px;height:80px;object-fit:contain}.cart-row h2{font-size:16px;font-weight:400;color:var(--blue);margin:0}.cart-row .qty{margin:10px 0}.remove{background:white;border:0;color:#777;padding:10px}.summary{border:1px solid #ddd;padding:20px;margin-top:30px;max-width:440px;margin-left:auto}.summary p{display:flex;justify-content:space-between;gap:15px}.summary .total{border-top:1px solid #ddd;padding-top:15px;font-weight:bold}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid label{font-size:14px;display:flex;flex-direction:column;gap:8px}.form-grid input,.form-grid select{width:100%;padding:11px;border:1px solid #ccc;border-radius:0;background:white}.form-grid .wide{grid-column:1/-1}.warning{padding:15px;background:#fff8ed;border-left:3px solid var(--orange);font-size:14px;line-height:1.5}.success{border-left:3px solid var(--green);padding:22px;background:#f5faee}.categories-list{display:flex;flex-direction:column;gap:0}.categories-list a{padding:16px;border-bottom:1px solid #ddd}.search-strip,.mobile-nav,#mobile-title{display:none}footer{background:#202020;color:#ccc;padding:25px max(20px,calc((100vw - 1170px)/2));font-size:14px;margin-top:40px}footer h3{color:white;font-weight:400}.preview-note{color:#bbb}#top{position:fixed;right:20px;bottom:20px;border:0;background:black;color:white;border-radius:50%;width:36px;height:36px;font-size:28px;z-index:12}#notice{position:fixed;left:50%;bottom:85px;transform:translateX(-50%);background:#222;color:white;padding:14px 20px;z-index:25;max-width:90%;font-size:14px;display:none}#notice.show{display:block}.back{background:white;border:0;padding:8px 14px 8px 0;font-size:28px;color:#555}.more-note{padding:18px;font-size:14px;color:#777;text-align:center}
@media(max-width:767px){body{padding-bottom:calc(66px + env(safe-area-inset-bottom))}.search-strip{display:flex;justify-content:center;background:#bb3500;padding:9px}.search-strip input{width:48%;padding:7px 8px;border:1px solid #ddd;border-radius:0;font-size:14px;height:32px;background:#f1f1f1}.header-inner{height:80px;padding:0 14px;gap:8px}.brand img{width:min(66vw,290px)}.header-cart{margin-left:auto}.desktop-account,.desktop-menu,aside{display:none}.layout{display:block;margin:28px 0 0}.toolbar{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 6px;padding:0 5px}.category-card{border:1px solid #e2e2e2;box-shadow:0 0 0 2px #f5f5f5 inset;padding:8px}.product-card{padding:10px 9px;border:1px solid #e6e6e6;box-shadow:0 0 0 2px #f5f5f5 inset}.product-card .name{margin-top:12px;font-size:14px;min-height:0}.product-card .price{margin:10px 0}.product-add{font-size:14px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;background:white;border-top:1px solid #eee;padding:7px 0 calc(8px + env(safe-area-inset-bottom));height:calc(65px + env(safe-area-inset-bottom))}.mobile-nav a{flex:1;display:flex;align-items:center;flex-direction:column;gap:2px;position:relative;font-size:14px}.nav-icon{position:relative;width:30px;height:30px}.mobile-nav a.active{color:#111}.mobile-nav span.count{right:-5px;bottom:1px;font-size:12px}.page-panel{padding:0 16px}h1{font-size:22px}.product-detail{display:block}.product-detail img{max-height:320px}.cart-row{grid-template-columns:65px 1fr 27px;gap:9px}.cart-row img{width:65px;height:65px}.form-grid{gap:16px}.summary{margin-top:20px}.search-strip.hidden,.brand.hidden{display:none}#mobile-title{display:flex;align-items:center;font-size:18px;font-weight:600}.category-mode .header-inner,.detail-mode .header-inner,.cart-mode .header-inner,.checkout-mode .header-inner{height:60px}.category-mode .layout{margin-top:5px}.category-mode .header-cart{margin-left:auto}footer{padding-bottom:25px}#top{bottom:calc(78px + env(safe-area-inset-bottom));right:10px;width:34px;height:34px}.header-inner .count{right:0}}

.whatsapp-label{white-space:nowrap}.whatsapp-icon{display:inline-block;position:relative;overflow:hidden;width:1.4em;height:1.4em;vertical-align:-.3em;margin-left:.2em;border-radius:22%}.whatsapp-icon img{position:absolute;width:150%;max-width:none;height:150%;left:-25%;top:-25%}
@media(min-width:768px){.category-card img{aspect-ratio:auto}}

.category-card{display:flex;flex-direction:column;align-items:center;gap:10px}.category-card img{width:100%;aspect-ratio:1;object-fit:contain;object-position:center}.category-name{display:block;color:var(--orange);font-size:16px;font-weight:600;line-height:1.35;text-align:center;width:100%}.quick-qty{margin:12px 0 0;justify-content:center}.quick-qty button{width:44px;height:44px;color:var(--orange);font-weight:600;font-size:22px}.quick-qty output{height:44px;min-width:42px;display:flex;align-items:center;justify-content:center;padding:0 8px}.quick-qty button:disabled{color:#aaa;cursor:default}.product-card{display:flex;flex-direction:column}.product-card .quick-qty{margin-top:auto;padding-top:8px}

.category-photo{display:block;position:relative;width:100%;aspect-ratio:1;overflow:hidden}.category-photo img{position:absolute;top:0;left:0;width:100%;height:auto;aspect-ratio:auto;display:block;object-fit:contain}.category-card{padding:8px}.category-name{min-height:2.7em}

/* Category tiles follow the supplied original mobile reference. */
.category-card{display:flex;flex-direction:column;gap:0;aspect-ratio:1;padding:8px 8px 13px;border:1px solid #ddd;box-shadow:none;background:#fff;min-width:0}
.category-photo{position:relative;display:block;width:100%;aspect-ratio:auto;flex:1;min-height:0;overflow:hidden}
.category-photo img{position:static;display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center bottom;transform:none}
.category-name{display:flex;align-items:center;justify-content:center;flex:none;width:100%;min-height:0;background:#ed4b00;color:#fff;text-transform:uppercase;font-size:clamp(11px,3.4vw,14px);font-weight:400;line-height:1.2;padding:6px 2px;text-align:center}
@media(max-width:767px){.grid:has(.category-card){gap:11px 8px;padding:0 6px}.category-card{padding:8px 8px 13px}}
@media(min-width:768px){.category-name{font-size:14px}}

#search-suggestions{position:fixed;z-index:35;background:white;border:1px solid #ccc;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 4px 10px #0001}#search-suggestions[hidden]{display:none}.search-suggestion{display:flex;align-items:center;gap:16px;padding:20px 16px;border-bottom:1px solid #ccc;color:#1769a7;background:white;font-size:18px;line-height:1.35}.search-suggestion:last-child{border-bottom:0}.search-suggestion img{width:38%;max-width:100px;height:100px;object-fit:contain;flex-shrink:0}.search-suggestion span{min-width:0;overflow-wrap:anywhere}.search-suggestion strong{font-weight:700}.search-suggestion:hover,.search-suggestion.selected{background:#f1f5f8}.suggestion-empty{padding:16px;color:#666;font-size:14px}@media(max-width:767px){.search-strip input{width:66%}.search-suggestion{padding:20px 12px;gap:12px;font-size:18px}.search-suggestion img{height:95px}}

/* Larger, readable order summary on mobile and desktop. */
.summary h2{font-size:1.65rem;line-height:1.3}
.summary p{font-size:1.125rem;line-height:1.45;align-items:baseline}
.summary .total{font-size:1.25rem}
.summary p span{min-width:0;overflow-wrap:anywhere}
.summary p span:first-child{flex:1}
.summary p span:last-child{max-width:55%;text-align:right}

#checkout-error{color:#b42318;line-height:1.45;font-weight:600}#zip[aria-invalid="true"]{border-color:#b42318}

.access-panel{max-width:680px;margin:auto;padding:24px}.access-logo{width:220px;max-width:100%;margin-bottom:28px}.access-panel h2{font-size:20px;margin-top:28px}.access-link{color:#1769a7;text-decoration:underline}.account-list article{border:1px solid #ddd;padding:18px;margin:12px 0;overflow-wrap:anywhere}.account-list .secondary{margin:6px 0}#account-error{color:#b42318;line-height:1.5}.access-mode .search-strip,.access-mode .mobile-nav,.access-mode .header-cart,.access-mode .desktop-account,.access-mode aside,.access-mode .desktop-menu{display:none}.access-mode .layout{display:block}.access-mode .back{display:none}@media(max-width:480px){.access-panel .form-grid{grid-template-columns:1fr}.access-panel{padding:20px 16px}.access-mode .header-inner{height:60px}}
/* Login and checkout fields must fit narrow mobile screens. */
.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.form-grid label{min-width:0}
.form-grid input,.form-grid select,.form-grid textarea{width:100%;min-width:0;max-width:100%}
@media(max-width:600px){.page-panel .form-grid{grid-template-columns:1fr}}
@media (min-width: 1024px) {
  .grid{height:60vh;overflow-y:auto}
}