:root{--ink:#1e211d;--muted:#6c716a;--paper:#f7f5ef;--cream:#eee9dd;--green:#1f5a44;--green-2:#dce9d8;--yellow:#f4d867;--coral:#ef806d;--blue:#cadfe4;--line:#d8d5cc;--white:#fffdf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans SC',sans-serif;font-size:15px;line-height:1.5}.announcement{height:34px;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;letter-spacing:.03em;position:relative}.announcement-close{border:0;background:transparent;color:#fff;position:absolute;right:20px;font-size:18px;cursor:pointer}.site-header{position:sticky;top:0;z-index:20;background:rgba(247,245,239,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.header-inner{height:78px;max-width:1320px;margin:auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:800;font-size:20px;text-decoration:none;letter-spacing:-.04em;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--green);color:#fff;font-family:serif;font-size:17px}.main-nav{display:flex;align-items:center;gap:28px;margin-left:auto}.main-nav a,.footer-col a{color:var(--ink);text-decoration:none;font-size:13px}.main-nav a:hover,.footer-col a:hover{color:var(--green)}.header-actions{display:flex;align-items:center;gap:10px}.icon-btn,.cart-btn,.menu-btn{border:0;background:transparent;color:var(--ink);cursor:pointer}.icon-btn{font-size:22px;width:30px}.cart-btn{font-size:13px;font-weight:700;padding-left:12px}.cart-btn span{display:inline-grid;place-items:center;min-width:20px;height:20px;background:var(--green);color:#fff;border-radius:50%;font-size:11px;margin-left:5px}.menu-btn{display:none;font-size:21px}.search-bar{max-width:1320px;margin:auto;padding:0 40px 14px;display:none}.search-bar.open{display:flex}.search-bar input{flex:1;border:1px solid var(--line);border-right:0;padding:12px 14px;background:var(--white);font:inherit}.search-bar button{border:0;background:var(--green);color:#fff;padding:0 20px;font-weight:700}.hero{max-width:1320px;margin:0 auto;padding:78px 40px 90px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:70px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700;color:var(--green);margin:0 0 16px}.hero h1{font-size:clamp(46px,5.4vw,80px);line-height:1.05;letter-spacing:-.06em;margin:0 0 25px;font-weight:900}.hero h1 em{font-style:normal;color:var(--green)}.hero-sub{font-size:17px;color:var(--muted);max-width:430px;line-height:1.8;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:24px}.btn{display:inline-flex;align-items:center;gap:18px;border:0;padding:14px 22px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--green);color:#fff}.btn-dark{background:var(--ink);color:#fff}.text-link{color:var(--ink);font-weight:700;text-decoration:none;font-size:13px;border-bottom:1px solid var(--ink);padding-bottom:4px}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:48px;color:var(--muted);font-size:12px}.avatars{display:flex}.avatars span{width:28px;height:28px;border-radius:50%;background:var(--cream);display:grid;place-items:center;font-size:10px;border:2px solid var(--paper);margin-left:-5px}.avatars span:first-child{margin-left:0;background:#e0b8a4}.avatars span:nth-child(2){background:#b8d4c0}.avatars span:nth-child(3){background:#e7d484}.avatars span:last-child{background:var(--green);color:#fff}.hero-visual{position:relative}.hero-image-wrap{position:relative;overflow:hidden;aspect-ratio:1.12/1;background:var(--cream)}.hero-image-wrap img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9)}.floating-note{position:absolute;left:22px;bottom:22px;background:var(--white);padding:13px 15px;display:flex;align-items:center;gap:11px;min-width:230px;box-shadow:0 8px 24px rgba(20,35,22,.13)}.note-dot{width:12px;height:12px;background:var(--coral);border-radius:50%}.floating-note div{display:flex;flex-direction:column;line-height:1.25;flex:1}.floating-note strong{font-size:11px}.floating-note small{color:var(--muted);font-size:11px}.floating-note b{font-size:14px}.hero-stamp{position:absolute;right:-25px;top:24px;border:1px solid var(--green);color:var(--green);width:83px;height:83px;border-radius:50%;display:grid;place-items:center;text-align:center;font-size:9px;line-height:1.15;transform:rotate(12deg);background:var(--paper)}.hero-stamp strong{font-size:19px;display:block}.category-strip{max-width:1320px;margin:0 auto;padding:0 40px 90px;display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:12px}.category-intro{display:flex;align-items:center;gap:15px;color:var(--muted);font-size:13px}.category-intro p{margin:0;line-height:1.6}.category-intro strong{color:var(--ink);font-size:16px}.line{width:38px;height:1px;background:var(--ink)}.category-card{min-height:170px;padding:22px 20px;position:relative;text-decoration:none;color:var(--ink);transition:transform .2s}.category-card:hover{transform:translateY(-4px)}.category-green{background:var(--green-2)}.category-yellow{background:var(--yellow)}.category-coral{background:var(--coral)}.category-blue{background:var(--blue)}.category-icon{font-size:27px;display:block;margin-bottom:24px}.category-card h3{margin:0 0 5px;font-size:18px}.category-card span:not(.category-icon){font-size:11px;color:rgba(30,33,29,.65)}.category-card b{position:absolute;right:18px;bottom:17px;font-size:20px}.shop-section,.recipe-section{max-width:1320px;margin:0 auto;padding:0 40px 110px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.section-head h2{font-size:34px;letter-spacing:-.05em;margin:0;font-weight:800}.shop-toolbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin-bottom:30px}.filter-tabs{display:flex;gap:21px}.filter-tab{border:0;background:none;padding:0;color:var(--muted);font:inherit;font-size:13px;cursor:pointer}.filter-tab.active{color:var(--ink);font-weight:700;border-bottom:2px solid var(--green);padding-bottom:5px}.sort-control{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.sort-control select{background:transparent;border:0;font:inherit;color:var(--ink);cursor:pointer}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{position:relative}.product-image{background:var(--cream);aspect-ratio:1/1;overflow:hidden;position:relative}.product-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.product-card:hover .product-image img{transform:scale(1.04)}.tag{position:absolute;left:12px;top:12px;background:var(--white);padding:5px 8px;font-size:10px}.quick-add{position:absolute;right:12px;bottom:12px;width:39px;height:39px;border:0;border-radius:50%;background:var(--green);color:#fff;font-size:21px;cursor:pointer;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s}.product-card:hover .quick-add{opacity:1;transform:translateY(0)}.product-info{padding:14px 0}.product-info h3{font-size:14px;margin:0 0 4px}.product-info p{font-size:12px;color:var(--muted);margin:0 0 8px}.product-price{font-size:14px;font-weight:700}.product-price del{font-weight:400;color:var(--muted);margin-left:6px}.feature-band{background:var(--cream);display:grid;grid-template-columns:1fr 1fr;min-height:540px;margin-bottom:110px}.feature-image{overflow:hidden}.feature-image img{width:100%;height:100%;object-fit:cover}.feature-copy{padding:80px max(40px,8vw);display:flex;flex-direction:column;justify-content:center}.feature-copy h2{font-size:46px;line-height:1.1;letter-spacing:-.06em;margin:0 0 22px}.feature-copy>p:not(.eyebrow){color:var(--muted);line-height:1.8;max-width:420px;margin:0 0 30px}.feature-stats{display:flex;gap:38px;margin-bottom:36px}.feature-stats div{display:flex;flex-direction:column}.feature-stats strong{font-size:26px;letter-spacing:-.04em}.feature-stats span{font-size:11px;color:var(--muted)}.recipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.recipe-card{position:relative;aspect-ratio:1/1.18;overflow:hidden;background:#ddd}.recipe-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.recipe-card:hover img{transform:scale(1.05)}.recipe-card:after{content:"";position:absolute;inset:38% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.7))}.recipe-overlay{position:absolute;left:22px;right:20px;bottom:20px;color:#fff;z-index:1}.recipe-overlay span{font-size:10px;letter-spacing:.12em}.recipe-overlay h3{font-size:28px;margin:5px 0}.recipe-overlay p{font-size:12px;margin:0 0 12px;opacity:.85}.recipe-overlay a{font-size:12px;color:#fff;text-decoration:none;border-bottom:1px solid #fff;padding-bottom:3px}.newsletter{max-width:1320px;margin:0 auto;padding:45px 40px 100px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;border-top:1px solid var(--line)}.newsletter h2{font-size:38px;letter-spacing:-.05em;margin:0 0 7px}.newsletter p:not(.eyebrow){color:var(--muted);margin:0}.newsletter form{display:grid;grid-template-columns:minmax(230px,300px) auto;position:relative}.newsletter input{border:0;border-bottom:1px solid var(--ink);background:transparent;padding:14px 0;font:inherit;outline:0}.newsletter form .btn{margin-left:16px}.newsletter small{position:absolute;top:52px;color:var(--green);font-size:11px}.site-footer{background:var(--ink);color:#e9e9e0;padding:65px 40px 22px}.footer-top{max-width:1240px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:60px;padding-bottom:70px}.footer-brand .brand{color:#fff}.footer-brand .brand-mark{background:var(--coral)}.footer-brand p{color:#aeb3a9;font-size:13px;max-width:190px;margin:20px 0 30px}.socials{display:flex;gap:14px}.socials a{color:#e9e9e0;text-decoration:none;font-size:11px}.footer-col,.footer-contact{display:flex;flex-direction:column;gap:11px}.footer-col h4,.footer-contact h4{font-size:12px;margin:0 0 9px;color:#fff}.footer-col a,.footer-contact p{color:#aeb3a9;font-size:12px;margin:0}.footer-contact .text-link{color:#fff;border-color:#fff;align-self:flex-start}.footer-bottom{max-width:1240px;margin:auto;border-top:1px solid #40453e;padding-top:18px;display:flex;justify-content:space-between;color:#777d74;font-size:10px}.cart-drawer{position:fixed;right:0;top:0;bottom:0;width:min(430px,100%);background:var(--paper);z-index:50;transform:translateX(100%);transition:transform .3s;display:flex;flex-direction:column}.cart-drawer.open{transform:translateX(0)}.drawer-backdrop{position:fixed;inset:0;background:rgba(15,24,18,.35);z-index:40;opacity:0;pointer-events:none;transition:opacity .3s}.drawer-backdrop.open{opacity:1;pointer-events:auto}.cart-header{padding:25px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.cart-header h2{margin:0;font-size:23px}.cart-header h2 span{font-size:12px;color:var(--muted);font-weight:400}.cart-header button{font-size:25px;border:0;background:none;cursor:pointer}.cart-items{flex:1;padding:22px 25px;overflow:auto}.cart-empty{height:100%;display:grid;place-content:center;text-align:center;color:var(--muted);line-height:2;font-size:13px}.cart-empty a{color:var(--ink);font-weight:700}.cart-item{display:grid;grid-template-columns:70px 1fr auto;gap:12px;align-items:center;margin-bottom:20px}.cart-item img{width:70px;height:70px;object-fit:cover}.cart-item h4{margin:0 0 3px;font-size:13px}.cart-item p{margin:0;color:var(--muted);font-size:11px}.cart-item .remove{border:0;background:none;color:var(--muted);font-size:12px;cursor:pointer}.cart-footer{padding:20px 25px;border-top:1px solid var(--line)}.cart-footer>div{display:flex;justify-content:space-between;margin-bottom:14px}.cart-footer strong{font-size:18px}.checkout-btn{width:100%;justify-content:space-between}.mobile-open{overflow:hidden}
@media(max-width:900px){.header-inner{padding:0 20px;height:68px}.main-nav{display:none}.menu-btn{display:block}.hero{grid-template-columns:1fr;padding:55px 20px 65px;gap:35px}.hero h1{font-size:56px}.hero-visual{max-width:620px}.category-strip{padding:0 20px 70px;grid-template-columns:repeat(2,1fr)}.category-intro{grid-column:1/-1;margin-bottom:8px}.shop-section,.recipe-section{padding-left:20px;padding-right:20px}.product-grid{grid-template-columns:repeat(2,1fr)}.feature-band{grid-template-columns:1fr}.feature-image{height:380px}.feature-copy{padding:55px 20px}.newsletter{padding:35px 20px 75px;display:block}.newsletter form{margin-top:28px}.footer-top{grid-template-columns:1fr 1fr;gap:40px;padding-bottom:45px}.footer-contact{grid-column:1/-1}.site-footer{padding:50px 20px 20px}.footer-bottom{display:block;line-height:2}.footer-bottom span{display:block}.hero-stamp{right:-10px}.section-head h2{font-size:28px}.recipe-overlay h3{font-size:23px}}
@media(max-width:560px){.header-actions .icon-btn{display:none}.cart-btn{padding:0}.hero h1{font-size:46px}.hero-sub{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.category-strip{grid-template-columns:1fr 1fr;gap:8px}.category-card{min-height:145px;padding:16px}.category-icon{margin-bottom:15px}.shop-toolbar{align-items:flex-start;gap:15px;flex-direction:column}.filter-tabs{gap:14px;flex-wrap:wrap}.sort-control{align-self:flex-end}.product-grid{gap:14px}.section-head{align-items:flex-start;gap:15px;flex-direction:column}.section-head .text-link{align-self:flex-end}.feature-copy h2{font-size:38px}.feature-stats{gap:22px}.recipe-grid{grid-template-columns:1fr}.recipe-card{aspect-ratio:1/1}.newsletter h2{font-size:32px}.newsletter form{display:block}.newsletter form .btn{margin:18px 0 0}.newsletter input{width:100%}.floating-note{left:12px;bottom:12px;min-width:210px}}
.b2b-quick-cards{grid-template-columns:repeat(4,1fr)}
.b2b-card strong{font-size:14px}
@media(max-width:900px){.b2b-quick-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.b2b-quick-cards{grid-template-columns:1fr}}
@media(max-width:900px){.factory-section:before{right:20px;top:4px;font-size:8px}}
@media(max-width:560px){.factory-section:before{display:none}}
.category-strip-wide{grid-template-columns:repeat(4,1fr)}
.category-strip-wide .category-intro{grid-column:1/-1}
.category-strip-wide .category-card{min-height:150px}
.category-strip-wide .category-card h3{font-size:14px;line-height:1.35;max-width:190px}
@media(max-width:900px){.category-strip-wide{grid-template-columns:repeat(2,1fr)}.category-strip-wide .category-intro{grid-column:1/-1}}
@media(max-width:560px){.category-strip-wide .category-card h3{font-size:13px}}
.category-strip-wide .category-card h3 small{display:block;margin-top:3px;font-family:'DM Sans',sans-serif;font-size:9px;font-weight:600;letter-spacing:.02em;color:#536057;line-height:1.25}
.category-strip-wide .category-card>span:not(.category-icon) small{display:block;margin-top:3px;font-size:9px;line-height:1.25;color:#7a847c}
.category-strip-wide .category-card{overflow:hidden}
.category-strip-wide .category-thumb{position:absolute;right:16px;top:37px;width:76px;height:62px;object-fit:cover;border:1px solid #b9c3bb;background:#d8ded9;filter:grayscale(.08) saturate(.86);z-index:0}
.category-strip-wide .category-icon,.category-strip-wide .category-card h3,.category-strip-wide .category-card>span:not(.category-icon),.category-strip-wide .category-card>b{position:relative;z-index:1}
.category-strip-wide .category-card h3{max-width:62%;min-height:37px}
@media(max-width:560px){.category-strip-wide .category-thumb{width:60px;height:50px;right:11px;top:34px}.category-strip-wide .category-card h3{max-width:68%}}
.category-strip-wide .category-green{background:#dce9d8;border-color:#c6d5c5}
.category-strip-wide .category-yellow{background:#f5d867;border-color:#e1c34f}
.category-strip-wide .category-coral{background:#ef806d;border-color:#dc6d5b}
.category-strip-wide .category-blue{background:#c9dfe4;border-color:#b4d0d6}
.category-strip-wide .category-card:nth-child(2){background:#dce9d8;border-color:#c6d5c5}
.category-strip-wide .category-card:nth-child(3){background:#f5d867;border-color:#e1c34f}
.category-strip-wide .category-card:nth-child(4){background:#ef806d;border-color:#dc6d5b}
.category-strip-wide .category-card:nth-child(5){background:#c9dfe4;border-color:#b4d0d6}
.category-strip-wide .category-card:nth-child(6){background:#c9d9c4;border-color:#b6cbb2}
.category-strip-wide .category-card:nth-child(7){background:#f2c7a7;border-color:#dfad8b}
.category-strip-wide .category-card:nth-child(8){background:#d9cce8;border-color:#c3b1d7}
.category-strip-wide .category-card:nth-child(9){background:#e5d7b9;border-color:#d1be95}

/* Industrial supplier visual language */
:root{--paper:#f1f2ef;--cream:#e3e6e1;--green:#173f35;--green-2:#d7e0d8;--line:#c9d0ca;--white:#fbfcfa}
.site-header{background:rgba(241,242,239,.97)}
.brand-mark{border-radius:2px;background:var(--green);font-family:'Noto Sans SC',sans-serif;font-weight:900}
.hero-image-wrap img,.feature-image img,.factory-gallery img{filter:grayscale(.18) contrast(1.06) saturate(.78)}
.hero-image-wrap{border:1px solid #bfc7c0}
.hero-stamp{border-radius:2px;transform:rotate(0);width:92px;height:62px;top:18px;right:18px;font-size:8px;background:rgba(241,242,239,.92)}
.hero-stamp strong{font-size:17px}
.category-green,.category-yellow,.category-coral,.category-blue{background:var(--cream);border:1px solid var(--line)}
.category-card:before{content:'SPEC / 2025';position:absolute;right:18px;top:17px;font-size:8px;color:#758077;letter-spacing:.1em}
.category-card b{color:var(--green)}
.b2b-quick,.sample-section{border:1px solid var(--line)}
.b2b-card{border:1px solid #d5dbd5}
.feature-band{background:#e5e8e3;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.feature-copy h2,.sample-copy h2,.b2b-quick-copy h2{letter-spacing:-.045em}
.factory-section{position:relative}
.factory-section:before{content:'PRODUCTION / QUALITY / LOGISTICS';display:block;position:absolute;right:40px;top:8px;color:#7a867d;font-size:9px;letter-spacing:.14em}
.factory-gallery img{border:1px solid #bfc7c0}
.socials{gap:10px}
.social-icon{width:28px;height:28px;border:1px solid #6e7971;border-radius:2px;display:grid;place-items:center;color:#e9e9e0;text-decoration:none;font-size:13px;font-weight:700;line-height:1}
.social-icon:hover{background:var(--green);border-color:var(--green);color:#fff}
.site-footer{background:#1c2420}
.merchant-login{font-size:11px;color:var(--green);text-decoration:none;border:1px solid #9eaaa1;padding:7px 10px;white-space:nowrap}.merchant-login:hover{background:var(--green);color:#fff;border-color:var(--green)}
@media(max-width:560px){.merchant-login{font-size:10px;padding:6px 8px}}

.b2b-quick{max-width:1320px;margin:0 auto 110px;padding:45px 40px;background:var(--green-2);display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:center}.b2b-quick-copy h2{font-size:39px;line-height:1.12;letter-spacing:-.055em;margin:0 0 18px}.b2b-quick-copy h2 em{font-style:normal;color:var(--green)}.b2b-quick-copy>p:not(.eyebrow){max-width:430px;color:var(--muted);line-height:1.8;margin:0 0 24px}.b2b-quick-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.b2b-card{background:var(--white);color:var(--ink);padding:19px 16px 20px;min-height:146px;text-decoration:none;display:flex;flex-direction:column;position:relative;transition:transform .2s}.b2b-card:hover{transform:translateY(-4px)}.b2b-number{font-size:10px;color:var(--green);letter-spacing:.1em;margin-bottom:17px}.b2b-card strong{font-size:15px;margin-bottom:5px}.b2b-card small{font-size:11px;color:var(--muted);line-height:1.45}.b2b-card b{position:absolute;right:14px;bottom:13px;font-size:18px}.factory-section{max-width:1320px;margin:0 auto;padding:0 40px 110px}.factory-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}.factory-gallery{display:grid;grid-template-columns:1.3fr .7fr;grid-template-rows:1fr 1fr;gap:12px;aspect-ratio:1.35/1}.factory-gallery img{width:100%;height:100%;object-fit:cover;display:block}.factory-gallery .factory-main{grid-row:1/-1}.factory-copy{padding-right:40px}.factory-label{font-size:10px;letter-spacing:.14em;color:var(--green);font-weight:700}.factory-copy h3{font-size:35px;line-height:1.15;letter-spacing:-.05em;margin:15px 0 17px}.factory-copy>p{color:var(--muted);line-height:1.8;margin:0 0 28px}.factory-stats{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding-top:18px;gap:15px}.factory-stats div{display:flex;flex-direction:column}.factory-stats strong{font-size:20px}.factory-stats span{font-size:10px;color:var(--muted);margin-top:3px}.sample-section{background:var(--cream);padding:75px max(40px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.sample-copy h2{font-size:42px;line-height:1.1;letter-spacing:-.055em;margin:0 0 17px}.sample-copy>p:not(.eyebrow){color:var(--muted);line-height:1.8;max-width:410px}.sample-contact{display:flex;flex-direction:column;margin-top:35px}.sample-contact span,.sample-contact small{font-size:11px;color:var(--muted)}.sample-contact strong{font-size:25px;letter-spacing:-.03em;margin:3px 0}.sample-form{display:flex;flex-direction:column;gap:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sample-form input,.sample-form select,.sample-form textarea{border:1px solid var(--line);background:var(--white);font:inherit;padding:13px 14px;color:var(--ink);outline:0}.sample-form textarea{min-height:95px;resize:vertical}.sample-form .btn{align-self:flex-start}.sample-form>small{font-size:11px;color:var(--green)}
.main-nav.mobile-visible{position:absolute;left:0;right:0;top:68px;display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:14px 20px;background:var(--paper);border-bottom:1px solid var(--line)}.main-nav.mobile-visible a{padding:9px 0}
@media(max-width:900px){.b2b-quick{margin:0 20px 70px;padding:35px 25px;grid-template-columns:1fr;gap:30px}.factory-section{padding-left:20px;padding-right:20px}.factory-layout{grid-template-columns:1fr;gap:30px}.factory-copy{padding-right:0}.sample-section{padding:55px 20px;grid-template-columns:1fr;gap:35px}}
@media(max-width:560px){.b2b-quick{padding:30px 18px}.b2b-quick-copy h2{font-size:31px}.b2b-quick-cards{grid-template-columns:1fr}.b2b-card{min-height:110px}.factory-gallery{aspect-ratio:1.1/1}.sample-copy h2{font-size:34px}.form-row{grid-template-columns:1fr}}

/* Mobile catalogue: prioritise readable product categories and touch targets. */
@media (max-width: 560px) {
  html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
  .announcement { height: 30px; padding: 0 42px 0 14px; font-size: 11px; text-align: center; }
  .announcement-close { right: 12px; }
  .header-inner { height: 64px; padding: 0 16px; gap: 10px; min-width: 0; justify-content: flex-start; }
  .brand { gap: 8px; font-size: 18px; }
  .brand-mark { width: 30px; height: 30px; font-size: 16px; }
  .header-actions { display: flex; flex: 0 0 auto; gap: 4px; margin-left: auto; }
  .merchant-login { display: none; }
  .cart-btn { position: relative; width: 36px; height: 36px; padding: 0; font-size: 0; overflow: visible; }
  .cart-btn::before { content: '▣'; color: var(--ink); font-size: 21px; line-height: 36px; }
  .cart-btn span { position: absolute; right: -4px; top: 0; min-width: 17px; height: 17px; margin: 0; font-size: 9px; line-height: 17px; }
  .menu-btn { flex: 0 0 38px; width: 38px; padding: 6px; font-size: 24px; }
  .main-nav.mobile-visible { top: 64px; padding: 12px 16px; }

  .hero { padding: 34px 16px 44px; gap: 26px; }
  .hero h1 { font-size: 40px; letter-spacing: 0; }
  .hero-proof { margin-top: 30px; }
  .hero-sub { max-width: 100%; overflow-wrap: anywhere; }
  .floating-note { right: 10px; left: 10px; min-width: 0; }
  .hero-stamp { right: 12px; top: 12px; }

  .category-strip,
  .category-strip-wide { grid-template-columns: 1fr; gap: 10px; padding: 0 16px 56px; }
  .category-intro { margin: 0; padding: 10px 0 3px; }
  .category-card,
  .category-strip-wide .category-card { min-height: 186px; padding: 21px 22px; }
  .category-card:before { display: none; }
  .category-card .category-icon { margin-bottom: 15px; font-size: 24px; }
  .category-card h3,
  .category-strip-wide .category-card h3 { max-width: calc(100% - 50px); min-height: 0; margin-bottom: 9px; font-size: 22px; line-height: 1.25; }
  .category-card h3 small { margin-top: 4px; font-size: 12px; line-height: 1.35; }
  .category-card > span:not(.category-icon) { display: block; max-width: calc(100% - 22px); font-size: 15px; line-height: 1.45; }
  .category-card > span:not(.category-icon) small { margin-top: 4px; font-size: 12px; line-height: 1.4; }
  /* The desktop catalogue rule makes the arrow relative; hide the redundant action on compact cards. */
  .category-strip-wide .category-card > b {
    display: none;
  }

  .shop-section,
  .recipe-section { padding: 0 16px 66px; }
  .section-head { margin-bottom: 22px; }
  .section-head h2 { font-size: 27px; letter-spacing: 0; }
  .shop-toolbar { gap: 10px; margin-bottom: 20px; padding: 12px 0; }
  .filter-tabs { width: calc(100% + 32px); margin: 0 -16px; padding: 0 16px 8px; flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }
  .filter-tab { flex: 0 0 auto; min-height: 32px; }
  .sort-control { align-self: flex-start; }
  .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .product-info { padding-top: 10px; }
  .product-info h3 { font-size: 13px; }
  .quick-add { opacity: 1; transform: none; width: 36px; height: 36px; }

  .feature-image { height: 270px; }
  .feature-copy { padding: 42px 16px; }
  .feature-copy h2 { font-size: 34px; letter-spacing: 0; }
  .feature-stats { gap: 18px; }
  .sample-section { padding: 46px 16px; }
  .site-footer { padding-right: 16px; padding-left: 16px; }
}

/* Mobile keeps the desktop catalogue's compact, multi-card rhythm. */
@media (max-width: 560px) {
  .category-strip,
  .category-strip-wide {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 0 10px 48px;
  }

  .category-intro,
  .category-strip-wide .category-intro {
    grid-column: 1 / -1;
    padding: 8px 6px 4px;
  }

  .category-card,
  .category-strip-wide .category-card {
    width: 100%;
    min-width: 0;
    min-height: 156px;
    padding: 15px 13px;
  }

  .category-card .category-icon { margin-bottom: 13px; font-size: 19px; }
  .category-card h3,
  .category-strip-wide .category-card h3 {
    max-width: 100%;
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 1.25;
  }
  .category-card h3 small { margin-top: 2px; font-size: 8px; line-height: 1.25; overflow-wrap: anywhere; }
  .category-card > span:not(.category-icon) { max-width: 100%; font-size: 10px; line-height: 1.35; overflow-wrap: anywhere; }
  .category-card > span:not(.category-icon) small { margin-top: 2px; font-size: 8px; line-height: 1.25; overflow-wrap: anywhere; }
  .category-strip-wide .category-card > b { display: none; }
}

/* The quick product-category block is intentionally removed from every viewport. */
.category-strip-wide {
  display: none;
}

/* Restore the wholesale actions; compact them only on phones. */
.b2b-quick {
  display: grid;
  padding: 45px 40px;
}
.b2b-quick-copy { max-width: 610px; }
.b2b-quick-cards { display: grid; }

@media (max-width: 560px) {
  .b2b-quick {
    margin: 0 10px 48px;
    padding: 24px 16px;
    gap: 18px;
  }
  .b2b-quick-copy h2 { font-size: 26px; margin-bottom: 10px; }
  .b2b-quick-copy > p:not(.eyebrow) { margin-bottom: 16px; font-size: 13px; line-height: 1.6; }
  .b2b-quick-copy .eyebrow { margin-bottom: 10px; }
  .b2b-quick-copy .btn { padding: 11px 15px; }
  .b2b-quick-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .b2b-card { min-height: 88px; padding: 12px 10px; }
  .b2b-number { margin-bottom: 7px; font-size: 8px; }
  .b2b-card strong { margin-bottom: 3px; font-size: 12px; line-height: 1.25; }
  .b2b-card small { font-size: 9px; line-height: 1.3; }
  .b2b-card b { right: 9px; bottom: 8px; font-size: 14px; }
}

/* Primary catalogue search: replaces the header icon and takes the former product CTA position. */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.hero-search { display: flex; align-items: stretch; width: min(440px, 100%); height: 52px; border: 1px solid var(--green); background: var(--white); }
.hero-search input { min-width: 0; flex: 1; border: 0; background: transparent; padding: 0 16px; color: var(--ink); font: inherit; outline: 0; }
.hero-search input::placeholder { color: #768078; }
.hero-search button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; flex: 0 0 auto; border: 0; background: var(--green); color: #fff; padding: 0 20px; font: inherit; font-weight: 700; cursor: pointer; transition: background .2s; }
.hero-search button:hover { background: #0f3028; }
.hero-search:focus-within { box-shadow: 0 0 0 3px rgba(23, 63, 53, .15); }
.language-picker { display: inline-flex; align-items: center; height: 32px; border: 1px solid #9eaaa1; background: transparent; }
.language-picker select { width: 55px; height: 100%; border: 0; padding: 0 6px; background: transparent; color: var(--green); font: 700 11px 'DM Sans', sans-serif; cursor: pointer; outline: 0; }
@media (max-width: 560px) {
  .hero-actions { width: 100%; gap: 17px; }
  .hero-search { width: 100%; height: 50px; }
  .hero-search input { padding: 0 13px; font-size: 13px; }
  .hero-search button { padding: 0 16px; }
  .hero-search button span { display: none; }
  .language-picker { height: 30px; }
  .language-picker select { width: 48px; font-size: 10px; }
}

/* On phones, keep the footer focused on support and wholesale contact. */
@media (max-width: 560px) {
  .footer-top { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 20px; padding-bottom: 28px; }
  .footer-brand, .footer-brand + .footer-col { display: none; }
  .footer-col, .footer-contact { grid-column: auto; gap: 9px; }
  .footer-col h4, .footer-contact h4 { margin-bottom: 5px; }
  .footer-contact p { line-height: 1.55; }
}

/* Compact the mobile sample form without removing any sourcing fields. */
@media (max-width: 560px) {
  .sample-section { padding: 30px 10px; gap: 18px; }
  .sample-copy h2 { margin-bottom: 10px; font-size: 29px; line-height: 1.08; }
  .sample-copy > p:not(.eyebrow) { margin: 0; font-size: 12px; line-height: 1.55; }
  .sample-contact { margin-top: 16px; }
  .sample-contact strong { font-size: 22px; }
  .sample-form { gap: 8px; }
  .sample-form .form-row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .sample-form input, .sample-form select, .sample-form textarea { min-width: 0; padding: 10px 8px; font-size: 11px; }
  .sample-form textarea { min-height: 64px; }
  .sample-form .btn { padding: 10px 12px; font-size: 12px; }
}
.product-price { display: none !important; }
.product-card[data-detail]{cursor:pointer}.product-detail-modal{position:fixed;z-index:70;inset:50% auto auto 50%;width:min(860px,calc(100% - 32px));display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--paper);transform:translate(-50%,-46%);opacity:0;pointer-events:none;transition:.25s;box-shadow:0 24px 80px rgba(15,24,18,.25)}.product-detail-modal.open{transform:translate(-50%,-50%);opacity:1;pointer-events:auto}.product-detail-close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:28px;cursor:pointer;z-index:1}.product-detail-image{min-height:420px;background:var(--cream)}.product-detail-image img{width:100%;height:100%;object-fit:cover;display:block}.product-detail-copy{padding:52px 46px;display:flex;flex-direction:column;justify-content:center}.product-detail-copy h2{font-size:34px;line-height:1.1;margin:8px 0 18px}.product-detail-copy p{color:var(--muted);line-height:1.8;margin:0 0 26px;white-space:pre-line}.product-detail-copy .btn{align-self:flex-start}.product-detail-backdrop{position:fixed;inset:0;background:rgba(15,24,18,.45);z-index:60;opacity:0;pointer-events:none;transition:.25s}.product-detail-backdrop.open{opacity:1;pointer-events:auto}@media(max-width:700px){.product-detail-modal{grid-template-columns:1fr;max-height:calc(100vh - 32px);overflow:auto}.product-detail-image{min-height:280px;aspect-ratio:1/1}.product-detail-copy{padding:30px 24px 28px}.product-detail-copy h2{font-size:28px}}
.product-detail-link{display:inline-block;margin-top:9px;color:var(--green);font-size:11px;font-weight:700}.product-detail-copy .product-detail-shelf-life{border-top:1px solid var(--line);padding-top:14px;margin-top:-8px;margin-bottom:22px;color:var(--ink);font-weight:700}.sample-form>small.error{color:#a12f26}.sample-form button:disabled{opacity:.6;cursor:wait}
.sample-form .form-row-single{grid-template-columns:1fr}
.recipe-detail-modal{position:fixed;z-index:70;inset:50% auto auto 50%;width:min(860px,calc(100% - 32px));display:grid;grid-template-columns:1fr 1fr;background:var(--paper);transform:translate(-50%,-46%);opacity:0;pointer-events:none;transition:.25s;box-shadow:0 24px 80px rgba(15,24,18,.25)}.recipe-detail-modal.open{transform:translate(-50%,-50%);opacity:1;pointer-events:auto}.recipe-detail-modal .product-detail-image{min-height:420px}.recipe-detail-backdrop{position:fixed;inset:0;background:rgba(15,24,18,.45);z-index:60;opacity:0;pointer-events:none;transition:.25s}.recipe-detail-backdrop.open{opacity:1;pointer-events:auto}@media(max-width:700px){.recipe-detail-modal{grid-template-columns:1fr;max-height:calc(100vh - 32px);overflow:auto}.recipe-detail-modal .product-detail-image{min-height:280px}}