.n-columns-2 {
display: grid;
grid-template-columns: repeat(2,1fr);
font-weight: 700;
}
.n-columns-2 a {
text-align: center;
}
.login, .register {
color: #fff3ce;
padding: 13px 10px;
}
.login, .login-button {
background: linear-gradient(180deg, #5a0505 0%, #b9140e 52%, #6f0705 100%);
border: 2px solid #d99a21;
box-shadow: inset 0 1px 0 rgba(255,232,155,.45), 0 0 12px rgba(240,165,31,.28);
}
.register, .register-button {
background: linear-gradient(180deg, #721008 0%, #d13b16 52%, #820b07 100%);
border: 2px solid #f2bd4d;
box-shadow: inset 0 1px 0 rgba(255,239,175,.5), 0 0 14px rgba(240,165,31,.34);
}

/* Tema AJO89: lapisan warna saja, struktur dan ukuran elemen tetap. */
:root {
  color-scheme: dark;
  --ajo-ink: #100706;
  --ajo-ink-soft: #241008;
  --ajo-wine: #4b0505;
  --ajo-crimson: #9d100b;
  --ajo-red: #c62b14;
  --ajo-gold: #d99a21;
  --ajo-gold-bright: #ffd86a;
  --ajo-amber: #f47b22;
  --ajo-ivory: #fff3ce;
  --ajo-muted: #d8b98a;
  --ajo-line: rgba(237,177,55,.4);
  --ajo-panel: rgba(32,12,7,.94);
  --bs-primary: #c62b14;
  --bs-primary-rgb: 198,43,20;
  --bs-success: #d99a21;
  --bs-success-rgb: 217,154,33;
  --bs-body-color: #fff3ce;
  --bs-body-bg: #100706;
  --bs-border-color: rgba(237,177,55,.4);
}

html, body {
  background: radial-gradient(circle at 82% 4%, rgba(198,43,20,.2), transparent 30%),
              radial-gradient(circle at 10% 24%, rgba(244,123,34,.09), transparent 27%),
              linear-gradient(145deg, #100706 0%, #210b06 48%, #0b0504 100%) !important;
  color: var(--ajo-ivory);
}

body, p, li, label, .text-muted, .product-description, .description {
  color: var(--ajo-muted) !important;
}

a, .theme-color, .brand-name a, .availability, .in-stock, .text-success {
  color: var(--ajo-gold-bright) !important;
}

a:hover, a:focus, .theme-color:hover {
  color: #fff0b2 !important;
}

.text-dark, .text-black, .text-body { color: var(--ajo-ivory) !important; }
.bg-light, .bg-white { background-color: var(--ajo-ink-soft) !important; }

.main-header, .header-sticky, .header-top, .header-bottom, .navbar,
.mega-menu, .dropdown-menu {
  background: linear-gradient(180deg, rgba(18,6,4,.98), rgba(61,8,5,.97)) !important;
  border-color: var(--ajo-line) !important;
  box-shadow: 0 8px 28px rgba(8,2,1,.42), inset 0 -1px 0 rgba(255,216,106,.1);
}

.main-header a, .navbar a, .header-top a, .header-bottom a,
.dropdown-item, .dropdown-item a {
  color: var(--ajo-ivory) !important;
}

.main-header a:hover, .navbar a:hover, .dropdown-item:hover,
.dropdown-item:hover a {
  color: var(--ajo-gold-bright) !important;
  background-color: rgba(153,16,11,.42) !important;
}

input, select, textarea, .form-control, .header-search-bar,
.select-category, .select-store, .input-group-text {
  background-color: rgba(17,7,5,.94) !important;
  color: var(--ajo-ivory) !important;
  border-color: var(--ajo-line) !important;
}

input::placeholder, textarea::placeholder { color: #b99468 !important; }
input:focus, select:focus, textarea:focus, .form-control:focus {
  border-color: var(--ajo-gold-bright) !important;
  box-shadow: 0 0 0 3px rgba(217,154,33,.18) !important;
}

.detailpage-revamp, .product-item, .product-banner, .single-product-content,
.product-details, .product-shop, .product-article, .sidebar .card,
.card, .modal-content, .offcanvas, .list-group-item {
  background: linear-gradient(145deg, rgba(42,14,8,.97), rgba(16,7,5,.98)) !important;
  color: var(--ajo-ivory) !important;
  border-color: var(--ajo-line) !important;
  box-shadow: inset 0 1px 0 rgba(255,220,120,.07), 0 14px 34px rgba(7,2,1,.28);
}

h1, h2, h3, h4, h5, h6, .head-content, .product-title,
.footer-heading, .card-title, .modal-title {
  color: var(--ajo-gold-bright) !important;
  text-shadow: 0 2px 14px rgba(217,154,33,.16);
}

.price-box, .price, .final-price, .product-price, .rating,
.rating i, .fa-star, .prime-text {
  color: var(--ajo-gold-bright) !important;
  text-shadow: 0 0 14px rgba(244,123,34,.26);
}

.variations-button, .quantity-input, .minus-btn, .plus-btn,
.progress, .progress-bar-container {
  background: rgba(17,7,5,.9) !important;
  color: var(--ajo-ivory) !important;
  border-color: var(--ajo-line) !important;
}

.progress-bar {
  background: linear-gradient(90deg, var(--ajo-crimson), var(--ajo-amber), var(--ajo-gold-bright)) !important;
}

.info-box-toto {
  background: linear-gradient(145deg, #2a0e08, #100705) !important;
  border-color: var(--ajo-gold) !important;
  box-shadow: 0 14px 34px rgba(8,2,1,.38), 0 0 22px rgba(217,154,33,.17) !important;
}

.info-header-toto {
  background: linear-gradient(90deg, #560604, #b7190e 48%, #71330c) !important;
  color: var(--ajo-gold-bright) !important;
  text-shadow: 0 2px 12px rgba(12,3,2,.56);
}

.info-row-toto { border-color: var(--ajo-line) !important; }
.info-label-toto { color: var(--ajo-muted) !important; }
.info-value-toto, .rating-toto { color: var(--ajo-gold-bright) !important; }

hr, .border, .border-top, .border-bottom, table, th, td,
.features-points li, .product-details li {
  border-color: var(--ajo-line) !important;
}

.btn-primary, .btn-danger, .add-to-cart-btn, .buy-now-btn,
.login-button, .register-button {
  background: linear-gradient(180deg, #711008 0%, #c62b14 50%, #690705 100%) !important;
  color: var(--ajo-ivory) !important;
  border-color: var(--ajo-gold) !important;
  box-shadow: inset 0 1px 0 rgba(255,235,164,.42), 0 7px 20px rgba(116,10,6,.34) !important;
  transition: color .24s ease, filter .24s ease, box-shadow .24s ease, transform .24s ease;
}

.btn-primary:hover, .btn-danger:hover, .add-to-cart-btn:hover,
.buy-now-btn:hover, .login-button:hover, .register-button:hover {
  color: #fff8df !important;
  filter: brightness(1.12) saturate(1.08);
  box-shadow: inset 0 1px 0 rgba(255,245,202,.64), 0 0 22px rgba(244,123,34,.42) !important;
}

.badge, .label, .tag, .nav-pills .nav-link.active {
  background: linear-gradient(135deg, var(--ajo-wine), var(--ajo-red)) !important;
  color: var(--ajo-gold-bright) !important;
  border-color: var(--ajo-gold) !important;
}

.footer-top, .footer-bottom, footer {
  background: linear-gradient(180deg, #270b06, #0e0504) !important;
  color: var(--ajo-muted) !important;
  border-color: var(--ajo-line) !important;
}

.footer-top a, .footer-bottom a, footer a { color: #e9c878 !important; }
.footer-top a:hover, .footer-bottom a:hover, footer a:hover { color: #fff3ce !important; }

::selection { background: #a7190e; color: #fff3ce; }
* { scrollbar-color: #9d100b #160806; }

@keyframes ajo89-gold-breathe {
  0%, 100% { text-shadow: 0 0 10px rgba(244,123,34,.18); }
  50% { text-shadow: 0 0 20px rgba(255,216,106,.48); }
}

.price-box, .rating { animation: ajo89-gold-breathe 3.8s ease-in-out infinite; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}