/* =========================================================
   INFINITY — Apparel page, matching
   new-theme/more-pages/WhatsApp Image 2026-09-08 at 1.02.21 AM.jpeg.
   Scoped under .inf-apparel-v3 (applied to <main>) so nothing leaks
   into the shared nav/footer. Same pattern as cart-v3 / contact-v3.
   Display type is Oswald (measured against the mockup).
   ========================================================= */

@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&family=Outfit:wght@300;400;500;600&family=Caveat+Brush&display=swap");

/* Header: transparent over the hero photo, like the mockup. */
body.inf-apparel .eg-header__transparent {
   position: absolute !important;
   top: 0 !important;
   left: 0;
   right: 0;
   z-index: 20;
}
body.inf-apparel .eg-header__transparent:not(.header-sticky) {
   background: transparent !important;
   border-bottom: none !important;
}

.inf-apparel-v3{
  --ap-bg:        #f4efe5;
  --ap-card:      #f9f6f0;
  --ap-tint:      #ebe3d3;
  --ap-border:    #e2dac9;
  --ap-dark:      #0d0b0a;
  --ap-text:      #1b1819;
  --ap-muted:     #6f6a63;
  --ap-amber:     #8a6134;
  --ap-amber-soft:#a68159;
  --ap-tan:       #d6b586;
  --ap-shadow:    0 3px 14px rgba(70,52,24,.08);
  --ap-font-display: 'Oswald', sans-serif;
  --ap-font-body:    'Outfit', sans-serif;
  --ap-font-script:  'Caveat Brush', 'Caveat', cursive;

  font-family: var(--ap-font-body);
  color: var(--ap-text);
  background: var(--ap-bg);
  overflow-x: hidden;
  display: block;
}

.inf-apparel-v3 img{ max-width:100%; display:block; }
.inf-apparel-v3 a{ text-decoration:none; color:inherit; }
.inf-apparel-v3 ul{ list-style:none; margin:0; padding:0; }
.inf-apparel-v3 h1,
.inf-apparel-v3 h2,
.inf-apparel-v3 h3{ color: var(--ap-text); }

.inf-apparel-v3 .ap-container{ max-width: 89.5%; margin: 0 auto; position: relative; z-index: 2; }
.inf-apparel-v3 .ap-container--wide{ max-width: 95%; }

.inf-apparel-v3 .ap-icon{
  width: 28px; height: 28px;
  fill: none; stroke: currentColor;
  stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;
  flex-shrink: 0;
}
.inf-apparel-v3 .ap-icon--sm{ width: 16px; height: 16px; stroke-width: 2; }

.inf-apparel-v3 .ap-leaf{ position:absolute; pointer-events:none; user-select:none; z-index: 5; }

/* ---------------- Script overlays ---------------- */
.inf-apparel-v3 .ap-script{
  position:absolute; z-index: 3; margin: 0;
  font-family: var(--ap-font-script);
  text-transform: uppercase;
  line-height: 1.02;
  color: var(--ap-text);
  transform: rotate(-9deg);
  transform-origin: left top;
}
.inf-apparel-v3 .ap-stroke{
  display:block; width: 70%; height: 6px; margin-top: 10px; margin-left: auto;
  border-radius: 4px;
  background: linear-gradient(90deg, rgba(190,140,55,0) 0%, #b78a34 22%, #d6a94b 100%);
  transform: rotate(-6deg) skewX(-20deg);
}

/* ---------------- Torn-paper edges ---------------- */
.inf-apparel-v3 .ap-edge{
  position:absolute; left:0; right:0; height: 56px; z-index: 4; pointer-events:none;
  background: var(--ap-bg);
  -webkit-mask-image: url('/assets/img/shape/footer-shape-01.png');
  mask-image: url('/assets/img/shape/footer-shape-01.png');
  -webkit-mask-size: 100% 100%; mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
}
.inf-apparel-v3 .ap-edge--bottom{ bottom:-1px; transform: scaleY(-1); }
.inf-apparel-v3 .ap-edge--top{ top:-1px; }

/* ---------------- Buttons ---------------- */
.inf-apparel-v3 .ap-btn{
  display:inline-flex; align-items:center; justify-content:center; gap: 12px;
  height: 52px; padding: 0 34px;
  border-radius: 999px; border: 1px solid var(--ap-dark);
  background: var(--ap-dark); color:#fff;
  font-family: var(--ap-font-body); font-size: 15.5px; font-weight: 500;
  transition: transform .2s, background .2s;
}
.inf-apparel-v3 .ap-btn:hover{ background:#000; color:#fff; transform: translateY(-2px); }
.inf-apparel-v3 .ap-btn--outline{ background: transparent; color: var(--ap-dark); border-color: #3a3530; }
.inf-apparel-v3 .ap-btn--outline:hover{ background: var(--ap-dark); color:#fff; }

/* ---------------- Hero ---------------- */
.inf-apparel-v3 .ap-hero{
  position: relative;
  min-height: 585px;
  padding: 128px 0 110px;
  overflow: hidden;
  background: var(--ap-bg);
}
.inf-apparel-v3 .ap-hero-bg{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit: cover; object-position: 78% 40%;
  transform: scale(1.18); transform-origin: 82% 40%;
}
.inf-apparel-v3 .ap-hero-scrim{
  position:absolute; inset:0;
  background: linear-gradient(90deg,
     var(--ap-bg) 0%, var(--ap-bg) 26%,
     rgba(244,239,229,.86) 36%,
     rgba(244,239,229,.32) 47%,
     rgba(244,239,229,0) 58%);
}
.inf-apparel-v3 .ap-hero-script{
  top: 118px; right: 5%;
  color: var(--ap-text);
  font-size: clamp(24px, 2.7vw, 40px);
  text-shadow: 0 0 14px rgba(255,236,205,.8), 0 0 4px rgba(255,236,205,.65);
}
.inf-apparel-v3 .ap-hero-script .ap-stroke{ width: 60%; }
.inf-apparel-v3 .ap-hero-script2{
  bottom: 96px; right: 3.5%;
  color:#fff;
  font-size: clamp(14px, 1.5vw, 21px);
  text-shadow: 0 2px 10px rgba(0,0,0,.5);
  transform-origin: left bottom;
}
.inf-apparel-v3 .ap-hero-script2 .ap-stroke{ height: 4px; width: 55%; margin-top: 6px; }
.inf-apparel-v3 .ap-hero-inner{ padding-left: 8px; }
.inf-apparel-v3 .ap-eyebrow{
  display:block;
  font-family: var(--ap-font-body); font-weight: 400;
  font-size: clamp(15px, 1.35vw, 19px);
  letter-spacing: .02em; text-transform: uppercase;
  color: var(--ap-amber-soft);
  margin-bottom: 10px;
}
.inf-apparel-v3 .ap-hero-heading{
  font-family: var(--ap-font-display); font-weight: 700;
  text-transform: uppercase;
  font-size: clamp(40px, 5.1vw, 73px);
  line-height: 1.03; letter-spacing: 0;
  margin: 0 0 20px; color: var(--ap-dark);
}
.inf-apparel-v3 .ap-hero-heading .accent{ color: var(--ap-amber); }
.inf-apparel-v3 .ap-hero-copy{
  font-size: clamp(15px, 1.4vw, 20px); line-height: 1.4;
  color: #2a2523; margin: 0 0 28px;
}
.inf-apparel-v3 .ap-hero-points{ display:flex; flex-wrap:wrap; gap: 20px 34px; margin-top: 38px; }
.inf-apparel-v3 .ap-hero-point{ display:flex; align-items:center; gap: 12px; font-size: 14.5px; line-height: 1.25; }
.inf-apparel-v3 .ap-hero-point .ap-icon{ width: 34px; height: 34px; }

.inf-apparel-v3 .ap-leaf--hero-l1{ top:-14px; left:-80px; width:150px; }
.inf-apparel-v3 .ap-leaf--hero-l2{ top:200px; left:-66px; width:122px; }
.inf-apparel-v3 .ap-leaf--hero-l3{ top:380px; left:-72px; width:135px; }
.inf-apparel-v3 .ap-leaf--hero-r{ top:-4px; right:-54px; width:105px; }

/* ---------------- Collection ---------------- */
.inf-apparel-v3 .ap-collection{ position:relative; padding: 14px 0 34px; }
.inf-apparel-v3 .ap-leaf--col-l{ top:170px; left:-62px; width:112px; }
.inf-apparel-v3 .ap-leaf--col-r1{ top:120px; right:-60px; width:110px; }
.inf-apparel-v3 .ap-leaf--col-r2{ top:340px; right:-58px; width:118px; }

.inf-apparel-v3 .ap-chips{ display:flex; flex-wrap:wrap; gap: 11px; margin: 0 0 22px; padding: 0 3px; }
.inf-apparel-v3 .ap-chip{
  height: 46px; padding: 0 30px;
  border-radius: 999px;
  border: 1px solid #d9d2c3; background: transparent;
  font-family: var(--ap-font-body); font-size: 15px; font-weight: 400; color: var(--ap-text);
  cursor:pointer; transition: background .2s, color .2s, border-color .2s;
}
.inf-apparel-v3 .ap-chip:hover{ border-color: var(--ap-dark); }
.inf-apparel-v3 .ap-chip.is-active{ background: var(--ap-dark); border-color: var(--ap-dark); color:#fff; font-weight: 500; }

.inf-apparel-v3 .ap-grid{ display:grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 12px; }
.inf-apparel-v3 .ap-card[hidden]{ display:none; }
.inf-apparel-v3 .ap-card{
  background: var(--ap-card); border-radius: 8px; box-shadow: var(--ap-shadow);
  overflow:hidden; display:flex; flex-direction:column;
}
.inf-apparel-v3 .ap-card-thumb{ position:relative; display:block; aspect-ratio: 0.97 / 1; overflow:hidden; background: var(--ap-tint); }
.inf-apparel-v3 .ap-card-thumb img{ width:100%; height:100%; object-fit:cover; }
.inf-apparel-v3 .ap-badge{
  position:absolute; left: 10px; bottom: 10px;
  background: #f4dcb8; color: #4a3520;
  border-radius: 6px; padding: 4px 11px;
  font-size: 12px; font-weight: 500;
}
.inf-apparel-v3 .ap-card-body{ padding: 14px 16px 16px; display:flex; flex-direction:column; flex:1; }
.inf-apparel-v3 .ap-card-body h3{
  font-family: var(--ap-font-display); font-weight: 600; text-transform: uppercase;
  font-size: 20px; letter-spacing: 0; line-height: 1.15; margin: 0 0 4px;
}
.inf-apparel-v3 .ap-card-body h3 a:hover{ color: var(--ap-amber); }
.inf-apparel-v3 .ap-card-sub{ margin: 0 0 8px; font-size: 14px; line-height: 1.35; color: #4a463f; min-height: 38px; }
.inf-apparel-v3 .ap-card-price{ font-family: var(--ap-font-display); font-weight: 600; font-size: 22px; display:block; margin-bottom: 6px; }
.inf-apparel-v3 .ap-card-rating{ font-size: 13px; color: #d9d2c4; margin-bottom: 14px; display:flex; align-items:center; gap: 2px; }
.inf-apparel-v3 .ap-card-rating .is-filled{ color: #e0242c; }
.inf-apparel-v3 .ap-card-rating span{ font-family: var(--ap-font-body); font-size: 12.5px; color: var(--ap-muted); margin-left: 8px; }
.inf-apparel-v3 .ap-card-body form{ margin-top:auto; }
.inf-apparel-v3 .ap-card-cta{
  width:100%; height: 44px; display:flex; align-items:center; justify-content:center; gap: 8px;
  background: var(--ap-dark); color:#fff; border:0; border-radius: 8px; cursor:pointer;
  font-family: var(--ap-font-body); font-size: 14.5px; font-weight: 500; transition: background .2s;
}
.inf-apparel-v3 .ap-card-cta:hover{ background:#000; }
.inf-apparel-v3 .ap-empty{ text-align:center; color: var(--ap-muted); padding: 40px 0 10px; font-size: 16px; margin:0; }
.inf-apparel-v3 .ap-empty[hidden]{ display:none; }

/* ---------------- Clothing for a bigger tomorrow + standard ---------------- */
.inf-apparel-v3 .ap-standard{ position:relative; padding: 6px 0 0; }
.inf-apparel-v3 .ap-leaf--std-l{ top: 70px; left:-64px; width:120px; z-index: 6; }
.inf-apparel-v3 .ap-standard-row{ display:grid; grid-template-columns: minmax(0, 1fr) 30%; align-items: stretch; }
.inf-apparel-v3 .ap-standard-photo{ position:relative; min-height: 390px; overflow:hidden; background: var(--ap-bg); }
.inf-apparel-v3 .ap-standard-photo > img{
  position:absolute; top:0; right:0; height:100%; width: 82%;
  object-fit: cover; object-position: 42% 50%;
}
.inf-apparel-v3 .ap-standard-fade{
  position:absolute; inset:0;
  background: linear-gradient(90deg, var(--ap-bg) 0%, var(--ap-bg) 17%, rgba(244,239,229,.75) 25%, rgba(244,239,229,.2) 33%, rgba(244,239,229,0) 40%);
}
.inf-apparel-v3 .ap-standard-copy{ position:relative; z-index:3; padding: 44px 0 40px 4.6%; max-width: 30%; min-width: 300px; }
.inf-apparel-v3 .ap-standard-copy h2{
  font-family: var(--ap-font-display); font-weight: 600; text-transform: uppercase;
  font-size: clamp(26px, 2.5vw, 36px); line-height: 1.07; margin: 0 0 20px;
}
.inf-apparel-v3 .ap-standard-copy p{ font-size: 16.5px; line-height: 1.5; color: #2a2523; margin: 0 0 28px; }
.inf-apparel-v3 .ap-standard-script{
  top: 74px; right: 7%;
  color: var(--ap-text);
  font-size: clamp(20px, 2.2vw, 32px);
  text-shadow: 0 0 14px rgba(255,236,205,.7);
}
.inf-apparel-v3 .ap-standard-script .ap-stroke{ width: 78%; }

.inf-apparel-v3 .ap-standard-panel{
  position:relative;
  background: #0b0908;
  color:#fff;
  padding: 34px 6% 34px 8%;
  clip-path: polygon(0.00% 0.52%, 2.27% 0.24%, 4.55% 1.04%, 6.82% 0.12%, 9.09% 0.86%, 11.36% 0.59%, 13.64% 0.09%, 15.91% 0.81%, 18.18% 0.06%, 20.45% 0.69%, 22.73% 0.11%, 25.00% 0.15%, 27.27% 0.68%, 29.55% 1.32%, 31.82% 0.20%, 34.09% 0.36%, 36.36% 1.00%, 38.64% 1.52%, 40.91% 0.92%, 43.18% 0.63%, 45.45% 1.56%, 47.73% 0.07%, 50.00% 1.37%, 52.27% 0.46%, 54.55% 0.23%, 56.82% 0.19%, 59.09% 0.49%, 61.36% 1.31%, 63.64% 0.29%, 65.91% 0.93%, 68.18% 1.02%, 70.45% 0.60%, 72.73% 0.88%, 75.00% 0.10%, 77.27% 0.10%, 79.55% 0.33%, 81.82% 1.09%, 84.09% 0.68%, 86.36% 0.50%, 88.64% 0.94%, 90.91% 0.73%, 93.18% 0.48%, 95.45% 1.27%, 97.73% 1.12%, 100.00% 0.39%, 99.48% 1.67%, 99.53% 3.33%, 99.21% 5.00%, 99.34% 6.67%, 99.74% 8.33%, 99.12% 10.00%, 99.89% 11.67%, 99.62% 13.33%, 99.32% 15.00%, 99.86% 16.67%, 99.56% 18.33%, 99.96% 20.00%, 99.40% 21.67%, 99.31% 23.33%, 99.48% 25.00%, 99.21% 26.67%, 99.72% 28.33%, 99.37% 30.00%, 99.47% 31.67%, 99.48% 33.33%, 99.59% 35.00%, 99.24% 36.67%, 99.15% 38.33%, 99.57% 40.00%, 99.40% 41.67%, 99.95% 43.33%, 99.37% 45.00%, 99.42% 46.67%, 99.11% 48.33%, 99.26% 50.00%, 99.74% 51.67%, 99.65% 53.33%, 99.40% 55.00%, 99.98% 56.67%, 99.58% 58.33%, 99.85% 60.00%, 99.89% 61.67%, 99.95% 63.33%, 99.31% 65.00%, 99.88% 66.67%, 99.78% 68.33%, 99.65% 70.00%, 99.22% 71.67%, 99.93% 73.33%, 99.60% 75.00%, 99.51% 76.67%, 99.20% 78.33%, 99.26% 80.00%, 99.22% 81.67%, 99.75% 83.33%, 99.63% 85.00%, 99.68% 86.67%, 99.20% 88.33%, 99.14% 90.00%, 99.86% 91.67%, 99.84% 93.33%, 99.79% 95.00%, 99.79% 96.67%, 99.56% 98.33%, 100.00% 98.94%, 97.73% 99.53%, 95.45% 99.99%, 93.18% 99.25%, 90.91% 99.34%, 88.64% 98.98%, 86.36% 98.28%, 84.09% 98.76%, 81.82% 99.07%, 79.55% 98.89%, 77.27% 98.78%, 75.00% 99.90%, 72.73% 98.38%, 70.45% 98.60%, 68.18% 98.43%, 65.91% 98.56%, 63.64% 99.29%, 61.36% 99.28%, 59.09% 99.81%, 56.82% 98.86%, 54.55% 99.89%, 52.27% 99.88%, 50.00% 99.62%, 47.73% 99.71%, 45.45% 99.39%, 43.18% 99.91%, 40.91% 100.00%, 38.64% 99.73%, 36.36% 99.82%, 34.09% 99.35%, 31.82% 99.95%, 29.55% 98.43%, 27.27% 98.89%, 25.00% 99.73%, 22.73% 99.55%, 20.45% 99.37%, 18.18% 99.34%, 15.91% 99.78%, 13.64% 98.47%, 11.36% 98.21%, 9.09% 99.16%, 6.82% 99.13%, 4.55% 99.85%, 2.27% 99.82%, 0.00% 99.38%, 0.24% 98.33%, 0.75% 96.67%, 0.15% 95.00%, 0.02% 93.33%, 0.86% 91.67%, 0.48% 90.00%, 0.13% 88.33%, 0.49% 86.67%, 0.02% 85.00%, 0.48% 83.33%, 0.88% 81.67%, 0.78% 80.00%, 0.63% 78.33%, 0.24% 76.67%, 0.33% 75.00%, 0.15% 73.33%, 0.69% 71.67%, 0.48% 70.00%, 0.70% 68.33%, 0.30% 66.67%, 0.20% 65.00%, 0.73% 63.33%, 0.89% 61.67%, 0.77% 60.00%, 0.73% 58.33%, 0.74% 56.67%, 0.67% 55.00%, 0.20% 53.33%, 0.47% 51.67%, 0.32% 50.00%, 0.03% 48.33%, 0.03% 46.67%, 0.25% 45.00%, 0.23% 43.33%, 0.62% 41.67%, 0.86% 40.00%, 0.40% 38.33%, 0.84% 36.67%, 0.89% 35.00%, 0.86% 33.33%, 0.33% 31.67%, 0.20% 30.00%, 0.20% 28.33%, 0.18% 26.67%, 0.18% 25.00%, 0.56% 23.33%, 0.81% 21.67%, 0.76% 20.00%, 0.43% 18.33%, 0.59% 16.67%, 0.72% 15.00%, 0.08% 13.33%, 0.59% 11.67%, 0.82% 10.00%, 0.70% 8.33%, 0.68% 6.67%, 0.43% 5.00%, 0.16% 3.33%, 0.71% 1.67%);
}
.inf-apparel-v3 .ap-standard-panel h2{
  font-family: var(--ap-font-display); font-weight: 600; text-transform: uppercase;
  font-size: clamp(24px, 2.4vw, 34px); line-height: 1.08; color:#fff; margin: 0 0 22px;
}
.inf-apparel-v3 .ap-standard-panel h2 em{ font-style: italic; font-weight: 700; }
.inf-apparel-v3 .ap-standard-panel li{ display:flex; align-items:center; gap: 16px; margin-bottom: 15px; }
.inf-apparel-v3 .ap-panel-icon{
  width: 52px; height: 52px; flex-shrink:0; border-radius: 50%;
  border: 1px solid rgba(255,255,255,.75);
  display:flex; align-items:center; justify-content:center;
}
.inf-apparel-v3 .ap-panel-icon .ap-icon{ width: 26px; height: 26px; }
.inf-apparel-v3 .ap-standard-panel strong{ display:block; font-weight: 500; font-size: 16.5px; line-height: 1.25; }
.inf-apparel-v3 .ap-standard-panel small{ display:block; font-size: 14.5px; color: rgba(255,255,255,.72); line-height: 1.35; margin-top: 2px; }
.inf-apparel-v3 .ap-leaf--std-r{ top: 4px; right: -12px; width: 62px; z-index: 6; }

/* ---------------- Gallery triptych ---------------- */
.inf-apparel-v3 .ap-gallery{ background: var(--ap-bg); }
.inf-apparel-v3 .ap-gallery-row{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 4px; }
.inf-apparel-v3 .ap-gallery-row img{ width:100%; height:100%; aspect-ratio: 1.72 / 1; object-fit: cover; }

/* ---------------- Join the movement ---------------- */
.inf-apparel-v3 .ap-join{ position:relative; overflow:hidden; background:#14100d; min-height: 200px; }
.inf-apparel-v3 .ap-join-bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position: 50% 62%; }
.inf-apparel-v3 .ap-join-scrim{ position:absolute; inset:0; background: rgba(9,8,7,.68); }
.inf-apparel-v3 .ap-join-inner{
  position:relative; z-index:3;
  display:grid; grid-template-columns: minmax(0,1fr) minmax(0,1.5fr) minmax(0,.6fr);
  align-items:center; gap: 34px;
  min-height: 200px; padding: 48px 0 30px;
}
.inf-apparel-v3 .ap-join-copy{ padding-left: 8px; }
.inf-apparel-v3 .ap-join-copy h2{
  font-family: var(--ap-font-display); font-weight: 600; text-transform: uppercase;
  font-size: clamp(24px, 2.2vw, 32px); color:#fff; margin: 0 0 8px; line-height: 1.1;
}
.inf-apparel-v3 .ap-join-copy p{ margin:0; font-size: 15px; line-height: 1.45; color: rgba(255,255,255,.86); }
.inf-apparel-v3 .ap-join-form-wrap{ grid-column: 2; }
.inf-apparel-v3 .ap-join-form{
  display:flex; align-items:stretch; height: 60px;
  background:#fff; border-radius: 999px; overflow:hidden;
}
.inf-apparel-v3 .ap-join-form input{
  flex:1; min-width:0; border:0; outline:none; background:transparent;
  padding: 0 28px; font-family: var(--ap-font-body); font-size: 15px; color: var(--ap-text);
}
.inf-apparel-v3 .ap-join-form button{
  flex: 0 0 auto; padding: 0 34px; border:0; cursor:pointer;
  background: var(--ap-tan); color: var(--ap-dark);
  display:flex; align-items:center; gap: 10px;
  font-family: var(--ap-font-body); font-size: 15px; font-weight: 500;
  transition: background .2s;
}
.inf-apparel-v3 .ap-join-form button:hover{ background:#cba874; }
.inf-apparel-v3 .ap-join-msg{ margin: 10px 0 0 22px; font-size: 14px; color: #fff; }
.inf-apparel-v3 .ap-join-msg.is-ok{ margin: 0; height: 60px; display:flex; align-items:center; padding: 0 28px; background: rgba(255,255,255,.12); border-radius: 999px; font-size: 16px; }
.inf-apparel-v3 .ap-join-msg.is-error{ color: #ffb3a8; }
.inf-apparel-v3 .ap-join-script{
  top: 34%; right: 5.5%;
  color:#fff; font-size: clamp(18px, 2vw, 28px);
  text-shadow: 0 2px 10px rgba(0,0,0,.5);
}
.inf-apparel-v3 .ap-leaf--join-l{ top: 30px; left:-62px; width:110px; }
.inf-apparel-v3 .ap-leaf--join-r{ top: 30px; right:-60px; width:110px; }

/* ---------------- Responsive ---------------- */
@media (max-width: 1200px){
  .inf-apparel-v3 .ap-grid{ grid-template-columns: repeat(3, minmax(0,1fr)); }
  .inf-apparel-v3 .ap-leaf--col-r2{ display:none; }
}

@media (max-width: 1000px){
  .inf-apparel-v3 .ap-standard-row{ grid-template-columns: 1fr; }
  .inf-apparel-v3 .ap-standard-panel{ clip-path:none; padding: 36px 6%; }
  .inf-apparel-v3 .ap-standard-copy{ max-width: none; min-width: 0; padding-right: 6%; }
  .inf-apparel-v3 .ap-join-inner{ grid-template-columns: 1fr; gap: 18px; }
  .inf-apparel-v3 .ap-join-form-wrap{ grid-column: 1; }
  .inf-apparel-v3 .ap-join-script{ display:none; }
}

@media (max-width: 900px){
  .inf-apparel-v3 .ap-hero{ min-height: 0; padding: 116px 0 300px; }
  .inf-apparel-v3 .ap-hero-bg{ top:auto; bottom:0; height: 300px; transform:none; object-position: 70% 30%; }
  .inf-apparel-v3 .ap-hero-scrim{ background: linear-gradient(180deg, var(--ap-bg) 0%, var(--ap-bg) 58%, rgba(244,239,229,0) 84%); }
  .inf-apparel-v3 .ap-hero-script,
  .inf-apparel-v3 .ap-hero-script2,
  .inf-apparel-v3 .ap-leaf--hero-l1,
  .inf-apparel-v3 .ap-leaf--hero-l2,
  .inf-apparel-v3 .ap-leaf--hero-l3,
  .inf-apparel-v3 .ap-leaf--hero-r{ display:none; }
  .inf-apparel-v3 .ap-hero-inner{ padding-left: 20px; }
  .inf-apparel-v3 .ap-standard-photo{ min-height: 460px; }
  .inf-apparel-v3 .ap-standard-photo > img{ width: 100%; height: 55%; top:auto; bottom:0; }
  .inf-apparel-v3 .ap-standard-fade{ background: linear-gradient(180deg, var(--ap-bg) 0%, var(--ap-bg) 50%, rgba(244,239,229,0) 72%); }
  .inf-apparel-v3 .ap-standard-script{ display:none; }
}

@media (max-width: 640px){
  .inf-apparel-v3 .ap-leaf{ display:none; }
  .inf-apparel-v3 .ap-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
  .inf-apparel-v3 .ap-card-body{ padding: 12px; }
  .inf-apparel-v3 .ap-card-body h3{ font-size: 17px; }
  .inf-apparel-v3 .ap-chips{ flex-wrap: nowrap; overflow-x:auto; padding-bottom: 6px; }
  .inf-apparel-v3 .ap-chip{ flex: 0 0 auto; padding: 0 22px; }
  .inf-apparel-v3 .ap-gallery-row{ grid-template-columns: 1fr; }
  .inf-apparel-v3 .ap-join-form button{ padding: 0 20px; }
}