/* DailyMart: warm, clean surfaces with consistent orange accents. */
html body{background:#fffaf4!important;color:#332b24}
html body header{background:#fff!important;border-bottom:1px solid #f0e7dc!important;box-shadow:0 3px 16px #46301506}
html body .search{background:#f7f7f5!important;border:1px solid #e9e6df!important;border-radius:14px!important;min-height:46px}
html body #homeShippingProgress{position:relative!important;inset:auto!important;transform:none!important;display:block!important;width:auto!important;max-width:1280px!important;margin:12px auto 0!important;padding:0 24px!important;z-index:0!important}
html body #homeShippingProgress .shipping-progress{margin:0!important;padding:11px 16px!important;background:#fff1d7!important;border:1px solid #ffe1ad!important;border-radius:12px!important;box-shadow:none!important}
html body #homeShippingProgress .shipping-progress p{margin:0!important;font-size:13px!important;line-height:1.5!important;color:#8a480c!important}
html body #homeShippingProgress :is(.shipping-progress-head,progress,.shipping-milestones,small){display:none!important}
html body .shipping-toggle{display:none!important}
html body main{max-width:1328px}
html body .malaysia-intro{border-radius:24px!important;box-shadow:0 8px 28px #dd772014!important}
html body .section-heading h2{color:#352b22!important;letter-spacing:0!important;font-weight:800!important}
html body .toolbar{background:#fff!important;border:1px solid #efe6db!important;border-radius:18px!important;padding:14px!important}
html body #filters button{transition:box-shadow .15s,background .15s;box-shadow:none}
html body #filters button.active{background:#ffdf9e!important;box-shadow:inset 0 0 0 2px #ee8c25!important;color:#69350c!important}
html body .product{background:#fff!important;border:1px solid #eee5da!important;box-shadow:0 3px 12px #46301505!important;border-radius:17px!important}
html body .product-photo{background:#fff!important}
html body .product h3{color:#302c26!important;font-weight:700!important;letter-spacing:0!important}
html body .product .sub{color:#797064!important}
html body .product:hover{box-shadow:0 7px 22px #63350e10!important}
html body .mobile-restock:not([hidden]){background:#fff4df!important;border:1px solid #f2dfbd!important;border-radius:20px!important}
html body .restock-heading h2{color:#653a18!important}
html body .mobile-picks button{background:#fff0d7!important;border-color:#f2d7b2!important}
html body .mobile-picks button+button{background:#edf5e6!important;border-color:#d5e7c7!important}
html body :is(#cart,#detail,#checkoutLive,#memberLive){background:#fff!important;box-shadow:0 20px 75px #23150825!important;border:1px solid #eee2d4!important}
dialog::backdrop{background:rgb(34 28 22 / .4);backdrop-filter:blur(3px)}
html body .cart-item{background:#fff!important;border-bottom:1px solid #eee8df!important;border-radius:12px}
html body #cart .total{background:#fff2dc!important;border-radius:14px;padding:16px!important}
html body dialog .close{background:#f5f3ef!important;color:#665444!important;border-radius:50%!important;min-width:40px;min-height:40px}
html body :is(.live-form fieldset,.status-panel,.address-book){background:#fffcf7!important;border-color:#eee3d5!important;border-radius:14px!important}
html body footer{background:#fff5e6!important;border-color:#efdfc9!important}
@media(min-width:751px){html body header{padding-left:max(24px,calc((100% - 1232px)/2))!important;padding-right:max(24px,calc((100% - 1232px)/2))!important}html body .product{padding:14px!important}html body .malaysia-intro{margin-top:4px!important}html body #filters button{white-space:normal!important;min-width:0!important}html body .aisle-photo{margin:0 auto}}
@media(max-width:750px){
 html body header{padding:10px 16px!important}
 html body #homeShippingProgress{margin:8px 0 0!important;padding:0 16px!important}
 html body #homeShippingProgress .shipping-progress{padding:9px 12px!important;border-radius:10px!important}
 html body #homeShippingProgress .shipping-progress p{font-size:12px!important}
 html body main{padding-top:12px!important}
 html body .mobile-welcome{margin-top:0!important;border-radius:20px!important;min-height:180px!important}
 html body .welcome-copy h1{font-size:27px!important;line-height:1.25!important}
 html body .toolbar{padding:10px!important;border-radius:16px!important}
 html body #filters{gap:7px!important}
 html body #filters button{border-radius:12px!important}
 html body .product{padding:9px!important;border-radius:14px!important}
 html body .product:hover{transform:none!important}
 html body .products{gap:11px!important}
 html body .restock-products article{border:1px solid #f0e4d3;border-radius:14px!important}
 html body footer{border-radius:20px!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}html body *{transition:none!important}}
/* Visible delivery milestone: compact, in-flow sticky card below the header. */
html body #homeShippingProgress{
 position:sticky!important;top:var(--delivery-sticky-top,0px)!important;bottom:auto!important;
 z-index:9!important;padding:6px 24px!important;margin:0 auto!important;
 background:#fffaf4!important
}
html body #homeShippingProgress .shipping-progress{
 background:linear-gradient(110deg,#fff0ce,#fff9e9)!important;
 border:1px solid #f1b953!important;border-left:4px solid #ef7917!important;
 border-radius:12px!important;padding:10px 14px!important;box-shadow:0 3px 12px #ab6b1710!important
}
html body #homeShippingProgress .shipping-progress-head{
 display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin:0 0 5px!important
}
html body #homeShippingProgress .shipping-progress-head strong{font-size:11px!important;color:#96510d!important;font-weight:750!important}
html body #homeShippingProgress .shipping-progress-head span{font-size:11px!important;font-weight:700!important;color:#75420f!important;white-space:nowrap}
html body #homeShippingProgress .shipping-progress p{font-size:14px!important;line-height:1.45!important;color:#8b3d08!important;font-weight:800!important;margin:0 0 7px!important}
html body #homeShippingProgress progress{display:block!important;appearance:none!important;width:100%!important;height:7px!important;border:0!important;border-radius:99px!important;overflow:hidden!important;background:#f5dbab!important}
html body #homeShippingProgress progress::-webkit-progress-bar{background:#f5dbab;border-radius:99px}
html body #homeShippingProgress progress::-webkit-progress-value{background:linear-gradient(90deg,#ffad27,#ed6713);border-radius:99px}
html body #homeShippingProgress progress::-moz-progress-bar{background:#ef7917;border-radius:99px}
html body #homeShippingProgress .shipping-progress:has(progress[value="100"]){background:#eef7e8!important;border-color:#a9c990!important;border-left-color:#5b8a39!important}
html body #homeShippingProgress .shipping-progress:has(progress[value="100"]) p{color:#386522!important}
html body #homeShippingProgress progress[value="100"]::-webkit-progress-value{background:#6b9c43}
html body #homeShippingProgress progress[value="100"]::-moz-progress-bar{background:#6b9c43}
@media(max-width:750px){
 html body #homeShippingProgress{padding:5px 16px!important;margin:0!important}
 html body #homeShippingProgress .shipping-progress{padding:8px 11px!important}
 html body #homeShippingProgress .shipping-progress p{font-size:12px!important}
 html body #homeShippingProgress .shipping-progress-head strong,
 html body #homeShippingProgress .shipping-progress-head span{font-size:10px!important}
}
html body #homeShippingProgress .shipping-progress progress{display:block!important}
#detail .related-sections{margin-top:22px}
#detail .related-sections section{border-top:1px solid #efe5d8;padding-top:18px;margin-top:18px}
#detail .related-sections h3{font-size:16px;margin:0 0 10px;font-weight:800}
#detail .related-note{font-size:12px;color:#817164;margin:-4px 0 12px;line-height:1.5}
#detail .related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#detail .related-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;border:1px solid #eadfce;border-radius:12px;padding:10px;background:#fff;min-width:0;color:#403126;cursor:pointer;gap:5px;font-family:inherit}
#detail .related-card:hover{border-color:#ed9239;background:#fffcf6}
#detail .related-card img{display:block;width:100%;height:95px;object-fit:contain;background:white;border-radius:8px}
#detail .related-name{font-size:12px;line-height:1.45;font-weight:650;overflow-wrap:anywhere}
#detail .related-unit{font-size:12px;color:#807063}
#detail .related-card strong{font-size:14px;color:#b54b0a;margin-top:auto}
#detail .related-card small{font-size:11px;color:#817164}
@media(max-width:750px){#detail .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#detail .related-card{padding:9px}#detail .detail-actions{position:static!important}}
html body #detail img.detail-photo{cursor:zoom-in}
html body #productPhotoViewer{padding:48px 14px 16px!important;width:min(900px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;max-height:92dvh!important;border:0!important;border-radius:18px!important;background:#fff!important;box-shadow:0 20px 80px #0004;overflow:auto;color:#3d3026}
#productPhotoViewer .photo-viewer-close{position:absolute;right:12px;top:10px;width:36px;height:36px;border:0;border-radius:50%;background:#f4f0e9;color:#56422e;font-size:26px;cursor:pointer}
#productPhotoViewer .photo-viewer-stage{display:flex;align-items:center;justify-content:center;min-height:200px}
#productPhotoViewer img{display:block;width:100%;height:auto;max-height:70dvh;object-fit:contain}
#productPhotoViewer .photo-viewer-caption{text-align:center;font-size:14px;line-height:1.5;overflow-wrap:anywhere;margin:14px 0 0}
#productPhotoViewer::backdrop{background:#19130ee0}
@media(max-width:750px){html body #productPhotoViewer{margin:auto!important;width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important}.photo-viewer-caption{font-size:13px}}

/* Search remains within reach while browsing the catalogue. */
html body .shop-search-dock{position:sticky;top:var(--shop-search-top,0px);z-index:8;background:#fffaf4;padding:8px 0 12px;margin:0 0 14px}
html body .shop-search-dock .search{display:flex!important;align-items:center;gap:10px;width:100%!important;max-width:none!important;box-sizing:border-box;grid-column:auto!important;margin:0!important;padding:0 16px!important;background:#fff!important;border:2px solid #f5a54a!important;border-radius:15px!important;min-height:48px;box-shadow:0 4px 12px #a95c0c12}
html body .shop-search-dock .search input{width:100%;min-width:0;font-size:16px!important;padding:12px 0!important;color:#392b20;background:transparent;border:0;outline:none}
html body .shop-search-dock .search:focus-within{border-color:#ef7d14!important;box-shadow:0 0 0 3px #ffb65c33}
html body .shop-search-dock .search>span{color:#e9780c;font-size:26px}
html body header{grid-template-columns:auto 1fr auto!important}
@media(max-width:750px){html body .shop-search-dock{padding:6px 0 8px;margin-bottom:10px}html body header{position:relative!important;top:auto!important}html body .shop-search-dock .search{min-height:46px}}

html body #filters .aisle-photo{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}html body #filters .aisle-photo img{width:64px!important;height:64px!important;object-fit:contain!important;filter:none!important}

/* Photo-based supermarket categories, using the live DailyMart range. */
html body .toolbar{background:white!important;border:0!important;box-shadow:none!important;padding:16px 0!important}
html body #filters{display:grid!important;grid-template-columns:repeat(9,minmax(0,1fr))!important;gap:12px!important;width:100%!important;overflow:visible!important}
html body #filters button,html body #filters button:nth-child(n){display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;background:transparent!important;color:#454545!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:8px 4px 12px!important;min-width:0!important;min-height:124px!important;font-size:13px!important;line-height:1.45!important;font-weight:600!important;white-space:normal!important;position:relative}
html body #filters button[hidden]{display:none!important}
html body #filters button.active{color:#e56c0a!important;box-shadow:none!important}
html body #filters button.active::after{content:'';position:absolute;bottom:0;left:30%;right:30%;height:3px;border-radius:3px;background:#f28b20}
html body #filters .real-product-category{display:flex!important;align-items:center!important;justify-content:center!important;width:86px!important;height:80px!important;overflow:visible!important;border-radius:0!important;background:transparent!important}
html body #filters .real-product-category img{width:80px!important;height:80px!important;object-fit:contain!important;mix-blend-mode:multiply!important;filter:none!important;border-radius:0!important}
html body #filters .category-assortment img{width:38px!important;height:64px!important;margin:0 -5px!important}
html body #filters .category-assortment img:nth-child(2){height:80px!important;z-index:1}
html body #filters button:hover .real-product-category{transform:translateY(-2px)}
@media(max-width:750px){html body #filters{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px 3px!important}html body #filters button,html body #filters button:nth-child(n){font-size:11px!important;min-height:104px!important;gap:7px!important;padding:4px 2px 10px!important}html body #filters .real-product-category{width:60px!important;height:64px!important}html body #filters .real-product-category img{width:60px!important;height:64px!important}html body #filters .category-assortment img{width:26px!important;height:50px!important;margin:0 -4px!important}html body #filters .category-assortment img:nth-child(2){height:64px!important}}

html body #filters .ai-category{width:88px!important;height:82px!important;overflow:visible!important;border-radius:0!important;background:transparent!important}
html body #filters .ai-category img{width:88px!important;height:82px!important;object-fit:contain!important;mix-blend-mode:normal!important;filter:none!important}
@media(max-width:750px){html body #filters .ai-category,html body #filters .ai-category img{width:64px!important;height:66px!important}}