:root{--green:#164a35;--green-dark:#103c2c;--cream:#f8f6ed;--pale:#eeefe4;--orange:#ffad4f;--ink:#253e32;--muted:#425b4b;--line:#dce1d6;--white:#fff;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.65}body.modal-open{overflow:hidden}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #cf7a20;outline-offset:5px}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12;letter-spacing:-.045em}h2{font-size:clamp(34px,4vw,52px);font-weight:700}h2 em,h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:500}h3{font-size:25px}p+p{margin-top:18px}.wrap{width:min(var(--max),calc(100% - 112px));margin-inline:auto}.section{padding-top:100px;padding-bottom:100px}.eyebrow{font-size:1rem;font-weight:700;letter-spacing:.13em;line-height:1.6;color:var(--green);margin-bottom:20px}.small-note{font-size:1rem;line-height:1.65;color:var(--muted)}.announcement{height:34px;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--green);color:#f6f6df;font-size:1rem;font-weight:700;letter-spacing:.18em}.announcement span{color:var(--orange)}.site-header{height:92px;padding:0 56px;display:flex;align-items:center;justify-content:space-between;gap:32px;background:var(--cream);border-bottom:1px solid rgba(22,74,53,.09);position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:6px;text-decoration:none;color:var(--green);font-size:30px;line-height:1;font-weight:900;letter-spacing:-.065em;flex-shrink:0}.brand>svg{width:32px;height:34px}.brand-food{font-size:1rem;letter-spacing:.07em;display:block;margin-top:4px}.site-header nav{display:flex;gap:27px}.site-header nav a{font-size:1rem;font-weight:600;text-decoration:none;transition:color .2s}.site-header nav a:hover{color:#b25e1c}.button{border:1px solid var(--green);color:var(--cream);background:var(--green);padding:15px 24px;border-radius:7px;display:inline-flex;justify-content:center;align-items:center;gap:30px;text-decoration:none;font-size:1rem;font-weight:700;line-height:1.5;transition:background .2s,transform .2s;min-height:49px}.button:hover{background:var(--green-dark);transform:translateY(-2px)}.button-small{font-size:1rem;padding:11px 19px;gap:20px;min-height:42px}.button-orange{background:var(--orange);border-color:var(--orange);color:var(--green-dark)}.button-orange:hover{background:#ffc076;border-color:#ffc076}.button-outline{color:var(--green);background:transparent}.button-outline:hover{background:#e7eadd}.text-link{font-size:1rem;font-weight:700;text-underline-offset:5px;text-decoration-thickness:1px;display:inline-flex;gap:20px;align-items:center}.menu-toggle{display:none}.skip{position:fixed;top:-100px;left:10px;z-index:100;background:var(--orange);padding:12px}.skip:focus{top:8px}.hero{display:grid;grid-template-columns:1fr 1.04fr;gap:64px;padding-top:58px;padding-bottom:68px;align-items:center}.hero .eyebrow{font-size:1rem;letter-spacing:.1em;margin-bottom:24px;display:flex;gap:9px;align-items:center}.little-leaf{font-size:22px;color:#ad6337}.hero h1{font-size:clamp(60px,6.2vw,86px);line-height:1.02;letter-spacing:-.06em;font-weight:700;color:var(--green)}.hero h1 em{color:#ba692f;letter-spacing:-.055em}.hero-description{font-size:1rem;line-height:1.9;max-width:385px;margin-top:26px;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:30px}.hero-actions .button{font-size:1rem;padding-inline:19px;gap:24px}.hero-actions .text-link{font-size:1rem;gap:10px}.hero-foot{display:flex;gap:26px;margin-top:32px;font-size:1rem;color:var(--muted)}.hero-foot i{font-style:normal;color:#a86a28;font-size:1rem;margin-right:6px}.hero-art{height:520px;position:relative}.hero-art>img{height:100%;border-radius:110px 12px 110px 12px;object-position:46% center}.hero-stamp{position:absolute;top:-20px;right:-17px;width:114px;height:114px;border-radius:50%;border:1px solid var(--green);background:var(--orange);color:var(--green);display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(12deg);outline:5px solid var(--cream)}.hero-stamp span{font-size:1rem;letter-spacing:.08em;font-weight:700}.hero-stamp b{font-size:36px;letter-spacing:-.06em;line-height:1.3}.floating-caption{position:absolute;left:-30px;bottom:34px;padding:17px 24px;background:var(--cream);box-shadow:0 9px 32px #183e2c12;border:1px solid #e6e5d4;border-radius:10px;display:flex;gap:15px;align-items:center;font-size:1rem;line-height:1.7}.caption-star{font-size:33px;color:#bf712f}.image-caption{position:absolute;bottom:10px;right:29px;color:white;text-shadow:0 1px 5px #000;font-size:1rem}.fruit-ribbon{display:flex;justify-content:center;align-items:center;gap:44px;background:var(--green);color:#f1f1d8;white-space:nowrap;overflow:hidden;padding:22px 20px;font-size:1rem;font-weight:700;letter-spacing:.13em}.fruit-ribbon i{font-size:23px;color:var(--orange);font-style:normal}.section-heading{display:flex;justify-content:space-between;gap:48px;align-items:flex-end;margin-bottom:36px}.heading-note{font-size:1rem;color:var(--muted);max-width:370px;line-height:1.8;padding-bottom:3px}.heading-note .small-note{margin-top:15px;max-width:330px}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px;gap:15px}.filter-group{display:flex;gap:8px;flex-wrap:wrap}.filter{background:transparent;color:var(--green);border:1px solid #d4dbce;border-radius:30px;padding:9px 17px;font-size:1rem;font-weight:600;min-height:38px}.filter.active{color:var(--cream);background:var(--green);border-color:var(--green)}.catalog-count{font-size:1rem;color:var(--muted);white-space:nowrap}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.product-card{border:1px solid #dce0d5;border-radius:12px;overflow:hidden;background:#fdfcf7;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #163d2d0c}.product-image-button{border:0;padding:0;display:block;position:relative;background:#eeeee4;width:100%;text-align:left}.product-image-button img{height:230px;transition:transform .4s}.product-card:hover img{transform:scale(1.025)}.image-clip{overflow:hidden}.product-image-button .card-label{position:absolute;left:16px;top:15px;font-size:1rem;letter-spacing:.08em;padding:4px 9px;border-radius:20px;background:#f8f6ede3;color:#355541;font-weight:700}.product-info{padding:20px 22px 22px}.product-title-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.product-title-row h3{font-size:26px;font-weight:700}.product-title-row span{color:var(--muted);font-size:1rem;letter-spacing:.08em}.product-info>p{font-size:1rem;line-height:1.8;color:var(--muted);margin:12px 0 16px;min-height:43px}.product-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:14px;border-top:1px solid #e8e9df}.product-bottom>span{font-size:1rem;color:#6a735f}.circle-button{border:1px solid #d0d7c9;background:transparent;width:33px;height:33px;border-radius:50%;display:grid;place-items:center;color:var(--green);font-size:18px}.circle-button:hover{background:var(--green);color:var(--cream)}.catalog-note{display:flex;gap:10px;align-items:flex-start;font-size:1rem;line-height:1.7;color:var(--muted);margin-top:19px}.catalog-note>span{color:var(--green);font-size:1rem}.category-strip{display:grid;grid-template-columns:1fr 1fr;border:1px solid #dce0d5;border-radius:10px;margin-top:40px;background:#f3f2e8}.category-strip>div{padding:30px;position:relative}.category-strip>div+div{border-left:1px solid #dce0d5}.category-strip h3{font-size:22px;padding-right:42px}.category-strip p{color:var(--muted);font-size:1rem;margin-top:10px;max-width:400px}.line-icon{font-size:28px;position:absolute;right:29px;top:18px;color:#6d8d76}.line-icon.sun{color:#bb7a36}.inline-button{border:0;background:transparent;padding:0;color:var(--green);font-size:1rem;font-weight:700;text-align:left;line-height:1.8;text-decoration:underline;text-underline-offset:4px;margin-top:19px}.inline-button:hover{color:#b16a26}.inspiration{background:#ecefe1;padding-block:80px}.inspiration-inner{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:86px}.inspiration-image{position:relative}.inspiration-image img{height:420px;border-radius:12px 80px 12px 12px;object-position:43% center}.inspiration-image>span{position:absolute;bottom:10px;left:18px;color:#fff;text-shadow:0 1px 5px #000;font-size:1rem}.inspiration-copy h2{font-size:clamp(32px,3.6vw,48px)}.use-tabs{display:flex;gap:25px;border-bottom:1px solid #cdd5c3;margin-top:26px}.use-tabs button{font-size:1rem;font-weight:700;border:0;background:transparent;color:var(--muted);padding:12px 0;border-bottom:2px solid transparent;position:relative;top:1px}.use-tabs button[aria-selected=true]{color:var(--green);border-color:var(--green)}#use-panel{min-height:178px;padding-top:22px}#use-panel h3{font-size:18px;letter-spacing:-.02em}#use-panel p{font-size:1rem;color:var(--muted);margin-top:12px;line-height:1.9}#use-panel .text-link{margin-top:18px;font-size:1rem}.inspiration-copy>.small-note{font-size:1rem;margin-top:22px}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:11px}table{border-collapse:collapse;width:100%;min-width:640px;font-size:1rem;line-height:1.85}th,td{text-align:left;padding:19px 25px;vertical-align:top}thead{background:var(--green);color:var(--cream)}thead th{font-size:1rem;font-weight:600}thead th:first-child{width:22%}thead th:nth-child(2){width:36%}thead th:nth-child(3){background:#245d42}tbody th{font-size:1rem;color:var(--green);font-weight:700}tbody td{color:var(--muted)}tbody tr+tr{border-top:1px solid var(--line)}tbody td:last-child{background:#eff1e7}.source-note{font-size:1rem;line-height:1.8;color:var(--muted);margin-top:14px}.source-note a{text-underline-offset:3px}.compare-callout{display:flex;gap:20px;align-items:center;padding:23px 27px;border:1px solid #e2d9c1;background:#f2ecdc;border-radius:8px;margin-top:25px}.compare-callout>span{font-size:28px;color:#9f692e}.compare-callout p{font-size:1rem;color:var(--muted);line-height:1.85}.compare-callout strong{color:var(--green);font-size:1rem}.audience-section{background:#e9eddf}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #cbd3bf;border-left:1px solid #cbd3bf}.audience-grid article{padding:30px 30px 27px;border-right:1px solid #cbd3bf;border-bottom:1px solid #cbd3bf}.audience-index{font-size:1rem;font-weight:700;color:var(--muted);letter-spacing:.12em}.audience-grid h3{font-size:26px;line-height:1.17;margin-top:22px}.audience-grid p{font-size:1rem;line-height:1.85;color:var(--muted);margin-top:16px;min-height:66px}.audience-grid .inline-button{font-size:1rem}.partner-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.partner-card{border:1px solid #d9decf;border-radius:12px;padding:30px 27px;display:flex;flex-direction:column}.partner-icon{font-size:31px;line-height:1;color:#b87335;margin-bottom:28px}.partner-card .eyebrow{font-size:1rem;letter-spacing:.09em;margin-bottom:12px}.partner-card h3{font-size:31px;min-height:69px}.partner-card>p:not(.eyebrow){font-size:1rem;color:var(--muted);line-height:1.85;min-height:68px;margin-top:15px}.partner-card ul{list-style:none;padding:0;margin:20px 0 27px;font-size:1rem;line-height:2.6}.partner-card li:before{content:'↗';color:#a46c2b;margin-right:10px}.partner-card .button{margin-top:auto;width:100%;font-size:1rem;padding:13px 9px;gap:14px}.partner-card.featured{background:var(--green);color:var(--cream);border-color:var(--green)}.featured .eyebrow,.featured .partner-icon{color:var(--orange)}.featured>p:not(.eyebrow){color:#c0cfc0}.featured li:before{color:var(--orange)}.partner-note{font-size:1rem;margin-top:16px}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:50px;border-top:1px solid var(--line);padding-top:28px;gap:25px}.steps>div{display:flex;gap:14px;align-items:center}.steps b{font-size:28px;color:#526a51;font-weight:400;letter-spacing:-.05em}.steps span{font-size:1rem;color:var(--muted);line-height:1.8}.steps strong{font-size:1rem;color:var(--green)}.about-section{background:var(--green);color:var(--cream);padding-block:82px}.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:85px}.about-section .eyebrow{color:var(--orange)}.about-section h2{font-size:60px}.about-section h2 em{color:#f1bd70}.about-copy .large-copy{font-size:24px;line-height:1.55;letter-spacing:-.025em;color:var(--cream);margin-top:12px}.about-copy p{font-size:1rem;line-height:1.9;color:#bfd0be;max-width:450px}.about-copy .text-link{font-size:1rem;color:var(--orange);margin-top:22px}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-section>.small-note{margin-top:22px}.faq-section>div:first-child>.small-note{margin-top:22px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{font-size:1rem;font-weight:700;padding:20px 29px 20px 0;list-style:none;position:relative;cursor:pointer}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;top:17px;font-size:21px;font-weight:400;color:#5d735c}details[open] summary:after{content:'−'}details p{font-size:1rem;line-height:1.9;color:var(--muted);padding:0 25px 22px 0}.contact-section{padding-block:80px;background:#e8edde}.contact-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.contact-copy h2{font-size:62px}.contact-copy>p:not(.eyebrow){font-size:1rem;color:var(--muted);max-width:335px;margin-top:25px;line-height:1.9}.contact-note{display:flex;gap:14px;border-top:1px solid #ccd4c1;padding-top:22px;margin-top:30px;max-width:350px}.contact-note>span{font-size:24px;color:#aa702e}.contact-note p{font-size:1rem;line-height:1.8;color:var(--muted)}.inquiry-form{background:var(--cream);padding:35px;border-radius:14px;border:1px solid #dae0d0}.inquiry-form h3{font-size:27px}.form-intro{font-size:1rem;color:var(--muted);margin-top:9px;margin-bottom:25px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{margin-bottom:17px}label{display:block;font-size:1rem;font-weight:700;color:var(--green);margin-bottom:7px}input,select,textarea{background:#fffefa;border:1px solid #d8ddcf;border-radius:6px;color:var(--ink);width:100%;padding:12px;font-size:1rem;line-height:1.5;min-height:43px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#556653;opacity:1}select{padding-right:25px}.form-submit{width:100%;justify-content:space-between;font-size:1rem}.form-privacy{font-size:1rem;margin-top:13px}.footer{padding-top:45px;padding-bottom:25px}.footer-top{display:grid;grid-template-columns:.6fr 1fr 1.2fr;align-items:start;padding-bottom:35px;gap:40px}.footer .brand{font-size:35px}.footer .brand-food{font-size:1rem}.footer-top p{font-size:1rem;line-height:1.65;color:var(--green)}.footer-top>div{display:flex;gap:22px;flex-wrap:wrap;justify-content:flex-end}.footer-top>div a{font-size:1rem;font-weight:600;text-decoration:none}.footer-bottom{padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:1rem;color:var(--muted)}dialog{border:0;color:var(--ink);background:var(--cream);border-radius:16px;padding:0;max-height:90dvh;max-width:calc(100vw - 32px);box-shadow:0 20px 90px #0003}dialog::backdrop{background:#0b281dcc;backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:14px;right:14px;border:1px solid #d8ddcd;background:var(--cream);color:var(--green);width:37px;height:37px;border-radius:50%;font-size:25px;line-height:1;z-index:2}.product-dialog{width:820px}.product-dialog-layout{display:grid;grid-template-columns:.95fr 1.05fr}.product-dialog-layout>img{height:100%;min-height:470px;object-position:center}.product-dialog-copy{padding:46px 35px 35px}.product-dialog-copy .eyebrow{font-size:1rem;margin-bottom:14px}.product-dialog-copy h2{font-size:42px}.product-dialog-copy>p{font-size:1rem;color:var(--muted);line-height:1.9;margin-top:15px}.product-dialog-copy h3{font-size:1rem;letter-spacing:-.01em;margin-top:22px}.product-dialog-copy ul{padding-left:17px;font-size:1rem;color:var(--muted);line-height:1.9}.product-dialog-copy .button{font-size:1rem;margin-top:20px;width:100%;gap:20px}.product-dialog-copy .small-note{font-size:1rem}.inquiry-dialog{padding:40px;width:650px}.inquiry-dialog h2{font-size:31px;margin-bottom:15px}.inquiry-dialog>p:not(.eyebrow){font-size:1rem;color:var(--muted);line-height:1.8}.inquiry-dialog textarea{margin-top:20px;font-size:1rem;line-height:1.8;min-height:260px}.dialog-actions{display:flex;gap:12px;margin-block:18px}.dialog-actions .button{font-size:1rem;padding:12px 20px;flex:1}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,25px);background:var(--green-dark);color:var(--cream);padding:13px 25px;border-radius:8px;box-shadow:0 4px 20px #0003;font-size:1rem;z-index:60;max-width:90vw;text-align:center;opacity:0;pointer-events:none;transition:all .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}.mobile-cta{display:none}.noscript{padding:20px;text-align:center;font-size:1rem;background:#ffdeaf}[hidden]{display:none!important}
@media(min-width:1500px){.site-header{padding-inline:max(56px,calc((100vw - 1240px)/2))}.hero{padding-block:75px 85px}.hero-art{height:570px}.hero h1{font-size:91px}}
@media(max-width:1150px){.wrap{width:calc(100% - 72px)}.site-header{padding-inline:36px;gap:20px}.site-header nav{gap:18px}.site-header nav a{font-size:1rem}.hero{gap:35px}.hero-art{height:480px}.hero h1{font-size:70px}.hero-actions{gap:15px;flex-wrap:wrap}.hero-description{font-size:1rem}.hero-actions .button{padding-inline:16px}.fruit-ribbon{gap:27px;font-size:1rem}.product-image-button img{height:200px}.inspiration-inner{gap:45px}.inspiration-image img{height:400px}.contact-inner{gap:55px}.inquiry-form{padding:27px}.partner-card{padding:26px 21px}.partner-card h3{font-size:28px}.faq-section{gap:55px}.about-section h2{font-size:52px}.audience-grid article{padding:25px}.footer-top{gap:25px}}
@media(max-width:900px){.site-header nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--cream);padding:20px 36px 30px;border-bottom:1px solid var(--line);flex-direction:column;gap:0}.site-header nav.is-open{display:flex}.site-header nav a{font-size:1rem;padding:13px 0}.site-header{height:80px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;border:1px solid #cad1c2;background:transparent;border-radius:7px;width:42px;height:42px;align-items:center}.menu-toggle span{display:block;width:17px;height:1.5px;background:var(--green)}.header-cta{margin-left:auto}.hero{gap:32px}.hero h1{font-size:58px}.hero-art{height:445px}.hero-stamp{width:90px;height:90px;right:-10px}.hero-stamp b{font-size:29px}.hero-stamp span{font-size:1rem}.floating-caption{left:-18px;padding:13px 17px;font-size:1rem}.hero .eyebrow{font-size:1rem}.hero-foot{gap:16px;font-size:1rem}.hero-description{font-size:1rem}.hero-actions{margin-top:23px}.hero-actions .text-link{font-size:1rem}.hero-actions .button{font-size:1rem}.section{padding-block:75px}.section-heading{gap:35px}.heading-note{font-size:1rem;max-width:290px}.product-grid{gap:17px}.product-info{padding:16px}.product-title-row h3{font-size:23px}.product-image-button img{height:175px}.product-info>p{font-size:1rem;min-height:59px}.product-title-row span{font-size:1rem}.product-bottom>span{font-size:1rem}.inspiration{padding-block:65px}.inspiration-inner{gap:35px}.inspiration-image img{height:390px}.inspiration-copy h2{font-size:34px}.use-tabs{gap:20px}.use-tabs button{font-size:1rem}.inspiration-copy .small-note{font-size:1rem}.audience-grid h3{font-size:23px}.audience-grid article{padding:23px 20px}.audience-grid p{font-size:1rem;min-height:80px}.audience-grid .inline-button{font-size:1rem}.partner-grid{gap:16px}.partner-card{padding:25px 18px}.partner-card .eyebrow{font-size:1rem}.partner-card h3{font-size:25px;min-height:59px}.partner-card>p:not(.eyebrow){font-size:1rem;min-height:81px}.partner-card ul{font-size:1rem;line-height:2.4}.partner-card .button{font-size:1rem}.steps{gap:15px}.steps b{font-size:25px}.steps strong{font-size:1rem}.about-inner{gap:45px}.about-section h2{font-size:48px}.about-copy .large-copy{font-size:21px}.faq-section{gap:40px}.contact-inner{gap:35px}.contact-copy h2{font-size:52px}.contact-copy>p:not(.eyebrow){font-size:1rem}.form-row{gap:12px}.inquiry-form{padding:25px 20px}input,textarea,select{font-size:1rem}.footer-top>div{gap:15px}.footer-top>div a{font-size:1rem}}
@media(max-width:680px){html{scroll-padding-top:80px}.wrap{width:calc(100% - 40px)}.announcement{font-size:1rem;letter-spacing:.12em;height:29px;gap:7px}.site-header{height:72px;padding-inline:20px;gap:12px}.site-header nav{top:72px;padding-inline:20px}.brand{font-size:26px}.brand>svg{width:26px;height:29px}.brand-food{font-size:1rem;margin-top:3px}.header-cta{font-size:1rem;min-height:36px;padding:9px 12px;gap:10px}.menu-toggle{width:36px;height:36px}.hero{grid-template-columns:1fr;padding-top:34px;padding-bottom:35px;gap:33px}.hero .eyebrow{font-size:1rem;letter-spacing:.1em;margin-bottom:19px}.hero h1{font-size:69px;line-height:.99;letter-spacing:-.058em}.hero-description{font-size:1rem;max-width:350px;margin-top:22px;line-height:1.8}.hero-actions{flex-wrap:nowrap;gap:17px;margin-top:24px}.hero-actions .button{font-size:1rem;gap:15px;padding:13px 14px;min-height:45px}.hero-actions .text-link{font-size:1rem;gap:6px;line-height:1.6}.hero-foot{margin-top:23px;font-size:1rem;gap:20px}.hero-art{height:365px;margin:0 5px 0 0}.hero-art>img{border-radius:75px 9px 75px 9px;object-position:48% center}.hero-stamp{width:88px;height:88px;top:-14px;right:-5px}.hero-stamp b{font-size:27px}.floating-caption{left:9px;bottom:22px;padding:12px 17px;gap:12px}.caption-star{font-size:27px}.image-caption{font-size:1rem;right:24px;bottom:8px}.fruit-ribbon{gap:22px;justify-content:flex-start;padding:17px 21px;font-size:1rem}.fruit-ribbon i{font-size:1rem}.section{padding-block:56px}.eyebrow{font-size:1rem;margin-bottom:17px}h2{font-size:37px}.section-heading{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:26px}.heading-note{font-size:1rem;max-width:100%;line-height:1.8}.heading-note .small-note{font-size:1rem;margin-top:12px;max-width:100%}.heading-note br{display:none}.catalog-toolbar{align-items:flex-start;gap:11px;margin-bottom:22px;flex-direction:column}.filter-group{gap:6px}.filter{font-size:1rem;padding:8px 12px;min-height:35px}.catalog-count{font-size:1rem;align-self:flex-end;margin-top:-2px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px}.product-image-button img{height:155px}.product-image-button .card-label{font-size:1rem;left:9px;top:10px;padding:3px 6px}.product-info{padding:14px 12px}.product-title-row h3{font-size:22px}.product-title-row span{font-size:1rem}.product-info>p{font-size:1rem;line-height:1.75;margin:10px 0 12px;min-height:53px}.product-bottom{padding-top:10px;gap:7px}.product-bottom>span{font-size:1rem}.circle-button{width:28px;height:28px;font-size:1rem;flex-shrink:0}.catalog-note{font-size:1rem;gap:8px;margin-top:17px}.category-strip{grid-template-columns:1fr;margin-top:28px}.category-strip>div{padding:25px 22px}.category-strip>div+div{border-left:0;border-top:1px solid #dce0d5}.category-strip h3{font-size:21px}.category-strip p{font-size:1rem;max-width:90%}.line-icon{right:22px;top:16px}.inline-button{font-size:1rem;margin-top:16px}.inspiration{padding-block:50px}.inspiration-inner{grid-template-columns:1fr;gap:32px}.inspiration-image img{height:315px;border-radius:10px 65px 10px 10px}.inspiration-copy h2{font-size:37px}.use-tabs{margin-top:20px;gap:28px}.use-tabs button{font-size:1rem;padding-block:11px}#use-panel{min-height:176px;padding-top:20px}#use-panel h3{font-size:19px}#use-panel p{font-size:1rem}#use-panel .text-link{font-size:1rem}.inspiration-copy>.small-note{margin-top:10px;font-size:1rem}table{font-size:1rem;min-width:590px}th,td{padding:15px 18px}thead th{font-size:1rem}tbody th{font-size:1rem}.source-note{font-size:1rem}.compare-callout{padding:19px;gap:13px;margin-top:20px;align-items:flex-start}.compare-callout p{font-size:1rem}.compare-callout strong{font-size:1rem}.compare-callout>span{font-size:24px}.audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audience-grid article{padding:22px 17px}.audience-index{font-size:1rem;letter-spacing:.06em}.audience-grid h3{font-size:23px;margin-top:16px}.audience-grid p{font-size:1rem;line-height:1.8;margin-top:12px;min-height:76px}.audience-grid .inline-button{font-size:1rem;line-height:1.7;margin-top:13px}.partner-grid{grid-template-columns:1fr;gap:17px}.partner-card{padding:27px}.partner-icon{margin-bottom:18px;font-size:30px}.partner-card .eyebrow{font-size:1rem}.partner-card h3{font-size:31px;min-height:0}.partner-card h3 br{display:none}.partner-card>p:not(.eyebrow){font-size:1rem;min-height:0;margin-top:16px}.partner-card ul{font-size:1rem;margin-block:16px 22px;line-height:2.3}.partner-card .button{font-size:1rem;min-height:44px}.partner-note{font-size:1rem;margin-top:17px}.steps{grid-template-columns:1fr 1fr;gap:25px 16px;margin-top:30px;padding-top:25px}.steps b{font-size:28px}.steps span{font-size:1rem}.steps strong{font-size:1rem}.about-section{padding-block:55px}.about-inner{grid-template-columns:1fr;gap:30px}.about-section h2{font-size:50px}.about-copy .large-copy{font-size:23px;margin-top:0}.about-copy p{font-size:1rem}.faq-section{grid-template-columns:1fr;gap:28px}.faq-section>div:first-child>.small-note{font-size:1rem;margin-top:15px}.faq-section>div:first-child>.small-note br{display:none}summary{font-size:1rem;padding-block:19px}details p{font-size:1rem}.contact-section{padding-block:52px}.contact-inner{grid-template-columns:1fr;gap:30px}.contact-copy h2{font-size:48px}.contact-copy h2 br:last-of-type{display:none}.contact-copy>p:not(.eyebrow){font-size:1rem;max-width:100%;margin-top:20px}.contact-note{margin-top:22px;padding-top:17px;max-width:100%;gap:11px}.contact-note p{font-size:1rem}.inquiry-form{padding:25px 22px}.inquiry-form h3{font-size:27px}.form-row{grid-template-columns:1fr;gap:0}label{font-size:1rem}input,select,textarea{font-size:1rem;padding:11px 12px}input::placeholder,textarea::placeholder{font-size:1rem}.form-intro{font-size:1rem}.field{margin-bottom:16px}.form-privacy{font-size:1rem}.footer{padding-top:35px;padding-bottom:85px}.footer-top{grid-template-columns:.7fr 1fr;gap:25px;padding-bottom:25px}.footer-top p{font-size:1rem}.footer-top>div{grid-column:1/-1;justify-content:flex-start;gap:22px}.footer-top>div a{font-size:1rem}.footer-bottom{flex-direction:column;gap:7px;font-size:1rem;padding-top:19px}.mobile-cta{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--cream);padding:10px 20px calc(10px + env(safe-area-inset-bottom));gap:10px;z-index:25;border-top:1px solid var(--line);box-shadow:0 -5px 20px #00000005}.mobile-cta a{font-size:1rem;text-decoration:none;border:1px solid var(--green);border-radius:6px;text-align:center;padding:10px 12px;flex:1;font-weight:700;line-height:1.6}.mobile-cta a:last-child{background:var(--green);color:var(--cream)}.product-dialog{max-width:calc(100vw - 28px)}.product-dialog-layout{grid-template-columns:1fr}.product-dialog-layout>img{height:225px;min-height:0}.product-dialog-copy{padding:25px}.product-dialog-copy h2{font-size:35px}.product-dialog-copy>p{font-size:1rem;margin-top:13px}.product-dialog-copy h3{font-size:1rem;margin-top:18px}.product-dialog-copy ul{font-size:1rem}.product-dialog-copy .small-note{font-size:1rem}.product-dialog-copy .button{margin-top:16px}.inquiry-dialog{padding:32px 22px;max-width:calc(100vw - 28px)}.inquiry-dialog h2{font-size:28px}.inquiry-dialog .eyebrow{font-size:1rem;max-width:240px}.inquiry-dialog>p:not(.eyebrow){font-size:1rem}.inquiry-dialog textarea{font-size:1rem;min-height:260px;line-height:1.7}.dialog-actions{flex-direction:column;gap:10px}.dialog-actions .button{font-size:1rem}.toast{bottom:85px;font-size:1rem;width:max-content;max-width:90vw}.dialog-close{width:33px;height:33px;font-size:23px;top:11px;right:11px}}
@media(max-width:365px){.hero h1{font-size:61px}.hero-actions{gap:11px}.hero-actions .button{font-size:1rem;padding-inline:11px}.hero-actions .text-link{font-size:1rem}.product-title-row h3{font-size:19px}.product-image-button img{height:135px}.audience-grid h3{font-size:20px}.filter{font-size:1rem;padding-inline:10px}.header-cta{font-size:1rem}.product-title-row span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Điện thoại, văn phòng và Zalo — 22/10/2026 */
.contact-inner{align-items:start}.contact-copy h2{font-size:52px}.contact-people{margin-top:28px;display:grid;gap:12px}.contact-person{padding:17px 18px;background:#f8f6edb3;border:1px solid #cbd5c0;border-radius:10px}.contact-person-name{display:flex;align-items:center;gap:13px}.contact-avatar{width:39px;height:39px;background:var(--green);color:var(--cream);border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:1rem;flex-shrink:0}.contact-person h3{font-size:1rem;letter-spacing:-.015em;margin-bottom:5px}.phone-number{color:var(--green);font-size:20px;font-weight:700;letter-spacing:.02em;text-decoration:none;line-height:1.35}.phone-number:hover{text-decoration:underline;text-underline-offset:4px}.person-actions{display:flex;gap:9px;margin-top:14px}.contact-action{display:inline-flex;justify-content:center;align-items:center;border:1px solid #bfcbb4;border-radius:6px;font-size:1rem;padding:8px 15px;min-height:38px;line-height:1.5;text-decoration:none;color:var(--green);font-weight:700;transition:background .2s}.contact-action:hover{background:#e5e9da}.contact-action.zalo-action{background:#0869d8;border-color:#0869d8;color:white}.contact-action.zalo-action:hover{background:#005bbd}.office-address{display:flex;gap:13px;margin-top:22px;font-style:normal;color:var(--green);align-items:flex-start}.office-marker{font-size:28px;line-height:1.2}.office-address strong{display:block;font-size:1rem;letter-spacing:.1em;margin-bottom:6px}.office-address div>span{display:block;font-size:1rem;line-height:1.8}.contact-note{max-width:100%;margin-top:22px;padding-top:18px}.contact-note p{font-size:1rem}.footer-contacts{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:35px;border-top:1px solid var(--line);padding-block:23px 28px;font-size:1rem}.footer-contacts>div,.footer-contacts>address{display:flex;flex-direction:column;gap:5px;font-style:normal}.footer-contacts strong{font-size:1rem;color:var(--green)}.footer-contacts a{text-decoration:none;width:fit-content}.footer-contacts a:hover{text-decoration:underline;text-underline-offset:3px}.footer-contacts a[href^="tel:"]{font-size:17px;font-weight:700;letter-spacing:.015em}.footer-contacts a[href^="https://zalo.me"]{font-size:1rem;color:#0869d8}.footer-contacts address span{font-size:1rem;color:var(--muted);line-height:1.8}.inquiry-zalo{border-top:1px solid var(--line);padding-top:19px;margin-bottom:15px}.inquiry-zalo>p{font-size:1rem;font-weight:700;color:var(--green);margin-bottom:11px}.inquiry-zalo>div{display:flex;gap:10px;flex-wrap:wrap}.inquiry-zalo .contact-action{flex:1}.zalo-widget{position:fixed;bottom:24px;right:24px;z-index:40;border:0;width:auto}.zalo-widget>summary{display:flex;gap:12px;align-items:center;border:0;border-radius:40px;background:#0869d8;color:white;box-shadow:0 4px 20px #005bbd25;padding:11px 20px 11px 12px;font-size:1rem;line-height:1.5}.zalo-widget>summary:after{display:none}.zalo-word{display:grid;place-items:center;background:white;color:#0869d8;width:39px;height:39px;border-radius:50%;font-size:1rem;letter-spacing:-.05em;font-weight:800}.zalo-widget-panel{position:absolute;bottom:75px;right:0;background:var(--cream);border:1px solid var(--line);box-shadow:0 10px 40px #153f2d25;border-radius:12px;width:250px;padding:17px}.zalo-widget-panel>p{font-size:1rem;font-weight:700;margin-bottom:12px;color:var(--green);padding:0}.zalo-widget-panel>a{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;text-decoration:none;background:white}.zalo-widget-panel>a+a{margin-top:9px}.zalo-widget-panel>a:hover{background:#eaf3ff;border-color:#a3c9f4}.zalo-widget-panel strong{font-size:1rem;color:var(--green);display:flex;justify-content:space-between}.zalo-widget-panel strong span{color:#0869d8}.zalo-widget-panel>a>span{font-size:1rem;letter-spacing:.025em;color:var(--muted)}
@media(max-width:900px){.contact-copy h2{font-size:44px}.contact-person{padding:16px}.phone-number{font-size:19px}.person-actions{gap:8px}.contact-action{font-size:1rem;padding-inline:13px}}
@media(max-width:680px){.contact-copy h2{font-size:44px}.contact-people{grid-template-columns:1fr;gap:12px;margin-top:24px}.contact-person{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px}.contact-person-name{gap:11px}.contact-avatar{width:33px;height:33px;font-size:1rem}.contact-person h3{font-size:1rem;margin-bottom:5px}.phone-number{font-size:18px;letter-spacing:0}.person-actions{margin-top:0;flex-direction:column;gap:6px}.contact-action{min-height:34px;font-size:1rem;padding:7px 12px}.office-address{margin-top:22px}.office-address div>span{font-size:1rem}.contact-note{margin-top:19px;padding-top:16px}.footer-contacts{grid-template-columns:1fr 1fr;gap:22px 18px;padding-block:22px}.footer-contacts>address{grid-column:1/-1}.footer-contacts address br{display:none}.footer-contacts a[href^="tel:"]{font-size:1rem}.footer-contacts a[href^="https://zalo.me"]{font-size:1rem}.zalo-widget{bottom:calc(80px + env(safe-area-inset-bottom));right:15px}.zalo-widget>summary{padding:8px 13px 8px 8px;font-size:1rem;gap:8px}.zalo-word{width:33px;height:33px;font-size:1rem}.zalo-widget-panel{bottom:61px;width:235px;max-width:calc(100vw - 30px);padding:15px}.inquiry-zalo .contact-action{min-height:40px;font-size:1rem}.inquiry-zalo>p{font-size:1rem}}
@media(max-width:365px){.contact-person{padding:13px;gap:10px}.contact-person-name{gap:8px}.contact-avatar{width:29px;height:29px;font-size:1rem}.phone-number{font-size:1rem}.contact-action{font-size:1rem;padding-inline:10px}}

/* Logo do WAO Food cung cấp; dùng nguyên ảnh, giữ đúng tỷ lệ. */
.site-header .brand,.footer .brand{gap:0;line-height:0}
.brand .brand-logo{display:block;width:88px;height:88px;object-fit:contain;mix-blend-mode:multiply}
.footer .brand .brand-logo{width:108px;height:108px}
@media(max-width:900px){.site-header .brand .brand-logo{width:74px;height:74px}}
@media(max-width:680px){.site-header .brand .brand-logo{width:64px;height:64px}.footer .brand .brand-logo{width:90px;height:90px}}

/* Thang chữ và bố cục dễ đọc trên điện thoại, màn hình gập và máy tính. */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { font-size: 1.0625rem; line-height: 1.7; }
.hero-copy, .hero-art, .section-heading > *, .inspiration-copy,
.about-copy, .contact-copy, .inquiry-form, .field { min-width: 0; }
h1, h2, h3 { text-wrap: balance; }
p, li, label, a, button, summary { overflow-wrap: break-word; }
.eyebrow, .hero .eyebrow, .partner-card .eyebrow,
.product-dialog-copy .eyebrow, .inquiry-dialog .eyebrow {
  font-size: .875rem; line-height: 1.65; letter-spacing: .06em;
}
.announcement {
  height: auto; min-height: 40px; padding: 8px 20px;
  font-size: .875rem; line-height: 1.5; letter-spacing: .05em; flex-wrap: wrap;
}
.site-header { min-height: 96px; height: auto; padding-block: 4px; gap: 24px; }
.site-header nav { gap: 20px; }
.site-header nav a { font-size: 1rem; line-height: 1.5; }
.button, .button-small, .header-cta, .hero-actions .button,
.hero-actions .text-link, .text-link, .inline-button, .audience-grid .inline-button,
.partner-card .button, .product-dialog-copy .button, .dialog-actions .button,
.form-submit, .contact-action, .inquiry-zalo .contact-action {
  font-size: 1rem; line-height: 1.55; min-height: 48px;
}
.button, .hero-actions .button { padding: 14px 20px; gap: 16px; }
.button-small, .header-cta { padding: 11px 16px; gap: 12px; }
.inline-button { padding-block: 8px; }
.inline-button:hover { color: #874921; }
.hero { gap: 48px; }
.hero h1 { font-size: clamp(60px, 5.8vw, 82px); line-height: 1.06; }
.hero-description {
  font-size: 1.125rem; font-weight: 500; line-height: 1.7;
  color: var(--ink); max-width: 48ch; margin-top: 24px;
}
.hero-actions { flex-wrap: wrap; gap: 14px 24px; }
.hero-foot { flex-wrap: wrap; gap: 12px; margin-top: 24px; font-size: 1rem; color: var(--green); }
.hero-foot > span {
  display: inline-flex; align-items: center; padding: 8px 13px;
  border: 1px solid #cbd5c0; border-radius: 9px; background: #eeefe4;
  line-height: 1.5; font-weight: 500;
}
.hero-foot i { margin-right: 9px; }
.hero .little-leaf { flex-shrink: 0; }
.hero-art { min-height: 560px; }
.floating-caption { max-width: calc(100% - 12px); font-size: 1rem; padding: 16px 20px; left: -18px; bottom: 66px; }
.floating-caption strong { font-size: 1.125rem; }
.caption-star { flex-shrink: 0; }
.image-caption, .inspiration-image > span {
  font-size: .875rem; line-height: 1.5; font-weight: 500;
  padding: 7px 11px; background: var(--green-dark); color: #fff;
  border-radius: 6px; text-shadow: none; max-width: calc(100% - 32px);
}
.hero-stamp { width: 132px; height: 132px; }
.hero-stamp span { font-size: .75rem; letter-spacing: .025em; }
.hero-stamp b { font-size: 38px; }
.heading-note, .product-info > p, .category-strip p, #use-panel p,
.audience-grid p, .partner-card > p:not(.eyebrow), .about-copy p,
.contact-copy > p:not(.eyebrow), details p, .product-dialog-copy > p,
.product-dialog-copy ul, .inquiry-dialog > p:not(.eyebrow) {
  font-size: 1.0625rem; line-height: 1.75;
}
.heading-note { max-width: 410px; }
.heading-note .small-note { max-width: 100%; }
.small-note, .heading-note .small-note, .catalog-note, .source-note,
.inspiration-copy > .small-note, .inspiration-copy .small-note,
.partner-note, .faq-section > div:first-child > .small-note,
.product-dialog-copy .small-note, .form-intro, .form-privacy,
.contact-note p, .footer-bottom, .inquiry-zalo > p {
  font-size: 1rem; line-height: 1.7;
}
.catalog-toolbar { align-items: flex-start; flex-wrap: wrap; }
.filter { font-size: 1rem; min-height: 46px; padding: 9px 16px; }
.catalog-count { font-size: 1rem; padding-top: 8px; }
.product-grid { align-items: stretch; }
.product-card { display: flex; flex-direction: column; }
.product-info { display: flex; flex: 1; flex-direction: column; }
.product-title-row { flex-wrap: wrap; gap: 6px 12px; }
.product-title-row h3 { font-size: 28px; }
.product-title-row span { display: block; font-size: .875rem; color: var(--muted); letter-spacing: .04em; }
.product-info > p { min-height: 0; margin-block: 14px 20px; }
.product-bottom { margin-top: auto; }
.product-bottom > span { font-size: 1rem; color: var(--muted); line-height: 1.5; }
.product-image-button .card-label {
  font-size: .875rem; letter-spacing: .025em; background: var(--cream);
  padding: 5px 10px; max-width: calc(100% - 28px); left: 14px; top: 14px;
}
.circle-button { width: 44px; height: 44px; flex-shrink: 0; }
.category-strip p { max-width: 100%; }
.use-tabs { flex-wrap: wrap; gap: 12px 26px; }
.use-tabs button { font-size: 1rem; min-height: 48px; color: var(--muted); }
#use-panel { min-height: 0; }
#use-panel h3 { font-size: 23px; line-height: 1.35; }
#use-panel .text-link { font-size: 1rem; }
table, thead th, tbody th { font-size: 1rem; line-height: 1.75; }
table { min-width: 720px; }
.compare-callout p, .compare-callout strong { font-size: 1.0625rem; line-height: 1.75; }
.audience-index { font-size: .875rem; color: var(--green); letter-spacing: .04em; }
.audience-grid p, .partner-card > p:not(.eyebrow), .partner-card h3 { min-height: 0; }
.audience-grid h3 { font-size: 28px; }
.partner-card ul { font-size: 1rem; line-height: 1.75; }
.partner-card li + li { margin-top: 10px; }
.featured > p:not(.eyebrow), .about-copy p { color: #deeadb; }
.about-copy .large-copy { font-size: 26px; line-height: 1.5; }
.about-copy .text-link { font-size: 1rem; }
.steps { gap: 20px; }
.steps span, .steps strong { font-size: 1rem; line-height: 1.6; }
.steps b { color: #526a51; }
summary { font-size: 1.0625rem; line-height: 1.6; padding-right: 32px; }
.contact-copy > p:not(.eyebrow) { max-width: 45ch; }
.contact-person { display: block; padding: 18px; }
.contact-person h3 { font-size: 1.125rem; }
.contact-avatar { width: 42px; height: 42px; font-size: 1.0625rem; }
.phone-number { font-size: 22px; letter-spacing: 0; }
.person-actions { display: flex; flex-direction: row; flex-wrap: wrap; margin-top: 16px; gap: 10px; }
.contact-action { padding: 10px 15px; }
.office-address strong { font-size: .875rem; letter-spacing: .04em; }
.office-address div > span { font-size: 1.0625rem; line-height: 1.7; }
label { font-size: 1rem; line-height: 1.55; }
input, select, textarea, .inquiry-dialog textarea {
  font-size: 1rem; line-height: 1.65; min-height: 48px; padding: 12px;
}
input::placeholder, textarea::placeholder { font-size: 1rem; color: #556653; opacity: 1; }
.field { margin-bottom: 20px; }
.footer-top { grid-template-columns: .6fr 1fr 1.2fr; }
.footer-top p, .footer-top > div a, .footer-contacts,
.footer-contacts strong, .footer-contacts a[href^="https://zalo.me"],
.footer-contacts address span { font-size: 1rem; line-height: 1.7; }
.footer-top > div a, .footer-contacts a { display: inline-flex; align-items: center; min-height: 44px; }
.footer-contacts a[href^="tel:"] { font-size: 20px; }
.footer-bottom { flex-wrap: wrap; }
.dialog-close { width: 44px; height: 44px; font-size: 28px; }
.product-dialog-copy { padding-top: 56px; }
.product-dialog-copy h3 { font-size: 20px; line-height: 1.4; }
.inquiry-dialog .eyebrow { padding-right: 36px; max-width: none; }
.inquiry-zalo .contact-action { flex: 1 1 180px; }
.zalo-widget > summary { font-size: 1rem; padding: 10px 16px 10px 10px; }
.zalo-word { width: 40px; height: 40px; font-size: 1rem; }
.zalo-widget-panel { width: 280px; bottom: 78px; max-width: calc(100vw - 32px); }
.zalo-widget-panel > p, .zalo-widget-panel strong, .zalo-widget-panel > a > span { font-size: 1rem; line-height: 1.6; }
.zalo-widget-panel > a { min-height: 76px; }
.toast, .noscript { font-size: 1rem; }
@media (max-width: 1300px) {
  .site-header nav { display: none; position: absolute; top: 100%; left: 0; right: 0; padding: 16px 36px 24px; background: var(--cream); border-bottom: 1px solid var(--line); flex-direction: column; gap: 0; }
  .site-header nav.is-open { display: flex; }
  .site-header nav a { padding-block: 13px; }
  .menu-toggle { display: flex; flex-direction: column; justify-content: center; gap: 6px; border: 1px solid #cad1c2; background: transparent; border-radius: 7px; width: 44px; height: 44px; flex-shrink: 0; align-items: center; }
  .menu-toggle span { display: block; width: 20px; height: 2px; background: var(--green); }
  .header-cta { margin-left: auto; }
}
@media (max-width: 1000px) {
  .product-grid, .audience-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .contact-inner, .faq-section { grid-template-columns: 1fr; gap: 36px; }
  .form-row { grid-template-columns: 1fr; gap: 0; }
  .heading-note { max-width: 100%; }
  .section-heading { align-items: flex-start; flex-direction: column; gap: 24px; }
  .steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  html { scroll-padding-top: 100px; }
  .site-header { min-height: 88px; }
  .hero { grid-template-columns: 1fr; gap: 34px; padding-block: 40px 48px; }
  .hero-copy { max-width: 700px; }
  .hero h1 { font-size: clamp(48px, 8.4vw, 64px); line-height: 1.06; }
  .hero-description { font-size: 1.125rem; max-width: 54ch; }
  .hero-art { min-height: 0; height: auto; display: grid; grid-template-areas: "photo" "caption"; grid-template-columns: 1fr; margin: 0; }
  .hero-art > img { grid-area: photo; height: clamp(300px, 58vw, 480px); border-radius: 65px 12px 65px 12px; }
  .floating-caption { grid-area: caption; position: static; margin-top: 16px; width: 100%; max-width: 100%; box-shadow: none; }
  .image-caption { grid-area: photo; position: relative; right: auto; bottom: auto; justify-self: end; align-self: end; margin: 0 16px 16px; z-index: 1; }
  .hero-stamp { right: 8px; top: -12px; width: 116px; height: 116px; }
  .hero-stamp span { font-size: .6875rem; }
  .hero-stamp b { font-size: 34px; }
  .inspiration-inner, .about-inner, .partner-grid { grid-template-columns: 1fr; gap: 32px; }
  .inspiration-image img { height: clamp(300px, 55vw, 440px); }
  .category-strip { grid-template-columns: 1fr; }
  .category-strip > div + div { border-left: 0; border-top: 1px solid #dce0d5; }
  .about-copy p { max-width: 65ch; }
  .partner-card { padding: 28px; }
  .partner-card .button { width: auto; align-self: flex-start; padding-inline: 20px; }
  .footer-top { grid-template-columns: 1fr 2fr; gap: 24px; }
  .footer-top > div { grid-column: 1 / -1; justify-content: flex-start; }
  .footer-contacts { grid-template-columns: 1fr 1fr; gap: 24px; }
  .footer-contacts > address { grid-column: 1 / -1; }
  .product-dialog-layout { grid-template-columns: 1fr; }
  .product-dialog-layout > img { height: 260px; min-height: 0; }
}
@media (max-width: 680px) {
  body { padding-bottom: calc(100px + env(safe-area-inset-bottom)); }
  .site-header { min-height: 80px; gap: 10px; padding-inline: 20px; }
  .site-header nav { top: 100%; padding-inline: 20px; }
  .header-cta { padding: 10px 12px; }
  .header-cta > span { display: none; }
  .hero { padding-top: 28px; gap: 30px; }
  .hero h1 { font-size: clamp(46px, 12vw, 58px); }
  .hero-description { font-size: 1.0625rem; line-height: 1.75; }
  .hero-actions { gap: 12px; flex-wrap: wrap; }
  .hero-actions .button { width: 100%; justify-content: space-between; }
  .hero-actions .text-link { gap: 14px; }
  .hero-foot { gap: 10px; }
  .hero-art > img { height: clamp(300px, 85vw, 430px); }
  .floating-caption { padding: 15px 17px; gap: 14px; }
  .fruit-ribbon { font-size: 1rem; letter-spacing: .06em; }
  .section { padding-block: 52px; }
  .catalog-count { align-self: flex-start; }
  .filter-group { gap: 9px; }
  .filter { padding-inline: 14px; }
  .category-strip > div { padding: 24px 20px; }
  .category-strip h3 { font-size: 24px; line-height: 1.3; }
  .category-strip p { max-width: 100%; }
  .use-tabs { gap: 12px 24px; }
  .inquiry-form { padding: 26px 20px; }
  .person-actions { margin-top: 16px; }
  .person-actions .contact-action { flex: 1 1 120px; }
  .contact-person { padding: 18px; }
  .contact-person-name { gap: 13px; }
  .phone-number { font-size: 22px; }
  .contact-copy h2 { font-size: 44px; }
  .footer { padding-bottom: 32px; }
  .footer-bottom { flex-direction: column; gap: 12px; }
  .mobile-cta { padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); gap: 10px; }
  .mobile-cta a { display: flex; align-items: center; justify-content: center; font-size: 1rem; min-height: 48px; padding: 10px 8px; line-height: 1.5; }
  .zalo-widget { bottom: calc(108px + env(safe-area-inset-bottom)); right: 16px; }
  .zalo-widget > summary { display: grid; place-items: center; width: 56px; height: 56px; padding: 8px; border-radius: 50%; }
  .zalo-widget > summary > span:last-child { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .zalo-word { width: 40px; height: 40px; font-size: 1rem; }
  .zalo-widget-panel { bottom: 72px; }
  .toast { bottom: calc(108px + env(safe-area-inset-bottom)); }
  .product-dialog-copy { padding: 28px 22px; }
  .dialog-close { width: 44px; height: 44px; top: 10px; right: 10px; }
  .inquiry-dialog { padding: 34px 22px; }
  .inquiry-dialog h2 { line-height: 1.25; }
  .dialog-actions { flex-direction: column; }
}
@media (max-width: 600px) {
  .product-grid, .audience-grid { grid-template-columns: 1fr; gap: 20px; }
  .audience-grid { gap: 0; }
  .product-image-button img { height: 250px; }
  .product-info { padding: 22px; }
  .audience-grid article { padding: 26px 22px; }
  .audience-grid h3 { font-size: 27px; }
  .steps { grid-template-columns: 1fr; gap: 22px; }
  .footer-contacts { grid-template-columns: 1fr; gap: 24px; }
  .footer-contacts > address { grid-column: auto; }
}
@media (max-width: 365px) {
  .wrap { width: calc(100% - 32px); }
  .site-header { padding-inline: 16px; }
  .header-cta { padding-inline: 10px; }
  .hero h1 { font-size: 46px; }
  .hero-actions .button, .hero-actions .text-link, .header-cta,
  .contact-action, .filter { font-size: 1rem; }
}

/* Slogan WAO Food: hai ý chính, tự xuống dòng theo chiều rộng màn hình. */
.hero h1.hero-slogan { font-size: clamp(40px, 5vw, 68px); line-height: 1.12; letter-spacing: -.045em; }
.hero-slogan > span, .hero-slogan > em { display: block; }
.hero-slogan .slogan-phrase { white-space: nowrap; }
.hero-slogan > em { margin-top: .12em; }
@media (max-width: 900px) {
  .hero h1.hero-slogan { font-size: clamp(48px, 7.6vw, 64px); }
}
@media (max-width: 680px) {
  .hero h1.hero-slogan { font-size: clamp(40px, 10.5vw, 52px); }
}

/* Ảnh sản phẩm thực tế, danh mục và thư viện xem lớn. */
.hero-art > .hero-real-image { object-position: 50% 70%; }
.floating-caption a { color: var(--green); text-underline-offset: 4px; text-decoration-thickness: 1px; }
.product-image-button .image-clip { aspect-ratio: 4 / 3; background: #eeefe4; }
.product-image-button .image-clip img { width: 100%; height: 100%; object-fit: cover; }
.product-card.has-real-photo .card-label { background: var(--green); color: white; }
.product-image-button .photo-affordance {
  position: absolute; right: 12px; bottom: 12px; padding: 6px 11px;
  border-radius: 6px; background: var(--green-dark); color: white;
  display: inline-flex; align-items: center; gap: 12px; font-size: .875rem; line-height: 1.5;
}
.product-info > p { margin-bottom: 16px; }
.product-format { margin-top: 7px; color: var(--green); font-size: 1rem; line-height: 1.6; font-weight: 650; }
.product-uses { display: flex; gap: 7px; flex-wrap: wrap; margin-top: auto; }
.product-uses > span { font-size: .875rem; line-height: 1.5; color: var(--green); border-radius: 20px; background: #edf0e5; padding: 5px 10px; }
.product-card-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 19px; padding-top: 18px; border-top: 1px solid var(--line); }
.product-card-actions .button { flex: 1 1 145px; padding: 11px 12px; gap: 9px; }
.product-zalo-button {
  display: inline-flex; justify-content: center; align-items: center; flex: 1 1 110px;
  background: transparent; border: 1px solid #0869d8; border-radius: 7px; color: #0869d8;
  min-height: 48px; padding: 11px 12px; font-size: 1rem; line-height: 1.5; font-weight: 700;
}
.product-zalo-button:hover { background: #e9f2ff; }
.real-gallery { background: #eeefe4; }
.real-photo-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.real-photo-card { margin: 0; background: var(--cream); border: 1px solid #d5ddcd; border-radius: 12px; overflow: hidden; }
.real-photo-button { border: 0; padding: 0; background: #e9eddf; width: 100%; display: block; position: relative; aspect-ratio: 4 / 3; }
.real-photo-button > img { width: 100%; height: 100%; object-fit: cover; }
.real-photo-button > span { position: absolute; right: 12px; bottom: 12px; display: flex; gap: 13px; padding: 6px 11px; border-radius: 6px; background: var(--green-dark); color: white; font-size: .875rem; line-height: 1.5; }
.real-photo-card figcaption { display: flex; flex-direction: column; gap: 6px; padding: 18px 20px 20px; }
.real-photo-card figcaption strong { color: var(--green); font-size: 1.125rem; line-height: 1.5; }
.real-photo-card figcaption > span { color: var(--muted); font-size: 1rem; line-height: 1.6; }
.real-photo-card figcaption > .photo-edit-label { color: var(--green); font-size: .875rem; font-weight: 600; }
.gallery-cta { margin-top: 28px; }
.product-dialog { width: 980px; }
.product-dialog-layout { grid-template-columns: 1fr 1.1fr; }
.product-dialog-visual { background: #eef0e6; align-self: start; min-width: 0; }
.detail-photo-button { display: block; position: relative; width: 100%; padding: 0; border: 0; background: transparent; }
.detail-photo-button > img { height: 440px; width: 100%; object-fit: contain; }
.detail-photo-button > span { position: absolute; right: 14px; bottom: 14px; display: flex; gap: 12px; padding: 7px 11px; border-radius: 6px; background: var(--green-dark); color: white; font-size: 1rem; line-height: 1.5; }
.detail-illustration img { height: 360px; object-fit: cover; }
.detail-image-caption { padding: 15px 20px; font-size: .875rem; line-height: 1.6; color: var(--green); }
.product-info-note { margin-top: 22px; padding: 16px; border-radius: 8px; background: #edf0e5; }
.product-info-note > strong { display: block; font-size: 1rem; color: var(--green); }
.product-info-note > p { font-size: 1rem; color: var(--muted); line-height: 1.65; margin-top: 6px; }
.detail-actions { display: flex; flex-direction: column; gap: 11px; margin-top: 22px; }
.product-dialog-copy .detail-actions .button { margin-top: 0; }
.detail-actions .product-zalo-button { flex-basis: auto; }
.photo-dialog { width: 1100px; max-width: calc(100vw - 32px); }
.large-photo-figure { margin: 0; }
.large-photo-figure > img { display: block; height: min(62dvh, 660px); width: 100%; object-fit: contain; background: #e9edde; }
.large-photo-figure > figcaption { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px 28px; }
.large-photo-figure .eyebrow { margin-bottom: 6px; }
.large-photo-figure h2 { font-size: 30px; line-height: 1.25; letter-spacing: -.025em; }
#photo-description { color: var(--muted); font-size: 1rem; line-height: 1.65; margin-top: 9px; max-width: 55ch; }
.photo-original-link { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; margin-top: 9px; color: var(--green); font-size: 1rem; font-weight: 700; text-underline-offset: 4px; }
.photo-original-link[hidden] { display: none; }
.product-image-pending { display: grid; place-items: center; width: 100%; height: 100%; padding: 24px; background: #eeefe4; color: var(--green); font-size: 1.0625rem; line-height: 1.6; }
.detail-illustration .product-image-pending { min-height: 300px; }
.inspiration-media { margin: 0; min-width: 0; }
.inspiration-media .inspiration-image { position: relative; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 72px 12px 72px 12px; background: #eeefe4; }
.inspiration-media .inspiration-image > img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.inspiration-credit { padding-top: 16px; color: var(--muted); font-size: 1rem; line-height: 1.7; }
.inspiration-credit > strong { display: block; color: var(--green); font-size: 1.125rem; }
.photo-navigation { display: flex; gap: 12px; align-items: center; flex-shrink: 0; }
.photo-nav-button { width: 48px; height: 48px; border-radius: 50%; border: 1px solid #a7b79e; background: var(--cream); color: var(--green); font-size: 23px; }
.photo-nav-button:hover { background: #dfe7d8; }
#photo-counter { min-width: 82px; text-align: center; font-size: 1rem; font-weight: 600; color: var(--green); }
@media (max-width: 1100px) {
  .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .product-card-actions .button { flex-basis: 150px; }
}
@media (max-width: 900px) {
  .product-dialog-layout { grid-template-columns: 1fr; }
  .detail-photo-button > img { height: 330px; }
  .detail-illustration img { height: 260px; }
  .real-photo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
  .large-photo-figure > figcaption { flex-direction: column; align-items: flex-start; gap: 20px; }
}
@media (max-width: 600px) {
  .product-grid, .real-photo-grid { grid-template-columns: 1fr; }
  .real-photo-grid { gap: 20px; }
  .product-card-actions { gap: 9px; }
  .product-card-actions .button { flex-basis: 145px; }
  .real-photo-card figcaption { padding: 18px 20px; }
  .detail-photo-button > img { height: 300px; }
  .large-photo-figure > img { height: 52dvh; }
  .large-photo-figure > figcaption { padding: 22px; }
  .large-photo-figure h2 { font-size: 27px; }
  .photo-navigation { width: 100%; justify-content: space-between; }
}

.image-sources { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); color: var(--muted); }
.image-sources > summary { min-height: 48px; padding: 14px 0; color: var(--green); font-size: 1rem; font-weight: 700; letter-spacing: 0; }
.image-sources-content { padding-bottom: 24px; font-size: 1rem; line-height: 1.7; }
.image-sources-content > p { max-width: 760px; }
.image-sources-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 22px; }
.image-source { min-width: 0; }
.image-source h3 { font-size: 1.125rem; line-height: 1.5; letter-spacing: 0; color: var(--green); }
.image-source p { margin-top: 8px; font-size: 1rem; line-height: 1.7; }
.image-source a { color: var(--green); text-underline-offset: 4px; overflow-wrap: anywhere; }
@media (max-width: 900px) { .image-sources-grid { grid-template-columns: 1fr; gap: 22px; } }

/* Factory photographs */
.factory-section { background: #eeefe4; border-top: 1px solid var(--line); }
.factory-intro { display: grid; grid-template-columns: .9fr 1.2fr; align-items: center; gap: 56px; }
.factory-copy h2 { color: var(--green); }
.factory-copy > p:not(.eyebrow) { margin-top: 24px; max-width: 42ch; color: var(--muted); font-size: 1.125rem; line-height: 1.8; }
.factory-stages { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 24px 0; list-style: none; }
.factory-stages li { padding: 6px 12px; border: 1px solid #cad4c3; border-radius: 20px; color: var(--green); font-size: 1rem; line-height: 1.5; background: #f8f6ed; }
.factory-cover { min-width: 0; margin: 0; }
.factory-cover-button, .factory-photo-button { display: block; position: relative; padding: 0; width: 100%; border: 0; overflow: hidden; background: #e3e8dd; }
.factory-cover-button { aspect-ratio: 4/3; border-radius: 64px 12px 64px 12px; }
.factory-cover-button > img, .factory-photo-button > img { display: block; width: 100%; height: 100%; object-fit: contain; }
.factory-cover-button > span, .factory-photo-zoom { position: absolute; right: 12px; bottom: 12px; display: flex; align-items: center; gap: 12px; padding: 6px 11px; border-radius: 6px; background: var(--green-dark); color: white; font-size: 1rem; line-height: 1.5; }
.factory-cover figcaption { display: flex; flex-direction: column; gap: 3px; padding-top: 16px; color: var(--muted); font-size: 1rem; line-height: 1.7; }
.factory-cover figcaption strong { color: var(--green); }
.factory-gallery-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; padding-top: 64px; padding-bottom: 28px; scroll-margin-top: 110px; }
.factory-gallery-heading h3 { font-size: 32px; line-height: 1.2; color: var(--green); }
.factory-gallery-heading h3 em { font-family: Georgia, 'Times New Roman', serif; font-weight: 500; }
.factory-gallery-heading p { color: var(--muted); font-size: 1rem; line-height: 1.7; }
.factory-photo-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.factory-photo-card { min-width: 0; margin: 0; overflow: hidden; background: var(--cream); border: 1px solid #d5ddcd; border-radius: 12px; }
.factory-photo-button { aspect-ratio: 1; }
.factory-photo-index { position: absolute; top: 12px; left: 12px; padding: 4px 10px; background: var(--cream); border: 1px solid #d5ddcd; border-radius: 20px; color: var(--green); font-weight: 700; font-size: 1rem; line-height: 1.5; }
.factory-photo-card figcaption { display: flex; flex-direction: column; gap: 7px; padding: 18px 20px 20px; }
.factory-photo-card figcaption > span { color: var(--muted); font-size: 1rem; line-height: 1.5; }
.factory-photo-card figcaption strong { color: var(--green); font-size: 1.125rem; line-height: 1.5; }
.factory-cta { margin-top: 28px; }
@media (max-width: 1000px) { .factory-photo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 900px) {
  .factory-intro { grid-template-columns: 1fr; gap: 32px; }
  .factory-copy > p:not(.eyebrow) { max-width: 65ch; }
}
@media (max-width: 600px) {
  .factory-photo-grid { grid-template-columns: 1fr; gap: 20px; }
  .factory-gallery-heading { align-items: flex-start; flex-direction: column; gap: 14px; padding-top: 40px; }
  .factory-cover-button { border-radius: 36px 10px 36px 10px; }
  .factory-gallery-heading h3 { font-size: 28px; }
}