@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Noto+Serif+SC:wght@400;500;600;700&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--ink:#20211f;--muted:#666963;--green:#353d36;--green-deep:#222923;--lime:#f3efe5;--paper:#faf9f5;--white:#fffefa;--line:#d9d8cf;--soft:#efeee8;--amber:#79543b;--radius:3px;--heading:'Cormorant Garamond','Noto Serif SC',serif;--body:'DM Sans','Noto Sans SC',sans-serif}
body{background-color:var(--paper);background-image:radial-gradient(ellipse at 95% 10%,#e6e4dc55,transparent 45%);font-size:16px}
h1,h2,h3{font-weight:600;letter-spacing:-.018em}h1{line-height:1.18}h2{font-size:clamp(1.6rem,2.5vw,2.25rem)}h3{font-size:1.25rem}.shell{width:min(1440px,calc(100% - 80px))}
:lang(zh-Hans) h1,:lang(zh-Hans) h2,:lang(zh-Hans) h3{line-height:1.55;letter-spacing:.035em}
.topbar{background:#242824;color:#f6f3eb;font-size:.875rem;letter-spacing:.045em}.topbar .shell{padding-block:7px}.site-header{background:#fffefa}.header-inner{min-height:106px;gap:22px}
.brand-word{font:600 1.85rem var(--heading);letter-spacing:.035em}.brand-sub{font-size:.75rem;letter-spacing:.055em}.brand img{mix-blend-mode:multiply;width:60px;height:60px}
.header-links{gap:25px;font-size:.9375rem}.header-controls{display:flex;align-items:center;gap:17px}.language-menu{position:relative;z-index:25;min-width:130px;font-size:.875rem}.language-menu summary{cursor:pointer;list-style:none;border:1px solid var(--line);padding:9px 13px;display:flex;gap:10px;align-items:center;background:var(--white);border-radius:2px}.language-menu summary:after{content:'+';font-size:1rem}.language-menu[open] summary:after{content:'-'}
.language-menu summary>span{color:var(--muted)}.language-menu nav{position:absolute;inset-inline-end:0;top:calc(100% + 5px);min-width:190px;background:var(--white);border:1px solid var(--line);box-shadow:0 12px 24px #151b1612;padding:7px}.language-menu nav a{display:block;padding:10px 13px;border-radius:2px}.language-menu nav a:hover,.language-menu nav a[aria-current=true]{background:var(--soft);color:var(--ink)}
.category-nav{background:#f3f2ec}.category-nav .shell{gap:26px;padding-block:12px}.page{padding-top:27px}.eyebrow{font-size:.8125rem;letter-spacing:.12em;color:#61665a}.button{border-radius:2px;background:#303831;border-color:#303831;font-size:.9375rem}.button.lime{background:#f5f2e8;color:#303831;border-color:#e1ded2}.button.secondary{background:var(--white)}.button:hover{transform:none}
.home-hero{position:relative;isolation:isolate;display:block;min-height:555px;padding:44px 0 38px;margin-top:-27px;border-bottom:1px solid var(--line);background:url('/assets/ink-wash-herbs.png') no-repeat right center;background-size:cover}
.home-hero>div{position:relative;max-width:70%;z-index:1}.home-hero h1{font-size:clamp(3.1rem,5.35vw,5.5rem);max-width:960px;line-height:1.1;letter-spacing:-.03em;font-weight:500}.home-hero h1 span{color:#424a3b}.hero-copy{max-width:660px;margin-top:23px;font-size:1.0625rem;line-height:1.8;color:#444b41}.hero-search{max-width:755px;margin-top:25px;border-color:#b8bdb0;border-radius:3px;background:#fffefbf5;box-shadow:0 4px 16px #1b21120a}.popular a{background:#f1f1e7;color:#404a39;border-bottom:1px solid #c8cebc;border-radius:0}.popular{font-size:.9375rem}
.sourcing-panel{display:flex;flex-direction:row;align-items:center;justify-content:start;max-width:720px;width:68%;margin-top:24px;padding:18px 0 0;border-top:1px solid #b8bcb0;background:transparent;color:var(--ink);border-radius:0;gap:24px;overflow:visible}.sourcing-panel:before{display:none}.sourcing-panel .eyebrow{display:none}.sourcing-panel h2{font-family:var(--body);font-size:1rem;font-weight:600;max-width:none;line-height:1.5;letter-spacing:0}.sourcing-panel h2 br{display:none}.sourcing-panel h2 br:after{content:' '}.sourcing-panel p{font-size:.875rem;color:#565e51;margin-top:5px}.sourcing-panel .button{flex-shrink:0;align-self:center}
.stats-row{border-radius:0;margin:0 0 36px;border-inline:0;background:#fffefaee}.stat{padding-block:22px}.stat strong{font:600 2.25rem var(--heading);letter-spacing:0}.stat span{font-size:.875rem}.category-rail,.product-card,.table-scroll,.filters,.profile-top,.panel,.service-step,.evidence-note,.empty{border-radius:3px;background-color:var(--white)}.product-top{background:linear-gradient(125deg,#e9ebe2,#f7f6f0);border-color:#dbdfd3;min-height:82px}.product-code{font:500 .875rem var(--body);letter-spacing:.15em;color:#56634d}.product-kind{font-size:.8125rem;border-color:#c2c9b6;color:#4b5940;border-radius:1px}.product-body h3{font-size:1.3rem;line-height:1.35}.product-bottom{font-size:.875rem}.product-body{padding:23px}.product-card:hover{transform:translateY(-2px);border-color:#8b967e}.category-rail a{font-size:.9375rem}.category-rail h3{font:600 1rem var(--body)}.category-rail .rail-foot{font-size:.875rem;background:#f0f0e6;border-radius:0}
.service-strip .number{font:500 1.75rem var(--heading);color:#667257}.service-strip h3{font:600 1rem var(--body)}.service-strip p,.footer-top p{font-size:.9375rem}.supplier-table th{font-size:.875rem;letter-spacing:.025em;background:#eeefe8}.supplier-table td{border-color:#e2e4d9}.supplier-table small,.supplier-table .company-location{font-size:.875rem}.supplier-table strong{font-weight:600;line-height:1.65}.badge{font-size:.8125rem;background:#e8eddf;color:#48543e;border-radius:2px}.badge.pending{background:#f2ece0;color:#775d39}.badge.sme{background:#eff0e4;color:#646b40}.tabs a{font-size:.9375rem}.profile-top{padding:35px;border-top:3px solid #4b5640}.profile-top h1{font-size:clamp(2rem,3.9vw,3.5rem)}.profile-top .eyebrow{font-size:.875rem}.panel h2{font-size:1.7rem}.panel h3{font-size:1.25rem}.specs{font-size:1rem;grid-template-columns:190px minmax(0,1fr)}.specs small{font-size:.875rem}.contact-panel{background:#30392c;color:#fffefa}.contact-panel p,.contact-panel small{color:#e0e5d8}.contact-panel .contact-email{color:#f5f2e8}.profile-layout{grid-template-columns:minmax(0,1fr) 340px}.notice-maintenance{background:#eef1e7;color:#4c5a3f;border-left-color:#7c8b65;font-size:.875rem}
.service-step .step-no{color:#8a977a;font-size:3rem}.service-step h2{font-size:1.55rem}.service-step p{font-size:1rem}.evidence-note{font-size:.9375rem;background:#f1f2e9}.footer-bottom{font-size:.875rem;line-height:1.7}.footer-top .brand-word{font-size:1.6rem}.footer-links h2{font:600 1rem var(--body)}.footer-links a{font-size:.9375rem}.footer-languages{display:flex;flex-wrap:wrap;gap:12px 24px;border-top:1px solid var(--line);padding-top:24px;margin-top:26px;font-size:.9375rem}.footer-languages a[aria-current=true]{border-bottom:1px solid var(--ink)}.language-note{font-size:.875rem;color:var(--muted);max-width:950px;margin-top:20px}
.sourcing-answers{margin-top:38px;padding:30px 0;border-top:1px solid #b8c0ac}.sourcing-answers h2{margin-bottom:20px}.answer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.answer-grid article{border-top:1px solid var(--line);padding-top:18px}.answer-grid h3{font:600 1rem/1.6 var(--body);letter-spacing:0;margin-bottom:10px}.answer-grid p{font-size:.9375rem;color:#525b49;line-height:1.85}.answer-links{display:flex;flex-wrap:wrap;gap:15px 28px;margin-top:22px}.editorial-date{font-size:.875rem;color:var(--muted);margin-top:20px}.rtl-note{unicode-bidi:plaintext}
html[dir=rtl]{--heading:'Noto Sans Arabic',serif;--body:'Noto Sans Arabic',sans-serif}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{letter-spacing:0;line-height:1.7}html[dir=rtl] .home-hero{background-position:left center}html[dir=rtl] .home-hero>div{background:#faf9f5d9;padding:12px;border-radius:2px}html[dir=rtl] .supplier-table{text-align:right}html[dir=rtl] .specs dt{padding-right:0;padding-left:20px}html[dir=rtl] .checklist li{padding-right:26px;padding-left:0}html[dir=rtl] .checklist li:before{left:auto;right:0}html[dir=rtl] .source-list{padding-left:0;padding-right:22px}html[dir=rtl] .brand-word,html[dir=rtl] .contact-email,html[dir=rtl] a[href^="mailto:"]{direction:ltr;unicode-bidi:isolate}
@media(max-width:1150px){.shell{width:calc(100% - 48px)}.header-links{gap:15px}.header-controls{gap:10px}.header-controls>.button{display:none}.brand-sub{max-width:195px;line-height:1.5}.language-menu{min-width:120px}.language-menu summary>span{display:none}.home-hero>div{max-width:80%}.home-hero{background-position:60% center}.home-hero h1{font-size:clamp(3.1rem,5.8vw,4.75rem)}.profile-layout{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:760px){.shell{width:calc(100% - 32px)}.topbar .shell{font-size:.75rem;letter-spacing:.01em}.header-inner{min-height:96px;flex-wrap:wrap;gap:10px;padding-block:12px}.brand img{width:46px;height:46px}.brand-word{font-size:1.6rem}.brand-sub{font-size:.7rem;max-width:180px}.header-controls{margin-inline-start:auto;gap:7px}.language-menu{min-width:0}.language-menu summary{padding:8px;font-size:.8125rem}.language-menu nav{min-width:166px}.mobile-menu summary{font-size:.875rem;padding:8px}.header-links{display:none}.category-nav .shell{gap:21px}.home-hero{margin-top:-27px;padding:36px 0 25px;min-height:0;background-position:62% top;background-size:auto 440px}.home-hero>div{max-width:100%;padding-top:4px;background:linear-gradient(90deg,#faf9f5f5 35%,#faf9f5bd 75%,#faf9f538)}.home-hero h1{font-size:clamp(2.5rem,9vw,4rem);line-height:1.16}.home-hero .eyebrow{font-size:.8125rem;letter-spacing:.08em}.hero-copy{font-size:1rem;line-height:1.85;max-width:95%;color:#333e2d}.hero-search{flex-wrap:wrap;margin-top:24px;gap:4px}.hero-search input{font-size:1rem}.hero-search select{font-size:.875rem}.hero-search button{width:100%}.sourcing-panel{width:100%;max-width:none;display:flex;gap:15px;align-items:start;background:#faf9f5e6}.sourcing-panel h2{font-size:.9375rem}.sourcing-panel p{display:none}.sourcing-panel .button{font-size:.8125rem;padding:10px}.stats-row{margin-bottom:26px}.stat strong{font-size:2rem}.stat span{font-size:.875rem}.product-grid,.product-grid.wide{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-body{padding:16px}.product-body h3{font-size:1.15rem}.product-body .alternate{font-size:.875rem}.product-bottom{font-size:.8125rem}.product-top{min-height:74px;padding:14px}.product-kind{font-size:.75rem}.section-head .text-link{white-space:normal;font-size:.875rem}.profile-layout,.two-column{grid-template-columns:1fr}.profile-top{padding:24px}.profile-top h1{font-size:2rem}.specs{grid-template-columns:110px minmax(0,1fr);font-size:.9375rem}.panel{padding:22px}.panel h2{font-size:1.5rem}.answer-grid{grid-template-columns:1fr;gap:20px}.sourcing-answers{padding-top:24px}.answer-grid p{font-size:.9375rem}.footer-languages{gap:14px 22px}.footer-bottom{font-size:.875rem}.eyebrow{font-size:.8125rem}}
@media(max-width:390px){.header-inner>.brand{width:100%}.header-controls{width:100%;justify-content:space-between;margin:0}.home-hero h1{font-size:2.6rem}.product-grid,.product-grid.wide{grid-template-columns:1fr}.sourcing-panel{flex-direction:column}.sourcing-panel .button{align-self:start}.filters,.filters.products{grid-template-columns:1fr}.specs{grid-template-columns:1fr}.specs dt{padding-bottom:2px;border-bottom:0}.specs dd{padding-top:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
