/* TATALIKEN — ported from GuangNa (Oct 2026): compact CTA, one rhythm, price layout, modern empty cart, footer contacts, brand strokes & energy splash */
/* compact CTA, same on every page */
.vx-cta-in{padding:24px 32px!important;border-radius:20px!important;gap:20px!important}
.vx-cta-copy span{font-size:11px!important;margin-bottom:6px!important}
.vx-cta-copy h2{font-size:clamp(20px,2.2vw,26px)!important;margin:0 0 6px!important}
.vx-cta-copy p{font-size:14.5px!important;line-height:1.5!important}
.vx-cta-actions .btn{padding:12px 20px!important;font-size:15px!important}
@media(max-width:760px){.vx-cta-in{padding:20px 18px!important}}
/* one rhythm: every full-width band has the same vertical padding */
body.storefront main>section.home-categories,body.storefront main>section.vx-section,body.storefront>section.vx-section,body.storefront main>section.vx-section{padding-top:48px!important;padding-bottom:48px!important}
body.storefront.catalog-page .catalog-main{padding-bottom:48px!important}
body.storefront .compare-page-section{padding-top:40px!important;padding-bottom:48px!important}
body.storefront .contacts-page{padding-bottom:48px!important}
body.storefront .blog-hero{padding-top:40px!important}
body.storefront .blog-list-section{padding-bottom:48px!important}
/* product page: one 24px gap between all blocks */
body.storefront.product-page .product-wrap{padding:24px 0 48px!important}
body.storefront.product-page .product-wrap>.container{display:flex!important;flex-direction:column!important;gap:24px!important}
body.storefront.product-page .product-wrap>.container>*{margin:0!important}
body.storefront.product-page .product-wrap>.container>.breadcrumbs{margin:0 0 -12px!important}
body.storefront.product-page .product-wrap>.container>[hidden],body.storefront.product-page .product-wrap>.container>:empty{display:none!important}
/* one content width = header width (1240) */
body .contacts-page .container,body .contacts-page .ctx-body,body main>.container:has(.legal-hero),body.cart-page main>.container,body .blog-hero>.container{max-width:1240px!important;width:calc(100% - 40px)!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
body .contacts-page .ctx-hero .container{padding-left:0!important;padding-right:0!important}
@media(max-width:760px){body .contacts-page .container,body .contacts-page .ctx-body,body main>.container:has(.legal-hero),body.cart-page main>.container,body .blog-hero>.container{width:calc(100% - 24px)!important}
 body.storefront main>section.home-categories,body.storefront main>section.vx-section{padding-top:32px!important;padding-bottom:32px!important}}
.footer-modern .footer-contact-phone:not(.hide)::before{content:"☎"!important;display:inline!important;color:#ff5a5f;font-size:15px}
.footer-modern .footer-contact-phone:not(.hide){gap:8px}
.footer-modern .footer-contact-tg:not(.hide)::before{content:""!important;display:inline-block!important;width:16px;height:16px;flex:0 0 16px;background:#29a9eb;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.5 3.6 2.9 10.8c-1.3.5-1.3 1.2-.2 1.6l4.8 1.5 1.8 5.6c.2.6.1.9.8.9.5 0 .7-.2 1-.5l2.3-2.2 4.8 3.5c.9.5 1.5.2 1.7-.8l3.1-14.8c.3-1.3-.5-1.9-1.5-1.4z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.5 3.6 2.9 10.8c-1.3.5-1.3 1.2-.2 1.6l4.8 1.5 1.8 5.6c.2.6.1.9.8.9.5 0 .7-.2 1-.5l2.3-2.2 4.8 3.5c.9.5 1.5.2 1.7-.8l3.1-14.8c.3-1.3-.5-1.9-1.5-1.4z'/%3E%3C/svg%3E") center/contain no-repeat}
.footer-modern .footer-contact-tg:not(.hide){gap:8px}
.footer-modern .footer-contact-phone:not(.hide)::before{
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.6 2.8h3.2l1.2 5-2.2 1.5c1.3 2.8 3.2 4.7 6 6l1.5-2.2 5 1.2v3.2c0 1.8-1.5 3.3-3.3 3.2C9.5 20.2 3.8 14.5 3.3 6.1 3.2 4.3 4.7 2.8 6.6 2.8z'/%3E%3C/svg%3E") center/contain no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.6 2.8h3.2l1.2 5-2.2 1.5c1.3 2.8 3.2 4.7 6 6l1.5-2.2 5 1.2v3.2c0 1.8-1.5 3.3-3.3 3.2C9.5 20.2 3.8 14.5 3.3 6.1 3.2 4.3 4.7 2.8 6.6 2.8z'/%3E%3C/svg%3E") center/contain no-repeat!important}
.footer-modern .footer-contact-tg:not(.hide)::before{width:17px!important;height:17px!important;flex:0 0 17px!important}
/* ===== product cards: price block lower, never overlaps ===== */
body.storefront .product-card .product-card-body{display:flex!important;flex-direction:column!important;flex:1 1 auto}
body.storefront .product-card .product-card-foot{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important;margin-top:auto!important;padding-top:12px!important}
body.storefront .product-card .card-price-stack{display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;gap:4px 8px!important;width:100%}
body.storefront .product-card .card-price-stack .sale-pill{align-self:center}
body.storefront .product-card .stock-state{order:-1;margin:0!important;white-space:nowrap}
body.storefront.home-page main{padding-bottom:40px!important}
body.storefront.home-page main>section:last-child{margin-bottom:0!important}
body.storefront.home-page .benefits-modern .container>*{margin:0!important}
body.storefront .product-card{display:flex!important;flex-direction:column!important;height:100%}
body.storefront .featured-grid,body.storefront .catalog-grid,body.storefront .related-grid{align-items:stretch!important}


/* ===== product page: price on its own line — new price, old price, discount in one row ===== */
body.storefront.product-page .product-price-row{display:flex!important;flex-wrap:wrap!important;align-items:flex-end!important;gap:14px 12px!important}
body.storefront.product-page .product-price-row>[data-live-price]{flex:0 0 100%!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:baseline!important;gap:6px 12px!important;margin:0!important}
body.storefront.product-page .product-price-row [data-live-price] .current-price{order:1;font-size:clamp(30px,3vw,38px)!important;font-weight:900!important;line-height:1!important;color:#111315!important;letter-spacing:-.02em}
body.storefront.product-page .product-price-row [data-live-price] .old-price{order:2;font-size:18px!important;font-weight:600!important;color:#9aa1a9!important;text-decoration:line-through!important;line-height:1!important}
body.storefront.product-page .product-price-row [data-live-price] .sale-pill{order:3;align-self:center!important;font-size:13px!important;font-weight:800!important;padding:5px 10px!important;border-radius:999px!important;background:#E4202D!important;color:#fff!important;line-height:1!important}
body.storefront.product-page .product-price-row .product-qty-picker{margin:0!important}
body.storefront.product-page .product-price-row .buy-now{flex:1 1 220px!important}
@media(max-width:760px){body.storefront.product-page .product-price-row [data-live-price] .current-price{font-size:30px!important}body.storefront.product-page .product-price-row [data-live-price] .old-price{font-size:16px!important}}
html body.storefront.product-page .product-info .product-price-row>.buy-now,html body.storefront.product-page .product-info .product-price-row>.favorite-large{align-self:flex-end!important;margin:0!important;height:54px!important;min-height:54px!important}
body.storefront.product-page .product-price-row .favorite-large{width:54px!important;flex:0 0 54px!important}
body.storefront.product-page .product-price-row .card-qty.large{height:54px!important}


/* ===== GuangNa fun layer ===== */
/* 1. marker stroke under headings */
.gn-stroke{position:relative;padding-bottom:12px!important}
.gn-stroke::after{content:"";position:absolute;left:-4px;bottom:0;width:min(210px,70%);height:12px;background:var(--gn-stroke,#E4202D);opacity:.85;border-radius:10px;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 14' preserveAspectRatio='none'%3E%3Cpath d='M3 9c28-5 61-6 96-4 38 2 72 1 118-4' fill='none' stroke='black' stroke-width='7' stroke-linecap='round'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 14' preserveAspectRatio='none'%3E%3Cpath d='M3 9c28-5 61-6 96-4 38 2 72 1 118-4' fill='none' stroke='black' stroke-width='7' stroke-linecap='round'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;
  clip-path:inset(0 100% 0 0);transition:clip-path .9s cubic-bezier(.6,.05,.25,1) .1s}
.gn-stroke.gn-drawn::after{clip-path:inset(0 0 0 0)}
.home-seo-card .gn-stroke::after,.gn-stroke[style*="center"]::after{left:-4px}

/* 3. paint splash + flying drop */
.gn-splash{position:fixed;width:0;height:0;pointer-events:none;z-index:2147483000}
.gn-splash i{position:absolute;left:0;top:0;width:var(--s);height:var(--s);border-radius:50%;transform:translate(-50%,-50%) scale(.2);opacity:0;animation:gnBurst .75s cubic-bezier(.2,.7,.3,1) forwards}
@keyframes gnBurst{0%{opacity:1;transform:translate(-50%,-50%) scale(.3)}70%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y) + 14px)) scale(1)}}
.gn-fly{position:fixed;width:18px;height:18px;border-radius:50% 50% 50% 8%;pointer-events:none;z-index:2147483000;box-shadow:0 4px 12px rgba(0,0,0,.2)}
.gn-cart-pop{animation:gnPop .45s cubic-bezier(.3,1.6,.5,1)}
@keyframes gnPop{0%{transform:scale(1)}40%{transform:scale(1.25) rotate(-6deg)}100%{transform:scale(1)}}


/* ===== empty cart, modern ===== */
.cart-page .cp-empty.gn-empty{position:relative;max-width:760px!important;margin:8px auto 0!important;padding:38px 28px 34px!important;border-radius:28px!important;border:1px solid #e3e7ef!important;box-shadow:0 18px 40px -30px rgba(16,24,40,.35)!important;overflow:hidden;
  background:radial-gradient(420px 220px at 12% 0%,rgba(228,32,45,.10),transparent 70%),radial-gradient(380px 220px at 92% 100%,rgba(35,71,255,.07),transparent 70%),radial-gradient(300px 200px at 90% 0%,rgba(35,71,255,.06),transparent 70%),#fff!important}
.gn-empty-art{width:170px;margin:0 auto 6px}
.gn-empty-art svg{width:100%;height:auto;overflow:visible}
.gn-e-cart{fill:none;stroke:#111315;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;transform-origin:70px 70px;animation:gnCart 3.2s ease-in-out infinite}
.gn-e-cart circle{fill:#E4202D;stroke:#111315}
.gn-e-stroke{fill:none;stroke:#E4202D;stroke-width:8;stroke-linecap:round;opacity:.9;stroke-dasharray:130;stroke-dashoffset:130;animation:gnDraw 1.1s .2s cubic-bezier(.6,.05,.25,1) forwards}
.gn-e-drops path{fill:var(--c);transform-box:fill-box;transform-origin:center;animation:gnDrop 2.6s var(--d) ease-in-out infinite}
@keyframes gnCart{0%,100%{transform:rotate(0)}50%{transform:rotate(-3deg) translateY(-2px)}}
@keyframes gnDrop{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-9px) scale(1.08)}}
@keyframes gnDraw{to{stroke-dashoffset:0}}
.cp-empty.gn-empty .gn-empty-title{font-size:clamp(26px,3vw,34px)!important;margin:4px 0 8px!important;letter-spacing:-.02em}
.cp-empty.gn-empty p{font-size:16px!important;color:#667085!important;max-width:460px;margin:0 auto 22px!important;line-height:1.55}
.gn-empty-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.gn-empty-actions .btn{padding:14px 22px!important;border-radius:14px!important;font-weight:800}
.gn-empty-fav{background:#fff1f1!important;color:#c8101d!important;border:1px solid #ffd5d7!important;display:inline-flex;align-items:center;gap:8px}
.gn-empty-fav b{background:#E4202D;color:#fff;border-radius:999px;font-size:11px;min-width:20px;height:20px;display:inline-grid;place-items:center;padding:0 6px}
.gn-empty-more{display:grid;gap:24px;margin:24px 0 0}
.gn-empty-sec{background:#fff;border:1px solid #e3e7ef;border-radius:24px;box-shadow:0 18px 40px -30px rgba(16,24,40,.35);padding:26px 28px 28px}
.gn-empty-sec .section-heading{margin:0 0 18px}
.gn-empty-sec .section-heading h2{margin:0;font-size:24px}
.gn-empty-sec .section-heading p{margin:8px 0 0;color:#667085;font-size:14px}
.gn-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.gn-mini{display:flex;flex-direction:column;background:#f8f9fb;border:1px solid #e8ebf0;border-radius:18px;padding:12px;transition:transform .2s,box-shadow .2s,border-color .2s}
.gn-mini:hover{transform:translateY(-3px);border-color:rgba(228,32,45,.4);box-shadow:0 16px 32px -24px rgba(16,24,40,.5)}
.gn-mini-img{display:grid;place-items:center;aspect-ratio:4/3;background:#fff;border-radius:12px;overflow:hidden;margin-bottom:10px}
.gn-mini-img img{max-width:92%;max-height:92%;object-fit:contain;transition:transform .3s}
.gn-mini:hover .gn-mini-img img{transform:scale(1.05) rotate(-1deg)}
.gn-mini-name{font-weight:800;font-size:13.5px;line-height:1.3;color:#111315;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:35px}
.gn-mini-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px}
.gn-mini-price s{display:block;font-size:12px;color:#98a2b3}
.gn-mini-price b{font-size:18px;font-weight:900;color:#111315}
.gn-mini-add{border:0;border-radius:12px;padding:10px 12px;font-weight:800;font-size:13px;color:#fff;background:linear-gradient(135deg,#ff5a5f,#E4202D);cursor:pointer;white-space:nowrap;box-shadow:0 8px 18px -10px rgba(228,32,45,.8)}
.gn-mini-add:hover{filter:brightness(1.05)}
@media(max-width:860px){.gn-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gn-empty-sec{padding:18px 14px 20px;border-radius:20px}.cart-page .cp-empty.gn-empty{padding:28px 16px!important}.gn-mini-foot{flex-direction:column;align-items:stretch}.gn-mini-add{width:100%}}
@media (prefers-reduced-motion:reduce){.gn-e-cart,.gn-e-drops path{animation:none}.gn-e-stroke{animation:none;stroke-dashoffset:0}}
/* empty cart — full width, art left / text right */
.cart-page .cp-empty.gn-empty{max-width:none!important;width:100%!important;margin:0!important;display:grid!important;grid-template-columns:220px minmax(0,1fr);gap:32px;align-items:center;text-align:left!important;padding:30px 40px!important;box-sizing:border-box}
.cart-page .cp-empty.gn-empty .gn-empty-art{width:210px;margin:0}
.cart-page .cp-empty.gn-empty p{margin:0 0 20px!important;max-width:560px}
.cart-page .cp-empty.gn-empty .gn-empty-actions{justify-content:flex-start}
.cart-page .gn-empty-more{margin-top:24px}
@media(max-width:760px){.cart-page .cp-empty.gn-empty{grid-template-columns:1fr;text-align:center!important;gap:10px;padding:24px 16px!important}.cart-page .cp-empty.gn-empty .gn-empty-art{width:150px;margin:0 auto}.cart-page .cp-empty.gn-empty p{margin:0 auto 18px!important}.cart-page .cp-empty.gn-empty .gn-empty-actions{justify-content:center}}

/* footer contacts: same-style line icons for phone, telegram, email */
.footer-modern .footer-contact-email:not(.hide){gap:10px!important}
.footer-modern .footer-contact-email:not(.hide):not(.footer-contact-tg)::before{content:""!important;display:inline-block!important;width:17px;height:17px;flex:0 0 17px;background:#ff5a5f;font-size:0!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='3'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='3'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E") center/contain no-repeat}
.footer-modern .footer-contact-phone:not(.hide)::before{
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.6 2.8h3.2l1.2 5-2.2 1.5c1.3 2.8 3.2 4.7 6 6l1.5-2.2 5 1.2v3.2c0 1.8-1.5 3.3-3.3 3.2C9.5 20.2 3.8 14.5 3.3 6.1 3.2 4.3 4.7 2.8 6.6 2.8z'/%3E%3C/svg%3E") center/contain no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.6 2.8h3.2l1.2 5-2.2 1.5c1.3 2.8 3.2 4.7 6 6l1.5-2.2 5 1.2v3.2c0 1.8-1.5 3.3-3.3 3.2C9.5 20.2 3.8 14.5 3.3 6.1 3.2 4.3 4.7 2.8 6.6 2.8z'/%3E%3C/svg%3E") center/contain no-repeat!important}
.footer-modern .footer-contact-tg:not(.hide)::before{width:17px!important;height:17px!important;flex:0 0 17px!important}
/* CTA: same distance from content on every page (content band ends with 48px → +16px) */
body.storefront.product-page .product-wrap{padding-bottom:48px!important}
/* delivery / legal: 24px between panels, 48px at the bottom */
body main>.container:has(.delivery-hero),body main>.container:has(.legal-hero){display:flex!important;flex-direction:column!important;gap:24px!important}
body main>.container:has(.delivery-hero)>*,body main>.container:has(.legal-hero)>*{margin:0!important}
body main:has(.delivery-hero),body main:has(.legal-hero){padding-bottom:48px!important}
body.storefront .contacts-page,body.storefront .compare-page-section,body.storefront .blog-list-section,body.storefront .account-page,body.storefront main>.container:has(.account-grid){padding-bottom:48px!important;margin-bottom:0!important}
body.storefront.catalog-page .catalog-main{padding-bottom:48px!important}

/* v3 spacing system — 48px between zones, 24px between stacked cards (32/16 on mobile). tl-fun.js trims the gap above the CTA to exactly --tl-z */
:root{--tl-z:48px;--tl-g:24px}
@media(max-width:760px){:root{--tl-z:32px;--tl-g:16px}}
html body .vx-cta.vx-cta{background:transparent!important;border:0!important;margin-bottom:0!important;padding:var(--tl-z) 0!important}
html body section.home-seo.home-seo{background:#fff!important;border:0!important;border-top:1px solid #e1e6f0!important;margin:0!important;padding:var(--tl-z) 0!important}
body.storefront main.account-page{background:transparent!important}
/* «Який обрати?» — white / grey bands like the home page */
html body main.vx-choose>section.vx-section{background:#F2F4F8!important;border-top:0!important;border-bottom:0!important}
html body main.vx-choose>section.vx-section:nth-of-type(even){background:#fff!important;border-top:1px solid #e1e6f0!important;border-bottom:1px solid #e1e6f0!important}

/* vx-cta-nolink: buttons only, vertically centred */
.vx-cta-actions{align-self:center}
/* rich-text tables (category SEO, articles): scroll instead of clipping on phones */
@media(max-width:640px){.category-description-rich table,.home-seo-extra table,.article-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.category-description-rich th,.category-description-rich td,.home-seo-extra th,.home-seo-extra td{font-size:13.5px;padding:8px 10px}}
/* «Інвертор під вашу задачу» — tiles (home, categories, landings) */
.task-nav{padding:var(--tl-z,48px) 0 0}
.task-nav-head{margin-bottom:20px}
.task-nav-head h2{font-family:var(--vx-display,inherit);font-size:clamp(22px,2.6vw,30px);line-height:1.2;color:#0C111B;margin:0 0 6px}
.task-nav-head p{margin:0;color:#5E687C;font-size:15px}
.task-nav-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.task-tile{display:flex;align-items:center;gap:14px;padding:16px 18px;background:#fff;border:1px solid #E3E7EF;border-radius:16px;color:#0C111B!important;text-decoration:none!important;box-shadow:0 6px 18px rgba(12,17,27,.05);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.task-tile:hover{transform:translateY(-2px);border-color:#E4202D;box-shadow:0 14px 30px rgba(12,17,27,.10)}
.task-ico{flex:0 0 44px;width:44px;height:44px;border-radius:12px;background:#FDECEE;display:grid;place-items:center}
.task-ico svg{width:24px;height:24px;fill:none;stroke:#E4202D;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.task-txt{flex:1;min-width:0;display:block}
.task-txt b{display:block;font-size:16px;line-height:1.3}
.task-txt small{display:block;color:#5E687C;font-size:13.5px;line-height:1.4;margin-top:2px}
.task-arr{color:#E4202D;font-weight:800;font-size:18px;transition:transform .2s ease}
.task-tile:hover .task-arr{transform:translateX(3px)}
@media(max-width:900px){.task-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.task-nav-grid{grid-template-columns:1fr;gap:10px}.task-tile{padding:13px 14px}.task-arr{display:none}}
/* show 6 tiles, the rest behind «Показати все» (pure CSS, links stay in HTML) */
.task-more-cb:not(:checked)~.task-nav-grid .task-tile:nth-child(n+7){display:none}
.task-more-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:max-content;margin:18px auto 0;padding:12px 22px;border:1px solid #E3E7EF;border-radius:999px;background:#fff;color:#0C111B;font-weight:700;font-size:15px;cursor:pointer;user-select:none;transition:border-color .2s ease,color .2s ease}
.task-more-btn:hover{border-color:#E4202D;color:#E4202D}
.task-more-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.task-more-btn .tm-hide,.task-more-cb:checked~.task-more-btn .tm-show{display:none}
.task-more-cb:checked~.task-more-btn .tm-hide{display:inline}
.task-more-cb:checked~.task-more-btn svg{transform:rotate(180deg)}
/* footer strip with the same links */
.footer-tasks{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 22px;padding-top:18px!important;padding-bottom:18px!important;border-top:1px solid rgba(255,255,255,.08)}
.footer-tasks h4{margin:0;font-size:13px;color:#fff;font-weight:800}
.footer-tasks-links{display:flex;flex-wrap:wrap;gap:8px 20px}
.footer-tasks-links a{color:#9AA4B8!important;font-size:12.5px;text-decoration:none}
.footer-tasks-links a:hover{color:#fff!important}

/* ===== Section rhythm: white / grey / white ===== */
html body section.task-nav{background:#F2F4F8;border-top:1px solid #E1E6F0;padding:var(--tl-z,48px) 0!important}
html body section.task-nav .task-tile{background:#fff!important}
html body section.task-nav + section.home-seo.home-seo{background:#fff!important;border-top:1px solid #E1E6F0!important}
html body section.task-nav + section.home-seo .home-seo-card{background:#fff!important;border-color:#E3E7EF!important}
/* CTA — окремий білий розділ між «Корисні статті» (сірий) і «Інвертор під вашу задачу» (сірий) */
html body section.vx-cta.vx-cta{background:#fff!important;border-top:1px solid #E1E6F0!important;padding:56px 0!important;margin-top:0!important}
html body section:is(.home-blog-section,.category-blog-section).is-band,html body section.home-blog-section,html body section.category-blog-section{background:#F2F4F8!important;border-top:1px solid #E1E6F0!important;margin-bottom:0!important}
.task-nav .task-tile{background:#F7F8FB}
.task-nav .task-tile:hover{background:#fff}

/* ===== Blog list v2 ===== */
body .blog-hero{background:#fff!important;border-bottom:1px solid #E1E6F0;padding:40px 0 36px!important}
body .blog-hero h1{font-size:clamp(30px,3.6vw,46px)!important;letter-spacing:-.03em}
body .blog-list-section{background:#F2F4F8;padding:40px 0 56px!important}
html body .blog-list-section .blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;justify-content:stretch!important;align-items:stretch!important;gap:24px!important}
html body .blog-list-section .blog-card{max-width:none!important;width:auto!important}
.blog-card{border:1px solid #E3E7EF!important;border-radius:20px!important;box-shadow:0 6px 20px rgba(12,17,27,.05)!important}
.blog-card:hover{box-shadow:0 16px 36px rgba(12,17,27,.10)!important;border-color:#D5DBE6!important}
html body :is(.blog-list-section,.home-blog-section,.category-blog-section,.product-articles,.article-related) .blog-card-image{aspect-ratio:16/10!important;height:auto!important;background:linear-gradient(135deg,#fff 0%,#EEF1F6 100%)!important;padding:14px!important}
html body :is(.blog-list-section,.home-blog-section,.category-blog-section,.product-articles,.article-related) .blog-card-image img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:10px;padding:0!important}
html body .blog-card-copy{padding:20px 22px 22px!important}
.blog-card-meta time,.blog-card-meta span{font-size:12px!important;color:#7A8395!important}
html body .blog-card-copy h2{font-size:19px!important;line-height:1.3!important;letter-spacing:-.015em;margin:6px 0 8px!important}
html body .blog-card-copy h2 a:hover{color:#E4202D}
html body .blog-card-copy p{font-size:14px!important;line-height:1.55!important;color:#5E687C!important;-webkit-line-clamp:3!important;margin-bottom:16px!important}
html body .blog-more{font-size:13.5px!important;color:#E4202D!important;font-weight:800!important}
@media(min-width:901px){
 html body .blog-list-section .blog-grid>.blog-card:first-child{grid-column:1/-1;flex-direction:row}
 html body .blog-list-section .blog-grid>.blog-card:first-child .blog-card-image{flex:0 0 52%;aspect-ratio:auto!important;min-height:340px;padding:24px!important}
 html body .blog-list-section .blog-grid>.blog-card:first-child .blog-card-copy{padding:36px 40px!important;justify-content:center}
 html body .blog-list-section .blog-grid>.blog-card:first-child h2{font-size:30px!important;line-height:1.2!important}
 html body .blog-list-section .blog-grid>.blog-card:first-child p{font-size:16px!important;-webkit-line-clamp:4!important}
}
@media(max-width:900px){html body .blog-list-section .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){html body .blog-list-section .blog-grid{grid-template-columns:1fr!important;gap:16px!important}}

/* ===== Article page v2 ===== */
body.article-view .article-page{padding:0 0 56px!important;background:#F2F4F8;overflow-x:clip}
body.article-view .article-shell{max-width:1180px}
body.article-view .article-shell>.breadcrumbs{position:relative;z-index:1;padding-top:20px}
body.article-view .article-head{position:relative;z-index:0;max-width:none!important;margin:0!important;padding:18px 0 40px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);column-gap:48px;align-items:center}
body.article-view .article-head::before{content:"";position:absolute;top:-80px;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:#fff;border-bottom:1px solid #E1E6F0;z-index:-1}
body.article-view .article-head>*{grid-column:1}
body.article-view .article-head h1{font-size:clamp(30px,3.4vw,46px)!important;line-height:1.12!important;letter-spacing:-.03em!important;margin:10px 0 14px!important}
body.article-view .article-head>p{font-size:17px!important;color:#5E687C!important;margin:14px 0 0!important}
body.article-view .article-meta{gap:10px!important;font-size:13px!important;color:#7A8395!important}
body.article-view .article-meta>*{background:#F2F4F8;border-radius:999px;padding:5px 11px}
body.article-view .article-meta .article-topic{background:#FDECEE!important;color:#C21823!important}
html body.article-view .article-cover{grid-column:2!important;grid-row:1/span 5;width:100%!important;max-width:100%!important;aspect-ratio:4/3!important;height:auto!important;object-fit:contain!important;background:linear-gradient(135deg,#fff 0%,#EEF1F6 100%)!important;border:1px solid #E3E7EF!important;border-radius:24px!important;padding:20px;margin:0!important;align-self:center}
body.article-view .article-layout{max-width:1180px!important;margin:36px auto 0!important;grid-template-columns:260px minmax(0,1fr)!important;gap:32px!important}
body.article-view .article-layout.no-toc{grid-template-columns:minmax(0,1fr)!important;max-width:900px!important}
body.article-view .article-main{background:#fff;border:1px solid #E3E7EF;border-radius:24px;padding:44px 52px;box-shadow:0 10px 30px rgba(12,17,27,.05)}
body.article-view .article-content{max-width:780px;color:#1F2733!important;font-size:17px!important;line-height:1.75!important}
body.article-view .article-content>p:first-child{font-size:18.5px;color:#0C111B}
body.article-view .article-content h2{font-size:28px!important;font-weight:800;color:#0C111B;margin:46px 0 14px!important;letter-spacing:-.02em!important}
body.article-view .article-content h3{font-size:20px!important;color:#0C111B;margin:28px 0 10px!important}
body.article-view .article-content a{color:#C21823;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
body.article-view .article-content a:hover{color:#E4202D}
body.article-view .article-content ul li::marker{color:#E4202D}
body.article-view .article-content ol li::marker{color:#E4202D;font-weight:800}
body.article-view .article-content table{width:100%;border-collapse:separate!important;border-spacing:0;border:1px solid #E3E7EF;border-radius:14px;overflow:hidden;margin:18px 0 26px;font-size:15px;line-height:1.5}
body.article-view .article-content th{background:#F5F7FA;text-align:left;font-weight:700;color:#0C111B;padding:12px 16px;border-bottom:1px solid #E3E7EF}
body.article-view .article-content td{padding:11px 16px;border-bottom:1px solid #EEF1F5;vertical-align:top}
body.article-view .article-content tr:last-child td{border-bottom:0}
body.article-view .article-content tbody tr:nth-child(even) td{background:#FAFBFC}
body.article-view .article-content .article-alsoread{background:#F5F7FA;border:1px solid #E3E7EF;border-left:4px solid #E4202D;border-radius:14px;padding:16px 20px;font-size:15.5px;line-height:1.6;margin:36px 0 0}
body.article-view .article-content .article-help{margin-top:28px;background:#FFF6F6;border:1px solid #F6D5D8;border-radius:18px;padding:26px 28px}
body.article-view .article-content .article-help h2{margin-top:0!important;font-size:24px!important}
body.article-view .article-content .article-help p:last-child{margin-bottom:0}
body.article-view .article-categories,body.article-view .article-products,body.article-view .article-related{border-top:1px solid #EEF1F5;margin-top:36px!important;padding-top:28px!important}
body.article-view .article-categories h2,body.article-view .article-products h2,body.article-view .article-related h2{font-size:22px!important;font-weight:800;margin:0 0 14px!important}
body.article-view .article-category-links a{display:inline-block;background:#F2F4F8;border:1px solid #E3E7EF;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:700;color:#0C111B;text-decoration:none}
body.article-view .article-category-links a:hover{border-color:#E4202D;color:#E4202D}
html body.article-view .article-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
html body.article-view .article-product-grid>a{flex-direction:column;align-items:stretch!important;gap:10px!important;padding:14px!important;border:1px solid #E3E7EF!important;border-radius:16px!important;background:#fff;text-decoration:none;color:#0C111B;transition:transform .2s,box-shadow .2s,border-color .2s}
html body.article-view .article-product-grid>a:hover{transform:translateY(-2px);border-color:#E4202D!important;box-shadow:0 12px 26px rgba(12,17,27,.08)}
html body.article-view .article-product-grid img{width:100%!important;height:130px!important;object-fit:contain!important;background:linear-gradient(135deg,#fff,#EEF1F6);border-radius:12px;padding:8px}
html body.article-view .article-product-grid b{font-size:13.5px!important;line-height:1.35!important}
html body.article-view .article-product-grid small{font-size:16px!important;color:#E4202D!important;font-weight:800!important;margin-top:6px!important}
body.article-view .article-back{max-width:1180px!important;margin:28px auto 0!important;padding-left:292px}
body.article-view .article-back a{display:inline-block;background:#fff;border:1px solid #E3E7EF;border-radius:999px;padding:10px 18px;font-size:14px;color:#0C111B!important;text-decoration:none}
body.article-view .article-back a:hover{border-color:#E4202D;color:#E4202D!important}
@media(max-width:1000px){
 body.article-view .article-head{grid-template-columns:1fr;row-gap:0}
 html body.article-view .article-cover{grid-column:1!important;grid-row:auto;margin-top:22px!important;max-height:340px!important}
 body.article-view .article-layout{grid-template-columns:1fr!important}
 body.article-view .article-back{padding-left:0}
}
@media(max-width:640px){
 body.article-view .article-main{padding:24px 18px;border-radius:18px}
 body.article-view .article-head{padding-bottom:28px}
 body.article-view .article-content{font-size:16px!important}
 body.article-view .article-content h2{font-size:23px!important;margin-top:36px!important}
 html body.article-view .article-product-grid{grid-template-columns:1fr 1fr!important}
 html body.article-view .article-product-grid img{height:100px!important}
 body.article-view .article-content .article-help{padding:20px 18px}
 html body.article-view .article-head .article-cover,html body.article-view .article-head figure{aspect-ratio:16/11!important;width:100%!important;max-width:none!important}
 html body.article-view .article-head .article-cover img,html body.article-view .article-head figure img{width:100%!important;height:100%!important;object-fit:contain!important}
}

/* ── Article TOC v3 ─────────────────────────────────────── */
html body.article-view{overflow-x:clip!important;overflow-y:visible!important}
html body.article-view .article-content :is(h2,h3){scroll-margin-top:150px}
@media(max-width:1000px){html body.article-view .article-content :is(h2,h3){scroll-margin-top:90px}}
html body.article-view .article-toc{position:sticky!important;top:148px!important;align-self:start;background:#fff!important;border:1px solid #E3E7EF!important;border-radius:20px!important;padding:0!important;max-height:calc(100vh - 168px)!important;overflow:auto!important;box-shadow:0 10px 30px rgba(12,17,27,.06)!important;scrollbar-width:thin;scrollbar-color:#D5DAE3 transparent}
html body.article-view .article-toc::-webkit-scrollbar{width:6px}html body.article-view .article-toc::-webkit-scrollbar-thumb{background:#D5DAE3;border-radius:6px}
html body.article-view .article-toc .toc-head{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:10px;width:100%;padding:18px 18px 12px;position:sticky;top:0;background:#fff;z-index:2}
html body.article-view .toc-title{font-size:15px;font-weight:800;color:#0C111B;letter-spacing:-.01em}
html body.article-view .toc-count{margin-left:auto;font-size:11.5px;font-weight:600;color:#6B7385;background:#F2F4F8;border-radius:999px;padding:3px 9px;white-space:nowrap}
html body.article-view .toc-chev{display:none;width:9px;height:9px;border-right:2px solid #0C111B;border-bottom:2px solid #0C111B;transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s}
html body.article-view .toc-progress{height:3px;background:#EEF1F5;border-radius:3px;margin:0 18px 8px;overflow:hidden;position:sticky;top:52px;z-index:2}
html body.article-view .toc-progress i{display:block;height:100%;background:linear-gradient(90deg,#E4202D,#FF5A4E);transform:scaleX(0);transform-origin:left;transition:transform .15s linear}
html body.article-view .toc-list{display:block;padding:4px 10px 14px}
html body.article-view .article-toc .toc-list a{all:unset;box-sizing:border-box;cursor:pointer;display:block;text-decoration:none}
html body.article-view .article-toc .toc-list a.level-2{display:grid;grid-template-columns:24px 1fr;gap:8px;padding:9px 10px;border-radius:12px;font-size:13.5px;line-height:1.4;color:#4A5568;transition:background .15s,color .15s}
html body.article-view .article-toc .toc-list a.level-2:hover{background:#F5F7FA;color:#0C111B}
html body.article-view .toc-n{font-size:11.5px;font-weight:700;color:#A0A8B7;font-variant-numeric:tabular-nums;padding-top:1.5px;transition:color .15s}
html body.article-view .toc-group.is-active>a.level-2{background:#FDECEE;color:#0C111B;font-weight:600}
html body.article-view .toc-group.is-active>a.level-2 .toc-n{color:#E4202D}
html body.article-view .toc-sub{display:none;margin:2px 0 8px 32px;padding-left:10px;border-left:2px solid #F0D3D6}
html body.article-view .toc-group.is-active .toc-sub{display:block}
html body.article-view .article-toc .toc-sub a.level-3{padding:5px 8px;border-radius:8px;font-size:12.5px;line-height:1.4;color:#6B7385}
html body.article-view .article-toc .toc-sub a.level-3:hover{color:#0C111B;background:#F5F7FA}
html body.article-view .article-toc .toc-sub a.level-3.is-active{color:#E4202D;font-weight:600}
@media(max-width:1000px){
 html body.article-view .article-toc{position:relative!important;top:auto!important;max-height:none!important;overflow:hidden!important;border-radius:16px!important}
 html body.article-view .article-toc .toc-head{cursor:pointer;padding:16px 18px;position:static}
 html body.article-view .toc-chev{display:block}
 html body.article-view .toc-count{margin-left:auto}
 html body.article-view .toc-progress{display:none}
 html body.article-view .toc-list{display:none;border-top:1px solid #EEF1F5;padding:8px 8px 12px}
 html body.article-view .article-toc.is-open .toc-list{display:block}
 html body.article-view .article-toc.is-open .toc-chev{transform:rotate(-135deg) translate(-2px,-2px)}
 html body.article-view .toc-sub{display:block}
}

/* blog SEO text */
html body .blog-seo{background:#fff;padding:56px 0;border-top:1px solid #E3E7EF}
html body .blog-seo-card{max-width:900px;margin:0 auto;color:#1F2733;font-size:16px;line-height:1.7}
html body .blog-seo-card h2{font-size:26px;margin:0 0 14px}html body .blog-seo-card h3{font-size:20px;margin:24px 0 10px}

/* card photos always fully visible (square & wide images) */
html body :is(.blog-list-section,.home-blog-section,.category-blog-section,.product-articles,.article-related) .blog-card .blog-card-image{position:relative!important;overflow:hidden!important;display:block!important}
html body :is(.blog-list-section,.home-blog-section,.category-blog-section,.product-articles,.article-related) .blog-card .blog-card-image>img{position:absolute!important;inset:14px!important;width:calc(100% - 28px)!important;height:calc(100% - 28px)!important;max-width:none!important;object-fit:contain!important;object-position:center!important;margin:0!important;transform:none!important}
html body .blog-list-section .blog-grid>.blog-card:first-child .blog-card-image>img{inset:24px!important;width:calc(100% - 48px)!important;height:calc(100% - 48px)!important}

/* CLS: metric-matched fallback so the Manrope swap does not reflow text */
@font-face{font-family:"Manrope Fallback";src:local("Arial"),local("ArialMT"),local("Liberation Sans"),local("Arimo"),local("Roboto"),local("Helvetica Neue"),local("Helvetica");ascent-override:103.31%;descent-override:29.07%;line-gap-override:0%;size-adjust:103.19%}
:root{--vx-font:"Manrope","Manrope Fallback",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;--vx-display:"Manrope","Manrope Fallback",-apple-system,"Segoe UI",Arial,sans-serif}
html body.storefront{font-family:var(--vx-font)}
/* calculator: recommended model by rated power */
html body .vx-res .vx-model{display:flex;align-items:center;gap:14px;margin:14px 0 8px;padding:12px 14px;border:1px solid #E3E7EF;border-radius:16px;background:#fff;text-decoration:none;color:#0C111B;transition:border-color .15s,box-shadow .15s}
html body .vx-res .vx-model:hover{border-color:#E4202D;box-shadow:0 8px 22px rgba(12,17,27,.08)}
html body .vx-res .vx-model img{width:72px;height:72px;object-fit:contain;border-radius:12px;background:#F2F4F8;padding:6px;flex:0 0 72px}
html body .vx-res .vx-model-t{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
html body .vx-res .vx-model-t small{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#E4202D}
html body .vx-res .vx-model-t b{font-size:15.5px;line-height:1.3}
html body .vx-res .vx-model-t em{font-style:normal;font-size:12.5px;color:#5E687C}
html body .vx-res .vx-model-t strong{font-size:15px;color:#0C111B;margin-top:2px}
html body .vx-res .vx-model-go{font-size:13px;font-weight:700;color:#E4202D;white-space:nowrap}
html body .vx-res .vx-model-alt{display:block;font-size:13px;color:#B8C2D8;margin:0 0 14px;text-decoration:none;align-self:center}
html body .vx-res .vx-model-alt b{color:#fff}
html body .vx-res .vx-model-alt:hover,html body .vx-res .vx-model-alt:hover b{color:#FF6B6B}
@media(max-width:520px){html body .vx-res .vx-model-go{display:none}}
/* blog SEO block — same card as home, on a grey band (list grey → CTA white → SEO grey) */
html body section.home-seo.blog-seo{background:#F2F4F8!important;border-top:1px solid #E1E6F0!important}
html body section.home-seo.blog-seo .home-seo-card{background:#fff!important;border-color:#E3E7EF!important}
/* ── Landing: models comparison + FAQ ── */
html body section.landing-models{background:#fff;padding:8px 0 var(--tl-z,48px)}
html body .lm-card{border:1px solid #E3E7EF;border-radius:24px;padding:28px 32px;background:#fff;box-shadow:0 10px 30px rgba(12,17,27,.05)}
html body .lm-card h2{margin:4px 0 18px;font-size:clamp(22px,2.4vw,28px)}
html body .lm-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #E3E7EF;border-radius:16px}
html body .lm-table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:640px}
html body .lm-table th{background:#F2F4F8;text-align:left;font-size:12.5px;font-weight:800;color:#5E687C;padding:12px 14px;white-space:nowrap}
html body .lm-table td{padding:12px 14px;border-top:1px solid #EEF1F5;color:#1F2733;white-space:nowrap}
html body .lm-table tbody tr:nth-child(even) td{background:#FAFBFD}
html body .lm-table td a{color:#0C111B;font-weight:800;text-decoration:none}
html body .lm-table td a:hover{color:#E4202D}
html body .lm-table td b{color:#E4202D}
html body .lm-table tr.lm-low td{color:#9AA3B2}
html body .lm-note{margin:14px 0 0;font-size:13.5px;line-height:1.55;color:#5E687C}
html body .lm-note a{color:#E4202D;font-weight:700;text-decoration:none;white-space:nowrap}
html body section.landing-faq{background:#F2F4F8;border-top:1px solid #E1E6F0;padding:var(--tl-z,48px) 0}
html body section.landing-faq .product-faq details{background:#fff;border:1px solid #E3E7EF;border-radius:14px;margin:0 0 10px;padding:0}
html body section.landing-faq .product-faq summary{padding:16px 50px 16px 18px;font-weight:700;cursor:pointer;list-style:none;position:relative}
html body section.landing-faq .product-faq summary::after{right:22px}
html body section.landing-faq .product-faq summary::-webkit-details-marker{display:none}
html body section.landing-faq .product-faq details p{padding:0 18px 16px;margin:0;color:#4A5568;line-height:1.65}
@media(max-width:640px){html body .lm-card{padding:20px 16px;border-radius:18px}}
html body .lm-run{margin:0 0 16px;padding:12px 16px;background:#F2F4F8;border-radius:12px;font-size:14.5px;color:#1F2733}
html body .lm-table td:nth-child(5){white-space:normal;min-width:200px}
html body .lm-v{display:none}
@media(max-width:640px){
 html body .lm-scroll{border:0;overflow:visible}
 html body .lm-table{min-width:0}
 html body .lm-table thead{display:none}
 html body .lm-table,html body .lm-table tbody{display:block}
 html body .lm-table tr{display:grid;grid-template-columns:1fr auto;gap:2px 12px;border:1px solid #E3E7EF;border-radius:14px;padding:12px 14px;margin:0 0 10px;background:#fff}
 html body .lm-table tbody tr:nth-child(even) td{background:transparent}
 html body .lm-table td{border:0;padding:0;white-space:normal;background:transparent;font-size:13.5px}
 html body .lm-table td:first-child{grid-column:1/-1;font-size:15px;margin-bottom:4px}
 html body .lm-table td[data-l]:not([data-l=""])::before{content:attr(data-l) ": ";color:#7B8496}
 html body .lm-table td:nth-child(4){display:none}
 html body .lm-table td.lm-fit{grid-column:1/-1;color:#167a43;margin-top:4px}
 html body .lm-table td.lm-price{grid-column:2;grid-row:2;font-weight:800;text-align:right}
 html body .lm-v{display:inline;font-size:12px;font-weight:700;color:#fff;background:#0C111B;border-radius:6px;padding:2px 6px;margin-left:6px;vertical-align:1px}
}
/* ===== square covers v1 ===== */
html body :is(.blog-list-section,.home-blog-section,.category-blog-section,.product-articles,.article-related) .blog-card{display:flex!important;flex-direction:column!important;overflow:hidden}
html body :is(.blog-list-section,.home-blog-section,.category-blog-section,.product-articles,.article-related) .blog-card .blog-card-image{aspect-ratio:1/1!important;padding:0!important;background:#0F1522!important;border-radius:0!important;flex:none!important}
html body :is(.blog-list-section,.home-blog-section,.category-blog-section,.product-articles,.article-related) .blog-card .blog-card-image>img{inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important;transition:transform .45s ease!important}
html body :is(.blog-list-section,.home-blog-section,.category-blog-section,.product-articles,.article-related) .blog-card:hover .blog-card-image>img{transform:scale(1.035)!important}
html body :is(.blog-list-section,.home-blog-section,.category-blog-section,.product-articles,.article-related) .blog-card .blog-card-image.is-wide{background:linear-gradient(135deg,#fff 0%,#EEF1F6 100%)!important}
html body :is(.blog-list-section,.home-blog-section,.category-blog-section,.product-articles,.article-related) .blog-card .blog-card-image.is-wide>img{inset:14px!important;width:calc(100% - 28px)!important;height:calc(100% - 28px)!important;object-fit:contain!important;transform:none!important}
html body .blog-card .blog-card-copy{flex:1 1 auto!important;display:flex!important;flex-direction:column!important}
html body .blog-card .blog-card-copy .blog-more{margin-top:auto!important}
html body .product-article-grid{align-items:stretch!important}
html body .product-article-grid>.blog-card{height:auto!important}
@media(min-width:900px){
 html body .blog-list-section .blog-grid>.blog-card:first-child{flex-direction:row!important;align-items:stretch}
 html body .blog-list-section .blog-grid>.blog-card:first-child .blog-card-image{flex:0 0 min(44%,460px)!important;min-height:0!important;aspect-ratio:1/1!important;padding:0!important}
 html body .blog-list-section .blog-grid>.blog-card:first-child .blog-card-image>img{inset:0!important;width:100%!important;height:100%!important}
 html body .blog-list-section .blog-grid>.blog-card:first-child .blog-card-image.is-wide>img{inset:24px!important;width:calc(100% - 48px)!important;height:calc(100% - 48px)!important}
}
/* article cover */
html body.article-view .article-head .article-cover{aspect-ratio:1/1!important;object-fit:cover!important;padding:0!important;border:0!important;border-radius:24px!important;background:#0F1522!important;box-shadow:0 24px 50px rgba(12,17,27,.18)!important;width:100%!important;max-width:440px!important;justify-self:end;max-height:none!important}
html body.article-view .article-head .article-cover.is-wide{object-fit:contain!important;background:linear-gradient(135deg,#fff 0%,#EEF1F6 100%)!important;border:1px solid #E3E7EF!important;box-shadow:none!important;padding:18px!important;aspect-ratio:4/3!important}
@media(max-width:1000px){html body.article-view .article-head .article-cover{justify-self:center;max-width:min(440px,100%)!important;margin-top:22px!important}}
@media(min-width:900px){html body .blog-list-section .blog-grid>.blog-card:first-child .blog-card-copy{justify-content:center!important}html body .blog-list-section .blog-grid>.blog-card:first-child .blog-card-copy .blog-more{margin-top:18px!important}}
@media(max-width:899px){html body .blog-list-section .blog-grid>.blog-card:first-child .blog-card-image{padding:0!important;min-height:0!important;aspect-ratio:1/1!important;flex:none!important}html body .blog-list-section .blog-grid>.blog-card:first-child .blog-card-image>img{inset:0!important;width:100%!important;height:100%!important}html body .blog-list-section .blog-grid>.blog-card:first-child .blog-card-image.is-wide{padding:0!important}html body .blog-list-section .blog-grid>.blog-card:first-child .blog-card-image.is-wide>img{inset:14px!important;width:calc(100% - 28px)!important;height:calc(100% - 28px)!important}}

/* alternating grey/white for bottom blocks (set by server: tl-alt-g / tl-alt-w) */
html body section.tl-alt-g.tl-alt-g.tl-alt-g{background:#F2F4F8!important;border-top:1px solid #E1E6F0!important}
html body section.tl-alt-w.tl-alt-w.tl-alt-w{background:#fff!important;border-top:1px solid #E1E6F0!important}
html body section.home-seo.tl-alt-g.tl-alt-g .home-seo-card{background:#fff!important;border-color:#E3E7EF!important}
html body section.home-seo.tl-alt-w.tl-alt-w .home-seo-card{background:#F7F8FB!important;border-color:#E1E6F0!important}

/* Blog pagination */
.blog-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin:36px 0 8px;flex-wrap:wrap}
.blog-pagination .bp-nums{display:flex;gap:6px;align-items:center}
.blog-pagination .bp-num,.blog-pagination .bp-arrow{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 14px;border-radius:12px;border:1px solid #E3E7EF;background:#fff;color:#0C111B!important;font-weight:700;font-size:15px;text-decoration:none!important;transition:border-color .2s,color .2s}
.blog-pagination a:hover{border-color:#E4202D;color:#E4202D!important}
.blog-pagination .bp-num.is-current{background:#E4202D;border-color:#E4202D;color:#fff!important}
.blog-pagination .bp-arrow.is-off{opacity:.4;pointer-events:none}
.blog-pagination .bp-gap{padding:0 4px;color:#5E687C}
@media(max-width:560px){.blog-pagination{gap:8px}.blog-pagination .bp-num,.blog-pagination .bp-arrow{min-width:40px;height:40px;padding:0 10px;font-size:14px}.blog-pagination .bp-arrow{flex:1 1 40%}.blog-pagination .bp-nums{order:3;width:100%;justify-content:center}}

/* AI illustration notes */
.blog-ai-note{margin:28px auto 0;max-width:760px;text-align:center;font-size:13.5px;line-height:1.5;color:#7A8499;padding:12px 16px;border:1px dashed #D5DBE6;border-radius:12px;background:#fff}
.blog-ai-note a{color:#E4202D!important}
html body .blog-hero .blog-ai-top{margin:14px 0 0;max-width:760px;text-align:left;padding:0;border:0;background:none;font-size:13.5px;color:#7A8499}
html body .blog-hero .blog-ai-top::before{content:"ⓘ ";}

/* language dropdown: RU only on click */
.language-switch.lang-dd{position:relative;padding:0;border:0;background:transparent;display:inline-block}
.lang-dd details{position:relative}
.lang-dd summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:5px;height:36px;padding:0 10px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;font-size:12px;font-weight:800;letter-spacing:.04em;user-select:none}
.lang-dd summary::-webkit-details-marker{display:none}
.lang-dd summary svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;opacity:.85}
.lang-dd summary i{font-style:normal;font-size:10px;opacity:.7;transition:transform .2s}
.lang-dd details[open] summary i{transform:rotate(180deg)}
.lang-dd summary:hover{border-color:rgba(255,255,255,.4)}
.lang-dd .lang-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:60;min-width:150px;display:grid;gap:2px;padding:6px;background:#fff;border:1px solid #E3E7EF;border-radius:12px;box-shadow:0 14px 34px rgba(12,17,27,.18)}
.language-switch.lang-dd .lang-menu a{display:block;min-width:0;height:auto;padding:9px 12px;border-radius:8px;font-size:14px;font-weight:600;letter-spacing:0;color:#0C111B;text-align:left;box-shadow:none;background:transparent}
.language-switch.lang-dd .lang-menu a:hover{background:#F2F4F8}
.language-switch.lang-dd .lang-menu a.active{background:#F2F4F8;color:#0C111B;font-weight:800}
.language-switch.lang-dd .lang-menu a.active::after{content:" ✓";color:#E4202D}
.mobile-lang-dd{margin-top:10px;padding-top:10px;border-top:1px solid #eceef1}
.mobile-lang-dd summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:#f2f4f6;font-size:14px}
.mobile-lang-dd summary::-webkit-details-marker{display:none}
.mobile-lang-dd summary span{color:#6f7780}.mobile-lang-dd summary b{margin-left:auto}
.mobile-lang-dd summary i{font-style:normal;font-size:11px;color:#6f7780;transition:transform .2s}
.mobile-lang-dd details[open] summary i{transform:rotate(180deg)}
.mobile-lang-dd .mobile-lang{margin-top:8px;padding-top:0;border-top:0}

/* ===== Мобільна версія: єдині відступи ===== */
@media(max-width:760px){
  /* бокові поля 16px скрізь */
  html body.storefront .container{margin-left:16px!important;margin-right:16px!important;width:auto!important;max-width:none}
  /* однаковий вертикальний ритм секцій головної / каталогу */
  html body.storefront section.vx-section,html body.storefront .home-blog-section,html body.storefront .task-nav,html body.storefront .home-seo,html body.storefront section.home-seo.tl-alt-w,html body.storefront .home-categories{padding:36px 0!important}
  html body section.vx-cta.vx-cta.vx-cta{padding:36px 0!important}
  html body.storefront .vx-cta-in{padding:22px 18px!important}
  /* заголовки секцій: однаковий відступ до контенту */
  html body.storefront .vx-head,html body.storefront .vx-head-row,html body.storefront .section-heading,html body.storefront .task-nav-head{margin:0 0 20px!important}
  html body.storefront .vx-head h2,html body.storefront .section-heading h2,html body.storefront .task-nav-head h2{margin-top:6px}
  html body.storefront .vx-head p,html body.storefront .section-heading p{margin-top:8px}
  /* заголовок «Корисні статті» з посиланням «Усі статті» — в один рівень */
  html body.storefront .section-heading{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:6px 12px}
  html body.storefront .section-heading>div{flex:1 1 220px;min-width:0}
  /* картки «Чому обирають» компактніші */
  html body.storefront .vx-why-grid{gap:12px!important}
  html body.storefront .vx-why-grid>*{padding:18px!important}
  /* сторінка товару: однакові картки й проміжки */
  html body.storefront.product-page section.product-wrap{padding:16px 0 36px!important}
  html body.storefront .product-wrap .container>section{margin-top:16px!important}
  html body.storefront .product-about-accordion,html body.storefront .spec-section,html body.storefront .delivery-card,html body.storefront .product-faq,html body.storefront .related-section,html body.storefront .upsell-shell,html body.storefront .reviews-shell{padding:20px 16px!important;border-radius:18px}
  html body.storefront .upsell-section,html body.storefront .reviews-section{padding:0!important}
  html body.storefront .product-articles{padding:8px 0 0!important}
  html body.storefront .related-section .product-grid{gap:10px!important}
  html body.storefront .review-card{padding:14px 14px!important}
}
@media(max-width:760px){
  html body.storefront .product-article-grid{padding:2px 2px 4px!important;gap:12px!important}
  html body.storefront .product-article-grid .blog-card-image{height:auto!important;aspect-ratio:16/10!important;min-height:0!important}
  html body.storefront .product-article-grid .blog-card-image img{width:100%;height:100%;object-fit:cover}
  html body.storefront .product-article-grid .blog-card-copy{padding:14px 16px 16px!important}
  html body.storefront section.home-blog-section{padding:36px 0 32px!important}
  html body.storefront .product-articles{margin-top:16px!important}
}
@media(max-width:760px){
  html body.storefront section.landing-models,html body.storefront section.category-blog-section,html body.storefront section.landing-faq,html body.storefront section.blog-list-section,html body.storefront section.home-seo,html body.storefront section.home-seo.tl-alt-g,html body.storefront section.home-seo.tl-alt-w{padding:36px 0!important}
  html body.storefront section.catalog-main{padding-bottom:36px!important}
  html body.storefront section.vx-pagehero,html body.storefront section.vx-pagehero.vx-ph-photo,html body.storefront section.blog-hero{padding:32px 0 36px!important}
  html body.storefront section.contacts-page{padding-bottom:36px!important}
}

/* ===== Єдиний вертикальний ритм секцій (ПК і планшет) ===== */
@media(min-width:761px){
  html body.storefront section.vx-section,
  html body.storefront section.home-blog-section,
  html body.storefront section.category-blog-section,
  html body.storefront section.blog-list-section,
  html body.storefront section.task-nav,
  html body.storefront section.landing-models,
  html body.storefront section.landing-faq,
  html body.storefront section.home-seo,
  html body.storefront section.home-seo.tl-alt-g,
  html body.storefront section.home-seo.tl-alt-w,
  html body section.vx-cta.vx-cta.vx-cta{padding:56px 0!important}
  html body.storefront section.catalog-main{padding-bottom:20px!important}
  html body.storefront .product-article-grid{padding-bottom:4px!important}
  html body.storefront section.vx-pagehero,html body.storefront section.vx-pagehero.vx-ph-photo,html body.storefront section.blog-hero{padding:44px 0 48px!important}
  html body.storefront section.contacts-page{padding-bottom:56px!important}
}
/* мобільні: каталог і статті без зайвого хвоста */
@media(max-width:760px){
  html body.storefront section.catalog-main{padding-bottom:12px!important}
  html body.storefront section.home-blog-section,html body.storefront section.category-blog-section{padding:36px 0!important}
}
/* хвости: каталог і головна */
html body.storefront.catalog-page section.catalog-main.catalog-main{padding-bottom:20px!important}
html body.storefront.catalog-page .vx-cat-layout{padding-bottom:0!important}
html body.storefront.home-page main{padding-bottom:0!important}
@media(max-width:760px){html body.storefront.catalog-page section.catalog-main.catalog-main{padding-bottom:12px!important}}
html body.storefront section.vx-section>.container>:last-child,html body.storefront section.vx-section>.container>:last-child>:last-child{margin-bottom:0!important}
/* правова / доставка / контакти: без подвійного відступу перед блоком «Оберіть інвертор» */
html body.storefront main.legal-page.legal-page,html body.storefront main.delivery-page.delivery-page{padding-bottom:0!important}
html body.storefront section.contacts-page.contacts-page{padding-bottom:0!important}

/* ===== Блоки статей у білій картці, як інші блоки ===== */
html body.storefront section.product-articles.product-articles,
html body.storefront section.home-blog-section > .container,
html body.storefront section.category-blog-section > .container{background:#fff!important;border:1px solid #E1E6F0!important;border-radius:22px!important;box-shadow:0 8px 28px rgba(12,17,27,.04)!important;padding:30px 32px 26px!important;overflow:hidden}
html body.storefront section.product-articles .product-article-grid,
html body.storefront section.home-blog-section .product-article-grid,
html body.storefront section.category-blog-section .product-article-grid{padding-bottom:4px!important;margin-bottom:0!important}
html body.storefront :is(.product-articles,.home-blog-section,.category-blog-section) .blog-card{border:1px solid #E1E6F0!important;box-shadow:none!important}
@media(max-width:760px){
  html body.storefront section.product-articles.product-articles,
  html body.storefront section.home-blog-section > .container,
  html body.storefront section.category-blog-section > .container{padding:20px 16px!important;border-radius:18px!important}
}
/* статті в каруселі: рівно 4 / 3 / 2 картки на ширину блоку, однакова висота */
html body.storefront .product-article-grid{align-items:stretch!important;scroll-snap-type:x mandatory}
html body.storefront .product-article-grid>.blog-card{flex:0 0 calc((100% - 48px) / 4)!important;width:auto!important;max-width:none!important;scroll-snap-align:start;display:flex!important;flex-direction:column;transform:none!important}
html body.storefront .product-article-grid>.blog-card .blog-card-copy{flex:1;display:flex;flex-direction:column}
html body.storefront .product-article-grid>.blog-card .blog-card-copy>a:last-child,html body.storefront .product-article-grid>.blog-card .blog-card-copy>.blog-more{margin-top:auto}
@media(max-width:1100px){html body.storefront .product-article-grid>.blog-card{flex-basis:calc((100% - 32px) / 3)!important}}
@media(max-width:860px){html body.storefront .product-article-grid>.blog-card{flex-basis:calc((100% - 16px) / 2)!important}}
@media(max-width:560px){html body.storefront .product-article-grid>.blog-card{flex-basis:86%!important}}