/* Pruned CSS generated for rew_v2.txt. Kept 164 style rules, 10 at-rules. */ 
.fw-600 {
  font-family:"robotomedium";
}
#catalog-menu-dialog .roots .item {
	border-radius: var(--border-radius);
}
#catalog-menu-dialog {
	max-width:460px;
}
.is-open{display:block}
.fs-14 {
  --font-size:var(--font-size-14)
}
#catalog-menu-dialog * {
  outline:none
}
#catalog-menu-dialog a {
  background-color:transparent
}
#catalog-menu-dialog img {
  border-style:none;
  display:block;
  max-width:100%
}
#catalog-menu-dialog button, #catalog-menu-dialog input, #catalog-menu-dialog optgroup, #catalog-menu-dialog select, #catalog-menu-dialog textarea {
  font-family:inherit;
  font-size:100%;
  line-height:1.5;
  margin:0
}
#catalog-menu-dialog button, #catalog-menu-dialog input {
  overflow:visible
}
#catalog-menu-dialog button, #catalog-menu-dialog select {
  text-transform:none
}
#catalog-menu-dialog [type=button], #catalog-menu-dialog [type=reset], #catalog-menu-dialog [type=submit], #catalog-menu-dialog button {
  -webkit-appearance:button
}
#catalog-menu-dialog [type=button]::-moz-focus-inner, #catalog-menu-dialog [type=reset]::-moz-focus-inner, #catalog-menu-dialog [type=submit]::-moz-focus-inner, #catalog-menu-dialog button::-moz-focus-inner {
  border-style:none;
  padding:0
}
#catalog-menu-dialog [type=button]:-moz-focusring, #catalog-menu-dialog [type=reset]:-moz-focusring, #catalog-menu-dialog [type=submit]:-moz-focusring, #catalog-menu-dialog button:-moz-focusring {
  outline:none
}
#catalog-menu-dialog .hidden, #catalog-menu-dialog [hidden] {
  display:none!important
}
.lang-switcher a:hover:not(.active) {
  text-decoration:underline
}
.page-header .line-one .menu .link {
  --font-size:var(--font-size-14)
}
.page-header .line-one .shop-list button .icon {
  transition:all var(--hover-animation-time) var(--animation-function)
}
.page-header .line-one .shop-list button:hover .icon {
  fill:var(--color-white)
}
.page-header .page-header-main-content-wrap {
  align-items:center;
  display:grid;
  grid-template-columns:24px max-content 1fr 24px;
  height:48px;
  grid-column-gap:var(--gap-16);
  box-shadow:30vw 0 0 var(--color-white),-30vw 0 0 var(--color-white)
}
.page-header .page-header-main-content-wrap .open-catalog-menu-btn {
  display:none
}
.page-header .page-header-main-content-wrap .open-contact-modal-btn {
  grid-column-end:-1
}
.page-header .page-header-main-content-wrap .quick-actions-buttons-container {
  gap:var(--gap-24)
}
.page-header .open-auth-modal-btn:hover .icon, .page-header .go-to-profile-btn:hover .icon, .page-header .header-wish-list-btn:hover .icon, .page-header .header-compare-btn:hover .icon {
  fill:var(--color-violet)
}
.not-empty:is(.page-header .header-cart) .icon {
  grid-column:1/2;
  grid-row:1/3
}
.not-empty.has-not-available-products:is(.page-header .header-cart) .icon {
  fill:var(--color-red)
}
.page-header .bonus-info-btn .link, .page-header .bonus-info-btn .text {
  font-weight:400
}
.page-header .bonus-info-btn .link {
  --font-size:var(--font-size-14)
}
.page-footer .footer-collapsible-block .block-title .icon {
  transition:all var(--collapsible-block-animation-time) var(--animation-function)
}
.open:is(.page-footer .footer-collapsible-block) .block-title .icon {
  transform:rotate(180deg)
}
.page-bottom-floating-bar .price-block .btn {
  border-radius:0;
  --padding:6px var(--gap-16)
}
#catalog-menu-dialog *, :after, :before {
  box-sizing:border-box;
  font-size:var(--font-size)
}
.scroll-to-page-top-btn.btn {
  display:none
}
:root {
  --color-violet:rgb(52,152,219);
  --color-hover-violet:rgb(18,114,178);
  --color-green:rgb(53,161,116);
  --color-hover-green:rgb(41,127,91);
  --color-light-green:rgb(105,172,98);
  --color-red:rgb(228,55,52);
  --color-black:rgb(38,38,38);
  --color-gray:rgb(129,128,138);
  --color-ashen:rgb(229,230,235);
  --color-purple-pastel:rgb(229,229,240);
  --color-white:rgb(255,255,255);
  --color-main-bg:rgb(244,245,251);
  --color-orange:rgb(255,181,20);
  --color-green-pastel:rgb(235,245,241);
  --color-gradient:linear-gradient(90deg,rgb(209,207,242),rgb(218,246,233));
  --color-blue:rgb(52,152,219);
  --border-radius:5px;
  --colors-list:violet,hover-violet,green,hover-green,light-green,red,black,gray,ashen,purple-pastel,white,main-bg,orange,green-pastel,blue
}
@supports (color:color(display-p3 0 0 0%)){
:root {
    --color-orange:rgb(255,181,20)
  }

}
#catalog-menu-dialog .text-color-white {
  color:var(--color-white)
}
#catalog-menu-dialog .bg-color-white {
  background-color:var(--color-white)
}
:root {
  --gap-2:2px;
  --gap-4:4px;
  --gap-8:8px;
  --gap-12:12px;
  --gap-16:16px;
  --gap-24:24px;
  --gap-32:32px;
  --gap-40:40px;
  --gap-70:70px;
  --gaps-values:2,4,8,12,16,24,32,40,70;
  --font-size-10:0.725rem;
  --font-size-12:0.825rem;
}
#catalog-menu-dialog .gap-4 {
  gap:var(--gap-4)
}
#catalog-menu-dialog button {
  padding:0
}
#catalog-menu-dialog button.no-border {
  border:none
}
#catalog-menu-dialog button.no-background {
  background:none
}
#catalog-menu-dialog .btn, #catalog-menu-dialog button {
  -webkit-user-select:none;
  user-select:none;
  -webkit-tap-highlight-color:transparent;
  font-size:var(--font-size);
  font-weight:500;
  outline:none
}
#catalog-menu-dialog button.no-padding, #catalog-menu-dialog .btn.no-padding {
  --padding:0
}
#catalog-menu-dialog .btn {
  --background-color:initial;
  --padding:var(--gap-8) var(--gap-16);
  --min-height:fit-content;
  align-items:center;
  border:none;
  border-radius:4px;
  display:flex;
  height:fit-content;
  justify-content:center;
  min-height:var(--min-height);
  padding:var(--padding);
  transition:background-color var(--hover-animation-time) var(--animation-function),color var(--hover-animation-time) var(--animation-function)
}
#catalog-menu-dialog .btn.btn-size-default {
  --min-height:42px
}
#catalog-menu-dialog .btn.btn-size-thin {
  --min-height:30px
}
#catalog-menu-dialog .btn.btn-transparent {
  background-color:transparent
}
#catalog-menu-dialog .btn.btn-violet {
  background-color:var(--color-violet);
  color:var(--color-white)
}
#catalog-menu-dialog .btn.btn-violet:disabled {
  color:var(--color-gray)
}
#catalog-menu-dialog .btn.btn-purple-pastel, #catalog-menu-dialog .btn.btn-violet:disabled, #catalog-menu-dialog .btn.btn-violet:disabled:hover {
  background-color:var(--color-purple-pastel)
}
#catalog-menu-dialog .btn.btn-purple-pastel {
  color:var(--color-violet)
}
#catalog-menu-dialog .btn.btn-main-bg {
  background-color:var(--color-main-bg);
  color:var(--color-gray)
}
#catalog-menu-dialog .btn.btn-white {
  background-color:var(--color-white);
  color:var(--color-gray);
  font-weight:500
}
#catalog-menu-dialog .btn.btn-green {
  background-color:var(--color-green);
  color:var(--color-white)
}
#catalog-menu-dialog .btn.btn-green-pastel {
  background-color:var(--color-green-pastel);
  color:var(--color-green);
  font-weight:400
}
#catalog-menu-dialog .btn.btn-green-pastel:has(.icon) {
  gap:4px
}
#catalog-menu-dialog .btn.btn-green-pastel:has(.icon):hover .icon {
  fill:var(--color-light-green)
}
:root {
  --wrapper-inline-padding:6px;
  --wrapper-max-width:1570px
}
#catalog-menu-dialog .btn, #catalog-menu-dialog .link, #catalog-menu-dialog .show-dialog-btn, #catalog-menu-dialog a, #catalog-menu-dialog button {
  -webkit-tap-highlight-color:transparent
}
#catalog-menu-dialog .link:where(:not([class*=text-color-],.show-share-dialog-btn)), #catalog-menu-dialog a:where(:not([class*=text-color-],#catalog-menu-dialog .show-share-dialog-btn)), #catalog-menu-dialog button:where(:not([class*=text-color-],.show-share-dialog-btn)), #catalog-menu-dialog .btn:where(:not([class*=text-color-],.show-share-dialog-btn)) {
  color:var(--color-black)
}
#catalog-menu-dialog .link, #catalog-menu-dialog a {
  transition:color var(--hover-animation-time) var(--animation-function),text-decoration var(--hover-animation-time) var(--animation-function)
}
#catalog-menu-dialog .link:not(.underline,.no-underline,.btn), #catalog-menu-dialog a:not(.underline,.no-underline,.btn) {
  text-decoration:none
}
#catalog-menu-dialog .link.underline, #catalog-menu-dialog a.underline {
  text-decoration:underline
}
#catalog-menu-dialog .link.btn, #catalog-menu-dialog a.btn, #catalog-menu-dialog .link.no-underline, #catalog-menu-dialog a.no-underline {
  text-decoration:none
}
#catalog-menu-dialog .link:not(.black-color,.violet-link,.gray-link,.gray-link-hover-violet, #catalog-menu-dialog .btn), #catalog-menu-dialog a:not(.black-color,.violet-link,.gray-link,.gray-link-hover-violet,.btn) {
  color:var(--color-blue)
}
#catalog-menu-dialog .link.black-color, #catalog-menu-dialog a.black-color {
  color:var(--color-black)
}
#catalog-menu-dialog .link.violet-link, #catalog-menu-dialog a.violet-link {
  color:var(--color-violet)
}
#catalog-menu-dialog .link.gray-link, #catalog-menu-dialog a.gray-link {
  color:var(--color-gray)
}
.link.gray-link-hover-violet, a.gray-link-hover-violet {
  color:var(--color-gray)
}
.d-flex {
  display:flex
}
.align-center {
  align-items:center
}
.justify-content-center {
  justify-content:center
}
#catalog-menu-dialog .rounded {
  border-radius:var(--border-radius)
}
#catalog-menu-dialog img {
  aspect-ratio:var(--img-aspect-ratio)
}
.hover-pointer:hover {
  cursor:pointer
}
.img-resp {
  display:block;
  height:auto;
  max-width:100%;
  object-fit:scale-down;
  object-position:center
}
.styled-blockquote svg.icon {
  flex-shrink:0;
  min-width:fit-content
}
dialog.popup {
  overscroll-behavior:contain;
  --triangleHeight:13px;
  --vertical-gap:10px;
  --popup-start-position:50%;
  --max-width:calc(100dvw - var(--gap-4)*2);
  --dialog-padding:15px;
  --close-btn-size:24px;
  --bg-color:var(--color-main-bg);
  background-color:var(--bg-color);
  border:none;
  border-radius:var(--border-radius);
  filter:drop-shadow(0 0 2px hsl(0,0%,90%));
  inset:auto;
  max-width:var(--max-width);
  padding:var(--dialog-padding);
  z-index:100
}
dialog.popup .dialog-close-btn:hover .icon {
  fill:var(--color-red)
}
dialog.popup:has(.dialog-close-btn) {
  --column-gap:6px
}
dialog.modal {
  display:flex;
  flex-direction:column;
  overscroll-behavior:contain;
  z-index:-1;
  --inline-padding:10px;
  background-color:var(--color-main-bg);
  border:none;
  border-radius:20px 20px 0 0;
  height:fit-content;
  inset:0;
  margin:auto;
  margin-block-end:0;
  max-block-size:90dvh;
  max-inline-size:min(100dvw,var(--max-width));
  padding:var(--gap-16) 0 var(--gap-24);
  position:fixed;
  transform:translateY(0);
  width:100dvw
}
dialog.modal[closing], dialog.modal[open], dialog.modal[opening] {
  z-index:100
}
dialog.modal::backdrop {
  -webkit-backdrop-filter:blur(2px);
  backdrop-filter:blur(2px);
  background:#2626264d
}
dialog.modal[opening]::backdrop, dialog.modal[open]::backdrop {
  animation:fadeIn .2s linear forwards
}
dialog.modal[opening] {
  animation:modalIn .2s linear forwards,fadeIn 185ms linear forwards
}
dialog.modal[closing] {
  animation:modalOut .2s linear forwards,fadeOut 185ms linear forwards
}
dialog.modal[closing]::backdrop {
  animation:fadeOut .2s linear forwards
}
dialog.modal:not([open],[opening],[closing]) {
  display:none;
  pointer-events:none;
  touch-action:none
}
dialog.modal:not([open]) {
  visibility:hidden
}
dialog.modal .modal-header-close-btn {
  position:absolute;
  right:var(--gap-12);
  top:var(--gap-12)
}
dialog.modal .modal-header-close-btn:hover .icon {
  fill:var(--color-red)
}
dialog.modal .modal-header {
  font-weight:500;
  margin-bottom:var(--gap-12);
  margin-inline:var(--inline-padding);
  --font-size:var(--font-size-14)
}
dialog.modal .modal-main-section {
  overflow-y:auto;
  padding-inline:var(--inline-padding);
  --scrollbar-width:8px;
  --scrollbar-track-color:var(--color-purple-pastel);
  --scrollbar-border-radius:calc(var(--scrollbar-width)/2)
}
dialog.modal .modal-main-section::-webkit-scrollbar {
  width:var(--scrollbar-width)
}
dialog.modal .modal-main-section::-webkit-scrollbar-track {
  border-radius:var(--scrollbar-border-radius);
  box-shadow:inset 0 0 var(--scrollbar-width) var(--scrollbar-track-color)
}
dialog.modal .modal-main-section::-webkit-scrollbar-thumb {
  background-color:var(--color-violet);
  border-radius:var(--scrollbar-border-radius)
}
@-moz-document url-prefix(){
dialog.modal .modal-main-section {
    scrollbar-color:var(--color-violet) transparent;
    scrollbar-width:thin
  }

}
.collapsible-block>.block-title .arrow-icon {
  transition:transform var(--collapsible-block-animation-time) var(--animation-function)
}
.collapsible-block.open>.block-title .arrow-icon {
  transform:rotate(180deg)
}
.collapsible-block.open.closing>.block-title .arrow-icon {
  transform:rotate(0)
}
.collapsible-block-with-min-height.open .toggle-btn .icon {
  transform:rotate(180deg)
}
.collapsible-block-with-min-height .toggle-btn .icon {
  transition:all var(--collapsible-block-animation-time) var(--animation-function)
}
.product-simple-card .btn:not(.add-to-cart-btn,.in-cart-btn) {
  --padding:var(--gap-4)
}
.partial-payments-info button .icon {
  height:21px;
  width:21px
}
.compare-btn .icon, .wish-list-btn .icon {
  height:var(--icon-size);
  width:var(--icon-size)
}
.compare-btn.active, .wish-list-btn.active {
  background-color:var(--color-violet)
}
.compare-btn.active .icon, .wish-list-btn.active .icon {
  fill:var(--color-white)
}
.compare-btn:not(.active), .wish-list-btn:not(.active) {
  background-color:var(--color-white)
}
.active:is(:is(:is(:is(.product-catalog-card.type-plate .img-container) .dots-container) .dots) div) {
  background:var(--color-violet)
}
.product-catalog-card.type-plate .review .icon, .product-catalog-card.type-plate .review .review-link {
  font-size:var(--font-size);
  line-height:1
}
@container productCatalogCardStaticVisibleContainer (width < 240px){
.product-catalog-card.type-plate .buttons-block button.in-cart-btn .icon {
    height:12px;
    width:12px
  }

}
:root {
  --swiper-theme-color:#007aff
}
.slider-button-prev .icon, .slider-button-next .icon {
  height:calc(var(--nav-button-size) - 8px);
  width:calc(var(--nav-button-size) - 8px)
}
dialog.styled-select-dialog .search-input-container .icon, .styled-select .search-input-container .icon {
  left:var(--input-padding);
  position:absolute
}
dialog.styled-select-dialog .items .item, .styled-select .items .item, dialog.styled-select-dialog .items .no-results-message, .styled-select .items .no-results-message {
  align-items:center;
  display:flex;
  flex-wrap:wrap;
  min-height:30px;
  padding:5px 20px
}
dialog.styled-select-dialog .items .item, .styled-select .items .item {
  cursor:pointer;
  transition:background-color var(--hover-animation-time) var(--animation-function),color var(--hover-animation-time) var(--animation-function);
  --font-size:var(--font-size-14);
  -webkit-user-select:none;
  user-select:none;
  -webkit-tap-highlight-color:transparent
}
.on-focus:is(:is(:is(dialog.styled-select-dialog,.styled-select) .items) .item), dialog.styled-select-dialog .items .item:hover, .styled-select .items .item:hover {
  background-color:var(--color-main-bg)
}
.selected:is(:is(:is(dialog.styled-select-dialog,.styled-select) .items) .item) {
  background-color:var(--color-purple-pastel);
  color:var(--color-violet)
}
.hidden:is(:is(:is(dialog.styled-select-dialog,.styled-select) .items) .item) {
  display:none
}
.disabled:is(:is(:is(dialog.styled-select-dialog,.styled-select) .items) .item), [disabled]:is(:is(:is(dialog.styled-select-dialog,.styled-select) .items) .item) {
  color:var(--color-ashen);
  cursor:not-allowed
}
dialog.styled-select-dialog {
  padding-bottom:0
}
dialog.styled-select-dialog .modal-main-section {
  display:grid;
  grid-template-rows:max-content 1fr;
  overflow-y:hidden
}
dialog.styled-select-dialog .items .item {
  padding-inline:10px
}
.styled-select .input-emulator .arrow-icon {
  grid-column-end:-1;
  justify-self:flex-end;
  transform-origin:center;
  transition:transform .3s
}
.hidden:is(:is(.styled-select .drop-content) .select-all-toggle-btn) {
  display:none
}
.styled-select .items .item:last-child {
  border-radius:0 0 var(--border-radius) var(--border-radius)
}
.styled-select.open .input-emulator .arrow-icon {
  transform:rotate(180deg)
}
@media (min-width:740px){
.page-footer .footer-collapsible-block .block-title .icon {
    display:none
  }
:root {
    --wrapper-inline-padding:15px
  }

}
@media (min-width:992px){


.page-header .page-header-main-content-wrap {
    grid-template-columns:max-content max-content 1fr max-content max-content;
    height:70px;
    position:relative;
    grid-column-gap:var(--gap-32)
  }
.page-header .page-header-main-content-wrap .open-catalog-menu-btn {
    display:flex;
    height:40px;
    min-height:auto;
    min-width:200px
  }
.scroll-to-page-top-btn.btn {
    bottom:-42px;
    display:flex;
    position:fixed;
    right:30px;
    z-index:10;
    --padding:9px;
    opacity:0;
    transition:all var(--hover-animation-time) var(--animation-function)
  }
.scroll-to-page-top-btn.btn.show {
    bottom:200px;
    opacity:1
  }
dialog.modal.show-header-on-desktop .modal-header {
    --font-size:var(--font-size-18)
  }
  /*
dialog.modal:not(.show-header-on-desktop) .modal-header {
    display:none
  }
  */
dialog.modal {
    --inline-padding:var(--gap-16);
    border-radius:20px;
    height:fit-content;
    margin-block-end:auto;
    max-block-size:98svh;
    padding-block-end:var(--gap-24);
    width:100%
  }
dialog.modal .modal-header-close-btn {
    right:var(--gap-16);
    top:var(--gap-16)
  }
dialog.modal .modal-header-close-btn .icon {
    height:32px;
    width:32px
  }
.product-simple-card .btn:not(.add-to-cart-btn,.in-cart-btn) {
    --padding:var(--gap-4) var(--gap-16)
  }
.open-product-media-dialog-btn .icon {
    height:28px;
    width:28px
  }
.product-catalog-card.type-plate .rating-widget .icon {
    height:var(--star-size);
    width:var(--star-size)
  }
.vertical-scrollbar {
    --scrollbar-width:8px;
    --scrollbar-track-color:var(--color-purple-pastel);
    --scrollbar-border-radius:calc(var(--scrollbar-width)/2)
  }
.vertical-scrollbar::-webkit-scrollbar {
    width:var(--scrollbar-width)
  }
.vertical-scrollbar::-webkit-scrollbar-track {
    border-radius:var(--scrollbar-border-radius);
    box-shadow:inset 0 0 var(--scrollbar-width) var(--scrollbar-track-color)
  }
.vertical-scrollbar::-webkit-scrollbar-thumb {
    background-color:var(--color-violet);
    border-radius:var(--scrollbar-border-radius)
  }
@-moz-document url-prefix(){
.vertical-scrollbar {
      scrollbar-color:var(--color-violet) transparent;
      scrollbar-width:thin
    }

}

}
@media (min-width:992px) and (max-width:1250px){
.page-header .line-one .menu .link {
    --font-size:var(--font-size-12)
  }

}
@media (max-width:991px){
dialog.modal .modal-header {
    border-bottom:1px solid var(--color-ashen);
    color:var(--color-violet);
    padding-bottom:10px;
    text-transform:uppercase
  }
.product-catalog-card.type-plate .partial-payments-info button .icon {
    height:15px;
    width:15px
  }

}
@media (any-hover:hover){
#catalog-menu-dialog button:hover, #catalog-menu-dialog .btn:hover {
    cursor:pointer
  }
#catalog-menu-dialog .btn.btn-violet:hover {
    background-color:var(--color-hover-violet)
  }
#catalog-menu-dialog .btn.btn-purple-pastel:hover {
    background-color:var(--color-violet);
    color:var(--color-white)
  }
#catalog-menu-dialog .btn.btn-main-bg:hover {
    background-color:var(--color-purple-pastel)
  }
#catalog-menu-dialog .btn.btn-white:hover {
    background-color:var(--color-violet);
    color:var(--color-white)
  }
#catalog-menu-dialog .btn.btn-green:hover {
    background-color:var(--color-hover-green)
  }
#catalog-menu-dialog .btn.btn-green-pastel:hover {
    color:var(--color-light-green)
  }
#catalog-menu-dialog .link:not(.underline,.no-underline,.btn):hover, #catalog-menu-dialog a:not(.underline,.no-underline,.btn):hover {
    text-decoration:underline
  }
#catalog-menu-dialog .link.underline:hover, #catalog-menu-dialog a.underline:hover {
    text-decoration:none
  }
.link.gray-link-hover-violet:hover, #catalog-menu-dialog a.gray-link-hover-violet:hover {
    color:var(--color-violet)
  }
.compare-btn, .product-sticker.show-dialog-btn:hover, .wish-list-btn {
    cursor:pointer
  }
.compare-btn:not(.active):hover, .wish-list-btn:not(.active):hover {
    background-color:var(--color-violet)
  }
.compare-btn:not(.active):hover .icon, .wish-list-btn:not(.active):hover .icon {
    fill:var(--color-white)
  }
.open-product-media-dialog-btn:hover .icon {
    fill:var(--color-white)
  }
.product-catalog-card.type-plate[additional-images-loaded=true] .img-container img:not(.active) {
    display:none
  }

}
@media (color-gamut:p3){
:root {
    --color-orange:color(display-p3 .95667 .72092 .26473)
  }

}


@media (min-width: 992px){
	#catalog-menu-dialog.modal .modal-main-section{
	  overscroll-behavior: contain;   /* блокирует scroll chaining к вьюпорту */
	}
	/* Класс блокировки скролла страницы */
	html.modal-open,
	body.modal-open{
	  overflow: hidden;
	}
  /*#catalog-menu-dialog.modal{
    position: fixed;
    inset: 0;               
    margin: auto;
    width: auto;
    height: auto;
    
    max-inline-size: min(100dvw - 60px, var(--max-width, 1200px));
   
    max-block-size: calc(100dvh - 60px);

    overflow: hidden;         
    border-radius: 20px;    
    z-index: 1000;            
  }

  #catalog-menu-dialog.modal .modal-main-section{
   
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
  }*/
  
  #catalog-menu-dialog .modal-header {
	 display: flex;
  align-items: center;
  justify-content: flex-start !important;
  text-align: left !important;  
  max-width:339px;
  height:46px!important;
  padding: 0 10px;
  font-family:"robotobold";
}
  #catalog-menu-dialog .modal-header-close-btn {
	  top:5px!important;
  }
  #catalog-menu-dialog .modal-header-close-btn svg.icon {
	  fill:#000!important;
  }
  
  
}

/* Размытие фона модалки (работает при .showModal()) */
#catalog-menu-dialog.modal::backdrop{
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  background: rgba(38,38,38,.75);
}

/* Фолбэк-размытие для режима .show() (если потребуется) */
html.modal-open{
  overflow: hidden;
}
html.modal-open::before{
  content: "";
  position: fixed;
  inset: 0;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  background: rgba(38,38,38,.35);
  z-index: 1000;          /* чуть ниже самой модалки */
  pointer-events: none;  /* чтобы не ловил клики */
}





:root{
  --modal-dur: 280ms;
  --modal-ease: cubic-bezier(.2,.8,.2,1);
  --modal-backdrop-bg: rgba(0,0,0,.50); /* затемнение фона */
  --modal-backdrop-blur: 6px;           /* размытие фона */
}

/* Общие стили анимации для диалога */
dialog.modal{
  will-change: transform, opacity;
  transition: transform var(--modal-dur) var(--modal-ease),
              opacity   var(--modal-dur) var(--modal-ease);
  opacity: 0;
}




/* Мобилка: как «шторка» снизу */
@media (max-width: 992px){
  dialog.modal{ transform: translateY(100%); }              /* старт — вне экрана снизу */
  dialog.modal[data-state="open"]{ transform: translateY(0); opacity: 1;}
  dialog.modal[data-state="closing"]{ transform: translateY(100%); opacity: 0; }
  #catalog-menu-dialog .item.popular .rcontent .child {
	  grid-template-columns: repeat(auto-fit,100%);
  }
  .hide-mobile, a#brandlist_popup.allbrands.hide-mobile{
		display:none!important;
   }
   #catalog-menu-dialog .item.popular .brands {
	   margin-top:40px;
   }
    #catalog-menu-dialog .popular .promo-banner{
	   display:none;
   }
}

/* Десктоп: центр, но плавный «подъезд» снизу на 40px */
@media (min-width: 992px){
  dialog.modal{ transform: translateY(40px); }              /* старт — чуть ниже финальной позиции */
  dialog.modal[data-state="open"]{ transform: translateY(0); opacity: 1; }
  dialog.modal[data-state="closing"]{ transform: translateY(40px); opacity: 0; }
  .hide-dekstop{
		display:none!important;
	}
  
	#catalog-menu-dialog .item:not(.popular) .rcontent.vertical-scrollbar  .child.showDekstopIcon .ch-title img,
	#catalog-menu-dialog .item:not(.popular) .rcontent.vertical-scrollbar  .child .child-level-2.showDekstopIcon img	{
	  display: block;
	  max-width: 40px;
  }
   #catalog-menu-dialog .item:not(.popular) .rcontent.vertical-scrollbar .child.showDekstopIcon a.ch-title,
   #catalog-menu-dialog .item:not(.popular) .rcontent.vertical-scrollbar .child  a.child-level-2.showDekstopIcon{
	  display: flex; 
	  gap: 5px;
	  align-items: center;   
   }
  
}

/* Размытие + затемнение фона в режиме showModal() */
dialog.modal::backdrop{
  opacity: 0;
  transition: none;
  background: var(--modal-backdrop-bg);
  backdrop-filter: blur(var(--modal-backdrop-blur));
  -webkit-backdrop-filter: blur(var(--modal-backdrop-blur));
}
dialog.modal[open]::backdrop{ opacity: 1; }
dialog.modal[data-state="closing"]::backdrop{ opacity: 0; }

/* Фолбэк-оверлей для режима show() (если вдруг браузер без showModal) */
html.modal-open::before{
  content:"";
  position: fixed; inset: 0;
  opacity: 1;
  transition: none;
  background: var(--modal-backdrop-bg);
  backdrop-filter: blur(var(--modal-backdrop-blur));
  -webkit-backdrop-filter: blur(var(--modal-backdrop-blur));
  z-index: 1000;           /* ниже диалога */
  pointer-events: none;
}
html.modal-open.closing::before{ opacity: 0; }

/* Диалог поверх фолбэк-оверлея */
dialog.modal[open],
dialog.modal[opening],
dialog.modal[closing]{ z-index: 1001; }


@media (min-width:992px) and (max-width:1230px){
	.promo-banner{
		display:none;
	}
	
}
a#brandlist_popup.allbrands{
	display: flex!important;
	gap: 8px;
	line-height: 15px;
	align-items: center;
	color: black;
	min-width:130px;
}
a#brandlist_popup.allbrands:hover{
	text-decoration:none;
}
#catalog-menu-dialog .item.popular .child-container{
			position:relative;
		}
#catalog-menu-dialog .item.popular .child-container .response-detail-block {
			 position: absolute;
			  top: 0;
			  left: 0;
			  width: 100%;
			  height: 100%;
			  background: white;
			  transform-origin: top left;
			  transform: scale(0);
			  opacity: 0;
			  visibility: hidden;
			  transition: transform 0.4s ease, opacity 0.4s ease;
}
#catalog-menu-dialog .item.popular .child-container .response-detail-block .close-btn svg{
			display:block;
			cursor:pointer;
}
/* Класс для анимации */
.response-detail-block.animate-in {
		   transform: scale(1);
		  opacity: 1;
		  visibility: visible;
}