/* ═══════════════════════════════════════════════════════════
   MY TATTOO — «ТАТУ-ГАЗЕТА» · спільна шкіра для підсторінок
   Підключається ОСТАННІМ (після shared.css і css сторінки).
   Розмітку не змінює: ті самі класи, що чіпають js/animations.js,
   js/promo.js, js/form.js, js/script.js.
   ═══════════════════════════════════════════════════════════ */
:root{
  --paper:#ebe1c9; --paper-2:#e0d3b2; --kraft:#b89f74; --kraft-2:#9c8457;
  --ink:#1b1714;   --ink-2:#2c2520;   --soot:#100e0c;  --soot-2:#1a1714; --muted:#6b5d4c;
  --cream:#e9dfc6; --cream-dim:#b9ad94;
  --red:#8c2433;   --red-2:#a52b3d;
  --rule:rgba(27,23,20,.85); --rule-light:rgba(233,223,198,.22);
  --f-mast:'Old Standard TT', Georgia, serif;
  --f-cond:'Oswald', 'Arial Narrow', sans-serif;
  --f-body:'PT Serif', Georgia, serif;
  --ease:cubic-bezier(.22,.7,.2,1);
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .1 0 0 0 0 .08 0 0 0 0 .05 0 0 0 .42 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --grain-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .92 0 0 0 0 .88 0 0 0 0 .78 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --header-h:64px;
}

/* ───────── БАЗА: «нічний випуск» — сажа + кремовий друк ───────── */
html{background:var(--soot);color:var(--cream);font-family:var(--f-body)}
body{background:var(--soot) var(--grain-light);color:var(--cream);font-family:var(--f-body);font-size:17px;line-height:1.65;padding-top:var(--header-h);-webkit-font-smoothing:antialiased}
body p,body li{font-family:var(--f-body)}
body:not(.gz) :is(h1,h2,.h1,.h2){font-family:var(--f-mast)!important;font-weight:700!important;letter-spacing:0!important;text-transform:none}
body:not(.gz) :is(h3,h4,h5,h6,.h3,.h4,.h5){font-family:var(--f-cond)!important;font-weight:600!important;text-transform:uppercase;letter-spacing:.04em!important}
body:not(.gz) :is(h1,.h1){line-height:1.02}
::selection{background:var(--red);color:var(--cream)}
body:not(.gz) hr{border:0;border-top:4px double var(--rule-light);opacity:1}
.text-white,.text-light{color:var(--cream)!important}
.text-muted,.text-secondary{color:var(--cream-dim)!important}
.text-danger{color:#e7909c!important}
.bg-dark,.bg-black{background:var(--soot-2) var(--grain-light)!important}
a{transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s,transform .2s}
[class*="rounded"],.card,body:not(.gz) .btn,.form-control,.form-select,.accordion-item,.badge{border-radius:0!important}
[id]{scroll-margin-top:calc(var(--header-h) + 14px)}

/* ───────── ШАПКА: паперова смуга з логотипом ───────── */
.naw-bar-style{height:var(--header-h)!important;min-height:var(--header-h)!important;background:var(--paper) var(--grain)!important;color:var(--ink);box-shadow:none!important;border-bottom:4px double var(--ink);transition:box-shadow .3s}
.naw-bar-style.scrolled{box-shadow:0 12px 22px -12px rgba(0,0,0,.7)!important}
.naw-bar-style .nav-inner{max-width:1180px;margin:0 auto;padding:0 20px;color:var(--ink)}
.naw-bar-style .logo-img{height:44px!important;max-width:200px!important}
/* лого: знак окремо + текст висотою зі знак */
.logo--split{display:flex!important;align-items:center;gap:10px;text-decoration:none!important;line-height:1}
.logo--split .logo-mark{height:52px;width:52px;flex:0 0 auto;display:block}
.logo--split .logo-text{--wh:30px;display:block;height:var(--wh);width:calc(var(--wh) * 9.667);background:url(/images/logo/logo-word.svg) no-repeat left center/contain;font-size:0;color:transparent;overflow:hidden;white-space:nowrap}
.logo--split:hover .logo-text{opacity:.8}
@media (max-width:1100px) and (min-width:901px){.logo--split .logo-text{--wh:22px}}
.menu{gap:0!important}
.menu a,.nav-link-style{font-family:var(--f-cond)!important;font-weight:500;text-transform:uppercase;letter-spacing:.14em;font-size:14px!important;color:var(--ink)!important;padding:6px 13px!important;border-right:1px solid var(--rule)}
.nav-link-style::after{display:none}
.nav-link-style:hover,.nav-link-style:focus-visible{color:var(--red)!important}
.menu .active-button{margin-left:12px;border:0!important;border-right:0!important;background:var(--red)!important;color:var(--paper)!important;padding:8px 18px!important;letter-spacing:.14em;box-shadow:3px 3px 0 var(--ink);font-weight:600}
.menu .active-button:hover{background:var(--ink)!important;color:var(--paper)!important;box-shadow:3px 3px 0 var(--red)}
.menu .nav-lang-switch{border:1.5px solid var(--ink)!important;border-radius:0!important;margin-left:10px;padding:4px 9px!important;font-family:var(--f-cond)!important;letter-spacing:.12em!important}
.menu a:nth-last-child(3){border-right:0}
.burger{color:var(--ink);width:28px;height:18px}
@media (max-width:900px){
  :root{--header-h:60px}
  .naw-bar-style .logo-img{height:38px!important;max-width:170px!important}
  .logo--split{gap:8px}
  .logo--split .logo-mark{height:46px;width:46px}
  .logo--split .logo-text{--wh:22px}
  .menu{background:var(--paper) var(--grain)!important;border-top:1px solid var(--rule)!important;border-bottom:4px double var(--ink);box-shadow:0 18px 30px -12px rgba(0,0,0,.7)!important;max-height:0}
  .menu.show{max-height:520px!important}
  .menu a{border-right:0!important;border-bottom:1px dotted var(--rule)!important;padding:14px 20px!important;font-size:15px!important;text-align:center}
  .menu .active-button{margin:12px 20px!important;width:auto!important;box-shadow:3px 3px 0 var(--ink)}
  .menu .nav-lang-switch{margin:4px auto 14px!important;width:auto!important;display:inline-block!important}
}

/* ───────── СТРІЧКИ АКЦІЙ (одна тонка крафтова смуга замість двох) ───────── */
.installments-block{background:var(--kraft) var(--grain)!important;box-shadow:none!important;padding:4px 10px!important;border-bottom:1px solid var(--ink)}
.installments-img{width:220px!important;mix-blend-mode:multiply}
/* акційний рядок — газетна «біжуча строка» на папері, без темних плашок */
.promo-line{text-align:center;background:var(--paper-2) var(--grain)!important;color:var(--ink)!important;font-family:var(--f-cond);text-transform:uppercase;letter-spacing:.12em;font-size:12.5px!important;font-weight:400;box-shadow:none!important;border-top:1px solid var(--ink);border-bottom:4px double var(--ink);padding:6px 16px!important;line-height:1.6}
.promo-line p{margin:0}
.promo-line strong{color:var(--red)!important;font-weight:600}
.promo-line-btn{background:transparent!important;color:var(--red)!important;border:0!important;border-bottom:1.5px solid var(--red)!important;border-radius:0!important;padding:0 2px!important;margin-left:14px!important;font-weight:600;letter-spacing:.14em;font-size:12.5px!important;box-shadow:none!important}
.promo-line-btn::after{content:" →"}
.promo-line-btn:hover{color:var(--ink)!important;border-color:var(--ink)!important}
/* банер з адмінки — тонкий курсивний рядок-епіграф */
#topBannerEl{background:var(--paper) var(--grain)!important;color:var(--ink)!important;font-family:var(--f-mast)!important;font-style:italic;font-weight:400!important;font-size:14px!important;letter-spacing:0;box-shadow:none!important;border-top:1px solid var(--rule);padding-top:5px!important;padding-bottom:5px!important;z-index:5!important}
#topBannerEl strong{font-style:normal;font-family:var(--f-cond);text-transform:uppercase;letter-spacing:.12em;font-size:12.5px;color:var(--red)}
#topBannerEl a{background:transparent!important;color:var(--red)!important;border-bottom:1.5px solid var(--red);border-radius:0!important;padding:0 2px!important;font-family:var(--f-cond);font-style:normal;text-transform:uppercase;letter-spacing:.12em;font-size:12px!important}
#topBannerEl > button{background:transparent!important;border:1px solid var(--rule)!important;color:var(--ink)!important;width:24px!important;height:24px!important;font-size:0!important;font-style:normal!important}
#topBannerEl > button::before,#topBannerEl > button::after{content:'';position:absolute;left:50%;top:50%;width:11px;height:1.5px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg)}
#topBannerEl > button::after{transform:translate(-50%,-50%) rotate(-45deg)}
#topBannerEl > button:hover{background:var(--ink)!important;color:var(--paper)!important}

/* ───────── ПОПАП АКЦІЙ → «телеграма» ───────── */
.promo-popup{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;background:rgba(16,14,12,.74)!important;transition:opacity .3s,visibility .3s!important}
.promo-popup.show{opacity:1;visibility:visible}
.promo-content{width:100%;max-width:450px}
/* купон з газети: пунктир відрізу, печатка «%», знижки-наклейки */
.promo-content{position:relative;background:var(--paper) var(--grain)!important;color:var(--ink)!important;border-radius:0!important;outline:2px dashed var(--ink);outline-offset:-12px;border:0;padding:40px 36px 34px!important;text-align:left!important;box-shadow:0 0 0 1px var(--rule),12px 14px 0 rgba(0,0,0,.55)!important;transform:none;animation:vtgIn .5s var(--ease)!important;overflow:visible}
.promo-content::before{content:"✂  Купон · вирізати й показати";display:block;font-family:var(--f-cond);text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:var(--muted);margin:0 0 14px;padding-right:90px}
html[lang="en"] .promo-content::before{content:"✂  Coupon · cut out & show"}
/* печатка */
.promo-content::after{content:"%";position:absolute;top:-26px;right:76px;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;font-family:var(--f-mast);font-weight:700;font-size:50px;line-height:1;color:var(--red);background:radial-gradient(circle,transparent 58%,var(--red) 59% 61%,transparent 62% 70%,var(--red) 71% 74%,transparent 75%),var(--paper);box-shadow:0 0 0 1px rgba(0,0,0,.05);transform:rotate(14deg);animation:vtgStamp .55s .35s cubic-bezier(.3,1.6,.5,1) both;pointer-events:none;mix-blend-mode:multiply}
.promo-content h3{font-family:var(--f-mast)!important;text-transform:none;letter-spacing:0!important;font-size:34px;line-height:1.02;color:var(--ink);margin:0 0 16px;padding-right:20px}
.promo-content h3::after{content:"";display:block;width:84px;height:6px;margin-top:10px;background:var(--red);clip-path:polygon(0 30%,100% 0,97% 100%,2% 80%)}
.promo-content p{color:var(--ink);line-height:2.05;margin:0}
.promo-content strong{display:inline-block;background:var(--red);color:var(--paper);padding:0 9px;margin-right:2px;font-family:var(--f-cond);font-weight:600;text-transform:uppercase;letter-spacing:.06em;line-height:1.6;transform:rotate(-2deg);box-shadow:2px 2px 0 var(--ink)}
.promo-content strong:nth-of-type(2n){background:var(--ink);transform:rotate(1.5deg);box-shadow:2px 2px 0 var(--red)}
.promo-btn{display:inline-flex;align-items:center;gap:10px;margin-top:22px;border:0;cursor:pointer;background:var(--red)!important;color:var(--paper)!important;border-radius:0!important;font-family:var(--f-cond);font-weight:600;text-transform:uppercase;letter-spacing:.14em;padding:13px 26px!important;box-shadow:4px 4px 0 var(--ink);transition:transform .15s,box-shadow .15s,background .15s}
.promo-btn::after{content:"→";font-size:18px;line-height:1;transition:transform .2s}
.promo-btn:hover{background:var(--ink)!important;box-shadow:6px 6px 0 var(--red);transform:translate(-2px,-2px)}
.promo-btn:hover::after{transform:translateX(4px)}
@media (max-width:480px){
  .promo-content{padding:36px 24px 28px!important}
  .promo-content::after{width:72px;height:72px;font-size:38px;top:-22px;right:64px}
  .promo-content h3{font-size:28px;padding-right:40px}
}
@keyframes vtgStamp{from{opacity:0;transform:scale(2.2) rotate(-20deg)}to{opacity:1;transform:scale(1) rotate(14deg)}}
.promo-close{position:absolute;top:8px;right:8px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--soot)!important;color:var(--paper)!important;border:2px solid var(--paper)!important;box-shadow:3px 4px 0 rgba(0,0,0,.45);font-size:26px;line-height:1;cursor:pointer;transition:background .15s}
.promo-close:hover{background:var(--red)!important}
@keyframes vtgIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}

/* ───────── КНОПКИ: друкарський штамп ───────── */
.btn-book,.btn-red,.btn-danger,.btn-primary,.cta-btn,.btn-main{font-family:var(--f-cond)!important;text-transform:uppercase;letter-spacing:.12em!important;font-weight:600!important;background:var(--red)!important;border:2px solid var(--red)!important;color:var(--paper)!important;border-radius:0!important;box-shadow:4px 4px 0 var(--ink),4px 4px 0 1px var(--cream-dim)!important;transition:transform .15s,box-shadow .15s,background .15s!important}
.btn-book:hover,.btn-red:hover,.btn-danger:hover,.btn-primary:hover,.cta-btn:hover,.btn-main:hover{transform:translate(-2px,-2px)!important;box-shadow:6px 6px 0 var(--ink),6px 6px 0 1px var(--cream-dim)!important;background:var(--red-2)!important}
.btn-outline-light,.btn-outline-danger,.btn-light{font-family:var(--f-cond)!important;text-transform:uppercase;letter-spacing:.12em;border-radius:0!important;border:2px solid var(--cream)!important;color:var(--cream)!important;background:transparent!important;box-shadow:4px 4px 0 var(--red)}
.btn-outline-light:hover,.btn-outline-danger:hover,.btn-light:hover{background:var(--cream)!important;color:var(--ink)!important}
.btn-social{border-radius:0!important;font-family:var(--f-cond);letter-spacing:.12em;box-shadow:4px 4px 0 var(--ink)!important}

/* ───────── КАРТКИ / БЛОКИ: папір на сажі ───────── */
.consult-block{background:var(--paper) var(--grain)!important;color:var(--ink)!important;border-radius:0!important;border:1px solid var(--rule)!important;outline:4px double var(--ink);outline-offset:-10px;box-shadow:8px 8px 0 rgba(0,0,0,.55)!important;padding:44px 34px!important}
.consult-block:hover{transform:translate(-2px,-2px)}
.consult-block p,.consult-block h2,.consult-block h3{color:var(--ink)!important}
.card{background:var(--soot-2) var(--grain-light);border:1px solid var(--rule-light);color:var(--cream)}
.form-control,.form-select{background:transparent!important;color:var(--cream)!important;border:0!important;border-bottom:2px solid var(--cream-dim)!important;font-family:var(--f-body)}
.form-control:focus,.form-select:focus{box-shadow:none!important;border-bottom-color:var(--red-2)!important}
.form-control::placeholder{color:var(--cream-dim);font-style:italic}
.accordion-item{background:transparent!important;border:0!important;border-bottom:1px dotted var(--rule-light)!important}
.accordion-button{background:transparent!important;color:var(--cream)!important;font-family:var(--f-mast);font-size:19px;box-shadow:none!important}
.accordion-button::after{filter:invert(.9) sepia(.3)}
.accordion-body{color:var(--cream-dim)}

/* ───────── ПІДВАЛ ───────── */
.footer{background:var(--paper) var(--grain)!important;color:var(--ink);border-top:4px double var(--ink)!important;padding:26px 0 30px!important;position:relative}
.footer::before{content:"";display:block;height:62px;margin:0 auto 14px;max-width:300px;background:url(/images/logo/logo.svg) center/contain no-repeat}
.footer-inner{max-width:1180px;margin:0 auto;padding:0 20px;justify-content:center!important;flex-direction:column;text-align:center;gap:8px!important}
.footer-copy{font-family:var(--f-cond);text-transform:uppercase;letter-spacing:.24em;color:var(--ink)!important;font-size:12px!important;order:2}
.footer-links{font-family:var(--f-cond);text-transform:uppercase;letter-spacing:.14em;font-size:12px!important;flex-wrap:wrap;justify-content:center}
.footer-link{color:var(--ink)!important;border-bottom:1px solid transparent}
.footer-link:hover{color:var(--red)!important;opacity:1!important;border-bottom-color:var(--red)}
.footer-separator{color:var(--red)!important}
.footer-rights{color:var(--muted)!important}

/* ───────── TELEGRAM — поштова печатка ───────── */
.float-tg{background:#229ED9!important;width:62px!important;height:62px!important;box-shadow:0 0 0 3px var(--paper),0 0 0 5px #229ED9,4px 6px 0 5px rgba(0,0,0,.45)!important;z-index:8000}
.float-tg::before{content:"";position:absolute;inset:-11px;border-radius:50%;border:1.5px dashed rgba(34,158,217,.7);animation:vtgspin 18s linear infinite;pointer-events:none}
.float-tg:hover{transform:rotate(-8deg) scale(1.06)!important}
@keyframes vtgspin{to{transform:rotate(360deg)}}
@media (max-width:900px){.float-tg{bottom:86px!important;right:14px!important;width:54px!important;height:54px!important}}

/* ───────── STICKY CTA (мобільний) ───────── */
.sticky-cta{background:linear-gradient(0deg,var(--soot) 60%,transparent)!important}
.sticky-cta-btn{background:var(--red)!important;border-radius:0!important;font-family:var(--f-cond);text-transform:uppercase;letter-spacing:.12em;font-weight:600!important;box-shadow:4px 4px 0 var(--ink),4px 4px 0 1px var(--cream-dim)!important}

/* ───────── ПРЕЛОАДЕР ───────── */
.preloader{background:var(--soot) var(--grain-light)!important}
.preloader.hide,.preloader.hidden{opacity:0!important;visibility:hidden!important;pointer-events:none}
body.gz .preloader{display:none!important}
.spinner{border-color:rgba(233,223,198,.18)!important;border-top-color:var(--red-2)!important}

/* ───────── ПЛАВНІСТЬ ───────── */
.reveal{transition:opacity .8s var(--ease),transform .8s var(--ease)!important}
.stagger-item{transition:opacity .7s var(--ease),transform .7s var(--ease),box-shadow .2s!important}
.naw-bar-style .logo{animation:vInk .9s var(--ease) both}
@keyframes vInk{from{opacity:0;transform:translateY(-8px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}

/* ───────── ГАЗЕТНІ ЗАГОЛОВКИ СТОРІНОК (утиліти для сторінок) ───────── */
.v-kicker{font-family:var(--f-cond);text-transform:uppercase;letter-spacing:.22em;font-size:13px;font-weight:500;color:#d18a95}
.v-rule{border:0;border-top:4px double var(--rule-light);margin:0}
.v-paper{background:var(--paper) var(--grain);color:var(--ink)}
.v-paper h1,.v-paper h2,.v-paper h3,.v-paper p,.v-paper li{color:var(--ink)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}

/* ───────── перероблені сторінки (body.gz): база з gazette.css ───────── */
body.gz{background:var(--soot);color:var(--ink);font-size:17px}
body.gz .footer{margin-top:0}

/* ═══════════ БЛОГ І НОВИНИ: «газетна шпальта» ═══════════
   Класи з шаблонів scripts/generate_blog.py / generate_news.py,
   js/blog-utils.js, js/animations.js (related posts). */
.blog-article,.blog-index{padding-top:34px!important;padding-bottom:60px!important}
.blog-breadcrumb,.blog-index > nav[aria-label="breadcrumb"]{font-family:var(--f-cond);text-transform:uppercase;letter-spacing:.16em;font-size:12px!important;color:var(--cream-dim)!important;margin-bottom:18px!important}
.blog-breadcrumb a,.blog-index > nav[aria-label="breadcrumb"] a{color:var(--cream)!important;text-decoration:none}
.blog-breadcrumb a:hover,.blog-index > nav[aria-label="breadcrumb"] a:hover{color:#e7b7a6!important}

/* стаття — аркуш газети */
.blog-article > article{max-width:860px;margin:0 auto;background:var(--paper) var(--grain);color:var(--ink);border:1px solid var(--rule);outline:6px double var(--ink);outline-offset:-16px;padding:54px 60px 46px;box-shadow:12px 12px 0 rgba(0,0,0,.45)}
.blog-header{text-align:center;border-bottom:4px double var(--ink);padding-bottom:20px;margin-bottom:28px}
.blog-category{display:inline-block;font-family:var(--f-cond);text-transform:uppercase;letter-spacing:.24em;font-size:12px!important;color:var(--red)!important;background:none!important;border:0!important;padding:0!important;margin:0 0 10px!important}
.blog-category::before,.blog-category::after{content:"★";margin:0 .7em;font-size:.9em}
.blog-article .blog-header h1{font-family:var(--f-mast)!important;font-weight:700!important;color:var(--ink)!important;font-size:clamp(34px,5vw,58px)!important;line-height:1.02!important;letter-spacing:0!important;margin:0 0 14px!important}
.blog-meta{font-family:var(--f-mast)!important;font-style:italic;color:var(--muted)!important;font-size:15px!important;margin:0!important}
.blog-cover-img,.news-cover,.blog-article-img img{width:100%;border:1px solid var(--rule);filter:sepia(.18) contrast(1.04);border-radius:0!important;margin:0 0 26px}
.blog-body,.news-body{font-family:var(--f-body);font-size:18px;line-height:1.72;color:var(--ink)}
.blog-body > p:first-of-type::first-letter{font-family:var(--f-mast);float:left;font-size:4.1em;line-height:.8;padding:6px 10px 0 0;color:var(--red)}
.blog-body p,.news-body p{color:var(--ink)!important;font-size:18px!important;line-height:1.72!important;margin:0 0 16px!important}
.blog-body h2,.news-body h2{font-family:var(--f-cond)!important;font-weight:600!important;text-transform:uppercase;letter-spacing:.04em!important;color:var(--ink)!important;font-size:25px!important;line-height:1.15!important;margin:34px 0 12px!important;padding-top:12px;border-top:1px solid var(--rule)}
.blog-body h3,.news-body h3{font-family:var(--f-mast)!important;text-transform:none!important;letter-spacing:0!important;color:var(--ink)!important;font-size:22px!important;margin:24px 0 8px!important}
.blog-body ul,.blog-body ol,.news-list{padding-left:0!important;margin:0 0 18px!important;list-style:none}
.blog-body ol{counter-reset:gz}
.blog-body ul li,.blog-body ol li,.news-list li{position:relative;padding:4px 0 4px 28px!important;color:var(--ink)!important;font-size:17px!important;border-bottom:1px dotted rgba(27,23,20,.3)}
.blog-body ul li::before,.news-list li::before{content:"★";position:absolute;left:4px;top:5px;color:var(--red);font-size:13px}
.blog-body ol li{counter-increment:gz}
.blog-body ol li::before{content:counter(gz) ".";position:absolute;left:0;top:4px;font-family:var(--f-mast);font-weight:700;color:var(--red)}
.blog-body a,.news-body a{color:var(--red)!important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.blog-body a:hover,.news-body a:hover{color:var(--ink)!important}
.blog-body strong,.news-body strong{color:var(--ink)!important}
.blog-body blockquote{margin:22px 0;padding:10px 0 10px 22px;border-left:4px double var(--red);font-family:var(--f-mast);font-style:italic;font-size:21px}
.blog-body table{width:100%;border-collapse:collapse;margin:18px 0;font-size:16px}
.blog-body th,.blog-body td{border:1px solid var(--rule);padding:8px 10px;color:var(--ink)!important;background:transparent!important}
.blog-body th{font-family:var(--f-cond);text-transform:uppercase;letter-spacing:.08em;font-size:13px}
.blog-body img{max-width:100%;border:1px solid var(--rule);filter:sepia(.15)}
/* CTA у статті — купон */
.blog-cta,.news-cta{position:relative;margin:34px 0 8px!important;padding:24px 26px!important;background:var(--kraft) var(--grain)!important;border:2px dashed var(--ink)!important;border-radius:0!important;text-align:center;color:var(--ink)!important}
.blog-cta::before,.news-cta::before{content:"✂";position:absolute;top:-14px;left:20px;background:var(--paper);padding:0 6px;font-size:18px;line-height:1.2}
.blog-cta p,.news-cta p{font-family:var(--f-mast);font-size:21px!important;color:var(--ink)!important;margin:0 0 14px!important}
.blog-body .blog-cta a.btn-book,.news-body .news-cta a.btn-book{display:inline-block;color:var(--paper)!important;text-decoration:none;padding:12px 26px}
/* поділитись / перегляди */
.blog-share{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:26px 0 0;padding-top:16px;border-top:4px double var(--ink)}
.blog-share-label,.blog-views{font-family:var(--f-cond);text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:var(--muted)!important}
.blog-share-btn{border-radius:0!important;font-family:var(--f-cond);text-transform:uppercase;letter-spacing:.1em;font-size:12px!important;padding:7px 14px!important;border:2px solid var(--ink)!important;box-shadow:3px 3px 0 var(--ink);color:var(--paper)!important}
.blog-share-btn--copy{background:var(--ink)!important}
.blog-share-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}
/* навігація під статтею */
.blog-nav-links{max-width:860px;margin:30px auto 0!important;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border:0!important}
.blog-nav-links a{font-family:var(--f-cond);text-transform:uppercase;letter-spacing:.12em;font-size:14px!important;font-weight:600;color:var(--cream)!important;border:2px solid var(--cream);padding:10px 18px;box-shadow:4px 4px 0 var(--red);text-decoration:none}
.blog-nav-links a:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--red)}
.blog-article > aside{max-width:860px;margin-left:auto!important;margin-right:auto!important;padding:0!important}
.blog-article > aside > h2{font-family:var(--f-cond)!important;text-transform:uppercase;letter-spacing:.1em;color:var(--cream)!important;font-size:22px!important;border-bottom:4px double var(--rule-light);padding-bottom:10px}

/* новини: зміст, пункти, виділення */
.news-intro{font-family:var(--f-mast);font-style:italic;font-size:20px!important;color:var(--ink)!important;border-left:4px double var(--red);padding-left:18px}
.news-toc{background:var(--paper-2)!important;border:1.5px solid var(--ink)!important;border-radius:0!important;padding:16px 20px!important;margin:0 0 26px!important}
.news-toc-label{font-family:var(--f-cond);text-transform:uppercase;letter-spacing:.2em;font-size:12px!important;color:var(--red)!important}
.news-toc ul li a{color:var(--ink)!important;font-family:var(--f-body)}
.news-body .news-item{border-bottom:1px solid var(--rule)!important;padding:10px 0 22px!important}
.news-item-title{font-family:var(--f-mast)!important;text-transform:none!important;letter-spacing:0!important;border-top:0!important;font-size:28px!important}
.news-item-body{color:var(--ink)!important}
.news-item-img{border-radius:0!important;border:1px solid var(--rule);filter:sepia(.18);box-shadow:5px 5px 0 rgba(27,23,20,.25)}
.news-highlight{background:transparent!important;border:0!important;border-left:4px solid var(--red)!important;border-radius:0!important;color:var(--ink)!important;font-style:italic;padding:6px 0 6px 16px!important}

/* список статей / новин */
.blog-index > .text-center h1{color:var(--cream)!important;font-size:clamp(40px,6vw,76px)!important}
.blog-index > .text-center > p:first-child{font-family:var(--f-cond);letter-spacing:.24em!important;color:#d18a95!important}
.blog-index > .text-center > p:last-child{font-family:var(--f-mast);font-style:italic;color:var(--cream-dim)!important;font-size:18px!important}
.blog-index > .text-center{border-bottom:4px double var(--rule-light);padding-bottom:22px}
.blog-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 30px!important}
.blog-filter-btn{font-family:var(--f-cond)!important;text-transform:uppercase;letter-spacing:.12em;font-size:13px!important;font-weight:500;padding:7px 14px!important;background:var(--paper) var(--grain)!important;color:var(--ink)!important;border:1.5px solid var(--ink)!important;border-radius:0!important;box-shadow:2px 2px 0 var(--kraft)}
.blog-filter-btn.active{background:var(--ink)!important;color:var(--paper)!important;border-color:var(--paper)!important;box-shadow:2px 2px 0 var(--red)}
.blog-card,.blog-teaser-card{position:relative;display:flex!important;flex-direction:column;height:100%;background:var(--paper) var(--grain)!important;color:var(--ink)!important;border:1px solid var(--rule)!important;border-radius:0!important;padding:22px 22px 20px!important;box-shadow:6px 6px 0 rgba(0,0,0,.45)!important;text-decoration:none!important;transition:transform .25s var(--ease),box-shadow .25s!important}
.blog-card::after{content:"Читати →";margin-top:auto;padding-top:12px;border-top:1px dotted var(--rule);font-family:var(--f-cond);text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:600;color:var(--red)}
html[lang="en"] .blog-card::after{content:"Read →"}
.blog-card:hover,.blog-teaser-card:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 rgba(0,0,0,.5)!important}
.blog-card-cat,.blog-teaser-cat{font-family:var(--f-cond)!important;text-transform:uppercase;letter-spacing:.2em!important;font-size:11px!important;color:var(--red)!important;background:none!important;border:0!important;padding:0!important;margin:0 0 6px!important}
.blog-card h2,.blog-card h3,.blog-teaser-title{font-family:var(--f-mast)!important;font-weight:700!important;text-transform:none!important;letter-spacing:0!important;color:var(--ink)!important;font-size:22px!important;line-height:1.12!important;margin:0 0 10px!important}
.blog-card p:not(.blog-card-cat),.blog-teaser-desc{color:var(--muted)!important;font-size:15px!important;line-height:1.5!important;margin:0 0 6px!important}
.blog-teaser-footer{margin-top:auto;padding-top:10px;border-top:1px dotted var(--rule);font-family:var(--f-cond);text-transform:uppercase;letter-spacing:.12em;font-size:12px}
.blog-teaser-date{color:var(--muted)!important}
.blog-teaser-link{color:var(--red)!important}
.badge-new{border-radius:0!important;background:transparent!important;color:var(--red)!important;border:3px double var(--red)!important;font-family:var(--f-cond);letter-spacing:.16em;transform:rotate(-6deg)}

@media (max-width:700px){
  .blog-article > article{padding:34px 22px 28px;outline-offset:-10px;box-shadow:6px 6px 0 rgba(0,0,0,.45)}
  .blog-body,.blog-body p,.news-body p{font-size:17px!important}
  .blog-body h2,.news-body h2{font-size:21px!important}
  .blog-nav-links a{flex:1 1 100%;text-align:center}
}

/* ═══════════ СТАТТЯ = ГАЗЕТНА ШПАЛЬТА (v2) ═══════════ */
.blog-article > article{max-width:1080px;padding:40px 56px 46px}
/* мастхед над статтею */
.blog-article > article::before{content:"Вісник MY Tattoo";display:block;text-align:center;font-family:var(--f-mast);font-weight:700;font-size:clamp(30px,4.4vw,52px);line-height:1;letter-spacing:.02em;padding:4px 0 10px;border-bottom:1px solid var(--ink);margin-bottom:6px}
html[lang="en"] .blog-article > article::before{content:"The MY Tattoo Gazette"}
.blog-header{position:relative;border-top:4px double var(--ink);border-bottom:0;padding:26px 0 0;margin-bottom:0}
.blog-header::before{content:"Дніпро · правий берег  ·  Авторська тату-студія  ·  Ціна номера — безкоштовно";display:block;position:absolute;top:6px;left:0;right:0;font-family:var(--f-cond);text-transform:uppercase;letter-spacing:.18em;font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[lang="en"] .blog-header::before{content:"Dnipro · right bank  ·  Author tattoo studio  ·  Free of charge"}
.blog-category{margin:14px 0 10px!important}
.blog-article .blog-header h1{font-size:clamp(36px,5.6vw,68px)!important;margin:0 auto 18px!important;max-width:18ch}
.blog-meta{display:flex!important;justify-content:center;align-items:center;gap:14px;border-top:1px solid var(--ink);border-bottom:4px double var(--ink);padding:8px 0!important;margin:0 0 30px!important;font-family:var(--f-cond)!important;font-style:normal!important;text-transform:uppercase;letter-spacing:.16em;font-size:12px!important;color:var(--ink)!important}
.blog-meta::before,.blog-meta::after{content:"✦";color:var(--red)}

/* фото як газетний друк */
.blog-cover-img,.news-cover,.blog-article-img img,.news-item-img,.blog-body img{filter:grayscale(.85) sepia(.35) contrast(1.12) brightness(.96)!important;border:1px solid var(--ink)!important;box-shadow:none!important;padding:6px;background:var(--paper-2)}
.blog-cover-img:hover,.news-cover:hover,.news-item-img:hover{filter:grayscale(.2) sepia(.15) contrast(1.05)!important}

/* лід новин — великий абзац з буквицею, без курсиву й рамки */
.news-intro{font-family:var(--f-body)!important;font-style:normal!important;font-size:21px!important;line-height:1.55!important;border-left:0!important;padding-left:0!important}

/* колонки на широких екранах */
@media (min-width:1000px){
  .blog-body:not(.news-body){column-count:2;column-gap:44px;column-rule:1px solid var(--rule)}
  .blog-body:not(.news-body) > *{break-inside:avoid-column}
  .blog-body:not(.news-body) > p{break-inside:auto}
  .blog-body:not(.news-body) > h2,
  .blog-body:not(.news-body) > .blog-cta,
  .blog-body:not(.news-body) > .blog-article-img,
  .blog-body:not(.news-body) > figure,
  .blog-body:not(.news-body) > table,
  .blog-body:not(.news-body) > blockquote{column-span:all}
  .blog-body:not(.news-body) > h2{text-align:center;border-top:4px double var(--ink)!important;border-bottom:1px solid var(--ink);padding:10px 0 8px!important;margin:30px 0 20px!important}
  /* новини: кожна замітка — дві колонки під заголовком і фото */
  .news-body .news-item{column-count:2;column-gap:40px;column-rule:1px solid var(--rule)}
  .news-body .news-item > .news-item-title,.news-body .news-item > .news-item-img,.news-body .news-item > .news-highlight{column-span:all}
  .news-body .news-item > *{break-inside:avoid-column}
  .news-body .news-item > p{break-inside:auto}
  .news-toc ul{column-count:2;column-gap:30px}
}
.news-item-title{text-align:left;border-top:4px double var(--ink)!important;padding-top:12px!important}
.news-body .news-item:first-of-type .news-item-title{border-top:0!important}
.news-highlight{margin:14px 0 4px!important;font-family:var(--f-mast);font-size:19px!important;border-left:0!important;border-top:1px solid var(--ink)!important;border-bottom:1px solid var(--ink)!important;padding:10px 4px!important;text-align:center}
.blog-body > h2::before,.news-item-title::before{content:"§ ";color:var(--red);font-family:var(--f-mast)}

/* цитата-вставка */
.blog-body blockquote{border-left:0;border-top:4px double var(--ink);border-bottom:4px double var(--ink);text-align:center;padding:14px 20px;font-size:24px}

/* підвал статті */
.blog-article > article::after{content:"✦ ✦ ✦";display:block;text-align:center;letter-spacing:.6em;color:var(--red);margin-top:26px;font-size:14px}

@media (max-width:700px){
  .blog-article > article{padding:26px 18px 26px}
  .blog-article > article::before{font-size:28px}
  .blog-header::before{font-size:9px;letter-spacing:.1em}
  .blog-meta{flex-wrap:wrap;gap:6px;font-size:10.5px!important}
  .news-intro{font-size:18px!important}
}
.blog-article{max-width:1140px!important}
.blog-article .blog-breadcrumb{max-width:1080px;margin-left:auto;margin-right:auto}
.news-toc li{break-inside:avoid}

/* ═══════════ ОФЕРТА / КОНФІДЕНЦІЙНІСТЬ: «офіційний документ» ═══════════ */
.offer-page,.privacy-page{max-width:980px!important;margin:34px auto 60px!important;padding:44px 56px 40px!important;background:var(--paper) var(--grain)!important;color:var(--ink)!important;border:1px solid var(--rule);outline:6px double var(--ink);outline-offset:-16px;box-shadow:12px 12px 0 rgba(0,0,0,.45)}
.offer-page *,.privacy-page *{color:var(--ink)!important;opacity:1!important;transform:none!important}
.offer-page .reveal,.privacy-page .reveal{opacity:1!important}
.offer-breadcrumb,.privacy-breadcrumb{font-family:var(--f-cond);text-transform:uppercase;letter-spacing:.16em;font-size:12px!important}
.offer-breadcrumb a,.privacy-breadcrumb a{color:var(--red)!important;text-decoration:none}
.offer-hero,.privacy-hero{text-align:center;border-top:4px double var(--ink);border-bottom:4px double var(--ink);padding:22px 0 18px!important;margin:14px 0 24px!important;background:none!important}
.offer-eyebrow,.privacy-eyebrow{font-family:var(--f-cond)!important;text-transform:uppercase;letter-spacing:.24em!important;font-size:12px!important;color:var(--red)!important;background:none!important;border:0!important}
.offer-hero h1,.privacy-hero h1{font-family:var(--f-mast)!important;font-weight:700!important;font-size:clamp(34px,5vw,60px)!important;margin:8px 0 10px!important}
.offer-hero-sub,.privacy-hero-sub{font-family:var(--f-mast);font-style:italic;font-size:18px!important}
.offer-meta-row,.privacy-meta-row{font-family:var(--f-cond);text-transform:uppercase;letter-spacing:.12em;font-size:12px!important;border-top:1px solid var(--ink);padding-top:10px;margin-top:12px}
.offer-divider,.privacy-divider{border:0!important;border-top:1px solid var(--rule)!important;background:none!important;height:0!important}
.offer-toc{background:var(--paper-2)!important;border:1.5px solid var(--ink)!important;border-radius:0!important;padding:16px 20px!important}
.offer-toc-title{font-family:var(--f-cond);text-transform:uppercase;letter-spacing:.2em;font-size:12px!important;color:var(--red)!important}
.offer-toc a{border-radius:0!important;background:transparent!important;border:1px solid var(--rule)!important;font-family:var(--f-cond);text-transform:uppercase;letter-spacing:.08em;font-size:12px!important}
.offer-toc a:hover{background:var(--ink)!important;color:var(--paper)!important}
.offer-intro,.offer-note,.privacy-note{background:transparent!important;border:0!important;border-left:4px double var(--red)!important;border-radius:0!important;font-family:var(--f-mast);font-size:17px!important;padding:6px 0 6px 18px!important}
.offer-block,.privacy-block{background:transparent!important;border:0!important;border-top:1px solid var(--ink)!important;border-radius:0!important;box-shadow:none!important;padding:18px 0 8px!important;margin:0!important}
.offer-block-head{display:flex;align-items:baseline;gap:12px}
.offer-block h2,.privacy-block h2,.offer-block-head h2{font-family:var(--f-cond)!important;font-weight:600!important;text-transform:uppercase;letter-spacing:.06em!important;font-size:21px!important;margin:0 0 10px!important}
.offer-num{font-family:var(--f-mast)!important;font-size:28px!important;color:var(--red)!important;background:none!important;border:0!important;width:auto!important;height:auto!important}
.offer-icon{display:none!important}
.offer-block p,.privacy-block p,.offer-block li,.privacy-block li{font-family:var(--f-body);font-size:16.5px!important;line-height:1.7!important}
.offer-block ul,.privacy-block ul{list-style:none;padding-left:0!important}
.offer-block li,.privacy-block li{position:relative;padding-left:22px}
.offer-block li::before,.privacy-block li::before{content:"★";position:absolute;left:0;top:2px;color:var(--red)!important;font-size:12px}
.offer-block--legal{border:1.5px dashed var(--ink)!important;padding:16px 18px!important;margin:12px 0!important}
.offer-mono,.privacy-mono{font-family:var(--f-cond)!important;letter-spacing:.06em;background:var(--paper-2)!important;border:1px solid var(--rule)!important;border-radius:0!important;padding:2px 6px}
.offer-page a:not(.btn-book),.privacy-page a:not(.btn-book){color:var(--red)!important}
.offer-cta,.privacy-cta{background:var(--kraft) var(--grain)!important;border:2px dashed var(--ink)!important;border-radius:0!important;text-align:center;padding:22px!important;margin-top:26px!important}
.offer-cta .btn-book,.privacy-cta .btn-book{color:var(--paper)!important}
.offer-page .seasonal-deco,.privacy-page .seasonal-deco{font-size:.5em;vertical-align:.35em}
/* 404 */
.notfound,.error-page,.page-404{color:var(--cream)}
@media (max-width:700px){
  .offer-page,.privacy-page{margin:18px 10px 40px!important;padding:28px 18px!important;outline-offset:-10px}
}

/* ═══════════ мінімальна сітка замість Bootstrap (блог, новини, документи, 404) ═══════════ */
body:not(.gz){margin:0}
body:not(.gz) h1,body:not(.gz) h2,body:not(.gz) h3,body:not(.gz) p,body:not(.gz) ul{margin-top:0}
body:not(.gz) p{margin-bottom:1rem}
body:not(.gz) .container{width:100%;max-width:1140px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}
.row{display:flex;flex-wrap:wrap;margin-left:-12px;margin-right:-12px}
.row>*{box-sizing:border-box;width:100%;max-width:100%;padding-left:12px;padding-right:12px}
.row.g-4{row-gap:24px}
.col-12{flex:0 0 100%}
@media (min-width:768px){.col-md-4{flex:0 0 33.3333%;max-width:33.3333%}}
.text-center{text-align:center}
.mt-5{margin-top:3rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}
button{font:inherit}
.text-decoration-none{text-decoration:none}

/* ═══════════ бургер: зручна зона натискання, меню не доступне з клавіатури, коли згорнуте ═══════════ */
.burger{box-sizing:content-box!important;padding:13px 8px!important;margin-right:-8px}
@media (max-width:900px){
  .menu:not(.show){visibility:hidden}
  .menu{transition:opacity .35s,transform .35s,max-height .35s,visibility 0s linear .35s!important}
  .menu.show{visibility:visible;transition:opacity .35s,transform .35s,max-height .35s,visibility 0s!important}
}

/* ═══════════ видимий фокус з клавіатури ═══════════ */
:focus-visible{outline:2px solid var(--red);outline-offset:2px}
body.gz .dark :focus-visible,.footer :focus-visible{outline-color:#e7909c}

/* ═══════════ сторінка 404 ═══════════ */
.error-section{display:block!important;max-width:760px;margin:40px auto 60px!important;padding:44px 32px!important;background:var(--paper) var(--grain)!important;color:var(--ink)!important;border:1px solid var(--rule);outline:6px double var(--ink);outline-offset:-16px;box-shadow:12px 12px 0 rgba(0,0,0,.45);text-align:center;min-height:0!important}
.error-section::before{content:"Вісник MY Tattoo · Спростування";display:block;font-family:var(--f-cond);text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:var(--muted);border-bottom:4px double var(--ink);padding-bottom:10px;margin-bottom:10px}
html[lang="en"] .error-section::before{content:"The MY Tattoo Gazette · Correction"}
.error-code{font-family:var(--f-mast)!important;font-weight:700!important;font-size:clamp(90px,18vw,160px)!important;line-height:.9!important;color:var(--red)!important;background:none!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important}
.error-title{font-family:var(--f-mast)!important;font-size:clamp(28px,4vw,40px)!important;color:var(--ink)!important;margin:6px 0 10px!important}
.error-text{font-family:var(--f-body);font-style:italic;color:var(--muted)!important;font-size:18px!important}
.error-links{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:22px}
.error-links a{font-family:var(--f-cond)!important;text-transform:uppercase;letter-spacing:.12em;font-weight:600!important;font-size:14px!important;padding:12px 22px!important;border-radius:0!important;text-decoration:none;border:2px solid var(--ink)!important;background:transparent!important;color:var(--ink)!important;box-shadow:4px 4px 0 var(--ink)!important;transition:transform .15s,box-shadow .15s}
.error-links a.btn-home{background:var(--red)!important;border-color:var(--red)!important;color:var(--paper)!important}
.error-links a:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)!important}

/* ═══════════ зменшений рух: анімації появи вимкнені повністю ═══════════ */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .reveal,.stagger-item{opacity:1!important;transform:none!important;transition:none!important}
}
/* ───────── МЕНЮ ПІДСТОРІНОК: «Зміст випуску» (будує js/animations.js) ───────── */
.menu--toc .toc-head,.menu--toc .toc-no,.menu--toc .toc-dots,.menu--toc .toc-page,.menu--toc .toc-contacts{display:none}
.menu--toc .toc-foot{display:contents}
.menu--toc .toc-home{display:none}
.menu--toc > a:last-of-type{border-right:0}
.menu--toc .toc-item.is-current{color:var(--red)!important}
@media (min-width:901px) and (max-width:1180px){
  .menu--toc .toc-item{padding:6px 8px!important;letter-spacing:.08em;font-size:13px!important}
  .menu--toc .active-button{padding:8px 12px!important;margin-left:8px}
}
@media (max-width:900px){
  .menu.menu--toc{padding:0 20px;overflow-y:auto;overscroll-behavior:contain;text-align:left;align-items:stretch!important}
  .menu--toc > *{align-self:stretch}
  body.menu-open .sticky-cta,body.menu-open .sticky-book,body.menu-open .float-tg,body.menu-open #stickyCta{opacity:0!important;pointer-events:none!important}
  .menu.menu--toc.show{max-height:calc(100vh - var(--header-h))!important;max-height:calc(100dvh - var(--header-h))!important}
  .menu--toc .toc-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:16px 2px 8px;border-bottom:4px double var(--ink)}
  .menu--toc .toc-head b{font-family:var(--f-mast);font-weight:700;font-size:30px;line-height:1;color:var(--ink)}
  .menu--toc .toc-head span{font-family:var(--f-cond);text-transform:uppercase;letter-spacing:.2em;font-size:11px;color:var(--muted)}
  .menu.menu--toc .toc-item,.menu.menu--toc .toc-home{display:flex!important;align-items:baseline;gap:10px;width:auto;text-align:left!important;padding:12px 2px!important;font-size:17px!important;letter-spacing:.12em;border-bottom:1px dotted var(--rule)!important}
  .menu--toc .toc-no{display:block;flex:0 0 26px;font-family:var(--f-mast);font-style:italic;font-size:15px;letter-spacing:0;color:var(--red)}
  .menu--toc .toc-name{flex:0 0 auto}
  .menu--toc .toc-dots{display:block;flex:1 1 auto;min-width:16px;border-bottom:2px dotted rgba(27,23,20,.4);transform:translateY(-5px)}
  .menu--toc .toc-page{display:block;flex:0 0 auto;font-family:var(--f-mast);font-style:italic;text-transform:none;letter-spacing:0;font-size:14px;color:var(--muted)}
  .menu.menu--toc .toc-item.is-current{background:var(--ink);color:var(--paper)!important;padding-left:10px!important;padding-right:10px!important;margin:4px -8px;border-bottom:0!important}
  .menu--toc .toc-item.is-current .toc-no{color:#e7909c}
  .menu--toc .toc-item.is-current .toc-dots{border-color:rgba(235,225,201,.35)}
  .menu--toc .toc-item.is-current .toc-page{font-family:var(--f-cond);font-style:normal;text-transform:uppercase;letter-spacing:.12em;font-size:11px;background:var(--red);color:var(--paper);padding:2px 7px;transform:rotate(-3deg)}
  .menu--toc .toc-item:not(.is-current):active .toc-name,.menu--toc .toc-item:not(.is-current):hover .toc-name{color:var(--red)}
  .menu--toc .toc-foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 0 22px}
  .menu.menu--toc .toc-foot .active-button{flex:1 1 auto;margin:0!important;text-align:center;border-bottom:0!important;padding:13px 18px!important}
  .menu.menu--toc .toc-foot .nav-lang-switch{margin:0!important;padding:11px 14px!important;border-bottom:1.5px solid var(--ink)!important}
  .menu--toc .toc-contacts{display:block;flex:1 1 100%;text-align:center;font-family:var(--f-mast);font-style:italic;font-size:14px;color:var(--muted)}
  .menu.menu--toc .toc-contacts a{display:inline!important;width:auto;padding:0!important;border:0!important;font-family:inherit!important;text-transform:none;letter-spacing:0;font-size:inherit!important;color:var(--ink)!important;text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:3px}
  .menu--toc.show .toc-item,.menu--toc.show .toc-foot{animation:tocIn .45s var(--ease) both;animation-delay:calc(var(--i, 8) * 45ms)}
}
@keyframes tocIn{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.menu--toc.show .toc-item,.menu--toc.show .toc-foot{animation:none}}
@media (max-width:420px){.logo--split .logo-mark{height:40px;width:40px}.logo--split .logo-text{--wh:20px}}
.promo-close{top:-16px!important;right:-16px!important;z-index:3;font-size:28px!important;-webkit-font-smoothing:antialiased}
.promo-content,.promo-content *{text-rendering:optimizeLegibility}
/* рядок акції: знижки окремими пунктами, кнопка по центру під ними */
.promo-line p{text-align:center}
.promo-line-item{display:inline-block}
.promo-line-sep{margin:0 10px;opacity:.6}
.promo-line .promo-line-btn{display:inline-block!important;max-width:none!important;margin:0 0 0 14px!important;white-space:nowrap}
@media (max-width:768px){
  .promo-line{padding:8px 12px!important;font-size:11.5px!important;letter-spacing:.07em;line-height:1.7}
  .promo-line-item{display:block}
  .promo-line-sep{display:none}
  .promo-line .promo-line-btn{display:block!important;margin:6px auto 0!important;font-size:11.5px!important;width:fit-content}
}
/* зручні зони натискання на телефоні */
@media (max-width:768px){
  #topBannerEl > button{width:34px!important;height:34px!important}
  .coupon-foot a,.mast-top a,.footer-link,.blog-breadcrumb a,.crumbs a,.offer-breadcrumb a,.gallery-cta-link,footer nav a{display:inline-block;padding:10px 4px;margin:-10px -4px}
  .footer-links{row-gap:6px}
}
/* сезонні прикраси біля заголовків: не відриваються від слова, по центру рядка */
.seasonal-nowrap{white-space:nowrap}
.seasonal-deco{display:inline-block;line-height:1;vertical-align:middle!important;font-size:.5em;position:relative;top:-.08em;margin:0!important}