/* CSS block 1 */
:root {--nava-orange: #dfb15b;--nava-orange-dark: #c99b47;--nava-orange-deep: #b08433;--nava-gold: #f4d99f;--nava-gold-soft: #fbf0d9;--nava-cream: #eaf8ff;--nava-cream-2: #f6efe2;--nava-surface: #fffdf8;--nava-text: #4e4028;--nava-text-soft: #857253;--nava-border: #ebdcb9;--nava-shadow: 0 12px 32px rgba(176, 132, 51, 0.10);}@font-face {font-family: 'Segoe UI';src: url('/assets/fonts/segoeui.woff2') format('woff2'), url('/assets/fonts/segoeui.woff') format('woff');font-weight: 400;font-style: normal;}:root {--brand-50: #FFF5E6;--brand-100: #fff1cc;--brand-500: #2399e6;--brand-600: #e0a200;--gray-900: #1F1F23;--gray-700: #3D3F45;--gray-500: #6F737B;--gray-300: #C5C9CF;--gray-100: #F3F5F7;--border: #E4E7EB;--radius: 8px;--transition: .18s ease;font-family: 'Segoe UI', sans-serif;}* {box-sizing: border-box;}body {margin: 0;padding-bottom: 0;color: var(--gray-900);background: #fff;}img {max-width: 100%;display: block;}.container {width: 100%;max-width: 1280px;margin: 0 auto;padding: 10px 0;}.topbar {background: #111;color: #fff;font-size: 13px;}.topbar-inner {display: flex;justify-content: space-between;align-items: center;min-height: 36px;}.topbar a {color: #fff;text-decoration: none;margin-left: 12px;}.navbar {background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 245, 230, 0.85) 100%);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border-bottom: 1px solid rgba(228, 231, 235, 0.6);box-shadow: 0 2px 16px -4px rgba(0, 0, 0, 0.08);position: sticky;top: 0;z-index: 500;transition: all .3s ease;}.navbar::after {content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 2px;background: linear-gradient(90deg, transparent 0%, #1268a8 20%, #2399e6 50%, #1268a8 80%, transparent 100%);opacity: 0.5;}.nav-inner {display: flex;align-items: center;gap: 24px;min-height: 70px;}.nav-inner .search .m-search-ico {display: none;}.login-btn .login-ico {display: none;}.navbar-logo {display: none;background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 245, 230, 0.85) 100%);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border-bottom: 1px solid rgba(228, 231, 235, 0.6);box-shadow: 0 2px 16px -4px rgba(0, 0, 0, 0.08);position: sticky;top: 0;z-index: 500;}.bottom-nav {display: none;}@media (max-width:640px) {.container {padding: 10px 16px;}.topbar {display: none !important;}body {padding-bottom: 68px;}.navbar {background: linear-gradient(135deg, rgba(255, 255, 255, 0.97) 0%, rgba(255, 245, 230, 0.9) 100%);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);box-shadow: 0 2px 12px -3px rgba(0, 0, 0, 0.08);border: 0;}.nav-inner {display: grid;grid-template-columns: 1fr;gap: 10px;padding: 12px 16px 0 12px;min-height: auto;}.nav-inner .logo {justify-self: center;margin: 0;display: flex;}.nav-inner .logo img {height: 36px;}.nav-inner .search {position: relative;display: flex;align-items: center;gap: 0;width: 100%;height: 44px;background: #fff;border: 1.5px solid #57bdf5;border-radius: 12px;padding: 0 12px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);transition: all .25s;}.nav-inner .search:focus-within {border-color: #1268a8;box-shadow: 0 0 0 3px rgba(145, 216, 255, 0.25);}.nav-inner .search-icon-btn {color: #9ca3af;padding: 4px;margin-right: 4px;}.nav-inner .search-icon-btn svg {width: 18px;height: 18px;}.nav-inner .search input {flex: 1;min-width: 0;border: none;outline: none;background: transparent;font-size: 14px;padding: 0 8px;height: 100%;}.nav-inner .ai-bot-toggle {padding: 6px;margin-left: 0;}.nav-inner .ai-bot-toggle .bot-icon {width: 20px;height: 20px;}.nav-inner .search-suggest {left: 0;right: 0;width: calc(100vw - 32px);margin-top: 6px;border-radius: 12px;max-height: 70vh;}.nav-inner .nav-actions {display: flex !important;visibility: hidden;pointer-events: none;position: absolute;right: 0;top: 0;}.nav-inner .nav-actions #userMenu {visibility: visible !important;pointer-events: auto !important;}.nav-inner .logo {display: none;}.navbar-logo {display: block;backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);position: static;box-shadow: none;border-bottom: 0;padding-top: .6rem;}.nav-inner .logo-mobile {display: block;}#wishlistBtn, #notifBtn, #loginBtn {display: none !important;}.navbar #userMenu {display: none !important;}.nav-actions .cart-indicator, .nav-actions .compare-indicator {display: none !important;}#bottomCategoryBtn {display: none !important;}.navbar #userMenu .login-btn.logged-in {width: 40px;height: 40px;padding: 0;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: rgba(255, 255, 255, 0.95);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border: 1px solid rgba(228, 231, 235, 0.6);box-shadow: 0 2px 12px -3px rgba(0, 0, 0, 0.12);}.navbar #userMenu .login-btn.logged-in .login-text {display: none;}.navbar #userMenu .login-btn.logged-in .login-ico {display: inline;font-size: 20px;line-height: 1;}.navbar #userMenu .user-dropdown {position: fixed !important;top: 60px !important;right: 16px !important;left: auto !important;min-width: 200px;background: rgba(255, 255, 255, 0.98);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);border: 1px solid rgba(228, 231, 235, 0.6);box-shadow: 0 8px 24px -8px rgba(0, 0, 0, 0.2);z-index: 1002 !important;border-radius: 12px;padding: 8px 0;}.navbar #userMenu .user-dropdown:not([hidden]) {display: block !important;visibility: visible !important;opacity: 1 !important;}.navbar .container:last-child {display: flex !important;align-items: center !important;padding: 4px 16px 6px !important;gap: 5px;overflow: visible;}.mega-cats-wrapper {position: relative;flex: 1;overflow: hidden;min-height: 34px;display: flex;}.mega-cats-fade {position: absolute;top: 0;right: 0;bottom: 0;width: 80px;background: linear-gradient(to left, rgba(255, 245, 230, 1) 0%, rgba(255, 245, 230, 0.98) 15%, rgba(255, 245, 230, 0.85) 35%, transparent 100%);pointer-events: none;z-index: 5;transition: opacity 0.3s ease;}.mega-cats.container {display: flex !important;gap: 12px;overflow-x: auto;overflow-y: visible;-webkit-overflow-scrolling: touch;scrollbar-width: none;flex: 1;padding: 0 !important;margin: 0 !important;position: relative;z-index: 1;}.mega-cats.container::-webkit-scrollbar {display: none;}.mega-cats a {font-size: 13px;padding: 6px 10px;white-space: nowrap;flex-shrink: 0;position: relative;}.mega-cats a.active {background: #57bdf5;color: #fff;font-weight: 600;border-radius: 6px;}.mm-wp {flex-shrink: 0;}.mm2-trigger {display: flex;align-items: center;gap: 6px;padding: 6px 12px;background: var(--gray-100);color: var(--gray-700);text-decoration: none;border-radius: 6px;font-size: 13px;white-space: nowrap;}.mm2-trigger .label-cat {display: none;}.mega-more-btn {border: 1px solid var(--border);background: #fff;border-radius: 10px;padding: 6px 14px;font-size: 18px;cursor: pointer;}.mega-cats-more.active>.mega-more-btn {background: #57bdf5;color: #fff;border-color: #57bdf5;}.mega-more-dropdown {top: calc(100% + 10px);right: 0;min-width: 85vw;max-width: 90vw;border-radius: 16px;}.mega-more-grid {grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));}.mobile-user-sheet {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 10000;pointer-events: none;}.mobile-user-sheet.active {pointer-events: auto;}.mobile-user-sheet-backdrop {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);opacity: 0;transition: opacity .3s ease;}.mobile-user-sheet.active .mobile-user-sheet-backdrop {opacity: 1;}.mobile-user-sheet-content {position: absolute;bottom: 0;left: 0;right: 0;background: #fff;border-radius: 20px 20px 0 0;box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.15);transform: translateY(100%);transition: transform .3s cubic-bezier(0.4, 0.0, 0.2, 1);padding-bottom: calc(68px + env(safe-area-inset-bottom));}.mobile-user-sheet.active .mobile-user-sheet-content {transform: translateY(0);}.mobile-user-sheet-header {padding: 16px 20px 12px;border-bottom: 1px solid #4fa8dc;}.mobile-user-sheet-handle {width: 40px;height: 4px;background: #4fa8dc border-radius:2px;margin: 0 auto 16px;}.mobile-user-info {display: flex;align-items: center;gap: 12px;}.mobile-user-avatar {width: 48px;height: 48px;border-radius: 50%;background: linear-gradient(135deg, #FFEAA5, #2399e6);color: #06213a;font-weight: 700;display: flex;align-items: center;justify-content: center;font-size: 24px;flex-shrink: 0;}.mobile-user-details {flex: 1;min-width: 0;}.mobile-user-name {font-size: 16px;font-weight: 600;color: #3b83b4;margin-bottom: 2px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.mobile-user-email {font-size: 13px;color: #787266;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.mobile-user-sheet-body {padding: 8px 0;}.mobile-user-sheet-item {display: flex;align-items: center;gap: 16px;padding: 14px 20px;text-decoration: none;color: #2399e6;font-size: 15px;transition: background .2s;border: none;background: none;width: 100%;text-align: left;cursor: pointer;}.mobile-user-sheet-item:hover {background: rgba(35, 153, 230, 0.08);color: #57bdf5;}.mobile-user-sheet-item:active {background: #f3f4f6;}.mobile-user-sheet-icon {font-size: 20px;width: 24px;text-align: center;flex-shrink: 0;}.mobile-user-sheet-label {flex: 1;font-weight: 500;}.mobile-user-sheet-divider {height: 1px;background: #4fa8dc;margin: 8px 0;}}.logo img {display: block;}.search {flex: 1;position: relative;display: flex;align-items: center;gap: 0;background: #fff;border: 1.5px solid #4fa8dc;border-radius: 12px;padding: 0 16px;height: 38px;transition: all 0.3s ease;}.search:focus-within {border-color: #1268a8;box-shadow: 0 0 0 3px rgba(145, 216, 255, 0.25);}.search input {flex: 1;border: none;outline: none;background: transparent;font-size: 15px;padding: 0 12px;height: 100%;color: #3d3a34;}.search input::placeholder {color: #9ca3af;}.search-icon-btn {background: transparent;border: none;padding: 0;display: flex;align-items: center;justify-content: center;cursor: pointer;color: #787266;transition: color 0.2s ease;flex-shrink: 0;}.search-icon-btn:hover {color: #c9ecff;}.search-suggest {position: absolute;left: 0;right: 0;top: 100%;background: #fff;border: 1px solid var(--border);border-radius: var(--radius);padding: 8px 0;box-shadow: 0 8px 20px rgba(0, 0, 0, .08);margin-top: 4px;font-size: 14px;max-height: 260px;overflow: auto;}.search-suggest div {padding: 6px 12px;cursor: pointer;}.search-suggest div:hover {background: var(--gray-100);}.nav-actions {display: flex;gap: 10px;align-items: center;}.icon-btn, .login-btn {background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(249, 250, 251, 0.9));border: 1px solid rgba(228, 231, 235, 0.6);padding: 8px 12px;border-radius: var(--radius);cursor: pointer;font-size: 14px;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);height: 38px;position: relative;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(255, 255, 255, 0.5) inset;backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);}.icon-btn:hover, .login-btn:hover {background: linear-gradient(135deg, rgba(249, 250, 251, 1), rgba(243, 244, 246, 0.95));border-color: rgba(209, 213, 219, 0.8);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(255, 255, 255, 0.6) inset;transform: translateY(-1px);}.cart-indicator, .compare-indicator {position: relative;}.badge {background: linear-gradient(135deg, #57bdf5, #2399e6);color: #fff;font-size: 10.5px;font-weight: 600;padding: 2px 6px;border-radius: 999px;position: absolute;top: -6px;right: -6px;min-width: 18px;height: 18px;display: flex;align-items: center;justify-content: center;box-shadow: 0 2px 8px rgba(35, 153, 230, 0.55), 0 0 0 2px #fff, 0 0 12px -2px rgba(35, 153, 230, 0.75);transition: all 0.3s ease;}.icon-btn:hover .badge {transform: scale(1.08);box-shadow: 0 4px 12px rgba(35, 153, 230, 0.5), 0 0 0 2px #fff, 0 0 16px -2px rgba(87, 189, 245, 0.6);}.badge.is-empty {display: none;}.user-menu {position: relative;}.user-dropdown {position: absolute;top: calc(100% + 8px);right: 0;background: #fff;border: 1px solid var(--border);border-radius: 12px;box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);min-width: 200px;padding: 8px 0;z-index: 9999;}.user-dropdown:not([hidden]) {display: block !important;visibility: visible !important;opacity: 1 !important;}@media (max-width:640px) {.user-dropdown:not([hidden]) {position: fixed !important;z-index: 9999 !important;top: 60px !important;right: 16px !important;}}.dropdown-item {display: flex;align-items: center;gap: 12px;padding: 10px 16px;text-decoration: none;color: var(--gray-700);font-size: 14px;transition: var(--transition);border: none;background: none;width: 100%;text-align: left;cursor: pointer;}.dropdown-item:hover {background: var(--gray-100);color: var(--gray-900);}.dropdown-icon {font-size: 16px;opacity: 0.7;}.dropdown-separator {height: 1px;background: var(--border);margin: 8px 0;}.login-btn.logged-in {background: linear-gradient(135deg, rgba(255, 245, 230, 0.8), rgba(255, 231, 204, 0.6));border: 1px solid rgba(26, 242, 231, 0.2);color: var(--brand-700);max-width: 200px;display: inline-flex;align-items: center;gap: 10px;padding: 4px 12px 4px 4px;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position: relative;overflow: hidden;box-shadow: 0 1px 3px rgba(26, 242, 231, 0.08), 0 0 0 1px rgba(255, 255, 255, 0.5) inset, 0 0 12px -6px rgba(26, 242, 231, 0.1);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);}.login-btn.logged-in::before {content: '';position: absolute;top: 50%;left: 0;width: 32px;height: 32px;background: radial-gradient(circle, rgba(26, 242, 231, 0.15), transparent 70%);transform: translateY(-50%);opacity: 0;transition: opacity 0.3s ease;}.login-btn.logged-in:hover::before {opacity: 1;}.login-btn.logged-in .user-avatar {width: 32px;height: 32px;border-radius: 50%;background: linear-gradient(135deg, #FFEAA5 0%, #2399e6 50%, #1268a8 100%);color: #06213a;font-size: 11.5px;font-weight: 700;display: flex;align-items: center;justify-content: center;flex-shrink: 0;letter-spacing: 0.3px;position: relative;box-shadow: 0 2px 8px rgba(35, 153, 230, 0.3), 0 1px 3px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.6);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.login-btn.logged-in .user-avatar::before {content: '';position: absolute;inset: -2px;border-radius: 50%;padding: 2px;background: linear-gradient(135deg, #2399e6, #c9ecff, #2399e6);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);mask-composite: exclude;opacity: 0;transition: opacity 0.3s ease;}.login-btn.logged-in:hover .user-avatar::before {opacity: 1;}.login-btn.logged-in:hover .user-avatar {transform: scale(1.08) rotate(-3deg);box-shadow: 0 4px 12px rgba(35, 153, 230, 0.45), 0 2px 6px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.6);}.login-btn.logged-in .login-text {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;flex: 1;min-width: 0;font-weight: 500;font-size: 14px;transition: color 0.2s ease;}.login-btn.logged-in:hover .login-text {color: #57bdf5;}.login-btn.logged-in:hover {background: linear-gradient(135deg, rgba(255, 245, 230, 0.95), rgba(255, 231, 204, 0.85));border-color: rgba(26, 242, 231, 0.3);box-shadow: 0 4px 16px -4px rgba(26, 242, 231, 0.25), 0 0 0 1px rgba(26, 242, 231, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.05);transform: translateY(-1px);}@media (min-width: 761px) {.mega-cats-wrapper {display: contents;}.mega-cats-fade {display: none !important;}}.mega-cats {display: flex;gap: 5px;scrollbar-width: none;position: relative;z-index: 510;overflow-x: auto;-webkit-overflow-scrolling: touch;flex: 1;}.mega-cats::-webkit-scrollbar {display: none;}.mega-cats a {text-decoration: none;font-size: 14px;color: var(--gray-700);padding: 6px 10px;border-radius: 6px;white-space: nowrap;transition: var(--transition);}.mega-cats a:hover {background: #f4efe2;color: #57bdf5;}.mega-cats-more {position: relative;display: flex;align-items: center;}.mega-cats-more.active>.mega-more-btn {background: #57bdf5;color: #fff;}.mega-more-btn {cursor: pointer;border: none;background: var(--gray-100, #f5f5f5);color: var(--gray-700, #333);padding: 6px 12px;font-size: 16px;line-height: 1;border-radius: 6px;display: flex;align-items: center;justify-content: center;transition: var(--transition);}.mega-more-btn:hover {background: #f4efe2;color: #57bdf5;}.mega-more-dropdown {position: absolute;top: 100%;right: 0;margin-top: 8px;background: #fff;border: 1px solid var(--gray-200, #e3e6e9);border-radius: 10px;padding: 12px 14px 14px;min-width: 400px;max-width: 520px;max-height: 420px;box-shadow: 0 12px 32px -8px rgba(25, 40, 65, .25);z-index: 3000;}.mega-more-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));gap: 8px 10px;overflow-x: hidden;max-height: 380px;overscroll-behavior: contain;scrollbar-width: thin;}.mega-more-grid::-webkit-scrollbar {width: 6px;}.mega-more-grid::-webkit-scrollbar-thumb {background: var(--gray-300, #c7ccd1);border-radius: 3px;}.mega-more-grid a.active {background: #57bdf5;color: #fff;font-weight: 600;}.hero {background: linear-gradient(135deg, var(--brand-50), #fff);}.hero-inner {display: grid;grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));gap: 48px;align-items: center;}.hero-text h1 {font-size: 48px;line-height: 1.1;margin: 0;font-weight: 600;font-family: "Poppins", sans-serif;}.hero-text .text-brand {color: #1268a8;}.lead {font-size: 18px;color: var(--gray-700);margin-top: 16px;}.hero-cta {margin-top: 28px;display: flex;gap: 16px;}.hero-bullets {margin-top: 28px;display: flex;gap: 28px;font-size: 14px;color: var(--gray-600);}.hero-box {background: #fff;padding: 10px;border-radius: 16px;box-shadow: 0 4px 18px rgba(0, 0, 0, .08);display: flex;align-items: center;justify-content: center;}.hero-box img {border-radius: 10px;}@media (max-width:680px) {.hero-inner {gap: 25px;}}.usp-section {position: relative;background: linear-gradient(180deg, #FFFDFB 0%, #FFFFFF 60%);border-top: 1px solid var(--border);border-bottom: 1px solid var(--border);padding: 10px 0 10px;}.usp-list {list-style: none;margin: 0;padding: 0;display: grid;gap: 26px;}.usp-list.variant-soft {grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));}.usp-item {display: flex;gap: 16px;align-items: flex-start;background: #fff;padding: 18px 18px 18px 16px;border: 1px solid rgba(226, 226, 226, 0.7);border-radius: 18px;position: relative;overflow: hidden;isolation: isolate;box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .04), 0 6px 18px -6px rgba(0, 0, 0, .08);transition: .35s cubic-bezier(.16, .8, .32, 1);}.usp-item::before {content: "";position: absolute;inset: 0;background: radial-gradient(circle at 18% 22%, rgba(35, 153, 230, 0.22), transparent 60%);opacity: .65;transition: .5s;z-index: -1;}.usp-item:hover {transform: translateY(-6px);box-shadow: 0 10px 26px -8px rgba(0, 0, 0, .15), 0 3px 8px -2px rgba(0, 0, 0, .08);border-color: rgba(35, 153, 230, 0.5);}.usp-item:hover::before {background: radial-gradient(circle at 70% 40%, rgba(26, 242, 231, .22), transparent 65%);}.usp-icon {flex: 0 0 56px;width: 56px;height: 56px;border-radius: 16px;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, #ffeaa7 0%, #2399e6 100%);position: relative;box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .6), 0 4px 10px -3px rgba(0, 0, 0, .15);transition: .45s;}.usp-item:hover .usp-icon {transform: rotate(-4deg) scale(1.06);box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .8), 0 6px 14px -4px rgba(0, 0, 0, .20);}.usp-icon svg {width: 28px;height: 28px;display: block;filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .18));}.usp-text h3 {font-size: 15px;font-weight: 600;margin: 2px 0 6px;letter-spacing: .2px;}.usp-text p {font-size: 13px;line-height: 1.3;margin: 0;color: var(--gray-600);}@media (max-width:680px) {.usp-section {padding: 5px 0 5px;margin-bottom: 0.75rem;}.usp-item {padding: 16px 14px;}.usp-icon {width: 50px;height: 50px;border-radius: 14px;}.usp-text h3 {font-size: 14px;margin-bottom: 4px;}.usp-text p {font-size: 12.5px;}.usp-list {gap: 10px;}}.flash {padding: 50px 0 30px;background: #fff;}.flash-head {display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;}.flash-head h2 {margin: 0;font-size: 24px;font-family: "Poppins";}.flash .countdown {font-family: monospace;background: #111;color: #fff;padding: 8px 14px;border-radius: 8px;font-size: 16px;letter-spacing: 1px;}.flash-scroll {display: flex;gap: 16px;overflow-x: auto;padding-bottom: 6px;scrollbar-width: none;}.flash-scroll::-webkit-scrollbar {display: none;}.products {padding: 60px 0;background: #fff;}.products-head {display: flex;justify-content: space-between;align-items: center;margin-bottom: 24px;flex-wrap: wrap;gap: 16px;}.products-head h2 {margin: 0;font-size: 24px;font-family: "Poppins";}.product-filters input {padding: 8px 12px;border: 1px solid var(--border);border-radius: 8px;font-size: 14px;width: 220px;}.product-grid {display: grid;gap: 24px;grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));}.prod-card {background: #fff;border: 1px solid var(--border);padding: 12px;border-radius: 12px;position: relative;display: flex;flex-direction: column;transition: var(--transition);}.prod-card.small {min-width: 160px;}.prod-card:hover {box-shadow: 0 8px 20px rgba(0, 0, 0, .12);transform: translateY(-3px);}.prod-card .img-box {background: var(--gray-100);border-radius: 10px;aspect-ratio: 1/1;display: flex;align-items: center;justify-content: center;overflow: hidden;}.prod-card .img-box img {width: 100%;height: 100%;object-fit: contain;transition: var(--transition);}.prod-card:hover .img-box img {transform: scale(1.04);}.prod-card .name {font-size: 13.5px;font-weight: 500;margin: 10px 0 6px;min-height: 36px;line-height: 1.3;}.price {display: flex;gap: 6px;align-items: center;flex-wrap: wrap;}.price strong {color: #57bdf5;font-size: 14px;}.price .old {font-size: 11px;color: var(--gray-500);text-decoration: line-through;}.tag.discount {position: absolute;top: 8px;left: 8px;background: #48e5d8;color: #fff;font-size: 11px;padding: 4px 6px;border-radius: 6px;font-weight: 600;}.btn {border: none;cursor: pointer;font-weight: 500;font-size: 14px;padding: 12px 22px;border-radius: 10px;background: var(--gray-900);color: #fff;transition: var(--transition);text-decoration: none;text-align: center;display: inline-flex;align-items: center;justify-content: center;gap: 6px;}.btn:hover {background: #000;}.btn-primary {background: #1268a8;}.btn-primary:hover {background: #2399e6;}.btn-outline {background: #fff;color: var(--gray-900);border: 1px solid var(--border);}.btn-outline:hover {background: var(--gray-100);}.btn-sm {padding: 8px 14px;font-size: 13px;}.btn-mini {padding: 6px 10px;font-size: 12px;}.add-cart {margin-top: auto;background: #1268a8;color: #1A1A1A;}.add-cart:hover {background: #57bdf5;}.site-footer.footer-compact .ft-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 30px 40px;align-items: start;}.site-footer.footer-compact .ft-top {padding: 42px 0 26px;}.site-footer.footer-compact .ft-title {margin: 0 0 14px;font-size: 14px;letter-spacing: .8px;text-transform: uppercase;font-weight: 600;color: #82b1c9;}.site-footer.footer-compact .ft-desc, .site-footer.footer-compact .ft-text {margin: 0 0 16px;font-size: 13.5px;line-height: 1.45;color: #c9ecff;max-width: 330px;text-shadow: 0 0 4px #1268a8, 0 0 12px rgba(35, 153, 230, 0.8), 0 0 20px rgba(35, 153, 230, 0.4);}.site-footer.footer-compact .ft-desc.sm-gap {margin-top: 18px;}.site-footer.footer-compact svg {width: 20px;height: 20px;flex: 0 0 20px;display: inline-block;}.site-footer.footer-compact .ft-social svg {width: 18px;height: 18px;}.site-footer.footer-compact .ft-wa-btn svg {width: 18px;height: 18px;}svg {max-width: 100%;}.site-footer.footer-compact svg {width: 20px !important;height: 20px !important;}.site-footer.footer-compact .ft-links {list-style: none;margin: 0 0 12px;padding: 0;display: flex;flex-direction: column;gap: 4px;}.site-footer.footer-compact .ft-links li {margin: 0;}.site-footer.footer-compact .ft-links a {display: flex;align-items: center;gap: 8px;font-size: 13.5px;padding: 5px 2px;text-decoration: none;color: #c9ecff;border-radius: 8px;transition: .25s;text-shadow: 0 0 4px #1268a8, 0 0 10px rgba(35, 153, 230, 0.7);}.site-footer.footer-compact .ft-links a:hover {background: rgba(255, 255, 255, .06);padding-left: 6px;color: #fff;}.site-footer.footer-compact .ico-s {width: 24px;height: 24px;background: #1a1a1a;color: #2399e6;border-radius: 6px;display: flex;align-items: center;justify-content: center;flex: 0 0 24px;font-size: 12px;transition: .3s;}.site-footer.footer-compact .ft-links a:hover .ico-s {background: #1268a8;color: #1A1A1A;transform: rotate(-4deg);}.site-footer.footer-compact .ft-wa-btn {display: inline-flex;align-items: center;gap: 8px;background: linear-gradient(135deg, #2399e6 0%, #1268a8 100%);color: #111111;padding: 8px 18px;font-size: 13.5px;border-radius: 22px;font-weight: 600;text-decoration: none;box-shadow: 0 4px 12px -3px rgba(18, 104, 168, 0.4);transition: .25s;}.site-footer.footer-compact .ft-wa-btn:hover {background: linear-gradient(135deg, #ffe066 0%, #2399e6 100%);box-shadow: 0 6px 16px -3px rgba(18, 104, 168, 0.6);transform: translateY(-1px);}.site-footer.footer-compact .ft-wa-btn:hover {transform: translateY(-2px);box-shadow: 0 6px 14px -6px rgba(0, 0, 0, .55);}.site-footer.footer-compact .ft-social {display: flex;gap: 12px;margin-top: 4px;}.site-footer.footer-compact .ft-social a {width: 34px;height: 34px;background: rgba(255, 255, 255, .08);display: flex;align-items: center;justify-content: center;border-radius: 10px;color: #c6d6e0;transition: .25s;}.site-footer.footer-compact .ft-social a:hover {background: #1268a8;color: #1A1A1A;}.site-footer.footer-compact .ft-address {font-size: 12.5px;line-height: 1.44;color: #8fa4b1;max-width: 330px;margin-top: 12px;}.site-footer.footer-compact .ft-address .company {margin: 0 0 4px;font-weight: 600;color: #e5f2f7;font-size: 12.8px;}.site-footer.footer-compact .ft-payments {margin-top: 14px;display: flex;flex-direction: column;gap: 8px;max-width: 350px;}.site-footer.footer-compact .ft-payments .pay-row {display: flex;gap: 8px;flex-wrap: wrap;}.site-footer.footer-compact .ft-payments img {width: 46px;height: 32px;padding: 3px 5px;background: #fff;border-radius: 7px;object-fit: contain;box-shadow: 0 2px 6px -3px rgba(0, 0, 0, .45);transition: .25s;}.site-footer.footer-compact .ft-payments img:hover {transform: translateY(-3px);box-shadow: 0 5px 12px -6px rgba(0, 0, 0, .55);}.site-footer.footer-compact .ft-bottom {border-top: 1px solid rgba(255, 255, 255, .08);background: #041f31;padding: 12px 0 16px;margin-top: 4px;}.site-footer.footer-compact .ft-copy {font-size: 11.5px;color: #8fa7b5;display: flex;flex-wrap: wrap;gap: 12px;justify-content: center;line-height: 1.3;margin: 0;}.site-footer.footer-compact .ft-copy span {position: relative;padding: 0 10px;}.site-footer.footer-compact .ft-copy span+span:before {content: "";position: absolute;left: 0;top: 50%;width: 1px;height: 12px;background: rgba(255, 255, 255, .14);transform: translateY(-50%);}@media (max-width:580px) {.site-footer.footer-compact .ft-top {padding: 34px 0 18px;}.site-footer.footer-compact .ft-grid {gap: 26px 20px;}.site-footer.footer-compact .ft-copy span {padding: 0;}.site-footer.footer-compact .ft-copy span+span:before {display: none;}}.copy {margin-top: 40px;border-top: 1px solid #222;text-align: center;padding: 18px 0;font-size: 12px;color: #666;}@media (max-width:760px) {.hero-text h1 {font-size: 38px;}.hero {padding: 0px 0 30px;}.topbar-inner {flex-direction: column;gap: 4px;padding: 6px 0;}.nav-inner {flex-wrap: wrap;}.mega-cats {gap: 10px;}.product-grid {gap: 16px;}.prod-card {padding: 10px;}}.site-footer.footer-compact {--ft-bg-0: #0a0a0a;--ft-bg-1: #111111;--ft-bg-2: #1a160d;--ft-bg-3: #2c2414;--ft-orange: #1268a8;--ft-orange-dark: #2399e6;--ft-text: #fdfbf7;--ft-text-sec: #e5dec9;--ft-text-muted: #a69c83;--ft-divider: rgba(35, 153, 230, 0.1);--ft-glow: rgba(35, 153, 230, 0.18);--ft-glow-fade: rgba(35, 153, 230, 0);color: var(--ft-text);background: linear-gradient(135deg, #0b0b0b 0%, #141414 50%, #0a0a0a 100%);}.site-footer.footer-compact .ft-title {color: #2399e6;}.site-footer.footer-compact .ft-links a {color: var(--ft-text-sec);}.site-footer.footer-compact .ft-links a:hover {color: #fff;}.site-footer.footer-compact .ft-address {color: var(--ft-text-muted);}.site-footer.footer-compact .ft-copy {color: #3b83b4;}.site-footer.footer-compact .ico-s {background: #2a2005;color: #2399e6;}.site-footer.footer-compact .ft-links a:hover .ico-s {background: var(--ft-orange);color: #fff;}.site-footer.footer-compact .ft-wa-btn {box-shadow: 0 4px 12px -5px rgba(0, 0, 0, .6), 0 0 0 3px rgba(255, 255, 255, 0.05);}.site-footer.footer-compact .ft-wa-btn:hover {box-shadow: 0 8px 20px -8px rgba(0, 0, 0, .65), 0 0 0 3px rgba(35, 153, 230, 0.35);}.site-footer.footer-compact .ft-payments img {box-shadow: 0 2px 6px -3px rgba(0, 0, 0, .55), 0 0 0 1px rgba(255, 255, 255, 0.05);}.site-footer.footer-compact .ft-payments img:hover {box-shadow: 0 6px 14px -6px rgba(0, 0, 0, .65), 0 0 0 1px rgba(35, 153, 230, 0.5);}.site-footer.footer-compact.variant-ember {background: radial-gradient(circle at 78% 82%, var(--ft-glow) 0%, var(--ft-glow-fade) 55%), linear-gradient(140deg, var(--ft-bg-1) 0%, var(--ft-bg-2) 55%, var(--ft-bg-0) 100%);}.site-footer.footer-compact.variant-ember .ft-bottom {background: rgba(0, 0, 0, 0.25);backdrop-filter: blur(2px);}.site-footer.footer-compact.variant-bar {background: var(--ft-bg-1);position: relative;}.site-footer.footer-compact.variant-bar::before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 3px;background: linear-gradient(90deg, var(--ft-orange-dark), var(--ft-orange));box-shadow: 0 0 12px -2px var(--ft-orange);}.site-footer.footer-compact.variant-bar .ft-bottom {background: #041c28;}.site-footer.footer-compact.variant-radial {background: radial-gradient(circle at 70% 90%, rgba(35, 153, 230, 0.18) 0%, rgba(35, 153, 230, 0.04) 38%, rgba(35, 153, 230, 0) 65%), linear-gradient(150deg, #0a0a0a 0%, #141414 50%, #050505 100%);}.site-footer.footer-compact.variant-radial .ft-bottom {background: #041c29;}.site-footer.footer-compact.variant-stripes {background: repeating-linear-gradient(180deg, rgba(255, 255, 255, 0.015) 0 38px, rgba(255, 255, 255, 0) 38px 76px), linear-gradient(130deg, #0a0a0a 0%, #141414 60%, #050505 100%);position: relative;}.site-footer.footer-compact.variant-stripes::after {content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 110px;background: linear-gradient(0deg, rgba(0, 0, 0, .35), rgba(0, 0, 0, 0));pointer-events: none;}.site-footer.footer-compact.variant-stripes .ft-bottom {background: #031821;}.site-footer.footer-compact.variant-stripes .ft-bottom {position: relative;}.site-footer.footer-compact.variant-stripes .ft-bottom::before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 2px;background: linear-gradient(90deg, rgba(170, 132, 42, 0), rgba(170, 132, 42, 0.65), rgba(170, 132, 42, 0));}.site-footer.footer-compact.variant-glass {background: linear-gradient(145deg, #051c29 0%, #041620 65%, #03121b 100%);}.site-footer.footer-compact.variant-glass .ft-grid {position: relative;padding: 32px clamp(10px, 2vw, 24px);border-radius: 22px;background: linear-gradient(140deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02));border: 1px solid rgba(255, 255, 255, 0.08);box-shadow: 0 12px 28px -12px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.04) inset;backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);}.site-footer.footer-compact.variant-glass .ft-bottom {background: #02141d;}.site-footer.footer-compact a {transition: color .25s, background .25s, box-shadow .25s;}.site-footer.footer-compact .ft-links a:hover {box-shadow: 0 2px 6px -3px rgba(0, 0, 0, .5), 0 0 0 1px rgba(26, 242, 231, 0.55);}.site-footer.footer-compact .ft-social a {background: #0E3445;color: #bcd4dd;}.site-footer.footer-compact .ft-social a:hover {background: var(--ft-orange);color: #fff;box-shadow: 0 0 0 3px rgba(26, 242, 231, 0.28);}.footer-divider-top {height: 1px;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent);width: 100%;margin: 0 0 4px;}.ft-collapsible-content {display: contents;}@media (max-width: 768px) {.ft-top.ft-collapsible .ft-collapsible-content {display: block;max-height: 80px;overflow: hidden;position: relative;transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);}.ft-top.ft-collapsible .ft-collapsible-content::after {content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 70px;background: linear-gradient(to bottom, transparent 0%, rgba(35, 153, 230, 0.35) 40%, #2399e6 100%);pointer-events: none;opacity: 1;transition: opacity 0.3s ease;z-index: 1;}.ft-top.ft-collapsible.expanded .ft-collapsible-content {max-height: 1500px;}.ft-top.ft-collapsible.expanded .ft-collapsible-content::after {opacity: 0;}.ft-expand-btn {display: flex;align-items: center;justify-content: center;gap: 8px;width: 100%;margin: -8px 0 0;padding: 12px 20px;background: rgba(255, 255, 255, 0.12);border: 1px solid rgba(255, 255, 255, 0.25);border-radius: 10px;color: #e5f2f7;font-size: 13.5px;font-weight: 500;cursor: pointer;transition: all 0.3s ease;outline: none;position: relative;z-index: 10;}.ft-expand-btn:hover {background: rgba(255, 255, 255, 0.18);border-color: rgba(255, 255, 255, 0.35);color: #fff;transform: translateY(-2px);}.ft-expand-btn:active {transform: scale(0.98);}.ft-expand-btn svg {width: 18px;height: 18px;transition: transform 0.3s ease;fill: currentColor;}.ft-top.ft-collapsible.expanded .ft-expand-btn {margin-top: 15px;}.ft-top.ft-collapsible.expanded .ft-expand-btn svg {transform: rotate(180deg);}}@media (min-width: 769px) {.ft-expand-btn {display: none !important;}}@media (max-width:640px) {.site-footer.footer-compact.variant-glass .ft-grid {padding: 26px 18px;}}

/* CSS block 2 */
:root{--nava-orange:#57bdf5;--nava-orange-dark:#c4a300;--nava-orange-deep:#7a6600;--nava-gold:#91d8ff;--nava-gold-soft:#ffe066;--nava-cream:#eaf8ff;--nava-cream-2:#ffd77a;--nava-surface:#121100;--nava-text:#eaf8ff;--nava-text-soft:#91d8ff;--nava-border:#57bdf5;--nava-shadow: 0 12px 32px rgba(255, 213, 0,.18);--brand-50:#1a0000;--brand-100:#2a0000;--brand-500:#57bdf5;--brand-600:#2399e6;--gray-900:#eaf8ff;--gray-700:#bfe8ff;--gray-500:#c8a05a;--gray-300:#7a2a00;--gray-100:#1b0000;--border:#5c3a00;}body{background: radial-gradient(circle at top,#2a0000 0%,#0a0000 60%,#000000 100%);color:#eaf8ff;}.navbar{background: linear-gradient( 135deg, rgba(20,0,0,.96) 0%, rgba(40,0,0,.94) 100% );border-bottom:1px solid rgba(255, 213, 0, 0.25);box-shadow: 0 2px 18px rgba(255, 213, 0,.15);}.navbar::after{background: linear-gradient( 90deg, transparent 0%, #57bdf5 20%, #91d8ff 50%, #57bdf5 80%, transparent 100% );opacity:.95;}.mega-cats a{color:#bfe8ff;}.mega-cats a:hover{background:rgba(255, 213, 0,.15);color:#91d8ff;}.search{background:#170000;border:1.5px solid #57bdf5;box-shadow: 0 0 10px rgba(255, 213, 0,.18);}.search:focus-within{border-color:#91d8ff;box-shadow: 0 0 0 3px rgba(255,242,0,.16), 0 0 20px rgba(255, 213, 0,.22);}.search input{color:#eaf8ff;}.search input::placeholder{color:#57bdf5;}.search-icon-btn{color:#2399e6;}.search-icon-btn:hover{color:#91d8ff;}.btn, .btn-primary, .add-cart{background: linear-gradient( 180deg, #91d8ff 0%, #2399e6 45%, #57bdf5 100% );color:#1a0000 !important;border:1px solid #91d8ff;box-shadow: 0 0 15px rgba(255, 213, 0,.35), inset 0 1px 0 rgba(255,255,255,.4);text-shadow:none;}.btn:hover, .btn-primary:hover, .add-cart:hover{background: linear-gradient( 180deg, #fff89b 0%, #ffb300 45%, #ffa600 100% );transform:translateY(-1px);}.prod-card, .usp-item, .hero-box{background: linear-gradient( 180deg, rgba(30,0,0,.95), rgba(15,0,0,.96) );border:1px solid rgba(255, 213, 0,.22);box-shadow: 0 6px 22px rgba(255, 213, 0,.12);}.prod-card:hover, .usp-item:hover{border-color:#91d8ff;box-shadow: 0 10px 28px rgba(255, 213, 0,.28);}.hero-text h1, .products-head h2, .flash-head h2{color:#91d8ff;text-shadow: 0 0 12px rgba(255,242,0,.35), 0 0 20px rgba(255, 213, 0,.18);}.hero-text .text-brand{color:#57bdf5;}.price strong{color:#91d8ff;}.tag.discount{background: linear-gradient( 180deg, #91d8ff, #57bdf5 );color:#1a0000;}.usp-icon{background: linear-gradient( 135deg, #91d8ff 0%, #2399e6 50%, #57bdf5 100% );box-shadow: 0 0 14px rgba(255, 213, 0,.28);}.site-footer.footer-compact{background: linear-gradient( 135deg, #050300 0%, #180000 50%, #050300 100% );color:#eaf8ff;}.site-footer.footer-compact .ft-title{color:#91d8ff;}.site-footer.footer-compact .ft-links a{color:#bfe8ff;}.site-footer.footer-compact .ft-links a:hover{color:#91d8ff;}.site-footer.footer-compact .ft-copy{color:#57bdf5;}.site-footer.footer-compact .ft-wa-btn{background: linear-gradient( 135deg, #91d8ff, #2399e6, #57bdf5 );color:#1a0000;box-shadow: 0 0 18px rgba(255, 213, 0,.28);}.topbar{background:#121100;border-bottom:1px solid rgba(255, 213, 0,.2);}.icon-btn, .login-btn{background: linear-gradient( 135deg, rgba(35, 24, 0, 0.96), rgba(18,0,0,.94) );border:1px solid rgba(255, 213, 0,.25);color:#eaf8ff;}.icon-btn:hover, .login-btn:hover{border-color:#91d8ff;box-shadow: 0 0 16px rgba(255, 213, 0,.22);}

/* CSS block 3 */
:root{--nava-orange:#57bdf5;--nava-orange-dark:#d1ae00;--nava-orange-deep:#7a6600;--nava-gold:#91d8ff;--nava-gold-soft:#ffe066;--nava-text:#eaf8ff;--nava-text-soft:#91d8ff;--nava-border:#57bdf5;}.bottom-nav{background: linear-gradient( 180deg, #140000 0%, #0b0000 100% );border-top:1px solid rgba(255, 213, 0,.45);box-shadow: 0 -2px 14px rgba(255, 213, 0,.22);}.bottom-nav-item{color:#57bdf5;}.bottom-nav-item:hover{color:#91d8ff;}.bottom-nav-item.active{background: linear-gradient( 135deg, #91d8ff 0%, #2399e6 50%, #57bdf5 100% );color:#1a0000;box-shadow: 0 0 14px rgba(255, 213, 0,.35), inset 0 1px 0 rgba(255,255,255,.45);}.bottom-nav-item-icon{filter: drop-shadow(0 0 6px rgba(255, 213, 0,.25));}.bottom-nav-item-label{font-weight:700;text-shadow: 0 0 4px rgba(255,255,255,.2);}.bottom-nav-avatar-initials{background: linear-gradient( 135deg, #91d8ff 0%, #2399e6 50%, #57bdf5 100% );color:#1a0000;box-shadow: 0 0 10px rgba(255, 213, 0,.28);}.bottom-nav-item.active .bottom-nav-avatar-initials{background:#ffffff;color:#57bdf5;border:2px solid rgba(255,255,255,.9);box-shadow: 0 0 10px rgba(255,255,255,.4);}.bottom-nav-item-badge{background: linear-gradient( 180deg, #91d8ff, #57bdf5 );color:#1a0000;font-weight:700;box-shadow: 0 0 10px rgba(255, 213, 0,.35);}.mobile-user-sheet-content{background: linear-gradient( 180deg, #180000 0%, #0a0000 100% );border-top: 1px solid rgba(255, 213, 0,.35);box-shadow: 0 -6px 20px rgba(255, 213, 0,.25);}.mobile-user-sheet-handle{background: linear-gradient( 90deg, #57bdf5, #91d8ff, #57bdf5 );border-radius:20px;box-shadow: 0 0 10px rgba(255, 213, 0,.35);}.mobile-user-sheet-header{border-bottom: 1px solid rgba(255, 213, 0,.22);}.mobile-user-avatar{background: linear-gradient( 135deg, #91d8ff 0%, #2399e6 50%, #57bdf5 100% );color:#1a0000;box-shadow: 0 0 16px rgba(255, 213, 0,.28);}.mobile-user-name{color:#91d8ff;text-shadow: 0 0 8px rgba(255,242,0,.25);}.mobile-user-email{color:#57bdf5;}.mobile-user-sheet-item{color:#bfe8ff;transition:.25s;}.mobile-user-sheet-item:hover{background: rgba(255, 213, 0,.08);color:#91d8ff;}.mobile-user-sheet-icon{color:#2399e6;filter: drop-shadow(0 0 6px rgba(255, 213, 0,.2));}.mobile-user-sheet-divider{background: linear-gradient( 90deg, transparent, rgba(255, 213, 0,.45), transparent );}@media (max-width:640px){.chat-popup{box-shadow: 0 0 24px rgba(255, 213, 0,.28);}}

/* CSS block 4 */
:root{--nava-orange:#57bdf5;--nava-orange-dark:#c4a300;--nava-orange-deep:#7a6600;--nava-gold:#91d8ff;--nava-gold-soft:#ffe066;--nava-cream:#1a0000;--nava-cream-2:#240000;--nava-surface:#121100;--nava-text:#eaf8ff;--nava-text-soft:#91d8ff;--nava-border:#57bdf5;--nava-shadow: 0 12px 32px rgba(255, 213, 0,.18);}.search{position:relative;}.ai-bot-toggle{background:transparent;border:none;transition:.3s;}.ai-bot-toggle .bot-icon{color:#2399e6;filter: drop-shadow(0 0 4px rgba(255, 213, 0,.25));}.ai-bot-toggle:hover .bot-icon{color:#91d8ff;transform:scale(1.08);}.ai-bot-toggle.active{background: rgba(255, 213, 0,.12);border-radius:10px;box-shadow: 0 0 12px rgba(255, 213, 0,.22);}.ai-bot-toggle.active .bot-icon{color:#91d8ff;}.search-suggest{background: linear-gradient( 180deg, #160000 0%, #0b0000 100% );border:1px solid rgba(255, 213, 0,.28);box-shadow: 0 8px 28px rgba(255, 213, 0,.18);color:#eaf8ff;}.suggest-item{border-bottom: 1px solid rgba(255, 213, 0,.12);transition:.25s;}.suggest-item:hover, .suggest-item.active{background: linear-gradient( 90deg, rgba(255, 213, 0,.12) 0%, rgba(255,200,0,.08) 100% );padding-left:20px;}.suggest-thumb{border: 1px solid rgba(255,242,0,.25);background:#220000;}.suggest-name{color:#eaf8ff;}.suggest-price{color:#91d8ff;text-shadow: 0 0 8px rgba(255,242,0,.22);}.suggest-ai-insight{background: linear-gradient( 135deg, rgba(255, 213, 0,.14) 0%, rgba(255,180,0,.08) 100% );border-bottom: 1px solid rgba(255, 213, 0,.25);color:#91d8ff;}.ai-progress-container{background: linear-gradient( 180deg, #1a0000, #0b0000 );}.ai-progress-icon{background: linear-gradient( 135deg, #91d8ff 0%, #2399e6 50%, #57bdf5 100% );color:#1a0000;box-shadow: 0 0 18px rgba(255, 213, 0,.35);}.ai-progress-title{color:#91d8ff;}.ai-progress-subtitle{color:#57bdf5;}.ai-progress-step{background: linear-gradient( 180deg, #180000, #100000 );border: 1px solid rgba(255, 213, 0,.22);}.ai-progress-step.active{border-color:#91d8ff;background: linear-gradient( 135deg, rgba(255, 213, 0,.14), rgba(255,200,0,.08) );box-shadow: 0 0 16px rgba(255, 213, 0,.22);}.ai-progress-step.completed{border-color:#2399e6;}.ai-progress-step.active .ai-step-icon{background:#91d8ff;color:#1a0000;}.ai-progress-step.completed .ai-step-icon{background:#2399e6;color:#1a0000;}.ai-progress-step.pending .ai-step-icon{background:#330000;color:#91d8ff;}.ai-step-text{color:#bfe8ff;}.ai-result-banner{background: linear-gradient( 135deg, rgba(255, 213, 0,.12), rgba(255,180,0,.08) );border-bottom: 1px solid rgba(255, 213, 0,.22);}.ai-result-title{color:#91d8ff;}.ai-result-description{color:#91d8ff;}.suggest-section-header{background: linear-gradient( 135deg, rgba(255, 213, 0,.12), rgba(255,180,0,.08) );border-bottom: 1px solid rgba(255, 213, 0,.18);}.suggest-header-text{color:#91d8ff;}.suggest-header-hint{color:#57bdf5;}.suggest-header-hint kbd, .suggest-footer-hint kbd{background:#220000;border: 1px solid rgba(255,242,0,.25);color:#91d8ff;box-shadow: 0 0 10px rgba(255, 213, 0,.15);}.suggest-footer-hint{background: linear-gradient( 135deg, rgba(20,0,0,.96), rgba(255, 213, 0,.08) );border-top: 1px solid rgba(255, 213, 0,.22);color:#bfe8ff;}.suggest-footer-link{color:#91d8ff;}.suggest-footer-link:hover{color:#ffffff;text-shadow: 0 0 10px rgba(255,242,0,.35);}.suggest-loading{color:#91d8ff;}.ai-search-prompt{background: linear-gradient( 180deg, #180000, #0b0000 );}.ai-prompt-icon{background: linear-gradient( 135deg, #91d8ff, #2399e6, #57bdf5 );color:#1a0000;box-shadow: 0 0 18px rgba(255, 213, 0,.28);}.ai-prompt-title{color:#91d8ff;}.ai-prompt-subtitle{color:#57bdf5;}.ai-prompt-query{background:#140000;border: 1px solid rgba(255, 213, 0,.28);}.ai-query-label{color:#91d8ff;}.ai-query-text{color:#eaf8ff;}.ai-search-trigger-btn{background: linear-gradient( 135deg, #91d8ff 0%, #2399e6 50%, #57bdf5 100% );color:#1a0000;box-shadow: 0 0 18px rgba(255, 213, 0,.35);}.ai-search-trigger-btn:hover{box-shadow: 0 0 24px rgba(255, 213, 0,.45);}.ai-prompt-footer{color:#57bdf5;}.search-suggest.trending-mode{border-top: 3px solid #91d8ff;}.trending-column.trending-searches{border-right: 1px solid rgba(255, 213, 0,.18);}.trending-header{background: linear-gradient( 135deg, #91d8ff 0%, #2399e6 50%, #57bdf5 100% );color:#1a0000;border-bottom: 1px solid rgba(255, 213, 0,.25);}.trending-subtitle{color:#2a0000;}.trending-item, .trending-product-item{border-bottom: 1px solid rgba(255, 213, 0,.12);}.trending-item:hover, .trending-product-item:hover{background: linear-gradient( 90deg, rgba(255, 213, 0,.12), rgba(255,200,0,.08) );}.trending-item:hover::before, .trending-product-item:hover::before{background: linear-gradient( 180deg, #91d8ff, #57bdf5 );}.trending-query, .trending-product-name{color:#eaf8ff;}.trending-category{background:#240000;border: 1px solid rgba(255,242,0,.22);color:#91d8ff;}.trending-product-thumb{border: 1px solid rgba(255,242,0,.18);background:#180000;}.trending-product-price{color:#91d8ff;}

/* CSS block 5 */
:root {--nava-orange: #daa520;--nava-orange-dark: #c59317;--nava-orange-deep: #a0760f;--nava-gold: #f9d967;--nava-gold-soft: #fdf0cd;--nava-cream: #eaf8ff;--nava-cream-2: #f9f2e5;--nava-surface: #fffdf8;--nava-text: #241c0b;--nava-text-soft: #6b5526;--nava-border: #e8dcbf;--nava-shadow: 0 12px 32px rgba(160, 118, 15, 0.12);}.product-single {--pd-gap: 2rem;--pd-radius: 12px;--pd-transition: .25s cubic-bezier(.4, .0, .2, 1);max-width: 1280px;margin-inline: auto;--pd-bg: #051722;--pd-border: rgba(35, 153, 230, 0.2);--pd-soft-border: rgba(145, 216, 255, 0.15);--pd-soft: #072534;--pd-dark: #E9F2F6;--pd-muted: #B8CAD3;--pd-accent: #1268a8;--pd-success-bg: rgba(35, 153, 230, 0.15);--pd-success-text: #1268a8;--pd-danger: #57bdf5;--pd-danger-bg: rgba(239, 68, 68, 0.1);--pd-danger-text: #f87171;--pd-shadow: 0 6px 25px -10px rgba(0, 0, 0, 0.6);}.pd-sticky-header {position: fixed;top: 0;left: 0;right: 0;z-index: 998;background: rgba(255, 255, 255, 0.98);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border-bottom: 1px solid rgba(226, 232, 240, 0.8);box-shadow: 0 4px 16px -4px rgba(0, 0, 0, 0.08);transform: translateY(-100%);opacity: 0;transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);pointer-events: none;}.pd-sticky-header.visible {transform: translateY(0);opacity: 1;pointer-events: auto;}.pd-sticky-header-container {max-width: 1280px;margin: 0 auto;padding: 12px 20px;display: flex;align-items: center;gap: 16px;}.pd-sticky-thumb {width: 48px;height: 48px;flex-shrink: 0;border-radius: 8px;border: 1px solid #c9ecff;overflow: hidden;background: #f4fbff;}.pd-sticky-thumb img {width: 100%;height: 100%;object-fit: cover;display: block;}.pd-sticky-info {flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 4px;}.pd-sticky-title {font-size: 0.9rem;font-weight: 600;color: #3b83b4;line-height: 1.3;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 0;}.pd-sticky-price-row {display: flex;align-items: center;gap: 8px;flex-wrap: wrap;}.pd-sticky-price {font-size: 1.1rem;font-weight: 700;color: #2399e6;line-height: 1;}.pd-sticky-price-original {font-size: 0.75rem;color: #A3842C;text-decoration: line-through;line-height: 1;}.pd-sticky-discount {background: #2399e6;color: #fff;font-size: 0.65rem;font-weight: 600;padding: 2px 6px;border-radius: 4px;letter-spacing: 0.3px;line-height: 1;}.pd-sticky-actions {display: flex;gap: 8px;flex-shrink: 0;align-items: center;}.pd-sticky-share-btn {padding: 8px 16px;border-radius: 8px;border: 1px solid #9fdcff;background: #fff;color: #57bdf5;cursor: pointer;transition: all 0.2s ease;display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;}.pd-sticky-share-btn:hover {background: #f4fbff;border-color: #2399e6;color: #8C6D3B;transform: translateY(-1px);}.pd-sticky-share-btn:active {transform: translateY(0);}.pd-sticky-share-btn svg {display: block;width: 16px;height: 16px;}.pd-sticky-btn-chat svg {width: 16px !important;height: 16px !important;max-width: none !important;margin-right: 4px;flex-shrink: 0;}.pd-sticky-btn {padding: 8px 16px;border-radius: 8px;font-size: 0.85rem;font-weight: 600;cursor: pointer;transition: all 0.2s ease;border: 0;display: inline-flex;align-items: center;justify-content: center;white-space: nowrap;}.pd-sticky-btn-cart {background: transparent;color: #1268a8;border: 1px solid #1268a8;transition: all 0.2s ease;}.pd-sticky-btn-cart:hover {background: rgba(145, 216, 255, 0.08);color: #c9ecff;}.pd-sticky-btn-chat {background: transparent;color: #b8cad3;border: 1px solid rgba(214, 175, 55, 0.3);flex: 0.8;transition: all 0.2s ease;}.pd-sticky-btn-chat:hover {background: rgba(214, 175, 55, 0.05);border-color: #1268a8;color: #1268a8;}.pd-sticky-btn-buy {background: #1268a8;color: #1a1a1a;border: 1px solid #1268a8;box-shadow: 0 4px 12px rgba(35, 153, 230, 0.35);transition: all 0.2s ease;}.pd-sticky-btn-buy:hover {filter: brightness(1.08);box-shadow: 0 6px 16px rgba(145, 216, 255, 0.45);}.pd-sticky-btn-buy:hover {filter: brightness(0.95);}.pd-sticky-btn:disabled {opacity: 0.5;cursor: not-allowed;}@media (max-width: 880px) {.pd-sticky-header {display: none;}}@media print {* {-webkit-print-color-adjust: exact !important;print-color-adjust: exact !important;}body {background: white !important;margin: 0;padding: 0;}nav, header, footer, nav *, header *, footer *, .navbar, .navbar *, .nav-item, .nav-link, .pd-sticky-header, .pd-sticky-header.visible, .pd-breadcrumb, .pd-sidebar, .pd-mobile-fab, .pd-share-btn, .pd-sticky-share-btn, #pd-share-btn, .share-button, [data-share-btn], button, .btn-add-cart, .btn-buy, .pd-actions, .pd-compare-section, .pd-compare-btn, .pd-compare-info, #pd-compare-btn, .compare-note, .compare-container, .compare-dropdown, .compare-panel, .compare-wrapper, [data-compare], [id*="compare"], [class*="compare"], .pd-thumb-gallery, .pd-installment-card, .pd-installment-card2, .inst-alt-banner--compact, .qoala-banner-card, .tradein-compact-card, .pwp-deals-section, #pwp-deals-section, .pwp-trigger-badge, .pd-related-full, .pd-scroll-top, .stock-info-btn, .stock-popover, .pd-countdown-modern, .pd-share-modal-overlay, [id*="promo-"], .bottom-nav, .pd-buy-form, .pd-buy-card, .pd-extra-meta, .pd-reviews-section, #reviews, hr, .divider, .separator {display: none !important;visibility: hidden !important;opacity: 0 !important;height: 0 !important;max-height: 0 !important;overflow: hidden !important;margin: 0 !important;padding: 0 !important;border: none !important;}.pd-info-card *, .pd-meta-inline *, .pd-variants * {border: none !important;border-top: none !important;border-bottom: none !important;}.product-single {max-width: 100% !important;margin: 0 !important;padding: 0 !important;box-shadow: none !important;}* {box-shadow: none !important;}.pd-top-layout {display: grid !important;grid-template-columns: 280px 1fr !important;gap: 24px !important;margin: 0 0 24px 0 !important;padding: 0 !important;page-break-inside: avoid;align-items: start !important;}.product-single::before {content: "" !important;display: block !important;width: 150px !important;height: 50px !important;background: url('/assets/img/logo.png') no-repeat center !important;background-size: contain !important;margin: 0 auto 20px !important;visibility: visible !important;opacity: 1 !important;}.pd-media-card {border: none !important;padding: 0 !important;margin: 0 !important;text-align: center;page-break-inside: avoid;}.pd-main-image {display: none !important;}.pd-mobile-slider {display: block !important;overflow: visible !important;}.pd-mslide {display: none !important;}.pd-mslide:first-child {display: block !important;border: 1px solid #c9ecff !important;max-width: 280px !important;margin: 0 auto !important;border-radius: 8px !important;}.pd-mslide:first-child img {max-height: 280px !important;width: 100% !important;height: auto !important;object-fit: contain !important;}.pd-info-card {border: none !important;border-top: none !important;border-bottom: none !important;padding: 0 !important;margin: 0 !important;background: white !important;box-shadow: none !important;}.pd-title-row {display: block !important;margin-bottom: 10px !important;border: none !important;border-top: none !important;border-bottom: none !important;padding: 0 !important;box-shadow: none !important;text-decoration: none !important;}.pd-title-row .pd-share-btn, .pd-title-row #pd-share-btn {display: none !important;}.pd-title {font-size: 13pt !important;color: #000 !important;margin: 0 0 10px 0 !important;page-break-after: avoid;font-weight: 700 !important;line-height: 1.3 !important;border: none !important;border-top: none !important;border-bottom: none !important;padding-bottom: 0 !important;box-shadow: none !important;text-decoration: none !important;}.pd-price-qr-container {display: flex !important;gap: 16px !important;align-items: flex-start !important;margin-bottom: 14px !important;box-shadow: none !important;border: none !important;text-decoration: none !important;}.pd-price-block {flex: 1 !important;margin: 0 !important;padding-bottom: 0 !important;border-bottom: none !important;box-shadow: none !important;}.pd-price-row {margin-bottom: 8px !important;border: none !important;border-top: none !important;border-bottom: none !important;padding: 0 !important;}.pd-price-row>span:empty, .pd-price-row>.sold-inline, #pd-sold-inline {display: none !important;}.pd-price-current {font-size: 18pt !important;color: #1268a8 !important;}.pd-price-current[data-price-range]::after {content: attr(data-price-range) !important;display: block !important;font-size: 11pt !important;color: #2399e6 !important;margin-top: 4px !important;font-weight: normal !important;}.pd-price-current[data-price-range]::after {content: attr(data-price-range) !important;}.pd-price-original {font-size: 12pt !important;color: #2399e6 !important;}.pd-discount-badge {font-size: 10pt !important;padding: 2px 6px !important;}.pd-qr-print {display: block !important;flex: 0 0 100px !important;margin: 0 !important;padding: 8px !important;background: #f4fbff !important;border-radius: 8px !important;text-align: center !important;page-break-inside: avoid !important;border: 1px solid #9fdcff !important;}.pd-qr-label {font-size: 6.5pt !important;color: #2399e6 !important;margin-bottom: 5px !important;line-height: 1.2 !important;font-weight: 600 !important;}.pd-qr-image {width: 80px !important;height: 80px !important;display: block !important;margin: 0 auto !important;}.pd-meta-inline {display: flex !important;gap: 12px !important;margin-bottom: 0 !important;padding-bottom: 14px !important;font-size: 10pt !important;border: none !important;border-top: none !important;border-bottom: none !important;padding-top: 0 !important;box-shadow: none !important;text-decoration: none !important;background: transparent !important;}.stock-badge, .stock-info-btn {display: none !important;}.sku {color: #2399e6 !important;}.sold-inline {display: none !important;}.pd-variant-combined, #pd-variant-combined, .pd-variant-summary, [data-role="sold-chip"] {display: none !important;}.pd-compare-section, .pd-compare-btn, #pd-compare-btn, .pd-compare-info, .compare-note, .compare-text, .compare-remove {display: none !important;visibility: hidden !important;height: 0 !important;margin: 0 !important;padding: 0 !important;overflow: hidden !important;}.pd-variants {margin: 0 !important;padding: 0 !important;page-break-inside: avoid !important;border: none !important;border-top: none !important;border-bottom: none !important;box-shadow: none !important;background: transparent !important;}.pd-variants::before {content: "Variant:" !important;display: block !important;font-size: 11pt !important;font-weight: 700 !important;color: #3b83b4 !important;margin-bottom: 10px !important;border: none !important;padding: 0 !important;border-top: none !important;border-bottom: none !important;}.v-group {display: flex !important;align-items: center !important;gap: 8px !important;margin-bottom: 8px !important;line-height: 1 !important;page-break-inside: avoid !important;border: none !important;padding: 0 !important;}.v-group:last-child {margin-bottom: 0 !important;}.v-label {font-weight: 700 !important;margin: 0 !important;font-size: 9pt !important;color: #2e665d !important;min-width: 60px !important;flex-shrink: 0 !important;border: none !important;padding: 0 !important;}.v-options {display: flex !important;gap: 6px !important;flex-wrap: wrap !important;border: none !important;padding: 0 !important;margin: 0 !important;}.v-chip {border: 1px solid #9fdcff !important;padding: 3px 10px !important;font-size: 9pt !important;background: #f4fbff !important;border-radius: 6px !important;display: inline-flex !important;align-items: center !important;page-break-inside: avoid !important;}.v-chip.selected {background: #fff5df !important;border-color: #1268a8 !important;font-weight: 600 !important;}.v-chip input[type="radio"] {display: none !important;}.v-chip .chip-badge {display: none !important;}.pd-short-desc {display: none !important;}.pd-qr-print {display: block !important;flex: 0 0 100px !important;margin: 0 !important;padding: 8px !important;background: #f4fbff !important;border-radius: 8px !important;text-align: center !important;page-break-inside: avoid !important;border: 1px solid #9fdcff !important;}.pd-qr-label {font-size: 6.5pt !important;color: #2399e6 !important;margin-bottom: 5px !important;line-height: 1.2 !important;font-weight: 600 !important;}.pd-qr-image {width: 80px !important;height: 80px !important;display: block !important;margin: 0 auto !important;}.pd-full-description {border: none !important;padding: 0 !important;margin: 24px 0 0 0 !important;page-break-before: avoid;grid-column: 1 / -1 !important;}.pd-full-desc-title {font-size: 13pt !important;font-weight: 700 !important;margin: 0 0 12px 0 !important;color: #000 !important;border-top: none !important;border-bottom: none !important;padding-top: 16px !important;}.pd-full-desc-body {font-size: 10pt !important;line-height: 1.6 !important;color: #334155 !important;}.pd-full-desc-body img {max-height: 200px !important;width: auto !important;page-break-inside: avoid;display: none !important;}#deskripsi img {max-width: 350px !important;height: auto !important;}.pd-full-desc-body table {border-collapse: collapse !important;width: 100% !important;margin: 12px 0 !important;font-size: 9pt !important;}.pd-full-desc-body th, .pd-full-desc-body td {border: 1px solid #9fdcff !important;padding: 6px 8px !important;}.product-single::after {content: "Plaza IT - plazait.co.id | Printed: "attr(data-print-date);display: block;margin-top: 30px;padding-top: 16px;border-top: 1px solid #e5c158;font-size: 9pt;color: #2399e6;text-align: center;}.pd-media-card, .pd-price-block, .pd-full-desc-title {page-break-after: avoid;}.pd-full-description {page-break-before: auto;}}.pd-breadcrumb {display: flex;flex-wrap: nowrap;align-items: center;gap: .5rem;font-size: .72rem;margin: .7rem 0 1.2rem .5rem;color: var(--pd-muted);overflow: hidden;}.pd-breadcrumb a {color: var(--pd-accent);text-decoration: none }.pd-breadcrumb a:hover {text-decoration: underline }.pd-breadcrumb a, .pd-breadcrumb span {flex: 0 0 auto }.pd-breadcrumb .current {flex: 1 1 auto;min-width: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: 600;color: var(--pd-dark);padding-right: 2px;}.pd-top-layout {display: grid;gap: var(--pd-gap);grid-template-columns: minmax(260px, 340px) minmax(460px, 1fr) 300px;align-items: start;margin-bottom: 2.4rem;}.pd-media-card {background: #fff;border: 1px solid var(--pd-border);border-radius: var(--pd-radius);padding: 1rem 1rem 1.2rem;}.pd-main-image {margin: 0 0 .8rem;border: 1px solid var(--pd-soft-border);border-radius: 10px;overflow: hidden;background: #fff;position: relative }.pd-main-image img {width: 100%;display: block;object-fit: contain;aspect-ratio: 1/1 }.pd-thumb-gallery {margin-top: .6rem;display: flex;flex-wrap: wrap;gap: .55rem }.pd-thumb-btn {border: 1px solid var(--pd-soft-border);background: #fff;cursor: pointer;width: 64px;height: 64px;padding: 2px;display: flex;align-items: center;justify-content: center;overflow: hidden;border-radius: 8px;transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;position: relative;}.pd-thumb-btn img {max-width: 100%;max-height: 100%;object-fit: contain;display: block }.pd-thumb-btn:hover {border-color: var(--pd-accent) }.pd-thumb-btn.active {border-color: var(--pd-accent);box-shadow: 0 0 0 2px rgba(13, 110, 253, .25) }.pd-thumb-btn:focus-visible {outline: 2px solid var(--pd-accent);outline-offset: 2px }.pd-thumb-btn:active {transform: scale(.96) }.pd-info-card {background: #fff;border: 1px solid var(--pd-border);border-radius: var(--pd-radius);padding: 1.4rem 1.6rem 2rem;}.pd-title {margin: 0 0 1rem;font-size: 1.2rem;line-height: 1.25;font-weight: 600;color: #1A1A1A !important;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 -1px 0 rgba(0, 0, 0, 0.8);}.pd-price-block {margin: 0 0 1rem }.pd-price-row {display: flex;flex-wrap: wrap;align-items: center;gap: .75rem;margin: 0 0 .35rem }.pd-price-current {font-size: 2rem;font-weight: 700;color: #2399e6;}.pd-price-original {font-size: .9rem;text-decoration: line-through;color: #A3842C;}.pd-discount-badge {background: var(--pd-danger);color: #fff;font-size: .68rem;padding: 4px 8px 3px;font-weight: 600;border-radius: 6px;letter-spacing: .5px }.pd-meta-inline {display: flex;flex-wrap: wrap;gap: .9rem;align-items: center;font-size: .63rem;letter-spacing: .6px;text-transform: uppercase;font-weight: 600 }.stock-badge {padding: 4px 10px;border-radius: 24px;background: var(--pd-soft);color: var(--pd-muted);display: inline-block;line-height: 1;vertical-align: middle }.stock-badge.in {background: var(--pd-success-bg);color: var(--pd-success-text) }.stock-badge.out {background: var(--pd-danger-bg);color: var(--pd-danger-text) }.digital-badge {padding: 4px 10px;border-radius: 24px;background: linear-gradient(135deg, #1268a8 0%, #2399e6 100%);color: #fff;font-size: .63rem;font-weight: 600;letter-spacing: .6px;text-transform: uppercase;display: inline-block;line-height: 1;vertical-align: middle;border: none;}.sku {color: #1A1A1A !important;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 -1px 0 rgba(0, 0, 0, 0.8);}.pd-short-desc {font-size: .85rem;line-height: 1.5;margin: 0 0 1.2rem;color: #334155;overflow-wrap: anywhere }.pd-short-desc p {margin: 0 0 .75rem }.pd-short-desc ul, .pd-short-desc ol {margin: .5rem 0 .9rem 1.1rem;font-size: .85rem;line-height: 1.45 }.pd-meta-row {display: flex;align-items: center;flex-wrap: wrap;gap: 5px;margin-top: 8px;margin-bottom: 4px;}.sold-inline {display: inline-block;font-size: .65rem;font-weight: 600;color: #2e665d;background: #eaf8ff;padding: 3px 8px 4px;border-radius: 6px;letter-spacing: .4px;margin-left: 0;}.price-divider {display: inline-block;margin: 0 .4rem;color: #9fdcff;font-weight: 400;}.rating-inline {display: inline-flex;align-items: center;gap: 4px;padding: 3px 8px 4px;background: #fff7ed;border-radius: 6px;font-size: .65rem;font-weight: 600;color: #0cead8;text-decoration: none;transition: all .2s ease;cursor: pointer;margin-left: .5rem;white-space: nowrap;}.rating-inline:hover {background: #ffedd5;transform: translateY(-1px);box-shadow: 0 2px 4px rgba(12, 234, 216, 0.1);}.rating-inline .star-icon {font-size: .75rem;color: #1268a8;line-height: 1;}.rating-inline .rating-value {color: #0cead8;}.rating-inline .rating-badge-count {color: #9a3412;opacity: 0.85;}@media (max-width: 640px) {.rating-inline {font-size: .65rem;padding: 3px 8px 4px;}.rating-inline .star-icon {font-size: .7rem;}}@keyframes highlightFlash {0%, 100% {background-color: transparent;}50% {background-color: rgba(251, 146, 60, 0.1);}}.highlight-flash {animation: highlightFlash 1.5s ease;}.pd-variants {margin-top: 14px }.v-group {margin-bottom: 12px }.v-label {font-weight: 600;margin-bottom: 6px }.v-options {display: flex;flex-wrap: wrap;gap: 8px }.v-chip {display: inline-flex;align-items: center;gap: 8px;padding: 6px 10px;border: 1px solid #d6d9de;border-radius: 999px;cursor: pointer;background: #fff;transition: .15s ease;user-select: none }.v-chip:hover {border-color: #9aa3af;box-shadow: 0 1px 0 rgba(0, 0, 0, .04) }.v-chip.selected {border-color: #2399e6;background: #fff5df;}.v-chip.disabled {opacity: .45;cursor: not-allowed }.v-chip.out {border-style: dashed }.v-chip input {display: none }.v-chip .dot {width: 14px;height: 14px;border-radius: 50%;background: var(--dot, #999);box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2) }.v-chip .dot--neutral {background: #9aa3af }.v-chip .txt {font-size: .95rem;white-space: nowrap }.v-chip .chip-badge {margin-left: 2px;font-size: .72rem;line-height: 1;padding: 3px 6px;border-radius: 6px;background: #dff3ff;color: #991b1b;border: 1px solid #fecaca }.pd-variant-summary {margin-top: 8px;color: #2e665d;font-size: .92rem }.pd-variant-summary .vs-item {display: inline-flex;gap: 4px;margin-right: 10px }.pd-buy-form {display: flex;flex-wrap: wrap;align-items: flex-end;gap: 1rem 1.4rem;margin: 0 }.qty-label {display: block;font-size: .6rem;font-weight: 600;letter-spacing: .7px;text-transform: uppercase;color: var(--pd-muted);margin-bottom: .35rem }.pd-buy-form input[type=number] {width: 90px;padding: .55rem .6rem;border: 1px solid var(--pd-soft-border);border-radius: 6px;font-size: .85rem }.pd-actions {display: flex;gap: .8rem;flex-wrap: wrap }.btn-add-cart, .btn-buy, .btn-chat-icon {cursor: pointer;border: 0;font-weight: 700;border-radius: 10px;font-size: .9rem;display: inline-flex;align-items: center;justify-content: center;gap: .4rem;min-height: 44px;padding: 0 1rem;transition: var(--pd-transition) }.btn-add-cart {background: #1268a8;color: #1A1A1A;box-shadow: 0 2px 8px -2px rgba(35, 153, 230, 0.4);}.btn-add-cart:hover {filter: brightness(.95);}.btn-buy {background: #fff;color: #2399e6;border: 2px solid #2399e6;}.btn-buy:hover {background: rgba(13, 110, 253, .06) }.btn-chat-icon {background: #fff;color: #2399e6;border: 2px solid #2399e6;padding: 0;width: 44px;min-width: 44px;}.btn-chat-icon:hover {background: rgba(35, 153, 230, 0.06);border-color: #2399e6;}.btn-chat-icon svg {width: 20px;height: 20px;flex-shrink: 0 }.btn-add-cart:disabled, .btn-buy:disabled, .btn-chat-icon:disabled {opacity: .5;cursor: not-allowed }.btn-buy-voucher {cursor: pointer;border: 0;font-weight: 600;border-radius: 10px;display: inline-flex;align-items: center;justify-content: space-between;gap: 10px;min-height: 44px;padding: 0 14px 0 12px;transition: all 0.3s ease;background: linear-gradient(135deg, #2399e6 0%, #b8860b 100%);color: #fff;box-shadow: 0 3px 10px rgba(35, 153, 230, 0.3);position: relative;overflow: hidden;flex: 1 1 auto }.btn-buy-voucher:hover {transform: translateY(-2px);box-shadow: 0 5px 16px rgba(124, 58, 237, 0.4) }.btn-buy-voucher:active {transform: translateY(0);box-shadow: 0 2px 6px rgba(124, 58, 237, 0.3) }.btn-buy-voucher .bv-icon {font-size: 20px;line-height: 1;flex-shrink: 0 }.btn-buy-voucher .bv-text {display: flex;flex-direction: column;align-items: flex-start;gap: 2px;flex: 1;min-width: 0;font-size: 14px;line-height: 1.2 }.btn-buy-voucher .bv-text small {font-size: 10px;opacity: 0.85;font-weight: 500;letter-spacing: 0.3px;font-family: monospace }.btn-buy-voucher .bv-save {font-size: 12px;font-weight: 700;background: rgba(255, 255, 255, 0.25);padding: 4px 8px;border-radius: 6px;white-space: nowrap;flex-shrink: 0 }.pd-extra-meta {background: var(--pd-soft);border: 1px solid var(--pd-border);border-radius: 10px;padding: .85rem 1rem;display: grid;gap: .45rem;font-size: .7rem;line-height: 1.3 }.pd-extra-meta span {font-weight: 600;color: var(--pd-muted);margin-right: .3rem }.pd-extra-meta a {color: var(--pd-accent);text-decoration: none }.pd-extra-meta a:hover {text-decoration: underline }.pd-sidebar {display: flex;flex-direction: column;gap: 1.2rem }.pd-side-card {background: #fff;border: 1px solid var(--pd-border);border-radius: var(--pd-radius);padding: 1rem 1.1rem 1.2rem }.pd-side-card h3 {margin: 0 0 .7rem;font-size: .8rem;font-weight: 700;letter-spacing: .6px;text-transform: uppercase;color: var(--pd-dark) }.pd-side-card ul {list-style: none;margin: 0;padding: 0;display: grid;gap: .45rem;font-size: .7rem;color: #334155 }.pd-side-card li {position: relative;padding-left: 13px;line-height: 1.25 }.pd-side-card li:before {content: '';width: 6px;height: 6px;background: var(--pd-accent);border-radius: 50%;position: absolute;left: 0;top: .45rem }.pay-logos {display: flex;gap: .4rem;flex-wrap: wrap;margin: .1rem 0 .4rem }.pay-logos span {font-size: .55rem;background: var(--pd-soft);border: 1px solid var(--pd-soft-border);padding: .35rem .55rem;border-radius: 6px;font-weight: 600;letter-spacing: .5px }.pd-buy-card {display: block }@media (max-width:880px) {.pd-buy-card {display: none }.pd-title-row {padding-right: 0 !important;}}.pd-full-description {background: #fff;border: 1px solid var(--pd-border);border-radius: var(--pd-radius);padding: 1.6rem 1.9rem .6rem;margin: 0 0 .8rem }.pd-full-desc-title {margin: 0 0 1.1rem;font-size: 1.15rem;font-weight: 600;color: var(--pd-dark) }.pd-full-desc-body {font-size: .9rem;line-height: 1.6;color: #334155;overflow-wrap: anywhere }.pd-full-desc-body p {margin: 0 0 1rem }.pd-full-desc-body ul, .pd-full-desc-body ol {margin: .5rem 0 1rem 1.2rem }.pd-full-desc-body table {width: 100%;border-collapse: collapse;margin: 1rem 0 1.2rem }.pd-full-desc-body table, .pd-full-desc-body th, .pd-full-desc-body td {border-bottom: 1px dotted #9fdcff;vertical-align: top }.pd-full-desc-body th, .pd-full-desc-body td {padding: .45rem .55rem;text-align: left }.pd-full-desc-body img {max-width: 100%;height: auto;display: block;}.pd-related-full {background: #fff;border: 1px solid var(--pd-border);border-radius: var(--pd-radius);padding: 1.4rem 1.6rem 1.9rem;margin: 0 0 2rem;}.pd-related-title {margin: 0 0 1.1rem;font-size: 1.05rem;font-weight: 600;color: var(--pd-dark) }.pd-related-grid, .pd-related-grid--full {display: grid !important;gap: 16px !important;grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)) !important;align-items: stretch;}@supports not (display:grid) {.pd-related-grid, .pd-related-grid--full {display: flex !important;flex-wrap: wrap }.pd-related-grid .pd-related-card, .pd-related-grid--full .pd-related-card {flex: 0 0 calc(20% - 16px);max-width: calc(20% - 16px) }@media (max-width:1100px) {.pd-related-grid .pd-related-card, .pd-related-grid--full .pd-related-card {flex: 0 0 calc(25% - 16px);max-width: calc(25% - 16px) }}@media (max-width:820px) {.pd-related-grid .pd-related-card, .pd-related-grid--full .pd-related-card {flex: 0 0 calc(33.333% - 16px);max-width: calc(33.333% - 16px) }}@media (max-width:580px) {.pd-related-grid .pd-related-card, .pd-related-grid--full .pd-related-card {flex: 0 0 calc(50% - 16px);max-width: calc(50% - 16px) }}}.pd-related-card {display: flex;flex-direction: column;border: 1px solid var(--pd-soft-border);background: #fff;border-radius: 10px;text-decoration: none;color: inherit;overflow: hidden;transition: var(--pd-transition);position: relative;min-width: 0;}.pd-related-card:hover {transform: translateY(-4px);box-shadow: var(--pd-shadow) }.pd-related-card .thumb {aspect-ratio: 1/1;background: #eaf8ff;overflow: hidden;position: relative }.pd-related-card img {width: 100%;height: 100%;object-fit: cover;display: block }.mini-disc {position: absolute;top: 6px;left: 6px;background: #2399e6;color: #fff;font-size: .55rem;padding: 3px 6px 2px;border-radius: 4px;font-weight: 600;}.pd-related-card .info {padding: .55rem .65rem .75rem;display: flex;flex-direction: column;gap: .25rem }.pd-related-card h3 {font-size: .68rem;line-height: 1.25;margin: 0;height: 2.5em;overflow: hidden;font-weight: 600;color: #334155;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical }.pd-related-card .price {font-size: .7rem;font-weight: 600;color: var(--pd-accent) }.pd-related-card .sold {display: block;font-size: .6rem;font-weight: 600;color: #2e665d;margin-top: 2px;letter-spacing: .3px;background: #eaf8ff;padding: 2px 6px 3px;border-radius: 5px;width: max-content;}.pd-related-card .price .final {font-size: .82rem;font-weight: 700;color: #1268a8;}.pd-related-card .price .ori {font-size: .6rem;text-decoration: line-through;color: #A3842C;font-weight: 500;}.pd-mobile-slider {display: none }.pd-mobile-slider img {width: 100%;display: block;object-fit: contain;aspect-ratio: 1/1 }.pd-gallery-counter {position: absolute;bottom: 12px;left: 12px;background: rgba(255, 255, 255, 0.25);color: #9E9E9E;padding: 4px 10px;border-radius: 10px;font-size: 12px;font-weight: 600;z-index: 100;backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);font-variant-numeric: tabular-nums;pointer-events: none;display: none;box-shadow: 0 1px 4px rgba(0, 0, 0, .15);line-height: 1;border: 1px solid rgba(0, 0, 0, 0.08);}@media (max-width:640px) {.pd-media-card {border: 0;padding: 0 1rem 0;}.pd-info-card {border: 0;padding: 0 1.3rem 0;}.pd-side-card {flex: 1 1 !important;}.pd-top-layout {gap: 0;margin-bottom: 0;}.pd-variants {margin-bottom: 1.5rem;}.pd-main-image {display: none }.pd-gallery-counter {display: block }.pd-mobile-slider-wrapper {position: relative;margin-bottom: .6rem;}.pd-mobile-slider {display: flex;gap: 8px;overflow-x: auto;scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch;}.pd-mslide {min-width: 100%;flex: 0 0 100%;scroll-snap-align: center;border: 1px solid var(--pd-soft-border);border-radius: 10px;overflow: hidden;background: #fff }.pd-thumb-gallery {display: none }}.pd-mobile-fab {position: fixed;left: 0;right: 0;bottom: 42px;display: none;align-items: center;gap: .75rem;padding: 12px 16px;background: rgba(255, 255, 255, 0.95);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);border-top: 1px solid rgba(228, 231, 235, 0.6);box-shadow: 0 -4px 16px -4px rgba(0, 0, 0, 0.12);z-index: 999;transition: bottom .3s cubic-bezier(0.4, 0.0, 0.2, 1);}body:has(.bottom-nav.hidden) .pd-mobile-fab {bottom: 0;}.pd-mobile-fab .mf-actions {display: flex;gap: .5rem;width: 100% }.mf-btn {border-radius: 10px;padding: .6rem 1rem;font-weight: 600;font-size: 14px;cursor: pointer;transition: all .2s;-webkit-tap-highlight-color: transparent;display: inline-flex;align-items: center;justify-content: center;gap: 4px;}.mf-buy {background: #2399e6;color: #fff;border: 0;box-shadow: 0 2px 8px rgba(35, 153, 230, 0.3);flex: 1;flex-direction: column;padding: .55rem 1rem;line-height: 1;min-height: 44px;font-family: inherit;}.mf-buy .mf-buy-text {font-size: 11px;font-weight: 600;opacity: 0.95;font-family: inherit;}.mf-buy .mf-buy-price {font-size: 13px;font-weight: 800;letter-spacing: -0.3px;font-family: inherit;line-height: 1;}.mf-buy:active {transform: scale(0.97) }.mf-cart {background: #fff;color: #2399e6;border: 2px solid #2399e6;width: 44px;height: 44px;min-height: 44px;padding: 0;flex-shrink: 0;font-family: inherit;}.mf-cart:active {transform: scale(0.95) }.mf-chat {background: #fff;color: #2399e6;border: 2px solid #2399e6;width: 44px;height: 44px;min-height: 44px;padding: 0;flex-shrink: 0;font-family: inherit;}.mf-chat:active {transform: scale(0.95) }.mf-chat svg {width: 20px;height: 20px;flex-shrink: 0 }.mf-share {background: #fff;color: #2399e6;border: 2px solid #2399e6;width: 44px;height: 44px;padding: 0;flex-shrink: 0;}.mf-share:active {transform: scale(0.95) }.mf-btn:disabled {opacity: .5;cursor: not-allowed }@media (max-width:640px) {.pd-mobile-fab {display: flex }.product-single {padding-bottom: 0;}}.pd-installment-card {border: 1px solid var(--pd-border);background: #fff;border-radius: var(--pd-radius);padding: 1rem 1.1rem 1.25rem;display: flex;flex-direction: column;gap: .85rem }.pd-installment-card h3 {margin: 0 0 .2rem;font-size: .78rem;font-weight: 700;letter-spacing: .6px;text-transform: uppercase;color: var(--pd-dark) }.inst-tabs {display: flex;gap: .4rem }.inst-tab {flex: 1 1 0;background: var(--pd-soft);border: 1px solid var(--pd-soft-border);padding: .45rem .5rem;font-size: .63rem;font-weight: 600;border-radius: 6px;cursor: pointer;letter-spacing: .4px;transition: var(--pd-transition) }.inst-tab.active, .inst-tab:hover {background: var(--pd-accent);color: #fff;border-color: var(--pd-accent) }.inst-tab:focus {outline: 2px solid var(--pd-accent);outline-offset: 2px }.inst-tenors {display: flex;gap: .4rem;flex-wrap: wrap }.tenor-btn {flex: 1 0 auto;background: #fff;border: 1px solid var(--pd-soft-border);padding: .42rem .55rem;font-size: .6rem;font-weight: 600;border-radius: 20px;cursor: pointer;transition: .18s;min-width: 56px }.tenor-btn.active, .tenor-btn:hover {background: #1d7df0;color: #fff;border-color: #1d7df0 }.inst-result {display: flex;flex-direction: column;gap: .45rem;font-size: .63rem }.inst-line {display: flex;justify-content: space-between;align-items: center;padding: .35rem .55rem;background: var(--pd-soft);border: 1px solid var(--pd-soft-border);border-radius: 6px }.inst-line.highlight {background: #1d7df0;color: #fff;border-color: #1d7df0;font-weight: 600 }.inst-line .lbl {opacity: .8 }.inst-line .val {font-weight: 600;letter-spacing: .3px }.inst-footnote {font-size: .53rem;line-height: 1.25;color: #2399e6;margin-top: .2rem;}@media (max-width: 860px) {.pd-installment-card {order: 3 }.inst-tabs .inst-tab, .inst-tenors .tenor-btn {font-size: .65rem }.btn-buy-voucher {padding: 0 12px;gap: 8px }.btn-buy-voucher .bv-icon {font-size: 18px }.btn-buy-voucher .bv-text {font-size: 13px }.btn-buy-voucher .bv-text small {font-size: 9px }.btn-buy-voucher .bv-save {font-size: 11px;padding: 3px 6px }}.pd-installment-card2 {background: linear-gradient(135deg, #ffffff 0%, #f1f7ff 65%, #e8f2ff 100%);border: 1px solid var(--pd-border);border-radius: var(--pd-radius);padding: 1rem 1.05rem 1.2rem;display: flex;flex-direction: column;gap: .5rem;position: relative;overflow: hidden }.pd-installment-card2:before {content: '';position: absolute;width: 140px;height: 140px;background: radial-gradient(circle at center, rgba(29, 125, 240, .18), rgba(29, 125, 240, 0));top: -40px;right: -40px;pointer-events: none }.pd-installment-card2 h3 {margin: 0;font-size: .8rem;font-weight: 700;letter-spacing: .6px;text-transform: uppercase;color: #0f2f54 }.pd-installment-card2 .inst-head {display: flex;align-items: center;justify-content: space-between;gap: .5rem }.inst-head-badge {background: #1d7df0;color: #fff;font-size: .55rem;font-weight: 600;padding: .25rem .5rem;border-radius: 20px;letter-spacing: .4px;box-shadow: 0 2px 6px -2px rgba(29, 125, 240, .6) }.inst-bank-tabs {display: flex;gap: .45rem }.bank-tab {flex: 1 1 0;background: #fff;border: 1px solid var(--pd-soft-border);padding: .5rem .55rem;font-size: .63rem;font-weight: 600;border-radius: 7px;cursor: pointer;transition: .18s;letter-spacing: .3px }.bank-tab.active, .bank-tab:hover {background: #1d7df0;color: #fff;border-color: #1d7df0;box-shadow: 0 3px 10px -4px rgba(29, 125, 240, .6) }.bank-tab:focus {outline: 2px solid #1d7df0;outline-offset: 2px }.inst-month-list {list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: .55rem }.inst-month-item {display: flex;align-items: center;gap: .65rem;background: #fff;border: 1px solid var(--pd-soft-border);border-radius: 14px;padding: .55rem .7rem;position: relative;overflow: hidden;transition: .25s }.inst-month-item:before {content: '';position: absolute;inset: 0;opacity: 0;background: linear-gradient(90deg, rgba(29, 125, 240, .08), rgba(29, 125, 240, 0));transition: .25s }.inst-month-item:hover {transform: translateY(-2px);box-shadow: 0 6px 14px -6px rgba(0, 40, 120, .25) }.inst-month-item:hover:before {opacity: 1 }.tenor-badge {background: #1d7df0;color: #fff;font-weight: 700;min-width: 42px;text-align: center;padding: .38rem .4rem;font-size: .8rem;border-radius: 10px;box-shadow: 0 3px 10px -4px rgba(29, 125, 240, .6) }.amount {flex: 1;font-size: .8rem;font-weight: 600;color: #0f2f54;letter-spacing: .3px }.tag {font-size: .55rem;font-weight: 600;padding: .28rem .55rem;border-radius: 30px;letter-spacing: .4px;text-transform: uppercase;white-space: nowrap }.btn-chat-icon:hover {background: rgba(35, 153, 230, 0.06);border-color: #2399e6;}.inst-note {font-size: .6rem;font-weight: 600;color: #0f2f54;background: #e0f7ed;border: 1px solid #b2ebd2;padding: .4rem .6rem;border-radius: 8px;letter-spacing: .3px }.inst-disclaimer {font-size: .52rem;line-height: 1.25;color: #2399e6;margin-top: -.2rem;}@media (max-width:860px) {.pd-installment-card2 {order: 3 }.tenor-badge {min-width: 38px;font-size: .75rem }.amount {font-size: .78rem }}.inst-alt-banner--compact {background: linear-gradient(142deg, #1d7df0 0%, #3c98ff 55%, #67bdff 100%);color: #fff;border: 0;padding: .95rem .95rem 1.05rem;border-radius: 16px;box-shadow: 0 6px 18px -6px rgba(0, 70, 160, .45);position: relative;overflow: hidden;min-height: auto;}.inst-alt-banner--compact:before, .inst-alt-banner--compact:after {content: '';position: absolute;border-radius: 50%;background: rgba(255, 255, 255, .15);filter: blur(2px);pointer-events: none;}.inst-alt-banner--compact:before {width: 130px;height: 130px;top: -50px;right: -35px }.inst-alt-banner--compact:after {width: 90px;height: 90px;bottom: -40px;left: -30px }.inst-alt-banner--compact .iab-top {margin: 0 0 .55rem;display: flex;flex-direction: column;gap: .25rem }.inst-alt-banner--compact .iab-title {font-size: .74rem;font-weight: 700;letter-spacing: .7px;line-height: 1.15 }.inst-alt-banner--compact .iab-sub {font-size: .55rem;font-weight: 500;opacity: .95;letter-spacing: .4px }.iab-logos-compact {display: flex;gap: .55rem;align-items: center;margin: 0 0 .6rem;flex-wrap: nowrap;justify-content: space-between }.iab-logos-compact .logo-fin {width: 30% }.iab-logos-compact .logo {width: 48px;height: 48px;border-radius: 14px;display: flex;align-items: center;justify-content: center;font-size: .62rem;font-weight: 700;letter-spacing: .3px;position: relative;color: #fff;box-shadow: 0 4px 10px -4px rgba(0, 0, 0, .35);background: rgba(255, 255, 255, .15);backdrop-filter: blur(4px);transition: .25s;text-shadow: 0 1px 2px rgba(0, 0, 0, .4);user-select: none;}.iab-logos-compact .logo:before {content: '';position: absolute;inset: 0;border-radius: inherit;background: linear-gradient(140deg, rgba(255, 255, 255, .35), rgba(255, 255, 255, 0));mix-blend-mode: overlay;opacity: .55;pointer-events: none;}.iab-logos-compact .logo:hover {transform: translateY(-3px) scale(1.05);box-shadow: 0 8px 18px -6px rgba(0, 0, 0, .45) }.iab-cta--compact {display: inline-flex;padding: .45rem .85rem;font-size: .58rem;font-weight: 700;background: #fff;color: #0f3c6d;border-radius: 30px;text-decoration: none;letter-spacing: .55px;box-shadow: 0 4px 12px -5px rgba(0, 0, 0, .35);transition: .25s;}.iab-cta--compact:hover {transform: translateY(-2px);box-shadow: 0 8px 18px -7px rgba(0, 0, 0, .45) }.iab-footnote--compact {margin-top: .45rem;font-size: .46rem;opacity: .85;letter-spacing: .25px }@media (max-width:860px) {.inst-alt-banner--compact {order: 4;margin-top: .4rem;flex: 1 1 }.iab-logos-compact .logo {width: 46px;height: 46px }}.pd-scroll-top {position: fixed;right: 20px;bottom: 90px;width: 48px;height: 48px;border-radius: 50%;background: linear-gradient(135deg, #ffffff 0%, #f4fbff 100%);color: #0f2f54;border: 1px solid rgba(226, 232, 240, 0.8);box-shadow: 0 8px 20px -8px rgba(0, 0, 0, .3), 0 2px 6px rgba(0, 0, 0, .1);display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 1105;opacity: 0;transform: translateY(12px) scale(.92);transition: all .3s cubic-bezier(0.4, 0, 0.2, 1);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);}.pd-scroll-top:hover {box-shadow: 0 12px 28px -10px rgba(0, 0, 0, .4), 0 4px 12px rgba(0, 0, 0, .15);transform: translateY(0) scale(1);background: linear-gradient(135deg, #ffffff 0%, #fefefe 100%);border-color: rgba(226, 232, 240, 1);}.pd-scroll-top:active {transform: translateY(0) scale(.96);}.pd-scroll-top:focus-visible {outline: 2px solid var(--pd-accent);outline-offset: 2px }.pd-scroll-top.visible {opacity: 1;transform: translateY(0) scale(1) }@media (max-width:640px) {.pd-scroll-top {right: 14px;bottom: var(--scroll-top-bottom, calc(68px + 18px + env(safe-area-inset-bottom)));}}@media (max-width:1250px) {.pd-top-layout {grid-template-columns: minmax(260px, 330px) 1fr }.pd-sidebar {grid-column: 1 / -1;flex-direction: row;flex-wrap: wrap;gap: 1rem }.pd-side-card {flex: 1 1 250px }}@media (max-width:880px) {.pd-top-layout {grid-template-columns: 1fr }.pd-sidebar {flex-direction: column;padding: 0 1rem;}.pd-title {font-size: 1.2rem }.pd-price-current {font-size: 1.5rem }}@media (max-width:640px) {.pd-related-full {padding: 1.2rem;border: 0;padding-top: .6rem;margin-bottom: .6rem;}.pd-related-grid, .pd-related-grid--full {grid-template-columns: repeat(2, 1fr) !important;gap: 12px !important }}@media (max-width:560px) {.pd-actions {flex-direction: column }.btn-add-cart, .btn-buy, .btn-buy-voucher {width: 100% }.pd-full-description {padding: 1.2rem;border: 0;padding-bottom: 0;}}@media (max-width:380px) {.pd-related-full {padding: .9rem .7rem 1.1rem }.pd-related-grid, .pd-related-grid--full {gap: 8px !important }.pd-related-card .info {padding: .4rem .48rem .55rem }}.pd-countdown-modern {--cd-bg1: #57bdf5;--cd-bg2: #e5c17d;--cd-text: #0b1220;--cd-contrast: #ffffff;--cd-shadow: 0 8px 24px -10px rgba(197, 160, 89, .4);--cd-border: rgba(255, 255, 255, .25);--cd-box: rgba(255, 255, 255, .65);--cd-box-text: #4a3711;--cd-danger: #1268a8;display: flex;gap: .75rem;align-items: center;background: linear-gradient(135deg, var(--cd-bg1), var(--cd-bg2));border: 1px solid var(--cd-border);color: var(--cd-contrast);border-radius: 14px;padding: .6rem .8rem;box-shadow: var(--cd-shadow);position: relative;overflow: hidden;margin-bottom: 1rem;}.pd-countdown-modern .pd-cd-icon {width: 28px;height: 28px;flex: 0 0 28px;display: grid;place-items: center;background: rgba(255, 255, 255, .22);border: 1px solid var(--cd-border);border-radius: 10px;box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35);}.pd-countdown-modern .pd-cd-icon svg {width: 18px;height: 18px;fill: #fff;opacity: .95 }.pd-countdown-modern .pd-cd-body {display: flex;flex-direction: column;gap: .35rem;min-width: 0 }.pd-countdown-modern .pd-cd-label {font-size: .72rem;font-weight: 700;letter-spacing: .4px;opacity: .95;line-height: 1;text-shadow: 0 1px 0 rgba(0, 0, 0, .08);}.pd-countdown-modern .pd-cd-time {display: flex;align-items: end;gap: .35rem;flex-wrap: wrap;line-height: 1;}.pd-countdown-modern .unit {display: flex;flex-direction: column;align-items: center;gap: .18rem;min-width: 58px;}.pd-countdown-modern .num {display: inline-flex;align-items: center;justify-content: center;min-width: 58px;height: 40px;padding: 0 .4rem;background: var(--cd-box);color: var(--cd-box-text);border: 1px solid rgba(15, 23, 42, .08);border-radius: 10px;font: 800 1.05rem ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;letter-spacing: .5px;box-shadow: 0 4px 14px -6px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .55);}.pd-countdown-modern .unit-label {font-size: .62rem;font-weight: 700;opacity: .9;text-shadow: 0 1px 0 rgba(255, 255, 255, .15);}.pd-countdown-modern .colon {font-weight: 900;font-size: 1.05rem;opacity: .95;transform: translateY(-2px);animation: cdBlink 1.2s infinite steps(2, jump-none);}@keyframes cdBlink {0% {opacity: 1 }50% {opacity: .25 }100% {opacity: 1 }}.pd-countdown-modern .pd-cd-progress {display: none;position: relative;height: 6px;border-radius: 999px;overflow: hidden;background: rgba(255, 255, 255, .25);border: 1px solid rgba(255, 255, 255, .28);}.pd-countdown-modern .pd-cd-progress .bar {height: 100%;width: 0%;background: linear-gradient(90deg, #b38f4d, #c9ecff);box-shadow: 0 2px 8px rgba(0, 0, 0, .25) inset;transition: width .35s ease;}.pd-countdown-modern.danger {--cd-bg1: #2399e6;--cd-bg2: #b8860b;}@media (max-width:640px) {.pd-countdown-modern {padding: .55rem .65rem;border-radius: 12px;gap: .6rem;}.pd-countdown-modern .unit {min-width: 52px }.pd-countdown-modern .num {min-width: 52px;height: 36px;font-size: .98rem }}.pd-countdown-modern {position: relative;}.pd-countdown-modern::after {content: "";position: absolute;inset: -1px;background: linear-gradient(120deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, 0) 35%), radial-gradient(120% 120% at 0% 0%, rgba(255, 255, 255, .08), rgba(255, 255, 255, 0) 60%);border-radius: inherit;pointer-events: none;mix-blend-mode: screen;animation: sheen 4.5s ease-in-out infinite;}@keyframes sheen {0% {opacity: .35;transform: translateX(-10%) }50% {opacity: .15;transform: translateX(4%) }100% {opacity: .35;transform: translateX(-10%) }}.pd-countdown-modern[data-mode="compact"] {gap: .55rem;padding: .5rem .6rem;border-radius: 12px;}.pd-countdown-modern[data-mode="compact"] .unit {min-width: 46px;}.pd-countdown-modern[data-mode="compact"] .num {min-width: 46px;height: 34px;font-size: .92rem;}.pd-countdown-modern[data-mode="compact"] .pd-cd-label {font-size: .66rem;}.pd-countdown-modern[data-mode="compact"] .pd-cd-icon {width: 24px;height: 24px;border-radius: 8px;}.pd-countdown-modern[data-mode="compact"] .pd-cd-progress {height: 5px;}

/* CSS block 6 */
:root {--nava-orange: #2399e6;--nava-orange-dark: #e67e00;--nava-orange-deep: #cc6a00;--nava-gold: #ffc400;--nava-gold-soft: #ffe082;--nava-cream: #eaf8ff;--nava-cream-2: #dff3ff;--nava-surface: #fffdf8;--nava-text: #422d00;--nava-text-soft: #805b00;--nava-border: #f5e1bc;--nava-shadow: 0 12px 32px rgba(230, 126, 0, 0.12);}.product-archive {max-width: 1320px;margin-inline: auto;padding: 0 0 3rem;}.pa-toolbar {display: flex;flex-wrap: wrap;gap: 1rem;justify-content: space-between;align-items: flex-start;margin-bottom: 1.4rem;}.pa-title {font-size: 1.4rem;margin: 0;font-weight: 600;line-height: 1.2;color: #3b83b4;}.pa-left {display: flex;flex-wrap: wrap;gap: .75rem;align-items: center;}.pa-filter-badge {background: #eaf8ff;border: 1px solid #c9ecff;padding: .45rem .6rem;border-radius: 8px;font-size: .7rem;display: flex;align-items: center;gap: .4rem;line-height: 1;color: #0c3b68;}.pa-filter-badge strong {color: #3b83b4;}.pa-filter-badge .clear {display: inline-block;text-decoration: none;background: rgba(197, 160, 89, 0.2);color: #0c3b68;font-weight: 600;padding: 0 .35rem .05rem;border-radius: 4px;transition: .2s;font-size: .75rem;line-height: 1;}.pa-filter-badge .clear:hover {background: rgba(197, 160, 89, 0.35);color: #5c4310;}.pa-filter-badge .clear:hover {background: #9fdcff;color: #3b83b4;}.pa-right {display: flex;gap: 1rem;flex-wrap: wrap;align-items: flex-start;}.pa-search {display: flex;gap: .5rem;align-items: center;background: #fff;border: 1px solid #c9ecff;padding: .4rem .5rem;border-radius: 8px;}.pa-search input[type=text] {border: 0;outline: none;font-size: .8rem;padding: .35rem .4rem;min-width: 200px;}.pa-search button {background: #2399e6;border: 0;color: #fff;font-size: .7rem;padding: .45rem .75rem;border-radius: 6px;cursor: pointer;font-weight: 600;letter-spacing: .3px;transition: .25s;}.pa-search button:hover {background: #2399e6;}.pa-sort {display: flex;gap: .4rem;align-items: center;font-size: .7rem;background: #fff;border: 1px solid #c9ecff;padding: .4rem .55rem;border-radius: 8px;}.pa-sort select {font-size: .75rem;padding: .35rem .5rem;border: 1px solid #9fdcff;border-radius: 6px;background: #fff;outline: none;}.pa-empty {border: 1px dashed #9fdcff;padding: 3rem 1rem;text-align: center;border-radius: 12px;background: #fff;}.pa-empty p {margin: 0 0 1rem;font-size: .9rem;color: #2e665d;}.btn-reset {display: inline-block;background: #2399e6;color: #fff;font-size: .7rem;padding: .55rem 1rem;border-radius: 8px;text-decoration: none;font-weight: 600;letter-spacing: .4px;transition: .25s;}.btn-reset:hover {background: #0a58c7;}.pa-grid {display: grid;gap: 1rem;grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));align-items: stretch;}.pa-card {background: #fff;border: 1px solid #c9ecff;border-radius: 12px;display: flex;flex-direction: column;text-decoration: none;color: inherit;position: relative;overflow: hidden;transition: .28s cubic-bezier(.4, 0, .2, 1);min-width: 0;padding: 0;}.pa-card:hover {transform: translateY(-4px);box-shadow: 0 8px 22px -8px rgba(0, 0, 0, .15);border-color: #dce2ea;}.pa-card .thumb {aspect-ratio: 1/1;background: #eaf8ff;display: flex;align-items: center;justify-content: center;overflow: hidden;position: relative;}.pa-card img {width: 100%;height: 100%;object-fit: cover;display: block;}.badge-disc {position: absolute;top: 8px;left: 8px;background: #2399e6;color: #fff;font-size: .6rem;padding: 4px 6px 3px;border-radius: 6px;font-weight: 700;letter-spacing: .4px;}.pa-card .body {padding: .65rem .7rem .8rem;display: flex;flex-direction: column;gap: .45rem;min-height: 90px;}.pa-card .title {font-size: .75rem;line-height: 1.25;margin: 0;font-weight: 600;color: #3b83b4;height: 2.4em;overflow: hidden;}.pa-card .prices {display: flex;flex-wrap: wrap;align-items: baseline;gap: .4rem;}.pa-card .prices .final {font-size: .83rem;font-weight: 700;color: #1268a8;}.pa-card .prices .ori {font-size: .63rem;text-decoration: line-through;color: #A3842C;font-weight: 500;}.pa-card .cat {margin-top: auto;font-size: .55rem;letter-spacing: .6px;text-transform: uppercase;background: #eaf8ff;border: 1px solid #c9ecff;padding: .28rem .45rem .25rem;border-radius: 20px;font-weight: 600;color: #0c3b68;align-self: flex-start;}.pa-card .meta-line {margin-top: 4px;font-size: .65rem;color: #2e665d;}.pa-card .meta-line .sold {display: inline-block;background: #eaf8ff;padding: 2px 6px 3px;border-radius: 4px;font-weight: 600;letter-spacing: .3px;color: #334155;}.pa-pagination {margin-top: 2rem;display: flex;flex-wrap: wrap;gap: .4rem;justify-content: center;font-size: .7rem;align-items: center;}.pa-pagination a, .pa-pagination span {min-width: 34px;height: 34px;display: flex;align-items: center;justify-content: center;border-radius: 8px;text-decoration: none;font-weight: 600;padding: 0 .6rem;box-sizing: border-box;border: 1px solid #c9ecff;background: #fff;color: #334155;transition: .25s;}.pa-pagination a:hover {background: #eaf8ff;color: #3b83b4;}.pa-pagination .current {background: #2399e6;color: #fff;border-color: #2399e6;}.pa-pagination .gap {border: none;background: transparent;font-weight: 400;color: #57bdf5;}.pa-mobile-filterbar {display: none;}@media (max-width: 640px) {.pa-btn-filter {display: none;}.pa-mobile-filterbar {display: block;position: sticky;top: 0;z-index: 5;background: #fff;border-bottom: 1px solid #c9ecff;padding: .4rem .5rem;margin: -.4rem -1rem .6rem;}}.pa-mobile-filterbar .mf-scroll {display: flex;align-items: center;gap: .5rem;overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-width: none;}.pa-mobile-filterbar .mf-scroll::-webkit-scrollbar {display: none }.mf-chip {flex: 0 0 auto;background: #fff;color: #334155;text-decoration: none;border: 1px solid #c9ecff;border-radius: 999px;padding: .44rem .7rem;font-size: .78rem;font-weight: 600;letter-spacing: .2px;white-space: nowrap;}.mf-chip:active {transform: scale(.98) }.mf-chip.active {background: #eaf8ff;border-color: #2399e6;color: #2399e6;}.mf-filter-btn {position: relative;flex: 0 0 auto;width: 38px;height: 38px;border-radius: 50%;border: 1.5px solid #2399e6;background: #fff;display: inline-flex;align-items: center;justify-content: center;color: #2399e6;cursor: pointer;}.mf-filter-btn:active {transform: scale(.96) }.mf-filter-btn svg {width: 18px;height: 18px;display: block }.mf-filter-btn .mf-badge {position: absolute;top: 0;right: -4px;min-width: 18px;height: 18px;border-radius: 9px;background: #1268a8;color: #fff;font-size: .65rem;font-weight: 700;display: flex;align-items: center;justify-content: center;padding: 0 4px;line-height: 1;box-shadow: 0 2px 6px -2px rgba(68, 239, 202, .6);}}@media (max-width: 640px) {.product-archive {padding: 0 1rem 3rem;}.pa-grid {grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));}.pa-search input[type=text] {min-width: 140px;}.pa-toolbar {flex-direction: column;align-items: stretch;margin-bottom: 0;display: none;}.pa-right {display: none;}.pa-sort {width: 100%;justify-content: center;}.pa-mobile-filterbar {display: flex !important;}}.pa-mobile-filterbar {display: none;align-items: center;gap: 8px;padding: 8px 0 8px 12px;background: #fff;width: 100vw;}.pa-mobile-filterbar .mf-scroll {display: flex;gap: 8px;overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-width: none;flex: 1 1 auto;}.pa-mobile-filterbar .mf-scroll::-webkit-scrollbar {display: none;}.pa-mobile-filterbar .mf-chip {flex: 0 0 auto;white-space: nowrap;}.pa-mobile-filterbar .mf-filter-btn {flex: 0 0 auto;position: relative;display: inline-flex;align-items: center;gap: 6px;}@media (max-width: 768px) {.pa-mobile-filterbar .mf-filter-btn {padding: 6px 10px;}}.pa-card .spec-chips {font-size: .6rem;color: #2399e6;font-weight: 500;letter-spacing: .2px;margin-top: 2px;margin-bottom: 4px;line-height: 1.2;opacity: 0.9;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.pa-card .spec-chips .spec-divider {color: #2399e6;font-weight: 400;margin: 0 1px;}

/* CSS block 7 */
:root {--nava-orange: #d1b48c;--nava-orange-dark: #bc9e74;--nava-orange-deep: #a3855c;--nava-gold: #e7dbaa;--nava-gold-soft: #f3edd3;--nava-cream: #eaf8ff;--nava-cream-2: #f6f2e9;--nava-surface: #fffdf8;--nava-text: #2f2a21;--nava-text-soft: #706552;--nava-border: #ebdcb9;--nava-shadow: 0 12px 32px rgba(163, 133, 92, 0.08);}.holiday-notice {position: fixed;top: 0;left: 0;right: 0;z-index: 9999;background: linear-gradient(135deg, #d32f2f 0%, #f57c00 100%);border-bottom: 2px solid rgba(255, 255, 255, 0.2);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);transform-origin: top;}.holiday-notice.hidden {animation: slideUp 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;}@keyframes slideDown {from {transform: translateY(-100%);opacity: 0;}to {transform: translateY(0);opacity: 1;}}@keyframes slideUp {from {transform: translateY(0);opacity: 1;}to {transform: translateY(-100%);opacity: 0;}}.holiday-notice-container {max-width: 1400px;margin: 0 auto;padding: 12px 20px;display: flex;align-items: center;justify-content: space-between;gap: 16px;}.holiday-notice-content {display: flex;align-items: center;gap: 12px;flex: 1;}.holiday-notice-icon {font-size: 20px;line-height: 1;flex-shrink: 0;}.holiday-notice-text {color: #ffffff;font-size: 14px;font-weight: 500;line-height: 1.5;margin: 0;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);}.holiday-notice-emoji {display: inline-block;animation: bounce 2s ease-in-out infinite;}@keyframes bounce {0%, 100% {transform: translateY(0);}50% {transform: translateY(-4px);}}.holiday-notice-close {background: rgba(255, 255, 255, 0.2);border: 1px solid rgba(255, 255, 255, 0.3);border-radius: 6px;padding: 6px;cursor: pointer;color: #ffffff;transition: all 0.2s ease;flex-shrink: 0;display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;}.holiday-notice-close:hover {background: rgba(255, 255, 255, 0.3);transform: scale(1.05);}.holiday-notice-close:active {transform: scale(0.95);}.holiday-notice-close:focus {outline: 2px solid rgba(255, 255, 255, 0.5);outline-offset: 2px;}body.has-holiday-notice {padding-top: 52px;}@media (max-width: 1024px) {.holiday-notice-container {padding: 10px 16px;}.holiday-notice-text {font-size: 13px;}.holiday-notice-icon {font-size: 18px;}body.has-holiday-notice {padding-top: 48px;}}@media (max-width: 640px) {.holiday-notice-container {padding: 10px 12px;gap: 8px;}.holiday-notice-content {gap: 8px;}.holiday-notice-text {font-size: 12px;line-height: 1.4;}.holiday-notice-icon {font-size: 16px;}.holiday-notice-close {width: 28px;height: 28px;}.holiday-notice-close svg {width: 16px;height: 16px;}body.has-holiday-notice {padding-top: 44px;}}

/* CSS block 8 */
.product-single{--pd-bg:#121100 !important;--pd-soft:#1a0000 !important;--pd-border:rgba(255, 213, 0,.20) !important;--pd-soft-border:rgba(255,242,0,.18) !important;--pd-dark:#eaf8ff !important;--pd-muted:#91d8ff !important;--pd-accent:#91d8ff !important;--pd-shadow: 0 10px 30px rgba(255, 213, 0,.18) !important;}.pd-media-card, .pd-info-card, .pd-side-card, .pd-full-description, .pd-related-full, .pd-installment-card, .pd-installment-card2{background: linear-gradient( 180deg, #160000 0%, #0b0000 100% ) !important;border: 1px solid rgba(255, 213, 0,.20) !important;box-shadow: 0 8px 24px rgba(255, 213, 0,.12) !important;}.pd-title{color:#eaf8ff !important;text-shadow: 0 0 12px rgba(255,242,0,.08) !important;}.pd-price-current{color:#91d8ff !important;text-shadow: 0 0 12px rgba(255,242,0,.18) !important;}.pd-price-original{color:#ff9f43 !important;}.sku, .pd-short-desc, .pd-full-desc-body, .pd-side-card ul, .pd-related-card h3{color:#bfe8ff !important;}.stock-badge.in, .digital-badge{background: linear-gradient( 135deg, #91d8ff, #2399e6, #57bdf5 ) !important;color:#1a0000 !important;border:none !important;}.btn-add-cart, .pd-sticky-btn-buy, .mf-buy{background: linear-gradient( 135deg, #91d8ff 0%, #2399e6 50%, #57bdf5 100% ) !important;color:#1a0000 !important;border:none !important;box-shadow: 0 0 20px rgba(255, 213, 0,.28) !important;}.btn-buy, .btn-chat-icon, .mf-cart, .mf-chat, .mf-share, .pd-sticky-btn-cart, .pd-sticky-btn-chat{background:#180000 !important;color:#91d8ff !important;border: 1px solid rgba(255,242,0,.20) !important;}.btn-buy:hover, .btn-chat-icon:hover, .mf-cart:hover, .mf-chat:hover, .mf-share:hover{background: rgba(255, 213, 0,.10) !important;}.v-chip{background:#180000 !important;border: 1px solid rgba(255, 213, 0,.20) !important;color:#eaf8ff !important;}.v-chip.selected{background: linear-gradient( 135deg, rgba(255, 213, 0,.18), rgba(255,242,0,.10) ) !important;border-color:#91d8ff !important;}.pd-related-card{background:#140000 !important;border: 1px solid rgba(255, 213, 0,.18) !important;}.pd-related-card .thumb{background:#220000 !important;}.pd-related-card .price .final{color:#91d8ff !important;}.pd-related-card .sold{background: rgba(255, 213, 0,.10) !important;color:#91d8ff !important;}.pd-sticky-header{background: rgba(12,0,0,.96) !important;border-bottom: 1px solid rgba(255, 213, 0,.20) !important;backdrop-filter:blur(14px);}.pd-breadcrumb{color:#57bdf5 !important;}.pd-breadcrumb a{color:#91d8ff !important;}.inst-tab.active, .inst-tab:hover, .tenor-btn.active, .tenor-btn:hover{background: linear-gradient( 135deg, #91d8ff, #2399e6, #57bdf5 ) !important;color:#1a0000 !important;border:none !important;}.inst-line{background:#180000 !important;border: 1px solid rgba(255, 213, 0,.18) !important;color:#bfe8ff !important;}.inst-line.highlight{background: linear-gradient( 135deg, #91d8ff, #2399e6, #57bdf5 ) !important;color:#1a0000 !important;}.pd-mobile-fab{background: rgba(12,0,0,.96) !important;border-top: 1px solid rgba(255, 213, 0,.20) !important;}::-webkit-scrollbar{width:8px;}::-webkit-scrollbar-track{background:#121100;}::-webkit-scrollbar-thumb{background: linear-gradient( 180deg, #57bdf5, #91d8ff );border-radius:20px;}

/* CSS block 9 */
:root {--nava-orange: #ffa500;--nava-orange-dark: #ff8c00;--nava-orange-deep: #e66b00;--nava-gold: #57bdf5;--nava-gold-soft: #fff3a8;--nava-cream: #eaf8ff;--nava-cream-2: #ffeec2;--nava-surface: #fffdf8;--nava-text: #302200;--nava-text-soft: #7a5c11;--nava-border: #fadc96;--nava-shadow: 0 12px 32px rgba(255, 140, 0, 0.15);}.pd-benchmark-section {background: #fff;border-radius: 12px;padding: 24px;margin: 32px 0;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);border: 1px solid #4fa8dc;}.benchmark-header {margin-bottom: 20px;}.benchmark-title {font-size: 22px;font-weight: 700;color: #3b83b4;margin: 0 0 12px 0;display: flex;align-items: center;gap: 8px;}.benchmark-hint {font-size: 14px;color: #787266;margin: 0;}.benchmark-preview-badges {display: flex;flex-wrap: wrap;gap: 10px;margin-top: 12px;}.benchmark-badge {display: inline-flex;align-items: center;gap: 6px;background: linear-gradient(135deg, #57bdf5 0%, #c9ecff 50%, #1268a8 100%);color: #fff;padding: 8px 16px;border-radius: 20px;font-size: 13px;font-weight: 500;box-shadow: 0 4px 10px rgba(18, 104, 168, 0.25);transition: all 0.2s ease;}.benchmark-badge:hover {transform: translateY(-2px);box-shadow: 0 4px 12px rgba(102, 126, 234, 0.35);}.benchmark-badge strong {font-weight: 600;opacity: 0.9;}.btn-load-benchmark {display: flex;align-items: center;justify-content: center;gap: 10px;width: 100%;max-width: 420px;padding: 14px 24px;background: linear-gradient(135deg, #57bdf5 0%, #c9ecff 50%, #1268a8 100%);color: #fff;border: none;border-radius: 8px;font-size: 15px;font-weight: 600;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 4px 12px rgba(18, 104, 168, 0.35);margin: 0 auto;}.btn-load-benchmark:hover:not(:disabled) {transform: translateY(-2px);box-shadow: 0 6px 16px rgba(102, 126, 234, 0.4);}.btn-load-benchmark:disabled {opacity: 0.6;cursor: not-allowed;}.btn-load-benchmark .btn-icon {font-size: 20px;}.btn-load-benchmark.loading .btn-icon {animation: spin 1s linear infinite;}@keyframes spin {from {transform: rotate(0deg);}to {transform: rotate(360deg);}}.benchmark-content {margin-top: 24px;padding-top: 24px;border-top: 2px solid #f3f4f6;}.benchmark-loading {text-align: center;padding: 40px 20px;color: #787266;}.benchmark-loading-spinner {width: 48px;height: 48px;margin: 0 auto 16px;border: 4px solid #f3f4f6;border-top-color: #2399e6;border-radius: 50%;animation: spin 1s linear infinite;}.benchmark-error {text-align: center;padding: 32px 20px;color: #1268a8;background: #dff3ff;border-radius: 8px;}.benchmark-data-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 16px;margin-bottom: 24px;}.benchmark-card {background: linear-gradient(135deg, #00ccb115 0%, #2ffff515 100%);border: 1px solid #4fa8dc;border-radius: 10px;padding: 18px;text-align: center;transition: all 0.2s ease;}.benchmark-card:hover {transform: translateY(-3px);box-shadow: 0 6px 16px rgba(102, 126, 234, 0.15);}.benchmark-card-label {font-size: 13px;color: #787266;font-weight: 500;margin-bottom: 8px;text-transform: uppercase;letter-spacing: 0.5px;}.benchmark-card-value {font-size: 24px;font-weight: 700;color: #3b83b4;line-height: 1.2;}.benchmark-card-value.large {font-size: 28px;}.benchmark-card-subtitle {font-size: 12px;color: #9ca3af;margin-top: 4px;}.benchmark-specs {background: #f9fafb;border-radius: 10px;padding: 20px;margin-top: 20px;}.benchmark-specs-title {font-size: 16px;font-weight: 600;color: #3b83b4;margin: 0 0 16px 0;}.benchmark-spec-row {display: flex;justify-content: space-between;padding: 10px 0;border-bottom: 1px solid #4fa8dc;}.benchmark-spec-row:last-child {border-bottom: none;}.benchmark-spec-label {font-size: 14px;color: #787266;font-weight: 500;}.benchmark-spec-value {font-size: 14px;color: #3b83b4;font-weight: 600;text-align: right;}.benchmark-score-badge {display: inline-block;padding: 6px 14px;border-radius: 20px;font-size: 13px;font-weight: 600;margin-top: 8px;}.benchmark-score-badge.excellent {background: #2399e6;color: #fff;}.benchmark-score-badge.good {background: #2399e6;color: #fff;}.benchmark-score-badge.average {background: #57bdf5;color: #fff;}.benchmark-score-badge.poor {background: #1268a8;color: #fff;}.benchmark-attribution {text-align: center;margin-top: 24px;padding-top: 20px;border-top: 1px solid #4fa8dc;font-size: 13px;color: #9ca3af;}.benchmark-attribution a {color: #1268a8;text-decoration: none;font-weight: 500;}.benchmark-attribution a:hover {text-decoration: underline;}@media (max-width: 768px) {.pd-benchmark-section {padding: 16px;margin: 20px 0;}.benchmark-title {font-size: 18px;}.benchmark-preview-badges {flex-direction: column;gap: 8px;}.benchmark-badge {justify-content: center;}.btn-load-benchmark {font-size: 14px;padding: 12px 20px;}.benchmark-data-grid {grid-template-columns: 1fr 1fr;gap: 12px;}.benchmark-card {padding: 14px;}.benchmark-card-value {font-size: 20px;}.benchmark-spec-row {flex-direction: column;gap: 4px;}.benchmark-spec-value {text-align: left;}}@media (max-width: 480px) {.benchmark-data-grid {grid-template-columns: 1fr;}}

/* CSS block 10 */
:root {--nava-orange: #2399e6;--nava-gold: #57bdf5;--nava-cream: #eaf8ff;--nava-dark: #4a3b1a;}

/* CSS block 11 */
:root {--nava-orange: #2399e6;--nava-orange-dark: #e0a200;--nava-orange-deep: #c78f00;--nava-gold: #57bdf5;--nava-gold-soft: #ffeaa7;--nava-cream: #eaf8ff;--nava-cream-2: #fff3db;--nava-surface: #fffdf8;--nava-text: #4a3b1a;--nava-text-soft: #8c733e;--nava-border: #f0e2c2;--nava-shadow: 0 12px 32px rgba(199, 143, 0, 0.15);}:root {--mm2-bg: #ffffff;--mm2-surface: #ffffff;--mm2-surface-elevated: rgba(255, 255, 255, 0.98);--mm2-muted: #f4fbff;--mm2-border: #f0e2c2;--mm2-border-strong: #9fdcff;--mm2-accent: #2399e6;--mm2-accent-hover: #e0a200;--mm2-accent-10: rgba(35, 153, 230, 0.10);--mm2-accent-20: rgba(35, 153, 230, 0.20);--mm2-fg: #4a3b1a;--mm2-fg-muted: #8c733e;--mm2-fg-light: #bfa054;--mm2-shadow-sm: 0 2px 8px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--mm2-shadow-md: 0 8px 24px rgba(15, 23, 42, .10), 0 2px 8px rgba(15, 23, 42, .06);--mm2-shadow-lg: 0 20px 60px rgba(15, 23, 42, .14), 0 8px 24px rgba(15, 23, 42, .08);--mm2-shadow-xl: 0 32px 80px rgba(15, 23, 42, .18), 0 12px 32px rgba(15, 23, 42, .10);--mm2-shadow-hover: 0 16px 40px rgba(15, 23, 42, .16), 0 6px 16px rgba(15, 23, 42, .08);--mm2-radius-xl: 20px;--mm2-radius-lg: 16px;--mm2-radius-md: 12px;--mm2-radius-sm: 10px;--mm2-z: 60;--mm2-transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);--mm2-transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);--mm2-transition-slow: 350ms cubic-bezier(0.4, 0, 0.2, 1);}.navbar {position: relative;z-index: var(--mm2-z);}.mm2-trigger {display: inline-flex;align-items: center;gap: 8px;padding: 10px 14px;border-radius: var(--mm2-radius-md);border: 1.5px solid var(--mm2-border);background: var(--mm2-surface);color: var(--mm2-fg);cursor: pointer;user-select: none;transition: all var(--mm2-transition-fast);text-decoration: none;font-weight: 600;box-shadow: var(--mm2-shadow-sm);}.mm2-trigger:hover {border-color: var(--mm2-accent);background: var(--mm2-muted);box-shadow: var(--mm2-shadow-md);transform: translateY(-1px);}.mm2-trigger:active {transform: translateY(0);}.mm2-trigger svg {max-width: unset !important;transition: transform var(--mm2-transition-fast);}.mm2-trigger:hover svg {transform: scale(1.05);}.mm2-backdrop {position: fixed;inset: 0;top: 0;left: 0;right: 0;bottom: 0;background: rgba(15, 23, 42, .40);backdrop-filter: blur(8px) saturate(1.2);-webkit-backdrop-filter: blur(8px) saturate(1.2);opacity: 0;pointer-events: none;z-index: 499;transition: opacity var(--mm2-transition-base);}.mm2-open .mm2-backdrop {opacity: 1;pointer-events: auto;}.mm2-panel {position: fixed;left: 50%;top: 120px;transform: translateX(-50%) translateY(-16px);width: min(1200px, 95vw);background: var(--mm2-surface-elevated);backdrop-filter: blur(20px) saturate(1.8);-webkit-backdrop-filter: blur(20px) saturate(1.8);border: 1.5px solid var(--mm2-border-strong);border-radius: var(--mm2-radius-xl);box-shadow: var(--mm2-shadow-xl);display: none;overflow: hidden;opacity: 0;z-index: 500;transition: transform var(--mm2-transition-slow), opacity var(--mm2-transition-base);}.mm2-open .mm2-panel {display: block;opacity: 1;transform: translateX(-50%) translateY(0);}.mm2-view {display: none;}.mm2-open .mm2-view.is-active {display: block;}.mm2-top {padding: 24px;max-height: 75vh;overflow: auto;}.mm2-grid {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 14px;}@media (max-width: 1200px) {.mm2-grid {grid-template-columns: repeat(3, minmax(0, 1fr));}}@media (max-width: 960px) {.mm2-grid {grid-template-columns: repeat(2, minmax(0, 1fr));gap: 12px;}}.mm2-open .mm2-card {animation: slideInUp 0.3s cubic-bezier(0.4, 0, 0.2, 1) backwards;}.mm2-open .mm2-card:nth-child(1) {animation-delay: 0.02s;}.mm2-open .mm2-card:nth-child(2) {animation-delay: 0.04s;}.mm2-open .mm2-card:nth-child(3) {animation-delay: 0.06s;}.mm2-open .mm2-card:nth-child(4) {animation-delay: 0.08s;}.mm2-open .mm2-card:nth-child(5) {animation-delay: 0.10s;}.mm2-open .mm2-card:nth-child(6) {animation-delay: 0.12s;}.mm2-open .mm2-card:nth-child(7) {animation-delay: 0.14s;}.mm2-open .mm2-card:nth-child(8) {animation-delay: 0.16s;}.mm2-open .mm2-card:nth-child(9) {animation-delay: 0.18s;}.mm2-open .mm2-card:nth-child(10) {animation-delay: 0.20s;}.mm2-open .mm2-card:nth-child(11) {animation-delay: 0.22s;}.mm2-open .mm2-card:nth-child(12) {animation-delay: 0.24s;}.mm2-open .mm2-card:nth-child(n+13) {animation-delay: 0.26s;}@keyframes slideInUp {from {opacity: 0;transform: translateY(12px);}to {opacity: 1;transform: translateY(0);}}.mm2-card {position: relative;display: flex;gap: 14px;align-items: center;padding: 16px;border-radius: var(--mm2-radius-md);background: var(--mm2-surface);border: 1.5px solid var(--mm2-border);text-decoration: none;color: var(--mm2-fg);transition: all var(--mm2-transition-fast);min-height: 72px;box-shadow: var(--mm2-shadow-sm);}.mm2-card:hover {border-color: var(--mm2-accent);background: linear-gradient(135deg, rgba(255, 255, 255, 1), rgba(248, 250, 252, 1));box-shadow: var(--mm2-shadow-hover);transform: translateY(-3px);}.mm2-card:active {transform: translateY(-1px);}.mm2-card .mm2-ico {width: 48px;height: 48px;border-radius: 12px;display: inline-flex;align-items: center;justify-content: center;background: linear-gradient(135deg, #f7e7b2, #fff);border: 1.5px solid #2399e6;color: #2399e6;flex-shrink: 0;transition: all var(--mm2-transition-fast);box-shadow: 0 2px 8px rgba(35, 153, 230, 0.1);}.mm2-card:hover .mm2-ico {transform: scale(1.08) rotate(2deg);box-shadow: 0 4px 16px rgba(99, 102, 241, 0.2);}.mm2-card .mm2-ico svg {transition: transform var(--mm2-transition-fast);}.mm2-card:hover .mm2-ico svg {transform: scale(1.1);}.mm2-card .mm2-title {font-weight: 700;font-size: 15px;letter-spacing: -0.01em;line-height: 1.3;}.mm2-card .mm2-sub {color: var(--mm2-fg-muted);font-size: 12.5px;margin-top: 3px;display: flex;align-items: center;gap: 4px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.mm2-card .mm2-count {display: inline-flex;padding: 2px 8px;border-radius: 6px;background: var(--mm2-accent-10);color: var(--mm2-accent);font-weight: 600;font-size: 11px;margin-left: 4px;}.mm2-detail {position: relative;padding: 16px 24px 24px;max-height: 70vh;overflow: auto;}.mm2-detail-header {display: flex;align-items: center;gap: 14px;padding: 10px 0 16px;border-bottom: 2px solid var(--mm2-muted);margin-bottom: 16px;}.mm2-back {display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 12px;border: 1.5px solid var(--mm2-border);background: #fff;color: var(--mm2-fg);cursor: pointer;transition: all var(--mm2-transition-fast);box-shadow: var(--mm2-shadow-sm);}.mm2-back:hover {border-color: var(--mm2-accent);background: var(--mm2-muted);transform: translateX(-3px);box-shadow: var(--mm2-shadow-md);}.mm2-detail-title {font-weight: 800;font-size: 18px;letter-spacing: -0.02em;}.mm2-detail-layout {display: grid;grid-template-columns: 280px 1fr;gap: 20px;}.mm2-subnav {position: sticky;top: 8px;align-self: start;max-height: calc(70vh - 56px);overflow: auto;padding-right: 6px;}.mm2-subnav::-webkit-scrollbar {width: 8px;height: 8px;}.mm2-subnav::-webkit-scrollbar-track {background: transparent;}.mm2-subnav::-webkit-scrollbar-thumb {background: #9fdcff;border-radius: 8px;}.mm2-subnav::-webkit-scrollbar-thumb:hover {background: #2399e6;}.mm2-subitem {display: flex;align-items: center;justify-content: flex-start;gap: 10px;width: 100%;padding: 12px 14px;border-radius: 12px;border: 1.5px solid transparent;background: transparent;color: var(--mm2-fg);cursor: pointer;text-align: left;transition: all var(--mm2-transition-fast);margin-bottom: 6px;font-weight: 600;font-size: 14px;position: relative;}.mm2-subitem::before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 3px;height: 0;background: var(--mm2-accent);border-radius: 0 2px 2px 0;transition: height var(--mm2-transition-fast);}.mm2-subitem:hover {background: var(--mm2-muted);color: var(--mm2-accent-hover);}.mm2-subitem.active {background: linear-gradient(135deg, rgba(99, 102, 241, 0.08), rgba(99, 102, 241, 0.04));border-color: var(--mm2-accent-20);color: var(--mm2-accent-hover);box-shadow: inset 0 0 0 1px rgba(99, 102, 241, 0.1);}.mm2-subitem.active::before {height: 24px;}.mm2-subcontent {min-height: 240px;}.mm2-links {display: grid;gap: 12px 14px;grid-template-columns: repeat(3, minmax(0, 1fr));}@media (max-width: 1200px) {.mm2-links {grid-template-columns: repeat(2, minmax(0, 1fr));}}.mm2-link {display: flex;align-items: center;gap: 12px;padding: 14px;border: 1.5px solid var(--mm2-border);border-radius: var(--mm2-radius-md);background: var(--mm2-surface);color: var(--mm2-fg);text-decoration: none;min-height: 52px;font-weight: 500;font-size: 14px;transition: all var(--mm2-transition-fast);box-shadow: var(--mm2-shadow-sm);position: relative;justify-content: space-between;}.mm2-link:hover {background: var(--mm2-muted);border-color: var(--mm2-accent);transform: translateX(4px);box-shadow: var(--mm2-shadow-md);}.mm2-link-text {flex: 1;}.mm2-thumbs {display: flex;gap: 6px;align-items: center;margin-left: auto;flex-shrink: 0;}.mm2-thumb {width: 36px;height: 36px;border-radius: 8px;object-fit: cover;border: 1.5px solid var(--mm2-border);box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);transition: all var(--mm2-transition-fast);background: var(--mm2-muted);}.mm2-link:hover .mm2-thumb {border-color: var(--mm2-accent);box-shadow: 0 4px 10px rgba(99, 102, 241, 0.15);transform: scale(1.08);}.mm2-thumb-skeleton {width: 36px;height: 36px;border-radius: 8px;background: linear-gradient(90deg, #eaf8ff 25%, #c9ecff 50%, #eaf8ff 75%);background-size: 200% 100%;animation: shimmer 1.5s infinite;border: 1.5px solid var(--mm2-border);}.mm2-badge {font-size: 11px;padding: 3px 10px;margin-left: auto;border-radius: 12px;background: var(--mm2-accent-10);color: var(--mm2-accent);font-weight: 700;border: 1px solid var(--mm2-accent-20);}.mm2-seeall {border: 2px dashed var(--mm2-accent);background: linear-gradient(135deg, rgba(99, 102, 241, .08), rgba(99, 102, 241, .02));font-weight: 700;}.mm2-seeall:hover {background: linear-gradient(135deg, rgba(99, 102, 241, .14), rgba(99, 102, 241, .06));border-style: solid;transform: translateX(6px) scale(1.02);}@media (max-width: 960px) {.mm2-panel {position: fixed;left: 0;right: 0;bottom: 0;top: auto;width: 100%;max-height: 88vh;transform: translateX(0) translateY(100%);border-radius: var(--mm2-radius-xl) var(--mm2-radius-xl) 0 0;border-bottom: none;}.mm2-open .mm2-panel {transform: translateX(0) translateY(0);z-index: 9999;}.mm2-backdrop {backdrop-filter: blur(6px) saturate(1.2);-webkit-backdrop-filter: blur(6px) saturate(1.2);}.mm2-mobile-close {position: absolute;top: 4px;right: 8px;width: 28px;height: 28px;border-radius: 50%;border: 1px solid rgba(226, 232, 240, 0.6);background: rgba(255, 255, 255, 0.85);backdrop-filter: blur(12px) saturate(1.8);-webkit-backdrop-filter: blur(12px) saturate(1.8);color: var(--mm2-fg-muted);display: inline-flex;align-items: center;justify-content: center;cursor: pointer;transition: all var(--mm2-transition-fast);box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);z-index: 20;}.mm2-mobile-close:hover {background: rgba(254, 242, 242, 0.95);border-color: rgba(35, 153, 230, 0.8);color: #2399e6;box-shadow: 0 4px 12px rgba(35, 153, 230, 0.15);}.mm2-mobile-close:active {transform: scale(0.92);}.mm2-top::before, .mm2-detail::before {content: '';position: sticky;top: 0;left: 50%;transform: translateX(-50%);width: 40px;height: 4px;background: var(--mm2-border-strong);border-radius: 999px;margin: 12px auto 20px;display: block;z-index: 10;transition: background var(--mm2-transition-fast);}.mm2-panel:active .mm2-top::before, .mm2-panel:active .mm2-detail::before {background: #2399e6;}.mm2-top {padding: 10px;}.mm2-top, .mm2-detail {max-height: min(82vh, 720px);padding-top: 8px;}.mm2-detail-layout {display: block;}.mm2-subnav {position: static;max-height: none;overflow: visible;display: grid;gap: 10px;padding: 10px 4px 16px;margin-bottom: 16px;grid-template-columns: repeat(2, minmax(0, 1fr));border-bottom: 2px solid var(--mm2-muted);}.mm2-subitem {margin: 0;width: 100%;text-align: center;border-radius: 14px;background: #fff;border: 1.5px solid var(--mm2-border);white-space: normal;line-height: 1.3;min-height: 48px;justify-content: center;padding: 12px 10px;font-size: 13.5px;box-shadow: var(--mm2-shadow-sm);}.mm2-subitem::before {display: none;}.mm2-subitem:hover {transform: scale(1.02);}.mm2-subitem.active {background: linear-gradient(135deg, var(--mm2-accent), var(--mm2-accent-hover));border-color: var(--mm2-accent-hover);color: white;box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);font-weight: 700;}.mm2-links {grid-template-columns: repeat(2, minmax(0, 1fr));gap: 10px;}.mm2-thumbs {display: none;}.mm2-card {min-height: 80px;padding: 18px 14px;}.mm2-card .mm2-ico {width: 50px;height: 50px;}.mm2-card .mm2-title {font-size: 14px;}.mm2-card .mm2-sub {font-size: 11.5px;}.mm2-link {min-height: 56px;padding: 16px;}.mm2-back {width: 44px;height: 44px;}.mm2-grid {gap: 10px;}}

/* CSS block 12 */
:root {--nava-orange: #2399e6;--nava-orange-dark: #3b83b4;--nava-orange-deep: #8a6621;--nava-gold: #c9ecff;--nava-gold-soft: #fff3cd;--nava-cream: #eaf8ff;--nava-cream-2: #fdf5e6;--nava-surface: #fffdf8;--nava-text: #3d3119;--nava-text-soft: #7a6336;--nava-border: #e6dbb8;--nava-shadow: 0 12px 32px rgba(170, 132, 42, 0.12);}.pd-compare-section {margin: 0.5rem 0;display: flex;align-items: center;gap: 0.5rem;}.pd-compare-btn {display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.5rem 0.85rem;border: 1px solid #9fdcff;border-radius: 20px;background: #fff;color: #2399e6;font-weight: 600;font-size: 0.8rem;cursor: pointer;transition: all 0.2s ease;position: relative;white-space: nowrap;}.pd-compare-btn:hover {border-color: #2399e6;color: #2399e6;background: #eaf8ff;transform: translateY(-1px);box-shadow: 0 4px 10px rgba(35, 153, 230, 0.2);}.pd-compare-btn.added {border-color: #2399e6;color: #2399e6;background: #eaf8ff;}.pd-compare-btn .compare-remove {display: none;}.pd-compare-btn.added .compare-text {display: none;}.pd-compare-btn.added .compare-remove {display: flex !important;align-items: center;gap: 0.25rem;font-weight: 600;font-size: 0.9rem;color: #2399e6 !important;opacity: 1 !important;visibility: visible !important;z-index: 1;position: relative;}.pd-compare-btn.added .compare-remove[hidden] {display: flex !important;}.pd-compare-btn.added .compare-remove {display: flex !important;}[hidden].compare-remove {display: none !important;}.pd-compare-btn.added [hidden].compare-remove {display: flex !important;}.pd-compare-btn.added {border-color: #2399e6 !important;color: #2399e6 !important;background: #dff3ff !important;}.pd-compare-btn.added .compare-remove svg {color: #2399e6 !important;}.pd-compare-btn.added:hover {border-color: #57bdf5;color: #57bdf5;background: #dff3ff;transform: translateY(-1px);box-shadow: 0 2px 6px rgba(197, 160, 89, 0.3);}.pd-compare-btn .compare-icon {width: 16px;height: 16px;flex-shrink: 0;}.pd-compare-info {display: inline-flex;align-items: center;}.compare-note {color: #1A1A1A !important;font-size: 0.7rem;font-weight: 500;transition: color 0.2s ease;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 -1px 0 rgba(0, 0, 0, 0.8);}.pd-compare-btn.added+.pd-compare-info .compare-note {color: #2399e6;font-weight: 600;}.compare-indicator {position: relative;}.compare-indicator .badge {position: absolute;top: -8px;right: -8px;min-width: 18px;height: 18px;padding: 0 5px;background: #1268a8;color: white;border-radius: 9px;font-size: 11px;.compare-floating-badge {position: fixed;right: 16px;bottom: calc(20px + 60px);width: auto;min-width: 56px;height: 56px;padding: 0 16px;border-radius: 28px;background: linear-gradient(135deg, #57bdf5 0%, #e5c17d 100%);color: #fff;box-shadow: 0 8px 24px -8px rgba(197, 160, 89, 0.6);cursor: pointer;z-index: 1104;opacity: 0;transform: translateY(8px) scale(0.9);transition: opacity 0.3s ease, transform 0.3s ease, box-shadow 0.2s ease;display: flex;align-items: center;justify-content: center;gap: 8px;font-weight: 600;font-size: 0.85rem;pointer-events: none;}.compare-floating-badge.visible {opacity: 1;transform: translateY(0) scale(1);pointer-events: auto;}.compare-floating-badge:hover {box-shadow: 0 12px 32px -10px rgba(59, 130, 246, 0.6);transform: translateY(-2px) scale(1.02);}.compare-floating-badge:active {transform: translateY(0) scale(0.98);}.compare-floating-badge .cfb-icon {width: 20px;height: 20px;flex-shrink: 0;}.compare-floating-badge .cfb-count {font-size: 0.9rem;font-weight: 700;min-width: 20px;text-align: center;background: rgba(255, 255, 255, 0.25);padding: 2px 8px;border-radius: 12px;line-height: 1;display: flex;align-items: center;justify-content: center;height: 24px;}.compare-floating-badge .cfb-text {display: none;}@media (min-width: 641px) {.compare-floating-badge .cfb-text {display: block;white-space: nowrap;}}@media (max-width: 640px) {.compare-floating-badge {right: 14px;bottom: calc(var(--scroll-top-bottom, calc(68px + 18px + env(safe-area-inset-bottom))) + 60px);min-width: 48px;height: 48px;padding: 0 12px;border-radius: 24px;}.compare-floating-badge .cfb-icon {width: 18px;height: 18px;}.compare-floating-badge .cfb-count {font-size: 0.8rem;padding: 2px 6px;height: 20px;}}font-weight: 600;display: flex;align-items: center;justify-content: center;transform: scale(0);transition: transform 0.2s ease;}.compare-indicator .badge.active {transform: scale(1);}.compare-sidebar {position: fixed;top: 0;right: -400px;width: 400px;height: 100vh;background: #ffffff;box-shadow: -4px 0 20px rgba(0, 0, 0, 0.1);z-index: 9999;display: flex;flex-direction: column;transition: right 0.3s ease;}.compare-sidebar.open {right: 0;}.compare-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 9998;opacity: 0;visibility: hidden;transition: all 0.3s ease;}.compare-overlay.active {opacity: 1;visibility: visible;}.compare-header {display: flex;align-items: center;justify-content: space-between;padding: 1.25rem;border-bottom: 1px solid #c9ecff;background: #f4fbff;}.compare-title {display: flex;align-items: center;gap: 0.5rem;font-size: 1rem;font-weight: 600;color: #3b83b4;margin: 0;}.compare-count {color: #2399e6;font-weight: 400;}.compare-close {display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;border: none;border-radius: 6px;background: transparent;color: #2399e6;cursor: pointer;transition: all 0.2s ease;}.compare-close:hover {background: #dff3ff;color: #0c3b68;}.compare-content {flex: 1;overflow-y: auto;padding: 1rem;}.compare-empty {display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%;text-align: center;padding: 2rem 1rem;}.compare-empty h5 {margin: 1rem 0 0.5rem;color: #1f5555;}.compare-empty p {color: #2399e6;font-size: 0.875rem;line-height: 1.5;}.compare-list {display: flex;flex-direction: column;gap: 0.75rem;}.compare-item {display: flex;align-items: center;gap: 0.75rem;padding: 0.75rem;border: 1px solid #c9ecff;border-radius: 8px;background: #ffffff;transition: all 0.2s ease;}.compare-item:hover {border-color: #9fdcff;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);}.compare-item-image {flex-shrink: 0;width: 48px;height: 48px;border-radius: 6px;overflow: hidden;border: 1px solid #c9ecff;}.compare-item-image img {width: 100%;height: 100%;object-fit: cover;}.compare-item-info {flex: 1;min-width: 0;}.compare-item-name {font-weight: 500;font-size: 0.875rem;color: #3b83b4;margin-bottom: 0.25rem;line-height: 1.3;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.compare-item-price {font-weight: 600;font-size: 0.8rem;color: #00b890;}.compare-item-remove {flex-shrink: 0;display: flex;align-items: center;justify-content: center;width: 28px;height: 28px;border: none;border-radius: 4px;background: transparent;color: #2399e6;cursor: pointer;transition: all 0.2s ease;}.compare-item-remove:hover {background: #dff3ff;color: #991b1b;}.compare-actions {padding: 1rem;border-top: 1px solid #e5c158;display: flex;gap: 0.75rem;}.compare-actions .btn {flex: 1;padding: 0.75rem 1rem;border-radius: 6px;font-weight: 600;font-size: 0.875rem;display: flex;align-items: center;justify-content: center;gap: 0.5rem;cursor: pointer;transition: all 0.2s ease;}.btn-outline-danger {border: 1px solid #2399e6;background: transparent;color: #2399e6;}.btn-outline-danger:hover {background: #2399e6;color: white;}.btn-primary {border: 1px solid #2399e6;background: #2399e6;color: white;}.btn-primary:hover {background: #57bdf5;border-color: #57bdf5;}.btn-primary:disabled {opacity: 0.5;cursor: not-allowed;}.btn-primary:disabled:hover {background: #2399e6;border-color: #2399e6;}.ai-compare-modal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 10000;display: none;align-items: center;justify-content: center;}.ai-compare-modal.open {display: flex;}.ai-compare-modal .modal-backdrop {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);backdrop-filter: blur(4px);}.modal-container {position: relative;width: 90%;max-width: 1000px;max-height: 90vh;background: #ffffff;border-radius: 12px;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);display: flex;flex-direction: column;overflow: hidden;}.modal-header {display: flex;align-items: center;justify-content: space-between;padding: 1.5rem 2rem;border-bottom: 1px solid #c9ecff;background: #f4fbff;}.modal-title {display: flex;align-items: center;gap: 0.75rem;font-size: 1.25rem;font-weight: 600;color: #3b83b4;margin: 0;}.modal-close {display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;border: none;border-radius: 8px;background: transparent;color: #2399e6;cursor: pointer;transition: all 0.2s ease;}.modal-close:hover {background: #dff3ff;color: #0c3b68;}.modal-content {flex: 1;overflow-y: auto;padding: 2rem;}.ai-loading {display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 3rem 2rem;text-align: center;}.loading-animation {margin-bottom: 1rem;}.typing-indicator {display: flex;align-items: center;justify-content: center;gap: 4px;margin-bottom: 1rem;}.typing-indicator span {width: 8px;height: 8px;background: #2399e6;border-radius: 50%;animation: typing 1.4s infinite ease-in-out;}.typing-indicator span:nth-child(2) {animation-delay: 0.2s;}.typing-indicator span:nth-child(3) {animation-delay: 0.4s;}@keyframes typing {0%, 80%, 100% {opacity: 0.3;transform: scale(0.8);}40% {opacity: 1;transform: scale(1);}}.ai-loading p {font-weight: 500;color: #3b83b4;margin-bottom: 0.5rem;}.ai-loading small {color: #2399e6;}.ai-error {display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 3rem 2rem;text-align: center;}.ai-error h4 {margin: 1rem 0 0.5rem;color: #2399e6;}.ai-error p {color: #2399e6;margin-bottom: 1.5rem;}.ai-results>div {margin-bottom: 2rem;}.ai-summary-card, .ai-comparison-table, .ai-detailed-analysis, .ai-recommendations, .ai-tips {background: #f4fbff;border: 1px solid #c9ecff;border-radius: 12px;padding: 1.5rem;}.ai-results h4 {display: flex;align-items: center;gap: 0.5rem;font-size: 1.1rem;font-weight: 600;color: #3b83b4;margin-bottom: 1rem;}.summary-text {font-size: 1rem;line-height: 1.6;color: #1f5555;margin-bottom: 1rem;}.winner-badge {padding: 1rem;background: linear-gradient(135deg, #1268a8 0%, #2399e6 100%);color: white;border-radius: 8px;}.winner-badge strong {display: block;margin-bottom: 0.25rem;}.winner-badge small {opacity: 0.9;font-size: 0.875rem;}.comparison-grid {display: grid;gap: 1rem;margin-top: 1rem;}.comparison-category {background: white;border: 1px solid #c9ecff;border-radius: 8px;overflow: hidden;}.category-header {background: #eaf8ff;padding: 0.75rem 1rem;font-weight: 600;color: #3b83b4;border-bottom: 1px solid #c9ecff;}.category-products {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 1px;background: #c9ecff;}.product-score {background: white;padding: 1rem;text-align: center;}.score-value {display: inline-flex;align-items: center;gap: 0.25rem;margin-bottom: 0.5rem;}.score-stars {color: #2399e6;}.score-note {font-size: 0.8rem;color: #2399e6;line-height: 1.3;}.product-name-header {margin-bottom: 0.5rem;}.product-name-header strong {font-size: .8rem;font-weight: 600;color: #3b83b4;line-height: 1.3;display: block;word-break: break-word;}.product-price {font-size: 0.8rem;font-weight: 600;color: #00b890;}.products-analysis {display: grid;gap: 1rem;margin-top: 1rem;}.product-analysis {background: white;border: 1px solid #c9ecff;border-radius: 8px;padding: 1rem;}.product-analysis h5 {color: #3b83b4;margin-bottom: 0.75rem;font-weight: 600;}.analysis-section {margin-bottom: 0.75rem;}.analysis-section:last-child {margin-bottom: 0;}.analysis-section h6 {font-size: 0.875rem;font-weight: 600;margin-bottom: 0.5rem;}.analysis-section h6.strengths {color: #00b890;}.analysis-section h6.weaknesses {color: #2399e6;}.analysis-section h6.best-for {color: #2399e6;}.analysis-section ul {list-style: none;padding: 0;margin: 0;}.analysis-section li {display: flex;align-items: flex-start;gap: 0.5rem;margin-bottom: 0.25rem;font-size: 0.875rem;line-height: 1.4;}.analysis-section li:before {content: "•";color: #2399e6;font-weight: bold;margin-top: 0.1rem;}.best-for-text {font-size: 0.875rem;color: #1f5555;font-style: italic;}.recommendations-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 1rem;margin-top: 1rem;}.recommendation-card {background: white;border: 1px solid #c9ecff;border-radius: 8px;padding: 1rem;text-align: center;}.recommendation-card h5 {font-size: 1rem;margin-bottom: 0.75rem;color: #3b83b4;}.recommendation-card p {font-size: 0.875rem;color: #1f5555;line-height: 1.5;}.tips-list {list-style: none;padding: 0;margin: 1rem 0 0 0;}.tips-list li {display: flex;align-items: flex-start;gap: 0.75rem;margin-bottom: 0.75rem;font-size: 0.9rem;line-height: 1.5;color: #1f5555;}.tips-list li:before {content: "💡";font-size: 1rem;margin-top: 0.1rem;}.modal-footer {display: flex;justify-content: space-between;align-items: center;padding: 1.5rem 2rem;border-top: 1px solid #c9ecff;background: #f4fbff;}.btn-outline-secondary {border: 1px solid #2399e6;background: transparent;color: #2399e6;padding: 0.75rem 1.5rem;border-radius: 6px;font-weight: 600;display: flex;align-items: center;gap: 0.5rem;cursor: pointer;transition: all 0.2s ease;}.btn-outline-secondary:hover {background: #2399e6;color: white;}@media (max-width: 880px) {.pd-compare-section {margin: 1rem 0;display: block;}.pd-compare-btn {width: 100%;font-size: 0.85rem;padding: 0.65rem 1rem;border-radius: 10px;justify-content: center;min-height: 44px;}.pd-compare-btn .compare-icon {width: 16px;height: 16px;}.pd-compare-info {margin-top: 0.5rem;display: block;text-align: center;}.compare-note {font-size: 0.7rem;display: block;}}@media (max-width: 768px) {.compare-sidebar {width: 100%;right: -100%;height: 100vh;height: 100dvh;}.compare-actions {position: sticky;bottom: 0;background: white;border-top: 2px solid #57bdf5;box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);z-index: 10;}.compare-actions .btn {min-height: 48px;font-size: 0.9rem;font-weight: 700;}.modal-container {width: 95%;max-height: 95vh;max-height: 95dvh;}.modal-header, .modal-content, .modal-footer {padding: 1rem;}.recommendations-grid {grid-template-columns: 1fr;}.category-products {grid-template-columns: 1fr;}.modal-footer {flex-direction: column;gap: 0.75rem;}.modal-footer .btn {width: 100%;}.pd-compare-section {display: block !important;visibility: visible !important;opacity: 1 !important;margin: 1rem 0;padding: 0;position: relative !important;z-index: 1 !important;max-width: 100%;overflow: hidden;}.pd-compare-btn {display: flex !important;visibility: visible !important;opacity: 1 !important;width: 100%;padding: 0.75rem 1rem;font-size: 0.9rem;min-height: 48px;border: 2px solid #57bdf5 !important;background: #fff !important;position: relative !important;z-index: 2 !important;box-sizing: border-box;white-space: normal !important;flex-wrap: wrap;gap: 0.5rem;}.pd-compare-btn .compare-text {display: inline !important;visibility: visible !important;font-weight: 600;color: #2e665d !important;}.pd-compare-btn .compare-remove {display: none !important;}.pd-compare-btn.added .compare-remove {display: flex !important;flex-wrap: wrap;align-items: center;gap: 0.4rem;white-space: normal !important;word-break: break-word;}.pd-compare-btn .compare-icon {display: inline-block !important;width: 18px;height: 18px;flex-shrink: 0;}.pd-compare-info {margin-top: 0.5rem;}.compare-note {font-size: 0.85rem !important;display: block !important;visibility: visible !important;color: #2399e6 !important;}}@media (max-width: 480px) {#compareBtn {width: 46px;height: 46px;}.pd-compare-section {-webkit-transform: translateZ(0);transform: translateZ(0);}.pd-compare-btn {-webkit-appearance: none !important;appearance: none !important;-webkit-tap-highlight-color: transparent;touch-action: manipulation;}.compare-sidebar {height: 100vh;height: -webkit-fill-available;min-height: 100vh;min-height: -webkit-fill-available;}.compare-actions {position: sticky;bottom: 0;background: white;border-top: 2px solid #57bdf5;box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.15);padding: 1.25rem 1rem;z-index: 20;}.compare-actions .btn {min-height: 52px;font-size: 1rem;font-weight: 700;border-radius: 8px;}.compare-content {padding-bottom: 6rem;}}@media (-webkit-min-device-pixel-ratio: 2) and (max-width: 430px) {.pd-compare-section {display: block !important;}.pd-compare-btn {display: flex !important;min-height: 44px;font-size: 16px;}.compare-sidebar {height: 100vh;height: 100dvh;height: -webkit-fill-available;max-height: 100vh;max-height: 100dvh;max-height: -webkit-fill-available;overflow: hidden;}.compare-content {flex: 1;overflow-y: auto;-webkit-overflow-scrolling: touch;padding: 1rem 1rem 8rem 1rem;}.compare-actions {position: fixed;bottom: 0;left: 0;right: 0;width: 100%;background: white;border-top: 2px solid #57bdf5;box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.2);padding: 1rem;z-index: 9999;display: flex !important;gap: 0.75rem;}.compare-actions .btn {flex: 1;min-height: 30px;font-size: .8rem;font-weight: 600;border-radius: 12px;display: flex !important;align-items: center;justify-content: center;gap: 0.5rem;}#compareAnalyze {background: #2399e6 !important;border-color: #2399e6 !important;color: white !important;box-shadow: 0 4px 12px rgba(35, 153, 230, 0.35);}#compareAnalyze:not(:disabled) {background: #57bdf5 !important;border-color: #57bdf5 !important;transform: scale(1.02);}#compareAnalyze:disabled {opacity: 0.6 !important;background: #9ca3af !important;border-color: #9ca3af !important;}}.ai-disclaimer {display: flex;align-items: flex-start;gap: 0.75rem;padding: 1rem;background: #fef3c7;border: 1px solid #2399e6;border-radius: 8px;margin: 0;}.disclaimer-icon {font-size: 1.25rem;flex-shrink: 0;margin-top: 0.125rem;}.disclaimer-text {font-size: 0.85rem;line-height: 1.4;color: #0e9281;}.disclaimer-text strong {color: #0f786f;font-weight: 600;}.compare-disclaimer {margin-top: 1rem;padding: 1rem;background: #eaf8ff;border: 1px solid #2399e6;border-radius: 8px;}.compare-disclaimer h6 {display: flex;align-items: center;gap: 0.5rem;font-size: 0.875rem;font-weight: 600;color: #0c4a6e;margin-bottom: 0.5rem;}.compare-disclaimer p {font-size: 0.8rem;line-height: 1.4;color: #075985;margin-bottom: 0.5rem;}.compare-disclaimer p:last-child {margin-bottom: 0;}.compare-disclaimer ul {list-style: none;padding: 0;margin: 0.5rem 0 0 0;}.compare-disclaimer li {display: flex;align-items: flex-start;gap: 0.5rem;margin-bottom: 0.25rem;font-size: 0.75rem;line-height: 1.3;color: #075985;}.compare-disclaimer li:before {content: "•";color: #2399e6;font-weight: bold;margin-top: 0.1rem;flex-shrink: 0;}@supports (height: 100dvh) {@media (max-width: 768px) {.compare-sidebar {height: 100dvh !important;max-height: 100dvh !important;}.modal-container {max-height: 95dvh !important;}}}@supports (height: -webkit-fill-available) {@media (max-width: 768px) {.compare-sidebar {height: -webkit-fill-available !important;max-height: -webkit-fill-available !important;}}}@media (max-width: 768px) and (orientation: portrait) {.compare-sidebar {min-height: 600px;height: calc(100vh - env(keyboard-inset-height, 0px));height: calc(100vh - env(safe-area-inset-bottom, 0px));}.compare-actions {position: sticky !important;bottom: env(safe-area-inset-bottom, 0px) !important;margin-bottom: 0 !important;padding-bottom: calc(1rem + env(safe-area-inset-bottom, 0px)) !important;}}@media (display-mode: standalone) {.compare-sidebar {height: 100vh !important;height: 100dvh !important;}}.btn-sm {padding: 0.5rem 0.75rem;font-size: 0.8rem;}[hidden] {display: none !important;}.pulse-highlight {animation: pulse-glow 2s ease-in-out 3;box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.7);}@keyframes pulse-glow {0% {box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.7);}50% {box-shadow: 0 0 0 10px rgba(59, 130, 246, 0);}100% {box-shadow: 0 0 0 0 rgba(59, 130, 246, 0);}}.flying-product {position: fixed;z-index: 9999;pointer-events: none;}.flying-product img {border-radius: 8px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);}

/* CSS block 13 */
:root {--nava-orange: #ff9f00;--nava-orange-dark: #e68a00;--nava-orange-deep: #cc7a00;--nava-gold: #ffea00;--nava-gold-soft: #fff59d;--nava-cream: #eaf8ff;--nava-cream-2: #ffeecf;--nava-surface: #fffdf8;--nava-text: #3e2723;--nava-text-soft: #795548;--nava-border: #ffe0b2;--nava-shadow: 0 12px 32px rgba(230, 138, 0, 0.12);}.prod-card {position: relative;}.prod-card-actions-btn {position: absolute;top: 8px;right: 8px;width: 32px;height: 32px;border-radius: 50%;background: rgba(255, 255, 255, 0.95);border: 1px solid rgba(0, 0, 0, 0.08);display: inline-flex;align-items: center;justify-content: center;cursor: pointer;z-index: 3;transition: all 0.2s ease;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);-webkit-tap-highlight-color: transparent;}.prod-card-actions-btn:hover {background: #fff;border-color: rgba(0, 0, 0, 0.15);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);transform: scale(1.05);}.prod-card-actions-btn:active {transform: scale(0.95);}.prod-card-actions-btn svg {width: 20px;height: 20px;color: #2399e6;display: block;}@media (min-width: 641px) {.prod-card-actions-btn {opacity: 0;pointer-events: none;}.prod-card:hover .prod-card-actions-btn {opacity: 1;pointer-events: auto;}}@media (max-width: 640px) {.prod-card-actions-btn {width: 28px;height: 28px;top: 6px;right: 6px;opacity: 95%;}.prod-card-actions-btn svg {width: 18px;height: 18px;}}.pca-overlay {position: fixed;inset: 0;background: rgba(15, 23, 42, 0.6);backdrop-filter: blur(4px);z-index: 99998;opacity: 0;visibility: hidden;transition: all 0.3s ease;}.pca-overlay.active {opacity: 1;visibility: visible;}.pca-bottom-sheet {position: fixed;bottom: 0;left: 0;right: 0;background: #fff;border-radius: 20px 20px 0 0;box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.15);z-index: 99999;max-width: 600px;margin: 0 auto;transform: translateY(100%);transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}.pca-bottom-sheet.active {transform: translateY(0);}.pca-sheet-handle {width: 40px;height: 4px;background: #9fdcff;border-radius: 999px;margin: 12px auto 8px;}.pca-sheet-product {display: flex;gap: 12px;padding: 12px 20px;border-bottom: 1px solid #eaf8ff;}.pca-product-image {width: 60px;height: 60px;border-radius: 8px;object-fit: cover;flex-shrink: 0;border: 1px solid #c9ecff;}.pca-product-info {flex: 1;min-width: 0;}.pca-product-name {font-size: 14px;font-weight: 600;color: #3b83b4;margin: 0 0 4px 0;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;line-height: 1.3;}.pca-product-price {font-size: 15px;font-weight: 700;color: #1268a8;margin: 0;}.pca-product-stock {font-size: 12px;color: #2399e6;margin: 2px 0 0 0;}.pca-product-stock.in {color: #2399e6;}.pca-product-stock.low {color: #0cead8;}.pca-product-stock.out {color: #2399e6;}.pca-sheet-actions {padding: 8px 0 20px;}.pca-action-item {display: flex;align-items: center;gap: 16px;padding: 16px 20px;background: transparent;border: 0;width: 100%;cursor: pointer;transition: background-color 0.15s ease;-webkit-tap-highlight-color: transparent;}.pca-action-item:hover {background: #f4fbff;}.pca-action-item:active {background: #eaf8ff;}.pca-action-item:disabled {opacity: 0.4;cursor: not-allowed;}.pca-action-item:disabled:hover {background: transparent;}.pca-action-icon {width: 24px;height: 24px;color: #2e665d;flex-shrink: 0;}.pca-action-content {flex: 1;text-align: left;}.pca-action-label {font-size: 15px;font-weight: 600;color: #3b83b4;margin: 0 0 2px 0;}.pca-action-desc {font-size: 12px;color: #2399e6;margin: 0;}.pca-action-badge {display: inline-flex;align-items: center;justify-content: center;min-width: 20px;height: 20px;padding: 0 6px;background: #2399e6;color: #fff;font-size: 11px;font-weight: 700;border-radius: 999px;margin-left: auto;}.pca-action-badge.compare {background: #2399e6;}.pca-action-item.cart .pca-action-icon {color: #2399e6;}.pca-action-item.compare .pca-action-icon {color: #2399e6;}.pca-action-item.compare.active {background: rgba(35, 153, 230, 0.08);}.pca-action-item.compare.active .pca-action-label {color: #2399e6;}.pca-action-item.compare.active .pca-action-icon {color: #2399e6;}.pca-action-item.share .pca-action-icon {color: #2399e6;}.pca-action-item.loading {pointer-events: none;}.pca-action-item.loading .pca-action-icon {animation: spin 1s linear infinite;}@keyframes spin {from {transform: rotate(0deg);}to {transform: rotate(360deg);}}.pca-action-item.success .pca-action-icon {animation: checkmark 0.5s ease;}@keyframes checkmark {0% {transform: scale(0);}50% {transform: scale(1.2);}100% {transform: scale(1);}}@supports (padding-bottom: env(safe-area-inset-bottom)) {.pca-sheet-actions {padding-bottom: calc(20px + env(safe-area-inset-bottom));}}@media (max-width: 640px) {.pca-bottom-sheet {border-radius: 16px 16px 0 0;}.pca-sheet-product {padding: 10px 16px;}.pca-product-image {width: 50px;height: 50px;}.pca-product-name {font-size: 13px;}.pca-product-price {font-size: 14px;}.pca-action-item {padding: 14px 16px;gap: 12px;}.pca-action-icon {width: 22px;height: 22px;}.pca-action-label {font-size: 14px;}}.flying-product {position: fixed;pointer-events: none;z-index: 99999;animation: fadeOut 0.8s ease forwards;}@keyframes fadeOut {to {opacity: 0;transform: scale(0.5);}}@media (min-width: 1024px) {}@media print {.prod-card-actions-btn, .pca-overlay, .pca-bottom-sheet {display: none !important;}}

/* CSS block 14 */
:root {--nava-orange: #e5a93c;--nava-orange-dark: #cc922b;--nava-orange-deep: #a67318;--nava-gold: #f2cb73;--nava-gold-soft: #fbf0d5;--nava-cream: #eaf8ff;--nava-cream-2: #f9eed7;--nava-surface: #fffdf8;--nava-text: #3d2d11;--nava-text-soft: #7a5e31;--nava-border: #ebdcb9;--nava-shadow: 0 12px 32px rgba(166, 115, 24, 0.12);}.modal-overlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);backdrop-filter: blur(4px);display: flex;align-items: center;justify-content: center;z-index: 9999;opacity: 0;visibility: hidden;transition: all 0.2s ease;}.modal-overlay.show {opacity: 1;visibility: visible;}.modal-dialog {background: white;border-radius: 16px;box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);max-width: 400px;width: 90%;max-height: 90vh;overflow-y: auto;transform: scale(0.95);transition: transform 0.2s ease;}.modal-overlay.show .modal-dialog {transform: scale(1);}.modal-header {padding: 24px 24px 16px;border-bottom: 1px solid #eaf8ff;}.modal-title {font-size: 20px;font-weight: 700;color: #3b83b4;margin: 0;display: flex;align-items: center;gap: 12px;}.modal-body {padding: 16px 24px 24px;}.modal-message {font-size: 16px;line-height: 1.5;color: #2e665d;margin: 0;}.modal-actions {display: flex;gap: 12px;margin-top: 24px;}.modal-btn {flex: 1;padding: 12px 16px;border: none;border-radius: 8px;font-size: 14px;font-weight: 600;cursor: pointer;transition: all 0.2s ease;text-align: center;}.modal-btn-secondary {background: #f4fbff;color: #2399e6;border: 1px solid #e5c158;}.modal-btn-secondary:hover {background: #eaf8ff;border-color: #9fdcff;}.modal-btn-danger {background: #1268a8;color: white;}.modal-btn-danger:hover {background: #2399e6;}.modal-btn-primary {background: #2399e6;color: white;}.modal-btn-primary:hover {background: #57bdf5;}.modal-icon {font-size: 24px;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;border-radius: 8px;}.modal-icon.danger {background: #dff3ff;color: #1268a8;}.modal-icon.warning {background: #fffbeb;color: #1268a8;}.modal-icon.success {background: #eaf8ff;color: #2399e6;}.modal-icon.info {background: #fff5df;color: #57bdf5;}@media (max-width: 640px) {.modal-dialog {margin: 16px;max-width: none;width: auto;}.modal-header, .modal-body {padding-left: 20px;padding-right: 20px;}.modal-actions {flex-direction: column;}.modal-btn {flex: none;}}

/* CSS block 15 */
:root {--nava-orange: #57bdf5;--nava-orange-dark: #e6c300;--nava-orange-deep: #ccad00;--nava-gold: #ffee55;--nava-gold-soft: #fff9c4;--nava-cream: #eaf8ff;--nava-cream-2: #fff5dc;--nava-surface: #fffdf8;--nava-text: #332b00;--nava-text-soft: #736100;--nava-border: #f2e2be;--nava-shadow: 0 12px 32px rgba(230, 195, 0, 0.15);}.product-tabs {display: flex;border-bottom: 2px solid #4fa8dc;margin: 24px 0 16px;gap: 8px;}.tab-btn {padding: 12px 20px;border: none;background: none;cursor: pointer;font-size: 15px;font-weight: 500;color: #787266;border-bottom: 3px solid transparent;transition: all 0.2s ease;position: relative;top: 2px;}.tab-btn:hover {color: #3b83b4;}.tab-btn.active {color: #2399e6;border-bottom-color: #2399e6;}.tab-content {padding: 20px 0;}.review-stats {display: grid;grid-template-columns: 200px 1fr;gap: 32px;padding: 24px;background: #f9fafb;border-radius: 12px;margin-bottom: 24px;}.rating-summary {text-align: center;}.avg-rating {display: block;font-size: 48px;font-weight: 700;color: #3b83b4;line-height: 1;}.rating-summary .stars {font-size: 24px;color: #2399e6;margin: 8px 0;}.total-reviews {display: block;font-size: 14px;color: #787266;margin-top: 4px;}.rating-breakdown {display: flex;flex-direction: column;gap: 8px;}.rating-bar {display: flex;align-items: center;gap: 12px;}.rating-label {font-size: 14px;color: #1f5555;width: 32px;text-align: right;}.bar-container {flex: 1;height: 8px;background: #4fa8dc;border-radius: 4px;overflow: hidden;}.bar-fill {height: 100%;background: linear-gradient(90deg, #ffcf57 0%, #2399e6 50%, #1268a8 100%);transition: width 0.3s ease;}.rating-count {font-size: 14px;color: #787266;width: 40px;text-align: right;}.review-filters {display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}.review-sort {padding: 8px 12px;border: 1px solid #4fa8dc border-radius: 8px;font-size: 14px;background: white;}.write-review-btn {padding: 10px 20px;background: #2399e6;color: white;border: none;border-radius: 8px;font-weight: 500;cursor: pointer;transition: background 0.2s;}.write-review-btn:hover {background: #57bdf5;}.write-review-btn:hover {background: #2399e6;}.reviews-list {display: flex;flex-direction: column;gap: 16px;}.review-item {padding: 20px;background: white;border: 1px solid #4fa8dc;border-radius: 12px;transition: box-shadow 0.2s;}.review-item:hover {box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);}.review-header {display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 8px;}.review-author {display: flex;align-items: center;gap: 8px;}.review-author strong {font-size: 15px;color: #3b83b4;}.verified-badge {display: inline-flex;align-items: center;gap: 4px;font-size: 12px;color: #00b890;background: #fff4de;padding: 2px 8px;border-radius: 4px;font-weight: 500;}.anonymous-badge {display: inline-flex;align-items: center;font-size: 12px;color: #787266;background: #f3f4f6;padding: 2px 6px;border-radius: 4px;margin-left: 4px;cursor: help;}.review-rating .stars {font-size: 16px;color: #2399e6;}.review-date {font-size: 13px;color: #9ca3af;margin-bottom: 12px;}.review-text {font-size: 15px;line-height: 1.6;color: #1f5555;margin-bottom: 12px;}.review-images {display: flex;gap: 8px;margin-bottom: 12px;flex-wrap: wrap;}.review-img {width: 80px;height: 80px;object-fit: cover;border-radius: 8px;cursor: pointer;transition: transform 0.2s;}.review-img:hover {transform: scale(1.05);}.review-actions {display: flex;gap: 12px;padding-top: 12px;border-top: 1px solid #f3f4f6;}.btn-helpful {display: flex;align-items: center;gap: 6px;padding: 6px 12px;background: #f9fafb;border: 1px solid #4fa8dc;border-radius: 6px;font-size: 13px;color: #787266;cursor: pointer;transition: all 0.2s;}.btn-helpful:hover {background: #f3f4f6;color: #3b83b4;border-color: #4fa8dc }.btn-helpful.voted {background: #fff0c9;color: #2399e6;border-color: #2399e6;}.helpful-icon {font-size: 14px;}.no-reviews {text-align: center;padding: 60px 20px;color: #9ca3af;font-size: 15px;}.load-more-btn {display: block;margin: 24px auto 0;padding: 12px 32px;background: white;border: 1px solid #4fa8dc border-radius: 8px;font-size: 14px;font-weight: 500;color: #1f5555;cursor: pointer;transition: all 0.2s;}.load-more-btn:hover {background: #f9fafb;border-color: #9ca3af;}.point-balance-card {background: linear-gradient(135deg, #57bdf5 0%, #c9ecff 50%, #1268a8 100%);color: white;padding: 24px;border-radius: 16px;margin-bottom: 24px;box-shadow: 0 10px 25px rgba(18, 104, 168, 0.3);}.point-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 12px;}.point-header h3 {font-size: 18px;font-weight: 600;margin: 0;display: flex;align-items: center;gap: 8px;}.point-header .balance {font-size: 32px;font-weight: 700;}.point-value {font-size: 14px;opacity: 0.9;margin: 8px 0 16px;}.point-stats {display: flex;gap: 20px;font-size: 13px;opacity: 0.85;margin-bottom: 16px;}.btn-view-history {display: inline-block;padding: 10px 20px;background: rgba(255, 255, 255, 0.2);color: white;text-decoration: none;border-radius: 8px;font-size: 14px;font-weight: 500;transition: background 0.2s;}.btn-view-history:hover {background: rgba(255, 255, 255, 0.3);}.checkout-points {padding: 16px;background: #fef3c7;border: 2px solid #2399e6;border-radius: 12px;margin-bottom: 16px;}.points-header {display: flex;align-items: center;gap: 10px;margin-bottom: 12px;}.points-header input[type="checkbox"] {width: 18px;height: 18px;cursor: pointer;}.points-header label {font-size: 15px;color: #0f786f;cursor: pointer;margin: 0;}#points-slider {padding: 16px;background: white;border-radius: 8px;margin-top: 12px;}#points-slider label {display: block;font-size: 14px;color: #1f5555;margin-bottom: 8px;font-weight: 500;}#points-amount {width: 100%;margin-bottom: 8px;}#points-display {display: flex;justify-content: space-between;font-size: 14px;color: #3b83b4;margin-top: 8px;}#points-display .discount-amount {color: #00b890;font-weight: 600;}.price-row.point-discount {color: #00b890;font-weight: 500;}.reviewable-orders {background: white;border: 1px solid #4fa8dc;border-radius: 12px;padding: 20px;margin-bottom: 24px;}.reviewable-orders h3 {font-size: 18px;margin-bottom: 16px;color: #3b83b4;}.order-card {display: flex;gap: 16px;padding: 16px;background: #f9fafb;border-radius: 8px;margin-bottom: 12px;}.order-card:last-child {margin-bottom: 0;}.order-card img {width: 80px;height: 80px;object-fit: cover;border-radius: 8px;}.order-info {flex: 1;}.order-info h4 {font-size: 15px;margin: 0 0 4px;color: #3b83b4;}.order-info p {font-size: 13px;color: #787266;margin: 0 0 12px;}.btn-review {padding: 8px 16px;background: #00b890;color: white;border: none;border-radius: 6px;font-size: 14px;font-weight: 500;cursor: pointer;transition: background 0.2s;}.btn-review:hover {background: #047857;}.review-toast {position: fixed;bottom: 24px;right: 24px;padding: 14px 20px;background: #3b83b4;color: white;border-radius: 8px;font-size: 14px;line-height: 1.4;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);transform: translateY(100px);opacity: 0;transition: all 0.3s ease;z-index: 10000;max-width: 400px;word-wrap: break-word;}.review-toast.show {transform: translateY(0);opacity: 1;}@media (max-width: 768px) {.review-toast {bottom: 80px;right: 16px;left: 16px;max-width: calc(100% - 32px);}}.review-toast.toast-success {background: #00b890;}.review-toast.toast-error {background: #2399e6;}.review-toast.toast-info {background: #2399e6;}@media (max-width: 768px) {.point-balance-card {border-radius: 0;}.review-stats {grid-template-columns: 70px 1fr;gap: 20px;padding: 16px;}.rating-summary {text-align: center;}.rating-summary .avg-rating {font-size: 32px;}.rating-summary .stars {font-size: 18px;margin: 4px 0;}.total-reviews {font-size: 11px;}.rating-breakdown {gap: 2px;}.rating-breakdown .rating-bar {gap: 4px;}.rating-breakdown .rating-label {font-size: 11px;width: 16px;min-width: 16px;text-align: left;}.rating-breakdown .bar-container {height: 6px;}.rating-breakdown .rating-count {font-size: 11px;width: 16px;min-width: 16px;}.review-header {flex-direction: column;gap: 8px;align-items: flex-start;}.review-rating {order: -1;margin-bottom: 4px;}.review-rating .stars {font-size: 14px;}.review-filters {flex-direction: column;gap: 12px;align-items: stretch;}.review-sort {width: 100%;}.point-header .balance {font-size: 24px;}.point-stats {flex-direction: column;gap: 8px;}.order-card {flex-direction: column;}.order-card img {width: 100%;height: 200px;}}.review-loading {text-align: center;padding: 40px;color: #9ca3af;font-size: 14px;}.review-error {text-align: center;padding: 40px;color: #2399e6;font-size: 14px;background: #dff3ff;border-radius: 8px;}.review-empty {text-align: center;padding: 10px;color: #787266;font-size: 14px;}.reviewable-orders-list {display: flex;flex-direction: column;gap: 16px;}.reviewable-order-item {display: grid;grid-template-columns: 80px 1fr auto;gap: 16px;padding: 16px;background: #fff;border: 1px solid #4fa8dc;border-radius: 12px;align-items: center;transition: box-shadow 0.2s;}.reviewable-order-item:hover {box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);}.reviewable-order-item .roi-image {width: 80px;height: 80px;object-fit: cover;border-radius: 8px;border: 1px solid #4fa8dc;}.reviewable-order-item .roi-info {display: flex;flex-direction: column;gap: 4px;}.reviewable-order-item .roi-info h4 {margin: 0;font-size: 15px;font-weight: 600;color: #3b83b4;line-height: 1.4;}.reviewable-order-item .roi-meta {margin: 0;font-size: 13px;color: #787266;}.reviewable-order-item .btn-write-review {white-space: nowrap;padding: 10px 20px;font-size: 14px;}@media (max-width: 640px) {.reviewable-order-item {grid-template-columns: 60px 1fr;gap: 12px;}.reviewable-order-item .roi-image {width: 60px;height: 60px;}.reviewable-order-item .btn-write-review {grid-column: 1 / -1;width: 100%;}}#review-modal-overlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.6) !important;backdrop-filter: blur(8px);display: flex;align-items: center;justify-content: center;z-index: 99999 !important;padding: 20px;}.review-modal {max-width: 600px !important;width: 90% !important;background: white;border-radius: 16px !important;box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);max-height: 90vh;display: flex;flex-direction: column;overflow: hidden !important;}#review-modal-overlay .modal-content, .review-modal .modal-content {padding: 0 !important;flex: initial !important;overflow-y: visible !important;}.review-modal .modal-header {display: flex;justify-content: space-between;align-items: center;padding: 20px 24px;border-bottom: 1px solid #4fa8dc;}.review-modal .modal-title {margin: 0;font-size: 20px;font-weight: 700;color: #3b83b4;}.review-modal .modal-close {background: none;border: none;cursor: pointer;padding: 4px;color: #787266;transition: color 0.2s;display: flex;align-items: center;justify-content: center;}.review-modal .modal-close:hover {color: #3b83b4;}.review-modal .modal-body {padding: 24px;max-height: calc(90vh - 140px);overflow-y: auto;}.review-modal .modal-body::-webkit-scrollbar {width: 8px;}.review-modal .modal-body::-webkit-scrollbar-track {background: #eaf8ff;border-radius: 4px;}.review-modal .modal-body::-webkit-scrollbar-thumb {background: linear-gradient(180deg, #2399e6 0%, #2399e6 100%);border-radius: 4px;}.review-modal .modal-body::-webkit-scrollbar-thumb:hover {background: linear-gradient(180deg, #2399e6 0%, #57bdf5 100%);}.review-modal .modal-body {scrollbar-width: thin;scrollbar-color: #2399e6 #eaf8ff;}.review-modal .modal-footer {display: flex;gap: 12px;margin-top: 24px;padding-top: 20px;border-top: 1px solid #eaf8ff;}.review-product-info {display: flex;gap: 16px;padding: 16px;background: #f9fafb;border-radius: 8px;margin-bottom: 24px;}.review-product-thumb {width: 80px;height: 80px;object-fit: cover;border-radius: 6px;border: 1px solid #4fa8dc;}.review-product-details h4 {margin: 0 0 8px 0;font-size: 16px;font-weight: 600;color: #3b83b4;}.review-product-details p {margin: 0;font-size: 13px;color: #787266;}.star-rating-input {display: inline-flex;gap: 8px;margin-right: 12px;vertical-align: middle;}.star-btn {background: none;border: none;font-size: 32px;color: #4fa8dc cursor: pointer;transition: all 0.2s;padding: 0;line-height: 1;}.star-btn:hover, .star-btn.active {color: #2399e6;transform: scale(1.1);}.rating-label {display: inline-block;font-size: 15px;color: #787266;margin: 0;vertical-align: middle;min-width: 150px;}.review-form .form-group {margin-bottom: 20px;}.review-form .form-label {display: block;font-size: 14px;font-weight: 600;color: #1f5555;margin-bottom: 8px;}.review-form .form-control {width: 100%;padding: 12px;border: 1px solid #4fa8dc border-radius: 8px;font-size: 14px;font-family: inherit;transition: border-color 0.2s;}.review-form .form-control:focus {outline: none;border-color: #2399e6;box-shadow: 0 0 0 3px rgba(35, 153, 230, 0.15);}.review-form .form-hint {font-size: 13px;color: #787266;margin-top: 8px;}.btn-upload-trigger {display: inline-flex;align-items: center;gap: 8px;padding: 10px 16px;background: #f9fafb;border: 2px dashed #4fa8dc border-radius: 8px;color: #1f5555;cursor: pointer;font-size: 14px;font-weight: 500;transition: all 0.2s;}.btn-upload-trigger:hover {background: #f3f4f6;border-color: #2399e6;color: #2399e6;}.image-preview-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));gap: 12px;margin-top: 16px;}.image-preview-item {position: relative;aspect-ratio: 1;border-radius: 8px;overflow: hidden;border: 1px solid #4fa8dc;}.image-preview-item img {width: 100%;height: 100%;object-fit: cover;}.remove-image {position: absolute;top: 4px;right: 4px;background: rgba(0, 0, 0, 0.7);border: none;color: white;width: 24px;height: 24px;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: background 0.2s;}.remove-image:hover {background: rgba(0, 0, 0, 0.9);}.point-reward-info {background: linear-gradient(135deg, #fef3c7 0%, #dff3ff 100%);border: 2px solid #2399e6;border-radius: 12px;padding: 16px;margin: 20px 0;}.pri-header {display: flex;align-items: center;gap: 8px;font-size: 16px;font-weight: 700;color: #0e9281;margin-bottom: 12px;}.pri-list {list-style: none;padding: 0;margin: 0 0 12px 0;}.pri-list li {padding: 6px 0;font-size: 14px;color: #0f786f;transition: opacity 0.2s;}.pri-total {padding-top: 12px;border-top: 2px solid rgba(251, 191, 36, 0.3);font-size: 16px;color: #0e9281;font-weight: 600;}.form-error {background: #dff3ff;border: 1px solid #f87171;color: #991b1b;padding: 12px;border-radius: 8px;font-size: 14px;margin-top: 16px;}.review-form .btn {padding: 12px 24px;border: none;border-radius: 8px;font-size: 15px;font-weight: 600;cursor: pointer;transition: all 0.2s;}.review-form .btn-primary {background: #2399e6;color: white;}.review-form .btn-primary:hover {background: #57bdf5;}.review-form .btn-primary:hover {background: #2399e6;}.review-form .btn-primary:disabled {background: #A3842C;cursor: not-allowed;}.review-form .btn-secondary {background: #eaf8ff;color: #2399e6;}.review-form .btn-secondary:hover {background: #dff3ff;color: #0c3b68;}@media (max-width: 768px) {#review-modal-overlay {padding: 0;}.review-modal {max-width: 100%;width: 100% !important;}}.point-summary-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 16px;margin-bottom: 32px;}.point-summary-card {background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);border: 1px solid #4fa8dc;border-radius: 12px;padding: 20px;text-align: center;transition: all 0.2s;}.point-summary-card:hover {box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);transform: translateY(-2px);}.point-summary-card .psc-icon {font-size: 32px;margin-bottom: 8px;}.point-summary-card .psc-label {font-size: 13px;color: #787266;margin-bottom: 8px;font-weight: 500;text-transform: uppercase;letter-spacing: 0.5px;}.point-summary-card .psc-value {font-size: 28px;font-weight: 700;color: #3b83b4;}.point-history-section {margin-top: 32px;}.point-history-section h3 {font-size: 18px;font-weight: 600;color: #3b83b4;margin-bottom: 16px;}.point-history-list {display: flex;flex-direction: column;gap: 12px;}.point-history-item {display: grid;grid-template-columns: 40px 1fr auto;gap: 16px;padding: 16px;background: white;border: 1px solid #4fa8dc;border-radius: 10px;align-items: center;transition: all 0.2s;}.point-history-item:hover {box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);}.point-history-item.credit {border-left: 3px solid #2399e6;}.point-history-item.debit {border-left: 3px solid #1268a8;}.point-history-item .phi-icon {width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;font-size: 20px;border-radius: 50%;background: #f9fafb;}.point-history-item.credit .phi-icon {background: #fff4de;}.point-history-item.debit .phi-icon {background: #fef3c7;}.point-history-item .phi-details {display: flex;flex-direction: column;gap: 4px;}.point-history-item .phi-desc {font-size: 15px;font-weight: 500;color: #3b83b4;}.point-history-item .phi-date {font-size: 13px;color: #9ca3af;}.point-history-item .phi-amount {font-size: 18px;font-weight: 700;}.point-history-item .phi-amount.credit {color: #2399e6;}.point-history-item .phi-amount.debit {color: #1268a8;}@media (max-width: 640px) {.point-summary-grid {grid-template-columns: 1fr;}.point-history-item {grid-template-columns: 36px 1fr;gap: 12px;}.point-history-item .phi-amount {grid-column: 2;text-align: right;margin-top: 8px;}}

/* CSS block 16 */
:root {--rupiah-orange: #F5B81B;--rupiah-orange-dark: #1cdccc;--rupiah-orange-deep: #1cdcbc;--rupiah-gold: #00ffff;--rupiah-gold-soft: #FFF9E8;--rupiah-cream: #FFF9F0;--rupiah-cream-2: #FFF4E0;--rupiah-surface: #1A1A1A;--rupiah-text: #d3f5f1;--rupiah-text-soft: #9fdcff;--rupiah-border: #173b55;}body {background: linear-gradient(145deg, #0A0A0A 0%, #1C1C1C 100%);color: #c9ecff;}.topbar {background: linear-gradient(90deg, #2399e6 0%, #91d8ff 100%) !important;color: #1A1A1A;}.navbar, .navbar-logo {background: linear-gradient(135deg, rgba(26, 26, 26, 0.98) 0%, rgba(26, 26, 26, 0.95) 45%, rgba(0, 0, 0, 0.9) 100%) !important;border-bottom-color: #1268a8 !important;}a {text-decoration: none;color: #2399e6;}.WINTOTO a:hover, .WINTOTO a.active, .topbar a:hover {color: #1A1A1A !important;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 -1px 0 rgba(0, 0, 0, 0.8) !important;}.login-btn, .search-icon-btn, .icon-btn {color: #1A1A1A !important;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 -1px 0 rgba(0, 0, 0, 0.8);}#deskripsi img {border-radius: 16px;}.cyber-WINTOTO, .WINTOTO-review, .cyber-reviews {background: linear-gradient(135deg, rgba(0, 0, 0, 0.9) 0%, rgba(20, 20, 20, 0.95) 48%, rgba(0, 0, 0, 0.85) 100%) !important;border: 1px solid rgba(35, 153, 230, 0.6) !important;box-shadow: 0 18px 40px rgba(0, 0, 0, 0.5), inset 0 0 26px rgba(87, 189, 245, 0.1) !important;color: #c9ecff !important;}.cyber-WINTOTO::before, .WINTOTO-review::before, .cyber-reviews::before {background: repeating-linear-gradient(to bottom, rgba(32, 218, 193, 0.05), rgba(32, 218, 193, 0.05) 1px, transparent 1px, transparent 4px) !important;}.pd-full-desc-title, .cyber-reviews-title, .WINTOTO-title, .WINTOTO-review h2 {color: #1268a8 !important;text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5) !important;}.faq-item, .WINTOTO-card, .cyber-review-card {background: rgba(30, 30, 35, 0.85) !important;backdrop-filter: blur(2px);border: 1px solid rgba(0, 0, 0, 0.6) !important;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3) !important, 0 0 12px rgba(0, 0, 0, 0.4);}.faq-item:hover, .cyber-review-card:hover, .WINTOTO-card:hover {border-color: #1268a8 !important;box-shadow: 0 14px 28px rgba(0, 0, 0, 0.5), 0 0 15px rgba(35, 153, 230, 0.25) !important;transform: translateY(-3px);}.faq-question, .faq-answer, .cyber-reviews-kicker, .cyber-reviews-subtitle, .cyber-review-title, .cyber-review-text, .WINTOTO-meta, .WINTOTO-msg {color: #c9ecff !important;}.faq-question::after, .cyber-review-rating, .WINTOTO-stars {color: #1268a8 !important;}.glow, .glow-strong {color: #1268a8 !important;text-shadow: 0 0 10px rgba(35, 153, 230, 0.6) !important;}.cyber-review-tags span, .cyber-review-pill {background: #1268a8 !important;color: #1A1A1A !important;border: 1px solid rgba(184, 134, 11, 0.4) !important;}.cyber-reviews-cta, .WINTOTO-btn-more, .load-more-btn, .write-review-btn {background: linear-gradient(135deg, #2399e6 0%, #91d8ff 58%, #E6C85C 100%) !important;color: #1A1A1A !important;border: none !important;box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3) !important;font-weight: bold;}.cyber-reviews-cta:hover, .WINTOTO-btn-more:hover, .load-more-btn:hover, .write-review-btn:hover {filter: brightness(1.05);transform: translateY(-2px);}.pd-share-btn, .pd-sticky-share-btn, .pd-sticky-btn-cart, .pd-compare-btn, .btn-helpful, .modal-btn-secondary {border-color: #1268a8 !important;color: #1268a8 !important;background: #1A1A1A !important;}.pd-sticky-btn-buy, .modal-btn-primary, .btn-load-benchmark, .btn-reset, .pa-search button, .compare-floating-badge {background: linear-gradient(135deg, #2399e6 0%, #91d8ff 58%, #C5A53A 100%) !important;border-color: #1268a8 !important;color: #1A1A1A !important;font-weight: bold;}.review-stats, .benchmark-specs, .pca-bottom-sheet, .modal-dialog, .compare-sidebar, .compare-header, .review-item, .benchmark-card, .benchmark-content {background: #121212 !important;color: #c9ecff !important;}.bar-fill {background: linear-gradient(90deg, #2399e6 0%, #91d8ff 50%, #E6C85C 100%) !important;}.review-author strong, .avg-rating, .benchmark-title, .benchmark-card-value, .compare-title, .modal-title, .pa-title {color: #1268a8 !important;}.review-date, .rating-count, .rating-label, .benchmark-hint, .benchmark-card-label, .compare-count, .modal-message, .review-text, .search-suggest, .suggest-name {color: #E6C77A !important;}.benchmark-badge, .point-balance-card, .ai-progress-icon {background: linear-gradient(135deg, #2399e6 0%, #91d8ff 58%, #B8912B 100%) !important;box-shadow: 0 10px 22px rgba(0, 0, 0, 0.4) !important;}.search-suggest, .pd-share-modal, .compare-sidebar, .pca-bottom-sheet {border: 1px solid rgba(35, 153, 230, 0.4) !important;}.suggest-item:hover, .suggest-item.active, .pca-action-item:hover, .review-item:hover {background: #1268a8 !important;color: #1A1A1A !important;}.suggest-ai-insight, .ai-result-banner {background: linear-gradient(135deg, #91d8ff 0%, #2399e6 100%) !important;border-color: #1268a8 !important;color: #1A1A1A !important;}.ai-progress-step.active {border-color: #1268a8 !important;background: #2A2A2A !important;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5) !important;}.ai-progress-step.active .ai-step-icon {background: #1268a8 !important;color: #1A1A1A;}.ai-progress-step.completed {border-color: #1268a8 !important;background: #1268a8 !important;color: #1A1A1A;}.holiday-notice {background: linear-gradient(135deg, #2399e6 0%, #91d8ff 55%, #B8912B 100%) !important;color: #1A1A1A;font-weight: bold;}.togel-machine-v3, .togel-main-result-v3, .togel-alts-v3 {background: linear-gradient(145deg, #1A1A1A, #121212) !important;border-color: #1268a8 !important;box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.6), 0 0 18px rgba(218, 165, 32, 0.1) !important;color: #c9ecff !important;}.togel-title-v3, .v-rtp-huge, #btnTogelRandom, .togel-alts-title-v3 {color: #1A1A1A !important;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 -1px 0 rgba(0, 0, 0, 0.8) !important;}#btnTogelRandom {background: linear-gradient(135deg, #91d8ff 0%, #2399e6 58%, #C5A53A 100%) !important;color: #1A1A1A !important;font-weight: bold;box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3) !important;}.togel-controls-v3, .togel-details-v3, .togel-alt-item {background: rgba(20, 20, 25, 0.8) !important;border-color: rgba(35, 153, 230, 0.3) !important;}.togel-controls-v3 select, .togel-controls-v3 input {background: #0A0A0A !important;color: #1268a8 !important;border-color: #1268a8 !important;box-shadow: none !important;}@media (max-width:640px) {.WINTOTO-fade {background: linear-gradient(to left, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.8) 20%, rgba(0, 0, 0, 0.4) 45%, transparent 100%) !important;}}.togel-title-v3, .v-rtp-huge, #btnTogelRandom, .togel-alts-title-v3 {color: #1A1A1A !important;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 -1px 0 rgba(0, 0, 0, 0.8) !important;}

/* CSS block 17 */
@keyframes slideInUp {from {transform: translateY(100%);opacity: 0;}to {transform: translateY(0);opacity: 1;}}@keyframes slideOutDown {from {transform: translateY(0);opacity: 1;}to {transform: translateY(100%);opacity: 0;}}

/* CSS block 18 */
.mm2-skeleton {pointer-events: none;animation: pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;}.skeleton-box, .skeleton-line {background: linear-gradient(90deg, #2a2a2a 25%, #3a3a3a 50%, #2a2a2a 75%);background-size: 200% 100%;animation: shimmer 1.5s infinite;border-radius: 8px;}@keyframes pulse {0%, 100% {opacity: 1;}50% {opacity: 0.6;}}@keyframes shimmer {0% {background-position: 200% 0;}100% {background-position: -200% 0;}}

/* CSS block 19 */
.mm2-skeleton {
  pointer-events: none;
  animation: pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.skeleton-box, .skeleton-line {
  background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border-radius: 8px;
}
@keyframes pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.6; }
}
@keyframes shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* Efek bola api jatuh */
.fireball-layer {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 120;
  overflow: hidden;
}
.fireball {
  position: absolute;
  top: -80px;
  border-radius: 50%;
  background: radial-gradient(circle at 38% 32%, #fffef0 0%, #ffe566 18%, #2399e6 42%, #ff6a00 68%, rgba(255, 40, 0, 0) 100%);
  box-shadow: 0 0 10px #ff9500, 0 0 22px #ff6600, 0 0 36px rgba(255, 120, 0, 0.45);
  animation: fireball-fall linear forwards;
  will-change: transform, opacity;
}
.fireball::before {
  content: "";
  position: absolute;
  inset: -30%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 180, 0, 0.35) 0%, transparent 70%);
  filter: blur(4px);
}
.fireball::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -45%;
  width: 55%;
  height: 90%;
  transform: translateX(-50%);
  background: linear-gradient(to bottom, rgba(255, 140, 0, 0.85), rgba(255, 60, 0, 0.2), transparent);
  border-radius: 50%;
  filter: blur(1px);
}
@keyframes fireball-fall {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
    opacity: 0;
  }
  8% {
    opacity: 0.95;
  }
  100% {
    transform: translate3d(var(--drift, 0px), calc(100vh + 100px), 0) scale(0.55);
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .fireball-layer { display: none !important; }
}

/* CSS block 20 */
/*  Brand Theme Override - Premium Gold Edition */
			:root {
				/* Kelompok Emas Neon / Cyber Gold (Menggantikan warna Cyan #00ffff) */
				--rupiah-orange: #2399e6;
				/* Emas cerah menyala */
				--rupiah-orange-dark: #cc9300;
				/* Emas medium */
				--rupiah-orange-deep: #996e00;
				/* Emas tua */
				--rupiah-gold: #57bdf5;
				/* Emas murni (Metallic Gold) */
				--rupiah-gold-soft: #FFF9E8;
				/* Tetap emas pastel bawaan Anda */
				/* Kelompok Dark Background (Tetap dipertahankan karena sudah sangat bagus) */
				--rupiah-cream: #1A1A1A;
				/* Background gelap */
				--rupiah-cream-2: #2A2A2A;
				/* Background gelap sekunder */
				--rupiah-surface: #121212;
				/* Permukaan hitam pekat */
				/* Kelompok Teks & Detail */
				--rupiah-text: #fff3db;
				/* Mengubah dari biru es muda ke cream-emas super terang agar kontras di latar gelap */
				--rupiah-text-soft: #9fdcff;
				/* Tetap cokelat emas redup bawaan Anda */
				--rupiah-border: #173b55;
				/* Tetap border emas tua bawaan Anda */
				--rupiah-shadow: 0 12px 32px rgba(0, 0, 0, 0.4);
				/* Tetap shadow hitam pekat untuk dark theme */
			}

			/* PlazaIT Product Lightbox (vanilla, no CDN) 🔥 v4 */
			.pd-lb {
				position: fixed;
				inset: 0;
				z-index: 99999;
				background: rgba(0, 0, 0, .95);
				display: none;
				color: #fff;
				/* Transition untuk swipe-down feedback */
				transition: transform .18s ease, opacity .18s ease;
			}

			.pd-lb.show {
				display: block;
			}

			/* Canvas di bawah (z:1), Controls di atas (z:2) */
			.pd-lb-canvas {
				position: absolute;
				inset: 56px 0 56px 0;
				display: flex;
				align-items: center;
				justify-content: center;
				overflow: hidden;
				touch-action: none;
				z-index: 1;
			}

			.pd-lb-img {
				max-width: 96vw;
				max-height: 86vh;
				will-change: transform;
				user-select: none;
				pointer-events: none;
				transform-origin: 50% 50%;
			}

			.pd-lb-close,
			.pd-lb-prev,
			.pd-lb-next,
			.pd-lb-counter {
				position: absolute;
				z-index: 2;
			}

			.pd-lb-close,
			.pd-lb-prev,
			.pd-lb-next {
				background: rgba(17, 24, 39, .7);
				color: #fff;
				border: 0;
				cursor: pointer;
				width: 40px;
				height: 40px;
				border-radius: 999px;
				display: inline-flex;
				align-items: center;
				justify-content: center;
				transition: background-color .15s ease, transform .05s ease;
				-webkit-tap-highlight-color: transparent;
			}

			.pd-lb-close:hover,
			.pd-lb-prev:hover,
			.pd-lb-next:hover {
				background: rgba(31, 41, 55, .85);
			}

			.pd-lb-close:active,
			.pd-lb-prev:active,
			.pd-lb-next:active {
				transform: translateY(.5px);
			}

			.pd-lb-close {
				top: max(12px, env(safe-area-inset-top, 12px));
				right: max(12px, env(safe-area-inset-right, 12px));
			}

			.pd-lb-prev {
				top: 50%;
				left: 10px;
				transform: translateY(-50%);
			}

			.pd-lb-next {
				top: 50%;
				right: 10px;
				transform: translateY(-50%);
			}

			.pd-lb-counter {
				top: max(16px, env(safe-area-inset-top, 16px));
				left: 50%;
				transform: translateX(-50%);
				font-weight: 700;
				font-size: 13px;
				letter-spacing: .4px;
				background: rgba(17, 24, 39, .65);
				padding: 6px 10px;
				border-radius: 999px;
				border: 1px solid rgba(255, 255, 255, .1);
			}

			@media (max-width: 640px) {
				.pd-lb-img {
					max-width: 98vw;
					max-height: 80vh;
				}

				.pd-lb-prev,
				.pd-lb-next {
					width: 36px;
					height: 36px;
				}

				.pd-lb-close {
					width: 38px;
					height: 38px;
				}
			}

/* CSS block 21 */
.paylater-promo {
				display: inline-flex;
				align-items: center;
				gap: 8px;
				background: linear-gradient(135deg, #FFF9E8 0%, #FFF9E8 100%);
				border: 1.5px solid #0c3b68;
				/* Mengubah hijau toska menjadi emas luxury tua yang tegas */
				border-radius: 8px;
				padding: 8px 12px;
				font-size: 13px;
				line-height: 1.4;
				margin: 8px 0;
				color: #5C4308;
				font-weight: 600;
				/* Membuat teks promo sedikit lebih tebal dan tegas */
				/* Menambahkan sedikit bayangan emas tipis agar promo box ini terlihat premium */
				box-shadow: 0 2px 8px rgba(138, 100, 15, 0.15);
			}

			.paylater-promo-sm {
				padding: 6px 10px;
				font-size: 11px;
				gap: 6px
			}

			.paylater-promo-md {
				padding: 8px 12px;
				font-size: 13px;
				gap: 8px
			}

			.paylater-promo-lg {
				padding: 10px 16px;
				font-size: 14px;
				gap: 10px
			}

			.paylater-icon {
				font-size: 1.2em;
				flex-shrink: 0
			}

			.paylater-text {
				display: flex;
				flex-direction: column;
				gap: 2px
			}

			.paylater-text strong {
				/* Mengubah warna teks highlight paylater menjadi emas luxury solid */
				color: #2399e6;
				font-weight: 600;
			}

			.paylater-text small {
				color: #1268a8;
				/* Emas Tua Premium */
				font-size: .85em;
				opacity: .9;
			}

			.paylater-desktop-only {
				display: none
			}

			.paylater-mobile-only {
				display: flex
			}

			@media (min-width:641px) {
				.paylater-desktop-only {
					display: flex
				}

				.paylater-mobile-only {
					display: none
				}
			}

			@media (max-width:640px) {
				.paylater-promo {
					font-size: 12px;
					padding: 7px 10px
				}

				.paylater-promo-lg {
					font-size: 13px;
					padding: 8px 12px
				}
			}

			@media print {
				.paylater-promo {
					display: none !important
				}
			}

			.paylater-compact {
				display: inline-block;
				font-size: 11px;
				font-weight: 600;
				/* Mengubah teks menjadi cokelat tua luxury agar kontras di atas background kuning muda */
				color: #06213a;
				background: #FFF9E8;
				padding: 3px 8px;
				border-radius: 4px;
				margin: 6px 0 4px;
				line-height: 1.3;
			}

			@media (max-width:640px) {
				.paylater-compact {
					font-size: 10px;
					padding: 2px 6px;
					margin: 5px 0 3px
				}
			}

			@media print {
				.paylater-compact {
					display: none !important
				}
			}

/* CSS block 22 */
.pd-voucher-minimal {
				margin: 10px 0;
				display: flex;
				flex-direction: column;
				gap: 6px;
			}

			.pdv-min-item {
				display: flex;
				align-items: center;
				gap: 8px;
				padding: 0;
				height: 32px;
				transition: all .2s ease;
			}

			.pdv-min-hidden {
				display: none;
			}

			.pdv-min-disabled {
				opacity: .5;
			}

			.pdv-badge-btn {
				display: inline-flex;
				align-items: center;
				gap: 8px;
				/* Mengubah background menjadi gradient emas luxury */
				background: linear-gradient(135deg, #bf953f 0%, #fcf6ba 25%, #1268a8 50%, #fbf5b7 100%);
				border: none;
				border-radius: 8px;
				padding: 3px;
				cursor: pointer;
				transition: all .2s ease;
				width: auto;
				/* Tambahan opsional: efek shadow halus agar lebih luxury */
				box-shadow: 0 2px 6px rgba(179, 135, 40, 0.2);
			}

			/* Tambahan opsional: efek sedikit menyala saat tombol di-hover */
			.pdv-badge-btn:hover {
				box-shadow: 0 4px 12px rgba(179, 135, 40, 0.4);
				transform: translateY(-1px);
			}

			.pdv-badge-btn:hover:not(:disabled) {
				transform: translateY(-1px);
				box-shadow: 0 4px 12px rgba(184, 134, 11, .3)
			}

			.pdv-badge-btn:disabled {
				opacity: .6;
				cursor: not-allowed
			}

			.pdv-badge-icon {
				color: #fff;
				flex-shrink: 0
			}

			.pdv-badge-text {
				font-size: 14px;
				font-weight: 700;
				color: #fff;
				white-space: nowrap
			}

			.pdv-badge-code {
				font-family: 'Courier New', monospace;
				font-size: 13px;
				font-weight: 700;
				color: #fff;
				background: rgba(255, 255, 255, .2);
				padding: 4px 8px;
				border-radius: 4px;
				border: none;
				white-space: nowrap
			}

			.pdv-min-copy,
			.pdv-min-more {
				padding: 4px 12px;
				font-size: 12px;
				font-weight: 600;
				border-radius: 5px;
				border: 1px solid #173b55;
				background: #1A1A1A;
				color: #2399e6;
				/* Mengubah hijau toska menjadi emas luxury */
				cursor: pointer;
				transition: all .2s ease;
				white-space: nowrap;
			}

			.pdv-min-copy:hover:not(:disabled),
			.pdv-min-more:hover {
				background: #2399e6;
				/* Mengubah background hover menjadi emas luxury */
				color: #1A1A1A;
				/* Teks tetap hitam pekat agar sangat kontras dan tegas */
				border-color: #0c3b68;
				/* Bingkai saat di-hover berubah menjadi emas tua yang kokoh */
				font-weight: bold;
				/* Menegaskan teks di dalam tombol saat disentuh kursor */
			}

			.pdv-min-copy:disabled {
				opacity: .4;
				cursor: not-allowed;
			}

			/* Mengubah warna sukses 'copied' menjadi hijau yang sedikit lebih soft atau gold jika mau, 
   tapi untuk indikator sukses copy biasanya tetap hijau (#22c55e) sudah tepat */
			.pdv-min-copy.copied {
				background: #22c55e;
				color: #fff;
				border-color: #22c55e;
			}

			.pdv-min-more {
				margin-left: auto;
			}

			.modal-close {
				position: absolute;
				top: 20px;
				right: 20px;
				background: none;
				border: none;
				cursor: pointer;
				color: #64748b;
				padding: 4px;
				transition: color .2s ease;
			}

			.modal-close:hover {
				color: #1e293b;
			}

			.modal-body {
				margin-bottom: 8px;
			}

			.voucher-modal-content {
				text-align: center;
			}

			.voucher-modal-badge {
				display: inline-flex;
				flex-direction: row;
				align-items: center;
				gap: 6px;
				/* Mengubah background menjadi gradient emas luxury multi-stop */
				background: linear-gradient(135deg, #bf953f 0%, #fcf6ba 25%, #1268a8 50%, #fbf5b7 100%);
				border-radius: 10px;
				padding: 8px 16px;
				margin-bottom: 12px;
				/* Tambahan: teks di dalam badge menggunakan warna gelap/cokelat tua agar kontras dan mewah */
				color: #2a1f00;
				font-weight: 600;
				box-shadow: 0 4px 10px rgba(179, 135, 40, 0.15);
			}

			.vmb-value {
				font-size: 18px;
				font-weight: 700;
				/* Mengubah warna teks menjadi cokelat tua luxury agar kontras di atas badge emas */
				color: #2a1f00;
				line-height: 1;
			}

			.vmb-label {
				font-size: 18px;
				font-weight: 700;
				/* Mengubah warna teks menjadi cokelat tua luxury agar kontras di atas badge emas */
				color: #2a1f00;
				text-transform: uppercase;
				letter-spacing: .5px;
			}

			.voucher-modal-code {
				font-family: 'Courier New', monospace;
				font-size: 14px;
				font-weight: 700;
				/* Mengubah warna teks kode dari toska menjadi emas solid yang tegas */
				color: #2399e6;
				/* Latar belakang transparan emas dan border dashed emas sudah dipertahankan */
				background: rgba(220, 168, 28, .1);
				padding: 6px 12px;
				border-radius: 6px;
				border: 2px dashed rgba(220, 168, 28, .3);
				display: inline-block;
				margin-bottom: 10px;
			}

			.voucher-modal-name {
				font-size: 14px;
				font-weight: 600;
				color: #d3f5f1;
				margin-bottom: 16px
			}

			.voucher-modal-details {
				text-align: left;
				background: #2A2A2A;
				border-radius: 8px;
				padding: 12px;
				margin-bottom: 16px
			}

			.vmd-item {
				display: flex;
				align-items: flex-start;
				gap: 8px;
				padding: 6px 0;
				font-size: 13px;
				color: #9fdcff;
				border-bottom: 1px solid #173b55
			}

			.vmd-item:last-child {
				border-bottom: none
			}

			.vmd-item svg {
				color: #2399e6;
				/* Mengubah warna ikon SVG menjadi emas luxury */
				flex-shrink: 0;
				margin-top: 2px;
				/* Menambahkan efek filter agar ikon terlihat sedikit mengkilap dan kokoh */
				filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.5));
			}

			.vmd-item strong {
				/* Mengubah warna teks highlight dari toska muda menjadi emas muda terang */
				color: #fcf6ba;
			}

			.modal-actions {
				padding: 20px;
			}

			.modal-btn-primary {
				/* Mengubah background tombol utama menjadi gradient emas luxury */
				background: linear-gradient(135deg, #bf953f 0%, #fcf6ba 25%, #1268a8 50%, #fbf5b7 100%);
				/* Tetap menggunakan warna teks gelap agar kontras di atas warna emas */
				color: #1A1A1A;
				font-weight: bold;
				/* Tambahan agar konsisten dengan tombol sebelumnya */
				border: none;
				border-radius: 8px;
				cursor: pointer;
				transition: all .2s ease;
			}

			/* Tambahan opsional untuk efek hover tombol utama */
			.modal-btn-primary:hover {
				box-shadow: 0 4px 12px rgba(179, 135, 40, 0.4);
				filter: brightness(1.05);
			}

			.modal-btn-primary:hover {
				opacity: .9;
				transform: translateY(-1px)
			}

			@media (max-width:640px) {
				.pdv-min-item {
					gap: 6px
				}

				.pdv-badge-btn {
					padding: 3px;
					gap: 6px
				}

				.pdv-badge-text {
					font-size: 13px
				}

				.pdv-badge-code {
					font-size: 12px;
					padding: 3px 6px
				}

				.pdv-min-copy,
				.pdv-min-more {
					padding: 3px 10px;
					font-size: 11px
				}

				.modal-dialog {
					max-width: 95%;
					margin: 20px
				}

				.vmb-value {
					font-size: 16px
				}

				.vmb-label {
					font-size: 16px
				}

				.voucher-modal-code {
					font-size: 13px;
					padding: 5px 10px
				}
			}

/* CSS block 23 */
.promo-endyear-mini-banner {
				display: flex;
				align-items: center;
				gap: 12px;
				padding: 12px 16px;
				background: rgba(26, 26, 26, .8);
				backdrop-filter: blur(10px);
				-webkit-backdrop-filter: blur(10px);
				border: 2px solid rgba(87, 189, 245, .3);
				border-radius: 12px;
				margin: 16px 0;
				box-shadow: 0 4px 16px rgba(0, 0, 0, .5);
				transition: all .3s ease
			}

			.promo-endyear-mini-banner:hover {
				transform: translateY(-2px);
				box-shadow: 0 6px 20px rgba(0, 0, 0, .6);
				border-color: rgba(87, 189, 245, .5)
			}

			.pey-icon {
				font-size: 32px;
				line-height: 1;
				flex-shrink: 0
			}

			.pey-content {
				flex: 1;
				min-width: 0
			}

			.pey-content strong {
				display: block;
				font-size: 14px;
				font-weight: 700;
				color: #1268a8;
				/* Warna teks emas luxury */
				margin-bottom: 2px;
			}

			.pey-content span {
				display: block;
				font-size: 13px;
				color: #9fdcff;
				line-height: 1.4
			}

			.pey-link {
				flex-shrink: 0;
				padding: 8px 16px;
				/* Mengubah gradien hijau toska menjadi gradien emas luxury yang mengkilap */
				background: linear-gradient(135deg, #f3e7c4 0%, #2399e6 50%, #1268a8 100%);
				color: #1A1A1A;
				/* Teks tetap hitam pekat agar super kontras dan mudah dibaca */
				text-decoration: none;
				font-size: 13px;
				font-weight: 700;
				border-radius: 8px;
				white-space: nowrap;
				transition: all .2s ease;
				/* Mengubah bayangan luar agar memiliki sedikit bias pendaran emas mewah */
				box-shadow:
					0 2px 8px rgba(0, 0, 0, .25),
					0 0 4px rgba(35, 153, 230, 0.4);
			}

			.pey-link:hover {
				transform: translateX(2px);
				box-shadow: 0 4px 12px rgba(0, 0, 0, .35)
			}

			@media(max-width:640px) {
				.promo-endyear-mini-banner {
					flex-wrap: wrap;
					gap: 8px;
					padding: 10px 12px
				}

				.pey-icon {
					font-size: 28px;
					align-self: flex-start
				}

				.pey-content {
					flex: 1;
					min-width: 0
				}

				.pey-content strong {
					font-size: 12px
				}

				.pey-content span {
					font-size: 11px;
					line-height: 1.3
				}

				.pey-link {
					width: 100%;
					flex-basis: 100%;
					font-size: 11px;
					padding: 6px 12px;
					text-align: center
				}
			}

			@media print {
				.promo-endyear-mini-banner {
					display: none !important
				}
			}

/* CSS block 24 */
.pd-title-row {
				position: relative;
				margin-bottom: 12px;
				padding-right: 52px
			}

			.pd-title {
				margin: 0 !important
			}

			.pd-share-btn {
				position: absolute;
				top: 0;
				right: 0;
				width: 40px;
				height: 40px;
				display: inline-flex;
				align-items: center;
				justify-content: center;
				border-radius: 10px;
				border: 1.5px solid #0c3b68;
				/* Mengubah bingkai samar menjadi warna emas tua yang tegas */
				background: #1A1A1A;
				color: #2399e6;
				/* Mengubah warna teks/ikon hijau toska menjadi emas luxury */
				cursor: pointer;
				transition: all .2s ease;
				-webkit-tap-highlight-color: transparent;
				/* Menambahkan sedikit bayangan dalam agar tombol terlihat memiliki kedalaman yang elegan */
				box-shadow: inset 0 0 5px rgba(35, 153, 230, 0.1);
			}

			.pd-share-btn:hover {
				background: #2A2A2A;
				border-color: #0c3b68;
				/* Mengubah garis bingkai menjadi emas luxury tua yang kokoh */
				color: #2399e6;
				/* Mengubah warna teks/ikon di dalamnya menjadi emas luxury terang */
				font-weight: bold;
				/* Menegaskan karakter teks saat tombol di-hover */
				transform: translateY(-1px);
				/* Menambahkan pendaran emas tipis agar efek hover terasa lebih hidup dan interaktif */
				box-shadow: 0 4px 12px rgba(35, 153, 230, 0.3);
			}

			.pd-share-btn:active {
				transform: translateY(0)
			}

			.pd-share-btn svg {
				display: block
			}

			.pd-share-modal-overlay {
				position: fixed;
				inset: 0;
				background: rgba(0, 0, 0, .85);
				backdrop-filter: blur(4px);
				z-index: 99999;
				display: none;
				align-items: center;
				justify-content: center;
				padding: 0;
				animation: fadeIn .2s ease
			}

			.pd-share-modal-overlay.show {
				display: flex
			}

			.pd-share-modal {
				background: #121212;
				border-radius: 20px;
				box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .5);
				max-width: 480px;
				width: 100%;
				max-height: 90vh;
				overflow: hidden;
				display: flex;
				flex-direction: column;
				animation: slideUp .3s cubic-bezier(.16, 1, .3, 1);
				border: 1px solid #173b55
			}

			@keyframes fadeIn {
				from {
					opacity: 0
				}

				to {
					opacity: 1
				}
			}

			@keyframes slideUp {
				from {
					opacity: 0;
					transform: translateY(20px) scale(.95)
				}

				to {
					opacity: 1;
					transform: translateY(0) scale(1)
				}
			}

			.pd-share-header {
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 20px 24px;
				border-bottom: 1px solid #2A2A2A
			}

			.pd-share-title {
				font-size: 18px;
				font-weight: 700;
				color: #d3f5f1;
				margin: 0
			}

			.pd-share-close {
				width: 32px;
				height: 32px;
				border-radius: 8px;
				border: 0;
				background: transparent;
				color: #9fdcff;
				display: inline-flex;
				align-items: center;
				justify-content: center;
				cursor: pointer;
				transition: all .15s ease
			}

			.pd-share-close:hover {
				background: #2A2A2A;
				color: #2399e6;
				/* Mengubah warna teks/ikon hover dari hijau toska menjadi emas luxury */
				font-weight: bold;
				/* Membuat karakter tombol close terlihat lebih tebal dan tegas */
			}

			.pd-share-body {
				padding: 24px;
				overflow-y: auto
			}

			.pd-share-preview {
				display: flex;
				gap: 12px;
				padding: 16px;
				background: #1A1A1A;
				border-radius: 12px;
				margin-bottom: 24px;
				border: 1px solid #173b55
			}

			.pd-share-preview-img {
				width: 64px;
				height: 64px;
				border-radius: 8px;
				object-fit: cover;
				flex-shrink: 0;
				border: 1px solid #173b55
			}

			.pd-share-preview-info {
				flex: 1;
				min-width: 0
			}

			.pd-share-preview-name {
				font-size: 14px;
				font-weight: 600;
				color: #d3f5f1;
				margin: 0 0 4px 0;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				overflow: hidden
			}

			.pd-share-preview-price {
				font-size: 16px;
				font-weight: 700;
				color: #2399e6;
				/* Mengubah hijau toska menjadi emas luxury */
				margin: 0;
			}

			.pd-share-label {
				font-size: 13px;
				font-weight: 600;
				color: #9fdcff;
				margin: 0 0 12px 0;
				text-transform: uppercase;
				letter-spacing: .5px
			}

			.pd-share-grid {
				display: grid;
				grid-template-columns: repeat(4, 1fr);
				gap: 12px;
				margin-bottom: 24px
			}

			.pd-share-option {
				display: flex;
				flex-direction: column;
				align-items: center;
				gap: 8px;
				padding: 16px 8px;
				border: 1.5px solid #2A2A2A;
				border-radius: 12px;
				background: #121212;
				cursor: pointer;
				transition: all .2s ease;
				text-decoration: none;
				color: inherit
			}

			.pd-share-option:hover {
				border-color: #2399e6;
				/* Mengubah bingkai hover dari hijau toska menjadi emas luxury */
				background: #1A1A1A;
				transform: translateY(-2px);
				/* Menambahkan pendaran bayangan emas yang halus agar efek melayangnya semakin tegas dan premium */
				box-shadow: 0 6px 15px rgba(35, 153, 230, 0.25);
			}

			.pd-share-option:active {
				transform: translateY(0)
			}

			.pd-share-icon {
				width: 40px;
				height: 40px;
				border-radius: 10px;
				display: inline-flex;
				align-items: center;
				justify-content: center;
				position: relative
			}

			.pd-share-icon svg {
				width: 24px;
				height: 24px;
				display: block
			}

			.pd-share-icon-whatsapp {
				background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
				color: #fff
			}

			.pd-share-icon-facebook {
				background: linear-gradient(135deg, #1877F2 0%, #0c63d4 100%);
				color: #fff
			}

			.pd-share-icon-twitter {
				background: linear-gradient(135deg, #1DA1F2 0%, #0d8bd9 100%);
				color: #fff
			}

			.pd-share-icon-telegram {
				background: linear-gradient(135deg, #0088cc 0%, #0077b3 100%);
				color: #fff
			}

			.pd-share-icon-email {
				background: linear-gradient(135deg, #EA4335 0%, #c5331f 100%);
				color: #fff
			}

			.pd-share-icon-copy {
				/* Mengubah gradien hijau toska menjadi gradien emas luxury metalik yang premium */
				background: linear-gradient(135deg, #f3e7c4 0%, #2399e6 50%, #1268a8 100%);
				color: #1A1A1A;
				/* Tetap hitam pekat agar simbol di dalamnya terlihat sangat jelas dan kontras */
				/* Menambahkan bayangan halus agar ikon terlihat sedikit timbul dan kokoh */
				box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 2px 5px rgba(0, 0, 0, 0.2);
			}

			.pd-share-icon-pdf {
				background: linear-gradient(135deg, #57bdf5 0%, #2399e6 100%);
				color: #fff
			}

			.pd-share-name {
				font-size: 12px;
				font-weight: 600;
				color: #9fdcff;
				text-align: center
			}

			.pd-share-copy-section {
				background: #1A1A1A;
				padding: 16px;
				border-radius: 12px;
				border: 1px solid #173b55
			}

			.pd-share-copy-input-wrap {
				display: flex;
				gap: 8px
			}

			.pd-share-copy-input {
				flex: 1;
				padding: 12px 14px;
				border: 1px solid #173b55;
				border-radius: 10px;
				font-size: 14px;
				color: #d3f5f1;
				background: #121212;
				font-family: 'Segoe UI', system-ui, sans-serif
			}

			.pd-share-copy-input:focus {
				outline: 0;
				border-color: #2399e6;
				/* Mengubah bingkai fokus input menjadi emas luxury */
				/* Membuat pendaran luar (ring focus) emas menjadi lebih tegas dan mewah */
				box-shadow: 0 0 0 3px rgba(35, 153, 230, 0.25);
			}

			.pd-share-copy-btn {
				padding: 12px 20px;
				border: 0;
				border-radius: 10px;
				/* Mengubah gradien hijau toska menjadi gradien emas luxury metalik */
				background: linear-gradient(135deg, #f3e7c4 0%, #2399e6 50%, #1268a8 100%);
				color: #1A1A1A;
				/* Tetap hitam pekat agar teks tombol sangat kontras dan tegas */
				font-size: 14px;
				font-weight: 700;
				/* Ditingkatkan ke 700 agar karakter huruf lebih tebal */
				cursor: pointer;
				transition: all .2s ease;
				white-space: nowrap;
				display: inline-flex;
				align-items: center;
				gap: 6px;
				/* Menambahkan bayangan luar agar tombol salin terlihat kokoh dan timbul */
				box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
			}

			.pd-share-copy-btn:hover {
				/* Mengubah background hover menjadi gradient emas luxury */
				background: linear-gradient(135deg, #bf953f 0%, #fcf6ba 25%, #1268a8 50%, #fbf5b7 100%);
				transform: translateY(-1px);
				/* Menyesuaikan bayangan (box-shadow) dengan sedikit sentuhan kilau emas transparan */
				box-shadow: 0 4px 12px rgba(179, 135, 40, 0.4);
			}

			.pd-share-copy-btn:active {
				transform: translateY(0)
			}

			.pd-share-copy-btn svg {
				width: 16px;
				height: 16px
			}

			.pd-share-copy-btn.copied {
				background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
				pointer-events: none;
				color: #fff
			}

			@media(max-width:640px) {
				.pd-share-modal {
					border-radius: 20px 20px 0 0;
					margin-top: auto;
					max-height: 85vh
				}

				.pd-share-grid {
					grid-template-columns: repeat(3, 1fr)
				}

				.pd-share-header {
					padding: 16px 20px
				}

				.pd-share-body {
					padding: 20px
				}

				.pd-share-btn {
					width: 36px;
					height: 36px
				}

				.pd-share-btn svg {
					width: 18px;
					height: 18px
				}
			}

			@media(max-width:480px) {
				.pd-share-grid {
					grid-template-columns: repeat(3, 1fr);
					gap: 10px
				}

				.pd-share-option {
					padding: 12px 6px
				}

				.pd-share-icon {
					width: 36px;
					height: 36px
				}

				.pd-share-icon svg {
					width: 20px;
					height: 20px
				}

				.pd-share-name {
					font-size: 11px
				}
			}

			.mf-share {
				background: #2399e6;
				/* Mengubah latar belakang menjadi emas luxury */
				color: #1A1A1A;
				/* Tetap hitam pekat agar simbol/teks di dalamnya super kontras */
				border: 2px solid #0c3b68;
				/* Mengubah bingkai toska menjadi emas tua yang tebal dan tegas */
				display: inline-flex;
				align-items: center;
				justify-content: center;
				font-weight: bold;
				/* Menegaskan teks atau ikon di dalamnya agar lebih kokoh */
				/* Menambahkan bayangan halus agar tombol terlihat kokoh dan timbul */
				box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
			}

			.mf-share:active {
				transform: scale(.95)
			}

			.mf-share svg {
				display: block
			}

			@media(max-width:640px) {
				.pd-share-btn {
					display: none !important
				}
			}

			.stock-badge.in {
				background: #1A1A1A;
				/* Mengubah latar hijau gelap menjadi hitam luxury pekat */
				color: #2399e6;
				/* Mengubah teks hijau toska menjadi emas luxury yang terang */
				border: 1px solid #0c3b68;
				/* Menambahkan bingkai emas tua tipis agar lencana terlihat kokoh */
				border-radius: 999px;
				padding: 4px 10px;
				font-weight: 700;
				/* Mempertahankan ketebalan teks agar super tegas */
				/* Menambahkan sedikit efek kilau emas halus di sekeliling lencana stok */
				box-shadow: 0 1px 4px rgba(35, 153, 230, 0.2);
			}

			.stock-badge.out {
				background: #3A1A1A;
				color: #E6A0A0;
				border-radius: 999px;
				padding: 4px 10px;
				font-weight: 700
			}

			.stock-info-btn {
				/* Mengubah Variabel Warna Menjadi Tema Emas Luxury */
				--c: #2399e6;
				/* Warna teks/ikon normal: Emas luxury terang */
				--b: #0c3b68;
				/* Warna bingkai normal: Emas tua yang kokoh dan tegas */
				--bg: #1A1A1A;
				/* Latar belakang normal: Hitam gelap premium */
				--bg-h: #2A2A2A;
				/* Latar belakang saat di-hover: Abu-abu gelap */
				--b-h: #2399e6;
				/* Warna bingkai saat di-hover: Menyala emas terang */
				margin-left: 0;
				display: inline-flex;
				align-items: center;
				justify-content: center;
				gap: 0.5rem;
				padding: 4px 10px;
				border-radius: 999px;
				border: 1.5px solid var(--b);
				background: var(--bg);
				color: var(--c);
				cursor: pointer;
				font-size: 12px;
				font-weight: 700;
				/* Ditingkatkan ke 700 agar karakter hurufnya lebih tebal dan kokoh */
				transition: all .2s ease;
				-webkit-tap-highlight-color: transparent;
				/* Menambahkan bayangan pendaran emas tipis agar tombol info stok terlihat eksklusif */
				box-shadow: 0 2px 6px rgba(35, 153, 230, 0.15);
			}

			.stock-info-btn:hover {
				background: var(--bg-h);
				border-color: var(--b-h);
				color: #2399e6;
				/* Warna emas luxury */
				transform: translateY(-1px);
				/* Ditambahkan sedikit sentuhan kilau emas transparan pada shadow */
				box-shadow: 0 2px 8px rgba(35, 153, 230, 0.2), 0 2px 4px rgba(0, 0, 0, 0.15);
			}

			.stock-info-btn:active {
				transform: translateY(0)
			}

			.stock-info-btn:focus-visible {
				outline: 0;
				box-shadow: 0 0 0 3px rgba(87, 189, 245, .2)
			}

			.stock-info-btn svg {
				width: 14px;
				height: 14px;
				flex-shrink: 0;
				fill: #2399e6;
				/* Mengubah hijau toska menjadi emas luxury */
			}

			.stock-info-btn .btn-text {
				white-space: nowrap
			}

			.stock-popover {
				position: absolute;
				z-index: 9999;
				min-width: 280px;
				max-width: 92vw;
				background: #0F0F1A;
				color: #d3f5f1;
				border: 1px solid #173b55;
				border-radius: 14px;
				box-shadow: 0 20px 40px rgba(0, 0, 0, .45);
				padding: 12px 12px 8px;
				display: none
			}

			.stock-popover.show {
				display: block
			}

			.stock-popover::before {
				content: "";
				position: absolute;
				top: -8px;
				left: 24px;
				width: 14px;
				height: 14px;
				background: #0F0F1A;
				border-left: 1px solid #173b55;
				border-top: 1px solid #173b55;
				transform: rotate(45deg)
			}

			.sp-head {
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin-bottom: 8px
			}

			.sp-title {
				font-weight: 800;
				font-size: 14px;
				color: #2399e6;
				/* Mengubah hijau toska menjadi emas luxury */
			}

			.sp-close {
				background: transparent;
				border: 0;
				color: #9fdcff;
				cursor: pointer
			}

			.sp-list {
				list-style: none;
				margin: 0;
				padding: 0;
				display: flex;
				flex-direction: column;
				gap: 8px
			}

			.sp-item {
				display: grid;
				grid-template-columns: 1fr auto 32px;
				column-gap: 12px;
				align-items: center;
				padding: 10px 10px;
				min-height: 44px;
				border-radius: 10px;
				background: rgba(255, 255, 255, .03)
			}

			.sp-left {
				display: flex;
				align-items: center;
				gap: 10px;
			}

			.sp-dot {
				width: 10px;
				height: 10px;
				border-radius: 999px;
				/* Mengubah fallback warna toska menjadi emas luxury */
				background: var(--dot, #1268a8);
				display: inline-block;
			}

			.sp-label {
				font-weight: 600;
				font-size: 13px;
				/* Mengubah toska pucat menjadi emas ivory/muda agar tetap kontras dan mewah */
				color: #fff4d0;
			}

			.sp-qty {
				grid-column: 2;
				justify-self: end;
				min-width: 40px;
				text-align: right;
				font-weight: 800;
				font-size: 13px;
				color: #2399e6;
				/* Sudah menggunakan emas luxury */
				font-variant-numeric: tabular-nums;
			}

			.sp-wa {
				grid-column: 3;
				justify-self: end;
				width: 32px;
				height: 32px;
				min-width: 32px;
				min-height: 32px;
				box-sizing: border-box;
				padding: 0;
				line-height: 0;
				text-decoration: none;
				outline: 0;
				display: inline-flex;
				align-items: center;
				justify-content: center;
				border-radius: 999px;
				border: 1px solid rgba(37, 211, 102, .60);
				background: rgba(37, 211, 102, .08);
				color: #25D366;
				transition: background-color .15s ease, border-color .15s ease, transform .05s ease;
				-webkit-tap-highlight-color: transparent
			}

			.sp-wa:hover {
				background: rgba(37, 211, 102, .16);
				border-color: rgba(37, 211, 102, .75)
			}

			.sp-wa:active {
				transform: translateY(.5px) scale(.98)
			}

			.sp-wa svg {
				width: 18px;
				height: 18px;
				display: block;
				vertical-align: middle
			}

			.stock-popover a {
				text-decoration: none
			}

			#deskripsi img {
				max-width: 450px !important;
				height: unset !important
			}

			@media(max-width:640px) {
				.stock-popover {
					position: fixed;
					left: 0;
					right: 0;
					bottom: max(12px, env(safe-area-inset-bottom, 12px));
					margin: 0 10px;
					padding: 14px 12px 10px;
					border-radius: 16px
				}

				.stock-popover::before {
					display: none
				}

				.stock-info-btn {
					padding: 4px 8px;
					gap: 4px;
					border: 0;
					background: transparent
				}

				.stock-info-btn:hover {
					background: transparent;
					box-shadow: none;
					transform: none
				}

				.stock-info-btn .btn-text {
					display: none
				}

				.stock-info-btn svg {
					width: 16px;
					height: 16px
				}

				.sp-item {
					grid-template-columns: 1fr auto 36px
				}

				.sp-wa {
					width: 36px;
					height: 36px;
					min-width: 36px;
					min-height: 36px
				}

				.sp-wa svg {
					width: 19px;
					height: 19px
				}
			}

			.stock-dot {
				position: absolute;
				bottom: 8px;
				right: 8px;
				width: 8px;
				height: 8px;
				border-radius: 50%;
				box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
				z-index: 2;
				cursor: help
			}

			.stock-dot.ready {
				background: #10b981
			}

			.stock-dot.low {
				background: #f59e0b
			}

			.stock-dot.out {
				background: #57bdf5
			}

			.stock-dot:hover {
				transform: scale(1.2);
				transition: transform 0.2s ease
			}

			@media(max-width:640px) {
				.stock-dot {
					width: 7px;
					height: 7px;
					bottom: 6px;
					right: 6px
				}
			}

			.pd-related-card .spec-chips {
				font-size: 11px;
				color: #9fdcff;
				margin: 4px 0 6px 0;
				line-height: 1.3;
				font-weight: 500
			}

			.pd-related-card .spec-chips .spec-divider {
				margin: 0 4px;
				opacity: 0.6
			}

			@media(max-width:640px) {
				.pd-related-card .spec-chips {
					font-size: 10px;
					margin: 3px 0 5px 0
				}

				#deskripsi img {
					max-width: 300px !important;
					height: unset !important;
					justify-self: center !important
				}
			}

			.pwp-trigger-badge {
				display: inline-flex;
				align-items: center;
				gap: 4px;
				padding: 3px 8px 4px;
				/* Mengubah gradasi hijau toska menjadi gradasi emas luxury logam mulia */
				background: linear-gradient(135deg, #57bdf5 0%, #c9ecff 50%, #2399e6 100%);
				color: #1A1A1A;
				/* Warna teks gelap tetap dipertahankan agar kontras dan terbaca jelas */
				border-radius: 6px;
				font-size: .65rem;
				font-weight: 600;
				border: 0;
			}

			.pwp-trigger-badge svg {
				flex-shrink: 0;
				width: 12px;
				height: 12px;
			}

			.pwp-deals-section {
				margin: 0;
				padding: 12px;
				background: linear-gradient(135deg, #1A1A1A 0%, #2A2A2A 100%);
				border-radius: 12px;
				/* Mengubah border toska menjadi emas solid yang mewah */
				border: 2px solid #1268a8;
			}

			.pwp-deals-header {
				display: flex;
				gap: 10px;
				margin-bottom: 10px
			}

			.pwp-icon {
				flex-shrink: 0;
				color: #2399e6;
				/* Mengubah warna ikon menjadi emas luxury */
				width: 18px;
				height: 18px
			}

			.pwp-text .pwp-title {
				margin: 0 0 2px 0;
				font-size: 14px;
				font-weight: 700;
				color: #2399e6
					/* Mengubah warna judul menjadi emas luxury */
			}

			.pwp-text .pwp-subtitle {
				margin: 0;
				font-size: 11px;
				color: #9fdcff;
				opacity: 0.9
			}

			.pwp-deals-loading {
				text-align: center;
				padding: 40px 0;
				color: #9fdcff
			}

			.pwp-spinner {
				width: 40px;
				height: 40px;
				border: 3px solid #173b55;
				border-top-color: #2399e6;
				/* Mengubah bagian berputar spinner menjadi emas luxury */
				border-radius: 50%;
				animation: spin 0.8s linear infinite;
				margin: 0 auto 12px
			}

			@keyframes spin {
				to {
					transform: rotate(360deg)
				}
			}

			.pwp-deals-grid {
				display: flex;
				flex-direction: column;
				gap: 6px
			}

			.pwp-deal-card {
				background: #121212;
				border-radius: 6px;
				overflow: hidden;
				border: 1px solid #173b55;
				display: flex;
				align-items: center;
				padding: 8px;
				gap: 10px
			}

			.pwp-deal-card:hover {
				background: #1A1A1A;
				/* Mengubah warna border hover menjadi emas luxury */
				border-color: #1268a8;
			}

			.pwp-deal-thumb {
				flex-shrink: 0;
				width: 50px;
				height: 50px;
				background: #1A1A1A;
				overflow: hidden;
				border-radius: 4px
			}

			.pwp-deal-thumb img {
				width: 100%;
				height: 100%;
				object-fit: cover
			}

			.pwp-deal-badge {
				background: #2399e6;
				color: #fff;
				padding: 2px 5px;
				border-radius: 3px;
				font-size: 9px;
				font-weight: 700;
				margin-left: auto
			}

			.pwp-deal-info {
				flex: 1;
				display: flex;
				flex-direction: column;
				gap: 4px
			}

			.pwp-deal-name {
				font-size: 12px;
				font-weight: 600;
				color: #d3f5f1;
				margin: 0;
				line-height: 1.2
			}

			.pwp-deal-prices {
				display: flex;
				align-items: center;
				gap: 6px;
				flex-wrap: wrap
			}

			.pwp-deal-price {
				font-size: 14px;
				font-weight: 800;
				color: #2399e6;
				white-space: nowrap
			}

			.pwp-deal-original {
				font-size: 11px;
				color: #9fdcff;
				text-decoration: line-through;
				white-space: nowrap
			}

			.pwp-cart-note {
				margin-top: 8px;
				padding: 6px 10px;
				background: #2A2A2A;
				border-left: 2px solid #2399e6;
				/* Mengubah aksen garis kiri menjadi emas luxury */
				font-size: 11px;
				color: #9fdcff;
				border-radius: 4px;
			}

			@media(max-width:640px) {
				.pwp-deals-section {
					margin: 12px 0;
					padding: 10px;
					border-radius: 10px
				}

				.pwp-deals-header {
					gap: 8px
				}

				.pwp-text .pwp-title {
					font-size: 13px
				}

				.pwp-text .pwp-subtitle {
					font-size: 10px
				}

				.pwp-deal-card {
					padding: 6px;
					gap: 8px
				}

				.pwp-deal-thumb {
					width: 45px;
					height: 45px
				}

				.pwp-deal-name {
					font-size: 11px
				}

				.pwp-deal-price {
					font-size: 13px
				}

				.pwp-deal-original {
					font-size: 10px
				}
			}

			.pd-breadcrumb .current {
				flex: 1 1 auto;
				min-width: 0;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				font-weight: 600;
				color: #2399e6;
				/* Mengubah hijau toska menjadi emas luxury */
				padding-right: 2px;
			}

			.preorder-badge {
				display: inline-flex;
				align-items: center;
				gap: 5px;
				padding: 6px 12px;
				background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
				color: #fff;
				border-radius: 8px;
				font-size: 13px;
				font-weight: 700;
				border: 0;
				box-shadow: 0 2px 8px rgba(139, 92, 246, .25)
			}

			.preorder-badge svg {
				width: 16px;
				height: 16px;
				flex-shrink: 0
			}

			.preorder-info {
				margin: 12px 0;
				padding: 14px;
				background: linear-gradient(135deg, #1A1A1A 0%, #2A2A2A 100%);
				border: 1.5px solid #173b55;
				border-radius: 12px
			}

			.preorder-info-header {
				display: flex;
				align-items: center;
				gap: 8px;
				margin-bottom: 10px
			}

			.preorder-info-icon {
				width: 20px;
				height: 20px;
				color: #2399e6;
				/* Mengubah warna ikon menjadi emas luxury */
				flex-shrink: 0
			}

			.preorder-info-title {
				font-size: 14px;
				font-weight: 700;
				color: #2399e6;
				/* Mengubah judul menjadi emas luxury */
				margin: 0
			}

			.preorder-info-items {
				display: flex;
				flex-direction: column;
				gap: 8px
			}

			.preorder-info-row {
				display: flex;
				align-items: center;
				justify-content: space-between;
				font-size: 13px
			}

			.preorder-info-label {
				color: #9fdcff;
				font-weight: 600
			}

			.preorder-info-value {
				color: #2399e6;
				/* Mengubah teks nilai informasi menjadi emas luxury */
				font-weight: 700
			}

			.preorder-info-value.highlight {
				color: #2399e6;
				font-size: 14px
			}

			/* Tetap merah untuk penanda penting */
			.preorder-info-note {
				margin-top: 10px;
				padding: 8px 10px;
				background: #2A2A2A;
				border-left: 2px solid #2399e6;
				/* Mengubah garis aksen kiri menjadi emas luxury */
				font-size: 12px;
				color: #9fdcff;
				border-radius: 6px;
				line-height: 1.4
			}

			@media(max-width:640px) {
				.preorder-badge {
					font-size: 12px;
					padding: 5px 10px
				}

				.preorder-info {
					margin: 10px 0;
					padding: 12px
				}

				.preorder-info-title {
					font-size: 13px
				}

				.preorder-info-row {
					font-size: 12px
				}

				.preorder-info-note {
					font-size: 11px;
					padding: 6px 8px
				}
			}

/* CSS block 25 */
@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@600;700;800&display=swap");

						/* ===============================
   WRAPPER
================================ */
						.togel-container-v3 {
							display: flex;
							justify-content: center;
							padding: 16px 10px;
							font-family: "Orbitron", "Poppins", system-ui, sans-serif;
						}

						/* ===============================
   MACHINE CORE (PREMIUM GOLD EDITION)
================================ */
						.togel-machine-v3 {
							position: relative;
							width: 100%;
							max-width: 520px;
							padding: 16px;
							border-radius: 24px;
							overflow: hidden;
							isolation: isolate;
							background:
								radial-gradient(circle at 15% 0%, rgba(87, 189, 245, 0.12), transparent 48%),
								radial-gradient(circle at 85% 100%, rgba(87, 189, 245, 0.12), transparent 55%),
								linear-gradient(145deg, #1A1A1A, #1A1A1A);
							border: 1px solid rgba(35, 153, 230, 0.6);
							box-shadow:
								inset 0 0 18px rgba(35, 153, 230, 0.15),
								0 8px 32px rgba(0, 0, 0, 0.4),
								0 0 18px rgba(35, 153, 230, 0.2);
							color: #c9ecff;
						}

						/* HUD SWEEP GOLD */
						.togel-machine-v3::before {
							content: "";
							position: absolute;
							inset: 0;
							background: linear-gradient(120deg, transparent 40%, rgba(87, 189, 245, 0.08), transparent 65%);
							animation: hudSweep 7s linear infinite;
							pointer-events: none;
							opacity: .8;
						}

						/* ===============================
   TITLE
================================ */
						.togel-title-v3 {
							text-align: center;
							margin: 0 0 12px;
							font-size: 15px;
							font-weight: 900;
							letter-spacing: 1px;
							/* Mengubah gradasi hijau toska menjadi gradasi emas logam mulia (Rich Gold) */
							background: linear-gradient(135deg, #57bdf5 0%, #c9ecff 50%, #2399e6 100%);
							-webkit-background-clip: text;
							background-clip: text;
							color: transparent;
							/* Efek glow emas bawaan Anda kini menyatu sempurna dengan warna teks baru */
							text-shadow: 0 0 15px rgba(87, 189, 245, 0.5);
						}

						/* ===============================
   CONTROLS
================================ */
						.togel-controls-v3 {
							display: grid;
							grid-template-columns: 1fr 1fr;
							gap: 10px;
							padding: 12px;
							border-radius: 16px;
							background: rgba(10, 10, 15, 0.7);
							border: 1px solid rgba(35, 153, 230, 0.4);
							backdrop-filter: blur(4px);
							box-shadow: inset 0 0 14px rgba(35, 153, 230, 0.12);
						}

						.togel-controls-v3 label {
							display: grid;
							gap: 6px;
							font-size: 10px;
							letter-spacing: .8px;
							text-transform: uppercase;
							color: #2399e6;
							/* Mengubah hijau toska menjadi emas luxury */
						}

						.togel-controls-v3 select,
						.togel-controls-v3 input {
							background: rgba(20, 20, 25, 0.95);
							color: #c9ecff;
							/* soft luxury gold text */
							border: 1px solid rgba(35, 153, 230, 0.5);
							border-radius: 12px;
							padding: 7px 9px;
							font-weight: 700;
							font-size: 12px;
							outline: none;
							transition: all 0.2s ease;
							box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
						}

						.togel-controls-v3 select:focus,
						.togel-controls-v3 input:focus {
							border-color: #2399e6;
							/* Mengubah bingkai fokus menjadi emas luxury */
							box-shadow: 0 0 8px rgba(87, 189, 245, 0.3);
							/* Efek glow emas yang sudah pas */
						}

						/* BUTTON - PREMIUM GOLD */
						#btnTogelRandom {
							grid-column: span 2;
							display: flex;
							align-items: center;
							justify-content: center;
							gap: 8px;
							background: linear-gradient(145deg, #c9ecff, #2399e6, #1268a8) !important;
							/* Perpaduan emas muda, emas luxury, hingga emas tua */
							border: none;
							color: #1A1A1A;
							/* Warna teks gelap dipertahankan agar sangat kontras di atas warna emas */
							font-weight: 900;
							letter-spacing: 1px;
							border-radius: 40px;
							cursor: pointer;
							padding: 10px 12px;
							font-size: 13px;
							text-transform: uppercase;
							/* Mengubah pendaran hijau toska menjadi pendaran emas transparan yang mewah */
							box-shadow: 0 4px 15px rgba(35, 153, 230, 0.4);
							transition: all 0.2s ease;
						}

						#btnTogelRandom:hover {
							transform: translateY(-2px);
							box-shadow: 0 8px 25px rgba(35, 153, 230, 0.5);
						}

						#btnTogelRandom:active {
							transform: scale(0.98);
						}

						#btnTogelRandom:disabled {
							opacity: .75;
							cursor: not-allowed;
						}

						/* ===============================
   MAIN RESULT
================================ */
						.togel-main-result-v3 {
							margin-top: 12px;
							padding: 12px;
							border-radius: 20px;
							background: rgba(15, 15, 20, 0.85);
							border: 1px solid rgba(35, 153, 230, 0.4);
							backdrop-filter: blur(4px);
							box-shadow: inset 0 0 16px rgba(35, 153, 230, 0.08);
						}

						.togel-status-v3 {
							text-align: center;
							font-weight: 800;
							letter-spacing: .8px;
							/* Mengubah warna teks status menjadi emas luxury solid */
							color: #2399e6;
							margin-bottom: 10px;
							font-size: 11px;
						}

						.togel-highlight-box {
							display: flex;
							justify-content: space-between;
							gap: 12px;
							padding-bottom: 10px;
							margin-bottom: 10px;
							border-bottom: 1px dashed rgba(35, 153, 230, 0.3);
						}

						.k,
						.k-rtp {
							font-size: 10px;
							color: #2399e6;
							/* Mengubah hijau toska menjadi emas luxury */
							text-transform: uppercase;
							letter-spacing: 0.5px;
						}

						.v-game {
							font-size: 14px;
							font-weight: 900;
							color: #2399e6;
							/* Mengubah hijau toska menjadi emas luxury */
							margin-top: 6px;
							line-height: 1.2;
							text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
						}

						.provider-info {
							margin-top: 8px;
							font-size: 11px;
							color: #9fdcff;
							opacity: .95;
						}

						.k-small {
							color: #c9ecff;
							/* Mengubah toska muda menjadi emas terang agar tetap kontras */
							font-size: 10px;
						}

						.v-small {
							color: #2399e6;
							/* Mengubah hijau toska menjadi emas luxury */
							font-weight: 900;
						}

						.v-rtp-huge {
							font-size: 2.4em;
							font-weight: 900;
							color: #2399e6;
							/* Mengubah hijau toska menjadi emas luxury */
							/* Efek glow emas bawaan Anda kini menyala dengan sangat serasi */
							text-shadow: 0 0 12px rgba(87, 189, 245, 0.5);
							line-height: 1;
							letter-spacing: 2px;
						}

						/* DETAILS */
						.togel-details-v3 {
							display: grid;
							grid-template-columns: repeat(3, 1fr);
							gap: 8px;
							background: rgba(0, 0, 0, .3);
							padding: 10px;
							border-radius: 16px;
						}

						.k-detail {
							font-size: 9px;
							/* Mengubah warna teks kecil dari toska menjadi emas luxury solid yang tajam */
							color: #2399e6;
							text-transform: uppercase;
						}

						.v-detail {
							font-size: 12px;
							font-weight: 800;
							color: #d3f5f1;
							margin-top: 4px;
							letter-spacing: .8px;
						}

						.togel-tip-v3 {
							margin-top: 10px;
							font-size: 10px;
							color: #9fdcff;
							opacity: .9;
							text-align: center;
						}

						/* ALTS */
						.togel-alts-v3 {
							margin-top: 12px;
							padding: 12px;
							border-radius: 20px;
							background: rgba(10, 10, 15, 0.7);
							border: 1px solid rgba(35, 153, 230, 0.3);
							backdrop-filter: blur(4px);
						}

						.togel-alts-title-v3 {
							font-weight: 900;
							color: #2399e6;
							/* Mengubah hijau toska menjadi emas luxury */
							margin-bottom: 10px;
							font-size: 12px;
							letter-spacing: 1px;
						}

						.togel-alt-list-v3 {
							display: grid;
							grid-template-columns: 1fr;
							gap: 8px;
						}

						.togel-alt-item {
							background: rgba(20, 20, 28, 0.9);
							border-radius: 14px;
							padding: 10px;
							border-left: 3px solid #2399e6;
							/* Mengubah garis aksen kiri menjadi emas luxury */
							transition: all 0.2s ease;
						}

						.togel-alt-item:hover {
							background: rgba(30, 30, 40, 0.95);
							transform: translateX(4px);
						}

						.togel-alt-item .g {
							font-weight: 900;
							color: #2399e6;
							/* Mengubah hijau toska menjadi emas luxury */
							font-size: 12px;
						}

						.togel-alt-item .p {
							font-size: 10px;
							color: #9fdcff;
							margin-top: 4px;
						}

						.togel-alt-item .r {
							margin-top: 6px;
							font-weight: 900;
							color: #c9ecff;
							/* Mengubah toska muda menjadi emas terang agar tetap menonjol */
							letter-spacing: .8px;
							font-size: 12px;
						}

						.togel-note-v3 {
							margin-top: 10px;
							font-size: 10px;
							color: #9fdcff;
							opacity: .85;
							text-align: center;
						}

						/* MOBILE */
						@media(max-width:420px) {
							.togel-highlight-box {
								flex-direction: column
							}

							.togel-details-v3 {
								grid-template-columns: 1fr
							}

							.togel-machine-v3 {
								padding: 12px;
							}
						}

						/* ANIMATIONS */
						@keyframes hudSweep {
							0% {
								transform: translateX(-110%)
							}

							100% {
								transform: translateX(110%)
							}
						}

						@keyframes pulse {
							0% {
								opacity: .55
							}

							50% {
								opacity: 1
							}

							100% {
								opacity: .55
							}
						}

/* CSS block 26 */
.qoala-banner-card {
								padding: 0;
								overflow: hidden
							}

							.qoala-banner {
								/* Mengubah gradasi hijau toska menjadi gradasi emas luxury berkilau */
								background: linear-gradient(135deg, #57bdf5 0%, #c9ecff 50%, #2399e6 100%);
								padding: 12px 16px;
								display: flex;
								align-items: center;
								justify-content: space-between;
								color: #1A1A1A;
								/* Warna teks gelap dipertahankan agar kontras dan sangat mudah dibaca */
								text-decoration: none;
								min-height: 60px;
							}

							.qoala-banner-content {
								display: flex;
								align-items: center;
								gap: 12px
							}

							.qoala-icon {
								display: flex;
								align-items: center;
								justify-content: center
							}

							.qoala-shield-img {
								width: 36px;
								height: 36px;
								object-fit: contain;
								opacity: 0.9
							}

							.qoala-title {
								font-weight: 600;
								font-size: 14px;
								line-height: 1.2;
								color: #1A1A1A
							}

							.qoala-subtitle {
								font-size: 12px;
								opacity: 0.9;
								line-height: 1.2;
								color: #173b55
							}

							.qoala-cta {
								background: rgba(26, 26, 26, 0.85);
								color: #2399e6;
								/* Mengubah teks hijau toska menjadi emas luxury */
								padding: 6px 12px;
								border-radius: 6px;
								font-size: 12px;
								font-weight: 600;
								text-decoration: none;
								transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
								/* Transisi diperluas agar perubahan warna lebih halus */
								border: 1px solid rgba(87, 189, 245, 0.5);
							}

							.qoala-cta:hover {
								background: #1A1A1A;
								color: #c9ecff;
								/* Saat di-hover, warna emas teks menjadi sedikit lebih terang/berkilau */
								border-color: #2399e6;
								/* Bingkai ikut berubah menjadi emas pekat saat di-hover */
							}

							@media(max-width:768px) {
								.qoala-banner {
									padding: 10px 12px
								}

								.qoala-title {
									font-size: 17px
								}

								.qoala-subtitle {
									font-size: 11px
								}
							}

/* CSS block 27 */
.WINTOTO-review {
					background: radial-gradient(circle at center, #1A1A1A, #1A1A1A);
					border: 2px solid #2399e6;
					/* Mengubah bingkai hijau toska menjadi emas luxury */
					border-radius: 14px;
					padding: 20px;
					color: #f5f2eb;
					/* Menyesuaikan teks toska pucat menjadi krem lembut agar senada */
					font-family: 'Orbitron', sans-serif;
					position: relative;
					overflow: hidden;
					/* Efek glow luar & dalam bernuansa emas Anda kini menyatu sempurna */
					box-shadow: 0 0 25px rgba(218, 165, 32, 0.4), inset 0 0 20px rgba(218, 165, 32, 0.1);
				}

				/* scanline gold */
				.WINTOTO-review::before {
					content: "";
					position: absolute;
					inset: 0;
					background: repeating-linear-gradient(to bottom,
							rgba(218, 165, 32, 0.08),
							rgba(218, 165, 32, 0.08) 1px,
							transparent 2px,
							transparent 4px);
					pointer-events: none;
				}

				.WINTOTO-header h2 {
					font-size: 18px;
					color: #2399e6;
					/* Mengubah teks hijau toska menjadi emas luxury */
					/* Efek bayangan emas bawaan Anda berpadu dengan sempurna */
					text-shadow: 0 0 10px rgba(87, 189, 245, 0.5), 0 0 20px rgba(218, 165, 32, 0.3);
					margin-bottom: 5px;
				}

				.WINTOTO-header p {
					font-size: 12px;
					opacity: 0.8;
					margin-bottom: 15px;
				}

				.WINTOTO-slider {
					position: relative;
					height: 90px;
				}

				.WINTOTO-slide {
					position: absolute;
					width: 100%;
					opacity: 0;
					transform: translateX(40px);
					transition: all .6s ease;
				}

				.WINTOTO-slide.active {
					opacity: 1;
					transform: translateX(0);
				}

				.WINTOTO-name {
					font-size: 14px;
					color: #2399e6;
					/* Mengubah teks hijau toska menjadi emas luxury */
					text-shadow: 0 0 6px rgba(87, 189, 245, 0.5);
					margin-bottom: 5px;
				}

				.WINTOTO-comment {
					font-size: 13px;
					line-height: 1.5;
					color: #9fdcff;
				}

				/* glowing border animation premium gold */
				@keyframes pulseGlow {
					0% {
						box-index: 0 0 10px rgba(218, 165, 32, 0.3);
						border-color: #57bdf5;
						/* Mengubah toska muda menjadi emas medium */
					}

					50% {
						box-shadow: 0 0 25px rgba(87, 189, 245, 0.5);
						border-color: #c9ecff;
						/* Mengubah hijau toska menjadi emas terang saat puncak animasi */
					}

					100% {
						box-shadow: 0 0 10px rgba(218, 165, 32, 0.3);
						border-color: #57bdf5;
						/* Kembali ke emas medium */
					}
				}

				.WINTOTO-review {
					animation: pulseGlow 2.5s infinite;
				}

/* CSS block 28 */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;800&display=swap');

					.cyber-WINTOTO {
						font-family: 'Orbitron', sans-serif;
						margin: 40px auto;
						padding: 25px;
						border-radius: 18px;
						background: radial-gradient(circle at top, #1A1A1A, #1A1A1A 70%);
						border: 1px solid rgba(35, 153, 230, 0.5);
						box-shadow:
							0 0 25px rgba(35, 153, 230, 0.35),
							inset 0 0 25px rgba(35, 153, 230, 0.1);
						position: relative;
						overflow: hidden;
					}

					/* scanline effect gold */
					.cyber-WINTOTO::before {
						content: "";
						position: absolute;
						inset: 0;
						background: repeating-linear-gradient(to bottom,
								rgba(32, 218, 193, 0.05),
								rgba(32, 218, 193, 0.05) 1px,
								transparent 1px,
								transparent 3px);
						pointer-events: none;
					}

					.pd-full-desc-title {
						text-align: center;
						font-size: 22px;
						font-weight: bold;
						color: #2399e6;
						/* Mengubah teks hijau toska menjadi emas luxury */
						margin-bottom: 25px;
						/* Mengubah pendaran bayangan teks dari toska menjadi kilau emas luxury ganda */
						text-shadow: 0 0 10px #c9ecff, 0 0 20px #57bdf5;
						letter-spacing: 1px;
					}

					/* FAQ BOX PREMIUM GOLD */
					.faq-item {
						margin-bottom: 15px;
						border-radius: 12px;
						border: 1px solid rgba(0, 0, 0, 0.7);
						/* black neon */
						background: rgba(20, 20, 28, 0.8);
						backdrop-filter: blur(8px);
						transition: all 0.3s ease;
						overflow: hidden;
					}

					.faq-item:hover {
						border-color: #2399e6;
						/* Mengubah bingkai hover menjadi emas luxury */
						box-shadow: 0 0 15px rgba(35, 153, 230, 0.4);
						/* Mengubah pendaran toska menjadi kilau emas transparan */
					}

					/* QUESTION */
					.faq-question {
						padding: 14px 18px;
						cursor: pointer;
						font-size: 14px;
						color: #2399e6;
						/* Mengubah teks pertanyaan menjadi emas luxury */
						position: relative;
						background: rgba(0, 0, 0, 0.5);
					}

					.faq-question::after {
						content: "+";
						/* Karakter aneh dibersihkan menjadi simbol plus yang rapi */
						position: absolute;
						right: 15px;
						color: #2399e6;
						/* Mengubah warna ikon menjadi emas luxury */
						font-weight: bold;
						transition: 0.3s;
					}

					/* ACTIVE */
					.faq-item.active .faq-question::after {
						content: "−";
					}

					/* ANSWER */
					.faq-answer {
						max-height: 0;
						overflow: hidden;
						padding: 0 18px;
						font-size: 13px;
						color: #9fdcff;
						line-height: 1.6;
						transition: all 0.35s ease;
					}

					.faq-item.active .faq-answer {
						max-height: 200px;
						padding: 10px 18px 18px;
					}

					/* glow text premium gold */
					.glow {
						color: #2399e6;
						/* Mengubah teks hijau toska menjadi emas luxury */
						/* Mengubah pendaran toska menjadi kilau emas medium dan emas tua */
						text-shadow: 0 0 8px #c9ecff, 0 0 18px #57bdf5;
					}

					.glow-strong {
						color: #2399e6;
						/* Mengubah teks hijau toska menjadi emas luxury */
						/* Mengubah pendaran menjadi putih-emas terang untuk efek kilauan yang sangat kuat */
						text-shadow: 0 0 10px #ffffff, 0 0 25px #c9ecff;
					}

/* CSS block 29 */
.cyber-reviews {
						margin: 28px auto 48px;
						background: radial-gradient(circle at top right, #1A1A1A, #1A1A1A 70%);
						border-radius: 20px;
						border: 1px solid rgba(35, 153, 230, 0.4);
						box-shadow:
							0 0 32px rgba(35, 153, 230, 0.2),
							inset 0 0 24px rgba(35, 153, 230, 0.06);
						padding: 28px;
						position: relative;
						overflow: hidden;
						color: #c9ecff;
						font-family: 'Orbitron', sans-serif;
					}

					.cyber-reviews::before {
						content: "";
						position: absolute;
						inset: 0;
						background: repeating-linear-gradient(to bottom, rgba(32, 218, 193, 0.03), rgba(32, 218, 193, 0.03) 1px, transparent 1px, transparent 6px);
						pointer-events: none;
						opacity: 0.45;
					}

					.cyber-reviews-head,
					.cyber-review-grid,
					.cyber-reviews-footer {
						position: relative;
						z-index: 1;
					}

					.cyber-reviews-head {
						display: flex;
						justify-content: space-between;
						gap: 18px;
						align-items: flex-start;
						margin-bottom: 22px;
					}

					.cyber-reviews-kicker {
						display: inline-flex;
						align-items: center;
						gap: 8px;
						padding: 6px 12px;
						border-radius: 999px;
						background: rgba(35, 153, 230, 0.08);
						/* Background emas transparan tipis */
						border: 1px solid rgba(35, 153, 230, 0.25);
						/* Border emas transparan */
						color: #1268a8;
						/* Warna teks emas luxury */
						font-size: 11px;
						letter-spacing: 1px;
						text-transform: uppercase;
						margin-bottom: 10px;
					}

					.cyber-reviews-title {
						margin: 0;
						font-size: 30px;
						line-height: 1.15;
						color: #d3f5f1;
						text-shadow: 0 0 12px rgba(32, 218, 193, 0.22);
					}

					.cyber-reviews-subtitle {
						margin: 10px 0 0;
						max-width: 620px;
						/* Mengubah warna teks subjudul dari toska menjadi emas luxury solid */
						color: #2399e6;
						font-size: 13px;
						line-height: 1.7;
						letter-spacing: 0.2px;
					}

					.cyber-scoreboard {
						min-width: 220px;
						padding: 18px;
						border-radius: 16px;
						background: linear-gradient(145deg,
								rgba(35, 153, 230, 0.1),
								rgba(35, 153, 230, 0.03));
						border: 1px solid rgba(35, 153, 230, 0.28);
						box-shadow: inset 0 0 16px rgba(35, 153, 230, 0.05);
					}

					.cyber-score-main {
						display: flex;
						align-items: baseline;
						gap: 8px;
						margin-bottom: 10px;
					}

					.cyber-score-value {
						font-size: 42px;
						font-weight: 900;
						line-height: 1;
						color: #1268a8;
						/* Warna dasar emas luxury */
						text-shadow: 0 0 14px rgba(35, 153, 230, 0.45);
						/* Efek glow emas logam */
					}

					.cyber-score-outof {
						font-size: 13px;
						color: #9fdcff;
						opacity: 0.9;
					}

					.cyber-score-stars {
						letter-spacing: 3px;
						color: #1268a8;
						/* Warna dasar emas luxury */
						font-size: 16px;
						margin-bottom: 8px;
						/* Opsional: Tambahkan text-shadow jika ingin bintangnya sedikit menyala */
						text-shadow: 0 0 8px rgba(35, 153, 230, 0.4);
					}

					.cyber-score-meta {
						font-size: 12px;
						/* Mengubah warna teks meta dari toska menjadi emas luxury solid */
						color: #2399e6;
						line-height: 1.6;
					}

					.cyber-review-grid {
						display: grid;
						grid-template-columns: repeat(3, minmax(0, 1fr));
						gap: 18px;
					}

					.cyber-review-card {
						background: linear-gradient(180deg, rgba(35, 153, 230, 0.15), rgba(35, 153, 230, 0.05));
						border: 1px solid rgba(35, 153, 230, 0.25);
						border-radius: 18px;
						padding: 18px;
						box-shadow: 0 0 18px rgba(35, 153, 230, 0.08);
						transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
					}

					.cyber-review-card:hover {
						transform: translateY(-4px);
						border-color: #2399e6;
						/* Gold luxury hover */
						box-shadow: 0 0 26px rgba(35, 153, 230, 0.25);
					}

					.cyber-review-title,
					.cyber-review-text {
						color: #d3f5f1 !important;
					}

					.cyber-review-top {
						display: flex;
						align-items: center;
						justify-content: space-between;
						gap: 10px;
						margin-bottom: 14px;
					}

					.cyber-review-user {
						display: flex;
						align-items: center;
						gap: 12px;
						min-width: 0;
					}

					.cyber-avatar {
						width: 48px;
						height: 48px;
						border-radius: 14px;
						display: inline-flex;
						align-items: center;
						justify-content: center;
						/* Gradasi emas luxury dari terang ke sedikit gelap */
						background: linear-gradient(145deg, #c9ecff, #2399e6);
						color: #1A1A1A;
						font-weight: 900;
						font-size: 18px;
						box-shrink: 0;
						box-shadow: 0 0 14px rgba(35, 153, 230, 0.25);
					}

					.cyber-user-name {
						margin: 0;
						font-size: 14px;
						color: #1268a8;
						/* Warna teks emas luxury */
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis;
					}

					.cyber-user-badge {
						margin-top: 4px;
						display: inline-flex;
						align-items: center;
						gap: 6px;
						font-size: 10px;
						/* Mengubah warna teks dari toska menjadi emas luxury solid */
						color: #2399e6;
						text-transform: uppercase;
						letter-spacing: 1px;
					}

					.cyber-review-rating {
						font-size: 13px;
						color: #1268a8;
						/* Warna teks emas luxury */
						white-space: nowrap;
					}

					.cyber-review-title {
						margin: 0 0 10px;
						font-size: 15px;
						line-height: 1.45;
					}

					.cyber-review-text {
						margin: 0;
						font-size: 12px;
						line-height: 1.8;
						color: #9fdcff;
					}

					.cyber-review-tags {
						display: flex;
						flex-wrap: wrap;
						gap: 8px;
						margin-top: 14px;
					}

					.cyber-review-tags span {
						display: inline-flex;
						align-items: center;
						padding: 6px 10px;
						border-radius: 999px;
						font-size: 10px;
						color: #1268a8;
						/* Warna teks emas luxury */
						border: 1px solid rgba(35, 153, 230, 0.25);
						/* Border emas transparan tipis */
						background: rgba(35, 153, 230, 0.08);
						/* Background emas transparan sangat tipis */
					}

					.cyber-reviews-footer {
						margin-top: 20px;
						display: flex;
						align-items: center;
						justify-content: space-between;
						gap: 14px;
						padding: 16px 18px;
						border-radius: 14px;
						background: rgba(0, 0, 0, 0.26);
						/* 1. MENGUBAH BORDER TOKSA MENJADI EMAS NEON (TERANG/GLOWING) */
						border: 1px solid rgba(87, 189, 245, 0.4);
						/* 2. MENAMBAHKAN EFEK CAHAYA PENDARAN (GLOW) KHAS NEON EMAS */
						box-shadow: 0 0 10px rgba(35, 153, 230, 0.15), inset 0 0 8px rgba(87, 189, 245, 0.05);
					}

					.cyber-review-pill-group {
						display: flex;
						flex-wrap: wrap;
						gap: 10px;
					}

					.cyber-review-pill {
						padding: 7px 12px;
						border-radius: 999px;
						font-size: 11px;
						color: #1268a8;
						/* Warna teks emas luxury */
						border: 1px solid rgba(35, 153, 230, 0.22);
						/* Border emas transparan */
						background: rgba(35, 153, 230, 0.06);
						/* Background emas transparan tipis */
					}

					.cyber-reviews-cta {
						display: inline-flex;
						align-items: center;
						gap: 8px;
						padding: 10px 16px;
						border-radius: 12px;
						/* Gradasi emas luxury yang kontras dan berkilau */
						background: linear-gradient(145deg, #c9ecff, #2399e6);
						color: #1A1A1A;
						font-size: 12px;
						font-weight: 900;
						text-decoration: none;
						box-shadow: 0 0 18px rgba(35, 153, 230, 0.3);
						/* Pendaran glow emas luar */
					}

					.cyber-reviews-cta:hover {
						filter: brightness(1.04);
					}

					@media (max-width: 900px) {
						.cyber-reviews-head {
							flex-direction: column;
						}

						.cyber-scoreboard {
							width: 100%;
							min-width: 0;
						}

						.cyber-review-grid {
							grid-template-columns: 1fr;
						}

						.cyber-reviews-footer {
							flex-direction: column;
							align-items: stretch;
						}

						.cyber-reviews-cta {
							justify-content: center;
						}
					}

					@media (max-width: 640px) {
						.cyber-reviews {
							margin: 22px 16px 40px;
							padding: 20px;
							border-radius: 18px;
						}

						.cyber-reviews-title {
							font-size: 24px;
						}

						.cyber-score-value {
							font-size: 34px;
						}

						.cyber-review-card {
							padding: 16px;
						}
					}
				
				<style>
					@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&display=swap');

					.cyber-WINTOTO {
						margin: 40px auto;
						background: radial-gradient(circle at top, #1A1A1A, #1A1A1A 70%);
						border-radius: 16px;
						border: 1px solid rgba(35, 153, 230, 0.5);
						box-shadow:
							0 0 25px rgba(35, 153, 230, 0.3),
							inset 0 0 20px rgba(35, 153, 230, 0.1);
						padding: 25px;
						font-family: 'Orbitron', sans-serif;
						color: #c9ecff;
						/* luxury gold text */
						position: relative;
						overflow: hidden;
					}

					.cyber-WINTOTO::before {
						content: "";
						position: absolute;
						inset: 0;
						background: repeating-linear-gradient(to bottom, rgba(32, 218, 193, 0.05), rgba(32, 218, 193, 0.05) 1px, transparent 1px, transparent 3px);
						pointer-events: none;
					}

					.pd-full-desc-title {
						text-align: center;
						font-size: 22px;
						color: #1268a8;
						/* Warna dasar emas luxury */
						letter-spacing: 2px;
						text-shadow: 0 0 12px rgba(35, 153, 230, 0.5);
						/* Glow emas logam */
						margin-bottom: 20px;
					}

					.mecha-header h3 {
						text-align: center;
						font-size: 18px;
						color: #1268a8;
						/* Warna dasar emas luxury */
						text-shadow: 0 0 10px rgba(35, 153, 230, 0.5);
						/* Glow emas logam */
						margin-bottom: 15px;
					}

					.mecha-image img {
						width: 100%;
						border-radius: 10px;
						border: 1px solid rgba(35, 153, 230, 0.5);
						box-shadow: 0 0 20px rgba(35, 153, 230, 0.3);
						margin-bottom: 20px;
					}

					.mecha-content p {
						font-size: 14px;
						line-height: 1.8;
						margin-bottom: 14px;
						color: #d3f5f1;
					}

					.glow {
						color: #1268a8;
						/* Warna dasar emas luxury */
						text-shadow: 0 0 8px rgba(35, 153, 230, 0.5);
						/* Glow emas logam */
						font-weight: 600;
					}

					.glow-strong {
						color: #1268a8;
						/* Warna dasar emas luxury */
						/* Efek double glow: lapisan pertama fokus terang, lapisan kedua menyebar luas */
						text-shadow: 0 0 10px rgba(145, 216, 255, 0.6), 0 0 20px rgba(35, 153, 230, 0.4);
						font-weight: 700;
					}

					.final-line {
						margin-top: 18px;
						padding: 10px;
						border: 1px solid rgba(35, 153, 230, 0.4);
						background: rgba(35, 153, 230, 0.08);
						border-radius: 8px;
						text-align: center;
					}

/* CSS block 30 */
/* Footer WINTOTO — tema gelap emas */
					.site-footer.footer-compact {
						position: relative;
						background: #030303;
						overflow: hidden;
						margin-top: 0;
					}
					.site-footer.footer-compact::before {
						content: "";
						position: absolute;
						inset: 0;
						pointer-events: none;
						background:
							repeating-linear-gradient(180deg, transparent 0, transparent 52px, rgba(255,255,255,0.025) 52px, rgba(255,255,255,0.025) 53px),
							radial-gradient(circle at 12% 35%, rgba(255, 100, 0, 0.18) 0%, transparent 32%),
							radial-gradient(circle at 88% 65%, rgba(255, 160, 0, 0.14) 0%, transparent 38%),
							radial-gradient(circle at 55% 80%, rgba(255, 60, 0, 0.1) 0%, transparent 28%),
							radial-gradient(circle at 70% 20%, rgba(255, 200, 0, 0.08) 0%, transparent 25%);
					}
					.site-footer .ft-top {
						position: relative;
						z-index: 1;
						padding: 44px 0 32px;
					}
					.site-footer .ft-grid {
						display: grid;
						grid-template-columns: 1fr 1fr 1fr;
						gap: 36px 48px;
						align-items: start;
					}
					.site-footer .ft-collapsible-content {
						display: contents;
					}
					.site-footer .ft-col,
					.site-footer .ft-help {
						background: linear-gradient(180deg, rgba(22, 0, 0, 0.92) 0%, rgba(11, 0, 0, 0.96) 100%);
						border: 1px solid rgba(255, 213, 0, 0.22);
						border-radius: 14px;
						padding: 22px 20px;
						box-shadow: 0 8px 24px rgba(255, 213, 0, 0.12), inset 0 1px 0 rgba(255, 242, 0, 0.07);
						position: relative;
						overflow: hidden;
					}
					.site-footer .ft-col::before,
					.site-footer .ft-help::before {
						content: "";
						position: absolute;
						inset: 0;
						pointer-events: none;
						background: repeating-linear-gradient(180deg, transparent 0, transparent 3px, rgba(255, 213, 0, 0.025) 3px, rgba(255, 213, 0, 0.025) 4px);
						opacity: 0.6;
					}
					.site-footer .ft-col > *,
					.site-footer .ft-help > * {
						position: relative;
						z-index: 1;
					}
					.site-footer .ft-title {
						color: #91d8ff;
						font-size: 0.95rem;
						font-weight: 800;
						text-transform: uppercase;
						letter-spacing: 0.08em;
						margin: 0 0 16px;
						text-shadow: 0 0 10px rgba(255, 242, 0, 0.45), 0 0 22px rgba(255, 160, 0, 0.2);
					}
					.site-footer .ft-desc {
						color: #bfe8ff;
						font-size: 0.88rem;
						line-height: 1.65;
						margin: 0 0 8px;
						text-shadow: 0 0 6px rgba(255, 200, 0, 0.15);
					}
					.site-footer .ft-desc.sm-gap {
						margin-top: 18px;
						margin-bottom: 10px;
					}
					.site-footer .ft-wa-btn {
						display: inline-flex;
						align-items: center;
						gap: 10px;
						margin: 14px 0 6px;
						padding: 11px 24px;
						border-radius: 999px;
						background: linear-gradient(90deg, #ff8c00 0%, #57bdf5 55%, #ffe566 100%);
						color: #1a0f00;
						font-weight: 700;
						font-size: 0.92rem;
						text-decoration: none;
						box-shadow: 0 4px 18px rgba(255, 140, 0, 0.4);
						transition: transform 0.2s, box-shadow 0.2s;
					}
					.site-footer .ft-wa-btn:hover {
						transform: translateY(-2px);
						box-shadow: 0 6px 22px rgba(255, 160, 0, 0.5);
						color: #1a0f00;
					}
					.site-footer .ft-wa-btn .ico {
						display: flex;
						align-items: center;
					}
					.site-footer .ft-social {
						display: flex;
						gap: 10px;
						margin-top: 4px;
					}
					.site-footer .ft-social a {
						display: flex;
						align-items: center;
						justify-content: center;
						width: 38px;
						height: 38px;
						border-radius: 8px;
						background: rgba(18, 22, 35, 0.95);
						border: 1px solid rgba(80, 130, 200, 0.35);
						color: #6eb5ff;
						transition: background 0.2s, border-color 0.2s;
					}
					.site-footer .ft-social a:hover {
						background: rgba(30, 40, 60, 0.95);
						border-color: rgba(110, 181, 255, 0.6);
						color: #9ecbff;
					}
					.site-footer .ft-links {
						list-style: none;
						padding: 0;
						margin: 0 0 16px;
						display: flex;
						flex-direction: column;
						gap: 8px;
					}
					.site-footer .ft-links li {
						margin: 0;
					}
					.site-footer .ft-links a {
						display: inline-flex;
						align-items: center;
						width: fit-content;
						padding: 7px 14px;
						border: 1px solid rgba(255, 200, 0, 0.35);
						border-radius: 999px;
						background: rgba(255, 213, 0, 0.06);
						color: #bfe8ff;
						text-decoration: none;
						font-size: 0.86rem;
						font-weight: 600;
						line-height: 1.4;
						text-shadow: 0 0 8px rgba(255, 200, 0, 0.35);
						transition: all 0.2s ease;
					}
					.site-footer .ft-links a:hover {
						color: #91d8ff;
						background: rgba(255, 213, 0, 0.14);
						border-color: #57bdf5;
						transform: translateY(-1px);
						box-shadow: 0 4px 12px rgba(255, 213, 0, 0.22);
						text-shadow: 0 0 12px rgba(255, 242, 0, 0.55);
					}
					.site-footer .ft-address {
						margin-top: 6px;
						padding: 12px 14px;
						border-radius: 10px;
						border: 1px solid rgba(255, 213, 0, 0.18);
						background: rgba(0, 0, 0, 0.35);
					}
					.site-footer .ft-address .company {
						color: #eaf8ff;
						font-weight: 700;
						font-size: 0.92rem;
						margin: 0 0 6px;
						text-shadow: 0 0 8px rgba(255, 242, 0, 0.2);
					}
					.site-footer .ft-address p {
						color: #9fdcff;
						font-size: 0.8rem;
						line-height: 1.55;
						margin: 0;
					}
					.site-footer .ft-payments {
						margin-top: 10px;
						padding-top: 12px;
						border-top: 1px solid rgba(255, 213, 0, 0.15);
					}
					.site-footer .ft-payments .pay-row {
						display: flex;
						flex-wrap: wrap;
						gap: 8px;
						align-items: center;
					}
					.site-footer .ft-payments img {
						height: 30px;
						width: auto;
						max-width: 72px;
						object-fit: contain;
						background: #fff;
						border-radius: 6px;
						padding: 5px 10px;
						box-shadow: 0 1px 4px rgba(0,0,0,0.2);
					}
					.site-footer .ft-bottom {
						position: relative;
						z-index: 1;
						padding: 0;
						background: transparent;
					}
					.site-footer .ft-bottom::before {
						content: "";
						display: block;
						height: 2px;
						background: linear-gradient(90deg, transparent 0%, #57bdf5 15%, #2399e6 50%, #57bdf5 85%, transparent 100%);
						box-shadow: 0 0 12px rgba(255, 200, 0, 0.5);
					}
					.site-footer .ft-bottom-inner {
						padding: 14px 0 18px;
					}
					.site-footer .ft-copy {
						color: #888;
						font-size: 0.78rem;
						display: flex;
						flex-wrap: wrap;
						gap: 8px 16px;
						justify-content: center;
					}
					.site-footer .ft-expand-btn {
						display: none;
					}
					@media (max-width: 900px) {
						.site-footer .ft-grid {
							grid-template-columns: 1fr;
							gap: 28px;
						}
						.site-footer .ft-collapsible-content {
							display: none;
						}
						.site-footer .ft-top.expanded .ft-collapsible-content {
							display: block;
						}
						.site-footer .ft-expand-btn {
							display: inline-flex;
							align-items: center;
							justify-content: center;
							gap: 6px;
							grid-column: 1 / -1;
							margin: 8px auto 0;
							padding: 10px 20px;
							border-radius: 999px;
							border: 1px solid rgba(255, 200, 0, 0.4);
							background: rgba(255, 200, 0, 0.08);
							color: #57bdf5;
							font-weight: 600;
							cursor: pointer;
						}
					}

/* CSS block 31 */
/* Chat Widget Styles - Lightweight & Minimal */
						.chat-widget {
							position: fixed;
							bottom: 20px;
							right: 20px;
							z-index: 9999;
							font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
						}

						/* Hide floating button on mobile - use bottom nav instead */
						@media (max-width: 640px) {
							.chat-toggle-btn {
								display: none !important;
							}

							/* Ensure popup is still visible on mobile even when button is hidden */
							.chat-widget {
								display: block !important;
							}

							.chat-popup {
								display: none;
								/* Hidden by default, shown via JS */
							}

							.chat-popup[style*="display: block"],
							.chat-popup[style*="display:block"] {
								display: block !important;
							}
						}

						.chat-toggle-btn {
							width: 60px;
							height: 60px;
							border-radius: 50%;
							background: linear-gradient(135deg, #1268a8 0%, #2399e6 100%);
							border: none;
							color: white;
							cursor: pointer;
							box-shadow: 0 4px 12px rgba(35, 153, 230, 0.3);
							position: relative;
							transition: transform 0.2s, box-shadow 0.2s;
						}

						.chat-toggle-btn:hover {
							transform: scale(1.05);
							box-shadow: 0 6px 20px rgba(242, 140, 26, 0.4);
						}

						#chat-toggle-btn .chat-icon {
							position: absolute;
							top: 50%;
							left: 50%;
							transform: translate(-50%, -50%);
							width: 28px !important;
							height: 28px !important;
						}

						.chat-unread-badge {
							position: absolute;
							top: -5px;
							right: -5px;
							background: #57bdf5;
							color: white;
							border-radius: 12px;
							padding: 2px 6px;
							font-size: 11px;
							font-weight: 600;
							min-width: 20px;
							text-align: center;
						}

						.chat-popup {
							position: absolute;
							bottom: 80px;
							right: 0;
							width: 380px;
							max-width: calc(100vw - 40px);
							height: 500px;
							max-height: calc(100vh - 120px);
							background: white;
							border-radius: 12px;
							box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
							display: flex;
							flex-direction: column;
							overflow: hidden;
						}

						.chat-popup-header {
							/* Menggunakan linear gradient emas luxury dengan transisi halus */
							background: linear-gradient(135deg, #dfb76c 0%, #b38938 100%);
							color: white;
							padding: 16px 20px;
							display: flex;
							justify-content: space-between;
							align-items: center;
							flex-shrink: 0;
						}

						.chat-header-title {
							display: flex;
							flex-direction: column;
							gap: 2px;
							min-height: 0;
						}

						.chat-popup-header h3 {
							margin: 0;
							font-size: 18px;
							font-weight: 600;
							line-height: 1.2;
						}

						.chat-operating-hours {
							font-size: 11px;
							opacity: 0.9;
							font-weight: 400;
							display: flex;
							align-items: center;
							gap: 4px;
							line-height: 1.2;
						}

						.chat-operating-hours svg {
							width: 12px;
							height: 12px;
							opacity: 0.8;
							flex-shrink: 0;
						}

						.chat-header-actions {
							display: flex;
							align-items: center;
							gap: 8px;
						}

						/* Notification Toggle Button */
						.btn-notif-toggle {
							background: none;
							border: none;
							color: white;
							font-size: 18px;
							cursor: pointer;
							padding: 4px 8px;
							transition: all 0.2s;
							opacity: 0.8;
						}

						.btn-notif-toggle:hover {
							opacity: 1;
							transform: scale(1.1);
						}

						/* Icon states */
						.btn-notif-toggle[data-status="not-subscribed"] svg {
							opacity: 0.7;
						}

						.btn-notif-toggle[data-status="not-subscribed"]:hover svg {
							opacity: 1;
						}

						.btn-notif-toggle[data-status="subscribed"] svg {
							opacity: 1;
							animation: bellRing 2s ease-in-out;
						}

						.btn-notif-toggle[data-status="blocked"] svg {
							color: #ff6b6b;
						}

						.btn-notif-toggle[data-status="not-supported"] {
							display: none !important;
						}

						@keyframes bellRing {

							0%,
							100% {
								transform: rotate(0deg);
							}

							10%,
							30% {
								transform: rotate(-10deg);
							}

							20%,
							40% {
								transform: rotate(10deg);
							}
						}

						/* Notification Info Bar */
						.chat-notif-info-bar {
							position: absolute;
							top: 64px;
							left: 0;
							right: 0;
							background: linear-gradient(to right, #e3f2fd, #f5f5f5);
							border-bottom: 1px solid #bbdefb;
							padding: 8px 12px;
							display: flex;
							align-items: center;
							gap: 8px;
							font-size: 12px;
							color: #616161;
							z-index: 10;
							animation: slideDown 0.3s ease;
						}

						.chat-notif-info-bar svg {
							flex-shrink: 0;
						}

						.chat-notif-info-bar .small {
							flex: 1;
							line-height: 1.4;
						}

						.chat-notif-info-bar .btn-dismiss {
							background: none;
							border: none;
							color: #9e9e9e;
							cursor: pointer;
							padding: 0 4px;
							font-size: 16px;
							transition: color 0.2s;
						}

						.chat-notif-info-bar .btn-dismiss:hover {
							color: #616161;
						}

						@keyframes slideDown {
							from {
								max-height: 0;
								opacity: 0;
							}

							to {
								max-height: 50px;
								opacity: 1;
							}
						}

						.chat-close-btn {
							background: none;
							border: none;
							color: white;
							font-size: 28px;
							line-height: 1;
							cursor: pointer;
							padding: 0;
							width: 30px;
							height: 30px;
						}

						.chat-popup-body {
							flex: 1 1 auto;
							display: flex;
							flex-direction: column;
							min-height: 0;
							overflow: hidden;
							height: calc(100% - 64px);
							position: relative;
							transition: padding-top 0.3s ease;
						}

						/* Add padding when info bar is visible */
						.chat-popup-body.has-info-bar {
							padding-top: 40px;
						}

						.chat-view {
							flex: 1 1 auto;
							display: none;
							flex-direction: column;
							min-height: 0;
							overflow: hidden;
						}

						#chat-list-view {
							display: flex;
						}

						#chat-messages-view {
							display: none;
						}

						#chat-messages-view.active {
							display: flex;
							flex-direction: column;
						}

						#chat-new-view {
							display: none;
						}

						#chat-new-view.active {
							display: flex;
						}

						.chat-conversations-list {
							flex: 1;
							overflow-y: auto;
							padding: 0;
							background: white;
						}

						/* Custom Scrollbar for Conversations List */
						.chat-conversations-list::-webkit-scrollbar {
							width: 6px;
						}

						.chat-conversations-list::-webkit-scrollbar-track {
							background: #f1f1f1;
						}

						.chat-conversations-list::-webkit-scrollbar-thumb {
							background: cyan;
							border-radius: 3px;
						}

						.chat-conversations-list::-webkit-scrollbar-thumb:hover {
							background: #dfb76c;
						}

						/* Firefox */
						.chat-conversations-list {
							scrollbar-width: thin;
							scrollbar-color: cyan #f1f1f1;
						}

						.chat-conversation-item {
							padding: 12px 16px;
							cursor: pointer;
							display: flex;
							gap: 12px;
							align-items: flex-start;
							transition: background 0.15s ease;
							color: #33371f;
							border-bottom: 1px solid #f0f0f0;
						}

						.chat-conversation-item:hover {
							background: #f5f5f5;
						}

						.chat-conversation-item.active {
							background: #FFF5EB;
						}

						/* WhatsApp-like Avatar */
						.conversation-avatar {
							width: 48px;
							height: 48px;
							border-radius: 50%;
							background: linear-gradient(135deg, cyan 0%, #09d9b6 100%);
							flex-shrink: 0;
							display: flex;
							align-items: center;
							justify-content: center;
							color: white;
							font-weight: 600;
							font-size: 18px;
						}

						.conversation-avatar svg {
							width: 24px;
							height: 24px;
						}

						/* WhatsApp-like Content */
						.conversation-content {
							flex: 1;
							min-width: 0;
							display: flex;
							flex-direction: column;
							gap: 4px;
						}

						.conversation-header {
							display: flex;
							justify-content: space-between;
							align-items: center;
							gap: 8px;
						}

						.conversation-name {
							font-weight: 600;
							font-size: 15px;
							color: #111;
							white-space: nowrap;
							overflow: hidden;
							text-overflow: ellipsis;
						}

						.conversation-time {
							font-size: 12px;
							color: #7d8166;
							flex-shrink: 0;
						}

						.conversation-preview {
							display: flex;
							justify-content: space-between;
							align-items: center;
							gap: 8px;
						}

						.conversation-message {
							font-size: 14px;
							color: #667781;
							white-space: nowrap;
							overflow: hidden;
							text-overflow: ellipsis;
							margin: 0;
							flex: 1;
						}

						.conversation-unread {
							background: #25D366;
							color: white;
							border-radius: 12px;
							padding: 2px 8px;
							font-size: 12px;
							font-weight: 600;
							min-width: 20px;
							text-align: center;
							flex-shrink: 0;
						}

						/* Active item styling */
						.chat-conversation-item.active .conversation-name {
							color: cyan;
						}

						.chat-conversation-item.active .conversation-time {
							color: cyan;
						}

						.chat-new-btn {
							margin: 12px;
							padding: 12px;
							/* Menggunakan gradasi emas luxury sedang */
							background: linear-gradient(135deg, #dfb76c 0%, #b38938 100%);
							color: white;
							border: none;
							border-radius: 8px;
							cursor: pointer;
							font-weight: 500;
							font-size: 14px;
							display: flex;
							align-items: center;
							justify-content: center;
							gap: 8px;
							transition: all 0.2s;
							flex-shrink: 0;
						}

						.chat-new-btn:hover {
							transform: translateY(-1px);
							box-shadow: 0 4px 8px rgba(242, 140, 26, 0.3);
						}

						.chat-conversation-title {
							flex: 1;
							font-weight: 600;
							font-size: 16px;
							color: #3d3a34;
							/* Mengubah abu-abu kebiruan menjadi abu-abu keemasan gelap */
						}

						.chat-messages-container {
							flex: 1;
							overflow-y: auto;
							padding: 16px;
							display: flex;
							flex-direction: column;
							gap: 8px;
							min-height: 0;
							background: #E5DDD5;
						}

						/* Custom Scrollbar for Messages Container */
						.chat-messages-container::-webkit-scrollbar {
							width: 6px;
						}

						.chat-messages-container::-webkit-scrollbar-track {
							background: rgba(0, 0, 0, 0.05);
						}

						.chat-messages-container::-webkit-scrollbar-thumb {
							background: rgba(242, 140, 26, 0.6);
							border-radius: 3px;
						}

						.chat-messages-container::-webkit-scrollbar-thumb:hover {
							background: cyan;
						}

						/* Firefox */
						.chat-messages-container {
							scrollbar-width: thin;
							scrollbar-color: rgba(242, 140, 26, 0.6) rgba(0, 0, 0, 0.05);
						}

						/* WhatsApp Group-like Messages */
						.chat-message {
							display: flex;
							margin-bottom: 4px;
							animation: fadeIn 0.2s ease;
						}

						@keyframes fadeIn {
							from {
								opacity: 0;
								transform: translateY(10px);
							}

							to {
								opacity: 1;
								transform: translateY(0);
							}
						}

						.chat-message.mine {
							justify-content: flex-end;
						}

						.chat-message-bubble {
							max-width: 80%;
							padding: 6px 8px 8px 10px;
							border-radius: 8px;
							position: relative;
							box-shadow: 0 1px 0.5px rgba(0, 0, 0, 0.13);
						}

						/* Bubble from others (Admin/CS) */
						.chat-message:not(.mine) .chat-message-bubble {
							background: #FFFFFF;
							border-radius: 0 8px 8px 8px;
						}

						/* Bubble tail for others */
						.chat-message:not(.mine) .chat-message-bubble::before {
							content: '';
							position: absolute;
							top: 0;
							left: -8px;
							width: 0;
							height: 0;
							border-style: solid;
							border-width: 0 8px 13px 0;
							border-color: transparent #FFFFFF transparent transparent;
						}

						/* Bubble from user (mine) */
						.chat-message.mine .chat-message-bubble {
							background: #e4f5d0;
							/* Light blue for user messages */
							border-radius: 8px 0 8px 8px;
						}

						/* Bubble tail for mine */
						.chat-message.mine .chat-message-bubble::before {
							content: '';
							position: absolute;
							top: 0;
							right: -8px;
							width: 0;
							height: 0;
							border-style: solid;
							border-width: 0 0 13px 8px;
							border-color: transparent transparent transparent #eaf5d0;
						}

						.message-sender {
							font-size: 12.5px;
							font-weight: 600;
							color: cyan !important;
							margin-bottom: 4px;
						}

						.chat-message.mine .message-sender {
							display: none;
						}

						/* Message text */
						.message-text {
							font-size: 14px;
							line-height: 19px;
							color: #000000 !important;
							word-wrap: break-word;
							white-space: pre-wrap;
							margin-bottom: 4px;
						}

						/* Message metadata (time + status) */
						.message-meta {
							display: flex;
							align-items: center;
							justify-content: flex-end;
							gap: 4px;
							margin-top: 2px;
						}

						.message-time {
							font-size: 11px;
							color: #728166 !important;
							line-height: 15px;
						}

						/* Use multiple selectors to override global styles */
						.chat-message-bubble .message-status,
						.message-meta .message-status,
						.chat-message .message-status {
							width: 16px !important;
							height: 16px !important;
							min-width: 16px !important;
							min-height: 16px !important;
							max-width: 16px !important;
							max-height: 16px !important;
							flex-shrink: 0;
							color: #728166 !important;
							fill: currentColor !important;
						}

						.chat-message:not(.mine) .message-status {
							display: none;
						}

						/* Loading dots animation */
						@keyframes loadingDots {

							0%,
							20% {
								content: '.';
							}

							40% {
								content: '..';
							}

							60%,
							100% {
								content: '...';
							}
						}

						.message-status.loading::after {
							content: '...';
							animation: loadingDots 1.5s infinite;
							font-size: 16px;
							line-height: 16px;
						}

						.message-status.loading path {
							display: none;
						}

						.message-status.failed {
							color: #57bdf5 !important;
							cursor: pointer;
						}

						.message-status.sent {
							color: #667781 !important;
						}

						.chat-new-form {
							flex: 1;
							overflow-y: auto;
							padding: 16px;
							display: flex;
							flex-direction: column;
						}

						.chat-new-form form {
							display: flex;
							flex-direction: column;
							gap: 16px;
							flex: 1;
						}

						.chat-new-form .form-group {
							display: flex;
							flex-direction: column;
							gap: 6px;
						}

						.chat-new-form label {
							font-size: 14px;
							font-weight: 500;
							color: #374151;
						}

						.chat-new-form .form-control {
							width: 100%;
							padding: 10px 12px;
							border: 1px solid #d1d5db;
							border-radius: 8px;
							font-size: 14px;
							font-family: inherit;
							transition: border-color 0.2s;
							box-sizing: border-box;
						}

						.chat-new-form .form-control:focus {
							outline: none;
							border-color: gold;
							box-shadow: 0 0 0 3px rgba(242, 140, 26, 0.1);
						}

						.chat-new-form textarea.form-control {
							resize: vertical;
							min-height: 100px;
						}

						.chat-new-form .btn {
							padding: 12px 20px;
							border: none;
							border-radius: 8px;
							font-size: 15px;
							font-weight: 500;
							cursor: pointer;
							transition: all 0.2s;
							text-align: center;
						}

						.chat-new-form .btn-primary {
							/* Menggabungkan gold cerah dengan emas luxury sedang */
							background: linear-gradient(135deg, gold 0%, #b38938 100%);
							color: white;
						}

						.chat-new-form .btn-primary:hover {
							transform: translateY(-1px);
							box-shadow: 0 4px 8px rgba(242, 140, 26, 0.3);
						}

						.chat-new-form .btn-primary:active {
							transform: scale(0.98);
						}

						.chat-new-form .btn-block {
							width: 100%;
							margin-top: auto;
						}

						.chat-message-form {
							padding: 12px;
							border-top: 1px solid #e5e7eb;
							display: flex;
							flex-wrap: wrap;
							gap: 8px;
							align-items: flex-end;
							flex-shrink: 0;
							background: white;
						}

						.chat-product-card {
							flex: 1 1 100%;
							max-width: 100%;
							display: flex;
							gap: 12px;
							padding: 12px;
							background: #f3f4f6;
							border-radius: 8px;
							margin-bottom: 4px;
							border: 1px solid #e5e7eb;
						}

						.chat-product-card img {
							width: 60px;
							height: 60px;
							object-fit: cover;
							border-radius: 6px;
							flex-shrink: 0;
						}

						.chat-product-card-content {
							flex: 1;
							min-width: 0;
						}

						.chat-product-card-name {
							font-weight: 500;
							font-size: 14px;
							color: #3d3a34;
							/* Mengubah abu-abu kebiruan menjadi abu-abu keemasan gelap */
							margin-bottom: 4px;
							white-space: nowrap;
							overflow: hidden;
							text-overflow: ellipsis;
						}

						.chat-product-card-variant {
							font-size: 12px;
							color: #74806b;
							margin-bottom: 4px;
						}

						.chat-product-card-price {
							font-size: 13px;
							color: #8bea66;
							font-weight: 600;
						}

						.chat-product-card-remove {
							align-self: flex-start;
							background: none;
							border: none;
							color: #9ca3af;
							cursor: pointer;
							padding: 4px;
							font-size: 18px;
							line-height: 1;
							transition: color 0.2s;
						}

						.chat-product-card-remove:hover {
							color: #57bdf5;
						}

						/* Product card in messages (read-only display) */
						.message-product-card {
							display: flex;
							gap: 10px;
							padding: 10px;
							background: rgba(255, 255, 255, 0.5);
							border-radius: 8px;
							margin-bottom: 6px;
							border: 1px solid rgba(0, 0, 0, 0.08);
							align-items: center;
						}

						.chat-message.mine .message-product-card {
							background: rgba(255, 255, 255, 0.7);
						}

						.message-product-card img {
							width: 50px;
							height: 50px;
							object-fit: cover;
							border-radius: 6px;
							flex-shrink: 0;
						}

						.message-product-info {
							flex: 1;
							min-width: 0;
						}

						.message-product-name {
							font-weight: 500;
							font-size: 13px;
							color: #33371f;
							margin-bottom: 2px;
							overflow: hidden;
							text-overflow: ellipsis;
							display: -webkit-box;
							-webkit-line-clamp: 2;
							-webkit-box-orient: vertical;
							line-height: 1.3;
						}

						.message-product-variant {
							font-size: 11px;
							color: #78806b;
							margin-bottom: 2px;
						}

						.message-product-price {
							font-size: 12px;
							color: #c7ea66;
							font-weight: 600;
						}

						.message-product-link {
							flex-shrink: 0;
							width: 32px;
							height: 32px;
							display: flex;
							align-items: center;
							justify-content: center;
							background: rgba(102, 126, 234, 0.1);
							border-radius: 6px;
							color: #c7ea66;
							text-decoration: none;
							transition: all 0.2s;
						}

						.message-product-link:hover {
							background: #b7ea66;
							color: white;
						}

						.message-product-link svg {
							width: 16px;
							height: 16px;
						}

						.chat-message-input {
							flex: 1;
							border: 1px solid #d1d5db;
							border-radius: 20px;
							padding: 10px 16px;
							resize: none;
							max-height: 100px;
							font-family: inherit;
							font-size: 14px;
							line-height: 1.5;
							box-sizing: border-box;
							overflow-y: hidden;
						}

						.chat-message-input:focus {
							outline: none;
							border-color: gold;
							box-shadow: 0 0 0 3px rgba(242, 140, 26, 0.1);
						}

						.chat-send-btn {
							width: 40px;
							height: 40px;
							border-radius: 50%;
							/* Mengganti hijau dengan emas luxury sedang */
							background: linear-gradient(135deg, gold 0%, #b38938 100%);
							border: none;
							color: white;
							cursor: pointer;
							flex-shrink: 0;
							display: flex;
							align-items: center;
							justify-content: center;
							transition: all 0.2s;
						}

						.chat-send-btn:hover {
							transform: scale(1.05);
							box-shadow: 0 2px 8px rgba(242, 140, 26, 0.3);
						}

						.chat-send-btn:active {
							transform: scale(0.95);
						}

						.chat-loading {
							text-align: center;
							padding: 20px;
							color: #787266;
						}

						/* Date Separator (WhatsApp-style) */
						.date-separator {
							display: flex;
							align-items: center;
							gap: 12px;
							margin: 24px 0 16px;
							opacity: 0;
							animation: fadeInSeparator 0.3s ease forwards;
						}

						@keyframes fadeInSeparator {
							from {
								opacity: 0;
								transform: translateY(-10px);
							}

							to {
								opacity: 1;
								transform: translateY(0);
							}
						}

						.date-separator-line {
							flex: 1;
							height: 1px;
							background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.1) 50%, transparent);
						}

						.date-separator-text {
							flex-shrink: 0;
							padding: 4px 12px;
							background: #e9ecef;
							color: #6c757d;
							font-size: 11px;
							font-weight: 600;
							text-transform: uppercase;
							letter-spacing: 0.5px;
							border-radius: 12px;
							box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
						}

						/* Mobile responsive */
						@media (max-width: 640px) {
							.chat-popup {
								position: fixed !important;
								/* Override absolute positioning */
								bottom: 45px !important;
								/* Above bottom nav */
								right: 0 !important;
								left: 0 !important;
								width: 100% !important;
								max-width: 100% !important;
								/* Use dvh (dynamic viewport height) for browser UI awareness */
								height: calc(100dvh - 45px) !important;
								max-height: calc(100dvh - 45px) !important;
								/* Fallback for browsers that don't support dvh */
								height: calc(var(--viewport-height, 100vh) - 45px) !important;
								max-height: calc(var(--viewport-height, 100vh) - 45px) !important;
								border-radius: 0 !important;
								z-index: 9999 !important;
							}

							.chat-popup-header {
								border-radius: 0;
							}

							.chat-messages-container,
							.chat-conversations-list {
								/* Adjust for mobile keyboard using dynamic viewport */
								max-height: calc(100dvh - 190px);
								/* Fallback for browsers that don't support dvh */
								max-height: calc(var(--viewport-height, 100vh) - 190px);
							}
						}

/* CSS block 32 */
.WINTOTO-fixed-footer {position: fixed;left: 0;right: 0;bottom: 0;z-index: 999;display: flex;align-items: center;justify-content: space-around;gap: 8px;padding: 11px 12px calc(11px + env(safe-area-inset-bottom));overflow: hidden;background: linear-gradient(0deg, #1A1A1A, #1A1A1A);backdrop-filter: blur(12px);border-top: 1px solid rgba(87, 189, 245, 0.6);border-radius: 18px 18px 0 0;box-shadow: 0 -12px 30px rgba(35, 153, 230, 0.35), inset 0 1px 0 rgba(87, 189, 245, 0.08);font-family: "Orbitron", "Poppins", system-ui, sans-serif;}.WINTOTO-fixed-footer::before {content: "";position: absolute;inset: 0;pointer-events: none;background: repeating-linear-gradient(0deg, rgba(87, 189, 245, 0.03), rgba(87, 189, 245, 0.03) 1px, transparent 1px, transparent 6px);opacity: .85;mix-blend-mode: overlay;}.WINTOTO-fixed-footer::after {content: "";position: absolute;top: 0;left: -160%;width: 60%;height: 100%;background: linear-gradient(120deg, transparent, rgba(87, 189, 245, 0.25), transparent);transform: skewX(-25deg);animation: footerFinalShine 3.8s infinite;mix-blend-mode: screen;pointer-events: none;}@keyframes footerFinalShine {0% {left: -160%;}68% {left: 160%;}100% {left: 160%;}}.WINTOTO-fixed-footer a {flex: 1;max-width: 110px;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 6px;padding: 8px 6px;text-decoration: none;text-align: center;color: #9fdcff;font-size: 12px;font-weight: 800;letter-spacing: .25px;border-radius: 14px;position: relative;z-index: 1;transition: background .18s ease, color .18s ease, filter .18s ease, transform .18s ease;}.WINTOTO-fixed-footer a:hover {color: #1268a8;background: rgba(87, 189, 245, 0.08);filter: drop-shadow(0 0 12px rgba(87, 189, 245, 0.3));transform: translateY(-1px);}.WINTOTO-fixed-footer a:active {transform: translateY(0) scale(.99);}.WINTOTO-fixed-footer img {width: 26px;height: 26px;transition: transform .18s ease, filter .18s ease;filter: drop-shadow(0 0 8px rgba(87, 189, 245, 0.4));}.WINTOTO-fixed-footer a:hover img {transform: scale(1.08);filter: drop-shadow(0 0 16px rgba(87, 189, 245, 0.7));}.WINTOTO-fixed-footer .hud-corner {position: absolute;width: 18px;height: 18px;pointer-events: none;border: 1px solid rgba(87, 189, 245, 0.55);filter: drop-shadow(0 0 10px rgba(87, 189, 245, 0.2));opacity: .85;}.WINTOTO-fixed-footer .hud-tl {top: 8px;left: 10px;border-right: none;border-bottom: none;border-radius: 10px 0 0 0;}.WINTOTO-fixed-footer .hud-tr {top: 8px;right: 10px;border-left: none;border-bottom: none;border-radius: 0 10px 0 0;}.WINTOTO-fixed-footer .hud-bl {bottom: 8px;left: 10px;border-right: none;border-top: none;border-radius: 0 0 0 10px;}.WINTOTO-fixed-footer .hud-br {bottom: 8px;right: 10px;border-left: none;border-top: none;border-radius: 0 0 10px 0;}.WINTOTO-fixed-footer .tada {color: #1A1A1A;background: radial-gradient(circle at 50% 0%, rgba(87, 189, 245, 0.25), rgba(0, 0, 0, 0) 70%), rgba(87, 189, 245, 0.12);border: 1px solid rgba(87, 189, 245, 0.45);box-shadow: 0 0 18px rgba(87, 189, 245, 0.2), inset 0 0 16px rgba(87, 189, 245, 0.12);}.WINTOTO-fixed-footer .tada img {width: 30px;height: 30px;filter: drop-shadow(0 0 16px rgba(87, 189, 245, 0.7));}.WINTOTO-fixed-footer .tada::before {content: "";position: absolute;inset: -12px;border-radius: 999px;background: linear-gradient(45deg, #c9ecff, #2399e6);filter: blur(12px);opacity: .35;animation: corePulse 2.9s ease-in-out infinite;z-index: -1;}@keyframes corePulse {0%, 100% {opacity: .3;transform: scale(.99);}50% {opacity: .6;transform: scale(1.02);}}.WINTOTO-fixed-footer a.is-active {color: #1268a8;background: rgba(87, 189, 245, 0.12);box-shadow: inset 0 0 0 1px rgba(87, 189, 245, 0.35);}.WINTOTO-fixed-footer a.is-active img {filter: drop-shadow(0 0 18px rgba(87, 189, 245, 0.85));}@media (max-width:500px) {.WINTOTO-fixed-footer {padding: 10px 10px calc(10px + env(safe-area-inset-bottom));border-radius: 16px 16px 0 0;gap: 6px;}.WINTOTO-fixed-footer a {font-size: 11px;padding: 7px 5px;gap: 5px;max-width: 104px;}.WINTOTO-fixed-footer img {width: 22px;height: 22px;}.WINTOTO-fixed-footer .tada img {width: 26px;height: 26px;}}
/* ==========================================================
   WINTOTO — LUXURY ICE BLUE / SNOW OVERRIDE
   Added 2026-08-14
   ========================================================== */
:root{
  --ice-950:#020814;
  --ice-900:#061426;
  --ice-800:#0a2340;
  --ice-700:#0c3b68;
  --ice-600:#1268a8;
  --ice-500:#2399e6;
  --ice-400:#57bdf5;
  --ice-300:#91d8ff;
  --ice-200:#c9ecff;
  --ice-100:#eaf8ff;
  --ice-white:#ffffff;
  --ice-border:rgba(145,216,255,.28);
  --ice-glow:0 0 28px rgba(35,153,230,.22);

  --nava-orange:#2399e6;
  --nava-orange-dark:#1268a8;
  --nava-orange-deep:#0c3b68;
  --nava-gold:#91d8ff;
  --nava-gold-soft:#c9ecff;
  --nava-cream:#eaf8ff;
  --nava-cream-2:#c9ecff;
  --nava-surface:#061426;
  --nava-text:#eaf8ff;
  --nava-text-soft:#91d8ff;
  --nava-border:rgba(145,216,255,.28);
  --brand-50:#061426;
  --brand-100:#0a2340;
  --brand-500:#2399e6;
  --brand-600:#1268a8;
  --gray-900:#f4fbff;
  --gray-700:#c9ecff;
  --gray-500:#91b9d0;
  --gray-300:#31516a;
  --gray-100:#0a1d31;
  --border:rgba(145,216,255,.22);
}

html{background:#020814;}
body{
  color:var(--ice-100) !important;
  background:
    radial-gradient(circle at 50% -10%,rgba(35,153,230,.28),transparent 36%),
    radial-gradient(circle at 90% 20%,rgba(87,189,245,.12),transparent 28%),
    linear-gradient(180deg,#07192e 0%,#03101f 46%,#020814 100%) !important;
  background-attachment:fixed !important;
}

/* glass luxury surfaces */
.navbar,
.navbar-logo{
  background:linear-gradient(135deg,rgba(4,19,36,.92),rgba(8,48,81,.82)) !important;
  border-bottom:1px solid rgba(145,216,255,.28) !important;
  box-shadow:0 12px 35px rgba(0,0,0,.35),0 0 30px rgba(35,153,230,.10) !important;
  backdrop-filter:blur(18px) saturate(135%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(135%) !important;
}
.navbar::after{
  background:linear-gradient(90deg,transparent,#2399e6,#c9ecff,#2399e6,transparent) !important;
  opacity:.8 !important;
  box-shadow:0 0 14px rgba(87,189,245,.7);
}
.topbar{background:#020914 !important;border-bottom:1px solid rgba(145,216,255,.12);}

.hero{
  background:
    radial-gradient(circle at 18% 25%,rgba(87,189,245,.18),transparent 34%),
    linear-gradient(135deg,#061426 0%,#0a2b4b 48%,#03101f 100%) !important;
  position:relative;
  overflow:hidden;
}
.hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.055) 45%,transparent 68%);
}
.hero-text h1,.products-head h2,.flash-head h2{color:#fff !important;text-shadow:0 0 20px rgba(87,189,245,.22);}
.hero-text .text-brand{color:#91d8ff !important;text-shadow:0 0 18px rgba(87,189,245,.5);}
.lead,.hero-bullets{color:#c9ecff !important;}
.hero-box{
  background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(87,189,245,.035)) !important;
  border:1px solid rgba(145,216,255,.25) !important;
  box-shadow:0 22px 60px rgba(0,0,0,.35),0 0 30px rgba(35,153,230,.12) !important;
  backdrop-filter:blur(12px);
}

.search,.product-filters input{
  background:rgba(3,17,32,.78) !important;
  color:#eaf8ff !important;
  border-color:rgba(145,216,255,.32) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.search:focus-within,.product-filters input:focus{
  border-color:#57bdf5 !important;
  box-shadow:0 0 0 3px rgba(35,153,230,.16),0 0 22px rgba(35,153,230,.12) !important;
}
.search input{color:#eaf8ff !important;}.search input::placeholder{color:#7fa9c1 !important;}
.search-suggest,.user-dropdown,.mega-more-dropdown{background:rgba(4,19,36,.98) !important;border-color:var(--ice-border) !important;color:#eaf8ff !important;}

.mega-cats a{color:#bfe8ff !important;}
.mega-cats a:hover,.mega-cats a.active,.mega-more-btn:hover,.mega-cats-more.active>.mega-more-btn{
  background:linear-gradient(135deg,#1268a8,#2399e6) !important;color:#fff !important;
  box-shadow:0 6px 18px rgba(35,153,230,.20);
}
.mega-more-btn,.mm2-trigger{background:rgba(255,255,255,.06) !important;color:#c9ecff !important;border:1px solid rgba(145,216,255,.18) !important;}

.icon-btn,.login-btn,.btn-outline{
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(87,189,245,.035)) !important;
  color:#eaf8ff !important;border:1px solid rgba(145,216,255,.24) !important;
  box-shadow:0 6px 20px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.icon-btn:hover,.login-btn:hover,.btn-outline:hover{background:rgba(35,153,230,.15) !important;border-color:#57bdf5 !important;}
.btn-primary,.add-cart,.ft-wa-btn{
  background:linear-gradient(135deg,#0d5e9c 0%,#2399e6 48%,#78ccf7 100%) !important;
  color:#fff !important;border:1px solid rgba(201,236,255,.38) !important;
  box-shadow:0 8px 22px rgba(18,104,168,.28),inset 0 1px 0 rgba(255,255,255,.25) !important;
}
.btn-primary:hover,.add-cart:hover,.ft-wa-btn:hover{filter:brightness(1.12);transform:translateY(-2px);}
.badge{background:linear-gradient(135deg,#2399e6,#91d8ff) !important;color:#03101f !important;}

.usp-section,.flash,.products{background:transparent !important;border-color:rgba(145,216,255,.10) !important;}
.usp-item,.prod-card{
  background:linear-gradient(145deg,rgba(8,31,55,.88),rgba(3,15,29,.94)) !important;
  border:1px solid rgba(145,216,255,.18) !important;
  box-shadow:0 12px 35px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035) !important;
  color:#eaf8ff !important;
}
.usp-item:hover,.prod-card:hover{border-color:rgba(87,189,245,.52) !important;box-shadow:0 18px 42px rgba(0,0,0,.3),0 0 28px rgba(35,153,230,.12) !important;}
.usp-item::before{background:radial-gradient(circle at 18% 22%,rgba(87,189,245,.18),transparent 60%) !important;}
.usp-icon{background:linear-gradient(135deg,#1268a8,#91d8ff) !important;color:#03101f !important;}
.usp-text p{color:#9fc9df !important;}
.prod-card .img-box{background:linear-gradient(145deg,#0a2139,#051321) !important;}
.price strong{color:#57bdf5 !important;}.price .old{color:#7f9eb0 !important;}
.tag.discount{background:linear-gradient(135deg,#1268a8,#57bdf5) !important;}

/* Footer: deep sapphire */
.site-footer.footer-compact,
.site-footer.footer-compact.variant-ember,
.site-footer.footer-compact.variant-radial,
.site-footer.footer-compact.variant-stripes,
.site-footer.footer-compact.variant-glass,
.site-footer.footer-compact.variant-bar{
  --ft-orange:#2399e6;--ft-orange-dark:#57bdf5;
  background:radial-gradient(circle at 75% 80%,rgba(35,153,230,.16),transparent 42%),linear-gradient(145deg,#020814,#06182b 58%,#020914) !important;
  color:#eaf8ff !important;
}
.site-footer.footer-compact .ft-title{color:#91d8ff !important;text-shadow:0 0 14px rgba(87,189,245,.28);}
.site-footer.footer-compact .ft-desc,.site-footer.footer-compact .ft-text,.site-footer.footer-compact .ft-links a{color:#c9ecff !important;text-shadow:none !important;}
.site-footer.footer-compact .ico-s,.site-footer.footer-compact .ft-social a{background:#082642 !important;color:#91d8ff !important;}
.site-footer.footer-compact .ft-bottom{background:#010711 !important;border-color:rgba(145,216,255,.10) !important;}
.site-footer.footer-compact .ft-copy{color:#7fa9c1 !important;}

/* ===== CSS-only falling snow =====
   Uses layered radial gradients; no HTML/JS needed. */
body::before,
body::after{
  content:"";
  position:fixed;
  z-index:9998;
  top:-120px;left:0;
  width:100%;height:calc(100% + 240px);
  pointer-events:none;
  background-repeat:repeat;
  will-change:transform;
}
body::before{
  opacity:.72;
  background-image:
    radial-gradient(circle,rgba(255,255,255,.95) 0 1.5px,transparent 1.8px),
    radial-gradient(circle,rgba(220,244,255,.9) 0 1px,transparent 1.3px),
    radial-gradient(circle,rgba(255,255,255,.72) 0 2px,transparent 2.3px);
  background-size:93px 93px,137px 137px,181px 181px;
  background-position:10px 20px,60px 80px,120px 40px;
  animation:wintotoSnowA 14s linear infinite;
}
body::after{
  opacity:.38;
  filter:blur(.25px);
  background-image:
    radial-gradient(circle,rgba(255,255,255,.95) 0 2.5px,transparent 2.8px),
    radial-gradient(circle,rgba(201,236,255,.85) 0 1.7px,transparent 2px);
  background-size:223px 223px,289px 289px;
  background-position:35px 10px,155px 100px;
  animation:wintotoSnowB 22s linear infinite;
}
@keyframes wintotoSnowA{
  from{transform:translate3d(0,-100px,0)}
  to{transform:translate3d(80px,220px,0)}
}
@keyframes wintotoSnowB{
  from{transform:translate3d(30px,-150px,0)}
  to{transform:translate3d(-80px,260px,0)}
}

/* icy glow and subtle shine */
a{transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;}
::selection{background:#2399e6;color:#fff;}
::-webkit-scrollbar{width:10px;height:10px;}::-webkit-scrollbar-track{background:#020814;}::-webkit-scrollbar-thumb{background:linear-gradient(#1268a8,#57bdf5);border-radius:20px;border:2px solid #020814;}

@media(max-width:640px){
  body::before{opacity:.50;animation-duration:18s;}
  body::after{opacity:.24;animation-duration:28s;}
  .navbar{background:rgba(3,17,32,.95) !important;}
  .mega-cats-fade{background:linear-gradient(to left,rgba(3,17,32,1),rgba(3,17,32,.92),transparent) !important;}
}
@media(prefers-reduced-motion:reduce){body::before,body::after{animation:none !important;}}
\n\n/* ==========================================================\n   FINAL THEME HARMONIZER — REMOVE LEGACY ORANGE/GOLD\n   ========================================================== */\n.WINTOTO-fixed-footer{\n  background:linear-gradient(180deg,rgba(4,20,38,.98),rgba(2,8,20,.99)) !important;\n  border-top:1px solid rgba(87,189,245,.55) !important;\n  box-shadow:0 -12px 30px rgba(35,153,230,.22),inset 0 1px 0 rgba(201,236,255,.08) !important;\n}\n.WINTOTO-fixed-footer::before{background:repeating-linear-gradient(0deg,rgba(87,189,245,.035),rgba(87,189,245,.035) 1px,transparent 1px,transparent 6px) !important;}\n.WINTOTO-fixed-footer::after{background:linear-gradient(120deg,transparent,rgba(145,216,255,.22),transparent) !important;}\n.WINTOTO-fixed-footer a{color:#9fdcff !important;}\n.WINTOTO-fixed-footer a:hover,.WINTOTO-fixed-footer a.is-active{color:#eaf8ff !important;background:rgba(35,153,230,.14) !important;box-shadow:inset 0 0 0 1px rgba(87,189,245,.28) !important;}\n.WINTOTO-fixed-footer img,.WINTOTO-fixed-footer a:hover img,.WINTOTO-fixed-footer a.is-active img{filter:drop-shadow(0 0 12px rgba(87,189,245,.68)) !important;}\n.WINTOTO-fixed-footer .hud-corner{border-color:rgba(87,189,245,.55) !important;filter:drop-shadow(0 0 10px rgba(35,153,230,.28)) !important;}\n.WINTOTO-fixed-footer .tada{color:#eaf8ff !important;background:radial-gradient(circle at 50% 0%,rgba(145,216,255,.24),transparent 70%),rgba(35,153,230,.12) !important;border-color:rgba(87,189,245,.5) !important;box-shadow:0 0 18px rgba(35,153,230,.24),inset 0 0 16px rgba(87,189,245,.12) !important;}\n.WINTOTO-fixed-footer .tada::before{background:linear-gradient(45deg,#1268a8,#91d8ff) !important;}\n.mobile-user-sheet-header,.mobile-user-sheet-divider{border-color:#2399e6 !important;background-color:#2399e6 !important;}\n.mobile-user-sheet-handle{background:#57bdf5 !important;}\n.mobile-user-avatar,.login-btn.logged-in .user-avatar{background:linear-gradient(135deg,#0c3b68,#2399e6 52%,#91d8ff) !important;color:#fff !important;}\n.login-btn.logged-in .user-avatar::before{background:linear-gradient(135deg,#1268a8,#91d8ff,#2399e6) !important;}\n.login-btn.logged-in,.login-btn.logged-in:hover{background:linear-gradient(135deg,rgba(5,31,55,.92),rgba(12,59,104,.82)) !important;border-color:rgba(87,189,245,.32) !important;color:#eaf8ff !important;}\n.login-btn.logged-in:hover .login-text{color:#91d8ff !important;}\n