/* Final visual override layer.
   Use this file for new layout polish so we do not keep appending scattered fixes
   across the older theme CSS files. It is loaded after all other theme styles. */

/* 2026-05-15: final upload polish */

/* Product description tabs: smaller, calmer, and fitting on mobile. */

.product-tabs .tab-link,
.product-images .tab-link {
  font-size: clamp(20px, 1.55vw, 26px) !important;
  line-height: 1.14 !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

.product-tabs .tabs-nav,
.product-images .tabs-nav {
  gap: clamp(32px, 5vw, 72px) !important;
  overflow: hidden !important;
}

/* Footer: stable SVG wordmark pinned to the plaque bottom, links aligned to columns. */
.footer-plaque-main {
  position: relative !important;
  overflow: hidden !important;
  padding-bottom: clamp(150px, 12vw, 225px) !important;
}

.footer-links {
  display: grid !important;
  grid-template-columns: minmax(0, 2fr) repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(28px, 4vw, 72px) !important;
}

.footer-bottom {
  display: grid !important;
  grid-template-columns: minmax(0, 2fr) repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(28px, 4vw, 72px) !important;
  align-items: center !important;
  position: relative !important;
  z-index: 3 !important;
}

.footer-bottom-copy {
  grid-column: 1 !important;
}

.footer-bottom-dev {
  grid-column: 2 !important;
  justify-self: start !important;
}

.footer-bottom-legal {
  grid-column: 3 / 5 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: clamp(18px, 3vw, 44px) !important;
  justify-content: stretch !important;
  width: 100% !important;
}

.footer-bottom-privacy,
.footer-bottom-offer {
  justify-self: start !important;
}

.footer-brand-word {
  position: absolute !important;
  left: clamp(44px, 4.8vw, 86px) !important;
  right: clamp(44px, 4.8vw, 86px) !important;
  bottom: -2px !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  height: clamp(118px, 14vw, 250px) !important;
  color: rgba(255,255,255,0.52) !important;
  opacity: 1 !important;
  pointer-events: none !important;
  line-height: 0 !important;
  white-space: normal !important;
  overflow: hidden !important;
}

.footer-brand-word svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

.footer-brand-word text {
  fill: currentColor !important;
  font-family: Arial Black, Arial, sans-serif !important;
  font-size: 176px !important;
  font-weight: 900 !important;
  letter-spacing: -4px !important;
}

.footer-catalog-links {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 10px !important;
}

.footer-catalog-link.is-extra {
  display: none !important;
}

.footer-catalog-links.is-expanded .footer-catalog-link.is-extra {
  display: inline-flex !important;
}

.footer-more-toggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: 14px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--accent, #C8912A) !important;
  font: inherit !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-decoration-line: underline !important;
  text-decoration-style: dashed !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 4px !important;
  cursor: pointer !important;
}

.footer-more-toggle svg {
  transition: transform 0.2s ease !important;
}

.footer-more-toggle.is-expanded svg {
  transform: rotate(180deg) !important;
}

.footer-plaque-main > div,
.footer-links,
.footer-bottom {
  position: relative !important;
  z-index: 2 !important;
}

/* Mobile menu: keep header static, show the panel directly below it, do not move page content. */
@media (max-width: 767px) {
  body.mobile-menu-active,
  body.mobile-menu-open {
    overflow: hidden !important;
    padding: 10px 16px !important;
  }

  body.mobile-menu-active.has-fixed-header,
  body.mobile-menu-open.has-fixed-header {
    padding-top: 88px !important;
  }

  body.mobile-menu-active .header-wrapper,
  .header-wrapper.mobile-menu-open,
  .header-wrapper.fixed.mobile-menu-open {
    position: fixed !important;
    top: 10px !important;
    left: 16px !important;
    right: 16px !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    transform: none !important;
    scale: 1 !important;
    z-index: 30020 !important;
  }

  .header-wrapper.mobile-menu-open > :not(.mobile-menu-panel) {
    transform: none !important;
    scale: 1 !important;
  }

  .mobile-menu-toggle,
  .mobile-menu-toggle.is-open,
  .mobile-menu-toggle:focus,
  .mobile-menu-toggle:active {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    transform: none !important;
    scale: 1 !important;
  }

  .header-wrapper .mobile-menu-panel {
    position: fixed !important;
    top: 78px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 22px 16px 34px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #080809 !important;
    box-shadow: none !important;
    overflow-y: auto !important;
    z-index: 30000 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-10px) !important;
    transition: opacity .22s ease, transform .22s ease, visibility .22s ease !important;
  }

  .header-wrapper.mobile-menu-open .mobile-menu-panel,
  body.mobile-menu-active .mobile-menu-panel,
  .mobile-menu-panel.is-open,
  .mobile-menu-panel[aria-hidden="false"] {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
    display: block !important;
  }

  .mobile-menu-panel[aria-hidden="true"]:not(.is-open) {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .mobile-menu-search {
    width: 100% !important;
    height: 48px !important;
    margin: 0 0 22px !important;
    padding: 0 18px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,0.03) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.18) !important;
  }

  .mobile-menu-search svg {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    color: var(--text-muted) !important;
    opacity: .72 !important;
  }

  .mobile-menu-search input {
    height: 100% !important;
    min-width: 0 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
  }

  .mobile-menu-cats,
  .mobile-menu-cats.mobile-cm-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px 12px !important;
    margin: 0 0 20px !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .mobile-menu-panel .mobile-cat-card,
  .mobile-menu-panel .mobile-cm-grid .cm-item {
    min-height: 58px !important;
    padding: 6px 0 !important;
    gap: 12px !important;
    display: flex !important;
    align-items: center !important;
    border-radius: 12px !important;
    color: var(--text-primary) !important;
    opacity: 1 !important;
  }

  .mobile-menu-panel .mobile-cat-icon,
  .mobile-menu-panel .mobile-cm-grid .cm-icon-wrap {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .mobile-menu-panel .mobile-cat-icon::before {
    width: 24px !important;
    height: 24px !important;
  }

  .mobile-menu-panel .mobile-cm-grid .cm-icon-wrap svg {
    width: 24px !important;
    height: 24px !important;
  }

  .mobile-menu-panel .mobile-cat-card > span:not(.mobile-cat-icon),
  .mobile-menu-panel .mobile-cm-grid .cm-label {
    font-size: 18px !important;
    line-height: 1.12 !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
  }

  .mobile-menu-links {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    margin-top: 16px !important;
    padding-top: 20px !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
  }

  .mobile-menu-panel .mobile-menu-links a {
    font-size: 22px !important;
    line-height: 1.15 !important;
    font-weight: 500 !important;
    color: var(--text-muted) !important;
  }
}

/* Mobile cart: separate quantity, price and remove control. */
@media (max-width: 767px) {
  .cart-item {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 112px minmax(0, 1fr) !important;
    grid-template-areas:
      "image title"
      "image actions" !important;
    column-gap: 16px !important;
    row-gap: 10px !important;
    min-height: 148px !important;
    padding: 18px 18px !important;
    align-items: stretch !important;
    overflow: hidden !important;
    border-radius: 24px !important;
  }

  .cart-item .item-info,
  .cart-item .item-actions {
    display: contents !important;
  }

  .cart-item .item-img {
    grid-area: image !important;
    width: 112px !important;
    height: 100% !important;
    min-height: 112px !important;
    align-self: stretch !important;
    border-radius: 14px !important;
    background-size: cover !important;
    background-position: center !important;
  }

  .cart-item .item-details {
    grid-area: title !important;
    min-width: 0 !important;
    padding: 2px 38px 0 0 !important;
  }

  .cart-item .item-details h3 {
    font-size: 22px !important;
    line-height: 1.08 !important;
    margin: 0 0 5px !important;
  }

  .cart-item .item-details p {
    font-size: 16px !important;
    line-height: 1.2 !important;
  }

  .cart-item .item-counter {
    grid-area: actions !important;
    justify-self: start !important;
    align-self: end !important;
    width: 128px !important;
    min-width: 128px !important;
    height: 42px !important;
    padding: 4px !important;
    gap: 4px !important;
    border-radius: 16px !important;
    z-index: 2 !important;
  }

  .cart-item .counter-btn {
    width: 30px !important;
    height: 34px !important;
    border-radius: 10px !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }

  .cart-item [data-cart-qty-input] {
    width: 44px !important;
    height: 34px !important;
    font-size: 16px !important;
    border-radius: 10px !important;
    background: rgba(0,0,0,.24) !important;
  }

  .cart-item .item-price {
    position: absolute !important;
    right: 18px !important;
    bottom: 22px !important;
    width: auto !important;
    max-width: 45% !important;
    font-size: 22px !important;
    line-height: 1 !important;
    text-align: right !important;
    white-space: nowrap !important;
    z-index: 3 !important;
  }

  .cart-item .item-remove {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    width: 28px !important;
    height: 28px !important;
    font-size: 24px !important;
    line-height: 1 !important;
    z-index: 4 !important;
  }

  .product-tabs .tab-link,
  .product-images .tab-link {
    font-size: 22px !important;
    line-height: 1.12 !important;
    font-weight: 650 !important;
  }

  .product-tabs .tabs-nav,
  .product-images .tabs-nav {
    gap: 34px !important;
    overflow: hidden !important;
  }

  .footer-plaque-main {
    min-height: 470px !important;
    padding-bottom: 100px !important;
  }

  .footer-links,
  .footer-bottom {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .footer-bottom-copy,
  .footer-bottom-dev,
  .footer-bottom-legal {
    grid-column: 1 !important;
  }

  .footer-bottom-legal {
    grid-template-columns: 1fr 1fr !important;
    gap: 18px !important;
  }

  .footer-brand-word {
    left: 24px !important;
    right: 24px !important;
    bottom: 10px !important;
    height: 82px !important;
    color: rgba(255,255,255,.46) !important;
  }

  .footer-brand-word text {
    font-size: 168px !important;
    letter-spacing: -3px !important;
  }
}

@media (max-width: 420px) {
  .cart-item {
    grid-template-columns: 102px minmax(0, 1fr) !important;
    column-gap: 14px !important;
    padding: 16px !important;
  }

  .cart-item .item-img {
    width: 102px !important;
  }

  .cart-item .item-counter {
    width: 118px !important;
    min-width: 118px !important;
  }

  .cart-item .item-price {
    right: 16px !important;
    bottom: 22px !important;
    font-size: 20px !important;
  }
}

/* 2026-05-15: menu rebuild and cart/footer/product refinements */

.footer-col h4 .footer-heading-link {
  color: inherit !important;
  text-decoration: none !important;
}

.footer-col h4 .footer-heading-link:hover {
  color: var(--accent) !important;
}

.product-tabs .tab-link,
.product-images .tab-link {
  font-size: clamp(17px, 1.18vw, 22px) !important;
  line-height: 1.12 !important;
  font-weight: 600 !important;
}

.product-tabs .tabs-nav,
.product-images .tabs-nav {
  gap: clamp(22px, 3vw, 46px) !important;
}

.hits-section .circle-btn-dark,
#hitPrev,
#hitNext {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  background: transparent !important;
  color: rgba(255, 255, 255, 0.8) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background .25s ease, border-color .25s ease, color .25s ease !important;
}

.hits-section .circle-btn-dark:hover,
#hitPrev:hover,
#hitNext:hover {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #000 !important;
}

.footer-plaque-main {
  min-height: clamp(430px, 31vw, 590px) !important;
  padding-bottom: clamp(190px, 13vw, 270px) !important;
}

.footer-brand-word {
  bottom: -36px !important;
  height: clamp(126px, 11vw, 205px) !important;
}

.footer-brand-word text {
  font-size: 168px !important;
}

@media (min-width: 768px) {
  .cart-item .item-actions {
    display: grid !important;
    grid-template-columns: minmax(132px, 158px) auto !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    justify-items: center !important;
    column-gap: clamp(28px, 4vw, 70px) !important;
    row-gap: 12px !important;
    min-width: clamp(250px, 24vw, 420px) !important;
  }

  .cart-item .item-counter {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 150px !important;
    min-width: 150px !important;
    height: 52px !important;
    padding: 5px !important;
    border-radius: 18px !important;
  }

  .cart-item .counter-btn {
    width: 34px !important;
    height: 40px !important;
    border-radius: 12px !important;
    font-size: 20px !important;
  }

  .cart-item [data-cart-qty-input] {
    width: 52px !important;
    height: 40px !important;
    font-size: 20px !important;
    border-radius: 12px !important;
    background: rgba(0, 0, 0, .24) !important;
  }

  .cart-item .item-price {
    grid-column: 1 !important;
    grid-row: 2 !important;
    justify-self: center !important;
    width: auto !important;
    font-size: clamp(25px, 2.1vw, 36px) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .cart-item .item-remove {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    justify-self: end !important;
  }
}

@media (max-width: 767px) {
  body.mobile-menu-active,
  body.mobile-menu-active.has-fixed-header,
  body.mobile-menu-open,
  body.mobile-menu-open.has-fixed-header {
    overflow: hidden !important;
    padding: 88px 16px 10px !important;
  }

  body.mobile-menu-active .header-wrapper,
  .header-wrapper.mobile-menu-open,
  .header-wrapper.fixed.mobile-menu-open {
    position: fixed !important;
    top: 10px !important;
    left: 16px !important;
    right: 16px !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    transform: none !important;
    scale: 1 !important;
    z-index: 40020 !important;
  }

  .header-wrapper.mobile-menu-open > :not(.mobile-menu-panel),
  body.mobile-menu-active .header-wrapper > :not(.mobile-menu-panel) {
    transform: none !important;
    scale: 1 !important;
  }

  .mobile-menu-panel,
  body > .mobile-menu-panel,
  .header-wrapper .mobile-menu-panel {
    position: fixed !important;
    top: var(--ww-mobile-menu-top, 88px) !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 16px 16px 34px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #080809 !important;
    box-shadow: none !important;
    overflow-y: auto !important;
    z-index: 40000 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-12px) !important;
    transition: opacity .24s ease, transform .24s ease, visibility .24s ease !important;
  }

  body.mobile-menu-active > .mobile-menu-panel,
  body > .mobile-menu-panel.is-open,
  .mobile-menu-panel.is-open,
  .mobile-menu-panel[aria-hidden="false"] {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }

  body > .mobile-menu-panel[aria-hidden="true"]:not(.is-open) {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body > .mobile-menu-panel .mobile-menu-search {
    height: 46px !important;
    margin-bottom: 18px !important;
  }

  body > .mobile-menu-panel .mobile-menu-cats,
  body > .mobile-menu-panel .mobile-menu-cats.mobile-cm-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 14px !important;
    margin: 0 0 18px !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body > .mobile-menu-panel .mobile-cat-card,
  body > .mobile-menu-panel .mobile-cm-grid .cm-item {
    display: flex !important;
    min-height: 52px !important;
    padding: 4px 0 !important;
    gap: 10px !important;
    align-items: center !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: var(--text-primary) !important;
  }

  body > .mobile-menu-panel .mobile-cat-icon,
  body > .mobile-menu-panel .mobile-cm-grid .cm-icon-wrap {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    border-radius: 10px !important;
  }

  body > .mobile-menu-panel .mobile-cat-icon::before,
  body > .mobile-menu-panel .mobile-cm-grid .cm-icon-wrap svg {
    width: 23px !important;
    height: 23px !important;
  }

  body > .mobile-menu-panel .mobile-cat-card > span:not(.mobile-cat-icon),
  body > .mobile-menu-panel .mobile-cm-grid .cm-label {
    font-size: 17px !important;
    line-height: 1.12 !important;
    font-weight: 500 !important;
  }

  body > .mobile-menu-panel .mobile-menu-links {
    margin-top: 14px !important;
    padding-top: 16px !important;
    gap: 12px !important;
  }

  body > .mobile-menu-panel .mobile-menu-links a {
    font-size: 18px !important;
    line-height: 1.18 !important;
    font-weight: 500 !important;
  }

  .cart-item .item-counter {
    width: 98px !important;
    min-width: 98px !important;
    height: 34px !important;
    padding: 3px !important;
    gap: 2px !important;
    border-radius: 13px !important;
  }

  .cart-item .counter-btn {
    width: 24px !important;
    height: 28px !important;
    border-radius: 9px !important;
    font-size: 15px !important;
  }

  .cart-item [data-cart-qty-input] {
    width: 34px !important;
    height: 28px !important;
    font-size: 14px !important;
    border-radius: 9px !important;
  }

  .cart-item .item-price {
    right: 18px !important;
    bottom: 24px !important;
    max-width: 48% !important;
  }

  .product-tabs .tab-link,
  .product-images .tab-link {
    font-size: 17px !important;
    line-height: 1.15 !important;
    font-weight: 600 !important;
  }

  .product-tabs .tabs-nav,
  .product-images .tabs-nav {
    gap: 18px !important;
    overflow: hidden !important;
  }

  .hits-section .slider-ctrl {
    gap: 8px !important;
  }

  .hits-section .circle-btn-dark,
  #hitPrev,
  #hitNext {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
  }

  .footer-plaque-main {
    min-height: 500px !important;
    padding-bottom: 110px !important;
  }

  .footer-brand-word {
    left: 24px !important;
    right: 24px !important;
    bottom: -12px !important;
    height: 64px !important;
  }

  .footer-brand-word text {
    font-size: 146px !important;
    letter-spacing: -3px !important;
  }
}

.footer-main-content {
  position: relative !important;
  z-index: 2 !important;
}
.footer-plaque-main > .footer-brand-word {
  position: absolute !important;
  left: -100px !important;
  right: -100px !important;
  bottom: 0 !important;
  height: clamp(130px, 12vw, 230px) !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  overflow: visible !important;
  pointer-events: none !important;
  line-height: 0 !important;
}

.footer-plaque-main > .footer-brand-word svg {
  display: block !important;
  width: 110% !important;
  height: 100% !important;
  transform: translateY(2%) !important;
  transform-origin: center bottom !important;
}
@media (max-width: 767px) {
  .footer-plaque-main > .footer-brand-word {
    left: 1px !important;
    right: 1px !important;
    bottom: 0 !important;
    height: 88px !important;
    overflow: visible !important;
  }

  .footer-plaque-main > .footer-brand-word svg {
    width: 120% !important;
    transform: translateY(2%) !important;
  }
}
@media (min-width: 768px) {
  .cart-item .item-actions {
    margin-left: auto !important;
    min-width: 260px !important;
    display: grid !important;
    grid-template-columns: auto 44px !important;
    grid-template-rows: auto auto !important;
    column-gap: 36px !important;
    row-gap: 16px !important;
    align-items: center !important;
    justify-items: end !important;
  }

  .cart-item .item-counter {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: end !important;
  }

  .cart-item .item-price {
    grid-column: 1 !important;
    grid-row: 2 !important;
    justify-self: end !important;
    text-align: right !important;
  }

  .cart-item .item-remove {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    justify-self: end !important;
  }
}
.cm-product-img {
  background-size: cover !important;
  background-position: center top !important;
}
/* Кроп фоновой картинки первого hero-слайда */
.hero-slider .hero-slide:nth-child(1) .hero-image {
  background-size: cover !important;
  background-position: 70% 30% !important;
}

/* Кроп фоновой картинки второго hero-слайда */
.hero-slider .hero-slide:nth-child(2) .hero-image {
  background-size: cover !important;
  background-position: 70% 30% !important;
}
@media (max-width: 767px) {
  .hero-slider .hero-overlay {
    background: linear-gradient(
      180deg,
      rgba(10, 10, 11, 0.78) 0%,
      rgba(10, 10, 11, 0.52) 45%,
      rgba(10, 10, 11, 0.72) 100%
    ) !important;
  }
}
@media (max-width: 767px) {
  /* Названия категорий в мобильном меню */
  .mobile-menu-panel .mobile-cm-grid .cm-label,
  .mobile-menu-panel .mobile-cat-card > span:not(.mobile-cat-icon) {
    font-size: 14px !important;
    line-height: 1.12 !important;
    font-weight: 500 !important;
  }
}

/* ══════════════════════════════════════════════
   Плитки каталога на главной — full-bleed фото
   ══════════════════════════════════════════════ */

/* Все плитки: фото на всю карточку, без затемнения */
.cat-img-box,
.cat-item:nth-child(3) .cat-img-box,
.cat-item:nth-child(4) .cat-img-box,
.cat-item:nth-child(6) .cat-img-box,
.cat-item:nth-child(7) .cat-img-box {
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  background-size: cover !important;
  background-position: center !important;
  opacity: 1 !important;
  transition: transform 0.55s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

/* Hover: только зум, без translateX и без затемнения */
.cat-item:hover .cat-img-box,
.cat-item-full:hover .cat-img-box {
  transform: scale(1.06) !important;
  opacity: 1 !important;
}

/* Убираем обводку и фоновый сдвиг при hover */
.cat-item:hover {
  border-color: transparent !important;
  background: var(--bg-secondary) !important;
}

/* ══════════════════════════════════════════════
   Плитки страницы каталога — full-bleed фото
   ══════════════════════════════════════════════ */

.cat-card {
  position: relative;
  overflow: hidden;
}

/* Фоновое фото карточки — без затемнения */
.cat-card-img {
  position: absolute !important;
  inset: 0 !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  z-index: 0 !important;
  border-radius: inherit !important;
  opacity: 1;
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.cat-card:hover .cat-card-img {
  transform: scale(1.06) !important;
  opacity: 1 !important;
}

/* Текст и заголовок поверх фото */
.cat-card h2,
.cat-card .arrow {
  position: relative;
  z-index: 2;
}

/* ══════════════════════════════════════════════
   Кнопка «Весь каталог» — белый текст, без обводки
   ══════════════════════════════════════════════ */

/* Убираем обводку */
.cat-item-orange {
  border: 1px solid transparent !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Цвет при hover не меняется */
.cat-item-orange:hover {
  background: var(--accent) !important;
  border-color: transparent !important;
}

/* Заголовок — белый */
.cat-item-orange span {
  color: #fff !important;
}

/* Стрелка — белая */
.cat-item-orange .cat-arrow {
  color: #fff !important;
}

/* ══════════════════════════════════════════════
   Мобильный: плитки каталога на главной — выравнивание по верху
   чтобы головы не обрезались
   ══════════════════════════════════════════════ */
@media (max-width: 767px) {
  .cat-img-box {
    background-position: top center !important;
  }
}


/* ══════════════════════════════════════════════
   Корзина: крестик без фона, в правом верхнем углу
   ══════════════════════════════════════════════ */

.cart-item {
  position: relative !important;
}

/* Сброс ВСЕХ стилей крестика во ВСЕХ брейкпоинтах */
.item-remove,
.cart-item .item-remove {
  all: unset !important;
  position: absolute !important;
  top: 14px !important;
  right: 16px !important;
  width: 24px !important;
  height: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  color: rgba(240,237,232,0.38) !important;
  font-size: 18px !important;
  line-height: 1 !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  z-index: 5 !important;
  transition: color 0.2s !important;
  flex-shrink: 0 !important;
}
.item-remove:hover,
.cart-item .item-remove:hover {
  color: #E05555 !important;
  background: none !important;
}

/* Кнопки корзины — применяем к обоим, разный стиль через cart-body scope */
.cart-body .btn-checkout,
.total-block .btn-checkout {
  display: block !important;
  width: 100% !important;
  padding: 20px 24px !important;
  border-radius: 999px !important;
  text-align: center !important;
  font-family: var(--font-logo) !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background 0.2s, transform 0.15s !important;
}

/* Оформить заказ — amber */
.cart-body .btn-checkout:not(.btn-checkout-outline),
.total-block .btn-checkout:not(.btn-checkout-outline) {
  background: var(--accent) !important;
  color: #000 !important;
  border: none !important;
}
.cart-body .btn-checkout:not(.btn-checkout-outline):hover,
.total-block .btn-checkout:not(.btn-checkout-outline):hover {
  background: var(--accent-light, #D4A040) !important;
  color: #000 !important;
  transform: translateY(-1px) !important;
}

/* Обновить корзину — outline */
.cart-body .btn-checkout-outline,
.total-block .btn-checkout-outline {
  background: transparent !important;
  color: rgba(240,237,232,0.65) !important;
  border: 1px solid rgba(255,255,255,0.22) !important;
}
.cart-body .btn-checkout-outline:hover,
.total-block .btn-checkout-outline:hover {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(255,255,255,0.38) !important;
  color: rgba(240,237,232,0.9) !important;
  transform: translateY(-1px) !important;
}

/* ══════════════════════════════════════════════
   B2B кнопка — цвет текста и стрелки тёмный
   ══════════════════════════════════════════════ */
.ww-b2b-btn,
.ww-b2b-btn:visited,
.ww-b2b-btn:hover {
  color: #000 !important;
}
.ww-b2b-btn svg,
.ww-b2b-btn svg *,
.ww-b2b-btn path,
.ww-b2b-btn line,
.ww-b2b-btn polyline {
  stroke: #000 !important;
  color: #000 !important;
}

/* ══════════════════════════════════════════════
   «Заказ в 1 клик» — тёмный стиль попапа
   InSales может использовать разные классы,
   перекрываем все возможные варианты
   ══════════════════════════════════════════════ */

/* Универсальный оверлей */
[class*="quick-checkout"] [class*="popup"],
[class*="quick-checkout"] [class*="modal"],
[class*="quick-checkout"] [class*="form"],
[class*="quick_checkout"] [class*="popup"],
[class*="quick_checkout"] [class*="form"],
.popup-quick-checkout,
.quick-checkout-popup,
.quick_checkout_popup {
  background: #141410 !important;
  border: 1px solid rgba(200,145,42,0.22) !important;
  border-radius: 20px !important;
  color: #F0EDE8 !important;
}

/* Заголовок попапа */
[class*="quick-checkout"] h1,
[class*="quick-checkout"] h2,
[class*="quick-checkout"] h3,
[class*="quick_checkout"] h1,
[class*="quick_checkout"] h2,
[class*="quick_checkout"] h3,
.popup-quick-checkout h2,
.popup-quick-checkout h3 {
  color: #F0EDE8 !important;
}

/* Подпись поля */
[class*="quick-checkout"] label,
[class*="quick_checkout"] label,
.popup-quick-checkout label {
  color: rgba(240,237,232,0.55) !important;
  font-family: var(--font-logo) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
}

/* Поле ввода телефона */
[class*="quick-checkout"] input[type="tel"],
[class*="quick-checkout"] input[type="text"],
[class*="quick-checkout"] input[type="phone"],
[class*="quick_checkout"] input[type="tel"],
[class*="quick_checkout"] input[type="text"],
.popup-quick-checkout input {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 14px !important;
  color: #F0EDE8 !important;
  padding: 16px 20px !important;
  font-size: 16px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
[class*="quick-checkout"] input:focus,
[class*="quick_checkout"] input:focus,
.popup-quick-checkout input:focus {
  border-color: rgba(200,145,42,0.5) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(200,145,42,0.15) !important;
}

/* Кнопка отправки */
[class*="quick-checkout"] button[type="submit"],
[class*="quick-checkout"] input[type="submit"],
[class*="quick_checkout"] button[type="submit"],
.popup-quick-checkout button[type="submit"],
.popup-quick-checkout input[type="submit"] {
  background: var(--accent) !important;
  color: #000 !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 0 32px !important;
  height: 56px !important;
  font-family: var(--font-logo) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: background 0.25s !important;
}
[class*="quick-checkout"] button[type="submit"]:hover,
[class*="quick_checkout"] button[type="submit"]:hover,
.popup-quick-checkout button[type="submit"]:hover {
  background: var(--accent-light, #D4A040) !important;
  color: #000 !important;
}

/* Крестик закрытия попапа */
[class*="quick-checkout"] [class*="close"],
[class*="quick_checkout"] [class*="close"],
.popup-quick-checkout [class*="close"] {
  color: rgba(240,237,232,0.45) !important;
  background: none !important;
}
[class*="quick-checkout"] [class*="close"]:hover,
.popup-quick-checkout [class*="close"]:hover {
  color: #F0EDE8 !important;
}

/* InSales quick order: data-popup attrs и legacy modal структура */
[data-popup="quick-checkout"],
[data-popup="quick_checkout"],
[data-popup="one-click"],
[data-popup*="quick"],
[data-popup*="order"] {
  background: #141410 !important;
  border: 1px solid rgba(200,145,42,0.22) !important;
  border-radius: 20px !important;
  color: #F0EDE8 !important;
  box-shadow: 0 16px 64px rgba(0,0,0,0.7) !important;
}

/* InSales legacy modal */
.modal[data-quick-checkout],
.modal-quick-checkout .modal-dialog .modal-content,
.modal-quick-order .modal-dialog .modal-content {
  background: #141410 !important;
  border: 1px solid rgba(200,145,42,0.22) !important;
  color: #F0EDE8 !important;
  border-radius: 20px !important;
}

/* Current InSales quick checkout markup: #insales-quick-checkout-dialog.m-modal--checkout */
#insales-quick-checkout-dialog.m-modal--checkout,
#insales-quick-checkout-dialog.m-modal--checkout .m-modal-wrapper {
  background: #141410 !important;
  color: #F0EDE8 !important;
}

#insales-quick-checkout-dialog.m-modal--checkout {
  border: 1px solid rgba(200,145,42,0.28) !important;
  border-radius: 20px !important;
  box-shadow: 0 24px 80px rgba(0,0,0,0.62) !important;
}

#insales-quick-checkout-dialog .m-modal-heading {
  color: #F0EDE8 !important;
  font-family: var(--font-display, var(--font-logo)) !important;
  font-size: clamp(24px, 3vw, 34px) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

#insales-quick-checkout-dialog .m-input-label {
  color: rgba(240,237,232,0.62) !important;
  font-family: var(--font-logo) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

#insales-quick-checkout-dialog .m-input-field {
  width: 100% !important;
  box-sizing: border-box !important;
  min-height: 54px !important;
  padding: 14px 16px !important;
  background: rgba(255,255,255,0.055) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-radius: 12px !important;
  color: #F0EDE8 !important;
  font-family: var(--font-body, Arial, sans-serif) !important;
  font-size: 16px !important;
}

#insales-quick-checkout-dialog .m-input-field:focus {
  border-color: rgba(200,145,42,0.72) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(200,145,42,0.16) !important;
}

#insales-quick-checkout-dialog .m-input-caption {
  color: rgba(240,237,232,0.58) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

#insales-quick-checkout-dialog .m-input--checkbox {
  display: grid !important;
  grid-template-columns: 22px 1fr !important;
  column-gap: 10px !important;
  align-items: start !important;
}

#insales-quick-checkout-dialog .m-input--checkbox .m-input-label {
  grid-column: 2 !important;
  grid-row: 1 !important;
  margin: 0 !important;
  color: #F0EDE8 !important;
  font-size: 12px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

#insales-quick-checkout-dialog .m-input--checkbox input[type="checkbox"] {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  accent-color: #C8912A !important;
}

#insales-quick-checkout-dialog .m-input--checkbox .m-input-caption {
  grid-column: 2 !important;
  grid-row: 2 !important;
}

#insales-quick-checkout-dialog .m-modal-button--checkout {
  min-height: 56px !important;
  padding: 0 28px !important;
  background: #C8912A !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #10100D !important;
  font-family: var(--font-logo) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

#insales-quick-checkout-dialog .m-modal-button--checkout:hover {
  background: #D4A040 !important;
  color: #10100D !important;
}

#insales-quick-checkout-dialog .m-modal-close {
  color: rgba(240,237,232,0.65) !important;
  background: transparent !important;
}

#insales-quick-checkout-dialog .m-modal-close:hover {
  color: #F0EDE8 !important;
}

/* Minimal typography fixes from 2026-06-11 source archive */
.hero-content h1,
.hero-content .hero-slide-heading {
  font-size: clamp(52px, 4.4vw, 62px) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.035em !important;
}

.footer-brand-word,
.footer-plaque-main .footer-brand-word,
.footer-plaque-main > .footer-brand-word {
  opacity: 0.22 !important;
  color: #fff !important;
}

.footer-brand-word text,
.footer-plaque-main .footer-brand-word text {
  fill: currentColor !important;
}

.product-info-panel .product-header h1,
.product-info-panel > .product-header > h1,
.product-header h1 {
  font-size: 33px !important;
  line-height: 1.08 !important;
  letter-spacing: -0.01em !important;
}

/* Product cards: catalog, homepage hits and cross-sell share one info rhythm */
.product-card .product-meta,
.product-card-11 .pc-info {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 8px !important;
}

.product-card .product-name,
.product-card-11 .pc-title {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  font-size: 22px !important;
  line-height: 1.16 !important;
  font-weight: 800 !important;
  color: var(--text-primary) !important;
  text-decoration: none !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}

.hits-section .slider-track,
.cross-sell .slider-track {
  align-items: stretch !important;
}

.hits-section .slider-track > .product-card-11,
.cross-sell .slider-track > .product-card-11 {
  flex: 0 0 calc((100% - (var(--gap) * 2)) / 3.3) !important;
  width: calc((100% - (var(--gap) * 2)) / 3.3) !important;
  max-width: calc((100% - (var(--gap) * 2)) / 3.3) !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.product-card-11 .pc-info {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.product-card-11 .pc-title {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.product-card .product-sizes,
.product-card-11 .pc-status {
  display: block !important;
  width: 100% !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
  font-weight: 600 !important;
  color: var(--text-muted) !important;
}

.product-card .product-price,
.product-card-11 .pc-price {
  display: block !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  color: var(--accent) !important;
}

@media (max-width: 767px) {
  .hero-content h1,
  .hero-content .hero-slide-heading {
    font-size: clamp(34px, 8.5vw, 42px) !important;
    line-height: 1.04 !important;
  }

  .product-info-panel .product-header h1,
  .product-info-panel > .product-header > h1,
  .product-header h1 {
    font-size: 32px !important;
  }

  .product-card .product-name,
  .product-card-11 .pc-title {
    font-size: 18px !important;
  }

  .hits-section .slider-track > .product-card-11,
  .cross-sell .slider-track > .product-card-11 {
    flex-basis: 72% !important;
    width: 72% !important;
    max-width: 72% !important;
  }

  .product-card .product-sizes,
  .product-card-11 .pc-status {
    font-size: 14px !important;
  }

  .product-card .product-price,
  .product-card-11 .pc-price {
    font-size: 19px !important;
  }
}


/* =============================================
   WW v5: uniform cards + old price + mobile selects
   ============================================= */
/* 2-line clamped titles (reserve 2 lines) on ALL cards */
.product-card .product-name,
.product-card-11 .pc-title {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 2.34em !important;
}
/* equal-height cards + button pinned to bottom */
.products-grid { align-items: stretch !important; }
.products-grid .product-card { height: 100% !important; }
.products-grid .product-card .btn-add { margin-top: auto !important; }
.hits-section .slider-track > .product-card-11,
.cross-sell .slider-track > .product-card-11 { height: auto !important; }
.hits-section .product-card-11 .pc-btn,
.cross-sell .product-card-11 .pc-btn { margin-top: auto !important; }
/* struck-through old price everywhere */
.ww-old-price {
  display: inline-block;
  margin-left: 10px;
  font-size: 0.62em;
  font-weight: 600;
  color: var(--text-muted, #8a8a8a);
  text-decoration: line-through;
  vertical-align: middle;
  white-space: nowrap;
}
.cart-item .ww-old-price { font-size: 14px; margin-left: 8px; }
.total-amount .ww-old-price { font-size: 0.5em; margin-left: 12px; }
/* taller dropdowns on mobile */
@media (max-width: 640px) {
  select { min-height: 48px; }
}


/* =============================================
   WW v6: cart button equal height, cart titles, right actions
   ============================================= */
.total-block .btn-checkout,
.total-block .btn-checkout-outline {
  min-height: 62px !important;
  line-height: 1.1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.cart-item .item-details h3 {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
@media (min-width: 768px) {
  .cart-item .item-info { flex: 1 1 auto !important; min-width: 0 !important; }
  .cart-item .item-actions { margin-left: auto !important; justify-content: flex-end !important; gap: 40px !important; flex: 0 0 auto !important; }
}


/* =============================================
   WW v7: cart actions stacked & right-aligned, struck price below
   ============================================= */
@media (min-width: 768px) {
  .cart-item { position: relative !important; }
  .cart-item .item-actions {
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: center !important;
    gap: 16px !important;
    margin-left: auto !important;
    text-align: right !important;
  }
  .cart-item .item-remove {
    position: absolute !important;
    top: 26px !important;
    right: 30px !important;
    margin: 0 !important;
  }
}
.cart-item .item-price { width: auto !important; text-align: right !important; }
.cart-item .item-price .ww-old-price { display: block !important; margin: 4px 0 0 !important; text-align: right !important; font-size: 15px !important; }


/* WW v8: cart actions firmly right, remove X bigger/centered */
@media (min-width: 768px) {
  .cart-body .cart-item { position: relative !important; }
  .cart-body .cart-item .item-info { flex: 1 1 auto !important; min-width: 0 !important; }
  .cart-body .cart-item .item-actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: center !important;
    gap: 18px !important;
    margin-left: auto !important;
    flex: 0 0 auto !important;
    text-align: right !important;
    padding-right: 56px !important;
  }
  .cart-body .cart-item .item-price { width: auto !important; text-align: right !important; order: 2 !important; }
  .cart-body .cart-item .item-counter { order: 1 !important; }
  .cart-body .cart-item .item-remove {
    position: absolute !important;
    top: 50% !important;
    right: 34px !important;
    transform: translateY(-50%) !important;
    font-size: 40px !important;
    margin: 0 !important;
    opacity: .55 !important;
  }
}


/* =============================================
   WW v13: balanced typography (even line-wraps, fewer orphans)
   ============================================= */
p { text-wrap: pretty; }
h1, h2, h3,
.section-title, .cat-card h2, .cart-header h1,
.ww-title, .pc-title, .product-name,
.hero-content h1, .hero-content .hero-slide-heading, .hero-text h1 { text-wrap: balance; }
.hero-content p, .hero-text p, .section-sub, .lead { text-wrap: balance; }


/* =============================================
   WW v14: финальные правки вёрстки
   ============================================= */

/* 1. Стрелки галереи в карточке товара — без тени */
.product-gallery-arrow,
.slider-arrow.product-gallery-arrow {
  box-shadow: none !important;
}

/* 2. Кнопка «Заказать в 1 клик»: скругление как у основной кнопки,
      при наведении — тёмный стиль вместо оранжевого, плавная анимация */
.product-page .product-actions .btn-main-cart,
.product-page .product-actions .btn-outline-order,
.ww-cart-modal__actions .btn-main-cart,
.ww-cart-modal__actions .btn-outline-order {
  border-radius: 999px !important;
}
.btn-outline-order {
  transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease !important;
}
.btn-outline-order:hover,
.btn-outline-order:focus-visible {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: var(--accent) !important;
  color: var(--text-primary, #f0ede8) !important;
}

/* 3. «Таблица размеров» и инфо-строки — без оранжевого фона при наведении */
.product-page .ww-info-row,
.product-page .ww-info-row.ww-info-link {
  background: none !important;
  border-radius: 0 !important;
  padding: 13px 2px !important;
  transition: color 0.2s ease !important;
}
.product-page .ww-info-row.ww-info-link:hover,
.product-page .ww-info-row.ww-info-link:focus-visible {
  background: none !important;
  color: var(--accent) !important;
}

/* 4. Фильтр каталога: значения-кнопки (мультивыбор), скрытые чекбоксы */
.filter-check {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
}
.filter-check input {
  position: absolute !important;
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
  pointer-events: none !important;
}
.filter-check .filter-check-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border-radius: 12px;
  border: 1px solid var(--border, rgba(255,255,255,0.1));
  background: rgba(255,255,255,0.03);
  color: var(--text-secondary, #bdbdbd);
  font-size: 14px;
  line-height: 1.2;
  transition: border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease;
}
.filter-check:hover .filter-check-label {
  border-color: var(--accent-border, rgba(200,145,42,0.5));
  color: var(--text-primary, #f0ede8);
}
.filter-check input:checked + .filter-check-label {
  border-color: var(--accent) !important;
  background: rgba(200, 145, 42, 0.12) !important;
  color: var(--accent) !important;
  font-weight: 700;
}
.filter-check .filter-count {
  font-size: 12px;
  opacity: 0.55;
}
.filter-options-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* 5. Кнопка «Показать ещё» в каталоге */
.ww-show-more-wrap {
  display: flex;
  justify-content: center;
  margin-top: 28px;
}
.ww-show-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 56px;
  padding: 16px 44px;
  border-radius: 999px !important;
  background: transparent !important;
  border: 1px solid var(--border-hover, rgba(255,255,255,0.25)) !important;
  color: var(--text-primary, #f0ede8) !important;
  font-family: var(--font-logo) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  text-decoration: none !important;
  cursor: pointer;
  transition: border-color 0.22s ease, background-color 0.22s ease, color 0.22s ease !important;
}
.ww-show-more:hover,
.ww-show-more:focus-visible {
  border-color: var(--accent) !important;
  background: rgba(200, 145, 42, 0.1) !important;
  color: var(--accent) !important;
}
.ww-show-more.is-loading {
  opacity: 0.55;
  pointer-events: none;
}

/* WW v15: цветная точка в фильтре «Цвет» */
.filter-check .filter-color-dot {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  flex: 0 0 14px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.22);
}

/* WW v15.1: компактнее названия товаров во всех карточках
   (каталог, хиты продаж, «с этим покупают», поиск) — чтобы влезали в 2 строки */
.product-card .product-name,
.product-card-11 .pc-title {
  font-size: 18px !important;
}
@media (max-width: 767px) {
  .product-card .product-name,
  .product-card-11 .pc-title {
    font-size: 15px !important;
  }
}

/* WW v16: плашка скидки в карточках каталога / хитов / «с этим покупают» —
   в том же стиле, что в карточке товара */
.ww-discount {
  background: #1e3a26;
  color: #7bd88f;
  font-weight: 800;
  font-size: 14px;
  padding: 6px 10px;
  border-radius: 10px;
  line-height: 1;
  white-space: nowrap;
}
.ww-discount-card {
  display: inline-block;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 8px;
  margin-left: 8px;
  vertical-align: middle;
}

/* =============================================
   WW v17: правки мобильной версии
   ============================================= */

/* Плашка «Российский производитель...» — компактнее, не вылезает по ширине */
.ww-about-hero-tag {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
@media (max-width: 767px) {
  .ww-about-hero-tag {
    font-size: 11px !important;
    letter-spacing: 0.08em !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

@media (max-width: 767px) {
  /* 1. Заголовок hero-слайда — в две строки:
        меньше кегль и без балансировки строк */
  .hero-content h1,
  .hero-content .hero-slide-heading {
    font-size: clamp(26px, 6.9vw, 34px) !important;
    line-height: 1.08 !important;
    text-wrap: initial !important;
  }

  /* 2. Корзина: название товара меньше — влезает целиком */
  .cart-item .item-details h3 {
    font-size: 15px !important;
    line-height: 1.25 !important;
    -webkit-line-clamp: 3 !important;
  }
  .cart-item .item-details p {
    font-size: 13px !important;
  }

  /* 3. Карточка каталога: цена + старая цена + скидка в одну строку */
  .product-card .product-price {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 7px !important;
    font-size: 18px !important;
    min-width: 0 !important;
  }
  .product-card .product-price .ww-old-price {
    margin-left: 0 !important;
    font-size: 13px !important;
    flex: 0 1 auto !important;
  }
  .product-card .product-price .ww-discount-card {
    margin-left: 0 !important;
    font-size: 11px !important;
    padding: 3px 6px !important;
    border-radius: 7px !important;
    flex: 0 0 auto !important;
  }
}

/* Цветовые кружки: деликатная светлая окантовка, чтобы тёмные цвета
   (чёрный, тёмная олива) не сливались с фоном — и в карточке, и в фильтре */
.ww-swatch-dot,
.filter-color-dot {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18) !important;
}