:root{--red:#91b62b;--red-dark:#769819;--ink:#2e2f38;--muted:#67697e;--line:#d2d3e0;--cream:#f8f9fb;--green:#91b62b;--white:#fff;--radius:24px;--shadow:0 18px 50px rgba(46,47,56,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font-family:Manrope,Arial,sans-serif;font-size:14px;line-height:1.55}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 64px));margin:0 auto}.topline{background:var(--ink);color:#fff;font-size:11px;letter-spacing:.03em}.topline__inner{display:flex;justify-content:space-between;align-items:center;min-height:34px}.topline__links{display:flex;gap:25px;color:#c7c7c2}.topline__links a:hover{color:#fff}.site-header{background:rgba(255,255,255,.97);position:sticky;top:0;z-index:20;box-shadow:0 1px 0 rgba(20,20,18,.05)}.header-main{display:flex;align-items:center;min-height:92px;gap:42px}.brand{display:flex;align-items:center;gap:12px;min-width:245px}.brand img{width:58px;height:58px;object-fit:contain}.brand__copy{display:flex;flex-direction:column;gap:3px}.brand__copy strong{font-family:Oswald,Arial,sans-serif;font-size:17px;line-height:1;font-weight:600;letter-spacing:.03em}.brand__copy small{font-size:9px;line-height:1.3;letter-spacing:.1em;color:var(--muted);max-width:145px}.main-nav{display:flex;align-items:center;gap:25px;text-transform:uppercase;font-family:Oswald,Arial,sans-serif;font-size:12px;font-weight:500;white-space:nowrap}.main-nav a,.footer-col a,.contact-list a{transition:color .2s ease}.main-nav a:hover,.footer-col a:hover,.contact-list a:hover{color:var(--red)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:24px}.contact-block{display:flex;flex-direction:column;gap:2px;text-align:right}.contact-block span{color:#a3a49f;font-size:10px}.contact-block a{font-family:Oswald,Arial,sans-serif;font-size:17px;white-space:nowrap}.cart-button{display:flex;align-items:center;gap:9px;border:0;border-radius:100px;background:#f3f3f1;color:var(--ink);padding:12px 16px;font-weight:700;font-size:12px}.cart-button:hover{background:var(--red);color:white}.cart-count{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--red);color:#fff;font-size:10px}.cart-button:hover .cart-count{background:#fff;color:var(--red)}.icon{display:inline-block;position:relative;width:20px;height:20px;flex:none}.icon-menu:before,.icon-menu:after,.icon-menu{border-top:2px solid currentColor}.icon-menu:before,.icon-menu:after{content:"";position:absolute;left:0;width:100%}.icon-menu:before{top:5px}.icon-menu:after{top:12px}.icon-search:before{content:"";position:absolute;width:10px;height:10px;border:2px solid currentColor;border-radius:50%;top:1px;left:1px}.icon-search:after{content:"";position:absolute;width:8px;height:2px;transform:rotate(45deg);background:currentColor;left:12px;top:13px}.icon-bag{border:2px solid currentColor;border-radius:3px;height:15px;width:16px;margin-top:4px}.icon-bag:before{content:"";position:absolute;left:3px;top:-7px;width:6px;height:8px;border:2px solid currentColor;border-bottom:0;border-radius:7px 7px 0 0}.icon-clock{border:2px solid currentColor;border-radius:50%;width:19px;height:19px}.icon-clock:before{content:"";position:absolute;left:8px;top:3px;width:2px;height:7px;background:currentColor}.icon-clock:after{content:"";position:absolute;left:8px;top:9px;width:5px;height:2px;background:currentColor;transform:rotate(30deg);transform-origin:left center}.search-row{display:flex;gap:20px;align-items:center;padding-bottom:20px}.catalog-button{display:flex;align-items:center;justify-content:center;gap:17px;border:0;border-radius:5px;background:var(--red);color:#fff;min-height:49px;padding:0 23px;font-family:Oswald,Arial,sans-serif;font-size:15px;text-transform:uppercase;letter-spacing:.025em}.catalog-button .icon-menu{width:19px}.catalog-button:hover,.button--accent:hover{background:var(--red-dark);transform:translateY(-1px)}.search-box{height:49px;border:1px solid var(--line);display:flex;align-items:center;flex:1;max-width:535px;border-radius:5px;color:#b4b5b1;padding:0 17px;transition:border-color .2s ease,box-shadow .2s ease}.search-box:focus-within{border-color:var(--red);box-shadow:0 0 0 3px rgba(243,22,61,.08)}.search-box input{border:0;outline:0;width:100%;padding:0 12px;color:var(--ink);background:transparent;font-size:13px}.search-box input::placeholder{color:#b4b5b1}.search-box button{border:0;background:transparent;color:#b4b5b1;font-size:24px;line-height:1;padding:0;display:none}.search-box button.is-visible{display:block}.delivery-note{margin-left:auto;display:flex;gap:10px;align-items:center;color:var(--red)}.delivery-note>span:last-child{display:flex;flex-direction:column}.delivery-note small{color:#a3a49f;font-size:10px}.delivery-note strong{font-family:Oswald,Arial,sans-serif;font-size:16px;color:var(--ink);font-weight:500}.mobile-menu-button,.mobile-nav{display:none}.hero{height:430px;border-radius:20px;position:relative;overflow:hidden;color:#fff;margin-top:30px;margin-bottom:84px;background:#252522}.hero__image{position:absolute;inset:0;background-size:cover;background-position:center 46%;transform:scale(1.01);transition:background-image .45s ease}.hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,20,18,.9) 0%,rgba(19,20,18,.66) 32%,rgba(19,20,18,.12) 74%,rgba(19,20,18,.18) 100%)}.hero__content{position:relative;z-index:1;padding:80px 76px;max-width:600px}.eyebrow{display:block;color:var(--red);font-size:10px;font-weight:800;letter-spacing:.18em;line-height:1.2}.eyebrow--light{color:#fff}.hero h1{font-family:Oswald,Arial,sans-serif;font-size:64px;line-height:.98;text-transform:uppercase;letter-spacing:.01em;margin:17px 0 18px;font-weight:600}.hero h1 em,.story h2 em,.offer-banner h2 em{color:var(--red);font-style:normal}.hero p{font-size:14px;line-height:1.65;color:#e8e8e5;margin:0 0 28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1px solid transparent;border-radius:4px;min-height:48px;padding:0 21px;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.07em;transition:all .2s ease}.button span{font-size:18px;line-height:1}.button--accent{background:var(--red);color:#fff}.button--dark{background:var(--ink);color:#fff}.button--dark:hover{background:#393936;transform:translateY(-1px)}.button--outline{border-color:#d9d9d4;background:#fff;color:var(--ink);min-width:190px}.button--outline:hover{border-color:var(--red);color:var(--red)}.hero__badge{position:absolute;z-index:1;right:62px;bottom:56px;width:108px;height:108px;border-radius:50%;border:1px solid rgba(255,255,255,.5);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transform:rotate(-12deg)}.hero__badge strong{font-family:Oswald,Arial,sans-serif;font-size:28px;line-height:1}.hero__badge span{font-size:9px;line-height:1.2;text-transform:uppercase;margin-top:5px;color:#e6e6e2}.hero__controls{position:absolute;z-index:1;left:76px;bottom:30px;display:flex;gap:7px}.hero__controls button{width:31px;height:3px;border:0;background:rgba(255,255,255,.4);padding:0}.hero__controls button.is-active{background:var(--red)}.hero__arrow{position:absolute;z-index:1;top:50%;margin-top:-20px;background:rgba(255,255,255,.14);border:0;color:#fff;width:40px;height:40px;border-radius:50%;font-size:21px}.hero__arrow:hover{background:var(--red)}.hero__arrow--left{left:20px}.hero__arrow--right{right:20px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section-heading--compact{margin-bottom:26px}.section-heading h2,.features h2,.story h2,.contacts-section h2{font-family:Oswald,Arial,sans-serif;text-transform:uppercase;font-size:38px;line-height:1.05;font-weight:600;letter-spacing:.01em;margin:10px 0 0}.text-link{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;display:inline-flex;align-items:center;gap:10px;border-bottom:1px solid var(--ink);padding-bottom:3px}.text-link span{color:var(--red);font-size:18px;line-height:10px}.text-link:hover{color:var(--red);border-color:var(--red)}.category-strip{margin-bottom:82px}.category-list{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.category-card{position:relative;text-align:left;border:0;border-right:1px solid var(--line);padding:24px 17px 23px;background:#fff;min-height:105px;color:var(--ink);transition:background .2s ease,color .2s ease}.category-card:last-child{border-right:0}.category-card:hover,.category-card--active{background:var(--red);color:#fff}.category-card__mark{display:block;font-family:Oswald,Arial,sans-serif;color:var(--red);font-size:13px;letter-spacing:.08em;margin-bottom:17px}.category-card:hover .category-card__mark,.category-card--active .category-card__mark{color:#fff}.category-card strong{display:block;font-size:13px}.category-card small{display:block;color:#9b9c98;font-size:10px;margin-top:4px}.category-card:hover small,.category-card--active small{color:rgba(255,255,255,.7)}.products-section{background:var(--cream);padding:77px 0 84px}.product-tools{display:flex;align-items:center;gap:12px}.sort-button{border:0;background:transparent;color:#666863;font-size:12px;padding:10px 0}.sort-button span{font-size:18px;margin-left:6px}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{background:#fff;min-width:0;position:relative;transition:transform .25s ease,box-shadow .25s ease}@media(hover:hover) and (pointer:fine){.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}}.product-card__visual{height:230px;background:#f1f1ed;position:relative;overflow:hidden}.product-card__visual img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.product-card:hover img{transform:scale(1.05)}.product-card__tag{position:absolute;top:12px;left:12px;color:#fff;background:var(--red);padding:5px 8px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.product-card__like{position:absolute;top:10px;right:10px;border:0;background:rgba(255,255,255,.9);width:30px;height:30px;border-radius:50%;font-size:17px;color:#777875}.product-card__like:hover,.product-card__like.is-liked{color:var(--red)}.product-card__body{padding:18px 17px 17px}.product-card__category{font-size:10px;text-transform:uppercase;color:#aaaCA8;letter-spacing:.12em}.product-card h3{font-size:15px;line-height:1.3;margin:7px 0 8px;min-height:39px}.product-card__meta{font-size:10px;color:#9a9c98;margin-bottom:15px}.product-card__buy{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:13px}.product-card__price{font-family:Oswald,Arial,sans-serif;font-size:23px;line-height:1}.product-card__price small{font-family:Manrope,Arial,sans-serif;font-size:10px;color:#92938f;margin-left:3px}.add-button{border:0;background:var(--ink);color:#fff;width:34px;height:34px;border-radius:3px;font-size:22px;line-height:1}.add-button:hover{background:var(--red)}.centered{text-align:center;margin-top:34px}.empty-state{text-align:center;padding:40px 0}.empty-state__icon{font-size:46px;color:var(--red)}.empty-state h3{font-size:22px;margin:4px 0}.empty-state p{color:var(--muted);margin:0 0 20px}.features{display:grid;grid-template-columns:270px 1fr;gap:80px;padding-top:100px;padding-bottom:102px}.features h2{font-size:42px;margin:12px 0 17px}.feature-intro p{color:#787a75;font-size:13px;line-height:1.7;margin:0 0 25px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.feature-card{background:#fff;padding:27px 23px 30px;min-height:260px;position:relative}.feature-card--dark{background:var(--ink);color:#fff}.feature-card__number{font-family:Oswald,Arial,sans-serif;color:var(--red);font-size:14px}.feature-icon{display:block;font-size:32px;font-family:serif;margin:24px 0 17px}.feature-card h3{font-size:15px;margin:0 0 10px}.feature-card p{font-size:11px;line-height:1.6;color:#858781;margin:0}.feature-card--dark p{color:#bcbdb8}.story{display:grid;grid-template-columns:1.02fr .98fr;gap:78px;align-items:center;padding-bottom:105px}.story__media{height:390px;position:relative;background:#e7e8e1}.story__media img{height:100%;width:100%;object-fit:cover}.story__media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.25),transparent 50%)}.story__stamp{position:absolute;z-index:1;bottom:-26px;right:25px;background:var(--red);width:118px;height:118px;border-radius:50%;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transform:rotate(8deg)}.story__stamp span{font-size:9px;line-height:1.3;text-transform:uppercase;letter-spacing:.1em}.story__stamp strong{font-family:Oswald,Arial,sans-serif;font-size:35px;line-height:1}.story h2{font-size:45px;margin:14px 0 22px}.story__content p{font-size:13px;line-height:1.8;color:#777a75;max-width:440px;margin:0 0 13px}.story__content .button{margin-top:15px}.offer-banner{min-height:240px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:46px 70px;margin-bottom:100px;position:relative;overflow:hidden}.offer-banner:after{content:"✦";position:absolute;font-size:300px;line-height:1;color:rgba(255,255,255,.025);right:-10px;bottom:-130px}.offer-banner h2{font-family:Oswald,Arial,sans-serif;font-size:40px;line-height:1.02;text-transform:uppercase;margin:15px 0 13px}.offer-banner p{margin:0;color:#bfc0bb;font-size:13px}.offer-banner p strong{color:#fff}.offer-banner__code{position:relative;z-index:1;border:1px dashed rgba(255,255,255,.45);padding:22px 27px;color:#fff;font-family:Oswald,Arial,sans-serif;font-size:26px;letter-spacing:.1em}.offer-banner__code span{font-size:17px;color:var(--red);margin-left:15px}.contacts-section{background:var(--red);color:#fff;padding:68px 0}.contacts-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.contacts-section h2{font-size:53px;margin:13px 0 10px}.contacts-section p{font-size:13px;max-width:415px;color:rgba(255,255,255,.77);margin:0}.contact-list{display:grid;grid-template-columns:1fr 1fr;gap:28px 35px}.contact-list a,.contact-list>div{display:flex;flex-direction:column;gap:4px}.contact-list span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.65)}.contact-list strong{font-size:15px}.contact-list a strong{text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:5px}.site-footer{background:#1a1a18;color:#fff;padding:58px 0 24px}.footer-main{display:grid;grid-template-columns:1.4fr .8fr .8fr 1fr;gap:42px;padding-bottom:55px}.brand--footer{align-self:start}.brand--footer .brand__copy small{color:#888b84}.footer-col{display:flex;flex-direction:column;gap:9px}.footer-col>span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#858780;margin-bottom:6px}.footer-col a{font-size:12px;color:#d0d1cb}.footer-col--contact a{font-family:Oswald,Arial,sans-serif;font-size:17px}.footer-bottom{border-top:1px solid #343532;padding-top:19px;display:flex;justify-content:space-between;color:#777a74;font-size:10px}.footer-bottom a:hover{color:#fff}.cart-drawer{position:fixed;z-index:40;right:0;top:0;bottom:0;width:min(430px,100%);background:#fff;transform:translateX(100%);transition:transform .3s ease;box-shadow:-10px 0 40px rgba(0,0,0,.16);display:flex;flex-direction:column}.cart-drawer.is-open{transform:translateX(0)}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:35;opacity:0;pointer-events:none;transition:opacity .3s ease}.drawer-backdrop.is-visible{opacity:1;pointer-events:auto}.cart-drawer__head{display:flex;justify-content:space-between;align-items:flex-start;padding:32px 30px 26px;border-bottom:1px solid var(--line)}.cart-drawer__head h2{font-family:Oswald,Arial,sans-serif;font-size:38px;text-transform:uppercase;margin:8px 0 0}.icon-button{background:transparent;border:0;width:34px;height:34px;font-size:29px;line-height:1;color:var(--ink)}.cart-items{padding:18px 30px;flex:1;overflow:auto}.cart-empty{text-align:center;padding:70px 10px;color:var(--muted)}.cart-empty strong{display:block;font-family:Oswald,Arial,sans-serif;font-size:24px;text-transform:uppercase;color:var(--ink);margin-bottom:8px}.cart-item{display:grid;grid-template-columns:70px 1fr auto;gap:13px;align-items:center;border-bottom:1px solid var(--line);padding:0 0 16px;margin-bottom:16px}.cart-item img{width:70px;height:70px;object-fit:cover;background:#f2f2ef}.cart-item h3{font-size:13px;line-height:1.25;margin:0 0 4px}.cart-item small{color:var(--muted);font-size:10px}.cart-item__price{font-family:Oswald,Arial,sans-serif;font-size:18px;white-space:nowrap}.cart-drawer__foot{border-top:1px solid var(--line);padding:22px 30px 30px}.cart-drawer__foot>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.cart-drawer__foot span{color:var(--muted);font-size:12px}.cart-total{font-family:Oswald,Arial,sans-serif;font-size:28px}.cart-drawer__foot .button{width:100%}.toast{position:fixed;z-index:50;right:24px;bottom:24px;background:var(--ink);color:#fff;padding:13px 18px;font-size:12px;transform:translateY(20px);opacity:0;pointer-events:none;transition:.25s ease}.toast.is-visible{opacity:1;transform:translateY(0)}
@media (max-width:1050px){.container{width:min(100% - 40px,900px)}.header-main{gap:24px}.brand{min-width:220px}.main-nav{gap:15px;font-size:11px}.contact-block{display:none}.products-grid{grid-template-columns:repeat(3,1fr)}.product-card:nth-child(n+7){display:none}.hero__content{padding-left:58px}.hero__controls{left:58px}.features{gap:40px}.story{gap:42px}.footer-main{gap:24px}}
@media (max-width:760px){body{font-size:13px}.container{width:calc(100% - 32px)}.topline__inner{min-height:30px}.topline__inner>span{font-size:9px}.topline__links{display:none}.header-main{min-height:78px;gap:10px}.mobile-menu-button{display:block}.mobile-menu-button .icon-menu{width:20px}.brand{min-width:0;flex:1;gap:8px}.brand img{width:46px;height:46px}.brand__copy strong{font-size:14px}.brand__copy small{font-size:7px;max-width:112px}.main-nav{display:none}.header-actions{margin:0}.cart-button{padding:10px;border-radius:50%;width:38px;height:38px;justify-content:center}.cart-button span:not(.icon),.cart-button .cart-count{display:none}.search-row{padding-bottom:13px;gap:8px}.catalog-button{font-size:0;width:49px;padding:0;gap:0}.catalog-button .icon-menu{width:18px}.search-box{height:45px}.delivery-note{display:none}.mobile-nav{display:flex;max-height:0;overflow:hidden;transition:max-height .25s ease;flex-direction:column;gap:0;border-top:1px solid transparent}.mobile-nav.is-open{max-height:260px;border-color:var(--line);padding:8px 16px 14px}.mobile-nav a{padding:8px 0;text-transform:uppercase;font-family:Oswald,Arial,sans-serif;font-size:13px}.hero{height:430px;margin-top:16px;margin-bottom:57px;border-radius:12px}.hero__image{background-position:60% center}.hero__shade{background:linear-gradient(90deg,rgba(19,20,18,.93),rgba(19,20,18,.32))}.hero__content{padding:53px 25px}.hero h1{font-size:47px}.hero p{font-size:12px}.hero__badge{right:24px;bottom:60px;width:82px;height:82px}.hero__badge strong{font-size:23px}.hero__badge span{font-size:7px}.hero__controls{left:25px;bottom:25px}.hero__arrow{width:34px;height:34px}.hero__arrow--left{left:10px}.hero__arrow--right{right:10px}.section-heading{align-items:start;gap:15px;flex-direction:column}.section-heading h2,.features h2{font-size:32px}.section-heading .text-link{align-self:flex-start}.category-strip{margin-bottom:58px}.category-list{grid-template-columns:repeat(2,1fr)}.category-card{border-bottom:1px solid var(--line);min-height:98px}.category-card:nth-child(even){border-right:0}.category-card:last-child{grid-column:span 2}.products-section{padding:54px 0 60px}.products-grid{grid-template-columns:repeat(2,1fr);gap:10px}.product-card__visual{height:160px}.product-card__body{padding:13px 11px 12px}.product-card h3{font-size:12px;min-height:47px}.product-card__meta{font-size:9px}.product-card__price{font-size:19px}.product-card__price small{font-size:8px}.add-button{width:31px;height:31px}.sort-button{display:none}.products-grid .product-card:nth-child(n+5){display:none}.features{display:block;padding-top:68px;padding-bottom:70px}.feature-intro{margin-bottom:30px}.feature-grid{grid-template-columns:1fr;gap:1px}.feature-card{min-height:auto;padding:23px}.feature-icon{margin:18px 0 11px}.story{display:flex;flex-direction:column;gap:44px;padding-bottom:70px}.story__media{height:285px;width:100%}.story__content{width:100%}.story h2{font-size:35px}.offer-banner{display:block;padding:34px 25px;min-height:270px;margin-bottom:65px}.offer-banner h2{font-size:32px}.offer-banner__code{display:inline-block;margin-top:24px;font-size:21px}.contacts-section{padding:52px 0}.contacts-grid{display:block}.contacts-section h2{font-size:43px}.contacts-section p{margin-bottom:32px}.contact-list{grid-template-columns:1fr;gap:19px}.footer-main{grid-template-columns:1fr 1fr;gap:36px 22px;padding-bottom:38px}.brand--footer{grid-column:span 2}.footer-col--contact{grid-column:span 2}.footer-bottom{gap:12px;flex-wrap:wrap}.footer-bottom span:nth-child(2){display:none}.cart-drawer__head{padding:26px 22px 20px}.cart-items{padding:18px 22px}.cart-drawer__foot{padding:19px 22px 23px}}
@media (max-width:390px){.hero h1{font-size:41px}.products-grid{gap:8px}.product-card__visual{height:142px}.product-card h3{font-size:11px}.product-card__price{font-size:17px}.brand__copy small{display:none}}
@media (max-width:1050px){.products-grid.is-expanded .product-card:nth-child(n+7){display:block}}
@media (max-width:760px){.products-grid.is-expanded .product-card:nth-child(n+5){display:block}}

/* Tonoyan palette refresh: softer surfaces, rounded controls, calmer contrast. */
body{background:#fff;color:var(--ink)}
.site-header{box-shadow:0 1px 0 rgba(46,47,56,.08)}
.topline{background:var(--ink)}
.catalog-button,.button--accent,.contacts-section{background:var(--red)}
.catalog-button,.button{border-radius:999px}
.catalog-button:hover,.button--accent:hover{background:var(--red-dark)}
.search-box{border-color:transparent;background:var(--cream);border-radius:999px}
.search-box:focus-within{border-color:var(--red);box-shadow:0 0 0 4px rgba(145,182,43,.16)}
.contact-block span,.delivery-note small{color:var(--muted)}
.delivery-note strong{color:var(--ink)}
.hero{border-radius:32px}
.hero__controls button.is-active{background:var(--red)}
.hero__arrow:hover{background:var(--red)}
.text-link:hover{color:var(--red);border-color:var(--red)}
.category-list{border:1px solid var(--line);border-radius:24px;overflow:hidden}
.category-card{border-right:1px solid var(--line)}
.category-card:last-child{border-right:0}
.category-card:hover,.category-card--active{background:var(--red)}
.products-section{background:var(--cream)}
.product-card{border-radius:24px;overflow:hidden;box-shadow:0 5px 22px rgba(46,47,56,.035)}
.product-card:hover{box-shadow:var(--shadow)}
.product-card__tag{border-radius:999px}
.add-button{background:var(--red);border-radius:999px}
.add-button:hover{background:var(--red-dark)}
.feature-grid{gap:14px;background:transparent}
.feature-card{border:1px solid var(--line);border-radius:24px}
.feature-card--dark{border-color:var(--ink);background:var(--ink)}
.story__media{border-radius:32px;overflow:hidden}
.offer-banner{border-radius:32px}
.contacts-section{background:var(--ink)}
.contacts-section .eyebrow{color:var(--red)}
.site-footer{background:#23242c}
.footer-bottom{border-color:rgba(255,255,255,.12)}
.cart-drawer{border-radius:28px 0 0 28px}
.cart-drawer__head{border-radius:28px 0 0 0}
.cart-drawer__foot .button{border-radius:999px}

/* TT Wellingtons — local webfont files supplied with the project. */
@font-face{font-family:"TT Wellingtons";src:url("./font/TTWellingtons-Light-web.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"TT Wellingtons";src:url("./font/TTWellingtons-Medium-web.woff2") format("woff2");font-weight:400 500;font-style:normal;font-display:swap}
@font-face{font-family:"TT Wellingtons";src:url("./font/TTWellingtons-DemiBold-web.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"TT Wellingtons";src:url("./font/TTWellingtons-Bold-web.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"TT Wellingtons";src:url("./font/TTWellingtons-ExtraBold-web.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"TT Wellingtons";src:url("./font/TTWellingtons-Black-web.woff2") format("woff2");font-weight:900;font-style:normal;font-display:swap}
:root{--font-main:"Inter Digits","TT Wellingtons",Manrope,Arial,sans-serif}
body,button,input,.brand__copy strong,.brand__copy small,.main-nav,.catalog-button,.contact-block a,.delivery-note strong,.hero h1,.button,.section-heading h2,.features h2,.story h2,.contacts-section h2,.product-card__price,.product-card__price small,.feature-card__number,.story__stamp strong,.offer-banner h2,.offer-banner__code,.footer-col--contact a,.cart-drawer__head h2,.cart-empty strong,.cart-item__price,.cart-total,.mobile-nav a{font-family:var(--font-main);font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1,"tnum" 1}
body,button,input,h1,h2,h3,h4,h5,h6,strong,b,.eyebrow,.main-nav,.catalog-button,.button,.product-card__price,.feature-card__number,.offer-banner__code,.cart-total{font-weight:700}
.hero h1,.section-heading h2,.features h2,.story h2,.contacts-section h2,.offer-banner h2,.cart-drawer__head h2,.cart-empty strong{font-weight:700}

/* Tablet repair pass: keep the hero CTA and slide controls on separate rows. */
@media (min-width:761px) and (max-width:900px){
  .main-nav,.contact-block{display:none}
  .header-main{gap:15px}
  .brand{min-width:220px}
  .delivery-note{display:none}
  .search-row{gap:12px}
  .search-box{max-width:none}
  .hero__content{padding:66px 56px 0}
  .hero h1{font-size:52px;line-height:.96;margin:13px 0 14px}
  .hero p{margin-bottom:22px}
  .hero .button--accent{min-height:44px}
  .hero__controls{left:56px;bottom:20px}
  .hero__badge{right:42px;bottom:48px;width:100px;height:100px}
  .features{grid-template-columns:1fr;gap:32px;padding-top:76px;padding-bottom:78px}
  .feature-grid{grid-template-columns:repeat(3,1fr)}
  .story{grid-template-columns:1fr;gap:46px}
  .story__media{height:350px}
  .footer-main{grid-template-columns:repeat(2,1fr)}
}

.icon-truck{width:26px;height:22px;border:0!important;display:grid;place-items:center}
.icon-truck:before,.icon-truck:after{display:none}
.icon-truck svg{display:block;width:100%;height:100%;overflow:visible;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.icon-truck .wheel{fill:currentColor;stroke:none}

/* Desktop hero repair: reserve a clean bottom row for the slider controls. */
@media (min-width:901px){
  .hero__content{padding:68px 76px 0}
  .hero h1{font-size:56px;line-height:.95;margin:12px 0 14px}
  .hero p{margin-bottom:22px}
  .hero__controls{bottom:16px}
}

@media (max-width:760px){
  .hero__badge{right:10px;bottom:58px;width:72px;height:72px}
  .hero__badge strong{font-size:20px}
  .hero__badge span{font-size:6px}
}
.hero p,.feature-intro p,.feature-card p,.story__content p,.offer-banner p,.contacts-section p,.product-card__meta,.product-card__category,.cart-empty span,.cart-item small,.brand__copy small,.contact-block span,.delivery-note small{font-weight:400}

/* Local Inter figures; the digit-only face keeps Wellingtons letters in mixed text. */
:root{--font-digits:"Inter",Arial,sans-serif}
.numeric{font-family:var(--font-digits)!important;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1,"tnum" 1;letter-spacing:0}
.numeric *{font-family:inherit;font-variant-numeric:inherit;font-feature-settings:inherit}
.cart-count{font-family:var(--font-digits)!important;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:0}

/* Keep the round logo badge clean on both the light header and dark footer. */
.brand img{border-radius:50%;transform:scale(1.06)}

/* The badge changes tone with the slide so its message stays readable on every image. */
.hero__badge{background:rgba(20,21,18,.14);text-shadow:0 2px 10px rgba(0,0,0,.3);transition:color .25s ease,border-color .25s ease,background .25s ease,text-shadow .25s ease}
.hero__badge--light{color:var(--ink);border-color:rgba(46,47,56,.32);background:rgba(255,255,255,.28);text-shadow:0 1px 0 rgba(255,255,255,.55)}
.hero__badge--light span{color:rgba(46,47,56,.78)}
.hero__badge--dark{color:#fff;border-color:rgba(255,255,255,.62)}
.hero__badge--dark span{color:rgba(255,255,255,.9)}

/* Seven source categories plus the all-products tab. */
.category-list{grid-template-columns:repeat(4,1fr)}
@media (min-width:761px){.category-card:nth-child(4n){border-right:0}.category-card:nth-child(-n+4){border-bottom:1px solid var(--line)}}
@media (max-width:760px){.category-list{grid-template-columns:repeat(2,1fr)}}

/* Keep the farm stamp fully visible and optically straight over the story photo. */
.story__media{overflow:visible}
.story__media img,.story__media:after{border-radius:32px}
.story__stamp{right:24px;bottom:24px;transform:none}
@media (max-width:760px){.story__stamp{right:14px;bottom:14px;width:112px;height:112px}}
.story__media:after{background:transparent}

/* Customer reviews: a calm, rounded block before the contact section. */
.reviews-section{padding-bottom:100px}
.reviews-heading{align-items:end;margin-bottom:28px}
.reviews-summary{display:flex;align-items:center;gap:12px}
.reviews-summary>strong{font-family:var(--font-digits)!important;font-size:38px;line-height:1;color:var(--red);font-variant-numeric:lining-nums tabular-nums}
.reviews-summary>span{display:flex;flex-direction:column;gap:2px}
.reviews-stars{color:var(--red);font-size:13px;letter-spacing:.12em;line-height:1;white-space:nowrap}
.reviews-summary small{color:var(--muted);font-size:10px}
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.review-card{display:flex;flex-direction:column;min-height:245px;padding:25px 24px 23px;border:1px solid var(--line);border-radius:24px;background:#fff;transition:transform .25s ease,box-shadow .25s ease}
@media(hover:hover) and (pointer:fine){.review-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}}
.review-card--accent{border-color:var(--red);background:var(--red);color:#fff}
.review-card--accent .reviews-stars{color:#fff}
.review-card__top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.review-card__date{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}
.review-card--accent .review-card__date{color:rgba(255,255,255,.72)}
.review-card blockquote{flex:1;margin:25px 0 26px;font-size:13px;line-height:1.7;color:#5f625f}
.review-card--accent blockquote{color:rgba(255,255,255,.9)}
.review-card>strong{font-size:14px;margin-bottom:3px}
.review-card>small{color:#9a9c98;font-size:10px}
.review-card--accent>small{color:rgba(255,255,255,.72)}
@media (max-width:1050px){.reviews-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.reviews-section{padding-bottom:70px}.reviews-heading{align-items:flex-start;gap:20px}.reviews-grid{grid-template-columns:1fr;gap:10px}.review-card{min-height:220px;padding:22px 20px 21px}}

/* Cross-platform icon pass: keep controls identical on desktop and iPhone. */
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.icon-arrow,.icon-chevron,.icon-down,.icon-copy,.icon-up,.arrow-icon,.close-icon,.heart-icon,.cart-icon,.add-icon{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.icon-arrow{width:14px;height:14px}
.text-link .icon-arrow{color:var(--red)}
.button .icon-arrow{width:15px;height:15px}
.arrow-icon{width:20px;height:20px}
.hero__arrow{display:grid;place-items:center}
.icon-chevron,.icon-down{width:16px;height:16px}
.icon-copy{width:18px;height:18px;color:var(--red);margin-left:15px}
.icon-up{width:14px;height:14px;transform:rotate(180deg);vertical-align:-3px;margin-left:4px}
.close-icon{width:20px;height:20px}
.search-box .close-icon{width:15px;height:15px}
.empty-search-icon{display:block;width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.icon-button{display:grid;place-items:center}
.heart-icon{width:17px;height:17px}
.cart-icon{width:20px;height:20px}
.add-icon{width:16px;height:16px;stroke-width:2}
.cart-label{display:block;line-height:1}
.cart-count{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:22px;width:auto;height:22px;padding:1px 6px 0;border-radius:999px;font-size:11px;font-weight:700;line-height:1!important;text-align:center}
.add-button{display:grid;place-items:center;padding:0;line-height:0}
.product-card__like.is-liked .heart-icon{fill:currentColor}
.category-mark{font-size:0}
.category-mark svg{display:block;width:17px;height:17px;fill:currentColor}
.feature-icon{font-size:0}
.feature-icon svg{display:block;width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.offer-banner:after{content:"";width:280px;height:280px;background:rgba(255,255,255,.025);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%)}
.offer-banner__code{display:flex;align-items:center}
.reviews-stars{display:block;width:80px;height:16px;color:var(--red);font-size:0;letter-spacing:0;flex:none}
.reviews-stars use{fill:currentColor}
.review-card--accent .reviews-stars{color:#fff}
.footer-col a .icon-arrow{display:inline-block;vertical-align:-3px;margin-left:4px;width:13px;height:13px}
.icon-button:focus,.cart-button:focus,.hero__arrow:focus,.hero__controls button:focus,.button:focus,.category-card:focus,.product-card__like:focus,.add-button:focus,.sort-button:focus,.search-box button:focus{outline:none}
.search-box button{display:none;place-items:center;width:20px;height:20px}
.search-box button.is-visible{display:grid}

/* iPhone-safe drawer geometry and toast placement. */
.cart-drawer{transform:translateX(calc(100% + 24px))}
.cart-drawer{transition:transform 240ms cubic-bezier(.22,1,.36,1)}
.cart-drawer[data-motion-closing]{transition-duration:160ms}
.cart-drawer[data-motion-instant]{transition:none}
@media(prefers-reduced-motion:reduce){.cart-drawer{transition:none}}
.cart-items{min-height:0}
.cart-drawer__foot{flex-shrink:0}
@media (max-width:760px){
  .cart-button{gap:0;padding:0}
  .cart-icon{width:19px;height:19px}
  .cart-drawer{width:100%;height:100dvh;max-height:100dvh;border-radius:0}
  .cart-drawer__head{padding-top:calc(22px + env(safe-area-inset-top));border-radius:0}
  .cart-drawer__foot{padding-bottom:calc(20px + env(safe-area-inset-bottom))}
  .cart-drawer.is-open ~ .toast{opacity:0!important;transform:translateY(20px);pointer-events:none}
  .toast{left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));text-align:center}
  .product-card__like{display:grid;place-items:center}
}

/* Automatic catalog pagination. Cards are rendered in responsive batches. */
.products-grid .product-card:nth-child(n){display:block}
.product-loader{min-height:68px;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}
.product-loader[hidden]{display:none}
.product-loader__dots{display:flex;align-items:center;gap:5px;height:16px}
.product-loader__dots i{display:block;width:6px;height:6px;border-radius:50%;background:var(--red);animation:product-loader-pulse .9s ease-in-out infinite}
.product-loader__dots i:nth-child(2){animation-delay:.14s}
.product-loader__dots i:nth-child(3){animation-delay:.28s}
.product-loader:not(.is-loading) .product-loader__dots i{animation-play-state:paused;opacity:.45}
@keyframes product-loader-pulse{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(-4px);opacity:1}}
@media (max-width:760px){.product-loader{min-height:58px}}
@media (prefers-reduced-motion:reduce){.product-loader__dots i{animation:none;opacity:.65}}

/* Safari-safe review rating: five independent vectors in one rigid row. */
.reviews-stars{display:inline-flex;width:max-content;height:16px;align-items:center;gap:2px;flex:none;color:var(--red);line-height:0;white-space:nowrap}
.review-star{display:block;width:14px;height:14px;flex:0 0 14px;fill:currentColor;overflow:visible}
.review-card__top{min-height:16px}
.review-card--accent .reviews-stars{color:#fff}
@media (max-width:760px){
  .reviews-stars{height:15px;gap:2px}
  .review-star{width:13px;height:13px;flex-basis:13px}
  .review-card__top{min-height:15px}
  .category-card:last-child{grid-column:auto}
}

/* Catalog switcher stays available while browsing products on every screen. */
.mobile-category-filter{position:sticky;top:calc(var(--sticky-header-height,161px) + 8px);z-index:15;display:flex;align-items:center;gap:7px;margin:-2px 0 24px;padding:7px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-padding-inline:7px;scrollbar-width:none;border:1px solid rgba(46,47,56,.08);border-radius:999px;background:rgba(248,249,251,.94);box-shadow:0 10px 30px rgba(46,47,56,.09);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.mobile-category-filter::-webkit-scrollbar{display:none}
.mobile-category-chip{flex:0 0 auto;min-height:40px;padding:0 17px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:10px;font-weight:700;letter-spacing:.04em;white-space:nowrap;scroll-snap-align:center;transition:background .2s ease,color .2s ease,border-color .2s ease}
.mobile-category-chip.is-active{border-color:var(--red);background:var(--red);color:#fff}
.mobile-category-chip:focus{outline:none}
@media (min-width:1051px){.mobile-category-filter{justify-content:center}}
@media (max-width:760px){
  .mobile-category-filter{top:calc(var(--sticky-header-height,141px) + 8px);margin-bottom:20px}
  .mobile-category-chip{min-height:38px;padding:0 15px}
}

/* Premium finish: warmer surfaces, restrained depth and consistent interaction. */
:root{--ink:#292b33;--muted:#6f726d;--line:#e2e4dd;--cream:#f6f7f3;--surface:#fff;--surface-tint:#f9faf7;--shadow-soft:0 12px 34px rgba(35,38,32,.07);--shadow-premium:0 24px 70px rgba(35,38,32,.13);--ease-premium:cubic-bezier(.2,.75,.25,1)}
html{scroll-padding-top:calc(var(--sticky-header-height,96px) + 18px)}
body{background:#fdfdfb;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:rgba(145,182,43,.28);color:var(--ink)}
.topline{background:linear-gradient(90deg,#292b33,#33353f);border-bottom:1px solid rgba(255,255,255,.06)}
.site-header{background:rgba(255,255,255,.88);border-bottom:1px solid rgba(41,43,51,.07);box-shadow:0 8px 30px rgba(35,38,32,.045);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2)}
.site-header .brand img{background:#fff;box-shadow:0 7px 22px rgba(35,38,32,.13),0 0 0 5px rgba(255,255,255,.8)}
.brand__copy strong{letter-spacing:.045em}
.main-nav a{position:relative;padding:9px 0}
.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:2px;border-radius:2px;background:var(--red);transition:right .25s var(--ease-premium)}
.main-nav a:hover:after{right:0}
.search-row{border-top:1px solid rgba(41,43,51,.035)}
.catalog-button{box-shadow:0 10px 24px rgba(145,182,43,.23)}
.search-box{box-shadow:inset 0 0 0 1px rgba(41,43,51,.025)}
.cart-button{border:1px solid rgba(41,43,51,.055);background:rgba(246,247,243,.92);box-shadow:0 7px 20px rgba(35,38,32,.055);transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}
.cart-button:hover{transform:translateY(-2px);box-shadow:0 11px 26px rgba(35,38,32,.11)}
.hero{isolation:isolate;border:1px solid rgba(255,255,255,.62);box-shadow:var(--shadow-premium)}
.hero__image{filter:saturate(.94) contrast(1.025)}
.hero__shade{background:linear-gradient(90deg,rgba(25,27,25,.92) 0%,rgba(25,27,25,.66) 35%,rgba(25,27,25,.16) 73%,rgba(25,27,25,.2) 100%)}
.hero h1{letter-spacing:-.025em;text-shadow:0 5px 28px rgba(0,0,0,.22)}
.hero .button--accent{box-shadow:0 12px 28px rgba(145,182,43,.3)}
.hero__badge{box-shadow:0 12px 34px rgba(0,0,0,.16);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.hero__controls button{height:4px;border-radius:999px;transition:width .25s var(--ease-premium),background .25s ease}
.hero__controls button.is-active{width:40px}
.hero__arrow{border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .2s ease,transform .2s ease}
.hero__arrow:hover{transform:scale(1.06)}
.eyebrow{letter-spacing:.2em}
.section-heading h2,.features h2,.story h2,.contacts-section h2{letter-spacing:-.025em}
.category-list{background:#fff;box-shadow:var(--shadow-soft)}
.category-card{transition:background .22s ease,color .22s ease,box-shadow .22s ease}
.category-card:hover,.category-card--active{box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.products-section{border-top:1px solid rgba(41,43,51,.035);border-bottom:1px solid rgba(41,43,51,.035);background:linear-gradient(180deg,#f8f9f6 0%,#f3f5ef 100%)}
.mobile-category-filter{border-color:rgba(41,43,51,.075);background:#fafbf8;box-shadow:0 14px 38px rgba(35,38,32,.11);-webkit-backdrop-filter:none;backdrop-filter:none}
.mobile-category-chip{border-color:rgba(41,43,51,.1);box-shadow:0 3px 12px rgba(35,38,32,.035)}
.mobile-category-chip.is-active{box-shadow:0 7px 18px rgba(145,182,43,.24)}
.product-card{border:1px solid rgba(41,43,51,.055);background:rgba(255,255,255,.96);box-shadow:0 8px 28px rgba(35,38,32,.055);transition:transform 160ms var(--ease-premium),border-color 160ms ease}
.product-card:hover{box-shadow:var(--catalog-card-shadow,0 8px 28px rgba(35,38,32,.055))}
@media(hover:hover) and (pointer:fine){.product-card:hover{transform:translateY(-2px);border-color:rgba(145,182,43,.22)}}
.product-card__visual{background:linear-gradient(145deg,#f2f3ee,#fafbf8)}
.product-card__visual:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(41,43,51,.025)}
.product-card__tag,.product-card__like{z-index:2}
.product-card__tag{box-shadow:0 6px 16px rgba(35,38,32,.13)}
.product-card__like{display:grid;place-items:center;border:1px solid rgba(41,43,51,.07);box-shadow:0 5px 14px rgba(35,38,32,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.product-card h3{letter-spacing:-.012em}
.product-card__buy{border-color:rgba(41,43,51,.09)}
.add-button{box-shadow:0 7px 18px rgba(145,182,43,.28);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.add-button:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(145,182,43,.34)}
.feature-card{overflow:hidden;box-shadow:0 8px 26px rgba(35,38,32,.045)}
.feature-card:before{content:"";position:absolute;left:24px;right:24px;top:0;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--red),transparent);opacity:.55}
.feature-card--dark{box-shadow:0 18px 42px rgba(35,38,32,.18)}
.story__media{box-shadow:var(--shadow-premium)}
.story__stamp{border:4px solid rgba(255,255,255,.88);box-shadow:0 14px 34px rgba(35,38,32,.2)}
.offer-banner{border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 85% 15%,rgba(145,182,43,.18),transparent 35%),var(--ink);box-shadow:var(--shadow-premium)}
.offer-banner__code{border-radius:18px;background:rgba(255,255,255,.045);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.review-card{border-color:rgba(41,43,51,.075);box-shadow:0 8px 28px rgba(35,38,32,.05)}
@media(hover:hover) and (pointer:fine){.review-card:hover{box-shadow:0 22px 45px rgba(35,38,32,.12)}}
.review-card--accent{box-shadow:0 18px 42px rgba(145,182,43,.22)}
.contacts-section{border-top:1px solid rgba(255,255,255,.07);background:radial-gradient(circle at 12% 0%,rgba(145,182,43,.15),transparent 32%),var(--ink)}
.site-footer{background:linear-gradient(180deg,#22232a,#1d1e24)}
.button:active,.catalog-button:active,.cart-button:active,.add-button:active,.mobile-category-chip:active{transform:translateY(1px) scale(.985)}
@media (hover:hover){.category-card:hover{background:var(--red);color:#fff}.mobile-category-chip:hover{border-color:rgba(145,182,43,.45)}.product-card__like:hover{transform:scale(1.06)}}
@media (max-width:760px){
  .container{width:calc(100% - 28px)}
  .site-header{box-shadow:0 8px 25px rgba(35,38,32,.055)}
  .hero{margin-top:14px;box-shadow:0 18px 45px rgba(35,38,32,.16)}
  .hero__content{padding-left:24px;padding-right:24px}
  .products-section{padding-top:50px}
  .mobile-category-filter{margin-left:-1px;margin-right:-1px}
  .product-card{--catalog-card-shadow:0 7px 22px rgba(35,38,32,.07);border-radius:21px;box-shadow:var(--catalog-card-shadow)}
  .product-card:hover{transform:none}
  .product-card__tag{max-width:calc(100% - 52px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .story__media,.story__media img,.story__media:after{border-radius:26px}
  .offer-banner{border-radius:26px}
  .review-card{border-radius:22px}
}
@media (prefers-reduced-motion:reduce){.product-card,.hero__arrow,.hero__controls button,.main-nav a:after,.mobile-category-chip,.add-button{transition:none!important}}
@media(prefers-reduced-motion:reduce){.review-card{transition:none}.review-card:hover,.product-card:hover{transform:none}}

/* Compact brand descriptor: keep the exact phrase neat and unbroken. */
.brand__copy .brand__tagline{display:block;max-width:none;white-space:nowrap;font-size:8px;line-height:1.15;letter-spacing:.075em}
@media (max-width:760px){.brand__copy .brand__tagline{display:block;max-width:none;font-size:6.8px;letter-spacing:.055em}}
@media (max-width:350px){.brand__copy .brand__tagline{display:none}}

/* Readability pass for an older audience: larger, darker secondary copy. */
:root{--muted:#5e615c}
body{font-size:15px}
.topline{font-size:12px;font-weight:700}
.main-nav{font-size:13px}
.brand__copy .brand__tagline{font-size:9.5px;font-weight:700;line-height:1.2;letter-spacing:.055em;color:#565954}
.contact-block span,.delivery-note small{font-size:12px;font-weight:600;line-height:1.35;color:#565954}
.cart-button,.button,.text-link,.sort-button{font-size:13px}
.cart-count{font-size:12px}
.search-box input{font-size:14px}
.eyebrow{font-size:11.5px}
.hero__badge span{font-size:10px;font-weight:700}
.category-card__mark{font-size:14px}
.category-card strong{font-size:14px}
.category-card small{font-size:12px;font-weight:600;line-height:1.4;color:#656863}
.product-card__tag{font-size:10.5px}
.product-card__category{font-size:11.5px;font-weight:700;color:#686b66}
.product-card__meta{font-size:12px;font-weight:600;line-height:1.45;color:#686b66}
.product-card__price small{font-size:11.5px;font-weight:600;color:#666964}
.product-loader,.mobile-category-chip{font-size:11.5px}
.feature-card__number{font-size:15px}
.feature-card p{font-size:13px;font-weight:500;line-height:1.65;color:#5f625d}
.feature-card--dark p{color:#d2d4ce}
.story__stamp span{font-size:10px;font-weight:700}
.story__content p,.offer-banner p,.contacts-section p{font-size:14px;font-weight:500}
.reviews-summary small,.review-card__date,.review-card>small{font-size:11.5px;font-weight:600}
.reviews-summary--all-platforms>strong{flex:none;white-space:nowrap}
.reviews-summary--all-platforms>span{min-width:0}
.reviews-summary--all-platforms small{max-width:240px;font-size:14px;line-height:1.4}
.review-card blockquote{font-size:14px;font-weight:500}
.contact-list span{font-size:11.5px;font-weight:700}
.contact-list strong{font-size:16px}
.footer-col>span{font-size:11.5px;font-weight:700;color:#b2b4ae}
.footer-col a{font-size:13px}
.footer-bottom{font-size:11.5px;font-weight:600;color:#a7aaa4}
.cart-empty span,.cart-item small{font-size:12px;font-weight:600}
.toast{font-size:13px;font-weight:600}
@media (max-width:760px){
  body{font-size:14px}
  .brand__copy .brand__tagline{display:block;max-width:none;font-size:8.3px;letter-spacing:.04em}
  .hero p{font-size:13.5px;line-height:1.55}
  .hero__badge span{font-size:8px}
  .product-card h3{font-size:13px;line-height:1.35;min-height:50px}
  .product-card__meta{font-size:11.5px}
  .product-card__price small{font-size:10.5px}
  .review-card blockquote{font-size:13.5px}
}
@media (max-width:390px){.product-card h3{font-size:12.5px}.brand__copy .brand__tagline{font-size:7.8px}}

/* Cart counter: center the text line box without optical offsets. */
.cart-count{display:grid;place-items:center;position:relative;flex:0 0 24px;width:24px;min-width:24px;height:24px;padding:0;border-radius:999px;font-size:0;line-height:0!important;text-align:center;overflow:hidden}
.cart-count__value{display:block;min-width:1ch;font-family:var(--font-digits)!important;font-size:12px;font-weight:700;line-height:1.5!important;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1,"tnum" 1;letter-spacing:0;text-align:center;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
.cart-count--wide{flex-basis:auto;width:auto;min-width:30px;padding-inline:6px}

/* MacBook layout: balanced density for 13–16 inch Retina viewports. */
html{-webkit-text-size-adjust:100%}
body{font-synthesis:none}
@media (min-width:1060px) and (max-width:1512px){
  .container{width:min(1180px,calc(100% - 48px))}
  .header-main{min-height:82px;gap:28px}
  .brand{min-width:225px}
  .brand img{width:54px;height:54px}
  .main-nav{gap:18px}
  .header-actions{gap:16px}
  .search-row{gap:14px;padding-bottom:16px}
  .hero{height:410px;margin-top:22px;margin-bottom:72px}
  .hero__content{max-width:570px;padding:58px 64px 0}
  .hero h1{font-size:52px}
  .hero p{margin-bottom:20px}
  .hero__controls{left:64px;bottom:15px}
  .hero__badge{right:48px;bottom:44px;width:100px;height:100px}
  .category-strip{margin-bottom:68px}
  .products-section{padding-top:66px;padding-bottom:72px}
  .features{gap:56px;padding-top:82px;padding-bottom:84px}
  .story{gap:56px;padding-bottom:86px}
  .offer-banner{margin-bottom:82px}
  .contacts-section{padding-block:58px}
}
@media (min-width:1060px) and (max-height:850px){
  .header-main{min-height:78px}
  .search-row{padding-bottom:13px}
  .hero{height:380px;margin-top:18px;margin-bottom:60px}
  .hero__content{max-width:550px;padding:43px 58px 0}
  .hero h1{margin:10px 0 12px;font-size:48px}
  .hero p{max-width:470px;margin-bottom:17px;line-height:1.5}
  .hero .button--accent{min-height:44px}
  .hero__controls{left:58px;bottom:13px}
  .hero__badge{right:42px;bottom:38px;width:94px;height:94px}
  .hero__badge strong{font-size:25px}
}

/* A responsive decoded photo preserves the former background's crop. */
.hero__image img{width:100%;height:100%;object-fit:cover;object-position:center 46%}
@media(max-width:760px){.hero__image img{object-position:60% center}}

/* iPhone banner controls: keep both arrows below the headline area. */
@media (max-width:760px){
  .hero__arrow{top:auto;bottom:15px;margin-top:0;z-index:3}
  .hero__arrow--right{right:11px}
  .hero__arrow--left{left:auto;right:53px}
}

/* Approved header: the larger vector mark carries the name; one caption beside it. */
/* Opaque sticky surfaces do not need backdrop sampling. Safari can lose their
   foreground while recompositing blurred layers during rapid category jumps. */
.site-header.header-v3{position:sticky;top:0;z-index:80;background:#292b33;color:#fff;border:0;box-shadow:0 12px 34px rgba(28,30,35,.16);-webkit-backdrop-filter:none;backdrop-filter:none}
.header-v3__inner{min-height:92px;display:flex;align-items:center;gap:20px}
.header-v3 .header-v3__brand{min-width:max-content;flex:0 0 auto;gap:16px;color:#fff}
.header-v3 .header-v3__brand .brand__logo{width:76px;height:76px;flex:0 0 76px;border-radius:0;background:transparent;object-fit:contain;box-shadow:none;transform:none}
.header-v3 .header-v3__brand .brand__copy{gap:4px;width:max-content;max-width:100%;flex:0 1 auto}
.header-v3 .header-v3__brand .brand__copy .brand__tagline{display:block;max-width:none;color:rgba(255,255,255,.88);font-size:15px;line-height:1.45;font-weight:600;letter-spacing:0;text-transform:none;white-space:normal}
.header-v3__nav{margin-left:auto;display:flex;align-items:center;gap:22px;white-space:nowrap}
.header-v3__nav a{position:relative;padding:11px 0;color:rgba(255,255,255,.77);font-size:14px;font-weight:700;transition:color .2s ease}
.header-v3__nav a:after{content:"";position:absolute;left:0;right:100%;bottom:5px;height:2px;border-radius:2px;background:var(--red);transition:right .25s var(--ease-premium)}
.header-v3__nav a:hover{color:#fff}
.header-v3__nav a:hover:after{right:0}
.header-v3__actions{display:flex;align-items:center;gap:12px;margin-left:0}
.header-v3__phone{color:#fff;font-size:15px;font-weight:700;white-space:nowrap}
.header-v3 .header-v3__cart{position:relative;height:48px;width:auto;padding:0 10px 0 15px;border:1px solid rgba(255,255,255,.16);border-radius:15px;background:rgba(255,255,255,.06);box-shadow:none;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.header-v3 .header-v3__cart:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);color:#fff;box-shadow:none;transform:translateY(-1px)}
.header-v3 .header-v3__cart .cart-icon{display:block;width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.8}
.header-v3 .header-v3__cart .cart-label{display:block;color:inherit;font-size:14px;font-weight:700}
.header-v3 .header-v3__cart .cart-count{position:relative;inset:auto;display:grid;width:auto;min-width:27px;height:27px;flex:0 0 auto;padding:0 4px;border-radius:9px;background:var(--red);color:#202329;overflow:hidden}
.header-v3 .header-v3__cart .cart-count__value{display:block;width:100%;min-width:1ch;color:inherit;font-family:var(--font-digits)!important;font-size:12px;font-weight:700;line-height:1.5!important;text-align:center}
.header-v3__menu{display:none;width:48px;height:48px;flex:0 0 48px;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:15px;background:rgba(255,255,255,.06);color:#fff;place-items:center}
.header-v3__menu:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3)}
.header-v3__menu svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}

.header-v3__utility{background:#fff;color:var(--ink)}
.header-v3__utility .search-row{min-height:64px;padding:8px 0;border:0;gap:12px}
.header-v3__utility .catalog-button{min-height:48px;padding:0 16px;border-radius:14px;gap:12px;box-shadow:0 8px 22px rgba(145,182,43,.22);font-size:13px;letter-spacing:.035em}
.header-v3__utility .catalog-button__icon{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.header-v3__utility .search-box{height:48px;max-width:none;padding:0 16px;border:1px solid rgba(41,43,51,.07);border-radius:14px;background:#f4f5f1;box-shadow:none;color:#6b6f69}
.header-v3__utility .search-box:focus-within{border-color:var(--red);box-shadow:0 0 0 3px rgba(145,182,43,.18)}
.header-v3__utility .search-box input{font-size:16px;font-weight:600}
.header-v3__utility .search-box input::placeholder{color:#73776f;opacity:1}
.header-v3__utility .delivery-note{gap:11px;color:var(--red)}
.header-v3__utility .delivery-note small{color:#595d57;font-size:12px;font-weight:600}
.header-v3__utility .delivery-note strong{color:var(--ink);font-size:15px;font-weight:700}
.header-v3__mobile-nav{display:none}

@media (max-width:1240px){
  .header-v3__phone{display:none}
}

@media (max-width:980px){
  .header-v3__inner{gap:12px}
  .header-v3__nav{display:none}
  .header-v3__actions{margin-left:auto}
  .header-v3__menu{display:grid}
  .header-v3__mobile-nav{position:absolute;top:100%;left:20px;right:20px;display:flex;max-height:none;padding:12px 20px 18px;overflow:hidden;visibility:hidden;opacity:0;transform:translateY(-8px);flex-direction:column;gap:0;border:1px solid rgba(255,255,255,.12);border-radius:0 0 18px 18px;background:#292b33;color:#fff;box-shadow:0 18px 38px rgba(24,26,30,.22);pointer-events:none;transition:opacity .2s ease,transform .28s var(--ease-premium),visibility .28s}
  .header-v3__mobile-nav.is-open{max-height:none;padding:12px 20px 18px;visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}
  .header-v3__mobile-nav a{padding:12px 2px;border-bottom:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.86);font-family:var(--font-main);font-size:14px;font-weight:700;text-transform:none}
  .header-v3__mobile-nav a:last-child{border-bottom:0;color:var(--red)}
}

@media (max-width:700px){
  .header-v3__inner{min-height:74px;gap:10px}
  .header-v3 .header-v3__brand{min-width:0;gap:10px}
  .header-v3 .header-v3__brand .brand__logo{width:58px;height:58px;flex-basis:58px}
  .header-v3 .header-v3__brand .brand__copy .brand__tagline{font-size:14px;line-height:1.4}
  .header-v3 .header-v3__brand .brand__tagline-line{display:block}
  .header-v3__actions{gap:8px}
  .header-v3 .header-v3__cart{width:48px;height:48px;padding:0;border-radius:15px;gap:0}
  .header-v3 .header-v3__cart .cart-label{display:none}
  .header-v3 .header-v3__cart .cart-count{position:absolute;top:3px;right:3px;display:grid;width:auto;min-width:22px;height:22px;flex-basis:auto;padding-inline:3px;border:2px solid #292b33;border-radius:8px}
  .header-v3 .header-v3__cart .cart-count__value{display:block;font-size:12px}
  .header-v3__menu{width:48px;height:48px;flex-basis:48px}
  .header-v3__utility .search-row{min-height:60px;padding:6px 0;gap:8px}
  .header-v3__utility .catalog-button{width:48px;min-width:48px;min-height:48px;padding:0;border-radius:14px;font-size:0;gap:0}
  .header-v3__utility .catalog-button__icon{width:20px;height:20px}
  .header-v3__utility .search-box{height:48px;padding:0 13px}
  .header-v3__utility .delivery-note{display:none}
  .header-v3__mobile-nav{left:14px;right:14px}
}

@media (max-width:390px){
  .header-v3__inner{gap:8px}
  .header-v3 .header-v3__brand{gap:8px}
}

/* Keep the complete caption readable beside the actions on the narrowest phones. */
@media (prefers-reduced-motion:reduce){
  .header-v3__nav a:after,.header-v3__mobile-nav,.header-v3 .header-v3__cart{transition:none}
}

/* All purchase affordances use the same visible vector stroke. */
.add-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
select.sort-button{display:block;min-height:44px;max-width:100%;padding:8px 12px;border:1px solid #8c9083;border-radius:10px;font:inherit;font-weight:600;color:#45483f;background:var(--shop-paper,#fff);cursor:pointer}
select.sort-button:focus-visible{outline:2px solid #405316;outline-offset:3px}
@media (max-width:760px){
  .sort-button{display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:100%;white-space:normal;text-align:left}
}

/* Public reflow: keep the established header and controls available as text grows. */
.header-v3__inner{flex-wrap:wrap;padding-block:8px}
.header-v3 .header-v3__brand{min-width:0;max-width:100%}
.header-v3 .header-v3__brand .brand__copy{min-width:0}
.header-v3 .header-v3__brand .brand__copy .brand__tagline{white-space:normal;overflow-wrap:anywhere}
.header-v3__nav,.header-v3__actions{flex-wrap:wrap;min-width:0}
.header-v3__nav{margin-left:auto;white-space:normal}
.header-v3__actions{max-width:100%}
.header-v3 .header-v3__cart{min-height:48px;height:auto;min-width:48px}
.header-v3 .header-v3__cart .cart-count{overflow:visible;min-height:27px;height:auto}
.header-v3__utility .search-box{min-width:0;height:auto;min-height:48px}
.header-v3__utility .search-box input{min-width:0}
.header-v3__utility .search-row{flex-wrap:wrap}
.mobile-category-filter{max-width:100%;min-width:0}
.mobile-category-chip{min-height:44px;height:auto;padding-block:9px;white-space:normal;text-align:center}
.products-grid,.category-list,.feature-grid,.footer-main{min-width:0}
.category-card{min-width:0;overflow-wrap:anywhere}
.product-card__buy{flex-wrap:wrap;gap:8px}
.product-card__price{overflow-wrap:anywhere}
.add-button{width:auto;min-width:44px;height:auto;min-height:44px}
.cart-item{grid-template-columns:70px minmax(0,1fr) auto}
.cart-drawer .cart-item{grid-template-columns:70px minmax(0,1fr) auto;grid-template-areas:"photo title title" "photo controls price" "cutting cutting cutting";align-items:start;column-gap:12px;row-gap:10px}
.cart-drawer .cart-item>div{display:contents}
.cart-drawer .cart-item>img,.cart-drawer .cart-item>picture{grid-area:photo;border-radius:14px}
.cart-drawer .cart-item h3{grid-area:title;margin:0;font-size:16px;line-height:1.4}
.cart-drawer .cart-item__controls{grid-area:controls;display:grid;grid-template-columns:44px minmax(2ch,auto) 44px;justify-content:start;align-items:center;gap:6px}
.cart-drawer .cart-item__controls small{min-width:0;margin:0;text-align:center;white-space:nowrap}
.cart-drawer .cart-item__controls .cart-item__remove{grid-column:1/-1;justify-self:start;margin:0}
.cart-drawer .cart-item__price{grid-area:price;align-self:start;padding-top:10px;font-size:16px;line-height:24px;white-space:nowrap}
.cart-drawer__head>.cart-clear{flex-basis:100%}
.cart-drawer__head .cart-clear__ask{margin-left:auto}
.cart-item>*{min-width:0}
.cart-item__controls{flex-wrap:wrap}
.cart-item__controls small{font-size:16px;line-height:1.5}
.cart-item__controls button:not(.cart-item__remove){width:auto;min-width:44px;height:auto;min-height:max(44px,2em);padding:8px}
.cart-item__controls .cart-item__remove{min-height:44px;padding:8px}
.cart-drawer__head{flex-wrap:wrap;gap:12px}
.cart-drawer{z-index:90}
.drawer-backdrop{z-index:85}
.cart-drawer__head h2{overflow-wrap:anywhere}
.cart-drawer__foot>div{flex-wrap:wrap;gap:8px}
.cart-drawer__foot .button{height:auto;padding-block:10px;white-space:normal;text-align:center}
.hero h1,.section-heading h2,.product-card h3,.cart-item h3{overflow-wrap:anywhere}
body:not(.admin-page){overflow-wrap:anywhere}
body:not(.commerce-page) :is(a,button,input,textarea,select):focus-visible{outline:3px solid var(--red-dark);outline-offset:3px}
.products-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.footer-main{grid-template-columns:1.4fr repeat(2,minmax(0,.8fr)) minmax(0,1fr)}
.footer-main>*,.features>*,.story>*,.offer-banner>*,.product-card__body{min-width:0}
.brand--footer{min-width:0;max-width:100%}
.brand--footer .brand__copy{min-width:0}
.brand--footer .brand__tagline{white-space:normal;overflow-wrap:anywhere}
.footer-col{min-width:0}
/* Keep the delivery heading's words intact at desktop widths without shrinking type. */
@media (min-width:1051px){.features{grid-template-columns:minmax(0,320px) minmax(0,1fr)}}
@media (max-width:700px){
  .header-v3__inner{gap:8px;padding-block:8px}
  .header-v3__actions{margin-left:auto}
  .header-v3 .header-v3__cart .cart-count{min-height:21px}
}
@media (max-width:1050px){.products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){
  .products-grid,.category-list,.footer-main{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero__content{max-width:100%;min-width:0}
  .cart-item{grid-template-columns:70px minmax(0,1fr)}
  .cart-item__price{grid-column:2;white-space:normal;overflow-wrap:anywhere}
}
/* Promotion conditions stay separate from the product's base unit price. */
.product-promotion { margin: 10px 0; color: #405316; font-size: 14px; line-height: 1.45; overflow-wrap: anywhere; }
.product-promotion p { margin: 4px 0; }
.product-promotion strong { font-weight: 800; }

/* Reserve a separate bottom row for navigation at every banner width. */
.hero{height:auto;min-height:430px}
.hero__content{padding-bottom:88px}
.hero__arrow{top:auto;bottom:18px;margin-top:0;width:44px;height:44px;z-index:3}
.hero__arrow--left{left:auto;right:76px}
.hero__arrow--right{right:20px}
.hero__controls{bottom:36px}
.hero__badge{bottom:80px}
.offer-banner--welcome{gap:40px;align-items:center}
.offer-banner--welcome>div:first-child{max-width:780px}
.offer-banner--welcome .button{margin-top:20px}
.offer-conditions{margin-top:20px;font-size:14px;line-height:1.6;color:#e1e4db}
.offer-conditions summary{cursor:pointer;width:fit-content;min-height:44px;display:list-item;padding-block:10px}
.offer-conditions p{margin:8px 0 0;max-width:630px}
.offer-promo{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px;flex:none}
.offer-promo .offer-banner__code{gap:14px;padding:22px 26px;border:1px dashed rgba(255,255,255,.5);color:#fff;cursor:pointer;font-size:24px;line-height:1.25;letter-spacing:.04em;font-weight:700;margin:0;white-space:nowrap}
.offer-promo .offer-banner__code:hover{border-color:var(--red);background:rgba(145,182,43,.15)}
.offer-promo svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;flex:none}
.offer-promo>span{max-width:260px;text-align:center;font-size:14px;line-height:1.5;color:#e1e4db}
@media(max-width:1050px){.offer-banner--welcome{display:flex;flex-wrap:wrap}.offer-promo{align-items:flex-start}.offer-promo>span{text-align:left}}
@media(max-width:760px){.hero{min-height:430px}.hero__content{padding-bottom:100px}.hero__controls{left:24px;bottom:36px}.hero__arrow--left{right:72px}.hero__arrow--right{right:18px}.hero__badge{bottom:92px}.offer-banner--welcome{gap:24px}.offer-promo .offer-banner__code{font-size:21px;padding:18px 22px}}
#cartPromotionSummary { font-size: 15px; line-height: 1.45; }
#cartPromotionSummary p { margin: 0 0 12px; }
.search-box { position: relative; }
html body .header-v3__utility .search-box:focus-within,html body .search-box:focus-within { box-shadow: none; }
.search-dropdown { position: absolute; inset: calc(100% + 8px) 0 auto; z-index: 30; display: flex; flex-direction: column; max-height: var(--search-results-height,480px); overflow: hidden; border: 1px solid #e2e6d9; border-radius: 18px; background: #fff; color: var(--ink); box-shadow: 0 18px 50px rgba(30,40,15,.16); text-align: left; }
.search-dropdown[hidden] { display: none; }
.search-dropdown__status { flex: none; margin: 0; padding: 14px 16px 10px; color: #555c4c; font-size: 14px; font-weight: 700; line-height: 1.45; }
.search-suggestions { overflow-y: auto; overscroll-behavior: contain; min-height: 0; scrollbar-width: thin; -webkit-overflow-scrolling: touch; }
.search-suggestion { display: flex; align-items: center; gap: 12px; min-height: 80px; padding: 12px 16px; border-top: 1px solid #f0f1ed; transition: background-color .15s ease; }
.search-suggestion:hover,.search-suggestion[aria-selected="true"] { background: #f1f6e6; }
.search-suggestion:focus-visible { outline: 2px solid #405316; outline-offset: -3px; }
.search-suggestion img { flex: none; width: 56px; height: 56px; border-radius: 12px; object-fit: contain; background: #fafbf8; }
.search-suggestion__copy { display: flex; flex: 1; flex-direction: column; gap: 4px; min-width: 0; overflow-wrap: anywhere; }
.search-suggestion__copy strong { font-size: 16px; font-weight: 700; line-height: 1.35; }
.search-suggestion__copy small { color: #62675d; font-size: 13px; font-weight: 600; line-height: 1.4; }
.search-suggestion__price { flex: none; display: flex; flex-direction: column; gap: 3px; color: #405316; font-size: 16px; font-weight: 700; line-height: 1.35; text-align: right; white-space: nowrap; }
.search-suggestion__price small { color: #62675d; font-size: 13px; }
.search-box .search-dropdown__all { display: flex; flex: none; align-items: center; justify-content: space-between; gap: 10px; width: 100%; height: auto; min-height: 48px; padding: 12px 16px; border-top: 1px solid #e2e6d9; color: #405316; background: #f6f8ef; font-size: 15px; font-weight: 700; line-height: 1.4; text-align: left; }
.search-box .search-dropdown__all[hidden] { display: none; }
.search-box .search-dropdown__all:hover { background: #eef4dd; }
.search-box .search-dropdown__all:focus-visible { outline: 2px solid #405316; outline-offset: -3px; }
.search-dropdown--compact .search-dropdown__status { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.search-box .search-dropdown--small .search-dropdown__all { display: none; }
@media(max-width:600px) {
  .search-dropdown { left: -56px; border-radius: 15px; }
  .search-suggestion { gap: 9px; padding: 10px 12px; min-height: 74px; flex-wrap: wrap; }
  .search-suggestion img { width: 44px; height: 44px; }
  .search-suggestion__copy { flex-basis: calc(100% - 60px); }
  .search-suggestion__price { flex-direction: row; padding-left: 53px; font-size: 15px; gap: 5px; align-items: baseline; }
  .search-dropdown__status { padding: 12px; }
}
@media(prefers-reduced-motion:reduce) { .search-suggestion { transition: none; } }
.search-box #clearSearch { flex-shrink: 0; min-width: 44px; min-height: 44px; place-items: center; }
.search-box #clearSearch.is-visible { display: grid; }
.collection-filter { margin: 0 0 16px; font-size: 16px; }
.collection-filter > strong { display: block; margin-bottom: 10px; }
.collection-filter__buttons { display: flex; flex-wrap: wrap; gap: 8px; }
.collection-filter__buttons button { min-height: 44px; max-width: 100%; padding: 10px 18px; border: 1px solid #dfe3d6; border-radius: 24px; background: #fff; color: #31352b; font: inherit; font-weight: 700; cursor: pointer; overflow-wrap: anywhere; }
.collection-filter__buttons button[aria-pressed="true"] { background: #edf3dc; border-color: #91b62b; color: #405316; }
.collection-filter__buttons button:hover { background: #f2f5ea; }
.collection-filter__buttons button:focus-visible { outline: 2px solid #405316; outline-offset: 3px; }
.collection-description { margin-bottom: 18px; font-size: 16px; line-height: 1.5; overflow-wrap: anywhere; }
.collection-description strong, .collection-description span { display: block; }
.collection-description span { margin-top: 4px; max-width: 70ch; }
.collection-filter[hidden], .collection-description[hidden] { display: none; }
.related-products .product-card__visual { width: 100%; }

/* Contacts beside order conditions; mobile keeps the compact sticky header. */
.header-v3__utility .header-contact { display:flex;flex:0 0 auto;align-items:center;gap:10px;min-height:44px;padding-block:2px;color:var(--ink); }
.header-contact > svg { width:22px;height:22px;flex:none;fill:none;stroke:var(--red-dark,#719218);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.header-contact__copy { display:flex;flex-direction:column;gap:4px; }
.header-contact__copy strong { font-size:15px;font-weight:700;line-height:1.4;white-space:nowrap; }
.header-contact__copy small { color:#595d57;font-size:12px;font-weight:500;line-height:1.4;white-space:nowrap; }
.header-contact:hover strong { color:var(--red-dark,#719218); }
.header-v3__mobile-nav .header-contact-mobile { padding-top:8px; }
.header-v3__mobile-nav .header-contact-mobile a { display:flex;align-items:center;min-height:44px;padding:8px 2px;border:0;color:var(--red); }
.header-contact-mobile small { display:block;margin-top:12px;padding:0 2px 4px;color:rgba(255,255,255,.78);font-size:12px;line-height:1.5; }
@media(max-width:980px) { .header-v3__utility .header-contact { display:none; } }

/* Keep actions on the logo's row; measured content chooses compact navigation. */
.header-v3 .header-v3__inner{flex-wrap:nowrap}
.header-v3 .header-v3__brand{flex:1 1 auto;min-width:0}
.header-v3 .header-v3__actions{flex:0 0 auto;flex-wrap:nowrap}
.header-v3 .header-v3__nav{flex:0 0 auto;flex-wrap:nowrap;white-space:nowrap}
.header-v3 [data-account-label]{display:block;max-width:16ch;overflow:hidden;text-overflow:ellipsis}
.header-v3.header-is-compact .header-v3__nav{display:none}
.header-v3.header-is-compact .header-v3__menu{display:grid}
.header-v3.header-is-compact .header-v3__mobile-nav{position:absolute;top:100%;left:14px;right:14px;display:flex;max-height:calc(100dvh - var(--sticky-header-height,154px) - 20px);padding:12px 20px 18px;overflow:auto;visibility:hidden;opacity:0;transform:translateY(-8px);flex-direction:column;gap:0;border:1px solid rgba(255,255,255,.12);border-radius:0 0 18px 18px;background:#292b33;color:#fff;box-shadow:0 18px 38px rgba(24,26,30,.22);pointer-events:none}
.header-v3.header-is-compact .header-v3__mobile-nav.is-open{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}
.header-v3.header-is-compact .header-v3__mobile-nav a{padding:12px 2px;border-bottom:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.86);font-family:var(--font-main);font-size:14px;font-weight:700;text-transform:none}
.header-v3.header-icons-only .header-v3__account{display:flex;width:48px;min-width:48px;padding:0;justify-content:center}
.header-v3.header-icons-only .header-v3__account [data-account-label],.header-v3.header-icons-only .cart-label{display:none}
.header-v3.header-icons-only .header-v3__cart{width:48px;min-width:48px;padding:0;gap:0}
.header-v3.header-icons-only .header-v3__cart .cart-count{position:absolute;top:3px;right:3px;min-width:22px;min-height:22px;height:auto;padding-inline:3px;border:2px solid #292b33;border-radius:8px}
.header-v3.header-icons-only .header-v3__cart{min-width:max(48px,calc(3ch + 8px))}
@media(max-width:1000px){.header-v3.header-icons-only .header-v3__account{display:none}}

/* Keep a compact shared frame; only campaign art reserves a navigation row. */
.hero--artwork{height:430px;min-height:0;padding-bottom:0;background:#fff9ed}
.hero--artwork .hero__image{position:absolute;inset:0;width:100%;height:100%;transform:none;container-type:size}
.hero--artwork .hero__image picture{display:block;width:100%;height:100%;position:absolute;inset:0}
.hero--artwork .hero__image>img{position:absolute;inset:0}
.hero--artwork .hero__content{position:absolute;inset:0 auto auto 0}
.hero--artwork .hero__controls{bottom:26px}
.hero--artwork .hero__controls button{position:relative;background:#818b70}
.hero--artwork .hero__controls button.is-active{background:#719218}
.hero--artwork .hero__controls button:before{content:"";position:absolute;inset:-20px -3px}
.hero--artwork .hero__arrow{bottom:6px;width:44px;height:44px;background:#fff;color:#405316;border:1px solid #d5d9cc}
.hero--artwork .hero__arrow--left{right:66px}
.hero--artwork .hero__arrow--right{right:12px}
.hero__raffle-cta,.hero__raffle-title{display:none}
.hero--raffle .hero__image{height:calc(100% - 56px);filter:none}
.hero--raffle .hero__image img{object-fit:contain;object-position:center}
.hero--raffle .hero__shade,.hero--raffle .hero__content,.hero--raffle .hero__badge{display:none}
.hero--raffle .hero__raffle-title{display:block;position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hero--raffle .hero__raffle-cta{display:inline-flex;position:absolute;left:calc(50% - min(100cqw,100cqh * 2071 / 759) * .2);bottom:calc(50% - min(100cqw * 759 / 2071,100cqh) * .43);transform:translateX(-50%);min-width:180px;min-height:48px;padding:10px 24px;font-size:18px;line-height:1.25;color:#202329;text-transform:none;letter-spacing:normal;z-index:2}
.hero--raffle .hero__raffle-cta:hover{transform:translateX(-50%)}
@media(min-width:761px) and (max-width:1050px){
  .hero--raffle .hero__raffle-cta{bottom:calc(50% - min(100cqw * 759 / 2071,100cqh) * .48);min-height:44px;min-width:160px;padding:8px 18px;font-size:16px}
}
@media(max-width:760px){
  .hero--artwork{height:min(430px,max(280px,calc(100svh - var(--sticky-header-height,134px) - var(--mobile-bottom-nav-height,68px) - 28px)))}
  .hero--artwork .hero__content{padding:24px 24px 72px}
  .hero--artwork h1{font-size:34px;line-height:1.04;margin:12px 0}
  .hero--artwork p{font-size:13px;line-height:1.5;margin-bottom:16px}
  .hero--artwork .hero__content .button{min-height:44px;padding-inline:16px;font-size:12px}
  .hero--artwork .hero__controls{left:24px}
  .hero--raffle .hero__raffle-cta{left:50%;bottom:calc(50% - min(100cqw * 1484 / 1060,100cqh) * .49);min-width:0;min-height:44px;width:min(62%,240px);padding:8px 16px;font-size:16px}
}
@media(max-width:760px) and (max-height:650px){
  .hero--artwork .hero__content{padding:14px 20px 64px}
  .hero--artwork .hero__content .eyebrow,.hero--artwork .hero__badge{display:none}
  .hero--artwork h1{font-size:26px;margin:8px 0}
  .hero--artwork p{font-size:12px;line-height:1.4;margin-bottom:10px}
  .hero--raffle .hero__image{height:calc(100% - 108px)}
  .hero--raffle .hero__raffle-cta{bottom:-48px;width:min(80%,240px)}
}

/* Selected home story: clear illustration, anniversary in the description. */
#about.story .story__media{display:grid;height:auto;background:#faf7ef}
#about.story .story__media img{grid-area:1 / 1;width:100%;height:auto;align-self:center;object-fit:contain}
#about.story .story__content{text-align:left}
#about.story .story__content h2,#about.story .story__content p{max-width:100%;text-align:left;overflow-wrap:anywhere}
#about.story .story__content p{font-size:16px;line-height:1.7}
#about.story .story__content .story__experience{margin:24px 0;color:#405316;font-size:17px;line-height:1.5;font-weight:700}
#about.story .story__content .button{max-width:100%;height:auto;padding-block:14px;text-align:left;white-space:normal}
#about.story .story__content .button .icon-arrow{flex-shrink:0}
