/* AFFILUXE MINIFIED CSS WITH COMPATIBILITY IMPROVEMENTS */
/* Generated: $(date) */

/* CSS Variables with IE11 Fallbacks */
:root{--primary-color:#1e40af;--primary-light:#3b82f6;--primary-dark:#1e3a8a;--white:#ffffff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--transition-fast:0.15s ease-in-out;--transition-normal:0.3s ease-in-out;--transition-slow:0.5s ease-in-out}

/* Base Styles with Fallbacks */
html{font-size:16px;scroll-behavior:smooth}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;color:#1f2937;background:#f9fafb;margin:0;padding:0}

/* IE11 Grid Fallbacks */
.products-grid,.hero-stats-modern,.footer-grid,.platforms-grid,.blog-grid{display:flex;flex-wrap:wrap;gap:1rem}
@supports (display:grid){.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.hero-stats-modern{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2.5rem}.platforms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}}

/* Backdrop Filter Fallbacks */
.modern-card,.product-card,.hero-card-3d,.stat-item-modern,.newsletter-input-group,.affiluxe-search-area{background:rgba(255,255,255,0.9);border:1px solid rgba(0,0,0,0.1)}
@supports (backdrop-filter:blur(10px)){.modern-card,.product-card,.hero-card-3d,.stat-item-modern,.newsletter-input-group,.affiluxe-search-area{background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2)}}

/* Enhanced Focus Indicators */
.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-hero-primary-modern,.btn-hero-secondary-modern,.affiluxe-nav-link,.affiluxe-search-btn,.favorite-btn,.compare-btn,.quick-view-btn,.social-btn,.platform-card,.blog-card,.product-card{position:relative;transition:all 0.3s ease}
.btn:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-outline:focus-visible,.btn-hero-primary-modern:focus-visible,.btn-hero-secondary-modern:focus-visible,.affiluxe-nav-link:focus-visible,.affiluxe-search-btn:focus-visible,.favorite-btn:focus-visible,.compare-btn:focus-visible,.quick-view-btn:focus-visible,.social-btn:focus-visible{outline:3px solid #1e40af;outline-offset:2px;box-shadow:0 0 0 6px rgba(30,64,175,0.2)}
.platform-card:focus-visible,.blog-card:focus-visible,.product-card:focus-visible{outline:3px solid #1e40af;outline-offset:4px;box-shadow:0 0 0 8px rgba(30,64,175,0.15)}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #1e40af;outline-offset:2px;box-shadow:0 0 0 6px rgba(30,64,175,0.2)}

/* Reduced Motion Support */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}.gradient-animation,.floating-particles,.shape,.hero-card-3d,.stat-item-modern::before,.btn-ripple{animation:none!important}.product-card:hover,.blog-card:hover,.platform-card:hover{transform:none}.btn:hover,.affiluxe-nav-link:hover{transform:none}}

/* Improved Contrast Ratios */
.text-muted,.rating-text,.blog-meta,.copyright-sub,.footer-links a{color:#6b7280}
.product-title,.blog-title,.section-title{color:#111827}
.btn-outline{border-color:#1e40af;color:#1e40af}
.btn-outline:hover{background-color:#1e40af;color:#ffffff}

/* Skip Link */
.skip-link{position:absolute;top:-40px;left:6px;background:#1e40af;color:white;padding:8px;text-decoration:none;border-radius:4px;z-index:10000;transition:top 0.3s}
.skip-link:focus{top:6px}

/* Screen Reader Only */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Mobile Responsive Improvements */
@media (max-width:768px){.btn,.favorite-btn,.compare-btn,.quick-view-btn{min-height:44px;min-width:44px;padding:12px 16px}.affiluxe-nav-link,.affiluxe-main-category-btn{min-height:44px;padding:12px 16px}.products-grid{gap:0.75rem;padding:0 0.75rem}.product-card{margin-bottom:1rem}}

/* High Contrast Mode Support */
@media (prefers-contrast:high){.btn-primary{background-color:#000000;color:#ffffff;border:2px solid #000000}.btn-secondary{background-color:#ffffff;color:#000000;border:2px solid #000000}.product-card,.blog-card,.platform-card{border:2px solid #000000}.text-muted{color:#000000}}

/* Print Styles */
@media print{.btn,.favorite-btn,.compare-btn,.quick-view-btn,.social-btn,.newsletter-section,.affiluxe-header-actions{display:none!important}*{background:white!important;color:black!important;box-shadow:none!important}.product-title,.blog-title,.section-title{color:black!important;font-weight:bold}}

/* Header Styles */
.aff-header{background:linear-gradient(135deg,rgba(255,255,255,0.98) 0%,rgba(248,250,252,0.98) 100%);backdrop-filter:blur(20px);box-shadow:0 8px 32px rgba(30,64,175,0.12);padding:0;border-bottom:1px solid rgba(59,130,246,0.15);position:sticky;top:0;z-index:1021;transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}
.affiluxe-header-container{max-width:1250px;margin:0 auto;display:flex;align-items:center;gap:12px;min-height:70px;padding:0 20px;font-size:1em;background:transparent;justify-content:center;height:70px;position:relative;z-index:2}
.affiluxe-logo{display:flex;align-items:center;text-decoration:none;padding:0;position:relative}
.affiluxe-logo-img{height:140px;width:auto;display:block;filter:drop-shadow(0 4px 12px rgba(30,64,175,0.2));transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}
.affiluxe-logo:hover .affiluxe-logo-img{transform:scale(1.08) rotate(2deg);filter:drop-shadow(0 8px 20px rgba(30,64,175,0.3))}

/* Hero Section */
.hero-section-modern{background:linear-gradient(135deg,#667eea 0%,#764ba2 25%,#f093fb 50%,#4facfe 75%,#00f2fe 100%);color:white;padding:2rem 0;min-height:400px;display:flex;align-items:center;position:relative;overflow:hidden;perspective:1000px}
.hero-container-modern{max-width:100%;margin:0 auto;padding:0 2rem;position:relative;z-index:2}
.hero-content-modern{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;margin-bottom:2rem}
.hero-title-modern{font-size:2.2rem;font-weight:800;margin-bottom:1rem;color:white;text-shadow:0 4px 8px rgba(0,0,0,0.3);line-height:1.2}
.hero-subtitle-modern{font-size:1rem;margin-bottom:1.5rem;color:rgba(255,255,255,0.9);line-height:1.5;font-weight:400}

/* Product Cards */
.product-card{background:rgba(255,255,255,0.9);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,0.1);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);position:relative;cursor:pointer}
.product-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,0.15);border-color:rgba(102,126,234,0.3)}
.product-image{aspect-ratio:1/1;overflow:hidden;background:#f3f4f6;position:relative}
.product-img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}
.product-card:hover .product-img{transform:scale(1.1)}
.product-info{padding:1rem}
.product-title{font-size:0.9rem;font-weight:600;margin-bottom:0.5rem;color:#111827;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.6em}
.product-price{margin-bottom:1rem}
.current-price{font-size:1.1rem;font-weight:700;color:#1e40af}
.original-price{font-size:0.8rem;color:#6b7280;text-decoration:line-through;margin-left:0.5rem}

/* Footer */
.modern-footer{background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#334155 100%);color:white;padding:0;margin-top:4rem;width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);position:relative;overflow:hidden}
.footer-container{max-width:100%;margin:0;padding:0;position:relative;z-index:1}
.newsletter-section{background:linear-gradient(135deg,#667eea 0%,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe 100%);background-size:400% 400%;animation:gradientShift 8s ease-in-out infinite;padding:2rem 0;text-align:center;width:100%;margin:0;position:relative;overflow:hidden}
@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

/* Mobile Responsive */
@media (max-width:768px){.hero-section-modern{min-height:350px;padding:1.5rem 0}.hero-content-modern{grid-template-columns:1fr!important;gap:1.5rem;text-align:center;padding:0 1rem}.hero-title-modern{font-size:1.8rem!important;line-height:1.2}.hero-subtitle-modern{font-size:0.9rem!important;padding:0 1rem}.newsletter-section{padding:1rem 0}.newsletter-content h2{font-size:1.1rem}.footer-links-section{padding:1rem 0}.footer-grid{grid-template-columns:1fr;gap:1rem}.footer-bottom-content{flex-direction:column;gap:0.5rem;text-align:center}}
@media (max-width:480px){.hero-section-modern{min-height:300px;padding:1rem 0}.hero-title-modern{font-size:1.4rem!important}.hero-subtitle-modern{font-size:0.8rem!important}}