.mg-new-main,.mg-new-main *{box-sizing:border-box}.mg-new-main{--red:#e31e24;--mgh-dark:#151515;--panel:#1f1f1f;--muted:#d3d3d3;background:#151515;color:#fff;font-family:'Golos Text',Arial,sans-serif;overflow:hidden}.mg-new-main h1,.mg-new-main h2,.mg-new-main h3,.mg-new-main p{margin:0;color:inherit;font-family:inherit}.mg-new-main a{color:inherit;text-decoration:none}.mg-new-main button,.mg-new-main input{font:inherit}.mgh-wrap{width:min(1700px,calc(100% - 80px));margin-inline:auto}.mgh-button{display:flex;align-items:center;justify-content:center;width:max-content;min-width:220px;height:64px;padding:0 28px;font-size:14px;font-weight:700;letter-spacing:.02em}.mgh-button--red{background:var(--red)}.mgh-button--outline{border:1px solid #222;color:#151515}.mgh-button--white{border:1px solid #fff}.mgh-title-row{display:flex;align-items:center;justify-content:space-between;gap:30px}.mgh-title-row h2{font-size:40px;font-weight:400;line-height:1.1}.mgh-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.mgh-hero{position:relative;height:710px;background:#111;overflow:hidden}.mgh-hero__panels{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.mgh-hero__panels span{background-image:linear-gradient(#0001,#0001),var(--bg);background-position:center;background-size:cover}.mgh-hero__panels span:first-child{background-position:center 31%}.mgh-hero__panels span:nth-child(2){background-position:center 38%}.mgh-hero__panels span:last-child{background-position:center 30%}.mgh-hero__copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:min(760px,80%);margin:auto;padding-top:72px;text-align:center;text-shadow:0 1px 15px #0008}.mgh-hero__copy>span{font-size:18px;font-weight:700;letter-spacing:.32em}.mgh-hero__copy>strong{font-size:112px;line-height:1.05;font-weight:800;letter-spacing:-.055em}.mgh-hero__copy p{margin:4px 0 35px;font-size:28px}.mgh-hero__pages{position:absolute;z-index:2;bottom:24px;left:50%;display:flex;gap:7px;transform:translateX(-50%)}.mgh-hero__pages i{width:50px;height:2px;background:#ffffff66}.mgh-hero__pages i:first-child{background:var(--red)}
.mgh-benefits{height:211px;background:#151515}.mgh-benefits__grid{display:grid;grid-template-columns:repeat(4,1fr);height:100%}.mgh-benefits article{display:flex;align-items:center;gap:19px;padding:30px;border-right:1px solid #343434}.mgh-benefits article:first-child{border-left:1px solid #343434}.mgh-benefit-icon{display:flex;align-items:center;justify-content:center;flex:0 0 64px;height:64px;border:1px solid #666;border-radius:50%;color:#fff;font-size:19px;font-weight:700}.mgh-benefits h3{font-size:16px;line-height:1.3;text-transform:uppercase}.mgh-benefits p{margin-top:9px!important;color:#aaa!important;font-size:13px;line-height:1.5}
.mgh-categories{display:grid;grid-template-columns:39fr 21fr 40fr;height:810px;gap:10px;background:#151515}.mgh-categories__middle{display:grid;grid-template-rows:1fr 1fr;gap:10px;min-width:0}.mgh-category{position:relative;display:flex;align-items:flex-end;min-width:0;padding:40px;background-image:linear-gradient(0deg,#0009 0,#0000 45%),var(--bg);background-position:center;background-size:cover;overflow:hidden}.mgh-category span{position:relative;z-index:1;font-size:22px;font-weight:700;text-transform:uppercase}.mgh-category--ticks{background-position:center 35%}.mgh-category--layers{background-position:center 37%}
.mgh-products{position:relative;height:984px;padding:80px 0 81px;background:#fff;color:#151515}.mgh-products .mgh-title-row{margin-bottom:36px}.mgh-tabs{display:flex;align-items:center;gap:15px}.mgh-tabs button{appearance:none;height:24px;padding:0;border:0;background:transparent;color:#666;font-size:20px;font-weight:500;line-height:22px;cursor:pointer}.mgh-tabs button.is-active{color:#333;font-weight:700}.mgh-tabs button:focus-visible{outline:2px solid #333;outline-offset:3px}.mgh-product-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.mgh-product-card{min-width:0}.mgh-product-card__visual{position:relative;height:530px;background:#f4f4f4;overflow:hidden}.mgh-product-card__visual>img{width:100%;height:100%;object-fit:cover}.mgh-chip{position:absolute;z-index:1;top:20px;left:20px;padding:6px 11px;background:var(--red);color:#fff;font-size:11px;font-weight:700}.mgh-heart{position:absolute;z-index:1;right:20px;top:16px;border:0;background:transparent;font-size:29px;cursor:pointer}.mgh-product-card h3{margin-top:16px;font-size:16px;line-height:1.35}.mgh-sku{margin-top:7px!important;color:#888!important;font-size:12px}.mgh-price{display:flex;align-items:baseline;gap:10px;margin-top:12px}.mgh-price strong{font-size:18px}.mgh-price del{color:#999;font-size:13px}.mgh-card-cart{display:none}.mgh-products>.mgh-wrap>.mgh-button{position:absolute;top:855px;left:50%;width:169px;min-width:169px;height:48px;margin:0;transform:translateX(-50%);border:0;background:#e31e24;color:#fff}
.mgh-deals{height:648px;padding:80px 0;background:#fff;color:#151515}.mgh-deals .mgh-title-row{margin-bottom:36px}.mgh-deals .mgh-title-row>a{font-size:13px;font-weight:700}.mgh-deals__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mgh-deals__grid>a{display:flex;align-items:flex-end;height:409px;padding:40px;background-image:linear-gradient(0deg,#000a,#0000 55%),var(--bg);background-position:center;background-size:cover;color:#fff}.mgh-deals__grid span{font-size:21px;font-weight:700;text-transform:uppercase}.mgh-deals__mobile-link{display:none}
.mgh-subscribe{height:271px;padding:40px 0;background:#1f1f1f}.mgh-subscribe>.mgh-wrap{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:70px;height:191px}.mgh-subscribe h2{font-size:28px;font-weight:500}.mgh-subscribe p{margin-top:18px!important;color:#bbb!important;font-size:14px;line-height:1.55;max-width:820px}.mgh-subscribe__form{display:flex;height:64px}.mgh-subscribe__form label{flex:1}.mgh-subscribe__form input{width:100%;height:100%;padding:0 20px;border:1px solid #777;border-right:0;background:transparent;color:#fff;outline:none}.mgh-subscribe__form button{width:190px;border:0;background:var(--red);color:#fff;font-size:13px;font-weight:700;cursor:pointer}
.mgh-media{height:711px;padding:80px 0 65px;background:#151515}.mgh-media .mgh-title-row{margin-bottom:36px}.mgh-slider-buttons{display:flex;gap:8px}.mgh-slider-buttons button{width:44px;height:44px;border:1px solid #777;background:transparent;color:#fff;font-size:22px;cursor:pointer}.mgh-media__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.mgh-media-card{display:block;min-width:0}.mgh-media-card img{display:block;width:100%;height:405px;object-fit:cover}.mgh-media-card h3{margin-top:18px;font-size:19px}.mgh-media-card time{display:block;margin-top:10px;color:#888;font-size:12px}
.mgh-materials{display:grid;grid-template-columns:1fr 1fr;height:1000px;background:#151515}.mgh-materials__hero{position:relative;display:flex;align-items:flex-end;padding:80px;background-image:linear-gradient(0deg,#000d,#0000 70%),var(--bg);background-position:center;background-size:cover}.mgh-materials__hero>div{max-width:600px}.mgh-materials small,.mgh-about small{color:#ef3340;font-size:13px;font-weight:700;letter-spacing:.08em}.mgh-materials h2{margin-top:13px;font-size:42px;font-weight:400;line-height:1.12}.mgh-materials .mgh-button{margin-top:30px}.mgh-materials__cards{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.mgh-materials__cards article{position:relative;padding:305px 45px 30px;overflow:hidden}.mgh-materials__cards article:nth-child(1),.mgh-materials__cards article:nth-child(4){background:#202020}.mgh-materials__cards article:nth-child(2),.mgh-materials__cards article:nth-child(3){background:#292929}.mgh-materials__cards img{position:absolute;inset:0 0 auto;width:100%;height:260px;object-fit:cover}.mgh-materials__cards h3{font-size:20px}.mgh-materials__cards p{margin-top:12px!important;color:#aaa!important;font-size:14px;line-height:1.5}
.mgh-about{position:relative;height:557px;background-image:var(--bg);background-position:center;background-size:cover}.mgh-about__copy{display:flex;flex-direction:column;justify-content:center;width:50%;height:100%;padding:70px 80px;background:#111e}.mgh-about h2{margin-top:12px;font-size:40px;font-weight:400}.mgh-about p{margin-top:22px!important;max-width:530px;color:#d0d0d0!important;font-size:16px;line-height:1.55}.mgh-about .mgh-button{margin-top:30px}
@media(max-width:1199px){.mgh-wrap{width:calc(100% - 48px)}.mgh-hero{height:284px}.mgh-hero__panels{gap:4px}.mgh-hero__copy{padding-top:32px}.mgh-hero__copy>span{font-size:8px}.mgh-hero__copy>strong{font-size:48px}.mgh-hero__copy p{margin:1px 0 12px;font-size:12px}.mgh-hero__copy .mgh-button{min-width:150px;height:34px;padding:0 14px;font-size:8px}.mgh-hero__pages{bottom:10px}.mgh-hero__pages i{width:20px}.mgh-benefits{height:342px}.mgh-benefits__grid{grid-template-columns:repeat(2,1fr);width:100%}.mgh-benefits article{padding:25px 40px;border-bottom:1px solid #343434}.mgh-benefits article:nth-child(odd){border-left:0}.mgh-benefit-icon{flex-basis:52px;height:52px;font-size:15px}.mgh-categories{grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,1fr);height:811px;gap:8px}.mgh-categories__middle{display:contents}.mgh-category{padding:26px}.mgh-category--ticks{grid-row:1}.mgh-category--layers{grid-row:2;grid-column:2}.mgh-category span{font-size:17px}.mgh-products{height:898px;padding:80px 0 0}.mgh-title-row h2{font-size:32px}.mgh-products .mgh-title-row{display:block}.mgh-tabs{margin-top:25px;overflow:auto}.mgh-product-list{display:flex;gap:16px;overflow:hidden;margin-right:-24px}.mgh-product-card{flex:0 0 286px}.mgh-product-card__visual{height:405px}.mgh-product-card:nth-child(n+4){display:none}.mgh-products>.mgh-wrap>.mgh-button{top:777px;width:calc(100% - 48px);height:40px}.mgh-deals{height:auto;padding:58px 0 65px}.mgh-deals__grid{grid-template-columns:1fr}.mgh-deals__grid>a{height:525px}.mgh-deals .mgh-title-row>a{display:none}.mgh-deals__mobile-link{display:flex;margin:30px auto 0}.mgh-subscribe{height:416px;padding:54px 0}.mgh-subscribe>.mgh-wrap{grid-template-columns:1fr;height:auto;gap:35px}.mgh-media{height:auto;padding:58px 0}.mgh-media__grid{grid-template-columns:1fr;gap:50px}.mgh-media-card img{height:520px}.mgh-materials{display:block;height:948px}.mgh-materials__hero{height:100%;padding:55px;background-position:center}.mgh-materials__cards{display:none}.mgh-about__copy{width:62%;padding:50px 45px}}
@media(max-width:599px){.mgh-wrap{width:calc(100% - 32px)}.mgh-button{height:52px;min-width:210px}.mgh-hero{height:419px}.mgh-hero__panels{display:block}.mgh-hero__panels span{display:none}.mgh-hero__panels span:first-child{display:block;width:100%;height:100%;background-position:center top}.mgh-hero__copy{align-items:flex-start;width:calc(100% - 76px);padding-top:118px;text-align:left}.mgh-hero__copy>span{font-size:8px}.mgh-hero__copy>strong{font-size:45px}.mgh-hero__copy p{margin:5px 0 24px;font-size:13px}.mgh-hero__copy .mgh-button{height:42px;min-width:190px;font-size:10px}.mgh-hero__pages{bottom:18px}.mgh-benefits{height:391px}.mgh-benefits__grid{grid-template-columns:1fr}.mgh-benefits article{gap:14px;padding:15px 20px;border-right:0!important}.mgh-benefits article:last-child{border-bottom:0}.mgh-benefit-icon{flex-basis:45px;height:45px;font-size:12px}.mgh-benefits h3{font-size:13px}.mgh-benefits p{margin-top:3px!important;font-size:11px}.mgh-categories{display:grid;grid-template-columns:1fr;height:1637px;gap:6px}.mgh-categories__middle{display:contents}.mgh-category,.mgh-category--ticks,.mgh-category--layers{grid-column:1;grid-row:auto;min-height:405px;padding:22px}.mgh-category span{font-size:18px}.mgh-category--ticks{background-position:center 26%}.mgh-products{height:780px;padding:60px 0 0}.mgh-title-row h2{font-size:29px}.mgh-products .mgh-title-row{margin-bottom:20px}.mgh-tabs{gap:15px;margin-top:18px}.mgh-tabs button{height:24px;padding:0;font-size:16px;line-height:22px}.mgh-tabs button:nth-child(1){order:1}.mgh-tabs button:nth-child(2){order:4}.mgh-tabs button:nth-child(3){order:2}.mgh-tabs button:nth-child(4){order:3}.mgh-product-list{margin-right:-16px}.mgh-product-card{flex-basis:270px}.mgh-product-card:nth-child(n+3){display:none}.mgh-product-card__visual{height:380px}.mgh-products>.mgh-wrap>.mgh-button{top:679px;width:calc(100% - 35px)}.mgh-deals{padding:40px 0;height:1026px}.mgh-deals__grid{gap:8px}.mgh-deals__grid>a{height:257px;padding:24px}.mgh-deals__grid span{font-size:17px}.mgh-subscribe{height:454px;padding:45px 0}.mgh-subscribe h2{font-size:28px;line-height:1.15}.mgh-subscribe p{font-size:13px}.mgh-subscribe__form{flex-direction:column;height:auto;gap:12px}.mgh-subscribe__form label{height:54px;flex:none}.mgh-subscribe__form input{border-right:1px solid #777}.mgh-subscribe__form button{width:100%;height:54px}.mgh-media{height:1140px;padding:40px 0;overflow:hidden}.mgh-slider-buttons{display:none}.mgh-media__grid{display:grid;grid-template-columns:1fr;gap:29px;overflow:visible}.mgh-media-card{position:relative;display:block;min-width:0;height:277px;overflow:hidden}.mgh-media-card img{height:277px}.mgh-media-card::after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(0deg,#000c,#0000)}.mgh-media-card h3,.mgh-media-card time{position:absolute;z-index:1;left:20px}.mgh-media-card h3{bottom:58px;width:calc(100% - 40px);margin:0;font-size:18px;line-height:1.35}.mgh-media-card time{bottom:24px;margin:0}.mgh-media-card h3{font-size:18px}.mgh-materials{height:492px}.mgh-materials__hero{padding:30px 24px}.mgh-materials h2{font-size:28px}.mgh-about{height:471px;background-position:63% center}.mgh-about__copy{width:100%;padding:35px 24px;background:linear-gradient(90deg,#111f 0,#111d 62%,#1113)}.mgh-about h2{font-size:31px}.mgh-about p{font-size:13px}.mgh-about .mgh-button{margin-top:22px}}

/* Exact section implementation for the approved “Правки 30.08.2026” frames. */
.mgh-product-carousel{position:relative}.mgh-product-list{scroll-behavior:smooth}.mgh-product-list:focus-visible{outline:2px solid #333;outline-offset:2px}.mgh-product-arrow{position:absolute;z-index:3;top:50%;width:30px;height:44px;margin-top:-22px;border:0;background:transparent;color:#333;font-size:30px;cursor:pointer}.mgh-product-arrow--prev{left:-30px}.mgh-product-arrow--next{right:-30px}
.mgh-hero__badges{position:absolute;z-index:2;top:90px;left:calc(50% + 159px);display:flex;gap:10px}.mgh-hero__badges img{display:block;width:115px;height:115px;object-fit:contain}.mgh-benefits__grid{gap:30px}.mgh-benefits article{gap:19px;padding:0;border:0}.mgh-benefit-icon{display:block;flex:0 0 64px;width:64px;height:64px;border:0;border-radius:0;object-fit:contain}.mgh-benefits h3{font-weight:700}.mgh-products .mgh-title-row{margin-bottom:30px}.mgh-product-list{position:relative;display:flex;gap:0;overflow:hidden}.mgh-product-card{flex:0 0 25%;height:675px;border:1px solid #ececec}.mgh-product-card__visual{width:calc(100% - 50px);height:auto;aspect-ratio:375/531;margin:25px 25px 0;background:#f4f4f4 var(--product) center/cover no-repeat}.mgh-product-card__visual>img{display:block;width:100%;height:100%;object-fit:cover}.mgh-chips{position:absolute;z-index:2;top:10px;left:10px;display:flex;gap:4px}.mgh-chip{position:static;padding:4px 7px;font-size:9px;line-height:13px}.mgh-chip--hit{background:#ef7d00}.mgh-chip--advice{background:#323232}.mgh-chip--sale{background:#e31e24}.mgh-product-pages{position:absolute;left:10px;right:10px;bottom:9px;display:flex;gap:4px}.mgh-product-pages i{height:2px;flex:1;background:#d9d9d9}.mgh-product-pages i:first-child{background:#e31e24}.mgh-rating{margin:17px 25px 0;color:#ef7d00;font-size:13px;letter-spacing:1px}.mgh-rating span{margin-left:8px;color:#777;font-size:11px;letter-spacing:0}.mgh-product-card h3{margin:7px 25px 0;font-size:13px;font-weight:400}.mgh-sku,.mgh-price,.mgh-heart{display:none!important}.mgh-deals .mgh-title-row>a{width:148px;min-width:148px;height:40px;padding:0 18px;color:#fff;font-size:11px}.mgh-subscribe{padding:40px 0;background:#151515}.mgh-subscribe>.mgh-wrap{display:block;height:191px;padding:20px;background:#1f1f1f}.mgh-subscribe__inner{display:grid;grid-template-columns:minmax(0,1fr) 480px;align-items:center;gap:24px;height:151px;padding:25px;background:#2d2d2d}.mgh-subscribe__content{display:flex;align-items:center;gap:25px}.mgh-subscribe__content>img{display:block;flex:0 0 75px;width:75px;height:97px;object-fit:contain}.mgh-subscribe h2{font-size:20px;font-weight:700;text-transform:uppercase}.mgh-subscribe p{margin-top:10px!important;max-width:820px;font-size:12px;line-height:1.5}.mgh-subscribe__form{height:47px}.mgh-subscribe__form button{width:176px;font-size:16px}.mgh-media{position:relative}.mgh-media .mgh-title-row{margin-bottom:29px}.mgh-slider-buttons{display:none}.mgh-media__grid{gap:21px}.mgh-media-card{position:relative;height:443px;overflow:hidden}.mgh-media-card img{display:block;width:100%;height:443px;object-fit:cover}.mgh-media-card::after{content:'';position:absolute;inset:42% 0 0;background:linear-gradient(0deg,rgba(0,0,0,.88),transparent)}.mgh-media-card small,.mgh-media-card h3,.mgh-media-card time{position:absolute;z-index:2;left:25px;color:#fff}.mgh-media-card small{bottom:91px;font-size:10px;font-weight:700}.mgh-media-card h3{bottom:52px;margin:0;font-size:16px;font-weight:700}.mgh-media-card time{bottom:25px;margin:0;color:#b9b9b9;font-size:11px}.mgh-media__more{width:296px;min-width:296px;height:48px;margin:30px auto 0;font-size:12px}.mgh-materials__hero{padding:0;background-image:var(--bg);background-position:center;background-size:cover}.mgh-materials__side{position:relative;height:100%}.mgh-materials__cards{height:904px}.mgh-materials__more{position:absolute;bottom:24px;left:50%;width:389px;min-width:389px;height:48px;transform:translateX(-50%);font-size:12px}.mgh-about{background-position:center;background-size:cover}.mgh-about__copy{width:596px;padding:86px 78px;background:rgba(21,27,35,.94)}.mgh-about__small-label{display:none}

@media (max-width:1199px){.mgh-hero__badges{top:36px;left:auto;right:226px;gap:4px}.mgh-hero__badges img{width:46px;height:46px}.mgh-benefits__grid{gap:0 30px;padding:0 39px}.mgh-benefits article{gap:19px}.mgh-benefit-icon{flex-basis:64px;width:64px;height:64px}.mgh-product-card{flex:0 0 329px;height:551px}.mgh-product-card__visual{width:289px;height:410px;margin:20px 20px 0;aspect-ratio:auto}.mgh-product-list{gap:0;margin-right:-24px}.mgh-rating{margin:12px 20px 0}.mgh-product-card h3{margin:5px 20px 0}.mgh-deals .mgh-title-row>a{display:none}.mgh-deals__mobile-link{width:100%;height:40px;margin:30px auto 0;color:#fff}.mgh-subscribe{padding:40px 0}.mgh-subscribe>.mgh-wrap{height:336px;padding:20px}.mgh-subscribe__inner{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;height:296px;padding:25px 20px}.mgh-subscribe__content{gap:25px}.mgh-subscribe__form{width:630px;max-width:100%;height:47px;margin:0 auto}.mgh-media{height:2107px;padding:60px 0}.mgh-media .mgh-title-row{margin-bottom:29px}.mgh-media__grid{gap:20px}.mgh-media-card{height:587px}.mgh-media-card img{height:587px}.mgh-media__more{width:100%;height:48px;margin-top:29px}.mgh-materials{position:relative;display:block}.mgh-materials__hero{height:838px;background-position:center}.mgh-materials__side{position:absolute;inset:auto 24px 30px;height:48px}.mgh-materials__cards{display:none}.mgh-materials__more{position:static;width:100%;min-width:0;height:48px;transform:none}.mgh-about__copy{width:100%;padding:60px 92px;background:linear-gradient(90deg,rgba(21,27,35,1),rgba(21,27,35,.75))}.mgh-about__desktop-label{display:none}.mgh-about__small-label{display:inline}}

@media (max-width:599px){.mgh-hero__badges{top:131px;right:39px;gap:4px}.mgh-hero__copy{padding-top:183px}.mgh-hero__copy>strong{font-size:45px}.mgh-hero__copy .mgh-button{min-width:170px;height:36px}.mgh-benefits__grid{padding:26px 22.5px 25px}.mgh-benefits article{gap:15px;padding:0;border:0!important}.mgh-benefit-icon{flex-basis:40px;width:40px;height:40px}.mgh-products .mgh-title-row{margin-bottom:20px}.mgh-product-list{gap:0;margin-right:-17.5px}.mgh-product-card{flex:0 0 294px;height:505px}.mgh-product-card__visual{width:273px;height:386px;margin:11px 10.5px 0}.mgh-chips{top:8px;left:8px}.mgh-chip{padding:3px 5px;font-size:7px}.mgh-rating{margin:10px 11px 0;font-size:11px}.mgh-product-card h3{margin:5px 11px 0;font-size:11px}.mgh-deals__mobile-link{margin-top:20px}.mgh-subscribe{padding:40px 0}.mgh-subscribe>.mgh-wrap{width:340px;height:374px;padding:10px}.mgh-subscribe__inner{height:354px;padding:10px;gap:0}.mgh-subscribe__content{align-items:flex-start;gap:20px;height:212px}.mgh-subscribe__content>img{flex-basis:48px;width:48px;height:62px}.mgh-subscribe h2{font-size:15px;line-height:1.3}.mgh-subscribe p{margin-top:12px!important;font-size:11px;line-height:1.45}.mgh-subscribe__form{width:300px;height:82px;gap:10px}.mgh-subscribe__form label,.mgh-subscribe__form button{height:36px}.mgh-subscribe__form button{font-size:10px}.mgh-media{height:1140px;padding:60px 0 0}.mgh-media .mgh-title-row{margin-bottom:29px}.mgh-media__grid{gap:29px}.mgh-media-card{height:277px}.mgh-media-card img{height:277px}.mgh-media-card small{left:20px;bottom:88px;font-size:8px}.mgh-media-card h3{left:20px;bottom:51px;font-size:14px}.mgh-media-card time{left:20px;bottom:20px;font-size:10px}.mgh-media__more{height:40px;margin-top:29px;font-size:10px}.mgh-materials__hero{height:412px;background-position:center}.mgh-materials__side{inset:auto 17.5px 20px;height:40px}.mgh-materials__more{height:40px;font-size:9px}.mgh-about{background-position:center}.mgh-about__copy{padding:60px 20px;background:linear-gradient(90deg,rgba(21,27,35,1),rgba(21,27,35,.75))}.mgh-about h2{font-size:30px}.mgh-about p{font-size:15px;line-height:1.55}.mgh-about .mgh-button{width:340px;max-width:100%;height:39px}}

/* Exact hero geometry from the three approved frames. */
@media (min-width:1200px){
  .mgh-hero__copy{position:absolute;top:215.5px;left:50%;width:790px;margin:0;padding:0;transform:translateX(-50%)}
  .mgh-hero__copy>span{font-size:24px;line-height:15px}
  .mgh-hero__copy>strong{font-size:110px;line-height:120px}
  .mgh-hero__copy p{margin:0 0 31px;font-size:32px;line-height:38px}
  .mgh-hero__copy .mgh-button{width:227px;min-width:227px;height:54px}
}
@media (min-width:600px) and (max-width:1199px){
  .mgh-hero__copy{position:absolute;top:86.2px;left:50%;width:316px;margin:0;padding:0;transform:translateX(-50%)}
  .mgh-hero__copy>span{font-size:9.6px;line-height:6px}
  .mgh-hero__copy>strong{font-size:44px;line-height:54px}
  .mgh-hero__copy p{margin:4px 0 12px;font-size:12.8px;line-height:15px}
  .mgh-hero__copy .mgh-button{width:90.8px;min-width:90.8px;height:21.6px;padding:0 8px;font-size:5px}
}
@media (max-width:599px){
  .mgh-hero__copy{position:absolute;top:181px;left:38px;align-items:center;width:298px;margin:0;padding:0;text-align:center}
  .mgh-hero__copy>span{font-size:9.6px;line-height:6px}
  .mgh-hero__copy>strong{font-size:44px;line-height:54px}
  .mgh-hero__copy p{margin:4px 0 12px;font-size:12.8px;line-height:15px}
  .mgh-hero__copy .mgh-button{width:90.8px;min-width:90.8px;height:21.6px;padding:0 8px;font-size:5px}
  .mgh-hero__pages i{width:40px}
  .mgh-hero__pages i:nth-child(4){display:none}
}

@media (min-width:600px) and (max-width:1199px){
  .mgh-deals{height:1886px}
}

@media (min-width:600px) and (max-width:1099px){
  .mg-new-main .mg-builder{padding-bottom:55px}
}
@media (max-width:374px){
  .mgh-hero__copy{left:16px;width:calc(100% - 32px)}
  .mgh-hero__badges{right:20px}
}

.mgh-hero__badges img{padding:14px;border:2px solid #fff;border-radius:50%}
.mgh-subscribe__inner{background:transparent}
.mgh-about .mgh-button{width:136px;min-width:136px;height:39px;padding:0 12px;font-size:10px}
@media (min-width:1200px){
  .mgh-media__more,.mgh-materials__more{text-transform:uppercase}
  .mgh-about__copy{width:658px}
}
@media (min-width:600px) and (max-width:1099px){
  .mg-new-main .mg-builder__summary{display:grid;grid-template-columns:75px 1fr;align-items:start}
  .mg-new-main .mg-builder__shield{grid-column:1}
  .mg-new-main .mg-builder__summary-copy{grid-column:2;min-width:0}
  .mg-new-main .mg-builder__actions{grid-column:2;margin-left:0}
}
@media (max-width:599px){
  .mgh-about .mgh-button{width:340px;min-width:0;height:39px;font-size:10px}
}

.mgh-benefits h3{font-size:20px;line-height:25px}.mgh-benefits p{margin-top:10px!important;font-size:15px;line-height:22px}
.mgh-media-card h3{font-size:18px;line-height:25px}.mgh-media-card time{font-size:13px;line-height:22px}
@media (min-width:600px) and (max-width:1199px){.mgh-media .mgh-title-row h2{font-size:40px}}
@media (max-width:599px){
  .mgh-benefits__grid{width:330px;padding:0;margin-inline:auto}
  .mgh-benefits h3{font-size:16px;line-height:25px}
  .mgh-benefits p{margin-top:0!important;font-size:12px;line-height:1.4}
  .mgh-media .mgh-wrap{width:340px}
  .mgh-media .mgh-title-row h2{font-size:30px}
  .mgh-media-card h3{font-size:18px;line-height:25px}
  .mgh-media-card time{font-size:13px;line-height:22px}
}

@media (min-width:600px) and (max-width:1099px){.mg-new-main .mg-builder{padding-bottom:149px}}
@media (max-width:599px){
  .mgh-subscribe>.mgh-wrap,.mgh-media .mgh-wrap{max-width:calc(100% - 35px)}
}

/* Figma exports are already cropped to the slide; CSS only scales them proportionally. */
.mg-new-main .mgh-hero__panels>span{
  position:relative;
  overflow:hidden;
  background:#151a17 var(--bg) center/auto 100% no-repeat;
}
.mgh-hero__panels span::before,
.mgh-hero__panels span::after{
  content:none;
}
.mgh-hero__copy{text-shadow:none}
.mgh-hero__badges{gap:10px}
.mgh-hero__badge{position:relative;display:block;width:115px;height:115px;border:1px solid #fff;border-radius:50%;background-repeat:no-repeat;background-position:center;background-size:151.82482%;overflow:visible}
.mgh-hero__badge--tick{background-image:url('/new-main/assets/home/9e080003a5cf5564894c9e00d37ca23c8a265540.webp')}
.mgh-hero__badge--mosquito{background-image:url('/new-main/assets/home/6d666d96a0df7ca83f0eb0b655c746792143c634.webp')}
.mgh-hero__badge i{position:absolute;left:.63px;top:56.5px;display:block;width:113.74px;height:2px;background:#fff;transform:rotate(-45deg);transform-origin:center}
@media (min-width:1200px){
  .mgh-hero__copy{left:calc(50% - 391.5px);transform:none}
  .mgh-hero__copy>span{align-self:flex-start;width:676px;margin-left:23px;letter-spacing:.8px;text-align:left;text-transform:lowercase}
}
@media (max-width:1199px){
  .mgh-hero__badges{gap:4px}
  .mgh-hero__badge{width:46px;height:46px;background-size:151.82482%}
  .mgh-hero__badge i{left:.25px;top:22.6px;width:45.5px;height:.8px}
  .mgh-hero__copy>span{align-self:flex-start;width:270.4px;letter-spacing:.32px;text-align:left;text-transform:lowercase}
}
@media (min-width:600px) and (max-width:1199px){.mgh-hero__copy>span{margin-left:9px}}
@media (max-width:599px){
  .mgh-hero__copy>span{margin-left:0}
}

.mgh-hero__badge{background-size:65.8653%}
.mgh-hero__copy>strong{letter-spacing:0}
@media (min-width:1200px){.mgh-hero__copy>strong{align-self:flex-start;margin-left:23px}}
@media (min-width:600px) and (max-width:1199px){.mgh-hero__copy>strong{align-self:flex-start;margin-left:9px}}
@media (max-width:599px){.mgh-hero__copy>strong{align-self:flex-start;margin-left:0}}

.mgh-hero__copy>strong{transform:scaleX(1.092);transform-origin:left center}
@media (max-width:374px){.mgh-hero__copy>strong{transform:scaleX(.96)}}

.mgh-hero__copy>strong{transform:none}
@media (max-width:374px){.mgh-hero__copy>strong{transform:scaleX(.96);transform-origin:left center}}

/* Exact hero overlay geometry from the “Правки 30.08.2026” frames. */
.mg-new-main .mgh-hero__copy{
  position:absolute;
  z-index:1;
  display:block;
  width:790px;
  height:268px;
  margin:0;
  padding:0;
  text-align:left;
  transform:none;
}
.mg-new-main .mgh-hero__copy>span,
.mg-new-main .mgh-hero__copy>strong,
.mg-new-main .mgh-hero__copy>p,
.mg-new-main .mgh-hero__copy>.mgh-button{
  position:absolute;
  margin:0;
}
.mg-new-main .mgh-hero__copy>span{left:24px;top:-2px;width:676px;height:15px;transform:scale(.973,.944);transform-origin:left top}
.mg-new-main .mgh-hero__copy>strong{left:14px;top:14px;width:max-content;height:110px;line-height:110px;transform:scaleX(1.097);transform-origin:left center}
.mg-new-main .mgh-hero__copy>p{left:57px;top:144px;display:flex;align-items:center;justify-content:center;width:676px;height:38px;letter-spacing:.93px;text-align:center}
.mg-new-main .mgh-hero__copy>.mgh-button{left:281.5px;top:214px;padding:0 23px 1px 25px;letter-spacing:1.4px;white-space:nowrap}
.mg-new-main .mgh-hero__badge--tick{background-position:47.4% 47.4%;background-size:65.8653%}
.mg-new-main .mgh-hero__badge--mosquito{background-position:47% 47%;background-size:75.8%}
.mg-new-main .mgh-hero__pages{left:calc(50% - 45px);bottom:24px;gap:10px;transform:none}
.mg-new-main .mgh-hero__pages i{width:40px;height:2px}

@media (min-width:600px) and (max-width:1199px){
  .mg-new-main .mgh-hero__copy{top:86.2px;left:226px;width:316px;height:107.2px}
  .mg-new-main .mgh-hero__copy>span{left:9.4px;top:-.8px;width:270.4px;height:6px;transform:scale(.973,.944)}
  .mg-new-main .mgh-hero__copy>strong{left:5.7px;top:13px;width:max-content;height:44px;line-height:44px;transform:scaleX(1.095)}
  .mg-new-main .mgh-hero__copy>p{left:22.4px;top:63.6px;width:270.4px;height:15px;letter-spacing:.36px}
  .mg-new-main .mgh-hero__copy>.mgh-button{left:112.6px;top:91.6px;padding:0 9.2px .4px 10px;letter-spacing:.56px}
  .mg-new-main .mgh-hero__pages{left:366px;bottom:9.6px;gap:4px}
  .mg-new-main .mgh-hero__pages i{width:16px;height:.8px}
}

@media (max-width:599px){
  .mg-new-main .mgh-hero__copy{top:181px;left:38px;width:298px;height:107.2px}
  .mg-new-main .mgh-hero__copy>span{left:.4px;top:-.8px;width:270.4px;height:6px;transform:scale(.973,.944)}
  .mg-new-main .mgh-hero__copy>strong{left:-3.3px;top:13px;width:max-content;height:44px;line-height:44px;transform:scaleX(1.095)}
  .mg-new-main .mgh-hero__copy>p{left:13.4px;top:63.6px;width:270.4px;height:15px;letter-spacing:.36px}
  .mg-new-main .mgh-hero__copy>.mgh-button{left:103.6px;top:91.6px;padding:0 9.2px .4px 10px;letter-spacing:.56px}
  .mg-new-main .mgh-hero__pages{left:calc(50% - 64px);bottom:4px;gap:4px}
  .mg-new-main .mgh-hero__pages i{width:40px;height:2px}
}

@media (max-width:374px){
  .mg-new-main .mgh-hero__copy{left:16px}
  .mg-new-main .mgh-hero__copy>strong{transform:scaleX(.96)}
}

/* Top banner: direct coordinates and type from Figma nodes 1084:121986/124433/126845. */
.mg-new-main .mgh-hero__copy{top:215.5px;left:calc(50% - 368px);width:744px;height:268px}
.mg-new-main .mgh-hero__copy>span{left:0;top:0;width:676px;height:15px;font:600 24px/14.29px 'Golos Text',Arial,sans-serif;letter-spacing:.8px;transform:none}
.mg-new-main .mgh-hero__copy>strong{left:0;top:25px;width:744px;height:110px;font:700 110px/110px 'Gros Ventre','Golos Text',Arial,sans-serif;letter-spacing:0;transform:none}
.mg-new-main .mgh-hero__copy>p{left:34px;top:145px;width:676px;height:38px;font:500 32px/32px 'Golos Text',Arial,sans-serif;letter-spacing:.8px}
.mg-new-main .mgh-hero__copy>.mgh-button{left:258.5px;top:214px;width:227px;min-width:227px;height:54px;font-family:Montserrat,'Golos Text',Arial,sans-serif;font-size:13px;font-weight:700;line-height:20px;letter-spacing:.8px}
.mg-new-main .mgh-hero__panels{display:block}
.mg-new-main .mgh-hero__panels>span{position:absolute;top:0;bottom:0;width:32.96875%}
.mg-new-main .mgh-hero__panels>span:first-child{left:0}
.mg-new-main .mgh-hero__panels>span:nth-child(2){left:33.5416667%}
.mg-new-main .mgh-hero__panels>span:nth-child(3){left:67.03125%}

@media (min-width:600px) and (max-width:1199px){
  .mg-new-main .mgh-hero__copy{top:86.2px;left:calc(50% - 149px);width:298px;height:107.2px}
  .mg-new-main .mgh-hero__copy>span{left:0;top:0;width:270.4px;height:6px;font-size:9.6px;line-height:5.716px;letter-spacing:.32px}
  .mg-new-main .mgh-hero__copy>strong{left:0;top:16px;width:298px;height:44px;font-size:44px;line-height:44px}
  .mg-new-main .mgh-hero__copy>p{left:13.8px;top:64px;width:270.4px;height:15px;font-size:12.8px;line-height:12.8px;letter-spacing:.32px}
  .mg-new-main .mgh-hero__copy>.mgh-button{left:103.6px;top:91.6px;width:90.8px;min-width:90.8px;height:21.6px;padding:0;font-size:5.2px;line-height:8px;letter-spacing:.32px}
  .mg-new-main .mgh-hero__badges{right:auto;left:calc(50% + 62px)}
}

@media (max-width:599px){
  .mg-new-main .mgh-hero__panels>span:first-child{left:0;width:calc(100% - 1px)}
  .mg-new-main .mgh-hero__copy{top:181px;left:calc(50% - 149.5px);width:298px;height:107.2px}
  .mg-new-main .mgh-hero__badges{right:auto;left:calc(50% + 52.5px)}
  .mg-new-main .mgh-hero__copy>span{left:0;top:0;width:270.4px;height:6px;font-size:9.6px;line-height:5.716px;letter-spacing:.32px}
  .mg-new-main .mgh-hero__copy>strong{left:0;top:16px;width:298px;height:44px;font-size:44px;line-height:44px;transform:none}
  .mg-new-main .mgh-hero__copy>p{left:13.8px;top:64px;width:270.4px;height:15px;font-size:12.8px;line-height:12.8px;letter-spacing:.32px}
  .mg-new-main .mgh-hero__copy>.mgh-button{left:103.6px;top:91.6px;width:90.8px;min-width:90.8px;height:21.6px;padding:0;font-size:5.2px;line-height:8px;letter-spacing:.32px}
}

@media (max-width:374px){
  .mg-new-main .mgh-hero__copy{left:calc(50% - 149px)}
  .mg-new-main .mgh-hero__copy>strong{transform:scaleX(calc((100vw - 32px) / 298));transform-origin:left center}
}

/* Direct Figma exports preserve the complete circle, insect and diagonal stroke. */
.mg-new-main .mgh-hero__badge{padding:0;border:0;border-radius:0;background-position:center;background-size:100% 100%}
.mg-new-main .mgh-hero__badge--tick{background-image:url('/new-main/assets/home/hero-badge-tick.png')}
.mg-new-main .mgh-hero__badge--mosquito{background-image:url('/new-main/assets/home/hero-badge-mosquito.png')}
.mg-new-main .mgh-hero__badge i{display:none}

/* Between the supplied 768px and 1920px frames every value interpolates continuously. */
@media (min-width:600px){
  .mg-new-main .mgh-hero{width:min(100%,1920px);height:min(36.9791667vw,710px);margin-inline:auto}
  .mg-new-main .mgh-hero__copy{inset:0;width:100%;height:100%}
  .mg-new-main .mgh-hero__copy>span{left:calc(min(30.9895833vw,595px) - 3px);top:min(11.2239583vw,215.5px);width:min(35.2083333vw,676px);height:min(.78125vw,15px);font-size:min(1.25vw,24px);line-height:min(.7442708vw,14.29px);letter-spacing:min(.0416667vw,.8px)}
  .mg-new-main .mgh-hero__copy>strong{left:calc(min(30.9895833vw,595px) - 3px);top:calc(min(12.0052083vw,230.5px) + 10px);width:min(38.75vw,744px);height:min(5.7291667vw,110px);font-size:min(5.7291667vw,110px);line-height:min(5.7291667vw,110px)}
  .mg-new-main .mgh-hero__copy>p{left:calc(min(32.7430556vw,628.6667px) - 2.6667px);top:calc(min(18.2552083vw,350.5px) + 10px);width:min(35.2083333vw,676px);height:min(1.9791667vw,38px);font-size:min(1.6666667vw,32px);line-height:min(1.6666667vw,32px);letter-spacing:min(.0416667vw,.8px)}
  .mg-new-main .mgh-hero__copy>.mgh-button{left:calc(min(44.4357639vw,853.1667px) - 2.6667px);top:calc(min(21.8489583vw,419.5px) + 10px);width:min(11.8229167vw,227px);min-width:min(11.8229167vw,227px);height:min(2.8125vw,54px);font-size:min(.6770833vw,13px);line-height:min(1.0416667vw,20px);letter-spacing:min(.0416667vw,.8px)}
  .mg-new-main .mgh-hero__badges{top:min(4.7135417vw,90.5px);right:auto;left:calc(min(58.4201389vw,1121.6667px) - 2.6667px);gap:min(.5208333vw,10px)}
  .mg-new-main .mgh-hero__badge{width:min(5.9895833vw,115px);height:min(5.9895833vw,115px)}
  .mg-new-main .mgh-hero__pages{left:min(47.65625vw,915px);bottom:auto;top:min(35.625vw,684px);gap:min(.5208333vw,10px)}
  .mg-new-main .mgh-hero__pages i{width:min(2.0833333vw,40px);height:min(.1041667vw,2px)}
}

/* Resolution-independent reconstruction of the Figma badge fill transform. */
.mg-new-main .mgh-hero__badge{border:min(.0520833vw,1px) solid #fff;border-radius:50%;background-position:center;background-size:65.8653% 65.8653%}
.mg-new-main .mgh-hero__badge--tick{background-image:url('/new-main/assets/home/9e080003a5cf5564894c9e00d37ca23c8a265540.webp')}
.mg-new-main .mgh-hero__badge--mosquito{background-image:url('/new-main/assets/home/6d666d96a0df7ca83f0eb0b655c746792143c634.webp')}
.mg-new-main .mgh-hero__badge i{position:absolute;left:.55%;top:49.13%;display:block;width:98.9%;height:1.739%;background:#fff;transform:rotate(-45deg);transform-origin:center}
@media (max-width:599px){.mg-new-main .mgh-hero__badge{border-width:.4px}}

/* Deals: title baselines from the approved “Правки 30.08.2026” renders. */
.mg-new-main .mgh-deals .mgh-title-row h2{transform:translateY(-3px)}
.mg-new-main .mgh-deals__grid span{display:block;transform:translateY(-4px)}
.mg-new-main .mgh-deals__grid>a:hover,.mg-new-main .mgh-deals__grid>a:focus,.mg-new-main .mgh-deals__grid>a:active{color:#fff}
.mg-new-main .mgh-deals__mobile-link{color:#fff}

@media (min-width:1200px){
  .mg-new-main .mgh-deals .mgh-title-row{position:relative;height:44px}
  .mg-new-main .mgh-deals .mgh-title-row>a{position:absolute;top:0;right:0;width:148px;min-width:148px;height:48px;padding:0 18px;font-size:16px;line-height:16px}
  .mg-new-main .mgh-deals__grid span{font-size:24px;line-height:25px}
  .mg-new-main .mgh-deals__grid>a:nth-child(n+2) span{transform:translateY(-29px)}
}

/* Subscribe: exact layout from Figma nodes 1084:123774/126205/127872. */
.mg-new-main .mgh-subscribe{width:100%;height:271px;padding:40px 0;background:#0f1215}
.mg-new-main .mgh-subscribe>.mgh-wrap{display:block;width:min(1700px,calc(100% - 80px));height:191px;padding:20px;background:#1f1f1f}
.mg-new-main .mgh-subscribe__inner{display:grid;grid-template-columns:1071.014px 480px;align-items:center;justify-content:start;gap:24px;width:100%;height:151px;padding:24px;border:1px solid #313131;background:transparent}
.mg-new-main .mgh-subscribe__content{display:flex;align-items:flex-start;gap:24px;width:1071.014px;height:101px}
.mg-new-main .mgh-subscribe__icon{display:block;flex:0 0 75.014px;width:75.014px;height:96.966px;background:url('/new-main/assets/home/subscribe-icon.webp') center/contain no-repeat}
.mg-new-main .mgh-subscribe__content>div{width:972px;height:101px;padding-top:2px}
.mg-new-main .mgh-subscribe h2{height:21px;font:500 30px/21px 'Golos Text',Arial,sans-serif;text-transform:uppercase}
.mg-new-main .mgh-subscribe p{width:928px;max-width:928px;margin-top:19px!important;color:#d3d3d3!important;font:400 18px/28.8px 'Golos Text',Arial,sans-serif}
.mg-new-main .mgh-subscribe__mobile-break{display:none}
.mg-new-main .mgh-subscribe__form{display:flex;width:480px;height:47px;margin:0;gap:0}
.mg-new-main .mgh-subscribe__form label{display:block;flex:1 1 auto;width:auto;height:47px;margin:0}
.mg-new-main .mgh-subscribe__form input{display:block;width:100%;height:47px!important;margin:0;padding:0 19px;border:1px solid #444;border-radius:0;background:#444;color:#fff;font:400 11px/15.71px 'Golos Text',Arial,sans-serif;letter-spacing:.8px;text-transform:uppercase;outline:0}
.mg-new-main .mgh-subscribe__form input::placeholder{color:#fff;opacity:1}
.mg-new-main .mgh-subscribe__form button{display:block;flex:0 0 176px;width:176px;height:47px;margin:0;padding:0 21px;border:0;background:#e31e24;color:#fff;font:700 16px/19.2px 'Golos Text',Arial,sans-serif;letter-spacing:.8px;text-transform:uppercase}
.mg-new-main .mgh-subscribe__form button:hover,.mg-new-main .mgh-subscribe__form button:focus,.mg-new-main .mgh-subscribe__form button:active{background:#e31e24;color:#fff}

@media (min-width:600px) and (max-width:1199px){
  .mg-new-main .mgh-subscribe{height:416px;padding:40px 0}
  .mg-new-main .mgh-subscribe>.mgh-wrap{width:calc(100% - 48px);height:336px;padding:20px}
  .mg-new-main .mgh-subscribe__inner{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:40px;height:296px;padding:24px 19px}
  .mg-new-main .mgh-subscribe__content{width:640px;max-width:100%;height:159px}
  .mg-new-main .mgh-subscribe__content>div{width:540.986px;height:159px;padding-top:2px}
  .mg-new-main .mgh-subscribe p{width:540.986px;max-width:100%}
  .mg-new-main .mgh-subscribe__form{width:630px;max-width:100%}
}

@media (max-width:599px){
  .mg-new-main .mgh-subscribe{height:454px;padding:40px 0}
  .mg-new-main .mgh-subscribe>.mgh-wrap{width:calc(100% - 35px);max-width:none;height:374px;padding:10px}
  .mg-new-main .mgh-subscribe__inner{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:40px;height:354px;padding:9px}
  .mg-new-main .mgh-subscribe__content{gap:20px;width:300px;max-width:100%;height:212px}
  .mg-new-main .mgh-subscribe__icon{flex-basis:48px;width:48px;height:62px}
  .mg-new-main .mgh-subscribe__content>div{width:232px;height:212px;padding-top:2px}
  .mg-new-main .mgh-subscribe h2{height:42px;font-size:18px;line-height:21px}
  .mg-new-main .mgh-subscribe p{width:232px;max-width:100%;margin-top:13px!important;font-size:14px;line-height:22px}
  .mg-new-main .mgh-subscribe__mobile-break{display:inline}
  .mg-new-main .mgh-subscribe__form{flex-direction:column;width:300px;max-width:100%;height:82px;gap:10px}
  .mg-new-main .mgh-subscribe__form label{flex:0 0 36px;width:100%;height:36px}
  .mg-new-main .mgh-subscribe__form input{height:36px!important;padding:0 10px}
  .mg-new-main .mgh-subscribe__form button{flex:0 0 36px;width:100%;height:36px;font-size:10px;line-height:15.71px}
}

@media (max-width:374px){
  .mg-new-main .mgh-subscribe__content{width:100%;gap:15px}
  .mg-new-main .mgh-subscribe__icon{flex-basis:40px;width:40px;height:52px}
  .mg-new-main .mgh-subscribe__content>div{width:calc(100% - 55px)}
  .mg-new-main .mgh-subscribe h2{height:38px;font-size:16px;line-height:19px}
  .mg-new-main .mgh-subscribe p{width:100%;margin-top:11px!important;font-size:12px;line-height:18px}
  .mg-new-main .mgh-subscribe__form{width:100%}
}

/* Best offers: geometry and typography from “Правки 30.08.2026”. */
.mg-new-main .mgh-products{height:984px;padding:80px 0 81px;background:#fff;color:#151515}
.mg-new-main .mgh-products>.mgh-wrap{width:min(1700px,calc(100% - 80px))}
.mg-new-main .mgh-products .mgh-title-row{height:40px;margin:0 0 30px;align-items:center}
.mg-new-main .mgh-products .mgh-title-row h2{font:400 40px/40px 'Golos Text',Arial,sans-serif;transform:translateY(9px)}
.mg-new-main .mgh-products .mgh-tabs{gap:15px;margin:0;overflow:visible}
.mg-new-main .mgh-products .mgh-tabs button{height:24px;padding:0;color:#666;font:500 20px/24px 'Golos Text',Arial,sans-serif}
.mg-new-main .mgh-products .mgh-tabs button.is-active{color:#323232;font-weight:700}
.mg-new-main .mgh-product-carousel{position:relative}
.mg-new-main .mgh-product-list{display:flex;width:100%;height:675px;margin:0;gap:0;overflow:hidden;scroll-behavior:smooth}
.mg-new-main .mgh-product-card{flex:0 0 25%;height:675px;border:1px solid #ececec}
.mg-new-main .mgh-product-card__visual{width:375px;height:531px;margin:24px auto 0;aspect-ratio:auto;overflow:visible;background:#f4f4f4}
.mg-new-main .mgh-product-card__visual>img{display:block;width:375px;height:531px;object-fit:cover}
.mg-new-main .mgh-chips{top:0;left:0;gap:4px}
.mg-new-main .mgh-chip{height:auto;padding:2px 7px 2.3px;color:#fff;font:400 12px/20.3px 'Golos Text',Arial,sans-serif}
.mg-new-main .mgh-chip--hit{background:#f59e2d}
.mg-new-main .mgh-chip--advice{background:#323232}
.mg-new-main .mgh-chip--sale{background:#e34f1e}
.mg-new-main .mgh-product-pages{left:50%;right:auto;bottom:-16px;width:176px;gap:4px;transform:translateX(-50%)}
.mg-new-main .mgh-product-pages i{flex:0 0 40px;height:2px;background:#d9d9d9}
.mg-new-main .mgh-product-pages i:first-child{background:#e31e24}
.mg-new-main .mgh-rating{display:flex;align-items:center;height:14px;margin:51px 25px 0;color:#777;font:400 12px/14px 'Inter','Golos Text',Arial,sans-serif;letter-spacing:0}
.mg-new-main .mgh-rating>.mgh-rating__stars{display:flex;align-items:center;width:81px;gap:3px;margin-left:0;overflow:visible}
.mg-new-main .mgh-rating__stars img{display:block;width:14px;height:13px}
.mg-new-main .mgh-rating>.mgh-rating__count{margin-left:10px;color:#555;font:400 12px/20.3px 'Golos Text',Arial,sans-serif}
.mg-new-main .mgh-product-card h3{width:375px;margin:6px 25px 0;color:#333;font:500 14px/21px 'Inter','Golos Text',Arial,sans-serif}
.mg-new-main .mgh-product-arrow{top:337.5px;display:flex;align-items:center;justify-content:center;width:30px;height:44px;margin-top:0;padding:0;border:0;background:transparent;transform:translateY(-50%)}
.mg-new-main .mgh-product-arrow img{display:block;width:12px;height:18px;margin:0}
.mg-new-main .mgh-product-arrow--prev{left:0;justify-content:flex-start}
.mg-new-main .mgh-product-arrow--next{right:0;justify-content:flex-end}
.mg-new-main .mgh-products>.mgh-wrap>.mgh-button{top:855px;width:169px;min-width:169px;height:48px;padding:0;background:#e31e24;color:#fff;font:700 20px/17.8625px 'Golos Text',Arial,sans-serif;letter-spacing:.8px}

@media (min-width:600px) and (max-width:1199px){
  .mg-new-main .mgh-products{height:898px;padding-top:80px}
  .mg-new-main .mgh-products>.mgh-wrap{width:calc(100% - 48px)}
  .mg-new-main .mgh-products .mgh-title-row{display:block;height:86px;margin-bottom:30px}
  .mg-new-main .mgh-products .mgh-title-row h2{font-size:40px;line-height:40px}
  .mg-new-main .mgh-products .mgh-title-row h2{transform:none}
  .mg-new-main .mgh-products .mgh-tabs{margin-top:22px}
  .mg-new-main .mgh-product-list{height:551px;margin-right:-24px}
  .mg-new-main .mgh-product-card{flex-basis:329px;height:551px}
  .mg-new-main .mgh-product-card__visual{width:289px;height:410px;margin-top:19px}
  .mg-new-main .mgh-product-card__visual>img{width:289px;height:410px}
  .mg-new-main .mgh-chip{height:20px;padding:2px 5px;font-size:9px;line-height:16px}
  .mg-new-main .mgh-product-pages{bottom:-9px;width:136px;gap:3px}
  .mg-new-main .mgh-product-pages i{flex-basis:31px}
  .mg-new-main .mgh-rating{margin:29px 20px 0}
  .mg-new-main .mgh-product-card h3{width:calc(100% - 40px);margin:5px 20px 0;font-size:12px;line-height:18px}
  .mg-new-main .mgh-product-arrow{top:275.5px}
  .mg-new-main .mgh-products>.mgh-wrap>.mgh-button{top:777px;width:calc(100% - 48px);height:40px;font-size:14px;line-height:14.29px}
}

@media (max-width:599px){
  .mg-new-main .mgh-products{height:780px;padding-top:60px}
  .mg-new-main .mgh-products>.mgh-wrap{width:calc(100% - 35px)}
  .mg-new-main .mgh-products .mgh-title-row{display:block;height:74px;margin-bottom:20px}
  .mg-new-main .mgh-products .mgh-title-row h2{font-size:30px;line-height:30px;white-space:nowrap}
  .mg-new-main .mgh-products .mgh-title-row h2{transform:none}
  .mg-new-main .mgh-products .mgh-tabs{gap:15px;margin-top:20px}
  .mg-new-main .mgh-products .mgh-tabs button{font-size:16px;line-height:24px;order:initial}
  .mg-new-main .mgh-product-list{height:505px;margin-right:-17.5px}
  .mg-new-main .mgh-product-card{flex-basis:294px;height:505px}
  .mg-new-main .mgh-product-card__visual{width:273px;height:386px;margin-top:10px}
  .mg-new-main .mgh-product-card__visual>img{width:273px;height:386px}
  .mg-new-main .mgh-chips{top:0;left:0}
  .mg-new-main .mgh-chip{height:17px;padding:2px 5px;font-size:7px;line-height:13px}
  .mg-new-main .mgh-product-pages{bottom:-8px;width:128px;gap:3px}
  .mg-new-main .mgh-product-pages i{flex-basis:29px}
  .mg-new-main .mgh-rating{margin:25px 11px 0;height:11px;font-size:10px;line-height:11px}
  .mg-new-main .mgh-rating>.mgh-rating__stars{width:auto;gap:1px}
  .mg-new-main .mgh-rating__stars img{width:11px;height:10px}
  .mg-new-main .mgh-rating>.mgh-rating__count{margin-left:10px;font-size:10px;line-height:11px}
  .mg-new-main .mgh-product-card h3{width:calc(100% - 22px);margin:5px 11px 0;font-size:11px;line-height:16px}
  .mg-new-main .mgh-product-arrow{top:252.5px}
  .mg-new-main .mgh-products>.mgh-wrap>.mgh-button{top:679px;width:340px;max-width:calc(100% - 35px);height:40px;font-size:14px;line-height:14.29px}
}

/* Benefits: exact layout from Figma nodes 1084:122013/124460/126873. */
.mg-new-main .mgh-benefits{width:min(100%,1921px);height:211px;margin-inline:auto;background:#151515}
.mg-new-main .mgh-benefits__grid{width:min(1700px,calc(100% - 80px));height:100%;margin-inline:auto;padding:0 2px 0 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.mg-new-main .mgh-benefits article{align-self:center;align-items:flex-start;gap:30px;min-height:80px;height:auto;padding:0;border:0}
.mg-new-main .mgh-benefits article>div{flex:1 1 auto;min-width:0}
.mg-new-main .mgh-benefit-icon{display:block;flex:0 0 64px;width:64px;height:64px;object-fit:contain}
.mg-new-main .mgh-benefits h3{font:600 20px/25px 'Golos Text',Arial,sans-serif;text-transform:uppercase}
.mg-new-main .mgh-benefits p{margin-top:10px!important;color:#c1c1c1!important;font:400 15px/22px 'Golos Text',Arial,sans-serif}

@media (min-width:600px) and (max-width:1199px){
  .mg-new-main .mgh-benefits{width:100%;height:auto;min-height:0}
  .mg-new-main .mgh-benefits__grid{width:100%;height:auto;min-height:0;padding:41px 39px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:30px;align-content:start}
  .mg-new-main .mgh-benefits article{align-self:start;gap:20px;height:auto}
  .mg-new-main .mgh-benefits article>div{flex:1 1 auto;width:auto;min-width:0}
}

@media (max-width:599px){
  .mg-new-main .mgh-benefits{width:100%;min-height:391px;height:auto}
  .mg-new-main .mgh-benefits__grid{width:calc(100% - 45px);min-height:391px;height:auto;padding:41px 0;grid-template-columns:1fr;grid-template-rows:auto;gap:30px;align-content:start}
  .mg-new-main .mgh-benefits article{align-self:start;gap:20px;height:auto}
  .mg-new-main .mgh-benefits article>div{flex:1 1 auto;width:auto;min-width:0}
  .mg-new-main .mgh-benefit-icon{flex-basis:40px;width:40px;height:40px}
  .mg-new-main .mgh-benefits h3{font-size:16px;line-height:25px}
  .mg-new-main .mgh-benefits p{margin-top:0!important;font-size:12px;line-height:1.4}
}

/* Sections: exact geometry from Figma nodes 1084:122062/124509/126922. */
.mg-new-main .mgh-categories{width:min(100%,1921px);height:min(42.1655398vw,810px);margin-inline:auto;padding-right:min(.0520562vw,1px);grid-template-columns:minmax(0,750fr) minmax(0,400fr) minmax(0,750fr);grid-template-rows:1fr;gap:min(.5205622vw,10px);background:#151515;overflow:hidden}
.mg-new-main .mgh-categories__middle{grid-template-rows:repeat(2,minmax(0,1fr));gap:min(.5205622vw,10px)}
.mg-new-main .mgh-category{align-items:flex-end;padding:min(2.0822488vw,40px);--category-background-image:linear-gradient(to bottom,transparent 71.2345679%,#000 100%),var(--bg);--category-background-position:center;--category-background-size:cover}
.mg-new-main .mgh-category span{display:block;width:100%;font:700 min(1.2493493vw,24px)/min(1.2493493vw,24px) 'Golos Text',Arial,sans-serif;text-align:center}
.mg-new-main .mgh-categories__middle .mgh-category span{width:calc(100% - min(.1041124vw,2px));line-height:min(1.4310255vw,27.4884px)}
.mg-new-main .mgh-categories__middle .mgh-category:first-child{--category-background-image:linear-gradient(to bottom,rgba(0,0,0,.075) 0,rgba(0,0,0,.5) 100%),linear-gradient(to bottom,transparent 53.541667%,#000 100%),var(--bg);--category-background-size:auto,auto,min(25.1952108vw,484px) min(24.9869859vw,480px);--category-background-position:center,center,max(-3.539823vw,-68px) min(.0520562vw,1px);--category-background-repeat:no-repeat}
.mg-new-main .mgh-categories__middle .mgh-category:last-child{--category-background-image:linear-gradient(to bottom,transparent 53.541667%,#000 100%),var(--bg)}
.mg-new-main .mgh-category--ticks{--category-background-position:center,center max(-.3643935vw,-7px);--category-background-size:auto,cover}
.mg-new-main .mgh-category--layers{--category-background-position:center,center -1px;--category-background-size:auto,cover}

@media (min-width:600px) and (max-width:1199px){
  .mg-new-main .mgh-categories{width:100%;height:811.0547px;padding-right:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:404px 404px;gap:4.987px;transform:none}
  .mg-new-main .mgh-categories__middle{display:contents}
  .mg-new-main .mgh-category{min-height:0;padding:20px;--category-background-image:linear-gradient(to bottom,transparent 71.2788%,#000 100%),var(--bg);--category-background-position:center;--category-background-size:cover;transform:translateY(-.966px)}
  .mg-new-main .mgh-category span{font-size:18px;line-height:27px}
  .mg-new-main .mgh-categories__middle .mgh-category span{width:100%;line-height:27px}
  .mg-new-main .mgh-category--ticks{grid-row:1;grid-column:1;--category-background-position:center,center max(-.3643935vw,-7px);--category-background-size:auto,cover}
  .mg-new-main .mgh-category--layers{grid-row:2;grid-column:2;--category-background-position:center,center -3px;--category-background-size:auto,cover}
  .mg-new-main .mgh-categories__middle .mgh-category:first-child{--category-background-image:linear-gradient(to bottom,rgba(0,0,0,.075) 0,rgba(0,0,0,.5) 100%),linear-gradient(to bottom,transparent 71.2871%,#000 100%),var(--bg);--category-background-size:auto,auto,488.699px 484.94px;--category-background-position:center,center,-68.684px 1.01px}
  .mg-new-main .mgh-categories__middle .mgh-category:last-child{--category-background-image:linear-gradient(to bottom,transparent 71.2871%,#000 100%),var(--bg)}
}

@media (min-width:801px) and (max-width:1199px){
  .mg-new-main .mgh-categories__middle .mgh-category:first-child{--category-background-size:auto,auto,clamp(488.699px,128%,610px) auto;--category-background-position:center,center,64.3% 1.01px}
}

@media (max-width:599px){
  .mg-new-main .mgh-categories{width:100%;height:1637.1494px;padding-right:0;grid-template-columns:1fr;grid-template-rows:404px 404px 410.1885px 404px;gap:4.987px;transform:none}
  .mg-new-main .mgh-categories__middle{display:contents}
  .mg-new-main .mgh-category,.mg-new-main .mgh-category--ticks,.mg-new-main .mgh-category--layers{grid-column:1;grid-row:auto;min-height:0;padding:20px;--category-background-image:linear-gradient(to bottom,transparent 71.2788%,#000 100%),var(--bg);--category-background-position:center;--category-background-size:cover;transform:none}
  .mg-new-main .mgh-category span,.mg-new-main .mgh-categories__middle .mgh-category span{width:100%;font-size:14px;line-height:27px}
  .mg-new-main .mgh-category--ticks{--category-background-position:center,center max(-.3643935vw,-7px);--category-background-size:auto,cover}
  .mg-new-main .mgh-category--layers{--category-background-position:center,center top;--category-background-size:auto,cover}
  .mg-new-main .mgh-categories__middle .mgh-category:first-child{--category-background-image:linear-gradient(to bottom,transparent 50.99%,rgba(0,0,0,.5) 100%),linear-gradient(to bottom,transparent 71.2788%,#000 100%),var(--bg);--category-background-size:auto,auto,cover;--category-background-position:center,center,center top}
  .mg-new-main .mgh-categories__middle .mgh-category:last-child{--category-background-image:linear-gradient(to bottom,transparent 70.35%,#000 100%),var(--bg)}
}

/* Magnum Media: exact layout from Figma nodes 1084:123811/126242/127909. */
.mg-new-main .mgh-media{width:100%;height:710.943px;margin:0;padding:0;background:#151515;overflow:hidden}
.mg-new-main .mgh-media>.mgh-wrap{display:flex;flex-direction:column;width:min(1700px,calc(100% - 80px));height:708.943px;margin:1px auto 0;padding:60px 0;gap:29px}
.mg-new-main .mgh-media .mgh-title-row{flex:0 0 40px;align-items:center;width:100%;height:40px;margin:0}
.mg-new-main .mgh-media .mgh-title-row h2{width:auto;height:40px;margin:0;color:#fff;font:400 40px/40px 'Golos Text',Arial,sans-serif}
.mg-new-main .mgh-media .mgh-slider-buttons{display:none}
.mg-new-main .mgh-media__grid{display:grid;flex:0 0 442.943px;width:100%;height:442.943px;margin:0;padding:0 5.5px;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;overflow:visible}
.mg-new-main .mgh-media-card{position:relative;display:block;width:100%;height:442.943px;margin:0;overflow:hidden;background:#151515;color:#fff;text-decoration:none}
.mg-new-main .mgh-media-card{--media-image-scale:1}
.mg-new-main .mgh-media-card:first-child{--media-image-scale:1.282}
.mg-new-main .mgh-media-card__image{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;background:var(--media-image) center/cover no-repeat;filter:none;opacity:1;transform:scale(var(--media-image-scale));transform-origin:center}
.mg-new-main .mgh-media-card::after{content:'';position:absolute;z-index:1;inset:auto 0 0;height:70%;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.35) 15%,rgba(0,0,0,.7) 35%,rgba(0,0,0,.92) 72%,#000 100%);pointer-events:none}
.mg-new-main .mgh-media-card small,.mg-new-main .mgh-media-card h3,.mg-new-main .mgh-media-card time{position:absolute;z-index:2;left:40px;display:block;margin:0;padding:0;background:transparent;text-align:left}
.mg-new-main .mgh-media-card small{top:296.895px;width:calc(100% - 80px);height:13px;color:#fff;font:400 15px/13px 'Golos Text',Arial,sans-serif;letter-spacing:.8px;text-transform:uppercase}
.mg-new-main .mgh-media-card h3{top:325.895px;width:calc(100% - 80px);height:25px;color:#fff;font:700 18px/25px 'Gros Ventre','Golos Text',Arial,sans-serif;text-transform:uppercase;overflow:hidden}
.mg-new-main .mgh-media-card time{top:366.895px;width:auto;height:22px;color:#848484;font:400 13px/22px 'Golos Text',Arial,sans-serif}
.mg-new-main .mgh-media-card:hover,.mg-new-main .mgh-media-card:focus,.mg-new-main .mgh-media-card:active,.mg-new-main .mgh-media-card:hover small,.mg-new-main .mgh-media-card:hover h3,.mg-new-main .mgh-media-card:focus h3,.mg-new-main .mgh-media-card:active h3{background-color:transparent;color:#fff}
.mg-new-main .mgh-media-card:hover .mgh-media-card__image,.mg-new-main .mgh-media-card:focus .mgh-media-card__image,.mg-new-main .mgh-media-card:active .mgh-media-card__image{filter:none;opacity:1;transform:scale(var(--media-image-scale))}
.mg-new-main .mgh-media-card:nth-child(3) .mgh-media-card__image{background-position:left top;background-size:100% auto}
.mg-new-main .mgh-media__more{align-self:center;flex:0 0 48px;width:296px;min-width:296px;height:48px;margin:0;padding:0 25px;border:1px solid #fff;background:transparent;color:#fff;font:700 16px/14.29px 'Golos Text',Arial,sans-serif;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap}
.mg-new-main .mgh-media__more:hover,.mg-new-main .mgh-media__more:focus,.mg-new-main .mgh-media__more:active{border-color:#fff;background:transparent;color:#fff}

@media (min-width:600px) and (max-width:1199px){
  .mg-new-main .mgh-media{height:2106.56px}
  .mg-new-main .mgh-media>.mgh-wrap{width:calc(100% - 48px);height:2104.56px;margin-top:1px;padding:60px 0;gap:37.78px}
  .mg-new-main .mgh-media .mgh-title-row{flex-basis:40px;height:40px}
  .mg-new-main .mgh-media .mgh-title-row h2{height:40px;font-size:40px;line-height:40px}
  .mg-new-main .mgh-media__grid{flex-basis:1821px;height:1821px;padding:0;grid-template-columns:1fr;grid-template-rows:repeat(3,587px);gap:30px}
  .mg-new-main .mgh-media-card{height:587px}
  .mg-new-main .mgh-media-card::after{height:70%}
  .mg-new-main .mgh-media-card small{top:455px}
  .mg-new-main .mgh-media-card h3{top:484px}
  .mg-new-main .mgh-media-card time{top:525px}
  .mg-new-main .mgh-media__more{width:100%;min-width:0;height:48px}
}

@media (max-width:599px){
  .mg-new-main .mgh-media{height:1140.049px}
  .mg-new-main .mgh-media>.mgh-wrap{width:calc(100% - 40px);height:1138.049px;margin-top:1px;padding:60px 0;gap:29px}
  .mg-new-main .mgh-media .mgh-title-row{flex-basis:30px;height:30px}
  .mg-new-main .mgh-media .mgh-title-row h2{height:30px;font-size:30px;line-height:30px;white-space:nowrap}
  .mg-new-main .mgh-media__grid{flex-basis:890.049px;width:calc(100% + 5px);height:890.049px;margin-left:-2.5px;padding:0;grid-template-columns:1fr;grid-template-rows:repeat(3,277.349px);gap:29px}
  .mg-new-main .mgh-media-card{height:277.349px}
  .mg-new-main .mgh-media-card::after{height:70%}
  .mg-new-main .mgh-media-card small,.mg-new-main .mgh-media-card h3,.mg-new-main .mgh-media-card time{left:20px}
  .mg-new-main .mgh-media-card small{top:140.349px;width:calc(100% - 40px);height:13px;font-size:15px;line-height:13px}
  .mg-new-main .mgh-media-card h3{top:169.349px;width:calc(100% - 40px);height:50px;font-size:18px;line-height:25px}
  .mg-new-main .mgh-media-card time{top:235.349px;height:22px;font-size:13px;line-height:22px}
  .mg-new-main .mgh-media__more{align-self:flex-start;flex-basis:40px;width:calc(100% + 5px);min-width:0;height:40px;margin-left:-2.5px;font-size:16px}
}

/* Materials and technologies: exact layout from Figma nodes 1084:123847/126278/127985. */
.mg-new-main .mgh-materials{position:relative;display:grid;width:100%;max-width:1921px;height:1000px;margin:0 auto;grid-template-columns:repeat(2,minmax(0,1fr));background:#151515;overflow:hidden}
.mg-new-main .mgh-materials__hero{position:relative;width:100%;height:1000px;padding:0;background:var(--bg) center/cover no-repeat;overflow:hidden}
.mg-new-main .mgh-materials__controls{position:absolute;z-index:3;inset:0;width:100%;max-width:none;pointer-events:none}
.mg-new-main .mgh-materials__arrow{position:absolute;top:502.222px;width:18.009px;height:30px;margin:0;padding:0;border:0;background:transparent;cursor:pointer;pointer-events:auto}
.mg-new-main .mgh-materials__arrow::before{content:'';display:block;width:100%;height:100%;background:currentColor;mask:url('/new-main/assets/home/product-arrow-prev.svg') center/100% 100% no-repeat;-webkit-mask:url('/new-main/assets/home/product-arrow-prev.svg') center/100% 100% no-repeat}
.mg-new-main .mgh-materials__arrow--prev{--material-arrow-color:#e0e0e0;left:60.031px;color:var(--material-arrow-color)}
.mg-new-main .mgh-materials__arrow--next{--material-arrow-color:#fff;right:60.031px;color:var(--material-arrow-color);transform:scaleX(-1)}
.mg-new-main .mgh-materials__arrow:hover,.mg-new-main .mgh-materials__arrow:focus,.mg-new-main .mgh-materials__arrow:active{border:0;background:transparent;color:var(--material-arrow-color)}
.mg-new-main .mgh-materials__side{position:relative;width:100%;height:1000px;background:#0f1215;overflow:hidden}
.mg-new-main .mgh-materials__cards{position:absolute;top:48px;left:80px;display:grid;width:762px;height:826px;grid-template-columns:repeat(2,366px);grid-template-rows:389px 407px;gap:30px;background:transparent;overflow:visible}
.mg-new-main .mgh-materials__cards article{position:relative;width:366px;margin:0;padding:290px 0 0;background:transparent!important;overflow:visible}
.mg-new-main .mgh-materials__cards article:nth-child(1){height:382px}
.mg-new-main .mgh-materials__cards article:nth-child(2){height:389px}
.mg-new-main .mgh-materials__cards article:nth-child(3),.mg-new-main .mgh-materials__cards article:nth-child(4){height:407px}
.mg-new-main .mgh-materials__image{position:absolute;inset:0 auto auto 0;display:block;width:366px;height:260px;background:var(--material-image) center/cover no-repeat}
.mg-new-main .mgh-materials__cards h3{width:366px;margin:0;color:#fff;font:400 20px/32px 'Golos Text',Arial,sans-serif}
.mg-new-main .mgh-materials__cards p{width:366px;margin:10px 0 0!important;color:#999!important;font:400 15px/25px 'Golos Text',Arial,sans-serif}
.mg-new-main .mgh-materials__cards article:nth-child(1) p{height:50px}
.mg-new-main .mgh-materials__cards article:nth-child(2) p{height:25px}
.mg-new-main .mgh-materials__cards article:nth-child(3) p,.mg-new-main .mgh-materials__cards article:nth-child(4) p{height:75px}
.mg-new-main .mgh-materials__more{position:absolute;top:904px;bottom:auto;left:292.5px;display:flex;width:389px;min-width:389px;height:48px;margin:0;padding:0 24px;border:1px solid #fff;background:transparent;color:#fff;font:700 18px/14.29px 'Golos Text',Arial,sans-serif;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap;transform:none}
.mg-new-main .mgh-materials__more:hover,.mg-new-main .mgh-materials__more:focus,.mg-new-main .mgh-materials__more:active{border-color:#fff;background:transparent;color:#fff}

@media (min-width:600px) and (max-width:1199px){
  .mg-new-main .mgh-materials{display:block;height:948px}
  .mg-new-main .mgh-materials__hero{width:100%;height:838px;background-position:center;background-size:cover}
  .mg-new-main .mgh-materials__controls{width:100%;max-width:none}
  .mg-new-main .mgh-materials__arrow{top:409.893px;width:11.998px;height:17.372px}
  .mg-new-main .mgh-materials__arrow--prev{left:24px;color:#727272}
  .mg-new-main .mgh-materials__arrow--next{right:24px;color:#fff}
  .mg-new-main .mgh-materials__side{position:absolute;inset:0;width:100%;height:948px;background:transparent;overflow:visible;pointer-events:none}
  .mg-new-main .mgh-materials__cards{display:none}
  .mg-new-main .mgh-materials__more{top:856.613px;left:24px;width:calc(100% - 48px);min-width:0;height:48px;font-size:15px;font-weight:400;text-transform:none;pointer-events:auto}
}

@media (max-width:599px){
  .mg-new-main .mgh-materials{display:block;height:492px}
  .mg-new-main .mgh-materials__hero{width:100%;height:412px;background-position:center;background-size:cover}
  .mg-new-main .mgh-materials__controls{width:100%;max-width:none}
  .mg-new-main .mgh-materials__arrow{top:196.856px;width:11.998px;height:17.372px}
  .mg-new-main .mgh-materials__arrow--prev{left:17.5px;color:#727272}
  .mg-new-main .mgh-materials__arrow--next{right:17.5px;color:#fff}
  .mg-new-main .mgh-materials__side{position:absolute;inset:0;width:100%;height:492px;background:transparent;overflow:visible;pointer-events:none}
  .mg-new-main .mgh-materials__cards{display:none}
  .mg-new-main .mgh-materials__more{top:432px;left:17.5px;width:calc(100% - 35px);min-width:0;height:40px;font-size:clamp(13px,4vw,15px);font-weight:400;text-transform:none;pointer-events:auto}
}

/* About: exact layout from Figma nodes 1084:123894/126330/127995. */
.mg-new-main .mgh-about{position:relative;width:100%;max-width:1921px;height:557px;margin:0 auto;background-color:#151b23;background-image:var(--bg);background-position:left -106.78px;background-size:1920px 815px;background-repeat:no-repeat;overflow:hidden}
.mg-new-main .mgh-about__copy{position:absolute;top:-2.778px;left:0;display:block;width:658px;height:560px;padding:0;background:linear-gradient(to right,#151b23 0,rgba(21,27,35,.75) 100%)}
.mg-new-main .mgh-about small,.mg-new-main .mgh-about h2,.mg-new-main .mgh-about p,.mg-new-main .mgh-about .mgh-button{position:absolute;left:94px;display:block;margin:0!important;padding:0}
.mg-new-main .mgh-about small{top:128px;width:112px;height:13px;color:#999;font:400 15px/13px 'Golos Text',Arial,sans-serif;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap}
.mg-new-main .mgh-about h2{top:171px;width:309px;height:32px;color:#fff;font:700 40px/32px 'Golos Text',Arial,sans-serif}
.mg-new-main .mgh-about p{width:470px;max-width:none;color:#fff!important;font:400 15px/25px 'Golos Text',Arial,sans-serif}
.mg-new-main .mgh-about p:nth-of-type(1){top:233px;height:75px}
.mg-new-main .mgh-about p:nth-of-type(2){top:338px;height:25px}
.mg-new-main .mgh-about .mgh-button{top:393px;display:flex;width:136px;min-width:136px;height:39px;padding:0 21px;background:#e31e24;color:#fff;font:400 10px/15px 'Golos Text',Arial,sans-serif;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap}
.mg-new-main .mgh-about .mgh-button:hover,.mg-new-main .mgh-about .mgh-button:focus,.mg-new-main .mgh-about .mgh-button:active{background:#e31e24;color:#fff}
.mg-new-main .mgh-about__desktop-label{display:inline}
.mg-new-main .mgh-about__small-label{display:none}

@media (min-width:600px) and (max-width:1199px){
  .mg-new-main .mgh-about{height:557px;background-position:left -106.78px;background-size:1920px 815px}
  .mg-new-main .mgh-about__copy{top:-2.536px;width:100%;height:560px}
  .mg-new-main .mgh-about small,.mg-new-main .mgh-about h2,.mg-new-main .mgh-about p,.mg-new-main .mgh-about .mgh-button{left:94px}
  .mg-new-main .mgh-about small{top:140.5px}
  .mg-new-main .mgh-about h2{top:183.5px}
  .mg-new-main .mgh-about p{width:min(580px,calc(100% - 188px))}
  .mg-new-main .mgh-about p:nth-of-type(1){top:245.5px;height:50px}
  .mg-new-main .mgh-about p:nth-of-type(2){top:325.5px;height:25px}
  .mg-new-main .mgh-about .mgh-button{top:380.5px}
  .mg-new-main .mgh-about__desktop-label{display:none}
  .mg-new-main .mgh-about__small-label{display:inline}
}

@media (min-width:620px) and (max-width:729px){
  .mg-new-main .mgh-about p:nth-of-type(1){height:75px}
  .mg-new-main .mgh-about p:nth-of-type(2){top:330.5px;height:25px}
  .mg-new-main .mgh-about .mgh-button{top:385.5px}
}
@media (min-width:600px) and (max-width:619px){
  .mg-new-main .mgh-about p:nth-of-type(1){height:75px}
  .mg-new-main .mgh-about p:nth-of-type(2){top:330.5px;height:50px}
  .mg-new-main .mgh-about .mgh-button{top:410.5px}
}

@media (max-width:599px){
  .mg-new-main .mgh-about{height:471px;background-position:left -106.78px;background-size:1920px 815px}
  .mg-new-main .mgh-about__copy{top:-3.393px;width:100%;height:474px}
  .mg-new-main .mgh-about small,.mg-new-main .mgh-about h2,.mg-new-main .mgh-about p,.mg-new-main .mgh-about .mgh-button{left:20px}
  .mg-new-main .mgh-about small{top:60px}
  .mg-new-main .mgh-about h2{top:103px;width:232px;height:32px;font-size:30px;line-height:32px}
  .mg-new-main .mgh-about p{width:calc(100% - 40px);font-size:15px;line-height:25px}
  .mg-new-main .mgh-about p:nth-of-type(1){top:165px;height:auto}
  .mg-new-main .mgh-about p:nth-of-type(2){top:295px;height:auto}
  .mg-new-main .mgh-about .mgh-button{top:375px;width:calc(100% - 35px);min-width:0;height:39px}
  .mg-new-main .mgh-about__desktop-label{display:none}
  .mg-new-main .mgh-about__small-label{display:inline}
}

/* Swiper layout is scoped to the new hero; Aspro's global slider CSS is not needed. */
.mg-new-main .mgh-hero{touch-action:pan-y}
.mg-new-main .mgh-hero__track{position:relative;z-index:1;display:flex;width:100%;height:100%;box-sizing:content-box;transition-property:transform;transition-timing-function:ease;transform:translate3d(0,0,0)}
.mg-new-main .mgh-hero__slide{position:relative;flex:0 0 100%;width:100%;height:100%;overflow:hidden;box-sizing:border-box}
.mg-new-main .mgh-hero__pages[hidden]{display:none}
.mg-new-main .mgh-hero__pages>.mgh-hero__page{all:unset;position:relative;display:block;cursor:pointer;touch-action:manipulation}
.mg-new-main .mgh-hero__pages>.mgh-hero__page::before{content:'';position:absolute;inset:-11px 0}
.mg-new-main .mgh-hero__pages>.mgh-hero__page>i{display:block;background:#ffffff66}
.mg-new-main .mgh-hero__pages>.mgh-hero__page--active>i{background:var(--red)}
.mg-new-main .mgh-hero__pages>.mgh-hero__page:focus-visible::before{outline:1px solid #fff;outline-offset:2px}
.mg-new-main .mgh-hero__notification{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Aspro Max: button color transition and banner scale/darken, isolated from legacy handlers. */
.mg-new-main .mgh-categories .mgh-category{background:none;isolation:isolate}
.mg-new-main .mgh-category::before{
  content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
  background-image:var(--category-background-image);
  background-position:var(--category-background-position,center);
  background-size:var(--category-background-size,cover);
  background-repeat:var(--category-background-repeat,repeat);
  transition:transform .6s cubic-bezier(.19,1,.22,1);
}
.mg-new-main .mgh-categories__middle .mgh-category:last-child::before{inset:-3px}
.mg-new-main .mgh-category::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:rgba(0,0,0,.5);opacity:0;transition:opacity .3s;
}
.mg-new-main :is(.mgh-button,.mgh-subscribe__form :where(button),.mg-builder__view,.mg-builder__cart,.mg-product__choose){
  transition:background-color .3s,border-color .3s,color .3s;
}
@media (hover:hover) and (pointer:fine){
  .mg-new-main .mgh-categories .mgh-category:hover::before{transform:scale(1.05)}
  .mg-new-main .mgh-categories .mgh-category:hover::after{opacity:1}
  .mg-new-main .mgh-categories .mgh-category:hover{color:#fff}
  .mg-new-main.mg-new-main__blocks :is(.mgh-button,.mgh-subscribe__form :where(button),.mg-builder__cart):hover{
    background-color:#e43c30;border-color:#e43c30;color:#fff;
  }
  .mg-new-main.mg-new-main__blocks :is(.mgh-button--white,.mg-builder__view,.mg-product__choose):hover{
    background-color:var(--theme-base-color,#da291c);border-color:var(--theme-base-color,#da291c);color:#fff;
  }
}
.mg-new-main.mg-new-main__blocks :is(.mgh-button,.mgh-subscribe__form :where(button),.mg-builder__cart):focus-visible{
  background-color:#e43c30;border-color:#e43c30;color:#fff;
}
.mg-new-main.mg-new-main__blocks :is(.mgh-button--white,.mg-builder__view,.mg-product__choose):focus-visible{
  background-color:var(--theme-base-color,#da291c);border-color:var(--theme-base-color,#da291c);color:#fff;
}
@media (prefers-reduced-motion:reduce){
  .mg-new-main .mgh-category::before,.mg-new-main .mgh-category::after,
  .mg-new-main :is(.mgh-button,.mgh-subscribe__form :where(button),.mg-builder__view,.mg-builder__cart,.mg-product__choose){transition:none}
  .mg-new-main .mgh-categories .mgh-category:hover::before{transform:none}
}

/* Aspro main.js: mouseenter ripple, white at 0.4 opacity, 0.6s linear, scale(2). */
.mg-new-main :is(.mgh-button:not(:where(.mgh-button--white)),.mgh-subscribe__form :where(button),.mg-builder__cart){
  position:relative;overflow:hidden;isolation:isolate;transition:background-color .3s;
}
.mg-new-main .mgh-button-ripple{
  display:block;position:absolute;z-index:1;pointer-events:none;
  margin:0;padding:0;border:0;border-radius:50%;background:#fff;opacity:.4;
  transform:scale(0);animation:mgh-button-ripple .6s linear;
}
@keyframes mgh-button-ripple{to{opacity:0;transform:scale(2)}}
@media (prefers-reduced-motion:reduce){
  .mg-new-main :is(.mgh-button:not(:where(.mgh-button--white)),.mgh-subscribe__form :where(button),.mg-builder__cart){transition:none}
  .mg-new-main .mgh-button-ripple{display:none;animation:none}
}

/* Deals and Magnum Media use the same image zoom and overlay as categories. */
.mg-new-main .mgh-deals__grid>a{position:relative;overflow:hidden;isolation:isolate;background:none}
.mg-new-main .mgh-deals__grid>a::before{
  content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:linear-gradient(0deg,#000a,#0000 55%),var(--bg);
  background-position:center;background-size:cover;
  transition:transform .6s cubic-bezier(.19,1,.22,1);
}
.mg-new-main .mgh-deals__grid>a::after,
.mg-new-main .mgh-media-card::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:rgba(0,0,0,.5);opacity:0;transition:opacity .3s;
}
.mg-new-main .mgh-deals__grid>a::after{z-index:-1}
.mg-new-main .mgh-media-card::before{z-index:1}
.mg-new-main .mgh-media-card__image{transition:transform .6s cubic-bezier(.19,1,.22,1)}
@media (hover:hover) and (pointer:fine){
  .mg-new-main .mgh-deals__grid>a:hover::before{transform:scale(1.05)}
  .mg-new-main .mgh-media-card:hover .mgh-media-card__image{transform:scale(calc(var(--media-image-scale) * 1.05))}
  .mg-new-main .mgh-deals__grid>a:hover::after,
  .mg-new-main .mgh-media-card:hover::before{opacity:1}
}
@media (prefers-reduced-motion:reduce){
  .mg-new-main .mgh-deals__grid>a::before,.mg-new-main .mgh-deals__grid>a::after,
  .mg-new-main .mgh-media-card::before,.mg-new-main .mgh-media-card__image{transition:none}
  .mg-new-main .mgh-deals__grid>a:hover::before{transform:none}
  .mg-new-main .mgh-media-card:hover .mgh-media-card__image{transform:scale(var(--media-image-scale))}
}

/* Bitrix best offers: retain the new heading/tabs; cards and slider use Aspro catalog_block. */
.mg-new-main .mgh-products.mgh-products--catalog{height:auto;padding-bottom:81px}
.mg-new-main .mgh-products--catalog>.mgh-wrap>.mgh-button{position:relative;top:auto;left:auto;margin:30px auto 0;transform:none}
.mg-new-main .mgh-offers-panel{margin:0;min-width:0}
.mg-new-main .mgh-offers-panel[hidden]{display:none!important}
.mg-new-main .mgh-offers-empty{display:flex;align-items:center;justify-content:center;min-height:300px;color:#666}
@media(max-width:1199px){.mg-new-main .mgh-products.mgh-products--catalog{padding-bottom:80px}.mg-new-main .mgh-products--catalog>.mgh-wrap>.mgh-button{width:169px;max-width:100%}}
@media(max-width:599px){.mg-new-main .mgh-products.mgh-products--catalog{padding-bottom:60px}}

/* Match catalog tile geometry, only in product-detail carousels. */
.mg-new-main .mgh-offers-panel .catalog_block_template .catalog_item > .inner_wrap {
    padding: 0 !important;
    margin-right: 0 !important;
}
.mg-new-main .mgh-offers-panel .catalog_block_template .catalog_item .image_wrapper_block:not(.image-wrapper) {
    padding-top: calc(141.8439716312% - 34.0425531915px);
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}
.mg-new-main .mgh-offers-panel .catalog_block_template .image_wrapper_block .section-gallery-wrapper__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mg-new-main .mgh-offers-panel .catalog_block_template .catalog_item > .inner_wrap > .item_info {
    padding-left: 16px;
    padding-right: 16px;
}
.mg-new-main .mgh-offers-panel .catalog_block_template .catalog_item > .inner_wrap > .footer_button {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
@media (min-width: 768px) {
    /* Aspro removes this offset on card hover, otherwise Swiper grows by 2px. */
    .mg-new-main .mgh-offers-panel .catalog_block_template .catalog_item > .inner_wrap > .footer_button {
        margin-top: -2px !important;
    }
}
@media (max-width: 767px) {
    #main .mg-new-main .mgh-offers-panel .catalog_block_template .catalog_block.swiper.mobile-offset {
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .mg-new-main .mgh-offers-panel .catalog_block_template .catalog_block.swiper > .swiper-wrapper > .swiper-slide {
        width: 50% !important;
    }
}

.mg-new-main .mgh-offers-panel{color:var(--white_text_black)}
/* Slightly tighter text rhythm in catalog tiles and product carousels. */
.mg-new-main .mgh-offers-panel .catalog_block_template .catalog_item .item_info .item-title {
    line-height: 18px;
}
.mg-new-main .mgh-offers-panel .catalog_block_template .catalog_item .item_info .item-title a {
    line-height: 18px;
}
.mg-new-main .mgh-offers-panel .catalog_block_template .catalog_item .item_info .rating {
    margin-bottom: 2px;
}
.mg-new-main .mgh-offers-panel .catalog_block_template .catalog_item .item_info .sa_block {
    margin-top: 0;
    line-height: 18px;
}
.mg-new-main .mgh-offers-panel .catalog_block_template .catalog_item .item_info .cost {
    margin-top: 3px;
}
.mg-new-main .mgh-offers-panel .catalog_block_template .catalog_item .item_info .cost.prices--with_icons_block {
    margin-top: 4px;
    padding-top: 2px;
}

.mg-new-main .mgh-offers-panel{font-family:Inter,sans-serif;color:var(--basic_text_black,#ccc)}
.mg-new-main .mgh-offers-panel .image_wrapper_block .section-gallery-wrapper__item img{margin:auto}

/* Keep subscription text and form inside the panel between the reference widths. */
@media (min-width: 600px) and (max-width: 1779px) {
  .mg-new-main .mgh-subscribe { height: auto; min-height: 271px; }
  .mg-new-main .mgh-subscribe > .mgh-wrap { height: auto; min-height: 191px; }
  .mg-new-main .mgh-subscribe__inner { height: auto; min-height: 151px; }
  .mg-new-main .mgh-subscribe__content { width: 100%; min-width: 0; height: auto; min-height: 101px; }
  .mg-new-main .mgh-subscribe__content > div { flex: 1 1 0; width: auto; min-width: 0; height: auto; }
  .mg-new-main .mgh-subscribe h2 { height: auto; min-height: 21px; line-height: 1.15; }
  .mg-new-main .mgh-subscribe p { width: 100%; max-width: 928px; }
  .mg-new-main .mgh-subscribe__form { flex-shrink: 0; min-width: 0; }
  .mg-new-main .mgh-subscribe__form label { min-width: 0; }
}
@media (min-width: 1200px) and (max-width: 1779px) {
  .mg-new-main .mgh-subscribe__inner { grid-template-columns: minmax(0, 1fr) 480px; }
}
@media (min-width: 600px) and (max-width: 1199px) {
  .mg-new-main .mgh-subscribe { min-height: 416px; }
  .mg-new-main .mgh-subscribe > .mgh-wrap { min-height: 336px; }
  .mg-new-main .mgh-subscribe__inner { min-height: 296px; }
  .mg-new-main .mgh-subscribe__content { max-width: 640px; min-height: 159px; }
}

/* Fit the desktop materials layout between tablet and full-width reference sizes. */
@media (min-width: 1200px) and (max-width: 1919px) {
  .mg-new-main .mgh-materials { height: auto; }
  .mg-new-main .mgh-materials__hero {
    height: auto;
    min-height: 52.083333vw;
    background-size: contain;
  }
  .mg-new-main .mgh-materials__side {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 0;
    height: auto;
    padding: clamp(24px, 2.5vw, 48px) clamp(24px, 4.166667vw, 80px);
  }
  .mg-new-main .mgh-materials__cards {
    position: static;
    width: 100%;
    height: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto auto;
    gap: clamp(16px, 1.5625vw, 30px);
  }
  .mg-new-main .mgh-materials__cards article:nth-child(n) {
    width: 100%;
    min-width: 0;
    height: auto;
    padding: 0;
  }
  .mg-new-main .mgh-materials__image {
    position: static;
    width: 100%;
    height: auto;
    aspect-ratio: 366 / 260;
  }
  .mg-new-main .mgh-materials__cards h3 {
    width: 100%;
    margin-top: clamp(16px, 1.5625vw, 30px);
    font-size: clamp(16px, 1.041667vw, 20px);
    line-height: 1.6;
  }
  .mg-new-main .mgh-materials__cards article:nth-child(n) p {
    width: 100%;
    height: auto;
    font-size: clamp(12px, .78125vw, 15px);
    line-height: 1.666667;
  }
  .mg-new-main .mgh-materials__more {
    position: static;
    width: 389px;
    max-width: 100%;
    min-width: 0;
    height: auto;
    min-height: 48px;
    margin-top: 30px;
    padding: 12px;
    font-size: clamp(12px, .9375vw, 18px);
    line-height: 1.3;
    white-space: normal;
    text-align: center;
  }
  .mg-new-main .mgh-materials__arrow { top: calc(50% - 15px); }
  .mg-new-main .mgh-about { background-size: cover; background-position: center; }
  .mg-new-main .mgh-about__copy { width: min(658px, 50%); }
  .mg-new-main .mgh-about small,
  .mg-new-main .mgh-about h2,
  .mg-new-main .mgh-about p,
  .mg-new-main .mgh-about .mgh-button { left: clamp(40px, 4.895833vw, 94px); }
  .mg-new-main .mgh-about p { width: calc(100% - clamp(80px, 9.791667vw, 188px)); }
}


/* Compact gaps above and below the card information. */
.mg-new-main .mgh-offers-panel .catalog_block_template .catalog_item .image_wrapper_block:not(.image-wrapper) {
    margin-bottom: 6px;
}
.mg-new-main .mgh-offers-panel .catalog_block_template .catalog_item > .inner_wrap > .item_info {
    padding-bottom: 12px;
}

/* Media titles grow upwards while dates keep their original bottom alignment. */
@media (min-width: 1200px) {
  .mg-new-main .mgh-media-card {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 40px 54.048px;
  }
  .mg-new-main .mgh-media-card small,
  .mg-new-main .mgh-media-card h3,
  .mg-new-main .mgh-media-card time {
    position: relative;
    inset: auto;
    flex-shrink: 0;
    width: 100%;
    height: auto;
  }
  .mg-new-main .mgh-media-card h3 { margin: 16px 0; overflow: visible; }
}

/* Readable type throughout the compact layouts, including inherited catalog text. */
@media (max-width: 1199px) {
  .mg-new-main .mgh-hero__copy > span {
    font-size: max(12px, min(1.25vw, 24px));
    line-height: 1.2;
    height: auto;
  }
  .mg-new-main .mgh-hero__copy > p {
    font-size: max(12px, min(1.6666667vw, 32px));
    line-height: 1.25;
    min-width: 270px;
    height: auto;
    left: 50%;
    transform: translateX(-50%);
  }
  .mg-new-main .mgh-hero__copy > .mgh-button {
    font-size: 12px;
    line-height: 16px;
    width: 180px;
    min-width: 180px;
    height: 36px;
    left: calc(50% - 90px);
    top: calc(min(21.8489583vw, 419.5px) + 22px);
  }
  .mg-new-main .mg-builder .mg-badge,
  .mg-new-main .mg-builder button.mg-product__thumb,
  .mg-new-main .mgh-subscribe__form input,
  .mg-new-main .mgh-subscribe__form button,
  .mg-new-main .mgh-about .mgh-button,
  .mg-new-main .mgh-deals .mgh-title-row > .mgh-button,
  .mg-new-main .mgh-offers-panel .sale-number .value,
  .mg-new-main .mgh-offers-panel .sale-number .title,
  .mg-new-main .mgh-offers-panel .basket.read_more > span {
    font-size: 12px;
    line-height: 1.4;
  }
  .mg-new-main .mg-product__thumb > span:last-child {
    width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
  }
}
@media (max-width: 679px) {
  .mg-new-main .mg-builder__scenarios > button.mg-scenario {
    font-size: 12px;
    line-height: 1.2;
    height: auto;
    min-height: 48px;
  }
}
@media (max-width: 599px) {
  .mg-new-main .mgh-hero__copy > span { font-size: 12px; }
  .mg-new-main .mgh-hero__copy > p { font-size: 12.8px; }
  .mg-new-main .mgh-hero__copy > .mgh-button { top: 102px; }
  .mg-new-main .mg-builder .mg-layer__heading p,
  .mg-new-main .mg-builder p.mg-product__description,
  .mg-new-main .mg-builder p.mg-builder__summary-description,
  .mg-new-main .mg-builder .mg-builder__actions button {
    font-size: 12px;
    line-height: 1.4;
  }
}

@media (max-width: 599px) {
  .mg-new-main .mg-builder__scenarios > button.mg-scenario {
    flex-direction: column;
    padding: 6px 3px;
    min-height: 64px;
  }
  .mg-new-main .mg-scenario > span:last-child { width: 100%; overflow-wrap: normal; }
}

@media (max-width: 1199px) {
  body:has(.mg-new-main) .confidentiality a { font-size: 12px !important; line-height: 1.4; }
}

@media (max-width: 374px) {
  .mg-new-main .mg-builder__scenarios { gap: 2px; }
  .mg-new-main .mg-builder__scenarios > button.mg-scenario { padding-inline: 0; }
}

/* Stacked offer cards meet without a separator. */
.mg-new-main .mgh-deals__grid { row-gap: 0; }

/* Compact content follows its container instead of a fixed phone/tablet width. */
@media (max-width: 1199px) {
  .mg-new-main .mgh-subscribe__content,
  .mg-new-main .mgh-subscribe__form { width: 100%; max-width: none; }
  .mg-new-main .mgh-subscribe__content > div { flex: 1 1 0; width: auto; min-width: 0; }
  .mg-new-main .mgh-subscribe p { width: 100%; }
}
@media (max-width: 599px) {
  .mg-new-main .mgh-subscribe { height: auto; min-height: 0; }
  .mg-new-main .mgh-subscribe > .mgh-wrap { height: auto; min-height: 0; }
  .mg-new-main .mgh-subscribe__inner { height: auto; min-height: 0; gap: 24px; }
  .mg-new-main .mgh-subscribe__content { height: auto; min-height: 0; }
  .mg-new-main .mgh-subscribe__content > div { height: auto; }
  .mg-new-main .mgh-subscribe h2 { height: auto; min-height: 42px; }
}

/* Fill wider phone banners while preserving the image proportions. */
@media (max-width: 599px) {
  .mg-new-main .mgh-hero__panels > span:first-child {
    width: 100%;
    background-size: cover;
    background-position: center top;
  }
}

/* Match the phone banner to the source image: no crop and no empty side areas. */
@media (max-width: 599px) {
  .mg-new-main .mgh-hero { height: auto; aspect-ratio: 633 / 710; }
  .mg-new-main .mgh-hero__panels > span:first-child { background-size: contain; }
  .mg-new-main .mgh-hero__copy { top: 43.1981%; }
  .mg-new-main .mgh-hero__badges { top: calc(43.1981% - 49px); }
}

/* Keep all material cards available below the banner in compact layouts. */
@media (max-width: 1199px) {
  .mg-new-main .mgh-materials { height: auto; }
  .mg-new-main .mgh-materials__side {
    position: relative;
    inset: auto;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    padding: 24px;
    gap: 24px;
    background: #0f1215;
    pointer-events: auto;
  }
  .mg-new-main .mgh-materials__cards {
    position: static;
    display: grid;
    width: 100%;
    height: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto;
    gap: 24px;
  }
  .mg-new-main .mgh-materials__cards article:nth-child(n) {
    position: static;
    width: 100%;
    min-width: 0;
    height: auto;
    padding: 0;
  }
  .mg-new-main .mgh-materials__image {
    position: static;
    width: 100%;
    height: auto;
    aspect-ratio: 366 / 260;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .mg-new-main .mgh-materials__cards h3 {
    width: 100%;
    margin-top: 16px;
    font-size: 18px;
    line-height: 1.4;
    overflow-wrap: anywhere;
  }
  .mg-new-main .mgh-materials__cards article:nth-child(n) p {
    width: 100%;
    height: auto;
    font-size: 15px;
    line-height: 1.5;
  }
  .mg-new-main .mgh-materials__more {
    position: static;
    width: 100%;
    min-width: 0;
    height: auto;
    min-height: 48px;
    padding: 12px;
    white-space: normal;
    text-align: center;
    line-height: 1.4;
  }
}
@media (max-width: 599px) {
  .mg-new-main .mgh-materials__side { padding: 24px 17.5px; }
  .mg-new-main .mgh-materials__cards { grid-template-columns: minmax(0, 1fr); }
}

/* Deals and Media tiles retain their approved proportions at intermediate widths. */
.mg-new-main .mgh-deals {
    height: auto;
}
.mg-new-main .mgh-deals__grid > a {
    height: auto;
    aspect-ratio: 560 / 409;
    container-type: inline-size;
}
.mg-new-main .mgh-media,
.mg-new-main .mgh-media > .mgh-wrap {
    height: auto;
}
.mg-new-main .mgh-media__grid {
    flex-basis: auto;
    height: auto;
    grid-auto-rows: auto;
}
.mg-new-main .mgh-media-card {
    height: auto;
    aspect-ratio: 543 / 442.943;
    container-type: inline-size;
}
.mg-new-main .mgh-deals .mgh-title-row h2,
.mg-new-main .mgh-media .mgh-title-row h2 {
    font-size: clamp(30px, 2.5vw, 40px);
    line-height: 1.1;
}
.mg-new-main .mgh-deals .mgh-title-row {
    margin-bottom: clamp(24px, 1.875vw, 36px);
}
.mg-new-main .mgh-media > .mgh-wrap {
    gap: clamp(24px, 1.5104167vw, 29px);
}
.mg-new-main .mgh-deals__grid > a {
    padding: clamp(20px, 7.142857%, 40px);
}
.mg-new-main .mgh-deals__grid span {
    font-size: clamp(16px, 5cqw, 24px);
    line-height: 1.25;
    transform: translateY(clamp(-4px, -.833333cqw, -2px));
}
.mg-new-main .mgh-media-card small {
    font-size: clamp(12px, 3.239741cqw, 15px);
    line-height: 1.1;
}
.mg-new-main .mgh-media-card h3 {
    font-size: clamp(16px, 3.887689cqw, 18px);
    line-height: 1.35;
}
.mg-new-main .mgh-media-card time {
    font-size: clamp(11px, 2.807775cqw, 13px);
    line-height: 1.35;
}
@media (min-width: 1200px) {
    .mg-new-main .mgh-deals__grid > a:nth-child(n + 2) span {
        transform: translateY(clamp(-29px, -6.041667cqw, -12px));
    }
    .mg-new-main .mgh-media-card {
        padding-right: clamp(20px, 7.366483%, 40px);
        padding-bottom: clamp(28px, 9.945115%, 54.048px);
        padding-left: clamp(20px, 7.366483%, 40px);
    }
    .mg-new-main .mgh-media-card h3 {
        margin: clamp(10px, 3.455724cqw, 16px) 0;
    }
}
@media (max-width: 1199px) {
    .mg-new-main .mgh-media-card {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 0 clamp(20px, 3.5vw, 40px) clamp(20px, 3.5vw, 40px);
    }
    .mg-new-main .mgh-media-card small,
    .mg-new-main .mgh-media-card h3,
    .mg-new-main .mgh-media-card time {
        position: relative;
        inset: auto;
        left: auto;
        flex-shrink: 0;
        width: 100%;
        height: auto;
        overflow: visible;
    }
    .mg-new-main.mg-new-main--dynamic .mgh-media-card h3 {
        display: block;
        -webkit-box-orient: initial;
        -webkit-line-clamp: unset;
        margin: clamp(10px, 1.5vw, 16px) 0;
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
    }
}
@media (min-width: 600px) and (max-width: 1199px) {
    .mg-new-main .mgh-media__grid {
        grid-template-rows: repeat(3, auto);
    }
}
@media (max-width: 599px) {
    .mg-new-main .mgh-media__grid {
        flex-basis: auto;
        height: auto;
        grid-template-rows: repeat(3, auto);
    }
}

/* Best offers: Aspro detail-gallery arrow placement over the carousel. */
.mg-new-main .mgh-offers-panel .catalog_block_template > .navigation {
    display: block !important; /* Override the theme's hidden-xs utility. */
    position: absolute;
    inset: 0;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    pointer-events: none;
}
.mg-new-main .mgh-offers-panel .navigation > .slider-nav {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    margin: 0;
    transform: translateY(-50%);
    pointer-events: auto;
}
.mg-new-main .mgh-offers-panel .navigation > .swiper-button-prev {
    left: -20px;
}
.mg-new-main .mgh-offers-panel .navigation > .swiper-button-next {
    right: -20px;
}
.mg-new-main .mgh-offers-panel .navigation > .slider-nav:focus-visible {
    outline: 2px solid #333;
    outline-offset: 2px;
}
@media (max-width: 767px) {
    .mg-new-main .mgh-offers-panel .navigation > .swiper-button-prev {
        left: 10px;
    }
    .mg-new-main .mgh-offers-panel .navigation > .swiper-button-next {
        right: 10px;
    }
    .mg-new-main .mgh-offers-panel .catalog_block_template .catalog_item > .inner_wrap > .footer_button {
        padding: 12px;
        margin: 0;
    }
}

.mg-new-main .mgh-offers-panel .navigation:has(> .swiper-button-next.swiper-button-lock) {
    display: none !important;
}
