*{margin:0;padding:0;font-family:Arial,Times New Roman,Times,serif;-webkit-tap-highlight-color:transparent}html{overflow-x:hidden;overflow:hidden;height:100%;width:100%}body{height:100%;width:100%;background-color:#fff;color:#333;font-size:1rem;font-weight:600;-webkit-overflow-scrolling:touch;overflow:hidden;display:flex;flex-direction:column}button{padding:.6rem 1.5rem;text-align:center;background-color:#fff;color:#000;border:2px solid #333;border-radius:8px;font-weight:600;font-size:.8rem;cursor:pointer;transition:all .2s ease-in-out;min-height:44px;min-width:44px}button:hover{background-color:#333;color:#fff;transform:scale(1.05)}button:active{transform:scale(.95)}button.selected{background-color:#333;color:#fff;transform:scale(1.05)}.header{padding:0;margin:0;display:flex;align-items:center;justify-content:space-between;overflow:hidden;height:10vh;min-height:60px;background-color:#fff;flex-shrink:0}.headerLeft{flex:1;display:flex;align-items:center}.headerNavigation{flex:2;display:flex;justify-content:center;align-items:center;height:100%}.headerRight{flex:1;display:flex;justify-content:flex-end;align-items:center;padding-right:20px}.headerImg{margin:0;padding:0;height:60%;max-height:150px;width:auto;cursor:pointer;object-fit:contain}.headerButton{height:50%;padding:0;background-color:#fff;color:#000;border:none;border-radius:6px;cursor:pointer}.headerButton:hover{background-color:#fff;color:#000;transform:scale(1)}.headerItem{width:8vw;min-width:60px;max-width:70px;padding:0 2rem;font-size:80%;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.2s ease-in-out}.headerItem:hover{padding-bottom:1vh;box-shadow:0 4px 6px -2px #000}.headerItem.active{box-shadow:0 4px 4px -2px #000}.mainLayout{flex:1;overflow:hidden;background-color:#fff;min-height:0}input[type=number],input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;-moz-appearance:textfield}.footer{height:10vh;min-height:60px;background-color:#1f2937;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:0 2rem;font-size:.9rem;gap:.5rem;flex-shrink:0}.footer-section{flex:1 1 auto;color:#f4f4f6!important;display:flex;align-items:center;min-width:0}.footer-section.left{justify-content:flex-start;text-align:left}.footer-section.center{justify-content:center;text-align:center}.footer-section.right{justify-content:flex-end;text-align:right}.footerImg{max-height:50px;max-width:180px;width:auto;object-fit:contain;display:block;transform:translate(-50%)}.footerButton{padding:0;margin:0;background-color:transparent;border:none;color:#fff;font-size:1rem;cursor:pointer}.footerButton:hover{text-decoration:underline}.workignImg{width:100%;height:auto;display:block;position:relative}.workingText{display:flex;flex-direction:column;align-items:center;position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);color:#fff}@media (max-width: 1024px){.header{height:8vh;min-height:50px;padding:0 .5rem}button{padding:.4rem 1rem;min-height:40px;min-width:40px}.headerImg{max-height:60px}.headerLeft{flex:0 1 auto;min-width:0}.headerNavigation{flex:1 1 auto;margin-left:10px;width:auto;gap:.5rem}.headerRight{flex:0 1 auto;min-width:0;padding-right:10px}.headerItem{margin:0;padding:0 1rem;min-width:10px;max-width:70px;font-size:.5rem}.headerButton{height:40px}.headerButton svg{width:16px;height:16px}.footer{display:flex;flex-direction:column;justify-content:center;align-items:center;height:auto;min-height:80px;gap:.3rem;padding:.5rem}.footer-section{justify-content:center!important;text-align:center;width:100%;flex:none}.footerImg{max-height:30px;max-width:90px;margin:0 auto;transform:translate(0)}.footerButton{font-size:.8rem}}.constructor{position:absolute;top:10%;left:200px;z-index:1;width:calc(100% - 200px);height:89.6vh;display:flex;flex-direction:column;border:1px solid #e0e0e0;overflow:hidden}.constructorContent{flex:1;display:flex;justify-content:center;align-items:flex-end;background:#fff;position:relative}.constructorContainer{display:flex;justify-content:center;align-items:flex-end;width:100%;padding-bottom:8vh}.doorConture{position:relative;z-index:2;box-sizing:border-box}.constructorDoor{display:flex;margin:auto;box-sizing:border-box;position:relative;z-index:1}.doorSection{flex:1;height:100%;cursor:pointer;box-sizing:border-box;position:relative;overflow:hidden}.doorSection:before{content:"";position:absolute;left:50%;bottom:50%;transform:translate(-50%) translateY(50%);width:1.2vw;height:.2vh;background-color:#333;border-radius:1px;opacity:0;transition:ease-in-out .1s}.doorSection:after{content:"";position:absolute;left:50%;bottom:50%;transform:translate(-50%) translateY(50%);width:.2vh;height:1.2vw;background-color:#333;border-radius:1px;opacity:0;transition:ease-in-out .1s}.doorSection:hover:before,.doorSection:hover:after{opacity:1}.constructorFooter{width:100%;height:10vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f9fafb;border-top:1px solid #e5e7eb;overflow:hidden;scrollbar-width:thin;scrollbar-color:#f4a621 #fff}.constructorFooter::-webkit-scrollbar{width:8px}.constructorFooter::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:6px}.constructorFooter::-webkit-scrollbar-track{background-color:#f1f5f9}.constructorInfo{width:100%;display:flex;flex-wrap:wrap;gap:.5rem;background:#fff;flex-shrink:0;padding:0 .2rem}.constructorInfoText{flex:1 1 40%;min-width:160px;font-size:.9rem;font-weight:500;color:#1f2937;background-color:#f9fafb;padding:1rem .6rem;border-radius:6px}.constructorInfoButtons{display:flex;justify-content:center;align-items:center;width:100%;position:relative;gap:2rem;background-color:#f9fafb}.constructorInfoButtons>.constructorButton.add{position:absolute;right:2rem}.constructorInfoChangeButtons{display:flex;gap:.5rem;justify-content:center}.constructorButton{font-size:.75rem!important;font-weight:600;background-color:#fff;color:#000;padding:.3rem 1rem!important;border:2px solid #222;border-radius:6px;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 1px 2px #0000000d;min-height:unset!important;min-width:unset!important}.constructorButton:hover{background-color:#333;color:#fff;transform:scale(1.05)}.constructorButton:active{transform:scale(.95)}.constructorButton.add:hover{background-color:#f4a621}.changeButton{width:100px}.constructorFloor{position:absolute;bottom:-1vh;left:0;width:100%;height:15vh;background-color:#848789;z-index:0}.sectionTypeInput{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;position:absolute;top:5%;left:5%;z-index:10;padding:1vh 1.5vh;background:#fffb;border-radius:6px;box-shadow:0 2px 8px #00000005;gap:.75em;accent-color:#4d5396}.sectionTypeInput label{color:#222;display:flex;align-items:center;gap:.5em;font-size:.75em;white-space:nowrap;text-align:left;width:100%;padding:0;margin:0}.sectionTypeInput input[type=radio]{margin:0;padding:0}@media (max-width: 1024px){.constructor{left:0;width:100%;height:calc(100dvh - 10.4vh - 165px);max-height:calc(89.6vh - 165px);top:10.4vh;display:flex;flex-direction:column}.constructorContent{flex:1;align-items:flex-end;overflow:visible;min-height:82%}.constructorContainer{padding-bottom:3vh;width:100%;height:82%;transform-origin:bottom center}.doorConture{height:100%;max-height:100%}.constructorDoor{height:100%!important}.doorSection:before{width:2.5vw}.doorSection:after{height:2.5vw}.constructorFooter{position:relative;bottom:-1vh;left:0;right:0;height:20vh;min-height:50px;padding:1rem 0;justify-content:center;z-index:auto;border-top:2px solid #e5e7eb;background-color:#f9fafb;margin:0}.constructorInfo{gap:0}.constructorInfoText{display:none}.constructorInfoButtons{justify-content:center;padding:0;gap:0;margin:0}.constructorInfoButtons>.constructorButton.add{position:static;right:auto}.constructorInfoChangeButtons{display:none}}.axisX{height:.1vh;background-color:#000;display:flex;justify-content:center;align-items:center;z-index:2;width:98%;position:absolute;bottom:-1.4rem;left:1%}.axisX:before,.axisX:after{content:"";width:0;height:0;border:.6vh solid transparent;position:absolute;top:50%;transform:translateY(-50%)}.axisX:before{border-right:8px solid #4d5396;left:-1vh}.axisX:after{border-left:8px solid #4d5396;right:-1vh}.axisX.total{top:-1.5rem;z-index:2}.axisX .axisLabel{position:absolute;bottom:-20px}.axisY{width:1px;background:#000;height:100%;position:relative;left:1rem}.axisY.total .axisLabel{transform:translateY(-50%)}.axisY:before,.axisY:after{content:"";width:0;height:0;border:.6vh solid transparent;position:absolute;left:50%;transform:translate(-50%)}.axisY:before{border-bottom:8px solid #4d5396;top:-1%;z-index:999}.axisY:after{border-top:8px solid #4d5396;bottom:-1%}.axisY .axisLabel{position:absolute;transform:rotate(90deg) translate(-50%);transform-origin:left top;top:50%;left:20px;white-space:nowrap}.axisLabel{padding:0;color:#4d5396;font-weight:500}.axisDescription{position:absolute;bottom:-2.2rem;right:-5rem;width:4rem;font-size:.7rem;color:#333;font-weight:600}.sectionAxisX{position:absolute;bottom:-1rem;left:0;width:100%;height:.1vh;background-color:#000;z-index:1}.sectionAxisX:before,.sectionAxisX:after{content:"";width:0;height:0;border:.6vh solid transparent;position:absolute;top:50%;transform:translateY(-50%)}.sectionAxisX:before{border-right:8px solid #4d5396;left:-1vh}.sectionAxisX:after{border-left:8px solid #4d5396;right:-1vh}.sectionAxisX .sectionAxisLabel{background-color:#848789}.sectionAxisY{position:absolute;top:0;left:-3rem;width:.1vh;height:100%;background-color:#000;z-index:10}.sectionAxisY:before,.sectionAxisY:after{content:"";width:0;height:0;border:.6vh solid transparent;position:absolute;left:50%;transform:translate(-50%)}.sectionAxisY:before{border-bottom:8px solid #4d5396;top:-1vh}.sectionAxisY:after{border-top:8px solid #4d5396;bottom:-1vh}.sectionAxisY .sectionAxisLabel{background-color:#e3e2e2e7}.sectionAxisLabel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:0 .4vh;font-weight:500;color:#4d5396;font-size:.8rem;white-space:nowrap;z-index:11}@media (max-width: 1024px){.axisX{bottom:-.9rem;z-index:10}.axisX.total{top:-1.8rem;z-index:10}.axisX .axisLabel{position:absolute;bottom:-7px;background-color:#848789}.axisY{left:.5rem;z-index:10}.axisLabel{font-size:.7rem}.sectionAxisX{bottom:-.6rem}.sectionAxisLabel{font-size:.65rem}.axisDescription{bottom:-.8rem}}.navigationPanel{position:absolute;left:80px;z-index:3;border:1px solid #ccc;background:#fff;width:280px;height:89.6vh;text-align:center;overflow-y:auto}.navigationPanel::-webkit-scrollbar{width:8px;height:8px}.navigationPanel::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}.navigationPanel::-webkit-scrollbar-thumb{background-color:#f4a621;border-radius:10px;border:2px solid #f0f0f0}.navigationPanel::-webkit-scrollbar-thumb:hover{background-color:#d88e10}.navigationPanel{scrollbar-width:thin;scrollbar-color:#f4a621 #f0f0f0}.navigationPanelList{list-style:none;padding:0;margin:0}.cardContainer{display:flex;flex-direction:column;align-items:center;width:10vw;margin:7vh auto;background:linear-gradient(to left,#222,#444);border:2px solid #000;border-radius:4px;cursor:pointer;position:relative}.cardContainer:hover .card{transform:translateY(-4vh)}.cardContainer:active .card{transform:scale(.95)}.cardContainer:active .cardComponents{opacity:0}.card{width:100%;height:19vh;border:2px solid #777;border-radius:4px;overflow:hidden;transition:transform .3s ease-in-out;transform:translateY(-3vh)}.cardImage{width:100%;height:100%;object-fit:cover;display:block}.cardComponents{display:flex;justify-content:space-evenly;align-items:center;width:100%;position:absolute;bottom:0;left:0;opacity:1;transition:opacity .3s ease-in-out}.cardTitle{width:auto;overflow:hidden;color:#fff;text-align:center;font-size:.9rem}.text-disabled{color:#aaa}.navigationPanelSelector{margin:.5rem 0 0}.navigationPanelSelector button{margin:0 .5rem;padding:0;width:4rem;height:2rem}.profileColorList{display:flex;flex-direction:row;gap:1rem;padding:.5rem 0rem;margin:.5rem 0;list-style:none;justify-content:center;align-items:center;flex-wrap:wrap}.profileColorButton{padding:0!important;font-size:.8rem!important;min-width:50px}.mountTypeToggle{display:flex;flex-direction:column;justify-content:center;margin:1rem auto}.navigationPanelText{margin:.5rem 0}.toggleButton{margin:0;padding:.6rem 1.5rem;text-align:center;background-color:#fff;color:#000;border:2px solid #f4a621;border-radius:8px;font-weight:600;font-size:.8rem;cursor:pointer;transition:all .2s ease-in-out}.toggleButton:hover{background-color:#f4a621;color:#fff;transform:scale(1.05)}.toggleButton:active{transform:scale(.95)}.dimensionsForm{margin:20% auto;display:flex;flex-direction:column;align-items:center}.inputGroup h2{margin:.5rem 0;color:#333;font-size:1rem}.inputWithButtons{display:flex;align-items:center;gap:.5rem}.inputWithButtons input{width:6rem;padding:.5rem;font-size:1rem;text-align:center;border:2px solid #333;border-radius:8px;background-color:#fff;color:#333;transition:border-color .2s ease,box-shadow .2s ease}.inputWithButtons input:focus{outline:none;border-color:#333;box-shadow:0 0 5px #f4a62180}.inputWithButtons button{padding:.3rem .6rem;font-size:1rem;font-weight:700;color:#fff;background-color:#333;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease-in-out;min-height:auto;min-width:auto}.sectionDimensions{margin:4vh auto;padding:1rem 1.5rem;border:#333 1px solid;border-radius:2vh;max-width:100%;overflow-x:hidden;box-sizing:border-box}.navigationPanelNoItem{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%}.handlePanelText{font-size:1.2rem;padding:2rem;font-weight:600;max-width:80%;text-align:center;background:linear-gradient(to bottom,#000,#999);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.handlesPanel{display:flex;flex-direction:column;padding:12px 16px;background:#f8f9fb;border-radius:10px;box-shadow:0 1px 3px #0000001a;margin-bottom:12px}.handlesLabel{font-size:.75rem;font-weight:600;color:#333;margin-bottom:8px}.handlesControls{display:flex;flex-direction:column;gap:12px;align-items:center}.handlesNumber{width:15%;padding:6px 8px;border:1px solid #ccc;border-radius:6px;font-size:.9rem;outline:none;transition:border-color .2s,box-shadow .2s}.handlesSlider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:80%;height:6px;background:linear-gradient(to right,#bfbfbf,#1b1b1b);border-radius:4px;outline:none;cursor:pointer;transition:all .2s}.handlesSlider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#1b1b1b;cursor:pointer;transition:all .2s}.handlesSlider::-webkit-slider-thumb:hover{background:#fbb001}.handlesValue{text-align:center;font-size:.9rem;color:#555;font-weight:500}@media (max-width: 1024px){.navigationPanel{position:fixed;left:0;bottom:70px;width:100%;height:95px;max-height:95px;border:none;border-top:1px solid #ccc;box-shadow:0 -2px 10px #0000001a;z-index:999;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.navigationPanel:has(.dimensionsForm){overflow-x:hidden!important;overflow-y:auto}.navigationPanel:has(.handlesPanel){overflow-y:auto}.colorPanel{overflow-y:auto!important;overflow-x:hidden!important}.typePanel{overflow-x:hidden!important}.navigationPanel::-webkit-scrollbar{height:6px}.navigationPanel .navigationPanelList{display:flex;flex-direction:row;gap:.5rem;padding:.4rem;height:100%;align-items:center;justify-content:flex-start;overflow-x:auto;margin:0}.navigationPanel:not(.colorPanel):not(.typePanel):not(.modelPanel):not(:has(.dimensionsForm)):not(:has(.handlesPanel)) .navigationPanelList{justify-content:center}.colorSection{margin:0;display:flex;flex-direction:column;align-items:center}.colorSection .navigationPanelText{font-size:.7rem;margin:0}.colorSection .navigationPanelList{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.4rem;padding:0;justify-content:center;overflow-x:auto;width:100%}.colorSection .profileColorList{justify-content:center;overflow-x:visible}.profileColorList{gap:.3rem;padding:.2rem .4rem}.profileColorButton{padding:.2rem .5rem!important;font-size:.6rem!important;margin:0 .15rem!important;width:auto!important;height:20px!important;min-width:50px!important;min-height:20px!important;max-height:24px!important;line-height:1.2!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.typePanelSection{margin-bottom:.1rem}.typePanelSection .navigationPanelText{margin:.15rem 0;font-size:.6rem}.typePanelSection.navigationPanelSelector{margin:.15rem 0}.typePanel .typePanelSection.navigationPanelSelector button{padding:.2rem .5rem!important;font-size:.6rem!important;margin:0 .15rem!important;width:auto!important;height:16px!important;min-width:50px!important;min-height:16px!important;max-height:24px!important;line-height:1.2!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.typePanelSection .navigationPanelList{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.3rem;padding:.15rem;justify-content:flex-start;overflow-x:auto;width:100%}.typePanel .cardContainer{width:80px;min-width:80px;margin:0 auto}.typePanel .card{height:75px}.colorPanel .cardContainer{width:50px;min-width:50px;margin:0 auto}.colorPanel .card{height:40px}.modelPanelSection{margin-bottom:.3rem}.modelPanelSection .navigationPanelList{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.4rem;padding:.3rem;justify-content:flex-start;overflow-x:auto}.cardContainer{width:80px;min-width:80px;margin:0;flex-shrink:0;border:none;background:transparent;opacity:1}.card{height:75px;transform:translateY(0);border:2px solid #000}.cardImage{height:100%}.cardContainer:hover .card{transform:translateY(-2px)}.cardComponents{bottom:-5px;opacity:0;transition:opacity .3s ease-in-out}.cardContainer.selected .cardComponents{opacity:1}.navigationPanel:has(.handlesPanel) .cardContainer.selected .cardComponents{opacity:0}.cardTitle{font-size:.75rem;display:none}.text-disabled{display:none}.navigationPanelSelector{margin-bottom:10px}.navigationPanelText{margin:.6rem 0}.toggleButton{padding:.5rem 1rem;font-size:.75rem}.dimensionsForm{margin:0 auto;width:100%;max-width:95%;padding:.3rem;overflow-x:hidden}.inputWithButtons{gap:.15rem}.inputWithButtons input{width:3rem;padding:.2rem;font-size:.6rem}.inputWithButtons button{padding:.15rem .35rem;font-size:.7rem;min-width:25px;min-height:25px}.inputGroup{margin:.5rem 0}.inputGroup h2{font-size:.7rem;margin:.2rem 0}.sectionDimensions{padding:.4rem .6rem;margin:1vh auto}.handlesLabel{font-size:.75rem}.handlesNumber,.handleValue{font-size:.7rem}.handlesSlider{width:85%}}.navigationBar{margin:0;padding:0;width:80px;min-width:80px;max-width:800px;background-color:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;font-size:.9rem}.navigationItem{display:flex;flex-direction:column;justify-content:center;align-items:center;height:15vh;width:100%;cursor:pointer;transition:background-color .2s ease-in-out}.navigationItem:hover,.navigationItem.active{background-color:#333;color:#fff;transition:ease-in-out .2s}@media (max-width: 1024px){.navigationBar{position:fixed;bottom:0;left:0;right:0;max-width:100%;width:100%;height:70px;border-right:none;border-top:1px solid #e0e0e0;z-index:1001;flex-direction:row;box-shadow:0 -2px 10px #0000001a}.navigationItem{flex:1;height:100%;width:auto;padding:.5rem;font-size:.75rem}.navigationItem svg{width:24px;height:24px}}@media (max-width: 360px){.navigationBar{height:50px}.navigationItem svg{width:18px;height:18px}}.cartLayout{background:linear-gradient(135deg,#f4f4f6,#f3f3fb);height:80vh;display:flex;margin:0}@media (max-width: 1024px){body{overflow-y:auto!important;min-height:100vh!important;display:flex!important;flex-direction:column!important}html{overflow-y:auto!important;height:100%!important}.cartLayout{flex-direction:column;height:auto;min-height:79.6vh;padding:1rem}.tableWrapper{width:100%;margin:1rem 0;order:-1}}.orderTable{margin:auto 2%;width:100%;border:1px solid #ccc;border-radius:12px;border-collapse:separate;border-spacing:0;background-color:#fff;box-shadow:0 4px 12px #0000001a;table-layout:fixed}.orderTable thead{display:table;width:100%;table-layout:fixed}.orderTable tbody{display:block;max-height:70vh;overflow-y:auto;overflow-x:hidden;width:100%}.orderTable tbody tr{display:table;width:100%;table-layout:fixed}.orderTable tbody::-webkit-scrollbar{width:6px}.orderTable tbody::-webkit-scrollbar-thumb{background:#f4a621;border-radius:8px}.orderTable tbody::-webkit-scrollbar-track{background:#f5f5f5}.orderTableRow th,.orderTableRow td{font-size:.8rem;border-bottom:1px solid #e0e0e0;padding:.5rem 0;text-align:center;color:#333}.orderTableRow:last-child th,.orderTableRow:last-child td{border-bottom:none}.orderTableHead{word-wrap:break-word;white-space:normal;overflow-wrap:break-word;min-width:300px;font-weight:600;background-color:#f5f5f5;color:#555}.tableWrapper{width:50%;overflow-x:auto;margin:2% 0}.orderInput{padding:.5rem;text-align:center;width:5%;border-radius:6px;border:1px solid #ccc;outline:none;font-size:.8rem;transition:border-color .2s ease-in-out}.orderInput:focus{border-color:#f4a621}.saveButton{max-width:100x;font-size:.8rem!important;padding:.35rem .5rem!important;min-height:unset!important;min-width:120px!important}.tableSubmitButton{max-width:120px;font-size:.8rem!important;padding:.35rem .5rem!important;min-height:unset!important;min-width:unset!important}@media (max-width: 1024px){.orderTable{margin:0;font-size:.85rem}.orderTable tbody{max-height:100vh}.orderTableRow th,.orderTableRow td{font-size:.4rem;padding:.5rem .3rem}.orderTableRow th:first-child,.orderTableRow td:first-child{min-width:120px;max-width:150px;word-wrap:break-word;white-space:normal;text-align:left;padding-left:.5rem}.orderTableHead{min-width:120px;font-size:.65rem;font-weight:600}.orderTable tbody tr:last-child{display:flex;justify-content:space-between;align-items:center}.orderTable tbody tr:last-child td:first-child{flex:0 0 auto}.orderTable tbody tr:last-child td:last-child{flex:0 0 auto;text-align:right!important;padding-right:.5rem!important}.orderTable tbody tr:last-child td:last-child h3{font-size:.7rem;margin:0}.orderInput{width:50px;font-size:.65rem;padding:.3rem}.saveButton{margin:0 .3rem 0 0;font-size:.65rem!important}}.table{width:100%;border-collapse:separate;border-spacing:0;background-color:#fff;box-shadow:0 2px 8px #00000014;border-radius:8px;transition:all .3s ease;table-layout:fixed;max-height:80vh;overflow:auto}table td,table th{border:1px solid transparent}.tableHeaderRow{display:table;width:100%;table-layout:fixed}.tableHeaderRow th{width:20%;background-color:#f0f0f0;color:#495057;font-weight:600;font-size:.75rem;text-transform:uppercase;text-align:center;padding:1vh .5vw;height:7vh}.tableBody{display:block;max-height:60vh;overflow-y:auto}.tableBody::-webkit-scrollbar{width:3px}.tableBody::-webkit-scrollbar-thumb{background:#f4a621;border-radius:8px}.tableDataRow{display:table;width:100%;height:10vh!important;table-layout:fixed}.tableDataRow td{text-align:center;font-size:.8rem;color:#212529;border-bottom:1px solid #f1f1f1;transition:background-color .2s;height:3vh}.tableDataRow li{font-size:.8rem}.tableItemButton{padding:0;border:none;background-color:transparent}.tableItemButton:hover{background-color:transparent;color:#f4a621;transform:scale(1.1)}.tableItemButton:active{transform:scale(.9)}.tableButton{padding:0;border:none;border-radius:0;background-color:transparent}.tableButton:hover{background-color:transparent;transform:scale(1.1);color:#000}.tableButton:active{transform:scale(.9)}.tableDataRow:nth-child(2n) td{background-color:#f8f9fa}.tableDataRow:hover td{background-color:#e9ecef!important}.tableFooterRow{width:97.9%;height:6vh;background-color:#f0f0f0;padding:2vh .5vw;display:flex;align-items:flex-end;justify-content:space-between}.tableFooterRow td{padding:1vh 2vh 0}@media (max-width: 1024px){.table{max-height:50vh;font-size:.5rem;margin-top:1rem;order:1}.tableHeaderRow th{font-size:.5rem;padding:.6vh .2vw;height:auto}.tableBody{max-height:40vh;overflow:hidden}.tableDataRow{height:auto!important}.tableDataRow td{font-size:.5rem;padding:.4rem .15rem}.tableDataRow li{font-size:.5rem}.tableFooterRow{width:100%;height:auto;padding:1rem .5rem;flex-direction:column;align-items:center;gap:.5rem}.tableFooterRow td{padding:.5rem 0;width:100%;text-align:center;justify-content:center}.tableTotal{margin:0 auto;text-align:center;font-size:.7rem;font-weight:600}.tableButton,.tableItemButton{margin:0 auto;font-size:.45rem!important}.table svg,.orderTable svg{width:12px;height:12px}}.offer-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.offer-modal{position:relative;background-color:#fffd;border:2px solid #f7c036ff;padding:32px 28px;border-radius:10px;min-width:200px;width:30%;box-shadow:0 12px 40px #00000040}.offer-modal-title{text-align:center;margin-bottom:24px;font-size:20px;font-weight:600}.offer-modal-field{width:100%;margin-bottom:18px}.offer-modal-field label{display:block;font-size:14px;font-weight:500;margin-bottom:6px}.offer-modal-field input{width:100%;padding:10px 12px;border-radius:6px;border:1px solid #ccc;font-size:14px;box-sizing:border-box}.offer-modal-field input:focus{outline:none;border-color:#f7c036}.offer-modal-send{margin:20px auto 0;padding:14px;min-width:80px;background-color:#f7c036;color:#fff;border:none;border-radius:6px;cursor:pointer;width:30%;font-weight:600;font-size:16px;display:block}.offer-modal-send:hover{background-color:#e0ac30}.offer-modal-subtitle{text-align:center;font-size:14px;color:#777;margin-top:-10px;margin-bottom:24px}.offer-modal-channels{display:flex;justify-content:center;gap:24px;margin-bottom:16px}.checkbox{display:flex;align-items:center;gap:6px;font-size:14px;cursor:pointer}.checkbox input{accent-color:#f7c036ff;cursor:pointer}.input-error{border-color:#e74c3c}.error-text{font-size:12px;color:#e74c3c;margin-top:4px;display:block}.offer-modal-success{text-align:center;padding:2rem 0}.success-icon{margin:0 auto 1.5rem;display:flex;justify-content:center;animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.offer-modal-success h3{font-size:1.75rem;margin-bottom:1rem;color:#1f2937}.offer-modal-success p{color:#6b7280;line-height:1.6;margin-bottom:1rem;font-size:.95rem}.success-note{background:#f3f4f6;padding:1rem;border-radius:8px;margin:1.5rem 0;color:#374151!important}.success-actions{margin-top:1.5rem;display:flex;justify-content:space-around}.offer-modal-back,.offer-modal-resend{margin:0!important;padding:0!important;background:#fff;color:#6b7280;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:.95rem;transition:all .2s}.offer-modal-back{width:50%;min-width:120px}.offer-modal-resend{background-color:#f7c036;color:#f4f4f4;width:30%}.offer-modal-back:hover,.offer-modal-resend:hover{background:#f9fafb;border-color:#9ca3af;color:#f7c036}@media (max-width: 1024px){.offer-modal-title{font-size:18px}.offer-modal-success p{font-size:12px}.offer-modal-send,.offer-modal-back,.offer-modal-resend{font-size:10px}}.offer-modal-back{margin-bottom:10px}.profileLayout{width:100%;height:80vh;display:flex;background:linear-gradient(135deg,#f4f4f6,#f3f3fb);justify-content:space-around}@media (max-width: 1024px){.profileLayout{height:auto;min-height:80vh;flex-direction:column;padding:0}.ordersTable svg,.userTable svg,.priceTable svg,.partnerTable svg,.partnersTable svg{width:8px;height:8px}.ordersTable button,.userTable button,.priceTable button,.partnerTable button,.partnersTable button{min-width:30px;min-height:30px;padding:.2rem;display:inline-flex;align-items:center;justify-content:center}.loadingText{font-size:.7rem}}.authorizationContainer{width:100vw;height:80vh;display:flex;justify-content:center;align-items:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.authorizationBox{width:100%;max-width:400px;padding:2rem;background-color:#fff;border-radius:16px;box-shadow:0 8px 24px #0000001a;text-align:center;display:flex;flex-direction:column;gap:1rem}.authorizationBox input{width:100%;padding:.75rem .9rem;border-radius:10px;border:1px solid #d1d5db;box-sizing:border-box;font-size:.95rem;color:#1f2937;background-color:#f9fafb;transition:all .2s ease;outline:none}.authorizationBox input::placeholder{color:#9ca3af}.authorizationBox input:focus{border-color:#2563eb;background-color:#fff;box-shadow:0 0 0 3px #2563eb26}.show-password-button{position:relative;top:-30px;left:45%;padding:0;min-height:16px;min-width:16px;background:transparent;border:none}.show-password-button:hover{cursor:pointer;background-color:transparent;color:#f4a621}.authorizationTitle{font-size:1.75rem;font-weight:700;color:#1f2937}.authorizationText{font-size:1rem;color:#4b5563;margin:0}.authorizationButton{margin-top:1rem;padding:.75rem 1rem}.authorizationButton svg{padding:0 10px}.secondaryButton,.linkButton{padding:0;margin:0 auto;width:200px;min-height:16px}.secondaryButton:hover,.linkButton:hover{background:transparent;color:#000}.authError{color:#dc2626;font-size:.85rem}.authMessage{color:#16a34a;font-size:.85rem}.secondaryButton{background:transparent;border:none;color:#2563eb;cursor:pointer;font-size:.85rem}.linkButton{background:none;border:none;color:#6b7280;font-size:.8rem;cursor:pointer;text-decoration:underline}.loadingText{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;text-align:center;color:#555}@media (max-width: 1024px){.authorizationContainer{height:auto;min-height:80vh;padding:1rem;width:100%;box-sizing:border-box}.authorizationBox{max-width:90%;padding:1.5rem;gap:.75rem;margin:0 auto;box-sizing:border-box}.authorizationTitle{font-size:1.2rem}.authorizationText{font-size:.7rem}.authorizationButton{padding:.6rem .8rem;font-size:.55rem}}.adminTablesContainer{display:flex;justify-content:space-between;gap:2rem}.ordersTable{width:100%;table-layout:fixed;border-collapse:collapse}.ordersTableWrapper::-webkit-scrollbar{width:3px;height:10px}.ordersTableWrapper::-webkit-scrollbar-thumb{background:#f4a621;border-radius:8px}.ordersTable tbody{max-height:none;overflow-y:visible;display:table-row-group}.ordersTable tbody tr{height:80px!important;max-height:80px}.ordersTable td{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;vertical-align:middle;padding:8px;border:1px dashed #dee2e6}.ordersTable tbody tr.expanded{height:auto!important;max-height:none}.ordersTable tbody tr td{background-color:#fff}.ordersTable tbody tr:nth-child(2n) td{background-color:#f8f9fa!important}.ordersTable tbody tr:hover td{background-color:#e9ecef!important}.ordersTable .tableButton:hover{color:red}.userTable{width:100%;table-layout:fixed;border-collapse:collapse}.userTableWrapper::-webkit-scrollbar{width:3px;height:10px}.userTableWrapper::-webkit-scrollbar-thumb{background:#f4a621;border-radius:8px}.userTable tbody{max-height:none;overflow-y:visible;display:table-row-group}.userTable tbody tr{height:80px!important;max-height:80px}.userTable td{border:1px dashed #dee2e6;padding:8px;white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;vertical-align:middle}.adminButtonsPanel{width:20%;display:flex;flex-direction:column;background-color:transparent;background:linear-gradient(0deg,#e1e1e1 50%,#fff)}.adminButton{padding:0;height:5vh;width:60%;background-color:#fafafa;border:none;border-bottom:1px solid #e4e2e2;border-top:1px solid #e4e2e2;border-radius:0;background-color:transparent}.adminButton:hover{background-color:#888}.priceMenuButtons{display:flex;flex-direction:column;width:80%;background-color:transparent;box-shadow:0 2px 8px #0000001a;overflow:hidden}.adminButton{height:5vh;width:100%}.priceButton{padding:0;margin:0;min-height:30px;border:1px solid #e4e2e2;border-radius:0;background-color:transparent;border-bottom:1px solid #e0e0e0;transition:background-color .2s}.priceButton:last-child{border-bottom:none}.priceButton:hover{background-color:#888}.priceTable{width:100%;table-layout:fixed;border-collapse:collapse}.partnersTable .tableButton:hover{color:red}.priceTableWrapper::-webkit-scrollbar{width:3px;height:10px}.priceTableWrapper::-webkit-scrollbar-thumb{background:#f4a621;border-radius:8px}.priceTable tbody{max-height:none;overflow-y:visible;display:table-row-group}.priceTable th,.priceTable td{text-align:center;vertical-align:middle;border:1px dashed #dee2e6;padding:8px}.priceInput{width:60px;text-align:right;border:none;background-color:transparent;outline:none}.updateRoleButton{all:unset;padding:5px;background-color:transparent;border:none;border-radius:0}.updateRoleButton:hover{color:#000;background-color:transparent;border-bottom:1px solid #000;cursor:pointer}.orderGlassButton{padding:5px;margin:0;background-color:transparent;border:none}.sendModalOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.sendModalContent{background-color:#fff;padding:20px;border-radius:8px;max-width:1000px;width:90%;max-height:80%;overflow-x:auto;overflow-y:auto;position:relative}.modalClose{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer;margin:0;padding:0}.modalClose:hover{background-color:transparent;transform:scale(1);color:red}.sendModalTitle{text-align:center;margin-bottom:20px;font-size:1rem}.sendModalProductsList,.sendModalProductDimensions span{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px}.sendModalProductsList{list-style:none;padding:0;margin:0}.sendModalProductItem{display:flex;align-items:center;gap:10px;margin-bottom:15px;flex-wrap:wrap}.sendModalProductCategory{min-width:120px}.sendModalProductDimensions{display:flex;gap:5px;flex-wrap:wrap}.sendModalOrderButton{margin-left:auto;padding:5px;background-color:transparent;border:none;cursor:pointer}@media (max-width: 1024px){.adminTablesContainer{flex-direction:column;gap:.5rem;padding:.3rem}.priceTable{width:100%;font-size:.45rem;display:table;table-layout:fixed;border-collapse:collapse;border:none;max-height:80vh;box-sizing:border-box}.ordersTable,.userTable,.partnersTable{width:100%;font-size:.5rem;display:block;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:60vh;border:1px solid #e4e2e2}.ordersTable thead,.ordersTable tbody,.ordersTable tr,.userTable thead,.userTable tbody,.userTable tr,.partnersTable thead,.partnersTable tbody,.partnersTable tr{display:table;width:100%;min-width:800px;table-layout:fixed}.priceTable thead,.priceTable tbody,.priceTable tr{display:table;width:100%;max-width:100%;table-layout:fixed;box-sizing:border-box}.ordersTable th,.ordersTable td,.userTable th,.userTable td,.partnersTable th,.partnersTable td{padding:.3rem;font-size:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.priceTable th,.priceTable td{padding:.15rem .2rem;font-size:.45rem;line-height:1.1;height:auto;box-sizing:border-box;border:1px dashed #dee2e6}.priceTable th:nth-child(1),.priceTable td:nth-child(1){width:50%;padding:.15rem .2rem;font-size:.45rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1}.priceTable th:nth-child(2),.priceTable td:nth-child(2){width:30%;padding:.15rem .1rem;font-size:.45rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1}.priceTable th:nth-child(3),.priceTable td:nth-child(3){width:20%;padding:.15rem .1rem;font-size:.45rem;text-align:center;line-height:1.1}.ordersTable td ul li,.ordersTable td ul li div,.ordersTable td span{font-size:.5rem!important}.adminButtonsPanel{width:100%;flex-direction:row;flex-wrap:nowrap;gap:0;margin-top:1vh;overflow:hidden;-webkit-overflow-scrolling:touch;display:flex;justify-content:space-between;background:none}.adminButton{flex:1;min-width:70px;height:36px;font-size:.5rem;padding:.3rem 0;white-space:nowrap;margin:0 .15rem}.adminButton:first-child{margin-left:0}.adminButton:last-child{margin-right:0}.priceMenuButtons{width:100%;margin-left:0;gap:.15rem;display:flex;flex-direction:column;border:none;border-radius:0;padding:0;background-color:transparent;box-shadow:none}.priceButton{height:24px!important;min-height:24px!important;max-height:24px;font-size:.45rem;padding:.3rem .5rem!important;width:100%;white-space:nowrap;border:none!important;background-color:#f5f5f5;transition:background-color .15s;line-height:1}.priceButton:last-child{border-bottom:none}.priceButton:hover{background-color:#e0e0e0!important}.priceButton:active{background-color:#333!important;color:#fff!important;transform:scale(.98)!important;border:none!important}.priceInput{width:50px;font-size:.5rem}.updateRoleButton,.orderGlassButton{padding:.6rem!important;font-size:.4rem!important;min-height:0px!important;min-width:0px!important}.sendModalContent{width:95%;max-width:95%;padding:15px;max-height:85%}.sendModalTitle{font-size:.7rem;margin-bottom:15px}.sendModalProductsList,.sendModalProductDimensions span{font-size:.55rem}.sendModalProductItem{gap:8px;margin-bottom:10px}.sendModalProductCategory{min-width:100px;font-size:.55rem}.partnersTableWrapper::-webkit-scrollbar{width:3px;height:10px}.partnersTableWrapper::-webkit-scrollbar-thumb{background:#f4a621;border-radius:8px}}.partnerOrdersText{width:95%;text-align:center;padding:30px;color:#555}.partnerMenuContainer{display:flex;justify-content:space-between;align-items:stretch;height:100%}.partnerMenu{flex:0 1 20%;width:20%;height:auto;display:flex;justify-content:center}.partnerMenuList{list-style:none;border:2px solid #eee;border-radius:10px;height:auto;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow-y:auto}.partnerMenuInfo{display:flex;justify-content:flex-end;margin:5px 5px 0 0}.partnerMenuInfo svg:hover{color:#f4a621;cursor:pointer}.partnerMenuItem{margin-top:1.5%;width:100%;text-align:center;justify-content:center}.partnerMenuInput{width:80%;padding:4px 12px;border-radius:8px;border:1px solid #ccc;font-size:.9rem;outline:none;transition:.2s}.partnerMenuInput:focus{border-color:#3b82f6;box-shadow:0 0 4px #3b82f64d}.partnerLogoUpload{margin:0 auto;width:80%;background-color:#eee;border:2px dashed #bbb;border-radius:10px;text-align:center;cursor:pointer;transition:all .3s ease;display:flex;justify-content:center;align-items:center}.partnerLogoUpload img{width:100%;height:auto;display:block;border-radius:8px}.partnerLogoUpload:hover{border-color:#888;background:#f9f9f9}.uploadLabel{padding:20px;display:flex;flex-direction:column;align-items:center;color:#555;font-size:.9rem;gap:6px}.uploadIcon{width:40px;height:40px;color:#666}.partnerMenuButton{all:unset;padding:4px;font-size:.8rem;margin:0;border:none;background-color:transparent;text-decoration:underline}.partnerMenuButton.save{all:unset;text-decoration:none;border:1px solid #000;padding:4px 10px;border-radius:10px}.partnerMenuButton:hover{background-color:transparent;color:#000;cursor:pointer}.partnerMenuButton.save:hover{background-color:#f4a621;color:#fff}.partnerTable{width:100%}.partnersTable{width:100%;table-layout:fixed;border-collapse:collapse}.partnersTableWrapper::-webkit-scrollbar{width:3px;height:10px}.partnersTableWrapper::-webkit-scrollbar-thumb{background:#f4a621;border-radius:8px}.partnersTable tbody{max-height:none;overflow-y:visible;display:table-row-group}.partnersTable tbody tr{height:80px!important;max-height:80px}.partnersTable td{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;vertical-align:middle;padding:8px;border:1px dashed #dee2e6}.partnersTable tbody tr td{background-color:#fff}.partnersTable tbody tr:nth-child(2n) td{background-color:#f8f9fa!important}.partnersTable tbody tr:hover td{background-color:#e9ecef!important}@media (max-width: 1024px){.partnerOrdersText{width:100%;padding:20px 10px;font-size:.65rem}.partnerMenuContainer{flex-direction:column;gap:1rem;padding:0 1rem}.partnerMenu{width:100%;flex:none;padding:0}.partnerMenuList{padding:1rem;width:100%;margin:0}.partnerMenuItem{margin-top:.75rem}.partnerMenuInput{width:90%;padding:6px 10px;font-size:.6rem}.partnerLogoUpload{width:90%;padding:10px}.uploadLabel{padding:15px;font-size:.6rem}.uploadIcon{width:30px;height:30px}.partnerMenuButton{font-size:.6rem;padding:4px}.partnerMenuButton.save{padding:6px 12px;font-size:.55rem}.partnerTable{width:100%;font-size:.55rem;display:block;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:60vh;border:1px solid #e4e2e2}.partnerTable thead,.partnerTable tbody,.partnerTable tr{display:table;width:100%;min-width:800px;table-layout:fixed}.partnerTable th,.partnerTable td{padding:.4rem;font-size:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.partnerTable li{font-size:.5rem!important}.partnerTable ul li div{font-size:.45rem}.partnerTable button{font-size:.5rem}}.catalog{height:80vh;width:75%;background:linear-gradient(135deg,#1a1a1a,#0a0a0a);margin:0 auto;display:flex;flex-direction:column;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #00000080;position:relative}.catalog-bg{position:absolute;top:0;right:1px;z-index:1;height:70%;width:100%;background-image:url(/assets/catalog-background1-DKfIO9vk.webp);background-repeat:no-repeat;background-size:contain;background-position:right top}.catalog-page{display:flex;flex:19;vertical-align:center}.page-content{width:85%;height:100%;margin:auto;z-index:2;overflow:hidden;display:flex;flex-direction:column}.page-title{color:#fff;width:100%;text-align:center;font-size:2rem;font-weight:600;letter-spacing:.5px;margin:0;padding:12px 0}.main-page-layout{display:flex;flex-direction:column;height:70vh;box-sizing:border-box;gap:12px}.main-page-section:nth-child(1){flex:1;width:100%;display:flex;align-items:center;justify-content:center}.main-page-section:nth-child(2){flex:18;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:16px;box-shadow:0 8px 32px #0000004d}.main-page-section:nth-child(3){flex:1;width:100%;margin:0 auto;display:flex}.main-page-image{width:100%;height:100%;object-fit:cover;border-radius:16px;display:block}.main-page-text{color:#ffffffe6;font-size:1.05rem;line-height:1.5;font-weight:300;letter-spacing:.3px;text-align:center;padding-bottom:12px}.grid-page-layout{box-sizing:border-box;height:70vh;display:flex;flex-direction:column;gap:16px;overflow:hidden}.grid-row{display:flex;gap:16px;min-height:0;overflow:hidden;padding:0 12px}.grid-row:nth-child(1){flex:2;align-items:center;justify-content:center}.grid-row:nth-child(2){flex:9}.grid-row:nth-child(3){flex:9;padding-bottom:40px}.grid-image{flex:3;overflow:hidden;border-radius:16px;box-shadow:2px 2px 12px #0000004d;transition:box-shadow .3s ease}.grid-image:hover{box-shadow:2px 2px 12px #fff6}.grid-text{flex:1;display:flex;align-items:center;justify-content:center;color:#ffffffe6;text-align:center;padding:32px;font-size:1.05rem;line-height:1.8;font-weight:300;letter-spacing:.3px}.grid-image img{width:100%;height:100%;object-fit:cover;border-radius:16px;display:block}.list-page-layout{box-sizing:border-box;height:70vh;display:flex;flex-direction:column;overflow:hidden}.list-header{flex:0 0 auto;display:flex;align-items:center;justify-content:center}.list-content-wrapper{flex:1;display:flex;align-items:center;gap:16px;position:relative;overflow:hidden;max-height:420px}.list-content{flex:1;display:flex;align-items:stretch;animation:slideIn .6s cubic-bezier(.4,0,.2,1)}.list-content[data-direction=next]{animation:slideInFromRight .6s cubic-bezier(.4,0,.2,1)}.list-content[data-direction=prev]{animation:slideInFromLeft .6s cubic-bezier(.4,0,.2,1)}@keyframes slideInFromRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.slider-btn{all:unset;flex-shrink:0;width:48px;height:48px;background-color:#ffffff14;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:10}.slider-btn:hover{background-color:#f4a62133;transform:scale(1.1);box-shadow:0 8px 24px #f4a6214d}.slider-btn:active{transform:scale(.95)}.slider-indicators{box-sizing:border-box;display:flex;justify-content:center;align-items:center;gap:12px;padding-top:12px}.slider-dot{all:unset;width:8px;height:8px;border-radius:50%;background-color:#ffffff4d;cursor:pointer;transition:all .3s ease}.slider-dot:hover{background-color:#ffffff80;transform:scale(1.2)}.slider-dot.active{width:24px;border-radius:4px;background-color:#f4a621;box-shadow:0 0 12px #f4a62180}.list-image{flex:1;aspect-ratio:3/4;min-height:340px;overflow:hidden;border-radius:16px;box-shadow:0 8px 32px #0000004d;transition:box-shadow .3s ease}.list-image:hover{box-shadow:0 12px 48px #fff6}.list-image img{width:100%;height:100%;object-fit:cover;border-radius:16px;display:block}.catalog-navigation{flex:1;width:90%;margin:16px auto;display:flex;justify-content:space-between;align-items:center}.catalog-btn{all:unset;width:48px;height:48px;color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer}.catalog-btn:hover{transform:translateY(0);background-color:transparent;color:#f4a621}.catalog-btn:active{transform:translateY(0)}@media (max-width: 1024px){.catalog{width:98%;height:70vh;border-radius:12px}.page-title,.main-page-title{font-size:1.25rem}.grid-page-layout,.main-page-layout,.list-page-layout{padding:8px;gap:12px}.grid-page-layout,.main-page-layout,.list-page-layout{height:60vh}.grid-row{padding:0}.grid-image{min-height:150px;border-radius:12px}.grid-text{font-size:.6rem;padding:0}.list-content-wrapper{min-height:420px}.list-content{flex-direction:column;gap:8px}.list-image:not(:first-child){display:none}.slider-btn{width:36px;height:36px}.slider-dot{width:6px;height:6px}.slider-dot.active{width:18px}.list-image,.grid-image img,.main-page-image{border-radius:12px}.main-page-text{font-size:.9rem;padding:12px}.catalog-navigation{width:95%}.catalog-btn{width:32px;height:32px}}@media (max-width: 420px){.main-page-text{font-size:.8rem}.list-content-wrapper,.list-image{min-height:240px;max-height:300px}}