html{-webkit-box-sizing:border-box;box-sizing:border-box}*,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit;margin:0;padding:0}*:focus{outline:transparent}body,html{width:100%}a,button,input[type="submit"]{cursor:pointer}input[type="text"],button{-webkit-appearance:none;-webkit-border-radius:0}@font-face{font-family:"Montserrat";src:url(https://planeta-septikov.ru/static/fonts/Montserrat-SemiBold.ttf);font-weight:600;font-display:swap}@font-face{font-family:"Montserrat";src:url(https://planeta-septikov.ru/static/fonts/Montserrat-Medium.ttf);font-weight:500;font-display:swap}@font-face{font-family:"Montserrat";src:url(https://planeta-septikov.ru/static/fonts/Montserrat-Regular.ttf);font-weight:400;font-display:swap}@font-face{font-family:"Montserrat";src:url(https://planeta-septikov.ru/static/fonts/Montserrat-Bold.ttf);font-weight:700;font-display:swap}.head_mobile_fixed{background-color:#fff;width:100%;top:0;position:fixed!important;box-shadow:0 0 10px 0 #0003}.system_message{align-items:center;justify-content:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);transition:all ease-in 0.4s;background:#fff;border-radius:10px;padding:20px;min-height:80px;box-shadow:0 10px 20px #555;z-index:4;width:100%;max-width:400px;text-align:center;display:flex}.system_message a{margin:0 5px;color:rgb(132,172,206)}.system_message .close{position:absolute;color:red;right:5px;top:5px;border:none;background:none}.breadcrumb{max-width:1180px;width:100%;display:flex;justify-content:flex-start;gap:1px;list-style:none;padding:0 10px;margin:20px auto 0 auto;font-size:.75rem;line-height:150%;flex-wrap:wrap}.breadcrumb li{display:flex}.breadcrumb a{text-decoration:none!important;color:#14648c!important;transition:all 0.3s}.breadcrumb a:hover{color:#082533!important}.breadcrumb li:after{display:inline;content:" / ";color:#14648c;margin:0 5px 0 5px}.breadcrumb li:last-child::after{display:none}.breadcrumb li:last-child a{color:#000!important}body{font-family:"Montserrat",sans-serif;margin:0;padding:0;box-sizing:border-box;font-variant-numeric:lining-nums}.headline{font-weight:400;font-size:1.25rem;color:#1c592b;font-weight:600}.blue_gradient{background-image:linear-gradient(to left top,rgba(73,194,254,1) 0%,rgba(73,194,254,.51) 50%,rgba(73,194,254,1) 99%);background-size:auto;background-position:0% 0%;background-repeat:repeat;background-color:rgba(255,255,255,.71);transition:all 0.6s}.blue_gradient:hover{background-image:linear-gradient(to right top,rgba(73,194,254,1) 0%,rgba(73,194,254,.51) 50%,rgba(73,194,254,1) 99%);background-size:auto;background-position:0% 0%;background-repeat:repeat;background-color:rgba(255,255,255,.71);transition:all 0.6s}.green_gradient{background-image:linear-gradient(to left top,rgba(106,192,87,1) 0%,rgba(208,255,198,1) 50%,rgba(106,192,87,1) 99%);background-size:auto;background-position:0% 0%;background-repeat:repeat;background-color:rgba(255,255,255,.71);transition:all 0.6s}.green_gradient:hover{background-image:linear-gradient(to right top,rgba(106,192,87,1) 0%,rgba(208,255,198,1) 50%,rgba(106,192,87,1) 99%);background-size:auto;background-position:0% 0%;background-repeat:no-repeat;background-color:rgba(255,255,255,.71)}.home_halves{max-width:1180px;margin:40px auto 30px auto;display:grid;grid-template-columns:1fr;gap:0;position:relative}.home_halves ul{list-style:none}.mantle{background-color:#00000085;position:fixed;top:0;left:0;right:0;bottom:0;display:none;z-index:21}.head_top{background-color:#f5f5f5;padding:6px 20px;width:100%;display:none}.head_top>div{max-width:1180px;margin:0 auto;display:flex;justify-content:space-between}.head_top p{font-size:.875rem;color:#000;font-weight:500}.head_top p span{width:15px;height:15px;background-color:#6ac057;display:inline-block;margin-right:4px;border-radius:100%;position:relative;top:2px}.head_top select{appearance:none;-webkit-appearance:none;-moz-appearance:none;text-indent:.01px;font-size:1rem;color:#000;font-weight:500}.head_top select::-ms-expand{display:none}.head_top input[type="submit"]{color:transparent;background-color:transparent;border:none;width:13px;height:18px;background:url(https://planeta-septikov.ru/static/images/home/icons/layoutsvgs.svg#location);position:relative;background-repeat:no-repeat}.head_top select{background-color:transparent;border:none;position:relative}.head_top form{display:flex;justify-content:space-between;align-items:center;gap:10px}.head_top form span{display:block;width:12px;height:12px;background:url(https://planeta-septikov.ru/static/images/home/icons/layoutsvgs.svg#angle-down);background-repeat:no-repeat}.head_middle{position:relative;max-width:1180px;margin:0 auto}header ul{list-style:none}.head_ranting{background-color:#f5f5f5;border-radius:8px;padding:5px 6px;display:none}.head_ranting>div{display:flex;justify-content:flex-start;gap:5px}.head_ranting>div div{margin-left:10px}.head_middle .head_ranting>p{font-size:.563rem;font-weight:400;color:#000;margin-top:5px}.head_middle .head_ranting:hover{box-shadow:#0003 0 0 0 1px;cursor:default}.head_middle button{box-shadow:0 4px 2px 0 #469eca;border:none;padding:5px;width:170px;color:#12263e;font-size:.875rem;font-weight:600;border-radius:10px;display:none;transition:all 0.3s}.head_middle button:hover{background-image:linear-gradient(to left top,rgba(73,194,254,1) 80%,rgba(73,194,254,.51) 40%,rgba(73,194,254,1) 20%)}.head_middle .social_icons{display:none;justify-content:space-between;align-items:center;gap:10px}.social_icons li{transition:all 0.6s}.social_icons li:hover{transform:rotate(360deg)}.hamburger{position:relative;width:35px;height:30px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;transition:all 1s;z-index:25}.hamburger .bar{width:85%;height:3px;background-color:#6ac057;display:block;margin:1px 0;transition:all 0.5s}.hamburger .bar:last-child{margin-bottom:0}.open_hamburger{transition:all 1.5s;transform:rotate(360deg)}.bar_middle{opacity:1}.open_hamburger .bar_top{transform:rotate(-45deg);position:absolute;top:15px}.open_hamburger .bar_middle{opacity:0}.hamburger_close{display:block;position:absolute;top:30px;right:20px;width:35px;height:30px}.hamburger_close .bar{width:85%;height:3px;background-color:#6ac057;display:block;margin:1px auto;transition:all 0.5s;position:relative}.hamburger_close .bar:first-child{transform:rotate(45deg);top:0}.hamburger_close .bar:last-child{transform:rotate(-45deg);top:-3px}.open_hamburger .bar_bottom{transform:rotate(45deg);position:absolute;top:15px}.head_bottom{position:absolute;right:-1500px;max-height:0;padding:0;transition:all 0.8s;background-color:#fff;max-width:360px;width:100%;right:0;top:0}.head_bottom div{margin:20px 20px 40px 20px;display:block}.head_bottom b{display:inline-block;color:#1c592b;font-size:1.3rem;font-weight:700;text-transform:uppercase}.head_bottom p{margin:0;padding:0;color:#000;font-size:.65rem;font-weight:700}.nav_dongle{background:url(https://planeta-septikov.ru/static/images/home/icons/homesvg.svg#dongle);background-repeat:no-repeat;background-size:cover;width:12px;height:12px}.parent_list>li{position:relative;margin:0 10px 20px 10px;transition:all 0.3s}.parent_list>li:hover{box-shadow:none}.parent_list>li:hover>a{color:#6ac057}.parent_list>li:hover .nav_dongle{filter:invert(100%) sepia(0%) saturate(1%) hue-rotate(321deg) brightness(111%) contrast(101%)}.parent_active{box-shadow:none}.parent_active>a{color:#6ac057!important}.parent_active .nav_dongle{filter:transparent}.head_social{display:flex;justify-content:flex-start;gap:20px!important}.parent_list li:nth-child(8){margin-bottom:8px}.parent_list li:nth-child(8) span{background:url(https://planeta-septikov.ru/static/images/home/icons/layoutsvgs.svg#head_phone);background-repeat:no-repeat;width:18px;height:18px;display:block}.parent_list li:nth-child(9) span{background-color:#6ac057;border-radius:100%;width:12px;height:12px;display:block;position:relative;top:3px;left:2px}.parent_list li:nth-child(8) a,.parent_list li:nth-child(9) a{font-weight:500}.parent_list a{text-transform:uppercase;text-decoration:none;color:#000;font-weight:600;font-size:.875rem}.parent_list>li>a{display:flex;justify-content:flex-start;gap:8px;align-items:center}.children_nav,.children_nav_dop{overflow:hidden;max-height:0;position:relative;top:0;left:0;background-color:#fff;z-index:10;transition:all 0.3s}.children_nav_dop{top:0;display:flex;justify-content:flex-start;align-items:flex-start;gap:0;flex-wrap:wrap}.children_nav_dop li a{color:#4e4e4e;font-weight:400;font-size:.875rem}.children_nav_dop li a:nth-child(2),.children_nav_dop li a:nth-child(3){display:none}.children_nav_dop li{max-width:100%;display:flex;flex-direction:column;align-items:flex-start;padding:10px;box-shadow:none;background:linear-gradient(174deg,rgba(73,194,254,.30015756302521013) 0%,rgba(255,255,255,1) 4%,rgba(255,255,255,1) 95%,rgba(106,192,87,.3029586834733894) 100%);border-radius:20px;min-width:200px;gap:10px;max-height:194px;height:100%}.children_nav_dop li:hover{box-shadow:0 4px 12.699999809265137px 0 #0c294398}.dop_more{font-size:.75rem;color:#fff!important;font-weight:700;text-align:center;padding:5px 8px;background-color:#6ac057;border-radius:20px}.children_nav_dop li p{font-size:.8rem;font-weight:500}.children_nav_dop li b{font-size:.8rem;color:#000;font-weight:500}.children_nav_dop b span{color:#1a91fc;font-weight:600}.children_nav_dop>a{text-transform:uppercase;color:#6ac057;padding:10px;max-width:100%;width:100%;font-size:.95rem;border-radius:10px;box-shadow:none;text-align:start;position:relative;bottom:0;right:0;font-weight:500}.children_nav a{width:100%;max-width:100%;display:block;padding:10px 30px;text-wrap:nowrap;display:flex;justify-content:flex-start;align-items:center;gap:10px;color:#4e4e4e;font-weight:400;font-size:.875rem}.children_nav a:hover{box-shadow:0 2px 7px 0 #246dd866}.nav_active{max-height:4000px;padding:10px 0}.head_middle{padding:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:10;background-color:#fff}.head_middle .logo{width:74px;height:51px}.head_middle .head_basket{min-width:32px;height:29px;display:block;background:url(https://planeta-septikov.ru/static/images/home/icons/layoutsvgs.svg#basket);background-repeat:no-repeat;position:relative;transition:all 0.3s}.head_middle .head_basket:hover{transform:scale(1.1)}.head_middle form{position:relative;display:none}.head_middle form input[type="search"]{color:#000;padding:10px 40px 10px 14px;border:1px solid #779dbc;border-radius:10px}.head_middle form input[type="submit"]{position:absolute;top:49%;transform:translateY(-50%);right:15px;color:transparent;background:transparent;border:none;background:url(https://planeta-septikov.ru/static/images/home/icons/layoutsvgs.svg#search);width:18px;height:18px;background-size:18px;opacity:.6}.head_middle form input[type="search"]:focus+input[type="submit"]{opacity:1}.head_middle .cart_count{display:block;position:absolute;background-color:#6ac057;font-size:.8rem;font-weight:500;color:#fff;top:-3px;right:-7px;border-radius:100%;padding:0 4px}.head_middle>div:nth-child(2){min-width:112px}.head_title{font-size:.6rem;font-weight:700;text-transform:uppercase;color:#1c592b;margin-bottom:2px;display:block}.head_middle .head_desk{display:none;font-size:.688rem;color:#000;line-height:12px;max-width:250px}.head_middle div a{text-decoration:none;font-size:.7rem;color:#1c592b;font-weight:500;padding-left:22px;position:relative;transition:all 0.3s;text-align:center;display:block}.head_middle div a:hover{color:#0f3318}.head_middle div a::after{content:"";display:block;position:absolute;background:url(https://planeta-septikov.ru/static/images/home/icons/layoutsvgs.svg#head_phone);background-repeat:no-repeat;width:18px;height:18px;top:0;left:13px}.head_bottom div{display:block}.parent_list>li:nth-last-child(-n+3){display:flex;gap:7px}footer{background-color:#4e4e4e;color:#fff;padding:20px;width:100%}footer>div{display:flex;flex-direction:column;max-width:1180px;margin:0 auto}footer picture img{background:#fff;border-radius:10px;padding:5px}footer>div a img{margin-bottom:20px!important;display:block;margin:0 auto}footer ul{list-style:none}footer a{text-decoration:none;color:#fff}.foot_list{max-width:290px;margin:0 auto}.foot_list li:last-child{margin-top:20px;justify-content:center;gap:20px;transition:all 0.3s}.foot_social a img{transition:all 0.9s}.foot_social a img:hover{transform:rotate(-360deg)}.foot_list li{font-weight:500;font-size:.875rem;position:relative;margin-bottom:10px;display:flex;justify-content:flex-start;align-items:center;gap:5px}.foot_list li span{position:relative;width:18px;height:18px;display:flex;justify-content:center;align-items:center;top:1px}.foot_list li:nth-child(1) span::after,.foot_list li:nth-child(2) span::after,.foot_list li:nth-child(3) span::after,.foot_list li:nth-child(4) span::after{content:"";display:inline-block;background:url(https://planeta-septikov.ru/static/images/home/icons/layoutsvgs.svg#head_phone);background-repeat:no-repeat;width:18px;height:18px;position:relative;position:absolute;background-position:center}.foot_list li:nth-child(2) span::after{width:12px;height:12px;background-color:#6ac057;border-radius:100%;top:1px}.foot_list li:nth-child(3) span::after{background:url(https://planeta-septikov.ru/static/images/home/icons/layoutsvgs.svg#foot_location);background-position:center;background-repeat:no-repeat}.foot_list li:nth-child(4) span::after{background:url(https://planeta-septikov.ru/static/images/home/icons/layoutsvgs.svg#foot_mail);background-position:center;background-repeat:no-repeat}footer .bottom_list p{text-transform:uppercase;font-weight:600;font-size:.875rem;margin:25px 0 10px 0;padding-bottom:8px;border-bottom:1px solid #6ac057}footer .bottom_list ul{display:grid;grid-template-columns:repeat(2,1fr);gap:0 5px}footer .bottom_list li{margin-bottom:10px;font-size:.875rem}footer a:hover{color:#b8b8b8}footer .bottom_list li:last-child{margin:0}.form_send{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;background-color:#fff;border-radius:20px;box-shadow:0 4px 4px 0 #00000040;padding:30px;max-width:480px;width:100%;overflow:hidden;display:none}.form_desk{font-size:1.1rem;color:#000;line-height:25px;margin-bottom:20px}.flesh_form .content{max-height:0;padding:0;overflow:hidden}.form_active{display:flex}.form_send label{max-width:420px;width:100%;padding:10px 11px;color:#4e4e4e;box-shadow:0 2px 7px 0 #246dd866;border-radius:5px;margin-bottom:20px}.form_send input,.form_send textarea{width:100%;border:none;font-size:1rem}.form_send textarea{height:100px}.form_send input[type="submit"]{max-width:210px;width:100%;box-shadow:0 4px 2px 0 #469eca;border-radius:10px;padding:10px;margin-bottom:15px}.agree{text-align:center;font-size:.75rem;max-width:260px;width:100%}.agree a{color:#000}.form_name{margin-bottom:25px;display:block;text-align:center;font-size:1.25rem;font-weight:700;color:#1c592b;padding:0 15px}.form_close{background-color:#6ac057;width:150px;height:150px;position:absolute;top:-90px;right:-76px;transform:rotate(45deg);cursor:pointer}.form_close::after{content:"";display:block;background:url(https://planeta-septikov.ru/static/images/home/icons/homesvg.svg#form_close);width:20px;height:20px;background-size:cover;background-repeat:no-repeat;position:absolute;bottom:17px;right:60px;transform:rotate(45deg)}.tree_one,.tree_two,.tree_three,.tree_four{position:absolute;transform:rotate(-90deg);top:-51px;right:-240px;z-index:-1;filter:blur(3px)}.tree_one,.tree_two,.tree_three,.tree_four{display:none}.tree_two,.tree_four{top:500px;left:-387px;right:inherit;transform:rotate(90deg);filter:blur(0)}.tree_four{top:10%;left:-240px;z-index:5;right:inherit}.tree_one img,.tree_two img,.tree_three img,.tree_four img{width:407px;height:571px}.down_aside .aside_list{margin-top:640px}.quiz_wrap_outside{max-width:1180px;width:100%;margin:60px auto;display:grid;grid-template-columns:1fr;gap:30px}.quiz_offer{background-color:#c9e5ff;border-radius:20px;color:#14648c;overflow:hidden;display:none}.quiz_offer span img{display:block;margin:0 auto}.quiz_offer p{font-weight:500;line-height:19px;padding:20px 15px 0 15px;text-align:center}.quiz_offer>img{display:block;position:relative;bottom:-4px}@media all and (min-width:360px){.head_middle>div:nth-child(2){min-width:inherit}.head_middle div a{font-size:1rem}.head_middle div p{font-size:.9rem}}@media all and (min-width:560px){.down_aside .aside_list{margin-top:0}}@media all and (min-width:580px){.head_middle form{display:block}.headline{font-size:1.75rem}.head_middle div a{font-size:1rem;text-align:start}.head_middle div a::after{left:0}}@media all and (min-width:700px){.head_top{display:block}}@media all and (min-width:770px){.head_ranting{display:block}}@media all and (min-width:850px){.home_halves{grid-template-columns:260px 1fr;gap:15px}.children_nav{top:20px}.children_nav,.children_nav_dop{position:absolute;top:19px;left:0;box-shadow:0 2px 7px 0 #246dd866;background-color:#fff;border-radius:0 0 5px 5px;z-index:10}.parent_active{box-shadow:0 0 22px 0 #0009 inset}.parent_active>a{color:#fff!important}.parent_active .nav_dongle{filter:invert(100%) sepia(0%) saturate(1%) hue-rotate(321deg) brightness(111%) contrast(101%)}.parent_list>li:hover{box-shadow:0 0 22px 0 #0009 inset}.parent_list>li:hover>a{color:#fff}.children_nav_dop li{max-width:100%;display:flex;flex-direction:column;align-items:center;padding:25px 20px 25px 20px;box-shadow:0 4px 12.699999809265137px 0 #0c29434d;background:linear-gradient(174deg,rgba(73,194,254,.30015756302521013) 0%,rgba(255,255,255,1) 4%,rgba(255,255,255,1) 95%,rgba(106,192,87,.3029586834733894) 100%);border-radius:20px;min-width:200px;gap:10px;max-height:inherit;height:100%}.children_nav_dop{top:20px;display:flex;justify-content:flex-start;align-items:center;gap:15px;flex-wrap:wrap}.children_nav_dop li a{color:#000;font-weight:500;font-size:.75rem}.children_nav_dop li a:nth-child(2),.children_nav_dop li a:nth-child(3){display:block}.children_nav_dop>a{color:#12263e;padding:12px;max-width:250px;width:100%;font-size:.75rem;border-radius:10px;box-shadow:0 4px 2px 0 #469eca;text-align:center;position:relative;bottom:0;right:0}.children_nav a{color:#000;font-weight:600;font-size:.875rem}}@media all and (min-width:950px){.head_middle button{display:block}footer div{flex-direction:row;justify-content:space-between;gap:20px}footer .bottom_list ul{display:grid;grid-template-columns:1fr;gap:0 5px}.foot_list li:last-child{margin-top:30px;justify-content:flex-start}footer>div a img{margin:0}}@media all and (min-width:980px){.home_halves{gap:30px}}@media all and (min-width:1030px){.quiz_offer{display:block}.quiz_wrap_outside{grid-template-columns:1fr 240px}}@media all and (min-width:1130px){.tree_three,.tree_four{display:block}}@media all and (min-width:1200px){.hamburger{display:none}.head_bottom{max-height:inherit;position:relative;top:0;max-width:100%;width:100%;box-shadow:inset 0 28px 10px 1px #ffffff40,inset 0 -19px 16px -3px #0003;background-color:#4ea53a;outline:none}.children_nav{top:48px}.children_nav_dop{top:20px;display:flex;justify-content:flex-start;align-items:center;gap:15px;flex-wrap:nowrap;height:inherit;overflow:hidden}.children_nav_dop>a{position:absolute;bottom:15px;right:15px}.parent_list{display:flex;max-width:1180px;margin:0 auto;align-items:center}.parent_list>li{width:100%}.parent_list>li>a{justify-content:center}.parent_list>li:first-child{border-left:1px solid #4b89c1}.parent_list>li{margin:0;padding:15px;border-right:1px solid #4b89c1}.head_bottom div{display:none}.parent_list>li:nth-last-child(-n+3){display:none}.head_middle .social_icons{display:flex}.head_title{display:none}.head_middle .head_desk{display:block}.head_middle .logo{width:145px;height:100px}.children_nav_dop{top:48px}}@media all and (min-width:1750px){.home_free_engineer{overflow:inherit}.tree_four{display:none}}.home_form_wrap{position:relative;max-width:1815px;width:100%;margin:0 auto;color:#000}.home_form_wrap>p{text-align:center;padding:60px 20px 20px 20px}.home_form{display:grid;grid-template-columns:1fr;align-content:center}.home_form>span{position:relative;display:block;overflow:hidden;display:none}.form_septik img{left:0}.home_form>span img{position:absolute;top:0;right:0;bottom:0}.home_form div{box-shadow:0 4px 12.699999809265137px 0 #0c29434d;border-top:5px solid #6ac057;max-width:300px;margin:0 30px 70px 30px;padding:30px 20px;border-radius:20px;text-align:center;position:relative}.home_form>div b{display:block;font-weight:500;font-size:1.125rem}.home_form>div p{font-size:1rem;margin:20px auto;line-height:20px;max-width:280px;width:100%}.home_form p span{text-align:center;color:#1a91fc}.home_form form label{font-size:1rem;color:#4e4e4e;margin-bottom:4px}.home_form form input[type="text"],.home_form form input[type="submit"]{border-radius:10px;border:1px solid #4e4e4e;color:#4e4e4e;font-size:1.125rem;padding:12px 8px;margin-bottom:20px}.home_form form input[type="submit"]{border:none;color:#12263e;box-shadow:0 4px 2px 0 #469eca;margin-bottom:15px}.home_form div>span{color:#4e4e4e;font-size:.75rem;line-height:2%}.home_form div>span a{color:#4e4e4e}.home_form form{text-align:start;display:flex;flex-direction:column;justify-content:space-between}.home_form div img{position:absolute}.leaf_top{top:-30px;right:-25px}.leaf_bottom{bottom:-40px;left:-30px}.form_septik img{top:70px!important}.form_home{position:relative;top:-58px}@media all and (min-width:360px){.home_form div{margin:30px auto 70px auto}}@media all and (min-width:580px){.home_form div{max-width:430px}}@media all and (min-width:850px){.home_form{grid-template-columns:1fr 430px 1fr}.home_form>span{display:block}.home_form div{margin:40px 0 70px 0}}.our_partners_wrap{background:url(https://planeta-septikov.ru/static/images/home/sky.png);background-repeat:no-repeat;background-size:cover;padding-bottom:60px;margin-top:80px}.our_partners{max-width:1180px;width:100%;margin:0 auto}.our_partners>p{text-align:center;color:#fff;font-size:1.25rem;font-weight:600;padding:20px}.our_partners>span{display:block;text-align:center;padding:0 20px;max-width:800px;width:100%;margin:0 auto}.our_list{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:20px 30px;margin:30px 30px 0 30px}.our_list li{min-width:115px;width:100%;min-height:70px;background-color:#fff;border-radius:15px;padding:10px;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 4px 0 #00000040}.our_list li img{max-width:140px;max-height:50px;width:100%;height:auto}@media all and (min-width:580px){.our_list{margin:40px 30px 0 30px}.our_list li{min-width:160px}.our_partners>span{font-size:1.125rem;color:#000;line-height:20px}.our_partners>p{font-size:1.75rem;padding:30px 20px}}@media all and (min-width:1180px){.our_list{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,1fr);grid-column-gap:0;grid-row-gap:0;gap:20px 35px;align-items:center;justify-items:center}.our_list li{min-width:200px;width:100%}.our_list li:nth-child(1){grid-area:1 / 1 / 2 / 3}.our_list li:nth-child(2){grid-area:1 / 3 / 2 / 5}.our_list li:nth-child(3){grid-area:1 / 5 / 2 / 7}.our_list li:nth-child(4){grid-area:1 / 7 / 2 / 9}.our_list li:nth-child(5){grid-area:1 / 9 / 2 / 11}.our_list li:nth-child(6){grid-area:2 / 2 / 3 / 4}.our_list li:nth-child(7){grid-area:2 / 4 / 3 / 6}.our_list li:nth-child(8){grid-area:2 / 6 / 3 / 8}.our_list li:nth-child(9){grid-area:2 / 8 / 3 / 10}.our_list li:nth-child(10){grid-area:3 / 3 / 4 / 5}.our_list li:nth-child(11){grid-area:3 / 5 / 4 / 7}.our_list li:nth-child(12){grid-area:3 / 7 / 4 / 9}.our_list li:nth-child(13){grid-area:4 / 4 / 5 / 6}.our_list li:nth-child(14){grid-area:4 / 6 / 5 / 8}.our_list li:nth-child(15){grid-area:5 / 5 / 6 / 7}}"use strict";const formatNumberWithSpaces=num=>{const usaLocale=num.toLocaleString('en-US');//replace all commas with spaces return usaLocale.replace(/,/g,' ')}const CART={KEY:window.location.hostname+'_cart',contents:[],init(){let cartReady=new CustomEvent('cartReady');try{//check local storage and init contents of cart.contents CART.contents=JSON.parse(localStorage.getItem(CART.KEY));CART.contents.filter(e=>{//id варианта товара (размер синей блузки 44) (в бд id таблицы p_vars) if (typeof e.id !=="number") return false;//id товара (2) (в бд id таблицы products) if (typeof e.productId !=="number") return false;//название (синяя блузка) (обычно в бд name в таблице products) if (typeof e.name !=="string") return false;//цена (1200) (в бд это retail_price,первого варианта товара в таблице p_vars) if (typeof e.price !=="number") return false;//кол-во данного варианта товара в корзине (5) if (typeof e.qty !=="number") return false});CART.displayCart();document.dispatchEvent(cartReady)}catch (err){console.log("CART init error",err);CART.contents=[];CART.sync();document.dispatchEvent(cartReady)}},sync(){let _cart=JSON.stringify(CART.contents);localStorage.setItem(CART.KEY,_cart);CART.displayCart()},displayCart(){const cartCount=document.querySelectorAll('.cart_count');if (cartCount){const count=CART.totalItems();if (count>0){cartCount.forEach(el=>el.innerText=count)}else{cartCount.forEach(el=>el.innerText='')}}const cartLinks=document.querySelectorAll('.cart_link');if (cartLinks){const newUrl='/cart?ids='+CART.arrayColumn('id').join('-');cartLinks.forEach(el=>el.href=newUrl)}//Итоговые подсчёты всего на странице корзины const url=window.location.href;if (url && url.includes('/cart')){//Итоговые цифры в невидимый инпут в форме (состав заказа или оформление) const orderInput=document.querySelector('input[name=order]');if (orderInput){const order={};CART.contents.forEach(e=>{order[e.id]=e.qty});orderInput.value=JSON.stringify(order)}const totalSum=document.getElementById('cart_total_sum');//Стоимость const totalSale=document.getElementById('cart_total_sale');//Скидка const totalNet=document.getElementById('cart_total_net');//Итого // const totalSendPrice=document.getElementById('cart_total_send_price');if (!totalSum || !totalSale || !totalNet){return}if (CART.totalItems()==0){//check if html is not refreshed const cartForm=document.getElementById('cart_form');if (cartForm){window.location.replace('/cart')}return}let cartTotal=CART.totalPrice();totalNet.innerHTML=`${formatNumberWithSpaces(cartTotal)}₽`;// totalSendPrice.value=cartTotal;let totalBeforeSale=0;CART.contents.forEach(el=>{let price=el.price;let oldPrice=document.getElementById(`old_sum_${el.id}`);if (oldPrice){price=parseFloat(oldPrice.dataset.oldprice)}totalBeforeSale+=price * el.qty});totalSum.innerHTML=`${formatNumberWithSpaces(totalBeforeSale)}₽`;totalSale.innerHTML=`${formatNumberWithSpaces(totalBeforeSale - cartTotal)}₽`}},find(id){return CART.contents.find(i=>i.id===parseInt(id))},findProductId(productId){return CART.contents.find(i=>i.productId===parseInt(productId))},add(id=0,qty=0,productId=0,name="",price=""){if (id && productId && name && price && qty>0){id=parseInt(id);qty=parseInt(qty);productId=parseInt(productId);price=parseFloat(price);CART.contents.push({id,qty,productId,name,price});//showMessage(name+" добавлен в <a href='/cart'> корзину</a>");CART.sync()}},remove(value,key='id'){CART.contents=CART.contents.filter(i=>i[key] !==value);CART.sync()},amount(id,qty,productId=null,name=null,price=null){id=parseInt(id);qty=parseInt(qty);if (qty>0){let product=CART.find(id);if (product){product.qty=qty}else{CART.add(id,qty,productId,name,price)}}else{CART.remove(id)}CART.sync()},empty(){CART.contents=[];CART.sync()},sort(field='name'){//return shallow copy let sorted=[...CART.contents];//this way it is agnostic to strings or floats return sorted.sort(a,b=>a[field].localeCompare(b[field]))},totalPrice(){return CART.contents.reduce((sum,el)=>sum+(el.price * el.qty),0)},totalItems(){return CART.contents.reduce((sum,el)=>sum+el.qty,0)},arrayColumn(key){return CART.contents.reduce((idsArr,e)=>{idsArr.push(e[key]);return idsArr},[])},cartEvents(){//То что происходит в каталоге (кнопки добавить в корзину) // const cartButtons=document.querySelectorAll(".cart-btn");// cartButtons && cartButtons.forEach(btn=>{// const variantId=parseInt(btn.dataset.varid);// const productId=parseInt(btn.dataset.prodid);// const name=btn.parentElement.querySelector(".name").innerText;// const price=parseFloat(btn.dataset.price);// if (CART.find(variantId)){// btn.innerText="Уже в корзине";//}// btn.addEventListener("click",ev=>{// ev.preventDefault();// if (CART.find(variantId)){// CART.remove(variantId);// btn.innerText="В корзину";//}else{// CART.add(variantId,1,productId,name,price);// btn.innerText="Уже в корзине";//}//}) //});//То что происходит на странице товара const cartAdd=document.getElementById("add_product_to_cart");let count=0;if (cartAdd){const variantId=parseInt(cartAdd.dataset.varid);const productId=parseInt(cartAdd.dataset.prodid);const name=document.getElementById("product_name").innerText;const price=parseFloat(cartAdd.dataset.price);const findVar=CART.find(variantId);if (findVar){cartAdd.innerText="Уже в корзине"}cartAdd.addEventListener("click",ev=>{count>0 ? count-- :count++;ev.preventDefault();CART.amount(variantId,count,productId,name,price);if (count>0){cartAdd.innerText="Уже в корзине"}else{cartAdd.innerText="В корзину"}})}//То что происходит в корзине //check if url is at /cart or /cart?ids=- чтобы вся эта логика включалась только в корзине const url=window.location.href;if (url && url.endsWith('/cart') || url.includes('/cart?ids=')){//Для начала надо убедится что то что у них в адресной строке совпадает с тем что в корзине //check if it has get parameters const urlParams=new URLSearchParams(url.split('?')[1]);if (urlParams.has('ids')){const ids=urlParams.get('ids').split('-');ids.forEach(id=>{const variant=CART.find(parseInt(id));if (!variant){//check if CART is not empty if (CART.contents.length>0){//make a new url const newUrl='/cart?ids='+CART.arrayColumn('id').join('-');//redirect window.location.href=newUrl}else{//redirect window.location.href='/cart'}}})}else{//check if CART is not empty if (CART.contents.length>0){//make a new url const newUrl='/cart?ids='+CART.arrayColumn('id').join('-');//redirect window.location.href=newUrl}}const cartСtrls=document.querySelectorAll(".cart_ctrls");cartСtrls && cartСtrls.forEach(ctrl=>{const variantId=parseInt(ctrl.dataset.varid);const input=ctrl.querySelector("input[type=number]");const variant=CART.find(variantId);const subtotal=ctrl.querySelector(".subtotal");const qtys=ctrl.querySelectorAll(".cart-qty");if (qtys){qtys.forEach(el=>el.addEventListener("click",ev=>{ev.preventDefault();const amount=parseInt(ev.target.dataset.amount);const variant=CART.find(variantId);const newAmount=variant.qty+amount;//нельзя им дать дойти до 0 - пусть используют кнопку "убрать" if (newAmount>0){CART.amount(variantId,newAmount);if (subtotal) subtotal.innerHTML=formatNumberWithSpaces(variant.price)+" ₽";if (input){input.setAttribute("value",newAmount);input.value=newAmount}}}))}if (input){input.setAttribute("value",variant.qty);input.value=variant.qty;if (subtotal) subtotal.innerHTML=formatNumberWithSpaces(variant.price * variant.qty)+" ₽";input.addEventListener("change",ev=>{let newQty=parseInt(ev.target.value);CART.amount(variantId,newQty);if (subtotal) subtotal.innerHTML=formatNumberWithSpaces(variant.price * newQty)+" ₽"})}const deleteBtn=ctrl.querySelector(".product-cart__del");deleteBtn && deleteBtn.addEventListener("click",ev=>{ev.preventDefault();CART.remove(variantId);ctrl.parentElement.parentElement.remove();//make a new url const newUrl='/cart?ids='+CART.arrayColumn('id').join('-');//redirect window.location.href=newUrl})})}}}document.addEventListener('DOMContentLoaded',()=>CART.init());document.addEventListener('cartReady',()=>CART.cartEvents());article{max-width:1180px;margin:40px 15px}article img{margin:15px}h2,h3,h4{font-weight:700;font-size:1.5rem;color:#1c592b;margin-bottom:15px}@media all and (min-width:1220px){article{margin:40px auto}}