:root{--bg-primary:#0a0a0a;--bg-secondary:#111111;--bg-card:#161616;--bg-card-hover:#1a1a1a;--green-primary:#00cc44;--green-dark:#009933;--green-glow:rgba(0,204,68,0.3);--green-faint:rgba(0,204,68,0.08);--text-primary:#f0f0f0;--text-secondary:#999999;--text-muted:#666666;--border-color:#222222;--border-green:rgba(0,204,68,0.2);--danger:#cc0000;--font-main:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--font-heading:'Oswald','Inter',sans-serif;--max-width:1280px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--green-primary);text-decoration:none;transition:color 0.3s}a:hover{color:#33dd66}img{max-width:100%;height:auto}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes pulseGlow{0%,100%{box-shadow:0 0 5px var(--green-glow)}50%{box-shadow:0 0 20px var(--green-glow),0 0 40px rgba(0,204,68,0.1)}}@keyframes scaleIn{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease,transform 0.6s ease}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.top-bar{background:var(--green-dark);padding:8px 0;font-size:0.75rem;letter-spacing:1px;text-transform:uppercase;color:#fff}.top-bar-inner{display:flex;justify-content:space-between;align-items:center}.top-bar a{color:#fff;font-weight:600}.top-bar a:hover{color:#ccc}.site-header{background:var(--bg-secondary);position:sticky;top:0;z-index:100}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;max-width:var(--max-width);margin:0 auto;gap:24px}.logo{display:flex;align-items:center;flex-shrink:0}.logo-img{height:120px;width:auto}.header-search{flex:1;max-width:500px;display:flex;border:1px solid var(--border-color);overflow:hidden;transition:border-color 0.3s}.header-search:focus-within{border-color:var(--green-primary)}.header-search input{flex:1;padding:10px 16px;background:var(--bg-primary);border:none;color:var(--text-primary);font-family:var(--font-main);font-size:0.85rem;outline:none}.search-btn{padding:10px 20px;background:var(--green-primary);border:none;color:#000;font-family:var(--font-heading);font-size:0.8rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:background 0.3s}.search-btn:hover{background:#33dd66}.header-actions{display:flex;gap:24px}.header-action-link{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--text-secondary);font-size:0.7rem;text-transform:uppercase;letter-spacing:1px;transition:color 0.3s}.header-action-link:hover{color:var(--green-primary)}.header-icon{font-size:1.3rem}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer}.main-nav{background:var(--bg-primary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.nav-links{display:flex;gap:0;list-style:none;justify-content:center}.nav-links li a{display:block;padding:12px 20px;color:var(--text-secondary);font-size:0.8rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;transition:all 0.3s;border-bottom:2px solid transparent}.nav-links li a:hover,.nav-links li a.active{color:var(--green-primary);border-bottom-color:var(--green-primary)}.nav-dropdown{position:relative}.nav-arrow{font-size:0.6rem;margin-left:4px;transition:transform 0.3s;display:inline-block}.nav-dropdown:hover .nav-arrow{transform:rotate(180deg)}.nav-dropdown-menu{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;min-width:200px;padding:8px 0;box-shadow:0 12px 32px rgba(0,0,0,0.4);z-index:1000;max-height:400px;overflow-y:auto}.nav-dropdown:hover .nav-dropdown-menu{display:block}.nav-dropdown-menu a{display:block;padding:10px 20px;color:var(--text-secondary);font-size:0.8rem;font-weight:500;letter-spacing:1px;text-transform:uppercase;transition:all 0.2s;white-space:nowrap}.nav-dropdown-menu a:hover{color:var(--green-primary);background:rgba(0,255,102,0.06);padding-left:24px}.nav-dropdown-menu a:first-child{border-bottom:1px solid var(--border-color);margin-bottom:4px;padding-bottom:12px}.nav-dropdown-menu::-webkit-scrollbar{width:4px}.nav-dropdown-menu::-webkit-scrollbar-track{background:transparent}.nav-dropdown-menu::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.catalog-toggle-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:8px}.btn-browse-catalog{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,rgba(0,204,68,0.12),rgba(0,204,68,0.04));border:1px solid rgba(0,204,68,0.3);border-radius:8px;color:var(--green-primary);font-family:var(--font-heading);font-size:0.8rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;transition:all 0.3s;white-space:nowrap}.btn-browse-catalog:hover{background:var(--green-primary);color:#000;border-color:var(--green-primary);transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,204,68,0.25)}.browse-icon{font-size:1rem}.browse-count{font-size:0.65rem;font-weight:500;letter-spacing:0.5px;opacity:0.7;background:rgba(0,0,0,0.2);padding:2px 8px;border-radius:10px}.btn-browse-catalog:hover .browse-count{background:rgba(0,0,0,0.15);opacity:1}.hero{background:linear-gradient(135deg,#0d1a0f 0%,var(--bg-primary) 40%,#0a1a0d 100%);padding:60px 24px;position:relative;overflow:hidden;min-height:360px;display:flex;align-items:center}.hero::after{content:'';position:absolute;top:50%;right:8%;transform:translateY(-50%);width:420px;height:420px;background:url('../img/icon.png') center/contain no-repeat;opacity:0.12;pointer-events:none;z-index:0}.hero::before{content:'';position:absolute;top:0;right:0;width:50%;height:100%;background:radial-gradient(circle at 70% 50%,var(--green-glow) 0%,transparent 60%);pointer-events:none}.hero-content{max-width:var(--max-width);margin:0 auto;padding:0 24px;position:relative;text-align:left;z-index:1;animation:slideInLeft 0.8s ease}.hero h1{font-family:var(--font-heading);font-size:3.5rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;line-height:1.1;margin-bottom:20px}.hero h1 span{color:var(--green-primary)}.hero p{color:var(--text-secondary);font-size:1.1rem;max-width:500px;margin-bottom:32px;animation:fadeIn 1s ease 0.3s both}.hero-btns{display:flex;gap:16px;animation:fadeInUp 0.8s ease 0.5s both}.btn{display:inline-block;padding:14px 36px;font-family:var(--font-heading);font-size:0.85rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;border:none;cursor:pointer;transition:all 0.3s}.btn-primary{background:var(--green-primary);color:#000}.btn-primary:hover{background:#33dd66;color:#000;box-shadow:0 0 20px var(--green-glow);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--green-primary);border:1px solid var(--green-primary)}.btn-outline:hover{background:var(--green-faint);box-shadow:0 0 20px var(--green-glow);transform:translateY(-2px)}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.category-card{background:var(--bg-card);border:1px solid var(--border-color);padding:40px 24px;text-align:center;color:var(--text-primary);transition:all 0.4s;display:block}.category-card:hover{border-color:var(--green-primary);transform:translateY(-6px);box-shadow:0 12px 32px rgba(0,0,0,0.4),0 0 20px var(--green-glow);color:var(--text-primary)}.category-icon{font-size:2.5rem;margin-bottom:16px}.category-card h3{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px}.category-link{font-size:0.8rem;color:var(--green-primary);letter-spacing:1px;text-transform:uppercase;font-weight:500}.section{padding:48px 24px}.section-dark{background:var(--bg-secondary)}.section-title{font-family:var(--font-heading);font-size:2rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;text-align:center;margin-bottom:12px}.section-title span{color:var(--green-primary)}.section-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:48px;font-size:0.95rem}.filters{display:flex;justify-content:center;gap:12px;margin-bottom:40px;flex-wrap:wrap}.filter-btn{padding:10px 24px;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);font-family:var(--font-heading);font-size:0.8rem;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all 0.3s}.filter-btn:hover,.filter-btn.active{border-color:var(--green-primary);color:var(--green-primary);background:var(--green-faint)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;max-width:var(--max-width);margin:0 auto}.product-card{background:var(--bg-card);border:1px solid var(--border-color);overflow:hidden;transition:all 0.4s;cursor:pointer}.product-card:hover{border-color:var(--border-green);transform:translateY(-6px);box-shadow:0 12px 32px rgba(0,0,0,0.4),0 0 20px var(--green-glow)}.product-image{width:100%;height:240px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s}.product-card:hover .product-image img{transform:scale(1.05)}.product-image-placeholder{color:var(--text-muted);font-size:3rem}.product-badge{position:absolute;top:12px;left:12px;background:var(--green-primary);color:#000;padding:4px 12px;font-family:var(--font-heading);font-size:0.7rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.out-of-stock-badge{background:var(--danger);color:#fff}.product-info{padding:20px}.product-category{font-size:0.7rem;color:var(--green-primary);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}.product-name{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;margin-bottom:8px;letter-spacing:0.5px}.product-description{font-size:0.85rem;color:var(--text-secondary);margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-footer{display:flex;align-items:center;justify-content:space-between}.product-price{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--green-primary)}.product-action{padding:8px 16px;background:transparent;border:1px solid var(--green-primary);color:var(--green-primary);font-family:var(--font-heading);font-size:0.75rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all 0.3s}.product-action:hover{background:var(--green-primary);color:#000}.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.85);z-index:2000;align-items:center;justify-content:center;padding:24px}.modal-overlay.active{display:flex}.modal{background:var(--bg-card);border:1px solid var(--border-color);max-width:700px;width:100%;max-height:90vh;overflow-y:auto;animation:scaleIn 0.3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.modal-close{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;transition:color 0.3s}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:24px}.modal-image{width:100%;height:300px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;margin-bottom:24px}.modal-price{font-family:var(--font-heading);font-size:2rem;color:var(--green-primary);margin-bottom:16px}.modal-desc{color:var(--text-secondary);line-height:1.8;margin-bottom:24px}.modal-stock{display:inline-block;padding:6px 14px;font-size:0.75rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:24px}.in-stock{background:var(--green-faint);color:var(--green-primary);border:1px solid var(--border-green)}.out-of-stock{background:rgba(204,0,0,0.1);color:var(--danger);border:1px solid rgba(204,0,0,0.2)}.btn-inquire{width:100%;padding:16px;text-align:center}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:var(--max-width);margin:0 auto}.feature-card{background:var(--bg-card);border:1px solid var(--border-color);padding:40px 32px;text-align:center;transition:all 0.4s}.feature-card:hover{border-color:var(--border-green);transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.3)}.feature-icon{font-size:2.5rem;margin-bottom:20px}.feature-title{font-family:var(--font-heading);font-size:1rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px}.feature-desc{font-size:0.85rem;color:var(--text-secondary);line-height:1.7}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;max-width:var(--max-width);margin:0 auto}.about-tagline{color:var(--green-primary);font-size:0.85rem;letter-spacing:3px;text-transform:uppercase;margin-bottom:20px;font-weight:600}.about-text{color:var(--text-secondary);font-size:0.95rem;line-height:1.8;margin-bottom:16px}.about-image{overflow:hidden;border:1px solid var(--border-color)}.about-image img{width:100%;height:400px;object-fit:cover}.about-placeholder{background:linear-gradient(135deg,#0d1a0f,var(--bg-primary));height:400px;display:flex;align-items:center;justify-content:center}.about-logo-large{font-family:var(--font-heading);font-size:3rem;font-weight:700;letter-spacing:6px;text-align:center;color:var(--green-primary);text-transform:uppercase;line-height:1.2}.contact-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;max-width:var(--max-width);margin:0 auto}.contact-form{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group label{display:block;font-size:0.75rem;color:var(--text-secondary);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:6px;font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-main);font-size:0.9rem;transition:border-color 0.3s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--green-primary);box-shadow:0 0 10px rgba(0,204,68,0.1)}.form-group textarea{min-height:120px;resize:vertical}.contact-info h3{font-family:var(--font-heading);font-size:1.3rem;letter-spacing:2px;text-transform:uppercase;margin-bottom:24px}.contact-detail{display:flex;gap:12px;margin-bottom:20px;color:var(--text-secondary);font-size:0.9rem}.contact-detail span:first-child{color:var(--green-primary);min-width:24px}.contact-social{display:flex;gap:12px;margin-top:24px}.social-link{padding:8px 16px;border:1px solid var(--border-color);color:var(--text-secondary);font-size:0.8rem;letter-spacing:1px;transition:all 0.3s}.social-link:hover{border-color:var(--green-primary);color:var(--green-primary)}.newsletter{background:var(--green-dark);padding:60px 24px}.newsletter-inner{text-align:center;max-width:600px;margin:0 auto}.newsletter h3{font-family:var(--font-heading);font-size:1.5rem;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;color:#fff}.newsletter p{color:rgba(255,255,255,0.8);margin-bottom:24px}.newsletter-form{display:flex;gap:0;max-width:450px;margin:0 auto}.newsletter-form input{flex:1;padding:14px 16px;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.3);color:#fff;font-family:var(--font-main);font-size:0.9rem}.newsletter-form input::placeholder{color:rgba(255,255,255,0.6)}.newsletter-form input:focus{outline:none;border-color:#fff}.newsletter-form .btn{background:#fff;color:var(--green-dark)}.newsletter-form .btn:hover{background:#f0f0f0;box-shadow:none;transform:none}.site-footer{background:var(--bg-secondary);padding:60px 24px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid var(--border-color)}.footer-brand{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:4px}.footer-tagline{color:var(--green-primary);font-size:0.7rem;letter-spacing:3px;text-transform:uppercase;margin-bottom:16px}.footer-ffl{color:var(--text-muted);font-size:0.8rem}.footer-links-col h4{font-family:var(--font-heading);font-size:0.85rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;color:var(--text-primary)}.footer-links-col ul{list-style:none}.footer-links-col li{margin-bottom:10px}.footer-links-col a{color:var(--text-secondary);font-size:0.85rem;transition:color 0.3s}.footer-links-col a:hover{color:var(--green-primary)}.footer-links-col li:not(:has(a)){color:var(--text-secondary);font-size:0.85rem}.footer-bottom{padding:20px 0;text-align:center}.footer-bottom p{color:var(--text-muted);font-size:0.8rem}@media (max-width:968px){.category-grid{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr;gap:32px}.contact-grid{grid-template-columns:1fr;gap:32px}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}}@media (max-width:768px){.mobile-menu-btn{display:block}.header-search{display:none}.header-actions{display:none}.main-nav{display:none}.main-nav.open{display:block;position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border-bottom:1px solid var(--border-color);z-index:99}.main-nav.open .nav-links{flex-direction:column}.main-nav.open .nav-links li a{padding:14px 24px;border-bottom:1px solid var(--border-color)}.nav-dropdown:hover .nav-dropdown-menu{display:none}.nav-dropdown.open .nav-dropdown-menu{display:block}.nav-dropdown-menu{position:static;transform:none;box-shadow:none;border:none;border-radius:0;background:rgba(0,0,0,0.2);max-height:300px}.nav-dropdown-menu a{padding:12px 40px}.logo-img{height:70px}.hero{padding:40px 24px;min-height:auto}.hero h1{font-size:2.2rem}.hero::after{width:200px;height:200px;right:5%;opacity:0.08}.category-grid{grid-template-columns:repeat(2,1fr);gap:16px}.category-card{padding:24px 16px}.features-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.form-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.top-bar-inner{flex-direction:column;gap:4px;text-align:center}}@keyframes marqueeScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.marquee-strip{background:var(--bg-secondary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);overflow:hidden;padding:16px 0;position:relative}.marquee-strip::before,.marquee-strip::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}.marquee-strip::before{left:0;background:linear-gradient(to right,var(--bg-secondary),transparent)}.marquee-strip::after{right:0;background:linear-gradient(to left,var(--bg-secondary),transparent)}.marquee-track{display:flex;width:max-content;white-space:nowrap;animation:marqueeScroll 30s linear infinite}.marquee-track:hover{animation-play-state:paused}.marquee-content{display:flex;align-items:center;gap:0;flex-shrink:0;white-space:nowrap}.marquee-item{font-family:var(--font-heading);font-size:1rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--text-primary);white-space:nowrap;padding:0 20px;transition:color 0.3s}.marquee-item:hover{color:var(--green-primary)}.marquee-icon{margin-right:8px;font-size:1.1rem}.marquee-dot{color:var(--green-primary);font-size:0.6rem;opacity:0.6}@media (max-width:768px){.marquee-item{font-size:0.8rem;letter-spacing:2px;padding:0 14px}.marquee-track{animation-duration:20s}}.video-carousel-section{background:var(--bg-primary);padding:24px 0 16px;border-bottom:1px solid var(--border-color)}.vid-carousel{position:relative;width:220px;max-width:50vw;aspect-ratio:9/16;border-radius:16px;overflow:hidden;border:2px solid var(--border-color);background:#000;flex-shrink:0}.vid-carousel video{width:100%;height:100%;object-fit:cover;display:block}.vid-counter{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.7);padding:3px 12px;border-radius:12px;font-size:0.7rem;color:var(--text-secondary);letter-spacing:1px}.vid-nav{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);width:44px;height:44px;border-radius:50%;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s;flex-shrink:0}.vid-nav:hover{border-color:var(--green-primary);color:var(--green-primary);background:var(--green-faint)}.vid-thumbs{display:flex;justify-content:center;gap:8px;margin-top:12px}.vid-thumb{width:32px;height:32px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:var(--text-muted);cursor:pointer;transition:all 0.3s}.vid-thumb:hover,.vid-thumb.active{border-color:var(--green-primary);color:var(--green-primary);background:var(--green-faint)}@media (max-width:768px){.vid-carousel{width:180px}.vid-nav{width:36px;height:36px;font-size:1rem}}.cart-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);z-index:999;opacity:0;pointer-events:none;transition:opacity 0.3s}.cart-overlay.open{opacity:1;pointer-events:auto}.cart-sidebar{position:fixed;top:0;right:-420px;width:400px;max-width:90vw;height:100vh;background:var(--bg-secondary);border-left:1px solid var(--border-color);z-index:1000;display:flex;flex-direction:column;transition:right 0.3s ease}.cart-sidebar.open{right:0}.cart-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.cart-items{flex:1;overflow-y:auto;padding:16px 24px}.cart-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-color)}.cart-item-img{width:60px;height:60px;border-radius:8px;overflow:hidden;background:var(--bg-card);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cart-item-img img{width:100%;height:100%;object-fit:cover}.cart-item-info{flex:1}.cart-item-name{font-weight:600;font-size:0.9rem;margin-bottom:4px}.cart-item-price{color:var(--green-primary);font-size:0.85rem}.cart-item-qty{display:flex;align-items:center;gap:8px;margin-top:8px}.cart-item-qty button{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);width:28px;height:28px;border-radius:4px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center}.cart-item-qty button:hover{border-color:var(--green-primary)}.cart-footer{padding:20px 24px;border-top:1px solid var(--border-color)}.cart-total{display:flex;justify-content:space-between;align-items:center;font-size:1.2rem;font-weight:700;margin-bottom:16px;font-family:var(--font-heading);letter-spacing:1px}.cart-total span:last-child{color:var(--green-primary)}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px}.video-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:transform 0.3s,box-shadow 0.3s}.video-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,204,68,0.1)}.video-wrapper{position:relative;padding-bottom:56.25%;height:0}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.video-card video{width:100%;display:block}.video-card-info{padding:16px 20px}.video-card-info h3{font-family:var(--font-heading);font-size:1rem;letter-spacing:1px;text-transform:uppercase;margin-bottom:4px}.video-card-info p{color:var(--text-secondary);font-size:0.85rem}@media (max-width:768px){.video-grid{grid-template-columns:1fr}.cart-sidebar{width:100%;max-width:100%;right:-100%}}.admin-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.admin-title{font-family:var(--font-heading);font-size:1.2rem;letter-spacing:2px;text-transform:uppercase}.admin-content{padding:32px 24px;max-width:1000px;margin:0 auto}.admin-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.product-table{width:100%;border-collapse:collapse;margin-bottom:32px}.product-table th{text-align:left;padding:12px 16px;font-size:0.75rem;color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid var(--border-color)}.product-table td{padding:16px;border-bottom:1px solid var(--border-color);font-size:0.9rem}.product-table tr:hover{background:var(--green-faint)}.table-actions{display:flex;gap:8px}.btn-sm{padding:6px 12px;font-size:0.7rem;letter-spacing:1px}.btn-danger{background:transparent;border:1px solid var(--danger);color:var(--danger);cursor:pointer;transition:all 0.3s}.btn-danger:hover{background:rgba(204,0,0,0.1)}.admin-form{background:var(--bg-card);border:1px solid var(--border-color);padding:32px}.admin-form h2{font-family:var(--font-heading);font-size:1.2rem;letter-spacing:2px;text-transform:uppercase;margin-bottom:24px}.checkbox-group{display:flex;align-items:center;gap:8px;margin-top:8px}.checkbox-group input[type="checkbox"]{width:18px;height:18px;accent-color:var(--green-primary)}.form-actions{display:flex;gap:12px;margin-top:24px}.alert{padding:12px 16px;margin-bottom:16px;font-size:0.85rem;display:none}.alert-success{background:var(--green-faint);border:1px solid var(--border-green);color:var(--green-primary)}.alert-error{background:rgba(204,0,0,0.1);border:1px solid rgba(204,0,0,0.2);color:var(--danger)}.checkout-step{display:flex;align-items:center;gap:6px;font-size:0.7rem;color:var(--text-muted);letter-spacing:0.5px;font-family:var(--font-heading);text-transform:uppercase}.checkout-step span{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:0.7rem;border:1px solid var(--border-color);color:var(--text-muted)}.checkout-step.active{color:var(--green-primary)}.checkout-step.active span{background:var(--green-primary);color:#000;border-color:var(--green-primary);font-weight:700}.checkout-step.done span{background:var(--green-dark);color:#fff;border-color:var(--green-dark)}.checkout-step.done{color:var(--text-secondary)}#policy-scroll-box::-webkit-scrollbar{width:6px}#policy-scroll-box::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}#policy-scroll-box::-webkit-scrollbar-thumb{background:var(--green-dark);border-radius:3px}.swc-credit{background:#0c0b0a;padding:14px 24px;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;transition:background 0.3s ease}.swc-credit:hover{background:#141210}.swc-credit-icon{width:28px;height:28px;flex-shrink:0}.swc-credit-text{font-family:'Inter',system-ui,-apple-system,sans-serif;font-size:0.7rem;font-weight:500;letter-spacing:0.06em;color:rgba(255,255,255,0.25);transition:color 0.3s ease}.swc-credit:hover .swc-credit-text{color:rgba(255,255,255,0.45)}.swc-credit-dot{color:#22c55e;opacity:0.6}.age-gate-overlay{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,0.92);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:24px}.age-gate-overlay.hidden{display:none}.age-gate{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:40px 36px;max-width:520px;width:100%;text-align:center}.age-gate-logo{max-width:120px;margin-bottom:20px}.age-gate-title{font-family:var(--font-heading);font-size:1.6rem;letter-spacing:2px;text-transform:uppercase;color:var(--text-primary);margin-bottom:16px}.age-gate-text{color:var(--text-secondary);font-size:0.88rem;line-height:1.6;margin-bottom:12px}.age-gate-buttons{display:flex;flex-direction:column;gap:10px;margin:24px 0 16px}.age-gate-btn{width:100%;padding:14px 24px;font-size:0.9rem}.age-gate-fine{font-size:0.7rem;color:var(--text-muted);line-height:1.5;margin-top:8px}.ffl-notice{background:rgba(76,175,80,0.08);border:1px solid rgba(76,175,80,0.25);border-radius:8px;padding:12px 16px;margin-top:16px;font-size:0.75rem;color:var(--text-secondary);line-height:1.6}.ffl-notice strong{color:var(--green-primary)}.ct-permit-notice{background:rgba(255,193,7,0.08);border:1px solid rgba(255,193,7,0.3);border-radius:8px;padding:12px 16px;margin-bottom:16px;font-size:0.78rem;color:var(--text-secondary);line-height:1.6}.ct-permit-notice strong{color:#ffc107}.footer-legal-links{display:inline-flex;align-items:center;gap:8px;margin-left:12px;font-size:0.72rem}.footer-legal-links a{color:var(--text-muted);text-decoration:none;transition:color 0.3s}.footer-legal-links a:hover{color:var(--green-primary)}.footer-legal-links span{color:var(--text-muted);opacity:0.4}.reviews-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:32px}.review-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:transform 0.3s,border-color 0.3s}.review-card:hover{transform:translateY(-4px);border-color:var(--green-primary)}.review-stars{color:#ffaa00;font-size:1.2rem;letter-spacing:2px;margin-bottom:12px}.review-text{color:var(--text-secondary);font-size:0.9rem;line-height:1.7;margin-bottom:16px;font-style:italic}.review-author{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--border-color)}.review-author strong{color:var(--text-primary);font-size:0.85rem}.review-date{color:var(--text-muted);font-size:0.75rem}@media (max-width:768px){.age-gate{padding:28px 20px}.age-gate-title{font-size:1.3rem}.footer-legal-links{display:flex;justify-content:center;margin:8px 0 0;gap:6px}.reviews-grid{grid-template-columns:1fr}}.ck-steps-bar{background:var(--bg-card);border-bottom:1px solid var(--border-color);padding:16px 20px;overflow-x:auto}.ck-steps-inner{display:flex;align-items:center;justify-content:center;gap:0;max-width:680px;margin:0 auto}.ck-step-ind{display:flex;align-items:center;gap:8px;white-space:nowrap;opacity:0.4;transition:opacity 0.3s}.ck-step-ind.active{opacity:1}.ck-step-ind.done{opacity:0.7}.ck-step-num{width:28px;height:28px;border-radius:50%;border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:700;flex-shrink:0;transition:all 0.3s}.ck-step-ind.active .ck-step-num{background:var(--green-primary);border-color:var(--green-primary);color:#000}.ck-step-ind.done .ck-step-num{background:var(--green-dark);border-color:var(--green-dark);color:#fff}.ck-step-label{font-size:0.78rem;font-weight:500;color:var(--text-secondary);letter-spacing:0.5px}.ck-step-ind.active .ck-step-label{color:var(--text-primary)}.ck-step-line{flex:1;min-width:20px;max-width:60px;height:2px;background:var(--border-color);margin:0 8px}@media (max-width:600px){.ck-step-label{display:none}.ck-step-line{min-width:16px}}.ck-wrap{display:grid;grid-template-columns:1fr 380px;gap:0;max-width:1200px;margin:0 auto;min-height:60vh}@media (max-width:900px){.ck-wrap{grid-template-columns:1fr}}.ck-main{padding:32px 40px 60px}@media (max-width:600px){.ck-main{padding:20px 16px 40px}}.ck-step-title{font-family:var(--font-heading);letter-spacing:2px;text-transform:uppercase;font-size:1.2rem;margin:0 0 24px;color:var(--text-primary)}.ck-subsection-title{font-family:var(--font-heading);letter-spacing:1.5px;text-transform:uppercase;font-size:0.85rem;margin:24px 0 12px;color:var(--text-secondary)}.ck-hint{font-size:0.8rem;color:var(--text-muted);margin:-8px 0 16px}.ck-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:500px){.ck-form-grid{grid-template-columns:1fr}}.ck-field{display:flex;flex-direction:column;gap:4px}.ck-field.full{grid-column:1 / -1}.ck-field.half{}.ck-field label{font-size:0.78rem;color:var(--text-secondary);font-weight:500}.ck-field label .req{color:var(--green-primary)}.ck-field input,.ck-field textarea,.ck-field select{width:100%;padding:10px 14px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:0.9rem;font-family:var(--font-main);box-sizing:border-box;transition:border-color 0.2s}.ck-field input:focus,.ck-field textarea:focus,.ck-field select:focus{border-color:var(--green-primary);outline:none}.ck-field textarea{resize:vertical;min-height:70px}.ck-info-box{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;padding:14px 18px;font-size:0.82rem;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.ck-info-box.amber{background:rgba(255,170,0,0.06);border-color:rgba(255,170,0,0.25);color:#ffcc66}.ck-info-box.green{background:rgba(0,204,68,0.06);border-color:rgba(0,204,68,0.2);color:var(--text-secondary)}.ck-ffl-options{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.ck-radio-card{display:flex;gap:14px;padding:16px 18px;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all 0.2s}.ck-radio-card:hover{border-color:var(--text-muted)}.ck-radio-card.active{border-color:var(--green-primary);background:rgba(0,204,68,0.04)}.ck-radio-card input[type="radio"]{margin-top:3px;accent-color:var(--green-primary);flex-shrink:0}.ck-radio-card-title{font-weight:600;font-size:0.9rem;margin-bottom:4px;color:var(--text-primary)}.ck-radio-card-desc{font-size:0.8rem;color:var(--text-secondary);line-height:1.5}.ck-step-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:32px;padding-top:20px;border-top:1px solid var(--border-color)}@media (max-width:500px){.ck-step-actions{flex-direction:column}.ck-step-actions .btn{width:100%;text-align:center}}.ck-cart-table{display:flex;flex-direction:column;gap:0}.ck-cart-row{display:flex;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--border-color)}@media (max-width:600px){.ck-cart-row{flex-wrap:wrap;gap:10px}}.ck-cart-row-img{flex-shrink:0}.ck-item-img{width:72px;height:72px;object-fit:contain;background:#fff;border-radius:8px;border:1px solid var(--border-color)}.ck-item-img-placeholder{width:72px;height:72px;background:var(--bg-card);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;opacity:0.3}.ck-cart-row-info{flex:1;min-width:0}.ck-cart-row-name{font-size:0.88rem;font-weight:500;color:var(--text-primary);line-height:1.3;margin-bottom:4px}.ck-cart-row-meta{font-size:0.75rem;color:var(--text-muted);margin-bottom:4px}.ck-cart-row-badge{display:inline-block;font-size:0.68rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;padding:2px 8px;border-radius:4px}.ck-cart-row-badge.firearm{background:rgba(255,170,0,0.12);color:#ffaa00;border:1px solid rgba(255,170,0,0.3)}.ck-cart-row-badge.accessory{background:rgba(0,204,68,0.08);color:var(--green-primary);border:1px solid rgba(0,204,68,0.2)}.ck-cart-row-qty{display:flex;align-items:center;gap:6px;flex-shrink:0}.ck-qty-btn{width:30px;height:30px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);border-radius:6px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all 0.2s}.ck-qty-btn:hover{border-color:var(--green-primary);color:var(--green-primary)}.ck-qty-val{font-size:0.9rem;font-weight:600;min-width:24px;text-align:center}.ck-qty-fixed{font-size:0.8rem;color:var(--text-muted)}.ck-cart-row-price{text-align:right;flex-shrink:0}.ck-cart-row-line-total{font-family:var(--font-heading);font-weight:700;font-size:1rem;color:var(--text-primary)}.ck-cart-row-remove{background:none;border:none;color:var(--text-muted);font-size:0.72rem;cursor:pointer;padding:2px 0;margin-top:4px;display:block}.ck-cart-row-remove:hover{color:#ff4444}.ck-empty{text-align:center;padding:60px 20px;color:var(--text-muted)}.ck-sidebar{border-left:1px solid var(--border-color);background:var(--bg-card)}@media (max-width:900px){.ck-sidebar{border-left:none;border-top:1px solid var(--border-color)}}.ck-sidebar-inner{position:sticky;top:80px;padding:28px 24px}@media (max-width:900px){.ck-sidebar-inner{position:static}}.ck-sidebar-title{font-family:var(--font-heading);letter-spacing:2px;text-transform:uppercase;font-size:0.85rem;color:var(--text-secondary);margin:0 0 16px}.ck-sidebar-item{display:flex;justify-content:space-between;gap:8px;padding:6px 0;font-size:0.8rem}.ck-sidebar-item-name{color:var(--text-secondary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ck-sidebar-item-qty{color:var(--text-muted)}.ck-sidebar-item-price{color:var(--text-primary);font-weight:500;flex-shrink:0}.ck-sidebar-divider{height:1px;background:var(--border-color);margin:12px 0}.ck-sidebar-row{display:flex;justify-content:space-between;font-size:0.82rem;color:var(--text-secondary);padding:4px 0}.ck-sidebar-row.total{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;letter-spacing:1px;color:var(--text-primary);padding:8px 0}.ck-deposit-notice{background:rgba(255,170,0,0.08);border:1px solid rgba(255,170,0,0.2);border-radius:8px;padding:10px 12px;font-size:0.72rem;color:#ffaa00;margin-top:12px;line-height:1.5}.ck-sidebar-help{margin-top:20px;text-align:center;font-size:0.78rem;color:var(--text-muted)}.ck-sidebar-help a{color:var(--green-primary);font-weight:600}.ck-terms{margin-top:20px;padding:16px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px}.ck-checkbox-row{display:flex;gap:10px;cursor:pointer;font-size:0.82rem;color:var(--text-secondary);line-height:1.5}.ck-checkbox-row input{accent-color:var(--green-primary);margin-top:2px;flex-shrink:0}.ck-status-msg{text-align:center;font-size:0.85rem;margin:12px 0}.ck-status-msg.error{color:#ff4444}.ck-status-msg.success{color:var(--green-primary)}.ck-order-summary-box{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.ck-os-section{padding:16px 20px;border-bottom:1px solid var(--border-color)}.ck-os-section h4{font-family:var(--font-heading);letter-spacing:1.5px;text-transform:uppercase;font-size:0.72rem;color:var(--text-muted);margin:0 0 10px}.ck-os-item{display:flex;justify-content:space-between;padding:5px 0;font-size:0.85rem;color:var(--text-secondary)}.ck-os-firearm-badge{font-size:0.7rem;color:#ffaa00;margin-left:6px}.ck-os-detail{font-size:0.82rem;color:var(--text-secondary);padding:2px 0}.ck-os-totals{padding:16px 20px}.ck-os-total-row{display:flex;justify-content:space-between;font-size:0.85rem;color:var(--text-secondary);padding:4px 0}.ck-os-total-row.grand{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;color:var(--text-primary);padding-top:10px;margin-top:6px;border-top:1px solid var(--border-color)}.ck-confirm-icon{width:72px;height:72px;border-radius:50%;background:rgba(0,204,68,0.12);display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:2rem;color:var(--green-primary)}.ck-order-id{font-family:monospace;font-size:1.2rem;color:var(--green-primary);background:var(--bg-primary);display:inline-block;padding:8px 20px;border-radius:8px;margin:12px 0 16px;letter-spacing:2px;font-weight:700}.ck-confirm-text{color:var(--text-secondary);font-size:0.95rem;margin-bottom:24px}.ck-confirm-next-steps{text-align:left;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;padding:20px 24px;margin:0 auto;max-width:480px}.ck-confirm-next-steps h4{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:2px;font-size:0.75rem;color:var(--text-secondary);margin:0 0 12px}.ck-confirm-step{display:flex;gap:10px;padding:8px 0;font-size:0.85rem;color:var(--text-secondary);line-height:1.45}.ck-confirm-step-num{width:24px;height:24px;border-radius:50%;background:var(--green-primary);color:#000;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.75rem;flex-shrink:0}.ck-confirm-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}.btn-lg{font-size:1rem;padding:16px 32px}.modal-badge-tag{display:inline-block;font-size:0.68rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;padding:3px 10px;border-radius:4px}.modal-badge-tag.green{background:rgba(0,204,68,0.12);color:var(--green-primary)}.modal-badge-tag.green-outline{background:transparent;color:var(--green-primary);border:1px solid rgba(0,204,68,0.3)}.modal-badge-tag.amber{background:rgba(255,170,0,0.12);color:#ffaa00}.modal-badge-tag.muted{background:var(--bg-primary);color:var(--text-muted)}.track-wrap{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:40px 20px}.track-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:48px 40px;max-width:480px;width:100%;text-align:center}@media (max-width:500px){.track-box{padding:32px 20px}}.track-icon{font-size:2.5rem;margin-bottom:12px;opacity:0.6}.track-title{font-family:var(--font-heading);letter-spacing:3px;text-transform:uppercase;font-size:1.4rem;margin:0 0 8px}.track-subtitle{color:var(--text-muted);font-size:0.85rem;margin:0 0 28px}.track-form{text-align:left}.track-field{margin-bottom:14px}.track-field label{display:block;font-size:0.78rem;color:var(--text-secondary);font-weight:500;margin-bottom:4px}.track-field input{width:100%;padding:11px 14px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:0.9rem;box-sizing:border-box;font-family:var(--font-main)}.track-field input:focus{border-color:var(--green-primary);outline:none}.track-msg{text-align:center;font-size:0.82rem;margin-bottom:12px;min-height:20px}.track-msg.error{color:#ff4444}.track-result{max-width:640px;width:100%}.track-result-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;flex-wrap:wrap}.track-result-title{font-family:var(--font-heading);letter-spacing:2px;text-transform:uppercase;font-size:1.3rem;margin:0}.track-result-date{font-size:0.82rem;color:var(--text-muted);margin-top:4px}.track-timeline{display:flex;align-items:center;gap:0;margin-bottom:32px;padding:20px 0;overflow-x:auto}.track-tl-step{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.track-tl-dot{width:16px;height:16px;border-radius:50%;background:var(--border-color);border:2px solid var(--border-color);transition:all 0.3s}.track-tl-step.active .track-tl-dot{background:var(--green-primary);border-color:var(--green-primary);box-shadow:0 0 8px var(--green-glow)}.track-tl-step.done .track-tl-dot{background:var(--green-dark);border-color:var(--green-dark)}.track-tl-label{font-size:0.7rem;color:var(--text-muted);text-align:center;max-width:80px}.track-tl-step.active .track-tl-label{color:var(--green-primary);font-weight:600}.track-tl-step.done .track-tl-label{color:var(--text-secondary)}.track-tl-line{flex:1;min-width:24px;height:2px;background:var(--border-color);margin:0 4px;align-self:flex-start;margin-top:7px}.track-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px 24px;margin-bottom:16px}.track-section h3{font-family:var(--font-heading);letter-spacing:1.5px;text-transform:uppercase;font-size:0.78rem;color:var(--text-secondary);margin:0 0 12px}.track-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-color)}.track-item:last-child{border-bottom:none}.track-item-name{font-size:0.85rem;color:var(--text-primary);font-weight:500}.track-item-meta{font-size:0.78rem;color:var(--text-muted);margin-top:2px}.track-tracking-number{font-size:0.9rem;color:var(--text-secondary)}.track-actions{display:flex;gap:12px;justify-content:center;margin-top:24px;flex-wrap:wrap}.auth-page-wrap{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:32px 20px;background:var(--bg-primary)}.auth-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;width:100%;max-width:440px;padding:32px;box-shadow:0 24px 64px rgba(0,0,0,0.5)}.auth-logo-wrap{text-align:center;margin-bottom:24px}.auth-logo-img{height:64px;width:auto}.auth-tabs{display:flex;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;margin-bottom:24px}.auth-tab{flex:1;padding:10px;background:var(--bg-primary);border:none;color:var(--text-secondary);font-family:var(--font-heading);font-size:0.78rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all 0.2s}.auth-tab.active{background:var(--green-primary);color:#000}.auth-title{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-align:center;margin-bottom:20px}.auth-sub-title{font-family:var(--font-heading);font-size:1rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:6px}.auth-hint{font-size:0.85rem;color:var(--text-secondary);margin-bottom:16px}.auth-field{margin-bottom:16px}.auth-field label{display:flex;justify-content:space-between;align-items:center;font-size:0.78rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.auth-field-link{font-size:0.75rem;font-weight:500;color:var(--green-primary);text-transform:none;letter-spacing:0}.auth-field input{width:100%;padding:10px 14px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:var(--font-main);font-size:0.9rem;box-sizing:border-box;transition:border-color 0.2s}.auth-field input:focus{outline:none;border-color:var(--green-primary)}.auth-pw-wrap{position:relative}.auth-pw-wrap input{padding-right:40px}.auth-pw-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:0.9rem;padding:0;opacity:0.5;transition:opacity 0.2s}.auth-pw-toggle:hover{opacity:1}.auth-submit-btn{width:100%;margin-top:8px;padding:12px;font-size:0.9rem;letter-spacing:2px}.auth-switch-link{text-align:center;font-size:0.83rem;color:var(--text-muted);margin-top:16px}.auth-optional{font-size:0.72rem;color:var(--text-muted);font-weight:400;text-transform:none;letter-spacing:0}.auth-msg{margin-bottom:4px}.auth-alert{padding:10px 14px;border-radius:6px;font-size:0.85rem;line-height:1.5;margin-bottom:12px}.alert-success{background:rgba(0,204,68,0.1);border:1px solid var(--green-primary);color:var(--green-primary)}.alert-error{background:rgba(204,0,0,0.1);border:1px solid var(--danger);color:#ff4444}.acct-portal-header{background:var(--bg-secondary);border-bottom:2px solid var(--green-primary);padding:16px 24px}.acct-portal-header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.acct-greeting{display:flex;align-items:center;gap:12px}.acct-greeting-icon{font-size:2rem;opacity:0.8}.acct-greeting-name{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.acct-greeting-email{font-size:0.82rem;color:var(--text-muted);margin-top:2px}.acct-signout-btn{font-size:0.78rem;padding:8px 18px}.acct-tab-bar-wrap{background:var(--bg-primary);border-bottom:1px solid var(--border-color);overflow-x:auto;-webkit-overflow-scrolling:touch}.acct-tab-bar{display:flex;gap:0;white-space:nowrap}.acct-tab{padding:14px 20px;background:none;border:none;color:var(--text-secondary);font-family:var(--font-heading);font-size:0.78rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;border-bottom:2px solid transparent;transition:all 0.2s;white-space:nowrap}.acct-tab:hover{color:var(--text-primary)}.acct-tab.active{color:var(--green-primary);border-bottom-color:var(--green-primary)}.acct-body{padding:32px 24px 60px}.acct-tab-pane{display:none}.acct-tab-pane.active{display:block}.acct-section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:24px}.acct-section-title{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin:0}.acct-two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width:700px){.acct-two-col{grid-template-columns:1fr}}.acct-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px}.acct-card-title{font-family:var(--font-heading);font-size:0.88rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--text-secondary);margin:0 0 20px}.acct-form-field{margin-bottom:16px}.acct-form-field label{display:block;font-size:0.78rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.acct-form-field input,.acct-form-field select,.acct-form-field textarea{width:100%;padding:10px 14px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:var(--font-main);font-size:0.9rem;box-sizing:border-box;transition:border-color 0.2s}.acct-form-field input:focus,.acct-form-field select:focus,.acct-form-field textarea:focus{outline:none;border-color:var(--green-primary)}.acct-field-note{display:block;font-size:0.75rem;color:var(--text-muted);margin-top:4px}.acct-hint-small{font-size:0.72rem;color:var(--text-muted);font-weight:400;text-transform:none;letter-spacing:0}.acct-checkbox-group{display:flex;flex-direction:column;gap:8px}.acct-checkbox-row{display:flex;align-items:center;gap:8px;font-size:0.85rem;color:var(--text-secondary);cursor:pointer}.acct-checkbox-row input[type="checkbox"]{width:auto;accent-color:var(--green-primary)}.acct-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.acct-form-grid .acct-form-field.full{grid-column:1 / -1}.acct-form-grid .acct-form-field.half{}@media (max-width:480px){.acct-form-grid{grid-template-columns:1fr}.acct-form-grid .acct-form-field.half{grid-column:auto}}.acct-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.acct-item-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:16px;transition:border-color 0.2s}.acct-item-card.is-default{border-color:var(--green-primary)}.acct-item-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:12px}.acct-item-label{font-weight:600;font-size:0.9rem;color:var(--text-primary)}.acct-default-badge{display:inline-block;background:rgba(0,204,68,0.12);color:var(--green-primary);font-size:0.65rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:2px 8px;border-radius:4px;margin-left:8px}.acct-item-card-actions{display:flex;gap:6px;flex-shrink:0}.acct-item-card-body{font-size:0.85rem;color:var(--text-secondary);line-height:1.6}.acct-item-card-body p{margin:0}.acct-ffl-license{font-size:0.78rem;color:var(--text-muted);font-family:monospace}.acct-set-default-btn{margin-top:12px;background:none;border:1px solid var(--border-color);border-radius:4px;color:var(--text-muted);font-size:0.72rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:4px 10px;cursor:pointer;transition:all 0.2s;width:100%}.acct-set-default-btn:hover{border-color:var(--green-primary);color:var(--green-primary)}.acct-delete-btn{background:transparent;border:1px solid rgba(204,0,0,0.4);color:#cc4444;padding:4px 10px;font-size:0.72rem;border-radius:4px;cursor:pointer;transition:all 0.2s}.acct-delete-btn:hover{background:rgba(204,0,0,0.1);border-color:var(--danger);color:#ff4444}.acct-empty-state{text-align:center;padding:48px 20px;color:var(--text-muted)}.acct-empty-icon{font-size:2.5rem;opacity:0.25;margin-bottom:12px}.acct-loading{color:var(--text-muted);text-align:center;padding:32px 20px;font-size:0.88rem}.acct-info-banner{display:flex;gap:12px;align-items:flex-start;background:rgba(0,204,68,0.06);border:1px solid var(--border-green);border-radius:8px;padding:12px 16px;margin-bottom:20px;font-size:0.83rem;color:var(--text-secondary);line-height:1.5}.acct-info-banner > span{font-size:1rem;flex-shrink:0;color:var(--green-primary);margin-top:1px}.order-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:16px 20px;margin-bottom:12px;transition:border-color 0.2s}.order-card:hover{border-color:var(--border-green)}.order-card-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:12px}.order-card-meta{display:flex;flex-direction:column;gap:2px}.order-id{font-weight:700;font-size:0.9rem;color:var(--text-primary)}.order-date{font-size:0.75rem;color:var(--text-muted)}.order-card-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.order-status-badge{display:inline-block;padding:3px 10px;border-radius:4px;font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px}.status-new{background:rgba(0,204,68,0.12);color:var(--green-primary)}.status-confirmed{background:rgba(0,136,255,0.12);color:#4499ff}.status-processing{background:rgba(170,100,255,0.12);color:#aa66ff}.status-shipped{background:rgba(255,170,0,0.12);color:#ffbb00}.status-ready_pickup{background:rgba(0,180,220,0.12);color:#00b4dc}.status-completed{background:rgba(100,100,100,0.15);color:#888}.status-cancelled{background:rgba(204,0,0,0.1);color:#ff4444}.order-total{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--green-primary)}.order-items-list{border-top:1px solid var(--border-color);padding-top:10px;margin-bottom:10px}.order-item-row{display:flex;gap:8px;align-items:baseline;padding:3px 0;font-size:0.82rem;color:var(--text-secondary)}.order-item-name{flex:1}.order-item-qty{color:var(--text-muted);min-width:30px}.order-item-price{font-weight:600;color:var(--text-primary);min-width:60px;text-align:right}.order-item-more{font-size:0.75rem;color:var(--text-muted);padding:4px 0}.order-tracking{font-size:0.8rem;color:var(--text-secondary);padding:6px 0;border-top:1px solid var(--border-color)}.order-notes{font-size:0.78rem;color:var(--text-muted);padding:6px 0;border-top:1px solid var(--border-color)}.order-card-footer{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.btn-sm{padding:5px 12px !important;font-size:0.72rem !important;letter-spacing:1px !important}.layaway-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:16px 20px;margin-bottom:12px}.layaway-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.layaway-item-name{font-weight:700;font-size:0.95rem;color:var(--text-primary)}.layaway-status-badge{display:inline-block;padding:3px 10px;border-radius:4px;font-size:0.7rem;font-weight:700;text-transform:uppercase;background:rgba(0,204,68,0.12);color:var(--green-primary)}.layaway-progress-wrap{display:flex;align-items:center;gap:10px;margin-bottom:10px}.layaway-progress-bar{flex:1;height:8px;background:var(--bg-primary);border-radius:4px;overflow:hidden}.layaway-progress-fill{height:100%;background:var(--green-primary);border-radius:4px;transition:width 0.4s ease}.layaway-progress-pct{font-size:0.8rem;font-weight:700;color:var(--green-primary);min-width:36px;text-align:right}.layaway-amounts{display:flex;gap:16px;flex-wrap:wrap;font-size:0.82rem;color:var(--text-secondary);margin-bottom:8px}.layaway-next-payment{font-size:0.8rem;color:var(--text-muted);padding-top:6px;border-top:1px solid var(--border-color)}.acct-modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.72);z-index:9000;align-items:center;justify-content:center;padding:20px}.acct-modal-overlay.open{display:flex}.acct-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;padding:28px;box-shadow:0 24px 64px rgba(0,0,0,0.6);animation:scaleIn 0.2s ease}.acct-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.acct-modal-header h3{font-family:var(--font-heading);font-size:1rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin:0}.acct-modal-close{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:0.8rem;color:var(--text-muted);flex-shrink:0}.acct-modal-close:hover{color:var(--text-primary)}.acct-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}@media (max-width:600px){.acct-tab{padding:12px 14px;font-size:0.72rem}.acct-body{padding:20px 16px 48px}.acct-portal-header{padding:12px 16px}.acct-greeting-icon{font-size:1.5rem}.acct-greeting-name{font-size:0.95rem}.auth-card{padding:24px 20px;border-radius:12px}.order-card{padding:12px 14px}.layaway-amounts{flex-direction:column;gap:4px}.acct-section-header{flex-direction:column;align-items:flex-start}.acct-modal{padding:20px 16px}}.ck-customer-prefill-bar{background:rgba(0,204,68,0.07);border:1px solid var(--border-green);border-radius:8px;padding:10px 14px;margin-bottom:16px;font-size:0.82rem;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.ck-saved-select-wrap{margin-bottom:16px}.ck-saved-select-wrap label{display:block;font-size:0.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.ck-saved-select-wrap select{width:100%;padding:9px 12px;background:var(--bg-primary);border:1px solid var(--border-green);border-radius:6px;color:var(--text-primary);font-size:0.88rem;font-family:var(--font-main)}.acct-subnav{display:flex;gap:4px;flex-wrap:wrap;padding:0 0 16px;border-bottom:1px solid var(--border-color);margin-bottom:20px}.acct-subnav-btn{background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:0.78rem;font-family:var(--font-main);padding:6px 12px;cursor:pointer;transition:all 0.15s;white-space:nowrap}.acct-subnav-btn:hover{background:var(--bg-card);color:var(--text-primary)}.acct-subnav-btn.active{background:var(--green-primary);border-color:var(--green-primary);color:#000;font-weight:600}.acct-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:20px}.acct-cards .acct-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:16px}.acct-cards .acct-card.green{border-top:3px solid var(--green-primary)}.acct-cards .acct-card.red{border-top:3px solid var(--danger)}.acct-cards .acct-card.blue{border-top:3px solid #3b82f6}.ac-label{font-size:0.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.ac-value{font-size:1.3rem;font-weight:700;font-family:var(--font-heading);color:var(--text-primary)}.acct-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}@media (max-width:700px){.acct-two-col{grid-template-columns:1fr}}.acct-table-wrap{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;overflow:hidden;margin-bottom:16px}.acct-table-hdr{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-wrap:wrap;gap:8px}.acct-table-title{font-family:var(--font-heading);font-size:0.82rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-primary)}.acct-table{width:100%;border-collapse:collapse;font-size:0.82rem}.acct-table th{padding:8px 12px;text-align:left;font-size:0.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.acct-table td{padding:9px 12px;border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle}.acct-table tr:last-child td{border-bottom:none}.acct-table tr:hover td{background:rgba(255,255,255,0.02)}.acct-table td.num,.acct-table th.num{text-align:right;font-variant-numeric:tabular-nums}.acct-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:0.72rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.acct-badge.pos{background:rgba(56,200,100,0.15);color:var(--green-primary)}.acct-badge.manual{background:rgba(100,150,255,0.15);color:#6496ff}.acct-badge.expense{background:rgba(255,150,50,0.15);color:#ff9632}.acct-badge.invoice{background:rgba(200,100,255,0.15);color:#c864ff}.acct-badge.recon{background:rgba(100,200,255,0.15);color:#64c8ff}.acct-badge.pending{background:rgba(255,170,0,0.15);color:#ffaa00}.acct-badge.sent{background:rgba(56,200,100,0.15);color:var(--green-primary)}.acct-badge.paid{background:rgba(56,200,100,0.2);color:var(--green-primary);font-weight:700}.acct-badge.overdue{background:rgba(255,60,60,0.15);color:var(--danger)}.acct-badge.void,.acct-badge.voided{background:rgba(150,150,150,0.15);color:var(--text-muted)}.acct-badge.draft{background:rgba(150,150,150,0.1);color:var(--text-muted)}.acct-badge.locked,.acct-badge.reconciled{background:rgba(56,200,100,0.2);color:var(--green-primary)}.acct-badge.in_progress{background:rgba(255,170,0,0.15);color:#ffaa00}.acct-period-sel{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.acct-period-btn{background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:0.78rem;font-family:var(--font-main);padding:5px 12px;cursor:pointer;transition:all 0.15s}.acct-period-btn:hover{background:var(--bg-card);color:var(--text-primary)}.acct-period-btn.active{background:var(--green-primary);border-color:var(--green-primary);color:#000;font-weight:600}.pl-section{margin-bottom:16px}.pl-section-title{font-family:var(--font-heading);font-size:0.78rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);padding:8px 0 4px;border-bottom:1px solid var(--border-color);margin-bottom:4px;display:flex;justify-content:space-between}.pl-row{display:flex;justify-content:space-between;padding:5px 8px;font-size:0.83rem;color:var(--text-primary);border-radius:4px}.pl-row:hover{background:rgba(255,255,255,0.03)}.pl-row.indent{padding-left:20px;color:var(--text-secondary)}.pl-total{display:flex;justify-content:space-between;padding:7px 8px;font-size:0.85rem;font-weight:700;border-top:2px solid var(--border-color);margin-top:4px;color:var(--text-primary)}.pl-grand-total{display:flex;justify-content:space-between;padding:10px 8px;font-size:1rem;font-weight:700;border-top:3px double var(--border-color);margin-top:8px;color:var(--text-primary)}.je-lines-row{display:none}.je-lines-row.open{display:table-row}.je-line-inner{padding:8px 16px 12px}.je-line-table{width:100%;font-size:0.78rem;border-collapse:collapse}.je-line-table th{color:var(--text-muted);font-size:0.7rem;text-transform:uppercase;letter-spacing:0.5px;padding:4px 8px;text-align:left}.je-line-table td{padding:4px 8px}.recon-diff{font-weight:700}.recon-diff.balanced{color:var(--green-primary)}.recon-diff.unbalanced{color:var(--danger)}.acct-add-form{padding:16px;border-bottom:1px solid var(--border-color);display:none}.acct-add-form.open{display:block}.acct-add-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:12px}.acct-add-form-grid label{display:block;font-size:0.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:4px}.acct-add-form-grid input,.acct-add-form-grid select,.acct-add-form-grid textarea{width:100%;padding:7px 10px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:0.82rem;font-family:var(--font-main);box-sizing:border-box}.acct-add-form-grid .full{grid-column:1 / -1}.tax-section{margin-bottom:20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;overflow:hidden}.tax-section-hdr{padding:10px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-family:var(--font-heading);font-size:0.78rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted)}.tax-row{display:flex;justify-content:space-between;padding:8px 16px;font-size:0.83rem;border-bottom:1px solid var(--border-color)}.tax-row:last-child{border-bottom:none}.tax-row.total{font-weight:700;background:rgba(255,255,255,0.02)}.inv-line-row{display:grid;grid-template-columns:1fr 80px 100px 40px;gap:8px;align-items:center;margin-bottom:6px}.inv-line-row input,.inv-line-row select{padding:6px 8px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:5px;color:var(--text-primary);font-size:0.8rem;font-family:var(--font-main);width:100%;box-sizing:border-box}.je-line-builder{margin-bottom:12px}.je-builder-row{display:grid;grid-template-columns:2fr 1fr 1fr 36px;gap:8px;align-items:center;margin-bottom:6px}.je-builder-row select,.je-builder-row input{padding:6px 8px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:5px;color:var(--text-primary);font-size:0.8rem;font-family:var(--font-main);box-sizing:border-box}.je-totals-row{display:flex;gap:20px;justify-content:flex-end;font-size:0.82rem;font-weight:600;padding:6px 0;border-top:1px solid var(--border-color);margin-top:4px}.je-totals-row .balanced{color:var(--green-primary)}.je-totals-row .unbalanced{color:var(--danger)}