.home-page {
  min-height: calc(100vh - 120px);
}

.home-hero {
  position: relative;
  overflow: hidden;
  border-radius: .75rem;
  background:
    radial-gradient(circle at 10% 20%, rgba(13, 110, 253, .18), transparent 28rem),
    linear-gradient(135deg, #eff6ff 0%, #ffffff 48%, #eaf7ff 100%);
  border: 1px solid rgba(13, 110, 253, .1);
}

.home-hero::after {
  content: "";
  position: absolute;
  right: -5rem;
  bottom: -5rem;
  width: 18rem;
  height: 18rem;
  border-radius: 50%;
  background: rgba(13, 110, 253, .08);
}

.home-hero-content {
  position: relative;
  z-index: 2;
}

.hero-icon-card {
  min-height: 245px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(13,110,253,.1);
  backdrop-filter: blur(8px);
}

.section-card {
  border: 0;
  border-radius: .65rem;
  box-shadow: 0 .35rem 1.25rem rgba(15,23,42,.055);
}

.section-title {
  font-weight: 850;
  letter-spacing: -.01em;
}

.product-card-home {
  border: 1px solid rgba(15,23,42,.06);
  transition: .16s ease;
  border-radius: .65rem;
  overflow: hidden;
}

.product-card-home:hover {
  transform: translateY(-2px);
  box-shadow: 0 .5rem 1.5rem rgba(15,23,42,.08);
}

.product-img-home,
.product-no-img-home {
  width: 100%;
  height: 210px;
  background: linear-gradient(135deg, #f8fbff, #eef7ff);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.product-img-home img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-no-img-home {
  color: #0d6efd;
  flex-direction: column;
}

.product-no-img-home i {
  font-size: 3.2rem;
  opacity: .86;
}

.product-name-home {
  min-height: 2.7rem;
  line-height: 1.35;
}

.product-price-home {
  color: #0d6efd;
  font-weight: 850;
}

.normal-price-home {
  font-size: .82rem;
  color: #94a3b8;
  text-decoration: line-through;
}

.flash-section {
  background:
    radial-gradient(circle at top left, rgba(255, 193, 7, .16), transparent 26rem),
    linear-gradient(135deg, #fff8e6, #ffffff);
  border: 1px solid rgba(255, 193, 7, .18);
  border-radius: .75rem;
}

.flash-card-home {
  border: 1px solid rgba(220, 53, 69, .12);
  border-radius: .65rem;
  overflow: hidden;
  background: #fff;
  transition: .16s ease;
}

.flash-card-home:hover {
  transform: translateY(-2px);
  box-shadow: 0 .55rem 1.5rem rgba(220, 53, 69, .09);
}

.flash-badge {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  padding: .25rem .5rem;
  border-radius: 5px;
  background: #dc3545;
  color: #fff;
  font-weight: 800;
  font-size: .75rem;
}

.flash-price-home {
  color: #dc3545;
  font-size: 1.15rem;
  font-weight: 900;
}

.countdown-box {
  min-width: 72px;
  border-radius: .5rem;
  background: #111827;
  color: #fff;
  padding: .5rem .35rem;
  text-align: center;
}

.countdown-box strong {
  display: block;
  font-size: 1.25rem;
  line-height: 1;
}

.countdown-box span {
  font-size: .72rem;
  color: #cbd5e1;
}

.category-pill {
  border: 1px solid #dbeafe;
  background: #fff;
  color: #0d6efd;
  border-radius: 999px;
  padding: .55rem .85rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  text-decoration: none;
}

.category-pill:hover {
  background: #f1f7ff;
  color: #0b5ed7;
}

.stat-card {
  background: linear-gradient(135deg, #f8fbff, #fff);
  border: 1px solid rgba(13,110,253,.10);
  border-radius: .65rem;
}

.stat-icon {
  width: 46px;
  height: 46px;
  border-radius: .65rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(13,110,253,.10);
  color: #0d6efd;
  flex: 0 0 auto;
}

.news-card {
  border: 1px solid #e5e7eb;
  border-radius: .65rem;
  background: #fff;
  height: 100%;
}

.home-bottom {
  border-radius: .75rem;
  background: linear-gradient(135deg, #0d6efd, #5aa2ff);
  color: #fff;
  overflow: hidden;
}

.home-bottom .text-white-75 {
  color: rgba(255,255,255,.78);
}

@media (max-width: 575.98px) {
  .home-hero {
    border-radius: .5rem;
  }

  .product-img-home,
  .product-no-img-home {
    height: 150px;
  }

  .product-card-home .card-body,
  .flash-card-home .card-body {
    padding: .75rem;
  }

  .product-name-home {
    font-size: .9rem;
    min-height: 2.5rem;
  }

  .home-product-col {
    width: 50%;
  }

  .flash-product-col {
    width: 50%;
  }

  .countdown-box {
    min-width: 58px;
    padding: .45rem .25rem;
  }

  .countdown-box strong {
    font-size: 1.05rem;
  }
}

.home-products-grid > [class*="col-"],
.flash-products-grid > [class*="col-"] {
  display: flex;
}

.home-products-grid .product-card-home,
.flash-products-grid .flash-card-home {
  width: 100%;
}

.flash-time-card {
  border: 1px solid rgba(220, 53, 69, .12);
  background: linear-gradient(135deg, #fff5f5, #ffffff);
  border-radius: .25rem;
  padding: .5rem .6rem;
}

.flash-time-card .flash-time-label {
  font-size: .72rem;
  color: #64748b;
}

.flash-time-card .flash-time-value {
  font-weight: 800;
  color: #dc3545;
  font-size: .82rem;
}

.next-round-pill {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  border-radius: .25rem;
  padding: .35rem .6rem;
  background: #fff;
  border: 1px solid rgba(255, 193, 7, .35);
  color: #7c4a00;
  font-weight: 800;
  font-size: .82rem;
}

@media (max-width: 575.98px) {
  .home-products-grid,
  .flash-products-grid {
    --bs-gutter-x: .55rem;
    --bs-gutter-y: .55rem;
  }

  .home-product-col,
  .flash-product-col {
    width: 50% !important;
    flex: 0 0 auto;
  }

  .product-img-home,
  .product-no-img-home {
    height: 145px;
  }

  .flash-time-card {
    padding: .42rem .45rem;
  }

  .flash-time-card .flash-time-value {
    font-size: .76rem;
  }
}

@media (min-width: 576px) and (max-width: 991.98px) {
  .home-product-col,
  .flash-product-col {
    width: 33.333333% !important;
    flex: 0 0 auto;
  }

  .product-img-home,
  .product-no-img-home {
    height: 185px;
  }
}

@media (min-width: 992px) and (max-width: 1399.98px) {
  .home-product-col,
  .flash-product-col {
    width: 25% !important;
    flex: 0 0 auto;
  }
}

@media (min-width: 1400px) {
  .home-product-col.col-xxl-5th,
  .flash-product-col.col-xxl-5th {
    width: 20% !important;
    flex: 0 0 auto;
  }
}


/* ===== Flash Sale equal-card fix ===== */
.flash-products-grid {
  align-items: stretch;
}

.flash-products-grid > .flash-product-col {
  display: flex !important;
}

.flash-card-home {
  width: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  border-radius: .25rem !important;
}

.flash-card-home > a {
  display: block;
  flex: 0 0 auto;
}

.flash-card-home .card-body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

.flash-card-home .flash-action-wrap {
  margin-top: auto;
}

.flash-card-home .product-img-home,
.flash-card-home .product-no-img-home {
  height: 240px;
  min-height: 240px;
  max-height: 240px;
}

.flash-card-home .product-img-home img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.flash-card-home .product-name-home {
  min-height: 2.7rem;
  line-height: 1.35;
}

.flash-card-home .flash-option-line {
  min-height: 1.35rem;
}

.flash-card-home .flash-price-area {
  min-height: 3.15rem;
}

.flash-card-home .flash-stock-area {
  min-height: 2.65rem;
}

.flash-time-card {
  height: 100%;
}

@media (max-width: 575.98px) {
  .flash-card-home .product-img-home,
  .flash-card-home .product-no-img-home {
    height: 138px;
    min-height: 138px;
    max-height: 138px;
  }

  .flash-card-home .card-body {
    padding: .65rem !important;
  }

  .flash-card-home .product-name-home {
    min-height: 2.45rem;
    font-size: .88rem;
  }

  .flash-card-home .flash-option-line {
    min-height: 1.2rem;
    font-size: .78rem;
  }

  .flash-card-home .flash-price-area {
    min-height: 2.9rem;
  }

  .flash-card-home .flash-price-home {
    font-size: 1rem;
  }

  .flash-card-home .flash-stock-area {
    min-height: 2.45rem;
  }

  .flash-card-home .btn {
    font-size: .82rem;
    padding: .38rem .45rem;
  }
}

@media (min-width: 576px) and (max-width: 991.98px) {
  .flash-card-home .product-img-home,
  .flash-card-home .product-no-img-home {
    height: 190px;
    min-height: 190px;
    max-height: 190px;
  }
}

@media (min-width: 992px) and (max-width: 1399.98px) {
  .flash-card-home .product-img-home,
  .flash-card-home .product-no-img-home {
    height: 220px;
    min-height: 220px;
    max-height: 220px;
  }
}


/* ===== 5 columns on XXL screens ===== */
@media (min-width: 992px) and (max-width: 1399.98px) {
  .home-product-col,
  .flash-product-col {
    width: 25% !important;
    flex: 0 0 auto;
  }
}

@media (min-width: 1400px) {
  .col-xxl-5th,
  .home-product-col.col-xxl-5th,
  .flash-product-col.col-xxl-5th {
    width: 20% !important;
    flex: 0 0 auto;
  }
}


/* ===== Flash card body compact/equal layout ===== */
.flash-card-home .card-body {
  display: flex;
  flex-direction: column;
}

.flash-card-home .flash-badge-row {
  min-height: 1.6rem;
}

.flash-card-home .flash-action-wrap {
  margin-top: auto;
}

.flash-card-home .product-name-home {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (max-width: 575.98px) {
  .flash-card-home .flash-badge {
    font-size: .68rem;
    padding: .2rem .42rem;
  }

  .flash-card-home .badge {
    font-size: .68rem;
  }

  .flash-card-home .flash-badge-row {
    min-height: 1.45rem;
    margin-bottom: .35rem !important;
  }

  .flash-card-home .flash-time-card {
    padding: .38rem .4rem;
  }
}


/* ===== Flash per-card countdown ===== */
.flash-countdown-card {
  border: 1px solid rgba(220, 53, 69, .14);
  background: linear-gradient(135deg, #fff5f5, #ffffff);
  padding: .55rem .65rem;
}

.flash-countdown-label {
  color: #64748b;
  font-size: .8rem;
  font-weight: 700;
  white-space: nowrap;
}

.flash-countdown-value {
  color: #dc3545;
  font-weight: 900;
  font-size: .95rem;
  font-variant-numeric: tabular-nums;
  letter-spacing: .02em;
  white-space: nowrap;
}

.flash-countdown-card.is-ended {
  background: #f8fafc;
  border-color: #e5e7eb;
}

.flash-countdown-card.is-ended .flash-countdown-value {
  color: #64748b;
}

.flash-countdown-card.is-waiting .flash-countdown-value {
  color: #0d6efd;
}

@media (max-width: 575.98px) {
  .flash-countdown-card {
    padding: .45rem .5rem;
  }

  .flash-countdown-label {
    font-size: .74rem;
  }

  .flash-countdown-value {
    font-size: .84rem;
  }
}


/* ===== Home page latest fix ===== */
.home-products-grid,
.flash-products-grid {
  align-items: stretch;
}

.home-products-grid > [class*="col-"],
.flash-products-grid > [class*="col-"] {
  display: flex;
}

.home-products-grid .product-card-home,
.flash-products-grid .flash-card-home {
  width: 100%;
}

@media (min-width: 1400px) {
  .col-xxl-5th,
  .home-product-col.col-xxl-5th,
  .flash-product-col.col-xxl-5th {
    width: 20% !important;
    flex: 0 0 auto;
  }
}


/* ===== Recommended product Flash Sale countdown ===== */
.home-flash-badge {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  border-radius: .25rem;
  padding: .18rem .42rem;
  background: #dc3545;
  color: #fff;
  font-size: .72rem;
  font-weight: 800;
}

.home-flash-countdown-card {
  border: 1px solid rgba(220, 53, 69, .14);
  background: linear-gradient(135deg, #fff5f5, #ffffff);
  padding: .48rem .55rem;
}

.home-flash-countdown-label {
  color: #64748b;
  font-size: .74rem;
  font-weight: 700;
  white-space: nowrap;
}

.home-flash-countdown-value {
  color: #dc3545;
  font-weight: 900;
  font-size: .86rem;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.home-flash-countdown-card.is-waiting .home-flash-countdown-value {
  color: #0d6efd;
}

.home-flash-countdown-card.is-ended {
  background: #f8fafc;
  border-color: #e5e7eb;
}

.home-flash-countdown-card.is-ended .home-flash-countdown-value {
  color: #64748b;
}

@media (max-width: 575.98px) {
  .home-flash-countdown-card {
    padding: .4rem .45rem;
  }

  .home-flash-countdown-label,
  .home-flash-countdown-value {
    font-size: .72rem;
  }
}


/* ===== Flash sold count display ===== */
.flash-sold-line,
.home-flash-sold-line {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  color: #64748b;
  font-size: .78rem;
  font-weight: 700;
}

.flash-sold-line i,
.home-flash-sold-line i {
  color: #dc3545;
}

@media (max-width: 575.98px) {
  .flash-sold-line,
  .home-flash-sold-line {
    font-size: .72rem;
  }
}


/* ===== Index cards same style as products.php ===== */
.product-card-home .badge,
.product-card-home .home-flash-badge,
.flash-card-home .flash-badge {
  min-height: 26px;
  height: 26px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: .25rem;
  padding: .22rem .5rem;
  border-radius: .25rem !important;
  font-size: .72rem;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

.home-info-line,
.flash-info-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  width: 100%;
  font-size: .78rem;
  line-height: 1.35;
}

.home-info-line .info-label,
.flash-info-line .info-label {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  min-width: 0;
  color: #64748b;
}

.home-info-line .info-value,
.flash-info-line .info-value {
  font-weight: 800;
  white-space: nowrap;
}

.home-info-line.info-wholesale .info-label,
.home-info-line.info-wholesale .info-value,
.flash-info-line.info-wholesale .info-label,
.flash-info-line.info-wholesale .info-value {
  color: #198754;
}

.home-info-line.info-sold .info-label,
.home-info-line.info-sold .info-value {
  color: #0d6efd;
}

.home-info-line.info-flash-stock .info-label,
.home-info-line.info-flash-stock .info-value,
.home-info-line.info-flash-sold .info-label,
.home-info-line.info-flash-sold .info-value,
.flash-info-line.info-flash-stock .info-label,
.flash-info-line.info-flash-stock .info-value,
.flash-info-line.info-flash-sold .info-label,
.flash-info-line.info-flash-sold .info-value {
  color: #dc3545;
}

.home-discount-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  height: 26px;
  border-radius: .25rem;
  padding: .22rem .5rem;
  background: #dc3545;
  color: #fff;
  font-size: .72rem;
  font-weight: 900;
  line-height: 1;
}

.home-discount-badge.is-normal-sale {
  background: #fd7e14;
}

@media (max-width: 575.98px) {
  .product-card-home .badge,
  .product-card-home .home-flash-badge,
  .flash-card-home .flash-badge,
  .home-discount-badge {
    min-height: 24px;
    height: 24px;
    font-size: .68rem;
    padding: .18rem .42rem;
  }

  .home-info-line,
  .flash-info-line {
    font-size: .72rem;
    gap: .35rem;
  }
}


/* ===== Index product cards match products.php v2 ===== */
.home-products-grid,
.flash-products-grid {
  --bs-gutter-x: .75rem;
  --bs-gutter-y: .75rem;
  align-items: stretch;
}

.home-products-grid > [class*="col-"],
.flash-products-grid > [class*="col-"] {
  display: flex !important;
}

.product-card-home,
.flash-card-home {
  width: 100%;
  border: 1px solid rgba(15, 23, 42, .06) !important;
  border-radius: .25rem !important;
  overflow: hidden;
  background: #fff;
  transition: .18s ease;
  display: flex;
  flex-direction: column;
}

.product-card-home:hover,
.flash-card-home:hover {
  transform: translateY(-2px);
  box-shadow: 0 .8rem 1.7rem rgba(15, 23, 42, .08);
  border-color: rgba(13, 110, 253, .18) !important;
}

.product-card-home .card-body,
.flash-card-home .card-body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  padding: .85rem !important;
}

.product-img-home,
.product-no-img-home {
  width: 100%;
  aspect-ratio: 1 / 1;
  height: auto !important;
  min-height: unset !important;
  max-height: unset !important;
  background: linear-gradient(135deg, #f8fbff, #eef7ff);
}

.product-img-home img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home-card-meta {
  color: #64748b;
  font-size: .78rem;
  margin-bottom: .25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product-name-home {
  min-height: 2.6rem;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: .5rem;
}

.home-card-badge-row,
.flash-badge-row {
  min-height: 1.8rem;
  row-gap: .35rem !important;
  column-gap: .35rem !important;
  align-items: center;
}

.home-card-bottom,
.flash-card-bottom {
  margin-top: auto;
  padding-top: .5rem;
}

.product-price-home {
  color: #0d6efd;
  font-size: 1.1rem;
  font-weight: 900;
  letter-spacing: -.01em;
}

.flash-price-home {
  color: #dc3545;
  font-size: 1.1rem;
  font-weight: 900;
  letter-spacing: -.01em;
}

.normal-price-home {
  min-height: 1.05rem;
  font-size: .82rem;
  color: #94a3b8;
  text-decoration: line-through;
}

.home-info-line,
.flash-info-line {
  min-height: 22px;
  border-radius: .25rem;
  padding: .12rem .32rem;
}

.home-info-line.info-wholesale,
.flash-info-line.info-wholesale {
  background: #e8fff3;
}

.home-info-line.info-sold,
.flash-info-line.info-sold {
  background: #eff6ff;
}

.home-info-line.info-stock,
.flash-info-line.info-stock {
  background: transparent;
}

.home-info-line.info-flash-stock,
.home-info-line.info-flash-sold,
.flash-info-line.info-flash-stock,
.flash-info-line.info-flash-sold {
  background: #fff5f5;
}

.home-action-btn,
.flash-action-btn {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 575.98px) {
  .home-products-grid,
  .flash-products-grid {
    --bs-gutter-x: .5rem;
    --bs-gutter-y: .5rem;
  }

  .product-card-home .card-body,
  .flash-card-home .card-body {
    padding: .65rem !important;
  }

  .product-name-home {
    font-size: .88rem;
    min-height: 2.3rem;
  }

  .product-price-home,
  .flash-price-home {
    font-size: 1rem;
  }

  .home-card-meta {
    font-size: .72rem;
  }

  .home-info-line,
  .flash-info-line {
    min-height: 20px;
    padding: .08rem .24rem;
  }

  .home-action-btn,
  .flash-action-btn {
    min-height: 36px;
    font-size: .84rem;
  }
}


.home-info-line.info-stock .info-label,
.home-info-line.info-stock .info-value {
  color: #64748b;
}



/* ============================================================
   SSKRO Index Page - Pastel Responsive Bootstrap Simple
   ============================================================ */
:root{
  --home-primary:#0d6efd;
  --home-primary-soft:#eff6ff;
  --home-primary-border:#bfdbfe;

  --home-success:#047857;
  --home-success-soft:#ecfdf5;
  --home-success-border:#a7f3d0;

  --home-warning:#b45309;
  --home-warning-soft:#fff7ed;
  --home-warning-border:#fed7aa;

  --home-danger:#b91c1c;
  --home-danger-soft:#fef2f2;
  --home-danger-border:#fecaca;

  --home-purple:#6d28d9;
  --home-purple-soft:#f5f3ff;
  --home-purple-border:#ddd6fe;

  --home-muted:#64748b;
  --home-dark:#0f172a;
  --home-line:#e5e7eb;
  --home-shadow:0 .55rem 1.4rem rgba(15,23,42,.055);
}

.home-page{
  max-width:1480px;
  margin:0 auto;
}

/* Hero */
.home-hero{
  border-radius:.5rem!important;
  border:1px solid #dbeafe!important;
  box-shadow:var(--home-shadow)!important;
  background:
    radial-gradient(circle at 12% 12%, rgba(13,110,253,.16), transparent 23rem),
    radial-gradient(circle at 85% 20%, rgba(109,40,217,.08), transparent 20rem),
    linear-gradient(135deg,#ffffff 0%,#f8fbff 100%)!important;
}

.home-hero h1{
  color:var(--home-dark)!important;
  font-weight:900!important;
  letter-spacing:-.03em;
}

.home-hero .lead{
  color:#475569!important;
}

.home-hero .badge,
.home-soft-badge{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:.28rem;
  border-radius:.25rem!important;
  padding:.34rem .58rem!important;
  font-weight:900!important;
  line-height:1.1!important;
  border:1px solid var(--home-primary-border)!important;
  background:var(--home-primary-soft)!important;
  color:#1d4ed8!important;
}

.hero-icon-card{
  border-radius:.5rem!important;
  border:1px solid #dbeafe!important;
  background:rgba(255,255,255,.78)!important;
  box-shadow:0 .45rem 1.2rem rgba(15,23,42,.045)!important;
}

.hero-icon-card .border{
  border-color:#dbeafe!important;
  border-radius:.35rem!important;
  background:#fff!important;
}

.home-hero .btn,
.home-action-btn{
  border-radius:.25rem!important;
  font-weight:900!important;
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.25rem;
  box-shadow:0 .25rem .7rem rgba(15,23,42,.04);
}

.home-hero .btn-primary{
  background:#0d6efd!important;
  border-color:#0d6efd!important;
}

.home-hero .btn-warning{
  background:var(--home-warning-soft)!important;
  color:var(--home-warning)!important;
  border-color:var(--home-warning-border)!important;
}

.home-hero .btn-outline-primary{
  background:#fff!important;
}

/* Sections */
.section-card,
.news-card,
.stat-card{
  border-radius:.5rem!important;
  border:1px solid var(--home-line)!important;
  box-shadow:var(--home-shadow)!important;
}

.section-title{
  color:var(--home-dark)!important;
  font-weight:900!important;
  letter-spacing:-.02em;
}

/* Flash Sale */
.flash-section{
  border-radius:.5rem!important;
  border:1px solid var(--home-warning-border)!important;
  box-shadow:var(--home-shadow)!important;
  background:
    radial-gradient(circle at top left, rgba(251,191,36,.18), transparent 24rem),
    linear-gradient(135deg,#fffaf0 0%,#ffffff 100%)!important;
}

.next-round-pill{
  border-radius:.25rem!important;
  border:1px solid var(--home-warning-border)!important;
  background:#fff!important;
  color:var(--home-warning)!important;
  box-shadow:0 .25rem .65rem rgba(180,83,9,.035);
}

.countdown-box{
  border-radius:.35rem!important;
  background:linear-gradient(135deg,#111827 0%,#1e293b 100%)!important;
  box-shadow:0 .35rem .9rem rgba(15,23,42,.13);
}

.flash-card-home,
.product-card-home{
  border-radius:.25rem!important;
  border:1px solid var(--home-line)!important;
  box-shadow:0 .35rem .9rem rgba(15,23,42,.045)!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  background:#fff!important;
}

.flash-card-home:hover,
.product-card-home:hover{
  transform:translateY(-2px);
  border-color:var(--home-primary-border)!important;
  box-shadow:0 .85rem 1.8rem rgba(15,23,42,.085)!important;
}

.product-img-home,
.product-no-img-home{
  background:linear-gradient(135deg,#f8fbff 0%,#eef6ff 100%)!important;
}

.product-card-home .badge,
.flash-card-home .badge,
.flash-badge,
.home-flash-badge,
.home-discount-badge{
  border-radius:.25rem!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:.24rem;
  min-height:25px;
  padding:.22rem .48rem!important;
  font-weight:900!important;
  line-height:1!important;
  border:1px solid transparent;
  box-shadow:0 .2rem .55rem rgba(15,23,42,.035);
}

.flash-badge,
.home-flash-badge,
.home-discount-badge,
.product-card-home .text-bg-danger,
.flash-card-home .text-bg-danger,
.product-card-home .bg-danger,
.flash-card-home .bg-danger{
  background:var(--home-danger-soft)!important;
  color:var(--home-danger)!important;
  border-color:var(--home-danger-border)!important;
}

.home-discount-badge.is-normal-sale{
  background:var(--home-warning-soft)!important;
  color:var(--home-warning)!important;
  border-color:var(--home-warning-border)!important;
}

.product-card-home .text-bg-warning,
.flash-card-home .text-bg-warning,
.product-card-home .bg-warning,
.flash-card-home .bg-warning{
  background:var(--home-warning-soft)!important;
  color:var(--home-warning)!important;
  border-color:var(--home-warning-border)!important;
}

.product-card-home .text-bg-success,
.flash-card-home .text-bg-success,
.product-card-home .bg-success,
.flash-card-home .bg-success{
  background:var(--home-success-soft)!important;
  color:var(--home-success)!important;
  border-color:var(--home-success-border)!important;
}

.product-card-home .text-bg-primary,
.flash-card-home .text-bg-primary,
.product-card-home .bg-primary,
.flash-card-home .bg-primary{
  background:var(--home-primary-soft)!important;
  color:#1d4ed8!important;
  border-color:var(--home-primary-border)!important;
}

.product-name-home{
  color:var(--home-dark)!important;
  font-weight:900!important;
}

.product-price-home{
  color:var(--home-primary)!important;
  font-weight:900!important;
}

.flash-price-home{
  color:var(--home-danger)!important;
  font-weight:900!important;
}

.normal-price-home{
  color:#94a3b8!important;
}

.flash-countdown-card,
.home-flash-countdown-card,
.flash-time-card{
  border-radius:.25rem!important;
  border:1px solid var(--home-danger-border)!important;
  background:linear-gradient(135deg,var(--home-danger-soft) 0%,#ffffff 100%)!important;
}

.flash-countdown-card.is-waiting,
.home-flash-countdown-card.is-waiting{
  border-color:var(--home-primary-border)!important;
  background:linear-gradient(135deg,var(--home-primary-soft) 0%,#ffffff 100%)!important;
}

.flash-countdown-card.is-ended,
.home-flash-countdown-card.is-ended{
  border-color:#e2e8f0!important;
  background:#f8fafc!important;
}

.flash-countdown-value,
.home-flash-countdown-value,
.flash-time-value{
  color:var(--home-danger)!important;
}

.flash-countdown-card.is-waiting .flash-countdown-value,
.home-flash-countdown-card.is-waiting .home-flash-countdown-value{
  color:#1d4ed8!important;
}

.flash-info-line,
.home-info-line{
  border-radius:.25rem!important;
}

.home-info-line.info-wholesale,
.flash-info-line.info-wholesale{
  background:var(--home-success-soft)!important;
}

.home-info-line.info-sold,
.flash-info-line.info-sold{
  background:var(--home-primary-soft)!important;
}

.home-info-line.info-flash-stock,
.home-info-line.info-flash-sold,
.flash-info-line.info-flash-stock,
.flash-info-line.info-flash-sold{
  background:var(--home-danger-soft)!important;
}

.home-info-line.info-stock,
.flash-info-line.info-stock{
  background:#f8fafc!important;
}

/* Category */
.category-pill{
  border-radius:.25rem!important;
  border:1px solid var(--home-primary-border)!important;
  background:#fff!important;
  color:#1d4ed8!important;
  box-shadow:0 .25rem .7rem rgba(15,23,42,.035);
}

.category-pill:hover{
  background:var(--home-primary-soft)!important;
  color:#1d4ed8!important;
  transform:translateY(-1px);
}

/* Stats */
.stat-card{
  background:linear-gradient(135deg,#f8fbff 0%,#fff 100%)!important;
}

.stat-icon{
  border-radius:.35rem!important;
  background:var(--home-primary-soft)!important;
  color:#1d4ed8!important;
  border:1px solid var(--home-primary-border);
}

/* News / bottom */
.news-card{
  box-shadow:0 .35rem .95rem rgba(15,23,42,.04)!important;
}

.home-bottom{
  border-radius:.5rem!important;
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.20), transparent 20rem),
    linear-gradient(135deg,#0d6efd 0%,#60a5fa 100%)!important;
  box-shadow:var(--home-shadow)!important;
}

/* Buttons */
.home-page .btn{
  border-radius:.25rem!important;
  font-weight:900!important;
}

.home-action-btn,
.flash-action-btn{
  width:auto!important;
  min-height:38px;
}

/* Layout */
.home-products-grid,
.flash-products-grid{
  --bs-gutter-x:.8rem;
  --bs-gutter-y:.8rem;
}

.product-card-home .card-body,
.flash-card-home .card-body{
  padding:.85rem!important;
}

/* Responsive */
@media(max-width:991.98px){
  .home-hero{
    padding:1rem!important;
  }

  .hero-icon-card{
    min-height:auto!important;
  }

  .home-products-grid,
  .flash-products-grid{
    --bs-gutter-x:.65rem;
    --bs-gutter-y:.65rem;
  }
}

@media(max-width:575.98px){
  .home-page{
    padding-left:.55rem!important;
    padding-right:.55rem!important;
  }

  .home-hero{
    padding:.9rem!important;
  }

  .home-hero h1{
    font-size:1.55rem!important;
  }

  .home-hero .lead{
    font-size:.95rem!important;
  }

  .home-hero .btn{
    min-height:40px;
    padding-left:.65rem!important;
    padding-right:.65rem!important;
    font-size:.9rem;
  }

  .home-products-grid,
  .flash-products-grid{
    --bs-gutter-x:.5rem;
    --bs-gutter-y:.5rem;
  }

  .product-card-home .card-body,
  .flash-card-home .card-body{
    padding:.62rem!important;
  }

  .product-name-home{
    font-size:.88rem!important;
    min-height:2.28rem!important;
  }

  .product-price-home,
  .flash-price-home{
    font-size:1rem!important;
  }

  .product-card-home .badge,
  .flash-card-home .badge,
  .flash-badge,
  .home-flash-badge,
  .home-discount-badge{
    min-height:23px!important;
    font-size:.66rem!important;
    padding:.18rem .38rem!important;
  }

  .home-info-line,
  .flash-info-line{
    font-size:.7rem!important;
    min-height:20px!important;
    padding:.08rem .24rem!important;
  }

  .flash-action-btn,
  .home-action-btn{
    min-height:36px!important;
    font-size:.82rem!important;
    padding-left:.45rem!important;
    padding-right:.45rem!important;
  }

  .countdown-box{
    min-width:54px!important;
  }

  .countdown-box strong{
    font-size:1rem!important;
  }

  .countdown-box span{
    font-size:.66rem!important;
  }

  .category-pill{
    font-size:.82rem!important;
    padding:.42rem .58rem!important;
  }

  .section-title{
    font-size:1.08rem!important;
  }
}

@media(max-width:390px){
  .home-hero .d-flex.flex-wrap.gap-2 .btn{
    width:100%;
  }

  .home-product-col,
  .flash-product-col{
    width:50%!important;
  }
}



/* ============================================================
   Index product cards like products.php - Pastel lines
   ============================================================ */
.home-products-grid,
.flash-products-grid{
  --bs-gutter-x:.85rem;
  --bs-gutter-y:.85rem;
  align-items:stretch;
}

.home-products-grid > [class*="col-"],
.flash-products-grid > [class*="col-"]{
  display:flex!important;
}

.product-card-home,
.flash-card-home{
  width:100%;
  border:1px solid #dbeafe!important;
  border-radius:.25rem!important;
  background:#fff!important;
  overflow:hidden;
  box-shadow:0 .45rem 1rem rgba(15,23,42,.045)!important;
  display:flex!important;
  flex-direction:column!important;
}

.product-card-home:hover,
.flash-card-home:hover{
  transform:translateY(-2px);
  border-color:#93c5fd!important;
  box-shadow:0 .9rem 1.8rem rgba(15,23,42,.09)!important;
}

.product-card-home .card-body,
.flash-card-home .card-body{
  flex:1 1 auto;
  display:flex!important;
  flex-direction:column!important;
  padding:.85rem!important;
}

.product-img-home,
.product-no-img-home{
  width:100%;
  aspect-ratio:1/1;
  height:auto!important;
  min-height:unset!important;
  max-height:unset!important;
  background:linear-gradient(135deg,#f8fbff 0%,#eef6ff 100%)!important;
}

.product-img-home img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.home-card-meta{
  color:#64748b;
  font-size:.78rem;
  margin-bottom:.28rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.product-name-home{
  min-height:2.55rem!important;
  line-height:1.3!important;
  font-weight:900!important;
  color:#0f172a!important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  margin-bottom:.5rem!important;
}

.home-card-badge-row,
.flash-badge-row{
  min-height:1.7rem!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:.35rem!important;
  align-items:center!important;
}

.product-card-home .badge,
.flash-card-home .badge,
.home-flash-badge,
.flash-badge,
.home-discount-badge{
  border-radius:.25rem!important;
  min-height:25px!important;
  height:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.24rem!important;
  padding:.22rem .48rem!important;
  font-size:.72rem!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap;
  border:1px solid transparent!important;
  box-shadow:0 .2rem .55rem rgba(15,23,42,.035);
}

.home-discount-badge,
.home-flash-badge,
.flash-badge{
  background:#fef2f2!important;
  color:#b91c1c!important;
  border-color:#fecaca!important;
}

.home-discount-badge.is-normal-sale{
  background:#fff7ed!important;
  color:#b45309!important;
  border-color:#fed7aa!important;
}

.product-card-home .text-bg-warning,
.flash-card-home .text-bg-warning{
  background:#fff7ed!important;
  color:#b45309!important;
  border-color:#fed7aa!important;
}

.product-card-home .text-bg-success,
.flash-card-home .text-bg-success{
  background:#ecfdf5!important;
  color:#047857!important;
  border-color:#a7f3d0!important;
}

.product-card-home .text-bg-primary,
.flash-card-home .text-bg-primary{
  background:#eff6ff!important;
  color:#1d4ed8!important;
  border-color:#bfdbfe!important;
}

.home-card-bottom,
.flash-card-bottom,
.flash-action-wrap{
  margin-top:auto!important;
  padding-top:.5rem!important;
}

.product-price-home{
  color:#0d6efd!important;
  font-size:1.1rem!important;
  font-weight:900!important;
  letter-spacing:-.01em;
}

.flash-price-home{
  color:#b91c1c!important;
  font-size:1.1rem!important;
  font-weight:900!important;
  letter-spacing:-.01em;
}

.normal-price-home{
  min-height:1.05rem;
  font-size:.82rem!important;
  color:#64748b!important;
  opacity:.8;
  text-decoration:line-through;
}

/* Info line ให้เหมือน products.php */
.home-info-line,
.flash-info-line{
  min-height:25px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:.45rem!important;
  width:100%;
  border-radius:.25rem!important;
  padding:.18rem .42rem!important;
  font-size:.76rem!important;
  line-height:1.25!important;
  border:1px solid transparent;
  margin-top:.35rem!important;
}

.home-info-line .info-label,
.flash-info-line .info-label{
  display:inline-flex!important;
  align-items:center!important;
  gap:.24rem!important;
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-weight:800!important;
}

.home-info-line .info-value,
.flash-info-line .info-value{
  font-weight:900!important;
  white-space:nowrap;
}

.home-info-line.info-wholesale,
.flash-info-line.info-wholesale{
  background:#ecfdf5!important;
  border-color:#a7f3d0!important;
}

.home-info-line.info-wholesale .info-label,
.home-info-line.info-wholesale .info-value,
.flash-info-line.info-wholesale .info-label,
.flash-info-line.info-wholesale .info-value{
  color:#047857!important;
}

.home-info-line.info-sold,
.flash-info-line.info-sold{
  background:#eff6ff!important;
  border-color:#bfdbfe!important;
}

.home-info-line.info-sold .info-label,
.home-info-line.info-sold .info-value,
.flash-info-line.info-sold .info-label,
.flash-info-line.info-sold .info-value{
  color:#1d4ed8!important;
}

.home-info-line.info-stock,
.flash-info-line.info-stock{
  background:#f8fafc!important;
  border-color:#e2e8f0!important;
}

.home-info-line.info-stock .info-label,
.home-info-line.info-stock .info-value,
.flash-info-line.info-stock .info-label,
.flash-info-line.info-stock .info-value{
  color:#475569!important;
}

.home-info-line.info-flash-stock,
.flash-info-line.info-flash-stock{
  background:#fef2f2!important;
  border-color:#fecaca!important;
}

.home-info-line.info-flash-sold,
.flash-info-line.info-flash-sold{
  background:#fff7ed!important;
  border-color:#fed7aa!important;
}

.home-info-line.info-flash-stock .info-label,
.home-info-line.info-flash-stock .info-value,
.flash-info-line.info-flash-stock .info-label,
.flash-info-line.info-flash-stock .info-value{
  color:#b91c1c!important;
}

.home-info-line.info-flash-sold .info-label,
.home-info-line.info-flash-sold .info-value,
.flash-info-line.info-flash-sold .info-label,
.flash-info-line.info-flash-sold .info-value{
  color:#b45309!important;
}

/* Flash Countdown ใน Card */
.flash-countdown-card,
.home-flash-countdown-card{
  border-radius:.25rem!important;
  border:1px solid #fecaca!important;
  background:linear-gradient(135deg,#fef2f2 0%,#fff 100%)!important;
  padding:.55rem .6rem!important;
}

.flash-countdown-card .progress,
.home-flash-countdown-card .progress{
  background:#fee2e2!important;
  border-radius:999px!important;
  overflow:hidden;
}

.flash-countdown-card .progress-bar,
.home-flash-countdown-card .progress-bar{
  background:linear-gradient(90deg,#fb7185,#ef4444)!important;
}

.flash-countdown-label,
.home-flash-countdown-label{
  color:#64748b!important;
  font-size:.78rem!important;
  font-weight:800!important;
}

.flash-countdown-value,
.home-flash-countdown-value{
  color:#b91c1c!important;
  font-size:.88rem!important;
  font-weight:900!important;
  font-variant-numeric:tabular-nums;
}

.flash-countdown-card.is-waiting,
.home-flash-countdown-card.is-waiting{
  border-color:#bfdbfe!important;
  background:linear-gradient(135deg,#eff6ff 0%,#fff 100%)!important;
}

.flash-countdown-card.is-waiting .flash-countdown-value,
.home-flash-countdown-card.is-waiting .home-flash-countdown-value{
  color:#1d4ed8!important;
}

.flash-countdown-card.is-ended,
.home-flash-countdown-card.is-ended{
  border-color:#e2e8f0!important;
  background:#f8fafc!important;
}

.flash-countdown-card.is-ended .flash-countdown-value,
.home-flash-countdown-card.is-ended .home-flash-countdown-value{
  color:#64748b!important;
}

/* ปุ่มรายละเอียด */
.home-action-btn,
.flash-action-btn{
  width:100%!important;
  min-height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.28rem!important;
  border-radius:.25rem!important;
  font-weight:900!important;
  background:#fff!important;
}

.home-action-btn.btn-outline-primary,
.flash-action-btn.btn-outline-danger{
  border-color:#0d6efd!important;
  color:#0d6efd!important;
}

.home-action-btn.btn-outline-primary:hover,
.flash-action-btn.btn-outline-danger:hover{
  background:#eff6ff!important;
  color:#1d4ed8!important;
}

@media(max-width:575.98px){
  .home-products-grid,
  .flash-products-grid{
    --bs-gutter-x:.5rem!important;
    --bs-gutter-y:.5rem!important;
  }

  .product-card-home .card-body,
  .flash-card-home .card-body{
    padding:.62rem!important;
  }

  .product-name-home{
    min-height:2.35rem!important;
    font-size:.88rem!important;
  }

  .product-price-home,
  .flash-price-home{
    font-size:1rem!important;
  }

  .normal-price-home{
    font-size:.75rem!important;
  }

  .product-card-home .badge,
  .flash-card-home .badge,
  .home-flash-badge,
  .flash-badge,
  .home-discount-badge{
    min-height:23px!important;
    font-size:.66rem!important;
    padding:.18rem .38rem!important;
  }

  .home-info-line,
  .flash-info-line{
    min-height:22px!important;
    font-size:.69rem!important;
    padding:.12rem .28rem!important;
    gap:.3rem!important;
  }

  .home-action-btn,
  .flash-action-btn{
    min-height:36px!important;
    font-size:.82rem!important;
  }

  .flash-countdown-card,
  .home-flash-countdown-card{
    padding:.45rem .48rem!important;
  }

  .flash-countdown-label,
  .home-flash-countdown-label,
  .flash-countdown-value,
  .home-flash-countdown-value{
    font-size:.72rem!important;
  }
}

@media(max-width:390px){
  .home-info-line,
  .flash-info-line{
    font-size:.66rem!important;
  }
}



/* ============================================================
   Index badges like products.php - Pastel pill style
   ============================================================ */
.product-card-home .home-card-badge-row,
.flash-card-home .flash-badge-row{
  min-height:54px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-start!important;
  align-content:flex-start!important;
  gap:.38rem!important;
  margin-bottom:.55rem!important;
}

/* Base pill */
.product-card-home .home-card-badge-row .badge,
.flash-card-home .flash-badge-row .badge,
.product-card-home .home-card-badge-row .home-flash-badge,
.flash-card-home .flash-badge-row .flash-badge,
.product-card-home .home-card-badge-row .home-discount-badge,
.flash-card-home .flash-badge-row .home-discount-badge{
  min-height:27px!important;
  height:27px!important;
  max-width:100%;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.28rem!important;
  border-radius:.25rem!important;
  padding:.25rem .52rem!important;
  font-size:.72rem!important;
  font-weight:900!important;
  line-height:1!important;
  border:1px solid transparent!important;
  box-shadow:0 .18rem .48rem rgba(15,23,42,.035)!important;
  white-space:nowrap!important;
}

/* Pre-order / warning */
.product-card-home .home-card-badge-row .text-bg-warning,
.flash-card-home .flash-badge-row .text-bg-warning,
.product-card-home .home-card-badge-row .bg-warning,
.flash-card-home .flash-badge-row .bg-warning{
  background:#fff7ed!important;
  color:#b45309!important;
  border-color:#fed7aa!important;
}

/* Ready / success */
.product-card-home .home-card-badge-row .text-bg-success,
.flash-card-home .flash-badge-row .text-bg-success,
.product-card-home .home-card-badge-row .bg-success,
.flash-card-home .flash-badge-row .bg-success{
  background:#ecfdf5!important;
  color:#047857!important;
  border-color:#a7f3d0!important;
}

/* SKU / primary / light */
.product-card-home .home-card-badge-row .text-bg-primary,
.flash-card-home .flash-badge-row .text-bg-primary,
.product-card-home .home-card-badge-row .bg-primary,
.flash-card-home .flash-badge-row .bg-primary,
.product-card-home .home-card-badge-row .text-bg-light,
.flash-card-home .flash-badge-row .text-bg-light,
.product-card-home .home-card-badge-row .badge.border,
.flash-card-home .flash-badge-row .badge.border{
  background:#f8fbff!important;
  color:#1e293b!important;
  border-color:#dbeafe!important;
}

/* Flash Sale / discount */
.product-card-home .home-card-badge-row .text-bg-danger,
.flash-card-home .flash-badge-row .text-bg-danger,
.product-card-home .home-card-badge-row .bg-danger,
.flash-card-home .flash-badge-row .bg-danger,
.product-card-home .home-card-badge-row .home-flash-badge,
.flash-card-home .flash-badge-row .flash-badge{
  background:#fef2f2!important;
  color:#b91c1c!important;
  border-color:#fecaca!important;
}

.product-card-home .home-card-badge-row .home-discount-badge,
.flash-card-home .flash-badge-row .home-discount-badge{
  background:#fff7ed!important;
  color:#b45309!important;
  border-color:#fed7aa!important;
}

.product-card-home .home-card-badge-row .home-discount-badge:not(.is-normal-sale),
.flash-card-home .flash-badge-row .home-discount-badge:not(.is-normal-sale){
  background:#fef2f2!important;
  color:#b91c1c!important;
  border-color:#fecaca!important;
}

/* Icons color inherit */
.product-card-home .home-card-badge-row .badge i,
.flash-card-home .flash-badge-row .badge i,
.product-card-home .home-card-badge-row .home-flash-badge i,
.flash-card-home .flash-badge-row .flash-badge i,
.product-card-home .home-card-badge-row .home-discount-badge i,
.flash-card-home .flash-badge-row .home-discount-badge i{
  color:currentColor!important;
}

/* Product title spacing like products.php */
.product-card-home .product-name-home,
.flash-card-home .product-name-home{
  margin-top:.1rem!important;
  min-height:2.6rem!important;
  margin-bottom:.5rem!important;
}

/* Card body top spacing */
.product-card-home .card-body,
.flash-card-home .card-body{
  padding:.85rem!important;
}

/* Flash card top badges should not stretch too much */
.flash-card-home .flash-badge-row{
  min-height:27px!important;
}

/* Small SKU pill truncate */
.product-card-home .home-card-badge-row .badge.text-bg-light,
.flash-card-home .flash-badge-row .badge.text-bg-light,
.product-card-home .home-card-badge-row .badge.border,
.flash-card-home .flash-badge-row .badge.border{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* More products.php-like button */
.product-card-home .home-action-btn,
.flash-card-home .flash-action-btn{
  border-color:#0d6efd!important;
  color:#0d6efd!important;
  background:#fff!important;
  border-radius:.25rem!important;
  font-weight:900!important;
  min-height:38px!important;
  box-shadow:none!important;
}

.product-card-home .home-action-btn:hover,
.flash-card-home .flash-action-btn:hover{
  background:#eff6ff!important;
  color:#1d4ed8!important;
  border-color:#93c5fd!important;
}

/* Responsive */
@media(max-width:575.98px){
  .product-card-home .home-card-badge-row,
  .flash-card-home .flash-badge-row{
    min-height:50px!important;
    gap:.3rem!important;
    margin-bottom:.45rem!important;
  }

  .product-card-home .home-card-badge-row .badge,
  .flash-card-home .flash-badge-row .badge,
  .product-card-home .home-card-badge-row .home-flash-badge,
  .flash-card-home .flash-badge-row .flash-badge,
  .product-card-home .home-card-badge-row .home-discount-badge,
  .flash-card-home .flash-badge-row .home-discount-badge{
    min-height:24px!important;
    height:24px!important;
    font-size:.66rem!important;
    padding:.18rem .38rem!important;
  }

  .product-card-home .card-body,
  .flash-card-home .card-body{
    padding:.62rem!important;
  }

  .product-card-home .product-name-home,
  .flash-card-home .product-name-home{
    min-height:2.35rem!important;
  }
}

@media(max-width:390px){
  .product-card-home .home-card-badge-row .badge,
  .flash-card-home .flash-badge-row .badge,
  .product-card-home .home-card-badge-row .home-flash-badge,
  .flash-card-home .flash-badge-row .flash-badge,
  .product-card-home .home-card-badge-row .home-discount-badge,
  .flash-card-home .flash-badge-row .home-discount-badge{
    font-size:.63rem!important;
    padding:.17rem .32rem!important;
  }
}



/* ============================================================
   Hero buttons compact pastel fix
   ============================================================ */
.home-hero .home-hero-content .d-grid,
.home-hero .home-hero-content .d-grid.gap-2,
.home-hero .home-hero-content .d-grid.gap-3{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:.55rem!important;
}

.home-hero .home-hero-content .btn,
.home-hero .home-hero-action-btn{
  width:auto!important;
  min-width:148px!important;
  max-width:230px!important;
  flex:0 0 auto!important;
  min-height:42px!important;
  padding:.56rem 1rem!important;
  border-radius:.25rem!important;
  font-weight:900!important;
  line-height:1.15!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.35rem!important;
  box-shadow:0 .28rem .75rem rgba(15,23,42,.045)!important;
}

/* ปุ่ม เลือกซื้อสินค้า */
.home-hero .home-hero-content .btn-primary,
.home-hero .home-hero-action-btn.btn-primary{
  background:#0d6efd!important;
  border-color:#0d6efd!important;
  color:#fff!important;
}

/* ปุ่ม Flash Sale พาสเทล */
.home-hero .home-hero-content .btn-warning,
.home-hero .home-hero-action-btn.btn-warning{
  background:#fff7ed!important;
  border-color:#fed7aa!important;
  color:#b45309!important;
}

/* ปุ่ม ติดต่อเรา พาสเทล */
.home-hero .home-hero-content .btn-outline-primary,
.home-hero .home-hero-action-btn.btn-outline-primary{
  background:#fff!important;
  border-color:#bfdbfe!important;
  color:#1d4ed8!important;
}

.home-hero .home-hero-content .btn-primary:hover,
.home-hero .home-hero-action-btn.btn-primary:hover{
  filter:brightness(.98);
  transform:translateY(-1px);
}

.home-hero .home-hero-content .btn-warning:hover,
.home-hero .home-hero-action-btn.btn-warning:hover{
  background:#ffedd5!important;
  border-color:#fdba74!important;
  color:#9a3412!important;
  transform:translateY(-1px);
}

.home-hero .home-hero-content .btn-outline-primary:hover,
.home-hero .home-hero-action-btn.btn-outline-primary:hover{
  background:#eff6ff!important;
  border-color:#93c5fd!important;
  color:#1d4ed8!important;
  transform:translateY(-1px);
}

/* กันกรณีปุ่มมี w-100 จาก Bootstrap */
.home-hero .home-hero-content .btn.w-100,
.home-hero .home-hero-action-btn.w-100{
  width:auto!important;
}

/* มือถือให้เป็น 2 คอลัมน์กำลังดี ไม่ยาวเต็มทุกปุ่ม */
@media(max-width:575.98px){
  .home-hero .home-hero-content .d-grid,
  .home-hero .home-hero-content .d-grid.gap-2,
  .home-hero .home-hero-content .d-grid.gap-3{
    gap:.5rem!important;
  }

  .home-hero .home-hero-content .btn,
  .home-hero .home-hero-action-btn{
    min-width:calc(50% - .25rem)!important;
    max-width:calc(50% - .25rem)!important;
    flex:1 1 calc(50% - .25rem)!important;
    min-height:40px!important;
    padding:.52rem .65rem!important;
    font-size:.9rem!important;
  }

  .home-hero .home-hero-content .btn:nth-child(3),
  .home-hero .home-hero-action-btn:nth-child(3){
    min-width:150px!important;
    max-width:210px!important;
    flex:0 0 auto!important;
  }
}

@media(max-width:380px){
  .home-hero .home-hero-content .btn,
  .home-hero .home-hero-action-btn{
    min-width:100%!important;
    max-width:100%!important;
    flex:1 1 100%!important;
  }
}




/* ===== Home category menu beside carousel ===== */
.home-promo-grid{
  align-items:stretch;
}
.home-category-list-card{
  border:1px solid #dbeafe;
  border-radius:.5rem;
  background:#fff;
  box-shadow:0 .55rem 1.4rem rgba(15,23,42,.055);
  overflow:hidden;
  height:100%;
}
.home-category-list-head{
  padding:1rem 1rem .75rem;
  background:linear-gradient(135deg,#f8fbff,#ffffff);
  border-bottom:1px solid #e2e8f0;
}
.home-category-list-title{
  display:flex;
  align-items:center;
  gap:.45rem;
  font-weight:950;
  color:#0f172a;
  margin:0;
}
.home-category-list-subtitle{
  color:#64748b;
  font-size:.86rem;
  margin-top:.25rem;
}
.home-category-list{
  margin:0;
  border-radius:0;
}
.home-category-list .list-group-item{
  border-left:0;
  border-right:0;
  border-color:#e2e8f0;
  padding:.78rem .9rem;
  transition:.16s ease;
}
.home-category-list .list-group-item:first-child{border-top:0;}
.home-category-list .list-group-item:last-child{border-bottom:0;}
.home-category-list .list-group-item:hover{
  background:#f1f7ff;
  color:#0d6efd;
}
.home-category-list .home-cat-icon{
  width:34px;
  height:34px;
  border-radius:.25rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  background:#eff6ff;
  color:#0d6efd;
  border:1px solid #bfdbfe;
  overflow:hidden;
}
.home-category-list .home-cat-icon img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.home-category-list .home-cat-name{
  font-weight:900;
  color:#0f172a;
  line-height:1.25;
}

.home-category-list .home-cat-desc{
  color:#64748b;
  font-size:.78rem;
  line-height:1.35;
  margin-top:.08rem;
  display:-webkit-box!important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  word-break:break-word;
  overflow-wrap:anywhere;
}
.home-category-list .home-cat-icon{
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:.25rem;
  background:#eff6ff;
  color:#0d6efd;
  border:1px solid #bfdbfe;
  flex:0 0 auto;
}
.home-category-list .home-cat-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.2rem;
  background:#eff6ff;
  color:#1d4ed8;
  border:1px solid #bfdbfe;
  border-radius:999px;
  padding:.24rem .5rem;
  font-size:.72rem;
  font-weight:900;
  line-height:1;
  min-width:34px;
  text-align:center;
  white-space:nowrap;
  box-shadow:0 .2rem .5rem rgba(13,110,253,.05);
}
.home-category-list .home-cat-count i{
  font-size:.78rem;
}
.home-category-all-link{
  padding:.85rem 1rem;
  border-top:1px solid #e2e8f0;
  background:#f8fbff;
}
.home-category-list .home-cat-extra{
  display:flex!important;
  max-height:96px;
  opacity:1;
  overflow:hidden;
  transform:translateY(0);
  transition:max-height .28s ease, opacity .22s ease, padding .28s ease, border-color .28s ease, transform .28s ease;
}
.home-category-list .home-cat-extra.is-hidden{
  display:flex!important;
  max-height:0!important;
  opacity:0;
  padding-top:0!important;
  padding-bottom:0!important;
  border-color:transparent!important;
  pointer-events:none;
  transform:translateY(-4px);
}
.home-category-list.is-expanding .home-cat-extra,
.home-category-list.is-collapsing .home-cat-extra{
  will-change:max-height, opacity, transform;
}
.home-category-more-btn{
  border-radius:.25rem!important;
  font-weight:900!important;
  min-height:38px;
  background:#fff!important;
  border-color:#bfdbfe!important;
  color:#1d4ed8!important;
}
.home-category-more-btn:hover{
  background:#eff6ff!important;
  color:#0d6efd!important;
}
@media(max-width:991.98px){
  .home-category-list-card{height:auto;}
  .home-category-list .list-group-item{padding:.68rem .78rem;}
}
@media(max-width:575.98px){
  .home-category-list-head{padding:.8rem .85rem .65rem;}
  .home-category-list-subtitle{font-size:.78rem;}
  .home-category-list .home-cat-icon{width:25px;height:25px;}
  .home-category-list .home-cat-icon{
  width:34px;
  height:34px;
  border-radius:.25rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  background:#eff6ff;
  color:#0d6efd;
  border:1px solid #bfdbfe;
  overflow:hidden;
}
.home-category-list .home-cat-icon img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.home-category-list .home-cat-name{font-size:.9rem;}
  .home-category-list .home-cat-count{font-size:.68rem;min-width:30px;}
}

/* ===== Home advertising carousel ===== */
.home-carousel-wrap{
  border:1px solid #dbeafe;
  border-radius:.5rem;
  overflow:hidden;
  background:#fff;
  box-shadow:0 .55rem 1.4rem rgba(15,23,42,.055);
}
.home-carousel-slide{
  min-height:360px;
  background:
    radial-gradient(circle at 12% 15%,rgba(13,110,253,.18),transparent 24rem),
    linear-gradient(135deg,#f8fbff 0%,#ffffff 100%);
}
.home-carousel-content{
  position:relative;
  z-index:2;
  padding:2rem;
}
.home-carousel-badge{
  display:inline-flex;
  align-items:center;
  gap:.3rem;
  border:1px solid #bfdbfe;
  background:#eff6ff;
  color:#1d4ed8;
  border-radius:.25rem;
  padding:.34rem .6rem;
  font-weight:900;
  font-size:.82rem;
}
.home-carousel-title{
  color:#0f172a;
  font-weight:950;
  letter-spacing:-.035em;
  line-height:1.12;
}
.home-carousel-subtitle{
  color:#475569;
  line-height:1.7;
  max-width:640px;
}
.home-carousel-img-box{
  min-height:360px;
  background:linear-gradient(135deg,#eff6ff,#ffffff);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.home-carousel-img-box img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.home-carousel-no-img{
  width:120px;
  height:120px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#eff6ff;
  color:#0d6efd;
  border:1px solid #bfdbfe;
  font-size:3.4rem;
}
.home-carousel-wrap .carousel-control-prev,
.home-carousel-wrap .carousel-control-next{
  width:44px;
  opacity:1;
}
.home-carousel-wrap .carousel-control-prev-icon,
.home-carousel-wrap .carousel-control-next-icon{
  width:34px;
  height:34px;
  border-radius:.35rem;
  background-color:#0d6efd;
  background-size:58% 58%;
  box-shadow:0 .35rem .9rem rgba(13,110,253,.22);
}
.home-carousel-wrap .carousel-indicators{
  margin-bottom:.65rem;
}
.home-carousel-wrap .carousel-indicators [data-bs-target]{
  width:9px;
  height:9px;
  border-radius:50%;
  background-color:#0d6efd;
}
@media(max-width:991.98px){
  .home-carousel-slide{min-height:auto;}
  .home-carousel-content{padding:1.15rem;}
  .home-carousel-img-box{min-height:260px;}
  .home-carousel-title{font-size:1.7rem;}
}
@media(max-width:575.98px){
  .home-carousel-content{padding:.9rem;}
  .home-carousel-img-box{min-height:190px;}
  .home-carousel-title{font-size:1.35rem;}
  .home-carousel-subtitle{font-size:.92rem;}
  .home-carousel-wrap .carousel-control-prev,
  .home-carousel-wrap .carousel-control-next{display:none;}
}


/* ===== Home bottom pastel v2 - simple Bootstrap style ===== */
.home-bottom-pastel,
.home-bottom{
  position:relative;
  overflow:hidden;
  border-radius:.65rem!important;
  border:1px solid #bfdbfe!important;
  background:
    radial-gradient(circle at 8% 18%, rgba(13,110,253,.10), transparent 22rem),
    radial-gradient(circle at 88% 18%, rgba(14,165,233,.10), transparent 20rem),
    linear-gradient(135deg,#f8fbff 0%,#ffffff 48%,#eef7ff 100%)!important;
  color:#0f172a!important;
  box-shadow:0 .55rem 1.35rem rgba(15,23,42,.055)!important;
}
.home-bottom-pastel::after,
.home-bottom::after{
  content:"";
  position:absolute;
  right:-3.5rem;
  bottom:-4rem;
  width:12rem;
  height:12rem;
  border-radius:50%;
  background:rgba(13,110,253,.055);
  pointer-events:none;
}
.home-bottom-pastel > *,
.home-bottom > *{position:relative;z-index:1;}
.home-bottom-pastel h4,
.home-bottom h4{
  color:#0f172a!important;
  letter-spacing:-.02em;
  line-height:1.35;
}
.home-bottom-icon{
  width:46px;
  height:46px;
  border-radius:.5rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#eff6ff;
  color:#0d6efd;
  border:1px solid #bfdbfe;
  box-shadow:0 .3rem .8rem rgba(13,110,253,.08);
}
.home-bottom-icon i{font-size:1.35rem;line-height:1;}
.home-bottom-pastel .text-white-75,
.home-bottom .text-white-75,
.home-bottom-desc{
  color:#64748b!important;
}
.home-bottom-contact-card,
.home-bottom .border-light{
  border:1px solid #bfdbfe!important;
  background:rgba(255,255,255,.78)!important;
  color:#0f172a!important;
  box-shadow:0 .25rem .75rem rgba(15,23,42,.035);
  transition:.16s ease;
}
.home-bottom-contact-card:hover,
.home-bottom .border-light:hover{
  transform:translateY(-1px);
  background:#ffffff!important;
  border-color:#93c5fd!important;
}
.home-bottom-contact-card .small,
.home-bottom .border-light .small{
  color:#64748b!important;
  font-weight:700;
}
.home-bottom-contact-card .fw-bold,
.home-bottom .border-light .fw-bold,
.home-bottom .fw-bold{
  color:#0f172a!important;
  word-break:break-word;
}
@media(max-width:575.98px){
  .home-bottom-pastel,
  .home-bottom{padding:.9rem!important;}
  .home-bottom-icon{width:40px;height:40px;border-radius:.45rem;}
  .home-bottom-icon i{font-size:1.15rem;}
  .home-bottom-pastel h4,
  .home-bottom h4{font-size:1.05rem;}
  .home-bottom-contact-card,
  .home-bottom .border-light{padding:.65rem!important;}
}


/* ===== Visitor stats card: today / month / year / total ===== */
.visitor-stat-card {
  background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%) !important;
}

.visitor-stat-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .45rem;
  margin-top: .75rem;
}

.visitor-stat-mini {
  border: 1px solid #dbeafe;
  background: #ffffff;
  border-radius: .35rem;
  padding: .55rem .45rem;
  text-align: center;
  box-shadow: 0 .18rem .5rem rgba(15, 23, 42, .035);
}

.visitor-stat-mini .visitor-label {
  color: #64748b;
  font-size: .72rem;
  font-weight: 800;
  line-height: 1.1;
  white-space: nowrap;
}

.visitor-stat-mini .visitor-number {
  color: #0d6efd;
  font-size: 1.05rem;
  font-weight: 950;
  line-height: 1.15;
  margin-top: .22rem;
}

.visitor-sql-note {
  margin-top: .55rem;
  color: #64748b;
  font-size: .72rem;
}

@media (max-width: 575.98px) {
  .visitor-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


/* ===== Stats cards pastel badges new style ===== */
.home-stats-row {
  align-items: stretch;
}

.home-stat-card-new {
  position: relative;
  overflow: hidden;
  min-height: 138px;
  border-radius: .5rem !important;
  border: 1px solid #dbeafe !important;
  background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%) !important;
  box-shadow: 0 .45rem 1.2rem rgba(15, 23, 42, .045) !important;
}

.home-stat-card-new::after {
  content: "";
  position: absolute;
  right: -2.8rem;
  bottom: -2.8rem;
  width: 7rem;
  height: 7rem;
  border-radius: 999px;
  background: rgba(13, 110, 253, .055);
  pointer-events: none;
}

.home-stat-main {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  gap: .75rem;
}

.home-stat-icon {
  width: 46px;
  height: 46px;
  border-radius: .35rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  background: #eff6ff;
  color: #0d6efd;
  border: 1px solid #bfdbfe;
  font-size: 1.2rem;
}

.home-stat-label {
  color: #64748b;
  font-size: .86rem;
  font-weight: 800;
  line-height: 1.2;
}

.home-stat-number {
  color: #0f172a;
  font-size: 1.55rem;
  font-weight: 950;
  line-height: 1.1;
  letter-spacing: -.02em;
}

.home-stat-badge-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .45rem;
  margin-top: .85rem;
}

.home-stat-badge {
  min-height: 54px;
  border-radius: .35rem;
  padding: .45rem .35rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .12rem;
  background: #ffffff;
  border: 1px solid #dbeafe;
  box-shadow: 0 .18rem .5rem rgba(15, 23, 42, .035);
}

.home-stat-badge-label {
  color: #64748b;
  font-size: .72rem;
  font-weight: 900;
  line-height: 1.1;
  white-space: nowrap;
}

.home-stat-badge-value {
  color: #0d6efd;
  font-size: 1.05rem;
  font-weight: 950;
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}

/* pastel variations */
.home-stat-card-new.stat-products .home-stat-icon,
.home-stat-badge.badge-products {
  background: #eff6ff;
  color: #0d6efd;
  border-color: #bfdbfe;
}

.home-stat-card-new.stat-orders .home-stat-icon,
.home-stat-badge.badge-orders {
  background: #f5f3ff;
  color: #6d28d9;
  border-color: #ddd6fe;
}

.home-stat-card-new.stat-members .home-stat-icon,
.home-stat-badge.badge-members {
  background: #ecfdf5;
  color: #047857;
  border-color: #a7f3d0;
}

.home-stat-card-new.stat-visitors .home-stat-icon,
.home-stat-badge.badge-visitors {
  background: #eff6ff;
  color: #0d6efd;
  border-color: #bfdbfe;
}

.home-stat-card-new.stat-products::after { background: rgba(13, 110, 253, .06); }
.home-stat-card-new.stat-orders::after { background: rgba(109, 40, 217, .055); }
.home-stat-card-new.stat-members::after { background: rgba(4, 120, 87, .055); }
.home-stat-card-new.stat-visitors::after { background: rgba(13, 110, 253, .055); }

.home-stat-card-new.stat-orders .home-stat-number { color: #4c1d95; }
.home-stat-card-new.stat-members .home-stat-number { color: #065f46; }
.home-stat-card-new.stat-visitors .home-stat-number { color: #0f172a; }

.home-stat-note {
  position: relative;
  z-index: 1;
  margin-top: .55rem;
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  color: #64748b;
  font-size: .72rem;
  font-weight: 700;
}

@media (max-width: 575.98px) {
  .home-stat-card-new {
    min-height: auto;
    padding: .85rem !important;
  }

  .home-stat-icon {
    width: 42px;
    height: 42px;
  }

  .home-stat-number {
    font-size: 1.35rem;
  }

  .home-stat-badge-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .38rem;
  }

  .home-stat-badge {
    min-height: 48px;
  }
}


/* ===== SSKRO rounded-1 override for index.php ===== */
.home-page .card,
.home-page .section-card,
.home-page .product-card-home,
.home-page .flash-card-home,
.home-page .news-card,
.home-page .stat-card,
.home-page .home-stat-card-new,
.home-page .home-hero,
.home-page .flash-section,
.home-page .home-bottom,
.home-page .home-carousel-wrap,
.home-page .home-category-list-card,
.home-page .home-category-list .list-group-item,
.home-page .home-bottom-contact-card,
.home-page .hero-icon-card,
.home-page .flash-time-card,
.home-page .flash-countdown-card,
.home-page .home-flash-countdown-card,
.home-page .visitor-stat-mini,
.home-page .home-stat-badge,
.home-page .countdown-box,
.home-page .next-round-pill,
.home-page .category-pill {
  border-radius: .25rem !important;
}

.home-page .btn,
.home-page .badge,
.home-page .form-control,
.home-page .form-select,
.home-page .input-group-text,
.home-page .home-soft-badge,
.home-page .flash-badge,
.home-page .home-flash-badge,
.home-page .home-discount-badge,
.home-page .home-carousel-badge,
.home-page .product-card-home .badge,
.home-page .flash-card-home .badge,
.home-page .home-category-list .home-cat-icon,
.home-page .home-stat-icon,
.home-page .stat-icon,
.home-page .home-bottom-icon,
.home-page .hero-icon-card .border {
  border-radius: .25rem !important;
}

.home-page .rounded,
.home-page .rounded-2,
.home-page .rounded-3,
.home-page .rounded-4,
.home-page .rounded-5,
.home-page .rounded-pill {
  border-radius: .25rem !important;
}

.home-page img,
.home-page .product-img-home,
.home-page .product-no-img-home,
.home-page .home-carousel-img-box,
.home-page .home-carousel-no-img {
  border-radius: .25rem !important;
}

@media (max-width: 575.98px) {
  .home-page .card,
  .home-page .section-card,
  .home-page .product-card-home,
  .home-page .flash-card-home,
  .home-page .stat-card,
  .home-page .home-stat-card-new,
  .home-page .home-hero,
  .home-page .flash-section,
  .home-page .home-bottom,
  .home-page .home-carousel-wrap {
    border-radius: .25rem !important;
  }
}


/* ===== Online users badge ===== */
.home-online-pill {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  margin-top: .25rem;
  padding: .18rem .46rem;
  border-radius: .25rem;
  border: 1px solid #a7f3d0;
  background: #ecfdf5;
  color: #047857;
  font-size: .72rem;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}

.home-online-dot {
  width: .42rem;
  height: .42rem;
  border-radius: 50rem;
  display: inline-block;
  background: #22c55e;
  box-shadow: 0 0 0 .18rem rgba(34, 197, 94, .15);
}

.home-stat-badge.badge-online {
  background: #ecfdf5;
  color: #047857;
  border-color: #a7f3d0;
}

.home-stat-badge.badge-online .home-stat-badge-value {
  color: #047857;
}

@media (max-width: 575.98px) {
  .home-online-pill {
    font-size: .68rem;
    padding: .16rem .38rem;
  }
}


/* ===== Home carousel controls click fix ===== */
.home-carousel-wrap {
  position: relative;
  isolation: isolate;
}

.home-carousel-wrap .carousel,
.home-carousel-wrap .carousel-inner,
.home-carousel-wrap .carousel-item {
  position: relative;
}

.home-carousel-wrap .carousel-control-prev,
.home-carousel-wrap .carousel-control-next {
  width: 44px;
  height: 44px;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  opacity: 1;
  z-index: 20;
  pointer-events: auto;
  border-radius: .25rem;
}

.home-carousel-wrap .carousel-control-prev {
  left: .65rem;
}

.home-carousel-wrap .carousel-control-next {
  right: .65rem;
}

.home-carousel-wrap .carousel-control-prev-icon,
.home-carousel-wrap .carousel-control-next-icon {
  pointer-events: none;
  border-radius: .25rem;
}

.home-carousel-wrap .carousel-indicators {
  z-index: 21;
}

.home-carousel-content,
.home-carousel-img-box {
  position: relative;
  z-index: 1;
}

@media(max-width:575.98px){
  .home-carousel-wrap .carousel-control-prev,
  .home-carousel-wrap .carousel-control-next {
    display: inline-flex;
    width: 36px;
    height: 36px;
  }

  .home-carousel-wrap .carousel-control-prev {
    left: .45rem;
  }

  .home-carousel-wrap .carousel-control-next {
    right: .45rem;
  }

  .home-carousel-wrap .carousel-control-prev-icon,
  .home-carousel-wrap .carousel-control-next-icon {
    width: 28px;
    height: 28px;
  }
}


/* ===== Home news modal ===== */
.home-news-modal .modal-content {
  border: 1px solid #bfdbfe;
  border-radius: .25rem;
  overflow: hidden;
  box-shadow: 0 1.25rem 2.8rem rgba(15,23,42,.18);
}

.home-news-modal .modal-header {
  border-bottom: 1px solid #dbeafe;
  background: linear-gradient(135deg,#eff6ff,#ffffff);
}

.home-news-modal .modal-title {
  color: #0f172a;
  font-weight: 900;
  letter-spacing: -.015em;
}

.home-news-modal .modal-body {
  background: #ffffff;
}

.home-news-img {
  width: 100%;
  max-width: 100%;
  max-height: 360px;
  object-fit: contain;
  object-position: center;
  border-radius: .25rem;
  border: 1px solid #dbeafe;
  background: #f8fbff;
}

.home-news-icon {
  width: 42px;
  height: 42px;
  border-radius: .25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #eff6ff;
  color: #0d6efd;
  border: 1px solid #bfdbfe;
  flex: 0 0 auto;
}

.home-news-content {
  color: #475569;
  line-height: 1.75;
  font-size: .95rem;
}

.home-news-modal .btn {
  border-radius: .25rem !important;
  font-weight: 900;
}

@media (max-width: 575.98px) {
  .home-news-modal .modal-dialog {
    margin: .75rem;
  }

  .home-news-img {
    max-height: 240px;
  }

  .home-news-content {
    font-size: .9rem;
  }
}


/* ===== Home Promo Carousel pastel controls ===== */
#homePromoCarousel {
  position: relative;
}

#homePromoCarousel .carousel-inner {
  border-radius: .25rem;
}

.home-carousel-control-prev,
.home-carousel-control-next {
  width: 42px;
  height: 42px;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  opacity: 1;
  z-index: 20;
  border-radius: .25rem;
  pointer-events: auto;
}

.home-carousel-control-prev {
  left: .75rem;
}

.home-carousel-control-next {
  right: .75rem;
}

.home-carousel-control-prev .carousel-control-prev-icon,
.home-carousel-control-next .carousel-control-next-icon {
  width: 34px;
  height: 34px;
  border-radius: .25rem;
  background-color: #eff6ff;
  background-size: 58% 58%;
  border: 1px solid #bfdbfe;
  box-shadow: 0 .32rem .9rem rgba(13,110,253,.14);
  filter: none;
}

.home-carousel-control-prev .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230d6efd'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.home-carousel-control-next .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230d6efd'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.home-carousel-control-prev:hover .carousel-control-prev-icon,
.home-carousel-control-next:hover .carousel-control-next-icon,
.home-carousel-control-prev:focus .carousel-control-prev-icon,
.home-carousel-control-next:focus .carousel-control-next-icon {
  background-color: #dbeafe;
  border-color: #93c5fd;
  box-shadow: 0 .42rem 1rem rgba(13,110,253,.18);
}

.home-carousel-control-prev:focus,
.home-carousel-control-next:focus {
  outline: none;
}

.home-carousel-control-prev:focus-visible .carousel-control-prev-icon,
.home-carousel-control-next:focus-visible .carousel-control-next-icon {
  outline: 3px solid rgba(13,110,253,.18);
  outline-offset: 2px;
}

@media (max-width: 575.98px) {
  .home-carousel-control-prev,
  .home-carousel-control-next {
    width: 38px;
    height: 38px;
  }

  .home-carousel-control-prev {
    left: .45rem;
  }

  .home-carousel-control-next {
    right: .45rem;
  }

  .home-carousel-control-prev .carousel-control-prev-icon,
  .home-carousel-control-next .carousel-control-next-icon {
    width: 30px;
    height: 30px;
  }
}