/* --- responsive.css --- */
:root {--page-gutter: clamp(14px, 4.2vw, 32px);--section-space-y: clamp(36px, 7vw, 76px);--touch-target: 44px;--content-max: 1400px;--nav-offset: var(--site-header-h, 96px);--site-header-h: 96px;}html {-webkit-text-size-adjust: 100%;text-size-adjust: 100%;scroll-behavior: auto;}body {overflow-x: hidden;padding-left: env(safe-area-inset-left, 0);padding-right: env(safe-area-inset-right, 0);font-size: clamp(15px, 2.4vw, 18px);}.page-wrapper {width: 100%;max-width: 100%;overflow-x: hidden;padding-top: clamp(12px, 2.5vw, 20px);}img,video,svg,canvas {max-width: 100%;height: auto;}.container,.container-sm,.container-xs {width: 100%;max-width: var(--content-max);margin-left: auto;margin-right: auto;padding-left: var(--page-gutter);padding-right: var(--page-gutter);box-sizing: border-box;}.container > h1:first-child,.container > .page-title:first-child {margin-top: 0;margin-bottom: clamp(20px, 4vw, 32px);scroll-margin-top: calc(var(--nav-offset) + 12px);}.checkout-page {padding-bottom: clamp(32px, 6vw, 64px);}.checkout-page > h1 {display: flex;align-items: center;flex-wrap: wrap;gap: 10px 12px;font-size: clamp(1.45rem, 4.5vw, 2rem);line-height: 1.2;}.checkout-steps-bar {margin-bottom: clamp(20px, 4vw, 32px) !important;}@media (max-width: 767px) {:root {--nav-offset: 56px;}.page-wrapper {padding-top: clamp(32px, 7vw, 48px);}.checkout-steps-bar {flex-direction: column !important;align-items: stretch !important;gap: 10px !important;padding: 14px 16px !important;}.checkout-steps-bar .step-indicator {min-width: 0 !important;width: 100%;}}.btn,.form-control,.navbar-nav .nav-link,.mobile-toggle,.quantity-selector button,.cart-qty-btn,.payment-option,.bundle-buy-now,.ai-fab-btn,.scroll-to-top {min-height: var(--touch-target);}input[type="checkbox"],input[type="radio"] {min-width: 18px;min-height: 18px;}.section {padding-top: var(--section-space-y);padding-bottom: var(--section-space-y);}.section-header {margin-bottom: clamp(28px, 5vw, 48px);padding-left: var(--page-gutter);padding-right: var(--page-gutter);}.section-header h2 {font-size: clamp(1.45rem, 4.5vw, 2rem);}.section-header p {font-size: clamp(0.88rem, 2.5vw, 1.05rem);max-width: min(500px, 100%);}.hero {min-height: clamp(420px, 72vh, 85vh);padding: clamp(24px, 5vw, 48px) 0;}.hero-inner {gap: clamp(24px, 5vw, 60px);}.hero h1 {font-size: clamp(1.75rem, 6.5vw, 3.5rem) !important;}.hero p {font-size: clamp(0.95rem, 2.8vw, 1.15rem);max-width: min(540px, 100%);}.hero-actions {display: flex;flex-wrap: wrap;gap: 12px;width: 100%;}.hero-actions .btn {flex: 1 1 auto;min-width: min(100%, 160px);justify-content: center;}.hero-image img {margin-top: 0 !important;max-width: min(480px, 92vw);margin-left: auto;margin-right: auto;}.hero-stats {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: clamp(10px, 2vw, 24px);width: 100%;}.hero-stat {min-width: 0;max-width: 100%;}.hero-stat .stat-label,.hero-stat .stat-value {white-space: normal;overflow-wrap: anywhere;}.marquee-strip {overflow: hidden;}.marquee-item {font-size: clamp(0.75rem, 2.2vw, 0.9rem);white-space: nowrap;}.bundle-section {padding-top: var(--section-space-y);}.bundle-grid,.bundle-grid.compact {gap: clamp(14px, 3vw, 22px);}@media (max-width: 1279px) {.bundle-grid {grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}}@media (max-width: 639px) {.bundle-grid,.bundle-grid.compact {grid-template-columns: 1fr !important;}}@media (min-width: 640px) and (max-width: 1023px) {.products-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}.products-grid-compact {grid-template-columns: repeat(3, minmax(0, 1fr));}}@media (min-width: 1024px) and (max-width: 1279px) {.products-grid-compact {grid-template-columns: repeat(3, minmax(0, 1fr));}}@media (min-width: 1280px) {.products-grid {grid-template-columns: repeat(3, minmax(0, 1fr));}}.category-card {flex: 0 0 auto;min-width: clamp(140px, 38vw, 180px);}@media (max-width: 1023px) {.product-detail-grid,.product-detail-stack {grid-template-columns: 1fr !important;gap: clamp(20px, 4vw, 32px);}.product-detail-info h1 {font-size: clamp(1.5rem, 5vw, 2.15rem);text-align: start;}}@media (max-width: 1023px) {.cart-layout,.checkout-layout {grid-template-columns: 1fr !important;gap: clamp(20px, 4vw, 32px);}.cart-summary,.checkout-layout .cart-summary {position: static !important;top: auto !important;}}@media (max-width: 479px) {.cart-item {grid-template-columns: 72px 1fr !important;gap: 10px !important;padding: 16px 12px !important;}.cart-item-image {width: 72px !important;height: 72px !important;}.cart-item-price {grid-column: 1 / -1;text-align: left !important;padding-top: 4px;}.bundle-bottom {flex-direction: column;align-items: stretch !important;}.bundle-price {justify-content: flex-start;text-align: start;}}.checkout-steps-bar {flex-wrap: wrap;gap: 10px !important;padding: 12px 14px !important;}.checkout-steps-bar .step-indicator {min-width: 100% !important;flex: 1 1 100% !important;}@media (min-width: 640px) {.checkout-steps-bar .step-indicator {min-width: 120px !important;flex: 1 1 calc(33.333% - 10px) !important;}}.form-row .phone-field-group {grid-column: 1 / -1;}@media (max-width: 639px) {.checkout-section #step1 .form-row,.dashboard-card .form-row {grid-template-columns: 1fr !important;}}.footer {padding-bottom: calc(clamp(24px, 4vw, 40px) + env(safe-area-inset-bottom, 0));}.footer-grid {gap: clamp(20px, 4vw, 40px);}.footer-brand h3 {font-size: clamp(1.1rem, 3.5vw, 1.3rem);flex-wrap: wrap;justify-content: flex-start;}.footer-col h4 {font-size: clamp(0.78rem, 2.2vw, 0.85rem);margin-bottom: clamp(10px, 2vw, 16px);}.footer-bottom {flex-direction: column;align-items: center;justify-content: center;text-align: center;gap: 12px;padding-top: clamp(16px, 3vw, 24px);font-size: clamp(0.78rem, 2.2vw, 0.85rem);}.footer-bottom-links {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 10px 14px;}.footer-bottom-links a {color: var(--text-muted);font-size: clamp(0.75rem, 2vw, 0.78rem);text-decoration: none;padding: 4px 2px;min-height: var(--touch-target, 44px);display: inline-flex;align-items: center;}.footer-bottom-links a:hover {color: var(--text-primary);}@media (min-width: 1280px) {.footer-grid {grid-template-columns: minmax(0, 1.6fr) repeat(3, minmax(0, 1fr)) minmax(0, 1.2fr) !important;}}@media (max-width: 1279px) {.footer-grid {grid-template-columns: repeat(3, minmax(0, 1fr)) !important;}.footer-brand {grid-column: 1 / -1;}.footer-col.footer-payments {grid-column: 1 / -1;}}@media (max-width: 991px) {.footer-grid {grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}.footer-brand,.footer-col.footer-payments {grid-column: 1 / -1;}}@media (max-width: 767px) {.footer-grid {grid-template-columns: 1fr !important;text-align: center;gap: 0 !important;}.footer-brand,.footer-col,.footer-col.footer-payments {grid-column: auto;align-items: center;text-align: center;width: 100%;padding: 20px 0 !important;border-bottom: 1px solid rgba(100, 120, 108, 0.2);}.footer-col.footer-payments {border-bottom: none;}.footer-brand h3 {justify-content: center;}.footer-brand p {margin-left: auto;margin-right: auto;max-width: min(340px, 100%);}.footer-col {display: flex;flex-direction: column;align-items: center;}.footer-col h4 {width: 100%;margin-bottom: 12px;}.footer-col a,.footer-col a.footer-email-link {display: inline-flex !important;flex-wrap: nowrap !important;width: auto !important;max-width: min(320px, 100%) !important;margin: 0 auto !important;padding: 8px 4px !important;justify-content: center !important;text-align: center;box-sizing: border-box;}.payment-logos {justify-content: center !important;flex-wrap: wrap;gap: 12px;}.footer-bottom {flex-direction: column;margin-top: 8px;}.footer-bottom-links {flex-direction: column;gap: 4px;}.footer-bottom-links a {width: 100%;justify-content: center;}}@media (max-width: 479px) {.footer-grid {gap: 28px;}.footer-col a {font-size: 0.86rem;padding: 8px 0 !important;}.payment-logo {font-size: 1.65rem !important;}.footer-bottom span:first-child {line-height: 1.5;max-width: 28ch;}}@media (min-width: 768px) {.footer-bottom {flex-direction: row;align-items: center;justify-content: space-between;text-align: left;}.footer-bottom-links {justify-content: flex-end;}}@media (max-width: 1023px) {.shop-layout {grid-template-columns: 1fr !important;}.shop-sidebar {position: static !important;width: 100%;max-height: none;}}@media (max-width: 767px) {.dashboard-grid,.profile-grid {grid-template-columns: 1fr !important;}}.table-responsive,.admin-body .dashboard-card,.messages-table-wrap {overflow-x: auto;-webkit-overflow-scrolling: touch;max-width: 100%;}table {max-width: 100%;}.ai-fab,.scroll-to-top {bottom: calc(16px + env(safe-area-inset-bottom, 0)) !important;right: calc(16px + env(safe-area-inset-right, 0)) !important;}.ai-chat {bottom: calc(80px + env(safe-area-inset-bottom, 0)) !important;right: calc(10px + env(safe-area-inset-right, 0)) !important;}@media (max-width: 479px) {.auth-card,.login-card {margin: 16px var(--page-gutter);padding: 24px 18px !important;width: calc(100% - 2 * var(--page-gutter));max-width: 100%;box-sizing: border-box;}}@media (max-width: 359px) {:root {--page-gutter: 12px;--touch-target: 42px;}.hero-actions .btn-lg {font-size: 0.88rem;padding: 10px 14px;}.btn-add-cart,.btn-buy-now,.bundle-buy-now {font-size: 0.82rem;padding: 10px 12px;}.navbar-top-row {gap: 6px;}}@media (max-height: 500px) and (orientation: landscape) {.hero {min-height: auto;padding: 20px 0;}.hero-inner {grid-template-columns: 1fr 1fr;gap: 16px;}.hero-image img {max-height: 180px;width: auto;}}@media (min-width: 1440px) {:root {--content-max: 1320px;}}@media (min-width: 1680px) {:root {--content-max: 1440px;}}@media (min-width: 1920px) {:root {--content-max: 1480px;--page-gutter: 36px;}}@media (min-width: 768px) and (max-width: 1023px) {.hero-inner {grid-template-columns: 1fr 1fr;}.hero-content {text-align: left;align-items: flex-start;}.hero-actions {justify-content: flex-start;}.hero-actions .btn {flex: 0 0 auto;width: auto;min-width: min(100%, 220px);}.hero-stat {min-width: 0 !important;padding: 16px 14px !important;}.hero-stat .stat-value {font-size: clamp(1.25rem, 2.5vw, 1.75rem);}.hero-stat .stat-label {font-size: 0.68rem;}}@media (min-width: 1024px) {.hero-stats {grid-template-columns: repeat(3, minmax(0, 1fr));}.hero-actions .btn {flex: 0 0 auto;width: auto;}.hero-stat {min-width: 0 !important;}}@media (max-width: 767px) {.hero-inner {grid-template-columns: 1fr;text-align: center;}.hero-content {align-items: center;text-align: center;}.hero-actions {justify-content: center;}.hero-stats {grid-template-columns: 1fr;gap: 10px;max-width: 320px;margin-left: auto;margin-right: auto;}.hero-stat {text-align: center !important;padding: 14px 18px !important;}.hero-stat .stat-value {font-size: 1.5rem;}.hero-stat .stat-label {font-size: 0.72rem;letter-spacing: 0.06em;}}@media (max-width: 767px) {.admin-layout {flex-direction: column;}.admin-sidebar {width: 100%;max-width: 100%;}.wizard-steps {flex-wrap: wrap;gap: 8px;}.form-row {grid-template-columns: 1fr !important;}.form-row .form-group,.form-row .phone-field-group {width: 100% !important;min-width: 0 !important;}}@media (max-width: 479px) {.admin-body .dashboard-card {padding: 16px 14px !important;}.admin-body .stat-card {padding: 14px !important;}}@media (prefers-reduced-motion: reduce) {html {scroll-behavior: auto;}*,*::before,*::after {animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;}}.page-wrapper,.container,.section,.hero-inner,.products-grid,.bundle-grid,.cart-layout,.checkout-layout,.shop-layout,.product-detail-grid,.dashboard-grid,.footer-grid {min-width: 0;}.products-grid,.products-grid-compact {display: grid;gap: clamp(14px, 3vw, 22px);grid-template-columns: 1fr;}@media (min-width: 640px) {.products-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (min-width: 1024px) {.products-grid {grid-template-columns: repeat(3, minmax(0, 1fr));}}.guide-container {width: 100%;max-width: min(980px, 100%);margin-inline: auto;padding-inline: var(--page-gutter);box-sizing: border-box;}.guide-toc ul {grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr)) !important;}.guide-hero h1,.support-hero h1,.reviews-hero h1 {font-size: clamp(1.5rem, 5.5vw, 2.4rem) !important;}.guide-question {padding: clamp(12px, 3vw, 16px) clamp(14px, 4vw, 20px) !important;}.guide-question h3 {font-size: clamp(0.88rem, 2.8vw, 0.95rem) !important;}.reviews-layout {display: grid;grid-template-columns: 1fr;gap: clamp(24px, 5vw, 40px);padding: clamp(24px, 5vw, 40px) 0;width: 100%;min-width: 0;}@media (min-width: 992px) {.reviews-layout {grid-template-columns: 1fr minmax(280px, 340px);}}.reviews-list,.reviews-sidebar {min-width: 0;width: 100%;}.reviews-hero {padding: clamp(32px, 6vw, 56px) 0;}.review-card {width: 100% !important;max-width: 100% !important;overflow: visible !important;}.review-card-text,.review-card-body p {white-space: normal !important;overflow: visible !important;text-overflow: unset !important;overflow-wrap: anywhere;word-break: break-word;}.reviews-carousel-wrapper {overflow: hidden;max-width: 100%;}.reviews-carousel,.products-carousel {-webkit-overflow-scrolling: touch;scroll-snap-type: x proximity;}.review-card-carousel,.product-card-carousel {scroll-snap-align: start;flex: 0 0 min(280px, 85vw);min-width: min(280px, 85vw);}@media (max-width: 639px) {.search-popup-modal {width: calc(100% - 2 * var(--page-gutter)) !important;max-width: 100% !important;margin: var(--page-gutter);max-height: calc(100dvh - 2 * var(--page-gutter));}.search-popup-header input {font-size: 16px; }}@media (max-width: 639px) {.auth-form-wrapper,.dashboard-card,.checkout-section {padding: clamp(16px, 4vw, 24px) !important;}.form-row {grid-template-columns: 1fr !important;gap: 12px !important;}}body.page-index .hero {min-height: auto;padding-top: clamp(8px, 2vw, 20px);padding-bottom: clamp(24px, 4vw, 40px);}body.page-index .page-wrapper {padding-top: clamp(8px, 2vw, 16px);}@media (max-width: 767px) {.page-wrapper {padding-bottom: calc(16px + env(safe-area-inset-bottom, 0));}.ai-fab {bottom: calc(12px + env(safe-area-inset-bottom, 0)) !important;right: calc(12px + env(safe-area-inset-right, 0)) !important;}.scroll-to-top {bottom: calc(72px + env(safe-area-inset-bottom, 0)) !important;right: calc(12px + env(safe-area-inset-right, 0)) !important;}.section {padding-top: clamp(28px, 6vw, 56px);padding-bottom: clamp(28px, 6vw, 56px);}.product-detail-actions,.product-actions {flex-direction: row;flex-wrap: wrap;align-items: stretch;}.product-detail-actions .btn,.product-actions .btn {width: auto;flex: 1 1 0;min-width: 0;justify-content: center;}.navbar-top-inner {padding-inline: var(--page-gutter);gap: 8px;}.navbar-brand img {max-height: 32px;width: auto;}}@media (min-width: 768px) and (max-width: 991px) {.footer-col {padding: 0 8px;}}@media (min-width: 1920px) {.hero-content p,.section-header p {max-width: 56ch;margin-inline: auto;}}@media (max-width: 768px) {.ai-chat {bottom: calc(76px + env(safe-area-inset-bottom, 0)) !important;width: calc(100vw - 20px) !important;right: 10px !important;max-height: calc(100dvh - 90px) !important; }.ai-chat:focus-within {bottom: env(safe-area-inset-bottom, 10px) !important;max-height: calc(100dvh - 20px) !important;z-index: 99999 !important;}}

/* --- performance.css --- */
html.lite-mode,html.lite-mode body {scroll-behavior: auto;}html.lite-mode .bg-glow,html.lite-mode body::before,html.lite-mode body::after {display: none !important;animation: none !important;}html.lite-mode .navbar {backdrop-filter: none !important;-webkit-backdrop-filter: none !important;background: var(--navbar-bg, #0a0f0d) !important;}html.lite-mode .hero::before,html.lite-mode .hero::after,html.lite-mode .hero-glow,html.lite-mode .section-glow-orange::before {display: none !important;}html.lite-mode .product-card,html.lite-mode .bundle-card,html.lite-mode .category-card,html.lite-mode .btn,html.lite-mode .navbar {transition-duration: 0.15s !important;}html.lite-mode .scroll-progress,html.lite-mode .scroll-progress-bar,html.lite-mode .marquee-track,html.lite-mode .marquee-item,html.lite-mode .fa-spin,html.lite-mode .fa-spinner,html.lite-mode [class*="spin"],html.lite-mode #loading-screen::after,html.lite-mode .loading-ghost-wrap,html.lite-mode .loading-progress-bar,html.lite-mode .skeleton::after,html.lite-mode .skeleton-text::after,html.lite-mode .typing-indicator span,html.lite-mode .popup-overlay.popup-open .popup-modal,html.lite-mode .hero-image img {animation-duration: revert !important;animation-iteration-count: revert !important;}html.lite-mode .product-card,html.lite-mode .bundle-card,html.lite-mode .category-card {transform: none !important;will-change: auto !important;transform-style: flat !important;}html.lite-mode .product-card:hover,html.lite-mode .bundle-card:hover,html.lite-mode .category-card:hover {transform: none !important;box-shadow: var(--panel-shadow-3d, 8px 8px 0 rgba(0, 0, 0, 0.38)) !important;}html.lite-mode .reveal-ready {opacity: 1 !important;transform: none !important;}html.lite-mode #loading-screen .loading-ghost-wrap,html.lite-mode #ghost {display: none !important;}html.lite-mode #loading-screen::after {content: '';width: 36px;height: 36px;border: 3px solid rgba(0, 0, 0, 0.12);border-top-color: #22c55e;border-radius: 50%;animation: liteSpin 0.8s linear infinite;}@keyframes liteSpin {to { transform: rotate(360deg); }}html.lite-mode #loading-screen {transition: opacity 0.2s ease !important;}html.lite-mode body,html.lite-mode button,html.lite-mode input,html.lite-mode select,html.lite-mode textarea {font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;}html.lite-mode h1,html.lite-mode h2,html.lite-mode h3,html.lite-mode .brand-sint,html.lite-mode .brand-dma {font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;}html.lite-mode .btn,html.lite-mode .product-card,html.lite-mode .bundle-card,html.lite-mode .cart-summary,html.lite-mode .checkout-section,html.lite-mode .dashboard-card {box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;}html.lite-mode .btn-ripple {display: none !important;}html.lite-mode .ai-chat {animation-duration: revert !important;}html.lite-mode.lenis,html.lite-mode.lenis-smooth {scroll-behavior: auto !important;}html.lite-mode .scroll-progress {display: block;}.ai-fab-btn.fab-pulse-in {animation: fabPulseIn 0.55s cubic-bezier(0.34, 1.56, 0.64, 1);}@keyframes fabPulseIn {0% { transform: scale(0.85); }60% { transform: scale(1.08); }100% { transform: scale(1); }}html.lite-mode .ai-fab-btn.fab-pulse-in {animation: fabPulseIn 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) !important;}html.lite-mode .ai-chat.closing {animation: chatClose 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) forwards !important;animation-duration: 0.2s !important;animation-iteration-count: 1 !important;}html.lite-mode .ai-chat .typing-indicator span:nth-child(1) {animation: aiTypingWave 1.2s -0.24s ease-in-out infinite both !important;}html.lite-mode .ai-chat .typing-indicator span:nth-child(2) {animation: aiTypingWave 1.2s -0.12s ease-in-out infinite both !important;}html.lite-mode .ai-chat .typing-indicator span:nth-child(3) {animation: aiTypingWave 1.2s 0s ease-in-out infinite both !important;}html.lite-mode.admin-body .dashboard-card:hover,html.lite-mode.admin-body .stat-card:hover {box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;}html.lite-mode canvas {image-rendering: auto;}html.lite-mode .section:not(:first-of-type),.footer-email-link span {text-align: left;}@media (max-width: 767px) {.footer-email-link span {text-align: center;}}html.lite-mode .footer::before,html.lite-mode .footer::after {display: none !important;}@media (max-width: 768px) {html.lite-mode .bg-glow,html.lite-mode body::before,html.lite-mode body::after {display: none !important;}}

/* --- style.css --- */
:root {--black: #000000;--white: #ffffff;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #e5e5e5;--gray-300: #d4d4d4;--gray-400: #a3a3a3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--gray-950: #0a0a0a;--accent: #ffffff;--accent-hover: #e5e5e5;--primary: #171717;--danger: #ef4444;--success: #22c55e;--warning: #f59e0b;--font-primary: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;--font-display: 'Space Grotesk', 'Inter', sans-serif;--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--radius-xl: 0;--transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);--green: #22c55e;--green-light: #4ade80;--green-dark: #16a34a;--green-glow: rgba(34, 197, 94, 0.12);--orange: #f97316;--orange-light: #fb923c;--orange-dark: #ea580c;--orange-glow: rgba(249, 115, 22, 0.12);--gradient-accent: linear-gradient(135deg, #22c55e 0%, #f97316 100%);--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-card: #ffffff;--text-primary: #171717;--text-secondary: #525252;--text-muted: #737373;--border-color: #e5e5e5;--border-hover: #171717;--navbar-bg: rgba(255, 255, 255, 0.85);--navbar-text: #171717;--hero-bg: #0a0a0a;--hero-text: #ffffff;--hero-subtext: #a3a3a3;--hero-badge-bg: rgba(255, 255, 255, 0.08);--hero-badge-text: #a3a3a3;--hero-badge-border: rgba(255, 255, 255, 0.12);--footer-bg: #050505;--input-bg: #ffffff;--card-bg: #ffffff;--card-border: #e5e5e5;--section-dark-bg: #0a0a0a;--section-dark-text: #ffffff;}[data-theme="dark"] {--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-card: #171717;--text-primary: #ffffff;--text-secondary: #d4d4d4;--text-muted: #a3a3a3;--border-color: #222222;--border-hover: #ffffff;--navbar-bg: rgba(0, 0, 0, 0.85);--navbar-text: #ffffff;--primary: #ffffff;--hero-bg: #0a0a0a;--hero-text: #ffffff;--hero-subtext: #a3a3a3;--hero-badge-bg: rgba(255, 255, 255, 0.08);--hero-badge-text: #a3a3a3;--hero-badge-border: rgba(255, 255, 255, 0.12);--footer-bg: #050505;--input-bg: #000000;--card-bg: #171717;--card-border: #222222;--section-dark-bg: #050505;--section-dark-text: #ffffff;--gray-50: #111111;--gray-100: #1a1a1a;--gray-200: #262626;--gray-300: #404040;--gray-400: #a3a3a3;--gray-500: #a3a3a3;--gray-600: #d4d4d4;--gray-700: #e5e5e5;}*,*::before,*::after {margin: 0;padding: 0;box-sizing: border-box;}html {scroll-behavior: smooth;font-size: 16px;overflow-x: clip;}body {font-family: var(--font-primary);background: var(--bg-primary);color: var(--text-primary);line-height: 1.7;font-size: 18px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transition: background 0.3s ease, color 0.3s ease;overflow-x: hidden;width: 100%;min-height: 100vh;display: flex;flex-direction: column;position: relative;}body::before {content: '';position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:radial-gradient(1px 1px at 10% 20%, rgba(255,255,255,0.4), transparent),radial-gradient(1px 1px at 20% 50%, rgba(34,197,94,0.5), transparent),radial-gradient(1px 1px at 30% 10%, rgba(255,255,255,0.3), transparent),radial-gradient(1.5px 1.5px at 40% 70%, rgba(249,115,22,0.4), transparent),radial-gradient(1px 1px at 50% 30%, rgba(255,255,255,0.5), transparent),radial-gradient(1px 1px at 60% 80%, rgba(34,197,94,0.3), transparent),radial-gradient(1.5px 1.5px at 70% 15%, rgba(255,255,255,0.4), transparent),radial-gradient(1px 1px at 80% 60%, rgba(249,115,22,0.3), transparent),radial-gradient(1px 1px at 90% 40%, rgba(255,255,255,0.35), transparent),radial-gradient(1px 1px at 15% 85%, rgba(34,197,94,0.4), transparent),radial-gradient(1.5px 1.5px at 25% 35%, rgba(255,255,255,0.45), transparent),radial-gradient(1px 1px at 35% 65%, rgba(249,115,22,0.35), transparent),radial-gradient(1px 1px at 45% 5%, rgba(255,255,255,0.3), transparent),radial-gradient(1px 1px at 55% 90%, rgba(34,197,94,0.3), transparent),radial-gradient(1.5px 1.5px at 65% 45%, rgba(255,255,255,0.4), transparent),radial-gradient(1px 1px at 75% 75%, rgba(249,115,22,0.25), transparent),radial-gradient(1px 1px at 85% 25%, rgba(255,255,255,0.35), transparent),radial-gradient(1px 1px at 95% 55%, rgba(34,197,94,0.3), transparent),radial-gradient(1px 1px at 5% 95%, rgba(255,255,255,0.3), transparent),radial-gradient(1.5px 1.5px at 12% 42%, rgba(249,115,22,0.3), transparent),radial-gradient(1px 1px at 22% 72%, rgba(255,255,255,0.4), transparent),radial-gradient(1px 1px at 32% 22%, rgba(34,197,94,0.35), transparent),radial-gradient(1px 1px at 42% 52%, rgba(255,255,255,0.3), transparent),radial-gradient(1.5px 1.5px at 52% 82%, rgba(249,115,22,0.35), transparent),radial-gradient(1px 1px at 62% 12%, rgba(255,255,255,0.45), transparent),radial-gradient(1px 1px at 72% 42%, rgba(34,197,94,0.3), transparent),radial-gradient(1px 1px at 82% 8%, rgba(255,255,255,0.35), transparent),radial-gradient(1.5px 1.5px at 92% 32%, rgba(249,115,22,0.3), transparent),radial-gradient(1px 1px at 8% 62%, rgba(255,255,255,0.3), transparent),radial-gradient(1px 1px at 18% 2%, rgba(34,197,94,0.4), transparent),radial-gradient(1px 1px at 28% 48%, rgba(255,255,255,0.35), transparent),radial-gradient(1.5px 1.5px at 38% 78%, rgba(249,115,22,0.25), transparent),radial-gradient(1px 1px at 48% 18%, rgba(255,255,255,0.4), transparent),radial-gradient(1px 1px at 58% 58%, rgba(34,197,94,0.3), transparent),radial-gradient(1px 1px at 68% 88%, rgba(255,255,255,0.3), transparent),radial-gradient(1.5px 1.5px at 78% 38%, rgba(249,115,22,0.35), transparent),radial-gradient(1px 1px at 88% 68%, rgba(255,255,255,0.35), transparent),radial-gradient(1px 1px at 98% 8%, rgba(34,197,94,0.3), transparent),radial-gradient(1px 1px at 3% 28%, rgba(255,255,255,0.3), transparent);pointer-events: none;z-index: 0;opacity: 0.6;animation: starTwinkle 8s ease-in-out infinite alternate;}@keyframes starTwinkle {0% { opacity: 0.5; }50% { opacity: 0.7; }100% { opacity: 0.5; }}body::after {content: '';position: fixed;bottom: -200px;right: -100px;width: 400px;height: 400px;background:radial-gradient(circle, rgba(249,115,22,0.10) 0%, transparent 65%),radial-gradient(circle at 30% 30%, rgba(34,197,94,0.06) 0%, transparent 60%);border-radius: 50%;pointer-events: none;z-index: 0;opacity: 0.65;animation: glowFloat2 10s ease-in-out infinite alternate;will-change: transform;}@keyframes glowFloat1 {0% { transform: translate(0, 0) scale(1); }50% { transform: translate(40px, 30px) scale(1.1); }100% { transform: translate(-20px, 60px) scale(0.95); }}@keyframes glowFloat2 {0% { transform: translate(0, 0) scale(1); }50% { transform: translate(-50px, -40px) scale(1.15); }100% { transform: translate(30px, -20px) scale(0.9); }}.page-wrapper {flex: 1 0 auto;position: relative;z-index: 1;}.footer {flex-shrink: 0;}h1,h2,h3,h4,h5,h6,p,span,label,td,th,strong,a,li,div {color: inherit;}a {color: inherit;text-decoration: none;transition: var(--transition);}img {max-width: 100%;height: auto;display: block;}ul,ol {list-style: none;}button,input,select,textarea {font-family: inherit;font-size: inherit;}h1,h2,h3,h4,h5,h6 {font-family: var(--font-display);font-weight: 700;line-height: 1.2;letter-spacing: -0.02em;}h1 {font-size: clamp(2rem, 5vw, 3.5rem);}h2 {font-size: clamp(1.5rem, 3vw, 2.5rem);}h3 {font-size: clamp(1.25rem, 2vw, 1.75rem);}.container {max-width: 1400px;margin: 0 auto;padding: 0 32px;}.container-sm {max-width: 1000px;margin: 0 auto;padding: 0 28px;}.container-xs {max-width: 520px;margin: 0 auto;padding: 0 28px;}:root {--site-header-h: 96px;}.navbar {position: fixed;top: 0;left: 0;right: 0;z-index: 1200;background: linear-gradient(180deg, rgba(16, 42, 32, 0.98) 0%, rgba(10, 28, 20, 0.96) 100%);color: var(--navbar-text);backdrop-filter: blur(18px);-webkit-backdrop-filter: blur(18px);border-bottom: 1px solid rgba(16, 185, 129, 0.16);box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);padding: 0;margin: 0;width: 100%;}.navbar-spacer {display: block;width: 100%;height: var(--site-header-h);flex-shrink: 0;pointer-events: none;}.navbar-top {background: transparent;border-bottom: 1px solid rgba(16, 185, 129, 0.18);box-shadow: none;}.navbar-top-inner {max-width: 1360px;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;height: 44px;padding: 0 28px;}.navbar-top-left {display: flex;align-items: center;gap: 12px;}.navbar-top-left .navbar-brand {font-family: var(--font-display);font-weight: 800;font-size: 1.35rem;color: var(--navbar-text);letter-spacing: -0.03em;display: flex;align-items: center;gap: 8px;text-decoration: none;line-height: 1.3;padding-top: 0;}.navbar-top-left .navbar-brand img {height: 32px;width: auto;border-radius: 5px;}.navbar-top-left .brand-icon {width: 32px;height: 32px;background: var(--green);color: var(--white);display: flex;align-items: center;justify-content: center;border-radius: 5px;font-size: 0.7rem;}.brand-sint {color: var(--green) !important;font-weight: 800;text-transform: uppercase;letter-spacing: -0.05em;font-family: var(--font-display);text-shadow: 0 0 20px var(--green-glow), 0 0 40px var(--green-glow);margin-right: -2px;font-size: 1.5rem;}.brand-dma {color: var(--orange) !important;font-weight: 800;text-transform: uppercase;letter-spacing: -0.05em;font-family: var(--font-display);margin-left: -2px;text-shadow: 0 0 20px var(--orange-glow), 0 0 40px var(--orange-glow);font-size: 1.5rem;}.navbar-top-right {display: flex;align-items: center;gap: 6px;}.discord-btn {display: inline-flex;align-items: center;gap: 6px;background: #5865F2;color: #fff;padding: 5px 14px;border-radius: 6px;font-size: 0.8rem;font-weight: 600;text-decoration: none;transition: all 0.2s;}.discord-btn:hover {background: #4752C4;transform: none;}.navbar-main {background: transparent;border-bottom: none;box-shadow: none;padding: 2px 0;}.navbar-main-inner {max-width: 1360px;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;height: 50px;padding: 0 28px;gap: 24px;}.navbar-main-nav {display: flex;align-items: center;gap: 2px;}.navbar-main-nav .nav-link {color: var(--navbar-text);opacity: 0.75;padding: 8px 14px;border-radius: var(--radius-sm);font-weight: 500;font-size: 0.88rem;display: flex;align-items: center;gap: 7px;transition: var(--transition);text-decoration: none;white-space: nowrap;}.navbar-main-nav .nav-link:hover,.navbar-main-nav .nav-link.active {color: var(--navbar-text);opacity: 1;background: rgba(128, 128, 128, 0.15);}.navbar-main-nav .nav-link i {font-size: 0.9rem;}.navbar-main-right {display: flex;align-items: center;gap: 8px;}.navbar-search {display: flex;align-items: center;gap: 8px;background: rgba(255,255,255,0.06);border: 1px solid #ffffff;border-radius: 8px;padding: 7px 14px;color: var(--text-muted);font-size: 0.85rem;cursor: pointer;transition: all 0.2s;min-width: 200px;}.navbar-search:hover {background: rgba(255,255,255,0.1);border-color: rgba(255,255,255,0.15);}.navbar-search i {font-size: 0.85rem;opacity: 0.6;}.cart-icon-btn {position: relative;}.navbar-user {display: flex;align-items: center;gap: 8px;padding: 4px 10px 4px 4px;border-radius: var(--radius-md);color: var(--navbar-text);cursor: pointer;transition: var(--transition);text-decoration: none;}.navbar-user:hover {background: rgba(128, 128, 128, 0.15);}.navbar-user .user-avatar {width: 30px;height: 30px;border-radius: 50%;background: var(--bg-secondary);color: var(--text-primary);display: flex;align-items: center;justify-content: center;font-size: 0.75rem;font-weight: 600;border: 2px solid var(--green);}.navbar-user .user-name {font-size: 0.82rem;font-weight: 500;}.nav-icon-btn {position: relative;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 100px;color: var(--navbar-text);opacity: 0.85;background: transparent;border: none;cursor: pointer;transition: var(--transition);font-size: 1.1rem;overflow: visible;}.nav-icon-btn:hover {opacity: 1;background: rgba(128, 128, 128, 0.15);}.cart-icon-btn {overflow: visible !important;padding-right: 6px;}.cart-icon-btn i {font-size: 1.15rem;position: relative;z-index: 1;}.cart-badge {position: absolute;top: -3px;right: -4px;min-width: 16px;height: 16px;background: #ef4444;color: #ffffff;border-radius: 50%;font-size: 0.6rem;font-weight: 700;display: flex;align-items: center;justify-content: center;border: 1.5px solid var(--bg-primary);padding: 0 3px;box-shadow: 0 1px 4px rgba(239, 68, 68, 0.5);letter-spacing: -0.02em;line-height: 1;opacity: 0;visibility: hidden;transform: scale(0.6);transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;z-index: 99;}.cart-icon-btn:hover .cart-badge {opacity: 1;visibility: visible;transform: scale(1);}.cart-icon-btn:hover .cart-badge:empty,.cart-icon-btn:hover .cart-badge[data-count="0"] {min-width: 10px;width: 10px;height: 10px;padding: 0;font-size: 0;color: transparent;}.cart-badge[data-has-items="1"] {opacity: 1;visibility: visible;transform: scale(1);}.cart-count-badge {background: #ef4444 !important;color: #ffffff !important;border: 2px solid var(--bg-primary) !important;width: 20px;height: 20px;min-width: 20px;max-width: 20px;font-size: 0.65rem;font-weight: 800;border-radius: 50%;display: flex;align-items: center;justify-content: center;padding: 0;overflow: hidden;box-shadow: 0 1px 6px rgba(239, 68, 68, 0.6);line-height: 1;}.mobile-toggle {display: none;width: 42px;height: 42px;align-items: center;justify-content: center;background: none;border: none;border-radius: 100px;color: var(--navbar-text);font-size: 1.3rem;cursor: pointer;}.mobile-toggle span {display: block;width: 22px;height: 2px;background: currentColor;border-radius: 2px;transition: all 0.3s;}.mobile-toggle span + span {margin-top: 5px;}.btn {display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 16px 36px;border-radius: 0;font-weight: 700;font-size: 1.05rem;border: none;background: var(--green);color: var(--white);cursor: pointer;transition: background 0.2s, color 0.2s, border-color 0.2s;white-space: nowrap;text-decoration: none;line-height: 1;clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%) !important;}.btn i {font-size: 1.1rem;}.hero-actions .btn,.btn-lg,.btn.btn-lg {padding: 20px 64px;font-size: 1.2rem;font-weight: 700;min-width: 260px;}.btn:hover {background: var(--black);color: var(--white);}.btn-primary {background: var(--green);color: var(--white);border: none;}.btn-primary:hover {background: var(--black);color: var(--white);border-color: var(--black);}.hero .btn-primary {background: var(--green);color: var(--white);border: none;}.hero .btn-primary:hover {background: var(--black);color: var(--white);}.hero .btn-outline {background: var(--orange);color: var(--white);border: none;}.hero .btn-outline:hover {background: var(--black);color: var(--white);}[data-theme="dark"] .hero .btn-outline {color: var(--white);}[data-theme="dark"] .hero .btn-outline:hover {background: var(--black);color: var(--white);}[data-theme="dark"] .hero .btn-primary {background: var(--green);color: var(--white);border: none;}[data-theme="dark"] .hero .btn-primary:hover {background: var(--black);color: var(--white);}.btn-secondary {background: var(--green);color: var(--white);border: none;}.btn-secondary:hover {background: var(--black);color: var(--white);}[data-theme="dark"] .btn-secondary {background: transparent;color: var(--white);border-color: var(--gray-300);}[data-theme="dark"] .btn-secondary:hover {border-color: var(--white);background: rgba(255, 255, 255, 0.08);color: var(--white);box-shadow: 0 4px 12px var(--orange-glow);}.btn-view {background: var(--green);color: var(--white);border: none;padding: 8px 16px;border-radius: 0;font-size: 0.8rem;font-weight: 600;display: inline-flex;align-items: center;gap: 6px;transition: background 0.2s, color 0.2s, border-color 0.2s;cursor: pointer;text-decoration: none;clip-path: polygon(15px 0, 100% 0, calc(100% - 15px) 100%, 0 100%);}.btn-view:hover {background: var(--black);color: var(--white);text-decoration: none;}[data-theme="dark"] .btn-view {background: var(--green);color: var(--white);}[data-theme="dark"] .btn-view:hover {background: var(--black);color: var(--white);border-color: var(--black);}.btn-outline {background: var(--orange);color: var(--white);border: none;}.btn-outline:hover {background: var(--black);color: var(--white);}[data-theme="dark"] .btn-outline {color: var(--white);}[data-theme="dark"] .btn-outline:hover {background: var(--black);color: var(--white);}.btn-danger {background: var(--orange);color: var(--white);border: none;}.btn-danger:hover {background: var(--black);color: var(--white);}.btn-success {background: var(--green);color: var(--white);border: none;}.btn-success:hover {background: var(--black);color: var(--white);}.btn-sm {padding: 8px 16px;font-size: 0.8rem;}.btn-lg {padding: 16px 32px;font-size: 1rem;}.btn-icon {width: 42px;height: 42px;padding: 0;}.btn-block {width: 100%;}.btn-login {background: var(--green);color: var(--white);border: none;padding: 10px 24px;border-radius: 0;font-weight: 600;font-size: 0.88rem;display: inline-flex;align-items: center;gap: 6px;transition: background 0.2s, color 0.2s, border-color 0.2s;cursor: pointer;text-decoration: none;line-height: 1;clip-path: polygon(15px 0, 100% 0, calc(100% - 15px) 100%, 0 100%);}.btn-login:hover {background: var(--black);color: var(--white);}.btn-register {background: var(--orange);color: var(--white);border: none;padding: 10px 24px;border-radius: 0;font-weight: 600;font-size: 0.88rem;display: inline-flex;align-items: center;gap: 6px;transition: background 0.2s, color 0.2s, border-color 0.2s;cursor: pointer;text-decoration: none;line-height: 1;clip-path: polygon(15px 0, 100% 0, calc(100% - 15px) 100%, 0 100%);}.btn-register:hover {background: var(--black);color: var(--white);}.btn:disabled,.btn.disabled {opacity: 0.5;cursor: not-allowed;transform: none !important;}.btn.is-loading {position: relative;pointer-events: none;color: transparent !important;opacity: 0.9;}.btn.is-loading i {visibility: hidden;}.btn.is-loading::after {content: "";position: absolute;top: 50%;left: 50%;width: 1.1em;height: 1.1em;margin: -0.55em 0 0 -0.55em;border: 2px solid rgba(255, 255, 255, 0.45);border-top-color: #fff;border-radius: 50%;animation: btnSpin 0.6s linear infinite;}@keyframes btnSpin {to { transform: rotate(360deg); }}.hero {background: var(--hero-bg);color: var(--hero-text);padding: 80px 0;position: relative;overflow: hidden;transition: background 0.3s ease, color 0.3s ease;border-bottom: 1px solid var(--border-color);min-height: 80vh;display: flex;align-items: center;}.hero::before {content: '';position: absolute;top: -50%;left: -20%;width: 500px;height: 500px;background: radial-gradient(circle, rgba(34,197,94,0.07) 0%, transparent 70%);border-radius: 50%;animation: heroGlow1 6s ease-in-out infinite alternate;}.hero::after {content: '';position: absolute;bottom: -30%;right: -10%;width: 350px;height: 350px;background: radial-gradient(circle, rgba(249,115,22,0.07) 0%, transparent 70%);border-radius: 50%;animation: heroGlow2 8s ease-in-out infinite alternate;}@keyframes heroGlow1 {0% { transform: translate(0, 0); opacity: 0.3; }100% { transform: translate(50px, 30px); opacity: 0.5; }}@keyframes heroGlow2 {0% { transform: translate(0, 0); opacity: 0.3; }100% { transform: translate(-30px, -20px); opacity: 0.5; }}.hero-inner {display: grid;grid-template-columns: 1.1fr 1fr;align-items: center;gap: 60px;position: relative;z-index: 1;}.hero-content {max-width: 100%;text-align: left;display: flex;flex-direction: column;align-items: flex-start;}.hero-image {display: flex;align-items: center;justify-content: center;width: 100%;}.hero-image img {max-width: 100%;width: 100%;height: auto;border-radius: var(--radius-xl);display: block;margin: 0 auto;object-fit: contain;}.hero-badge {display: inline-flex;align-items: center;gap: 8px;background: var(--hero-badge-bg);border: 1px solid var(--hero-badge-border);color: var(--hero-badge-text);padding: 6px 16px;border-radius: 100px;font-size: 0.8rem;font-weight: 500;margin-bottom: 24px;backdrop-filter: blur(10px);}.hero-badge i {color: var(--hero-text);}.hero h1 {margin-bottom: 20px;letter-spacing: -0.03em;color: var(--hero-text);line-height: 1.1;font-size: clamp(2.2rem, 5vw, 3.5rem);font-weight: 800;}.hero h1 span {color: var(--green);display: inline;}.hero p {font-size: 1.15rem;color: var(--hero-subtext);margin-bottom: 36px;max-width: 540px;line-height: 1.7;}.hero-actions {display: flex;gap: 12px;flex-wrap: wrap;}.hero-stats {display: flex;gap: 20px;margin-top: 60px;padding-top: 40px;border-top: 1px solid rgba(100, 120, 108, 0.3);}.hero-stat .stat-value {font-family: var(--font-display);font-size: 2rem;font-weight: 800;letter-spacing: -0.03em;color: var(--hero-text);}.hero-stat .stat-label {font-size: 0.8rem;color: var(--hero-subtext);text-transform: uppercase;letter-spacing: 0.05em;margin-top: 4px;}.section {padding: 96px 0;background: var(--bg-primary);color: var(--text-primary);}.section-dark {background: var(--section-dark-bg);color: var(--section-dark-text);}.section-gray {background: var(--bg-primary);}.about-grid {display: grid;grid-template-columns: 1.4fr 1fr;gap: 48px;align-items: center;}.about-content p {margin: 0;}.about-features {display: flex;flex-direction: column;gap: 20px;margin-top: 28px;}.about-feature {display: flex;align-items: flex-start;gap: 14px;}.about-feature-icon {width: 44px;height: 44px;border-radius: 10px;background: var(--green);color: var(--white);display: flex;align-items: center;justify-content: center;font-size: 1rem;flex-shrink: 0;}[data-theme="dark"] .about-feature-icon {background: var(--green);color: var(--white);}.about-feature h4 {margin: 0 0 2px;font-size: 0.95rem;color: var(--text-primary);}.about-feature p {margin: 0;font-size: 0.85rem;color: var(--text-muted);line-height: 1.5;}.about-visual {display: flex;flex-direction: column;gap: 16px;}.about-card {background: var(--bg-secondary);border: 1px solid var(--border-color);border-radius: 14px;padding: 24px;transition: all 0.3s;}.about-card:hover {transform: translateY(-3px);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);}[data-theme="dark"] .about-card:hover {box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);}.about-card-icon {width: 48px;height: 48px;border-radius: 12px;background: var(--orange);color: var(--white);display: flex;align-items: center;justify-content: center;font-size: 1.2rem;margin-bottom: 14px;}[data-theme="dark"] .about-card-icon {background: var(--orange);color: var(--white);}.about-card h3 {margin: 0 0 6px;font-size: 1.05rem;background: linear-gradient(135deg, var(--green) 0%, var(--orange) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.about-card p {margin: 0;font-size: 0.9rem;color: var(--text-muted);line-height: 1.5;}@media (max-width: 768px) {.about-grid {grid-template-columns: 1fr;gap: 32px;}.about-visual {flex-direction: row;}.about-card {flex: 1;}}@media (max-width: 480px) {.about-visual {flex-direction: column;}}.section-header {text-align: center;margin-bottom: 48px;color: var(--text-primary);}.section-header h2 {margin-bottom: 12px;background: linear-gradient(135deg, var(--green) 0%, var(--orange) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.section-header p {color: var(--text-muted);font-size: 1.05rem;max-width: 500px;margin: 0 auto;}.section-header .section-line {width: 48px;height: 3px;background: var(--green);margin: 16px auto 0;border-radius: 100px;}.categories-grid {display: flex;gap: 16px;overflow-x: auto;-webkit-overflow-scrolling: touch;padding-bottom: 8px;scrollbar-width: none;}.categories-grid::-webkit-scrollbar {display: none;}.category-card {background: var(--card-bg);border: 1px solid var(--card-border);border-radius: var(--radius-lg);padding: 28px 20px;text-align: center;cursor: pointer;color: var(--text-primary);flex: 1;min-width: 160px;flex-shrink: 0;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.category-card:hover {transform: translateY(-4px) scale(1.02);border-color: var(--green);box-shadow: 0 8px 24px var(--green-glow);}.category-card:hover .cat-icon {background: var(--green);color: var(--white);transform: scale(1.1);}.category-card .cat-icon {width: 50px;height: 50px;border-radius: var(--radius-md);background: var(--bg-secondary);display: flex;align-items: center;justify-content: center;margin: 0 auto 12px;font-size: 1.2rem;color: var(--text-secondary);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.category-card h4 {font-size: 0.9rem;font-weight: 600;margin-bottom: 4px;background: linear-gradient(135deg, var(--green) 0%, var(--orange) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.category-card p {font-size: 0.8rem;color: var(--text-muted);}.marquee-strip {overflow: hidden;background: transparent;border-top: 1px solid rgba(100, 120, 108, 0.3);border-bottom: 1px solid rgba(100, 120, 108, 0.3);padding: 14px 0;transform: none;margin: 20px 0;width: 100%;mask: none !important;-webkit-mask: none !important;}.marquee-strip::before,.marquee-strip::after {display: none !important;}.marquee-track {display: flex;width: max-content;animation: marqueeScroll 30s linear infinite;}.marquee-item {display: inline-flex;align-items: center;gap: 10px;padding: 0 32px;font-size: 0.9rem;font-weight: 600;color: #ffffff;white-space: nowrap;text-transform: uppercase;letter-spacing: 0.05em;animation: none !important;transition: none !important;opacity: 1 !important;filter: none !important;}.marquee-item i {color: #fecaca;font-size: 0.85rem;animation: none !important;transition: none !important;opacity: 1 !important;filter: none !important;}@keyframes marqueeScroll {0% {transform: translateX(0);}100% {transform: translateX(-50%);}}.products-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 18px;}.products-grid-compact {grid-template-columns: repeat(4, 1fr);gap: 14px;}.products-grid-compact .product-card {font-size: 0.88rem;}.products-grid-compact .product-image {aspect-ratio: 1;}.products-grid-compact .product-image img {width: 100%;height: 100%;object-fit: cover;}.products-grid-compact .product-info {padding: 10px 12px;}.products-grid-compact .product-info h3 {font-size: 0.85rem;margin-bottom: 4px;}.products-grid-compact .product-desc {display: none;}.products-grid-compact .product-price .current {font-size: 0.95rem;}.products-grid-compact .product-card-actions {padding: 0 12px 10px;gap: 4px;}.products-grid-compact .btn-add-cart,.products-grid-compact .btn-buy-now {padding: 6px 8px;font-size: 0.75rem;}.product-card {background: var(--card-bg);border: 1px solid var(--card-border);border-radius: 24px;overflow: hidden;transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;position: relative;color: var(--text-primary);display: flex;flex-direction: column;will-change: transform;transform: translateZ(0);}.product-card:hover {border-color: var(--green);transform: translateY(-4px);box-shadow: 0 8px 24px var(--green-glow);}[data-theme="dark"] .product-card:hover {box-shadow: 0 8px 24px var(--orange-glow);border-color: var(--orange);}.product-card-link {text-decoration: none;color: inherit;display: block;flex: 1;}.product-card-link:hover {text-decoration: none;}.product-card .product-image {position: relative;padding-top: 70%;background: var(--bg-secondary);overflow: hidden;cursor: pointer;}.product-card .product-image img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;padding: 8px;}.product-badge {position: absolute;top: 8px;left: 8px;background: var(--orange);color: var(--white);padding: 3px 8px;border-radius: 100px;font-size: 0.65rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.03em;}.product-wishlist {position: absolute;top: 12px;right: 12px;width: 36px;height: 36px;background: var(--card-bg);border: none;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: var(--transition);box-shadow: var(--shadow-md);color: var(--text-muted);font-size: 0.9rem;z-index: 2;}.product-wishlist:hover {color: var(--danger);transform: scale(1.1);}.product-wishlist.active {color: var(--danger);}.product-info {padding: 14px;flex: 1;display: flex;flex-direction: column;}.product-info .product-category {font-size: 0.75rem;color: var(--text-muted);text-transform: uppercase;letter-spacing: 0.05em;margin-bottom: 8px;}.product-info h3 {font-size: 1.2rem;font-weight: 700;margin-bottom: 8px;line-height: 1.3;color: var(--text-primary);cursor: pointer;letter-spacing: -0.01em;}.product-info h3:hover {color: var(--green);}.product-info .product-desc {font-size: 0.85rem;color: var(--text-muted);margin-bottom: 10px;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;box-orient: vertical;overflow: hidden;flex: 1;line-height: 1.5;}.product-meta {display: flex;align-items: center;justify-content: space-between;}.product-price {display: flex;align-items: baseline;gap: 8px;flex-wrap: wrap;}.product-price .current {font-family: var(--font-display);font-size: 1.25rem;font-weight: 700;line-height: 1;}.product-price .current.on-sale {color: var(--orange-light);}.product-price .original {font-size: 0.85rem;color: var(--text-muted);text-decoration: line-through;opacity: 0.7;line-height: 1;}.product-rating {display: flex;align-items: center;gap: 4px;font-size: 0.8rem;color: var(--gray-600);}.product-rating i {color: var(--warning);font-size: 0.75rem;}.product-card-actions {display: flex;gap: 6px;padding: 0 12px 16px;flex-wrap: nowrap;min-width: 0;}.product-card-actions .btn-add-cart {flex: 1;min-width: 0;padding: 11px 8px;min-height: 42px;background: var(--green);color: var(--white);border: none;border-radius: 0;font-size: 0.82rem;font-weight: 700;cursor: pointer;transition: background 0.2s, color 0.2s, border-color 0.2s;display: flex;align-items: center;justify-content: center;gap: 5px;clip-path: polygon(5px 0, 100% 0, calc(100% - 5px) 100%, 0 100%) !important;white-space: nowrap;overflow: visible;}.product-card-actions .btn-add-cart i {font-size: 0.9rem;}.product-card-actions .btn-add-cart:hover {background: var(--black);color: var(--white);}.product-card-actions .btn-buy-now {flex: 1;min-width: 0;padding: 11px 8px;min-height: 42px;background: var(--orange);color: var(--white);border: none;border-radius: 0;font-size: 0.82rem;font-weight: 700;cursor: pointer;transition: background 0.2s, color 0.2s, border-color 0.2s;display: flex;align-items: center;justify-content: center;gap: 5px;text-decoration: none;clip-path: polygon(5px 0, 100% 0, calc(100% - 5px) 100%, 0 100%) !important;white-space: nowrap;overflow: visible;}.product-card-actions .btn-buy-now i {font-size: 0.9rem;}.product-card-actions .btn-buy-now:hover {background: var(--black);color: var(--white);border-color: var(--black);}.zoom-container {position: relative;overflow: hidden;cursor: crosshair;}.zoom-container img {transition: none;transform-origin: center center;}.zoom-lens {position: absolute;border: 2px solid rgba(0, 0, 0, 0.15);width: 120px;height: 120px;pointer-events: none;display: none;z-index: 10;background-repeat: no-repeat;box-shadow: 0 0 0 4000px rgba(0, 0, 0, 0.12);border-radius: 50%;}.zoom-result {position: absolute;top: 0;left: calc(100% + 16px);width: 400px;height: 400px;border: 1px solid var(--border-color);border-radius: var(--radius-md);background-repeat: no-repeat;z-index: 100;display: none;box-shadow: var(--shadow-xl);background-color: var(--bg-primary);}.product-gallery-main {border-radius: var(--radius-lg);overflow: hidden;background: var(--bg-secondary);display: flex;align-items: center;justify-content: center;padding: 12px;margin: 0 auto;width: fit-content;max-width: 100%;position: relative;}.product-gallery-main img {max-width: 100%;max-height: 560px;width: auto;height: auto;object-fit: contain;display: block;}.product-thumbnails {display: flex;gap: 8px;margin-top: 12px;}.product-thumb {position: relative;width: 72px;height: 72px;border-radius: var(--radius-sm);overflow: hidden;border: 2px solid var(--border-color);cursor: pointer;transition: var(--transition);flex-shrink: 0;}.product-thumb:hover,.product-thumb.active {border-color: var(--text-primary);}.product-thumb img {width: 100%;height: 100%;object-fit: contain;padding: 2px;}.product-video-player-host {width: 100%;max-width: 100%;}.product-video-player {position: relative;width: 100%;background: #000;border-radius: var(--radius-lg);overflow: hidden;aspect-ratio: 16 / 9;}.product-video-player__video {width: 100%;height: 100%;display: block;object-fit: contain;background: #000;}.product-video-player__center-play {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 64px;height: 64px;border: none;border-radius: 50%;background: rgba(34, 197, 94, 0.9);color: #fff;font-size: 1.25rem;cursor: pointer;display: flex;align-items: center;justify-content: center;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);transition: transform 0.2s ease, background 0.2s ease;z-index: 2;}.product-video-player__center-play:hover {transform: translate(-50%, -50%) scale(1.06);background: #22c55e;}.product-video-player__center-play i {margin-left: 3px;}.product-video-player__controls {position: absolute;left: 0;right: 0;bottom: 0;display: flex;align-items: center;gap: 8px;padding: 10px 12px;background: linear-gradient(transparent, rgba(0, 0, 0, 0.85));z-index: 3;}.product-video-player .pvp-btn {width: 32px;height: 32px;border: none;border-radius: var(--radius-sm);background: rgba(255, 255, 255, 0.12);color: #fff;cursor: pointer;display: flex;align-items: center;justify-content: center;flex-shrink: 0;transition: background 0.2s ease;}.product-video-player .pvp-btn:hover {background: rgba(34, 197, 94, 0.35);}.product-video-player .pvp-time {font-size: 0.75rem;color: rgba(255, 255, 255, 0.9);white-space: nowrap;min-width: 72px;flex-shrink: 0;}.product-video-player .pvp-progress {flex: 1;min-width: 60px;height: 4px;accent-color: #22c55e;cursor: pointer;}.product-video-player .pvp-volume {width: 72px;height: 4px;accent-color: #22c55e;cursor: pointer;flex-shrink: 0;}.product-video-player.is-fullscreen {border-radius: 0;}.product-video-player.is-fullscreen .product-video-player__video {object-fit: contain;}@media (max-width: 640px) {.product-video-player .pvp-volume {display: none;}.product-video-player .pvp-time {font-size: 0.7rem;min-width: 64px;}}.features-grid {display: flex;gap: 20px;overflow-x: auto;-webkit-overflow-scrolling: touch;padding-bottom: 8px;scrollbar-width: none;}.features-grid::-webkit-scrollbar {display: none;}.feature-card {padding: 28px 24px;border-radius: var(--radius-lg);border: 1px solid var(--card-border);background: var(--card-bg);color: var(--text-primary);flex: 1;min-width: 220px;max-width: 280px;flex-shrink: 0;}.feature-card .feature-icon {width: 44px;height: 44px;border-radius: var(--radius-md);background: var(--green);color: var(--white);display: flex;align-items: center;justify-content: center;font-size: 1rem;margin-bottom: 16px;}.feature-card h3 {font-size: 1rem;margin-bottom: 6px;background: linear-gradient(135deg, var(--green) 0%, var(--orange) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.feature-card p {font-size: 0.85rem;color: var(--gray-500);line-height: 1.5;}.form-group {margin-bottom: 20px;}.form-label {display: block;font-size: 0.85rem;font-weight: 600;color: var(--gray-700);margin-bottom: 8px;}.form-control {width: 100%;padding: 12px 16px;border: 1.5px solid var(--gray-200);border-radius: 0;font-size: 0.95rem;color: var(--gray-900);background: var(--white);transition: var(--transition);outline: none;}.form-control:focus {border-color: var(--black);box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.08);}.form-control::placeholder {color: var(--gray-400);}textarea.form-control {resize: vertical;min-height: 100px;}select.form-control {appearance: none;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 12px center;background-size: 16px;padding-right: 40px;}.form-hint {font-size: 0.8rem;color: var(--gray-500);margin-top: 6px;}.avatar-drop-zone:hover {border-color: #171717;background: rgba(0, 0, 0, 0.03);}[data-theme="dark"] .avatar-drop-zone {border-color: #444;}[data-theme="dark"] .avatar-drop-zone:hover {border-color: #fff;background: rgba(255, 255, 255, 0.03);}[data-theme="dark"] .avatar-drop-zone div[style*="background:#171717"] {background: #fff !important;}[data-theme="dark"] .avatar-drop-zone div[style*="background:#171717"] i {color: #0a0a0a !important;}.form-error {font-size: 0.8rem;color: var(--danger);margin-top: 6px;}.validation-hint {font-size: 0.78rem;margin-top: 6px;display: flex;align-items: center;gap: 6px;padding: 6px 10px;border-radius: 6px;background: var(--bg-secondary);border: 1px solid var(--border-color);line-height: 1.4;}.phone-field-group {width: 100%;min-width: 0;}.phone-row {display: grid;grid-template-columns: minmax(150px, 210px) minmax(0, 1fr);gap: 10px;align-items: stretch;width: 100%;}.phone-row select.country-code,.phone-row .phone-country-code {max-width: none;padding: 10px 10px;font-size: 0.84rem;line-height: 1.3;cursor: pointer;min-height: var(--touch-target, 44px);height: auto;}.phone-row .phone-code-select {min-width: 0;}.phone-field-group .phone-row .phone-local-input {width: 100%;min-width: 0;flex: 1 1 auto;min-height: var(--touch-target, 44px);height: auto;}.phone-row > .field-error,.phone-row > .field-hint {display: none !important;}.phone-field-messages {width: 100%;margin-top: 6px;min-height: 0;clear: both;}.phone-field-messages .field-error,.phone-field-messages .field-hint {display: block;width: 100%;margin-top: 0;}.phone-field-messages .field-hint + .field-error {margin-top: 4px;}.form-row .phone-field-group {grid-column: 1 / -1;width: 100%;min-width: 0;}.checkout-section #step1 .form-row {grid-template-columns: 1fr;}@media (max-width: 639px) {.phone-row {grid-template-columns: minmax(120px, 160px) minmax(0, 1fr);gap: 8px;}.phone-row select.country-code,.phone-row .phone-country-code {font-size: 0.8rem;padding: 10px 8px;}}@media (max-width: 359px) {.phone-row {grid-template-columns: 1fr;gap: 8px;}.phone-row select.country-code,.phone-row .phone-country-code {max-width: none;}}.validation-hint i {font-size: 0.85rem;flex-shrink: 0;}.vd-ok {color: #16a34a;background: rgba(22, 163, 74, 0.08);border-color: rgba(22, 163, 74, 0.25);}.vd-ok i {color: #16a34a;}.vd-fail {color: #dc2626;background: rgba(220, 38, 38, 0.08);border-color: rgba(220, 38, 38, 0.25);}.vd-fail i {color: #dc2626;}.password-dialog {background: var(--bg-secondary);border: 1px solid var(--border-color);border-radius: 10px;padding: 14px 16px;margin-top: 10px;}.pd-title {font-size: 0.78rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;color: var(--text-muted);margin-bottom: 8px;}.pd-list {list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 6px;}.pd-list li {font-size: 0.85rem;display: flex;align-items: center;gap: 8px;color: #dc2626;transition: color 0.2s ease;}.pd-list li i {font-size: 0.8rem;width: 14px;text-align: center;flex-shrink: 0;}.pd-list li.pd-ok {color: #16a34a;}.pd-list li.pd-ok i {color: #16a34a;}.pd-list li.pd-fail {color: #dc2626;}.pd-list li.pd-fail i {color: #dc2626;}.form-check {display: flex;align-items: center;gap: 10px;cursor: pointer;}.form-check input[type="checkbox"] {width: 18px;height: 18px;accent-color: var(--black);cursor: pointer;}.form-row {display: grid;grid-template-columns: 1fr 1fr;gap: 16px;}.input-icon {position: relative;}.input-icon i {position: absolute;left: 14px;top: 50%;transform: translateY(-50%);color: var(--gray-400);font-size: 1rem;pointer-events: none;}.input-icon .form-control {padding-left: 42px;}.auth-page {min-height: 100vh;display: grid;grid-template-columns: 1.4fr 0.6fr;}.auth-panel {display: flex;align-items: center;justify-content: center;padding: 40px;background: var(--bg-primary) !important;position: relative;overflow: hidden;transition: background 0.6s ease !important;}.auth-page.auth-register .auth-panel {background: var(--bg-primary) !important;}.auth-page.auth-register .auth-form-header h2 {color: var(--text-primary) !important;text-shadow: none;}.auth-page.auth-register .input-icon i {color: var(--text-muted) !important;}.auth-page.auth-register .auth-footer a {color: var(--text-primary) !important;}.auth-page.auth-register .form-check input {accent-color: var(--text-primary);}.auth-panel::before {content: '';position: absolute;top: -100px;left: -100px;width: 400px;height: 400px;background: radial-gradient(circle, rgba(255, 255, 255, 0.08) 0%, transparent 70%);pointer-events: none;}.auth-panel::after {content: '';position: absolute;bottom: -100px;right: -100px;width: 400px;height: 400px;background: radial-gradient(circle, rgba(0, 0, 0, 0.1) 0%, transparent 70%);pointer-events: none;}.auth-form-wrapper {position: relative;z-index: 1;color: #ffffff;width: 100%;max-width: 720px;background: transparent !important;padding: 36px;border: none !important;}.form-control {background: var(--bg-secondary) !important;border: 1px solid var(--border-color) !important;color: var(--text-primary) !important;border-radius: 0 !important;}.auth-form-header h2 {color: var(--text-primary) !important;text-shadow: none;}.auth-form-header p {color: var(--text-muted) !important;}.auth-form-header .logo {color: var(--text-primary) !important;}.auth-form-header .logo img {border: 2px solid var(--border-color);}.form-label {color: var(--text-primary) !important;font-weight: 600;}.form-control {background: var(--bg-secondary) !important;border: 1px solid var(--border-color) !important;color: var(--text-primary) !important;}.form-control::placeholder {color: var(--text-muted) !important;}.input-icon i {color: var(--text-muted) !important;}.auth-divider span {color: var(--text-muted) !important;background: var(--bg-primary) !important;}.auth-divider::before,.auth-divider::after {background: var(--border-color) !important;}.auth-footer {color: var(--text-muted) !important;}.auth-footer a {color: var(--text-primary) !important;font-weight: 600;text-decoration: underline;}.text-sm {color: var(--text-muted) !important;}.form-check input {accent-color: var(--text-primary);}.auth-visual {background: var(--bg-secondary);color: var(--text-primary);display: flex;align-items: center;justify-content: center;padding: 60px;position: relative;overflow: hidden;}.auth-visual::before {content: '';position: absolute;width: 400px;height: 400px;background: radial-gradient(circle, rgba(255, 255, 255, 0.05) 0%, transparent 70%);border-radius: 50%;top: -100px;right: -100px;}.auth-visual-content {position: relative;z-index: 1;text-align: center;}.auth-visual-content .auth-icon {width: 80px;height: 80px;background: rgba(255, 255, 255, 0.2);border: 1px solid rgba(255, 255, 255, 0.3);border-radius: var(--radius-lg);display: flex;align-items: center;justify-content: center;font-size: 2rem;margin: 0 auto 24px;}.auth-visual-content h2 {font-size: 2rem;margin-bottom: 12px;}.auth-visual-content p {color: var(--gray-400);font-size: 1rem;max-width: 360px;}.auth-form-header {margin-bottom: 20px;}.auth-form-header .logo {display: inline-flex;align-items: center;gap: 10px;font-family: var(--font-display);font-weight: 800;font-size: 1.15rem;margin-bottom: 14px;}.auth-form-header .logo .logo-icon {width: 36px;height: 36px;background: var(--green);color: var(--white);display: flex;align-items: center;justify-content: center;border-radius: var(--radius-sm);font-size: 0.95rem;font-weight: 900;}.auth-form-header h2 {margin: 0 0 4px;font-size: 1.15rem;line-height: 1.25;font-weight: 700;}.auth-form-header p {margin: 0;font-size: 0.8rem;line-height: 1.4;}.auth-page.auth-login .auth-form-header h2,.auth-page.auth-register .auth-form-header h2 {font-size: 1.1rem !important;letter-spacing: 0.02em;}.auth-divider {display: flex;align-items: center;gap: 16px;margin: 24px 0;}.auth-divider::before,.auth-divider::after {content: '';flex: 1;height: 1px;background: var(--gray-200);}.auth-divider span {font-size: 0.8rem;color: var(--gray-400);text-transform: uppercase;letter-spacing: 0.05em;}.auth-footer {text-align: center;margin-top: 24px;font-size: 0.9rem;color: var(--text-muted);}.auth-footer a {color: var(--text-primary);font-weight: 600;}.auth-footer a:hover {text-decoration: underline;}.auth-page .btn-primary {background: var(--green);color: var(--white);border: none;clip-path: polygon(15px 0, 100% 0, calc(100% - 15px) 100%, 0 100%);}.auth-page .btn-primary:hover {background: var(--black);color: var(--white);}.shop-layout {display: grid;grid-template-columns: 320px 1fr;gap: 32px;padding: 40px 0;}.shop-sidebar {position: sticky;top: 96px;align-self: start;background: rgba(20, 28, 23, 0.3) !important;border: 1px solid var(--border-color) !important;border-radius: 20px !important;padding: 16px !important;box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;max-height: none;overflow: visible;}.sidebar-section {margin-bottom: 24px;padding: 24px 20px 20px;background: rgba(20, 28, 23, 0.5) !important;border: none !important;border-radius: 20px !important;box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;}.sidebar-section h4 {font-size: 1.1rem;font-weight: 800;text-transform: uppercase;letter-spacing: 0.05em;margin: 0 0 24px 0;padding-top: 4px;background: linear-gradient(135deg, var(--green) 0%, var(--orange) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-align: center;display: flex;align-items: center;justify-content: center;gap: 10px;position: relative;top: 4px;}.sidebar-section h4 i {font-size: 1.2rem;}.filter-list {text-align: center;}.filter-list li {margin-bottom: 4px;list-style: none;}.filter-list a {display: flex;align-items: center;justify-content: center;gap: 10px;padding: 10px 12px;border-radius: var(--radius-sm);font-size: 0.9rem;color: var(--text-secondary);transition: var(--transition);text-align: center;}.filter-list a:hover,.filter-list a.active {background: var(--bg-secondary);color: var(--text-primary);}.filter-list .count {font-size: 0.75rem;background: var(--bg-secondary);color: var(--text-muted);padding: 2px 8px;border-radius: 100px;font-weight: 500;flex-shrink: 0;min-width: 24px;text-align: center;}.price-range {display: flex;gap: 10px;align-items: center;justify-content: center;}.price-range input {width: 100%;padding: 14px 16px;border: 1.5px solid var(--gray-200);border-radius: 0;font-size: 1rem;font-weight: 600;text-align: center;}.shop-header {display: flex;align-items: center;justify-content: space-between;margin-bottom: 24px;padding-bottom: 0;border-bottom: none;}.shop-header h1 {font-size: 1.5rem;margin-bottom: 4px;}.shop-header .result-count {font-size: 0.9rem;color: var(--gray-500);display: block;margin-top: 2px;}.shop-sort select {padding: 8px 36px 8px 12px;border: 1.5px solid var(--gray-200);border-radius: 0;font-size: 0.85rem;background: var(--white);cursor: pointer;}.product-detail {padding: 40px 0;}.product-detail-grid {display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 40px;align-items: start;min-width: 0;}.product-detail-stack {display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);gap: 40px;align-items: start;min-width: 0;}.product-detail-grid > .product-detail-info:nth-of-type(2) {grid-column: 1 / -1;margin-top: 24px;}.product-detail-grid .product-gallery,.product-detail-stack .product-gallery,.product-detail-grid .product-detail-info,.product-detail-stack .product-detail-info,.product-detail-grid .product-detail-description,.product-detail-stack .product-detail-description {min-width: 0;max-width: 100%;box-sizing: border-box;}.product-detail {max-width: 100%;overflow-x: clip;}.product-detail-stack > .product-detail-info:nth-of-type(2) {grid-column: 1 / -1;}.product-detail-grid .product-gallery,.product-detail-stack .product-gallery {position: sticky;top: 110px;align-self: start;z-index: 5;}.product-detail-grid .product-detail-description,.product-detail-stack .product-detail-description {grid-column: 2 / 3;grid-row: 2 / 3;margin-top: 24px;background: transparent;}.product-detail-grid .product-detail-info:nth-of-type(1),.product-detail-stack .product-detail-info:nth-of-type(1) {grid-column: 2 / 3;grid-row: 1 / 2;position: sticky;top: 110px;align-self: start;order: 2;background: rgba(20, 28, 23, 0.5) !important;border: 1px solid var(--border-color) !important;border-radius: 12px !important;padding: 12px 14px !important;box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;text-align: center;}.product-detail-grid .product-detail-info:nth-of-type(1) h1,.product-detail-stack .product-detail-info:nth-of-type(1) h1 {text-align: center;}.product-detail-grid .product-detail-info:nth-of-type(1) .price-block,.product-detail-stack .product-detail-info:nth-of-type(1) .price-block {justify-content: center;}.product-detail-grid .product-detail-info:nth-of-type(1) > div,.product-detail-stack .product-detail-info:nth-of-type(1) > div {text-align: center;}.product-detail-grid .product-gallery,.product-detail-stack .product-gallery {grid-column: 1 / 2;grid-row: 1 / 2;order: 1;}.product-detail-grid .product-detail-description,.product-detail-stack .product-detail-description {grid-column: 1 / 2;grid-row: 2 / 3;margin-top: 24px;background: transparent;}.product-gallery {position: sticky;top: 96px;}.product-gallery .main-image {border-radius: var(--radius-lg);overflow: hidden;background: var(--gray-100);display: flex;align-items: center;justify-content: center;padding: 12px;margin: 0 auto;width: fit-content;max-width: 100%;}.product-gallery .main-image img {max-width: 100%;max-height: 560px;width: auto;height: auto;object-fit: contain;display: block;}.product-detail-info h1 {font-size: 1.85rem;margin-bottom: 8px;}.product-detail-info .product-short-desc {font-size: 0.9rem;color: var(--text-muted);line-height: 1.5;margin: 0 0 12px;}.product-detail-info .product-rating-detail {display: flex;align-items: center;gap: 12px;margin-bottom: 20px;font-size: 0.9rem;color: var(--gray-500);}.product-detail-info .product-rating-detail i {color: var(--warning);}.product-detail-info .price-block {display: flex;align-items: baseline;gap: 12px;margin-bottom: 24px;padding-bottom: 24px;border-bottom: 1px solid var(--gray-200);}.product-detail-info .price-block .current-price {font-family: var(--font-display);font-size: 3.2rem;font-weight: 800;}.product-detail-info > div[style*="display:flex"][style*="gap:12px"] {justify-content: center !important;text-align: center;}.product-detail-info .price-block .original-price {font-size: 1.1rem;color: var(--gray-400);text-decoration: line-through;background: none;padding: 0;}.product-detail-info .price-block .discount-badge {background: none;color: var(--green);padding: 0;border-radius: 0;font-size: 0.85rem;font-weight: 700;}.product-detail-info .product-description {font-size: 0.95rem;color: var(--gray-600);line-height: 1.8;margin-bottom: 24px;}.quantity-selector {align-items: center;gap: 0;border: 1.5px solid var(--gray-200);border-radius: 0;display: inline-flex;margin-bottom: 24px;}.quantity-selector button {width: 44px;height: 44px;display: flex;align-items: center;justify-content: center;background: none;border: none;cursor: pointer;font-size: 1.1rem;color: var(--gray-600);transition: var(--transition);}.quantity-selector button:hover {background: var(--gray-100);color: var(--black);}.quantity-selector input {width: 60px;height: 44px;text-align: center;border: none;border-left: 1px solid var(--gray-200);border-right: 1px solid var(--gray-200);font-weight: 600;font-size: 1rem;outline: none;}.product-actions {display: flex;justify-content: center;align-items: stretch;flex-wrap: wrap;gap: 10px;margin-bottom: 16px;}.product-actions .btn {flex: 1 1 0;min-width: 130px;max-width: 240px;padding: 12px 18px;font-size: 0.95rem;}.product-actions .btn-lg,.product-actions .btn.btn-lg {padding: 12px 18px;font-size: 0.95rem;min-width: 130px;max-width: 240px;}.product-features {display: flex;align-items: center;gap: 20px;padding: 14px 0;border-top: 1px solid var(--border-color);border-bottom: 1px solid var(--border-color);margin-top: 20px;overflow-x: auto;}.product-feature {display: flex;align-items: center;gap: 6px;padding: 0;background: none;border: none;border-radius: 0;cursor: default;flex-shrink: 0;transition: none;}.product-feature:hover {background: none;transform: none;box-shadow: none;opacity: 1;}.product-feature i {font-size: 0.9rem;color: var(--gray-500);}.product-feature span {font-size: 0.8rem;font-weight: 500;color: var(--gray-600);white-space: nowrap;}.cart-page {padding: 40px 0;}.cart-page > h1 {font-size: 1.5rem;line-height: 1.3;margin-bottom: 20px;}.cart-layout {display: grid;grid-template-columns: 1fr 380px;gap: 40px;align-items: start;}.cart-item {display: grid;grid-template-columns: 100px 1fr auto;gap: 20px;padding: 24px 18px;border-bottom: 1px solid var(--gray-200);align-items: center;}.cart-item-image {width: 100px;height: 100px;border-radius: var(--radius-md);overflow: hidden;background: var(--gray-100);}.cart-item-image img {width: 100%;height: 100%;object-fit: cover;}.cart-item-info h3 {font-size: 1rem;font-weight: 600;margin-bottom: 4px;}.cart-item-info p {font-size: 0.85rem;color: var(--gray-500);}.cart-item-actions {display: flex;align-items: center;gap: 16px;margin-top: 8px;}.cart-item-actions .quantity-selector {margin-bottom: 0;}.cart-item-actions .remove-btn {color: var(--gray-400);background: none;border: none;cursor: pointer;font-size: 0.8rem;display: inline-flex;align-items: center;gap: 5px;padding: 4px 8px;transition: var(--transition);line-height: 1;}.cart-item-actions .remove-btn i {font-size: 0.85rem;}.cart-item-actions .remove-btn:hover {color: var(--danger);}.cart-item-price {text-align: right;}.cart-item-price .item-total {font-family: var(--font-display);font-weight: 700;font-size: 1.1rem;}.cart-item-price .item-price {font-size: 0.85rem;color: var(--gray-500);}.cart-summary {background: var(--gray-50);border: 1px solid var(--gray-200);border-radius: var(--radius-lg);padding: 32px;position: sticky;top: 96px;}.cart-summary h3 {font-size: 1.2rem;margin-bottom: 24px;padding-bottom: 16px;border-bottom: 1px solid var(--gray-200);}.cart-summary-row {display: flex;justify-content: space-between;margin-bottom: 12px;font-size: 0.9rem;}.cart-summary-row.total {font-size: 1.1rem;font-weight: 700;margin-top: 16px;padding-top: 16px;border-top: 1px solid var(--gray-200);}.cart-summary .coupon-input {display: flex;gap: 8px;margin: 20px 0;}.cart-summary .coupon-input input {flex: 1;padding: 10px 14px;border: 1.5px solid var(--gray-200);border-radius: var(--radius-sm);font-size: 0.85rem;}.cart-empty {text-align: center;padding: 48px 16px;}.cart-empty > i {font-size: 2.8rem;color: var(--gray-300);margin-bottom: 16px;}.cart-empty h2 {font-size: 1.3rem;margin-bottom: 8px;}.cart-empty p {color: var(--gray-500);margin-bottom: 20px;}.cart-empty .btn-lg {padding: 10px 32px;font-size: 0.95rem;min-width: 0;gap: 8px;}.checkout-layout {display: grid;grid-template-columns: 1fr 420px;gap: 40px;padding: 40px 0;align-items: start;}.checkout-section {background: var(--white);border: 1px solid var(--gray-200);border-radius: var(--radius-lg);padding: 32px;margin-bottom: 24px;}.checkout-section h3 {font-size: 1.1rem;margin-bottom: 24px;display: flex;align-items: center;gap: 10px;}.checkout-section h3 .step-number {width: 28px;height: 28px;background: var(--black);color: var(--white);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 0.8rem;font-weight: 700;}.payment-options {display: grid;gap: 12px;}.payment-option {display: flex;align-items: center;gap: 14px;padding: 16px;border: 1.5px solid var(--gray-200);border-radius: 0;cursor: pointer;transition: var(--transition);}.payment-option:hover {border-color: var(--gray-400);}.payment-option.active {border-color: var(--black);background: var(--gray-50);}.payment-option input[type="radio"] {accent-color: var(--black);}.payment-option i {font-size: 1.3rem;color: var(--gray-600);}.payment-option .payment-label {font-weight: 600;font-size: 0.95rem;}.payment-option .payment-desc {font-size: 0.8rem;color: var(--gray-500);}.order-success {text-align: center;padding: 80px 0;}.order-success .success-icon {width: 80px;height: 80px;background: var(--gray-900);color: var(--white);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 2rem;margin: 0 auto 24px;}.order-success h1 {margin-bottom: 12px;}.order-success p {color: var(--gray-500);margin-bottom: 8px;}.order-success .order-number {display: inline-block;background: var(--gray-100);padding: 8px 20px;border-radius: var(--radius-sm);font-family: var(--font-display);font-weight: 600;margin: 16px 0 32px;}.dashboard-layout {display: grid;grid-template-columns: 240px 1fr;gap: 40px;padding: 40px 0;align-items: start;}.dashboard-sidebar {position: sticky;top: 96px;}.dashboard-nav {background: var(--bg-card);border: 1px solid var(--border-color);border-radius: var(--radius-lg);overflow: hidden;}.dashboard-nav a {display: flex;align-items: center;gap: 12px;padding: 14px 20px;font-size: 0.9rem;font-weight: 500;color: var(--text-secondary);transition: var(--transition);border-left: 3px solid transparent;}.dashboard-nav a:hover {background: var(--bg-secondary);color: var(--text-primary);}.dashboard-nav a.active {background: var(--bg-secondary);color: var(--text-primary);border-left-color: var(--text-primary);font-weight: 600;}.dashboard-nav a i {width: 20px;text-align: center;}.dashboard-card {background: var(--bg-card);border: 1px solid var(--border-color);border-radius: var(--radius-lg);padding: 32px;color: var(--text-primary);transition: box-shadow 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;}.dashboard-card:hover {box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);border-color: var(--gray-300);}[data-theme="dark"] .dashboard-card:hover {box-shadow: 0 10px 20px rgba(0, 0, 0, 0.35);border-color: var(--gray-400);}.dashboard-card h2 {font-size: 1.3rem;margin-bottom: 24px;color: var(--text-primary);}.stat-cards {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 16px;margin-bottom: 32px;}.stat-card {background: var(--gray-50);border: 1px solid var(--gray-200);border-radius: var(--radius-md);padding: 24px;position: relative;overflow: hidden;transition: box-shadow 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;}.stat-card:hover {box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);border-color: var(--gray-300);}[data-theme="dark"] .stat-card:hover {box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4);border-color: var(--gray-400);}.stat-card .stat-icon {width: 40px;height: 40px;background: var(--black);color: var(--white);border-radius: var(--radius-sm);display: flex;align-items: center;justify-content: center;margin-bottom: 16px;}.stat-card .stat-value {font-family: var(--font-display);font-size: 1.75rem;font-weight: 800;}.stat-card .stat-label {font-size: 0.8rem;color: var(--gray-500);margin-top: 4px;}.table-wrapper {overflow-x: auto;}table {width: 100%;border-collapse: collapse;}table th {text-align: left;padding: 12px 16px;font-size: 0.8rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.05em;color: var(--gray-500);border-bottom: 1px solid var(--gray-200);}table td {padding: 16px;font-size: 0.9rem;border-bottom: 1px solid var(--gray-100);}table tr:hover td {background: var(--gray-50);}.badge {display: inline-flex;align-items: center;gap: 6px;padding: 4px 10px;border-radius: 100px;font-size: 0.75rem;font-weight: 600;}.badge-pending {background: #fef3c7;color: #92400e;}.badge-processing {background: #d1fae5;color: #065f46;}.badge-shipped {background: #d1fae5;color: #065f46;}.badge-delivered {background: #d1fae5;color: #065f46;}.badge-completed {background: #d1fae5;color: #065f46;}.badge-cancelled {background: #fee2e2;color: #991b1b;}.badge-paid {background: #d1fae5;color: #065f46;}.badge-failed {background: #fee2e2;color: #991b1b;}.badge-refunded {background: #d1fae5;color: #065f46;}.admin-layout {display: grid;grid-template-columns: 260px 1fr;min-height: 100vh;}.admin-sidebar {background: var(--navbar-bg);color: var(--navbar-text);padding: 24px 0;}.admin-sidebar .admin-logo {display: flex;align-items: center;gap: 12px;padding: 0 24px 24px;margin-bottom: 24px;border-bottom: 1px solid var(--border-color);font-family: var(--font-display);font-weight: 700;font-size: 1.2rem;color: var(--navbar-text);}.admin-sidebar .admin-logo i {width: 40px;height: 40px;background: var(--navbar-text);color: var(--navbar-bg);display: flex;align-items: center;justify-content: center;border-radius: var(--radius-sm);font-size: 1rem;font-weight: 900;}.admin-nav-group {margin-bottom: 24px;}.admin-nav-group .group-title {padding: 0 24px;font-size: 0.7rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.08em;color: var(--text-muted);margin-bottom: 8px;}.admin-nav a {display: flex;align-items: center;gap: 12px;padding: 10px 24px;color: var(--navbar-text);opacity: 0.7;font-size: 0.9rem;font-weight: 500;transition: var(--transition);}.admin-nav a:hover {opacity: 1;background: rgba(128, 128, 128, 0.15);}.admin-nav a.active {color: var(--navbar-text);opacity: 1;background: rgba(128, 128, 128, 0.2);}.admin-nav a i {width: 20px;text-align: center;}.admin-main {background: var(--bg-secondary);padding: 0;}.admin-topbar {background: var(--bg-primary);border-bottom: 1px solid var(--border-color);padding: 0 32px;height: 64px;display: flex;align-items: center;justify-content: space-between;gap: 16px;color: var(--text-primary);}.admin-topbar h1 {font-size: 1.25rem;color: var(--text-primary);}.admin-sidebar-toggle {display: none;width: 42px;height: 42px;flex-direction: column;align-items: center;justify-content: center;gap: 5px;background: var(--bg-secondary);border: 1px solid var(--border-color);border-radius: var(--radius-sm);cursor: pointer;padding: 0;flex-shrink: 0;}.admin-sidebar-toggle span {display: block;width: 22px;height: 2px;background: var(--text-primary);border-radius: 2px;transition: all 0.3s ease;transform-origin: center;}.admin-sidebar-toggle.active span:nth-child(1) {transform: rotate(45deg) translate(5px, 5px);}.admin-sidebar-toggle.active span:nth-child(2) {opacity: 0;}.admin-sidebar-toggle.active span:nth-child(3) {transform: rotate(-45deg) translate(5px, -5px);}.admin-sidebar-overlay {display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: 999;opacity: 0;visibility: hidden;transition: opacity 0.3s ease, visibility 0.3s ease;}.admin-sidebar-overlay.open {opacity: 1;visibility: visible;}.admin-topbar-actions {display: flex;align-items: center;gap: 12px;}.admin-content {padding: 32px;}.footer {background: var(--footer-bg);color: var(--gray-400);padding: clamp(48px, 8vw, 100px) 0 clamp(24px, 4vw, 40px);position: relative;overflow: hidden;border-top: none;box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.3);min-height: 0;}.footer::before {content: '';position: absolute;top: -100px;left: 50%;transform: translateX(-50%);width: 600px;height: 200px;background: radial-gradient(ellipse, var(--green-glow) 0%, transparent 70%);opacity: 0.3;pointer-events: none;}.footer::after {content: '';position: absolute;bottom: -100px;right: -50px;width: 300px;height: 300px;background: radial-gradient(circle, var(--orange-glow) 0%, transparent 70%);opacity: 0.2;pointer-events: none;}.footer-grid {display: grid;grid-template-columns: minmax(0, 1.6fr) repeat(3, minmax(0, 1fr)) minmax(0, 1.2fr);gap: clamp(20px, 3vw, 28px);margin-bottom: clamp(32px, 5vw, 56px);align-items: start;}.footer-brand h3 {font-size: 1.3rem;color: var(--text-primary);margin-bottom: 16px;display: flex;align-items: center;gap: 10px;}.footer-brand p {font-size: clamp(0.82rem, 2.2vw, 0.9rem);line-height: 1.7;max-width: min(320px, 100%);color: var(--text-muted);}.footer-col h4 {font-size: 0.85rem;font-weight: 600;color: var(--text-primary);text-transform: uppercase;letter-spacing: 0.05em;margin-bottom: 16px;}.footer-col {padding: 20px;}.footer-col a {display: flex;align-items: center;gap: 8px;font-size: 0.88rem;color: var(--text-muted);padding: 6px 0;transition: var(--transition);}.footer-col a:hover {color: var(--text-primary);}.payment-logos {display: flex;align-items: center;justify-content: flex-start;gap: clamp(6px, 2vw, 10px);margin-bottom: 12px;flex-wrap: wrap;background: transparent !important;border: none !important;box-shadow: none !important;}.payment-logo {width: clamp(48px, 14vw, 58px);height: clamp(34px, 10vw, 40px);background: #ffffff !important;color: var(--text-primary);border-radius: 0;display: flex;align-items: center;justify-content: center;font-size: 2rem;transition: none;cursor: default;border: none !important;box-shadow: none !important;filter: none;opacity: 1;flex-shrink: 0;padding: 0;}.payment-logo:hover {transform: none;box-shadow: none;filter: none;opacity: 1;}.payment-visa {color: #1a1f71 !important;background: #ffffff !important;}.payment-mastercard {color: #eb001b !important;background: #ffffff !important;}.payment-amex {color: #006fcf !important;background: #ffffff !important;}.payment-stripe {color: #635bff !important;background: #ffffff !important;}.payment-paypal {color: #003087 !important;background: #ffffff !important;}.payment-apple-pay {color: #000000 !important;background: #ffffff !important;}.payment-cashapp {color: #ffffff !important;background: #00d632 !important;}.payment-cashapp-mark {font-family: var(--font-display, 'Rajdhani', sans-serif);font-size: 1.35rem;font-weight: 800;line-height: 1;}.payment-google-pay {color: #4285f4 !important;background: #ffffff !important;}.image-drop-zone {position: relative;min-height: 120px;border: 2px dashed var(--border-color);border-radius: 8px;background: var(--bg-secondary);display: flex;align-items: center;justify-content: center;flex-direction: column;cursor: pointer;transition: all 0.2s ease;padding: 12px;text-align: center;}.image-drop-zone:hover,.image-drop-zone.drag-over {border-color: var(--text-primary);background: var(--bg-card);}.image-drop-zone.drag-over {transform: scale(1.02);box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);}.image-drop-zone img {max-width: 100%;max-height: 100px;object-fit: contain;border-radius: 6px;}.payment-paypal {color: #003087;background: #ffffff !important;}.payment-paypal:hover {color: #003087;background: #ffffff !important;}.payment-apple-pay {color: #000000;background: #ffffff !important;}.payment-apple-pay:hover {color: #000000;background: #ffffff !important;}.payment-google-pay {color: #4285f4;background: #ffffff !important;}.payment-google-pay:hover {color: #4285f4;background: #ffffff !important;}.payment-local {display: flex;flex-wrap: wrap;gap: 6px;}.payment-local-badge {display: inline-flex;align-items: center;gap: 4px;padding: 4px 8px;background: rgba(255, 255, 255, 0.08);border: 1px solid rgba(255, 255, 255, 0.12);color: var(--gray-200);border-radius: 4px;font-size: 0.7rem;font-weight: 600;cursor: pointer;transition: all 0.2s ease;}.payment-local-badge:hover {background: rgba(255, 255, 255, 0.15);color: #fff;}.payment-local-badge i {font-size: 0.75rem;color: var(--gray-300);}.payment-local-badge:hover i {color: #fff;}[data-theme="light"] .payment-logo {background: #ffffff !important;border: none !important;color: #1a1a1a;box-shadow: none !important;}.footer-bottom {padding-top: 24px;border-top: none;box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);display: flex;align-items: center;justify-content: space-between;font-size: 0.85rem;flex-wrap: wrap;gap: 8px;color: var(--text-muted);}.footer-bottom a {color: var(--text-muted);}.footer-bottom a:hover {color: var(--text-primary);}.footer-contact-link {display: inline-flex;align-items: center;gap: 6px;font-size: 0.85rem;font-weight: 500;color: var(--text-muted);text-decoration: none;transition: transform 0.2s, color 0.2s;}.footer-contact-link:hover {color: var(--text-primary);transform: translateY(-2px);}.footer-contact-link i {font-size: 1rem;transition: transform 0.3s;}.footer-contact-link:hover i {transform: scale(1.2);}.footer-social {display: flex;gap: 12px;}.footer-social a {width: 36px;height: 36px;border-radius: 50%;border: 1px solid rgba(255, 255, 255, 0.15);display: flex;align-items: center;justify-content: center;transition: var(--transition);}.footer-social a:hover {background: var(--white);color: var(--black);}.ai-chat-messages {flex: 1;overflow-y: auto;padding: 20px;display: flex;flex-direction: column;gap: 16px;}.ai-message .msg-bubble h1,.ai-message .msg-bubble h2,.ai-message .msg-bubble h3,.ai-message .msg-bubble h4 {margin: 8px 0 4px;font-weight: 700;line-height: 1.3;}.ai-message .msg-bubble h1 {font-size: 1.15rem;}.ai-message .msg-bubble h2 {font-size: 1.05rem;}.ai-message .msg-bubble h3 {font-size: 0.95rem;}.ai-message .msg-bubble h4 {font-size: 0.9rem;}.ai-message .msg-bubble p {margin: 0 0 6px;line-height: 1.5;}.ai-message .msg-bubble p:last-child {margin-bottom: 0;}.ai-message .msg-bubble strong {font-weight: 700;}.ai-message .msg-bubble em {font-style: italic;}.ai-message .msg-bubble del {opacity: 0.6;}.ai-message .msg-bubble ul,.ai-message .msg-bubble ol {margin: 4px 0 6px;padding-left: 20px;line-height: 1.6;}.ai-message .msg-bubble .ai-product-list {list-style: none;padding: 0;margin: 8px 0;}.ai-message .msg-bubble .ai-product-list li {padding: 10px 0;margin: 0;border-bottom: 1px solid var(--border-color);line-height: 1.5;}.ai-message .msg-bubble .ai-product-list li:last-child {border-bottom: none;padding-bottom: 0;}.ai-message .msg-bubble .ai-product-list .ai-product-price {color: #22c55e;font-weight: 700;margin-left: 4px;}.ai-message .msg-bubble .ai-product-list .ai-product-meta {display: block;font-size: 0.82rem;color: var(--text-secondary);margin-top: 4px;}.ai-message .msg-bubble li {margin: 2px 0;}.ai-message .msg-bubble code {background: rgba(0, 0, 0, 0.08);color: #d6336c;padding: 1px 5px;border-radius: 4px;font-family: 'SFMono-Regular', Consolas, monospace;font-size: 0.85em;}[data-theme="dark"] .ai-message .msg-bubble code {background: rgba(255, 255, 255, 0.12);color: #f783ac;}.ai-message .msg-bubble pre {background: #1a1a1a;color: #f8f8f2;padding: 10px 12px;border-radius: 6px;overflow-x: auto;margin: 6px 0;font-size: 0.8rem;line-height: 1.5;}.ai-message .msg-bubble pre code {background: transparent;color: inherit;padding: 0;}.ai-message .msg-bubble a {color: #22c55e;text-decoration: underline;font-weight: 500;}[data-theme="dark"] .ai-message .msg-bubble a {color: #4ade80;}.ai-chat-input {padding: 16px 20px;border-top: 1px solid var(--border-color);display: flex;position: relative;background: var(--bg-primary);}.ai-chat-input input {flex: 1;padding: 14px 52px 14px 20px;border: 1px solid var(--border-color);border-radius: 30px;font-size: 0.95rem;outline: none;background: var(--bg-secondary, rgba(0,0,0,0.02));color: var(--text-primary);transition: var(--transition);}.ai-chat-input input:focus {border-color: var(--green, #22c55e);box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.1);}.ai-chat-input button {position: absolute;right: 28px;top: 50%;transform: translateY(-50%);width: 38px;height: 38px;background: var(--green, #22c55e);color: var(--white);border: none;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: var(--transition);font-size: 0.9rem;box-shadow: 0 4px 12px rgba(34, 197, 94, 0.3);}.ai-chat-input button:hover {background: #1ea34d;transform: translateY(-50%) scale(1.05);box-shadow: 0 6px 16px rgba(34, 197, 94, 0.4);}.ai-chat-input input:disabled {opacity: 0.6;cursor: not-allowed;}.ai-chat-input button:disabled {opacity: 0.5;cursor: not-allowed;box-shadow: none;}.ai-thinking-label {display: block;font-size: 0.78rem;color: var(--text-muted, #8fa89a);margin-bottom: 6px;letter-spacing: 0.02em;}.ai-stream-bubble {min-height: 1.4em;}.ai-stream-cursor::after {content: '▋';color: var(--green, #22c55e);animation: aiCursorBlink 0.85s step-end infinite;margin-left: 1px;}@keyframes aiCursorBlink {0%, 100% { opacity: 1; }50% { opacity: 0; }}.typing-indicator {display: flex;align-items: center;gap: 5px;padding: 8px 0;min-height: 20px;}.typing-indicator span {width: 7px;height: 7px;background: var(--green, #22c55e);border-radius: 50%;display: inline-block;flex-shrink: 0;opacity: 0.5;transform: translateY(0);}.typing-indicator span:nth-child(1) {animation: aiTypingWave 1.2s -0.24s ease-in-out infinite both;}.typing-indicator span:nth-child(2) {animation: aiTypingWave 1.2s -0.12s ease-in-out infinite both;}.typing-indicator span:nth-child(3) {animation: aiTypingWave 1.2s 0s ease-in-out infinite both;}@keyframes aiTypingWave {0%, 80%, 100% {transform: translateY(0);opacity: 0.35;}40% {transform: translateY(-7px);opacity: 1;}}.flash {padding: 14px 20px;border-radius: var(--radius-sm);margin-bottom: 20px;display: flex;align-items: center;gap: 10px;font-size: 0.9rem;font-weight: 500;animation: fadeIn 0.3s ease;}@keyframes fadeIn {from {opacity: 0;transform: translateY(-10px);}to {opacity: 1;transform: translateY(0);}}.flash-success {background: #d1fae5;color: #065f46;border: 1px solid #a7f3d0;}.flash-error {background: #fee2e2;color: #991b1b;border: 1px solid #fecaca;}.flash-info {background: #d1fae5;color: #065f46;border: 1px solid #a7f3d0;}.pagination {display: flex;align-items: center;justify-content: center;gap: 4px;margin-top: 40px;}.pagination a,.pagination span {width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: var(--radius-sm);font-size: 0.9rem;font-weight: 500;transition: var(--transition);border: 1px solid var(--gray-200);}.pagination a:hover {background: var(--gray-100);border-color: var(--gray-300);}.pagination .active {background: var(--black);color: var(--white);border-color: var(--black);}.text-center {text-align: center;}.text-right {text-align: right;}.text-muted {color: var(--gray-500);}.text-sm {font-size: 0.85rem;}.text-xs {font-size: 0.75rem;}.font-mono {font-family: 'SF Mono', 'Fira Code', monospace;}.mt-0 {margin-top: 0;}.mt-1 {margin-top: 8px;}.mt-2 {margin-top: 16px;}.mt-3 {margin-top: 24px;}.mt-4 {margin-top: 32px;}.mb-0 {margin-bottom: 0;}.mb-1 {margin-bottom: 8px;}.mb-2 {margin-bottom: 16px;}.mb-3 {margin-bottom: 24px;}.mb-4 {margin-bottom: 32px;}.d-flex {display: flex;}.align-center {align-items: center;}.justify-between {justify-content: space-between;}.gap-1 {gap: 8px;}.gap-2 {gap: 16px;}.gap-3 {gap: 24px;}.theme-toggle {width: 42px;height: 42px;display: flex;align-items: center;justify-content: center;border-radius: var(--radius-sm);background: var(--bg-secondary);border: 1px solid var(--border-color);color: var(--navbar-text);cursor: pointer;transition: all 0.3s ease;font-size: 1.1rem;position: relative;overflow: hidden;}.theme-toggle:hover {background: var(--bg-card);color: var(--navbar-text);}.theme-toggle .icon-sun,.theme-toggle .icon-moon {position: absolute;transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);}.theme-toggle .icon-sun {opacity: 1;transform: rotate(0deg) scale(1);}.theme-toggle .icon-moon {opacity: 0;transform: rotate(-90deg) scale(0);}[data-theme="dark"] .theme-toggle .icon-sun {opacity: 0;transform: rotate(90deg) scale(0);}[data-theme="dark"] .theme-toggle .icon-moon {opacity: 1;transform: rotate(0deg) scale(1);}[data-theme="dark"] .dashboard-card {background: var(--bg-card);border-color: var(--border-color);color: var(--text-primary);}[data-theme="dark"] .cart-summary {background: var(--bg-secondary);border-color: var(--border-color);color: var(--text-primary);}[data-theme="dark"] .form-control {background: #000000;border-color: var(--border-color);color: var(--text-primary);}[data-theme="dark"] .form-control:focus {border-color: var(--green);box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.15);}[data-theme="dark"] .price-range input {background: #000000;border-color: var(--border-color);color: var(--text-primary);}[data-theme="dark"] select.form-control {background-color: #000000;color: var(--text-primary);}[data-theme="dark"] textarea.form-control {background: #000000;color: var(--text-primary);}[data-theme="dark"] .form-label {color: var(--text-secondary);}[data-theme="dark"] .stat-card {background: var(--bg-secondary);border-color: var(--border-color);color: var(--text-primary);}[data-theme="dark"] .stat-card .stat-value {color: var(--text-primary);}[data-theme="dark"] .stat-card .stat-label {color: var(--text-muted);}[data-theme="dark"] .footer {background: var(--footer-bg);}[data-theme="dark"] table td {border-bottom-color: var(--border-color);color: var(--text-primary);}[data-theme="dark"] table tr:hover td {background: var(--bg-secondary);}[data-theme="dark"] .badge-pending {background: #422006;color: #fbbf24;}[data-theme="dark"] .badge-processing {background: #052e16;color: #4ade80;}[data-theme="dark"] .badge-shipped {background: #052e16;color: #4ade80;}[data-theme="dark"] .badge-delivered {background: #052e16;color: #4ade80;}[data-theme="dark"] .badge-completed {background: #052e16;color: #4ade80;}[data-theme="dark"] .badge-cancelled {background: #450a0a;color: #f87171;}[data-theme="dark"] .badge-paid {background: #052e16;color: #4ade80;}[data-theme="dark"] .badge-failed {background: #450a0a;color: #f87171;}[data-theme="dark"] .badge-refunded {background: #052e16;color: #4ade80;}[data-theme="dark"] .pagination a,[data-theme="dark"] .pagination span {border-color: var(--border-color);color: var(--text-secondary);}[data-theme="dark"] .pagination .active {background: var(--white);color: var(--black);}[data-theme="dark"] .sidebar-section h4 {background: linear-gradient(135deg, var(--green) 0%, var(--orange) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}[data-theme="dark"] .filter-list a {color: var(--text-secondary);}[data-theme="dark"] .filter-list a:hover,[data-theme="dark"] .filter-list a.active {background: var(--bg-secondary);color: var(--text-primary);}[data-theme="dark"] .shop-header {border-bottom: none;}[data-theme="dark"] .shop-header h1 {color: var(--text-primary);}[data-theme="dark"] .shop-header .result-count {color: var(--text-muted);}[data-theme="dark"] .shop-sort select {background: var(--input-bg);border-color: var(--border-color);color: var(--text-primary);}[data-theme="dark"] .checkout-section {background: var(--bg-card);border-color: var(--border-color);color: var(--text-primary);}[data-theme="dark"] .payment-option {border-color: var(--border-color);color: var(--text-primary);}[data-theme="dark"] .payment-option.active {border-color: var(--text-primary);background: var(--bg-secondary);}[data-theme="dark"] .payment-option i {color: var(--text-secondary);}[data-theme="dark"] .product-detail-info h1 {color: var(--text-primary);}[data-theme="dark"] .product-detail-info .product-description {color: var(--text-secondary);}[data-theme="dark"] .product-feature {background: none;color: var(--text-primary);}[data-theme="dark"] h1,[data-theme="dark"] h2,[data-theme="dark"] h3,[data-theme="dark"] h4,[data-theme="dark"] h5,[data-theme="dark"] h6 {color: var(--text-primary);}[data-theme="dark"] p,[data-theme="dark"] span,[data-theme="dark"] label,[data-theme="dark"] td,[data-theme="dark"] th,[data-theme="dark"] strong,[data-theme="dark"] div,[data-theme="dark"] li {color: inherit;}[data-theme="dark"] .text-muted {color: var(--text-muted) !important;}[data-theme="dark"] .hero {background: var(--hero-bg);border-bottom-color: var(--border-color);}[data-theme="dark"] .ai-chat {background: var(--bg-primary);border-color: var(--border-color);}[data-theme="dark"] .ai-chat-header {background: #171717;}[data-theme="dark"] .btn-add-cart {background: var(--green);color: var(--white);}[data-theme="dark"] .btn-add-cart:hover {background: var(--black);color: var(--white);}[data-theme="dark"] .btn-buy-now {background: var(--orange);color: var(--white);}[data-theme="dark"] .btn-buy-now:hover {background: var(--black);color: var(--white);}[data-theme="dark"] .flash-success {background: #052e16;color: #4ade80;border-color: #166534;}[data-theme="dark"] .flash-error {background: #450a0a;color: #f87171;border-color: #991b1b;}[data-theme="dark"] .flash-info {background: #1e3a5f;color: #4ade80;border-color: #1e40af;}.ai-chat {position: fixed;bottom: 96px;right: 24px;width: 330px;max-width: calc(100vw - 40px);height: 450px;max-height: calc(100vh - 140px);background: var(--bg-primary);border: 1px solid var(--border-color);border-radius: var(--radius-xl);box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);display: none;flex-direction: column;overflow: hidden;z-index: 9998;transform-origin: bottom right;}.ai-chat.active {display: flex;animation: chatOpen 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;}.ai-chat.closing {animation: chatClose 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) forwards;pointer-events: none;}@keyframes chatOpen {0% {opacity: 0;transform: scale(0.3) translateY(40px);border-radius: 50%;}50% {opacity: 0.8;transform: scale(0.9) translateY(10px);border-radius: var(--radius-xl);}100% {opacity: 1;transform: scale(1) translateY(0);border-radius: var(--radius-xl);}}@keyframes chatClose {0% {opacity: 1;transform: scale(1) translateY(0);border-radius: var(--radius-xl);}50% {opacity: 0.5;transform: scale(0.7) translateY(20px);border-radius: 50%;}100% {opacity: 0;transform: scale(0) translateY(60px);border-radius: 50%;}}.ai-fab {position: fixed;bottom: 24px;right: 24px;z-index: 9999;}.ai-fab-btn {width: 60px;height: 60px;background: var(--orange);color: var(--white);border: none;border-radius: 50%;font-size: 1.5rem;cursor: pointer;box-shadow: none;transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden;}.ai-fab-btn.open {background: var(--green);animation: none;transform: rotate(90deg);}.ai-fab-btn::before {content: '';position: absolute;width: 100%;height: 100%;background: radial-gradient(circle, rgba(255, 255, 255, 0.25) 0%, transparent 70%);opacity: 0;transition: opacity 0.3s;}.ai-fab-btn:hover::before {opacity: 0;}.ai-fab-btn:hover {transform: none;box-shadow: none;animation: none;}.ai-fab-btn.open:hover {transform: none;box-shadow: none;}.ai-fab-btn:active {transform: none;}.ai-chat-header {background: var(--green);color: #ffffff;padding: 16px 20px;display: flex;align-items: center;justify-content: space-between;}.ai-chat-header .ai-avatar {display: flex;align-items: center;gap: 12px;}.ai-chat-header .ai-avatar .ai-icon {width: 38px;height: 38px;background: rgba(255, 255, 255, 0.15);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #ffffff;font-size: 1rem;flex-shrink: 0;}@keyframes pulse {0%,100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);}50% {box-shadow: 0 0 0 8px rgba(255, 255, 255, 0);}}.ai-chat-header .ai-avatar .ai-status {font-size: 0.8rem;color: var(--gray-400);}.ai-chat-header .ai-close {background: none;border: none;color: #a3a3a3;cursor: pointer;font-size: 1.1rem;transition: all 0.3s;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;border-radius: 50%;flex-shrink: 0;}.ai-chat-header .ai-close:hover {color: #ffffff;background: rgba(255, 255, 255, 0.15);transform: none;}.ai-message {display: flex;gap: 10px;max-width: 85%;animation: msgSlideIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);}@keyframes msgSlideIn {from {opacity: 0;transform: translateY(10px) scale(0.95);}to {opacity: 1;transform: translateY(0) scale(1);}}.ai-message.user {align-self: flex-end;flex-direction: row-reverse;}.ai-message .msg-avatar {width: 32px;height: 32px;border-radius: 50%;background: var(--gray-800);color: var(--gray-400);display: flex;align-items: center;justify-content: center;font-size: 0.8rem;flex-shrink: 0;margin-top: 2px;}.ai-message.user .msg-avatar {background: var(--primary);color: var(--bg-primary);}.ai-message .msg-bubble {padding: 14px 18px;border-radius: 12px;font-size: 0.9rem;line-height: 1.5;background: var(--bg-secondary);color: var(--text-primary);overflow-wrap: break-word;word-break: normal;}.ai-message.bot .msg-bubble {flex: 1;min-width: 0;border-bottom-left-radius: 4px;}.ai-message.user .msg-bubble {background: var(--primary);color: var(--bg-primary);border-bottom-right-radius: 4px;}[data-theme="dark"] .ai-message.bot .msg-bubble {background: var(--bg-secondary);color: var(--text-primary);}[data-theme="dark"] .ai-message.user .msg-bubble {background: #ffffff;color: #0a0a0a;}.loading-screen {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: var(--bg-primary, #0a0f0d);z-index: 99999;display: flex;flex-direction: column;align-items: center;justify-content: center;transition: opacity 0.6s ease, visibility 0.6s ease;}.loading-screen.hidden {opacity: 0;visibility: hidden;pointer-events: none;}.loading-screen .loading-content {display: flex;flex-direction: column;align-items: center;gap: 16px;}.loading-screen .loading-spinner {width: 48px;height: 48px;color: var(--green, #10b981);font-size: 2.4rem;animation: loadSpin 0.9s linear infinite;display: flex;align-items: center;justify-content: center;}@keyframes loadSpin {from { transform: rotate(0deg); }to { transform: rotate(360deg); }}.loading-screen .loading-text {color: var(--text-primary, #ffffff);font-family: var(--font-display);font-size: 1.4rem;font-weight: 700;letter-spacing: -0.01em;}.loader {width: fit-content;height: fit-content;display: flex;align-items: center;justify-content: center;}.truckWrapper {display: none !important;}.truckBody,.truckTires,.road,.lampPost,.trucksvg,.tiresvg {display: none !important;}@keyframes truckBounce { 0%,100% { transform: translateY(0); } 50% { transform: translateY(3px); } }@keyframes roadMove { 0% { right: -90%; } 100% { right: 150%; } }#container {position: relative;width: 300px;height: 150px;display: flex;align-items: center;justify-content: center;overflow: hidden;}#container .circle {position: relative;left: -100px;width: 0;height: 0;border: 50px solid #FDD835;border-radius: 50%;border-right-color: transparent;animation: move 5s linear 0s infinite normal forwards;z-index: 5;}#container .circle:before {content: "";position: absolute;top: -50px;left: -50px;width: 0;height: 0;border: 50px solid #FDD835;border-radius: 50%;border-right-color: transparent;animation: chomp1 .25s ease-in-out 0s infinite normal forwards;}#container .circle:after {content: "";position: absolute;top: -50px;left: -50px;width: 0;height: 0;border: 50px solid #FDD835;border-radius: 50%;border-right-color: transparent;animation: chomp2 .25s ease-in-out 0s infinite normal forwards;}#container .dots {position: relative;top: 60px;display: flex;justify-content: center;align-items: center;}#container .dot {position: relative;width: 10px;height: 10px;margin: 0 10px;border-radius: 50%;background: #10b981;animation: dot1 5s linear 0s infinite none normal;}#container .dot:nth-child(1) { animation-delay: 0s }#container .dot:nth-child(2) { animation-delay: 0.25s }#container .dot:nth-child(3) { animation-delay: 0.5s }#container .dot:nth-child(4) { animation-delay: 0.75s }#container .dot:nth-child(5) { animation-delay: 1s }#container .dot:nth-child(6) { animation-delay: 1.25s }#container .dot:nth-child(7) { animation-delay: 1.5s }#container .dot:nth-child(8) { animation-delay: 1.75s }#container .dot:nth-child(9) { animation-delay: 1.9s }#container .dot:nth-child(10) { animation-delay: 2.1s }#container .dots2 {position: relative;top: 50px;left: 10px;display: flex;justify-content: center;align-items: center;}#container .dot2 {position: relative;left: -10px;width: 10px;height: 10px;margin: 0 10px;border-radius: 50%;background: #f97316;opacity: 0;animation: dot2 5s linear 0s infinite none normal;}#container .dot2:nth-child(10) { animation-delay: 2.5s }#container .dot2:nth-child(9){ animation-delay: 2.75s }#container .dot2:nth-child(8){ animation-delay: 3.0s }#container .dot2:nth-child(7){ animation-delay: 3.25s }#container .dot2:nth-child(6){ animation-delay: 3.5s }#container .dot2:nth-child(5){ animation-delay: 3.75s }#container .dot2:nth-child(4){ animation-delay: 4.0s }#container .dot2:nth-child(3){ animation-delay: 4.25s }#container .dot2:nth-child(2){ animation-delay: 4.5s }#container .dot2:nth-child(1){ animation-delay: 4.6s }@keyframes chomp1 {0% { transform: rotate(0deg); }50% { transform: rotate(45deg); }100% { transform: rotate(0deg); }}@keyframes chomp2 {0% { transform: rotate(0deg); }50% { transform: rotate(-45deg); }100% { transform: rotate(0deg); }}@keyframes move {0%, 100% { left: -100px; }0%, 48%{ transform: rotateY(0deg); }50%, 100% { transform: rotateY(180deg); }50% { left: 100%; }}@keyframes dot1 {0%,4% { background: #10b981; opacity: 1; }5%,94%{ background: #f97316; opacity: 0; }95%,100% { background: #10b981; opacity: 1; }}@keyframes dot2 {0%,4% { background: #f97316; opacity: 1; }5%,94%{ opacity: 0; }95%,100% { background: #f97316; opacity: 1; }}@keyframes roadMove {0% {transform: translateX(0px);}100% {transform: translateX(-350px);}}.product-wishlist {opacity: 0;transform: scale(0.8);transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);}.product-card:hover .product-wishlist {opacity: 1;transform: scale(1);}.product-wishlist.active {opacity: 1;transform: scale(1);color: #ef4444 !important;}.product-wishlist.active i {color: #ef4444;}.product-wishlist.adding {animation: heartPop 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);}@keyframes heartPop {0% {transform: scale(1);}30% {transform: scale(1.4);}60% {transform: scale(0.9);}100% {transform: scale(1);}}.mobile-menu-item {display: none !important;}.mobile-close {display: none !important;}.sidebar-header {display: none !important;}.navbar-nav,.sidebar-overlay {display: none !important;}.sidebar-divider {display: none !important;}@media (max-width: 1024px) and (min-width: 769px) {.hero-inner {gap: 30px;}.hero-content {max-width: 100%;}.hero-content h1 {font-size: 2.2rem;}.hero-image img {max-width: 280px;}.hero-stats {gap: 30px;}.shop-layout {grid-template-columns: 220px 1fr;gap: 20px;}}@media (max-width: 768px) {.mobile-toggle {display: flex !important;}.mobile-menu-item {display: flex !important;}.mobile-close {display: flex !important;}.sidebar-overlay {display: block !important;}.sidebar-divider {display: block !important;}.navbar-nav {display: flex !important;position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;max-width: 100%;min-height: 100dvh;height: 100%;background: #000000;color: #ffffff;flex-direction: column;align-items: center;justify-content: flex-start;gap: 8px;padding: 24px 20px 30px;z-index: 10005;opacity: 0;visibility: hidden;transform: translateX(100%);transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease, visibility 0.3s ease;overflow-y: auto;overscroll-behavior: contain;}.navbar-nav.active {display: flex;opacity: 1;visibility: visible;transform: translateX(0);}.sidebar-overlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: 10001;opacity: 0;visibility: hidden;transition: opacity 0.3s ease, visibility 0.3s ease;}.sidebar-overlay.active {opacity: 1;visibility: visible;}body.nav-open {overflow: hidden;}.navbar-nav .nav-link {font-size: 1.05rem;padding: 14px 20px;width: 100%;max-width: 320px;display: flex;align-items: center;gap: 10px;justify-content: flex-start;border-radius: var(--radius-md);background: rgba(255, 255, 255, 0.06);color: #ffffff;border: 1px solid rgba(255, 255, 255, 0.1);opacity: 1;transform: none;transition: background 0.2s ease, border-color 0.2s ease;}.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active {background: rgba(255, 255, 255, 0.14);color: #ffffff;border-color: rgba(255, 255, 255, 0.3);}.navbar-nav .nav-link i {width: 20px;text-align: center;font-size: 1rem;flex-shrink: 0;}.mobile-toggle {display: flex !important;}.navbar-main {display: none !important;}.navbar-top-right .discord-btn span,.navbar-top-right .navbar-user .user-name {display: none;}.navbar-top-right .btn-login,.navbar-top-right .btn-register {display: none !important;}.navbar-top-inner {padding: 0 12px;height: 48px;}.navbar-main-inner {padding: 0 12px;}.mobile-close {width: 42px;height: 42px;min-width: 42px;display: flex;align-items: center;justify-content: center;background: rgba(255, 255, 255, 0.1);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 50%;color: #ffffff;font-size: 1rem;cursor: pointer;transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;flex-shrink: 0;}.mobile-close:hover {background: var(--danger);color: #ffffff;border-color: var(--danger);transform: none;}.mobile-close i {line-height: 1;}.sidebar-header {display: flex !important;align-items: center;gap: 12px;padding: 0 0 20px 0;width: 100%;max-width: 360px;border-bottom: 1px solid rgba(255, 255, 255, 0.12);margin-bottom: 20px;color: #ffffff;font-weight: 700;font-size: 1.2rem;}.sidebar-header img {height: 32px;width: auto;border-radius: 6px;}.sidebar-divider {width: 100%;max-width: 360px;height: 1px;background: rgba(255, 255, 255, 0.1);margin: 12px 0;}.sidebar-logout {background: rgba(220, 38, 38, 0.18) !important;border-color: rgba(220, 38, 38, 0.4) !important;color: #fca5a5 !important;}.sidebar-logout:hover {background: rgba(220, 38, 38, 0.3) !important;color: #ffffff !important;}.mobile-toggle {display: flex;flex-direction: column;gap: 3px;width: 32px;height: 24px;align-items: center;justify-content: center;background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 5px;cursor: pointer;z-index: 10001;padding: 0;transition: background 0.2s ease, border-color 0.2s ease;box-shadow: 0 1px 3px rgba(0,0,0,0.2);}.mobile-toggle:hover {background: var(--bg-secondary);border-color: var(--green);}.mobile-toggle span {display: block;width: 14px;height: 2px;background: var(--navbar-text);border-radius: 2px;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);transform-origin: center;}.mobile-toggle.active span:nth-child(1) {transform: rotate(45deg) translate(2px, 3px);}.mobile-toggle.active span:nth-child(2) {opacity: 0;transform: scaleX(0);}.mobile-toggle.active span:nth-child(3) {transform: rotate(-45deg) translate(2px, -3px);}.navbar-brand {font-size: 1.3rem;}.navbar-brand img {height: 36px;border-radius: 7px;}.navbar-brand .brand-icon {width: 36px;height: 36px;font-size: 0.95rem;}.container {padding: 0 12px;}.hero {padding: 30px 0 30px;}.hero h1 {font-size: 2.6rem;text-align: center;}.hero p {font-size: 0.85rem;}.hero-actions {flex-direction: column;align-items: center;gap: 10px;}.hero-actions .btn {width: 100%;max-width: 300px;justify-content: center;}.hero-stats {gap: 12px;flex-wrap: wrap;justify-content: center;}.hero-stat .stat-value {font-size: 1.1rem;}.hero-stat .stat-label {font-size: 0.65rem;}.hero-image img {max-width: 320px;height: auto;margin-top: 16px;}.hero-inner {grid-template-columns: 1fr;gap: 24px;text-align: center;}.hero-content {text-align: center;align-items: center;margin: 0 auto;}.hero-content h1 {text-align: center;}.hero-content p {text-align: center;max-width: 100%;}.section {padding: 40px 0;}.section-header h2 {font-size: 1.4rem;}.section-header p {font-size: 0.9rem;}.products-grid {grid-template-columns: repeat(2, 1fr);gap: 10px;}.products-grid-compact {grid-template-columns: repeat(2, 1fr);gap: 10px;}.product-info {padding: 12px;}.product-info h3 {font-size: 1.1rem;}.product-info .product-desc {font-size: 0.82rem;}.product-price .current {font-size: 1.15rem;}.product-price .original {font-size: 0.75rem;}.product-card-actions {flex-direction: row;padding: 0 12px 12px;gap: 6px;}.product-card-actions .btn-add-cart,.product-card-actions .btn-buy-now {flex: 1 1 0;width: auto;min-width: 0;font-size: 0.72rem;padding: 8px 6px;gap: 4px;}.product-card-actions .btn-add-cart i,.product-card-actions .btn-buy-now i {font-size: 0.8rem;}.product-rating {font-size: 0.75rem;}.product-meta {flex-direction: column;align-items: flex-start;gap: 4px;}.categories-grid {gap: 10px;}.category-card {padding: 16px 12px;min-width: 130px;}.category-card .cat-icon {width: 44px;height: 44px;font-size: 1.1rem;margin-bottom: 10px;}.category-card h4 {font-size: 0.85rem;}.product-detail {padding: 16px 0;}.product-detail-grid {grid-template-columns: 1fr;gap: 24px;}.product-gallery {position: static;top: auto;}.product-detail-info h1 {font-size: 1.55rem;line-height: 1.3;}.product-detail-info .product-rating-detail {flex-wrap: wrap;gap: 8px;}.product-detail-info .price-block {flex-wrap: wrap;gap: 8px;}.product-detail-info .price-block .current-price {font-size: 1.85rem;}.product-detail-info .price-block .original-price {font-size: 1rem;}.product-detail-info .product-description {font-size: 0.9rem;}.product-detail {padding: 16px 0;}.product-detail-stack {grid-template-columns: 1fr !important;gap: 20px !important;}.product-detail-grid .product-detail-info:nth-of-type(1),.product-detail-stack .product-detail-info:nth-of-type(1) {grid-column: 1 / -1 !important;grid-row: auto !important;position: static !important;order: 1 !important;max-height: none !important;overflow: visible !important;text-align: left !important;padding: 18px 16px !important;}.product-detail-grid .product-detail-info:nth-of-type(1) h1,.product-detail-stack .product-detail-info:nth-of-type(1) h1 {text-align: left !important;font-size: 1.4rem !important;}.product-detail-grid .product-detail-info:nth-of-type(1) .price-block,.product-detail-stack .product-detail-info:nth-of-type(1) .price-block {justify-content: flex-start !important;}.product-detail-grid .product-detail-info:nth-of-type(1) > div,.product-detail-stack .product-detail-info:nth-of-type(1) > div {text-align: left !important;}.product-detail-grid .product-gallery,.product-detail-stack .product-gallery {grid-column: 1 / -1 !important;grid-row: auto !important;order: 2 !important;}.product-detail-grid .product-detail-description,.product-detail-stack .product-detail-description {grid-column: 1 / -1 !important;grid-row: auto !important;order: 3 !important;margin-top: 12px !important;}.product-gallery-main {border-radius: var(--radius-md);aspect-ratio: 1;}.product-thumbnails {gap: 6px;justify-content: flex-start;overflow-x: auto;flex-wrap: nowrap;padding-bottom: 4px;-webkit-overflow-scrolling: touch;}.product-thumb {width: 52px;height: 52px;flex-shrink: 0;}.product-actions {flex-direction: row;flex-wrap: wrap;gap: 10px;}.product-actions .btn,.product-actions button,.product-actions input[type="submit"] {width: auto !important;flex: 1 1 0;min-width: 0;max-width: 100%;}.quantity-selector {justify-content: center;}.product-detail-info .firmware-selector,.product-detail-info .product-options,.product-detail-info .form-group {width: 100%;}.product-features {gap: 14px;padding: 12px 0;}.product-feature {padding: 0;}.product-tabs {flex-wrap: wrap;gap: 4px;}.product-tabs button {font-size: 0.85rem;padding: 8px 12px;}.cart-layout {grid-template-columns: 1fr;}.cart-item {grid-template-columns: 65px 1fr;gap: 10px;}.cart-item-image {width: 65px;height: 65px;}.cart-item-info h3 {font-size: 0.9rem;}.cart-item-info p {font-size: 0.8rem;}.cart-item-price {grid-column: span 2;text-align: left;}.cart-item-actions {flex-direction: column;gap: 8px;align-items: flex-start;}.quantity-selector {transform: scale(0.9);transform-origin: left;}.cart-summary {position: static;padding: 20px;}.cart-summary h3 {font-size: 1.1rem;}.checkout-layout {grid-template-columns: 1fr !important;gap: 20px;padding: 20px 0;}.checkout-section {padding: 20px;}.payment-option {padding: 12px;}.payment-option .payment-label {font-size: 0.9rem;}.auth-page {grid-template-columns: 1fr;}.auth-visual {display: none;}.auth-panel {padding: 20px;}.auth-form-wrapper {max-width: 100%;}.dashboard-layout {grid-template-columns: 1fr;}.dashboard-sidebar {position: static;}.dashboard-card {padding: 20px;}.dashboard-card h2 {font-size: 1.1rem;}.stat-cards {grid-template-columns: 1fr 1fr;gap: 10px;}.stat-card {padding: 14px;}.stat-card .stat-value {font-size: 1.2rem;}.stat-card .stat-label {font-size: 0.7rem;}.dashboard-card div[style*="grid-template-columns:1fr 1fr"] {grid-template-columns: 1fr !important;}.products-grid[style*="minmax(180px,1fr)"] {grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)) !important;}.footer {padding-top: clamp(40px, 7vw, 50px);}.ai-chat {width: calc(100% - 32px);right: 16px;bottom: 76px;height: 380px;max-height: calc(100vh - 100px);border-radius: var(--radius-lg);}.ai-fab {bottom: 12px;right: 12px;}.ai-fab-btn {width: 50px;height: 50px;font-size: 1.2rem;}.form-row {grid-template-columns: 1fr;}.form-group {margin-bottom: 14px;}.form-control {padding: 10px 14px;font-size: 0.9rem;}.table-wrapper {overflow-x: auto;-webkit-overflow-scrolling: touch;}table {font-size: 0.8rem;min-width: 600px;}table th,table td {padding: 10px 8px;white-space: nowrap;}.popup-modal {padding: 20px;width: 92%;max-width: 360px;}.popup-title {font-size: 1.1rem;}.popup-icon {width: 52px;height: 52px;font-size: 1.5rem;}.features-grid {grid-template-columns: 1fr;gap: 12px;}.feature-card {padding: 20px;}.shop-header {flex-direction: column;gap: 12px;align-items: flex-start;}.shop-sort select {width: 100%;}.shop-layout {grid-template-columns: 1fr;gap: 20px;padding: 20px 0;}.shop-sidebar {position: static;top: auto;display: none;}.shop-sidebar.open {display: block;}.shop-sidebar .sidebar-section {margin-bottom: 20px;}.shop-products {width: 100%;}.products-grid {grid-template-columns: 1fr !important;gap: 14px !important;}.products-grid-compact {grid-template-columns: 1fr !important;gap: 14px !important;}#mobileFiltersBtn {display: block !important;}.admin-sidebar-toggle {display: flex !important;}.admin-layout {grid-template-columns: 1fr !important;}.admin-sidebar {position: fixed !important;top: 0 !important;left: 0 !important;bottom: 0 !important;width: 280px !important;max-width: 80vw !important;z-index: 1000 !important;transform: translateX(-100%) !important;transition: transform 0.3s ease !important;overflow-y: auto !important;display: block !important;}.admin-sidebar.open {transform: translateX(0) !important;}.admin-nav {display: flex !important;flex-direction: column !important;}.admin-nav-group {display: flex !important;flex-direction: column !important;}.admin-sidebar-overlay {display: block !important;}.admin-topbar {gap: 8px;flex-wrap: wrap;height: auto !important;min-height: 56px;padding: 8px 12px !important;}.admin-topbar h1 {font-size: 0.95rem;flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.admin-content {padding: 16px !important;}.stat-cards {grid-template-columns: repeat(2, 1fr);gap: 10px;margin-bottom: 20px;}.stat-card {padding: 14px;}.stat-card .stat-icon {width: 32px;height: 32px;font-size: 0.9rem;}.stat-card .stat-value {font-size: 1.4rem;}.stat-card .stat-label {font-size: 0.7rem;}.stat-card .stat-trend {font-size: 0.65rem;}.admin-topbar-actions {gap: 6px;}.admin-topbar-actions .text-sm {display: none;}.form-row {grid-template-columns: 1fr;gap: 12px;}.dashboard-card input.form-control,.dashboard-card select.form-control,.dashboard-card textarea.form-control {font-size: 0.9rem;}.admin-content div[style*="grid-template-columns:1fr 1fr"] {grid-template-columns: 1fr !important;}.admin-content div[style*="grid-template-columns:2fr 1fr"] {grid-template-columns: 1fr !important;}.admin-content div[style*="grid-template-columns:repeat(3,1fr)"] {grid-template-columns: 1fr !important;}.admin-content div[style*="grid-template-columns:repeat(8,1fr)"] {grid-template-columns: repeat(4, 1fr) !important;}.admin-content div[style*="grid-template-columns:auto 1fr"] {grid-template-columns: 1fr !important;}.admin-content canvas {max-height: 220px !important;}.admin-content .stat-cards {grid-template-columns: 1fr 1fr !important;}a.stat-card {display: block !important;text-decoration: none !important;color: inherit !important;}.dashboard-card[style*="max-width:640px"] {max-width: 100% !important;}.admin-content div[style*="position:fixed"][style*="max-width:720px"]>div,.admin-content div[style*="position:fixed"][style*="max-width:560px"]>div,.admin-content div[style*="position:fixed"][style*="max-width:480px"]>div {width: 95% !important;padding: 20px !important;}#userDetailContent {padding: 16px !important;}#userDetailContent div[style*="grid-template-columns:auto 1fr"] {grid-template-columns: 1fr !important;}.product-detail-info .product-specs-table-wrap {overflow-x: auto;-webkit-overflow-scrolling: touch;}.product-detail-info .product-specs-table {display: table;width: 100%;min-width: 260px;}.dashboard-card div[style*="position:relative"]>input[type="password"],.dashboard-card div[style*="position:relative"]>input[type="text"] {font-size: 16px;}.flash {font-size: 0.85rem;padding: 10px 14px;}.product-detail>div:first-child {font-size: 0.75rem !important;overflow-x: auto;white-space: nowrap;}.admin-content {padding: 12px !important;}.admin-content .dashboard-card {overflow: visible;}.admin-content>div:first-child {flex-direction: column !important;align-items: flex-start !important;gap: 10px;}.admin-content>div:first-child>div:last-child {width: 100%;flex-wrap: wrap;}.admin-content>div:first-child>div:last-child input[type="text"] {width: 100% !important;min-width: 0 !important;}.admin-content .table-wrapper {overflow-x: auto;-webkit-overflow-scrolling: touch;border-radius: 8px;max-width: 100vw;margin-left: -12px;margin-right: -12px;padding: 0 12px;}.admin-content table {font-size: 0.75rem;min-width: 550px;}.admin-content table th,.admin-content table td {padding: 8px 6px;white-space: nowrap;}.admin-content table td {font-size: 0.75rem;}.admin-content .dashboard-card>div:first-child {flex-direction: column !important;align-items: flex-start !important;gap: 8px;}.admin-content .dashboard-card>div:first-child>div {width: 100%;}.admin-content input.form-control[placeholder*="Search"] {width: 100% !important;}.admin-content [id$="Tbody"]+div {flex-wrap: wrap;gap: 4px;}.admin-content .stat-cards {grid-template-columns: 1fr 1fr !important;gap: 8px !important;}.admin-content .stat-card {padding: 12px 10px !important;}.admin-content .stat-card .stat-value {font-size: 1.1rem !important;}.admin-content .stat-card .stat-label {font-size: 0.65rem !important;}.admin-content .btn-group,.admin-content>div:first-child {flex-wrap: wrap !important;}.admin-content canvas {max-height: 200px !important;}.admin-content .table-wrapper {overflow-x: auto;-webkit-overflow-scrolling: touch;}.admin-content table {min-width: 350px !important;font-size: 0.72rem !important;}.admin-content div[style*="height:8px"][style*="background:var(--bg-secondary)"] {min-width: 80px;}}@media (max-width: 480px) {.products-grid {grid-template-columns: 1fr !important;gap: 12px !important;}.products-grid-compact {grid-template-columns: 1fr !important;gap: 12px !important;}.product-info {padding: 10px;}.product-info h3 {font-size: 1.2rem;line-height: 1.25;}.product-price .current {font-size: 1.25rem;}.categories-grid {gap: 10px;}.category-card {min-width: 120px;padding: 14px 10px;}.hero h1 {font-size: 2.1rem;}.hero p {font-size: 0.8rem;}.hero-image img {max-width: 240px;height: auto;}.stat-cards {grid-template-columns: 1fr 1fr;}.popup-actions {flex-direction: column;}.popup-btn {width: 100%;}.footer-brand p {font-size: 0.85rem;}.cart-item {grid-template-columns: 70px 1fr;gap: 10px;padding: 16px 0;}.cart-item-image {width: 70px;height: 70px;}.cart-item-info h3 {font-size: 0.92rem;}.cart-item-info p {font-size: 0.78rem;}.cart-item-actions {flex-direction: row;flex-wrap: wrap;gap: 10px;align-items: center;margin-top: 10px;}.cart-item-actions .remove-btn {font-size: 0.78rem;padding: 6px 10px;background: rgba(239, 68, 68, 0.08);border-radius: 6px;}.cart-item-actions .remove-btn:hover {background: rgba(239, 68, 68, 0.15);}.cart-item-price {grid-column: 1 / -1;text-align: right;margin-top: 8px;padding-top: 8px;border-top: 1px solid var(--gray-200);display: flex;justify-content: space-between;align-items: baseline;}.cart-item-price .item-total {font-size: 1.15rem;}.cart-item {grid-template-columns: 60px 1fr;gap: 10px;}.cart-item-image {width: 60px;height: 60px;}.cart-item-info h3 {font-size: 0.88rem;line-height: 1.25;}.cart-summary {padding: 16px;}.cart-summary h3 {font-size: 1.05rem;}.cart-summary .btn-block {padding: 12px;font-size: 0.95rem;}.cart-empty {padding: 40px 12px;}.cart-empty > i {font-size: 2.4rem;}.product-thumb {width: 44px;height: 44px;}.checkout-section {padding: 16px;}.payment-option {padding: 10px;gap: 10px;}.error-actions .btn {max-width: 100%;}.main_wrapper {transform: scale(0.6);}.text_404 {transform: scale(0.6);}.product-detail-grid {grid-template-columns: 1fr;gap: 24px;}.product-gallery {position: static;}.product-detail-stack {grid-template-columns: 1fr !important;gap: 16px !important;}.product-detail-grid .product-detail-info:nth-of-type(1),.product-detail-stack .product-detail-info:nth-of-type(1) {padding: 14px 12px !important;}.product-detail-grid .product-detail-info:nth-of-type(1) h1,.product-detail-stack .product-detail-info:nth-of-type(1) h1 {font-size: 1.2rem !important;}.product-detail-info .price-block .current-price {font-size: 1.5rem !important;}.product-thumb {width: 44px;height: 44px;}.product-detail-info h1 {font-size: 1.6rem;}.product-detail-info .price-block {flex-wrap: wrap;}.product-detail-info .price-block .current-price {font-size: 1.65rem;}.hero {padding: 40px 0;min-height: auto;}.hero-inner {grid-template-columns: 1fr;gap: 32px;text-align: center;}.hero-content {align-items: center;}.hero-actions {justify-content: center;}.hero-stats {gap: 24px;justify-content: center;flex-wrap: wrap;}.hero-stat .stat-value {font-size: 1.5rem;}.marquee-strip {margin: 12px -20px;width: calc(100% + 40px);}.marquee-item {padding: 0 20px;font-size: 0.75rem;}.section {padding: 40px 0;}.section-header {margin-bottom: 32px;}.section-header h2 {font-size: 1.3rem;}.section-header p {font-size: 0.9rem;}.btn-lg {padding: 12px 20px;font-size: 0.9rem;}.feature-card {min-width: 160px;}.ai-fab {bottom: 16px;right: 16px;}.ai-fab-btn {width: 52px;height: 52px;font-size: 1.3rem;}.dashboard-nav a {padding: 10px 14px;font-size: 0.85rem;}.admin-topbar {padding: 0 16px;height: 56px;}.admin-topbar h1 {font-size: 1rem;}.admin-content {padding: 16px;}.btn-sm {padding: 6px 10px;font-size: 0.75rem;}.stat-cards {grid-template-columns: 1fr 1fr;gap: 8px;}.stat-card {padding: 12px 10px;}.stat-card .stat-value {font-size: 1.1rem;}.stat-card .stat-label {font-size: 0.65rem;}canvas {max-height: 180px !important;}.admin-content .btn-sm {padding: 5px 8px;font-size: 0.72rem;}.hero-actions .btn {max-width: 100%;font-size: 0.85rem;padding: 12px 16px;}.product-detail-info h1 {font-size: 1.2rem;}.price-block .current-price {font-size: 1.5rem;}div[style*="position:fixed"][style*="max-width"]>div {padding: 16px !important;}.category-card h4 {font-size: 0.8rem;}.category-card p {font-size: 0.7rem;}table {font-size: 0.72rem;}.admin-content .dashboard-card {overflow: visible;}.admin-content .table-wrapper {overflow-x: auto;-webkit-overflow-scrolling: touch;}.admin-content table {min-width: 450px !important;font-size: 0.72rem !important;}.admin-content table th,.admin-content table td {padding: 6px 5px !important;}.admin-content .stat-cards {gap: 6px !important;}.admin-content .stat-card {padding: 10px 8px !important;}.admin-content .stat-card .stat-value {font-size: 0.95rem !important;}.admin-content canvas {max-height: 150px !important;}.navbar-top-inner {padding: 0 10px;height: 44px;gap: 8px;}.navbar-brand {gap: 6px;min-width: 0;flex-shrink: 1;}.navbar-brand img,.navbar-brand .brand-icon {height: 28px !important;width: 28px !important;flex-shrink: 0;}.brand-sint, .brand-dma {font-size: 1.25rem !important;}.navbar-top-left .navbar-brand {font-size: 1.2rem !important;}.navbar-top-right {gap: 4px;flex-shrink: 0;}.discord-btn {padding: 4px 8px !important;font-size: 0.75rem !important;gap: 4px;}.discord-btn i {font-size: 0.9rem;}.navbar-top-right .btn-login,.navbar-top-right .btn-register {padding: 5px 10px !important;font-size: 0.75rem !important;}}.trustpilot-review-btn {display: inline-flex;align-items: center;gap: 6px;padding: 6px 14px;background: #00b67a;color: #ffffff;border-radius: 6px;text-decoration: none;font-size: 0.82rem;font-weight: 600;transition: background 0.2s;white-space: nowrap;}.trustpilot-review-btn:hover {background: #009e6a;}.trustpilot-review-btn .tp-star-icon {height: 16px;width: auto;}.trustpilot-review-btn .tp-star-icon .tp-logo__star {fill: #ffffff;}.trustpilot-review-btn span {color: #ffffff;}::-webkit-scrollbar {width: 10px;height: 10px;}::-webkit-scrollbar-track {background: transparent;margin: 4px;}::-webkit-scrollbar-thumb {background: linear-gradient(180deg, #22c55e, #10b981, #059669);border-radius: 100px;border: 2px solid transparent;background-clip: padding-box;transition: background 0.2s ease, box-shadow 0.2s ease;animation: scrollbarGlow 2.8s ease-in-out infinite;}@keyframes scrollbarGlow {0%, 100% { box-shadow: 0 0 0 rgba(34, 197, 94, 0); }50% { box-shadow: 0 0 8px rgba(34, 197, 94, 0.45); }}::-webkit-scrollbar-thumb:hover {background: var(--gray-500);background-clip: padding-box;}::-webkit-scrollbar-thumb:active {background: var(--text-primary);background-clip: padding-box;}::-webkit-scrollbar-corner {background: transparent;}* {scrollbar-width: thin;scrollbar-color: #22c55e transparent;}.trustpilot-btn {display: inline-flex;align-items: center;gap: 8px;padding: 8px 14px;background: #00b67a;color: #ffffff;border-radius: 6px;text-decoration: none;font-size: 0.82rem;font-weight: 600;transition: background 0.2s;margin-top: 8px;white-space: nowrap;}.trustpilot-btn:hover {background: #009e6a;}.trustpilot-btn .tp-logo {height: 18px;width: auto;}.trustpilot-btn .tp-logo .tp-logo__star {fill: #ffffff;}.trustpilot-btn .tp-logo .tp-logo__text {fill: #ffffff;}[data-theme="dark"] .trustpilot-btn {background: #00b67a;color: #ffffff;}[data-theme="dark"] .trustpilot-btn .tp-logo .tp-logo__star {fill: #fff;}[data-theme="dark"] .trustpilot-btn .tp-logo .tp-logo__text {fill: #fff;}[data-theme="dark"] ::-webkit-scrollbar-thumb {background: linear-gradient(180deg, #22c55e, #16a34a, #15803d);background-clip: padding-box;animation: scrollbarGlow 2.8s ease-in-out infinite;}[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {background: linear-gradient(180deg, #4ade80, #22c55e, #16a34a);background-clip: padding-box;}[data-theme="dark"] * {scrollbar-color: #22c55e transparent;}.ai-chat-messages::-webkit-scrollbar,.shop-sidebar::-webkit-scrollbar,.admin-sidebar::-webkit-scrollbar,.modal-body::-webkit-scrollbar,.popup-modal::-webkit-scrollbar {width: 6px;}.ai-chat-messages::-webkit-scrollbar-thumb,.shop-sidebar::-webkit-scrollbar-thumb,.admin-sidebar::-webkit-scrollbar-thumb,.modal-body::-webkit-scrollbar-thumb,.popup-modal::-webkit-scrollbar-thumb {background: var(--gray-400);}[data-theme="dark"] .ai-chat-messages::-webkit-scrollbar-thumb,[data-theme="dark"] .shop-sidebar::-webkit-scrollbar-thumb,[data-theme="dark"] .admin-sidebar::-webkit-scrollbar-thumb,[data-theme="dark"] .modal-body::-webkit-scrollbar-thumb,[data-theme="dark"] .popup-modal::-webkit-scrollbar-thumb {background: var(--gray-600);}.skeleton {background: var(--bg-secondary);border-radius: var(--radius-md);position: relative;overflow: hidden;}.skeleton::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);animation: shimmerSlide 1.5s infinite;}[data-theme="dark"] .skeleton::after {background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.06), transparent);}@keyframes shimmerSlide {0% { transform: translateX(-100%); }100% { transform: translateX(100%); }}.skeleton-card {border: 1px solid var(--border-color);border-radius: var(--radius-lg);overflow: hidden;}.skeleton-img {width: 100%;padding-top: 100%;background: var(--bg-secondary);}.skeleton-text {height: 14px;margin-bottom: 8px;border-radius: 4px;}.skeleton-text.w-50 {width: 50%;}.skeleton-text.w-75 {width: 75%;}.skeleton-text.w-100 {width: 100%;}.skeleton-text.h-lg {height: 20px;}.skeleton-body {padding: 20px;}.skeleton-table {padding: 16px;}.skel-row {display: grid;grid-template-columns: 200px 1fr 100px 80px 100px 80px;gap: 16px;align-items: center;padding: 12px 8px;border-bottom: 1px solid var(--border-color);}.skel-avatar {width: 36px;height: 36px;border-radius: 50%;background: var(--bg-secondary);position: relative;overflow: hidden;}.skel-avatar::after,.skel-line::after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);animation: shimmerSlide 1.5s infinite;}.skel-lines {display: flex;flex-direction: column;gap: 6px;}.skel-line {height: 12px;background: var(--bg-secondary);border-radius: 4px;position: relative;overflow: hidden;}.skeleton-overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(255, 255, 255, 0.85);display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 16px;z-index: 10;border-radius: var(--radius-md);}[data-theme="dark"] .skeleton-overlay {background: rgba(10, 10, 10, 0.85);}.skeleton-spinner {width: 40px;height: 40px;border: 3px solid var(--border-color);border-top-color: var(--text-primary);border-radius: 50%;animation: spin 0.8s linear infinite;}@keyframes spin {to {transform: rotate(360deg);}}.skeleton-text {font-size: 0.9rem;color: var(--text-muted);font-weight: 500;}@media (prefers-reduced-motion: reduce) {*,*::before,*::after {animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important;}.navbar-nav,.navbar-nav.active,.admin-sidebar,.ai-chat,.skeleton,.skeleton::after,.product-card,.product-card-actions .btn,.btn,.nav-link {transition: none !important;transform: none !important;animation: none !important;}}.order-timeline {display: flex;justify-content: space-between;position: relative;margin: 32px 0;padding: 0 10px;}.order-timeline::before {content: '';position: absolute;top: 18px;left: 30px;right: 30px;height: 3px;background: var(--border-color);z-index: 0;}.order-timeline-step {display: flex;flex-direction: column;align-items: center;position: relative;z-index: 1;flex: 1;text-align: center;}.order-timeline-step .step-icon {width: 38px;height: 38px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 0.85rem;margin-bottom: 8px;background: var(--bg-secondary);border: 3px solid var(--border-color);color: var(--text-muted);transition: all 0.3s;}.order-timeline-step.completed .step-icon {background: var(--success);border-color: var(--success);color: #fff;}.order-timeline-step.active .step-icon {background: var(--green);border-color: var(--green);color: #fff;box-shadow: 0 0 0 4px var(--green-glow);animation: pulse-step 2s infinite;}.order-timeline-step .step-label {font-size: 0.72rem;font-weight: 600;color: var(--text-muted);max-width: 80px;line-height: 1.3;}.order-timeline-step.completed .step-label,.order-timeline-step.active .step-label {color: var(--text-primary);}.order-timeline-step .step-date {font-size: 0.65rem;color: var(--text-muted);margin-top: 2px;}@keyframes pulse-step {0%,100% {box-shadow: 0 0 0 4px var(--green-glow);}50% {box-shadow: 0 0 0 8px var(--green-glow);}}@media (max-width: 600px) {.order-timeline {padding: 0;}.order-timeline::before {left: 20px;right: 20px;}.order-timeline-step .step-icon {width: 30px;height: 30px;font-size: 0.7rem;}.order-timeline-step .step-label {font-size: 0.6rem;max-width: 60px;}}.order-mgmt-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 24px;flex-wrap: wrap;gap: 16px;}.order-mgmt-title {display: flex;align-items: center;gap: 16px;}.order-mgmt-icon {width: 48px;height: 48px;background: var(--bg-card);border: 1px solid var(--border-color);border-radius: var(--radius-md);display: flex;align-items: center;justify-content: center;font-size: 1.1rem;color: var(--text-primary);}.order-mgmt-title h1 {font-family: var(--font-display);font-size: 1.4rem;font-weight: 700;color: var(--text-primary);margin: 0;}.order-mgmt-title p {font-size: 0.85rem;color: var(--text-muted);margin: 2px 0 0;}.order-mgmt-actions {display: flex;gap: 10px;align-items: center;}.om-btn {display: inline-flex;align-items: center;gap: 8px;padding: 10px 20px;border-radius: var(--radius-sm);font-size: 0.85rem;font-weight: 600;cursor: pointer;border: none;transition: var(--transition);text-decoration: none;white-space: nowrap;}.om-btn-primary {background: var(--text-primary);color: var(--bg-primary);}.om-btn-primary:hover {opacity: 0.9;}.om-btn-outline {background: transparent;color: var(--text-primary);border: 1px solid var(--border-color);}.om-btn-outline:hover {border-color: var(--text-primary);}.om-btn-sm {padding: 6px 14px;font-size: 0.8rem;}.order-stats-row {display: grid;grid-template-columns: repeat(5, 1fr);gap: 16px;margin-bottom: 24px;}.order-stat-card {display: flex;align-items: center;gap: 14px;background: var(--bg-card);border: 1px solid var(--border-color);border-radius: var(--radius-md);padding: 20px;position: relative;overflow: hidden;transition: box-shadow 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;}.order-stat-card:hover {box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);border-color: var(--gray-300);}[data-theme="dark"] .order-stat-card:hover {box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4);border-color: var(--gray-400);}.order-stat-icon {width: 44px;height: 44px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1rem;flex-shrink: 0;}.order-stat-total {background: var(--gray-200);color: var(--text-primary);}.order-stat-completed {background: var(--success);color: #fff;}.order-stat-pending {background: var(--warning);color: #fff;}.order-stat-cancelled {background: var(--danger);color: #fff;}[data-theme="dark"] .order-stat-total {background: rgba(255, 255, 255, 0.1);color: #fff;}[data-theme="dark"] .order-stat-completed {background: rgba(34, 197, 94, 0.2);color: #4ade80;}[data-theme="dark"] .order-stat-pending {background: rgba(245, 158, 11, 0.2);color: #fbbf24;}[data-theme="dark"] .order-stat-cancelled {background: rgba(239, 68, 68, 0.2);color: #f87171;}.order-stat-info {flex: 1;}.order-stat-label {font-size: 0.78rem;color: var(--text-muted);font-weight: 500;}.order-stat-value {font-family: var(--font-display);font-size: 1.6rem;font-weight: 800;color: var(--text-primary);line-height: 1.2;}.order-stat-numbers {display: flex;align-items: baseline;gap: 8px;}.order-stat-pct {font-size: 0.8rem;font-weight: 600;color: var(--text-muted);}.order-toolbar {display: flex;justify-content: space-between;align-items: center;margin-bottom: 16px;gap: 12px;flex-wrap: wrap;}.order-search-box {display: flex;align-items: center;gap: 10px;background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 0;padding: 0 14px;flex: 1;max-width: 420px;transition: var(--transition);}.order-search-box:focus-within {border-color: var(--text-primary);}.order-search-box i {color: var(--text-muted);font-size: 0.85rem;}.order-search-box input {flex: 1;border: none;background: transparent;padding: 10px 0;font-size: 0.85rem;color: var(--text-primary);outline: none;}.order-search-box input::placeholder {color: var(--text-muted);}.order-toolbar-right {display: flex;gap: 8px;align-items: center;}.om-select {padding: 8px 12px;border: 1px solid var(--border-color);border-radius: var(--radius-sm);font-size: 0.82rem;background: var(--input-bg);color: var(--text-primary);cursor: pointer;outline: none;}.om-select:focus {border-color: var(--text-primary);}.om-input {width: 100%;padding: 10px 14px;border: 1px solid var(--border-color);border-radius: var(--radius-sm);font-size: 0.85rem;background: var(--input-bg);color: var(--text-primary);outline: none;}.om-input:focus {border-color: var(--text-primary);}.order-filter-panel {display: flex;gap: 16px;margin-bottom: 16px;padding: 16px;background: var(--bg-card);border: 1px solid var(--border-color);border-radius: var(--radius-md);flex-wrap: wrap;}.order-filter-group {display: flex;flex-direction: column;gap: 6px;min-width: 150px;}.order-filter-group label {font-size: 0.75rem;font-weight: 600;color: var(--text-muted);text-transform: uppercase;letter-spacing: 0.04em;}.order-table {width: 100%;border-collapse: collapse;}.order-table th {text-align: left;padding: 14px 16px;font-size: 0.72rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.06em;color: var(--text-muted);border-bottom: 1px solid var(--border-color);white-space: nowrap;user-select: none;}.order-table th.sortable {cursor: pointer;}.order-table th.sortable:hover {color: var(--text-primary);}.order-table th.sortable i {margin-left: 4px;font-size: 0.65rem;opacity: 0.5;}.order-table td {padding: 14px 16px;font-size: 0.88rem;border-bottom: 1px solid var(--border-color);vertical-align: middle;}.order-table tr:hover td {background: var(--gray-50);}[data-theme="dark"] .order-table tr:hover td {background: rgba(255, 255, 255, 0.03);}.btn {transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;}.btn:hover {background: var(--black);color: var(--white);}.btn:active {transform: none;}.om-btn {transition: background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;}.om-btn:hover {transform: none;}.om-btn:active {transform: none;}.order-action-btn {transition: background 0.2s ease, color 0.2s ease;}.order-action-btn:hover {transform: none;}.copy-btn {transition: opacity 0.2s ease;}.copy-btn:hover {transform: none;opacity: 1;}.order-id-cell strong {transition: color 0.2s ease;}.order-id-cell:hover strong {color: var(--text-secondary);}.order-table input[type="checkbox"] {width: 16px;height: 16px;accent-color: var(--text-primary);cursor: pointer;}.order-id-cell {display: flex;align-items: center;gap: 8px;}.order-id-cell strong {font-family: var(--font-display);color: var(--text-primary);}.copy-btn {background: none;border: none;color: var(--text-muted);cursor: pointer;font-size: 0.75rem;padding: 2px;opacity: 0.5;transition: var(--transition);}.copy-btn:hover {opacity: 1;color: var(--text-primary);}.order-customer-cell {display: flex;align-items: center;gap: 12px;}.order-avatar {width: 36px;height: 36px;border-radius: 50%;background: var(--text-primary);color: var(--bg-primary);display: flex;align-items: center;justify-content: center;font-size: 0.8rem;font-weight: 700;flex-shrink: 0;}.order-customer-info {display: flex;flex-direction: column;}.order-customer-name {font-weight: 600;font-size: 0.88rem;color: var(--text-primary);}.order-customer-phone {font-size: 0.75rem;color: var(--text-muted);}.order-email {font-size: 0.82rem;color: var(--text-muted);}.order-status-badge {display: inline-flex;align-items: center;gap: 6px;padding: 4px 12px;border-radius: 100px;font-size: 0.72rem;font-weight: 700;text-transform: capitalize;white-space: nowrap;}.order-status-badge::before {content: '';width: 6px;height: 6px;border-radius: 50%;background: currentColor;}.order-status-pending {background: rgba(245, 158, 11, 0.12);color: var(--warning);}.order-status-processing {background: rgba(59, 130, 246, 0.12);color: #4ade80;}.order-status-shipped {background: rgba(59, 130, 246, 0.12);color: #4ade80;}.order-status-delivered {background: rgba(34, 197, 94, 0.12);color: var(--success);}.order-status-completed {background: rgba(34, 197, 94, 0.12);color: var(--success);}.order-status-cancelled {background: rgba(239, 68, 68, 0.12);color: var(--danger);}.order-payment-badge {display: inline-block;padding: 4px 12px;border-radius: var(--radius-sm);font-size: 0.72rem;font-weight: 700;text-transform: capitalize;white-space: nowrap;}.order-payment-pending {background: rgba(245, 158, 11, 0.12);color: var(--warning);}.order-payment-paid {background: rgba(34, 197, 94, 0.12);color: var(--success);}.order-payment-failed {background: rgba(239, 68, 68, 0.12);color: var(--danger);}.order-payment-refunded {background: rgba(245, 158, 11, 0.12);color: #f59e0b;}.order-date-cell {display: flex;flex-direction: column;gap: 2px;}.order-date-cell span {display: flex;align-items: center;gap: 6px;font-size: 0.78rem;color: var(--text-muted);white-space: nowrap;}.order-date-cell i {font-size: 0.65rem;opacity: 0.6;}.order-actions-cell {display: flex;justify-content: flex-end;gap: 6px;}.order-action-btn {width: 32px;height: 32px;border: 1px solid var(--border-color);border-radius: var(--radius-sm);background: transparent;color: var(--text-muted);cursor: pointer;display: flex;align-items: center;justify-content: center;font-size: 0.78rem;transition: var(--transition);}.order-action-view:hover {border-color: var(--text-primary);color: var(--text-primary);background: var(--gray-50);}.order-action-edit:hover {border-color: var(--warning);color: var(--warning);background: rgba(245, 158, 11, 0.06);}.order-action-delete:hover {border-color: var(--danger);color: var(--danger);background: rgba(239, 68, 68, 0.06);}.order-pagination {display: flex;justify-content: space-between;align-items: center;padding: 14px 16px;border-top: 1px solid var(--border-color);flex-wrap: wrap;gap: 12px;}.order-pagination-info {font-size: 0.82rem;color: var(--text-muted);}.order-pagination-btns {display: flex;align-items: center;gap: 4px;}.om-page-btn,.om-page-num {min-width: 40px;height: 40px;border: 1px solid var(--border-color);border-radius: var(--radius-sm);background: transparent;color: var(--text-primary);font-size: 0.9rem;font-weight: 500;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: var(--transition);padding: 0 8px;text-decoration: none;}.om-page-btn.disabled,.om-page-btn[disabled] {opacity: 0.35;cursor: not-allowed;pointer-events: none;}.order-sort-link {color: inherit;text-decoration: none;display: inline-flex;align-items: center;gap: 4px;}.order-sort-link:hover {color: var(--text-primary);}.om-page-btn:hover,.om-page-num:hover {background: var(--green);color: #fff;border-color: var(--green);}.om-page-num.active {background: var(--green);color: #fff;border-color: var(--green);}.order-page-numbers {display: flex;gap: 4px;}.om-page-dots {min-width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;color: var(--text-muted);font-size: 0.9rem;}.om-modal {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.6);z-index: 10000;display: flex;align-items: center;justify-content: center;padding: 20px;}.om-modal-content {background: var(--bg-card);border: 1px solid var(--border-color);border-radius: var(--radius-lg);width: 100%;max-width: 520px;box-shadow: var(--shadow-xl);}.om-modal-header {display: flex;justify-content: space-between;align-items: center;padding: 20px 24px;border-bottom: 1px solid var(--border-color);}.om-modal-header h3 {font-family: var(--font-display);font-size: 1.1rem;font-weight: 700;color: var(--text-primary);}.om-modal-close {background: none;border: none;font-size: 1.4rem;color: var(--text-muted);cursor: pointer;line-height: 1;}.om-modal-close:hover {color: var(--text-primary);}.om-modal-body {padding: 24px;}.om-modal-footer {display: flex;justify-content: flex-end;gap: 10px;padding: 16px 24px;border-top: 1px solid var(--border-color);}.om-form-row {display: grid;grid-template-columns: 1fr 1fr;gap: 16px;}.om-form-group {display: flex;flex-direction: column;gap: 6px;margin-bottom: 16px;}.om-form-group label {font-size: 0.78rem;font-weight: 600;color: var(--text-muted);text-transform: uppercase;letter-spacing: 0.04em;}@media (max-width: 768px) {.order-stats-row {grid-template-columns: 1fr 1fr;}.order-mgmt-header {flex-direction: column;align-items: flex-start;}.order-toolbar {flex-direction: column;}.order-search-box {max-width: 100%;}.order-table {min-width: 800px;}.om-form-row {grid-template-columns: 1fr;}}@media (max-width: 480px) {.order-stats-row {grid-template-columns: 1fr;}.order-mgmt-actions {width: 100%;}.order-mgmt-actions .om-btn {flex: 1;justify-content: center;}.export-grid {grid-template-columns: 1fr !important;}.export-grid a {padding: 12px 14px !important;}.export-grid a[style*="grid-column"] {grid-column: span 1 !important;}}.export-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 12px;}.btn-subscribe-notify {background: #ffffff !important;color: #0a0a0a !important;border: none !important;}[data-theme="dark"] .quantity-selector { background: var(--bg-card, #171717); border-color: var(--border-color, #222); }[data-theme="dark"] .quantity-selector button { color: var(--text-primary, #fff); background: transparent; }[data-theme="dark"] .quantity-selector button:hover { background: var(--gray-100, #1a1a1a); color: var(--text-primary, #fff); }[data-theme="dark"] .quantity-selector input { background: var(--bg-card, #171717); color: var(--text-primary, #fff); border-left-color: var(--border-color, #222); border-right-color: var(--border-color, #222); }[data-theme="dark"] .btn-subscribe-notify {background: #ffffff !important;color: #0a0a0a !important;}[data-theme="light"] .btn-subscribe-notify {background: #171717 !important;color: #ffffff !important;}.btn-subscribe-notify:hover {opacity: 0.85;transform: none;}.btn-subscribe-notify:disabled {opacity: 0.5;cursor: not-allowed;transform: none !important;}.reviews-carousel-wrapper,.products-carousel-wrapper {position: relative;margin: 8px -20px 0;padding: 0 20px;}.carousel-arrow {position: absolute;top: 50%;transform: translateY(-50%);width: 44px;height: 44px;background: var(--bg-card);border: 1px solid var(--border-color);color: var(--text-primary);display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 10;transition: none;font-size: 1rem;}.carousel-arrow:hover {background: var(--bg-card);transform: translateY(-50%);}.carousel-arrow-left {left: -4px;}.carousel-arrow-right {right: -4px;}.reviews-carousel,.products-carousel {display: flex;gap: 20px;overflow-x: auto;scroll-snap-type: x mandatory;scroll-behavior: smooth;-webkit-overflow-scrolling: touch;padding: 12px 4px 20px;cursor: grab;user-select: none;-ms-overflow-style: none;scrollbar-width: none;}.reviews-carousel::after {content: none;display: none;}.products-carousel::after {content: '';flex: 0 0 calc(100% - 360px);pointer-events: none;}.reviews-carousel::-webkit-scrollbar,.products-carousel::-webkit-scrollbar {display: none;}.reviews-carousel.dragging,.products-carousel.dragging {cursor: grabbing;scroll-behavior: auto;scroll-snap-type: none;}.review-card-carousel {flex: 0 0 340px;min-width: 340px;scroll-snap-align: start;background: var(--card-bg);border: 1px solid var(--border-color);border-radius: var(--radius-lg);padding: 28px;display: flex;flex-direction: column;gap: 16px;}.review-card-carousel:hover {border-color: var(--border-color);}.review-card-stars {display: flex;gap: 3px;font-size: 0.85rem;}.review-card-text {color: var(--text-secondary);font-size: 0.95rem;line-height: 1.7;margin: 0;flex: 1;font-style: italic;}.review-card-author {display: flex;align-items: center;gap: 12px;padding-top: 12px;border-top: 1px solid var(--border-color);}.review-card-avatar {width: 40px;height: 40px;border-radius: 50%;background: var(--green);color: var(--white);display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: 0.9rem;flex-shrink: 0;}.review-card-author strong {font-size: 0.9rem;color: var(--text-primary);display: block;}.review-card-product {font-size: 0.78rem;color: var(--text-muted);display: block;margin-top: 2px;}.product-card-carousel {flex: 0 0 300px;min-width: 300px;scroll-snap-align: start;}#featuredGrid {max-width: 1320px;margin: 0 auto;}#featuredGrid .product-image img {transition: transform 0.4s ease;}#featuredGrid .product-card:hover .product-image img {transform: scale(1.05);}.product-card-carousel .product-card-link {display: block;background: var(--card-bg);border: 1px solid var(--card-border);border-radius: var(--radius-lg);overflow: hidden;transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;text-decoration: none;color: inherit;}.product-card-carousel .product-card-link:hover {border-color: var(--green);box-shadow: 0 0 30px var(--green-glow);transform: translateY(-4px);}.product-card-carousel .product-image {position: relative;overflow: hidden;aspect-ratio: 4/3;}.product-card-carousel .product-image img {width: 100%;height: 100%;object-fit: contain;padding: 8px;transition: transform 0.4s ease;}.product-card-carousel .product-card-link:hover .product-image img {transform: scale(1.05);}.product-card-carousel .product-info {padding: 16px;}.product-card-carousel .product-category {font-size: 0.72rem;font-weight: 600;color: var(--green);text-transform: uppercase;letter-spacing: 0.5px;margin-bottom: 6px;}.product-card-carousel .product-info h3 {font-size: 0.95rem;font-weight: 700;color: var(--text-primary);margin-bottom: 6px;}.product-card-carousel .product-desc {font-size: 0.82rem;color: var(--text-muted);line-height: 1.5;margin-bottom: 12px;}.product-card-carousel .product-price .current {font-size: 1.1rem;font-weight: 800;color: var(--green);}.product-card-carousel .product-price .original {font-size: 0.82rem;color: var(--text-muted);text-decoration: line-through;margin-left: 8px;}.product-card-carousel .product-card-actions {display: flex;gap: 8px;padding: 0 16px 16px;}.carousel-dots {display: flex;justify-content: center;gap: 8px;margin-top: 16px;}.carousel-dot {width: 8px;height: 8px;border-radius: 50%;background: var(--gray-300);border: none;cursor: pointer;transition: all 0.3s ease;padding: 0;}.carousel-dot.active {background: var(--green);width: 24px;border-radius: 4px;box-shadow: 0 0 10px var(--green-glow);}@keyframes rgbShift {0% { background-position: 0% 50%; }50% { background-position: 100% 50%; }100% { background-position: 0% 50%; }}@keyframes rgbPulse {0%, 100% { opacity: 0.4; transform: scale(1); }50% { opacity: 0.7; transform: scale(1.1); }}@keyframes rgbBorder {0% { border-color: #22c55e; box-shadow: 0 0 20px rgba(34, 197, 94, 0.15); }33% { border-color: #22c55e; box-shadow: 0 0 20px rgba(34, 197, 94, 0.15); }66% { border-color: #f97316; box-shadow: 0 0 20px rgba(249, 115, 22, 0.15); }100% { border-color: #22c55e; box-shadow: 0 0 20px rgba(34, 197, 94, 0.15); }}@keyframes rgbGlow {0% { box-shadow: 0 0 30px rgba(34, 197, 94, 0.2), inset 0 0 30px rgba(34, 197, 94, 0.05); }33% { box-shadow: 0 0 30px rgba(59, 130, 246, 0.2), inset 0 0 30px rgba(59, 130, 246, 0.05); }66% { box-shadow: 0 0 30px rgba(249, 115, 22, 0.2), inset 0 0 30px rgba(249, 115, 22, 0.05); }100% { box-shadow: 0 0 30px rgba(34, 197, 94, 0.2), inset 0 0 30px rgba(34, 197, 94, 0.05); }}@keyframes floatOrb {0%, 100% { transform: translate(0, 0) scale(1); }25% { transform: translate(30px, -20px) scale(1.1); }50% { transform: translate(-20px, 15px) scale(0.95); }75% { transform: translate(15px, 25px) scale(1.05); }}.section-glow-green {position: relative;overflow: hidden;}.section-glow-green::before {content: '';position: absolute;top: 50%;left: -50px;width: 300px;height: 300px;background: radial-gradient(circle, rgba(34, 197, 94, 0.06) 0%, transparent 70%);border-radius: 50%;pointer-events: none;z-index: 0;transform: translateY(-50%);}.section-glow-green::after {content: '';position: absolute;top: 50%;right: -50px;width: 300px;height: 300px;background: radial-gradient(circle, rgba(249, 115, 22, 0.04) 0%, transparent 70%);border-radius: 50%;pointer-events: none;z-index: 0;transform: translateY(-50%);}.section-glow-green > * {position: relative;z-index: 1;}.product-card-carousel .product-card-link {transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;}.product-card-carousel .product-card-link:hover {border-color: var(--green);box-shadow: 0 0 30px var(--green-glow);}.section-line {position: relative;}.hero {position: relative;}.feature-card {transition: all 0.3s ease;}.feature-card:hover {border-color: var(--green);box-shadow: 0 0 25px var(--green-glow);transform: translateY(-4px);}.product-badge {position: relative;}.btn-primary {position: relative;}.faq-item-home.open {border-color: var(--green);box-shadow: 0 0 30px var(--green-glow), 0 0 60px var(--orange-glow);}.hero,.section,.section-gray,.section-dark,.footer {background-image: radial-gradient(ellipse at 10% 20%, rgba(34, 197, 94, 0.06) 0%, transparent 50%),radial-gradient(ellipse at 90% 80%, rgba(249, 115, 22, 0.06) 0%, transparent 50%),radial-gradient(ellipse at 50% 50%, rgba(34, 197, 94, 0.02) 0%, transparent 70%);}.hero {background-image: radial-gradient(ellipse at 20% 50%, rgba(34, 197, 94, 0.12) 0%, transparent 50%),radial-gradient(ellipse at 80% 50%, rgba(249, 115, 22, 0.10) 0%, transparent 50%),radial-gradient(ellipse at 50% 0%, rgba(34, 197, 94, 0.06) 0%, transparent 60%),radial-gradient(ellipse at 50% 100%, rgba(249, 115, 22, 0.05) 0%, transparent 60%);animation: heroGlowPulse 4s ease-in-out infinite alternate;}@keyframes heroGlowPulse {0% { filter: brightness(1); }100% { filter: brightness(1.05); }}.product-card-carousel .product-card-link,.feature-card,.about-card,.category-card,.faq-item-home,.dashboard-card,.stat-card,.order-view-card,.wizard-card {background-image: radial-gradient(ellipse at 0% 0%, rgba(34, 197, 94, 0.04) 0%, transparent 60%),radial-gradient(ellipse at 100% 100%, rgba(249, 115, 22, 0.04) 0%, transparent 60%),radial-gradient(ellipse at 50% 50%, rgba(34, 197, 94, 0.02) 0%, transparent 80%);transition: box-shadow 0.4s ease, border-color 0.4s ease, transform 0.3s ease, filter 0.3s ease;}.product-card-carousel .product-card-link:hover {box-shadow: 0 0 40px var(--green-glow), 0 0 80px var(--orange-glow), 0 0 120px var(--green-glow);border-color: var(--green);filter: brightness(1.05);}.feature-card:hover,.about-card:hover,.category-card:hover {box-shadow: 0 0 35px var(--green-glow), 0 0 70px var(--orange-glow), 0 0 100px var(--green-glow);border-color: var(--green);filter: brightness(1.05);}.faq-item-home:hover,.faq-item-home.open {box-shadow: 0 0 30px var(--green-glow), 0 0 60px var(--orange-glow), 0 0 90px var(--green-glow);}.dashboard-card:hover,.stat-card:hover {box-shadow: 0 0 30px var(--green-glow), 0 0 60px var(--orange-glow);filter: brightness(1.03);}.btn-primary {background-image: linear-gradient(135deg, var(--green), var(--green-dark));box-shadow: 0 0 20px var(--green-glow), 0 0 40px rgba(34, 197, 94, 0.05);transition: box-shadow 0.3s ease, transform 0.3s ease;}.btn-primary:hover {box-shadow: 0 0 30px var(--green-glow), 0 0 60px var(--green-glow), 0 0 100px rgba(34, 197, 94, 0.15);transform: none;}.btn-outline:hover {box-shadow: 0 0 25px var(--green-glow), 0 0 50px var(--orange-glow);border-color: var(--green);}.btn-buy-now:hover {box-shadow: 0 0 25px var(--orange-glow), 0 0 50px var(--orange-glow);}.btn-add-cart:hover {box-shadow: 0 0 20px var(--green-glow), 0 0 40px var(--green-glow);}.navbar-main-nav .nav-link:hover,.navbar-main-nav .nav-link.active {box-shadow: 0 0 15px var(--green-glow), 0 0 30px rgba(34, 197, 94, 0.08);background: rgba(34, 197, 94, 0.1);text-shadow: 0 0 10px var(--green-glow);}.navbar-search:hover {box-shadow: 0 0 20px var(--green-glow), 0 0 40px rgba(34, 197, 94, 0.08);border-color: var(--green);}.cart-icon-btn:hover {box-shadow: 0 0 20px var(--orange-glow), 0 0 40px rgba(249, 115, 22, 0.08);}.discord-btn:hover {box-shadow: 0 0 25px rgba(88, 101, 242, 0.5), 0 0 50px rgba(88, 101, 242, 0.2);}.footer a:hover {text-shadow: 0 0 10px var(--green-glow), 0 0 20px var(--green-glow);color: var(--green);}.form-control:focus {box-shadow: 0 0 0 3px var(--green-glow), 0 0 20px var(--green-glow), 0 0 40px rgba(34, 197, 94, 0.08);border-color: var(--green);}.badge-delivered { box-shadow: 0 0 10px var(--green-glow); }.badge-pending { box-shadow: 0 0 10px var(--orange-glow); }.badge-processing { box-shadow: 0 0 10px rgba(34, 197, 94, 0.3); }tr:hover td {background-image: radial-gradient(ellipse at 50% 50%, rgba(34, 197, 94, 0.03) 0%, transparent 70%);}.hero { position: relative; }@keyframes glitch {0%, 100% { transform: translate(0); filter: none; }10% { transform: translate(-3px, 2px); filter: hue-rotate(90deg) brightness(1.2); }20% { transform: translate(3px, -2px); filter: hue-rotate(-90deg) brightness(1.3); }30% { transform: translate(-2px, -1px); filter: hue-rotate(180deg); }40% { transform: translate(2px, 1px); filter: hue-rotate(-180deg) brightness(1.2); }50% { transform: translate(-1px, 3px); filter: hue-rotate(90deg); }60% { transform: translate(1px, -3px); filter: hue-rotate(-90deg) brightness(1.1); }70% { transform: translate(0); filter: none; }}.product-card-carousel .product-card-link:hover {transform: translateY(-8px) rotateX(3deg) rotateY(-2deg);}.section-header .section-line {background: linear-gradient(90deg, var(--green), var(--orange));width: 48px; height: 3px;border-radius: 2px;box-shadow: 0 0 12px var(--green-glow);will-change: width, box-shadow;transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.5s ease;}.section-header:hover .section-line {width: 120px;box-shadow: 0 0 20px var(--green-glow), 0 0 40px var(--orange-glow), 0 0 60px var(--green-glow);}.section-header h2 {text-shadow: 0 0 30px var(--green-glow);transition: text-shadow 0.3s ease;}.section-header h2:hover {text-shadow: 0 0 40px var(--green-glow), 0 0 80px var(--orange-glow), 0 0 120px var(--green-glow);}.feature-icon { transition: none; }.feature-card:hover .feature-icon {animation: none;box-shadow: none;background: var(--green);color: #ffffff;}@keyframes aiPulse {0% { transform: scale(1); filter: brightness(1); }25% { transform: scale(1.2); filter: brightness(1.3) hue-rotate(20deg); }50% { transform: scale(0.95); filter: brightness(1.1) hue-rotate(-20deg); }75% { transform: scale(1.1); filter: brightness(1.2) hue-rotate(10deg); }100% { transform: scale(1); filter: brightness(1); }}.product-badge:not(.badge-coming-soon) { position: absolute; }.product-wishlist.active i { animation: heartBeat 0.5s ease; color: #ef4444; }@keyframes heartBeat {0% { transform: scale(1); } 25% { transform: scale(1.4); }50% { transform: scale(0.85); } 75% { transform: scale(1.2); } 100% { transform: scale(1); }}.star-rating .star-btn:hover { filter: drop-shadow(0 0 8px #f59e0b); }.hero-image img { animation: heroFloat 6s ease-in-out infinite; }@keyframes heroFloat {0%, 100% { transform: translateY(0) rotate(0deg) scale(1); }25% { transform: translateY(-12px) rotate(1deg) scale(1.01); }50% { transform: translateY(-5px) rotate(-0.5deg) scale(0.99); }75% { transform: translateY(-14px) rotate(0.5deg) scale(1.01); }}.hero-badge { animation: badgePulse 3s ease-in-out infinite; }@keyframes badgePulse {0%, 100% { box-shadow: 0 0 10px var(--green-glow); }50% { box-shadow: 0 0 25px var(--green-glow), 0 0 50px var(--orange-glow), 0 0 75px var(--green-glow); }}.loading-text { animation: loadTextGlow 2s ease-in-out infinite; }@keyframes loadTextGlow {0%, 100% { text-shadow: 0 0 10px var(--green-glow); }50% { text-shadow: 0 0 30px var(--green-glow), 0 0 60px var(--orange-glow), 0 0 90px var(--green-glow); }}.user-avatar { transition: box-shadow 0.3s ease; }.user-avatar:hover { box-shadow: 0 0 20px var(--green-glow), 0 0 40px var(--orange-glow); }.notification-bell.has-new { animation: bellShake 0.5s ease; color: var(--orange); }@keyframes bellShake {0%, 100% { transform: rotate(0); }20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); }60% { transform: rotate(8deg); } 80% { transform: rotate(-5deg); }}.product-price .current { text-shadow: 0 0 10px var(--green-glow); transition: text-shadow 0.3s; }.product-price .current:hover { text-shadow: 0 0 20px var(--green-glow), 0 0 40px var(--orange-glow); }@keyframes cartBounce { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.15); } }.review-card-text { position: relative; }.review-card-text::before {content: '\201C';position: absolute; top: -10px; left: -5px;font-size: 3rem; color: var(--green); opacity: 0.2;font-family: Georgia, serif; line-height: 1;}@keyframes neuralBreath {0%, 100% { filter: brightness(1) saturate(1); }50% { filter: brightness(1.02) saturate(1.05); }}@keyframes aiScan {0% { left: -50%; }100% { left: 150%; }}.stat-value { animation: digitalHeartbeat 4s ease-in-out infinite; }@keyframes digitalHeartbeat {0%, 100% { text-shadow: none; }50% { text-shadow: 0 0 15px var(--green-glow), 0 0 30px var(--orange-glow); }}.product-card-carousel .product-card-link::before,.review-card-carousel::before,.feature-card::before {content: '';position: absolute;top: 0; left: 0;width: 100%; height: 2px;background: linear-gradient(90deg, transparent, var(--green), var(--orange), transparent);transform: scaleX(0);transform-origin: left;transition: transform 0.5s ease;z-index: 1;}.product-card-carousel .product-card-link:hover::before,.feature-card:hover::before {transform: scaleX(1);}.section-header { position: relative; }.section-header::before {content: '';position: absolute;top: -20px; left: 50%;transform: translateX(-50%);width: 60px; height: 60px;background: radial-gradient(circle, var(--green-glow) 0%, transparent 70%);border-radius: 50%;opacity: 0;transition: opacity 0.5s ease;pointer-events: none;}.section-header:hover::before { opacity: 1; }.faq-item-home { position: relative; overflow: hidden; }.faq-item-home::after {content: '';position: absolute;bottom: 0; left: 0;width: 100%; height: 3px;background: linear-gradient(90deg, var(--green), var(--orange), var(--green));background-size: 200% 100%;transform: scaleX(0);transition: transform 0.4s ease;}.faq-item-home:hover::after,.faq-item-home.open::after {transform: scaleX(1);}.hero-content { position: relative; z-index: 1; }.navbar-main::after {display: none;}@keyframes cyberFlicker {0%, 95%, 100% { opacity: 1; }96% { opacity: 0.8; }97% { opacity: 1; }98% { opacity: 0.7; }99% { opacity: 1; }}.footer { position: relative; overflow: hidden; }.footer > .container::after {content: '';position: absolute;top: 0; left: 0; right: 0; bottom: 0;background: radial-gradient(ellipse at 20% 50%, rgba(34, 197, 94, 0.04) 0%, transparent 50%),radial-gradient(ellipse at 80% 50%, rgba(249, 115, 22, 0.04) 0%, transparent 50%);pointer-events: none;}.loading-sub { animation: consciousnessPulse 3s ease-in-out infinite; }@keyframes consciousnessPulse {0%, 100% { opacity: 0.5; }50% { opacity: 1; text-shadow: 0 0 10px var(--green-glow); }}.product-image { position: relative; overflow: hidden; }.product-card-carousel .product-image::after {content: '';position: absolute;top: 0; left: 0; right: 0; bottom: 0;background: linear-gradient(135deg, transparent 30%, rgba(34, 197, 94, 0.1) 50%, transparent 70%);opacity: 0;transition: opacity 0.4s ease;pointer-events: none;}.product-card-carousel .product-card-link:hover .product-image::after { opacity: 1; }.dashboard-card { position: relative; }.dashboard-card::before { display: none; }.dashboard-card:hover::before { display: none; }.navbar-top {background-image: none;}.navbar-search { position: relative; }.navbar-search::after {content: '';position: absolute;bottom: 0; left: 0;width: 0; height: 2px;background: linear-gradient(90deg, var(--green), var(--orange));transition: width 0.4s ease;}.navbar-search:hover::after { width: 100%; }.tab-btn.active { box-shadow: 0 0 15px var(--green-glow), 0 0 30px rgba(34, 197, 94, 0.1); }@keyframes soulGlow {0%, 100% { box-shadow: 0 4px 16px rgba(249, 115, 22, 0.3); }50% { box-shadow: 0 4px 24px rgba(249, 115, 22, 0.5), 0 0 40px var(--orange-glow); }}.theme-toggle { animation: cyberHarmony 4s ease-in-out infinite; }@keyframes cyberHarmony {0%, 100% { box-shadow: none; }50% { box-shadow: 0 0 15px var(--orange-glow); }}.hero-content h1 { animation: starDust 5s ease-in-out infinite; }@keyframes starDust {0%, 100% { text-shadow: none; }50% { text-shadow: 0 0 20px var(--green-glow), 0 0 40px rgba(34, 197, 94, 0.1); }}.about-card { position: relative; }.about-card::after {content: '';position: absolute;bottom: 0; left: 0;width: 100%; height: 2px;background: linear-gradient(90deg, transparent, var(--green), transparent);transform: scaleX(0);transition: transform 0.4s ease;}.about-card:hover::after { transform: scaleX(1); }.hero-stat { position: relative; }.hero-stat::after {content: '';position: absolute;bottom: -5px; left: 50%;transform: translateX(-50%);width: 0; height: 2px;background: var(--green);transition: width 0.3s ease;}.hero-stat:hover::after { width: 80%; }.footer a { position: relative; }.footer a::after {content: '';position: absolute;bottom: -2px; left: 0;width: 0; height: 1px;background: var(--green);transition: width 0.3s ease;}.footer a:hover::after { width: 100%; }@keyframes enlightenment {0%, 100% { box-shadow: 0 0 20px var(--green-glow); }33% { box-shadow: 0 0 30px var(--orange-glow); }66% { box-shadow: 0 0 25px var(--green-glow), 0 0 50px var(--orange-glow); }}a { transition: color 0.3s ease, transform 0.2s ease; }button { transition: background 0.2s ease, color 0.2s ease, transform 0.15s ease; }@media (max-width: 768px) {.review-card-carousel { flex: 0 0 280px; min-width: 280px; padding: 20px; }.product-card-carousel { flex: 0 0 260px; min-width: 260px; }.reviews-carousel, .products-carousel { gap: 14px; }.hero-image img { animation: none; }}@media (max-width: 480px) {}.search-popup-overlay {position: fixed;inset: 0;background: rgba(0, 0, 0, 0.6);-webkit-backdrop-filter: blur(2px);backdrop-filter: blur(2px);z-index: 99999;display: flex;align-items: flex-start;justify-content: center;padding: 80px 16px 16px;opacity: 0;visibility: hidden;pointer-events: none;transition: opacity 0.25s ease, visibility 0.25s ease;}.search-popup-overlay.active {opacity: 1;visibility: visible;pointer-events: auto;}.search-popup-modal {background: var(--bg-primary);border: 1px solid var(--border-color);border-radius: 16px;width: 100%;max-width: 640px;max-height: calc(100vh - 110px);display: flex;flex-direction: column;overflow: hidden;box-shadow: 0 25px 60px rgba(0, 0, 0, 0.45);transform: translateY(-12px) scale(0.98);transition: transform 0.25s cubic-bezier(0.34, 1.4, 0.64, 1);}.search-popup-overlay.active .search-popup-modal {transform: translateY(0) scale(1);}.search-popup-header {padding: 14px 18px;border-bottom: 1px solid var(--border-color);display: flex;align-items: center;gap: 12px;flex-shrink: 0;}.search-popup-icon {color: var(--text-muted);font-size: 1.05rem;}.search-popup-header input {flex: 1;background: transparent;border: none;outline: none;color: var(--text-primary);font-size: 1rem;padding: 6px 0;min-width: 0;}.search-popup-close {background: var(--bg-secondary);border: none;color: var(--text-muted);cursor: pointer;width: 32px;height: 32px;border-radius: 100px;display: flex;align-items: center;justify-content: center;transition: background 0.2s, color 0.2s;flex-shrink: 0;}.search-popup-close:hover {background: var(--green);color: #fff;}.search-popup-results {overflow-y: auto;flex: 1;padding: 10px;min-height: 80px;}.search-popup-default,.search-popup-empty,.search-popup-loading {text-align: center;padding: 32px 16px;color: var(--text-muted);font-size: 0.9rem;}.search-popup-default i,.search-popup-empty i,.search-popup-loading i {font-size: 1.5rem;display: block;margin-bottom: 10px;opacity: 0.7;}.search-popup-default {display: flex;flex-direction: column;align-items: center;gap: 8px;}.search-popup-default i {margin-bottom: 0;}.search-popup-section-label {padding: 8px 12px;font-size: 0.72rem;font-weight: 700;color: var(--text-muted);text-transform: uppercase;letter-spacing: 0.06em;}.search-popup-cats {display: grid;grid-template-columns: repeat(2, 1fr);gap: 8px;padding: 4px 4px 12px;}.search-popup-cat {display: flex;gap: 10px;padding: 10px;border-radius: 10px;text-decoration: none;color: inherit;transition: background 0.2s, border-color 0.2s;border: 1px solid var(--border-color);align-items: center;min-width: 0;}.search-popup-cat:hover {background: var(--bg-secondary);border-color: var(--green);}.search-popup-cat-img {width: 44px;height: 44px;border-radius: 8px;overflow: hidden;flex-shrink: 0;background: var(--bg-secondary);display: flex;align-items: center;justify-content: center;color: var(--text-muted);font-size: 1.1rem;}.search-popup-cat-img img {width: 100%;height: 100%;object-fit: cover;}.search-popup-cat-info {flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 2px;}.search-popup-cat-info strong {font-size: 0.9rem;font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.search-popup-cat-info small {font-size: 0.75rem;color: var(--text-muted);}.search-popup-product {display: flex;gap: 12px;padding: 10px 12px;border-radius: 10px;text-decoration: none;color: inherit;transition: background 0.2s;align-items: center;min-width: 0;}.search-popup-product:hover {background: var(--bg-secondary);}.search-popup-product img {width: 44px;height: 44px;border-radius: 8px;object-fit: cover;flex-shrink: 0;background: var(--bg-secondary);}.search-popup-product-info {flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 2px;}.search-popup-product-info strong {font-size: 0.9rem;font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.search-popup-product-info small {font-size: 0.78rem;color: var(--text-muted);}.search-popup-footer {border-top: 1px solid var(--border-color);padding: 8px 14px;display: flex;gap: 14px;flex-wrap: wrap;font-size: 0.72rem;color: var(--text-muted);background: var(--bg-secondary);flex-shrink: 0;}.search-popup-footer kbd {background: var(--bg-primary);border: 1px solid var(--border-color);border-radius: 4px;padding: 1px 6px;font-family: inherit;font-size: 0.7rem;margin-right: 3px;color: var(--text-primary);}.search-shortcut-hint {margin-left: auto;background: rgba(255, 255, 255, 0.06);border: 1px solid rgba(255, 255, 255, 0.12);border-radius: 4px;padding: 1px 7px;font-family: inherit;font-size: 0.72rem;color: var(--text-muted);line-height: 1.4;flex-shrink: 0;}@media (max-width: 640px) {.search-shortcut-hint {display: none;}}@media (max-width: 640px) {.search-popup-overlay {padding: 70px 10px 10px;}.search-popup-cats {grid-template-columns: 1fr;}.search-popup-footer {gap: 8px;font-size: 0.68rem;}}.bg-glow {position: fixed;inset: 0;pointer-events: none;z-index: 0;overflow: hidden;contain: strict;-webkit-transform: translateZ(0);transform: translateZ(0); }.bg-glow .orb {position: absolute;border-radius: 50%;will-change: transform;-webkit-filter: blur(60px);filter: blur(60px);pointer-events: none;}.bg-glow .orb-1 {top: -180px;left: -140px;width: 620px;height: 620px;background: radial-gradient(circle,rgba(34, 197, 94, 0.22) 0%,rgba(34, 197, 94, 0.10) 35%,transparent 70%);opacity: 0.85;animation: orbDrift1 22s ease-in-out infinite alternate;}.bg-glow .orb-2 {top: -80px;right: -120px;width: 480px;height: 480px;background: radial-gradient(circle,rgba(249, 115, 22, 0.20) 0%,rgba(249, 115, 22, 0.08) 40%,transparent 70%);opacity: 0.75;animation: orbDrift2 26s ease-in-out infinite alternate;}.bg-glow .orb-3 {top: 45%;left: 50%;width: 700px;height: 700px;margin-top: -350px;margin-left: -350px;background: radial-gradient(circle,rgba(34, 197, 94, 0.07) 0%,rgba(249, 115, 22, 0.05) 30%,transparent 70%);opacity: 0.6;animation: orbDrift3 30s ease-in-out infinite alternate;}.bg-glow .orb-4 {bottom: -200px;right: -120px;width: 600px;height: 600px;background: radial-gradient(circle,rgba(249, 115, 22, 0.22) 0%,rgba(249, 115, 22, 0.10) 35%,transparent 70%);opacity: 0.85;animation: orbDrift4 24s ease-in-out infinite alternate;}.bg-glow .orb-5 {bottom: -160px;left: -100px;width: 460px;height: 460px;background: radial-gradient(circle,rgba(34, 197, 94, 0.18) 0%,rgba(34, 197, 94, 0.08) 40%,transparent 70%);opacity: 0.75;animation: orbDrift5 28s ease-in-out infinite alternate;}@keyframes orbDrift1 {0% { transform: translate(0, 0) scale(1); }50%{ transform: translate(80px, 60px) scale(1.08); }100% { transform: translate(-40px, 100px) scale(0.95); }}@keyframes orbDrift2 {0% { transform: translate(0, 0) scale(1); }50%{ transform: translate(-60px, 80px) scale(1.10); }100% { transform: translate(40px, -30px) scale(0.93); }}@keyframes orbDrift3 {0% { transform: translate(0, 0) scale(1); }50%{ transform: translate(60px, -50px) scale(1.06); }100% { transform: translate(-50px, 40px) scale(0.94); }}@keyframes orbDrift4 {0% { transform: translate(0, 0) scale(1); }50%{ transform: translate(-70px, -60px) scale(1.08); }100% { transform: translate(50px, 30px) scale(0.95); }}@keyframes orbDrift5 {0% { transform: translate(0, 0) scale(1); }50%{ transform: translate(50px, -70px) scale(1.10); }100% { transform: translate(-30px, 50px) scale(0.92); }}@media (max-width: 1024px) {.bg-glow .orb-1 { width: 520px; height: 520px; top: -160px; left: -120px; }.bg-glow .orb-2 { width: 400px; height: 400px; top: -80px; right: -100px; }.bg-glow .orb-3 { width: 560px; height: 560px; margin-top: -280px; margin-left: -280px; }.bg-glow .orb-4 { width: 500px; height: 500px; bottom: -180px; right: -100px; }.bg-glow .orb-5 { width: 380px; height: 380px; bottom: -140px; left: -90px; }.bg-glow .orb { -webkit-filter: blur(50px); filter: blur(50px); }}@media (max-width: 768px) {.bg-glow .orb-1 { width: 360px; height: 360px; top: -120px; left: -90px; opacity: 0.7; }.bg-glow .orb-2 { width: 280px; height: 280px; top: -60px; right: -70px; opacity: 0.6; }.bg-glow .orb-3 { width: 360px; height: 360px; margin-top: -180px; margin-left: -180px; opacity: 0.45; }.bg-glow .orb-4 { width: 360px; height: 360px; bottom: -130px; right: -80px; opacity: 0.7; }.bg-glow .orb-5 { width: 280px; height: 280px; bottom: -110px; left: -70px; opacity: 0.6; }.bg-glow .orb { -webkit-filter: blur(40px); filter: blur(40px); }}@media (max-width: 480px) {.bg-glow .orb-1 { width: 280px; height: 280px; top: -100px; left: -70px; }.bg-glow .orb-2 { width: 220px; height: 220px; top: -50px; right: -60px; opacity: 0.55; }.bg-glow .orb-3 { width: 280px; height: 280px; margin-top: -140px; margin-left: -140px; opacity: 0.35; }.bg-glow .orb-4 { width: 280px; height: 280px; bottom: -100px; right: -70px; opacity: 0.7; }.bg-glow .orb-5 { width: 220px; height: 220px; bottom: -80px; left: -60px; opacity: 0.55; }.bg-glow .orb { -webkit-filter: blur(36px); filter: blur(36px); }}@media (prefers-reduced-motion: reduce) {.bg-glow .orb {animation: none !important;}}@media (prefers-contrast: more) {.bg-glow {opacity: 0.4;}}.support-hero-wrapper {margin-bottom: 24px;padding: 32px 28px;position: relative;overflow: hidden;background: linear-gradient(135deg, rgba(34, 197, 94, 0.10) 0%, rgba(249, 115, 22, 0.08) 100%);border: 1px solid var(--border-color);border-radius: var(--radius-lg);}.support-hero-glow {position: absolute;border-radius: 50%;pointer-events: none;}.support-hero-glow--green {top: -60px;right: -60px;width: 220px;height: 220px;background: radial-gradient(circle, rgba(34, 197, 94, 0.15), transparent 70%);}.support-hero-glow--orange {bottom: -80px;left: -40px;width: 200px;height: 200px;background: radial-gradient(circle, rgba(249, 115, 22, 0.12), transparent 70%);}.support-hero-content {display: flex;align-items: center;gap: 20px;flex-wrap: wrap;justify-content: space-between;position: relative;z-index: 1;}.support-hero-left {flex: 1;min-width: 280px;display: flex;align-items: center;gap: 18px;}.support-hero-icon {width: 60px;height: 60px;min-width: 60px;border-radius: 16px;background: linear-gradient(135deg, var(--green), var(--orange));display: flex;align-items: center;justify-content: center;flex-shrink: 0;box-shadow: 0 8px 20px rgba(34, 197, 94, 0.3);color: #fff;font-size: 1.35rem;overflow: visible;clip-path: none;}.support-hero-icon i {display: inline-flex;align-items: center;justify-content: center;line-height: 1;}.support-hero-actions .btn {white-space: nowrap;padding: 11px 22px;gap: 6px;clip-path: none !important;border-radius: 0 !important;overflow: visible !important;width: auto;}.support-guest-actions {display: flex;flex-wrap: wrap;gap: 10px;justify-content: center;margin-top: 16px;}.support-guest-prompt {text-align: center;padding: 48px 24px !important;}.support-hero-text h1 {margin: 0;font-size: 1.75rem;font-weight: 800;line-height: 1.1;letter-spacing: -0.02em;background: linear-gradient(135deg, var(--text-primary) 0%, var(--green) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.support-hero-text p {margin: 6px 0 0;font-size: 0.9rem;line-height: 1.4;color: var(--text-muted);}.support-hero-actions {display: flex;gap: 12px;align-items: center;flex-wrap: wrap;justify-content: flex-end;}.support-hero-btn {--support-btn-skew: 12deg;display: inline-flex !important;align-items: center !important;justify-content: center !important;gap: 6px !important;padding: 11px 22px !important;margin: 0 !important;border: 1px solid rgba(16, 185, 129, 0.35) !important;border-bottom-color: rgba(16, 185, 129, 0.75) !important;border-left-color: rgba(16, 185, 129, 0.75) !important;background: rgba(10, 28, 20, 0.92) !important;color: #34d399 !important;font-family: var(--font-display, 'Rajdhani', sans-serif) !important;font-size: 0.88rem !important;font-weight: 700 !important;letter-spacing: 0.04em !important;line-height: 1.2 !important;white-space: nowrap !important;text-decoration: none !important;cursor: pointer;flex-shrink: 0;width: auto !important;min-width: 0 !important;max-width: none !important;border-radius: 0 !important;box-shadow: none !important;clip-path: none !important;overflow: visible !important;transform: skewX(calc(var(--support-btn-skew) * -1));transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;}.support-hero-btn > i,.support-hero-btn > .support-btn-label {display: inline-flex !important;align-items: center;transform: skewX(var(--support-btn-skew));}.support-hero-btn i {margin: 0 !important;font-size: 0.85rem !important;color: inherit !important;flex-shrink: 0;}.support-btn-label {display: inline !important;padding: 0 !important;margin: 0 !important;}.support-hero-btn--ticket {background: rgba(16, 185, 129, 0.14) !important;border-color: rgba(16, 185, 129, 0.45) !important;border-bottom-color: #10b981 !important;border-left-color: #10b981 !important;color: #34d399 !important;}.support-hero-btn--bug {background: rgba(10, 28, 20, 0.88) !important;border-color: rgba(16, 185, 129, 0.28) !important;border-bottom-color: rgba(255, 143, 87, 0.7) !important;border-left-color: rgba(255, 143, 87, 0.55) !important;color: #34d399 !important;}.support-hero-btn:hover {background: rgba(16, 185, 129, 0.22) !important;border-color: #10b981 !important;color: #6ee7b7 !important;box-shadow: 0 0 16px rgba(16, 185, 129, 0.18) !important;}.support-hero-btn--bug:hover {border-color: rgba(255, 143, 87, 0.55) !important;border-bottom-color: #ff8f57 !important;border-left-color: #ff8f57 !important;box-shadow: 0 0 16px rgba(255, 143, 87, 0.16) !important;}.support-stat-card {border: 1px solid var(--border-color);background: var(--bg-card);text-decoration: none;color: inherit;display: block;padding: 22px;cursor: pointer;position: relative;overflow: hidden;border-radius: var(--radius-lg);transition: box-shadow 0.25s ease, border-color 0.25s ease, background-color 0.25s ease;}.support-stat-card::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 3px;background: linear-gradient(90deg, var(--green), var(--orange));opacity: 0;transition: opacity 0.25s ease;}.support-stat-card:hover {border-color: var(--green);box-shadow: 0 10px 24px rgba(34, 197, 94, 0.15);}.support-stat-card:hover::before {opacity: 1;}.support-stat-inner {display: flex;align-items: flex-start;justify-content: space-between;gap: 12px;}.support-stat-info {flex: 1;min-width: 0;}.support-stat-label {font-size: 0.75rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.05em;color: var(--text-muted);}.support-stat-value {font-size: 2.25rem;font-weight: 800;margin-top: 6px;line-height: 1;color: var(--text-primary);}.support-stat-meta {margin-top: 8px;font-size: 0.8rem;color: var(--text-muted);display: flex;align-items: center;gap: 6px;}.support-stat-meta i {font-size: 0.7rem;}.support-stat-icon {width: 48px;height: 48px;border-radius: 12px;display: flex;align-items: center;justify-content: center;font-size: 1.2rem;flex-shrink: 0;color: #fff;}.support-stat-icon--green {background: linear-gradient(135deg, var(--green), #16a34a);box-shadow: 0 4px 12px rgba(34, 197, 94, 0.25);}.support-stat-icon--orange {background: linear-gradient(135deg, var(--orange), #ea580c);box-shadow: 0 4px 12px rgba(249, 115, 22, 0.25);}.support-tabs-card {padding: 12px;margin-bottom: 20px;}.support-tabs {display: flex;gap: 4px;background: var(--bg-secondary);border-radius: var(--radius-md);padding: 4px;width: fit-content;flex-wrap: wrap;}.support-tab {padding: 8px 20px;border-radius: var(--radius-sm);font-weight: 600;font-size: 0.85rem;text-decoration: none;color: var(--text-muted);transition: background 0.2s, color 0.2s;}.support-tab:hover {color: var(--text-primary);}.support-tab.active {background: var(--bg-primary);color: var(--text-primary);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}.support-tab i {margin-right: 6px;}.support-filters {display: flex;gap: 8px;margin-bottom: 16px;flex-wrap: wrap;align-items: center;}.support-filters .form-control {max-width: 280px;padding: 6px 12px;font-size: 0.85rem;}.support-filters select {max-width: 180px;padding: 6px 12px;font-size: 0.85rem;}.support-table-card {padding: 0;overflow: hidden;}.support-row-actions {display: flex;align-items: center;gap: 6px;flex-wrap: wrap;white-space: nowrap;}.support-row-actions .btn-sm {min-height: 32px;padding: 6px 10px;font-size: 0.78rem;}.support-inline-delete {margin: 0;display: inline-flex;}.support-empty {padding: 60px 0;text-align: center;}.support-empty p,.support-empty h2 {text-align: center;margin-left: auto;margin-right: auto;}.support-empty > i {font-size: 3rem;color: var(--gray-300);margin-bottom: 16px;display: block;}.support-empty .btn {display: inline-flex;align-items: center;justify-content: center;gap: 8px;}.support-empty .btn i {display: inline-flex;margin: 0;font-size: 1rem;}.support-detail-wrapper {max-width: 800px;margin: 0 auto;}.support-detail-header {margin-bottom: 24px;}.support-detail-top {display: flex;align-items: center;justify-content: space-between;gap: 12px;flex-wrap: wrap;}.support-detail-actions {display: flex;align-items: center;gap: 6px;flex-shrink: 0;}.support-detail-btn {display: inline-flex;align-items: center;justify-content: center;gap: 6px;min-height: 32px;height: 32px;padding: 0 10px;border-radius: var(--radius-md, 8px);border: 1px solid var(--border-color);background: var(--bg-secondary);color: var(--text-primary);font-size: 0.78rem;font-weight: 600;line-height: 1;cursor: pointer;transition: background 0.2s, border-color 0.2s, color 0.2s, transform 0.15s;white-space: nowrap;}.support-detail-btn:hover {border-color: var(--text-muted);background: var(--bg-primary);}.support-detail-btn--icon {width: 32px;min-width: 32px;padding: 0;color: var(--green);border-color: rgba(34, 197, 94, 0.35);background: rgba(34, 197, 94, 0.1);}.support-detail-btn--icon:hover {background: rgba(34, 197, 94, 0.18);border-color: var(--green);}.support-detail-btn--muted {color: var(--text-muted);}.support-detail-btn--muted:hover {color: var(--text-primary);}.support-detail-btn--danger {color: #ef4444;border-color: rgba(239, 68, 68, 0.35);background: rgba(239, 68, 68, 0.08);}.support-detail-btn--danger:hover {color: #fff;background: #ef4444;border-color: #ef4444;}.support-detail-badge {font-size: 0.7rem;}.support-closed-note {margin-top: 16px;font-size: 0.85rem;color: var(--text-muted);}.support-action-btn {min-height: 36px;padding: 8px 14px !important;font-size: 0.82rem !important;}.support-back-link {font-size: 0.85rem;color: var(--text-muted);text-decoration: none;}.support-back-link:hover {color: var(--green);}.support-detail-title-row {display: flex;justify-content: space-between;align-items: flex-start;margin-top: 8px;flex-wrap: wrap;gap: 12px;}.support-detail-title-row h2 {margin: 0;word-break: break-word;overflow-wrap: break-word;flex: 1 1 auto;min-width: 0;font-size: clamp(1.15rem, 4vw, 1.5rem);}.support-detail-badges {display: flex;gap: 8px;align-items: center;flex-wrap: wrap;}.support-chat {display: flex;flex-direction: column;gap: 12px;margin-bottom: 24px;}.support-chat-msg {display: flex;}.support-chat-msg--left {justify-content: flex-start;}.support-chat-msg--right {justify-content: flex-end;}.support-chat-bubble {max-width: 75%;border: 1px solid var(--border-color);border-radius: 16px 16px 16px 4px;padding: 16px 20px;word-break: break-word;overflow-wrap: break-word;background: var(--bg-secondary);}.support-chat-msg--right .support-chat-bubble {border-radius: 16px 16px 4px 16px;background: var(--bg-primary);border-color: var(--primary);}.support-chat-meta {display: flex;align-items: center;gap: 8px;margin-bottom: 6px;}.support-chat-meta strong {font-size: 0.85rem;}.support-chat-text {color: var(--text-secondary);line-height: 1.7;margin: 0;word-break: break-word;overflow-wrap: break-word;}.support-chat-time {font-size: 0.75rem;color: var(--text-muted);margin-top: 6px;text-align: right;}.support-chat-images {display: flex;gap: 8px;margin-top: 10px;flex-wrap: wrap;}.support-chat-images img {max-width: 180px;max-height: 120px;border-radius: 8px;object-fit: cover;border: 1px solid var(--border-color);}.support-reply-form {margin-top: 24px;}.support-email-notice {display: flex;align-items: center;gap: 10px;margin: 16px 0 0;padding: 14px 16px;border-radius: var(--radius-md);background: rgba(34, 197, 94, 0.12);border: 1px solid rgba(34, 197, 94, 0.28);color: var(--success, #22c55e);font-size: 0.9rem;font-weight: 600;line-height: 1.45;}.support-email-notice i {font-size: 1.15rem;flex-shrink: 0;}.support-reply-actions {display: flex;gap: 8px;flex-wrap: wrap;}@media (max-width: 768px) {.support-detail-wrapper {max-width: 100%;}.support-detail-top {flex-direction: column;align-items: stretch;}.support-detail-actions {justify-content: flex-end;width: 100%;}.support-detail-title-row {flex-direction: column;align-items: flex-start;}.support-detail-title-row h2 {width: 100%;}.support-chat-bubble {max-width: 92%;padding: 12px 14px;}.support-chat-images img {max-width: 100%;width: 100%;height: auto;max-height: 160px;}.support-filters {flex-direction: column;align-items: stretch;}.support-filters .form-control,.support-filters select {max-width: 100%;width: 100%;}.support-tabs {width: 100%;}.support-tab {flex: 1 1 auto;text-align: center;padding: 8px 12px;font-size: 0.8rem;}.support-table-card .table-wrapper table {min-width: 560px;}.support-table-card .btn.btn-sm {padding: 6px 10px;font-size: 0.75rem;}.support-email-notice {font-size: 0.82rem;padding: 12px 14px;}}@media (max-width: 480px) {.support-detail-btn span {display: none;}.support-detail-btn:not(.support-detail-btn--icon) {width: 32px;min-width: 32px;padding: 0;}.support-detail-actions {gap: 4px;}.support-chat-bubble {max-width: 100%;}.support-chat-meta {flex-wrap: wrap;}}.support-modal {display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.6);z-index: 9999;align-items: center;justify-content: center;}.support-modal-body {background: var(--bg-primary);border: 1px solid var(--border-color);border-radius: var(--radius-lg);padding: 32px;width: 90%;max-width: 560px;max-height: 90vh;overflow-y: auto;}.support-modal-body--wide {max-width: 640px;}.support-modal-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 24px;}.support-modal-close {background: none;border: none;font-size: 1.5rem;cursor: pointer;color: var(--text-primary);line-height: 1;}.support-img-upload-area {border: 2px dashed var(--border-color);border-radius: 8px;padding: 20px;text-align: center;cursor: pointer;transition: all 0.3s;background: var(--bg-secondary);}.support-img-upload-area:hover {border-color: var(--text-muted);}.support-img-upload-area i {font-size: 1.5rem;color: var(--text-muted);display: block;margin-bottom: 8px;}.support-img-upload-area span {font-size: 0.8rem;color: var(--text-muted);}.support-img-preview {display: none;margin-top: 8px;position: relative;}.support-img-preview img {width: 100%;border-radius: 8px;max-height: 120px;object-fit: cover;}.support-img-remove {position: absolute;top: 4px;right: 4px;background: rgba(0, 0, 0, 0.7);color: #fff;border: none;border-radius: 50%;width: 24px;height: 24px;cursor: pointer;font-size: 0.7rem;}.support-md-preview {margin-top: 8px;padding: 12px;background: var(--bg-secondary);border: 1px solid var(--border-color);border-radius: 8px;display: none;font-size: 0.85rem;line-height: 1.6;color: var(--text-secondary);max-height: 200px;overflow-y: auto;}@media (max-width: 768px) {.support-hero-wrapper {padding: 22px 18px;}.support-hero-text h1 {font-size: 1.35rem;}.support-hero-text p {font-size: 0.82rem;}.support-hero-btn .support-btn-label {display: none;}.support-stat-card {padding: 16px;}.support-stat-value {font-size: 1.7rem;}.support-stat-icon {width: 40px;height: 40px;font-size: 1rem;}}@media (max-width: 480px) {.support-hero-wrapper {padding: 18px 14px;}.support-hero-text h1 {font-size: 1.2rem;}.support-stat-value {font-size: 1.5rem;}}.ai-fab {position: fixed !important;bottom: 24px !important;right: 24px !important;z-index: 99999 !important;display: block !important;}.ai-fab .ai-fab-btn {width: auto !important;height: 48px !important;border-radius: 0 !important;clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%) !important;background: #0f1a14 !important;color: #fff !important;border: 1px solid #10b981 !important;display: flex !important;align-items: center !important;justify-content: center !important;padding: 0 20px !important;gap: 8px !important;font-size: 0.9rem !important;font-weight: 600 !important;cursor: pointer !important;box-shadow: none !important;transition: all 0.3s ease !important;position: relative !important;overflow: hidden !important;line-height: 1;}.ai-chat {position: fixed !important;bottom: 96px !important;right: 24px !important;width: 380px !important;height: 520px !important;flex-direction: column !important;overflow: hidden !important;z-index: 99998 !important;transform-origin: bottom right !important;border-radius: var(--radius-lg, 16px) !important;clip-path: none !important;background: var(--bg-primary);border: 1px solid var(--border-color);box-shadow: 0 20px 60px rgba(0,0,0,0.15);}.ai-chat-header .ai-chat-title {font-weight: 600;color: #ffffff;}.scroll-to-top {position: fixed !important;bottom: 30px !important;left: 24px !important;right: auto !important;width: 48px !important;height: 48px !important;border-radius: 0 !important;clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%) !important;background: #10b981 !important;color: #fff !important;border: none !important;display: flex !important;align-items: center !important;justify-content: center !important;font-size: 1.1rem !important;z-index: 99999 !important;box-shadow: 0 4px 16px rgba(16,185,129,0.3) !important;opacity: 0 !important;visibility: hidden !important;pointer-events: none !important;transform: translateY(20px) scale(0.8) !important;transition: opacity .3s, transform .3s, visibility .3s;line-height: 1;cursor: pointer;}.scroll-to-top i {pointer-events: none;}@media (max-width: 768px) {.ai-fab { bottom: 12px !important; right: 12px !important; }.ai-fab .ai-fab-btn { width: 50px !important; height: 50px !important; font-size: 1.2rem !important; padding: 0 !important; justify-content: center !important; }.ai-fab .ai-fab-btn span { display: none !important; }.scroll-to-top { bottom: 14px !important; left: 12px !important; right: auto !important; }}@media (max-width: 480px) {.ai-fab { bottom: 14px !important; right: 14px !important; }.scroll-to-top { bottom: 16px !important; left: 14px !important; right: auto !important; }}

/* --- searchable-select.css --- */
.searchable-select {position: relative;width: 100%;min-width: 0;}.searchable-select .ss-display {display: flex;align-items: center;gap: 8px;padding: 10px 14px;border: 1px solid var(--border-color);border-radius: 0;background: var(--input-bg, var(--bg-secondary));color: var(--text-primary);cursor: pointer;font-size: 0.9rem;min-height: var(--touch-target, 44px);transition: border-color 0.2s, box-shadow 0.2s;user-select: none;}.searchable-select .ss-display:hover {border-color: var(--text-muted);}.searchable-select.open .ss-display {border-color: var(--green, var(--primary));box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.12);}.searchable-select .ss-text {flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;min-width: 0;}.searchable-select .ss-chevron {margin-left: auto;font-size: 0.7rem;color: var(--text-muted);transition: transform 0.2s ease;flex-shrink: 0;}.searchable-select.open .ss-chevron {transform: rotate(180deg);}.searchable-select .ss-dropdown {display: none;position: absolute;top: calc(100% + 4px);left: 0;right: 0;background: var(--bg-primary);border: 1px solid var(--border-color);border-radius: 0;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);z-index: 120;max-height: 280px;overflow: hidden;}.searchable-select.open .ss-dropdown {display: block;animation: ssDropIn 0.15s ease;}@keyframes ssDropIn {from {opacity: 0;transform: translateY(-4px);}to {opacity: 1;transform: translateY(0);}}.searchable-select .ss-search {padding: 8px;border-bottom: 1px solid var(--border-color);position: sticky;top: 0;background: inherit;z-index: 1;}.searchable-select .ss-search input {width: 100%;padding: 8px 12px;border: 1px solid var(--border-color);border-radius: 0;background: var(--input-bg, var(--bg-secondary));color: var(--text-primary);font-size: 0.85rem;outline: none;}.searchable-select .ss-search input:focus {border-color: var(--green, var(--primary));}.searchable-select .ss-options {max-height: 220px;overflow-y: auto;overscroll-behavior: contain;}.searchable-select .ss-option {padding: 9px 14px;cursor: pointer;font-size: 0.85rem;color: var(--text-primary);transition: background 0.12s;}.searchable-select .ss-option:hover,.searchable-select .ss-option.active {background: var(--bg-secondary);}.searchable-select .ss-option.selected {font-weight: 600;color: var(--green, var(--primary));}.searchable-select .ss-empty {padding: 12px 14px;font-size: 0.82rem;color: var(--text-muted);text-align: center;}.phone-row .searchable-select.phone-code-select {width: 100%;min-width: 0;}.phone-row .phone-code-select .ss-display {padding: 10px 8px;font-size: 0.84rem;min-height: var(--touch-target, 44px);}.phone-row .phone-code-select .ss-dropdown {min-width: 220px;}

/* --- animations.css --- */
@keyframes fadeInUp {from { opacity: 0; transform: translateY(30px); }to { opacity: 1; transform: translateY(0); }}@keyframes fadeInDown {from { opacity: 0; transform: translateY(-20px); }to { opacity: 1; transform: translateY(0); }}@keyframes fadeInLeft {from { opacity: 0; transform: translateX(-30px); }to { opacity: 1; transform: translateX(0); }}@keyframes fadeInRight {from { opacity: 0; transform: translateX(30px); }to { opacity: 1; transform: translateX(0); }}@keyframes scaleIn {from { opacity: 0; transform: scale(0.9); }to { opacity: 1; transform: scale(1); }}@keyframes slideInUp {from { transform: translateY(100%); opacity: 0; }to { transform: translateY(0); opacity: 1; }}@keyframes slideInDown {from { transform: translateY(-100%); opacity: 0; }to { transform: translateY(0); opacity: 1; }}@keyframes bounceIn {0% { transform: scale(0.3); opacity: 0; }50% { transform: scale(1.05); }70% { transform: scale(0.9); }100% { transform: scale(1); opacity: 1; }}@keyframes pulse {0% { transform: scale(1); }50% { transform: scale(1.05); }100% { transform: scale(1); }}@keyframes heartBeat {0% { transform: scale(1); }14% { transform: scale(1.3); }28% { transform: scale(1); }42% { transform: scale(1.3); }70% { transform: scale(1); }100% { transform: scale(1); }}@keyframes shimmer {0% { background-position: -200% 0; }100% { background-position: 200% 0; }}@keyframes spin {from { transform: rotate(0deg); }to { transform: rotate(360deg); }}@keyframes slideInRight {from { transform: translateX(100%); }to { transform: translateX(0); }}@keyframes slideInLeft {from { transform: translateX(-100%); }to { transform: translateX(0); }}@keyframes shake {0%, 100% { transform: translateX(0); }10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }20%, 40%, 60%, 80% { transform: translateX(5px); }}@keyframes float {0%, 100% { transform: translateY(0px) rotate(0deg); }25% { transform: translateY(-10px) rotate(1deg); }50% { transform: translateY(-5px) rotate(0deg); }75% { transform: translateY(-15px) rotate(-1deg); }}@keyframes gradientShift {0% { background-position: 0% 50%; }50% { background-position: 100% 50%; }100% { background-position: 0% 50%; }}@keyframes glowPulse {0%, 100% { box-shadow: 0 0 2px rgba(34,197,94,0.2), 0 0 4px rgba(34,197,94,0.1); }50% { box-shadow: 0 0 6px rgba(34,197,94,0.3), 0 0 12px rgba(34,197,94,0.15); }}@keyframes glowPulseOrange {0%, 100% { box-shadow: 0 0 2px rgba(249,115,22,0.2), 0 0 4px rgba(249,115,22,0.1); }50% { box-shadow: 0 0 6px rgba(249,115,22,0.3), 0 0 12px rgba(249,115,22,0.15); }}@keyframes rotate3d {0% { transform: perspective(1000px) rotateY(0deg); }100% { transform: perspective(1000px) rotateY(360deg); }}@keyframes tilt3d {0%, 100% { transform: perspective(1000px) rotateX(0deg) rotateY(0deg); }25% { transform: perspective(1000px) rotateX(5deg) rotateY(5deg); }50% { transform: perspective(1000px) rotateX(0deg) rotateY(0deg); }75% { transform: perspective(1000px) rotateX(-5deg) rotateY(-5deg); }}@keyframes borderGlow {0%, 100% { border-color: var(--green); }50% { border-color: var(--orange); }}@keyframes textGradient {0% { background-position: 0% 50%; }50% { background-position: 100% 50%; }100% { background-position: 0% 50%; }}@keyframes parallaxFloat {0%, 100% { transform: translateY(0px); }50% { transform: translateY(-20px); }}@keyframes cardTilt {0%, 100% { transform: perspective(800px) rotateX(0deg) rotateY(0deg); }25% { transform: perspective(800px) rotateX(2deg) rotateY(2deg); }75% { transform: perspective(800px) rotateX(-2deg) rotateY(-2deg); }}@keyframes neonGlow {0%, 100% {text-shadow: 0 0 5px var(--green), 0 0 10px var(--green), 0 0 20px var(--green);}50% {text-shadow: 0 0 5px var(--orange), 0 0 10px var(--orange), 0 0 20px var(--orange);}}@keyframes morphBackground {0% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }50% { border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%; }100% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }}.reveal {opacity: 0;transform: translateY(30px);transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1), transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);}.product-detail-description.reveal-ready {opacity: 1 !important;transform: none !important;transition: none !important;}.reveal.revealed {opacity: 1;transform: translateY(0);}.reveal-left {opacity: 0;transform: translateX(-40px);transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1), transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);}.reveal-left.revealed {opacity: 1;transform: translateX(0);}.reveal-right {opacity: 0;transform: translateX(40px);transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1), transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);}.reveal-right.revealed {opacity: 1;transform: translateX(0);}.reveal-scale {opacity: 0;transform: scale(0.85);transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1), transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);}.reveal-scale.revealed {opacity: 1;transform: scale(1);}.stagger-children > * {opacity: 0;transform: translateY(20px);transition: opacity 0.4s ease, transform 0.4s ease;}.stagger-children.revealed > *:nth-child(1) { transition-delay: 0.05s; opacity: 1; transform: translateY(0); }.stagger-children.revealed > *:nth-child(2) { transition-delay: 0.1s; opacity: 1; transform: translateY(0); }.stagger-children.revealed > *:nth-child(3) { transition-delay: 0.15s; opacity: 1; transform: translateY(0); }.stagger-children.revealed > *:nth-child(4) { transition-delay: 0.2s; opacity: 1; transform: translateY(0); }.stagger-children.revealed > *:nth-child(5) { transition-delay: 0.25s; opacity: 1; transform: translateY(0); }.stagger-children.revealed > *:nth-child(6) { transition-delay: 0.3s; opacity: 1; transform: translateY(0); }.stagger-children.revealed > *:nth-child(7) { transition-delay: 0.35s; opacity: 1; transform: translateY(0); }.stagger-children.revealed > *:nth-child(8) { transition-delay: 0.4s; opacity: 1; transform: translateY(0); }.stagger-children.revealed > *:nth-child(9) { transition-delay: 0.45s; opacity: 1; transform: translateY(0); }.stagger-children.revealed > *:nth-child(10) { transition-delay: 0.5s; opacity: 1; transform: translateY(0); }.stagger-children.revealed > *:nth-child(11) { transition-delay: 0.55s; opacity: 1; transform: translateY(0); }.stagger-children.revealed > *:nth-child(12) { transition-delay: 0.6s; opacity: 1; transform: translateY(0); }.product-card {transition: transform 0.3s ease,box-shadow 0.3s ease,border-color 0.3s ease;will-change: transform;}.product-card:hover {box-shadow: 0 12px 32px rgba(0,0,0,0.15);}.product-card .product-image {overflow: hidden;}.product-card .product-image img {transition: none;}.product-card-actions {transition: opacity 0.4s ease;}.product-card:hover .product-card-actions .btn-add-cart,.product-card:hover .product-card-actions .btn-buy-now {transition: background 0.25s ease, opacity 0.25s ease;}.product-card:hover .product-info h3 {color: var(--text-primary);transition: color 0.3s ease;}.product-wishlist {transition: transform 0.35s cubic-bezier(0.23, 1, 0.32, 1),color 0.3s ease,background 0.3s ease,box-shadow 0.3s ease;}.product-wishlist:hover {transform: scale(1.25);box-shadow: 0 4px 12px rgba(0,0,0,0.15);}.product-wishlist:active {transform: scale(0.85);}.product-wishlist.active {animation: heartBeat 0.8s ease-in-out;}.product-wishlist.adding {animation: pulse 0.4s ease;}.btn {position: relative;overflow: hidden;transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;}.btn:hover {transform: none;box-shadow: none;}.btn:active {transform: none;box-shadow: none;}.btn::after {content: '';position: absolute;top: 50%;left: 50%;width: 0;height: 0;border-radius: 50%;background: rgba(255,255,255,0.3);transform: translate(-50%, -50%);transition: width 0.6s, height 0.6s, opacity 0.6s;opacity: 0;}.btn:active::after {width: 300px;height: 300px;opacity: 0;transition: 0s;}.btn-primary {background-size: 200% auto;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.btn-primary:hover {background-position: right center;}.form-control {transition: border-color 0.3s ease, box-shadow 0.3s ease;}.form-label {transition: color 0.3s ease;}.form-control:focus + .form-label,.form-control:focus ~ .form-label {color: var(--accent);}.stat-card {transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.stat-card:hover {box-shadow: 0 12px 30px rgba(0,0,0,0.1);}.stat-card .stat-value {transition: none;}.modal {animation: fadeIn 0.3s ease;}.modal > div {animation: scaleIn 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.nav-link {position: relative;transition: color 0.3s ease;}.nav-link::after {content: '';position: absolute;bottom: -2px;left: 0;width: 0;height: 2px;background: var(--accent);transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.nav-link:hover::after,.nav-link.active::after {width: 100%;}.admin-sidebar {transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.admin-sidebar.open {animation: slideInLeft 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.admin-nav a {transition: all 0.2s ease;position: relative;}.admin-nav a::before {content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 3px;background: var(--accent);transform: scaleY(0);transition: transform 0.2s ease;}.admin-nav a:hover::before,.admin-nav a.active::before {transform: scaleY(1);}.table-wrapper tr {transition: background 0.2s ease, transform 0.2s ease;}.table-wrapper tr:hover {background: rgba(255,255,255,0.02);}.toast {animation: slideInRight 0.4s cubic-bezier(0.4, 0, 0.2, 1);}.toast.removing {animation: fadeInRight 0.3s ease reverse;}.badge {transition: transform 0.2s ease, background 0.2s ease;}.badge:hover {transform: scale(1.1);}.cart-count {}img[loading="lazy"] {opacity: 1;}.theme-toggle {transition: background 0.2s ease;}.theme-toggle:hover {transform: none;}.theme-toggle:active {transform: scale(0.95);}.ai-fab-btn {transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;}.ai-fab-btn:hover {transform: none;box-shadow: none;}.ai-chat {animation: scaleIn 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.ai-message {animation: fadeInUp 0.3s ease;}.typing-indicator span {display: inline-block;width: 7px;height: 7px;border-radius: 50%;background: var(--green, #22c55e);}.typing-indicator span:nth-child(1) {animation: aiTypingWave 1.2s -0.24s ease-in-out infinite both;}.typing-indicator span:nth-child(2) {animation: aiTypingWave 1.2s -0.12s ease-in-out infinite both;}.typing-indicator span:nth-child(3) {animation: aiTypingWave 1.2s 0s ease-in-out infinite both;}@keyframes aiTypingWave {0%, 80%, 100% {transform: translateY(0);opacity: 0.35;}40% {transform: translateY(-7px);opacity: 1;}}.flash {animation: slideInDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);}.flash.removing {animation: fadeInUp 0.3s ease reverse;}.qty-minus, .qty-plus {transition: transform 0.15s ease, background 0.15s ease;}.qty-minus:active, .qty-plus:active {transform: scale(0.9);}.mobile-menu {transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.mobile-menu.open {animation: slideInRight 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.spinner {animation: spin 1s linear infinite;}.form-group {position: relative;}.product-price .current {transition: color 0.35s ease;}.footer-col a,.footer-bottom-links a {transition: color 0.25s ease, transform 0.22s ease;}.notification-bell {transition: transform 0.3s ease;}.notification-bell:hover {transform: rotate(15deg);}.notification-bell.has-new {animation: shake 0.5s ease;}.qty-badge {animation: bounceIn 0.4s ease;}.page-enter {animation: fadeIn 0.4s ease;}.wizard-step.active {animation: fadeIn 0.3s ease;}.dropdown-menu {animation: fadeInDown 0.2s ease;}.tab-content.active {animation: fadeIn 0.3s ease;}input[type="checkbox"] {transition: all 0.2s ease;}input[type="checkbox"]:checked {animation: bounceIn 0.3s ease;}input[type="range"]::-webkit-slider-thumb {transition: transform 0.2s ease, box-shadow 0.2s ease;}input[type="range"]::-webkit-slider-thumb:hover {transform: scale(1.2);box-shadow: 0 0 10px rgba(0,0,0,0.2);}@media (prefers-reduced-motion: reduce) {*, *::before, *::after {animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important;}.reveal, .reveal-left, .reveal-right, .reveal-scale {opacity: 1;transform: none;}.stagger-children > * {opacity: 1;transform: none;}}@keyframes skPulse {0%, 100% { opacity: 0.4; }50% { opacity: 0.8; }}.card-3d {transform-style: preserve-3d;transition: transform 0.3s ease, box-shadow 0.3s ease;}.card-3d:hover {transform: perspective(800px) rotateX(5deg) rotateY(-5deg) translateZ(20px);}.parallax-container {perspective: 1px;height: 100vh;overflow-x: hidden;overflow-y: auto;}.parallax-layer {position: absolute;top: 0;right: 0;bottom: 0;left: 0;}.parallax-layer-back {transform: translateZ(-2px) scale(3);}.parallax-layer-front {transform: translateZ(0);}[data-parallax] {will-change: transform;transition: transform 0.1s linear;}.floating {animation: float 6s ease-in-out infinite;}.floating-delay-1 {animation: float 6s ease-in-out infinite 1s;}.floating-delay-2 {animation: float 6s ease-in-out infinite 2s;}.floating-delay-3 {animation: float 6s ease-in-out infinite 3s;}.gradient-text {color: var(--green);}.glow-green {animation: glowPulse 3s ease-in-out infinite;}.glow-orange {animation: glowPulseOrange 3s ease-in-out infinite;}.glow-border {animation: borderGlow 4s ease-in-out infinite;}.morph {animation: morphBackground 8s ease-in-out infinite;}.hover-3d {transition: transform 0.3s ease, box-shadow 0.3s ease;transform-style: preserve-3d;}.hover-3d:hover {box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);}.neon-text {animation: neonGlow 2s ease-in-out infinite;}.section-glow-orange {position: relative;}.section-glow-orange::after {content: '';position: absolute;bottom: -100px;right: -100px;width: 250px;height: 250px;background: radial-gradient(circle, rgba(249,115,22,0.06) 0%, transparent 70%);border-radius: 50%;pointer-events: none;opacity: 0.5;}.hero-parallax {animation: parallaxFloat 4s ease-in-out infinite;}.tilt-hover {transition: transform 0.2s ease;transform-style: preserve-3d;}.tilt-hover:hover {transform: perspective(500px) rotateX(8deg) rotateY(-4deg);}.page-transition {animation: fadeIn 0.5s ease;}.glass {background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.2);}[data-theme="dark"] .glass {background: rgba(0, 0, 0, 0.3);border: 1px solid rgba(255, 255, 255, 0.1);}.reveal-stagger > * {opacity: 0;transform: translateY(30px);transition: opacity 0.6s ease, transform 0.6s ease;}.reveal-stagger.revealed > *:nth-child(1) { transition-delay: 0.1s; opacity: 1; transform: translateY(0); }.reveal-stagger.revealed > *:nth-child(2) { transition-delay: 0.2s; opacity: 1; transform: translateY(0); }.reveal-stagger.revealed > *:nth-child(3) { transition-delay: 0.3s; opacity: 1; transform: translateY(0); }.reveal-stagger.revealed > *:nth-child(4) { transition-delay: 0.4s; opacity: 1; transform: translateY(0); }.reveal-stagger.revealed > *:nth-child(5) { transition-delay: 0.5s; opacity: 1; transform: translateY(0); }.reveal-stagger.revealed > *:nth-child(6) { transition-delay: 0.6s; opacity: 1; transform: translateY(0); }

/* --- popups.css --- */
.popup-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0);backdrop-filter: blur(0);-webkit-backdrop-filter: blur(0);z-index: 99999;display: flex;align-items: center;justify-content: center;padding: 20px;opacity: 0;transition: opacity 0.35s cubic-bezier(0.22, 1, 0.36, 1),background 0.35s cubic-bezier(0.22, 1, 0.36, 1),backdrop-filter 0.35s ease;}.popup-overlay.popup-open {opacity: 1;background: rgba(0, 0, 0, 0.62);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);}.popup-modal {background: var(--bg-primary);border: 1px solid var(--border-color);border-radius: var(--radius-xl);padding: 32px;width: 90%;max-width: 420px;text-align: center;box-shadow: 0 25px 60px rgba(0, 0, 0, 0.25);position: relative;overflow: hidden;opacity: 0;transform: perspective(900px) scale(0.72) translateY(36px) rotateX(14deg);transition: opacity 0.45s cubic-bezier(0.34, 1.45, 0.64, 1),transform 0.55s cubic-bezier(0.34, 1.45, 0.64, 1),box-shadow 0.45s ease;will-change: transform, opacity;}.popup-overlay.popup-open .popup-modal {opacity: 1;transform: perspective(900px) scale(1) translateY(0) rotateX(0deg);box-shadow: 0 28px 70px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(34, 197, 94, 0.08);}.popup-modal::before {content: '';position: absolute;inset: -1px;border-radius: inherit;padding: 1px;background: linear-gradient(135deg, rgba(34, 197, 94, 0.45), transparent 40%, transparent 60%, rgba(255, 143, 87, 0.35));-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;opacity: 0;transition: opacity 0.5s ease 0.12s;pointer-events: none;}.popup-overlay.popup-open .popup-modal::before {opacity: 1;}.popup-modal::after {content: '';position: absolute;top: -50%;left: -60%;width: 50%;height: 200%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.07), transparent);transform: skewX(-18deg) translateX(-120%);transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.2s;pointer-events: none;}.popup-overlay.popup-open .popup-modal::after {transform: skewX(-18deg) translateX(280%);}.popup-icon,.popup-title,.popup-message,.popup-actions,.popup-timer {opacity: 0;transform: translateY(14px);transition: opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1),transform 0.45s cubic-bezier(0.34, 1.35, 0.64, 1);}.popup-overlay.popup-open .popup-icon {opacity: 1;transform: translateY(0) scale(1);transition-delay: 0.1s;}.popup-overlay.popup-open .popup-title {opacity: 1;transform: translateY(0);transition-delay: 0.16s;}.popup-overlay.popup-open .popup-message {opacity: 1;transform: translateY(0);transition-delay: 0.22s;}.popup-overlay.popup-open .popup-actions {opacity: 1;transform: translateY(0);transition-delay: 0.3s;}.popup-overlay.popup-open .popup-timer {opacity: 1;transform: translateY(0);transition-delay: 0.36s;}.popup-overlay.popup-closing {opacity: 0;background: rgba(0, 0, 0, 0);backdrop-filter: blur(0);-webkit-backdrop-filter: blur(0);transition-duration: 0.32s;}.popup-overlay.popup-closing .popup-modal {opacity: 0;transform: perspective(900px) scale(0.88) translateY(24px) rotateX(-6deg);transition-duration: 0.32s;}.popup-overlay.popup-closing .popup-icon,.popup-overlay.popup-closing .popup-title,.popup-overlay.popup-closing .popup-message,.popup-overlay.popup-closing .popup-actions {opacity: 0;transform: translateY(8px) scale(0.98);transition-duration: 0.2s;}@keyframes popupFadeIn {from { opacity: 0; }to { opacity: 1; }}@keyframes popupSlideIn {from { opacity: 0; transform: scale(0.85) translateY(20px); }to { opacity: 1; transform: scale(1) translateY(0); }}.popup-modal--cart {max-width: 440px;}.popup-modal--cart .popup-actions {flex-direction: row-reverse;flex-wrap: wrap;}.popup-modal--cart .popup-btn {flex: 1;min-width: 140px;justify-content: center;}.cart-popup-product {display: flex;gap: 14px;align-items: center;text-align: left;padding: 14px;background: var(--bg-secondary);border: 1px solid var(--border-color);border-radius: var(--radius-md);margin-bottom: 4px;opacity: 0;transform: translateX(-16px);transition: opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1) 0.26s,transform 0.5s cubic-bezier(0.34, 1.35, 0.64, 1) 0.26s;}.popup-overlay.popup-open .cart-popup-product {opacity: 1;transform: translateX(0);}.cart-popup-img {width: 72px;height: 72px;border-radius: var(--radius-md);object-fit: cover;flex-shrink: 0;border: 1px solid var(--border-color);transform: scale(0.85);transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.32s;}.popup-overlay.popup-open .cart-popup-img {transform: scale(1);}.cart-popup-name {font-weight: 700;color: var(--text-primary);font-size: 1rem;line-height: 1.3;}.cart-popup-price {color: #22c55e;font-weight: 700;font-size: 1.05rem;margin-top: 4px;}@media (max-width: 480px) {.popup-modal--cart .popup-actions {flex-direction: column-reverse;}.popup-modal--cart .popup-btn {width: 100%;}}.popup-icon {width: 64px;height: 64px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.8rem;margin: 0 auto 20px;transform: translateY(14px) scale(0.5);transition: opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1),transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);}.popup-overlay.popup-open .popup-icon {transform: translateY(0) scale(1);}.popup-icon.success {background: #d1fae5;color: #059669;box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.4);animation: popupIconPulse 0.6s ease 0.35s 1;}@keyframes popupIconPulse {0% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.45); }70% { box-shadow: 0 0 0 14px rgba(34, 197, 94, 0); }100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }}.popup-icon.success {background: #d1fae5;color: #059669;}.popup-icon.error {background: #fee2e2;color: #dc2626;}.popup-icon.warning {background: #fef3c7;color: #d97706;}.popup-icon.info {background: #d1fae5;color: #22c55e;}.popup-icon.confirm {background: var(--gray-100);color: var(--gray-700);}.popup-title {font-family: var(--font-display);font-size: 1.3rem;font-weight: 700;color: var(--text-primary);margin-bottom: 8px;}.popup-message {font-size: 0.95rem;color: var(--text-muted);line-height: 1.6;margin-bottom: 24px;}.popup-actions {display: flex;gap: 10px;justify-content: center;}.popup-btn {padding: 12px 28px;border-radius: 0;clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%);font-weight: 600;font-size: 0.9rem;cursor: pointer;border: none;transition: all 0.2s ease;display: inline-flex;align-items: center;gap: 8px;}.popup-btn:hover { background: rgba(255,255,255,0.1); }.popup-btn-primary {background: #22c55e;color: var(--white);}.popup-btn-primary:hover {background: #16a34a;box-shadow: 0 4px 12px rgba(34,197,94,0.3);}.popup-btn-secondary {background: var(--gray-100);color: var(--text-primary);border: 1px solid var(--border-color);}.popup-btn-secondary:hover {background: var(--gray-200);}.popup-btn-danger {background: #dc2626;color: white;}.popup-btn-danger:hover {background: #b91c1c;}.popup-timer {width: 100%;height: 3px;background: var(--gray-200);border-radius: 100px;margin-top: 20px;overflow: hidden;}.popup-timer-bar {height: 100%;background: var(--black);border-radius: 100px;animation: timerShrink linear forwards;}@keyframes timerShrink {from { width: 100%; }to { width: 0%; }}html.lite-mode .popup-overlay,html.lite-mode .popup-modal,html.lite-mode .popup-icon,html.lite-mode .popup-title,html.lite-mode .popup-message,html.lite-mode .popup-actions,html.lite-mode .cart-popup-product,html.lite-mode .cart-popup-img {transition-duration: 0.2s !important;}html.lite-mode .popup-modal {transform: none !important;}html.lite-mode .popup-modal::before,html.lite-mode .popup-modal::after {display: none;}@media (prefers-reduced-motion: reduce) {.popup-overlay,.popup-modal,.popup-icon,.popup-title,.popup-message,.popup-actions,.cart-popup-product,.cart-popup-img {transition-duration: 0.01ms !important;animation: none !important;}.popup-modal {transform: none !important;}.popup-modal::before,.popup-modal::after {display: none;}}

/* --- premium-theme.css --- */
:root {--font-primary: 'Sora', 'Segoe UI', sans-serif;--font-display: 'Rajdhani', 'Segoe UI', sans-serif;--font-accent: 'Space Grotesk', 'Segoe UI', sans-serif;--radius-sm: 14px;--radius-md: 20px;--radius-lg: 26px;--radius-xl: 34px;--bg-primary: #07120d;--bg-secondary: #0b1811;--bg-card: rgba(10, 20, 14, 0.82);--card-bg: rgba(10, 20, 14, 0.82);--input-bg: rgba(7, 16, 11, 0.88);--text-primary: #edf6ff;--text-secondary: #c5d8ca;--text-muted: #8ea093;--border-color: rgba(16, 185, 129, 0.18);--border-hover: rgba(255, 143, 87, 0.78);--navbar-bg: rgba(12, 34, 26, 0.94);--footer-bg: #040d08;--hero-bg: radial-gradient(circle at top, rgba(255, 143, 87, 0.16), transparent 36%), radial-gradient(circle at 78% 22%, rgba(16, 185, 129, 0.14), transparent 28%), linear-gradient(145deg, #07120d 0%, #040905 48%, #10170d 100%);--hero-text: #f4fbff;--hero-subtext: #a6bbd8;--hero-badge-bg: rgba(14, 29, 18, 0.8);--hero-badge-border: rgba(255, 143, 87, 0.26);--hero-badge-text: #d8f7f0;--green: #10b981;--green-light: #34d399;--green-dark: #10b981;--orange: #ff8f57;--orange-light: #ffb184;--orange-dark: #f97316;--green-glow: rgba(16, 185, 129, 0.18);--orange-glow: rgba(255, 143, 87, 0.18);--primary: #f4fbff;--gradient-accent: linear-gradient(135deg, #10b981 0%, #ff8f57 100%);--shadow-sm: 0 12px 28px rgba(0, 0, 0, 0.18);--shadow-md: 0 22px 60px rgba(0, 0, 0, 0.28);--shadow-lg: 0 32px 90px rgba(0, 0, 0, 0.36);--shadow-xl: 0 48px 130px rgba(0, 0, 0, 0.42);--button-radius: 0;}html {background: #040b15;}body {font-size: 16px;background:radial-gradient(circle at 14% 18%, rgba(16, 185, 129, 0.14), transparent 24%),radial-gradient(circle at 84% 14%, rgba(255, 143, 87, 0.12), transparent 18%),radial-gradient(circle at 78% 72%, rgba(16, 185, 129, 0.1), transparent 22%),linear-gradient(180deg, #040c08 0%, #07120d 38%, #0b1610 100%);color: var(--text-primary);}body::before {opacity: 0.34;animation-duration: 16s;}body::after {opacity: 0.5;}.page-wrapper {isolation: isolate;}.container {width: min(1200px, calc(100% - 32px));}.navbar {position: fixed;top: 0;left: 0;right: 0;z-index: 1200;backdrop-filter: blur(18px);-webkit-backdrop-filter: blur(18px);padding: 0;margin: 0;background: linear-gradient(180deg, rgba(16, 42, 32, 0.98) 0%, rgba(10, 28, 20, 0.96) 100%);border-bottom: 1px solid rgba(16, 185, 129, 0.16);box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);width: 100%;}.navbar-spacer {height: var(--site-header-h, 96px);}.navbar-top,.navbar-main {background: transparent;border-bottom: none;box-shadow: none;}.navbar-top {border-bottom: 1px solid rgba(16, 185, 129, 0.18);}.top-promo-strip {background: linear-gradient(90deg, rgba(16, 185, 129, 0.14) 0%, rgba(249, 115, 22, 0.14) 100%);border-bottom: none;box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);padding: 10px 0;font-size: 0.8rem;color: #e5e5e5;position: relative;z-index: 1001;}.promo-strip-inner {display: flex;align-items: center;justify-content: center;gap: 16px;flex-wrap: wrap;}.promo-strip-inner span {display: inline-flex;align-items: center;gap: 6px;white-space: nowrap;}.promo-strip-inner i {color: #10b981;font-size: 0.75rem;}.promo-divider {width: 4px;height: 4px;border-radius: 50%;background: rgba(249, 115, 22, 0.7);}@media (max-width: 768px) {.promo-strip-inner {gap: 10px;font-size: 0.72rem;}.promo-divider {display: none;}}.navbar-top-inner,.navbar-main-inner {width: min(1280px, calc(100% - 32px));margin: 0 auto;padding: 6px 0;}.navbar-brand {gap: 12px;}.brand-sint,.brand-dma,.hero h1,.section-header h2,.product-detail-info h1,.cart-page h1,.checkout-layout h3,.footer h3,.footer h4 {font-family: var(--font-display);letter-spacing: 0.04em;}.brand-sint,.brand-dma {font-size: 1.55rem;font-weight: 700;}.brand-sint {color: var(--green) !important;}.brand-dma {color: var(--orange) !important;text-shadow: 0 0 18px rgba(249, 115, 22, 0.4);}.nav-link,.navbar-search,.nav-icon-btn,.discord-btn,.navbar-user,.footer-col a,.faq-toggle,.payment-option,.sidebar-section,.cart-item,.cart-summary,.checkout-section,.product-card,.category-card,.feature-card,.about-card,.review-card-carousel,.shop-sidebar,.flash,.search-popup-modal,.search-popup-product,.search-popup-cat,.ai-chat,.ai-fab-btn,.scroll-to-top {backdrop-filter: blur(18px);-webkit-backdrop-filter: blur(18px);}.nav-link,.nav-icon-btn,.discord-btn,.navbar-user,.mobile-toggle,.search-popup-close,.btn,.btn-add-cart,.btn-buy-now,.product-wishlist,.faq-toggle,.payment-option,.ai-fab-btn,.scroll-to-top {transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease, background-color 0.22s ease, color 0.22s ease;}.nav-link:hover,.nav-link.active,.nav-icon-btn:hover,.discord-btn:hover,.navbar-user:hover,.search-popup-close:hover,.mobile-toggle:hover {transform: translateY(-1px);}.navbar-main-nav .nav-link,.navbar-user,.discord-btn,.navbar-search {border: 1px solid rgba(16, 185, 129, 0.1);background: rgba(255, 255, 255, 0.02);border-radius: var(--button-radius) !important;}.nav-icon-btn {border: none !important;background: transparent !important;}.navbar-main-nav .nav-link:hover,.navbar-main-nav .nav-link.active,.navbar-user:hover,.discord-btn:hover,.navbar-search:hover {border-color: rgba(255, 143, 87, 0.28);background: rgba(255, 143, 87, 0.08);box-shadow: 0 0 18px rgba(255, 143, 87, 0.18), 0 0 28px rgba(16, 185, 129, 0.1);}.nav-icon-btn:hover {background: rgba(255, 255, 255, 0.06);border-color: transparent;box-shadow: none;}.cart-icon-btn:hover {background: transparent;border-color: transparent;box-shadow: none;clip-path: none !important;}.cart-icon-btn {clip-path: none !important;}.cart-icon-btn:hover .cart-count-badge {box-shadow: 0 0 12px rgba(239, 68, 68, 0.6);}.mobile-toggle,.mobile-close {border-radius: 16px;border: 1px solid rgba(255, 143, 87, 0.14);background: rgba(255, 255, 255, 0.03);}.hero {min-height: min(88vh, 860px);padding: 48px 0 28px;background: var(--hero-bg);border-bottom: 1px solid rgba(16, 185, 129, 0.08);}.hero::before {background: radial-gradient(circle, rgba(255, 143, 87, 0.18) 0%, transparent 66%);}.hero::after {background: radial-gradient(circle, rgba(16, 185, 129, 0.18) 0%, transparent 68%);}.hero-inner {gap: 56px;align-items: center;}.hero-content {max-width: 650px;}.hero h1 {font-size: clamp(3.2rem, 7vw, 6rem);line-height: 0.95;text-transform: uppercase;}.hero h1 span:last-child {display: inline-block;background: none !important;-webkit-background-clip: unset !important;background-clip: unset !important;color: var(--text-primary) !important;}.hero p,.hero-desc {max-width: 54ch;font-size: 1.05rem;color: var(--hero-subtext);line-height: 1.7;margin-bottom: 28px;}.hero-eyebrow {display: block;width: 100%;margin: 0 0 10px;padding: 0;text-align: left;font-size: 0.82rem;font-weight: 700;letter-spacing: 0.14em;text-transform: uppercase;color: var(--green);}.hero-image img {filter: drop-shadow(0 28px 80px rgba(0, 0, 0, 0.45));max-width: 250px !important;max-height: 215px !important;width: auto !important;height: auto !important;margin: 0 auto;}@media (max-width: 768px) {.hero-image img {max-width: 220px !important;max-height: 190px !important;}}@media (max-width: 480px) {.hero-image img {max-width: 170px !important;max-height: 145px !important;}}.hero-stats,.footer-grid,.products-grid,.categories-grid,.features-grid,.about-grid,.shop-layout,.cart-layout,.checkout-layout {gap: 20px;}.hero-stat,.category-card,.feature-card,.about-card,.product-card,.review-card-carousel,.cart-item,.cart-summary,.checkout-section,.footer-brand,.footer-col,.flash,.faq-item-home,.search-popup-modal,.search-popup-product,.search-popup-cat,.search-popup-default,.ai-chat,.searchable-select .ss-dropdown {background: rgba(20, 28, 23, 0.95);border: 1px solid rgba(100, 120, 108, 0.3);box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);border-radius: var(--radius-md) !important;}.sidebar-section {background: rgba(20, 28, 23, 0.5) !important;border: none !important;box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;border-radius: 20px !important;padding: 28px 20px 20px !important;margin-bottom: 24px !important;}.shop-sidebar,.shop-sidebar .sidebar-section,.shop-sidebar .sidebar-section h4,.shop-sidebar .filter-list,.shop-sidebar .filter-list a,.shop-sidebar .filter-list .count,.shop-sidebar .price-range,.shop-sidebar .price-range input {background: transparent !important;border: none !important;box-shadow: none !important;}.section {padding: 88px 0;}.section-header {margin-bottom: 38px;}.section-header h2 {font-size: clamp(2rem, 4vw, 3.4rem);line-height: 1;}.section-header p {max-width: 52ch;margin: 12px auto 0;color: var(--text-secondary);}.section-header .section-line {width: 120px;height: 3px;border-radius: 999px;background: var(--orange);box-shadow: 0 0 18px rgba(255, 143, 87, 0.36);}.category-card,.feature-card,.about-card,.product-card,.review-card-carousel,.cart-summary,.checkout-section,.sidebar-section,.faq-item-home {border-radius: var(--radius-lg);}.category-card:hover,.feature-card:hover,.about-card:hover,.product-card:hover,.faq-item-home:hover {border-color: rgba(100, 120, 108, 0.3);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;}.product-card {overflow: hidden;}.product-image {background: transparent;}.product-badge {background: rgba(255, 143, 87, 0.14);border: 1px solid rgba(255, 143, 87, 0.28);color: #f1fbff;box-shadow: 0 0 14px rgba(255, 143, 87, 0.18);}.hero-badge {background: rgba(255, 143, 87, 0.14);border: 1px solid rgba(255, 143, 87, 0.28);color: #f1fbff;box-shadow: 0 0 14px rgba(255, 143, 87, 0.18);}.product-detail-info .price-block .discount-badge {background: none !important;border: none !important;box-shadow: none !important;color: #22c55e !important;}.cart-count-badge {position: absolute;top: -5px;right: -6px;width: 20px;height: 20px;min-width: 20px;max-width: 20px;background: #ef4444 !important;color: #ffffff !important;border: 2px solid var(--bg-primary) !important;border-radius: 50%;font-size: 0.65rem;font-weight: 800;display: flex;align-items: center;justify-content: center;padding: 0;box-shadow: 0 1px 6px rgba(239, 68, 68, 0.6);z-index: 99;line-height: 1;text-align: center;overflow: hidden;opacity: 0;visibility: hidden;transform: scale(0.6);transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;}.cart-icon-btn:hover .cart-count-badge {opacity: 1;visibility: visible;transform: scale(1);}.cart-icon-btn:hover .cart-count-badge:empty,.cart-icon-btn:hover .cart-count-badge[data-count="0"] {width: 10px;height: 10px;min-width: 10px;max-width: 10px;padding: 0;font-size: 0;color: transparent;}.cart-count-badge[data-has-items="1"] {opacity: 1 !important;visibility: visible !important;transform: scale(1) !important;}.result-count {background: transparent !important;border: none !important;box-shadow: none !important;color: var(--text-muted) !important;padding: 0 !important;}input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button,.quantity-selector input[type="number"]::-webkit-outer-spin-button,.quantity-selector input[type="number"]::-webkit-inner-spin-button,.price-range input[type="number"]::-webkit-outer-spin-button,.price-range input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none !important;margin: 0 !important;}input[type="number"],.quantity-selector input[type="number"],.price-range input[type="number"] {-moz-appearance: textfield !important;appearance: textfield !important;}.btn,.btn-add-cart,.btn-buy-now,.payment-option,.shop-sort select,.form-control,.price-range input,.search-popup-header input,.ai-chat-input input,textarea,select,input[type="text"],input[type="email"],input[type="search"],input[type="number"],input[type="password"],input[type="tel"],input[type="url"],input[type="date"],input[type="time"],input[type="datetime-local"],.searchable-select .ss-display,.searchable-select .ss-dropdown,.searchable-select .ss-search input,.quantity-selector,.quantity-selector input {border-radius: 0 !important;}.btn:not(.btn-danger):not(.del-row-btn):not(.btn-secondary):not(.btn-outline):not(.btn-register):not(.btn-login):not(.support-hero-btn),.btn-add-cart,.btn-buy-now {position: relative;overflow: hidden;border: none;border-radius: 0 !important;font-family: var(--font-primary);letter-spacing: normal;text-transform: none;min-height: auto;background: var(--green) !important;color: var(--white) !important;clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%) !important;}.btn-primary:not(.support-hero-btn),.btn-add-cart {background: var(--green) !important;color: var(--white) !important;box-shadow: none !important;clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%) !important;}.btn.btn-register,a.btn-register {background: var(--orange) !important;color: var(--white) !important;border: none !important;box-shadow: none !important;clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%) !important;}.btn.btn-register:hover,a.btn-register:hover {background: var(--orange-dark) !important;color: var(--white) !important;border-color: var(--orange-dark) !important;}.btn.btn-danger,.btn-danger {background: #dc2626 !important;color: #ffffff !important;border: 1px solid #b91c1c !important;box-shadow: none !important;}.btn.btn-danger:hover,.btn-danger:hover {background: #b91c1c !important;color: #ffffff !important;border-color: #991b1b !important;}.btn-register,.btn-buy-now,.scroll-to-top,.ai-fab-btn {background: var(--orange) !important;color: var(--white) !important;border: none !important;box-shadow: none !important;clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%) !important;}.btn-login,.btn-outline,.btn-secondary,.remove-btn,.cart-remove-btn,.qty-minus,.qty-plus,.mobile-close,.nav-icon-btn {border-radius: 0 !important;clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%) !important;}.nav-icon-btn.cart-icon-btn {clip-path: none !important;border-radius: 100px !important;}.btn-login,.qty-plus {background: var(--green) !important;color: var(--white) !important;border: none !important;}.btn-secondary,.btn-outline,.qty-minus,.remove-btn,.cart-remove-btn,.mobile-toggle,.mobile-close {background: var(--orange) !important;color: var(--white) !important;border: none !important;}.search-popup-close {border-radius: 0 !important;clip-path: polygon(4px 0, 100% 0, calc(100% - 4px) 100%, 0 100%) !important;width: 32px !important;height: 32px !important;min-height: auto !important;min-width: auto !important;padding: 0 !important;display: flex !important;align-items: center !important;justify-content: center !important;flex-shrink: 0 !important;}.btn:not(.btn-danger):not(.del-row-btn):hover,.btn-primary:hover,.btn-add-cart:hover {background: var(--black) !important;color: var(--white) !important;border-color: var(--black) !important;transform: none !important;box-shadow: none !important;}.btn-register:hover,.btn-buy-now:hover,.scroll-to-top:hover,.ai-fab-btn:hover {background: var(--orange-dark) !important;color: var(--white) !important;border-color: var(--orange-dark) !important;transform: none !important;box-shadow: none !important;}.btn-primary,.btn-add-cart,.btn-login,.qty-plus {border: 1.5px solid rgba(16, 185, 129, 0.45) !important;}.btn-outline,.btn-secondary,.btn-register,.btn-buy-now,.qty-minus,.remove-btn,.cart-remove-btn {border: 1.5px solid rgba(255, 143, 87, 0.45) !important;}.btn-outline:hover,.btn-secondary:hover,.btn-login:hover {background: var(--black) !important;color: var(--white) !important;border-color: var(--black) !important;filter: none;box-shadow: none;}.btn:disabled,.btn-add-cart:disabled,.btn-buy-now:disabled,button:disabled {cursor: not-allowed;filter: grayscale(0.3) brightness(0.72);opacity: 0.75;}.form-control,.price-range input,textarea,select,input[type="text"],input[type="email"],input[type="number"],input[type="password"] {border: 1px solid rgba(16, 185, 129, 0.16);background: rgba(4, 13, 24, 0.72);color: var(--text-primary);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);}.form-control:focus,textarea:focus,select:focus,input:focus,.ss-search input:focus,.shop-sort select:focus {outline: none;border-color: rgba(255, 143, 87, 0.45);box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.12);}.flash {border-left: 4px solid var(--green);}.shop-sidebar,.cart-summary {position: sticky;top: 118px;}.cart-empty,.search-popup-default,.search-popup-empty {border-radius: var(--radius-lg);background: rgba(10, 20, 14, 0.9);border: 1px solid rgba(255, 143, 87, 0.14);}.footer {margin-top: 56px;background: rgba(4, 12, 8, 0.96);border-top: none;box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.32);}.footer-grid {align-items: start;}.footer-col a,.footer-contact-link {color: var(--text-secondary);}.footer-col a:hover,.footer-contact-link:hover {color: var(--green-light);}@media (max-width: 768px) {.navbar-nav {background: rgba(6, 15, 10, 0.98);border-left: 1px solid rgba(255, 143, 87, 0.16);}}.sidebar-overlay {background: rgba(2, 7, 13, 0.62);backdrop-filter: blur(10px);}.loading-screen {background: #ffffff !important;}.search-popup-overlay.active {backdrop-filter: blur(12px);}.search-popup-modal {border-radius: 28px;}.search-popup-header,.search-popup-footer {border-color: rgba(16, 185, 129, 0.12);}.ai-chat {border-radius: 28px !important;background: rgba(7, 17, 11, 0.98) !important;border: 1px solid rgba(16, 185, 129, 0.2) !important;}.ai-chat-header {background: rgba(255, 143, 87, 0.12);}.ai-message .msg-bubble {border-radius: 12px;}.scroll-to-top {border: 0 !important;}.reveal-ready {opacity: 0;transform: translateY(22px);transition: opacity 0.55s ease, transform 0.55s ease;}.reveal-ready.is-visible {opacity: 1;transform: translateY(0);}.btn-ripple {position: absolute;border-radius: 999px;transform: scale(0);pointer-events: none;background: rgba(255, 255, 255, 0.35);animation: premiumRipple 0.55s ease-out;}@keyframes premiumRipple {to {transform: scale(3.4);opacity: 0;}}@media (max-width: 991px) {.section {padding: 72px 0;}.hero {padding-top: 28px;}.hero-inner,.about-grid,.shop-layout,.cart-layout,.checkout-layout {gap: 20px;}.shop-sidebar,.cart-summary {position: static;top: auto;}}@media (max-width: 768px) {.container,.navbar-top-inner,.navbar-main-inner {width: min(100% - 20px, 1200px);}.hero {min-height: auto;}.hero h1 {font-size: clamp(2.5rem, 12vw, 4.2rem);}.hero-actions,.product-actions,#subscribeForm {flex-direction: column;}.hero-actions .btn,.product-actions .btn,#subscribeForm .btn {width: 100%;}.footer-grid {grid-template-columns: 1fr;}.product-card-actions {grid-template-columns: 1fr;}.btn,.btn-add-cart,.btn-buy-now,.nav-icon-btn,.mobile-close {min-height: 48px;min-width: 48px;}.mobile-toggle {min-height: 32px !important;min-width: 38px !important;height: 32px !important;width: 38px !important;clip-path: polygon(4px 0, 100% 0, calc(100% - 4px) 100%, 0 100%) !important;border-radius: 0 !important;gap: 3.5px !important;}.mobile-toggle span+span {margin-top: 0 !important;}.mobile-toggle:hover {background: var(--orange-dark) !important;}.support-stat-cards {grid-template-columns: 1fr !important;}#supportRefreshBtn {min-height: var(--touch-target, 44px) !important;min-width: auto !important;height: auto !important;width: auto !important;padding: 10px 16px !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;clip-path: none !important;}.support-empty .btn {padding: 10px 20px !important;font-size: 0.85rem !important;min-height: auto !important;min-width: auto !important;}.search-popup-close {min-height: auto;min-width: auto;}.navbar-top-right {gap: 8px;}}@media (max-width: 520px) {.section {padding: 60px 0;}.section-header h2 {font-size: 2rem;}.hero-stats {grid-template-columns: 1fr;}.cart-item,.cart-summary,.checkout-section,.shop-sidebar,.sidebar-section,.faq-item-home,.product-card,.feature-card,.about-card,.review-card-carousel {border-radius: 20px;}.hero-actions .btn,.product-actions .btn,#subscribeForm .btn,.cart-summary .btn,.checkout-section .btn {width: 100%;justify-content: center;padding-inline: 16px;}.product-card-actions .btn-add-cart,.product-card-actions .btn-buy-now {flex: 1 1 0;width: auto;min-width: 0;justify-content: center;padding-inline: 8px;}.product-card-actions {flex-direction: row;gap: 6px;}.cart-item-actions,.hero-actions {gap: 10px;}}@media (prefers-reduced-motion: reduce) {.reveal-ready,.nav-link,.nav-icon-btn,.discord-btn,.navbar-user,.btn,.btn-add-cart,.btn-buy-now,.product-card,.category-card,.feature-card,.about-card,.review-card-carousel,.faq-item-home {transition: none !important;animation: none !important;transform: none !important;}}:root {--panel-solid: #121713;--panel-solid-alt: #181d19;--panel-shadow-3d: 10px 10px 0 rgba(0, 0, 0, 0.38), 0 0 28px rgba(16, 185, 129, 0.08), 0 0 34px rgba(249, 115, 22, 0.08);--panel-shadow-3d-hover: 14px 14px 0 rgba(0, 0, 0, 0.46), 0 0 34px rgba(16, 185, 129, 0.14), 0 0 38px rgba(249, 115, 22, 0.12);}div,section,article,aside,main,footer,nav,form,input,textarea,select,button,.btn,.product-card,.category-card,.feature-card,.about-card,.review-card-carousel,.cart-summary,.checkout-section,.sidebar-section,.shop-sidebar,.faq-item,.faq-item-home,.search-popup-modal,.ai-chat,.flash,.payment-option,.product-gallery-main,.product-thumb,.product-image {border-radius: var(--radius-md) !important;}.hero-stat,.footer-brand,.footer-col,.category-card,.feature-card,.about-card,.product-card,.review-card-carousel,.sidebar-section,.shop-sidebar,.cart-item,.cart-summary,.checkout-section,.faq-item,.faq-item-home,.search-popup-modal,.search-popup-product,.search-popup-cat,.search-popup-default,.cart-empty,.payment-option,.product-gallery-main,.product-detail-info,.firmware-selector,.product-features,.ai-chat {background: rgba(20, 28, 23, 0.95) !important;border: 1px solid rgba(100, 120, 108, 0.3) !important;box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;border-radius: var(--radius-md) !important;}.product-card,.category-card,.feature-card,.about-card,.review-card-carousel,.cart-item,.faq-item,.firmware-option,.payment-option {transform-style: preserve-3d;transition: transform 90ms ease-out, box-shadow 90ms ease-out, background-color 90ms ease-out !important;will-change: transform;}.product-card:hover,.category-card:hover,.feature-card:hover,.about-card:hover,.cart-item:hover,.faq-item:hover,.firmware-option:hover,.payment-option:hover {transform: translateY(-4px) !important;background: rgba(25, 35, 28, 1) !important;border-color: rgba(16, 185, 129, 0.3) !important;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;}.btn:hover,.btn-primary:hover,.btn-secondary:hover,.btn-outline:hover,.btn-login:hover,.btn-register:hover,.btn-add-cart:hover,.btn-buy-now:hover,.nav-icon-btn:hover,.navbar-search:hover,.navbar-user:hover,.discord-btn:hover {transform: translateY(-2px) !important;box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3) !important;}.btn-primary:hover,.btn-add-cart:hover,.btn-login:hover {background: #14d69a !important;}.btn-secondary:hover,.btn-outline:hover,.btn-register:hover,.btn-buy-now:hover,.remove-btn:hover,.cart-remove-btn:hover {background: #ff8b3d !important;}.marquee-strip {background: transparent !important;border-top: 1px solid rgba(100, 120, 108, 0.3) !important;border-bottom: 1px solid rgba(100, 120, 108, 0.3) !important;box-shadow: none !important;}.marquee-item {animation: none !important;opacity: 1 !important;}.marquee-item,.marquee-item i {color: var(--text-primary) !important;text-shadow: none;}.hero-stat {min-width: 0;padding: 18px 16px !important;text-align: left;background: rgba(20, 28, 23, 0.95) !important;border: 1px solid rgba(100, 120, 108, 0.3) !important;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;border-radius: var(--radius-md) !important;}.hero-stat .stat-label,.hero-stat .stat-value {white-space: normal;}.footer-grid {align-items: stretch !important;}.footer-col,.footer-brand {min-width: 0;overflow-wrap: anywhere;}.footer-col a {display: flex;align-items: center;gap: 8px;margin-right: 0;margin-bottom: 10px;line-height: 1.4;width: 100%;}.md-content {color: var(--text-secondary);font-size: 1rem;line-height: 1.8;}.md-content p {margin: 0 0 14px;}.md-content ul {margin: 10px 0 18px 18px;padding: 0 0 0 20px;list-style-type: disc !important;}.md-content ul li {margin: 7px 0;padding-left: 4px;color: var(--text-secondary);display: list-item;}.md-content ul li::marker {color: var(--green);}.md-content strong,.md-content h2,.md-content h3,.md-content h4 {color: var(--text-primary);}.md-video {margin: 18px 0;aspect-ratio: 16 / 9;background: #080c09;box-shadow: var(--panel-shadow-3d);}.md-video iframe {width: 100%;height: 100%;border: 0;}.firmware-selector {margin: 22px 0;padding: 18px;}.firmware-selector-head {display: flex;justify-content: space-between;align-items: flex-start;gap: 16px;margin-bottom: 12px;}.firmware-selector h3 {margin: 2px 0 0;font-family: var(--font-display);text-transform: uppercase;letter-spacing: 0.06em;}.eyebrow {color: var(--green-light);font-size: 0.75rem;text-transform: uppercase;letter-spacing: 0.12em;}.firmware-total {color: var(--orange-light);font-weight: 800;font-family: var(--font-display);font-size: 1.35rem;white-space: nowrap;}.firmware-option {display: grid;grid-template-columns: auto 1fr auto;gap: 14px;align-items: center;padding: 14px;margin-top: 10px;background: #0e130f;box-shadow: 7px 7px 0 rgba(0, 0, 0, 0.32);cursor: pointer;}.firmware-option input {accent-color: var(--green-dark);}.addon-option small {display: block;margin-top: 3px;color: var(--text-muted);}.addon-linked-product {color: var(--green-light) !important;}.addon-linked-product a {color: inherit;text-decoration: none;}.addon-linked-product a:hover {color: var(--green);text-decoration: underline;}.firmware-option b {color: var(--orange-light);white-space: nowrap;}.firmware-option.active {background: #142016 !important;box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.38), 0 0 20px rgba(16, 185, 129, 0.13) !important;}.firmware-option.required-addon::before {content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 3px;background: #ef4444;border-radius: 3px 0 0 3px;}.firmware-option {position: relative;}.addon-option {cursor: default;grid-template-columns: auto 1fr auto;}.addon-option-body {display: block;min-width: 0;}.addon-switch {position: relative;display: inline-flex;width: 46px;height: 26px;flex-shrink: 0;cursor: pointer;}.addon-switch input {position: absolute;left: -9999px;opacity: 0;width: 0;height: 0;margin: 0;padding: 0;-webkit-appearance: none;appearance: none;color: transparent;text-shadow: none;font-size: 0;}.addon-switch-track {position: absolute;inset: 0;background: #2a2f2c;border: 1px solid rgba(255, 255, 255, 0.08);border-radius: 999px;transition: background 0.2s ease, border-color 0.2s ease;}.addon-switch-thumb {position: absolute;top: 3px;left: 3px;width: 18px;height: 18px;border-radius: 50%;background: #fff;transition: transform 0.2s ease, background 0.2s ease;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);}.addon-switch input:checked~.addon-switch-track {background: rgba(34, 197, 94, 0.25);border-color: var(--green);}.addon-switch input:checked~.addon-switch-thumb {transform: translateX(20px);background: var(--green);}.addon-switch input:disabled+.addon-switch-track {opacity: 0.85;}.addon-option.is-enabled,.addon-option.active {background: #142016 !important;box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.38), 0 0 20px rgba(16, 185, 129, 0.13) !important;}.addon-option:not(.is-enabled) {opacity: 0.72;}.addon-option:not(.is-enabled) b {opacity: 0.55;}.bundle-section {padding-top: 76px;}.bundle-grid {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 22px;}.bundle-grid.compact {grid-template-columns: 1fr;}.bundle-card {position: relative;display: flex;flex-direction: column;gap: 14px;min-height: 260px;padding: 0;background: var(--panel-solid);color: var(--text-primary);text-decoration: none;border: none;box-shadow: 0 4px 24px rgba(0, 0, 0, 0.38);transform-style: preserve-3d;transition: transform 90ms ease-out, box-shadow 90ms ease-out, background-color 90ms ease-out;overflow: hidden;border-radius: 24px;isolation: isolate;}@media (min-width: 640px) {.shop-bundle-strip .bundle-card {display: grid;grid-template-columns: 45% 1fr;grid-template-rows: auto auto auto 1fr;align-items: start;padding: 24px;gap: 0 24px;}.shop-bundle-strip .bundle-card > .bundle-stretched-link {grid-column: 1 / -1;grid-row: 1 / -1;z-index: 5;}.shop-bundle-strip .bundle-image {grid-column: 1 / 2;grid-row: 1 / 5;width: 100%;min-height: 250px;padding: 0;background: transparent;align-self: center;}.shop-bundle-strip .bundle-image img {max-height: 280px;}.shop-bundle-strip .bundle-card .bundle-tag {grid-column: 2 / 3;grid-row: 1 / 2;justify-self: start;margin-bottom: 12px;position: relative;top: 0;right: 0;z-index: 10;min-width: 0;}.shop-bundle-strip .bundle-card h3 {grid-column: 2 / 3;grid-row: 2 / 3;z-index: 10;position: relative;min-width: 0;}.shop-bundle-strip .bundle-card p {grid-column: 2 / 3;grid-row: 3 / 4;z-index: 10;position: relative;display: block; min-width: 0;}.shop-bundle-strip .bundle-card .bundle-bottom {grid-column: 2 / 3;grid-row: 4 / 5;z-index: 10;position: relative;margin-top: 16px;align-self: end;min-width: 0;}}.bundle-stretched-link {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;z-index: 1;text-decoration: none;background: transparent;border: 0;padding: 0;margin: 0;cursor: pointer;border-radius: inherit;}.bundle-stretched-link:focus-visible {outline: 2px solid var(--green, #10b981);outline-offset: -2px;}.bundle-card:hover {transform: none;background: var(--panel-solid-alt);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);}.bundle-image {width: 100%;aspect-ratio: 4/3;min-height: 180px;overflow: hidden;background: transparent;display: flex;align-items: center;justify-content: center;padding: 8px;}.bundle-grid.compact .bundle-image {aspect-ratio: 16/9;min-height: 140px;}.bundle-image img {max-width: 100%;max-height: 200px;width: auto;height: auto;object-fit: contain;display: block;transition: transform 0.3s ease;}.bundle-demo-icon {font-size: 4rem;color: var(--green);opacity: 0.6;transition: transform 0.3s ease, opacity 0.3s ease;}.bundle-card:hover .bundle-demo-icon {transform: scale(1.1);opacity: 0.8;}.bundle-card:hover .bundle-image img {transform: scale(1.05);}.bundle-card>.bundle-tag,.bundle-card>h3,.bundle-card>p,.bundle-card>.bundle-loadout,.bundle-card>.bundle-bottom {margin-left: 24px;margin-right: 24px;}.bundle-card>.bundle-bottom {margin-bottom: 24px;}.bundle-card>.bundle-tag {margin-top: 8px;}.bundle-tag {display: inline-flex;align-items: center;gap: 8px;color: var(--green-light);font-family: var(--font-display);text-transform: uppercase;letter-spacing: 0.08em;font-weight: 700;position: relative;z-index: 0;}.bundle-card h3,.shop-bundle-head h2 {font-family: var(--font-display);text-transform: uppercase;letter-spacing: 0.05em;}.bundle-card h3,.bundle-card p {position: relative;z-index: 0;}.bundle-card p {color: var(--text-secondary);line-height: 1.65;margin: 0;}.bundle-loadout {display: flex;flex-direction: column;gap: 10px;margin-top: auto;position: relative;z-index: 0;}.bundle-loadout span {display: flex;align-items: center;gap: 10px;color: var(--text-secondary);font-size: 0.92rem;line-height: 1.35;min-height: 22px;}.bundle-loadout i,.bundle-tag i {color: var(--orange-light);display: inline-flex;align-items: center;justify-content: center;width: 18px;flex-shrink: 0;font-size: 0.95rem;line-height: 1;}.bundle-bottom {display: flex;flex-direction: column;align-items: stretch;gap: 12px;margin-top: auto;padding-top: 14px;position: relative;z-index: 2;}.bundle-price {display: flex;flex-wrap: wrap;flex-direction: row;align-items: baseline;gap: 6px 8px;width: 100%;}.bundle-card-actions {display: flex;gap: 6px;width: 100%;min-width: 0;position: relative;z-index: 3;}.bundle-add-cart-form {flex: 1;min-width: 0;display: flex;margin: 0;}.bundle-card-actions .btn-add-cart,.bundle-card-actions .btn-buy-now {flex: 1;min-width: 0;min-height: 46px;padding: 12px 10px;font-size: 0.82rem;font-weight: 700;display: inline-flex;align-items: center;justify-content: center;gap: 6px;text-decoration: none;border: none;cursor: pointer;white-space: nowrap;clip-path: polygon(5px 0, 100% 0, calc(100% - 5px) 100%, 0 100%) !important;transition: background 0.2s ease, color 0.2s ease;}.bundle-card-actions .btn-add-cart {width: 100%;background: var(--green) !important;color: var(--white) !important;}.bundle-card-actions .btn-add-cart:hover {background: var(--black) !important;color: var(--white) !important;}.bundle-card-actions .btn-buy-now {background: var(--orange) !important;color: var(--white) !important;}.bundle-card-actions .btn-buy-now:hover {background: var(--black) !important;color: var(--white) !important;}.bundle-card-actions .bundle-action-full {width: 100%;}.bundle-card-actions .btn-add-cart i,.bundle-card-actions .btn-buy-now i {font-size: 0.95rem;color: inherit;}.bundle-bottom strong {color: var(--orange-light);font-size: 1.45rem;font-family: var(--font-display);line-height: 1.1;}.bundle-original-price {color: var(--text-muted);font-size: 0.85rem;text-decoration: line-through;font-weight: 500;line-height: 1;}.discount-save-pct {display: inline;font-size: 0.75rem;font-weight: 700;color: #22c55e;background: none !important;padding: 0 !important;border-radius: 0 !important;line-height: 1.4;white-space: nowrap;}.product-price .discount-save-pct {font-size: 0.72rem;}.product-detail-info .product-specs-block {text-align: left;}.product-detail-grid .product-detail-info:nth-of-type(1) .product-specs-block,.product-detail-stack .product-detail-info:nth-of-type(1) .product-specs-block {text-align: left;}.product-detail-info .price-block .discount-save-pct,.product-detail-info .price-block .discount-badge {font-size: 0.82rem;background: none !important;padding: 0 !important;border-radius: 0 !important;color: #22c55e !important;font-weight: 700;}.bundle-price .bundle-original-price,.bundle-price .discount-save-pct {background: none !important;padding: 0 !important;clip-path: none !important;text-transform: none !important;letter-spacing: normal !important;box-shadow: none !important;}.bundle-price .discount-save-pct {color: #22c55e !important;}.product-price .original,.product-price .bundle-original-price {background: none !important;padding: 0 !important;clip-path: none !important;}.bundle-buy-now {position: relative;z-index: 2;display: inline-flex;align-items: center;gap: 6px;padding: 10px 18px;background: var(--green-dark);color: #03110d;font-weight: 800;text-transform: uppercase;letter-spacing: 0.05em;font-size: 0.85rem;text-decoration: none;clip-path: polygon(15px 0, 100% 0, calc(100% - 15px) 100%, 0 100%);transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;white-space: nowrap;}.bundle-buy-now i {color: #03110d;}.bundle-buy-now:hover {background: var(--green);color: #03110d;transform: translateX(2px);box-shadow: 0 6px 18px rgba(16, 185, 129, 0.35);}.shop-bundle-strip {margin: 0 0 30px;padding: 24px;background: var(--panel-solid);box-shadow: var(--panel-shadow-3d);}.shop-bundle-head {margin-bottom: 18px;}@media (max-width: 991px) {.bundle-grid.compact {grid-template-columns: 1fr;}.bundle-card>.bundle-tag,.bundle-card>h3,.bundle-card>p,.bundle-card>.bundle-loadout,.bundle-card>.bundle-bottom {margin-left: 18px;margin-right: 18px;}.bundle-bottom {flex-direction: column;align-items: stretch;gap: 10px;}.bundle-bottom strong {text-align: center;}.bundle-buy-now {justify-content: center;padding: 12px 18px;font-size: 0.95rem;}}@media (max-width: 480px) {.bundle-card>.bundle-tag,.bundle-card>h3,.bundle-card>p,.bundle-card>.bundle-loadout,.bundle-card>.bundle-bottom {margin-left: 14px;margin-right: 14px;}.bundle-card h3 {font-size: 1.15rem;}.bundle-card p {font-size: 0.85rem;}.bundle-bottom strong {font-size: 1.4rem;}.bundle-buy-now {font-size: 0.9rem;padding: 11px 16px;}.bundle-loadout {flex-direction: column;gap: 6px;align-items: flex-start;}}.ai-fab,.ai-fab-btn,.scroll-to-top {box-shadow: none !important;}.ai-chat {width: min(390px, calc(100vw - 20px)) !important;height: min(560px, calc(100vh - 116px)) !important;}@media (max-width: 768px) {.hero-stat {min-width: 0;}.firmware-option {grid-template-columns: auto 1fr;}.firmware-option b {grid-column: 2;}}.feature-card:hover {transform: none !important;border-color: var(--border-color) !important;box-shadow: none !important;background: var(--card-bg) !important;}.hero-stat,.footer-brand,.footer-col,.category-card,.feature-card,.about-card,.product-card,.review-card-carousel,.sidebar-section,.shop-sidebar,.cart-item,.cart-summary,.checkout-section,.faq-item,.faq-item-home,.search-popup-modal,.search-popup-product,.search-popup-cat,.search-popup-default,.cart-empty,.payment-option,.product-gallery-main,.product-detail-info,.firmware-selector,.product-features,.ai-chat,.bundle-card {box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.42) !important;}.product-card:hover,.category-card:hover,.about-card:hover,.cart-item:hover,.faq-item:hover,.firmware-option:hover,.payment-option:hover {box-shadow: 10px 10px 0 rgba(0, 0, 0, 0.5) !important;border-color: var(--border-color) !important;}.navbar-main-nav .nav-link.active {background: rgba(16, 185, 129, 0.15) !important;border-color: var(--green) !important;opacity: 1 !important;font-weight: 700 !important;}.navbar-main-nav .nav-link.active:hover {background: rgba(16, 185, 129, 0.22) !important;box-shadow: 0 0 14px rgba(16, 185, 129, 0.12) !important;}.section-header h2,.feature-card h3,.category-card h4,.about-card h3,.footer-col h4,.sidebar-section h4,.product-info h3:hover {background: none !important;-webkit-background-clip: unset !important;-webkit-text-fill-color: unset !important;background-clip: unset !important;color: var(--text-primary) !important;}.container {width: min(1320px, calc(100% - 32px)) !important;padding-left: 40px !important;padding-right: 40px !important;}.product-card {padding: 0;}.product-info {padding: 20px !important;}.product-card-actions {padding: 0 14px 14px !important;gap: 8px !important;}.bundle-card {padding: 0 !important;}.cart-summary,.checkout-section,.shop-sidebar,.flash,.search-popup-modal {box-sizing: border-box;}@media (max-width: 640px) {.container {padding-left: 18px !important;padding-right: 18px !important;}}.feature-card {padding: 36px 30px !important;min-width: 260px !important;max-width: 320px !important;}.category-card {padding: 36px 24px !important;min-width: 180px !important;}.bundle-card {min-height: 300px !important;padding: 0 !important;}.hero-stat {padding: 22px 26px !important;}.ai-fab {bottom: 24px !important;right: 24px !important;}.ai-fab-btn {width: auto !important;height: 48px !important;border-radius: 0 !important;clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%) !important;background: #000000 !important;color: #fff !important;border: 1px solid rgba(255, 255, 255, 0.15) !important;box-shadow: none !important;padding: 0 20px !important;gap: 8px !important;font-size: 0.9rem !important;font-weight: 600 !important;display: flex !important;align-items: center !important;justify-content: center !important;cursor: pointer !important;transition: all 0.3s ease !important;animation: none !important;line-height: 1 !important;}.ai-fab-btn:hover {background: #1a1a1a !important;box-shadow: none !important;transform: none !important;filter: brightness(1.1) !important;}.ai-fab-btn i {font-size: 1rem !important;}@media (max-width: 768px) {.ai-fab {bottom: 14px !important;right: 14px !important;}.ai-fab-btn {height: 44px !important;padding: 0 16px !important;font-size: 0.8rem !important;}}.footer-col.footer-payments,.footer-col:has(.payment-logos) {background: transparent !important;border: none !important;box-shadow: none !important;padding: 0 !important;}.footer-col.footer-payments h4 {margin-bottom: 12px !important;}.footer-payments .payment-logos {background: transparent !important;border: none !important;box-shadow: none !important;}.footer-brand,.footer-col {background: transparent !important;border: none !important;box-shadow: none !important;border-radius: 0 !important;padding: 0 !important;align-self: start;display: flex;flex-direction: column;align-items: stretch;}.footer-col h4,.footer-social-heading {margin: 0 0 14px !important;line-height: 1.25;padding: 0;text-align: left;width: 100%;}.footer-col.footer-payments .footer-social-block .footer-social-heading {margin-top: 0 !important;}.footer-col a {background: transparent !important;border: none !important;box-shadow: none !important;border-radius: 0 !important;margin: 0 0 2px !important;padding: 5px 0 !important;display: inline-flex !important;align-items: center !important;gap: 10px;width: auto;max-width: 100%;min-height: 34px;box-sizing: border-box;position: relative;transition: color 0.22s ease, transform 0.22s ease;}.footer-col a i {flex-shrink: 0;width: 18px;min-width: 18px;text-align: center;line-height: 1;transition: color 0.22s ease, transform 0.22s ease;}.footer-col a span {white-space: normal;overflow-wrap: break-word;word-break: break-word;line-height: 1.35;}.footer-col a:hover {background: transparent !important;box-shadow: none !important;color: var(--green-light, #4ade80) !important;transform: translateX(4px);}.footer-col a:hover i {color: var(--green, #22c55e) !important;transform: scale(1.08);}.footer-bottom {background: transparent !important;border-top: none;border-radius: 0 !important;box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;}.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-danger,.btn-success,.btn-sm,.btn-lg,.btn-icon,.btn-block,.btn-login,.btn-register,.btn-view,.btn-add-cart,.btn-buy-now,.btn-remove,.btn-checkout,.btn-place-order,.btn-submit,.btn-subscribe,.btn-discord,.btn-apply,.btn-clear,.discord-btn,.nav-link,.nav-link.active,.navbar-main-nav .nav-link,.navbar-main-nav .nav-link.active,.nav-icon-btn,.navbar-search,.navbar-user,.cart-icon-btn,.mobile-toggle,.mobile-close,.mobile-menu-item,.scroll-to-top,.ai-fab,.ai-fab-btn,.ai-close,.ai-chat,.ai-chat-header,.search-popup-close,.search-popup-modal,.search-popup-header,.search-popup-product,.search-popup-cat,.search-popup-default,.search-popup-empty,.popup-btn,.popup-btn-primary,.popup-btn-secondary,.popup-btn-danger,.popup-modal,.pagination-btn,.tab-btn,.filter-btn,.sort-btn,.close-btn,.toggle-btn,.action-btn,.icon-btn,.add-btn,.remove-btn,.cart-remove-btn,.qty-btn,.quantity-btn,.copy-btn,.download-btn,.search-btn,.send-btn,.submit-btn,.cancel-btn,.confirm-btn,.back-btn,.next-btn,.prev-btn,.edit-btn,.delete-btn,.save-btn,.continue-btn,.refresh-btn,.see-all-btn,.view-all-btn,.read-more-btn,.view-btn,.share-btn,.review-btn,.notif-btn,.message-btn,.support-btn,.faq-btn,.help-btn,.terms-btn,.privacy-btn,.contact-btn,.legal-btn,.filter-list a,.filter-list .count,.price-range input,.shop-sidebar,.sidebar-section,.footer-contact-link,.footer-social a,.bundle-card,.bundle-image,.product-card,.product-image,.product-thumb,.product-thumbnails,.product-gallery,.product-gallery-main,.product-detail-info,.product-detail-grid,.product-actions,.firmware-selector,.firmware-option,.subscription-card,.checkout-section,.cart-summary,.cart-item,.faq-item,.faq-item-home,.feature-card,.category-card,.about-card,.review-card-carousel,.product-card-carousel,.sidebar-section,.shop-sidebar,.payment-option,.product-features,.product-feature,button,input[type="button"],input[type="submit"],input[type="reset"] {border-radius: 0 !important;}.ai-fab-btn,.ai-fab-btn:hover,.ai-fab-btn.open,.ai-fab-btn.open:hover,.ai-close,.ai-close:hover {transform: none !important;rotate: 0deg !important;}.navbar-main-nav .nav-link,.navbar-main-nav .nav-link.active,.navbar-main-nav .nav-link:hover,.discord-btn,.navbar-search,.navbar-user,.nav-icon-btn,.mobile-menu-item,.mobile-close,.footer-contact-link {clip-path: polygon(12px 0, 100% 0, calc(100% - 12px) 100%, 0 100%) !important;}.bundle-card,.bundle-card:hover {border-radius: 24px !important;overflow: hidden;}.bundle-image {border-radius: 0 !important;}.product-card,.product-card:hover,.products-grid .product-card,.product-card-carousel,.review-card-carousel {border-radius: 24px !important;overflow: hidden;}.product-image,.product-image img,.product-thumb,.product-thumb img,.product-thumbnails {border-radius: 0 !important;}.review-card-carousel {cursor: pointer;}.faq-answer,.support-faq-answer {overflow: hidden;display: grid;grid-template-rows: 0fr;transition: grid-template-rows 0.22s ease !important;}.faq-item.open .faq-answer,.faq-item-home.open .faq-answer,.support-faq-item.open .support-faq-answer {grid-template-rows: 1fr;}.faq-answer>div,.support-faq-answer>div {overflow: hidden;min-height: 0;}.faq-toggle i,.faq-icon,.support-faq-toggle {transition: transform 0.22s ease, color 0.2s ease !important;transform-origin: center;}.faq-item.open .faq-icon,.faq-item-home.open .faq-toggle i,.faq-item.open .faq-toggle i,.faq-item-home.open .faq-icon,.support-faq-item.open .support-faq-toggle {transform: rotate(180deg);}.faq-item.open .faq-toggle,.faq-item-home.open .faq-toggle {color: var(--green, #22c55e);}.faq-item.open .faq-toggle i,.faq-item-home.open .faq-toggle i,.support-faq-item.open .support-faq-toggle {color: var(--green, #22c55e);}.carousel-arrow {transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease !important;}.carousel-arrow:hover {background: var(--green) !important;border-color: var(--green) !important;color: #ffffff !important;transform: translateY(-50%) !important;}.support-page-container {padding-top: 40px !important;padding-bottom: 40px !important;}.support-hero-wrapper {background: var(--bg-secondary) !important;}.support-hero-glow {display: none !important;}.support-empty .btn i {font-size: 1.1rem !important;color: inherit !important;margin-bottom: 0 !important;display: inline-block !important;}.product-detail-description {background: transparent !important;border: none !important;box-shadow: none !important;padding: 0 !important;}.btn i,.btn-add-cart i,.btn-buy-now i,.btn-subscribe-notify i,.nav-link i,.discord-btn i,.navbar-search i,.product-feature i {display: inline-flex !important;align-items: center !important;justify-content: center !important;vertical-align: middle !important;line-height: 1 !important;}.btn-subscribe-notify {border-radius: 0 !important;clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%) !important;}.product-features {padding: 14px 20px !important;box-sizing: border-box !important;}.product-buy-panel .product-features {padding: 6px 0 0 !important;background: transparent !important;border: none !important;border-top: 1px solid var(--border-color) !important;border-radius: 0 !important;box-shadow: none !important;}.product-gallery-main {aspect-ratio: auto !important;display: flex !important;justify-content: center !important;align-items: center !important;max-height: 480px !important;overflow: hidden;background: transparent !important;border: none !important;box-shadow: none !important;}.product-gallery-main img {width: 100% !important;height: auto !important;max-height: 480px !important;object-fit: contain !important;}.btn-subscribe-notify i {position: relative !important;top: -1.5px !important;}.admin-body .btn,.admin-body button,.admin-body input[type="submit"],.admin-body button[type="submit"],.admin-body .btn-primary,.admin-body .btn-secondary,.admin-body .btn-success,.admin-body .btn-danger,.admin-body .btn-outline,.admin-body .btn-view {clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%) !important;border-radius: 0 !important;}.admin-body *:hover {transform: none !important;}.order-success .success-icon {background: var(--green) !important;}.ai-chat .typing-indicator {display: flex;align-items: center;gap: 5px;padding: 4px 0;min-height: 20px;}.ai-chat .typing-indicator span {width: 7px !important;height: 7px !important;background: var(--green, #22c55e) !important;border-radius: 50% !important;display: inline-block !important;flex-shrink: 0 !important;}.ai-chat .typing-indicator span:nth-child(1) {animation: aiTypingWave 1.2s -0.24s ease-in-out infinite both !important;}.ai-chat .typing-indicator span:nth-child(2) {animation: aiTypingWave 1.2s -0.12s ease-in-out infinite both !important;}.ai-chat .typing-indicator span:nth-child(3) {animation: aiTypingWave 1.2s 0s ease-in-out infinite both !important;}@keyframes aiTypingWave {0%,80%,100% {transform: translateY(0);opacity: 0.35;}40% {transform: translateY(-7px);opacity: 1;}}.product-specs-block {margin-top: 24px;padding: 18px 16px;background: var(--bg-secondary);border: 1px solid var(--border-color);box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.28);width: 100%;max-width: 100%;box-sizing: border-box;}.product-specs-title {display: flex;align-items: center;gap: 10px;margin: 0 0 14px;font-family: var(--font-display);font-size: 0.95rem;font-weight: 700;letter-spacing: 0.04em;text-transform: uppercase;color: var(--text-primary);}.product-specs-title i {color: var(--green);font-size: 0.9rem;}.product-specs-table-wrap {overflow-x: auto;-webkit-overflow-scrolling: touch;}.product-specs-table {width: 100%;border-collapse: collapse;font-size: 0.9rem;}.product-specs-table tbody tr {border-bottom: 1px solid var(--border-color);}.product-specs-table tbody tr:last-child {border-bottom: none;}.product-specs-table th,.product-specs-table td {padding: 12px 14px;text-align: left;vertical-align: top;line-height: 1.5;}.product-specs-table th {width: 38%;min-width: 120px;font-weight: 700;color: var(--text-primary);background: rgba(255, 255, 255, 0.02);border-right: 1px solid var(--border-color);}.product-specs-table td {font-weight: 400;color: var(--text-secondary);background: transparent;}.product-specs-table tbody tr:hover td {background: rgba(34, 197, 94, 0.04);}.product-specs-additional {margin-top: 16px;padding-top: 16px;border-top: 1px solid var(--border-color);}.product-specs-additional-title {margin: 0 0 10px;font-size: 0.82rem;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase;color: var(--green-light);}.product-specs-additional-list {margin: 0;padding: 0;list-style: none;}.product-specs-additional-list li {position: relative;padding: 6px 0 6px 16px;font-size: 0.88rem;font-weight: 400;color: var(--text-secondary);line-height: 1.55;}.product-specs-additional-list li::before {content: '';position: absolute;left: 0;top: 0.95em;width: 6px;height: 6px;border-radius: 50%;background: var(--green);}.product-detail-info .product-specs-block,.product-detail-grid .product-detail-info:nth-of-type(1) .product-specs-block,.product-detail-stack .product-detail-info:nth-of-type(1) .product-specs-block {text-align: left;}@media (max-width: 1023px) {.product-detail-grid,.product-detail-stack {grid-template-columns: minmax(0, 1fr) !important;gap: 20px !important;}.product-detail-grid .product-detail-info:nth-of-type(1),.product-detail-stack .product-detail-info:nth-of-type(1) {grid-column: 1 / -1 !important;grid-row: auto !important;position: static !important;top: auto !important;width: 100% !important;max-width: 100% !important;text-align: left !important;padding: 18px 14px !important;box-sizing: border-box !important;}.product-detail-grid .product-detail-info:nth-of-type(1) h1,.product-detail-stack .product-detail-info:nth-of-type(1) h1,.product-detail-grid .product-detail-info:nth-of-type(1) .price-block,.product-detail-stack .product-detail-info:nth-of-type(1) .price-block,.product-detail-grid .product-detail-info:nth-of-type(1)>div,.product-detail-stack .product-detail-info:nth-of-type(1)>div {text-align: left !important;justify-content: flex-start !important;}.product-detail-grid .product-gallery,.product-detail-stack .product-gallery,.product-detail-grid .product-detail-description,.product-detail-stack .product-detail-description {grid-column: 1 / -1 !important;grid-row: auto !important;width: 100% !important;max-width: 100% !important;}.product-gallery-main,.product-gallery-main img,.product-video-player-host,.product-video-player-host video {width: 100% !important;max-width: 100% !important;box-sizing: border-box;}.product-detail-info form,.product-detail-info .firmware-selector,.product-detail-info .addon-selector,.product-detail-info .product-specs-block,.product-detail-info .product-actions {width: 100%;max-width: 100%;box-sizing: border-box;}.firmware-selector-head {flex-wrap: wrap;gap: 10px;}.firmware-total {font-size: 1.1rem;}.firmware-option,.addon-option {grid-template-columns: auto minmax(0, 1fr) auto;gap: 10px;width: 100%;max-width: 100%;box-sizing: border-box;}.addon-option-body {overflow-wrap: anywhere;word-break: break-word;}.addon-option b {font-size: 0.82rem;white-space: nowrap;}.product-actions {flex-direction: row;flex-wrap: wrap;gap: 10px;width: 100%;}.product-actions .btn,.product-actions button,.product-actions input[type="submit"] {width: auto !important;max-width: 100% !important;flex: 1 1 0 !important;min-width: 0 !important;box-sizing: border-box;}}@media (max-width: 640px) {.product-specs-table th,.product-specs-table td {display: block;width: 100%;border-right: none;padding: 8px 12px;}.product-specs-table th {padding-bottom: 4px;background: transparent;border-bottom: none;}.product-specs-table td {padding-top: 0;padding-bottom: 12px;border-bottom: 1px solid var(--border-color);}.product-specs-table tbody tr:last-child td {border-bottom: none;}.product-detail-info:nth-of-type(1) {padding: 16px 12px !important;}.product-specs-block {padding: 14px 12px;box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.24);}}.bundle-includes-selector {margin-top: 18px;margin-bottom: 0;}.bundle-include-row {grid-template-columns: 1fr auto !important;cursor: default;margin-top: 8px;}.bundle-include-row:first-of-type {margin-top: 0;}.bundle-include-body {min-width: 0;}.bundle-include-body strong,.bundle-include-link {font-size: 0.9rem;font-weight: 600;color: var(--text-primary);}.bundle-include-link {text-decoration: none;}.bundle-include-link:hover {color: var(--green-light);}.product-buy-panel .bundle-includes-selector {margin-top: 18px;padding: 10px 12px;}.product-buy-panel form+.bundle-includes-selector,.product-buy-panel .product-actions+.bundle-includes-selector {margin-top: 18px;}

/* --- loading-ghost.css --- */
#loading-screen.loading-screen {position: fixed;inset: 0;width: 100%;height: 100%;background: #0a0f0d !important;z-index: 99999;display: flex;flex-direction: column;align-items: center;justify-content: center;transition: opacity 0.5s ease, visibility 0.5s ease;gap: 20px;}#loading-screen.loading-screen.hidden {opacity: 0;visibility: hidden;pointer-events: none;}#loading-screen .loading-ghost-wrap {display: flex;align-items: center;justify-content: center;}#loading-screen .loading-brand {color: #f0fdf4;font-family: var(--font-display, 'Rajdhani', system-ui, sans-serif);font-size: 1.3rem;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;opacity: 0.9;animation: loadGhostPulse 1s ease-in-out infinite;}@keyframes loadGhostPulse {0%, 100% { opacity: 0.55; }50%{ opacity: 1; }}#ghost {position: relative;scale: 0.8;}#red {animation: upNDown infinite 0.5s;position: relative;width: 140px;height: 140px;display: grid;grid-template-columns: repeat(14, 1fr);grid-template-rows: repeat(14, 1fr);grid-column-gap: 0px;grid-row-gap: 0px;grid-template-areas:"a1a2a3a4a5top0top0top0top0a10 a11 a12 a13 a14""b1b2b3top1 top1 top1 top1 top1 top1 top1 top1 b12 b13 b14""c1 c2 top2 top2 top2 top2 top2 top2 top2 top2 top2 top2 c13 c14""d1 top3 top3 top3 top3 top3 top3 top3 top3 top3 top3 top3 top3 d14""e1 top3 top3 top3 top3 top3 top3 top3 top3 top3 top3 top3 top3 e14""f1 top3 top3 top3 top3 top3 top3 top3 top3 top3 top3 top3 top3 f14""top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4""top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4""top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4""top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4""top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4""top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4""st0 st0 an4 st1 an7 st2 an10 an10 st3 an13 st4 an16 st5 st5""an1 an2 an3 an5 an6 an8 an9 an9 an11 an12 an14 an15 an17 an18";}@keyframes upNDown {0%, 49% { transform: translateY(0px); }50%, 100% { transform: translateY(-10px); }}#top0, #top1, #top2, #top3, #top4,#st0, #st1, #st2, #st3, #st4, #st5 {background-color: #ef4444; }#top0 { grid-area: top0; }#top1 { grid-area: top1; }#top2 { grid-area: top2; }#top3 { grid-area: top3; }#top4 { grid-area: top4; }#st0{ grid-area: st0; }#st1{ grid-area: st1; }#st2{ grid-area: st2; }#st3{ grid-area: st3; }#st4{ grid-area: st4; }#st5{ grid-area: st5; }#an1{ grid-area: an1;animation: flicker0 infinite 0.5s; }#an18 { grid-area: an18; animation: flicker0 infinite 0.5s; }#an2{ grid-area: an2;animation: flicker1 infinite 0.5s; }#an17 { grid-area: an17; animation: flicker1 infinite 0.5s; }#an3{ grid-area: an3;animation: flicker1 infinite 0.5s; }#an16 { grid-area: an16; animation: flicker1 infinite 0.5s; }#an4{ grid-area: an4;animation: flicker1 infinite 0.5s; }#an15 { grid-area: an15; animation: flicker1 infinite 0.5s; }#an6{ grid-area: an6;animation: flicker0 infinite 0.5s; }#an12 { grid-area: an12; animation: flicker0 infinite 0.5s; }#an7{ grid-area: an7;animation: flicker0 infinite 0.5s; }#an13 { grid-area: an13; animation: flicker0 infinite 0.5s; }#an9{ grid-area: an9;animation: flicker1 infinite 0.5s; }#an10 { grid-area: an10; animation: flicker1 infinite 0.5s; }#an8{ grid-area: an8;animation: flicker0 infinite 0.5s; }#an11 { grid-area: an11; animation: flicker0 infinite 0.5s; }@keyframes flicker0 {0%, 49% { background-color: #ef4444; }50%, 100% { background-color: transparent; }}@keyframes flicker1 {0%, 49% { background-color: transparent; }50%, 100% { background-color: #ef4444; }}#eye {width: 40px;height: 50px;position: absolute;top: 30px;left: 10px;}#eye::before {content: "";background-color: #ffffff;width: 20px;height: 50px;transform: translateX(10px);display: block;position: absolute;}#eye::after {content: "";background-color: #ffffff;width: 40px;height: 30px;transform: translateY(10px);display: block;position: absolute;}#eye1 {width: 40px;height: 50px;position: absolute;top: 30px;right: 30px;}#eye1::before {content: "";background-color: #ffffff;width: 20px;height: 50px;transform: translateX(10px);display: block;position: absolute;}#eye1::after {content: "";background-color: #ffffff;width: 40px;height: 30px;transform: translateY(10px);display: block;position: absolute;}#pupil {width: 20px;height: 20px;background-color: #2563eb;position: absolute;top: 50px;left: 10px;z-index: 1;animation: eyesMovement infinite 3s;}#pupil1 {width: 20px;height: 20px;background-color: #2563eb;position: absolute;top: 50px;right: 50px;z-index: 1;animation: eyesMovement infinite 3s;}@keyframes eyesMovement {0%, 49%{ transform: translateX(0px); }50%, 99% { transform: translateX(10px); }100% { transform: translateX(0px); }}#shadow {background-color: #000000;width: 140px;height: 140px;position: absolute;border-radius: 50%;transform: rotateX(80deg);filter: blur(20px);top: 80%;animation: shadowMovement infinite 0.5s;opacity: 0.18;}@keyframes shadowMovement {0%, 49% { opacity: 0.5; }50%, 100% { opacity: 0.2; }}@media (prefers-reduced-motion: reduce) {#red, #shadow, #pupil, #pupil1, #loading-screen .loading-brand {animation: none !important;}}#loading-screen:not(.hidden) ~ .ai-fab,#loading-screen:not(.hidden) ~ .ai-chat {display: none !important;opacity: 0 !important;pointer-events: none !important;}.loading-logo-wrap {display: flex;justify-content: center;align-items: center;margin-bottom: 15px;height: 160px;}.loading-logo-anim {height: 100px;width: auto;filter: drop-shadow(0 0 15px var(--green));animation: floatingLogo 2.5s ease-in-out infinite;}@keyframes floatingLogo {0% {transform: translateY(0);filter: drop-shadow(0 0 10px rgba(34, 197, 94, 0.5));}50% {transform: translateY(-20px);filter: drop-shadow(0 0 35px rgba(34, 197, 94, 1));}100% {transform: translateY(0);filter: drop-shadow(0 0 10px rgba(34, 197, 94, 0.5));}}@media (prefers-reduced-motion: reduce) {.loading-logo-anim {animation: none !important;}}

/* --- skeleton-loading.css --- */
@keyframes skShimmer {0% { transform: translateX(-100%); }100% { transform: translateX(100%); }}@keyframes skPulse {0%, 100% { opacity: 0.45; }50% { opacity: 0.85; }}@keyframes skWave {0% { background-position: 200% 0; }100% { background-position: -200% 0; }}@keyframes skReveal {from { opacity: 1; transform: scale(1); }to { opacity: 0; transform: scale(0.98); }}.skeleton,.skeleton-text,.skeleton-block {position: relative;overflow: hidden;background: var(--bg-secondary, #111);border-radius: var(--radius-md, 8px);}.skeleton::after,.skeleton-text::after,.skeleton-block::after,.skel-line::after,.skel-avatar::after {content: '';position: absolute;inset: 0;background: linear-gradient(105deg,transparent 0%,transparent 40%,rgba(34, 197, 94, 0.08) 45%,rgba(255, 255, 255, 0.14) 50%,rgba(34, 197, 94, 0.08) 55%,transparent 60%,transparent 100%);animation: skShimmer 1.35s ease-in-out infinite;}[data-theme="dark"] .skeleton::after,[data-theme="dark"] .skeleton-text::after,[data-theme="dark"] .skeleton-block::after {background: linear-gradient(105deg,transparent 0%,transparent 40%,rgba(34, 197, 94, 0.12) 45%,rgba(255, 255, 255, 0.07) 50%,rgba(34, 197, 94, 0.12) 55%,transparent 60%,transparent 100%);}.skeleton-product-card {border: 1px solid var(--border-color);border-radius: var(--radius-lg);overflow: hidden;background: var(--bg-card, #0d1512);}.skeleton-product-card .sk-img {aspect-ratio: 1 / 1;width: 100%;background: var(--bg-secondary);}.skeleton-product-card .sk-body {padding: 16px;display: flex;flex-direction: column;gap: 10px;}.skeleton-product-card .sk-line {height: 12px;border-radius: 6px;background: var(--bg-secondary);position: relative;overflow: hidden;}.skeleton-product-card .sk-line.sm { width: 42%; height: 10px; }.skeleton-product-card .sk-line.md { width: 72%; height: 14px; }.skeleton-product-card .sk-line.lg { width: 100%; height: 10px; }.skeleton-product-card .sk-line.price { width: 38%; height: 18px; margin-top: 4px; }.skeleton-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));gap: 24px;}.product-card.skeleton-revealing,.category-card.skeleton-revealing {animation: skCardReveal 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;}@keyframes skCardReveal {from {opacity: 0.6;transform: translateY(8px);}to {opacity: 1;transform: translateY(0);}}.search-skeleton {padding: 8px 0;display: flex;flex-direction: column;gap: 12px;}.search-skeleton-row {display: flex;align-items: center;gap: 14px;padding: 10px 12px;border-radius: var(--radius-md);background: var(--bg-secondary);}.search-skeleton-thumb {width: 48px;height: 48px;border-radius: var(--radius-md);flex-shrink: 0;background: var(--bg-primary);position: relative;overflow: hidden;}.search-skeleton-lines {flex: 1;display: flex;flex-direction: column;gap: 8px;}.search-skeleton-lines .sk-line {height: 10px;border-radius: 4px;background: var(--bg-primary);position: relative;overflow: hidden;}.search-skeleton-lines .sk-line:first-child { width: 65%; }.search-skeleton-lines .sk-line:last-child { width: 40%; }.loading-progress-track {width: min(220px, 70vw);height: 4px;background: rgba(0, 0, 0, 0.08);border-radius: 999px;overflow: hidden;position: relative;}[data-theme="dark"] .loading-progress-track {background: rgba(255, 255, 255, 0.08);}.loading-progress-bar {height: 100%;width: 0%;border-radius: 999px;background: linear-gradient(90deg, #22c55e, #10b981, #22c55e);background-size: 200% 100%;animation: skWave 1.2s linear infinite;transition: width 0.25s ease;box-shadow: 0 0 10px rgba(34, 197, 94, 0.4);}.loading-skeleton-hints {display: flex;flex-direction: column;gap: 8px;width: min(200px, 65vw);margin-top: 4px;}.loading-skeleton-hints .hint-line {height: 8px;border-radius: 4px;background: rgba(0, 0, 0, 0.06);position: relative;overflow: hidden;}[data-theme="dark"] .loading-skeleton-hints .hint-line {background: rgba(255, 255, 255, 0.06);}.loading-skeleton-hints .hint-line:nth-child(1) { width: 100%; animation: skPulse 1.4s ease infinite; }.loading-skeleton-hints .hint-line:nth-child(2) { width: 78%; animation: skPulse 1.4s ease 0.15s infinite; }.loading-skeleton-hints .hint-line:nth-child(3) { width: 55%; animation: skPulse 1.4s ease 0.3s infinite; }.loading-skeleton-hints .hint-line::after {content: '';position: absolute;inset: 0;background: linear-gradient(90deg, transparent, rgba(34, 197, 94, 0.2), transparent);animation: skShimmer 1.5s ease-in-out infinite;}#loading-screen.hidden .loading-progress-bar {width: 100% !important;}.sk-spinner-ring {width: 36px;height: 36px;border: 3px solid var(--border-color);border-top-color: #22c55e;border-radius: 50%;animation: skSpin 0.75s linear infinite;}@keyframes skSpin {to { transform: rotate(360deg); }}.search-popup-loading {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 14px;padding: 32px 16px;color: var(--text-muted);font-size: 0.88rem;}.search-popup-loading .sk-spinner-ring {width: 32px;height: 32px;}html.lite-mode .skeleton::after,html.lite-mode .skeleton-text::after,html.lite-mode .loading-progress-bar,html.lite-mode .loading-skeleton-hints .hint-line {animation: none !important;}html.lite-mode .loading-progress-bar {width: 70% !important;background: #22c55e;}@media (prefers-reduced-motion: reduce) {.skeleton::after,.skeleton-text::after,.loading-progress-bar,.sk-spinner-ring,.product-card.skeleton-revealing {animation: none !important;}}

/* --- motion-effects.css --- */
html.lenis,html.lenis body {height: auto;}html.lenis.lenis-smooth {scroll-behavior: auto !important;}html.lenis.lenis-smooth [data-lenis-prevent] {overscroll-behavior: contain;}html.lenis.lenis-stopped {overflow: hidden;}html.lenis.lenis-scrolling iframe {pointer-events: none;}.scroll-progress {position: fixed;top: 0;left: 0;right: 0;height: 3px;z-index: 100001;background: rgba(255, 255, 255, 0.06);pointer-events: none;}.scroll-progress-bar {height: 100%;width: 0;background: var(--green, #22c55e);box-shadow: none;transition: width 0.08s linear;border-radius: 0;}.page-wrapper.page-enter {animation: pageEnter 0.65s cubic-bezier(0.22, 1, 0.36, 1) both;}@keyframes pageEnter {from {opacity: 0;transform: translateY(18px);}to {opacity: 1;transform: translateY(0);}}.navbar {transition: box-shadow 0.35s ease, background 0.35s ease, border-color 0.35s ease !important;transform: none !important;}.navbar.nav-scrolled,.navbar.nav-hidden {transform: none !important;top: 0 !important;}.motion-tilt {transition: transform 0.15s ease, box-shadow 0.35s ease;will-change: transform;}.motion-tilt:hover {box-shadow: 0 16px 40px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(34, 197, 94, 0.12);}.motion-magnetic {transition: transform 0.2s cubic-bezier(0.22, 1, 0.36, 1);}.reveal-ready {opacity: 0;transform: translateY(22px);transition: opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1),transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);}.reveal-ready.is-visible {opacity: 1;transform: translateY(0);}.reveal-fade {opacity: 0;transition: opacity 0.7s ease;}.reveal-fade.is-visible {opacity: 1;}.reveal-scale {opacity: 0;transform: scale(0.94);transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);}.reveal-scale.is-visible {opacity: 1;transform: scale(1);}.reveal-slide-left {opacity: 0;transform: translateX(-28px);transition: opacity 0.65s ease, transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);}.reveal-slide-left.is-visible {opacity: 1;transform: translateX(0);}.reveal-slide-right {opacity: 0;transform: translateX(28px);transition: opacity 0.65s ease, transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);}.reveal-slide-right.is-visible {opacity: 1;transform: translateX(0);}.navbar .nav-link {position: relative;}.navbar .nav-link::after {content: '';position: absolute;left: 0;bottom: -2px;width: 100%;height: 2px;background: linear-gradient(90deg, #22c55e, #10b981);transform: scaleX(0);transform-origin: left;transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);}.navbar .nav-link:hover::after,.navbar .nav-link.active::after {transform: scaleX(1);}.bg-glow .orb {animation: orbFloat 12s ease-in-out infinite;}.bg-glow .orb-2 { animation-delay: -2s; }.bg-glow .orb-3 { animation-delay: -4s; }.bg-glow .orb-4 { animation-delay: -6s; }.bg-glow .orb-5 { animation-delay: -8s; }@keyframes orbFloat {0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.55; }33% { transform: translate(12px, -18px) scale(1.05); opacity: 0.75; }66% { transform: translate(-8px, 10px) scale(0.95); opacity: 0.6; }}.scroll-to-top {transition: opacity 0.35s ease, transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s ease !important;}.scroll-to-top:hover {box-shadow: 0 8px 24px rgba(34, 197, 94, 0.35);}html.lite-mode .page-wrapper.page-enter,html.lite-mode .motion-tilt,html.lite-mode .motion-magnetic {animation: none !important;transform: none !important;transition: none !important;}html.lite-mode .scroll-progress-bar {animation: none !important;transition: width 0.08s linear !important;}html.lite-mode .navbar.nav-scrolled {box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;}@media (prefers-reduced-motion: reduce) {.page-wrapper.page-enter,.reveal-ready,.reveal-fade,.reveal-scale,.reveal-slide-left,.reveal-slide-right,.bg-glow .orb {animation: none !important;transition: none !important;opacity: 1 !important;transform: none !important;}.scroll-progress-bar {transition: none !important;}}

/* --- gaming-theme.css --- */
:root {--game-neon-green: #10b981;--game-neon-orange: #ff8f57;--game-grid: rgba(16, 185, 129, 0.05);--game-font: 'Orbitron', 'Rajdhani', sans-serif;--game-font-body: 'Exo 2', 'Sora', sans-serif;--game-panel-bg: rgba(8, 16, 12, 0.92);--game-panel-border: rgba(16, 185, 129, 0.22);--game-clip: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%);}body::before {background-image:linear-gradient(var(--game-grid) 1px, transparent 1px),linear-gradient(90deg, var(--game-grid) 1px, transparent 1px) !important;background-size: 40px 40px !important;opacity: 0.22 !important;animation: none !important;}.page-wrapper::after {display: none !important;}.hero h1,.section-header h2,.brand-sint,.brand-dma,.navbar-brand .brand-sint,.navbar-brand .brand-dma,.footer-brand h3 .brand-sint,.footer-brand h3 .brand-dma {font-family: var(--game-font) !important;letter-spacing: 0.04em !important;}body,p,.btn,input,select,textarea {font-family: var(--game-font-body), var(--font-primary), sans-serif;}.hero {position: relative;overflow: hidden;}.hero::before,.hero::after {animation: none !important;}.hero-image img,.hero-parallax,.hero-parallax-img {margin: 0 !important;max-width: min(100%, 250px) !important;animation: none !important;filter: drop-shadow(0 16px 40px rgba(0, 0, 0, 0.45)) !important;}.hero h1 {text-shadow: none;}.hero h1 .brand-sint {color: var(--game-neon-green) !important;text-shadow: none;animation: none !important;}.hero h1 > span {color: var(--text-primary, #f4fbff) !important;}.hero-eyebrow {display: block;width: 100%;align-self: stretch;text-align: left;margin: 0 0 10px;padding: 0;font-family: var(--game-font) !important;font-size: 0.82rem;font-weight: 700;letter-spacing: 0.14em;text-transform: uppercase;color: var(--game-neon-green) !important;}.hero-content {display: flex;flex-direction: column;align-items: flex-start !important;width: 100%;text-align: left;}.hero-content h1,.hero-desc {width: 100%;text-align: left;align-self: stretch;}.hero-desc,.hero-content > p:not(.hero-eyebrow) {margin: 0 0 28px;max-width: 52ch;font-size: 1.05rem;line-height: 1.7;color: #b8c9de;}.hero-inner {gap: clamp(32px, 5vw, 56px) !important;align-items: center !important;}.hero-actions {display: flex;flex-wrap: wrap;gap: 14px;width: 100%;}.hero-actions .btn {min-width: 180px;}.hero-stats {display: grid !important;grid-template-columns: repeat(3, 1fr) !important;gap: 14px !important;width: 100%;max-width: 520px;margin-top: 8px;}.hero-stat {position: relative;padding: 18px 14px !important;text-align: center;background: var(--game-panel-bg) !important;border: none !important;border-radius: 6px;clip-path: none;overflow: hidden;box-shadow: 0 4px 18px rgba(0, 0, 0, 0.32) !important;transition: box-shadow 0.2s ease;}.hero-stat::before,.hero-stat::after {content: '';position: absolute;width: 8px;height: 8px;border-color: var(--game-neon-green);border-style: solid;opacity: 0.55;}.hero-stat::before {top: 5px;left: 5px;border-width: 2px 0 0 2px;}.hero-stat::after {bottom: 5px;right: 5px;border-width: 0 2px 2px 0;}.hero-stat:hover {transform: none;box-shadow: 0 6px 22px rgba(16, 185, 129, 0.18) !important;}.hero-stat .stat-value {font-family: var(--game-font) !important;font-size: 1.5rem !important;color: var(--game-neon-green) !important;text-shadow: none;}.hero-stat .stat-label {font-size: 0.72rem !important;text-transform: uppercase;letter-spacing: 0.12em;color: var(--text-muted) !important;margin-top: 4px;}.section-header {text-align: center;margin-bottom: 40px;}.section-header h2 {position: relative;display: inline-block;text-transform: uppercase;font-size: clamp(1.6rem, 4vw, 2.4rem) !important;text-shadow: none;}.section-header h2::after {content: '';display: block;width: 48px;height: 2px;margin: 10px auto 0;background: var(--game-neon-green);opacity: 0.7;}.section-header .section-line {display: none;}.product-card,.category-card,.feature-card,.about-card,.review-card-carousel,.faq-item,.faq-item-home {background: var(--game-panel-bg) !important;border: 1px solid var(--game-panel-border) !important;border-radius: 6px !important;transition: border-color 0.2s ease, box-shadow 0.2s ease !important;box-sizing: border-box !important;}.bundle-card {background: var(--game-panel-bg) !important;border: none !important;border-radius: 6px !important;box-shadow: 0 4px 24px rgba(0, 0, 0, 0.38) !important;transition: box-shadow 0.2s ease !important;box-sizing: border-box !important;padding: 0 20px 20px !important;}.bundle-card:hover {border: none !important;box-shadow: 0 8px 28px rgba(16, 185, 129, 0.12), 0 4px 24px rgba(0, 0, 0, 0.42) !important;}.bundle-card > .bundle-image {margin-left: -20px !important;margin-right: -20px !important;width: calc(100% + 40px) !important;max-width: none !important;}.bundle-card > .bundle-tag,.bundle-card > h3,.bundle-card > p,.bundle-card > .bundle-loadout,.bundle-card > .bundle-bottom,.bundle-card > .bundle-card-actions {margin-left: 0 !important;margin-right: 0 !important;}.bundle-card > .bundle-bottom {margin-bottom: 0 !important;padding-top: 12px !important;}.bundle-card-actions {display: flex;gap: 6px;width: 100%;min-width: 0;position: relative;z-index: 3;}.bundle-add-cart-form {flex: 1;min-width: 0;display: flex;margin: 0;}.bundle-card-actions .btn-add-cart,.bundle-card-actions .btn-buy-now {flex: 1;min-width: 0;min-height: 46px;padding: 12px 10px;font-size: 0.82rem;font-weight: 700;display: inline-flex !important;align-items: center;justify-content: center;gap: 6px;text-decoration: none;border: none;cursor: pointer;white-space: nowrap;clip-path: polygon(5px 0, 100% 0, calc(100% - 5px) 100%, 0 100%) !important;}.bundle-card-actions .btn-add-cart {width: 100%;background: var(--green) !important;color: #fff !important;}.bundle-card-actions .btn-buy-now {background: var(--orange) !important;color: #fff !important;}.bundle-card-actions .btn-add-cart i,.bundle-card-actions .btn-buy-now i {color: inherit !important;}.bundle-section .bundle-card,.bundle-section .bundle-card h3,.bundle-section .bundle-card p,.bundle-section .bundle-tag,.bundle-section .bundle-price,.bundle-section .bundle-bottom {text-align: center !important;}.bundle-section .bundle-tag {display: block;color: var(--text-muted) !important;font-size: 0.72rem;font-weight: 600;letter-spacing: 0.12em;margin-top: 12px;}.bundle-section .bundle-card h3 {text-transform: none !important;font-size: 1.15rem;margin-top: 6px;}.bundle-section .bundle-card p {font-size: 0.88rem;max-width: 36ch;margin-left: auto;margin-right: auto;}.bundle-section .bundle-price {justify-content: center !important;}.bundle-section .bundle-loadout {display: none !important;}.bundle-bottom {flex-direction: column !important;align-items: stretch !important;gap: 12px !important;}.bundle-buy-now {flex-shrink: 0;max-width: 100%;}.product-card::before,.bundle-card::before {display: none !important;}.product-card:hover,.bundle-card:hover,.category-card:hover {transform: none !important;border-color: rgba(16, 185, 129, 0.45) !important;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28) !important;}.product-card .product-image {overflow: hidden;border-bottom: 1px solid rgba(16, 185, 129, 0.12);}.product-card .product-image img {transition: transform 0.35s ease;}.product-card:hover .product-image img {transform: scale(1.03);}.product-price,.product-card .product-price {display: flex;flex-wrap: wrap;align-items: baseline;gap: 6px 8px;color: var(--game-neon-green) !important;font-family: var(--game-font) !important;font-weight: 700;text-shadow: none;}.product-price .original,.product-price .discount-save-pct,.bundle-price .bundle-original-price,.bundle-price .discount-save-pct {background: none !important;padding: 0 !important;clip-path: none !important;box-shadow: none !important;}.product-price .original {color: var(--text-muted) !important;font-weight: 500;text-decoration: line-through;opacity: 0.85;}.product-price .discount-save-pct,.bundle-price .discount-save-pct {color: var(--game-neon-green) !important;font-size: 0.75rem;font-weight: 700;}.btn-primary:not(.support-hero-btn),.btn-add-cart,.btn-buy-now,.btn:not(.support-hero-btn),.btn-secondary:not(.support-hero-btn),.btn-outline,.btn-login,.btn-view,.popup-btn-secondary,#supportRefreshBtn {position: relative;overflow: hidden;clip-path: var(--game-clip) !important;border-radius: 0 !important;transition: transform 0.2s ease, box-shadow 0.25s ease, filter 0.25s ease !important;}.btn-primary::after,.btn-add-cart::after,.btn-buy-now::after,.btn-secondary::after,.btn-outline::after,.btn-login::after {content: '';position: absolute;top: 0;left: -100%;width: 60%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent);transform: skewX(-20deg);transition: left 0.5s ease;pointer-events: none;}.btn-primary:hover::after,.btn-add-cart:hover::after,.btn-buy-now:hover::after,.btn-secondary:hover::after,.btn-outline:hover::after,.btn-login:hover::after {left: 140%;}.btn-primary:hover,.btn-add-cart:hover {box-shadow: 0 0 22px rgba(16, 185, 129, 0.45) !important;transform: translateY(-2px);}.btn-secondary:hover,.btn-outline:hover,.btn-login:hover,.btn-buy-now:hover,.btn-register:hover {box-shadow: 0 0 22px rgba(255, 143, 87, 0.45) !important;transform: translateY(-2px);}.marquee-strip {border-top: 1px solid rgba(16, 185, 129, 0.15);border-bottom: 1px solid rgba(255, 143, 87, 0.12);background: rgba(4, 12, 8, 0.9) !important;}.marquee-track {display: flex;width: max-content;animation: marqueeScroll 25s linear infinite !important;}.marquee-item {font-family: var(--game-font) !important;font-size: 0.78rem !important;letter-spacing: 0.08em;text-transform: uppercase;animation: none !important;opacity: 1 !important;}.marquee-item i {color: var(--game-neon-green) !important;}.navbar,.navbar.nav-scrolled {position: fixed !important;top: 0 !important;left: 0 !important;right: 0 !important;z-index: 1200 !important;border-bottom: 1px solid rgba(16, 185, 129, 0.16) !important;box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35) !important;background: linear-gradient(180deg, rgba(16, 42, 32, 0.98) 0%, rgba(10, 28, 20, 0.96) 100%) !important;padding: 0 !important;margin: 0 !important;transform: none !important;}.navbar-top,.navbar-main {background: transparent !important;box-shadow: none !important;border-bottom: none !important;}.navbar-top {border-bottom: 1px solid rgba(16, 185, 129, 0.2) !important;}.navbar-brand img {border: none !important;box-shadow: none !important;}.navbar-main-nav .nav-link {clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%) !important;border-radius: 0 !important;}.navbar .nav-link.active {color: var(--game-neon-green) !important;text-shadow: none;border-color: rgba(16, 185, 129, 0.35) !important;background: rgba(16, 185, 129, 0.08) !important;}.cart-badge,.cart-count-badge {box-shadow: 0 1px 6px rgba(239, 68, 68, 0.5);animation: none !important;}.footer {position: relative;border-top: none !important;box-shadow: 0 -6px 28px rgba(0, 0, 0, 0.35) !important;}.footer::before {display: none !important;}.ai-fab-btn {box-shadow: 0 2px 12px rgba(0, 0, 0, 0.35) !important;animation: none !important;}.shop-sidebar,.shop-header,.cart-summary,.checkout-section,.cart-item,.guide-item,.guide-toc,.guide-cta,.dashboard-card,.auth-form-wrapper,.sidebar-section {background: var(--game-panel-bg) !important;border: none !important;border-radius: 6px !important;box-shadow: 0 4px 22px rgba(0, 0, 0, 0.34) !important;}.product-card .game-shine {display: none !important;}@media (max-width: 991px) {.hero-inner {grid-template-columns: 1fr !important;}.hero-content {align-items: flex-start !important;text-align: left !important;}.hero-eyebrow,.hero-content h1,.hero-desc {text-align: left !important;width: 100%;}.hero-actions {justify-content: flex-start;}.hero-stats {grid-template-columns: repeat(3, 1fr) !important;max-width: 100%;}.hero-image {order: -1;}.hero-image img {max-width: min(220px, 85vw) !important;}.bundle-card {padding: 0 16px 16px !important;}.bundle-card > .bundle-image {margin-left: -16px !important;margin-right: -16px !important;width: calc(100% + 32px) !important;}}@media (max-width: 520px) {.hero-stats {grid-template-columns: 1fr !important;max-width: 280px;margin-left: auto;margin-right: auto;}.hero-actions .btn {width: 100%;min-width: 0;}}html.lite-mode body::before,html.lite-mode .page-wrapper::after,html.lite-mode .hero-image img,html.lite-mode .ai-fab-btn,html.lite-mode .cart-badge {animation: none !important;}html.lite-mode .product-card:hover .product-image img {transform: none !important;}html.lite-mode .product-card::before,html.lite-mode .bundle-card::before {display: none !important;}@media (prefers-reduced-motion: reduce) {.hero-image img,.hero h1 .brand-sint,.section-header h2::after,.ai-fab-btn,.cart-badge,body::before {animation: none !important;}}.products-grid {gap: 22px !important;}.product-card-actions {gap: 8px !important;padding: 0 14px 14px !important;box-sizing: border-box !important;}input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="image"]),textarea,select,.form-control,.form-input,.form-select,.form-group input:not([type="checkbox"]):not([type="radio"]),.form-group select,.form-group textarea,.searchable-select .ss-display,.searchable-select .ss-dropdown,.searchable-select .ss-search input,.search-popup-header input,.ai-chat-input input,.shop-sort select,.payment-option,.price-range input,.quantity-selector,.quantity-selector input,.support-filters .form-control,.support-filters select,.auth-form-wrapper input,.auth-form-wrapper select,.auth-form-wrapper textarea,.dashboard-card input.form-control,.dashboard-card select.form-control,.dashboard-card textarea.form-control,.bundle-search-input,#subscribeEmail,.cust-search,.order-search-box {border-radius: 4px !important;clip-path: none !important;background: rgba(6, 12, 9, 0.95) !important;border: 1px solid rgba(16, 185, 129, 0.2) !important;}input:focus,textarea:focus,select:focus,.form-control:focus,.form-input:focus {border-color: rgba(16, 185, 129, 0.5) !important;box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.12) !important;outline: none;}.btn:not(.support-hero-btn),[class*="btn-"]:not(.support-hero-btn):not(.support-btn-label),button:not(.star-btn):not(.faq-toggle):not(.product-wishlist):not(.consent-popup-close):not(.support-hero-btn):not(.consent-popup-btn),input[type="button"],input[type="submit"],input[type="reset"],.popup-btn,.popup-btn-primary,.popup-btn-secondary,.popup-btn-danger {border-radius: 0 !important;clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%) !important;}.consent-popup-btn {clip-path: none !important;border-radius: 50px !important;}.ai-fab-btn,.ai-close,.scroll-to-top,.del-row-btn,.navbar-main-nav .nav-link,.discord-btn,.navbar-search,.navbar-user,.mobile-menu-item,.mobile-close,.mobile-toggle,.search-popup-close,.bundle-buy-now,.quantity-selector button,.qty-minus,.qty-plus,.cart-remove-btn,.remove-btn {border-radius: 0 !important;clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%) !important;}.btn-sm,.btn-view,.search-popup-close,.ai-close,.qty-minus,.qty-plus,.mobile-close,.mobile-toggle {clip-path: polygon(4px 0, 100% 0, calc(100% - 4px) 100%, 0 100%) !important;}.cart-icon-btn,.nav-icon-btn.cart-icon-btn,.product-wishlist,.star-btn,.faq-toggle,.consent-popup-close {clip-path: none !important;}.support-hero-actions .support-hero-btn,.support-hero-actions .support-hero-btn--ticket,.support-hero-actions .support-hero-btn--bug {clip-path: none !important;overflow: visible !important;border-radius: 0 !important;padding: 11px 22px !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;gap: 6px !important;font-size: 0.88rem !important;font-weight: 700 !important;white-space: nowrap !important;width: auto !important;min-width: 0 !important;max-width: none !important;line-height: 1.2 !important;background: rgba(10, 28, 20, 0.92) !important;color: #34d399 !important;border: 1px solid rgba(16, 185, 129, 0.35) !important;border-bottom-color: rgba(16, 185, 129, 0.75) !important;border-left-color: rgba(16, 185, 129, 0.75) !important;box-shadow: none !important;transform: skewX(-12deg) !important;}.support-hero-actions .support-hero-btn--ticket {background: rgba(16, 185, 129, 0.14) !important;border-color: rgba(16, 185, 129, 0.45) !important;border-bottom-color: #10b981 !important;border-left-color: #10b981 !important;}.support-hero-actions .support-hero-btn--bug {border-bottom-color: rgba(255, 143, 87, 0.7) !important;border-left-color: rgba(255, 143, 87, 0.55) !important;}.support-hero-actions .support-hero-btn > i,.support-hero-actions .support-hero-btn > .support-btn-label {transform: skewX(12deg) !important;}.support-hero-actions .support-hero-btn i,.support-hero-actions .btn i {margin: 0 !important;font-size: 0.85rem !important;color: inherit !important;flex-shrink: 0;}.support-hero-actions .support-btn-label {display: inline !important;padding: 0 !important;margin: 0 !important;}.support-hero-actions .support-hero-btn:hover {background: rgba(16, 185, 129, 0.22) !important;color: #6ee7b7 !important;border-color: #10b981 !important;box-shadow: 0 0 16px rgba(16, 185, 129, 0.18) !important;}.support-hero-actions .support-hero-btn::after {display: none !important;}.footer-col h4,.footer-social-heading,.guide-category-header h2,.shop-sidebar h4,.sidebar-section h4 {font-family: var(--game-font) !important;letter-spacing: 0.06em;text-transform: uppercase;}.footer-brand p {margin: 0;}.footer-col.footer-payments {min-width: 0;}@media (min-width: 1280px) {.footer-grid {grid-template-columns: minmax(0, 1.45fr) repeat(3, minmax(0, 0.9fr)) minmax(0, 1.05fr) !important;gap: clamp(28px, 3.5vw, 44px) !important;align-items: start !important;}.footer-col.footer-payments {align-items: flex-start !important;}.footer-col.footer-payments > h4:first-child,.footer-social-block .footer-social-heading {text-align: left;}.footer-payments .payment-logos {justify-content: flex-start;}}@media (min-width: 768px) {.footer-bottom {padding-right: clamp(0px, 12vw, 150px);flex-direction: row;align-items: center;justify-content: space-between;text-align: left;}.footer-bottom-links {justify-content: flex-end;}}.footer-col.footer-payments > h4:first-child {margin: 0 0 12px !important;padding: 0;width: 100%;}.footer-payments .payment-logos {display: grid !important;grid-template-columns: repeat(3, 58px);gap: 8px;align-content: start;margin: 0 0 4px !important;width: max-content;max-width: 100%;}.footer-social-block {width: 100%;margin-top: 20px;display: flex;flex-direction: column;align-items: flex-start;}.footer-social-block .footer-social-heading {margin: 0 0 10px !important;padding: 0 !important;width: 100%;align-self: stretch;}.footer-social-links {display: flex;flex-direction: column;align-items: flex-start;width: 100%;gap: 2px;}.footer-payments .footer-social-links a {display: flex !important;align-items: center !important;justify-content: flex-start !important;width: 100% !important;max-width: 100% !important;margin: 0 !important;padding: 5px 0 !important;text-align: left;}.footer-payments .footer-social-links a i {width: 18px;min-width: 18px;text-align: center;flex-shrink: 0;}.footer-trustpilot-icon {color: #00b67a !important;}@media (max-width: 1279px) {.footer-grid {grid-template-columns: repeat(3, minmax(0, 1fr)) !important;}.footer-brand,.footer-col.footer-payments {grid-column: 1 / -1;}}@media (max-width: 991px) {.footer-grid {grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}}@media (max-width: 767px) {.footer {padding-bottom: calc(clamp(24px, 4vw, 40px) + env(safe-area-inset-bottom, 0));}.footer .container {padding-left: var(--page-gutter, 16px);padding-right: var(--page-gutter, 16px);}.footer-grid {grid-template-columns: 1fr !important;gap: 0 !important;text-align: center;}.footer-brand,.footer-col,.footer-col.footer-payments {grid-column: auto !important;align-items: center !important;text-align: center;width: 100%;padding: 24px 0 !important;border-bottom: 1px solid rgba(100, 120, 108, 0.2);}.footer-col.footer-payments {border-bottom: none;padding-bottom: 14px !important;}.footer-brand h3 {justify-content: center !important;}.footer-brand p {margin-inline: auto;max-width: min(340px, 100%);}.footer-col {display: flex;flex-direction: column;align-items: center;}.footer-col h4,.footer-col.footer-payments > h4:first-child,.footer-social-block .footer-social-heading {text-align: center !important;width: 100%;font-size: 1.05rem !important;font-weight: 700 !important;letter-spacing: 0.08em !important;margin-bottom: 14px !important;}.footer-col a,.footer-col a.footer-email-link,.footer-payments .footer-social-links a {display: inline-flex !important;justify-content: center !important;width: auto !important;max-width: min(320px, 100%) !important;margin-inline: auto !important;padding: 10px 8px !important;min-height: var(--touch-target, 44px);text-align: center;}.footer-social-block {align-items: center !important;margin-top: 32px !important;padding-top: 24px !important;border-top: 1px solid rgba(100, 120, 108, 0.22);width: 100%;}.footer-social-block .footer-social-heading {margin-bottom: 16px !important;}.footer-payments .footer-social-links {align-items: center !important;gap: 6px !important;}.footer-payments .payment-logos {grid-template-columns: repeat(3, minmax(48px, 54px)) !important;justify-content: center !important;margin-inline: auto !important;margin-bottom: 8px !important;width: auto !important;gap: 10px !important;}.footer-email-link span {word-break: break-word;overflow-wrap: anywhere;font-size: clamp(0.78rem, 3.2vw, 0.88rem);}.footer-bottom {flex-direction: column !important;align-items: center !important;text-align: center;padding-right: 0 !important;padding-bottom: calc(72px + env(safe-area-inset-bottom, 0)) !important;gap: 10px;margin-top: 8px;}.footer-bottom-links {flex-direction: column;gap: 4px;width: 100%;}.footer-bottom-links a {width: 100%;justify-content: center;}}@media (max-width: 479px) {.footer-payments .payment-logos {grid-template-columns: repeat(3, minmax(44px, 50px)) !important;gap: 8px !important;}.payment-logo {width: 50px !important;height: 36px !important;font-size: 1.45rem !important;}.footer-bottom span:first-child {line-height: 1.5;max-width: 28ch;}}.footer-col a::after,.footer-bottom-links a::after {content: '';position: absolute;left: 0;bottom: 2px;width: 0;height: 1px;background: var(--game-neon-green, #22c55e);transition: width 0.28s ease;pointer-events: none;}.footer-col a:hover::after,.footer-bottom-links a:hover::after {width: 100%;}.footer-col a:hover,.footer-bottom-links a:hover {transform: none !important;color: var(--game-neon-green, #22c55e) !important;text-shadow: none;}.footer-bottom-links a {position: relative;display: inline-flex;align-items: center;transition: color 0.22s ease, transform 0.22s ease;}@media (max-width: 767px) {.footer-col a:hover,.footer-bottom-links a:hover {transform: none !important;}}body.page-index .page-wrapper {padding-top: clamp(8px, 1.5vw, 16px) !important;}body.page-index .hero {min-height: auto !important;padding: clamp(8px, 2vw, 20px) 0 clamp(28px, 4vw, 40px) !important;}.scroll-progress,.scroll-progress-bar {display: none !important;}.bg-glow {display: none !important;}body::after {animation: none !important;opacity: 0.35 !important;}.container {width: 100% !important;max-width: var(--content-max, 1400px) !important;padding-left: var(--page-gutter, 16px) !important;padding-right: var(--page-gutter, 16px) !important;box-sizing: border-box !important;}.page-reviews .reviews-layout,.page-reviews .reviews-list,.page-reviews .review-card,.page-reviews .review-card-inner,.page-reviews .review-card-body {min-width: 0;max-width: 100%;}.page-reviews .review-card-text,.page-reviews .review-card p {white-space: normal !important;overflow: visible !important;text-overflow: unset !important;word-wrap: break-word;overflow-wrap: anywhere;}.page-reviews .reviews-sidebar {min-width: 0;width: 100%;}@media (max-width: 991px) {.page-reviews .reviews-layout {grid-template-columns: 1fr !important;}}.sidebar-section form {display: flex;flex-direction: column;gap: 14px;}.sidebar-section .price-range {margin-bottom: 0;}.sidebar-section .price-filter-apply,.sidebar-section form .btn-primary[type="submit"] {width: 100%;margin: 0 !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;gap: 8px;padding: 12px 20px !important;}.support-empty .btn {display: inline-flex !important;align-items: center !important;justify-content: center !important;gap: 8px;}.support-empty .btn i {display: inline-flex !important;margin: 0 !important;font-size: 1rem !important;}.hero-actions .btn-primary {border: 1.5px solid rgba(16, 185, 129, 0.55) !important;}.hero-actions .btn-outline {border: 1.5px solid rgba(255, 143, 87, 0.55) !important;}.faq-item,.faq-item-home,.support-faq-item {transform: none !important;transform-style: flat !important;will-change: auto !important;transition: border-color 0.2s ease, box-shadow 0.2s ease !important;overflow: hidden;}.faq-item:hover,.faq-item-home:hover,.faq-item.open,.faq-item-home.open,.support-faq-item:hover,.support-faq-item.open {transform: none !important;filter: none !important;box-shadow: 0 4px 22px rgba(0, 0, 0, 0.34) !important;}.faq-item-home::after {display: none !important;}.faq-item-home .faq-toggle,.faq-item .faq-toggle {width: 100%;padding: 18px 20px;background: none !important;border: none !important;display: flex;align-items: center;justify-content: space-between;gap: 12px;cursor: pointer;text-align: left;font-size: 1rem;font-weight: 600;color: var(--text-primary);clip-path: none !important;box-shadow: none !important;}.faq-item-home .faq-toggle i,.faq-item .faq-toggle i {flex-shrink: 0;font-size: 0.85rem;color: var(--text-muted);}.faq-question,.support-faq-question {width: 100%;padding: 18px 20px;background: none;border: none;display: flex;align-items: center;justify-content: space-between;gap: 12px;cursor: pointer;text-align: left;color: inherit;font: inherit;clip-path: none !important;box-shadow: none !important;}.faq-question h3,.support-faq-question h3 {margin: 0;flex: 1;font-size: 1rem;font-weight: 600;text-align: start;}.faq-answer p,.faq-answer .md-content,.support-faq-answer > div > p,.support-faq-answer > div > * {font-size: 0.92rem;color: var(--text-secondary);line-height: 1.7;}.faq-answer > div > p,.faq-answer > div > .md-content {margin: 0;padding: 0 20px 18px;}@media (prefers-reduced-motion: reduce) {.faq-answer,.support-faq-answer {transition: none !important;}}.top-promo-strip {border-bottom: none !important;box-shadow: 0 2px 14px rgba(0, 0, 0, 0.22) !important;}.auth-body {background: var(--bg-primary, #0a0f0d);min-height: 100vh;}.auth-page .auth-form-wrapper {background: var(--game-panel-bg) !important;border: none !important;border-radius: 6px !important;box-shadow: 0 8px 32px rgba(0, 0, 0, 0.42) !important;padding: clamp(28px, 4vw, 40px) !important;}.auth-form-header h2,.auth-visual-content h2 {font-family: var(--game-font) !important;letter-spacing: 0.03em;text-transform: uppercase;font-size: 1.1rem !important;line-height: 1.25 !important;}.auth-page.auth-login .auth-form-header p,.auth-page.auth-register .auth-form-header p {font-size: 0.78rem !important;margin: 0 !important;opacity: 0.85;}.auth-visual {background: linear-gradient(145deg, rgba(6, 14, 10, 0.98) 0%, rgba(12, 24, 18, 0.95) 100%) !important;border-left: 1px solid rgba(16, 185, 129, 0.12);}.auth-visual-content .auth-icon {background: rgba(16, 185, 129, 0.12) !important;border: 1px solid rgba(16, 185, 129, 0.35) !important;color: var(--game-neon-green) !important;clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%);border-radius: 0 !important;}.auth-otp-input {font-size: 1.5rem !important;text-align: center;letter-spacing: 0.3em;font-weight: 700;font-family: var(--game-font) !important;}.auth-otp-hint {font-size: 0.82rem;color: var(--text-muted);margin-top: 8px;}.auth-resend-form {margin-top: 12px;text-align: center;}.auth-resend-btn {background: none;border: none;color: var(--text-muted);cursor: pointer;font-size: 0.85rem;padding: 8px;}.auth-resend-btn:hover {color: var(--game-neon-green);}.input-icon-toggle {position: relative;}.input-icon-toggle .pass-toggle {position: absolute;right: 10px;top: 50%;transform: translateY(-50%);background: none;border: none;cursor: pointer;color: var(--text-muted);clip-path: none !important;padding: 6px;}.auth-success-block {text-align: center;padding: 12px 0 8px;}.auth-success-icon {font-size: 3rem;color: var(--game-neon-green);margin-bottom: 16px;display: block;}.auth-success-block p {color: var(--text-muted);margin: 0 0 24px;}.order-success-body {background: var(--bg-primary, #0a0f0d) !important;min-height: 100vh;padding: clamp(24px, 4vw, 48px) 0;}.order-success {background: var(--game-panel-bg) !important;border: none !important;border-radius: 6px !important;box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;padding: clamp(32px, 5vw, 48px) !important;}.order-success .success-icon {background: rgba(16, 185, 129, 0.15) !important;border: 1px solid rgba(16, 185, 129, 0.35);clip-path: polygon(12px 0, 100% 0, calc(100% - 12px) 100%, 0 100%);border-radius: 0 !important;}.order-success h1 {font-family: var(--game-font) !important;letter-spacing: 0.03em;}.page-title,.checkout-page > h1,.product-detail-info h1,.support-hero-text h1,.dashboard-content > h2,.messages-header h1 {font-family: var(--game-font) !important;letter-spacing: 0.03em;}.product-gallery,.product-status-panel,.firmware-selector,.specs-table-wrap,.product-detail-info .price-block {background: var(--game-panel-bg) !important;border: none !important;border-radius: 6px !important;box-shadow: 0 4px 22px rgba(0, 0, 0, 0.34) !important;}.product-detail-description,.product-detail-info.product-detail-description {background: transparent !important;border: none !important;box-shadow: none !important;border-radius: 0 !important;padding: 0 !important;}.product-detail-description .product-description,.product-detail-description .md-content {background: transparent !important;}.product-detail-info .price-block .current-price,.product-detail-info .price-block .discount-save-pct {color: var(--game-neon-green) !important;font-family: var(--game-font) !important;}.product-detail-info h1 {font-size: clamp(1.35rem, 4vw, 1.85rem) !important;font-weight: 800 !important;line-height: 1.15 !important;margin: 0 0 10px !important;text-align: center !important;}.product-detail-info .price-block {display: flex !important;flex-direction: column !important;align-items: center !important;justify-content: center !important;gap: 6px !important;padding: 12px 14px !important;}.product-detail-info .price-block .current-price {font-size: clamp(1.15rem, 3.5vw, 1.55rem) !important;font-weight: 800 !important;line-height: 1 !important;width: 100%;text-align: center !important;}.product-detail-info .price-block-discount {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 8px 12px;width: 100%;padding-top: 4px;}.product-detail-info .price-block .original-price {font-size: 1rem !important;color: var(--text-muted) !important;text-decoration: line-through;}.product-detail-info .price-block .discount-badge,.product-detail-info .price-block .discount-save-pct {font-size: 0.92rem !important;font-weight: 700 !important;color: var(--game-neon-green) !important;}.product-status-panel--soon {border-left: 3px solid var(--game-neon-orange) !important;}.dashboard-sidebar {background: var(--game-panel-bg) !important;border: none !important;border-radius: 6px !important;box-shadow: 0 4px 22px rgba(0, 0, 0, 0.34) !important;}.dashboard-nav a {clip-path: polygon(4px 0, 100% 0, calc(100% - 4px) 100%, 0 100%) !important;border-radius: 0 !important;font-family: var(--game-font-body), sans-serif;}.dashboard-nav a.active {background: rgba(16, 185, 129, 0.12) !important;color: var(--game-neon-green) !important;border-color: rgba(16, 185, 129, 0.35) !important;}.checkout-steps-bar {background: var(--game-panel-bg) !important;border: none !important;border-radius: 6px !important;box-shadow: 0 4px 22px rgba(0, 0, 0, 0.34) !important;}.checkout-steps-bar .step-badge {clip-path: polygon(4px 0, 100% 0, calc(100% - 4px) 100%, 0 100%) !important;border-radius: 0 !important;}.checkout-summary,.payment-option {background: var(--game-panel-bg) !important;border: none !important;box-shadow: 0 4px 22px rgba(0, 0, 0, 0.34) !important;border-radius: 6px !important;}.payment-option.selected {box-shadow: 0 0 0 1px rgba(16, 185, 129, 0.45), 0 4px 22px rgba(0, 0, 0, 0.34) !important;}.support-hero-wrapper,.support-stat-card,.ticket-card,.support-ticket-item,.support-detail-panel {background: var(--game-panel-bg) !important;border: none !important;border-radius: 6px !important;box-shadow: 0 4px 22px rgba(0, 0, 0, 0.34) !important;}.support-hero-glow {opacity: 0.35 !important;}.support-hero-icon {background: rgba(16, 185, 129, 0.12) !important;border: 1px solid rgba(16, 185, 129, 0.3) !important;clip-path: none !important;border-radius: 14px !important;overflow: visible !important;flex-shrink: 0 !important;}.message-item,.messages-sidebar,.messages-panel {background: var(--game-panel-bg) !important;border: none !important;box-shadow: 0 2px 16px rgba(0, 0, 0, 0.28) !important;border-radius: 6px !important;}.legal-content,.guide-toc,.guide-content,.store-guide-section,.terms-section,.privacy-section {background: var(--game-panel-bg) !important;border: none !important;border-radius: 6px !important;box-shadow: 0 4px 22px rgba(0, 0, 0, 0.34) !important;}.guide-item {background: rgba(6, 12, 9, 0.85) !important;border: none !important;box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25) !important;}.guide-item.open {box-shadow: 0 4px 18px rgba(16, 185, 129, 0.12) !important;}.popup-modal,.search-popup,.ai-chat-panel {background: var(--game-panel-bg) !important;border: 1px solid var(--game-panel-border) !important;border-radius: 6px !important;box-shadow: 0 16px 48px rgba(0, 0, 0, 0.55) !important;}.popup-overlay {backdrop-filter: blur(4px);}.flash {border-radius: 4px !important;clip-path: none !important;}.flash-success {background: rgba(16, 185, 129, 0.12) !important;border: 1px solid rgba(16, 185, 129, 0.35) !important;color: var(--game-neon-green) !important;}.flash-error {background: rgba(239, 68, 68, 0.1) !important;border: 1px solid rgba(239, 68, 68, 0.35) !important;}.search-popup-header {border-bottom: 1px solid rgba(16, 185, 129, 0.12) !important;}.stat-card {background: var(--game-panel-bg) !important;border: none !important;box-shadow: 0 4px 22px rgba(0, 0, 0, 0.34) !important;border-radius: 6px !important;}.stat-card .stat-value,.support-stat-value {font-family: var(--game-font) !important;color: var(--game-neon-green) !important;}.breadcrumb {font-family: var(--game-font-body), sans-serif;}table.data-table,.specs-table,.order-items-table {background: rgba(6, 12, 9, 0.6) !important;border-radius: 4px;overflow: hidden;}table.data-table th,.specs-table th {font-family: var(--game-font) !important;letter-spacing: 0.06em;text-transform: uppercase;font-size: 0.75rem;}.mobile-nav {background: rgba(8, 16, 12, 0.98) !important;border-top: none !important;box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.4) !important;}.mobile-nav a.active {color: var(--game-neon-green) !important;}@media (max-width: 991px) {.auth-page {grid-template-columns: 1fr !important;}.auth-visual {display: none !important;}}

/* --- text-alignments.css --- */
.shop-sidebar,.sidebar-section,.sidebar-section h4,.filter-list,.filter-list li,.filter-list a {text-align: start;}.filter-list a,.sidebar-section h4 {justify-content: flex-start;}@media (min-width: 768px) {.footer-grid,.footer-brand,.footer-brand p,.footer-col,.footer-col h4,.footer-col a,.footer-col.footer-payments > h4:first-child,.footer-social-block .footer-social-heading,.footer-payments .footer-social-links a {text-align: start;}.footer-brand h3 {justify-content: flex-start;}.footer-col,.footer-social-block,.footer-payments .footer-social-links {align-items: flex-start;}.payment-logos,.footer-payments .payment-logos {justify-content: flex-start !important;margin-inline: 0 !important;}.footer-bottom {text-align: start;}.footer-bottom-links {justify-content: flex-end;}}.bundle-section .bundle-card h3,.bundle-section .bundle-card p,.bundle-section .bundle-tag,.bundle-section .bundle-price {text-align: center !important;}.bundle-section .bundle-price {justify-content: center !important;}.section-header,.section-header h2,.section-header p,.category-card,.hero-stat,.legal-hero,.guide-hero,.faq-hero,.support-faq-hero,.reviews-hero,.auth-visual-content,.auth-footer,.order-success,.cart-empty,.support-empty,.dashboard-card.support-empty,.dashboard-card.support-empty p,.dashboard-card.support-empty h2,.search-popup-default,.search-popup-empty,.search-popup-loading,.popup-icon-wrap,.text-center,[class$="-hero"]:not(.guide-question) {text-align: center;}.product-detail-info .price-block,.product-status-panel,.product-status-panel__title,.product-status-panel__text,.product-detail-trust,.product-detail-info .product-trust-row {text-align: center !important;}.product-detail-info .price-block {justify-content: center !important;flex-direction: column !important;align-items: center !important;}.product-card .product-image .product-badge,.bundle-image .product-badge {position: absolute !important;top: 12px !important;left: 12px !important;z-index: 4;background: var(--orange) !important;color: #fff !important;padding: 5px 11px;font-size: 0.75rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.04em;border-radius: 6px;border: none !important;box-shadow: 0 2px 12px rgba(0, 0, 0, 0.45);pointer-events: none;}.bundle-image {position: relative;}.shop-header {border-bottom: none !important;padding: 16px 18px !important;}.cart-badge,.cart-count-badge {font-family: system-ui, -apple-system, 'Segoe UI', sans-serif !important;font-size: 10px !important;font-weight: 700 !important;line-height: 1 !important;letter-spacing: 0 !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;text-align: center !important;padding: 0 !important;box-sizing: border-box !important;overflow: visible !important;clip-path: none !important;border-radius: 50% !important;font-variant-numeric: tabular-nums lining-nums;-webkit-font-smoothing: antialiased;}.cart-count-badge {width: auto !important;min-width: 18px !important;height: 18px !important;max-width: none !important;padding: 0 5px !important;border-radius: 999px !important;top: -4px !important;right: -5px !important;}.shop-layout > main {border: none !important;box-shadow: none !important;}.product-status-panel {margin-top: 16px;padding: 20px;background: rgba(13, 21, 18, 0.95);border: none;border-radius: 12px;box-shadow: 0 4px 22px rgba(0, 0, 0, 0.32);}.product-status-panel__title {display: flex;align-items: center;justify-content: center;gap: 8px;font-weight: 600;font-size: 0.95rem;color: var(--orange);margin-bottom: 8px;}.product-status-panel__text {margin: 0;font-size: 0.82rem;color: var(--text-muted);}.product-detail-description,.product-detail-info.product-detail-description,.product-detail-grid .product-detail-description,.product-detail-stack .product-detail-description {background: transparent !important;border: none !important;box-shadow: none !important;padding: 0 !important;}.product-detail-description .md-content h2,.product-detail-description .md-content h3,.product-detail-description .md-content h4 {text-align: start;}.popup-modal .popup-body,.popup-modal .popup-message {text-align: start;}.popup-modal .popup-actions {justify-content: center;}p, li, td, th, h1, h2, h3, h4, h5, h6, label,.product-description, .review-card-text, .legal-section p {overflow-wrap: anywhere;word-break: break-word;}.admin-body,.admin-main,.admin-content,.admin-body .dashboard-card,.admin-body table th,.admin-body table td,.admin-nav a {text-align: start;}.admin-body .text-center,.admin-body .empty-state {text-align: center;}.empty-state-icon,.dashboard-empty > i.fas,.dashboard-empty i.empty-state-icon {color: rgba(34, 197, 94, 0.42) !important;}.guide-question,.guide-question h3,.guide-answer,.guide-answer p {text-align: start !important;}.btn-sm,.btn.btn-sm {display: inline-flex !important;align-items: center !important;justify-content: center !important;gap: 6px !important;line-height: 1.2 !important;}.badge {vertical-align: middle;}@media (max-width: 767px) {.dashboard-layout {gap: 16px;padding: 24px 0;}.dashboard-sidebar {position: static;top: auto;}.dashboard-nav {display: flex;flex-direction: row;flex-wrap: nowrap;overflow-x: auto;gap: 8px;padding: 10px;border-radius: var(--radius-md);-webkit-overflow-scrolling: touch;scrollbar-width: none;}.dashboard-nav::-webkit-scrollbar {display: none;}.dashboard-nav a {flex: 0 0 auto;white-space: nowrap;padding: 10px 14px !important;border-left: none !important;border-radius: 999px !important;clip-path: none !important;font-size: 0.82rem !important;}.dashboard-nav a.active {background: var(--green) !important;color: #0a0f0d !important;border-left-color: transparent !important;font-weight: 700 !important;}.dashboard-nav a i {width: auto !important;}}.dashboard-download-item,.dashboard-list-row {display: flex;gap: 16px;padding: 16px 20px;background: var(--bg-secondary);border: 1px solid var(--border-color);border-radius: var(--radius-md);align-items: center;}.dashboard-download-item__meta,.dashboard-list-row__meta {flex: 1;min-width: 0;}.dashboard-download-item__title,.dashboard-list-row__title {font-weight: 600;font-size: 0.95rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.dashboard-download-item__actions {display: flex;flex-wrap: wrap;gap: 6px;flex-shrink: 0;}.dashboard-list-row__price {font-weight: 700;font-size: 1rem;flex-shrink: 0;white-space: nowrap;}@media (max-width: 639px) {.dashboard-download-item,.dashboard-list-row {flex-wrap: wrap;align-items: flex-start;}.dashboard-download-item__actions {width: 100%;}.dashboard-download-item__actions .btn {flex: 1 1 calc(50% - 3px);justify-content: center;}.dashboard-list-row__price {width: 100%;text-align: start;padding-top: 4px;border-top: 1px solid var(--border-color);margin-top: 4px;}}.dashboard-empty {text-align: center;padding: 48px 16px;}.messages-page-header {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 12px;margin-bottom: 24px;}.message-list-item {display: flex;gap: 16px;padding: 20px;background: var(--bg-card);border: 1px solid var(--border-color);border-radius: var(--radius-md);text-decoration: none;color: inherit;transition: var(--transition);align-items: flex-start;}.message-list-item:hover {transform: translateY(-1px);box-shadow: var(--shadow-md);}.message-list-item--unread {border-left: 3px solid var(--green);}.message-list-item__body {flex: 1;min-width: 0;}.message-list-item__title-row {display: flex;justify-content: space-between;align-items: flex-start;gap: 10px;margin-bottom: 4px;}.message-list-item__preview {font-size: 0.85rem;color: var(--text-muted);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.message-list-item__dot {width: 8px;height: 8px;border-radius: 50%;background: var(--green);flex-shrink: 0;margin-top: 6px;}@media (max-width: 639px) {.messages-page-header h1 {font-size: 1.35rem;width: 100%;}.messages-page-header .btn {width: 100%;justify-content: center;}}.firmware-option {align-items: center !important;}.firmware-option b {flex-shrink: 0;min-width: 4.5rem;text-align: right;}.shop-empty-state {padding: clamp(48px, 10vw, 80px) 16px;text-align: center;}@media (max-width: 639px) {.order-status-timeline {flex-wrap: wrap !important;justify-content: center !important;gap: 10px !important;}.order-status-timeline > div[style*="width:40px"] {display: none !important;}}

/* --- device-responsive.css --- */
:root {--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--vh-stable: 100dvh;}.navbar,.navbar-top,.navbar-main,.top-promo-strip,.dashboard-layout,.dashboard-content,.shop-products,.cart-page,.checkout-page,.guide-container,.legal-page,.support-page,.page-messages,.product-detail,.firmware-selector,.popup-modal,.search-popup-modal {min-width: 0;max-width: 100%;}iframe,video,embed {max-width: 100%;}.md-table-wrap,.specs-table-wrap,table {max-width: 100%;}.md-table-wrap,.specs-table-wrap {overflow-x: auto;-webkit-overflow-scrolling: touch;}@media (max-width: 639px) {.promo-strip-inner {flex-wrap: wrap;justify-content: center;gap: 8px 12px;font-size: 0.78rem;}.promo-strip-inner .promo-divider:nth-child(n+4) {display: none;}.promo-strip-inner span:nth-child(n+5) {display: none;}}@media (max-width: 359px) {.top-promo-strip .container {padding-inline: 10px;}}.navbar {position: fixed !important;top: 0 !important;left: 0 !important;right: 0 !important;z-index: 1200 !important;}.navbar-spacer {display: block;width: 100%;height: var(--site-header-h, 96px);}.navbar-top,.navbar-main {padding-left: var(--safe-left);padding-right: var(--safe-right);}@media (max-width: 1023px) {.navbar-user .user-name {display: none;}.btn-login span,.btn-register span {display: none;}.btn-login,.btn-register {padding-inline: 12px;min-width: 44px;justify-content: center;}.navbar-top-inner {height: 48px;padding-inline: 12px;}}@media (max-width: 767px) {.discord-btn span {display: none;}.discord-btn {padding: 10px 12px;min-width: 44px;justify-content: center;}.navbar-brand img {max-height: 28px;}.brand-sint,.brand-dma {font-size: clamp(0.95rem, 4vw, 1.1rem);}}@media (max-width: 479px) {.navbar-top-right {gap: 6px;}.nav-icon-btn {width: 42px;height: 42px;padding: 0;}}@media (max-width: 639px) {.shop-layout {padding: clamp(16px, 4vw, 24px) 0 !important;gap: 16px !important;}.shop-header {flex-direction: column;align-items: stretch;gap: 12px;}.shop-header h1 {font-size: clamp(1.2rem, 5vw, 1.5rem);}.shop-sort,.shop-sort select {width: 100%;}#mobileFiltersBtn {width: 100%;justify-content: center;}}.product-card-actions,.bundle-card-actions {display: flex !important;flex-direction: row !important;align-items: stretch !important;gap: 6px !important;padding: 0 12px 14px !important;box-sizing: border-box !important;overflow: visible !important;}.product-card-actions form,.bundle-add-cart-form {display: flex !important;width: auto !important;margin: 0 !important;flex: 1 1 0 !important;min-width: 0 !important;}.product-card-actions .btn-add-cart,.product-card-actions .btn-buy-now,.bundle-card-actions .btn-add-cart,.bundle-card-actions .btn-buy-now {width: 100% !important;flex: 1 1 0 !important;min-width: 0 !important;min-height: 40px !important;padding: 9px 6px !important;font-size: 0.76rem !important;gap: 4px !important;overflow: visible !important;white-space: nowrap !important;box-sizing: border-box !important;}.product-card-actions .btn-add-cart i,.product-card-actions .btn-buy-now i,.bundle-card-actions .btn-add-cart i,.bundle-card-actions .btn-buy-now i {font-size: 0.8rem !important;}.product-info h3 {font-size: 1rem !important;line-height: 1.25 !important;margin-bottom: 6px !important;}.product-price {flex-direction: column !important;align-items: flex-start !important;gap: 4px !important;}.product-price .current {font-size: 1.2rem !important;font-weight: 700 !important;}.product-price .original {font-size: 0.85rem !important;}.product-price .discount-save-pct {font-size: 0.8rem !important;color: var(--green, #22c55e) !important;}.product-desc {display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;box-orient: vertical;overflow: hidden;font-size: 0.8rem;margin-bottom: 8px;}.bundle-price {flex-direction: column !important;align-items: flex-start !important;gap: 4px !important;}.bundle-bottom {flex-direction: column !important;align-items: stretch !important;gap: 10px !important;}@media (min-width: 768px) {.products-grid,#productsGrid {grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}}@media (min-width: 1024px) {.products-grid,#productsGrid {grid-template-columns: repeat(3, minmax(0, 1fr)) !important;}}@media (max-width: 767px) {.products-grid,#productsGrid {grid-template-columns: repeat(2, minmax(0, 1fr)) !important;gap: clamp(8px, 2.5vw, 12px) !important;}.product-card {border-radius: 16px !important;}.product-card .product-image {padding-top: 60% !important;}.product-card .product-image img {padding: 4px !important;}.product-card .product-info {padding: 8px 10px 6px !important;}.product-info .product-category {font-size: 0.6rem !important;margin-bottom: 1px !important;}.product-info h3 {font-size: clamp(0.78rem, 3.2vw, 0.88rem) !important;line-height: 1.2 !important;margin-bottom: 4px !important;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;box-orient: vertical;overflow: hidden;}.product-desc {display: none;}.product-price {flex-direction: column !important;align-items: flex-start !important;gap: 2px !important;}.product-price .current {font-size: clamp(0.9rem, 3.5vw, 1.05rem) !important;}.product-price .original,.product-price .discount-save-pct {font-size: 0.62rem !important;}.product-card-actions {flex-direction: row !important;padding: 0 8px 8px !important;gap: 5px !important;}.product-card-actions .btn-add-cart,.product-card-actions .btn-buy-now {width: 100% !important;flex: 1 1 0 !important;min-width: 0 !important;font-size: clamp(0.58rem, 2.2vw, 0.7rem) !important;padding: 7px 4px !important;gap: 3px !important;min-height: 34px !important;}.product-card-actions .btn-add-cart i,.product-card-actions .btn-buy-now i {font-size: 0.68rem !important;}.product-card .product-badge {font-size: 0.55rem !important;padding: 2px 5px !important;top: 6px !important;left: 6px !important;}.product-wishlist {width: 28px;height: 28px;font-size: 0.7rem;}.bundle-card h3 {font-size: clamp(0.78rem, 3.2vw, 0.9rem) !important;}.bundle-card p {display: none;}.shop-bundle-strip .bundle-grid.compact {grid-template-columns: 1fr !important;gap: clamp(8px, 2.5vw, 12px) !important;}}@media (max-width: 380px) {.products-grid,#productsGrid {grid-template-columns: 1fr !important;gap: 12px !important;}.product-card .product-image {padding-top: 55% !important;}}@media (max-width: 639px) {.product-card-actions,.bundle-card-actions {flex-direction: column !important;gap: 8px !important;}.product-card-actions .btn-add-cart,.product-card-actions .btn-buy-now,.bundle-card-actions .btn-add-cart,.bundle-card-actions .btn-buy-now {width: 100% !important;flex: none !important;justify-content: center !important;}}@media (min-width: 640px) and (max-width: 1023px) {.shop-sidebar {display: block !important;}#mobileFiltersBtn {display: none !important;}.shop-sidebar {display: grid !important;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 16px;}.shop-header {flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: space-between;}.shop-sort select {min-width: 180px;}}@media (min-width: 1024px) {.shop-layout {grid-template-columns: minmax(260px, 300px) minmax(0, 1fr) !important;gap: clamp(24px, 3vw, 32px);}}@media (max-width: 1023px) {.product-detail {padding: clamp(20px, 4vw, 32px) 0;max-width: 100%;overflow-x: clip;}.product-detail-grid,.product-detail-stack {grid-template-columns: minmax(0, 1fr) !important;gap: 20px !important;min-width: 0;width: 100%;max-width: 100%;}.product-detail-grid .product-detail-info:nth-of-type(1),.product-detail-stack .product-detail-info:nth-of-type(1) {grid-column: 1 / -1 !important;grid-row: auto !important;position: static !important;top: auto !important;order: 1 !important;width: 100% !important;max-width: 100% !important;box-sizing: border-box !important;}.product-detail-grid .product-gallery,.product-detail-stack .product-gallery,.product-detail-grid .product-detail-description,.product-detail-stack .product-detail-description {grid-column: 1 / -1 !important;grid-row: auto !important;width: 100% !important;max-width: 100% !important;min-width: 0;}.product-detail-grid .product-gallery,.product-detail-stack .product-gallery {order: 2 !important;}.product-detail-grid .product-detail-description,.product-detail-stack .product-detail-description {order: 3 !important;}.product-gallery,.product-detail-grid .product-gallery,.product-detail-stack .product-gallery {position: static !important;top: auto !important;}.product-gallery-main,.product-gallery-main img,.product-gallery .main-image,.product-gallery .main-image img,.product-video-player-host,.product-video-player-host video {width: 100% !important;max-width: 100% !important;box-sizing: border-box;}.product-detail-info form,.product-detail-info .firmware-selector,.product-detail-info .addon-selector,.product-detail-info .product-specs-block,.product-detail-info .product-actions {width: 100%;max-width: 100%;box-sizing: border-box;}.product-actions {flex-direction: row !important;flex-wrap: wrap;gap: 10px;width: 100%;}.product-actions .btn,.product-actions button,.product-actions input[type="submit"] {width: auto !important;max-width: 100% !important;flex: 1 1 0 !important;min-width: 0 !important;box-sizing: border-box;}.firmware-option,.addon-option {width: 100%;max-width: 100%;box-sizing: border-box;}.product-thumbnails {display: flex;overflow-x: auto;flex-wrap: nowrap;gap: 8px;padding-bottom: 6px;-webkit-overflow-scrolling: touch;}.product-thumb {flex: 0 0 56px;}.product-detail-grid .product-detail-info:nth-of-type(1),.product-detail-stack .product-detail-info:nth-of-type(1) {text-align: left !important;padding: clamp(16px, 4vw, 20px) clamp(12px, 3vw, 16px) !important;}.product-detail-grid .product-detail-info:nth-of-type(1) h1,.product-detail-stack .product-detail-info:nth-of-type(1) h1,.product-detail-info h1 {text-align: left !important;font-size: clamp(1.35rem, 5vw, 1.9rem) !important;overflow-wrap: anywhere;word-break: break-word;}.product-detail-grid .product-detail-info:nth-of-type(1) .price-block,.product-detail-stack .product-detail-info:nth-of-type(1) .price-block,.product-detail-info .price-block {align-items: flex-start !important;text-align: left !important;width: 100%;max-width: 100%;}.product-detail-info .price-block .current-price {text-align: left !important;font-size: clamp(1.5rem, 5vw, 2.2rem) !important;}}@media (min-width: 1024px) and (max-width: 1279px) {.product-detail-grid,.product-detail-stack {grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;gap: clamp(24px, 3vw, 36px);}}@media (min-width: 1280px) {.product-detail-grid,.product-detail-stack {grid-template-columns: minmax(320px, 1fr) minmax(360px, 1.15fr) !important;}}@media (max-width: 767px) {.cart-page > h1,.checkout-page > h1 {font-size: clamp(1.1rem, 4.5vw, 1.35rem);margin-bottom: clamp(14px, 3vw, 20px) !important;}.cart-summary,.checkout-summary {position: static !important;top: auto !important;width: 100%;}.payment-option,.payment-methods label {width: 100%;}}@media (min-width: 768px) and (max-width: 1023px) {.checkout-layout {grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr) !important;}}@media (max-width: 1023px) {.dashboard-layout {grid-template-columns: 1fr !important;gap: clamp(16px, 3vw, 24px);padding: clamp(20px, 4vw, 32px) 0;}.dashboard-sidebar {position: static !important;top: auto !important;}}@media (min-width: 1024px) {.dashboard-layout {grid-template-columns: minmax(200px, 240px) minmax(0, 1fr);gap: clamp(24px, 3vw, 40px);}}.dashboard-card .table-wrapper {overflow-x: auto;-webkit-overflow-scrolling: touch;margin-inline: -4px;padding-inline: 4px;}.dashboard-card .table-wrapper table {min-width: 520px;}.dashboard-card {padding: clamp(16px, 3vw, 28px);}@media (max-width: 991px) {.auth-page {min-height: auto;padding: clamp(16px, 4vw, 32px) var(--page-gutter);padding-bottom: calc(clamp(24px, 5vw, 40px) + var(--safe-bottom));}.auth-panel {width: 100%;max-width: 480px;margin-inline: auto;}}@media (max-width: 479px) {.auth-panel {padding: clamp(20px, 5vw, 28px) clamp(16px, 4vw, 22px) !important;}.auth-body .form-control,.auth-body .btn {font-size: 16px; }}.guide-container,.legal-container,.support-container {width: 100%;max-width: min(980px, 100%);margin-inline: auto;padding-inline: var(--page-gutter);box-sizing: border-box;}.page-messages {padding-block: clamp(24px, 5vw, 40px) !important;}@media (max-width: 639px) {.guide-hero,.legal-hero,.support-hero,.faq-hero {padding: clamp(28px, 6vw, 40px) var(--page-gutter);}.guide-cta {padding: clamp(20px, 4vw, 28px) !important;}.guide-cta .btn {width: 100%;margin: 6px 0 !important;justify-content: center;}}@media (min-width: 768px) {.faq-grid,.faq-list--grid {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: clamp(12px, 2vw, 16px);}}@media (min-width: 1280px) {.faq-grid--3 {grid-template-columns: repeat(3, minmax(0, 1fr));}}.popup-modal,.search-popup-modal {width: min(520px, calc(100vw - 2 * var(--page-gutter) - var(--safe-left) - var(--safe-right))) !important;max-height: min(90dvh, 720px);}@media (max-width: 479px) {.popup-modal {margin: var(--page-gutter);width: calc(100% - 2 * var(--page-gutter)) !important;}.popup-actions {flex-direction: column;align-items: stretch;}.popup-actions .btn {width: 100%;justify-content: center;}}.ai-fab {bottom: calc(16px + var(--safe-bottom)) !important;right: calc(16px + var(--safe-right)) !important;}.scroll-to-top {bottom: calc(76px + var(--safe-bottom)) !important;right: calc(16px + var(--safe-right)) !important;}@media (max-width: 767px) {.page-wrapper {padding-bottom: calc(20px + var(--safe-bottom));}.ai-chat {width: calc(100vw - 2 * var(--page-gutter) - var(--safe-left) - var(--safe-right)) !important;max-width: 420px;left: max(var(--page-gutter), var(--safe-left));right: max(var(--page-gutter), var(--safe-right));margin-inline: auto;}}@media (max-width: 479px) {.firmware-option {flex-wrap: wrap;gap: 8px;}.firmware-option b {width: 100%;text-align: start;margin-top: 4px;}.firmware-selector-head {flex-wrap: wrap;gap: 8px;}}@media (min-width: 768px) and (max-width: 1023px) and (orientation: landscape) {.hero-inner {grid-template-columns: 1fr 1fr;align-items: center;}body.page-index .hero {padding-block: clamp(16px, 3vw, 28px);}}@media (max-height: 500px) and (orientation: landscape) {.auth-visual {display: none !important;}.loading-screen {min-height: auto;padding: 24px;}}@media (min-width: 1280px) {.products-grid {grid-template-columns: repeat(3, minmax(0, 1fr));}.hero-inner {gap: clamp(40px, 4vw, 72px);}}@media (min-width: 1440px) {.products-grid--wide {grid-template-columns: repeat(4, minmax(0, 1fr));}}@media (min-width: 1600px) {.shop-layout {grid-template-columns: minmax(280px, 320px) minmax(0, 1fr) !important;}.bundle-grid:not(.compact) {grid-template-columns: repeat(3, minmax(0, 1fr)) !important;}}@media (min-width: 1920px) {.products-grid {grid-template-columns: repeat(4, minmax(0, 1fr));}.products-grid,#productsGrid {grid-template-columns: repeat(3, minmax(0, 1fr)) !important;}.section-header p,.hero-content > p {max-width: 58ch;}}@media (min-width: 2560px) {:root {--content-max: 1560px;}.products-grid {grid-template-columns: repeat(4, minmax(0, 1fr));}.products-grid,#productsGrid {grid-template-columns: repeat(3, minmax(0, 1fr)) !important;}}@media (max-width: 320px) {:root {--page-gutter: 10px;--touch-target: 42px;}.hero-stats {max-width: 100%;}.product-card .product-info h3 {font-size: 0.9rem;}.navbar-brand .brand-sint,.navbar-brand .brand-dma {font-size: 0.88rem;}}@media (hover: none) and (pointer: coarse) {.product-card:hover,.bundle-card:hover {transform: none;}.btn,.nav-link,.filter-list a {min-height: 44px;}}@media (max-width: 1023px) {.admin-layout {flex-direction: column;}.admin-main,.admin-content {width: 100%;min-width: 0;}.admin-body .table-wrapper {overflow-x: auto;-webkit-overflow-scrolling: touch;}.admin-body .table-wrapper table {min-width: 640px;}}@media (min-width: 1024px) and (max-width: 1279px) {.admin-layout {grid-template-columns: minmax(200px, 240px) minmax(0, 1fr) !important;}}@media (max-width: 639px) {.admin-body .wizard-steps {overflow-x: auto;flex-wrap: nowrap;-webkit-overflow-scrolling: touch;padding-bottom: 6px;}.admin-body .stat-cards {grid-template-columns: 1fr !important;}}.product-buy-panel {padding: 10px 12px !important;}.product-buy-panel .product-info-category {margin-bottom: 2px;}.product-buy-panel .product-info-category span {font-size: 0.78rem;text-transform: uppercase;letter-spacing: 0.06em;color: var(--text-muted);font-weight: 600;}.product-buy-panel h1 {font-size: clamp(1.1rem, 2.2vw, 1.4rem) !important;margin: 0 0 4px !important;line-height: 1.15 !important;}.product-buy-panel .product-short-desc {font-size: 0.76rem !important;line-height: 1.4 !important;margin: 0 0 6px !important;}.product-buy-panel .price-block {margin-bottom: 6px !important;padding: 8px 10px !important;gap: 3px !important;}.product-buy-panel .price-block .current-price {font-size: clamp(1.1rem, 2.4vw, 1.4rem) !important;}.product-buy-panel .price-block .original-price,.product-buy-panel .price-block .discount-badge,.product-buy-panel .price-block .discount-save-pct {font-size: 0.7rem !important;}.product-buy-panel .price-block-discount {gap: 5px !important;padding-top: 0 !important;}.product-buy-panel .product-info-meta {margin: 0 0 6px;text-align: center;}.product-buy-panel .product-info-meta-badge {font-size: 0.76rem;font-weight: 600;}.product-buy-panel .product-info-meta-badge--digital {color: var(--green-light);}.product-buy-panel .quantity-selector {margin-bottom: 6px !important;}.product-buy-panel .firmware-selector,.product-buy-panel .addon-selector {margin-bottom: 8px !important;padding: 8px 10px !important;}.product-buy-panel .bundle-includes-selector {margin-top: 18px !important;margin-bottom: 8px !important;padding: 10px 12px !important;}.product-buy-panel .bundle-include-row {padding: 10px 12px !important;margin-top: 6px !important;}.product-buy-panel .bundle-include-row:first-of-type {margin-top: 0 !important;}.product-buy-panel form {margin-bottom: 0 !important;}.product-buy-panel .product-actions {margin-bottom: 6px !important;}.product-buy-panel .btn-lg,.product-buy-panel .product-buy-btn {padding: 8px 14px !important;font-size: 0.84rem !important;min-height: 36px;}.product-buy-panel .product-features {margin-top: 6px !important;padding: 6px 0 0 !important;border-top: 1px solid var(--border-color) !important;border-bottom: none !important;gap: 6px 10px !important;flex-wrap: wrap;justify-content: center;background: transparent !important;border-radius: 0 !important;box-shadow: none !important;}.product-buy-panel .product-feature {background: transparent !important;box-shadow: none !important;}.product-buy-panel .product-feature span {font-size: 0.66rem !important;}.product-buy-panel .product-feature i {font-size: 0.68rem !important;}@media (min-width: 1024px) {.product-detail-grid .product-detail-info.product-buy-panel,.product-detail-stack .product-detail-info.product-buy-panel {grid-row: 1 / 2 !important;align-self: start !important;height: auto !important;min-height: 0 !important;}}

/* --- consent-popup.css --- */
.consent-popup {position: fixed;bottom: 20px;left: 50%;right: auto;transform: translateX(-50%);z-index: 100005;width: 420px;max-width: calc(100vw - 40px);background: #09100c;color: #f5f5f5;border: 1px solid rgba(16, 185, 129, 0.3);border-radius: 14px;box-shadow: 0 16px 40px rgba(0, 0, 0, 0.65), 0 0 20px rgba(16, 185, 129, 0.12);padding: 16px 18px;display: flex;flex-direction: column;gap: 12px;opacity: 1;transition: opacity 0.3s ease, transform 0.3s ease;font-family: var(--font-body, 'Exo 2', 'Sora', system-ui, sans-serif);}.consent-popup[hidden] {display: none !important;}.consent-popup.is-hiding {opacity: 0;transform: translateX(-50%) translateY(20px);pointer-events: none;}.consent-popup-body {display: flex;flex-direction: column;align-items: center;text-align: center;gap: 10px;padding-right: 0;}.consent-popup-header {display: flex;align-items: center;justify-content: center;gap: 10px;width: 100%;}.consent-popup-header strong {font-size: 1.05rem;color: #ffffff;font-family: var(--font-heading, 'Orbitron', 'Rajdhani', sans-serif);margin: 0;}.consent-popup-icon {flex-shrink: 0;width: 32px;height: 32px;border-radius: 50%;background: rgba(16, 185, 129, 0.15);color: #10b981;display: flex;align-items: center;justify-content: center;font-size: 0.9rem;margin-top: 0;}.consent-popup-text {width: 100%;font-size: 0.85rem;line-height: 1.5;color: #d4d4d4;text-align: center;}.consent-popup-text a {color: #ff8f57;text-decoration: underline;font-weight: 600;transition: color 0.15s ease;}.consent-popup-text a:hover {color: #10b981;}.consent-popup-actions {display: flex;align-items: center;justify-content: center;gap: 12px;width: 100%;}.consent-popup-btn {flex: 1;max-width: 140px;border: 1px solid transparent;border-radius: 50px !important;clip-path: none !important;transform: none !important;padding: 10px 24px;font-size: 0.95rem;font-weight: 600;cursor: pointer;text-align: center;transition: transform 0.12s ease, background 0.12s ease, color 0.12s ease, box-shadow 0.12s ease;line-height: 1.2;font-family: inherit;}.consent-popup-btn:active {transform: translateY(1px);}.consent-popup-accept {background: #10b981;color: #ffffff;border-color: #10b981;box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);}.consent-popup-accept:hover {background: #059669;border-color: #059669;box-shadow: 0 6px 18px rgba(16, 185, 129, 0.45);}.consent-popup-deny {background: rgba(255, 255, 255, 0.05);color: #f5f5f5;border-color: rgba(255, 255, 255, 0.2);}.consent-popup-deny:hover {background: rgba(255, 255, 255, 0.12);border-color: rgba(255, 255, 255, 0.35);}.consent-popup-close {position: absolute;top: 10px;right: 10px;width: 26px;height: 26px;border: 0;background: transparent;color: #a3a3a3;border-radius: 6px;cursor: pointer;font-size: 0.85rem;display: flex;align-items: center;justify-content: center;opacity: 0.75;transition: opacity 0.15s ease, background 0.15s ease, color 0.15s ease;}.consent-popup-close:hover {opacity: 1;background: rgba(255, 255, 255, 0.12);color: #ffffff;}@media (max-width: 768px) {.consent-popup {bottom: 12px;left: 50%;right: auto;transform: translateX(-50%);width: auto;max-width: calc(100vw - 24px);padding: 14px 16px;gap: 10px;}.consent-popup.is-hiding {transform: translateX(-50%) translateY(20px);}}