*{box-sizing:border-box;margin:0;padding:0;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}:root{--store-red:#e12d2d;--secondary-color:#f1f1f1;--text-color:#222;--white:#fff}a{color:inherit;text-decoration:none}.no-scroll{width:100%;position:fixed;overflow:hidden}.header{width:100%;font-family:source-sans-pro,sans-serif;transition:transform .3s,opacity .3s}.headerBanner{background-color:var(--store-red);color:#fff;will-change:transform;align-items:center;min-height:53px;padding:4px 10px;font-size:13px;font-weight:500;display:flex;position:relative}.headerBannerContainer{justify-content:space-between;align-items:center;gap:20px;max-width:530px;margin:0 auto;padding:8px 5px;display:flex}.headerBannerContainer>p{overflow-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.headerBannerButton{border:2px solid #fff;border-radius:5px;justify-content:space-around;align-items:center;width:96px;min-width:96px;max-width:96px;padding:4px;font-family:source-sans-pro,sans-serif;font-size:11px;display:flex}.headerBannerIcon{font-size:16px!important}@media only screen and (width>=768px){.headerBanner{justify-content:center;display:flex}.headerBannerContainer{justify-content:space-between;width:100%;min-width:100%;max-width:100%;margin:0 40px;padding:0 40px}}.mobileNavContainer{z-index:1000;background:#fff;justify-content:space-between;align-items:center;height:42px;min-height:42px;max-height:42px;padding:0 10px;transition:box-shadow .3s;display:flex;position:sticky;top:0;overflow:visible;box-shadow:0 4px 6px #0000001a}.mobileNavLogo{z-index:10;width:40px}.headerSmall{z-index:1000;position:sticky;top:0}.headerSmall .headerBanner{opacity:0;pointer-events:none;transform:translateY(-100%)}.headerSmall .mobileNav{position:relative;transform:translateY(-54px)}.mobileSidebarButtonIcon{align-items:center;font-size:25px;display:flex}.headerSmall .mobileNav .mobileNavLogo{width:40px}.mobileNavIcons{gap:10px;display:flex}.mobileNavIcons span svg{font-size:20px}.desktopNav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffa9;width:100%;height:80px;position:sticky;top:0;box-shadow:0 4px 6px #0000001a}.desktopNavContainer{z-index:1000;justify-content:space-between;align-items:center;width:90%;height:80px;margin:0 auto;display:flex}.desktopNavLeft,.desktopNavCenter,.desktopNavRight{flex:1;align-items:center;display:flex}.desktopNavLeft{justify-content:flex-start;gap:20px;display:flex}.desktopNavLeft .sidebarButtonIcon{background-color:#eee;border:1px solid #d6d6d6;border-radius:10px;align-self:center;padding:10px;display:flex}.sidebarButtonIcon svg{align-self:center;font-size:30px}.desktopCategories{gap:20px;display:flex}.desktopCategories .categoryItem{cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.desktopCategories .categoryItem:hover{color:red}.desktopNavCenter{justify-content:flex-center;justify-content:center}.desktopLogo{width:60px}.desktopNavRight{justify-content:flex-end;align-items:center;gap:20px;display:flex}.searchBar{background:#fff;border:1px solid #ddd;border-radius:30px;align-items:center;width:350px;padding:8px 15px;display:flex}.searchBar input{border:none;outline:none;flex:1;font-size:14px}.searchIcons{color:#555;cursor:pointer;align-items:center;gap:10px;font-size:18px;display:flex}.navIcons{cursor:pointer;align-items:center;gap:18px;font-size:20px;display:flex}.navIcons svg:hover{color:#000}.menu-btn{cursor:pointer;color:#333;background:0 0;border:none;font-size:18px}.sidebarOverlay{z-index:3000;background:#0000004d;position:fixed;inset:0}.sidebar{z-index:3001;background:#fff;border-right:1px solid #eee;width:300px;height:100vh;padding:1.5rem;transition:left .25s;position:fixed;top:0;left:-300px;overflow-y:auto}.sidebar.active{left:0}.sidebarCloseBtn{color:#444;cursor:pointer;background:#f2f2f2;border:1px solid #e5e5e5;border-radius:6px;width:32px;height:32px;margin-bottom:1.5rem;font-size:14px}.sidebar-content{color:#333;flex-direction:column;gap:1.5rem;display:flex}.sidebar-section{border-bottom:1px solid #eee;padding-bottom:1rem}.sidebar-section h3{color:#666;margin:0 0 .6rem;font-size:.9rem;font-weight:400}.category-list{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.category-list a{color:#333;padding:.4rem 0;font-size:.9rem;font-weight:400;text-decoration:none;display:block}.category-list a:hover{color:#000}.cart-link,.login-link,.logout-btn{color:#333;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.6rem 0;font-size:.9rem;font-weight:400;text-decoration:none;display:flex}.logout-btn{text-align:left;width:100%}@media (width>=568px) and (width<=991px){.sidebar{width:360px;left:-360px}}@media (width>=992px){.sidebar{width:360px;left:-360px}}.sidebar{-ms-overflow-style:none;scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.toast-container{z-index:10000;max-width:400px;position:fixed;top:20px;right:20px}.toast{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff6;border-radius:16px;align-items:center;gap:1rem;padding:1rem 1.5rem;font-family:-apple-system,BlinkMacSystemFont,sans-serif;animation:.4s cubic-bezier(.25,.46,.45,.94) slideInRight;display:flex;box-shadow:0 20px 60px #0003}.toast.success{border-left:4px solid #10b981}.toast.error{border-left:4px solid #ef4444}.toast-icon{flex-shrink:0;font-size:1.5rem}.toast-content{flex:1}.toast-message{color:#111;font-size:.95rem;font-weight:500;line-height:1.4}.toast-close{cursor:pointer;color:#666;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:1.4rem;transition:all .2s;display:flex}.toast-close:hover{color:#000;background:#0000001a}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast.exit{animation:.3s ease-out forwards slideOutRight}.hero{background-position:50%;background-size:cover;width:100%;height:50vh;position:relative}.hero-overlay{background:#0003;position:absolute;inset:0}.hero-content{z-index:2;color:#fff;text-align:center;padding:0 12px;position:relative;top:80%;transform:translateY(-50%)}.hero-content h1{letter-spacing:-.07em;background-color:#0009;border-radius:8px;padding:20px;font-size:1.2rem;font-weight:500}.hero-content button{color:#333;cursor:pointer;background:#ffffffd9;border:1px solid #fff9;border-radius:4px;margin-top:10px;padding:6px 12px;font-size:.85rem;font-weight:400}.hero-content button:hover{background:#fffffff2}.arrow{color:#333;cursor:pointer;z-index:10;background:#ffffffb3;border:1px solid #0000000d;border-radius:4px;padding:10px;font-size:20px;position:absolute;top:50%;transform:translateY(-50%)}.arrow.left{left:6px}.arrow.right{right:6px}.dots{text-align:center;z-index:10;width:100%;position:absolute;bottom:8px}.dot{cursor:pointer;background:#ffffff80;border-radius:50%;width:6px;height:6px;margin:3px;display:inline-block}.dot.active{background:#ffffffe6}.hero-link{z-index:2;color:inherit;text-decoration:none;display:block;position:absolute;inset:0}.hero-content{justify-content:center;align-items:center;width:100%;display:flex;position:absolute}.arrow,.dots{z-index:3}@media (width>=992px){.hero{height:80vh}.hero-content h1{font-size:2rem}.hero-content button{padding:8px 16px;font-size:.9rem}.arrow{padding:12px;font-size:25px}.dot{width:8px;height:8px}.dots{bottom:14px}}.productCardWrapper{background:#fafafa;border:1px solid #f2f2f2;border-radius:6px;flex-direction:column;height:100%;display:flex;overflow:hidden}.productCardWrapper:hover{background:#f8f8f8}.productCard{color:inherit;flex-direction:column;justify-content:space-between;height:100%;text-decoration:none;display:flex}.productImage{aspect-ratio:1;background:#f3f3f3;width:100%}.productImage img{object-fit:cover;width:100%;height:100%}.productInfoContent{flex-direction:column;flex:1;justify-content:space-between;gap:2px;padding:8px 10px;display:flex}.productCardInfoTitle{color:#444;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1rem;font-weight:400;line-height:1.3;display:-webkit-box;overflow:hidden}.productCardInfoPrice{color:#666;font-size:.85rem;font-weight:400}.addToCartBtn{color:#444;cursor:pointer;background:#ededed;border:1px solid #e5e5e5;border-radius:5px;align-self:flex-start;align-items:center;gap:4px;width:auto;height:30px;margin:6px 10px 10px;padding:5px 8px;font-size:.75rem;transition:background .15s;display:inline-flex}.addToCartBtn:hover{background:#e5e5e5}.addToCartBtn:disabled{opacity:.5;cursor:not-allowed}.addToCartBtn svg{font-size:.8rem}.categoryCarouselSection{max-width:1200px;margin:0 auto;padding:2.5rem 1rem}.categoriesCarousel{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#ddd transparent;gap:1rem;padding:.5rem 0;display:flex;overflow-x:auto}.categoriesCarousel::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}.categoriesCarousel{-ms-overflow-style:none;scrollbar-width:none}.categoriesCarousel::-webkit-scrollbar{display:none}.categoryCarouselsContainer{flex-direction:column;gap:2.5rem;display:flex}.categoryCarouselWrapper{width:100%}.categoryTitle{color:#111;text-align:left;letter-spacing:-.01em;margin-bottom:1rem;font-size:1.2rem;font-weight:400}.carouselItem{scroll-snap-align:start;flex:0 0 240px}.categoryLabel{text-align:center;color:#555;margin-top:.4rem;font-size:.85rem;font-weight:400;display:block}.carouselContainer{position:relative}.carouselArrow{cursor:pointer;z-index:5;background:#fff;border:1px solid #e5e5e5;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;transition:background .2s;display:flex;position:absolute;top:40%;transform:translateY(-50%)}.carouselArrow:hover{background:#f5f5f5}.carouselArrow.left{left:6px}.carouselArrow.right{right:6px}@media (width<=768px){.carouselItem{flex:0 0 200px}.categoryTitle{font-size:1.05rem}.carouselArrow{display:none}}.productSection{max-width:1200px;margin:0 auto;padding:2.5rem 1rem}.productSectionHeader{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.productSectionTitle{color:#111;letter-spacing:-.01em;font-size:1.3rem;font-weight:400}.viewAll{color:#666;border-bottom:1px solid #0000;font-size:.9rem;font-weight:400;text-decoration:none;transition:border-color .2s}.viewAll:hover{border-bottom-color:#ccc}.productsGrid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;display:grid}@media (width<=768px){.productSection{padding:1.8rem 1rem}.productSectionHeader{flex-direction:column;align-items:flex-start;gap:.5rem}.productSectionTitle{font-size:1.1rem}.productsGrid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.2rem}}.cart-page{background:#f8f9fb;min-height:100vh;padding:2rem 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.cart-page h1{text-align:center;color:#111;margin-bottom:2rem;font-size:1.5rem;font-weight:500}.cart-empty{text-align:center;max-width:500px;margin:0 auto;padding:5rem 1rem}.cart-empty h2{margin-bottom:.5rem;font-size:1.7rem;font-weight:300}.cart-empty p{color:#666}.cart-content{grid-template-columns:1fr 340px;gap:2rem;max-width:1100px;margin:0 auto;display:grid}.cart-items{flex-direction:column;gap:1rem;display:flex}.cart-item{background:#fff;border:1px solid #e6e6e6;border-radius:10px;grid-template-columns:70px 1fr 120px 100px;align-items:center;gap:1rem;padding:1rem;display:grid}.cart-item-image img{object-fit:cover;border-radius:6px;width:70px;height:70px}.cart-item-details h3{color:#111;margin-bottom:4px;font-size:.95rem;font-weight:500}.cart-item-details p{color:#777;font-size:.8rem}.cart-controls{flex-direction:column;align-items:center;gap:.4rem;display:flex}.quantity-controls{align-items:center;gap:.5rem;display:flex}.quantity-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;width:32px;height:32px;font-size:.9rem}.quantity-btn:hover{background:#f3f3f3}.quantity{text-align:center;min-width:20px;font-size:.9rem}.remove-btn{color:#888;cursor:pointer;background:0 0;border:none;padding:5px;font-size:.8rem}.remove-btn:hover{color:#000}.cart-item-total{text-align:right;font-size:1rem;font-weight:500}.cart-summary{background:#fff;border:1px solid #e6e6e6;border-radius:10px;height:fit-content;padding:1.5rem}.cart-summary h3{margin-bottom:1rem;font-size:1.2rem;font-weight:500}.summary-row{border-bottom:1px solid #eee;justify-content:space-between;padding:.6rem 0;font-size:.9rem;display:flex}.summary-row:last-child{border-bottom:none}.total-row{margin-top:.5rem;font-weight:600}.checkout-btn{color:#fff;cursor:pointer;background:#111;border:none;border-radius:6px;width:100%;margin-top:1rem;padding:.9rem;font-size:.95rem}.checkout-btn:hover{background:#222}.loading{text-align:center;color:#777;padding:3rem}@media (width<=900px){.cart-content{grid-template-columns:1fr}}@media (width<=600px){.cart-item{grid-template-columns:60px 1fr}.cart-controls{width:100px}.cart-item-total{text-align:left;grid-column:span 2}}.profilePage{background:#fafafa;justify-content:center;align-items:center;min-height:50vh;padding:2rem 1rem;display:flex}.profileContainer{width:100%;max-width:420px}.profilePage h1{text-align:center;color:#111;margin-bottom:1.5rem;font-size:1.4rem;font-weight:400}.profileCard{text-align:center;background:#fff;border:1px solid #eee;border-radius:8px;padding:1.8rem 1.5rem}.profileAvatar{margin-bottom:1.2rem}.avatarPlaceholder{color:#555;background:#eaeaea;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto;font-size:1.4rem;font-weight:400;display:flex}.profileInfo h2{color:#111;margin:.5rem 0 .2rem;font-size:1.1rem;font-weight:400}.profileInfo .email{color:#666;margin:0;font-size:.9rem}.profileInfo .userId{color:#aaa;margin-top:.3rem;font-family:monospace;font-size:.75rem}.logoutBtn{color:#444;cursor:pointer;background:#eaeaea;border:1px solid #e0e0e0;border-radius:6px;margin-top:1.2rem;padding:.6rem 1.2rem;font-size:.85rem;font-weight:400;transition:background .2s}.logoutBtn:hover{background:#e0e0e0}.profilePage a{color:#555;text-decoration:underline}@media (width<=768px){.profilePage{padding:1rem .5rem}.profileCard{padding:1.5rem 1.2rem}}.productDetailPage{min-height:100vh}.productDetailMain{max-width:1400px;margin:0 auto;padding:2rem 1rem}.productDetailContainer{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;display:grid}.productImages{flex-direction:column;gap:1rem;display:flex}.imageGrid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.imageGridItem{aspect-ratio:1;cursor:pointer;background:#f5f5f5;border-radius:12px;overflow:hidden}.imageGridItem:only-child{grid-column:1/-1}.imageGridItem img{object-fit:cover;width:100%;height:100%;display:block}.mobileCarousel,.carouselDots{display:none}.productInfo{padding-left:2rem}.productTitle{color:#111;margin-bottom:1rem;font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:400;line-height:1.3}.productPrice{color:#444;margin-bottom:.6rem;font-size:clamp(1rem,2.5vw,1.3rem);font-weight:400}.productCategory{color:#888;letter-spacing:.5px;margin-bottom:1.2rem;font-size:.75rem}.addToCart{margin-bottom:2rem}.addButton{color:#444;cursor:pointer;background:#eaeaea;border:1px solid #ddd;border-radius:6px;width:100%;max-width:300px;min-height:44px;padding:.7rem 1.2rem;font-size:.9rem;font-weight:400;transition:background .15s}.addButton:hover{background:#e0e0e0}.productDescription h3{color:#111;margin-bottom:.5rem;font-size:.9rem;font-weight:400}.productDescription p{color:#666;font-size:.85rem;line-height:1.5}@media (width<=992px){.productDetailContainer{grid-template-columns:1fr;gap:2rem}.productInfo{padding-left:0}}@media (width<=768px){.productDetailMain{padding:1.5rem 1rem}.imageGrid{display:none}.mobileCarousel{scroll-snap-type:x mandatory;scrollbar-width:none;gap:.75rem;display:flex;overflow-x:auto}.mobileCarousel::-webkit-scrollbar{display:none}.carouselSlide{scroll-snap-align:start;aspect-ratio:1;background:#f5f5f5;border-radius:12px;flex:0 0 100%;overflow:hidden}.carouselSlide img{object-fit:cover;width:100%;height:100%;display:block}.carouselDots{justify-content:center;gap:.4rem;margin-top:.6rem;display:flex}.carouselDot{cursor:pointer;background:#ccc;border:none;border-radius:50%;width:8px;height:8px}.carouselDot.active{background:#666}}@media (width<=480px){.productDetailMain{padding:1rem .5rem}.productDetailContainer{gap:1.5rem}.carouselSlide{border-radius:8px}}.loading,.error{text-align:center;color:#666;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;font-size:.9rem;display:flex}.imageModalOverlay{z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.imageModalContent img{object-fit:contain;border-radius:6px;max-width:100%;max-height:90vh}.imageModalClose{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.5rem;position:absolute;top:16px;right:16px}.login-page{background:#fafafa;justify-content:center;align-items:center;min-height:80vh;padding:1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.login-container{width:100%;max-width:380px}.login-card{background:#fff;border:1px solid #eee;border-radius:8px;padding:1.8rem 1.5rem}.login-title{color:#111;text-align:center;margin:0 0 .3rem;font-size:1.3rem;font-weight:400}.login-subtitle{color:#777;text-align:center;margin-bottom:1.5rem;font-size:.9rem}.error-message{color:#555;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:6px;margin-bottom:1rem;padding:.7rem .9rem;font-size:.85rem}.login-form{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;display:flex}.form-group label{color:#555;margin-bottom:.3rem;font-size:.8rem;font-weight:400}.form-group input{background:#fff;border:1px solid #ddd;border-radius:6px;padding:.7rem .9rem;font-size:.9rem}.form-group input:focus{border-color:#ccc;outline:none}.form-group input:disabled{opacity:.6;cursor:not-allowed}.login-button{color:#444;cursor:pointer;background:#eaeaea;border:1px solid #e0e0e0;border-radius:6px;margin-top:.5rem;padding:.7rem;font-size:.9rem;font-weight:400;transition:background .15s}.login-button:hover:not(:disabled){background:#e0e0e0}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-footer{text-align:center;color:#888;margin-top:1.2rem;font-size:.8rem}@media (width<=480px){.login-page{padding:1rem}.login-card{padding:1.5rem 1.2rem}}.searchMain{max-width:1100px;margin:0 auto;padding:1.5rem 1rem}.searchHero{text-align:center;background:#fafafa;border:1px solid #eee;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem 1rem}.searchInputResults{background:#f3f3f3;border-radius:6px;max-width:420px;margin:0 auto 1rem;padding:2px;display:flex}.searchInputResultsField{color:#333;background:0 0;border:none;outline:none;flex:1;padding:.7rem 1rem;font-size:.9rem}.searchInputResultsField::placeholder{color:#999}.searchButtonResults{color:#444;cursor:pointer;background:#e5e5e5;border:none;border-radius:6px;width:36px;height:36px;font-size:.9rem}.searchButtonResults:hover{background:#ddd}.searchTitle{color:#111;margin:0 0 .3rem;font-size:1.4rem;font-weight:400}.searchQuery{color:#777;font-size:.95rem}.searchEmpty,.noResults{text-align:center;color:#777;padding:3rem 1rem}.mobileSearchInput{flex-wrap:wrap;gap:.5rem;max-width:420px;margin:1.5rem auto;display:flex}.searchInputMobile{border:1px solid #ddd;border-radius:6px;flex:1;min-width:200px;padding:.7rem 1rem;font-size:.9rem}.searchButtonMobile{color:#444;cursor:pointer;background:#e5e5e5;border:none;border-radius:6px;padding:.7rem 1rem;font-weight:400}.searchButtonMobile:hover{background:#ddd}.searchResultsHeader{border-bottom:1px solid #eee;margin:1.5rem 0 .5rem;padding-bottom:.5rem}.searchResultsHeader h2{color:#111;font-size:1.2rem;font-weight:400}.searchProductsGrid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.2rem;margin-top:1rem;display:grid}.loading{text-align:center;color:#777;padding:3rem;font-size:.9rem}@media (width<=768px){.searchMain{padding:1rem}.searchProductsGrid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.mobileSearchInput{flex-direction:column;align-items:stretch}.searchInputMobile{width:100%}}:root{--color-bg:#f5f6f8;--color-surface:#fff;--color-border:#e2e4e8;--color-text:#1f2937;--color-text-secondary:#6b7280;--color-accent:#2563eb;--color-accent-hover:#1d4ed8;--color-danger:#dc2626;--color-danger-hover:#b91c1c;--color-success:#16a34a;--color-success-hover:#15803d;--color-warning:#d97706;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--radius:10px;--radius-sm:6px;--transition:.15s ease}.admin-page{max-width:1200px;color:var(--color-text);background:var(--color-bg);min-height:100vh;margin:0 auto;padding:32px 24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.admin-page h1{color:var(--color-text);letter-spacing:-.02em;margin-bottom:28px;font-size:1.75rem;font-weight:300}.admin-page h2{color:var(--color-text);margin-bottom:18px;font-size:1.15rem;font-weight:500}.admin-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:24px}.admin-nav-cards{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}@media screen and (width>=786px){.admin-nav-cards{justify-content:flex-start}}.admin-nav-card{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);width:120px;color:var(--color-text-secondary);transition:all var(--transition);align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.admin-nav-card:hover{border-color:var(--color-accent);color:var(--color-accent);box-shadow:var(--shadow-sm)}.admin-nav-card.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.admin-nav-card.active:hover{background:var(--color-accent-hover)}.admin-form{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.admin-form input,.admin-form select,.admin-form textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;color:var(--color-text);transition:border-color var(--transition), box-shadow var(--transition);box-sizing:border-box;outline:none;padding:10px 12px;font-size:.9rem}.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #2563eb14}.admin-form input:disabled,.admin-form select:disabled{color:var(--color-text-secondary);cursor:not-allowed;background:#f3f4f6}input[type=checkbox]{cursor:pointer;width:18px;height:18px}.admin-form textarea{resize:vertical;min-height:80px}.admin-form button[type=submit]{color:#fff;background:var(--color-accent);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition);border:none;grid-column:1/-1;justify-self:start;padding:10px 24px;font-size:.9rem;font-weight:500}.admin-form button[type=submit]:hover{background:var(--color-accent-hover)}.field-error{border-color:var(--color-danger)!important}.error-msg{color:var(--color-danger);margin-top:4px;font-size:.8rem;display:block}.images-section{border:1px dashed var(--color-border);border-radius:var(--radius-sm);background:#fafbfc;grid-column:1/-1;padding:16px}.images-label{color:var(--color-text-secondary);margin-bottom:10px;font-size:.85rem;font-weight:500;display:block}.image-input-row{gap:8px;margin-bottom:10px;display:flex}.image-input-row input{flex:1}.add-image-btn{color:var(--color-accent);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition);white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;align-items:center;gap:4px;padding:8px 14px;font-size:.85rem;font-weight:500;display:inline-flex}.add-image-btn:hover{background:#dbeafe}.image-list{flex-direction:column;gap:8px;display:flex}.image-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:8px;display:flex}.image-item input{flex:1;min-width:0}.image-thumb{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border);flex-shrink:0;width:40px;height:40px}.remove-image-btn{color:var(--color-danger);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition);background:0 0;border:none;flex-shrink:0;padding:6px 8px}.remove-image-btn:hover{background:#fee2e2}.search-container{margin-bottom:18px}.search-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;max-width:420px;color:var(--color-text);transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:10px 14px;font-size:.9rem}.search-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #2563eb14}.admin-products{grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:16px;display:grid}.product-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition);padding:18px}.product-card:hover{box-shadow:var(--shadow-md)}.card-row{border-bottom:1px solid #f3f4f6;align-items:center;gap:10px;padding:8px 0;display:flex}.card-row:last-child{border-bottom:none}.card-label{min-width:110px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;font-size:.8rem}.card-value{color:var(--color-text);word-break:break-word;flex:1;font-size:.9rem}.card-value input,.card-value select,.card-value textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;transition:border-color var(--transition), box-shadow var(--transition);box-sizing:border-box;outline:none;padding:8px 10px;font-size:.9rem}.card-value input:focus,.card-value select:focus,.card-value textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #2563eb14}.card-image{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border);width:100px;height:100px}.card-image-thumb{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border);width:100px;height:100px;margin-right:4px}.more-images{flex-wrap:wrap;gap:4px;display:flex}.action-buttons{flex-wrap:wrap;gap:8px;display:flex}.action-buttons button{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:none;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:500;display:inline-flex}.edit-btn{color:var(--color-accent);background:#eff6ff}.edit-btn:hover{background:#dbeafe}.save-btn{background:var(--color-success);color:#fff}.save-btn:hover{background:var(--color-success-hover)}.cancel-btn{color:var(--color-text-secondary);background:#f3f4f6}.cancel-btn:hover{background:#e5e7eb}.delete-btn{color:var(--color-danger);background:#fef2f2}.delete-btn:hover{background:#fee2e2}.trending-toggle{color:var(--color-warning);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);background:#fffbeb;border:1px solid #fde68a;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:500;display:inline-flex}.trending-toggle:hover{background:#fef3c7}.edit-images-section{margin-top:8px;padding:12px}.admin-loading{min-height:60vh;color:var(--color-text-secondary);justify-content:center;align-items:center;font-size:1rem;display:flex}.banner-preview>img{width:100px;margin-top:10px}@media (width<=640px){.admin-page{padding:16px 12px}.admin-section{padding:16px}.admin-products{grid-template-columns:1fr}.card-row{flex-direction:column;align-items:flex-start;gap:6px}.card-label{min-width:auto}.action-buttons{width:100%}.action-buttons button{flex:1;justify-content:center}.image-item{flex-wrap:wrap}.image-thumb{width:32px;height:32px}}