@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
:root{--bg:#f5f5f5;--bg-d:#f5f5f5;--bg-block:#fff;--text:#1e1e1e;--text-s:#616161;--text-ss:#8e8e8e;--text-a:#46b0fb;--font-inter:"Inter",sans-serif}[data-theme=dark]{--bg:#1b1c1c;--bg-d:#1b1c1c;--bg-block:#fff;--text:#1e1e1e;--text-s:#616161;--text-ss:#8e8e8e;--text-a:#46b0fb;--font-inter:"Inter",sans-serif}*{box-sizing:border-box;margin:0;padding:0;transition:color,background,background-color,filter .5s}.container{width:100%;max-width:1280px;margin:0 auto}.categoryItem{color:#1e1e1e;border-radius:8px;align-items:center;gap:8px;width:336px;height:58px;min-height:58px;padding:8px 16px;text-decoration:none;transition:all .3s linear;display:flex}.categoriesModalColumnTitle{margin-bottom:16px;padding-left:6px;font-size:24px;font-weight:600}.categoriesModalColumn{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;max-height:calc(100vh - 130px);padding-bottom:30px;display:flex;overflow-y:auto}.categoriesModalColumn::-webkit-scrollbar{display:none}.categoryItem:hover{background-color:#f6f7fa}.categoryItem.mobile img{transition:all .3s linear;transform:rotate(90deg)}.categoryItem.mobile:not(.opened)+div{display:none}.categoryItem img:last-of-type{margin-left:auto}.categoryItem{-webkit-user-select:none;-moz-user-select:none;user-select:none}.categoryBackButton{color:#46b0fb;font-size:16px;text-decoration:none}.categoryBackButton img{margin-right:8px;transform:rotate(180deg)translateY(-1px)}.sectionCategoryTitle{transform:translate(-10px)}.categoryItem span{color:#1e1e1e;font-size:16px;font-weight:600}.body{background-color:var(--bg-d);width:100%;height:auto;min-height:100vh;letter-spacing:0%;line-height:120%;font-family:var(--font-inter);flex-direction:column;align-items:center;gap:4px;display:flex}.splash{background-color:#46b0fb;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:absolute;top:0;left:0}.left-filters{max-width:289px}.flex-cen{justify-content:center;align-items:center;display:flex}.flex-sb{justify-content:space-between;align-items:center;display:flex}.flex{display:flex}.ai-l{align-items:start}.ai-c{align-items:center}.row{flex-direction:row}.column{flex-direction:column}.g-56{gap:56px}.g-44{gap:44px}.g-32{gap:32px}.g-28{gap:28px}.g-24{gap:24px}.g-20{gap:20px}.g-16{gap:16px}.g-12{gap:12px}.g-8{gap:8px}.g-4{gap:4px}.w-100{width:100%}.h-100{height:100%}.r-100{border-radius:1000px}.b-n{background-color:#2caeff}.buttons{height:40px;padding:8px 16px}.wh-a{width:auto;height:auto}.card-product{position:relative}.card-product .btn-more{z-index:5;opacity:0;pointer-events:none;text-transform:none;color:var(--text-a);width:124px;height:40px;font-size:15px;font-weight:500;font-family:var(--font-inter);background-color:#edf7ff;border-radius:14px;transition:all .3s;position:absolute;top:35%;left:50%;transform:translate(-50%)}.card-product:hover .btn-more{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(-5px)}.card-product:hover{transition:opacity .3s}.a-acord{color:var(--text-s);transition:color .3s}.a-acord:hover{color:var(--text-ss)}input[type=search]::-webkit-search-cancel-button{display:none}input[type=search]::-moz-search-cancel-button{display:none}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:8px;outline:none;width:20px;height:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}input[type=checkbox]:hover{background:#f8f9fa;border-color:#bdbdbd;transform:scale(1.05)}input[type=checkbox]:active{transform:scale(.95)}input[type=checkbox]:checked{border-color:var(--text-a);background-color:var(--text-a);animation:.3s cubic-bezier(.4,0,.2,1) checkmarkPop}input[type=checkbox]:checked:before{content:"";opacity:0;border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;animation:.2s ease-out .1s forwards checkmarkDraw;position:absolute;top:2px;left:6px;transform:rotate(45deg)scale(1)}input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6;background-color:#f5f5f5;border-color:#e0e0e0}input[type=checkbox]:focus{box-shadow:0 0 0 3px rgba(33,150,243,.2)}@keyframes checkmarkPop{0%{transform:scale(1);box-shadow:0 0 rgba(33,150,243,.4)}50%{transform:scale(1.1);box-shadow:0 0 0 8px rgba(33,150,243,0)}to{transform:scale(1)}}@keyframes checkmarkDraw{0%{opacity:0;transform:rotate(45deg)scale(.5)}to{opacity:1;transform:rotate(45deg)scale(1)}}@media screen and not (max-width:1200px){.img{width:auto;height:auto}.modal-content{min-width:500px}}@media screen and not (max-width:900px){:root{--bg-d:#fff}.product-block{flex-direction:row}.modal-content{max-height:100%}.cat{width:70%}.container-f{width:100%;max-width:1280px}.img{width:150px;height:auto}.panel,.burger{display:none}.p-h{width:100%;max-width:1280px;padding:16px 0}.container{background-color:var(--bg-block);border-radius:24px;padding:24px 0}.navbar{display:none}.banner{border-radius:12px;width:100%;height:240px;position:relative;overflow:hidden}.card-product-car{width:100px;height:120px}.accord{display:"flex"}.p-cat{max-width:100%;padding:0;position:relative}.grid-products{grid-row-gap:24px;grid-column-gap:12px;grid-template-columns:repeat(4,23%);justify-content:space-between;width:100%;display:grid}.catalog{grid-template-columns:repeat(4,1fr)}.card_pr{width:152px;height:280px}}@media screen and not (min-width:900px){.product-block{flex-direction:column}.modal-content{max-height:600px}.head-block,.header-children{padding:16px 12px}.cat{width:100%}.img{width:150px;height:auto}.panel-desc{display:none}.banner{border-radius:12px;width:100%;height:150px;position:relative;overflow:hidden}.card-product-car{width:100px;height:100px}.accord,.sec-purch{display:none}.p-cat{padding:0}.grid-products{grid-row-gap:20px;grid-column-gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,auto));justify-content:space-between;width:100%;display:grid}.catalog{grid-template-columns:repeat(3,1fr)}.container-f{width:100%}.container{background-color:var(--bg-block);border-radius:24px;flex:1;padding:24px 16px}}
