.t-form__errorbox-item {
    font-size: 12px;
}

/* Обязательное поле */
#allrecords .t396 .t-input-error{
 font-size:10px;
}


/*Убрать полосу прокрутки для всей страницы*/ ::-webkit-scrollbar {  width: 0;}







.t-store.t-store__prod-snippet__container {
padding-top: 0px!important;
padding-bottom: 0px!important;
}

.t758__list {
margin-bottom: 0px !important;
}





/* Стили для кнопки WhatsApp */


.t-store__prod-popup__btn-wrapper {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: calc(50% - 4px) calc(50% - 4px);
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    align-items: center;
}
.t-store__prod-popup__btn-wrapper a.whatsapp-order {
    padding: 18px;
    height: 43px;
    border: 1px solid #24d366;
    border-radius: 40px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    color: #24d366!important;
    justify-content: center;
    font-family: 'Open Sans';
    white-space: nowrap;
    font-size:14px;
}
.t-store__prod-popup__btn-wrapper a.whatsapp-order:hover {
    background: #24d366;
    color: #fff!important;
}

.uc-hidden {
    display: none!important;
}


/* Запросить коммерческое предложение/счет */

.t-store-prod__text, .js-store-prod-text {
    display: block !important; /* Подложка будет растягиваться на всю ширину */
    background-color: #F1F1F1 !important; /* Светло-серый фон */
    padding: 20px 20px !important; /* Отступы */
    border-radius: 15px !important; /* Скругление углов */
    width: 100% !important; /* Растягиваем на всю ширину родительского блока */
    box-sizing: border-box !important; /* Учитываем padding в ширине */
    text-align: left !important; /* Выравнивание текста влево */
    white-space: normal !important; /* Текст будет переноситься */
}

body, html {
    overflow-x: hidden;
}














/* ============================================================================
   UI в попапе: три кнопки-цены. Скрываем дефолтную верхнюю цену (используем как себестоимость)
   ============================================================================ */
.t-store__prod-popup__price-wrapper .js-store-prod-price{
  position:relative!important;height:0!important;margin:0!important;padding:0!important;
  overflow:hidden!important;border:0!important;
}

:root{
  --tp-card-maxw:560px;
  --tp-card-gap:8px;
  --tp-card-pad-y:10px;
  --tp-card-pad-x:14px;
  --tp-card-radius:12px;
  --tp-muted:#E8E8E8;
  --tp-muted-dark:#D2D2D2; /* чуть темнее для hover и уведомления */
  --tp-blue:#3B82F6;
  --tp-gray:#f8f8f8;
  --tp-text:#323232;
}

.t-store__prod-popup__price-wrapper{
  display:flex;
  flex-direction:column;
  gap:var(--tp-card-gap);
}

/* Кнопка-ценник */
.tp-price-card{
  border:1.5px solid var(--tp-muted);
  border-radius:var(--tp-card-radius);
  background:var(--tp-gray);
  padding:var(--tp-card-pad-y) var(--tp-card-pad-x);
  max-width:var(--tp-card-maxw);
  transition:border-color .2s ease, background .2s ease;
  color:var(--tp-text);
  font-family:"Open Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
.tp-price-card.tp-clickable{cursor:pointer;}
.tp-price-card:hover{border-color:var(--tp-muted-dark);} /* чуть темнее при наведении */
.tp-price-card.tp-selected{border-color:var(--tp-blue);box-shadow:none;}
.tp-disabled{opacity:.45;pointer-events:none;filter:grayscale(.1);}

/* Текст внутри карточки */
.tp-price-card__label{
  margin:0 0 4px;
  color:var(--tp-text);
  opacity:.72;
  font-weight:500;
  font-size:clamp(12px,1vw,12px);
  line-height:1.25;
}
.tp-price-card__value{
  color:var(--tp-text);
  font-weight:500;
  font-size:clamp(15px,2vw,17px);
  line-height:1.2;
}

/* Памятка при жёстком локе — всегда выделена чуть темнее */
.tp-locknote{
  margin-top:10px;
  padding:10px 12px;
  border:1.5px dashed var(--tp-muted-dark);
  border-radius:12px;
  background:var(--tp-gray);
  color:#555;
  font-family:"Open Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  font-size:clamp(11px,1vw,12px);
  line-height:1.35;
}

/* Каталог: внешний вид числа */
.t-store__card__price .js-product-price{
  color:var(--tp-text)!important;
  font-family:"Open Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  font-weight:600!important;
}

/* Адаптив */
@media (max-width:640px){:root{--tp-card-maxw:520px}}
@media (max-width:480px){:root{--tp-card-maxw:100%}}
@media (max-width:320px){.tp-price-card{padding:8px 10px}}















/* ============================================================================
   Иконки в карточках цен — немного меньше логотип, цвета по скрину
   ============================================================================ */
:root{
  --tp-ibox: 40px;   /* сторона плашки */
  --tp-igap: 5px;    /* зазор между иконкой и текстом */
}

.tp-price-card{
  position:relative;
  padding-left:calc(var(--tp-card-pad-x) + 5px + var(--tp-ibox) + var(--tp-igap));
}

/* Плашка под иконку */
.tp-price-card__icon{
  position:absolute;
  left:5px; top:5px; bottom:5px;
  height:calc(100% - 10px);
  aspect-ratio:1/1;
  border-radius:10px;
  background:#E3E9F3;          /* мягкий фон неактивных */
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
  box-sizing:border-box;
  transition:background .2s ease, fill .2s ease, opacity .2s ease;
}

/* SVG внутри */
.tp-price-card__icon svg{
  width:calc(var(--tp-ibox)*0.45); /* 👈 уменьшил с 0.55 до 0.45 */
  height:calc(var(--tp-ibox)*0.45);/* 👈 и здесь */
  fill:#3C4856;
  transition:fill .2s ease;
}

/* Активная кнопка */
.tp-price-card.tp-selected .tp-price-card__icon{
  background:#E6EEFF;
}
.tp-price-card.tp-selected .tp-price-card__icon svg{
  fill:#3B82F6;
}

/* Неактивные */
.tp-disabled .tp-price-card__icon{
  opacity:.95;
  background:#E3E9F3;
  filter:none;
}
.tp-disabled .tp-price-card__icon svg{
  fill:#3C4856;
}

/* ======= Адаптив ======= */
@media (max-width:960px){
  :root{--tp-ibox:38px;}
}
@media (max-width:640px){
  :root{--tp-ibox:36px;}
}
@media (max-width:480px){
  :root{--tp-ibox:34px;}
}
@media (max-width:320px){
  :root{--tp-ibox:32px;}
}














/* ========= Фотосессия на белом фоне ========= */
:root{
  /* Радиус скругления: от 8px на мобиле до 12px на десктопе */
  --tp-img-radius: clamp(8px, 1.2vw, 12px); /* адаптивное скругление */
  --tp-img-shadow: 0 2px 12px rgba(0,0,0,.04); /* базовая тень для читабельности */
}

/* ========= КАТАЛОГ: карточки с bg-image ========= */
/* Основной контейнер картинок каталога у Tilda — это div с фоном (background-image) */
.t-store__card__bgimg,
.t-store__card__bgimg_hover,
.js-product-img.t-bgimg{
  background-color:#fff !important;                 /* белая подложка под прозрачные PNG */
  border-radius:var(--tp-img-radius) !important;     /* скругляем сам контейнер (фон тоже скруглится) */
  box-shadow:var(--tp-img-shadow) !important;        /* мягкая тень */
  overflow:hidden !important;                        /* гарантируем обрезку по радиусу */
  background-clip:padding-box;                       /* не даём фону «подтекать» под границу */
}

/* ========= КАРТОЧКА ТОВАРА / ГАЛЕРЕЯ / ПОПАП ========= */
/* Важное ИСКЛЮЧЕНИЕ: не трогаем .t-product__option-checkmark (иконка у вариантов) */
.t-store__prod__imgwrapper .t-bgimg,
.t-store__prod-popup__slider .t-bgimg,
.t-store__prod-gallery__img .t-bgimg,
.t-store .t-bgimg:not(.t-product__option-checkmark){
  background-color:#fff !important;                 /* белый фон под изображением */
  border-radius:var(--tp-img-radius) !important;     /* скругление углов */
  box-shadow:var(--tp-img-shadow) !important;        /* тень, единый стиль */
  overflow:hidden !important;                        /* жёсткая обрезка по радиусу */
}

/* ========= Случаи, где используется  вместо background-image ========= */
.t-store__prod__imgwrapper img,
.t-store__prod-thumb img,
.t-store__card__img img,
.t-store__gallery__img img{
  background:#fff !important;                        /* белая заливка за прозрачными пикселями PNG */
  border-radius:var(--tp-img-radius) !important;     /* скругление для  */
  box-shadow:var(--tp-img-shadow) !important;        /* тень, как у bg-контейнеров */
  object-fit:contain;                                 /* корректное вписывание картинки */
}

/* ========= Небольшой апгрейд тени на широких экранах ========= */
@media (min-width:960px){
  .t-store__card__bgimg,
  .t-store__card__bgimg_hover,
  .js-product-img.t-bgimg{
    box-shadow:0 4px 18px rgba(0,0,0,.04) !important; /* чуть явнее на десктопе */
  }
}

/* ========= Совместимость с hover-скриптами Tilda ========= */
.t-store__card__bgimg_hover{ border-radius:var(--tp-img-radius) !important; }

/* ========= Жёсткое исключение для иконки в опциях (не трогаем вообще) ========= */
/* Если где-то выше всё же зацепится — снимаем белый фон/тень/обрезку именно у чек-иконки */
.t-product__option-checkmark.t-bgimg{
  background-color:transparent !important;  /* без белой подложки */
  box-shadow:none !important;               /* без тени */
  border-radius:0 !important;               /* без скругления */
  overflow:visible !important;              /* ничего не обрезаем */
  background-clip:initial !important;
}