/** Shopify CDN: Minification failed

Line 135:13 Expected identifier but found whitespace
Line 135:26 Unexpected "!"

**/
/* =========================
   SUAVITE - Variant 3 (Premium Black)
   Works for Wookiee: wrapper + inner button
   ========================= */

/* ---------- FIX: remove "button inside button" for ADD TO CART ---------- */

/* Внутренности add-to-cart НЕ должны иметь свой фон/рамку/паддинги */
.tt-product .thumbprod-button-bg.tt-btn-addtocart a,
.tt-product .thumbprod-button-bg.tt-btn-addtocart button,
.tt-product .thumbprod-button-bg.tt-btn-addtocart span,
.tt-product .thumbprod-button-bg.addtocart-item-js a,
.tt-product .thumbprod-button-bg.addtocart-item-js button,
.tt-product .thumbprod-button-bg.addtocart-item-js span {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;

  color: inherit !important;
  fill: currentColor !important;
  line-height: 1.1 !important;
}

/* Чтобы кликабельная зона была нормальная */
.tt-product .thumbprod-button-bg.tt-btn-addtocart,
.tt-product .thumbprod-button-bg.addtocart-item-js{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}


/* ---------- GIFT BUTTON (outline, full size, no inner button) ---------- */

/* Внешний контейнер = сама кнопка */
.tt-product .thumbprod-button-bg.givy_send_as_gift_button{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  min-height: 44px !important;
  padding: 10px 18px !important;

  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgb(0 0 0 / 55%) !important;
  border-radius: 14px !important;
  box-shadow: none !important;

  font-size: 85% !important; /* -15% */
  font-weight: 400 !important;
  letter-spacing: 0.03em !important;
  color: rgb(0 0 0 / 88%) !important;

  margin-top: 10px !important; /* расстояние от верхней кнопки */
}

/* Внутренние элементы НЕ должны выглядеть как отдельная кнопка */
.tt-product .thumbprod-button-bg.givy_send_as_gift_button a,
.tt-product .thumbprod-button-bg.givy_send_as_gift_button button,
.tt-product .thumbprod-button-bg.givy_send_as_gift_button span{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;

  color: inherit !important;
  fill: currentColor !important;
  line-height: 1.1 !important;
}

/* Hover */
.tt-product .thumbprod-button-bg.givy_send_as_gift_button:hover{
  background-color: rgb(0 0 0 / 4%) !important;
  border-color: rgb(0 0 0 / 65%) !important;
}
/* ============================= */
/* ADD TO CART — single clean button */
/* ============================= */

/* Внешняя кнопка */
.tt-product .thumbprod-button-bg.tt-btn-addtocart:not(.givy_send_as_gift_button),
.tt-product .thumbprod-button-bg.addtocart-item-js:not(.givy_send_as_gift_button) {

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: #000 !important;
  border: 1px solid #000 !important;
  border-radius: 12px !important;

  padding: 9px 16px !important;
font-size: 13px !important;

  margin: 0 auto !important;

  color: #fff !important;
}

/* Текст и иконки внутри — БЕЗ своих фонов */
.tt-product .thumbprod-button-bg.tt-btn-addtocart *,
.tt-product .thumbprod-button-bg.addtocart-item-js * {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;

  color: inherit !important;
  fill: currentColor !important;

  padding: 0 !important;
  margin: 0 !important;
}

/* Hover ТОЛЬКО для add to cart */
.tt-product .thumbprod-button-bg.tt-btn-addtocart:hover,
.tt-product .thumbprod-button-bg.addtocart-item-js:hover {
  background: #000 !important;
  border-color: #000 !important;
}
/* ============================= */
/* GIFT BUTTON — restore outline (NOT black) */
/* ============================= */

  background: transparent !important;
  border: 1px solid rgba(0,0,0,0.35) !important;
  color: rgba(0,0,0,0.75) !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 12px !important;
  padding: 12px 20px !important;
  margin: 10px auto 0 !important;

  box-shadow: none !important;
}

/* текст и иконки внутри gift */
.tt-product .thumbprod-button-bg.givy_send_as_gift_button * {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  color: inherit !important;
  fill: currentColor !important;

  padding: 0 !important;
  margin: 0 !important;
}

.tt-product .thumbprod-button-bg.givy_send_as_gift_button:hover {
  background: rgba(0,0,0,0.04) !important;
  border-color: rgba(0,0,0,0.45) !important;
}
/* =========================================
   PRODUCT GRID — LUXURY ALIGN (NO CROP)
   ========================================= */

@media (min-width: 769px) {
  .tt-product .tt-image-box .tt-img {
    aspect-ratio: 4 / 5;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
  }

  .tt-product .tt-image-box .tt-img img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
  }
}

@media (max-width: 768px) {
  .tt-product .tt-image-box .tt-img {
    aspect-ratio: 4 / 5;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
  }

  .tt-product .tt-image-box .tt-img img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
  }
}
/* =========================================
   COLLECTION GRID IMAGES — SAME HEIGHT (NO CROP)
   Works with: .tt-product .tt-image-box .tt-img (has inline height)
   ========================================= */

/* фиксируем высоту карточек через ratio и перебиваем inline height */
.tt-product .tt-image-box .tt-img{
  display: block !important;
  width: 100% !important;

  height: auto !important;            /* <-- перебивает style="height: ...px" */
  aspect-ratio: 4 / 5 !important;     /* единая высота карточек */

  background: #fff !important;        /* luxury look */
}

/* заставляем img заполнять контейнер ratio, но без кропа */
.tt-product .tt-image-box .tt-img img{
  width: 100% !important;
  height: 100% !important;            /* <-- ключевой момент */
  object-fit: contain !important;     /* без обрезания */
  display: block !important;
}