/** Shopify CDN: Minification failed Line 132:0 Unexpected "@media" **/ /* Gun PDP styles. Generated from gun-pdp-newstyle/assets/css/gun.css by build_theme.py on 15 Sep 2026. Loaded only by the gun snippets, after nbn-site.css, so the gun-specific overrides win on these pages only. Plain .css on purpose, never .css.liquid: a pushed .css.liquid serves the old body under a fresh ?v= and the change looks like it did not land. */ .nbn-gun /* ------------------------------------------------------------------ gun pages Layered on site.css. Two things differ from a sealant page. 1. The product is wide and low where a cartridge is tall and narrow, so the turntable box is width-driven with its own aspect ratio, the shell is wider, and the centre column takes most of it. 2. Each gun carries its own brand colour: Octogun red or Newborn blue, both taken from site.css's own values (#c8102e, #003087) rather than invented. Every accented rule below reads --gc, which each page sets on . --------------------------------------------------------------------------- */ :root{ --gc: #c8102e; --gc-tint: rgba(200, 16, 46, 0.06); }.nbn-gun /* --------------------------------------------------------------- hero layout */ .nbn-pq{ max-width: 1460px; padding-top: 34px; }.nbn-gun .nbn-pq-grid{ grid-template-columns: 0.78fr 2.05fr 0.78fr; gap: 34px; }@media (max-width: 1240px){.nbn-gun .nbn-pq-grid{ grid-template-columns: 1fr 1fr; }.nbn-gun .nbn-pq-media{ grid-column: 1 / -1; order: -1; } }@media (max-width: 760px){.nbn-gun .nbn-pq-grid{ grid-template-columns: 1fr; } }.nbn-gun /* A compact index instead of the accordions that used to sit here. Those four panels each duplicated a full section further down the page, and stacking them made the right column so tall that centring the media against the row pushed the gun below the fold. */ .nbn-jump{ border: 1px solid var(--rule); padding: 16px 18px; }.nbn-gun .nbn-jump h4{ margin: 0 0 4px; font-size: 13px; letter-spacing: 1.3px; text-transform: uppercase; color: var(--faint); }.nbn-gun .nbn-jump ol{ list-style: none; margin: 8px 0 0; padding: 0; counter-reset: j; }.nbn-gun .nbn-jump li{ border-top: 1px solid var(--rule); }.nbn-gun .nbn-jump li:first-child{ border-top: 0; }.nbn-gun .nbn-jump a{ display: block; padding: 9px 0; font-size: 13.5px; color: var(--ink); text-decoration: none; }.nbn-gun .nbn-jump a:hover{ color: var(--gc); }.nbn-gun /* Drop the turntable into the middle of the hero row. site.css top-aligns the media column, which is right for a tall cartridge that fills the row but leaves a wide, low gun stranded at the top with a large gap beneath it. The gap is layout, not padding: measured, the hero frame already sits roughly centred inside its own box (15 percent above, 19 percent below) and about half the 36 frames reach into that lower space once it rotates, so the box itself cannot be cropped any tighter. */ .nbn-pq-media{ align-self: center; }.nbn-gun .nbn-pq-media .nbn-spin{ max-width: none; width: 100%; height: auto; aspect-ratio: var(--ar, 4 / 3); margin: 0 auto; }.nbn-gun .nbn-pq-media .nbn-spin img{ width: 100%; height: auto; max-height: none; margin: 0; }.nbn-gun /* site.css paints a live contact shadow off --cyl once the canvas is up. That is a cylinder standing on a surface; a gun has no standing line and the derived ellipse spans the whole frame. */ .nbn-pq-media .nbn-spin.is-spinnable::before, .nbn-gun .nbn-pq-media .nbn-spin.is-spinnable::after{ display: none; }.nbn-gun .nbn-pq-media .nbn-spin-hint{ margin-top: 2px; }.nbn-gun /* ------------------------------------------------------------------- accents */ .nbn-gun-eyebrow{ display: inline-block; font-size: 11px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; color: var(--gc); border-bottom: 2px solid var(--gc); padding-bottom: 5px; margin-bottom: 16px; }.nbn-gun .nbn-pq-buy h1{ margin-bottom: 10px; }.nbn-gun .nbn-pq-chem{ color: var(--gc); font-weight: 600; }.nbn-gun .nbn-pq-add{ background: var(--gc); }.nbn-gun .nbn-pq-add:hover{ background: var(--ink-deep); }.nbn-gun .nbn-pq-badges .nbn-pq-badge{ border-top: 2px solid var(--gc); }.nbn-gun .nbn-pq-acc > summary{ cursor: pointer; }.nbn-gun .nbn-pq-acc[open] > summary{ color: var(--gc); }.nbn-gun .nbn-hero-note{ border-left: 3px solid var(--gc); }.nbn-gun .nbn-gauge-scale li.is-on{ box-shadow: inset 0 0 0 2px var(--gc); }.nbn-gun .nbn-gauge-value{ color: var(--gc); }.nbn-gun .nbn-cta-section{ background: var(--gc); }.nbn-gun .nbn-cta-section .nbn-cta-button{ background: #fff; color: var(--gc); }.nbn-gun .nbn-cta-section .nbn-cta-button:hover{ background: var(--ink-deep); color: #fff; }.nbn-gun /* the second, switchable ratio on the 360-DT, marked on the same scale rather than given a second gauge, because it is one gun with a switch */ .nbn-gauge-scale li.is-mark{ outline: 2px solid var(--ink-deep); outline-offset: -2px; }.nbn-gun .nbn-gauge-scale li.is-mark span{ font-weight: 700; color: var(--ink-deep); }.nbn-gun /* --------------------------------------------------- at-a-glance strip */ .nbn-gs-band{ border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); background: var(--gc-tint); }.nbn-gun .nbn-gs-band .nbn-inner{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--rule); }.nbn-gun .nbn-gs-cell{ background: #fff; padding: 22px 18px; }.nbn-gun .nbn-gs-k{ display: block; font-size: 11px; letter-spacing: 1.4px; text-transform: uppercase; color: var(--faint); margin-bottom: 8px; }.nbn-gun .nbn-gs-v{ display: block; font-size: 22px; font-weight: 600; line-height: 1.15; color: var(--gc); }.nbn-gun /* ------------------------------------------------------- the side bundle kit */ .nbn-kit{ border: 1px solid var(--rule); border-top: 3px solid var(--gc); padding: 18px; margin-bottom: 22px; }.nbn-gun .nbn-kit__k{ display: block; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--gc); font-weight: 700; margin-bottom: 6px; }.nbn-gun .nbn-kit__t{ display: block; font-size: 17px; font-weight: 600; line-height: 1.25; margin-bottom: 10px; }.nbn-gun .nbn-kit__d{ font-size: 13.5px; line-height: 1.6; color: var(--muted); margin: 0 0 14px; }.nbn-gun .nbn-kit__items{ list-style: none; margin: 0 0 14px; padding: 0; }.nbn-gun .nbn-kit__items li{ display: flex; align-items: center; gap: 10px; padding: 8px 0; border-top: 1px solid var(--rule); font-size: 13.5px; }.nbn-gun .nbn-kit__items img{ width: 44px; height: 44px; object-fit: contain; flex: none; background: #fff; }.nbn-gun .nbn-kit__items b{ font-weight: 500; flex: 1; }.nbn-gun .nbn-kit__items span{ color: var(--faint); font-variant-numeric: tabular-nums; }.nbn-gun .nbn-kit__tot{ display: flex; justify-content: space-between; align-items: baseline; border-top: 2px solid var(--ink-deep); padding-top: 10px; font-weight: 600; }.nbn-gun .nbn-kit__tot b{ font-size: 19px; color: var(--gc); }.nbn-gun .nbn-kit__note{ font-size: 11.5px; line-height: 1.55; color: var(--faint); margin: 10px 0 0; }.nbn-gun /* Both an and a