/* BLONSKY refined: ivory, walnut and a quiet botanical green. */
:root{
  --paper:#f7f4ec;--paper-2:#edece0;--paper-3:#fcfaf5;--white:#fffef9;
  --ink:#28332b;--ink-2:#4c574d;--muted:#687164;
  --line:rgba(47,61,48,.13);--line-2:rgba(47,61,48,.27);
  --earth:#263b2f;--earth-2:#314b39;--on-earth:#f5f1e4;--on-earth-2:#c4ccbb;
  --line-e:rgba(245,241,228,.2);--rind:#ad8750;--rind-ink:#826339;--rind-lt:#dfc38f;
  --wrap:1360px;--gut:clamp(20px,3.6vw,44px);--sec:clamp(64px,7.5vw,110px);--r:12px;
}
[hidden]{display:none!important}
html{scroll-padding-top:100px}
body{background-image:radial-gradient(ellipse at 15% 0,rgba(222,213,183,.13),transparent 44%);font-size:18px}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button:disabled{cursor:default;opacity:.43}
:focus-visible{outline:2px solid #617951;outline-offset:4px}
.utility-bar{background:#e9eadd;border-bottom:1px solid var(--line);font-size:13px;line-height:1.4}
.utility-bar .wrap{display:flex;justify-content:space-between;gap:16px;padding-top:7px;padding-bottom:7px}
.utility-bar a{text-decoration:none;white-space:nowrap}
.utility-bar a span{margin-left:12px}
.top{background:rgba(247,244,236,.97);border-bottom:1px solid transparent}
.top.is-scrolled{border-bottom:1px solid var(--line);box-shadow:0 5px 24px rgba(30,38,26,.045)}
.top-in{min-height:88px;max-width:1460px}
.brand-t small{font-size:12px;letter-spacing:.035em;color:var(--muted)}
.brand-t b{font-size:28px;line-height:1.05}
.mark .mk-rind{fill:#a78045}
.mark .mk-paste{fill:#e6ca88}
.nav{gap:clamp(12px,1.7vw,25px)}
.nav a{font-size:16px;position:relative;border-bottom:0}
.nav a[aria-current=page]::after{content:"";width:4px;height:4px;border-radius:50%;background:var(--ink);position:absolute;bottom:8px;left:calc(50% - 2px)}
.nav a:hover{color:var(--rind-ink)}
.cart-btn{background:transparent;border-color:#a3ac97;padding-left:16px}
.cart-n{background:var(--ink);color:var(--paper)}
.btn{border-radius:7px;min-height:52px;padding-left:24px;padding-right:24px;letter-spacing:.01em;transition:background .2s,transform .2s,box-shadow .2s}
.btn-ink,.add{background:var(--ink);border-color:var(--ink);color:#fffaf0}
.btn-ink:hover,.add:hover{background:#3a5140;border-color:#3a5140;box-shadow:0 5px 14px rgba(33,55,36,.12)}
.btn-rind{background:#ddc38f;color:#24372b;border-color:#ddc38f}
.btn-line{background:transparent;border-color:#a4ab9a}
.btn:hover{transform:translateY(-1px)}
.link-arrow{font-weight:700}
.eyebrow{font-size:12px;letter-spacing:.105em}
.crumbs{font-size:13px;margin-bottom:26px}
.page-head{padding-top:10px;padding-bottom:42px}
.page-head h1{font-size:clamp(45px,6.4vw,88px);line-height:1.01}
.ph-row{gap:28px 72px}
.ph-row .sec-lead{font-size:20px;line-height:1.65;max-width:31em}
.ph-note{display:none}
.ph-slot{background:#e9e5d5}
.hero h1{font-size:clamp(64px,7.8vw,112px);line-height:.99}
.hero .lead{max-width:30em;line-height:1.55}
.hero-copy{padding-top:18px}
.hero-photo{border-radius:230px 230px 12px 12px;overflow:hidden;margin-top:22px;border:1px solid #d2c7ae}
.hero-photo img{filter:saturate(.76);transition:transform 1.4s ease}
.hero-photo:hover img{transform:scale(1.025)}
.hero-photo::after{content:"Смак починається з часу";position:absolute;bottom:28px;left:28px;right:28px;padding:15px 18px;background:rgba(32,37,26,.75);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);color:#fff8e7;font:italic 500 22px/1.2 var(--serif);text-align:center;border-radius:7px}
.earth{background-image:repeating-linear-gradient(130deg,rgba(239,230,214,.022) 0 1px,transparent 1px 17px)}
.earth-band{background-color:#263b2f}
.facts li{border-right:1px solid rgba(245,241,228,.17);padding-right:20px}
.facts li:last-child{border-right:0}
.facts b{font-size:clamp(30px,3vw,43px)}
.screen{min-height:0}
.wt{background:#eceee3}
.card{border:1px solid var(--line);box-shadow:none;border-radius:12px}
.card:hover{transform:translateY(-5px);box-shadow:0 14px 30px rgba(49,54,36,.07)}
.card-media{overflow:hidden}
.card-media img{transition:transform .8s ease}
.card:hover .card-media img{transform:scale(1.035)}
.card-t{font-size:27px}
.card-meta{font-size:12px;color:#707863;letter-spacing:.045em}
.card-body{padding:22px}
.card-buy{padding-top:16px}
.card .price{font-size:22px}
.card-d{color:#697061}
.badge{background:#f3eedb;color:#364634;border:1px solid rgba(65,71,47,.14);border-radius:5px;font-size:12px}
.card .add{border-radius:7px}
.earth .card{border-color:rgba(245,241,228,.16)}
.earth .card-d,.earth .card-meta{color:#d1d4c6}
.earth .add{background:#e1c690;color:#24392d;border-color:#e1c690}
.earth .card .price{color:#fff8e8}
.party{background:#eeeee2}
.party-fig .board-svg{filter:none}
.wt-items{margin-top:20px}
.hero-cta{gap:12px}
.visit-card,.sd-hero-card{background:#f8f5ec;border-radius:12px}
.shop-search{margin-bottom:22px}
.shop-search>label{display:block;font:500 12px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.08em;margin-bottom:9px;color:var(--muted)}
.shop-search>div{display:flex;align-items:center;gap:12px;border:1px solid #bac0ac;border-radius:8px;padding:0 14px;background:#fdfbf6}
.shop-search>div:focus-within{outline:2px solid #6e805d;outline-offset:2px}
.shop-search input{border:0;background:transparent;min-height:52px;width:100%;outline:0;font-size:17px}
.shop-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.shop-search>div>span{font:32px/1 Georgia}
.shop-search button{background:transparent;border:0;width:44px;height:44px;font-size:25px;flex:none;cursor:pointer}
.fbox{border-radius:10px;background:#eeeee3}
.filters fieldset{border-color:var(--line)}
.toolbar{padding-bottom:16px;border-bottom:1px solid var(--line)}
.active-f{padding-top:8px}
.active-f button{background:#e4e9d9}
.k-row{border-color:var(--line)}
.help{border:1px solid var(--line);border-radius:10px;background:var(--paper-3);padding:24px}
.help:hover{background:#edf0e4;border-color:#a4af94}
.prod-buy,.cart-sum,.co-sum{background:#efefe4;border:1px solid var(--line);border-radius:12px}
.cart-list>li,.mini-list>li{border-color:var(--line)}
.qty{border-color:#bcc2af}
.qty button:hover{background:#e5eadc}
.qty button:disabled{opacity:.35}
.form input:not([type=checkbox]):not([type=radio]),.form textarea,.form select{border-color:#acb69f;background:#fffdf7;border-radius:7px}
.form input:focus,.form textarea:focus{border-color:#607c51}
.form-status{background:#e8eede;color:#2f4733;border-radius:9px;border:1px solid #b6c4a7;padding:20px}
.form-status>b,.form-status>span{display:block;margin-bottom:10px}
.form-status .btn{display:inline-flex;margin-top:6px}
.form-status .link-btn{display:block;min-height:44px;margin-top:8px}
.message-preview{margin:18px 0;border-top:1px solid var(--line);padding-top:10px}
.message-preview summary{cursor:pointer;min-height:44px;display:flex;align-items:center;text-decoration:underline}
.message-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;font:15px/1.6 var(--sans);max-height:400px;overflow:auto;padding:16px;border-radius:8px;background:rgba(255,255,255,.35)}
.mail-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}
.mail-actions .btn{max-width:100%;white-space:normal;text-align:center}
.form-status .message-preview{max-width:100%}
.kn-hero .form-status{color:#263b2f}
.foot{background:#253a2e}
.footer-invitation{position:relative;padding-bottom:42px;margin-bottom:50px;border-bottom:1px solid var(--line-e)}
.footer-invitation>p:not(.eyebrow){font:500 clamp(30px,4.4vw,62px)/1.1 var(--serif);max-width:13em;margin-bottom:22px}
.footer-invitation em{color:#dfc38f}
.footer-mail{font-size:16px;display:inline-block;min-height:44px;overflow-wrap:anywhere}
.foot .footer-small{margin-top:18px;font:italic 500 22px/1.25 var(--serif);color:#c0cbb6}
.foot-bottom p{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:13px}
.foot-nav a{color:#e0e4d6;transition:color .2s}
.foot-nav a:hover{color:#e7c48b}
.menu-nav a{border-color:var(--line)}
.drawer{background:#faf7ee}
.drawer-top{border-bottom:1px solid var(--line);padding-bottom:18px}
.drawer .btn{white-space:normal}
.toasts .toast{border:1px solid rgba(255,255,255,.15);background:#2c4433;color:#fff9ec}
.toast a{color:#f1d39e}
/* The board is the centre of the page; the controls and receipt stay quiet. */
.builder .wrap{max-width:1460px}
.board-head{padding-bottom:22px}
.board-head .crumbs{margin-bottom:23px}
.board-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:end}
.board-intro h1{font-size:clamp(44px,4.8vw,70px);line-height:1.02}
.board-intro .eyebrow{margin-bottom:14px}
.board-intro-copy{max-width:360px;justify-self:end;padding-bottom:4px}
.board-intro-copy p{font-size:18px;line-height:1.55;margin-bottom:10px}
.board-intro-copy a{font-size:15px}
.board-presets{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:6px;padding-bottom:28px}
.preset-label{font:500 11px/1.3 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-right:14px}
.preset{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:44px;border:1px solid #c0c6b5;border-radius:6px;padding:0 16px;background:transparent;cursor:pointer;font-size:15px;font-weight:700;transition:background .2s,border-color .2s}
.preset>span{font:11px/1 var(--mono);color:#7d856e}
.preset[aria-pressed=true]{background:#e4e9d9;border-color:#71805f}
.preset:hover{background:#eceee3}
.app{grid-template-columns:224px minmax(0,1fr) 252px;grid-template-areas:"controls board sum" "palette palette palette";gap:28px;align-items:start;padding-bottom:76px}
.app-controls{background:#efeee3;border:1px solid #dedfcf;border-radius:12px;padding:22px 18px;gap:23px}
.control-heading,.board-scene-head>div{display:flex;gap:12px;align-items:center}
.control-heading h2{font-size:27px}
.tiny-index{font:11px/1.3 var(--mono);color:#7a836b;letter-spacing:.04em}
.ctl legend{font:700 14px/1.4 var(--sans);text-transform:none;letter-spacing:0;color:#4b594b;margin-bottom:11px}
.app-controls .guests{display:flex;justify-content:space-between;align-items:center;gap:12px}
.app-controls .guests>div{display:flex;align-items:center;flex-direction:column;line-height:1}
.app-controls .guests output{font:500 45px/1 var(--serif)}
.app-controls .guests small{font-size:12px;color:var(--muted);margin-top:4px}
.app-controls .step-btn{width:38px;height:38px;min-width:38px;min-height:38px;background:transparent;border-color:#b7bea9}
.app-controls input[type=range]{width:100%;accent-color:#586c48;margin:22px 0 6px;cursor:pointer;height:6px}
.range-labels{display:flex;justify-content:space-between;font-size:10px;color:#737e67}
.app .seg{gap:6px}
.app .seg span{font-size:13px;font-weight:500;padding:0 11px;border:1px solid #bcc3ae;border-radius:5px;min-height:37px}
.app .seg input:checked+span{background:#3d523c;color:#fff9ed;border-color:#3d523c}
.portion-note{font-size:12px;line-height:1.55;color:#69735f;margin:0;padding-top:15px;border-top:1px solid #d7dccb}
.board-scene-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:5px 4px 12px}
.board-scene-head h2{font-size:26px}
.board-live{font:500 11px/1 var(--mono);display:inline-flex;align-items:center;gap:7px;background:#e7ecde;border:1px solid #d4ddc6;border-radius:999px;padding:8px 11px;white-space:nowrap;color:#546449}
.board-live::before{content:"";width:5px;height:5px;border-radius:50%;background:#6d8754}
.board-scene{position:relative;border-radius:14px;background:radial-gradient(ellipse at 48% 45%,#e7e5d9 0,#eeece3 60%,#f4f1e8 100%);overflow:hidden;padding:7px 0}
.ab-fig .board-svg{filter:none;max-height:425px;min-height:270px;width:100%;height:auto}
.scene-stamp{position:absolute;right:22px;bottom:20px;font:500 10px/1.25 var(--mono);letter-spacing:.05em;text-align:center;border:1px solid #b9bea8;width:61px;height:61px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#6d785f;transform:rotate(-12deg);pointer-events:none}
.scene-stamp em{font:italic 500 15px/1.2 var(--serif)}
.board-item{transition:filter .2s,opacity .2s}
.board-item[role=button]{cursor:pointer}
.board-item[role=button]:hover{filter:brightness(1.08)}
.board-item[role=button]:focus-visible{outline:none;filter:drop-shadow(0 0 4px #edf7be)}
.board-item.is-selected .ba-num circle{fill:#354c39;stroke:#e8d4a7;stroke-width:2}
.board-item.is-selected .ba-num text{fill:#fff8e7}
.board-ritual{display:flex;justify-content:space-between;gap:12px;padding:15px 3px 9px;color:#6b765f;font-size:11px}
.board-ritual>span:first-child{text-transform:uppercase;font:10px/1.5 var(--mono);letter-spacing:.08em}
.board-ritual i{font-style:normal;padding:0 10px;color:#8e9a7b}
.ab-legend{display:flex;gap:6px 10px;margin-top:0}
.ab-legend li{display:block}
.ab-legend button{display:inline-flex;gap:7px;align-items:center;border:1px solid transparent;background:transparent;min-height:38px;padding:3px 7px 3px 0;border-radius:5px;font-size:13px;cursor:pointer;text-align:left}
.ab-legend button[aria-pressed=true]{background:#ecefe3;border-color:#d8ddcc}
.ab-legend .num{background:#e7eadb;color:#42553b;width:21px;height:21px;min-width:21px;font-size:12px}
.piece-detail{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px;border:1px solid #d8decc;background:#fdfbf5;border-radius:8px;min-height:87px}
.piece-detail>img{width:54px;height:61px;object-fit:cover;border-radius:6px;flex:none}
.piece-detail>div{min-width:0}
.piece-detail small{display:block;font:10px/1.3 var(--mono);text-transform:uppercase;color:#798267;letter-spacing:.04em;margin-bottom:3px}
.piece-detail b{display:block;font:500 20px/1.15 var(--serif)}
.piece-detail p{font-size:13px;line-height:1.4;color:#6e7666;margin:4px 0 0}
.piece-detail>a{display:flex;align-items:center;justify-content:center;min-width:38px;min-height:44px;margin-left:auto;text-decoration:none;font-size:24px}
.serving-note{font-size:10px;line-height:1.5;color:#828775;text-align:center;margin:10px 0 0}
.app-sum{background:#2d4534;color:#f5f3e6;border:0;border-radius:12px;padding:23px 20px;box-shadow:0 14px 28px rgba(37,62,42,.09);position:static}
.app-sum>.tiny-index{color:#b9c4a8;display:block;margin-bottom:13px}
.app-sum h2{font-size:34px;line-height:1.04}
.app-sum h2 em{color:#e3c995;display:block}
.summary-for{font-size:13px;color:#c7d1ba;margin:14px 0 20px}
.app-sum .sum>div{align-items:baseline;gap:12px;padding:8px 0;border-color:rgba(226,234,211,.17)}
.app-sum .sum dt{font-size:12px;color:#c5cfb7}
.app-sum .sum dd{font-size:14px;white-space:nowrap}
.app-sum .sum-total{border-top:1px solid rgba(226,234,211,.22);margin-top:11px;padding-top:17px!important}
.app-sum .sum-total dt{font-size:14px;color:#f8f1de}
.app-sum .sum-total dd{font:500 31px/1.1 var(--serif);color:#f4dcac}
.app-sum .b-box{background:transparent;color:#e4e7d7;border:1px solid #65785a;border-radius:6px;padding:11px 10px;gap:8px;font-size:12px}
.app-sum .b-box b{font-size:12px}
.app-sum .b-box input{width:17px;height:17px;accent-color:#e2c68e}
.as-cta{display:flex;flex-direction:column;gap:10px}
.app-sum .btn-ink{background:#e2c78f;border-color:#e2c78f;color:#263d2b;min-height:49px;display:flex;justify-content:space-between;padding:0 17px;font-size:16px}
.app-sum .btn-ink:hover{background:#ecd5a6;border-color:#ecd5a6}
.app-sum .link-btn{font-size:11px;color:#cbd5bb;min-height:32px;line-height:1.45;text-align:center}
.board-delivery{display:flex;gap:12px;border-top:1px solid rgba(226,234,211,.18);padding-top:17px;margin-top:15px;font-size:12px;color:#cbd4bd}
.board-delivery>span:first-child{font-size:25px;color:#dcca9b}
.board-delivery a{display:inline-flex;align-items:center;min-height:30px}
.draft-note{font-size:10px;color:#9dac93;margin:15px 0 0;line-height:1.4}
.as-done{font-size:13px;background:#ecf1df;color:#29432c}
.as-done a{display:block;min-height:32px}
.app-palette{padding-top:24px;margin-top:12px;border-top:1px solid var(--line)}
.palette-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:25px}
.palette-heading h2{font-size:48px}
.palette-heading p:not(.eyebrow){font-size:16px;color:var(--muted);margin:0;line-height:1.5}
.palette-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.palette-tabs button{border:1px solid #c2c8b6;border-radius:6px;min-height:42px;font-size:14px;padding:0 15px;background:transparent;cursor:pointer}
.palette-tabs button[aria-pressed=true]{background:#e2e8d6;border-color:#82946c}
.palette-tabs button span{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;background:#d1ddbe;border-radius:50%;font-size:11px;margin-left:4px}
.pal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pal-row{grid-template-columns:70px minmax(0,1fr) auto;gap:12px;padding:12px;background:#fffdf7;border:1px solid #e0e3d6;border-radius:9px}
.pal-row.is-on{background:#eef1e5;border-color:#bccba7;box-shadow:none}
.pal-row .ph,.pal-row .pal-img{width:70px;height:86px;border-radius:6px}
.pal-name b{font-size:21px;line-height:1.08}
.pal-name small{display:block;font-size:11px;margin-top:6px}
.pal-price{display:block;font-weight:700;font-size:14px;margin-top:4px}
.pal-row .qty{flex-direction:column;width:32px;border:1px solid #c0c9b0;border-radius:5px;background:transparent}
.pal-row .qty button{width:32px;height:28px;min-height:28px;font-size:15px}
.pal-row .qty output{width:30px;font-size:12px}
.palette-empty{padding:24px;border:1px dashed #b2bd9f;border-radius:9px}
.board-serving{padding:80px 0;background:#eaedde;border-top:1px solid #d8dfcb}
.board-serving h2{font-size:clamp(38px,4.6vw,65px);margin-bottom:44px}
.serving-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px}
.serving-grid article{border-top:1px solid #c4cfb5;padding-top:18px}
.serving-grid article>b{font:12px/1 var(--mono);color:#82916d}
.serving-grid h3{font-size:27px;margin:16px 0 12px}
.serving-grid p{font-size:16px;line-height:1.65;color:#68765e;margin:0}
.board-refined{isolation:isolate}
@media(min-width:900px){
  .footer-invitation .btn{position:absolute;right:var(--gut);bottom:47px}
  .footer-invitation>p:not(.eyebrow){margin-bottom:0}
}
@media(max-width:1279px) and (min-width:781px){
  .app{grid-template-columns:235px minmax(0,1fr);grid-template-areas:"controls board" "sum board" "palette palette";gap:22px}
  .app-controls{grid-row:1}
  .app-sum{grid-row:2}
  .app-board{grid-row:1 / span 2}
  .ab-fig .board-svg{max-height:465px}
  .pal{grid-template-columns:repeat(2,minmax(0,1fr))}
  .app-sum h2 em{display:inline}
  .app-sum .sum-total dd{font-size:27px}
}
@media(max-width:899px){
  .top-in{min-height:74px}
  .hero-photo{border-radius:120px 120px 8px 8px;margin-top:0;min-height:260px}
  .hero-photo::after{font-size:18px;bottom:16px;left:20px;right:20px;padding:10px}
  .hero h1{font-size:clamp(57px,10vw,82px)}
  .hero-copy{padding-top:0}
  .hero-in{min-height:auto;padding-top:26px;padding-bottom:24px}
  .hero .lead{font-size:18px}
  .ground{margin-top:0}
  .farm{height:105px}
  .board-intro{gap:25px}
  .board-intro-copy{max-width:285px}
  .board-intro-copy p{font-size:16px}
  .preset-label{width:100%;margin-bottom:3px}
}
@media(max-width:780px){
  .utility-bar{font-size:11px}
  .utility-bar .wrap{padding-top:6px;padding-bottom:6px;gap:8px}
  .utility-bar .wrap>span{max-width:155px}
  .utility-bar a{display:flex;align-items:center}
  .utility-bar a span{margin-left:5px}
  .top-in{gap:12px}
  .brand-t b{font-size:26px}
  .brand .mark{width:34px;height:34px}
  .brand-t small{font-size:10px}
  .menu-btn{padding:0 13px;font-size:14px;border-color:#aeb7a1}
  .cart-btn{padding-left:10px;gap:5px;min-height:43px}
  .cart-n{min-width:24px;height:24px;line-height:24px;font-size:12px;padding:0 6px}
  .page-head h1{font-size:clamp(43px,8.8vw,66px)}
  .ph-row .sec-lead{font-size:18px}
  .card-body{padding:16px 13px}
  .card-t{font-size:23px}
  .card-meta{font-size:10px}
  .card .price{font-size:20px}
  .card-buy{gap:8px}
  .footer-invitation{margin-bottom:36px}
  .footer-invitation>p:not(.eyebrow){font-size:40px}
  .board-head{padding-bottom:20px}
  .board-head .crumbs{margin-bottom:21px}
  .board-intro{grid-template-columns:1fr;gap:17px}
  .board-intro h1{font-size:clamp(39px,8.7vw,62px)}
  .board-intro .eyebrow{font-size:10px;letter-spacing:.08em;margin-bottom:12px}
  .board-intro-copy{max-width:32em;justify-self:start}
  .board-intro-copy p{font-size:16px;line-height:1.5}
  .board-intro-copy a{font-size:13px}
  .board-presets{gap:8px;padding-bottom:22px}
  .preset{padding:0 11px;min-height:42px;font-size:13px;gap:7px;flex:1 1 40%}
  .preset-label{font-size:10px;margin:0 0 2px}
  .app{grid-template-columns:minmax(0,1fr);grid-template-areas:"controls" "board" "sum" "palette";gap:22px}
  .app-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px;padding:18px}
  .control-heading{grid-column:1 / -1}
  .guests-control{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;column-gap:26px}
  .guests-control legend{grid-column:1 / -1}
  .app-controls .guests{grid-column:1;grid-row:2 / span 2;justify-content:start;gap:17px}
  .app-controls .guests output{font-size:36px}
  .app-controls .guests small{font-size:10px;margin-top:3px}
  .app-controls input[type=range]{grid-column:2;grid-row:2;margin:12px 0 6px}
  .range-labels{grid-column:2;grid-row:3;font-size:9px;gap:8px}
  .ctl legend{font-size:13px}
  .app .seg span{font-size:12px;min-height:36px;padding:0 9px}
  .app-controls .ctl.seg:nth-last-of-type(1){grid-column:1 / -1}
  .portion-note{grid-column:1 / -1;font-size:11px;padding-top:12px}
  .board-scene-head h2{font-size:25px}
  .board-scene-head .tiny-index{font-size:10px}
  .board-live{font-size:10px;padding:7px 9px}
  .ab-fig .board-svg{min-height:0;max-height:none}
  .board-scene{margin-left:-4px;margin-right:-4px}
  .scene-stamp{width:43px;height:43px;right:12px;bottom:12px;font-size:7px}
  .scene-stamp em{font-size:11px}
  .board-ritual{font-size:10px;padding-top:14px}
  .board-ritual>span:first-child{font-size:9px}
  .ab-legend{gap:2px 10px}
  .ab-legend button{font-size:12px;min-height:38px}
  .piece-detail{min-height:84px}
  .piece-detail b{font-size:21px}
  .piece-detail p{font-size:12px}
  .piece-detail small{font-size:9px}
  .app-sum{padding:25px}
  .app-sum h2{font-size:38px}
  .app-sum h2 em{display:inline}
  .app-sum .sum dt{font-size:14px}
  .app-sum .sum dd{font-size:16px}
  .app-sum .sum-total dd{font-size:34px}
  .app-sum .b-box{font-size:14px;padding:14px}
  .app-sum .b-box br{display:none}
  .app-sum .btn-ink{min-height:53px;font-size:17px}
  .app-sum .link-btn{font-size:12px}
  .board-delivery{font-size:13px}
  .palette-heading{display:block}
  .palette-heading h2{font-size:41px}
  .palette-heading p:not(.eyebrow){font-size:15px;margin-top:15px}
  .palette-heading br{display:none}
  .palette-tabs{gap:6px}
  .palette-tabs button{font-size:12px;padding:0 11px;min-height:40px}
  .pal{grid-template-columns:minmax(0,1fr);gap:9px}
  .pal-row{grid-template-columns:66px minmax(0,1fr) auto;padding:12px;gap:14px}
  .pal-row .ph,.pal-row .pal-img{width:66px;height:80px}
  .pal-name b{font-size:23px}
  .pal-name small{font-size:12px}
  .pal-row .qty{flex-direction:row;width:auto}
  .pal-row .qty button{width:29px;height:38px;min-width:29px}
  .pal-row .qty output{width:24px;font-size:13px}
  .serving-grid{grid-template-columns:1fr;gap:24px}
  .board-serving{padding:56px 0}
  .board-serving h2{margin-bottom:30px}
  .serving-grid h3{font-size:26px;margin:11px 0}
  .serving-grid p{font-size:16px}
  .app{padding-bottom:54px}
}
@media(max-width:389px){
  .utility-bar .wrap>span{max-width:130px}
  .utility-bar{font-size:10px}
  .top-in{gap:8px}
  .brand-t b{font-size:24px}
  .menu-btn{padding:0 10px}
  .hero .hero-cta .btn{font-size:14px;padding:0 14px;min-height:48px}
  .hero h1{font-size:56px}
  .hero .lead{font-size:17px}
  .app-controls{padding:16px 12px}
  .board-intro h1{font-size:38px}
  .pal-row{grid-template-columns:55px minmax(0,1fr) 28px;gap:10px}
  .pal-row .ph,.pal-row .pal-img{width:55px;height:73px}
  .pal-row .qty{flex-direction:column;width:28px}
  .pal-row .qty button{width:28px;min-width:28px;height:28px;min-height:28px}
  .pal-name b{font-size:21px}
  .app .seg span{font-size:11px;padding:0 8px}
  .board-ritual{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}


.board-mobile-bar{display:none}
.form-status.is-warn{border-color:#c59678;background:#f5e9dc;color:#813e25}
@media(max-width:780px){
 .builder .app{grid-template-areas:"board" "controls" "sum" "palette"}
 .builder .board-head .crumbs{margin-bottom:18px}
 .board-intro-copy p{margin-bottom:6px}
 .board-presets{padding-bottom:20px}
 .board-mobile-bar{position:fixed;left:0;right:0;bottom:0;z-index:65;display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(248,247,237,.97);border-top:1px solid #c8d1bc;box-shadow:0 -5px 25px rgba(43,55,32,.07);padding:11px 20px calc(11px + env(safe-area-inset-bottom));transform:translateY(120%);transition:transform .25s}
 .board-mobile-bar.is-visible{transform:translateY(0)}
 .board-mobile-bar>div{display:flex;flex-direction:column}
 .board-mobile-bar small{font-size:9px;color:#728061;line-height:1.2}
 .board-mobile-bar b{font:600 24px/1.2 var(--serif);white-space:nowrap}
 .board-mobile-bar>a{font-size:12px;display:inline-flex;min-height:44px;align-items:center;margin-left:auto}
 .board-mobile-bar>button{font-weight:700;font-size:14px;min-height:44px;border:1px solid #314a35;background:#314a35;color:#fff7e7;border-radius:6px;padding:0 18px;white-space:nowrap}
 .builder .foot{padding-bottom:100px}
 .app-controls input[type=range]{min-height:24px;height:24px;margin-top:8px}
 .app-controls input[type=range]::-webkit-slider-thumb{height:24px;width:24px}
 .app .pal-row .qty button{min-height:42px;height:42px;min-width:32px}
 .toasts{bottom:90px}
}
@media(max-width:359px){.board-mobile-bar{gap:8px;padding-left:16px;padding-right:16px}.board-mobile-bar>a{font-size:11px}.board-mobile-bar>button{padding:0 12px;font-size:13px}}


/* Filtering keeps a stable toolbar and the filter under the pointer. */
html{scrollbar-gutter:stable}
body.shop{overflow-anchor:none}
.shop .active-f,.shop .active-f:empty{display:flex;flex-wrap:nowrap;align-items:center;min-height:62px;gap:8px;overflow-x:auto;padding:6px 0 10px;margin:0 0 8px;scrollbar-width:thin}
.shop .active-f button{flex:none;min-height:38px;white-space:nowrap;font-size:13px}
.shop .active-f:empty::before{content:"Оберіть смак, молоко або витримку";font-size:12px;color:#7c856e}
.shop .results,.shop [data-grid],.shop [data-klist]{overflow-anchor:none}
.shop .fbox{overscroll-behavior-y:contain}
.shop .grid-shop .card{transition:box-shadow .2s,transform .2s}


/* Each chapter is a complete scene, with room for every control and soft edges. */
:root{--head-h:88px;--first-off:121px}
.home .hero{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;min-height:calc(100svh - var(--first-off));background:var(--paper);isolation:isolate}
.home .hero-in{grid-area:1/1;min-height:0;padding-top:clamp(15px,2.2svh,24px);padding-bottom:14px}
.home .hero-copy{align-self:center;padding-top:0;padding-bottom:clamp(74px,12svh,124px)}
.home .hero h1{font-size:clamp(61px,min(7.5vw,12svh),108px);line-height:.96;margin-bottom:clamp(15px,2.3svh,23px)}
.home .hero .lead{font-size:clamp(17px,min(1.5vw,2.45svh),21px);line-height:1.48;margin-bottom:0;max-width:31em}
.home .hero .hero-cta{margin:clamp(15px,2.5svh,25px) 0 0}
.home .hero-photo{min-height:0;margin-top:0;margin-bottom:0;border-radius:220px 220px 10px 10px}
.home .hero-photo::after{font-size:20px;bottom:22px;left:24px;right:24px;padding:12px}
.home .hero .ground{grid-area:1/1;align-self:end;position:relative;margin:0 0 13px;border:0;pointer-events:none;z-index:1}
.home .hero .farm{height:clamp(72px,12svh,123px);max-width:calc(54% - var(--gut))}
.home .earth-band{grid-area:2/1;background:transparent;color:var(--ink);background-image:none}
.home .earth-band .eb-in{padding-top:17px;padding-bottom:20px;border-top:1px solid #d9decc;gap:20px 35px}
.home .earth-band .facts{gap:15px 25px}
.home .earth-band .facts li{border-color:#cfd6c3}
.home .earth-band .facts b{font-size:clamp(25px,2.7vw,36px)}
.home .earth-band .facts span{font-size:12px;color:#7b856e}
.home .earth-band .descend{font-size:14px}
.home .earth-band .descend .ic{stroke:#7d8e62}
.home .screen{min-height:calc(100svh - var(--head-h));padding-top:clamp(55px,7.8svh,96px);padding-bottom:clamp(55px,7.8svh,96px);position:relative;isolation:isolate;scroll-margin-top:var(--head-h)}
.home .screen>.wrap{position:relative;z-index:2}
.home .wt{background:linear-gradient(180deg,var(--paper),#edf0e3 19%,#edf0e3 81%,var(--paper))}
.home .wt-grid{gap:35px 70px}
.home .wt .wheel3d{max-height:65svh}
.home .first{background:var(--paper)}
.home .first .card-media .ph{aspect-ratio:1/1}
.home .first .card-d{font-size:15px;line-height:1.45}
.home .first .sec-head,.home .gifts .sec-head{margin-bottom:32px}
.home .first .sec-head h2,.home .gifts .sec-head h2{font-size:clamp(38px,5.2vw,72px)}
.home .first .more-row,.home .gifts .more-row{margin-top:28px}
.home .gifts{padding-top:clamp(96px,11svh,140px);padding-bottom:clamp(96px,11svh,140px);background-color:#263b2f}
.home .gifts::before,.home .gifts::after,.home .book-band::before{content:"";position:absolute;left:0;right:0;height:76px;z-index:1;pointer-events:none}
.home .gifts::before,.home .book-band::before{top:-1px;background:linear-gradient(180deg,var(--paper),rgba(247,244,236,0))}
.home .gifts::after{bottom:-1px;background:linear-gradient(0deg,var(--paper),rgba(247,244,236,0))}
.home .gifts .card-media .ph{aspect-ratio:4/3}
.home .gifts .card-body{padding:21px}
.home .gifts .card-d{font-size:15px;line-height:1.5}
.home .party{background:radial-gradient(ellipse at 50% 50%,#e8eddf,var(--paper) 72%)}
.home .party .board-svg{max-height:67svh}
.home .visit.screen{display:grid;padding:0}
.home .visit.screen .visit-photo{height:auto;min-height:calc(100svh - var(--head-h))}
.home .visit::before,.home .visit::after{content:"";position:absolute;left:0;right:0;height:90px;z-index:1;pointer-events:none}
.home .visit::before{top:-1px;background:linear-gradient(180deg,var(--paper),rgba(247,244,236,0))}
.home .visit::after{bottom:-1px;background:linear-gradient(0deg,var(--paper),rgba(247,244,236,0))}
.home .visit .visit-in{align-self:center;padding-top:100px;padding-bottom:100px}
.home .visit .visit-card{box-shadow:0 25px 60px rgba(31,45,27,.18);background:rgba(250,247,237,.96);backdrop-filter:blur(8px)}
.home .family-teaser{background:var(--paper)}
.home .book-band{background-color:#253a2e;padding-top:110px;gap:clamp(45px,8svh,95px)}
.home .book-band .bb-in{margin-top:0}
.home .book-band .promise-in{margin-top:0}
.home .book-band .kn-mini{width:clamp(155px,15vw,220px)}
.home .book-band .bb-in h2{font-size:clamp(48px,5.4vw,80px)}
.home .book-band .promise-in{padding-top:35px}
@media(min-width:900px) and (max-height:780px){
 .home .hero .btn{min-height:46px;padding-left:20px;padding-right:20px;font-size:15px}
 .home .hero .eyebrow{font-size:10px;margin-bottom:11px}
 .home .earth-band .eb-in{padding-top:14px;padding-bottom:15px}
 .home .hero-photo::after{font-size:18px;bottom:15px;padding:10px}
}
@media(max-width:899px){
 :root{--head-h:74px;--first-off:106px}
 .home .hero{grid-template-rows:minmax(0,1fr) auto}
 .home .hero-in{display:flex;gap:clamp(14px,2svh,20px);padding-top:clamp(16px,2.5svh,24px);padding-bottom:18px}
 .home .hero-copy{align-self:stretch;padding:0}
 .home .hero .eyebrow{font-size:10px;margin-bottom:10px}
 .home .hero h1{font-size:clamp(48px,min(9.5vw,8.7svh),75px);line-height:.96;margin-bottom:15px}
 .home .hero .lead{font-size:clamp(16px,2.1svh,18px);line-height:1.42;max-width:39em}
 .home .hero .hero-cta{margin-top:17px;gap:9px}
 .home .hero .hero-cta .btn{min-height:46px;padding:0 17px;font-size:15px}
 .home .hero-photo{flex:1 1 auto;min-height:clamp(145px,23svh,245px);border-radius:90px 90px 8px 8px}
 .home .hero-photo img{object-position:center 58%}
 .home .hero-photo::after{font-size:17px;bottom:12px;left:18px;right:18px;padding:9px}
 .home .hero .ground{display:none}
 .home .earth-band .eb-in{padding-top:14px;padding-bottom:14px;display:block}
 .home .earth-band .facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
 .home .earth-band .facts li{padding-right:6px}
 .home .earth-band .facts b{font-size:24px;white-space:nowrap}
 .home .earth-band .facts span{font-size:10px;line-height:1.3;margin-top:5px}
 .home .earth-band .descend{display:none}
 .home .screen{padding-top:62px;padding-bottom:62px}
 .home .wt-grid{gap:26px}
 .home .wt .wheel3d{max-height:34svh}
 .home .gifts{padding-top:100px;padding-bottom:100px}
 .home .gifts .grid{gap:20px}
 .home .gifts::before,.home .gifts::after,.home .book-band::before{height:65px}
 .home .party .board-svg{max-height:none}
 .home .party-copy h2{margin-bottom:18px}
 .home .family-teaser .ft-grid{gap:50px}
 .home .book-band{padding-top:105px;padding-bottom:70px;gap:55px}
 .home .visit .visit-in{padding-top:100px;padding-bottom:100px}
}
@media(max-width:599px){
 .home .hero .hero-cta .btn{min-height:44px;padding:0 14px;font-size:14px}
 .home .hero-photo{min-height:clamp(140px,22svh,210px)}
 .home .hero .eyebrow{font-size:9px;letter-spacing:.08em}
 .home .hero h1{font-size:clamp(47px,min(12vw,8.5svh),64px)}
 .home .hero .lead{font-size:16px;line-height:1.42}
 .home .earth-band .facts b{font-size:21px}
 .home .earth-band .facts span{font-size:9px}
 .home .screen{min-height:calc(100svh - var(--head-h))}
 .home .first .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home .first .card-t{font-size:22px}
 .home .first .card-body{padding:14px 11px}
 .home .first .card-d{display:none}
 .home .first .card .price{font-size:18px}
 .home .gifts .grid-3{grid-template-columns:minmax(0,1fr)}
 .home .gifts .card{display:grid;grid-template-columns:40% minmax(0,1fr)}
 .home .gifts .card-media .ph{height:100%;min-height:210px;aspect-ratio:auto}
 .home .gifts .card-body{padding:17px 14px}
 .home .gifts .card-t{font-size:25px}
 .home .gifts .card-d{font-size:13px;margin-bottom:8px}
 .home .gifts .card-meta{font-size:9px}
 .home .gifts .card-buy{padding-top:5px;gap:7px;flex-wrap:wrap}
 .home .gifts .price{font-size:21px}
 .home .gifts .add{min-height:40px;padding:0 11px;font-size:13px}
 .home .visit-card h2{font-size:42px}
 .home .ft-quote p{font-size:35px}
 .home .book-band .bb-in{grid-template-columns:100px minmax(0,1fr);gap:24px}
 .home .book-band .kn-mini{width:100px}
 .home .book-band .kn-mini span{font-size:20px}
 .home .book-band .bb-in>.btn{grid-column:1 / -1;justify-self:start}
 .home .book-band .bb-in h2{font-size:46px}
 .home .book-band .bb-in p{font-size:15px}
 .home .book-band .promise-in{gap:27px}
}
@media(max-width:599px) and (max-height:730px){
 .home .hero-in{gap:12px;padding-top:15px;padding-bottom:13px}
 .home .hero h1{font-size:45px;margin-bottom:11px}
 .home .hero .lead{font-size:15px;line-height:1.36}
 .home .hero .hero-cta{margin-top:13px}
 .home .hero .hero-cta .btn{font-size:12px;min-height:40px;padding:0 11px}
 .home .hero-photo{min-height:115px}
 .home .hero-photo::after{font-size:14px;padding:6px;bottom:10px}
 .home .earth-band .eb-in{padding-top:10px;padding-bottom:10px}
 .home .earth-band .facts b{font-size:19px}
 .home .earth-band .facts span{font-size:8px}
}


/* Fit the curated shelves inside a desktop scene instead of cutting the action row. */
.home .earth-band .descend{color:#5c7048}
.home .first{padding-top:42px;padding-bottom:42px}
.home .first .sec-head h2,.home .gifts .sec-head h2{font-size:clamp(40px,4.15vw,60px)}
.home .first .sec-head .sec-lead,.home .gifts .sec-head .sec-lead{font-size:17px;line-height:1.5}
.home .first .sec-head,.home .gifts .sec-head{margin-bottom:26px}
.home .first .card-media .ph{height:clamp(132px,23svh,245px);aspect-ratio:auto}
.home .first .card-body{padding:17px;gap:5px}
.home .first .card-t{font-size:24px}
.home .first .card-meta{font-size:10px}
.home .first .card-d{font-size:14px;line-height:1.4}
.home .first .card-buy{padding-top:7px}
.home .first .card .add{min-height:42px;font-size:14px;padding:0 15px}
.home .first .more-row,.home .gifts .more-row{margin-top:22px}
.home .gifts{padding-top:84px;padding-bottom:84px}
.home .gifts .card-media .ph{height:clamp(145px,24svh,260px);aspect-ratio:auto}
.home .gifts .card-body{padding:17px;gap:5px}
.home .gifts .card-t{font-size:27px}
.home .gifts .card-d{font-size:14px;line-height:1.42}
.home .gifts .card-buy{padding-top:10px}
.home .gifts::before,.home .book-band::before{height:42px;background:var(--paper);border-radius:0 0 50% 50% / 0 0 100% 100%}
.home .gifts::after{height:42px;background:var(--paper);border-radius:50% 50% 0 0 / 100% 100% 0 0}
@media(min-width:900px) and (max-width:1099px){
 .home .first .grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
 .home .first .card-t{font-size:21px}
 .home .first .card-d{display:none}
 .home .first .card-body{padding:13px}
 .home .first .card-media .ph{height:clamp(120px,21svh,200px)}
 .home .first .card-meta{font-size:9px}
 .home .first .card .add{width:42px;padding:0}
 .home .first .card .add span{display:none}
 .home .first .card .price{font-size:19px}
}
@media(min-width:900px) and (max-height:780px){
 .home .first,.home .gifts{padding-top:65px;padding-bottom:65px}
 .home .first .sec-head h2,.home .gifts .sec-head h2{font-size:48px}
 .home .first .card-d,.home .gifts .card-d{display:none}
 .home .first .card-media .ph,.home .gifts .card-media .ph{height:clamp(120px,21svh,180px)}
 .home .first .card-body,.home .gifts .card-body{padding:14px}
 .home .first .sec-head,.home .gifts .sec-head{margin-bottom:22px}
 .home .gifts .card-t{font-size:24px}
 .home .gifts .card .add{min-height:42px;font-size:14px;padding:0 16px}
 .home .gifts .card-meta{font-size:10px}
 .home .first .more-row,.home .gifts .more-row{margin-top:18px}
 .home .first .more-row .btn,.home .gifts .more-row .btn{min-height:44px;font-size:15px}
}
@media(max-width:899px){
 .home .first .card-media .ph{height:175px}
 .home .first .card-d{display:none}
 .home .first .card-t{font-size:23px}
 .home .gifts{padding-top:76px;padding-bottom:76px}
 .home .gifts .card-media .ph{height:clamp(160px,23vw,220px)}
}
@media(max-width:599px){
 .home .first{padding-top:45px;padding-bottom:45px}
 .home .first .sec-head h2{font-size:40px}
 .home .first .sec-head .sec-lead{font-size:15px}
 .home .first .card-media .ph{height:110px}
 .home .first .card-body{padding:11px;gap:4px}
 .home .first .card-t{font-size:21px}
 .home .first .card .add{min-height:40px;width:40px;padding:0}
 .home .first .card .price{font-size:18px}
 .home .first .more-row{gap:12px}
 .home .first .more-row .btn{min-height:44px;font-size:14px;padding:0 16px}
 .home .first .more-row .link-arrow{font-size:13px}
 .home .gifts .card-media .ph{height:100%;min-height:195px}
 .home .gifts .card-t{font-size:23px}
 .home .gifts .card-body{padding:15px 12px}
 .home .gifts .card-meta{font-size:9px}
}


.home .facts b small{font:inherit}
.wt-panels.is-stacked>.wt-panel[hidden],.ss-media.is-stacked>.ss-photo[hidden],.ss-media.is-stacked>.ss-draw[hidden],.cart-views.is-stacked>[hidden]{display:block!important;visibility:hidden;pointer-events:none}
.home .wt .wt-copy h2{font-size:clamp(40px,4.3vw,62px);margin-bottom:18px}
@media(min-width:960px) and (max-height:780px){
 .home .wt{padding-top:35px;padding-bottom:35px}
 .home .wt .wt-copy h2{font-size:48px;line-height:1.03;margin-bottom:15px}
 .home .wt .eyebrow{margin-bottom:10px}
 .home .wt .wt-item{padding:5px;gap:8px}
 .home .wt .wt-item a{min-height:44px;gap:10px}
 .home .wt .wt-item .ph{width:44px;height:44px;border-radius:7px}
 .home .wt .wt-item b{font-size:17px}
 .home .wt .wt-item small{font-size:12px}
 .home .wt .wt-item .add{width:42px;height:42px;min-height:42px;padding:0}
 .home .wt .wt-items{gap:6px;margin-top:12px}
 .home .wt .wt-panel{margin-bottom:8px}
 .home .wt .wt-panel>p:not(.wt-time){font-size:17px;line-height:1.4;margin-bottom:12px}
 .home .wt .wt-copy>p:last-child{margin-bottom:0;font-size:15px}
 .home .wt .tabs{margin-bottom:12px}
 .home .wt .tabs button{min-height:44px;padding:5px 11px;font-size:13px}
 .home .wt .tabs button small{font-size:11px}
}
@media(max-width:899px){
 .home .facts b{display:flex;flex-direction:column;gap:3px;font-size:24px;line-height:1}
 .home .facts b small{font:9px/1 var(--mono);letter-spacing:.02em;color:#7b856d}
 .home .facts li:last-child b::before{content:"";height:9px}
 .home .earth-band .facts li{padding-right:3px}
 .home .earth-band .facts b{font-size:23px}
 .home .earth-band .facts span{font-size:9px}
}
@media(max-width:359px){
 .home .earth-band .facts b{font-size:20px}
 .home .earth-band .facts b small{font-size:8px}
 .home .earth-band .facts span{font-size:8px}
}