body[data-product="qifnar"] .hero::after,
body[data-product="miznar"] .hero::after {
  content: ""; position: absolute; inset: 0; z-index: -3;
  background-position: center; background-size: cover; background-repeat: no-repeat;
  opacity: .2; filter: saturate(.78) brightness(.58);
}
body[data-product="qifnar"] .hero::after { background-image: url("assets/qifnar-v1-1440.webp"); }
body[data-product="miznar"] .hero::after { background-image: url("assets/miznar-v1-1440.webp"); }
.product-logo {
  position: relative; z-index: 2; width: min(250px, 52vw); height: auto; object-fit: contain;
  filter: drop-shadow(0 28px 55px #000) drop-shadow(0 0 24px rgba(207,27,54,.32));
  animation: productLogoFloat 5.8s ease-in-out infinite;
}
@keyframes productLogoFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }
@media (max-width:820px) {
  body[data-product="qifnar"] .hero::after, body[data-product="miznar"] .hero::after { opacity:.13; }
}
@media (prefers-reduced-motion:reduce) { .product-logo { animation:none; } }

/* Cross-language responsive stability */
html, body { width:100%; max-width:100%; overflow-x:clip; }
body, .topbar, .hero, .section, .footer { min-width:0; }
.topbar { width:100%; }
.topbar > *, .header-actions, .hero > *, .hero-copy, .status { min-width:0; }
.hero-copy { width:100%; }
.hero h1, .lead, .status, .brand b { max-width:100%; }
.hero h1 { text-wrap:balance; overflow-wrap:normal; word-break:normal; }
.lead, .status { overflow-wrap:anywhere; }

@media (max-width:820px) {
  .topbar {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
    padding:10px 12px;
  }
  .brand { min-width:0; }
  .brand img { width:38px; height:38px; flex:0 0 38px; }
  .brand b { font-size:.94rem; white-space:nowrap; }
  .header-actions { gap:7px; justify-self:end; }
  .langs { min-width:0; gap:2px; padding:3px; }
  .langs button { width:38px; min-width:38px; height:38px; padding:0; }
  .back { width:40px; min-width:40px; min-height:40px; height:40px; padding:0; }
  .hero { width:100%; padding:52px 16px 48px; }
  .hero-copy { max-width:680px; margin-inline:auto; }
  .hero h1 { margin:15px auto 18px; font-size:clamp(2.35rem,10.8vw,3.55rem); line-height:1.08; letter-spacing:-.035em; }
  .lead { margin-inline:auto; font-size:.94rem; line-height:1.9; }
  .status { width:min(100%,620px); justify-content:center; margin-inline:auto; white-space:normal; text-align:center; line-height:1.55; border-radius:24px; }
  .hero-mark { width:100%; max-width:520px; margin-inline:auto; }
}

@media (max-width:520px) {
  .topbar { grid-template-columns:1fr; justify-items:center; }
  .brand { justify-self:center; }
  .header-actions { width:100%; justify-self:stretch; justify-content:center; }
  .hero { padding-inline:14px; }
  .hero h1 { font-size:clamp(2.2rem,11.4vw,3.15rem); }
  .status { padding:12px 14px; font-size:.92rem; }
}

@media (max-width:360px) {
  .topbar { padding-inline:8px; }
  .langs button { width:35px; min-width:35px; height:35px; }
  .back { width:37px; min-width:37px; height:37px; min-height:37px; }
  .hero { padding-inline:11px; }
  .hero h1 { font-size:2.15rem; }
}