:root{--primary-color: #d4752c;--secondary-color: #DEB887;--text-color: #fff;--white: #fff;--background-color: #fff7dd;--green: #1e3c24;--complementary-color: #995623;--brownie: #ba9e76;--font-family: ["Manrope", sans-serif]}html{scroll-behavior:smooth}*{font-family:Manrope,sans-serif;box-sizing:border-box;margin:0;padding:0}body{font-family:Manrope,sans-serif;color:var(--green);line-height:1.6;overflow-x:hidden;width:100%}img{max-width:100%;height:auto}.app-container{overflow-x:hidden;width:100%;position:relative;min-height:100vh;display:flex;flex-direction:column;background-color:var(--background-color)!important}.main-content{overflow-x:hidden;width:100%;position:relative;flex:1}.container{max-width:1200px;margin:0 auto}.catalog-page{padding:40px 20px}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:30px;margin-top:20px}.product-card{background:var(--white);border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.product-card img{width:100%;height:200px;object-fit:cover}.product-info{padding:15px}.price{font-size:1.2rem;font-weight:700;color:var(--primary-color);margin:10px 0}@media(max-width:1000px){.hero h1{font-size:2rem}}.contact-page{padding:40px 20px;max-width:800px;margin:0 auto}.contact-page h2{text-align:center;margin-bottom:30px;color:var(--primary-color)}.contact-form{background:var(--white);padding:30px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group textarea{resize:vertical}.form-row{display:flex;gap:20px}.form-row .form-group{flex:1}.btn{width:300px;font-size:1rem}@media(max-width:600px){.form-row{flex-direction:column;gap:0}}@media(max-width:1000px){.featured-categories{background-size:cover;background-position:center}}.payment-methods-bar{padding:20px;border-top:1px solid #444}.payment-methods-inner{width:100%;display:flex;align-items:center;justify-content:space-between}.payment-title{font-size:1.5rem;font-weight:700;margin:0}.payment-icons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center}.payment-icon{height:30px;width:auto;padding:4px;border-radius:4px;object-fit:contain}.payment-icon[alt=Visa],.payment-icon[alt=Cabal]{background-color:#f5f5f5}@media(max-width:1000px){.payment-methods-inner{flex-direction:column;align-items:flex-start;gap:15px}.payment-icons{justify-content:flex-start}}.search-container{position:relative;width:100%;min-width:250px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input{width:100%;padding:8px 35px 8px 15px;border-radius:20px;border:1px solid transparent;background-color:#ffffffe6;font-family:Poppins,sans-serif;font-size:.9rem;transition:all .3s ease;box-shadow:0 2px 5px #0000001a}.search-input:focus{outline:none;background-color:#fff;box-shadow:0 4px 8px #00000026}.search-icon{position:absolute;right:12px;color:#666;pointer-events:none}.search-results{position:absolute;top:120%;left:0;width:100%;min-width:300px;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;overflow:hidden;z-index:1000;animation:slideDown .2s ease-out;padding:10px 0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-results-header{padding:5px 15px;font-size:.8rem;color:#888;text-transform:uppercase;letter-spacing:.5px}.search-item{display:flex;align-items:center;gap:15px;padding:10px 15px;cursor:pointer;transition:background .2s;text-decoration:none;color:#333}.search-item:hover{background-color:#f5f5f5}.search-item img{width:50px;height:50px;object-fit:cover;border-radius:6px}.search-item-info{display:flex;flex-direction:column}.search-item-name{font-weight:600;font-size:.95rem}.search-item-price{font-size:.85rem;color:var(--primary-color);font-weight:500}.navbar .search-container{margin-right:10px}@media(max-width:1000px){.search-input:focus{width:100%}.search-results{width:90vw;max-width:350px;left:50%;transform:translate(-50%)}}.cart-notification{position:absolute;top:100%;margin-top:10px;right:0;width:320px;background:#fff;box-shadow:0 5px 20px #0003;border-radius:8px;padding:15px;z-index:1000;border:1px solid #eee;font-family:Poppins,sans-serif;animation:slideInFade .3s ease-out}.cart-notification:before{content:"";position:absolute;top:-8px;right:20px;width:15px;height:15px;background:#fff;transform:rotate(45deg);border-top:1px solid #eee;border-left:1px solid #eee}@keyframes slideInFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cn-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.cn-product-info{display:flex;gap:12px}.cn-product-image{width:60px;height:60px;object-fit:cover;border-radius:4px;border:1px solid #eee}.no-image-placeholder{width:60px;height:60px;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;border-radius:4px}.cn-details{display:flex;flex-direction:column;gap:4px}.cn-name{font-size:.9rem;font-weight:600;color:#333;display:flex;align-items:center;gap:5px}.cn-check{color:var(--primary-color)}.cn-variant{font-size:.8rem;color:#666}.cn-price-calc{font-size:.85rem;color:#444}.cn-close-btn{background:none;border:none;color:#999;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.cn-close-btn:hover{color:#333}.cn-message{font-size:.9rem;font-weight:700;color:#000;margin-bottom:10px;display:block}.cn-footer{border-top:1px solid #eee;padding-top:10px;margin-top:10px}.cn-total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.cn-total-label{font-size:.9rem;color:var(--primary-color);font-weight:600}.cn-total-amount{font-size:1.1rem;font-weight:800;color:var(--primary-color)}.cn-view-cart-btn{display:block;width:100%;background-color:var(--primary-color);color:#fff;text-align:center;padding:10px;border-radius:6px;text-decoration:none;font-weight:700;font-size:.95rem;transition:background-color .2s;text-transform:uppercase;border:none;cursor:pointer;font-family:inherit}.cn-view-cart-btn:hover{background-color:#b56222}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#00000080;z-index:2000;display:flex;justify-content:flex-start}.mobile-menu-drawer{width:80%;max-width:300px;height:100%;background-color:#fff;display:flex;flex-direction:column;box-shadow:2px 0 10px #0000001a;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-menu-header{padding:15px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:flex-end}.close-menu-btn{background:none;border:none;cursor:pointer;color:#333;padding:5px}.mobile-menu-content{flex:1;overflow-y:auto;padding:20px 0}.menu-section{padding:0 20px;margin-bottom:15px}.menu-item{display:flex;align-items:center;padding:10px 0;text-decoration:none;color:#333;font-size:16px;font-weight:500}.menu-icon{margin-right:15px;color:var(--primary-color)}.menu-separator{border:none;border-top:1px solid #eee;margin:10px 20px 20px}.categories-header{font-size:18px;font-weight:700;margin-bottom:15px;color:#333}.categories-list{display:flex;flex-direction:column}.category-item-mobile{border-bottom:1px solid #f9f9f9}.cat-header-mobile{display:flex;justify-content:space-between;align-items:center;padding:12px 0;cursor:pointer}.cat-name{font-weight:500;color:#444}.expand-icon{color:#888}.subcategories-mobile{display:none;padding-left:15px;padding-bottom:10px}.subcategories-mobile.expanded{display:block;animation:fadeIn .3s}.subcat-link{display:block;padding:8px 0;text-decoration:none;color:#666;font-size:14px}.subcat-link.view-all{color:var(--primary-color);font-weight:500;margin-bottom:5px}.subsubcategories-mobile{margin-top:4px;margin-bottom:4px;margin-left:10px;padding-left:12px;border-left:1px solid #e0e0e0;display:flex;flex-direction:column;gap:4px}.subsubcat-link{text-decoration:none;color:#64748b;font-size:.9rem;padding:6px 0 6px 12px;position:relative;display:block}.subsubcat-link:before{content:"";position:absolute;top:50%;left:-12px;width:8px;height:1px;background-color:#e0e0e0}.subsubsubcategories-mobile{margin-top:2px;margin-bottom:4px;margin-left:12px;padding-left:12px;border-left:1px dashed #cbd5e1;display:flex;flex-direction:column;gap:2px}.subsubsubcat-link{text-decoration:none;color:#94a3b8;font-size:.85rem;padding:4px 0 4px 12px;position:relative;display:block}.subsubsubcat-link:before{content:"";position:absolute;top:50%;left:-12px;width:8px;height:1px;background-color:#cbd5e1}.mobile-badge{position:absolute;top:-8px;right:5px;background-color:var(--primary-color);color:#fff;font-size:.7rem;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;justify-content:center;align-items:center;border:2px solid white}.mobile-search-overlay-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;pointer-events:none;visibility:hidden}.mobile-search-overlay-wrapper.open{pointer-events:auto;visibility:visible}.mobile-search-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;opacity:0;transition:opacity .3s ease-in-out}.mobile-search-overlay-wrapper.open .mobile-search-backdrop{opacity:1}.mobile-search-overlay{position:absolute;top:0;left:0;width:100%;height:auto;max-height:85vh;background-color:#fff;display:flex;flex-direction:column;border-bottom-left-radius:16px;border-bottom-right-radius:16px;box-shadow:0 8px 24px #00000026;transform:translateY(-100%);transition:transform .35s cubic-bezier(.16,1,.3,1)}.mobile-search-overlay-wrapper.open .mobile-search-overlay{transform:translateY(0)}.mobile-search-header{display:flex;align-items:center;padding:10px 15px;border-bottom:2px solid var(--primary-color);background-color:#fff;gap:10px}.back-btn{background:none;border:none;padding:5px;cursor:pointer;display:flex;align-items:center;justify-content:center}.search-input-container{flex:1;position:relative;display:flex;align-items:center}.mobile-search-input{width:100%;border:none;font-size:16px;outline:none;color:#333;padding-right:30px}.mobile-search-input::placeholder{color:#999}.clear-btn{position:absolute;right:0;background:none;border:none;padding:5px;cursor:pointer;display:flex;align-items:center}.mobile-search-content{flex:1;overflow-y:auto;padding:15px}.recent-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.recent-header h3{font-size:14px;color:#333;font-weight:600;margin:0}.recent-header button{background:none;border:none;color:#69c;font-size:13px;cursor:pointer}.recent-list{list-style:none;padding:0;margin:0}.recent-list li{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0;cursor:pointer}.recent-list li span{flex:1;color:#555;font-size:15px}.remove-recent-item{background:none;border:none;padding:5px;cursor:pointer}.mobile-search-item{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #f0f0f0;text-decoration:none;color:inherit}.mobile-search-item img{width:50px;height:50px;object-fit:cover;border-radius:4px;margin-right:15px}.item-info{display:flex;flex-direction:column}.item-info .name{font-size:14px;color:#333;margin-bottom:4px}.item-info .price{font-size:14px;font-weight:700;color:var(--primary-color)}.no-results{text-align:center;color:#666;margin-top:20px}.view-all-container{margin-top:20px;text-align:center}.view-all-btn{display:inline-block;padding:10px 20px;background-color:var(--primary-color);color:#fff;text-decoration:none;border-radius:4px;font-weight:500}.navbar-wrapper{position:sticky;top:-2px;z-index:1000;background-color:var(--green);box-shadow:0 4px 10px #0000001a;transition:transform .3s ease-in-out}.navbar-wrapper.navbar-hidden{transform:translateY(-100%)}.navbar-top-row{height:70px;background-color:var(--green);position:relative;z-index:1001;width:100%;display:flex;justify-content:center}.navbar-top-inner{height:100%;display:flex;align-items:center;justify-content:space-between;width:100%}.logo-wrapper{position:absolute;left:40px;top:0;z-index:1002;height:100%;display:flex;align-items:flex-start}.navbar-top-inner{justify-content:flex-start}.search-wrapper-desktop{display:block;flex:1;max-width:800px;min-width:200px;margin:0 20px 0 140px}@media(max-width:1000px){.search-wrapper-desktop{display:none}}.nav-actions{display:flex;align-items:center;justify-content:center;gap:20px;margin-left:0;margin-right:10px;flex-shrink:0}.icon-btn p{font-size:.8rem;margin-top:2px;white-space:nowrap}.navbar-top-inner{justify-content:flex-end}.navbar-subnav-row{background-color:var(--green);min-height:48px;height:auto;width:100%;display:flex;justify-content:center;position:relative;border-top:1px solid rgba(255,255,255,.1)}.navbar-subnav-inner{height:auto;min-height:48px;display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap;padding:5px 0}@media(max-width:1350px){.navbar-subnav-inner{padding-left:140px;justify-content:flex-start}}.subnav-categories-wrapper{display:flex;height:auto;width:100%;align-items:center;flex-wrap:wrap;justify-content:center}.subnav-categories-wrapper::-webkit-scrollbar{display:none}.subnav-link{color:var(--white);text-decoration:none;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:12px 15px;display:flex;align-items:center;transition:all .2s;white-space:nowrap}.subnav-link:hover{background-color:#0000001a;color:#fff}.dropdown-menu{position:absolute;top:100%;left:0;background-color:var(--green);min-width:260px;box-shadow:0 4px 12px #0003;padding:10px 0;list-style:none;z-index:1000;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .2s ease;border-top:1px solid rgba(255,255,255,.1)}.dropdown-parent:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{position:relative;display:block}.dropdown-link{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;color:#ffffffe6;text-decoration:none;font-size:.95rem;transition:background-color .2s;white-space:nowrap}.dropdown-link:hover{background-color:#0000001a;color:#fff}.submenu-arrow{font-size:1.2rem;margin-left:10px;line-height:1}.dropdown-submenu{position:absolute;top:0;left:100%;background-color:var(--green);box-shadow:4px 4px 12px #0003;min-width:240px;padding:10px 0;list-style:none;z-index:1001;opacity:0;visibility:hidden;transform:translate(-10px);transition:all .2s ease;border-left:1px solid rgba(255,255,255,.1)}.dropdown-submenu-parent:hover .dropdown-submenu{opacity:1;visibility:visible;transform:translate(0)}.subnav-item:nth-last-child(-n+2) .dropdown-menu{left:auto;right:0}.subnav-item:nth-last-child(-n+2) .dropdown-submenu{left:auto;right:100%;transform:translate(10px);border-left:none;border-right:1px solid rgba(255,255,255,.1)}.subnav-item:nth-last-child(-n+2) .dropdown-submenu-parent:hover .dropdown-submenu{transform:translate(0)}.view-all-item{border-top:1px solid rgba(255,255,255,.1);margin-top:5px;padding-top:5px}.view-all-link{display:block;padding:10px 20px;font-weight:600;color:var(--primary-color)!important;text-decoration:none;font-size:.9rem}.view-all-link:hover{text-decoration:underline}.subnav-item{position:relative;display:flex;align-items:center}.category-dropdown{display:none!important}.pennant-container{display:flex;justify-content:center;align-items:center;background-color:#fdf6e3;padding:20px 5px 15px;clip-path:polygon(0 0,100% 0,100% 85%,50% 100%,0 85%);transition:transform .3s ease;text-decoration:none;box-shadow:0 4px 6px #0003}.pennant-container:hover{transform:translateY(-2px)}.bandera-logo{height:90px;width:auto;object-fit:contain;display:block}.icon-btn{color:#fff;transition:color .2s;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none}.icon-btn p{font-size:.8rem;margin-top:2px}.icon-btn:hover{color:var(--secondary-color);text-decoration:none}.badge{position:absolute;top:-8px;right:-8px;background-color:var(--primary-color);color:#fff;font-size:.7rem;padding:2px 6px;border-radius:50%;font-weight:700}.menu-btn{display:none;background:none;border:none;color:#fff;cursor:pointer}.mobile-actions-menu,.mobile-search-bar,.mobile-only-action{display:none}.desktop-only-row{display:flex}@media(max-width:1000px){.menu-btn{display:block;position:absolute;left:20px;z-index:1005}.logo-wrapper{margin:0 auto;position:absolute;left:50%;transform:translate(-50%);height:100%;display:flex;align-items:center;top:0}.bandera-logo{height:50px}.pennant-container{padding:0;background-color:transparent;clip-path:none;box-shadow:none}.nav-actions{position:absolute;right:20px;display:flex;align-items:center;gap:15px;height:100%}.search-wrapper-desktop{display:none}.mobile-only-action{display:flex;align-items:center;justify-content:center;color:#fff}.desktop-only-row,.mobile-search-bar,.desktop-only{display:none!important}.cart-btn p{display:none}}.help-container{position:relative;height:100%;display:flex;align-items:center}.help-dropdown{position:absolute;top:100%;right:0;width:320px;background-color:var(--green);padding:15px;border-radius:4px;box-shadow:0 4px 12px #0003;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease;z-index:1100}.help-container:hover .help-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.help-item{display:flex;align-items:center;gap:12px;color:#fff;margin-bottom:12px;font-size:.9rem;font-weight:500}.help-item a{color:#fff;text-decoration:none}.help-item:last-child{margin-bottom:0}.help-item svg{flex-shrink:0}.top-info-bar{background-color:#222;color:#fff;font-size:12px;padding:8px 0;position:relative;overflow:hidden;height:40px}.top-info-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 15px;height:100%}.top-info-content-wrapper{display:flex;align-items:center;width:100%}.top-info-left{display:flex;align-items:center;gap:15px}.info-item{display:flex;align-items:center;gap:5px;white-space:nowrap}.info-link{color:#fff;text-decoration:none;transition:color .3s ease}.info-link:hover{color:#feca57}.separator{color:#666;margin:0 5px}.top-info-right{display:flex;align-items:center}.social-icons{display:flex;gap:10px}.social-link{color:#fff;transition:color .3s;display:flex;align-items:center}.social-link:hover{color:#feca57}.marquee-mode{display:flex;justify-content:flex-start;overflow:hidden;white-space:nowrap;position:relative;padding:0;max-width:100%;width:100%}.marquee-mode .top-info-content-wrapper{width:auto;flex-shrink:0;padding-right:50px;animation:marquee 20s linear infinite;display:flex;align-items:center}.marquee-mode .top-info-left{margin-right:30px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}@media(max-width:1000px){.top-info-bar{font-size:11px}.social-icons{gap:8px}}.footer{background-color:#222;color:#ccc;padding:40px 20px 20px;margin-top:auto}.footer .footer-content-wrapper{display:flex;flex-wrap:wrap;gap:40px}.footer-left-column{flex:1 1 500px;display:flex;flex-direction:column;gap:30px}.footer-info-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:40px}.footer-info-row .footer-section:last-child{grid-column:auto}.footer .map-section{flex:0 0 500px;min-width:300px}@media(max-width:1000px){.footer{padding:40px 25px}.footer .map-section{flex:1 1 100%;width:100%}.footer-left-column{flex-basis:auto}.footer-info-row{grid-template-columns:1fr;gap:30px}}.footer h3{color:var(--white);margin-bottom:20px}.footer-section a{display:block;margin-bottom:10px;color:#ccc;text-decoration:none}.footer-section a:hover{color:var(--primary-color)}.footer-section{margin-bottom:20px}.footer-section iframe{filter:grayscale(100%);transition:all .3s ease;box-shadow:0 4px 10px #0000004d;width:100%}.footer-section iframe:hover{filter:none}.footer ul{list-style:none}.footer-bottom{text-align:center;margin-top:40px;padding-top:20px;border-top:1px solid #444}.map-link:hover{color:var(--complementary-color);text-decoration:none}.hero-slider{position:relative;width:100%;height:80vh;min-height:600px;max-height:900px;overflow:hidden;background-color:#000}@media(max-width:1000px){.hero-slider{height:60vh;min-height:400px}}.hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out;display:flex}.hero-slide.active{opacity:1;z-index:2}.hero-image-layer{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:0;background-repeat:no-repeat;transition:transform 1s ease-out}.desktop-layer{display:block}.mobile-layer{display:none}@media(max-width:1000px){.hero-slide.has-mobile .desktop-layer{display:none}.hero-slide.has-mobile .mobile-layer{display:block}}.hero-image-layer.mobile-layer{z-index:1}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006}.hero-content{position:relative;z-index:2;color:#fff;padding:2rem;max-width:800px;display:flex;flex-direction:column;justify-content:center;height:100%}.hero-text-wrapper:has(>.hero-btn:only-child),.hero-content:has(>.hero-text-wrapper>.hero-btn:only-child){justify-content:flex-end;padding-bottom:4rem}.hero-text-wrapper{display:flex;flex-direction:column}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.text-left .hero-text-wrapper{animation:slideInFromLeft 1s ease-out forwards}.text-right .hero-text-wrapper{animation:slideInFromRight 1s ease-out forwards;align-items:flex-end}.text-center .hero-text-wrapper{animation:slideInFromRight 1s ease-out forwards;align-items:center}.text-left{justify-content:center;align-items:flex-start;text-align:left;margin-right:auto;margin-left:5%}.text-center{justify-content:center;align-items:center;text-align:center;margin:0 auto;width:100%}.text-right{justify-content:center;align-items:flex-end;text-align:right;margin-left:auto;margin-right:5%}.hero-title{font-size:3rem;font-weight:800;margin-bottom:1rem;line-height:1.1;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero-text{font-size:1.2rem;margin-bottom:1.5rem;max-width:600px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}@media(max-width:1000px){.hero-title{font-size:2rem}.hero-text{font-size:1rem}.text-left,.text-right{margin:0 auto;align-items:center;text-align:center}.text-left .hero-text-wrapper,.text-right .hero-text-wrapper{animation:slideInFromBottom 1s ease-out forwards}.hero-arrow{display:none}}.hero-image-layer.slide-animate-fade{animation:kenBurnsZoomIn 20s ease-in-out forwards}.hero-image-layer.slide-animate-slideLeft{animation:kenBurnsPanLeft 20s ease-in-out forwards}.hero-image-layer.slide-animate-slideRight{animation:kenBurnsPanRight 20s ease-in-out forwards}.hero-image-layer.slide-animate-zoom{animation:kenBurnsZoomOut 20s ease-in-out forwards}@keyframes kenBurnsZoomIn{0%{transform:scale(1)}to{transform:scale(1.3)}}@keyframes kenBurnsPanLeft{0%{transform:scale(1.1) translate(5%)}to{transform:scale(1.1) translate(-5%)}}@keyframes kenBurnsPanRight{0%{transform:scale(1.1) translate(-5%)}to{transform:scale(1.1) translate(5%)}}@keyframes kenBurnsZoomOut{0%{transform:scale(1.3)}to{transform:scale(1)}}.hero-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:10;display:flex;gap:10px}.control-dot{width:12px;height:12px;background-color:#ffffff80;border-radius:50%;cursor:pointer;transition:background-color .3s}.control-dot.active{background-color:#fff}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#fff;font-size:2rem;padding:1rem;cursor:pointer;z-index:11;opacity:.2;transition:all .3s ease}.hero-arrow:hover{opacity:1;background:#0000001a}.hero-arrow.prev{left:10px}.hero-arrow.next{right:10px}.hero-btn{display:inline-block;font-family:var(--font-family);margin-top:20px;padding:10px 25px;background-color:var(--primary-color);color:#fff;text-decoration:none;border-radius:20px;font-weight:700;transition:background-color .3s ease,transform .2s ease;align-self:flex-start;border:2px solid var(--primary-color)}.hero-btn:hover{background-color:#fff;color:var(--primary-color);border-color:#fff}.text-center .hero-btn{align-self:center}.text-right .hero-btn{align-self:flex-end}.store-categories{text-align:center;color:var(--primary-color);position:relative;padding:3rem 2rem 1rem}.store-categories h2{font-size:2rem;margin-bottom:2rem;color:var(--primary-color)}.categories-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;max-width:1200px;margin:20px auto;position:relative;z-index:1;gap:10px}.category-card{background:#ffffff4f;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;grid-column:span var(--desktop-span, 1);grid-row:span var(--desktop-row-span, 1);overflow:hidden;border-radius:10px;position:relative;box-shadow:0 4px 6px #0000000d;aspect-ratio:1 / 1}.category-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0)}.category-overlay{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:20px 10px 10px;color:#fff;text-align:center;z-index:2}.category-card h3{font-size:1.1rem;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.5);font-weight:600;word-break:break-word;line-height:1.2}.category-card:hover{box-shadow:0 15px 30px #0003}.category-card:hover img{transform:scale(1.05) translateZ(0)}@media(max-width:1000px){.store-categories{padding:2rem 1rem}.categories-grid{grid-template-columns:repeat(2,1fr);gap:15px}.category-card{grid-column:span var(--mobile-span, 1);grid-row:span var(--mobile-row-span, 1)}.category-card h3{font-size:.9rem}}.skeleton-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a;height:100%;display:flex;flex-direction:column}.skeleton-image{width:100%;height:200px;background:#e0e0e0;animation:pulse 1.5s infinite}.skeleton-content{padding:1rem;flex:1;display:flex;flex-direction:column;gap:.5rem}.skeleton-text{background:#e0e0e0;border-radius:4px;animation:pulse 1.5s infinite}.skeleton-category{height:14px;width:40%}.skeleton-title{height:24px;width:80%}.skeleton-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.5rem}.skeleton-price{height:28px;width:30%}.skeleton-circle{width:40px;height:40px;border-radius:50%;background:#e0e0e0;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.product-card{background:#fff;border-radius:12px;border:1px solid #d1d1d1;box-shadow:0 4px 15px #00000014;overflow:hidden;display:flex;flex-direction:column;text-align:left;height:100%;position:relative}.product-card:hover{cursor:pointer}.product-image-container{width:100%;height:250px;position:relative;overflow:hidden;flex-shrink:0;background-color:#fff;display:flex;align-items:center;justify-content:center;padding:5px;border-bottom:1px solid #f3f4f6}.product-card .product-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-card:hover .product-image{transform:scale(1.05)}.product-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6;color:#9ca3af}.product-info{padding:12px 15px;display:flex;flex-direction:column;gap:6px;flex-grow:1;align-items:center;text-align:center}.product-category-label{font-size:.7rem;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;display:-webkit-box;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.2;min-height:2.4em}.product-card .product-name{font-size:.95rem;font-weight:600;color:#000;margin:0;line-height:1.3;min-height:2.6em;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-transform:uppercase;text-align:center}.product-card .product-name:hover{text-decoration:underline;cursor:pointer}.product-card .product-price{font-size:.85rem;color:#000;font-weight:500;margin-bottom:5px}.product-actions{display:flex;margin-top:auto;width:100%;justify-content:center}.btn-details{display:none}.btn-add{background-color:var(--primary-color, #e65100);color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .2s;display:flex;align-items:center;justify-content:center;width:100%;font-family:Poppins,sans-serif;height:36px;gap:8px}.btn-add:hover:not(:disabled){text-decoration:underline;filter:brightness(.9)}.btn-add:disabled{opacity:.5;cursor:not-allowed;background-color:#ccc}.variant-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fffffff5;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.overlay-close-btn{position:absolute;top:8px;right:8px;background:transparent;border:none;cursor:pointer;color:#666;padding:4px;display:flex;align-items:center;justify-content:center}.overlay-close-btn:hover{color:#000}.overlay-title{font-size:.9rem;color:#333;margin:0 0 5px;text-align:center;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overlay-subtitle{font-size:.8rem;color:#666;margin-bottom:10px}.variant-select{width:100%;padding:10px 35px 10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;margin-bottom:15px;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;cursor:pointer;color:#374151;transition:border-color .2s,box-shadow .2s}.variant-select:focus{outline:none;border-color:var(--primary-color, #e65100);box-shadow:0 0 0 3px #e651001a}.variant-price-preview{font-size:1.2rem;font-weight:700;color:var(--primary-color, #e65100);margin-bottom:10px}.btn-confirm-add{width:100%;background-color:var(--primary-color, #e65100);color:#fff;border:none;padding:8px;border-radius:6px;font-weight:600;font-size:.85rem;cursor:pointer;text-transform:uppercase}.btn-confirm-add:hover{filter:brightness(.9)}@media(max-width:600px){.product-image-container,.product-image-placeholder{height:180px}.product-actions{gap:4px}.btn-details,.btn-add{padding:4px 6px;font-size:.75rem;height:28px}.btn-add{gap:4px}}.featured-products-section{padding:1rem 2rem 2rem;position:relative;max-width:1500px;margin:40px auto;text-align:center}.featured-products-section h2{font-size:2rem;margin-bottom:2rem;color:var(--primary-color);display:flex;align-items:center;justify-content:center;gap:20px;width:100%}.fp-slider-container{position:relative;display:flex;align-items:center;justify-content:center;padding:0 60px}.fp-slider-track-container{overflow:hidden;width:100%;position:relative}.fp-slider-track{display:flex;gap:20px;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.fp-slider-track::-webkit-scrollbar{display:none}.fp-product-wrapper{height:100%;display:flex;flex-direction:column;scroll-snap-align:start}.fp-product-wrapper .product-card{flex:1}.fp-product-card{width:300px;flex-shrink:0;background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;overflow:hidden;display:flex;flex-direction:column;text-align:left;transition:box-shadow .3s ease}.fp-product-card:hover{box-shadow:0 8px 25px #0000001f}.fp-product-image{width:100%;height:220px;object-fit:cover}.fp-product-info{padding:12px 15px;display:flex;flex-direction:column;gap:6px;flex-grow:1}.fp-product-name{font-size:.95rem;font-weight:600;color:#000;margin:0;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.fp-product-price{font-size:.85rem;color:#000;font-weight:500}.fp-add-btn{background-color:var(--primary-color);color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500;transition:background-color .2s;display:flex;align-items:center;justify-content:center;width:100%;font-family:Poppins,sans-serif;height:32px;gap:6px}.fp-add-btn:hover{background-color:#92501e}.fp-details-btn{font-family:Poppins,sans-serif;font-size:.8rem;display:flex;align-items:center;justify-content:center;padding:6px 12px;background-color:#f3f4f6;color:#333;text-decoration:none;border:none;border-radius:6px;transition:all .2s;width:100%;height:32px}.fp-details-btn:hover{background-color:#e5e7eb;color:#000}.fp-actions{display:flex;margin-top:auto;gap:8px;flex-direction:row}.fp-nav-btn{background-color:#ffffffe6;border:1px solid #ccc;border-radius:50%;width:44px;height:44px;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 4px 12px #00000026;z-index:10;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;color:#333}.fp-nav-btn:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.fp-nav-btn.prev{left:4px}.fp-nav-btn.next{right:4px}@media(max-width:1000px){.fp-product-card{width:260px}}@media(max-width:1000px){.featured-products-section{padding:1rem}.fp-slider-container{padding:0 10px}.fp-product-card{width:260px}.fp-product-image{height:180px}.fp-nav-btn{display:none}}@media(max-width:650px){.featured-products-section{padding:1rem .5rem}.fp-slider-container{padding:0 30px}.fp-slider-track{gap:10px}.fp-product-card{width:160px}.fp-product-image{height:220px}.fp-product-info{padding:8px}.fp-product-name{font-size:.85rem}.fp-add-btn,.fp-details-btn{padding:4px 8px;font-size:.75rem;height:28px}}@media(max-width:480px){.fp-slider-container{padding:0}.fp-product-card{width:85vw}}.home-card{background-color:transparent;border-radius:0;margin:0;overflow:visible;box-shadow:none;min-height:auto;position:relative;z-index:10;color:inherit;font-family:Poppins,sans-serif;width:100%}.home-card .hero-slider{height:70vh;border-radius:0;width:100%}.home-card .featured-categories{background:none;padding:3rem 2rem}.home-card .categories-grid{margin-top:20px}@media(max-width:1000px){.home-card{margin:0;border-radius:0}.home-card .hero-slider{border-radius:0}}.mobile-store-controls{display:none;flex-direction:column;margin-bottom:0;background:transparent;border-bottom:1px solid #f3f4f6}.mobile-store-header{padding:15px;background:transparent}.mobile-cat-title{font-size:2.2rem;font-weight:800;color:var(--primary-color, #ff4c00);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.5px;line-height:1.1}.mobile-prod-count{font-size:.9rem;color:#6b7280}.mobile-store-toolbar{display:flex;align-items:center;background:#e5e7eb;border:none;height:50px;padding:0;gap:1px}.toolbar-btn-container,.toolbar-btn,.view-toggles{flex:1;display:flex;align-items:center;justify-content:center;height:100%;background:#fff}.toolbar-btn-container .toolbar-btn{width:100%}.toolbar-btn{background:#fff;border:none;font-size:.95rem;color:#111827;font-weight:500;cursor:pointer;gap:8px;white-space:nowrap}.toolbar-btn:active,.toolbar-btn.active{background-color:#f3f4f6;color:#111827}.view-toggles{gap:15px}.view-btn{background:transparent;border:none;color:#111827;padding:5px;cursor:pointer;display:flex;align-items:center;justify-content:center}.view-btn.active{color:var(--primary-color, #d4752c)}@media(max-width:1000px){.mobile-store-controls{display:flex}}.toolbar-btn-container{display:flex;justify-content:center}.sort-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99;background:transparent}.sort-dropdown-menu{position:absolute;top:100%;left:0;width:100%;min-width:200px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;border:1px solid #f3f4f6;z-index:100;display:flex;flex-direction:column;padding:5px 0;overflow:hidden;animation:fadeIn .1s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.sort-option{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border:none;text-align:left;font-size:.95rem;color:#374151;cursor:pointer;transition:background .1s;width:100%}.sort-option:hover{background-color:#f9fafb}.sort-option.selected{color:var(--primary-color, #2563eb);background-color:#f0f9ff;font-weight:500}.check-icon{color:var(--primary-color, #2563eb)}.store-page{max-width:100%;background-color:var(--background-color, #ffffff);margin-top:2rem}.store-products-grid.list-view{grid-template-columns:1fr!important}.store-products-grid.list-view .product-card{width:100%;margin-bottom:20px;display:flex;flex-direction:row;align-items:center;background:#fff}.store-products-grid.list-view .product-image-container{width:35%;min-width:150px;max-width:200px;aspect-ratio:1;border-right:1px solid #f3f4f6;border-bottom:none;flex-shrink:0}.store-products-grid.list-view .product-image{object-fit:contain;padding:1rem}.store-products-grid.list-view .product-info{flex:1;padding:1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left}.store-products-grid.list-view .product-actions{margin-top:1rem;width:auto;align-self:flex-start}.store-products-grid.list-view .variant-overlay{height:100%}@media(max-width:480px){.store-products-grid.list-view .product-card{flex-direction:column}.store-products-grid.list-view .product-image-container{width:100%;max-width:none;border-right:none;border-bottom:1px solid #f3f4f6}.store-products-grid.list-view .product-info{text-align:center;align-items:center}.store-products-grid.list-view .product-actions{width:100%;align-self:center}}.desktop-store-controls{display:none}@media(min-width:992px){.desktop-store-controls.desktop-only{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:1.25rem 2rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 4px 12px #0000000d;border:1px solid #f3f4f6}.desktop-sort{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;color:#4b5563}.desktop-sort-select{appearance:none;background-color:transparent;border:none;font-weight:700;font-size:1.1rem;cursor:pointer;padding-right:1.8rem;color:#0f172a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234b5563'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center;background-size:18px;outline:none;font-family:inherit}.desktop-view-toggle{display:flex;align-items:center;gap:1rem;font-size:1.1rem;color:#4b5563}.desktop-view-toggle .view-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.desktop-view-toggle .view-btn svg{width:26px;height:26px;stroke-width:2px}.desktop-view-toggle .view-btn:hover{color:var(--primary-color, #ff4c00);transform:scale(1.05)}.desktop-view-toggle .view-btn.active{color:var(--primary-color, #ff4c00)}}.store-page-header{width:100%;margin-bottom:0rem;padding-top:2rem}@media(min-width:901px){.mobile-only-header{display:none}}.store-breadcrumbs-wrapper{display:flex;justify-content:center;margin-bottom:1.5rem;padding:0 1rem}.store-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:1.05rem;color:#4b5563}.store-breadcrumbs .breadcrumb-link{color:#6b7280;text-decoration:none;transition:color .2s}.store-breadcrumbs .breadcrumb-link:hover{color:var(--primary-color);text-decoration:underline}.store-breadcrumbs .breadcrumb-separator{color:#9ca3af}.store-title-wrapper{display:flex;justify-content:center;padding:0 1rem}.store-main-title{font-size:2.5rem;font-weight:800;color:var(--primary-color, #ff4c00);margin:0;text-align:center;text-transform:uppercase;line-height:1.2}@media(max-width:1000px){.store-page-header{padding-top:1.5rem;margin-bottom:1rem}.store-main-title{font-size:1.8rem}}.store-container{background-color:transparent;border-radius:0;margin:0;padding:0 2rem 2rem;min-height:80vh;box-shadow:none;display:flex;align-items:flex-start;gap:3rem;position:relative;z-index:10;width:100%}.store-sidebar{width:280px;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 12px #0000000d;height:fit-content;flex-shrink:0;display:flex;flex-direction:column;border:1px solid #f3f4f6;margin-right:1rem}.sidebar-header-section{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.sidebar-page-title{font-size:1.4rem;font-weight:800;color:var(--primary-color, #ff4c00);margin:0 0 .5rem;line-height:1.1;text-transform:uppercase;letter-spacing:.5px;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.sidebar-product-count{color:#6b7280;font-size:.9rem}.sidebar-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:.82rem;color:#9ca3af;margin-bottom:.75rem;padding-bottom:.6rem;border-bottom:1px solid #f3f4f6}.sidebar-breadcrumb-link{color:#9ca3af;text-decoration:none;transition:color .2s;cursor:pointer}.sidebar-breadcrumb-link:hover{color:var(--primary-color)}.sidebar-breadcrumb-link.current{color:#374151;font-weight:600;cursor:default}.sidebar-breadcrumb-sep{color:#d1d5db;font-size:.95rem}.filter-section{border-bottom:1px solid #e5e7eb;padding:1.5rem 0}.filter-section:first-of-type{padding-top:0}.filter-section:last-child{border-bottom:none}.filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.filter-title{font-size:1rem;font-weight:700;color:#111827;margin:0}.filter-options{display:flex;flex-direction:column;gap:.75rem}.category-tree-item{display:flex;flex-direction:column}.category-item-header{display:flex;align-items:center;gap:8px;padding:4px 0}.category-expand-btn{background:none;border:none;cursor:pointer;padding:2px;color:#9ca3af;display:flex;align-items:center;justify-content:center;transition:color .2s;width:20px}.category-expand-btn:hover{color:#4b5563}.category-expand-placeholder{width:20px}.category-name{font-size:.95rem;color:#4b5563;transition:all .2s;-webkit-user-select:none;user-select:none}.category-select-wrapper{display:flex;align-items:center;gap:8px;cursor:pointer;flex:1;padding:2px 4px;border-radius:4px;transition:background .2s}.category-select-wrapper:hover{background:#f9fafb}.category-select-wrapper:hover .category-name{color:var(--primary-color, #2563eb)}.radio-circle{width:16px;height:16px;border:2px solid #d1d5db;border-radius:50%;position:relative;transition:all .2s;flex-shrink:0}.category-select-wrapper.selected .radio-circle{border-color:var(--primary-color, #2563eb);background-color:var(--primary-color, #2563eb)}.category-select-wrapper.selected .radio-circle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#fff;border-radius:50%}.category-select-wrapper.selected .category-name{font-weight:700;color:var(--primary-color, #2563eb)}.category-children{display:flex;flex-direction:column;gap:2px;margin-top:4px;margin-bottom:4px}.category-tree-item.level-0>.category-item-header{margin-bottom:4px}.category-tree-item.level-0>.category-item-header .category-name{font-weight:600;color:#111827}.category-tree-item.level-1{margin-left:12px;border-left:1px solid #e5e7eb}.category-tree-item.level-1>.category-item-header .category-select-wrapper{padding-left:12px}.category-tree-item.level-1>.category-item-header .category-name{font-size:.95rem;color:#4b5563}.category-tree-item.level-2{margin-left:24px;border-left:1px solid #d1d5db;position:relative;margin-top:2px;margin-bottom:2px}.category-tree-item.level-2:before{content:"";position:absolute;top:50%;left:0;width:8px;height:1px;background-color:#d1d5db}.category-tree-item.level-2>.category-item-header .category-select-wrapper{padding-left:14px;border-radius:0 6px 6px 0;margin-left:8px}.category-tree-item.level-2>.category-item-header .category-name{font-size:.85rem;color:#6b7280;font-weight:500;text-decoration:none!important}.category-tree-item.level-2>.category-item-header .category-select-wrapper:hover{background-color:#f3f4f6}.category-tree-item.level-2>.category-item-header .category-select-wrapper:hover .category-name{color:var(--primary-color, #ff4c00)}.category-tree-item.level-2>.category-item-header .category-select-wrapper.selected{background-color:#fffaf5}.category-tree-item.level-2>.category-item-header .category-select-wrapper.selected .category-name{color:var(--primary-color, #ff4c00);font-weight:700}.price-slider-wrapper{width:100%;padding:0 0 .5rem}.dual-range-slider{position:relative;width:100%;height:24px;display:flex;align-items:center}.slider-track{position:absolute;width:100%;height:4px;border-radius:4px;z-index:1;border:1px solid #e5e7eb}.slider-range-fill{position:absolute;height:4px;background-color:var(--primary-color, #ff4c00);z-index:2}.dual-range-slider input[type=range]{position:absolute;width:calc(100% + 20px);left:-10px;appearance:none;-webkit-appearance:none;background:transparent;pointer-events:none;height:0;z-index:3;outline:none;margin:0;border:none}.dual-range-slider input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;pointer-events:auto;width:20px;height:20px;border-radius:50%;background-color:var(--primary-color, #ff4c00);cursor:pointer;box-shadow:0 1px 3px #0000004d;position:relative;border:none}.dual-range-slider input[type=range]::-moz-range-thumb{appearance:none;pointer-events:auto;width:20px;height:20px;border-radius:50%;background-color:var(--primary-color, #ff4c00);cursor:pointer;box-shadow:0 1px 3px #0000004d;border:none;position:relative}.price-slider-values{display:flex;justify-content:flex-end;margin-top:1rem;font-size:1.05rem;color:#4b5563;font-weight:400}.store-search-sidebar{position:relative;width:100%}.store-search-sidebar input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;transition:all .2s;background-color:#f9fafb}.store-search-sidebar input:focus{outline:none;border-color:#2563eb;background-color:#fff;box-shadow:0 0 0 3px #2563eb1a}.search-icon-sidebar{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.store-sort-select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;background-color:#f9fafb;font-size:.95rem;color:#374151;cursor:pointer;transition:all .2s}.store-sort-select:focus{outline:none;border-color:#2563eb;background-color:#fff}.store-content{flex:1;display:flex;flex-direction:column;gap:1rem}.store-top-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.store-top-header h2{font-size:1.5rem;font-weight:600;color:#111827}.results-count{color:#6b7280;font-size:.95rem}.store-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.no-results{text-align:center;padding:4rem 0;color:#6b7280;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d}.loading-spinner{text-align:center;padding:2rem;color:#6b7280;font-size:1.1rem}@media(max-width:1024px){.store-container{flex-direction:column}.store-sidebar{width:100%;position:static;margin-bottom:2rem}.store-products-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media(max-width:640px){.store-page{padding:0}.store-container{padding:1rem}.store-products-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.store-products-grid.list-view{grid-template-columns:1fr}}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:99998;opacity:0;visibility:hidden;transition:all .3s ease}.sidebar-overlay.visible{opacity:1;visibility:visible}.sidebar-mobile-header,.sidebar-mobile-footer{display:none}@media(max-width:1000px){.store-container{flex-direction:column;padding:0;z-index:auto!important;position:static!important}.store-products-grid{padding:0 15px}.store-products-grid.list-view{grid-template-columns:1fr}.store-sidebar{position:fixed;top:0;left:auto;right:0;height:100vh;width:100%;max-width:100%;background:#fff;z-index:99999;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;padding:0;border-right:none;margin:0;box-shadow:-2px 0 8px #0000001a}.store-sidebar.open{transform:translate(0)}.sidebar-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid #f3f4f6}.sidebar-mobile-header h3{margin:0;font-size:1.25rem;font-weight:700;color:#111827}.close-filters-btn{background:transparent;border:none;padding:5px;cursor:pointer;color:#6b7280}.sidebar-scrollable-content{flex:1 1 auto;overflow-y:auto;padding:20px}.sidebar-mobile-footer{display:flex;padding:15px 20px;border-top:1px solid #f3f4f6;gap:15px;background:#fff;flex-shrink:0;position:sticky;bottom:0;z-index:10}.sidebar-mobile-footer button{flex:1;padding:12px;border-radius:8px;font-weight:600;cursor:pointer;font-size:1rem}.btn-clear-filters{background:#fff;border:1px solid #d1d5db;color:#374151}.btn-apply-filters{background:var(--primary-color, #2563eb);border:none;color:#fff}.desktop-only{display:none!important}}.admin-container{display:flex;min-height:100vh;background-color:#f4f4f4;font-family:Poppins,sans-serif}.admin-sidebar{width:40px;background-color:var(--green);color:#fff;display:flex;flex-direction:column;padding:20px 10px;box-shadow:2px 0 5px #0000001a;position:fixed;top:0;left:0;height:100vh;z-index:1000;transition:width .3s ease-in-out;overflow-x:hidden;overflow-y:hidden}.admin-sidebar.open{width:250px;padding:20px}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999}.sidebar-title-row{display:flex;justify-content:space-between;align-items:center;overflow:hidden;white-space:nowrap}.admin-sidebar:not(.open) .sidebar-title-row h2,.admin-sidebar:not(.open) .user-email{display:none;opacity:0}.sidebar-title-row{display:flex;align-items:center;gap:15px;white-space:nowrap;overflow:hidden;height:40px}.sidebar-toggle{color:#fff!important;padding:5px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s;min-width:30px;flex-shrink:0}.sidebar-toggle:hover{background-color:#ffffff1a}.admin-sidebar:not(.open) .sidebar-title-row{justify-content:center;padding-bottom:0}.admin-sidebar h2{transition:opacity .2s ease-in;opacity:1}.admin-sidebar:not(.open) .sidebar-toggle{margin:0}.admin-sidebar h2{margin-bottom:0;font-size:1.5rem;text-align:left}.sidebar-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.admin-nav-btn{background:none;border:none;color:#ccc;text-align:left;padding:12px;margin-bottom:10px;cursor:pointer;border-radius:8px;transition:all .3s;font-size:1rem;display:flex;align-items:center;gap:15px;white-space:nowrap;justify-content:flex-start}.admin-sidebar:not(.open) .admin-nav-btn{justify-content:center;padding:12px 0}.nav-text{transition:opacity .2s}.admin-sidebar:not(.open) .nav-text{display:none;opacity:0}.admin-nav-btn:hover,.admin-nav-btn.active{background-color:#ffffff1a;color:#fff}.admin-content{flex:1;padding:20px;overflow-y:auto;width:100%;margin-left:70px;transition:margin-left .3s ease-in-out}.admin-sidebar.open~.admin-content{margin-left:70px}@media(max-width:1000px){.admin-content{margin-left:0;padding-left:80px}}.admin-header{margin-bottom:30px;display:flex;align-items:center;gap:15px}.menu-toggle-btn{background:none;border:none;cursor:pointer;color:#333;display:flex;align-items:center;padding:5px;border-radius:5px;transition:background-color .2s}.menu-toggle-btn:hover{background-color:#0000000d}.admin-header h1{color:#333;font-size:2rem;margin:0}.admin-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:20px}.admin-auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--background-color)}.admin-auth-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #0000001a;text-align:center;max-width:400px;width:100%}.admin-auth-card h2{color:var(--primary-color);margin-bottom:1rem}.admin-auth-card p{color:#666;margin-bottom:2rem}.google-login-btn,.logout-auth-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px;background-color:#4285f4;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .2s}.google-login-btn:hover{background-color:#357ae8}.logout-auth-btn{background-color:#666}.logout-auth-btn:hover{background-color:#555}.error-msg{color:#d32f2f;background-color:#ffebee;padding:10px;border-radius:4px;margin-bottom:1rem;font-size:.9rem}.user-email{font-size:.8rem;color:#ccc;display:block;margin-top:5px;word-break:break-all}.sidebar-footer{margin-top:auto;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.logout-btn{display:flex;align-items:center;gap:15px;width:100%;background:none;border:none;color:#ccc;cursor:pointer;padding:12px;text-align:left;transition:color .2s;font-size:1rem;white-space:nowrap}.admin-sidebar:not(.open) .logout-btn{justify-content:center;padding:12px 0}.logout-btn:hover{color:#ff6b6b}a.logout-btn:hover{color:#fff;background-color:#ffffff1a}.store-cat-manager{padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d}.manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:15px}.manager-header h2{color:var(--primary-color);margin:0 0 5px}.manager-header p{color:#666;margin:0;font-size:.9rem}.create-btn{display:flex;align-items:center;gap:8px;background:var(--primary-color);color:#fff;padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-weight:500}.empty-state{text-align:center;padding:40px 20px;background:#f8fafc;border-radius:8px;border:2px dashed #cbd5e1}.seed-btn{margin-top:20px;background:#10ac84;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer}.cat-form-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px;margin-bottom:30px}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.form-header h3{margin:0;color:var(--primary-color)}.close-btn{background:none;border:none;cursor:pointer;color:#64748b}.form-row{display:flex;gap:20px;margin-bottom:15px}.form-group{flex:1;display:flex;flex-direction:column;gap:5px}.form-group label{font-size:.9rem;font-weight:600;color:#334155}.form-group input,.form-group select{padding:10px;border:1px solid #cbd5e1;border-radius:6px;font-family:inherit}.form-group small{color:#64748b;font-size:.8rem}.image-preview-container{display:flex;align-items:center;gap:15px}.img-preview,.img-placeholder{width:60px;height:60px;border-radius:8px;object-fit:cover;border:1px solid #cbd5e1}.img-placeholder{background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#64748b;text-align:center}.upload-img-btn{display:flex;align-items:center;gap:5px;background:#fff;border:1px solid #cbd5e1;padding:8px 12px;border-radius:6px;cursor:pointer}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid #e2e8f0}.cancel-btn{padding:10px 20px;background:#fff;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer}.save-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer}.save-btn:disabled{opacity:.7;cursor:not-allowed}.grid-selector-container{margin-top:5px}.grid-selector{display:flex;gap:4px;padding:6px;background:#f1f5f9;border-radius:8px;border:1px solid #cbd5e1;width:fit-content}.grid-selector-block{width:40px;height:40px;background:#fff;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.grid-selector-block:hover{border-color:#fb923c;background:#fffedd}.grid-selector-block.selected{background:#fff7dd;border:2px solid #f97316;color:#f97316}.check-icon{font-size:14px;font-weight:700}.grid-selector-label{display:block;margin-top:5px;font-size:.85rem;color:#475569;font-weight:500}.preview-section{margin-top:30px}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.device-toggles{display:flex;background:#f1f5f9;padding:4px;border-radius:8px}.device-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:none;border-radius:6px;cursor:pointer;color:#64748b;font-weight:500}.device-btn.active{background:#fff;color:var(--primary-color);box-shadow:0 1px 3px #0000001a}.preview-container{background:#f8fafc;padding:40px 20px;border-radius:12px;border:1px solid #e2e8f0;display:flex;justify-content:center}.preview-grid{display:grid;gap:10px;width:100%}.preview-grid.desktop{grid-template-columns:repeat(5,minmax(0,1fr));max-width:900px}.preview-grid.mobile{grid-template-columns:repeat(2,minmax(0,1fr));max-width:380px;gap:15px}.preview-card{aspect-ratio:1;border-radius:10px;overflow:hidden;position:relative;background-size:cover;background-position:center;box-shadow:0 4px 6px #0000000d}.preview-card-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:20px 10px 10px;color:#fff;text-align:center;display:flex;flex-direction:column;justify-content:flex-end;height:100%}.preview-card-overlay h4{margin:0;font-size:1.1rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.card-actions{position:absolute;top:10px;right:10px;display:flex;gap:5px;opacity:0;transition:opacity .2s}.preview-card:hover .card-actions,.preview-card:active .card-actions{opacity:1}.card-actions button{background:#fff;border:none;border-radius:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#475569;box-shadow:0 2px 4px #0000001a}.card-actions button:hover{color:var(--primary-color)}.order-slot-group{flex:2}.order-slot-grid{display:flex;flex-wrap:wrap;gap:6px;padding:8px;background:#f1f5f9;border-radius:8px;border:1px solid #cbd5e1}.order-slot{width:64px;min-height:52px;border-radius:6px;border:2px solid #e2e8f0;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:4px 2px;transition:all .15s;gap:2px}.order-slot:hover{border-color:#f97316;background:#fff7ed}.order-slot.free{border-style:dashed;color:#94a3b8}.order-slot.occupied{background:#fef3c7;border-color:#fbbf24}.order-slot.current{background:#fff7dd;border:2px solid #f97316!important;color:#ea580c}.slot-num{font-size:.7rem;font-weight:700;color:#64748b}.order-slot.current .slot-num{color:#ea580c}.slot-label{font-size:.6rem;text-align:center;line-height:1.2;color:#475569;word-break:break-word;max-width:58px}.order-swap-section{margin-bottom:30px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.order-swap-header{margin-bottom:14px}.order-swap-header h3{margin:0 0 4px;color:#1e293b;font-size:1rem}.order-swap-header p{margin:0;font-size:.82rem;color:#64748b}.order-swap-grid{display:flex;flex-wrap:wrap;gap:10px}.swap-slot{width:80px;min-height:80px;border-radius:10px;border:2px solid #e2e8f0;background:#f8fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;padding:6px;transition:all .18s;position:relative;overflow:hidden;text-align:center}.swap-slot:hover{border-color:#f97316;transform:scale(1.04)}.swap-slot.swap-free{border-style:dashed;color:#94a3b8}.swap-slot.swap-occupied{background:#f0f9ff;border-color:#7dd3fc}.swap-slot.swap-selected{border:2px solid #f97316!important;background:#fff7ed;box-shadow:0 0 0 3px #f9731640}.swap-slot-num{font-size:.65rem;font-weight:700;background:#e2e8f0;border-radius:99px;padding:1px 6px;color:#475569;line-height:1.4;align-self:flex-start;position:absolute;top:5px;left:5px}.swap-thumb{width:50px;height:40px;object-fit:cover;border-radius:5px;margin-top:10px}.swap-name{font-size:.68rem;font-weight:600;color:#1e293b;line-height:1.2;word-break:break-word}.swap-empty{font-size:.7rem;color:#94a3b8;font-style:italic}.home-manager-container{padding:20px}.home-manager-header{margin-bottom:20px}.home-manager-header h2{color:#333;margin-bottom:5px}.home-manager-header p{color:#666}.cms-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:10px}.cms-tab{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;background:transparent;cursor:pointer;border-radius:6px;color:#666;font-weight:500;transition:all .2s}.cms-tab:hover{background-color:#f5f5f5;color:#333}.cms-tab.active{background-color:#007bff;color:#fff}.cms-content{background:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.cms-editor-panel h3{margin-top:0;margin-bottom:15px;color:#333}.cms-editor-panel p{color:#666}.hover-bg-gray:hover{background-color:#f9f9f9!important;border-color:#ccc!important}.product-manager-container{display:flex;flex-direction:row;gap:15px;padding:0;margin-left:-30px;align-items:flex-start;color:#333}.pm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.pm-title-section h2{margin:0;font-size:1.8rem;color:#333}.pm-subtitle{color:#666;font-size:.9rem;margin-top:5px}.header-actions{display:flex;gap:10px}.btn-header{background-color:#fff;color:#444;border:1px solid #ccc;padding:10px 20px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:500;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.btn-header:hover{background-color:#f5f5f5;border-color:#bbb;color:#333;box-shadow:0 2px 4px #0000001a}.btn-header:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.pm-controls{display:flex;justify-content:space-between;margin-bottom:20px}.pm-list-container{overflow-x:auto;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d}.pm-table{border-collapse:collapse;width:100%}.pm-list-container .pm-table{min-width:800px}.pm-table th{text-align:left;padding:15px;background-color:#f8f9fa;color:#444;font-weight:600;border-bottom:2px solid #eee}.pm-table td{padding:12px 15px;border-bottom:1px solid #eee;vertical-align:middle}.pm-img-thumb img{width:50px;height:50px;object-fit:cover;border-radius:4px;border:1px solid #eee}.no-img{width:50px;height:50px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;border-radius:4px;color:#ccc}.pm-badge{padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500}.category-badge{background-color:#e3f2fd;color:#1976d2}.stock-badge{padding:4px 8px;border-radius:12px;font-weight:700;font-size:.85rem}.stock-badge.ok{background-color:#e8f5e9;color:#2e7d32}.stock-badge.low{background-color:#ffebee;color:#c62828}.stock-calculated{background-color:#fff3e0;color:#ef6c00;padding:4px 8px;border-radius:12px;font-size:.85rem;font-weight:700}.pm-actions{display:flex;gap:8px}.btn-icon{border:none;background:transparent;cursor:pointer;padding:8px;border-radius:4px;transition:background .2s;display:flex;align-items:center;justify-content:center}.btn-icon svg{width:22px;height:22px}.btn-icon.stock:hover{background-color:#e3f2fd;color:#242c33}.btn-icon.edit:hover{background-color:#e3f2fd;color:#1976d2}.btn-icon.delete:hover{background-color:#ffebee;color:#c62828}.pm-form-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:0}.pm-form-card{background:#fff;border-radius:0!important;width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;display:flex;flex-direction:column;overflow-y:hidden;box-shadow:none!important;animation:fadeIn .3s ease;margin:0!important}.pm-form{flex:1;overflow-y:auto;padding:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pm-form-header{padding:20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.pm-form-header h3{margin:0;font-size:1.25rem}.btn-close{background:transparent;border:none;cursor:pointer;color:#666}.pm-form{padding:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.span-2{grid-column:auto;width:100%}.span-2{grid-column:span 2}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-size:.9rem;color:#555;font-weight:500}.form-group input,.form-group select,.form-group textarea{padding:10px;border-radius:6px;font-size:.95rem}.price-input-wrapper{position:relative;display:flex;align-items:center}.price-symbol{position:absolute;left:10px;color:#555;font-weight:500;pointer-events:none}.price-input-wrapper input{padding-left:25px!important;width:100%}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer}.form-section{background-color:#f9f9f9;padding:15px;border-radius:6px;border:1px solid #eee}.section-check{display:block;font-weight:700;margin-bottom:10px}.image-upload-container{display:flex;align-items:center;gap:10px}.image-upload-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background-color:#f0f0f0;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:.9rem}.current-image-preview{margin-top:10px;display:flex;align-items:center;gap:10px}.current-image-preview img{height:40px;width:40px;object-fit:cover;border-radius:4px}.form-actions{margin-top:20px;display:flex;justify-content:flex-end;gap:10px}.btn-cancel{background:transparent;border:1px solid #ddd;padding:10px 20px;border-radius:6px;cursor:pointer}.btn-save{background-color:var(--primary-color, #2e7d32);color:#fff;border:none;padding:10px 25px;border-radius:6px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:8px}.btn-save:disabled{background-color:#ccc;cursor:not-allowed}.pm-sidebar{width:240px;background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 4px #0000000d;flex-shrink:0;display:flex;flex-direction:column;gap:15px}.pm-sidebar h2{font-size:1.25rem;margin:0;padding-bottom:10px;border-bottom:2px solid #eee;color:#333}.pm-search-sidebar{position:relative;width:100%}.pm-search-sidebar input{width:100%;padding:10px 10px 10px 35px;border:1px solid #ddd;border-radius:6px;font-size:.95rem}.pm-search-sidebar .pm-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#999}.pm-content{flex:1;display:flex;flex-direction:column;gap:20px;width:100%;min-width:0}.pm-list-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#fff;border-bottom:1px solid #eee}.pm-list-header h2{font-size:1.5rem;margin:0;color:#333}.filter-section{border-bottom:1px solid #eee;padding-bottom:15px}.filter-section:last-child{border-bottom:none;padding-bottom:0}.filter-title{font-weight:600;margin-bottom:12px;display:block;font-size:.95rem;color:#444}.filter-options{display:flex;flex-direction:column;gap:10px}.filter-item-row{display:flex;align-items:center;gap:4px;margin-bottom:4px;min-height:24px}.filter-item-row.subcategory{margin-left:1.2rem}.filter-item-row.subsubcategory{margin-left:2.4rem}.btn-filter-expand{border:none;background:transparent;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#888;border-radius:4px;flex-shrink:0}.btn-filter-expand:hover{background-color:#f3f4f6;color:#333}.filter-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.95rem;-webkit-user-select:none;user-select:none;color:#444;margin-bottom:0}.filter-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#2e7d32}.filter-checkbox.no-child{margin-left:24px}.filter-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.filter-price-inputs{display:flex;gap:8px;align-items:center}.filter-price-inputs input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.pm-sort-select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;background-color:#fff;font-size:.9rem;cursor:pointer}@media(max-width:1000px){.product-manager-container{flex-direction:column}.pm-sidebar{width:100%}}.stock-modal-card{width:95vw!important;height:95vh!important;max-width:none!important;overflow:hidden!important;display:flex;flex-direction:column}.stock-modal-card .pm-form{flex:1;overflow-y:auto}.stock-display-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:20px;margin-bottom:25px;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid #dee2e6}.stock-icon-circle{width:50px;height:50px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#495057;box-shadow:0 2px 5px #0000000d;margin-right:15px}.stock-info{display:flex;flex-direction:column}.stock-label{font-size:.85rem;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stock-value{font-size:1.8rem;font-weight:700;color:#212529;line-height:1.2}.stock-product-name{position:absolute;right:20px;top:20px;font-weight:500;color:#495057;background:#fff;padding:4px 10px;border-radius:20px;font-size:.85rem;box-shadow:0 1px 3px #0000000d}.movement-type-toggle{display:flex;gap:10px;background:#f1f3f5;padding:5px;border-radius:8px}.type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:#6c757d;font-weight:500;transition:all .2s ease}.type-btn:hover{background:#0000000d;color:#495057}.type-btn.ingreso.active{background:#2e7d32;color:#fff;box-shadow:0 2px 4px #2e7d3233}.type-btn.salida.active{background:#c62828;color:#fff;box-shadow:0 2px 4px #c6282833}.stock-quantity-input{font-size:1.2rem!important;text-align:center;font-weight:600}.btn-danger{background-color:#c62828}.btn-danger:hover{background-color:#b71c1c}.btn-success{background-color:#2e7d32}.btn-success:hover{background-color:#1b5e20}.status-modal-card{max-width:400px!important;text-align:center;padding:30px!important;position:relative;border-radius:16px!important}.flex{display:flex}.flex-col{flex-direction:column}.gap-2{gap:8px}.gap-4{gap:16px}.items-center{align-items:center}.items-end{align-items:flex-end}.flex-1{flex:1}.text-xs{font-size:.75rem}.text-gray-500{color:#888}.ml-1{margin-left:4px}.fw-bold{font-weight:600}.btn-close-absolute:hover{color:#333}.status-modal-content{display:flex;flex-direction:column;align-items:center;gap:15px}.status-icon-container{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.status-icon-container.success{background-color:#e8f5e9;color:#2e7d32}.status-icon-container.error{background-color:#ffebee;color:#c62828}.status-title{font-size:1.5rem;margin:0;font-weight:700}.status-title.success{color:#2e7d32}.status-title.error{color:#c62828}.status-message{color:#666;font-size:1rem;line-height:1.5;margin:0}.btn-status-action{margin-top:15px;padding:10px 30px;border-radius:25px;border:none;font-weight:600;cursor:pointer;font-size:1rem;transition:transform .1s;width:100%}.btn-status-action:active{transform:scale(.98)}.btn-status-action.success{background-color:#2e7d32;color:#fff}.btn-status-action.error{background-color:#c62828;color:#fff}.confirmation-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:0;animation:fadeIn .2s ease-out}.confirmation-modal-card{background:#fff;border-radius:8px;width:90%;max-width:500px;height:auto;max-height:90vh;box-shadow:0 4px 20px #00000026;overflow:hidden;animation:scaleIn .2s ease-out;color:#333;display:flex;flex-direction:column}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.confirmation-modal-header{background-color:#fff3e0;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffe0b2}.confirmation-modal-header h3{margin:0;font-size:1.1rem;color:#e65100;display:flex;align-items:center;gap:8px}.warning-icon{color:#f57c00}.btn-close-modal{background:transparent;border:none;cursor:pointer;color:#e65100;display:flex;align-items:center}.confirmation-modal-body{padding:20px;font-size:1rem;color:#333;line-height:1.5}.confirmation-modal-actions{padding:15px 20px;background-color:#f9f9f9;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #eee}.btn-modal-cancel{background:#fff;border:1px solid #ccc;padding:8px 16px;border-radius:4px;cursor:pointer;color:#555;font-weight:500;transition:all .2s}.btn-modal-cancel:hover{background-color:#f5f5f5}.btn-modal-confirm{background-color:#d32f2f;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.btn-modal-confirm:hover{background-color:#b71c1c}.category-manager-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.category-manager-container{background:#fff;border-radius:0;width:100vw;height:100vh;max-width:none;display:flex;flex-direction:column;box-shadow:none;margin:0;overflow:hidden}.category-manager-header{padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background-color:#f9fafb}.category-manager-header h2{margin:0;font-size:1.25rem;font-weight:700;color:#111827}.category-manager-content{padding:1.5rem;overflow-y:auto;flex:1;background-color:#fff}.category-manager-footer{display:flex;gap:.5rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background-color:#f9fafb}.add-category-input{display:flex;gap:.5rem;width:100%}.add-category-input input{flex:1;padding:.5rem;border:1px solid #d1d5db;border-radius:6px}.category-list{display:flex;flex-direction:column;gap:.5rem}.category-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:.75rem;display:flex;flex-direction:column;gap:.5rem;cursor:grab;transition:all .2s}.category-item:active{cursor:grabbing;background:#f3f4f6}.category-item.dragging{opacity:.5;background:#e5e7eb}.category-header{display:flex;align-items:center;justify-content:space-between}.category-info{display:flex;align-items:center;gap:.5rem}.drag-handle{color:#9ca3af;cursor:grab}.category-actions{display:flex;gap:.25rem}.subcategory-list{margin-left:1.5rem;margin-top:5px;display:flex;flex-direction:column;gap:.25rem;border-left:2px solid #e5e7eb;padding-left:1rem}.subcategory-wrapper{display:flex;flex-direction:column}.subcategory-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#fff;border-radius:4px;font-size:.95rem;border:1px solid transparent}.subcategory-item:hover{background-color:#f8fafc;border-color:#f1f5f9}.subcategory-info{display:flex;align-items:center;gap:10px;flex:1}.subsubcategory-list{margin-left:2rem;margin-top:5px;display:flex;flex-direction:column;gap:.25rem;border-left:2px solid #e2e8f0;padding-left:1rem;position:relative}.subsubcategory-item{display:flex;justify-content:space-between;align-items:center;padding:.4rem .5rem;background:#fdfdfd;border-radius:4px;font-size:.9rem;color:#555;border:1px solid transparent}.subsubcategory-item:hover{background-color:#f1f5f9}.subsubsubcategory-list{margin-left:2rem;margin-top:5px;display:flex;flex-direction:column;gap:.2rem;border-left:1px dashed #cbd5e1;padding-left:.8rem;position:relative}.subsubsubcategory-item{display:flex;justify-content:space-between;align-items:center;padding:.3rem .5rem;background:transparent;border-radius:4px;font-size:.85rem;color:#64748b;border:1px solid transparent}.subsubsubcategory-item:hover{background-color:#f8fafc;color:#475569}.add-subcategory-form{margin-left:1.5rem;margin-top:8px;display:flex;gap:.5rem;padding-left:1rem;border-left:2px solid transparent}.add-subcategory-form.level-3{margin-left:2rem}.add-subcategory-form.level-4{margin-left:2.5rem;margin-top:4px}.add-subcategory-form input{flex:1;padding:.35rem .75rem;font-size:.9rem;border:1px solid #d1d5db;border-radius:4px}.btn-icon.add-sm{color:#10b981;padding:2px}.btn-icon.add-sm:hover{background-color:#ecfdf5}.btn-icon.delete-sm{color:#94a3b8}.btn-icon.delete-sm:hover{color:#ef4444;background-color:#fef2f2}.btn-icon.delete-xs{color:#cbd5e1;padding:4px}.btn-icon.delete-xs:hover{color:#ef4444;background-color:#fff1f2}.btn-primary-add{background-color:#2e7d32;color:#fff;border:none;padding:10px 15px;border-radius:6px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:5px}.btn-primary-add:hover{background-color:#1b5e20}.btn-primary-sm{background-color:#3b82f6;color:#fff;border:none;padding:5px 10px;border-radius:4px;font-size:.85rem;cursor:pointer}.btn-icon.btn-expand{color:#6b7280;padding:2px;margin-right:5px;cursor:pointer}.btn-icon.btn-expand:hover{background-color:#f3f4f6;color:#374151;border-radius:4px}.edit-mode-container{display:flex;align-items:center;gap:5px;flex:1}.edit-mode-input{padding:4px 8px;border:1px solid #3b82f6;border-radius:4px;font-size:.95rem;outline:none;box-shadow:0 0 0 2px #3b82f633;min-width:150px}.edit-mode-input.large{font-size:1rem;font-weight:600}.btn-icon.edit{color:#6b7280;margin-left:5px;opacity:.6}.btn-icon.edit:hover{opacity:1;color:#3b82f6;background-color:#eff6ff}.btn-icon.edit-sm{color:#94a3b8;margin-left:8px;padding:2px}.btn-icon.edit-sm:hover{color:#3b82f6;background-color:#eff6ff}.btn-icon.edit-xs{color:#cbd5e1;margin-left:5px;padding:2px}.btn-icon.edit-xs:hover{color:#3b82f6;background-color:#eff6ff}.btn-icon.check{color:#10b981}.btn-icon.check:hover{background-color:#ecfdf5}.btn-icon.cancel{color:#ef4444}.btn-icon.cancel:hover{background-color:#fef2f2}.category-info,.subcategory-info{display:flex;align-items:center;gap:.5rem;flex:1}.category-name,.subcategory-name{cursor:pointer}.category-name:hover,.subcategory-name:hover{color:#3b82f6}.btn-primary-xs{background-color:#64748b;color:#fff;border:none;padding:4px 8px;border-radius:4px;font-size:.8rem;cursor:pointer}.unsaved-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;z-index:2000;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.unsaved-modal-card{background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:400px;animation:fadeInScale .2s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.unsaved-modal-card .modal-title{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:.5rem}.unsaved-modal-card .modal-message{color:#4b5563;margin-bottom:1.5rem}.unsaved-modal-card .modal-actions-row{display:flex;flex-direction:row;gap:.75rem;justify-content:space-between}.unsaved-modal-card .btn-modal-confirm{flex:1;background-color:#059669;color:#fff;font-weight:500;padding:.75rem;border-radius:.5rem;border:none;cursor:pointer;transition:background-color .2s;font-size:.9rem}.unsaved-modal-card .btn-modal-confirm:hover{background-color:#047857}.unsaved-modal-card .btn-modal-discard{flex:1;background-color:#ef4444;color:#fff;font-weight:500;padding:.75rem;border-radius:.5rem;border:none;cursor:pointer;transition:background-color .2s;font-size:.9rem}.unsaved-modal-card .btn-modal-discard:hover{background-color:#dc2626}.unsaved-modal-card .btn-modal-cancel{flex:1;background-color:#e5e7eb;color:#374151;font-weight:500;padding:.75rem;border-radius:.5rem;border:none;cursor:pointer;transition:background-color .2s;font-size:.9rem}.unsaved-modal-card .btn-modal-cancel:hover{background-color:#d1d5db}.pam-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:0}.pam-card{background:#fff;border-radius:0;width:100vw;height:100vh;max-width:none;max-height:none;display:flex;flex-direction:column;box-shadow:none;position:relative}.pam-scroll-body{overflow-y:auto;padding:20px;flex:1;overflow-y:visible}.pam-header{padding:20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.pam-header h3{margin:0;font-size:1.25rem;color:#333}.pam-close-btn{background:transparent;border:none;cursor:pointer;color:#666;transition:color .2s}.pam-close-btn:hover{color:#333}.pam-form{padding:20px}.pam-form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.pam-form-group label{font-size:.9rem;color:#555;font-weight:500}.pam-select,.pam-input{padding:10px;border-radius:6px;border:1px solid #ddd;font-size:.95rem;width:100%}.pam-input:focus,.pam-select:focus{border-color:#2e7d32;outline:none}.pam-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.pam-search-wrapper{position:relative;width:100%;z-index:20}.pam-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#999;z-index:25}.pam-search-input{width:100%;padding:10px 10px 10px 40px;border:1px solid #ddd;border-radius:6px;font-size:.95rem;transition:border-color .2s}.pam-search-input:focus{border-color:#2e7d32;outline:none}.pam-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 6px 6px;max-height:200px;overflow-y:auto;z-index:30;box-shadow:0 4px 6px #0000001a}.pam-dropdown-item{padding:10px;display:flex;justify-content:space-between;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background .2s}.pam-dropdown-item:hover{background-color:#f5f5f5}.pam-price-tag{color:#2e7d32;font-weight:600}.pam-no-results{padding:15px;color:#999;text-align:center}.pam-variant-section{margin-top:15px;padding:15px;background:#f9fafb;border-radius:6px;border:1px solid #eee}.pam-radio-group{display:flex;gap:15px;margin-bottom:10px}.pam-radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem}.pam-toggle-group{display:flex;gap:10px;background:#f1f3f5;padding:5px;border-radius:8px}.pam-toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:#6c757d;font-weight:500;transition:all .2s}.pam-toggle-btn.active-percent{background:#2196f3;color:#fff}.pam-toggle-btn.active-fixed{background:#4caf50;color:#fff}.pam-preview-card{margin-top:20px;padding:15px;background:#f0f9ff;border:1px solid #b3e5fc;border-radius:8px}.pam-preview-header{margin:0 0 10px;font-size:1rem;color:#0277bd;display:flex;align-items:center;gap:8px}.pam-preview-row{display:flex;justify-content:space-between;align-items:center}.pam-preview-arrow{font-size:1.5rem;color:#e0e0e0}.pam-preview-label{font-size:.85rem;color:#757575}.pam-preview-val{font-weight:700;font-size:1.1rem}.pam-preview-new-label{font-size:.85rem;color:#1976d2;font-weight:700}.pam-preview-new-val{font-weight:700;font-size:1.25rem;color:#2e7d32}.pam-variants-list{margin-top:5px;max-height:120px;overflow-y:auto;list-style:none;padding:0}.pam-variant-item{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid #e3f2fd;font-size:.9rem}.pam-alert{margin-top:20px;padding:12px;background:#e3f2fd;border-radius:6px;color:#0d47a1;display:flex;align-items:center;gap:10px;font-size:.9rem}.pam-actions{margin-top:25px;display:flex;justify-content:flex-end;gap:10px}.pam-btn-cancel{background:transparent;border:1px solid #ddd;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500}.pam-btn-save{background-color:#2e7d32;color:#fff;border:none;padding:10px 25px;border-radius:6px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:8px}.pam-btn-save:disabled{background-color:#ccc;cursor:not-allowed}.discount-modal{width:600px;max-width:95vw}.product-summary{background:#f3f4f6;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.discount-input-group{margin-bottom:2rem}.discount-input-group label{display:block;font-weight:600;margin-bottom:.5rem}.input-wrapper{position:relative;max-width:200px}.discount-input{width:100%;padding:.75rem 2rem .75rem .75rem;font-size:1.25rem;border:2px solid #e5e7eb;border-radius:6px;font-weight:700;color:#059669}.percent-symbol{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-weight:700;color:#059669}.variants-section{border-top:1px solid #e5e7eb;padding-top:1rem;margin-bottom:1rem}.toggle-row{margin-bottom:1rem}.check-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500}.variants-list{background:#fff;border:1px solid #e5e7eb;padding:1rem;border-radius:6px;max-height:200px;overflow-y:auto}.section-subtitle{margin-top:0;margin-bottom:.5rem;font-size:.9rem;color:#6b7280}.variants-grid{display:flex;flex-direction:column;gap:.5rem}.variant-check-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-bottom:1px solid #f3f4f6}.variant-check-item:last-child{border-bottom:none}.v-name{flex:1}.v-price{font-weight:600}.v-current-discount{color:#059669;font-size:.85rem;font-weight:600}.preview-section{background:#ecfdf5;border:1px solid #d1fae5;padding:1rem;border-radius:8px;margin-top:1rem}.preview-section h4{margin-top:0;color:#065f46;margin-bottom:.5rem}.simple-preview{display:flex;align-items:center;gap:1rem;font-size:1.1rem}.simple-preview .arrow{color:#9ca3af}.simple-preview .new-price{color:#059669;font-weight:700;font-size:1.2rem}.searchable-select-container{position:relative;width:100%;font-family:inherit}.searchable-select-container.disabled{opacity:.6;pointer-events:none}.searchable-select-trigger{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;cursor:pointer;min-height:38px;transition:all .2s}.searchable-select-trigger:hover{border-color:#9ca3af}.selected-value{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.95rem;color:#111827}.placeholder{color:#9ca3af}.actions{display:flex;align-items:center;gap:6px}.btn-clear{background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;align-items:center;padding:2px;border-radius:50%}.btn-clear:hover{color:#ef4444;background-color:#fee2e2}.chevron{color:#6b7280;transition:transform .2s}.chevron.open{transform:rotate(180deg)}.searchable-select-dropdown{position:absolute;top:100%;left:0;width:100%;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:50;margin-top:4px;overflow:hidden;display:flex;flex-direction:column}.search-input{width:100%;padding:8px 12px;border:none;border-bottom:1px solid #e5e7eb;outline:none;font-size:.9rem;background-color:#f9fafb}.search-input:focus{background-color:#fff}.options-list{max-height:200px;overflow-y:auto}.option-item{padding:8px 12px;cursor:pointer;font-size:.9rem;color:#374151;transition:background-color .1s}.option-item:hover{background-color:#f3f4f6}.option-item.selected{background-color:#eff6ff;color:#2563eb;font-weight:500}.no-options{padding:12px;text-align:center;color:#9ca3af;font-size:.9rem}.visual-editor-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1000;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.visual-editor-container{width:95vw;height:95vh;background-color:#f5f5f5;border-radius:8px;overflow-y:auto;position:relative;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column}.editor-header-bar{position:sticky;top:0;left:0;right:0;background-color:#fff;border-bottom:1px solid #e5e7eb;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;z-index:50;box-shadow:0 2px 4px #0000000d}.editor-title{font-size:1.1rem;font-weight:600;color:#374151}.editor-actions{display:flex;gap:10px;align-items:center}.btn-save-changes{background-color:#059669;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background-color .2s}.btn-save-changes:hover{background-color:#047857;box-shadow:0 2px 4px #0000001a}.btn-close-editor{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px}.btn-close-editor:hover{background-color:#f3f4f6;color:#1f2937}.editable-field{border:1px dashed transparent;transition:all .2s;border-radius:4px;position:relative}.editable-field:hover{border-color:#3b82f6;background-color:#3b82f60d;cursor:text}.editable-field:focus-within{border-color:#2563eb;border-style:solid;background-color:#fff;box-shadow:0 0 0 3px #2563eb1a}.editor-content{flex:1;overflow-y:auto;padding:2rem 1rem}.editor-layout{display:grid;grid-template-columns:1fr;gap:30px;max-width:1200px;margin:0 auto;align-items:start}@media(min-width:900px){.editor-layout{grid-template-columns:1.5fr 1fr}}.editor-left-column{display:flex;flex-direction:column;gap:20px}.image-upload-area{width:100%;aspect-ratio:4/3;background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.image-upload-area:hover{border-color:#3b82f6;background-color:#eff6ff}.upload-overlay{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.image-upload-area:hover .upload-overlay{opacity:1}.btn-upload-trigger{background:#fff;border:none;padding:8px 16px;border-radius:20px;font-weight:500;display:flex;align-items:center;gap:6px;box-shadow:0 2px 5px #0003}.thumbnails-editor{display:flex;gap:10px;overflow-x:auto;padding:10px 0}.thumbnail-edit-item{position:relative;width:70px;height:70px;flex-shrink:0;border:1px solid #e5e7eb;border-radius:4px;cursor:grab}.thumbnail-edit-item img{width:100%;height:100%;object-fit:cover;border-radius:3px}.btn-remove-thumb{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;border:none;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:10px}.input-title{font-size:1.75rem;font-weight:700;color:#111827;width:100%;border:none;background:transparent;padding:4px;line-height:1.2}.input-price{font-size:2rem;font-weight:600;color:#111827;width:100%;border:none;background:transparent;padding:4px}.textarea-description{width:100%;min-height:150px;border:none;background:transparent;font-size:1rem;line-height:1.6;color:#4b5563;padding:10px;resize:vertical;font-family:inherit}.category-breadcrumbs-editor{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.cat-select-wrapper{min-width:150px}.editor-config-bar{background:#fff;padding:15px;border-radius:8px;margin-top:20px;border:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:20px}.config-toggle{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none}.config-toggle input[type=checkbox]{width:16px;height:16px;cursor:pointer}.variants-editor-section{margin-top:20px;border-top:1px solid #e5e7eb;padding-top:20px}.variants-table-editor{width:100%;border-collapse:separate;border-spacing:0 8px;margin-top:10px}.variants-table-editor th{text-align:left;padding:8px;font-size:.85rem;color:#6b7280;font-weight:600;border-bottom:1px solid #e5e7eb}.variants-table-editor td{padding:0 8px;vertical-align:middle}.variant-input{width:100%;border:1px solid #d1d5db;padding:10px 12px;border-radius:6px;font-size:.95rem;transition:all .2s;background-color:#f9fafb}.variant-input:focus{border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 3px #3b82f61a;outline:none}.variant-price-input::placeholder{color:#2563eb;font-weight:500;opacity:.8}.product-detail-page{background-color:var(--background-color);min-height:100vh;padding:2rem 1rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:#4b5563;text-decoration:none;margin-bottom:1.5rem;font-weight:500}.back-link:hover{color:#111827}.product-detail-header{width:100%;margin-bottom:20px}.product-breadcrumbs-wrapper{background-color:#f3f4f6;margin:-2rem -1rem 1.5rem;padding:1rem;display:flex;justify-content:center}.product-title-wrapper{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:0 1rem}.desktop-only-title{display:none}@media(min-width:900px){.mobile-only-title{display:none}.desktop-only-title{display:flex;padding:0;margin-bottom:.5rem}}.max-w-container{max-width:1200px;margin:0 auto}.favorite-btn-header{background:transparent;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;outline:none}.favorite-btn-header:hover{opacity:.8}.product-detail-layout{display:grid;grid-template-columns:1fr;gap:20px;max-width:1200px;margin:0 auto}@media(min-width:900px){.product-breadcrumbs-wrapper{background-color:transparent;margin:-2rem 0 1rem;padding:1rem 0;justify-content:center}.product-detail-layout{grid-template-columns:1fr 380px;gap:10px;align-items:start}}.detail-left-column{display:contents}.image-card{order:1}.detail-right-column{height:fit-content;order:2}.description-card{order:3}@media(min-width:900px){.detail-left-column{display:flex;flex-direction:column;gap:10px}}.detail-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000d;padding:16px 20px;border:1px solid #e5e7eb;overflow:hidden}.product-detail-container{display:none}.product-image-section{display:flex;flex-direction:column;gap:1rem}.main-image-container{width:100%;aspect-ratio:4/3;border-radius:4px;overflow:hidden;background:#fff;position:relative}@media(min-width:900px){.main-image-container{aspect-ratio:16/10;max-height:60vh}}.main-image-track{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.main-image-track::-webkit-scrollbar{display:none}.main-image-slide{flex:0 0 100%;width:100%;height:100%;display:flex;align-items:center;justify-content:center;scroll-snap-align:start}.main-image{width:100%;height:100%;object-fit:contain}.no-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f9fafb}.product-thumbnails{display:flex;gap:10px;margin-top:5px;overflow-x:auto;padding-bottom:5px}.thumbnail-item{width:64px;height:64px;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;overflow:hidden;flex-shrink:0}.thumbnail-item.active{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.thumbnail-item img{width:100%;height:100%;object-fit:cover}.description-card h2.section-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#1f2937;border-bottom:1px solid #e5e7eb;padding-bottom:10px}.product-description{color:#4b5563;line-height:1.6;font-size:1rem;white-space:pre-wrap}.product-info-section{display:flex;flex-direction:column;gap:1.5rem}.product-breadcrumbs{max-width:1200px;width:100%;display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:1.05rem;color:#4b5563}.breadcrumb-link{color:#6b7280;text-decoration:none;transition:color .2s}.breadcrumb-link:hover{color:var(--primary-color);text-decoration:underline}.product-title{font-size:1.4rem;font-weight:700;color:#111827;line-height:1.3;margin:0}.product-price-container{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.variant-name-display{color:#6b7280;font-size:1.1rem;font-weight:500}.product-price{font-size:1.4rem;font-weight:600;color:#111827}.variants-container{border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:1.25rem 0;display:flex;flex-direction:column;gap:.75rem}.variant-label{font-weight:600;font-size:.9rem;color:#374151}.variant-select-wrapper{position:relative;width:100%}.variant-select{width:100%;padding:12px 40px 12px 15px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;font-size:1rem;color:#111827;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;transition:all .2s;outline:none;font-family:inherit;background-image:none}.variant-select::-ms-expand{display:none}.variant-select:hover{border-color:#9ca3af}.variant-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #d4752c1a}.select-chevron{position:absolute;right:15px;top:50%;transform:translateY(-50%);pointer-events:none;color:#6b7280}.stock-status{font-size:.875rem;margin-bottom:.5rem}.text-green{color:#059669}.text-red{color:#dc4a26}.product-actions{display:flex;flex-direction:column;gap:15px}.action-row{display:flex;align-items:center}.quantity-selector{display:flex;align-items:center;border:1px solid #d1d5db;border-radius:6px;overflow:hidden;height:40px}.qty-btn{width:40px;height:100%;border:none;background:#f9fafb;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#4b5563}.qty-btn:hover:not(:disabled){background-color:#e5e7eb}.qty-value{width:40px;text-align:center;font-weight:600}.action-buttons-stack{display:flex;flex-direction:column;gap:10px;width:100%}.btn-buy-now{width:100%;padding:12px;background-color:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color .2s;text-align:center}.btn-buy-now:hover:not(:disabled){background-color:#b9481c}.btn-buy-now:disabled{background-color:#d1d5db;cursor:not-allowed}.btn-add-cart{width:100%;padding:12px;background-color:#fff;color:#2d343f;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:.5rem;transition:all .2s}.btn-add-cart:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af;color:#111827}.btn-add-cart:disabled{opacity:.6;cursor:not-allowed}.image-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:1px solid #e5e7eb;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0000001a;color:#4b5563;z-index:5}.image-nav-btn:hover{background:#fff;color:#111827}.image-nav-btn.prev{left:10px}@media(max-width:1000px){.image-nav-btn{display:none}}.image-nav-btn.next{right:10px}@media(max-width:1000px){.product-detail-page{padding:0;background-color:#fff}.product-breadcrumbs-wrapper{margin:0 0 1rem;padding:1rem}.product-title-wrapper{padding:0 1.5rem;margin-bottom:1rem}.product-title-wrapper .product-title{font-size:1.3rem}.back-link{margin:1rem 1rem .5rem}.product-detail-layout{gap:0}.detail-card{padding:0 1rem!important;border:none!important;box-shadow:none!important;border-radius:0!important;margin-bottom:1.5rem!important;background-color:transparent!important}.image-card{padding:0!important;margin-bottom:1rem!important}.main-image-container{border-radius:0!important;border:none!important;box-shadow:none!important}.product-title{font-size:1.4rem}}.detail-discount-badge{position:absolute;top:15px;left:15px;background-color:#059669;color:#fff;padding:6px 12px;border-radius:6px;font-size:1rem;font-weight:700;box-shadow:0 4px 6px #0000001a;z-index:10}.price-with-discount{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px}.original-price-strikethrough{text-decoration:line-through;color:#9ca3af;font-size:1.1rem}.final-price-large{color:#059669;font-size:1.4rem;font-weight:700}.variant-price-block{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.v-orig-price{font-size:.75rem;text-decoration:line-through;color:#9ca3af}.variant-name{display:block;margin-bottom:2px}.order-manager-container{padding:20px}.om-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.om-subtitle{font-size:.9rem;color:#888;margin-top:5px}.om-search-box{display:flex;align-items:center;background:#fff;padding:8px 15px;border-radius:8px;border:1px solid #e0e0e0;width:350px;gap:10px}.om-search-box input{border:none;outline:none;width:100%;font-size:.9rem}.om-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000d;overflow:hidden}.om-table{width:100%;border-collapse:collapse}.om-table th,.om-table td{padding:15px 20px;text-align:left;border-bottom:1px solid #f0f0f0}.om-table th{background-color:#f8f9fa;font-weight:600;color:#444;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.order-row{cursor:pointer;transition:background-color .2s}.order-row:hover{background-color:#f5f5f5!important}.order-row.active-row{background-color:#e3f2fd;border-left:4px solid var(--primary-color)}.row-pending{background-color:#fffaf0}.order-id-cell{font-weight:700;color:var(--primary-color)}.order-date-cell{font-size:.8rem;color:#888}.client-name-cell{font-weight:500}.client-email-cell{font-size:.8rem;color:#666}.total-cell{font-weight:700;font-size:1rem}.status-badge{padding:5px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;display:inline-block}.status-badge.pending{background-color:#fff3cd;color:#856404}.status-badge.preparing{background-color:#cce5ff;color:#004085}.status-badge.sent{background-color:#d4edda;color:#155724}.status-badge.delivered{background-color:#d1e7dd;color:#0f5132}.status-badge.cancelled{background-color:#f8d7da;color:#721c24}.payment-badge{padding:2px 8px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;display:inline-block;width:fit-content}.payment-badge.approved{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.payment-badge.rejected{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.payment-badge.in_process,.payment-badge.pending{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba}.accordion-row td{padding:0;border-bottom:none;background-color:#fafafa}.accordion-wrapper{max-height:0;overflow:hidden;transition:max-height .3s ease-out,opacity .3s ease-out;opacity:0;background:#fdfdfd;border-bottom:2px solid #eee}.accordion-wrapper.open{max-height:1000px;opacity:1;padding:20px}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:2000;opacity:0;visibility:hidden;transition:opacity .3s}.sidebar-overlay.open{opacity:1;visibility:visible}.order-sidebar{position:fixed;top:0;right:0;width:85%;max-width:400px;height:100%;background:#fff;z-index:2100;transform:translate(100%);transition:transform .3s cubic-bezier(.25,1,.5,1);box-shadow:-2px 0 10px #0000001a;display:flex;flex-direction:column}.order-sidebar.open{transform:translate(0)}.sidebar-header-order{padding:20px;border-bottom:1px solid #eee;display:flex;align-items:center;gap:15px;background:#f8f9fa}.btn-close-sidebar{background:none;border:none;cursor:pointer;color:#444;display:flex;align-items:center;justify-content:center}.sidebar-content{flex:1;overflow-y:auto;padding:20px}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:1000px){.details-grid{grid-template-columns:1fr}}.detail-card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 8px #00000008;border:1px solid #ebebeb;margin-bottom:20px}.detail-card h4{margin:0 0 15px;font-size:1rem;color:#444;display:flex;align-items:center;gap:8px;border-bottom:1px solid #eee;padding-bottom:10px}.info-group{margin-bottom:10px;display:flex;flex-direction:column}.info-group label{font-size:.8rem;color:#999;font-weight:500;margin-bottom:2px}.info-group span,.info-group a{font-size:.95rem;color:#333;font-weight:500}.info-group a{color:var(--primary-color);text-decoration:none}.info-group a:hover{text-decoration:underline}.fiscal-card{border-left:4px solid #6c5ce7}.status-card{background:#fff}.status-control-wrapper{margin-bottom:20px;position:relative}.status-select-large{width:100%;padding:12px;font-size:1rem;border-radius:8px;border:2px solid #eee;font-weight:600;cursor:pointer;transition:all .2s}.status-select-large.pending{border-color:#ffeeba;background:#fff3cd;color:#856404}.status-select-large.preparing{border-color:#b8daff;background:#cce5ff;color:#004085}.status-select-large.sent{border-color:#c3e6cb;background:#d4edda;color:#155724}.status-select-large.delivered{border-color:#badbcc;background:#d1e7dd;color:#0f5132}.status-select-large.cancelled{border-color:#f5c6cb;background:#f8d7da;color:#721c24}.updating-status{position:absolute;right:10px;top:-25px;font-size:.8rem;color:#888}.payment-info-box{background:#f9f9f9;margin-top:10px}.order-items-table th{text-align:left;padding:10px;background:#eee;font-size:.9rem;color:#333}.order-items-table td{padding:10px;border-bottom:1px solid #f0f0f0;color:#333}.total-row{border-top:2px solid #ddd;font-weight:700;font-size:1.1rem}@media(max-width:1000px){.order-detail-grid{grid-template-columns:1fr}}.dashboard-container{padding:20px;background-color:#f5f7fa;min-height:100%}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.dashboard-header h2{font-size:1.8rem;color:#333;margin:0}.time-filters{display:flex;background-color:#fff;padding:5px;border-radius:8px;box-shadow:0 1px 3px #0000000d}.time-filter-btn{border:none;background:transparent;padding:8px 16px;border-radius:6px;color:#666;font-weight:500;cursor:pointer;font-size:.9rem;transition:all .2s;display:flex;align-items:center;gap:6px}.time-filter-btn:hover{color:#333;background-color:#f0f0f0}.time-filter-btn.active{background-color:#e3f2fd;color:#1976d2;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 6px #00000005;display:flex;align-items:flex-start;transition:transform .2s,box-shadow .2s;border:1px solid #eee}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 12px #0000000d}.stat-icon-wrapper{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:20px;flex-shrink:0}.stat-card.primary .stat-icon-wrapper{background-color:#e8f5e9;color:#2e7d32}.stat-card.info .stat-icon-wrapper{background-color:#e3f2fd;color:#1976d2}.stat-card.warning .stat-icon-wrapper{background-color:#fff3e0;color:#ef6c00}.stat-card.purple .stat-icon-wrapper{background-color:#f3e5f5;color:#7b1fa2}.stat-content{flex:1}.stat-label{font-size:.9rem;color:#666;margin-bottom:8px;display:block;font-weight:500}.stat-value{font-size:1.8rem;font-weight:800;color:#333;line-height:1.2;margin-bottom:4px}.stat-subtext{font-size:.85rem;color:#888}.dashboard-section-title{font-size:1.2rem;color:#333;margin-bottom:20px;font-weight:700}.table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000005;overflow:hidden;border:1px solid #eee}.dashboard-table{width:100%;border-collapse:collapse}.dashboard-table th,.dashboard-table td{padding:16px 24px;text-align:left}.dashboard-table th{background-color:#fcfcfc;border-bottom:1px solid #eee;color:#666;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.dashboard-table td{border-bottom:1px solid #f5f5f5;color:#444;font-size:.95rem}.dashboard-table tr:last-child td{border-bottom:none}.dashboard-table tr:hover td{background-color:#fafafa}.amount-cell{font-weight:600;color:#333}.empty-state{padding:40px;text-align:center;color:#888;background:#fff;border-radius:12px}@media(max-width:1000px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:15px}.time-filters{width:100%;overflow-x:auto}.stats-grid{grid-template-columns:1fr}}.shipping-manager{padding:10px}.shipping-header{margin-bottom:20px}.shipping-header h2{color:#333;margin-bottom:5px}.shipping-header p{color:#666}.shipping-message{padding:12px 15px;border-radius:6px;margin-bottom:20px;font-weight:500}.shipping-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.shipping-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.shipping-section{background:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;border:1px solid #eee}.shipping-section h3{display:flex;align-items:center;gap:10px;color:#333;margin-top:0;margin-bottom:15px;border-bottom:1px solid #eee;padding-bottom:10px}.shipping-help-text{color:#666;font-size:.9rem;margin-bottom:15px}.form-row{display:flex;gap:15px;margin-bottom:15px}.form-row.flex-wrap{flex-wrap:wrap}.form-group{display:flex;flex-direction:column;flex:1;min-width:200px}.form-group label{font-weight:500;margin-bottom:5px;color:#444;font-size:.9rem}.form-group input,.form-group select{padding:10px;border:1px solid #ccc;border-radius:4px;font-family:inherit;font-size:.95rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#007bff}.btn-save-global{display:flex;align-items:center;gap:8px;background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .2s;margin-top:10px}.btn-save-global:hover{background-color:#0056b3}.btn-save-global:disabled{background-color:#ccc;cursor:not-allowed}.add-city-form{background-color:#f9f9f9;padding:15px;border-radius:6px;margin-bottom:20px;border:1px solid #e0e0e0}.add-city-form h4{margin-top:0;margin-bottom:15px;color:#444}.add-btn-group{justify-content:flex-end}.btn-add-city{display:flex;align-items:center;justify-content:center;gap:5px;background-color:#28a745;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;font-weight:600;height:42px;margin-top:24px;transition:background-color .2s}.btn-add-city:hover{background-color:#218838}.cities-list h4{margin-top:0;margin-bottom:15px;color:#333}.cities-table{width:100%;border-collapse:collapse;background:#fff;border-radius:4px;overflow:hidden}.cities-table th,.cities-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #eee}.cities-table th{background-color:#f5f5f5;font-weight:600;color:#555}.cities-table tbody tr:hover{background-color:#f9f9f9}.uses-global{color:#6c757d;font-style:italic;font-size:.9rem}.btn-remove-city{background:none;border:none;color:#dc3545;cursor:pointer;padding:5px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.btn-remove-city:hover{background-color:#ffeeba;color:#c82333}.no-cities{color:#666;font-style:italic;text-align:center;padding:20px;background:#f9f9f9;border-radius:4px}.relative{position:relative}.suggestions-dropdown{position:absolute;top:100%;left:0;width:100%;max-height:200px;overflow-y:auto;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 4px 4px;z-index:100;list-style:none;padding:0;margin:0;box-shadow:0 4px 6px #0000001a}.suggestions-dropdown li{padding:10px 15px;cursor:pointer;border-bottom:1px solid #eee}.suggestions-dropdown li:hover{background-color:#f5f5f5}.checkout-wrapper{background-color:#fff!important;min-height:100vh;padding:100px 20px 200px;font-family:Poppins,sans-serif;color:#333}.empty-cart-container{padding:80px 20px;text-align:center;background:var(--white);min-height:60vh}.checkout-steps{max-width:800px;margin:0 auto 40px;display:flex;align-items:center;justify-content:center;color:#999}.step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.step-icon{width:32px;height:32px;border-radius:50%;border:2px solid #ddd;display:flex;align-items:center;justify-content:center;background:#fff;margin-bottom:5px;transition:all .3s}.step.active .step-icon{border-color:var(--primary-color);color:var(--primary-color)}.step.current .step-icon{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.step-label{font-size:.8rem;font-weight:500}.step.line{flex:1;height:2px;background:#ddd;margin:-20px 10px 0;max-width:100px}.checkout-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:start}@media(max-width:960px){.checkout-content{grid-template-columns:1fr;gap:40px}}.checkout-section{margin-bottom:40px}.section-title{font-size:1.8rem;font-weight:700;margin-bottom:20px;color:#000;display:flex;align-items:center;justify-content:space-between}.help-icon{width:20px;height:20px;border-radius:50%;border:1px solid #999;color:#999;font-size:.8rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.input-field{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:1rem;outline:none;transition:border-color .3s;background-color:#fff;color:#333;font-family:inherit}select.input-field{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:1em;padding-right:40px}.input-field:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #d4752c1a}.input-field.error{border-color:#e74c3c;background-color:#fdf2f2}.error-text{color:#e74c3c;font-size:.8rem;margin-top:4px;display:block}.input-label{display:block;font-size:.85rem;color:#666;margin-bottom:6px;font-weight:500}.form-group{margin-bottom:15px}.form-group.relative{position:relative}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.form-row .form-group{margin-bottom:0}@media(max-width:600px){.form-row{grid-template-columns:1fr}}.checkbox-group{display:flex;align-items:center;gap:10px;margin-bottom:15px;font-size:.9rem;color:#555;cursor:pointer}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color);cursor:pointer}.delivery-option{border:2px solid var(--primary-color);border-radius:2px;padding:0;display:flex;align-items:stretch;margin-bottom:5px;min-height:50px}.delivery-icon{background:var(--primary-color);padding:20px;display:flex;align-items:center;justify-content:center;min-width:80px}.put-green{background:#25660b}.border-green{border:2px solid #25660b}.delivery-text{padding:15px;display:flex;align-items:center;line-height:1.3;font-weight:600;color:#333;flex:1}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ccc;border-top:none;border-radius:0 0 6px 6px;box-shadow:0 4px 12px #0000001a;z-index:10;max-height:200px;overflow-y:auto;list-style:none;margin:0;padding:0}.suggestions-dropdown li{padding:12px 16px;cursor:pointer;font-size:.9rem;color:#333;border-bottom:1px solid #f5f5f5}.suggestions-dropdown li:hover{background-color:#f9f9f9}.checkout-sidebar{position:sticky;top:20px}.order-summary-card{background:#fff;border:1px solid #eee;border-radius:8px;padding:20px;box-shadow:0 4px 12px #00000008}.summary-product{display:flex;gap:15px;padding:15px 0;border-bottom:1px solid #f0f0f0;align-items:center}.img-wrapper{position:relative;width:60px;height:60px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;padding:2px}.img-wrapper img{width:100%;height:100%;object-fit:contain;border-radius:6px}.qty-badge{position:absolute;top:-8px;right:-8px;background:#888;color:#fff;width:20px;height:20px;border-radius:50%;font-size:.75rem;display:flex;align-items:center;justify-content:center}.prod-info{flex:1}.prod-name{font-weight:600;font-size:.9rem;margin-bottom:2px}.prod-variant{color:#888;font-size:.8rem}.prod-price{font-weight:600}.summary-rows{padding:15px 0;border-bottom:1px solid #eee}.row{display:flex;justify-content:space-between;margin-bottom:10px;color:#555;font-size:.9rem}.total-row{display:flex;justify-content:space-between;padding:20px 0;align-items:center;font-size:1.1rem;color:#333}.total-amount{font-size:1.5rem;font-weight:800;color:var(--primary-color)}.coupon-btn{width:100%;padding:12px;background:none;border:1px solid var(--primary-color);color:var(--primary-color);border-radius:20px;font-weight:600;cursor:pointer;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.coupon-btn:hover{background:#d4752c0d}.btn-continue{width:100%;background:var(--primary-color);color:#fff;padding:18px;border:none;border-radius:30px;font-weight:700;font-size:1rem;cursor:pointer;margin-top:30px;transition:opacity .2s;letter-spacing:.5px}.btn-continue:hover{opacity:.9}.btn-back{display:inline-block;padding:12px 24px;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:6px;margin-top:20px}.btn-checkout-back{position:absolute;top:100px;left:40px;background:none;border:none;display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:600;color:var(--primary-color);cursor:pointer;transition:transform .2s;z-index:10}.btn-checkout-back:hover{transform:translate(-5px)}@media(max-width:1000px){.btn-checkout-back{position:static;margin-bottom:20px}}.help-container{position:relative;display:inline-block;cursor:pointer}.help-tooltip{visibility:hidden;width:220px;background-color:#333;color:#fff;text-align:center;border-radius:6px;padding:8px 12px;position:absolute;z-index:100;bottom:135%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s;font-size:.85rem;font-weight:400;line-height:1.4;box-shadow:0 4px 10px #0003}.help-tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#333 transparent transparent transparent}.help-container:hover .help-tooltip{visibility:visible;opacity:1}.info-summary-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:0;margin-bottom:30px;overflow:hidden}.info-summary-header{color:#d4752c;padding:15px 20px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:10px}.info-summary-row{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee;font-size:.95rem;color:#555}.info-summary-row:last-child{border-bottom:none}.info-content{display:flex;align-items:center;gap:15px;flex:1}.info-icon{color:var(--primary-color);width:20px;display:flex;justify-content:center}.btn-change,.btn-add-note{color:var(--primary-color);font-weight:600;font-size:.85rem;background:none;border:none;cursor:pointer}.payment-methods-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.payment-method-item{border-bottom:1px solid #eee}.payment-method-header{padding:20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;background:#fff}.payment-method-label{display:flex;align-items:center;gap:12px;font-weight:600;font-size:1rem;color:#333}.discount-badge{color:var(--primary-color);font-size:.8rem;font-weight:700}.payment-method-details{padding:20px;background:#fafafa;border-top:1px solid #eee;color:#666;font-size:.9rem;text-align:center}.final-actions{margin-top:25px}.save-data-check{display:flex;align-items:center;gap:10px;font-size:.9rem;color:#666;margin-bottom:20px;padding:15px;background:#f9f9f9;border-radius:6px;justify-content:space-between}.btn-place-order{width:100%;background:var(--primary-color);color:#fff;padding:18px;border:none;border-radius:30px;font-weight:700;font-size:1rem;cursor:pointer;transition:opacity .2s}.address-selection-grid{margin-bottom:20px}.addresses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:15px;margin-top:10px}.address-card{border:1px solid #e0e0e0;border-radius:8px;padding:15px;cursor:pointer;transition:all .2s ease;background:#fff;position:relative;display:flex;flex-direction:column;gap:5px}.address-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.address-card.selected{border-color:var(--primary-color);background-color:#fff8f3;box-shadow:0 0 0 2px var(--primary-color)}.address-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.address-alias{font-weight:700;color:var(--primary-color);font-size:.95rem}.selected-icon{color:var(--primary-color);background:#fff;border-radius:50%;padding:2px}.address-details p{margin:0;font-size:.9rem;color:#444;line-height:1.4}.address-details .address-sub{font-size:.85rem;color:#777;margin-top:2px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;width:90%;max-width:500px;border-radius:8px;padding:0;box-shadow:0 5px 15px #0003;display:flex;flex-direction:column}.modal-header{padding:15px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:1.1rem;color:#333}.modal-close{background:none;border:none;cursor:pointer;color:#777;padding:5px}.modal-body{padding:20px}.note-textarea{width:100%;height:120px;padding:12px;border:1px solid #ccc;border-radius:6px;resize:none;font-family:inherit;font-size:.95rem;outline:none}.note-textarea:focus{border-color:var(--primary-color)}.modal-footer{padding:15px 20px;border-top:1px solid #eee;background:#f9f9f9;border-radius:0 0 8px 8px;text-align:right}.btn-save-note{background:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer}.selected-method .payment-method-header{background-color:#fafafa}.radio-circle{width:20px;height:20px;border:2px solid #ccc;border-radius:50%;margin-right:12px;display:flex;align-items:center;justify-content:center;transition:all .2s}.selected-method .radio-circle{border-color:var(--primary-color)}.radio-inner{width:10px;height:10px;background-color:var(--primary-color);border-radius:50%}.cart-sidebar-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:2000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cart-sidebar-backdrop.open{opacity:1;visibility:visible}.cart-sidebar{position:fixed;top:0;right:0;width:100%;max-width:450px;height:100%;background-color:#fff;box-shadow:-5px 0 15px #0000001a;z-index:2001;transform:translate(100%);visibility:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1),visibility .3s;display:flex;flex-direction:column}.cart-sidebar.open{transform:translate(0);visibility:visible}.cart-header{background-color:var(--primary-color);color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 5px #0000001a}.cart-header h2{margin:0;font-size:1.2rem;font-weight:600;font-family:Poppins,sans-serif}.close-cart-btn{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:5px;border-radius:50%;transition:background-color .2s}.close-cart-btn:hover{background-color:#fff3}.cart-items-container{flex:1;overflow-y:auto;padding:20px}.empty-cart-msg{text-align:center;margin-top:50px;color:#666;font-size:1.1rem}.cart-item{display:flex;gap:15px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #eee;position:relative}.cart-item-image{width:80px;height:80px;object-fit:cover;border-radius:6px;border:1px solid #eee}.cart-item-details{flex:1;display:flex;flex-direction:column;justify-content:space-between}.cart-item-title{font-size:.95rem;font-weight:600;color:#333;margin-bottom:4px;padding-right:25px;line-height:1.3}.cart-item-variant{font-size:.8rem;color:#666;margin-bottom:8px}.cart-item-controls{display:flex;justify-content:space-between;align-items:center;margin-top:5px}.qty-controls{display:flex;align-items:center;border:1px solid #ddd;border-radius:4px;overflow:hidden}.qty-btn{background:#fff;border:none;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--primary-color);font-weight:700;transition:background .2s}.qty-btn:hover{background-color:#f5f5f5}.qty-value{width:30px;text-align:center;font-size:.9rem;font-weight:600;color:#333}.cart-item-price{font-weight:700;font-size:1rem;color:#333}.remove-item-btn{position:absolute;top:0;right:0;background:none;border:none;color:#999;cursor:pointer;padding:0}.remove-item-btn:hover{color:#ff3b30}.cart-footer{padding:20px;background-color:#f9f9f9;border-top:1px solid #eee}.cart-summary{margin-bottom:20px}.summary-row{display:flex;justify-content:space-between;margin-bottom:10px;color:#444}.summary-row.total{font-size:1.25rem;font-weight:800;color:var(--primary-color);border-top:1px solid #ddd;padding-top:10px;margin-top:10px}.start-checkout-btn{width:100%;background-color:var(--primary-color);color:#fff;border:none;padding:15px;border-radius:30px;font-size:1rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:background-color .2s}.start-checkout-btn:hover{background-color:#92501e}@media(max-width:480px){.cart-sidebar{width:100%;max-width:none}}.floating-actions{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:15px;z-index:1000}@media(max-width:600px){.floating-actions{right:25px;bottom:15px;gap:10px}.fab-btn{width:38px;height:38px}}.fab-btn{width:45px;height:45px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;text-decoration:none;box-shadow:0 4px 10px #0000004d;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;border:none;cursor:pointer}.fab-btn:hover{transform:scale(1.1);box-shadow:0 6px 15px #0006}.fab-whatsapp{background-color:#25d366}.fab-cart{background-color:var(--primary-color, #8B4513)}.fab-badge{position:absolute;top:-5px;right:-5px;background-color:#ff3b30;color:#fff;font-size:.75rem;font-weight:700;min-width:24px;height:24px;border-radius:12px;display:flex;justify-content:center;align-items:center;border:2px solid white}.fab-btn:before{content:attr(data-tooltip);position:absolute;right:70px;top:50%;transform:translateY(-50%) scale(0);background-color:#000c;color:#fff;padding:5px 10px;border-radius:5px;font-size:.8rem;white-space:nowrap;opacity:0;transition:all .2s;pointer-events:none}.fab-btn:hover:before{transform:translateY(-50%) scale(1);opacity:1}.order-success-container{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:2rem;background-color:#f8f9fa}.success-card{background:#fff;padding:3rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;text-align:center;max-width:500px;width:100%}.icon-container{margin-bottom:1.5rem}.success-card h1{color:#333;margin-bottom:1rem}.success-card p{color:#666;margin-bottom:2rem}.order-id{background-color:#e9ecef;padding:.5rem 1rem;border-radius:4px;font-weight:700;color:#495057;display:inline-block;margin-bottom:2rem}.actions{display:flex;gap:1rem;justify-content:center}.btn-home,.btn-account{display:inline-block;padding:10px 20px;border-radius:6px;text-decoration:none;font-weight:500;transition:background-color .2s}.btn-home{background-color:var(--primary-color);color:#fff}.btn-account{background-color:#fff;border:1px solid #dee2e6;color:#333}.success-card.rejected h1{color:#dc3545}.success-card.pending h1{color:#856404}.order-number-box{display:flex;flex-direction:column;align-items:center}.order-number-box .label{font-size:.85rem;text-transform:uppercase;color:#666;letter-spacing:1px}.order-number-box .value{font-size:1.5rem;font-weight:800;color:#333}.status-message{color:#15803d;font-weight:500;max-width:500px;line-height:1.4}.btn-whatsapp-main{display:inline-flex;align-items:center;gap:10px;background-color:#25d366;color:#fff;padding:12px 24px;border-radius:30px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:transform .2s,background-color .2s;box-shadow:0 4px 12px #25d3664d;margin-top:10px}.btn-whatsapp-main:hover{background-color:#20bd5a;transform:translateY(-2px)}.order-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;text-align:left;margin-bottom:40px}.detail-column h3{display:flex;align-items:center;gap:10px;font-size:1.1rem;color:var(--primary-color);border-bottom:2px solid #eee;padding-bottom:10px;margin-bottom:15px}.detail-column p{color:#555;margin-bottom:8px;font-size:.95rem}.margin-top-15{margin-top:15px;border-top:1px dashed #eee;padding-top:15px}.fiscal-data-box{background:#f9f9f9;padding:10px;border-radius:6px;font-size:.9rem;margin-top:10px;border:1px solid #eee}.fiscal-title{font-weight:600;color:var(--primary-color);margin-bottom:5px!important}.items-list{list-style:none;padding:0;margin:0 0 15px}.item-row{display:flex;gap:10px;margin-bottom:8px;font-size:.95rem;color:#444}.item-name{font-weight:500}.total-summary{border-top:1px solid #eee;padding-top:10px;text-align:right}.total-line{font-size:1.2rem;color:#333}.discount-note{font-size:.8rem;color:#d32f2f;margin-bottom:5px}.actions-footer{border-top:1px solid #f0f0f0;padding-top:30px}.btn-secondary-home{color:#666;text-decoration:none;font-weight:500;border:1px solid #ddd;padding:10px 20px;border-radius:8px;transition:all .2s}.btn-secondary-home:hover{border-color:#999;color:#333;background-color:#f9f9f9}@media(max-width:1000px){.order-details-grid{grid-template-columns:1fr;gap:20px}.success-card{padding:25px}.btn-whatsapp-main{width:100%;justify-content:center}}.page-loader-container{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#ffffffb3;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:9999;opacity:1;transition:opacity .5s ease-in-out}.page-loader-container.fading{opacity:0;pointer-events:none}.spinner{width:50px;height:50px;border:5px solid rgba(0,0,0,.1);border-left-color:#22c55e;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.my-account-container{padding:40px 20px;min-height:60vh}.my-account-title{font-size:2rem;color:var(--primary-color);margin-bottom:30px}.my-account-grid{display:grid;grid-template-columns:250px 1fr;gap:40px}.my-account-sidebar{background:var(--white);border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000000d;height:fit-content}.account-nav{display:flex;flex-direction:column;gap:10px}.account-nav-item{display:flex;align-items:center;gap:12px;padding:12px 15px;text-decoration:none;color:var(--green);border-radius:6px;font-weight:500;transition:all .2s ease;border:none;background:none;width:100%;cursor:pointer;text-align:left;font-size:1rem}.account-nav-item:hover,.account-nav-item.active{background-color:#d4752c1a;color:var(--primary-color)}.account-nav-item.logout-btn{margin-top:10px;color:#ef4444}.nav-badge{position:absolute;top:-12px;right:-12px;background-color:var(--primary-color);color:#fff;font-size:.8rem;font-weight:700;min-width:22px;height:22px;border-radius:11px;display:flex;justify-content:center;align-items:center;border:2px solid white;box-shadow:0 2px 4px #0000001a}.account-nav-item.logout-btn:hover{background-color:#fee2e2;color:#b91c1c}.my-account-content{background:var(--white);border-radius:8px;padding:30px;box-shadow:0 2px 4px #0000000d}.account-section-title{font-size:1.5rem;color:var(--green);margin-bottom:25px;border-bottom:1px solid #eee;padding-bottom:15px}@media(max-width:1000px){.my-account-grid{grid-template-columns:1fr;gap:20px}.my-account-sidebar{padding:15px}.account-nav-item{padding:10px}}.order-stepper{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;position:relative;padding:0 10px}.stepper-item{display:flex;flex-direction:column;align-items:center;position:relative;flex:1;z-index:2}.stepper-item:last-child{flex:0;min-width:60px}.step-circle{width:30px;height:30px;border-radius:50%;background-color:#fff;border:3px solid #e5e7eb;display:flex;align-items:center;justify-content:center;margin-bottom:8px;transition:all .3s ease}.stepper-item.completed .step-circle{background-color:var(--primary-color);border-color:var(--primary-color)}.stepper-item.current .step-circle{border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 3px #d4752c33}.step-label{font-size:.8rem;color:#9ca3af;font-weight:500}.stepper-item.completed .step-label,.stepper-item.current .step-label{color:var(--primary-color);font-weight:600}.step-line{position:absolute;top:15px;left:50%;width:100%;height:3px;background-color:#e5e7eb;z-index:-1;transform:translateY(-50%)}.step-line.filled{background-color:var(--primary-color)}.cancelled-banner{background-color:#fef2f2;color:#ef4444;padding:15px;border-radius:8px;display:flex;align-items:center;gap:10px;font-weight:600;border:1px solid #fecaca;margin-bottom:20px}.order-card-header{padding:15px;background:#f9fafb;cursor:"pointer";display:flex;justify-content:space-between;align-items:center}.order-header-left{display:flex;gap:15px;align-items:center}.order-icon-box{background:var(--primary-color);color:#fff;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center}.order-id-text{font-weight:700}.order-date-text{font-size:.9rem;color:#6b7280}.order-header-right{display:flex;align-items:center;gap:15px}.order-status-badge{padding:4px 10px;border-radius:12px;font-size:.85rem;font-weight:500}.order-total-text{font-weight:700}.order-details{padding:20px;border-top:1px solid #eee}.products-title{margin-bottom:15px;color:#374151;margin-top:20px}.product-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px dashed #eee;margin-bottom:10px}.product-item:last-child{border-bottom:none;margin-bottom:0}.product-info-left{display:flex;gap:10px;align-items:center}.product-thumb{width:50px;height:50px;background:#f3f4f6;border-radius:4px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.product-thumb img{width:100%;height:100%;object-fit:cover}.product-text{display:flex;flex-direction:column}.product-name{font-weight:500}.product-variant,.product-qty{font-size:.85rem;color:#6b7280}.product-price{font-weight:500;white-space:nowrap}.order-footer-info{margin-top:20px;padding-top:15px;border-top:1px solid #eee;display:grid;grid-template-columns:1fr 1fr;gap:20px}.info-block h5{margin-bottom:5px;color:#374151}.info-block p{font-size:.9rem;color:#6b7280}.capitalize{text-transform:capitalize}@media(max-width:600px){.order-card-header{flex-direction:column;align-items:flex-start;gap:15px}.order-header-right{width:100%;justify-content:space-between}.order-stepper{padding:0;gap:2px}.step-label{font-size:.7rem;text-align:center}.step-line{top:15px}.order-footer-info{grid-template-columns:1fr;gap:15px}}