/* ==========================================================
   TEKO — SINGLE PRODUCT
========================================================== */

/* ----------------------------------------------------------
   GLOBAL PAGE CLEANUP
---------------------------------------------------------- */

body.single-product #primary-sidebar,
body.single-product .primary-sidebar,
body.single-product .single-product-sidebar,
body.single-product .single-product-extra-content,
body.single-product #razzi-sticky-add-to-cart,
body.single-product .razzi-sticky-add-to-cart {
  display: none !important;
}

/*
 * Старий breadcrumb Razzi.
 */
body.single-product > .site .site-breadcrumb,
body.single-product .site-content > .site-breadcrumb {
  display: none !important;
}

/*
 * Знімаємо старі sidebar widths.
 */
body.single-product .site-content,
body.single-product .content-area,
body.single-product .site-main {
  width: 100% !important;
  max-width: none;
  float: none !important;
}

/* ==========================================================
   CONTAINER
========================================================== */

/* .teko-product__container {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
} */

/* ==========================================================
   BREADCRUMBS
========================================================== */

.teko-product__breadcrumbs {
  margin-top: 24px;
  margin-bottom: 24px;

  font-size: 13px;
  line-height: 1.5;

  color: #8f8f8f;
}

.teko-product__breadcrumbs a {
  color: inherit;
  text-decoration: none;
}

/* ==========================================================
   TOP PRODUCT
========================================================== */

.teko-product__top {
  display: grid;

  grid-template-columns:
    minmax(0, 1.15fr)
    minmax(360px, 0.85fr);

  gap: 32px;

  align-items: start;
}

/* ==========================================================
   GALLERY
========================================================== */

.teko-product-gallery {
  width: 100%;
}

.teko-product-gallery__grid {
  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 4px;
}

.teko-product-gallery__item {
  position: relative;

  display: flex;

  align-items: center;
  justify-content: center;

  aspect-ratio: 1 / 1;

  overflow: hidden;

  background: #f7f7f5;
}

.teko-product-gallery__image {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: contain;
}

.teko-product-gallery__item--hidden {
  display: none;
}

/* show more */

.teko-product-gallery__more {
  display: flex;

  align-items: center;
  justify-content: center;

  margin: 16px auto 0;

  min-height: 40px;

  padding: 0 18px;

  border: 1px solid #dedbd7;

  background: #fff;

  color: #1d1d1d;

  font-size: 13px;
  font-weight: 500;

  cursor: pointer;
}

/* ==========================================================
   SUMMARY
========================================================== */

.teko-product__summary {
  position: sticky;

  top: 120px;

  min-width: 0;
}

.teko-product__summary .summary-top-box {
  display: block;
}

/* Product title */

.teko-product__summary .product_title {
  margin: 0 0 10px;

  font-size: 32px;
  line-height: 1.15;

  font-weight: 500;

  color: #171717;
}

/* price */

.teko-product__summary .summary-price-box {
  display: flex;

  align-items: center;

  gap: 12px;

  margin: 18px 0;
}

.teko-product__summary .price {
  margin: 0;

  font-size: 26px;
  line-height: 1.2;

  font-weight: 600;

  color: #171717;
}

/* description */

.teko-product__summary .woocommerce-product-details__short-description {
  margin-top: 18px;

  font-size: 15px;
  line-height: 1.6;

  color: #505050;
}

/* ==========================================================
   CART
========================================================== */

.teko-product__summary form.cart {
  margin-top: 24px;
}

.teko-product__summary .single_add_to_cart_button {
  min-height: 52px;
}

/* Telegram */

.teko-product__summary .telegram-order-button {
  display: flex !important;

  width: 100%;

  min-height: 52px;

  align-items: center;
  justify-content: center;

  box-sizing: border-box;

  margin-top: 8px !important;
}

/* ==========================================================
   PRODUCT CONTENT / TABS
========================================================== */

.teko-product__content {
  margin-top: 100px;
}

.teko-product__content .woocommerce-tabs {
  width: 100%;
}

.teko-product__content .woocommerce-tabs ul.tabs {
  display: flex;

  gap: 8px;

  margin: 0 0 28px !important;

  padding: 0 !important;

  border: 0 !important;
}

.teko-product__content .woocommerce-tabs ul.tabs::before,
.teko-product__content .woocommerce-tabs ul.tabs::after {
  display: none !important;
}

.teko-product__content .woocommerce-tabs ul.tabs li {
  margin: 0 !important;

  padding: 0 !important;

  border: 0 !important;

  background: transparent !important;
}

.teko-product__content .woocommerce-tabs ul.tabs li::before,
.teko-product__content .woocommerce-tabs ul.tabs li::after {
  display: none !important;
}

.teko-product__content .woocommerce-tabs ul.tabs li a {
  display: flex;

  min-height: 40px;

  align-items: center;
  justify-content: center;

  padding: 0 18px;

  border: 1px solid #dedbd7;

  font-size: 13px;
  line-height: 1;

  font-weight: 500;

  color: #242424;
}

.teko-product__content .woocommerce-tabs ul.tabs li.active a {
  background: #1d1d1d;

  border-color: #1d1d1d;

  color: #fff;
}

.teko-product__content .woocommerce-Tabs-panel {
  max-width: 950px;

  margin: 0 !important;

  padding: 0 !important;

  font-size: 15px;
  line-height: 1.65;

  color: #525252;
}

/* ==========================================================
   RELATED PRODUCTS
========================================================== */

.teko-product__related {
  margin-top: 110px;

  margin-bottom: 100px;
}

.teko-product__related .related.products > h2 {
  margin: 0 0 32px;

  font-size: 36px;
  line-height: 1.15;

  font-weight: 500;

  color: #171717;
}

/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 1024px) {
  .teko-product__container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .teko-product__top {
    grid-template-columns:
      minmax(0, 1fr)
      minmax(320px, 0.85fr);

    gap: 24px;
  }

  .teko-product__summary .product_title {
    font-size: 28px;
  }
}

/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 767px) {
  .teko-product__container {
    padding-left: 16px;

    padding-right: 16px;
  }

  .teko-product__breadcrumbs {
    margin-top: 16px;

    margin-bottom: 16px;
  }

  .teko-product__top {
    display: block;
  }

  .teko-product__summary {
    position: static;

    margin-top: 28px;
  }

  .teko-product-gallery__grid {
    grid-template-columns: 1fr;
  }

  .teko-product-gallery__item {
    aspect-ratio: auto;

    min-height: 340px;
  }

  .teko-product__summary .product_title {
    font-size: 26px;
  }

  .teko-product__content {
    margin-top: 64px;
  }

  .teko-product__content .woocommerce-tabs ul.tabs {
    overflow-x: auto;

    flex-wrap: nowrap;
  }

  .teko-product__content .woocommerce-tabs ul.tabs li {
    flex: 0 0 auto;
  }

  .teko-product__related {
    margin-top: 72px;

    margin-bottom: 72px;
  }
}
/* ==========================================================
   RELATED PRODUCTS
========================================================== */

.teko-related {
  margin-top: 120px;
  margin-bottom: 120px;
  overflow: hidden;
}

.teko-related__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 32px;
}

.teko-related__title {
  margin: 0;

  color: var(--teko-neutral-1000);

  font-family: var(--teko-heading-h2-font-family);
  font-size: var(--teko-heading-h2-font-size-64px);
  font-weight: var(--teko-weight-medium);
  line-height: var(--teko-heading-h2-line-height-68px);
  letter-spacing: var(--teko-heading-h2-letter-spacing-minus-05px);
}

.teko-related__nav {
  display: flex;
  align-items: center;
  gap: 8px;
}

.teko-related__slider {
  width: 100%;
  overflow: hidden;
}

.teko-related__track {
  align-items: stretch;
}

.teko-related__slide {
  height: auto;
  box-sizing: border-box;
}

.teko-related__slide .teko-product-card {
  height: 100%;
}

/* ==========================================================
   SINGLE PRODUCT — REMOVE OLD SIDEBAR GRID
========================================================== */

.single-product .teko-product-grid {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}

/* Основний контейнер нового шаблону */
.single-product .teko-product__container {
  width: 100%;
  max-width: var(--teko-container-width);
  margin-left: auto;
  margin-right: auto;

  /* padding-left: var(--teko-container-padding-desktop);
  padding-right: var(--teko-container-padding-desktop); */

  box-sizing: border-box;
}
.single-product .site-content > .container,
.single-product .site-content .container {
  width: 100% !important;
  max-width: none !important;

  padding-left: 0 !important;
  padding-right: 0 !important;

  margin-left: auto !important;
  margin-right: auto !important;
}

/* ----------------------------------------------------------
   TABLET
---------------------------------------------------------- */

@media (max-width: 1024px) {
  .teko-related {
    margin-top: 96px;
    margin-bottom: 96px;
  }

  .teko-related__title {
    font-size: var(--teko-heading-h3-font-size-44px);
    line-height: var(--teko-heading-h3-line-height-48px);
  }
}

/* ----------------------------------------------------------
   MOBILE
---------------------------------------------------------- */

@media (max-width: 767px) {
  .teko-related {
    margin-top: 72px;
    margin-bottom: 72px;
  }

  .teko-related__head {
    margin-bottom: 24px;
  }

  .teko-related__title {
    font-size: var(--teko-heading-h4-font-size-32px);
    line-height: var(--teko-heading-h4-line-height-38px);
  }
}

/* @media (max-width: 1199px) {
  .single-product .teko-product__container {
    padding-left: var(--teko-container-padding-tablet);
    padding-right: var(--teko-container-padding-tablet);
  }
}

@media (max-width: 767px) {
  .single-product .teko-product__container {
    padding-left: var(--teko-container-padding-mobile);
    padding-right: var(--teko-container-padding-mobile);
  }
} */
