.header-main{min-height:124px}.brand{width:120px;height:112px;flex-shrink:0}.brand .supplied-logo{width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;background:transparent;overflow:visible}.hero-photo:before{display:none}.hero-photo img{object-fit:contain!important;width:100%;height:auto!important;max-height:300px;aspect-ratio:3/2}.category-image{aspect-ratio:1;height:auto;background:#f4f0e7}.category-image img{width:100%;height:100%;object-fit:contain!important;padding:7px;mix-blend-mode:normal}.category-image svg{display:none}
@media(max-width:760px){.header-main{height:154px;grid-template-rows:91px 42px;gap:4px 10px;padding-top:5px}.brand{width:102px;height:91px}.brand .supplied-logo{width:102px;height:91px}.hero{grid-template-columns:1fr 1.1fr}.hero-photo{align-items:center}.hero-photo img{aspect-ratio:3/2;max-height:none}.category-image{aspect-ratio:1}.category-image img{padding:6px}}
.mobile-brand-lockup{display:none}
@media(max-width:760px){.header-main{height:112px;min-height:112px;grid-template-rows:46px 42px;gap:7px 10px;padding-top:8px}.brand{width:150px;height:42px}.brand .supplied-logo{display:none}.mobile-brand-lockup{display:flex;align-items:center;gap:10px}.mobile-brand-lockup svg{display:block;flex-shrink:0;overflow:hidden;stroke:none}.mobile-brand-mark{width:31px;height:36px}.mobile-brand-wordmark{width:105px;height:19px}}
.banner-carousel{margin-top:12px}.banner-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;position:relative;border-radius:18px}.banner-track::-webkit-scrollbar{display:none}.banner-track .banner-slide{flex:0 0 100%;scroll-snap-align:start;margin:0;min-width:0;box-sizing:border-box;border-radius:18px;overflow:hidden;display:grid;grid-template-columns:1fr 1.2fr;background:#193d28}.banner-track .hero-copy{padding:30px;align-self:center}.banner-track .hero-photo{background:transparent!important;position:relative}.banner-track .hero-photo img{width:100%;height:auto!important;max-height:none;display:block;aspect-ratio:auto;object-fit:contain!important}.banner-track .banner-secondary{background:#eee3d4;color:#0e3b2e}.banner-secondary h2{font-size:32px;line-height:1.12;margin:0 0 12px}.banner-track .banner-secondary p{color:#0e3b2e}.banner-secondary .hero-photo img{max-height:340px}.banner-controls{display:flex;align-items:center;justify-content:center;gap:8px;height:32px}.banner-controls button[data-slide]{border:0;padding:0;width:7px;height:7px;border-radius:8px;background:#bcc8bf;cursor:pointer}.banner-controls button[aria-pressed=true]{background:#0e3b2e;width:22px}.banner-pause{border:0;background:none;color:#496252;font-size:12px;cursor:pointer;padding:5px 10px}.banner-controls button:focus-visible{outline:2px solid #c4553a;outline-offset:3px}
@media(max-width:760px){.banner-track .banner-slide{display:flex;flex-direction:column;min-height:0}.banner-track .hero-copy{padding:22px 24px 18px;align-self:stretch;position:relative}.banner-track .hero h1,.banner-track .hero h2{font-size:26px;line-height:1.12;margin:0 0 10px}.banner-track .hero h1 br{display:none}.banner-track .hero h1{max-width:290px}.banner-track .hero p{font-size:13px;line-height:1.4;margin-bottom:14px}.banner-track .hero p br{display:none}.banner-track .hero .primary{font-size:12px;padding:10px 16px}.banner-track .hero-photo{width:100%;margin-top:auto}.banner-track .hero-photo img{width:100%;aspect-ratio:3/2;object-fit:contain!important}.banner-track .banner-secondary .hero-photo img{height:auto!important;aspect-ratio:3/2;max-height:none}.banner-track .hero-photo:after{content:'';position:absolute;inset:0 0 auto;height:28px;background:linear-gradient(#193d28,transparent);pointer-events:none}.banner-track .banner-secondary .hero-photo:after{display:none}.banner-track .banner-secondary .hero-photo{background:#eee3d4!important}}
@media(prefers-reduced-motion:reduce){.banner-track{scroll-behavior:auto}}
/* Desktop-only refinement. The approved mobile layout remains unchanged. */
@media(min-width:761px){
  .wrap{max-width:1240px;margin-left:auto;margin-right:auto;padding-left:36px;padding-right:36px}
  .header-main{height:96px;min-height:96px;gap:28px}
  .brand{width:174px;height:44px;flex-shrink:0}
  .brand .supplied-logo{display:none}
  .mobile-brand-lockup{display:flex;align-items:center;gap:13px}
  .mobile-brand-lockup svg{display:block;overflow:hidden;stroke:none;flex-shrink:0}
  .mobile-brand-mark{width:36px;height:41px}
  .mobile-brand-wordmark{width:121px;height:22px}
  .search{min-width:160px;height:48px;border-radius:12px}
  .search input{font-size:14px}
  .delivery{display:none}
  .nav-row{min-height:64px;height:auto;gap:24px;padding-top:6px;padding-bottom:6px}
  .nav-row nav{gap:25px;flex-shrink:0}
  .nav-row nav a{font-size:13px}
  .mode-control{gap:9px;white-space:nowrap}
  .mode-control .veg{padding:9px 11px;font-size:12px}
  .banner-carousel{margin-top:28px}
  .banner-track{border-radius:22px}
  .banner-track .banner-slide{height:374px;min-height:374px;grid-template-columns:43% 57%;border-radius:22px}
  .banner-track .hero-copy{padding:38px 42px;z-index:1}
  .banner-track .hero h1,.banner-track .hero h2{font-size:40px;line-height:1.13;letter-spacing:-.035em;margin:0 0 18px;font-weight:500}
  .banner-track .hero p{font-size:15px;line-height:1.6;margin:0 0 24px;max-width:320px}
  .banner-track .hero .primary{font-size:14px;padding:13px 22px}
  .banner-track .hero-photo{height:100%;min-width:0;display:flex;align-items:center;padding:22px 22px 22px 0;box-sizing:border-box}
  .banner-track .hero-photo img{height:100%!important;width:100%;max-height:330px;object-fit:contain!important;border-radius:14px}
  .banner-track .banner-secondary .hero-photo img{max-height:310px}
  .banner-controls{height:38px}
  .category-section{padding-top:24px}
  .section-heading{margin-bottom:22px}
  .section-heading h2{font-size:26px;letter-spacing:-.035em}
  .category-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:18px}
  .category-image{height:auto;aspect-ratio:1;border-radius:16px}
  .category strong{font-size:13px;margin-top:12px}
  .catalog-section{padding-top:40px}
  .woocommerce ul.products{gap:20px}
  .woocommerce ul.products li.product a img{height:180px!important}
  .woocommerce ul.products li.product .product-badge{top:155px}
  .promises{margin-top:24px}
}
@media(min-width:761px) and (max-width:1050px){
  .wrap{padding-left:24px;padding-right:24px}
  .header-main{gap:18px}
  .nav-row{flex-wrap:wrap;justify-content:space-between;gap:8px}
  .nav-row nav{gap:18px}
  .banner-track .banner-slide{height:330px;min-height:330px}
  .banner-track .hero-copy{padding:28px}
  .banner-track .hero h1,.banner-track .hero h2{font-size:32px}
  .category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
  .category-image{max-width:150px;margin:auto}
}
/* Desktop art direction: edge-to-edge photography, not an inset image tile. */
@media(min-width:761px){
  .banner-track .banner-slide{position:relative;isolation:isolate;display:block;height:360px;min-height:360px;background:#102f20;border-radius:20px}
  .banner-track .hero-copy{position:relative;z-index:2;width:45%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:36px 0 36px 44px;box-sizing:border-box}
  .banner-track .hero h1,.banner-track .hero h2{font-size:38px;line-height:1.12;max-width:350px;margin-bottom:16px}
  .banner-track .hero p{font-size:14px;line-height:1.5;max-width:265px;margin-bottom:22px;color:#e4e8de}
  .banner-track .hero .primary{font-size:13px;padding:12px 20px}
  .banner-track .hero-photo{position:absolute;inset:0 0 0 auto;width:70%;height:100%;padding:0;display:block;z-index:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0%,#000 30%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 30%)}
  .banner-track .hero-photo img{display:block;width:100%;height:100%!important;max-height:none!important;border-radius:0;object-fit:cover!important;object-position:center 53%;aspect-ratio:auto}
  .banner-track .hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,47,32,.45),transparent 42%);pointer-events:none}
  .banner-track .banner-secondary{background:#f0e6d8}
  .banner-track .banner-secondary .hero-copy{color:#0e3b2e}
  .banner-track .banner-secondary .hero-photo{mask-image:linear-gradient(90deg,transparent,#000 35%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%)}
  .banner-track .banner-secondary .hero-photo img{object-fit:contain!important}
  .banner-track .banner-secondary .hero-photo:after{background:linear-gradient(90deg,#f0e6d8,transparent 40%)}
  .banner-track .banner-secondary p{color:#43594b}
}
@media(min-width:761px) and (max-width:1050px){
  .banner-track .banner-slide{height:310px;min-height:310px}
  .banner-track .hero-copy{width:47%;padding-left:28px}
  .banner-track .hero h1,.banner-track .hero h2{font-size:30px}
  .banner-track .hero-photo{width:68%}
}
/* Blend the sweets photograph into its own compact promotional surface. */
.banner-track .banner-secondary{background:#f5f0e7}
.banner-track .banner-secondary .hero-photo{background:#f5f0e7!important}
.banner-track .banner-secondary .hero-photo img{mix-blend-mode:multiply}
@media(max-width:760px){
  .banner-track .banner-secondary{position:relative;display:block;min-height:360px;height:360px;background:#f5f0e7;overflow:hidden}
  .banner-track .banner-secondary .hero-copy{position:relative;z-index:2;padding:24px;max-width:100%;height:auto}
  .banner-track .banner-secondary h2{font-size:26px;line-height:1.12;max-width:230px;margin-bottom:10px}
  .banner-track .banner-secondary p{font-size:13px;margin-bottom:14px}
  .banner-track .banner-secondary .primary{background:#0e3b2e;color:#fff}
  .banner-track .banner-secondary .hero-photo{position:absolute;bottom:-4px;right:-8px;width:70%;height:220px;margin:0;display:block;background:transparent!important;z-index:1}
  .banner-track .banner-secondary .hero-photo img{width:100%;height:100%!important;aspect-ratio:auto;max-height:none;object-fit:contain!important;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse 64% 64% at center,#000 57%,transparent 95%);-webkit-mask-image:radial-gradient(ellipse 64% 64% at center,#000 57%,transparent 95%)}
  .banner-track .banner-secondary .hero-photo:after{display:none}
}