@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--noble-green: #00A651;--noble-green-dark: #008C44;--noble-green-light: #E6F7EE;--noble-green-hover: #00C853;--noble-black: #1a1a1a;--noble-white: #FFFFFF;--noble-gray-50: #F9FAFB;--noble-gray-100: #F3F4F6;--noble-gray-200: #E5E7EB;--noble-gray-300: #D1D5DB;--noble-gray-400: #9CA3AF;--noble-gray-500: #6B7280;--noble-gray-600: #4B5563;--noble-gray-700: #374151;--noble-gray-800: #1F2937;--noble-gray-900: #111827;--noble-red: #EF4444;--noble-orange: #F59E0B;--noble-blue: #3B82F6;--shadow-sm: 0 1px 2px 0 rgba(0,0,0,.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--noble-black);background-color:var(--noble-white);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--noble-gray-100)}::-webkit-scrollbar-thumb{background:var(--noble-green);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--noble-green-dark)}.announcement-bar{background:var(--noble-black);color:#fff;font-size:.75rem;letter-spacing:.5px;overflow:hidden;position:relative}.announcement-bar .ticker{display:flex;animation:ticker 30s linear infinite;white-space:nowrap}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.announcement-bar .ticker:hover{animation-play-state:paused}.main-header{background:var(--noble-white);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100;transition:box-shadow var(--transition-normal)}.main-header.scrolled{box-shadow:var(--shadow-md)}.header-search input{transition:all var(--transition-normal)}.header-search input:focus{box-shadow:0 0 0 3px #00a65133;border-color:var(--noble-green)}.primary-nav{background:var(--noble-green)}.primary-nav a{position:relative;transition:all var(--transition-fast)}.primary-nav a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:#fff;transition:all var(--transition-normal);transform:translate(-50%)}.primary-nav a:hover:after{width:80%}.mega-menu{position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:var(--shadow-xl);border-top:3px solid var(--noble-green);opacity:0;visibility:hidden;transform:translateY(10px);transition:all var(--transition-normal);z-index:200}.nav-item:hover .mega-menu{opacity:1;visibility:visible;transform:translateY(0)}.hero-section{position:relative;overflow:hidden}.hero-slide{position:relative;min-height:400px;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center}.hero-slide:after{content:"NobleVape";position:absolute;bottom:20px;right:20px;font-size:1rem;font-weight:700;color:#ffffff26;letter-spacing:4px;text-transform:uppercase;pointer-events:none}.hero-content{position:relative;z-index:2;text-align:center;padding:2rem}.hero-content h2{font-size:clamp(1.5rem,4vw,3rem);font-weight:800;line-height:1.2;margin-bottom:.75rem}.hero-content p{font-size:clamp(.9rem,2vw,1.2rem);margin-bottom:1.5rem}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:#ffffffe6;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all var(--transition-normal);box-shadow:var(--shadow-md)}.carousel-arrow:hover{background:var(--noble-green);color:#fff}.carousel-arrow.prev{left:20px}.carousel-arrow.next{right:20px}.carousel-dots{display:flex;justify-content:center;gap:8px;padding:16px 0}.carousel-dot{width:10px;height:10px;border-radius:50%;background:var(--noble-gray-300);border:none;cursor:pointer;transition:all var(--transition-normal)}.carousel-dot.active{background:var(--noble-green);transform:scale(1.2)}.product-card{background:var(--noble-white);border-radius:12px;overflow:hidden;border:1px solid var(--noble-gray-200);transition:all var(--transition-normal);position:relative}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--noble-green)}.product-card .product-image-wrap{position:relative;overflow:hidden;background:var(--noble-gray-50);aspect-ratio:1/1}.product-card .product-image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.product-card:hover .product-image-wrap img{transform:scale(1.08)}.product-badge{position:absolute;top:10px;left:10px;padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;z-index:5}.badge-sale{background:var(--noble-red);color:#fff}.badge-new{background:var(--noble-green);color:#fff}.badge-bundle{background:var(--noble-orange);color:#fff}.badge-popular{background:var(--noble-blue);color:#fff}.multi-buy-badges{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:4px;z-index:5}.multi-buy-badge{padding:2px 8px;border-radius:4px;font-size:.6rem;font-weight:600;background:#00a6511a;color:var(--noble-green-dark);border:1px solid rgba(0,166,81,.2)}.product-info{padding:16px}.product-title{font-size:.85rem;font-weight:600;color:var(--noble-gray-800);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.4em;margin-bottom:8px;transition:color var(--transition-fast)}.product-card:hover .product-title{color:var(--noble-green)}.product-price{font-size:.9rem;font-weight:700;color:var(--noble-green);margin-bottom:12px}.product-price .login-price{font-size:.78rem;color:var(--noble-gray-500);font-weight:500;font-style:italic}.quick-view-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-normal)}.product-card:hover .quick-view-overlay{opacity:1}.category-tile{position:relative;overflow:hidden;border-radius:16px;cursor:pointer;min-height:180px;display:flex;align-items:flex-end;padding:20px;transition:transform var(--transition-normal)}.category-tile:hover{transform:scale(1.03)}.category-tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0009,#0000001a);z-index:1;transition:all var(--transition-normal)}.category-tile:hover:before{background:linear-gradient(to top,#00a651b3,#0000001a)}.category-tile h3{position:relative;z-index:2;color:#fff;font-weight:700;font-size:1.1rem;text-transform:uppercase;letter-spacing:1px}.category-tile img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.trust-badge{text-align:center;padding:24px 16px;transition:all var(--transition-normal);border-radius:12px}.trust-badge:hover{background:var(--noble-green-light);transform:translateY(-4px)}.trust-badge .icon{width:48px;height:48px;margin:0 auto 12px;background:var(--noble-green-light);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--noble-green);font-size:1.4rem;transition:all var(--transition-normal)}.trust-badge:hover .icon{background:var(--noble-green);color:#fff;transform:scale(1.1)}.section-header{text-align:center;margin-bottom:40px}.section-header h2{font-size:clamp(1.4rem,3vw,2rem);font-weight:800;color:var(--noble-black);text-transform:uppercase;letter-spacing:1px;position:relative;display:inline-block}.section-header h2:after{content:"";display:block;width:60px;height:3px;background:var(--noble-green);margin:12px auto 0;border-radius:2px}.section-header p{color:var(--noble-gray-500);margin-top:8px;font-size:.95rem}.brand-logo{filter:grayscale(100%);opacity:.5;transition:all var(--transition-normal);height:50px;object-fit:contain}.brand-logo:hover{filter:grayscale(0%);opacity:1}.testimonial-card{background:var(--noble-white);border:1px solid var(--noble-gray-200);border-radius:16px;padding:28px;transition:all var(--transition-normal);position:relative}.testimonial-card:before{content:'"';position:absolute;top:12px;right:20px;font-size:4rem;color:var(--noble-green);opacity:.15;font-family:Georgia,serif;line-height:1}.testimonial-card:hover{border-color:var(--noble-green);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.testimonial-stars{color:#fbbf24;font-size:1rem;margin-bottom:12px}.site-footer{background:var(--noble-green);color:#fff}.site-footer a{color:#fffc;transition:color var(--transition-fast)}.site-footer a:hover{color:#fff}.footer-newsletter input{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:8px;padding:10px 16px;width:100%;transition:all var(--transition-normal)}.footer-newsletter input::placeholder{color:#fff9}.footer-newsletter input:focus{outline:none;background:#ffffff40;border-color:#fff}.sub-footer{background:var(--noble-black);color:var(--noble-gray-400);font-size:.8rem}.btn-primary{background:var(--noble-green);color:#fff;padding:10px 24px;border-radius:8px;font-weight:600;font-size:.85rem;border:none;cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn-primary:hover{background:var(--noble-green-dark);transform:translateY(-2px);box-shadow:0 4px 12px #00a6514d}.btn-outline{background:transparent;color:var(--noble-green);padding:10px 24px;border-radius:8px;font-weight:600;font-size:.85rem;border:2px solid var(--noble-green);cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn-outline:hover{background:var(--noble-green);color:#fff;transform:translateY(-2px)}.btn-white{background:#fff;color:var(--noble-green);padding:12px 28px;border-radius:8px;font-weight:700;font-size:.9rem;border:none;cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn-white:hover{background:var(--noble-gray-100);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.cart-fly{position:fixed;width:30px;height:30px;background:var(--noble-green);border-radius:50%;z-index:9999;pointer-events:none;animation:flyToCart .8s ease-in forwards}@keyframes flyToCart{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(.2)}}@keyframes badgeBounce{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.cart-badge-animate{animation:badgeBounce .4s ease}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.badge-pulse{animation:pulse 2s ease-in-out infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{opacity:0;animation:fadeInUp .6s ease forwards}.fade-in-up.visible{opacity:1}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.mobile-menu{position:fixed;top:0;left:-100%;width:85%;max-width:380px;height:100vh;background:#fff;z-index:1000;transition:left var(--transition-normal);box-shadow:var(--shadow-xl);overflow-y:auto}.mobile-menu.open{left:0}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all var(--transition-normal)}.mobile-overlay.active{opacity:1;visibility:visible}.filter-group{border-bottom:1px solid var(--noble-gray-200);padding-bottom:16px;margin-bottom:16px}.filter-group h4{font-weight:600;font-size:.9rem;margin-bottom:10px;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.filter-checkbox{display:flex;align-items:center;gap:8px;padding:4px 0;cursor:pointer;font-size:.85rem;color:var(--noble-gray-600)}.filter-checkbox:hover{color:var(--noble-green)}.filter-checkbox input[type=checkbox]{accent-color:var(--noble-green)}.product-gallery-thumb{border:2px solid transparent;border-radius:8px;cursor:pointer;overflow:hidden;transition:all var(--transition-fast)}.product-gallery-thumb:hover,.product-gallery-thumb.active{border-color:var(--noble-green)}.tab-button{padding:10px 20px;font-weight:600;font-size:.9rem;border:none;background:none;color:var(--noble-gray-500);cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition-fast)}.tab-button:hover,.tab-button.active{color:var(--noble-green);border-bottom-color:var(--noble-green)}.quantity-input{display:flex;align-items:center;border:1px solid var(--noble-gray-300);border-radius:8px;overflow:hidden}.quantity-input button{width:40px;height:40px;border:none;background:var(--noble-gray-100);cursor:pointer;font-size:1.1rem;font-weight:600;color:var(--noble-gray-700);transition:all var(--transition-fast)}.quantity-input button:hover{background:var(--noble-green);color:#fff}.quantity-input input{width:50px;height:40px;text-align:center;border:none;font-weight:600;font-size:.9rem}.cart-item{display:grid;grid-template-columns:80px 1fr auto auto auto;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--noble-gray-200)}@media(max-width:640px){.cart-item{grid-template-columns:60px 1fr;gap:8px}}@media(max-width:768px){.hero-slide{min-height:280px}.carousel-arrow{width:36px;height:36px}.category-tile{min-height:140px}}.skeleton{background:linear-gradient(90deg,var(--noble-gray-100) 25%,var(--noble-gray-200) 50%,var(--noble-gray-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/style.css.map */