:root{ --iruk-red:#ff2020; --iruk-dark:#0d0d0d; --iruk-muted:#e0e0e0; }
body{background:var(--iruk-dark); color:#f5f5f5; font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial; }
.navbar.iruk{ background:linear-gradient(180deg, rgba(13,13,13,.9), rgba(13,13,13,.75)); backdrop-filter:blur(6px); border-bottom:1px solid rgba(255,32,32,.25); }
.navbar-brand{ font-weight:800; letter-spacing:.5px; color:var(--iruk-red)!important; text-shadow:0 0 8px rgba(255,32,32,.35); }
.btn-outline-iruk{ border:1px solid var(--iruk-red); color:#fff; } .btn-outline-iruk:hover{ background:var(--iruk-red); color:#fff; }

/* Flash Sale scroller */
.flash-wrap{ position:relative; }
.flash-track{ display:flex; gap:8px; overflow-x:auto; padding:6px 12px; scroll-snap-type:x mandatory; scroll-behavior:smooth; -webkit-overflow-scrolling:touch; }
.flash-track::-webkit-scrollbar{ height:6px } .flash-track::-webkit-scrollbar-thumb{ background:rgba(255,32,32,.35); border-radius:8px }
.flash-item{ flex:0 0 50%; min-width:220px; scroll-snap-align:start; }
@media(min-width:768px){ .flash-item{ flex-basis:33.33%; } }
@media(min-width:1200px){ .flash-item{ flex-basis:20%; } }
.flash-edge{ pointer-events:none; position:absolute; top:0; bottom:0; width:24px; }
.flash-edge.left{ left:0; background:linear-gradient(90deg, rgba(13,13,13,0.85), rgba(13,13,13,0)); }
.flash-edge.right{ right:0; background:linear-gradient(270deg, rgba(13,13,13,0.85), rgba(13,13,13,0)); }

/* Section title */
.section-title{ display:flex; align-items:center; gap:8px; margin:14px 0 10px; }
.section-title::after{ content:''; flex:1; height:2px; background:rgba(255,32,32,.35); border-radius:2px; }

/* Footer */
.footer{ background:#0b0b0b; border-top:1px solid rgba(255,255,255,.06); color:#cfcfcf; }
.footer .brand{ color:var(--iruk-red); font-weight:800; text-shadow:0 0 8px rgba(255,32,32,.35); }

/* Modal: Order (light theme with blur backdrop) */
.modal-backdrop.show{ backdrop-filter: blur(12px); background-color: rgba(0,0,0,.35); }
.order-modal .modal-content{ background:#ffffff; color:#222; border-radius:16px; box-shadow:0 20px 60px rgba(0,0,0,.25); }
.order-modal .modal-header{ border:0; }
.order-modal .modal-title{ color:#111; font-weight:800; }
.order-modal .label{ color:#555; font-weight:600; font-size:.95rem; }
.order-modal .price-val, .order-modal .total-val{ color:var(--iruk-red); font-weight:800; }
.order-modal .badge-status{ background:#e5e7eb; color:#111; border-radius:12px; padding:6px 10px; font-weight:700; }
.order-modal .divider{ border:0; border-top:1px solid #ddd; margin:12px 0; }
.order-modal .btn-buy{ background:linear-gradient(135deg,#b30000,#ff2020); color:#fff; border:0; border-radius:999px; padding:.65rem 1.25rem; box-shadow:0 8px 22px rgba(255,32,32,.35); }
.order-modal .btn-buy:active{ transform:translateY(1px); }
.order-modal .qty .btn{ min-width:42px; }
.order-modal .small-note{ color:#666; }

/* Category & white cards (base, will be enhanced v2.3 below) */
.category-pill{
  position:absolute; top:10px; left:10px;
  background:#f3f4f6; color:#111; border:1px solid #e5e7eb;
  padding:4px 10px; border-radius:999px; font-weight:600; font-size:.8rem;
}
.products-wrap .row{ --bs-gutter-x: 1rem; --bs-gutter-y: 1rem; }

/* ===== IRUKSHOP v2.3 UI Polish ===== */
.card-product.white{
  background:#fff; color:#111; border-radius:20px; border:1px solid #f0f0f0;
  box-shadow:0 10px 25px rgba(0,0,0,0.12);
  transition:transform .2s ease, box-shadow .2s ease;
}
.card-product.white:hover{ transform:translateY(-2px); box-shadow:0 14px 36px rgba(0,0,0,0.16); }
.card-product.white .card-title{ color:#111; font-weight:800; font-size:1.02rem; margin-bottom:.125rem; }
.small-ready{ font-size:.78rem; font-weight:700; line-height:1; }
.small-ready.ready{ color:#00a86b; } .small-ready.empty{ color:#ff4d4d; }
.badge-mini{ position:absolute; top:10px; padding:4px 8px; background:rgba(255,255,255,0.9); border:1px solid #e8e8e8; border-radius:999px; font-size:.75rem; font-weight:700; color:#111; z-index:2; backdrop-filter:saturate(1.2); }
.badge-mini.left{ left:10px; } .badge-mini.right{ right:10px; }
.card-product.white .sub{ display:none; }
.card-product.white .price{ color:#0077cc; font-weight:800; font-size:1.15rem; text-shadow:0 1px 0 rgba(255,255,255,.6); }
.btn-iruk.buy{ margin-top:.35rem; background:linear-gradient(135deg,#a00000,#ff2020); color:#fff; border:0; border-radius:999px; width:100%; box-shadow:0 8px 22px rgba(255,32,32,.25); transition:transform .12s ease, box-shadow .2s ease; }
.btn-iruk.buy:hover{ box-shadow:0 12px 28px rgba(255,32,32,.35), 0 0 0 3px rgba(255,32,32,.12); transform:scale(1.015); }
.btn-iruk.buy:active{ transform:scale(0.98); }
@keyframes fadeUp { from { opacity:0; transform: translateY(8px) scale(0.98); } to { opacity:1; transform: translateY(0) scale(1); } }
.reveal{ opacity:0; transform: translateY(8px) scale(0.98); }
.reveal.in{ animation: fadeUp .6s ease-out forwards; }
.grid-soft-gap .row{ --bs-gutter-x: 1rem; --bs-gutter-y: 1rem; }