/* =====================================================================
   FIREARMS & WEAPONS — full baked dual-breakpoint rebuild (v296).
   Desktop (>=1025) and Mobile/Tablet (<=1024) are INDEPENDENT baked
   asset flows. Replaces the old desktop-only firearms-v237 page and the
   under-construction mobile placeholder entirely.

   Sections (both): Hero -> Firearms Assumptions -> Second Opinion ->
   CTA (which bakes in CTA + Related Practice Links + Footer).

   Desktop: hero + assumptions are full-bleed comps; the Second Opinion
   band and the CTA are 1290-wide and capped at native width, centred on
   black (no upscale). Scoped to .page-practice .gw-* .
   ===================================================================== */

.page-practice main.gw { display: block; background: var(--color-black, #050505); }

.page-practice .gw .sr-only {
  position: absolute !important; width: 1px !important; height: 1px !important;
  overflow: hidden !important; clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important; white-space: nowrap !important;
  margin: -1px !important; padding: 0 !important; border: 0 !important;
}

.page-practice .gw-dt { display: none; }
.page-practice .gw-m  { display: none; }

.page-practice .gw-sec { position: relative; line-height: 0; width: 100%; margin: 0 auto; }
.page-practice .gw-sec > img { display: block; width: 100%; height: auto; }
.page-practice .gw-hot {
  position: absolute; display: block; z-index: 3; border-radius: 4px;
  -webkit-tap-highlight-color: transparent;
}
.page-practice .gw-hot:focus-visible { outline: 2px solid var(--color-gold, #8b6e3b); outline-offset: 2px; }

/* ---------------- DESKTOP (>=1025) ---------------- */
@media (min-width: 1025px) {
  .page-practice .gw-dt { display: block; }
  .page-practice .gw-dt .gw-sec { width: 100%; max-width: 100%; }
  /* Second Opinion band + CTA are 1290-wide comps — cap at native width on black */
  .page-practice .gw-dt .gw-sec--cap { max-width: 1290px; }
}

/* ---------------- MOBILE + TABLET (<=1024) ---------------- */
@media (max-width: 1024px) {
  .page-practice .gw-m { display: block; }
  .page-practice .gw-m .gw-sec { max-width: 640px; }
}