hr{height:1px}.basket-head{padding-bottom:10px;transition:box-shadow .3s}.scroll{width:115%;margin-left:-40px;padding-left:40px;box-shadow:0 4px 6px -2px #0000001a}.bascet-title{margin-bottom:10px;font-size:28px;font-weight:500}.mini_image{max-width:90px;max-height:90px}.scroll-content{scrollbar-width:none;max-height:calc(80vh - 80px);overflow-y:auto}.scroll-content::-webkit-scrollbar{width:0}.delete_button{opacity:.5;font-size:var(--size-13)}.delete_button:hover{opacity:1}.basket-miniature{flex-direction:row;width:500px;height:90px;margin:15px 0;display:flex}.info{flex-direction:column;align-self:center;width:100%;padding-left:20px;display:flex}.info-first_line{flex-direction:row;place-content:end space-between;width:100%;display:flex}.color_and_size{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.color_and_size p{font-size:var(--size-12);font-weight:400}.info-first_line p{font-size:var(--size-12);font-weight:400}.color_string{flex-direction:row;align-items:center;gap:5px;margin:10px 0;display:flex}.color_string p{font-size:var(--size-12);text-transform:lowercase;font-weight:400}.price{font-size:var(--size-14);font-weight:600}.color_squer{border:1px solid #888;width:10px;height:10px}.form-group{margin-top:20px;position:relative}.form__block{margin:40px 0}.inputForm{border:none;border-bottom:1px solid #000;outline:none;width:100%;padding:10px;font-size:16px}.inputLabel{color:#000;pointer-events:none;transition:all .2s;position:absolute;top:15px;left:10px}.inputForm:focus+.inputLabel,.inputForm:not(:placeholder-shown)+.inputLabel{font-size:var(--size-12);color:var(--accent-color);top:-10px}.radio-button_group{flex-direction:column;gap:10px;margin-top:18px;display:flex}.radio-lable_group{font-weight:600;font-size:var(--size-12);flex-direction:row;align-items:center;gap:5px;display:flex}.radio_button{accent-color:var(--accent-color);color:#888;width:18px;height:18px}.message-box{font-size:var(--size-12);padding-right:120px;font-weight:400;line-height:140%}.total_summ{font-size:var(--size-20);margin-top:40px;font-weight:700}.submit__button{border:1px solid var(--accent-color);color:var(--accent-color);width:100%;font-size:var(--size-14);text-transform:uppercase;background-color:#fff;margin-top:25px;padding:17px;font-weight:600;transition:all .3s}.submit__button:hover{background-color:var(--accent-color);color:#fff}.bottom-string{font-size:var(--size-12);font-weight:400;line-height:140%}.bottom-string a{letter-spacing:0,4;color:var(--accent-color);font-size:12px;font-weight:400;line-height:140%}.bottom-string a:hover{cursor:pointer}.order-success-overlay{z-index:9999;background-color:#fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.order-success-content{text-align:center;max-width:100%;padding:20px}.order-success-content h2{margin-bottom:20px;font-size:20px}.order-success-p{margin-bottom:10px;font-size:16px;font-weight:400}@media (max-width:768px){.basket-miniature{width:100%}.color_and_size-size{text-align:end}}
.mobile-header{background-color:#fff;width:100%;box-shadow:0 4px 20px #0000001a}.header-grid{grid-template-columns:1fr auto 1fr;align-items:center;width:100%;height:55px;padding:0 20px;display:grid}.down{margin-top:10px}.bb-line{background-color:#000;width:20px;height:2px}.burger_button{background-color:#f0f8ff00;border:none;width:40px;margin-bottom:5px;position:relative}.line-one{position:absolute;top:5px}.line-two{position:absolute;top:0}.burger_button :active{background-color:#000}
.menu-overlay{z-index:9999;opacity:0;visibility:hidden;background-color:#00000080;width:100%;height:100dvh;transition:all .3s ease-in-out;position:fixed;top:0;left:0}.menu-overlay.active{opacity:1;visibility:visible}.menu-content{background-color:#1a1a1a;width:100%;height:100%;padding:20px;transition:transform .3s ease-in-out;position:absolute;top:0;left:0;transform:translate(-100%);box-shadow:2px 0 10px #00000080}.menu-overlay.active .menu-content{transform:translate(0)}.close-btn{color:#fff;background:0 0;border:none;margin-bottom:20px;font-size:36px}.menu-nav{flex-direction:column;gap:30px;margin-top:50px;list-style:none;display:flex}.menu-nav a{color:#fff;font-size:25px;text-decoration:none}
footer{box-sizing:border-box;background-color:#000;width:100%;margin:0;padding:20px;position:relative}.footer_grid{grid-template-columns:1fr auto 1fr;align-items:center;column-gap:55px;max-width:1040px;margin:20px auto 60px;display:grid}.brand_block{color:#fff;flex-direction:column;grid-column:1;gap:20px;display:flex}.brand_blok-name{font-size:var(--size-25);font-weight:600}.brand_blok-logo{width:51px;height:51px}.brand_blok-text{font-size:var(--size-12);letter-spacing:-.4px;font-weight:400;line-height:1.4}.contact_blok{color:#fff;text-transform:uppercase;font-size:var(--size-12);flex-direction:column;grid-column:2;align-self:flex-end;gap:4px;padding-bottom:5px;font-weight:600;line-height:110%;display:flex}.information_blok{color:#fff;grid-column:3;align-self:flex-end}.information_blok p{font-size:var(--size-12);white-space:nowrap;margin:0;padding:0;font-weight:400;line-height:140%}hr{opacity:.5;max-width:1040px;height:1px;margin:auto}.footer_end{color:#fff;flex-direction:row;justify-content:space-between;max-width:1040px;margin:auto;padding-top:15px;display:flex}.footer_end p{font-size:var(--size-12);opacity:.5;font-weight:400}.icon_bar{flex-direction:row;gap:33px;display:flex}.icon_bar img{opacity:.5;width:20px;height:20px;transition:all .3s}.icon_bar img:hover{opacity:1;transition:all .3s;transform:scale(1.3)}@media (max-width:768px){.footer_grid{flex-direction:column;align-items:start;gap:1rem;display:flex}.contact_blok,.information_blok{align-self:flex-start}}