.main-page{background-color:#f2f3f7;display:flex;flex-direction:column;gap:32px}.grid{padding:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(256px,1fr));grid-template-rows:repeat(auto)}.header{display:flex}.card_4{padding:0 16px 16px;display:grid;grid-template-rows:subgrid;grid-row:span 4;overflow:hidden;background-color:#fff;border:1px solid #d2d2d2;border-radius:4px;font-family:Inter,sans-serif;box-shadow:0 0 2px #0000001f,0 2px 4px #00000024}.card__image-wrapper{min-height:150px;max-height:300px;margin-left:-16px;width:calc(100% + 32px);display:flex;align-items:center}.card__image{width:100%}.card__heading{margin:0}.card__link{text-decoration:inherit;color:inherit;font-weight:500}.card__price{font-size:20px;font-weight:600}.card__text{margin:0}.addToCart{width:100%;position:relative;align-self:center;color:#2a2524;font-size:18px}.addToCart__quantity-controls{display:flex}.addToCart__button{padding:10px 30px;border:2px solid #d2d2d2;border-radius:4px;background-color:#fff;color:#2a2524;font-size:18px;font-family:Inter,sans-serif;line-height:100%;width:100%;height:100%;color:#fff;background-color:#0078d4;border:0}.addToCart__button:hover{background-color:#f5f5f5}.addToCart__button:active{background-color:#e0e0e0}.addToCart__button:hover{background-color:#4755d5}.addToCart__button:active{background-color:#333c93}.addToCart__counter{flex:1;display:flex;justify-content:center;align-items:center}.addToCart__value-button{width:40px;height:40px;padding:0;display:flex;justify-content:center;align-items:center}.addToCart__value-button:hover{background-color:#006cc1}.addToCart__button_add{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center}.addToCart__button_add:hover{background-color:#006cc1}.header{padding:24px 32px;display:flex;justify-content:space-between;background-color:#fff;box-shadow:0 0 2px #0000001f,0 2px 4px #00000024}.cart-item{min-width:400px;height:96px;position:relative;display:flex;gap:10px;align-items:center}.cart-item:after{content:"";width:100%;height:1px;position:absolute;left:0;top:-8px;background-color:#d2d2d2}.cart-item:first-child{margin-top:0}.cart-item:first-child:after{display:none}.cart-item-image{height:100%;aspect-ratio:1/1;object-fit:contain;border-radius:4px;background-color:#f5f5f5}.cart-item-info{height:100%;display:flex;flex-direction:column;justify-content:space-between}.cart-item-title{line-height:22px}.cart-item-price{font-size:20px;font-weight:600}.cart-counter{align-self:flex-start;display:flex;gap:3px}.cart__button{height:100%}.cart-popup{border-radius:4px;box-shadow:0 0 2px #0000001f,0 2px 4px #00000024;padding:8px;position:absolute;display:flex;flex-direction:column;gap:16px;background-color:#fff;box-shadow:0 14px 28px #0000003d,0 0 8px #0003}.button{padding:10px 30px;border:2px solid #d2d2d2;border-radius:4px;background-color:#fff;color:#2a2524;font-size:18px;font-family:Inter,sans-serif;line-height:100%}.button:hover{background-color:#f5f5f5}.button:active{background-color:#e0e0e0}.button-small{border:2px solid #d2d2d2;border-radius:4px;background-color:#fff;color:#2a2524;font-size:18px;font-family:Inter,sans-serif;line-height:100%;padding:4px;height:30px}.button-small:hover{background-color:#f5f5f5}.button-small:active{background-color:#e0e0e0}.button-small-square{border:2px solid #d2d2d2;border-radius:4px;background-color:#fff;color:#2a2524;font-size:18px;font-family:Inter,sans-serif;line-height:100%;padding:4px;height:30px;aspect-ratio:1/1}.button-small-square:hover{background-color:#f5f5f5}.button-small-square:active{background-color:#e0e0e0}.button-internal-image{max-width:100%}.text-square-container{height:100%;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;font-size:20px}.card-light{padding:16px;border-radius:4px;box-shadow:0 0 2px #0000001f,0 2px 4px #00000024}.button_round{padding:10px 30px;border:2px solid #d2d2d2;background-color:#fff;color:#2a2524;font-size:18px;font-family:Inter,sans-serif;line-height:100%;border-radius:100%}.button_round:hover{background-color:#f5f5f5}.button_round:active{background-color:#e0e0e0}.shadow-highlight{box-shadow:0 0 2px #0000001f,0 2px 4px #00000024}.form-button{padding:10px 30px;border:2px solid #d2d2d2;border-radius:4px;background-color:#fff;color:#2a2524;font-size:18px;font-family:Inter,sans-serif;line-height:100%}.form-button:hover{background-color:#f5f5f5}.form-button:active{background-color:#e0e0e0}.overlay{width:100%;height:100%;position:fixed;left:0;top:0;display:flex;align-items:center;justify-content:center;background-color:#00001acc}.overlay_hidden{display:none}.overlay__content-wrapper{position:relative}.close-button{height:20px;width:20px;position:absolute;right:-25px;top:-25px}.close-button:hover{opacity:.5}.form{width:400px;padding:32px;box-sizing:border-box;background-color:#fff;border-radius:8px;font-family:Inter,sans-serif}.form__heading{margin:0;padding-bottom:32px;font-size:36px;line-height:100%}.form__label{font-size:24px;padding-bottom:8px}.form__input{display:block;box-sizing:border-box;padding:1rem;outline:0;border:2px solid #d2d2d2;border-radius:4px;font-size:16px}.form__input_error{background-color:#ffc8c8;border-color:#ec4646}.form__input_left-part{flex:1;border-right:0;border-radius:4px 0 0 4px}.form__input_right-part{width:50px;border-radius:0 4px 4px 0;background-image:url(./eye-open.svg);background-size:40px 40px;background-position:center;background-repeat:no-repeat;border-left:0;border-top:2px solid;border-right:2px solid;border-bottom:2px solid}.form__input_right-part_normal{border-color:#d2d2d2;background-color:#0000}.form__input_right-part_error{background-color:#ffc8c8;border-color:#ec4646}.form__input_right-part_eye-closed{background-image:url(./eye-closed.svg)}.form__show-password:hover{background-color:#fff9;background-blend-mode:lighten}.form__error{visibility:hidden;padding-top:4px;color:#ec4646;font-weight:700}.form__error-line{line-height:130%}.form__error_show{visibility:visible}.form__input-wrapper{padding-bottom:16px;display:flex;flex-direction:column}.form__input-wrapper_2{display:flex}.form_submit{margin-left:auto;padding:.75rem 2rem;display:block;color:#fff;background-color:#0078d4;border:0;border-radius:4px;cursor:pointer;font-size:24px}.form_submit:hover{background-color:#4755d5}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100;src:url(/ShopMockupPage/assets/inter-v18-cyrillic_latin-100-Dzv0qSyR.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:200;src:url(/ShopMockupPage/assets/inter-v18-cyrillic_latin-200-BymJLYZj.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(/ShopMockupPage/assets/inter-v18-cyrillic_latin-300-DyKx_ggz.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/ShopMockupPage/assets/inter-v18-cyrillic_latin-regular-D9Z-QvA4.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/ShopMockupPage/assets/inter-v18-cyrillic_latin-500-dHdl69Xq.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(/ShopMockupPage/assets/inter-v18-cyrillic_latin-600-0QLRcVCZ.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/ShopMockupPage/assets/inter-v18-cyrillic_latin-700-CVEZtPTt.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:800;src:url(/ShopMockupPage/assets/inter-v18-cyrillic_latin-800-D159JKpX.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:900;src:url(/ShopMockupPage/assets/inter-v18-cyrillic_latin-900-CyB40jwR.woff2) format("woff2")}body{font-family:Inter,sans-serif}
