:root{--g:#1f7a3a;--g2:#16602c;--bg:#f4faf4;--ink:#17261b;--mut:#66756a;--line:#d9e6dc;--r:16px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:linear-gradient(#f1f9f2,#fff 420px) no-repeat,#fff;color:var(--ink);font:15px/1.4 Inter,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;min-height:100vh}
body.lock{overflow:hidden}
button,input,textarea{font:inherit;color:inherit}
button{cursor:pointer}
[hidden]{display:none!important}
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:6px;font-weight:700;color:var(--g);text-decoration:none;margin-right:auto;font-size:16px;white-space:nowrap}
.seg{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
.seg button{border:0;background:none;padding:7px 11px;font-size:13px;font-weight:600;color:var(--mut);min-height:36px}
.seg button.on{background:var(--g);color:#fff}
.btn{border:0;background:var(--g);color:#fff;border-radius:12px;padding:10px 16px;font-weight:600;min-height:40px}
.btn:hover{background:var(--g2)}
.btn.out{background:#fff;color:var(--ink);border:1.5px solid var(--ink)}
.btn.out:hover{background:#f3f3f3}
.btn.big{width:100%;padding:14px;font-size:16px;border-radius:14px}
.cart-btn b{background:#fff;color:var(--g);border-radius:99px;padding:1px 7px;margin-left:4px;font-size:13px}
.wrap{max-width:1080px;margin:0 auto;padding:14px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:0 1px 3px rgba(20,60,30,.05)}
.hero{padding:20px 18px;margin-bottom:12px;background:linear-gradient(135deg,#e7f5e9,#f8fcf8)}
.hero h1{margin:0 0 6px;font-size:24px;line-height:1.2}
.hero p{margin:0;color:var(--mut)}
.picker{margin-top:16px}.picker .btn{display:block;width:100%;max-width:360px;margin:0 auto;min-height:50px;padding:12px 18px;font-size:17px}.hero .pickerSub{margin:8px 0 0;font-size:14px;max-width:560px}
.controls{padding:12px;margin-bottom:14px;display:grid;gap:10px}
input[type=search],input[type=text],input[type=tel],textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:11px 13px;background:#fff;font-size:16px;outline:none}
input:focus,textarea:focus{border-color:var(--g);box-shadow:0 0 0 3px rgba(31,122,58,.15)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1px solid var(--line);background:#fff;border-radius:99px;padding:8px 14px;font-size:14px;display:inline-flex;gap:6px;align-items:center;min-height:38px;text-decoration:none;color:inherit}
.chip.on{border:1.5px solid var(--ink);background:#f3faf4;font-weight:600}
.grid{display:grid;grid-template-columns:1fr;gap:14px}
.grid>*{content-visibility:auto;contain-intrinsic-size:auto 560px}
#grid:empty{min-height:110vh}
@media(min-width:620px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){.grid{grid-template-columns:repeat(3,1fr)}.hero h1{font-size:30px}}
.pc{overflow:hidden;display:flex;flex-direction:column}
.pimg{position:relative;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;cursor:pointer}
.pimg img{height:78%;width:auto;max-width:80%;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(0,0,0,.18))}
.pimg .emoji{font-size:84px}
.badge{position:absolute;left:10px;bottom:10px;background:rgba(255,255,255,.92);border-radius:99px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex;gap:6px;align-items:center}
.flag{width:18px;height:13px;border-radius:2px;display:inline-block;vertical-align:middle;box-shadow:0 0 0 1px rgba(0,0,0,.12);overflow:hidden}
.pb{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;flex:1}
.pb h3{margin:0;font-size:17px;line-height:1.25;cursor:pointer}
.pb .d{margin:0;color:var(--mut);font-size:14px}
.rs{font-size:13px;color:var(--mut)}
.stars{color:#e0a82e;letter-spacing:1px}
.pk{align-self:flex-start;background:#f2f5f2;border-radius:10px;padding:4px 10px;font-size:13px}
.pb .row{display:flex;align-items:center;gap:10px;margin-top:auto}
.price{font-weight:700;font-size:18px;white-space:nowrap}
.pb .btn.out{flex:1}
.empty{text-align:center;color:var(--mut);padding:30px}
.overlay{position:fixed;inset:0;background:rgba(10,30,15,.45);z-index:40}
.sheet{position:fixed;z-index:50;left:0;right:0;bottom:0;max-height:94vh;overflow:auto;background:#fff;border-radius:22px 22px 0 0;padding:16px;-webkit-overflow-scrolling:touch}
@media(min-width:760px){.sheet{left:50%;right:auto;bottom:auto;top:4vh;transform:translateX(-50%);width:680px;max-height:92vh;border-radius:22px}}
.x{position:absolute;right:10px;top:8px;width:40px;height:40px;border:0;background:rgba(255,255,255,.85);border-radius:50%;font-size:26px;line-height:1;z-index:2;color:var(--mut)}
.sheet .pimg{border-radius:16px;aspect-ratio:16/9;cursor:default;margin-top:28px}
.gal{margin-top:28px}
.gstrip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:16px;-webkit-overflow-scrolling:touch}
.gstrip::-webkit-scrollbar{display:none}
@media (hover:hover) and (pointer:fine){.gstrip{cursor:grab}.gal:not(.pc .gal) .gstrip{cursor:pointer}.gstrip.gdrag{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.gstrip.gdrag img{pointer-events:none;user-select:none}}
.gslide{flex:0 0 100%;scroll-snap-align:center;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center}
.gslide img{height:100%;width:auto;max-width:100%;object-fit:contain}
.gslide:first-child img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%}
.gdots{display:flex;justify-content:center;gap:4px;margin-top:2px}
.gdot{width:28px;height:28px;border:0;background:none;padding:0;position:relative;cursor:pointer}
.gdot:after{content:"";position:absolute;left:9px;top:9px;width:10px;height:10px;border-radius:50%;background:#cfd8cc}
.gdot.on:after{background:var(--g,#2e7d32)}
.pc .pimg .gal{position:absolute;inset:0;margin:0}
.pc .gstrip{height:100%;border-radius:0;background:none!important;overscroll-behavior-x:contain}
.pc .gslide{aspect-ratio:auto;height:100%;position:relative}
.pc .gslide img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 55%;filter:none}
.pc .gslide:first-child img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%}
.pc .gslide:nth-child(n+3) img{object-fit:contain;background:#fff}
.pc .gdots{position:absolute;left:0;right:0;bottom:2px;margin:0;pointer-events:none}
.pc .gdot{pointer-events:auto;width:22px;height:22px}
.pc .gdot:after{left:7px;top:7px;width:8px;height:8px;background:rgba(0,0,0,.25);box-shadow:0 0 0 1px rgba(255,255,255,.7)}
.pc .gdot.on:after{background:var(--g,#2e7d32)}
.origin{margin:10px 0 0;font-size:14px;color:var(--mut)}
.sheet h2{margin:4px 0 6px;font-size:22px;line-height:1.2}
.sheet .d{margin:0 0 4px}
.sow{margin:0 0 12px;color:var(--mut);font-size:14px}
.acts{display:grid;gap:8px;margin-bottom:14px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
@media(max-width:480px){.stats{grid-template-columns:1fr}}
.stat{background:#f3f7f3;border-radius:12px;padding:10px}
.stat small{display:block;color:var(--mut);font-size:12px}
.stat b{font-size:14px}
.note{margin:0 0 12px}
.note h4{margin:0 0 2px;font-size:15px}
.note p{margin:0;color:#2c3d31}
h4.h{margin:16px 0 8px;font-size:15px}
.share{display:flex;flex-wrap:wrap;gap:8px}
.share a,.share button{border:0;border-radius:10px;color:#fff;padding:9px 14px;font-weight:600;text-decoration:none;font-size:14px;min-height:40px}
.s-tg{background:#2a8fd6}.s-vb{background:#7360f2}.s-wa{background:#25a244}.s-fb{background:#1b5fd9}.s-cp{background:#222}
.rev{border-top:1px solid var(--line);padding:10px 0}
.rev b{font-size:14px}.rev p{margin:2px 0 0}
.rev small{color:var(--mut);margin-left:6px}
.stars-in{display:flex;gap:2px;margin:6px 0}
.stars-in button{border:0;background:none;font-size:32px;color:#d5d9d5;padding:0 3px;min-width:40px;min-height:40px;line-height:1}
.stars-in button.on{color:#e0a82e}
.form{display:grid;gap:10px}
.form label{font-size:13px;color:var(--mut);display:grid;gap:4px}
textarea{min-height:80px;resize:vertical}
.msg{font-size:14px;color:var(--g)}.msg.err{color:#c0392b}
.fe{color:#c0392b;font-size:12px;min-height:0}
.drawer{position:fixed;z-index:50;top:0;right:0;bottom:0;width:min(440px,100%);background:#fff;overflow:auto;padding:16px;box-shadow:-8px 0 30px rgba(0,0,0,.15)}
.drawer h2{margin:4px 0 12px}
.ci{display:grid;grid-template-columns:48px 52px 1fr auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.ci .t{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center}
.ci .t img{width:80%;height:80%;object-fit:contain}
.ci .t{overflow:hidden}
.ci .t img.ph,.pimg img.ph{width:100%;height:100%;max-width:none;object-fit:cover}
.ci .n{font-weight:600;font-size:14px}
.ci .p{color:var(--mut);font-size:13px}
.ci .rm{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1.5px solid #e6b8b3;border-radius:12px;background:#fbecea;color:#b3261e;cursor:pointer;-webkit-tap-highlight-color:transparent}
.ci .rm:hover{background:#f6d9d5}
.qty{display:flex;align-items:center;gap:4px}
.qty button{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:#fff;font-size:18px}
.qty span{min-width:22px;text-align:center;font-weight:600}
.tot{display:flex;justify-content:space-between;font-size:18px;font-weight:700;padding:12px 0 4px}
.free{color:var(--g);font-size:14px;margin:0 0 12px}
.tog{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tog button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px;font-weight:600;min-height:44px}
.tog button.on{border:1.5px solid var(--g);background:#eef8f0;color:var(--g2)}
.ph{display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.ph span{padding:0 4px 0 13px;color:var(--mut);font-size:16px}
.ph input{border:0;border-radius:0;padding-left:2px;box-shadow:none!important}
.cod{font-size:14px;margin:2px 0}
.ok{text-align:center;padding:30px 6px}
.ok .no{font-size:34px;font-weight:800;color:var(--g)}
.toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:#17261b;color:#fff;padding:10px 16px;border-radius:12px;z-index:90;font-size:14px;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.flag.ua{background:linear-gradient(#0057b7 50%,#ffd700 50%)}
.flag.nl{background:linear-gradient(#ae1c28 33.3%,#fff 33.3% 66.6%,#21468b 66.6%)}
.flag.pl{background:linear-gradient(#fff 50%,#dc143c 50%)}
.flag.cn{background:radial-gradient(circle at 25% 32%,#ffde00 0 2px,transparent 2.5px),#de2910}
.flag.es{background:linear-gradient(#aa151b 25%,#f1bf00 25% 75%,#aa151b 75%)}
.flag.it{background:linear-gradient(90deg,#009246 33.3%,#fff 33.3% 66.6%,#ce2b37 66.6%)}
.flag.all{background:none;box-shadow:none;width:auto;font-size:14px}
.install{position:relative;display:flex;align-items:center;gap:10px;margin:10px auto 0;max-width:1100px;width:calc(100% - 24px);background:#eef6f0;border:1px solid #cfe5d6;border-radius:14px;padding:10px 10px 10px 12px}
@media(max-width:619px){.install{min-height:74px;box-sizing:border-box}}
.install[hidden]{display:none}
.install img{border-radius:10px;flex:none}
.install-t{flex:1;min-width:0;display:flex;flex-direction:column;font-size:13px;line-height:1.3;color:#3c4a40}
.install-t b{font-size:14px;color:#17261b}
.install .btn{flex:none;padding:8px 14px;min-height:36px}
.install-x{position:absolute;top:0;right:0;width:40px;height:40px;border:0;background:none;font-size:24px;line-height:1;color:#6b7a70;padding:0;touch-action:manipulation}

/* seed flag: small badge, top-right of the card image */
.pimg .badge{display:none}
.fbadge{position:absolute;top:8px;right:8px;background:rgba(255,255,255,.92);border-radius:8px;padding:4px 6px;display:inline-flex;box-shadow:0 1px 3px rgba(0,0,0,.15)}
.fbadge .flag{width:22px;height:15px}
/* checkout delivery block */
.rq{color:#c0392b}.opt{font-weight:400;opacity:.8}
.grp{display:grid;gap:6px}
.gl{font-size:13px;color:var(--mut)}
.radios{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.radios.sub{margin-top:2px}
.rad{position:relative;display:block!important;font-size:14px!important;color:var(--txt,#17261b)!important}
.rad input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.rad span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;font-weight:600;background:#fff;line-height:1.2}
.rad input:checked+span{border:1.5px solid var(--g);background:#eef8f0;color:var(--g2)}
.rad input:focus-visible+span{outline:2px solid var(--g);outline-offset:2px}
.dlv{display:grid;gap:10px}
.fld{display:grid;gap:4px}
.fl{font-size:13px;color:var(--mut);display:grid;gap:4px}
.aw{position:relative;display:block}
.hint{margin:0;font-size:12px;color:var(--mut)}
.ac{position:absolute;z-index:20;left:0;right:0;top:100%;margin:2px 0 0;padding:4px;list-style:none;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.18);max-height:min(46vh,280px);overflow:auto;-webkit-overflow-scrolling:touch}
.ac li{display:flex;flex-direction:column;gap:1px;padding:9px 10px;min-height:44px;justify-content:center;border-radius:8px;font-size:14px;color:#17261b;cursor:pointer}
.ac li.on,.ac li:hover{background:#eef8f0}
.ac li small{color:var(--mut);font-size:12px}
.ac li.none{color:var(--mut);cursor:default}
.office{font-size:13px;min-height:0}.office.ok{color:var(--g2);font-weight:600}.office.bad{color:#c0392b}
.office{text-align:left}.fl>span:first-child{display:block}
/* discounts, promo, FAQ */
.faq-link{font-size:13px;font-weight:600;color:var(--g2);white-space:nowrap;text-decoration:none;padding:8px 4px}
@media(max-width:520px){.faq-link{display:none}}
.foot{max-width:1100px;margin:24px auto 28px;padding:0 12px;display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--mut);flex-wrap:wrap}
.foot a{color:var(--g2);font-weight:600;padding:10px 0;min-height:44px;box-sizing:border-box;display:inline-flex;align-items:center}
.dhint{margin:6px 0 2px;font-size:13px;color:var(--g2);background:#eef8f0;border-radius:10px;padding:7px 10px}
.dhint a{color:var(--g2);font-weight:600;white-space:nowrap}
.wh{margin-top:2px}.whm{display:inline-block;font-size:12px;font-weight:600;color:#fff;background:var(--g);border-radius:8px;padding:2px 8px}
.whh{display:inline-block;font-size:12px;color:#8a5a00;background:#fff4d9;border-radius:8px;padding:2px 8px}
.promo{margin:12px 0 4px}
.prow{display:flex;gap:8px}.prow input{flex:1;min-width:0;text-transform:uppercase}.prow .btn{flex:none;min-height:44px}
.pmsg{margin-top:6px;font-size:13px}
.pok{background:#eef8f0;border:1px solid #cfe5d6;border-radius:10px;padding:8px 10px;color:#17261b;line-height:1.4}
.perr{background:#fdecea;border:1px solid #f3c6c0;border-radius:10px;padding:8px 10px;color:#c0392b}
.lnk{border:0;background:none;color:var(--g2);text-decoration:underline;font-size:13px;padding:6px 2px;min-height:32px}
.qbox{margin-top:8px;border-top:1px solid var(--line);padding-top:8px}
.dl{display:flex;justify-content:space-between;gap:10px;font-size:14px;padding:3px 0}
.dl>span:first-child{display:flex;flex-direction:column}.dl>span:last-child{white-space:nowrap}
.dl small{color:var(--mut);font-size:12px}.dl i{font-style:normal;color:var(--g2);font-weight:600}
.dl.disc>span:last-child{color:var(--g2);font-weight:600}
.dtitle{font-size:13px;color:var(--mut);margin-top:6px}
.dl.dsum{border-top:1px dashed var(--line);margin-top:4px;padding-top:6px;font-weight:700}
.hints{margin:6px 0 10px;background:#fff9e8;border:1px solid #f2e2b0;border-radius:12px;padding:8px 10px;font-size:13px;display:grid;gap:3px}
.hints a{color:var(--g2);font-weight:600}
#faq h2{margin:4px 30px 12px 0}
.fq{border:1px solid var(--line);border-radius:12px;margin:0 0 8px;background:#fff}
.fq summary{padding:12px 14px;font-weight:600;cursor:pointer;min-height:44px;box-sizing:border-box;list-style:none;display:flex;align-items:center}
.fq summary::-webkit-details-marker{display:none}
.fq summary::after{content:'+';margin-left:auto;padding-left:10px;font-size:20px;color:var(--g)}
.fq[open] summary::after{content:'−'}
.fa{padding:0 14px 12px;font-size:14px;line-height:1.5}.fa p{margin:0 0 8px}
.ftbl{width:100%;border-collapse:collapse;margin:4px 0 8px;font-size:14px}
.ftbl th,.ftbl td{border:1px solid var(--line);padding:7px 10px;text-align:left}.ftbl th{background:#eef8f0}

/* ---- cabinet ---- */
.acc-btn{padding:8px 12px;min-height:40px;font-size:14px;white-space:nowrap}
.acc-btn.in{border-color:var(--g);color:var(--g2)}
input[type=email]{width:100%;border:1px solid var(--line);border-radius:12px;padding:11px 13px;background:#fff;font-size:16px;outline:none}
input[type=email]:focus{border-color:var(--g);box-shadow:0 0 0 3px rgba(31,122,58,.15)}
#account h2{margin:4px 44px 6px 0}
#account .who{margin:0 0 10px;color:var(--mut);font-size:14px;word-break:break-all}
#account .hint{margin:0 0 10px}
.tabs{display:flex;gap:6px;margin:0 0 14px;background:#f2f5f2;border-radius:12px;padding:4px}
.tabs button{flex:1;border:0;background:none;border-radius:9px;min-height:40px;font-weight:600;color:var(--mut);padding:6px 4px;font-size:14px}
.tabs button.on{background:#fff;color:var(--g2);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.tabs.sm{margin-bottom:10px}
.setup{background:#fff9e8;border:1px solid #f2e2b0;border-radius:12px;padding:12px 14px;line-height:1.5}
.sent{margin:0;font-size:14px}
.codein{font-size:24px;letter-spacing:8px;text-align:center}
.msg.ok{color:var(--g2);font-weight:600}
.gbtn{min-height:44px;display:flex;justify-content:center;margin:8px 0}
.lg{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:8px}
.lg div{display:flex;flex-direction:column;min-width:0}.lg small{color:var(--mut);font-size:12px}.lg b{font-weight:600;word-break:break-all}
.lg .okb{color:var(--g);font-weight:700}.btn.sm{min-height:38px;padding:6px 12px;font-size:14px;flex:none}
.lflow{border:1px dashed var(--line);border-radius:12px;padding:10px;margin:-2px 0 8px}
.lo{margin-top:16px}
.ord{border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:10px}
.ord .oh{display:flex;gap:10px;align-items:center;margin-bottom:6px}.ord .oh span{color:var(--mut);font-size:13px}
.ord .st{margin-left:auto;border-radius:99px;padding:2px 8px;background:#eef8f0;color:var(--g2)}.ord .st.bad{background:#fdecea;color:#c0392b}
.ord ul{list-style:none;margin:0 0 6px;padding:0;font-size:14px}.ord li{display:flex;justify-content:space-between;gap:10px;padding:2px 0}.ord li span:last-child{white-space:nowrap}
.ord .tot{display:flex;justify-content:space-between;font-weight:700;border-top:1px dashed var(--line);margin-top:6px;padding-top:6px}
.dcard{border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:12px;display:grid;gap:6px}
.dcard small{color:var(--mut);font-size:12px}.dcard .big{font-size:24px}.dcard .d{margin:0}
.bar{height:10px;border-radius:99px;background:#e6efe8;overflow:hidden}.bar i{display:block;height:100%;background:var(--g);border-radius:99px}
.next{margin:0}.gr{color:var(--g2)}
.ftbl tr.cur td{background:#eef8f0;font-weight:700}
.st-list{margin:4px 0 0;padding-left:18px;font-size:14px;display:grid;gap:3px}
.chk{display:flex;gap:10px;align-items:center;min-height:44px;font-size:15px}.chk input{width:22px;height:22px;accent-color:var(--g)}
.okn{color:var(--g2)}
@media(max-width:430px){.top{gap:6px;padding:8px 10px}.acc-btn{padding:6px 9px}.brand span{font-size:15px}}
.prow input#refLink{text-transform:none;font-size:14px}
.cart-btn{white-space:nowrap}
@media(max-width:430px){.seg button{padding:7px 8px}.acc-btn{font-size:13px}.top .btn{padding-left:10px;padding-right:10px}}
.whorow{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 10px}.whorow .who{margin:0!important}.whorow .lnk{flex:none;font-size:14px;min-height:40px;padding:6px 8px}
.seg{flex:none}.brand{min-width:0}.brand span{overflow:hidden;text-overflow:ellipsis}
@media(max-width:430px){.top{gap:5px;padding:8px 8px}.seg button{padding:7px 6px;font-size:12px}.acc-btn{font-size:12.5px;padding:6px 8px!important}.cart-btn{padding:8px 9px!important;font-size:14px}.cart-btn b{margin-left:2px;padding:1px 6px}.brand{gap:4px}.brand span{font-size:14px}.brand svg{width:18px;height:18px}}

/* reviews: media */
.rmedia{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0}
.rth{padding:0;border:0;background:#eee;border-radius:8px;overflow:hidden;aspect-ratio:1;cursor:zoom-in;min-height:44px}
.rth img{width:100%;height:100%;object-fit:cover;display:block}
.rvid{width:100%;max-height:320px;border-radius:10px;background:#000;margin:6px 0;display:block}
.rproc{margin:6px 0;color:var(--mut);font-size:13px}
.rev .lnk,.rev .mine{font-size:12px}
.lnk{border:0;background:none;color:#c0392b;padding:8px 0;min-height:36px;text-decoration:underline;font:inherit;font-size:13px}
.pick{display:flex;gap:8px;flex-wrap:wrap}
.pick label.btn{flex:1 1 140px;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center;min-height:44px}
.pick label.dis{opacity:.4;pointer-events:none}
.pends{display:flex;gap:8px;flex-wrap:wrap}
.pend{position:relative;width:76px;height:76px;border-radius:8px;overflow:hidden;background:#eef2ee;display:flex;align-items:center;justify-content:center}
.pend img{width:100%;height:100%;object-fit:cover}
.pend .pv{font-size:26px;text-align:center;line-height:1.1}.pend .pv small{display:block;font-size:11px;color:var(--mut)}
.pend button{position:absolute;top:2px;right:2px;width:28px;height:28px;border-radius:50%;border:0;background:rgba(0,0,0,.65);color:#fff;font-size:18px;line-height:1;padding:0}
.prog{position:relative;height:22px;border-radius:11px;background:#e6ebe6;overflow:hidden}
.prog i{position:absolute;left:0;top:0;bottom:0;width:0;background:#7bc47f;transition:width .2s}
.prog span{position:relative;display:block;text-align:center;font-size:12px;line-height:22px}
.lbox{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;padding:12px}
.lbox img{max-width:100%;max-height:100%;object-fit:contain}
.lbox button{position:absolute;top:10px;right:10px;width:44px;height:44px;border-radius:50%;border:0;background:#fff;font-size:26px}
/* delivery: modes, address row, notes, dropdown labels */
.radios.sub.r3{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.row2 .fld{min-width:0}
.note{font-size:13px;margin:0}.note:empty{display:none}.note.bad{color:#c0392b;font-weight:600}.note.ok{color:var(--g2)}.note.hint{color:var(--mut);font-size:12px}
.ac{max-width:100%;box-sizing:border-box;overscroll-behavior:contain}
.ac li{overflow-wrap:anywhere}
.ac li small .nocod,.ac li .nocod{font-style:normal;color:#b9381f;font-size:11px;white-space:normal}
.ac li.nocod b{color:#7a857d}
.dl.ship{color:var(--g2);font-weight:600}.dl.free-on{color:var(--g2);font-weight:700}
.tofree{margin:2px 0 8px;font-size:13px;color:var(--g2)}
.fl .opt{color:var(--mut);font-weight:400}

.btn.buy{background:#f2a33a;color:#1f2a1f;border-color:#f2a33a}
.btn.buy:hover{background:#e8952a}
.qin{width:56px;height:34px;border:1px solid var(--line);border-radius:10px;text-align:center;font:inherit;font-weight:600;font-size:16px;-moz-appearance:textfield;appearance:textfield}
.qin::-webkit-outer-spin-button,.qin::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.btn.cont{width:100%;margin:6px 0 14px}
.pb .btn.buy{width:100%;margin-top:8px}
.minord{background:#fff4e0;border:1px solid #f2c27a;color:#7a4b00;border-radius:12px;padding:10px 12px;font-size:14px;margin:8px 0}
.btn:disabled{opacity:.55;cursor:not-allowed}
.chk.nocall{align-items:flex-start;margin:4px 0 2px}.chk.nocall span{padding-top:1px}
.form label.chk.nocall{display:flex;flex-direction:row;align-items:center;gap:10px}
.form label.chk.nocall input{flex:none;width:22px;height:22px}
#subBtn{font-size:15px;padding-left:10px;padding-right:10px}
.dl.round{color:var(--mut);font-size:14px}
.chips.subs .chip{font-size:13px;min-height:34px;padding:6px 12px;background:#f7faf7}
.chips.subs .chip.on{background:#e6f4e8}
.chips[hidden]{display:none}

.stk{font-size:12.5px;font-weight:600}.stk.in{color:#1f7a3a}.stk.out{color:#8a8f8a}.stk.big{font-size:14.5px}
.stkrow{margin:-2px 0 2px}.stkm{margin:6px 0 2px}.stk.low{color:#b3261e}
.stkc{color:#1f7a3a;font-size:12.5px;font-weight:600}
.qty button.cap{opacity:.4}
.btn.buy:disabled{opacity:.55}

.tbadge{display:inline-block;align-self:flex-start;background:#fff3cd;color:#7a5a00;border:1px solid #e6c65c;border-radius:99px;padding:2px 10px;font-size:12px;font-weight:700;margin:0 0 6px}

/* smart seed picker */
#picker{padding-top:20px}
#picker h2{padding-right:44px}
.pk-hint{margin:0 0 6px;color:var(--mut);font-size:14px}
.pk-how{margin:0 0 14px;color:var(--mut);font-size:12.5px;line-height:1.4}
.pk-list{display:block}
.pk-reg{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0 0 14px}
.pk-reg>span{color:var(--mut);font-size:14px}
.pk-rchips{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:100%;max-width:440px}
.pk-rchips .pk-chip{min-width:0;padding:0 2px;font-size:13.5px}
.pk-rdesc{margin:0;font-size:13px;color:var(--mut);text-align:center;min-height:2.6em;line-height:1.3}
.pk-bud{display:flex;flex-direction:column;align-items:center;gap:6px;margin:0 0 14px}
.pk-bud>label{color:var(--mut);font-size:14px}
.pk-bstep{display:flex;align-items:center;gap:8px}
.pk-bfield{display:flex;align-items:center;gap:4px;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:#fff}
.pk-bfield input{width:5.2em;border:0;outline:0;background:none;font:inherit;font-size:18px;font-weight:700;text-align:right;font-variant-numeric:tabular-nums;color:var(--ink)}
.pk-bfield i{font-style:normal;color:var(--mut)}
.pk-bfield:focus-within{border-color:var(--g)}
.pk-bnote{margin:0;font-size:12.5px;color:var(--mut)}
.pk-set{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0 0 14px}
.pk-set>span{color:var(--mut);font-size:14px}
.pk-schips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:6px;width:100%;max-width:440px}
.pk-schips .pk-chip{height:100%;min-height:48px;border-color:#cfe3cf;padding:6px 10px;font-size:14px;line-height:1.2}
.pk-sdesc{margin:0;font-size:13px;color:var(--mut);text-align:center}
.pk-flow{display:flex;align-items:center;gap:10px;width:100%;max-width:440px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer}
.pk-flow[hidden]{display:none}
.pk-flow input{position:absolute;opacity:0;pointer-events:none}
.pk-flow i{flex:none;width:42px;height:24px;border-radius:99px;background:#d5dcd3;position:relative;transition:background .2s}
.pk-flow i::after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .2s}
.pk-flow input:checked+i{background:var(--g)}
.pk-flow input:checked+i::after{transform:translateX(18px)}
.pk-flow input:focus-visible+i{outline:2px solid var(--g);outline-offset:2px}
.pk-flow span{display:flex;flex-direction:column;gap:2px;font-size:14px}
.pk-flow small{color:var(--mut);font-size:12.5px}
.pk-bpre{display:flex;gap:6px;justify-content:center}
.pk-bpre{width:100%;max-width:440px}
.pk-bpre .pk-chip{flex:1;min-width:0;padding:0 2px;font-size:12.5px;white-space:nowrap}
.pk-bpre{gap:4px}
.pk-pri{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0 0 14px}
.pk-pri>span{color:var(--mut);font-size:14px}
.pk-pchips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;max-width:440px}
.pk-pchips .pk-chip{font-size:14px}
.pk-pdesc{margin:0;font-size:13px;color:var(--mut);text-align:center;min-height:2.6em;line-height:1.3}
.pk-count{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0 0 12px}
.pk-count>span{color:var(--mut);font-size:14px}
.pk-chips,.pk-scale{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;width:100%;max-width:440px}
.pk-chips .pk-chip{min-width:0;padding:0;height:36px}
.pk-seg{grid-column:span 2;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;opacity:.55;transition:opacity .2s}
.pk-seg.s3{grid-column:span 4}
.pk-seg.on{opacity:1}
.pk-seg i{display:block;width:100%;height:6px;border-radius:99px;background:var(--g);margin-bottom:3px}
.pk-seg.s2 i{background:#5fa36b}.pk-seg.s3 i{background:#a9cfa4}
.pk-seg span{font-size:11.5px;line-height:1.2;color:var(--mut)}
.pk-seg b{font-size:13px;color:var(--ink);font-variant-numeric:tabular-nums}

.pk-chip{min-width:44px;height:36px;padding:0 10px;border:1px solid var(--line);background:#fff;border-radius:99px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink);touch-action:manipulation}
.pk-chip.on{background:var(--g);border-color:var(--g);color:#fff}
.pk-chip:focus-visible{outline:2px solid var(--g);outline-offset:2px}
.pk-row{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"del name ctl" "bar bar bar";align-items:center;gap:2px 8px;padding:8px 0;border-top:1px solid var(--line);overflow:hidden;will-change:transform}
.pk-row:first-child{border-top:0}
.pk-row.out{transition:height .25s ease,opacity .2s ease,transform .25s ease,padding .25s ease;padding-top:0;padding-bottom:0}
.pk-name{grid-area:name;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pk-bar{grid-area:bar;height:12px;background:#eef6ef;border-radius:99px;overflow:hidden}
.pk-bar i{display:block;height:100%;background:var(--g);border-radius:99px;transition:width .25s ease}
.pk-ctl{grid-area:ctl;display:flex;align-items:center}
.pk-val{min-width:48px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}
.pk-b{width:40px;height:40px;min-height:40px;border:1px solid var(--line);background:#fff;border-radius:12px;font-size:20px;line-height:1;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;padding:0;touch-action:manipulation;-webkit-user-select:none;user-select:none}
.pk-b:hover:not(:disabled){border-color:var(--g);color:var(--g2)}
.pk-b:disabled{opacity:.35}
.pk-b:focus-visible{outline:2px solid var(--g);outline-offset:2px}
.pk-del{grid-area:del;color:var(--mut)}
.pk-del:hover{color:#c0392b!important;border-color:#c0392b!important}
.pk-foot{background:#fff;padding-bottom:4px;display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.pk-foot b{font-size:16px}
.pk-empty{text-align:center;color:var(--mut);padding:24px 0}
@media(min-width:760px){.pk-row{grid-template-columns:130px 1fr auto auto;grid-template-areas:"name bar ctl del";gap:10px}}
@media(prefers-reduced-motion:reduce){.pk-bar i{transition:none}}

/* sorting + favorites */
.sortbar{padding:12px;margin-bottom:14px;display:grid;gap:10px}
.stop{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:#f2f5f2;border-radius:14px;padding:4px}
.stop button{border:0;background:none;border-radius:11px;min-height:44px;font:inherit;font-weight:600;font-size:14px;color:var(--mut);padding:6px 4px;line-height:1.15}
.stop button.on{background:#fff;color:var(--g2);box-shadow:0 1px 3px rgba(0,0,0,.14)}
.chips.fin .chip{border-style:dashed}.chips.fin .chip.on{border-style:solid}
.fheart{position:absolute;top:8px;left:8px;z-index:3;height:36px;padding:0 14px 0 10px;border-radius:999px;border:0;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.16);display:inline-flex;align-items:center;gap:6px;font:600 14px/1 inherit;font-family:inherit;color:#2f5d3a;cursor:pointer;white-space:nowrap}
.fheart .fh-i{font-size:19px;line-height:1;color:#e0245e}
.fheart.on{background:#e0245e;color:#fff}
.fheart.on .fh-i{color:#fff}
.fheart:active{transform:scale(.95)}
.favwrap{position:relative}
.fav-btn{white-space:nowrap;padding:8px 11px!important;display:inline-flex;align-items:center;gap:4px}
.fav-btn .fh{color:#e0245e;font-size:17px}
.fav-btn b{background:#e0245e;color:#fff;border-radius:99px;padding:1px 7px;font-size:13px}
.fav-btn .fl{display:none}
@media(min-width:600px){.fav-btn .fl{display:inline}}
@media(max-width:430px){.fav-btn{padding:7px 7px!important}.fav-btn b{padding:1px 5px}}
#favPanel{z-index:51}
.fr{display:grid;grid-template-columns:36px minmax(0,1fr) 44px;gap:4px 8px;align-items:start;padding:10px 0;border-bottom:1px solid var(--line)}
.fr .rm{width:36px;height:36px;border:0;background:#fbecea;color:#b3261e;border-radius:10px;font-size:22px;line-height:1;cursor:pointer}
.fr .n{font-weight:600;font-size:14px;align-self:center}
.fr .fadd{grid-column:3;grid-row:1/span 2;align-self:center;width:44px;height:44px;border:0;background:var(--g);color:#fff;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.fr .fadd:disabled{opacity:.4;cursor:not-allowed}
.fr .fadd.ok{background:#1f7a3a}
.fr .ctl{grid-column:2;min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fr .pr{color:var(--mut);font-size:13px;min-width:70px}
.fr .qty{display:inline-flex;align-items:center;gap:4px}
.fr .qty button{width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:10px;font-size:20px;line-height:1;cursor:pointer}
.fr .qty input{width:54px;height:38px;text-align:center;border:1px solid var(--line);border-radius:10px;font-size:16px;padding:0}
.fr .lt{margin-left:auto;font-weight:700}
.fr .na{font-size:12px;color:#b3261e}
.favall{width:100%;min-height:54px;font-size:18px;margin-top:14px}
.favfoot{display:flex;justify-content:space-between;font-weight:700;padding:12px 0 0}
.afav .fr{grid-template-columns:36px 1fr auto}
@media(max-width:430px){.brand .sprout{display:none}.brand span{font-size:14.5px;white-space:nowrap}.fav-btn{padding:7px 6px!important;gap:2px}.fav-btn .fh{font-size:15px}.top .seg button{padding:7px 5px}}

.pk-frow{display:flex;align-items:center;justify-content:center;gap:16px}
.pk-add{display:flex;flex-direction:column;align-items:center;gap:6px;margin:4px 0 12px;width:100%}
.pk-foot .pk-add{margin:0}
.pk-addb{width:100%;max-width:440px;min-height:48px;font-size:15.5px}
.pk-addn{margin:0;font-size:13px;color:var(--mut);text-align:center;max-width:440px;line-height:1.35}
.pk-top{display:flex;justify-content:center;margin:0 0 14px}
.pk-resetb{min-height:40px;padding:0 18px;font-size:14px}
.ripe{margin:4px 0 6px;font-size:14px;color:#44503f}.ripe.sm{font-size:12px;margin:0 0 6px;color:#5b6a55}
.testnote{display:block;background:#fff3cd;color:#7a5a00;border:1px solid #e6c65c;border-radius:10px;padding:10px 12px;margin:8px 0;font-weight:600}.testnote[hidden]{display:none}

/* breadcrumbs («Головна › Овочі › Томати») above the catalog and at the top of the product window */
.crumbs{margin:0 0 10px;font-size:14px;color:var(--mut)}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2px 0;align-items:center}
.crumbs li{display:inline-flex;align-items:center}
.crumbs li+li:before{content:"›";margin:0 8px;color:var(--line);color:var(--mut);opacity:.6}
.crumbs a{color:var(--g);text-decoration:none;padding:6px 0;display:inline-block;min-height:20px}
.crumbs a:hover{text-decoration:underline}
.crumbs a[aria-current]{color:var(--ink);font-weight:600}
.crumbs.in-modal{margin:0;padding:2px 44px 0 0;min-height:36px;display:flex;align-items:center}
.sheet .crumbs+.favwrap .pimg{margin-top:4px}

.ci a{color:inherit;text-decoration:none;cursor:pointer}.ci .n a:hover{text-decoration:underline;color:var(--g2)}.ci a:focus-visible{outline:2px solid var(--g2);outline-offset:2px;border-radius:6px}
.ci a.t{display:flex}
.cartTop{margin:2px 0 4px;text-align:center}.cartTop .lphint{margin:0}.clr{display:block;margin:0 auto 2px;padding:8px 10px;min-height:36px;border:0;background:none;color:#b3261e;font:inherit;font-size:13px;text-decoration:underline;cursor:pointer;opacity:.85}.clr:hover{opacity:1}
.ci .lp{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ci .lp img{-webkit-touch-callout:none;pointer-events:none}
.ci a[data-pl]{touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.ci a.t,.ci .n a{transition:opacity .15s}.ci a.tapped{opacity:.55}
.lphint{margin:8px 0 0;text-align:center;font-size:12px;color:var(--mut)}
.ssr-list{grid-column:1/-1;list-style:none;margin:0;padding:0;font-size:14px;color:var(--mut)}.ssr-list li{padding:2px 0}

.clrTop{margin:0 auto 6px;padding:6px 44px}

.favcart{margin-top:10px}
.fhint{margin:0 0 8px;padding:8px 10px;background:#f3faf4;border-radius:10px;font-size:13px;color:var(--mut)}
.fr.cs{grid-template-columns:28px 36px minmax(0,1fr) 44px;-webkit-user-select:none;user-select:none;position:relative;background:#fff}
.fr.cs .grip{grid-column:1;grid-row:1/span 2;align-self:center;color:var(--mut);touch-action:none;cursor:grab;display:flex;align-items:center;justify-content:center;height:44px}
.fr.cs .rm{grid-column:2;grid-row:1}
.fr.cs .n{grid-column:3}
.fr.cs .ctl{grid-column:3}
.fr.cs .fadd{grid-column:4}
.fr.shift{transition:transform .15s}
.fr.drag{z-index:5;box-shadow:0 6px 18px rgba(0,0,0,.25);border-radius:12px;cursor:grabbing;transition:none}
#favPanel.dragging{touch-action:none}
#favPanel.dragging .fr{cursor:grabbing}

.brand .logo{width:34px;height:34px;border-radius:9px;flex:none;display:block}
@media(max-width:430px){.brand{gap:5px!important;flex:none}.brand .logo{width:28px;height:28px;border-radius:7px}.brand span{display:block!important;white-space:normal!important;font-size:12.5px!important;line-height:1.1;width:min-content;overflow:visible!important}}
@media(max-width:375px){.top{gap:4px!important;padding:8px 6px!important}.brand .logo{width:26px;height:26px}.brand span{font-size:12px!important}.top .seg button{padding:7px 4px!important}.acc-btn{padding:6px 6px!important;font-size:12px}.fav-btn{padding:7px 5px!important}.cart-btn{padding:8px 7px!important;font-size:13.5px}}

.relbtn{width:100%;margin-top:12px}
.relsplit{display:flex;width:100%;margin-top:12px}
.relsplit .btn{margin:0;white-space:nowrap;font-size:15px;padding-left:8px;padding-right:8px;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.relsplit .relmore{flex:2 1 0;border-radius:12px 0 0 12px}
.relsplit .relcol{flex:1 1 0;border-radius:0 12px 12px 0;margin-left:-1px}
.relchips{margin-top:8px}
.rel{margin-top:6px}
.rel[hidden]{display:none}
.rel .rr{display:grid;grid-template-columns:52px minmax(0,1fr) 44px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.rel .rt{width:52px;height:52px;border-radius:10px;overflow:hidden;display:block}
.rel .rt img{width:100%;height:100%;object-fit:cover;display:block}
.rel .rx{min-width:0}
.rel .n{font-weight:600;font-size:14px}
.rel .p{font-size:13px}
.rel .why{font-size:12px;color:var(--mut)}
.rel .fadd{width:44px;height:44px;border:0;background:var(--g);color:#fff;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.rel .fadd:disabled{opacity:.4;cursor:not-allowed}
.relnone{color:var(--mut);margin:10px 0}
.relsplit .relmore{position:relative;overflow:visible}.relcnt{position:absolute;top:-10px;right:8px;background:var(--g);color:#fff;font-size:11px;font-weight:600;line-height:1;padding:4px 8px;border-radius:999px;white-space:nowrap}
.relhint{margin:6px 0 0;font-size:13px;color:var(--mut);text-align:center}
.stephint{display:block;font-size:12.5px;color:#6b5a1f;font-weight:600;margin:2px 0}
.gslide:first-child img,.pc .gslide:first-child img,.pimg img{filter:none!important}

/* single-photo products (photo:1): full-bleed cover */
.pimg.pcov{overflow:hidden}
.pimg.pcov img.ph{width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%;filter:none}
.sheet .pimg.pcov{aspect-ratio:4/3}

.favAll{color:#1b7a3a;border:1.5px solid #1b7a3a;border-radius:10px;text-decoration:none;opacity:1;width:calc(100% - 88px);max-width:100%;box-sizing:border-box;padding:6px 10px;margin:0 auto 8px;text-align:center;font-weight:600}.favAll:hover{background:#e8f5ec}#drawer p.d+.favAll{margin-top:6px}

.emptyNav{display:block;width:calc(100% - 88px);max-width:100%;box-sizing:border-box;margin:8px auto 0;min-height:44px;padding:10px 12px;border-radius:10px;font-weight:600;font-size:16px;text-align:center;cursor:pointer}
.emptyPick{background:#1f6fd1;color:#fff;border:1.5px solid #1f6fd1}.emptyPick:hover{background:#195cae}
.emptyCat{background:#fff;color:var(--ink);border:1.5px solid var(--ink)}.emptyCat:hover{background:#f3f3f3}
.favAllWrap{width:calc(100% - 88px);margin:0 auto 8px}.favAllWrap .favAll{width:100%;margin:0 0 5px}
.favMode{display:flex;border:1.5px solid #1b7a3a;border-radius:9px;overflow:hidden}.favMode button{flex:1 1 50%;min-width:0;min-height:30px;padding:4px 6px;border:0;background:#fff;color:#1b7a3a;font:inherit;font-size:12px;font-weight:600;line-height:1.15;cursor:pointer}.favMode button+button{border-left:1.5px solid #1b7a3a}.favMode button.on{background:#1b7a3a;color:#fff}
@media(max-width:420px){.favAllWrap{width:calc(100% - 56px)}}
@media(max-width:420px){.emptyNav{width:calc(100% - 56px)}}
.favall1{width:100%;margin-top:10px;color:#1b7a3a;border-color:#1b7a3a}
.cartHead{margin:4px 0 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-right:40px}.cartHead h2{margin:0}.toFav{flex:none;border:1.5px solid #1b7a3a;color:#1b7a3a;background:#fff;border-radius:999px;padding:6px 12px;font:600 14px/1.2 inherit;cursor:pointer;white-space:nowrap}.toFav:active{background:#e8f4ec}
.toFav{white-space:normal;max-width:62%;text-align:center;font-size:13px;line-height:1.25;border-radius:14px;padding:6px 12px}
.cartHead{justify-content:center;padding:0 40px}.cartHead h2.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}.toFav{max-width:100%;font-size:15px;padding:9px 16px}
.cartHead{padding:0}.toFav{font-size:14px;padding:9px 14px}
.ci .t{position:relative;overflow:hidden}
.rbadge{position:absolute;left:0;right:0;bottom:0;font-size:10px;line-height:1;font-weight:700;text-align:center;padding:3px 2px;color:#fff;letter-spacing:.2px;pointer-events:none}
.tb-e{background:rgba(46,125,50,.92)}.tb-m{background:rgba(230,140,20,.94)}.tb-l{background:rgba(120,60,140,.92)}
.ci .t .rbadge{border:0;border-radius:0;margin:0;font-size:9.5px;padding:3px 1px;white-space:nowrap;box-shadow:none;width:auto;height:auto;top:auto}

.pk-div{flex-direction:column;align-items:stretch;cursor:default}
.pk-divc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:8px}
.pk-dv{flex:1;min-width:0;padding:8px 2px;white-space:nowrap;border:1.5px solid #b9dcbf;background:#fff;border-radius:999px;font:inherit;font-weight:600;font-size:13px;color:#1d6b35;cursor:pointer}
.pk-dv.on{background:#1f7a3d;border-color:#1f7a3d;color:#fff}
.pk-sum{margin:6px 0 12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:13.5px}
.pk-sn{color:var(--mut);font-size:.85em}.pk-sum p{margin:0 0 2px;line-height:1.35}.pk-sl1{font-weight:600}.pk-sl2{color:var(--mut)}
.pk-sd{margin-top:6px}.pk-sd summary{cursor:pointer;min-height:36px;display:flex;align-items:center;font-weight:600;color:var(--g);list-style:none}
.pk-sd summary::-webkit-details-marker{display:none}.pk-sd summary::after{content:'+';margin-left:auto;font-size:20px}.pk-sd[open] summary::after{content:'−'}
.pk-sc{padding:6px 0;border-top:1px solid var(--line)}.pk-sc b{display:block}
.pk-si{display:flex;justify-content:space-between;gap:10px;color:var(--mut)}.pk-si span{min-width:0;overflow-wrap:anywhere}.pk-si i{font-style:normal;white-space:nowrap;font-variant-numeric:tabular-nums}
.pk-conf{width:100%;max-width:440px;box-sizing:border-box;padding:10px 12px;border:1px solid var(--g);border-radius:12px;background:var(--bg);font-size:13.5px;line-height:1.35}
.pk-conf ul{margin:6px 0;padding-left:18px}.pk-conf p{margin:0 0 8px}.pk-cb{display:flex;flex-direction:column;gap:6px}
.pk-addb{min-height:48px;height:auto;padding-top:8px;padding-bottom:8px;line-height:1.25}
/* picker: growing place */
.pk-grow{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0 0 14px}
.pk-grow>span{color:var(--mut);font-size:14px}
.pk-gchips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%;max-width:440px}
.pk-gchips .pk-chip{min-width:0;height:100%;min-height:48px;padding:6px 4px;font-size:13.5px;line-height:1.2;border-radius:24px}
.pk-gap{margin:0 0 10px;font-size:13px;line-height:1.35;color:#8a5a00;text-align:center}
.pk-pl1{font-style:normal}
.pk-pl{font:inherit;font-size:13px;max-width:100%;padding:1px 4px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}
.pk-un{display:block;font-size:12px;color:#8b8b8b}
.reltypes{flex-wrap:wrap;justify-content:center;margin:4px 0 8px;gap:6px}
.reltypes{margin:10px 0 6px}
.relszr{margin-top:0;font-size:.92em}.relszrl{align-self:center;color:var(--muted,#667);font-size:.9em}
.bt{margin:14px 0 6px}.bt .h{margin-bottom:2px}.bt a.n{color:inherit;text-decoration:none;display:block}.bt .btall{width:100%;margin-top:10px}
.bt a.rt{text-decoration:none;color:inherit}
.pk-si{align-items:center}.pk-sx{flex:none;width:28px;height:28px;border:0;border-radius:50%;background:#fde8e8;color:#d32f2f;font-size:20px;line-height:28px;padding:0;cursor:pointer}.pk-sx:hover{background:#d32f2f;color:#fff}.pk-sxr{margin-top:8px;border:0;background:none;color:var(--acc,#1f7a3a);text-decoration:underline;cursor:pointer;padding:0;font:inherit}
.pk-ch{display:block;font-size:12px;color:var(--mut)}
.pk-tip{margin:10px 0 4px;padding:10px 12px;border-radius:10px;background:#fff8e1;color:#5d4a00;font-size:14px;line-height:1.4}
.pk-si+.pk-si::before{content:'';position:absolute;left:50%;top:-5px;width:40px;margin-left:-20px;border-top:2px solid #b8c2bc}.pk-si+.pk-si{position:relative;margin-top:10px}

.pk-sdh{margin:0 0 6px;font-size:12.5px;line-height:1.35;color:var(--mut)}
.pk-si{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.pk-si.ed{user-select:auto;-webkit-user-select:auto}
.pk-pn{display:block;font-size:11px;color:var(--g);font-weight:600}
.pk-ed{display:inline-flex;align-items:center;gap:4px;flex:none}
.pk-eb{width:36px;height:36px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--g);font-size:20px;line-height:1;padding:0;cursor:pointer}
.pk-eq{width:56px;height:36px;border:1px solid var(--line);border-radius:8px;text-align:center;font:inherit;font-size:16px;padding:0}
.pk-si.ed{flex-wrap:wrap}.pk-sl2.pk-over,.pk-over{color:#d32f2f;font-weight:600}


/* back-in-stock notifications */
.want{display:inline-block;font:inherit;font-size:12px;font-weight:600;color:#1f7a3a;background:#fff;border:1px solid #1f7a3a;border-radius:999px;padding:4px 12px;margin:4px 0 0 6px;cursor:pointer;line-height:1.3;vertical-align:middle;max-width:100%;text-align:left}
.want:hover{background:#eaf6ee}.want:disabled,.want.done{opacity:.75;cursor:default;background:#eaf6ee}
.nfyBd{position:fixed;inset:0;z-index:70;background:rgba(10,30,15,.5)}
.sheet.nfy{z-index:71;padding-top:20px}
.nfy h2{margin:0 36px 4px 0;font-size:19px}.nfy .d{color:var(--mut);margin:0 0 10px;font-size:14px}
.nfy form{display:grid;gap:10px}.nfy label{display:grid;gap:4px;font-size:14px;font-weight:600}
.nfy .chk{font-weight:400;font-size:14px;min-height:40px;align-items:flex-start}.nfy .chk span{padding-top:2px}
.nfy small,.nfy .nfHint{color:var(--mut);font-size:12px}.nfy .nfHint{margin:-6px 0 0 32px}
.nfy .msg{min-height:0}
.nfBan{display:flex;gap:10px;align-items:center;background:#eaf6ee;color:#17261b;border-bottom:1px solid #b9dcc4;padding:8px 14px;font-size:14px}
.nfBan span{flex:1}.nfBan a{color:#1f7a3a;font-weight:700;white-space:nowrap}.nfBan button{border:0;background:none;font-size:22px;line-height:1;width:36px;height:36px;color:#555}
.nlist{margin:0 0 12px;display:grid;gap:6px}.nlist a{display:block;background:#eaf6ee;border-radius:10px;padding:9px 12px;color:#17261b;text-decoration:none;font-size:14px}.nlist a.rd{background:#f4f4f4;color:#666}
.nfy label.chk{display:flex;flex-direction:row;gap:10px;align-items:flex-start}.nfy label.chk input{flex:none;width:22px;height:22px;margin-top:0}.nfy #nfMsg:empty{display:none}
/* article number + out-of-stock favourites (owner 2026-11-07) */
.sku{display:block;font-size:12px;line-height:1.3;color:#8a8f88;font-weight:400;margin:1px 0 2px}
.chip .sku,.pk-si .sku,.pk-si small.sku{display:inline;margin-left:5px}
.fr .n .sku{margin:1px 0}
.fr.oos{background:#fdecec;border:1px solid #f5c2c2;border-radius:12px;padding:10px 8px;margin:4px 0}
.fr.oos .na{display:inline-block;font-size:12.5px;font-weight:700;color:#b3261e;background:#fff;border:1px solid #f5c2c2;border-radius:8px;padding:1px 7px;margin:2px 0}
.fr.oos .want{display:block;margin:4px 0 0;font-size:13px;min-height:36px}
.fr.oos .fadd{background:#c9a3a0}
.fr.cs.oos{background:#fdecec}
.nfy p.sku{margin:-4px 0 8px}
.rr .sku,.ci .sku{margin:0}
/* cabinet «Товари, що з'явилися» + auto-subscription line (owner 2026-11-07) */
.bdg{display:inline-block;min-width:18px;height:18px;line-height:18px;padding:0 5px;border-radius:9px;background:#d9363e;color:#fff;font-size:11px;font-weight:700;text-align:center;vertical-align:middle;margin-left:3px}
.tabs button{padding:6px 2px;font-size:13px}
.nfy .nfAuto{background:#eaf6ee;border-radius:10px;padding:9px 12px;font-size:14px;color:#17261b;margin:0 0 12px}.nfy .nfAuto[hidden]{display:none}
.rsH{font-size:15px;margin:14px 0 8px}.rslist{display:grid;gap:8px}
.rs{display:flex;gap:10px;border:1px solid #e3e8e3;border-radius:12px;padding:8px;background:#fff}.rs.new{background:#eaf6ee;border-color:#b9dcc4}
.rs .th{flex:none;width:64px;height:64px;border-radius:10px;overflow:hidden;background:#f2f5f2;display:flex;align-items:center;justify-content:center}.rs .th img{width:100%;height:100%;object-fit:cover}.rs .th .emoji{font-size:30px}
.rs .in{flex:1;min-width:0;display:grid;gap:2px;font-size:14px}.rs .in small{color:var(--mut);font-size:12px}.rs .in .sku{margin:0}.rs .pr{font-weight:700}
.rs .stt{font-size:12px;font-weight:600}.rs .stt.ok{color:#1f7a3a}.rs .stt.no{color:#c0392b}
.rs .ac{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.rs .ac .btn{min-height:38px;padding:6px 12px;font-size:13px;text-decoration:none;display:inline-flex;align-items:center}

/* separate «show out-of-stock» block */
.oosblock{padding:14px;margin-bottom:14px;background:#f4f8f1;border:1.5px dashed #b9cfae}
.oosblock .sw{display:flex;align-items:center;gap:12px;width:100%;background:none;border:0;padding:2px 0;min-height:44px;text-align:left;cursor:pointer;font:inherit;color:inherit}
.oosblock .sw b{font-size:15px;font-weight:600}
.oosblock .trk{flex:none;width:46px;height:26px;border-radius:13px;background:#c9d1c9;position:relative;transition:background .15s}
.oosblock .trk i{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:left .15s}
.oosblock .sw.on .trk{background:var(--g)}.oosblock .sw.on .trk i{left:23px}
.oosblock .sw:focus-visible{outline:2px solid var(--g);outline-offset:3px;border-radius:8px}
.oosblock p{margin:4px 0 0 58px;font-size:13px;color:var(--mut);line-height:1.4}
@media(max-width:480px){.oosblock p{margin-left:0}}

.ttn{margin:6px 0;font-size:14px}.ttn a{color:var(--g2)}

/* ---- catalog tile v3 (SIVO card spec): photo 4:3, 2x2 characteristics, pack, price row at the bottom ---- */
.pc .pimg{aspect-ratio:4/3}
.pc .pimg .noph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;height:100%;padding:8px;text-align:center;color:#3f5a3a;background:linear-gradient(#b8caaf,#cee0c5)}
.pc .pimg .noph b{font-size:20px;line-height:1.2;font-weight:700;overflow-wrap:anywhere}
.pc .pimg .noph i{font-style:normal;font-size:12px;font-weight:700;letter-spacing:.2em;opacity:.7}
.pc .pb{gap:0;padding:12px 14px 14px}
.pc .pbd{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}
.pc .pb h3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.pc .pb .sku{margin:0}
.pc .rst{font-size:13px;color:var(--mut)}.pc .rst:empty{display:none}
.pc .attrs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin:2px 0}
.pc .attrs .at:last-child:nth-child(odd){grid-column:1/-1}
.pc .at{min-width:0}
.pc .at small{display:block;font-size:11.5px;line-height:1.25;color:#8a8f88}
.pc .at b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;font-size:13.5px;line-height:1.25;font-weight:600}
.pc .pkl{margin:0;font-size:13px;color:#3c4a40;overflow-wrap:anywhere}.pc .pkl span{color:#8a8f88}
.pc .stkrow{margin:0}
.pc .row{margin-top:10px;padding-top:0}
.pc .row .btn{flex:1;min-width:0}
.pc .more{display:flex;align-items:center;gap:10px;margin-top:10px;padding:0 12px;min-height:44px;border:1.5px solid #cfe3d0;border-radius:12px;background:#f1f8f1;color:var(--g,#2e7d32);font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s}
.pc .more:hover{background:#e3f1e4;border-color:var(--g,#2e7d32)}
.pc .more .mi{width:22px;height:22px;flex:none}
.pc .more span{flex:1}
.pc .more .ma{width:18px;height:18px;flex:none;opacity:.7}
.pc .pb .d{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* detailed card (SIVO spec §3): name, photo 4:3, article, buy box, then characteristics / about / tips / seed info */
.sheet h2{margin:2px 40px 8px 0}
.sheet .favwrap{margin-top:0}.sheet .favwrap .pimg,.ssr-card .pimg{margin-top:0;aspect-ratio:4/3;border-radius:16px;overflow:hidden}
.sheet .favwrap .pimg .noph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;height:100%;padding:8px;text-align:center;color:#3f5a3a;background:linear-gradient(#b8caaf,#cee0c5)}
.sheet .favwrap .pimg .noph b{font-size:26px;line-height:1.2;overflow-wrap:anywhere}.sheet .favwrap .pimg .noph i{font-style:normal;font-size:13px;font-weight:700;letter-spacing:.2em;opacity:.7}
.sheet>.sku{margin:6px 0 10px;font-size:13px}
.buybox{background:#f6f9f5;border-radius:16px;padding:12px 14px;margin:0 0 14px}
.buybox .pkl.big{margin:0 0 6px;font-size:15px;color:#3c4a40;overflow-wrap:anywhere}.buybox .pkl.big span{color:#8a8f88}
.prow{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 10px}
.price.big{font-size:26px;font-weight:800}
.prow .stkm{margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.buybox .acts{margin-bottom:6px}
.csec{margin:0 0 16px}.csec h3{margin:0 0 6px;font-size:17px}
.csec p{margin:0 0 6px;color:#2c3d31;line-height:1.5;overflow-wrap:anywhere}
.csec .cgrey{color:#8a8f88;font-size:13px;margin:-2px 0 6px}
.ctab{width:100%;border-collapse:collapse;font-size:14px}
.ctab th,.ctab td{text-align:left;padding:8px 10px;vertical-align:top;overflow-wrap:anywhere}
.ctab thead th{font-size:12px;font-weight:600;color:#8a8f88;border-bottom:1px solid #dfe7dc}
.ctab tbody th{font-weight:500;color:#5b6a55;width:46%}
.ctab tbody td{font-weight:600}
.ctab tbody tr:nth-child(odd){background:#f6f9f5}
.ssr-card{max-width:680px;margin:16px auto;padding:0 16px}
.sheet .note{margin:0 0 10px}.sheet .note h4{margin-bottom:3px}
.pill{margin:5px 2px 0;font-size:12px;line-height:1.3;color:var(--mut,#6b7a6b);font-style:italic}

/* pack variants: selector in the detailed card, «ще N фасування» hint on the catalog tile */
.vsel{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 10px}
.vsel .vlab{flex:0 0 100%;font-size:13px;color:#8a8f88}
.vchip{display:block;box-sizing:border-box;min-height:44px;padding:8px 12px;border:1.5px solid #cfdccb;border-radius:12px;background:#fff;color:#2c3d31;font-size:14px;line-height:1.3;text-decoration:none;overflow-wrap:anywhere;flex:1 1 auto;max-width:100%}
.vchip.on{border-color:var(--g,#2e7d32);background:#e8f3e6;font-weight:700;box-shadow:inset 0 0 0 1px var(--g,#2e7d32)}
.vchip.out{color:#8a8f88;background:#f3f4f2}.vchip.out i{font-style:normal;font-size:12px;color:#b3261e}
.vchip:focus-visible{outline:2px solid var(--g,#2e7d32);outline-offset:2px}
.pc .vmore{margin:0;font-size:12.5px;color:var(--g,#2e7d32);font-weight:600}

.pc .pka{margin:8px 0 2px}
.pc .pkat{margin:0 0 4px;font-size:12px;color:#8a8f88}
.pc .pkv{display:flex;align-items:center;gap:8px;min-height:44px;padding:6px 10px;border:1.5px dashed #b9d6bb;border-radius:10px;background:#fff;color:#1f2a22;text-decoration:none;margin-top:4px;transition:background .15s,border-color .15s}
.pc .pkv:hover{background:#f1f8f1;border-color:var(--g,#2e7d32);border-style:solid}
.pc .pkv .pkw{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.pc .pkv .pkw b{font-size:14px}.pc .pkv .pkw small{font-size:12px;color:#6b7369;overflow-wrap:anywhere}
.pc .pkv .pkp{font-weight:700;font-size:15px;white-space:nowrap;color:var(--g,#2e7d32)}
.pc .pkv svg{width:16px;height:16px;flex:none;color:var(--g,#2e7d32);opacity:.7}
.pc .pkv.out{background:#fafafa;border-color:#ddd}.pc .pkv.out .pkp{color:#8a8f88}.pc .pkv .pkno{color:#9a9a9a}

/* pack weight + seed count over the photo (CARD.photoBadge) */
.pimg,.gal{container-type:inline-size}
.gal{position:relative}
.pbadge{position:absolute;left:3%;bottom:5%;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:.15em;padding:.35em .6em .4em;border-radius:12px;background:rgba(255,255,255,.88);color:#163d23;box-shadow:0 2px 10px rgba(0,0,0,.12);line-height:1.05;pointer-events:none;font-size:clamp(13px,4.6cqw,26px)}
.pbadge b{font-size:1.45em;font-weight:800;letter-spacing:-.01em}
.pbadge span{font-size:.82em;font-weight:600;color:#2e5b3a}
.gal>.pbadge{bottom:calc(30px + 5%)}
.pc .gal>.pbadge,.pc .pimg>.pbadge{bottom:9%}
.pbadge .pbr{margin-top:.15em;padding:.1em .45em;border-radius:6px;background:#2e7d32;color:#fff;font-weight:700;font-size:.78em}

/* quick-filter buttons at the bottom of a variety photo (public/traits.js); the weight badge sits above them */
.qrow{position:absolute;left:3%;right:3%;bottom:2.5%;z-index:3;display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.qrow::-webkit-scrollbar{display:none}
.qb{flex:none;height:28px;padding:0 11px;border:0;border-radius:999px;background:rgba(255,255,255,.9);color:#163d23;font:600 12.5px/28px inherit;font-family:inherit;white-space:nowrap;box-shadow:0 1px 6px rgba(0,0,0,.18);cursor:pointer}
.qb:hover{background:#fff}
.gal>.qrow{bottom:30px}
.pc .gal>.qrow{bottom:22px}
.pimg:has(>.qrow)>.pbadge,.gal:has(>.qrow)>.pbadge{bottom:calc(2.5% + 38px)}
.gal>.qrow~.gdots{z-index:1}
.pc .gal:has(>.qrow)>.pbadge{bottom:calc(22px + 38px)}
.gal:not(.pc .gal):has(>.qrow)>.pbadge{bottom:calc(30px + 38px)}
#traitChip .chip b{font-weight:700;margin-left:4px}

/* Дизайн: плашка фасовки вгорі праворуч, прапор у її правому верхньому куті; «В улюблені» вгорі ліворуч */
.pimg>.pbadge,.gal>.pbadge,.pc .gal>.pbadge,.pc .pimg>.pbadge,.pimg:has(>.qrow)>.pbadge,.gal:has(>.qrow)>.pbadge,.pc .gal:has(>.qrow)>.pbadge,.gal:not(.pc .gal):has(>.qrow)>.pbadge{top:3%;bottom:auto;left:3%;right:auto;align-items:flex-start}
.pbadge .pbt{display:flex;align-items:flex-start;gap:.5em;width:100%;justify-content:space-between}
.pbadge .pbt .flag{width:22px;height:15px;flex:none;margin-top:.2em}
:has(>.pbadge)>.fheart,.favwrap:has(.pbadge)>.fheart{left:auto;right:8px}