.input-category{width:100%;position:relative}.input-login-input{width:100%}.input-category__input{width:100%;border-radius:10px;outline:none;padding:16px 6px;font-weight:300;color:var(--color-input-border);border:1px solid var(--color-input-border);font-size:1.3rem}.input-category__input::placeholder{padding-left:6px;color:var(--color-input-border)}.input-login{border-top:none;border-left:none;border-right:none;border-radius:8px;font-size:1.5rem}@media (min-width:750px){.input-category__input{font-size:1.6rem;padding:14px 6px}}.select-category{width:100%;border-radius:10px;outline:none;padding:14px 6px;font-size:1.3rem;font-weight:700;color:var(--color-input-border);border:1px solid var(--color-input-border);font-weight:300}.select-form{border-color:#aca0a0;padding:15px;margin-bottom:1rem;outline:none;border-radius:10px;border:1px solid #170925e1}@media (min-width:750px){.select-category{width:40%;font-size:1.6rem}}.button{width:100%;max-width:215px;margin:10px auto 3px;display:flex;align-items:center;justify-content:center;gap:12px;padding:5px;border:none;border-radius:12px;font-size:1.7rem;cursor:pointer;transition:transform .1s ease,background-color .3s ease;color:var(--color-white);background-color:var(--color-button-primary)}.button-login{background-color:#06539b;padding:15px;border:none;color:#fff;cursor:pointer}.button:hover{transform:scale(.98)}.button__icon{font-size:2.5rem}.card__info{display:flex;flex-direction:column;gap:12px;padding:0 0 10px}.card__info-price{font-weight:500;font-size:2.1rem;color:var(--color-icon)}.card__info-category{font-weight:500}.card__discount{width:60px;padding:4px 10px 5px 4px;position:absolute;top:6px;left:0;border-radius:10px 0 0 5px;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%);color:var(--color-white);background-color:var(--color-icon)}.card{flex:0 1 250px;max-width:100%;position:relative;border-radius:20px;padding:8px;text-align:center;transition:transform .3s ease;border:1px solid var(--color-border-card);background-color:var(--color-white);border:1px solid var(--color-hover-border)}.card:hover{border:1px solid var(--color-hover-border)}.card__discount{width:60px;padding:4px 10px 5px 4px;position:absolute;top:6px;left:0;border-radius:10px 0 0 5px;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%);background-color:var(--color-icon)}.card__discount-text{font-size:1.6rem;font-weight:700;color:var(--color-white)}.card__image{width:100%;border-radius:16px 16px 0 0;background-color:var(--color-bg-image)}.card__title{font-weight:500;font-size:1.8rem;min-height:68px;padding:20px 0 5px}.card__info{display:flex;flex-direction:column;gap:12px;font-size:1.8rem;padding:0 0 10px;font-weight:400}.card__info-price{font-size:2.1rem;color:var(--color-icon)}.card__info-category{font-weight:500;text-transform:capitalize}.card__button{width:100%;max-width:215px;margin:10px auto 3px;display:flex;align-items:center;justify-content:center;gap:12px;padding:7px;border:none;border-radius:12px;font-size:1.6rem;cursor:pointer;transition:transform .1s ease,background-color .3s ease;color:var(--color-white);background-color:var(--color-button-primary)}.card__button:hover{transform:scale(.98)}.card__button-icon{font-size:2.5rem}.products__content{min-height:50vh;display:flex;flex-wrap:wrap;justify-content:center;gap:25px;row-gap:40px;padding:45px 0 60px}.products__inputs{max-width:800px;margin:0 auto;padding:45px 25px 30px;display:flex;justify-content:center;align-items:center;gap:8px}.products__title{font-size:2.8rem;text-align:center;color:var(--color-primary-bg)}.total-amount{margin-top:20px;padding:10px;background-color:#f8f8f8;border:1px solid #ddd;font-size:1.5rem;text-align:center;color:#333;display:block}.input-category__icon{font-size:3.6rem;padding:0 4px;position:absolute;right:0;top:0;border-radius:0 12px 10px 0;color:var(--color-white);background:var(--color-primary-bg)}@media (min-width: 1024px){.products__inputs{padding:50px 40px 40px}.products__title{text-align:start;font-size:3.5rem}}.title-form-login{text-align:center;font-size:3rem;padding:0 0 15px;color:#1f0d32}.form-login{width:90%;max-width:400px;margin:8px auto;border-radius:10px;background-color:#e3dbeb8f;box-shadow:0 3px 3px -2px #00000052,0 3px 4px #00000024,0 1px 8px #0000001f;padding:50px;display:grid;gap:15px}.input-login{width:100%;padding:15px}.input-content{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px}.login-content-button{display:flex;flex-direction:column;gap:15px}.input-login-icon{font-size:3.6rem;padding:0 4px;position:absolute;right:0;top:8px;border-radius:0 12px 10px 0;background-color:transparent;color:#522e79b4;font-size:2.5rem}.link-password{text-align:center;font-size:1.8rem;padding:10px;text-decoration:none;color:#1f0d32;font-weight:500}.button-login{background-color:#1f0d32;font-size:1.7rem;border-radius:8px}.content-label-login{width:100%;min-height:65px}.login-view{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#fff}.quantity-controls{display:inline-block;display:flex;align-items:center;font-size:2rem;border-radius:10px;justify-content:center}.quantity-controls__button{font-size:2rem;padding:8px;margin:10px}.cart-header{display:none;margin-top:20px;justify-content:space-between;background-color:#f5f5f5;padding:20px;border-bottom:2px solid #ccc}.cart-item-card{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:10px;background-color:#f5f5f5}.cart-header h3{flex:1 1 20%;text-align:center;font-size:1.5rem;font-weight:700;color:#333}.box-products{flex:1 1 20%;padding:5px;text-align:center;font-size:1.6rem}.cart-item-card__image{max-width:100px;max-height:100px;object-fit:cover;border-radius:5px}.cart-item-card__button-delete{background-color:#db4444;color:#fff;border:none;padding:8px 12px;border-radius:5px;cursor:pointer}.cart-item-card__button-delete:hover{background-color:#ff7875}.quantity-controls{display:flex;align-items:center;gap:5px}.quantity-controls button{padding:5px 10px;border:none;background-color:#007bff;color:#fff;border-radius:3px;cursor:pointer}.quantity-controls button:hover{background-color:#0056b3}.total-amount{font-size:1.2rem;font-weight:700;text-align:right;margin-top:10px}.form-cart{margin-top:20px}@media (min-width: 750px){.cart-header{display:flex}.box-products{font-size:1.8rem}}.container-form{width:100%;margin:70px auto 80px}.title-form{text-align:center;font-size:2.8rem}.form-input{width:100%;background-color:#fff;border-color:#aca0a0;padding:15px;margin-bottom:1rem;outline:none;border-radius:10px;border:1px solid #170925e1}.form-shop{width:100%;max-width:650px;margin:8px auto;border-radius:10px;padding:30px 50px 35px;box-shadow:0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f;border:1px solid rgba(36,35,35,.322)}.button-form{padding:12px;width:200px;border-radius:10px;outline:none;border:none;color:#fff;background-color:#111010;font-size:1.8rem;margin-top:15px}.content-label{display:flex;flex-direction:column;min-height:112px}.content-select-phone{display:flex;flex-wrap:wrap;gap:1rem}.label-distric,.content-label{display:flex;flex-direction:column;flex:1}.form-select,.form-input{width:100%}.label-form{font-size:1.7rem;margin:5px 0}.error{color:#da3636f6;font-size:12px;margin-bottom:5px;font-weight:700}@media (min-width:750px){.container-form{width:70%}}.total-amount{text-align:end;margin-top:0}.cart-empty{font-size:2.5rem;text-align:center;line-height:20}.t-empty{font-size:20px;color:#555}.form-cart{width:100%;max-width:650px;margin:8px auto;border-radius:10px;padding:50px 0}.cart-header{width:90%;margin:25px auto 0;border-radius:0 0 10px 10px}.cart-header h3{font-size:1.7rem}.footer__content{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:300;gap:15px;font-size:1.5rem;padding:10px}.footer__social{display:flex;gap:20px}.footer__icon{padding:6px;border-radius:100%;cursor:pointer;font-size:3.5rem;transition:background-color .3s ease;border:1px solid var(--color-button-category)}.footer__icon:hover{border:1px solid black;background-color:var(--color-border-grey)}.footer__copyright{padding:15px 0;font-size:1.5rem;border-top:1px solid var(--color-border-grey)}.logo{display:flex;align-items:center;justify-content:center}.nav__content{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.nav__links{display:flex;gap:30px}.nav__link{padding:6px 16px 0;border-radius:6px;color:var(--color-white);font-size:2.2rem;text-decoration:none;display:none}.nav__logo-box{display:flex;align-items:center;gap:2px}.nav__logo-image{width:35px}.nav__logo-text{display:none;font-weight:700;font-size:2rem;font-family:Playwrite NG Modern,cursive;color:var(--color-white)}.nav__cart-box{position:relative;margin-right:10px;text-align:center}.nav__cart-icon{color:var(--color-white);font-size:2.5rem}.nav__cart-counter{position:absolute;top:-10px;right:-10px;font-size:1.2rem;line-height:1.6;padding:0 6px;border-radius:100%;color:var(--color-white);background-color:var(--color-icon)}.content-logo{display:flex;flex-direction:column;align-items:center;gap:50px}.title-hello{color:#fff;font-size:1.8rem}.box-hello{display:flex;align-items:center;gap:20px}.nav__actions{display:flex;align-items:center;gap:0px}.logout-icon{font-size:2.5rem;color:#fff}.logout-btn{display:flex;align-items:center;gap:.4rem;background:none;border:none;cursor:pointer}.logout-btn:hover .logout-icon{color:red}.cart-text,.logout-text{display:none;font-size:1.2rem;margin-top:.3rem;color:#fff}.logout-btn{display:flex;flex-direction:column;align-items:center;background:none;cursor:pointer;text-align:center;color:#fff}@media (min-width: 750px){.nav__logo-image{width:60px}.nav__logo-text{font-size:2.8rem}.nav__cart-icon{font-size:3.5rem}.content-logo{flex-direction:row}.nav__link{display:block}.box-hello{gap:50px}.title-hello{font-size:2rem}.logout-icon{font-size:3rem}.cart-text,.logout-text{font-size:1.5rem}.nav__logo-text,.cart-text,.logout-text{display:block}.nav__cart-counter{top:-12px;right:-4px;font-size:1.5rem;line-height:1.6;padding:0 8px}.nav__actions{gap:30px}}.main-layout__header{padding-top:8px;background-color:var(--color-primary-bg)}.main-layout__main{min-height:100vh}.main-layout__footer{background-color:var(--color-black);padding:35px 0 20px;text-align:center;color:var(--color-white)}:root{--color-bg: #fff;--color-primary-bg: #1f0d32;--color-bg-image: #e0e0e0;--color-input-border: #170925e1;--color-hover-border: #3e95e6de;--color-border-grey: #2c2a2a86;--color-border-card: rgb(201, 190, 190);--color-button-primary: #06539b;--color-button-category: #b31765;--color-white: #fff;--color-black: #000000ee;--color-icon: #db4444}*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.container{width:90%;max-width:1200px;margin:0 auto}.header{background-color:var(--color-primary-bg)}.footer{text-align:center;background-color:var(--color-black);color:var(--color-bg)}