.cards{margin-top:20px;margin-bottom:20px}.cards__list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;display:grid}@media screen and (width<=720px){.cards__list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}.hero__wrapper{justify-content:center;align-items:center;min-height:calc(100vh - 60px);display:flex;position:relative}.hero{text-align:center}.hero__background,.hero__shadow,.hero__opacity{z-index:-1;width:100%;height:100%;position:absolute;top:0}.hero__background .img{object-fit:cover;object-position:top}.hero__opacity{z-index:1;-webkit-mask-image:linear-gradient(#0000 0%,#000 95%);mask-image:linear-gradient(#0000 0%,#000 95%)}.hero__shadow{z-index:1;background:linear-gradient(to right, var(--background-500), var(--background-400))}.hero__title{text-shadow:0 0 10px var(--text-100);font-size:100px}.hero__subtitle{text-shadow:0 0 10px var(--text-100);margin-bottom:20px;font-size:22px;font-weight:600}.hero__box_btn{margin:100px auto auto}.logo_box{margin:auto}.logo_box img{width:250px;height:50px}.modal__wrapper{z-index:10;-webkit-backdrop-filter:blur(5px);background-color:#ffffff4d;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal{background-color:var(--background-50);box-shadow:0 0 50px var(--accent-300);border-radius:10px;flex-direction:column;width:100%;max-width:700px;height:100%;min-height:500px;margin:10px 40px;padding:20px;display:flex}@media screen and (width<=500px){.modal{margin:0;padding:10px 5px}}.modal__header{margin:20px}.product-items{flex-grow:1;position:relative;overflow:auto}.product-item{padding:10px;gap:20px!important}.product-item__info{flex:1;min-width:0}.product-item__btn{text-align:center;margin:20px 0}.item__info_title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.item__info_price{margin:10px 0}.item__info_count-box{justify-content:start!important;gap:20px!important}.item__info_count-box .item__info_count-box_button{background-color:var(--accent-200);border-radius:10px;padding:10px;transition:all .2s}.item__info_count-box .item__info_count-box_button:hover{background-color:var(--background-200)}.product-item__box-img{border-radius:10px;flex:1;width:100%;max-width:100%;height:100%;max-height:100%;overflow:hidden}.product-item__box-img .img{object-fit:cover;object-position:bottom;-webkit-user-select:none;user-select:none}.product-block{margin-top:10px}.close{font-size:20px}.empty{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.cart{-webkit-user-select:none;user-select:none;cursor:pointer;border:1px solid var(--accent-500);background-color:var(--accent-800);border-radius:50%;width:50px;height:45px;transition:all .2s;position:relative}.cart:hover{background-color:var(--primary-400);border-color:#0000}.cart_box-img{margin:auto}.cart_count{background-color:var(--primary-700);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:flex;position:absolute;top:-5px;right:-5px}.card{border:1px solid #0000;flex-direction:column;transition:box-shadow .25s,transform .25s,border-color .25s;display:flex}.card__title{margin-bottom:10px}.card_content{flex-direction:column;flex:1;gap:6px;padding:12px 12px 10px;display:flex}.card__description{color:var(--text-800);flex:1;gap:10px;font-size:13px;line-height:1.5}.card__box-img{aspect-ratio:3/3;max-width:100%;max-height:100%;overflow:hidden}.card__box-img img{object-fit:cover;border-radius:10px 0;width:100%;height:100%;transition:transform .4s}.card_price{gap:10px;justify-content:space-around!important}@media screen and (width<=720px){.card_price{text-align:center;display:inline-block!important}}@media screen and (width<=720px){.card_price .flex{text-align:center;justify-content:center;margin-bottom:10px}}@media screen and (width<=720px){.card_btn{margin:auto}}.title{color:var(--text-700);font-weight:600}.price{color:var(--text-700);font-size:22px;font-weight:700}.weight{color:var(--accent-600);margin-left:5px;font-size:16px;font-weight:700}.hr{background-color:var(--accent-800);opacity:.2;width:100%;height:1px;margin:5px 0}.added{background-color:var(--primary-400);color:var(--text-700)}.social{flex-wrap:nowrap;width:max-content;height:40px;justify-content:center!important}.social_box-icon{width:fit-content;height:100%}.social__block{width:40px;height:100%}.social__block:hover{transform:scale(.95)}.center .social{text-align:center;justify-content:center;margin:auto}.np-wrapper{flex-direction:column;gap:20px;width:100%;margin-bottom:20px;display:flex}.np-select-wrapper{position:relative}.np-label{margin-bottom:8px;font-size:14px;font-weight:500;display:block}.np-input,.np-fake-select{box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:12px;outline:none;width:100%;height:52px;padding:0 16px;font-size:15px;transition:all .2s}.np-input:focus{border-color:#111}.np-fake-select{cursor:pointer;align-items:center;display:flex}.np-dropdown{z-index:20;background:#fff;border:1px solid #eee;border-radius:12px;width:100%;max-height:260px;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden auto;box-shadow:0 10px 30px #00000014}.np-option{cursor:pointer;border-bottom:1px solid #f5f5f5;padding:14px 16px;transition:all .2s}.np-option:hover{background:#f7f7f7}.success-toast{color:#fff;z-index:9999;background:#111;border-radius:14px;align-items:center;gap:12px;padding:14px 18px;animation:.3s toastShow;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 10px 30px #0000001f}.success-toast__icon{background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;display:flex}@keyframes toastShow{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}button.danger{background:#d9534f}.login-page,.admin-page{min-height:100vh;padding-top:10px;padding-bottom:10px}.login-page{justify-content:center;align-items:center;display:flex}.login-card,.product-form,.product-card{background:var(--background-50);border-radius:var(--radius-tn);padding:var(--padding-xs)}.login-card{flex-direction:column;gap:16px;width:100%;max-width:400px;display:flex}.login-button,.product-form__button{margin:auto}.product-form{max-width:700px;margin:auto auto 10px;gap:0!important}.product-form .hr{margin:20px 0}.product-table{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;margin-top:40px;display:grid}.product-card{overflow:hidden}.product-card img{object-fit:cover;border-radius:16px;width:100%;height:240px}.product-info{flex-direction:column;gap:12px;padding-top:16px;display:flex}.product-actions{text-align:center;justify-content:center;gap:12px;display:flex}.product-actions button{flex:1;width:100%}.form__field_center{text-align:center;margin-bottom:10px}.admin-page_btns{margin:10px 0;justify-content:center!important;gap:5px!important}.admin-page_btns .button{text-align:center;flex:1;width:100%}.upload-box{border:2px dashed var(--primary-400);cursor:pointer;background:var(--background-50);border-radius:20px;justify-content:center;align-items:center;margin-bottom:10px;padding:14px 16px;transition:all .2s;display:flex}.upload-box:hover{background:var(--primary-50)}.preview-image{object-fit:cover;border-radius:20px;width:100%;max-height:300px;margin-bottom:10px}.form__overlay{z-index:999;justify-content:center;align-items:center;display:flex;inset:0}@media screen and (width<=1000px){.form__overlay.wrapper{padding:0!important}}.form__modal{background:#fff;width:100%;padding:32px;position:relative;overflow-y:auto}.form__content{flex-wrap:wrap;gap:40px;display:flex;align-items:start!important}.form__left{flex-direction:column;flex:1;gap:5px;min-width:320px;padding:10px;display:flex}.form__right{background:#fafafa;border-radius:16px;height:fit-content;margin:auto;padding:24px}@media screen and (width<=1000px){.form__right{background:inherit;padding:0}}.form__title{margin-bottom:24px;font-size:28px}.form__field{flex-direction:column;width:100%;margin-bottom:18px;display:flex}.form__summaryTitle{margin-bottom:24px;font-size:22px}.form__product{justify-content:space-between;gap:16px;margin-bottom:20px;display:flex}.form__productName{margin-bottom:6px;font-weight:600}.form__productMeta{color:#777;font-size:14px}.form__price{white-space:nowrap;font-weight:600}.form__divider{background-color:var(--background-500);width:100%;height:1px;margin:20px 0}.form__row{justify-content:space-between;gap:20px;margin-bottom:14px;font-size:14px;display:flex}.form__totalRow{justify-content:space-between;font-size:20px;font-weight:700;display:flex}.form__submitBtn{margin:auto}.checkout-products-items{position:relative;overflow:auto}.checkout-products-item{gap:20px;padding:10px}.checkout-products-item__info{flex:1;min-width:0}.checkout-products-item__btn{text-align:center;margin-top:20px}.checkout-products-item__box-img{aspect-ratio:3/2;border-radius:10px;flex:1;max-height:100px;overflow:hidden}.checkout-products-item__box-img .img{object-fit:cover;object-position:bottom;-webkit-user-select:none;user-select:none}.header{z-index:1000;border-bottom:1px solid var(--background-200);background-color:var(--background-100);box-shadow:0 0 50px var(--accent-300);padding:5px;position:sticky;top:0}.footer{text-align:center;background-color:var(--accent-800);padding:10px}.rights{color:var(--text-100);font-weight:700}html.theme{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--text-50:#f7f7ee;--text-100:#eed;--text-200:#dedeba;--text-300:#cdcd98;--text-400:#bdbd75;--text-500:#acac53;--text-600:#8a8a42;--text-700:#676732;--text-800:#454521;--text-900:#221;--text-950:#111108;--background-50:#f6f6ee;--background-100:#eeecdd;--background-200:#ddd9bb;--background-300:#ccc799;--background-400:#bbb477;--background-500:#aaa155;--background-600:#888144;--background-700:#666133;--background-800:#444022;--background-900:#222011;--background-950:#111009;--primary-50:#f7f6ee;--primary-100:#eed;--primary-200:#dedcba;--primary-300:#cdcb98;--primary-400:#bdb975;--primary-500:#aca853;--primary-600:#8a8642;--primary-700:#676532;--primary-800:#454321;--primary-900:#221;--primary-950:#111108;--secondary-50:#eef7ee;--secondary-100:#ded;--secondary-200:#badebc;--secondary-300:#98cd9a;--secondary-400:#75bd79;--secondary-500:#53ac57;--secondary-600:#428a46;--secondary-700:#326734;--secondary-800:#214523;--secondary-900:#121;--secondary-950:#081109;--accent-50:#eef7f2;--accent-100:#ddeee5;--accent-200:#badecb;--accent-300:#98cdb1;--accent-400:#75bd97;--accent-500:#53ac7d;--accent-600:#428a64;--accent-700:#32674b;--accent-800:#214532;--accent-900:#112219;--accent-950:#08110c;--padding-xs:20px;--radius-tn:20px}html,body{height:100%}body{color:var(--text-900);background:linear-gradient(to right, var(--background-500), var(--background-400));text-rendering:optimizelegibility;font-size:14px;line-height:1.2}*{box-sizing:border-box}a{cursor:pointer}:is(a,button,[role=button]):focus-visible{outline-offset:1px;outline:thin dotted}img{-webkit-user-select:none;user-select:none}[hidden]{display:none!important}::selection{background-color:var(--background-900);color:var(--background-900)}.main_wrapper{grid-template-rows:auto 1fr auto;min-height:100vh;margin:0;display:grid}.wrapper{padding-left:120px;padding-right:120px}@media screen and (width<=1000px){.wrapper{padding-left:20px;padding-right:20px}}.flex{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px;display:flex}@media screen and (width<=500px){.flex{justify-content:space-around}}.error{text-align:center;color:red;font-size:12px}.container{width:100%;margin:auto;padding-left:9vw;padding-right:9vw}.card{background-color:var(--background-100);border:1px solid var(--background-400);border-radius:10px;position:relative}_secondary.card{background-color:var(--background-500)}.img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%}_cover.img{object-fit:cover}_fill.img{object-fit:fill}.icon{height:25px}.form-field{width:100%}.form-field label{margin-bottom:8px;display:block}-textarea.form-field{min-height:80px;max-height:280px}.form{flex-direction:column;gap:24px;display:flex}.input-wrapper{position:relative;overflow:hidden}label{letter-spacing:0%;color:var(--text-900);font-size:14px;font-weight:400;line-height:120%}input::placeholder,textarea::placeholder,input[type=search]::placeholder,input[type=datetime-local]::placeholder,input[type=date]::placeholder,input[type=email]::placeholder,input[type=month]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,input[type=time]::placeholder,input[type=week]::placeholder,input[type=url]::placeholder{color:var(--text-900);font-size:14px}input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px var(--background-200) inset!important;-webkit-text-fill-color:var(--text-900)!important}:is(input,textarea,input[type=search],input[type=datetime-local],input[type=date],input[type=email],input[type=month],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=time],input[type=week],input[type=url]).input{cursor:text;-webkit-user-select:none;user-select:none;box-sizing:border-box;background-color:var(--background-400);width:100%;color:var(--text-900);border-radius:var(--radius-tn);border:1px solid var(--border-main);letter-spacing:0%;padding:16px 20px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:400;line-height:120%;transition:all .2s ease-in-out}:is(input,textarea,input[type=search],input[type=datetime-local],input[type=date],input[type=email],input[type=month],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=time],input[type=week],input[type=url]).input:focus{border-color:var(--background-300)}:is(input,textarea,input[type=search],input[type=datetime-local],input[type=date],input[type=email],input[type=month],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=time],input[type=week],input[type=url]).input:disabled{cursor:not-allowed;opacity:.5;color:var(--text-900);border-color:var(--secondary-500)}input[type=color]{-webkit-appearance:none;box-sizing:border-box;background-color:#0000;border:none;padding:0}input[type=color]::-webkit-color-swatch-wrapper{border-radius:var(--padding-xs);border:none}input[type=color]::-webkit-color-swatch{border-radius:var(--padding-xs);border:none}input[type=color]:focus{border-color:var(--background-300)}input[type=color]:disabled{opacity:.5;border-color:var(--secondary-500)}textarea{resize:vertical;outline:none;width:100%;height:auto}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button{appearance:none}input[type=number]::-webkit-outer-spin-button{appearance:none}input[type=radio]{accent-color:var(--text-800);margin:0}.input-radio{align-items:center;gap:4px;display:flex}.link{border:none;font-weight:500;text-decoration:none;transition:all .3s}.link.link--primary{color:var(--primary-400)}.link.link--primary:active{color:var(--primary-500)}@media (hover:hover){.link.link--primary:hover{color:var(--primary-600)}}.link.link--primary:disabled{color:var(--primary-100)}.link.link--brand{color:var(--secondary-400)}.link.link--brand:active{color:var(--secondary-500)}@media (hover:hover){.link.link--brand:hover{color:var(--secondary-600)}}.link.link--brand:disabled{color:var(--secondary-100)}*{box-sizing:border-box;margin:0;padding:0}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{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0;font-family:Archivo Black,sans-serif;font-style:normal;font-weight:400;text-decoration:none}h1,h2,h3{font-optical-sizing:auto;font-family:Unbounded,sans-serif;font-style:normal;font-weight:600;line-height:normal}:focus{outline:0}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}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none}input[type=search]::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]::-webkit-search-results-button{-webkit-appearance:none;-moz-appearance:none}input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;box-sizing:content-box}textarea{vertical-align:top;resize:vertical;overflow:auto}audio:not([controls]){height:0;display:none}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:active,a:hover{outline:0}legend{white-space:normal;padding:0}button,input,select,textarea{vertical-align:baseline;font-size:100%}button,input{line-height:normal}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;outline:none;margin:0;padding:0}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner{border:0;padding:0}input::-moz-focus-inner{border:0;padding:0}textarea{vertical-align:top}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::selection{text-shadow:none;background:#b3d4fc}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}a,button,input,textarea,select{color:inherit;-webkit-tap-highlight-color:transparent}a:focus,a:active,button:focus,button:active,img:focus,img:active{box-shadow:none;outline:none}input,select,textarea{box-sizing:border-box;border:1px solid #ddd;border-radius:12px;outline:none;width:100%;margin-top:8px;padding:14px 16px;font-size:15px}input:focus,select:focus,textarea:focus{border-color:#111}.chromeframe{color:#000;background:#ccc;margin:.2em 0;padding:.2em 0}*{scrollbar-width:auto;scrollbar-color:var(--accent-500) var(--accent-50)}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:var(--accent-500);border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--accent-500);border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--accent-500)}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--accent-500) var(--accent-50)}.button{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--background-100);border:1px solid var(--accent-900);background-color:var(--accent-800);border-radius:10px;width:max-content;padding:10px 20px;transition:all .2s}.button:hover{color:var(--text-800);background-color:var(--primary-400);border-color:#0000}.button:active{background-color:var(--accent-700);color:var(--background-100)}