/* All products only. Do not load on Home, About, or product-detail pages.
   Side gutters: 6.25% width, #ece7de, left+right only, 9px inner fade
   via card ::after. Applied automatically to Polos and Workwear. */
.product-collection-page{
  --ap-gutter-color:#ece7de;
  --ap-gutter-width:6.25%;
  --ap-gutter-soft:9px;
}
.content-page.product-collection-page .page-intro{
  padding:clamp(36px,4.2vw,72px) var(--page-gutter) clamp(28px,3.4vw,48px);
}
.content-page.product-collection-page .page-intro h1{
  max-width:18ch;
  text-align:left;
}
.content-page.product-collection-page .page-intro .production-pills,
.content-page.product-collection-page .page-intro .page-lead .production-pills{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:flex-start;
  gap:10px 28px;
  margin:0;
  max-width:none;
  width:100%;
}
.content-page.product-collection-page .page-intro .production-pills span{
  width:fit-content;
  max-width:100%;
  flex:0 0 auto;
}

.product-collection-page .ap-range{
  padding-top:clamp(28px,3.6vw,52px);
  padding-bottom:clamp(12px,1.6vw,24px);
}
.product-collection-page .ap-range-head{
  display:block;
  margin:0;
}
.product-collection-page .ap-range-kicker{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0;
  color:#c9a254;
  font:600 12px/1.4 Inter,Arial,sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.product-collection-page .ap-range-kicker:before{
  content:"";
  width:28px;
  height:2px;
  background:#c9a254;
}
.product-collection-page .ap-range-head .home-match-heading{
  text-align:left;
}
.product-collection-page .ap-range-aside{
  grid-column:2;
  grid-row:1 / span 2;
  align-self:end;
  margin:0 0 8px;
  color:var(--muted);
  font:400 clamp(15px,1.15vw,18px)/1.45 Inter,Arial,sans-serif;
  text-align:right;
}

.product-collection-page .product-grid-cards{
  gap:clamp(16px,1.8vw,24px);
}
.product-collection-page .product-card{
  background:transparent;
  border:0;
  border-radius:14px;
  box-shadow:none;
  container-type:inline-size;
}
.product-collection-page .product-card>img{
  aspect-ratio:1/1;
  border-radius:14px;
  object-fit:cover;
  background:#ece7de;
  outline:2px solid transparent;
  outline-offset:-2px;
  transition:outline-color .2s ease;
}
.product-collection-page .product-card>div{
  padding:16px 4px 8px;
  flex-direction:row;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.product-collection-page .product-card h3{
  margin:0;
  font-size:clamp(16px,1.15vw,20px);
  font-weight:600;
  color:var(--navy);
}
.product-collection-page .product-card span{
  margin:0;
  color:var(--navy);
  font-size:22px;
  line-height:1;
}
.product-collection-page .product-card:has(>img.ap-side-gutters),
.product-collection-page .product-card:has(>img[data-ap-image="polos"]),
.product-collection-page .product-card:has(>img[data-ap-image="workwear"]){
  position:relative;
}
.product-collection-page .product-card>img.ap-side-gutters,
.product-collection-page .product-card>img[data-ap-image="polos"],
.product-collection-page .product-card>img[data-ap-image="workwear"]{
  box-sizing:border-box;
  background:var(--ap-gutter-color);
  padding:0 var(--ap-gutter-width);
  object-fit:cover;
  object-position:center;
}
.product-collection-page .product-card:has(>img.ap-side-gutters)::after,
.product-collection-page .product-card:has(>img[data-ap-image="polos"])::after,
.product-collection-page .product-card:has(>img[data-ap-image="workwear"])::after{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  aspect-ratio:1/1;
  border-radius:14px;
  pointer-events:none;
  background:
    linear-gradient(to right,var(--ap-gutter-color) 0,var(--ap-gutter-color) var(--ap-gutter-width),transparent calc(var(--ap-gutter-width) + var(--ap-gutter-soft))),
    linear-gradient(to left,var(--ap-gutter-color) 0,var(--ap-gutter-color) var(--ap-gutter-width),transparent calc(var(--ap-gutter-width) + var(--ap-gutter-soft)));
}

.product-collection-page .ap-bands{
  padding-top:clamp(28px,3.4vw,48px);
  padding-bottom:clamp(8px,1.2vw,16px);
}
.product-collection-page .ap-band{
  --ap-band-radius:56px;
  --gold:#D5B88C;
  --ap-gold-bar:var(--gold);
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  gap:0;
  column-gap:0;
  row-gap:0;
  align-items:stretch;
  margin:0 0 clamp(20px,2.4vw,32px);
  border:1px solid var(--border);
  border-left-width:8px;
  border-radius:var(--ap-band-radius);
  overflow:hidden;
  overflow-clip-margin:border-box;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.product-collection-page .ap-band:has(.ap-spec-copy){
  background:var(--navy);
  border-color:#ffffff14;
  border-left-color:var(--navy);
}
.product-collection-page .ap-band:has(.ap-plan-copy){
  background:#fff;
  border-left-color:#fff;
}
.product-collection-page .ap-band-copy{
  min-width:0;
  border:0;
  border-radius:0;
  padding:clamp(24px,3vw,44px);
}
.product-collection-page .ap-spec-copy{
  background:var(--navy);
  background-image:radial-gradient(ellipse at 92% 0,rgba(213,184,140,.22),transparent 46%);
  color:#f7f5f0;
}
.product-collection-page .ap-spec-copy h2{
  color:#fff;
  margin:0 0 22px;
  font-size:clamp(26px,2.4vw,36px);
}
.product-collection-page .ap-spec-item + .ap-spec-item{margin-top:18px}
.product-collection-page .ap-spec-copy h3{
  color:#e5c999;
  margin:0 0 6px;
  font-size:clamp(16px,1.2vw,18px);
}
.product-collection-page .ap-spec-copy p{
  margin:0;
  color:#e6e9ec;
  font-size:16px;
  max-width:54ch;
}
.product-collection-page .ap-plan-copy{
  background:#fff;
  color:var(--charcoal);
}
.product-collection-page .ap-plan-copy h2{
  margin:0 0 22px;
  font-size:clamp(26px,2.4vw,36px);
}
.product-collection-page .ap-plan-facts{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px 28px;
  margin:0 0 16px;
}
.product-collection-page .ap-plan-facts .eyebrow{
  color:#c9a254;
  font:600 11px/1.4 Inter,Arial,sans-serif;
  letter-spacing:.12em;
}
.product-collection-page .ap-plan-facts strong{
  display:block;
  margin:8px 0 4px;
  color:var(--navy);
  font:700 clamp(26px,2.4vw,34px)/1.15 Manrope,Arial,sans-serif;
  letter-spacing:-.03em;
}
.product-collection-page .ap-plan-facts p{
  margin:0;
  color:var(--muted);
  font-size:15px;
}
.product-collection-page .timing-extra{
  margin:0;
  color:var(--muted);
  font-size:14px;
  max-width:54ch;
}
.product-collection-page .ap-band-photo{
  margin:0;
  min-width:0;
  min-height:280px;
  height:100%;
  border-radius:0;
  overflow:hidden;
  background:#ece7de;
}
.product-collection-page .ap-band-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:0;
}


  :where(html.fine-nav) .product-collection-page .product-card:hover,
  :where(html.fine-nav) .product-collection-page .product-card:focus-visible{
    transform:translateY(-5px);
    box-shadow:0 12px 30px #081b2c12;
  }
  :where(html.fine-nav) .product-collection-page .product-card:hover>img,
  :where(html.fine-nav) .product-collection-page .product-card:focus-visible>img{
    outline-color:#d5b88c;
  }
  :where(html.fine-nav) .product-collection-page .ap-band:hover,
  :where(html.fine-nav) .product-collection-page .ap-band:focus-within,
  :where(html.fine-nav) .product-collection-page .ap-band:has(.ap-spec-copy):hover,
  :where(html.fine-nav) .product-collection-page .ap-band:has(.ap-plan-copy):hover,
  :where(html.fine-nav) .product-collection-page .ap-band:has(.ap-spec-copy):focus-within,
  :where(html.fine-nav) .product-collection-page .ap-band:has(.ap-plan-copy):focus-within{
    transform:translateY(-3px);
    box-shadow:0 12px 32px #102f4910;
    border-color:var(--gold);
    border-left-color:var(--gold);
  }


.product-collection-page .ap-links{
  padding-top:8px;
  padding-bottom:clamp(20px,2.6vw,36px);
}
.product-collection-page .faq-section .text-link{
  margin-top:24px;
}
.product-collection-page .ap-cta{
  margin-top:clamp(8px,1.2vw,20px);
}

@media(max-width:1100px){
  .product-collection-page .product-grid-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){
  .content-page.product-collection-page .page-intro .production-pills,
  .content-page.product-collection-page .page-intro .page-lead .production-pills{
    flex-direction:column;
    flex-wrap:nowrap;
    align-items:flex-start;
    justify-content:flex-start;
  }
  .content-page.product-collection-page .page-intro .production-pills span{
    width:fit-content;
    max-width:100%;
    flex:0 0 auto;
  }
  .product-collection-page .ap-band{grid-template-columns:1fr}
  .product-collection-page .ap-band-copy,
  .product-collection-page .ap-band-photo{border-radius:0}
  .product-collection-page .ap-band-photo{min-height:240px;aspect-ratio:16/10}
  .product-collection-page .ap-plan-facts{grid-template-columns:1fr 1fr}
  .product-collection-page .ap-range-head .home-match-heading{
    text-align:left;
  }
}
@media(max-width:619px){
  .product-collection-page .product-grid-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .product-collection-page .product-card>img{aspect-ratio:1/1}
  .product-collection-page .product-card>div{padding:12px 2px 4px}
  .product-collection-page .product-card h3{font-size:14px}
  .product-collection-page .ap-plan-facts{grid-template-columns:1fr;gap:16px}
}
@media(prefers-reduced-motion:reduce){
  .product-collection-page .product-card>img{transition:none}
  .product-collection-page .ap-band{transition:none}
  .product-collection-page .ap-band:hover{transform:none}
}