@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Barlow+Condensed:wght@600;700;800;900&display=swap');

    :root {
      --navy: #0b2463;
      --navy-2: #142f79;
      --red: #c92822;
      --red-2: #e2372e;
      --ink: #0e1728;
      --muted: #637083;
      --line: rgba(14, 23, 40, 0.12);
      --paper: #fbfaf7;
      --white: #ffffff;
      --sand: #efe8dd;
      --sea: #dceaf2;
      --shadow: 0 22px 70px rgba(7, 24, 68, 0.16);
      --radius: 24px;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      color: var(--ink);
      background: var(--paper);
      font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      line-height: 1.5;
    }
    a { color: inherit; text-decoration: none; }
    img { max-width: 100%; display: block; }
    .container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
    .eyebrow {
      color: var(--red);
      font-weight: 800;
      font-size: .78rem;
      letter-spacing: .16em;
      text-transform: uppercase;
    }
    h1, h2, h3 { font-family: "Barlow Condensed", Inter, system-ui, sans-serif; line-height: .9; letter-spacing: .015em; text-transform: uppercase; margin: 0; }
    h1 { font-size: clamp(3rem, 8vw, 7.8rem); max-width: 940px; }
    h2 { font-size: clamp(2.2rem, 4.6vw, 5.2rem); max-width: 820px; }
    h3 { font-size: 1.45rem; }
    p { margin: 0; color: var(--muted); }

    .topbar {
      background: var(--navy);
      color: rgba(255,255,255,.82);
      font-size: .82rem;
      letter-spacing: .02em;
    }
    .topbar .container { display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 10px 0; }
    .topbar strong { color: white; }

    header {
      position: sticky;
      top: 0;
      z-index: 40;
      background: rgba(251,250,247,.98);
      border-bottom: 1px solid var(--line);
    }
    .nav { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; gap: 22px; }
    .brand { display: flex; align-items: center; gap: 13px; font-weight: 900; color: var(--navy); letter-spacing: .05em; }
    .brand img { width: 82px; height: 82px; border-radius: 999px; object-fit: contain; box-shadow: 0 6px 24px rgba(11,36,99,.16); }
    .brand span { display: none; }
    .navlinks { display: flex; align-items: center; gap: 26px; font-size: .9rem; color: #25344b; font-weight: 700; }
    .navlinks a:hover { color: var(--red); }
    .nav-item { position: relative; display: flex; align-items: center; }
    .nav-parent { display: inline-flex; align-items: center; gap: 7px; padding: 18px 0; }
    .nav-parent::after { content: ""; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translateY(-2px); opacity: .55; }
    .nav-dropdown {
      position: absolute;
      top: 100%;
      left: -18px;
      min-width: 230px;
      padding: 10px;
      border-radius: 18px;
      background: rgba(255,255,255,.98);
      border: 1px solid var(--line);
      box-shadow: 0 24px 60px rgba(7,24,68,.16);
      opacity: 0;
      visibility: hidden;
      transform: translateY(10px);
      transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
    }
    .nav-item:hover .nav-dropdown, .nav-item:focus-within .nav-dropdown { opacity: 1; visibility: visible; transform: translateY(0); }
    .nav-dropdown a { display: block; padding: 11px 12px; border-radius: 12px; color: #25344b; font-weight: 800; }
    .nav-dropdown a:hover { background: #f4f7fb; color: var(--red); }
    .nav-dropdown small { display: block; color: var(--muted); font-size: .72rem; font-weight: 650; margin-top: 2px; }
    .btn {
      display: inline-flex; align-items: center; justify-content: center; gap: 10px;
      border-radius: 999px;
      padding: 13px 20px;
      font-weight: 850;
      border: 1px solid transparent;
      cursor: pointer;
      transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
    }
    .btn:hover { transform: translateY(-2px); }
    .btn-primary { background: var(--red); color: white; box-shadow: 0 14px 34px rgba(201,40,34,.27); }
    .btn-secondary { color: white; border-color: rgba(255,255,255,.35); background: rgba(255,255,255,.08); }
    .btn-light { background: white; color: var(--navy); box-shadow: 0 14px 34px rgba(7,24,68,.10); }

    .hero {
      position: relative;
      overflow: hidden;
      background:
        radial-gradient(circle at 86% 10%, rgba(226,55,46,.32), transparent 31%),
        radial-gradient(circle at 18% 25%, rgba(255,255,255,.17), transparent 28%),
        linear-gradient(135deg, #071945 0%, var(--navy) 48%, #123888 100%);
      color: white;
    }
    .hero::after {
      content: "";
      position: absolute;
      inset: auto -10% -18% -10%;
      height: 260px;
      background: var(--paper);
      transform: rotate(-2.2deg);
      transform-origin: left top;
    }
    .hero-grid {
      position: relative;
      z-index: 2;
      display: grid;
      grid-template-columns: 1.05fr .95fr;
      gap: 56px;
      padding: 110px 0 75px;
      align-items: stretch;
    }
    .hero-copy {
      display: flex;
      flex-direction: column;
      gap: 20px;
      min-height: 0;
      align-self: start;
    }
    .hero-copy .hero-lead {
      margin-bottom: 12px;
    }
    .hero-copy h1 { margin: 0; }
    .hero-lead {
      margin: 0;
      color: rgba(255,255,255,.78);
      font-size: clamp(1.02rem, 1.5vw, 1.22rem);
      max-width: 640px;
    }
    .hero-video {
      border-radius: 20px;
      overflow: hidden;
      background: #05080d;
      box-shadow: 0 35px 100px rgba(0,0,0,.22);
      min-height: 0;
      max-height: 460px;
      height: 100%;
      align-self: stretch;
      border: 1px solid rgba(255,255,255,.12);
    }
    .hero-actions {
      display: flex;
      gap: 14px;
      flex-wrap: wrap;
      margin-top: 0;
    }
    .hero-video video {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .hero-card {
      background: rgba(255,255,255,.92);
      color: var(--ink);
      border-radius: 32px;
      padding: 26px;
      box-shadow: 0 35px 100px rgba(0,0,0,.22);
      border: 1px solid rgba(255,255,255,.46);
    }
    .logo-plate {
      background: linear-gradient(180deg, #fff, #f4f7fb);
      border-radius: 28px;
      padding: clamp(22px, 4vw, 42px);
      display: grid;
      place-items: center;
      min-height: 360px;
      border: 1px solid rgba(11,36,99,.12);
    }
    .logo-plate img { width: min(330px, 88%); border-radius: 999px; }
    .hero-note { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 18px; overflow: hidden; border-radius: 20px; border: 1px solid var(--line); }
    .hero-note div { background: white; padding: 18px; }
    .hero-note b { display: block; color: var(--navy); font-family: "Barlow Condensed", Inter, system-ui, sans-serif; font-size: 2rem; line-height: 1; text-transform: uppercase; letter-spacing: .025em; }
    .hero-note span { display: block; color: var(--muted); font-size: .78rem; margin-top: 6px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }

    section { padding: 94px 0; }
    .section-head { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 34px; }
    .section-head p { max-width: 520px; font-size: 1.05rem; }


.products-overview .products-cat-head h3 { font-size: clamp(1.6rem, 2.5vw, 2.2rem); }
.trap-preview-block { margin-bottom: 28px; }
.trap-preview-block:last-child { margin-bottom: 0; }
.trap-preview-head {
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 20px;
      margin-bottom: 14px;
    }
    .trap-preview-head h4 {
      color: var(--navy);
      font-family: "Barlow Condensed", Inter, system-ui, sans-serif;
      font-size: 1.5rem;
      line-height: 1;
      text-transform: uppercase;
      letter-spacing: .02em;
    }
    .trap-preview-head p { max-width: 480px; font-size: .95rem; margin-top: 6px; }
    .trap-preview-link {
      font-family: "Barlow Condensed", Inter, system-ui, sans-serif;
      font-weight: 900;
      letter-spacing: .14em;
      text-transform: uppercase;
      font-size: .76rem;
      color: var(--navy);
      border-bottom: 1.5px solid var(--navy);
      padding-bottom: 2px;
      white-space: nowrap;
    }
    .trap-preview-link:hover { color: var(--red); border-bottom-color: var(--red); }
    .trap-preview-row {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
    }
    .trap-preview-row a {
      display: block;
      border: 1px solid var(--line);
      background: white;
      overflow: hidden;
      box-shadow: 0 10px 28px rgba(7,24,68,.06);
      transition: transform .2s ease, box-shadow .2s ease;
    }
    .trap-preview-row a:hover {
      transform: translateY(-3px);
      box-shadow: 0 18px 36px rgba(7,24,68,.10);
    }
    .trap-preview-row img {
      width: 100%;
      aspect-ratio: 1 / 1;
      object-fit: contain;
      display: block;
      background: #fff;
    }
    @media (max-width: 760px) {
      .trap-preview-row { grid-template-columns: 1fr; }
      .trap-preview-head { flex-direction: column; align-items: start; }
    }

    .brand-strip { background: var(--white); border-bottom: 1px solid var(--line); padding: 0; }
    .brand-strip-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border-left: 1px solid var(--line); }
    .brand-strip-grid div { padding: 24px 22px; border-right: 1px solid var(--line); background: linear-gradient(180deg, #fff, #fbfaf7); }
    .brand-strip-grid strong { display: block; color: var(--navy); font-family: "Barlow Condensed", Inter, system-ui, sans-serif; font-size: 1.55rem; line-height: 1; text-transform: uppercase; letter-spacing: .025em; }
    .brand-strip-grid span { display: block; margin-top: 8px; color: var(--muted); font-size: .92rem; line-height: 1.55; }
    .products { background: var(--paper); }
    .product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
    .product-card {
      background: white;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      overflow: hidden;
      box-shadow: 0 14px 40px rgba(7,24,68,.06);
      min-height: 330px;
      display: flex;
      flex-direction: column;
    }
    .product-art {
      height: 158px;
      display: grid;
      place-items: center;
      background:
        radial-gradient(circle at 70% 35%, rgba(201,40,34,.16), transparent 34%),
        linear-gradient(135deg, #eef5fb, #ffffff);
      border-bottom: 1px solid var(--line);
      position: relative;
      overflow: hidden;
    }
    .product-art svg { width: 95px; height: 95px; color: var(--navy); }
    .product-body { padding: 22px; flex: 1; display: flex; flex-direction: column; }
    .product-body p { margin-top: 10px; font-size: .96rem; }
    .chips { display: flex; gap: 8px; flex-wrap: wrap; margin-top: auto; padding-top: 22px; }
    .chip { border-radius: 999px; padding: 7px 10px; font-size: .75rem; font-weight: 800; background: #edf3fa; color: var(--navy); }
    .chip.red { background: rgba(201,40,34,.10); color: var(--red); }


    .product-photo { width: 100%; height: 100%; object-fit: cover; display: block; }
    .crab-traps { background: linear-gradient(180deg, #ffffff 0%, var(--paper) 100%); }
    .crab-hero-panel {
      display: grid;
      grid-template-columns: .9fr 1.1fr;
      gap: 24px;
      align-items: stretch;
      border-radius: 34px;
      overflow: hidden;
      border: 1px solid var(--line);
      box-shadow: var(--shadow);
      background: white;
      margin-bottom: 46px;
    }
    .crab-hero-copy {
      padding: 42px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      background: linear-gradient(135deg, var(--navy), #071945);
      color: white;
    }
    .crab-hero-copy h2 { color: white; }
    .crab-hero-copy p { color: rgba(255,255,255,.78); margin-top: 18px; font-size: 1.08rem; }
    .crab-hero-image-wrap { min-height: 400px; background: linear-gradient(180deg, #f7f8fb, #eef2f6); display: grid; place-items: center; padding: 24px; }
    .crab-hero-image-wrap img { width: 100%; height: 100%; object-fit: contain; display: block; border-radius: 20px; box-shadow: 0 18px 48px rgba(7,24,68,.10); }
    .crab-feature-list { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
    .crab-feature-list span { border: 1px solid rgba(255,255,255,.24); background: rgba(255,255,255,.08); color: white; border-radius: 999px; padding: 9px 12px; font-size: .78rem; font-weight: 900; text-transform: uppercase; letter-spacing: .055em; }
    .compact-head { margin-top: 8px; }
    .crab-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
    .crab-card { background: white; border: 1px solid var(--line); border-radius: 26px; overflow: hidden; box-shadow: 0 14px 38px rgba(7,24,68,.07); display: flex; flex-direction: column; }
    .crab-card-large { grid-column: span 1; }
    .crab-img {
      height: 250px;
      min-height: 250px;
      background: linear-gradient(180deg, #f7f8fb, #eef2f6);
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      border-bottom: 1px solid var(--line);
      padding: 12px;
    }
    .crab-img img {
      width: auto;
      height: auto;
      max-width: 100%;
      max-height: 100%;
      object-fit: contain;
      object-position: center center;
      display: block;
      border-radius: 18px;
    }
    .crab-card-body { padding: 22px; background: #fff; border-top: 1px solid var(--line); }
    .crab-card-body h3 { color: var(--navy); }
    .crab-card-body p { margin-top: 10px; font-size: .95rem; color: var(--ink); line-height: 1.55; }
    .crab-cta { margin-top: 22px; border-radius: 28px; padding: 26px; background: white; border: 1px solid var(--line); display: flex; justify-content: space-between; align-items: center; gap: 24px; box-shadow: 0 14px 38px rgba(7,24,68,.06); }
    .crab-cta strong { color: var(--navy); font-family: Fraunces, Georgia, serif; font-size: 1.35rem; }
    .crab-cta p { margin-top: 6px; max-width: 720px; }

    .quality { background: white; position: relative; }
    .quality-grid { display: grid; grid-template-columns: 1fr auto 1.15fr; gap: 28px; align-items: center; }
    .quality-video {
      width: clamp(180px, 20vw, 260px);
      aspect-ratio: 9 / 16;
      max-height: min(68vh, 520px);
      border-radius: 20px;
      overflow: hidden;
      background: #05080d;
      box-shadow: 0 24px 60px rgba(7,24,68,.18);
      position: relative;
      flex-shrink: 0;
    }
    .quality-video video {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .quality-panel { border-radius: 32px; padding: 34px; background: linear-gradient(135deg, var(--navy), #071945); color: white; box-shadow: var(--shadow); overflow: hidden; position: relative; }
    .quality-panel::after { content: ""; position: absolute; width: 240px; height: 240px; border-radius: 999px; right: -90px; bottom: -90px; background: rgba(201,40,34,.34); }
    .quality-panel h2 { color: white; position: relative; z-index: 1; }
    .quality-panel p { color: rgba(255,255,255,.78); margin-top: 18px; font-size: 1.05rem; position: relative; z-index: 1; }
    .quality-points { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
    .quality-point { background: var(--paper); border: 1px solid var(--line); border-radius: 24px; padding: 24px; box-shadow: 0 12px 34px rgba(7,24,68,.06); }
    .quality-point b { display: block; color: var(--navy); font-family: Fraunces, Georgia, serif; font-size: 1.35rem; line-height: 1.15; }
    .quality-point p { margin-top: 10px; font-size: .96rem; }

    .legacy {
      background: linear-gradient(135deg, #071945, var(--navy));
      color: white;
      position: relative;
      overflow: hidden;
    }
    .legacy::before { content: "1964"; position: absolute; right: -42px; top: 22px; font-family: Fraunces, Georgia, serif; font-size: 15rem; font-weight: 800; color: rgba(255,255,255,.045); line-height: 1; }
    .legacy-grid { position: relative; z-index: 2; display: grid; grid-template-columns: .75fr 1.25fr; gap: 50px; align-items: start; }
    .legacy h2 { color: white; }
    .legacy p { color: rgba(255,255,255,.76); font-size: 1.06rem; }
    .timeline { display: grid; gap: 14px; }
    .timeline-item { display: grid; grid-template-columns: 92px 1fr; gap: 18px; padding: 18px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.13); border-radius: 20px; }
    .timeline-year { color: white; font-family: Fraunces, Georgia, serif; font-size: 1.45rem; }
    .timeline-item p { font-size: .95rem; }
    .timeline-item strong { color: white; }

    .markets { background: #ffffff; }
    .territory-panel {
      display: grid;
      grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
      gap: 24px;
      align-items: stretch;
      background: linear-gradient(135deg, #f8fbfe 0%, #ffffff 52%, #f5f1e9 100%);
      border: 1px solid var(--line);
      border-radius: 34px;
      padding: 24px;
      box-shadow: var(--shadow);
      overflow: hidden;
    }
    .territory-map {
      position: relative;
      min-height: 590px;
      border-radius: 28px;
      overflow: hidden;
      background:
        radial-gradient(circle at 12% 18%, rgba(255,255,255,.18), transparent 24%),
        radial-gradient(circle at 78% 80%, rgba(201,40,34,.12), transparent 24%),
        linear-gradient(145deg, #09275d 0%, #0c3f82 48%, #0f6d9a 100%);
      border: 1px solid rgba(11,36,99,.18);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.28);
      isolation: isolate;
    }
    .territory-map::before {
      content: "";
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(255,255,255,.075) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.075) 1px, transparent 1px);
      background-size: 58px 58px;
      mask-image: linear-gradient(180deg, transparent, #000 14%, #000 86%, transparent);
      opacity: .45;
      z-index: 0;
    }
    .territory-map svg { position: relative; z-index: 1; width: 100%; height: 100%; min-height: 590px; display: block; }
    .territory-real-map { width: 100%; height: 100%; min-height: 590px; object-fit: cover; display: block; position: relative; z-index: 1; }

    .map-land { fill: #f7f0df; stroke: rgba(255,255,255,.72); stroke-width: 1.8; }
    .map-land-shadow { fill: rgba(0,0,0,.12); }
    .map-territory { fill: rgba(201,40,34,.18); stroke: rgba(255,255,255,.92); stroke-width: 2; stroke-dasharray: 8 8; }
    .map-coastline { fill: none; stroke: var(--red); stroke-width: 9; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 10px 18px rgba(0,0,0,.22)); }
    .map-coastline-glow { fill: none; stroke: rgba(255,255,255,.82); stroke-width: 18; stroke-linecap: round; stroke-linejoin: round; opacity: .75; }
    .map-port { fill: #fff; stroke: var(--red); stroke-width: 5; filter: drop-shadow(0 7px 12px rgba(0,0,0,.22)); }
    .map-port.home { fill: var(--red); stroke: #fff; stroke-width: 5; }
    .map-label { font: 900 15px Inter, sans-serif; fill: #fff; letter-spacing: .02em; paint-order: stroke; stroke: rgba(7,24,68,.78); stroke-width: 5; stroke-linejoin: round; }
    .map-label.land { fill: var(--navy); stroke: rgba(255,255,255,.78); }
    .map-label.small { font-size: 12px; fill: rgba(255,255,255,.78); font-weight: 850; text-transform: uppercase; letter-spacing: .08em; stroke-width: 4; }
    .map-label.home { fill: var(--red); stroke: rgba(255,255,255,.86); stroke-width: 5; }
    .map-ocean-label { font: 900 12px Inter, sans-serif; fill: rgba(255,255,255,.42); letter-spacing: .22em; text-transform: uppercase; }
    .map-title-card {
      position: absolute;
      left: 22px;
      top: 22px;
      width: min(330px, calc(100% - 44px));
      background: rgba(255,255,255,.92);
      border: 1px solid rgba(255,255,255,.5);
      border-radius: 22px;
      padding: 19px;
      backdrop-filter: blur(14px);
      box-shadow: 0 20px 44px rgba(0,0,0,.17);
      z-index: 4;
    }
    .map-title-card h3 { color: var(--navy); margin-top: 7px; font-size: 1.65rem; line-height: 1.02; }
    .map-title-card p { margin-top: 9px; font-size: .94rem; color: #41516a; }
    .map-badge-row { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 13px; }
    .map-badge { display: inline-flex; align-items: center; border-radius: 999px; padding: 7px 10px; background: rgba(11,36,99,.08); color: var(--navy); font-size: .76rem; font-weight: 900; }
    .map-badge.red { background: rgba(201,40,34,.10); color: var(--red); }
    .map-scale-card {
      position: absolute;
      left: 22px;
      bottom: 22px;
      z-index: 4;
      background: rgba(7,24,68,.78);
      color: white;
      border: 1px solid rgba(255,255,255,.18);
      border-radius: 18px;
      padding: 14px 16px;
      backdrop-filter: blur(12px);
      box-shadow: 0 16px 34px rgba(0,0,0,.2);
    }
    .map-scale-card strong { display: block; font-family: Fraunces, Georgia, serif; font-size: 1.25rem; line-height: 1; }
    .map-scale-card span { display: block; margin-top: 5px; color: rgba(255,255,255,.68); font-size: .78rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
    .territory-info {
      background: var(--navy);
      color: white;
      border-radius: 28px;
      padding: 30px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      position: relative;
      overflow: hidden;
      min-height: 590px;
    }
    .territory-info::after {
      content: "";
      position: absolute;
      inset: auto -90px -110px auto;
      width: 310px;
      height: 310px;
      border-radius: 999px;
      background: rgba(201,40,34,.28);
      filter: blur(6px);
    }
    .territory-info .eyebrow { color: #ff746d; }
    .territory-info h3 { margin-top: 12px; color: white; font-size: clamp(2rem, 3vw, 3.1rem); line-height: .98; }
    .territory-info p { margin-top: 16px; color: rgba(255,255,255,.78); font-size: 1.03rem; }
    .coverage-stat { margin-top: 28px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.18); display: grid; grid-template-columns: 1fr 1fr; gap: 14px; position: relative; z-index: 1; }
    .coverage-stat div { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.13); border-radius: 18px; padding: 15px; }
    .coverage-stat b { display: block; font-family: Fraunces, Georgia, serif; font-size: 2rem; line-height: 1; color: white; }
    .coverage-stat span { display: block; margin-top: 6px; color: rgba(255,255,255,.66); font-size: .78rem; text-transform: uppercase; letter-spacing: .08em; font-weight: 800; }
    .region-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 26px; position: relative; z-index: 1; }
    .region { border: 1px solid rgba(255,255,255,.13); border-radius: 16px; padding: 13px; background: rgba(255,255,255,.08); color: white; font-weight: 800; }
    .region small { display: block; color: #ff746d; text-transform: uppercase; letter-spacing: .08em; font-size: .66rem; margin-bottom: 3px; }


    .buy-path { background: #fff; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
    .buy-path-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 26px; }
    .buy-path-card { border: 1px solid var(--line); background: linear-gradient(180deg, #fff, #f7f7f3); padding: 28px; min-height: 260px; position: relative; overflow: hidden; }
    .buy-path-card.direct { border-top: 6px solid var(--red); }
    .buy-path-card.distributor { border-top: 6px solid var(--navy); }
    .buy-path-card .kicker { font-size: .78rem; font-weight: 900; text-transform: uppercase; letter-spacing: .14em; color: var(--red); margin-bottom: 12px; }
    .buy-path-card h3 { font-family: "Barlow Condensed", Inter, system-ui, sans-serif; font-size: clamp(2rem, 3vw, 3.4rem); line-height: .95; text-transform: uppercase; color: var(--navy); margin-bottom: 14px; }
    .buy-path-card p { color: var(--muted); font-size: 1.02rem; line-height: 1.6; }
    .buy-path-card ul { margin: 18px 0 0; padding-left: 18px; color: var(--ink); }
    .buy-path-card li { margin-bottom: 8px; }
    .buy-path-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
    .buy-path-note { margin-top: 22px; padding: 18px 20px; border-left: 4px solid var(--red); background: #f6f4ee; color: var(--muted); }

    .distributors { background: var(--sand); }
    .dist-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
    .dist-card { background: white; border-radius: 26px; padding: 28px; border: 1px solid rgba(14,23,40,.12); box-shadow: 0 16px 44px rgba(7,24,68,.08); }
    .dist-card h3 { margin-top: 10px; }
    .dist-card p { margin-top: 10px; }
    .dist-card .tagline { color: var(--red); font-weight: 900; text-transform: uppercase; letter-spacing: .1em; font-size: .75rem; }
    .dist-logo-wrap { min-height: 88px; display: flex; align-items: center; justify-content: flex-start; margin-bottom: 22px; padding-bottom: 20px; border-bottom: 1px solid var(--line); }
    .dist-logo { max-height: 62px; max-width: 260px; width: auto; object-fit: contain; }
    .dist-card:nth-child(2) .dist-logo { max-height: 70px; }
    .dist-meta { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; padding: 9px 12px; border-radius: 999px; background: rgba(11,36,99,.07); color: var(--navy); font-size: .82rem; font-weight: 850; }
    .address-card { margin-top: 24px; background: linear-gradient(135deg, #fff, #f5f7fb); border: 1px solid var(--line); border-radius: 24px; padding: 24px; display: flex; justify-content: space-between; gap: 20px; align-items: center; box-shadow: 0 16px 44px rgba(7,24,68,.06); }
    .address-card strong { color: var(--navy); font-family: Fraunces, Georgia, serif; font-size: 1.35rem; }
    .address-card p { margin-top: 4px; }


    .contact-info { background: #f7f8fb; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
    .contact-grid { display: grid; grid-template-columns: 1.05fr .95fr .9fr; gap: 18px; align-items: stretch; }
    .contact-card { background: #fff; border: 1px solid var(--line); padding: 24px; box-shadow: 0 18px 35px rgba(8,20,45,.06); }
    .contact-card.dark { background: linear-gradient(135deg, #05080d, #07172f 58%, #102f70); color: #fff; border-color: rgba(255,255,255,.14); }
    .contact-card h3 { font-size: 1.9rem; color: var(--navy); margin-bottom: 14px; }
    .contact-card.dark h3 { color: #fff; }
    .contact-card p, .contact-card li { color: var(--muted); }
    .contact-card.dark p, .contact-card.dark li { color: rgba(255,255,255,.76); }
    .contact-lines { display: grid; gap: 10px; margin-top: 14px; }
    .contact-line { display: flex; justify-content: space-between; gap: 18px; border-top: 1px solid rgba(11,36,99,.12); padding-top: 10px; font-weight: 800; }
    .contact-line span { color: var(--muted); font-weight: 800; text-transform: uppercase; letter-spacing: .06em; font-size: .76rem; }
    .contact-line a { color: var(--navy); font-weight: 900; }
    .hours-list { list-style: none; padding: 0; margin: 14px 0 0; }
    .hours-list li { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-top: 1px solid rgba(255,255,255,.14); font-weight: 800; }
    .hours-list li span:first-child { text-transform: uppercase; letter-spacing: .06em; font-size: .76rem; color: rgba(255,255,255,.58); }
    .map-block { margin-top: 16px; border: 1px solid rgba(11,36,99,.16); background: #d9e0ea; position: relative; overflow: hidden; }
    .map-block img { width: 100%; height: auto; display: block; filter: saturate(.92) contrast(1.04); }
    .map-link { display: inline-flex; margin-top: 12px; font-size: .82rem; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; color: var(--red); }
    .map-pin { position: relative; z-index: 1; background: #fff; border-left: 5px solid var(--red); padding: 16px 18px; box-shadow: 0 18px 38px rgba(8,20,45,.16); font-weight: 900; color: var(--navy); }
    .contact-cta { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 18px; }

    .quote { background: white; }
    .quote-grid { display: grid; grid-template-columns: .92fr 1.08fr; gap: 36px; align-items: start; }
    .quote-card { background: linear-gradient(135deg, var(--navy), #071945); color: white; border-radius: 32px; padding: 34px; position: sticky; top: 118px; }
    .quote-card p { color: rgba(255,255,255,.76); margin-top: 18px; }
    .quote-card ul { padding-left: 18px; margin: 24px 0 0; color: rgba(255,255,255,.83); }
    .quote-card li { margin-bottom: 10px; }
    form { background: #f7f8fb; border: 1px solid var(--line); border-radius: 32px; padding: 26px; }
    .form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
    label { display: grid; gap: 7px; color: #2c3a52; font-weight: 800; font-size: .88rem; }
    input, select, textarea {
      width: 100%;
      border: 1px solid rgba(14,23,40,.16);
      border-radius: 14px;
      padding: 14px 14px;
      font: inherit;
      background: white;
      color: var(--ink);
      outline: none;
    }
    textarea { min-height: 132px; resize: vertical; }
    input:focus, select:focus, textarea:focus { border-color: var(--navy); box-shadow: 0 0 0 4px rgba(20,47,121,.10); }
    .span-2 { grid-column: span 2; }
    .form-actions { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 18px; }
    .form-note { font-size: .86rem; color: var(--muted); }
    .form-status { margin-top: 16px; font-size: .95rem; }
    .form-status.is-success { color: #1a6b3a; }
    .form-status.is-error { color: #9b2c2c; }

    footer { background: #06163d; color: white; padding: 46px 0 24px; }
    .footer-grid { display: grid; grid-template-columns: 1.35fr .9fr .95fr 1.65fr; gap: 34px; align-items: start; }
    .footer-brand { display: flex; align-items: center; gap: 12px; font-weight: 900; letter-spacing: .06em; }
    .footer-brand img { width: 52px; height: 52px; border-radius: 999px; }
    footer p, footer a { color: rgba(255,255,255,.66); }
    footer h4 { margin: 0 0 12px; color: white; font-size: .88rem; text-transform: uppercase; letter-spacing: .12em; }
    footer a { display: block; margin: 8px 0; }
    .footer-contact { padding-left: 28px; border-left: 1px solid rgba(255,255,255,.18); }
    .footer-contact-card { display: grid; gap: 14px; }
    .footer-contact-block { line-height: 1.7; }
    .footer-contact-block strong { color: #fff; }
    .footer-contact-actions { display: grid; gap: 9px; margin-top: 4px; }
    .footer-contact-actions a { margin: 0; }
    .footer-hours { margin-top: 4px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.14); }
    .footer-hours-row { display: flex; justify-content: space-between; gap: 18px; line-height: 1.7; }
    .copyright { border-top: 1px solid rgba(255,255,255,.12); margin-top: 36px; padding-top: 20px; color: rgba(255,255,255,.45); font-size: .86rem; }

    .mobile-toggle,
    .nav-menu-toggle { display: none; }
    .nav-actions { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
    .visually-hidden {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }



    .zinc-page {
      position: relative;
      overflow: hidden;
      background:
        radial-gradient(circle at 88% 8%, rgba(201,40,34,.12), transparent 26%),
        linear-gradient(180deg, #ffffff 0%, #f6f8fb 52%, var(--paper) 100%);
      border-top: 1px solid var(--line);
    }
    .zinc-hero-panel {
      display: grid;
      grid-template-columns: .9fr 1.1fr;
      gap: 34px;
      align-items: stretch;
      background: linear-gradient(135deg, #071945, var(--navy));
      border-radius: 36px;
      padding: clamp(24px, 4vw, 42px);
      box-shadow: var(--shadow);
      color: white;
      overflow: hidden;
      position: relative;
    }
    .zinc-hero-panel::after {
      content: "";
      position: absolute;
      width: 360px;
      height: 360px;
      right: -120px;
      top: -120px;
      background: rgba(201,40,34,.25);
      border-radius: 999px;
    }
    .zinc-hero-copy { position: relative; z-index: 1; align-self: center; }
    .zinc-hero-copy .eyebrow { color: #ffb4ae; }
    .zinc-hero-copy h2 { color: white; max-width: 760px; }
    .zinc-hero-copy p { color: rgba(255,255,255,.76); margin-top: 20px; font-size: 1.06rem; max-width: 560px; }
    .zinc-hero-copy .chips { margin-top: 26px; padding-top: 0; }
    .zinc-hero-copy .chip { background: rgba(255,255,255,.12); color: white; border: 1px solid rgba(255,255,255,.18); }
    .zinc-hero-copy .chip.red { background: rgba(201,40,34,.82); color: white; border-color: rgba(255,255,255,.18); }
    .zinc-hero-image {
      position: relative;
      z-index: 1;
      min-height: 360px;
      border-radius: 30px;
      display: grid;
      place-items: center;
      background:
        radial-gradient(circle at 50% 48%, rgba(255,255,255,.16), transparent 38%),
        linear-gradient(135deg, #0f1720 0%, #253241 48%, #111820 100%);
      border: 1px solid rgba(255,255,255,.18);
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), inset 0 -70px 90px rgba(0,0,0,.18);
    }
    .zinc-hero-image img { width: min(660px, 98%); filter: drop-shadow(0 26px 42px rgba(0,0,0,.48)); }
    .zinc-intro-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px;
      margin-top: 22px;
    }
    .zinc-intro-card {
      background: white;
      border: 1px solid var(--line);
      border-radius: 22px;
      padding: 22px;
      box-shadow: 0 14px 34px rgba(7,24,68,.06);
    }
    .zinc-intro-card strong { display: block; color: var(--navy); font-family: Fraunces, Georgia, serif; font-size: 1.28rem; line-height: 1.1; }
    .zinc-intro-card p { margin-top: 10px; font-size: .94rem; }
    .zinc-catalog { margin-top: 44px; }
    .zinc-catalog-head { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 22px; }
    .zinc-catalog-head p { max-width: 520px; }
    .zinc-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px;
    }
    .zinc-card {
      background: white;
      border: 1px solid var(--line);
      border-radius: 28px;
      overflow: hidden;
      box-shadow: 0 16px 44px rgba(7,24,68,.07);
      display: flex;
      flex-direction: column;
      min-height: 430px;
    }
    .zinc-photo {
      height: 240px;
      display: grid;
      place-items: center;
      padding: 18px;
      background:
        radial-gradient(circle at 50% 46%, rgba(255,255,255,.18), transparent 36%),
        linear-gradient(135deg, #151d27 0%, #2f3b49 48%, #111821 100%);
      border-bottom: 1px solid #26313d;
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), inset 0 -48px 70px rgba(0,0,0,.18);
    }
    .zinc-photo img { width: 100%; max-height: 204px; object-fit: contain; filter: drop-shadow(0 18px 26px rgba(0,0,0,.44)); }
    .zinc-card-body { padding: 22px; display: flex; flex-direction: column; flex: 1; }
    .zinc-card-body h3 { color: var(--navy); font-size: 1.5rem; }
    .zinc-card-body p { margin-top: 10px; font-size: .95rem; }
    .zinc-specs {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 8px;
      margin-top: auto;
      padding-top: 20px;
    }
    .zinc-specs span {
      background: #edf3fa;
      color: var(--navy);
      border-radius: 999px;
      padding: 8px 10px;
      font-size: .74rem;
      font-weight: 850;
      text-align: center;
    }
    .zinc-specs-single {
      grid-template-columns: 1fr;
      max-width: 120px;
    }
    .zinc-card .zinc-card-body p { min-height: 0; }
    .zinc-spec-sheet {
      margin-top: 34px;
      background: #0f1720;
      border: 1px solid rgba(255,255,255,.14);
      color: #fff;
      padding: clamp(18px, 3vw, 34px);
    }
    .zinc-spec-sheet h2 { margin: 0 0 8px; font-size: clamp(1.8rem, 3.3vw, 3.5rem); }
    .zinc-spec-sheet p { color: rgba(255,255,255,.72); margin: 0 0 18px; max-width: 820px; }
    .zinc-spec-table-wrap { overflow-x: auto; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.03); }
    .zinc-spec-table { width: 100%; border-collapse: collapse; min-width: 640px; }
    .zinc-spec-table th,
    .zinc-spec-table td { padding: 12px 14px; border-bottom: 1px solid rgba(255,255,255,.12); text-align: left; vertical-align: top; }
    .zinc-spec-table th { color: #fff; font-size: .78rem; text-transform: uppercase; letter-spacing: .08em; background: rgba(255,255,255,.07); }
    .zinc-spec-table td { color: rgba(255,255,255,.82); font-size: .95rem; }
    .zinc-spec-table strong { color: #fff; }
    .zinc-note {
      margin-top: 24px;
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 20px;
      align-items: center;
      background: white;
      border: 1px solid var(--line);
      border-left: 6px solid var(--red);
      border-radius: 24px;
      padding: 24px;
      box-shadow: 0 14px 34px rgba(7,24,68,.06);
    }
    .zinc-note strong { display: block; color: var(--navy); font-family: Fraunces, Georgia, serif; font-size: 1.35rem; }
    .zinc-note p { margin-top: 6px; }

    .zinc-order-sheet {
      margin-top: 28px;
      background: #ffffff;
      border: 1px solid var(--line);
      border-top: 6px solid var(--navy);
      padding: 28px;
      box-shadow: 0 18px 48px rgba(7,24,68,.08);
    }
    .zinc-order-top {
      display: grid;
      grid-template-columns: 1.4fr .9fr;
      gap: 24px;
      align-items: start;
      margin-bottom: 22px;
    }
    .zinc-order-top h3 {
      color: var(--navy);
      font-size: clamp(1.75rem, 2.6vw, 2.8rem);
      line-height: .98;
      margin-bottom: 10px;
    }
    .zinc-order-top p { max-width: 720px; }
    .zinc-order-contact {
      background: #f3f6f9;
      border: 1px solid var(--line);
      padding: 18px;
      font-size: .92rem;
      color: var(--muted);
    }
    .zinc-order-contact strong { display: block; color: var(--navy); margin-bottom: 6px; }
    .zinc-table-wrap { overflow-x: auto; border: 1px solid var(--line); }
    .zinc-order-table {
      width: 100%;
      min-width: 880px;
      border-collapse: collapse;
      background: white;
    }
    .zinc-order-table th {
      background: var(--navy);
      color: #fff;
      text-align: left;
      font-size: .75rem;
      text-transform: uppercase;
      letter-spacing: .08em;
      padding: 13px 14px;
      white-space: nowrap;
    }
    .zinc-order-table td {
      border-top: 1px solid var(--line);
      padding: 13px 14px;
      font-size: .92rem;
      color: var(--muted);
      vertical-align: top;
    }
    .zinc-order-table td:first-child { color: var(--navy); font-weight: 900; }
    .zinc-placeholder {
      display: inline-block;
      padding: 4px 9px;
      background: #edf3fa;
      color: var(--navy);
      font-size: .72rem;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: .06em;
    }
    .zinc-order-foot {
      display: flex;
      justify-content: space-between;
      gap: 18px;
      align-items: center;
      margin-top: 18px;
      padding-top: 18px;
      border-top: 1px solid var(--line);
    }
    .zinc-order-foot p { font-size: .94rem; max-width: 720px; }


    @media (max-width: 900px) {
      .zinc-hero-panel, .zinc-intro-grid, .zinc-grid, .zinc-note, .zinc-order-top { grid-template-columns: 1fr; }
      .zinc-hero-image { min-height: 300px; }
      .topbar .container { justify-content: center; text-align: center; }
      .topbar span:last-child { display: none; }
      .mobile-toggle,
      .nav-menu-toggle { display: inline-flex; }
      .hero-grid, .legacy-grid, .quality-grid, .map-panel, .territory-panel, .quote-grid, .footer-grid, .brand-strip-grid, .buy-path-grid, .contact-grid { grid-template-columns: 1fr; grid-template-rows: auto; }
      .hero-grid .eyebrow,
      .hero-copy,
      .hero-video,
      .hero-actions { grid-column: 1; grid-row: auto; }
      .hero-video { height: auto; aspect-ratio: 16 / 9; min-height: 220px; }
      .hero-actions { margin-top: 0; }
      .footer-contact { padding-left: 0; border-left: 0; border-top: 1px solid rgba(255,255,255,.16); padding-top: 24px; }
      .hero-grid { padding: 64px 0 110px; gap: 30px; }
      .logo-plate { min-height: 260px; }
      .section-head { display: block; }
      .section-head p { margin-top: 16px; }
      .product-grid { grid-template-columns: repeat(2, 1fr); }
      .quote-card { position: static; }
      .territory-map, .territory-info { min-height: auto; }
      .territory-map svg, .territory-real-map { min-height: 460px; }
    }
    @media (max-width: 640px) {
      .zinc-hero-panel { border-radius: 26px; padding: 22px; }
      .zinc-photo { height: 190px; }
      .zinc-specs { grid-template-columns: 1fr; }
      .container { width: min(100% - 28px, 1180px); }
      .brand img { width: 64px; height: 64px; }
      .brand span { font-size: .92rem; }
      section { padding: 66px 0; }
      .hero-note, .product-grid, .quality-points, .dist-grid, .region-list, .coverage-stat, .form-grid { grid-template-columns: 1fr; }
      .span-2 { grid-column: auto; }
      .form-actions { align-items: stretch; flex-direction: column; }
      .btn { width: 100%; }
      .territory-panel { padding: 14px; border-radius: 24px; }
      .territory-map { border-radius: 20px; }
      .territory-info { padding: 22px; border-radius: 20px; }
      .map-title-card { position: static; margin: 14px; width: auto; }

      .crab-hero-panel, .crab-gallery { grid-template-columns: 1fr; }
      .crab-hero-copy { padding: 28px; }
      .crab-hero-image-wrap { min-height: 280px; }
      .crab-img { height: 260px; }
      .crab-cta { flex-direction: column; align-items: stretch; }

    }
  

    /* v16 industrial refinement: sharper Mustang Survival style without cloning it */
    :root {
      --navy: #07172f;
      --navy-2: #102f70;
      --red: #cf231f;
      --ink: #090d14;
      --muted: #4e5b69;
      --paper: #f5f5f2;
      --line: rgba(9,13,20,.14);
      --shadow: 0 18px 44px rgba(7, 23, 47, .14);
      --radius: 4px;
    }
    body { background: #f6f6f3; }
    .container { width: min(1240px, calc(100% - 48px)); }
    .topbar { background: #0b0b0b; color: rgba(255,255,255,.78); text-transform: uppercase; font-weight: 800; letter-spacing: .06em; font-size: .72rem; }
    header { background: rgba(255,255,255,.98); border-bottom: 1px solid #d9d9d4; }
    .nav { padding: 6px 0; }
    .brand img { width: 122px; height: 122px; border-radius: 0; object-fit: contain; box-shadow: none; }
    .navlinks { font-family: "Barlow Condensed", Inter, sans-serif; text-transform: uppercase; letter-spacing: .07em; font-size: 1.22rem; font-weight: 800; gap: 30px; color: #111; }
    .nav-parent { padding: 24px 0; }
    .nav-dropdown { border-radius: 0; border: 1px solid #d5d5d0; box-shadow: 0 18px 40px rgba(0,0,0,.14); padding: 0; background: #fff; }
    .nav-dropdown a { border-radius: 0; border-bottom: 1px solid #ededeb; padding: 14px 16px; }
    .nav-dropdown a:hover { background: #111; color: white; }

    .products-menu { min-width: 360px; }
    .menu-section-title {
      padding: 14px 16px 8px;
      font-family: "Barlow Condensed", Inter, sans-serif;
      font-size: .82rem;
      letter-spacing: .11em;
      text-transform: uppercase;
      font-weight: 900;
      color: var(--red);
      background: #f6f6f3;
      border-bottom: 1px solid #ededeb;
    }
    .products-menu a small { text-transform: none; letter-spacing: 0; font-family: Inter, sans-serif; }
    .btn { border-radius: 0; padding: 14px 24px; text-transform: uppercase; letter-spacing: .06em; font-size: .86rem; box-shadow: none; }
    .btn-primary { background: var(--red); box-shadow: none; }
    .btn-secondary { background: transparent; border-color: rgba(255,255,255,.7); }
    .btn-light { box-shadow: none; border: 1px solid #111; }
    .hero { background: linear-gradient(90deg, rgba(0,0,0,.72), rgba(7,23,47,.92)), radial-gradient(circle at 92% 18%, rgba(207,35,31,.30), transparent 30%), linear-gradient(135deg, #07172f, #102f70); }
    .hero::after { display: none; }
    .hero-grid { padding: 110px 0 75px; min-height: auto; }
    .hero h1 { font-size: clamp(4rem, 8.8vw, 8.8rem); max-width: 860px; text-shadow: 0 18px 42px rgba(0,0,0,.22); }
    .hero p,
    .hero-lead { max-width: 610px; font-size: clamp(1rem, 1.3vw, 1.18rem); font-weight: 650; color: rgba(255,255,255,.86); }
    .hero-card, .logo-plate, .hero-note, .product-card, .crab-hero-panel, .crab-card, .crab-cta, .quality-panel, .quality-point, .timeline-item, .territory-panel, .territory-map, .territory-info, .buy-path-card, .dist-card, .address-card, .quote-card, form, .zinc-hero-panel, .zinc-hero-image, .zinc-card, .zinc-note, .zinc-order-sheet, .zinc-order-contact { border-radius: 0 !important; }
    .logo-plate { background: #fff; min-height: 390px; }
    .logo-plate img { border-radius: 0; width: min(380px, 92%); }
    .hero-note { margin-top: 0; border: 0; }
    .hero-note div { background: #fff; border-right: 1px solid #ddd; }
    .brand-strip-grid div { background: #fff; }
    .product-grid, .crab-gallery, .zinc-grid { gap: 22px; }
    .product-card, .quality-point, .dist-card, .zinc-card, .crab-card { box-shadow: none; border: 1px solid #d9d9d4; }
    .product-card:hover, .zinc-card:hover, .crab-card:hover { transform: translateY(-3px); box-shadow: 0 20px 34px rgba(0,0,0,.10); }
    .product-art { background: #fff; border-bottom: 1px solid #d9d9d4; }
    .chip { border-radius: 0; text-transform: uppercase; letter-spacing: .05em; }
    .crab-hero-copy, .quality-panel, .quote-card, .zinc-hero-panel { background: linear-gradient(135deg, #05080d, #07172f 58%, #102f70); }
    .crab-hero-image-wrap, .crab-img { background: #fff; }
    .crab-hero-image-wrap img, .crab-img img { border-radius: 0; box-shadow: none; }
    .crab-feature-list span, .map-badge, .dist-meta { border-radius: 0; text-transform: uppercase; }
    .section-head { border-bottom: 2px solid #111; padding-bottom: 24px; }
    .eyebrow { font-family: "Barlow Condensed", Inter, sans-serif; letter-spacing: .14em; font-size: 1rem; }
    h2 { font-size: clamp(2.8rem, 5vw, 5.8rem); }
    h3 { font-size: 1.75rem; }
    .footer-brand img { border-radius: 0; object-fit: contain; }
    input, textarea, select { border-radius: 0 !important; }
    @media (max-width: 760px) {
      .brand img { width: 82px; height: 82px; }
      .hero-grid { min-height: auto; padding: 72px 0; }
      .navlinks { font-size: 1rem; gap: 14px; }
    }



    /* v17 history page upgrade */
    .history-page {
      background: #f4f1ea;
      color: #0b1020;
      position: relative;
      overflow: hidden;
      border-top: 3px solid #0b1020;
      border-bottom: 3px solid #0b1020;
    }
    .history-page::before {
      content: "1964";
      position: absolute;
      right: -34px;
      top: 18px;
      font-family: "Barlow Condensed", Inter, sans-serif;
      font-size: clamp(9rem, 18vw, 20rem);
      line-height: .8;
      font-weight: 900;
      letter-spacing: -.05em;
      color: rgba(11,16,32,.055);
      pointer-events: none;
    }
    .history-kicker-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 20px;
      margin-bottom: 28px;
      border-bottom: 2px solid #0b1020;
      padding-bottom: 18px;
      position: relative;
      z-index: 1;
    }
    .history-badge {
      border: 2px solid #0b1020;
      padding: 8px 14px;
      font-family: "Barlow Condensed", Inter, sans-serif;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: .08em;
      background: #fff;
    }
    .history-hero {
      display: grid;
      grid-template-columns: minmax(0, 1.25fr) 360px;
      gap: 36px;
      align-items: stretch;
      position: relative;
      z-index: 1;
    }
    .history-copy h2 {
      color: #0b1020;
      max-width: 980px;
      margin-bottom: 22px;
    }
    .history-lead {
      font-size: clamp(1.2rem, 2vw, 1.55rem);
      line-height: 1.45;
      color: #161b28;
      max-width: 980px;
      font-weight: 650;
    }
    .history-copy p:not(.history-lead) {
      max-width: 820px;
      font-size: 1.08rem;
      margin-top: 18px;
      color: #3e4554;
    }
    .history-proof-card {
      background: #07172f;
      color: #fff;
      border: 2px solid #07172f;
      padding: 30px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      min-height: 320px;
      box-shadow: 12px 12px 0 #c8231e;
    }
    .proof-number {
      font-family: "Barlow Condensed", Inter, sans-serif;
      font-size: clamp(5.5rem, 10vw, 9rem);
      line-height: .8;
      font-weight: 900;
      color: #fff;
    }
    .proof-label {
      margin-top: 16px;
      font-family: "Barlow Condensed", Inter, sans-serif;
      text-transform: uppercase;
      letter-spacing: .08em;
      font-size: 1.25rem;
      font-weight: 800;
    }
    .proof-line { height: 3px; width: 80px; background: #c8231e; margin: 22px 0; }
    .history-proof-card p { color: rgba(255,255,255,.78); font-size: 1rem; }
    .history-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 22px;
      margin-top: 50px;
      position: relative;
      z-index: 1;
    }
    .history-panel {
      border: 2px solid #0b1020;
      background: #fff;
      padding: 30px;
    }
    .history-panel h3,
    .history-bottom h3 {
      font-family: "Barlow Condensed", Inter, sans-serif;
      text-transform: uppercase;
      letter-spacing: .035em;
      font-size: clamp(2rem, 3vw, 3rem);
      line-height: .95;
      color: #0b1020;
      margin-bottom: 18px;
    }
    .history-panel p,
    .history-bottom p {
      color: #3e4554;
      line-height: 1.65;
      margin-top: 14px;
      font-size: 1rem;
    }
    .history-panel.dark-panel {
      background: #0b1020;
      color: #fff;
      border-color: #0b1020;
    }
    .history-panel.dark-panel h3 { color: #fff; }
    .history-panel.dark-panel p { color: rgba(255,255,255,.74); }
    .history-timeline {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      margin-top: 24px;
      border: 2px solid #0b1020;
      background: #fff;
      position: relative;
      z-index: 1;
    }
    .history-step {
      padding: 24px;
      border-right: 2px solid #0b1020;
      min-height: 210px;
    }
    .history-step:last-child { border-right: 0; }
    .history-step span {
      display: inline-block;
      background: #c8231e;
      color: #fff;
      padding: 5px 9px;
      font-family: "Barlow Condensed", Inter, sans-serif;
      font-size: 1.05rem;
      text-transform: uppercase;
      letter-spacing: .08em;
      font-weight: 800;
      margin-bottom: 18px;
    }
    .history-step strong {
      display: block;
      color: #0b1020;
      font-family: "Barlow Condensed", Inter, sans-serif;
      text-transform: uppercase;
      letter-spacing: .04em;
      font-size: 1.45rem;
      line-height: 1;
    }
    .history-step p {
      margin-top: 12px;
      color: #4b5260;
      line-height: 1.5;
      font-size: .96rem;
    }
    .history-bottom {
      margin-top: 24px;
      background: #fff;
      border: 2px solid #0b1020;
      padding: 30px;
      display: grid;
      grid-template-columns: 1fr auto;
      align-items: center;
      gap: 28px;
      position: relative;
      z-index: 1;
    }
    .history-bottom p { max-width: 820px; }
    @media (max-width: 960px) {
      .history-hero, .history-grid, .history-bottom { grid-template-columns: 1fr; }
      .history-proof-card { min-height: 240px; }
      .history-timeline { grid-template-columns: 1fr 1fr; }
      .history-step:nth-child(2) { border-right: 0; }
      .history-step:nth-child(1), .history-step:nth-child(2) { border-bottom: 2px solid #0b1020; }
    }
    @media (max-width: 620px) {
      .history-kicker-row { align-items: flex-start; flex-direction: column; }
      .history-timeline { grid-template-columns: 1fr; }
      .history-step { border-right: 0; border-bottom: 2px solid #0b1020; }
      .history-step:last-child { border-bottom: 0; }
      .history-proof-card { box-shadow: 8px 8px 0 #c8231e; }
    }

    .bait-page {
      background: #f4f5f7;
      border-top: 2px solid #0b1020;
      border-bottom: 2px solid #0b1020;
    }
    .bait-hero-panel {
      display: grid;
      grid-template-columns: 1.1fr .9fr;
      gap: 0;
      border: 2px solid #0b1020;
      background: #fff;
      box-shadow: 14px 14px 0 rgba(11,16,32,.10);
    }
    .bait-hero-copy {
      padding: 48px;
      border-right: 2px solid #0b1020;
    }
    .bait-hero-copy h2 {
      font-size: clamp(3rem, 7vw, 5.9rem);
      line-height: .86;
      margin-bottom: 20px;
    }
    .bait-hero-copy p {
      max-width: 720px;
      font-size: 1.05rem;
      line-height: 1.6;
      color: #394150;
      margin-bottom: 24px;
    }
    .bait-logo-panel {
      display: grid;
      place-items: center;
      padding: 44px;
      background:
        linear-gradient(135deg, rgba(200,35,30,.08), rgba(255,255,255,0) 42%),
        linear-gradient(180deg, #fff, #eceff4);
      position: relative;
      overflow: hidden;
    }
    .bait-logo-panel:before {
      content: "";
      position: absolute;
      inset: 22px;
      border: 2px solid rgba(11,16,32,.12);
      pointer-events: none;
    }
    .bait-logo-card {
      width: min(360px, 90%);
      background: #fff;
      border: 2px solid #0b1020;
      padding: 28px;
      text-align: center;
      box-shadow: 10px 10px 0 #c8231e;
      position: relative;
      z-index: 1;
    }
    .bait-logo-card img {
      max-width: 100%;
      height: auto;
      display: block;
      margin: 0 auto 16px;
    }
    .bait-logo-card strong {
      display: block;
      font-family: "Barlow Condensed", Inter, sans-serif;
      text-transform: uppercase;
      letter-spacing: .08em;
      font-size: 1.3rem;
      color: #0b1020;
    }
    .bait-product-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 18px;
      margin-top: 26px;
    }
    .bait-product-card {
      background: #fff;
      border: 2px solid #0b1020;
      display: grid;
      grid-template-columns: 220px 1fr;
      min-height: 260px;
    }
    .bait-product-visual {
      border-right: 2px solid #0b1020;
      background: #0b1020;
      display: grid;
      place-items: center;
      position: relative;
      overflow: hidden;
    }
    .bait-product-visual:after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg, rgba(255,255,255,.12), transparent 45%);
    }

    .product-photo-panel {
      background:
        linear-gradient(135deg, rgba(200,35,30,.10), rgba(255,255,255,0) 45%),
        #f4f6f8;
      padding: 18px;
    }
    .product-photo-panel:after {
      background: linear-gradient(135deg, rgba(11,16,32,.05), transparent 48%);
      pointer-events: none;
    }
    .bait-product-photo {
      position: relative;
      z-index: 1;
      display: block;
      max-width: 100%;
      max-height: 218px;
      object-fit: contain;
      filter: drop-shadow(10px 12px 14px rgba(11,16,32,.22));
    }
    .bait-product-photo-pellets {
      max-height: 238px;
    }
    .bait-product-photo-oil {
      max-height: 210px;
    }
    .pellet-bag, .oil-jug {
      position: relative;
      z-index: 1;
      background: #fff;
      border: 2px solid #fff;
      box-shadow: 8px 8px 0 #c8231e;
    }
    .pellet-bag {
      width: 112px;
      height: 150px;
      clip-path: polygon(8% 0, 92% 0, 100% 100%, 0 100%);
    }
    .pellet-bag:before {
      content: "PELLETS";
      position: absolute;
      left: 50%;
      top: 54%;
      transform: translate(-50%, -50%);
      font-family: "Barlow Condensed", Inter, sans-serif;
      font-size: 1.25rem;
      font-weight: 800;
      letter-spacing: .1em;
      color: #0b1020;
    }
    .pellet-bag:after {
      content: "";
      position: absolute;
      left: 18px;
      right: 18px;
      top: 30px;
      height: 12px;
      background: repeating-linear-gradient(90deg, #c8231e 0 7px, #0b1020 7px 14px);
    }
    .oil-jug {
      width: 118px;
      height: 150px;
      border-radius: 0;
    }
    .oil-jug:before {
      content: "OIL";
      position: absolute;
      left: 50%;
      top: 58%;
      transform: translate(-50%, -50%);
      font-family: "Barlow Condensed", Inter, sans-serif;
      font-size: 1.8rem;
      font-weight: 900;
      letter-spacing: .08em;
      color: #0b1020;
    }
    .oil-jug:after {
      content: "";
      position: absolute;
      width: 54px;
      height: 28px;
      left: 32px;
      top: -30px;
      border: 2px solid #fff;
      border-bottom: 0;
      background: #0b1020;
    }
    .bait-product-copy {
      padding: 30px;
    }
    .bait-product-copy h3 {
      font-size: 2.15rem;
      line-height: .95;
      margin-bottom: 12px;
    }
    .bait-product-copy p {
      color: #4b5260;
      line-height: 1.55;
      margin-bottom: 18px;
    }
    .bait-proof-row {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 0;
      margin-top: 22px;
      border: 2px solid #0b1020;
      background: #fff;
    }
    .bait-proof-row div {
      padding: 20px;
      border-right: 2px solid #0b1020;
    }
    .bait-proof-row div:last-child { border-right: 0; }
    .bait-proof-row b {
      display: block;
      font-family: "Barlow Condensed", Inter, sans-serif;
      font-size: 1.35rem;
      text-transform: uppercase;
      letter-spacing: .05em;
      margin-bottom: 6px;
    }
    .bait-proof-row span { color: #4b5260; line-height: 1.45; }
    @media (max-width: 1050px) {
      .bait-hero-panel, .bait-product-card { grid-template-columns: 1fr; }
      .bait-hero-copy { border-right: 0; border-bottom: 2px solid #0b1020; }
      .bait-product-visual { min-height: 220px; border-right: 0; border-bottom: 2px solid #0b1020; }
    }
    @media (max-width: 760px) {
      .bait-hero-copy, .bait-logo-panel { padding: 28px; }
      .bait-product-grid, .bait-proof-row { grid-template-columns: 1fr; }
      .bait-proof-row div { border-right: 0; border-bottom: 2px solid #0b1020; }
      .bait-proof-row div:last-child { border-bottom: 0; }
    }


    .accessories-page {
      background: #fff;
      border-top: 2px solid #0b1020;
      border-bottom: 2px solid #0b1020;
    }
    .accessories-hero {
      display: grid;
      grid-template-columns: .95fr 1.05fr;
      border: 2px solid #0b1020;
      background: #0b1020;
      color: #fff;
      box-shadow: 14px 14px 0 rgba(200,35,30,.18);
    }
    .accessories-copy { padding: 48px; }
    .accessories-copy h2 {
      color: #fff;
      font-size: clamp(3rem, 7vw, 5.8rem);
      line-height: .86;
      margin-bottom: 20px;
    }
    .accessories-copy p {
      color: rgba(255,255,255,.78);
      max-width: 720px;
      font-size: 1.05rem;
      line-height: 1.6;
      margin-bottom: 24px;
    }
    .accessories-visual {
      border-left: 2px solid #0b1020;
      background:
        linear-gradient(135deg, rgba(200,35,30,.75), rgba(200,35,30,0) 36%),
        repeating-linear-gradient(135deg, rgba(255,255,255,.06) 0 2px, transparent 2px 18px),
        #151b28;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 0;
      min-height: 390px;
    }
    .accessory-tile {
      border-left: 2px solid rgba(255,255,255,.12);
      border-bottom: 2px solid rgba(255,255,255,.12);
      display: grid;
      place-items: center;
      padding: 24px;
      position: relative;
      overflow: hidden;
    }
    .accessory-tile:nth-child(odd) { border-left: 0; }
    .accessory-tile:nth-child(3), .accessory-tile:nth-child(4) { border-bottom: 0; }
    .accessory-icon {
      width: 110px;
      height: 110px;
      border: 2px solid #fff;
      display: grid;
      place-items: center;
      color: #fff;
      box-shadow: 8px 8px 0 #c8231e;
      background: rgba(255,255,255,.04);
    }
    .accessory-icon svg { width: 62px; height: 62px; stroke: currentColor; fill: none; stroke-width: 3; }
    .accessory-tile strong {
      position: absolute;
      left: 18px;
      bottom: 16px;
      font-family: "Barlow Condensed", Inter, sans-serif;
      font-size: 1.45rem;
      text-transform: uppercase;
      letter-spacing: .06em;
    }
    .accessory-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 18px;
      margin-top: 28px;
    }
    .accessory-card {
      border: 2px solid #0b1020;
      background: #fff;
      min-height: 250px;
      display: flex;
      flex-direction: column;
    }
    .accessory-card-top {
      height: 110px;
      background: #f4f5f7;
      border-bottom: 2px solid #0b1020;
      display: grid;
      place-items: center;
      color: #0b1020;
    }
    .accessory-card-top svg { width: 58px; height: 58px; stroke: currentColor; fill: none; stroke-width: 3; }
    .accessory-card-copy { padding: 22px; }
    .accessory-card-copy h3 {
      font-size: 1.8rem;
      line-height: .95;
      margin-bottom: 10px;
    }
    .accessory-card-copy p {
      color: #4b5260;
      line-height: 1.5;
      margin-bottom: 16px;
    }
    .accessories-proof {
      margin-top: 22px;
      border: 2px solid #0b1020;
      background: #f4f5f7;
      padding: 26px;
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 24px;
      align-items: center;
    }
    .accessories-proof strong {
      display: block;
      font-family: "Barlow Condensed", Inter, sans-serif;
      font-size: 2rem;
      text-transform: uppercase;
      letter-spacing: .05em;
      line-height: .95;
      margin-bottom: 8px;
      color: #0b1020;
    }
    .accessories-proof p { color: #4b5260; max-width: 780px; line-height: 1.55; }
    @media (max-width: 1050px) {
      .accessories-hero, .accessories-proof { grid-template-columns: 1fr; }
      .accessories-visual { border-left: 0; border-top: 2px solid #0b1020; }
      .accessory-grid { grid-template-columns: repeat(2, 1fr); }
    }
    @media (max-width: 640px) {
      .accessories-copy { padding: 30px; }
      .accessories-visual, .accessory-grid { grid-template-columns: 1fr; }
      .accessory-tile { min-height: 180px; border-left: 0; }
      .accessory-tile:nth-child(3) { border-bottom: 2px solid rgba(255,255,255,.12); }
      .accessory-grid { gap: 14px; }
      .accessories-proof { padding: 22px; }
    }


    /* V27 accessories product photography */
    .accessories-visual.photo-matrix { background:#0b1020; }
    .accessory-tile.photo-tile { padding:0; display:block; min-height:195px; }
    .accessory-tile.photo-tile img { width:100%; height:100%; min-height:195px; object-fit:cover; display:block; filter: saturate(1.05) contrast(1.04); }
    .accessory-tile.photo-tile::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.72)); pointer-events:none; }
    .accessory-tile.photo-tile strong { z-index:2; color:#fff; text-shadow:0 2px 8px rgba(0,0,0,.55); }
    .accessory-card.product-photo-card { min-height:unset; }
    .accessory-card.product-photo-card .accessory-card-top {
      height: auto;
      background: #fff;
      padding: 14px;
      display: block;
    }
    .accessory-card.product-photo-card .accessory-card-top img {
      width: 100%;
      aspect-ratio: 1 / 1;
      height: auto;
      object-fit: contain;
      display: block;
    }
    .accessory-card-copy .subline { display:block; margin-top:-5px; margin-bottom:12px; color:#c8231e; font-weight:800; text-transform:uppercase; letter-spacing:.06em; font-size:.78rem; }
    /* V39: keep accessory product photos visible, especially snaps & hooks hardware */
    .accessory-card.product-photo-card .accessory-tile.photo-tile {
      min-height: 220px;
      background: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
    }
    .accessory-card.product-photo-card .accessory-tile.photo-tile img {
      width: 100%;
      height: 220px;
      min-height: 0;
      object-fit: contain;
      object-position: center center;
      padding: 18px;
      background: #fff;
    }
    .accessory-card.product-photo-card .accessory-tile.photo-tile::after {
      display: none;
    }


  

    .prawn-traps { background: linear-gradient(180deg, #ffffff 0%, var(--paper) 100%); }
    .prawn-gallery .crab-img img { object-fit: contain; padding: 12px; background: #fff; }

/* V32 product-card image cleanup */
.products .product-card .product-art{background:#fff;min-height:230px;display:flex;align-items:center;justify-content:center;padding:18px;border-bottom:1px solid rgba(10,22,43,.12);}
.products .product-card .product-art svg{display:none;}
.products .product-card .product-photo{width:100%;height:210px;object-fit:contain;display:block;filter:contrast(1.03) saturate(1.02);}
@media (max-width: 760px){.products .product-card .product-art{min-height:190px}.products .product-card .product-photo{height:175px}}


    .trap-subhead { margin-top: 42px; }
    .trap-subhead h3 {
      font-family: "Barlow Condensed", Inter, system-ui, sans-serif;
      font-size: clamp(2rem, 3vw, 3.4rem);
      line-height: .95;
      text-transform: uppercase;
      letter-spacing: -.005em;
      color: var(--navy);
      margin-top: 8px;
    }
    .crab-gallery-2 { grid-template-columns: repeat(2, 1fr); }
    .twine-options {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 18px;
      margin-bottom: 8px;
    }
    .twine-option {
      margin: 0;
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 20px;
      overflow: hidden;
      box-shadow: 0 12px 34px rgba(7,24,68,.06);
    }
    .twine-swatch {
      display: block;
      width: 100%;
      aspect-ratio: 1;
      background: var(--twine-color, #ccc);
    }
    .twine-swatch-orange { --twine-color: #e07020; }
    .twine-swatch-pink { --twine-color: #c94d7a; }
    .twine-swatch-white {
      --twine-color: #f2f2ee;
      box-shadow: inset 0 0 0 1px rgba(11, 16, 32, .14);
    }
    .twine-swatch-black { --twine-color: #1a1a1a; }
    .twine-option figcaption {
      padding: 12px 14px 14px;
      text-align: center;
      font-family: "Barlow Condensed", Inter, sans-serif;
      font-weight: 800;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: var(--navy);
      font-size: .82rem;
    }
    @media (max-width: 900px) {
      .twine-options { grid-template-columns: repeat(2, 1fr); }
      .crab-gallery-2 { grid-template-columns: 1fr; }
    }

    .prawn-gallery {
      align-items: stretch;
    }
    .prawn-gallery .crab-card {
      min-width: 0;
      overflow: hidden;
    }
    .prawn-gallery .crab-img {
      height: 320px;
      min-height: 320px;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      padding: 24px;
      background: #fff;
    }
    .prawn-gallery .crab-img img {
      width: auto !important;
      height: auto !important;
      max-width: 100% !important;
      max-height: 100% !important;
      object-fit: contain !important;
      object-position: center center !important;
      display: block;
      margin: 0 auto;
      padding: 0 !important;
      background: transparent !important;
    }
    .prawn-gallery .crab-card-body {
      min-height: 158px;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
    }
    @media (max-width: 720px) {
      .prawn-gallery .crab-img {
        height: 260px;
        min-height: 260px;
        padding: 18px;
      }
      .prawn-gallery .crab-card-body {
        min-height: auto;
      }
    }



/* V40: fix Accessories hero matrix Snaps & Hooks crop */
.accessories-visual.photo-matrix .accessory-tile.photo-tile img[alt="Commercial snap and hook hardware"] {
  object-fit: contain !important;
  object-position: center center !important;
  padding: 20px !important;
  background: #ffffff !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 195px !important;
  filter: saturate(1.03) contrast(1.02) !important;
}
.accessories-visual.photo-matrix .accessory-tile.photo-tile:has(img[alt="Commercial snap and hook hardware"])::after {
  background: linear-gradient(180deg, rgba(0,0,0,0) 58%, rgba(0,0,0,.76));
}


/* V41: fix Accessories hero matrix rope image crop */
.accessories-visual.photo-matrix .accessory-tile.photo-tile img[alt="Blue commercial rope coils"] {
  object-fit: contain !important;
  object-position: center center !important;
  padding: 20px !important;
  background: #ffffff !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 195px !important;
  filter: saturate(1.03) contrast(1.02) !important;
}
.accessories-visual.photo-matrix .accessory-tile.photo-tile:has(img[alt="Blue commercial rope coils"])::after {
  background: linear-gradient(180deg, rgba(0,0,0,0) 58%, rgba(0,0,0,.76));
}



/* V42: fix Accessories Floats & Buoys image so label does not cover product */
.accessories-visual.photo-matrix .accessory-tile.photo-tile img[alt="Red marine buoy"] {
  object-fit: contain !important;
  object-position: center center !important;
  padding: 18px 24px 50px 24px !important;
  background: #ffffff !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 195px !important;
  filter: saturate(1.03) contrast(1.02) !important;
}
.accessories-visual.photo-matrix .accessory-tile.photo-tile:has(img[alt="Red marine buoy"])::after {
  background: linear-gradient(180deg, rgba(0,0,0,0) 64%, rgba(0,0,0,.76));
}
    /* V47 fixes: make buying path buttons visible on light cards and add distributor links */
    .buy-path .btn-secondary, .contact-info .btn-secondary {
      color: var(--navy) !important;
      border-color: rgba(11,36,99,.55) !important;
      background: rgba(11,36,99,.06) !important;
    }
    .buy-path .btn-secondary:hover, .contact-info .btn-secondary:hover {
      color: #fff !important;
      background: var(--navy) !important;
      border-color: var(--navy) !important;
    }
    .buy-path-actions .btn {
      min-width: 190px;
      justify-content: center;
      text-align: center;
    }
    .dist-actions {
      margin-top: 18px;
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }
    .dist-actions .btn {
      padding: 11px 16px;
      font-size: .78rem;
      min-height: 42px;
    }
    .dist-actions .btn-secondary {
      color: var(--navy) !important;
      border-color: rgba(11,36,99,.5) !important;
      background: rgba(11,36,99,.05) !important;
    }
    .dist-actions .btn-secondary:hover {
      color: #fff !important;
      background: var(--navy) !important;
    }