/* SUITU — ported from GuangNa / TATALIKEN (Oct 2026): compact CTA, card prices, product price row, empty cart, footer contacts, strokes & 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}}
.footer-modern .footer-contact-phone:not(.hide)::before{content:"☎"!important;display:inline!important;color:#ff7a1a;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>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:#ff6500!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,#ff6500);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(255,101,0,.10),transparent 70%),radial-gradient(380px 220px at 92% 100%,rgba(255,176,0,.07),transparent 70%),radial-gradient(300px 200px at 90% 0%,rgba(255,176,0,.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:#ff6500;stroke:#111315}
.gn-e-stroke{fill:none;stroke:#ff6500;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:#fff3ea!important;color:#c24d00!important;border:1px solid #ffd9bf!important;display:inline-flex;align-items:center;gap:8px}
.gn-empty-fav b{background:#ff6500;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(255,101,0,.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,#ff7a1a,#ff6500);cursor:pointer;white-space:nowrap;box-shadow:0 8px 18px -10px rgba(255,101,0,.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:#ff7a1a;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}
/* ===== one rhythm for SUITU cards: 24px between stacked panels, 48px to the footer (16 / 32 on mobile) ===== */
:root{--su-g:24px;--su-z:48px}
@media(max-width:760px){:root{--su-g:16px;--su-z:32px}}
html body .vx-cta.vx-cta.vx-cta.vx-cta{margin-bottom:0!important;padding:var(--su-g) 0 var(--su-z)!important;border:0!important}
html body .vx-cta.vx-cta.vx-cta.vx-cta:has(+ .home-seo){padding-bottom:0!important}
html body section.home-seo.home-seo.home-seo.home-seo{margin:0!important;padding:var(--su-g) 0 var(--su-z)!important}
/* product page */
html body.storefront.product-page .product-wrap{padding-bottom:0!important}
html body.storefront.product-page .product-wrap>.container{display:flex!important;flex-direction:column!important;gap:var(--su-g)!important}
html body.storefront.product-page .product-wrap>.container>*{margin-top:0!important;margin-bottom:0!important}
html body.storefront.product-page .product-wrap>.container>.breadcrumbs{margin:0 0 calc(var(--su-g)/-2)!important}
html body.storefront.product-page .product-wrap>.container>[hidden],html body.storefront.product-page .product-wrap>.container>:empty{display:none!important}
html body.storefront.product-page .product-wrap>.container>.upsell-section,html body.storefront.product-page .product-wrap>.container>.reviews-section{padding:0!important}
/* delivery / legal / contacts: panels 24px apart */
html body main>.container:has(.delivery-flow),html body main>.container:has(.legal-section){display:flex!important;flex-direction:column!important;gap:var(--su-g)!important}
html body main>.container:has(.delivery-flow)>*,html body main>.container:has(.legal-section)>*{margin-top:0!important;margin-bottom:0!important}
html body main.delivery-page,html body main.legal-page{padding-bottom:0!important}
html body .contacts-page .ctx-body{display:flex!important;flex-direction:column!important;gap:var(--su-g)!important}
html body .contacts-page .ctx-body>*{margin-top:0!important;margin-bottom:0!important}
/* catalog: recently viewed sits 24px under the grid */
html body .catalog-main .catalog-recent-section{margin:var(--su-g) 0 0!important}
html body .catalog-main{padding-bottom:0!important}
/* one content width = header width (1240) */
html body main>.container:has(.legal-section),html body .contacts-page .container,html body .contacts-page .ctx-body{max-width:1240px!important;width:calc(100% - 40px)!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
@media(max-width:760px){html body main>.container:has(.legal-section),html body .contacts-page .container,html body .contacts-page .ctx-body{width:calc(100% - 24px)!important}}

/* ===== catalog toolbar — modern search + sort ===== */
html body .catalog-main .toolbar{display:grid!important;grid-template-columns:1fr 260px!important;gap:12px!important;align-items:stretch;position:relative}
html body .catalog-main .toolbar .searchbox{height:52px!important;border:1px solid #e6e9ef!important;border-radius:16px!important;background:#fff!important;padding:0 16px!important;gap:10px!important;box-shadow:0 6px 18px rgba(16,24,40,.05);transition:border-color .15s,box-shadow .15s}
html body .catalog-main .toolbar .searchbox>span{font-size:0!important;width:18px;height:18px;flex:0 0 18px;background:#ff6500;-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.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.6-3.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.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.6-3.6'/%3E%3C/svg%3E") center/contain no-repeat}
html body .catalog-main .toolbar .searchbox input{font-size:15px!important;font-weight:600;background:transparent!important;border:0!important;outline:0!important;height:100%;width:100%}
html body .catalog-main .toolbar .searchbox:focus-within,html body .catalog-main .toolbar select.sort:focus{border-color:#ff6500!important;box-shadow:0 0 0 4px rgba(255,101,0,.14)!important;outline:0}
html body .catalog-main .toolbar select.sort{-webkit-appearance:none!important;appearance:none!important;height:52px!important;border:1px solid #e6e9ef!important;border-radius:16px!important;font-family:inherit;font-weight:700;font-size:15px!important;color:#111827!important;cursor:pointer;padding:0 44px 0 46px!important;box-shadow:0 6px 18px rgba(16,24,40,.05);transition:border-color .15s,box-shadow .15s;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff6500' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4v16M3.5 16.5 7 20l3.5-3.5M17 20V4M13.5 7.5 17 4l3.5 3.5'/%3E%3C/svg%3E") no-repeat 16px center/20px 20px!important}
html body .catalog-main .toolbar::after{content:"";position:absolute;right:18px;top:50%;width:12px;height:12px;margin-top:-6px;pointer-events:none;background:#8a94a6;-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='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-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='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat}
html body .catalog-main .toolbar select.sort:hover,html body .catalog-main .toolbar .searchbox:hover{border-color:#ffc69e!important}
@media(max-width:760px){html body .catalog-main .toolbar{grid-template-columns:1fr!important;gap:10px!important}
 html body .catalog-main .toolbar .searchbox,html body .catalog-main .toolbar select.sort{height:48px!important;width:100%}
 html body .catalog-main .toolbar::after{top:auto;bottom:18px;margin-top:0}}
/* home: hero sits 24px above the categories like every other panel */
html body.storefront.home-page main>section.hero{padding-bottom:12px!important}
/* cart: header width + same bottom rhythm */
html body main.cartpage>.container{max-width:1240px!important;width:calc(100% - 40px)!important}
html body main.cartpage{padding-bottom:var(--su-z)!important}
@media(max-width:760px){html body main.cartpage>.container{width:calc(100% - 24px)!important}}
html body main.account-page{padding-bottom:var(--su-z)!important}
.cart-page .gn-empty-more{gap:var(--su-g)!important;margin-top:var(--su-g)!important}
@media(max-width:760px){html body main.delivery-page>.container,html body main.legal-page>.container{padding-left:0!important;padding-right:0!important;width:calc(100% - 24px)!important}}

/* 21.10 — один ритм для блоків, доданих разом із посадковими сторінками (як у решті сайту: 24px / 16px на мобільному) */
html body section.task-nav.task-nav.task-nav{background:transparent!important;border:0!important;padding:var(--su-g) 0 0!important;margin:0!important}
html body section.task-nav .task-nav-head{margin:0 0 16px!important}
html body section.category-faq-section.category-faq-section{padding:var(--su-g) 0 0!important;margin:0!important}
html body section.category-faq-section .section-heading{margin-bottom:16px!important}
html body.storefront section.blog-hero.blog-hero{background:transparent!important;border:0!important;padding-bottom:0!important}
html body.storefront section.blog-list-section.blog-list-section{background:transparent!important;border:0!important;padding:var(--su-g) 0 0!important}
html body section.home-seo.blog-seo.blog-seo{background:transparent!important;border-top:0!important}
/* 21.10 — однаковий відступ від шапки до першого блоку на всіх сторінках (як на головній і в контактах) */
html body.storefront section.catalog-hero.catalog-hero,html body.storefront section.blog-hero.blog-hero,html body section.compare-page-section.compare-page-section{padding-top:var(--su-g)!important}
html body main.delivery-page.delivery-page,html body main.legal-page.legal-page{padding-top:var(--su-g)!important}
html body main.cartpage.cartpage{padding-top:calc(var(--su-g) - 8px)!important}
/* стаття блогу — ті самі краї, що й у шапки та решти сторінок */
html body .article-page .container.article-shell,html body .article-page .article-layout,html body .article-page .article-back{max-width:none!important}
/* кабінет — 24px від шапки, як усюди */
html body main.account-page.account-page{padding-top:var(--su-g)!important}
html body main.account-page .page-head{padding-top:0!important}
html body.storefront section.hero.hero-v25{padding-top:var(--su-g)!important}
html body.storefront section.product-wrap.product-wrap{padding-top:var(--su-g)!important}
html body .contacts-page .ctx-hero.ctx-hero{padding-top:calc(var(--su-g) - 8px)!important}
html body.storefront section.category-blog-section.category-blog-section{background:transparent!important;border:0!important;padding:var(--su-g) 0 0!important;margin:0!important}
html body.storefront section.category-blog-section .section-heading{margin-bottom:16px!important}
html body.storefront .category-blog-section .product-article-grid{padding-bottom:16px!important;margin-bottom:-16px!important}
@media(max-width:760px){html body.storefront .category-blog-section .product-article-grid{padding-bottom:12px!important;margin-bottom:-12px!important}}
/* товар: блок статей у тому ж ритмі, що й інші картки сторінки (відступи дає gap контейнера) */
html body.storefront.product-page .product-wrap section.product-articles{padding:0!important;margin:0!important}
html body.storefront.product-page .product-articles .product-article-grid{padding-bottom:16px!important;margin-bottom:-16px!important}
@media(max-width:760px){html body.storefront.product-page .product-articles .product-article-grid{padding-bottom:12px!important;margin-bottom:-12px!important}}

/* Блог: пагінація та примітка про ШІ-зображення */
.blog-ai-note{margin:14px 0 0;max-width:760px;font-size:14px!important;line-height:1.55;color:#6b7280!important}
.blog-ai-note a{color:#ff6a00;text-decoration:none;font-weight:600}
.blog-ai-note a:hover{text-decoration:underline}
.blog-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:40px 0 8px}
.blog-pager .pg-btn{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:46px;padding:0 16px;border-radius:14px;border:1px solid #e3e7ed;background:#fff;color:#0C111B!important;font-weight:700;font-size:16px;text-decoration:none!important;transition:border-color .2s ease,transform .2s ease}
.blog-pager a.pg-btn:hover{border-color:#ff6a00;transform:translateY(-1px)}
.blog-pager .pg-btn.is-active{background:#ff6a00;border-color:#ff6a00;color:#fff!important}
.blog-pager .pg-btn.is-disabled{color:#b3b9c2!important;background:#f5f7fa;cursor:default}
.blog-pager .pg-gap{color:#9aa0a6;padding:0 2px}
@media(max-width:640px){.blog-pager{gap:6px;margin-top:28px}.blog-pager .pg-btn{min-width:40px;height:40px;padding:0 11px;font-size:14px;border-radius:12px}}

/* Блоки статей (головна, товари, посадкові/категорії): біла картка, 4 картки в ряд, фото повністю, стрілки біля «Усі статті» */
html body.storefront .product-wrap section.product-articles.product-articles,html body section.product-articles.product-articles,html body .category-blog-section>.container{background:#fff!important;border:1px solid #e3e7ed!important;border-radius:24px!important;box-shadow:rgba(16,24,40,.35) 0 18px 40px -30px!important;padding:30px!important}
html body.storefront .product-wrap section.product-articles.product-articles,html body section.product-articles.product-articles{margin-top:28px!important;margin-bottom:28px!important}
@media(min-width:761px){
 :is(.home-blog-section>.container,section.product-articles,.category-blog-section>.container){display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:14px;align-items:start!important}
 :is(.home-blog-section>.container,section.product-articles,.category-blog-section>.container)>.section-heading{grid-column:1;margin-bottom:18px!important;align-items:flex-start!important}
 :is(.home-blog-section>.container,section.product-articles,.category-blog-section>.container)>.section-heading>a{align-self:flex-start!important;margin-top:var(--hd-off,10px)!important;line-height:36px}
 :is(.home-blog-section>.container,section.product-articles,.category-blog-section>.container)>.article-carousel-nav{grid-column:2;align-self:start!important;margin:var(--hd-off,10px) 0 0!important}
 :is(.home-blog-section>.container,section.product-articles,.category-blog-section>.container):has(.section-kicker){--hd-off:30px}
 :is(.home-blog-section>.container,section.product-articles,.category-blog-section>.container)>.product-article-grid{grid-column:1/-1;gap:16px!important}
 html body :is(.home-blog-section,.category-blog-section,.product-articles) .product-article-grid>.blog-card{flex:0 0 calc((100% - 32px)/3)!important;width:calc((100% - 32px)/3)!important;max-width:none!important;box-shadow:none!important}
}
@media(min-width:1101px){
 html body :is(.home-blog-section,.category-blog-section,.product-articles) .product-article-grid>.blog-card{flex:0 0 calc((100% - 48px)/4)!important;width:calc((100% - 48px)/4)!important}
}
html body :is(.home-blog-section,.category-blog-section,.product-articles) .blog-card .blog-card-image{aspect-ratio:1/1!important;padding:0!important}
html body :is(.home-blog-section,.category-blog-section,.product-articles) .blog-card .blog-card-image>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;border-radius:0!important;margin:0!important}
html body :is(.home-blog-section,.category-blog-section,.product-articles) .blog-card .blog-card-image{position:relative!important;overflow:hidden!important;display:block!important}
@media(max-width:640px){html body.storefront .product-wrap section.product-articles.product-articles,html body section.product-articles.product-articles,html body .category-blog-section>.container{padding:20px 14px 18px!important;border-radius:20px!important}}

/* фото в каруселях статей — на всю картку */
html body main :is(.home-blog-section,.category-blog-section,.product-articles) .blog-card.blog-card .blog-card-image.blog-card-image{aspect-ratio:1/1!important;padding:0!important}
html body main :is(.home-blog-section,.category-blog-section,.product-articles) .blog-card.blog-card .blog-card-image.blog-card-image>img{inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;padding:0!important;border-radius:0!important}
html body main :is(.home-blog-section,.category-blog-section,.product-articles) .product-article-grid{align-items:stretch!important}

/* Перемикач мови: кнопка + випадне меню */
html body .language-switch.lang-dd{position:relative;display:inline-flex;padding:0!important;border:0!important;background:transparent!important;height:auto!important;gap:0}
.lang-dd .lang-btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px;border-radius:14px;border:1px solid #e1e5e9;background:#f5f6f7;color:#111315;font:inherit;font-size:14px;font-weight:800;letter-spacing:.02em;cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}
.lang-dd .lang-btn:hover,.lang-dd.open .lang-btn{border-color:#ff6a00;background:#fff;box-shadow:0 0 0 3px rgba(255,106,0,.12)}
.lang-dd .lang-globe{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.lang-dd .lang-btn b{font-weight:800}
.lang-dd .lang-caret{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;opacity:.6;transition:transform .2s ease}
.lang-dd.open .lang-caret{transform:rotate(180deg)}
.lang-dd .lang-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:300;min-width:200px;padding:8px;border-radius:18px;background:#fff;border:1px solid #e3e7ed;box-shadow:0 18px 40px rgba(12,17,27,.14);display:flex;flex-direction:column;gap:2px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility .18s}
.lang-dd.open .lang-menu{opacity:1;visibility:visible;transform:none}
html body .language-switch.lang-dd .lang-menu a{width:auto!important;height:auto!important;display:flex!important;align-items:center;gap:8px;padding:12px 14px!important;border-radius:12px!important;font-size:16px!important;font-weight:600!important;letter-spacing:0!important;color:#111315!important;background:transparent!important;box-shadow:none!important;text-decoration:none!important;place-items:initial}
html body .language-switch.lang-dd .lang-menu a:hover{background:#f5f7fa!important}
html body .language-switch.lang-dd .lang-menu a.active{background:#eef1f5!important;font-weight:800!important}
.lang-dd .lang-check{width:18px;height:18px;fill:none;stroke:#ff6a00;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}

/* Мобільне меню: «Мова сайту» з розкриттям */
.mobile-lang-dd{margin-top:14px;padding-top:14px;border-top:1px solid #eceef1}
.mobile-lang-btn{width:100%;display:flex;align-items:center;gap:10px;padding:14px 16px;border:0;border-radius:14px;background:#f7f8f9;font:inherit;color:#111315;cursor:pointer;text-align:left}
.mobile-lang-btn .mobile-lang-label{flex:1;color:#7a828c;font-size:15px;font-weight:500}
.mobile-lang-btn b{font-size:16px;font-weight:800}
.mobile-lang-btn i{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #7a828c;transition:transform .2s ease}
.mobile-lang-dd.open .mobile-lang-btn i{transform:rotate(180deg)}
.mobile-lang-opts{display:none;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.mobile-lang-dd.open .mobile-lang-opts{display:grid}
.mobile-lang-opts a{display:flex;align-items:center;justify-content:center;height:50px;border-radius:14px;background:#f2f4f6;color:#111315!important;font-weight:800;font-size:15px;text-decoration:none!important}
.mobile-lang-opts a.active{background:#111315;color:#fff!important}


/* Популярні підбірки: 6 плиток, решта — за кнопкою «Показати ще» (посилання лишаються в HTML для Google) */
.task-nav>.container:not(.is-open) .task-nav-grid>.task-tile:nth-child(n+7){display:none!important}
html body .task-nav .task-more{display:block;margin:16px auto 0;width:auto;min-width:220px;padding:12px 26px;border-radius:999px;border:1px solid #e3e7ed;background:#f5f7fa;color:#0C111B;font:inherit;font-weight:700;font-size:14px;cursor:pointer;transition:border-color .2s ease,background .2s ease}
html body .task-nav .task-more:hover{border-color:#ff6a00;background:#fff4ec}
@media(max-width:640px){html body .task-nav .task-more{width:100%;min-width:0;border-radius:12px;margin-top:10px}}
/* Популярні підбірки — у білій картці, як інші блоки */
html body .task-nav>.container{background:#fff!important;border:1px solid #e3e7ed!important;border-radius:24px!important;box-shadow:rgba(16,24,40,.35) 0 18px 40px -30px!important;padding:30px!important}
html body .task-nav .task-tile{background:#f7f9fb!important}
@media(max-width:640px){html body .task-nav>.container{padding:20px 14px 18px!important;border-radius:20px!important}}

/* Каруселі статей — жорстко: квадратне фото на всю ширину картки, без розтягування й обрізання */
html body main :is(.home-blog-section,.category-blog-section,.product-articles) .product-article-grid>.blog-card.blog-card{display:flex!important;flex-direction:column!important;overflow:hidden!important}
html body main :is(.home-blog-section,.category-blog-section,.product-articles) .product-article-grid>.blog-card.blog-card>.blog-card-image.blog-card-image{position:relative!important;display:block!important;flex:0 0 auto!important;align-self:stretch!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1/1!important;padding:0!important;margin:0!important;overflow:hidden!important}
html body main :is(.home-blog-section,.category-blog-section,.product-articles) .product-article-grid>.blog-card.blog-card>.blog-card-image.blog-card-image>img{position:absolute!important;inset:0!important;top:0!important;left:0!important;width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important;object-position:center!important;transform:none!important;padding:0!important;margin:0!important}
html body main :is(.home-blog-section,.category-blog-section,.product-articles) .product-article-grid>.blog-card.blog-card>.blog-card-copy{flex:1 1 auto!important;display:flex!important;flex-direction:column!important}
html body main :is(.home-blog-section,.category-blog-section,.product-articles) .product-article-grid>.blog-card.blog-card .blog-more{margin-top:auto!important;color:#ff6a00!important;font-weight:800!important;font-size:12px!important;text-decoration:none!important}
html body main :is(.home-blog-section,.category-blog-section,.product-articles) .section-heading>a{outline:none!important;border:0!important;box-shadow:none!important;padding:0!important;background:none!important}