:root{--paper:#f8f6f1;--cream:#efeae0;--ivory:#fffdf9;--ink:#20251e;--forest:#303b29;--deep:#232b21;--gold:#b18a5f;--sand:#e8d3b5;--stone:#746f65;--line:#e5ded2;--r:16px;--serif:'Playfair Display',Georgia,'Times New Roman',serif;--sans:Manrope,Arial,system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:81px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a77f4e;outline-offset:4px}::selection{background:#d8bd98;color:#1f291c}.container{max-width:1250px;padding:0 32px;margin-inline:auto}.skip-link{position:absolute;z-index:999;top:-80px;left:20px;background:#fff;padding:12px 20px}.skip-link:focus{top:10px}.announcement{font-size:11px;font-weight:700;letter-spacing:.12em;text-align:center;background:var(--forest);color:#e9dfce;padding:10px 14px}.announcement span{color:#c6a77f;margin:0 18px}.header{height:83px;background:rgba(248,246,241,.96);border-bottom:1px solid rgba(50,53,44,.08);position:sticky;top:0;z-index:40;backdrop-filter:blur(20px)}.header__inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:inline-flex;align-items:center;gap:11px;white-space:nowrap;line-height:1}.brand__icon{width:36px;height:40px;color:var(--gold)}.brand__text{display:flex;flex-direction:column;gap:5px}.brand__text strong{font-family:var(--serif);font-size:22px;letter-spacing:-.05em;font-weight:600}.brand__text small{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#968a75;font-weight:700}.nav{display:flex;align-items:center;gap:27px}.nav a{font-size:12px;font-weight:700;transition:color .2s}.nav a:hover{color:#9c7347}.button{border:1px solid transparent;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:50px;padding:0 24px;font-size:12px;font-weight:800;letter-spacing:.02em;text-align:center;transition:background .25s,color .25s,transform .25s,box-shadow .25s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button span{font-size:18px;font-weight:400}.button--dark{background:var(--forest);color:#fff}.button--dark:hover{background:#1d291b;box-shadow:0 9px 24px #26311d30}.button--outline{border-color:#b6ad9f;background:transparent}.button--outline:hover{background:var(--cream)}.button--sand{background:var(--sand);color:#232a20}.button--sand:hover{background:#f3dfc1}.button--outline-light{border-color:#aaad9e;color:#fff;background:transparent}.button--outline-light:hover{background:#ffffff22}.button--wide{width:100%}.menu-toggle{display:none;background:none;border:0;width:44px;height:44px;padding:9px;flex-direction:column;justify-content:center;gap:6px}.menu-toggle span{width:100%;height:2px;background:var(--ink);transition:transform .2s,opacity .2s}.eyebrow{display:flex;align-items:center;gap:10px;color:#ab8457;font-size:10px;font-weight:800;letter-spacing:.19em;text-transform:uppercase}.eyebrow__line{width:28px;height:1px;background:currentColor}.eyebrow--light{color:#dbc6a3}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:500;letter-spacing:-.045em}h1 em,h2 em{font-weight:400;color:#9c805e}h1{font-size:clamp(49px,5.3vw,79px);line-height:1.09}h2{font-size:clamp(36px,4.3vw,60px);line-height:1.16;margin:18px 0 0}p{line-height:1.85}.hero{background:#f1ecdf;position:relative;overflow:hidden}.hero__inner{display:grid;grid-template-columns:.82fr 1.18fr;align-items:stretch;min-height:620px}.hero__copy{padding:94px 22px 86px 0;position:relative;z-index:2;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}.hero h1{max-width:570px;margin:26px 0 22px}.hero__lead{font-size:17px;line-height:1.8;color:#625d52;max-width:390px;margin-bottom:31px}.hero__actions{display:flex;flex-wrap:wrap;gap:13px}.hero__facts{display:flex;flex-wrap:wrap;gap:25px;border-top:1px solid #d5ccbc;margin-top:65px;padding-top:25px;max-width:510px}.hero__facts span{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#6a624f}.hero__facts svg{width:20px;height:20px;stroke:#9a825f;stroke-width:1.4;fill:none}.hero__media{position:relative;margin-right:calc((min(1250px, 100vw) - 100vw)/2 - 32px);min-height:530px;overflow:hidden}.hero__media::before{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#f1ecdf 0%,#f1ecdf8c 14%,transparent 43%)}.hero__media picture{position:absolute;inset:0;display:block;width:100%;height:100%}.hero__media picture img{width:100%;height:100%;object-fit:cover;object-position:var(--hero-desktop-x,51%) var(--hero-desktop-y,50%);position:absolute;inset:0}.hero__image-caption{position:absolute;bottom:30px;right:25px;z-index:2;background:rgba(255,252,245,.94);padding:14px 18px;box-shadow:0 14px 30px #28271b16;display:flex;flex-direction:column;gap:4px}.hero__image-caption small{font-size:9px;color:#a08259;letter-spacing:.2em;font-weight:800}.hero__image-caption span{font-family:var(--serif);font-size:17px}.hero__side-word{font-size:9px;position:absolute;transform:rotate(-90deg);right:-20px;top:200px;letter-spacing:.25em;color:#514635a8}.quote-strip{background:var(--forest);color:#eadfce}.quote-strip__inner{display:flex;align-items:center;justify-content:center;gap:33px;min-height:85px;text-align:center}.quote-strip__inner span:not(.quote-strip__leaf){font-family:var(--serif);font-size:18px;letter-spacing:.01em}.quote-strip__leaf{font-size:25px;color:#cba977}.section{padding:105px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:38px}.section-heading>div{max-width:720px}.section-heading>p{max-width:302px;color:#777165;font-size:13px;margin:0 0 7px}.section-heading--center{display:block;text-align:center}.section-heading--center .eyebrow{justify-content:center}.section-heading--center>div{max-width:none}.section-heading--center p{color:#756f63;font-size:14px;margin:14px auto 0}.filters{display:flex;align-items:center;gap:10px;margin-bottom:26px}.filter{border:1px solid #dbd2c5;color:#756c60;background:transparent;border-radius:100px;padding:11px 21px;font-size:12px;font-weight:700;transition:all .2s}.filter:hover{border-color:#4d5944}.filter.is-active{background:var(--forest);color:#fff;border-color:var(--forest)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.product{background:#fff;border:1px solid #ebe6df;display:flex;flex-direction:column;min-width:0;transition:box-shadow .25s,transform .25s}.product:hover{transform:translateY(-5px);box-shadow:0 20px 45px #31302113}.product[hidden]{display:none!important}.product__photo{aspect-ratio:1.24;position:relative;overflow:hidden;background:#eee8dc}.product__photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.product:hover .product__photo img{transform:scale(1.04)}.product__tag{position:absolute;top:17px;left:17px;background:#faf6eced;color:#3c4734;font-size:10px;letter-spacing:.03em;font-weight:800;padding:9px 12px}.product__meta{display:flex;justify-content:space-between;align-items:end;gap:10px;padding:23px 22px 0}.product__meta small{font-size:9px;letter-spacing:.16em;font-weight:800;color:#ae946f}.product__meta h3{font-family:var(--serif);font-size:24px;line-height:1.25;letter-spacing:-.035em;font-weight:500;margin:9px 0 5px}.product__meta p{font-size:12px;color:#777066;margin:0}.product__action{flex:none;border:1px solid #d4d3c8;border-radius:50%;background:#f7f5ef;font-size:23px;width:45px;height:45px;transition:.2s}.product__action:hover{background:var(--forest);color:#fff}.product__foot{margin-top:auto;border-top:1px solid #ece6de;padding:14px 22px;font-size:11px;color:#7e7567;margin-left:0;margin-right:0;margin-top:20px}.catalog__note{font-size:11px;color:#8b8479;margin:20px 0 0}.story{min-height:560px;display:grid;grid-template-columns:1fr 1fr;background:var(--deep);color:#fff}.story__visual{overflow:hidden;min-height:540px}.story__visual img{height:100%;width:100%;object-fit:cover}.story__copy{padding:100px clamp(35px,8vw,130px);display:flex;align-items:flex-start;flex-direction:column;justify-content:center}.story__copy h2{font-size:clamp(39px,4.5vw,65px);max-width:620px}.story__copy h2 em{color:#d2b58a}.story__copy p{color:#b8bfac;max-width:430px;font-size:15px;margin:26px 0 34px}.text-link{display:inline-flex;align-items:center;gap:24px;color:#d8c09b;font-weight:800;font-size:12px;padding:0 0 7px;background:none;border:0;border-bottom:1px solid currentColor}.text-link span{font-size:20px}.builder{background:#f3efe8}.builder .section-heading{margin-bottom:47px}.builder-layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);align-items:start;gap:32px}.builder-config{background:#fff;padding:34px 40px;border:1px solid #ebe4da}.builder-step{padding:15px 0 32px;border-bottom:1px solid var(--line)}.builder-step+.builder-step{padding-top:34px}.builder-step:last-child{border-bottom:none;padding-bottom:4px}.builder-step__title{display:flex;gap:15px;align-items:flex-start;margin-bottom:22px}.step-number{font-family:var(--serif);color:#a98960;font-size:28px;line-height:1.1}.builder-step__title h3{font-family:var(--serif);font-size:24px;font-weight:500;line-height:1.2;margin:0 0 5px}.builder-step__title p{font-size:12px;color:#83786b;margin:0}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choice{position:relative;min-height:100px;border:1px solid #e0d9ce;padding:16px 13px;background:#faf9f6;text-align:left;border-radius:5px;color:#3b3c34;display:flex;flex-direction:column;gap:8px;align-items:flex-start;justify-content:center;transition:.2s}.choice:hover{border-color:#ad926f}.choice.is-selected{border-color:var(--forest);background:#f0f2eb;box-shadow:inset 0 0 0 1px var(--forest)}.choice__name{font-size:12px;font-weight:800;line-height:1.3}.choice__info{font-size:10px;color:#827b70}.choice__check{position:absolute;right:9px;top:9px;color:#47623b;font-size:15px;opacity:0}.choice.is-selected .choice__check{opacity:1}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{margin:0 0 18px;min-width:0}.field label{display:block;font-size:11px;font-weight:800;color:#59564e;margin:0 0 9px}.field label span{color:#b58d60}.field input,.field select,.field textarea{background:#fcfbf8;border:1px solid #ded8cc;min-height:48px;padding:12px 13px;border-radius:3px;width:100%;color:#303229;outline:none;font-size:12px;transition:border-color .2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:#8a9a79;box-shadow:0 0 0 2px #8a9a7920}.field textarea{resize:vertical}.helper{color:#897e70;font-size:11px;line-height:1.65;margin:-7px 0 20px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.chip{border:1px solid #d9d3c9;border-radius:100px;padding:9px 13px;background:#fff;font-size:11px;font-weight:700;color:#736c62}.chip[aria-pressed='true']{background:#e5ecde;color:#314329;border-color:#9fb190}.builder-summary{position:sticky;top:104px;background:#fff;border:1px solid #e9e3d9;box-shadow:0 16px 48px #352b170a;overflow:hidden}.builder-summary__image{height:245px}.builder-summary__image img{width:100%;height:100%;object-fit:cover}.builder-summary__content{padding:29px 29px 27px}.builder-summary__content h3{font:500 31px/1.22 var(--serif);margin:18px 0 22px}.builder-summary dl{margin:0}.builder-summary dl>div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #ece8df;padding:10px 0;font-size:12px;line-height:1.45}.builder-summary dt{color:#8b8174;flex:0 0 95px}.builder-summary dd{margin:0;text-align:right;font-weight:700}.builder-summary__price{display:flex;flex-direction:column;gap:6px;padding:21px 0}.builder-summary__price small{font-size:11px;color:#908477}.builder-summary__price strong{font-family:var(--serif);font-size:22px;font-weight:500;line-height:1.35}.builder-summary__content>p{font-size:10px;color:#988d7d;line-height:1.6;margin:14px 0 0;text-align:center}.signature{background:#ebe5d9;padding:85px 0}.signature__grid{display:grid;grid-template-columns:1fr 1.04fr .9fr;gap:36px;align-items:center}.signature h2{font-size:clamp(34px,3vw,49px);margin-bottom:23px}.signature__copy p{font-size:13px;max-width:285px;color:#70695d}.signature__photo{height:385px}.signature__photo img{height:100%;width:100%;object-fit:cover}.signature__benefits>div{padding:20px 0;border-bottom:1px solid #cec5b6}.signature__benefits>div:first-child{padding-top:0}.signature__benefits span{font-family:var(--serif);font-size:15px;color:#9d8057;display:block;margin-bottom:8px}.signature__benefits strong{font-family:var(--serif);font-size:20px;font-weight:500}.signature__benefits p{font-size:11px;color:#7e7569;margin:6px 0 0;line-height:1.6}.gallery{background:#fbf9f4}.gallery-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-auto-rows:185px;gap:14px}.gallery-item{border:0;padding:0;overflow:hidden;background:#ddd;position:relative}.gallery-item::after{content:'↗';position:absolute;top:12px;right:12px;color:#fff;background:#28321eaa;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;opacity:0;transition:opacity .25s}.gallery-item:hover::after{opacity:1}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.gallery-item:hover img{transform:scale(1.045)}.gallery-item--large{grid-row:span 2}.gallery__note{font-size:11px;color:#928a7f;margin:17px 0 0}.faq{background:var(--paper)}.faq__layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px}.faq__layout>div>p{margin-top:20px;font-size:13px;color:#7d7468}.faq__items details{border-bottom:1px solid #d9d1c5;padding:21px 0}.faq__items summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:15px;font-weight:700}.faq__items summary::-webkit-details-marker{display:none}.faq__items summary span{font-size:25px;color:#978061;font-weight:400;transition:transform .2s}.faq__items details[open] summary span{transform:rotate(45deg)}.faq__items details p{font-size:13px;line-height:1.75;color:#726a5e;margin:17px 38px 0 0}.order{background:var(--forest);color:#fff}.order__layout{display:grid;grid-template-columns:.83fr 1.17fr;gap:85px}.order__intro h2{font-size:clamp(39px,4.5vw,61px)}.order__intro h2 em{color:#ddbf8d}.order__intro p{font-size:14px;color:#cad0bf;max-width:350px;margin-top:25px}.order__line{font-size:90px;line-height:1;color:#c7a472;margin-top:45px}.order__form-wrap{background:#3e4936;padding:37px;border:1px solid #5d6855}.order .field label{color:#e3e5d9}.order .field input,.order .field select,.order .field textarea{background:#fffdf7;color:#303229}.checkbox-line{display:flex;gap:10px;align-items:start;margin:0 0 23px}.checkbox-line input{margin-top:4px;accent-color:#d9bb92;width:16px;height:16px;flex:none}.checkbox-line label{color:#d7d9c9;font-size:11px;line-height:1.5;cursor:pointer}.form-note{font-size:10px;color:#c5c9b9;line-height:1.7;margin:14px 0 0}.form-error{color:#ffe9dc;background:#813f2d;padding:10px;margin:12px 0 0;font-size:12px}.order-result__tick{font-size:23px;background:#e6d1b1;color:#263321;width:44px;height:44px;border-radius:50%;display:grid;place-items:center}.order-result h3{font:500 31px var(--serif);margin:20px 0 12px}.order-result p{color:#d0d2c5;font-size:12px}.order-result pre{background:#263120;color:#f3efe3;padding:15px;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow:auto;font:12px/1.7 var(--sans)}.order-result__actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.text-link--light{margin-top:10px}.footer{background:#20291e;color:#e6e2d8;padding:50px 0 25px}.brand--light .brand__text small{color:#b3b9a7}.footer__top{display:flex;justify-content:space-between;gap:50px;align-items:start}.footer__top p{color:#9da696;font-size:11px;margin:17px 0 0}.footer nav{display:flex;gap:30px;flex-wrap:wrap;font-size:12px;color:#d0d6c6;font-weight:600;padding-top:18px}.footer nav a:hover{color:#fff}.footer__bottom{border-top:1px solid #3c4938;margin-top:37px;padding-top:24px;display:flex;justify-content:space-between;gap:12px;color:#9ba394;font-size:10px}.mobile-cta{display:none}.lightbox{border:0;padding:0;background:#20241b;max-width:min(1100px,90vw);max-height:90vh;box-shadow:0 20px 90px #0008}.lightbox::backdrop{background:#10160fe3}.lightbox img{max-height:86vh;max-width:90vw;object-fit:contain}.lightbox__close{position:absolute;right:7px;top:7px;color:white;background:#1119;border:0;border-radius:50%;width:40px;height:40px;font-size:28px}
@media(max-width:1150px){.nav{gap:15px}.nav a{font-size:11px}.header__cta{padding:0 15px}.hero__inner{min-height:560px;grid-template-columns:.9fr 1.1fr}.hero__copy{padding:68px 0}.hero h1{font-size:clamp(45px,5vw,65px)}.hero__facts{gap:15px;margin-top:42px}.story__copy{padding:70px 55px}.signature__grid{gap:25px}.signature__photo{height:325px}}
@media(max-width:920px){.container{padding:0 25px}.nav{position:fixed;top:83px;right:0;width:min(350px,100vw);height:calc(100dvh - 83px);display:flex;flex-direction:column;align-items:stretch;gap:0;padding:26px 27px;background:#faf8f2;box-shadow:-15px 20px 55px #13200f22;transform:translateX(105%);visibility:hidden;transition:transform .25s,visibility .25s;overflow:auto}.nav.is-open{transform:translateX(0);visibility:visible}.nav a{font-size:16px;padding:16px 6px;border-bottom:1px solid #e3dbcf}.menu-toggle{display:flex;margin-left:auto}.menu-toggle[aria-expanded='true'] span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-toggle[aria-expanded='true'] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded='true'] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.header__cta{min-height:43px}.hero__inner{grid-template-columns:1fr 1fr}.hero__facts{gap:12px}.hero__facts span{font-size:10px}.hero__lead{font-size:15px}.hero__media{margin-right:-25px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-layout{grid-template-columns:minmax(0,1fr)}.builder-summary{position:static;display:grid;grid-template-columns:.7fr 1fr}.builder-summary__image{height:100%}.story__copy{padding:45px}.signature__grid{grid-template-columns:1fr 1fr}.signature__benefits{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.signature__benefits>div{border-bottom:0;border-top:1px solid #cfc4b3;padding-top:20px}.order__layout{gap:35px}.faq__layout{gap:40px}}
@media(max-width:680px){html{scroll-padding-top:66px}.announcement{font-size:9px;padding:9px}.announcement span{margin:0 6px}.header{height:68px}.header__inner{gap:10px}.brand__icon{width:27px;height:32px}.brand__text strong{font-size:18px}.brand__text small{font-size:7px}.nav{top:68px;height:calc(100dvh - 68px)}.header__cta{display:none}.container{padding:0 19px}.section{padding:68px 0}.hero__inner{grid-template-columns:1fr;min-height:auto}.hero__copy{padding:60px 0 37px}.hero h1{font-size:clamp(48px,10.5vw,66px);max-width:520px;margin:20px 0 18px}.hero__lead{font-size:14px;line-height:1.75;max-width:450px;margin-bottom:24px}.hero__actions{gap:10px}.hero__actions .button{padding:0 16px;min-height:48px;gap:8px}.hero__facts{margin-top:29px;padding-top:19px;gap:13px 18px}.hero__media{margin:0 -19px;min-height:350px;aspect-ratio:1.35}.hero__media::before{background:linear-gradient(180deg,#f1ecdf 0%,transparent 23%)}.hero__media picture img{object-position:var(--hero-mobile-x,55%) var(--hero-mobile-y,50%)}.hero__image-caption{right:16px;bottom:17px;padding:9px 12px}.hero__image-caption span{font-size:13px}.hero__side-word{display:none}.quote-strip__inner{min-height:85px;gap:12px}.quote-strip__inner span:not(.quote-strip__leaf){font-size:13px;line-height:1.45}.quote-strip__leaf{font-size:18px}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:clamp(37px,8vw,48px)}.section-heading>p{max-width:550px;margin:15px 0 0;font-size:12px}.filters{margin-bottom:18px;gap:7px}.filter{padding:10px 15px;font-size:11px}.product-grid{grid-template-columns:1fr;gap:15px}.product__photo{aspect-ratio:1.4}.product__meta{padding:19px 18px 0}.product__meta h3{font-size:25px}.product__foot{padding:13px 18px;margin-top:16px}.story{grid-template-columns:1fr}.story__visual{min-height:0;aspect-ratio:1.36}.story__copy{padding:60px 22px 64px}.story__copy h2{font-size:42px}.story__copy p{font-size:13px}.builder .section-heading{margin-bottom:28px}.builder-config{padding:17px 18px}.builder-step{padding-bottom:24px}.builder-step+.builder-step{padding-top:27px}.builder-step__title h3{font-size:23px}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.choice{min-height:92px;padding:12px}.field-row{grid-template-columns:1fr;gap:0}.builder-summary{grid-template-columns:1fr}.builder-summary__image{height:218px}.builder-summary__content{padding:24px 22px}.signature{padding:64px 0}.signature__grid{grid-template-columns:1fr;gap:25px}.signature__copy h2{font-size:42px}.signature__photo{height:280px}.signature__benefits{grid-column:auto;grid-template-columns:1fr;gap:0}.signature__benefits>div{padding:17px 0}.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:145px;gap:9px}.gallery-item--large{grid-column:span 2;grid-row:span 2}.faq__layout{grid-template-columns:1fr;gap:22px}.faq__items details{padding:18px 0}.faq__items summary{font-size:13px}.order__layout{grid-template-columns:1fr;gap:22px}.order__intro h2{font-size:44px}.order__intro p{font-size:13px;margin-top:19px}.order__line{display:none}.order__form-wrap{padding:20px 17px}.order-result__actions .button{white-space:normal}.footer{padding:43px 0 102px}.footer__top{display:block}.footer nav{gap:17px 23px;margin-top:20px;font-size:11px}.footer__bottom{flex-direction:column;margin-top:27px;line-height:1.6}.mobile-cta{display:block;position:fixed;bottom:0;left:0;right:0;z-index:35;background:#f8f6f4f2;box-shadow:0 -5px 25px #19231919;padding:9px 16px calc(9px + env(safe-area-inset-bottom));backdrop-filter:blur(15px)}.mobile-cta .button{min-height:47px}.lightbox{max-width:96vw}.lightbox img{max-width:96vw}}
@media(max-width:380px){.brand__text strong{font-size:16px}.brand__icon{width:23px}.hero h1{font-size:45px}.hero__actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.hero__actions .button{font-size:10px;padding:0 7px}.choice__name{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Keep every mobile grid item inside its viewport column. */
@media(max-width:680px){
  .hero__inner,.builder-layout,.signature__grid,.order__layout,.faq__layout,.builder-summary{grid-template-columns:minmax(0,1fr);width:100%}
  .hero__media,.hero__copy,.builder-summary,.builder-summary__image,.builder-summary__content,.signature__copy,.signature__photo,.signature__benefits,.order__intro,.order__form-wrap,.faq__layout>*{min-width:0;max-width:100%}
  .hero__media{width:calc(100% + 38px);max-width:none}
  .nav{display:none;transform:none;visibility:hidden}
  .nav.is-open{display:flex;transform:none;visibility:visible}
  .signature h2{overflow-wrap:break-word}
}

.builder-summary__image{position:relative;overflow:hidden;background:#ebe3d4}.summary-empty{height:100%;min-height:245px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;background:radial-gradient(circle at 42% 38%,#daceb7,#eee7da);text-align:center;color:#566145}.summary-empty[hidden]{display:none}.summary-empty span{font:500 83px/.95 var(--serif);color:#9b815c}.summary-empty strong{font:500 23px var(--serif)}.summary-empty small{font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:#7b765e}
/* Редаговані картки з фотографією або без фотографії. */
.product__fallback{height:100%;min-height:210px;display:grid;place-items:center;background:linear-gradient(140deg,#d7c7a9,#ede8da);font-family:var(--serif);font-size:84px;color:#96866c}

/* Короткий опис керується з адмінредактора та видимий покупцям. */
.product__description{font-size:12px;line-height:1.6;color:#77756f;margin:0 20px 12px;max-width:60ch}
select:disabled{opacity:.7;cursor:not-allowed;background:#ede9e2!important;color:#56564f!important}
/* Версія 3.0: керовані характеристики баночок і пошуковий список спецій */
.field select:disabled,.field input:disabled{background:#f0eee8;color:#797469;opacity:1;cursor:not-allowed;border-color:#ddd7cd}
.helper--below{margin:7px 0 11px;min-height:18px}
.spice-picker{border:1px solid #ddd6c9;border-radius:9px;padding:18px;margin:15px 0 22px;background:#fffcf7;min-width:0}
.spice-picker__head{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap;font-size:12px;margin-bottom:12px}.spice-picker__head strong{font:500 20px var(--serif)}.spice-picker__head span{color:#64734f;font-weight:700}
.spice-picker__progress{height:5px;border-radius:999px;background:#ebe8de;overflow:hidden;margin-bottom:15px}.spice-picker__progress span{display:block;height:100%;width:0;background:#748462;transition:width .2s}
.spice-picker details{border:1px solid #cfc7b9;background:#fff;border-radius:5px;overflow:hidden}.spice-picker summary{list-style:none;padding:14px 15px;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:750;cursor:pointer}.spice-picker summary::-webkit-details-marker{display:none}.spice-picker details[open] summary{border-bottom:1px solid #ece5d9}.spice-picker details[open] summary>span{transform:rotate(180deg)}
.spice-picker__dropdown{padding:12px}.spice-picker__dropdown>label{display:block;font-size:11px;font-weight:700;margin-bottom:5px}.spice-picker__dropdown>input{width:100%;padding:11px 12px;border:1px solid #dad4c7;border-radius:4px;min-height:42px;font-size:13px;outline-offset:2px}.spice-picker__options{overflow-y:auto;max-height:290px;margin-top:8px}
.spice-option{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid #efebe4;padding:10px 3px;min-width:0}.spice-option__label{min-width:0}.spice-option__label strong{font-size:12px;font-weight:700;display:block;word-break:break-word}.spice-option__label small{color:#a16c52;font-size:10px;margin-top:3px;display:block}.spice-option--unavailable{opacity:.55}
.qty-control{flex:0 0 auto;display:flex;gap:0;align-items:center;border:1px solid #d8d3c8;border-radius:6px;overflow:hidden}.qty-control button{width:35px;height:35px;background:#f7f7f2;border:0;color:#34442e;font-size:20px}.qty-control button:disabled{color:#b8bbb4;cursor:not-allowed;background:#f9f9f7}.qty-control output{min-width:33px;text-align:center;font-size:13px;font-weight:800}
.spice-selected{display:flex;flex-wrap:wrap;gap:6px;margin:13px 0 0;align-items:center}.spice-selected__label{font-size:11px;color:#80776a;margin-right:3px}.spice-selected__muted,.spice-picker__empty{font-size:11px;color:#8a8175;margin:4px 0}.spice-selected__chip{border:1px solid #cdd9c3;background:#edf1e7;color:#304226;border-radius:30px;padding:8px 11px;font-size:11px;font-weight:700;display:inline-flex;gap:8px;align-items:center}.spice-selected__chip span{font-size:16px}
.spice-picker .helper{margin:12px 0 0}
@media(max-width:680px){.spice-picker{padding:13px}.spice-picker__head strong{font-size:18px}.qty-control button{width:34px;height:36px}}

/* Версія 4: прозора калькуляція вартості набору */
.price-breakdown{border-top:1px solid #e4ddce;padding:17px 0 10px;margin-top:15px;display:grid;gap:10px}
.price-breakdown h4{font:500 18px Georgia,serif;margin:0 0 3px;color:#4c4a37}
.price-breakdown__row{display:flex;gap:16px;justify-content:space-between;align-items:flex-start;font-size:12px;color:#666154}
.price-breakdown__main{display:flex;flex-direction:column;gap:2px;min-width:0}
.price-breakdown__label{display:block}
.price-breakdown__detail{display:block;color:#8a8678;font-size:11px;line-height:1.45}
.price-breakdown__row strong{font-size:12px;color:#333c30;text-align:right;white-space:nowrap;flex-shrink:0}
.price-breakdown__missing{background:#f9eedb;color:#715a35;padding:11px;border-radius:6px;line-height:1.6;font-size:11px;margin:3px 0}
.price-breakdown__ready{color:#496741;font-size:11px;line-height:1.6;margin:3px 0}

/* Тестова інтеграція Turnstile для форми замовлення */
.turnstile-frame{max-width:100%;min-height:68px;overflow:hidden}.turnstile-frame iframe{max-width:100%}.order .turnstile-frame{margin-top:10px}.order .helper--below{font-size:.84rem;line-height:1.5}

/* 2026-10: форми оформлення і швидкого зворотного дзвінка */
[hidden]{display:none!important}
/* Крок 165: ненав’язливий вибір між дзвінком і самостійним оформленням. */
.order-method{border-bottom:1px solid rgba(229,211,181,.35);padding:2px 0 15px;margin:0 0 17px}
.order-method__quick{display:flex;gap:7px 12px;flex-wrap:wrap;align-items:baseline;justify-content:flex-start}
.order-method__question{font-size:12px;line-height:1.55;color:#dee0d4}
.order-method__quick-btn,.order-method__back{display:inline-flex;align-items:center;gap:7px;border:0;background:none;padding:3px 0;color:#f2d6aa;font-weight:700;font-size:12px;line-height:1.45;text-decoration:underline;text-decoration-color:rgba(242,214,170,.68);text-underline-offset:4px;cursor:pointer;text-align:left}
.order-method__quick-btn:hover,.order-method__back:hover{color:#fff}
.order-method__quick-btn:focus-visible,.order-method__back:focus-visible{outline:2px solid #f2d6aa;outline-offset:4px;border-radius:2px}
.order-method__standard{display:flex;flex-direction:column;gap:3px;margin:0 0 20px}
.order-method__standard strong{font-size:15px;color:#fff7e9;font-weight:700}
.order-method__standard span{font-size:11px;line-height:1.6;color:#d2d8c8}
.order-method__active{padding:3px 0 4px}
.order-method__active p{margin:0 0 7px;display:flex;flex-direction:column;gap:3px}
.order-method__active strong{font-size:15px;color:#fff7e9}
.order-method__active p span{font-size:11px;line-height:1.6;color:#d7ddce}
@media(max-width:680px){.order-method{margin-bottom:15px}.order-method__quick{display:block}.order-method__question{display:block}.order-method__quick-btn{padding:7px 0;font-size:13px}.order-method__standard{margin-bottom:18px}}
.order-full-fields{margin:22px 0}
.checkout-summary{padding:20px;background:rgba(255,255,255,.08);border:1px solid rgba(240,231,215,.2);border-radius:7px;margin:12px 0 27px}
.checkout-summary__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}
.checkout-summary__header h3{font-family:var(--serif);font-weight:500;font-size:23px;color:#f6f3ea;margin:0}
.checkout-summary__header a{font-size:11px;color:#e5d1ad;text-decoration:underline;white-space:nowrap}
.checkout-summary__line{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.11);font-size:12px;line-height:1.55}
.checkout-summary__line-main{display:flex;flex-direction:column;gap:2px;max-width:54%}
.checkout-summary__line span{color:#d5d9cb;max-width:100%}
.checkout-summary__line-detail{color:#aeb6a0;font-size:11px;line-height:1.45}
.checkout-summary__line strong{color:#faf7ed;text-align:right;font-weight:700;max-width:45%}
.checkout-summary__price{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:19px;font-size:13px;color:#e5d1ad}
.checkout-summary__price strong{font-family:var(--serif);font-size:28px;font-weight:500;color:#fff}
.checkout-summary__hint{font-size:11px;line-height:1.7;color:#d9d2be;margin:11px 0 0}
.checkout-payment{font-size:11px;line-height:1.7;color:#d7d5c8;margin:8px 0 18px}
.checkbox-line a{text-decoration:underline;text-underline-offset:3px}
.site-policies{background:#eae5da;padding:64px 0}
.site-policies__grid{display:grid;grid-template-columns:1fr 1fr;gap:56px}
.site-policies h2{font-size:27px;margin:0 0 13px}
.site-policies p{font-size:12px;line-height:1.9;color:#585748;margin:0}
.site-policies #privacy{scroll-margin-top:120px}
@media(max-width:720px){.site-policies__grid{grid-template-columns:1fr;gap:38px}.checkout-summary{padding:14px}.checkout-summary__header{flex-wrap:wrap}.checkout-summary__price strong{font-size:24px}}

/* V9: ціну та відсутність ціни можна відрізнити не лише за кольором. */
.spice-option__label .spice-option__hint{font-size:11px;line-height:1.5;font-weight:700;margin-top:4px}
.spice-option__label .spice-option__hint--priced{color:#25613a}
.spice-option__label .spice-option__hint--missing{color:#9c3e32}
.spice-option__label .spice-option__hint--out{color:#6b6e69}
@media (prefers-contrast: more){.spice-option__label .spice-option__hint--priced{color:#12502d}.spice-option__label .spice-option__hint--missing{color:#802c20}}

#jarCount[aria-invalid="true"]{border-color:#b64535;outline:2px solid rgba(182,69,53,.16)}
#countHelper.count-helper--warning{color:#a52e25;font-weight:650}

/* Step 103: gold ready-set price, for any product with a full-set price. */
.product__foot--priced{border-top:0;padding:0 15px 16px;margin-top:20px;color:var(--ink)}
.product__pricebar{display:flex;align-items:center;gap:11px;min-width:0;border:1px solid #d7c4a9;border-radius:999px;background:#f9f6ed;padding:7px 7px 7px 12px}
.product__price-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:#a47a49;flex:none;padding-right:7px;border-right:1px solid #d5c4ad;box-sizing:content-box}
.product__price-icon svg{width:23px;height:23px}
.product__price-name{font-size:clamp(10px,1.15vw,13px);font-weight:650;white-space:nowrap;color:#3b3c34;min-width:0}
.product__price-amount{margin-left:auto;display:block;min-width:0;max-width:100%;background:#a47f50;color:#fff;font-weight:750;font-size:clamp(12px,1.65vw,18px);padding:12px 13px;border-radius:999px;text-align:center;white-space:nowrap;line-height:1.2;font-variant-numeric:tabular-nums}
@media(max-width:1120px){.product__pricebar{gap:6px}.product__price-icon{width:21px;padding-right:4px}.product__price-name{font-size:11px}.product__price-amount{padding:10px;font-size:14px}}
@media(max-width:720px){.product__foot--priced{padding:0 14px 17px;margin-top:18px}.product__pricebar{gap:9px;padding:7px 7px 7px 12px}.product__price-icon{width:27px;padding-right:7px}.product__price-name{font-size:clamp(12px,3.3vw,15px)}.product__price-amount{font-size:clamp(14px,4.2vw,20px);padding:12px 13px}}
@media(max-width:380px){.product__pricebar{gap:6px;padding-left:8px}.product__price-icon{width:20px;padding-right:4px}.product__price-icon svg{width:19px;height:19px}.product__price-name{font-size:11px}.product__price-amount{font-size:13px;padding:11px 10px}}

/* Крок 104: поле побажань тільки для готового набору. */
.ready-set-notes{margin:18px 0 0;}
.ready-set-notes textarea{min-height:90px;}
.ready-set-notes .helper{margin:8px 0 0;}

/* Крок 105: інтерактивний довідник Нової пошти, мобільна форма. */
.np-field{position:relative}
.np-suggestions{position:relative;margin:5px 0 0;max-height:260px;overflow-y:auto;overscroll-behavior:contain;border:1px solid #d9c6a9;border-radius:6px;background:#fffdf7;box-shadow:0 12px 28px #101a101f;z-index:3}
.np-suggestion{display:block;width:100%;border:0;border-bottom:1px solid #ebe4d7;background:#fffdf7;color:#283324;text-align:left;padding:12px 14px;font-size:12px;line-height:1.5;white-space:normal;word-break:break-word;cursor:pointer}
.np-suggestion:last-child{border-bottom:0}
.np-suggestion:hover,.np-suggestion.is-active,.np-suggestion:focus-visible{background:#e8eddf;outline:none}
.np-help{margin:6px 0 14px;font-size:11px;line-height:1.5;color:#d8d8ca}
.np-help--error{color:#ffd2b9}
.np-manual,.np-more{border:0;background:transparent;color:#eed8b6;text-decoration:underline;text-underline-offset:3px;font-size:11px;text-align:left;padding:0;margin:0 0 19px;cursor:pointer}
.np-more{display:block;margin:7px 0}
.np-manual:hover,.np-more:hover{color:#fff}
.order .np-field input:disabled{background:#eeede6!important;color:#71716b!important}

/* Крок 165: згода на рекламу згорнута, щоб не відвертати увагу від доставки. */
.marketing-optin{border:1px solid rgba(228,211,175,.30);border-radius:7px;background:transparent;margin:18px 0 23px;min-width:0}
.marketing-optin__toggle{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;cursor:pointer;color:#e9dfcb}
.marketing-optin__toggle::-webkit-details-marker{display:none}
.marketing-optin__toggle strong{display:block;font:700 12px/1.5 var(--sans);color:#f3ece0}
.marketing-optin__toggle small{display:block;font-size:10px;line-height:1.45;color:#cad0bd;margin-top:2px}
.marketing-optin__symbol{font:400 22px/1 var(--sans);color:#d8c3a1;transition:transform .2s}
.marketing-optin__details[open] .marketing-optin__symbol{transform:rotate(45deg)}
.marketing-optin__toggle:hover{background:rgba(237,221,192,.06)}
.marketing-optin__toggle:focus-visible{outline:2px solid #d8c3a1;outline-offset:-3px}
.marketing-optin__body{border-top:1px solid rgba(228,211,175,.28);padding:17px 16px 15px}
.marketing-optin__intro{font-size:11px;line-height:1.65;color:#d8dfd0;margin:0 0 14px}
.marketing-optin__email{margin-bottom:17px}
.marketing-optin__email label{display:block;margin-bottom:7px}
.marketing-optin__help{font-size:10px;line-height:1.55;margin:6px 0 0;color:#d3ddc8}
.marketing-optin__choice{margin:0 0 12px;gap:10px}
.marketing-optin__choice input{width:19px;height:19px;flex:0 0 19px;margin:2px 0 0;accent-color:#e9cfa9}
.marketing-optin__choice label{font-size:11px;line-height:1.6;color:#f0eee7;cursor:pointer}
.marketing-optin__footnote{font-size:10px;line-height:1.7;margin:14px 0 0;color:#d4dbcb}
.marketing-optin__footnote a{text-decoration:underline;text-underline-offset:3px;color:#f4dbb6}
@media(max-width:680px){.marketing-optin{margin:16px 0 20px}.marketing-optin__toggle{padding:13px 14px}.marketing-optin__body{padding:15px 14px}}

/* Step 160: interactive ready-set price, multi-item basket, mobile quick navigation */
.product__pricebar{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;transition:box-shadow .15s,border-color .15s,transform .15s}
.product__pricebar:hover{border-color:#a47f50;box-shadow:0 4px 15px #6b573828;transform:translateY(-1px)}
.product__pricebar:focus-visible{outline:3px solid #a47f50;outline-offset:3px}
.basket-builder{border-top:1px solid #eee6d9;margin:10px 0 20px;padding-top:19px}
.basket-builder h4,.basket h4{font:500 23px var(--serif);margin:0 0 8px;color:#263321}
.basket-builder p{font-size:12px;color:#7a756b;line-height:1.6;margin:0 0 12px}
.basket-builder__actions{display:flex;align-items:end;gap:10px;flex-wrap:wrap}
.basket-builder__actions .button{min-height:44px;flex:1;white-space:normal;font-size:12px;padding:10px 12px}
.basket-builder__message{color:#426b31!important;text-align:left!important;font-size:12px!important;margin:8px 0!important;min-height:20px}
.basket-builder__message.is-error{color:#a5402d!important}
.basket{padding:17px 14px;background:#f8f5ed;border:1px solid #e5dac9;margin:0 0 17px;scroll-margin-top:0}
.basket__head,.basket__total{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.basket__head span{font-size:12px;color:#746953}.basket__empty{font-size:12px;line-height:1.6;color:#847868}
.basket-item{border-top:1px solid #e4dacd;padding:13px 0;display:grid;grid-template-columns:1fr auto;gap:7px 12px;min-width:0}
.basket-item__about{min-width:0}.basket-item__about strong{display:block;font-size:13px;color:#283423}.basket-item__about small{display:block;font-size:11px;line-height:1.5;overflow-wrap:anywhere;color:#6f6c62;margin:3px 0}.basket-item__about span{font-size:11px;color:#8d775f}
.basket-item__controls{display:flex;align-items:center;gap:4px;grid-column:2;grid-row:1}.basket-item__controls button{width:32px;height:34px;border:1px solid #d0c4b6;background:#fffdf7;color:#2e3928;border-radius:4px;cursor:pointer}.basket-item__controls strong{min-width:20px;text-align:center}.basket-item__controls .basket-item__remove{width:auto;padding:0 8px;color:#8b4f3d;font-size:10px}
.basket-item__sum{grid-column:1 / -1;text-align:right;font-size:13px}.basket__total{border-top:1px solid #cdbda4;padding-top:12px;font-size:12px;font-weight:700}.basket__total strong{font-size:17px;color:#293829}
.mobile-quicknav{display:none}
@media(max-width:680px){
 .mobile-cta{display:none!important}
 .mobile-quicknav{position:fixed;z-index:60;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fbf9f3f5;border-top:1px solid #ddd2c2;padding:6px 6px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -5px 20px #17241820;backdrop-filter:blur(14px)}
 .mobile-quicknav a{min-width:0;min-height:54px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;text-align:center;color:#293829;border-radius:7px;text-decoration:none}
 .mobile-quicknav a:active,.mobile-quicknav a:focus-visible{background:#eae5da;outline-offset:-2px}
 .mobile-quicknav a>span{font-size:19px;line-height:1.15;color:#9e784a}.mobile-quicknav a>small{font-size:10px;font-weight:700;line-height:1.2}
 body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}
 .basket-item{grid-template-columns:minmax(0,1fr)}.basket-item__controls{grid-column:1;grid-row:auto;justify-content:flex-start}.basket-item__sum{grid-column:1;text-align:left}
 html{scroll-padding-top:66px}
}

/* Step 161: individual kits have an itemized, non-quantity basket entry. */
.basket-builder__actions{display:block}
.basket-builder__actions .button{width:100%}
.basket-item__breakdown{border-top:1px dashed #d8cebd;margin-top:11px;padding-top:7px;display:grid;gap:7px}
.basket-item__breakdown-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;font-size:11px;line-height:1.5;color:#5f6255}
.basket-item__breakdown-row>span{flex:1;min-width:0;overflow-wrap:anywhere}
.basket-item__breakdown-row>strong{flex:none;white-space:nowrap;color:#2e3928;font-weight:700}
.basket-item__note{font-size:11px;line-height:1.55;color:#706757;margin:6px 0 0;overflow-wrap:anywhere}
.basket-item__controls .basket-item__remove{min-width:66px}
@media(max-width:680px){
 /* Account for the exact 68px fixed header; no strip from the previous section. */
 html{scroll-padding-top:66px}
 .basket{scroll-margin-top:0}
 .basket-item__breakdown-row{font-size:11px}
}

/* v167: компактні розрахунки. */
.price-breakdown{display:block;padding:12px 0 7px}
.price-breakdown>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;color:#405033;font-size:12px;font-weight:750;padding:10px 0;list-style:none}
.price-breakdown>summary::-webkit-details-marker{display:none}
.price-breakdown>summary span{transition:transform .2s}.price-breakdown[open]>summary span{transform:rotate(180deg)}
#priceBreakdownRows{display:grid;gap:10px;padding:10px 0}
.basket-item__breakdown{display:block}.basket-item__breakdown summary{cursor:pointer;color:#435d3c;font-size:11px;font-weight:750;list-style:none;padding:7px 0}
.basket-item__breakdown summary::-webkit-details-marker{display:none}.basket-item__breakdown-row{padding:4px 0}
.checkout-summary__details{border-bottom:1px solid #ffffff22;padding:8px 0;color:#dfdfd4;font-size:11px}
.checkout-summary__details summary{cursor:pointer;list-style:none;font-weight:750;color:#e5cfaf;font-size:12px}
.checkout-summary__details summary::-webkit-details-marker{display:none}
.checkout-summary__details p{margin:7px 0;line-height:1.5;color:#d3d5cb;overflow-wrap:anywhere}

/* v169: збереження комплекту без кнопки повторного додавання */
.basket-next{border:1px solid #b5ad9d;border-radius:5px;background:transparent;color:#2e4129;padding:11px 15px;max-width:100%;font-size:12px;font-weight:700;min-height:42px;cursor:pointer}
.basket-next[hidden]{display:none!important}

/* Step 171: короткий шлях покупця, без відсотків і дублювання. */
.journey{background:#ede8dd;border-bottom:1px solid #ddd4c5;padding:31px 0}
.journey__inner{display:grid;grid-template-columns:270px minmax(0,1fr);gap:28px;align-items:center}
.journey__heading .eyebrow{font-size:9px;letter-spacing:.11em}
.journey__heading h2{font:500 27px/1.15 var(--serif);color:#263225;margin:7px 0 5px}
.journey__heading p{font-size:11px;line-height:1.5;color:#726b60;margin:0}
.journey__steps{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.journey__steps li{min-width:0;background:#faf8f3;border:1px solid #ded6c8;padding:12px 10px;border-radius:5px;font-size:11px;line-height:1.45;font-weight:650;color:#2c382c}
.journey__steps li span{display:block;color:#a3865e;font:500 18px var(--serif);margin-bottom:5px}
.chosen-set{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #c8bfab;background:#f8f5ed;padding:14px 18px;margin-bottom:22px}
.chosen-set[hidden],#baseChoiceStep[hidden],#orderModeSection[hidden],#customConfigStep[hidden]{display:none!important}
.chosen-set>div{display:flex;gap:4px;flex-direction:column;min-width:0}
.chosen-set small{color:#9d8058;font-size:9px;letter-spacing:.14em;font-weight:800}
.chosen-set strong{font:500 22px/1.15 var(--serif)}
.chosen-set span{font-size:11px;color:#6c7062}
.chosen-set button{flex-shrink:0;background:transparent;color:#395132;border:1px solid #b9c0b3;border-radius:5px;min-height:37px;padding:7px 13px;font-size:11px;font-weight:700}
.builder-step--extra .builder-step__title{margin-bottom:13px}
.builder-step--extra .builder-step__title h3{font-size:22px}
.builder-summary__step{display:flex;align-items:center;gap:13px;margin-bottom:22px;padding:0 0 18px;border-bottom:1px solid #e6dbcc}
.builder-summary__step>span{color:#a58759;font:500 33px var(--serif)}
.builder-summary__step strong{font:500 22px/1.15 var(--serif);display:block}
.builder-summary__step small{display:block;font-size:11px;color:#81796d;margin-top:4px}
.basket-item__ready-specs{margin:8px 0;display:grid;gap:3px}
.basket-item__ready-specs>div{font-size:11px;line-height:1.55;color:#4d5846}
.basket-item__ready-specs b{font-weight:700}
.basket-item__ready-specs span{font-size:11px;color:#666759}
.product__foot--custom{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.product__custom-link{border:0;background:#293827;color:#fff;border-radius:4px;min-height:38px;padding:10px 13px;font-size:11px;font-weight:750}
#builderContinue[aria-disabled="true"]{opacity:.72}
/* Описи зберігаються незалежно від того, чи відкрита форма вибору режиму. */
.ready-set-notes{margin:12px 0 26px}
@media(max-width:920px){.journey__inner{display:block}.journey__heading{margin-bottom:15px}}
@media(max-width:680px){
 .journey{padding:22px 0}.journey__heading h2{font-size:27px}.journey__heading p{font-size:11px}
 .journey__steps{grid-template-columns:repeat(5,144px);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;padding-bottom:7px}
 .journey__steps li{scroll-snap-align:start;min-height:71px;font-size:10px;padding:9px}
 .journey__steps li span{font-size:17px;margin-bottom:3px}
 .chosen-set{padding:12px;align-items:start}.chosen-set strong{font-size:19px}.chosen-set button{padding:7px 8px;font-size:10px}
 .builder-summary__step strong{font-size:20px}.basket-item__ready-specs>div{font-size:12px}
}

/* Крок 171: назви етапів показуються тільки на відповідних екранах. */
.journey{padding:24px 0}
.journey__inner{display:block}
.journey__heading{margin:0!important}
.journey__heading h2{margin:0;font:500 clamp(28px,3vw,38px)/1.2 var(--serif)}
.step-next{display:inline-flex;margin:20px 0 9px;max-width:100%;white-space:normal;min-height:45px;padding:10px 18px}
.step-next:disabled{opacity:.45;cursor:not-allowed}
#jarConfigStep,#spiceConfigStep,#orderModeSection,.builder-summary,#baseChoiceStep{scroll-margin-top:84px}
@media(max-width:680px){
 .journey{padding:23px 0}
 .journey__heading h2{font-size:30px;line-height:1.18}
 .step-next{width:100%;font-size:12px}
 #jarConfigStep,#spiceConfigStep,#orderModeSection,.builder-summary,#baseChoiceStep{scroll-margin-top:69px}
}


/* v172: Погоджений дизайн №1: номер кроку праворуч без рамок і плашок. */
.catalog-step-heading{display:grid;grid-template-columns:minmax(0,1fr) clamp(108px,16vw,180px);column-gap:clamp(20px,3vw,48px);align-items:start}
.catalog-step-heading__copy{min-width:0;max-width:none!important}
.catalog-step-heading__copy h2{margin:23px 0 0;max-width:830px}
.catalog-step-heading__copy>p{max-width:740px;font-size:14px;color:#777165;margin:21px 0 0;line-height:1.8}
.step-emblem{display:flex;align-items:center;flex-direction:column;justify-content:flex-start;color:#a47f50;padding-top:4px;white-space:nowrap}
.step-emblem>span{font:800 clamp(11px,1.45vw,17px)/1.1 var(--sans);letter-spacing:.26em;margin-left:.26em}
.step-emblem>strong{font:400 clamp(94px,11.2vw,160px)/.95 var(--serif);letter-spacing:-.085em;padding-right:.085em}
/* Ті ж самі цифри для кроків 02, 03, 04; зберігаємо компактність на мобільному. */
.builder-step__title{display:grid;grid-template-columns:minmax(0,1fr) clamp(73px,7vw,120px);align-items:start;gap:12px}
.builder-step__title>div{grid-column:1;grid-row:1;min-width:0}
.builder-step__title .step-number{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;font:400 clamp(57px,6.8vw,94px)/1 var(--serif);color:#a47f50;letter-spacing:-.07em;white-space:nowrap}
.builder-step__title .step-number::before{content:'КРОК';font:800 9px/1.4 var(--sans);letter-spacing:.23em;margin-left:.23em}
.builder-step__title h3{font-size:clamp(21px,2.25vw,29px);line-height:1.18}
.builder-summary__step{display:grid;grid-template-columns:minmax(0,1fr) clamp(73px,7vw,120px);align-items:start;gap:12px}
.builder-summary__step>div{grid-column:1;grid-row:1;min-width:0}
.builder-summary__step>span{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:center;font:400 clamp(57px,6.8vw,94px)/1 var(--serif);color:#a47f50;letter-spacing:-.07em;white-space:nowrap}
.builder-summary__step>span::before{content:'КРОК';font:800 9px/1.4 var(--sans);letter-spacing:.23em;margin-left:.23em}
.builder-summary__step strong{font:500 clamp(21px,2.2vw,29px)/1.2 var(--serif)}
/* Крок 5 показує лише кошик: окрема композиція та друга ціна не дублюються. */
.builder-summary.is-review .review-preview{display:none!important}
.builder-summary.is-review .builder-summary__step{margin-bottom:22px}
.builder-summary.is-review .basket{margin-top:0}
#startNextSet{display:block;width:max-content;margin:12px 0 18px}
#startNextSet[hidden]{display:none!important}
#basketMessage:empty{display:none}
@media(max-width:680px){
 .catalog-step-heading{display:grid!important;grid-template-columns:minmax(0,1fr) 76px;gap:12px;margin-bottom:22px;align-items:start}
 .catalog-step-heading__copy .eyebrow{font-size:10px;letter-spacing:.13em}
 .catalog-step-heading__copy h2{font-size:clamp(31px,8.2vw,44px);line-height:1.15;margin:21px 0 0}
 .catalog-step-heading__copy>p{font-size:12px;line-height:1.75;margin:19px 0 0}
 .step-emblem{padding-top:1px}
 .step-emblem>span{font-size:10px;letter-spacing:.19em}
 .step-emblem>strong{font-size:67px;line-height:1}
 .builder-step__title{grid-template-columns:minmax(0,1fr) 73px;gap:9px}
 .builder-step__title .step-number{font-size:60px}
 .builder-step__title h3{font-size:clamp(21px,5.9vw,26px)}
 .builder-step__title p{font-size:11px}
 .builder-summary__step{grid-template-columns:minmax(0,1fr) 73px;gap:9px}
 .builder-summary__step>span{font-size:60px}
 .builder-summary__step strong{font-size:clamp(23px,6.2vw,28px)}
}
@media(max-width:360px){
 .catalog-step-heading{grid-template-columns:minmax(0,1fr) 65px;gap:7px}
 .step-emblem>strong{font-size:60px}
 .catalog-step-heading__copy h2{font-size:30px}
}

/* На етапах вибору показуємо поточний номер, а п'ятий — тільки при перегляді. */
.builder-summary:not(.is-review) .builder-summary__step{display:none}
@media(min-width:681px) and (max-width:920px){
 .builder-summary.is-review{grid-template-columns:minmax(0,1fr)}
 .builder-summary.is-review>.builder-summary__content{width:100%;max-width:100%}
}

/* Крок 177. Один етап вибору спецій (і параметрів баночок) та послідовний перегляд. */
.builder-step--spices{border-bottom:0;padding-bottom:12px}
.builder-step--spices .builder-step__title{margin-bottom:25px}
.config-stage-heading{margin:19px 0 16px}
.config-stage-heading h4{font:500 clamp(20px,2vw,25px)/1.25 var(--serif);color:#334030;margin:0 0 4px}
.config-stage-heading p{font-size:12px;color:#787269;line-height:1.65;margin:0}
.spice-stage{margin-top:27px;padding-top:24px;border-top:1px solid #e9e1d6;scroll-margin-top:85px}
.spice-stage .config-stage-heading{margin:0 0 17px}
.gift-wrap-inline{display:flex;align-items:center;gap:11px;flex-wrap:wrap;min-height:48px;margin:17px 0 2px;padding:8px 0;cursor:pointer;color:#34402f;font-size:13px;font-weight:650}
.gift-wrap-inline input{width:18px;height:18px;flex:0 0 18px;accent-color:#6e774f;cursor:pointer}
.gift-wrap-inline small{font-size:11px;font-weight:400;color:#807b70}
#builder.is-review-step .builder-layout{grid-template-columns:minmax(0,1fr);max-width:930px;margin-inline:auto}
#builder.is-review-step .builder-config{display:none}
#builder.is-review-step .builder-summary{position:static;display:block;width:100%;max-width:none}
#builder.is-review-step .builder-summary__image{display:none}
#builder.is-review-step .builder-summary__content{padding:clamp(20px,4vw,38px)}
#builder.is-review-step .builder-summary__step{display:grid}
#builder.is-review-step .basket{margin-top:0}
.order-step-heading{display:grid;grid-template-columns:minmax(0,1fr) 87px;gap:14px;align-items:start}
.order-step-heading__copy{min-width:0}
.order-step-heading__copy h2{margin-top:22px;overflow-wrap:normal}
.order-step-emblem{color:#e5c48e;align-items:center;padding-top:1px}
.order-step-emblem>span{font-size:10px}
.order-step-emblem>strong{font-size:82px}
#order{scroll-margin-top:85px}
@media(max-width:1050px) and (min-width:681px){
 .order-step-heading{grid-template-columns:minmax(0,1fr) 70px;gap:7px}
 .order-step-emblem>strong{font-size:66px}
 .order-step-heading__copy h2{font-size:clamp(34px,3.8vw,45px)}
}
@media(max-width:680px){
 .config-stage-heading h4{font-size:21px}
 .spice-stage{margin-top:22px;padding-top:19px;scroll-margin-top:69px}
 .order-step-heading{grid-template-columns:minmax(0,1fr) 73px;gap:11px}
 .order-step-heading__copy h2{font-size:clamp(31px,8vw,41px);line-height:1.18;margin-top:16px}
 .order-step-emblem>strong{font-size:65px}
 .order-step-emblem>span{font-size:9px}
 #order{scroll-margin-top:69px}
}

/* Крок 178: пакування тільки в перевірці кошика, перед загальною сумою. */
.builder-summary:not(.is-review) .gift-wrap-inline{display:none}
.basket .gift-wrap-inline{margin:14px 0 10px;padding:8px 0;border-top:1px solid #e6dfd3;min-height:42px}
.basket .gift-wrap-inline small{margin-left:auto;text-align:right}
@media(max-width:460px){.basket .gift-wrap-inline{gap:8px}.basket .gift-wrap-inline small{flex-basis:100%;margin-left:26px;text-align:left}}


/* Крок 179. Усунено подвійне зміщення при переходах між етапами.
   Раніше глобальний scroll-padding та локальний scroll-margin додавалися
   разом і під закріпленою шапкою залишався хвіст попереднього кроку. */
html{scroll-padding-top:83px}
#jarConfigStep,#spiceConfigStep,#orderModeSection,.builder-summary,
#baseChoiceStep,#order,#cartSection{scroll-margin-top:0}
/* На підсумковому етапі склад уже в кошику; повторний банер зайвий. */
#builder.is-review-step #chosenSetBanner{display:none!important}
@media(max-width:680px){
 html{scroll-padding-top:68px}
 #jarConfigStep,#spiceConfigStep,#orderModeSection,.builder-summary,
 #baseChoiceStep,#order,#cartSection{scroll-margin-top:0}
}

/* Preview v185 — mobile basket controls, step-2 emphasis, stable step-4 reveal. */
.basket-item__controls--custom{gap:9px;flex-wrap:wrap}
.basket-item__controls--custom button,
.basket-item__controls--custom .basket-item__remove{
 width:auto;height:auto;min-height:42px;min-width:0;max-width:100%;
 padding:9px 13px;font-size:12px;font-weight:700;line-height:1.35;
 white-space:normal;overflow-wrap:break-word;
}
.basket-item__controls--custom [data-cart-action="edit"]{border-color:#aeb3a5;background:#fcfcf7;color:#304332}
.basket-item__controls--custom .basket-item__remove{border-color:#d6beb3}
.order-mode-section .choice{min-height:124px;gap:11px;border-color:#cfc9bf}
.order-mode-section .choice__name{font-size:16px;font-weight:800;line-height:1.25;color:#263528}
.order-mode-section .choice__info{font-size:12px;line-height:1.55;color:#60675a}
.order-mode-section .choice.is-selected{border-color:#405540;background:#edf2e9}
#builder.is-review-step .builder-summary.review-step-enter{animation:review-step-enter .22s ease-out both}
@keyframes review-step-enter{
 from{opacity:.65;transform:translateY(9px)}
 to{opacity:1;transform:translateY(0)}
}
@media(max-width:680px){
 .basket-item__controls--custom{width:100%;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:9px}
 .basket-item__controls--custom button,.basket-item__controls--custom .basket-item__remove{
  width:100%;padding:11px 8px;min-height:44px;text-align:center;font-size:12px;
 }
 .order-mode-section .choice{padding:15px 12px;min-height:144px}
 .order-mode-section .choice__name{font-size:16px}
 .order-mode-section .choice__info{font-size:12px;color:#60665b}
}
@media(max-width:380px){.order-mode-section .choice__name{font-size:14px}}
@media(prefers-reduced-motion:reduce){#builder.is-review-step .builder-summary.review-step-enter{animation:none}}

/* Preview v186: вирівняти прокрутку по фактичній висоті шапки;
   не залишати 10px смугу попереднього етапу над поточним. */

/* v199: Narrow desktop / tablet windows show the summary below the builder.
   Prevent fixed-height product imagery and two-column cart controls from overflowing. */
@media (min-width:681px) and (max-width:1100px){
 .builder-layout{grid-template-columns:minmax(0,1fr);gap:22px}
 .builder-config,.builder-summary{min-width:0;width:100%;max-width:100%}
 .builder-summary{position:static;display:block}
 .builder-summary__image{height:clamp(170px,25vw,250px);max-width:100%}
 .builder-summary__content{padding:clamp(17px,3.5vw,29px)}
 .basket-item{grid-template-columns:minmax(0,1fr) auto;align-items:start}
 .basket-item__about{min-width:0;overflow-wrap:anywhere}
 .basket-item__controls{grid-column:2;grid-row:1;flex-wrap:wrap;justify-content:flex-end;max-width:280px}
 .basket-item__sum{grid-column:2;grid-row:2;text-align:right}
}
@media (max-width:900px){
 .builder-config,.builder-summary__content,.order__form-wrap{min-width:0}
 .basket-item__controls--custom{display:flex;flex-wrap:wrap}
 .basket-item__controls--custom button{width:auto;min-width:0;height:auto;max-width:100%;overflow-wrap:anywhere}
 .basket-item__breakdown,.basket-item__about{max-width:100%;overflow-wrap:anywhere}
 .basket-item__breakdown-row{min-width:0}
 .basket-item__breakdown-row>span{min-width:0;overflow-wrap:anywhere}
}
@media (max-width:760px){
 .builder-layout{grid-template-columns:minmax(0,1fr)}
 .builder-summary{display:block;position:static}
 .builder-summary__image{height:195px}
 .basket-item{grid-template-columns:minmax(0,1fr)}
 .basket-item__controls,.basket-item__sum{grid-column:1;grid-row:auto;text-align:left;justify-content:flex-start}
}
/* Keep the closed off-canvas navigation from expanding document width. */
@media (max-width:920px){
 .nav{transform:none;opacity:0;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
 .nav.is-open{transform:none;opacity:1;pointer-events:auto}
}
@media(max-width:380px){
 .hero__actions{grid-template-columns:minmax(0,1fr)}
 .hero__actions .button{width:100%;min-width:0}
}


/* v200: current product photograph beside its name in each basket entry. */
.basket-item__identity{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;min-width:0;align-items:start;grid-column:1;grid-row:1}
.basket-item__image,.basket-item__image-placeholder{display:block;width:72px;height:72px;max-width:100%;box-sizing:border-box;border-radius:6px;border:1px solid #e2d9c9;overflow:hidden}
.basket-item__image{object-fit:cover;object-position:center;background:#eee8de}
.basket-item__image-placeholder{display:flex;align-items:center;justify-content:center;background:#ebe6dc;color:#ad916d;font-size:25px}
.basket-item__identity .basket-item__about{min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){
 .basket-item__identity{grid-column:1;grid-row:1;grid-template-columns:60px minmax(0,1fr);gap:10px}
 .basket-item__image,.basket-item__image-placeholder{width:60px;height:60px}
}
@media(max-width:380px){
 .basket-item__identity{grid-template-columns:52px minmax(0,1fr);gap:9px}
 .basket-item__image,.basket-item__image-placeholder{width:52px;height:52px}
}

/* v202: Видалений із кошика товар не залишається у блоці «Ваша композиція». */
.builder-summary.no-current-composition .builder-summary__image,
.builder-summary.no-current-composition .review-preview{display:none!important}
.builder-summary.no-current-composition .basket{margin-top:0}

/* v204: Visible desktop basket shortcut and legible basket items.
   A two-column layout gave the quantity buttons most of the available space,
   squeezing long spice names into a one-letter-wide column. */
.nav__cart{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.nav__cart span{display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:23px;padding:0 6px;border-radius:30px;background:#e7e7d9;color:#304332;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}
.nav__cart:hover span{background:#cad4be}
/* Always use the full card width for the item photo, title, composition and prices. */
.basket .basket-item{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0}
.basket .basket-item__identity{grid-column:1;grid-row:auto;min-width:0;max-width:100%}
.basket .basket-item__about{min-width:0;max-width:100%;overflow-wrap:break-word;word-break:normal}
.basket .basket-item__controls{grid-column:1;grid-row:auto;display:flex;justify-content:flex-start;flex-wrap:wrap;max-width:100%;width:100%;gap:7px}
.basket .basket-item__controls--custom{display:flex}
.basket .basket-item__controls--custom button{width:auto;max-width:100%}
.basket .basket-item__sum{grid-column:1;grid-row:auto;text-align:right;white-space:nowrap}
.basket .basket-item__breakdown{width:100%;min-width:0;max-width:100%}
.basket .basket-item__breakdown-row{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px}
.basket .basket-item__breakdown-row>span{min-width:0;overflow-wrap:break-word;word-break:normal}
.basket .basket-item__breakdown-row>strong{white-space:nowrap}
@media (max-width:680px){
 .basket .basket-item__controls--custom{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
 .basket .basket-item__controls--custom button{width:100%}
}

/* v208: brand click feedback while the page scrolls home, without a reload. */
.brand--returning .brand__icon{animation:smakBrandReturn .52s cubic-bezier(.18,.78,.24,1) both}
.brand--returning .brand__text{animation:smakBrandText .5s ease-out both}
@keyframes smakBrandReturn{0%{transform:scale(1) rotate(0)}35%{transform:scale(.88) rotate(-10deg)}72%{transform:scale(1.10) rotate(5deg)}100%{transform:scale(1) rotate(0)}}
@keyframes smakBrandText{0%{opacity:1;transform:translateY(0)}40%{opacity:.72;transform:translateY(2px)}100%{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.brand--returning .brand__icon,.brand--returning .brand__text{animation:none}}

/* v210: explicit save/cancel when editing a kit already in the cart. */
.cart-edit-notice{margin:1rem 0;padding:1rem 1.15rem;border:1px solid rgba(65,98,60,.34);border-radius:14px;background:#f3f7ee;color:#243e2b;}
.cart-edit-notice[hidden]{display:none;}
.cart-edit-notice strong{display:block;font-weight:750;font-size:1rem;}
.cart-edit-notice p{margin:.45rem 0 .8rem;line-height:1.5;font-size:.93rem;}
.cart-edit-notice__cancel{cursor:pointer;border:1px solid #9bb49d;border-radius:9px;background:white;color:#255139;font:inherit;font-weight:700;padding:.65rem .95rem;min-height:42px;}
.cart-edit-notice__cancel:hover,.cart-edit-notice__cancel:focus-visible{background:#e2ece0;}


/* v217: mobile landing: show product photograph in the first viewport, not below a text wall. */
@media (max-width:680px){
  .hero__inner{grid-template-columns:minmax(0,1fr);min-height:0}
  .hero__copy{padding:23px 0 19px;justify-content:flex-start}
  .hero__copy .eyebrow{font-size:9px;letter-spacing:.14em;gap:8px;line-height:1.4}
  .hero__copy .eyebrow__line{width:22px}
  .hero h1{font-size:clamp(35px,9vw,47px);line-height:1.035;margin:11px 0 10px;max-width:100%}
  .hero__lead{font-size:13px;line-height:1.53;margin:0 0 15px;max-width:100%}
  .hero__actions{gap:0}
  .hero__actions .button{min-height:44px;padding:0 19px;font-size:12px}
  .hero__facts{margin-top:16px;padding-top:12px;gap:8px 14px;max-width:none}
  .hero__facts span{font-size:10px;gap:5px}
  .hero__facts svg{width:15px;height:15px}
  .hero__media{min-height:265px;aspect-ratio:1.24;margin:0 -19px}
  .hero__media::before{background:linear-gradient(180deg,#f1ecdf 0%,rgba(241,236,223,.1) 13%,transparent 27%)}
  .hero__image-caption{right:13px;bottom:12px;padding:7px 10px}
  .hero__image-caption small{font-size:7px}
  .hero__image-caption span{font-size:12px}
}
@media (max-width:380px){
  .hero h1{font-size:clamp(33px,9vw,38px)}
  .hero__copy{padding-top:19px}
  .hero__lead{font-size:12px}
  .hero__facts{gap:7px 10px}
  .hero__facts span{font-size:9px}
  .hero__actions{display:flex}
  .hero__actions .button{width:auto;padding:0 18px;font-size:12px}
}

/* v220: desktop catalog prices align along one horizontal baseline per grid row.
   Product descriptions can have different lengths; flex auto margin places every
   price bar at the bottom of its equally tall grid card. */
.product-grid > .product > .product__foot { margin-top: auto; }
.product-grid > .product > .product__foot--priced { padding-top: 14px; }

/* v221: Initial browser scroll restoration and asynchronous catalog hydration must
   not animate one another. Deliberate step navigation still opts into smooth
   scrolling with explicit JS behavior. Native #catalog now targets the card grid. */
.catalog-scroll-anchor{display:block;height:0;scroll-margin-top:16px}