/* midaura-patch.css v6 — New Component Styles + Fixes */
:root {
  --saffron:    #C8831A;
  --saffron-dk: #A56412;
  --saffron-lt: #FDF3E0;
}

/* ── Review Cards v2 ─────────────────────────────────── */
.review-card-v2 {
  background:#fff;
  border-radius:16px;
  padding:24px;
  border:1.5px solid var(--cream-dk);
  display:flex;
  flex-direction:column;
  transition:all .3s cubic-bezier(.4,0,.2,1);
  opacity:0;
  transform:translateY(20px);
  animation:fadeInUp .5s ease forwards;
}
.review-card-v2:hover {
  transform:translateY(-4px);
  box-shadow:0 12px 40px rgba(44,24,16,.1);
  border-color:var(--amber);
}

/* ── Why MidAura v2 Grid ─────────────────────────────── */
.why-grid-v2 {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.why-card-v2 {
  display:flex;
  align-items:flex-start;
  gap:16px;
  padding:22px;
  border-radius:14px;
  background:#fff;
  border:1.5px solid var(--cream-dk);
  transition:all .3s cubic-bezier(.4,0,.2,1);
  opacity:0;
  transform:translateY(16px);
  animation:fadeInUp .45s ease forwards;
}
.why-card-v2:hover {
  transform:translateY(-3px);
  box-shadow:0 8px 28px rgba(44,24,16,.08);
  border-color:var(--accent,var(--amber));
}
.why-icon-v2 {
  width:48px;
  height:48px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  flex-shrink:0;
}

/* ── Flash Picks — single row horizontal scroll ──────── */
.home-flash .flash-row {
  display:flex !important;
  gap:14px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  padding-bottom:8px;
  scrollbar-width:none;
  flex-wrap:nowrap !important;
}
.home-flash .flash-row::-webkit-scrollbar { display:none; }
.home-flash .flash-card {
  flex:0 0 180px;
  scroll-snap-align:start;
  animation:fadeInUp .4s ease forwards;
  opacity:0;
}
.home-flash .flash-card:nth-child(1) { animation-delay:.05s }
.home-flash .flash-card:nth-child(2) { animation-delay:.1s }
.home-flash .flash-card:nth-child(3) { animation-delay:.15s }
.home-flash .flash-card:nth-child(4) { animation-delay:.2s }
.home-flash .flash-card:nth-child(5) { animation-delay:.25s }
.home-flash .flash-card:nth-child(6) { animation-delay:.3s }
.home-flash .flash-card:nth-child(7) { animation-delay:.35s }
.home-flash .flash-card:nth-child(8) { animation-delay:.4s }

/* ── Animations ──────────────────────────────────────── */
@keyframes fadeInUp {
  to { opacity:1; transform:translateY(0); }
}

/* ── Instagram Grid Hover ────────────────────────────── */
.ig-tile {
  transition:transform .3s cubic-bezier(.4,0,.2,1);
}
.ig-tile:hover {
  transform:scale(1.04);
  z-index:2;
}

/* ── Footer trust badges ─────────────────────────────── */
.footer-top { border-bottom:1px solid rgba(255,255,255,.08); padding-bottom:36px; margin-bottom:44px; }
.footer-trust-badges { display:flex; justify-content:center; gap:36px; flex-wrap:wrap; }
.footer-trust-item { display:flex; align-items:center; gap:10px; font-size:12px; font-weight:600; color:rgba(255,255,255,.6); }
.footer-trust-item span:first-child { font-size:22px; }
.footer-trust-item span:last-child { line-height:1.3; }

/* ── User-select control (allow on forms) ────────────── */
body {
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
}
input, textarea, select, [contenteditable="true"], .form-control {
  -webkit-user-select:text;
  -moz-user-select:text;
  user-select:text;
}

/* ── Responsive for new components ───────────────────── */
@media (max-width:1024px) {
  .why-grid-v2 { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:600px) {
  .why-grid-v2 { grid-template-columns:1fr; gap:10px; }
  .why-card-v2 { padding:16px; }
  .review-card-v2 { padding:20px; }
  .home-flash .flash-card { flex:0 0 150px; }
  .footer-trust-badges { gap:16px; }
  .footer-trust-item { font-size:11px; gap:6px; }
  .footer-trust-item span:first-child { font-size:18px; }
  .icon-label { display:none; }
  .btn-icon-labeled { width:42px; min-width:42px; padding:6px; }
}