/*
Theme Name: ODA Botanique
Theme URI: https://oda-flowers.com.ua
Author: ODA Flowers
Description: Фірмова тема ODA Flowers «Botanique» — ботанічний люкс: бічна рейка, Prata+Manrope, SEO-first, mobile-first. Зібрана за прототипом v7 (09.07.2026).
Version: 0.1.0
Requires PHP: 8.1
Text Domain: botanique
*/
:root{
--green:#1e2b23; --green2:#26362c; --green3:#31453a;
--cream:#f7f1e8; --cream2:#efe6d8; --card:#fffdf9;
--ink:#1c211d; --body:#5f6b62; --faint:#96a098;
--wine:#9b0e23; --rose:#e6a2a1; --gold:#c9a26b;
--line:rgba(30,43,35,.12); --linel:rgba(247,241,232,.14);
--disp:'Prata',Georgia,serif; --sans:'Manrope',system-ui,sans-serif;
--r:24px; --sh:0 30px 70px -28px rgba(30,43,35,.4);
}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--cream);color:var(--ink);font-weight:400;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
.disp{font-family:var(--disp);font-weight:400}
.wrap{max-width:1200px;margin:0 auto;padding:0 40px}
.eyebrow{font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);font-weight:700}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:17px 34px;border-radius:4px;font-size:13.5px;font-weight:700;letter-spacing:.04em;transition:.45s cubic-bezier(.2,.8,.2,1)}
.btn-green{background:var(--green);color:var(--cream)}
.btn-green:hover{background:var(--green3);transform:translateY(-3px);box-shadow:0 16px 36px -14px rgba(30,43,35,.55)}
.btn-wine{background:var(--wine);color:#fff}
.btn-wine:hover{transform:translateY(-3px);box-shadow:0 16px 36px -14px rgba(155,14,35,.6)}
.btn-out{border:1.5px solid var(--line)}
.btn-out:hover{border-color:var(--green);transform:translateY(-3px)}
.btn-outl{border:1.5px solid var(--linel);color:var(--cream)}
.btn-outl:hover{background:var(--cream);color:var(--green);transform:translateY(-3px)}
.btn .ar{transition:.4s}.btn:hover .ar{transform:translateX(5px)}
.reveal{opacity:0;transform:translateY(34px);transition:opacity 1s ease,transform 1s cubic-bezier(.16,.84,.24,1)}
.reveal.in{opacity:1;transform:none}.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}
/* ── таймер ── */
.topbar{background:var(--green);color:var(--cream2);text-align:center;padding:10px 16px;font-size:12.5px;position:relative;z-index:80}
.topbar b{color:var(--rose);font-variant-numeric:tabular-nums}
/* ── боковая рейка (кардинально другой каркас) ── */
#rail{position:fixed;left:0;top:0;bottom:0;width:84px;background:var(--cream);border-right:1px solid var(--line);z-index:70;display:flex;flex-direction:column;align-items:center;padding:22px 0}
#rail .mark{width:38px;height:38px;color:var(--wine);transition:.4s;cursor:pointer}
#rail .mark:hover{transform:rotate(-12deg) scale(1.08)}
#rail .mid{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
#rail .vtxt{writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;letter-spacing:.5em;text-transform:uppercase;color:var(--faint);margin:18px 0}
#rail .ric{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.3s;position:relative;color:var(--ink)}
#rail .ric:hover{background:var(--cream2);color:var(--wine)}
#rail .ric svg{width:20px;height:20px}
.cart-count{position:absolute;top:2px;right:2px;background:var(--wine);color:#fff;font-size:10px;min-width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;transform:scale(0);transition:.3s cubic-bezier(.34,1.56,.64,1)}
.cart-count.show{transform:scale(1)}.cart-count.bump{animation:bump .4s}@keyframes bump{50%{transform:scale(1.5)}}
main,#footer{margin-left:84px}
/* ── верхняя строка меню ── */
.mbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 40px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:60;background:rgba(247,241,232,.9);backdrop-filter:blur(14px)}
.mbar .brand{font-family:var(--disp);font-size:19px;letter-spacing:.12em}
.mbar .brand span{color:var(--wine)}
.menu{display:flex;gap:30px;list-style:none}
.menu a{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--body);position:relative;padding:4px 0;transition:.3s}
.menu a:hover,.menu a.active{color:var(--ink)}
.menu a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--wine);transition:.4s}
.menu a:hover::after,.menu a.active::after{width:100%}
.mbar .tel{font-weight:700;font-size:14px}
.burger{display:none}
.view{display:none}.view.active{display:block;animation:fi .7s ease}@keyframes fi{from{opacity:0}}
/* ── split hero ── */
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 140px)}
.hero-l{background:linear-gradient(150deg,#fdfaf4,var(--cream) 55%,var(--cream2));color:var(--ink);padding:70px 60px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.hero-l .wm{position:absolute;width:520px;height:520px;color:rgba(30,43,35,.05);bottom:-140px;left:-120px;pointer-events:none}
.hero-l h1{font-family:var(--disp);font-size:clamp(42px,4.6vw,74px);line-height:1.08;margin:22px 0 0}
.hero-l h1 em{font-style:italic;color:var(--wine)}
.hero-l .sub{color:var(--body);max-width:420px;margin:24px 0 32px;font-size:16px}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:36px}
.hq-lbl{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);font-weight:700;margin-bottom:10px}
.hq-row{display:flex;gap:9px;flex-wrap:wrap}
.hq{padding:9px 18px;border-radius:4px;border:1px solid var(--line);background:var(--card);font-size:13px;font-weight:500;color:var(--ink);transition:.3s}
.hq:hover{background:var(--green);border-color:var(--green);color:var(--cream);transform:translateY(-2px)}
.hero-r{position:relative;overflow:hidden}
.hero-r img{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover;will-change:transform}
.hero-r .hcap{position:absolute;bottom:26px;left:26px;background:rgba(247,241,232,.92);backdrop-filter:blur(8px);border-radius:6px;padding:16px 22px;z-index:2}
.hero-r .hcap b{font-family:var(--disp);font-size:18px;color:var(--wine);display:block}
.hero-r .hcap span{font-size:12.5px;color:var(--body)}
.hero-r .hstat{position:absolute;top:26px;right:26px;background:var(--green);color:var(--cream);border-radius:6px;padding:14px 20px;text-align:center;z-index:2;animation:floaty 5s ease-in-out infinite}
.hero-r .hstat b{font-family:var(--disp);font-size:22px;color:var(--gold);display:block}
.hero-r .hstat span{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;opacity:.8}
@keyframes floaty{50%{transform:translateY(-10px)}}
/* ── бегущая строка ── */
.marq{background:var(--wine);color:var(--cream);padding:15px 0;overflow:hidden;white-space:nowrap}
.marq-in{display:inline-flex;animation:mv 34s linear infinite}
.marq span{font-family:var(--disp);font-size:17px;padding:0 28px;display:inline-flex;align-items:center;gap:28px}
.marq span::after{content:"❦";color:var(--rose);font-size:14px}
@keyframes mv{to{transform:translateX(-50%)}}
/* ── trust ── */
.trust{background:var(--card);border-bottom:1px solid var(--line)}
.trust .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-top:32px;padding-bottom:32px}
.tr{display:flex;gap:13px;align-items:center}
.tr .ic{width:46px;height:46px;flex:none;border-radius:6px;background:var(--cream2);display:flex;align-items:center;justify-content:center;font-size:20px}
.tr b{font-size:14px;display:block;font-weight:700}
.tr span{font-size:12.5px;color:var(--faint)}
.sec{padding:110px 0}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:48px;flex-wrap:wrap}
.sec-head h2{font-family:var(--disp);font-size:clamp(32px,4.2vw,54px);line-height:1.08}
.sec-head h2 em{font-style:italic;color:var(--wine)}
.sec-head .note{font-size:13px;color:var(--faint)}
/* ── подбор за 30 сек (зелёный) ── */
.finder{background:var(--green);color:var(--cream);border-radius:var(--r);margin:0 40px;overflow:hidden;position:relative}
.finder .wm{position:absolute;width:600px;height:600px;color:rgba(247,241,232,.04);top:-180px;right:-160px;pointer-events:none;transform:rotate(20deg)}
.finder .inner{position:relative;max-width:1040px;margin:0 auto;padding:78px 40px}
.finder h2{font-family:var(--disp);font-size:clamp(30px,4vw,52px);line-height:1.06;margin:14px 0 8px}
.finder h2 em{font-style:italic;color:var(--rose)}
.finder .fs{color:rgba(247,241,232,.65);max-width:520px;margin-bottom:40px}
.qrow{display:flex;gap:20px;align-items:baseline;padding:20px 0;border-top:1px solid var(--linel);flex-wrap:wrap}
.qrow .qn{font-family:var(--disp);color:var(--gold);font-size:17px;width:34px;flex:none}
.qrow .ql{font-size:14px;font-weight:700;width:120px;flex:none}
.qchips{display:flex;gap:9px;flex-wrap:wrap}
.qchip{padding:10px 20px;border-radius:4px;border:1px solid var(--linel);font-size:13.5px;transition:.3s;color:var(--cream2)}
.qchip:hover{border-color:var(--rose);color:#fff}
.qchip.on{background:var(--rose);border-color:var(--rose);color:var(--green);font-weight:700}
.qfoot{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:32px;flex-wrap:wrap}
.qfoot .hint{font-size:13px;color:rgba(247,241,232,.5)}
#qBtn{min-width:270px}
/* ── карточки ── */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden;cursor:pointer;transition:.45s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column}
.card:hover{transform:translateY(-7px);box-shadow:var(--sh);border-color:var(--green3)}
.card .ph{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--cream2)}
.card .ph img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.card:hover .ph img{transform:scale(1.07)}
.card .tag{position:absolute;top:12px;left:12px;background:rgba(247,241,232,.94);font-size:10.5px;font-weight:700;letter-spacing:.06em;padding:6px 12px;border-radius:4px;color:var(--green)}
.card .today{position:absolute;top:12px;right:12px;background:var(--green);color:var(--cream);font-size:10.5px;font-weight:600;padding:6px 11px;border-radius:4px}
.card .add{position:absolute;bottom:12px;right:12px;width:44px;height:44px;border-radius:50%;background:var(--wine);color:#fff;font-size:22px;display:flex;align-items:center;justify-content:center;transform:scale(0) rotate(-90deg);transition:.4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 20px -6px rgba(155,14,35,.6)}
.card:hover .add{transform:none}.card .add:hover{background:#7c0a1c}
@media(hover:none){.card .add{transform:none}}
.card .body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}
.card .body h3{font-family:var(--disp);font-size:17.5px;line-height:1.25}
.card .cmp{font-size:12px;color:var(--faint);margin:6px 0 10px;line-height:1.5}
.card .prow{display:flex;justify-content:space-between;align-items:center;margin-top:auto}
.card .pr{font-family:var(--disp);font-size:19px;color:var(--wine)}
.card .st{font-size:11.5px;color:var(--gold);letter-spacing:1px}
/* ── TELEGRAM −5% ── */
.tg{margin:0 40px;border-radius:var(--r);overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;background:var(--card);border:1px solid var(--line)}
.tg-l{padding:70px 60px;display:flex;flex-direction:column;justify-content:center}
.tg-l h2{font-family:var(--disp);font-size:clamp(28px,3.6vw,46px);line-height:1.1;margin:14px 0 12px}
.tg-l h2 em{font-style:italic;color:var(--wine)}
.tg-l p{color:var(--body);max-width:440px;margin-bottom:28px}
.tg-form{display:flex;gap:10px;flex-wrap:wrap;max-width:460px}
.tg-form input{flex:1;min-width:200px;background:var(--cream);border:1.5px solid var(--line);border-radius:4px;padding:15px 18px;font-family:inherit;font-size:15px;outline:none;transition:.3s}
.tg-form input:focus{border-color:var(--green)}
.tg-ok{display:none;align-items:center;gap:10px;background:#e9f3ec;border:1.5px solid #b5d4bf;color:#1e6b38;border-radius:4px;padding:14px 18px;font-weight:600;font-size:14px;max-width:460px}
.tg-note{font-size:12px;color:var(--faint);margin-top:14px}
.tg-r{background:var(--green);position:relative;display:flex;align-items:center;justify-content:center;padding:50px 40px;overflow:hidden}
.tg-r .wm{position:absolute;width:420px;height:420px;color:rgba(247,241,232,.05);bottom:-120px;right:-100px}
.chat{width:100%;max-width:330px;background:var(--card);border-radius:18px;padding:18px;box-shadow:var(--sh);position:relative;z-index:2}
.chat .ch-h{display:flex;align-items:center;gap:11px;padding-bottom:13px;border-bottom:1px solid var(--line);margin-bottom:13px}
.chat .ava{width:38px;height:38px;border-radius:50%;background:var(--wine);display:flex;align-items:center;justify-content:center}
.chat .ava svg{width:20px;height:20px;color:#fff}
.chat .ch-h b{font-size:14px;display:block}
.chat .ch-h span{font-size:11.5px;color:#3aa76d}
.bub{max-width:86%;border-radius:12px;padding:10px 14px;font-size:13px;line-height:1.5;margin-bottom:9px;animation:pop .5s cubic-bezier(.2,.8,.2,1) both}
.bub.in{background:var(--cream2);border-bottom-left-radius:4px}
.bub.out{background:#dcefe2;margin-left:auto;border-bottom-right-radius:4px}
.bub b{color:var(--wine)}
.bub:nth-child(3){animation-delay:.3s}.bub:nth-child(4){animation-delay:.6s}.bub:nth-child(5){animation-delay:.9s}.bub:nth-child(6){animation-delay:1.2s}
@keyframes pop{from{opacity:0;transform:translateY(10px) scale(.96)}}
/* ── параллакс-цитата ── */
.plx{position:relative;height:58vh;min-height:380px;overflow:hidden;border-radius:var(--r);margin:0 40px}
.plx img{position:absolute;left:0;right:0;top:-18%;height:136%;width:100%;object-fit:cover;will-change:transform}
.plx::after{content:"";position:absolute;inset:0;background:rgba(20,30,24,.55)}
.plx .q{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--cream);padding:20px}
.plx .q blockquote{font-family:var(--disp);font-size:clamp(24px,3.6vw,44px);line-height:1.22;max-width:20ch;font-style:italic}
.plx .q cite{font-size:11px;letter-spacing:.3em;text-transform:uppercase;margin-top:16px;font-style:normal;color:var(--gold)}
/* ── отзывы ── */
.rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.rev{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:28px;transition:.4s}
.rev:hover{transform:translateY(-5px);box-shadow:var(--sh)}
.rev .stars{color:var(--gold);letter-spacing:3px;margin-bottom:13px}
.rev p{font-size:14px;color:var(--body);margin-bottom:16px;font-style:italic}
.rev .who{display:flex;align-items:center;gap:12px}
.rev .ava{width:40px;height:40px;border-radius:50%;background:var(--cream2);display:flex;align-items:center;justify-content:center;font-family:var(--disp);color:var(--wine)}
.rev .who b{font-size:13.5px;display:block}.rev .who span{font-size:12px;color:var(--faint)}
/* ── футер ── */
footer{background:var(--green);color:#b7c2ba;margin-top:110px;padding:80px 0 30px}
.f-top{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:24px;padding-bottom:50px;border-bottom:1px solid var(--linel)}
.f-top h2{font-family:var(--disp);font-size:clamp(28px,3.8vw,50px);color:var(--cream);line-height:1.08}
.f-top h2 em{font-style:italic;color:var(--rose)}
.f-cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:38px;padding:48px 0}
footer .mark{width:38px;height:38px;color:var(--rose)}
.f-brand .n{font-family:var(--disp);font-size:22px;color:var(--cream);margin-top:12px;letter-spacing:.12em}
.f-brand p{margin-top:12px;font-size:14px;max-width:250px}
footer h5{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:15px}
footer ul{list-style:none}footer li{margin-bottom:10px;font-size:14px}footer a:hover{color:var(--cream)}
.f-b b{color:var(--cream);font-weight:600}
.f-bottom{display:flex;justify-content:space-between;padding-top:22px;font-size:11.5px;color:#7e8b81;flex-wrap:wrap;gap:10px}
/* ── корзина ── */
.overlay{position:fixed;inset:0;background:rgba(20,30,24,.5);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.4s;z-index:90}.overlay.open{opacity:1;visibility:visible}
.drawer{position:fixed;top:0;right:0;width:430px;max-width:93vw;height:100%;background:var(--cream);z-index:100;transform:translateX(100%);transition:.55s cubic-bezier(.2,.85,.25,1);display:flex;flex-direction:column;box-shadow:-30px 0 80px rgba(20,30,24,.3)}.drawer.open{transform:none}
.drawer-h{display:flex;justify-content:space-between;align-items:center;padding:24px 28px}
.drawer-h h3{font-family:var(--disp);font-size:23px}
.drawer-h button{width:40px;height:40px;border-radius:50%;background:var(--cream2);font-size:15px}
.tg-cart{margin:0 28px 8px;background:#e9f3ec;border:1px solid #b5d4bf;border-radius:8px;padding:12px 15px;font-size:12.5px;color:#1e6b38;display:none}
.tg-cart.show{display:block}
.free-bar{margin:0 28px 6px;background:var(--cream2);border-radius:8px;padding:12px 16px;font-size:12.5px;color:var(--body)}
.free-bar .track{height:6px;background:rgba(30,43,35,.12);border-radius:6px;margin-top:8px;overflow:hidden}
.free-bar .fill{height:100%;background:var(--green);border-radius:6px;transition:.6s}
.cart-items{flex:1;overflow-y:auto;padding:10px 28px}
.ci{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}
.ci img{width:68px;height:80px;object-fit:cover;border-radius:8px}
.ci h4{font-family:var(--disp);font-size:15.5px;line-height:1.25}
.ci .qty{display:inline-flex;background:var(--cream2);border-radius:4px;margin-top:8px;overflow:hidden}
.ci .qty button{width:28px;height:28px;color:var(--wine);font-weight:700}.ci .qty span{width:30px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}
.ci .rm{font-size:11px;color:var(--faint);margin-top:8px;display:block}.ci .rm:hover{color:var(--wine)}
.ci .cip{font-family:var(--disp);color:var(--wine)}
.cart-empty{padding:70px 28px;text-align:center;color:var(--body)}.cart-empty .mark{width:52px;height:52px;color:var(--rose);margin:0 auto 14px;opacity:.6}
.drawer-f{padding:20px 28px;border-top:1px solid var(--line)}
.drawer-f .row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;font-size:13px;color:var(--body)}
.drawer-f .row .disc{color:#1e6b38;font-weight:700}
.drawer-f .row.total{margin:10px 0 16px}
.drawer-f .row.total .t2{font-family:var(--disp);font-size:26px;color:var(--wine)}
.drawer-f .btn{width:100%}
/* ── доп-товары в корзине ── */
.ups{padding:4px 28px 12px}
.ups .ups-lbl{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);font-weight:700;margin-bottom:10px}
.up{display:flex;align-items:center;gap:11px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--card);margin-bottom:8px}
.up .em{width:40px;height:40px;flex:none;border-radius:8px;background:var(--cream2);display:flex;align-items:center;justify-content:center;font-size:20px}
.up b{font-size:12.5px;line-height:1.3;display:block}
.up .upr{font-family:var(--disp);color:var(--wine);font-size:13.5px;white-space:nowrap;margin-left:auto}
.up .upadd{width:30px;height:30px;flex:none;border-radius:50%;background:var(--wine);color:#fff;font-size:17px;display:flex;align-items:center;justify-content:center}
.up .upadd:hover{background:#7c0a1c}
.ci-em{width:68px;height:80px;flex:none;border-radius:8px;background:var(--cream2);display:flex;align-items:center;justify-content:center;font-size:30px}
/* ── товар ── */
.pv{padding:36px 0 110px}
.crumb{font-size:12.5px;color:var(--faint);margin-bottom:28px}.crumb a:hover{color:var(--wine)}
.pv-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:54px}
.pv-main{aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:var(--cream2);box-shadow:var(--sh)}
.pv-main img{width:100%;height:100%;object-fit:cover}
.pv-thumbs{display:flex;gap:12px;margin-top:14px}
.pv-thumbs img{width:76px;height:92px;object-fit:cover;border-radius:8px;cursor:pointer;opacity:.55;border:2px solid transparent;transition:.3s}
.pv-thumbs img.act,.pv-thumbs img:hover{opacity:1;border-color:var(--green)}
.pv-info{padding-top:4px}
.pv-info .cat{display:inline-block;background:var(--cream2);color:var(--green);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:7px 14px;border-radius:4px;margin-bottom:16px}
.pv-info h1{font-family:var(--disp);font-size:clamp(28px,3.6vw,44px);line-height:1.12;margin-bottom:10px}
.pv-stars{color:var(--gold);letter-spacing:2px;font-size:14px}
.pv-stars span{color:var(--faint);font-size:13px;letter-spacing:0;margin-left:6px}
.pv-price{font-family:var(--disp);font-size:34px;color:var(--wine);margin:16px 0 4px}
.pv-cmp{margin:16px 0 6px}
.pv-cmp .lbl,.slots .lbl{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);font-weight:700;margin-bottom:9px}
.pv-cmp ul{list-style:none;display:flex;gap:8px;flex-wrap:wrap}
.pv-cmp li{background:var(--card);border:1px solid var(--line);border-radius:4px;padding:7px 13px;font-size:13px;color:var(--body)}
.pv-promise{display:flex;flex-direction:column;gap:8px;margin:18px 0 22px;font-size:13.5px;color:var(--body)}
.slots{margin-bottom:22px}
.slot-row{display:flex;gap:9px;flex-wrap:wrap}
.slot{padding:10px 16px;border-radius:6px;border:1.5px solid var(--line);background:var(--card);font-size:13px;transition:.3s;text-align:left}
.slot em{display:block;font-style:normal;font-size:10.5px;color:var(--faint);letter-spacing:.06em;text-transform:uppercase;font-weight:700}
.slot:hover{border-color:var(--green3)}.slot.on{border-color:var(--green);background:#e9f3ec}
.slot.on em{color:var(--green)}
.pv-buy{display:flex;gap:13px;margin:4px 0 28px}
.qsel{display:inline-flex;background:var(--card);border:1.5px solid var(--line);border-radius:4px;overflow:hidden}
.qsel button{width:46px;height:54px;color:var(--wine);font-size:20px;font-weight:700}.qsel span{width:38px;display:flex;align-items:center;justify-content:center;font-weight:700}
.pv-buy .btn-wine{flex:1}
.acc-item{border-bottom:1px solid var(--line)}.acc-item:first-child{border-top:1px solid var(--line)}
.acc-item button{width:100%;display:flex;justify-content:space-between;padding:18px 0;font-weight:700;font-size:14px}
.acc-item .bd{max-height:0;overflow:hidden;transition:.45s;color:var(--body);font-size:14px}
.acc-item.open .bd{max-height:150px;padding-bottom:18px}
.acc-item .ic{color:var(--wine);transition:.3s}.acc-item.open .ic{transform:rotate(45deg)}
#buyBar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:75;background:rgba(247,241,232,.95);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:12px 18px;align-items:center;gap:14px}
#buyBar .bi{flex:1;min-width:0}
#buyBar .bi b{font-family:var(--disp);font-size:14px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#buyBar .bi span{font-family:var(--disp);color:var(--wine);font-size:16px}
#buyBar .btn{padding:13px 26px}
/* ── каталог ── */
.cv{padding:36px 0 110px}
.cv-head{text-align:center;margin-bottom:12px}
.cv-head h1{font-family:var(--disp);font-size:clamp(26px,2.8vw,38px);line-height:1.12}
.cv-head h1 em{font-style:italic;color:var(--wine)}
.cv-sub{text-align:center;color:var(--faint);font-size:13px;margin-bottom:22px}
.fil-lbl{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);font-weight:700;margin:16px 0 10px;text-align:center}
.filters{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}
.chip{padding:10px 20px;border-radius:4px;background:var(--card);border:1px solid var(--line);font-size:13px;font-weight:600;transition:.3s}
.chip:hover{border-color:var(--green);color:var(--green)}
.chip.on{background:var(--green);color:var(--cream);border-color:var(--green)}
#catCount{text-align:center;color:var(--faint);font-size:13px;margin:24px 0 32px}
.toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%,140px);visibility:hidden;background:var(--green);color:var(--cream);padding:15px 26px;border-radius:6px;font-size:13.5px;font-weight:600;z-index:120;transition:transform .5s cubic-bezier(.2,.8,.2,1),visibility .5s;display:flex;gap:11px;align-items:center;box-shadow:var(--sh)}
.toast.show{transform:translate(-50%,0);visibility:visible}.toast .mark{width:19px;height:19px;color:var(--rose)}
.mobile-menu{position:fixed;inset:0;background:var(--green);z-index:85;transform:translateX(100%);transition:.5s;padding:100px 40px;display:flex;flex-direction:column;gap:4px}
.mobile-menu.open{transform:none}
.mobile-menu a{font-family:var(--disp);color:var(--cream);font-size:30px;padding:13px 0;border-bottom:1px solid var(--linel)}
/* ── общие для страниц ── */
section.page{padding:40px 0 90px}
.page-head{text-align:center;margin-bottom:30px}
.page-head h1{font-family:var(--disp);font-size:clamp(26px,2.8vw,38px);line-height:1.12}
.page-head h1 em{font-style:italic;color:var(--wine)}
.page-head p{color:var(--faint);margin-top:8px;font-size:13px}
/* ── чекаут ── */
.co-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:start}
.co-box{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:28px;margin-bottom:20px}
.co-box h3{font-family:var(--disp);font-size:20px;margin-bottom:18px;display:flex;align-items:center;gap:10px}
.co-box h3 .n{width:26px;height:26px;border-radius:50%;background:var(--green);color:var(--cream);font-family:var(--sans);font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:none}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.frow3{display:grid;grid-template-columns:2fr .8fr .8fr .8fr;gap:12px}
.fld{margin-bottom:12px}
.fld label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-weight:700;display:block;margin-bottom:6px}
.fld input,.fld select,.fld textarea{width:100%;background:var(--cream);border:1.5px solid var(--line);border-radius:6px;padding:13px 14px;font-family:inherit;font-size:14.5px;outline:none;transition:.3s;color:var(--ink)}
.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--green);background:#fff}
.fld.err input{border-color:var(--wine);background:#fdf0f2}
.fld textarea{resize:vertical;min-height:70px}
.fld .cnt{font-size:11px;color:var(--faint);text-align:right;margin-top:4px}
.chk{display:flex;gap:10px;align-items:flex-start;padding:9px 0;cursor:pointer;font-size:14px}
.chk input{width:18px;height:18px;accent-color:var(--wine);margin-top:2px;flex:none}
.chk b{font-weight:600}
.chk span{color:var(--body);font-size:12.5px;display:block}
.pay-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pay{border:1.5px solid var(--line);border-radius:10px;padding:16px;cursor:pointer;transition:.3s;background:var(--cream)}
.pay:hover{border-color:var(--green3)}
.pay.on{border-color:var(--green);background:#e9f3ec}
.pay b{display:block;font-size:14px}
.pay span{font-size:12px;color:var(--body)}
.co-side{position:sticky;top:90px}
.co-sum{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:26px}
.co-sum h3{font-family:var(--disp);font-size:20px;margin-bottom:14px}
.co-it{display:flex;gap:11px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}
.co-it img{width:44px;height:52px;border-radius:6px;object-fit:cover;flex:none}
.co-it .ci-em2{width:44px;height:52px;border-radius:6px;background:var(--cream2);display:flex;align-items:center;justify-content:center;font-size:20px;flex:none}
.co-it b{font-weight:600;line-height:1.3;display:block}
.co-it .q{color:var(--faint);font-size:12px}
.co-it .p{margin-left:auto;font-family:var(--disp);color:var(--wine);white-space:nowrap}
.co-row{display:flex;justify-content:space-between;font-size:13.5px;color:var(--body);padding:6px 0}
.co-row.disc{color:#1e6b38;font-weight:700}
.co-row.tot{border-top:1px solid var(--line);margin-top:8px;padding-top:14px;align-items:baseline}
.co-row.tot b{font-weight:700;color:var(--ink)}
.co-row.tot .t2{font-family:var(--disp);font-size:26px;color:var(--wine)}
.co-note{font-size:12px;color:var(--faint);margin-top:12px;line-height:1.6}
.dchips{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:10px}
.dchip{padding:9px 16px;border-radius:6px;border:1.5px solid var(--line);background:var(--card);font-size:13px;font-weight:600;transition:.3s}
.dchip.on{border-color:var(--green);background:#e9f3ec}
/* ── успех ── */
.suc{max-width:560px;margin:0 auto;text-align:center;padding:60px 20px}
.suc .ok{width:86px;height:86px;border-radius:50%;background:#e9f3ec;border:2px solid #b5d4bf;display:flex;align-items:center;justify-content:center;font-size:38px;margin:0 auto 22px}
.suc h1{font-family:var(--disp);font-size:clamp(30px,4vw,44px);margin-bottom:10px}
.suc .num{font-family:var(--disp);color:var(--wine);font-size:20px;margin-bottom:14px}
.suc p{color:var(--body);margin-bottom:26px}
/* ── про нас ── */
.ab-hero{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;margin-bottom:56px}
.ab-hero img{border-radius:14px;aspect-ratio:4/3;object-fit:cover;width:100%;box-shadow:var(--sh)}
.ab-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 56px}
.ab-stat{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:26px;text-align:center}
.ab-stat b{font-family:var(--disp);font-size:34px;color:var(--wine);display:block}
.ab-stat span{font-size:12.5px;color:var(--body)}
.vals{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.val{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:28px}
.val .ic{font-size:26px;margin-bottom:12px}
.val b{font-family:var(--disp);font-size:19px;display:block;margin-bottom:8px}
.val p{font-size:13.5px;color:var(--body)}
/* ── доставка ── */
.dl-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}
.dl-tbl{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.dl-tbl h3{font-family:var(--disp);font-size:19px;padding:18px 24px;border-bottom:1px solid var(--line);background:var(--cream2)}
.dl-row{display:flex;justify-content:space-between;gap:14px;padding:13px 24px;border-bottom:1px solid var(--line);font-size:14px}
.dl-row:last-child{border-bottom:none}
.dl-row b{color:var(--wine);font-family:var(--disp);white-space:nowrap}
.dl-row.free b{color:#1e6b38}
.dl-faq{padding:4px 24px 12px}
/* ── контакты ── */
.ct-top{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:44px}
.ct-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:30px}
.ct-card h3{font-family:var(--disp);font-size:20px;margin-bottom:10px}
.ct-card .big{font-family:var(--disp);font-size:25px;color:var(--wine);display:block;margin-bottom:8px}
.ct-card .big:hover{color:var(--wine-d)}
.ct-card p{color:var(--body);font-size:14px}
.shops{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.shop{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:22px;transition:.3s}
.shop:hover{transform:translateY(-4px);box-shadow:var(--sh)}
.shop b{font-family:var(--disp);font-size:17px;display:block;margin-bottom:5px}
.shop p{font-size:13px;color:var(--body);margin-bottom:4px}
.shop span{font-size:11.5px;color:var(--faint);letter-spacing:.06em;text-transform:uppercase;font-weight:700}
/* ── PRO-полировка (ui-ux-pro-max) ── */
.i{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none;display:inline-block}
.tr .ic{color:var(--wine)}
.val .ic{color:var(--wine)}
.val .ic .i{width:26px;height:26px}
.dl-tbl h3 .i,.ct-card h3 .i{width:19px;height:19px;color:var(--wine);vertical-align:-3px;margin-right:8px}
.pv-promise .i{width:17px;height:17px;color:var(--green);vertical-align:-3px}
.card .today .i{width:12px;height:12px;stroke-width:2.2;vertical-align:-2px;margin-right:4px}
.ups-lbl .i{width:14px;height:14px;vertical-align:-2px;margin-right:5px}
:focus-visible{outline:2px solid var(--wine);outline-offset:2px;border-radius:4px}
.btn{position:relative;overflow:hidden}
.btn-wine::after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .6s ease}
.btn-wine:hover::after{left:130%}
.btn:active{transform:translateY(-1px) scale(.97)!important}
.card:active{transform:translateY(-3px) scale(.985)}
.marq:hover .marq-in{animation-play-state:paused}
.wrd{display:inline-block;opacity:0;transform:translateY(.55em);filter:blur(6px);animation:wrd .7s cubic-bezier(.16,.84,.24,1) forwards;animation-delay:calc(var(--wi)*80ms + 120ms)}
@keyframes wrd{to{opacity:1;transform:none;filter:none}}
.rail-logo{position:relative;width:38px;height:38px;cursor:pointer;transition:.4s}
.rail-logo:hover{transform:rotate(-10deg) scale(1.06)}
.rail-logo svg{position:absolute;inset:0;width:100%;height:100%}
.rail-logo .g{color:#e6ddcd}
.rail-logo .f{color:var(--wine);clip-path:inset(100% 0 0 0)}
.ab-stat b,.hstat b{font-variant-numeric:tabular-nums}
@media(prefers-reduced-motion:reduce){.wrd{animation:none;opacity:1;transform:none;filter:none}.btn-wine::after{display:none}}
@media(max-width:1080px){.hero-l{padding:50px 36px}}
@media(max-width:980px){
#rail{display:none}main,#footer{margin-left:0}
.wrap{padding:0 20px}.mbar{padding:14px 20px}.menu,.mbar .tel{display:none}
.burger{display:flex;width:42px;height:42px;border-radius:50%;align-items:center;justify-content:center;background:var(--cream2)}
.burger svg{width:22px;height:22px}
.hero{grid-template-columns:1fr;min-height:0}
.hero-r{height:380px;order:-1}
.trust .wrap{grid-template-columns:1fr 1fr;gap:16px}
.finder,.tg,.plx{margin:0 14px}.finder .inner{padding:46px 22px}.qrow .ql{width:100%}
.tg{grid-template-columns:1fr}.tg-l{padding:40px 26px}.tg-r{padding:36px 22px}
.grid{grid-template-columns:1fr 1fr;gap:13px}.rev-grid{grid-template-columns:1fr}
.pv-grid,.f-cols{grid-template-columns:1fr}.sec{padding:66px 0}
.co-grid,.ab-hero,.dl-grid,.ct-top{grid-template-columns:1fr}
.co-side{position:static}
.frow,.frow3,.pay-row{grid-template-columns:1fr}
.shops,.vals{grid-template-columns:1fr 1fr}
.ab-stats{grid-template-columns:1fr 1fr}
.co-box{padding:20px}
.mob-cart{position:fixed;right:16px;bottom:16px;z-index:74;width:56px;height:56px;border-radius:50%;background:var(--green);color:var(--cream);display:flex;align-items:center;justify-content:center;box-shadow:var(--sh)}
.mob-cart svg{width:24px;height:24px}
}
@media(min-width:981px){.mob-cart{display:none}}
@media(max-width:560px){.grid,.shops,.vals,.ab-stats{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.reveal{transition:none;opacity:1;transform:none}}
/* ── WP-адаптації (SPA-в'юхи прототипу → звичайні сторінки) ── */
.view{display:block}
main{min-height:60vh}
.wp-post-content h2{font-family:var(--disp);margin:1.2em 0 .5em}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
/* ── мобільне меню (етап 1) ── */
.bq-mnav{position:fixed;inset:0;background:var(--green);z-index:90;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .35s}
body.bq-menu-open .bq-mnav{opacity:1;pointer-events:auto}
body.bq-menu-open{overflow:hidden}
.bq-mnav ul{list-style:none;text-align:center}
.bq-mnav a{display:block;padding:14px;font-family:var(--disp);font-size:28px;color:var(--cream)}
.bq-cart-count,.bq-badge{position:absolute;top:-6px;right:-6px;min-width:17px;height:17px;border-radius:9px;background:var(--wine);color:#fff;font-size:10.5px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px}
#cartBtn{position:relative}
/* ── фикс: topbar/mbar со сдвигом рейки (как main) ── */
@media (min-width:981px){.topbar,.mbar{margin-left:84px}}
/* WP body-классы не должны ловить секционные стили прототипа */
body{padding:0}
/* ── Етап 6: полірування WooCommerce-елементів під бренд ── */
/* бейджі картки: довга категорія не наїжджає на «Сьогодні» */
.card .tag{max-width:calc(100% - 128px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* іконки в заголовках секцій та примітках */
.sec-head .sec-i{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.6;color:var(--wine);vertical-align:-4px;margin-right:10px}
.co-note .note-i{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;vertical-align:-3px;margin-right:4px;color:var(--body)}
/* повідомлення Woo (info/success/error) — прибираємо синій дефолт */
.woocommerce-info,.woocommerce-message,.woocommerce-error,.wc-block-components-notice-banner{
border:1px solid var(--line)!important;border-top:2px solid var(--gold)!important;
background:var(--card)!important;color:var(--ink)!important;
border-radius:10px;padding:16px 22px!important;font-size:14px;list-style:none}
.woocommerce-error{border-top-color:var(--wine)!important}
.woocommerce-info::before,.woocommerce-message::before,.woocommerce-error li::before{color:var(--gold)}
.woocommerce-error::before{color:var(--wine)}
/* усі кнопки Woo — винні, без фіолету */
.woocommerce button.button,.woocommerce a.button,.woocommerce input.button,
.woocommerce #respond input#submit,.woocommerce button.button.alt,.woocommerce a.button.alt,
#place_order,.wc-proceed-to-checkout a.checkout-button{
background:var(--wine)!important;color:#fff!important;border:none;border-radius:4px!important;
font-family:var(--sans);font-size:13.5px;font-weight:700;letter-spacing:.04em;
padding:15px 26px;transition:.3s;text-transform:none}
.woocommerce button.button:hover,.woocommerce a.button:hover,#place_order:hover,
.wc-proceed-to-checkout a.checkout-button:hover{background:#7d0b1c!important;transform:translateY(-2px)}
.woocommerce button.button:disabled,.woocommerce button.button:disabled[disabled]{
background:var(--faint)!important;color:#fff!important;padding:15px 26px}
/* другорядні кнопки: купон, «повернутись» */
.woocommerce-cart .coupon .button,.return-to-shop .button{
background:transparent!important;color:var(--ink)!important;border:1.5px solid var(--ink)!important}
.woocommerce-cart .coupon .button:hover,.return-to-shop .button:hover{background:var(--ink)!important;color:var(--cream)!important}
/* таблиця кошика */
.woocommerce table.shop_table{border:1px solid var(--line);border-radius:14px;border-collapse:separate;border-spacing:0;background:var(--card)}
.woocommerce table.shop_table th{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-weight:700;padding:14px 16px;border-bottom:1px solid var(--line)}
.woocommerce table.shop_table td{padding:14px 16px;border-top:1px solid var(--line);vertical-align:middle}
.woocommerce table.shop_table td.product-name a{font-family:var(--disp);font-size:16.5px;color:var(--ink)}
.woocommerce-cart table.cart img{width:74px;border-radius:10px}
.woocommerce a.remove{color:var(--wine)!important;font-size:20px;width:26px;height:26px;line-height:24px;border:1px solid var(--line);border-radius:50%}
.woocommerce a.remove:hover{background:var(--wine)!important;border-color:var(--wine)}
.woocommerce table.shop_table input.qty{border:1.5px solid var(--line);border-radius:8px;padding:8px;background:var(--cream);font-family:var(--sans)}
#coupon_code{border:1.5px solid var(--line);border-radius:8px;padding:12px 14px;background:var(--cream);font-size:13px;min-width:150px}
/* підсумки кошика — карткою */
.cart_collaterals .cart_totals{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:22px 24px;width:100%}
.cart_collaterals .cart_totals h2{font-family:var(--disp);font-size:22px;margin-bottom:10px}
.cart_collaterals .cart_totals table{border:none;background:none}
.cart_collaterals .cart_totals th{white-space:nowrap}
.woocommerce-shipping-destination,.woocommerce-shipping-calculator{font-size:12.5px;color:var(--faint)}
ul#shipping_method li{display:flex;gap:8px;align-items:baseline;margin:4px 0}
ul#shipping_method{list-style:none}
/* порожній кошик */
.cart-empty.woocommerce-info{text-align:center;font-family:var(--disp);font-size:20px;padding:34px!important}
.return-to-shop{text-align:center;margin-top:8px}
/* оплата на чекауті + приватність */
#payment.woocommerce-checkout-payment{background:transparent}
#payment .wc_payment_methods{list-style:none;padding:0;border:none}
#payment .wc_payment_method{padding:6px 0}
#payment .wc_payment_method>label{font-weight:600;font-size:14.5px;cursor:pointer}
#payment div.payment_box{background:var(--cream)!important;border-radius:10px;font-size:13px;color:var(--body)}
#payment div.payment_box::before{display:none}
.woocommerce-privacy-policy-text p{font-size:12px;color:var(--faint);line-height:1.55;margin:10px 0}
#payment .place-order{padding:6px 0 0}
#place_order{width:100%}
/* зведення замовлення на чекауті */
.co-sum table.shop_table{border:none;background:none}
.co-sum table.shop_table th,.co-sum table.shop_table td{padding:10px 6px;font-size:13.5px}
.co-sum .order-total .amount{font-family:var(--disp);font-size:19px;color:var(--wine)}
/* пагінація каталогу */
.woocommerce nav.woocommerce-pagination{text-align:center;margin:34px 0 8px}
.woocommerce nav.woocommerce-pagination ul{border:none;display:inline-flex;gap:8px}
.woocommerce nav.woocommerce-pagination ul li{border:none}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{
min-width:42px;height:42px;display:flex;align-items:center;justify-content:center;
border:1px solid var(--line);border-radius:8px;font-size:13.5px;font-weight:600;color:var(--ink);background:var(--card)}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--green);color:var(--cream);border-color:var(--green)}
.woocommerce nav.woocommerce-pagination ul li a:hover{border-color:var(--green)}
/* нативні радіо/чекбокси — у бренд */
input[type=radio],input[type=checkbox]{accent-color:var(--wine)}
/* пагінація каталогу (paginate_links → .bq-paging) */
.bq-paging{display:flex;justify-content:center;gap:8px;margin:38px 0 6px}
.bq-paging .page-numbers{min-width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;
padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--card);
font-size:13.5px;font-weight:600;color:var(--ink);transition:.25s}
.bq-paging a.page-numbers:hover{border-color:var(--green)}
.bq-paging .page-numbers.current{background:var(--green);color:var(--cream);border-color:var(--green)}
.bq-paging .page-numbers.dots{border:none;background:none}
/* опис товару під галереєю — карткою, а не голим текстом */
.pv-desc{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:26px 30px;font-size:14.5px;color:var(--body);line-height:1.75}
.pv-desc p{margin:.5em 0}
/* стан кнопки «+» після AJAX-додавання */
.card .add.loading{opacity:.45;pointer-events:none}
.card .added_to_cart{display:none} /* службове «Переглянути кошик» від Woo — не потрібне */
/* планшетна смуга 981–1349px: шапці тісно (лого/меню/телефон переносились у 2 рядки) */
@media (min-width:981px) and (max-width:1349px){
.mbar{gap:14px;padding:16px 22px}
.mbar .brand{font-size:16px;letter-spacing:.07em;white-space:nowrap;flex-shrink:0}
.menu{gap:16px;flex-wrap:nowrap}
.menu a{font-size:11px;letter-spacing:.06em;white-space:nowrap}
.mbar .tel{font-size:12px;white-space:nowrap;flex-shrink:0}
}
/* політ фото в кошик + пружинка на іконці */
.bq-fly{position:fixed;z-index:200;pointer-events:none;object-fit:cover;margin:0;border-radius:18px;box-shadow:0 18px 40px -12px rgba(30,43,35,.5);will-change:transform,opacity}
.bq-cart-pop{animation:bqPop .55s cubic-bezier(.34,1.56,.64,1)}
@keyframes bqPop{0%{transform:scale(1)}45%{transform:scale(1.32)}100%{transform:scale(1)}}
/* «+» стає ✓ після успішного додавання (клас .added ставить WooCommerce) */
.card .add.added{background:var(--green);color:transparent}
.card .add.added::before{content:"";position:absolute;inset:0;margin:auto;width:18px;height:18px;background:#fff;
-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask:url('data:image/svg+xml;utf8,') center/contain no-repeat}
.card .add.added:hover::before{
-webkit-mask-image:url('data:image/svg+xml;utf8,');
mask-image:url('data:image/svg+xml;utf8,')}
/* кнопка «Показати ще» в каталозі */
.bq-more-wrap{display:flex;justify-content:center;margin:38px 0 6px}
#bqMore.busy{opacity:.55;pointer-events:none}
/* портретний планшет: футер 2×2 замість довгого стовпчика */
@media (min-width:561px) and (max-width:980px){
.f-cols{grid-template-columns:1fr 1fr;gap:36px 38px;padding:42px 0}
}
/* нотиси: іконка не наїжджає на текст */
.woocommerce-info,.woocommerce-message,.woocommerce-error{padding:16px 22px 16px 52px!important;position:relative}
.woocommerce-info::before,.woocommerce-message::before,.woocommerce-error::before{position:absolute;left:20px;top:17px}
.woocommerce-error li{margin:0!important}
/* порожній кошик — без службової іконки, текст по центру */
.cart-empty.woocommerce-info{padding:34px!important}
.cart-empty.woocommerce-info::before{display:none}
/* кнопка «Повернути букет» усередині нотиса — як текстове посилання, не блок */
.woocommerce-message a.restore-item{background:none!important;color:var(--wine)!important;padding:0 0 2px!important;border-bottom:1.5px solid var(--wine);border-radius:0!important;font-weight:700}
/* видалення з кошика: лише констатація, без «Повернути» */
.woocommerce-message a.restore-item{display:none!important}
/* стан «Додано в кошик ✓» */
.btn-wine.bq-added{background:var(--green)!important}
/* липка панель купівлі на мобілці (зʼявляється, коли inline-кнопка поїхала за екран) */
#buyBar{display:none}
@media (max-width:980px){
#buyBar{position:fixed;left:0;right:0;bottom:0;z-index:80;display:flex;align-items:center;gap:14px;
padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--card);
border-top:1px solid var(--line);box-shadow:0 -14px 34px -18px rgba(30,43,35,.4);
transform:translateY(110%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
#buyBar.show{transform:none}
#buyBar .bb-price{font-family:var(--disp);font-size:20px;color:var(--wine);white-space:nowrap}
#buyBar .btn{flex:1;padding:14px 18px}
.single-product .mob-cart{bottom:92px} /* FAB кошика не ховається за панель */
}
/* ціни в таблицях не переносяться на два рядки */
.woocommerce table.shop_table .woocommerce-Price-amount{white-space:nowrap}
.woocommerce table.shop_table td.product-price,
.woocommerce table.shop_table td.product-subtotal{white-space:nowrap}
/* FAQ: питання ліворуч, «+» праворуч */
.acc-item button{text-align:left;gap:16px;align-items:baseline}
/* сердечко «в обране» у ряду ціни картки */
.card .prow{gap:10px}
.card .prow .pr{margin-right:auto}
.card .wlbtn .tinv-wraper{margin:0;display:block}
.card .wlbtn a.tinvwl_add_to_wishlist_button{
width:38px;height:38px;margin:0!important;padding:0!important;font-size:0;line-height:1;
border:1.5px solid var(--line);border-radius:50%;background:var(--card);color:var(--wine);
display:flex;align-items:center;justify-content:center;transition:.3s}
.card .wlbtn a.tinvwl_add_to_wishlist_button::before{font-size:16px;line-height:1;margin:0}
.card .wlbtn a.tinvwl_add_to_wishlist_button:hover{border-color:var(--wine);transform:translateY(-2px)}
.card .wlbtn a.tinvwl_add_to_wishlist_button.tinvwl-product-in-list{background:var(--wine);border-color:var(--wine);color:#fff}
.card .wlbtn .tinvwl_add_to_wishlist_button span{display:none}
/* iOS: без сірого прямокутника при тапі (лого/іконки) */
*{-webkit-tap-highlight-color:transparent}
/* пошук: компактна панель, що виїжджає зверху */
.bq-search{position:fixed;inset:0;z-index:120;pointer-events:none}
.bq-search::before{content:"";position:absolute;inset:0;background:rgba(30,43,35,.28);opacity:0;transition:opacity .3s}
body.bq-search-on .bq-search{pointer-events:auto}
body.bq-search-on .bq-search::before{opacity:1}
body.bq-search-on{overflow:hidden}
.bq-search-in{position:absolute;top:0;left:0;right:0;background:var(--card);text-align:center;
padding:30px 80px 26px;box-shadow:0 26px 60px -28px rgba(30,43,35,.5);
transform:translateY(-105%);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
body.bq-search-on .bq-search-in{transform:none}
.bq-search-in .eyebrow,.bq-search-in h2{display:none}
.bq-search-in form,.bq-search-in .dgwt-wcas-search-wrapp{max-width:620px;margin:0 auto}
.bq-search-x{position:absolute;top:30px;right:24px;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);
background:var(--card);color:var(--ink);display:flex;align-items:center;justify-content:center;z-index:2;
opacity:0;pointer-events:none;transition:opacity .3s}
body.bq-search-on .bq-search-x{opacity:1;pointer-events:auto}
.bq-search-x:hover{border-color:var(--wine);color:var(--wine)}
.bq-search-hint{margin-top:12px;font-size:12px;color:var(--faint)}
@media(max-width:700px){.bq-search-in{padding:22px 70px 20px 16px}.bq-search-hint{display:none}}
/* поле пошуку (FiboSearch і фолбек) — у бренд */
.bq-search input[type=search],.bq-search .dgwt-wcas-search-input{
width:100%;border:1.5px solid var(--line)!important;border-radius:12px!important;background:var(--card)!important;
padding:17px 22px!important;font-size:16px!important;font-family:var(--sans)!important;color:var(--ink)!important;height:auto!important}
.bq-search input[type=search]:focus,.bq-search .dgwt-wcas-search-input:focus{border-color:var(--green)!important;outline:none}
.bq-search .dgwt-wcas-search-wrapp{max-width:100%}
.bq-search .dgwt-wcas-search-submit{display:none!important}
.bq-search .dgwt-wcas-preloader{right:14px!important}
/* сердечко на картці — свій SVG замість шрифт-іконки плагіна (була кривувата) */
.card .wlbtn a.tinvwl_add_to_wishlist_button::before{
content:""!important;font-family:inherit!important;display:block;width:17px;height:17px;margin:0;background:currentColor;
-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask:url('data:image/svg+xml;utf8,') center/contain no-repeat}
.card .wlbtn a.tinvwl_add_to_wishlist_button.tinvwl-product-in-list::before{
-webkit-mask-image:url('data:image/svg+xml;utf8,');
mask-image:url('data:image/svg+xml;utf8,')}
/* сторінка «Список побажань» */
.tinv-header h2{display:none} /* службовий «Default wishlist» */
.tinv-wishlist{max-width:980px;margin:0 auto}
.tinv-wishlist .woocommerce-info{text-align:center;font-family:var(--disp);font-size:18px;padding:34px!important}
.tinv-wishlist .woocommerce-info::before{display:none}
.tinv-wishlist p.return-to-shop,.tinv-wishlist>p{text-align:center}
.tinv-wishlist table.tinvwl-table-manage-list{border:1px solid var(--line);border-radius:14px;border-collapse:separate;border-spacing:0;background:var(--card);width:100%}
.tinv-wishlist table.tinvwl-table-manage-list th{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-weight:700;padding:14px 16px;border-bottom:1px solid var(--line);background:none}
.tinv-wishlist table.tinvwl-table-manage-list td{padding:14px 16px;border-top:1px solid var(--line);vertical-align:middle;background:none}
.tinv-wishlist .product-thumbnail img{width:74px;border-radius:10px}
.tinv-wishlist .product-name a{font-family:var(--disp);font-size:16.5px;color:var(--ink)}
.tinv-wishlist .tinvwl-buttons-group button,.tinv-wishlist button.button{background:var(--wine)!important;color:#fff!important;border-radius:4px!important;border:none;font-weight:700}
.tinv-wishlist .social-buttons{display:none} /* шер-кнопки не потрібні */
/* ── кошик перезібраний: товари зліва, липка сводка справа ── */
.bqc-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:44px;align-items:start}
.bqc-r{position:sticky;top:96px}
.bqc-r .cart_collaterals .cart_totals{width:100%}
.bqc-items{display:flex;flex-direction:column;gap:14px}
.bqc-item{display:flex;align-items:center;gap:18px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 18px 14px 14px}
.bqc-ph img{width:92px;height:92px;object-fit:cover;border-radius:10px;display:block}
.bqc-mid{flex:1;min-width:0}
.bqc-name{font-family:var(--disp);font-size:17px;color:var(--ink);display:block;margin-bottom:4px}
.bqc-each{font-size:12.5px;color:var(--faint);margin-bottom:10px}
.bqc-each .woocommerce-Price-amount{white-space:nowrap}
.bqc-qty{display:inline-flex;align-items:center;gap:2px;border:1.5px solid var(--line);border-radius:9px;background:var(--cream)}
.bqc-q{width:34px;height:34px;font-size:17px;color:var(--ink);display:flex;align-items:center;justify-content:center}
.bqc-qty .quantity{margin:0}
.bqc-qty input.qty{width:40px;border:none!important;background:none!important;text-align:center;font-weight:700;font-size:14px;padding:0!important}
.bqc-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.bqc-line{font-family:var(--disp);font-size:18px;color:var(--wine);white-space:nowrap}
.bqc-x{width:28px;height:28px;border:1px solid var(--line);border-radius:50%;color:var(--faint);font-size:17px;line-height:1;display:flex;align-items:center;justify-content:center;transition:.25s}
.bqc-x:hover{background:var(--wine);border-color:var(--wine);color:#fff}
/* промокод — непомітна строчка */
.bqc-coupon{margin-top:16px}
.bqc-coupon-t{font-size:12.5px;color:var(--faint);border-bottom:1px dashed var(--faint);padding-bottom:1px}
.bqc-coupon-t:hover{color:var(--wine);border-color:var(--wine)}
.bqc-coupon-f{display:none;gap:10px;margin-top:12px}
.bqc-coupon.open .bqc-coupon-f{display:flex}
.bqc-coupon.open .bqc-coupon-t{display:none}
.bqc-coupon-f input{flex:1;max-width:240px;border:1.5px solid var(--line);border-radius:8px;padding:11px 14px;background:var(--cream);font-size:13px}
.bqc-coupon-f .btn{padding:11px 20px;font-size:12.5px}
/* допи в лівій колонці */
.bqc-upsell{margin-top:44px}
.bqc-upsell .sec-head{margin-bottom:18px}
.bqc-upsell .sec-head h2{font-size:clamp(20px,2vw,26px)}
.bqc-upsell-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}
.bqc-upsell-grid .card .body{padding:12px 14px 14px}
.bqc-upsell-grid .card h3{font-size:14px}
.bqc-upsell-grid .card .cmp{display:none}
@media(max-width:980px){.bqc-grid{grid-template-columns:1fr;gap:30px}.bqc-r{position:static}}
@media(max-width:560px){.bqc-item{flex-wrap:wrap}.bqc-ph img{width:74px;height:74px}}
/* ── сердечко на картці v2: більше, чіткіше, плагіновий CSS більше не перебиває ── */
.card .wlbtn a.tinvwl_add_to_wishlist_button{
width:40px!important;height:40px!important;margin:0!important;padding:0!important;font-size:0!important;
border:1.5px solid rgba(30,43,35,.22)!important;border-radius:50%!important;background:var(--card)!important;
color:var(--wine)!important;display:flex!important;align-items:center!important;justify-content:center!important;
transition:.3s cubic-bezier(.34,1.56,.64,1)!important;box-shadow:none!important}
.card .wlbtn a.tinvwl_add_to_wishlist_button:hover{
border-color:var(--wine)!important;background:var(--wine)!important;color:#fff!important;transform:scale(1.1)}
.card .wlbtn a.tinvwl_add_to_wishlist_button::before{width:19px;height:19px}
.card .wlbtn a.tinvwl_add_to_wishlist_button.tinvwl-product-in-list{
background:var(--wine)!important;border-color:var(--wine)!important;color:#fff!important}
.card .wlbtn a.tinvwl_add_to_wishlist_button.tinvwl-product-in-list:hover{transform:scale(1.1) rotate(-6deg)}
/* лічильник обраного на рейці (шорткод TI): лишаємо тільки цифру-бейдж */
#wlBtn{position:relative}
.bq-wl-count.bq-zero{display:none}
/* ── іконки рейки: живі ховери ── */
#rail .ric{transition:.35s cubic-bezier(.34,1.56,.64,1)}
#rail .ric svg{transition:.35s cubic-bezier(.34,1.56,.64,1)}
#rail .ric:hover{color:var(--wine)}
#rail .ric.bq-search-open:hover svg{transform:scale(1.18) rotate(-10deg)}
#rail #wlBtn:hover svg{animation:bqBeat .6s ease-in-out}
#rail #cartBtn:hover svg{animation:bqSway .55s ease-in-out}
@keyframes bqBeat{0%,100%{transform:scale(1)}30%{transform:scale(1.25)}55%{transform:scale(1.05)}75%{transform:scale(1.18)}}
@keyframes bqSway{0%,100%{transform:rotate(0)}30%{transform:rotate(-11deg)}65%{transform:rotate(8deg)}}
/* ── поле пошуку: помітне, живе ── */
.bq-search-in{cursor:text}
.bq-search input[type=search],.bq-search .dgwt-wcas-search-input{
border-width:2px!important;box-shadow:0 10px 30px -18px rgba(30,43,35,.35);
transition:border-color .3s, box-shadow .3s, transform .3s!important}
.bq-search input[type=search]:hover,.bq-search .dgwt-wcas-search-input:hover{
border-color:var(--gold)!important;box-shadow:0 14px 36px -16px rgba(201,162,107,.5)}
.bq-search input[type=search]:focus,.bq-search .dgwt-wcas-search-input:focus{
border-color:var(--wine)!important;box-shadow:0 16px 40px -16px rgba(155,14,35,.35);transform:scale(1.012)}
.bq-search .dgwt-wcas-sf-wrapp{max-width:620px;margin:0 auto}
/* попапи TI Wishlist — прибрані повністю (анімації кажуть самі) */
.tinv-modal,.tinv-overlay{display:none!important}
/* сердечко v3: без ореола, класична форма, заливка на ховері */
.card .wlbtn a.tinvwl_add_to_wishlist_button{
border:none!important;background:transparent!important;box-shadow:none!important;color:var(--wine)!important}
.card .wlbtn a.tinvwl_add_to_wishlist_button:hover{
border:none!important;background:transparent!important;color:var(--wine)!important;transform:scale(1.2)}
.card .wlbtn a.tinvwl_add_to_wishlist_button::before{
width:23px;height:23px;
-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask:url('data:image/svg+xml;utf8,') center/contain no-repeat}
.card .wlbtn a.tinvwl_add_to_wishlist_button:hover::before,
.card .wlbtn a.tinvwl_add_to_wishlist_button.tinvwl-product-in-list::before{
-webkit-mask-image:url('data:image/svg+xml;utf8,');
mask-image:url('data:image/svg+xml;utf8,')}
.card .wlbtn a.tinvwl_add_to_wishlist_button.tinvwl-product-in-list{
border:none!important;background:transparent!important;color:var(--wine)!important}
.card .wlbtn a.tinvwl_add_to_wishlist_button.tinvwl-product-in-list:hover{transform:scale(1.2) rotate(-6deg)}
/* поле пошуку: живіший ховер */
.bq-search input[type=search]:hover,.bq-search .dgwt-wcas-search-input:hover{
transform:scale(1.015);box-shadow:0 18px 44px -16px rgba(201,162,107,.65)!important}
/* галочка «у кошику»: hover = червоний хрестик «прибрати» */
.card .add.added:hover{background:var(--wine)!important}
/* кнопка «Додати в кошик» у списку побажань — без переносів, охайна */
.tinv-wishlist button.button,.tinv-wishlist .tinvwl-buttons-group button{
white-space:nowrap!important;padding:13px 22px!important;font-size:13px!important;
border-radius:8px!important;font-weight:700;letter-spacing:.03em;line-height:1!important;height:auto!important}
.tinv-wishlist td.product-action{white-space:nowrap;text-align:right}
/* мобільна плаваюча кнопка «Обране» (над кошиком) */
.mob-wl{display:none}
@media (max-width:980px){
.mob-wl{position:fixed;right:16px;bottom:88px;z-index:74;width:56px;height:56px;border-radius:50%;
background:var(--card);color:var(--wine);border:1px solid var(--line);
display:flex;align-items:center;justify-content:center;box-shadow:var(--sh)}
.single-product .mob-wl{bottom:164px}
}
/* мобільні іконки в шапці (обране/кошик; згодом + чат) */
.mics{display:none}
@media (max-width:980px){
.mics{display:flex;align-items:center;gap:2px;margin-left:auto}
.mbar{justify-content:flex-start}
.mbar .brand{margin-right:auto}
.mic{position:relative;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ink)}
.mic svg{width:22px;height:22px}
.mic .bq-badge,.mic .bq-cart-count{top:2px;right:2px}
.mob-cart,.mob-wl{display:none!important} /* старі плаваючі кнопки прибрані */
}
/* плашка «знижку активовано»: звичайний курсор, текст не виділяється */
#tgOk,.tg-ok{cursor:default;-webkit-user-select:none;user-select:none}
/* мобільна шапка: лого компактне, іконки не стискаються */
@media (max-width:980px){
.mbar .brand{font-size:16px;letter-spacing:.05em;white-space:nowrap}
.mic,.burger{flex-shrink:0}
}
@media (max-width:400px){
.mbar .brand{font-size:14px;letter-spacing:.03em}
.mics{gap:0}
}
/* вертикальний напис на рейці — декор: звичайний курсор, не виділяється */
#rail .vtxt{cursor:default;-webkit-user-select:none;user-select:none}
/* лайк: миттєва заливка/контур по кліку (сервер наздоганяє у фоні) */
.card .wlbtn a.tinvwl_add_to_wishlist_button.bq-liked::before{
-webkit-mask-image:url('data:image/svg+xml;utf8,')!important;
mask-image:url('data:image/svg+xml;utf8,')!important}
.card .wlbtn a.tinvwl_add_to_wishlist_button.bq-unliked::before{
-webkit-mask-image:url('data:image/svg+xml;utf8,')!important;
mask-image:url('data:image/svg+xml;utf8,')!important}
/* тач (планшет/телефон): у доданих — постійна ВИННА мусорка; секунда зеленої після тапу */
@media (hover:none){
.card .add.added{background:var(--wine)}
.card .add.added::before{
-webkit-mask-image:url('data:image/svg+xml;utf8,');
mask-image:url('data:image/svg+xml;utf8,')}
.card .add.added.bq-flash{background:var(--green)}
.card .add.added.bq-flash::before{
-webkit-mask-image:url('data:image/svg+xml;utf8,');
mask-image:url('data:image/svg+xml;utf8,')}
}
/* ── міні-кошик праворуч (десктоп) ── */
.bq-drawer{position:fixed;inset:0;z-index:130;pointer-events:none}
.bq-drawer::before{content:"";position:absolute;inset:0;background:rgba(30,43,35,.35);opacity:0;transition:opacity .3s}
body.bq-drawer-on .bq-drawer{pointer-events:auto}
body.bq-drawer-on .bq-drawer::before{opacity:1}
body.bq-drawer-on{overflow:hidden}
.bqd{position:absolute;top:0;right:0;bottom:0;width:min(400px,92vw);background:var(--cream);
box-shadow:-30px 0 70px -30px rgba(30,43,35,.5);display:flex;flex-direction:column;
transform:translateX(105%);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
body.bq-drawer-on .bqd{transform:none}
.bqd-head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--line)}
.bqd-x{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--line);background:var(--card);color:var(--ink);display:flex;align-items:center;justify-content:center;transition:.3s}
.bqd-x:hover{border-color:var(--wine);color:var(--wine);transform:rotate(90deg)}
.bqd-body{flex:1;overflow-y:auto;padding:8px 24px 24px}
/* стандартний mini-cart Woo — у бренд */
.bqd ul.woocommerce-mini-cart{list-style:none;margin:0;padding:0}
.bqd li.woocommerce-mini-cart-item{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;
padding:14px 0;border-bottom:1px solid var(--line);position:relative}
.bqd li.woocommerce-mini-cart-item img{width:64px;height:64px;object-fit:cover;border-radius:10px;float:none;margin:0}
.bqd li.woocommerce-mini-cart-item a:not(.remove_from_cart_button){font-family:var(--disp);font-size:14.5px;color:var(--ink);line-height:1.3}
.bqd li.woocommerce-mini-cart-item .quantity{display:block;font-size:12.5px;color:var(--body);margin-top:4px}
.bqd a.remove_from_cart_button{order:3;grid-column:3;width:26px;height:26px;border:1px solid var(--line);border-radius:50%;
color:var(--wine)!important;font-size:16px;line-height:24px;text-align:center;background:var(--card)}
.bqd a.remove_from_cart_button:hover{background:var(--wine);border-color:var(--wine);color:#fff!important}
.bqd .woocommerce-mini-cart__total{display:flex;justify-content:space-between;padding:16px 0 4px;font-size:14px;color:var(--body)}
.bqd .woocommerce-mini-cart__total .woocommerce-Price-amount{font-family:var(--disp);font-size:19px;color:var(--wine)}
.bqd .woocommerce-mini-cart__buttons{display:flex;flex-direction:column;gap:10px;margin:12px 0 0}
.bqd .woocommerce-mini-cart__buttons a.button{width:100%;text-align:center}
.bqd .woocommerce-mini-cart__buttons a.button:not(.checkout){background:transparent!important;color:var(--ink)!important;border:1.5px solid var(--ink)!important}
.bqd .woocommerce-mini-cart__buttons a.button:not(.checkout):hover{background:var(--ink)!important;color:var(--cream)!important}
.bqd .woocommerce-mini-cart__empty-message{text-align:center;font-family:var(--disp);font-size:17px;color:var(--body);padding:40px 0}
/* міні-кошик: охайні рядки і кнопки */
.bqd li.woocommerce-mini-cart-item{display:flex;align-items:center;gap:12px;padding:14px 0}
.bqd li.woocommerce-mini-cart-item a:not(.remove_from_cart_button){display:flex;align-items:center;gap:12px;flex:1;min-width:0}
.bqd li.woocommerce-mini-cart-item img{flex:0 0 64px}
.bqd li.woocommerce-mini-cart-item .quantity{margin:0 4px 0 auto;white-space:nowrap;font-size:13px;color:var(--body)}
.bqd li.woocommerce-mini-cart-item .quantity .woocommerce-Price-amount{color:var(--wine);font-weight:700}
.bqd a.remove_from_cart_button{order:0;flex:0 0 26px}
.bqd .woocommerce-mini-cart__total{border-top:1px solid var(--line);margin-top:6px;padding-top:16px;align-items:center}
.bqd .woocommerce-mini-cart__buttons a.button{
display:block;padding:15px 20px;border-radius:4px;font-size:13.5px;font-weight:700;letter-spacing:.03em;
background:var(--wine);color:#fff;transition:.3s;text-align:center}
.bqd .woocommerce-mini-cart__buttons a.button.checkout{background:var(--wine);color:#fff}
.bqd .woocommerce-mini-cart__buttons a.button.checkout:hover{background:#7d0b1c;transform:translateY(-2px)}
.bqd .woocommerce-mini-cart__buttons a.button:not(.checkout){background:transparent;color:var(--ink);border:1.5px solid var(--ink)}
.bqd .woocommerce-mini-cart__buttons a.button:not(.checkout):hover{background:var(--ink);color:var(--cream)}
/* тач: hover-ефекти карток вимкнені — інакше iOS вимагає другий тап для переходу */
@media (hover:none){
.card:hover{transform:none;box-shadow:none;border-color:var(--line)}
.card:hover .ph img{transform:none}
}
/* міні-кошик: повітря і компактні кнопки */
.bqd-head{padding:20px 28px}
.bqd-body{padding:6px 28px 28px}
.bqd li.woocommerce-mini-cart-item{gap:14px;padding:16px 0}
.bqd li.woocommerce-mini-cart-item a:not(.remove_from_cart_button){font-size:14px;line-height:1.35}
.bqd li.woocommerce-mini-cart-item img{flex:0 0 56px;width:56px;height:56px}
.bqd li.woocommerce-mini-cart-item .quantity{margin-right:2px;font-size:12.5px}
.bqd .woocommerce-mini-cart__total{padding:18px 2px 6px;font-size:13.5px}
.bqd .woocommerce-mini-cart__total .woocommerce-Price-amount{font-size:18px}
.bqd .woocommerce-mini-cart__buttons{gap:8px;margin-top:14px}
.bqd .woocommerce-mini-cart__buttons a.button{padding:13px 18px;font-size:12.5px;border-radius:8px;letter-spacing:.04em}
/* прелоадер TI Wishlist → наша монограма, що пульсує вином */
.tinv-wishlist .ftinvwl-pulse{
font-size:0!important;width:36px;height:36px;display:inline-block;vertical-align:middle;background:var(--wine)!important;
-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask:url('data:image/svg+xml;utf8,') center/contain no-repeat;
border:none!important;border-radius:0!important;
-webkit-animation:bqLogoPulse 1.1s ease-in-out infinite!important;animation:bqLogoPulse 1.1s ease-in-out infinite!important}
.tinv-wishlist .ftinvwl-pulse::before,.tinv-wishlist .ftinvwl-pulse::after{display:none!important}
@keyframes bqLogoPulse{0%,100%{opacity:.3;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}
/* WooCommerce blockUI-прелоадер (кошик/чекаут/вішліст) → наша монограма */
.blockUI.blockOverlay{background:rgba(247,241,232,.65)!important}
.woocommerce .blockUI.blockOverlay::before,.blockUI.blockOverlay::before{
content:""!important;position:absolute;top:50%;left:50%;width:46px;height:46px;margin:-23px 0 0 -23px;
background-color:var(--wine)!important;background-image:none!important;border:none!important;border-radius:0!important;
-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask:url('data:image/svg+xml;utf8,') center/contain no-repeat;
-webkit-animation:bqLogoPulse 1.1s ease-in-out infinite!important;animation:bqLogoPulse 1.1s ease-in-out infinite!important}
.blockUI.blockMsg{display:none!important}
/* панель обраного */
body.bq-wl-drawer-on #bqWlDrawer{pointer-events:auto}
body.bq-wl-drawer-on #bqWlDrawer::before{opacity:1}
body.bq-wl-drawer-on #bqWlDrawer .bqd{transform:none}
body.bq-wl-drawer-on{overflow:hidden}
.bqd-foot{padding:16px 28px 24px;border-top:1px solid var(--line)}
.bqd-foot .btn{width:100%;text-align:center;justify-content:center;padding:13px 18px;font-size:12.5px}
.bqw-empty{text-align:center;font-family:var(--disp);font-size:16px;color:var(--body);padding:44px 10px}
.bqw-item{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}
.bqw-x{flex:0 0 26px;width:26px;height:26px;border:1px solid var(--line);border-radius:50%;color:var(--wine);font-size:16px;line-height:1;background:var(--card);transition:.25s}
.bqw-x:hover{background:var(--wine);border-color:var(--wine);color:#fff}
.bqw-ph img{width:56px;height:56px;object-fit:cover;border-radius:10px;display:block}
.bqw-mid{flex:1;min-width:0}
.bqw-name{font-family:var(--disp);font-size:14px;color:var(--ink);line-height:1.35;display:block}
.bqw-pr{font-size:13px;color:var(--wine);font-weight:700;margin-top:3px;display:block}
.bqw-add{flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:var(--wine);color:#fff;display:flex;align-items:center;justify-content:center;transition:.3s}
.bqw-add:hover{background:#7d0b1c;transform:translateY(-2px)}
.bqw-add:disabled{opacity:.5}
/* панель обраного: кнопка «В кошик» словами */
.bqw-add{flex:0 0 auto;width:auto;height:auto;border-radius:8px;padding:10px 14px;
font-size:12px;font-weight:700;letter-spacing:.03em;gap:7px;white-space:nowrap;display:inline-flex;align-items:center}
/* порожня міні-корзина: CTA по центру */
.bqd-empty-cta{display:flex;justify-content:center;margin:0 auto 10px;max-width:220px;padding:13px 20px;font-size:12.5px}
/* iOS не автозумить сторінку, якщо шрифт полів ≥16px */
@media (max-width:980px){
.fld input,.fld select,.fld textarea,.tg-form input,#coupon_code,
.bqc-qty input.qty,.bq-search input[type=search],.bq-search .dgwt-wcas-search-input{font-size:16px!important}
}
/* TG-блок: ряд «номер + Перевірити» */
.tg-check{display:flex;gap:10px}
.tg-check input{flex:1}
@media (max-width:560px){
.tg-l{padding:34px 20px}
.tg-l h2{font-size:25px;line-height:1.15}
.tg-form input{min-width:0}
.tg-check{flex-wrap:wrap}
.tg-check .btn{flex:1 0 100%;justify-content:center}
}
/* тач: ховер сердечка не «залипає» після тапу (заливка тільки за реальним станом) */
@media (hover:none){
.card .wlbtn a.tinvwl_add_to_wishlist_button:hover{transform:none}
.card .wlbtn a.tinvwl_add_to_wishlist_button:hover::before{
-webkit-mask-image:url('data:image/svg+xml;utf8,');
mask-image:url('data:image/svg+xml;utf8,')}
}
/* ФІНАЛ: заливка сердечка = ТІЛЬКИ клас .bq-on (єдине джерело правди контролера) */
.card .wlbtn a.tinvwl_add_to_wishlist_button::before{
-webkit-mask-image:url('data:image/svg+xml;utf8,')!important;
mask-image:url('data:image/svg+xml;utf8,')!important}
.card .wlbtn a.tinvwl_add_to_wishlist_button.bq-on::before{
-webkit-mask-image:url('data:image/svg+xml;utf8,')!important;
mask-image:url('data:image/svg+xml;utf8,')!important}
@media (hover:hover){
.card .wlbtn a.tinvwl_add_to_wishlist_button:not(.bq-on):hover::before{
-webkit-mask-image:url('data:image/svg+xml;utf8,')!important;
mask-image:url('data:image/svg+xml;utf8,')!important}
}
/* ===== Сторінка товару: смітничок «Прибрати з кошика» біля кнопки ===== */
.pv-rm{display:none;flex:0 0 auto;width:54px;height:54px;align-items:center;justify-content:center;
border:1.5px solid var(--wine);border-radius:4px;background:transparent;cursor:pointer;position:relative;
transition:background .25s,transform .25s}
.pv-rm::before{content:"";width:21px;height:21px;background:var(--wine);transition:background .25s;
-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask:url('data:image/svg+xml;utf8,') center/contain no-repeat}
.pv-rm.show{display:inline-flex;animation:bqRmIn .32s cubic-bezier(.2,.8,.3,1.3)}
@keyframes bqRmIn{from{transform:scale(.5);opacity:0}}
@media (hover:hover){
.pv-rm:hover{background:var(--wine)}
.pv-rm:hover::before{background:#fff}
}
.pv-rm:active{transform:scale(.92)}
#buyBar .pv-rm{width:50px;height:50px}
/* Мобілка: ряд покупки на сторінці товару — кнопка в один рядок,
компактний степпер, смітничок 50px (текст переносився в 3 рядки
і роздував увесь ряд по висоті) */
@media (max-width:600px){
.pv-buy{gap:9px;align-items:center}
.qsel button{width:36px;height:50px;font-size:18px}
.qsel span{width:26px}
.pv-buy .btn-wine{flex:1;min-width:0;padding:15px 8px;white-space:nowrap;font-size:13px;gap:8px}
.pv-rm{width:50px;height:50px}
}
@media (max-width:390px){
.pv-buy .btn-wine .ar{display:none} /* зовсім вузько — стрілку ховаємо */
}
/* Кошик: миттєвий порожній стан після зняття останнього товару */
.bqc-empty-now{grid-column:1/-1;padding:70px 20px;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}
.bqc-empty-now .cart-empty{margin:0}