/* Mobile overflow fixes - добавя се СЛЕД компилирания Tailwind CSS */

/* Глобална защита: нищо не може да разпъне страницата хоризонтално.
   clip (не hidden), за да не се чупи position: sticky. */
html,
body {
  overflow-x: clip;
}

section {
  overflow-x: clip;
}

/* Announcement marquee: анимираната лента е w-max (2000px+) и трябва да се клипва */
div:has(> .animate-marquee) {
  overflow: clip;
}

/* Херо грида: на мобилно единствената колона се разпъваше от thumbnail лентата
   (min-content 480px > 375px viewport). minmax(0,1fr) заковава колоната към
   ширината на контейнера. САМО под lg (1024px) - иначе по специфичност
   (.container.grid = 2 класа) би убило двуколонния десктоп лейаут
   (lg:grid-cols-[...] = 1 клас). */
@media (max-width: 1023.98px) {
  .container.grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.container.grid > * {
  min-width: 0;
}

/* Thumbnail лентата скролва вътрешно, не разпъва колоната */
[role="tablist"] {
  max-width: 100%;
}

/* ===== Delivery timeline банер ===== */
.dt-wrap { margin: 4px 0 20px; }
.dt-steps { position: relative; display: flex; justify-content: space-between; align-items: flex-start; max-width: 460px; }
.dt-track { position: absolute; top: 26px; left: 26px; right: 26px; height: 3px; background: #0B1220; border-radius: 2px; }
.dt-step { position: relative; display: flex; flex-direction: column; align-items: center; gap: 2px; flex: 1; min-width: 0; padding: 0 6px; }
.dt-br { display: none; }
.dt-icon { width: 52px; height: 52px; border-radius: 999px; background: #0B1220; color: #F8FAFC; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 8px; position: relative; z-index: 1; box-shadow: 0 0 0 4px #fff; }
.dt-icon svg { width: 24px; height: 24px; }
.dt-date { font-weight: 800; color: #0B1220; font-size: 14px; text-align: center; line-height: 1.25; }
.dt-label { font-size: 13.5px; color: #334155; text-align: center; }
@media (max-width: 560px) {
  .dt-br { display: inline; }
  .dt-icon { width: 44px; height: 44px; }
  .dt-icon svg { width: 20px; height: 20px; }
  .dt-track { top: 22px; left: 22px; right: 22px; }
  .dt-date { font-size: 12.5px; }
  .dt-label { font-size: 12px; }
}

/* ===== AliExpress-style ревю секция ===== */
.rv-head { display:flex; align-items:center; flex-wrap:wrap; gap:10px 14px; margin-bottom:18px; }
.rv-title { font-size:30px; font-weight:800; color:#0B1220; letter-spacing:-.01em; }
.rv-sep { color:#CBD5E1; font-size:26px; font-weight:300; }
.rv-avg { font-size:30px; font-weight:800; color:#0B1220; font-variant-numeric:tabular-nums; }
.rv-stars { display:inline-flex; gap:2px; }
.rv-count { font-size:16px; color:#334155; font-weight:500; }
.rv-verified { color:#15803D; font-weight:700; font-size:15px; }
.rv-bars { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:8px 22px; max-width:760px; margin-bottom:18px; }
.rv-bar { display:flex; align-items:center; gap:8px; background:none; padding:4px 0; cursor:pointer; }
.rv-bar:hover .rv-bar-label { color:#0B1220; }
.rv-bar-label { font-size:13px; font-weight:600; color:#64748B; width:24px; text-align:left; }
.rv-bar-track { flex:1; height:6px; border-radius:999px; background:#E2E8F0; overflow:hidden; }
.rv-bar-fill { display:block; height:100%; background:#0B1220; border-radius:999px; }
.rv-bar-num { font-size:12px; color:#64748B; min-width:26px; text-align:right; font-variant-numeric:tabular-nums; }
.rv-filters { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; align-items:center; }
.rv-chip { display:inline-flex; align-items:center; gap:6px; min-height:42px; padding:0 15px; border-radius:10px; background:#F1F5F9; border:1px solid transparent; font-size:14px; font-weight:600; color:#0B1220; cursor:pointer; transition:all .15s; }
.rv-chip:hover { background:#E2E8F0; }
.rv-chip.on { background:#0B1220; color:#fff; }
.rv-select { appearance:auto; background:#F1F5F9; }
.rv-search { min-height:42px; border:1px solid #E2E8F0; border-radius:10px; padding:0 14px; font-size:14px; background:#fff; flex:1; min-width:170px; max-width:250px; }
.rv-search:focus { outline:2px solid #38BDF8; outline-offset:-1px; }
.rv-status { font-size:13px; color:#64748B; margin-bottom:12px; }
#rv-list { display:flex; flex-direction:column; gap:12px; }
.rv-card { background:#fff; border:1px solid #E2E8F0; border-radius:14px; padding:18px 20px; }
.rv-card-top { display:flex; align-items:center; gap:10px; margin-bottom:8px; flex-wrap:wrap; }
.rv-ava { width:36px; height:36px; border-radius:999px; background:#0B1220; color:#fff; display:inline-flex; align-items:center; justify-content:center; font-weight:700; font-size:15px; flex-shrink:0; }
.rv-who { display:flex; flex-direction:column; }
.rv-name { font-weight:700; color:#0B1220; font-size:14px; }
.rv-geo { font-size:12.5px; color:#64748B; }
.rv-date { margin-left:auto; font-size:12.5px; color:#94A3B8; white-space:nowrap; }
.rv-text { color:#334155; line-height:1.55; font-size:14.5px; margin:6px 0 10px; }
.rv-thumbs { display:flex; flex-wrap:wrap; gap:8px; }
.rv-thumbs img { width:76px; height:76px; object-fit:cover; border-radius:10px; border:1px solid #E2E8F0; cursor:zoom-in; transition:transform .12s; }
.rv-thumbs img:hover { transform:scale(1.04); }
.rv-more-wrap { text-align:center; margin-top:22px; }
.rv-more { min-width:220px; }
.rv-lightbox { position:fixed; inset:0; z-index:80; background:rgba(11,18,32,.88); display:flex; align-items:center; justify-content:center; padding:20px; cursor:zoom-out; }
.rv-lightbox img { max-width:92vw; max-height:88vh; border-radius:12px; }

/* Anchor целите да не се скриват под sticky хедъра при скок */
#bundle,
#testimonials {
  scroll-margin-top: 96px;
}

/* Наличност: остават само 5 бройки */
.stock-left {
  color: #B45309;
  font-weight: 700;
}

/* Брояч на отстъпката */
.deal-timer {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #0B1220;
  background: rgba(245, 158, 11, 0.12);
  border: 1px solid rgba(245, 158, 11, 0.35);
  border-radius: 10px;
  padding: 7px 12px;
  margin-bottom: 20px;
}

.deal-timer::before {
  content: "⏳";
  font-size: 15px;
}

.deal-timer-clock {
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  color: #B45309;
  min-width: 74px;
}

.deal-timer-sticky {
  font-size: 12px;
  color: #B45309;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}