.ev-section{padding:3rem 0;background:var(--color-bg)}.ev-loading-web{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem;color:var(--color-text-muted)}.ev-spinner{width:36px;height:36px;border:3px solid rgba(0,255,208,.15);border-top-color:var(--color-primary);border-radius:50%;animation:evSpin .8s linear infinite}@keyframes evSpin{to{transform:rotate(360deg)}}.ev-empty-web{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:4rem;color:var(--color-text-muted);text-align:center}.ev-empty-web p{font-size:1.1rem;font-weight:500;color:var(--color-text);margin:0}.ev-empty-web span{font-size:.875rem}.ev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}.ev-carousel-wrapper{margin-top:2rem;width:100%}.ev-carousel-track-wrapper{width:100%;overflow:hidden;position:relative;border-radius:18px;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%)}.ev-carousel-track{display:flex;flex-direction:row;gap:1.5rem;padding:1rem 1.5rem;width:max-content;animation:evMarquee 32s linear infinite}.ev-carousel-track:hover{animation-play-state:paused}@keyframes evMarquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - .75rem))}}.ev-carousel-item{flex-shrink:0;width:420px;margin:20px}.ev-card{position:relative;height:420px;border-radius:18px;overflow:hidden;cursor:pointer;background:#0a1a24;transition:transform .25s,box-shadow .25s}.ev-card:hover{transform:translateY(-6px);box-shadow:3px 20px 28px #0000008c}.ev-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.ev-card:hover .ev-card-bg{transform:scale(1.05)}.ev-card-bg-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0d2233,#0a1a24)}.ev-card-badge{position:absolute;top:16px;left:16px;padding:5px 13px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.04em;z-index:2}.ev-badge-upcoming,.ev-badge-ongoing,.ev-badge-completed,.ev-badge-cancelled{background:#00000080;color:#fff}.ev-card-overlay{position:absolute;bottom:0;left:0;right:0;z-index:1;padding:2.5rem 1.5rem 1.5rem;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.5) 55%,transparent 100%)}.ev-card-title{font-size:1.1rem;font-weight:700;color:#fff;margin:0 0 .5rem;line-height:1.35;text-shadow:0 1px 6px rgba(0,0,0,.7)}.ev-card-meta-row{display:flex;flex-wrap:wrap;gap:.35rem .75rem;margin-bottom:.45rem}.ev-meta-pill{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;color:#ffffffd9}.ev-meta-pill svg{flex-shrink:0;color:var(--color-primary)}.ev-card-desc{font-size:.8rem;color:#fff9;line-height:1.5;margin:0}.ev-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:300;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ev-modal-box{background:var(--color-surface);border:1px solid rgba(0,255,208,.12);border-radius:18px;width:100%;max-width:580px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 24px 64px #00000080}.ev-modal-close-btn{position:absolute;top:14px;right:14px;background:#ffffff14;border:none;color:var(--color-text-muted);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;z-index:1;transition:background .15s}.ev-modal-close-btn:hover{background:#ffffff26}.ev-modal-img{height:260px;overflow:hidden;border-radius:18px 18px 0 0}.ev-modal-img img{width:100%;height:100%;object-fit:cover}.ev-modal-content{padding:1.75rem;display:flex;flex-direction:column;gap:.75rem}.ev-badge-modal{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;margin-bottom:.25rem}.ev-modal-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:800;color:var(--color-text);margin:0}.ev-modal-meta{display:flex;flex-direction:column;gap:6px}.ev-meta-item{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--color-text-muted)}.ev-meta-item svg{flex-shrink:0;color:var(--color-primary)}.ev-modal-desc{font-size:.9rem;color:var(--color-text-muted);line-height:1.7;margin:0}@media (max-width: 900px){.ev-grid{grid-template-columns:repeat(2,1fr)}.ev-carousel-item{width:300px}.ev-card{height:340px}}@media (max-width: 600px){.ev-grid{grid-template-columns:1fr}.ev-carousel-item{width:260px}.ev-card{height:300px}.ev-modal-title{font-size:1.25rem}}.auth-page{min-height:100vh;background-color:var(--color-bg);display:flex;align-items:center;justify-content:center;padding:2rem 1rem;position:relative;overflow:hidden;font-family:var(--font-body)}.auth-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.auth-shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.12}.auth-shape-1{width:500px;height:500px;background:var(--color-primary);top:-150px;right:-150px;animation:authFloat 8s ease-in-out infinite}.auth-shape-2{width:400px;height:400px;background:var(--color-secondary);bottom:-100px;left:-100px;animation:authFloat 10s ease-in-out infinite reverse}.auth-shape-3{width:300px;height:300px;background:var(--color-accent);top:50%;left:50%;transform:translate(-50%,-50%);animation:authFloat 12s ease-in-out infinite}@keyframes authFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.auth-card{position:relative;z-index:1;width:100%;max-width:440px;background:var(--color-surface);border:1px solid rgba(0,255,208,.1);border-radius:20px;padding:2.5rem 2rem;box-shadow:0 24px 64px #0006,0 0 0 1px #00ffd00d}.auth-card-wide{max-width:620px}.auth-logo{display:block;font-family:var(--font-heading);font-size:1.75rem;font-weight:800;color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em;text-decoration:none;margin-bottom:2rem;text-align:center}.auth-header{text-align:center;margin-bottom:2rem}.auth-title{font-family:var(--font-heading);font-size:1.75rem;font-weight:800;color:var(--color-text);margin-bottom:.5rem}.auth-subtitle{font-size:.95rem;color:var(--color-text-muted)}.auth-section-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);margin:1.25rem 0 .75rem}.auth-optional{font-weight:400;color:var(--color-text-muted);text-transform:none;letter-spacing:0}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.auth-row-3{grid-template-columns:1fr 1fr 1fr}.auth-field{display:flex;flex-direction:column;gap:.4rem}.auth-label{font-size:.8rem;font-weight:500;color:var(--color-text-muted)}.auth-input-wrap{position:relative;display:flex;align-items:center}.auth-input-icon{position:absolute;left:14px;color:var(--color-text-muted);display:flex;align-items:center;pointer-events:none;opacity:.6}.auth-input{width:100%;padding:.75rem .875rem .75rem 2.75rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;font-size:.9rem;font-family:var(--font-body);color:var(--color-text);outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.auth-input::placeholder{color:#8da4be80}.auth-input:focus{border-color:#00ffd066;background:#00ffd00a;box-shadow:0 0 0 3px #00ffd014}.auth-input-plain{padding-left:.875rem}.auth-eye{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center;padding:4px;border-radius:4px;opacity:.6;transition:opacity .15s}.auth-eye:hover{opacity:1}.auth-error{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);color:#ff8a8a;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;line-height:1.5}.auth-btn{width:100%;padding:.875rem;background:linear-gradient(135deg,var(--color-primary),#00E6B8);color:var(--color-bg);border:none;border-radius:10px;font-size:1rem;font-weight:700;font-family:var(--font-heading);cursor:pointer;transition:all .2s ease;margin-top:.5rem;box-shadow:0 4px 20px var(--color-primary-glow);letter-spacing:.02em}.auth-btn:hover:not(:disabled){background:linear-gradient(135deg,#00FFE0,var(--color-primary));transform:translateY(-2px);box-shadow:0 8px 28px var(--color-primary-glow)}.auth-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-switch{text-align:center;margin-top:1.5rem;font-size:.875rem;color:var(--color-text-muted)}.auth-switch-link{color:var(--color-primary);font-weight:600;text-decoration:none;transition:color .15s}.auth-switch-link:hover{color:#00e6ba}.auth-back{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:1rem;font-size:.8rem;color:var(--color-text-muted);text-decoration:none;transition:color .15s;background:none;border:none;cursor:pointer;font-family:inherit;padding:0}.auth-back:hover{color:var(--color-primary)}@media (max-width: 640px){.auth-card{padding:2rem 1.25rem}.auth-card-wide{max-width:100%}.auth-row,.auth-row-3{grid-template-columns:1fr}.auth-title{font-size:1.5rem}}.auth-gmail-warn{display:flex;align-items:center;gap:6px;font-size:.78rem;color:#f6ad55;background:#f6ad5514;border:1px solid rgba(246,173,85,.25);border-radius:6px;padding:6px 10px;margin-top:4px;line-height:1.4}.auth-gmail-notice{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--color-text-muted);opacity:.75;margin-top:4px;text-align:center;justify-content:center}.auth-otp-icon{display:flex;justify-content:center;margin-bottom:1rem;color:var(--color-primary)}.auth-otp-email{font-size:.9rem;font-weight:600;color:var(--color-primary);text-align:center;margin-top:4px;word-break:break-all}.auth-otp-hint{font-size:.85rem;color:var(--color-text-muted);margin-top:.5rem}.auth-otp-input{text-align:center;font-size:1.6rem;font-weight:700;letter-spacing:.35em;font-family:var(--font-heading);color:var(--color-primary);background:#00ffd00a;border-color:#00ffd040;padding-left:.875rem}.auth-otp-input:focus{border-color:#00ffd099;box-shadow:0 0 0 3px #00ffd01f}.auth-otp-resend{text-align:center;margin-top:1.25rem;font-size:.85rem;color:var(--color-text-muted)}.auth-otp-resend-btn{background:none;border:none;color:var(--color-primary);font-weight:600;cursor:pointer;font-size:.85rem;padding:0;transition:color .15s}.auth-otp-resend-btn:hover:not(:disabled){color:#00e6ba}.auth-otp-resend-btn:disabled{opacity:.45;cursor:not-allowed}.auth-card-center{max-width:420px;display:flex;flex-direction:column;align-items:center;padding:3rem 2rem}.auth-success-icon{width:88px;height:88px;border-radius:50%;background:#00ffd01a;border:2px solid rgba(0,255,208,.3);display:flex;align-items:center;justify-content:center;color:var(--color-primary);animation:successPop .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes successPop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}[data-theme=light] .auth-card{background:#fff;border:1px solid rgba(0,143,117,.15);box-shadow:0 16px 48px #00000014,0 0 0 1px #008f750d}[data-theme=light] .auth-title{color:#1e293b}[data-theme=light] .auth-subtitle,[data-theme=light] .auth-label,[data-theme=light] .auth-switch,[data-theme=light] .auth-back,[data-theme=light] .auth-gmail-notice,[data-theme=light] .auth-optional{color:#64748b}[data-theme=light] .auth-input{background:#f4f7fb;border:1px solid rgba(0,0,0,.08);color:#1e293b}[data-theme=light] .auth-input::placeholder{color:#64748b99}[data-theme=light] .auth-input:focus{background:#fff;border-color:#008f7566;box-shadow:0 0 0 3px #008f751a}[data-theme=light] .auth-input-icon{color:#64748b}[data-theme=light] .auth-otp-input{background:#f4f7fb;border-color:#008f7540;color:var(--color-primary)}[data-theme=light] .auth-otp-input:focus{background:#fff;border-color:#008f7599;box-shadow:0 0 0 3px #008f751f}[data-theme=light] .auth-switch-link,[data-theme=light] .auth-back:hover{color:var(--color-primary)}[data-theme=light] .auth-shape-1{background:#008f7526}[data-theme=light] .auth-shape-2{background:#006c9a26}[data-theme=light] .auth-shape-3{background:#5d43e026}.shop-root{min-height:100vh;background:var(--color-bg);font-family:var(--font-body);color:var(--color-text);overflow-x:hidden}.shop-navbar{position:sticky;top:0;z-index:9000;background:#020c14eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,255,208,.08);height:68px;display:flex;align-items:center}.shop-nav-inner{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;gap:2rem}.shop-brand{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.shop-nav-links{display:flex;gap:1.5rem;flex:1}.shop-nav-link{font-size:.9rem;font-weight:500;color:var(--color-text-muted);text-decoration:none;transition:color .15s;position:relative}.shop-nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--color-primary);transition:width .2s ease}.shop-nav-link:hover,.shop-nav-link.active{color:var(--color-primary)}.shop-nav-link.active:after,.shop-nav-link:hover:after{width:100%}.shop-nav-right{display:flex;align-items:center;gap:1rem;margin-left:auto}.shop-cart-btn{position:relative;background:none;border:none;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;padding:6px;border-radius:8px;transition:color .15s,background .15s}.shop-cart-btn:hover{color:var(--color-primary);background:#00ffd014}.shop-cart-count{position:absolute;top:-4px;right:-4px;background:var(--color-primary);color:var(--color-bg);font-size:10px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.shop-user-wrap{position:relative}.shop-user-btn{display:flex;align-items:center;gap:8px;background:#00ffd00f;border:1px solid rgba(0,255,208,.15);border-radius:8px;padding:6px 12px 6px 6px;color:var(--color-text);cursor:pointer;font-family:var(--font-body);font-size:.875rem;transition:all .15s}.shop-user-btn:hover{background:#00ffd01a;border-color:#00ffd04d}.shop-user-avatar{width:28px;height:28px;min-width:28px;background:linear-gradient(135deg,var(--color-primary),#00b8ff);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--color-bg)}.shop-user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--color-surface);border:1px solid rgba(0,255,208,.12);border-radius:10px;min-width:176px;padding:6px;z-index:9200;box-shadow:0 12px 36px #0006}.shop-dropdown-item{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:7px;font-size:.875rem;color:var(--color-text-muted);text-decoration:none;cursor:pointer;background:none;border:none;width:100%;text-align:left;font-family:var(--font-body);transition:background .15s,color .15s}.shop-dropdown-item:hover{background:#00ffd012;color:var(--color-primary)}.shop-dropdown-divider{height:1px;background:#ffffff0f;margin:4px 6px}.shop-dropdown-logout{color:#ff6b6b!important}.shop-dropdown-logout:hover{background:#ff6b6b14!important;color:#ff6b6b!important}.shop-container{max-width:1400px;margin:0 auto;padding:0 2rem 4rem;display:flex;flex-direction:column;gap:2rem}.shop-toolbar-reveal{background:var(--color-surface);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:1.25rem;box-shadow:0 4px 20px #0003;position:sticky;top:88px;z-index:8000}.shop-filters-row{position:relative;z-index:2000;display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.shop-filter-group{flex:1;min-width:200px}.shop-filter-group.search{flex:1.5}.shop-clear-toolbar-btn{display:flex;align-items:center;justify-content:center;gap:6px;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.25);color:#ff8a8a;padding:10px 16px;border-radius:8px;font-size:.85rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all .2s ease;white-space:nowrap}.shop-clear-toolbar-btn:hover{background:#ff6b6b33;border-color:#ff6b6b66;transform:translateY(-1px)}.shop-content-full{width:100%}.shop-filter-title{font-family:var(--font-heading);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);margin-bottom:.875rem}.shop-search-wrap{display:flex;align-items:center;gap:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px 12px;color:var(--color-text-muted);transition:border-color .15s}.shop-search-wrap:focus-within{border-color:#00ffd04d}.shop-search{border:none;background:none;outline:none;font-size:.875rem;font-family:var(--font-body);color:var(--color-text);width:100%}.shop-search::placeholder{color:#8da4be80}.shop-select-wrap{position:relative;width:100%}.shop-filter-select{width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;color-scheme:dark;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 32px 10px 12px;color:var(--color-text);font-family:var(--font-body);font-size:.875rem;cursor:pointer;transition:all .2s ease;outline:none}.shop-filter-select:hover{border-color:#00ffd04d;background:#ffffff0f}.shop-filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 12px var(--color-primary-glow)}.select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--color-text-muted);transition:color .2s}.shop-filter-select:focus+.select-arrow{color:var(--color-primary)}.shop-filter-select option{background:var(--color-surface);color:var(--color-text);padding:10px}.shop-clear-btn{width:100%;padding:8px;background:#ff6b6b14;border:1px solid rgba(255,107,107,.2);border-radius:8px;color:#ff8a8a;font-size:.8rem;font-family:var(--font-body);cursor:pointer;margin-top:.5rem;transition:background .15s}.shop-clear-btn:hover{background:#ff6b6b24}.shop-content{flex:1;min-width:0}.shop-content-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.shop-result-count{font-size:.875rem;color:var(--color-text-muted)}.shop-result-count strong{color:var(--color-text)}.shop-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem;color:var(--color-text-muted)}.shop-spinner{width:36px;height:36px;border:3px solid rgba(0,255,208,.15);border-top-color:var(--color-primary);border-radius:50%;animation:shopSpin .8s linear infinite}@keyframes shopSpin{to{transform:rotate(360deg)}}.shop-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:4rem;color:var(--color-text-muted);text-align:center}.shop-empty svg{opacity:.25}.shop-empty p{font-size:1.1rem;font-weight:500;color:var(--color-text)}.shop-empty span{font-size:.875rem}.shop-error{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);color:#ff8a8a;padding:.875rem 1rem;border-radius:10px;font-size:.875rem;margin-bottom:1.5rem}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}.shop-card{background:var(--color-surface);border:1px solid rgba(255,255,255,.06);border-radius:14px;overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;flex-direction:column}.shop-card:hover{border-color:#00ffd033;transform:translateY(-3px);box-shadow:0 12px 32px #0000004d}.shop-card-img{position:relative;height:180px;background:#030f1a99;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden}.shop-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.shop-card:hover .shop-card-img img{transform:scale(1.04)}.shop-card-img-placeholder{font-size:4rem}.shop-card-vehicle{position:absolute;top:10px;left:10px;background:#00ffd026;border:1px solid rgba(0,255,208,.25);color:var(--color-primary);font-size:.7rem;font-weight:600;padding:3px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.06em}.shop-card-body{padding:1rem 1.1rem 1.1rem;display:flex;flex-direction:column;gap:4px;flex:1}.shop-card-category{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.shop-card-name{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--color-text);cursor:pointer;line-height:1.3;transition:color .15s}.shop-card-name:hover{color:var(--color-primary)}.shop-card-sub{font-size:.8rem;color:var(--color-text-muted)}.shop-card-cc{font-size:.75rem;color:var(--color-text-muted);background:#ffffff0a;border-radius:4px;padding:2px 6px;display:inline-block;width:fit-content}.shop-card-footer{display:flex;flex-direction:column;gap:12px;margin-top:auto;padding-top:.75rem;width:100%}.shop-card-price-wrap{display:flex;flex-direction:column;gap:2px}.shop-card-price{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--color-primary);line-height:1.1}.shop-card-old-price{font-size:.75rem;color:var(--color-text-muted);text-decoration:line-through;opacity:.6}.shop-card-stock{font-size:.75rem;color:#4ade80}.shop-card-stock.out{color:#ff6b6b}.shop-card-add-btn{width:32px;height:32px;border-radius:50%;background:var(--color-primary-deep);border:1px solid rgba(0,255,208,.2);color:var(--color-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.shop-card-add-btn:hover:not(:disabled){background:var(--color-primary);color:var(--color-bg);transform:scale(1.1);box-shadow:0 0 15px var(--color-primary-glow)}.shop-card-add-btn-full{background:var(--color-primary);color:var(--color-bg);border:none;padding:10px 16px;border-radius:8px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:var(--font-heading);box-shadow:0 4px 12px var(--color-primary-deep);width:100%;text-align:center}.shop-card-add-btn-full:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px var(--color-primary-glow);filter:brightness(1.1)}.shop-card-add-btn-full.added{background:#4ade80;box-shadow:0 4px 12px #4ade804d;color:#fff}.shop-card-add-btn-full:disabled{background:var(--color-bg-alt);color:var(--color-text-muted);cursor:not-allowed;box-shadow:none;opacity:.6}.shop-add-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:.625rem;margin-top:.75rem;background:linear-gradient(135deg,var(--color-primary),#00E6B8);color:var(--color-bg);border:none;border-radius:8px;font-size:.875rem;font-weight:700;font-family:var(--font-heading);cursor:pointer;transition:all .2s ease}.shop-add-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px var(--color-primary-glow)}.shop-add-btn:disabled{background:#ffffff0f;color:var(--color-text-muted);cursor:not-allowed;transform:none;box-shadow:none}.shop-add-btn.added{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff}.shop-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.shop-modal{background:var(--color-surface);border:1px solid rgba(0,255,208,.12);border-radius:18px;width:100%;max-width:680px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 24px 64px #00000080}.shop-modal-close{position:absolute;top:14px;right:14px;background:#ffffff14;border:none;color:var(--color-text-muted);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;z-index:1}.shop-modal-close:hover{background:#ffffff24;color:var(--color-text)}.shop-modal-grid{display:grid;grid-template-columns:1fr 1fr}.shop-modal-img-wrap{position:relative;background:#030f1a99;min-height:280px;display:flex;align-items:center;justify-content:center;border-radius:18px 0 0 18px;overflow:hidden}.shop-modal-img-wrap img{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.shop-navbar{height:auto;padding:10px 0}.shop-nav-links{display:flex!important;justify-content:flex-end;align-items:center;gap:1rem;flex:1}.shop-nav-link{display:none}.shop-nav-link:first-child{display:block}.shop-user-wrap{display:none}.shop-nav-right{margin-left:0;gap:.5rem}.shop-nav-right .shop-cart-btn:not(.theme-toggle-btn){display:none}.shop-nav-right .theme-toggle-btn{display:flex!important}.shop-container{padding:1rem 1rem 5rem}.shop-container{padding:0 1rem 4rem!important;gap:1rem!important}.shop-mobile-header{display:block!important;margin-bottom:1rem;position:sticky;top:67px;z-index:8500;background:#020c14f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:1rem;margin-left:-1rem;margin-right:-1rem;width:calc(100% + 2rem);border-bottom:1px solid rgba(0,255,208,.12);box-shadow:0 10px 30px #0003}[data-theme=light] .shop-mobile-header{background:#fffffff2;border-bottom:1px solid rgba(0,0,0,.08);box-shadow:0 10px 30px #00000008}.shop-mobile-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.shop-mobile-title-row h2{font-family:var(--font-heading);font-size:1.6rem;font-weight:900;margin:0;background:linear-gradient(90deg,#fff,var(--color-primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}[data-theme=light] .shop-mobile-title-row h2{background:linear-gradient(90deg,#1E293B,var(--color-primary));-webkit-background-clip:text;background-clip:text}.shop-mobile-cart-btn{position:relative;border:none;color:var(--color-primary);width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;background:none;box-shadow:none}.shop-mobile-cart-count{position:absolute;top:-6px;right:-6px;background:#ff4d4d;color:#fff;font-size:9px;font-weight:800;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 3px;border:2px solid #020c14}[data-theme=light] .shop-mobile-cart-count{border-color:#fff}.shop-mobile-search-row{width:100%;display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.search-input-wrapper{position:relative;flex:1}.shop-mobile-search-row input{width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 12px 12px 42px;color:var(--color-text);font-size:.95rem;outline:none;transition:all .3s ease}.shop-mobile-search-row input:focus{border-color:var(--color-primary);background:#ffffff0f}[data-theme=light] .shop-mobile-search-row input{background:#fff;border:1px solid rgba(0,0,0,.06)}.shop-mobile-search-row svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--color-primary);opacity:.6}.shop-mobile-filters-row{display:flex;gap:1rem;width:100%}.shop-mobile-filter-item{flex:1;min-width:0}.shop-mobile-filter-item .dropdown-selected{width:100%;background:#ffffff08!important;border:1px solid rgba(255,255,255,.06)!important;padding:8px 10px!important;font-size:.8rem!important;border-radius:8px!important}[data-theme=light] .shop-mobile-filter-item .dropdown-selected{background:#fff!important;border:1px solid rgba(0,0,0,.05)!important}.shop-toolbar-reveal{display:none}.shop-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem}.product-card{padding:0}.card-content{padding:.75rem!important}.product-title{font-size:.9rem!important}.shop-card-footer{flex-direction:column!important;gap:8px!important}.shop-card-add-btn-full{padding:8px!important;font-size:.75rem!important}.flash-marquee-container{padding:0 1rem}.flash-card{min-width:260px!important}}.shop-mobile-header{display:none}.shop-modal-img-placeholder{font-size:6rem}.shop-modal-vehicle{position:absolute;top:12px;left:12px;background:#00ffd026;border:1px solid rgba(0,255,208,.25);color:var(--color-primary);font-size:.7rem;font-weight:600;padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.06em}.shop-modal-details{padding:2rem 1.75rem;display:flex;flex-direction:column;gap:8px}.shop-modal-category{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.shop-modal-title{font-family:var(--font-heading);font-size:1.4rem;font-weight:800;color:var(--color-text);line-height:1.2;margin:0}.shop-modal-brand{font-size:.875rem;color:var(--color-text-muted);margin:0}.shop-modal-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.shop-modal-tag{display:flex;align-items:center;gap:4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:4px 9px;font-size:.75rem;color:var(--color-text-muted)}.shop-modal-desc{font-size:.875rem;color:var(--color-text-muted);line-height:1.7;margin-top:4px}.shop-modal-price-row{display:flex;align-items:center;gap:12px;margin-top:8px}.shop-modal-price{font-family:var(--font-heading);font-size:1.75rem;font-weight:800;color:var(--color-primary)}.shop-modal-stock{font-size:.8rem;color:#4ade80}.shop-modal-stock.out{color:#ff6b6b}.shop-modal-add-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:.875rem;margin-top:.75rem;background:linear-gradient(135deg,var(--color-primary),#00E6B8);color:var(--color-bg);border:none;border-radius:10px;font-size:1rem;font-weight:700;font-family:var(--font-heading);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 20px var(--color-primary-glow)}.shop-modal-add-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px var(--color-primary-glow)}.shop-modal-add-btn:disabled{background:#ffffff0f;color:var(--color-text-muted);cursor:not-allowed;box-shadow:none}.shop-modal-add-btn.added{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff}.shop-desktop-navbar{display:block}@media (max-width: 768px){.shop-desktop-navbar{display:none!important}}@media (max-width: 900px){.shop-main{flex-direction:column}.shop-sidebar{width:100%;min-width:unset}.shop-filter-list{flex-direction:row;flex-wrap:wrap}.shop-filter-item{flex:none}}@media (max-width: 640px){.shop-nav-inner{padding:0 1rem;gap:1rem}.shop-brand{font-size:1.2rem}.shop-nav-links{gap:.75rem}.shop-nav-link{font-size:.85rem}.shop-nav-right{gap:.5rem}.shop-user-dropdown{right:0;min-width:140px}.shop-modal-grid{grid-template-columns:1fr}.shop-modal-img-wrap{min-height:200px;border-radius:18px 18px 0 0}.shop-hero-title{font-size:1.75rem}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.shop-user-name{display:none}}[data-theme=light] .shop-navbar{background:#fffffff2;border-bottom:1px solid rgba(0,0,0,.08)}[data-theme=light] .shop-brand{color:var(--color-primary)}[data-theme=light] .shop-filter-section,[data-theme=light] .shop-card,[data-theme=light] .shop-modal{background:#fff;border-color:#00000014;box-shadow:0 4px 12px #0000000a}[data-theme=light] .shop-card-img,[data-theme=light] .shop-modal-img-wrap{background:#f1f5f9}[data-theme=light] .shop-user-dropdown{background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 12px 36px #0000001a}[data-theme=light] .shop-dropdown-item:hover{background:#008f7512}[data-theme=light] .shop-dropdown-divider{background:#0000000f}[data-theme=light] .shop-search-wrap,[data-theme=light] .shop-modal-close,[data-theme=light] .shop-card-cc,[data-theme=light] .btn-icon{background:#0000000a;border-color:#00000014;color:var(--color-text)}[data-theme=light] .shop-add-btn:disabled{background:#0000000f;color:var(--color-text-muted)}[data-theme=light] .shop-hero-badge{background:#008f751a;border:1px solid rgba(0,143,117,.3)}[data-theme=light] .shop-toolbar-reveal{background:#fff;border-color:#00000014}[data-theme=light] .shop-clear-toolbar-btn{background:#ff6b6b0f;border-color:#ff6b6b26}[data-theme=light] .shop-clear-toolbar-btn:hover{background:#ff6b6b1f}[data-theme=light] .flash-card{background:#fff;border-color:#00000014;box-shadow:0 4px 12px #0000000a}[data-theme=light] .flash-card:hover{border-color:#fc0;box-shadow:0 10px 30px #fc03}[data-theme=light] .flash-img-wrap{background:#f1f5f9}[data-theme=light] .flash-info h3{color:var(--color-text)}.shop-flash-sale{max-width:1400px;margin:0 auto 3rem;padding:0 2rem;animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.flash-header{margin-bottom:24px;display:flex;justify-content:space-between;align-items:flex-start}.flash-title-wrap{display:flex;align-items:center;gap:12px}.flash-icon{font-size:1rem;filter:drop-shadow(0 0 10px #ffcc00);animation:pulseIcon 1.5s infinite}@keyframes pulseIcon{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.flash-title-wrap h2{font-family:var(--font-heading);font-size:1.75rem;font-weight:800;color:var(--color-text);margin:0;text-transform:uppercase;letter-spacing:.05em}.flash-timer{background:linear-gradient(90deg,#ff8a00,#fc0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;font-size:.9rem;text-transform:uppercase;letter-spacing:.1em}.flash-marquee-container{width:100%;overflow:hidden;position:relative;padding:1rem 0;-webkit-mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.flash-marquee-track:hover{animation-play-state:paused!important}@keyframes shopMarquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - 1.25rem))}}.flash-card{background:linear-gradient(145deg,#020c14cc,#061420cc);border:1px solid var(--color-surface);border-radius:20px;padding:1rem;display:flex;gap:16px;align-items:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.flash-card:hover{border-color:#fc0;transform:translateY(-5px);box-shadow:0 10px 30px #ffcc0026}.flash-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,204,0,.05) 0%,transparent 70%);pointer-events:none}.flash-img-wrap{width:90px;height:90px;background:#030f1a;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.flash-img-wrap img{width:100%;height:100%;object-fit:cover;border-radius:12px}.flash-badge{position:absolute;top:-8px;right:-8px;background:#fc0;color:#020c14;font-size:10px;font-weight:800;padding:2px 6px;border-radius:6px;box-shadow:0 4px 10px #0000004d}.flash-info h3{font-size:1rem;font-weight:600;color:var(--color-text);margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.flash-price{display:flex;flex-direction:column;gap:2px}.flash-new-price{font-family:var(--font-heading);font-size:1.25rem;font-weight:800;color:#fc0}.flash-price-wrap{display:flex;align-items:baseline;gap:8px}.flash-old-price{font-size:.85rem;color:var(--color-text-muted);text-decoration:line-through;opacity:.6}.shop-card-price-wrap,.shop-modal-price-wrap{display:flex;align-items:baseline;gap:8px}.shop-card-price.sale,.shop-modal-price.sale{color:gold;text-shadow:0 0 8px rgba(255,215,0,.3)}.shop-card-old-price,.shop-modal-old-price{font-size:.85rem;color:var(--color-text-muted);text-decoration:line-through;opacity:.6}@media (max-width: 768px){.shop-flash-sale{display:none!important}.flash-grid{grid-template-columns:1fr}}[data-theme=light] .shop-mobile-header h2{color:var(--color-text)}[data-theme=light] .shop-mobile-cart-btn{background:#fff;color:var(--color-primary);box-shadow:none}[data-theme=light] .shop-mobile-search-row input{background:#fff;border:1px solid rgba(0,0,0,.08);color:var(--color-text)}.shop-mobile-expanded-view{display:none}@media (max-width: 768px){.shop-mobile-expanded-view{display:block;background:var(--color-surface);border:1px solid rgba(0,255,208,.15);border-radius:20px;margin-bottom:2rem;padding:0;overflow:hidden;animation:fadeInDown .4s cubic-bezier(.165,.84,.44,1);box-shadow:0 20px 40px #0006}.mobile-expanded-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px 8px;background:none;border-bottom:none}.expanded-category{font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary)}.expanded-close{background:#ffffff14;border:none;color:var(--color-text-muted);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;transition:all .2s}.expanded-close:hover{background:#ffffff26;color:var(--color-text)}.mobile-expanded-body{padding:0rem;display:flex;flex-direction:column;gap:1.25rem}.expanded-image-wrap{width:100%;height:260px;display:flex;align-items:center;justify-content:center;background:none;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.05)}.expanded-image-wrap img{max-width:90%;max-height:90%;object-fit:contain;transition:transform .3s ease}.expanded-details-box{background:none;border:none;padding:.75rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:16px}.expanded-row-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.expanded-name{font-family:var(--font-heading);font-size:1.25rem;font-weight:800;margin:0;color:var(--color-text);line-height:1.2}.expanded-stock{font-size:.75rem;font-weight:600;color:#4ade80;padding:4px 8px;background:#4ade801a;border-radius:6px;white-space:nowrap}.expanded-row-mid{display:flex;justify-content:space-between;align-items:center}.expanded-info{font-size:.9rem;color:var(--color-text-muted);margin:0}.expanded-price{font-family:var(--font-heading);font-weight:800;font-size:1.5rem;color:var(--color-primary)}.expanded-add-btn{width:100%;background:var(--color-primary);color:var(--color-bg);border:2px solid var(--color-primary);padding:10px 30px;border-radius:12px;font-weight:800;font-size:1.5rem;font-family:var(--font-heading);cursor:pointer;margin-top:.5rem;transition:all .2s;text-transform:none}.expanded-add-btn:active{transform:scale(.98);filter:brightness(.9)}.expanded-add-btn:disabled{background:#ffffff0d;color:var(--color-text-muted);box-shadow:none}.shop-modal-overlay{display:none!important}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-root{min-height:100vh;background-color:var(--bg-100);display:flex;flex-direction:column}.profile-main{flex:1;max-width:1200px;margin:0 auto;width:100%;padding:120px 20px 40px;display:grid;grid-template-columns:280px 1fr;gap:40px;align-items:start}@media (max-width: 900px){.profile-main{grid-template-columns:1fr;gap:30px}}.profile-sidebar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px;box-shadow:var(--shadow-sm);position:sticky;top:120px}.profile-avatar-xl{width:80px;height:80px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.2rem;font-weight:700;margin-bottom:20px}.profile-user-name{font-size:1.3rem;font-weight:700;color:var(--text-900);margin-bottom:4px}.profile-user-email{font-size:.9rem;color:var(--text-500);margin-bottom:24px}.profile-nav{display:flex;flex-direction:column;gap:8px}.profile-nav-btn{width:100%;padding:12px 16px;border-radius:8px;border:none;background:transparent;text-align:left;font-size:.95rem;font-weight:600;color:var(--text-600);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:12px}.profile-nav-btn:hover{background:var(--bg-100);color:var(--primary)}.profile-nav-btn.active{background:var(--primary-light, rgba(0, 169, 157, .1));color:var(--primary)}.profile-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:32px;box-shadow:var(--shadow-sm);animation:slideInUp .4s ease forwards}.profile-section-title{font-size:1.6rem;font-weight:700;color:var(--text-900);margin-bottom:8px}.profile-section-desc{font-size:.95rem;color:var(--text-500);margin-bottom:28px}.profile-form{display:flex;flex-direction:column;gap:20px}.profile-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 600px){.profile-form-row{grid-template-columns:1fr}}.profile-field{display:flex;flex-direction:column;gap:6px}.profile-label{font-size:.85rem;font-weight:600;color:var(--text-700)}.profile-input{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-100);color:var(--text-900);font-size:.95rem;transition:all .2s ease}.profile-input:focus{outline:none;border-color:var(--primary);background:var(--bg-card);box-shadow:0 0 0 3px #00a99d26}.profile-alert{padding:14px 18px;border-radius:8px;font-size:.95rem;font-weight:500;margin-bottom:20px;display:flex;align-items:center;gap:10px}.profile-alert.success{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.profile-alert.error{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.profile-btn{align-self:flex-start;padding:12px 28px;background:var(--color-primary);color:#000;border:2px solid var(--color-primary-glow);border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;margin-top:10px}.profile-btn:hover:not(:disabled){color:#00ffd0;background-color:#000;transform:translateY(-2px);box-shadow:0 4px 12px var(--color-primary-glow)}.profile-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}[data-theme=light] .profile-sidebar,[data-theme=light] .profile-content{background:#fff;border-color:#00000014;box-shadow:0 4px 12px #0000000a}[data-theme=light] .profile-input{background:#00000008;border-color:#0000001a}[data-theme=light] .profile-nav-btn:hover{background:#0000000a}[data-theme=light] .profile-nav-btn.active{background:#008f751a;color:var(--color-primary)}[data-theme=light] .profile-btn{color:#fff}[data-theme=light] .profile-btn:hover{opacity:.6}.orders-root{min-height:100vh;background-color:var(--bg-100);display:flex;flex-direction:column}.orders-main{flex:1;max-width:900px;margin:0 auto;width:100%;padding:120px 20px 60px;animation:slideInUp .4s ease forwards}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.orders-header{margin-bottom:32px;display:flex;justify-content:space-between;align-items:flex-end}.orders-title{font-size:2rem;font-weight:800;color:var(--text-900);margin-bottom:8px}.orders-subtitle{font-size:1rem;color:var(--text-500)}.orders-list{display:flex;flex-direction:column;gap:24px}.orders-tabs{display:flex;gap:12px;margin-bottom:24px;border-bottom:1px solid var(--border-color);padding-bottom:8px;overflow-x:auto;scrollbar-width:none}.orders-tabs::-webkit-scrollbar{display:none}.order-tab{background:none;border:none;padding:8px 16px;font-size:.95rem;font-weight:600;color:var(--text-500);cursor:pointer;position:relative;transition:all .2s;white-space:nowrap}.order-tab:hover{color:var(--text-900)}.order-tab.active{color:var(--color-primary)}.order-tab.active:after{content:"";position:absolute;bottom:-9px;left:0;right:0;height:3px;background:var(--color-primary);border-radius:3px 3px 0 0}.order-card{background:#0a1e337c;border:1px solid #0a1e33;border-radius:16px;padding:24px;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,transform .2s ease}.order-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.order-card-header{border-bottom:1px solid var(--border-color);padding-bottom:20px;margin-bottom:20px}.order-header-main{display:flex;justify-content:space-between;width:100%;align-items:center;margin-bottom:20px}.order-status-text{font-weight:700;font-size:1.1rem;color:var(--text-900);text-transform:capitalize}.order-items-list{width:100%;display:flex;flex-direction:column;gap:16px}.order-id-group{display:flex;flex-direction:column;gap:4px}.order-id{font-size:1.25rem;font-weight:700;color:var(--text-900);display:flex;align-items:center;gap:8px}.order-date{font-size:.9rem;color:var(--text-500)}.order-status{padding:6px 14px;border-radius:24px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:6px}.status-pending{background:#fef3c7;color:#b45309}.status-confirmed{background:#e0e7ff;color:#4338ca}.status-paid{background:#dcfce7;color:#15803d}.status-shipped{background:#f3e8ff;color:#7e22ce}.status-delivered{background:#d1fae5;color:#047857}.status-cancelled{background:#fee2e2;color:#b91c1c}.status-refunded{background:#f1f5f9;color:#475569}.order-tracker{display:flex;align-items:center;justify-content:space-between;margin:24px 0;position:relative;padding:0 10px}.order-tracker:before{content:"";position:absolute;top:14px;left:20px;right:20px;height:3px;background:var(--border-color, rgba(255, 255, 255, .1));z-index:1}.tracker-progress{position:absolute;top:14px;left:20px;height:3px;background:var(--color-primary);z-index:2;transition:width .5s ease}.tracker-step{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:8px}.tracker-icon{width:30px;height:30px;border-radius:50%;background:var(--bg-card);border:3px solid var(--border-color, rgba(255, 255, 255, .1));display:flex;align-items:center;justify-content:center;transition:all .3s ease}.tracker-step.completed .tracker-icon{border-color:var(--color-primary);background:var(--color-primary);color:#0a1e33}.tracker-step.current .tracker-icon{border-color:var(--color-primary);background:#0a1e33;color:var(--color-primary);box-shadow:0 0 0 4px #008f7533}.tracker-dot{display:block;width:8px;height:8px;border-radius:50%;background:var(--border-color, rgba(255, 255, 255, .2));transition:all .3s ease}.tracker-step.current .tracker-dot{background:var(--color-primary)}.tracker-label{font-size:.8rem;font-weight:600;color:var(--text-500)}.tracker-step.completed .tracker-label,.tracker-step.current .tracker-label{color:var(--text-900)}.order-footer{display:flex;justify-content:space-between;align-items:flex-end;background:var(--bg-100);padding:20px;border-radius:12px;margin-top:20px}.order-summary-details{display:flex;flex-direction:column;gap:6px}.summary-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:1rem;width:100%}.summary-label{color:var(--text-900);font-weight:700}.summary-value{color:var(--text-900);font-weight:600}.total-label{font-size:1.1rem}.total-value{font-size:1.25rem;color:var(--color-primary)}.order-cancel-btn{background:#fee2e2;color:#b91c1c;border:1px solid #fca5a5;padding:12px 24px;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s;width:auto}.order-cancel-btn:hover{background:#fecaca;transform:translateY(-1px)}.order-refund-btn{background:#e0e7ff;color:#4338ca;border:1px solid #c7d2fe;padding:12px 24px;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s;width:auto}.order-refund-btn:hover:not(:disabled){background:#c7d2fe;transform:translateY(-1px)}.order-amount-label{font-size:.9rem;color:var(--text-600)}.order-amount-value{font-size:1.25rem;font-weight:800;color:var(--color-primary)}.order-view-btn{padding:8px 16px;border:1px solid var(--border-color);background:#fef3c7;border-radius:8px;font-weight:600;font-size:.9rem;color:#000;cursor:pointer;transition:all .2s ease}.order-view-btn:hover{border-color:var(--color-primary);border:1px solid #fef3c7;color:var(--color-primary);background:var(--bg-100)}.orders-empty{text-align:center;padding:60px 20px;background:var(--bg-card);border-radius:16px;border:1px solid var(--border-color)}.orders-empty svg{color:var(--text-400);margin-bottom:20px}.orders-empty h2{font-size:1.5rem;font-weight:700;color:var(--text-900);margin-bottom:8px}.orders-empty p{color:var(--text-500);margin-bottom:24px}.orders-shop-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--color-primary);color:#fff;border-radius:8px;font-weight:700;text-decoration:none;transition:background .2s ease}.orders-shop-btn:hover{background:var(--color-primary)}.order-items-wrap{margin-top:20px;background:#000;border:1px solid var(--border-color);border-radius:12px;padding:16px}.order-item-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-color)}.order-item-row:last-child{border-bottom:none;padding-bottom:0}.item-left{display:flex;align-items:center;gap:16px}.item-img{width:50px;height:50px;background:var(--bg-100);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.item-img img{width:100%;height:100%;object-fit:cover;border-radius:8px}.item-info h4{font-size:.95rem;font-weight:600;color:var(--text-900);margin-bottom:4px}.item-info p{font-size:.85rem;color:var(--text-500)}.item-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.item-price{font-weight:700;font-size:1.2rem;color:var(--text-900)}.item-actions{display:flex;align-items:center;gap:8px}.item-concern-link-inline{padding-top:5px}.order-concern-icon-link:hover,.item-concern-link-inline:hover{color:var(--color-primary)!important;opacity:1!important;transform:scale(1.1);transition:all .2s ease}.orders-pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:40px;padding-top:24px;border-top:1px solid var(--border-color)}.page-btn{padding:8px 20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;font-size:.9rem;font-weight:600;color:var(--text-900);cursor:pointer;transition:all .2s}.page-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:var(--bg-100)}.page-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-100)}.page-numbers{font-size:.95rem;font-weight:600;color:var(--text-500)}@media (max-width: 600px){.order-card{padding:16px}.order-header-main{flex-direction:row;align-items:center;justify-content:space-between}.order-tracker{flex-wrap:wrap;justify-content:space-between;gap:16px;padding:0}.order-tracker:before,.tracker-progress{display:none}.tracker-step{flex:1;min-width:60px}.order-footer{flex-direction:column;align-items:flex-start;gap:20px}.order-summary-details{width:100%}.summary-row{justify-content:space-between}.order-cancel-btn,.order-refund-btn{width:100%;padding:12px}.order-item-row{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:12px}.item-left{flex:1}.item-img{width:64px;height:64px;flex-shrink:0}.item-right{align-self:flex-start;align-items:flex-end;min-width:100px}}[data-theme=light] .order-card{background:#fffffff2;border-color:#00000014}[data-theme=light] .order-items-wrap{background:#f8fafc;border-color:#00000014}[data-theme=light] .order-item-row{border-bottom-color:#00000014}[data-theme=light] .tracker-icon{background:#fff;border-color:#00000026}[data-theme=light] .tracker-step.completed .tracker-icon{border-color:var(--color-primary);background:var(--color-primary);color:#fff}[data-theme=light] .tracker-step.current .tracker-icon{border-color:var(--color-primary);background:#fff;color:var(--color-primary)}[data-theme=light] .order-tracker:before{background:#00000026}[data-theme=light] .tracker-dot{background:#00000026}[data-theme=light] .tracker-step.current .tracker-dot{background:var(--color-primary)}[data-theme=light] .order-view-btn{background:#008f7514;border-color:#008f7533;color:var(--color-primary)}[data-theme=light] .order-view-btn:hover{background:#008f7526;border-color:var(--color-primary)}[data-theme=light] .orders-empty{background:#fff;border-color:#00000014}[data-theme=light] .order-footer{background:#00000008;border-color:#0000000f}[data-theme=light] .item-img{background:#e2e8f0}.orders-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.orders-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;width:90%;max-width:400px;padding:24px;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0003;display:flex;flex-direction:column;gap:16px}.orders-modal h3{font-size:1.25rem;font-weight:800;color:var(--text-900);margin:0}.orders-modal p{font-size:.95rem;color:var(--text-500);margin:0}.orders-modal textarea{width:100%;background:var(--bg-100);border:1px solid var(--border-color);color:var(--text-900);border-radius:8px;padding:12px;min-height:100px;font-family:inherit;resize:vertical}.orders-modal textarea:focus{outline:none;border-color:var(--color-primary)}.orders-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.orders-modal-btn{padding:10px 16px;border-radius:8px;font-weight:700;cursor:pointer;border:none;transition:all .2s}.orders-modal-btn.cancel{background:transparent;color:var(--text-500)}.orders-modal-btn.cancel:hover{background:var(--bg-100);color:var(--text-900)}.orders-modal-btn.submit{background:var(--color-primary);color:#fff}.orders-modal-btn.submit:hover{filter:brightness(1.1)}.orders-modal-btn.submit:disabled{opacity:.5;cursor:not-allowed}:root{--chat-bg: rgba(1, 8, 14, .95);--bubble-user: linear-gradient(135deg, #00ffd0 0%, #00b8a9 100%);--bubble-admin: rgba(255, 255, 255, .08)}.concern-page-container{padding:120px 20px 40px;min-height:100vh;display:flex;flex-direction:column;max-width:1000px;margin:0 auto;animation:fadeIn .8s cubic-bezier(.2,.8,.2,1)}.concern-hero{text-align:center;margin-bottom:3.5rem}.concern-hero h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;letter-spacing:-.04em;background:linear-gradient(135deg,#fff,#00ffd0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px}.concern-hero p{color:#fff9;font-size:1.15rem;max-width:600px;margin:0 auto}.chat-box{flex:1;display:flex;flex-direction:column;background:#ffffff05;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:40px;border:1px solid rgba(255,255,255,.08);box-shadow:0 40px 100px #00000080;overflow:hidden;position:relative;height:600px}.chat-body{flex:1;padding:40px;overflow-y:auto;display:flex;flex-direction:column;gap:24px;scroll-behavior:smooth}.chat-body::-webkit-scrollbar{width:5px}.chat-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.msg-wrapper{display:flex;flex-direction:column;max-width:80%}.msg-wrapper.user{align-self:flex-end;align-items:flex-end}.msg-wrapper.admin{align-self:flex-start;align-items:flex-start}.chat-bubble-user{padding:16px 24px;background:var(--bubble-user);color:#01080e;border-radius:24px 24px 4px;font-weight:600;font-size:.95rem;box-shadow:0 10px 30px #00ffd033;position:relative;animation:bubblePop .4s cubic-bezier(.175,.885,.32,1.275)}.chat-bubble-admin{padding:16px 24px;background:#ffffff1a;color:#fff;border-radius:24px 24px 24px 4px;border:1px solid rgba(255,255,255,.15);font-size:.95rem;line-height:1.6;animation:bubblePop .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px #0000001a}[data-theme=light] .chat-bubble-admin{background:#f1f5f9;color:#0f172a;border-color:#e2e8f0}[data-theme=light] .chat-box{background:#fff;box-shadow:0 10px 40px #0000000d}[data-theme=light] .concern-hero h1{background:linear-gradient(135deg,#0f172a,#00b8a9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.msg-image{max-width:200px;border-radius:16px;margin-top:12px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease;cursor:zoom-in}.msg-image:hover{transform:scale(1.03);box-shadow:0 10px 30px #0000004d}.msg-time{font-size:.7rem;color:#ffffff80;margin-top:8px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}[data-theme=light] .msg-time{color:#64748b}[data-theme=light] .concern-hero p{color:#475569}.chat-footer{padding:30px;background:#0003;border-top:1px solid rgba(255,255,255,.05)}.img-preview-container{display:flex;align-items:center;gap:16px;margin-bottom:20px;background:#ffffff0d;padding:10px 20px;border-radius:20px;width:fit-content;animation:slideIn .3s ease}.img-preview-container img{height:60px;width:60px;border-radius:12px;object-fit:cover;border:2px solid var(--color-primary)}.chat-input-row{display:flex;align-items:center;gap:16px}.chat-input{flex:1;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);padding:18px 28px;border-radius:30px;color:#fff;outline:none;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=light] .chat-input{background:#f8fafc;border-color:#e2e8f0;color:#0f172a}[data-theme=light] .chat-input:focus{background:#fff;border-color:#00b8a9}[data-theme=light] .chat-icon-btn{background:transparent;color:#64748b}[data-theme=light] .chat-icon-btn:hover{background:#0000000d;color:#475569}[data-theme=light] .chat-footer{background:#f8fafc;border-top-color:#e2e8f0}.chat-icon-btn{background:transparent;border:none;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff9;cursor:pointer;transition:all .3s ease}.chat-icon-btn:hover{background:#ffffff14;color:#00ffd0;transform:translateY(-2px)}.send-btn{background:transparent;color:#00ffd0;box-shadow:none;width:64px;height:64px}.send-btn:hover{background:#00ffd01a;transform:scale(1.1);box-shadow:none}.send-btn svg{transform:rotate(45deg)}[data-theme=light] .send-btn{color:#00b8a9}[data-theme=light] .send-btn:hover{background:#00b8a91a}@keyframes bubblePop{0%{opacity:0;transform:scale(.85) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.concern-page-container{padding-top:100px}.chat-box{border-radius:30px;height:65vh}.chat-body{padding:24px}.chat-footer{padding:20px}}.image-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.image-modal-content{position:relative;max-width:90%;max-height:90%;display:flex;align-items:center;justify-content:center}.image-modal-content img{max-width:100%;max-height:90vh;border-radius:8px;box-shadow:0 0 50px #00ffd033}.close-modal-btn{position:absolute;top:-40px;right:-40px;background:none;border:none;color:#fff;font-size:40px;cursor:pointer;transition:transform .2s}.close-modal-btn:hover{color:#00ffd0;transform:scale(1.2)}@media (max-width: 600px){.close-modal-btn{top:-50px;right:0}}.lubricants-page{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg);background-image:radial-gradient(circle at 10% 20%,rgba(0,255,170,.05) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(0,255,170,.05) 0%,transparent 40%)}.lubricants-main{padding-top:80px;flex:1;position:relative;z-index:1}.finder-section{width:100%;margin-bottom:80px}.finder-hero{height:500px;width:100%;background-image:url(/assets/official-finder-bg.png);background-size:cover;background-position:center 40%;position:relative;display:flex;align-items:center;justify-content:center}.finder-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0000004d,#00000080);z-index:1}.finder-hero-content{position:relative;z-index:2;text-align:center;width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.finder-hero-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;color:#fff;margin-bottom:15px;text-shadow:0 4px 20px rgba(0,0,0,.6);animation:fade-up .8s cubic-bezier(.16,1,.3,1) forwards}.finder-hero-title span{color:var(--color-primary)}.finder-hero-subtitle{font-size:1.25rem;color:#ffffffe6;max-width:750px;margin:0 auto;text-shadow:0 2px 10px rgba(0,0,0,.6);animation:fade-up 1s cubic-bezier(.16,1,.3,1) forwards}.finder-content-area{background:var(--color-bg);padding:60px 20px;text-align:center}.finder-content-container{max-width:900px;margin:0 auto}.finder-content-title{color:var(--color-text);margin-bottom:20px;font-size:2.5rem;font-weight:800;letter-spacing:-.02em}.finder-content-title span{color:var(--color-primary)}.finder-content-description{color:var(--color-text-muted);margin-bottom:45px;font-size:1.2rem;line-height:1.8}.official-petronas-btn-main{display:inline-flex;align-items:center;gap:12px;padding:22px 65px;background:var(--color-primary);color:#fff;border-radius:20px;font-weight:800;font-size:1.25rem;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 20px 40px #00ffaa40;border:none;cursor:pointer}.official-petronas-btn-main:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 15px 40px #0fa6;background:#00e699}.official-petronas-btn-main svg{transition:transform .3s ease}.official-petronas-btn-main:hover svg{transform:translate(2px,-2px)}.main-content-container{max-width:1200px;margin:0 auto;padding:0 20px}.official-finder-card{transition:transform .4s ease,border-color .4s ease,box-shadow .4s ease}.official-finder-card:hover{transform:translateY(-5px);border-color:#00ffaa4d;box-shadow:0 30px 70px #00000080}@keyframes fade-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.official-petronas-btn-main.dark-text{color:#01080e}.official-petronas-btn-main.light-text{color:#fff}[data-theme=dark] .official-petronas-btn-main{color:#01080e}:root{--color-bg: #020C14;--color-bg-alt: #061420;--color-surface: #0A1E33;--color-surface-hover: #133A58;--color-primary: #00FFD0;--color-primary-glow: rgba(0, 255, 208, .5);--color-primary-deep: rgba(0, 255, 208, .15);--color-secondary: #00D4FF;--color-secondary-glow: rgba(0, 212, 255, .4);--color-accent: #7B61FF;--color-text: #E8F4FF;--color-text-muted: #8DA4BE;--text-400: var(--color-text-muted);--text-500: var(--color-text-muted);--text-600: var(--color-text-muted);--text-700: var(--color-text);--text-900: var(--color-text);--bg-100: var(--color-bg-alt);--bg-card: var(--color-surface);--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--transition-fast: .2s ease;--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--nav-height: 75px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--color-bg);background-image:url(/dark_landing_bg.png);background-size:110% 110%;background-position:center;background-attachment:fixed;background-repeat:no-repeat;color:var(--color-text);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;animation:bg-pan 30s ease-in-out infinite alternate}[data-theme=light] body{background-image:url(/light_landing_bg.png)}@keyframes bg-pan{0%{background-position:0% 50%}to{background-position:100% 50%}}h1,h2,h3,h4,.brand-logo{font-family:var(--font-heading);font-weight:800;letter-spacing:-.02em}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}.container{width:100%;max-width:9000px;margin:0 auto;padding:0 2rem}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-size:2.5rem;color:var(--color-text);margin-bottom:.5rem}.section-header p{color:var(--color-text-muted);font-size:1.125rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 2.5rem;font-family:var(--font-heading);font-weight:700;font-size:1rem;border-radius:12px;border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none;line-height:1}.btn-primary{margin-bottom:.5rem;background:linear-gradient(135deg,var(--color-primary),#00E6B8);color:var(--color-bg)}.btn-primary:hover{background:linear-gradient(135deg,#00FFE0,var(--color-primary));transform:translateY(-2px);box-shadow:0 6px 20px var(--color-primary-glow)}.btn-glow{box-shadow:0 0 24px var(--color-primary-glow),0 0 60px #00ffd026}.btn-glow:hover{box-shadow:0 0 36px var(--color-primary-glow),0 0 80px #00ffd033}.btn-secondary{background-color:transparent;border:1.5px solid var(--color-primary);color:var(--color-primary)}.btn-secondary:hover:not(:disabled){background-color:#00ffd014;box-shadow:0 0 16px var(--color-primary-glow);border-color:var(--color-primary)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed;border-color:var(--color-text-muted);color:var(--color-text-muted)}.btn-explore{background:#00ffd008;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid rgba(0,255,208,.4);color:var(--color-primary);position:relative;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;gap:.75rem;padding-right:1.8rem;box-shadow:0 4px 15px #0003;z-index:1}.btn-explore:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,208,.3),transparent);animation:shimmer-loop 3s infinite ease-in-out;z-index:-1}@keyframes shimmer-loop{0%{left:-100%}30%{left:100%}to{left:100%}}.btn-explore:hover{background:#00ffd026;border-color:var(--color-primary);transform:scale(1.05) translateY(-3px);box-shadow:0 12px 30px var(--color-primary-glow);color:#fff}.btn-explore:hover:before{left:100%}.btn-explore .arrow{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.btn-explore:hover .arrow{transform:translate(6px)}[data-theme=light] .btn-explore{background:#008f750d;border-color:#008f754d;color:#008f75}[data-theme=light] .btn-explore:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.nav-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000;z-index:8999;transition:background .4s ease;pointer-events:none}.nav-backdrop.open{background:#0000008c;pointer-events:auto}.gallery-add-btn-full{width:100%;padding:12px 5px;border-radius:12px;border:none;background:#00ffd01a;color:var(--color-primary);font-size:.8rem;font-weight:800;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-heading)}.gallery-add-btn-full:hover:not(:disabled){background:#00ffd033;transform:translateY(-2px);box-shadow:0 4px 15px var(--color-primary-glow)}.gallery-add-btn-full.added{background:var(--color-primary)!important;color:var(--color-bg)!important;box-shadow:0 0 20px var(--color-primary-glow)}.gallery-add-btn-full:disabled{opacity:.5;cursor:not-allowed}[data-theme=light] .gallery-add-btn-full{background:var(--color-primary);color:#fff;box-shadow:0 4px 12px var(--color-primary-glow)}[data-theme=light] .gallery-add-btn-full:hover:not(:disabled){background:#007a64;transform:translateY(-2px);box-shadow:0 6px 20px var(--color-primary-glow)}[data-theme=light] .gallery-add-btn-full.added{background:#22c55e!important;color:#fff!important}@media (max-width: 768px){.nav-backdrop{display:block}body.has-bottom-nav{padding-bottom:70px}}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;width:100%;height:70px;background:#0a1e33f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(0,255,208,.15);z-index:9999;padding:0 1rem;justify-content:space-around;align-items:center}@media (max-width: 768px){.mobile-bottom-nav{display:flex}}.mobile-bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-muted);transition:all .2s ease;padding:.5rem;border-radius:12px;width:60px;height:60px;text-decoration:none}.mobile-bottom-nav .nav-item.active{color:var(--color-primary);background:#00ffd01a}.mobile-bottom-nav .nav-icon{display:flex;align-items:center;justify-content:center}.navbar{position:fixed;top:0;width:100%;height:var(--nav-height);background-color:#020c14cc;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);z-index:9000;border-bottom:1px solid rgba(0,255,208,.06);transition:transform .3s ease,background-color .3s ease}.navbar.scrolled{background-color:#020c14f2;box-shadow:0 4px 30px #00000080,0 1px #00ffd014}.nav-container{display:flex;justify-content:space-between;align-items:center;height:100%}.brand-logo{font-size:1.75rem;color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em}.nav-links{display:flex;gap:2rem;align-items:center;margin-left:auto;margin-right:1.5rem}.nav-link{font-size:1rem;font-weight:500;line-height:1;display:flex;align-items:center;position:relative;padding:.5rem 0}.nav-actions{display:flex;align-items:center;gap:1.25rem}.nav-btn-theme{background:none;border:none;color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:5px;border-radius:50%;transition:background-color .2s}.nav-btn-theme:hover{background-color:#00ffd01a}.nav-link:hover{color:var(--color-primary)}.nav-link:after{content:"";position:absolute;bottom:5px;left:0;width:0;height:2px;background-color:var(--color-primary);transition:width var(--transition-base)}.nav-link:hover:after,.nav-link.active:after,.nav-dropdown-group.active .nav-dropdown-toggle:after{width:100%}.nav-dropdown-group{position:relative;display:flex;align-items:center}.nav-dropdown-toggle{background:none;border:none;cursor:pointer;color:inherit;font:inherit;display:flex;align-items:center;padding:.5rem 0;outline:none}.nav-submenu{position:fixed;top:var(--nav-height);left:0;width:100%;background:#020c14cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #00000080;opacity:0;visibility:hidden;transform:translateY(-20px);transition:all .4s cubic-bezier(.165,.84,.44,1);z-index:99;padding:3rem 0;display:flex;justify-content:flex-end;padding-right:10%;gap:4rem}.nav-dropdown-group:hover .nav-submenu{opacity:1;visibility:visible;transform:translateY(0)}.nav-submenu-link{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--color-text);font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;padding:1rem 2rem;border-radius:12px}.nav-submenu-link:hover{background:#00ffd00d;color:var(--color-primary);transform:scale(1.05)}@media (max-width: 768px){.nav-dropdown-group{width:100%;flex-direction:column;align-items:center}.nav-dropdown-toggle{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.nav-submenu{position:static;width:100%;opacity:1;visibility:visible;transform:none;display:none;background:transparent;border:none;box-shadow:none;padding:0}.nav-submenu.open{display:block;animation:navSubSlide .3s ease-out forwards}@keyframes navSubSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-submenu-link{font-size:1.25rem;padding:.8rem;text-align:center}}.menu-btn{display:none;background:none;border:none;cursor:pointer;width:30px;height:20px;position:relative}.menu-btn span{position:absolute;width:100%;height:2px;background-color:var(--color-text);transition:all .3s ease}.menu-btn span:nth-child(1){top:0}.menu-btn span:nth-child(2){top:9px}.menu-btn span:nth-child(3){bottom:0}.landing-hero{min-height:80vh;display:flex;align-items:center;position:relative;padding:120px 0 60px;background:radial-gradient(circle at 70% 30%,rgba(0,255,208,.05) 0%,transparent 50%);overflow:hidden}.landing-hero .hero-grid{display:flex;justify-content:flex-start;text-align:left}.hero-content{display:flex;flex-direction:column;align-items:flex-start;max-width:800px}.hero-category{display:inline-block;font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:var(--color-primary);margin-bottom:1.5rem;padding:6px 16px;background:#00ffd01a;border:solid rgba(0,255,208,.1);border-radius:20px}.hero-title{font-size:clamp(3rem,5vw,4.5rem);line-height:1.1;margin-bottom:2rem;color:var(--color-text)}.hero-title span{color:var(--color-primary)}.hero-desc{font-size:1.2rem;color:var(--color-text-muted);max-width:600px;margin-bottom:3rem;line-height:1.6}.hero-cta-group{display:flex;gap:1.5rem;flex-wrap:wrap}.hero-brands-absolute{position:absolute;right:0;top:0;width:50%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1}.hero-brands-container{display:flex;flex-direction:column;align-items:center;gap:1rem;pointer-events:auto;width:90%}.hero-products-wrapper{position:relative;display:flex;justify-content:center;width:100%}.hero-products-image{max-width:120%;max-height:580px;height:auto;object-fit:contain;filter:drop-shadow(0 25px 40px rgba(0,0,0,.9));-webkit-user-select:none;user-select:none;-webkit-user-drag:none;z-index:2;transition:transform .5s cubic-bezier(.175,.885,.32,1.275)}.hero-products-image:hover{transform:scale(1.05) translateY(-8px)}.hero-brands-marquee-section{width:100%;padding:2.2rem 0;background:transparent;position:relative;z-index:10;overflow:hidden}[data-theme=light] .hero-brands-marquee-section{background:transparent}.hero-brands-marquee-wrapper{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 15%,black 85%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 15%,black 85%,transparent 100%)}.hero-brands-track{display:flex;flex-direction:row;align-items:center;gap:6.5rem;animation:brands-marquee-ltr 25s linear infinite;will-change:transform;width:max-content}@keyframes brands-marquee-ltr{0%{transform:translate(-50%)}to{transform:translate(0)}}.hero-brand-item{flex:0 0 auto;display:flex;align-items:center;justify-content:center}.hero-brand-item img{max-width:175px;max-height:70px;width:auto;height:auto;object-fit:contain;border:none;outline:none;background:transparent;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;opacity:.85;transition:all .3s ease}.hero-brand-item img:hover{opacity:1;transform:scale(1.06);filter:drop-shadow(0 0 8px rgba(0,255,208,.35))}@media (max-width: 992px){.landing-hero{flex-direction:column;padding-bottom:30px}.hero-brands-absolute{position:relative;width:100%;height:auto;margin-top:2rem;pointer-events:auto}.hero-brands-container{width:100%;gap:0}.hero-products-wrapper{display:none}.hero-brand-item img{max-height:50px;max-width:125px}.landing-hero .hero-grid{padding-top:2rem}}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.6}.mouse{width:25px;height:40px;border:2px solid var(--color-text-muted);border-radius:12px;position:relative}.wheel{width:3px;height:7px;background:var(--color-primary);border-radius:2px;position:absolute;top:6px;left:50%;transform:translate(-50%);animation:mouse-scroll 1.6s infinite}@keyframes mouse-scroll{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,15px);opacity:0}}@media (max-width: 992px){.landing-hero .hero-grid{grid-template-columns:1fr;text-align:center;gap:3rem}.hero-content{display:flex;flex-direction:column;align-items:center}.hero-cta-group{justify-content:center}}@media (max-width: 480px){.hero-cta-group{flex-wrap:nowrap;gap:.75rem;width:100%;margin-bottom:3.5rem}.hero-cta-group .btn{flex:1;padding:.8rem .5rem!important;font-size:.8rem!important;margin-bottom:0!important;white-space:nowrap}.btn-explore{padding-right:.75rem!important;gap:.4rem!important}.btn-explore .arrow{width:16px;height:16px}}.features-section{padding:100px 0;background:linear-gradient(180deg,transparent 0%,rgba(0,255,208,.02) 50%,transparent 100%)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}.feature-card{background:#0a1e3366;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);padding:3rem 2rem;border-radius:24px;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.feature-card:hover{transform:translateY(-12px);background:#0a1e3399;border-color:var(--color-primary);box-shadow:0 20px 40px #0006,0 0 20px #00ffd01a}.feature-icon{font-size:3rem;margin-bottom:1.5rem;display:block}.feature-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--color-text)}.feature-card p{color:var(--color-text-muted);font-size:1rem;line-height:1.6}@media (max-width: 992px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.features-grid{grid-template-columns:1fr}}.hero.flash-sale{min-height:50vh;display:flex;align-items:center;position:relative;padding:60px 0;margin-top:0;overflow:hidden;background:transparent}.hero-grid-wrapper{position:relative;z-index:2;width:100%}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center}.hero-content{max-width:100%}.hero-content .btn{margin-bottom:2rem}.carousel-container{position:relative;display:flex;flex-direction:row;align-items:center;gap:1rem;width:100%}.carousel-btn{flex-shrink:0;background:var(--color-surface);border:1px solid rgba(255,255,255,.1);color:var(--color-primary);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all var(--transition-fast);box-shadow:0 4px 12px #0000004d}.carousel-btn:hover{background:var(--color-primary);color:var(--color-bg);transform:scale(1.1)}.carousel-track-wrapper{flex-grow:1;width:100%;overflow:hidden;position:relative;border-radius:16px;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%)}.carousel-track{display:flex;flex-direction:row;gap:1.5rem;padding:1rem;width:max-content;animation:marquee 30s linear infinite}.carousel-container:hover .carousel-track,.carousel-track:focus-within{animation-play-state:paused!important}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - .75rem))}}@keyframes marquee-ltr{0%{transform:translate(calc(-50% - 1rem))}to{transform:translate(0)}}.carousel-item{flex-shrink:0;width:380px;max-width:100%}.badge{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#ff880026,#fcff611a);border:1px solid rgba(0,212,255,.4);color:var(--color-secondary);border-radius:20px;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;text-shadow:0 0 12px rgba(0,212,255,.3)}.hero-title{font-size:clamp(3rem,8vw,5.5rem);line-height:1.1;margin-bottom:1.5rem;color:var(--color-text)}.hero-title span{color:var(--color-primary);background:linear-gradient(90deg,var(--color-primary),var(--color-secondary),var(--color-accent));background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer-text 4s ease-in-out infinite}@keyframes shimmer-text{0%,to{background-position:0% center}50%{background-position:100% center}}.hero-subtitle{font-size:1.25rem;color:var(--color-text-muted);margin-bottom:2.5rem;max-width:600px}.countdown{display:flex;gap:1.5rem;margin-bottom:none}.cd-box{display:flex;flex-direction:column;align-items:center;background:linear-gradient(145deg,#0a1e33b3,#061420e6);border:1px solid rgba(0,255,208,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;border-radius:12px;min-width:90px;box-shadow:0 4px 16px #0000004d,inset 0 1px #00ffd00f}.cd-val{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--color-text)}.cd-lbl{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.hero-bg-shapes{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.shape{position:absolute;border-radius:50%;filter:blur(100px);opacity:.6}.shape-1{width:650px;height:650px;background:radial-gradient(circle,rgba(0,212,255,.25) 0%,rgba(123,97,255,.1) 50%,transparent 70%);top:-200px;right:-100px;animation:pulse-shape 6s ease-in-out infinite}.shape-2{width:450px;height:450px;background:radial-gradient(circle,rgba(0,255,208,.25) 0%,rgba(0,212,255,.08) 60%,transparent 80%);bottom:10%;left:10%;animation:pulse-shape 8s ease-in-out infinite reverse}@keyframes pulse-shape{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.15);opacity:.7}}.discovery{padding:80px 0;background:transparent;position:relative;z-index:5}.sticky-filter-bar{position:sticky;top:var(--nav-height);width:100vw;margin-left:calc(-50vw + 50%);padding:1rem 0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#020c14bf;border-bottom:1px solid rgba(0,255,208,.1);z-index:2000}[data-theme=light] .sticky-filter-bar{background:#f4f7fbf2;border-bottom:1px solid rgba(0,143,117,.15)}.discovery-controls{width:75%;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 1rem;border-radius:12px;border:1.5px solid transparent;background:linear-gradient(135deg,#0a1e33b3,#06142099) padding-box,linear-gradient(135deg,#00ffd080,#00d4ff66,#7b61ff59) border-box;backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);box-shadow:inset 0 4px 16px #0006,inset 0 1px #00ffd01a,0 0 18px #00ffd014,0 0 40px #00d4ff0d}.search-wrap{flex:1;max-width:700px;position:relative;display:flex}.search-wrap input{width:100%;background:#030f1a80;border:1px solid rgba(255,255,255,.1);color:var(--color-text);padding:.5rem 1rem .5rem 2.2rem;border-radius:8px;font-family:var(--font-body);font-size:.9rem;outline:none;transition:border-color var(--transition-base)}.search-wrap input:focus{border-color:var(--color-primary);box-shadow:0 0 16px var(--color-primary-glow)}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.discovery-filters{display:flex;gap:.75rem;flex-wrap:wrap}.custom-dropdown{position:relative;width:160px;font-family:var(--font-body)}.dropdown-selected{display:flex;align-items:center;justify-content:space-between;width:100%;background:#030f1a80;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:.5rem 1rem;color:var(--color-text);font-size:.875rem;cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 12px #0003}.dropdown-selected:hover,.dropdown-selected.active{border-color:var(--color-primary);background:#030f1acc;box-shadow:0 0 16px var(--color-primary-glow)}.dropdown-arrow{color:var(--color-text-muted);transition:transform .3s ease,color .3s ease}.dropdown-arrow.open{transform:rotate(180deg);color:var(--color-primary)}.dropdown-options{position:absolute;top:calc(100% + 4px);left:0;width:100%;max-height:250px;background:#0a1e33f5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,255,208,.2);border-radius:8px;overflow-y:auto;z-index:4000;box-shadow:0 16px 48px #000000b3,0 0 0 1px #00ffd00d;animation:dropdownSlide .25s cubic-bezier(.19,1,.22,1)}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-option{padding:.5rem 1rem;font-size:.85rem;color:var(--color-text-muted);cursor:pointer;transition:all .15s ease;border-bottom:1px solid rgba(255,255,255,.04)}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{background:#00ffd01a;color:var(--color-primary);padding-left:1.25rem}.dropdown-option.selected{background:#00ffd026;color:var(--color-primary);font-weight:600}.dropdown-options::-webkit-scrollbar{width:4px}.dropdown-options::-webkit-scrollbar-thumb{background:var(--color-primary-glow);border-radius:10px}.filter-btn{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--color-text-muted);padding:.75rem 2rem;border-radius:20px;cursor:pointer;font-size:1rem;font-family:var(--font-heading);transition:all var(--transition-base)}.filter-btn:hover{background:#00ffd014;color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 12px #00ffd026}.filter-btn.active{background:linear-gradient(135deg,var(--color-primary),#00E6B8);color:var(--color-bg);border-color:var(--color-primary);box-shadow:0 0 16px var(--color-primary-glow);font-weight:600}.gallery{padding:3rem 0;background:linear-gradient(180deg,#061420e6,#020c14f2)}.gallery-wrapper{padding:1rem;border-radius:12px;border:1.5px solid transparent;background:linear-gradient(transparent,transparent) padding-box,linear-gradient(135deg,#00ffd080,#00d4ff66,#7b61ff59) border-box;box-shadow:inset 0 4px 16px #0009,inset 0 1px #00ffd014,0 0 18px #00ffd014,0 0 40px #00d4ff0d}.gallery-wrapper::-webkit-scrollbar{width:10px}.gallery-wrapper::-webkit-scrollbar-track{background:#ffffff0f;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.gallery-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00ffd059,#00d4ff40);border-radius:10px;border:1px solid rgba(0,255,208,.15)}.gallery-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#00ffd08c,#00d4ff66);box-shadow:0 0 8px #00ffd04d}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.product-card{height:440px;position:relative;background:transparent;border-radius:20px;overflow:hidden;border:1px solid rgba(0,255,208,.1);box-shadow:0 5px 10px #0006;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;display:block}.product-card:hover{transform:translateY(-10px) scale(1.02);border-color:var(--color-primary);box-shadow:0 10px 15px #0009,0 0 30px #00ffd026}.card-img-wrap{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.card-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.product-card:hover .card-img-wrap img{transform:scale(1.1)}.card-img-placeholder{width:100%;height:100%;background:radial-gradient(circle at 30% 30%,#1A4A70 0%,#0A2240 40%,var(--color-bg) 80%);display:flex;align-items:center;justify-content:center;color:var(--color-primary);font-size:5rem}.card-content{position:absolute;bottom:0;left:0;width:100%;z-index:10;padding:4rem 1.5rem 1.5rem;background:linear-gradient(to top,rgba(0,0,0,.98) 0%,rgba(0,0,0,.88) 35%,rgba(0,0,0,.45) 70%,transparent 100%)!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important;color:#fff!important}.product-title{font-size:1.5rem!important;font-weight:800!important;color:#fff!important;margin-bottom:.25rem!important;line-height:1.1!important;text-shadow:0 2px 10px rgba(0,0,0,.5)}.product-desc{font-size:.95rem!important;color:#ffffffbf!important;margin-bottom:1.25rem!important;font-weight:500!important}.card-footer{width:100%;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:flex-start!important;gap:.5rem!important;margin-top:auto}.price-container{display:flex;flex-direction:column}.product-price{font-family:var(--font-heading);font-size:1.6rem!important;font-weight:800!important;color:#00ffd0!important;line-height:1!important}.product-price.sale{color:#fc0!important}.old-price{font-size:.95rem;color:#fff6;text-decoration:line-through;font-weight:400}.view-details-btn{font-size:.9rem;font-weight:700;color:#fffc!important;transition:all .2s}.product-card:hover .view-details-btn{color:var(--color-primary)}.card-add-btn{display:none}.product-category,.discount-badge{position:absolute!important;top:1.25rem!important;left:1.25rem!important;z-index:20!important;background:#0009!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;color:#fff!important;padding:.4rem 1rem!important;border-radius:8px!important;font-size:.6rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.05em!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 4px 12px #0003}.sale-badge,.discount-badge{background:linear-gradient(45deg,#fc0,#f80)!important;color:#000!important;border:none!important}.discount-badge{left:auto!important;right:1.25rem!important}.product-title{font-size:1.25rem;margin-bottom:.5rem}.product-desc{color:var(--color-text-muted);font-size:.875rem;margin-bottom:1.5rem;flex-grow:1}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.product-price{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--color-primary)}.btn-icon{width:40px;height:40px;border-radius:50%;background:#ffffff0d;border:none;color:var(--color-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base)}.btn-icon:hover{background:var(--color-primary);color:var(--color-bg)}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#04101cd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;padding:1rem}.modal-backdrop.show{opacity:1;pointer-events:auto}.modal-content{background:linear-gradient(145deg,var(--color-surface),#030C14);border:1px solid rgba(0,255,208,.2);border-radius:20px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;position:relative;transform:scale(.9) translateY(20px);transition:transform .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 25px 50px -12px #000c,0 0 40px #00ffd01a}.modal-backdrop.show .modal-content{transform:scale(1) translateY(0)}.modal-close{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff0d;border:none;width:36px;height:36px;border-radius:50%;color:var(--color-text);font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s}.modal-close:hover{background:var(--color-primary);color:var(--color-bg);transform:rotate(90deg)}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.modal-image-wrap{position:relative;background:#030f1a80;padding:3rem 2rem;display:flex;align-items:center;justify-content:center;min-height:300px}.modal-image{width:100%;height:100%;font-size:8rem!important;background:radial-gradient(circle at 40% 40%,#1E5A8A 0%,#0D2D50 50%,var(--color-bg) 85%);box-shadow:inset -4px -4px 20px #000000b3,inset 2px 2px 24px #00ffd033;border-radius:16px}.modal-details{padding:3rem 2.5rem;display:flex;flex-direction:column}.modal-title{font-size:2rem;margin-bottom:.5rem;color:var(--color-text)}.modal-price{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--color-primary);margin-bottom:1.5rem}.modal-desc{color:var(--color-text);font-size:1.05rem;line-height:1.6;margin-top:16px;margin-bottom:2rem;flex-grow:1}.purchase-links{margin-top:30px;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.05)}.purchase-links h4{margin-bottom:1rem;color:var(--color-primary);font-weight:600}.purchase-links p{font-size:.9rem;color:var(--color-text-muted);margin-bottom:1.5rem}.platforms{display:flex;flex-direction:column;gap:.75rem}.platform-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1.5rem;border-radius:8px;font-weight:600;font-size:1rem;text-decoration:none;transition:all .2s ease;border:1px solid transparent}.platform-btn.tiktok{background:#000;color:#fff;border-color:#fff3}.platform-btn.tiktok:hover{background:#111;border-color:#25f4ee;box-shadow:0 0 15px #25f4ee4d}.platform-btn.shopee{background:#ee4d2d;color:#fff}.platform-btn.shopee:hover{background:#ff5e3a;box-shadow:0 0 15px #ee4d2d66}.platform-btn.lazada{background:#0f136d;color:#fff}.platform-btn.lazada:hover{background:#151a9a;box-shadow:0 0 15px #0f136d66}@media (max-width: 768px){.modal-content{max-width:420px!important;width:90%!important;margin:auto!important;max-height:85vh!important;border-radius:16px!important}.modal-grid{grid-template-columns:1fr}.modal-image-wrap{padding:1rem!important;min-height:160px!important;max-height:240px!important}.modal-image-wrap .product-category{top:1rem!important;left:1rem!important;padding:.3rem .75rem!important;font-size:.6rem!important}.modal-image{border-radius:10px!important}.modal-close{top:1rem!important;right:1rem!important;width:32px!important;height:32px!important;font-size:1.25rem!important}.modal-details{padding:1.25rem!important}.modal-title{font-size:1.35rem!important;margin-bottom:.35rem!important;line-height:1.25!important}.modal-price{font-size:1.25rem!important;margin-bottom:.75rem!important}.modal-desc{font-size:.875rem!important;line-height:1.5!important;margin-bottom:1rem!important;margin-top:.5rem!important}.purchase-links{padding-top:1rem!important;margin-top:.5rem!important}.purchase-links h4{font-size:.85rem!important;margin-bottom:.5rem!important}.purchase-links p{font-size:.75rem!important;margin-bottom:1rem!important}.modal-btn-login,.modal-btn-register{padding:.6rem 1rem!important;font-size:.85rem!important;gap:.5rem!important;border-radius:8px!important}.modal-btn-view-shop{padding:.65rem 1.2rem!important;font-size:.9rem!important;margin-top:.75rem!important;border-radius:10px!important;gap:.5rem!important}.modal-btn-view-shop svg{width:18px!important;height:18px!important}}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:transparent}.modal-content::-webkit-scrollbar-thumb{background:#00ffd04d;border-radius:10px}.booking{padding:2rem 0 6rem;position:relative;overflow:hidden;background-image:url();background:linear-gradient(180deg,#043035e7,#061420d9,#020c14f2)}.floating-automotive{position:absolute;z-index:1;pointer-events:none;opacity:.6;mix-blend-mode:screen;filter:drop-shadow(0 0 10px rgba(0,255,208,.4));animation:float-auto 6s ease-in-out infinite}.floating-automotive img{width:450px;height:auto;object-fit:contain;border-radius:50%}.float-left-1{top:10%;left:5%}.float-right-1{top:35%;right:5%;animation-delay:2s}.float-left-2{bottom:5%;left:15%;animation-delay:4s}@keyframes float-auto{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}to{transform:translateY(0) rotate(0)}}.booking-module{max-width:800px;margin:0 auto;position:relative;z-index:5;background:linear-gradient(145deg,#0a1e3399,#06142080);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border-radius:24px;padding:2.5rem;border:1px solid rgba(0,255,208,.08);box-shadow:0 8px 32px #0006,0 0 20px #00ffd00a}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.05)}.date-display{color:var(--color-primary);font-weight:600}.slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;margin-bottom:2rem}.slot{padding:1rem;border-radius:8px;text-align:center;border:1px solid rgba(255,255,255,.1);background:#030f1a80;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-heading);-webkit-user-select:none;user-select:none}.slot:hover:not(.reserved){border-color:var(--color-secondary);background:#00d4ff14;box-shadow:0 0 12px #00d4ff1a}.slot.active{background:linear-gradient(135deg,var(--color-primary),#00E6B8);border-color:var(--color-primary);color:var(--color-bg);font-weight:700;box-shadow:0 0 20px var(--color-primary-glow)}.slot.reserved{opacity:.3;cursor:not-allowed;background:transparent;border-color:#ffffff0d;position:relative;overflow:hidden}.slot.reserved:after{content:"";position:absolute;top:50%;left:-10%;width:120%;height:1px;background:var(--color-text-muted);transform:rotate(-15deg)}.booking-action{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.05)}#selectedSlotInfo{color:var(--color-text-muted)}.contact{padding:6rem 0;background-color:var(--color-bg-alt)}.contact-container{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem}.contact-info h2{font-size:2.5rem;margin-bottom:1rem}.contact-info p{color:var(--color-text-muted);margin-bottom:3rem;font-size:1.125rem}.contact-details{display:flex;flex-direction:column;gap:1.5rem}.info-item{display:flex;flex-direction:column}.info-item strong{color:var(--color-primary);font-family:var(--font-heading);margin-bottom:.25rem}.branches-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:start;margin-top:3rem}.branches-list{display:flex;flex-direction:column;gap:1.5rem;max-height:650px;overflow-y:auto;padding-right:15px;padding-left:5px}.branches-list::-webkit-scrollbar{width:6px}.branches-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.branches-list::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:10px}.branch-map-wrap{height:650px;box-shadow:0 25px 60px #0000004d;border:1px solid rgba(0,255,208,.2);border-radius:24px;overflow:hidden;transition:all .4s ease}.branch-name{font-size:1.3rem;margin-bottom:.75rem}.branch-card{background:linear-gradient(145deg,#0a1e3399,#081a2c73);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);padding:2rem;border-radius:20px;border:1px solid rgba(0,255,208,.1);position:relative;transition:all .3s ease;min-height:160px;cursor:pointer}.branch-card.active{border-color:var(--color-primary);background:linear-gradient(145deg,#00ffd014,#081a2c80);box-shadow:0 0 25px #00ffd01a}@media (max-width: 992px){.branches-layout{grid-template-columns:1fr;gap:2rem}.branch-map-wrap{height:400px}.branches-list{max-height:none;overflow-y:visible;padding-right:0}}.active-pin-indicator{position:absolute;left:-12px;top:50%;transform:translateY(-50%);background:var(--color-bg);border:1px solid var(--color-primary);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px var(--color-primary-glow);animation:pin-float 2s ease-in-out infinite;z-index:5}@keyframes pin-float{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-60%) scale(1.1)}}[data-theme=light] .active-pin-indicator{background:#fff}[data-theme=light] .branch-card.active{background:linear-gradient(145deg,#fff,#00ffd00d);border-color:var(--color-primary)}.branch-badge{position:absolute;top:2rem;right:2rem;padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;background:#00ffd01a;color:var(--color-primary);border:1px solid var(--color-primary-deep)}.branch-card h3{font-size:1.5rem;margin-bottom:1.25rem;color:var(--color-text)}.branch-info-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;color:var(--color-text-muted);font-size:.95rem}.branch-info-row svg{color:var(--color-primary)}.branch-map-wrap{margin-top:2rem;position:relative;border-radius:20px;overflow:hidden;border:1px solid rgba(0,255,208,.15);box-shadow:0 15px 35px #0006;filter:saturate(.8) contrast(1.1);transition:all .4s ease}.branch-map-wrap:hover{filter:saturate(1.1) contrast(1.15);border-color:var(--color-primary);transform:translateY(-5px)}.branch-map-wrap iframe{filter:invert(90%) hue-rotate(180deg) grayscale(30%);display:block}[data-theme=light] .branch-map-wrap iframe{filter:none}.contact-form{background:linear-gradient(145deg,#0a1e3399,#081a2c73);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);padding:3rem;border-radius:24px;border:1px solid rgba(0,255,208,.1);box-shadow:0 12px 40px #00000059,0 0 20px #00ffd00a}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea{width:100%;padding:1rem;background:#030f1a80;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--color-text);font-family:var(--font-body);font-size:1rem;transition:all var(--transition-base)}.form-group textarea{resize:vertical;min-height:120px}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);background:#030f1acc;box-shadow:0 0 12px #00ffd01f}.footer{background-color:#01080e;padding:0;position:relative}.footer-liquid-wave{position:relative;width:100%;height:100px;overflow:hidden;margin-top:-80px;margin-bottom:-2px;z-index:10;pointer-events:none;background:transparent}.footer-liquid-wave svg{display:block;width:200%;height:100%;animation:liquid-flow 8s ease-in-out infinite}.footer-liquid-wave .wave-back{animation:wave-morph-1 6s ease-in-out infinite alternate}.footer-liquid-wave .wave-mid{animation:wave-morph-2 5s ease-in-out infinite alternate}.footer-liquid-wave .wave-front{animation:wave-morph-3 7s ease-in-out infinite alternate}@keyframes liquid-flow{0%{transform:translate(0)}50%{transform:translate(-25%)}to{transform:translate(0)}}@keyframes wave-morph-1{0%{d:path("M0,60 C180,120 360,0 540,60 C720,120 900,0 1080,60 C1260,120 1440,0 1440,60 L1440,120 L0,120 Z")}to{d:path("M0,40 C200,100 380,10 560,50 C740,90 920,20 1100,60 C1280,100 1440,30 1440,50 L1440,120 L0,120 Z")}}@keyframes wave-morph-2{0%{d:path("M0,80 C160,20 320,100 480,60 C640,20 800,100 960,60 C1120,20 1280,100 1440,60 L1440,120 L0,120 Z")}to{d:path("M0,70 C200,110 350,30 520,70 C690,110 850,30 1020,70 C1190,110 1350,30 1440,70 L1440,120 L0,120 Z")}}@keyframes wave-morph-3{0%{d:path("M0,90 C200,40 400,110 600,70 C800,30 1000,110 1200,70 C1400,30 1440,90 1440,90 L1440,120 L0,120 Z")}to{d:path("M0,85 C150,50 350,105 550,75 C750,45 950,105 1150,75 C1350,45 1440,85 1440,85 L1440,120 L0,120 Z")}}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.25,.46,.45,.94),transform .8s cubic-bezier(.25,.46,.45,.94)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-50px);transition:opacity .8s cubic-bezier(.25,.46,.45,.94),transform .8s cubic-bezier(.25,.46,.45,.94)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(50px);transition:opacity .8s cubic-bezier(.25,.46,.45,.94),transform .8s cubic-bezier(.25,.46,.45,.94)}.reveal-right.visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transform:scale(.9);transition:opacity .8s cubic-bezier(.25,.46,.45,.94),transform .8s cubic-bezier(.25,.46,.45,.94)}.reveal-scale.visible{opacity:1;transform:scale(1)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}.reveal-delay-6{transition-delay:.6s}.footer-grid{padding:3rem 2rem 0;display:grid;grid-template-columns:2fr 1.5fr 1fr 1.5fr;gap:2rem;margin-bottom:4rem}.footer-brand p{color:#fff;margin-top:1rem;max-width:320px}.footer-contact-info{color:var(--color-text-muted);display:flex;flex-direction:column;gap:.75rem}.footer-contact-item{display:flex;align-items:center;gap:10px}.footer-links h3,.footer-newsletter h3{margin-bottom:1.5rem;color:var(--color-text)}.footer-links a{display:block;color:var(--color-text-muted);margin-bottom:.75rem}.footer-links a:hover{color:var(--color-primary)}.footer-explore-columns{display:flex;gap:2rem;flex-wrap:wrap}.footer-explore-col{min-width:120px}.footer-explore-col.col-wide{min-width:180px}[data-theme=light] .footer-links h3{color:#fff}[data-theme=light] .dropdown-selected{background:#fff;border-color:#0000001f;color:var(--color-text)}[data-theme=light] .search-wrap input,[data-theme=light] .dropdown-selected{background:#fff;border-color:#d1d5db;color:#1e293b}[data-theme=light] .cart-overlay{background:#cbd5e1b3}[data-theme=light] .cart-sidebar{background:linear-gradient(180deg,#fff,#f1f5f9);box-shadow:-10px 0 40px #64748b26;border-left:1px solid rgba(0,143,117,.15)}[data-theme=light] .cart-header{border-bottom:1px solid rgba(0,0,0,.05)}[data-theme=light] .cart-item{border-bottom-color:#0000000d!important}[data-theme=light] .cart-total{border-top:1px solid rgba(0,0,0,.1)}[data-theme=light] .cart-footer{border-top:1px solid rgba(0,0,0,.05);background:#f8fafc}[data-theme=light] .sticky-filter-bar{background:#fffffffa;border-color:#008f7533;box-shadow:0 12px 36px #0000001a}[data-theme=light] .dropdown-selected:hover,[data-theme=light] .dropdown-selected.active{background:#f8fafc;border-color:var(--color-primary)}[data-theme=light] .dropdown-options{background:#fffffffa;border-color:#008f7533;box-shadow:0 12px 36px #0000001a}[data-theme=light] .dropdown-option{color:var(--color-text);border-bottom-color:#0000000a}[data-theme=light] .dropdown-option.selected{background:#008f751f;color:var(--color-primary);font-weight:600}[data-theme=light] .product-card{background:transparent;border-color:#0000001a}@media (max-width: 768px){[data-theme=light] .card-content{background:linear-gradient(to top,rgba(0,0,0,.98) 0%,rgba(0,0,0,.85) 45%,transparent 100%)!important;color:#fff!important}}.footer-newsletter .search-wrap{background:#ffffff05}.footer-bottom{border-top:1px solid rgba(255,255,255,.05);padding:1.5rem 0;text-align:center;color:var(--color-text-muted);font-size:.875rem}.branches{padding:100px 0;background:var(--color-bg)}.branches-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.branches-info h2{font-size:3rem;margin-bottom:1.5rem;color:var(--color-text)}.branches-subtitle{color:var(--color-text-muted);font-size:1.1rem;margin-bottom:3rem;max-width:500px}.branches-details{display:flex;flex-direction:column;gap:2rem;margin-bottom:4rem}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-item strong{font-size:1.4rem;color:var(--color-primary);font-family:var(--font-heading)}.info-item span{color:var(--color-text);font-size:1.1rem}.branch-map-wrap{border-radius:24px;overflow:hidden;border:1px solid rgba(0,255,208,.15);box-shadow:0 20px 50px #0006;background:var(--color-surface)}.branches-grid{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-height:400px;overflow-y:auto;padding-right:10px}.branches-grid::-webkit-scrollbar{width:6px}.branches-grid::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}.branches-grid::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-primary-deep),var(--color-primary));border-radius:10px}.branches-grid::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.branches-map-full{grid-column:span 2;margin-top:.25rem;width:100%}@media (max-width: 992px){.hero{align-items:flex-start;padding-top:calc(var(--nav-height) + 3rem);padding-bottom:4rem}.hero-grid{grid-template-columns:1fr;gap:3rem}.branches-container{grid-template-columns:1fr;gap:3rem;padding:0 1.5rem}.branches-info h2{font-size:2.5rem;margin-bottom:2rem;text-align:left}.branches-details{margin-bottom:2rem;gap:1.5rem}.info-item strong{font-size:1.3rem;margin-bottom:.2rem}.info-item span{font-size:1rem;line-height:1.5}.branches-grid{gap:1rem}.branch-card{padding:1.5rem}.branches-map-full{grid-column:span 1;margin-top:1rem}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.menu-btn{display:block;z-index:9100;position:relative;margin-left:.5rem}.nav-links{display:flex;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#020c14fa;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);flex-direction:column;justify-content:flex-start;padding-top:18vh;align-items:center;gap:1.5rem;z-index:9000;box-shadow:0 10px 40px #00000080;transform:translateY(-100%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .4s cubic-bezier(.77,0,.175,1),opacity .35s ease,visibility .4s ease}.nav-links.open{transform:translateY(0)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}.nav-links.open .nav-link,.nav-links.open .nav-auth-buttons,.nav-links.open .nav-user-menu{animation:navItemSlide .4s cubic-bezier(.4,0,.2,1) both}.nav-links.open .nav-auth-buttons,.nav-links.open .nav-user-menu{animation-delay:.05s}.nav-links.open .nav-link:nth-child(2){animation-delay:.1s}.nav-links.open .nav-link:nth-child(3){animation-delay:.15s}.nav-links.open .nav-link:nth-child(4){animation-delay:.2s}.nav-links.open .nav-link:nth-child(5){animation-delay:.25s}.nav-links.open .nav-link:nth-child(6){animation-delay:.3s}.nav-links.open .nav-link:nth-child(7){animation-delay:.35s}@keyframes navItemSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.menu-btn.open span:nth-child(1){transform:translateY(9px) rotate(45deg)}.menu-btn.open span:nth-child(2){opacity:0;transform:scaleX(0)}.menu-btn.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.gallery-grid{grid-template-columns:repeat(2,1fr)!important;gap:1rem!important}.product-card{height:440px!important;display:block!important}.card-img-wrap{position:absolute!important;height:100%!important;top:0!important;left:0!important}.card-content{position:absolute!important;bottom:0!important;left:0!important;padding:4rem 1rem 1.25rem!important;background:linear-gradient(to top,rgba(0,0,0,.98) 0%,rgba(0,0,0,.85) 45%,rgba(0,0,0,.3) 75%,transparent 100%)!important;color:#fff!important}.card-footer{flex-direction:column!important;align-items:flex-start!important;gap:.4rem!important}.view-details-btn{display:block!important;font-size:.75rem!important;color:#ffffffb3!important;white-space:nowrap!important}.nav-link{font-size:1.5rem;color:var(--color-text)!important;font-weight:600}.nav-auth-buttons{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-top:1rem}.nav-btn-login,.nav-btn-register{font-size:1.25rem!important;padding:.8rem 2.5rem!important;color:var(--color-text)!important}.nav-btn-register{color:var(--color-bg)!important;background:var(--color-primary)!important}.hero{padding-top:calc(var(--nav-height) + 4rem)!important;min-height:auto!important;padding-bottom:4rem!important;display:flex!important;flex-direction:column!important}.hero-grid{display:flex!important;flex-direction:column!important;gap:3rem!important;text-align:center!important;width:100%!important}.hero-content{display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important;opacity:1!important;visibility:visible!important;position:relative!important;z-index:10!important}.hero-title{font-size:2.5rem!important;margin-bottom:1rem!important}.hero-subtitle{font-size:1rem!important;margin-bottom:2rem!important}.container{padding:0 1.25rem!important}.section-header{margin-bottom:2rem!important}.section-header h2{font-size:1.8rem!important}.section-header p{font-size:1rem!important}.btn{padding:.75rem 1.5rem!important;font-size:.9rem!important}.discovery-controls{flex-direction:column!important;gap:.75rem!important;padding:.75rem!important}.search-wrap,.shop-select-wrap{width:100%!important}.discovery-filters{width:100%!important;display:flex!important;gap:.5rem!important}.discovery-filters .custom-dropdown{flex:1!important;width:auto!important;min-width:0!important}.footer-grid{grid-template-columns:1fr;text-align:center;gap:3rem}.footer-brand p{margin:1rem auto 0}.footer-explore-columns{justify-content:center;flex-direction:column;align-items:center;gap:0}.footer-explore-col{min-width:unset;width:100%;text-align:center}.footer-contact-info{align-items:center}.brand-logo{display:flex;justify-content:center}.carousel-item{width:280px!important;margin:0 auto}}.booking-step{animation:booking-step-in .35s cubic-bezier(.4,0,.2,1)}@keyframes booking-step-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.booking-step-badge{display:inline-block;padding:.375rem .875rem;background:#00d4ff1a;border:1px solid rgba(0,212,255,.25);border-radius:20px;font-size:.75rem;font-weight:600;color:var(--color-secondary);letter-spacing:.02em;white-space:nowrap}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;margin-bottom:1.5rem}.service-card{background:linear-gradient(145deg,#0a1e3399,#04101ccc);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,255,208,.06),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.service-card:hover{border-color:#00ffd033;transform:translateY(-4px);box-shadow:0 8px 24px #0006,0 0 20px #00ffd00f}.service-card:hover:before{opacity:1}.service-card.active{border-color:var(--color-primary);background:linear-gradient(145deg,#00ffd014,#0a1e33cc);box-shadow:0 0 24px #00ffd01f,0 8px 24px #0006}.service-card.active:before{opacity:1}.service-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#00ffd01f,#00d4ff0f);border:1px solid rgba(0,255,208,.15);display:flex;align-items:center;justify-content:center;color:var(--color-primary);margin-bottom:1rem;transition:all .3s ease}.service-card:hover .service-icon,.service-card.active .service-icon{background:linear-gradient(135deg,var(--color-primary),#00B896);color:var(--color-bg);border-color:var(--color-primary);box-shadow:0 4px 12px var(--color-primary-glow)}.service-card h4{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;color:var(--color-text);margin-bottom:.5rem}.service-card p{font-size:.825rem;color:var(--color-text-muted);line-height:1.5;margin-bottom:.75rem}.service-duration{display:inline-block;font-size:.75rem;font-weight:600;color:var(--color-secondary);background:#00d4ff14;border:1px solid rgba(0,212,255,.15);padding:.25rem .6rem;border-radius:6px}.selected-service-display{font-size:.9rem;color:var(--color-primary);margin-top:.25rem}.btn-back{display:inline-flex;align-items:center;gap:.375rem;background:none;border:none;color:var(--color-text-muted);font-family:var(--font-body);font-size:.875rem;cursor:pointer;padding:.5rem 0;margin-top:.5rem;transition:color .2s ease}.btn-back:hover{color:var(--color-primary)}.booking-summary-bar{display:flex;align-items:center;justify-content:center;gap:1.25rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#00ffd00f,#00d4ff08);border:1px solid rgba(0,255,208,.12);border-radius:12px;margin-bottom:1.5rem;flex-wrap:wrap}.summary-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.summary-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.summary-value{font-family:var(--font-heading);font-size:.95rem;font-weight:600;color:var(--color-text)}.summary-divider{width:1px;height:32px;background:#ffffff1a}.booking-form{margin-bottom:2rem;animation:booking-step-in .35s cubic-bezier(.4,0,.2,1)}.booking-form h4{margin-bottom:1.5rem;color:var(--color-text);font-size:1.25rem}.booking-confirmation{margin-top:2rem;padding:2rem;background:linear-gradient(135deg,#00ffd014,#00d4ff0a);border:1px solid rgba(0,255,208,.25);border-radius:12px;text-align:center;box-shadow:0 0 24px #00ffd014}.booking-confirmation h3{color:var(--color-primary);margin-bottom:.5rem;text-shadow:0 0 16px rgba(0,255,208,.3)}.booking-confirm-details{margin-top:.75rem;font-size:.9rem;color:var(--color-text-muted)}#bookingCodeDisplay{font-family:var(--font-heading);font-size:1.25rem;color:var(--color-text);letter-spacing:.1em;padding:.25rem .75rem;background:#0000004d;border-radius:4px;margin-left:.5rem}@media (max-width: 768px){.services-grid{grid-template-columns:1fr 1fr}.booking-summary-bar{gap:.75rem;padding:.75rem 1rem}.summary-divider{height:1px;width:100%}.booking-summary-bar{flex-direction:column}}@media (max-width: 480px){.services-grid{grid-template-columns:1fr}}#chatbot-fab{position:fixed;bottom:2rem;right:2rem;width:64px;height:64px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--color-primary),#00B896);color:var(--color-bg);cursor:pointer;z-index:9999;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 24px var(--color-primary-glow),0 2px 8px #00000080;transition:all .3s cubic-bezier(.4,0,.2,1)}#chatbot-fab:hover{transform:scale(1.1);box-shadow:0 8px 32px var(--color-primary-glow),0 4px 12px #0009}#chatbot-fab.active{background:linear-gradient(135deg,#ff4d6a,#ff2d55);box-shadow:0 6px 24px #ff4d6a66,0 2px 8px #00000080}.chatbot-fab-icon{position:absolute;transition:all .3s ease}.chatbot-fab-icon--chat{opacity:1;transform:scale(1) rotate(0)}.chatbot-fab-icon--close{opacity:0;transform:scale(.5) rotate(-90deg)}#chatbot-fab.active .chatbot-fab-icon--chat{opacity:0;transform:scale(.5) rotate(90deg)}#chatbot-fab.active .chatbot-fab-icon--close{opacity:1;transform:scale(1) rotate(0)}.chatbot-fab-pulse{position:absolute;width:100%;height:100%;border-radius:50%;background:var(--color-primary);opacity:0;animation:chatbot-pulse 2.5s ease-out infinite;pointer-events:none}#chatbot-fab.active .chatbot-fab-pulse{animation:none;opacity:0}@keyframes chatbot-pulse{0%{transform:scale(1);opacity:.6;box-shadow:0 0 0 0 var(--color-primary-glow)}to{transform:scale(1.6);opacity:0;box-shadow:0 0 0 20px #00ffd000}}#chatbot-window{position:fixed;bottom:7.5rem;right:2rem;width:420px;max-width:calc(100vw - 3rem);height:620px;max-height:calc(100vh - 12rem);background:#081828d9;backdrop-filter:blur(32px) saturate(1.8);-webkit-backdrop-filter:blur(32px) saturate(1.8);border:1px solid rgba(0,255,208,.2);border-radius:24px;z-index:9998;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px #000c,0 0 40px #00ffd014,inset 0 1px 1px #ffffff1a;opacity:0;visibility:hidden;transform:translateY(30px) scale(.92);transform-origin:bottom right;transition:all .4s cubic-bezier(.19,1,.22,1);pointer-events:none}#chatbot-window.active{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}.chatbot-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:linear-gradient(135deg,#00ffd014,#00d4ff0a);border-bottom:1px solid rgba(0,255,208,.1);flex-shrink:0}.chatbot-header-info{display:flex;align-items:center;gap:.75rem}.chatbot-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),#00D4FF);display:flex;align-items:center;justify-content:center;padding:2px;background-clip:content-box;border:2px solid rgba(0,255,208,.3);flex-shrink:0;box-shadow:0 0 15px var(--color-primary-glow);overflow:hidden}.chatbot-title{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--color-text);letter-spacing:-.01em}.chatbot-status{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--color-text-muted)}.chatbot-status-dot{width:7px;height:7px;border-radius:50%;background:#00e676;box-shadow:0 0 6px #00e67699;animation:chatbot-status-blink 2s ease-in-out infinite}@keyframes chatbot-status-blink{0%,to{opacity:1}50%{opacity:.4}}.chatbot-close-btn{background:#ffffff0d;border:none;color:var(--color-text-muted);width:34px;height:34px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.chatbot-close-btn:hover{background:#ffffff1a;color:var(--color-text)}.chatbot-messages{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;scroll-behavior:smooth}.chatbot-messages::-webkit-scrollbar{width:5px}.cart-toggle-btn{background:transparent;border:none;color:var(--color-text);cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;padding:.5rem;transition:color var(--transition-base)}.cart-toggle-btn:hover{color:var(--color-primary)}.cart-count{position:absolute;top:0;right:0;background:#ee4d2d;color:#fff;font-size:.7rem;font-weight:700;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;transform:translate(25%,-25%)}.cart-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#04101ccc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;opacity:0;pointer-events:none;transition:opacity .3s ease}.cart-overlay.show{opacity:1;pointer-events:auto}.cart-sidebar{position:fixed;top:0;right:-100%;width:100%;max-width:420px;height:100vh;background:linear-gradient(180deg,var(--color-surface),#030C14);box-shadow:-10px 0 40px #0009;z-index:10001;display:flex;flex-direction:column;transition:right .4s cubic-bezier(.25,1,.5,1);border-left:1px solid rgba(0,255,208,.15)}.cart-sidebar.open{right:0}.cart-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.05)}.cart-header h2{font-size:1.5rem;color:var(--color-text)}.close-cart-btn{background:none;border:none;color:var(--color-text-muted);font-size:2rem;cursor:pointer;transition:color var(--transition-base)}.close-cart-btn:hover{color:var(--color-primary)}.cart-body{flex-grow:1;padding:2rem;overflow-y:auto}.empty-cart-msg{text-align:center;color:var(--color-text-muted);margin-top:2rem;font-size:1.1rem}.cart-item{display:grid;grid-template-columns:80px 1fr auto;gap:1rem;align-items:center;padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.cart-item-img{width:80px;height:80px;background:#030f1a80;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:3rem}.cart-item-info h4{font-size:1.1rem;margin-bottom:.25rem}.cart-item-price{color:var(--color-primary);font-weight:600}.cart-item-quantity{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.qty-btn{background:#ffffff1a;border:none;color:var(--color-text);width:24px;height:24px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.qty-btn:hover{background:var(--color-primary);color:var(--color-bg)}.remove-item-btn{background:none;border:none;color:#ee4d2d;cursor:pointer;padding:.5rem;transition:transform var(--transition-base)}.remove-item-btn:hover{transform:scale(1.1)}.cart-footer{padding:2rem;border-top:1px solid rgba(255,255,255,.05);background:#0003}.cart-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:1.25rem;font-weight:600}#cartTotalPrice{color:var(--color-primary);font-size:1.75rem}.cart-body::-webkit-scrollbar{width:6px}.cart-body::-webkit-scrollbar-track{background:transparent}.cart-body::-webkit-scrollbar-thumb{background:#00ffd033;border-radius:6px}.chatbot-messages::-webkit-scrollbar-track{background:transparent}.chatbot-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.chatbot-msg{display:flex;flex-direction:column;max-width:85%;animation:chatbot-msg-in .3s cubic-bezier(.4,0,.2,1)}@keyframes chatbot-msg-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chatbot-msg--bot{align-self:flex-start}.chatbot-msg--user{align-self:flex-end}.chatbot-bubble{padding:.875rem 1.125rem;border-radius:16px;font-size:.9rem;line-height:1.55;word-wrap:break-word}.chatbot-msg--bot .chatbot-bubble{background:linear-gradient(145deg,#0a1e33e6,#061420f2);color:var(--color-text);border:1px solid rgba(0,255,208,.08);border-bottom-left-radius:4px;box-shadow:0 2px 8px #0000004d}.chatbot-msg--user .chatbot-bubble{background:linear-gradient(135deg,var(--color-primary),#00B896);color:var(--color-bg);border-bottom-right-radius:4px;box-shadow:0 2px 12px var(--color-primary-glow);font-weight:500}.chatbot-time{font-size:.6875rem;color:var(--color-text-muted);margin-top:.25rem;opacity:.6}.chatbot-msg--user .chatbot-time{text-align:right;color:#020c14b3;font-weight:500}.chatbot-bubble--typing{display:flex;align-items:center;gap:.375rem;padding:1rem 1.25rem;min-width:64px}.typing-dot{width:8px;height:8px;border-radius:50%;background:var(--color-text-muted);opacity:.5;animation:typing-bounce 1.4s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.chatbot-suggestions{padding:.25rem 1.25rem;display:flex;flex-wrap:wrap;gap:.5rem;flex-shrink:0;max-height:120px;overflow-y:auto}.chatbot-suggestions:empty{padding:0}.chatbot-suggestion-btn{padding:.5rem .875rem;background:#00ffd00f;border:1px solid rgba(0,255,208,.2);border-radius:20px;color:var(--color-primary);font-size:.8rem;font-family:var(--font-body);cursor:pointer;transition:all .2s ease;white-space:nowrap}.chatbot-suggestion-btn:hover{background:#00ffd026;border-color:var(--color-primary);box-shadow:0 0 12px #00ffd026;transform:translateY(-1px)}.chatbot-input-area{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid rgba(0,255,208,.1);background:#04101c66;flex-shrink:0}#chatbot-input{flex:1;background:#0a1e3380;border:1px solid rgba(255,255,255,.1);color:var(--color-text);padding:.75rem 1rem;border-radius:12px;font-family:var(--font-body);font-size:.9rem;outline:none;transition:all .2s ease}#chatbot-input:focus{border-color:var(--color-primary);box-shadow:0 0 12px #00ffd01a}#chatbot-input::placeholder{color:var(--color-text-muted);opacity:.6}#chatbot-send{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--color-primary),#00B896);border:none;color:var(--color-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease;box-shadow:0 2px 8px var(--color-primary-glow)}#chatbot-send:hover{transform:scale(1.05);box-shadow:0 4px 16px var(--color-primary-glow)}#chatbot-send:active{transform:scale(.95)}@media (max-width: 480px){#chatbot-window{bottom:0;right:0;width:100vw;height:100vh;max-height:100vh;border-radius:0}#chatbot-fab{bottom:1.25rem;right:1.25rem;width:56px;height:56px}}.nav-auth-buttons{display:flex;align-items:center;gap:.625rem}.nav-btn-login{padding:.4rem 1rem;font-size:.875rem;font-weight:500;font-family:var(--font-body);color:var(--color-primary);border:1px solid rgba(0,255,208,.35);border-radius:6px;background:transparent;cursor:pointer;text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.nav-btn-login:hover{background:#00ffd014;border-color:var(--color-primary)}.nav-btn-register{padding:.4rem 1rem;font-size:.875rem;font-weight:600;font-family:var(--font-body);color:var(--color-bg);background:var(--color-primary);border:1px solid var(--color-primary);border-radius:6px;cursor:pointer;text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.nav-btn-register:hover{background:#00e6ba;border-color:#00e6ba;transform:translateY(-1px);box-shadow:0 4px 14px var(--color-primary-glow)}.nav-user-menu{position:relative;display:flex;align-items:center}.nav-user-btn{display:flex;align-items:center;gap:.5rem;background:#00ffd00f;border:1px solid rgba(0,255,208,.15);border-radius:8px;padding:.35rem .75rem .35rem .4rem;color:var(--color-text);cursor:pointer;font-family:var(--font-body);font-size:.875rem;font-weight:500;transition:all var(--transition-fast);white-space:nowrap}.nav-user-btn:hover{background:#00ffd01a;border-color:#00ffd04d}.nav-user-avatar{width:28px;height:28px;min-width:28px;background:linear-gradient(135deg,var(--color-primary),#00b8ff);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--color-bg)}.nav-user-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:var(--color-surface);border:1px solid rgba(0,255,208,.12);border-radius:10px;min-width:180px;padding:6px;opacity:0;pointer-events:none;transform:translateY(-8px);transition:all .18s ease;box-shadow:0 12px 36px #0006;z-index:9200}.nav-user-dropdown.open{opacity:1;pointer-events:all;transform:translateY(0)}.nav-dropdown-item{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:7px;font-size:.875rem;color:var(--color-text-muted);font-family:var(--font-body);text-decoration:none;cursor:pointer;background:none;border:none;width:100%;text-align:left;transition:background .15s,color .15s}.nav-dropdown-item:hover{background:#00ffd012;color:var(--color-primary)}.nav-dropdown-divider{height:1px;background:#ffffff0f;margin:4px 6px}.nav-dropdown-logout{color:#ff6b6b!important}.nav-dropdown-logout:hover{background:#ff6b6b14!important;color:#ff6b6b!important}#chatbot-fab{position:fixed;bottom:2rem;right:2rem;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-bg);z-index:900;box-shadow:0 4px 20px var(--color-primary-glow);transition:transform .2s ease,box-shadow .2s ease}#chatbot-fab:hover{transform:scale(1.08);box-shadow:0 6px 28px var(--color-primary-glow)}#chatbot-window{position:fixed;bottom:6rem;right:2rem;width:360px;max-height:500px;background:var(--color-surface);border:1px solid rgba(0,255,208,.15);border-radius:16px;display:flex;flex-direction:column;z-index:901;box-shadow:0 16px 48px #00000080;overflow:hidden}[data-theme=light]{--color-bg: #F4F7FB;--color-bg-alt: #E3E9F3;--color-surface: #FFFFFF;--color-surface-hover: #F8FAFC;--color-primary: #008F75;--color-primary-glow: rgba(0, 143, 117, .4);--color-primary-deep: rgba(0, 143, 117, .1);--color-secondary: #006C9A;--color-secondary-glow: rgba(0, 108, 154, .3);--color-accent: #5D43E0;--color-text: #1E293B;--color-text-muted: #5A7188}.hover-scale{transition:transform .2s ease,background .2s ease,border-color .2s ease}.hover-scale:hover{transform:scale(1.03);background:#ffffff14!important;border-color:#ffffff4d!important}[data-theme=light] .hover-scale:hover{background:#0000000a!important;border-color:#008f754d!important}[data-theme=light] body{background-image:url(/light_landing_bg.png)}[data-theme=light] .navbar{background-color:#f4f7fbd9;border-bottom:1px solid rgba(0,143,117,.15)}[data-theme=light] .navbar.scrolled{background-color:#fffffffa;box-shadow:0 4px 30px #0000000d,0 1px #008f7514}[data-theme=light] .nav-user-dropdown{background:#fff;border:1px solid rgba(0,143,117,.2);box-shadow:0 16px 48px #0000001a}[data-theme=light] .nav-dropdown-item:hover{background:#008f7514}[data-theme=light] .nav-dropdown-divider{background:#0000000f}[data-theme=light] .cd-box{background:linear-gradient(145deg,#fff,#f0f4f8);border:1px solid rgba(0,143,117,.2);box-shadow:0 4px 16px #0000000d}[data-theme=light] .discovery,[data-theme=light] .gallery{background:var(--color-bg)}[data-theme=light] .discovery-controls{background:linear-gradient(135deg,#fff,#f8fafc) padding-box,linear-gradient(135deg,#008f7580,#006c9a66) border-box;box-shadow:0 4px 16px #0000000d}[data-theme=light] .search-wrap input,[data-theme=light] .dropdown-selected{background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 12px #00000008}[data-theme=light] .dropdown-options{background:#fffffffa;border:1px solid rgba(0,143,117,.2);box-shadow:0 16px 48px #0000001a}[data-theme=light] .dropdown-option{border-bottom:1px solid rgba(0,0,0,.04)}[data-theme=light] .dropdown-option:hover{background:#008f7514}[data-theme=light] .filter-btn{border-color:#0000001a}[data-theme=light] .gallery-wrapper{background:linear-gradient(#f4f7fb,#f4f7fb) padding-box,linear-gradient(135deg,#008f7580,#006c9a66) border-box;box-shadow:0 4px 16px #0000000d}[data-theme=light] .card-img-placeholder{background:#e3e9f3;color:var(--color-primary);text-shadow:none;box-shadow:none}[data-theme=light] .product-category{background:#00000081;color:#fff}[data-theme=light] .card-footer span{border-color:var(--color-primary)!important;color:var(--color-primary)!important}[data-theme=light] .events{background:linear-gradient(180deg,var(--color-bg) 0%,#ffffff 100%)}[data-theme=light] .event-card{background:#fff;border:1px solid rgba(0,143,117,.15);box-shadow:0 8px 20px #0000000a}[data-theme=light] .event-card:hover{border-color:#008f7566;box-shadow:0 12px 30px #00000014}[data-theme=light] .event-img{background:#f0f4f8}[data-theme=light] footer{background:#01080e;border-top:1px solid rgba(0,0,0,.05)}[data-theme=light] .carousel-btn{background:#fff;border-color:#008f7533;box-shadow:0 4px 12px #0000000d}.menu-btn span{background-color:var(--color-primary)!important}@media (max-width: 992px){[data-theme=light] .nav-links{background-color:#fff!important;box-shadow:-5px 0 25px #0000001a;border-left:1px solid rgba(0,143,117,.1)}[data-theme=light] .nav-link{color:var(--color-text)!important}[data-theme=light] .nav-link:hover{color:var(--color-primary)!important;background:#008f750d}}[data-theme=light] .hero-subtitle{color:#4a5568}[data-theme=light] .badge{background:linear-gradient(135deg,#ff88001f,#fcff611f)!important;border-color:#f806!important;color:#c05621!important;text-shadow:none!important}[data-theme=light] .cd-box{background:#fff;border:1px solid rgba(0,143,117,.15);box-shadow:0 4px 16px #0000000a,inset 0 1px #ffffffe6}[data-theme=light] .cd-val{color:#1a202c}[data-theme=light] .cd-lbl{color:#718096}[data-theme=light] .shape-1{background:radial-gradient(circle,rgba(0,212,255,.15) 0%,rgba(123,97,255,.08) 50%,transparent 70%)}[data-theme=light] .shape-2{background:radial-gradient(circle,rgba(0,255,208,.15) 0%,rgba(0,212,255,.08) 60%,transparent 80%)}[data-theme=light] .modal-backdrop{background:#f1f5f9d9}[data-theme=light] .modal-content{background:#fff;border:1px solid rgba(0,143,117,.15);box-shadow:0 25px 60px -12px #0000001a,0 0 40px #008f750d}[data-theme=light] .modal-close{background:#f1f5f9;color:#64748b}[data-theme=light] .modal-close:hover{background:var(--color-primary);color:#fff}[data-theme=light] .modal-image-wrap{background:#f8fafc}[data-theme=light] .modal-image{background:radial-gradient(circle at 40% 40%,#e2e8f0,#f1f5f9 50%,#fff 85%);box-shadow:inset -4px -4px 20px #00000008,inset 2px 2px 24px #008f750d;color:var(--color-primary)}[data-theme=light] .modal-desc{color:#475569}[data-theme=light] .purchase-links{border-top-color:#0000000d}.modal-btn-login,.modal-btn-register{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.8rem 1.5rem;border-radius:10px;font-weight:700;font-size:.95rem;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);flex:1}.modal-btn-login{background:var(--color-primary);color:var(--color-bg)!important;box-shadow:0 4px 15px var(--color-primary-glow)}.modal-btn-register{background:#ffffff0f;color:var(--color-text);border:1px solid rgba(255,255,255,.12)}.modal-btn-register:hover{background:#ffffff1a;transform:translateY(-1px)}[data-theme=light] .modal-btn-login{background:var(--color-primary);color:#fff!important}[data-theme=light] .modal-btn-register{background:#f8fafc;color:#334155;border:1px solid #e2e8f0;box-shadow:0 2px 4px #00000005}[data-theme=light] .modal-btn-register:hover{background:#f1f5f9;border-color:#cbd5e1}.modal-btn-view-shop{display:flex;align-items:center;justify-content:center;gap:.65rem;width:100%;margin-top:1.25rem;padding:.9rem 1.5rem;border-radius:12px;font-weight:700;font-size:1rem;letter-spacing:.02em;text-decoration:none;color:var(--color-bg);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);box-shadow:0 4px 20px var(--color-primary-glow),0 0 0 0 var(--color-primary-glow);border:1px solid rgba(0,255,208,.2);transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s cubic-bezier(.4,0,.2,1),background .22s ease;cursor:pointer;position:relative;overflow:hidden}.modal-btn-view-shop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.12) 50%,transparent 70%);transform:translate(-100%);transition:transform .5s ease}.modal-btn-view-shop:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--color-primary-glow),0 0 0 3px #00ffd01f;background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-primary) 100%)}.modal-btn-view-shop:hover:after{transform:translate(100%)}.modal-btn-view-shop:active{transform:translateY(0);box-shadow:0 4px 15px var(--color-primary-glow)}[data-theme=light] .modal-btn-view-shop{color:#fff;background:linear-gradient(135deg,#008f75,#006c9a);box-shadow:0 4px 20px #008f7559;border-color:#008f754d}[data-theme=light] .modal-btn-view-shop:hover{box-shadow:0 8px 30px #008f7573,0 0 0 3px #008f751f;background:linear-gradient(135deg,#006c9a,#008f75)}.price-original{color:#fff6}[data-theme=light] .price-original{color:#94a3b8}[data-theme=light] .product-image{background:#f8fafc!important}[data-theme=light] .branches{background:var(--color-bg)}[data-theme=light] .branch-card{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 20px #0000000d}[data-theme=light] .branch-card:hover{border-color:var(--color-primary);background:#f8fafc;box-shadow:0 10px 30px #00000014}[data-theme=light] .branch-card.active{background:#fff;border-color:var(--color-primary);box-shadow:0 0 25px #008f751a}[data-theme=light] .branch-card h3{color:#1e293b}[data-theme=light] .info-item span{color:#475569}[data-theme=light] .branch-info-row{color:#64748b}[data-theme=light] .branch-badge{background:#008f7514;color:#008f75;border-color:#008f7533}[data-theme=light] .branch-map-wrap{border-color:#e2e8f0;box-shadow:0 10px 30px #0000000d}[data-theme=light] #chatbot-window{background:#ffffffe6;border-color:#008f7533;box-shadow:0 24px 80px #00000026,0 0 40px #008f750d}[data-theme=light] .chatbot-header{background:linear-gradient(135deg,#008f7514,#006c9a0a);border-bottom-color:#008f751a}[data-theme=light] .chatbot-msg--bot .chatbot-bubble{background:#fff;color:#1e293b;border-color:#e2e8f0;box-shadow:0 4px 12px #0000000d}[data-theme=light] .chatbot-time{color:#64748b}[data-theme=light] .chatbot-msg--user .chatbot-time{color:#00000073}[data-theme=light] .chatbot-input-area{background:#f4f7fbcc;border-top-color:#008f751a}[data-theme=light] #chatbot-input{background:#fff;border-color:#e2e8f0;color:#1e293b}[data-theme=light] #chatbot-input:focus{border-color:var(--color-primary);box-shadow:0 0 10px #008f7526}[data-theme=light] .chatbot-suggestion-btn{background:#008f7514;border-color:#008f7533;color:#008f75}[data-theme=light] .chatbot-suggestion-btn:hover{background:#008f7526;border-color:#008f75}[data-theme=light] .typing-dot{background:#5a7188}[data-theme=light] .mobile-bottom-nav{background:#fffffff2;border-top:1px solid rgba(0,143,117,.15);box-shadow:0 -4px 20px #0000000d}[data-theme=light] .mobile-bottom-nav .nav-item.active{background:#008f751a}[data-theme=light] .navbar{background-color:#fffc!important;border-bottom-color:#008f751a}[data-theme=light] .navbar.scrolled{background-color:#fffffff2!important;box-shadow:0 4px 30px #0000000d,0 1px #008f750d}[data-theme=light] .nav-link{color:#1e293b}[data-theme=light] .nav-link:hover,[data-theme=light] .nav-link.active,[data-theme=light] .nav-dropdown-group.active .nav-dropdown-toggle{color:var(--color-primary)}[data-theme=light] .nav-submenu{background:#fffffff2;border-bottom:1px solid rgba(0,143,117,.1);box-shadow:0 20px 40px #0000001a}[data-theme=light] .nav-submenu-link{color:#1e293b}[data-theme=light] .nav-submenu-link:hover{background:#008f750d;color:var(--color-primary)}[data-theme=light] .nav-user-btn{color:#1e293b;background:#008f750d}[data-theme=light] .nav-user-dropdown{background:#fff;border-color:#008f751a;box-shadow:0 10px 40px #0000001a}[data-theme=light] .nav-dropdown-item{color:#475569}[data-theme=light] .nav-dropdown-item:hover{background:#008f750d;color:var(--color-primary)}[data-theme=light] .nav-btn-theme{color:#475569;background:#0000000d}[data-theme=light] .nav-btn-theme:hover{background:#008f751a;color:var(--color-primary)}[data-theme=light] .landing-hero{background:radial-gradient(circle at 70% 30%,rgba(0,184,167,.08) 0%,transparent 60%)}[data-theme=light] .hero-title{color:#1a202c}[data-theme=light] .hero-desc{color:#4a5568}[data-theme=light] .hero-category{background:#00b8a780;border:solid rgba(0,255,208,.3);color:#fff}[data-theme=light] .mouse{border-color:#a0aec0}[data-theme=light] .features-section{background:linear-gradient(180deg,transparent 0%,rgba(0,184,167,.03) 50%,transparent 100%)}[data-theme=light] .feature-card{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 20px #0000000a}[data-theme=light] .feature-card:hover{background:#fff;box-shadow:0 20px 40px #00000014,0 0 25px #00b8a71a}[data-theme=light] .feature-card h3{color:#1a202c}[data-theme=light] .feature-card p{color:#4a5568}[data-theme=light] .compatibility-finder-card{background:#fff!important;border-color:#e2e8f0!important;box-shadow:0 25px 50px -12px #00000014!important}[data-theme=light] .lubricants-page-bg{background:#f8fafc!important}[data-theme=light] .compatibility-finder-title{color:#1a202c!important}[data-theme=light] .compatibility-finder-desc{color:#4a5568!important}@media (max-width: 768px){.gallery-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.carousel-item{width:180px!important}.product-card{height:320px!important;border-radius:12px!important}.card-img-wrap{position:absolute!important;height:100%!important;padding:0!important}.card-content{position:absolute!important;padding:2rem .75rem .75rem!important;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.8) 40%,transparent 100%)!important}.product-title{font-size:.9rem!important;margin-bottom:.1rem!important}.product-desc{font-size:.7rem!important;margin-bottom:.4rem!important}.product-price{font-size:1.1rem!important}.old-price{font-size:.7rem!important}.card-add-btn,.view-details-btn{padding:.35rem .7rem!important;font-size:.7rem!important}}.best-sellers-section{position:relative;overflow:hidden;transition:background-color var(--transition-base)}.bestseller-shapes{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.bestseller-shape{position:absolute;border-radius:50%;filter:blur(120px);opacity:.45;transition:all 1s ease}.bestseller-shape-1{width:400px;height:400px;background:radial-gradient(circle,rgba(0,255,208,.25) 0%,rgba(0,212,255,.08) 60%,transparent 80%);top:-100px;left:-100px}.bestseller-shape-2{width:500px;height:500px;background:radial-gradient(circle,rgba(123,97,255,.2) 0%,rgba(0,212,255,.05) 60%,transparent 80%);bottom:-150px;right:-100px}.bestseller-badge-pill{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.15em;color:var(--color-primary);background:var(--color-primary-deep);padding:.5rem 1.25rem;border-radius:50px;border:1px solid rgba(0,255,208,.25);box-shadow:0 0 15px #00ffd014;margin-bottom:.75rem;display:inline-flex;align-items:center;gap:6px;transition:all .3s ease}.bestseller-badge-pill:hover{box-shadow:0 0 25px var(--color-primary-glow);border-color:#00ffd080;transform:scale(1.02)}.bestseller-heading-gradient{font-size:3.5rem;font-weight:900;letter-spacing:-.03em;margin:0;background:linear-gradient(135deg,#ffffff 40%,var(--color-primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative;z-index:100;text-shadow:0 0 35px rgba(0,255,208,.15)}[data-theme=light] .bestseller-heading-gradient{background:linear-gradient(135deg,#020c14 40%,#008f75);-webkit-background-clip:text;background-clip:text;text-shadow:none}.bestseller-card{display:flex!important;flex-direction:column!important;width:280px;height:440px;background:#0a1e3373!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1.5px solid rgba(0,255,208,.1)!important;border-radius:24px!important;padding:1.25rem!important;transition:all .4s cubic-bezier(.25,.8,.25,1)!important;box-shadow:0 10px 30px #00000040!important;position:relative;overflow:hidden;cursor:pointer;flex-shrink:0}.bestseller-card:after{content:"";position:absolute;top:0;left:-150%;width:125%;height:100%;background:linear-gradient(to right,#fff0,#ffffff14 30%,#ffffff2e 40%,#fff0);transform:skew(-25deg);transition:.75s ease;pointer-events:none;z-index:5}.bestseller-card:hover{transform:translateY(-12px) scale(1.025)!important;border-color:var(--color-primary)!important;box-shadow:0 20px 45px #00000073,0 0 30px #00ffd02e!important}.bestseller-card.is-active{border-color:var(--color-primary)!important;box-shadow:0 20px 45px #00000073,0 0 30px #00ffd02e!important}.bestseller-card:hover:after{left:150%}.bestseller-card-img-frame{width:100%;height:310px;background:linear-gradient(135deg,#fff,#f4f6f9);border-radius:18px;display:flex;align-items:center;justify-content:center;padding:1.25rem;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #0000000a,0 4px 12px #0000000d;transition:height .35s cubic-bezier(.25,.8,.25,1),background .4s ease}.bestseller-card:hover .bestseller-card-img-frame,.bestseller-card.is-active .bestseller-card-img-frame{height:170px}.bestseller-card-img-frame img{max-height:100%;max-width:100%;object-fit:contain;transition:transform .5s cubic-bezier(.25,.8,.25,1)}.bestseller-card:hover .bestseller-card-img-frame img,.bestseller-card.is-active .bestseller-card-img-frame img{transform:scale(1.08) rotate(3deg)}.bestseller-card-img-placeholder{font-size:4rem;color:#cbd5e1;display:flex;align-items:center;justify-content:center}.bestseller-original-title-wrap{display:flex;justify-content:center;align-items:center;text-align:center;padding-top:1rem;transition:all .35s cubic-bezier(.25,.8,.25,1);opacity:1;transform:translateY(0);height:60px}.bestseller-original-title{font-size:1.25rem;font-weight:800;color:var(--color-text);line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}[data-theme=light] .bestseller-original-title{color:#1e293b}.bestseller-card:hover .bestseller-original-title-wrap,.bestseller-card.is-active .bestseller-original-title-wrap{opacity:0;transform:translateY(-10px);height:0;padding:0;pointer-events:none;overflow:hidden}.bestseller-card-details-wrap{display:flex;flex-direction:column;padding-top:.75rem;transition:all .35s cubic-bezier(.25,.8,.25,1);opacity:0;transform:translateY(20px);height:0;overflow:hidden;pointer-events:none}.bestseller-card:hover .bestseller-card-details-wrap,.bestseller-card.is-active .bestseller-card-details-wrap{opacity:1;transform:translateY(0);height:200px;overflow:visible;pointer-events:auto}.bestseller-product-brand{font-size:.85rem;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}[data-theme=light] .bestseller-product-brand{color:#008f75}.bestseller-product-title{font-size:1.1rem;font-weight:800;color:var(--color-text);margin-bottom:12px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:2.64rem}[data-theme=light] .bestseller-product-title{color:#1e293b}.bestseller-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.08)}[data-theme=light] .bestseller-card-footer{border-top:1px solid rgba(0,0,0,.08)}.bestseller-price-wrapper{display:flex;flex-direction:column;gap:1px}.bestseller-price-label{font-size:.75rem;color:var(--color-text-muted);text-transform:capitalize;font-weight:600}.bestseller-price{font-family:var(--font-heading);font-size:1.4rem;font-weight:900;color:var(--color-primary);line-height:1}[data-theme=light] .bestseller-price{color:#008f75}.bestseller-action-btn{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),#00d6b0);color:var(--color-bg);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 14px var(--color-primary-glow)}.bestseller-action-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px var(--color-primary-glow);background:linear-gradient(135deg,#00ffe0,var(--color-primary))}[data-theme=light] .bestseller-card{background:#ffffffb3!important;border:1px solid rgba(0,143,117,.12)!important;box-shadow:0 10px 30px #0000000a!important}[data-theme=light] .bestseller-card:hover,[data-theme=light] .bestseller-card.is-active{border-color:var(--color-primary)!important;box-shadow:0 15px 35px #008f751f,0 0 20px #00ffd014!important}[data-theme=light] .bestseller-card-img-frame{background:#fff;box-shadow:inset 0 2px 6px #00000005,0 2px 8px #00000008}[data-theme=light] .bestseller-action-btn{background:linear-gradient(135deg,var(--color-primary),#00b392);box-shadow:0 4px 12px #00ffd040}[data-theme=light] .bestseller-action-btn:hover{background:linear-gradient(135deg,#00ffd0,var(--color-primary));box-shadow:0 6px 18px #00ffd066}@media (max-width: 768px){.bestseller-card{width:190px!important;height:320px!important;padding:.85rem!important;border-radius:18px!important}.bestseller-card-img-frame{height:210px!important;border-radius:14px!important;padding:.75rem!important}.bestseller-card:hover .bestseller-card-img-frame,.bestseller-card.is-active .bestseller-card-img-frame{height:120px!important}.bestseller-original-title-wrap{height:44px!important;padding-top:.6rem!important}.bestseller-original-title{font-size:.9rem!important}.bestseller-product-title{font-size:.8rem!important}.bestseller-product-brand{font-size:.65rem!important}.bestseller-price{font-size:1rem!important}.bestseller-action-btn{width:36px!important;height:36px!important}.bestseller-card>div[style*="top: 14px"]{font-size:.65rem!important;padding:3px 8px!important}}