


/* ≥2560px — 2K/4K дисплеи */
@media (max-width: 2560px) {
  .container{max-width: 1850px;}
   
 
}

/* ≥1920px — большие десктопы / Full HD */
@media (max-width: 1920px) {
  .container{max-width: 1850px;padding-left:10px;padding-right:10px;}
  .catalog_main .item{max-height:370px;min-height:370px;}
  

}

@media (max-width: 1600px) {
  
  .catalog_main .item{max-height:330px;min-height:330px;}
  .container{padding-left:10px;padding-right:10px;}
  
 
}

/* ≥1440px — широкие экраны */
@media (max-width: 1440px) {
  .container{padding-left:10px;padding-right:10px;}
  /* .banners_main_container .banners_main_row1{height:293px;} */
  :root{
     --bottom-block-margin: 50px;
     --bottom-block-margin2: 20px;
  }
.catalog_main .item{max-height:310px;min-height:310px;}

.project-card { height:630px;}
.video-card {height:400px;}
 .socsetiban  > div:nth-child(2) > a {width:60px;height:60px;}



}

@media (max-width: 1300px) {
   .product-card-catalog .card-cta-row{flex-direction:column;gap:8px;}
   .product-card-catalog .card-cta-row .commercial-offer-menu{min-width:100%;}
   .product-card-catalog .btnv2,
   .product-card-catalog .card-cta-row .commercial-offer-icon.btnv3{height:42px;padding:0 10px;font-size:11px;}
   .product-card-catalog .btnv2 div:first-child,
   .product-card-catalog .card-cta-row .commercial-offer-icon.btnv3 > div{gap:7px;}
}

/* ≥1280px — стандартные ноутбуки */
@media (max-width: 1280px) {
  .container{padding-left:10px;padding-right:10px;}
  .catalog_main{grid-template-columns: repeat(4, minmax(0, 1fr));}
  .catalog-grid{grid-template-columns: repeat(4, minmax(0, 1fr));}
  .catalog_main .item{max-height:370px;min-height:370px;}
  :root{
     --product-card-margin: 15px;
  }

  .socsetiban{height:60px;border:0px solid;position:relative;width:100%;margin-top:-60px;padding:0px 20px 20px;}


 .socsetiban  > div:nth-child(1) {margin-right:20px; }
 .socsetiban  > div:nth-child(2) > a {width:40px;height:40px;}
  

}

/* ≥1024px — планшеты (альбом), маленькие ноутбуки */
@media (max-width: 1024px) {
   .container{}
   .catalog_main .item{max-height:320px;min-height:320px;}

    :root{
     --product-card-margin: 10px;
     --product-card-price-fs:16px;
     --product-card-old_price-fs:13px;
     --h2-fs: 32px;
     --h2-fs-big: 45px;
  }
   .fourstar{width:26px;height:26px;}
   .new_products > .newgoodscontainertitle{gap:3px;}
   .newgoodscontainertitle > .simple_white_button {margin-top:-20px;}
   .designer_choisetitle > .simple_white_button {margin-top:-20px;}
   .project-card { height:500px;}

   .videocontainer_bottom a > *:nth-child(1) > div:nth-child(2) > div:first-child,.projectcontainer_bottom a > *:nth-child(1) > div:nth-child(2) > div:last-child{font-size: 11px;}
   .videocontainer_bottom a > *:nth-child(1) > div:nth-child(2) > div:last-child, .projectcontainer_bottom a > *:nth-child(1) > div:nth-child(2) > div:first-child{font-size: 13px;}

   .banners_main_container .banners_main_row3 div:first-child {font-size: calc(var(--h2-fs)); line-height: 100%;letter-spacing: var(--h2-ls); font-weight: 700; /*padding: 0px 50px 0px;*/}

   .banners_main_container .banners_main_row3 div:first-child span {font-family: 'PlayfairDisplay'; font-style: italic;padding: 0; margin:0px;font-size: calc(var(--h2-fs)); line-height: 100%;letter-spacing: var(--h2-ls); font-weight: 400;}
  
}

/* ≥768px — планшеты (портрет) */
@media (max-width: 768px) {
   .container{max-width: 100%;}
   .v-center{height: 60px;}
   .nav-panel-links2 .nav-panel-links__item a.lk_button{height:40px;width:20px;margin-right:20px;}
   .mobile-hidden-catalog,#search {height:40px;}
   .nav-search{width:32px;height:32px;margin-left:-37px;}
   .nav-search svg{width:18px;height:18px;}
   .catalog_main{grid-template-columns: repeat(3, minmax(0, 1fr));}
   .catalog-grid{grid-template-columns: repeat(3, minmax(0, 1fr));}
   .catalog_main .item{max-height:330px;min-height:330px;}

   .projects_title > .simple_white_button{display:none;}
   .projects .simple_white_button_mobile{display:flex;}
   .projects .splide__arrows{display:none !important;}
   .project-card { height:400px;}
   .banner_form input, .banner_form button { height: 40px;}
   .banners_main_container .banners_main_row3{ flex-direction: column; justify-content: space-between; padding:10px;}

   .socsetiban{font-size:13px;height:60px;border:0px solid;position:relative;width:100%;margin-top:-60px;padding:0px 10px 10px;}
   
}

/* ≥600px — маленькие планшеты */
@media (max-width: 600px) {
   .container{max-width: 100%;}
   /*.pre-nav-search-container{display:none;}*/

   .menuheader .mobile-menu-trigger { display: flex; height: 40px; width: 40px; margin-right: 10px; cursor: pointer; align-items: center; justify-content: center; color:#fff; background-color: #433F59; border-radius: 12px;}
  .menuheader .mobile-menu-trigger span { position: relative; display: block; height: 1px; background-color: #fff; width: 24px; }
  .menuheader .mobile-menu-trigger span:before,
  .menuheader .mobile-menu-trigger span:after { content: ""; position: absolute; left: 0; width: 100%; height: 100%; background-color: #fff; }
  .menuheader .mobile-menu-trigger span:before { top: -6px; }
  .menuheader .mobile-menu-trigger span:after { top: 6px; }

  .progress_count_raw .spacer{display:none;}

  .progress_count_raw_second{justify-content: flex-start; align-items: center;width:100%;gap:10px;}
  .pre-nav-search-container{display:flex;flex:1;width:100%;border:1px  #2E2A47 solid; border-radius: 14px; max-width:100%;}
  #lk_button{max-width:50px;width:50px;height:50px;padding:0px;gap:0px;margin:0px;}
  #lk_button svg{max-width:50px;width:50px;height:50px;}
  #search{height:50px;}


 

  .progress_count_raw_second_anch, .mobile-hidden-catalog{display:none;}


  #des_button{background-color: #E8E2D5; border-radius: 14px; height:100%;display: flex;align-items: center;padding: 0px 10px 0px;}
 
  .progress_count_raw_second a:nth-child(4){display:none;}
  .progress_count_raw_second a:nth-child(5){display:none;}

  :root{
    --svg-fill-color-one: #B6B4BF;
    --svg-fill-color-two: #B6B4BF;
    
    --svg-fill-opacity-one: 0.3;
  }
  
  .banners_main_container .banners_main_row1{flex-direction: column;}

  .banners_main_container .banners_main_row2{margin-top:10px;}

   .catalog_main{grid-template-columns: repeat(2, minmax(0, 1fr));}
   .catalog-grid{grid-template-columns: repeat(2, minmax(0, 1fr));gap:9px;}
   /* Мобильная карточка: смета сверху, корзина снизу */
   .product-card-catalog .card-cta-row{flex-direction:column;gap:8px;}
   .product-card-catalog .card-cta-row .commercial-offer-menu{min-width:100%;}
   /* Меню сметы открыто как fullscreen-fixed: карточка (z-index:30 из stylev2)
      создаёт stacking-context и запирает z-index меню под шапкой сайта (z-index:9999).
      Поднимаем сам stacking-context карточки выше шапки, чтобы меню перекрывало её. */
   .product-card-catalog:has(.commercial-offer.expanded){z-index:10001;}
   /* Меню "В смету" на весь экран, чтобы соседние карточки не перекрывали */
   .product-card-catalog .card-cta-row .commercial-offer.expanded .commercial-offer-menu{
       position:fixed;
       top:0;left:0;right:0;bottom:0;
       width:100%;max-width:100%;min-width:0;
       margin:0;
       padding:56px 20px 24px;
       border-radius:0;
       border:0;
       box-shadow:none;
       overflow-y:auto;
       z-index:10000;
   }
   .product-card-catalog .card-cta-row .commercial-offer.expanded .commercial-offer-menu .commercial-offers{
       max-height:none;
   }
   .product-card-catalog .commercial-offer .commercial-offer-menu-close{
       top:14px;right:16px;
       width:40px;height:40px;
       font-size:34px;
   }
   .catalog_main .item{max-height:360px;min-height:360px;}
   #newgoodsslider .splide__arrows{display:none;}
   #designer_choiseslider .splide__arrows{display:none;}
   .newgoodscontainertitle > .simple_white_button{display:none;}
   .new_products  div > .simple_white_button_mobile{display:flex;}

   .designer_choisetitle > .simple_white_button{display:none;}
   .designer_choise .simple_white_button_mobile{display:flex;}

   .reviews_title > .simple_white_button{display:none;}
   .reviews .simple_white_button_mobile{display:flex;}

   .socsetiban{font-size:18px;}
   .socsetiban{height:100px;border:0px solid;position:relative;width:100%;margin-top:-100px;padding:0px 30px 30px;}
   .socsetiban  > div:nth-child(2) > a {width:40px;height:40px;}


   
}



/* ≥480px — крупные смартфоны */
@media (max-width: 480px) {
   .container{max-width: 100%;}
   .comparison_items{display:none !important;}
   .nav-panel-links2{margin-left:0px;}
   .catalog_main .item{max-height:310px;min-height:310px;}
     :root{

     --product-card-price-fs:14px;
     --product-card-old_price-fs:13px;
  }
  .catalog-grid{gap:8px;}
  .product-card-catalog{min-height:386px;border-radius:16px;}
  .product-card-catalog .catalog-card-actions{top:8px;right:6px;}
  .product-card-catalog .catalog-card-download-badge{top:9px;left:9px;height:24px;padding:0 8px;border-radius:10px;font-size:10px;gap:3px;}
  .product-card-catalog .catalog-card-download-badge svg{width:12px;height:12px;}
  .product-card-catalog .add-to-favorite-list-menu,
  .product-card-catalog .favorite-list-menu-image,
  .product-card-catalog .fav-img{width:28px;height:28px;}
  .product-card-catalog .fav-img svg{width:25px;height:25px;}
  .product-card-catalog .product-gallery{padding-top:14px;}
  .product-card-catalog .product-image{height:150px !important;}
  .product-card-catalog .gallery-bars{margin-top:13px;}
  .product-card-catalog .product-footer{min-height:24px;margin:10px 0 9px;}
  .product-card-catalog .prices_block{gap:5px;}
  .product-card-catalog .prices_block .price{font-size:15px;}
  .product-card-catalog .prices_block .old_price{font-size:10px;}
  .product-card-catalog .actions{gap:2px;margin-left:4px;}
  .product-card-catalog .actions a{min-width:24px;height:19px;}
  .product-card-catalog .catalog-card-3ds-mark{min-width:31px;height:18px;padding:0 5px;font-size:10px;border-radius:4px;}
  .product-card-catalog .actions img{max-width:28px;max-height:19px;}
  .product-card-catalog .company-name{margin-bottom:8px;}
  .product-card-catalog .company-name a,
  .product-card-catalog .company-name span{min-height:21px;padding:4px 6px 3px;font-size:10px;}
  .product-card-catalog .product-title{min-height:34px;margin-bottom:8px;line-height:1.15;}
  .product-card-catalog .product-title a{font-size:12px;line-height:1.15;}
  .product-card-catalog .product-card-dimensions{min-height:15px;margin-bottom:10px;font-size:10px;line-height:1.2;}
  .product-card-catalog .btnv2{height:41px;border-radius:10px;padding:0 10px;font-size:11px;}
  .product-card-catalog .btnv2 div:first-child{gap:8px;}
  .product-card-catalog .btnv2 .icon{width:13px;height:15px;}
  .socsetiban{font-size:14px;}
   .socsetiban{height:60px;border:0px solid;position:relative;width:100%;margin-top:-60px;padding:0px 20px 20px;}
   .socsetiban  > div:nth-child(2) > a {width:30px;height:30px;}

   #splideTags .splide__arrows{display:none !important;}
   #splideTags .scroller2{-webkit-mask: none !important; mask: none !important; }
   #splideTags .splide__track{margin-left: 0px !important;margin-right: 0px !important;width:100%;}

    .display_container{display:none;}
}
/* ≥480px — крупные смартфоны */
@media only screen and (max-width: 479px) {
   .container{max-width: 100%;}
   
   .catalog_main .item{display:flex;flex-wrap: nowrap;max-height:100px;min-height:100px; max-width:100%;flex-direction: row; justify-content: space-between;}
   .catalog_main .item .submenu_catalog{display:flex;}
   .catalog_main .item .submenu_catalog ul {display:none;}
   .catalog_main .item .submenu_catalog .title{font-size: 10px;white-space: wrap; flex-wrap: wrap;}
   .catalog_main .item .submenu_catalog .title a{font-size: 10px;white-space: wrap; flex-wrap: wrap;width:50%;display:flex;}
   .catalog_main .item .submenu_catalog {padding-top:18px; padding-left:18px; padding-right:18px; }
 
   .catalog_main .item .spacer{display:none;}
   .cataloginner .innercenter {padding-top:20px !important;padding:20px;}
   .catalog_main .item .im_container{max-height:110px;min-height:100px;min-width:100px;margin-left:-30px;}
   .catalogtitle{ flex-direction: column;gap:0px;align-items:flex-start !important;margin-bottom:20px;}
   .catalogtitle h1{font-size:31px !important;margin-bottom: 0px !important;}
   .catalogtitle #countablecontainer{ font-family: 'Factor A';}
   #countablecontainer > span { font-family: 'Factor A' !important; font-size:20px !important;font-weight:700;
line-height: 100%;
letter-spacing: 0%;

   }
   



   .banner_form {flex-direction: column;}
   .banner_form input {border-bottom-left-radius:0px; border-bottom-right-radius:0px; height:50px; padding-bottom: 10px;padding: 0 25px 0 25px;}
   .banner_form button {position: relative;width:100%; margin-top:-10px;margin-right:0px;}
}
