:root{--glass-white: rgba(255, 255, 255, .7);--glass-white-solid: rgba(255, 255, 255, .9);--glass-dark: rgba(0, 0, 0, .4);--glass-accent: rgba(220, 38, 38, .1);--glass-border: rgba(255, 255, 255, .2);--glass-border-dark: rgba(0, 0, 0, .05);--modern-bg: #f8fafc;--modern-bg-alt: #f1f5f9;--modern-white: #ffffff;--modern-black: #0f172a;--modern-gray-50: #f8fafc;--modern-gray-100: #f1f5f9;--modern-gray-200: #e2e8f0;--modern-gray-300: #cbd5e1;--modern-gray-400: #94a3b8;--modern-gray-500: #64748b;--modern-gray-600: #475569;--modern-gray-700: #334155;--modern-gray-800: #1e293b;--modern-gray-900: #0f172a;--modern-accent: #dc2626;--modern-accent-light: #fef2f2;--modern-accent-gradient: linear-gradient(135deg, #dc2626 0%, #ea580c 100%);--blur-sm: 8px;--blur-md: 16px;--blur-lg: 24px;--blur-xl: 40px;--shadow-glass: 0 8px 32px rgba(0, 0, 0, .08);--shadow-glass-lg: 0 16px 48px rgba(0, 0, 0, .12);--shadow-glass-inset: inset 0 1px 1px rgba(255, 255, 255, .4);--shadow-soft: 0 2px 8px rgba(0, 0, 0, .04);--shadow-medium: 0 4px 16px rgba(0, 0, 0, .08);--shadow-elevated: 0 12px 40px rgba(0, 0, 0, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--section-gap: clamp(80px, 10vw, 140px);--content-gap: clamp(40px, 6vw, 80px)}.glass-card{background:var(--glass-white);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-glass),var(--shadow-glass-inset);transition:all .4s cubic-bezier(.4,0,.2,1)}.glass-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-glass-lg),var(--shadow-glass-inset)}.glass-card-solid{background:var(--glass-white-solid);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border:1px solid var(--glass-border-dark);border-radius:var(--radius-xl);box-shadow:var(--shadow-glass)}.glass-card-dark{background:var(--glass-dark);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);color:#fff}.section-modern{position:relative;padding:var(--section-gap) 0;overflow:hidden}.section-modern-gradient{background:linear-gradient(180deg,var(--modern-bg) 0%,var(--modern-white) 100%)}.section-modern-mesh{background:radial-gradient(ellipse at 20% 0%,rgba(220,38,38,.05) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(249,115,22,.05) 0%,transparent 50%),var(--modern-bg)}.section-dark{background:var(--modern-gray-900);color:var(--modern-white)}.section-dark .glass-card{background:#ffffff0d;border-color:#ffffff1a}.modern-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--modern-accent);margin-bottom:16px}.modern-eyebrow:before{content:"";width:24px;height:2px;background:var(--modern-accent);border-radius:1px}.modern-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--modern-gray-900);margin-bottom:16px}.modern-title-lg{font-size:clamp(2.5rem,7vw,5rem)}.modern-title-sm{font-size:clamp(1.5rem,3vw,2rem)}.modern-subtitle{font-size:clamp(1rem,2vw,1.25rem);line-height:1.7;color:var(--modern-gray-500);max-width:600px}.section-dark .modern-title{color:var(--modern-white)}.section-dark .modern-subtitle{color:var(--modern-gray-400)}.btn-modern{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;font-size:.875rem;font-weight:600;text-decoration:none;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-modern-primary{background:var(--modern-gray-900);color:var(--modern-white)}.btn-modern-primary:hover{background:var(--modern-gray-800);transform:translateY(-2px);box-shadow:0 8px 24px #0f172a33}.btn-modern-accent{background:var(--modern-accent);color:var(--modern-white)}.btn-modern-accent:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:0 8px 24px #dc26264d}.btn-modern-glass{background:var(--glass-white);backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm));border:1px solid var(--glass-border-dark);color:var(--modern-gray-900)}.btn-modern-glass:hover{background:var(--modern-white);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.btn-modern-outline{background:transparent;border:2px solid var(--modern-gray-200);color:var(--modern-gray-700)}.btn-modern-outline:hover{border-color:var(--modern-gray-900);color:var(--modern-gray-900)}.btn-modern svg{width:18px;height:18px;transition:transform .3s ease}.btn-modern:hover svg{transform:translate(4px)}.hero-modern{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:var(--modern-bg);overflow:hidden}.hero-modern-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(220,38,38,.15),transparent),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(249,115,22,.1),transparent),radial-gradient(ellipse 50% 30% at 20% 80%,rgba(220,38,38,.08),transparent);pointer-events:none}.hero-modern-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--modern-gray-200) 1px,transparent 1px),linear-gradient(90deg,var(--modern-gray-200) 1px,transparent 1px);background-size:60px 60px;opacity:.4;mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%)}.hero-modern-content{position:relative;z-index:2;text-align:center;max-width:900px;padding:40px}.hero-modern-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--glass-white);backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm));border:1px solid var(--glass-border-dark);border-radius:var(--radius-full);font-size:.8125rem;font-weight:500;color:var(--modern-gray-700);margin-bottom:32px}.hero-modern-badge-dot{width:8px;height:8px;background:var(--modern-accent);border-radius:50%;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.hero-modern-title{font-size:clamp(2.5rem,8vw,5.5rem);font-weight:700;line-height:1.05;letter-spacing:-.03em;color:var(--modern-gray-900);margin-bottom:24px}.hero-modern-title span{background:var(--modern-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-modern-subtitle{font-size:clamp(1.125rem,2.5vw,1.375rem);line-height:1.7;color:var(--modern-gray-500);max-width:600px;margin:0 auto 40px}.hero-modern-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.hero-modern-stats{display:flex;justify-content:center;gap:48px;margin-top:64px;padding-top:40px;border-top:1px solid var(--modern-gray-200)}.hero-modern-stat{text-align:center}.hero-modern-stat-value{display:block;font-size:2rem;font-weight:700;color:var(--modern-gray-900)}.hero-modern-stat-label{font-size:.875rem;color:var(--modern-gray-500)}.categories-modern{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.category-card-modern{position:relative;padding:32px;background:var(--glass-white-solid);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid var(--glass-border-dark);border-radius:var(--radius-xl);text-decoration:none;color:inherit;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.category-card-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--modern-accent-gradient);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.category-card-modern:hover{transform:translateY(-8px);box-shadow:var(--shadow-elevated)}.category-card-modern:hover:before{transform:scaleX(1)}.category-card-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--modern-accent-light);border-radius:var(--radius-lg);margin-bottom:20px;color:var(--modern-accent);transition:all .3s ease}.category-card-modern:hover .category-card-icon{background:var(--modern-accent);color:#fff}.category-card-title{font-size:1.25rem;font-weight:600;color:var(--modern-gray-900);margin-bottom:8px}.category-card-desc{font-size:.9375rem;line-height:1.6;color:var(--modern-gray-500);margin-bottom:16px}.category-card-link{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;font-weight:600;color:var(--modern-accent)}.category-card-link svg{width:16px;height:16px;transition:transform .3s ease}.category-card-modern:hover .category-card-link svg{transform:translate(4px)}@media (max-width: 1024px){.categories-modern{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.categories-modern{grid-template-columns:1fr}}.product-card-modern{position:relative;background:var(--modern-white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-soft);transition:all .4s cubic-bezier(.4,0,.2,1)}.product-card-modern:hover{box-shadow:var(--shadow-elevated);transform:translateY(-8px)}.product-card-modern-image{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:var(--modern-gray-100)}.product-card-modern-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.product-card-modern:hover .product-card-modern-image img{transform:scale(1.08)}.product-card-modern-badge{position:absolute;top:16px;left:16px;padding:6px 12px;background:var(--modern-accent);color:#fff;font-size:.75rem;font-weight:600;border-radius:var(--radius-full)}.product-card-modern-quick{position:absolute;bottom:16px;left:16px;right:16px;padding:14px;background:var(--glass-white-solid);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border-radius:var(--radius-lg);font-size:.875rem;font-weight:600;color:var(--modern-gray-900);text-align:center;opacity:0;transform:translateY(16px);transition:all .3s ease;cursor:pointer;border:none}.product-card-modern:hover .product-card-modern-quick{opacity:1;transform:translateY(0)}.product-card-modern-info{padding:20px}.product-card-modern-title{font-size:1rem;font-weight:600;color:var(--modern-gray-900);margin-bottom:8px;transition:color .3s ease}.product-card-modern:hover .product-card-modern-title{color:var(--modern-accent)}.product-card-modern-price{display:flex;align-items:center;gap:8px}.product-card-modern-price-current{font-size:1.125rem;font-weight:700;color:var(--modern-gray-900)}.product-card-modern-price-compare{font-size:.875rem;color:var(--modern-gray-400);text-decoration:line-through}.testimonial-card-modern{padding:32px;background:var(--glass-white-solid);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid var(--glass-border-dark);border-radius:var(--radius-xl);transition:all .4s ease}.testimonial-card-modern:hover{transform:translateY(-4px);box-shadow:var(--shadow-glass-lg)}.testimonial-card-quote{font-size:2rem;color:var(--modern-accent);margin-bottom:16px;line-height:1}.testimonial-card-text{font-size:1.0625rem;line-height:1.7;color:var(--modern-gray-600);margin-bottom:24px}.testimonial-card-author{display:flex;align-items:center;gap:16px}.testimonial-card-avatar{width:48px;height:48px;border-radius:50%;background:var(--modern-accent-light);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--modern-accent)}.testimonial-card-author-name{font-weight:600;color:var(--modern-gray-900)}.testimonial-card-author-role{font-size:.875rem;color:var(--modern-gray-500)}.testimonial-card-rating{display:flex;gap:2px;margin-bottom:16px}.testimonial-card-rating svg{width:18px;height:18px;fill:#fbbf24}.stats-modern{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.stat-modern{padding:32px;background:var(--glass-white);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid var(--glass-border-dark);border-radius:var(--radius-xl);text-align:center}.stat-modern-value{font-size:2.5rem;font-weight:700;color:var(--modern-gray-900);line-height:1;margin-bottom:8px}.stat-modern-value span{color:var(--modern-accent)}.stat-modern-label{font-size:.875rem;color:var(--modern-gray-500)}@media (max-width: 768px){.stats-modern{grid-template-columns:repeat(2,1fr)}}.benefits-modern{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.benefit-modern{padding:32px 24px;text-align:center;background:var(--modern-white);border:1px solid var(--modern-gray-100);border-radius:var(--radius-xl);transition:all .3s ease}.benefit-modern:hover{border-color:var(--modern-accent);box-shadow:var(--shadow-medium)}.benefit-modern-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;background:var(--modern-accent-light);border-radius:var(--radius-lg);color:var(--modern-accent)}.benefit-modern-title{font-size:1rem;font-weight:600;color:var(--modern-gray-900);margin-bottom:8px}.benefit-modern-desc{font-size:.875rem;line-height:1.6;color:var(--modern-gray-500)}@media (max-width: 1024px){.benefits-modern{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.benefits-modern{grid-template-columns:1fr}}.faq-modern{max-width:800px;margin:0 auto}.faq-item-modern{background:var(--modern-white);border:1px solid var(--modern-gray-100);border-radius:var(--radius-lg);margin-bottom:12px;overflow:hidden;transition:all .3s ease}.faq-item-modern:hover,.faq-item-modern[open]{border-color:var(--modern-gray-200);box-shadow:var(--shadow-soft)}.faq-item-modern summary{padding:20px 24px;font-size:1rem;font-weight:600;color:var(--modern-gray-900);cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none}.faq-item-modern summary::-webkit-details-marker{display:none}.faq-item-modern summary:after{content:"+";font-size:1.5rem;font-weight:300;color:var(--modern-gray-400);transition:transform .3s ease}.faq-item-modern[open] summary:after{transform:rotate(45deg)}.faq-item-modern-answer{padding:0 24px 20px;font-size:.9375rem;line-height:1.7;color:var(--modern-gray-600)}.cta-modern{position:relative;padding:80px 40px;background:var(--modern-gray-900);border-radius:var(--radius-2xl);text-align:center;overflow:hidden}.cta-modern:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,rgba(220,38,38,.3),transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(249,115,22,.2),transparent 50%);pointer-events:none}.cta-modern-content{position:relative;z-index:1;max-width:600px;margin:0 auto}.cta-modern-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:var(--modern-white);margin-bottom:16px}.cta-modern-desc{font-size:1.125rem;color:var(--modern-gray-400);margin-bottom:32px}.cta-modern .btn-modern-accent{background:var(--modern-white);color:var(--modern-gray-900)}.cta-modern .btn-modern-accent:hover{background:var(--modern-gray-100)}.brands-modern{padding:48px 0;background:var(--modern-gray-50);border-top:1px solid var(--modern-gray-100);border-bottom:1px solid var(--modern-gray-100)}.brands-modern-track{display:flex;gap:64px;animation:marquee-modern 30s linear infinite}.brands-modern-item{flex-shrink:0;height:32px;opacity:.4;filter:grayscale(100%);transition:all .3s ease}.brands-modern-item:hover{opacity:1;filter:grayscale(0%)}@keyframes marquee-modern{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 768px){.hero-modern-stats{flex-direction:column;gap:24px}.hero-modern-actions{flex-direction:column;align-items:stretch}.hero-modern-content{padding:24px}}.fade-in-up{opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}
/*# sourceMappingURL=/cdn/shop/t/9/assets/modern-glass.css.map */