@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--primary:#c0392b;--primary-dark:#96281b;--primary-light:#e74c3c;--secondary:#111;--secondary-light:#222;--accent:#f39c12;--bg:#f0f2f5;--card-bg:#fff;--text:#111;--text-muted:#64748b;--border:#e2e8f0;--success:#27ae60;--whatsapp:#25d366;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 20px #0000001a;--shadow-lg:0 10px 40px #00000026;--radius:12px;--radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.top-bar{background:var(--secondary);color:#ffffffbf;letter-spacing:.02em;padding:8px 0;font-size:12px}.top-bar .container{justify-content:space-between;align-items:center;display:flex}.top-bar a{color:#ffffffbf;transition:color .2s}.top-bar a:hover{color:#fff}.header-sticky-group{z-index:300;position:sticky;top:0;box-shadow:0 2px 12px #0000001f}.header-main{background:#fff;padding:14px 0}.header-main .container{justify-content:space-between;align-items:center;gap:24px;display:flex}.logo img{object-fit:contain;height:80px;display:block}.search-box{border:2px solid var(--border);border-radius:50px;flex:1;max-width:560px;transition:border-color .3s;display:flex;overflow:hidden}.search-box:focus-within{border-color:var(--primary)}.search-box input{border:none;outline:none;flex:1;padding:13px 20px;font-family:inherit;font-size:14px}.search-box button{background:var(--primary);color:#fff;cursor:pointer;border:none;padding:0 28px;font-family:inherit;font-size:14px;font-weight:600;transition:background .3s}.search-box button:hover{background:var(--primary-dark)}.nav-bottom{background:var(--secondary)}.nav-bottom .container{align-items:stretch;display:flex}.all-categories{background:var(--primary);cursor:pointer;color:#fff;letter-spacing:.03em;white-space:nowrap;align-items:center;gap:8px;padding:14px 24px;font-size:14px;font-weight:700;display:flex}.main-menu{list-style:none;display:flex;overflow:visible}.main-menu li a{color:#ffffffd9;padding:14px 18px;font-size:13.5px;font-weight:500;transition:all .2s;display:block}.main-menu li a:hover{color:#fff;background:#ffffff1a}.mega-wrapper{z-index:500;position:relative}.all-categories{background:var(--primary);cursor:pointer;color:#fff;letter-spacing:.03em;white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:14px 24px;font-size:14px;font-weight:700;transition:background .2s;display:flex}.all-categories.open{background:var(--primary-dark)}.mega-dropdown-vertical{z-index:999;background:#fff;border:1px solid #eef2f6;border-top:none;border-radius:0 0 12px 12px;width:320px;animation:.2s megaFade;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 15px 45px #0000002e}.mega-list-inner{max-height:520px;padding:8px 0;overflow-y:auto}.mega-list-item{border-bottom:1px solid #f8fafc;align-items:center;gap:14px;padding:10px 16px;transition:all .2s;display:flex}.mega-list-item:last-child{border-bottom:none}.mega-list-item:hover{background:#f1f5f9}.mega-item-img{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:4px;display:flex}.mega-item-img img{object-fit:contain;max-width:100%;max-height:100%}.mega-item-name{color:#334155;flex:1;font-size:14px;font-weight:600}.mega-item-arrow{color:#cbd5e1;font-size:11px;transition:transform .2s}.mega-list-item:hover .mega-item-arrow{color:var(--primary);transform:translate(3px)}.mega-item-placeholder{font-size:20px}.container{max-width:1280px;margin:0 auto;padding:0 20px}.hero-slider-wrapper{background:var(--secondary);width:100%}.hero-slider{max-width:1920px;height:580px;margin:0 auto;position:relative;overflow:hidden}.hero-slide-img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.hero-slide-img.visible{opacity:1}.hero-overlay{z-index:2;transition:background .5s;position:absolute;inset:0}.hero-text-center.slide-in{animation:.55s cubic-bezier(.22,1,.36,1) forwards heroFadeUp}.hero-text-center.slide-out{opacity:0;transition:all .3s;transform:translateY(16px)}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero-text{color:#fff;z-index:10;max-width:550px;position:absolute;top:50%;left:10%;transform:translateY(-50%)}.hero-text.slide-in{opacity:1}.hero-text.slide-out{opacity:0}.hero-eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--primary-light);margin-bottom:12px;font-size:12px;font-weight:700}.hero-dots{z-index:20;gap:8px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.hero-dot{cursor:pointer;background:#ffffff73;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:all .3s}.hero-dot.active{background:#fff;border-radius:5px;width:28px}.hero-arrow{color:#fff;cursor:pointer;z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff21;border:1px solid #ffffff47;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:0;font-size:28px;line-height:1;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hero-arrow:hover{background:#ffffff47}.hero-arrow.left{left:20px}.hero-arrow.right{right:20px}.campaign-strip{background:linear-gradient(90deg, var(--primary-dark) 0%, var(--primary) 50%, var(--primary-dark) 100%);padding:48px 0}.campaign-strip-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.campaign-strip-header h2{color:#fff;font-size:24px;font-weight:800}.campaign-strip-header p{color:#ffffffbf;font-size:14px}.campaign-strip-header a{color:#fff;white-space:nowrap;border:1px solid #ffffff80;border-radius:20px;padding:8px 18px;font-size:13px;font-weight:600;transition:background .2s}.campaign-strip-header a:hover{background:#ffffff26}.campaign-product-card{background:#fff;border-radius:12px;transition:transform .3s,box-shadow .3s;display:block;overflow:hidden;box-shadow:0 4px 20px #00000026}.campaign-product-card:hover{transform:translateY(-6px);box-shadow:0 10px 30px #00000040}.campaign-product-card .product-image{background:#fff}.campaign-product-card .product-info{padding:14px}.campaign-product-card .product-price{color:var(--primary)}.hero-cta{background:var(--primary);color:#fff;border-radius:50px;margin-top:28px;padding:14px 36px;font-size:15px;font-weight:700;transition:transform .3s,box-shadow .3s;display:inline-block;box-shadow:0 4px 20px #c0392b80}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 8px 30px #c0392b99}.page-title{color:var(--text);margin:32px 0 24px;font-size:26px;font-weight:700}.section-header{text-align:center;padding:64px 0 40px}.section-header h2{color:var(--text);margin-bottom:10px;font-size:34px;font-weight:800}.section-header p{color:var(--text-muted);max-width:500px;margin:0 auto;font-size:16px}.section-divider{background:var(--primary);border-radius:4px;width:60px;height:4px;margin:16px auto 0}.whatsapp-float{z-index:9999;color:#fff;background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;text-decoration:none;transition:transform .3s,box-shadow .3s;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 4px 20px #25d36680}.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 8px 30px #25d36699}.whatsapp-float i{font-size:30px;line-height:1}.category-grid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:20px;margin-bottom:70px;display:grid}.category-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow-sm);text-align:center;border:1px solid var(--border);flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.category-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-6px)}.category-card-img{background:linear-gradient(135deg,#fafafa 0%,#f0f0f0 100%);justify-content:center;align-items:center;min-height:140px;padding:24px;display:flex}.category-card-img img{object-fit:contain;max-width:100%;max-height:120px;transition:transform .3s}.category-card:hover .category-card-img img{transform:scale(1.05)}.category-card-name{border-top:1px solid var(--border);color:var(--text);padding:14px 12px;font-size:13.5px;font-weight:600}.sub-cat-card:hover{transform:translateY(-5px);border-color:var(--primary)!important;box-shadow:0 12px 30px #00000021!important}.sub-cat-card:hover img{transform:scale(1.06)}.campaign-section{background:linear-gradient(135deg, var(--secondary) 0%, var(--secondary-light) 100%);margin:0;padding:60px 0}.campaign-section .section-header h2{color:#fff}.campaign-section .section-header p{color:#ffffffb3}.product-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:50px;display:grid}.product-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.product-image{border-bottom:1px solid var(--border);background:#fff;padding-top:90%;position:relative;overflow:hidden}.product-image img{object-fit:contain;width:100%;height:100%;padding:16px;transition:transform .4s;position:absolute;inset:0}.product-card:hover .product-image img{transform:scale(1.06)}.badge{z-index:1;letter-spacing:.05em;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:700;position:absolute;top:10px;left:10px}.badge-stock{color:#2e7d32;background:#e8f5e9}.badge-campaign{background:var(--primary);color:#fff}.product-info{flex-direction:column;flex:1;padding:16px;display:flex}.product-code{color:var(--text-muted);margin-bottom:6px;font-size:11px;font-weight:500}.product-title{color:var(--text);flex:1;margin-bottom:12px;font-size:13.5px;font-weight:600;line-height:1.4}.product-price{color:var(--primary);margin-bottom:12px;font-size:19px;font-weight:800}.product-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.product-stock{color:var(--success);font-size:11.5px;font-weight:600}.incele-btn{background:var(--primary);color:#fff;border-radius:20px;padding:7px 16px;font-size:12px;font-weight:600;transition:background .2s}.product-card:hover .incele-btn{background:var(--primary-dark)}.stats-bar{background:linear-gradient(135deg, var(--secondary) 0%, #243447 100%);margin:0;padding:0}.stats-grid{grid-template-columns:repeat(4,1fr);gap:0;display:grid}.stat-item{color:#fff;text-align:center;border-right:1px solid #ffffff14;padding:36px 24px;transition:background .3s;position:relative}.stat-item:last-child{border-right:none}.stat-item:hover{background:#ffffff0d}.stat-icon{filter:drop-shadow(0 2px 8px #0000004d);margin-bottom:12px;font-size:32px;display:block}.stat-number{color:#fff;letter-spacing:-.02em;font-size:38px;font-weight:900;line-height:1}.stat-number span{color:var(--accent);font-size:22px;font-weight:700}.stat-label{color:#ffffff8c;letter-spacing:.02em;margin-top:6px;font-size:13px}.detail-container{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow-md);grid-template-columns:1fr 1.2fr;gap:40px;margin:32px 0 50px;padding:36px;display:grid}@media (max-width:768px){.detail-container{grid-template-columns:1fr;padding:20px}}.detail-image-box{border:1px solid var(--border);border-radius:var(--radius);text-align:center;background:#fafafa;padding:24px}.detail-image-box img{max-width:100%;height:auto}.detail-info-box h1{margin-bottom:16px;font-size:26px;font-weight:700}.detail-price-box{border-radius:var(--radius-sm);background:linear-gradient(135deg,#fff5f5 0%,#fff 100%);border:1px solid #fecdd3;margin-bottom:24px;padding:18px 24px;display:inline-block}.detail-price-box .price{color:var(--primary);font-size:28px;font-weight:800}.variation-table{border-collapse:collapse;width:100%;margin-top:16px}.variation-table th,.variation-table td{border-bottom:1px solid var(--border);text-align:left;padding:12px 14px}.variation-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;background:var(--bg);font-size:11px}.variation-table tr:hover td{background:#fafafa}.color-dot{vertical-align:middle;border:2px solid #0000001f;border-radius:50%;width:20px;height:20px;display:inline-block;box-shadow:0 1px 3px #00000026}.add-btn{background:var(--whatsapp);color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.whatsapp-float{z-index:999;filter:drop-shadow(0 4px 12px #25d36680);transition:transform .3s;position:fixed;bottom:24px;right:24px}.whatsapp-float:hover{transform:scale(1.12)}.whatsapp-float img{display:block}.footer{background:var(--secondary);color:#fff;margin-top:0;padding:72px 0 24px}.footer-top{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px;display:grid}.footer-brand img{object-fit:contain;filter:brightness(0)invert();opacity:.9;height:70px;margin-bottom:16px}.footer-brand p{color:#ffffff8c;font-size:13.5px;line-height:1.7}.footer-col h4{text-transform:uppercase;letter-spacing:.08em;color:#ffffff80;margin-bottom:18px;font-size:13px;font-weight:700}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:10px}.footer-col ul li a{color:#ffffffb8;font-size:13.5px;transition:color .2s}.footer-col ul li a:hover{color:#fff}.footer-divider{border:none;border-top:1px solid #ffffff14;margin-bottom:24px}.footer-bottom{color:#fff6;justify-content:space-between;align-items:center;font-size:12.5px;display:flex}.breadcrumb{color:var(--text-muted);align-items:center;gap:6px;padding:14px 0;font-size:13px;display:flex}.breadcrumb a{color:var(--text-muted)}.breadcrumb a:hover{color:var(--primary)}.admin-layout{background:#f1f5f9;min-height:100vh;display:flex}.admin-sidebar{background:var(--secondary);color:#fff;flex-direction:column;flex-shrink:0;width:260px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.admin-sidebar-logo{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:28px 24px;display:flex}.admin-sidebar-logo span{font-size:15px;font-weight:700}.admin-nav{flex:1;padding:16px 12px}.admin-nav a{color:#ffffffb3;border-radius:8px;align-items:center;gap:12px;margin-bottom:2px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.admin-nav a:hover,.admin-nav a.active{color:#fff;background:#ffffff1a}.admin-nav a.active{background:var(--primary);color:#fff}.admin-content{flex:1;margin-left:260px;padding:32px}.admin-topbar{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.admin-title{color:var(--text);font-size:22px;font-weight:700}.admin-card{border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);background:#fff;margin-bottom:24px;padding:28px}.admin-card h2{margin-bottom:6px;font-size:16px;font-weight:700}.admin-card p{color:var(--text-muted);margin-bottom:20px;font-size:13.5px}.stat-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-bottom:28px;display:grid}.stat-card{border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);background:#fff;align-items:center;gap:16px;padding:24px;display:flex}.stat-card-icon{border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex}.stat-card-info .value{font-size:26px;font-weight:800}.stat-card-info .label{color:var(--text-muted);font-size:13px}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:11px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--bg);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:11px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s}.btn-secondary:hover{background:#e2e8f0}.btn-success{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:8px;padding:11px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s}.btn-success:hover{background:#15803d}.btn-danger{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;padding:11px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s}.btn-danger:hover{background:#b91c1c}.admin-content input[type=text],.admin-content input[type=number],.admin-content input[type=email],.admin-content input[type=password],.admin-content input[type=url],.admin-content select,.admin-content textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.admin-content input:focus,.admin-content select:focus,.admin-content textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #c0392b1a}.status-success{color:#166534;background:#dcfce7;border:1px solid #bbf7d0;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:600}.status-error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:600}.btn-danger{color:#dc2626;cursor:pointer;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;padding:6px 14px;font-family:inherit;font-size:12.5px;font-weight:600}.btn-success{color:#16a34a;cursor:pointer;background:#dcfce7;border:1px solid #bbf7d0;border-radius:6px;padding:6px 14px;font-family:inherit;font-size:12.5px;font-weight:600}.status-success{color:#166534;background:#dcfce7;border:1px solid #bbf7d0;border-radius:8px;margin-top:16px;padding:14px 18px;font-size:14px}.status-error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;margin-top:16px;padding:14px 18px;font-size:14px}input[type=text],input[type=password],input[type=number],textarea,select{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--primary)}.admin-login-page{background:linear-gradient(135deg, var(--secondary) 0%, var(--secondary-light) 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.admin-login-card{width:100%;max-width:420px;box-shadow:var(--shadow-lg);background:#fff;border-radius:20px;padding:48px 40px}.admin-login-card h1{text-align:center;margin-bottom:8px;font-size:24px;font-weight:800}.admin-login-card p{text-align:center;color:var(--text-muted);margin-bottom:32px;font-size:14px}@media (max-width:1024px){.footer-top{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.top-bar{display:none}.header-main{padding:10px 0}.logo img{height:38px}.header-main .container{flex-wrap:nowrap;gap:8px}.search-box{border-width:1px;flex:1;min-width:0;max-width:none}.search-box input{padding:8px 10px;font-size:12px}.search-box button{padding:0 12px;font-size:12px}.header-wa-btn{display:none!important}.main-menu{display:none}.all-categories{padding:12px 14px;font-size:13px}.mega-dropdown{width:100vw;left:-1px}.mega-inner{grid-template-columns:repeat(2,1fr)}.hero-slider{height:320px}.hero-text{max-width:75%;left:5%}.hero-text h2{font-size:22px}.hero-text p{font-size:13px;display:none}.hero-cta{margin-top:14px;padding:10px 22px;font-size:13px}.hero-arrow{width:36px;height:36px;font-size:20px}.hero-arrow.left{left:8px}.hero-arrow.right{right:8px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-item{padding:24px 12px}.stat-number{font-size:28px}.stat-icon{margin-bottom:8px;font-size:24px}.campaign-grid-mobile{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:14px;padding-bottom:12px;overflow-x:auto;display:flex!important}.campaign-grid-mobile>*{flex-shrink:0;min-width:160px}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}.product-info{padding:10px}.product-title{font-size:12px}.product-price{font-size:15px}.incele-btn{padding:5px 10px;font-size:11px}.category-grid{grid-template-columns:repeat(2,1fr);gap:12px}.detail-container{grid-template-columns:1fr;gap:20px;padding:16px}.footer-top{grid-template-columns:1fr;gap:24px}.footer-bottom{text-align:center;flex-direction:column;gap:8px}.footer{padding:36px 0 20px}.admin-sidebar{display:none}.admin-content{margin-left:0;padding:16px}}@media (max-width:480px){.logo img{height:32px}.search-box input::placeholder{font-size:11px}.hero-slider{height:280px}.hero-text h2{font-size:19px}.product-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-number{font-size:24px}.section-header h2{font-size:22px}.section-header{padding:40px 0 28px}}