.header{display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;width:100vw;background-color:#ff87cc;box-sizing:border-box;height:30vh;padding:0;margin:0;gap:0;overflow:hidden}#logo_div{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.logo-img{width:100%;height:100%;object-fit:contain}.header-main{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:20px 30px;gap:.8rem}.header-top-row{display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:.7rem;position:relative}#name_company_div{text-align:center;width:100%}#name_company_div h2{font-size:2rem;color:#fff;margin:0;font-weight:700}.menu-button,.mobile-cart{display:none!important}.header-bottom-row{width:100%}.search-and-cart{display:flex;justify-content:space-between;align-items:center;width:100%;gap:1rem}.search-and-cart form{flex:0 0 85%;max-width:900px}.cart-icon-wrapper{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center}.CartIcon{width:60px;height:60px;stroke:#fff;stroke-width:2.4;transition:transform .2s ease,stroke .2s ease}.CartIcon:hover{transform:scale(1.1);stroke:#fff5fa}.cart-badge{position:absolute;bottom:-7px;right:-8px;background-color:#ff2d55;color:#fff;border-radius:50%;width:30px;height:30px;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 1px 4px #0000004d}.desktop-cart{display:flex!important}@media (max-width: 768px){.header{flex-direction:column;height:30vh;padding:1.6rem 1rem;gap:.8rem}.header-left{display:none}.header-main{width:100%;padding:1rem}.header-top-row{display:flex;align-items:center;width:100%;justify-content:space-between;margin-bottom:.6rem;position:relative}.menu-button{display:inline-flex!important;align-items:center;justify-content:center;background:none;border:none;font-size:1.5rem;padding:.4rem .6rem;color:#fff;cursor:pointer;width:40px!important;height:40px!important;z-index:10;box-sizing:content-box}.menu-button>*{pointer-events:none}#name_company_div{position:absolute;left:50%;transform:translate(-50%);text-align:center;width:fit-content;z-index:1}#name_company_div h2{font-size:1.7rem;line-height:1}.mobile-cart{display:flex!important;z-index:3}.desktop-cart{display:none!important}.CartIcon{width:36px;height:36px}.cart-badge{bottom:-4px;right:-6px;width:24px;height:24px;font-size:.85rem}.header-bottom-row{width:100%;display:flex;justify-content:center}.search-and-cart form{flex:0 0 95%;max-width:500px}.search-and-cart{justify-content:flex-start!important}}.mobile-sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:flex-start;background:#00000073;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:9999}.mobile-sidebar-overlay.open{opacity:1;pointer-events:all}.mobile-sidebar-overlay.closing{opacity:0;pointer-events:none}.mobile-sidebar{width:78%;max-width:320px;height:100%;background:#fff;padding:1rem;box-shadow:6px 0 18px #00000029;transform:translate(-100%);transition:transform .3s ease;max-height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.mobile-sidebar::-webkit-scrollbar{display:none}.mobile-sidebar.slide-in{transform:translate(0)}.mobile-sidebar.slide-out{transform:translate(-100%)}.close-sidebar{background:none;border:none;font-size:1.4rem;cursor:pointer;float:right}.infinite-badge{font-size:1.4rem;line-height:1}.header-left{flex:0 0 20%;display:flex;align-items:center;justify-content:center;background-color:#ff87cc}.logo-img{width:80%;height:auto;object-fit:contain}@media (max-width: 768px){.header-left{display:none}}#logo_img{-webkit-user-drag:none;user-drag:none}.search-form{display:flex;align-items:center;justify-content:center;width:85%;height:80%}.search-input{width:100%;height:100%;background:#fff;font:inherit;box-shadow:0 6px 10px #0000001a;border:none;outline:none;padding:22px 18px;font-size:1.5rem;border-radius:8px}.search-input:focus{box-shadow:0 6px 14px #00000026}@media (max-width: 768px){.search-form{justify-content:flex-start!important}.search-input{width:100%!important;margin-left:0!important}}#sidebar_div{display:flex;flex-direction:column;height:100%;width:100%;background-color:#fff;color:#000;padding:1rem;box-sizing:border-box;overflow-y:auto;z-index:10000;border:none!important}#category_div{flex:1;padding:.5rem}#category_div h2{text-align:center;font-weight:700;font-size:1.2rem;margin-bottom:1rem;color:#333}#categories{display:flex;flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none}#categories li button{width:100%;padding:.6rem .8rem;border:none;background:none;text-align:center;font-size:1rem;cursor:pointer;transition:background .2s ease;border-radius:6px;color:#222}#categories li button:hover{background-color:#ffe1f0}#categories li button.active-category{background-color:#ffe1f0;color:#222;font-weight:600}@media (max-width: 768px){#logo_div{display:none!important}#sidebar_div{background-color:#fff;color:#000}}.layout-wrapper{display:flex;flex-direction:column;width:100%;min-height:100vh;overflow-x:hidden}.header{width:100%}.layout-container{display:flex;flex-direction:row;align-items:flex-start;width:100%;flex-grow:1;min-height:70vh;overflow:visible}#sidebar_div{width:20%;min-width:250px;background-color:#fff;border-right:1px solid #e5e5e5;box-sizing:border-box;height:auto;overflow:visible;flex-shrink:0}.main-content{flex:1;width:80%;background-color:#fff;padding:1rem;box-sizing:border-box;overflow:visible;height:auto}@media (max-width: 768px){.sidebar-big{display:none!important}.main-content{width:100%!important}.layout-container{flex-direction:column}}#top_bar{display:flex;justify-content:flex-start;align-items:center;background-color:#ff87cc;width:100%;height:15vh;color:#fff;padding:20px;gap:20px}#top_bar button{display:flex;justify-content:center;align-items:center;width:3vw;background:none;border:none;cursor:pointer}#top_bar h2{font-size:20px}.mainCart-content{margin-top:0;padding-top:0}#section_cart{display:flex;justify-content:center;align-items:stretch;width:100%;background-color:#fff7fb}#section_cart div{flex:1;display:flex;justify-content:center;align-items:center;height:10vh}#section_cart button{width:100%;height:100%;background:none;border:none;outline:none;padding:0;font-weight:600;font-size:1rem;color:#444;cursor:pointer;border-radius:0;display:flex;justify-content:center;align-items:center;transition:all .2s ease-in-out}#section_cart button.active{background-color:#ff87cc;color:#fff;font-weight:600;cursor:default}#section_cart button:not(.active):not(.disabled):hover{background-color:#ff87cc33;color:#333}#section_cart button.disabled{color:#aaa;cursor:not-allowed}#section_cart button.disabled:hover{background-color:#f0f0f0;color:#aaa;cursor:not-allowed}#home_div{min-height:100vh;display:flex;flex-direction:column;box-sizing:border-box}@media (max-width: 768px){#home_div{min-height:100vh}}#settings_div{width:100%;display:flex;flex-direction:column;padding:10px;gap:10px}#name_section{display:flex;align-items:center;justify-content:center}#name_section>h2{font-size:1.4rem;text-align:center;color:#333}#settings_products{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 0}#settings_products input,#settings_products select{background:#fff;font:inherit;box-shadow:0 3px 8px #00000014;border:1px solid #ddd;border-radius:8px;padding:6px 10px;font-size:1rem;min-width:100px}#products_div{width:100%;min-height:80vh;background-color:#f9f9f9;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;box-sizing:border-box;justify-items:center;padding:10px}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;width:100%;text-align:center;color:#444;animation:fadeInUp .3s ease-out forwards}.no-products{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:50vh;color:#666;font-size:1.2rem;background-color:#fafafa;border-radius:16px;border:2px dashed #e0e0e0;animation:fadeInUp .35s ease-out forwards}.no-products h2{font-weight:500;color:#777;text-align:center;margin:0}.pagination{display:flex;justify-content:center;align-items:center;gap:.4rem;margin:2rem 0;flex-wrap:wrap}.page-item{list-style:none}.page-link{padding:.5rem .9rem;border-radius:8px;border:1px solid #ddd;background-color:#fff;cursor:pointer;transition:all .2s ease}.page-link:hover{background-color:#f4f4f4}.active .page-link{background-color:#e68eb2;color:#fff;border-color:#e68eb2;font-weight:700}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){#settings_products{flex-direction:column;align-items:stretch;padding:0 20px;justify-content:center}#settings_products input,#settings_products select{width:100%;font-size:.95rem}#name_section>h2{font-size:1.2rem}#products_div{grid-template-columns:repeat(2 1fr);gap:10px;padding:5px}.pagination{gap:.25rem;margin:1.5rem 0}}@media (max-width: 480px){#name_section>h2{font-size:1rem}#settings_products input,#settings_products select{font-size:.9rem;padding:5px 8px}#products_div{grid-template-columns:repeat(2,1fr);gap:8px}}#products_div{position:relative;width:100%}.loading-container,.no-products{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#f9f9f9;z-index:10}.spinner{width:56px;height:56px;border:5px solid #e4e4e4;border-top:5px solid #cc8bc8;border-radius:50%;animation:spin .9s linear infinite;margin-bottom:16px}.product-card{width:95%;box-sizing:border-box;border-radius:6px;height:80vh;background-color:#fff;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease;overflow:hidden}.product-card:hover{transform:translateY(-2px);box-shadow:0 3px 8px #00000026}.product-image-container{height:50%;width:100%;overflow:hidden;flex-shrink:0}.product-image{width:100%;height:100%;object-fit:cover;display:block}.product-info{padding:8px;height:50%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;box-sizing:border-box;font-size:.9rem;overflow:hidden}.product-name{font-weight:700;font-size:1.1rem;margin:0;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.product-price{margin:2px 0;color:#444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-button{font:inherit;height:5vh;cursor:pointer;width:100%;background-color:#ff87cc;border:none;color:#fff;border-radius:6px;transition:background-color .2s ease,transform .1s ease;font-weight:600;flex-shrink:0}.add-button:hover{background-color:#ff0095;transform:scale(1.02)}.cantidad{background:#f9f9f9;box-shadow:0 2px 5px #0000001a;border:1px solid #ccc;border-radius:4px;font:inherit;outline:0;padding:4px 6px;font-size:.85rem;width:30%}.tono-selector{display:flex;flex-direction:column;gap:4px;margin-bottom:.6rem}.color-select__control{cursor:pointer;width:60px!important;min-height:28px!important;display:flex!important;align-items:center!important;justify-content:center!important}.color-select__single-value{margin:0 auto!important}.color-select__menu-list{display:grid!important;grid-template-columns:repeat(auto-fill,28px);gap:8px;padding:10px!important}.color-select__option{width:28px;height:28px;border-radius:4px;border:1.5px solid #444;cursor:pointer}@media (max-width: 1024px){.product-card{height:70vh}.product-name{font-size:1rem}.product-info{font-size:.85rem}}@media (max-width: 768px){.product-card{max-height:fit-content;height:auto;width:100%;flex-direction:column}.product-image-container{height:230px}.product-info{padding:8px;height:auto;gap:8px}.product-name{font-size:1rem}.product-price{font-size:.9rem}.tono-selector{flex-direction:row;align-items:center;gap:8px}.color-select__control{min-height:26px!important;width:42px!important}.color-select__option{width:22px;height:22px}.cantidad{width:40%;font-size:.85rem}.add-button{height:42px;font-size:.9rem}}@media (max-width: 480px){.product-card{height:auto}.product-image-container{height:180px}.product-info{font-size:.8rem}.product-name{font-size:.9rem}.cantidad{width:45%;font-size:.8rem}.tono-selector{gap:6px}.add-button{font-size:.85rem;height:38px}}#Cart_div{background-color:#fff7fb;min-height:100vh;width:100%;padding:40px 0;display:flex;flex-direction:column;align-items:center}#title{margin-bottom:20px;text-align:center}#products_cart{padding:15px 0;width:90%;min-height:80vh;display:flex;flex-direction:column;align-items:center;background-color:#fefefe;border-radius:14px;box-shadow:0 2px 6px #00000014;transition:transform .25s ease,box-shadow .25s ease}#products_cart:hover{transform:scale(1.01);box-shadow:0 4px 10px #0000001f}#table_cart{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:15px}#total_container{width:100%;background:#fff;border-radius:10px;margin-top:20px;padding:20px;box-shadow:0 2px 5px #00000014;text-align:center}.total-text{font-size:1.2rem;font-weight:600;color:#222}.total-amount{color:#111;font-weight:700}#continue_button_div{width:100%;display:flex;justify-content:center;margin-top:25px}#continue_button{width:10%;display:flex;justify-content:center;align-items:center;background-color:#ff87cc;color:#fff;border:none;padding:12px 30px;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .2s ease-in-out}#price-info{text-align:center;background-color:#fffc;border:1px solid rgba(200,200,200,.4);border-radius:10px;padding:10px;margin-bottom:10px;font-size:15px;color:#333;transition:all .3s ease}#price-info.active{background-color:#e3ffe3;border-color:#3cb371;color:#1a6b1a;font-weight:600}#min-warning{text-align:center;background-color:#ffe5e5;border:1px solid #ff6b6b;color:#b80000;border-radius:10px;padding:10px;margin-bottom:10px;font-weight:600}.total-amount.invalid{color:#b80000;font-weight:700}#continue_button.disabled,#continue_button[disabled]{background-color:#bdbdbd;color:#efefef;cursor:not-allowed;box-shadow:none;border:1px solid #a9a9a9}#continue_button.disabled:hover,#continue_button[disabled]:hover{background-color:#bdbdbd}.total-amount.invalid{color:#8a8a8a;font-weight:700;opacity:.9}#price-mode{margin:10px 0;padding:12px;border-radius:10px;text-align:center;font-weight:500;transition:all .3s ease}#price-mode.mayorista{background-color:#e8f9e9;color:#146c43;border:1px solid #b5e7b7}#price-mode.distribuidor{background-color:#d4f5d4;color:#0b5c28;border:1px solid #8fd78f;font-weight:600}#total_container{width:40%;background:#fff;border-radius:10px;margin-top:15px;padding:12px 15px;box-shadow:0 2px 4px #00000014;display:flex;justify-content:center;align-items:center;text-align:center}.total-text{font-size:1.1rem;font-weight:600;color:#222;margin:0}.total-amount{color:#000;font-weight:700;font-size:1.2rem;margin-left:6px}.total-amount.invalid{color:#b80000;opacity:.9}.empty-cart{display:flex;justify-content:center;align-items:center;text-align:center;height:40vh;font-size:1.8rem;font-weight:700;text-transform:uppercase;color:#ff69b4;background-color:#fff7fb;border-radius:16px;margin:50px auto;width:70%;box-shadow:0 3px 8px #ff69b440;transition:transform .3s ease,box-shadow .3s ease;letter-spacing:1px}.empty-cart:hover{transform:scale(1.03);box-shadow:0 5px 12px #ff69b459}@media (max-width: 768px){#continue_button{width:40%!important}}.cart-product{display:grid;grid-template-columns:100px 2fr 1fr 1fr 1fr 60px;align-items:center;justify-items:center;width:95%;min-height:16vh;padding:2px;border:1px solid rgba(0,0,0,.08);background-color:#fff;margin-bottom:15px;box-shadow:0 1px 3px #0000000d;border-radius:12px;transition:all .2s ease-in-out;gap:2px}.cart-product:hover{border-color:#00000026;transform:scale(1.01)}.cart-product-image img{width:90px;height:90px;object-fit:cover;border-radius:8px}.cart-product-name{font-weight:600;font-size:1.05rem;color:#333;text-align:left}.cart-product-quantity{position:relative;display:flex;align-items:center;gap:8px;color:#555}.cart-product-quantity label{font-size:.9rem;color:#555}.cart-product-quantity input{width:70px;padding:5px;border-radius:6px;border:1px solid rgba(0,0,0,.2);text-align:center;font-size:.9rem;transition:border .2s ease}.cart-product-quantity input:focus{outline:none;border-color:#ff87cc}.confirm-delete-popup{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#fff0faf2;border:1px solid rgba(255,135,204,.8);border-radius:12px;padding:12px 16px;text-align:center;width:max-content;max-width:240px;box-shadow:0 4px 10px #ff87cc40;z-index:20;animation:fadeIn .25s ease-in-out}.confirm-delete-popup:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:8px;border-style:solid;border-color:rgba(255,135,204,.8) transparent transparent transparent}.confirm-delete-popup p{font-size:.9rem;color:#333;margin-bottom:8px}.confirm-buttons{display:flex;justify-content:center;gap:10px}.confirm-buttons button{border:none;border-radius:6px;padding:4px 10px;font-size:.85rem;cursor:pointer;transition:all .2s ease}.confirm-buttons .yes{background-color:#ff87cc;color:#fff;font-weight:600}.confirm-buttons .yes:hover{background-color:#ff5fb9}.confirm-buttons .no{background-color:#f0f0f0;color:#333;font-weight:500}.confirm-buttons .no:hover{background-color:#dcdcdc}.cart-product-price,.cart-product-subtotal{font-size:1rem;color:#333;text-align:center}.cart-product-subtotal{font-weight:600;color:#ff87cc}.delete-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.delete-btn:hover{transform:scale(1.15)}#DeleteIcon{width:28px;height:28px;filter:brightness(0) saturate(100%) invert(73%) sepia(29%) saturate(6021%) hue-rotate(290deg) brightness(102%) contrast(101%);transition:filter .2s ease}.delete-btn:hover #DeleteIcon{filter:brightness(0) saturate(100%) invert(55%) sepia(96%) saturate(2364%) hue-rotate(293deg) brightness(102%) contrast(101%)}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-5px)}to{opacity:1;transform:translate(-50%)}}@media (max-width: 768px){.cart-product{grid-template-columns:1fr 1fr}}.cart-product-name-wrapper{display:flex;align-items:center;gap:8px}.cart-product-tone{width:20px;height:20px;border-radius:4px;border:1px solid #ccc}.cart-label{display:block;font-size:.7rem;font-weight:500;color:#999;margin-bottom:4px;text-align:center;text-transform:uppercase;letter-spacing:.5px}.cart-name-section,.cart-tone-section,.cart-price-section,.cart-subtotal-section,.cart-delete-section,.cart-product-quantity{display:flex;flex-direction:column;align-items:center;justify-content:center}@media (max-width: 768px){.cart-product{grid-template-columns:1fr 1fr;min-height:auto;max-height:none}.cart-product-name-wrapper,.cart-product-quantity{gap:0!important}.cart-product-image img{width:80px;height:80px}.cart-product-price,.cart-product-subtotal{font-size:.85rem}}#data_envio{display:flex;justify-content:center;align-items:flex-start;background-color:#fff7fb;min-height:85vh;padding:40px 20px}#data_envio_container{width:100%;max-width:700px;background:#fff;border-radius:20px;padding:40px 30px;box-shadow:0 4px 15px #ff87cc33;margin:0 auto;transition:all .3s ease}#data_envio_container:hover{box-shadow:0 6px 18px #ff87cc4d;transform:translateY(-2px)}#data_envio_container h2{text-align:center;margin-bottom:30px;font-size:1.8rem;font-weight:700;color:#ff69b4;letter-spacing:1px}#data_envio_form{display:flex;flex-direction:column;gap:18px}#data_envio_form input,#data_envio_form textarea,.select_envio{padding:12px 14px;border-radius:10px;border:1.5px solid rgba(0,0,0,.1);font-size:1rem;transition:all .25s ease;background-color:#fff9fc}#data_envio_form input:focus,#data_envio_form textarea:focus{border-color:#ff87cc;background-color:#fff;outline:none;box-shadow:0 0 5px #ff87cc4d}#data_envio_form textarea{min-height:100px;resize:vertical}#enviar_datos_button{margin-top:20px;background-color:#ff87cc;color:#fff;border:none;padding:14px;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .25s ease}#enviar_datos_button:hover{background-color:#ff5fb8;transform:translateY(-2px)}@media (max-width: 600px){#data_envio_container{padding:25px 20px}#data_envio_container h2{font-size:1.5rem}#enviar_datos_button{font-size:1rem}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fffc;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;pointer-events:all}.spinner{width:50px;height:50px;border:4px solid #ccc;border-top:4px solid #4caf50;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-overlay p{font-size:1.1rem;font-weight:500;color:#333}.product-detail-container{width:100%;max-width:1100px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;overflow-x:hidden}.back-button-container{width:100%;display:flex;justify-content:flex-start;margin-bottom:1rem}.back-button{display:flex;align-items:center;gap:8px;background-color:#ff87cc;border:none;border-radius:30px;color:#fff;padding:8px 14px;cursor:pointer;transition:.3s ease;box-shadow:0 3px 8px #00000026}.back-button img{width:20px;height:20px;filter:brightness(0) invert(1)}.back-button:hover{background-color:#ff0095;transform:translate(-3px)}.product-detail{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;width:100%;overflow:hidden;box-sizing:border-box}.product-detail-slider{flex:1 1 45%;max-width:500px}.product-swiper{border-radius:12px;overflow:hidden}.product-detail-image{width:100%;height:450px;object-fit:cover;border-radius:12px}.product-detail-info{flex:1 1 45%;display:flex;flex-direction:column;gap:1rem;word-wrap:break-word;overflow-wrap:break-word;max-width:500px;min-width:280px;box-sizing:border-box}.product-detail-name{font-size:2rem;font-weight:700;color:#333;word-wrap:break-word;overflow-wrap:break-word}.product-detail-info p,.product-detail-info label{font-size:1rem;color:#444;line-height:1.6;overflow-wrap:break-word;word-break:break-word;white-space:normal}.product-description{color:#555;line-height:1.5;overflow-wrap:break-word;word-break:break-word}.product-detail *,.product-detail-info *{max-width:100%;box-sizing:border-box}.add-button{background-color:#ff87cc;border:none;border-radius:10px;color:#fff;padding:14px 28px;font-size:1.1rem;cursor:pointer;font-weight:600;transition:.3s;align-self:center;white-space:nowrap}.add-button:hover{background-color:#ff0095;transform:scale(1.03)}@media (max-width: 768px){.product-detail{flex-direction:column;align-items:center}.product-detail-info{text-align:center;align-items:center}.product-detail-image{height:300px}}#quantity{background:#f9f9f9;box-shadow:0 2px 5px #0000001a;border:1px solid #ccc;border-radius:4px;font:inherit;outline:0;padding:4px 6px;font-size:.85rem;width:5%}.quantity-wrapper{position:relative;display:inline-flex;flex-direction:column;align-items:flex-start}.quantity-warning-float{position:absolute;top:-25px;left:0;background:#ff0095;color:#fff;font-size:.8rem;padding:4px 8px;border-radius:6px;white-space:nowrap;transform:translateY(-3px);animation:popIn .25s ease;box-shadow:0 2px 6px #ff00954d}@keyframes popIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(-3px)}}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.admin-login-container{display:flex;justify-content:center;align-items:center;height:90vh;background:#fff5fb}.admin-login-form{background:#fff;padding:2rem 2.5rem;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;width:320px;gap:1rem}.admin-login-form h2{text-align:center;color:#ff0095}.admin-login-form input{padding:10px;border-radius:8px;border:1px solid #ccc}.admin-login-form button{background:#ff87cc;color:#fff;border:none;padding:10px;border-radius:8px;cursor:pointer;font-weight:600}.admin-login-form button:hover{background:#ff0095}.error-text{color:red;text-align:center;font-size:.9rem}.admin-dashboard-container{padding:2rem;font-family:Spectral,sans-serif;background-color:#fff;min-height:100vh}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.admin-header h1{color:#ff0095}.admin-header-right{display:flex;align-items:center;gap:1rem}.admin-header-right button{background-color:#ff87cc;color:#fff;border:none;border-radius:6px;padding:8px 14px;cursor:pointer;transition:.3s}.admin-header-right button:hover{background-color:#ff0095}.admin-tabs{display:flex;gap:10px;margin-bottom:1.5rem}.admin-tabs button{border:none;background-color:#eee;padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:600;transition:.2s}.admin-tabs button.active{background-color:#ff87cc;color:#fff}.filters{display:flex;gap:1rem;margin-bottom:1rem}.filters select{padding:8px;border:1px solid #ccc;border-radius:6px}.product-table{width:100%;border-collapse:collapse}.product-table th,.product-table td{border-bottom:1px solid #eee;padding:10px;text-align:left}.product-table th{background-color:#ffeff9;color:#333}.product-thumb{width:60px;height:60px;object-fit:cover;border-radius:8px}@media (max-width: 768px){.filters{flex-direction:column}.product-table{font-size:.85rem}.product-thumb{width:45px;height:45px}}.tone-boxes{display:flex;gap:5px;flex-wrap:wrap}.tone-square{width:18px;height:18px;border-radius:4px;border:1px solid rgba(0,0,0,.2)}.edit-btn,.delete-btn{border:none;border-radius:6px;padding:6px 10px;cursor:pointer;margin-right:5px;font-size:.9rem;transition:.2s ease}.action-buttons{display:flex;justify-content:center;align-items:center;gap:6px}.edit-btn,.delete-btn{border:none;border-radius:6px;padding:6px 12px;cursor:pointer;font-size:.9rem;transition:.2s ease}.edit-btn{background-color:#ffe97a}.edit-btn:hover{background-color:#ffd43b}.delete-btn{background-color:#ff8fa3;color:#fff}.delete-btn:hover{background-color:#ff5c74}.edit-product-container{padding:2rem;max-width:700px;margin:0 auto;font-family:Spectral,sans-serif}h1{color:#ff0095;text-align:center;margin-bottom:2rem}.edit-form{display:flex;flex-direction:column;gap:1rem}.edit-form label{display:flex;flex-direction:column;font-weight:600;color:#333}.edit-form input,.edit-form textarea{margin-top:6px;padding:10px;border-radius:8px;border:1px solid #ccc;font-size:1rem;resize:vertical}textarea{min-height:80px}.edit-buttons{display:flex;justify-content:space-between;margin-top:1.5rem}.cancel-btn,.save-btn{border:none;border-radius:8px;padding:10px 16px;font-size:1rem;cursor:pointer;transition:.3s}.cancel-btn{background-color:#ddd}.cancel-btn:hover{background-color:#bbb}.save-btn{background-color:#ff87cc;color:#fff}.save-btn:hover{background-color:#ff0095}.loading,.error{text-align:center;color:#333;margin-top:3rem}.error{color:red}.image-section{margin-top:1rem;display:flex;flex-direction:column;gap:.8rem}.image-preview-container{display:flex;flex-wrap:wrap;gap:10px}.image-wrapper{position:relative;display:inline-block}.preview-img{width:100px;height:100px;object-fit:cover;border-radius:8px;border:1px solid #ddd}.delete-image-btn{position:absolute;top:-6px;right:-6px;background-color:#ff5c74;border:none;color:#fff;font-weight:700;border-radius:50%;width:20px;height:20px;cursor:pointer;transition:.2s}.delete-image-btn:hover{background-color:#ff2e55}.upload-label{display:flex;flex-direction:column;gap:.4rem}.uploading-text{color:#888;font-size:.9rem}.upload-progress{display:flex;flex-direction:column;align-items:center;margin-top:1rem;gap:.6rem}.spinner{border:4px solid #eee;border-top:4px solid #ff87cc;border-radius:50%;width:30px;height:30px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress-bar{width:100%;height:8px;background-color:#f0f0f0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background-color:#ff87cc;transition:width .3s ease}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-family:Spectral;src:url(/assets/Spectral-Regular-c14v-xyG.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Spectral;src:url(/assets/Spectral-Bold-C5KIGC3_.ttf) format("truetype");font-weight:700;font-style:normal}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:Spectral}button{all:unset;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box}button.full-width{display:block;width:100%}