.metal-frames-page{ --frame-grey:#eee; --frame-ink:#4a4a4a; --frame-blue:#b3cde0; --frame-yellow:#f8c471; }
.metal-frames-page{ scroll-behavior:smooth; }
.metal-frames-page{ background:var(--frame-grey); }
.metal-frames-page button,.metal-frames-page input{ font:inherit; }
.metal-frames-page button{ color:inherit; }
.metal-frames-page button:focus-visible,.metal-frames-page a:focus-visible,.metal-frames-page input:focus-visible{ outline:3px solid #487891;outline-offset:4px; }
.metal-frames-page .hero__wrapper{ grid-template-columns:1fr 1fr;grid-template-rows:auto;max-height:none; }
.metal-frames-page .hero__image{ background:#eee;min-width:0;display:flex;flex-direction:column; }
.metal-frames-page .hero__image>img{ position:static;width:100%;height:auto;min-height:0;aspect-ratio:3/2;object-fit:cover;padding:0;flex:1; }
.metal-frames-page .hero__image-content{ position:relative;bottom:auto;max-width:92%;padding:28px 32px;margin:0 0 32px;flex-shrink:0; }
.metal-frames-page .hero__image-content h3{ font-size:22px;line-height:1.35;margin-bottom:18px; }
.metal-frames-page .hero__image-content li{ font-size:16px; }
.metal-frames-page .hero__content{ padding:36px; }
.metal-frames-page .hero__content p{ font-size:15px;line-height:1.55;margin-bottom:16px; }
.metal-frames-page .hero__content .title{ font-size:25px;line-height:1.35; }
.metal-frames-page .hero__form .form__checkbox span{ font-size:12px;line-height:1.4; }
.metal-frames-page .hero__form{gap:16px;}
.metal-frames-page .form__input{ max-width:100%; }
.metal-frames-page .frames-categories .title{padding-bottom:0;margin-bottom:42px;}
.metal-frames-page .frames-circle-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:40px 30px;}
.metal-frames-page .frame-category{min-width:0;}
.metal-frames-page .frame-category>div{gap:20px!important;}
.metal-frames-page .frame-circle{display:block;width:100%;aspect-ratio:1;padding:0;border:0;border-radius:50%;overflow:hidden;background:#eee;cursor:zoom-in;box-shadow:0 8px 21px rgba(125,138,155,.3);}
.metal-frames-page .frame-circle img{display:block;width:100%;height:100%;object-fit:contain;padding:0;min-width:0!important;min-height:0!important;border-radius:0!important;box-shadow:none!important;transform:scale(var(--frame-scale,.707))!important;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,transparent,#000 3%,#000 97%,transparent);mask-composite:intersect;}
.metal-frames-page .frame-circle:hover{box-shadow:0 12px 28px rgba(87,112,132,.38);}
.metal-frames-page .frame-category h3{font-size:16px;line-height:1.4!important;margin:0;text-align:center;}
.metal-frames-page .frame-category h3 a{text-decoration:none;color:inherit;}
.metal-frames-page .frame-category h3 a:hover{text-decoration:underline;text-underline-offset:4px;}
.metal-frames-page .frames-solutions__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;}
.metal-frames-page .frames-solution{background:#fff;padding:32px;border-radius:10px;box-shadow:0 8px 21px rgba(125,138,155,.2);display:flex;flex-direction:column;}
.metal-frames-page .frames-solution h3{font-size:23px;line-height:1.35;margin-bottom:20px;}
.metal-frames-page .frames-solution p{line-height:1.6;}
.metal-frames-page .frames-links{display:flex;gap:12px 20px;flex-wrap:wrap;margin-top:auto;padding-top:16px;}
.metal-frames-page .frames-links a,.metal-frames-page .frames-portfolio-link{color:#4a4a4a;text-decoration:underline;text-underline-offset:5px;}
.metal-frames-page .frames-links a:hover,.metal-frames-page .frames-portfolio-link:hover{color:#587f8d;}
.metal-frames-page .table-metall__body-line>span{line-height:1.55;}
.metal-frames-page .metall-info .col1-container{aspect-ratio:3;display:grid;align-content:center;background:#eee;}
.metal-frames-page .metall-info__content{max-width:40%;padding:36px;margin:0;}
.metal-frames-page .metall-info__bg img{object-fit:cover;object-position:center;}
.metal-frames-page .metall-info__content h2{font-size:26px;}
.metal-frames-page .metall-info__content p{line-height:1.3;}
.metal-frames-page .frames-works{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;}
.metal-frames-page .frames-work{border:0;padding:0;text-align:left;background:white;border-radius:10px;overflow:hidden;cursor:zoom-in;box-shadow:0 8px 21px rgba(125,138,155,.2);}
.metal-frames-page .frames-work img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block;}
.metal-frames-page .frames-work span{display:block;padding:22px;font-size:18px;font-weight:700;line-height:1.4;}
.metal-frames-page .frames-portfolio-link{display:block;width:fit-content;margin:28px auto 0;}
.metal-frames-page #related-catalog .interesting__item{height:auto;aspect-ratio:4/5;background:#e8eaeb;}
.metal-frames-page #related-catalog .interesting__item>img{display:block;width:100%;height:100%;padding:0;object-fit:cover;object-position:center;}
.metal-frames-page #related-catalog .interesting__item-content{bottom:20px;height:170px;width:calc(100% - 24px);max-width:225px;padding:24px 12px 24px 24px;border-radius:10px 0 0 10px;box-sizing:border-box;}
@media(min-width:600px) and (max-width:767px){
.metal-frames-page #related-catalog .interesting__list{grid-template-columns:repeat(2,minmax(0,1fr));}
}
.metal-frames-page .frames-use__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;}
.metal-frames-page .frames-use__item{background:white;border-radius:10px;overflow:hidden;box-shadow:0 8px 21px rgba(125,138,155,.17);}
.metal-frames-page .frames-use__item>img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;background:#eee;}
.metal-frames-page .frames-use__item>div{padding:24px;}
.metal-frames-page .frames-use__item h3{font-size:19px;line-height:1.4;margin-bottom:14px;}
.metal-frames-page .frames-use__item p{font-size:15px;line-height:1.6;margin:0;}
.metal-frames-page .frames-copy .col1-container{max-width:1150px!important;padding:0 30px;}
.metal-frames-page .frames-copy h2{font-size:25px;line-height:1.4;margin:40px 0 20px;}
.metal-frames-page .frames-copy .title{font-size:30px;text-align:left;padding:0;margin-top:0;}
.metal-frames-page .frames-copy p,.metal-frames-page .frames-copy li{font-size:17px;line-height:1.7;}
.metal-frames-page .frames-copy li{margin-bottom:7px;}
.metal-frames-page .frames-copy ul,.metal-frames-page .frames-copy ol{padding-left:25px;}
.metal-frames-page .frames-lightbox{border:0;padding:22px;max-width:min(1050px,94vw);max-height:94dvh;overflow:auto;background:#fff;border-radius:14px;box-shadow:0 20px 80px #0005;}
.metal-frames-page .frames-lightbox::backdrop{background:#1b232bc9;}
.metal-frames-page .frames-lightbox>img{display:block;max-height:78dvh;max-width:100%;width:auto;margin:auto;object-fit:contain;}
.metal-frames-page .frames-lightbox>p{text-align:center;font-size:18px;margin:16px 30px 0;}
.metal-frames-page .frames-lightbox__close{position:absolute;right:10px;top:10px;border:0;border-radius:50%;background:white;width:42px;height:42px;display:grid;place-items:center;font-size:32px;cursor:pointer;box-shadow:0 2px 10px #0002;}
.metal-frames-page .frames-top{position:fixed;bottom:24px;right:24px;width:55px;height:55px;border:0;border-radius:50%;display:grid;place-items:center;background:var(--frame-yellow);z-index:12;cursor:pointer;}
.metal-frames-page .swiper-pagination-advantages-list{display:none;}
@media(min-width:1400px){
.metal-frames-page .hero__content{padding:44px!important;}
}
@media(max-width:1100px){
.metal-frames-page .hero__content{padding:28px;}
.metal-frames-page .hero__content .title{font-size:23px;}
.metal-frames-page .frames-circle-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:35px 25px;}
.metal-frames-page .frames-solutions__grid{gap:22px;}
.metal-frames-page .frames-solution{padding:25px;}
.metal-frames-page .frames-solution h3{font-size:21px;}
.metal-frames-page .frames-use__grid,.metal-frames-page .frames-works{grid-template-columns:repeat(2,minmax(0,1fr));}
.metal-frames-page .metall-info__content{max-width:47%;margin:24px 0;padding:28px;}
}
@media(max-width:991px){
.metal-frames-page .hero__wrapper{grid-template-columns:1fr;}
.metal-frames-page .hero__image{min-height:0;}
.metal-frames-page .hero__image>img{flex:none;max-height:540px;}
.metal-frames-page .hero__image-content{max-width:90%;min-width:0;}
.metal-frames-page .frames-solutions__grid{grid-template-columns:1fr;}
.metal-frames-page .hero__content .title{font-size:26px;}
.metal-frames-page .hero__form{max-width:550px;}
}
@media(max-width:767px){
.metal-frames-page .section-margin{margin:50px 0;}
.metal-frames-page .hero{margin:28px 0 45px;}
.metal-frames-page .hero__image-content{padding:22px;max-width:93%;margin-bottom:22px;}
.metal-frames-page .hero__image-content h3{font-size:20px;}
.metal-frames-page .hero__image-content li{font-size:14px;}
.metal-frames-page .hero__content{padding:25px 22px;}
.metal-frames-page .hero__content .title{font-size:23px;}
.metal-frames-page .frames-circle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px;}
.metal-frames-page .frame-category h3{font-size:14px;line-height:1.45;}
.metal-frames-page .frame-category>div{gap:16px!important;}
.metal-frames-page .frames-categories .title{font-size:24px;margin-bottom:28px;}
.metal-frames-page .advantages-list__wrapper .swiper-wrapper{display:grid;grid-template-columns:1fr;gap:16px;}
.metal-frames-page .advantages-list__item{flex-direction:row;padding:22px;}
.metal-frames-page .metall-info .col1-container{display:flex;flex-direction:column;aspect-ratio:auto;padding-top:calc((100vw - 30px)/2);background:#eee;border-radius:10px;}
.metal-frames-page .metall-info__bg{height:calc((100vw - 30px)/2);bottom:auto;}
.metal-frames-page .metall-info__bg img{width:150%;max-width:none;transform:translateX(-33.333%);}
.metal-frames-page .metall-info__content{max-width:none;margin:0;padding:28px 24px;border-radius:0 0 10px 10px;}
.metal-frames-page .metall-info__content h2{font-size:23px;}
.metal-frames-page .frames-works{gap:16px;}
.metal-frames-page .frames-work span{font-size:14px;padding:16px;}
.metal-frames-page .frames-use__grid{gap:16px;}
.metal-frames-page .frames-use__item>div{padding:18px;}
.metal-frames-page .frames-use__item h3{font-size:16px;}
.metal-frames-page .frames-use__item p{font-size:14px;line-height:1.5;}
.metal-frames-page .frames-copy .col1-container{padding:0 20px;}
.metal-frames-page .frames-copy h2,.metal-frames-page .frames-copy .title{font-size:23px;}
.metal-frames-page .frames-copy p,.metal-frames-page .frames-copy li{font-size:15px;}
.metal-frames-page .frames-top{width:45px;height:45px;right:15px;bottom:15px;}
.metal-frames-page .frames-lightbox{padding:12px;}
.metal-frames-page .frames-lightbox>p{font-size:14px;}
.metal-frames-page .table-metall__head{display:none;}
.metal-frames-page .table-metall__wrapper{overflow:visible;}
.metal-frames-page .table-metall__table{min-width:0!important;width:100%;}
.metal-frames-page .table-metall__body-line{display:block;margin:0 0 16px;border-radius:10px;overflow:hidden;background:white;}
.metal-frames-page .table-metall__body-line>span{display:block;width:100%!important;max-width:none!important;padding:14px 18px;box-sizing:border-box;font-size:14px;}
.metal-frames-page .table-metall__body-line>span:before{content:attr(data-label);display:block;font-weight:700;margin-bottom:5px;color:#4a4a4a;}
.metal-frames-page .table-metall__body-line>span:first-child{background:#b3cde0;font-weight:700;}
}
@media(max-width:420px){
.metal-frames-page .frames-use__item h3{font-size:15px;}
.metal-frames-page .frames-use__item>div{padding:18px 14px;}
.metal-frames-page .frames-work span{font-size:13px;}
.metal-frames-page .hero__form .checkbox-block{margin:0!important;}
}
@media(prefers-reduced-motion:reduce){
.metal-frames-page{scroll-behavior:auto;}
.metal-frames-page *,.metal-frames-page *:before,.metal-frames-page *:after{transition:none!important;animation:none!important;}
}