@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap";*,*:before,*:after{position:relative;margin:0;padding:0;box-sizing:border-box}img{display:block}body{font-family:Montserrat,sans-serif}body.modal-shown{overflow:hidden}main>.container{display:flex;flex-direction:column;align-items:center;background:#fafafa;padding:80px 10px}header{position:sticky;top:0;display:flex;align-items:center;background:#fff;padding:20px 60px;filter:drop-shadow(0px 4px 20px rgba(0,0,0,.25));z-index:1}header .logo>a{display:block}header .logo>a>img{height:56px}header ul.navigation{display:flex;gap:40px;list-style:none;font-size:18px}header ul.navigation.pages{margin-left:80px;font-weight:800}header ul.navigation.main{margin-left:auto}header ul.navigation>li{display:flex;align-items:center;cursor:pointer;gap:10px}header ul.navigation>li>a{text-decoration:none;color:#000}header ul.navigation>li.active>a,header ul.navigation>li:hover>a,header ul.navigation>li:focus>a{color:#f20000}header ul.navigation>li>.icon{background:#000;width:30px;height:30px;padding:3px}header ul.navigation>li>.number{font-weight:900;font-size:24px;color:#f20000}header ul.navigation>li:hover>.icon,header ul.navigation>li:focus>.icon{background:#f20000}@media screen and (max-width:940px){header{padding:10px}header>nav{display:none;flex-direction:column;align-items:flex-start;gap:40px;position:fixed;margin:0;background:#fff;height:100vh;top:0;right:0;bottom:0;z-index:1;padding:10px;max-width:320px;width:100%;box-shadow:0 0 20px #00000040}header>nav.shown{display:flex}header>nav.shown>.header{display:flex!important}header>nav>.header{align-items:center;justify-content:space-between;align-self:stretch;gap:20px}header>nav>.header>.close{display:flex;align-items:center;justify-content:center;background:#000;width:30px;height:30px;padding:3px}header>nav>.header>.close>img{display:block;width:100%;height:100%}header>nav>.header>.close:hover,header>nav>.header>.close:focus{background:#f20000}header ul.navigation.pages{display:flex;flex-direction:column;align-items:flex-start;margin:0}header ul.navigation.main>li.cart>.title{display:none}header ul.navigation.main>li.menu{display:flex!important}}footer{display:flex;justify-content:center;background:#666;color:#fff}footer>.container{display:flex;justify-content:space-between;margin:50px 10px;max-width:1060px;width:100%;gap:20px}footer>.container>ul.navigation{display:flex;flex-direction:column;gap:30px;list-style:none;font-weight:600;font-size:24px}footer>.container>ul.navigation>li>a{color:#fff;text-decoration:none}footer>.container>.contacts{text-align:right}footer>.container>.contacts>.socials{display:flex;flex-direction:column;align-items:flex-end}footer>.container>.contacts>.socials>.title{font-size:24px}footer>.container>.contacts>.socials>ul.buttons{display:flex;list-style:none;margin-top:30px}footer>.container>.contacts>.socials>ul.buttons>li{margin-left:14px}footer>.container>.contacts>.socials>ul.buttons>li>a{display:flex;align-items:center;justify-content:center;background:#000;padding:10px}footer>.container>.contacts>.socials>ul.buttons>li>a>img{width:40px;height:40px}footer>.container>.contacts>.socials>ul.buttons>li:first-child{margin:0}footer>.container>.contacts>.email{margin-top:40px;font-size:14px}footer>.container>.contacts>.email>a{text-decoration:none;color:#fff}footer>.container>.contacts>.address{margin-top:15px;font-size:14px}@media screen and (max-width:940px){footer>.container{margin:10px}footer>.container>ul.navigation{font-size:18px}footer>.container>.contacts>.socials>.title{font-size:18px}footer>.container>.contacts>.socials>ul.buttons{margin-top:10px}footer>.container>.contacts>.socials>ul.buttons>li>a>img{width:20px;height:20px}footer>.container>.contacts>.email{margin-top:20px}footer>.container>.contacts>.address{margin-top:8px}}@media screen and (max-width:540px){footer>.container{flex-direction:column}footer>.container>ul.navigation{flex-direction:row}}.modals{display:none;position:fixed;inset:0;z-index:4;padding:30px 10px;background:#00000040;overflow-x:hidden;overflow-y:auto}.modals.shown{display:block}.modals>.modal{display:none;background:#fff;padding:15px;margin:0 auto;box-shadow:0 0 15px #333;border:1px solid #666;max-width:800px;width:100%}.modals>.modal.shown{display:block}.modals>.modal>button.close{cursor:pointer;position:absolute;top:15px;right:15px;outline:none;border:none;background:none;font-size:32px;font-weight:800;opacity:.4;transition:opacity 175ms;width:22px;height:22px;line-height:22px;color:#000}.modals>.modal>button.close:hover{opacity:1}.modals>.modal>h2.title{text-align:center;font-size:24px;margin-bottom:15px}.modals>.modal>.description{text-align:center;font-size:14px;margin-bottom:15px}.modals>.modal>.buttons{display:flex;justify-content:center;margin-top:20px}.modals>.modal>.buttons>button{cursor:pointer;outline:none;border:2px solid #333;background-color:#fff;padding:7px 14px;font-size:32px;text-transform:uppercase;transition:background-color 175ms;font-weight:800;color:#000}.modals>.modal>.buttons>button:hover{background-color:#ddd}table.cart{border-collapse:collapse;border-spacing:0;width:100%}table.cart>thead>tr>th,table.cart>tbody>tr>td,table.cart>tfoot>tr>td{border:1px solid #ddd;padding:5px;line-height:1.42857143;text-align:center}table.cart>thead>tr>th{border-bottom-width:2px}table.cart>thead>tr>th:first-child,table.cart>tbody>tr>td:first-child,table.cart>tfoot>tr>td:first-child{text-align:left}table.cart>thead>tr>th:last-child,table.cart>tbody>tr>td:last-child,table.cart>tfoot>tr>td:last-child{text-align:right}table.cart>tbody>tr:nth-child(odd)>td{background:#f9f9f9}table.cart>tbody>tr.empty>td{text-align:center}table.cart>tbody>tr>td>.title{display:flex;flex-direction:column}table.cart>tbody>tr>td>.count{display:flex;align-items:center;justify-content:center;gap:10px}table.cart>tbody>tr>td a{font-weight:800;text-decoration:none;opacity:.4;transition:opacity 175ms;color:inherit;font-size:24px}table.cart>tbody>tr>td a:hover{opacity:1}table.cart>tbody>tr>td.price,table.cart>tfoot>tr>td.price{white-space:nowrap}.modals>.modal>.inputs{display:flex;flex-direction:column;gap:20px}.modals>.modal>.inputs>input{border:2px solid #aaa;padding:10px 30px;font-size:28px;font-weight:800;outline:none;text-align:center}.modals>.modal>.inputs>input::placeholder{color:#aaa;text-transform:uppercase}.modals>.modal.thanks-modal>.thanks{text-align:center;font-size:28px;font-weight:500;margin:80px 0}@media screen and (max-width:660px){table.cart{display:flex;flex-direction:column;gap:20px;font-size:14px}table.cart>thead{display:none}table.cart>tbody{display:flex;flex-direction:column;gap:10px}table.cart>tbody>tr{display:block}table.cart>tbody>tr>td{display:flex;justify-content:space-between;gap:20px}table.cart>tbody>tr>td:before{content:attr(data-label)}table.cart>tbody>tr>td>.title{text-align:right}table.cart>tbody>tr>td a{font-size:28px;line-height:normal}table.cart>tfoot{align-self:flex-end}table.cart>tfoot>tr>td:not(.price){display:none}}@media screen and (max-width:940px){.modals>.modal>.inputs>input{padding:5px 10px;font-size:16px}}