html{text-size-adjust:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}@supports (backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px)){[class*=backdrop-filter],[style*=backdrop-filter]{-webkit-backdrop-filter:inherit;backdrop-filter:inherit}}img{image-rendering:crisp-edges;image-rendering:-webkit-optimize-contrast}.custom-scrollbar,[class*=scrollbar]{scrollbar-width:thin;scrollbar-color:rgba(156,163,175,.5) transparent;&::-webkit-scrollbar{width:8px;height:8px}&::-webkit-scrollbar-track{background:transparent}&::-webkit-scrollbar-thumb{background:#9ca3af80;border-radius:4px}&::-webkit-scrollbar-thumb:hover{background:#9ca3afcc}}*{min-height:0;min-height:auto}@keyframes professionalSpin{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sr-only:focus{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}:root{--primary-color: #3b82f6;--primary-hover: #2563eb;--primary-light: #dbeafe;--primary-dark: #1e40af;--secondary-color: #6366f1;--secondary-hover: #4f46e5;--secondary-light: #e0e7ff;--accent-color: #f59e0b;--accent-hover: #d97706;--accent-light: #fef3c7;--success-color: #10b981;--success-hover: #059669;--success-light: #d1fae5;--error-color: #ef4444;--error-hover: #dc2626;--error-light: #fee2e2;--warning-color: #f59e0b;--warning-hover: #d97706;--warning-light: #fef3c7;--info-color: #06b6d4;--info-hover: #0891b2;--info-light: #cffafe;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-quaternary: #e2e8f0;--bg-dark: #0f172a;--bg-dark-secondary: #1e293b;--bg-dark-tertiary: #334155;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-light: #94a3b8;--text-white: #ffffff;--text-inverse: #f8fafc;--border-light: #e2e8f0;--border-medium: #cbd5e1;--border-dark: #94a3b8;--border-primary: var(--primary-color);--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--gradient-secondary: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);--gradient-accent: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-error: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--gradient-mystic: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);--gradient-ocean: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);--gradient-fire: linear-gradient(135deg, #f97316 0%, #ea580c 100%);--gradient-sunset: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);--gradient-aurora: linear-gradient(135deg, #10b981 0%, #3b82f6 100%);--spacing-0: 0;--spacing-px: 1px;--spacing-0_5: .125rem;--spacing-1: .25rem;--spacing-1_5: .375rem;--spacing-2: .5rem;--spacing-2_5: .625rem;--spacing-3: .75rem;--spacing-3_5: .875rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-14: 3.5rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-28: 7rem;--spacing-32: 8rem;--spacing-36: 9rem;--spacing-40: 10rem;--spacing-44: 11rem;--spacing-48: 12rem;--spacing-52: 13rem;--spacing-56: 14rem;--spacing-60: 15rem;--spacing-64: 16rem;--spacing-72: 18rem;--spacing-80: 20rem;--spacing-96: 24rem;--spacing-xs: var(--spacing-1);--spacing-sm: var(--spacing-2);--spacing-md: var(--spacing-4);--spacing-lg: var(--spacing-6);--spacing-xl: var(--spacing-8);--spacing-2xl: var(--spacing-12);--radius-none: 0;--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-size-7xl: 4.5rem;--font-size-8xl: 6rem;--font-size-9xl: 8rem;--font-weight-thin: 100;--font-weight-extralight: 200;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--transition-none: none;--transition-all: all .15s cubic-bezier(.4, 0, .2, 1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-colors: color .15s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), border-color .15s cubic-bezier(.4, 0, .2, 1);--transition-opacity: opacity .15s cubic-bezier(.4, 0, .2, 1);--transition-shadow: box-shadow .15s cubic-bezier(.4, 0, .2, 1);--transition-transform: transform .15s cubic-bezier(.4, 0, .2, 1);--z-0: 0;--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50;--z-auto: auto;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--container-max-width: 1200px;--header-height: 70px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}*{font-size:inherit}p,span,div,a,button,input,textarea,select,label{font-size:max(var(--font-size-sm),1rem)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}*{font-size:max(inherit,14px)}small,.small,.text-sm{font-size:max(var(--font-size-sm),14px)!important}button,.btn,input,textarea,select{font-size:max(var(--font-size-base),16px)!important}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-primary);margin:0}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold)}h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}h5{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}h6{font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}p{margin:0;line-height:var(--line-height-relaxed)}a{color:var(--primary-color);text-decoration:none;transition:var(--transition-colors)}a:hover{color:var(--primary-hover)}*:focus{outline:2px solid var(--primary-color);outline-offset:2px}*:focus:not(:focus-visible){outline:none}*:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.header-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);display:flex;align-items:center;justify-content:space-between;height:70px}.logo h1{color:var(--primary-color);font-size:1.5rem;font-weight:700;text-decoration:none}.desktop-nav{display:flex;gap:var(--spacing-lg)}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.nav-link:hover{color:var(--primary-color)}.search-container{flex:1;max-width:400px;margin:0 var(--spacing-lg)}.search-input{width:100%;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 2.5rem;border:1px solid var(--border-light);border-radius:var(--radius-lg);font-size:.875rem;transition:border-color var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.user-actions{display:flex;align-items:center;gap:var(--spacing-md)}.auth-button{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);text-decoration:none;font-weight:500;transition:all var(--transition-fast)}.auth-button.login{color:var(--text-secondary)}.auth-button.login:hover{color:var(--primary-color)}.auth-button.register{background-color:var(--primary-color);color:var(--text-white)}.auth-button.register:hover{background-color:var(--primary-hover)}.user-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.user-button:hover{background-color:var(--bg-secondary)}.user-name{font-weight:500;color:var(--text-primary)}.user-menu{position:absolute;top:100%;right:0;background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:200px;z-index:1000;margin-top:var(--spacing-sm)}.user-info{padding:var(--spacing-md);border-bottom:1px solid var(--border-light)}.user-email{color:var(--text-secondary);font-size:.875rem}.user-menu-items{padding:var(--spacing-sm)}.user-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);text-decoration:none;border-radius:var(--radius-md);transition:background-color var(--transition-fast);border:none;background:none;width:100%;text-align:left;cursor:pointer;font-size:.875rem}.user-menu-item:hover{background-color:var(--bg-secondary)}.user-menu-item.logout{color:var(--error-color)}.mobile-menu-button{display:none;background:none;border:none;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.mobile-menu-button:hover{background-color:var(--bg-secondary)}.mobile-nav{display:none;background-color:var(--bg-primary);border-top:1px solid var(--border-light);box-shadow:var(--shadow-md)}.mobile-nav-content{max-width:1200px;margin:0 auto;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.mobile-nav-link{padding:var(--spacing-md);color:var(--text-primary);text-decoration:none;border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.mobile-nav-link:hover{background-color:var(--bg-secondary)}.mobile-nav-link.auth{background-color:var(--primary-color);color:var(--text-white);text-align:center}.user-menu-overlay{position:fixed;inset:0;z-index:999}.product-card{background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-normal);cursor:pointer;position:relative;box-shadow:var(--shadow-sm);backdrop-filter:blur(10px);background:#fffffff2}.product-card:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-normal);z-index:1;pointer-events:none;border-radius:var(--radius-xl)}.product-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f614,#2563eb14);opacity:0;transition:opacity var(--transition-normal);z-index:1;pointer-events:none;border-radius:var(--radius-xl)}.product-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-2xl);border-color:var(--primary-color);background:#fff}.product-card:hover:before{opacity:.05}.product-card:hover:after{opacity:1}.product-card:active{transform:translateY(-4px) scale(1.01);transition:transform var(--transition-fast)}.product-image-container{position:relative;aspect-ratio:1;overflow:hidden;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.product-image{width:100%;height:100%;object-fit:cover;transition:all var(--transition-normal);background-color:var(--bg-secondary);position:relative}.product-image:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);transform:translate(-100%);transition:transform .8s cubic-bezier(.4,0,.2,1);z-index:2}.product-card:hover .product-image:before{transform:translate(100%)}.product-card:hover .product-image{transform:scale(1.08);filter:brightness(1.05) contrast(1.02)}.image-skeleton{position:absolute;inset:0;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-quaternary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 1.5s infinite}.product-image.loaded{opacity:1}.product-image.loading{opacity:.7}.discount-badge{position:absolute;top:var(--spacing-3);left:var(--spacing-3);background:var(--gradient-error);color:var(--text-white);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);z-index:3;box-shadow:var(--shadow-md);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;gap:var(--spacing-1)}body.profile-page{overflow-x:hidden}.profile-main{min-height:100vh;width:100%;margin:0;padding:0!important}body.profile-page .app{min-height:100vh;display:flex;flex-direction:column}body.profile-page .main-content{flex:1;width:100%;margin:0;padding:0!important}body.profile-page header,body.profile-page .header,body.profile-page footer,body.profile-page .footer{display:none!important}.main-content{transition:padding-top .3s ease}body.profile-page .admin-profile-container,body.profile-page .profile-container{margin:0;padding:0;min-height:100vh}.like-button{position:absolute;top:var(--spacing-3);right:var(--spacing-3);background:#fffffff2;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);z-index:3;box-shadow:var(--shadow-md)}.like-button:hover{background:#fff;transform:scale(1.1);box-shadow:var(--shadow-lg)}.like-button.liked{color:var(--error-color);background:var(--error-light);border-color:var(--error-color)}.like-button.liked:hover{background:var(--error-color);color:var(--text-white)}.product-info{padding:var(--spacing-md);position:relative;z-index:2;background-color:var(--bg-primary)}.product-category{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs)}.product-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 768px){.product-name{margin-bottom:0!important}}.product-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:var(--spacing-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-rating{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.stars .filled{color:var(--accent-color)}.rating-text{color:var(--text-muted);font-size:.75rem}.product-price{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.current-price{font-size:1.25rem;font-weight:700;color:var(--primary-color)}.original-price{font-size:1rem;color:var(--text-muted);text-decoration:line-through}.product-actions{margin-bottom:var(--spacing-sm)}.buy-button{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:var(--gradient-primary);color:var(--text-white);border:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.buy-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.buy-button:hover:not(:disabled){background:var(--gradient-primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.buy-button:hover:not(:disabled):before{left:100%}.buy-button:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.buy-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.quick-view-button{position:absolute;bottom:var(--spacing-3);left:50%;transform:translate(-50%);background:#fffffff2;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);padding:var(--spacing-2) var(--spacing-3);color:var(--text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);z-index:3;box-shadow:var(--shadow-md);display:flex;align-items:center;gap:var(--spacing-1);opacity:0;visibility:hidden}.product-card:hover .quick-view-button{opacity:1;visibility:visible;transform:translate(-50%) translateY(-4px)}.quick-view-button:hover{background:var(--primary-color);color:var(--text-white);transform:translate(-50%) translateY(-6px);box-shadow:var(--shadow-lg)}.product-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.1) 100%);opacity:0;transition:opacity var(--transition-normal);z-index:2}.product-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-1);margin-top:var(--spacing-2)}.tag{display:inline-block;padding:var(--spacing-1) var(--spacing-2);background:var(--primary-light);color:var(--primary-dark);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);border:1px solid var(--primary-color);transition:all var(--transition-fast)}.tag:hover{background:var(--primary-color);color:var(--text-white);transform:scale(1.05)}.product-brand{color:var(--text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--spacing-2);font-weight:var(--font-weight-medium)}.out-of-stock{color:var(--error-color);font-size:.875rem;font-weight:500;text-align:center;padding:var(--spacing-sm);background-color:#ef44441a;border-radius:var(--radius-md)}.product-list-container{padding:var(--spacing-xl) 0}.product-filters{background-color:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:center}.search-container{flex:1;min-width:250px;position:relative}.filter-controls{display:flex;gap:var(--spacing-md);align-items:center}.filter-group{display:flex;align-items:center;gap:var(--spacing-sm)}.filter-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-light);border-radius:var(--radius-md);background-color:var(--bg-primary);color:var(--text-primary);font-size:.875rem;cursor:pointer}.view-toggle{display:flex;border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden}.view-button{padding:var(--spacing-sm);background-color:var(--bg-primary);border:none;cursor:pointer;transition:background-color var(--transition-fast)}.view-button:hover{background-color:var(--bg-secondary)}.view-button.active{background-color:var(--primary-color);color:var(--text-white)}.products-container{display:grid;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.products-container.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.products-container.list{grid-template-columns:1fr}.products-container.list .product-card{display:flex;flex-direction:row;max-height:200px}.products-container.list .product-image-container{width:200px;aspect-ratio:1;flex-shrink:0}.products-container.list .product-info{flex:1;display:flex;flex-direction:column;justify-content:space-between}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-20);gap:var(--spacing-6);text-align:center;min-height:50vh}.loading-container h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.loading-container p{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}.loading-spinner-large{width:64px;height:64px;position:relative;display:inline-block}.loading-spinner-large:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:4px solid transparent;border-top-color:#3b82f6;border-right-color:#8b5cf6;border-bottom-color:#ec4899;border-left-color:#f59e0b;animation:professionalSpin 1.2s cubic-bezier(.68,-.55,.265,1.55) infinite}.loading-spinner-large:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:70%;border-radius:50%;border:3px solid transparent;border-top-color:#60a5fa;border-right-color:#a78bfa;animation:professionalSpin .8s linear infinite reverse;opacity:.7}.error-message{background-color:#ef44441a;border:1px solid var(--error-color);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);text-align:center}.retry-button{background-color:var(--error-color);color:var(--text-white);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;font-weight:500;transition:background-color var(--transition-fast)}.retry-button:hover{background-color:#dc2626}.no-products{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.clear-filters-button{background-color:var(--primary-color);color:var(--text-white);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;font-weight:500;margin-top:var(--spacing-md);transition:background-color var(--transition-fast)}.clear-filters-button:hover{background-color:var(--primary-hover)}.load-more-container{text-align:center;margin-top:var(--spacing-xl)}.load-more-button{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-light);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);cursor:pointer;font-weight:500;transition:all var(--transition-fast)}.load-more-button:hover{background-color:var(--primary-color);color:var(--text-white);border-color:var(--primary-color)}.results-summary{text-align:center;color:var(--text-secondary);font-size:.875rem;margin-top:var(--spacing-lg)}@media (max-width: 1024px){.container{padding:0 var(--spacing-6)}.products-showcase{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--spacing-4)}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-4)}.intro-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-6)}}@media (max-width: 768px){.desktop-nav{display:none}.mobile-menu-button,.mobile-nav{display:block}.search-container{display:none}.user-actions{gap:var(--spacing-2)}.auth-buttons{display:none}.header-container{padding:0 var(--spacing-4)}.logo-text{font-size:var(--font-size-xl)}.products-showcase{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-4)}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-2)}.category-card{padding:var(--spacing-4)}.category-icon{font-size:var(--font-size-2xl)}.intro-title{font-size:var(--font-size-4xl)}.intro-description{font-size:var(--font-size-lg)}.intro-stats{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--spacing-4)}.intro-stat{padding:var(--spacing-4)}.stat-number{font-size:var(--font-size-3xl)}.section-title{font-size:var(--font-size-2xl)}.section-subtitle{font-size:var(--font-size-base)}.container{padding:0 var(--spacing-4)}.product-filters{flex-direction:column;align-items:stretch}.filter-controls{flex-wrap:wrap;justify-content:center}}@media (max-width: 480px){.products-showcase{grid-template-columns:repeat(4,1fr);gap:4px;padding:4px}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--spacing-1)}.category-card{padding:var(--spacing-3)}.category-icon{font-size:var(--font-size-xl)}.intro-title{font-size:var(--font-size-3xl)}.intro-description{font-size:var(--font-size-base)}.intro-stats{grid-template-columns:1fr;gap:var(--spacing-3)}.intro-stat{padding:var(--spacing-3)}.stat-number{font-size:var(--font-size-2xl)}.section-title{font-size:var(--font-size-xl)}.section-subtitle{font-size:var(--font-size-sm)}.header-container{padding:0 var(--spacing-3)}.logo-text{font-size:var(--font-size-lg)}.container{padding:0 var(--spacing-3)}.loading-container{padding:var(--spacing-12)}.loading-container h3{font-size:var(--font-size-lg)}.loading-container p{font-size:var(--font-size-sm)}}:root{--theme-color: #667eea;--theme-color-dark: #4c1d95;--app-theme-color: var(--theme-color);--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--secondary-50: #f8fafc;--secondary-100: #f1f5f9;--secondary-200: #e2e8f0;--secondary-300: #cbd5e1;--secondary-400: #94a3b8;--secondary-500: #64748b;--secondary-600: #475569;--secondary-700: #334155;--secondary-800: #1e293b;--secondary-900: #0f172a;--success-50: #f0fdf4;--success-100: #dcfce7;--success-200: #bbf7d0;--success-300: #86efac;--success-400: #4ade80;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--success-800: #166534;--success-900: #14532d;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-300: #fcd34d;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--warning-800: #92400e;--warning-900: #78350f;--error-50: #fef2f2;--error-100: #fee2e2;--error-200: #fecaca;--error-300: #fca5a5;--error-400: #f87171;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--error-800: #991b1b;--error-900: #7f1d1d;--info-50: #f0f9ff;--info-100: #e0f2fe;--info-200: #bae6fd;--info-300: #7dd3fc;--info-400: #38bdf8;--info-500: #0ea5e9;--info-600: #0284c7;--info-700: #0369a1;--info-800: #075985;--info-900: #0c4a6e;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverse: #ffffff;--border-light: #e2e8f0;--border-medium: #cbd5e1;--border-dark: #94a3b8;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-32: 8rem;--font-size-xs: .875rem;--font-size-sm: 1rem;--font-size-base: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.625rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3.25rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-none: 0;--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--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 -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--header-height: 80px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px}@media (max-width: 991px){:root{--header-height: 72px}}@media (max-width: 575px){:root{--header-height: 60px}}@media (prefers-color-scheme: dark){:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #64748b;--border-light: #334155;--border-medium: #475569;--border-dark: #64748b}}.header{position:fixed;top:0;left:0;right:0;width:100vw;background:#000;backdrop-filter:none;border:none;z-index:var(--z-fixed);transition:all var(--transition-normal);box-shadow:0 4px 20px #0000004d,0 2px 8px #0003;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);padding:0 var(--spacing-md);display:flex;align-items:center;justify-content:space-between;height:var(--header-height);gap:var(--spacing-md);min-width:0;position:relative}.header *{color:#fff!important}.header .nav-link,.header .nav-link span,.header .nav-link svg,.header .action-button,.header .action-button svg,.header .search-trigger,.header .search-trigger svg,.header .mobile-menu-button,.header .mobile-menu-button svg,.header .logo-text,.header .user-button,.header .user-button svg{color:#fff!important}.header .dropdown-trigger,.header .dropdown-trigger span,.header .dropdown-trigger svg{color:#fff!important}.header .nav-dropdown .dropdown-trigger,.header .nav-dropdown .dropdown-trigger span,.header .nav-dropdown .dropdown-trigger svg{color:#fff!important}.header .nav-dropdown .dropdown-menu .dropdown-item,.header .nav-dropdown .dropdown-menu .dropdown-item span,.header .nav-dropdown .dropdown-menu .dropdown-item .dropdown-icon{color:#000!important}.header .mobile-nav-link,.header .mobile-nav-link svg{color:#fff!important}.header:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(102,126,234,.1) 25%,rgba(118,75,162,.1) 50%,rgba(240,147,251,.1) 75%,transparent 100%);pointer-events:none;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.5;transform:translate(-100%)}50%{opacity:1;transform:translate(100%)}}.header.scrolled{background:#000;box-shadow:0 8px 32px #00000080,0 4px 16px #0000004d;backdrop-filter:none}.header.scrolled:before{animation-duration:2s;opacity:.8}.logo{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;transition:transform var(--transition-fast)}.logo:hover{transform:scale(1.02);animation:elegantGlow 3s ease-in-out infinite}.logo-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--gradient-primary);border-radius:var(--radius-lg);color:#fff;box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.logo:hover .logo-icon{transform:scale(1.05);box-shadow:var(--shadow-xl)}.logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);color:var(--text-primary);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.desktop-nav{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.nav-link{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);color:#fff;text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-base);border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative;white-space:nowrap;overflow:visible}.nav-link svg{flex-shrink:0;transition:transform var(--transition-fast)}.nav-link:hover svg{transform:scale(1.1)}.featured-link{position:relative}.featured-link:before{content:"";position:absolute;top:-2px;right:-2px;width:6px;height:6px;background:var(--gradient-accent);border-radius:50%;animation:pulse 2s infinite}.click-stats-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff!important;font-weight:600;border-radius:8px;padding:8px 16px;transition:all .3s ease;border:none;cursor:pointer}.click-stats-button:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.trending-link{position:relative}.trending-link:before{content:"";position:absolute;top:-2px;right:-2px;width:6px;height:6px;background:var(--gradient-error);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.nav-link:hover{color:var(--primary-color);background-color:var(--primary-50);transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.nav-link:hover:before{content:attr(data-cta);position:absolute;bottom:-35px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap;z-index:1000;box-shadow:0 4px 12px #667eea4d;animation:ctaSlideUp .3s ease-out}@keyframes ctaSlideUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.nav-link span{position:relative}.nav-link:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--primary-500),var(--accent-500));border-radius:var(--radius-full);transition:all var(--transition-fast);transform:translate(-50%)}.nav-link:hover:after{width:80%}.nav-dropdown{position:relative}.dropdown-trigger{background:none;border:none;cursor:pointer}.dropdown-menu{position:absolute;top:100%;left:0;min-width:200px;background:#fff!important;border:1px solid #d1d5db!important;border-radius:var(--radius-lg);box-shadow:0 10px 25px #00000026,0 4px 10px #0000001a!important;padding:var(--spacing-sm);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-fast);z-index:var(--z-dropdown)}.nav-dropdown .dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);color:#000!important;text-decoration:none;font-size:var(--font-size-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative}.dropdown-item:hover{color:#000!important;background-color:#f3f4f6;transform:translate(4px)}.dropdown-icon{font-size:var(--font-size-base);width:20px;text-align:center;flex-shrink:0;color:#000!important}.search-trigger{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);color:#fff;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);overflow:visible}.search-trigger:hover{color:#fff;background:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #ffffff4d}.search-trigger:hover:before{content:attr(data-cta);position:absolute;bottom:-35px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap;z-index:1000;box-shadow:0 4px 12px #667eea4d;animation:ctaSlideUp .3s ease-out}.search-form{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:var(--spacing-md);color:var(--text-muted);z-index:1}.search-input{width:100%;padding:var(--spacing-3) var(--spacing-4) var(--spacing-3) 3rem;border:1px solid var(--border-light);border-radius:var(--radius-full);font-size:var(--font-size-sm);background:#fffc;backdrop-filter:blur(10px);transition:all var(--transition-normal);box-shadow:var(--shadow-sm);color:#000!important}.search-input:focus{outline:none;border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 3px #3b82f61a,var(--shadow-md);color:#000!important}.search-clear{position:absolute;right:var(--spacing-md);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.search-clear:hover{color:#fff;background:var(--bg-tertiary)}.action-button{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);color:#fff;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.action-button:hover{color:#fff;background:#fff3;transform:translateY(-2px);box-shadow:var(--shadow-md)}.notification-button:hover{color:var(--warning-color);background:var(--warning-light)}.cart-button:hover{color:var(--success-color);background:var(--success-light)}.notification-badge,.cart-badge{position:absolute;top:6px;right:6px;min-width:18px;height:18px;background:var(--error-color);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-xs);border:2px solid white;box-shadow:var(--shadow-sm)}.cart-badge{background:var(--success-color)}.notification-badge{background:var(--warning-color)}.user-menu-container{position:relative}.user-button{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1);background:#ffffff1a;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.user-button:hover{background:#fff3;transform:translateY(-1px);box-shadow:var(--shadow-md)}.user-avatar{width:24px;height:24px;background:var(--gradient-primary);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-xs);box-shadow:var(--shadow-sm);border:1px solid white}.user-chevron{color:var(--text-muted);transition:transform var(--transition-fast)}.user-menu-container:hover .user-chevron{transform:rotate(180deg)}.user-menu{position:absolute;top:100%;right:0;min-width:280px;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 40px #00000026,0 8px 16px #0000001a,0 0 0 1px #ffffff80;padding:24px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s cubic-bezier(.34,1.56,.64,1);z-index:1000;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.user-menu-container .user-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.user-info{display:flex;align-items:center;gap:16px;padding:16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px solid #e2e8f0;margin-bottom:16px}.user-avatar-large{width:56px;height:56px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;box-shadow:0 4px 12px #667eea4d;border:3px solid white}.user-details{flex:1}.user-name-full{font-weight:700;color:#1e293b;margin-bottom:4px;font-size:1rem}.user-email{font-size:.875rem;color:#64748b;font-weight:500}.user-menu-items{display:flex;flex-direction:column;gap:8px}.user-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#374151;text-decoration:none;font-size:.875rem;font-weight:500;border-radius:12px;transition:all .3s cubic-bezier(.34,1.56,.64,1);background:none;border:none;cursor:pointer;width:100%;text-align:left;position:relative;overflow:hidden}.user-menu-item:hover{color:#1e293b;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);transform:translate(4px);box-shadow:0 4px 12px #0000001a}.user-menu-item.logout-button{color:#dc2626;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca}.user-menu-item.logout-button:hover{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translate(4px);box-shadow:0 4px 12px #dc26264d}.user-menu-divider{border:none;height:2px;background:linear-gradient(90deg,transparent,#e2e8f0,transparent);margin:12px 0;border-radius:1px}.user-menu-item.admin-dashboard-link{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600}.user-menu-item.admin-dashboard-link:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.menu-divider{border:none;height:1px;background:var(--border-light);margin:var(--spacing-sm) 0}.auth-buttons{display:flex;gap:var(--spacing-sm)}.auth-button{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:all var(--transition-fast);border:2px solid transparent;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);min-width:44px;min-height:44px}.auth-button.login{color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.auth-button.login:hover{color:#fff;background:#fff3;border-color:#fff6}.auth-button.register{color:#fff;background:linear-gradient(135deg,var(--primary-500),var(--accent-500));box-shadow:var(--shadow-md)}.auth-button.register:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.auth-button.login svg,.auth-button.register svg{transition:all var(--transition-fast)}.auth-button.login:hover svg{transform:scale(1.1);color:var(--primary-color)}.auth-button.register:hover svg{transform:scale(1.1)}.mobile-menu-button{display:none;background:none;border:none;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);color:#fff;transition:all var(--transition-fast)}.mobile-menu-button:hover{color:var(--primary-color);background:var(--primary-50)}.mobile-nav{display:none;background:#000;border-top:1px solid #333333;box-shadow:var(--shadow-lg)}.mobile-nav-content{max-width:var(--container-max-width);margin:0 auto;padding:var(--spacing-lg)}.mobile-search{margin-bottom:var(--spacing-lg)}.mobile-search-form{position:relative;display:flex;align-items:center}.mobile-search-input{width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 3rem);border:2px solid var(--border-light);border-radius:var(--radius-lg);font-size:var(--font-size-base);background:var(--bg-secondary);color:#000!important}.mobile-nav-links{display:flex;flex-direction:column;gap:var(--spacing-sm)}.mobile-nav-link{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);color:#fff!important;text-decoration:none;font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:all var(--transition-fast);background:#ffffff1a;margin-bottom:var(--spacing-2)}.mobile-nav-link.auth{text-align:center;background:var(--bg-secondary);border:2px solid var(--border-light)}.mobile-nav-link.auth:hover{background:var(--primary-50);border-color:var(--primary-200)}.mobile-divider{border:none;height:1px;background:var(--border-light);margin:var(--spacing-md) 0}.user-menu-overlay{position:fixed;inset:0;z-index:calc(var(--z-dropdown) - 1)}@media (max-width: 1024px){.desktop-nav{gap:var(--spacing-xs)}.nav-link{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs)}.header{padding:0 var(--spacing-sm);gap:var(--spacing-sm)}.language-button,.currency-button{min-width:45px;max-width:60px;padding:var(--spacing-1)}}@media (max-width: 768px){.header{padding:0 var(--spacing-sm);height:60px;gap:var(--spacing-xs)}.desktop-nav,.search-trigger{display:none}.mobile-menu-button{display:block;padding:var(--spacing-xs);font-size:20px}.mobile-nav{display:block;position:fixed;top:60px;left:0;right:0;z-index:1000;background:var(--bg-primary);border-top:1px solid var(--border-light);box-shadow:0 4px 20px #0000001a}.action-button{width:36px;height:36px}.user-button{padding:var(--spacing-1) var(--spacing-2)}.language-button,.currency-button{min-width:40px;max-width:50px;padding:var(--spacing-1)}.logo-text{font-size:var(--font-size-lg)}.logo-icon{width:36px;height:36px}}@media (max-width: 480px){.header{padding:0 var(--spacing-xs);height:55px}.logo-icon{width:32px;height:32px}.logo-text{font-size:var(--font-size-sm)}.mobile-menu-button{padding:var(--spacing-xs);font-size:18px}.mobile-nav{top:55px}.language-button,.currency-button{min-width:35px;max-width:45px;padding:var(--spacing-1)}.auth-buttons{gap:var(--spacing-xs)}.auth-button{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs)}}.search-overlay{position:fixed;inset:0;background:linear-gradient(135deg,#000000e6,#1e3a8acc);backdrop-filter:blur(20px);z-index:var(--z-modal);display:flex;align-items:flex-start;justify-content:center;padding-top:5vh;animation:searchOverlayFadeIn .3s ease-out}@keyframes searchOverlayFadeIn{0%{opacity:0;backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(20px)}}.search-overlay-content{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:24px;box-shadow:0 25px 50px #00000040,0 10px 20px #00000026,0 0 0 1px #ffffff1a;width:95%;max-width:800px;max-height:90vh;overflow:hidden;animation:searchOverlaySlideIn .4s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.2)}@keyframes searchOverlaySlideIn{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.search-overlay-header{padding:32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:relative;border-radius:24px 24px 0 0}.search-header-content h2{font-size:28px;font-weight:800;margin-bottom:8px;background:linear-gradient(135deg,#fff,#f0f9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.search-overlay-cta{color:#ffffffe6;font-size:16px;margin:0;font-weight:500}.search-overlay-close{position:absolute;top:24px;right:24px;background:#fff3;border:none;color:#fff;cursor:pointer;padding:12px;border-radius:12px;transition:all .3s ease;backdrop-filter:blur(10px)}.search-overlay-close:hover{background:#ffffff4d;transform:scale(1.1)}.search-overlay-form{padding:32px;max-height:calc(90vh - 120px);overflow-y:auto}.search-overlay-input-container{position:relative;display:flex;align-items:center;margin-bottom:24px}.search-overlay-icon{position:absolute;left:20px;color:#64748b;z-index:2}.search-overlay-input{width:100%;padding:20px 20px 20px 60px;border:3px solid #e2e8f0;border-radius:16px;font-size:18px;background:#fff;color:#1e293b!important;transition:all .3s ease;box-shadow:0 4px 12px #0000000d}.search-overlay-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a,0 8px 25px #667eea26;color:#1e293b!important;transform:translateY(-2px)}.search-overlay-clear{position:absolute;right:20px;background:#f1f5f9;border:none;color:#64748b;cursor:pointer;padding:8px;border-radius:8px;transition:all .3s ease}.search-overlay-clear:hover{color:#ef4444;background:#fef2f2;transform:scale(1.1)}.search-dynamic-suggestions{margin-bottom:32px;padding:24px;background:linear-gradient(135deg,#1e293b,#334155);border-radius:16px;border:1px solid #475569}.search-dynamic-suggestions h4{font-size:16px;font-weight:700;color:#fff;margin-bottom:16px}.suggestion-chips{display:flex;flex-wrap:wrap;gap:12px}.suggestion-chip{background:#0ea5e9;border:2px solid #0ea5e9;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0ea5e91a}.suggestion-chip:hover{background:#0284c7;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e94d}.search-overlay-suggestions{margin-bottom:32px}.search-overlay-suggestions h3{font-size:20px;font-weight:700;color:#fff;margin-bottom:20px;display:flex;align-items:center;gap:8px}.search-suggestions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.search-suggestion-card{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#1e293b,#334155);border:2px solid #475569;border-radius:16px;cursor:pointer;transition:all .3s ease;text-align:left;box-shadow:0 2px 8px #0003}.search-suggestion-card:hover{border-color:#667eea;transform:translateY(-4px);box-shadow:0 8px 25px #667eea26}.search-suggestion-card.electronics:hover{border-color:#3b82f6;box-shadow:0 8px 25px #3b82f626}.search-suggestion-card.fashion:hover{border-color:#ec4899;box-shadow:0 8px 25px #ec489926}.search-suggestion-card.home:hover{border-color:#10b981;box-shadow:0 8px 25px #10b98126}.search-suggestion-card.sports:hover{border-color:#f59e0b;box-shadow:0 8px 25px #f59e0b26}.search-suggestion-card.beauty:hover{border-color:#8b5cf6;box-shadow:0 8px 25px #8b5cf626}.search-suggestion-card.books:hover{border-color:#ef4444;box-shadow:0 8px 25px #ef444426}.suggestion-icon{font-size:32px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#475569,#64748b);border-radius:12px;flex-shrink:0}.suggestion-content{flex:1}.suggestion-title{display:block;font-size:16px;font-weight:700;color:#fff;margin-bottom:4px}.suggestion-count{display:block;font-size:14px;color:#fff;font-weight:500}.search-trending{margin-bottom:32px}.search-trending h3{font-size:20px;font-weight:700;color:#fff;margin-bottom:20px;display:flex;align-items:center;gap:8px}.trending-searches{display:flex;flex-direction:column;gap:8px}.trending-search{display:flex;align-items:center;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#1e293b,#334155);border:2px solid #475569;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left;box-shadow:0 2px 8px #0003}.trending-search:hover{border-color:#f59e0b;transform:translate(8px);box-shadow:0 4px 12px #f59e0b26}.trending-rank{width:32px;height:32px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.trending-text{flex:1;font-size:16px;font-weight:600;color:#fff}.trending-trend{font-size:16px;flex-shrink:0}.search-overlay-submit{width:100%;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:16px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 4px 12px #667eea4d}.search-overlay-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.search-overlay-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.desktop-only{display:block}.mobile-only{display:none}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-only{display:block}.search-overlay-close.mobile-only{position:absolute;top:20px;right:20px;background:#00000080;border:none;color:#fff;cursor:pointer;padding:12px;border-radius:12px;transition:all .3s ease;backdrop-filter:blur(10px);z-index:1000}.search-overlay-close.mobile-only:hover{background:#000000b3;transform:scale(1.1)}}.mobile-nav{display:block;background:#000;border-top:1px solid #333333;box-shadow:0 4px 20px #0000004d;position:absolute;top:100%;left:0;right:0;z-index:1000}.mobile-nav-content{padding:20px}.mobile-nav-links{display:flex;flex-direction:column;gap:8px}.mobile-nav-link{display:flex;align-items:center;gap:12px;padding:16px;color:#fff!important;text-decoration:none;font-weight:500;border-radius:8px;transition:all .3s ease;background:#ffffff1a;margin-bottom:8px}.mobile-nav-link:hover{color:#fff!important;background:#fff3;transform:translate(4px)}.mobile-nav-link svg{flex-shrink:0;color:#fff!important}.mobile-nav-link:hover svg{color:#fff!important;transform:scale(1.1)}.mobile-nav-link.auth{text-align:center;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff!important;font-weight:600}.mobile-nav-link.auth:hover{background:#fff3;border-color:#ffffff80}@media (max-width: 768px){.search-overlay{padding-top:2vh}.search-overlay-content{width:98%;max-height:95vh;border-radius:16px}.search-overlay-header{padding:24px 20px;border-radius:16px 16px 0 0}.search-header-content h2{font-size:24px}.search-overlay-cta{font-size:14px}.search-overlay-form{padding:20px}.search-overlay-input{padding:16px 16px 16px 50px;font-size:16px}.search-suggestions-grid{grid-template-columns:1fr;gap:12px}.search-suggestion-card{padding:16px}.suggestion-icon{width:50px;height:50px;font-size:24px}.suggestion-title{font-size:14px}.suggestion-count{font-size:12px}.trending-search{padding:12px 16px}.trending-rank{width:28px;height:28px;font-size:12px}.trending-text{font-size:14px}.search-overlay-submit{padding:16px;font-size:16px}}@media (max-width: 480px){.search-overlay-content{width:100%;height:100vh;max-height:100vh;border-radius:0}.search-overlay-header{border-radius:0}.search-header-content h2{font-size:20px}.search-overlay-cta{font-size:13px}.search-overlay-form,.search-dynamic-suggestions{padding:16px}.suggestion-chips{gap:8px}.suggestion-chip{padding:6px 12px;font-size:12px}}.triple-click-hint{position:absolute;top:100%;right:20px;background:#667eea;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500;z-index:1000;box-shadow:0 4px 12px #667eea4d;animation:slideDown .3s ease-out}.triple-click-hint:before{content:"";position:absolute;top:-6px;right:20px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #667eea}.footer{background:linear-gradient(135deg,var(--bg-dark) 0%,var(--bg-dark-secondary) 100%);color:var(--text-white);margin-top:auto;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(16,185,129,.1) 0%,transparent 50%);pointer-events:none}.footer-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-12);padding:var(--spacing-16) 0;position:relative;z-index:2}.footer-section{display:flex;flex-direction:column;gap:var(--spacing-6)}.footer-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);color:var(--text-white);margin-bottom:var(--spacing-4);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-subtitle{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-white);margin-bottom:var(--spacing-4)}.footer-description{color:#fffc;line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-6);font-size:var(--font-size-sm)}.social-links{display:flex;gap:var(--spacing-4)}.social-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffffff1a;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);color:var(--text-white);text-decoration:none;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.social-link:hover{background:var(--gradient-primary);transform:translateY(-4px) scale(1.1);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-3)}.footer-links li{margin:0}.footer-link{color:#fffc;text-decoration:none;transition:all var(--transition-normal);font-size:var(--font-size-sm);padding:var(--spacing-1) 0;position:relative}.footer-link:before{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--gradient-primary);transition:width var(--transition-normal)}.footer-link:hover{color:var(--text-white);transform:translate(4px)}.footer-link:hover:before{width:20px}.contact-info{display:flex;flex-direction:column;gap:var(--spacing-4)}.contact-item{display:flex;align-items:center;gap:var(--spacing-3);color:#fffc;font-size:var(--font-size-sm);padding:var(--spacing-2) 0;transition:all var(--transition-normal)}.contact-item:hover{color:var(--text-white);transform:translate(4px)}.contact-item svg{color:var(--primary-color);flex-shrink:0}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:var(--spacing-8) 0;position:relative;z-index:2;background:#0003;backdrop-filter:blur(10px)}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.footer-bottom-left p{color:#fffc;font-size:.875rem;margin:0}.footer-bottom-right{display:flex;gap:var(--spacing-lg);flex-wrap:wrap}.footer-bottom-link{color:#fffc;text-decoration:none;font-size:.875rem;transition:color var(--transition-fast)}.footer-bottom-link:hover{color:var(--text-white)}.affiliate-disclaimer{background-color:#ffffff0d;border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center}.affiliate-disclaimer p{color:#ffffffb3;font-size:.75rem;margin:0;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.affiliate-disclaimer svg{color:var(--accent-color);flex-shrink:0}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:var(--spacing-xl);text-align:center}.social-links{justify-content:center}.footer-bottom-content{flex-direction:column;text-align:center}.footer-bottom-right,.contact-item{justify-content:center}.affiliate-disclaimer p{flex-direction:column;gap:var(--spacing-xs)}}@media (max-width: 480px){.footer-container{padding:0 var(--spacing-sm)}.footer-content{padding:var(--spacing-xl) 0}.footer-bottom{padding:var(--spacing-lg) 0}.footer-bottom-right{flex-direction:column;gap:var(--spacing-sm)}}.footer-contact-info{display:flex;flex-direction:column;gap:var(--spacing-4)}.footer-contact-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:#ffffff0d;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);transition:all var(--transition-fast)}.footer-contact-item:hover{background:#ffffff14;border-color:#3b82f64d;transform:translate(4px)}.footer-contact-icon{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #3b82f64d}.footer-contact-label{font-size:.75rem;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.footer-contact-value{font-size:.875rem;font-weight:500;color:var(--text-white);text-decoration:none;transition:all var(--transition-fast)}.footer-contact-value:hover{color:#60a5fa;text-decoration:underline}@media (max-width: 768px){.footer-contact-item{padding:var(--spacing-2)}.footer-contact-icon{width:36px;height:36px}.footer-contact-value{font-size:.8rem}}.logo{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;transition:transform .3s ease;position:relative}.logo:hover{transform:scale(1.02)}.logo-icon{position:relative;z-index:2}.logo-badge{position:relative;display:flex;align-items:center;justify-content:center}.logo-badge-outer{width:40px;height:40px;background:#d4a574;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #d4a5744d;transition:all .3s ease}.logo-badge-outer:before{content:"";position:absolute;inset:-2px;background:#d4a574;border-radius:50%;z-index:-1;opacity:.7}.logo-badge-inner{width:32px;height:32px;background:#059669;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.logo-check{color:#fff;stroke-width:3}.logo:hover .logo-badge-outer{transform:scale(1.1);box-shadow:0 4px 12px #d4a57466}.logo-text-container{display:flex;flex-direction:column;align-items:center;line-height:1;z-index:2}.logo-text{font-size:14px;font-weight:700;color:#000;letter-spacing:.5px;margin:0;text-transform:uppercase;font-family:Arial,sans-serif}.logo-decoration{width:100%;display:flex;justify-content:center;align-items:center}.logo-line{width:60px;height:3px;background:#d4a574;position:relative;border-radius:2px}.logo-line:before{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #d4a574}.logo-small .logo-badge-outer{width:30px;height:30px}.logo-small .logo-badge-inner{width:24px;height:24px}.logo-small .logo-check{width:12px;height:12px}.logo-small .logo-text{font-size:12px}.logo-small .logo-line{width:45px;height:2px}.logo-large .logo-badge-outer{width:50px;height:50px}.logo-large .logo-badge-inner{width:40px;height:40px}.logo-large .logo-check{width:20px;height:20px}.logo-large .logo-text{font-size:18px}.logo-large .logo-line{width:75px;height:4px}@media (max-width: 768px){.logo{gap:6px}.logo-text{font-size:13px}.logo-badge-outer{width:36px;height:36px}.logo-badge-inner{width:28px;height:28px}.logo-line{width:50px}}@media (max-width: 480px){.logo-text-container,.logo-decoration{display:none}}@media (prefers-color-scheme: dark){.logo-text{color:#f3f4f6}.logo-badge-inner{background:#10b981}.logo-badge-outer,.logo-line{background:#f59e0b}.logo-line:before{border-top-color:#f59e0b}}@keyframes logoGlow{0%,to{box-shadow:0 2px 8px #d4a5744d}50%{box-shadow:0 4px 16px #d4a57480}}.logo:hover .logo-badge-outer{animation:logoGlow 2s ease-in-out infinite}.footer-logo{margin-bottom:16px}.footer-logo .logo-text{color:#6b7280;font-size:13px}.footer-logo .logo-badge-outer{width:32px;height:32px}.footer-logo .logo-badge-inner{width:24px;height:24px}.footer-logo .logo-check{width:12px;height:12px}.footer-logo .logo-line{width:45px;height:2px}.header-logo{flex-direction:row;gap:12px}.header-logo .logo-decoration{display:none}[dir=rtl] .logo,[dir=rtl] .logo-text{text-align:right}.logo:active{transform:scale(.98)}.logo:active .logo-badge-outer{animation:logoClickPulse .3s ease}@keyframes logoClickPulse{0%{transform:scale(1)}50%{transform:scale(1.15);box-shadow:0 0 20px #d4a57499}to{transform:scale(1)}}@keyframes secretHint{0%,to{opacity:1}50%{opacity:.7}}.loading-container,.loading-state,.ai-article-detail-loading,.loading-revolutionary{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1.5rem;position:relative}.loading-container.fullscreen{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100vh!important;z-index:99999!important;background-color:#fffffff2!important;backdrop-filter:blur(10px)!important;min-height:100vh!important}.loading-spinner,.loading-spinner-large,.spinner{position:relative;width:56px;height:56px;display:inline-block}.loading-spinner-large{width:64px;height:64px}.loading-spinner:before,.loading-spinner-large:before,.spinner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:4px solid transparent;border-top-color:#3b82f6;border-right-color:#8b5cf6;border-bottom-color:#ec4899;border-left-color:#f59e0b;animation:professionalSpin 1.2s cubic-bezier(.68,-.55,.265,1.55) infinite}.loading-spinner:after,.loading-spinner-large:after,.spinner:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:70%;border-radius:50%;border:3px solid transparent;border-top-color:#60a5fa;border-right-color:#a78bfa;animation:professionalSpin .8s linear infinite reverse;opacity:.7}.loading-container:before,.loading-state:before,.ai-article-detail-loading:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);animation:pulseRing 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulseRing{0%,to{opacity:.4;transform:translate(-50%,-50%) scale(1)}50%{opacity:.1;transform:translate(-50%,-50%) scale(1.2)}}.loading-dots{display:flex;gap:.5rem;align-items:center;justify-content:center}.loading-dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);animation:dotBounce 1.4s ease-in-out infinite;box-shadow:0 2px 8px #3b82f666}.loading-dot:nth-child(1){animation-delay:0s}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{transform:translateY(0) scale(1);opacity:.7}40%{transform:translateY(-20px) scale(1.1);opacity:1}}.skeleton-loader{width:100%;background:linear-gradient(90deg,#e5e7eb80,#e5e7ebcc,#e5e7eb80);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;border-radius:8px}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-container p,.loading-state p,.ai-article-detail-loading p{color:#6b7280;font-size:1rem;font-weight:500;margin-top:1rem;animation:fadeInOut 2s ease-in-out infinite;letter-spacing:.025em}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}.buy-button.loading,.submit-button.loading{position:relative;color:transparent;pointer-events:none}.buy-button.loading:after,.submit-button.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#ffffffe6;border-radius:50%;animation:professionalSpin .8s linear infinite}.loading-progress{width:200px;height:4px;background:#e5e7eb4d;border-radius:2px;overflow:hidden;position:relative}.loading-progress:after{content:"";position:absolute;top:0;left:0;height:100%;width:30%;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);border-radius:2px;animation:progressSlide 1.5s ease-in-out infinite}@keyframes progressSlide{0%{left:-30%;width:30%}50%{width:60%}to{left:100%;width:30%}}@media (max-width: 768px){.loading-spinner-large{width:48px;height:48px}.loading-container:before,.loading-state:before{width:100px;height:100px}}@media (prefers-color-scheme: dark){.loading-container p,.loading-state p{color:#9ca3af}.loading-spinner:before,.loading-spinner-large:before{border-top-color:#60a5fa;border-right-color:#a78bfa;border-bottom-color:#f472b6;border-left-color:#fbbf24}.loading-dot{background:linear-gradient(135deg,#60a5fa,#a78bfa);box-shadow:0 2px 8px #60a5fa80}}.product-card{background:#fff;border:1px solid #e1e5e9;border-radius:20px;overflow:hidden;transition:all .3s ease;cursor:pointer;position:relative;box-shadow:0 1px 2px #0000000a;height:100%;display:flex;flex-direction:column;max-width:none;width:100%;margin:0;min-height:100px}.product-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026;border-color:#f90}.product-image-container{position:relative;aspect-ratio:1;overflow:hidden;background:#f8f9fa;border-radius:8px 8px 0 0;display:flex;align-items:center;justify-content:center}.product-image{width:100%;height:100%;object-fit:cover;object-position:center;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:high-quality;image-rendering:optimize-quality;image-rendering:pixelated;image-rendering:auto;transition:transform .3s ease,filter .3s ease;filter:brightness(1) contrast(1.05) saturate(1.1);backface-visibility:hidden;transform:translateZ(0);will-change:transform}.product-image:hover{transform:scale(1.05);filter:brightness(1.1) contrast(1.1) saturate(1.2)}.product-image.loading{opacity:.7;filter:blur(2px)}.image-skeleton{position:absolute;inset:0;background:linear-gradient(90deg,var(--secondary-100) 25%,var(--secondary-200) 50%,var(--secondary-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-shimmer{width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}.product-image{width:100%;height:100%;object-fit:cover;transition:all var(--transition-slow);opacity:1;transform:scale(1)}.product-image.loading{opacity:0;transform:scale(1.1)}.product-image.loaded{opacity:1;transform:scale(1)}.product-card:hover .product-image{transform:scale(1.1)}.product-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#2563ebcc,#8b5cf6cc);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-normal)}.product-card:hover .product-overlay{opacity:1}.quick-view-button{background:#fffffff2;color:#333;border:1px solid #ddd;padding:8px 12px;border-radius:20px;font-weight:500;font-size:12px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.quick-view-button:hover{background:#fff;transform:scale(1.05)}.discount-badge{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);background:linear-gradient(135deg,var(--error-500),var(--error-600));color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);display:flex;align-items:center;gap:var(--spacing-xs);z-index:2;box-shadow:var(--shadow-md)}.product-image[src*="amazon.com"]{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:high-quality;image-rendering:optimize-quality;image-rendering:auto;backface-visibility:hidden;transform:translateZ(0);will-change:transform;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;filter:brightness(1) contrast(1.05) saturate(1.1) sharpness(1.1)}.product-card[data-product-id=product-47] .product-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:high-quality;image-rendering:optimize-quality;image-rendering:auto;backface-visibility:hidden;transform:translateZ(0);will-change:transform;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;filter:brightness(1.02) contrast(1.08) saturate(1.15) sharpness(1.2)}.like-button{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:36px;height:36px;background:#ffffffe6;border:none;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);z-index:2;backdrop-filter:blur(10px)}.like-button:hover{background:#fff;transform:scale(1.1)}.like-button.liked{background:var(--error-500);color:#fff}.product-info{padding:0;flex:1;display:flex;flex-direction:column;gap:0}.product-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.product-number{font-size:12px;font-weight:400;padding:1px 3px;border-radius:4px;min-width:14px;text-align:center;border:1px solid;flex-shrink:0;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;opacity:.7;transition:opacity .2s ease}.product-card:hover .product-number{opacity:1}.product-category{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;font-weight:var(--font-weight-semibold);letter-spacing:.5px}.product-name{font-size:11px;font-weight:600;color:#333;line-height:1.1;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:1.8em}.product-rating{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:2px}.rating-text{font-size:var(--font-size-sm);color:var(--text-muted)}.product-price{display:flex;align-items:center;gap:4px;margin:0;padding:4px 8px;background:linear-gradient(135deg,#f8fafc,#fff);border-radius:8px;border:1px solid rgba(59,130,246,.08);box-shadow:0 2px 8px #0000000a;position:relative;overflow:hidden;min-height:24px}.product-price:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#3b82f6,#1d4ed8,#3b82f6);background-size:200% 100%;animation:shimmer 4s ease-in-out infinite;opacity:.6}@keyframes shimmer{0%,to{background-position:200% 0}50%{background-position:-200% 0}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes glow{0%,to{box-shadow:0 2px 6px #3b82f640}50%{box-shadow:0 4px 12px #3b82f666}}.current-price{font-size:11px;font-weight:800;color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);padding:0 6px;border-radius:6px;box-shadow:0 2px 6px #3b82f640,0 1px 2px #3b82f626,inset 0 1px #ffffff26;text-shadow:0 1px 2px rgba(0,0,0,.2);position:relative;overflow:hidden;letter-spacing:.3px;line-height:1.2}.current-price:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.current-price:hover{animation:pulse .6s ease-in-out,glow 2s ease-in-out infinite}.current-price:hover:before{left:100%}.original-price{font-size:12px;color:#64748b;text-decoration:line-through;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);padding:0 4px;border-radius:4px;border:1px solid #cbd5e1;font-weight:600;position:relative;line-height:1.2}.original-price:after{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:#ef4444;transform:translateY(-50%);border-radius:1px}.savings-amount{font-size:11px;color:#fff;background:linear-gradient(135deg,#10b981,#059669);padding:0 4px;border-radius:4px;border:1px solid #047857;font-weight:700;margin-left:1px;box-shadow:0 1px 4px #10b98140;text-shadow:0 1px 2px rgba(0,0,0,.2);position:relative;overflow:hidden;line-height:1.1}.savings-amount:before{content:"💚";margin-right:2px}.savings-amount:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.savings-amount:hover:after{left:100%}.product-price-modern{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:0px;margin:0;padding:4px 8px;background:linear-gradient(135deg,#f8fafc,#fff,#f1f5f9);border-radius:0;border:1px solid rgba(59,130,246,.12);border-left:none;border-right:none;box-shadow:0 1px 4px #0000000a,0 1px 2px #3b82f614;position:relative;overflow:hidden;min-height:32px;width:100%}.product-price-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#3b82f6,transparent);opacity:.6;animation:priceShimmer 3s ease-in-out infinite}@keyframes priceShimmer{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.price-current{font-size:24px;font-weight:900;color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);padding:4px 8px;border-radius:4px;box-shadow:0 1px 4px #3b82f64d,0 1px 2px #3b82f633,inset 0 1px #fff3;text-shadow:0 1px 2px rgba(0,0,0,.3);position:relative;overflow:hidden;letter-spacing:.2px;line-height:1.1;flex-shrink:0;min-width:50px;text-align:center}.price-current:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.price-current:hover:before{left:100%}.price-original{font-size:18px;color:#64748b;text-decoration:line-through;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);padding:3px 7px;border-radius:4px;border:1px solid #cbd5e1;font-weight:600;position:relative;line-height:1.1;flex-shrink:0;min-width:45px;text-align:center}.price-original:after{content:"";position:absolute;top:50%;left:4px;right:4px;height:1px;background:#64748b;transform:translateY(-50%)}.price-savings{font-size:18px;color:#fff;background:linear-gradient(135deg,#10b981,#059669);padding:3px 7px;border-radius:4px;border:1px solid #047857;font-weight:700;box-shadow:0 1px 4px #10b9814d;text-shadow:0 1px 2px rgba(0,0,0,.2);position:relative;overflow:hidden;line-height:1.1;flex-shrink:0;min-width:35px;text-align:center}.price-savings:before{content:"💰";margin-right:2px;font-size:11px}.price-savings:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.price-savings:hover:after{left:100%}.product-price-modern.price-french .price-current{font-size:18px;padding:3px 7px}.product-price-modern.price-french .price-original,.product-price-modern.price-french .price-savings{font-size:15px;padding:2px 6px}@media (max-width: 480px){.product-card{min-height:180px;border-radius:12px;margin-bottom:8px;box-shadow:0 2px 8px #0000001a}.product-image-container{aspect-ratio:1;border-radius:12px 12px 0 0;min-height:120px}.product-info{padding:8px;flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:6px}.product-name{font-size:14px;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:600;color:#1f2937}.product-rating{margin-top:4px;gap:4px}.rating-text{font-size:11px;color:#6b7280}.product-actions{margin-top:8px;display:flex;gap:6px}.buy-button{padding:6px 10px!important;font-size:12px!important;border-radius:8px!important;min-height:28px;flex:1}.quick-view-button{padding:8px!important;min-height:36px;min-width:36px}}@media (max-width: 360px){.product-card{min-height:160px}.product-name{font-size:13px}.buy-button{font-size:12px!important;padding:6px 10px!important}}@media (min-width: 481px) and (max-width: 768px){.product-card{min-height:200px;border-radius:16px}.product-image-container{border-radius:16px 16px 0 0}.product-name{font-size:15px;line-height:1.5}.buy-button{font-size:14px!important;padding:10px 14px!important}}.product-actions{margin-top:-5px}.buy-button{width:100%!important;background:#fff!important;color:#000!important;border:2px solid #000000!important;padding:4px 8px!important;border-radius:8px!important;font-weight:900!important;font-size:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;cursor:pointer!important;transition:all .3s ease!important;position:relative!important;box-shadow:0 2px 8px #0000001a,0 1px 2px #0000000d!important;text-shadow:none!important;overflow:hidden!important;z-index:10!important;opacity:1!important;visibility:visible!important}.buy-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,0,0,.15),transparent);transition:left .6s ease-out;z-index:1;border-radius:6px}.buy-button:hover:before{left:100%}.buy-button:hover{background:linear-gradient(135deg,#f8f9fa,#fff,#e9ecef)!important;border-color:#000!important;border-width:2px!important;transform:translateY(-3px) scale(1.02)!important;box-shadow:0 6px 20px #0003,0 3px 8px #00000026,0 1px 3px #0000001a!important;text-shadow:none!important;color:#000!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.buy-button:active{transform:translateY(-1px) scale(.98)!important;box-shadow:0 2px 8px #00000026,0 1px 3px #0000001a!important;transition:all .1s ease!important}.buy-button:disabled{background:#f3f4f6;border-color:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:0 1px 2px #0000000a;text-shadow:none;opacity:.6}.buy-button:disabled:hover{background:#f3f4f6!important;border-color:#d1d5db!important;transform:none!important;box-shadow:0 1px 2px #0000000a!important}.buy-button:focus{outline:none!important;background:linear-gradient(135deg,#f0f9ff,#fff,#e0f2fe)!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f633,0 4px 12px #0000001a!important;color:#000!important}.buy-button:focus:hover{background:linear-gradient(135deg,#dbeafe,#f0f9ff,#bfdbfe)!important;transform:translateY(-3px) scale(1.02)!important}.buy-button.loading{pointer-events:none}.buy-button svg{color:#000!important;width:14px!important;height:14px!important;flex-shrink:0!important;display:block!important}.buy-button:hover svg{color:#000!important}.buy-button:disabled svg{color:#6b7280!important;opacity:.7!important}.loading-spinner{width:12px;height:12px;border:2px solid rgba(0,0,0,.3);border-top:2px solid #000000;border-radius:50%;animation:spin 1s linear infinite}.product-brand{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.product-author{display:flex;align-items:center;gap:4px;margin-top:2px}.author-label{font-size:12px;color:var(--text-muted);font-weight:500}.author-name{font-size:12px;color:var(--primary-600);font-weight:600}.product-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.tag{background:var(--primary-50);color:var(--primary-600);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.product-hashtags{display:flex;flex-wrap:wrap;gap:2px;margin-top:4px}.hashtag{background:var(--secondary-100);color:var(--secondary-700);padding:2px 6px;border-radius:var(--radius-sm);font-size:12px;font-weight:var(--font-weight-medium)}.product-social-stats{display:flex;align-items:center;gap:8px;margin-top:4px;padding-top:4px;border-top:1px solid var(--border-light)}.social-stat{display:flex;align-items:center;gap:2px;font-size:12px;color:var(--text-muted)}.social-stat svg{width:10px;height:10px}@media (max-width: 768px){.product-card{border-radius:var(--radius-lg)}.product-image-container{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.product-info{padding:var(--spacing-md)}.product-price-modern{margin:4px -16px 3px;width:calc(100% + 32px)}.product-name{font-size:16px;font-weight:600}}@media (max-width: 768px){.product-name{margin:0!important}}.star-rating{display:flex;align-items:center;gap:.5rem}.star-rating .stars{display:flex;align-items:center;gap:.125rem}.star-rating .half-star{position:relative;display:inline-block}.star-rating .half-star>div{position:absolute;top:0;left:0;overflow:hidden;width:50%;height:100%}.star-rating .filled{color:#fbbf24}.star-rating .empty{color:#d1d5db}.star-rating .rating-text{font-size:.875rem;color:#6b7280;font-weight:500}@media (max-width: 768px){.star-rating .stars{gap:.1rem}.star-rating .rating-text{font-size:.8rem}}.quick-view-modal-overlay{position:fixed;inset:0;background:#000000e6;backdrop-filter:blur(12px);z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:var(--spacing-2xl) var(--spacing-lg) var(--spacing-lg);animation:fadeIn .3s ease-out;will-change:opacity;transform:translateZ(0)}.quick-view-modal{background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a;max-width:1000px;width:100%;max-height:85vh;overflow:hidden;position:relative;animation:slideIn .3s ease-out;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden;border:1px solid rgba(255,255,255,.2);margin-top:var(--spacing-xl)}@keyframes slideIn{0%{transform:translateY(20px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:linear-gradient(135deg,#fffffff2,#fffc);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1);z-index:10}.modal-actions{display:flex;gap:var(--spacing-sm)}.action-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(0,0,0,.1);background:#ffffffe6;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px)}.action-btn:hover{background:#fff;transform:scale(1.05);box-shadow:0 4px 12px #00000026}.action-btn.like-btn.liked{background:#ef4444;color:#fff;border-color:#ef4444}.action-btn.share-btn:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}.action-btn.bookmark-btn:hover{background:#10b981;color:#fff;border-color:#10b981}.modal-close-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(0,0,0,.1);background:#ffffffe6;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px)}.modal-close-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444;transform:scale(1.05);box-shadow:0 4px 12px #ef44444d}.quick-view-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);padding:var(--spacing-xl);padding-top:calc(var(--spacing-xl) + 80px);max-height:90vh;overflow-y:auto}.quick-view-images{display:flex;flex-direction:column;gap:var(--spacing-md)}.main-image-container{position:relative;background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4/3;max-height:400px}.discount-badge{position:absolute;top:var(--spacing-md);left:var(--spacing-md);background:var(--gradient-forest);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--spacing-xs);z-index:5}.like-button{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:all var(--transition-fast)}.like-button:hover{background:var(--error-50);border-color:var(--error-200);color:var(--error-600);transform:scale(1.1)}.like-button.liked{background:var(--error-100);border-color:var(--error-300);color:var(--error-600)}.image-wrapper{position:relative;width:100%;height:100%}.image-skeleton{position:absolute;inset:0;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center}.skeleton-shimmer{width:60px;height:60px;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--border-light) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:50%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.main-image{width:100%;height:100%;object-fit:cover;object-position:center;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:high-quality;image-rendering:optimize-quality;image-rendering:auto;transition:opacity .3s ease-in-out,transform .3s ease,filter .3s ease;will-change:opacity,transform;transform:translateZ(0);filter:brightness(1) contrast(1.05) saturate(1.1);cursor:zoom-in;backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.main-image:hover{transform:translateZ(0) scale(1.02);filter:brightness(1.05) contrast(1.1) saturate(1.15)}.main-image.loading{opacity:0}.main-image.loaded{opacity:1}.image-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:all var(--transition-fast);backdrop-filter:blur(4px)}.image-nav-btn:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.image-nav-btn.prev{left:var(--spacing-md)}.image-nav-btn.next{right:var(--spacing-md)}.thumbnail-images{display:flex;gap:var(--spacing-sm);overflow-x:auto;padding:var(--spacing-xs) 0}.thumbnail{flex-shrink:0;width:70px;height:70px;border-radius:var(--radius-md);overflow:hidden;border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);background:var(--bg-secondary)}.thumbnail:hover{border-color:var(--primary-200);transform:scale(1.05)}.thumbnail.active{border-color:var(--primary-500);box-shadow:0 0 0 2px var(--primary-100)}.thumbnail img{width:100%;height:100%;object-fit:cover;object-position:center;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:high-quality;image-rendering:optimize-quality;transition:transform .2s ease,filter .2s ease;filter:brightness(1) contrast(1.05) saturate(1.1)}.thumbnail:hover img{transform:scale(1.05);filter:brightness(1.1) contrast(1.1) saturate(1.2)}.quick-view-details{display:flex;flex-direction:column;gap:var(--spacing-lg);overflow-y:auto;max-height:100%;padding-right:var(--spacing-sm)}.product-category{font-size:var(--font-size-sm);color:var(--primary-600);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.product-title-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:var(--spacing-sm)}.product-title{font-size:2rem;font-weight:700;color:#1f2937;line-height:1.2;margin:0;flex:1}.product-number-modal{font-size:11px;font-weight:400;padding:2px 5px;border-radius:6px;min-width:18px;text-align:center;border:1px solid;flex-shrink:0;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;opacity:.8}.product-brand{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-base);color:#6b7280;margin-bottom:var(--spacing-sm)}.brand-name{font-weight:600;color:#3b82f6}.product-rating{display:flex;align-items:center;gap:var(--spacing-sm)}.stars{display:flex;gap:2px}.stars .filled{color:#fbbf24}.rating-text{font-size:var(--font-size-sm);color:var(--text-secondary)}.product-description{background:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-light)}.product-description h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.product-description p{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.6;margin:0}.description-content.collapsed{max-height:4.8em;overflow:hidden;position:relative;transition:max-height .3s ease}.description-content.collapsed:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1.5em;background:linear-gradient(transparent,var(--bg-secondary));pointer-events:none}.description-content.expanded{max-height:none;overflow:visible}.description-toggle{background:var(--primary-50);border:1px solid var(--primary-200);color:var(--primary-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);margin-top:var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-xs)}.description-toggle:hover{background:var(--primary-100);border-color:var(--primary-300);color:var(--primary-700);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.description-toggle:active{transform:translateY(0)}.product-price{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--gradient-ocean);border-radius:var(--radius-md);color:#fff}.current-price{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(59,130,246,.3);position:relative}.current-price:after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f6,#1d4ed8,#3b82f6);background-size:200% 100%;border-radius:1px;opacity:.7;animation:shimmer 3s ease-in-out infinite}.original-price{font-size:var(--font-size-lg);text-decoration:line-through;opacity:.7;color:#64748b;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);padding:6px 12px;border-radius:8px;border:1px solid #cbd5e1;position:relative;font-weight:600}.product-tags{background:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-light)}.product-tags h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.tags-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tag{background:var(--primary-100);color:var(--primary-700);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.product-description{margin:var(--spacing-md) 0;background:#f8fafc;border-radius:var(--radius-lg);border:1px solid #e2e8f0;overflow:hidden}.description-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-bottom:1px solid #e2e8f0}.description-header h3{font-size:var(--font-size-lg);font-weight:600;color:#374151;margin:0}.description-badge{display:flex;align-items:center;gap:var(--spacing-xs);background:#3b82f6;color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600}.description-content{padding:var(--spacing-md)}.description-content.collapsed{max-height:120px;overflow:hidden}.description-content.expanded{max-height:none}.description-text p{margin:0 0 var(--spacing-md) 0;line-height:1.6;color:#4b5563;font-size:var(--font-size-base)}.description-features{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid #e2e8f0}.description-features h4{font-size:var(--font-size-base);font-weight:600;color:#374151;margin:0 0 var(--spacing-sm) 0}.description-features ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.description-features li{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:#4b5563}.description-features li svg{color:#22c55e;flex-shrink:0}.description-toggle{width:100%;background:#f1f5f9;border:1px solid #e2e8f0;border-top:none;padding:var(--spacing-sm) var(--spacing-md);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);cursor:pointer;transition:all .2s ease;font-size:var(--font-size-sm);font-weight:500;color:#3b82f6}.description-toggle:hover{background:#e2e8f0;color:#1d4ed8}.description-toggle .chevron{transition:transform .2s ease}.description-toggle .chevron.expanded{transform:rotate(180deg)}.quantity-selector{display:flex;align-items:center;gap:var(--spacing-md);margin:var(--spacing-md) 0}.quantity-selector label{font-weight:600;color:#374151}.quantity-controls{display:flex;align-items:center;border:1px solid #d1d5db;border-radius:var(--radius-md);overflow:hidden}.quantity-btn{width:40px;height:40px;border:none;background:#f9fafb;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.quantity-btn:hover:not(:disabled){background:#e5e7eb}.quantity-btn:disabled{opacity:.5;cursor:not-allowed}.quantity-input{width:60px;height:40px;border:none;text-align:center;font-weight:600;background:#fff}.product-specifications{margin:var(--spacing-md) 0}.product-specifications h3{font-size:var(--font-size-lg);font-weight:600;color:#374151;margin-bottom:var(--spacing-sm)}.specs-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.spec-item{display:flex;justify-content:space-between;padding:var(--spacing-xs) 0;border-bottom:1px solid #f3f4f6}.spec-label{font-weight:500;color:#6b7280}.spec-value{font-weight:600;color:#374151}.stock-status{display:flex;flex-direction:column;gap:var(--spacing-xs);margin:var(--spacing-md) 0;padding:var(--spacing-sm);background:#f0fdf4;border-radius:var(--radius-md);border:1px solid #bbf7d0}.stock-indicator{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:600;color:#166534}.stock-dot{width:8px;height:8px;border-radius:50%}.stock-dot.in-stock{background:#22c55e}.stock-info{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:#166534}.product-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);margin:-5px 0 0}.buy-button{width:100%;border:none;padding:var(--spacing-md);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.buy-button.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 14px #3b82f64d}.buy-button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.buy-button.secondary{background:#f8fafc;color:#374151;border:1px solid #d1d5db}.buy-button.secondary:hover{background:#f1f5f9;border-color:#94a3b8}.buy-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.trust-indicators{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-md);padding:var(--spacing-sm);background:#fef3c7;border-radius:var(--radius-md);border:1px solid #fde68a}.trust-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:#92400e}.image-counter{position:absolute;bottom:var(--spacing-sm);right:var(--spacing-sm);background:#000000b3;color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;backdrop-filter:blur(10px)}.savings{color:#fff;font-weight:700;font-size:var(--font-size-sm);background:linear-gradient(135deg,#10b981,#059669);padding:4px 10px;border-radius:6px;border:1px solid #047857;box-shadow:0 2px 8px #10b98140;text-shadow:0 1px 2px rgba(0,0,0,.2);position:relative;overflow:hidden;line-height:1.2}.savings:before{content:"💰";margin-right:4px}.savings:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.savings:hover:after{left:100%}.product-price.price-french .current-price{font-size:1.75rem}.product-price.price-french .original-price{font-size:1rem;padding:3px 8px}.product-price.price-french .savings{font-size:.8125rem;padding:3px 8px}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.product-author{background:#f8fafc;padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid #e2e8f0;margin:var(--spacing-sm) 0}.author-info{display:flex;align-items:center;gap:var(--spacing-sm)}.author-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.author-details{display:flex;flex-direction:column;gap:2px}.author-label{font-size:var(--font-size-xs);color:#6b7280;font-weight:500}.author-name{font-size:var(--font-size-sm);color:#3b82f6;font-weight:600}.author-bio{font-size:var(--font-size-xs);color:#6b7280}.author-social{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.author-social a{font-size:var(--font-size-xs);color:#3b82f6;text-decoration:none;padding:2px 6px;background:#eff6ff;border-radius:var(--radius-sm);transition:all .2s ease}.author-social a:hover{background:#dbeafe;color:#1d4ed8}.product-publisher{background:#f0fdf4;padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid #bbf7d0;margin:var(--spacing-sm) 0}.publisher-info{display:flex;align-items:center;gap:var(--spacing-sm)}.publisher-logo{width:32px;height:32px;border-radius:var(--radius-sm);object-fit:cover}.publisher-details{display:flex;flex-direction:column;gap:2px}.publisher-label{font-size:var(--font-size-xs);color:#166534;font-weight:500}.publisher-name{font-size:var(--font-size-sm);color:#166534;font-weight:600}.product-hashtags,.product-keywords{background:#f8fafc;padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid #e2e8f0;margin:var(--spacing-sm) 0}.product-hashtags h4,.product-keywords h4{font-size:var(--font-size-base);font-weight:600;color:#374151;margin:0 0 var(--spacing-sm) 0}.hashtags-list,.keywords-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.hashtag{background:#dbeafe;color:#1e40af;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.keyword{background:#f3f4f6;color:#374151;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.product-features,.product-benefits,.product-pros,.product-cons{background:#f8fafc;padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid #e2e8f0;margin:var(--spacing-sm) 0}.product-features h4,.product-benefits h4,.product-pros h4,.product-cons h4{font-size:var(--font-size-base);font-weight:600;color:#374151;margin:0 0 var(--spacing-sm) 0}.features-list,.benefits-list,.pros-list,.cons-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.feature-item,.benefit-item,.pro-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:#374151}.feature-item svg,.benefit-item svg,.pro-item svg{color:#22c55e;flex-shrink:0}.con-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:#374151}.con-item svg{color:#ef4444;flex-shrink:0}.product-videos{background:#f8fafc;padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid #e2e8f0;margin:var(--spacing-sm) 0}.product-videos h4{font-size:var(--font-size-base);font-weight:600;color:#374151;margin:0 0 var(--spacing-sm) 0}.videos-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.video-item{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#fff;border-radius:var(--radius-sm);border:1px solid #e2e8f0}.video-thumbnail{position:relative;width:120px;height:68px;border-radius:var(--radius-sm);overflow:hidden;background:#f3f4f6}.video-thumbnail img{width:100%;height:100%;object-fit:cover}.video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;background:#000000b3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px}.video-info{flex:1;display:flex;flex-direction:column;gap:4px}.video-info h5{font-size:var(--font-size-sm);font-weight:600;color:#374151;margin:0}.video-info p{font-size:var(--font-size-xs);color:#6b7280;margin:0}.video-duration{font-size:var(--font-size-xs);color:#6b7280;background:#f3f4f6;padding:2px 6px;border-radius:var(--radius-sm);align-self:flex-start}.product-social-stats{background:#fef3c7;padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid #fde68a;margin:var(--spacing-sm) 0}.product-social-stats h4{font-size:var(--font-size-base);font-weight:600;color:#92400e;margin:0 0 var(--spacing-sm) 0}.social-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--spacing-sm)}.social-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--spacing-sm);background:#fff;border-radius:var(--radius-sm);border:1px solid #fde68a}.social-stat svg{color:#f59e0b}.stat-label{font-size:var(--font-size-xs);color:#92400e;font-weight:500}.stat-value{font-size:var(--font-size-sm);color:#92400e;font-weight:600}.product-analytics{background:#eff6ff;padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid #bfdbfe;margin:var(--spacing-sm) 0}.product-analytics h4{font-size:var(--font-size-base);font-weight:600;color:#1e40af;margin:0 0 var(--spacing-sm) 0}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-sm)}.analytics-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--spacing-sm);background:#fff;border-radius:var(--radius-sm);border:1px solid #bfdbfe}.analytics-stat svg{color:#3b82f6}.analytics-stat .stat-label,.analytics-stat .stat-value{color:#1e40af}@media (max-width: 768px){.quick-view-modal-overlay{padding:var(--spacing-sm)}.quick-view-modal{max-height:95vh}.quick-view-content{grid-template-columns:1fr;gap:var(--spacing-lg);padding:var(--spacing-lg)}.main-image-container{aspect-ratio:4/3;max-height:300px}.product-title,.current-price{font-size:var(--font-size-xl)}.product-price.price-french .current-price{font-size:1.375rem}.product-price.price-french .original-price{font-size:.9375rem}.product-price.price-french .savings{font-size:.75rem}.thumbnail-images{justify-content:center}.thumbnail{width:50px;height:50px}}@media (max-width: 480px){.quick-view-content{padding:var(--spacing-md)}.product-title,.current-price{font-size:var(--font-size-lg)}.product-price.price-french .current-price{font-size:1.125rem}.product-price.price-french .original-price{font-size:.875rem}.product-price.price-french .savings{font-size:.6875rem}.buy-button{padding:var(--spacing-md);font-size:var(--font-size-base)}}.share-menu{position:absolute;top:60px;right:20px;background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;border:1px solid rgba(0,0,0,.1);z-index:1001;min-width:200px;animation:slideDown .2s ease-out}.share-menu-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.1)}.share-menu-header h4{margin:0;font-size:14px;font-weight:600;color:#374151}.close-share-menu{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.close-share-menu:hover{background:#f3f4f6;color:#374151}.share-options{padding:8px}.share-option{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;background:none;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px;color:#374151;text-align:left}.share-option:hover{background:#f3f4f6}.share-option span{font-size:16px;width:20px;text-align:center}.share-option.facebook:hover{background:#e3f2fd;color:#1976d2}.share-option.twitter:hover{background:#e8f5e8;color:#1da1f2}.share-option.linkedin:hover{background:#e3f2fd;color:#0077b5}.share-option.whatsapp:hover{background:#e8f5e8;color:#25d366}.share-option.copy:hover{background:#f3e5f5;color:#9c27b0}.bookmark-btn.active{color:#f59e0b;background:#f59e0b1a}.bookmark-btn.active:hover{background:#f59e0b33;color:#d97706}.currency-selector{position:relative;display:inline-block}.currency-selector-button{display:flex;align-items:center;gap:6px;padding:6px 10px;background:linear-gradient(135deg,#0000001a,#0000000d);border:1px solid rgba(0,0,0,.2);border-radius:12px;color:#000;font-size:12px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);box-shadow:0 4px 16px #0000001a;position:relative;overflow:hidden}.currency-selector-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.currency-selector-button:hover:before{left:100%}.currency-selector-button:hover{background:linear-gradient(135deg,#00000026,#00000014);border-color:#0000004d;transform:translateY(-1px) scale(1.01);box-shadow:0 6px 20px #00000026}.currency-selector-button:active{transform:translateY(-1px) scale(.98)}.currency-icon{font-size:12px;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));transition:transform .3s ease}.currency-selector-button:hover .currency-icon{transform:rotate(180deg)}.currency-symbol{font-size:14px;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));transition:transform .3s ease;font-weight:700;color:#2563eb!important}.currency-selector-button:hover .currency-symbol{transform:scale(1.1) rotate(3deg)}.currency-name{font-size:10px;white-space:nowrap;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.1);letter-spacing:.2px}.currency-code{font-size:8px;opacity:.7;font-weight:400;text-transform:uppercase;letter-spacing:.3px}.currency-chevron{transition:transform .3s ease}.currency-chevron.open{transform:rotate(180deg)}.currency-dropdown{position:absolute;top:100%;right:0;margin-top:6px;background:linear-gradient(135deg,#fffffffa,#fffffff2);border:1px solid rgba(0,0,0,.1);border-radius:12px;box-shadow:0 8px 24px #00000026,0 4px 12px #0000001a;z-index:1000;min-width:200px;overflow:hidden;backdrop-filter:blur(10px);animation:dropdownFadeIn .3s cubic-bezier(.4,0,.2,1)}.currency-dropdown-header{padding:12px 16px;border-bottom:2px solid rgba(255,255,255,.2);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);backdrop-filter:blur(10px)}.currency-dropdown-header h4{margin:0;font-size:14px;font-weight:700;color:#1f2937;text-shadow:0 1px 2px rgba(0,0,0,.1);letter-spacing:.3px}.currency-list{max-height:320px;overflow-y:auto;padding:6px}.currency-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:#fff;border:1px solid #e5e7eb;text-align:left;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:12px;color:#000!important;border-radius:10px;position:relative;overflow:hidden}.currency-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(16,185,129,.1),transparent);transition:left .5s}.currency-option:hover:before{left:100%}.currency-option:hover{background:linear-gradient(135deg,#10b9811a,#34d3990d);transform:translate(6px) scale(1.02);box-shadow:0 3px 16px #10b98133}.currency-option.active{background:linear-gradient(135deg,#10b98133,#34d3991a);color:#059669;font-weight:600;box-shadow:0 3px 16px #10b9814d;border:2px solid rgba(16,185,129,.3)}.currency-option .currency-symbol{font-size:20px;line-height:1;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:transform .3s ease;font-weight:700;color:#2563eb!important}.currency-option:hover .currency-symbol{transform:scale(1.1) rotate(3deg)}.currency-option .currency-name{flex:1;font-size:12px;font-weight:600;color:#000!important;text-shadow:none;letter-spacing:.2px}.currency-option .currency-code{font-size:9px;opacity:.8;font-weight:500;color:#000!important;text-transform:uppercase;letter-spacing:.3px;margin-top:1px}.check-icon{color:#059669;flex-shrink:0;font-size:14px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));animation:checkPulse 2s infinite}@media (prefers-color-scheme: dark){.currency-dropdown{background:linear-gradient(135deg,#1f2937f2,#111827d9);border-color:#4b55634d}.currency-dropdown-header{background:linear-gradient(135deg,#1118271a,#1f29370d);border-color:#4b556333}.currency-dropdown-header h4{color:#f9fafb;text-shadow:0 1px 2px rgba(0,0,0,.5)}.currency-option{color:#f9fafb}.currency-option:hover{background:linear-gradient(135deg,#10b98133,#34d3991a);box-shadow:0 3px 16px #10b9814d}.currency-option.active{background:linear-gradient(135deg,#0596694d,#10b98133);color:#6ee7b7;box-shadow:0 3px 16px #10b98166;border:2px solid rgba(16,185,129,.4)}.check-icon{color:#6ee7b7}}@media (max-width: 768px){.currency-selector-button{padding:6px 10px;font-size:12px;gap:6px}.currency-name{display:none}.currency-dropdown{right:-10px;min-width:200px;margin-top:6px}.currency-option{padding:10px 12px;font-size:12px;gap:10px}.currency-option .currency-symbol{font-size:18px}.currency-option .currency-name{font-size:12px}}.header .currency-selector{margin-left:auto;margin-right:12px}.header .currency-selector-button{background:linear-gradient(135deg,#ffffff26,#ffffff0d);border:2px solid rgba(255,255,255,.3);color:#fff;backdrop-filter:blur(20px);box-shadow:0 6px 24px #0000001a}.header .currency-selector-button:hover{background:linear-gradient(135deg,#ffffff40,#ffffff1a);border-color:#ffffff80;transform:translateY(-2px) scale(1.02);box-shadow:0 8px 32px #0003}.currency-selector-button:focus{outline:none;box-shadow:0 0 0 3px #10b9814d}.currency-option:focus{outline:none;box-shadow:0 0 0 2px #10b9814d}.currency-dropdown{position:absolute;top:100%;left:0;right:0;background:linear-gradient(135deg,#fffffff2,#f8fafcf2)!important;border:1px solid rgba(0,0,0,.1)!important;box-shadow:0 8px 32px #0000001f!important;backdrop-filter:blur(20px)!important;z-index:1000;margin-top:4px;border-radius:12px;overflow:hidden}.currency-dropdown-header{background:linear-gradient(135deg,#00000005,#0000000d)!important;border-bottom:1px solid rgba(0,0,0,.08)!important;padding:12px 16px}.currency-list{background:transparent;padding:8px 0}.currency-option{background:transparent;border:none;padding:10px 16px;display:flex;align-items:center;gap:10px;width:100%;text-align:left;cursor:pointer;transition:all .3s ease;color:#1f2937!important;border-radius:0}.currency-option:hover{background:linear-gradient(135deg,#10b98114,#34d39914)!important;color:#047857!important;transform:translate(4px)}.currency-option.active{background:linear-gradient(135deg,#10b9811f,#34d3991f)!important;color:#047857!important;font-weight:600}.currency-text{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.currency-name{font-size:12px;font-weight:600;line-height:1.2;color:#000}.currency-code{font-size:10px;font-weight:500;opacity:.8;line-height:1;color:#000}.currency-info{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.currency-dropdown-header h4{color:#000!important;font-size:14px;font-weight:600;margin:0 0 8px;padding:0 8px}.currency-dropdown .currency-dropdown-header h4,.currency-dropdown h4,.currency-selector h4,.currency-dropdown-header h4{color:#000!important}.currency-option .currency-name{color:#000;font-size:12px;font-weight:600}.currency-option .currency-code{color:#000;font-size:10px;font-weight:500;opacity:.8}.currency-symbol{color:#000;font-weight:700}@media (max-width: 768px){.currency-selector-button{padding:4px 6px;font-size:10px;gap:4px;border-radius:8px}.currency-selector-button svg{width:12px;height:12px}.currency-dropdown{min-width:120px;padding:4px 0}.currency-option{padding:6px 8px;font-size:11px}.currency-option svg{width:14px;height:14px}.currency-option .currency-symbol{font-size:14px}.currency-option .currency-name{font-size:10px}}@media (max-width: 480px){.currency-selector-button{padding:3px 5px;font-size:9px;gap:3px;border-radius:6px}.currency-selector-button svg{width:10px;height:10px}.currency-dropdown{min-width:100px;padding:2px 0}.currency-option{padding:4px 6px;font-size:10px}.currency-option svg{width:12px;height:12px}.currency-option .currency-symbol{font-size:12px}.currency-option .currency-name{font-size:9px}}.currency-list::-webkit-scrollbar{width:4px}.currency-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.currency-list::-webkit-scrollbar-thumb{background:#10b98180;border-radius:2px}.currency-list::-webkit-scrollbar-thumb:hover{background:#10b981b3}.language-selector{position:relative;display:inline-block}.language-selector-button{display:flex;align-items:center;gap:6px;padding:6px 10px;background:linear-gradient(135deg,#0000001a,#0000000d);border:1px solid rgba(0,0,0,.2);border-radius:12px;color:#000;font-size:12px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);box-shadow:0 4px 16px #0000001a;position:relative;overflow:hidden}.language-selector-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.language-selector-button:hover:before{left:100%}.language-selector-button:hover{background:linear-gradient(135deg,#00000026,#00000014);border-color:#0000004d;transform:translateY(-1px) scale(1.01);box-shadow:0 6px 20px #00000026}.language-selector-button:active{transform:translateY(-1px) scale(.98)}.language-flag{font-size:14px;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));transition:transform .3s ease}.language-selector-button:hover .language-flag{transform:scale(1.1) rotate(5deg)}.language-name{font-size:10px;white-space:nowrap;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.1);letter-spacing:.2px}.language-code{font-size:8px;opacity:.7;font-weight:400;text-transform:uppercase;letter-spacing:.3px}.language-icon{transition:transform .3s ease}.language-selector-button:hover .language-icon{transform:rotate(180deg)}.language-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.language-chevron{transition:transform .3s ease}.language-chevron.open{transform:rotate(180deg)}.language-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:1}.language-dropdown{position:absolute;top:100%;right:0;margin-top:6px;background:linear-gradient(135deg,#fffffffa,#fffffff2);border:1px solid rgba(0,0,0,.1);border-radius:12px;box-shadow:0 8px 24px #00000026,0 4px 12px #0000001a;z-index:1000;min-width:200px;overflow:hidden;backdrop-filter:blur(10px);animation:dropdownFadeIn .3s cubic-bezier(.4,0,.2,1)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.language-dropdown-header{padding:16px 20px;border-bottom:2px solid rgba(255,255,255,.2);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);backdrop-filter:blur(10px)}.language-dropdown-header h4{margin:0;font-size:16px;font-weight:700;color:#1f2937;text-shadow:0 1px 2px rgba(0,0,0,.1);letter-spacing:.5px}.language-list{max-height:400px;overflow-y:auto;padding:8px}.language-option{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:#fff;border:1px solid #e5e7eb;text-align:left;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:13px;color:#000!important;border-radius:12px;position:relative;overflow:hidden}.language-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left .5s}.language-option:hover:before{left:100%}.language-option:hover{background:linear-gradient(135deg,#3b82f61a,#93c5fd0d);transform:translate(8px) scale(1.02);box-shadow:0 4px 20px #3b82f633}.language-option.active{background:linear-gradient(135deg,#3b82f633,#93c5fd1a);color:#1d4ed8;font-weight:600;box-shadow:0 4px 20px #3b82f64d;border:2px solid rgba(59,130,246,.3)}.language-option .language-flag{font-size:20px;line-height:1;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:transform .3s ease}.language-option:hover .language-flag{transform:scale(1.1) rotate(3deg)}.language-option .language-name{flex:1;font-size:13px;font-weight:600;color:#000!important;text-shadow:none;letter-spacing:.2px}.language-option .language-code{font-size:10px;opacity:.8;font-weight:500;color:#000!important;text-transform:uppercase;letter-spacing:.5px;margin-top:1px}.check-icon{color:#1d4ed8;flex-shrink:0;font-size:14px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));animation:checkPulse 2s infinite}@keyframes checkPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.language-overlay{position:fixed;inset:0;z-index:999;background:transparent}@media (prefers-color-scheme: dark){.language-dropdown{background:linear-gradient(135deg,#1f2937f2,#111827d9);border-color:#4b55634d}.language-dropdown-header{background:linear-gradient(135deg,#1118271a,#1f29370d);border-color:#4b556333}.language-dropdown-header h4{color:#f9fafb;text-shadow:0 1px 2px rgba(0,0,0,.5)}.language-option{color:#f9fafb}.language-option:hover{background:linear-gradient(135deg,#3b82f633,#93c5fd1a);box-shadow:0 4px 20px #3b82f64d}.language-option.active{background:linear-gradient(135deg,#1e3a8a4d,#3b82f633);color:#93c5fd;box-shadow:0 4px 20px #3b82f666;border:2px solid rgba(59,130,246,.4)}.check-icon{color:#93c5fd}}@media (max-width: 768px){.language-selector-button{padding:10px 14px;font-size:14px;gap:8px}.language-name{display:none}.language-dropdown{right:-10px;min-width:240px;margin-top:8px}.language-option{padding:12px 16px;font-size:14px;gap:12px}.language-option .language-flag{font-size:24px}.language-option .language-name{font-size:14px}}.header .language-selector{margin-left:auto;margin-right:24px}.header .language-selector-button{background:linear-gradient(135deg,#f59e0b,#fbbf24)!important;border:2px solid rgba(245,158,11,.6)!important;color:#111827!important;backdrop-filter:blur(20px);box-shadow:0 10px 24px #f59e0b59}.header .language-selector-button:hover{background:linear-gradient(135deg,#fbbf24,#fde68a)!important;border-color:#f59e0bbf!important;transform:translateY(-2px) scale(1.02);box-shadow:0 16px 36px #f59e0b73}.header .language-name,.header .language-code{color:#111827!important}.footer .language-selector{margin-top:16px}.footer .language-selector-button{background:#0000001a;border-color:#0003;color:#374151}.footer .language-selector-button:hover{background:#0003;border-color:#0000004d}.language-selector-button:focus{outline:2px solid #3b82f6;outline-offset:2px}.language-option:focus{outline:2px solid #3b82f6;outline-offset:-2px}.language-dropdown{position:absolute;top:100%;left:0;right:0;background:linear-gradient(135deg,#fffffff2,#f8fafcf2)!important;border:1px solid rgba(0,0,0,.1)!important;box-shadow:0 8px 32px #0000001f!important;backdrop-filter:blur(20px)!important;z-index:1000;margin-top:4px;border-radius:12px;overflow:hidden}.language-dropdown-header{background:linear-gradient(135deg,#00000005,#0000000d)!important;border-bottom:1px solid rgba(0,0,0,.08)!important;padding:12px 16px}.language-list{background:transparent;padding:8px 0}.language-option{background:transparent;border:none;padding:10px 16px;display:flex;align-items:center;gap:10px;width:100%;text-align:left;cursor:pointer;transition:all .3s ease;color:#1f2937!important;border-radius:0}.language-option:hover{background:linear-gradient(135deg,#3b82f614,#93c5fd14)!important;color:#1e40af!important;transform:translate(4px)}.language-option.active{background:linear-gradient(135deg,#3b82f61f,#93c5fd1f)!important;color:#1e40af!important;font-weight:600}.language-text{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.language-name{font-size:12px;font-weight:600;line-height:1.2;color:#000}.language-code{font-size:10px;font-weight:500;opacity:.8;line-height:1;color:#000}.language-info{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.language-dropdown-header h4{color:#000!important;font-size:14px;font-weight:600;margin:0 0 8px;padding:0 8px}.language-dropdown .language-dropdown-header h4,.language-dropdown h4,.language-selector h4,.language-dropdown-header h4{color:#000!important}.language-option .language-name{color:#000;font-size:12px;font-weight:600}.language-option .language-code{color:#000;font-size:10px;font-weight:500;opacity:.8}@media (max-width: 768px){.language-selector-button{padding:4px 6px;font-size:10px;gap:4px;border-radius:8px}.language-selector .language-selector-button .language-text,.language-selector .language-selector-button .language-name,.language-selector .language-selector-button .language-code{display:block!important;visibility:visible!important;opacity:1!important;color:#000!important;font-size:10px!important;line-height:1.2!important}.language-selector .language-selector-button .language-name{font-weight:600!important;margin-bottom:1px!important}.language-selector .language-selector-button .language-code{font-weight:500!important;font-size:8px!important;opacity:.9!important}.language-selector-button svg{width:12px;height:12px}.language-dropdown{min-width:120px;padding:4px 0}.language-option{padding:6px 8px;font-size:11px}.language-option svg{width:14px;height:14px}.language-selector-button .language-text{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:1px!important}.language-selector-button .language-name{display:block!important;color:#000!important;font-size:10px;font-weight:600;line-height:1.2}.language-selector-button .language-code{display:block!important;color:#000!important;font-size:8px;font-weight:500;opacity:.9}.language-option .language-name{display:block!important;color:#000!important;font-size:11px;font-weight:600}.language-option .language-code{display:block!important;color:#000!important;font-size:9px;font-weight:500;opacity:.9}}@media (max-width: 480px){.language-selector-button{padding:3px 5px;font-size:9px;gap:3px;border-radius:6px}.language-selector .language-selector-button .language-text,.language-selector .language-selector-button .language-name,.language-selector .language-selector-button .language-code{display:block!important;visibility:visible!important;opacity:1!important;color:#000!important;font-size:9px!important;line-height:1.1!important}.language-selector .language-selector-button .language-name{font-weight:600!important;margin-bottom:1px!important}.language-selector .language-selector-button .language-code{font-weight:500!important;font-size:7px!important;opacity:.9!important}.language-selector-button svg{width:10px;height:10px}.language-dropdown{min-width:100px;padding:2px 0}.language-option{padding:4px 6px;font-size:10px}.language-option svg{width:12px;height:12px}.language-selector-button .language-text{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:1px!important}.language-selector-button .language-name{display:block!important;color:#000!important;font-size:9px;font-weight:600;line-height:1.1}.language-selector-button .language-code{display:block!important;color:#000!important;font-size:7px;font-weight:500;opacity:.9}.language-option .language-name{display:block!important;color:#000!important;font-size:10px;font-weight:600}.language-option .language-code{display:block!important;color:#000!important;font-size:8px;font-weight:500;opacity:.9}}@media (max-width: 768px){.language-selector *{box-sizing:border-box}.language-selector .language-selector-button .language-text{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:1px!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important}.language-selector .language-selector-button .language-name{display:inline-block!important;visibility:visible!important;opacity:1!important;color:#000!important;background:transparent!important;font-size:10px!important;font-weight:600!important;line-height:1.2!important;margin:0!important;padding:0!important;width:auto!important;height:auto!important;text-align:left!important}.language-selector .language-selector-button .language-code{display:inline-block!important;visibility:visible!important;opacity:.9!important;color:#000!important;background:transparent!important;font-size:8px!important;font-weight:500!important;line-height:1!important;margin:0!important;padding:0!important;width:auto!important;height:auto!important;text-align:left!important}}.language-change-animation{animation:languageChange .5s cubic-bezier(.4,0,.2,1)}@keyframes languageChange{0%{opacity:.7;transform:scale(.9) rotate(-2deg)}50%{opacity:.9;transform:scale(1.05) rotate(1deg)}to{opacity:1;transform:scale(1) rotate(0)}}.language-selector-button:focus{outline:none;box-shadow:0 0 0 4px #3b82f64d}.language-option:focus{outline:none;box-shadow:0 0 0 3px #3b82f64d}.language-list::-webkit-scrollbar{width:6px}.language-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.language-list::-webkit-scrollbar-thumb{background:#3b82f680;border-radius:3px}.language-list::-webkit-scrollbar-thumb:hover{background:#3b82f6b3}.language-selector-button.changing{opacity:.7;pointer-events:none}.language-selector-button .loading-indicator{position:absolute;top:50%;right:8px;transform:translateY(-50%);animation:spin 1s linear infinite;font-size:14px;color:#3b82f6}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(156,163,175,.5) transparent}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#9ca3af80;border-radius:3px;transition:background .2s ease}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#9ca3afcc}@keyframes slide-in-from-top-2{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 8px #3b82f600}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.glass-effect{background:#ffffff1a;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.glass-effect-dark{background:#0000001a;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.premium-button{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.premium-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.premium-button:hover:before{left:100%}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-gold{background:linear-gradient(135deg,#f6d365,#fda085);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.float-animation{animation:float 3s ease-in-out infinite}.ripple-effect{position:relative;overflow:hidden}.ripple-effect:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.ripple-effect:active:after{width:300px;height:300px}.premium-dropdown{background:#fffffff2;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #ffffff0d}.enhanced-focus:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a,0 0 0 1px #3b82f633;border-color:#3b82f64d}.status-indicator{position:relative}.status-indicator:before{content:"";position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:#10b981;border-radius:50%;border:2px solid white;animation:pulse 2s infinite}.premium-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.micro-bounce:hover{animation:micro-bounce .6s ease-in-out}@keyframes micro-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-2px)}60%{transform:translateY(-1px)}}@media (prefers-color-scheme: dark){.premium-dropdown{background:#111827f2;border:1px solid rgba(75,85,99,.3);box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0000001a,0 0 0 1px #4b55631a}.glass-effect{background:#111827cc;border:1px solid rgba(75,85,99,.3)}}@media (max-width: 640px){.premium-dropdown{width:calc(100vw - 2rem);max-width:320px}}@media (prefers-contrast: high){.premium-dropdown{border:2px solid currentColor;background:#fff}.glass-effect{background:#fff;border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.premium-button,.float-animation,.micro-bounce{animation:none;transition:none}.premium-button:before{display:none}}.visited-items{padding:var(--spacing-lg);padding-top:calc(var(--header-height) + var(--spacing-lg));background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);min-height:100vh}.visited-items-empty{padding:var(--spacing-2xl);text-align:center}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.empty-icon{color:var(--text-secondary);opacity:.5}.empty-state h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.empty-state p{font-size:var(--font-size-base);color:var(--text-secondary);margin:0;max-width:400px}.visited-items-header{text-align:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--border-light)}.visited-items-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.visited-items-header p{font-size:var(--font-size-base);color:var(--text-secondary);margin:0}.visited-items-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.visited-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:all var(--transition-normal);gap:var(--spacing-md)}.visited-item:hover{border-color:var(--primary-200);box-shadow:var(--shadow-md);transform:translateY(-2px)}.item-image{flex-shrink:0}.product-thumbnail{width:60px;height:60px;border-radius:var(--radius-md);object-fit:cover;border:1px solid var(--border-light);background:var(--bg-primary)}.item-info{flex:1;min-width:0}.item-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.affiliate-link{display:flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-xs);padding:var(--spacing-2) var(--spacing-3);background:var(--primary-50);border:1px solid var(--primary-200);border-radius:var(--radius-md);transition:all var(--transition-fast)}.affiliate-link:hover{background:var(--primary-100);border-color:var(--primary-300);transform:translateY(-1px)}.link-icon{color:var(--primary-600);opacity:1}.link-text{font-size:var(--font-size-sm);color:var(--primary-700);font-weight:var(--font-weight-medium)}.item-actions{display:flex;gap:var(--spacing-sm);flex-shrink:0}.visit-link-btn,.remove-item-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.visit-link-btn{background:var(--gradient-forest);color:#fff}.visit-link-btn.primary{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d;font-weight:var(--font-weight-semibold)}.visit-link-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.visit-link-btn.primary:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.remove-item-btn{background:var(--error-50);color:var(--error-600);border:1px solid var(--error-200)}.remove-item-btn:hover{background:var(--error-100);color:var(--error-700);transform:translateY(-1px)}@media (max-width: 768px){.visited-items{padding:var(--spacing-md)}.visited-items-header h2{font-size:var(--font-size-xl)}.visited-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.item-actions{width:100%;justify-content:flex-end}.item-name{font-size:var(--font-size-base)}.product-thumbnail{width:50px;height:50px}}.debug-toggle{position:fixed;bottom:20px;right:20px;width:50px;height:50px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #3b82f64d;transition:all .3s ease;z-index:1000}.debug-toggle:hover{transform:scale(1.1);box-shadow:0 6px 16px #3b82f666}.error-count{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.debug-panel{position:fixed;bottom:80px;right:20px;width:400px;max-height:600px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 20px 40px #0000001a;z-index:1001;overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.debug-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.debug-header h3{margin:0;font-size:1rem;font-weight:600;color:#1e293b}.debug-actions{display:flex;gap:8px}.debug-actions button{width:28px;height:28px;border:none;background:#e2e8f0;color:#64748b;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.debug-actions button:hover{background:#cbd5e1;color:#374151}.debug-content{max-height:500px;overflow-y:auto;padding:16px 20px}.debug-section{margin-bottom:20px}.debug-section:last-child{margin-bottom:0}.debug-section h4{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:.875rem;font-weight:600;color:#374151}.no-errors{display:flex;align-items:center;gap:8px;padding:12px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#166534;font-size:.875rem}.error-list{display:flex;flex-direction:column;gap:8px}.error-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;position:relative}.error-icon{font-size:1.25rem;flex-shrink:0}.error-details{flex:1;min-width:0}.error-message{font-size:.875rem;font-weight:500;color:#1e293b;margin-bottom:4px;word-break:break-word}.error-context{font-size:.75rem;color:#64748b}.error-indicator{position:absolute;top:0;right:0;width:4px;height:100%;border-radius:0 8px 8px 0}.performance-info,.system-info{display:flex;flex-direction:column;gap:8px}.perf-item,.info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8fafc;border-radius:6px;font-size:.875rem}.perf-item span:first-child,.info-item span:first-child{color:#64748b;font-weight:500}.perf-item span:last-child,.info-item span:last-child{color:#1e293b;font-weight:600}.truncate{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.debug-panel{width:calc(100vw - 40px);right:20px;left:20px}.debug-toggle{bottom:20px;right:20px}}@media (prefers-color-scheme: dark){.debug-panel{background:#1e293b;border-color:#475569}.debug-header{background:linear-gradient(135deg,#334155,#475569);border-color:#64748b}.debug-header h3{color:#f1f5f9}.debug-actions button{background:#475569;color:#94a3b8}.debug-actions button:hover{background:#64748b;color:#e2e8f0}.error-item{background:#2d1b1b;border-color:#7f1d1d}.error-message{color:#f1f5f9}.error-context{color:#94a3b8}.perf-item,.info-item{background:#334155}.perf-item span:first-child,.info-item span:first-child{color:#94a3b8}.perf-item span:last-child,.info-item span:last-child{color:#f1f5f9}}.error-boundary,.error-boundary-fallback{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.error-content,.error-fallback-content{background:#fff;border-radius:16px;padding:40px;max-width:600px;width:100%;text-align:center;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #e2e8f0}.error-icon{color:#ef4444;margin-bottom:24px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.error-content h2,.error-fallback-content h1{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 16px;line-height:1.2}.error-content p,.error-fallback-content p{color:#6b7280;font-size:16px;line-height:1.6;margin:0 0 32px}.error-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:32px}.error-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease;min-width:140px;justify-content:center}.error-button.primary{background:#3b82f6;color:#fff}.error-button.primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.error-button.secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.error-button.secondary:hover{background:#e5e7eb;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.error-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:24px 0;text-align:left}.error-details summary{padding:16px;cursor:pointer;font-weight:600;color:#374151;background:#f1f5f9;border-radius:8px 8px 0 0}.error-details summary:hover{background:#e2e8f0}.error-stack{padding:16px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:1.4}.error-stack h4{margin:0 0 8px;color:#1f2937;font-size:14px;font-weight:600}.error-stack pre{background:#1f2937;color:#f9fafb;padding:12px;border-radius:6px;overflow-x:auto;margin:0 0 16px;white-space:pre-wrap;word-break:break-word}.error-help{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:20px;text-align:left}.error-help p{margin:0 0 12px;color:#0369a1;font-weight:600}.error-help ul{margin:0;padding-left:20px;color:#0369a1}.error-help li{margin-bottom:8px;line-height:1.5}@media (max-width: 768px){.error-boundary,.error-boundary-fallback{padding:16px}.error-content,.error-fallback-content{padding:24px}.error-content h2,.error-fallback-content h1{font-size:24px}.error-actions{flex-direction:column;align-items:center}.error-button{width:100%;max-width:200px}.error-stack pre{font-size:10px}}@media (max-width: 480px){.error-content,.error-fallback-content{padding:20px}.error-content h2,.error-fallback-content h1{font-size:20px}.error-content p,.error-fallback-content p{font-size:14px}}.confirmation-dialog-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.confirmation-dialog-backdrop{position:absolute;inset:0;background:#00000080;backdrop-filter:blur(4px);animation:backdropFadeIn .3s ease-out}.confirmation-dialog{position:relative;z-index:1;max-width:500px;width:100%;animation:dialogSlideIn .3s ease-out}.confirmation-dialog-content{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #e5e7eb;overflow:hidden;position:relative}.confirmation-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0;position:relative}.confirmation-dialog-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0}.confirmation-dialog-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;background:#f1f5f9;color:#64748b;cursor:pointer;transition:all .2s ease}.confirmation-dialog-close:hover{background:#e2e8f0;color:#475569}.confirmation-dialog-close:disabled{opacity:.5;cursor:not-allowed}.confirmation-dialog-body{padding:24px;text-align:left}.confirmation-dialog-title{font-size:20px;font-weight:600;color:#1e293b;margin:0 0 12px;line-height:1.4}.confirmation-dialog-message{font-size:16px;color:#64748b;margin:0;line-height:1.5}.confirmation-dialog-footer{display:flex;gap:12px;padding:0 24px 24px;justify-content:flex-end}.confirmation-dialog-cancel{padding:12px 24px;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:#374151;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;min-width:100px}.confirmation-dialog-cancel:hover{background:#f9fafb;border-color:#9ca3af}.confirmation-dialog-cancel:disabled{opacity:.5;cursor:not-allowed}.confirmation-dialog-confirm{padding:12px 24px;border-radius:8px;border:none;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;min-width:100px;display:flex;align-items:center;justify-content:center;gap:8px}.confirmation-dialog-confirm:disabled{opacity:.7;cursor:not-allowed}.confirmation-dialog-spinner{display:flex;align-items:center;gap:8px}.spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dialogSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-color-scheme: dark){.confirmation-dialog-content{background:#1e293b;border-color:#334155}.confirmation-dialog-title{color:#f8fafc}.confirmation-dialog-message{color:#cbd5e1}.confirmation-dialog-icon{background:#334155;border-color:#475569}.confirmation-dialog-close{background:#334155;color:#cbd5e1}.confirmation-dialog-close:hover{background:#475569;color:#f8fafc}.confirmation-dialog-cancel{background:#334155;border-color:#475569;color:#cbd5e1}.confirmation-dialog-cancel:hover{background:#475569;color:#f8fafc}}@media (max-width: 640px){.confirmation-dialog{max-width:100%;margin:0 16px}.confirmation-dialog-content{border-radius:12px}.confirmation-dialog-header,.confirmation-dialog-body,.confirmation-dialog-footer{padding-left:20px;padding-right:20px}.confirmation-dialog-footer{flex-direction:column}.confirmation-dialog-cancel,.confirmation-dialog-confirm{width:100%;justify-content:center}}.marketplace-page{min-height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);padding-top:var(--header-height)}.home-page{min-height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);padding-top:0}.hero-section{position:relative;background:var(--gradient-aurora);color:#fff;padding:var(--spacing-20) 0;margin-bottom:var(--spacing-16);overflow:hidden;border-radius:0 0 var(--radius-3xl) var(--radius-3xl);box-shadow:var(--shadow-2xl)}.hero-background{position:absolute;inset:0;z-index:1}.hero-particles{position:absolute;width:100%;height:100%;background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 60% 60%,rgba(255,255,255,.1) 0%,transparent 50%);animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.site-introduction{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);padding:var(--spacing-12) 0;position:relative;overflow:hidden}.site-introduction:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(16,185,129,.05) 0%,transparent 50%);pointer-events:none}.intro-content{position:relative;z-index:2;text-align:center;max-width:800px;margin:0 auto}.intro-title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-extrabold);color:var(--text-primary);margin-bottom:var(--spacing-6);line-height:var(--line-height-tight);word-break:break-word;overflow-wrap:anywhere;hyphens:auto}.intro-highlight{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;font-size:1.5em;font-weight:var(--font-weight-extrabold);display:inline-block;transform:scale(1.2);animation:highlightPulse 2s ease-in-out infinite;text-shadow:0 0 20px rgba(59,130,246,.3)}.intro-highlight:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:4px;background:var(--gradient-primary);border-radius:var(--radius-full);opacity:.3}.intro-description{font-size:var(--font-size-xl);color:#374151!important;line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-12);max-width:600px;margin-left:auto;margin-right:auto;font-weight:500;word-break:break-word;overflow-wrap:anywhere;hyphens:auto}.intro-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-8);margin-top:var(--spacing-12)}.intro-stat{text-align:center;padding:var(--spacing-6);background:#fffc;backdrop-filter:blur(10px);border-radius:var(--radius-2xl);border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-lg);transition:all var(--transition-normal)}.intro-stat:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);background:#fffffff2}.stat-number{display:block;font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:var(--spacing-2)}.stat-label{display:block;font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.quick-categories{padding:var(--spacing-16) 0;background:var(--bg-primary)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-6);margin-top:var(--spacing-8)}.category-card{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-8);background:#fffc;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-2xl);text-decoration:none;color:var(--text-primary);transition:all var(--transition-normal);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.category-card:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-normal);z-index:1}.category-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-2xl);border-color:var(--primary-color)}.category-card:hover:before{opacity:.05}.category-icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-4);z-index:2;position:relative;transition:transform var(--transition-normal)}.category-card:hover .category-icon{transform:scale(1.1)}.category-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2);z-index:2;position:relative}.category-card p{font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center;z-index:2;position:relative}.featured-section,.trending-section,.all-products-section{padding:var(--spacing-16) 0;position:relative}.featured-section{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}.trending-section{background:var(--bg-primary)}.all-products-section{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--spacing-12);flex-wrap:wrap;gap:var(--spacing-4)}.section-title{display:flex;align-items:center;gap:var(--spacing-3);font-size:clamp(1.75rem,1.2rem + 1.5vw,2.5rem);font-weight:800;color:var(--primary-color);letter-spacing:-.01em;margin-top:var(--spacing-2);margin-bottom:var(--spacing-3);text-shadow:0 1px 0 rgba(0,0,0,.04)}.section-title:after{content:"";display:block;width:64px;height:4px;margin-top:var(--spacing-2);background:var(--gradient-primary);border-radius:var(--radius-full);box-shadow:0 2px 6px #00000014}.quick-categories .section-title,.trending-section .section-title,.all-products-section .section-title,.quick-categories .title-icon,.trending-section .title-icon,.all-products-section .title-icon{color:#0b5fff}.section-subtitle{font-size:var(--font-size-lg);color:#374151!important;margin:0;font-weight:500}.section-link{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);background:var(--gradient-primary);color:var(--text-white);text-decoration:none;border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);transition:all var(--transition-normal);box-shadow:var(--shadow-md)}.section-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media (max-width: 1024px){.hero-section,.site-introduction{padding:var(--spacing-16) 0}.featured-section,.trending-section,.all-products-section,.quick-categories{padding:var(--spacing-12) 0}}@media (max-width: 768px){.hero-section{padding:var(--spacing-12) 0;margin-bottom:var(--spacing-12)}.site-introduction{padding:var(--spacing-8) 0}.intro-title{font-size:clamp(1.5rem,1.2rem + 2.5vw,2.25rem);line-height:1.2;padding:0 12px}.intro-highlight{font-size:1.2em;transform:none;white-space:normal}.intro-description{font-size:var(--font-size-base);padding:0 12px}.featured-section,.trending-section,.all-products-section,.quick-categories{padding:var(--spacing-10) 0}.section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}.section-title{font-size:clamp(1.5rem,1.1rem + 1vw,2rem)}.section-subtitle{font-size:var(--font-size-base)}.products-showcase{grid-template-columns:repeat(6,1fr);gap:4px}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-2)}.category-card{padding:var(--spacing-4);min-height:auto}.category-icon{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-2)}.category-card h3{font-size:var(--font-size-sm);margin-bottom:var(--spacing-1)}.category-card p{font-size:var(--font-size-xs)}}@media (max-width: 480px){.hero-section{padding:var(--spacing-10) 0;margin-bottom:var(--spacing-10)}.site-introduction{padding:var(--spacing-6) 0}.intro-title{font-size:clamp(1.35rem,1.1rem + 2vw,1.85rem);line-height:1.2;padding:0 10px}.intro-highlight{font-size:1.15em;transform:none}.intro-description{font-size:.95rem;padding:0 10px}.featured-section,.trending-section,.all-products-section,.quick-categories{padding:var(--spacing-8) 0}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--spacing-1)}.category-card{padding:var(--spacing-3);min-height:auto}.category-icon{font-size:var(--font-size-xl);margin-bottom:var(--spacing-1)}.category-card h3{font-size:var(--font-size-xs);margin-bottom:var(--spacing-1)}.category-card p{font-size:.7rem}.section-title{font-size:clamp(1.35rem,1.05rem + 1vw,1.75rem)}.section-subtitle{font-size:var(--font-size-sm)}.products-showcase{grid-template-columns:repeat(6,1fr);gap:4px}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-2)}}.hero-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:#ffffff26;backdrop-filter:blur(10px);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm);border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0000001a}.hero-stats{display:flex;gap:var(--spacing-xl);margin:var(--spacing-xl) 0}.stat-number{display:block;font-size:2rem;font-weight:700;color:#fbbf24;line-height:1}.stat-label{display:block;font-size:.875rem;opacity:.8;margin-top:var(--spacing-xs)}.hero-visual{position:relative;height:500px;display:flex;align-items:center;justify-content:center}.floating-products{position:relative;width:100%;height:100%}.floating-product{position:absolute;background-color:#fff;border-radius:var(--radius-xl);padding:var(--spacing-md);box-shadow:var(--shadow-xl);animation:floatProduct 6s ease-in-out infinite}.floating-product.product-1{top:10%;left:10%;animation-delay:0s}.floating-product.product-2{top:30%;right:20%;animation-delay:2s}.floating-product.product-3{bottom:20%;left:30%;animation-delay:4s}.floating-image{width:80px;height:80px;object-fit:cover;border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);background-color:var(--bg-secondary);border:2px solid rgba(255,255,255,.2);box-shadow:var(--shadow-md)}.floating-price{background-color:var(--primary-color);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;text-align:center}@keyframes floatProduct{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(1deg)}50%{transform:translateY(-20px) rotate(0)}75%{transform:translateY(-10px) rotate(-1deg)}}@keyframes highlightPulse{0%,to{transform:scale(1.2);filter:brightness(1)}50%{transform:scale(1.25);filter:brightness(1.1)}}.marketplace-header{background:var(--gradient-ocean);color:#fff;height:20vh;position:relative;border-radius:0 0 var(--radius-md) var(--radius-md);overflow:hidden;box-shadow:0 4px 20px #0ea5e926}.marketplace-header:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#ffffff1a);opacity:.4;pointer-events:none}.marketplace-header:after{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="0.5" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23dots)"/></svg>');opacity:.2;pointer-events:none}.marketplace-hero{position:absolute;inset:0;display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-sm);align-items:center;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);z-index:1;transition:all var(--transition-normal);width:100%}.marketplace-hero:hover{transform:translateY(-1px)}.marketplace-title{position:absolute;top:50%;left:var(--spacing-md);transform:translateY(-50%);font-size:.9rem;font-weight:600;line-height:1.1;margin-bottom:0;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3);letter-spacing:-.01em;z-index:2}.marketplace-description{position:absolute;top:60%;left:var(--spacing-md);transform:translateY(-50%);font-size:.65rem;line-height:1.1;margin-bottom:0;color:#fff;opacity:.9;max-width:300px;font-weight:400;z-index:2}.marketplace-stats{position:absolute;top:70%;left:var(--spacing-md);transform:translateY(-50%);display:flex;gap:var(--spacing-xs);margin:0;z-index:2}.stat-item{text-align:center}.stat-number{display:block;font-size:.8rem;font-weight:var(--font-weight-bold);color:#fbbf24;text-shadow:0 1px 2px rgba(0,0,0,.1)}.stat-label{display:block;font-size:.6rem;color:#fff;opacity:.9;margin-top:var(--spacing-xs)}.featured-showcase{position:relative;height:200px;display:flex;align-items:center;justify-content:center}.showcase-product{position:absolute;background-color:#fff;border-radius:var(--radius-xl);padding:var(--spacing-md);box-shadow:var(--shadow-xl);animation:floatProduct 6s ease-in-out infinite;color:var(--text-primary)}.showcase-product.product-1{top:10%;left:10%;animation-delay:0s}.showcase-product.product-2{top:30%;right:20%;animation-delay:2s}.showcase-product.product-3{bottom:20%;left:30%;animation-delay:4s}.showcase-image{width:60px;height:60px;object-fit:cover;border-radius:var(--radius-md);margin-bottom:var(--spacing-xs);background-color:var(--bg-secondary);border:2px solid rgba(37,99,235,.1);box-shadow:var(--shadow-md)}.showcase-info{text-align:center}.showcase-price{background-color:var(--primary-color);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-xs)}.showcase-name{font-size:.75rem;font-weight:500;color:var(--text-primary);line-height:1.3}.quick-categories{padding:var(--spacing-lg) 0;background-color:var(--bg-secondary)}.marketplace-products{padding:var(--spacing-lg) 0}.hero-title{font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:var(--spacing-lg)}.hero-highlight{color:#fbbf24}.hero-description{font-size:1.25rem;line-height:1.6;margin-bottom:var(--spacing-xl);opacity:.9}.hero-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.hero-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);text-decoration:none;font-weight:600;transition:all var(--transition-fast)}.hero-button.primary{background-color:#fbbf24;color:#1e293b}.hero-button.primary:hover{background-color:#f59e0b;transform:translateY(-2px)}.hero-button.secondary{background-color:transparent;color:#fff;border:2px solid white}.hero-button.secondary:hover{background-color:#fff;color:#1e293b}.hero-image{display:flex;justify-content:center;align-items:center}.hero-placeholder{background-color:#ffffff1a;border-radius:var(--radius-xl);padding:var(--spacing-2xl);text-align:center;backdrop-filter:blur(10px)}.hero-placeholder svg{color:#fbbf24;margin-bottom:var(--spacing-md)}.features-section{padding:var(--spacing-2xl) 0;background-color:var(--bg-secondary)}.section-title{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-2xl);color:var(--text-primary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.feature-card{background-color:var(--bg-primary);padding:var(--spacing-xl);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-md);transition:transform var(--transition-normal)}.feature-card:hover{transform:translateY(-4px)}.feature-icon{width:80px;height:80px;background-color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg);color:#fff}.feature-card h3{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--text-primary)}.feature-card p{color:var(--text-secondary);line-height:1.6}.featured-section,.trending-section{padding:var(--spacing-2xl) 0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.section-title-container{display:flex;flex-direction:column;gap:var(--spacing-sm)}.section-title{display:flex;align-items:center;gap:var(--spacing-md);font-size:2.5rem;font-weight:700;margin-bottom:0;color:var(--text-primary)}.title-icon{color:var(--primary-color)}.section-subtitle{color:#374151!important;font-size:1.125rem;margin:0;font-weight:500}.products-showcase{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.section-link{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--primary-color);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.section-link:hover{color:var(--primary-hover)}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-xs)}.featured-badge,.trending-badge{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);background-color:var(--accent-color);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:.75rem;font-weight:600;z-index:2}.trending-badge{background-color:var(--error-color)}.product-link{display:inline-block;margin-top:var(--spacing-md);color:var(--primary-color);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.product-link:hover{color:var(--primary-hover)}.categories-section{padding:var(--spacing-2xl) 0;background-color:var(--bg-secondary)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-sm)}.category-card{background-color:var(--bg-primary);padding:var(--spacing-sm);border-radius:var(--radius-md);text-align:center;text-decoration:none;color:var(--text-primary);transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);color:var(--primary-color)}.category-icon{font-size:2rem;margin-bottom:var(--spacing-xs)}.category-card h3{font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-xs)}.category-card p{color:var(--text-secondary);font-size:var(--font-size-xs)}.cta-section{padding:var(--spacing-2xl) 0;background:var(--gradient-mystic);color:#fff;text-align:center}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-lg)}.cta-content p{font-size:1.25rem;margin-bottom:var(--spacing-xl);opacity:.9}.cta-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);background-color:#fff;color:var(--primary-color);padding:var(--spacing-lg) var(--spacing-2xl);border-radius:var(--radius-lg);text-decoration:none;font-weight:600;font-size:1.125rem;transition:all var(--transition-fast)}.cta-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.products-page{min-height:100vh;padding-top:var(--header-height)}.page-header{text-align:center;margin-bottom:var(--spacing-2xl);padding:var(--spacing-8) 0}.page-title{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-6);color:var(--text-primary);line-height:1.2}.page-description{font-size:1.125rem;color:#374151!important;max-width:600px;margin:0 auto;line-height:1.6;font-weight:500}.product-detail-page{min-height:100vh;padding:var(--spacing-xl) 0}.back-button{display:flex;align-items:center;gap:var(--spacing-sm);background:none;border:none;color:var(--text-secondary);cursor:pointer;font-weight:500;margin-bottom:var(--spacing-xl);transition:color var(--transition-fast)}.back-button:hover{color:var(--primary-color)}.product-detail-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:start}.product-images{display:flex;flex-direction:column;gap:var(--spacing-md)}.main-image{position:relative;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;background-color:var(--bg-secondary)}.product-main-image{width:100%;height:100%;object-fit:cover}.image-thumbnails{display:flex;gap:var(--spacing-sm);overflow-x:auto;padding:var(--spacing-sm) 0}.thumbnail{width:80px;height:80px;border-radius:var(--radius-md);overflow:hidden;border:2px solid transparent;cursor:pointer;transition:border-color var(--transition-fast);flex-shrink:0}.thumbnail.active{border-color:var(--primary-color)}.thumbnail img{width:100%;height:100%;object-fit:cover}.product-header{margin-bottom:var(--spacing-xl)}.product-category{color:var(--text-muted);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm)}.product-title{font-size:2rem;font-weight:700;line-height:1.3;margin-bottom:var(--spacing-md);color:var(--text-primary)}.product-price{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.current-price{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 8px rgba(59,130,246,.3);position:relative;letter-spacing:.5px}.current-price:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#1d4ed8,#3b82f6);background-size:200% 100%;border-radius:2px;opacity:.8;animation:shimmer 3s ease-in-out infinite}.original-price{font-size:1.25rem;color:#64748b;text-decoration:line-through;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);padding:6px 12px;border-radius:8px;border:1px solid #cbd5e1;font-weight:600;position:relative;line-height:1.3}.original-price:after{content:"";position:absolute;top:50%;left:8px;right:8px;height:2px;background:#ef4444;transform:translateY(-50%);border-radius:1px}.product-description,.product-features,.product-specifications{margin-bottom:var(--spacing-xl)}.product-description h3,.product-features h3,.product-specifications h3{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--text-primary)}.product-description p{color:#374151!important;line-height:1.7;font-size:1rem;margin:0;font-weight:500}.description-content{background:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:0 2px 8px #0000000d}.product-features ul{list-style:none;padding:0}.product-features li{padding:var(--spacing-sm) 0;color:var(--text-secondary);position:relative;padding-left:var(--spacing-lg)}.product-features li:before{content:"✓";position:absolute;left:0;color:var(--success-color);font-weight:600}.specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.spec-item{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-light)}.spec-name{font-weight:500;color:var(--text-primary)}.spec-value{color:var(--text-secondary)}.product-actions{display:flex;gap:var(--spacing-md);margin-top:-5px;margin-bottom:var(--spacing-sm);flex-wrap:wrap}.buy-button{flex:1;min-width:180px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:600;font-size:1rem;cursor:pointer;transition:all var(--transition-fast)}.buy-button:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-2px)}.buy-button:disabled{opacity:.6;cursor:not-allowed}.like-button,.share-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;font-weight:500;transition:all var(--transition-fast)}.like-button:hover,.share-button:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.like-button.liked{background-color:var(--error-color);color:#fff;border-color:var(--error-color)}.out-of-stock-notice{background-color:#ef44441a;border:1px solid var(--error-color);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center;margin-bottom:var(--spacing-xl)}.out-of-stock-notice p{color:var(--error-color);font-weight:500}.trust-badges{display:flex;gap:var(--spacing-lg);flex-wrap:wrap}.trust-badge{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:.875rem}.trust-badge svg{color:var(--success-color)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);padding:var(--spacing-md)}.auth-container{width:100%;max-width:400px}.auth-card{background-color:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--spacing-2xl)}.auth-header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-header h1{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.auth-header p{color:var(--text-secondary)}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group label{font-weight:500;color:var(--text-primary)}.input-container{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:var(--spacing-md);color:var(--text-muted);z-index:1}.input-container input{width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 2.5rem;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:1rem;transition:border-color var(--transition-fast);color:#000!important}.input-container input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;color:#000!important}.password-toggle{position:absolute;right:var(--spacing-md);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:color var(--transition-fast)}.password-toggle:hover{color:var(--text-primary)}.form-options{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm)}.checkbox-container{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:.875rem;color:var(--text-secondary)}.checkbox-container input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-color)}.forgot-password{color:var(--primary-color);text-decoration:none;font-size:.875rem;transition:color var(--transition-fast)}.forgot-password:hover{color:var(--primary-hover)}.auth-button{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);border:none;border-radius:var(--radius-md);font-weight:600;font-size:1rem;cursor:pointer;transition:all var(--transition-fast)}.auth-button.primary{background-color:var(--primary-color);color:#fff}.auth-button.primary:hover:not(:disabled){background-color:var(--primary-hover)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-footer{text-align:center;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-light)}.auth-footer p{color:var(--text-secondary)}.auth-link{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.auth-link:hover{color:var(--primary-hover)}.terms-link{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}.terms-link:hover{color:var(--primary-hover)}.error-container{text-align:center;padding:var(--spacing-2xl)}.error-container h2{color:var(--error-color);margin-bottom:var(--spacing-md)}.error-container p{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.not-found{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center}.not-found-content h1{font-size:6rem;font-weight:800;color:var(--primary-color);margin-bottom:var(--spacing-md)}.not-found-content h2{font-size:2rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--text-primary)}.not-found-content p{color:var(--text-secondary);margin-bottom:var(--spacing-xl);font-size:1.125rem}.home-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);background-color:var(--primary-color);color:#fff;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);text-decoration:none;font-weight:600;transition:all var(--transition-fast)}.home-button:hover{background-color:var(--primary-hover);transform:translateY(-2px)}@media (max-width: 768px){.hero-content{grid-template-columns:1fr;text-align:center;gap:var(--spacing-xl)}.hero-title{font-size:2rem}.hero-description{font-size:1rem}.hero-actions{justify-content:center}.hero-stats{justify-content:center;gap:var(--spacing-lg)}.hero-visual{height:300px}.floating-product{padding:var(--spacing-sm)}.floating-image{width:60px;height:60px}.marketplace-hero{grid-template-columns:1fr;text-align:center;gap:var(--spacing-md);padding:0 var(--spacing-md)}.marketplace-title{font-size:1.5rem}.marketplace-description{font-size:.9rem;max-width:100%}.marketplace-stats{justify-content:center;gap:var(--spacing-sm)}.stat-number{font-size:var(--font-size-lg)}.featured-showcase{height:150px}.showcase-image{width:50px;height:50px}.section-title{font-size:2rem;flex-direction:column;text-align:center;gap:var(--spacing-sm)}.products-showcase{grid-template-columns:repeat(6,1fr);gap:4px}.marketplace-hero{grid-template-columns:1fr;text-align:center;gap:var(--spacing-xl)}.marketplace-title{font-size:2rem}.marketplace-description{font-size:1rem}.marketplace-stats{justify-content:center;gap:var(--spacing-lg)}.featured-showcase{height:300px}.showcase-product{padding:var(--spacing-sm)}.showcase-image{width:80px;height:80px}.features-grid{grid-template-columns:1fr}.products-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--spacing-xs)}.category-card{padding:var(--spacing-2);min-height:auto}.category-icon{font-size:var(--font-size-lg);margin-bottom:var(--spacing-1)}.category-card h3{font-size:var(--font-size-xs);margin-bottom:var(--spacing-1)}.category-card p{font-size:.7rem}.product-detail-content{grid-template-columns:1fr;gap:var(--spacing-xl)}.product-actions{flex-direction:column}.buy-button{min-width:auto}.trust-badges{justify-content:center}.section-header{flex-direction:column;gap:var(--spacing-md);text-align:center}.cta-content h2{font-size:2rem}.cta-content p{font-size:1rem}}@media (max-width: 480px){.hero-title{font-size:1.75rem}.section-title,.page-title{font-size:2rem}.product-title,.current-price{font-size:1.5rem}.not-found-content h1{font-size:4rem}.not-found-content h2{font-size:1.5rem}}.products-page{min-height:100vh;background:var(--bg-primary)}.products-page .page-header{height:0;padding:0;border:none;box-shadow:none;background:transparent}.products-page .header-content{display:none}.header-text{max-width:600px}.products-page .page-title{display:none}.title-highlight{background:var(--gradient-forest);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.products-page .page-description{display:none}.header-stats{display:flex;flex-direction:column;gap:var(--spacing-lg);background:var(--bg-primary);padding:var(--spacing-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-light)}.stat-item{text-align:center;padding:var(--spacing-md);border-radius:var(--radius-lg);background:var(--bg-secondary);transition:all var(--transition-fast)}.stat-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-number{display:block;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--primary-600);margin-bottom:var(--spacing-xs)}.stat-label{display:block;font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.product-filters{background:var(--bg-primary);padding:var(--spacing-lg);border-bottom:1px solid var(--border-light);box-shadow:0 2px 8px #0000000d}.search-container{position:relative;display:flex;align-items:center;max-width:400px;margin-bottom:var(--spacing-md)}.search-container .search-icon{position:absolute;left:var(--spacing-md);color:var(--text-muted);z-index:1}.search-container .search-input{width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 3rem;border:2px solid var(--border-light);border-radius:var(--radius-lg);font-size:var(--font-size-base);background:var(--bg-secondary);color:#000!important;transition:all var(--transition-fast)}.search-container .search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;color:#000!important}.filter-controls{display:flex;gap:var(--spacing-lg);flex-wrap:wrap;align-items:center}.filter-group{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--bg-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-light)}.filter-group svg{color:var(--text-muted);flex-shrink:0}.filter-select{background:none;border:none;color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;outline:none}.filter-select:focus{color:var(--primary-color)}.site-introduction{padding:var(--spacing-2xl) 0;background:linear-gradient(135deg,var(--primary-50) 0%,var(--secondary-50) 100%);text-align:center}.intro-content{max-width:800px;margin:0 auto}.intro-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-lg);line-height:1.2}.intro-highlight{background:var(--gradient-ocean);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.intro-description{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-xl);max-width:600px;margin-left:auto;margin-right:auto}.intro-stats{display:flex;justify-content:center;gap:var(--spacing-xl);flex-wrap:wrap}.intro-stat{text-align:center;padding:var(--spacing-md);background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);min-width:120px;transition:all var(--transition-normal)}.intro-stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.intro-stat .stat-number{display:block;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--primary-600);margin-bottom:var(--spacing-xs)}.intro-stat .stat-label{display:block;font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.quick-categories{padding:var(--spacing-lg) 0 var(--spacing-lg) 0;background:var(--bg-secondary);margin-top:0}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}ù .category-card{background:var(--bg-primary);padding:var(--spacing-md);border-radius:var(--radius-lg);text-decoration:none;text-align:center;transition:all var(--transition-normal);border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary-200);background:var(--gradient-forest);color:#fff}.category-icon{font-size:1.8rem;margin-bottom:var(--spacing-sm)}.category-card h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.category-card p{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0}.featured-section,.trending-section,.all-products-section{padding:var(--spacing-md) 0}.featured-section{background:var(--bg-primary)}.featured-section .section-link{background:var(--bg-primary);color:var(--text-primary);border:2px solid var(--border-light);box-shadow:var(--shadow-sm)}.featured-section .section-link:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #667eea4d,0 4px 12px #764ba233;position:relative;overflow:hidden}.featured-section .section-link:hover:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.featured-section .section-link:hover:before{left:100%}.featured-section .section-link:hover svg{transform:translate(4px);transition:transform .3s ease}.trending-section{background:var(--bg-secondary)}.trending-section .section-link{background:var(--bg-primary);color:var(--text-primary);border:2px solid var(--border-light);box-shadow:var(--shadow-sm)}.trending-section .section-link:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #667eea4d,0 4px 12px #764ba233;position:relative;overflow:hidden}.trending-section .section-link:hover:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.trending-section .section-link:hover:before{left:100%}.trending-section .section-link:hover svg{transform:translate(4px);transition:transform .3s ease}.all-products-section{background:var(--bg-primary)}.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--spacing-lg)}.section-title-container{flex:1}.section-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.title-icon{color:var(--primary-600)}.section-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.section-link{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--primary-600);text-decoration:none;font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);border:2px solid var(--primary-200);transition:all var(--transition-fast)}.section-link:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;transform:translateY(-2px) scale(1.01);box-shadow:0 6px 20px #667eea40,0 3px 8px #764ba226;position:relative;overflow:hidden}.section-link:hover:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.section-link:hover:before{left:100%}.section-link:hover svg{transform:translate(3px);transition:transform .3s ease}.products-container{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:8px!important;padding:8px;width:100%;max-width:1400px;margin:0 auto}.product-list-container .products-container{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:8px!important}.products-showcase{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:8px;width:100%;max-width:1400px;margin:0 auto}@media (max-width: 480px){.products-container{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;padding:8px}.product-list-container .products-container{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.products-showcase{grid-template-columns:repeat(2,1fr);gap:12px;padding:8px}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:var(--spacing-lg)}.spinner{width:40px;height:40px;border:4px solid var(--border-light);border-top:4px solid var(--primary-600);border-radius:50%;animation:spin 1s linear infinite}.loading-container p{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0}@media (max-width: 1024px){.header-content{grid-template-columns:1fr;gap:var(--spacing-xl);text-align:center}.header-stats{flex-direction:row;justify-content:space-around}.page-title{font-size:var(--font-size-3xl)}}@media (max-width: 768px){.page-header{padding:var(--spacing-xl) 0}.page-title{font-size:var(--font-size-2xl)}.page-description{font-size:var(--font-size-base)}.header-stats{flex-direction:column;gap:var(--spacing-md)}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md)}.category-card{padding:var(--spacing-lg)}.category-icon{font-size:2rem}.section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-lg)}.section-title{font-size:var(--font-size-2xl)}.products-container{grid-template-columns:repeat(3,1fr)!important;gap:10px!important;padding:8px}.product-list-container .products-container{grid-template-columns:repeat(3,1fr)!important;gap:10px!important}.products-showcase{grid-template-columns:repeat(3,1fr);gap:10px;padding:8px}}@media (max-width: 480px){.page-title{font-size:var(--font-size-xl)}.categories-grid{grid-template-columns:repeat(2,1fr)}.products-container{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;padding:8px}.product-list-container .products-container{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.products-showcase{grid-template-columns:repeat(2,1fr);gap:12px;padding:8px}}.help-center-page,.contact-page,.faq-page,.shipping-info-page,.returns-page,.privacy-policy-page,.terms-of-service-page{padding:var(--spacing-xl) 0;padding-top:calc(var(--header-height) + var(--spacing-xl));background:var(--bg-primary);min-height:100vh}.page-header{text-align:center;margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl) var(--spacing-lg);background:var(--gradient-forest);border-radius:var(--radius-xl);color:#fff}.page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-md) 0;color:#fff}.page-description{font-size:var(--font-size-lg);margin:0;opacity:.9}.last-updated{font-size:var(--font-size-sm);margin-top:var(--spacing-sm);opacity:.8}.help-content{max-width:1000px;margin:0 auto;padding:0 var(--spacing-lg)}.help-sections{display:grid;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.help-section h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--primary-200)}.help-items{display:grid;gap:var(--spacing-lg)}.help-item{background:var(--bg-secondary);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--border-light);transition:all var(--transition-normal)}.help-item:hover{border-color:var(--primary-200);box-shadow:var(--shadow-md);transform:translateY(-2px)}.help-item h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.help-item p{color:var(--text-secondary);line-height:1.6;margin:0}.contact-support{text-align:center;padding:var(--spacing-2xl);background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-light)}.contact-support h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.contact-support p{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.contact-options{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.contact-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--gradient-forest);color:#fff;text-decoration:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);transition:all var(--transition-normal);border:none;cursor:pointer}.contact-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);color:#fff;text-decoration:none}.contact-button.secondary{background:var(--bg-primary);color:var(--text-primary);border:2px solid var(--primary-200)}.contact-button.secondary:hover{background:var(--primary-50);border-color:var(--primary-300);color:var(--text-primary)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.contact-info h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-xl)}.contact-methods{display:grid;gap:var(--spacing-xl)}.contact-method{display:flex;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-light);transition:all var(--transition-normal)}.contact-method:hover{border-color:var(--primary-200);box-shadow:var(--shadow-md);transform:translateY(-2px)}.contact-icon{flex-shrink:0;width:60px;height:60px;background:var(--gradient-forest);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff}.contact-details h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.contact-details p{color:var(--text-secondary);margin:0 0 var(--spacing-xs) 0;line-height:1.5}.contact-form-container{background:var(--bg-secondary);padding:var(--spacing-2xl);border-radius:var(--radius-xl);border:1px solid var(--border-light);height:fit-content}.contact-form h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-xl);text-align:center}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.form-group input,.form-group textarea{width:100%;padding:var(--spacing-md);border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-fast)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-300);box-shadow:0 0 0 3px var(--primary-100)}.form-group textarea{resize:vertical;min-height:120px}.submit-button{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 15px #28a7454d}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #28a74566}.submit-button:disabled{opacity:.7;cursor:not-allowed}.submit-button.loading{opacity:.8}.loading-spinner{width:20px;height:20px;position:relative;display:inline-block}.loading-spinner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:2px solid transparent;border-top-color:currentColor;border-right-color:#ffffff80;animation:professionalSpin .8s linear infinite}@keyframes professionalSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-message{text-align:center;padding:var(--spacing-xl)}.success-message h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--primary-600);margin-bottom:var(--spacing-md)}.success-message p{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.faq-content{max-width:1000px;margin:0 auto;padding:0 var(--spacing-lg)}.search-section{margin-bottom:var(--spacing-2xl)}.search-box{position:relative;max-width:500px;margin:0 auto}.search-box input{width:100%;padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-lg) 50px;border:2px solid var(--border-light);border-radius:var(--radius-lg);font-size:var(--font-size-lg);background:var(--bg-secondary);color:#000!important;transition:all var(--transition-fast)}.search-box input:focus{outline:none;border-color:var(--primary-300);box-shadow:0 0 0 3px var(--primary-100);color:#000!important}.search-icon{position:absolute;left:var(--spacing-lg);top:50%;transform:translateY(-50%);color:var(--text-secondary)}.no-results{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.no-results h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:var(--spacing-md) 0}.faq-sections{display:grid;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.faq-section{background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-light);overflow:hidden}.category-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;padding:var(--spacing-xl);background:var(--gradient-forest);color:#fff}.faq-items{padding:var(--spacing-lg)}.faq-item{border-bottom:1px solid var(--border-light)}.faq-item:last-child{border-bottom:none}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background:none;border:none;text-align:left;cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.faq-question:hover{background:var(--bg-primary)}.faq-answer{padding:0 var(--spacing-lg) var(--spacing-lg);color:var(--text-secondary);line-height:1.6;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.faq-footer{text-align:center;padding:var(--spacing-2xl);background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-light)}.faq-footer h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.faq-footer p{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.help-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.help-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--gradient-forest);color:#fff;text-decoration:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);transition:all var(--transition-normal)}.help-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);color:#fff;text-decoration:none}.help-button.secondary{background:var(--bg-primary);color:var(--text-primary);border:2px solid var(--primary-200)}.help-button.secondary:hover{background:var(--primary-50);border-color:var(--primary-300);color:var(--text-primary)}@media (max-width: 768px){.contact-content{grid-template-columns:1fr;gap:var(--spacing-xl)}.contact-method{flex-direction:column;text-align:center}.contact-icon{align-self:center}.contact-options,.help-actions{flex-direction:column;align-items:center}.contact-button,.help-button{width:100%;max-width:300px;justify-content:center}.page-title{font-size:var(--font-size-2xl)}.help-item,.contact-form-container{padding:var(--spacing-lg)}}@media (max-width: 480px){.page-header{padding:var(--spacing-lg)}.page-title{font-size:var(--font-size-xl)}.page-description{font-size:var(--font-size-base)}.help-content,.faq-content,.contact-content{padding:0 var(--spacing-md)}}.privacy-policy-page,.terms-of-service-page{padding:var(--spacing-xl) 0;background:var(--bg-primary);min-height:calc(100vh - var(--header-height))}.privacy-content,.terms-content{max-width:1000px;margin:0 auto;padding:0 var(--spacing-lg)}.privacy-overview,.terms-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.privacy-card,.terms-card{background:var(--bg-secondary);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--border-light);text-align:center;transition:all var(--transition-normal)}.privacy-card:hover,.terms-card:hover{border-color:var(--primary-200);box-shadow:var(--shadow-md);transform:translateY(-2px)}.privacy-icon,.terms-icon{width:80px;height:80px;background:var(--gradient-forest);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg);color:#000}.privacy-icon svg,.terms-icon svg{color:#000!important;fill:#000!important}.privacy-card h3,.terms-card h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.privacy-card p,.terms-card p{color:var(--text-secondary);line-height:1.5;margin:0}.privacy-sections,.terms-sections{display:grid;gap:var(--spacing-2xl)}.privacy-section,.terms-section{background:var(--bg-secondary);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.privacy-section h2,.terms-section h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--primary-200)}.privacy-section p,.terms-section p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-md)}.privacy-section p:last-child,.terms-section p:last-child{margin-bottom:0}.info-category{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.info-category svg{flex-shrink:0;color:var(--primary-500)}.info-category h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.info-category ul{margin:0;padding-left:var(--spacing-lg);color:var(--text-secondary)}.info-category li{margin-bottom:var(--spacing-xs);line-height:1.5}.usage-list{display:grid;gap:var(--spacing-lg)}.usage-item{padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-md);border-left:4px solid var(--primary-300)}.usage-item h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.usage-item p{margin:0;color:var(--text-secondary);line-height:1.5}.security-info{display:grid;gap:var(--spacing-lg)}.security-measure{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.security-measure svg{flex-shrink:0;color:var(--primary-500)}.security-measure h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.security-measure p{margin:0;color:var(--text-secondary);line-height:1.5}.cookie-info{display:grid;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.cookie-type{padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.cookie-type p{margin:0;color:var(--text-secondary);line-height:1.5}.cookie-controls{padding:var(--spacing-lg);background:var(--primary-50);border-radius:var(--radius-md);border:1px solid var(--primary-200)}.cookie-controls h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--primary-700);margin:0 0 var(--spacing-sm) 0}.cookie-controls p{margin:0;color:var(--primary-600);line-height:1.5}.third-party-info{display:grid;gap:var(--spacing-lg)}.service{padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.service h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.service p{margin:0;color:var(--text-secondary);line-height:1.5}.rights-list{display:grid;gap:var(--spacing-lg)}.right-item{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.right-item h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;min-width:150px}.right-item p{margin:0;color:var(--text-secondary);line-height:1.5}.contact-info{background:var(--bg-primary);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--border-light)}.contact-info p{margin:0 0 var(--spacing-sm) 0;color:var(--text-secondary);line-height:1.5}.contact-info p:last-child{margin-bottom:0}.contact-info strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.responsibilities{display:grid;gap:var(--spacing-lg)}.responsibility-item{padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-md);border-left:4px solid var(--success-300)}.responsibility-item h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.responsibility-item p{margin:0;color:var(--text-secondary);line-height:1.5}.prohibited-uses{display:grid;gap:var(--spacing-lg)}.prohibited-item{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-md);border-left:4px solid var(--error-300)}.prohibited-item svg{flex-shrink:0;color:var(--error-500)}.prohibited-item h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.prohibited-item p{margin:0;color:var(--text-secondary);line-height:1.5}.affiliate-info{display:grid;gap:var(--spacing-lg)}.affiliate-item{padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.affiliate-item h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.affiliate-item p{margin:0;color:var(--text-secondary);line-height:1.5}.ip-rights{display:grid;gap:var(--spacing-lg)}.ip-item{padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.ip-item h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.ip-item p{margin:0;color:var(--text-secondary);line-height:1.5}.privacy-terms{display:grid;gap:var(--spacing-lg)}.privacy-item{padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.privacy-item h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.privacy-item p{margin:0;color:var(--text-secondary);line-height:1.5}.availability-info{display:grid;gap:var(--spacing-lg)}.availability-item{padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.availability-item h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.availability-item p{margin:0;color:var(--text-secondary);line-height:1.5}.disclaimers{display:grid;gap:var(--spacing-lg)}.disclaimer-item{padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-md);border-left:4px solid var(--warning-300)}.disclaimer-item h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.disclaimer-item p{margin:0;color:var(--text-secondary);line-height:1.5}.termination-info{display:grid;gap:var(--spacing-lg)}.termination-item{padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.termination-item h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.termination-item p{margin:0;color:var(--text-secondary);line-height:1.5}.gdpr-rights{display:grid;gap:var(--spacing-lg)}.gdpr-item{padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-md);border-left:4px solid var(--primary-300)}.gdpr-item h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.gdpr-item p{margin:0;color:var(--text-secondary);line-height:1.5}.dispute-resolution{display:grid;gap:var(--spacing-lg)}.dispute-item{padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.dispute-item h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.dispute-item p{margin:0;color:var(--text-secondary);line-height:1.5}.cookie-policy-page{padding:var(--spacing-xl) 0;background:var(--bg-primary);min-height:calc(100vh - var(--header-height))}.cookie-content{max-width:1000px;margin:0 auto;padding:0 var(--spacing-lg)}.cookie-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.cookie-card{background:var(--bg-secondary);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--border-light);text-align:center;transition:all var(--transition-normal)}.cookie-card:hover{border-color:var(--primary-200);box-shadow:var(--shadow-md);transform:translateY(-2px)}.cookie-icon{width:80px;height:80px;background:var(--gradient-forest);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg);color:#fff}.cookie-sections{display:grid;gap:var(--spacing-2xl)}.cookie-section{background:var(--bg-secondary);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.cookie-section h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--primary-200)}.cookie-types{display:grid;gap:var(--spacing-lg)}.cookie-type{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.cookie-type svg{flex-shrink:0;color:var(--primary-500)}.cookie-type h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.cookie-type p{margin:0 0 var(--spacing-sm) 0;color:var(--text-secondary);line-height:1.5}.cookie-type ul{margin:0;padding-left:var(--spacing-lg);color:var(--text-secondary)}.cookie-type li{margin-bottom:var(--spacing-xs);line-height:1.5}.storage-types{display:grid;gap:var(--spacing-lg)}.storage-item{padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.storage-item h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.storage-item p{margin:0;color:var(--text-secondary);line-height:1.5}.third-party-cookies{display:grid;gap:var(--spacing-lg)}.third-party-item{padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.third-party-item h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.third-party-item p{margin:0;color:var(--text-secondary);line-height:1.5}.cookie-management{display:grid;gap:var(--spacing-lg)}.management-option{padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.management-option h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.management-option p{margin:0 0 var(--spacing-sm) 0;color:var(--text-secondary);line-height:1.5}.management-option ul{margin:0;padding-left:var(--spacing-lg);color:var(--text-secondary)}.management-option li{margin-bottom:var(--spacing-xs);line-height:1.5}.browser-instructions{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:var(--primary-50);border-radius:var(--radius-md);border:1px solid var(--primary-200)}.browser-instructions h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--primary-700);margin:0 0 var(--spacing-lg) 0}.browser-list{display:grid;gap:var(--spacing-md)}.browser-item{padding:var(--spacing-md);background:#fff;border-radius:var(--radius-sm);border:1px solid var(--primary-200)}.browser-item h5{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--primary-700);margin:0 0 var(--spacing-xs) 0}.browser-item p{margin:0;color:var(--primary-600);font-size:var(--font-size-sm);line-height:1.4}.impact-list{display:grid;gap:var(--spacing-lg)}.impact-item{padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-md);border-left:4px solid var(--warning-300)}.impact-item h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.impact-item p{margin:0;color:var(--text-secondary);line-height:1.5}.retention-info{display:grid;gap:var(--spacing-lg)}.retention-item{padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.retention-item h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.retention-item p{margin:0;color:var(--text-secondary);line-height:1.5}.consent-management{display:grid;gap:var(--spacing-lg)}.consent-item{padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.consent-item h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.consent-item p{margin:0;color:var(--text-secondary);line-height:1.5}.technical-details{display:grid;gap:var(--spacing-xl)}.cookie-table{overflow-x:auto}.cookie-table table{width:100%;border-collapse:collapse;background:var(--bg-primary);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-light)}.cookie-table th{background:var(--primary-100);color:var(--primary-700);font-weight:var(--font-weight-semibold);padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-light)}.cookie-table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-light);color:var(--text-secondary);line-height:1.4}.cookie-table tr:last-child td{border-bottom:none}.cookie-table tr:nth-child(2n){background:var(--bg-secondary)}.compliance-info{display:grid;gap:var(--spacing-lg)}.compliance-item{padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-md);border-left:4px solid var(--success-300)}.compliance-item h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.compliance-item p{margin:0;color:var(--text-secondary);line-height:1.5}.tracking-info{display:grid;gap:var(--spacing-lg)}.tracking-item{padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-md);border-left:4px solid var(--primary-300)}.tracking-item h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.tracking-item p{margin:0;color:var(--text-secondary);line-height:1.5}@media (max-width: 768px){.privacy-overview,.terms-overview,.cookie-overview{grid-template-columns:1fr}.info-category,.security-measure,.right-item,.prohibited-item,.cookie-type{flex-direction:column;gap:var(--spacing-md)}.right-item h4{min-width:auto}.privacy-content,.terms-content,.cookie-content{padding:0 var(--spacing-md)}.privacy-section,.terms-section,.cookie-section{padding:var(--spacing-lg)}.privacy-section h2,.terms-section h2,.cookie-section h2{font-size:var(--font-size-xl)}.cookie-table{font-size:var(--font-size-sm)}.cookie-table th,.cookie-table td{padding:var(--spacing-sm)}}@media (max-width: 480px){.privacy-card,.terms-card{padding:var(--spacing-lg)}.privacy-icon,.terms-icon{width:60px;height:60px}.privacy-card h3,.terms-card h3{font-size:var(--font-size-lg)}}.contact-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:var(--spacing-16) 0;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.contact-content{text-align:center;max-width:1000px;margin:0 auto}.contact-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-4);background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-12);max-width:600px;margin-left:auto;margin-right:auto}.contact-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-8);margin-top:var(--spacing-8)}.contact-method{background:#fff;padding:var(--spacing-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-light);transition:all var(--transition-normal);position:relative;overflow:hidden}.contact-method:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#10b981,#059669)}.contact-method:hover{transform:translateY(-4px);box-shadow:var(--shadow-2xl);border-color:var(--primary-200)}.contact-icon{width:60px;height:60px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-6);color:#fff;box-shadow:0 4px 12px #10b9814d}.contact-details h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-3)}.contact-info{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--primary-600);margin-bottom:var(--spacing-2)}.contact-hours,.contact-location,.contact-response{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}@media (max-width: 768px){.contact-section{padding:var(--spacing-12) 0}.contact-title{font-size:var(--font-size-2xl)}.contact-subtitle{font-size:var(--font-size-base);margin-bottom:var(--spacing-8)}.contact-methods{grid-template-columns:1fr;gap:var(--spacing-6)}.contact-method{padding:var(--spacing-6)}.contact-icon{width:50px;height:50px;margin-bottom:var(--spacing-4)}.contact-details h3{font-size:var(--font-size-lg)}.contact-info{font-size:var(--font-size-base)}}@media (max-width: 480px){.contact-methods{gap:var(--spacing-4)}.contact-method{padding:var(--spacing-4)}.contact-icon{width:45px;height:45px}}@media (prefers-color-scheme: dark){.contact-section{background:linear-gradient(135deg,#1f2937,#111827)}.contact-method{background:var(--bg-primary-dark, #374151);border-color:var(--border-light-dark, #4b5563)}.contact-method:hover{border-color:var(--primary-300-dark, #60a5fa)}.contact-details h3{color:var(--text-primary-dark, #f9fafb)}.contact-info{color:var(--primary-400-dark, #60a5fa)}.contact-hours,.contact-location,.contact-response{color:var(--text-secondary-dark, #d1d5db)}}@keyframes contactFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.contact-method{animation:contactFadeIn .6s ease-out}.contact-method:nth-child(1){animation-delay:.1s}.contact-method:nth-child(2){animation-delay:.2s}.contact-method:nth-child(3){animation-delay:.3s}[dir=rtl] .contact-content,[dir=rtl] .contact-method{text-align:center}.contact-info-header{text-align:center;margin-bottom:3rem;padding:2rem 0}.contact-info-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.contact-info-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(135deg,#3b82f6,#7c3aed);border-radius:2px}.contact-info-subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.contact-methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:3rem}.contact-method-card{background:linear-gradient(145deg,#fff,#f8fafc);border-radius:20px;padding:2rem;box-shadow:0 10px 30px #0000001a,0 4px 15px #0000000d;border:1px solid rgba(255,255,255,.8);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.contact-method-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#3b82f6,#7c3aed);border-radius:20px 20px 0 0}.contact-method-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #00000026,0 8px 25px #0000001a;border-color:#3b82f64d}.email-card:before{background:linear-gradient(135deg,#10b981,#059669)}.phone-card:before{background:linear-gradient(135deg,#f59e0b,#d97706)}.location-card:before{background:linear-gradient(135deg,#ef4444,#dc2626)}.hours-card:before{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.contact-method-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.contact-icon-wrapper{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 20px #00000026;transition:all .3s ease}.contact-method-card:hover .contact-icon-wrapper{transform:scale(1.1) rotate(5deg)}.email-icon{background:linear-gradient(135deg,#10b981,#059669)}.phone-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.location-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.hours-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.contact-method-badge{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(59,130,246,.2)}.badge-text{font-size:.875rem;font-weight:600;color:#3b82f6;text-transform:uppercase;letter-spacing:.5px}.contact-details{margin-top:1rem}.contact-method-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;position:relative}.contact-method-title:after{content:"";position:absolute;bottom:-4px;left:0;width:30px;height:2px;background:linear-gradient(135deg,#3b82f6,#7c3aed);border-radius:1px}.contact-info-list{display:flex;flex-direction:column;gap:1rem}.contact-info-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:#f8fafc80;border-radius:12px;border:1px solid rgba(226,232,240,.5);transition:all .3s ease}.contact-info-item:hover{background:#3b82f60d;border-color:#3b82f633;transform:translate(4px)}.contact-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.contact-value{font-size:1rem;font-weight:500;color:var(--text-primary);text-decoration:none;transition:all .3s ease}.contact-value:hover{color:#3b82f6;text-decoration:underline}.phone-number{font-family:Monaco,Menlo,monospace;font-weight:600;color:#059669}.status-closed{color:#ef4444;font-weight:600}.contact-additional-info{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:20px;padding:2rem;margin-top:2rem;border:1px solid rgba(226,232,240,.5)}.response-time-info h4{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.response-times{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.response-time-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-radius:12px;border:1px solid rgba(226,232,240,.5);transition:all .3s ease}.response-time-item:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.response-method{font-weight:600;color:var(--text-primary)}.response-duration{font-weight:500;color:#059669;background:#10b9811a;padding:.25rem .75rem;border-radius:20px;font-size:.875rem}@media (max-width: 768px){.contact-methods-grid{grid-template-columns:1fr;gap:1.5rem}.contact-method-card{padding:1.5rem}.contact-info-title{font-size:2rem}.contact-icon-wrapper{width:56px;height:56px}.response-times{grid-template-columns:1fr}}@media (max-width: 480px){.contact-method-header{flex-direction:column;gap:1rem;text-align:center}.contact-method-badge{align-self:center}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.contact-method-card{animation:fadeInUp .6s ease-out}.contact-method-card:nth-child(1){animation-delay:.1s}.contact-method-card:nth-child(2){animation-delay:.2s}.contact-method-card:nth-child(3){animation-delay:.3s}.contact-method-card:nth-child(4){animation-delay:.4s}.contact-method-card:hover .contact-icon-wrapper{box-shadow:0 12px 25px #0003}.contact-value:hover{transform:translate(2px)}.contact-value:focus{outline:2px solid #3b82f6;outline-offset:2px;border-radius:4px}.footer-email-link{display:inline-flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;font-weight:600;padding:.75rem 1.5rem;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:1px solid rgba(59,130,246,.3);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 15px #3b82f64d}.footer-email-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.footer-email-link:hover{color:#fff;background:linear-gradient(135deg,#1d4ed8,#1e40af);border-color:#1d4ed880;transform:translateY(-3px);box-shadow:0 8px 25px #3b82f666}.footer-email-link:hover:before{left:100%}.email-external-icon{opacity:.9;color:#fff;transition:all .3s ease}.footer-email-link:hover .email-external-icon{opacity:1;transform:translate(2px);color:#fff}.footer-contact-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8fafc80;border-radius:12px;border:1px solid rgba(226,232,240,.5);transition:all .3s ease}.footer-contact-item:hover{background:#3b82f60d;border-color:#3b82f633;transform:translate(4px)}.footer-contact-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 15px #3b82f64d;transition:all .3s ease}.footer-contact-item:hover .footer-contact-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 6px 20px #3b82f666}.footer-contact-details{display:flex;flex-direction:column;gap:.25rem}.footer-contact-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.footer-contact-value{font-size:1rem;font-weight:500;color:var(--text-primary);text-decoration:none;transition:all .3s ease}@media print{.contact-method-card{break-inside:avoid;box-shadow:none;border:1px solid #ccc}.contact-method-card:hover{transform:none}}.table-of-contents{max-height:calc(100vh - var(--space-20));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--premium-primary) transparent}.table-of-contents::-webkit-scrollbar{width:8px}.table-of-contents::-webkit-scrollbar-track{background:transparent}.table-of-contents::-webkit-scrollbar-thumb{background:#4f46e5;border-radius:4px}:root{--premium-primary: #6366f1;--premium-secondary: #8b5cf6;--premium-accent: #06b6d4;--premium-success: #10b981;--premium-warning: #f59e0b;--premium-error: #ef4444;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-accent: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-dark: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);--gradient-glass: linear-gradient(135deg, rgba(255,255,255,.1) 0%, rgba(255,255,255,.05) 100%);--dark-bg: #0f0f23;--dark-surface: #1a1a2e;--dark-card: #16213e;--dark-border: #2a2a3e;--dark-text: #e2e8f0;--dark-muted: #94a3b8;--font-display: "Inter", "SF Pro Display", system-ui, sans-serif;--font-body: "Inter", "SF Pro Text", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--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 -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-glow: 0 0 20px rgba(99, 102, 241, .3);--shadow-glow-lg: 0 0 40px rgba(99, 102, 241, .4);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--dark-bg);color:var(--dark-text);line-height:1.6;overflow-x:hidden}.revolutionary-hero{position:relative;min-height:60vh;display:flex;align-items:center;background:var(--gradient-dark);overflow:hidden}.hero-background-revolutionary{position:absolute;inset:0;z-index:1}.hero-particles-revolutionary{position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(6,182,212,.15) 0%,transparent 50%);animation:particleFloatRevolutionary 25s ease-in-out infinite}.hero-gradient-revolutionary{position:absolute;inset:0;background:linear-gradient(135deg,#0f0f23e6,#1a1a2ecc,#16213ee6)}.hero-content-revolutionary{position:relative;z-index:2;width:100%;max-width:none;margin:0 auto;padding:var(--space-20) var(--space-6);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.hero-text-revolutionary{color:#fff}.hero-badge-revolutionary{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--gradient-glass);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-size:.875rem;font-weight:600;margin-bottom:var(--space-8);color:#fff;box-shadow:var(--shadow-glow)}.hero-title-revolutionary{font-family:var(--font-display);font-size:clamp(3rem,6vw,5rem);font-weight:900;line-height:1.1;margin-bottom:var(--space-8);margin-left:4rem;margin-right:4rem;margin-top:2rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle-revolutionary{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700;color:var(--dark-muted);margin-top:var(--space-4);margin-left:4rem;margin-right:4rem}.hero-description-revolutionary{font-size:1.25rem;line-height:1.8;color:var(--dark-muted);margin-bottom:var(--space-12);margin-left:4rem;margin-right:4rem;max-width:600px}.hero-stats-revolutionary{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8);margin-bottom:var(--space-12);margin-left:4rem;margin-right:4rem}.stat-item-revolutionary{text-align:center;padding:var(--space-6);background:var(--gradient-glass);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);transition:all var(--transition-normal)}.stat-item-revolutionary:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow)}.stat-number-revolutionary{display:block;font-size:2.5rem;font-weight:900;color:#fff;font-family:var(--font-display);background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label-revolutionary{display:block;font-size:.875rem;color:var(--dark-muted);font-weight:600;margin-top:var(--space-2);text-transform:uppercase;letter-spacing:.05em}.hero-actions-revolutionary{display:flex;gap:var(--space-6);flex-wrap:wrap;margin-left:4rem;margin-right:4rem}.btn-primary-revolutionary{display:inline-flex;align-items:center;gap:var(--space-3);background:var(--gradient-primary);color:#fff;padding:var(--space-5) var(--space-8);border-radius:var(--radius-full);font-weight:700;font-size:1.125rem;border:none;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.btn-primary-revolutionary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}.btn-primary-revolutionary:hover:before{left:100%}.btn-primary-revolutionary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-lg)}.btn-secondary-revolutionary{display:inline-flex;align-items:center;gap:var(--space-3);background:var(--gradient-glass);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:var(--space-5) var(--space-8);border-radius:var(--radius-full);font-weight:700;font-size:1.125rem;cursor:pointer;transition:all var(--transition-normal)}.btn-secondary-revolutionary:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:var(--shadow-glow)}.revolutionary-article-card{background:#fff;border-radius:var(--radius-3xl);overflow:hidden;box-shadow:0 4px 16px #0000001a;border:1px solid #e1e5e9;position:relative}.revolutionary-article-card:before{content:"";position:absolute;inset:0;background:var(--gradient-glass);opacity:0;transition:opacity var(--transition-normal);z-index:1}.revolutionary-article-card:hover:before{opacity:1}.revolutionary-article-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-glow-lg);border-color:var(--premium-primary)}.article-image-container-revolutionary{position:relative;height:140px;overflow:hidden}.article-image-revolutionary{width:100%;height:100%;object-fit:cover}.article-badges-revolutionary{position:absolute;top:var(--space-6);left:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);z-index:2}.badge-revolutionary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:.75rem;font-weight:700;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);text-transform:uppercase;letter-spacing:.05em}.featured-badge-revolutionary{background:var(--gradient-secondary);color:#fff}.premium-badge-revolutionary{background:var(--gradient-primary);color:#fff}.difficulty-badge-revolutionary{background:var(--gradient-glass);color:#fff}.image-overlay-revolutionary{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-normal);z-index:2}.revolutionary-article-card:hover .image-overlay-revolutionary{opacity:1}.quick-actions-revolutionary{display:flex;gap:var(--space-4)}.quick-action-btn-revolutionary{width:56px;height:56px;border-radius:50%;background:var(--gradient-glass);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.quick-action-btn-revolutionary:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-normal)}.quick-action-btn-revolutionary:hover:before{opacity:1}.quick-action-btn-revolutionary:hover{transform:scale(1.1);box-shadow:var(--shadow-glow)}.quick-action-btn-revolutionary svg{position:relative;z-index:1}.article-content-revolutionary{padding:0;position:relative;z-index:2}.article-meta-revolutionary{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.meta-left-revolutionary{display:flex;align-items:center;gap:var(--space-4)}.category-tag-revolutionary{background:var(--gradient-primary);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.read-time-revolutionary{display:flex;align-items:center;gap:var(--space-2);color:var(--dark-muted);font-size:.875rem;font-weight:600}.engagement-stats-revolutionary{display:flex;gap:var(--space-4)}.stat-revolutionary{display:flex;align-items:center;gap:var(--space-2);color:#666;font-size:.875rem;font-weight:600}.article-text-revolutionary{margin-bottom:var(--space-8)}.article-title-revolutionary{font-family:var(--font-display);font-size:1.4rem;font-weight:800;line-height:1.3;color:#000!important;margin-bottom:var(--space-4);margin-left:4rem;margin-right:4rem;margin-top:2rem}.article-header-revolutionary .article-header-content{margin-left:4rem;margin-right:4rem}@media (max-width: 768px){.article-header-revolutionary .article-header-content{margin-left:1rem;margin-right:1rem}}.article-title-link{color:#000!important;text-decoration:none!important;transition:color .2s ease;font-size:inherit;font-weight:inherit;display:block}.article-title-link:hover{color:#667eea!important;text-decoration:none!important}.article-title-link:visited,.article-title-link:active{color:#000!important}.article-title-link:focus{color:#000!important}.article-excerpt-revolutionary{color:#333;line-height:1.4;font-size:.9rem;margin:0}.article-tags-revolutionary{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0}.tag-revolutionary{background:#f8f9fa;border:1px solid #e1e5e9;color:#333;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.article-footer-revolutionary{display:flex;justify-content:space-between;align-items:center}.author-section-revolutionary{display:flex;align-items:center;gap:var(--space-4)}.author-avatar-revolutionary{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid var(--premium-primary)}.author-avatar-revolutionary img{width:100%;height:100%;object-fit:cover}.author-info-revolutionary{display:flex;flex-direction:column}.author-name-revolutionary{font-weight:700;color:#000;font-size:.875rem}.publish-date-revolutionary{color:#666;font-size:.75rem}.article-actions-revolutionary{display:flex;gap:var(--space-2)}.action-btn-revolutionary{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;backdrop-filter:blur(20px);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal)}.action-btn-revolutionary:hover{background:var(--gradient-primary);border-color:var(--premium-primary);color:#fff;transform:scale(1.1)}.action-btn-revolutionary.active{background:var(--gradient-primary);border-color:var(--premium-primary);color:#fff}.action-btn-revolutionary.favorited{background:linear-gradient(135deg,#ff6b6b,#ee5a52);border-color:#ff6b6b;color:#fff}.action-btn-revolutionary.bookmarked{background:linear-gradient(135deg,#4ecdc4,#44a08d);border-color:#4ecdc4;color:#fff}.action-btn-revolutionary.primary-action{background:var(--gradient-primary);border-color:var(--premium-primary);color:#fff;width:auto;padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-weight:700;font-size:.875rem}.action-btn-revolutionary.primary-action:hover{transform:scale(1.05);box-shadow:var(--shadow-glow)}@keyframes particleFloatRevolutionary{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-30px) rotate(2deg)}66%{transform:translateY(15px) rotate(-2deg)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.hero-text-revolutionary{animation:slideInLeft 1s ease-out forwards}.hero-visual-revolutionary{animation:slideInRight 1s ease-out forwards}@media (max-width: 1200px){.hero-content-revolutionary{grid-template-columns:1fr;text-align:center;gap:var(--space-12)}.hero-stats-revolutionary{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.hero-content-revolutionary{padding:var(--space-12) var(--space-4)}.hero-stats-revolutionary{grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.stat-item-revolutionary{padding:var(--space-4)}.stat-number-revolutionary{font-size:2rem}.hero-actions-revolutionary{flex-direction:column;align-items:center}.btn-primary-revolutionary,.btn-secondary-revolutionary{width:100%;justify-content:center}}.hero-visual-revolutionary{position:relative;z-index:2}.featured-articles-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);max-width:500px;margin:0 auto}.preview-card{background:var(--gradient-glass);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-2xl);overflow:hidden;transition:all var(--transition-normal);position:relative;height:200px}.preview-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow)}.preview-card img{width:100%;height:100%;object-fit:cover}.preview-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:var(--space-6);color:#fff}.preview-overlay h4{font-size:.875rem;font-weight:700;margin-bottom:var(--space-2);line-height:1.3}.preview-meta{display:flex;justify-content:space-between;font-size:.75rem;opacity:.8}.preview-1{grid-column:1;grid-row:1}.preview-2{grid-column:2;grid-row:1}.preview-3{grid-column:1 / -1;grid-row:2;height:120px}.articles-section{padding:var(--space-20) 0;background:var(--dark-bg)}.section-container{width:100%;max-width:none;margin:0 auto;padding:0}.section-title{display:flex;align-items:center;justify-content:center;gap:var(--space-4);font-family:var(--font-display);font-size:3rem;font-weight:900;color:#fff;margin-bottom:var(--space-4);margin-left:4rem;margin-right:4rem}.section-subtitle{font-size:1.25rem;color:var(--dark-muted);max-width:600px;margin:0 auto}.filters-revolutionary{margin-bottom:var(--space-12);display:flex;justify-content:center}.filter-tabs-revolutionary{display:flex;gap:var(--space-4);background:var(--gradient-glass);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);padding:var(--space-2);margin:2rem 4rem}.filter-tab-revolutionary{display:flex;align-items:center;gap:var(--space-2);background:transparent;border:none;color:var(--dark-muted);padding:var(--space-4) var(--space-6);border-radius:var(--radius-full);font-weight:600;cursor:pointer;transition:all var(--transition-normal);margin:.5rem}.filter-tab-revolutionary:hover{color:#fff;background:#ffffff1a}.filter-tab-revolutionary.active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow)}.articles-grid-revolutionary{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0}.articles-grid-revolutionary .revolutionary-article-card{padding:0}.articles-grid-revolutionary .revolutionary-article-card .article-text-revolutionary,.articles-grid-revolutionary .revolutionary-article-card h3.article-title-revolutionary{margin:0}html body .articles-grid-revolutionary .revolutionary-article-card .article-text-revolutionary h3.article-title-revolutionary,html body .articles-grid-revolutionary .revolutionary-article-card .article-text-revolutionary h3.article-title-revolutionary .article-title-link{margin:0!important;padding:0!important}.articles-grid-revolutionary .revolutionary-article-card{background:transparent;border:none;border-radius:0;box-shadow:none}.articles-grid-revolutionary .revolutionary-article-card .article-image-container-revolutionary{height:120px}.articles-grid-revolutionary .revolutionary-article-card .article-meta-revolutionary{margin:0;gap:6px}.articles-grid-revolutionary .revolutionary-article-card .meta-left,.articles-grid-revolutionary .revolutionary-article-card .meta-right{gap:6px}.articles-grid-revolutionary .revolutionary-article-card .category-tag-revolutionary{padding:2px 6px}.articles-grid-revolutionary .revolutionary-article-card .article-excerpt-revolutionary{font-size:.85rem;line-height:1.3;margin:0}.articles-grid-revolutionary .revolutionary-article-card .article-tags-revolutionary{gap:4px;margin:0}.articles-grid-revolutionary .revolutionary-article-card .tag-revolutionary{padding:2px 6px}.articles-grid-revolutionary .revolutionary-article-card .article-actions-revolutionary{gap:6px}.articles-grid-revolutionary .revolutionary-article-card .engagement-stats-revolutionary{gap:0;margin:0}.articles-grid-revolutionary .revolutionary-article-card .meta-left,.articles-grid-revolutionary .revolutionary-article-card .meta-right{gap:var(--space-2)}.articles-grid-revolutionary .revolutionary-article-card,.articles-grid-revolutionary .revolutionary-article-card *{text-align:left}.articles-grid-revolutionary .revolutionary-article-card .article-text-revolutionary,.articles-grid-revolutionary .revolutionary-article-card .article-title-revolutionary,.articles-grid-revolutionary .revolutionary-article-card .article-description-revolutionary,.articles-grid-revolutionary .revolutionary-article-card .article-author-revolutionary,.articles-grid-revolutionary .revolutionary-article-card .article-meta-revolutionary{padding-left:0;padding-right:0}.articles-grid-revolutionary .revolutionary-article-card .article-meta-revolutionary{margin:0}.loading-revolutionary{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-20);color:var(--dark-muted)}.loading-revolutionary .spinning{animation:spin 1s linear infinite;margin-bottom:var(--space-4)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1200px){.featured-articles-preview{grid-template-columns:1fr;max-width:400px}.preview-3{grid-column:1;grid-row:3}}@media (max-width: 768px){.articles-grid-revolutionary{grid-template-columns:1fr}.filter-tabs-revolutionary{flex-wrap:wrap;justify-content:center}.section-title{font-size:2.5rem}}.reading-progress-bar{position:fixed;top:0;left:0;width:100%;height:4px;background:var(--dark-surface);z-index:1000}.progress-fill{height:100%;background:var(--gradient-primary);transition:width .3s ease}.article-header-revolutionary{background:#fff;padding:var(--space-20) var(--space-6) var(--space-16);color:#000;position:relative;overflow:hidden;border-bottom:2px solid #e1e5e9}.article-header-revolutionary:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.15) 0%,transparent 50%);z-index:1}.article-header-content{position:relative;z-index:2;width:100%;max-width:none;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4)}.back-button{display:inline-flex;align-items:center;gap:var(--space-2);background:#f8f9fa;border:1px solid #e1e5e9;color:#000;padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-weight:600;cursor:pointer;transition:all var(--transition-normal);margin-bottom:var(--space-8)}.back-button:hover{background:#e9ecef;color:#667eea;transform:translate(-4px)}.article-meta-revolutionary{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);margin-left:2rem;margin-right:2rem;flex-wrap:wrap;gap:var(--space-3)}.meta-left{display:flex;align-items:center;gap:var(--space-6);flex-wrap:wrap}.meta-right{display:flex;align-items:center;gap:var(--space-4)}.views-count{display:flex;align-items:center;gap:var(--space-2);color:#666;font-size:.875rem;font-weight:600}.article-rating{display:flex;align-items:center;gap:var(--space-2);color:var(--premium-warning);font-weight:700}.article-title-revolutionary{font-family:var(--font-display);font-size:clamp(1.2rem,2.5vw,2rem);font-weight:900;line-height:1.1;margin-left:4rem;margin-right:4rem;margin-bottom:var(--space-6)}@media (max-width: 768px){.article-title-revolutionary{margin-left:1rem;margin-right:1rem}}.article-description-revolutionary{font-size:1.25rem;line-height:1.7;color:#333;margin-bottom:var(--space-8);margin-left:4rem;margin-right:4rem;max-width:800px}.article-author-revolutionary{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8);margin-left:4rem;margin-right:4rem}.article-author-revolutionary img{width:60px;height:60px;border-radius:50%;border:3px solid var(--premium-primary)}.author-info{display:flex;flex-direction:column}.author-name{font-weight:700;font-size:1.125rem;color:#fff}.publish-date{display:flex;align-items:center;gap:var(--space-2);color:var(--dark-muted);font-size:.875rem}.article-main-revolutionary{background:#fff;min-height:100vh}.article-main-revolutionary .article-container .article-content ul{margin:0 0 1rem 1.25rem;padding-left:1rem}.article-main-revolutionary .article-container .article-content li{margin:.25rem 0}.article-main-revolutionary .article-container .article-content p{margin:0 0 1rem}.article-container{width:100%;max-width:none;margin:0 auto;padding:var(--space-16) var(--space-6);display:grid;grid-template-columns:300px 1fr;gap:var(--space-12)}.article-sidebar{position:sticky;top:var(--space-16);height:fit-content}.sidebar-content{background:#fff;border:1px solid #e1e5e9;border-radius:var(--radius-2xl);padding:var(--space-8)}.sidebar-content h3{font-family:var(--font-display);font-size:1.125rem;font-weight:700;color:#000;margin-bottom:var(--space-6)}.table-of-contents ul{list-style:none;padding:var(--space-2) var(--space-4);margin:0}.toc-item{margin-bottom:var(--space-3)}.toc-item a{color:#666;text-decoration:none;font-size:.8125rem;transition:color var(--transition-normal);display:block;padding:var(--space-2) 0}.toc-item a:hover{color:var(--premium-primary)}.toc-item.level-3{padding-left:var(--space-4)}.reading-controls{margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid #e1e5e9}.control-group{margin-bottom:var(--space-6)}.control-group label{display:block;color:#666;font-size:.875rem;font-weight:600;margin-bottom:var(--space-2)}.control-group select{width:100%;background:#fff;border:1px solid #e1e5e9;color:#000;padding:var(--space-3);border-radius:var(--radius-md);font-size:.875rem}.article-content{background:#fff;border:1px solid #e1e5e9;border-radius:var(--radius-2xl);padding:var(--space-12)}.article-image-container{position:relative;margin-bottom:var(--space-12);border-radius:var(--radius-xl);overflow:hidden}.article-image-container img{width:100%;height:400px;object-fit:cover}.image-overlay-actions{position:absolute;top:var(--space-6);right:var(--space-6);display:flex;gap:var(--space-3);opacity:0;transition:opacity var(--transition-normal)}.article-image-container:hover .image-overlay-actions{opacity:1}.image-overlay-actions .action-btn{width:44px;height:44px;border-radius:50%;background:var(--gradient-glass);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal)}.image-overlay-actions .action-btn:hover{background:var(--gradient-primary);transform:scale(1.1)}.article-text{color:#000;line-height:1.8;font-size:1.125rem}.article-text h2{font-family:var(--font-display);font-size:2rem;font-weight:800;color:#000;margin:var(--space-12) 0 var(--space-6);margin-left:2rem;margin-right:2rem;padding-bottom:var(--space-4);border-bottom:2px solid var(--premium-primary)}.article-text h3{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:#000;margin:var(--space-10) 0 var(--space-4);margin-left:2rem;margin-right:2rem}.article-text h4{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:#000;margin:var(--space-8) 0 var(--space-3);margin-left:2rem;margin-right:2rem}.article-text p{margin-bottom:var(--space-6);color:#000}.article-text ul,.article-text ol{margin:var(--space-6) 0;padding-left:var(--space-8)}.article-text li{margin-bottom:var(--space-3);color:#000}.article-text strong{color:#000;font-weight:700}.article-text a{color:#6366f1;text-decoration:underline;transition:color .2s ease}.article-text a:hover{color:#8b5cf6;text-decoration:none}.article-text a:visited{color:#a855f7}.toc-link{background:none;border:none;color:#6366f1;text-decoration:underline;cursor:pointer;padding:0;font-size:inherit;font-family:inherit;transition:color .2s ease}.toc-link:hover{color:#8b5cf6;text-decoration:none}.toc-item{margin-bottom:var(--space-2)}.toc-item.level-2{font-weight:600}.toc-item.level-3{font-weight:400;margin-left:var(--space-4)}.article-text.small{font-size:1rem}.article-text.medium{font-size:1.125rem}.article-text.large{font-size:1.25rem}.article-text.inter{font-family:var(--font-display)}.article-text.serif{font-family:Times New Roman,serif}.article-text.mono{font-family:var(--font-mono)}.article-actions-revolutionary{display:flex;justify-content:center;gap:var(--space-6);margin-top:var(--space-16);padding-top:var(--space-8);border-top:1px solid var(--dark-border)}.article-actions-revolutionary .action-btn-revolutionary{background:#ffffff26!important;border:1px solid rgba(255,255,255,.4)!important;color:#fff!important;backdrop-filter:blur(20px)}.article-actions-revolutionary .action-btn-revolutionary.favorited{background:linear-gradient(135deg,#ff6b6b,#ee5a52)!important;border-color:#ff6b6b!important;color:#fff!important}.article-actions-revolutionary .action-btn-revolutionary.bookmarked{background:linear-gradient(135deg,#4ecdc4,#44a08d)!important;border-color:#4ecdc4!important;color:#fff!important}.reading-progress-bar{position:fixed;top:0;left:0;width:100%;height:4px;background:#ffffff1a;z-index:1000}.reading-progress-fill{height:100%;background:linear-gradient(90deg,var(--premium-primary),var(--premium-secondary));transition:width .3s ease}.hero-stats-revolutionary{display:flex;gap:var(--space-8);margin:var(--space-8) 0;flex-wrap:wrap}.stat-item-revolutionary{display:flex;align-items:center;gap:var(--space-3);background:#ffffff0d;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-6);transition:all var(--transition-normal)}.stat-item-revolutionary:hover{background:#ffffff1a;transform:translateY(-2px)}.stat-icon-revolutionary{background:var(--gradient-primary);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-content-revolutionary{display:flex;flex-direction:column}.stat-number-revolutionary{font-size:var(--font-size-xl);font-weight:700;color:var(--dark-text);line-height:1}.stat-label-revolutionary{font-size:var(--font-size-sm);color:var(--dark-muted);font-weight:500}.purchase-invitation-revolutionary{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-2xl);padding:var(--space-6);margin:var(--space-6) 0;backdrop-filter:blur(20px)}.purchase-content-revolutionary{display:flex;align-items:center;gap:var(--space-4)}.purchase-icon-revolutionary{background:var(--gradient-primary);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.purchase-text-revolutionary{flex:1}.purchase-text-revolutionary h4{color:var(--dark-text);font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--space-2) 0}.purchase-text-revolutionary p{color:var(--dark-muted);font-size:var(--font-size-sm);margin:0}.purchase-actions-revolutionary{display:flex;gap:var(--space-3);flex-shrink:0}.purchase-btn-revolutionary{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);border:none}.purchase-btn-revolutionary.primary{background:var(--gradient-primary);color:#fff}.purchase-btn-revolutionary.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.purchase-btn-revolutionary.secondary{background:#ffffff1a;color:var(--dark-text);border:1px solid rgba(255,255,255,.2)}.purchase-btn-revolutionary.secondary:hover{background:#fff3;transform:translateY(-1px)}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:var(--dark-text);text-align:center}.error-state h2{font-size:2rem;margin-bottom:var(--space-8)}.error-state button{background:var(--gradient-primary);color:#fff;border:none;padding:var(--space-4) var(--space-8);border-radius:var(--radius-full);font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.error-state button:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}@media (max-width: 1200px){.article-container{grid-template-columns:1fr;gap:var(--space-8)}.article-sidebar{position:static;order:2}.article-content{order:1}}@media (max-width: 768px){.article-header-revolutionary{padding:var(--space-12) var(--space-4) var(--space-8)}.article-container{padding:var(--space-8) var(--space-4)}.article-content{padding:var(--space-8)}.article-meta-revolutionary{flex-direction:column;align-items:flex-start}.meta-left{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.article-actions-revolutionary{flex-wrap:wrap;gap:var(--space-3)}.article-actions-revolutionary .action-btn-revolutionary{flex:1;min-width:100px;justify-content:center}}.reading-mode{--dark-bg: #0a0a0a;--dark-surface: #111111;--dark-card: #1a1a1a}.reading-mode .revolutionary-article-card{background:#fff;border:1px solid #e1e5e9}.reading-mode .article-text{font-size:1.2rem;line-height:1.8;max-width:800px;margin:0 auto}.reading-progress-bar{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--dark-surface);z-index:1000}.progress-fill{height:100%;background:var(--gradient-primary);transition:width .3s ease;box-shadow:0 0 10px var(--premium-primary)}.scroll-to-top-btn{position:fixed;bottom:30px;right:30px;width:56px;height:56px;border-radius:50%;background:var(--gradient-primary);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-glow);z-index:100;animation:bounceIn .5s ease-out}.scroll-to-top-btn:hover{transform:translateY(-4px) scale(1.1);box-shadow:var(--shadow-glow-lg)}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.floating-controls{position:fixed;left:30px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:var(--space-3);z-index:100}.control-btn{width:48px;height:48px;border-radius:50%;background:var(--gradient-glass);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);color:var(--dark-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-md)}.control-btn:hover{background:var(--gradient-primary);color:#fff;transform:scale(1.1);box-shadow:var(--shadow-glow)}.control-btn.active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow)}.search-modal-overlay,.article-preview-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.search-modal,.article-preview-modal{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:var(--radius-2xl);padding:var(--space-8);max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-2xl);animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.search-modal-header,.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--dark-border)}.search-modal-header h3,.preview-header h3{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:#fff}.search-modal-header button,.preview-header button{width:40px;height:40px;border-radius:50%;background:var(--gradient-glass);border:1px solid var(--dark-border);color:var(--dark-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal)}.search-modal-header button:hover,.preview-header button:hover{background:var(--gradient-primary);color:#fff}.search-modal-content input{width:100%;background:var(--dark-surface);border:1px solid var(--dark-border);color:#fff;padding:var(--space-4);border-radius:var(--radius-lg);font-size:1rem;margin-bottom:var(--space-6)}.search-modal-content input:focus{outline:none;border-color:var(--premium-primary);box-shadow:0 0 0 3px #6366f133}.search-suggestions-modal{display:flex;flex-wrap:wrap;gap:var(--space-3)}.search-suggestions-modal button{background:var(--gradient-glass);border:1px solid var(--dark-border);color:var(--dark-muted);padding:var(--space-3) var(--space-4);border-radius:var(--radius-full);font-size:.875rem;cursor:pointer;transition:all var(--transition-normal)}.search-suggestions-modal button:hover{background:var(--gradient-primary);color:#fff}.preview-content{text-align:center}.preview-content img{width:100%;height:200px;object-fit:cover;border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.preview-content h4{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:var(--space-4)}.preview-content p{color:var(--dark-muted);line-height:1.6;margin-bottom:var(--space-6)}.preview-actions{display:flex;gap:var(--space-4);justify-content:center}.preview-actions button{display:flex;align-items:center;gap:var(--space-2);background:var(--gradient-primary);border:none;color:#fff;padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.preview-actions button:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.hero-particles-revolutionary:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 20%,rgba(99,102,241,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.05) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(6,182,212,.05) 0%,transparent 50%);animation:particleFloatSubtle 30s ease-in-out infinite}@keyframes particleFloatSubtle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width: 768px){.floating-controls{left:15px;top:auto;bottom:100px;transform:none;flex-direction:row}.scroll-to-top-btn{bottom:15px;right:15px;width:48px;height:48px}.search-modal,.article-preview-modal{width:95%;padding:var(--space-6)}.preview-actions{flex-direction:column}}@media (max-width: 480px){.floating-controls{bottom:80px}.control-btn,.scroll-to-top-btn{width:44px;height:44px}}.related-articles-section{padding:var(--space-20) 0;background:linear-gradient(135deg,#0000001a,#0000000d)}.section-header{text-align:center;margin-bottom:var(--space-16)}.section-title{display:flex;align-items:center;justify-content:center;gap:var(--space-3);font-size:var(--font-size-3xl);font-weight:700;color:var(--dark-text);margin-bottom:var(--space-4)}.section-subtitle{font-size:var(--font-size-lg);color:var(--dark-muted);max-width:600px;margin:0 auto}.related-articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-8);max-width:1200px;margin:0 auto}.related-article-card{background:#fff;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:0 4px 16px #0000001a;border:1px solid #e1e5e9;transition:all var(--transition-normal)}.related-article-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-glow)}.related-article-image{position:relative;height:200px;overflow:hidden}.related-article-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.related-article-card:hover .related-article-image img{transform:scale(1.05)}.related-article-category{position:absolute;top:var(--space-4);left:var(--space-4);background:var(--gradient-primary);color:#fff;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600}.related-article-content{padding:var(--space-6)}.related-article-title{font-size:var(--font-size-lg);font-weight:600;color:#000;margin-bottom:var(--space-3);line-height:1.4}.related-article-description{color:#333;font-size:var(--font-size-sm);line-height:1.6;margin-bottom:var(--space-4)}.related-article-meta{display:flex;gap:var(--space-4);margin-bottom:var(--space-4)}.related-article-read-time,.related-article-views{display:flex;align-items:center;gap:var(--space-2);color:#666;font-size:var(--font-size-sm)}.related-article-btn{display:flex;align-items:center;gap:var(--space-2);background:var(--gradient-primary);color:#fff;border:none;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-normal);width:100%;justify-content:center}.related-article-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.scroll-to-top-btn-revolutionary{position:fixed;bottom:var(--space-8);right:var(--space-8);width:56px;height:56px;background:var(--gradient-primary);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-2xl);transition:all var(--transition-normal);z-index:100}.scroll-to-top-btn-revolutionary:hover{transform:translateY(-4px) scale(1.1);box-shadow:var(--shadow-glow)}.scroll-to-top-btn-revolutionary:active{transform:translateY(-2px) scale(1.05)}@media (max-width: 768px){.hero-stats-revolutionary{flex-direction:column;gap:var(--space-4)}.stat-item-revolutionary{justify-content:center}.related-articles-grid{grid-template-columns:1fr;gap:var(--space-6)}.section-title{font-size:var(--font-size-2xl)}}a[style*="color: white"]{color:#000!important}a[style*="color: white"]:hover{color:#667eea!important}a[style*="color: white"]:visited,a[style*="color: white"]:active{color:#000!important}a[style*="color: white"]:focus{color:#000!important}a.article-title-link[style*="color: white"]{color:#000!important;text-decoration:none!important}a.article-title-link[style*="color: white"]:hover{color:#667eea!important;text-decoration:none!important}a.article-title-link[style*="color: white"]:visited,a.article-title-link[style*="color: white"]:active{color:#000!important}a.article-title-link[style*="color: white"]:focus{color:#000!important}.revolutionary-article-card h3.article-title-revolutionary,.revolutionary-article-card h3.article-title-revolutionary a,.revolutionary-article-card .article-title-link{color:#000!important}.revolutionary-article-card h3.article-title-revolutionary:hover,.revolutionary-article-card h3.article-title-revolutionary a:hover,.revolutionary-article-card .article-title-link:hover{color:#667eea!important}.articles-grid-revolutionary .revolutionary-article-card h3.article-title-revolutionary,.articles-grid-revolutionary .revolutionary-article-card h3.article-title-revolutionary a,.articles-grid-revolutionary .revolutionary-article-card .article-title-link{color:#000!important}.articles-grid-revolutionary .revolutionary-article-card .article-text-revolutionary h3.article-title-revolutionary a.article-title-link{color:#000!important;text-decoration:none!important}.articles-grid-revolutionary .revolutionary-article-card .article-text-revolutionary h3.article-title-revolutionary a.article-title-link:hover{color:#667eea!important;text-decoration:none!important}a.article-title-link{color:#000!important;text-decoration:none!important}a.article-title-link:hover{color:#667eea!important;text-decoration:none!important}a.article-title-link:visited,a.article-title-link:active{color:#000!important}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit!important;text-decoration:none!important}html body .articles-grid-revolutionary .revolutionary-article-card .article-text-revolutionary h3.article-title-revolutionary a.article-title-link{color:#000!important;text-decoration:none!important}html body .articles-grid-revolutionary .revolutionary-article-card .article-text-revolutionary h3.article-title-revolutionary a.article-title-link:hover{color:#667eea!important;text-decoration:none!important}html body .articles-grid-revolutionary .revolutionary-article-card .article-text-revolutionary h3.article-title-revolutionary a.article-title-link:visited,html body .articles-grid-revolutionary .revolutionary-article-card .article-text-revolutionary h3.article-title-revolutionary a.article-title-link:active{color:#000!important}html body .articles-grid-revolutionary .revolutionary-article-card .article-text-revolutionary h3.article-title-revolutionary a.article-title-link:focus{color:#000!important}a{color:inherit}.revolutionary-article-card a{color:#000!important}.revolutionary-article-card a:hover{color:#667eea!important}.revolutionary-article-card a:visited,.revolutionary-article-card a:active{color:#000!important}.revolutionary-article-card a:focus{color:#000!important}@media (max-width: 480px){.stat-item-revolutionary{padding:var(--space-3) var(--space-4)}.stat-icon-revolutionary{width:32px;height:32px}.stat-number-revolutionary{font-size:var(--font-size-lg)}}:root{--breakpoint-xs: 320px;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-2xl: 1400px;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--touch-target-min: 44px;--touch-target-comfortable: 48px}.container{width:100%;max-width:none;margin:0;padding:0}@media (max-width: 575px){.container{padding:0}.header{top:0;padding:var(--spacing-sm) 0}.header-container{padding:0 var(--spacing-sm);height:60px}.desktop-nav{display:none}.mobile-menu-button{display:flex}.contact-bar{display:none}.product-card{margin-bottom:var(--spacing-md);min-height:180px}.products-grid{grid-template-columns:1fr;gap:12px;padding:0 8px}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}.btn,.button{min-height:var(--touch-target-min);padding:var(--spacing-sm) var(--spacing-md)}.article-actions .action-button,.action-button,.download-pdf-btn,.download-pdf-btn-large{padding:6px 10px!important;border-radius:10px!important;min-width:36px!important}.article-actions .action-button svg,.action-button svg,.download-pdf-btn svg,.download-pdf-btn-large svg{width:18px;height:18px}.article-stats-footer .stat-group{padding:6px 8px!important;border-radius:10px!important;gap:6px!important}.article-stats-footer .stat-group svg{width:18px;height:18px}.article-stats-footer .stat-group span{font-size:.85rem}.action-btn-revolutionary{padding:6px 10px!important;border-radius:10px!important;min-width:36px!important;gap:6px!important}.action-btn-revolutionary svg{width:18px;height:18px}.action-btn-revolutionary span{font-size:.9rem}input,textarea,select{min-height:var(--touch-target-min);font-size:16px}.quick-view-modal{margin:var(--spacing-sm);max-height:calc(100vh - var(--spacing-md))}.article-card .article-stats{display:none!important}.quick-view-content{grid-template-columns:1fr;padding:var(--spacing-md);padding-top:calc(var(--spacing-md) + 60px)}}@media (min-width: 576px) and (max-width: 767px){.container{padding:0}.products-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 10px}.product-card{min-height:200px}.desktop-nav{display:none}.mobile-menu-button{display:flex}.article-card .article-stats{display:none!important}}@media (min-width: 768px) and (max-width: 991px){.products-grid{grid-template-columns:repeat(3,1fr);gap:16px}.desktop-nav{display:flex}.mobile-menu-button{display:none}.quick-view-content{grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.nav-link{padding:var(--spacing-md) var(--spacing-lg)}}@media (max-width: 991px){.article-card .article-stats,.article-card .article-stats *{display:none!important;visibility:hidden!important}}@media (max-width: 768px){.table-of-contents{display:none!important}}@media (min-width: 992px) and (max-width: 1199px){.products-grid{grid-template-columns:repeat(8,1fr);gap:4px}.container{max-width:none}}@media (min-width: 1200px) and (max-width: 1399px){.products-grid{grid-template-columns:repeat(10,1fr);gap:4px}.container{max-width:none}}@media (min-width: 1400px){.products-grid{grid-template-columns:repeat(12,1fr);gap:4px}.container{max-width:none}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1){.products-grid{grid-template-columns:repeat(3,1fr)}.quick-view-modal{max-width:90vw;max-height:90vh}@media (orientation: landscape){.quick-view-content{grid-template-columns:1fr 1fr}}@media (orientation: portrait){.quick-view-content{grid-template-columns:1fr}}}@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 2){.header{top:var(--safe-area-inset-top)}.main-content{padding-top:calc(var(--header-height) + var(--safe-area-inset-top) + 40px)}@supports (padding: max(0px)){.safe-area-inset{padding-top:max(var(--safe-area-inset-top),20px);padding-bottom:max(var(--safe-area-inset-bottom),20px);padding-left:max(var(--safe-area-inset-left),0px);padding-right:max(var(--safe-area-inset-right),0px)}}}@media screen and (-webkit-min-device-pixel-ratio: 0){.nav-link:hover{background-color:transparent}.btn:hover{transform:none}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.logo-icon{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-color-scheme: dark){:root{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--text-primary: #ffffff;--text-secondary: #b3b3b3;--border-light: #404040}}@media print{.header,.footer,.mobile-nav,.modal,.quick-view-modal{display:none!important}.main-content{padding-top:0!important}.product-card{break-inside:avoid;margin-bottom:1rem}}@media (prefers-contrast: high){:root{--border-light: #000000;--text-secondary: #000000}}@media (prefers-reduced-motion: no-preference){*:focus{outline:2px solid var(--primary-color);outline-offset:2px}*:focus:not(:focus-visible){outline:none}}.touch-device{.btn,.button,.nav-link{min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable)}.btn:hover,.nav-link:hover,.product-card:hover{transform:none;background-color:initial}.product-actions{gap:var(--spacing-md)}}.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}.no-scroll{overflow:hidden;height:100vh}.touch-manipulation{touch-action:manipulation}.safe-area-inset{padding-top:var(--safe-area-inset-top);padding-bottom:var(--safe-area-inset-bottom);padding-left:var(--safe-area-inset-left);padding-right:var(--safe-area-inset-right)}html,body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}@media (max-width: 768px){.main-content{padding:8px}.products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 8px;margin:0 auto;max-width:100%}.product-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .3s ease;cursor:pointer;position:relative;box-shadow:0 2px 8px #00000014;height:auto;min-height:160px;display:flex;flex-direction:column;width:100%;margin:0}.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026;border-color:#3b82f6}.product-image-container{position:relative;aspect-ratio:1;overflow:hidden;background:#f8fafc;border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:center;min-height:100px}.product-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:high-quality;image-rendering:optimize-quality;image-rendering:auto;backface-visibility:hidden;transform:translateZ(0);will-change:transform;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.product-card:hover .product-image{transform:scale(1.05)}.product-info{padding:8px;flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:-2px}.product-name{font-size:14px;font-weight:600;color:#1f2937;line-height:.8;margin:0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:1.6em}.product-rating-mobile{display:flex;align-items:center;gap:4px;margin-top:-26px;margin-bottom:4px;background:transparent;padding:0;border-radius:0;border:none;width:fit-content;cursor:pointer;transition:opacity .2s ease}.product-rating-mobile:hover{opacity:.8}.rating-text-mobile{font-size:10px;color:#6b7280;font-weight:600}.product-rating-desktop{display:none}.product-rating{display:flex;align-items:center;gap:6px;margin:4px 0}.rating-text{font-size:11px;color:#6b7280;font-weight:500}.product-actions{margin-top:8px;display:flex;gap:8px;align-items:center}.buy-button{flex:1;background:#fff!important;color:#000!important;border:2px solid #000000!important;padding:10px 12px!important;border-radius:10px!important;font-weight:700!important;font-size:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;cursor:pointer!important;transition:all .3s ease!important;min-height:40px;text-transform:uppercase;letter-spacing:.5px}.product-actions{display:none;margin-top:2px}.product-rating-mobile+.product-actions,.product-rating-mobile+.buy-button,.product-rating-mobile+.quick-view-button{margin-top:2px!important}.product-card{cursor:pointer;transition:all .3s ease}.product-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.product-card:active{transform:translateY(0)}.buy-button:hover{background:#f8fafc!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #00000026!important}.quick-view-button{background:#f8fafc!important;color:#374151!important;border:1px solid #d1d5db!important;padding:10px!important;border-radius:10px!important;min-height:40px;min-width:40px;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .3s ease!important}.quick-view-button:hover{background:#e5e7eb!important;transform:translateY(-2px)!important}}@media (max-width: 360px){.products-grid{grid-template-columns:1fr;gap:8px;padding:0 8px}.product-card{min-height:180px}.product-name{font-size:13px}.buy-button{font-size:11px!important;padding:8px 10px!important}}@media (min-width: 481px) and (max-width: 768px){.products-grid{grid-template-columns:repeat(3,1fr);gap:10px;padding:0 6px}.product-card{min-height:220px}.product-name{font-size:15px}.buy-button{font-size:13px!important;padding:12px 14px!important}}@media (hover: none) and (pointer: coarse){.product-card:hover{transform:none}.product-card:active{transform:scale(.98)}.buy-button:hover{transform:none!important}.buy-button:active{transform:scale(.95)!important}}@media (-webkit-min-device-pixel-ratio: 2) and (max-width: 768px){.product-image{image-rendering:-webkit-optimize-contrast}}@media (min-width: 769px){.product-rating-mobile{display:none}.product-rating-desktop{display:flex;margin-bottom:8px;gap:6px;align-items:center}.product-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.product-actions{display:flex;margin-top:8px;gap:8px}.buy-button-desktop,.quick-view-desktop{display:flex}.buy-button-text{display:inline}.buy-button{flex:1;padding:10px 12px!important}.quick-view-button{flex:none;background:#f8fafc!important;color:#374151!important;border:1px solid #d1d5db!important;padding:10px!important;min-width:40px}.quick-view-text{display:none}.rating-text{font-size:12px;color:#6b7280;font-weight:500}.product-rating-desktop{cursor:pointer;transition:opacity .2s ease}.product-rating-desktop:hover{opacity:.8}}@media (prefers-color-scheme: dark) and (max-width: 768px){.product-card{background:#1f2937;border-color:#374151}.product-name{color:#f9fafb}.rating-text{color:#9ca3af}.buy-button{background:#374151!important;color:#f9fafb!important;border-color:#6b7280!important}}.pagination-container{display:flex;flex-direction:column;gap:1rem;margin:2rem 0;padding:1.25rem 1.5rem;background:linear-gradient(180deg,#fff,#f9fafb);border-radius:16px;box-shadow:0 10px 30px #0208170f;border:1px solid rgba(226,232,240,.9);backdrop-filter:saturate(140%) blur(4px)}.pagination-info{text-align:center;color:#6b7280;font-size:.875rem;font-weight:500}.pagination{display:flex;flex-direction:column;gap:1rem;align-items:center}.pagination-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}.pagination-pages{display:flex;align-items:center;gap:.25rem;margin:0 1rem}.pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.65rem .95rem;border:1.5px solid #e2e8f0;background:#fff;color:#0f172a;border-radius:999px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;text-decoration:none;min-width:44px;justify-content:center}.pagination-btn:hover:not(.disabled){border-color:#2563eb;background:#f1f5ff;color:#1d4ed8;transform:translateY(-1px);box-shadow:0 8px 18px #2563eb26}.pagination-btn.active{background:linear-gradient(135deg,#2563eb,#1e40af);border-color:transparent;color:#fff;box-shadow:0 10px 22px #2563eb59}.pagination-btn.active:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px)}.pagination-btn.disabled{opacity:.5;cursor:not-allowed;background:#f9fafb;color:#9ca3af}.pagination-btn.disabled:hover{transform:none;box-shadow:none;border-color:#e2e8f0}.page-btn{min-width:44px;padding:.75rem}.prev-btn,.next-btn{padding:.75rem 1.25rem}.pagination-dots{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:#94a3b8;font-weight:600}.pagination-size-selector{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:#f1f5f999;border-radius:12px;border:1px solid rgba(226,232,240,.9)}.pagination-size-selector label{font-size:.875rem;font-weight:600;color:#374151}.pagination-size-select{padding:.5rem .75rem;border:1px solid #cbd5e1;border-radius:999px;background:#fff;font-size:.875rem;font-weight:500;color:#0f172a;cursor:pointer;transition:border-color .3s ease}.pagination-size-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}@keyframes paginationSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pagination-container{animation:paginationSlide .3s ease-out}@media (max-width: 768px){.pagination-container{padding:1rem;margin:1.5rem 0}.pagination-controls{flex-direction:column;gap:1rem}.pagination-pages{margin:0;order:2}.prev-btn,.next-btn{order:1;width:100%;justify-content:center}.pagination-size-selector{order:3;width:100%;justify-content:center}.pagination-btn{padding:.625rem .875rem;font-size:.8rem}.page-btn{min-width:40px;padding:.625rem}}@media (max-width: 480px){.pagination-container{padding:.75rem;margin:1rem 0}.pagination-pages{gap:.125rem}.pagination-btn{padding:.5rem .75rem;font-size:.75rem;min-width:36px}.page-btn{min-width:36px;padding:.5rem}.pagination-dots{width:36px;height:36px}.pagination-size-selector{flex-direction:column;gap:.25rem;text-align:center}.pagination-size-selector label{font-size:.8rem}.pagination-size-select{font-size:.8rem;padding:.375rem .5rem}}.pagination-btn:focus{outline:none;box-shadow:0 0 0 3px #3b82f633}.pagination-btn:active{transform:translateY(0)}@media (prefers-color-scheme: dark){.pagination-container{background:#1f2937;border-color:#374151}.pagination-btn{background:#374151;border-color:#4b5563;color:#f9fafb}.pagination-btn:hover:not(.disabled){background:#4b5563;border-color:#3b82f6}.pagination-size-selector{background:#374151;border-color:#4b5563}.pagination-size-selector label{color:#f9fafb}.pagination-size-select{background:#1f2937;border-color:#4b5563;color:#f9fafb}}