/* ============================================================
   DISCOUNT PAGE — discount.css  v2 (redesigned 2026-06)
   Loaded globally by artfolio_assets(). All rules prefixed
   to avoid bleed. dc-card section preserved unchanged.
   ============================================================ */


/* ── HERO — compact secondary page hero ── */
.disc-hero {
  padding-top: calc(var(--header-h, 80px) + 52px);
  padding-bottom: 52px;
  position: relative;
  overflow: hidden;
}

/* Subtle green glow at the bottom of hero */
.disc-hero::before {
  content: '';
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 900px;
  height: 200px;
  background: radial-gradient(ellipse at center, rgba(153,238,45,.07) 0%, transparent 70%);
  pointer-events: none;
}

.disc-hero__content {
  max-width: 740px;
  position: relative;
  z-index: 1;
}

/* Gradient text heading */
.disc-hero__heading {
  font-family: var(--font-display);
  font-size: clamp(52px, 7.5vw, 96px);
  line-height: 0.9;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  background: linear-gradient(135deg, #ffffff 0%, #e2f5c4 45%, var(--c-green) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: 20px;
}

.disc-hero__desc {
  font-size: 15px;
  color: rgba(255,255,255,0.42);
  line-height: 1.72;
  max-width: 520px;
}


/* ── DEAL OF THE DAY — section label row ── */
.dotd-section {
  position: relative;
}

.dotd-section__label {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 40px 0 18px;
}

.dotd-section__pulse {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--c-green);
  animation: dotd-pulse 2s ease-in-out infinite;
  flex-shrink: 0;
}

@keyframes dotd-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%       { opacity: .4; transform: scale(.65); }
}

.dotd-section__title-text {
  font-family: var(--font-display);
  font-size: 13px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--c-green);
}


/* ── FEATURED DEAL — big asymmetric promo block ── */
.featured-deal {
  background: #0d0d0d;
  border: 1px solid rgba(153,238,45,.10);
  border-left: 3px solid var(--c-green);
  position: relative;
  overflow: hidden;
}

/* Dot-grid noise overlay */
.featured-deal::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255,255,255,.048) 1px, transparent 1px);
  background-size: 28px 28px;
  pointer-events: none;
  z-index: 0;
}

/* Watermark text */
.featured-deal-watermark {
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  font-family: var(--font-display);
  font-size: clamp(72px, 13vw, 156px);
  color: rgba(153,238,45,.04);
  letter-spacing: .06em;
  pointer-events: none;
  white-space: nowrap;
  z-index: 0;
  line-height: 1;
  user-select: none;
}

/* Inner flex: image LEFT, info RIGHT */
.featured-deal__inner {
  display: flex;
  align-items: center;
  min-height: 380px;
  position: relative;
  z-index: 1;
}

/* ── Image column (left, ~52%) ── */
.featured-deal__img-col {
  flex: 0 0 52%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 56px 32px;
  align-self: stretch;
}

/* Radial glow behind weapon */
.featured-deal__img-glow {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 75% 65% at 50% 55%, rgba(153,238,45,.12) 0%, transparent 68%);
  pointer-events: none;
}

/* Discount badge over image */
.featured-deal__disc-badge {
  position: absolute;
  top: 20px;
  right: 16px;
  font-family: var(--font-display);
  font-size: 28px;
  border-radius: 999px;
  letter-spacing: .04em;
  color: var(--c-green);
  background: rgba(153,238,45,.08);
  border: 1px solid rgba(153,238,45,.28);
  padding: 6px 16px 3px 16px;
  line-height: 1;
  z-index: 4;
  transition: background .2s;
}

.featured-deal__img-col:hover .featured-deal__disc-badge {
  background: rgba(153,238,45,.14);
}

.featured-deal__img {
  width: 100%;
  max-width: 360px;
  object-fit: contain;
  position: relative;
  z-index: 1;
  filter: drop-shadow(0 12px 52px rgba(153,238,45,.2));
  animation: float-weapon 4s ease-in-out infinite;
  will-change: transform, filter;
}

@keyframes float-weapon {
  0%, 100% { transform: translateY(0) rotate(-4deg); }
  50%       { transform: translateY(-14px) rotate(-4deg); }
}

.featured-deal__img-col:hover .featured-deal__img {
  filter: drop-shadow(0 16px 72px rgba(153,238,45,.36));
}


/* ── Info column (right) ── */
.featured-deal__info-col {
  flex: 1;
  padding: 56px 48px 56px 40px;
  position: relative;
  z-index: 1;
}

/* Vertical separator between image and info */
.featured-deal__info-col::before {
  content: '';
  position: absolute;
  left: 0;
  top: 12%;
  bottom: 12%;
  width: 1px;
  background: linear-gradient(180deg, transparent 0%, rgba(153,238,45,.18) 40%, rgba(153,238,45,.18) 60%, transparent 100%);
}

.featured-deal__name {
  font-family: var(--font-display);
  font-size: clamp(44px, 5vw, 80px);
  line-height: .92;
  letter-spacing: .02em;
  color: var(--c-white);
  margin-bottom: 6px;
  text-transform: uppercase;
}

.featured-deal__skin {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(255,255,255,.32);
  margin-bottom: 28px;
}

/* Detail pills (exterior / rarity) */
.featured-deal__details {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 24px;
}

.featured-deal__detail-pill {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .09em;
  text-transform: uppercase;
  padding: 4px 10px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.32);
}

/* Price block */
.featured-deal__price-block {
  margin-bottom: 36px;
}

.featured-deal__old {
  display: block;
  font-size: 16px;
  color: rgba(255,255,255,.28);
  text-decoration: line-through;
  margin-bottom: 4px;
  font-family: var(--font-body);
}

.featured-deal__new {
  display: block;
  font-family: var(--font-display);
  font-size: clamp(60px, 7vw, 96px);
  color: var(--c-green);
  letter-spacing: .02em;
  line-height: 1;
}

/* CTA row */
.featured-deal__cta {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

/* Ghost secondary button */
.featured-deal__ghost-btn {
  height: 50px;
  padding: 0 28px;
  background: transparent;
  border: 1px solid rgba(153,238,45,.22);
  color: rgba(255,255,255,.55);
  font-family: var(--font-display);
  font-size: 20px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  clip-path: var(--clip-sm);
  transition: border-color .2s, color .2s, background .2s;
}

.featured-deal__ghost-btn:hover {
  border-color: rgba(153,238,45,.4);
  color: var(--c-green);
  background: rgba(153,238,45,.05);
}

/* Legacy: keep .featured-deal__wish selector working for JS hooks */
.featured-deal__wish {
  height: 50px;
  padding: 0 20px;
  background: transparent;
  border: 1px solid rgba(255,255,255,.14);
  color: rgba(255,255,255,.55);
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  transition: border-color .2s, color .2s, background .2s;
  white-space: nowrap;
}

.featured-deal__wish:hover {
  border-color: rgba(153,238,45,.3);
  color: var(--c-green);
  background: rgba(153,238,45,.04);
}


/* ── CONTROLS — sticky filter bar ── */
.disc-controls {
  border-bottom: 1px solid rgba(255,255,255,.05);
  border-top: 1px solid rgba(153,238,45,.07);
  position: sticky;
  top: var(--header-h, 80px);
  z-index: 50;
  background: rgba(10,10,10,.97);
  backdrop-filter: blur(14px);
}

.disc-controls__inner {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  flex-wrap: wrap;
}

/* Filter chips */
.disc-filters {
  display: flex;
  gap: 6px;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
  flex: 1;
}
.disc-filters::-webkit-scrollbar { display: none; }

.disc-chip {
  flex-shrink: 0;
  height: 34px;
  padding: 0 16px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.48);
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all .2s;
  white-space: nowrap;
  letter-spacing: .03em;
}

.disc-chip:hover {
  background: rgba(153,238,45,.06);
  border-color: rgba(153,238,45,.22);
  color: var(--c-white);
}

.disc-chip--active {
  background: rgba(153,238,45,.1);
  border-color: rgba(153,238,45,.32);
  color: var(--c-green);
}

/* Sort */
.disc-sort {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.disc-sort__label {
  font-size: 11px;
  color: rgba(255,255,255,.28);
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.disc-sort__select {
  height: 34px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  color: var(--c-white);
  font-family: var(--font-body);
  font-size: 12px;
  padding: 0 28px 0 10px;
  cursor: pointer;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.3)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 6px center;
  background-size: 14px;
  min-width: 160px;
  transition: border-color .2s;
}

.disc-sort__select:focus { border-color: rgba(153,238,45,.38); }
.disc-sort__select option { background: #1a1a1a; }

.disc-controls__count {
  font-size: 11px;
  color: rgba(255,255,255,.28);
  white-space: nowrap;
  flex-shrink: 0;
  letter-spacing: .06em;
  text-transform: uppercase;
}


/* ── ALL DEALS SECTION ── */
.disc-section {
  padding-top: 40px;
  padding-bottom: 20px;
}

.disc-section__header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 24px;
}

.disc-section__title {
  font-family: var(--font-display);
  font-size: 32px;
  letter-spacing: .04em;
  text-transform: uppercase;
}

/* No-products fallback */
.disc-empty {
  grid-column: 1 / -1;
  text-align: center;
  padding: 40px 0;
  font-size: 15px;
  color: rgba(255,255,255,.3);
}


/* ── PRODUCT GRID ── */
.disc-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  transition: opacity .25s ease;
}

.disc-grid--loading {
  opacity: .4;
  pointer-events: none;
}


/* ══════════════════════════════════════════════════════════
   DISCOUNT CARD — dc-card (PRESERVED UNCHANGED)
   275px wide, border-radius 32px, dark gradient bg,
   inner white gloss shadows, circular action buttons,
   rarity glow preserved via product-card__img-wrap::before
══════════════════════════════════════════════════════════ */

/* ── Card shell ── */
.dc-card {
  border-radius: 32px !important;
  padding: 0 !important;
  background: linear-gradient(135deg, #030401 0%, #17170B 100%) !important;
  box-shadow:
    inset 0 12px 31px -1px rgba(255,255,255,.20),
    inset 0 2.75px 7px -.67px rgba(255,255,255,.44) !important;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* Disable old gradient-border ::before trick */
.dc-card::before {
  display: none !important;
}

/* Override all rarity gradient backgrounds — keep only hover glow */
.dc-card.card-bg--rare,
.dc-card.card-bg--ancient,
.dc-card.card-bg--legendary,
.dc-card.card-bg--common,
.dc-card.card-bg--uncommon,
.dc-card.card-bg--exceedingly,
.dc-card.card-bg--immortal {
  background: linear-gradient(135deg, #030401 0%, #17170B 100%) !important;
}

/* Rarity hover glows — restore since ::before is gone */
.dc-card.card-bg--rare:hover       { box-shadow: inset 0 12px 31px -1px rgba(255,255,255,.20), inset 0 2.75px 7px -.67px rgba(255,255,255,.44), 0 8px 40px rgba(75,105,255,.35) !important; }
.dc-card.card-bg--ancient:hover    { box-shadow: inset 0 12px 31px -1px rgba(255,255,255,.20), inset 0 2.75px 7px -.67px rgba(255,255,255,.44), 0 8px 40px rgba(235,75,75,.35) !important; }
.dc-card.card-bg--legendary:hover  { box-shadow: inset 0 12px 31px -1px rgba(255,255,255,.20), inset 0 2.75px 7px -.67px rgba(255,255,255,.44), 0 8px 40px rgba(136,71,255,.35) !important; }
.dc-card.card-bg--common:hover     { box-shadow: inset 0 12px 31px -1px rgba(255,255,255,.20), inset 0 2.75px 7px -.67px rgba(255,255,255,.44), 0 8px 40px rgba(176,195,217,.25) !important; }
.dc-card.card-bg--uncommon:hover   { box-shadow: inset 0 12px 31px -1px rgba(255,255,255,.20), inset 0 2.75px 7px -.67px rgba(255,255,255,.44), 0 8px 40px rgba(94,152,217,.35) !important; }
.dc-card.card-bg--exceedingly:hover{ box-shadow: inset 0 12px 31px -1px rgba(255,255,255,.20), inset 0 2.75px 7px -.67px rgba(255,255,255,.44), 0 8px 40px rgba(211,44,230,.35) !important; }
.dc-card.card-bg--immortal:hover   { box-shadow: inset 0 12px 31px -1px rgba(255,255,255,.20), inset 0 2.75px 7px -.67px rgba(255,255,255,.44), 0 8px 40px rgba(228,174,57,.35) !important; }

/* ── Image area (top section of card) ── */
.dc-img-area {
  position: relative;
  height: 140px;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 26px 26px 0 0;
}

/* Product image wrap fills the image area */
.dc-card .product-card__img-wrap {
  position: absolute !important;
  inset: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 20px !important;
  border-radius: 0 !important;
}

/* Image itself */
.dc-card .product-card__img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

/* ── Circular action buttons ── */
.dc-btn {
  position: absolute;
  top: 10px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(3, 4, 1, .65);
  border: 1px solid rgba(255,255,255,.26);
  box-shadow: -2.78px 0 11px rgba(0,0,0,.25);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 4;
  transition: background .2s ease;
  padding: 0;
}

.dc-btn--wish {
  left: 10px;
  color: #fff;
}

.dc-btn--cart {
  right: 10px;
  color: var(--c-green, #99ee2d);
}

.dc-btn:hover {
  background: rgba(0,0,0,.85);
}

/* ── Info bar (bottom of card) ── */
.dc-info {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 12px 16px 16px;
  gap: 8px;
  flex: 1;
}

.dc-info__left {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  flex: 1;
}

/* Weapon name + discount badge row */
.dc-name-row {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap;
}

.dc-weapon-name {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  letter-spacing: 0;
  line-height: 1;
  white-space: nowrap;
}

/* Red circular discount badge */
.dc-pct-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 29px;
  height: 22px;
  padding: 0 5px;
  border-radius: 11px;
  background: #EB4B4B;
  border: 1px solid rgba(255,255,255,.26);
  box-shadow: -2.78px 0 11px rgba(0,0,0,.25);
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 10px;
  font-weight: 800;
  color: #fff;
  letter-spacing: -.04em;
  line-height: 1;
  flex-shrink: 0;
}

/* Skin name / exterior subtitle */
.dc-exterior {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 12px;
  font-weight: 500;
  color: #999;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Prices column (right side) */
.dc-info__right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 3px;
  flex-shrink: 0;
}

.dc-old-price {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 12px;
  font-weight: 400;
  color: #F6F4F9;
  opacity: .5;
  text-decoration: line-through;
  letter-spacing: -.02em;
  line-height: 1;
}

/* WooCommerce wraps price in spans — make sure decoration propagates */
.dc-old-price .woocommerce-Price-amount {
  text-decoration: line-through;
}

.dc-new-price {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 14px;
  font-weight: 600;
  color: #F6F4F9;
  letter-spacing: -.02em;
  line-height: 1;
}


/* ── PAGINATION ── */
.disc-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 28px 0 60px;
  flex-wrap: wrap;
}

.disc-page-btn {
  width: 40px;
  height: 40px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.1);
  color: rgba(255,255,255,.6);
  font-family: var(--font-display);
  font-size: 17px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  clip-path: var(--clip-sm);
  transition: background .2s, border-color .2s, color .2s;
  line-height: 1;
}

.disc-page-btn:hover {
  background: rgba(153,238,45,.08);
  border-color: rgba(153,238,45,.25);
  color: var(--c-white);
}

.disc-page-btn--active {
  background: rgba(153,238,45,.12);
  border-color: rgba(153,238,45,.4);
  color: var(--c-green);
}

.disc-page-btn--dots {
  background: transparent;
  border-color: transparent;
  cursor: default;
  color: rgba(255,255,255,.25);
  font-size: 18px;
  clip-path: none;
}

.disc-page-btn--dots:hover {
  background: transparent;
  border-color: transparent;
  color: rgba(255,255,255,.25);
}

.disc-page-btn--prev,
.disc-page-btn--next { font-size: 22px; }


/* ── FLASH DEALS SECTION ── */
.flash-deals {
  background: #0d0d0d;
  border-top: 1px solid rgba(153,238,45,.1);
  padding: 56px 0 60px;
  position: relative;
  overflow: hidden;
}

/* Top glow */
.flash-deals::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 700px;
  height: 120px;
  background: radial-gradient(ellipse at top center, rgba(153,238,45,.06) 0%, transparent 70%);
  pointer-events: none;
}

.flash-deals__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 28px;
  flex-wrap: wrap;
  gap: 16px;
}

.flash-deals__title-group {
  display: flex;
  align-items: baseline;
  gap: 14px;
}

.flash-deals__title {
  font-family: var(--font-display);
  font-size: 36px;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--c-white);
}

.flash-deals__subtitle {
  font-size: 13px;
  color: rgba(255,255,255,.36);
  letter-spacing: .04em;
}

/* Section-level countdown */
.flash-deals__countdown {
  display: flex;
  align-items: center;
  gap: 10px;
}

.flash-deals__countdown-label {
  font-size: 11px;
  color: rgba(255,255,255,.35);
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.flash-deals__timer-display {
  display: flex;
  gap: 4px;
  align-items: center;
}

.flash-deals__timer-unit {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1px;
}

.flash-deals__timer-num {
  font-family: var(--font-display);
  font-size: 26px;
  letter-spacing: .06em;
  color: var(--c-green);
  line-height: 1;
  min-width: 2ch;
  text-align: center;
}

.flash-deals__timer-sep {
  font-family: var(--font-display);
  font-size: 22px;
  color: rgba(153,238,45,.4);
  align-self: flex-start;
  padding-top: 2px;
}

.flash-deals__timer-label {
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: rgba(255,255,255,.28);
}


/* ── FLASH STRIP — horizontal scroll of dc-cards ── */
.flash-strip {
  display: flex;
  gap: 14px;
  overflow-x: auto;
  padding-bottom: 16px;
  scrollbar-width: none;
  -ms-overflow-style: none;
  cursor: grab;
  user-select: none;
}

.flash-strip::-webkit-scrollbar { display: none; }
.flash-strip:active { cursor: grabbing; }

/* dc-cards inside flash strip: fixed width so they scroll */
.flash-strip .dc-card {
  flex: 0 0 220px;
  width: 220px;
  cursor: pointer;
}

/* Reduce image area height slightly for compact strip feel */
.flash-strip .dc-img-area {
  height: 120px;
}


/* ── RESPONSIVE ── */
@media (max-width: 1200px) {
  .disc-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 1024px) {
  .featured-deal__img-col { flex: 0 0 48%; }
  .disc-grid               { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 768px) {
  .disc-hero {
    padding-top: calc(var(--header-h, 80px) + 36px);
    padding-bottom: 40px;
  }

  .disc-hero__heading { font-size: clamp(44px, 13vw, 68px); }

  .featured-deal__inner {
    flex-direction: column;
    min-height: auto;
  }

  .featured-deal__img-col {
    flex: 0 0 auto;
    width: 100%;
    padding: 48px 24px 32px;
    order: -1;
  }

  .featured-deal__img      { max-width: 240px; }
  .featured-deal__disc-badge { top: 16px; right: 12px; font-size: 22px; }

  .featured-deal__info-col {
    width: 100%;
    padding: 0 28px 48px;
  }

  .featured-deal__info-col::before { display: none; }

  .featured-deal__name { font-size: clamp(40px, 12vw, 64px); }
  .featured-deal__new  { font-size: clamp(52px, 13vw, 76px); }

  .featured-deal__cta { width: 100%; }
  .featured-deal__cta .btn--green         { flex: 1; justify-content: center; }
  .featured-deal__ghost-btn               { flex: 1; justify-content: center; }

  .disc-controls__inner { gap: 10px; }
  .disc-controls__count { display: none; }

  .disc-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }

  .flash-deals__countdown { display: none; }
  .flash-strip .dc-card   { flex: 0 0 190px; width: 190px; }
}

@media (max-width: 480px) {
  .disc-grid   { gap: 8px; }
  .disc-chip   { padding: 0 12px; font-size: 12px; }

  .dc-img-area     { height: 120px; }
  .dc-info         { padding: 10px 12px 12px; }
  .dc-weapon-name  { font-size: 14px; }
  .dc-new-price    { font-size: 13px; }

  .flash-strip .dc-card   { flex: 0 0 170px; width: 170px; }
  .flash-strip .dc-img-area { height: 100px; }

  .disc-sort          { order: 1; width: 100%; }
  .disc-sort__select  { min-width: unset; width: 100%; }
}


/* ════════════════════════════════════════════════════════════
   LAYOUT REBUILD — discount page (body.page-id-65), CSS-only
   Re-orders the widget's top-level sections and flips the featured
   deal so the page reads completely differently. Markup untouched.
   DOM order:  Hero → Featured → Controls → Grid → Flash
   New flow:   Hero → Flash Deals → Featured Deal → Controls → Grid
════════════════════════════════════════════════════════════ */
body.page-id-65 .elementor-widget-discounts_page_widget > .elementor-widget-container {
  display: flex;
  flex-direction: column;
}

body.page-id-65 .disc-hero     { order: 1; }
body.page-id-65 .flash-deals   { order: 2; }
body.page-id-65 .featured-deal { order: 3; }
body.page-id-65 .disc-controls { order: 4; }
body.page-id-65 .disc-section  { order: 5; }

/* Hero centered (was left-aligned) */
body.page-id-65 .disc-hero__content {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

body.page-id-65 .disc-hero__desc {
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
}

/* Featured deal: image RIGHT / info LEFT (was image left) — desktop only,
   so the mobile stacked layout (column, image on top) is preserved. */
@media (min-width: 769px) {
  body.page-id-65 .featured-deal__inner { flex-direction: row-reverse; }
  body.page-id-65 .featured-deal {
    border-left: none;
    border-right: 3px solid var(--c-green);
  }
}


/* ════════════════════════════════════════════════════════════
   FRONT-PAGE STYLE — round all UI on discount page (body.page-id-65)
   Accent #cde738, pill chips / sort / pagination, glossy active states.
════════════════════════════════════════════════════════════ */

/* Remap accent to the front-page colour everywhere on this page */
body.page-id-65 {
  --c-green: #cde738;
  --c-green-light: #d9f04b;
}

/* Filter chips → pills */
body.page-id-65 .disc-chip {
  border-radius: 999px;
  height: 38px;
  padding: 0 18px;
}

body.page-id-65 .disc-chip:hover {
  background: rgba(205, 231, 56, .08);
  border-color: rgba(205, 231, 56, .28);
}

body.page-id-65 .disc-chip--active {
  background: var(--c-green);
  border-color: var(--c-green);
  color: #0c1202;
  box-shadow: inset 0 6px 14px -2px rgba(255, 255, 255, .5);
}

/* Sort select → pill */
body.page-id-65 .disc-sort__select {
  border-radius: 999px;
  height: 38px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cde738' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-position: right 12px center;
}

body.page-id-65 .disc-sort__select:focus {
  border-color: rgba(205, 231, 56, .5);
  box-shadow: 0 0 0 3px rgba(205, 231, 56, .1);
}

/* Sticky controls bar → rounded pill bar */
body.page-id-65 .disc-controls__inner {
  border-radius: 999px;
  background: rgba(255, 255, 255, .03);
  border: 1px solid rgba(255, 255, 255, .06);
  padding-inline: 16px;
  margin-block: 14px;
}

/* Pagination → round buttons, accent active */
body.page-id-65 .disc-page-btn {
  clip-path: none !important;
  border-radius: 999px;
  width: 42px;
  height: 42px;
}

body.page-id-65 .disc-page-btn:hover {
  background: rgba(205, 231, 56, .08);
  border-color: rgba(205, 231, 56, .3);
}

body.page-id-65 .disc-page-btn--active {
  background: var(--c-green);
  border-color: var(--c-green);
  color: #0c1202;
  box-shadow: inset 0 6px 14px -2px rgba(255, 255, 255, .5);
}

body.page-id-65 .disc-page-btn--dots { border-radius: 0; box-shadow: none; }

/* Featured-deal buttons → pills */
body.page-id-65 .featured-deal__cta .btn--green,
body.page-id-65 .featured-deal__ghost-btn,
body.page-id-65 .featured-deal__wish {
  clip-path: none !important;
  border-radius: 999px !important;
}

body.page-id-65 .featured-deal__cta .btn--green {
  box-shadow: inset 0 6px 14px -2px rgba(255, 255, 255, .5);
}