:root{--primary:#e11d48;--primary-dark:#be123c;--primary-light:#fecdd3;--bg-body:#fafbfc;--bg-card:#ffffff;--text-main:#0f172a;--text-muted:#64748b;--border:#e5e7eb;--shadow-sm:0 1px 3px 0 rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.08);--shadow-lg:0 10px 25px -3px rgba(0, 0, 0, 0.1);--shadow-xl:0 20px 40px -5px rgba(0, 0, 0, 0.12);--gradient-primary:linear-gradient(135deg, #e11d48 0%, #be123c 100%);--gradient-soft:linear-gradient(135deg, #fef3f2 0%, #fff 100%)}body.dark-mode{--bg-body:#0a0f1a;--bg-card:#1a1f2e;--text-main:#f1f5f9;--text-muted:#94a3b8;--border:#2d3748;--shadow-sm:0 1px 3px 0 rgba(0, 0, 0, 0.3);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.4);--shadow-lg:0 10px 25px -3px rgba(0, 0, 0, 0.5);--shadow-xl:0 20px 40px -5px rgba(0, 0, 0, 0.6)}*{box-sizing:border-box}body{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg-body);color:var(--text-main);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;transition:all .3s cubic-bezier(.4, 0, .2, 1)}.fw-extra-bold{font-weight:800;letter-spacing:-.02em}ul{list-style:none;padding:0;margin:0}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-body)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.navbar{background:rgba(255,255,255,.75);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(225,29,72,.08);padding:1.2rem 0;z-index:1000;box-shadow:0 4px 24px 0 rgba(0,0,0,.06);transition:all .3s ease}.dark-mode .navbar{background:rgba(26,31,46,.85);border-bottom:1px solid rgba(45,55,72,.5)}.navbar-brand{font-weight:800;font-size:1.2rem;transition:transform .3s ease}.navbar-brand:hover{transform:scale(1.02)}.hero-section{background:linear-gradient(135deg,#e11d48 0,#be123c 50%,#9f1239 100%);color:#fff;padding:3.5rem 1rem 5rem 1rem;border-radius:0 0 50px 50px;margin-bottom:-30px;text-align:center;position:relative;overflow:hidden;box-shadow:0 20px 60px rgba(225,29,72,.25)}.hero-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.4;animation:heroPattern 20s linear infinite}@keyframes heroPattern{0%{transform:translate(0,0)}100%{transform:translate(60px,60px)}}.hero-section h4{position:relative;z-index:2;text-shadow:0 2px 10px rgba(0,0,0,.2);animation:fadeInUp .6s ease-out}.hero-section p{position:relative;z-index:2;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.search-container{max-width:600px;margin:0 auto;position:relative;z-index:2;animation:fadeInUp 1s ease-out}.search-input{width:100%;border:none;padding:18px 70px 18px 28px;border-radius:60px;box-shadow:0 15px 50px rgba(0,0,0,.2),0 0 0 1px rgba(255,255,255,.15),0 4px 12px rgba(225,29,72,.1);font-size:1rem;outline:0;transition:all .4s cubic-bezier(.4, 0, .2, 1);background:rgba(255,255,255,.98);font-weight:500}.search-input:focus{box-shadow:0 20px 60px rgba(0,0,0,.25),0 0 0 4px rgba(255,255,255,.4),0 0 20px rgba(225,29,72,.3);transform:translateY(-3px)}.search-btn{position:absolute;right:8px;top:8px;bottom:8px;border-radius:50px;padding:0 28px;border:none;background:var(--gradient-primary);color:#fff;transition:all .3s cubic-bezier(.4, 0, .2, 1);box-shadow:0 6px 16px rgba(225,29,72,.35);font-weight:700}.search-btn:hover{transform:scale(1.08);box-shadow:0 10px 24px rgba(225,29,72,.45)}.search-btn:active{transform:scale(1.02)}.card-product{background:var(--bg-card);border:1px solid rgba(225,29,72,.08);border-radius:20px;overflow:hidden;height:100%;min-height:360px;display:flex;flex-direction:column;position:relative;transition:all .4s cubic-bezier(.4, 0, .2, 1);box-shadow:0 4px 12px rgba(0,0,0,.04)}.card-product:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 20px 50px rgba(225,29,72,.15);border-color:rgba(225,29,72,.3)}.card-product::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-primary);opacity:0;transition:opacity .4s ease;z-index:0;pointer-events:none}.card-product:hover::before{opacity:.03}.img-box{position:relative;height:180px;background:linear-gradient(135deg,#fafafa 0,#fff 100%);border-bottom:1px solid var(--border);overflow:hidden;transition:all .4s ease;display:flex;align-items:center;justify-content:center}.card-product:hover .img-box{background:linear-gradient(135deg,#fff5f7 0,#fff 100%)}.prod-img{max-width:90%;max-height:90%;object-fit:contain;padding:12px;transition:transform .4s cubic-bezier(.4, 0, .2, 1)}.card-product:hover .prod-img{transform:scale(1.12) rotate(2deg)}.badge-top-left{position:absolute;top:12px;left:12px;background:rgba(0,0,0,.8);color:#fff;font-size:.65rem;font-weight:800;padding:6px 12px;border-radius:25px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);text-transform:uppercase;z-index:2;box-shadow:0 6px 16px rgba(0,0,0,.2);animation:badgeFadeIn .5s ease-out;letter-spacing:.5px}.badge-top-right{position:absolute;top:12px;right:12px;font-size:.65rem;font-weight:800;padding:6px 12px;border-radius:25px;text-transform:uppercase;z-index:2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 6px 16px rgba(0,0,0,.15);animation:badgeFadeIn .6s ease-out;letter-spacing:.5px}@keyframes badgeFadeIn{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.stok-ready{background:rgba(220,252,231,.95);color:#166534;border:1px solid rgba(187,247,208,.8)}.stok-habis{background:rgba(241,245,249,.95);color:#64748b;border:1px solid rgba(226,232,240,.8)}.card-body-custom{padding:10px;display:flex;flex-direction:column;flex-grow:1}.prod-title{font-size:.9rem;font-weight:800;color:var(--text-main);line-height:1.3;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em;letter-spacing:-.3px}.prod-meta{display:flex;align-items:center;justify-content:space-between;font-size:.7rem;color:var(--text-muted);margin-bottom:8px}.price-box{margin-top:auto}.price-strike{font-size:.65rem;text-decoration:line-through;color:var(--text-muted);margin-bottom:-2px}.price-final{font-size:1.05rem;font-weight:900;color:var(--primary);letter-spacing:-.5px}.btn-buy{width:100%;border:none;padding:14px;border-radius:14px;font-weight:800;font-size:.85rem;margin-top:8px;background:var(--gradient-primary);color:#fff;transition:all .3s cubic-bezier(.4, 0, .2, 1);box-shadow:0 6px 16px rgba(225,29,72,.3);position:relative;overflow:hidden;letter-spacing:.3px}.btn-buy::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-buy:hover::before{width:350px;height:350px}.btn-buy:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(225,29,72,.4)}.btn-buy:active{transform:translateY(0)}.btn-buy:disabled{background:linear-gradient(135deg,#e2e8f0 0,#cbd5e1 100%);color:#94a3b8;box-shadow:none;cursor:not-allowed}.btn-detail{width:100%;border:1px solid var(--border);background:0 0;color:var(--text-muted);padding:8px;border-radius:10px;font-weight:700;font-size:.8rem;margin-top:6px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px;position:relative;overflow:hidden}.btn-detail::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(225,29,72,.1),transparent);transition:left .5s}.btn-detail:hover::before{left:100%}.btn-detail:hover{border-color:var(--primary);color:var(--primary);background:rgba(225,29,72,.05);transform:translateY(-2px)}.review-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:20px;height:100%;display:flex;flex-direction:column}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--border)}.review-name{font-weight:700;font-size:.9rem;color:var(--text-main)}.review-stars{font-size:.8rem;color:#fbbf24}.review-body{flex-grow:1;font-size:.85rem;color:var(--text-muted);font-style:italic;line-height:1.5;text-align:center}.star-rating i{cursor:pointer;transition:.2s;font-size:2rem;color:#e2e8f0}.star-rating i.active{color:#fbbf24}.star-rating i:hover{transform:scale(1.1)}.checkout-box{background:var(--bg-card);border-radius:16px;padding:20px;border:1px solid var(--border);margin-bottom:15px}.checkout-item-preview{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}.checkout-img{width:60px;height:60px;flex-shrink:0;background:#fff;border:1px solid var(--border);border-radius:8px;object-fit:contain;padding:4px}.checkout-info{flex-grow:1;min-width:0}.checkout-title{font-weight:700;font-size:.9rem;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checkout-price{font-weight:700;color:var(--primary);font-size:.9rem}.cred-box-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:0;margin:15px 0;text-align:left;display:flex;flex-direction:column;overflow:hidden}.dark-mode .cred-box-container{background:#0f172a;border-color:#334155}.cred-row{display:flex;align-items:flex-start;background:#fff;border-bottom:1px solid #f1f5f9;padding:12px 15px;gap:0}.dark-mode .cred-row{background:#1e293b;border-color:#334155}.cred-row:last-child{border-bottom:none}.cred-label-col{display:flex;align-items:flex-start;justify-content:space-between;width:70px;flex-shrink:0;font-size:.7rem;font-weight:500;color:var(--text-muted);text-transform:uppercase}.cred-sep{margin-right:5px}.cred-value{font-size:.75rem;font-weight:400;color:var(--text-main);flex-grow:1;font-family:Consolas,Monaco,monospace;word-break:break-all;overflow-wrap:anywhere;line-height:1.4;padding-left:10px}.snk-section{margin-top:15px;padding-top:10px;border-top:2px dashed #e2e8f0}.dark-mode .snk-section{border-color:#334155}.snk-header{font-size:.75rem;font-weight:800;color:var(--primary);text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:6px;padding-left:5px}.snk-content{display:flex;flex-direction:column;gap:6px}.snk-item{display:flex;gap:10px;font-size:.75rem;font-weight:400;color:var(--text-muted);background:rgba(241,245,249,.5);padding:8px 10px;border-radius:6px;line-height:1.4;text-align:left;align-items:flex-start;border-left:3px solid #cbd5e1}.dark-mode .snk-item{background:rgba(30,41,59,.5);border-color:#475569}.btn-track-action{padding:10px 20px;border-radius:50px;font-weight:700;font-size:.85rem;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;border:none}.btn-help{background:#f1f5f9;color:#334155;border:1px solid #e2e8f0}.btn-help:hover{background:#e2e8f0;color:#0f172a}.btn-review{background:linear-gradient(135deg,#fbbf24 0,#f59e0b 100%);color:#fff;box-shadow:0 4px 6px -1px rgba(245,158,11,.3)}.btn-review:hover{transform:translateY(-2px);box-shadow:0 6px 10px -1px rgba(245,158,11,.4);color:#fff}.form-label-custom{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;margin-bottom:5px}.form-control-custom{font-size:.9rem;padding:10px;border-radius:8px;border:1px solid var(--border);background:var(--bg-body);color:var(--text-main)}.form-control-custom:focus{border-color:var(--primary);box-shadow:none}.pay-item{border:1px solid var(--border);border-radius:10px;padding:12px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:.2s;position:relative;width:100%}.pay-item.disabled{opacity:.6;cursor:not-allowed;background:#f1f5f9}.btn-check:checked+.pay-item{border-color:var(--primary);background:rgba(225,29,72,.05);box-shadow:0 0 0 1px var(--primary)}.btn-check:checked+.pay-item::after{content:"\F26B";font-family:bootstrap-icons;position:absolute;right:15px;color:#198754;font-size:1.2rem}.pay-icon{width:36px;height:36px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--primary);border:1px solid var(--border);flex-shrink:0}.pay-split{border:1px solid var(--border);border-radius:16px;overflow:hidden}.pay-head{background:linear-gradient(135deg,var(--primary) 0,#be123c 100%);padding:30px;color:#fff;text-align:center}.pay-body{background:var(--bg-card);padding:30px}.footer-section{background:linear-gradient(180deg,var(--bg-body) 0,var(--bg-card) 100%);border-top:1px solid var(--border);padding-top:60px;padding-bottom:30px;font-size:.9rem;position:relative}.footer-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:.3}.footer-brand{margin-bottom:25px}.footer-logo{font-weight:800;font-size:1.4rem;color:var(--primary);display:flex;align-items:center;gap:10px;margin-bottom:12px;transition:transform .3s ease}.footer-logo:hover{transform:scale(1.05)}.footer-desc{color:var(--text-muted);line-height:1.7;font-size:.85rem;margin-bottom:20px;max-width:400px}.footer-head{font-weight:700;color:var(--text-main);margin-bottom:18px;text-transform:uppercase;font-size:.8rem;letter-spacing:1px;position:relative;padding-bottom:10px}.footer-head::after{content:'';position:absolute;bottom:0;left:0;width:30px;height:3px;background:var(--gradient-primary);border-radius:2px}.footer-links li{margin-bottom:12px}.footer-links a{color:var(--text-muted);transition:all .3s ease;display:inline-block}.footer-links a:hover{color:var(--primary);transform:translateX(5px)}.footer-contact-item{display:flex;align-items:flex-start;gap:12px;color:var(--text-muted);margin-bottom:16px;transition:all .3s ease}.footer-contact-item:hover{color:var(--primary);transform:translateX(3px)}.footer-contact-item i{color:var(--primary);font-size:1.2rem;margin-top:2px}.footer-copyright{border-top:1px solid var(--border);margin-top:50px;padding-top:25px;text-align:center;color:var(--text-muted);font-size:.8rem}.modal-content{border:none;border-radius:20px;box-shadow:var(--shadow-xl);overflow:hidden}.modal-header{background:var(--gradient-soft);border-bottom:1px solid var(--border);padding:20px 24px}.modal-title{font-weight:700;color:var(--text-main)}.modal-body{padding:24px}.modal-badge-container{display:flex;justify-content:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.modal-badge{border:1px solid var(--border);border-radius:20px;padding:6px 14px;font-size:.75rem;font-weight:600;color:var(--text-muted);background:var(--bg-card);display:flex;align-items:center;gap:6px;transition:all .3s ease}.modal-badge:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.desc-box{background:var(--gradient-soft);border-radius:12px;padding:18px;text-align:left;border-left:4px solid var(--primary);margin-bottom:18px;box-shadow:var(--shadow-sm)}.info-box{background:linear-gradient(135deg,#fffbeb 0,#fef3c7 100%);border:1px solid #fcd34d;border-radius:12px;padding:16px;text-align:left;color:#92400e;font-size:.8rem;display:flex;gap:12px;align-items:flex-start;box-shadow:var(--shadow-sm)}@media (max-width:768px){.container{padding-left:15px;padding-right:15px}.row.g-mobile-2{--bs-gutter-x:0.75rem;--bs-gutter-y:0.75rem}.card-body-custom{padding:10px}.prod-title{font-size:.8rem}.footer-section{text-align:left}.footer-desc{max-width:100%}}@media (max-width:576px){.btn-buy{font-size:.75rem;padding:6px}.checkout-box{padding:15px}.checkout-title{font-size:.85rem;white-space:normal}.navbar-brand{font-size:1.1rem}}.skeleton{background:linear-gradient(90deg,var(--border) 25%,var(--bg-body) 50%,var(--border) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .6s ease-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fade-in-up{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in-right{animation:slideInRight .5s ease-out}@keyframes slideInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.bounce{animation:bounce 1s infinite}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:rgba(255,255,255,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.dark-mode .glass{background:rgba(26,31,46,.7);border:1px solid rgba(45,55,72,.3)}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.05)}.badge-modern{padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.3px;display:inline-flex;align-items:center;gap:5px}.badge-success{background:linear-gradient(135deg,#dcfce7 0,#bbf7d0 100%);color:#166534}.badge-warning{background:linear-gradient(135deg,#fef3c7 0,#fde68a 100%);color:#92400e}.badge-danger{background:linear-gradient(135deg,#fee2e2 0,#fecaca 100%);color:#991b1b}.badge-info{background:linear-gradient(135deg,#dbeafe 0,#bfdbfe 100%);color:#1e40af}.btn-modern{padding:14px 28px;border-radius:14px;font-weight:800;font-size:.9rem;transition:all .3s cubic-bezier(.4, 0, .2, 1);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden;letter-spacing:.3px;text-decoration:none}.btn-danger,.btn-primary-modern,.btn.btn-danger{background:var(--gradient-primary)!important;color:#fff!important;box-shadow:0 6px 16px rgba(225,29,72,.3);border:none!important}.btn-danger:hover,.btn-primary-modern:hover,.btn.btn-danger:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(225,29,72,.4);color:#fff!important}.btn-danger:active,.btn-primary-modern:active{transform:translateY(0)}.btn-outline-danger,.btn-outline-modern{background:0 0!important;border:2px solid var(--primary)!important;color:var(--primary)!important}.btn-outline-danger:hover,.btn-outline-modern:hover{background:var(--primary)!important;color:#fff!important;transform:translateY(-2px)}.rounded-pill.btn{border-radius:50px!important;padding:14px 32px!important}.btn-sm{padding:10px 18px!important;font-size:.85rem!important;border-radius:12px!important}.btn-light{background:#fff!important;border:1px solid #e5e7eb!important;color:#0f172a!important}.btn-light:hover{background:#f8fafc!important;border-color:#cbd5e1!important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.card-modern{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:var(--shadow-sm);transition:all .3s ease}.card-modern:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-gradient{background:var(--gradient-soft);border:1px solid var(--border);border-radius:16px;padding:20px}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:20px 0}.divider-primary{height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent);margin:20px 0}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width:1200px){.container{max-width:100%;padding-left:20px;padding-right:20px}}@media (max-width:992px){.hero-section{padding:2.5rem 1rem 4rem 1rem}.hero-section h4{font-size:1.5rem}.footer-section{padding-top:50px}}@media (max-width:768px){.container{padding-left:15px;padding-right:15px}.row.g-mobile-2{--bs-gutter-x:0.75rem;--bs-gutter-y:0.75rem}.card-body-custom{padding:12px}.card-product{min-height:340px}.img-box{height:160px}.prod-title{font-size:.8rem;min-height:2.4em}.footer-section{text-align:left;padding-top:40px}.footer-desc{max-width:100%}.hero-section{border-radius:0 0 30px 30px;padding:2rem 1rem 3.5rem 1rem}.search-input{padding:12px 50px 12px 20px;font-size:.9rem}.search-btn{padding:0 18px}.navbar{padding:.7rem 0}.navbar-brand{font-size:1.1rem}}@media (max-width:576px){.btn-buy{font-size:.75rem;padding:8px}.btn-detail{font-size:.75rem;padding:7px}.checkout-box{padding:15px;border-radius:12px}.checkout-title{font-size:.85rem;white-space:normal}.hero-section h4{font-size:1.3rem}.hero-section p{font-size:.85rem}.card-product{border-radius:12px;min-height:300px}.img-box{height:140px}.prod-title{font-size:.75rem}.price-final{font-size:.85rem}.modal-body{padding:20px}.auth-card{padding:32px 24px}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}@media print{.btn-buy,.btn-detail,.footer-section,.navbar,.search-container{display:none!important}.card-product{break-inside:avoid;page-break-inside:avoid}}@media (prefers-contrast:high){:root{--border:#000;--text-muted:#333}.card-product{border-width:2px}}
/* ===== Unified Page Width System ===== */
:root{
  --app-shell-max-width: 1360px;
  --app-shell-gutter: 24px;
}
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl{
  max-width: var(--app-shell-max-width) !important;
  padding-left: var(--app-shell-gutter) !important;
  padding-right: var(--app-shell-gutter) !important;
}
@media (max-width: 1400px){
  :root{
    --app-shell-max-width: 1280px;
    --app-shell-gutter: 22px;
  }
}
@media (max-width: 1200px){
  :root{
    --app-shell-max-width: 1140px;
    --app-shell-gutter: 18px;
  }
}
@media (max-width: 992px){
  :root{
    --app-shell-max-width: 100%;
    --app-shell-gutter: 16px;
  }
}
@media (max-width: 576px){
  :root{ --app-shell-gutter: 12px; }
}