.product__section{margin-top:40px}
@media screen and (max-width:576px){.product__section{margin-top:0}}
.product__grid{display:grid;grid-template-columns:minmax(0,1fr) 1fr;gap:50px 100px;width:100%}
@media screen and (max-width:992px){.product__grid{grid-template-columns:minmax(0,1fr)}}
.product-img__inner .product-img__swiper{position:sticky;top:100px}
.product-img__inner .product-img__swiper .swiper{border-radius:12px;height:fit-content;overflow:hidden}
.product-img__inner .product-img__swiper img{height:auto;width:100%;max-height:75vh;aspect-ratio:1.25;background:#fff;object-fit:contain}
.product-application__inner{border-radius:12px;background:#fff;padding:40px 45px}
@media screen and (max-width:576px){.product-application__inner{padding:35px 20px}}
.product-application-form__grid{display:grid;grid-template-columns:1fr 1fr;row-gap:30px}
.product-application-form__grid .fieldset-select{grid-column-start:1;grid-column-end:3}
@media screen and (max-width:576px){.product-application-form__grid{grid-template-columns:1fr}.product-application-form__grid .fieldset-select{grid-column:auto}}
.product-application-form__footer{display:grid;grid-template-columns:1fr 1fr;margin-top:40px}
@media screen and (max-width:576px){.product-application-form__footer{grid-template-columns:1fr}}
.product-application-form__footer .btn-accent{width:fit-content}
.product-application-form__footer .price{justify-self:end;align-self:flex-end}
@media screen and (max-width:576px){.product-application-form__footer .price{width:100%;margin-top:24px}}
.product-main-info__inner{display:flex;flex-direction:column}
.product-main-info__inner .code{color:#868686}
.product-main-info__inner .title{margin-top:40px}
.product-main-info__inner .product-application__inner{margin-top:auto}
@media screen and (max-width:576px){.product-main-info__inner .code{font-size:14px}.product-main-info__inner .title{margin-top:20px}}
.product-param__inner{margin-top:60px;margin-bottom:20px}
.product-param__inner .title{margin-bottom:16px}
.product-param__inner .param__line{display:flex;justify-content:space-between;border-bottom:1px solid #c9cbd7;padding:18px 0;line-height:100%}
.product-param__inner .param__line .name{color:#868686;letter-spacing:-0.333px}
.product-param__inner .param__line .value{color:#454545;text-align:right;font-family:"Montserrat-SemiBold",sans-serif;letter-spacing:-0.333px}
.product-param__inner .param__line:last-child{border-bottom:none}
@media screen and (max-width:576px){.product-param__inner .param__line{font-size:14px}}
.product-description__inner{margin-top:20px;margin-bottom:20px}
.product-description__inner .title{margin-bottom:16px}
@charset "UTF-8";
.intro__container{display:grid;grid-template-rows:1fr auto;grid-template-areas:"img" "info";gap:30px;position:relative}
.intro-img__container{grid-area:img;background-color:#d9d9d9;border-radius:12px;position:relative;overflow:hidden;width:100%;display:flex;justify-content:center;z-index:0}
.intro-img__container img{height:100%;object-fit:cover;width:110%;z-index:-1}
.intro-info__container{grid-area:info}
.intro-text__container{display:flex}
.intro-text__container .description{line-height:150%}
.intro-href__container{display:flex;column-gap:20px;row-gap:16px;position:relative;flex-wrap:wrap;margin-top:auto;padding-top:30px}
@media screen and (max-width:576px){.intro-href__container{padding-top:30px}.intro-href__container .btn-accent,.intro-href__container .btn-wht{flex-grow:1}}
.intro__container--lg{gap:30px}
.intro__container--lg .intro-img__container{max-height:500px}
.intro__container--lg .intro-text__container{display:flex}
.intro__container--lg .intro-text__container .title{max-width:1034px}
.intro__container--lg .intro-text__container .description{margin-top:18px;margin-left:39px;line-height:150%;max-width:412px}
@media screen and (max-width:1200px){.intro__container--lg .intro-text__container{flex-direction:column}.intro__container--lg .intro-text__container .description{margin-left:0}}
@media screen and (max-width:576px){.intro__container--lg .intro-img__container{height:60vw}}
.intro__container--sm{gap:40px;width:100%}
.intro__container--sm .intro-img__container{max-height:380px}
.intro__container--sm .intro-info__container{width:100%;overflow:hidden}
.intro__container--sm .intro-text__container{flex-direction:column}
.intro__container--sm .intro-text__container .title{max-width:auto}
.intro__container--sm .intro-text__container .description{margin-top:18px;margin-left:0;line-height:150%;max-width:1034px}
.intro__container--sm .intro-href__container{padding-top:36px}
@media screen and (max-width:576px){.intro__container--sm{gap:20px}.intro__container--sm .intro-img__container{max-height:180px}.intro__container--sm .intro-info__container{width:auto;margin-left:-15px;margin-right:-15px;padding-left:15px;padding-right:15px}.intro__container--sm .intro-href__container{padding-top:16px;flex-wrap:nowrap;overflow-x:scroll;width:auto;margin-left:-15px;margin-right:-15px;padding-left:15px;padding-right:15px}.intro__container--sm .intro-href__container .btn-accent,.intro__container--sm .intro-href__container .btn-wht{flex-grow:1}}
.intro__container--column{grid-template-columns:1fr auto;grid-template-areas:"info img";gap:40px 80px}
.intro__container--column .intro-info__container{height:100%;display:flex;flex-direction:column}
.intro__container--column .intro-text__container{flex-direction:column}
.intro__container--column .intro-text__container .title{max-width:auto}
.intro__container--column .intro-text__container .description{margin-top:18px;margin-left:0;line-height:150%;max-width:1034px}
@media screen and (max-width:992px){.intro__container--column{grid-template-columns:1fr;grid-template-areas:"img" "info"}.intro__container--column .intro-img__container{height:70vw}}
.product-card{position:relative;display:grid;grid-template-rows:auto auto auto auto auto;grid-template-areas:"code" "img" "title" "param" "price";border-radius:12px;border:2px solid #fff;background:#fff;padding:17px 22px 18px;transition:all 0.2s ease-in-out}
.product-card:hover{border:2px solid #282828}
.product-card .code{grid-area:code;color:#282828;font-size:12px;line-height:128.9%;margin-bottom:12px}
.product-card .code span{color:#454545;margin-right:6px}
.product-card .img__inner{grid-area:img;width:100%;height:auto;aspect-ratio:1}
.product-card .img__inner img{background-color:#fff;width:100%;height:100%;object-fit:contain;border-radius:8px}
.product-card .title{grid-area:title;margin-top:10px;font-size:16px;line-height:130%}
.product-card .param__inner{margin:11px 0;display:flex;flex-direction:column;row-gap:4px;grid-area:param;font-size:12px;line-height:130%}
.product-card .param__line{display:flex;justify-content:space-between}
.product-card .param__line .name{color:#454545}
.product-card .price{margin-top:2px;grid-area:price;font-size:20px;line-height:130%;text-transform:uppercase;width:fit-content;justify-self:end}
.product-card a{position:absolute;top:0;left:0;width:100%;height:100%}
@media screen and (max-width:768px){.product-card{grid-template-rows:auto;grid-template-areas:"img" "code" "title" "param" "price";border-radius:0;border:none;background:none;padding:0}.product-card .code{display:none}.product-card .code .d-desc{display:none}.product-card .title{grid-area:title;font-size:12px;line-height:130%}.product-card .param__inner{display:flex;flex-wrap:wrap;flex-direction:row;margin:3px 0}.product-card .param__inner::before{content:"( ";margin-right:4px}.product-card .param__inner::after{content:" )";margin-left:4px}.product-card .param__line .name{display:none}.product-card .param__line::after{content:",";margin-right:4px}.product-card .param__line:last-child::after{content:"";margin-right:0}.product-card .price{font-size:14px;justify-self:start;text-transform:lowercase}.product-card:hover{border:none}}
.category-grid__section{margin-top:58px;position:relative}
.category-grid{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"filter list"}
@media screen and (max-width:1200px){.category-grid{grid-template-columns:1fr}}
.btn-filter-mobile{display:none;margin-bottom:20px;border:none;background:none;font-size:14px;color:#282828;padding:0}
.btn-filter-mobile::before{content:"Фильтры"}
.btn-filter-mobile.show::before{content:"Скрыть"}
.btn-filter-mobile::after{margin-left:8px;transition:0.2s ease-in;vertical-align:middle;display:inline;white-space:nowrap;content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cg clip-path='url(%23clip0_1300_6490)'%3E%3Cmask id='mask0_1300_6490' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='14' height='14'%3E%3Cpath d='M14 0H0V14H14V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1300_6490)'%3E%3Cpath d='M12 0H2C0.89543 0 0 0.89543 0 2V12C0 13.1046 0.89543 14 2 14H12C13.1046 14 14 13.1046 14 12V2C14 0.89543 13.1046 0 12 0Z' fill='%239DE518'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.75 7.75C4.33579 7.75 4 7.41421 4 7C4 6.58579 4.33579 6.25 4.75 6.25H9.25C9.66421 6.25 10 6.58579 10 7C10 7.41421 9.66421 7.75 9.25 7.75H4.75ZM3.25 4.75C2.83579 4.75 2.5 4.41421 2.5 4C2.5 3.58579 2.83579 3.25 3.25 3.25H10.75C11.1642 3.25 11.5 3.58579 11.5 4C11.5 4.41421 11.1642 4.75 10.75 4.75H3.25ZM6.25 10.75C5.83579 10.75 5.5 10.4142 5.5 10C5.5 9.58579 5.83579 9.25 6.25 9.25H7.75C8.16421 9.25 8.5 9.58579 8.5 10C8.5 10.4142 8.16421 10.75 7.75 10.75H6.25Z' fill='%23282828'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1300_6490'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}
@media screen and (max-width:1200px){.btn-filter-mobile{display:block}}
.filter-inner{grid-area:filter;position:relative;margin-right:60px}
.filter-inner .offcanvas{border:none;height:auto;overflow:visible;position:static;transform:translateX(0);visibility:visible;background:none}
@media screen and (max-width:1400px){.filter-inner{margin-right:40px}}
@media screen and (max-width:1200px){.filter-inner{margin-right:0}.filter-inner .offcanvas{overflow-y:scroll;overflow-x:hidden;position:fixed;transform:translateX(-100%);visibility:inherit;background:#fff}}
.filter{border-radius:12px;background:#fff;padding:12px 40px;background:#fff}
.filter fieldset{padding:30px 0;border-bottom:2px solid #e2e2e2}
.filter fieldset:last-child{border:none}
.filter legend{font-size:12px;line-height:130%;letter-spacing:0.24px;text-transform:uppercase;margin-bottom:10px}
@media screen and (max-width:1400px){.filter{padding:12px 20px;margin-right:0}}
@media screen and (max-width:1200px){.filter{padding:12px 30px;margin-right:0;width:100%;border-radius:0;height:100%}}
.category-product-list{grid-area:list}
.category-product-list__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}
@media screen and (max-width:1400px){.category-product-list__grid{grid-template-columns:1fr 1fr 1fr}}
@media screen and (max-width:768px){.category-product-list__grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:40px 16px}}
.pagination-circle{margin-top:80px;justify-content:flex-end;--bs-pagination-border-width:none;--bs-pagination-color:#454545;--bs-pagination-active-bg:#9de518;--bs-pagination-active-border-color:#9de518;--bs-link-hover-color:#282828;--bs-pagination-focus-box-shadow:0 0 0 0.1rem $wht2;border-radius:8px;text-transform:uppercase}
@media screen and (max-width:992px){.pagination-circle{justify-content:center}}