body{padding-top:4.5rem;font-family:"Fira Sans",sans-serif;background-color:var(--bs-tertiary-bg)}
.fw-extra{font-weight:900!important}
.fs12{font-size:calc(1rem - 4px);line-height:calc(1em + 4px)}
.fs13{font-size:calc(1rem - 3px);line-height:calc(1em + 5px)}
.fs14{font-size:calc(1rem - 2px);line-height:calc(1em + 6px)}
.none-underline{text-decoration:none}
.navbar{background-color:#fff;box-shadow:0 3px 10px #00000040;padding:.5rem 0}
.navbar-brand{font-weight:700;font-size:1.8rem;color:#000;letter-spacing:-.5px}
.offcanvas.text-bg-dark .navbar-nav .nav-link{color:var(--bs-black)!important;font-weight:500;margin:0 .5rem;transition:color .3s}
.nav-link i{padding:0 .5rem 0 0;color:var(--bs-gray-600)!important}
.phone-link{color:var(--bs-black);font-weight:700;text-decoration:none;font-size:1.2rem}
.phone-link i{color:var(--bs-gray-600);margin-right:5px}
.modal-content{border-radius:1rem;overflow:hidden}
.modal-header{background:linear-gradient(45deg,#0d6efd,#0b5fd1);color:#fff}
.hero{color:#fff;padding:5rem 0;position:relative;overflow:hidden;box-shadow:0 5px 10px #0006}
.hero-topmain{background:linear-gradient(135deg,#1a2e3b 0%,#38526c 100%)}
.hero-topmain::before{content:"⌇⌇⌇⌇⌇⌇⌇⌇";position:absolute;top:20px;right:20px;font-size:14rem;color:#ffffff08;transform:rotate(15deg);font-weight:700;white-space:nowrap}
.hero h1,.hero-calc .calcH1{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;display:block;position:relative}
.hero-calc .calcH1,.hero-calc .hero-text{text-align:right}
.hero-text{font-size:1.25rem;opacity:.95;margin-bottom:2rem;max-width:600px}
.head_prem_text_wr{position:relative;width:330px;display:block;-webkit-box-flex:0;-ms-flex:none;flex:none;height:260px}
.head_prem_wr{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.head_prem_text{font-size:50px;font-weight:900;font-style:normal;font-stretch:normal;letter-spacing:normal;position:relative;margin-bottom:20px;left:-55px;margin-top:20px;background:linear-gradient(45deg,#4598ed,#0c67e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}
#head_prem_text_span{margin-top:25px;font-size:32px;color:#26262a;display:block;line-height:38px}
#head_prem_text_span_star{font-size:52px;font-weight:400;line-height:32px;opacity:.27;letter-spacing:normal;color:#26262a}
.head_prem_text_wr::before{content:"\F1E0";font-family:"bootstrap-icons"!important;position:absolute;top:-100px;left:-45px;font-size:18rem;color:#a1a1a11a;transform:rotate(-30deg);pointer-events:none}
.head_prem_small{opacity:.38;font-size:14px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.29;letter-spacing:normal;color:#26262a}
.page-card{border-radius:5px;padding:2.5rem;margin-top:1rem;box-shadow:0 10px 40px #0000001a;background:var(--bs-body-bg);margin-bottom:2rem}
.steps-container{position:relative;margin-bottom:3rem}
.step-indicator{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem 0 1rem;scrollbar-width:thin;scrollbar-color:var(--bs-primary) #e0e0e0;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}
.step-indicator::-webkit-scrollbar{height:6px}
.step-indicator::-webkit-scrollbar-track{background:#e0e0e0;border-radius:10px}
.step-indicator::-webkit-scrollbar-thumb{background:var(--accent-orange);border-radius:10px}
.step-indicator::-webkit-scrollbar-thumb:hover{background:#e67e22}
.step{flex:0 0 auto;background:#fff;padding:.5rem 1.5rem;border-radius:30px;font-weight:600;color:#999;border:2px solid #e0e0e0;cursor:pointer;transition:all .3s;font-size:.9rem;scroll-snap-align:start;white-space:nowrap;outline:none}
.step:hover,.step:focus-visible{border-color:var(--bs-primary)}
.step.active{border-color:var(--bs-primary)}
.step.completed{border-color:#27ae60;color:#27ae60}
.roof-type-selector{display:flex;flex-wrap:wrap;gap:1rem;margin:1.5rem 0}
.roof-type-scroll{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem 0 1rem;scrollbar-width:thin;scrollbar-color:var(--bs-primary) #e0e0e0;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}
.roof-type-scroll::-webkit-scrollbar,.choice-grid::-webkit-scrollbar{height:3px}
.roof-type-scroll::-webkit-scrollbar-track,.choice-grid::-webkit-scrollbar-track{background:#f8f9fa}
.roof-type-scroll::-webkit-scrollbar-thumb,.choice-grid::-webkit-scrollbar-thumb{background:#adb5bd;border-radius:3px}
.roof-type-option{flex:1 1 auto;min-width:120px;max-width:160px;cursor:pointer;transition:all .3s ease;text-align:center}
.roof-type-option:hover{transform:translateY(-5px)}
.roof-type-image{background:#fff;border:2px solid #e0e0e0;border-radius:15px;padding:1rem .5rem;transition:all .3s ease;margin-bottom:.5rem}
.roof-type-option.selected .roof-type-image{border-color:#1671f1;background-color:#fff;box-shadow:0 5px 15px #0c0000}
.roof-svg-icon{width:100%;height:auto;max-height:60px}
.roof-type-name{font-size:.9rem;font-weight:600;color:var(--text-dark)}
.params-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}
.param-item{margin-bottom:1rem}
.choice-grid{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem 0 1rem;scrollbar-width:thin;scrollbar-color:var(--bs-primary) #e0e0e0;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}
.choice-card{border:2px solid #e0e0e0;border-radius:15px;padding:1.5rem 1rem;text-align:center;cursor:pointer;transition:all .3s;outline:none;max-width:250px;min-width:200px;flex:1 1 auto;transition:all .3s ease}
.choice-card:hover,.choice-card:focus-visible{border-color:var(--bs-primary);box-shadow:0 5px 20px #0000001a}
.choice-card.selected{border-color:var(--bs-primary)}
.choice-card i{font-size:2.5rem;color:var(--primary-dark);margin-bottom:.5rem}
.material-card-content{border-radius:15px;height:calc(100% - 4px);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;color:var(--primary-dark)}
.material-card-content div{font-weight:800;font-size:1.2rem}
.thickness-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}
.thickness-card{border:2px solid #e0e0e0;border-radius:10px;padding:1rem;text-align:center;cursor:pointer;transition:all .3s;outline:none;position:relative;overflow:hidden}
.thickness-card:hover,.thickness-card:focus-visible{border-color:var(--bs-primary);transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}
.thickness-card.selected{border-color:var(--bs-primary);background-color:#f0f7ff}
.thickness-value{font-size:1.3rem;font-weight:700;color:var(--primary-dark)}
.thickness-card small{font-size:.7rem;color:#666;opacity:.8}
.orientation-toggle{display:flex;gap:1rem;margin:1rem 0 2rem}
.orientation-btn{flex:1;padding:1rem;border:2px solid #e0e0e0;border-radius:10px;background:#fff;font-weight:600;transition:all .3s;cursor:pointer;outline:none}
.orientation-btn:hover,.orientation-btn:focus-visible{border-color:var(--bs-primary);outline:2px solid var(--bs-primary);outline-offset:2px}
.orientation-btn.active{border-color:var(--bs-primary);background-color:#f0f7ff;color:var(--bs-primary)}
.coating-section{margin-top:2rem;padding:1.5rem;background-color:#f8f9fa;border-radius:15px}
.coating-type{margin-bottom:1.5rem}
.coating-type h6{color:var(--primary-dark);margin-bottom:.8rem}
.color-chips{display:flex;flex-wrap:wrap;gap:.8rem}
.color-chip{padding:.5rem 1rem .5rem .8rem;border:2px solid #e0e0e0;border-radius:5px;font-size:1.2rem;cursor:pointer;transition:all .3s;background:#fff;display:inline-flex;align-items:center;gap:8px;outline:none}
.color-chip.selected{border-color:var(--bs-primary);font-weight:600}
.color-dot{display:inline-block;width:16px;height:16px;border-radius:50%;border:1px solid #0000001a;box-shadow:0 2px 4px #0000001a}
.roof-fields{display:none}
.result-block{background:linear-gradient(135deg,var(--bs-body-color),var(--bs-gray-800));color:#fff;padding:2rem;border-radius:15px;margin-top:2rem}
.result-price{font-size:4rem;font-weight:800;color:#fff;text-shadow:0 0 10px #ffffff80 0 20px #ffffff4d 0 30px #fff3;display:inline-block;padding:15px 30px;background:#ffffff1a;border-radius:12px;margin-bottom:20px;letter-spacing:2px}
.result-details{background:#ffffff1a;border-radius:10px;padding:1rem;margin:1rem 0}
.schema-wrapper{background:#f8f9fa;border-radius:15px;padding:1rem;border:1px solid #e0e0e0}
.schema-svg{display:block;margin:0 auto;max-width:100%;height:auto}
.schema-dimension{transition:all .3s ease}
.schema-dimension.active{stroke:var(--bs-danger)!important;stroke-width:3px!important;filter:drop-shadow(0 0 5px #f39c1280)}
.schema-dimension-bg{transition:all .3s ease}
.schema-dimension-bg.active{fill:#f39c1233!important}
.schema-label{font-size:10px;fill:#666;transition:all .3s ease}
.schema-label-small{font-size:8px;fill:#666;transition:all .3s ease}
.schema-label.active,.schema-label-small.active{fill:var(--bs-danger);font-weight:700}
.schema-hint{font-size:.9rem;color:#666}
.visualization-container{margin-top:2rem;padding:1.5rem;background:#ffffff0d;border-radius:15px}
.visualization-title{color:var(--bs-primary);font-weight:600;margin-bottom:1rem}
.roof-canvas{display:flex;flex-direction:column;align-items:center;gap:1rem}
.roof-svg{max-width:100%;height:auto;background:#ffffff1a;border-radius:10px;padding:1rem}
.sheet-legend{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center;margin-top:1rem}
.legend-item{display:flex;align-items:center;gap:.5rem}
.legend-color{width:20px;height:20px;border-radius:4px}
.legend-color.main{background-color:#3498db;opacity:.3;border:2px solid #3498db}
.legend-color.hip{background-color:#2ecc71;opacity:.3;border:2px solid #2ecc71}
.legend-color.sheet{background-color:transparent;border:2px dashed var(--bs-primary)}
@keyframes shake-rotate {
0%,100%{transform:translateX(0) rotate(0deg)}
10%,90%{transform:translateX(-3px) rotate(-1deg)}
20%,80%{transform:translateX(5px) rotate(2deg)}
30%,70%{transform:translateX(-7px) rotate(-2deg)}
40%,60%{transform:translateX(7px) rotate(2deg)}
50%{transform:translateX(-5px) rotate(-1deg)}
}
.btn-shake-rotate{animation:shake-rotate .5s ease-in-out;animation-iteration-count:2}
.catalog-section{padding:2rem 0 3rem}
.page-title{font-size:2rem;font-weight:700;color:var(--primary-dark);margin-bottom:1.5rem}
.nav-scroller{position:relative;z-index:2;height:2.75rem;overflow-y:hidden}
.nav-scroller .nav{display:flex;flex-wrap:nowrap;padding-bottom:1rem;margin-top:-1px;overflow-x:auto;text-align:center;white-space:nowrap;-webkit-overflow-scrolling:touch}
.toggle-nav-view{text-decoration:underline}
.toggle-nav-view.active{font-weight:700}
.view-container{transition:opacity .3s ease,transform .3s ease;opacity:1;transform:translateY(0)}
.view-container.fade-out{opacity:0;transform:translateY(10px);pointer-events:none}
.view-container.fade-in{opacity:1;transform:translateY(0)}

.row.flex-nowrap{overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.row.flex-nowrap::-webkit-scrollbar{height:4px}
.row.flex-nowrap::-webkit-scrollbar-track{background:#e9ecef;border-radius:4px}
.row.flex-nowrap::-webkit-scrollbar-thumb{background:var(--bs-primary);border-radius:4px}
.flex-grow-1{flex-grow:1}
@media (max-width: 767px) {
.d-flex.flex-column{gap:1rem}
}
@media (min-width: 768px) {
.row.flex-md-wrap{overflow-x:visible!important;flex-wrap:wrap!important}
.flex-md-grow-0{flex-grow:0!important;flex-shrink:1!important}
}
.product-card{background:#fff;border:1px solid var(--bs-gray-200);border-radius:12px;overflow:hidden;height:100%;transition:all .2s;display:flex;flex-direction:column;position:relative}
.product-card:hover{box-shadow:0 4px 12px #00000014}
.product-image{position:relative;aspect-ratio:1/1;background-color:var(--bs-gray-100);border-bottom:1px solid var(--bs-gray-200)}
.product-image img{width:100%;height:100%;object-fit:cover}
.product-badge{position:absolute;top:8px;right:8px;background-color:var(--bs-primary);color:#fff;padding:3px 8px;border-radius:10px;font-size:.75rem;font-weight:500}
.product-badge.warning{background-color:var(--bs-yellow);color:#000}
.product-badge.instock{background-color:#32cb41}
.product-badge.success{background-color:#28a745;color:#fff;animation:none}
.product-content{padding:1rem;flex:1;display:flex;flex-direction:column}
.product-title{font-weight:700;margin-bottom:.5rem;color:var(--primary-dark);line-height:normal}
.product-description{color:#6c757d;margin-bottom:.75rem}
.product-price{font-weight:700;color:var(--bs-black);margin-top:auto;font-size:1.2rem}
.product-price small{font-size:.8rem;color:#6c757d;font-weight:400}
.product-colors-badge{background:linear-gradient(135deg,#f10858,#5600ff);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:.9rem}
.product-specs{font-size:.85rem;color:#6c757d;margin-bottom:.5rem}
.product-specs i{margin-right:.25rem;color:var(--bs-primary)}
.product-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;color:#6c757d}
.product-meta i{margin-right:.25rem;color:var(--bs-primary)}
.featured-card{background:#fff;border:1px solid var(--bs-tertiary-bg);border-radius:12px;overflow:hidden;height:100%;display:flex;flex-direction:column}
.featured-image{width:100%;aspect-ratio:4/3;background-color:var(--bs-gray-200);position:relative}
.featured-image img{width:100%;height:100%;object-fit:cover}
.featured-content{flex:1}
.featured-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--primary-dark)}
.featured-text{color:#6c757d;line-height:1.6;margin-bottom:1.5rem}
.featured-price{font-size:1.8rem;font-weight:700;color:var(--bs-primary);margin-bottom:1.5rem}
.featured-price small{font-size:1rem;color:#6c757d;font-weight:400}
.catalog-block{margin-bottom:3rem}
.block-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--primary-dark);position:relative;padding-bottom:.5rem}
.block-title:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background-color:var(--bs-primary)}
.gradient-overlay{position:absolute;bottom:0;left:0;width:100%;padding:2rem;background:linear-gradient(0deg,#000c 0%,#0000 100%);color:#fff}
.product-markdown-ribbon{position:relative;overflow:hidden;border:1px solid var(--bs-yellow)}
.product-markdown-ribbon::before{content:"скидка";position:absolute;top:20px;left:-30px;background:var(--bs-orange);color:#fff;padding:5px 40px;transform:rotate(-45deg);font-size:.8rem;font-weight:700;letter-spacing:1px;box-shadow:0 2px 5px #0003;z-index:10}
.product-markdown-ribbon .product-image{position:relative;z-index:1}
.horizontal-scroll-container{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:10px;cursor:grab;scroll-behavior:auto;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.horizontal-scroll-container.active{cursor:grabbing;scroll-behavior:auto}
.horizontal-scroll-container:active{cursor:grabbing}
.horizontal-scroll-container::-webkit-scrollbar{height:8px}
.horizontal-scroll-container::-webkit-scrollbar-track{background:#e9ecef;border-radius:10px}
.horizontal-scroll-container::-webkit-scrollbar-thumb{background:var(--bs-primary);border-radius:10px;cursor:pointer}
.horizontal-scroll-container::-webkit-scrollbar-thumb:hover{background:#0b5ed7}
.scroll-track{display:flex;gap:1rem;padding:.25rem 0 .5rem;width:max-content;min-width:100%;pointer-events:auto}
.scroll-card{flex:0 0 auto;width:250px;transition:transform .2s ease;pointer-events:auto}
.scroll-card:hover{transform:translateY(-2px)}
.horizontal-scroll-container.active .scroll-card:hover{transform:none}
.scroll-hint{animation:fadeInOut 2s infinite}
@keyframes fadeInOut {
0%{opacity:.5}
50%{opacity:1}
100%{opacity:.5}
}
.product-page{padding:2rem 0 4rem}
.product-page .main-image{width:100%;aspect-ratio:4/3;border-radius:12px;overflow:hidden;margin-bottom:1rem;position:relative}
.product-page .main-image img{width:100%;height:100%;transition:opacity .3s ease}
.product-page h1 span{display:block;font-size:1.5rem;font-weight:400;color:var(--bs-gray-900);margin-top:.5rem}
.product-page .price-block{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid var(--bs-gray-300);display:flex;flex-wrap:wrap;align-items:baseline;gap:0 15px}
.product-page .price-per-m2{font-size:2.5rem;font-weight:700;color:var(--bs-primary);line-height:1.2}
.product-page .price-per-m2 small{font-size:1rem;color:#6c757d;font-weight:400}
.product-page .price-per-m{font-size:1.2rem;color:#6c757d;margin-top:.5rem}
.product-page .price-per-m strong{color:var(--primary-dark);font-weight:600}
.color-title{font-weight:600}
.color-chips{display:flex;flex-wrap:wrap;gap:.8rem}
.color-chip,.coating-type-card,.product-page .thickness-card{padding:.5rem .8rem;border:1px solid #e0e0e0;font-size:.9rem;border-radius:5px;cursor:pointer;transition:all .3s;background:#fff;display:inline-flex;align-items:center;gap:8px;outline:none}
.color-chip:hover,.coating-type-card:hover,.product-page .thickness-card:hover{border-color:var(--bs-primary);transform:translateY(-2px)}
.color-chip.selected,.coating-type-card.selected,.product-page .thickness-card.selected{border-color:var(--bs-primary);background-color:#f0f7ff;font-weight:600}
.color-dot{display:inline-block;width:22px;height:22px;border-radius:50%;border:1px solid #0000001a;box-shadow:0 2px 4px #0000001a}
.product-page .option-item_section{background-color:none;border-radius:0;border-left:0;padding:0}
.product-page .option-item_title{font-weight:600}
.product-page .option-item_grid{display:flex;flex-wrap:wrap;gap:.8rem}
.product-page .option-item_card{padding:.5rem .8rem;border:1px solid #e0e0e0;font-size:.9rem;border-radius:5px;cursor:pointer;transition:all .3s;background:#fff;display:inline-flex;align-items:center;gap:8px;outline:none}
.product-page .option-item_card_value{font-size:inherit;font-weight:inherit;color:var(--primary-dark)}
.product-page .option-item_card.selected{border-color:var(--bs-primary);background-color:#f0f7ff;font-weight:600}
.product-page .option-item_card.disable{opacity:.4;cursor:not-allowed}
.product-page .option-item_card:not(.disable):hover{border-color:var(--bs-primary);transform:translateY(-2px)}
.related-products{margin-top:4rem}
.section-title{font-size:1.8rem;font-weight:700;margin-bottom:2rem;color:var(--primary-dark);position:relative;padding-bottom:.5rem}
.section-title:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background-color:var(--bs-primary)}
.product-card{background:#fff;border:1px solid var(--bs-gray-300);border-radius:12px;overflow:hidden;height:100%;transition:all .2s;display:flex;flex-direction:column}
.product-card:hover{box-shadow:0 4px 12px #00000014}
.product-image{position:relative;aspect-ratio:4/3;background-color:var(--bs-white);border-bottom:1px solid var(--bs-gray-300)}
.product-image img{width:100%;height:100%;object-fit:cover}
.product-content{padding:1rem;flex:1;display:flex;flex-direction:column}
.product-title-card{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--primary-dark)}
.product-price-card{font-weight:700;color:var(--bs-primary);margin-top:auto;font-size:1.2rem}
.properties_item{position:relative;word-break:break-word}
.properties_item_title{display:inline;color:var(--bs-gray)}
.properties_item_value{display:inline;color:var(--bs-black)}
.tabs-block{padding:1.5rem;margin:2rem 0}
.nav-tabs{border-bottom:2px solid var(--bs-gray-300);margin-bottom:1.5rem}
.nav-tabs .nav-link{border:none;color:#6c757d;font-weight:600;padding:.75rem 1.5rem;margin-right:.5rem;background:none;transition:all .2s}
.nav-tabs .nav-link:hover{color:var(--bs-primary);border:none;background:none}
.nav-tabs .nav-link.active{color:var(--bs-primary);border:none;border-bottom:3px solid var(--bs-primary);background:none}
.tab-content{padding:1rem 0}
.tab-content ul,.tab-content ol{padding-left:1.5rem}
.tab-content li{margin-bottom:.5rem}
@media (max-width: 991px) {
.offcanvas.text-bg-dark .navbar-nav .nav-link,.offcanvas.text-bg-dark .navbar-nav .nav-link .dropdown-menu .dropdown-item{color:var(--bs-white)!important;font-size:1.5rem}
.offcanvas.text-bg-dark .dropdown-menu{background-color:RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1))!important}
.offcanvas.text-bg-dark .dropdown-item{color:var(--bs-white)!important;margin-left:1.75rem;padding:.45rem 0}
.offcanvas .dropdown-item:hover,.offcanvas .dropdown-item:focus{background-color:RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1))!important;color:#fff!important}
.offcanvas.text-bg-dark .dropdown-item i{margin-right:.5rem}
.phone-link{color:var(--bs-white)!important}
.menu-contact{flex-direction:column;border-top:1px solid var(--bs-gray-600);padding-top:1rem;margin-top:2rem}
.menu-contact .btn{width:100%;margin:1rem}
}
@media (max-width: 768px) {
.hero{padding:3rem 0}
.hero-calc .calcH1,.hero-calc .hero-text{text-align:center}
.hero h1,.hero-calc .calcH1{font-size:2.2rem}
.featured-title{font-size:1.3rem}
.gradient-overlay{padding:1rem}
.product-colors-badge{font-size:.8rem}
.calculator-card{padding:1.5rem}
.page-card{padding:.5rem .5rem 2rem}
.product-page{padding:1rem 0 4rem}
.product-title{font-size:1rem;font-weight:700;line-height:normal}
.product-page h1 span{font-size:1rem}
.product-content{padding:.5rem}
.product-meta{gap:.45rem}
.price-per-m2{font-size:2rem}
.nav-tabs .nav-link{padding:.5rem 1rem;font-size:.9rem}
.price-block{padding:1rem}
.selected-params{font-size:.8rem}
.color-chips{gap:.5rem}
.color-chip,.product-page .option-item_card{padding:.5rem;border:1px solid #b9b9b9;font-size:.8rem;border-radius:5px;cursor:pointer;transition:all .3s;background:#fff;display:inline-flex;align-items:center;gap:8px;outline:none}
.step{font-size:.8rem;padding:.5rem 1rem}
.step-indicator{gap:.3rem}
.params-grid{grid-template-columns:1fr;gap:.5rem}
.result-block{padding:1rem}
.result-price{font-size:2.5rem;width:100%}
}
@media (max-width: 576px) {
.scroll-card{width:220px}
}