footer{--background:color-mix(var(--primary), black 50%);--text:color-mix(in srgb, var(--primary), white 90%);--heading:var(--text);text-shadow:0 1px 0 var(--background);background:var(--background);color:var(--text);border-top:4px solid #000;width:100%;padding:4em;font-size:.9em;& a,& h1,& h2,& h3,& h4,& h5,& h6{color:var(--heading)}& a:hover{color:#fff;text-decoration-style:solid}& table{display:flex;& tbody{width:100%;display:flex}& tr{vertical-align:top;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:4em;width:100%;display:flex;& td{border:none;width:fit-content;padding:0;&:nth-child(3){margin-left:auto}& ul{& li{list-style:none;& a{text-underline-offset:.4em;text-decoration-style:dotted;text-decoration-thickness:1px}}&+p{background:color-mix(in srgb, var(--background), white 10%);border:1px solid color-mix(in srgb, var(--background), white 40%);margin-bottom:3em;padding:.75em 1.5em;display:inline-block}&:last-of-type:has(a>svg){flex-flow:wrap;gap:2em;display:flex;& li{& a{flex-direction:column;align-items:center;gap:0;font-size:.8em;transition:all .2s;display:flex;&:hover{scale:1.05}& svg{margin:0;--size:2.5em!important}}}}}}}}& section.footer-content{background:color-mix(in srgb, var(--background), black 90%);color:color-mix(in srgb, var(--text), black 30%);text-align:center;border-radius:.5em .5em 0 0;justify-content:center;align-items:center;margin:2em 0 -4em;padding:2em 1em;display:flex}}@media screen and (width<=1600px){footer{padding-inline:3em;& table{& tr{gap:2em;& td{& h3,& h4,& h5{font-size:1.45rem}& a[href*=check\.tochka]{& img{width:15em}}}}}}}@media screen and (width<=768px){footer{padding:2em;font-size:.85em;& section.footer-content{margin-bottom:-2em}& table{flex-direction:column;gap:2em;& tbody{flex-direction:column}& tr{flex-direction:column;justify-content:center;align-items:center;gap:1.5em;& td{text-align:center;width:100%;& ul{flex-direction:column;gap:.5em;&:last-of-type:has(a>svg){flex-flow:row;gap:1em}& li{width:100%}&+p{margin-bottom:1.5em}}& p[style="text-align: right;"]{text-align:center!important}}}}}section.footer-content{margin:1.5em 0 -2em;padding:1.5em .5em}}fieldset.feedback-field{gap:.75em;width:100%}.feedback-option{flex-direction:column;align-items:stretch;gap:.5em;width:100%;display:flex}.feedback-option>label{flex-direction:row;align-items:flex-start;gap:1em;width:100%;margin:0;display:flex}.feedback-option>label>span{flex:1;line-height:1.35}.feedback-detail{box-sizing:border-box;flex-direction:column;gap:.35em;width:100%;padding-inline-start:1.85em;animation:.2s feedback-detail-in;display:flex}.feedback-detail input{width:100%}.feedback-detail .hint,.feedback-detail [role=alert]{color:var(--alert);font-size:.85em;line-height:1.3}:is(.feedback-detail input:user-invalid,.feedback-detail input[aria-invalid=true]){border-color:var(--alert)}@keyframes feedback-detail-in{0%{opacity:0;transform:translateY(-.25em)}to{opacity:1;transform:translateY(0)}}@media screen and (width<=768px){.feedback-detail{padding-inline-start:0}}dialog.form-wrapper{--background:#fefefe;--text-shadow:0 1px 0 #fff;--text:var(--primary);--heading:var(--text);border:none;border-radius:0;width:100%;max-width:50vw;height:fit-content;padding:0!important;[data-theme=dark] &{--background:var(--primary);--text:#efefef;--text-shadow:0 1px 0 #111}& button.action{--background:var(--danger);--text:white;border-width:0;border-radius:50%;justify-content:center;align-items:center;width:1em;height:1em;margin:0;padding:0;font-size:3rem;display:inline-flex;position:fixed;top:.5em;right:.5em}& h1,& h2,& h3,& h4,& h5,& h6{margin-bottom:.2em}}html:has(dialog.form-wrapper[open]){position:fixed;overflow:hidden}.form-wrapper{position:relative;& form{box-sizing:border-box;padding:4em;&>fieldset{&>label:not(:has(input[type=checkbox],input[type=radio])),&>fieldset{width:100%;&>*{width:100%}}}& sup{color:var(--alert);font-size:.8em;font-weight:700}& .progress{background:color-mix(in srgb, var(--background), var(--text) 10%);border-radius:.25em;height:.4em;position:absolute;inset:0 0 auto;& .bar{background:var(--primary);transition:all .2s;position:absolute;inset:0 auto 0 0}}& button[type=button]{--background:color-mix(in srgb, white, var(--primary) 10%);[data-theme=dark] &{--background:color-mix(in srgb, white, var(--primary) 90%)}}& .form-actions{justify-content:flex-end;gap:2em;padding:2em 0 0;font-size:1.15em;display:flex;& button[data-direction=forward],& button[type=submit]{margin-left:auto}& button[type=button][data-direction=forward]:not([disabled]),& button[type=submit]:not([disabled]){--background:var(--success);--text:white;color:var(--text);background:var(--background);border-color:color-mix(in srgb, var(--success), white 10%);border-bottom-color:color-mix(in srgb, var(--success), black 25%);text-shadow:none}& button[type=submit]:not([disabled]):hover{background:color-mix(in srgb, var(--success), white 12%);border-color:color-mix(in srgb, var(--success), white 18%)}}}& .input-wrapper{flex-direction:column;align-items:stretch;gap:.5em;width:100%;display:flex;& input[type=range]{box-sizing:border-box;width:100%;max-width:none}& output{align-self:flex-start;width:auto}}& .input-wrapper.dual{--track-height:.3em;gap:.75em;min-height:2.5em;padding:1.5em 0 0;position:relative;&:before,&:after{content:"";height:var(--track-height);pointer-events:none;border-radius:2rem;position:absolute;top:.35em}&:before{background:color-mix(in srgb, var(--text), var(--background) 70%);inset-inline:0}&:after{background:color-mix(in srgb, var(--text), var(--background) 20%);inset-inline-start:var(--min-percent);inset-inline-end:calc(100% - var(--max-percent))}& input[type=range]{pointer-events:none;appearance:none;background:0 0;border:none;width:100%;margin:0;padding:.35em 2px;position:absolute;inset:0}& input[type=range].range-min{z-index:3}& input[type=range].range-max{z-index:4}& input[type=range].active{z-index:5}& input[type=range]::-webkit-slider-runnable-track{background:0 0}& input[type=range]::-moz-range-track{background:0 0}& input[type=range]::-webkit-slider-thumb{pointer-events:auto}& input[type=range]::-moz-range-thumb{pointer-events:auto}& output{z-index:1;position:relative}& .range-offset{margin-inline-start:.35em}}}@media screen and (width<=768px){dialog.form-wrapper{max-width:100%;max-height:100%;margin:0;& button.action{font-size:2.5rem;top:.25em;right:.25em}}.form-wrapper{& form{padding:2em;& .form-actions{gap:1.5em;padding:1.5em 0 0;font-size:1em}}}.form-wrapper.form-steps form{padding:1.5em 1.25em 2em;font-size:1.125em;& label,& fieldset,& .feedback-option>label>span{line-height:1.45}& .form-actions{font-size:1.05em}}}@media screen and (width<=540px){.form-wrapper.form-steps form{padding:1.25em 1em 1.75em;font-size:1.2em}}section#about{background:color-mix(in srgb, var(--background), var(--text) 5%) var(--part-circuit) no-repeat left -20vh;background-blend-mode:hard-light;border-bottom:1px solid color-mix(in srgb, var(--background), var(--text) 15%);& ul{grid-template-columns:repeat(auto-fit,minmax(30vw,1fr));gap:1em;font-size:1.15em;display:grid;& li{flex-direction:column;align-items:center;gap:.5em;font-family:Tektur,Arial,sans-serif;font-weight:700;list-style:none;display:flex;& a{font-family:inherit;font-weight:inherit;text-underline-offset:.4em;text-decoration-style:dotted;text-decoration-thickness:1px}& svg{--size:2.5em!important}}}}@media screen and (width<=768px){section#about{& ul{gap:.75em;font-size:1.05em;& li{text-align:center}}}}@media screen and (width<=540px){section#about{& ul{grid-template-columns:1fr;gap:.5em;font-size:1em;& li{text-align:left;flex-direction:row}}}}nav[data-nav=pagination]{flex-direction:row;justify-content:center;align-items:center;gap:1em;margin:4em 0 0;display:flex;& a.pagination-item{color:var(--text);padding:.5em;text-decoration:none;display:inline-flex;&:hover{color:var(--primary);font-weight:700}}& select.pagination-item{background-color:color-mix(in srgb, var(--text), var(--background) 95%);border:none;align-items:center;width:min-content;box-shadow:inset 0 .1em .2em #0002}}@media screen and (width<=768px){nav[data-nav=pagination]{gap:.75em;margin:3em 0 0;& a.pagination-item{padding:.4em}& select.pagination-item{font-size:.9em}}}section#blog{& .blog-list{flex-flow:wrap;justify-content:space-around;gap:2em;display:flex}}@media screen and (width<=768px){section#blog{& .blog-list{flex-direction:column;align-items:center;gap:1em;&>*{width:100%}}}}article.blog-entry{flex-direction:row;gap:2em;display:flex;& figure{width:25%;height:100%;display:flex;overflow:hidden;&>*{object-position:center top;object-fit:contain;width:100%;height:auto;& img{border-radius:.5em}}& a.blog-entry-cover{width:100%;color:inherit;text-decoration:none;transition:opacity .2s;display:block;&:hover{opacity:.9}& img{border-radius:.5em;width:100%;height:auto;display:block}}&+section{padding:0;background:0 0!important;& h2{font-size:1.25em;& a.blog-entry-title{color:inherit;text-decoration:none;&:hover{text-decoration:underline}}}}}}@media screen and (width<=768px){article.blog-entry{flex-direction:column;gap:1em;& figure{width:100%;height:auto;&+section{text-align:center;padding:1em 0;& h2{font-size:1.15em}}}}}.example-cart{background:var(--background);width:30em;box-shadow:var(--heavy-shadow);flex-direction:column;gap:0;display:flex;position:relative;& img{object-fit:cover;object-position:center;width:100%;height:auto}& .badges{flex-flow:wrap;justify-content:flex-end;align-items:flex-end;gap:.25em;max-width:30%;margin-left:auto;display:flex;position:absolute;inset:1em 1em auto;& .badge{color:#fff;text-transform:none;text-shadow:none;background:#000;border-radius:.2em;padding:.25em 1em;font-size:.75em;text-decoration:none;display:inline-flex}}& .example-cart-content{flex-direction:column;flex:1;gap:1.5em;padding:2em;display:flex;& h5{margin:0;& a{font-size:inherit;font-weight:inherit;text-decoration:none}}& ul{font-size:.9em;&.config li{grid-template-columns:14em 1fr;gap:.5em;display:grid}& li{& a,& span{font-weight:700}& img{--size:1.5em;vertical-align:middle;width:var(--size);height:var(--size);object-fit:contain;margin-right:.5em;[data-theme=dark] &{filter:invert()}}}}}& .actions{text-align:center;justify-content:space-between;margin:auto 0 0;display:flex;& span.price{flex-direction:column;align-items:flex-start;gap:0;display:inline-flex;& nobr{font-size:1.25em}}& a{justify-content:center}}& p.price{margin-top:auto;font-size:1.15em}}@media screen and (width<=1024px){.example-cart{& .example-cart-content{& ul{&.config li{grid-template-columns:1fr}}}& .actions{flex-direction:column;align-items:center;gap:2em;& span.price{align-items:center}}}}section#builds{& .builds-list{grid-template-columns:repeat(4,minmax(15vw,1fr));gap:4em;margin:0 0 4em;display:grid}& .example-cart{width:100%}}@media screen and (width<=1921px){section#builds{& .builds-list{grid-template-columns:repeat(2,minmax(45vw,1fr));gap:2em;margin:0 0 2em}}}@media screen and (width<=768px){section#builds{& .builds-list{grid-template-columns:1fr;gap:1em;margin:0 0 1em}}}section#credo{background:color-mix(in srgb, var(--background), var(--text) 5%) var(--circuit) repeat;background-blend-mode:color-burn;background-size:15%;background-attachment:fixed;& ul{grid-template-columns:repeat(auto-fit,minmax(10vw,1fr));gap:1em;font-size:1.15em;display:grid;& li{flex-direction:column;gap:.5em;font-family:Tektur,Arial,sans-serif;font-weight:700;list-style:none;display:flex;&:has(svg){align-items:center}& a{font-family:inherit;font-weight:inherit;text-underline-offset:.4em;text-decoration-style:dotted;text-decoration-thickness:1px}& svg{--size:3em!important}}}& a.button{--background:var(--accent);font-size:1.1em;&.primary-dark{--background:color-mix(var(--accent), black 20%);color:#fff}&.secondary{--background:var(--danger);color:#fff}}& .inline-gallery{flex-direction:row;gap:2em;margin:0 -4em -4em;padding:2em 4em 4em;display:flex;overflow:scroll visible;& img{--size:20em;height:var(--size);width:var(--size);object-fit:cover;box-shadow:var(--heavy-shadow);border-radius:.25em;transition:all .2s;&:hover{scale:1.05}}}}@media screen and (width<=768px){section#credo{& ul{grid-template-columns:repeat(2,minmax(45vw,1fr));font-size:1em;& li{gap:.25em;font-size:1em}}& .inline-gallery{flex-direction:column;gap:1em;max-height:70vh;margin:0 -2em -2em;padding:1em 2em 2em;overflow-x:auto;& img{--size:15em;margin:0 auto}}}}@media screen and (width<=540px){section#credo{& ul{grid-template-columns:1fr;font-size:.95em;& li{flex-direction:row;gap:.2em;font-size:.95em}&:has(a[href*=nashi-sborki]){grid-template-columns:none;justify-content:center;display:flex;& li{text-align:center;justify-content:center;width:100%}& a{display:inline-block}}}& .inline-gallery{flex-direction:row;display:flex;& img{--size:100%}}}}section#delivery{background:color-mix(in srgb, var(--background), var(--text) 15%);flex-direction:row;gap:4em;padding:4em;display:flex;& article.description{flex-direction:column;justify-content:center;padding:0;display:flex;& h3{margin-bottom:.5em}}& aside.images{flex-direction:column;justify-content:center;align-items:center;width:fit-content;height:100%;display:flex;& img{--size:15vw;width:var(--size);height:var(--size);object-fit:cover;border-radius:1em}}}@media screen and (width<=768px){section#delivery{flex-direction:column;gap:2em;padding:2em;& article.description{padding:1em 0}& aside.images{width:100%;& img{--size:20vw}}}}@media screen and (width<=540px){section#delivery{gap:1em;padding:1em;& article.description{padding:.5em 0}& aside.images{& img{--size:100%}}}}section#examples{& .examples-list{grid-template-columns:repeat(auto-fit,minmax(15vw,1fr));gap:4em;margin:0 0 4em;display:grid;& .example-cart{width:100%}}}@media screen and (width<=768px){section#examples{& .examples-list{grid-template-columns:repeat(auto-fit,minmax(45vw,1fr));gap:2em;margin:0 0 2em}}}@media screen and (width<=540px){section#examples{width:100%;& .examples-list{flex-flow:row;justify-content:flex-start;gap:1em;margin:0 0 1em;display:flex;overflow-x:auto;& .example-cart{width:100vw;min-width:100%}}}}button[type=button][data-direction=left],button[type=button][data-direction=right]{display:none}@media screen and (width<=768px){button[type=button][data-direction=left],button[type=button][data-direction=right]{background:var(--text);width:3em;height:3em;color:var(--background);z-index:999;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;inset:50%;&[data-direction=left]{left:.2em;right:auto}&[data-direction=right]{left:auto;right:.2em}& svg{width:2em;height:2em}&:active{scale:1.1}}}section#latest{position:relative;& .latest-list{grid-template-columns:repeat(3,minmax(15vw,1fr));gap:4em;margin:0;display:grid;& .example-cart{width:100%}}&:has(.latest-all-builds) .latest-list{margin-bottom:1.5em}& .latest-all-builds{text-align:center;justify-content:center;margin:0 0 3em;display:flex;& .button{--background:var(--primary);--text:#fff;color:var(--text);background:var(--background);border-color:color-mix(in srgb, var(--primary), white 10%);border-bottom-color:color-mix(in srgb, var(--primary), black 35%);text-shadow:none}& .button:hover{background:color-mix(in srgb, var(--primary), white 12%);border-color:color-mix(in srgb, var(--primary), white 18%)}}}@media screen and (width<=768px){section#latest{width:100%;& .latest-list{flex-flow:row;justify-content:flex-start;gap:1em;margin:0 0 1em;display:flex;overflow-x:auto;& .example-cart{width:100vw;min-width:100%}}& .latest-all-builds{margin:1em 0 2em}}}section#faq{& button.expander{float:left;width:2em;height:2em;box-shadow:none;background:0 0;background:color-mix(in srgb, var(--background), black 5%);border:none;border-radius:50%;justify-content:center;margin:.5em 1em 0 0;padding:0;&.expanded{transform:rotate(-180deg)}}& .faq-list{column-width:45vw;column-gap:2em;margin:0 0 4em;display:block;& .faq-list-category{break-inside:avoid-column;page-break-inside:avoid;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;& .faq-list-items{break-inside:avoid-column;page-break-inside:avoid;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;width:100%;margin:0 0 1em;display:inline-block;& .faq-item{margin:0 0 1em}}}}& ul:last-of-type:has(a[href*="https://"]){flex-direction:row;gap:2em;display:flex;& li{list-style:none;& a{font-weight:700}}}}@media screen and (width<=768px){section#faq{& .faq-list{column-gap:1.5em;margin:0 0 2em}& ul:last-of-type:has(a[href*="https://"]){flex-flow:wrap;justify-content:center;gap:1.5em}}}@media screen and (width<=540px){section#faq{& .faq-list{column-width:60vw;column-gap:1em;margin:0 0 1em}& ul:last-of-type:has(a[href*="https://"]){flex-flow:wrap;justify-content:center;align-items:center;gap:1em 1.5em}}}.faq-item{cursor:pointer;background:var(--background);box-shadow:var(--heavy-shadow);border-radius:.5em;flex-direction:column;gap:0;padding:0;display:flex;overflow:hidden;& div.header{flex-direction:row;justify-content:space-between;align-items:center;gap:1em;display:flex;& h6{font-size:inherit;margin:0;padding:1em;&+svg{--size:1.5em;height:var(--size);width:var(--size);margin-right:.5em}}&.active{background:color-mix(in srgb, var(--background), var(--text) 5%);border-bottom:1px solid color-mix(in srgb, var(--background), var(--text) 20%);overflow:hidden;&+div{padding:1em}}}}section#hero{--background:color-mix(var(--primary), black 50%);--text:color-mix(in srgb, var(--primary), white 90%);--heading:var(--text);text-align:center;text-shadow:0 1px 0 var(--background);color:var(--text);background:var(--background);width:100%;padding:12em 4em 5em;font-size:.9em;position:relative;overflow:hidden;& .hero-cover{z-index:0;object-fit:cover;object-position:center;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}&:before{content:"";z-index:1;background:radial-gradient(var(--background), black) no-repeat;opacity:.1;pointer-events:none;background-size:100%;position:absolute;inset:0}&>:not(.hero-cover){z-index:2;position:relative}& a,& h1,& h2,& h3,& h4,& h5,& h6{color:var(--heading)}& a:hover{color:#fff;text-decoration-style:solid}&>ul{flex-flow:wrap;justify-content:center;align-items:start;gap:2em;margin:0;font-size:1.15em;display:flex;& li{margin:0;font-family:Tektur,Arial,sans-serif;list-style:none;&:has(svg){width:10em}& a{text-underline-offset:.4em;text-decoration-style:dotted;text-decoration-thickness:1px}}}& a.button{--background:var(--accent);font-size:1.1em;&.primary-dark{--background:color-mix(var(--accent), black 20%)}&.secondary{--background:var(--danger)}}& table{text-align:left;flex-direction:column;justify-content:center;align-items:center;margin:4em auto 10em;display:flex;width:auto!important;& tr{vertical-align:top;align-items:center;gap:2em;display:flex;& td{border:none;flex-direction:column;width:fit-content;padding:0;display:inline-flex;& a[href*=rutube],& a[href*=video]{text-underline-offset:.4em;font-size:1.5em;text-decoration-style:dotted;text-decoration-thickness:1px}&:first-child{text-align:right;& svg{margin:auto;display:inline-flex;--size:5em!important}}}}}& h1{margin-bottom:2em;&+ul{& li{flex-direction:column;align-items:center;gap:1em;display:inline-flex;& svg{--size:3em!important}}}}& p{&:last-of-type{margin-top:auto;font-size:1.15em}}}@keyframes gradient-flow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@media screen and (width<=768px){section#hero{padding:8em 2em 4em;font-size:.85em;&>ul{gap:1.5em;font-size:1.05em}& a.button{font-size:1em}& table{margin:3em auto 8em}& h1{margin-bottom:1.5em}& p{&:last-of-type{font-size:1.05em}}}}@media screen and (width<=540px){section#hero{padding:6em 1em 3em;font-size:.8em;&>ul{gap:1em;font-size:1em;&:has(a.button){flex-direction:column;justify-content:center;align-items:center;display:flex;& li{justify-content:center;width:100%;display:flex}& a.button{font-size:1.4em}& a.button[href*=nashi-sborki]{margin-inline:auto}}}& a.button{font-size:.95em}& table{margin:2em auto 6em}& h1{margin-bottom:1.25em}& p{&:last-of-type{font-size:1em}}}}section#map{background:color-mix(var(--background), black 50%);width:100%;height:35em;text-shadow:none;color:var(--primary);padding:0}.review-item{border:1px solid color-mix(in srgb, var(--background), var(--text) 20%);box-shadow:var(--button-shadow);flex-direction:column;gap:0;display:flex;& .review-text{background:var(--background);border-top:1px solid color-mix(in srgb, var(--background), var(--text) 20%);flex-direction:column;flex:1;gap:.5em;padding:1em 1.5em;display:flex;overflow:auto;& span{color:color-mix(in srgb, var(--text), var(--background) 30%);font-size:.8em}& div{height:15em;font-family:inherit}}& .review-author{background:color-mix(in srgb, var(--background), var(--text) 15%) var(--part-circuit) no-repeat left bottom 50%;background-blend-mode:color-dodge;flex-direction:row;gap:1em;padding:1em;display:flex;& img{border-radius:50%;width:3em;height:3em}& .review-author-info{flex-direction:column;display:flex;& a{font-size:.75em}}}}section#page-reviews{& .reviews-list{grid-template-columns:repeat(auto-fit,minmax(20vw,1fr));gap:2em;margin:0 0 4em;display:grid}}@media screen and (width<=768px){section#page-reviews{& .reviews-list{grid-template-columns:1fr}}}section#reviews{position:relative;& .reviews-list{grid-template-columns:repeat(auto-fit,minmax(20%,1fr));gap:2em;margin:0 0 4em;display:grid}& ul:last-of-type:has(a[href*="https://"]){flex-direction:row;gap:2em;display:flex;& li{list-style:none;& a{font-weight:700}}}}@media screen and (width<=1280px){section#reviews{& .reviews-list{grid-template-columns:repeat(auto-fit,minmax(40%,1fr))}}}@media screen and (width<=768px){section#reviews{& .reviews-list{grid-template-columns:1fr}& ul:last-of-type:has(a[href*="https://"]){flex-flow:wrap;justify-content:center;align-items:center;gap:1.25em 1.75em}}}@media screen and (width<=540px){section#reviews{& .reviews-list{display:flex;overflow-x:auto;& .review-item{width:100vw;min-width:100%}}& ul:last-of-type:has(a[href*="https://"]){flex-flow:wrap;justify-content:center;gap:1em 1.5em}}}section#video{& .videos{flex-direction:row;justify-content:space-around;gap:4em;display:flex;& .vieo-wrapper{--size:25vw;width:var(--size);height:calc(var(--size) * 9 / 16);background:var(--background);border-radius:.25em;flex-direction:column;gap:.5em;display:flex;position:relative;overflow:hidden;& iframe{width:100%;height:100%}}}}@media screen and (width<=768px){section#video{& .videos{flex-direction:column;gap:2em;& .vieo-wrapper{--size:100%}}}}button.mobile-menu-caller{width:1.5em;height:2em;box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:.3em;margin:auto 0 auto auto;padding:.2em 0;font-size:1.5rem;display:inline-flex;position:absolute;inset:.5em 1em auto auto;[class*=main-page]:not(.sticky) &{--text:var(--background)}& i{background:var(--text);opacity:1;width:1.25em;height:2px;transition:all .4s;display:inline-flex;position:relative;transform:rotate(0)}&.active{gap:0;& i{border-radius:2px;height:3px;position:absolute;&:first-child{transform:rotate(-45deg)}&:nth-child(2){scale:0}&:nth-child(3){transform:rotate(45deg)}}}}@media screen and (width>=1281px){button.mobile-menu-caller{visibility:hidden;display:none}}@media screen and (width<=768px){button.mobile-menu-caller{width:1.25em;height:1.75em;margin-left:0;font-size:1.25rem;top:.85em;right:1.25em}}button[data-element=theme-switcher]{box-shadow:none;color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5em;padding:.5em 1em;font-size:1em;display:inline-flex}@media screen and (width<=768px){button[data-element=theme-switcher]{padding:.4em .8em;font-size:.9em}}header{background:color-mix(var(--primary), black 50%);z-index:1000;color:#fff;text-shadow:0 1px #0005;flex-direction:row;justify-content:space-between;gap:4em;padding:1em 4em;transition:none;display:flex;position:sticky;top:0;& .logo{color:inherit;flex-direction:row;justify-content:center;align-items:center;display:flex;& svg{filter:drop-shadow(0 1px #0005);height:3em}&+.slogan{font-family:Tektur,Arial,sans-serif;font-size:1.2em;font-weight:700}}& nav[data-role=main-menu]{margin-inline:0;font-size:1.25em;& ul li a{white-space:nowrap;color:inherit;text-underline-offset:.35em;text-decoration-style:dotted;text-decoration-thickness:1px;display:inline-flex;&:hover{text-decoration-style:solid}}}& #popoverselector,& .theme-switcher-button{color:var(--text);text-shadow:none;clip-path:none;background:color-mix(in srgb, var(--background), black 5%);margin-block:auto;border:none;border-radius:.5em;margin-right:auto;[data-theme=dark] &{background:color-mix(in srgb, var(--background), white 10%)}}&.inner,&.sticky{color:var(--text);background:var(--background);box-shadow:var(--heavy-shadow);text-shadow:0 1px #fff;position:sticky;[data-theme=dark] &{text-shadow:0 1px #000}& .logo{color:var(--primary);& svg{filter:none}}}& .header-contacts{color:inherit;flex-direction:column;justify-content:center;align-items:flex-end;gap:.25em;margin-left:auto;display:flex;& a[href*=tel\:]{color:inherit;white-space:nowrap;font-family:Tektur,Arial,sans-serif;font-size:1.5em;font-weight:700;text-decoration:none}& ul{flex-direction:row;gap:1em;font-size:.8em;display:flex;& li{list-style:none;& a{color:inherit}}}}}@media screen and (width<=1441px){header{background:var(--background);color:var(--text);text-shadow:none;position:static;&,&.inner,&.sticky{padding:1em 4em}&.filled{margin:0}&:not(:first-of-type){display:none}& .logo{& svg{width:10em}}& nav[data-role=main-menu]{margin:0;& ul{& li{white-space:nowrap}}}& #popoverselector,& .theme-switcher-button{width:fit-content;margin:auto;display:inline-flex}& .header-contacts{& ul{flex-wrap:wrap;justify-content:flex-end;gap:0;width:100%;& li{white-space:nowrap;width:fit-content;margin:0 2em 0 0}}}}}@media screen and (width<=1281px){header{flex-direction:column-reverse;align-items:center;&:not(.expanded){& .theme-switcher-button,& nav[data-role=main-menu],& .header-contacts{display:none!important}}&.expanded{justify-content:flex-start;align-items:flex-start;gap:2em;height:100dvh;position:fixed;inset:0;& .logo{position:absolute;inset:1.2em auto auto 2em}&>ul:not([class]){margin:0 0 0 1em;& li{display:block;& a.button{color:#fff;--background:var(--accent);&.secondary{--background:var(--danger)}}}}& .theme-switcher-button,& nav[data-role=main-menu],& .header-contacts{margin:1em;display:flex}& nav[data-role=main-menu]{margin-bottom:auto;& ul[role=menu]{flex-direction:column}}& .header-contacts{align-items:flex-start;margin-top:7em}}}}@media screen and (width<=769px){header{&.inner,&.expanded,&.sticky{padding:1em;& .header-contacts{& ul{flex-direction:row;justify-content:flex-start;gap:1em;margin:.5em 0 0;font-size:1.25em;display:inline-flex;& li{margin:0}}}}&.expanded{& nav[data-role=main-menu]{font-size:1.5em}}& nav[data-role=main-menu]{& ul[role=menu]{& li{&:before{content:""}}}}}}[data-theme=dark]{& header{&.inner,&.sticky{& nav ul li span,& .logo{color:var(--text)}}}}nav[data-role=breadcrumbs]{border-bottom:1px solid color-mix(in srgb, var(--background), var(--text) 20%);width:100%;padding:1em 4em;& ul{flex-wrap:wrap;gap:.5rem;padding:0;display:flex;&:hover li{opacity:1}&:has(li:hover) li:not(:hover){opacity:.7}& li{opacity:.7;align-items:center;margin:0;list-style:none;transition:all .2s;display:inline-flex;&:hover{opacity:1}&:not(:first-child){&:before{content:"";width:1em;height:1em;color:color-mix(in srgb, var(--text), transparent 70%);filter:invert()brightness(.7);background:url(/i/arrow-right-s-line.svg) 50%/1rem no-repeat;margin-right:.5rem;font-size:1.75em;display:inline-flex}}& span>span{font-weight:700}& a,& span{border:1px solid #0000;border-radius:.5em;align-items:center;padding:.15em 0;display:inline-flex}& a{color:var(--text);text-decoration:none;&:hover{color:var(--primary)}}}}}@media (width<=768px){nav[data-role=breadcrumbs]{& ul{gap:0;& li{&:not(:first-child){&:before{width:10px;height:10px;margin-right:0}}& a,& span{padding:0}}}}}dialog#cookie-informer{visibility:visible;background:var(--background);width:fit-content;min-width:400px;max-width:25%;height:auto;color:var(--text);box-shadow:var(--heavy-shadow);opacity:1;user-select:none;z-index:99999999;border:none;border-radius:.2em;flex-flow:column wrap;gap:1em;padding:1.5rem 2rem;font-size:.9em;transition:all .5s;display:flex;position:fixed;inset:auto 1em 1em auto;& h3,& p{margin:0}& .actions{justify-content:space-between;align-items:baseline;gap:1rem;display:flex;& a{color:inherit;text-underline-offset:.2em;font-weight:600;text-decoration-style:dotted;text-decoration-thickness:1px}& button{&:first-of-type{margin-left:auto}&.accept{--text:white;--background:var(--primary)}}}}@media screen and (width<=440px){dialog#cookie-informer{min-width:0;max-width:100%;inset:auto 0 0;& .actions{flex-direction:column;align-items:center;gap:.5em;& button{text-align:center;justify-content:center;align-items:center;width:100%;margin:auto}}}}.notifies{z-index:10000;pointer-events:none;flex-direction:column;align-items:stretch;gap:.75em;width:min(26rem,100vw - 2.5rem);display:flex;position:fixed;top:5.75em;left:50%;right:auto;transform:translate(-50%)}.notifies .notify{--accent:var(--info);--surface:var(--background);pointer-events:auto;width:100%;color:var(--text);user-select:none;border:1px solid color-mix(in srgb, var(--accent), var(--surface) 72%);border-left:.28em solid var(--accent);box-shadow:var(--heavy-shadow);background-color:var(--surface);background-image:none;border-radius:.5em;align-items:flex-start;gap:.75em;padding:.9em 2.6em .9em .9em;line-height:1.35;display:flex;position:relative}[data-theme=dark] .notifies .notify{--surface:color-mix(in srgb, var(--primary), #111 45%)}.notifies .notify.error{--accent:var(--danger)}.notifies .notify.warning{--accent:var(--alert)}.notifies .notify.success{--accent:var(--success)}.notifies .notify .notify-icon{width:2em;height:2em;color:var(--accent);background:color-mix(in srgb, var(--accent), var(--surface) 82%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.notifies .notify .notify-text{flex:auto;padding-top:.2em;font-size:.98em}.notifies .notify button[type=button]{--background:transparent;--text:color-mix(in srgb, var(--text), var(--surface) 35%);width:1.35em;height:1.35em;color:var(--text);box-shadow:none;background:0 0;border:none;border-radius:.25em;justify-content:center;align-items:center;margin:0;padding:0;font-size:1.15em;line-height:1;display:inline-flex;position:absolute;inset:.45em .45em auto auto}.notifies .notify button[type=button]:hover{--text:var(--danger);color:var(--danger);background:color-mix(in srgb, var(--danger), var(--surface) 88%);scale:1}.notifies .notify button[type=button]:active{scale:.92}.notifies .notify .notify-icon svg,.notifies .notify .notify-icon .notify-svg{fill:currentColor;width:1.2em;height:1.2em;display:block}.notifies .notify .notify-icon svg path,.notifies .notify .notify-icon svg use{fill:currentColor}@media screen and (width<=540px){.notifies{gap:.6em;width:min(26rem,100vw - 1.5rem);top:5.25em;left:50%;right:auto;transform:translate(-50%)}.notifies .notify{padding:.85em 2.4em .85em .8em}}img:not([class*=-cover]):not([class*=viewer-ignore]){cursor:pointer}dialog#image-gallery{z-index:999998;background:0 0;border-radius:0;width:0;height:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden;&[open]{width:100%;min-width:100%;height:100%;min-height:100%;&::backdrop{--in:#111a;--out:#111e}}& button[type=button]{--background:var(--danger);--text:white;z-index:999;border-width:0;border-radius:50%;justify-content:center;align-items:center;width:1em;height:1em;margin:0;padding:0;font-size:3rem;display:inline-flex;position:absolute;top:.5em;right:.5em;&.close{z-index:9999}&:active{scale:1.1}&[data-direction=prev],&[data-direction=next]{--background:#333;width:50%;height:100%;box-shadow:none;background:0 0;border:none;border-radius:0;margin:auto;padding:.5em;position:absolute;inset:50%;&:active{scale:1.025}}&[data-direction=prev]{justify-content:flex-start;left:0;right:auto}&[data-direction=next]{justify-content:flex-end;left:auto;right:0}}& img{box-shadow:var(--heavy-shadow);border-radius:.5em}& img.image-gallery-main-preview{--zoom:1;height:80%;scale:var(--zoom);margin:auto;display:flex;inset:auto}& .image-gallery-list{z-index:999999;scroll-snap-type:x mandatory;background:linear-gradient(#0000,#1117);gap:1em;width:100%;padding:1em;display:flex;position:absolute;inset:auto 0 0;overflow:scroll hidden;& img{scroll-snap-align:start;opacity:.4;filter:grayscale(.2);width:auto;height:7vh;transition:all .3s;scale:.9;&:hover,&.active{opacity:1;filter:none;scale:1}}}}html:has(dialog#image-gallery[open]){overflow:hidden}@media screen and (width<=768px){dialog#image-gallery{& img.image-gallery-main-preview{width:100%;height:auto}& .image-gallery-list{gap:.5em;padding:.5em;& img{height:6vh}}}}dialog#rutube-window{--size:50vw;width:var(--size);height:calc(var(--size) * 9 / 16);max-width:var(--size);z-index:999999;background:#000;border:none;border-radius:0;padding:0;& iframe{width:100%;height:100%}&[open]{&::backdrop{--in:#111a;--out:#111e}}& button.action{--background:var(--danger);--text:white;border-width:0;border-radius:50%;justify-content:center;align-items:center;width:1em;height:1em;margin:0;padding:0;font-size:3rem;display:inline-flex;position:fixed;top:.5em;right:.5em}}body:has(dialog#rutube-window[open]){overflow:hidden}@media screen and (width<=768px){dialog#rutube-window{--size:90vw;width:var(--size);height:calc(var(--size) * 9 / 16);max-width:var(--size);& button.action{font-size:2.5rem;top:.25em;right:.25em}}}section.content-tabs{flex-flow:column;width:100%;margin-top:2em;padding:0;display:flex;position:relative;background:0 0!important;& header{background:0 0;justify-content:flex-start;gap:0;padding:0;position:relative;& button{background:var(--background);box-shadow:none;letter-spacing:0;height:3em;color:color-mix(in srgb, var(--text), var(--background) 40%);clip-path:none;border:1px solid #0000;border-top-width:3px;border-radius:0;margin:0;padding:2em;line-height:3em;position:relative;inset:0;transform:none;&:hover{color:var(--text);inset:0}&.active{color:var(--text);background:var(--background);border-top-color:var(--primary);margin:0 0 1px;font-weight:700}}}& .tab-content{z-index:1;flex-direction:column;gap:1em;width:100%;height:0;margin:0 0 auto;padding:0;transition:all .3s;display:flex;position:absolute;top:3em;overflow:hidden;&>*{opacity:0;transition:all .3s}&>section{padding:0}&.active{background:var(--background);z-index:2;flex-direction:column;height:fit-content;padding:2em 0;display:flex;position:sticky;&>*{opacity:1}}}}@media screen and (width<=768px){section.content-tabs{margin-top:1.5em;& header{& button{height:2.5em;padding:1.5em;line-height:2.5em}}& .tab-content{top:2.5em;&.active{padding:1.5em 0}}}}button.to-top{z-index:100000;position:fixed;inset:auto 2em 2em auto;& svg{width:1.5em;height:1.5em}&:active{scale:1.1}}article#page-сontent{flex-direction:column;padding:4em;display:flex;&.article-page{max-width:1440px}& h1{margin:0 0 1em;font-size:3em}& h2{margin:0 0 1em;font-size:2.5em}& h3{margin:0 0 1em;font-size:2em}& h4{margin:0 0 1em;font-size:1.5em}& h5{margin:0 0 1em;font-size:1.25em}& h6{margin:0 0 1em;font-size:1em}& p{margin:0 0 1em}& p:last-child{margin:0}& img{max-width:100%;height:auto}& img.full{width:100%}& img.left{float:left;margin:0 1em 1em 0}& img.right{float:right;margin:0 0 1em 1em}& img.center{margin:0 auto 1em;display:block}& blockquote{border-left:.25em solid var(--text);margin:0 0 1em;padding:0 0 0 1em;font-style:italic}& blockquote p:last-child{margin:0}& table{border-collapse:collapse;width:100%;margin:0 0 1em;& th,& td{border:.1em solid var(--text);padding:.5em 1em}& th{font-weight:700}}& ul,& ol{margin:0 0 1em;padding-left:2em;& li{margin:0 0 .5em}& li:last-child{margin:0}}& code{background:inherit;border-radius:.2em;padding:.2em .4em;font-family:monospace}& pre{background:inherit;border-radius:.5em;padding:1em;overflow-x:auto;& code{background:0 0;padding:0}}& hr{border:none;border-top:.1em solid var(--text);margin:2em 0}& a:not(.button){text-underline-offset:.2em;text-decoration:underline dotted;&:hover{text-decoration:underline}}}@media screen and (width<=768px){article#page-сontent{padding:2em}article#page-сontent h1{font-size:2em}article#page-сontent h2{font-size:1.75em}article#page-сontent h3{font-size:1.5em}article#page-сontent h4{font-size:1.25em}article#page-сontent h5,article#page-сontent h6{font-size:1em}article#page-сontent img.left,article#page-сontent img.right{float:none;margin:0 auto 1em;display:block}article#page-сontent table{font-size:.85em}article#page-сontent table th,article#page-сontent table td{padding:.4em .5em}article#page-сontent pre{padding:.75em;font-size:.85em}article#page-сontent hr{margin:1.5em 0}}.image-gallery{flex-direction:column;gap:2em;width:100%;display:flex;& .image-gallery-main{width:100%;display:flex;& .image-gallery-main-image{border-radius:.5em;width:100%}}& .image-gallery-list{flex-wrap:wrap;justify-content:flex-start;gap:1em;margin:0 auto 0 0;display:flex;&:hover{& button{opacity:.6}}& button{width:calc(25% - .75em);height:10em;clip-path:unset;background:#a9a9a9;border:0;border-radius:.4em;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex;overflow:hidden;& img{object-fit:cover;object-position:center;height:110%!important}&.active,&:hover{opacity:1;box-shadow:var(--heavy-shadow);scale:1.1}& .image-gallery-list-image{width:auto;height:110%}}}& .image-gallery-scroller,& .image-gallery-dots{display:none}}@media screen and (width<=768px){.image-gallery{gap:.75em;position:relative;& .image-gallery-main,& .image-gallery-list{display:none}& .image-gallery-scroller{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#0a0a0a;border-radius:.75em;flex-flow:row;width:100%;display:flex;overflow:auto hidden;&::-webkit-scrollbar{display:none}& .image-gallery-scroller-item{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;justify-content:center;align-items:center;width:100%;min-width:100%;margin:0;display:flex;overflow:hidden}& .image-gallery-scroller-image{object-fit:contain;object-position:center;user-select:none;pointer-events:none;width:100%;height:auto;max-height:70vh;display:block}}& .image-gallery-dots{flex-flow:row;justify-content:center;align-items:center;gap:.4em;min-height:0;margin:0;padding:.35em 0 0;display:flex;& .image-gallery-dot{box-sizing:border-box;background:color-mix(in srgb, var(--text) 35%, transparent);width:.45em;min-width:.45em;height:.45em;min-height:0;box-shadow:none;clip-path:unset;cursor:pointer;appearance:none;border:0;border-radius:1em;margin:0;padding:0;line-height:0;transition:width .2s,background .2s;display:block;overflow:hidden;&.active{background:var(--text);width:1.25em}}}}}article#page-сontent[itemtype="https://schema.org/Product"]{display:block;& aside#product-assets{float:left;flex-direction:column;gap:4em;width:30%;min-width:20em;height:100%;margin:0 4em 4em 0;display:flex;& p.page-actions{justify-content:space-between;display:flex;& span.price{flex-direction:column;gap:.25em;display:inline-flex;& nobr{font-size:1.5em;font-weight:700}}& a{font-size:1.15em;&[href*=form\:]{--background:var(--accent)}}}}& .badges{flex-flow:wrap;gap:1em;margin:0 0 1.5em;display:flex;& .badge{text-underline-offset:.4em;color:#fff;text-transform:uppercase;text-shadow:none;background:#000;border-radius:.2em;padding:.25em 1em;font-size:.75em;text-decoration-style:dotted;text-decoration-thickness:1px;display:inline-flex}}& ul.config{margin:4em 0 0;& li{grid-template-columns:14em 1fr;gap:.5em;list-style:none;display:grid;& img{--size:1.5em;vertical-align:middle;width:var(--size);height:var(--size);object-fit:contain;margin-right:.5em;[data-theme=dark] &{filter:invert()}}& span,& a{font-weight:700;&[itemprop=value]{font-weight:400}}}}& div.price{border-radius:.15em;padding:.5em 0;font-size:1.5em;font-weight:700;display:inline-block}}@media screen and (width<=1024px){article#page-сontent[itemtype="https://schema.org/Product"]{flex-direction:column;display:flex;& aside#product-assets{float:none;gap:1em;width:100%;min-width:auto;margin:0 0 4em}}}@media screen and (width<=768px){article#page-сontent[itemtype="https://schema.org/Product"]{& aside#product-assets{float:none;gap:1em;width:100%;min-width:auto;margin:0 0 2em}& aside#product-assets p.page-actions{text-align:center;flex-direction:column;gap:1em}& aside#product-assets p.page-actions span.price{font-size:1.25em}& aside#product-assets p.page-actions a{font-size:1em}& aside#product-assets p.page-actions a[href*=form\:]{--background:var(--accent);justify-content:center}& .badges{gap:.5em;margin:0 0 1em}& .badges .badge{padding:.2em .8em;font-size:.65em}& ul.config{flex-direction:column;gap:1.25em;margin:2em 0 0;padding:0;display:flex}& ul.config li{flex-direction:column;grid-template-columns:none;align-items:flex-start;gap:.25em;display:flex}& ul.config li img{margin-bottom:0;margin-right:.4em}& ul.config li>span,& ul.config li>a{font-weight:700}& ul.config li>[itemprop=value]{word-break:break-word;padding-left:0;font-weight:400}& div.price{padding:.4em .5em;font-size:1.25em}}}