/* =========================
1) Изменение шрифта корзины 
============================ */

/* 1.1) Общий шрифт для всей корзины (все режимы: sidebar/cartpage/cartwin) */
.t706,
.t706 *{
  font-family: "Inter", Arial, sans-serif !important;
}

/* 1.2) Заголовок корзины/оформления */
.t706__cartwin-heading{
  font-family: "Inter", Arial, sans-serif !important;
  font-weight: 600 !important;
}

/* 1.3) Название товара (regular) */
.t706__product-title,
.t706__product-title a{
  font-family: "Inter", Arial, sans-serif !important;
  font-weight: 400 !important;
}

/* =========================
2) Tilda Cart (t706) — кастомизация 
============================ */

.t706__orderform {
  margin-bottom: 0 !important;
}

.t706__cartwin-bottom {
  background-color: #0F1418;
  padding: 10px 20px;
  display: inline-block;
  margin-right: auto;
  border-radius: 100px;
  margin-bottom: 10px;
}

.t706__product-amount,
.t706__product-del-wrapper {
  display: none !important;
}

.t706__cartwin-top,
.t706__cartwin-bottom {
  border: none !important;
}

.t706__cartwin-content {
  border-radius: 0;
}

.t706__cartwin-heading {
  font-size: 32px;
  font-weight: 500;
  letter-spacing: -1px;
  line-height: 1.1;
}

.t706__product {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}

.t706__product-thumb {
  padding: 0 !important;
  width: 100%;
  height: 300px;
}

.t706__product-title {
  font-size: 18px;
  padding: 25px 0 15px 0;
  font-weight: 500;
  letter-spacing: -0.6px;
  line-height: 1.2;
}

.t706__cartwin-prodamount-wrap {
  padding: 0 !important;
  color: #E6E9ED;
}

.t706__product-imgdiv {
  height: 100%;
  width: 100%;
  border-radius: 0;
}

@media screen and (max-width: 640px) {
  .t706__product {
    margin: 0 !important;
  }

  .t706 .t-form__submit {
    margin-block: 0;
    padding-block: 0;
  }

  .t706__product-title {
    font-size: 16px;
  }

  .t706__cartwin-heading {
    font-size: 20px;
  }
}

@media screen and (max-width: 560px) {
  .t706__product-thumb {
    padding: 0 !important;
    width: 100%;
    height: 150px;
  }

  .t706__cartwin-content {
    border-radius: 0;
  }

  .t706__close {
    background-color: #fff !important;
  }

  .t706__close-button svg g {
    fill: #232323;
  }
}

/* ================================
   3) Бордер кнопки (.main_btn)
   ================================ */
.t396 .main_btn {
  border: 1px solid rgba(230, 225, 218, 0.3) !important;
  box-sizing: border-box !important;
  cursor: pointer;
  transition: border-color .20s ease-in-out .1s;
}

.t396 .main_btn:hover {
  border-color: rgba(230, 225, 218, 1) !important;
}

/* ================================
   4) Появление из блюра (.reveal)
   ================================ */
.reveal {
  opacity: 0;
  transform: translateY(14px);
  filter: blur(6px);
  transition: opacity .7s ease, transform .7s ease, filter .7s ease;
  will-change: opacity, transform, filter;
}

.reveal.is-inview {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

/* ================================
   5) Карточки с описанием
   ================================ */
.js-card {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

/* Описание скрыто по умолчанию */
.js-card .js-card-desc {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transform: translateY(-4px);
  transition: max-height .25s ease, opacity .2s ease, transform .2s ease;
  will-change: max-height, opacity, transform;
}

/* Открытое состояние */
.js-card.is-open .js-card-desc {
  max-height: 600px; /* увеличить, если текста больше */
  opacity: 1;
  transform: translateY(0);
}

/* Кнопка "подробнее" скрывается при открытии */
.js-card.is-open .js-card-btn {
  opacity: 0;
  pointer-events: none;
}

/* Мобильные устройства */
@media (max-width: 640px) {
  .js-card { cursor: default; }
}

/* ================================
   6) Подчеркивание ссылок в футере
   ================================ */
.footer-link{
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: inherit;
}

/* подчёркивание */
.footer-link::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 1px;
  background: currentColor;

  /* скрыто */
  clip-path: inset(0 100% 0 0);
  transition: clip-path .35s ease;
}

/* hover */
.footer-link:hover::after{
  clip-path: inset(0 0 0 0);
}

/* мобильные */
@media (hover: none){
  .footer-link::after{
    clip-path: inset(0 100% 0 0);
  }
}

/* ================================
   7) Hover: текст + линия
   ================================ */
/* контейнер */
.pm-title{
  cursor: pointer;
}

/* текст */
.pm-text{
color: #BDBDBD;
  transition: color .3s ease;
}

/* линия (серый фон задаётся в Zero Block) */
.pm-line{
  position: relative;
  overflow: hidden;
}

/* белая заливка линии */
.pm-line::after{
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .35s ease;
}

/* hover: текст белый + линия заполняется */
.pm-title:hover .pm-text{
  color: #fff !important;
}

.pm-title:hover .pm-line::after{
  transform: scaleX(1);
}

/* мобильные устройства (без hover) */
@media (hover: none){
  .pm-title:hover .pm-text{ color: inherit; }
  .pm-title:hover .pm-line::after{ transform: scaleX(0); }
}