/* Accordion (shared Zero-block) */
.uc-accordion-block{max-height:0;overflow:hidden;transition:max-height 0.0001s ease;position:relative;z-index:0;}
.uc-accordion{cursor:pointer;position:relative;z-index:1;}
.fade-content,
.accordion-icon {
  transition: opacity 0.3s ease, transform 0.3s ease;
  opacity:0.4;
}
.uc-accordion.active .fade-content,
.uc-accordion.active .accordion-icon,
.uc-accordion-block.active .fade-content,
.uc-accordion-block.active .accordion-icon {
  opacity:1;
}
.uc-accordion.active .accordion-icon{transform:rotate(45deg);}

/* Product card in-text accordion (детали / доставка / …) — canonical */
.uc-prod-acc{
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:flex-start!important;
  gap:12px!important;
  min-height:38px;
  padding:8px 0!important;
  box-sizing:border-box;
  border:0!important;
  text-transform:none!important;
  font-size:14px!important;
  font-weight:400!important;
  -webkit-tap-highlight-color:transparent;
}
.uc-prod-acc:first-child{border-top:0;padding-top:0;}
.uc-prod-acc-icon{
  flex:0 0 auto;
  order:-1!important;
  width:10px!important;
  height:10px!important;
  position:relative;
  opacity:1;
  border:0!important;
  transition:transform .35s cubic-bezier(.4,0,.2,1)!important;
}
.uc-prod-acc-icon:before,
.uc-prod-acc-icon:after{
  content:""!important;
  position:absolute;
  display:block;
  background:currentColor;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
}
.uc-prod-acc-icon:before{width:10px;height:1px;}
.uc-prod-acc-icon:after{width:1px;height:10px;}
.uc-prod-acc.active .uc-prod-acc-icon{transform:rotate(45deg)!important;}
.uc-prod-acc-body{
  max-height:0;
  overflow:hidden;
  opacity:0;
  padding:0 0 0 22px!important;
  font-size:14px!important;
  font-weight:400!important;
  text-transform:none!important;
  line-height:1.6;
  transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease!important;
  overflow-anchor:none;
}
.uc-prod-acc-body.active{opacity:1;}
.uc-prod-acc-body:after{content:"";display:block;height:12px;}
.uc-prod-acc-body > :first-child{margin-top:0;}
.uc-prod-acc-body img,
.uc-prod-acc-body .nozhov-sizechart{
  max-width:100%;
  height:auto;
  display:block;
}
.js-store-prod-all-text,
.js-catalog-prod-all-text{
  margin-top:18px!important;
  overflow-anchor:none;
}
.tn-elem.uc-prod-acc-host{
  z-index:2;
  overflow:visible!important;
}
.tn-elem.uc-prod-acc-host,
.tn-elem.uc-prod-acc-host .tn-atom{
  height:auto!important;
  max-height:none!important;
}

/* /test catalog (t1291) — denser grid, taller cards (cortisol-like) */
#rec4581739301 .t-catalog {
  max-width: 87%;
  margin-left: auto;
  margin-right: auto;
}
#rec4581739301 .js-catalog-grid-cont {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}
/* 3:4 → ~9:16 portrait; cover crops to fill */
#rec4581739301 .t-catalog__card__imgwrapper,
#rec4581739301 .t-catalog__card__imgwrapper_3-4,
#rec4581739301 .t-catalog__card__imgwrapper_2-3,
#rec4581739301 .t-catalog__card__imgwrapper_1-1{
  height: 0 !important;
  padding-bottom: 177.78% !important; /* 9:16 */
}
#rec4581739301 .t-catalog__card__bgimg,
#rec4581739301 .t-catalog__card__imgwrapper .t-bgimg{
  background-size: cover !important;
  background-position: center center !important;
}
#rec4581739301 .t-catalog__cont-wrapper,
#rec4581739301 .js-catalog-cont-w-filter,
#rec4581739301 .t-catalog__cont-w-filter,
#rec4581739301 .js-catalog-grid-cont,
#rec4581739301 .t-catalog__card-list{
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}
#rec4581739301 .js-catalog-cont-w-filter,
#rec4581739301 .t-catalog__cont-w-filter{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#rec4581739301 .js-catalog-grid-cont,
#rec4581739301 .t-catalog__card-list{
  gap: 0 !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
}
#rec4581739301 .t-catalog__card,
#rec4581739301 .t-catalog__stretch-col{
  margin-bottom: 8px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  padding-bottom: 0 !important;
  box-sizing: border-box !important;
  width: 25% !important;
  max-width: 25% !important;
  flex: 0 0 25% !important;
}
#rec4581739301 .t-catalog__card__contentwrapper,
#rec4581739301 .t-catalog__card__textwrapper{
  padding-top: 8px !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  min-height: 0 !important;
}
#rec4581739301 .t-catalog__card__title{
  margin-bottom: 2px !important;
  line-height: 1.25 !important;
}
#rec4581739301 .t-catalog__card__price-wrapper,
#rec4581739301 .t-catalog__card__price{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

@media screen and (max-width: 960px) {
  #rec4581739301 .t-catalog {
    max-width: 100%;
    padding-left: 2px;
    padding-right: 2px;
    box-sizing: border-box;
  }
  #rec4581739301 .t-catalog__card,
  #rec4581739301 .t-catalog__stretch-col {
    margin-bottom: 6px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    padding-bottom: 0 !important;
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
  }
  #rec4581739301 .t-catalog__grid,
  #rec4581739301 .js-catalog-grid-cont,
  #rec4581739301 .t-catalog__container,
  #rec4581739301 .t-catalog__row {
    column-gap: 4px !important;
    row-gap: 8px !important;
    gap: 8px 4px !important;
  }
  #rec4581739301 .t-catalog__card__imgwrapper {
    width: 100% !important;
  }
  #rec4581739301 .t-catalog__card__contentwrapper,
  #rec4581739301 .t-catalog__card__textwrapper {
    padding-top: 6px !important;
  }
  #rec4581739301 .t-catalog__card__title {
    font-size: 12px !important;
  }
  #rec4581739301 .t-rec_pt-res-480_30 {
    padding-top: 12px !important;
  }
}

/* Official Долями promo mount under price */
.nozhov-dolyame {
  margin-top: 8px;
  margin-bottom: 4px;
  width: 100%;
  min-height: 0;
  line-height: 1.3;
  font-size: 13px;
  font-weight: 300;
}
/* Reserve space only when widget actually painted children */
.t-store__prod-popup__info .nozhov-dolyame:not(:empty),
.t-catalog__prod-popup__info .nozhov-dolyame:not(:empty),
.js-store-price-wrapper + .nozhov-dolyame:not(:empty) {
  min-height: 24px;
  margin-top: 10px;
  margin-bottom: 8px;
}
/* Never mount/show Долями on catalog grid cards — only PDP / popup */
.t-catalog__card .nozhov-dolyame {
  display: none !important;
  margin: 0 !important;
  min-height: 0 !important;
}
.tn-elem.price .nozhov-dolyame,
.price.tn-elem .nozhov-dolyame {
  position: relative;
  z-index: 2;
}

/* VORON product card (was in per-page HTML; required for size clicks / active state) */
.v-gal .t-slds__thumbsbullet-wrapper{display:none!important;}
[name="v-activeVariant"] .tn-atom,
[name="v-activeVariant"] .tn-atom:before,
[name="v-activeVariant"] .tn-atom:after{
  background-color:#FFFFFF00!important;
  border-color:#FFFFFF00!important;
}
[name="v-activeVariant"] .tn-atom__button-text{color:#404040!important;}
[name="v-activeVariant"]{pointer-events:none;}
[class*=" ver"],
.v-order,
.fav{
  cursor:pointer;
  pointer-events:auto;
}
[class*="v-img"] .tn-atom{background-size:cover;}
.vdisable{
  opacity:.5;
  pointer-events:none;
}
form:has([name="vquant"]) .tn-form__submit{display:none!important;}
.t-slds__item_dummy{display:none!important;}

/*
 * Zero Gallery injects BOTH arrow SVGs (type 1 chevron + type 2 line) stacked,
 * then JS hides all and re-shows the selected type. That flashes “two kinds of
 * arrows” on left/right. Product galleries use arrowtype=2.
 */
.t-null__slds-arrow_1 {
  display: none !important;
}

/*
 * Arrow markup is injected before JS adds the tn-elem__gallery_arrows-*
 * class that decides placement (or hides them for arrows=none), so arrows
 * paint for a frame. Keep the container hidden until that class lands.
 */
.tn-elem[data-elem-type="gallery"]:not([class*="tn-elem__gallery_arrows-"]) .t-slds__arrow_container {
  visibility: hidden !important;
}

.tn-elem__gallery_arrows-none .t-slds__arrow_container {
  display: none !important;
}

/* Desktop gallery (arrows on) must not paint on narrow screens before blocks CSS */
@media screen and (max-width: 640px) {
  .t-screenmin-640px {
    display: none !important;
  }
  .t-screenmin-640px .t-slds__arrow_container {
    display: none !important;
  }
}

/* Telegram WebApp — pads only when JS sets real inset values (> 0) */
html.nozhov-tg-webapp {
  --nozhov-tg-pad-top: 0px;
  --nozhov-tg-pad-bottom: 0px;
}

html.nozhov-tg-webapp.nozhov-tg-has-top-pad #allrecords,
html.nozhov-tg-webapp.nozhov-tg-has-top-pad body {
  padding-top: var(--nozhov-tg-pad-top) !important;
  box-sizing: border-box;
}

html.nozhov-tg-webapp.nozhov-tg-has-bottom-pad #allrecords,
html.nozhov-tg-webapp.nozhov-tg-has-bottom-pad body {
  padding-bottom: var(--nozhov-tg-pad-bottom) !important;
  box-sizing: border-box;
}

/* Only nudge fixed headers when Telegram reports a real top inset */
html.nozhov-tg-webapp.nozhov-tg-has-top-pad .t396__artboard[data-artboard-fixed="true"],
html.nozhov-tg-webapp.nozhov-tg-has-top-pad .t396__artboard_fixed,
html.nozhov-tg-webapp.nozhov-tg-has-top-pad .t450,
html.nozhov-tg-webapp.nozhov-tg-has-top-pad .t282,
html.nozhov-tg-webapp.nozhov-tg-has-top-pad .t178,
html.nozhov-tg-webapp.nozhov-tg-has-top-pad .t-menuburger,
html.nozhov-tg-webapp.nozhov-tg-has-top-pad .t-menuburger__container,
html.nozhov-tg-webapp.nozhov-tg-has-top-pad #tildamenu,
html.nozhov-tg-webapp.nozhov-tg-has-top-pad .t-menu,
html.nozhov-tg-webapp.nozhov-tg-has-top-pad .tmenu-mobile,
html.nozhov-tg-webapp.nozhov-tg-has-top-pad .t-rec_menu {
  top: var(--nozhov-tg-pad-top) !important;
}

html.nozhov-tg-webapp.nozhov-tg-has-bottom-pad .t706__carticon {
  bottom: calc(16px + var(--nozhov-tg-pad-bottom)) !important;
}

/* Keep standard cart icon hidden — header uses Zero cartcopy */
.t706__carticon {
  display: none !important;
}

/* Cart window: November + familiar form look */
.t706__cartwin,
.t706__cartwin * {
  font-family: var(--t-text-font, 'November', Arial, sans-serif) !important;
}

/* Popup on /test must use the same font as full /catalog/ PDP (November) */
.t-popup__container:has(.t-catalog__prod-popup__name),
.t-popup__container:has(.t-catalog__prod-popup__name) *,
.t-popup__container:has(.t-store__prod-popup__name),
.t-popup__container:has(.t-store__prod-popup__name) *{
  font-family:'November',Arial,sans-serif!important;
}

/* Shared product layout: catalog popup + full PDP */
.t-catalog__prod-popup__title-wrapper,
.t-store__prod-popup__title-wrapper{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  margin-bottom:0!important;
  gap:20px!important;
}
.t-catalog__prod-popup__name,
.t-store__prod-popup__name{flex:1 1 auto;}
.t-catalog__prod-popup__price-wrapper,
.t-store__prod-popup__price-wrapper{
  flex:0 0 auto;
  margin-top:0!important;
}

.t-store__product-snippet .js-store-prod-name,
.t-store__prod-popup__name,
.t-catalog__prod-popup__name,
.t-store__product-snippet h1.js-product-name,
.t-catalog__prod-popup h1.js-product-name{
  font-size:16px!important;
  font-weight:400!important;
  line-height:1.3!important;
  text-transform:none!important;
  margin:0 0 12px!important;
}
.t-store__product-snippet .js-product-price,
.t-store__prod-popup__price-value,
.t-store__prod-popup__price,
.t-catalog__prod-popup__price-value,
.t-catalog__prod-popup__price{
  font-size:14px!important;
  font-weight:300!important;
  text-transform:none!important;
}

/* Buy button #191919 */
.t-catalog__prod-popup__btn,
.t-store__prod-popup__btn,
.nozhov-catalog-buy,
.t-catalog__prod-popup__btn.t-btnflex,
.t-store__prod-popup__btn.t-btnflex{
  width:100%!important;
  min-height:40px!important;
  box-sizing:border-box!important;
  justify-content:center!important;
  background:#191919!important;
  background-color:#191919!important;
  color:#fff!important;
  font-weight:400!important;
  text-transform:none!important;
  border:0!important;
}
.t-catalog__prod-popup__btn-wrapper,
.t-store__prod-popup__btn-wrapper,
.nozhov-catalog-buy-wrap{width:100%!important;}

/* Hide pack dims/weight in UI (kept in data-* for CDEK) */
.js-store-prod-dimensions,
.js-store-prod-weight,
.js-catalog-prod-dimensions,
.js-catalog-prod-weight{
  display:none!important;
}

/* Gallery: native Tilda layout (two floated cols). Only image fit + height cap. */
.t-store__prod-popup__slider .t-slds__bgimg,
.t-catalog__prod-popup__slider .t-slds__bgimg,
.js-store-prod-slider .t-slds__bgimg,
.js-catalog-prod-slider .t-slds__bgimg{
  background-size:contain!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  padding-bottom:125%!important;
  max-height:80vh;
  cursor:zoom-in;
}
/* Gallery arrows: square buttons inside the photo (56px from slider edge so they stay on the photo even for 2:3 letterboxed shots), shown on hover; hidden on touch/mobile (swipe + thumbs) */
@media screen and (min-width: 960px) {
  .t-store__prod-popup__slider .t-slds__arrow,
  .t-catalog__prod-popup__slider .t-slds__arrow,
  .js-store-prod-slider .t-slds__arrow,
  .js-catalog-prod-slider .t-slds__arrow{ opacity:0; transition:opacity .25s ease; }
  .t-store__prod-popup__slider .t-slds:hover .t-slds__arrow,
  .t-catalog__prod-popup__slider .t-slds:hover .t-slds__arrow,
  .js-store-prod-slider .t-slds:hover .t-slds__arrow,
  .js-catalog-prod-slider .t-slds:hover .t-slds__arrow{ opacity:1; }
  .t-store__prod-popup__slider .t-slds__arrow-right,
  .t-catalog__prod-popup__slider .t-slds__arrow-right,
  .js-store-prod-slider .t-slds__arrow-right,
  .js-catalog-prod-slider .t-slds__arrow-right{ right:56px!important; }
  .t-store__prod-popup__slider .t-slds__arrow-left,
  .t-catalog__prod-popup__slider .t-slds__arrow-left,
  .js-store-prod-slider .t-slds__arrow-left,
  .js-catalog-prod-slider .t-slds__arrow-left{ left:56px!important; }
  .t-store__prod-popup__slider .t-slds__arrow_body,
  .t-catalog__prod-popup__slider .t-slds__arrow_body,
  .js-store-prod-slider .t-slds__arrow_body,
  .js-catalog-prod-slider .t-slds__arrow_body{
    display:flex!important; align-items:center; justify-content:center;
    width:32px!important; height:32px; border-radius:0;
    background:rgba(255,255,255,.9); transform:translateY(-50%); transition:background .2s;
  }
  /* Tilda flips left via rotate(180deg) on .t-slds__arrow_body-left; our translateY override must keep that flip */
  .t-store__prod-popup__slider .t-slds__arrow_body-left,
  .t-catalog__prod-popup__slider .t-slds__arrow_body-left,
  .js-store-prod-slider .t-slds__arrow_body-left,
  .js-catalog-prod-slider .t-slds__arrow_body-left{
    transform:translateY(-50%) rotate(180deg)!important;
  }
  .t-store__prod-popup__slider .t-slds__arrow_body:hover,
  .t-catalog__prod-popup__slider .t-slds__arrow_body:hover,
  .js-store-prod-slider .t-slds__arrow_body:hover,
  .js-catalog-prod-slider .t-slds__arrow_body:hover{ background:#fff; }
  .t-store__prod-popup__slider .t-slds__arrow_body svg,
  .t-catalog__prod-popup__slider .t-slds__arrow_body svg,
  .js-store-prod-slider .t-slds__arrow_body svg,
  .js-catalog-prod-slider .t-slds__arrow_body svg{ width:7px!important; height:13px!important; }
}
@media screen and (max-width: 959px) {
  .t-store__prod-popup__slider .t-slds__arrow_wrapper,
  .t-catalog__prod-popup__slider .t-slds__arrow_wrapper,
  .js-store-prod-slider .t-slds__arrow_wrapper,
  .js-catalog-prod-slider .t-slds__arrow_wrapper{ display:none!important; }
}
@media screen and (min-width: 960px) {
  .t-store__product-snippet.js-product,
  .js-store-product.t-store__product-snippet{
    margin-top:20px!important;
  }
}

/* Header burger: two lines morph into an X in place (stay in the header corner — no slide across the viewport) */

:root{ --nz-menu-w:200px; --nz-burger-size:16px; --nz-burger-inset:12px; --nz-burger-left:30px; }
#rec5221469001 [data-elem-id="1793137405989"],
#rec5221469001 [data-elem-id="1793137405989"] .tn-atom{ width:var(--nz-menu-w)!important; }
#rec5189810301 [data-elem-id="1778691794309000001"]{
  left:var(--nz-burger-left)!important;
  width:var(--nz-burger-size)!important;
  height:var(--nz-burger-size)!important;
}
@media screen and (min-width: 960px){
  #rec5189810301 [data-elem-id="1778691794309000001"]{
    left:calc(var(--nz-menu-w) - var(--nz-burger-size) - var(--nz-burger-inset))!important;
  }
}
#rec5189810301 [data-elem-id="1778691794309000001"] a.tn-atom{
  position:relative; display:block; width:100%; height:100%;
}
#rec5189810301 [data-elem-id="1778691794309000001"] a.tn-atom img{ opacity:0; }
#rec5189810301 [data-elem-id="1778691794309000001"] a.tn-atom::before,
#rec5189810301 [data-elem-id="1778691794309000001"] a.tn-atom::after{
  content:""; position:absolute; left:0; width:100%; height:1px; background:#191919;
  transform-origin:50% 50%;
  transition:
    top .35s cubic-bezier(.4,0,.2,1),
    transform .35s cubic-bezier(.4,0,.2,1);
}
#rec5189810301 [data-elem-id="1778691794309000001"] a.tn-atom::before{ top:5px; }
#rec5189810301 [data-elem-id="1778691794309000001"] a.tn-atom::after{ top:10px; }
body:has(#rec5221475201 .t-popup_show) #rec5189810301 [data-elem-id="1778691794309000001"] a.tn-atom::before{
  top:7.5px; transform:rotate(45deg);
}
body:has(#rec5221475201 .t-popup_show) #rec5189810301 [data-elem-id="1778691794309000001"] a.tn-atom::after{
  top:7.5px; transform:rotate(-45deg);
}
@media (prefers-reduced-motion: reduce){
  #rec5189810301 [data-elem-id="1778691794309000001"] a.tn-atom::before,
  #rec5189810301 [data-elem-id="1778691794309000001"] a.tn-atom::after{ transition:none; }
}

/* Lock page scroll while side menu popup is open (Tilda leaves overflow:auto inline) */
body.t-body_popupshowed,
body:has(#rec5221475201 .t-popup_show){
  overflow: hidden !important;
  overscroll-behavior: none !important;
}
html:has(body.t-body_popupshowed),
html:has(#rec5221475201 .t-popup_show){
  overflow: hidden !important;
  overscroll-behavior: none !important;
}
#rec5221475201 .t-popup,
#rec5221475201 .t-popup_show{
  overflow: hidden !important;
  overscroll-behavior: none !important;
}
#rec5221469001 .t396__artboard,
#rec5221469001 .t396__filter{
  overflow: hidden !important;
  height: 100vh !important;
  min-height: 100vh !important;
}

/*
 * Burger/X above side-menu only (menu z≈20).
 * NEVER raise header above product popup (z≈1e7) — that made the navbar
 * suddenly sit on top of the product sheet.
 */
body:has(#rec5221475201 .t-popup_show) #rec5189810301{
  z-index: 30 !important;
}

/* Menu: keep scrim transparent; white panel is the Zero artboard */
#rec5221475201 .t-popup_show,
#rec5221475201 .t-popup_show .t-popup__bg,
#rec5221475201 .t-popup_show .t-popup__bg-active{
  background-color: transparent !important;
}

/*
 * iOS 26 Liquid Glass — product popup:
 * Opaque fixed layers clip above the floating chrome → catalog strip.
 * Use near-opaque rgba (not opacity on the node) AND extend below the
 * visual viewport so the layer paints under the chrome.
 */
body.t-body_popupshowed .t-popup_show:has(.t-catalog__prod-popup__name),
body.t-body_popupshowed .t-popup_show:has(.t-store__prod-popup__name),
body.t-body_popupshowed .t-popup_show:has(.js-product){
  z-index: 10000001 !important;
  top: 0 !important;
  bottom: -220px !important;
  height: auto !important;
  min-height: 100% !important;
  background-color: rgba(255, 255, 255, 0.99) !important;
  opacity: 1 !important;
}
body.t-body_popupshowed .t-popup_show:has(.t-catalog__prod-popup__name) .t-popup__container,
body.t-body_popupshowed .t-popup_show:has(.t-store__prod-popup__name) .t-popup__container,
body.t-body_popupshowed .t-popup_show:has(.js-product) .t-popup__container{
  background-color: #fff !important;
}
/* Solid white close chip from Tilda is fine; force product chrome fill */
body.t-body_popupshowed .t-popup_show:has(.js-product) .t-popup__close{
  background-color: #fff !important;
}

/* Bottom filler under Liquid Glass while any catalog product popup is open */
#nz-lg-cover{
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: -220px;
  background: rgba(255, 255, 255, 0.99);
  pointer-events: none;
  z-index: 10000000;
}
body.t-body_popupshowed.nz-lg-cover-on #nz-lg-cover{
  display: block;
}
