:root{--container-padding:1rem;--container-max-width:100%;--header-height:60px;--footer-height:200px;--mobile-small:480px;--mobile:768px;--tablet:1024px;--desktop:1440px;--desktop-large:1920px;--font-size-base:16px;--font-size-sm:14px;--font-size-lg:18px;--font-size-xl:24px;--font-size-2xl:32px;--text-xs:0.75rem;--text-base:1rem;--text-lg:1.125rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--border-radius-sm:0.25rem;--border-radius-md:0.5rem;--border-radius-lg:1rem;--border-radius-full:9999px;--touch-target-min:44px;--touch-target-comfortable:48px;--duration-fast:150ms;--duration-normal:250ms;--duration-slow:350ms;--z-toast:1080}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#333;background-color:#fff;overflow-x:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation}img{max-width:100%;height:auto;display:block}@media (min-width:576px){:root{--container-padding:1.5rem;--container-max-width:540px}}@media (min-width:768px){:root{--container-padding:2rem;--container-max-width:720px;--header-height:70px;--font-size-base:16px;--font-size-sm:14px;--font-size-lg:20px;--font-size-xl:28px;--font-size-2xl:36px}}@media (min-width:992px){:root{--container-padding:2.5rem;--container-max-width:960px}}@media (min-width:1200px){:root{--container-padding:3rem;--container-max-width:1140px}}@media (min-width:1400px){:root{--container-padding:4rem;--container-max-width:1320px}}.container{width:100%;max-width:var(--container-max-width);padding-left:var(--container-padding);padding-right:var(--container-padding);margin-left:auto;margin-right:auto}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}@media (min-width:576px){.grid{grid-template-columns:repeat(8,1fr)}}@media (min-width:992px){.grid{grid-template-columns:repeat(12,1fr)}}body{font-size:var(--font-size-base);line-height:1.5}h1{font-size:var(--font-size-2xl);line-height:1.2;margin-bottom:var(--spacing-lg)}h2{font-size:var(--font-size-xl);line-height:1.3;margin-bottom:var(--spacing-md)}h3{font-size:var(--font-size-lg);line-height:1.4;margin-bottom:var(--spacing-sm)}.section{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}@media (min-width:768px){.section{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}}.responsive-img{max-width:100%;height:auto}.flex-col{display:flex;flex-direction:column}@media (min-width:768px){.md\:flex-row{flex-direction:row}}.hide-on-mobile{display:none}@media (min-width:768px){.hide-on-mobile{display:block}.hide-on-desktop{display:none}}@media (max-width:767px){.button,a,button{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}input,select,textarea{font-size:16px;padding:var(--spacing-sm)}}.form-group{margin-bottom:var(--spacing-md)}.form-control{display:block;width:100%;padding:var(--spacing-sm);font-size:var(--font-size-base);border:1px solid #ced4da;border-radius:var(--border-radius-sm)}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.responsive-image-container{position:relative;overflow:hidden;background-color:#f5f5f5;border-radius:8px}.responsive-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity var(--duration-normal) ease;opacity:0}.responsive-image.loaded{opacity:1}.image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0}.loading-spinner{width:24px;height:24px;border:2px solid #e0e0e0;border-top-color:#007bff;border-radius:50%}.touch-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--space-sm) var(--space-md);border:none;border-radius:8px;font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all var(--duration-fast) ease;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.touch-button.primary{background-color:#007bff;color:#fff}.touch-button.pressed{transform:scale(.98)}.ripple{position:absolute;border-radius:50%;background-color:hsla(0,0%,100%,.3);transform:scale(0);animation:ripple-animation .6s linear;pointer-events:none}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);opacity:0;animation:fade-in var(--duration-normal) ease forwards}.mobile-modal{background-color:#fff;border-radius:12px;max-width:90vw;max-height:90vh;overflow:hidden;transform:translateY(100%);animation:slide-up var(--duration-normal) ease forwards;z-index:var(--z-modal)}.mobile-modal.fullscreen{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0}@keyframes fade-in{to{opacity:1}}@keyframes slide-up{to{transform:translateY(0)}}.mobile-input-container{position:relative;margin-bottom:var(--space-lg)}.mobile-input{width:100%;min-height:var(--touch-target-comfortable);padding:var(--space-md);border:2px solid #e0e0e0;border-radius:8px;font-size:16px;background-color:#fff;transition:border-color var(--duration-fast) ease}.mobile-input:focus{outline:none;border-color:#007bff}.is-mobile .touch-button{min-height:var(--touch-target-comfortable)}.hide-mobile{display:none}@media (min-width:481px){.hide-mobile{display:block}.show-mobile-only{display:none}}@media (min-width:1025px){.touch-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.1)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}@media print{.modal-backdrop,.no-print,.touch-button{display:none!important}body{font-size:12pt}a[href]:after{content:" (" attr(href) ")"}.responsive-image{max-width:100%!important;page-break-inside:avoid}}:root{--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-500:#22c55e;--success-600:#16a34a;--error-50:#fef2f2;--error-500:#ef4444;--error-600:#dc2626;--warning-50:#fffbeb;--warning-500:#f59e0b;--warning-600:#d97706;--font-family-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:"JetBrains Mono","Fira Code",Consolas,monospace;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--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 -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}.enhanced-navigation{background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--secondary-200);transition:all var(--transition-normal)}.enhanced-navigation.scrolled{background:hsla(0,0%,100%,.98);box-shadow:var(--shadow-md)}.nav-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);justify-content:space-between;height:4rem}.nav-container,.nav-logo{display:flex;align-items:center}.nav-logo{font-size:1.5rem;font-weight:700;color:var(--primary-600)}.nav-menu{display:flex;align-items:center;gap:var(--spacing-lg)}.nav-item{position:relative}.nav-link{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);color:var(--secondary-700);text-decoration:none;font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav-link:hover{color:var(--primary-600);background:var(--primary-50)}.nav-chevron{width:1rem;height:1rem;transition:transform var(--transition-fast)}.nav-item:hover .nav-chevron{transform:rotate(180deg)}.nav-submenu{position:absolute;top:100%;left:0;min-width:200px;background:#fff;border:1px solid var(--secondary-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-sm);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-fast);z-index:var(--z-dropdown)}.nav-item:hover .nav-submenu{opacity:1;visibility:visible;transform:translateY(0)}.nav-sublink{display:block;padding:var(--spacing-sm) var(--spacing-md);color:var(--secondary-600);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav-sublink:hover{color:var(--primary-600);background:var(--primary-50)}.nav-actions{display:flex;align-items:center;gap:var(--spacing-md)}.nav-search{position:relative}.search-form{display:flex;align-items:center;background:var(--secondary-100);border-radius:var(--radius-full);padding:var(--spacing-xs)}.search-input{border:none;background:transparent;padding:var(--spacing-sm) var(--spacing-md);outline:none;width:200px;font-size:.875rem}.search-submit,.search-toggle{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:var(--primary-500);color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.search-submit:hover,.search-toggle:hover{background:var(--primary-600)}.search-icon{width:1rem;height:1rem}.nav-action{position:relative;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:none;background:transparent;color:var(--secondary-600);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.nav-action:hover{color:var(--primary-600);background:var(--primary-50)}.action-badge{position:absolute;top:-2px;right:-2px;background:var(--error-500);color:#fff;font-size:.75rem;font-weight:600;padding:.125rem .375rem;border-radius:var(--radius-full);min-width:1.25rem;height:1.25rem;display:flex}.action-badge,.mobile-menu-toggle{align-items:center;justify-content:center}.mobile-menu-toggle{display:none;width:2.5rem;height:2.5rem;border:none;background:transparent;color:var(--secondary-600);cursor:pointer}.mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid var(--secondary-200);box-shadow:var(--shadow-lg);padding:var(--spacing-lg);z-index:var(--z-dropdown)}.mobile-menu-item{border-bottom:1px solid var(--secondary-100)}.mobile-menu-item:last-child{border-bottom:none}.mobile-menu-link{display:block;padding:var(--spacing-md) 0;color:var(--secondary-700);text-decoration:none;font-weight:500}.mobile-submenu{padding-left:var(--spacing-lg)}.mobile-sublink{display:block;padding:var(--spacing-sm) 0;color:var(--secondary-600);text-decoration:none;font-size:.875rem}.enhanced-hero{position:relative;min-height:60vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2}.hero-image,.hero-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity var(--transition-slow)}.hero-image,.hero-video.loaded{opacity:1}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,0,0,.4),rgba(0,0,0,.2));z-index:-1}.hero-content{text-align:center;color:#fff;max-width:800px;padding:0 var(--spacing-lg);z-index:1}.hero-title{font-size:clamp(2rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:var(--spacing-lg);text-shadow:0 2px 4px rgba(0,0,0,.3)}.hero-subtitle{font-size:clamp(1rem,2.5vw,1.5rem);line-height:1.6;margin-bottom:var(--spacing-2xl);opacity:.9}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center}.hero-cta{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:1.125rem;font-weight:600;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;min-width:160px;justify-content:center}.hero-cta.primary{background:var(--primary-500);color:#fff}.hero-cta.primary:hover{background:var(--primary-600);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hero-cta.secondary{background:hsla(0,0%,100%,.1);color:#fff;border:2px solid hsla(0,0%,100%,.3);backdrop-filter:blur(10px)}.hero-cta.secondary:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.5)}.cta-icon{width:1.25rem;height:1.25rem}.enhanced-card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-normal);text-decoration:none;color:inherit;display:block}.enhanced-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.card-image-container{position:relative;aspect-ratio:16/9;overflow:hidden}.card-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:all var(--transition-normal)}.card-image.loaded{opacity:1}.enhanced-card:hover .card-image{transform:scale(1.05)}.card-badges{position:absolute;top:var(--spacing-md);left:var(--spacing-md);display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.card-badge{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.025em}.card-badge.default{background:var(--secondary-800);color:#fff}.card-badge.success{background:var(--success-500);color:#fff}.card-badge.warning{background:var(--warning-500);color:#fff}.card-badge.error{background:var(--error-500);color:#fff}.card-like{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:2.5rem;height:2.5rem;border:none;background:hsla(0,0%,100%,.9);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);backdrop-filter:blur(10px)}.card-like:hover{background:#fff;transform:scale(1.1)}.card-like.liked{background:var(--error-500);color:#fff}.like-icon{width:1.25rem;height:1.25rem;transition:all var(--transition-fast)}.card-like.liked .like-icon{fill:currentColor}.card-content{padding:var(--spacing-lg)}.card-rating{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.rating-stars{display:flex;gap:1px}.card-title{font-size:1.25rem;font-weight:700;line-height:1.3;margin-bottom:var(--spacing-sm);color:var(--secondary-900)}.card-description{color:var(--secondary-600);line-height:1.6;margin-bottom:var(--spacing-md);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-price{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.price-original{color:var(--secondary-400);text-decoration:line-through;font-size:.875rem}.price-current{font-size:1.5rem;font-weight:700;color:var(--secondary-900)}.price-discount{background:var(--error-500);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:.75rem;font-weight:600}.card-action,.card-actions{display:flex;gap:var(--spacing-sm)}.card-action{flex:1;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.card-action.primary{background:var(--primary-500);color:#fff}.card-action.primary:hover{background:var(--primary-600)}.card-action.secondary{background:var(--secondary-100);color:var(--secondary-700)}.card-action.secondary:hover{background:var(--secondary-200)}.action-icon{width:1rem;height:1rem}.enhanced-input-group{margin-bottom:var(--spacing-lg)}.input-container{position:relative;display:flex;align-items:center}.input-container.focused{--border-color:var(--primary-500)}.input-container.error{--border-color:var(--error-500)}.input-container.success{--border-color:var(--success-500)}.enhanced-input{width:100%;padding:var(--spacing-md);border:2px solid var(--secondary-200);border-radius:var(--radius-lg);font-size:1rem;background:#fff;transition:all var(--transition-fast);outline:none}.input-container.focused .enhanced-input{border-color:var(--border-color,var(--primary-500));box-shadow:0 0 0 3px rgba(59,130,246,.1)}.input-container.error .enhanced-input{border-color:var(--error-500);box-shadow:0 0 0 3px rgba(239,68,68,.1)}.input-container.success .enhanced-input{border-color:var(--success-500);box-shadow:0 0 0 3px rgba(34,197,94,.1)}.input-icon{position:absolute;left:var(--spacing-md);width:1.25rem;height:1.25rem;color:var(--secondary-400);pointer-events:none}.input-container:has(.input-icon) .enhanced-input{padding-left:3rem}.input-label{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--secondary-500);pointer-events:none;transition:all var(--transition-fast);background:#fff;padding:0 var(--spacing-xs)}.input-container:has(.input-icon) .input-label{left:3rem}.input-container.focused .input-label,.input-container.has-value .input-label{top:0;font-size:.875rem;color:var(--border-color,var(--primary-500))}.input-error{color:var(--error-500)}.input-error,.input-success{display:block;margin-top:var(--spacing-xs);font-size:.875rem}.input-success{color:var(--success-500)}.enhanced-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);border:none;border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;outline:none;overflow:hidden}.enhanced-button:disabled{opacity:.6;cursor:not-allowed}.enhanced-button.loading{color:transparent}.enhanced-button.primary{background:var(--primary-500);color:#fff}.enhanced-button.primary:hover:not(:disabled){background:var(--primary-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}.enhanced-button.secondary{background:var(--secondary-100);color:var(--secondary-700)}.enhanced-button.secondary:hover:not(:disabled){background:var(--secondary-200)}.enhanced-button.outline{background:transparent;color:var(--primary-500);border:2px solid var(--primary-500)}.enhanced-button.outline:hover:not(:disabled){background:var(--primary-500);color:#fff}.enhanced-button.ghost{background:transparent;color:var(--secondary-600)}.enhanced-button.ghost:hover:not(:disabled){background:var(--secondary-100)}.enhanced-button.small{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}.enhanced-button.medium{padding:var(--spacing-md) var(--spacing-lg);font-size:1rem}.enhanced-button.large{padding:var(--spacing-lg) var(--spacing-xl);font-size:1.125rem}.enhanced-button.full-width{width:100%}.button-spinner{position:absolute;width:1rem;height:1rem;border:2px solid transparent;border-top-color:currentcolor;border-radius:var(--radius-full);animation:spin 1s linear infinite}.button-icon{width:1rem;height:1rem;display:flex;align-items:center;justify-content:center}@keyframes spin{to{transform:rotate(1turn)}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--spacing-lg);backdrop-filter:blur(4px)}.enhanced-modal{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;overflow:hidden;display:flex;flex-direction:column;z-index:var(--z-modal);animation:modalEnter var(--transition-normal) ease-out}.enhanced-modal.small{width:100%;max-width:400px}.enhanced-modal.medium{width:100%;max-width:600px}.enhanced-modal.large{width:100%;max-width:800px}@keyframes modalEnter{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--secondary-200)}.modal-title{font-size:1.5rem;font-weight:700;color:var(--secondary-900);margin:0}.modal-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:transparent;color:var(--secondary-400);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.modal-close:hover{color:var(--secondary-600);background:var(--secondary-100)}.modal-content{padding:var(--spacing-lg);overflow-y:auto;flex:1}.enhanced-breadcrumb{margin-bottom:var(--spacing-lg)}.breadcrumb-list{flex-wrap:wrap;list-style:none;margin:0;padding:0}.breadcrumb-item,.breadcrumb-list{display:flex;align-items:center;gap:var(--spacing-sm)}.breadcrumb-link{color:var(--secondary-600);text-decoration:none;font-size:.875rem;transition:color var(--transition-fast)}.breadcrumb-link:hover{color:var(--primary-600)}.breadcrumb-current{color:var(--secondary-900);font-size:.875rem;font-weight:600}.breadcrumb-separator{color:var(--secondary-400);font-size:.875rem}.enhanced-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md)}.enhanced-loading.small{--size:1rem}.enhanced-loading.medium{--size:1.5rem}.enhanced-loading.large{--size:2rem}.loading-spinner{width:var(--size);height:var(--size);border-top:2px solid var(--secondary-200);border:2px solid var(--secondary-200);border-top-color:var(--primary-500);border-radius:var(--radius-full);animation:spin 1s linear infinite}.loading-dots{display:flex;gap:var(--spacing-xs)}.dot{width:calc(var(--size) * .3);height:calc(var(--size) * .3);background:var(--primary-500);border-radius:var(--radius-full);animation:bounce 1.4s ease-in-out infinite both}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.loading-pulse{width:var(--size);height:var(--size);background:var(--primary-500);border-radius:var(--radius-full);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}.loading-skeleton{display:flex;flex-direction:column;gap:var(--spacing-sm);width:200px}.skeleton-line{height:1rem;background:linear-gradient(90deg,var(--secondary-200) 25%,var(--secondary-100) 50%,var(--secondary-200) 75%);background-size:200% 100%;border-radius:var(--radius-md);animation:shimmer 2s ease-in-out infinite}.skeleton-line.short{width:60%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-text{color:var(--secondary-600);font-size:.875rem;margin:0}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.mobile-menu{display:block!important}.nav-container{padding:0 var(--spacing-md)}.hero-actions{flex-direction:column;align-items:stretch}.hero-cta{width:100%}.enhanced-modal{margin:var(--spacing-md);max-height:calc(100vh - 2rem)}.modal-content{padding:var(--spacing-md)}}@media (min-width:769px){.desktop-only{display:flex!important}.mobile-only{display:none!important}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.enhanced-button:focus-visible,.enhanced-input:focus-visible,.nav-link:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}@media (prefers-contrast:high){.enhanced-card{border:1px solid var(--secondary-300)}.enhanced-button.primary{border:2px solid var(--primary-700)}}.conversion-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);border:none;border-radius:var(--radius-lg);font-weight:700;cursor:pointer;transition:all var(--transition-normal);text-decoration:none;outline:none;overflow:hidden;text-transform:uppercase;letter-spacing:.025em;box-shadow:var(--shadow-md)}.conversion-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.conversion-cta:hover:before{left:100%}.conversion-cta.primary{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);color:#fff}.conversion-cta.primary:hover{background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-700) 100%);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.conversion-cta.secondary{background:linear-gradient(135deg,var(--success-500) 0,var(--success-600) 100%);color:#fff}.conversion-cta.secondary:hover{background:linear-gradient(135deg,var(--success-600) 0,var(--success-700) 100%);transform:translateY(-2px)}.conversion-cta.urgent{background:linear-gradient(135deg,var(--error-500) 0,var(--warning-500) 100%);animation:pulse-urgent 2s infinite}@keyframes pulse-urgent{0%,to{box-shadow:0 0 0 0 rgba(239,68,68,.7)}50%{box-shadow:0 0 0 10px rgba(239,68,68,0)}}.conversion-cta.small{padding:var(--spacing-sm) var(--spacing-lg);font-size:.875rem}.conversion-cta.medium{padding:var(--spacing-md) var(--spacing-xl);font-size:1rem}.conversion-cta.large{padding:var(--spacing-lg) var(--spacing-2xl);font-size:1.25rem;min-height:3.5rem}.cta-content{display:flex;align-items:center;gap:var(--spacing-sm);z-index:1}.urgency-indicator{font-size:1.2em;animation:flash 1s infinite}@keyframes flash{0%,50%{opacity:1}51%,to{opacity:.5}}.social-proof{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem;margin-top:var(--spacing-xs);opacity:.9}.proof-icon{width:.875rem;height:.875rem;color:var(--warning-400)}.guarantee{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem;margin-top:var(--spacing-xs);opacity:.9}.guarantee-icon{width:.875rem;height:.875rem;color:var(--success-400)}.conversion-product-card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;transition:all var(--transition-normal);position:relative;height:100%;display:flex;flex-direction:column}.conversion-product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.conversion-product-card.urgency-variant{border:2px solid var(--error-500)}.urgency-banner{background:linear-gradient(135deg,var(--error-500) 0,var(--warning-500) 100%);color:#fff;padding:var(--spacing-sm) var(--spacing-md);text-align:center;font-weight:700;font-size:.875rem;animation:urgency-pulse 2s infinite}@keyframes urgency-pulse{0%,to{background:linear-gradient(135deg,var(--error-500) 0,var(--warning-500) 100%)}50%{background:linear-gradient(135deg,var(--error-600) 0,var(--warning-600) 100%)}}.conversion-product-card.social-proof-variant{border:2px solid var(--success-500)}.social-proof-banner{background:var(--success-50);color:var(--success-700);padding:var(--spacing-sm) var(--spacing-md);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-weight:600;font-size:.875rem}.conversion-product-card.minimal-variant{box-shadow:var(--shadow-sm);border:1px solid var(--secondary-200)}.conversion-product-card.minimal-variant:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.product-image{position:relative;aspect-ratio:1;overflow:hidden}.product-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-normal)}.conversion-product-card:hover .product-image img{transform:scale(1.05)}.discount-badge{left:var(--spacing-md);background:var(--error-500);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:700}.discount-badge,.wishlist-btn{position:absolute;top:var(--spacing-md);z-index:2}.wishlist-btn{right:var(--spacing-md);width:2.5rem;height:2.5rem;border:none;background:hsla(0,0%,100%,.9);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);backdrop-filter:blur(10px)}.wishlist-btn:hover{background:#fff;transform:scale(1.1)}.wishlist-btn.active{background:var(--error-500);color:#fff}.heart-icon{width:1.25rem;height:1.25rem;transition:all var(--transition-fast)}.wishlist-btn.active .heart-icon{fill:currentColor}.product-info{padding:var(--spacing-lg);flex:1;display:flex;flex-direction:column}.product-rating{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.stars{display:flex;gap:1px}.star{width:1rem;height:1rem;color:var(--secondary-300)}.star.filled{color:var(--warning-500);fill:currentColor}.rating-text{font-size:.875rem;color:var(--secondary-600)}.product-name{font-size:1.125rem;font-weight:700;line-height:1.3;margin-bottom:var(--spacing-sm);color:var(--secondary-900)}.product-description{color:var(--secondary-600);line-height:1.5;margin-bottom:var(--spacing-md);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.product-price{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.original-price{color:var(--secondary-400);text-decoration:line-through;font-size:.875rem}.current-price{font-size:1.5rem;font-weight:700;color:var(--secondary-900)}.trust-signals{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.trust-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem;color:var(--secondary-600)}.trust-icon{width:1rem;height:1rem;color:var(--success-500)}.product-actions{display:flex;gap:var(--spacing-sm);margin-top:auto}.view-details-btn{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--secondary-300);background:transparent;color:var(--secondary-700);border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.view-details-btn:hover{border-color:var(--primary-500);color:var(--primary-600);background:var(--primary-50)}.add-to-cart-btn{flex:2;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--primary-500);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.add-to-cart-btn:hover{background:var(--primary-600);transform:translateY(-1px)}.add-to-cart-btn.minimal{width:100%;margin-top:var(--spacing-md)}.cart-icon{width:1rem;height:1rem}.optimized-checkout{max-width:1200px;margin:0 auto;padding:var(--spacing-xl)}.optimized-checkout.express-variant{max-width:600px}.express-header{text-align:center;margin-bottom:var(--spacing-2xl)}.express-header h2{font-size:2rem;font-weight:800;color:var(--secondary-900);margin-bottom:var(--spacing-sm)}.express-header p{color:var(--secondary-600);font-size:1.125rem}.express-payment{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.express-pay-btn{padding:var(--spacing-lg);border:none;border-radius:var(--radius-lg);font-size:1.125rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.express-pay-btn.apple-pay{background:#000;color:#fff}.express-pay-btn.google-pay{background:#4285f4;color:#fff}.express-pay-btn.paypal{background:#0070ba;color:#fff}.express-pay-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.or-divider{text-align:center;position:relative;margin:var(--spacing-xl) 0;color:var(--secondary-500)}.or-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--secondary-200);z-index:-1}.or-divider:after{content:"or";background:#fff;padding:0 var(--spacing-md)}.standard-checkout-btn{padding:var(--spacing-lg);background:var(--secondary-100);color:var(--secondary-700);border:2px solid var(--secondary-300);border-radius:var(--radius-lg);font-size:1.125rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.standard-checkout-btn:hover{background:var(--secondary-200);border-color:var(--secondary-400)}.checkout-progress{display:flex;justify-content:center;margin-bottom:var(--spacing-2xl);position:relative}.checkout-progress:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:var(--secondary-200);z-index:-1}.step{background:#fff;padding:var(--spacing-sm) var(--spacing-lg);border:2px solid var(--secondary-200);border-radius:var(--radius-full);font-weight:600;color:var(--secondary-500);transition:all var(--transition-fast)}.step.active{background:var(--primary-500);color:#fff;border-color:var(--primary-500)}.step-content{background:#fff;padding:var(--spacing-2xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.complete-order-btn,.continue-btn{width:100%;padding:var(--spacing-lg);background:var(--primary-500);color:#fff;border:none;border-radius:var(--radius-lg);font-size:1.125rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);margin-top:var(--spacing-xl)}.complete-order-btn:hover,.continue-btn:hover{background:var(--primary-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}.checkout-content{display:grid;grid-template-columns:1fr 400px;gap:var(--spacing-2xl)}.checkout-form{background:#fff;padding:var(--spacing-2xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.form-section{margin-bottom:var(--spacing-2xl)}.form-section h3{font-size:1.25rem;font-weight:700;color:var(--secondary-900);margin-bottom:var(--spacing-lg)}.checkout-sidebar{position:sticky;top:var(--spacing-xl);height:-moz-fit-content;height:fit-content}.cart-summary{background:#fff;padding:var(--spacing-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.cart-summary h3{font-size:1.25rem;font-weight:700;color:var(--secondary-900);margin-bottom:var(--spacing-lg)}.cart-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md) 0;border-bottom:1px solid var(--secondary-100)}.cart-item:last-child{border-bottom:none}.item-image{width:4rem;height:4rem;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-md)}.item-details{flex:1}.item-details h4{font-weight:600;color:var(--secondary-900);margin-bottom:var(--spacing-sm)}.item-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.item-controls button{width:2rem;height:2rem;border:1px solid var(--secondary-300);background:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.item-controls button:hover{background:var(--secondary-50)}.remove-btn{color:var(--error-500)!important;border-color:var(--error-300)!important}.remove-btn:hover{background:var(--error-50)!important}.item-price{font-weight:700;color:var(--secondary-900)}.coupon-section{display:flex;gap:var(--spacing-sm);margin:var(--spacing-lg) 0}.coupon-section input{flex:1;outline:none}.coupon-section button,.coupon-section input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--secondary-300);border-radius:var(--radius-md)}.coupon-section button{background:var(--secondary-100);color:var(--secondary-700);cursor:pointer;transition:all var(--transition-fast)}.coupon-section button:hover{background:var(--secondary-200)}.total-section{border-top:2px solid var(--secondary-200);padding-top:var(--spacing-lg);margin-top:var(--spacing-lg)}.total-section>div{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.total{font-size:1.25rem;font-weight:700;color:var(--secondary-900)}.checkout-trust-signals{display:flex;flex-direction:column;gap:var(--spacing-sm);margin:var(--spacing-lg) 0;padding:var(--spacing-lg);background:var(--success-50);border-radius:var(--radius-lg);border:1px solid var(--success-200)}.checkout-trust-signals .trust-item{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--success-700);font-size:.875rem;font-weight:500}.checkout-trust-signals .trust-icon{width:1.25rem;height:1.25rem;color:var(--success-600)}.exit-intent-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;animation:modalFadeIn var(--transition-normal) ease-out}.exit-intent-modal .modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);backdrop-filter:blur(4px)}.exit-intent-modal .modal-content{position:relative;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:500px;width:90%;padding:var(--spacing-2xl);text-align:center;animation:modalSlideIn var(--transition-normal) ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.exit-intent-modal .close-btn{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);width:2rem;height:2rem;border:none;background:transparent;font-size:1.5rem;color:var(--secondary-400);cursor:pointer;transition:color var(--transition-fast)}.exit-intent-modal .close-btn:hover{color:var(--secondary-600)}.modal-header h2{font-size:1.75rem;font-weight:800;color:var(--secondary-900);margin-bottom:var(--spacing-sm)}.modal-header p{color:var(--secondary-600);font-size:1.125rem;margin-bottom:var(--spacing-xl)}.offer-content{margin:var(--spacing-xl) 0}.offer-badge{display:inline-block;background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);color:#fff;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-full);font-size:1.5rem;font-weight:800;margin-bottom:var(--spacing-md);animation:pulse-offer 2s infinite}@keyframes pulse-offer{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.offer-content p{font-size:1.125rem;color:var(--secondary-700)}.modal-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.accept-btn{flex:2;padding:var(--spacing-lg);background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);color:#fff;border:none;border-radius:var(--radius-lg);font-size:1.125rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.accept-btn:hover{background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-700) 100%);transform:translateY(-1px);box-shadow:var(--shadow-md)}.decline-btn{flex:1;padding:var(--spacing-lg);background:transparent;color:var(--secondary-600);border:2px solid var(--secondary-300);border-radius:var(--radius-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.decline-btn:hover{background:var(--secondary-50);border-color:var(--secondary-400);color:var(--secondary-700)}@media (max-width:768px){.checkout-content{grid-template-columns:1fr;gap:var(--spacing-lg)}.checkout-sidebar{position:static;order:-1}.cart-summary,.checkout-form,.optimized-checkout{padding:var(--spacing-lg)}.product-actions,.trust-signals{flex-direction:column}.trust-signals{gap:var(--spacing-sm)}.modal-actions{flex-direction:column}.exit-intent-modal .modal-content{padding:var(--spacing-xl)}}@media (prefers-reduced-motion:reduce){.conversion-cta,.offer-badge,.urgency-indicator{animation:none!important}}@media (prefers-contrast:high){.conversion-product-card{border:2px solid var(--secondary-400)}.conversion-cta{border:2px solid}}