/* Focused V2 presentation for /flash-deals. */
.flash-deals-v2 {
  --flash-accent: #f97316;
  --flash-border: rgba(255, 255, 255, .1);
  --flash-muted: #a7a7b2;
}

.flash-deals-v2 .flash-head {
  max-width: 1180px;
  margin-top: 18px;
  padding: 24px 28px 22px;
  border: 1px solid rgba(249, 115, 22, .22);
  border-radius: 18px;
  background: linear-gradient(118deg, rgba(249, 115, 22, .11), rgba(17, 17, 24, .94) 52%, #0c0c12);
}

.flash-deals-v2 .flash-head .breadcrumb { margin-bottom: 22px; }
.flash-deals-v2 .flash-head .eyebrow { display: inline-block; color: var(--flash-accent); font-size: .78rem; font-weight: 800; }
.flash-deals-v2 .flash-head h1 { margin: 5px 0 6px; font-size: clamp(1.85rem, 4vw, 2.8rem); line-height: 1.2; }
.flash-deals-v2 .flash-head p { max-width: 680px; margin: 0; color: var(--flash-muted); line-height: 1.85; }
.flash-deals-v2 .flash-catalog { padding-block: 20px 64px; }

.flash-deals-v2 .flash-filters {
  display: grid;
  grid-template-columns: minmax(220px, 2fr) repeat(4, minmax(120px, 1fr)) auto;
  align-items: end;
  gap: 12px;
  margin-bottom: 22px;
  padding: 16px;
  border: 1px solid var(--flash-border);
  border-radius: 16px;
  background: rgba(16, 16, 21, .8);
}

.flash-deals-v2 .flash-filters label { display: grid; min-width: 0; gap: 6px; color: var(--flash-muted); font-size: .78rem; font-weight: 600; }
.flash-deals-v2 .flash-filters input, .flash-deals-v2 .flash-filters select { width: 100%; min-height: 44px; min-width: 0; }
.flash-deals-v2 .flash-filters .button { min-width: 92px; min-height: 44px; white-space: nowrap; }

.flash-deals-v2 .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.flash-deals-v2 .product-grid:has(> .product-card:only-child) { grid-template-columns: minmax(0, 360px); justify-content: center; }
.flash-deals-v2 .product-card { min-width: 0; border-color: var(--flash-border); border-radius: 15px; background: linear-gradient(160deg, rgba(22, 22, 30, .98), rgba(13, 13, 18, .98)); }
.flash-deals-v2 .product-image { aspect-ratio: 16 / 10; }
.flash-deals-v2 .product-image img { width: 100%; height: 100%; }
.flash-deals-v2 .product-body { min-width: 0; gap: 7px; padding: 13px; }
.flash-deals-v2 .product-kind, .flash-deals-v2 .card-details { min-width: 0; color: var(--flash-muted); font-size: .68rem; line-height: 1.6; overflow-wrap: anywhere; }
.flash-deals-v2 .product-card h3 { display: block; flex: 0 0 auto; min-width: 0; min-height: 0; height: auto; margin: 2px 0 3px; font-size: .9rem; line-height: 1.55; overflow: visible; -webkit-line-clamp: unset; line-clamp: unset; }
.flash-deals-v2 .product-card h3 a { display: block; min-height: 0; overflow: visible; overflow-wrap: anywhere; -webkit-line-clamp: unset; line-clamp: unset; }
.flash-deals-v2 .price-row { margin-top: auto; gap: 6px; }
.flash-deals-v2 .price-row strong { font-size: 1rem; overflow-wrap: anywhere; }
.flash-deals-v2 .price-row del { font-size: .74rem; }
.flash-deals-v2 .flash-card-status { min-height: 1.7em; color: #ffad73; font-size: .72rem; line-height: 1.55; overflow-wrap: anywhere; }
.flash-deals-v2 .flash-card-status time { direction: ltr; display: inline-block; white-space: nowrap; }
.flash-deals-v2 .card-discount { max-width: calc(100% - 12px); overflow-wrap: anywhere; }
.flash-deals-v2 .product-card .button-small { width: 100%; min-height: 42px; margin-top: 8px; padding: 8px 10px; font-size: .76rem; }
.flash-deals-v2 .empty-state { padding: 52px 20px; border-radius: 16px; }
.flash-deals-v2 .empty-state h2 { margin-top: 0; line-height: 1.45; }
.flash-deals-v2 .empty-state p { max-width: 560px; margin-inline: auto; line-height: 1.85; }

.flash-deals-v2 :where(a, button, input, select):focus-visible { outline: 3px solid rgba(249, 115, 22, .85); outline-offset: 3px; }
.flash-deals-v2 :where(button:disabled, input:disabled, select:disabled) { cursor: not-allowed; opacity: .55; }

@media (min-width: 901px) {
  .flash-deals-v2 .product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
  .flash-deals-v2 .product-grid:has(> .product-card:only-child) { grid-template-columns: minmax(0, 360px); }
  .flash-deals-v2 .product-body { padding: 15px; }
  .flash-deals-v2 .product-card h3 { font-size: .96rem; }
}

@media (max-width: 1100px) {
  .flash-deals-v2 .flash-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .flash-deals-v2 .flash-filters label:first-child { grid-column: span 2; }
}

@media (max-width: 700px) {
  .flash-deals-v2 .flash-head { margin-top: 12px; padding: 20px 18px 18px; }
  .flash-deals-v2 .flash-head .breadcrumb { margin-bottom: 18px; }
  .flash-deals-v2 .flash-catalog { padding-top: 14px; }
  .flash-deals-v2 .flash-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 12px; }
  .flash-deals-v2 .flash-filters label:first-child { grid-column: 1 / -1; }
  .flash-deals-v2 .flash-filters .button { width: 100%; }
}

@media (max-width: 420px) {
  .flash-deals-v2 .flash-head h1 { font-size: 1.72rem; }
  .flash-deals-v2 .flash-head p { font-size: .84rem; }
  .flash-deals-v2 .product-grid { gap: 9px; }
  .flash-deals-v2 .product-grid:has(> .product-card:only-child) { grid-template-columns: minmax(0, 320px); }
  .flash-deals-v2 .product-body { padding: 10px; }
  .flash-deals-v2 .product-card h3 { font-size: .82rem; }
  .flash-deals-v2 .price-row strong { font-size: .88rem; }
  .flash-deals-v2 .product-card .button-small { min-height: 40px; font-size: .68rem; }
}

@media (prefers-reduced-motion: reduce) { .flash-deals-v2 .product-card { transition: none; } }
