::-webkit-scrollbar {  width: 0;}


/* Стили для модального окна записи */
html.dvzapis-lock, body.dvzapis-lock{overflow:hidden!important;}

/* Комментарий: корневой контейнер модалки (по умолчанию скрыт) */
.dvzapis{
  position:fixed; inset:0;
  z-index:20000;
  display:none;
  font-family:"Montserrat",sans-serif;
  font-weight:300;
}

/* Комментарий: когда открыто — показываем */
.dvzapis.is-open{display:block;}

/* Комментарий: подложка */
.dvzapis__overlay{
  position:absolute; inset:0;
  background:rgba(15,23,42,.55);
}

/* Комментарий: диалог */
.dvzapis__dialog{
  position:absolute;
  left:50%; top:50%;
  transform:translate(-50%,-50%);
  width:min(1120px, calc(100vw - 40px));
  max-height:calc(100vh - 40px);
  max-height:calc(100dvh - 40px);
  height:min(860px, calc(100dvh - 40px));
  background:#fff;
  border-radius:0;
  overflow:hidden;
  box-shadow:0 18px 60px rgba(0,0,0,.18);
  display:flex;
  flex-direction:column;
}

/* Комментарий: шапка */
.dvzapis__head{
  position:relative;
  padding:18px 22px;
  border-bottom:1px solid rgba(15,23,42,.08);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.dvzapis__title{
  font-weight:300;
  color:#0f172a;
  font-size:clamp(14px, 2vw, 18px);
  letter-spacing:.2px;
}

/* Комментарий: кнопка-крестик */
.dvzapis__x{
  position:absolute;
  top:12px;
  right:12px;
  width:32px; height:32px;
  border:none;
  border-radius:0;
  background:transparent;
  color:#9aa0a6;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:transform .18s ease, color .18s ease, opacity .18s ease;
  opacity:.9;
}
.dvzapis__x:hover{background:transparent; color:#7f8790; transform:scale(1.03); opacity:1;}
.dvzapis__x:active{transform:scale(.98);}

/* Комментарий: тело */
.dvzapis__body{
  padding:18px 22px;
  overflow:auto;
  display:flex;
  flex-direction:column;
  flex:1;
  min-height:0;
}

/* Комментарий: кнопки сверху */
.dvzapis__grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:12px;
}

/* Десктоп: не режем текст в кнопках, пусть переносится */
.dvzapis__grid .dvzapis__btn{
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  word-break:break-word;
}

/* Комментарий: общий стиль кнопок */
.dvzapis__btn{
  border:none;
  border-radius:2px;
  padding:12px 14px;
  cursor:pointer;
  font-family:inherit;
  font-weight:300;
  font-size:clamp(12px, 1.6vw, 14px);
  line-height:1.15;
  transition:background-color .2s ease, color .2s ease, transform .18s ease;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Комментарий: primary */
.dvzapis__btn--primary{background:#3c3c6b; color:#fff;}
.dvzapis__btn--primary:hover{background:#dfe3ee; color:#3c3c6b;}

/* Комментарий: olive */
.dvzapis__btn--olive{background:rgba(108,121,92,.85); color:#fff;}
.dvzapis__btn--olive:hover{background:#e3e4d7; color:#6c7a5c;}

/* Комментарий: активность */
.dvzapis__btn.is-inactive{opacity:.55;}
.dvzapis__btn.is-active{transform:none;}
.dvzapis__btn.is-inactive:hover{
  transform:none;
}
.dvzapis__btn--primary.is-inactive:hover{
  background:#3c3c6b;
  color:#fff;
}
.dvzapis__btn--olive.is-inactive:hover{
  background:rgba(108,121,92,.85);
  color:#fff;
}
.dvzapis__btn--primary.is-active{
  background:#2e2e59;
  color:#fff;
  box-shadow:0 0 0 2px rgba(60,60,107,.2) inset;
}
.dvzapis__btn--olive.is-active{
  background:#5f6a52;
  color:#fff;
  box-shadow:0 0 0 2px rgba(108,121,92,.22) inset;
}
.dvzapis.is-step-3 .dvzapis__btn.is-active:hover{
  transform:translateY(-1px);
}
.dvzapis.is-step-3 .dvzapis__btn--primary.is-active:hover{
  background:#2e2e59;
  color:#fff;
}
.dvzapis.is-step-3 .dvzapis__btn--olive.is-active:hover{
  background:#5f6a52;
  color:#fff;
}

/* Комментарий: зона фреймов */
.dvzapis__framewrap{
  margin-top:14px;
  height:auto;
  min-height:320px;
  flex:1;
  border-radius:2px;
  overflow:hidden;
  background:#fff;
  position:relative;
}

/* Шаг 2: показываем только выбор, скрываем блок с фреймами */
.dvzapis.is-step-2 .dvzapis__framewrap{
  display:none;
}
/* Шаг 2: компактная высота под кнопки */
.dvzapis.is-step-2 .dvzapis__dialog{
  height:auto;
}
.dvzapis.is-step-2 .dvzapis__body{
  flex:0;
  overflow:visible;
}

/* Шаг 3: показываем фреймы */
.dvzapis.is-step-3 .dvzapis__framewrap{
  display:block;
}

/* Комментарий: оба iframe — абсолютом, показываем нужный */
.dvzapis__frame{
  position:absolute; inset:0;
  width:100%; height:100%;
  border:0;
  display:none;
}
.dvzapis__frame.is-show{display:block;}

/* Комментарий: футер */
.dvzapis__foot{
  padding:14px 22px 18px;
  border-top:1px solid rgba(15,23,42,.08);
  display:flex;
  justify-content:flex-end;
}

.dvzapis__closebtn{
  border:none;
  border-radius:2px;
  padding:10px 16px;
  background:#9aa0a6;
  color:#fff;
  cursor:pointer;
  font-family:inherit;
  font-weight:300;
  font-size:clamp(12px, 1.6vw, 14px);
  transition:background-color .2s ease, transform .18s ease;
}
.dvzapis__closebtn:hover{background:#8b9198;}
.dvzapis__closebtn:active{transform:scale(.98);}

/* ===========================
   Адаптив под Tilda: 960/640/480/320
   =========================== */

@media (max-width:960px){
  .dvzapis__dialog{width:min(960px, calc(100vw - 32px)); border-radius:0;}
  .dvzapis__framewrap{height:auto;}
}

@media (max-width:640px){
  .dvzapis__grid{grid-template-columns:1fr; }
  .dvzapis__btn{white-space:normal;}
  .dvzapis__dialog{
    width:calc(100vw - 24px);
    max-height:calc(100vh - 24px);
    max-height:calc(100dvh - 24px);
    height:calc(100dvh - 24px);
    border-radius:0;
  }
  .dvzapis__head,.dvzapis__body,.dvzapis__foot{padding-left:16px; padding-right:16px;}
  .dvzapis__framewrap{height:auto; min-height:260px;}
  .dvzapis__x{top:10px; right:10px;}
}

@media (max-width:480px){
  .dvzapis__x{width:32px; height:32px; border-radius:0;}
  .dvzapis__framewrap{min-height:240px;}
}

@media (max-width:320px){
  .dvzapis__framewrap{min-height:220px;}
}



/* Базовый селектор: если где-то класс без uc- (редко), тоже поймаем */
.dv-scroll-appear,
.uc-dv-scroll-appear{
  position:fixed!important;
  left:0!important;
  bottom:0!important;
  width:100%!important;
  z-index:999!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .25s ease!important;
}

/* Показ */
.dv-scroll-appear.is-visible,
.uc-dv-scroll-appear.is-visible{
  opacity:1!important;
  pointer-events:auto!important;
}

/* Твой блик */
.autoink{position:relative;overflow:hidden;border-radius:0;background:#4b4f8f;box-shadow:0 6px 28px rgba(0,0,0,.14)}
.autoink:before{content:"";position:absolute;bottom:-80%;right:-80%;width:140%;height:140%;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.35) 50%,transparent 60%);transform:rotate(-20deg);animation:shineDiagonal 3.2s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none}
@keyframes shineDiagonal{0%{bottom:-80%;right:-80%;opacity:0}25%{opacity:1}55%,100%{bottom:120%;right:120%;opacity:0}}

















.t-store__prod-popup__name{
  text-transform: uppercase;
}

/* Заголовок товара — CAPS */
.t-store__prod-popup__name{
  text-transform: uppercase;
}

/* Адаптив до 390px */
@media screen and (max-width: 390px){
  .t-store__prod-popup__name{
    font-size: 18px !important;
    line-height: 1.2;
  }
}