/* orderdirectsg.com site styles. Moved out of the Listable head/footer boxes on 8 Oct 2026. Edit here, upload, then bump ?v= in the head. */
html:root{--bg:#FFFBEA;--text:26 26 26;--headerBg:#FFFBEA;--headerColor:#1A1A1A;--searchBarBg:#fff;--searchBarBorder:#E8E0BF;--searchBarColor:#1A1A1A;--filtersBg:#fff;--filtersColor:#1A1A1A;--filtersInputColor:#1A1A1A;--filtersInputBg:#FFFBEA;--filtersInputBorder:#E8E0BF;--filtersTagBg:#E6F4EC;--filtersTagColor:#1A1A1A;--inputBg:#fff;--inputBorder:#E8E0BF;--inputColor:#1A1A1A;--highlightsPrimary:#1E8A4C;--buttonBg:30 138 76;--buttonHoverBg:#166B3B;--buttonColor:#fff;--cardBg:255 255 255;--cardBorder:#E8E0BF;--cardColor:26 26 26;--cardColorLight:#4D4D4D;--font-sans:'DM Sans';--font-display:'Outfit'}body{background:#fffbea!important;color:#1a1a1a;font-family:"DM Sans",system-ui,sans-serif}h1,h2,h3,.font-display{font-family:"Outfit",sans-serif!important;font-weight:800!important;letter-spacing:-.03em}p,li,span,div,h1,h2,h3{word-break:normal!important;overflow-wrap:break-word!important;hyphens:none!important}header a[href="/"]{font-family:"Outfit",sans-serif!important;font-weight:800!important;font-size:23px!important;letter-spacing:-.03em!important;color:#1a1a1a!important;gap:8px}header a[href="/"]::before{content:"100%";font-family:"DM Mono",monospace;font-size:13px;font-weight:500;letter-spacing:0;padding:3px 7px;border-radius:6px;background:#1e8a4c;color:#fff}header a[href="/"] span:not(.font-semibold){display:none!important}header nav a,header .header-link{font-weight:600!important;font-size:15px!important}.bg-brand-button-bg,button.bg-brand-button-bg,a.bg-brand-button-bg{border-radius:12px!important;font-weight:700!important;box-shadow:none!important}.card{position:relative;border:1.5px solid #e8e0bf!important;border-radius:20px!important;box-shadow:none!important;background:#fff!important;overflow:visible!important;padding:10px!important;transition:transform .15s}.card:hover{transform:translateY(-3px)}@media (hover:none){.card:hover{transform:none}}.card .aspect-video,.card img{border-radius:12px!important}.card .aspect-video img{z-index:0!important}.card .p-6{padding:14px 8px 8px!important}.card h2.title,.card h3{font-family:"Outfit",sans-serif!important;font-weight:700!important;font-size:19px!important;letter-spacing:-.02em;line-height:1.2!important;white-space:normal!important;-webkit-line-clamp:2!important}.card .intro{color:#4d4d4d!important;opacity:1!important;font-size:14px!important}.card .footer{display:none!important}.card[data-ar]:has(.aspect-video)::before{content:attr(data-ar);position:absolute;left:20px;top:20px;z-index:5;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.95);font:500 12px/1.2"DM Mono",monospace;color:#1a1a1a}.detail-introduction{opacity:1!important;color:#4d4d4d;font-size:20px!important}.category-card{background:#fff!important;border:1.5px solid #e8e0bf!important;border-radius:16px!important}.category-card:hover{background:#e6f4ec!important}.category-card .category-icon{display:none}.filters,.item-list-block aside,.item-list-block .filters-wrap{border-radius:20px!important;border:1.5px solid #e8e0bf!important}.-mt-4.mb-12{margin-top:12px!important}.-mt-4.mb-12>.text-xl{font-size:18px!important;line-height:1.65!important;color:#4d4d4d;max-width:780px}.-mt-4.mb-12 a{color:#1e8a4c;font-weight:600;text-decoration:underline;text-underline-offset:3px}body:not(:has(.hero)) h1{font-size:54px!important;line-height:1.02!important}@media (max-width:767px){body:not(:has(.hero)) h1{font-size:38px!important}}.hero .h-96{height:auto!important}.hero picture,.hero .darkener,.od-rcw{display:none!important}.hero{padding-top:0!important;background:#fffbea!important}.hero h1{font-size:72px!important;line-height:.98!important;letter-spacing:-.04em!important;color:#1a1a1a!important}@media (max-width:1023px){.hero h1{font-size:46px!important}}header a[href="/"] span.font-semibold{font-size:0!important}header a[href="/"] span.font-semibold::after{content:"OrderDirect";font-size:23px}.mt-10 .bg-gray-50.p-12{background:#fff!important;border:1.5px solid #e8e0bf!important;border-radius:20px!important}.mt-10 .bg-gray-50.p-12 p{color:#4d4d4d!important;opacity:1!important}.accordion-block [data-headlessui-state]{border-color:#e8e0bf!important}.accordion-block [data-headlessui-state] button span{font-weight:700!important;opacity:1!important;font-size:18px}.hero .h-96 .shrink-0{width:56%!important;padding-right:0!important}@media (max-width:1023px){.hero .h-96{flex-direction:column;align-items:stretch!important}.hero .h-96 .shrink-0{width:100%!important}}.pt-28:has(nav[aria-label=Breadcrumb]){padding-top:92px!important}nav[aria-label=Breadcrumb].mb-10{margin-bottom:24px!important}
body:has(.hero-search-bar) .header-search-block{display:none!important}header{background:#fffbea!important;border-bottom:0!important}body:has(.hero) header{position:relative!important}header a[href="/"],header [style*=color]{color:#1a1a1a!important}header .bg-brand-button-bg{background:#1a1a1a!important;color:#fff!important;padding:11px 18px!important}header button[aria-label="Toggle menu"]{color:#1a1a1a!important}.od-ft{background:#fffbea!important;border-top:1px solid #e8e0bf!important}header .od-ct{background:0 0!important;color:#1a1a1a!important;box-shadow:none!important;padding:8px 10px!important}.card .od-m{font-size:14px;color:#4d4d4d;margin-top:2px}.card .od-m b{margin-left:6px;padding:2px 8px;border-radius:999px;background:#e6f4ec;color:#1e8a4c;font:500 11px"DM Mono",monospace}.card:has(.od-m) .intro{display:none}