:root{--app-header-height: 130px;--app-header-offset: 138px;--mobile-page-gutter: 12px;--mobile-card-radius: 18px;--primary: #0C831F;--primary-light: #1aad2e;--primary-dark: #096b19;--yellow: #F8C519;--yellow-dark: #e0ae10;--dark: #1a1a1a;--gray-100: #f8f9fa;--gray-200: #e9ecef;--gray-300: #dee2e6;--gray-400: #ced4da;--gray-500: #adb5bd;--gray-600: #6c757d;--gray-700: #495057;--gray-800: #343a40;--white: #ffffff;--red: #e53935;--orange: #ff6b00;--blue: #1565c0;--shadow-sm: 0 1px 3px rgba(0,0,0,.1);--shadow-md: 0 4px 16px rgba(0,0,0,.12);--shadow-lg: 0 8px 32px rgba(0,0,0,.16);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--font-primary: "Poppins", sans-serif;--font-secondary: "Nunito", sans-serif;--festival-badge-bg: #FFF7D6;--festival-nav-bg: #F2F5E9;--festival-nav-indicator: #DFF3D8;--festival-header-start: #0C831F;--festival-header-end: #169B2C;--festival-hero-start: #0E7A2F;--festival-hero-end: #16A34A;--primary-tint: color-mix(in srgb, var(--primary) 14%, white);--primary-tint-strong: color-mix(in srgb, var(--primary) 22%, white);--primary-border-soft: color-mix(in srgb, var(--primary) 28%, white);--primary-shadow-soft: color-mix(in srgb, var(--primary) 24%, transparent)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-primary);background:var(--gray-100);color:var(--dark);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}button{cursor:pointer;border:none;outline:none;font-family:var(--font-primary)}input,textarea{font-family:var(--font-primary);outline:none}:focus-visible{outline:3px solid rgba(12,131,31,.2);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--gray-200)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.container{max-width:1280px;margin:0 auto;padding:0 16px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.text-center{text-align:center}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.btn-primary{background:var(--primary);color:#fff;padding:10px 24px;border-radius:var(--radius-sm);font-weight:600;font-size:14px;transition:all .2s}.btn-primary:hover{background:var(--primary-light);transform:translateY(-1px)}.btn-yellow{background:var(--yellow);color:var(--dark);padding:10px 24px;border-radius:var(--radius-sm);font-weight:700;font-size:14px;transition:all .2s}.btn-yellow:hover{background:var(--yellow-dark);transform:translateY(-1px)}.badge{background:var(--red);color:#fff;font-size:11px;font-weight:700;padding:2px 7px;border-radius:20px;min-width:20px;text-align:center}.section-title{font-size:20px;font-weight:700;color:var(--dark);margin-bottom:16px;font-family:var(--font-secondary)}.card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}a,button,input,textarea,select,.card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease,opacity .18s ease}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}@media(max-width:768px){.products-grid{grid-template-columns:repeat(2,1fr);gap:12px}.section-title{font-size:17px}}@media(max-width:480px){.container{padding:0 12px}.products-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media(min-width:1024px){body{font-size:15.5px}body :is(p,span,a,button,input,textarea,select,label,li,td,th,small){font-size:calc(1em + 1px)}body :is(h1,h2,h3,h4,h5,h6){font-size:calc(1em + 2px)}.header .logo-name{font-size:20px!important}.header .logo-tagline,.header .deliver-to{font-size:12px!important}.header .address-text,.header .search-box input,.header .search-item-name{font-size:15px!important}.header .search-item-price{font-size:13px!important}.header .cart-btn{font-size:15px!important}.header .offer-tag{font-size:12px!important}.header .login-btn-header{font-size:15px!important}.header .user-name{font-size:14px!important}.header .dropdown-name,.header .dropdown-item{font-size:15px!important}.header .dropdown-phone,.header .user-greeting{font-size:12px!important}.product-card .product-badge,.product-card .discount-pct{font-size:11px!important}.product-card .delivery-time,.product-card .product-unit,.product-card .product-rating,.product-card .price-was{font-size:13px!important}.product-card .product-name{font-size:15px!important}.product-card .price-now,.product-card .qty-value{font-size:16px!important}.product-card .add-btn{font-size:13px!important}.slider-title,.section-title{font-size:24px!important}.slider-emoji{font-size:25px!important}.see-all-btn,.arrow-btn{font-size:15px!important}.footer-main .footer-logo-name{font-size:23px!important}.footer-main .footer-tagline{font-size:15px!important}.footer-main .app-btn{font-size:14px!important}.footer-main .footer-links h4{font-size:16px!important}.footer-main .footer-links a,.footer-main .footer-bottom{font-size:14px!important}.admin-wrap .brand-name{font-size:19px!important}.admin-wrap .brand-sub,.admin-wrap .sidebar-section-label,.admin-wrap .nav-badge,.admin-wrap .page-date,.admin-wrap .stat-trend,.admin-wrap .stat-lbl,.admin-wrap .table-meta,.admin-wrap .data-table th,.admin-wrap .form-group label,.admin-wrap .form-error,.admin-wrap .prod-unit,.admin-wrap .stock-tag,.admin-wrap .badge-tag,.admin-wrap .payment-badge,.admin-wrap .status-pill,.admin-wrap .otp-audit-box,.admin-wrap .filter-tab,.admin-wrap .btn-next-status,.admin-wrap .btn-cancel-order,.admin-wrap .order-item-unit,.admin-wrap .top-meta{font-size:12.5px!important}.admin-wrap .nav-item,.admin-wrap .profile-name,.admin-wrap .topbar-btn,.admin-wrap .search-input,.admin-wrap .filter-select,.admin-wrap .data-table,.admin-wrap .prod-name,.admin-wrap .order-item-name,.admin-wrap .order-item-price,.admin-wrap .detail-row,.admin-wrap .status-select,.admin-wrap .form-group input,.admin-wrap .form-group select,.admin-wrap .form-group textarea,.admin-wrap .btn-edit,.admin-wrap .btn-delete,.admin-wrap .btn-cancel,.admin-wrap .btn-save,.admin-wrap .confirm-box p,.admin-wrap .panel-link,.admin-wrap .qa-label,.admin-wrap .top-name,.admin-wrap .empty-row{font-size:14.5px!important}.admin-wrap .page-title,.admin-wrap .stat-val{font-size:28px!important}.admin-wrap .panel-head h3,.admin-wrap .modal-head h3,.admin-wrap .confirm-box h3{font-size:20px!important}}.delivery-chip{display:inline-flex;align-items:center;gap:4px;background:var(--primary);color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px}.price-original{color:var(--gray-500);text-decoration:line-through;font-size:12px}.price-discounted{color:var(--dark);font-weight:700;font-size:15px}.discount-tag{background:#e8f5e9;color:var(--primary);font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px}.spinner{width:36px;height:36px;border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-loading-content{display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-inline-loader{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}.toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:var(--dark);color:#fff;padding:12px 24px;border-radius:24px;font-size:14px;font-weight:500;z-index:9999;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.page-wrapper{min-height:100vh;padding-top:130px;padding-bottom:80px;animation:pageFadeIn .22s ease}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.container{padding:0 var(--mobile-page-gutter)}.page-wrapper{padding-top:150px}}@media(max-width:480px){.container{padding:0 var(--mobile-page-gutter)}.page-wrapper{padding-top:162px}}.scroll-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.scroll-row::-webkit-scrollbar{display:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}