:root {--bs-primary: #00dd66;--bs-primary-rgb: 0, 221, 102;--bs-secondary: #9b59b6;--bs-success: #00dd66;--bs-danger: #ff4757;--bs-warning: #ffc312;--bs-info: #a855f7;--dark-bg: #0f0a18;--dark-surface: #1a1225;--dark-card: #241a30;--dark-border: #3d2a50;--dark-hover: #2d1f40;--joker-green: #00dd66;--joker-purple: #8b5cf6;--joker-magenta: #c026d3;--joker-gold: #ffc312;--joker-orange: #ff6b35;--text-primary: #f0f0f5;--text-secondary: #c8b8d8;--text-muted: #9888a8;--text-body: #d8d0e0;--glow-primary: 0 0 15px rgba(0, 221, 102, 0.3);--glow-primary-intense: 0 0 25px rgba(0, 221, 102, 0.5);--glow-purple: 0 0 15px rgba(139, 92, 246, 0.3);--glow-gold: 0 0 15px rgba(255, 195, 18, 0.3);}* {box-sizing: border-box;}body {background-color: var(--dark-bg);color: var(--text-body);font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;min-height: 100vh;line-height: 1.7;font-size: 1rem;}p, li, td, th, span, div, label {color: inherit;}h1, h2, h3, h4, h5, h6 {color: var(--text-primary);font-weight: 600;}.text-muted {color: var(--text-muted) !important;}.text-secondary {color: var(--text-secondary) !important;}::-webkit-scrollbar {width: 10px;height: 10px;}::-webkit-scrollbar-track {background: var(--dark-surface);}::-webkit-scrollbar-thumb {background: var(--dark-border);border-radius: 5px;}::-webkit-scrollbar-thumb:hover {background: var(--bs-primary);}::selection {background: rgba(0, 221, 102, 0.4);color: white;}a {color: var(--bs-primary);text-decoration: none;transition: all 0.3s ease;}a:hover {color: #44ff88;text-shadow: var(--glow-primary);}.navbar {background: var(--dark-surface) !important;border-bottom: 1px solid var(--dark-border);padding: 0.875rem 0;}.navbar-brand {font-weight: 700;font-size: 1.4rem;}.brand-text {background: linear-gradient(135deg, var(--joker-green) 0%, var(--joker-purple) 50%, var(--joker-gold) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-shadow: none;}.navbar-dark .navbar-nav .nav-link {color: var(--text-primary);padding: 0.6rem 1.1rem;font-size: 0.95rem;font-weight: 500;border-radius: 0.5rem;transition: all 0.3s ease;}.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link.active {color: var(--bs-primary);background: rgba(0, 221, 102, 0.15);}.dropdown-menu-dark {background-color: var(--dark-card);border: 1px solid var(--dark-border);box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);}.dropdown-menu-dark .dropdown-item {color: var(--text-primary);padding: 0.7rem 1.25rem;font-size: 0.95rem;transition: all 0.2s ease;}.dropdown-menu-dark .dropdown-item:hover {background-color: rgba(139, 92, 246, 0.2);color: var(--joker-purple);}.cart-badge {font-size: 0.7rem;padding: 0.3rem 0.5rem;animation: pulse-glow 2s infinite;}@keyframes pulse-glow {0%, 100% {box-shadow: 0 0 5px var(--bs-primary);}50% {box-shadow: 0 0 15px var(--bs-primary);}}.card {background-color: var(--dark-card);border: 1px solid var(--dark-border);border-radius: 1rem;transition: all 0.3s ease;overflow: hidden;color: var(--text-body);}.card:hover {border-color: rgba(139, 92, 246, 0.5);box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), var(--glow-purple);transform: translateY(-3px);}.card-header {background-color: rgba(0, 0, 0, 0.25);border-bottom: 1px solid var(--dark-border);color: var(--text-primary);font-weight: 600;}.card-body {color: var(--text-body);padding: 1.5rem;}.card-footer {background-color: rgba(0, 0, 0, 0.15);border-top: 1px solid var(--dark-border);color: var(--text-secondary);}.card-title {color: var(--text-primary);font-weight: 600;}.card-text {color: var(--text-body);}.product-card {height: 100%;}.product-card .card-body {padding: 1.25rem;}.product-card .card-img-top {height: 200px;object-fit: cover;border-bottom: 1px solid var(--dark-border);transition: transform 0.3s ease;}.product-card:hover .card-img-top {transform: scale(1.03);}.product-card .card-img-wrapper {overflow: hidden;position: relative;}.product-card .product-badge {position: absolute;top: 10px;right: 10px;z-index: 1;}.product-price {font-size: 1.3rem;font-weight: 700;color: var(--bs-primary);}.product-price-from {font-size: 0.9rem;color: var(--text-secondary);}.placeholder-img {background: linear-gradient(135deg, var(--dark-surface) 0%, var(--dark-card) 100%);display: flex;align-items: center;justify-content: center;color: var(--text-muted);font-size: 3rem;}.btn {border-radius: 0.5rem;font-weight: 500;padding: 0.5rem 1.25rem;transition: all 0.3s ease;}.btn-primary {background: linear-gradient(135deg, var(--joker-green) 0%, #00aa55 100%);border: none;color: #000;font-weight: 600;}.btn-primary:hover {background: linear-gradient(135deg, #22ff77 0%, var(--joker-green) 100%);box-shadow: var(--glow-primary-intense);color: #000;transform: translateY(-2px);}.btn-outline-primary {border-color: var(--bs-primary);color: var(--bs-primary);}.btn-outline-primary:hover {background-color: var(--bs-primary);border-color: var(--bs-primary);color: #000;box-shadow: var(--glow-primary);}.btn-dark {background-color: var(--dark-card);border-color: var(--dark-border);color: var(--text-primary);}.btn-dark:hover {background-color: var(--dark-hover);border-color: var(--bs-primary);color: var(--bs-primary);}.btn-lg {padding: 0.75rem 2rem;font-size: 1.1rem;}.form-control, .form-select {background-color: var(--dark-surface);border: 1px solid var(--dark-border);color: #f0f0f5;border-radius: 0.5rem;padding: 0.65rem 1rem;transition: all 0.3s ease;font-size: 1rem;}.form-control:focus, .form-select:focus {background-color: var(--dark-card);border-color: var(--joker-purple);box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2);color: #ffffff;}.form-control::placeholder {color: #8888a0;}.form-label {color: #d0d0e0;font-weight: 500;margin-bottom: 0.5rem;font-size: 0.95rem;}.form-text {color: #9898a8;font-size: 0.875rem;}.form-check-label {color: #c8c8d8;}.form-check-input {background-color: var(--dark-surface);border-color: var(--dark-border);}.form-check-input:checked {background-color: var(--bs-primary);border-color: var(--bs-primary);}.input-group-text {background-color: var(--dark-card);border-color: var(--dark-border);color: #b8b8c8;}.table {color: #d0d0dc;}.table td, .table th {color: inherit;padding: 0.875rem;vertical-align: middle;}.table-dark {--bs-table-bg: var(--dark-card);--bs-table-border-color: var(--dark-border);--bs-table-color: #d0d0dc;}.table-dark thead th {background-color: rgba(0, 0, 0, 0.3);border-bottom-color: var(--dark-border);color: var(--bs-primary);font-weight: 600;text-transform: uppercase;font-size: 0.85rem;letter-spacing: 0.5px;}.table-dark tbody td {color: #d0d0dc;}.table-dark tbody tr:hover {background-color: rgba(0, 255, 136, 0.08);}.table-striped > tbody > tr:nth-of-type(odd) > * {background-color: rgba(255, 255, 255, 0.02);}.alert {border-radius: 0.75rem;border: none;}.alert-success {background: linear-gradient(135deg, rgba(0, 255, 136, 0.2) 0%, rgba(0, 255, 136, 0.1) 100%);color: var(--bs-primary);border-left: 4px solid var(--bs-primary);}.alert-danger {background: linear-gradient(135deg, rgba(255, 68, 68, 0.2) 0%, rgba(255, 68, 68, 0.1) 100%);color: var(--bs-danger);border-left: 4px solid var(--bs-danger);}.alert-warning {background: linear-gradient(135deg, rgba(255, 187, 51, 0.2) 0%, rgba(255, 187, 51, 0.1) 100%);color: var(--bs-warning);border-left: 4px solid var(--bs-warning);}.alert-info {background: linear-gradient(135deg, rgba(139, 92, 246, 0.2) 0%, rgba(139, 92, 246, 0.1) 100%);color: var(--joker-purple);border-left: 4px solid var(--joker-purple);}.badge {font-weight: 500;padding: 0.4em 0.7em;border-radius: 0.4rem;}.badge.bg-primary {background-color: var(--bs-primary) !important;color: #000;}.badge.bg-secondary {background-color: var(--dark-border) !important;}.hero-section {background: linear-gradient(135deg, var(--dark-surface) 0%, var(--dark-bg) 50%, rgba(139, 92, 246, 0.08) 100%);padding: 4rem 0;margin-bottom: 2rem;position: relative;overflow: hidden;}.hero-section::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: radial-gradient(circle at 20% 50%, rgba(0, 221, 102, 0.08) 0%, transparent 50%), radial-gradient(circle at 80% 50%, rgba(139, 92, 246, 0.1) 0%, transparent 50%), radial-gradient(circle at 50% 80%, rgba(255, 195, 18, 0.05) 0%, transparent 40%);pointer-events: none;}.hero-title {font-size: 2.5rem;font-weight: 700;margin-bottom: 1rem;}.hero-title .text-primary {text-shadow: var(--glow-primary);}.feature-box {padding: 2rem;text-align: center;background: var(--dark-card);border-radius: 1rem;border: 1px solid var(--dark-border);transition: all 0.3s ease;height: 100%;}.feature-box:hover {border-color: rgba(139, 92, 246, 0.4);box-shadow: var(--glow-purple);}.feature-icon {font-size: 2.5rem;color: var(--joker-green);margin-bottom: 1rem;display: inline-block;}.feature-title {font-size: 1.15rem;font-weight: 600;margin-bottom: 0.5rem;color: #ffffff;}.feature-box p {color: var(--text-body);font-size: 0.95rem;line-height: 1.6;}.status-badge {padding: 0.5rem 1rem;border-radius: 2rem;font-weight: 600;text-transform: uppercase;font-size: 0.75rem;letter-spacing: 0.5px;}.status-pending {background: rgba(255, 187, 51, 0.2);color: var(--bs-warning);border: 1px solid rgba(255, 187, 51, 0.5);}.status-processing {background: rgba(139, 92, 246, 0.2);color: var(--joker-purple);border: 1px solid rgba(139, 92, 246, 0.5);}.status-shipped {background: rgba(0, 221, 102, 0.2);color: var(--joker-green);border: 1px solid rgba(0, 221, 102, 0.5);}.status-delivered {background: rgba(0, 221, 102, 0.3);color: var(--joker-green);border: 1px solid var(--joker-green);}.status-cancelled {background: rgba(255, 68, 68, 0.2);color: var(--bs-danger);border: 1px solid rgba(255, 68, 68, 0.5);}.payment-unpaid {color: var(--bs-danger);}.payment-partial {color: var(--bs-warning);}.payment-paid {color: var(--bs-primary);}.message-box {padding: 1rem;border-radius: 0.75rem;margin-bottom: 1rem;}.message-customer {background: var(--dark-surface);border-left: 3px solid var(--bs-info);margin-right: 2rem;}.message-admin {background: rgba(0, 255, 136, 0.1);border-left: 3px solid var(--bs-primary);margin-left: 2rem;}.message-time {font-size: 0.75rem;color: var(--text-muted);}.star-rating {display: inline-flex;gap: 0.25rem;}.star-rating .bi-star-fill {color: var(--bs-warning);}.star-rating .bi-star {color: var(--dark-border);}.rich-content {line-height: 1.7;}.rich-content p {margin-bottom: 1rem;}.rich-content h1, .rich-content h2, .rich-content h3, .rich-content h4, .rich-content h5, .rich-content h6 {margin-top: 1.5rem;margin-bottom: 0.75rem;color: var(--text-light);}.rich-content ul, .rich-content ol {padding-left: 1.5rem;margin-bottom: 1rem;}.rich-content li {margin-bottom: 0.5rem;}.rich-content a {color: var(--joker-green);text-decoration: underline;}.rich-content a:hover {color: #00cc6a;}.rich-content img {max-width: 100%;height: auto;border-radius: 8px;margin: 1rem 0;}.rich-content table {width: 100%;border-collapse: collapse;margin: 1rem 0;}.rich-content table th, .rich-content table td {border: 1px solid var(--dark-border);padding: 0.75rem;text-align: left;}.rich-content table th {background: var(--dark-surface);font-weight: 600;}.rich-content table tr:nth-child(even) {background: rgba(255, 255, 255, 0.02);}.rich-content blockquote {border-left: 4px solid var(--joker-green);padding-left: 1rem;margin: 1rem 0;font-style: italic;color: var(--text-muted);}.rich-content pre, .rich-content code {background: var(--dark-bg);border-radius: 4px;font-family: 'Consolas', 'Monaco', monospace;}.rich-content code {padding: 0.2em 0.4em;font-size: 0.9em;}.rich-content pre {padding: 1rem;overflow-x: auto;}.rich-content pre code {padding: 0;background: none;}.star-input {display: flex;flex-direction: row-reverse;justify-content: flex-end;gap: 0.25rem;}.star-input input {display: none;}.star-input label {cursor: pointer;font-size: 1.5rem;color: var(--dark-border);transition: color 0.2s ease;}.star-input label:hover, .star-input label:hover ~ label, .star-input input:checked ~ label {color: var(--bs-warning);}.quantity-input {display: flex;align-items: center;max-width: 180px;}.quantity-input .btn {padding: 0.5rem 1rem;border-color: var(--dark-border);font-size: 1.25rem;min-width: 48px;min-height: 48px;display: flex;align-items: center;justify-content: center;transition: all 0.15s ease;}.quantity-input .btn:hover {background-color: var(--joker-green);border-color: var(--joker-green);color: #000;}.quantity-input .btn:active {transform: scale(0.95);}.quantity-input input {text-align: center;width: 70px;border-left: none;border-right: none;border-radius: 0;font-size: 1.1rem;font-weight: 600;-moz-appearance: textfield;}.quantity-input input::-webkit-outer-spin-button, .quantity-input input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}@media (max-width: 576px) {.quantity-input {max-width: 100%;justify-content: center;}.quantity-input .btn {min-width: 56px;min-height: 56px;}.quantity-input input {width: 80px;font-size: 1.25rem;}}.pricing-tiers-wrapper {background: linear-gradient(135deg, rgba(0, 255, 136, 0.03) 0%, rgba(0, 0, 0, 0) 100%);border: 1px solid var(--dark-border);border-radius: 12px;padding: 1rem;}.pricing-tiers-header h6 {font-weight: 600;color: var(--text-light);}.bg-primary-subtle {background-color: rgba(0, 255, 136, 0.15) !important;}.pricing-tiers {display: flex;flex-direction: column;gap: 0.5rem;}.pricing-tier {display: grid;grid-template-columns: 1fr 1fr auto;align-items: center;gap: 1rem;padding: 0.75rem 1rem;background: var(--dark-surface);border: 1px solid var(--dark-border);border-radius: 8px;transition: all 0.2s ease;cursor: pointer;}.pricing-tier:hover {border-color: var(--joker-green);background: rgba(0, 255, 136, 0.05);transform: translateX(4px);}.pricing-tier.active {border-color: var(--joker-green);background: rgba(0, 255, 136, 0.1);box-shadow: 0 0 0 1px var(--joker-green), 0 4px 12px rgba(0, 255, 136, 0.15);}.pricing-tier.active::before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 3px;height: 60%;background: var(--joker-green);border-radius: 0 3px 3px 0;}.pricing-tier {position: relative;}.pricing-tier-qty {display: flex;flex-direction: column;}.pricing-tier-qty .qty-value {font-weight: 700;font-size: 1rem;color: var(--text-light);}.pricing-tier-qty .qty-unit {font-size: 0.75rem;color: var(--text-muted);text-transform: uppercase;letter-spacing: 0.5px;}.pricing-tier-price {display: flex;flex-direction: column;text-align: right;}.pricing-tier-price .price-value {font-weight: 700;font-size: 1.1rem;color: var(--joker-green);}.pricing-tier-price .price-unit {font-size: 0.7rem;color: var(--text-muted);}.pricing-tier-savings {min-width: 60px;text-align: center;}.pricing-tier-savings .badge {font-size: 0.7rem;padding: 0.35em 0.6em;}.pricing-hint {padding-top: 0.5rem;border-top: 1px dashed var(--dark-border);}@media (max-width: 576px) {.pricing-tiers-wrapper {padding: 0.75rem;}.pricing-tier {grid-template-columns: 1fr 1fr;gap: 0.5rem;padding: 0.6rem 0.75rem;}.pricing-tier-savings {grid-column: 1 / -1;text-align: left;margin-top: 0.25rem;}.pricing-tier-qty .qty-value {font-size: 0.9rem;}.pricing-tier-price .price-value {font-size: 1rem;}.pricing-tiers-header {flex-direction: column;align-items: flex-start !important;gap: 0.5rem;}}#cartSidebar {width: 400px;}@media (max-width: 576px) {#cartSidebar {width: 100%;}}.cart-item {display: flex;gap: 1rem;padding: 1rem 0;border-bottom: 1px solid var(--dark-border);}.cart-item-image {width: 60px;height: 60px;object-fit: cover;border-radius: 0.5rem;background: var(--dark-surface);}.cart-item-details {flex: 1;}.cart-item-name {font-weight: 500;margin-bottom: 0.25rem;}.cart-item-price {color: var(--bs-primary);font-weight: 600;}.footer {border-top: 1px solid var(--dark-border);background-color: var(--dark-surface);color: #d0d0dc;}.footer h5, .footer h6 {color: #ffffff;font-weight: 600;margin-bottom: 1rem;}.footer p {color: #c0c0cc;line-height: 1.7;}.footer-link {color: #b8b8c8 !important;text-decoration: none;display: block;padding: 0.3rem 0;transition: all 0.2s ease;}.footer-link:hover {color: var(--bs-primary) !important;padding-left: 0.5rem;}.footer .text-muted {color: #9898a8 !important;}.footer .list-unstyled li {margin-bottom: 0.25rem;}.footer-bottom {border-top: 1px solid var(--dark-border);padding-top: 1.5rem;margin-top: 1.5rem;}.footer-bottom p {color: #9898a8;margin-bottom: 0;}.page-header {padding: 2.5rem 0;margin-bottom: 2rem;background: linear-gradient(135deg, var(--dark-surface) 0%, var(--dark-bg) 50%, rgba(139, 92, 246, 0.05) 100%);border-bottom: 1px solid var(--dark-border);position: relative;}.page-header::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: radial-gradient(circle at 90% 50%, rgba(0, 221, 102, 0.05) 0%, transparent 40%);pointer-events: none;}.page-title {font-size: 2.25rem;font-weight: 700;margin-bottom: 0.5rem;color: #ffffff;}.page-header p, .page-header .lead {color: #c8c8d8;font-size: 1.1rem;}.breadcrumb-item a {color: var(--bs-primary);}.breadcrumb-item.active {color: #b8b8c8;}.breadcrumb-item + .breadcrumb-item::before {color: #6a6a7a;}.accordion {--bs-accordion-bg: var(--dark-card);--bs-accordion-border-color: var(--dark-border);--bs-accordion-btn-color: #ffffff;--bs-accordion-active-color: var(--bs-primary);--bs-accordion-active-bg: rgba(0, 255, 136, 0.1);}.accordion-button {background-color: var(--dark-card);color: #ffffff;font-weight: 500;font-size: 1.05rem;}.accordion-button:not(.collapsed) {background-color: rgba(139, 92, 246, 0.15);color: var(--joker-purple);}.accordion-button:focus {box-shadow: 0 0 0 0.2rem rgba(139, 92, 246, 0.2);border-color: var(--joker-purple);}.accordion-button::after {filter: invert(1);}.accordion-body {background-color: var(--dark-surface);color: #d0d0dc;line-height: 1.7;font-size: 0.95rem;}.accordion-body p {color: #d0d0dc;}.accordion-body ul li, .accordion-body ol li {color: #c8c8d8;margin-bottom: 0.5rem;}.offcanvas {background-color: var(--dark-card);border-left: 1px solid var(--dark-border);}.loading-spinner {display: inline-block;width: 20px;height: 20px;border: 2px solid var(--dark-border);border-top-color: var(--bs-primary);border-radius: 50%;animation: spin 0.8s linear infinite;}@keyframes spin {to {transform: rotate(360deg);}}@media (max-width: 768px) {.hero-section {padding: 2.5rem 0;}.hero-title {font-size: 1.75rem;}.product-card .card-img-top {height: 150px;}.feature-box {padding: 1.5rem;}}.fade-in {animation: fadeIn 0.5s ease forwards;}@keyframes fadeIn {from {opacity: 0;transform: translateY(20px);}to {opacity: 1;transform: translateY(0);}}.glitch {position: relative;}.glitch::before, .glitch::after {content: attr(data-text);position: absolute;top: 0;left: 0;width: 100%;height: 100%;}.glitch::before {left: 2px;text-shadow: -2px 0 var(--joker-magenta);clip: rect(44px, 450px, 56px, 0);animation: glitch-anim 5s infinite linear alternate-reverse;}.glitch::after {left: -2px;text-shadow: -2px 0 var(--joker-green);clip: rect(44px, 450px, 56px, 0);animation: glitch-anim2 1s infinite linear alternate-reverse;}@keyframes glitch-anim {0% {clip: rect(10px, 9999px, 31px, 0);}25% {clip: rect(25px, 9999px, 27px, 0);}50% {clip: rect(50px, 9999px, 75px, 0);}75% {clip: rect(65px, 9999px, 84px, 0);}100% {clip: rect(85px, 9999px, 55px, 0);}}.pgp-notice {background: linear-gradient(135deg, rgba(139, 92, 246, 0.12) 0%, rgba(0, 221, 102, 0.1) 100%);border: 1px solid rgba(139, 92, 246, 0.4);border-radius: 0.75rem;padding: 1rem;}.pgp-notice i {color: var(--joker-purple);}.content-section {color: #d0d0dc;}.content-section p {color: #c8c8d8;line-height: 1.75;margin-bottom: 1rem;}.content-section h1, .content-section h2, .content-section h3, .content-section h4, .content-section h5, .content-section h6 {color: #ffffff;margin-bottom: 1rem;}.content-section ul li, .content-section ol li {color: #c8c8d8;margin-bottom: 0.5rem;line-height: 1.7;}.lead {color: #c8c8d8;font-size: 1.15rem;line-height: 1.7;}.text-white {color: #ffffff !important;}.text-light {color: #e8e8f0 !important;}.list-group-item {background-color: var(--dark-card);border-color: var(--dark-border);color: #d0d0dc;}.list-group-item-action:hover {background-color: var(--dark-hover);color: #f0f0f5;}.modal-content {background-color: var(--dark-card);border: 1px solid var(--dark-border);color: #d0d0dc;}.modal-header {border-bottom-color: var(--dark-border);}.modal-header .modal-title {color: #ffffff;}.modal-header .btn-close {filter: invert(1);}.modal-footer {border-top-color: var(--dark-border);}.tooltip-inner {background-color: var(--dark-card);color: #e0e0ec;border: 1px solid var(--dark-border);}.popover {background-color: var(--dark-card);border-color: var(--dark-border);}.popover-header {background-color: var(--dark-surface);border-bottom-color: var(--dark-border);color: #ffffff;}.popover-body {color: #d0d0dc;}small, .small {color: #a8a8b8;}.text-body {color: #d0d0dc !important;}.product-description {color: #c8c8d8;line-height: 1.75;}.product-details p {color: #c8c8d8;}.order-summary {color: #d0d0dc;}.order-summary .fw-bold {color: #f0f0f5;}.faq-content p, .contact-content p {color: #c8c8d8;}.cart-item-name {color: #f0f0f5;}.cart-item-details {color: #c8c8d8;}.cart-item-option {color: #a8a8b8;font-size: 0.9rem;}.price-display {color: var(--bs-primary);font-weight: 600;}.price-old {color: #888898;text-decoration: line-through;}.info-box {background-color: var(--dark-card);border: 1px solid var(--dark-border);border-radius: 0.75rem;padding: 1.25rem;color: #d0d0dc;}.info-box h5, .info-box h6 {color: #ffffff;}.info-box p {color: #c8c8d8;margin-bottom: 0.5rem;}.order-confirmed h4, .order-confirmed h5 {color: #ffffff;}.order-confirmed p {color: #c8c8d8;}.empty-state {color: #a8a8b8;text-align: center;padding: 3rem 1rem;}.empty-state i {font-size: 3rem;color: var(--dark-border);margin-bottom: 1rem;}.empty-state h5 {color: #d0d0dc;}.empty-state p {color: #9898a8;}.btn-purple {background: linear-gradient(135deg, var(--joker-purple) 0%, #7c3aed 100%);border: none;color: #fff;font-weight: 600;}.btn-purple:hover {background: linear-gradient(135deg, #a78bfa 0%, var(--joker-purple) 100%);box-shadow: var(--glow-purple);color: #fff;transform: translateY(-2px);}.btn-outline-purple {border: 2px solid var(--joker-purple);color: var(--joker-purple);background: transparent;}.btn-outline-purple:hover {background: var(--joker-purple);color: #fff;box-shadow: var(--glow-purple);}.btn-gold {background: linear-gradient(135deg, var(--joker-gold) 0%, #f59e0b 100%);border: none;color: #000;font-weight: 600;}.btn-gold:hover {background: linear-gradient(135deg, #fde047 0%, var(--joker-gold) 100%);box-shadow: var(--glow-gold);color: #000;transform: translateY(-2px);}.text-joker-green {color: var(--joker-green) !important;}.text-joker-purple {color: var(--joker-purple) !important;}.text-joker-gold {color: var(--joker-gold) !important;}.text-gradient-joker {background: linear-gradient(135deg, var(--joker-green) 0%, var(--joker-purple) 50%, var(--joker-gold) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.cannabis-icon {color: var(--joker-green);text-shadow: 0 0 10px rgba(0, 221, 102, 0.5);}.product-featured {border: 2px solid var(--joker-purple);box-shadow: var(--glow-purple);}.badge-promo {background: linear-gradient(135deg, var(--joker-gold) 0%, var(--joker-orange) 100%);color: #000;font-weight: 700;animation: pulse-gold 2s infinite;}@keyframes pulse-gold {0%, 100% {box-shadow: 0 0 5px rgba(255, 195, 18, 0.5);}50% {box-shadow: 0 0 15px rgba(255, 195, 18, 0.8);}}.divider-purple {height: 3px;background: linear-gradient(90deg, transparent 0%, var(--joker-purple) 50%, transparent 100%);border: none;margin: 2rem 0;}.card-cannabis {border-left: 4px solid var(--joker-green);}.card-premium {border-left: 4px solid var(--joker-gold);}.age-verification {background: linear-gradient(135deg, var(--dark-card) 0%, rgba(139, 92, 246, 0.1) 100%);border: 2px solid var(--joker-purple);}.glow-border {position: relative;}.glow-border::before {content: '';position: absolute;top: -2px;left: -2px;right: -2px;bottom: -2px;background: linear-gradient(45deg, var(--joker-green), var(--joker-purple), var(--joker-gold), var(--joker-green));background-size: 400% 400%;border-radius: inherit;z-index: -1;animation: gradient-border 3s ease infinite;}@keyframes gradient-border {0% {background-position: 0% 50%;}50% {background-position: 100% 50%;}100% {background-position: 0% 50%;}}.product-page {background: var(--dark-bg);}.product-gallery {position: sticky;top: 80px;}.product-main-image {background: var(--dark-surface);border-radius: 16px;overflow: hidden;border: 1px solid var(--dark-border);}.product-main-image .carousel-inner img {aspect-ratio: 1 / 1;object-fit: contain;background: var(--dark-surface);padding: 1rem;}.product-placeholder {aspect-ratio: 1 / 1;display: flex;align-items: center;justify-content: center;background: var(--dark-surface);border-radius: 16px;border: 1px solid var(--dark-border);}.product-placeholder i {font-size: 5rem;color: var(--dark-border);}.product-thumbnails {display: flex;gap: 0.75rem;flex-wrap: wrap;}.product-thumb {width: 70px;height: 70px;padding: 0;border: 2px solid var(--dark-border);border-radius: 10px;overflow: hidden;background: var(--dark-surface);cursor: pointer;transition: all 0.2s ease;}.product-thumb:hover, .product-thumb.active {border-color: var(--joker-green);box-shadow: 0 0 12px rgba(0, 221, 102, 0.3);}.product-thumb img {width: 100%;height: 100%;object-fit: cover;}.product-detail-header {margin-bottom: 1.5rem;}.product-category-link {display: inline-block;padding: 0.35rem 0.85rem;background: linear-gradient(135deg, var(--joker-purple) 0%, var(--joker-magenta) 100%);color: white;font-size: 0.75rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.5px;border-radius: 20px;text-decoration: none;margin-bottom: 0.75rem;transition: all 0.2s ease;}.product-category-link:hover {color: white;transform: translateY(-1px);box-shadow: var(--glow-purple);}.product-detail-title {font-size: 2rem;font-weight: 700;color: var(--text-primary);margin-bottom: 0.5rem;line-height: 1.2;}.product-short-description {color: var(--text-secondary);font-size: 1.05rem;margin-bottom: 1rem;}.stock-indicator {display: inline-flex;align-items: center;gap: 0.4rem;font-size: 0.85rem;font-weight: 500;padding: 0.4rem 0.9rem;border-radius: 20px;}.stock-indicator.in-stock {background: rgba(0, 221, 102, 0.1);color: var(--joker-green);}.stock-indicator.out-of-stock {background: rgba(255, 71, 87, 0.1);color: var(--bs-danger);}.product-price-display {display: flex;align-items: baseline;gap: 0.5rem;padding: 1.25rem 0;border-bottom: 1px solid var(--dark-border);margin-bottom: 1.5rem;}.product-price-display .price-from {font-size: 0.9rem;color: var(--text-muted);}.product-price-display .price-amount {font-size: 2.25rem;font-weight: 700;color: var(--joker-green);text-shadow: 0 0 20px rgba(0, 221, 102, 0.3);}.product-price-display .price-per {font-size: 1rem;color: var(--text-muted);}.price-tiers-section {background: linear-gradient(145deg, rgba(139, 92, 246, 0.05) 0%, rgba(0, 221, 102, 0.03) 100%);border: 1px solid var(--dark-border);border-radius: 16px;padding: 1.25rem;margin-bottom: 1.5rem;}.price-tiers-header {display: flex;align-items: center;gap: 0.5rem;margin-bottom: 1rem;padding-bottom: 0.75rem;border-bottom: 1px dashed var(--dark-border);color: var(--text-primary);font-weight: 600;}.price-tiers-header i {color: var(--joker-green);}.bulk-badge {margin-left: auto;background: rgba(0, 221, 102, 0.15);color: var(--joker-green);font-size: 0.7rem;font-weight: 600;padding: 0.3rem 0.6rem;border-radius: 20px;text-transform: uppercase;letter-spacing: 0.5px;}.price-tiers-grid {display: grid;gap: 0.5rem;}.price-tier-item {display: grid;grid-template-columns: 1.2fr 1fr auto;align-items: center;gap: 1rem;padding: 0.9rem 1rem;background: var(--dark-surface);border: 1px solid var(--dark-border);border-radius: 10px;transition: all 0.2s ease;cursor: pointer;}.price-tier-item:hover {border-color: var(--joker-green);background: rgba(0, 221, 102, 0.03);}.price-tier-item.active {border-color: var(--joker-green);background: rgba(0, 221, 102, 0.08);box-shadow: inset 3px 0 0 var(--joker-green);}.tier-range {font-weight: 600;color: var(--text-primary);}.tier-range small {font-weight: 400;color: var(--text-muted);text-transform: uppercase;font-size: 0.7rem;margin-left: 0.3rem;}.tier-price {font-weight: 700;color: var(--joker-green);font-size: 1.1rem;}.tier-save {background: rgba(0, 221, 102, 0.2);color: var(--joker-green);font-size: 0.75rem;font-weight: 700;padding: 0.25rem 0.5rem;border-radius: 6px;}.product-options {margin-bottom: 1.5rem;}.option-item {margin-bottom: 1rem;}.option-label {display: block;font-weight: 600;color: var(--text-primary);margin-bottom: 0.5rem;font-size: 0.9rem;}.option-label .required {color: var(--bs-danger);}.order-controls {display: grid;grid-template-columns: 1fr 1fr;gap: 1.5rem;padding: 1.5rem;background: var(--dark-surface);border: 1px solid var(--dark-border);border-radius: 16px;margin-bottom: 1rem;}.control-label {display: block;font-size: 0.8rem;text-transform: uppercase;letter-spacing: 0.5px;color: var(--text-muted);margin-bottom: 0.5rem;}.quantity-selector {display: inline-flex !important;align-items: center !important;background: var(--dark-bg) !important;border: 1px solid var(--dark-border) !important;border-radius: 10px !important;overflow: hidden !important;width: auto !important;}.quantity-selector .qty-btn, .quantity-selector button.qty-btn {width: 44px !important;height: 44px !important;min-width: 44px !important;flex-shrink: 0 !important;display: flex !important;align-items: center !important;justify-content: center !important;background: var(--dark-surface) !important;border: none !important;color: var(--text-primary) !important;cursor: pointer !important;transition: all 0.15s ease !important;padding: 0 !important;}.quantity-selector .qty-btn:hover, .quantity-selector button.qty-btn:hover {background: var(--joker-green) !important;color: var(--dark-bg) !important;}.quantity-selector .qty-input, .quantity-selector input.qty-input {width: 50px !important;min-width: 50px !important;max-width: 50px !important;height: 44px !important;text-align: center !important;background: transparent !important;border: none !important;color: var(--text-primary) !important;font-size: 1.1rem !important;font-weight: 600 !important;-moz-appearance: textfield !important;padding: 0 !important;}.quantity-selector .qty-input::-webkit-outer-spin-button, .quantity-selector .qty-input::-webkit-inner-spin-button {-webkit-appearance: none;}.total-section {text-align: right;}.total-amount {font-size: 1.75rem;font-weight: 700;color: var(--joker-green);text-shadow: 0 0 15px rgba(0, 221, 102, 0.3);}.btn-add-to-cart, button.btn-add-to-cart, .btn.btn-add-to-cart {width: 100% !important;display: flex !important;align-items: center !important;justify-content: center !important;gap: 0.75rem !important;padding: 1rem 2rem !important;background: linear-gradient(135deg, var(--joker-green) 0%, #00bb55 100%) !important;border: none !important;border-radius: 12px !important;color: #000 !important;font-size: 1.1rem !important;font-weight: 700 !important;text-transform: uppercase !important;letter-spacing: 0.5px !important;cursor: pointer !important;transition: all 0.2s ease !important;}.btn-add-to-cart:hover:not(:disabled) {transform: translateY(-2px);box-shadow: 0 8px 25px rgba(0, 221, 102, 0.4);}.btn-add-to-cart:active {transform: translateY(0);}.btn-add-to-cart:disabled {background: var(--dark-border);color: var(--text-muted);cursor: not-allowed;}.btn-add-to-cart i {font-size: 1.25rem;}.product-description-section {height: 100%;padding: 1.5rem;background: var(--dark-surface);border: 1px solid var(--dark-border);border-radius: 16px;}.row > .col-lg-4 .price-tiers-section, .row > .col-lg-8 .product-description-section {height: 100%;margin-bottom: 0;}.description-title {display: flex;align-items: center;gap: 0.5rem;font-size: 1.25rem;font-weight: 700;color: var(--text-primary);margin-bottom: 1.5rem;padding-bottom: 1rem;border-bottom: 1px solid var(--dark-border);}.description-title i {color: var(--joker-green);}.description-content {color: var(--text-body);line-height: 1.8;}.description-content h1, .description-content h2, .description-content h3, .description-content h4 {color: var(--text-primary);margin-top: 1.5rem;margin-bottom: 0.75rem;}.description-content p {margin-bottom: 1rem;}.description-content ul, .description-content ol {margin-bottom: 1rem;padding-left: 1.5rem;}.description-content li {margin-bottom: 0.5rem;}@media (max-width: 991px) {.product-gallery {position: relative;top: 0;}.product-detail-title {font-size: 1.75rem;}.product-price-display .price-amount {font-size: 2rem;}}@media (max-width: 767px) {.order-controls {grid-template-columns: 1fr;gap: 1rem;}.total-section {text-align: left;padding-top: 1rem;border-top: 1px dashed var(--dark-border);}.price-tier-item {grid-template-columns: 1fr 1fr;}.tier-save {grid-column: 1 / -1;justify-self: start;}.product-description-section {padding: 1.25rem;margin-top: 2rem;}}@media (max-width: 576px) {.product-detail-title {font-size: 1.5rem;}.product-price-display .price-amount {font-size: 1.75rem;}.product-thumb {width: 55px;height: 55px;}.price-tiers-section {padding: 1rem;}.tier-range {font-size: 0.9rem;}.tier-price {font-size: 1rem;}}