.anl-hero-trust {
    font-family: "League Spartan", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: .4px;
    text-transform: uppercase;
    color: rgba(255,255,255,.85);
}

.anl-hero-trust div {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 21px;
}

.anl-hero-trust div:last-child {
    margin-bottom: 0;
}

.anl-hero-trust span {
    display: inline-block;
    width: 21px;
    height: 1px;
    background: #62B5E5;
    flex: 0 0 21px;
}
.anl-hero-trust {
    position: relative;
    z-index: 2;
}

/* ============================================================
   AMERICAN-NEWLONG
   PRODUCT PAGE
   COMPLETE CONSOLIDATED STYLESHEET

   BRAND:
   Blue:   #19478b
   Orange: #fe5000

   INCLUDES:
   - Homepage-matched spacing
   - Hero + product image
   - Quick specifications
   - Chain-stitch section
   - Bag application cards
   - Four-step process
   - Small-scale packaging options
   - Technical specifications
   - Clean specification footnote
   - Light final CTA
   - Correct CTA button colors
   - No decorative background circles
   - Desktop / tablet / mobile responsive behavior
   ============================================================ */


/* ============================================================
   VARIABLES
   ============================================================ */

.anl-product-page {

  --anl-blue: #19478b;
  --anl-blue-dark: #102f61;
  --anl-blue-deep: #0c2854;

  --anl-orange: #fe5000;
  --anl-orange-dark: #e74800;

  --anl-text: #1d2733;
  --anl-muted: #66717d;

  --anl-white: #ffffff;
  --anl-soft: #f5f7f9;
  --anl-border: #dfe5eb;

  --anl-radius: 16px;

  --anl-shadow:
    0 18px 45px rgba(20, 49, 86, .10);

  font-family:
    "Open Sans",
    Arial,
    Helvetica,
    sans-serif;

  color: var(--anl-text);

  line-height: 1.65;

  overflow: hidden;

}



/* ============================================================
   RESET / GLOBAL PRODUCT PAGE
   ============================================================ */

.anl-product-page,
.anl-product-page *,
.anl-product-page *::before,
.anl-product-page *::after {

  box-sizing: border-box;

}


.anl-product-page img {

  max-width: 100%;

}


.anl-product-page p {

  margin-top: 0;

}


.anl-product-page a {

  transition:
    color .2s ease,
    background-color .2s ease,
    border-color .2s ease,
    transform .2s ease,
    box-shadow .2s ease;

}


.anl-product-page h1,
.anl-product-page h2,
.anl-product-page h3 {

  margin-top: 0;

  font-family:
    "League Spartan",
    "Arial Narrow",
    Arial,
    sans-serif;

  color: var(--anl-blue-dark);

  letter-spacing: -.025em;

}


.anl-product-page h1 {

  margin-bottom: 24px;

  font-size:
    clamp(46px, 5vw, 76px);

  line-height: .98;

}


.anl-product-page h2 {

  margin-bottom: 20px;

  font-size:
    clamp(34px, 3.5vw, 52px);

  line-height: 1.05;

}


.anl-product-page h3 {

  margin-bottom: 12px;

  font-size: 23px;

  line-height: 1.15;

}



/* ============================================================
   CONTAINER
   ============================================================ */

.anl-product-container {

  width:
    min(1180px, calc(100% - 48px));

  margin:
    0 auto;

}



/* ============================================================
   EYEBROWS
   ============================================================ */

.anl-product-eyebrow {

  display: block;

  margin-bottom: 16px;

  color:
    var(--anl-orange);

  font-family:
    "League Spartan",
    Arial,
    sans-serif;

  font-size: 14px;

  font-weight: 800;

  letter-spacing: .15em;

  line-height: 1.3;

  text-transform: uppercase;

}


.anl-product-eyebrow-light {

  color: #ffffff;

}



/* ============================================================
   HERO
   ============================================================ */

.anl-product-hero {

  position: relative;

  padding:
    clamp(34px, 4vw, 58px)
    0
    clamp(68px, 7vw, 100px);

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f7f9fb 100%
    );

}



/* ============================================================
   BREADCRUMB
   ============================================================ */

.anl-product-breadcrumb {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 8px;

  margin-bottom:
    clamp(42px, 5vw, 66px);

  color:
    #77818c;

  font-size: 13px;

}


.anl-product-breadcrumb a {

  color:
    #607080;

  text-decoration: none;

}


.anl-product-breadcrumb a:hover {

  color:
    var(--anl-orange);

}



/* ============================================================
   HERO GRID
   ============================================================ */

.anl-product-hero-grid {

  display: grid;

  grid-template-columns:
    minmax(0, 1.05fr)
    minmax(390px, .95fr);

  gap:
    clamp(45px, 6vw, 88px);

  align-items: center;

}



/* ============================================================
   HERO COPY
   ============================================================ */

.anl-product-hero-lead {

  max-width: 700px;

  margin-bottom: 20px;

  color:
    var(--anl-blue);

  font-size:
    clamp(21px, 2vw, 27px);

  font-weight: 700;

  line-height: 1.4;

}


.anl-product-hero-copy {

  max-width: 700px;

  margin-bottom: 30px;

  color:
    var(--anl-muted);

  font-size: 17px;

  line-height: 1.7;

}



/* ============================================================
   HERO PRODUCT IMAGE
   ============================================================ */

.anl-product-hero-visual {

  position: relative;

}


.anl-product-image-card {

  position: relative;

  display: flex;

  min-height: 465px;

  align-items: center;

  justify-content: center;

  padding: 42px;

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f3f5f7 100%
    );

  border:
    1px solid var(--anl-border);

  border-radius: 24px;

  box-shadow:
    var(--anl-shadow);

}


/* subtle machine shadow only */

.anl-product-image-card::after {

  content: "";

  position: absolute;

  left: 50%;
  bottom: 32px;

  width: 195px;
  height: 6px;

  transform:
    translateX(-50%);

  background:
    rgba(20, 45, 75, .07);

  border-radius: 50%;

  filter:
    blur(6px);

}


.anl-product-main-image {

  position: relative;

  z-index: 2;

  display: block;

  width: 100%;
  height: auto;

  max-width: 550px;
  max-height: 405px;

  object-fit: contain;

}


.anl-product-model-tag {

  position: absolute;

  z-index: 3;

  top: 20px;
  right: 20px;

  padding:
    9px 15px;

  background:
    var(--anl-blue);

  border-radius: 999px;

  color:
    #ffffff;

  font-family:
    "League Spartan",
    Arial,
    sans-serif;

  font-size: 13px;

  font-weight: 800;

  letter-spacing: .08em;

}



/* ============================================================
   BUTTON GROUPS
   ============================================================ */

.anl-product-buttons,
.anl-product-final-actions {

  display: flex;

  flex-wrap: wrap;

  gap: 14px;

}



/* ============================================================
   BUTTON BASE
   ============================================================ */

.anl-product-btn {

  display: inline-flex;

  min-height: 52px;

  align-items: center;

  justify-content: center;

  gap: 12px;

  padding:
    14px 23px;

  border:
    2px solid transparent;

  border-radius: 7px;

  font-family:
    "League Spartan",
    Arial,
    sans-serif;

  font-size: 14px;

  font-weight: 800;

  letter-spacing: .045em;

  line-height: 1;

  text-decoration:
    none !important;

  text-transform:
    uppercase;

}



/* PRIMARY ORANGE */

.anl-product-btn-primary {

  background:
    var(--anl-orange);

  color:
    #ffffff !important;

  box-shadow:
    0 9px 23px rgba(254, 80, 0, .22);

}


.anl-product-btn-primary:hover {

  background:
    var(--anl-orange-dark);

  transform:
    translateY(-2px);

}



/* SECONDARY BLUE OUTLINE */

.anl-product-btn-secondary {

  background:
    transparent;

  border-color:
    var(--anl-blue);

  color:
    var(--anl-blue) !important;

}


.anl-product-btn-secondary:hover {

  background:
    var(--anl-blue);

  border-color:
    var(--anl-blue);

  color:
    #ffffff !important;

}



/* WHITE BUTTON */

.anl-product-btn-white {

  background:
    #ffffff;

  color:
    var(--anl-blue) !important;

}


.anl-product-btn-white:hover {

  transform:
    translateY(-2px);

  box-shadow:
    0 10px 24px rgba(0,0,0,.12);

}



/* ORANGE CTA */

.anl-product-btn-orange {

  background:
    var(--anl-orange);

  color:
    #ffffff !important;

}


.anl-product-btn-orange:hover {

  background:
    var(--anl-orange-dark);

}



/* GENERIC WHITE OUTLINE */

.anl-product-btn-outline-white {

  background:
    transparent;

  border-color:
    rgba(255,255,255,.6);

  color:
    #ffffff !important;

}



/* ============================================================
   HERO SUPPORT NOTE
   ============================================================ */

.anl-product-support-note {

  display: flex;

  align-items: center;

  gap: 10px;

  margin-top: 25px;

  color:
    #64717d;

  font-size: 13px;

}


.anl-product-support-dot {

  display: block;

  flex:
    0 0 8px;

  width: 8px;
  height: 8px;

  background:
    var(--anl-orange);

  border-radius: 50%;

}



/* ============================================================
   QUICK SPECIFICATION BAR
   ============================================================ */

.anl-product-quick-specs {

  position: relative;

  z-index: 4;

  margin-top: -34px;

}


.anl-product-quick-grid {

  display: grid;

  grid-template-columns:
    repeat(4, 1fr);

  overflow: hidden;

  background:
    var(--anl-blue);

  border-radius: 16px;

  box-shadow:
    0 18px 40px rgba(16, 47, 97, .22);

}


.anl-product-quick-item {

  display: flex;

  min-height: 122px;

  align-items: center;

  gap: 15px;

  padding:
    25px 24px;

  color:
    #ffffff;

  border-right:
    1px solid rgba(255,255,255,.14);

}


.anl-product-quick-item:last-child {

  border-right: 0;

}


.anl-product-quick-icon {

  display: flex;

  flex:
    0 0 43px;

  width: 43px;
  height: 43px;

  align-items: center;

  justify-content: center;

  background:
    rgba(255,255,255,.10);

  border-radius: 50%;

}


.anl-product-quick-icon svg {

  width: 22px;
  height: 22px;

  fill: none;

  stroke:
    #ffffff;

  stroke-width: 1.7;

  stroke-linecap: round;
  stroke-linejoin: round;

}


.anl-product-quick-value,
.anl-product-quick-label {

  display: block;

}


.anl-product-quick-value {

  margin-bottom: 5px;

  font-family:
    "League Spartan",
    Arial,
    sans-serif;

  font-size: 21px;

  font-weight: 800;

  line-height: 1.1;

}


.anl-product-quick-label {

  color:
    rgba(255,255,255,.75);

  font-size: 12px;

  line-height: 1.35;

}



/* ============================================================
   GENERAL SECTIONS
   HOMEPAGE-MATCHED SPACING
   ============================================================ */

.anl-product-section {

  padding:
    clamp(62px, 6vw, 88px)
    0;

}


/* Allow breathing room after floating quick spec bar */

.anl-product-quick-specs
+ .anl-product-section {

  padding-top:
    clamp(76px, 7vw, 96px);

}


.anl-product-section-soft {

  background:
    var(--anl-soft);

}



/* ============================================================
   SECTION HEADINGS
   ============================================================ */

.anl-product-section-heading {

  max-width: 760px;

  margin-bottom: 42px;

}


.anl-product-section-heading p {

  margin-bottom: 0;

  color:
    var(--anl-muted);

  font-size: 17px;

  line-height: 1.75;

}


.anl-product-heading-centered {

  margin-left: auto;
  margin-right: auto;

  text-align: center;

}



/* ============================================================
   CHAIN-STITCH SPLIT SECTION
   ============================================================ */

.anl-product-split {

  display: grid;

  grid-template-columns:
    1.05fr
    .95fr;

  gap:
    clamp(50px, 8vw, 110px);

  align-items: center;

}


.anl-product-split-content > p {

  max-width: 650px;

  color:
    var(--anl-muted);

  font-size: 17px;

  line-height: 1.75;

}



/* ============================================================
   CHECK LIST
   ============================================================ */

.anl-product-check-list {

  display: grid;

  grid-template-columns:
    repeat(2, 1fr);

  gap:
    11px 30px;

  margin:
    30px 0 0;

  padding: 0;

  list-style: none;

}


.anl-product-check-list li {

  position: relative;

  padding-left: 27px;

  color:
    var(--anl-text);

  font-weight: 700;

}


.anl-product-check-list li::before {

  content: "✓";

  position: absolute;

  left: 0;
  top: 0;

  color:
    var(--anl-orange);

  font-weight: 900;

}



/* ============================================================
   DN-2HS SEWING SYSTEM CARD
   ============================================================ */

.anl-product-material-card {

  position: relative;

  overflow: hidden;

  padding: 40px;

  background:
    linear-gradient(
      145deg,
      var(--anl-blue),
      var(--anl-blue-dark)
    );

  border-radius: 22px;

  color:
    #ffffff;

  box-shadow:
    0 22px 45px rgba(16,47,97,.20);

}


/* Remove all decorative background circles */

.anl-product-material-card::before {

  display:
    none !important;

  content:
    none !important;

}


.anl-product-material-label {

  position: relative;

  z-index: 2;

  margin-bottom: 20px;

  color:
    rgba(255,255,255,.70);

  font-family:
    "League Spartan",
    Arial,
    sans-serif;

  font-size: 12px;

  font-weight: 800;

  letter-spacing: .14em;

}


.anl-product-material-list {

  position: relative;

  z-index: 2;

}


.anl-product-material-list > div {

  display: flex;

  align-items: center;

  justify-content:
    space-between;

  gap: 20px;

  padding:
    20px 0;

  border-bottom:
    1px solid rgba(255,255,255,.15);

}


.anl-product-material-list > div:last-child {

  border-bottom: 0;

}


.anl-product-material-list span {

  color:
    rgba(255,255,255,.65);

  font-size: 13px;

}


.anl-product-material-list strong {

  color:
    #ffffff;

  font-family:
    "League Spartan",
    Arial,
    sans-serif;

  font-size: 22px;

}



/* ============================================================
   BAG APPLICATION CARDS
   ============================================================ */

.anl-product-application-grid {

  display: grid;

  grid-template-columns:
    repeat(3, 1fr);

  gap: 14px;

  border: 0;

}


.anl-product-application {

  display: flex;

  min-height: 105px;

  align-items: center;

  gap: 18px;

  padding:
    23px 24px;

  background:
    #ffffff;

  border:
    1px solid var(--anl-border);

  border-radius: 14px;

  color:
    var(--anl-blue-dark);

  font-family:
    "League Spartan",
    Arial,
    sans-serif;

  font-size: 19px;

  font-weight: 700;

  box-shadow:
    0 5px 18px rgba(24, 50, 80, .035);

}


.anl-product-application-index {

  color:
    var(--anl-orange);

  font-size: 12px;

  letter-spacing: .06em;

}



/* ============================================================
   APPLICATION END-USE TAGS
   ============================================================ */

.anl-product-application-enduse {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 9px;

  margin-top: 28px;

}


.anl-product-application-enduse strong {

  margin-right: 4px;

  color:
    var(--anl-blue-dark);

  font-size: 13px;

}


.anl-product-application-enduse span {

  display: inline-flex;

  min-height: 32px;

  align-items: center;

  padding:
    6px 12px;

  background:
    var(--anl-soft);

  border:
    1px solid var(--anl-border);

  border-radius: 999px;

  color:
    #5c6874;

  font-size: 12px;

  font-weight: 700;

}



/* ============================================================
   FOUR-STEP PROCESS
   ============================================================ */

.anl-product-process-section {

  background:
    #ffffff;

}


.anl-product-process-flow {

  display: grid;

  grid-template-columns:
    1fr
    auto
    1fr
    auto
    1fr
    auto
    1fr;

  gap: 12px;

  align-items: stretch;

  margin-top: 46px;

}


.anl-product-process-card {

  position: relative;

  min-height: 255px;

  padding:
    27px 23px;

  background:
    var(--anl-soft);

  border:
    1px solid var(--anl-border);

  border-radius: 16px;

}


.anl-product-process-card-active {

  background:
    linear-gradient(
      145deg,
      var(--anl-blue),
      var(--anl-blue-dark)
    );

  border-color:
    var(--anl-blue);

  box-shadow:
    0 18px 40px rgba(25,71,139,.18);

}


.anl-product-process-number {

  display: block;

  margin-bottom: 20px;

  color:
    var(--anl-orange);

  font-family:
    "League Spartan",
    Arial,
    sans-serif;

  font-size: 13px;

  font-weight: 800;

}


.anl-product-process-icon {

  display: inline-flex;

  min-width: 60px;
  height: 34px;

  align-items: center;

  justify-content: center;

  margin-bottom: 17px;

  padding:
    0 10px;

  background:
    rgba(25,71,139,.08);

  border-radius: 999px;

  color:
    var(--anl-blue);

  font-family:
    "League Spartan",
    Arial,
    sans-serif;

  font-size: 10px;

  font-weight: 800;

  letter-spacing: .08em;

}


.anl-product-process-card h3 {

  margin-bottom: 12px;

  font-size: 21px;

}


.anl-product-process-card p {

  margin-bottom: 0;

  color:
    var(--anl-muted);

  font-size: 14px;

  line-height: 1.65;

}



/* ACTIVE DN-2HS PROCESS CARD */

.anl-product-process-card-active h3,
.anl-product-page
.anl-product-process-card-active h3 {

  color:
    #ffffff !important;

}


.anl-product-process-card-active p {

  color:
    rgba(255,255,255,.80);

}


.anl-product-process-card-active
.anl-product-process-icon {

  background:
    rgba(255,255,255,.13);

  color:
    #ffffff;

}


.anl-product-process-card-active
.anl-product-process-number {

  color:
    #ffad86;

}


.anl-product-process-arrow {

  display: flex;

  width: 20px;

  align-items: center;

  justify-content: center;

  color:
    #aab3bc;

  font-size: 22px;

}



/* ============================================================
   SMALL-SCALE PACKAGING OPTION CARDS
   ============================================================ */

.anl-product-next-step-grid {

  display: grid;

  grid-template-columns:
    repeat(2, 1fr);

  gap: 24px;

}


.anl-product-next-step-card {

  position: relative;

  padding: 34px;

  background:
    #ffffff;

  border:
    1px solid var(--anl-border);

  border-radius: 16px;

  box-shadow:
    0 10px 30px rgba(24,50,80,.05);

}


.anl-product-next-step-card::after {

  content: "";

  position: absolute;

  left: 34px;
  bottom: 0;

  width: 54px;
  height: 4px;

  background:
    var(--anl-orange);

}


.anl-product-next-step-label {

  margin-bottom: 15px;

  color:
    var(--anl-orange);

  font-family:
    "League Spartan",
    Arial,
    sans-serif;

  font-size: 11px;

  font-weight: 800;

  letter-spacing: .13em;

}


.anl-product-next-step-card h3 {

  margin-bottom: 22px;

  font-size: 26px;

}


.anl-product-next-step-card > p {

  color:
    var(--anl-muted);

  font-size: 14px;

  line-height: 1.7;

}



/* ============================================================
   MINI PROCESS FLOW
   ============================================================ */

.anl-product-mini-flow {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 9px;

  margin-bottom: 22px;

  padding: 15px;

  background:
    var(--anl-soft);

  border-radius: 9px;

}


.anl-product-mini-flow span {

  color:
    var(--anl-blue-dark);

  font-family:
    "League Spartan",
    Arial,
    sans-serif;

  font-size: 13px;

  font-weight: 700;

}


.anl-product-mini-flow b {

  color:
    #a0aab4;

  font-weight: 400;

}


.anl-product-mini-flow
.anl-product-mini-highlight {

  padding:
    6px 9px;

  background:
    var(--anl-orange);

  border-radius: 5px;

  color:
    #ffffff;

}



/* ============================================================
   TEXT LINKS
   ============================================================ */

.anl-product-text-link {

  display: inline-flex;

  align-items: center;

  gap: 10px;

  color:
    var(--anl-blue) !important;

  font-family:
    "League Spartan",
    Arial,
    sans-serif;

  font-size: 14px;

  font-weight: 800;

  text-decoration:
    none !important;

  text-transform:
    uppercase;

}


.anl-product-text-link:hover {

  color:
    var(--anl-orange) !important;

}



/* ============================================================
   TECHNICAL SPECIFICATIONS
   SOLID BRAND BLUE
   ============================================================ */

.anl-product-spec-section {

  background:
    var(--anl-blue);

  color:
    #ffffff;

  padding-top:
    clamp(66px, 6.5vw, 90px);

  padding-bottom:
    clamp(38px, 4vw, 50px);

}


.anl-product-spec-layout {

  display: grid;

  grid-template-columns:
    .7fr
    1.3fr;

  gap:
    clamp(45px, 7vw, 90px);

  align-items: start;

}


.anl-product-spec-intro h2 {

  color:
    #ffffff;

}


.anl-product-spec-intro p {

  max-width: 430px;

  margin-bottom: 28px;

  color:
    rgba(255,255,255,.78);

  font-size: 16px;

  line-height: 1.75;

}



/* ============================================================
   SPECIFICATION TABLE
   ============================================================ */

.anl-product-spec-table-wrap {

  overflow-x: auto;

  background:
    #ffffff;

  border-radius: 12px;

  box-shadow:
    0 18px 40px rgba(0,0,0,.13);

}


.anl-product-spec-table {

  width: 100%;

  min-width: 600px;

  border-collapse:
    collapse;

  background:
    #ffffff;

  color:
    var(--anl-text);

}


.anl-product-spec-table th,
.anl-product-spec-table td {

  padding:
    15px 20px;

  border-bottom:
    1px solid #e5e9ed;

  text-align: left;

  vertical-align: top;

}


.anl-product-spec-table th {

  width: 43%;

  background:
    #f5f7f9;

  color:
    var(--anl-blue-dark);

  font-size: 13px;

  font-weight: 800;

}


.anl-product-spec-table td {

  font-size: 14px;

}


.anl-product-spec-table
tr:last-child th,
.anl-product-spec-table
tr:last-child td {

  border-bottom: 0;

}



/* ============================================================
   SPECIFICATION FOOTNOTE
   ============================================================ */

.anl-product-spec-footnote {

  display: block;

  width: 100%;
  max-width: none;

  margin:
    22px 0 0;

  padding:
    14px 0 0;

  border-top:
    1px solid rgba(255,255,255,.16);

  color:
    rgba(255,255,255,.72);

  font-size: 11px;

  line-height: 1.55;

}



/* ============================================================
   FINAL CTA — FORCE LIGHT VERSION
   Keep this at the absolute bottom of the stylesheet
   ============================================================ */

.anl-product-page .anl-product-final-cta {
  background: #f7f9fb !important;
  background-image: none !important;
  color: #1d2733 !important;
  border-top: 1px solid #dfe5eb !important;
}

.anl-product-page .anl-product-final-cta::before,
.anl-product-page .anl-product-final-cta::after,
.anl-product-page .anl-product-final-cta-pattern {
  display: none !important;
  content: none !important;
  background: none !important;
}

/* Orange eyebrow */
.anl-product-page
.anl-product-final-cta
.anl-product-eyebrow,
.anl-product-page
.anl-product-final-cta
.anl-product-eyebrow-light {
  color: #fe5000 !important;
}

/* Blue heading */
.anl-product-page
.anl-product-final-cta
.anl-product-final-copy h2 {
  color: #102f61 !important;
}

/* Gray paragraph text */
.anl-product-page
.anl-product-final-cta
.anl-product-final-copy p {
  color: #66717d !important;
}

/* Smaller support sentence */
.anl-product-page
.anl-product-final-cta
.anl-product-final-support {
  color: #7a8590 !important;
}

/* Talk to an Expert */
.anl-product-page
.anl-product-final-cta
.anl-product-btn-orange {
  background: #fe5000 !important;
  border-color: #fe5000 !important;
  color: #ffffff !important;
}

.anl-product-page
.anl-product-final-cta
.anl-product-btn-orange:hover {
  background: #e74800 !important;
  border-color: #e74800 !important;
  color: #ffffff !important;
}

/* Download Brochure */
.anl-product-page
.anl-product-final-cta
.anl-product-btn-outline-white {
  background: #ffffff !important;
  border: 2px solid #19478b !important;
  color: #19478b !important;
}

.anl-product-page
.anl-product-final-cta
.anl-product-btn-outline-white:hover {
  background: #19478b !important;
  border-color: #19478b !important;
  color: #ffffff !important;
}


/* ============================================================
   DESKTOP HOVER ENHANCEMENTS
   ============================================================ */

@media (hover: hover) {


  .anl-product-application,
  .anl-product-process-card,
  .anl-product-next-step-card {

    transition:
      transform .2s ease,
      border-color .2s ease,
      box-shadow .2s ease;

  }



  /* APPLICATION */

  .anl-product-application:hover {

    transform:
      translateY(-3px);

    border-color:
      #ccd6df;

    box-shadow:
      0 10px 26px rgba(24, 50, 80, .07);

  }



  /* PROCESS */

  .anl-product-process-card:not(
    .anl-product-process-card-active
  ):hover {

    transform:
      translateY(-3px);

    border-color:
      #ccd6df;

  }



  /* PACKAGING OPTIONS */

  .anl-product-next-step-card:hover {

    transform:
      translateY(-4px);

    box-shadow:
      0 16px 36px rgba(24,50,80,.08);

  }

}



/* ============================================================
   ACCESSIBILITY
   ============================================================ */

.anl-product-page a:focus-visible {

  outline:
    3px solid #ffc29f;

  outline-offset: 4px;

}



/* ============================================================
   TABLET
   MAX 1024PX
   ============================================================ */

@media (max-width: 1024px) {


  /* HERO */

  .anl-product-hero-grid {

    grid-template-columns:
      1fr
      1fr;

    gap: 42px;

  }


  .anl-product-image-card {

    min-height: 405px;

    padding: 34px;

  }


  .anl-product-main-image {

    max-height: 345px;

  }



  /* QUICK SPECS */

  .anl-product-quick-grid {

    grid-template-columns:
      repeat(2, 1fr);

  }


  .anl-product-quick-item:nth-child(2) {

    border-right: 0;

  }


  .anl-product-quick-item:nth-child(-n+2) {

    border-bottom:
      1px solid rgba(255,255,255,.14);

  }



  /* APPLICATIONS */

  .anl-product-application-grid {

    grid-template-columns:
      repeat(2, 1fr);

  }



  /* PROCESS */

  .anl-product-process-flow {

    grid-template-columns:
      repeat(2, 1fr);

    gap: 16px;

  }


  .anl-product-process-arrow {

    display: none;

  }


  .anl-product-process-card {

    min-height: 225px;

  }



  /* SPECS */

  .anl-product-spec-layout {

    grid-template-columns:
      .8fr
      1.2fr;

    gap: 38px;

  }

}



/* ============================================================
   MOBILE
   MAX 767PX
   ============================================================ */

@media (max-width: 767px) {


  /* CONTAINER */

  .anl-product-container {

    width:
      min(100% - 32px, 1180px);

  }



  /* GENERAL SECTION SPACING */

  .anl-product-section {

    padding:
      56px 0;

  }


  .anl-product-quick-specs
  + .anl-product-section {

    padding-top:
      68px;

  }



  /* HERO */

  .anl-product-hero {

    padding-top:
      25px;

    padding-bottom:
      68px;

  }


  .anl-product-breadcrumb {

    margin-bottom:
      34px;

    font-size:
      11px;

  }


  .anl-product-hero-grid,
  .anl-product-split,
  .anl-product-spec-layout,
  .anl-product-final-cta-inner {

    grid-template-columns:
      1fr;

  }


  .anl-product-hero-grid {

    gap: 38px;

  }


  .anl-product-page h1 {

    font-size:
      clamp(43px, 13vw, 60px);

  }


  .anl-product-page h2 {

    font-size:
      35px;

  }


  .anl-product-hero-lead {

    font-size:
      20px;

  }



  /* HERO BUTTONS */

  .anl-product-buttons {

    flex-direction:
      column;

    align-items:
      stretch;

  }


  .anl-product-buttons
  .anl-product-btn {

    width:
      100%;

  }



  /* HERO IMAGE */

  .anl-product-image-card {

    min-height:
      320px;

    padding:
      36px 28px;

  }


  .anl-product-main-image {

    max-height:
      285px;

  }



  /* QUICK SPECS */

  .anl-product-quick-specs {

    margin-top:
      -25px;

  }


  .anl-product-quick-grid {

    grid-template-columns:
      1fr
      1fr;

  }


  .anl-product-quick-item {

    min-height:
      118px;

    flex-direction:
      column;

    align-items:
      flex-start;

    gap:
      10px;

    padding:
      19px;

  }



  /* CHAIN STITCH */

  .anl-product-check-list {

    grid-template-columns:
      1fr;

  }


  .anl-product-material-card {

    padding:
      30px 24px;

  }



  /* APPLICATIONS */

  .anl-product-application-grid {

    grid-template-columns:
      1fr;

    gap:
      11px;

  }



  /* PROCESS */

  .anl-product-process-flow {

    grid-template-columns:
      1fr;

  }


  .anl-product-process-card {

    min-height:
      auto;

    padding:
      26px 23px;

  }



  /* PACKAGING OPTIONS */

  .anl-product-next-step-grid {

    grid-template-columns:
      1fr;

  }


  .anl-product-next-step-card {

    padding:
      27px 23px;

  }



  /* SPEC SECTION */

  .anl-product-spec-section {

    padding-top:
      60px;

    padding-bottom:
      34px;

  }


  .anl-product-spec-footnote {

    margin-top:
      20px;

    padding-top:
      14px;

  }



  /* FINAL CTA */

  .anl-product-final-cta {

    padding:
      56px 0;

  }


  .anl-product-final-actions {

    width:
      100%;

    max-width:
      none;

    margin-left:
      0;

  }

}



/* ============================================================
   SMALL MOBILE
   MAX 480PX
   ============================================================ */

@media (max-width: 480px) {


  /* QUICK SPECS */

  .anl-product-quick-grid {

    grid-template-columns:
      1fr;

  }


  .anl-product-quick-item {

    min-height:
      auto;

    flex-direction:
      row;

    align-items:
      center;

    border-right:
      0;

    border-bottom:
      1px solid rgba(255,255,255,.14);

  }


  .anl-product-quick-item:last-child {

    border-bottom:
      0;

  }



  /* IMAGE */

  .anl-product-image-card {

    min-height:
      275px;

    padding:
      32px 20px;

  }


  .anl-product-main-image {

    max-height:
      240px;

  }



  /* MATERIAL CARD */

  .anl-product-material-list > div {

    flex-direction:
      column;

    align-items:
      flex-start;

    gap:
      2px;

  }



  /* END USE TAGS */

  .anl-product-application-enduse {

    align-items:
      flex-start;

  }


  .anl-product-application-enduse strong {

    width:
      100%;

  }



  /* MINI FLOW */

  .anl-product-mini-flow {

    flex-direction:
      column;

    align-items:
      flex-start;

  }


  .anl-product-mini-flow b {

    margin-left:
      8px;

    transform:
      rotate(90deg);

  }



  /* SPEC TABLE */

  .anl-product-spec-table th,
  .anl-product-spec-table td {

    padding:
      13px 15px;

  }

}



/* ============================================================
   REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

  .anl-product-page *,
  .anl-product-page *::before,
  .anl-product-page *::after {

    transition:
      none !important;

    animation:
      none !important;

    scroll-behavior:
      auto !important;

  }

}