/* ==========================================================================
   AI PAMAGATOR & FABRICA-VIKA.COM.UA (V1 - VIKA PURPLE #6B2F6A)
   БЕЗ ДУБЛЮВАННЯ ТА З ФІКСАМИ WP ROCKET
   ========================================================================== */

/* --- 0. ЗМІННІ (Бренд-токени) --- */
:root {
    /* ═══ КАНОН: Fabrica Vika Brand Kit (W0 19.08.2026, docs/BRAND-KIT.md) ═══
       Єдине місце істини для бренд-токенів. Групи ms- та fe- — легасі-аліаси,
       нове писати ТІЛЬКИ через --fv-*. */
    --fv-primary:        #6B2F6A;
    --fv-primary-dark:   #4A1D49;
    --fv-secondary:      #9C5C4E;
    --fv-secondary-soft: #F5E9E4;
    --fv-purple-soft:    #F4EBF3;
    --fv-cream:          #FAF7F3;
    --fv-white:          #FFFFFF;
    --fv-heading:        #262226;
    --fv-text:           #4A4548;
    --fv-muted:          #716A6E;
    --fv-border:         #E9DFE7;
    --fv-success:        #5F7A61;
    --fv-alert:          #B84D4D;
    --fv-gold:           #B8975A;
    --fv-radius-small:   12px;
    --fv-radius-medium:  18px;
    --fv-radius-large:   30px;
    --fv-sans:           'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
    --fv-serif:          Georgia, 'Times New Roman', serif;

    /* Відновлені токени v4.0 (осиротіли при рефакторі v5 — фікс D12) */
    --shadow-card:       0 8px 24px rgba(0, 0, 0, 0.06);
    --radius-card:       16px;
    --border-light:      1px solid #f0f0f0;

    /* ЛЕГАСІ-АЛІАСИ (не чіпати імена — на них 300+ вживань нижче) */
    --ms-blue:      var(--fv-primary);
    --ms-blue-dark: var(--fv-primary-dark);
    --ms-ink:       var(--color-primary, var(--fv-primary));
    --ms-ink-60:    rgba(74,29,73,.6);
    --ms-ink-25:    rgba(74,29,73,.25);
    --ms-ink-08:    rgba(74,29,73,.08);
    --ms-white:     var(--fv-white);
    --ms-off:       #faf6fa;
    --ms-light:     #f0e8f0;
    --ms-mid:       #b58ab5;
    --ms-gold:      var(--fv-gold);

    --ms-serif:     var(--fv-serif);
    --ms-sans:      var(--fv-sans);

    --fe-red: var(--ms-blue); --fe-red-dark: var(--ms-blue-dark);
    --fe-ink: var(--ms-ink); --fe-ink-60: var(--ms-ink-60);
    --fe-ink-25: var(--ms-ink-25); --fe-ink-08: var(--ms-ink-08);
    --fe-white: var(--ms-white); --fe-off: var(--ms-off);
    --fe-mid: var(--ms-mid); --fe-gold: var(--ms-gold);
    --fe-serif: var(--ms-serif); --fe-sans: var(--ms-sans);
}

/* --- 1. АДМІНКА (БЕЗ ПРЕФІКСУ SCOPE) --- */
.wc-metaboxes-wrapper .wc-metabox h3 select { max-width: 15%; }

/* --- 2. ПРИХОВАНІ ЕЛЕМЕНТИ ТА СКИДАННЯ --- */
.fv-scope .meta-comments, .fv-scope .meta-divider, .fv-scope .badge-post-comments,
.fv-scope .from_the_blog_comments, .fv-scope .from_the_blog_date, .fv-scope .blog-archive .read-more-button,
.fv-scope .is-divider, .fv-scope .entry-divider, .fv-scope .absolute-footer, .fv-scope .footer-primary,
.fv-scope .hero-dynamic-wrapper .post-meta, .fv-scope .dd-dynamic-card .post-meta, .fv-scope .dd-dynamic-card .from_the_blog_excerpt,
.fv-scope .archive .page-title-wrapper, .fv-scope .archive-page-header .taxonomy-description, .fv-scope .entry-meta .tags, .fv-scope .article-tags,
.fv-scope .flatsome_recent_posts span.post_comments, .fv-scope .video-overlay, .fv-scope .icon-play, .fv-scope .play-button,
.fv-scope .video-styled-text iframe, .fv-scope .video-styled-text video, .fv-scope .video-styled-text .wp-video,
.fv-scope .video-styled-text .wp-block-embed, .fv-scope .video-styled-text .wp-block-embed-youtube,
.fv-scope .video-styled-text .video-fit, .fv-scope .video-styled-text .ux-video,
.fv-scope .video-styled-text .video-container, .fv-scope .video-styled-text .video-resize-container,
.fv-scope .home .shop-page-title, .fv-scope .category-page .term-description, .fv-scope .category-page .page-header-text .is-divider,
.fv-scope .woocommerce-products-header, .fv-scope .page-title-inner.woo-archive-title, .fv-scope .woocommerce-products-header__title,
.fv-scope .dm-pagination::before, .fv-scope .dm-pagination::after { display: none !important; }

.fv-scope .footerblog .is-divider { visibility: hidden; }
.fv-scope .footerblog .box-blog-post .is-divider { height: 0; }
.fv-scope .blog-wrapper .row.align-center { font-size: 0; color: transparent; }
.fv-scope .blog-wrapper .row.align-center > div { font-size: 1rem; color: var(--ms-ink); }
.fv-scope .page-wrapper { padding-bottom: 0; padding-top: 0; }
.fv-scope .container-width { max-width: 1280px; }

/* --- 3. ТИПОГРАФІКА ТА БАЗОВІ СТИЛІ --- */
/* типографіку h1-h5/body/p донора знято: б'є специфічністю hero та робить тексти сірими (скарга 06-12) */
.fv-scope input, .fv-scope select, .fv-scope textarea { font-family: var(--ms-sans); font-size: .88rem; color: var(--ms-ink); border: 1px solid var(--ms-ink-08); border-radius: 2px; transition: border-color .2s; }
.fv-scope input:focus, .fv-scope textarea:focus, .fv-scope select:focus { border-color: var(--ms-ink-25); outline: none; box-shadow: none; }
.fv-scope .entry-content h2 { font-size: 1.9rem; margin-top: 2.5rem; margin-bottom: 1rem; color: var(--ms-ink); }
.fv-scope .entry-content h3 { font-size: 1.4rem; margin-top: 2rem; color: var(--ms-ink); }
.fv-scope .entry-content p { font-size: 1rem; line-height: 1.8; }
.fv-scope th { text-transform: none; }
.fv-scope .box-text { font-size: 1.0em; }
.fv-scope .entry-header-text { padding: .5em 0; }

/* --- 4. КНОПКИ --- */
.fv-scope .button.primary, .fv-scope .woocommerce a.button, .fv-scope .woocommerce button.button, .fv-scope .woocommerce input.button, .fv-scope .single_add_to_cart_button { background-color: var(--ms-blue); border-color: var(--ms-blue); color: #fff; font-family: var(--ms-sans); font-size: .74rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; border-radius: 2px; transition: background .2s; }
.fv-scope .button.primary:hover, .fv-scope .woocommerce a.button:hover { background-color: var(--ms-blue-dark); }
.fv-scope .button.outline, .fv-scope .button.secondary { border: 1.5px solid var(--ms-ink-25); color: var(--ms-ink); background: transparent; font-family: var(--ms-sans); }
.fv-scope .button.outline:hover { background: var(--ms-off); }
.fv-scope .fe-btn-outline { transition: background-color .2s, color .2s, border-color .2s; }
.fv-scope .fe-btn-outline:hover { background: var(--ms-ink); color: #fff; border-color: var(--ms-ink); }
.fv-scope .fe-cta-btn { display: inline-flex; align-items: center; justify-content: center; transition: background-color .2s, color .2s, border-color .2s; cursor: pointer; text-align: center; }
.fv-scope .fe-cta-btn.style-solid { background-color: var(--ms-blue); color: #fff; border: 1.5px solid var(--ms-blue); }
.fv-scope .fe-cta-btn.style-outline { background-color: transparent; color: var(--ms-blue); border: 1.5px solid var(--ms-blue); }
.fv-scope .fe-cta-btn.style-outline:hover { background-color: var(--ms-blue); color: #fff; }
.fv-scope .fe-cta-btn.size-regular { padding: 10px 24px; font-size: .85rem; }
.fv-scope .fe-cta-btn.size-smaller { padding: 6px 16px; font-size: .75rem; }

/* --- 5. HEADER ТА МЕНЮ --- */

.fv-scope .stuck { background-color: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.05); }
.fv-scope .nav > li > a, .fv-scope #header .nav > li > a { font-family: var(--ms-sans); font-size: .95rem; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; transition: color .2s; }
.fv-scope #header.dark .nav > li > a:hover, .fv-scope #header.dark .nav > li.current-menu-item > a, .fv-scope #header .nav > li > a:hover { color: #e8a8e8; }

.nav-dropdown { padding: 30px; border-radius: 4px; border: 1px solid var(--ms-light); box-shadow: 0 20px 50px rgba(0,0,0,0.1); }
.ms-menu-title { font-family: var(--ms-serif); font-size: 1.1rem; font-weight: 600; color: var(--ms-ink); border-bottom: 2px solid var(--ms-blue); padding-bottom: 10px; margin-top: 10px; margin-left: 10px; margin-bottom: 20px; display: flex; align-items: center; gap: 10px; transition: color 0.2s ease; }
.fv-scope .ms-menu-list { list-style: none; padding: 0; margin: 0; }
.fv-scope .ms-menu-list li { margin-bottom: 12px; }
.fv-scope .ms-menu-list a { font-family: var(--ms-sans); font-size: .85rem; color: var(--ms-ink-60); text-decoration: none; transition: color .2s, padding-left .2s; display: block; }
.fv-scope .ms-menu-list a:hover { color: var(--ms-blue); padding-left: 5px; }
.fv-scope .ms-menu-featured { background: var(--ms-off); padding: 20px; border-radius: 4px; border: 1px solid var(--ms-ink-08); transition: border-color .2s; }
.fv-scope .ms-menu-featured:hover { border-color: var(--ms-ink-25); }

.ms-menu-title .ms-glyph { width: 34px; height: 34px; border-radius: 8px; background: var(--ms-light); border: 1.5px solid transparent; display: flex; align-items: center; justify-content: center; color: var(--ms-mid); flex-shrink: 0; position: relative; transition: background 0.25s, border-color 0.25s, color 0.25s; }
.ms-menu-title .ms-glyph::after { content: ''; position: absolute; inset: -1.5px; border-radius: 9px; border: 1.5px solid var(--ms-gold); opacity: 0; transition: opacity 0.25s; }
.ms-menu-title:hover .ms-glyph { background: rgba(184, 151, 90, 0.10); border-color: transparent; color: var(--ms-gold); }
.ms-menu-title:hover .ms-glyph::after { opacity: 1; }
.ms-menu-title:hover { color: var(--ms-gold); }

.fv-scope #logo img, .fv-scope .header-logo img { transition: filter .3s ease; transform-origin: center bottom; }
.fv-scope #logo:hover img, .fv-scope .header-logo:hover img { filter: drop-shadow(0 0 8px rgba(107, 47, 106, 0.25)); }
@keyframes fe-logo-open { 0% { opacity: 0; } 100% { opacity: 1; } }
.fv-scope #logo img, .fv-scope .header-logo img { animation: fe-logo-open .8s ease both; }

/* Логотип у футері */
.fv-scope .ms-footer-logo { display: inline-flex; align-items: center; text-decoration: none !important; width: 320px; max-width: 100%; }
.fv-scope .ms-footer-logo svg { width: 100%; height: auto; display: block; overflow: visible; }
.fv-scope .ms-ft-lift { transition: transform 0.4s cubic-bezier(.22,.1,.36,1); }
.fv-scope .ms-ft-outline { transition: stroke 0.4s ease, filter 0.4s ease; }
.fv-scope .ms-ft-pillow { transition: transform 0.5s cubic-bezier(0.34, 2, 0.64, 1), fill 0.4s ease; transform-box: fill-box; transform-origin: bottom center; }
.fv-scope .ms-ft-btn { transition: transform 0.4s ease, filter 0.4s ease; transform-box: fill-box; transform-origin: center; }
.fv-scope .ms-footer-logo:hover .ms-ft-lift { transform: translateY(-2px); }
.fv-scope .ms-footer-logo:hover .ms-ft-outline { stroke: #b8975a !important; filter: drop-shadow(0 0 6px rgba(184,151,90,0.6)); }
.fv-scope .ms-footer-logo:hover .ms-ft-pillow { transform: scale(1.05, 1.15) translateY(-1px); fill: #ffffff !important; }
.fv-scope .ms-footer-logo:hover .ms-ft-btn { transform: scale(1.5); filter: drop-shadow(0 0 6px #b8975a); }
.fv-scope .ms-footer-logo:hover .ms-ft-text { fill: #ffffff !important; }

/* --- 6. WOOCOMMERCE & ПРОДУКТИ --- */
.fv-scope .products .product, .fv-scope .product-small .col-inner, .fv-scope .product-small .box { border: none; outline: none; background: transparent; }
.fv-scope .product-small .box { background: var(--ms-white); border-radius: 4px; box-shadow: 0 0 0 1px rgba(17,17,16,.07), 0 3px 10px rgba(17,17,16,.04); transition: box-shadow .2s ease; overflow: hidden; height: 100%; margin-bottom: 5px; }
.fv-scope .product-small:hover .box { box-shadow: 0 0 0 1px rgba(17,17,16,.1), 0 14px 40px rgba(17,17,16,.1); }
.fv-scope .ux-product-column .box-image { overflow: hidden; border-radius: 4px; }
.fv-scope .price del { color: var(--ms-mid); font-weight: 300; }
.fv-scope .price ins, .fv-scope ins .woocommerce-Price-amount { color: var(--ms-ink); text-decoration: none; }
.fv-scope .onsale { background: var(--ms-blue); border-radius: 1px; font-family: var(--ms-sans); font-size: .6rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #fff; padding: 4px 8px; }
.fv-scope .fe-expert-badge { position: absolute; top: 12px; right: 12px; z-index: 10; background: var(--ms-blue); color: #fff; font-family: var(--ms-sans); font-size: .6rem; font-weight: 600; letter-spacing: .08em; padding: 4px 10px; border-radius: 2px; text-transform: uppercase; }

.fv-scope .product_title.entry-title { font-size: clamp(1.8rem, 3vw, 2.5rem); font-weight: 400; line-height: 1.15; margin-bottom: 1rem; }
.fv-scope .summary .price { font-size: 1.7rem; color: var(--ms-ink); }
.fv-scope .woocommerce-result-count, .fv-scope .woocommerce-ordering select { font-family: var(--ms-sans); font-size: .82rem; color: rgba(17,17,16,.65); font-weight: 400; }
.fv-scope .ux-product-categories .box-text .title, .fv-scope .ux-product-categories .name { font-family: var(--ms-sans); font-size: .85rem; font-weight: 500; letter-spacing: .05em; }
.fv-scope .star-rating { font-size: .85em; }
.fv-scope .woocommerce-review-link { font-size: .72rem; color: var(--ms-mid); }
.fv-scope .product-meta, .fv-scope .product .product-name { font-size: .88rem; }
.fv-scope .woocommerce-breadcrumb { padding: .85rem 4vw .65rem; font-family: var(--ms-sans); font-size: .78rem; font-weight: 400; color: var(--ms-mid); border-bottom: 1px solid rgba(17,17,16,.06); background: var(--ms-white); margin: 0; }
.fv-scope .woocommerce-breadcrumb a { color: rgba(17,17,16,.65); text-decoration: none; transition: color .2s; }
.fv-scope .woocommerce-breadcrumb a:hover { color: var(--ms-blue); }

.fv-scope .widget_price_filter .price_slider_wrapper .ui-widget-header { background: var(--ms-blue); }
.fv-scope .widget_price_filter .ui-slider-handle { background: var(--ms-blue); border-color: var(--ms-blue); }
.fv-scope .woocommerce-widget-layered-nav-list__item a { font-family: var(--ms-sans); font-size: .8rem; color: var(--ms-ink-60); transition: color .2s; }
.fv-scope .woocommerce-widget-layered-nav-list__item a:hover, .fv-scope .woocommerce-widget-layered-nav-list__item.chosen a { color: var(--ms-blue); }
.fv-scope .woovr-variation-selector .dd-selected-text { font-weight: 400; }
.fv-scope .woovr-variation-selector .dd-selected-image { max-width: 50px; }
.fv-scope ul li.bullet-checkmark, .fv-scope ul li.bullet-arrow, .fv-scope ul li.bullet-star { border-bottom: 0; }
.fv-scope ul li.bullet-checkmark:before { color: var(--ms-gold); }

/* Таби WooCommerce */
.fv-scope .woocommerce-tabs ul.tabs, .fv-scope .woocommerce-tabs .tab-panels { background: transparent; border: none; box-shadow: none; padding: 0; margin: 2rem 0; overflow: visible; }
.fv-scope .woocommerce-tabs ul.tabs li { border: none; background: transparent; margin: 0; padding: 0; }
.fv-scope .woocommerce-tabs ul.tabs li::before, .fv-scope .woocommerce-tabs ul.tabs li::after, .fv-scope .woocommerce-tabs ul.tabs li a::before, .fv-scope .woocommerce-tabs ul.tabs li a::after { display: none; }
.fv-scope .woocommerce-tabs .tabs li a { border-radius: 2px; padding: 8px 20px; font-family: var(--ms-sans); font-size: .68rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; margin-right: 8px; transition: background-color .2s, color .2s; background: var(--ms-off); border: 1px solid transparent; color: rgba(17,17,16,.6); }
.fv-scope .woocommerce-tabs .tabs li.active a { background: var(--ms-ink); color: #fff; border-color: var(--ms-ink); }
.fv-scope .woocommerce-tabs .panel { background: #fff; border: 1px solid rgba(17,17,16,.08); border-radius: 4px; box-shadow: 0 4px 20px rgba(17,17,16,.06); padding: 24px; margin-top: 8px; }
.fv-scope .woocommerce-tabs .panel table th, .fv-scope .woocommerce-tabs .panel table td { padding: 10px 14px; border-bottom: 1px solid rgba(17,17,16,.06); font-size: .85rem; }
.fv-scope .woocommerce-tabs .panel table thead th { background-color: var(--ms-ink); color: #fff; font-weight: 600; font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; }
.fv-scope .woocommerce-tabs .panel table thead + tbody tr:first-child td { background-color: #fff; color: var(--ms-ink); font-weight: 400; }
.fv-scope .woocommerce-tabs .panel .aip-table-wrapper { box-shadow: none; border: none; background: transparent; padding: 0; margin: 0; }

.fv-scope .size-guide-table tr th, .fv-scope .size-guide-table tr td { text-align: center; width: 100px; }
.fv-scope .size-guide-table tr:nth-child(even) { background-color: var(--ms-off); }
.fv-scope .size-guide-table th { background-color: var(--ms-light); }

/* --- 7. ГЛОБАЛЬНІ КАРТКИ, ТАБЛИЦІ (AIP) ТА БЛОКИ --- */
.fv-scope .aip-table-wrapper, .fv-scope .aip-price-table-wrapper, .fv-scope .aip-related-prices-wrapper, .fv-scope .aip-related-posts-block, .fv-scope .aip-author-box, .fv-scope .entry-content figure, .fv-scope .wp-caption, .fv-scope .team-member-card, .fv-scope .hover-up, .fv-scope #respond { background: #fff; border: 1px solid rgba(17,17,16,.08); border-radius: 4px; box-shadow: 0 4px 20px rgba(17,17,16,.06); margin: 2rem 0; overflow: hidden; transition: box-shadow .2s ease, border-color .2s ease; }
.fv-scope .aip-table-wrapper, .fv-scope .aip-price-table-wrapper { overflow-x: auto; }
.fv-scope .aip-table-wrapper:hover, .fv-scope .aip-price-table-wrapper:hover, .fv-scope .aip-related-prices-wrapper:hover, .fv-scope .aip-related-posts-block:hover, .fv-scope .aip-author-box:hover, .fv-scope .entry-content figure:hover, .fv-scope .team-member-card:hover, .fv-scope .hover-up:hover, .fv-scope #respond:hover { box-shadow: 0 12px 36px rgba(17,17,16,.1); border-color: rgba(17,17,16,.14); }

.fv-scope table.aip-table, .fv-scope table.aip-price-table, .fv-scope table.aip-related-prices-table { width: 100%; border-collapse: separate; border-spacing: 0; background: #fff; border: none; margin: 0; font-family: var(--ms-sans); }
.fv-scope .aip-table th, .fv-scope .aip-table td, .fv-scope .aip-price-table th, .fv-scope .aip-price-table td { padding: 14px 18px; text-align: left; border-bottom: 1px solid rgba(17,17,16,.06); color: var(--ms-ink); vertical-align: middle; }
.fv-scope .aip-related-prices-table th, .fv-scope .aip-related-prices-table td { padding: 4px 0; border: none; vertical-align: middle; }
.fv-scope table tr:last-child td { border-bottom: none; }

.fv-scope .aip-table thead th, .fv-scope .aip-price-table thead th { background-color: var(--ms-ink); color: #fff; font-family: var(--ms-sans); font-size: .68rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; border-bottom: none; }
.fv-scope .aip-price-table-wrapper caption, .fv-scope .aip-price-table-caption, .fv-scope .aip-related-prices-wrapper caption, .fv-scope .aip-related-prices-caption { background-color: var(--ms-blue); color: #fff; padding: 12px 18px; font-family: var(--ms-sans); font-size: .65rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; caption-side: top; border: none; margin: 0; text-align: center; }
.fv-scope .aip-related-prices-caption { text-align: left; padding-left: 20px; }
.fv-scope table.shop_attributes th, .fv-scope table.woocommerce-product-attributes th, .fv-scope table.shop_attributes td:first-child, .fv-scope table.woocommerce-product-attributes td:first-child { background-color: var(--ms-off); color: var(--ms-ink); font-weight: 600; width: 30%; }

.fv-scope .aip-table tbody tr:nth-child(even), .fv-scope .aip-price-table tbody tr:nth-child(even), .fv-scope .aip-related-prices-table tbody tr:nth-child(even) { background-color: var(--ms-off); }
.fv-scope .aip-table tbody tr:hover td, .fv-scope .aip-price-table tbody tr:hover td, .fv-scope .aip-related-prices-table tbody tr:hover td { background-color: #fdf8fd; transition: background-color .2s ease; }

.fv-scope .aip-price-table td:last-child, .fv-scope .aip-related-prices-table td:last-child { text-align: right; font-weight: 700; white-space: nowrap; }
.fv-scope .aip-price-table del { color: var(--ms-mid); font-size: .9em; margin-right: 6px; font-weight: 300; }
.fv-scope .aip-price-table ins { text-decoration: none; color: var(--ms-blue); font-size: 1.05em; font-family: var(--ms-serif); }
.fv-scope .aip-price-btn { display: inline-flex; align-items: center; justify-content: flex-end; text-decoration: none; color: var(--ms-ink); font-weight: 600; transition: color .2s; }
.fv-scope .aip-price-btn .dashicons { font-size: 16px; margin-left: 4px; color: var(--ms-mid); transition: color .2s; margin-top: 1px; }
.fv-scope .aip-price-btn:hover, .fv-scope .aip-price-btn:hover .dashicons { color: var(--ms-blue); }

.fv-scope table .aip-badge { display: inline-block; font-size: .58rem; font-weight: 700; padding: 3px 9px; border-radius: 2px; margin-left: 7px; color: #fff; text-transform: uppercase; letter-spacing: .08em; line-height: 1.3; vertical-align: middle; white-space: nowrap; }
.fv-scope table .aip-badge.badge-price, .fv-scope table .aip-badge.badge-sale { background-color: var(--ms-blue); }
.fv-scope table .aip-badge.badge-popular { background-color: var(--ms-gold); }
.fv-scope table .aip-badge.badge-new { background-color: var(--ms-ink); }
.fv-scope table .aip-badge.badge-premium { background-color: #5a3a7a; }
.fv-scope table .aip-badge.badge-rating { background-color: #2a7a6a; }

.fv-scope .aip-related-posts-block { padding: 24px; border-left: 4px solid var(--ms-ink); background: var(--ms-off); border-top: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid transparent; }
.fv-scope .aip-related-title { border-bottom: 1px solid rgba(17,17,16,.1); padding-bottom: 12px; margin-bottom: 16px; font-family: var(--ms-serif); font-size: 1.2rem; font-weight: 400; margin-top: 0; color: var(--ms-ink); }
.fv-scope .aip-related-list { list-style: none; padding: 0; margin: 0; }
.fv-scope .aip-related-list li { margin-bottom: 12px; padding-left: 28px; position: relative; }
.fv-scope .aip-related-list li::before { content: "→"; position: absolute; left: 0; top: 1px; color: var(--ms-blue); font-size: .85rem; }

/* "Перегляньте також" під таблицею */
.fv-scope .aip-related-terms-wrapper { margin: 0 !important; padding: 15px 20px 20px !important; border-top: 1px solid var(--ms-ink-08) !important; background: var(--ms-off) !important; border-radius: 0 0 4px 4px; box-shadow: none; overflow: hidden; }
.fv-scope .aip-related-terms-wrapper h4 { font-family: var(--ms-sans) !important; font-size: 0.65rem !important; font-weight: 600 !important; letter-spacing: 0.15em !important; text-transform: uppercase !important; color: var(--ms-mid) !important; margin-bottom: 12px !important; border: none !important; padding: 0 !important; background: transparent !important; }
.fv-scope .aip-related-terms-list { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
.fv-scope .aip-related-term-button { display: inline-block !important; padding: 6px 14px !important; font-family: var(--ms-sans) !important; font-size: 0.75rem !important; font-weight: 500 !important; color: var(--ms-ink) !important; background: #fff !important; border: 1px solid rgba(74,29,73,.12) !important; border-radius: 3px !important; text-decoration: none !important; transition: all 0.2s ease !important; white-space: nowrap !important; }
.fv-scope .aip-related-term-button:hover { background: var(--ms-ink) !important; color: #fff !important; border-color: var(--ms-ink) !important; transform: translateY(-2px) !important; box-shadow: 0 4px 10px rgba(74,29,73,.1) !important; }

/* --- 8. БЛОКИ СТАТТІ, АВТОРА ТА КОМАНДА --- */
/* Блок статті: Автор + Мета (Верхній) */
.fv-scope .fe-article-header, .fe-article-header.fv-scope { font-family: var(--ms-sans); }
.fv-scope .fe-byline { display: flex; align-items: center; gap: 12px; margin-bottom: .9rem; flex-wrap: wrap; }
.fv-scope .fe-byline-avatar-link { flex-shrink: 0; display: block; text-decoration: none; }
.fv-scope .fe-byline-avatar-link img, .fv-scope .fe-byline-avatar { width: 48px !important; height: 48px !important; border-radius: 50% !important; object-fit: cover !important; display: block !important; border: 2px solid #fff !important; box-shadow: 0 2px 8px rgba(74,29,73,.1) !important; margin: 0 !important; }
.fv-scope .fe-byline-info { display: flex; flex-direction: column; gap: 3px; }
.fv-scope .fe-byline-top { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.fv-scope .fe-byline-name { font-size: .92rem; font-weight: 600; color: var(--ms-ink) !important; text-decoration: none !important; }
.fv-scope .fe-byline-name:hover { color: var(--ms-blue) !important; }
.fv-scope .fe-byline-date { display: inline-flex; align-items: center; gap: 4px; font-size: .72rem; font-weight: 400; color: var(--ms-mid); }
.fv-scope .fe-byline-date svg { flex-shrink: 0; opacity: .7; }
.fv-scope .fe-byline-all-link { display: inline-flex; align-items: center; gap: 3px; font-size: .68rem; font-weight: 600; letter-spacing: .07em; text-transform: uppercase; color: var(--ms-blue) !important; text-decoration: none !important; padding: .22em .8em; border: 1px solid rgba(107, 47, 106, .25); border-radius: 20px; transition: all .2s; }
.fv-scope .fe-byline-all-link:hover { background: rgba(107, 47, 106, .07); border-color: var(--ms-blue); }
.fv-scope .fe-byline-role { font-size: .72rem; font-weight: 300; color: var(--ms-mid); font-style: italic; }

/* Анімації мета-даних */
.fv-scope .fe-meta-row { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; }
.fv-scope .fe-meta-chip { display: inline-flex; align-items: center; gap: 7px; padding: 6px 14px; border: 1px solid var(--ms-ink-08); border-radius: 28px; background: var(--ms-off); font-family: var(--ms-sans); color: var(--ms-ink); transition: all .3s ease; }
.fv-scope .fe-meta-chip:hover { border-color: var(--ms-blue); background: #fff; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(107, 47, 106, .1); }
.fv-scope .fe-meta-chip-label { font-size: .7rem; font-weight: 400; color: var(--ms-ink-60); }
.fv-scope .fe-meta-chip-value { font-size: .82rem; font-weight: 600; color: var(--ms-ink); min-width: 28px; text-align: right; transition: color .2s ease; }
.fv-scope .fe-meta-chip:hover .fe-meta-chip-value { color: var(--ms-blue); }
.fv-scope .fe-meta-sep { width: 4px; height: 4px; border-radius: 50%; background: var(--ms-ink-25); }
.fv-scope .fe-meta-icon { width: 17px; height: 17px; color: var(--ms-ink-60); transition: color .25s ease; }
.fv-scope .fe-meta-chip:hover .fe-meta-icon { color: var(--ms-blue); }
.fv-scope .fe-eye-pupil { transition: r .3s ease; transform-origin: 12px 9px !important; }
.fv-scope .fe-eye-iris { transform-origin: 12px 9px !important; transition: transform .3s ease; }
.fv-scope .fe-eye-lid-top, .fv-scope .fe-eye-lid-bot, .fv-scope .fe-eye-inner { transform-origin: 12px 9px !important; animation: fe-blink-lid 5s ease-in-out infinite; }
@keyframes fe-blink-lid { 0%, 94%, 100% { transform: scaleY(1); } 97% { transform: scaleY(0); } }
.fv-scope .fe-meta-chip--views:hover .fe-eye-pupil { r: 3.5; }
.fv-scope .fe-meta-chip--views:hover .fe-eye-lid-top, .fv-scope .fe-meta-chip--views:hover .fe-eye-lid-bot, .fv-scope .fe-meta-chip--views:hover .fe-eye-inner { animation-play-state: paused; }
.fv-scope .fe-clock-min { transform-origin: 12px 12px !important; animation: fe-clockwise 6s linear infinite; }
.fv-scope .fe-clock-hr { transform-origin: 12px 12px !important; animation: fe-clockwise-hr 72s linear infinite; }
/* D3-fix: keyframes для годинника й появи панелей (аналоги ms-spin/ms-spin-hr) */
@keyframes fe-clockwise { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes fe-clockwise-hr { from { transform: rotate(150deg); } to { transform: rotate(510deg); } }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.fv-scope .fe-meta-chip--time:hover .fe-clock-min { animation-duration: 1.2s; }
.fv-scope .fe-meta-chip--time:hover .fe-clock-hr { animation-duration: 14s; }

/* Картка автора (Нижня) */
.fv-scope .fe-author-card, .fe-author-card.fv-scope { margin: 3rem 0 1.5rem; border: 1px solid var(--ms-ink-08); border-radius: 6px; overflow: hidden; font-family: var(--ms-sans); }
.fv-scope .fe-author-card-header { background: var(--ms-ink); padding: .6rem 1.5rem; }
.fv-scope .fe-author-card-label { font-size: .6rem; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: rgba(255,255,255,.6); }
.fv-scope .fe-author-card-body { display: flex; gap: 1.75rem; padding: 1.75rem; background: var(--ms-off); }
.fv-scope .fe-author-card-ava-wrap { display: flex; flex-direction: column; align-items: center; gap: 10px; flex-shrink: 0; }
.fv-scope .fe-author-card-ava { width: 100px !important; height: 100px !important; border-radius: 50% !important; object-fit: cover !important; border: 3px solid #fff !important; box-shadow: 0 4px 16px rgba(74,29,73,.1) !important; transition: transform .3s ease !important; margin: 0 !important; }
.fv-scope .fe-author-card-ava-link:hover .fe-author-card-ava { transform: scale(1.04) !important; }
.fv-scope .fe-author-card-count { display: flex; flex-direction: column; align-items: center; background: var(--ms-ink); color: #fff; border-radius: 3px; padding: 4px 10px; line-height: 1.2; }
.fv-scope .fe-author-card-count strong { font-size: .9rem; font-weight: 700; }
.fv-scope .fe-author-card-count span { font-size: .55rem; font-weight: 400; opacity: .65; text-transform: uppercase; letter-spacing: .08em; }
.fv-scope .fe-author-card-text { flex: 1; min-width: 0; }
.fv-scope .fe-author-card-role { font-size: .68rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--ms-blue); margin-bottom: .4rem; line-height: 1.3; }
.fv-scope .fe-author-card-name { font-family: var(--ms-serif) !important; font-size: 1.4rem !important; font-weight: 400 !important; color: var(--ms-ink) !important; margin: 0 0 .75rem !important; line-height: 1.15 !important; }
.fv-scope .fe-author-card-bio { font-size: .88rem; font-weight: 300; color: var(--ms-ink-60); line-height: 1.8; margin-bottom: 1.25rem; }
.fv-scope .fe-author-card-link { display: inline-flex; align-items: center; gap: 5px; font-size: .7rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--ms-ink) !important; text-decoration: none !important; border-bottom: 1.5px solid var(--ms-ink-25) !important; padding-bottom: 1px; transition: all .2s; }
.fv-scope .fe-author-card-link:hover { color: var(--ms-blue) !important; border-color: var(--ms-blue) !important; }

/* Сторінка авторів */
.fv-scope .fe-author-hero, .fv-scope .sewerin-author-header, .fv-scope .dm-author-hero { padding: 4.5rem 0; background: var(--ms-off); margin-bottom: 2.5rem; text-align: center; }
.fv-scope .author-hero-img, .fv-scope .fe-author-hero img, .fv-scope .dm-author-hero img { width: 160px; height: 160px; border-radius: 50%; object-fit: cover; border: 4px solid #fff; box-shadow: 0 8px 28px rgba(17,17,16,.1); display: inline-block; transition: filter .2s; }
.fv-scope .author-hero-img:hover { filter: brightness(1.05); }
.fv-scope .author-hero-label { font-family: var(--ms-sans); font-size: .6rem; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--ms-blue); margin-bottom: .5rem; }
.fv-scope .author-hero-name { font-family: var(--ms-serif); font-size: 2.6rem; font-weight: 400; color: var(--ms-ink); margin-bottom: 1rem; line-height: 1.1; }
.fv-scope .author-hero-bio { font-family: var(--ms-sans); font-size: 1rem; line-height: 1.75; font-weight: 300; color: rgba(17,17,16,.65); max-width: 640px; margin: 0 auto 1.25rem; }
.fv-scope .author-hero-meta span { display: inline-block; padding: .4em 1.1em; background: #fff; border: 1px solid rgba(17,17,16,.12); border-radius: 2px; font-family: var(--ms-sans); font-size: .62rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: rgba(17,17,16,.7); }

.fv-scope .sewerin-team-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 24px; margin-top: 2.5rem; }
.fv-scope .team-member-card { background: #fff; border: 1px solid rgba(17,17,16,.08); border-radius: 4px; padding: 28px 18px; text-align: center; transition: border-color .2s; }
.fv-scope .member-avatar { width: 110px; height: 110px; border-radius: 50%; object-fit: cover; margin-bottom: 16px; border: 3px solid #fff; box-shadow: 0 4px 14px rgba(17,17,16,.1); }
.fv-scope .member-name { font-family: var(--ms-serif); font-size: 1.1rem; font-weight: 400; margin-bottom: 4px; color: var(--ms-ink); }
.fv-scope .member-name a { color: var(--ms-ink); text-decoration: none; }
.fv-scope .member-meta { font-size: .6rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--ms-mid); margin-bottom: 12px; }
.fv-scope .member-bio { font-size: .82rem; line-height: 1.65; color: rgba(17,17,16,.6); margin-bottom: 16px; font-weight: 300; }
.fv-scope .member-link { font-family: var(--ms-sans); font-size: .68rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--ms-ink); text-decoration: none; border-bottom: 1.5px solid rgba(17,17,16,.2); padding-bottom: 1px; transition: color .2s, border-color .2s; }
.fv-scope .member-link:hover { color: var(--ms-blue); border-color: var(--ms-blue); }

.fv-scope .fe-author-card-grid { transition: all .4s cubic-bezier(.22,.1,.36,1); border: 1px solid var(--ms-ink-08) !important; background: var(--ms-white); border-radius: 4px; overflow: hidden; height: 100%; display: flex; flex-direction: column; }
.fv-scope .fe-author-card-grid:hover { transform: translateY(-8px); box-shadow: 0 12px 30px rgba(17,17,16,.08); border-color: var(--ms-ink-25) !important; }
.fv-scope .fe-author-card-grid .box-image { filter: grayscale(100%); transition: filter .6s cubic-bezier(.22,.1,.36,1); position: relative; width: 100%; min-height: 200px; background: var(--ms-off); margin: 0; }
.fv-scope .fe-author-card-grid:hover .box-image { filter: grayscale(0%); }
.fv-scope .fe-author-card-grid .image-cover { position: relative; padding-top: 100%; width: 100%; overflow: hidden; border-radius: 0; }
.fv-scope .fe-author-card-grid .image-cover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; }
.fv-scope .fe-author-card-grid .image-cover img { width: 100%; height: 100%; object-fit: cover; }

/* --- 9. АРХІВИ, ТЕГИ ТА META --- */
.fv-scope .fe-product-hero { background: var(--ms-off); padding: 3rem 0 3.5rem; margin-bottom: 2rem; text-align: center; border-bottom: 1px solid rgba(17,17,16,.07); }
.fv-scope .fe-product-hero .fe-product-hero-inner { max-width: 720px; margin: 0 auto; padding: 0 1.5rem; }
.fv-scope .fe-product-hero-label { display: inline-flex; align-items: center; gap: .5rem; font-family: var(--ms-sans); font-size: .6rem; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; color: var(--ms-blue); margin-bottom: .7rem; }
.fv-scope .fe-product-hero-label::before, .fv-scope .fe-product-hero-label::after { content: ''; display: inline-block; width: 20px; height: 1px; background: var(--ms-blue); }
.fv-scope .fe-product-hero h1 { font-family: var(--ms-serif) !important; font-size: clamp(2rem, 4.5vw, 3.2rem) !important; font-weight: 400 !important; line-height: 1.1 !important; color: var(--ms-ink) !important; text-transform: none !important; letter-spacing: 0 !important; margin: 0 0 .8rem !important; }
.fv-scope .fe-product-hero-count { font-family: var(--ms-sans); font-size: .7rem; font-weight: 400; color: var(--ms-mid); letter-spacing: .06em; }

.fv-scope .fe-archive-header, .fv-scope .dm-archive-header { background: var(--ms-off); padding: 3rem 0 3.5rem; margin-bottom: 2.5rem; text-align: center; }
.fv-scope .fe-archive-header h1, .fv-scope .dm-archive-header .archive-main-title { font-family: var(--ms-serif); font-size: clamp(2rem, 4vw, 3.5rem); font-weight: 400; color: var(--ms-ink); margin-bottom: 1rem; line-height: 1.05; }
.fv-scope .category-filter-row, .fv-scope .dm-cat-nav { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin: 1.5rem 0 2rem; }
.fv-scope .category-filter-row a, .fv-scope .dm-chip.category, .fv-scope .dm-chip { display: inline-block; padding: .38em 1.15em; border: 1px solid rgba(17,17,16,.15); border-radius: 2px; font-family: var(--ms-sans); font-size: .68rem; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: rgba(17,17,16,.6); background: #fff; text-decoration: none; transition: background-color .2s, color .2s, border-color .2s; margin: 0 5px 5px 0; }
.fv-scope .category-filter-row a:hover, .fv-scope .category-filter-row a.active, .fv-scope .dm-chip:hover, .fv-scope .dm-chip.active { background: var(--ms-ink); color: #fff; border-color: var(--ms-ink); }
.fv-scope .dm-chip span.hash { opacity: 0.5; margin-right: 3px; }

.fv-scope .fe-seo-text, .fv-scope .dm-seo-text, .fv-scope .archive-description-bottom { padding: 3.5rem 0; background: #fff; border-top: 1px solid rgba(17,17,16,.08); }
.fv-scope .archive-description-bottom .col, .fv-scope .fe-seo-text .col { max-width: 720px; margin: 0 auto; float: none; width: 100%; }
.fv-scope .archive-description-bottom .entry-content { font-family: var(--ms-sans); font-size: .95rem; line-height: 1.8; color: rgba(17,17,16,.65); font-weight: 300; }
.fv-scope .archive-description-bottom p:first-of-type { font-size: 1.05rem; color: var(--ms-ink); margin-bottom: 1.5rem; }

.fv-scope .fe-post-meta, .fv-scope .sewerin-meta-container, .fv-scope .dm-meta-container { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 1rem; font-family: var(--ms-sans); font-size: .72rem; font-weight: 400; color: var(--ms-mid); padding-bottom: 1.25rem; border-bottom: 1px solid rgba(17,17,16,.08); max-width: 560px; margin: 0 auto 1.5rem; line-height: 1; }
.fv-scope .sewerin-meta-container .meta-item, .fv-scope .sewerin-meta-container .post-views { display: inline-flex; align-items: center; flex-direction: row; white-space: nowrap; font-size: .68rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--ms-mid); height: 18px; width: auto; }
.fv-scope .sewerin-meta-container span, .fv-scope .sewerin-meta-container p, .fv-scope .sewerin-meta-container div, .fv-scope .post-views-count { display: inline-block; width: auto; margin: 0; padding: 0; line-height: 1; }
.fv-scope .sewerin-meta-container .meta-sep { color: rgba(17,17,16,.15); font-size: .8rem; }
.fv-scope .sewerin-meta-container i, .fv-scope .sewerin-meta-container .meta-icon, .fv-scope .dm-meta-container svg { margin-right: 5px; opacity: .6; }

.fv-scope .fe-post-tags, .fe-post-tags.fv-scope { margin-top: 2.5rem; padding-top: 1.25rem; border-top: 1px solid var(--ms-ink-08); display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.fv-scope .fe-post-tags .tags-label { font-family: var(--ms-sans); font-size: .6rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--ms-mid); width: 100%; margin-bottom: .4rem; }
.fv-scope .fe-tag-chip { display: inline-flex; align-items: center; padding: .3em 1em; border: 1px solid var(--ms-ink-08); font-family: var(--ms-sans); font-size: .72rem; font-weight: 400; color: var(--ms-ink-60); background: var(--ms-off); border-radius: 2px; text-decoration: none; transition: all .2s; margin-bottom: .4rem; }
.fv-scope .fe-tag-chip:hover { border-color: var(--ms-ink-25); color: var(--ms-ink); background: #fff; }
.fv-scope .fe-tag-chip .hash { opacity: .45; margin-right: .2em; }

.fv-scope .fe-tags-marquee-wrap { background: var(--ms-off); border-top: 1px solid rgba(17,17,16,.07); border-bottom: 1px solid rgba(17,17,16,.07); padding: .6rem 0; overflow: hidden; position: relative; margin-bottom: 2rem; -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 60px, #000 calc(100% - 60px), transparent 100%); mask-image: linear-gradient(to right, transparent 0%, #000 60px, #000 calc(100% - 60px), transparent 100%); }
.fv-scope .fe-tags-marquee-label { position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 10; padding: 0 1rem 0 1.25rem; font-family: var(--ms-sans); font-size: .6rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--ms-mid); background: var(--ms-off); white-space: nowrap; -webkit-mask-image: none; mask-image: none; }
.fv-scope .fe-tags-marquee-track { display: inline-flex; gap: 0; white-space: nowrap; animation: fe-tags-scroll 30s linear infinite; padding-left: 5rem; will-change: transform; }
.fv-scope .fe-tags-marquee-wrap:hover .fe-tags-marquee-track { animation-play-state: paused; }
@keyframes fe-tags-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.fv-scope .fe-tags-marquee-item { display: inline-flex; align-items: center; gap: .75rem; padding: 0 1.1rem; font-family: var(--ms-sans); font-size: .72rem; font-weight: 500; letter-spacing: .04em; color: rgba(17,17,16,.7); text-decoration: none; white-space: nowrap; transition: color .2s; }
.fv-scope .fe-tags-marquee-item:hover { color: var(--ms-blue); }
.fv-scope .fe-tags-marquee-item::after { content: ''; display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: rgba(17,17,16,.2); flex-shrink: 0; }
.fv-scope .fe-tags-marquee-item .fe-tag-hash { opacity: .35; margin-right: .05em; }
.fv-scope .fe-tags-marquee-wrap.fe-tags-static .fe-tags-marquee-track { animation: none; padding-left: 5rem; flex-wrap: wrap; justify-content: center; }

/* Звичайний скрол-бар тегів */
.fv-scope .fe-archive-tags, .fv-scope .sewerin-tags-bar, .fv-scope .dm-tags-bar { margin-bottom: 2rem; }
.fv-scope .tags-scroll-container, .fv-scope .dm-tags-scroll, .fv-scope .aip-related-terms-list { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; overflow-x: auto; padding-bottom: 10px; scrollbar-width: none; }
.fv-scope .tags-scroll-container::-webkit-scrollbar, .fv-scope .dm-tags-scroll::-webkit-scrollbar { display: none; }
.fv-scope .tags-label { font-family: var(--ms-sans); font-size: .6rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--ms-mid); white-space: nowrap; flex-shrink: 0; }

/* --- 10. ФОТО ТА ВІДЕО --- */
.fv-scope .entry-content figure, .fv-scope .wp-caption { border: 1px solid rgba(17,17,16,.08); border-radius: 4px; box-shadow: 0 6px 24px rgba(17,17,16,.07); padding: 8px; margin: 1.75rem auto; max-width: 100%; display: table; transition: box-shadow .3s ease; background: #fff; }
.fv-scope .entry-content figure:hover, .fv-scope .wp-caption:hover { box-shadow: 0 12px 36px rgba(17,17,16,.1); }
.fv-scope .entry-content figure img, .fv-scope .wp-caption img { border: none; box-shadow: none; padding: 0; margin: 0; border-radius: 2px; display: block; }
.fv-scope figcaption, .fv-scope .wp-caption-text { font-family: var(--ms-sans); font-size: .78rem; font-weight: 300; color: var(--ms-mid); margin-top: 8px; text-align: center; padding-top: 8px; border-top: 1px solid rgba(17,17,16,.06); display: block; }

.fv-scope .video-container-clean iframe, .fv-scope .video-container-clean video, .fv-scope .wp-block-embed__wrapper iframe { width: 100%; max-width: 100%; aspect-ratio: 16/9; border-radius: 4px; box-shadow: 0 8px 28px rgba(17,17,16,.1); display: block; margin: 0 auto; }
.fv-scope .video-styled-text { font-family: var(--ms-sans); font-size: .95rem; line-height: 1.8; color: rgba(17,17,16,.65); font-weight: 300; }
.fv-scope .video-styled-text a { color: var(--ms-blue); text-decoration: none; border-bottom: 1px solid rgba(107, 47, 106, 0.3); transition: .2s; }
.fv-scope .video-styled-text a:hover { background-color: rgba(107, 47, 106, 0.06); border-color: var(--ms-blue); }
.fv-scope .video-styled-text p:last-of-type { background: var(--ms-off); border: 1px solid rgba(17,17,16,.08); padding: 16px 18px; border-radius: 4px; font-weight: 400; color: var(--ms-ink); }
.fv-scope .aip-time-row:hover { background-color: var(--ms-off); padding-left: 4px; transition: background-color .2s, padding .2s; }

.fv-scope .sewerin-play-icon { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 15; pointer-events: none; }
.fv-scope .sewerin-play-icon::after { content: ""; width: 52px; height: 52px; background: rgba(17,17,16,.5); border: 2px solid rgba(255,255,255,.8); border-radius: 50%; transition: background-color .3s, border-color .3s; }
.fv-scope .sewerin-play-icon::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-40%, -50%); width: 0; height: 0; border-style: solid; border-width: 9px 0 9px 16px; border-color: transparent transparent transparent #fff; z-index: 20; }
.fv-scope .post-item:hover .sewerin-play-icon::after, .fv-scope .col-inner:hover .sewerin-play-icon::after { background: var(--ms-blue); border-color: var(--ms-blue); }

/* --- 11. КОМЕНТАРІ ТА 404 --- */
.fv-scope #respond { background: var(--ms-off); padding: 28px; border-radius: 4px; border: 1px solid rgba(17,17,16,.08); margin-top: 2.5rem; transition: border-color .3s ease; }
.fv-scope #respond:hover { border-color: rgba(17,17,16,.12); }
.fv-scope #reply-title { font-family: var(--ms-serif); font-size: 1.5rem; font-weight: 400; color: var(--ms-ink); margin-bottom: 16px; display: block; border-bottom: 1px solid rgba(17,17,16,.1); padding-bottom: 10px; }
.fv-scope #respond textarea, .fv-scope #respond input[type="text"], .fv-scope #respond input[type="email"] { background: #fff; border: 1px solid rgba(17,17,16,.12); border-radius: 2px; font-family: var(--ms-sans); color: var(--ms-ink); transition: border-color .2s; }
.fv-scope #respond textarea:focus, .fv-scope #respond input:focus { border-color: var(--ms-blue); box-shadow: none; outline: none; }

.fv-scope .error-code { font-family: var(--ms-serif); letter-spacing: -4px; user-select: none; color: var(--ms-ink); }
.fv-scope .search-404-wrapper .search-field { background: var(--ms-off); border: 1px solid rgba(17,17,16,.12); border-radius: 2px; height: 50px; padding-left: 18px; font-family: var(--ms-sans); font-size: .9rem; color: var(--ms-ink); transition: border-color .2s; }
.fv-scope .search-404-wrapper .search-field:focus { background: #fff; border-color: var(--ms-blue); box-shadow: none; }
.fv-scope .search-404-wrapper .search-submit { background: var(--ms-ink); color: #fff; border-radius: 2px; height: 42px; width: 42px; min-width: 42px; margin: 4px; transition: background .2s; cursor: pointer; }
.fv-scope .search-404-wrapper .search-submit:hover { background: var(--ms-blue); }

/* --- 12. ФУТЕР --- */
.fv-scope .ms-footer-heading { font-family: var(--ms-sans); font-size: .65rem; font-weight: 600; letter-spacing: .25em; text-transform: uppercase; color: var(--ms-gold); margin-bottom: 1.5rem; }
.fv-scope .ms-footer-text { font-family: var(--ms-sans); font-size: .85rem; font-weight: 300; line-height: 1.8; color: rgba(255,255,255,.6); margin-bottom: 1.5rem; max-width: 280px; }
.fv-scope .ms-footer-list { list-style: none; padding: 0; margin: 0; }
.fv-scope .ms-footer-list li { margin-bottom: .8rem; }
.fv-scope .ms-footer-list a { font-family: var(--ms-sans); font-size: .85rem; font-weight: 300; color: rgba(255,255,255,.6); text-decoration: none; transition: color .2s ease; }
.fv-scope .ms-footer-list a:hover { color: var(--ms-gold); }
.fv-scope .ms-footer-contact { display: block; font-family: var(--ms-sans); font-size: .95rem; font-weight: 300; color: rgba(255,255,255,.8); text-decoration: none; margin-bottom: .5rem; transition: color .2s ease; }
.fv-scope .ms-footer-contact:hover { color: var(--ms-gold); }
.fv-scope .ms-footer-bottom { border-top: 1px solid rgba(255,255,255,.05); margin-top: 3rem; padding-top: 1.5rem; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; }
.fv-scope .ms-footer-bottom-text { font-family: var(--ms-sans); font-size: .7rem; font-weight: 300; color: rgba(255,255,255,.3); }
.fv-scope .ms-footer-bottom-links { display: flex; gap: 1.5rem; }
.fv-scope .ms-footer-bottom-links a { font-family: var(--ms-sans); color: rgba(255,255,255,.3); font-size: .7rem; text-decoration: none; text-transform: uppercase; letter-spacing: .1em; transition: color .2s; }
.fv-scope .ms-footer-bottom-links a:hover { color: var(--ms-gold); }
.fv-scope .ms-social-icons { display: flex; gap: 1rem; margin-top: 1.5rem; }
.fv-scope .ms-social-icons a { color: rgba(255,255,255,.4); font-size: 1.2rem; transition: color .2s ease; text-decoration: none; }
.fv-scope .ms-social-icons a:hover { color: var(--ms-gold); }

/* --- 13. ПАГІНАЦІЯ ТА ПОРТАЛ --- */
.fv-scope .dm-pagination, .fv-scope .smstrumyk-pagination { margin-top: 50px; margin-bottom: 30px; text-align: center; width: 100%; border: none; box-shadow: none; background: transparent; padding: 0; }
.fv-scope .dm-pagination ul.page-numbers, .fv-scope .smstrumyk-pagination ul.page-numbers { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; padding: 0; margin: 0; list-style: none; background: transparent; border: none; box-shadow: none; }
.fv-scope .dm-pagination ul.page-numbers li, .fv-scope .smstrumyk-pagination ul.page-numbers li { margin: 0; padding: 0; display: block; }
.fv-scope .dm-pagination ul.page-numbers li a, .fv-scope .dm-pagination ul.page-numbers li span, .fv-scope .smstrumyk-pagination ul.page-numbers li a, .fv-scope .smstrumyk-pagination ul.page-numbers li span { display: flex; align-items: center; justify-content: center; min-width: 42px; width: auto; height: 42px; padding: 0 15px; border: 1.5px solid #E0DDD5; border-radius: 8px; background: #fff; color: #6D7272; font-size: 0.95rem; font-weight: 700; text-decoration: none; white-space: nowrap; transition: background-color .2s, color .2s, border-color .2s; }
.fv-scope .dm-pagination ul.page-numbers li a:hover, .fv-scope .smstrumyk-pagination ul.page-numbers li a:hover { border-color: var(--ms-blue); color: var(--ms-blue); background: #f9f9f9; }
.fv-scope .dm-pagination ul.page-numbers li span.current, .fv-scope .smstrumyk-pagination ul.page-numbers li span.current { background-color: var(--ms-blue); border-color: var(--ms-blue); color: #fff; }
.fv-scope .dm-pagination ul.page-numbers li span.dots, .fv-scope .smstrumyk-pagination ul.page-numbers li span.dots { border: none; background: transparent; padding: 0 5px; min-width: auto; pointer-events: none; }

.fv-scope .ms-portal-vertical-list .col { padding-bottom: 1.25rem; }
.fv-scope .ms-portal-vertical-list .box-text { padding-top: 5px; }
.fv-scope .ms-portal-vertical-list .post-title { line-height: 1.25; margin-bottom: 5px; font-size: 0.95rem; }
.fv-scope .ms-portal-vertical-list .is-divider { display: none; }
.fv-scope .ms-trending-stack .col { padding-bottom: 1rem; border-bottom: 1px solid var(--ms-ink-08); margin-bottom: 1rem; }
.fv-scope .ms-trending-stack .col:last-child { border: none; }
.fv-scope .ms-portal-cluster { margin-bottom: 40px; }
.fv-scope .sewerin-dynamic-tags-wrap { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 15px; justify-content: flex-start; }
.fv-scope .ms-tag-chip { color: var(--ms-blue); border: 1.5px solid var(--ms-blue); font-family: var(--ms-sans); font-size: .75rem; text-decoration: none; padding: 4px 10px; border-radius: 2px; background: transparent; transition: background-color .2s, color .2s; line-height: 1.2; display: inline-block; }
.fv-scope .ms-tag-chip:hover { background: var(--ms-blue); color: #fff; }
.fv-scope .ms-menu-tags-row { border-top: 1px solid var(--ms-ink-08); padding-top: 20px; margin-top: 20px; width: 100%; }
.fv-scope .ms-menu-tags-title { font-size: .75rem; font-weight: 700; color: var(--ms-blue); text-transform: uppercase; letter-spacing: .05em; margin-bottom: 12px; }

/* --- 14. ADAPTIVE ВІДСТУПИ ДЛЯ AIP ТАБЛИЦЬ --- */
@media (min-width: 900px) {
    .fv-scope .aip-related-prices-table tr { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: .75rem; padding: .8rem 1.25rem; }
    .fv-scope .aip-related-prices-table td:first-child { flex: 1; padding: 0; min-width: 0; }
    .fv-scope .aip-related-prices-table td:last-child { flex-shrink: 0; width: auto; text-align: right; }
    .fv-scope .aip-related-prices-table tr.current-product { padding-left: calc(1.25rem - 3px); }
}

@media (min-width: 769px) {
    .fv-scope table.aip-price-table { display: table; width: 100%; }
    .fv-scope .aip-price-table thead { display: table-header-group; }
    .fv-scope .aip-price-table thead th { background: var(--fe-off); color: rgba(17,17,16,.6); border-bottom: 1px solid rgba(17,17,16,.1); font-size: .62rem; padding: .75rem 1.75rem; }
    .fv-scope .aip-price-table tr { display: table-row; }
    .fv-scope .aip-price-table td { display: table-cell; padding: .95rem 1.75rem; }
    .fv-scope .aip-price-desktop { display: inline; }
    .fv-scope .aip-price-mobile { display: none; }
}

/* --- 15. МОБІЛЬНА АДАПТАЦІЯ (Зведено в єдині блоки) --- */
@media (max-width: 900px) {
    .fv-scope .fe-about { grid-template-columns: 1fr !important; }
}

@media (max-width: 1024px) {
    .fv-scope .sewerin-team-grid { grid-template-columns: repeat(3,1fr); }
}

@media (max-width: 768px) {
    .fv-scope .woocommerce-tabs .panel { padding: 14px; margin-top: 15px; border-radius: 12px; }
    .fv-scope .woocommerce-tabs ul.tabs li a { padding: 7px 12px; font-size: .62rem; }
    .fv-scope .woocommerce-tabs .panel table.aip-table { margin-top: 10px; border-radius: 8px; }
    
    .fv-scope .aip-price-table-wrapper { display: flex; flex-direction: column; align-items: stretch; margin: 2.5rem 0; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 20px rgba(17,17,16,.07); border: 1px solid rgba(17,17,16,.08); }
    .fv-scope .aip-price-table-caption, .fv-scope .aip-price-table-wrapper caption { order: -1; display: block; width: 100%; box-sizing: border-box; border-radius: 4px 4px 0 0; text-align: center; padding: .8rem .85rem; font-size: .64rem; }
    .fv-scope table.aip-price-table, .fv-scope .aip-price-table tbody, .fv-scope .aip-price-table tr, .fv-scope .aip-price-table td { display: block; width: 100%; border: none; }
    .fv-scope .aip-price-table thead { display: none; }
    .fv-scope .aip-price-table tr { padding: 14px; padding-bottom: 42px; background: #fff; border-bottom: 1px solid rgba(17,17,16,.06); position: relative; }
    .fv-scope .aip-price-table tr:last-child { border-radius: 0 0 4px 4px; }
    .fv-scope .aip-price-table td:first-child { padding: 0; margin-bottom: 4px; }
    .fv-scope .aip-price-table td:last-child { position: absolute; bottom: 12px; right: 14px; text-align: right; width: auto; padding: 0; }
    .fv-scope .aip-price-table .aip-badge { position: absolute; bottom: 12px; left: 14px; margin: 0; }
    .fv-scope .aip-price-desktop { display: none; }
    .fv-scope .aip-price-mobile { display: inline; font-weight: 700; font-size: .9rem; }
    
    .fv-scope .aip-related-prices-table tr { display: block; padding: .75rem 1rem; position: relative; }
    .fv-scope .aip-related-prices-table td:first-child { font-size: .82rem; padding: 0 0 .25rem; text-align: left; }
    .fv-scope .aip-related-prices-table td:last-child { text-align: left; padding: 0; font-size: .95rem; }
    
    .fv-scope .aip-summary-block { padding: .9rem .85rem; font-size: .83rem; }
    .fv-scope .aip-related-terms-wrapper { padding: .9rem .85rem 1rem; }
    .fv-scope .aip-author-byline { max-width: 100%; width: 100%; padding: 12px; gap: 10px; align-items: flex-start; }
    .fv-scope .aip-author-byline > div > div { gap: 6px; }
    .fv-scope .aip-author-byline time { width: 100%; margin-top: 2px; }
    .fv-scope .sewerin-team-grid { grid-template-columns: repeat(2,1fr); }
    
    .fv-scope .fe-byline-top { gap: 6px; row-gap: 5px; }
    .fv-scope .fe-byline-date { font-size: .65rem; }
    .fv-scope .fe-meta-chip { padding: 5px 11px; }
    .fv-scope .fe-meta-chip-label { font-size: .65rem; }
    .fv-scope .fe-meta-chip-value { font-size: .78rem; }
    .fv-scope .fe-author-card-body { flex-direction: column; align-items: center; text-align: center; padding: 1.25rem; gap: 1.1rem; }
    .fv-scope .fe-author-card-ava { width: 80px !important; height: 80px !important; }
    .fv-scope .fe-author-card-name { font-size: 1.2rem !important; }
    .fv-scope .fe-author-card-bio { font-size: .83rem; }
    .fv-scope .fe-author-card-link { justify-content: center; }
    .fv-scope .fe-author-card-role { text-align: center; }
    .fv-scope .fe-product-hero { padding: 2rem 0 2.5rem; }
    .fv-scope .fe-product-hero h1 { font-size: 2rem !important; }
    .fv-scope .fe-tags-marquee-track { animation-duration: 20s; }
    
    /* Зняття display:none для сайдбару Flatsome */
    .fv-scope .sidebar, .fv-scope .sidebar-inner, .fv-scope .sidebar-col, .fv-scope #sidebar, .fv-scope .widget-area { display: revert !important; visibility: revert !important; }
    .fv-scope .sidebar-overlay.active .sidebar, .fv-scope .sidebar-overlay.active .widget-area { display: block !important; }
}

@media (max-width: 600px) {
    .fv-scope h1 { font-size: 2.2rem !important; }
    .fv-scope .woocommerce ul.products { grid-template-columns: 1fr 1fr !important; }
    .fv-scope .fe-author-card-body { flex-direction: column; align-items: center; text-align: center; } 
    .fv-scope .fe-author-card-link { justify-content: center; } 
    .fv-scope .fe-byline-top { flex-direction: column; align-items: flex-start; }
    .fv-scope .fe-tags-marquee-label { display: none !important; }
    .fv-scope .fe-tags-marquee-track { padding-left: .5rem !important; }
    .fv-scope .fe-byline-avatar-link img, .fv-scope .fe-byline-avatar { width: 40px !important; height: 40px !important; }
}

@media (max-width: 480px) {
    .fv-scope .aip-price-table tbody td:first-child a { font-size: .85rem !important; }
    .fv-scope .aip-price-btn { font-size: .95rem !important; }
    .fv-scope .error-code { font-size: 5rem; letter-spacing: -2px; }
}

/* Підсумок таблиць (спільне для ПК і Моб) */
.fv-scope .aip-price-table-wrapper .aip-summary-block, .fv-scope .aip-related-prices-wrapper .aip-summary-block { order: 10; margin: 0; border-radius: 0 0 4px 4px; border-top: 1px solid rgba(17,17,16,.08); background: var(--fe-off); border-left: none; padding: 12px 14px; font-size: .82rem; line-height: 1.65; color: rgba(17,17,16,.75); }
.fv-scope .aip-summary-block a { color: var(--ms-blue); text-decoration: none; border-bottom: 1px solid rgba(107, 47, 106, 0.3); font-weight: 500; transition: border-color .2s; }
.fv-scope .aip-summary-block a:hover { border-color: var(--ms-blue); }
.fv-scope .aip-price-table-wrapper:not(:has(.aip-summary-block)) tr:last-child, .fv-scope .aip-related-prices-wrapper:not(:has(.aip-summary-block)) tr:last-child { border-radius: 0 0 4px 4px; border-bottom: none; }

/* Фікс Великої Ціни для варіацій */
.fv-scope .woocommerce-variation-price { font-size: 1.8rem !important; margin-top: 10px; margin-bottom: 15px; line-height: 1 !important; }
.fv-scope .woocommerce-variation-price del, .fv-scope .woocommerce-variation-price del .woocommerce-Price-amount { font-size: 1.1rem !important; color: var(--ms-mid) !important; font-weight: 300 !important; margin-right: 8px !important; }
.fv-scope .woocommerce-variation-price ins, .fv-scope .woocommerce-variation-price ins .woocommerce-Price-amount, .fv-scope .woocommerce-variation-price > .price > .woocommerce-Price-amount { font-size: 1.8rem !important; color: var(--ms-ink) !important; font-weight: 500 !important; text-decoration: none !important; }


/* 1. Загальний контейнер ціни варіації */
.fv-scope .woocommerce-variation-price {
    font-size: 1.8rem !important; 
    margin-top: 10px;
    margin-bottom: 15px;
    line-height: 1 !important;
}

/* 2. Стара (перекреслена) ціна */
.fv-scope .woocommerce-variation-price del,
.fv-scope .woocommerce-variation-price del .woocommerce-Price-amount {
    font-size: 1.8rem !important;
    color: var(--fe-mid) !important;
    font-weight: 400 !important;
    margin-right: 8px !important;
}

/* 3. Актуальна (нова) ціна — чітка і виразна */
.fv-scope .woocommerce-variation-price ins,
.fv-scope .woocommerce-variation-price ins .woocommerce-Price-amount,
.fv-scope .woocommerce-variation-price > .price > .woocommerce-Price-amount {
    font-size: 1.8rem !important;
    color: var(--fe-red) !important; 
    font-weight: 600 !important;
    text-decoration: none !important;
}

/* ==========================================================================
   🚑 ФІКС ДЛЯ MIRSPALNI: АВТОРСЬКІ БЛОКИ ТА МЕТА-ДАНІ (Quiet Luxury)
   Відновлення стилів для верхнього (Око/Годинник) та нижнього блоків
   ========================================================================== */

/* --- 1. ВЕРХНІЙ БЛОК (Аватар + Мета-дані) --- */
.fe-article-header { 
    margin: 0 0 2.5rem !important; 
    font-family: var(--ms-sans, 'Montserrat', sans-serif) !important; 
    border-bottom: 1px solid rgba(74,29,73,0.1) !important;
    padding-bottom: 1.5rem !important;
}

.fe-article-header .fe-byline { 
    display: flex !important; align-items: center !important; gap: 15px !important; margin-bottom: 1.2rem !important; flex-wrap: wrap !important; 
}
.fe-article-header .fe-byline-avatar-link { flex-shrink: 0 !important; display: block !important; text-decoration: none !important; }

.fe-article-header .fe-byline-avatar { 
    width: 56px !important; height: 56px !important; 
    border-radius: 50% !important; object-fit: cover !important; 
    border: 2px solid #fff !important; 
    box-shadow: 0 4px 12px rgba(74,29,73,.15) !important;
    display: block !important; 
    transition: transform 0.2s ease !important;
    margin: 0 !important;
}
.fe-article-header .fe-byline-avatar-link:hover .fe-byline-avatar { transform: scale(1.05) !important; }

.fe-article-header .fe-byline-info { display: flex !important; flex-direction: column !important; gap: 4px !important; }
.fe-article-header .fe-byline-top { display: flex !important; align-items: center !important; gap: 10px !important; flex-wrap: wrap !important; }

.fe-article-header .fe-byline-name { 
    font-size: 1.05rem !important; font-weight: 700 !important; color: var(--ms-ink, #6B2F6A) !important; text-decoration: none !important; 
}
.fe-article-header .fe-byline-name:hover { color: var(--ms-blue, #6B2F6A) !important; } 

.fe-article-header .fe-byline-date { 
    display: inline-flex !important; align-items: center !important; gap: 5px !important; font-size: 0.8rem !important; font-weight: 500 !important; color: var(--ms-mid, #b58ab5) !important; text-transform: uppercase !important; letter-spacing: 0.5px !important;
}
.fe-article-header .fe-byline-date svg { stroke: var(--ms-mid, #b58ab5) !important; }

.fe-article-header .fe-byline-role { font-size: 0.85rem !important; color: var(--ms-mid, #b58ab5) !important; font-style: italic !important; }

/* Анімовані Чіпси (Око і Годинник) */
.fe-article-header .fe-meta-row { display: flex !important; align-items: center !important; gap: 12px !important; flex-wrap: wrap !important; margin-top: 15px !important;}
.fe-article-header .fe-meta-chip { 
    display: inline-flex !important; align-items: center !important; gap: 8px !important; 
    padding: 6px 14px !important; 
    border: 1px solid rgba(74,29,73,.1) !important; 
    border-radius: 30px !important; 
    background: var(--ms-off, #faf6fa) !important; 
    color: var(--ms-ink, #6B2F6A) !important; 
    font-weight: 600 !important;
    transition: all 0.2s ease !important; cursor: default !important; 
}
.fe-article-header .fe-meta-chip:hover { 
    border-color: var(--ms-blue, #6B2F6A) !important; 
    background: #fff !important; 
    transform: translateY(-2px) !important; 
    box-shadow: 0 4px 12px rgba(107,47,106,.15) !important; 
} 

.fe-article-header .fe-meta-chip-label { font-size: 0.75rem !important; color: var(--ms-mid, #b58ab5) !important; font-weight: 400 !important;}
.fe-article-header .fe-meta-chip-value { font-size: 0.9rem !important; font-weight: 700 !important; color: var(--ms-ink, #6B2F6A) !important; min-width: 28px !important; text-align: right !important; transition: color 0.2s !important; }
.fe-article-header .fe-meta-chip:hover .fe-meta-chip-value { color: var(--ms-blue, #6B2F6A) !important; }

.fe-article-header .fe-meta-sep { width: 4px !important; height: 4px !important; background: rgba(74,29,73,.2) !important; border-radius: 50% !important; flex-shrink: 0 !important; }

.fe-article-header .fe-meta-icon { width: 18px !important; height: 18px !important; color: var(--ms-mid, #b58ab5) !important; transition: color 0.2s !important; }
.fe-article-header .fe-meta-chip:hover .fe-meta-icon { color: var(--ms-blue, #6B2F6A) !important; }

/* Анімації */
.fe-article-header .fe-eye-pupil { transition: r .3s ease !important; transform-origin: 12px 9px !important; }
.fe-article-header .fe-eye-iris { transform-origin: 12px 9px !important; transition: transform .3s ease !important; }
.fe-article-header .fe-eye-lid-top, .fe-article-header .fe-eye-lid-bot, .fe-article-header .fe-eye-inner { transform-origin: 12px 9px !important; animation: ms-blink 5s ease-in-out infinite !important; }
@keyframes ms-blink { 0%, 94%, 100% { transform: scaleY(1); } 97% { transform: scaleY(0); } }
.fe-article-header .fe-meta-chip--views:hover .fe-eye-pupil { r: 3.5 !important; }
.fe-article-header .fe-meta-chip--views:hover .fe-eye-lid-top, .fe-article-header .fe-meta-chip--views:hover .fe-eye-lid-bot, .fe-article-header .fe-meta-chip--views:hover .fe-eye-inner { animation-play-state: paused !important; }

.fe-article-header .fe-clock-min { transform-origin: 12px 12px !important; animation: ms-spin 6s linear infinite !important; }
.fe-article-header .fe-clock-hr { transform-origin: 12px 12px !important; animation: ms-spin-hr 72s linear infinite !important; }
.fe-article-header .fe-meta-chip--time:hover .fe-clock-min { animation-duration: 1.2s !important; }
.fe-article-header .fe-meta-chip--time:hover .fe-clock-hr { animation-duration: 14s !important; }
@keyframes ms-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes ms-spin-hr { from { transform: rotate(150deg); } to { transform: rotate(510deg); } }

/* --- 2. НИЖНІЙ БЛОК АВТОРА --- */
.fe-author-card { 
    margin: 3rem 0 2rem !important; border: 1px solid rgba(74,29,73,.1) !important; border-radius: 8px !important; overflow: hidden !important; background: #fff !important; box-shadow: 0 5px 20px rgba(74,29,73,.05) !important; font-family: var(--ms-sans, 'Montserrat', sans-serif) !important;
}
.fe-author-card-header { 
    background: var(--ms-ink, #6B2F6A) !important; padding: 10px 20px !important; 
}
.fe-author-card-label { 
    font-size: 0.7rem !important; font-weight: 700 !important; letter-spacing: 2px !important; text-transform: uppercase !important; color: #fff !important; opacity: 0.9 !important;
}
.fe-author-card-body { 
    display: flex !important; gap: 30px !important; padding: 30px !important; background: var(--ms-off, #faf6fa) !important; align-items: flex-start !important;
}
.fe-author-card-ava-wrap { 
    display: flex !important; flex-direction: column !important; align-items: center !important; gap: 12px !important; flex-shrink: 0 !important; 
}
.fe-author-card-ava { 
    width: 100px !important; height: 100px !important; border-radius: 50% !important; object-fit: cover !important; border: 4px solid #fff !important; box-shadow: 0 5px 15px rgba(74,29,73,.1) !important; transition: transform .3s ease !important; margin: 0 !important;
}
.fe-author-card-ava-link:hover .fe-author-card-ava { transform: scale(1.05) !important; }

.fe-author-card-count { 
    display: flex !important; flex-direction: column !important; align-items: center !important; background: var(--ms-ink, #6B2F6A) !important; color: #fff !important; border-radius: 4px !important; padding: 6px 12px !important; line-height: 1.2 !important; 
}
.fe-author-card-count strong { font-size: 1.1rem !important; font-weight: 800 !important; }
.fe-author-card-count span { font-size: 0.6rem !important; font-weight: 500 !important; text-transform: uppercase !important; letter-spacing: 1px !important; opacity: 0.8 !important; }

.fe-author-card-text { flex: 1 !important; }
.fe-author-card-role { 
    font-size: 0.75rem !important; font-weight: 700 !important; letter-spacing: 1px !important; text-transform: uppercase !important; color: var(--ms-blue, #6B2F6A) !important; margin-bottom: 8px !important; 
}
.fe-author-card-name { 
    font-family: var(--ms-serif, Georgia, serif) !important; font-size: 1.8rem !important; font-weight: 700 !important; color: var(--ms-ink, #6B2F6A) !important; margin: 0 0 15px !important; line-height: 1.1 !important; 
}
.fe-author-card-name a { color: inherit !important; text-decoration: none !important; }
.fe-author-card-bio { 
    font-size: 0.95rem !important; font-weight: 400 !important; color: rgba(74,29,73,.8) !important; line-height: 1.7 !important; margin-bottom: 20px !important; 
}
.fe-author-card-link { 
    display: inline-flex !important; align-items: center !important; gap: 8px !important; font-size: 0.8rem !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1px !important; color: var(--ms-ink, #6B2F6A) !important; text-decoration: none !important; border-bottom: 2px solid rgba(107,47,106,0.3) !important; padding-bottom: 3px !important; transition: all .3s ease !important; 
}
.fe-author-card-link:hover { color: var(--ms-blue, #6B2F6A) !important; border-color: var(--ms-blue, #6B2F6A) !important; }

/* --- 3. Мобільна адаптація --- */
@media (max-width: 768px) {
    .fe-article-header .fe-byline { max-width: 100% !important; width: 100% !important; gap: 10px !important; align-items: flex-start !important; }
    .fe-article-header .fe-byline-top { flex-direction: column !important; align-items: flex-start !important; gap: 4px !important; }
    .fe-article-header .fe-meta-row { justify-content: flex-start !important; }
}
@media (max-width: 600px) { 
    .fe-author-card-body { flex-direction: column !important; align-items: center !important; text-align: center !important; padding: 20px !important; } 
    .fe-author-card-link { justify-content: center !important; } 
}
/* ==========================================================================
   🚑 ФІКС 2.0: МЕГА МЕНЮ СВІТ СПАЛЬНІ (Ідеальний Гліф + Золотий Ховер)
   ========================================================================== */

/* 1. Контейнер заголовка */
.nav-dropdown .ms-menu-title {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    border-bottom: 2px solid var(--ms-blue, #6B2F6A) !important;
    padding-bottom: 12px !important;
    margin-bottom: 20px !important;
    color: var(--ms-ink, #6B2F6A) !important;
    transition: color 0.3s ease !important;
}

/* Текст стає золотим при наведенні на весь рядок */
.nav-dropdown .ms-menu-title:hover {
    color: var(--ms-gold, #b8975a) !important;
}

/* 2. Обгортка іконки (Квадратик) */
.ms-menu-title .ms-glyph {
    width: 34px !important;
    height: 34px !important;
    border-radius: 8px !important;
    background: var(--ms-light, #f0e8f0) !important;
    border: 1.5px solid transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--ms-mid, #b58ab5) !important; /* Базовий колір іконки */
    flex-shrink: 0 !important;
    position: relative !important;
    margin: 0 !important;
    transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease, transform 0.2s ease !important;
}

/* 3. САМА ІКОНКА (КРИТИЧНО: має наслідувати колір обгортки!) */
.ms-menu-title .ms-glyph svg {
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    color: inherit !important; /* ОЦЕЙ РЯДОК ЛІКУЄ ПРОБЛЕМУ З ХОВЕРОМ */
}

/* 4. Золота рамка (пульсація) при наведенні */
.ms-menu-title .ms-glyph::after {
    content: '';
    position: absolute;
    inset: -1.5px;
    border-radius: 9px;
    border: 1.5px solid var(--ms-gold, #b8975a);
    opacity: 0;
    transform: scale(1.14);
    transition: opacity 0.25s ease, transform 0.28s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

/* 5. Застосування ховеру до Гліфа */
.ms-menu-title:hover .ms-glyph {
    background: rgba(184, 151, 90, 0.10) !important;
    color: var(--ms-gold, #b8975a) !important; /* Іконка стає золотою */
    border-color: transparent !important;
    transform: translateY(-2px) !important;
}

.ms-menu-title:hover .ms-glyph::after {
    opacity: 1 !important;
    transform: scale(1) !important;
}

/* 6. Фікс тегів у меню (щоб не злипалися) */
.nav-dropdown .sewerin-dynamic-tags-wrap {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 12px !important;
    margin-top: 15px !important;
    padding-top: 20px !important;
    border-top: 1px solid rgba(74,29,73,0.1) !important;
}

/* ==========================================================================
   ✨ MIR SPALNI: ІНФО-БЛОКИ "QUIET LUXURY" (З КОЛЬОРОВИМИ ТІНЯМИ)
   ========================================================================== */

/* Базовий контейнер (Використовуємо змінні для магії) */
.ms-site .entry-content .aip-accent-block,
.fv-scope .entry-content .aip-accent-block {
    border: 1px solid rgba(74,29,73,0.08); /* Тонка базова рамка */
    border-left: 4px solid var(--blk-color); 
    border-right: 1px solid var(--blk-color-light); /* Ледь помітна лінія справа */
    padding: 22px 25px 22px 65px; 
    border-radius: 8px !important; /* Елегантні кути */
    margin: 35px 0;
    background: linear-gradient(120deg, var(--blk-bg) 0%, #ffffff 65%);
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    position: relative;
    overflow: hidden;
}

.ms-site .entry-content .aip-accent-block:hover,
.fv-scope .entry-content .aip-accent-block:hover { 
    transform: translateY(-4px); 
    box-shadow: 0 12px 35px var(--blk-shadow); /* Кольорова люксова тінь */
    border-color: var(--blk-color-light);
}

/* Нижня градієнтна лінія */
.ms-site .entry-content .aip-accent-block::after,
.fv-scope .entry-content .aip-accent-block::after {
    content: ""; position: absolute; left: 0; bottom: 0; height: 2px; width: 100%;
    background: linear-gradient(90deg, var(--blk-color), transparent 70%);
    opacity: 0.3; transition: opacity 0.4s ease;
}
.ms-site .entry-content .aip-accent-block:hover::after,
.fv-scope .entry-content .aip-accent-block:hover::after { opacity: 0.8; }

/* Загальні стилі іконок */
.ms-site .entry-content .aip-accent-block::before,
.fv-scope .entry-content .aip-accent-block::before {
    content: ""; position: absolute; left: 22px; top: 24px; width: 24px; height: 24px;
    -webkit-mask-size: contain; mask-size: contain;
    -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
    transition: transform 0.5s ease, background-color 0.5s ease;
    background-color: var(--blk-color);
    z-index: 2;
}

.ms-site .entry-content .aip-accent-block strong,
.fv-scope .entry-content .aip-accent-block strong {
    color: var(--blk-color);
}

/* ── TIP (Порада) — Steel Blue (Лампочка) ── */
.ms-site .aip-tip-block, .fv-scope .aip-tip-block { 
    --blk-color: var(--ms-blue, #6B2F6A); 
    --blk-color-light: rgba(107, 47, 106, 0.3);
    --blk-bg: rgba(107, 47, 106, 0.08);
    --blk-shadow: rgba(107, 47, 106, 0.15);
}
.ms-site .aip-tip-block::before, .fv-scope .aip-tip-block::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.9 1.2 1.5 1.5 2.5'/%3E%3Cpath d='M9 18h6'/%3E%3Cpath d='M10 22h4'/%3E%3C/svg%3E");
}
/* Анімація: Плавна левітація */
.ms-site .aip-tip-block:hover::before, .fv-scope .aip-tip-block:hover::before { 
    animation: ms-tip-float 3s ease-in-out infinite; 
}

/* ── WARNING (Увага) — Золото (Трикутник) ── */
.ms-site .aip-warning-block, .fv-scope .aip-warning-block { 
    --blk-color: var(--ms-gold, #b8975a); 
    --blk-color-light: rgba(184, 151, 90, 0.3);
    --blk-bg: rgba(184, 151, 90, 0.08);
    --blk-shadow: rgba(184, 151, 90, 0.15);
}
.ms-site .aip-warning-block::before, .fv-scope .aip-warning-block::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");
}
/* Анімація: Дороге світіння (пульс) */
.ms-site .aip-warning-block:hover::before, .fv-scope .aip-warning-block:hover::before { 
    animation: ms-wrn-glow 2.5s ease-in-out infinite; 
}

/* ── FACT (Факт) — Dark Ink (Коло) ── */
.ms-site .aip-fact-block, .fv-scope .aip-fact-block { 
    --blk-color: var(--ms-ink, #6B2F6A); 
    --blk-color-light: rgba(74,29,73, 0.2);
    --blk-bg: rgba(74,29,73, 0.05);
    --blk-shadow: rgba(74,29,73, 0.12);
}
.ms-site .aip-fact-block::before, .fv-scope .aip-fact-block::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E");
}
/* Анімація: М'який маятник */
.ms-site .aip-fact-block:hover::before, .fv-scope .aip-fact-block:hover::before { 
    animation: ms-fct-spin 3s ease-in-out infinite; 
}

/* ── АНІМАЦІЇ (Quiet Luxury) ── */
@keyframes ms-tip-float {
    0%, 100% { transform: scale(1.15) translateY(0); }
    50% { transform: scale(1.15) translateY(-4px); }
}
@keyframes ms-wrn-glow {
    0%, 100% { transform: scale(1.1); opacity: 1; filter: drop-shadow(0 0 0 transparent); }
    50% { transform: scale(1.15); opacity: 0.75; filter: drop-shadow(0 0 6px rgba(184,151,90,0.6)); }
}
@keyframes ms-fct-spin {
    0%, 100% { transform: scale(1.15) rotate(-6deg); }
    50% { transform: scale(1.15) rotate(6deg); }
}

/* Мобільна адаптація */
@media (max-width: 600px) { 
    .ms-site .entry-content .aip-accent-block, .fv-scope .entry-content .aip-accent-block { padding: 18px 20px 18px 55px; } 
    .ms-site .entry-content .aip-accent-block::before, .fv-scope .entry-content .aip-accent-block::before { left: 16px; top: 20px; width: 22px; height: 22px; } 
}
/* --- TRUST BAR FIX --- */
.fv-trust-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    padding: 15px 0;
}
.fv-trust-bar p {
    display: none; /* Hide any stray wpautop paragraphs */
}
.fv-trust-item {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1 1 200px;
}
.fv-trust-icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fv-trust-content {
    font-size: 0.9rem;
    line-height: 1.3;
}
.fv-trust-content strong {
    font-size: 1rem;
    font-weight: 600;
    color: var(--ms-ink, #6B2F6A);
}
.fv-trust-content span {
    font-size: 0.85rem;
    color: var(--ms-mid, #8FA8BD);
}
@media (max-width: 768px) {
    .fv-trust-bar {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
}

/* ==========================================================================
   FV LEGACY CHILD-THEME BLOCK (повернено зі старого 5.0.15 combined-CSS:
   секції 1-5 base/nav/links/images/tables + 18-23 flatsome/cards/FV-custom/buttons/comments/mobile/menu)
   ========================================================================== */
/* ===========================================
   1. BASE / UTILITY
   =========================================== */

img.emoji { margin: 0 5px; width: 20px; }

.woof_container_pa_spmes ul.woof_list_radio,
.woof_container_pa_ds ul.woof_list_radio { columns: 2; }

.padding-no { padding-left: 0; padding-right: 0; }
.padding-no .accordion-inner { padding: 1em 1em 1em 2.3em !important; }

.rank-math-breadcrumb p { font-size: 0.8rem; }
.page-wrapper { padding: 20px 0; }
.widgets-boxed .widget, .widgets-framed .widget { border: 0; }
.woof_seo_text { padding: 20px; background: #fff; }
.filter-button { margin-top: 0; }
.woocommerce-variation-price { font-size: 1.8em; }
span.amount { font-weight: 500; }
li.cart-item .nav-dropdown { min-width: 360px; }

.off-canvas-left .mfp-content,
.off-canvas-right .mfp-content { background: #fff; }
.off-canvas .sidebar-inner { padding: 0 !important; }

.widget > ul > li > a,
.yith-wcbr-brand-filter .yith-wcbr-brands-list ul li a { padding: 2px 0; }
.nav-dropdown.dropdown-uppercase > li > a { text-transform: none; }
.yith-wcbr-brands { margin-top: 0; }
.has-shadow .box-text { padding: 0 0.5em; }
.nav-tabs + .tab-panels { padding: 15px; }
.button { font-size: .87em; }
.page-title-inner { padding-top: 10px; }

h1::first-letter,
h2::first-letter { text-transform: uppercase; }

.accordion-title { border-top: 0; }
.accordion-title.active { border-radius: 25px; }

blockquote {
    background: linear-gradient(286.54deg, #f4d6f7, #fff);
    border-left: 3px solid var(--color-primary);
    border-radius: 0 0 25px 0;
    padding: 15px 15px 5px;
}

/* Box shadows */
.box-shadow, .box-shadow-2, .box-shadow-2-hover:hover,
.row-box-shadow-2 .col-inner, .row-box-shadow-2-hover .col-inner:hover {
    box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
}
.box-shadow-3, .box-shadow-3-hover:hover,
.row-box-shadow-3 .col-inner, .row-box-shadow-3-hover .col-inner:hover {
    box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px;
}

/* ===========================================
   2. NAVIGATION
   =========================================== */

.nav__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s;
    height: 100%;
    padding: 0 15px 0 0;
}
.nav__icon svg { width: 24px; height: 24px; }

.icon-nav-2, .icon-nav-3, .icon-nav-4, .icon-nav-7, .icon-nav-8,
.icon-nav-10, .icon-nav-11, .icon-nav-14, .icon-nav-16, .icon-nav-21 {
    width: 24px; height: 24px; fill: #222;
}

.nav-column > li > a,
.nav-dropdown > li > a,
.nav-vertical-fly-out > li > a { color: #222; }

.header-vertical-menu__fly-out .nav-top-link { font-size: 1em; }

/* ===========================================
   3. LINKS & BULLETS
   =========================================== */

ul li.bullet-arrow,
ul li.bullet-checkmark,
ul li.bullet-cross,
ul li.bullet-star { border-bottom: 0; }

ul li.bullet-arrow::before,
ul li.bullet-checkmark::before,
ul li.bullet-star::before { color: var(--color-primary); }

.dark ul li.bullet-checkmark::before { color: #fff; }

/* ===========================================
   4. IMAGES & FIGURES
   =========================================== */

.entry-content figure:not(.bwg-item),
.wp-caption,
.entry-content > p > img:not(.emoji),
.entry-content > img:not(.emoji) {
    background: transparent !important;
    border-radius: var(--radius-card);
    box-shadow: none !important;
    border: var(--border-light);
    padding: 10px;
    margin: 0 auto !important;
    max-width: 100%;
    height: auto;
    transition: transform 0.3s ease;
    display: table;
}

.entry-content figure img,
.wp-caption img {
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 12px;
}

figcaption, .wp-caption-text {
    font-size: 0.95em;
    color: #555;
    margin-top: 12px;
    text-align: center;
    padding-top: 10px;
    border-top: 1px solid #f5f5f5;
    display: block;
}
figcaption::before,
.wp-caption-text::before { content: '📷'; margin-right: 5px; opacity: 0.7; }

/* BWG gallery — reset */
.bwg-container img:hover,
.bwg-item img:hover { transform: none !important; box-shadow: none !important; }
div[id^=bwg_container] * { margin: 0; background: transparent !important; border: none !important; box-shadow: none !important; }

/* ===========================================
   5. TABLES (UTILITY)
   =========================================== */

.tg { border-collapse: collapse; border-spacing: 0; }
.tg td { border: 1px solid #ccc; overflow: hidden; padding: 10px 5px; word-break: normal; }
.tg th { border: 1px solid #ccc; font-weight: normal; overflow: hidden; padding: 10px 5px; word-break: normal; text-transform: none; letter-spacing: 0; }
.tg .tg-0lax { text-align: left; vertical-align: top; }

.size-guide-table tr th,
.size-guide-table tr td { text-align: center; width: 100px; }
.size-guide-table tr:nth-child(even) { background: #fbfbfb; }
.size-guide-table th { background: #f5f5f5; }

#billing_country_field,
#shipping_country_field { display: none; }

/* ===========================================
   18. FLATSOME TABS & WOOCOMMERCE
   =========================================== */

.woocommerce-tabs ul.tabs li a,
.tabbed-content .nav-pills li a {
    border-radius: 25px !important;
    padding: 10px 25px !important;
    font-weight: 700 !important;
    margin-right: 10px !important;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;
    background-color: #f5f5f5 !important;
    border: 1px solid transparent !important;
    color: #555 !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
}
.woocommerce-tabs ul.tabs li.active a,
.tabbed-content .nav-pills li.active a {
    background-color: #6B2F6A !important;
    color: #fff !important;
    border-color: #6B2F6A !important;
    box-shadow: 0 6px 12px rgba(107,47,106,0.28) !important;
}

.woocommerce-tabs ul.tabs {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}
.woocommerce-tabs ul.tabs li {
    border: none !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
}
.woocommerce-tabs ul.tabs li::before,
.woocommerce-tabs ul.tabs li::after,
.woocommerce-tabs ul.tabs li a::before,
.woocommerce-tabs ul.tabs li a::after { display: none !important; }

.woocommerce-tabs,
.tabbed-content,
.woocommerce-tabs .tab-panels,
.tabbed-content .tab-panels {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 10px 0 !important;
}

.woocommerce-tabs .panel,
.tabbed-content .tab-panels .panel {
    background: #fff !important;
    border: var(--border-light) !important;
    border-radius: var(--radius-card) !important;
    box-shadow: var(--shadow-card) !important;
    padding: 15px !important;
    margin-top: 0 !important;
    animation: fadeIn 0.4s ease-in-out;
}
.tabbed-content .tab-panels .panel:not(.active) { display: none !important; }

.woocommerce-tabs .panel table,
.tabbed-content .panel table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #eee;
    border-radius: 12px;
    overflow: hidden;
    margin-top: 20px;
    background: #fff;
}
.woocommerce-tabs .panel table th,
.woocommerce-tabs .panel table td { padding: 12px 15px !important; border-bottom: var(--border-light); }

/* First row header (no thead) removed */
.woocommerce-tabs .panel table thead th {
    background-color: var(--color-primary) !important;
    color: #fff !important;
}
/* Fix double header when both thead and tbody exist */
.woocommerce-tabs .panel table thead + tbody tr:first-child td {
    background-color: #fff !important;
    color: #333 !important;
    font-weight: normal;
}

.woocommerce-tabs .panel .aip-table-wrapper {
    box-shadow: none !important;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ===========================================
   19. GLOBAL: PRODUCT & POST CARDS
   =========================================== */

.product-small .col-inner,
.post-item .col-inner,
.box-blog-post .box {
    background: #fff;
    border-radius: var(--radius-card);
    border: var(--border-light);
    box-shadow: 0 4px 12px rgba(0,0,0,0.04);
    overflow: hidden;
    margin-bottom: 5px;
    height: 100%;
}
.product-small .box-text,
.post-item .box-text { padding: 10px; }

/* Widget lists */
.widget_recently_viewed_products li,
.product_list_widget li {
    background: #fff;
    border-radius: 12px;
    border: var(--border-light);
    padding: 10px;
    margin-bottom: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.03);
    display: flex;
    align-items: center;
}
.widget_recently_viewed_products li img,
.product_list_widget li img {
    border-radius: 8px;
    width: 60px;
    height: 60px;
    object-fit: cover;
    margin-right: 10px;
    border: 1px solid #eee;
}

.widget_flatsome_recent_posts li {
    background: #fff;
    border-radius: 12px;
    border: var(--border-light);
    padding: 10px;
    margin-bottom: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.03);
}
.widget_flatsome_recent_posts img { border-radius: 8px; }

/* ===========================================
   20. FABRICA-VIKA.COM.UA: CUSTOM STYLES v2.0
   Flatsome + WooCommerce | Акцент: #6B2F6A
   =========================================== */

/* --- 20.1 HERO --- */
.fv-eyebrow {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 18px;
}
.fv-eyebrow--light {
  color: rgba(255, 255, 255, 0.65);
}
.fv-hero-title {
  font-size: clamp(30px, 5vw, 54px);
  font-weight: 800;
  line-height: 1.12;
  color: #ffffff;
  margin: 0 0 20px;
  letter-spacing: -0.02em;
}
.fv-hero-title em {
  font-style: italic;
  color: #e8a8e8;
}
.fv-hero-sub {
  font-size: 17px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.82);
  margin: 0;
}
@media (max-width: 767px) {
  .fv-hero-title {
    font-size: 28px;
  }
  .fv-hero-sub {
    font-size: 15px;
  }
}

/* --- 20.2 TRUST BAR --- */
.fv-trust-bar {
  display: flex;
  align-items: stretch;
  justify-content: space-around;
  gap: 0;
  padding: 0;
  background: #ffffff;
  border-bottom: 2px solid #f0e8f0;
  box-shadow: 0 4px 24px rgba(107, 47, 106, 0.07);
}
.fv-trust-item {
  display: flex;
  align-items: center;
  gap: 14px;
  flex: 1;
  padding: 22px 28px;
  border-right: 1px solid #f0e8f0;
  transition: background 0.2s ease;
}
.fv-trust-item:last-child {
  border-right: none;
}
.fv-trust-item:hover {
  background: #fdf8fd;
}
.fv-trust-icon {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #fdf0fd 0%, #f5e0f5 100%);
  border-radius: 12px;
}
.fv-trust-content {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.fv-trust-content strong {
  font-size: 14px;
  font-weight: 700;
  color: #1a1a1a;
  line-height: 1.3;
  display: block;
}
.fv-trust-content span {
  font-size: 12px;
  color: #999;
  line-height: 1.3;
  display: block;
}

@media (max-width: 900px) {
  .fv-trust-bar {
    flex-wrap: wrap;
  }
  .fv-trust-item {
    flex: 0 0 50%;
    border-right: none;
    border-bottom: 1px solid #f0e8f0;
    padding: 18px 20px;
  }
  .fv-trust-item:nth-child(odd) {
    border-right: 1px solid #f0e8f0;
  }
  .fv-trust-item:nth-last-child(-n+2) {
    border-bottom: none;
  }
}
@media (max-width: 480px) {
  .fv-trust-item {
    flex: 0 0 100%;
    border-right: none !important;
  }
  .fv-trust-item:nth-last-child(2) {
    border-bottom: 1px solid #f0e8f0 !important;
  }
}

/* --- 20.3 HEADERS & PROMO BANNER --- */
.fv-section-header {
  text-align: center;
  margin-bottom: 32px;
}
.fv-section-header--left {
  text-align: left;
  margin-bottom: 0;
}
.fv-section-title {
  font-size: clamp(22px, 3vw, 30px);
  font-weight: 800;
  color: #1a1a1a;
  margin: 0 0 6px;
  letter-spacing: -0.01em;
}
.fv-section-sub {
  font-size: 14px;
  color: #aaa;
  margin: 0;
  letter-spacing: 0.01em;
}
.fv-promo-title {
  font-size: clamp(26px, 4vw, 46px);
  font-weight: 800;
  color: #ffffff;
  margin: 8px 0 14px;
  line-height: 1.15;
  letter-spacing: -0.02em;
}
.fv-promo-desc {
  font-size: 17px;
  color: rgba(255, 255, 255, 0.82);
  margin: 0;
}
.fv-promo-desc strong {
  color: #f0b8f0;
  font-weight: 800;
}

/* --- 20.4 PRODUCTS & CATEGORIES OVERRIDES (ОНОВЛЕНО) --- */

/* 1. Повністю відключаємо стилі та анімації внутрішнього блоку, 
      щоб він не дублював тінь та не створював подвійних рамок */
.products .product .box,
.products .product .box:hover {
  border: none !important;
  box-shadow: none !important;
  transform: none !important;
  background: transparent !important;
}

/* 2. Задаємо дизайн зовнішньому контейнеру (нормальний стан) */
.product-small .col-inner {
  border-radius: 14px !important;
  border: 1px solid #f5eef5 !important; /* Наша єдина красива рамка */
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05) !important;
  transition: box-shadow 0.3s ease, transform 0.3s ease !important;
  background-color: #fff !important;
  height: 100%;
  position: relative;
}

/* 3. Анімація всієї картки (разом з бейджиком) при наведенні */
.product-small .col-inner:hover {
  box-shadow: 0 8px 32px rgba(107, 47, 106, 0.13) !important;
  transform: translateY(-4px) !important;
}

/* Кольори цін */
.products .product .price,
.products .product .price .amount {
  color: #6B2F6A !important;
  font-weight: 700;
}
.products .product del .amount {
  color: #bbb !important;
  font-weight: 400;
}

/* Кнопки */
.products .product .button.add_to_cart_button,
.products .product .button.product_type_simple {
  background: #6B2F6A !important;
  border-color: #6B2F6A !important;
  color: #fff !important;
  border-radius: 8px !important;
  transition: background 0.2s ease !important;
}
.products .product .button.add_to_cart_button:hover {
  background: #600060 !important;
  border-color: #600060 !important;
}

/* Бейдж знижки */
.products .product .onsale {
  background: #6B2F6A !important;
  border-radius: 6px !important;
}

/* Категорії */
.ux-product-categories .box {
  border-radius: 14px !important;
  overflow: hidden;
}

/* ===========================================
   20. GLOBAL: BUTTONS & INPUTS
   =========================================== */

#wrapper .button,
#wrapper button.submit,
#wrapper input[type="submit"] {
    border-radius: 25px !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    transition: box-shadow 0.3s ease;
    font-weight: 700;
}

#wrapper input[type='text'],
#wrapper input[type='email'],
#wrapper textarea,
#wrapper select {
    border-radius: 8px !important;
    border: 1px solid #e0e0e0;
    padding: 5px;
}
#wrapper input:focus,
#wrapper textarea:focus {
    border-color: var(--color-primary) !important;
    box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.1) !important;
}

/* Theme badges */
.badge-container .badge,
.badge-container .badge-circle {
    border-radius: 8px !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    font-weight: 800;
    letter-spacing: 0.5px;
    padding: 4px 10px !important;
    height: auto !important;
    min-height: 24px;
    line-height: 1.2 !important;
    width: auto !important;
}
.badge-inner { display: inline-block; vertical-align: middle; }

/* ===========================================
   21. COMMENT FORM
   =========================================== */

#respond {
    background: #f9f9f9;
    padding: 30px;
    border-radius: var(--radius-card);
    border: var(--border-light);
    box-shadow: var(--shadow-card);
    margin-top: 40px;
}
#reply-title {
    font-size: 1.4em;
    font-weight: 700;
    color: #333;
    margin-bottom: 20px;
    display: block;
    border-bottom: 2px solid #eee;
    padding-bottom: 10px;
}
#respond textarea,
#respond input[type="text"],
#respond input[type="email"] {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
}
#respond textarea:focus,
#respond input:focus {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.1);
}

/* ===========================================
   22. MOBILE
   =========================================== */

@media (max-width: 768px) {

    .woocommerce-tabs .panel,
    .tabbed-content .tab-panels .panel {
        padding: 10px !important;
        margin-top: 15px !important;
    }

    .aip-table th,
    .aip-table td {
        padding: 10px !important;
        font-size: 13px;
    }

    /* Адаптація та скрол для таблиць на мобільних */
    .aip-table,
    .woocommerce-tabs .panel table,
    .tabbed-content .panel table,
    .entry-content table {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media only screen and (max-width: 48em) {
    .is-xlarge {
        font-size: 1.5em;
    }
}

/* ===========================================
   23. MENU LABELS
   =========================================== */

/* Shared base */
.label-hot.menu-item > a::after,
.label-sale.menu-item > a::after,
.label-discount.menu-item > a::after,
.label-popular.menu-item > a::after,
.label-new.menu-item > a::after,
.label-hit.menu-item > a::after,
.label-premium.menu-item > a::after,
.label-exclusive.menu-item > a::after,
.label-eco.menu-item > a::after,
.label-ortho.menu-item > a::after,
.label-fast.menu-item > a::after,
.label-sleep.menu-item > a::after {
    display: inline-block;
    font-size: 9px;
    line-height: 9px;
    text-transform: uppercase;
    margin-left: 5px;
    font-weight: 800;
    border-radius: 3px;
    color: #fff;
    padding: 3px 4px;
    position: relative;
    top: -1px;
}

/* UA content & colors */
.label-hot.menu-item > a::after       { content: 'Гаряча пропозиція'; background: #D9534F; }
.label-sale.menu-item > a::after      { content: 'Розпродаж';         background: #E75480; }
.label-discount.menu-item > a::after  { content: '-20%';              background: #f04918; }
.label-popular.menu-item > a::after   { content: 'Найпопулярніше';    background: #5CB85C; }
.label-new.menu-item > a::after       { content: 'Новинка';           background: #572fbd; }
.label-hit.menu-item > a::after       { content: 'Хіт продажів';      background: #ffb400; color: #000; }
.label-premium.menu-item > a::after   { content: 'Premium';           background: #B8860B; }
.label-exclusive.menu-item > a::after { content: 'Ексклюзив';         background: #343a40; }
.label-eco.menu-item > a::after       { content: 'Еко';               background: #2E8B57; }
.label-ortho.menu-item > a::after     { content: 'Ортопедичний';      background: #4682B4; }
.label-fast.menu-item > a::after      { content: 'Швидка доставка';   background: #00BFFF; }
.label-sleep.menu-item > a::after     { content: 'Для щоденного сну'; background: #337ab7; }

/* RU overrides — content only */
html[lang="ru-RU"] .label-hot.menu-item > a::after       { content: 'Горячее предложение'; }
html[lang="ru-RU"] .label-sale.menu-item > a::after      { content: 'Распродажа'; }
html[lang="ru-RU"] .label-popular.menu-item > a::after   { content: 'Самое популярное'; }
html[lang="ru-RU"] .label-new.menu-item > a::after       { content: 'Новинка'; }
html[lang="ru-RU"] .label-hit.menu-item > a::after       { content: 'Хит продаж'; }
html[lang="ru-RU"] .label-exclusive.menu-item > a::after { content: 'Эксклюзив'; }
html[lang="ru-RU"] .label-eco.menu-item > a::after       { content: 'Эко'; }
html[lang="ru-RU"] .label-ortho.menu-item > a::after     { content: 'Ортопедический'; }
html[lang="ru-RU"] .label-fast.menu-item > a::after      { content: 'Быстрая доставка'; }
html[lang="ru-RU"] .label-sleep.menu-item > a::after     { content: 'Для ежедневного сна'; }
/* ==========================================================================
   FV: рубрика й теги під статтею — чипи (замість сухого «Цей запис опубліковано в…»)
   ========================================================================== */
.single-post footer.entry-meta, .single-aip_news footer.entry-meta, .single-aip_video footer.entry-meta { font-size: 0; border-top: 2px solid #F5F2EA; padding-top: 20px; margin-top: 28px; }
.single-post footer.entry-meta a, .single-aip_news footer.entry-meta a, .single-aip_video footer.entry-meta a { display: inline-block; font-size: .85rem; padding: 6px 14px; margin: 0 8px 8px 0; border: 1px solid rgba(107,47,106,.25); border-radius: 20px; color: #555; background: #fff; text-decoration: none; font-weight: 500; transition: all .2s; }
.single-post footer.entry-meta a:hover, .single-aip_news footer.entry-meta a:hover, .single-aip_video footer.entry-meta a:hover { background: #6B2F6A; color: #fff; border-color: #6B2F6A; }
.single-post footer.entry-meta a[rel~="category"], .single-aip_news footer.entry-meta a[rel~="category"], .single-aip_video footer.entry-meta a[rel~="category"] { background: #6B2F6A; color: #fff; border-color: #6B2F6A; }

/* ==========================================================================
   FV: картки гріда на тег/категорія-архівах (стилі лістингу /novyny/ не друкуються
   поза шорткодом — дублюємо тут; бедж у фіолеті Віки)
   ========================================================================== */
.fv-archive-grid.aip-news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:28px;margin:30px 0;}
.fv-archive-grid .aip-news-card{background:#fff;border:1px solid #ececec;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .25s,transform .25s;}
.fv-archive-grid .aip-news-card:hover{box-shadow:0 14px 34px rgba(0,0,0,.10);transform:translateY(-3px);}
.fv-archive-grid .aip-news-thumb{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;}
.fv-archive-grid .aip-news-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s;}
.fv-archive-grid .aip-news-card:hover .aip-news-thumb img{transform:scale(1.05);}
.fv-archive-grid .aip-news-badge{position:absolute;top:12px;left:12px;background:#6B2F6A;color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:5px 11px;border-radius:6px;}
.fv-archive-grid .aip-news-body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:8px;}
.fv-archive-grid .aip-news-date{color:#999;font-size:.8rem;}
.fv-archive-grid .aip-news-title{font-size:1.05rem;line-height:1.35;margin:0;}
.fv-archive-grid .aip-news-title a{color:#222;text-decoration:none;}
.fv-archive-grid .aip-news-title a:hover{color:#6B2F6A;}
.fv-archive-grid .aip-news-excerpt{color:#666;font-size:.88rem;line-height:1.55;margin:0;}

/* ==========================================================================
   FV (06-13): заголовок тег/категорія-архіву (назва над чіпсами) + дрібний полиск
   ========================================================================== */
.fv-scope .archive-page-header { margin: 10px 0 18px; }
.fv-scope .archive-page-header .page-title { font-family: var(--ms-serif); font-weight: 400; text-transform: none; letter-spacing: 0; font-size: clamp(1.9rem, 3.6vw, 2.9rem); line-height: 1.1; color: #2c2c2c; margin: 0; position: relative; padding-left: 16px; }
.fv-scope .archive-page-header .page-title::before { content: ""; position: absolute; left: 0; top: 8px; bottom: 8px; width: 4px; border-radius: 3px; background: #6B2F6A; }
.fv-scope .archive-page-header .page-title span { font-weight: 600; }
/* «Джерело» у новинах — у фірмовий фіолет замість успадкованого steel-blue */
.fv-scope .aip-news-source a { color: #6B2F6A !important; border-bottom-color: rgba(107,47,106,.4) !important; }

/* ==========================================================================
   FV READ-ALSO (06-13): блок «Читайте також» (мережевий dm-read-also-*) у стилі Віки
   ========================================================================== */
.fv-scope .dm-read-also-box{margin:40px 0 10px;padding:26px 28px;background:#faf6fa;border:1px solid rgba(107,47,106,.12);border-left:4px solid #6B2F6A;border-radius:0 10px 10px 0;}
.fv-scope .dm-read-also-title{font-family:var(--ms-serif, Georgia, serif);font-weight:400;font-size:1.3rem;color:#2c2c2c;margin:0 0 16px;}
.fv-scope .dm-read-also-list{display:flex;flex-direction:column;gap:12px;}
.fv-scope .dm-read-also-item{display:block;padding:12px 16px;background:#fff;border:1px solid #eee;border-radius:8px;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;}
.fv-scope .dm-read-also-item:hover{border-color:rgba(107,47,106,.4);box-shadow:0 6px 18px rgba(107,47,106,.08);transform:translateY(-2px);}
.fv-scope .dm-item-title{display:block;font-weight:700;color:#222;font-size:1rem;line-height:1.35;}
.fv-scope .dm-read-also-item:hover .dm-item-title{color:#6B2F6A;}
.fv-scope .dm-item-teaser{display:block;color:#777;font-size:.9rem;line-height:1.5;margin-top:3px;}
@media(max-width:600px){.fv-scope .dm-read-also-box{padding:20px 18px;}}

/* fv 06-14: сховати битий дефолтний заголовок теми на архіві відео (hero дає локалізовану назву; уникаємо "Archives: <span>...") */
body.post-type-archive-aip_video .archive-page-header{display:none !important;}

/* ─────────────────────────────────────────────────────────────────────────
   FV 2026-08-01: бейдж знижки малювався ДВІЧІ.
   Flatsome виводить .badge-inner (колір Secondary з Customizer), а сюди ще
   вкладався власний span.onsale із власним фоном — на 4×3px менший, через що
   по краю виднілась смужка іншого кольору («два кольори на беджі»).
   Раніше це майже не впадало в око, бо Secondary теж був пурпуровим (#800480).
   Усередині Flatsome-бейджа лишаємо ЛИШЕ текст; поза ним .onsale працює як був.
   ───────────────────────────────────────────────────────────────────────── */
.badge-inner .onsale,
.products .product .badge-inner .onsale,
.fv-scope .badge-inner .onsale {
	background: transparent !important;
	box-shadow: none !important;
}

/* ─────────────────────────────────────────────────────────────────────────
   FV 2026-08-01 (друга частина фіксу бейджа): «прозора рамка».
   Тінь висіла на .callout.badge — шарі 66×30 із ПРОЗОРИМ фоном, тоді як
   кольорова пігулка .badge-inner всередині лише 46×22. Тінь окреслювала
   порожній прямокутник навколо пігулки, і це читалось як рамка.
   Переносимо тінь на саму пігулку: розміри й позиція бейджа не змінюються.
   ───────────────────────────────────────────────────────────────────────── */
.badge-container .callout.badge,
.badge-container .callout.badge.badge-circle {
	box-shadow: none !important;
}
.badge-container .badge-inner {
	box-shadow: 0 3px 8px rgba(38, 34, 38, .22);
}

/* --- 14b. FV 09.09.2026: таблиця «Порівняйте з іншими моделями» не обрізає ціну --- */
/* Було: td:last-child має white-space:nowrap (рядок 213), а сам блок стоїть у ВУЗЬКОМУ
   сайдбарі (col medium-3 / small-12): 550px -> контейнер лише 116px · 768px -> 167px ·
   1024px -> 231px · 1440px і 1920px -> 319px · 320px -> 298px.
   .aip-related-prices-wrapper має overflow-x:hidden, тож ціна «12240 грн – 16515 грн»
   обрізалась праворуч — по 5-10 комірок на КОЖНІЙ із цих ширин, не лише на телефоні.
   1) ціна переноситься, коли не вміщається; довгі слова назв розбиваються;
   2) до 1199px рядок стає вертикальним (назва зверху, ціна знизу) — у 116-231px
      горизонтальна пара не вміщається в принципі;
   3) від 1200px лишається штатна flex-розкладка плагіна (перевірено: 112/155px). */
.fv-scope .aip-related-prices-table td:last-child { white-space: normal; }
.fv-scope .aip-related-prices-table td:first-child { min-width: 0; }
.fv-scope .aip-related-prices-table td,
.fv-scope .aip-related-prices-wrapper a,
.fv-scope .aip-related-prices-wrapper p,
.fv-scope .aip-related-prices-wrapper li { overflow-wrap: break-word; word-break: break-word; }
@media (max-width: 1199px) {
    .fv-scope table.aip-related-prices-table { table-layout: fixed; width: 100%; }
    .fv-scope .aip-related-prices-table tr { display: block; }
    .fv-scope .aip-related-prices-table td { display: block; width: auto; text-align: left; }
    .fv-scope .aip-related-prices-table td:last-child { text-align: left; padding-top: 2px; }
}
/* FV-SIDEBAR-BLOCKS-2026-09-09 */
/* ============================================================================
   14c. САЙДБАР: «Порівняйте з іншими моделями» — ширини колонок  (09.09.2026)

   Виміряно на живому (1440px, сайдбар 321px, рядок 279px):
       назва 114px  ·  проміжок 12px  ·  ціна 153px одним рядком
   Ціна мала flex-shrink:0, тож забирала БІЛЬШЕ за назву, і назва
   розсипалась на 4-6 рядків (рядок «Горизонт NEW …» = 157px висоти).

   Ціна ламається лише по пробілах навколо «–» (усередині «13635 грн»
   стоїть &nbsp;), тому колонка 5.9em (85px) дає рівно два рядки:
       «13635 грн –»  (79px)
       «19530 грн»    (70px)
   Назві лишається 186px (+63%), висота рядка 157px -> 100px.

   Тільки від 1200px: нижче діє вертикальна розкладка з блоку 14b.
   ========================================================================== */
@media (min-width: 1200px) {
    .fv-scope .aip-related-prices-table tr { gap: .5rem; align-items: flex-start; }
    .fv-scope .aip-related-prices-table td:first-child { flex: 1 1 auto; min-width: 0; }
    .fv-scope .aip-related-prices-table td:last-child {
        flex: 0 0 5.9em; width: auto; white-space: normal;
        text-align: right; line-height: 1.35;
    }
}

/* ============================================================================
   14d. САЙДБАР: списки товарів («Нещодавно переглянуті товари»)  (09.09.2026)

   li — flex nowrap; ціна («6300 грн» + «–» + «10170 грн» = три окремі
   flex-елементи, white-space:nowrap) забирала 157px із 246px, а посилання
   з назвою — 87px. Через overflow:hidden + text-overflow:ellipsis на <a>
   назва обрізалась трьома крапками ПОСЕРЕД слова.
   Виміряно: ширина назви 87px (1440) і РІВНО 0px на 550-1024px.

   Це дефект ВУЗЬКОГО КОНТЕЙНЕРА, а не «мобільної версії»: ширина сайдбару
   немонотонна (550px екран -> 117px · 768 -> 168 · 1024 -> 232 · 1440 -> 321),
   тож поріг береться контейнерним запитом, а не media-query.

   Ціна — ЗАВЖДИ на власному рядку (flex-basis 100%). Спроба «12em: поки
   вміщається — поруч» дала на 375px РОЗРИВ ДІАПАЗОНУ: «11160 грн –»
   лишалось праворуч від назви, а «16560 грн» падало під неї. Три ціннові
   <span> — ОКРЕМІ flex-елементи, тож між рядками рвуться поодинці.
   Ворота на це: УСІ .woocommerce-Price-amount нижчі за назву + обидві
   половини діапазону на одному рядку (перевірка лише ПЕРШОЇ бреше).
   column-gap повертає пробіли навколо «–» (у flex-розкладці вони зникають,
   і ціна друкувалась як «6300 грн–10170 грн»).

   Кошик (.cart_list / .woocommerce-mini-cart) виключено: там у li є <a
   class="remove">, і flex-basis 12em на ньому зламав би розкладку.
   ========================================================================== */
.fv-scope .product_list_widget:not(.cart_list):not(.woocommerce-mini-cart) {
    container-type: inline-size;
}
.fv-scope .product_list_widget:not(.cart_list):not(.woocommerce-mini-cart) li {
    flex-wrap: wrap; align-content: center;
    column-gap: .3em; row-gap: 2px; min-height: 70px;
}
.fv-scope .product_list_widget:not(.cart_list):not(.woocommerce-mini-cart) li > a:not(.remove) {
    flex: 1 1 100%; min-width: 0; overflow: visible; text-overflow: clip;
}
.fv-scope .product_list_widget:not(.cart_list):not(.woocommerce-mini-cart) li .product-title {
    display: block; font-size: .9rem; line-height: 1.3; overflow-wrap: break-word;
}
.fv-scope .product_list_widget:not(.cart_list):not(.woocommerce-mini-cart) li .woocommerce-Price-amount {
    font-size: .9rem;
}

/* Вузький контейнер: мініатюра 60px з'їдала 75px із 117-232px ширини.
   Мініатюра позиційована абсолютно (left:0; top:10px), місце під неї
   тримає padding-left самого li — міняти треба обидва разом. */
@container (max-width: 259px) {
    .fv-scope .product_list_widget li { padding-left: 58px; min-height: 60px; }
    .fv-scope .product_list_widget li img { width: 44px; height: 44px; }
}
@container (max-width: 175px) {
    .fv-scope .product_list_widget li { padding-left: 0; min-height: 0; }
    .fv-scope .product_list_widget li img { display: none; }
}