:root{--burgundy:#6e1011;--deep:#5b090a;--deepest:#3f0605;--orange:#ee381b;--orangebright:#fb3e1d;--cream:#fffcf5;--paper:#fff9f0;--beige:#fdf0d9;--dark:#171412;--muted:#8e8d89;--stroke:#eee7dd;--shadow:0 5px 20px rgba(72,35,12,.06);--container:1320px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;color:var(--dark);background:var(--cream);font-family:'Inter','Lato',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,.brand-tile h3{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.035em}h2{font-size:clamp(32px,3.8vw,56px);line-height:1.08;margin-bottom:0;font-weight:800}[hidden]{display:none!important}img{max-width:100%;display:block}.container{max-width:var(--container);width:calc(100% - 112px);margin:0 auto}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.ico{width:1.22em;height:1.22em;stroke:currentColor;fill:none;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.utility-bar{height:50px;color:#fff;background:linear-gradient(95deg,#7e0d0c,#430908 60%,#590a09);font-size:13px}.utility-inner,.utility-contacts,.utility-right{display:flex;align-items:center}.utility-inner{height:100%;justify-content:space-between;gap:24px}.utility-contacts{gap:36px;white-space:nowrap}.utility-contacts a,.utility-address{display:inline-flex;align-items:center;gap:9px}.utility-contacts .ico{color:#ff6934;font-size:16px}.utility-right{gap:13px;font-size:12px;white-space:nowrap}.utility-right .chevron{width:12px;height:12px}
.site-header{height:146px;background:rgba(255,253,248,.985);position:relative;z-index:20}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{align-self:stretch;display:flex;align-items:center;justify-content:center;width:225px;flex:none;position:relative;z-index:2;background:#fffdfa;border-radius:0 0 19px 19px;margin-bottom:-14px}.brand img{width:275px;max-width:none;height:175px;object-fit:contain;position:relative;top:3px}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:53px;margin-left:100px;white-space:nowrap}.desktop-nav a{font-size:16px;font-weight:700;padding:12px 0;transition:color .15s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--orange)}.desktop-nav a.active:after{content:"";display:block;height:3px;width:100%;margin-top:10px;background:var(--orange);border-radius:8px}.header-actions{display:flex;align-items:center;gap:22px;margin-left:auto}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:#171414;width:35px;height:42px;padding:0;position:relative}.icon-button .ico{width:28px;height:28px;stroke-width:2.3}.icon-button:hover{color:var(--orange)}.tiny-dot{position:absolute;width:8px;height:8px;background:var(--orange);border-radius:50%;right:0;top:6px}.cart-count{position:absolute;right:-8px;top:1px;min-width:18px;height:18px;border-radius:18px;background:var(--orange);color:white;font-size:10px;display:grid;place-items:center;font-weight:800}.mobile-menu-button{display:none}.search-panel{position:absolute;top:calc(100% - 2px);right:0;left:0;max-width:670px;padding:22px 25px 24px;background:white;border:1px solid #f0e9dd;box-shadow:0 18px 42px #330e0e22;border-radius:0 0 18px 18px}.search-panel[hidden],.mobile-nav[hidden]{display:none}.search-panel label{font-weight:800;font-size:14px;display:block;margin-bottom:10px}.search-row{display:flex;align-items:center;gap:12px;border:1px solid #e9e2da;border-radius:35px;padding:10px 18px}.search-row input{width:100%;outline:none;border:0}.search-row button{border:0;background:none;color:var(--orange);font-weight:700}
.hero{height:670px;position:relative;background:#fff9ef;overflow:hidden}.hero-photography{position:absolute;inset:0 0 0 auto;width:60%;background-image:url('images/hero_photo_hd.webp');background-position:center center;background-size:cover;filter:saturate(1.05);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 14%,#000 32%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 14%,#000 32%)}.hero-soft-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#fff9ef 0%,#fff9ef 29%,rgba(255,249,239,.88) 41%,rgba(255,249,239,.20) 56%,transparent 66%);pointer-events:none}.hero-decor{font-size:190px;position:absolute;color:#e6a565;opacity:.07;left:-110px;top:55px}.hero-content{position:relative;height:100%;padding-top:120px}.hero-text{max-width:625px}.eyebrow{font-family:'Inter',Arial,sans-serif;text-transform:uppercase;letter-spacing:.035em;font-weight:900;font-size:14px;color:var(--orange);margin-bottom:12px}.eyebrow.with-line{display:flex;align-items:center;gap:18px}.eyebrow.with-line::before{content:"";display:block;width:45px;height:3px;background:var(--orange);flex:none}.hero h1{font-size:clamp(59px,5.8vw,88px);line-height:.99;letter-spacing:-.045em;color:#15110f;margin-bottom:24px}.hero h1 em{color:var(--orange);font-style:normal}.hero-description{font-size:21px;line-height:1.52;max-width:558px;margin-bottom:28px;color:#34302e}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;border-radius:40px;font-size:14px;font-weight:800;padding:15px 29px;border:2px solid transparent;white-space:nowrap;transition:transform .15s,background-color .15s,color .15s}.btn:hover{transform:translateY(-2px)}.btn .ico{height:17px;width:17px;stroke-width:2.3}.btn-primary{background:var(--orange);color:#fff;border-color:var(--orange)}.btn-primary:hover{background:#c9290e}.hero-btn{padding:19px 40px;font-size:17px}.hero-benefits{display:flex;align-items:center;gap:45px;position:absolute;bottom:43px;left:0}.benefit{display:flex;align-items:center;gap:13px;line-height:1.32;font-size:15px;font-weight:700}.benefit>.ico{color:var(--orange);height:45px;width:45px;stroke-width:1.7}
.section{background:var(--cream)}.categories-section{padding:48px 0 50px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:22px}.section-top .eyebrow{margin-bottom:8px}.section-description{font-size:18px;color:#4f4843;margin:11px 0 0;line-height:1.4}.btn-outline{background:transparent;color:var(--orange);border:2px solid var(--orange);padding:13px 23px;font-size:14px}.btn-outline:hover{background:var(--orange);color:#fff}.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.category-card{background:#fff3e0;border:1px solid #f2e4d5;border-radius:13px;overflow:hidden;text-align:left;padding:0;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s;min-width:0}.category-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #6f170e22}.category-card img{height:180px;width:100%;object-fit:cover}.cat-info{height:81px;display:flex;justify-content:space-between;align-items:center;padding:12px 13px 10px 13px;gap:7px}.cat-info strong,.cat-info small{display:block}.cat-info strong{font-size:16px;line-height:1.2}.cat-info small{font-size:12px;line-height:1.6;color:#5e554f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.round-arrow{display:grid;place-items:center;background:var(--orange);border-radius:50%;width:24px;height:24px;color:white;font-size:14px;font-weight:800;flex:none;line-height:1}
.products-section{padding:18px 0 90px}.products-title-row{margin-bottom:34px}.products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{border-radius:13px;overflow:hidden;background:#fffdf8;border:1px solid #f2eae2;box-shadow:var(--shadow);min-width:0;display:flex;flex-direction:column}.product-image{padding:0;border:0;background:#f2f0eb;width:100%;height:255px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.product-image:hover img{transform:scale(1.035)}.product-details{display:flex;flex:1;flex-direction:column;padding:12px 19px 17px}.product-details h3{font-family:'Inter',Arial,sans-serif;font-size:16px;letter-spacing:-.025em;line-height:1.3;margin:0 0 8px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-size{color:#a2a09c;font-size:15px;line-height:1.3;min-height:24px}.price{display:block;color:var(--orange);font-size:21px;font-weight:900;line-height:1.3;margin:9px 0 12px}.add-to-cart{border:0;border-radius:7px;background:var(--orange);color:white;display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:800;min-height:55px;padding:10px}.add-to-cart:hover{background:#c3290d}.add-to-cart .ico{height:18px;width:18px}.brand-tile{border-radius:13px;overflow:hidden;background:var(--beige);height:100%;min-height:0;border:1px solid #f2e5d3;position:relative}.brand-tile img{position:absolute;inset:0 auto 0 0;width:calc(100% + 28px);max-width:none;height:100%;object-fit:fill;transform:translateX(-16px)}.active-filter{padding:8px 0 18px;color:#695d55;font-size:16px}.active-filter button,.no-products button{border:none;background:none;color:var(--orange);text-decoration:underline;cursor:pointer}.no-products{padding:30px 0;font-size:17px}
.story-section{height:466px;display:grid;grid-template-columns:50.5% 49.5%;background:linear-gradient(90deg,#fff9ef,#fffcf7)}.story-image{height:100%;min-width:0;overflow:hidden}.story-image img{height:100%;width:100%;object-fit:cover;object-position:center}.story-copy{display:flex;align-items:center;background:radial-gradient(ellipse at right,#f7e9cb8a,transparent 63%),#fffaf0;padding:45px 40px 45px 60px}.story-copy-inner{max-width:570px}.story-copy .eyebrow{margin-bottom:15px}.story-copy h2{font-size:clamp(36px,3.15vw,52px);margin-bottom:20px}.story-copy p:not(.eyebrow){font-size:17px;line-height:1.53;margin-bottom:22px;color:#393633}.story-copy .btn{padding:15px 36px}
.recipes-section{padding:43px 0 54px}.recipes-section .section-top{margin-bottom:22px}.recipe-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.recipe-card{border:0;padding:0;background:#f9ecda;text-align:left;border-radius:11px;overflow:hidden;box-shadow:var(--shadow);font-weight:800;min-width:0}.recipe-card img{height:152px;width:100%;object-fit:cover}.recipe-card>span{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 12px 16px;font-size:16px;height:62px}.recipe-card:hover{transform:translateY(-2px)}
.newsletter-section{padding:0 0 10px}.newsletter-wrap{min-height:170px;border-radius:15px;background:#fff0d6;display:flex;align-items:center;justify-content:space-between;gap:45px;padding:22px 35px}.newsletter-wrap .eyebrow{margin-bottom:6px}.newsletter-wrap h2{font-size:36px;margin-bottom:6px}.newsletter-wrap p:not(.eyebrow){font-size:17px;margin-bottom:0;color:#574e47}.newsletter-form{display:flex;align-items:center;max-width:637px;width:53%;height:64px;border-radius:40px;background:white;overflow:hidden}.newsletter-form input{flex:1;min-width:0;border:0;background:none;outline:0;padding:0 31px;font-size:16px;color:#292524}.newsletter-form .btn{align-self:stretch;border-radius:40px;font-size:16px;padding:10px 43px}
.site-footer{background:linear-gradient(112deg,#690d0c,#4a0b08 75%,#6e1210);color:#fff}.footer-main{min-height:435px;padding:28px 0 26px;display:grid;grid-template-columns:1.55fr .9fr 1.05fr 1fr;gap:65px}.footer-brand img{width:225px;height:175px;object-fit:contain;object-position:left center;margin:-16px 0 12px}.footer-brand p{font-size:17px;line-height:1.6;max-width:315px;margin:0 0 25px;color:#f8e7e1}.social-icons{display:flex;gap:18px}.social-icons button{color:#fff;background:transparent;border:0;font-size:27px;font-weight:900;line-height:1.15;padding:3px}.social-icons button:hover{color:#ff7d41}.footer-column{display:flex;flex-direction:column;gap:12px;padding-top:39px;font-size:17px;color:#f7e5e1}.footer-column h3{font-family:'Inter',Arial,sans-serif;font-size:18px;letter-spacing:0;margin:0 0 10px;color:#fff}.footer-column a:hover{color:#ff885e}.footer-contact a,.footer-contact>div{display:flex;gap:16px;align-items:flex-start;line-height:1.45}.footer-contact .ico{width:20px;height:20px;stroke-width:2.3;flex:none}.footer-bottom{border-top:1px solid rgba(255,255,255,.15)}.footer-bottom-inner{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:26px;font-size:13px;color:#f6d9d1}.payment-badges{display:flex;gap:11px}.payment-badges>span{display:inline-flex;align-items:center;justify-content:center;height:31px;min-width:59px;padding:2px 9px;border-radius:4px;background:#fff;font-size:19px;font-weight:900;color:#1152a8;font-style:italic}.payment-badges .paypal{font-size:16px;color:#1c568d}.payment-badges .applepay{color:#111;font-size:16px;font-style:normal}.payment-badges .mastercard{gap:0}.mastercard i{width:22px;height:22px;border-radius:50%;background:#e92827;margin-right:-6px}.mastercard i+i{background:#f5b316;opacity:.9}.policy-links{display:flex;gap:17px}.policy-links a:hover{text-decoration:underline}.footer-pattern{height:100px;background-image:url('images/footer_pattern_hd.webp');background-position:center;background-repeat:repeat-x;background-size:auto 100px;box-shadow:inset 0 25px 30px #680d0c70}
.scrim{position:fixed;inset:0;background:rgba(21,8,7,.54);z-index:49}.scrim[hidden],.cart-drawer[hidden],.toast[hidden]{display:none}.cart-drawer{position:fixed;top:0;right:0;width:min(460px,100vw);height:100dvh;z-index:50;background:#fffaf3;box-shadow:-20px 0 45px #11000038;display:flex;flex-direction:column}.drawer-heading{padding:28px;border-bottom:1px solid #e6d9cd;display:flex;justify-content:space-between}.drawer-heading small{font-size:11px;letter-spacing:.18em;color:var(--orange);font-weight:900}.drawer-heading h2{font-size:30px;margin:5px 0 0}.drawer-heading h2 span{font-size:17px}.cart-items{overflow-y:auto;padding:20px 28px;flex:1}.cart-item{display:flex;gap:14px;border-bottom:1px solid #e9dfd3;padding:16px 0}.cart-item img{width:82px;height:85px;object-fit:cover;border-radius:7px}.cart-item-info{flex:1}.cart-item-info h3{font-size:16px;margin-bottom:6px}.cart-item-info strong{color:var(--orange)}.qty-control{display:flex;align-items:center;gap:12px;margin-top:9px}.qty-control button{border:1px solid #dbc9bb;border-radius:5px;background:white;width:27px;height:27px}.qty-control .remove{margin-left:auto;width:auto;border:0;color:#a32612;text-decoration:underline;font-size:12px}.cart-summary{border-top:1px solid #e6d9cd;padding:24px 28px}.cart-summary>div{display:flex;justify-content:space-between;font-size:22px}.cart-summary p{font-size:12px;color:#776b60;line-height:1.5}.cart-order{display:flex;width:100%}.cart-empty{text-align:center;color:#887d74;padding:80px 0;font-size:17px}.detail-dialog{border:0;padding:0;border-radius:14px;width:min(790px,calc(100vw - 25px));box-shadow:0 25px 90px #25140d55;background:#fffaf3;max-height:90dvh}.detail-dialog::backdrop{background:#1c100f9c}.dialog-close{position:absolute;top:13px;right:13px;z-index:2;background:#fff;border-radius:50%}.detail-content{padding:34px;display:flex;gap:26px;align-items:center}.detail-content img{width:48%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:10px}.detail-content h2{font-size:35px}.detail-content p{font-size:16px;line-height:1.6;color:#574d48}.detail-content strong{color:var(--orange);font-size:24px;display:block;margin:12px 0}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);z-index:70;background:#4c100e;color:#fff;border-radius:10px;padding:15px 24px;box-shadow:0 8px 40px #0003;font-size:15px;text-align:center;max-width:min(500px,90vw)}
@media (max-width:1200px){.container{width:calc(100% - 80px)}.desktop-nav{gap:24px}.header-actions{margin-left:25px;gap:12px}.utility-address{display:none}.hero-content{padding-top:95px}.hero{height:630px}.hero h1{font-size:68px}.hero-benefits{gap:22px}.product-image{height:205px}.footer-main{gap:34px}.brand{width:178px}.brand img{width:178px;height:143px}}
@media (max-width:880px){.container{width:calc(100% - 42px)}.utility-bar{height:38px}.utility-contacts{gap:14px;font-size:11px}.utility-contacts .ico{font-size:13px}.utility-right{display:none}.site-header{height:85px}.brand,.brand img{width:143px}.brand{margin-bottom:0;background:transparent;border-radius:0}.brand img{height:83px}.desktop-nav{display:none}.header-actions{margin-left:auto;gap:13px}.header-actions .ico{width:23px;height:23px}.mobile-menu-button{display:inline-flex}.mobile-nav{display:flex;position:absolute;top:100%;left:0;right:0;background:#fffaf3;box-shadow:0 12px 30px #32100b2b;flex-direction:column;padding:20px 30px;gap:20px}.mobile-nav a{font-size:16px;font-weight:750}.hero{height:595px}.hero-content{padding-top:75px}.hero-photography{width:65%}.hero-soft-overlay{background:linear-gradient(90deg,#fff9ef 0%,#fff9ef 20%,rgba(255,249,239,.92) 34%,rgba(255,249,239,.2) 82%)}.hero-text{max-width:450px}.hero h1{font-size:56px}.hero-description{font-size:17px;max-width:370px}.hero-benefits{bottom:22px;gap:16px;flex-wrap:wrap;width:85%}.benefit{font-size:11px}.benefit>.ico{width:33px;height:33px}.category-grid{grid-template-columns:repeat(3,1fr)}.categories-section{padding:38px 0}.products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-details{padding:10px 11px 14px}.product-image{height:170px}.brand-tile{min-height:390px}.story-section{height:auto}.story-image img{min-height:370px}.story-copy{padding:35px}.story-copy h2{font-size:36px}.recipe-grid{gap:13px}.recipe-card img{height:105px}.recipe-card>span{font-size:13px}.newsletter-wrap{gap:15px}.newsletter-form{width:53%}.newsletter-wrap h2{font-size:29px}.footer-main{grid-template-columns:1.25fr 1fr 1fr;gap:25px}.footer-contact{grid-column:2/4;padding-top:0}.footer-bottom-inner{flex-wrap:wrap;padding:18px 0;justify-content:center}.footer-pattern{height:75px}}
@media (max-width:560px){h2{font-size:32px}.container{width:calc(100% - 34px)}.utility-contacts a:nth-of-type(2){display:none}.utility-bar{height:35px}.site-header{height:80px}.brand,.brand img{width:128px}.brand img{height:74px}.header-actions{gap:5px}.header-actions .account-trigger{display:none}.header-actions .icon-button{width:31px}.hero{height:auto;min-height:650px}.hero-photography{width:100%;height:57%;top:0;bottom:auto;background-position:center}.hero-soft-overlay{background:linear-gradient(to bottom,rgba(255,249,239,0) 0%,rgba(255,249,239,.24) 28%,#fff9ef 54%,#fff9ef 100%)}.hero-content{padding-top:315px;padding-bottom:27px;display:flex;flex-direction:column;justify-content:end;min-height:660px}.hero-text{max-width:100%}.hero h1{font-size:49px;margin-bottom:15px}.hero-description{font-size:15px;max-width:100%;margin-bottom:20px}.hero-btn{font-size:14px;padding:14px 22px}.hero-benefits{position:static;width:100%;margin-top:26px;display:grid;grid-template-columns:repeat(2,1fr);gap:15px 8px}.benefit{font-size:11px;gap:9px}.benefit>.ico{width:28px;height:28px}.eyebrow{font-size:11px}.eyebrow.with-line::before{width:28px;height:2px}.section-top{align-items:start;gap:12px;margin-bottom:18px}.section-top .btn-outline{font-size:0;min-width:40px;padding:7px;border-radius:25px}.section-top .btn-outline .ico{width:21px;height:21px}.section-description{font-size:14px}.categories-section{padding:30px 0}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-card img{height:120px}.cat-info{height:65px;padding:9px}.cat-info strong{font-size:14px}.cat-info small{font-size:10px}.round-arrow{width:21px;height:21px}.products-section{padding-top:10px}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-image{height:135px}.product-details{padding:9px}.product-details h3{font-size:12px;white-space:normal;min-height:30px}.product-size{font-size:11px;min-height:20px}.price{font-size:18px;margin:6px 0 8px}.add-to-cart{min-height:39px;font-size:11px;gap:4px}.add-to-cart .ico{width:13px;height:13px}.brand-tile{min-height:263px}.story-section{display:flex;flex-direction:column}.story-image{height:300px}.story-image img{min-height:300px}.story-copy{padding:30px 22px}.story-copy h2{font-size:33px}.story-copy p:not(.eyebrow){font-size:14px}.recipes-section{padding:35px 0 16px}.recipe-grid{grid-template-columns:repeat(2,1fr);gap:10px}.recipe-card img{height:117px}.recipe-card>span{height:43px;font-size:13px}.newsletter-section{padding-bottom:20px}.newsletter-wrap{padding:22px;display:block;min-height:0}.newsletter-wrap h2{font-size:30px}.newsletter-wrap p:not(.eyebrow){font-size:14px}.newsletter-form{margin-top:18px;width:100%;height:49px}.newsletter-form input{font-size:12px;padding:0 12px}.newsletter-form .btn{font-size:12px;padding:8px 17px}.footer-main{grid-template-columns:repeat(2,1fr);padding:25px 0;gap:22px}.footer-brand{grid-column:1/3}.footer-brand img{width:155px;height:127px}.footer-brand p{font-size:13px;max-width:350px}.footer-column{padding-top:0;font-size:13px;gap:9px}.footer-column h3{font-size:14px}.footer-contact{grid-column:1/3}.footer-bottom-inner{font-size:11px;gap:15px}.payment-badges>span{min-width:41px;font-size:15px;height:24px}.payment-badges .paypal,.payment-badges .applepay{font-size:12px}.policy-links{gap:9px}.footer-pattern{height:65px}.detail-content{flex-direction:column;padding:24px}.detail-content img{width:100%;max-width:260px}.detail-content h2{font-size:28px}}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* ===== V3: header and hero collision fixes =====
   The hero's feature badges previously used absolute positioning; this
   collided with the CTA when headline text wrapped or browser zoom increased.
   Keep them in normal document flow and allow the hero to grow gracefully. */
@media (min-width: 561px) {
  .hero {
    height: auto;
    min-height: 670px;
  }
  .hero-content {
    height: auto;
    min-height: 670px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 44px;
    padding-top: 108px;
    padding-bottom: 46px;
  }
  .hero-benefits {
    position: static;
    bottom: auto;
    left: auto;
    display: flex;
    gap: clamp(20px, 2.4vw, 45px);
    width: 100%;
    max-width: 970px;
    align-items: center;
    flex-wrap: wrap;
  }
  .hero-text { flex: 0 0 auto; }
  .hero-btn { position: relative; z-index: 1; }
}
/* The brand remains fully inside the header instead of protruding above it. */
@media (min-width: 881px) {
  .brand {
    align-self: center;
    height: 100%;
    margin-bottom: 0;
    overflow: visible;
  }
  .brand img {
    width: 215px;
    height: 144px;
    top: 0;
    max-width: 100%;
    object-fit: contain;
  }
}
@media (min-width: 881px) and (max-width: 1200px) {
  .hero { min-height: 630px; }
  .hero-content {
    min-height: 630px;
    padding-top: 80px;
    padding-bottom: 40px;
    gap: 32px;
  }
  .brand img { width: 178px; height: 138px; }
}
@media (min-width: 561px) and (max-width: 880px) {
  .hero { height: auto; min-height: 595px; }
  .hero-content {
    height: auto;
    min-height: 595px;
    padding-top: 70px;
    padding-bottom: 34px;
    gap: 27px;
  }
  .hero-benefits {
    position: static;
    bottom: auto;
    left: auto;
    gap: 17px 22px;
    max-width: 100%;
    width: 100%;
  }
}
@media (max-width: 560px) {
  /* Mobile already uses an in-flow feature grid; preserve its design. */
  .hero-content { gap: 0; }
  .hero-benefits { position: static; }
}
/* Keep the full desktop menu within medium laptop widths and browser zoom. */
@media (min-width: 881px) and (max-width: 1070px) {
  .container { width: calc(100% - 48px); }
  .header-inner { gap: 15px; }
  .brand { width: 152px; flex-basis: 152px; }
  .brand img { width: 152px; height: 125px; }
  .desktop-nav { margin-left: 0; gap: clamp(11px, 1.45vw, 18px); }
  .desktop-nav a { font-size: 13px; }
  .header-actions { margin-left: auto; gap: 5px; }
  .header-actions .icon-button { width: 27px; }
  .header-actions .ico { width: 24px; height: 24px; }
}
/* On scroll, the complete logo and navigation remain visible rather than being
   partially clipped when the user stops midway through the header. */
.site-header { position: sticky; top: 0; }
section[id], footer[id] { scroll-margin-top: 95px; }