:root{--font-family:"Plus Jakarta Sans",sans-serif;--bg-main:#070e17;--bg-card:rgba(14,36,64,.4);--bg-card-hover:rgba(14,36,64,.65);--border-color:rgba(79,163,227,.12);--border-focus:rgba(79,163,227,.5);--primary:#204b82;--primary-glow:rgba(32,75,130,.35);--secondary:#f0567e;--secondary-glow:rgba(240,86,126,.25);--danger:#ef4444;--text-primary:#f3f4f6;--text-secondary:#a3aab6;--text-muted:#626e84;--shadow-glow:0 8px 32px 0 rgba(0,0,0,.45);--transition-speed:0.3s}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-primary);min-height:100vh;overflow-x:hidden;position:relative}body:after,body:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(120px);z-index:-1;pointer-events:none;opacity:.45}body:before{top:15%;left:10%;background:var(--primary)}body:after{bottom:20%;right:10%;background:var(--secondary)}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em;color:#fff}a{color:var(--primary);text-decoration:none;transition:color var(--transition-speed)}a:hover{color:#818cf8}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:12px;font-weight:600;font-size:.9rem;border:1px solid transparent;cursor:pointer;transition:all var(--transition-speed) cubic-bezier(.4,0,.2,1);font-family:var(--font-family)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0,#4f46e5 100%);color:#fff;box-shadow:0 4px 14px var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(99,102,241,.45)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:hsla(0,0%,100%,.05);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2)}.btn-success{background:linear-gradient(135deg,var(--secondary) 0,#059669 100%);color:#fff;box-shadow:0 4px 14px var(--secondary-glow)}.btn-success:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(16,185,129,.45)}.form-group{margin-bottom:20px}.form-label{display:block;font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.form-input{width:100%;padding:12px 16px;background:hsla(0,0%,100%,.03);border:1px solid var(--border-color);border-radius:12px;color:#fff;font-family:var(--font-family);font-size:.95rem;transition:all var(--transition-speed)}.form-input:focus{outline:none;background:hsla(0,0%,100%,.06);border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}.form-input::placeholder{color:var(--text-muted)}.container{max-width:1200px;margin:0 auto;padding:0 24px}@media (max-width:480px){.container{padding:0 14px}}.card-glass{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;box-shadow:var(--shadow-glow);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);transition:all var(--transition-speed) cubic-bezier(.4,0,.2,1)}.card-glass:hover{background:var(--bg-card-hover);border-color:hsla(0,0%,100%,.15);box-shadow:0 12px 40px 0 rgba(0,0,0,.5);transform:translateY(-4px)}@media (max-width:640px){.card-glass:hover{transform:none}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.animate-fade-in{animation:fadeIn .4s ease forwards}.shimmer{background:linear-gradient(90deg,hsla(0,0%,100%,.03) 25%,hsla(0,0%,100%,.08) 50%,hsla(0,0%,100%,.03) 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.checkout-grid{display:grid;grid-template-columns:1fr;grid-gap:24px;gap:24px;align-items:start}@media (min-width:768px){.checkout-grid{grid-template-columns:1fr 1.2fr;gap:32px}.checkout-form-column{order:2}.checkout-summary-column{order:1}}.checkout-card{padding:24px}@media (max-width:768px){.checkout-card{padding:16px}.checkout-form-column{order:1}.checkout-summary-column{order:2}}.modal-grid{display:grid;grid-template-columns:1fr;grid-gap:20px;gap:20px}@media (min-width:640px){.modal-grid{grid-template-columns:1fr 1.2fr;gap:24px}}.header-container{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%}.header-actions{display:flex;align-items:center;gap:10px}@media (max-width:768px){.header-container{flex-direction:row;align-items:center;gap:8px}.header-actions{gap:8px;flex-shrink:0}.header-btn-text{display:none}}.hero-banner{padding:40px;margin-bottom:32px;background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(16,185,129,.05));text-align:center;border:1px solid hsla(0,0%,100%,.08);border-radius:20px}.hero-banner h1{font-size:2.5rem;margin-bottom:12px;line-height:1.2}@media (max-width:768px){.hero-banner{padding:28px 20px;margin-bottom:20px;border-radius:16px}.hero-banner h1{font-size:1.65rem}}@media (max-width:480px){.hero-banner{padding:22px 16px}.hero-banner h1{font-size:1.45rem}.hero-desc{font-size:.85rem!important;margin-bottom:16px!important}.hero-wa-btn{font-size:.82rem!important;padding:0 14px!important;height:38px!important}.cart-drawer{max-width:100%!important;padding:16px!important}}.footer-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-links{display:flex;gap:20px;flex-wrap:wrap}@media (max-width:768px){.footer-container{flex-direction:column;text-align:center;align-items:center}.footer-links{justify-content:center;font-size:.8rem}}.products-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px;width:100%;min-width:0;max-width:100%}.product-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 4px 16px rgba(0,0,0,.3);transition:background var(--transition-speed),border-color var(--transition-speed);overflow:hidden;cursor:pointer;contain:layout paint;min-width:0}.product-card:hover{background:var(--bg-card-hover);border-color:hsla(0,0%,100%,.15)}@media (max-width:640px){.product-card{border-radius:14px}}@media (min-width:640px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}}.catalog-card{height:380px;padding:16px;display:flex;flex-direction:column;cursor:pointer}.catalog-card-image{width:100%;height:200px;border-radius:12px;overflow:hidden;position:relative;background:rgba(0,0,0,.2);margin-bottom:16px}@media (max-width:640px){.catalog-card{height:auto;padding:10px;border-radius:14px!important}.catalog-card-image{width:100%;height:auto;aspect-ratio:4/3;margin-bottom:8px;border-radius:10px}.catalog-card h3{font-size:.82rem!important;margin-bottom:3px!important;line-height:1.3!important}.catalog-card p{font-size:.7rem!important;margin-bottom:6px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:auto!important}.catalog-card .price-tag{font-size:.95rem!important}.catalog-card .price-label{font-size:.62rem!important}}.filter-pills{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.filter-pills::-webkit-scrollbar{display:none}.product-detail-modal{border-radius:20px 20px 0 0}@media (min-width:640px){.product-detail-modal{border-radius:20px!important;margin:24px;max-height:88vh!important;align-self:center}}@media (max-width:480px){.tracking-form{flex-direction:column!important}.tracking-form>div{flex:1 1!important}.tracking-form>button{width:100%}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.2)}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.animate-fade-in-up{animation:fadeInUp .35s cubic-bezier(.16,1,.3,1) forwards}