*{margin:0;padding:0;box-sizing:border-box}
 /* Универсально для обеих модалок */
.catalog-modal,
.offer-modal {
  transition: opacity 0.25s ease, transform 0.25s ease;
}

.catalog-modal.closing,
.offer-modal.closing {
  opacity: 0;
  transform: scale(0.96);
  pointer-events: none;
}
    .hero-cont{
        position:relative;
        min-height:100vh;
        background:
            linear-gradient(135deg,
                rgba(11,30,45,0.88) 0%,
                rgba(26,51,68,0.85) 35%,
                rgba(47,80,112,0.78) 70%,
                rgba(160,77,43,0.70) 100%),
            url('/userfiles/images/main_bg.webp') center/cover no-repeat fixed;
        display:flex;
        flex-direction:column;
        justify-content:center;
        animation:bgFadeIn-cont 2s ease-out forwards;
        overflow:hidden;
        padding-bottom:120px;
    }
    .container-cont{
        max-width:1440px;
        width:100%;
        margin:180px auto 0;
        padding:0 60px;
    }
    .hero__main-cont {
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:60px;
        align-items:stretch;
        margin-bottom:60px;
    }
    .hero__content-cont{
        display:flex;
        flex-direction:column;
        justify-content:center;
        opacity:0;
        animation:fadeUp-cont 1.2s ease-out 0.6s forwards;
    }
    .hero__title-cont{
        font-size:46px;
        font-weight:900;
        line-height:1.15;
        background: linear-gradient(135deg, #ffbb66, #ffcc88, #ffaa44, #ff9933);
         -webkit-background-clip: text;
          background-clip: text;
         -webkit-text-fill-color: transparent;
        transform: translateY(30px);
        margin-bottom:24px;
        opacity:0;
        animation:fadeUp-cont 1s ease-out 0.9s forwards;
    }
    .hero__subtitle-cont{
        font-size:28px;
        font-weight:500;
        color:#e8f4ff;
        margin-bottom:20px;
        opacity:0;
        animation:fadeUp-cont 1s ease-out 1.1s forwards;
    }
    .quick-calc{
        background:rgba(255,255,255,0.12);
        backdrop-filter:blur(12px);
        -webkit-backdrop-filter:blur(12px);
        border-radius:20px;
        padding:32px;
        border:1px solid rgba(255,255,255,0.2);
        opacity:0;
        animation:fadeUp-cont 1s ease-out 1.3s forwards;
    }
    .quick-calc__title{
        font-size:26px;
        font-weight:700;
        color:#fff;
        margin-bottom:24px;
        text-align:center;
    }
    .quick-calc__label{
        display:block;
        font-size:20px;
        font-weight:600;
        color:#fff;
        margin-bottom:12px;
    }
    .quick-calc__sizes{
        display:flex;
        gap:16px;
        flex-wrap:wrap;
        margin-bottom:28px;
    }
    .quick-calc__size-btn{
        flex:1;
        min-width:120px;
        padding:14px 10px;
        background:rgba(255,255,255,0.15);
        border:2px solid rgba(255,255,255,0.3);
        border-radius:12px;
        color:#fff;
        font-size:18px;
        font-weight:600;
        cursor:pointer;
        transition:all .3s;
    }
    .quick-calc__size-btn:hover{
        background:#ff8c38;
        border-color:#ff8c38;
        transform:translateY(-3px);
    }
    .quick-calc__size-btn.active{
        background:#ff8c38;
        border-color:#ff8c38;
        transform:translateY(-3px);
    }
    .quick-calc__bottom{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:20px;
        align-items:end;
        margin-bottom:28px;
    }
    .quick-calc__condition{
        display:flex;
        gap:16px;
    }
    .quick-calc__cond-btn{
        flex:1;
        padding:14px;
        background:rgba(255,255,255,0.15);
        border:2px solid rgba(255,255,255,0.3);
        border-radius:12px;
        color:#fff;
        font-size:18px;
        font-weight:600;
        cursor:pointer;
        transition:all .3s;
    }
    .quick-calc__cond-btn:hover,
    .quick-calc__cond-btn.active{
        background:#ff8c38;
        border-color:#ff8c38;
    }
    .quick-calc__city input{
        width:100%;
        padding:14px 18px;
        border-radius:12px;
        border:none;
        background:rgba(255,255,255,0.9);
        font-size:18px;
        color:#0a3d62;
    }
    .quick-calc__city input::placeholder{
        color:#666;
    }
    .hero__btn-cont{
        padding:20px 52px;
        font-size:21px;
        font-weight:700;
        color:#fff;
        background:linear-gradient(135deg,#ff8c38,#e63946,#a0522d,#8b4513);
        border:none;
        border-radius:14px;
        cursor:pointer;
        box-shadow:0 12px 35px rgba(0,0,0,0.5);
        transition:all .35s;
        opacity:0;
        animation:fadeUp-cont 1s ease-out 1.4s forwards;
        align-self:flex-start;
        position:relative;
        overflow:hidden;
    }
    .hero__btn-cont::before{
        content:'';
        position:absolute;
        inset:0;
        background:linear-gradient(135deg,rgba(255,255,255,0.15),transparent 50%);
        pointer-events:none;
        border-radius:14px;
    }
    .hero__btn-cont:hover{
        transform:translateY(-5px);
        box-shadow:0 22px 50px rgba(139,69,19,0.6);
    }
    .hero__btn-cont.price-btn{
        width:100%;
        align-self:stretch;
    }
    .hero__image-cont {
        opacity:0;
        animation:fadeUp-cont 1.4s ease-out 0.8s forwards;
        display:flex;
        align-items:center;
        justify-content:center;
    }
    .hero__image-cont img{
        width:100%;
        height:100%;
        object-fit:cover;
        border-radius:28px;
        box-shadow:0 30px 80px rgba(0,0,0,0.5);
    }
    .advantages-cont{
        display:flex;
        gap:20px;
        max-width:1440px;
        margin:0 auto;
        opacity:0.33;
        animation:fadeUp-cont 1s ease-out 1.7s forwards;
    }
    .adv__item-cont{
        flex:1;
        padding:22px 14px;
        background:
            linear-gradient(rgba(255,255,255,0.86), rgba(255,255,255,0.86)) padding-box,
            linear-gradient(135deg,#2c5f7a,#46728a,#a0522d,#8b4513) border-box;
        backdrop-filter:blur(16px);
        -webkit-backdrop-filter:blur(16px);
        border-radius:20px;
        text-align:center;
        font-size:18px;
        font-weight:600;
        color:#0a3d62;
        border:1px solid rgba(255,255,255,0.5);
        box-shadow:0 12px 40px rgba(0,0,0,0.15);
        transition:transform .4s;
		display: flex;
        align-items: center;
        justify-content: center;
        gap: 16px;
        text-align: left;
    }
    .adv__item-cont:hover{
        transform:translateY(-10px);
        background:rgba(255,255,255,0.94);
    }
	.adv__item-cont img {
       width: 46px;
       height: 46px;
       flex-shrink: 0;
    }
    @keyframes fadeUp-cont{
        from{opacity:0;transform:translateY(40px)}
        to{opacity:1;transform:translateY(0)}
    }
    @keyframes bgFadeIn-cont{
        from{filter:brightness(0.4)}
        to{filter:brightness(1)}
    }
    /* ========== АДАПТИВ ========== */
     @media(max-width:1200px){
        .container-cont{
            padding:0 30px;
            margin-top:120px;
        }
        .hero__main-cont{
            grid-template-columns:1fr;
            gap:60px;
            text-align:center;
            max-width:720px;
            margin:0 auto;
        }
        .hero__content-cont{
            align-items:center;
        }
        .hero__btn-cont{
            align-self:stretch;
            max-width:460px;
        }
        .hero__image-cont{
            order:-1;
        }
        .hero__image-cont img{
            max-height:500px;
            height:auto;
        }
        .quick-calc{
        width: calc(100% + 60px);     
        margin-left: -30px;
        margin-right: -30px;
        padding-left: 30px;
        padding-right: 30px;
        border-radius: 20px;          
       }
        .quick-calc__bottom{
            grid-template-columns:1fr;
            gap:20px;
        }
    }
    @media(max-width:768px){
        .container-cont{padding:0 20px}
        .hero__title-cont{font-size:30px}
        .hero__subtitle-cont{font-size:22px}
        .quick-calc{
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
        border-radius: 20px;          
        }
        .quick-calc__title{font-size:22px}
        .quick-calc__sizes{gap:12px;flex-direction:column}
        .quick-calc__size-btn{min-width:auto;padding:12px}
        .quick-calc__bottom{grid-template-columns:1fr}
        .quick-calc__cond-btn{padding:12px;font-size:16px}
        .quick-calc__city input{padding:12px;font-size:16px}
        .hero__btn-cont{
            font-size:19px;
            padding:20px;
            margin-bottom: 40px;
        }
        .advantages-cont{
            flex-direction:column;
            gap:20px;
        }
        .adv__item-cont{font-size:16px;padding:18px 12px}
    }
    @media(max-width:480px){
        .hero__title-cont{font-size:22px}
        .hero__subtitle-cont{font-size:16px}
        .quick-calc{
        padding: 28px 16px;
        border-radius: 18px;
        }
        .quick-calc{padding:20px}
        .quick-calc__size-btn{font-size:16px;padding:10px}
        .quick-calc__cond-btn{font-size:15px;padding:10px}
        .quick-calc__city input{font-size:15px;padding:10px}
        .hero__btn-cont{font-size:18px;padding:18px 20px}
    }
	
	
	
	.about-cont{
      padding:140px 0 160px;
      background:#ffffff;
      position:relative;
      overflow:hidden;
      min-height:1000px;
    }
    .about-cont::before{
      content:'';
      position:absolute;
      left:-6%;
      top:0;
      width:80%;
      height:100%;
      background:url('/userfiles/images/image.webp') left center / contain no-repeat;
      opacity:0.12;
      pointer-events:none;
      z-index:1;
    }
    .about-cont .container-about{
      max-width:1440px;
      width:100%;
      margin:0 auto;
      padding:0 60px;
      position:relative;
      z-index:2;
    }
    .about__wrapper-cont{
      max-width:1360px;
      margin:0 auto;
      position:relative;
      display:grid;
      grid-template-columns: 1fr 540px;   
      gap:50px;
      align-items:start;
    }
    .about__float-img-cont{
      border-radius:28px;
      overflow:hidden;
      opacity:0;
      transform:translateY(60px);
      animation:fadeUpAbout 3.4s ease-out 0.6s forwards;
      align-self: stretch;                
    }
    .about__float-img-cont img{
      width:100%;
      height:100%;
      object-fit:cover;                   
      display:block;
      transition:transform .6s;
    }
    .about__float-img-cont:hover img{
      transform:scale(1.04);
    }
    .about__text-cont{
      font-size:20px;
      line-height:1.74;
      color:#1e2a38;
      opacity:0;
      animation:fadeUpAbout 1.4s ease-out 0.3s forwards;
    }
    .about__title-cont{
      font-size:40px;
      font-weight:900;
      line-height:1.18;
      color:#0a3d62;
      margin-bottom:40px;
    }
    .about__text-cont p{margin-bottom:28px}
    .about__text-cont p:last-child{margin-bottom:0}
    .about__text-cont::after{
      content:"";
      display:block;
      clear:both;
    }
    @keyframes fadeUpAbout{
      to{opacity:1;transform:translateY(0)}
    }

    @media(max-width:1100px){
      .about__wrapper-cont{
        grid-template-columns:1fr;
      }
      .about__float-img-cont{
        max-width:620px;
        margin:0 auto 50px;
        height:auto !important;
      }
      .about__float-img-cont img{
        height:auto;
      }
      .about__title-cont{font-size:44px}
    }
    @media(max-width:768px){
      .about-cont{padding:100px 0}
      .container-about{padding:0 20px}
      .about__title-cont{font-size:30px}
      .about__text-cont{font-size:16px;line-height:1.5}
    }

    .about__highlight-block-cont{
      clear:both;
      margin:50px 0;
      padding:44px 48px;
      border-radius:28px;
      animation:fadeUpAbout 1.4s ease-out 1.2s forwards;
      border:4px solid transparent;
      background:
        linear-gradient(#ffffff, #ffffff) padding-box,
        linear-gradient(135deg, #2c5f7a, #46728a, #a0522d, #8b4513) border-box;
      box-shadow:0 15px 40px rgba(0,0,0,0.12);
      position:relative;
    }
    .about__small-icon-cont{
      float:left;
      width:110px;
      margin:4px 36px 20px 0;
    }
    .about__small-icon-cont img{width:100%}
    @media(max-width:768px){
      .about__highlight-block-cont{padding:36px 10px}
      .about__small-icon-cont{float:none;width:90px;margin:0 auto 28px;display:block}
    }
	
	
	
	
	
	.catalog-cont{
    padding:140px 0 180px;
    background:linear-gradient(135deg,rgba(11,30,45,0.88),rgba(26,51,68,0.85) 35%,rgba(47,80,112,0.78) 70%,rgba(160,77,43,0.70) 100%);
    position:relative;overflow:hidden;
}
.catalog-cont::before{
    content:'';position:absolute;inset:0;
    background:linear-gradient(90deg,rgba(0,30,60,0.92),rgba(120,80,50,0.15));
    pointer-events:none;
}
.container-catalog{
    max-width:1440px;width:100%;margin:0 auto;padding:0 20px;
    position:relative;z-index:2;
	overflow: hidden;
}
.catalog__title{
    font-size:56px;font-weight:900;text-align:center;margin-bottom:28px;background: linear-gradient(135deg, #ffbb66, #ffcc88, #ffaa44, #ff9933);
         -webkit-background-clip: text;
          background-clip: text;
         -webkit-text-fill-color: transparent;
        transform: translateY(30px);
    opacity:0;animation:fadeUp 1.2s ease-out 0.4s forwards;
}
.catalog__intro{
    max-width:960px;margin:0 auto 90px;text-align:center;
    font-size:26px;line-height:1.7;color:#fff;opacity:0.92;
    opacity:0;animation:fadeUp 1.2s ease-out 0.7s forwards;
}
.catalog-tabs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 40px;
}

.catalog-tab {
    height: 130px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 2px solid rgba(255,255,255,0.15);
    border-radius: 28px;
    overflow: hidden;
    cursor: pointer;
    transition: all .45s;
    position: relative;
    display: flex;
    align-items: center;
}

.catalog-tab:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 45px rgba(0,0,0,0.35);
}

.catalog-tab.active {
    background: linear-gradient(135deg, #ff7733, #e63946, #cc5500);
    border-color: #ff8c38;
    transform: translateY(-10px);
    box-shadow: 0 25px 50px rgba(255,119,51,0.5);
}

/* Десктоп: текст слева + картинка справа */
.catalog-tab__content {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}

.catalog-tab__text {
    flex: 1;
    padding: 20px 28px;
    color: #fff;
    font-weight: 700;
    font-size: 19px;
    text-align: left;
    z-index: 2;
}

.catalog-tab__img {
    width: 50%;
    height: 100%;
    object-fit: cover;
    border-radius: 0 26px 26px 0;
}

/* Вертикальная полоска-разделитель */
.catalog-tab::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 12px;
    bottom: 12px;
    width: 3px;
    background: linear-gradient(to bottom, 
        transparent, 
        rgba(255,255,255,0.4), 
        rgba(255,255,255,0.6), 
        rgba(255,255,255,0.4), 
        transparent);
    border-radius: 3px;
    z-index: 1;
}

/* МОБИЛЬНАЯ ВЕРСИЯ — картинка сверху, текст снизу */
@media (max-width: 992px) {
    .catalog-tabs {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    
    .catalog-tab {
        height: 240px;
        flex-direction: column;
    }
    
    .catalog-tab__content {
        flex-direction: column;
    }
    
    .catalog-tab__img {
        width: 100%;
        height: 140px;
        height: 140px;
        border-radius: 26px 26px 0 0;
    }
    
    .catalog-tab__text {
        padding: 18px 20px;
        text-align: center;
        font-size: 18px;
    }
    
    .catalog-tab::after {
        display: none; /* убираем полоску на мобилке */
    }
}

@media (max-width: 576px) {
    .catalog-tabs {
        grid-template-columns: 1fr;
    }
    
    .catalog-tab {
        height: 100px;
    }
}
.catalog__grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:12px;
}
.catalog__card{
    background:rgba(255,255,255,0.14);backdrop-filter:blur(18px);
    border:1px solid rgba(255,255,255,0.28);border-radius:28px;overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,0.25);cursor:pointer;transition:all .4s;
    opacity:0;transform:translateY(60px);animation:fadeUp 1s ease-out forwards;
}
.catalog__card:hover{
    transform:translateY(-12px);background:rgba(255,255,255,0.22);
    box-shadow:0 30px 70px rgba(0,0,0,0.35);
}
.catalog__card-header{
    height:90px;padding:20px 30px;background:rgba(255,255,255,0.12);
    display:flex;align-items:center;justify-content:center;text-align:center;
}
.catalog__card-title{
    font-size:28px;line-height: 1.2;font-weight:900;
    background:linear-gradient(135deg,#ffbb66,#ffcc88,#ffaa44,#ff9933);
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.catalog__card-img{
    height:300px;overflow:hidden;
}
.catalog__card-img img{
    width:100%;height:100%;object-fit:cover;transition:transform .6s;
}
.catalog__card:hover .catalog__card-img img{transform:scale(1.06)}
.catalog__card-desc{
    flex:1;padding:24px 30px;font-size:17px;line-height:1.5;color:#fff;
}
.catalog__card-footer{
    height:90px;padding:0 30px;display:flex;justify-content:space-between;
    align-items:center;border-top:1px solid rgba(255,255,255,0.2);
    background:rgba(255,255,255,0.08);
}
.catalog__price{
    font-size:26px;font-weight:900;
    background:linear-gradient(135deg,#ffb84d,#ff9933,#ff7733);
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.catalog__btn{
    padding:16px 24px;background:linear-gradient(135deg,#1a3344,#0f212e);
    color:#fff;font-weight:700;font-size:20px;border:none;border-radius:14px;
    cursor:pointer;transition:all .35s;
}
.catalog__btn:hover{
    background:linear-gradient(135deg,#2c4155,#1e3a4f);
    transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,0.6);
}
@keyframes fadeUp{from{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}
.tab-content{display:none}
.tab-content.active{display:block}
.catalog-modal{
    position:fixed;inset:0;background:rgba(0,0,0,0.96);
    display:none;align-items:flex-start;justify-content:center;
    z-index:10000;padding:15px 15px 30px;overflow-y:auto;
    -webkit-overflow-scrolling:touch;
}
.catalog-modal.active{display:flex}
.modal-content{
    background:rgba(15,25,35,0.96);border:1px solid rgba(255,255,255,0.15);
    border-radius:28px;max-width:1100px;width:100%;max-height:98vh;
    overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:30px;
    padding:80px 40px 40px;position:relative;
    box-shadow:0 30px 80px rgba(0,0,0,0.8);
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
}
.modal-close{
    position:absolute;top:20px;right:20px;
    width:50px;height:50px;background:rgba(0,0,0,0.6);
    border-radius:50%;display:flex;align-items:center;justify-content:center;
    font-size:32px;font-weight:700;color:#fff;z-index:100;
    cursor:pointer;opacity:0.9;
}
.modal-close:hover{opacity:1;background:rgba(0,0,0,0.9)}
.modal-slider{
    position:relative;height:460px;border-radius:20px;overflow:hidden;
    box-shadow:0 20px 50px rgba(0,0,0,0.6);
}
.modal-slider__wrapper{
    display:flex;width:100%;height:100%;transition:transform .5s ease;
}
.modal-slider__slide{
    min-width:100%;height:100%;
}
.modal-slider__slide img{
    width:100%;height:100%;object-fit:cover;
}
.modal-arrow{
    position:absolute;top:50%;transform:translateY(-50%);
    width:50px;height:50px;background:rgba(0,0,0,0.7);border-radius:50%;
    display:flex;align-items:center;justify-content:center;color:#fff;
    font-size:32px;cursor:pointer;z-index:10;
}
.modal-arrow:hover{background:rgba(0,0,0,0.9)}
.modal-arrow.prev{left:15px}
.modal-arrow.next{right:15px}
.modal-info h3{
    font-size:32px;font-weight:900;margin-bottom:20px;
    background:linear-gradient(135deg,#ffbb66,#ff9933);
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.modal-desc{font-size:18px;line-height:1.6;color:#fff;margin-bottom:30px}
.modal-specs{
    background:rgba(255,255,255,0.1);padding:24px;border-radius:16px;
    border-left:6px solid #ff8c38;font-size:17px;line-height:1.7;color:#fff;
}
.modal-footer{
    margin-top:40px;display:flex;justify-content:space-between;align-items:center;
}
.modal-price{
    font-size:36px;font-weight:900;
    background:linear-gradient(135deg,#ffb84d,#ff7733);
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
@media(max-width:1200px){
    .catalog__grid{grid-template-columns:repeat(4,1fr)}
    .modal-content{grid-template-columns:1fr}
}
@media(max-width:768px){
    .catalog-cont{padding:100px 0}
    .catalog__title{font-size:36px}
	.catalog__intro{font-size:20px}
    .catalog-tabs{grid-template-columns:1fr 1fr;gap:16px}
    .catalog-tab{height:200px;font-size:16px}
    .catalog-tab img{height:140px}
    .catalog__grid{grid-template-columns:2fr}
    .catalog__card-title{font-size:22px}
    .catalog__price{font-size:20px}
	.catalog__btn {padding:6px 10px}
    .modal-content{
        border-radius:24px;
        padding:80px 20px 30px;
        max-height:95vh;
    }
    .modal-slider{height:320px}
    .modal-close{width:44px;height:44px;font-size:28px}
}




 .why-cont {
        padding: 160px 0;
        background: #ffffff;
        position: relative;
        overflow: hidden;
        isolation: isolate; 
    }
    .container-why {
        max-width: 1440px;
        width: 100%;
        margin: 0 auto;
        padding: 0 60px;
        position: relative;
        z-index: 2;
    }
    .why__grid-cont {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
        align-items: start;
    }
    .why__main-title {
        grid-column: 1;
        font-size: 52px;
        font-weight: 900;
        line-height: 1.2;
        color: #0a3d62;
        align-self: center;
        opacity: 0;
        transform: translateY(30px);
        animation: fadeUp 1.4s ease-out 0.4s forwards;
    }

    .why__card {
        grid-column: span 1;
        height: 200px;
        padding: 40px 36px;
        border-radius: 28px;
        display: flex;
        align-items: flex-start;
        gap: 28px;
        position: relative;
        opacity: 0;
        transform: translateY(30px);
        animation: fadeUp 1s ease-out forwards;
        background: rgba(255, 255, 255, 0.82);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        border: 1px solid rgba(255,255,255,0.6);
        background: 
            linear-gradient(rgba(255,255,255,0.82), rgba(255,255,255,0.82)) padding-box,
            linear-gradient(135deg, #2c5f7a, #46728a, #a0522d, #8b4513) border-box;
        border: 4px solid transparent;
        border-radius: 28px;

        box-shadow: 0 12px 40px rgba(0,0,0,0.12);
        transition: all 0.4s;
    }

    .why__card-icon { /* без изменений */ }
    .why__card-icon img { width:60px; height:60px; }
    .why__card-content { flex:1; padding-top:6px; }
    .why__card-title { font-size:24px; font-weight:800; color:#004c80; margin-bottom:10px; }
    .why__card-text { font-size:18px; line-height:1.6; color:#1e2a38; }

    .why__card:nth-child(2){animation-delay:0.7s}
    .why__card:nth-child(3){animation-delay:0.9s}
    .why__card:nth-child(4){animation-delay:1.1s}
    .why__card:nth-child(5){animation-delay:1.3s}
    .why__card:nth-child(6){animation-delay:1.5s}

    @keyframes fadeUp { to {opacity:1; transform:translateY(0)} }

    .why-floating-img {
        position: absolute;
        top: 50%;
        right: -220px;
        transform: translateY(-50%);
        width: 820px;
        height: 100%;
        background: url('https://konteyner.rek72.ru/userfiles/images/3560229.png') center/cover no-repeat;
        border-radius: 32px;
        opacity: 0;
        pointer-events: none;
        z-index: 1;
        transition: all 2.2s cubic-bezier(0.16,1,0.3,1);
    }
    .why-cont.animated .why-floating-img {
        right: 20px;
        opacity: 0.15;
    }

    @media (max-width:1100px){
        .why__grid-cont{
            grid-template-columns:1fr;
            gap: 32px;
        }
        .why__main-title{
            grid-column:1; 
            text-align:center; 
            font-size:46px; 
            margin-bottom:40px
        }
        .why__card{
            height:auto; 
            min-height:180px;
            padding: 32px 28px;
        }
        .why-floating-img{
            width:340px; 
            height:500px; 
            right:-180px
        }
        .why-cont.animated .why-floating-img{
            right:10px
        }
    }

    @media (max-width:768px){
        .container-why{padding:0 20px}
        .why-cont{padding:90px 0}
        .why__main-title{
            font-size:36px; 
            margin-bottom:40px
        }
        .why__card{
            padding:28px 20px; 
            gap:18px;
            min-height:160px;
        }
        .why__card-icon{width:56px;height:56px;flex-shrink:0}
        .why__card-icon img{width:36px;height:36px}
        .why__card-title{font-size:21px}
        .why__card-text{font-size:17px;line-height:1.55}
        .why-floating-img{
            width:220px; 
            height:340px; 
            right:0; 
            opacity:0.1
        }
        .why-cont.animated .why-floating-img{
            right:0
        }
    }

    @media (max-width:480px){
        .container-why{padding:0 15px}
        .why__card{
            padding:24px 18px;
            gap:16px;
        }
        .why__card-title{font-size:20px}
        .why__card-text{font-size:16.5px}
    }
	
	
	
	
	
	.benefits-section{position:relative;padding:160px 0 200px;background:linear-gradient(135deg,rgba(11,30,45,.94),rgba(26,51,68,.91) 35%,rgba(47,80,112,.84) 70%,rgba(160,77,43,.80));overflow:hidden}
.benefits-section::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,20,40,.88),rgba(80,40,20,.12));z-index:1}
.container-catalog{overflow: hidden;max-width:1440px;width:100%;margin:0 auto;padding:0 60px;position:relative;z-index:2}

.main-benefits-title{font-size:52px;font-weight:900;text-align:center;margin-bottom:80px;background:linear-gradient(135deg,#ffbb66,#ffcc88,#ffaa44,#ff9933);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

.size-tabs{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:80px}
.size-tab{padding:16px 36px;background:rgba(255,255,255,0.08);border:2px solid rgba(255,255,255,0.18);border-radius:16px;color:#fff;font-size:20px;font-weight:700;cursor:pointer;transition:all .4s;backdrop-filter:blur(12px)}
.size-tab:hover{background:rgba(255,255,255,0.16);transform:translateY(-5px)}
.size-tab.active{background:linear-gradient(135deg,#ff9933,#ff7733);border-color:#ff9933;transform:translateY(-5px);box-shadow:0 15px 35px rgba(255,153,51,0.45)}

.size-content{display:none;grid-template-columns:1fr 1fr;gap:80px;align-items:center} 
.size-content.active{display:grid}

.size-img{border-radius:28px;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,0.5)}
.size-img img{width:100%;height:auto;max-height:680px;object-fit:cover;display:block}

.size-info{}
.size-title{font-size:40px;font-weight:900;margin-bottom:40px;background:linear-gradient(135deg,#ffbb66,#ffcc88,#ffaa44,#ff9933);-webkit-background-clip:text;-webkit-text-fill-color:transparent}

.specs-grid{font-size:21px;line-height:2.5;color:#e0f0ff;margin-bottom:40px}
.specs-grid > div{display:flex;justify-content:space-between;align-items:center;padding:2px 0;border-bottom:1px dashed rgba(255,255,255,0.12);position:relative}
.specs-grid > div::after{content:"";color:rgba(255,255,255,0.25);position:absolute;left:100px;right:100px;top:50%;pointer-events:none}
.specs-grid span:last-child{color:#ffaa66;font-weight:600}

.apply-title{font-size:22px;font-weight:700;margin:40px 0 16px;color:#ff9933}
.apply-list{list-style:none;font-size:19px;line-height:1.7;color:#e0f0ff}
.apply-list li{position:relative;padding-left:24px;margin-bottom:10px}
.apply-list li::before{content:"•";color:#ff9933;font-weight:bold;position:absolute;left:0}

/* Мобильная версия */
@media (max-width:992px){
  .size-content{grid-template-columns:1fr;gap:50px;text-align:center}
  .size-img img{max-height:420px;border-radius:24px}
  .size-title{font-size:34px}
  .specs-grid{font-size:19px;line-height:2.2}
}

@media (max-width:768px){
  .benefits-section{padding:100px 0 140px}
  .container-catalog{padding:0 20px}
  .main-benefits-title{font-size:38px;margin-bottom:60px}
  .size-tabs{gap:12px;margin-bottom:50px}
  .size-tab{padding:14px 24px;font-size:18px}
  .size-img img{max-height:340px}
  .size-title{font-size:30px}
}







.price-factors-section{background:#fff;padding:130px 0}
.container-catalog{overflow: hidden; max-width:1440px;width:100%;margin:0 auto;padding:0 60px}

.price-factors-title{
  font-size:48px;font-weight:900;color:#0a3d62;text-align:center;
  margin-bottom:70px;line-height:1.2;
}

.price-factors-text{
  max-width:1100px;margin:0 auto 70px;font-size:20px;line-height:1.8;color:#444;text-align:center;
}
.price-factors-text strong{color:#0a3d62}

.price-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  max-width:1440px;
  margin:0 auto;
}

.price-col{
 background: rgba(255,255,255,0.86);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255,255,255,0.6);
    background: 
      linear-gradient(rgba(255,255,255,0.86), rgba(255,255,255,0.86)) padding-box,
      linear-gradient(135deg,#2c5f7a,#46728a,#a0522d,#8b4513) border-box;
    border: 4px solid transparent;
  border-radius:34px;
  padding:48px 40px;
  box-shadow:0 15px 50px rgba(10,61,98,0.07);
}

.col-title{
  font-size:34px;
  font-weight:900;
  color:#0a3d62;
  margin-bottom:40px;
  position:relative;
  padding-left:34px;
}
.col-title::before{
  content:'';
  position:absolute;
  left:0;top:50%;
  width:20px;height:6px;
  background:#ff9933; 
  border-radius:4px;
  transform:translateY(-50%);
}

.factors-list{
  list-style:none;
  font-size:20px;
  line-height:1.5;
  color:#333;
  margin:0;
  padding:0;
}
.factors-list li{
  position:relative;
  padding-left:42px;
  margin-bottom:16px;
}
.factors-list li:last-child{margin-bottom:0}
.factors-list li::before{
  content:"•";
  color:#ff9933;     
  font-weight:bold;
  position:absolute;
  left:0;
  font-size:34px;
  top:-6px;
}

.price-examples-list{
  list-style:none;
  font-size:20px;
  line-height:1.5;
  margin:0;
  padding:0;
}
.price-examples-list li{
  margin-bottom:16px;
  color:#333;
}
.price-examples-list li:last-child{margin-bottom:0}
.price-examples-list strong{
  color:#0a3d62;
  font-size:26px;
  display:block;
  margin-bottom:12px;
}
.price-new{color:#0a3d62;font-weight:700}
.price-used{color:#ff9933;font-weight:700}   

/* МОБИЛЬНАЯ ВЕРСИЯ */
@media (max-width:992px){
  .price-grid{grid-template-columns:1fr;gap:50px}
  .price-col{padding:40px 32px}
  .col-title{font-size:30px}
}

@media (max-width:768px){
  .price-factors-section{padding:100px 0}
  .container-catalog{padding:0 20px}
  .price-factors-title{font-size:36px;margin-bottom:50px}
  .price-factors-text{font-size:18px;margin-bottom:50px}
  .factors-list,.price-examples-list{font-size:21px;line-height:1.9}
  .factors-list li,.price-examples-list li{margin-bottom:32px}
  .col-title{font-size:28px}
}

@media (max-width:480px){
  .price-factors-title{font-size:30px}
  .factors-list,.price-examples-list{font-size:20px}
}








.offers-section{
  padding:140px 0 180px;
  background:linear-gradient(135deg,rgba(11,30,45,0.88),rgba(26,51,68,0.85) 35%,rgba(47,80,112,0.78) 70%,rgba(160,77,43,0.70) 100%);
  position:relative;overflow:hidden;
}
.offers-section::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(0,30,60,0.92),rgba(120,80,50,0.15));
  pointer-events:none;
}
.container-catalog{
  max-width:1440px;width:100%;margin:0 auto;padding:0 60px;position:relative;z-index:2; overflow: hidden;
}
.offers-title{
  font-size:56px;font-weight:900;text-align:center;margin-bottom:80px;
  background:linear-gradient(135deg,#ffbb66,#ffcc88,#ffaa44,#ff9933);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  opacity:0;transform:translateY(30px);
  animation:fadeUp 1.2s ease-out 0.4s forwards;
}

.offers-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:40px;
  max-width:1440px;
  margin:0 auto; 
}

.offer-card{
  background:rgba(255,255,255,0.14);
  backdrop-filter:blur(18px);
  border:1px solid rgba(255,255,255,0.28);
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 15px 40px rgba(0,0,0,0.25);
  cursor:pointer;
  transition:all .45s;
  display:flex;
  flex-direction:column;
  height:680px;
  opacity:0;
  transform:translateY(60px);
  animation:fadeUp 1s ease-out forwards;
}
.offer-card:nth-child(1){animation-delay:0.2s}
.offer-card:nth-child(2){animation-delay:0.4s}
.offer-card:nth-child(3){animation-delay:0.6s}
.offer-card:hover{
  transform:translateY(-16px);
  background:rgba(255,255,255,0.22);
  box-shadow:0 35px 80px rgba(0,0,0,0.4);
}

.offer-header{
  height:110px;
  padding:24px 30px;
  background:rgba(255,255,255,0.12);
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.offer-card-title{
  font-size:28px;line-height:1.2;font-weight:900;
  background:linear-gradient(135deg,#ffbb66,#ffcc88,#ffaa44,#ff9933);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}

.offer-img{
  position:relative;
  height:280px;
  overflow:hidden;
}
.offer-img img{
  width:100%;height:100%;object-fit:cover;transition:transform .6s;
}
.offer-card:hover .offer-img img{transform:scale(1.08)}
.offer-badge{
  position:absolute;top:16px;right:16px;
  background:linear-gradient(135deg,#ff4444,#ff7733);
  color:#fff;font-weight:900;font-size:16px;line-height:1.3;
  padding:12px 16px;border-radius:16px;z-index:10;
  box-shadow:0 8px 20px rgba(255,68,68,0.4);
}
.offer-badge--special{background:linear-gradient(135deg,#ff9933,#ff6b00)}
.offer-badge--new{background:linear-gradient(135deg,#8e44ad,#e74c3c)}

.offer-desc{
  flex-grow:1;
  padding:32px 30px 20px;
  text-align:center;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.old-price{
  font-size:22px;color:rgba(255,255,255,0.5);text-decoration:line-through;margin-bottom:0;
}
.new-price{
  font-size:38px;font-weight:900;margin:16px 0;
  background:linear-gradient(135deg,#ffb84d,#ff9933,#ff7733);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.offer-subtitle{
  font-size:18px;line-height:1.5;color:#e0f0ff;margin-top:auto;
}

.offer-footer{
  margin-top:auto;
  height:90px;
  padding:0 30px;
  display:flex;
  justify-content:center;
  align-items:center;
  border-top:1px solid rgba(255,255,255,0.2);
  background:rgba(255,255,255,0.08);
}
.offer-btn{
  padding:18px 40px;
  background:linear-gradient(135deg,#ff9933,#e63946);
  color:#fff;font-weight:700;font-size:20px;
  border:none;border-radius:16px;
  cursor:pointer;transition:all .35s;
  box-shadow:0 10px 30px rgba(255,153,51,0.4);
}
.offer-btn:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 40px rgba(255,153,51,0.6);
}

/* Модальные окна */
.offer-modal{
  position:fixed;inset:0;background:rgba(0,0,0,0.96);display:none;
  align-items:flex-start;justify-content:center;z-index:10000;
  padding:40px 20px;overflow-y:auto;
}
.offer-modal.active{display:flex}
.offer-modal-content{
  background:rgba(15,25,35,0.96);
  border:1px solid rgba(255,255,255,0.15);
  border-radius:28px;max-width:1100px;width:100%;
  display:grid;grid-template-columns:1fr 1fr;gap:40px;
  padding:80px 50px 50px;position:relative;
  box-shadow:0 40px 100px rgba(0,0,0,0.8);
}
.offer-modal-close{
  position:absolute;top:20px;right:20px;width:56px;height:56px;
  background:rgba(0,0,0,0.7);border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:36px;color:#fff;cursor:pointer;
}
.offer-modal-close:hover{background:rgba(255,255,255,0.2)}
.offer-modal-slider{height:460px;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,0.6)}
.offer-modal-slider img{width:100%;height:100%;object-fit:cover}
.offer-modal-info h3{font-size:36px;font-weight:900;margin-bottom:24px;
  background:linear-gradient(135deg,#ffbb66,#ff9933);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.offer-modal-desc{font-size:19px;line-height:1.7;color:#e8f4ff;margin-bottom:30px}
.offer-modal-specs{
  background:rgba(255,255,255,0.1);padding:28px;border-radius:16px;
  border-left:6px solid #ff8c38;font-size:18px;line-height:1.8;color:#fff;
}
.offer-modal-footer{margin-top:40px;display:flex;justify-content:space-between;align-items:center}
.offer-modal-price{font-size:32px;font-weight:900;
  background:linear-gradient(135deg,#ffb84d,#ff7733);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.offer-modal-btn{
  padding:20px 48px;background:linear-gradient(135deg,#ff9933,#e63946);
  color:#fff;font-weight:700;font-size:22px;border:none;border-radius:16px;cursor:pointer;
}

/* Адаптив */
@media(max-width:1300px){
  .offers-grid{max-width:1000px}
}
@media(max-width:1200px){
  .container-catalog{padding:0 40px}
  .offers-grid{grid-template-columns:repeat(2,1fr);gap:30px}
}
@media(max-width:992px){
  .offers-grid{grid-template-columns:1fr}
  .offer-modal-content{grid-template-columns:1fr;padding:80px 30px 40px}
  .offer-modal-slider{height:340px}
}
@media(max-width:768px){
  .offers-section{padding:100px 0}
  .container-catalog{padding:0 20px}
  .offers-title{font-size:42px;margin-bottom:60px}
  .offer-card{height:auto}
  .offer-card-title{font-size:24px}
  .new-price{font-size:34px}
  .offer-btn{
  padding:8px 40px;
}
}
@keyframes fadeUp{from{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}







.deliv-section{
  padding:140px 0 180px;
  background:linear-gradient(135deg,rgba(11,30,45,0.88),rgba(26,51,68,0.85) 35%,rgba(47,80,112,0.78) 70%,rgba(160,77,43,0.70) 100%);
  position:relative;overflow:hidden;
}
.deliv-section::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(0,30,60,0.92),rgba(120,80,50,0.15));
  pointer-events:none;
}
.container-catalog{overflow: hidden;
  max-width:1440px;width:100%;margin:0 auto;padding:0 60px;position:relative;z-index:2;
}

.deliv-title{
  font-size:56px;font-weight:900;text-align:center;margin-bottom:32px;
  background:linear-gradient(135deg,#ffbb66,#ffcc88,#ffaa44,#ff9933);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  opacity:0;transform:translateY(30px);
  animation:fadeUp 1.2s ease-out 0.3s forwards;
}
.deliv-subtitle{
  font-size:28px;line-height:1.5;text-align:center;color:#e8f4ff;
  margin-bottom:100px;opacity:0;
  animation:fadeUp 1.2s ease-out 0.6s forwards;
}

/* === Макет: 3 вверху, 2 внизу === */
.deliv-layout{
  max-width:1400px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:60px;
}

/* Оба ряда */
.deliv-row{
  display:grid;
  gap:40px;
  align-items:stretch;
}
.deliv-row--top{grid-template-columns:repeat(3,1fr)}
.deliv-row--bottom{grid-template-columns:repeat(2,1fr)}

/* Обычные карточки */
.deliv-step{
  background:rgba(255,255,255,0.1);
  backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,0.22);
  border-radius:34px;
  padding:56px 36px;
  text-align:center;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  min-height:380px;
  opacity:0;
  transform:translateY(60px);
  animation:fadeUp 1s ease-out forwards;
  box-shadow:0 20px 50px rgba(0,0,0,0.3);
  transition:transform .5s;
}
.deliv-step:nth-child(1){animation-delay:0.2s}
.deliv-step:nth-child(2){animation-delay:0.4s}
.deliv-step:nth-child(3){animation-delay:0.6s}
.deliv-step:nth-child(4){animation-delay:0.8s}
.deliv-step:nth-child(5){animation-delay:1.0s}
.deliv-step:hover{transform:translateY(-20px)}

/* Широкие карточки внизу */
.deliv-step--wide{
  grid-column:span 1;
  min-height:340px;
  padding:64px 40px;
}

.deliv-number{
  width:88px;height:88px;
  background:linear-gradient(135deg,#ff9933,#e63946);
  color:#fff;font-size:46px;font-weight:900;
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 36px;
  flex-shrink:0;
  box-shadow:0 14px 34px rgba(255,153,51,0.5);
}
.deliv-step-title{
  font-size:28px;font-weight:900;color:#fff;margin-bottom:24px;
}
.deliv-step-desc{
  font-size:19px;line-height:1.7;color:#e0f0ff;flex-grow:1;
}

/* === Адаптив === */
@media(max-width:1200px){
  .container-catalog{padding:0 40px}
  .deliv-row{gap:30px}
}
@media(max-width:992px){
  .deliv-row--top,.deliv-row--bottom{
    grid-template-columns:1fr;
  }
  .deliv-step--wide{min-height:auto}
}
@media(max-width:768px){
  .deliv-section{padding:100px 0}
  .container-catalog{padding:0 20px}
  .deliv-title{font-size:42px;margin-bottom:24px}
  .deliv-subtitle{font-size:22px;margin-bottom:80px}
  .deliv-number{width:70px;height:70px;font-size:36px}
  .deliv-step-title{font-size:24px}
  .deliv-step-desc{font-size:17px}
  .deliv-step,.deliv-step--wide{padding:44px 24px;min-height:auto}
}
@keyframes fadeUp{
  from{opacity:0;transform:translateY(60px)}
  to{opacity:1;transform:translateY(0)}
}





 .reviews-cont {
    padding: 160px 0;
    background: #fff;
    position: relative;
    overflow: hidden;
    isolation: isolate;
  }
  .container-catalog {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    z-index: 2;
	overflow: hidden;
  }
  .reviews-title {
    font-size: 56px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 80px;
    color: #0a3d62;
  }

  .review-card {
    height: 450px;
    padding: 44px 40px;
    border-radius: 34px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: rgba(255,255,255,0.86);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255,255,255,0.6);
    background: 
      linear-gradient(rgba(255,255,255,0.86), rgba(255,255,255,0.86)) padding-box,
      linear-gradient(135deg,#2c5f7a,#46728a,#a0522d,#8b4513) border-box;
    border: 4px solid transparent;
    border-radius: 34px;
    box-shadow: 0 15px 45px rgba(0,0,0,.12);
    transition: all .45s;
  }

  .review-header { margin-bottom: 20px; }
  .review-name { font-size: 23px; font-weight: 800; color: #0b1e2d; }
  .review-city { font-size: 17px; color: #ff7733; font-weight: 600; }
  .review-text { font-size: 18px; line-height: 1.78; color: #333; flex-grow: 1; }
  .review-stars { font-size: 32px; color: #ff9933; letter-spacing: 5px; }

  .reviews-prev, .reviews-next {
    position: absolute; top: 65%; transform: translateY(-50%);
    width: 72px; height: 72px;
    background: linear-gradient(135deg, #ffbb66, #ff9933, #e67e22, #d35400);
    border: none;
    border-radius: 50%;
    color: #fff;
    font-size: 36px; font-weight: bold;
    display: flex; align-items: center; justify-content: center;
    z-index: 30; cursor: pointer;
    box-shadow: 0 15px 40px rgba(255,153,51,.4);
    transition: .35s;
  }
  .reviews-prev { left: -100px; }
  .reviews-next { right: -100px; }
  .reviews-prev:hover, .reviews-next:hover {
    transform: translateY(-50%) scale(1.18);
    box-shadow: 0 20px 50px rgba(255,153,51,.6);
  }

  .reviews-floating-img {
    position: absolute;
    top: 50%;
    left: -600px;
    transform: translateY(-50%);
    width: 800px;
    height: 900px;
    background: url('https://konteyner.rek72.ru/userfiles/images/3560229-2.png') center/contain no-repeat;
    opacity: 0;
    pointer-events: none;
    z-index: 1;
    transition: all 2.2s cubic-bezier(0.16,1,0.3,1);
  }
  .reviews-cont.animated .reviews-floating-img {
    left: 20px;
    opacity: 0.16;
  }

  /* Адаптив */
  @media (max-width: 1400px) {
    .reviews-prev { left: -80px; }
    .reviews-next { right: -80px; }
  }
  @media (max-width: 1200px) {
    .reviews-prev, .reviews-next { display: none; }
  }
  @media (max-width: 768px) {
    .reviews-cont { padding: 100px 0; }
    .reviews-title { font-size: 38px; margin-bottom: 60px; }
    .review-card { height: auto; min-height: 400px; padding: 36px 28px; border-width: 3px; border-radius: 26px; }
    .review-stars { font-size: 28px; }
    .reviews-floating-img { width: 260px; height: 360px; left: 0; opacity: 0.1; }
    .reviews-cont.animated .reviews-floating-img { left: 0; }
  }
  
  
  
  
  
  
  
  .blog-cont{padding:160px 0;background:#fff;position:relative;overflow:hidden;isolation:isolate}
    .container-blog{max-width:1440px;width:100%;margin:0 auto;padding:0 60px;position:relative;z-index:2;box-sizing:border-box}
    .blog-cont a{text-decoration:none !important;color:inherit}

    .blog__header{
        display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:32px;align-items:start;margin-bottom:48px
    }
    .blog__title-wrap{
        grid-column:1 / 3;display:flex;flex-direction:column;align-items:flex-start
    }
    .blog__main-title{
        font-size:52px;font-weight:900;line-height:1.2;color:#0a3d62;margin:0;
        opacity:0;transform:translateY(30px);
        animation:fadeUp 1.4s ease-out .4s forwards
    }
    .blog__subtitle{
        font-size:26px;line-height:1.5;color:#1e2a38;margin:20px 0 0;max-width:680px;
        opacity:0;transform:translateY(20px);
        animation:fadeUp 1.4s ease-out .8s forwards
    }
    .blog__main-btn{
        margin-top:32px;padding:18px 44px;font-size:18px;font-weight:800;color:#ffffff !important;
        background:linear-gradient(135deg,#2c5f7a,#46728a);border-radius:50px;
        box-shadow:0 10px 30px rgba(44,95,122,.35);
        display:flex;align-items:center;justify-content:center;
        opacity:0;transform:translateY(30px);
        animation:fadeUp 1.4s ease-out 1.1s forwards;transition:all .4s
    }
    .blog__main-btn:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(44,95,122,.5)}

    .blog__card{
        background:rgba(255,255,255,.88);backdrop-filter:blur(16px);
        border:4px solid transparent;border-radius:28px;overflow:hidden;display:flex;flex-direction:column;height:100%;
        background:linear-gradient(rgba(255,255,255,.88),rgba(255,255,255,.88)) padding-box,
                    linear-gradient(135deg,#2c5f7a,#46728a,#a0522d,#8b4513) border-box;
        box-shadow:0 12px 40px rgba(0,0,0,.12);transition:all .45s;
        opacity:0;transform:translateY(30px);animation:fadeUp 1s ease-out forwards
    }
    .blog__card:hover{transform:translateY(-10px);box-shadow:0 24px 60px rgba(0,0,0,.2)}
    .blog__card-img{width:100%;height:250px;object-fit:cover;flex-shrink:0}
    .blog__card-content{padding:28px 24px;flex-grow:1;display:flex;flex-direction:column}
    .blog__card-title{font-size:18px;font-weight:800;color:#004c80;line-height:1.3;margin-bottom:12px}
    .blog__card-text{font-size:17px;line-height:1.6;color:#1e2a38;flex-grow:1;margin-bottom:20px}
    .blog__card-btn{
        margin-top:auto;padding:16px 20px;
        background:linear-gradient(135deg,#ff8c38,#e63946,#a0522d,#8b4513);
        color:#fff;font-weight:800;font-size:16px;text-align:center;border-radius:12px;
        transition:all .35s;display:flex;align-items:center;justify-content:center
    }
    .blog__card:hover .blog__card-btn{transform:scale(1.05);box-shadow:0 8px 25px rgba(230,57,70,.5)}

    .blog__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}

    /* Анимации появления */
    .blog__header > .blog__card:nth-of-type(1){animation-delay:.9s}
    .blog__header > .blog__card:nth-of-type(2){animation-delay:1.1s}
    .blog__grid .blog__card:nth-child(1){animation-delay:1.3s}
    .blog__grid .blog__card:nth-child(2){animation-delay:1.5s}
    .blog__grid .blog__card:nth-child(3){animation-delay:1.7s}
    .blog__grid .blog__card:nth-child(4){animation-delay:1.9s}

    @keyframes fadeUp{to{opacity:1;transform:translateY(0)}}

    .blog-floating-img{
        position:absolute;top:50%;right:-220px;transform:translateY(-50%);
        width:820px;height:100%;background:url('https://konteyner.rek72.ru/userfiles/images/3560229.png') center/cover no-repeat;
        border-radius:32px;opacity:0;pointer-events:none;z-index:1;
        transition:all 2.2s cubic-bezier(.16,1,.3,1)
    }
    .blog-cont.animated .blog-floating-img{right:20px;opacity:.15}

    /* Адаптив */
    @media(max-width:1200px){
        .container-blog{padding:0 40px}
        .blog__header{grid-template-columns:1fr 1fr;gap:32px}
        .blog__title-wrap{grid-column:1/-1;text-align:center;align-items:center}
        .blog__subtitle{font-size:19px;max-width:100%}
    }
    @media(max-width:900px){
        .container-blog{padding:0 30px}
        .blog__header{grid-template-columns:1fr}
        .blog__grid{grid-template-columns:1fr 1fr}
    }
    @media(max-width:768px){
        .container-blog{padding:0 20px}
        .blog-cont{padding:90px 0}
        .blog__main-title{font-size:36px}
        .blog__subtitle{font-size:17px;margin:16px 0 0}
        .blog__main-btn{margin-top:28px;padding:16px 36px;font-size:17px}
        .blog__card-img{height:160px}
        .blog__card-content{padding:24px 20px}
        .blog__card-title{font-size:20px}
        .blog__card-text{font-size:16.5px}
    }
    @media(max-width:540px){
        .container-blog{padding:0 15px}
        .blog__grid{grid-template-columns:1fr}
        .blog__card-img{height:200px}
        .blog__main-btn{min-width:auto;width:100%;max-width:320px}
        .blog__subtitle{font-size:16px}
    }
	
	
	
	
	 .faq-cont { padding: 160px 0; background: linear-gradient(135deg,rgba(11,30,45,.96),rgba(26,51,68,.93) 30%,rgba(47,80,112,.86) 65%,rgba(160,77,43,.82)); position: relative; overflow: hidden; }
  ..faq-cont::before { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(0,30,60,.9),rgba(120,80,50,.15)); pointer-events: none; }
  .faq-title { font-size: 56px; font-weight: 900; text-align: center; margin-bottom: 90px; background: linear-gradient(135deg, #ffbb66, #ffcc88, #ffaa44, #ff9933);
         -webkit-background-clip: text;
          background-clip: text;
         -webkit-text-fill-color: transparent;
        transform: translateY(30px); }
  
  .faq-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    max-width: 1440px;
    margin: 0 auto;
  }

  .faq-item {
    background: rgba(255,255,255,0.86);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255,255,255,0.6);
    background: 
      linear-gradient(rgba(255,255,255,0.86), rgba(255,255,255,0.86)) padding-box,
      linear-gradient(135deg,#2c5f7a,#46728a,#a0522d,#8b4513) border-box;
    border: 4px solid transparent;
    border-radius: 28px;
    overflow: 0 10px 40px rgba(0,0,0,0.08);
    margin-bottom: 24px;
    transition: all .4s ease;
  }
  .faq-item:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 50px rgba(0,0,0,0.12);
  }

  .faq-question {
    padding: 22px 36px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
    font-weight: 700;
    color: #0a3d62;
    transition: color .3s;
  }
  .faq-question:hover {
    color: #ff7733;
  }

  .faq-icon {
    font-size: 34px;
    font-weight: 300;
    color: #ff7733;
    transition: transform .4s ease;
  }

  .faq-item.active .faq-icon {
    transform: rotate(45deg);
  }

  .faq-answer {
    max-height: 0;
    overflow: hidden;
    padding: 0 36px;
    font-size: 17px;
    line-height: 1.7;
    color: #444;
    transition: all .5s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .faq-item.active .faq-answer {
    max-height: 400px;
    padding: 0 36px 36px;
  }

  @media (max-width: 992px) {
    .faq-grid { grid-template-columns: 1fr; gap: 30px; }
    .faq-title { font-size: 44px; margin-bottom: 80px; }
  }

  @media (max-width: 768px) {
    .faq-cont { padding: 100px 0; }
    .faq-title { font-size: 38px; margin-bottom: 60px; }
    .faq-question { font-size: 18px; padding: 28px 28px; }
    .faq-answer { font-size: 16px; }
    .faq-item { border-radius: 22px; }
  }
  
  
  
  
  
   .cta-cont { padding: 140px 0; background: #fff; }
  .container-catalog {overflow: hidden; max-width: 1440px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; overflow-x: hidden; }
  .cta-title {
    font-size: 52px; font-weight: 900; margin-bottom: 70px; color: #0a3d62;
    text-align: center; line-height: 1.2;
  }
  .cta-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    align-items: stretch;
    overflow-x: hidden;
  }
  /* === ЛЕВЫЙ БЛОК === */
  .cta-left {
    background: rgba(255,255,255,0.92);
    border-radius: 24px;
    padding: 40px 35px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.12);
    border: 4px solid transparent;
    background-clip: padding-box, border-box;
    background-image:
      linear-gradient(rgba(255,255,255,0.92), rgba(255,255,255,0.92)),
      linear-gradient(135deg,#2c5f7a,#46728a,#a0522d,#8b4513);
  }
  .cta-text { font-size: 23px; line-height: 1.5; color: #333; margin-bottom: 24px; }
  .cta-special {
    font-size: 28px; font-weight: 700; color: #0a3d62; line-height: 1.4;
    padding: 24px 26px; margin: 30px 0;
    background: linear-gradient(135deg, #fff8f0, #fff2e6);
    border-left: 6px solid #ff7733; border-radius: 0 16px 16px 0;
  }
  .cta-special strong {
    font-size: 23px; display: block; margin-top: 10px;
    background: linear-gradient(135deg,#ff8c38,#e63946);
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  }
  .cta-label { font-size: 21px; font-weight: 800; color:/under #0a3d62; display: block; margin-bottom: 8px; }
  .cta-phone a, .cta-site a { font-size: 28px; font-weight: 900; color: #ff7733; text-decoration: none; }
  .cta-phone a:hover, .cta-site a:hover { color: #e63946; }
  .cta-footer { margin-top: 40px; font-size: 30px; font-weight: 900; color: #0a3d62; }
  .cta-footer strong {
    background: linear-gradient(135deg,#2c5f7a,#46728a,#a0522d,#8b4513);
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  }
  /* === ПРАВЫЙ БЛОК === */
  .cta-right { display: flex; justify-content: center; }
  .cta-contact-blocks { width: 100%; max-width: 520px; }
  .cta-contact-title {
    font-size: 28px; font-weight: 900; text-align: center; margin-bottom: 36px;
    background: linear-gradient(135deg,#ffbb66,#ff9933);
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  }
 .contact-block {
  display: flex;
  align-items: center;
  padding: 22px 26px;
  margin-bottom: 18px;
  background: linear-gradient(135deg, #0f2b3d, #0a1f30);
  border-radius: 20px;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 12px 35px rgba(10,61,98,0.35);
  transition: all .35s;
  position: relative;
}
  .contact-block:hover {
    transform: translateY(-8px);
    background: linear-gradient(135deg,#ff8c38,#e63946 70%);
    box-shadow: 0 20px 50px rgba(10,61,98,0.5);
  }
  .contact-text {
  display: flex;
  flex-direction: column;
  flex: 1; 
}
  .contact-icon { font-size: 44px; margin-right: 22px; display:flex; align-items:center; }
  .contact-label { font-size: 16px; opacity: 0.9; }
  .contact-value { font-size: 23px; font-weight: 700; }
  .contact-arrow {
  font-size: 36px;
  opacity: 0.8;
  margin-left: auto; 
  transition: transform .3s;
  flex-shrink: 0;
}
  .contact-block:hover .contact-arrow { transform: translateX(8px); }

  @media (max-width: 1100px) {
    .cta-grid { grid-template-columns: 1fr; gap: 50px; }
  }

  @media (max-width: 768px) {
    .cta-cont *,
    .cta-cont *::before,
    .cta-cont *::after {
      max-width: 100% !important;
      box-sizing: border-box !important;
      overflow-x: hidden !important;
    }
    .cta-grid,
    .cta-left,
    .cta-right,
    .cta-contact-blocks,
    .contact-block {
      width: 100% !important;
      margin: 0 auto 10px;
    }
    .cta-left,
    .cta-contact-blocks {
      padding: 20px 14px !important;
    }
    .contact-block {
      padding: 14px 12px !important;
    }
    .contact-icon {
      font-size: 30px !important;
      min-width: 30px !important;
    }
    .contact-arrow {
      font-size: 26px !important;
    }
  }

  .price-cont { padding: 160px 0; background: linear-gradient(135deg,rgba(11,30,45,.96),rgba(26,51,68,.93) 30%,rgba(47,80,112,.86) 65%,rgba(160,77,43,.82)); position: relative;  overflow: hidden;}
  .price-cont::before { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(0,30,60,.9),rgba(120,80,50,.15)); pointer-events: none; }
  .price-title { font-size: 56px; font-weight: 900; text-align: center; margin-bottom: 90px; background: linear-gradient(135deg, #ffbb66, #ffcc88, #ffaa44, #ff9933);
         -webkit-background-clip: text;
          background-clip: text;
         -webkit-text-fill-color: transparent;
        transform: translateY(30px); }

  /* ДЕСКТОП */
  .price-desktop { display: block; }
  .price-mobile { display: none; }

  .price-table-wrapper { overflow-x: auto; border-radius: 28px; box-shadow: 0 20px 60px rgba(0,0,0,.4); }
  .price-table { width: 100%; border-collapse: separate; border-spacing: 0; background: rgba(255,255,255,.09); backdrop-filter: blur(20px); border-radius: 28px; table-layout: fixed; }
  .price-table th { background: rgba(255,255,255,.15); padding: 28px 20px; font-size: 20px; font-weight: 800; color: #fff; text-align: left; }
  .price-table td { padding: 28px 20px; font-size: 18px; color: #fff; border-bottom: 1px solid rgba(255,255,255,.12); }
  .price-table tr:hover td { background: rgba(255,255,255,.08); }
  .price-table td:nth-child(3) { font-size: 28px; font-weight: 900; color: #ffbb66; }
  .available { color: #4ade80; font-weight: 700; }
  .order { color: #ffb84d; font-weight: 700; }



  @media (max-width: 900px) {
    .price-desktop { display: none; }
    .price-mobile { display: block; }

    .price-card {
      background: rgba(255,255,255,.1);
      backdrop-filter: blur(18px);
      border: 1px solid rgba(255,255,255,.2);
      border-radius: 24px;
      padding: 32px 24px;
      margin-bottom: 20px;
      box-shadow: 0 12px 35px rgba(0,0,0,.3);
    }
    .price-row {
      display: flex;
      justify-content: space-between;
      font-size: 17px;
      color: rgba(255,255,255,.9);
      margin-bottom: 16px;
    }
    .price-row:last-child { margin-bottom: 0; }
    .price-row span { opacity: .8; }
    .price-row strong { font-weight: 700; color: #fff; }
    .price-highlight strong { font-size: 32px; color: #ffbb66; font-weight: 900; }
    .available { color: #4ade80; }
    .order { color: #ffb84d; }
  }

  .price-note {
    margin-top: 60px;
    font-size: 18px;
    color: rgba(255,255,255,.85);
    text-align: left;
    line-height: 1.6;
  }
  .price-asterisk {
    display: inline-block;
    color: #ff9933;
    font-size: 32px;
    font-weight: bold;
    margin-right: 12px;
    position: relative;
    top: 4px;
  }

  @media (max-width: 768px) {
    .price-cont { padding: 100px 0; }
    .price-title { font-size: 38px; margin-bottom: 60px; }
    .price-note { font-size: 16px; text-align: center; }
    .price-asterisk { top: 2px; }
  }