/* DealAlarm UX v3 overrides */

/* Brand mark: use the pushed flat transparent DealAlarm icon only where a compact UI mark is appropriate. */
.brand-mark {
  display: block;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border-radius: 0;
  background: transparent url("./images/logos/deal%20alarm%20logo%20transp%20flat.png") center / contain no-repeat;
  color: transparent;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}

.clean-header-actions { gap: 10px; }
.language-compact { display: inline-flex; align-items: center; gap: 6px; border: 1px solid #e5e7eb; border-radius: 12px; padding: 6px 8px; background: #fff; }
.language-compact select { border: 0; background: transparent; padding: 0; min-width: 48px; font-weight: 700; color: #344054; outline: 0; }
.profile-button { display: inline-flex; align-items: center; gap: 9px; border: 1px solid #e5e7eb; border-radius: 999px; padding: 5px 11px 5px 5px; background: #fff; color: #111827; font: inherit; font-weight: 800; cursor: pointer; }
.profile-button img, .profile-button > span { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; display: grid; place-items: center; background: #111827; color: #fff; font-size: .78rem; }
.profile-button-name { max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.profile-menu { position: fixed; z-index: 80; top: 66px; right: max(18px, calc((100vw - 1180px) / 2)); width: min(340px, calc(100vw - 28px)); background: #fff; border: 1px solid #e5e7eb; border-radius: 18px; box-shadow: 0 20px 60px rgba(17,24,39,.16); padding: 18px; }
.profile-menu-head { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; margin-bottom:16px; }
.profile-menu-copy { display:grid; gap:3px; min-width:0; }
.profile-menu-copy strong { font-size:1.05rem; }
.profile-menu-copy span { color:#667085; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.icon-button { border:0; width:34px; height:34px; border-radius:10px; background:#f2f4f7; font-size:1.2rem; cursor:pointer; }
.profile-field { display:grid; gap:7px; margin-bottom:14px; }
.profile-field span { font-size:.82rem; font-weight:800; color:#475467; }
.profile-field select { width:100%; border:1px solid #d0d5dd; border-radius:12px; padding:11px 12px; background:#fff; }
.hero-v3 { padding-top: clamp(42px,7vw,92px); }
.hero-v3 .hero-centered { max-width: 980px; margin-inline:auto; }
.auth-v3 { margin-top: 44px; }
.compact-account-strip { margin-top: 16px; }
.mobile-nav { display:none; }

@media (max-width: 820px) {
  body { padding-bottom: calc(78px + env(safe-area-inset-bottom)); }
  .site-header { position: sticky; top:0; z-index:60; background:rgba(255,255,255,.94); backdrop-filter:blur(14px); }
  .header-inner { min-height:64px; }
  .brand-mark { width: 36px; height: 36px; flex-basis: 36px; }
  .brand small, .language-compact span, .profile-button-name { display:none; }
  .language-compact { padding:7px 5px; }
  .language-compact select { min-width:42px; font-size:.82rem; }
  .profile-button { padding:4px; border:0; }
  .hero-v3 { padding-top:34px; }
  .hero-centered h1 { font-size: clamp(2rem, 10vw, 3rem); line-height:1.02; }
  .hero-centered > p { font-size:.98rem; }
  .smart-input-row { grid-template-columns:1fr !important; gap:10px; padding:10px !important; border-radius:18px !important; }
  .smart-input-wrap { min-height:54px; }
  .scope-select, .smart-submit { width:100%; min-height:48px; border-radius:13px !important; }
  .smart-form-foot { gap:10px; align-items:flex-start; flex-direction:column; padding:8px 2px 0; }
  .smart-form-foot #toggleAdvanced { align-self:flex-end; }
  .advanced-panel { padding:16px !important; }
  .advanced-grid, .advanced-grid.two-wide { grid-template-columns:1fr !important; }
  .day-grid { grid-template-columns:repeat(4,1fr) !important; }
  .trust-row { display:grid !important; grid-template-columns:1fr 1fr; gap:8px !important; text-align:left; }
  .auth-section { grid-template-columns:1fr !important; margin-top:28px; }
  .auth-intro { padding:30px 22px !important; }
  .auth-card { margin:0 12px 18px !important; }
  .metric-grid { grid-template-columns:repeat(3,1fr) !important; gap:8px !important; }
  .metric-card { padding:14px !important; }
  .metric-card strong { font-size:1.5rem !important; }
  .content-section { padding-top:28px; }
  .data-card { grid-template-columns:1fr !important; gap:12px !important; }
  .product-card { grid-template-columns:64px 1fr !important; }
  .product-card .card-actions { grid-column:1/-1; }
  .price-grid { grid-template-columns:repeat(2,1fr) !important; gap:10px !important; }
  .source-link { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; }
  .site-footer { display:none; }
  .profile-menu { top:auto; right:0; left:0; bottom:calc(68px + env(safe-area-inset-bottom)); width:100%; border-radius:22px 22px 0 0; border-left:0; border-right:0; padding:20px 18px 22px; box-shadow:0 -18px 50px rgba(17,24,39,.16); }
  body.profile-open::before { content:""; position:fixed; inset:0; z-index:70; background:rgba(17,24,39,.22); }
  .profile-menu { z-index:90; }
  .mobile-nav { position:fixed; z-index:85; left:0; right:0; bottom:0; display:grid; grid-template-columns:repeat(4,1fr); padding:7px 10px calc(7px + env(safe-area-inset-bottom)); background:rgba(255,255,255,.96); border-top:1px solid #e5e7eb; backdrop-filter:blur(18px); }
  .mobile-nav button { border:0; background:transparent; display:grid; place-items:center; gap:2px; min-height:52px; color:#667085; font:inherit; cursor:pointer; }
  .mobile-nav button span { font-size:1.15rem; line-height:1; color:#111827; }
  .mobile-nav button small { font-size:.68rem; font-weight:800; }
}

@media (max-width: 430px) {
  .shell { width:min(100% - 22px,1180px) !important; }
  .header-actions #headerSignIn { padding-inline:10px; }
  .hero-v3 { padding-top:26px; }
  .hero-centered h1 { letter-spacing:-.045em; }
  .metric-grid { grid-template-columns:1fr 1fr !important; }
  .metric-grid article:last-child { grid-column:1/-1; }
  .product-card { grid-template-columns:54px 1fr !important; }
  .product-thumb { width:54px !important; height:54px !important; }
}