/**
 * Кастомные стили темы tentree.
 * Все правки и переопределения — сюда.
 */

/* Header searchbox: по умолчанию скрыт, открывается по клику на лупу */
.header-searchbox-closed,
#header-searchbox:not(.is-open) {
  display: none !important;
}
#header-searchbox.is-open {
  display: block !important;
}

.search-bar-component .search-close-button[data-v-029e385c] {
  clip: rect(0, 0, 0, 0);
  border-width: 0;
  display: block;
  margin: auto;
  -webkit-mask-image: url(https://tentree-svg-icons.s3.us-west-2.amazonaws.com/src/svg-icons/x-bold.svg);
  mask-image: url(https://tentree-svg-icons.s3.us-west-2.amazonaws.com/src/svg-icons/x-bold.svg);
  overflow: hidden;
  position: absolute;
  position: relative;
  white-space: nowrap;
}

.search-bar-component .search-close-button[data-v-029e385c],
.search-bar-component .search-submit-button[data-v-029e385c] {
  --tw-bg-opacity: 1;
  background-color: rgb(66 66 66 / var(--tw-bg-opacity));
  height: 24px;
  -webkit-mask-size: cover;
  mask-size: cover;
  padding: 0;
  width: 24px;
}

.search-bar-component .search-submit-button[data-v-029e385c] {
  -webkit-mask-image: url(https://tentree-svg-icons.s3.us-west-2.amazonaws.com/src/svg-icons/search-bold.svg);
  mask-image: url(https://tentree-svg-icons.s3.us-west-2.amazonaws.com/src/svg-icons/search-bold.svg);
}

/* Stamped font для иконок */
@font-face {
  font-family: 'stamped-font';
  src: url('https://cdn.stamped.io/fonts/stamped-font.eot');
  src: url('https://cdn.stamped.io/fonts/stamped-font.eot?#iefix') format('embedded-opentype'),
       url('https://cdn.stamped.io/fonts/stamped-font.woff') format('woff'),
       url('https://cdn.stamped.io/fonts/stamped-font.ttf') format('truetype'),
       url('https://cdn.stamped.io/fonts/stamped-font.svg#stamped-font') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Карусель категорий на странице каталога (Swiper) */
#category-carousel .swiper-slide {
  width: 204px;
  flex-shrink: 0;
}

.collection-carousel .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: -25px;
  display: none;
  left: 0;
  margin-top: 20px;
  width: unset;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.collection-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #424242 !important;
}

.swiper-pagination-bullet {
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  border-radius: 50%;
  display: inline-block;
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.collection-carousel .swiper {
  -ms-scroll-chaining: none;
  overflow: visible !important;
  overscroll-behavior: none;
}

.swiper-pointer-events {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper {
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1;
}

.swiper-backface-hidden .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.collection-carousel > * {
  color: #424242 !important;
}

/* --- Стили из Vue-макета (классы без data-v-*, для статической разметки) --- */

#clp-page h3 {
  border: 1px solid #000;
}

.component-lazy-image {
  position: relative;
}

.component-lazy-image .mediabox {
  display: block;
  width: 100%;
}

.component-lazy-image .mediabox.use-padding {
  padding-bottom: calc(var(--6b9d7eaa) * 1%);
}

.component-lazy-image .mediabox.vh-desktop-true {
  height: calc(100vh - var(--desktop-navbar));
}

.component-lazy-image .mediabox.vh-desktop-false {
  height: inherit;
}

.component-lazy-image .image-transition {
  transition: all 0.6s ease;
}

@media (max-width: 767px) {
  .component-lazy-image {
    position: relative;
  }
  .component-lazy-image .mediabox.use-padding {
    padding-bottom: calc(var(--2daf5535) * 1%);
  }
  .component-lazy-image .mediabox.vh-mobile-true {
    height: calc(100vh - var(--mobile-navbar));
  }
  .component-lazy-image .mediabox.vh-mobile-false {
    height: inherit;
  }
}

.mediabox-img.lazyload:not([src]),
.mediabox-img.ls-blur-up-is-loading {
  visibility: hidden;
}

.ls-blur-up-img,
.mediabox-img {
  display: block;
  font-family: "blur-up: auto", "object-fit: cover";
  height: 100%;
  left: 0;
  -o-object-fit: var(--ab43ed8a);
  object-fit: var(--ab43ed8a);
  position: absolute;
  top: 0;
  width: 100%;
}

.mediabox-img {
  height: 100% !important;
}

.image-fading .ls-blur-up-img {
  transition: opacity 375ms, filter 0.75s;
}

.ls-blur-up-img {
  filter: blur(5px);
  opacity: 1;
}

.ls-blur-up-img.ls-inview.ls-original-loaded {
  filter: blur(1px);
  opacity: 0;
}

.post-container .collection-container .image-container {
  -webkit-box-shadow: 5px 10px 30px -8px #bbb;
  box-shadow: 5px 10px 30px -8px #bbb;
  display: block;
}

/* Promo tile grid */
.layout-1-across-promo-tile {
  grid-gap: 10px;
  grid: auto/repeat(4, 1fr);
}

@media (min-width: 768px) {
  .layout-1-across-promo-tile {
    grid: auto/repeat(6, 1fr);
  }
}

.layout-1-across-promo-tile .product-item {
  grid-column: span 2;
}

#clp-page h3 {
  border: none;
}

@media (min-width: 768px) {
  .md\:max-w-40 {
    max-width: 10rem !important;
  }
}

.clp-color-swatch-container .color-selection-container {
  margin-right: 0.15em;
}

.clp-color-swatch-container .color-selection {
  border: 1px solid #d9d9d5;
  border-radius: 50px;
  cursor: pointer;
  display: block;
  height: 14px;
  line-height: 1.5rem;
  padding: 10px;
  width: 14px;
}

.clp-color-swatch-container .sale-star {
  right: -2px;
  top: -2px;
}

/* Смена картинки при наведении на карточку товара */
.tentree-img-swap {
  position: relative;
  width: 100%;
  height: 100%;
}

.tentree-img-swap .tentree-img-primary {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.tentree-img-swap .tentree-img-hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0;
  transition: opacity 0.35s ease-in-out;
  pointer-events: none;
}

.product-group-card:hover .tentree-img-swap .tentree-img-hover:not(.hidden) {
  opacity: 1;
}

.tentree-img-hover.hidden {
  display: none;
}

#filter-container, #quickview-container {
  height: calc(100% - var(--desktop-navbar) - var(--filter-button-height));
  top: var(--desktop-navbar);
  z-index: 100;
}

#filter-view-items-button {
  color: #fff;
  height: var(--filter-button-height);
}

.accordion .accordion-body[data-v-2a4d9c19] {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .3s ease-out;
  transition: max-height .3s ease-out;
}

.accordion .accordion-body.collapseit[data-v-2a4d9c19] {
  max-height: 1000px;
  -webkit-transition: max-height .3s ease-in;
  transition: max-height .3s ease-in;
}

/* Иконки цветов в фильтре */
.black-color-container {
  background-image: url(../images/filters/filter-black.svg);
}
.blue-color-container {
  background-image: url(../images/filters/filter-blue.svg);
}
.red-color-container {
  background-image: url(../images/filters/filter-red.svg);
}
.green-color-container {
  background-image: url(../images/filters/filter-green.svg);
}
.brown-color-container {
  background-image: url(../images/filters/filter-brown.svg);
}
.gray-color-container {
  background-image: url(../images/filters/filter-gray.svg);
}
.white-color-container {
  background-image: url(../images/filters/filter-white.svg);
}
.purple-color-container {
  background-image: url(../images/filters/filter-purple.svg);
}
.pink-color-container {
  background-image: url(../images/filters/filter-pink.svg);
}
.beige-color-container {
  background-image: url(../images/filters/filter-beige.svg);
}
.orange-color-container {
  background-image: url(../images/filters/filter-orange.svg);
}
.yellow-color-container {
  background-image: url(../images/filters/filter-yellow.svg);
}
.multi-color-container {
  background-image: url(../images/filters/filter-multi.svg);
}

#filter-overlay {
  z-index: 10;
}

.tentree-filter-disabled {
  opacity: 0.3;
  pointer-events: none;
  cursor: not-allowed;
}

.tentree-filter-disabled.tentree-filter-size {
  color: #d1d5db !important;
  border-color: #d1d5db !important;
  opacity: 0.7;
}

/* Stamped reviews icons (FontAwesome stars) */
[class*=" stamped-fa-"]::before, [class*=" stamped-icon-"]::before, [class^="fa-"]::before, [class^="stamped-fa-"]::before, [class^="stamped-icon-"]::before {
  font-family: stamped-font,FontAwesome,"Font Awesome 5 Pro","Font Awesome 5 Brands";
  font-style: normal;
  font-weight: 400;
  speak: none;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
}

.fa-star-half-o::before, .fa-star-o::before, .fa-star::before, .stamped-fa-star-half-o::before, .stamped-fa-star-o::before, .stamped-fa-star::before {
  font-family: stamped-font,FontAwesome !important;
}

.fa-star-half-o::before, .fa-star-o::before, .fa-star::before, .stamped-fa-star-half-o::before, .stamped-fa-star-o::before, .stamped-fa-star::before {
  font-size: 18px;
  margin-right: -1px;
}

.fa-star-o::before, .stamped-fa-star-o::before {
  content: '\f006';
}

.fa-star::before, .stamped-fa-star::before {
  content: '\f005';
}

.fa, .stamped-fa {
  font-style: normal;
}

.stamped-badge-starrating {
  color: gold;
}

.stamped-badge {
  min-height: auto;
  min-width: auto;
  display: block;
  cursor: pointer;
}

/* Stamped clearfix */
#stamped-main-widget, #stamped-main-widget::after, .question-form-wrapper, .st-clearboth, .stamped-badge, .stamped-badge::after, .stamped-container::after, .stamped-content, .stamped-form-actions::after, .stamped-form-contact-email::after, .stamped-form-contact-location::after, .stamped-form-contact-name::after, .stamped-form-contact::after, .stamped-form-review-body::after, .stamped-form-review-rating, .stamped-form-review-rating::after, .stamped-form-review-title::after, .stamped-form-review::after, .stamped-header-title::after, .stamped-header::after, .stamped-loading::after, .stamped-review, .stamped-review-content::after, .stamped-review-header-title, .stamped-review-reply::after, .stamped-summary::after, [data-widget-style="slider"] .slick-track::after {
  clear: both;
}

.product__review .stamped-badge {
  margin-left: -2px;
}

.stamped-badge-caption[data-reviews][data-label][data-version="2"] > span {
  display: inline !important;
}

/* Product page color swatches */
.color-selection[data-v-0d96085a] {
  border: 1px solid #d9d9d5;
  border-radius: .125rem;
  border-radius: 50px;
  cursor: pointer;
  display: block;
  height: 14px;
  line-height: 1.5rem;
  padding: 10px;
  width: 14px;
}

.pdp-colorswatches .color-selection[data-v-0d96085a] {
  height: 44px;
  width: 44px;
}

.active-color[data-v-0d96085a] {
  background-color: #eeeee9;
  border: 1px solid #c3c3c0;
  border-radius: 10px;
  cursor: pointer;
  height: 45%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 45%;
  z-index: 10;
}

/* Product page size and nominal selection (same styles) */
.size-selection[data-v-7dcb051b],
.nominal-selection[data-v-7dcb051b] {
  --tw-text-opacity: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #eeeee9;
  border: 2px solid #424242;
  border-radius: 50px;
  color: rgb(66 66 66/var(--tw-text-opacity));
  display: block;
  line-height: 1.5rem;
  min-height: 44px;
  min-width: 44px;
  padding: 8px 10px;
  text-align: center;
  text-transform: uppercase;
}

.active[data-v-7dcb051b] {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(66 66 66/var(--tw-bg-opacity));
  color: rgb(238 238 233/var(--tw-text-opacity));
}

#additional-links a span[data-v-c808ded2] {
  border-bottom: 1px solid #424242;
}

.icon-arrow-right[data-v-c808ded2] {
  background-image: url(../images/arrow-right.svg);
}

.icon-arrow-down[data-v-c808ded2] {
  background-image: url(../images/arrow-down.svg);
}

.icon-arrow-down[data-v-c808ded2], .icon-arrow-right[data-v-c808ded2] {
  background-position: 100% 0;
  background-position: 100% 50%;
  background-repeat: no-repeat;
}

#additional-links a[data-v-c808ded2] {
  margin-bottom: .25rem;
  padding-right: 1rem;
}

#additional-links .cloud-gray-700[data-v-c808ded2] {
  --tw-text-opacity: 1;
  color: rgb(88 88 87/var(--tw-text-opacity));
}

/* Product page add to cart button */
#add_button {
  cursor: pointer;
  height: 50px;
}

.tt-button {
  background-color: #516559 !important;
  color: #eeeee9 !important;
  font-family: merlo_neue_round,Arial,sans-serif !important;
  text-transform: uppercase !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.wishlist-icon[data-v-1f7f3455] {
  position: relative;
}

.text-xs {
  font-size: 12px !important;
}

/* Product page accordions */
.pdp-accordion-header {
  cursor: pointer;
  user-select: none;
}

.pdp-accordion-item .pdp-accordion-content,
.pdp-accordion-item .panel {
  overflow: hidden;
  transition: max-height 0.3s ease-out, padding 0.3s ease-out;
}

.pdp-accordion-item .pdp-accordion-content[style*="display: none"],
.pdp-accordion-item .panel[style*="display: none"] {
  max-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.pdp-accordion-item .pdp-accordion-content[style*="display: block"],
.pdp-accordion-item .panel[style*="display: block"] {
  max-height: 2000px !important;
  padding-top: 1rem !important;
  padding-bottom: 0.5rem !important;
}

/* Accordion icons */
.ico-plus, .ico-minus {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: #424242;
  -webkit-mask-size: cover;
  mask-size: cover;
}

.ico-plus {
  -webkit-mask-image: url(../css/plus.svg);
  mask-image: url(../css/plus.svg);
}

.ico-minus {
  -webkit-mask-image: url(../css/minus.svg);
  mask-image: url(../css/minus.svg);
}

.bullet-point-container ul {
  padding-left: 1rem;
}

.bullet-point-container ul li::before {
  color: #424242;
  content: "•";
  display: inline-block;
  margin-left: -1em;
  width: 1em;
}

/* Отключаем стили WooCommerce для изображений карусели */
.woocommerce .product-groups-carousel-section img,
.woocommerce-page .product-groups-carousel-section img {
  max-width: none !important;
  height: 100% !important;
}

a[data-country="ca"][data-v-621e9658] {
  background-image: url(https://cdn.shopify.com/s/files/1/0050/1815/7144/files/CA.png?v=1647299550);
}