@import url('https://fonts.googleapis.com/css2?family=Bitter:wght@900&family=Montserrat:wght@700;900&display=swap');

/* ============================================================

   ТИЛЛОИ АРЗОН — полный Additional CSS

   ============================================================ */

* {

    outline: none !important;

    -webkit-tap-highlight-color: transparent !important;

}

/* ---------- ФОН ---------- */

body {

    background-image: linear-gradient(180deg,

        #000000 0px,

        #000000 60px,

        #0e5a45 260px,

        #1c8f6d 700px,

        #0e5a45 1300px,

        #123f31 1900px) !important;

    background-attachment: scroll !important;

    background-repeat: no-repeat !important;

    background-color: #123f31 !important;

    padding-top: 96px;

}

@media (min-width: 769px) {

    body { padding-top: 132px; }

}

#content,

.site-content,

#primary,

.content-area,

#page,

.hfeed.site {

    background: transparent !important;

}

/* ============================================================

   ШАПКА

   ============================================================ */

body header#masthead.site-header {

    position: fixed !important;

    top: 0 !important;

    left: 0 !important;

    right: 0 !important;

    width: 100% !important;

    z-index: 9500 !important;

    background-color: #000000 !important;

    display: flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    padding: 6px 8px !important;

    min-height: 0 !important;

    overflow: visible !important;

    border: none !important;

    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.5) !important;

    transition: none !important;

}

.site-header .col-full {

    display: flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    width: 100% !important;

    max-width: 100% !important;

    padding: 0 !important;

    overflow: visible !important;

    gap: 6px !important;

    border: none !important;

}

.site-branding {

    background-color: transparent !important;

    padding: 0 !important;

    margin: 0 !important;

    flex: 1 1 auto !important;

    min-width: 0 !important;

    overflow: visible !important;

}

.site-title {

    margin: 0 !important;

    padding: 0 !important;

    overflow: visible !important;

}

.site-title a {

    color: #f5941d !important;

    font-family: 'Bitter', serif !important;

    font-weight: 900 !important;

    font-size: clamp(20px, 8.5vw, 60px) !important;

    line-height: 1.15 !important;

    letter-spacing: 1px !important;

    white-space: nowrap !important;

    display: block !important;

    text-shadow: 0 0 10px rgba(245, 148, 29, 0.9), 0 0 20px rgba(245, 148, 29, 0.6), 2px 3px 4px rgba(0, 0, 0, 0.8) !important;

}

/* подпись под логотипом */

.site-branding::after {

    content: "Скупка · Продажа · Обмен";

    display: block;

    font-family: 'Bitter', serif;

    font-weight: 700;

    font-size: clamp(9px, 2.4vw, 14px);

    letter-spacing: 2px;

    text-transform: uppercase;

    color: #d4af37;

    text-shadow: 0 0 8px rgba(212, 175, 55, 0.6);

    margin-top: -4px;

}

/* лишнее меню, дублирующий поиск, корзина — скрыты */

.handheld-navigation,

.site-header .menu-toggle,

.site-header button.menu-toggle,

.storefront-primary-navigation,

.site-header .site-search,

#site-header-cart,

.woocommerce-ordering {

    display: none !important;

}

/* убираем рамки темы */

.site-header,

.site-header .col-full,

.woocommerce-products-header {

    border-bottom: none !important;

}

/* ---------- Кнопка поиска ---------- */

.sim-search-btn {

    flex: 0 0 48px !important;

    width: 48px !important;

    height: 48px !important;

    min-width: 48px !important;

    min-height: 48px !important;

    border-radius: 50% !important;

    background-color: rgba(0, 0, 0, 0.45) !important;

    backdrop-filter: blur(16px) saturate(150%) !important;

    -webkit-backdrop-filter: blur(16px) saturate(150%) !important;

    border: 1px solid rgba(212, 175, 55, 0.5) !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    cursor: pointer !important;

    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.25) !important;

    position: relative !important;

    z-index: 3 !important;

}

.sim-search-btn svg {

    width: 26px !important;

    height: 26px !important;

    min-width: 26px !important;

    min-height: 26px !important;

    flex-shrink: 0 !important;

    fill: #d4af37 !important;

    display: block !important;

}

.sim-search-box {

    display: flex;

    position: absolute;

    top: 100%;

    right: 0;

    left: 0;

    background: #000000;

    padding: 0 12px;

    max-height: 0;

    overflow: hidden;

    opacity: 0;

    pointer-events: none;

    transition: max-height 0.5s ease, opacity 0.5s ease, padding 0.5s ease;

    z-index: 999;

    transform-origin: top center;

    box-shadow: 0 10px 20px rgba(0,0,0,0.5);

}

.sim-search-box.active {

    max-height: 120px;

    opacity: 1;

    padding-top: 26px;

    padding-bottom: 12px;

    pointer-events: auto;

}

.sim-search-box input {

    flex: 1;

    padding: 10px 14px;

    border-radius: 6px;

    border: none;

    font-size: 16px;

}

.sim-search-box button {

    margin-left: 8px;

    padding: 10px 18px;

    border-radius: 6px;

    border: none;

    background: #f5941d;

    color: #000;

    font-weight: bold;

}

/* ---------- Заголовок страницы ---------- */

.page-title,

h1.woocommerce-products-header__title {

    text-align: center !important;

    color: #f5941d !important;

    font-family: 'Georgia', serif !important;

    font-weight: 900 !important;

    font-size: 32px !important;

    margin: 10px 0 !important;

    padding-top: 0 !important;

    text-shadow: 0 0 10px rgba(245, 148, 29, 0.9), 0 0 20px rgba(245, 148, 29, 0.6) !important;

}

.woocommerce-products-header {

    margin-top: 0 !important;

    padding-top: 10px !important;

}

/* ============================================================

   ЛЕНТА «НОВИНКИ»

   ============================================================ */

body .sim-new-arrivals-wrap {

    position: static !important;

    background: none !important;

    background-color: transparent !important;

    backdrop-filter: none !important;

    -webkit-backdrop-filter: none !important;

    top: auto !important;

    padding: 4px 0 10px !important;

    margin-bottom: 14px !important;

}

.sim-new-arrivals-title {

    display: inline-block !important;

    position: relative !important;

    overflow: hidden !important;

    background-color: rgba(0, 0, 0, 0.55) !important;

    backdrop-filter: blur(16px) saturate(150%) !important;

    -webkit-backdrop-filter: blur(16px) saturate(150%) !important;

    border: 1px solid rgba(212, 175, 55, 0.6) !important;

    color: #f5941d !important;

    font-family: 'Bitter', serif !important;

    font-weight: 900 !important;

    font-size: 30px !important;

    letter-spacing: 1px !important;

    padding: 12px 40px !important;

    border-radius: 40px !important;

    margin: 6px 0 14px !important;

    box-shadow: 0 6px 0 rgba(0, 0, 0, 0.3) !important;

    animation: sim-label-glow 1.6s ease-in-out infinite !important;

    transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.2s ease !important;

}

.sim-marquee-item {

    border: 1px solid rgba(212, 175, 55, 0.5) !important;

    box-shadow: 0 6px 16px rgba(0,0,0,0.3) !important;

    transition: box-shadow 0.25s ease !important;

}

.sim-marquee-item-inner {

    display: block;

    width: 100%;

    height: 100%;

    overflow: hidden;

    border-radius: 14px;

    -webkit-mask-image: -webkit-radial-gradient(white, black);

    mask-image: radial-gradient(white, black);

}

.sim-marquee-item img {

    transition: transform 0.25s ease !important;

    transform: translateZ(0);

    backface-visibility: hidden;

}

.sim-marquee-track {

    will-change: transform;

    backface-visibility: hidden;

}

@media (max-width: 768px) {

    .sim-new-arrivals-title { font-size: 20px !important; padding: 9px 28px !important; }

}

/* ============================================================

   СЕТКА КАТЕГОРИЙ

   ============================================================ */

body.woocommerce-shop ul.products {

    display: grid !important;

    width: 100vw !important;

    margin-left: calc(50% - 50vw) !important;

    margin-top: 30px !important;

    margin-bottom: 40px !important;

    grid-template-columns: repeat(5, 1fr) !important;

    gap: 34px 18px !important;

    padding: 20px 30px 0 !important;

    list-style: none !important;

}

@media (min-width: 769px) and (max-width: 1200px) {

    body.woocommerce-shop ul.products {

        grid-template-columns: repeat(4, 1fr) !important;

    }

}

@media (max-width: 768px) {

    body.woocommerce-shop ul.products {

        grid-template-columns: repeat(3, 1fr) !important;

        gap: 24px 8px !important;

        padding: 14px 8px 0 !important;

        margin-top: 16px !important;

    }

}

ul.products li.product-category {

    position: relative !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    text-align: center !important;

    list-style: none !important;

    overflow: visible !important;

}

ul.products li.product-category > a {

    display: block !important;

    border-radius: 22px !important;

    overflow: hidden !important;

    border: 1px solid rgba(212, 175, 55, 0.45) !important;

    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35) !important;

    transition: box-shadow 0.3s ease, transform 0.3s ease !important;

}

ul.products li.product-category img {

    width: 100% !important;

    aspect-ratio: 1 / 1 !important;

    height: auto !important;

    object-fit: cover !important;

    display: block !important;

    border-radius: 0 !important;

    margin: 0 !important;

    border: none !important;

    box-shadow: none !important;

    transition: transform 0.5s cubic-bezier(0.22, 0.9, 0.3, 1) !important;

}

@media (max-width: 768px) {

    ul.products li.product-category > a { border-radius: 14px !important; }

}

/* капсула с названием — наполовину на фото */

ul.products li.product-category .sim-cat-label {

    position: absolute !important;

    left: 50% !important;

    bottom: 0 !important;

    transform: translate(-50%, 50%) !important;

    z-index: 4 !important;

    display: inline-block !important;

    max-width: 96% !important;

    overflow: hidden !important;

    text-decoration: none !important;

    background-color: rgba(0, 0, 0, 0.6) !important;

    backdrop-filter: blur(16px) saturate(150%) !important;

    -webkit-backdrop-filter: blur(16px) saturate(150%) !important;

    border: 1px solid rgba(212, 175, 55, 0.6) !important;

    border-radius: 30px !important;

    padding: 12px 26px !important;

    font-family: 'Bitter', serif !important;

    font-weight: 900 !important;

    font-size: 19px !important;

    letter-spacing: 0.5px !important;

    text-transform: uppercase !important;

    color: #f5941d !important;

    white-space: nowrap !important;

    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.3) !important;

    animation: sim-label-glow 1.6s ease-in-out infinite !important;

    transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.2s ease !important;

}

@media (max-width: 768px) {

    ul.products li.product-category .sim-cat-label {

        font-size: 10px !important;

        padding: 6px 12px !important;

        border-radius: 20px !important;

    }

}

/* старый заголовок и счётчик прячем */

ul.products li.product-category h2,

ul.products li.product-category mark,

ul.products li.product-category .woocommerce-loop-category__count {

    display: none !important;

}

/* ---------- Свечение и блик ---------- */

@keyframes sim-label-glow {

    0%, 100% {

        text-shadow: 0 0 8px rgba(245,148,29,0.55), 0 0 18px rgba(245,148,29,0.28);

        border-color: rgba(212,175,55,0.45);

    }

    50% {

        text-shadow: 0 0 16px rgba(245,148,29,0.95), 0 0 34px rgba(245,148,29,0.6);

        border-color: rgba(245,148,29,0.9);

    }

}

ul.products li.product-category .sim-cat-label::after,

.sim-new-arrivals-title::after {

    content: '';

    position: absolute;

    top: 0;

    left: -60%;

    width: 45%;

    height: 100%;

    background: linear-gradient(100deg,

        rgba(255,255,255,0) 0%,

        rgba(255,235,180,0.55) 50%,

        rgba(255,255,255,0) 100%);

    transform: skewX(-20deg);

    animation: sim-shimmer 2.4s ease-in-out infinite;

    pointer-events: none;

}

@keyframes sim-shimmer {

    0%   { left: -60%; }

    55%  { left: 130%; }

    100% { left: 130%; }

}

/* ============================================================

   КАРТОЧКА ТОВАРА В КАТЕГОРИИ

   ============================================================ */

ul.products li.product:not(.product-category) {

    background: transparent !important;

    box-shadow: none !important;

    border-radius: 16px !important;

    overflow: hidden !important;

    margin: 0 !important;

    padding: 0 !important;

    cursor: pointer !important;

    transition: transform 0.25s ease !important;

}

ul.products li.product:not(.product-category) img {

    border-radius: 16px 16px 0 0 !important;

    margin: 0 !important;

    display: block !important;

    width: 100% !important;

    aspect-ratio: 1 / 1 !important;

    object-fit: cover !important;

}

ul.products li.product:not(.product-category) .sim-product-info {

    background: rgba(0, 0, 0, 0.5) !important;

    backdrop-filter: blur(14px) saturate(150%) !important;

    -webkit-backdrop-filter: blur(14px) saturate(150%) !important;

    border: 1px solid rgba(212, 175, 55, 0.5) !important;

    border-top: none !important;

    border-radius: 0 0 16px 16px !important;

    padding: 10px 10px 12px !important;

}

ul.products li.product:not(.product-category) h2 {

    color: #f5f0e6 !important;

    font-weight: 700 !important;

    font-size: 14px !important;

    margin: 0 0 8px !important;

    text-align: center !important;

}

.sim-chips {

    display: flex !important;

    flex-wrap: wrap !important;

    gap: 5px !important;

    justify-content: center !important;

    margin-bottom: 8px !important;

}

.sim-chip {

    display: inline-flex !important;

    align-items: center !important;

    gap: 4px !important;

    font-size: 11px !important;

    font-weight: 600 !important;

    padding: 4px 8px !important;

    border-radius: 20px !important;

    backdrop-filter: blur(10px) saturate(160%) !important;

    -webkit-backdrop-filter: blur(10px) saturate(160%) !important;

}

.sim-chip-proba {

    background: rgba(212, 175, 55, 0.28) !important;

    border: 1px solid rgba(255, 221, 130, 0.7) !important;

    color: #ffe9a8 !important;

    box-shadow: 0 0 6px rgba(255, 215, 100, 0.5), inset 0 0 6px rgba(255,255,255,0.12) !important;

}

.sim-chip-sku {

    background: rgba(20, 184, 130, 0.22) !important;

    border: 1px solid rgba(90, 220, 175, 0.5) !important;

    color: #bdf5e0 !important;

}

ul.products li.product:not(.product-category) .price {

    display: block !important;

    text-align: center !important;

    color: #f5941d !important;

    font-weight: 900 !important;

    font-size: 17px !important;

    text-shadow: 0 0 8px rgba(245,148,29,0.6) !important;

    border-top: 1px solid rgba(212,175,55,0.3) !important;

    padding-top: 8px !important;

    margin-top: 4px !important;

}

ul.products li.product:not(.product-category) a.button {

    display: none !important;

}

/* кнопка WhatsApp в карточке */

ul.products li.product .sim-wa-btn {

    width: calc(100% - 20px) !important;

    margin: 2px 10px 12px !important;

    padding: 9px 8px !important;

    font-size: 11px !important;

    line-height: 1.1 !important;

    white-space: nowrap !important;

    border-radius: 22px !important;

    box-sizing: border-box !important;

    gap: 5px !important;

    flex-wrap: nowrap !important;

    overflow: hidden !important;

}

ul.products li.product .sim-wa-btn span {

    white-space: nowrap !important;

    overflow: hidden !important;

    text-overflow: ellipsis !important;

}

ul.products li.product .sim-wa-btn svg {

    width: 15px !important;

    height: 15px !important;

    flex: 0 0 15px !important;

}

/* ============================================================

   АНИМАЦИИ: нажатие, наведение, появление

   ============================================================ */

button,

a.button,

.button,

input[type="submit"],

.sim-search-btn,

.sim-search-box button,

.sim-photo-btn,

ul.products li.product-category .sim-cat-label,

ul.products li.product:not(.product-category) a,

.sim-marquee-item,

.sim-footer-catalog a,

.sim-footer-social a,

.sim-store-badge,

.sim-fab {

    transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.2s ease !important;

}

button:active,

a.button:active,

.button:active,

input[type="submit"]:active,

.sim-search-btn:active,

.sim-search-box button:active,

.sim-photo-btn:active,

ul.products li.product:not(.product-category) a:active,

.sim-marquee-item:active,

.sim-footer-catalog a:active,

.sim-footer-social a:active,

.sim-store-badge:active,

.sim-fab:active {

    transform: translateY(4px) !important;

    box-shadow: 0 0 0 rgba(0, 0, 0, 0.25) !important;

    transition: transform 0.08s ease, box-shadow 0.08s ease !important;

}

ul.products li.product-category > a:active {

    transform: translateY(4px) !important;

}

ul.products li.product-category .sim-cat-label:active {

    transform: translate(-50%, calc(50% + 4px)) !important;

    box-shadow: 0 0 0 rgba(0, 0, 0, 0.3) !important;

}

@media (hover: hover) {

    button:hover,

    a.button:hover,

    .button:hover,

    input[type="submit"]:hover,

    .sim-search-btn:hover,

    .sim-search-box button:hover,

    .sim-footer-catalog a:hover,

    .sim-footer-social a:hover,

    .sim-store-badge:hover,

    .sim-fab:hover {

        transform: translateY(-3px) !important;

        filter: brightness(1.06);

    }

    ul.products li.product-category > a:hover {

        box-shadow: 0 14px 30px rgba(0, 0, 0, 0.5) !important;

    }

    ul.products li.product-category > a:hover img {

        transform: scale(1.09) !important;

    }

    ul.products li.product-category .sim-cat-label:hover {

        transform: translate(-50%, calc(50% - 3px)) !important;

    }

    ul.products li.product:not(.product-category):hover {

        transform: translateY(-4px);

    }

    .sim-marquee-item:hover img {

        transform: scale(1.09) !important;

    }

    .sim-marquee-item:hover {

        box-shadow: 0 12px 26px rgba(0,0,0,0.45) !important;

    }

    .sim-new-arrivals-link:hover .sim-new-arrivals-title {

        transform: translateY(-3px) !important;

    }

}

/* появление при прокрутке */

.sim-reveal {

    opacity: 0;

    transform: translateY(40px);

    will-change: transform, opacity;

    transition: opacity 0.5s linear, transform 0.5s cubic-bezier(0.22, 0.9, 0.3, 1);

}

.sim-reveal.sim-in {

    opacity: 1;

    transform: translateY(0);

}

.sim-marquee-item.sim-reveal {

    transition: opacity 0.5s linear, transform 0.5s cubic-bezier(0.22, 0.9, 0.3, 1);

}

/* пульс на кнопке WhatsApp */

.sim-wa-btn {

    position: relative;

    animation: sim-wa-pulse 3.2s ease-out infinite;

}

@keyframes sim-wa-pulse {

    0%   { box-shadow: 0 4px 0 rgba(0,0,0,0.3), 0 0 0 0 rgba(37, 211, 102, 0.55); }

    55%  { box-shadow: 0 4px 0 rgba(0,0,0,0.3), 0 0 0 14px rgba(37, 211, 102, 0); }

    100% { box-shadow: 0 4px 0 rgba(0,0,0,0.3), 0 0 0 0 rgba(37, 211, 102, 0); }

}

/* открытие окна просмотра */

.sim-viewer.sim-open .sim-viewer-stage {

    animation: sim-viewer-in 0.35s cubic-bezier(0.22, 0.9, 0.3, 1);

}

@keyframes sim-viewer-in {

    from { opacity: 0; transform: scale(0.86); }

    to   { opacity: 1; transform: scale(1); }

}

/* ============================================================

   ФУТЕР

   ============================================================ */

body div.sim-footer {

    position: relative !important;

    background: #000000 !important;

    background-image: none !important;

    color: #f5941d !important;

    padding: 34px 20px 20px !important;

    margin-top: 0 !important;

    font-family: 'Montserrat', sans-serif !important;

}

/* плавный переход зелёного в чёрный */

body div.sim-footer::before {

    content: '' !important;

    position: absolute !important;

    left: 0 !important;

    right: 0 !important;

    top: -220px !important;

    height: 220px !important;

    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.45) 55%, #000000 100%) !important;

    pointer-events: none !important;

}

.sim-footer h3 {

    color: #f5941d !important;

    font-family: 'Bitter', serif !important;

    font-weight: 900 !important;

    text-transform: uppercase !important;

    font-size: 15px !important;

    letter-spacing: 0.5px !important;

    margin: 0 0 12px !important;

    border-bottom: 1px solid rgba(245, 148, 29, 0.3) !important;

    padding-bottom: 8px !important;

}

.sim-footer-section { margin-bottom: 26px !important; }

.sim-footer-section p,

.sim-footer-section a {

    color: #f5941d !important;

    opacity: 0.9 !important;

    text-decoration: none !important;

    font-size: 14px !important;

    margin: 0 0 8px !important;

    display: block !important;

}

.sim-footer-contact-row {

    display: flex !important;

    align-items: center !important;

    gap: 8px !important;

    margin-bottom: 10px !important;

}

.sim-footer-contact-row svg {

    flex-shrink: 0 !important;

    width: 16px !important;

    height: 16px !important;

    fill: #f5941d !important;

}

.sim-footer-app-row {

    display: flex !important;

    align-items: center !important;

    gap: 14px !important;

    margin-top: 10px !important;

    flex-wrap: wrap !important;

}

.sim-footer-app-row img {

    width: 90px !important;

    height: 90px !important;

    border-radius: 8px !important;

    border: 1px solid rgba(245, 148, 29, 0.4) !important;

}

.sim-store-badges { display: flex !important; flex-direction: column !important; gap: 8px !important; }

.sim-store-badge {

    display: flex !important;

    align-items: center !important;

    gap: 8px !important;

    border: 1px solid rgba(245, 148, 29, 0.5) !important;

    border-radius: 8px !important;

    padding: 6px 12px !important;

    font-size: 12px !important;

    line-height: 1.3 !important;

    margin: 0 !important;

}

.sim-store-badge strong { display: block !important; font-size: 14px !important; }

.sim-footer-social { display: flex !important; gap: 12px !important; margin-top: 8px !important; }

.sim-footer-social a {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 40px !important;

    height: 40px !important;

    border: 1px solid rgba(245, 148, 29, 0.5) !important;

    border-radius: 50% !important;

    margin: 0 !important;

    flex-shrink: 0 !important;

}

.sim-footer-social svg {

    width: 18px !important;

    height: 18px !important;

    fill: #f5941d !important;

    flex-shrink: 0 !important;

}

.sim-footer-catalog { display: flex !important; flex-wrap: wrap !important; }

.sim-footer-catalog a {

    display: inline-block !important;

    margin: 0 10px 8px 0 !important;

    font-size: 14px !important;

    opacity: 0.9 !important;

    width: auto !important;

}

.sim-footer-bottom {

    border-top: 1px solid rgba(245, 148, 29, 0.3) !important;

    margin-top: 10px !important;

    padding-top: 18px !important;

    text-align: center !important;

}

.sim-footer-logo {

    font-family: 'Bitter', serif !important;

    font-weight: 900 !important;

    font-size: 22px !important;

    color: #f5941d !important;

    text-transform: uppercase !important;

    text-shadow: 0 0 10px rgba(245, 148, 29, 0.6) !important;

    margin-bottom: 8px !important;

}

.sim-footer-copy {

    font-size: 11px !important;

    color: #f5941d !important;

    opacity: 0.6 !important;

}

/* ============================================================

   ПЛАВАЮЩИЕ КНОПКИ

   ============================================================ */

.sim-floating-fabs {

    position: fixed !important;

    right: 16px !important;

    bottom: 16px !important;

    display: flex !important;

    flex-direction: column !important;

    gap: 12px !important;

    z-index: 9999 !important;

}

.sim-fab {

    width: 54px !important;

    height: 54px !important;

    border-radius: 50% !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    box-shadow: 0 6px 16px rgba(0,0,0,0.4) !important;

    cursor: pointer !important;

    border: 1px solid rgba(255,255,255,0.4) !important;

}

.sim-fab-tg { background: #29a9eb !important; }

.sim-fab-wa { background: #25d366 !important; }

.sim-fab svg { width: 30px !important; height: 30px !important; fill: #fff !important; }

/* ============================================================

   МОБИЛЬНЫЕ ПОПРАВКИ

   ============================================================ */

@media (max-width: 768px) {

    html, body {

        min-height: unset !important;

        height: auto !important;

    }

    .hfeed.site, #page, .site { min-height: unset !important; }

    .content-area, #content, #primary, .site-content {

        padding-bottom: 10px !important;

        margin-bottom: 0 !important;

    }

}

@media (prefers-reduced-motion: reduce) {

    .sim-cat-label,

    .sim-new-arrivals-title,

    .sim-wa-btn { animation: none !important; }

    .sim-cat-label::after,

    .sim-new-arrivals-title::after { display: none !important; }

    .sim-reveal { opacity: 1 !important; transform: none !important; }

}
/* Прячем плитку "Uncategorized" на витрине, ничего не трогая в PHP-логике */
li.product-category:has(a[href*="/product-category/uncategorized/"]) {
    display: none !important;
}

/* ===== Финальный пакет правок (собрано одним заходом) ===== */

/* 2. Отступы между карточками товаров на ВСЕХ ширинах экрана, не только мобильных */
ul.products {
    gap: 14px !important;
}
ul.products li.product {
    margin: 0 !important;
}

/* 3. Заголовок категории (в т.ч. "Новинки") — та же капсула, что и везде на сайте,
      вместо стандартного серого заголовка WooCommerce */
.woocommerce-products-header__title.page-title {
    display: inline-block !important;
    background: rgba(0,0,0,.55) !important;
    color: #f5941d !important;
    font-family: 'Bitter', serif !important;
    font-weight: 900 !important;
    font-size: 26px !important;
    padding: 12px 32px !important;
    border-radius: 40px !important;
    border: 1px solid rgba(212,175,55,.6) !important;
    text-transform: none !important;
    text-shadow: 0 0 10px rgba(245,148,29,.6) !important;
    margin: 20px auto !important;
}
.woocommerce-products-header {
    text-align: center !important;
}

/* 6. Единый размер плиток категорий на ВСЕХ ширинах экрана (раньше форсировалось
      только в мобильной media query, из-за чего на десктопе плитки были кривые) */
ul.products li.product-category img {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    object-fit: cover !important;
    display: block !important;
}

/* 7. Анимация у кнопки "Фильтр" и чипов проб — нажатие + лёгкий hover */
.sim-fbtn,
.sim-opt {
    transition: transform .15s cubic-bezier(.34,1.56,.64,1), box-shadow .15s ease, background .15s ease !important;
}
.sim-fbtn:hover,
.sim-opt:hover {
    transform: translateY(-2px);
}
.sim-fbtn:active,
.sim-opt:active {
    transform: translateY(2px);
}

/* Стили для новых чипов карточки товара (размер/длина/диаметр/вес) —
   без этого они наследуют вид обычной ссылки браузера (подчёркнутые,
   фиолетовые) внутри woocommerce_shop_loop_item_title */
.sim-chip,
.sim-chip-size,
.sim-chip-weight {
    text-decoration: none !important;
}
.sim-chip-size {
    background: rgba(90, 140, 220, .22) !important;
    border: 1px solid rgba(140, 180, 255, .5) !important;
    color: #cfe0ff !important;
}
.sim-chip-weight {
    background: rgba(20, 184, 130, .22) !important;
    border: 1px solid rgba(90, 220, 175, .5) !important;
    color: #bdf5e0 !important;
}

/* ФИКС: вся карточка товара — это одна ссылка <a>, и при наведении
   подчёркивался ВЕСЬ текст внутри (название, чипы, цена), а не только
   новые чипы — убираем подчёркивание у всего содержимого ссылки сразу */
ul.products li.product a,
ul.products li.product a:hover,
ul.products li.product a *,
ul.products li.product a:hover * {
    text-decoration: none !important;
}

/* ===== Сетка товаров: и в категориях, и в режиме фильтра на главной ===== */
/* Раньше сетка с отступами была прописана только для главной (под плитки
   категорий) — в категориях отступов не было, а результаты фильтра на
   главной попадали в "категорийную" сетку и становились узкими. */
body.tax-product_cat ul.products,
body.sim-filtered ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
    padding: 0 12px !important;
    margin: 0 !important;
}
body.tax-product_cat ul.products li.product,
body.sim-filtered ul.products li.product {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    float: none !important;
}
body.tax-product_cat ul.products::before,
body.tax-product_cat ul.products::after,
body.sim-filtered ul.products::before,
body.sim-filtered ul.products::after {
    display: none !important;
}
@media (max-width: 768px) {
    body.tax-product_cat ul.products,
    body.sim-filtered ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
}

/* ===== Страница "Новинки" (обычная страница, не категория) ===== */
/* 1. Заголовок — такой же капсулой, как на страницах категорий */
body.page .entry-title,
body.page .page-title {
    display: inline-block !important;
    background: rgba(0,0,0,.55) !important;
    color: #f5941d !important;
    font-family: 'Bitter', serif !important;
    font-weight: 900 !important;
    font-size: 26px !important;
    padding: 12px 32px !important;
    border-radius: 40px !important;
    border: 1px solid rgba(212,175,55,.6) !important;
    text-transform: none !important;
    text-shadow: 0 0 10px rgba(245,148,29,.6) !important;
    margin: 20px auto !important;
}
body.page .entry-header,
body.page header.entry-header {
    text-align: center !important;
}

/* 2. Карточки товаров на странице "Новинки" — та же сетка с отступами,
      что и в категориях (раньше они слипались вплотную) */
body.page ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
    padding: 0 12px !important;
    margin: 0 !important;
}
body.page ul.products li.product {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    float: none !important;
}
body.page ul.products::before,
body.page ul.products::after {
    display: none !important;
}
@media (max-width: 768px) {
    body.page ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
}

/* 7. Плитки категорий на главной — ровной сеткой, строго друг под другом */
body.woocommerce-shop ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 34px 16px !important;
    padding: 0 16px !important;
    margin: 0 auto !important;
    max-width: 1400px !important;
    align-items: start !important;
}
body.woocommerce-shop ul.products li.product-category {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    float: none !important;
    position: relative !important;
}
body.woocommerce-shop ul.products::before,
body.woocommerce-shop ul.products::after {
    display: none !important;
}
@media (max-width: 768px) {
    body.woocommerce-shop ul.products {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 26px 8px !important;
    }
}

/* Чип бриллианта */
.sim-chip-brl {
    background: rgba(160, 120, 220, .25) !important;
    border: 1px solid rgba(200, 170, 255, .6) !important;
    color: #e6d6ff !important;
}


/* ===== Плитки категорий: по центру, без выхода за край экрана ===== */
/* Раньше сетка вылезала за правый край (Кольца/Серьги обрезались) —
   виноваты были боковые отступы, которые прибавлялись к 100% ширины. */
body.woocommerce-shop ul.products {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    justify-content: center !important;
}
body.woocommerce-shop ul.products li.product-category {
    min-width: 0 !important;
    box-sizing: border-box !important;
}
@media (max-width: 768px) {
    body.woocommerce-shop ul.products {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        padding: 0 10px !important;
        gap: 26px 8px !important;
    }
}