/* ============================================================
   HOMEPAGE COLLECTIONS — isolated styles for the added module
   ============================================================ */

.commerce-section { padding:96px 0; }

.commerce-heading { max-width:820px; margin-bottom:36px; }
.commerce-heading .section-heading { margin-bottom:16px; }
.commerce-heading > p {
  max-width:600px;
  color:rgba(255,255,255,.62);
  font-size:17px;
  line-height:1.75;
}

.commerce-collections { background:#111; color:#fff; }
.collection-tabs {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:22px;
}
.collection-tab {
  min-height:44px;
  padding:0 20px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  color:rgba(255,255,255,.62);
  font-size:13px;
  font-weight:600;
  transition:background-color .25s,color .25s,border-color .25s;
}
.collection-tab:hover { border-color:rgba(255,255,255,.4); color:#fff; }
.collection-tab.is-active { background:var(--clr-red); border-color:var(--clr-red); color:#fff; }

.collection-panel {
  display:grid;
  grid-template-columns:minmax(0,1.42fr) minmax(340px,.58fr);
  min-height:540px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13);
  border-radius:22px;
  background:#191919;
}
.collection-panel[hidden] { display:none; }
.collection-panel__visual { position:relative; min-height:540px; overflow:hidden; background:#0d0d0d; }
.collection-panel__visual img { width:100%; height:100%; object-fit:cover; }
.collection-panel__visual--pacific { background:#f7f7f7; }
.collection-panel__visual--pacific img { object-fit:contain; background:#f7f7f7; }
.collection-panel__visual--campaign img { object-fit:contain; background:#f1efed; }
.collection-panel__visual--executive img { object-fit:contain; background:#f6f5f3; }
.collection-panel__visual--eco img { object-position:center; }
.collection-visual-label {
  position:absolute;
  left:24px;
  bottom:24px;
  padding:9px 13px;
  border-radius:999px;
  background:rgba(17,17,17,.86);
  color:rgba(255,255,255,.78);
  font-size:10px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.collection-panel__copy { display:flex; flex-direction:column; justify-content:center; padding:46px 42px; }
.collection-number { margin-bottom:18px; color:var(--clr-red-light); font-size:10px; font-weight:800; letter-spacing:.17em; text-transform:uppercase; }
.collection-panel h3 { margin-bottom:18px; font-family:var(--ff-display); font-size:clamp(34px,4vw,54px); letter-spacing:-.04em; line-height:1; }
.collection-panel__copy > p { color:rgba(255,255,255,.66); font-size:15px; line-height:1.7; }
.collection-features { display:flex; flex-wrap:wrap; gap:8px; margin:25px 0; }
.collection-features li { padding:7px 11px; border:1px solid rgba(255,255,255,.15); border-radius:999px; color:rgba(255,255,255,.72); font-size:11px; }
.collection-thumbs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-bottom:28px; }
.collection-thumbs img { display:block; width:100%; min-width:0; height:auto; aspect-ratio:1; object-fit:contain; padding:5px; border-radius:9px; background:#f6f5f3; }
.collection-panel__copy .btn { align-self:flex-start; }

@media(max-width:1100px) {
  .collection-panel { grid-template-columns:1.18fr .82fr; }
  .collection-panel__copy { padding:38px 30px; }
}

@media(max-width:900px) {
  .commerce-section { padding:84px 0; }
  .collection-panel { grid-template-columns:1fr; }
  .collection-panel__visual { min-height:500px; }
  .collection-panel__copy { padding:42px; }
}

@media(max-width:640px) {
  .commerce-section { padding:68px 0; }
  .collection-tabs { display:grid; grid-template-columns:1fr; }
  .collection-tab { width:100%; }
  .collection-panel { min-height:0; border-radius:16px; }
  .collection-panel__visual { min-height:330px; }
  .collection-panel__copy { padding:30px 24px 34px; }
  .collection-panel h3 { font-size:34px; }
  .collection-thumbs { gap:5px; }
}