/* Traditional tropical market: real packaging on an AI-created spice counter. */
:root{--green:#175630;--ink:#244728;--muted:#676544;--cream:#fbf1d8;--line:#d9c89c;--orange:#bb351f;--gold:#f4be38}
body{max-width:none;background:#fbf1d8 url('art/handmade-paper.webp') repeat;background-size:700px;color:var(--ink)}
h1,h2,.spotlight-copy h3{font-family:Georgia,'Times New Roman',serif;font-weight:700;letter-spacing:-1px}
.announcement{background:#9d2e1f;color:#fff5d5;border-bottom:3px solid #e8b544;font-weight:700}
.header{margin:0;padding:0 5.5vw;height:104px;border-bottom:3px double #b78d3b;background:url('art/handmade-paper.webp') center/700px;color:#23472a}
.brand-word{color:#175630}.brand-word>span{color:#b92c20;font-weight:800}.brand-word i{background:#32822e}.brand-sub{font-weight:700}
.header nav{font-size:13px;font-weight:700}.header-actions{color:#23472a}.language-switch button[aria-pressed=true]{color:#ad271d}
.enquiry-trigger{background:#176038;color:#fff7df;border:1px solid #175630;border-radius:4px;font-weight:700}.enquiry-count{background:#f4bd39;color:#244327}
.button{font-weight:750;border-radius:5px;box-shadow:0 3px 0 #0002}.button.primary{background:#b52e1b;color:#fff9e9;border:1px solid #f3ae6c}.button.primary:hover{background:#942312;transform:translateY(-2px)}
.button.outline{border:1px solid #a37830;background:#fff5d6}.eyebrow{font-weight:800;letter-spacing:1.5px;color:#9b381f}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:660px;padding:70px 5.5vw 85px;grid-template-columns:.9fr 1.25fr;gap:12px;background:#164727 url('art/tropical-spice-counter.webp') center/cover no-repeat;color:#fff7d9;border-bottom:8px solid #e9ad2f}
.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#082e1dbd 0%,#082e1d55 42%,transparent 67%)}
.hero-copy{padding-top:12px;z-index:3}.hero .eyebrow{color:#ffda77;font-size:11px;letter-spacing:1.8px}.hero .eyebrow>span{background:#ffca4b}
.hero h1,html[lang=nl] .hero h1{font-size:clamp(46px,4.5vw,72px);line-height:1.03;letter-spacing:-1.8px;text-shadow:0 3px 12px #062b2580;margin-bottom:25px;color:#fff4d6}
.hero h1 em{color:#ffca48;font-weight:700}.hero-copy>p{color:#fff0d0;font-size:15px;line-height:1.8;max-width:420px;text-shadow:0 1px 5px #0005}
.hero-actions{gap:20px;flex-wrap:wrap}.hero .button.primary{background:#c13520;color:#fff8df;border:1px solid #ffbe72;padding:16px 23px}.hero .text-link{color:#ffecc2;font-weight:700}
.hero-foot{color:#fff0ce;margin-top:28px;font-size:11px}.hero-foot strong{color:#fff0ce}.hero .mini-mark{color:#f4be38}
.hero-visual,.hero-visual.asal-hero{background:transparent!important;min-height:500px;overflow:visible;border:0;border-radius:0;align-self:end}
.visual-note{color:#ffe3a2!important;top:10px;left:20px;font-weight:700;letter-spacing:2px;text-shadow:0 1px 4px #153721}
.hero-pack{position:absolute;padding:0;bottom:18px;filter:drop-shadow(0 15px 8px #10291380);transition:transform .2s;z-index:2}.hero-pack img{display:block;width:100%;height:100%;object-fit:contain}
.hero-pack-spice{width:34%;left:27%;height:380px;bottom:49px;z-index:1}.hero-pack-chilli{width:14%;left:5%;height:290px;bottom:24px;transform:rotate(-5deg)}.hero-pack-mango{width:15%;right:0;height:290px;bottom:22px;transform:rotate(5deg)}
.hero-asal{filter:drop-shadow(0 15px 8px #082b1a88)}.hero-asal-shami{width:31%;left:15%;bottom:0;z-index:3;transform:rotate(-6deg)}.hero-asal-paya{width:32%;right:10%;bottom:0;z-index:4;transform:rotate(6deg)}
.hero-asal:hover,.hero-pack:hover{transform:translateY(-8px)}.hero-asal:focus-visible,.hero-pack:focus-visible{outline:3px solid #ffcf55;outline-offset:8px}
.round-seal,.asal-hero .round-seal{top:-22px;right:-7px;width:108px;height:108px;background:#b42d1c;color:#ffe8a2;border:4px double #f1c264;outline:0;z-index:5;box-shadow:0 4px 12px #08281255}.round-seal strong{font-family:Georgia,serif;font-size:38px}.round-seal span,html[lang=nl] .round-seal span{font-size:6px}
.round-seal span{display:block;width:90%;text-align:center;line-height:1.5;letter-spacing:.7px}.round-seal strong{line-height:1.2}
.product-image{container-type:size}.product-image .poster-crop{height:auto;max-height:none;width:min(100cqw,74cqh);max-width:100%}.product-image .poster-crop.crop-paya{width:min(100cqw,94cqh)}
.spotlight-image .poster-crop{max-width:100%;max-height:none}
.visual-caption{bottom:-49px;left:8%;right:0;color:#fff0cf!important;font-weight:700;letter-spacing:1.3px;font-size:9px;text-shadow:0 2px 4px #241305}
.benefits{margin:0;padding:20px 5.5vw;background:#e9af32;color:#493218;border-bottom:4px double #93691b;gap:20px;font-weight:700}.benefits div span{color:#7d3b1b}.benefits>a{font-weight:800}
.section{padding:62px 5.5vw}.section-heading{margin-bottom:34px}.section-heading h2{font-size:clamp(30px,3.2vw,47px)}.section-heading>p{font-size:13px}
.spotlight{background:linear-gradient(#fff6df44,#fff6df44),url('art/handmade-paper.webp') center/700px}.spotlight .section-heading{justify-content:center;text-align:center;flex-direction:column;gap:13px}.spotlight .section-heading>p{margin:0}
.spotlight-card{background:#11684d!important;border:5px double #e0ba66!important;border-radius:7px;color:#fff7dc;padding:25px 30px;min-height:330px;box-shadow:0 7px 14px #72542622;position:relative;isolation:isolate}
.spotlight-card:before{content:'';position:absolute;inset:0;background:url('art/handmade-paper.webp') center/600px;mix-blend-mode:soft-light;opacity:.19;z-index:-1}.spotlight-card:nth-child(2){background:#a72e32!important}
.spotlight-brand{color:#ffe2a0!important;font-size:9px}.spotlight-copy h3{font-size:38px;color:#fff4d6}.spotlight-copy p{color:#fff0d4;font-size:13px}.spotlight-copy .button.primary{background:#ffd05a;color:#4b2c16;border-color:#ffe1a0}.spotlight-image{height:270px}.spotlight-image .poster-crop{width:180px;filter:drop-shadow(0 12px 7px #0004)}
.categories{background:#e5ad32 url('art/handmade-paper.webp') center/700px;background-blend-mode:multiply;border-block:5px double #ae7728}.categories .eyebrow{color:#784a1c}.categories h2{color:#453719}.category-grid{gap:18px}.category-card{background:#fff5d4;border:2px solid #b58038;border-radius:70px 70px 6px 6px;padding:12px 12px 16px;box-shadow:0 4px 0 #87541c33;color:#264b2c;overflow:hidden}.category-image{background:transparent!important;height:190px;position:relative;overflow:visible}.category-image img{position:absolute;left:6%;bottom:0;width:69%;height:90%;object-fit:contain;mix-blend-mode:multiply;transform:rotate(-7deg);filter:drop-shadow(3px 7px 3px #583e1526)}.category-image img+img{left:auto;right:0;width:58%;height:78%;transform:rotate(7deg)}.category-title{font-weight:800;font-size:12px;margin-top:15px}.category-count{color:#7b6233;font-size:10px}
.catalogue{background:linear-gradient(#fffaf177,#fffaf177),url('art/handmade-paper.webp') center/700px}.product-card{background:#fffaf0;border:1px solid #d4ba81;border-bottom:4px solid #b48530;border-radius:5px;padding:12px;box-shadow:0 3px 12px #8f672018}.product-card:nth-child(3n+2){border-bottom-color:#ac3825}.product-card:nth-child(3n){border-bottom-color:#398143}.product-image{background:#f5ecd8;border:0;border-radius:3px;height:255px}.product-name{font-family:Georgia,serif;font-size:16px;font-weight:700}.product-meta{color:#87633d}.add-product{color:#8d2c1b;font-weight:700}.filter-button.active{background:#195c37;color:#fff2cd}.filter-button.active span{color:#ffdf94}.filter-note{background:#edddb2;border:1px solid #c6a967}.search-box{background:#fffaf1;border:1px solid #b79b68}.filter-button{font-weight:600}
.about{border-top:5px double #c7a66a}.about-art{background:#e2b343 url('art/handmade-paper.webp') center/600px;background-blend-mode:multiply;border:5px double #947333;border-radius:5px}.about-art-caption{font-family:Georgia,serif;font-weight:700}.about-copy h2{font-size:43px}.about-copy>p{font-size:14px}
.trade{background:linear-gradient(90deg,#164329f0,#174128b0),url('art/tropical-spice-counter.webp') center/cover;border:5px double #cfa452!important;border-radius:7px;margin-bottom:60px}.trade h2{color:#ffe8a2}.trade .eyebrow{color:#ffd15c}.trade-steps>div{border-color:#a1af6c}.trade-steps>div>span{color:#f6c44d}.trade .button.cream{background:#f6c44d;color:#46351c}.contact-section .company-details{border-color:#bd9a55}footer{padding-top:32px;background:#e8d5aa url('art/handmade-paper.webp') center/700px;background-blend-mode:multiply;border-top:5px double #b39454}
[data-theme=dark]{--cream:#193a27;--ink:#fff1d0;--muted:#cfc6a2;--line:#607249;--orange:#ffc457}
[data-theme=dark] body{background:#25472f url('art/handmade-paper.webp') center/700px;background-blend-mode:multiply}
[data-theme=dark] .header{background:#193e2b url('art/handmade-paper.webp') center/700px;background-blend-mode:multiply;color:#fff2d2}
[data-theme=dark] .brand-word{color:#fff0c5}[data-theme=dark] .brand-word>span{color:#ffc247}[data-theme=dark] .header-actions{color:#fff3d8}
[data-theme=dark] .announcement{background:#8e2a1c;color:#fff2cb}[data-theme=dark] .language-switch button[aria-pressed=true]{color:#ffd065}
[data-theme=dark] .button.primary{background:#b83320;color:#fff4db}[data-theme=dark] .button.outline{background:#314e31;color:#ffdc88;border-color:#be9650}
[data-theme=dark] .hero .button.primary{background:#c13520}[data-theme=dark] .round-seal{background:#b42d1c;color:#ffe8a2}
[data-theme=dark] .spotlight{background:transparent}[data-theme=dark] .eyebrow{color:#efbf63}[data-theme=dark] .categories .eyebrow{color:#784a1c}
[data-theme=dark] .spotlight-copy .button.primary{background:#ffd05a;color:#4b2c16}[data-theme=dark] .catalogue{background:#24442d url('art/handmade-paper.webp') center/700px;background-blend-mode:multiply}
[data-theme=dark] .product-card{background:#203b29;border-color:#5c6940;border-bottom-color:#c49c42}[data-theme=dark] .product-card:nth-child(3n+2){border-bottom-color:#c45038}[data-theme=dark] .product-card:nth-child(3n){border-bottom-color:#75a64d}[data-theme=dark] .product-image{background:#f4ecd6}
[data-theme=dark] .filter-note{background:#365035;border-color:#7b8150}[data-theme=dark] .product-meta{color:#dabd7d}[data-theme=dark] .add-product{color:#ffd074}
[data-theme=dark] .trade{background:linear-gradient(90deg,#163c29ee,#174128b0),url('art/tropical-spice-counter.webp') center/cover}[data-theme=dark] footer{background:#173821 url('art/handmade-paper.webp') center/700px;background-blend-mode:multiply}
@media(min-width:1600px){.hero{padding-inline:max(5.5vw,calc((100vw - 1480px)/2));min-height:730px}.hero-visual{min-height:550px}.hero-pack-spice{height:435px}}
@media(max-width:1100px){.header{padding-inline:3vw}.header nav{gap:12px;font-size:11px}.hero{padding:50px 4vw 75px;min-height:600px}.hero-visual,.hero-visual.asal-hero{min-height:440px}.hero-pack-spice{height:310px}.hero-pack-chilli,.hero-pack-mango{height:250px}.visual-note{font-size:8px}.round-seal,.asal-hero .round-seal{width:90px;height:90px;top:10px}.category-image{height:155px}.spotlight-card{padding:22px 20px}.spotlight-copy h3{font-size:31px}.product-image{height:215px}}
@media(max-width:760px){.header{height:85px;padding-inline:18px;margin:0;gap:8px}.header-actions{gap:7px}.header .brand{min-width:95px}.header .brand-word{font-size:27px}.header .enquiry-trigger{font-size:9px;padding:9px 7px}.hero{padding:35px 24px 65px;grid-template-columns:1fr;gap:0;background-position:center;min-height:0}.hero:before{background:linear-gradient(180deg,#092f22b0,transparent 75%)}.hero-copy{padding:0}.hero h1,html[lang=nl] .hero h1{font-size:47px;letter-spacing:-1.2px}.hero .eyebrow{font-size:8px}.hero-copy>p{font-size:13px;max-width:440px}.hero .hero-actions{gap:16px}.hero .button.primary{padding:13px 17px}.hero-foot{display:none}.hero-visual,.hero-visual.asal-hero{min-height:360px;max-width:500px;width:100%;margin-top:20px}.visual-note{top:28px;left:0;font-size:7px;max-width:170px;letter-spacing:1.2px}.round-seal,.asal-hero .round-seal{top:5px;right:0;width:80px;height:80px}.round-seal strong{font-size:27px}.round-seal span,html[lang=nl] .round-seal span{font-size:4.7px}.hero-pack-spice{height:275px;bottom:27px}.hero-pack-chilli,.hero-pack-mango{height:210px;bottom:12px}.hero-asal-shami,.hero-asal-paya{bottom:0}.visual-caption{bottom:-34px;font-size:7px;left:0}.benefits{padding:16px 22px;gap:10px}.benefits>div{font-size:9px}.section{padding:42px 22px}.section-heading h2{font-size:32px}.spotlight-card{padding:20px;min-height:275px}.spotlight-copy h3{font-size:31px}.spotlight-image{height:230px}.spotlight-image .poster-crop{width:140px}.category-grid{gap:18px 10px}.category-card{padding:10px 7px 13px;border-radius:45px 45px 5px 5px}.category-image{height:137px}.category-title,html[lang=nl] .category-title{font-size:10px}.category-count{font-size:9px}.product-card{padding:8px}.product-grid{gap:15px 10px}.product-image{height:207px;padding:12px}.product-name{font-size:14px}.product-meta{font-size:7px}.add-product{font-size:10px}.about-copy h2{font-size:33px}.trade{margin:0 22px 42px;padding:30px 23px}.contact-section{padding-top:0}footer{padding:28px 22px 0}}
@media(max-width:390px){.header{padding-inline:12px}.header .brand{min-width:85px}.header .brand-word{font-size:25px}.header-actions{gap:5px}.hero{padding-inline:20px}.hero h1,html[lang=nl] .hero h1{font-size:42px}.hero-visual,.hero-visual.asal-hero{min-height:310px}.hero-pack-spice{height:235px}.hero-pack-chilli,.hero-pack-mango{height:180px}.category-image{height:110px}.product-image{height:170px}.spotlight-card{padding:16px;gap:14px}.spotlight-copy h3{font-size:26px}.spotlight-image{height:195px}.spotlight-image .poster-crop{width:115px}.hero .button.primary{font-size:10px}}