
.pdp{--navy:#08255c;--navy-strong:#041a45;--accent:#f05a28;--ink:#101828;--muted:#667085;--line:#e4e7ec;--white:#fff;--display:"Avenir Next",Avenir,"Century Gothic","Trebuchet MS",sans-serif;max-width:1240px;width:calc(100% - 48px);margin:auto;color:var(--ink);padding:0;font-family:inherit}
.pdp *{ box-sizing: border-box; }
.pdp img{ display: block; max-width: 100%; }
.pdp a{ color: inherit; text-decoration: none; }
.pdp button,.pdp input,.pdp select,.pdp textarea{ font: inherit; }
.pdp button,.pdp a{ -webkit-tap-highlight-color: transparent; }
.pdp button:focus-visible,.pdp a:focus-visible,.pdp input:focus-visible,.pdp select:focus-visible,.pdp textarea:focus-visible,.pdp summary:focus-visible{
  outline: 3px solid rgba(240, 90, 40, 0.38);
  outline-offset: 3px;
}
.pdp .product-layout{
  display: grid;
  grid-template-columns: minmax(0, 1.42fr) minmax(390px, 0.86fr);
  gap: 54px;
  padding: 32px 0 68px;
}
.pdp .gallery-column{ min-width: 0; }
.pdp .gallery-shell{
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr);
  gap: 24px;
  min-height: 720px;
  background: var(--white);
}
.pdp .thumbnail-rail{
  display: grid;
  align-content: start;
  gap: 12px;
}
.pdp .thumbnail{
  position: relative;
  width: 84px;
  padding: 0 0 11px;
  border: 0;
  background: var(--white);
  cursor: pointer;
}
.pdp .thumbnail::after{
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  content: "";
  background: transparent;
}
.pdp .thumbnail[aria-current="true"]::after{ background: var(--accent); }
.pdp .thumbnail img{ width: 84px; height: 84px; object-fit: contain; }
.pdp .thumbnail span{
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.pdp .gallery-stage{
  display: grid;
  place-items: center;
  min-width: 0;
  min-height: 720px;
  background: var(--white);
}
.pdp .main-image-button{
  display: grid;
  place-items: center;
  width: 100%;
  min-height: 700px;
  padding: 0;
  border: 0;
  background: var(--white);
  cursor: zoom-in;
}
.pdp .main-image{
  width: min(100%, 720px);
  max-height: 700px;
  object-fit: contain;
}
.pdp .product-panel{
  align-self: start;
  min-width: 0;
  padding-top: 2px;
}
.pdp .product-meta{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  color: var(--navy);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.pdp .product-meta p{ margin: 0; }
.pdp .product-meta span{ color: var(--muted); }
.pdp h1#product-title{
  max-width: 590px;
  margin: 16px 0;
  color: var(--navy);
  font-family: var(--display);
  font-size: clamp(34px, 2.75vw, 44px);
  font-weight: 800;
  letter-spacing: -0.045em;
  line-height: 1.06;
}
.pdp .lede{
  margin: 22px 0 24px;
  color: #475467;
  font-size: 15px;
  line-height: 1.68;
}
.pdp .price-overview{
  margin: 0;
  padding: 0 0 18px;
  border-bottom: 1px solid var(--line);
}
.pdp .price-overview > p{
  margin: 0 0 2px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}
.pdp .starting-price-row{ display: flex; align-items: baseline; gap: 12px; }
.pdp .starting-price-row strong{
  color: var(--navy);
  font-family: var(--display);
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.035em;
}
.pdp .starting-price-row span{ color: var(--muted); font-size: 12px; }
.pdp .price-tiers{ margin-top: 8px; }
.pdp .price-tiers summary{
  width: max-content;
  display: flex;
  align-items: center;
  gap: 7px;
  color: var(--navy);
  font-size: 12px;
  font-weight: 800;
  list-style: none;
  cursor: pointer;
}
.pdp .price-tiers summary::-webkit-details-marker{ display: none; }
.pdp .price-tier-chevron{ color: var(--accent); font-size: 13px; transition: transform 160ms ease; }
.pdp .price-tiers[open] .price-tier-chevron{ transform: rotate(180deg); }
.pdp .price-tier-content{ margin-top: 13px; padding: 13px 14px; background: #f8fafc; }
.pdp .price-tier-content table{ width: 100%; border-collapse: collapse; color: var(--navy); font-size: 11px; text-align: center; }
.pdp .price-tier-content caption{
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}
.pdp .price-tier-content th,.pdp .price-tier-content td{
  padding: 7px 5px;
  border-bottom: 1px solid var(--line);
  font-variant-numeric: tabular-nums;
}
.pdp .price-tier-content th:first-child{ text-align: left; }
.pdp .price-tier-content tbody tr:last-child th,.pdp .price-tier-content tbody tr:last-child td{ border-bottom: 0; }
.pdp .price-tier-content p{ margin: 10px 0 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
.pdp .variant-picker{ padding: 25px 0 21px; border-bottom: 1px solid var(--line); }
.pdp .picker-heading{
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.pdp .picker-heading h2,.pdp .picker-heading p{ margin: 0; }
.pdp .picker-heading h2{ color: var(--navy); font-size: 13px; font-weight: 800; }
.pdp .picker-heading p{ color: var(--muted); font-size: 12px; font-weight: 600; }
.pdp .swatch-grid{ display: flex; flex-wrap: wrap; gap: 10px; }
.pdp .swatch{
  position: relative;
  width: 31px;
  height: 31px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
}
.pdp .swatch::before{
  position: absolute;
  inset: 4px;
  border: 1px solid rgba(16, 24, 40, 0.18);
  border-radius: 50%;
  content: "";
  background: var(--swatch);
}
.pdp .swatch::after{
  position: absolute;
  inset: -2px;
  border: 2px solid var(--navy);
  border-radius: 50%;
  content: "";
  opacity: 0;
  transform: scale(0.85);
  transition: opacity 120ms ease, transform 120ms ease;
}
.pdp .swatch[aria-pressed="true"]::after{ opacity: 1; transform: scale(1); }
.pdp .quantity-row{
  padding: 20px 0;
  display: grid;
  grid-template-columns: auto 96px;
  align-items: center;
  justify-content: start;
  gap: 16px;
}
.pdp .quantity-row label{ color: var(--navy); font-size: 13px; font-weight: 800; }
.pdp .quantity-row input{
  width: 96px;
  height: 45px;
  padding: 0 10px;
  border: 1px solid var(--line);
  border-radius: 0;
  color: var(--navy);
  background: var(--white);
  text-align: center;
}
.pdp .quote-button{
  width: 100%;
  min-height: 54px;
  padding: 0 19px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--white);
  background: var(--navy);
  font-size: 14px;
  font-weight: 800;
  transition: background 160ms ease;
}
.pdp .quote-button:hover{ background: var(--navy-strong); }
.pdp .quote-arrow{ font-size: 20px; font-weight: 400; }
.pdp .quote-help{ margin: 4px 0 20px; padding: 0; border: 0; }
.pdp .quote-help summary{
  width: max-content;
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--navy);
  font-size: 12px;
  font-weight: 700;
  list-style: none;
  cursor: pointer;
}
.pdp .quote-help summary::-webkit-details-marker{ display: none; }
.pdp .quote-help-icon{
  width: 18px;
  height: 18px;
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  color: var(--white);
  background: var(--accent);
  font-size: 11px;
  font-weight: 900;
}
.pdp .quote-help p{
  max-width: 54ch;
  margin: 0 0 6px 27px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
}
.pdp .product-information{ padding: 0; }
.pdp .information-heading{ display: flex; min-height: 68px; align-items: center; border-bottom: 1px solid var(--line); }
.pdp .information-heading h2#product-information-title{
  margin: 0;
  color: var(--navy);
  font-family: var(--display);
  font-size: 19px;
  font-weight: 800;
  letter-spacing: -0.02em;
}
.pdp .information-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom: 1px solid var(--line); }
.pdp .information-panel{ min-width: 0; padding: 28px 30px; border-right: 1px solid var(--line); }
.pdp .information-panel:first-child{ padding-left: 0; }
.pdp .information-panel:last-child{ padding-right: 0; border-right: 0; }
.pdp .information-panel h3{ margin: 0 0 17px; color: var(--navy); font-family: var(--display); font-size: 17px; }
.pdp .information-panel > p{ margin: 0; color: #475467; font-size: 14px; line-height: 1.72; }
.pdp .information-panel > .panel-note{
  margin-top: 18px;
  padding-top: 15px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}
@media (max-width: 1080px){.pdp .product-layout{ grid-template-columns: minmax(0, 1.12fr) minmax(340px, 0.88fr); gap: 32px; }
.pdp .gallery-shell{ min-height: 620px; }
.pdp .gallery-stage{ min-height: 620px; }
.pdp .main-image-button{ min-height: 600px; }
}
@media (max-width: 820px){.pdp .product-layout{ grid-template-columns: 1fr; padding-top: 24px; }
.pdp .gallery-shell{ grid-template-columns: 1fr; grid-template-areas: "stage" "thumbs"; min-height: 580px; }
.pdp .thumbnail-rail{ grid-area: thumbs; grid-template-columns: repeat(4, 84px); justify-content: center; }
.pdp .gallery-stage{ grid-area: stage; min-height: 580px; }
.pdp .main-image-button{ min-height: 560px; }
.pdp .information-grid{ grid-template-columns: 1fr; }
.pdp .information-panel,.pdp .information-panel:first-child,.pdp .information-panel:last-child{ padding: 24px 0; border-right: 0; border-bottom: 1px solid var(--line); }
.pdp .information-panel:last-child{ border-bottom: 0; }
}
@media (max-width: 560px){.pdp .product-layout{ gap: 30px; padding-bottom: 50px; }
.pdp .gallery-shell{ min-height: 500px; }
.pdp .gallery-stage{ min-height: 420px; }
.pdp .main-image-button{ min-height: 420px; }
.pdp .main-image{ width: 100%; max-height: 480px; }
.pdp .thumbnail-rail{ grid-template-columns: repeat(2, 84px); }
.pdp h1#product-title{ font-size: 32px; }
.pdp .starting-price-row strong{ font-size: 29px; }
.pdp .price-tier-content{ margin-right: -2px; margin-left: -2px; padding: 11px 8px; }
.pdp .price-tier-content th,.pdp .price-tier-content td{ padding: 7px 3px; font-size: 10px; }
.pdp .quantity-row{ grid-template-columns: auto 96px; }
.pdp .information-heading{ min-height: 60px; }
}
@media (prefers-reduced-motion: reduce){.pdp *,.pdp *::before,.pdp *::after{
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
.pdp .price-tier-content table{
  table-layout: fixed;
}
.pdp .price-tier-content th:first-child,.pdp .price-tier-content td:first-child{
  width: 50%;
  padding-left: 5px;
  padding-right: 5px;
  text-align: left;
  vertical-align: middle;
}
@media (max-width: 560px){.pdp .price-tier-content th:first-child,.pdp .price-tier-content td:first-child{
    width: 50%;
    padding-left: 3px;
    padding-right: 3px;
    text-align: left;
  }
}
.pdp .pdp-crumb{display:flex;flex-wrap:wrap;gap:10px;align-items:center;min-height:62px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.pdp .pdp-crumb a{color:inherit}.pdp .pdp-crumb [aria-current="page"]{font-weight:650;overflow-wrap:anywhere}.pdp .carton-table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.6}.pdp .carton-table th,.pdp .carton-table td{text-align:left;padding:7px 5px 7px 0;border-bottom:1px solid var(--line);vertical-align:top}.pdp .information-panel h4{font-size:13px;margin:18px 0 7px}.pdp .swatch{width:44px;height:44px;overflow:visible}.pdp .swatch::before{display:none}.pdp .swatch img{width:36px;height:36px;margin:4px;border-radius:50%;object-fit:cover}.pdp .method-row{display:grid;gap:8px;padding-top:20px;font-size:13px}.pdp .method-row select{width:100%;height:44px;padding:0 10px;border:1px solid var(--line);color:var(--navy);background:white}.pdp .quote-button{border:0;cursor:pointer}.pdp #pdp-quote-status{font-size:12px;color:var(--muted);line-height:1.5}.pdp #pdp-quote-status{min-height:18px}.pdp .pdp-price-group h3{font-size:12px;margin:12px 0 6px;color:var(--navy)}.pdp .information-panel dl>div{padding:8px 0;display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px}.pdp .information-panel dt{font-weight:800;font-size:14px;color:var(--navy)}.pdp .information-panel dd{margin:0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.pdp .information-panel dd dl>div{display:block}.pdp .information-panel ul{padding-left:18px;margin:0}.pdp .media-lightbox{width:min(980px,calc(100% - 32px));padding:16px;border:0;background:white}.pdp .media-lightbox::backdrop{background:rgba(4,26,69,.72)}.pdp .media-lightbox img{width:100%;max-height:78vh;object-fit:contain}.pdp #pdp-close-image{display:block;margin-left:auto;min-width:44px;min-height:44px;border:0;background:white;font-size:24px;cursor:pointer}.pdp .pdp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:1080px){.pdp{width:calc(100% - 32px)}}@media(max-width:560px){.pdp{width:calc(100% - 24px)}.pdp .information-panel dl>div{grid-template-columns:1fr;gap:2px}.pdp .product-meta{flex-wrap:wrap;gap:8px}}

