.collection-page { background: #f7f4ef; color: #201a16; }
.collection-header { position: relative; }
.collection-header .navbar a[aria-current="page"] { color: var(--gold); }

.collection-hero {
  display: grid;
  grid-template-columns: 42% 58%;
  min-height: 310px;
  overflow: hidden;
  background: #1d1713;
  color: #fff;
}
.collection-hero-copy {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px max(var(--page-gutter), calc((100vw - 1350px) / 2));
  background: linear-gradient(105deg, #1b1410 0%, #2a1c15 58%, rgba(42,28,21,.88) 78%, rgba(42,28,21,.08) 100%);
}
.collection-breadcrumb { margin: 0 0 20px; color: rgba(255,255,255,.58); font-size: 7px; letter-spacing: .6px; }
.collection-breadcrumb span { padding: 0 6px; }
.collection-kicker { margin: 0 0 7px; color: #cbb7a4; font-size: 8px; letter-spacing: 2px; }
.collection-hero h1 { margin: 0 0 13px; font-family: var(--serif); font-size: clamp(41px, 5vw, 69px); font-weight: 400; line-height: .92; letter-spacing: -.5px; }
.collection-hero-copy > p:last-child { max-width: 420px; margin: 0; color: rgba(255,255,255,.82); font-size: 11px; line-height: 1.6; }
.collection-hero-media { position: relative; min-width: 0; overflow: hidden; }
.collection-hero-media::before { content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg, #2a1c15 0%, rgba(42,28,21,.2) 15%, transparent 40%); pointer-events: none; }
.collection-hero-media img { width: 100%; height: 100%; min-height: 310px; display: block; object-fit: cover; object-position: center; }

.collection-benefits {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-bottom: 1px solid #ddd5cc;
  background: #fbf9f6;
}
.collection-benefit { min-height: 61px; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 9px 16px; border-right: 1px solid #e2dbd3; }
.collection-benefit:last-child { border-right: 0; }
.collection-benefit svg { width: 22px; height: 22px; flex: 0 0 auto; fill: none; stroke: #473d35; stroke-width: 1.25; stroke-linecap: round; stroke-linejoin: round; }
.collection-benefit div { display: flex; flex-direction: column; gap: 2px; }
.collection-benefit strong { font-size: 8px; font-weight: 600; letter-spacing: .35px; }
.collection-benefit span { color: #776d64; font-size: 7px; }

.collection-catalog {
  width: min(1430px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 210px minmax(0, 1fr);
  gap: 26px;
  padding: 22px var(--page-gutter) 50px;
}
.collection-filters { min-width: 0; }
.filter-heading { display: flex; justify-content: space-between; align-items: center; padding-bottom: 12px; border-bottom: 1px solid #ded6cd; }
.filter-heading strong { font-size: 8px; letter-spacing: .8px; }
.filter-heading button { padding: 0; border: 0; background: transparent; color: #867c73; font-size: 7px; cursor: pointer; }
.collection-filters details { border-bottom: 1px solid #e0d8cf; }
.collection-filters summary { list-style: none; padding: 14px 0 12px; position: relative; color: #2c2520; font-size: 8px; font-weight: 600; letter-spacing: .6px; cursor: pointer; }
.collection-filters summary::-webkit-details-marker { display: none; }
.collection-filters summary::after { content: "+"; position: absolute; right: 0; font-size: 11px; font-weight: 400; }
.collection-filters details[open] summary::after { content: "−"; }
.collection-filters label { display: flex; align-items: center; gap: 7px; min-height: 22px; color: #635950; font-size: 8px; cursor: pointer; }
.collection-filters label:last-child { margin-bottom: 12px; }
.collection-filters input[type="checkbox"] { width: 11px; height: 11px; margin: 0; accent-color: #2d251f; }
.price-filter { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 6px; padding: 0 0 14px; }
.price-filter input { width: 100%; min-width: 0; height: 31px; padding: 0 8px; border: 1px solid #d8d0c8; background: transparent; color: #2d251f; font-size: 8px; outline-color: #a78b6e; }
.price-filter span { color: #9a9188; font-size: 9px; }
.mobile-filter-toggle { display: none; }

.collection-results { min-width: 0; }
.collection-toolbar { min-height: 36px; display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 9px; }
.collection-toolbar p { margin: 4px 0 0; color: #6e655d; font-size: 8px; }
.collection-toolbar p strong { color: #29221d; font-weight: 500; }
.collection-toolbar label { display: flex; align-items: center; gap: 7px; color: #756c64; font-size: 8px; }
.collection-toolbar select { height: 30px; min-width: 128px; padding: 0 27px 0 9px; border: 1px solid #d9d1c8; background: #fbf9f6; color: #39312b; font-size: 8px; outline-color: #a78b6e; }

.collection-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 17px 12px; }
.collection-product { min-width: 0; text-align: center; }
.collection-product[hidden] { display: none; }
.collection-product-image { position: relative; aspect-ratio: 1 / .93; display: grid; place-items: center; overflow: hidden; background: #f0ece6; }
.collection-product-image::after { content: ""; position: absolute; inset: 8px; border: 1px solid rgba(255,255,255,.55); pointer-events: none; }
.collection-product-image img { width: 100%; height: 100%; display: block; object-fit: contain; padding: 10px; transition: transform .25s ease; }
.collection-product:hover .collection-product-image img { transform: scale(1.035); }
.collection-product-image button { position: absolute; z-index: 2; top: 7px; right: 7px; width: 25px; height: 25px; display: grid; place-items: center; padding: 0; border: 0; background: transparent; color: #413830; font-size: 18px; line-height: 1; cursor: pointer; }
.collection-product-image button[aria-pressed="true"] { color: #8c533f; }
.collection-product h2 { margin: 8px 0 2px; font-family: var(--serif); font-size: 9px; font-weight: 500; }
.collection-product p { margin: 0 0 2px; color: #514941; font-family: var(--serif); font-size: 9px; }
.collection-product > strong { font-size: 8px; font-weight: 500; }
.collection-empty { padding: 48px 0; color: #7a7067; font-size: 11px; text-align: center; }

.collection-footer { min-height: 80px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px var(--page-gutter); border-top: 1px solid #dcd4cb; background: #f1ece6; color: #6e655d; font-size: 8px; }
.collection-footer a { color: inherit; text-decoration: none; }
.collection-footer-logo { display: flex; flex-direction: column; color: #29221d !important; font-family: var(--serif); font-size: 14px; letter-spacing: 3px; }
.collection-footer-logo span { margin-top: 3px; color: #8c8177; font-family: var(--sans); font-size: 5px; letter-spacing: 1.5px; }

@media (max-width: 980px) {
  .collection-hero { grid-template-columns: 48% 52%; }
  .collection-catalog { grid-template-columns: 180px minmax(0, 1fr); gap: 20px; }
  .collection-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .collection-benefit { padding-inline: 9px; }
}

@media (max-width: 740px) {
  .collection-hero { grid-template-columns: 1fr; }
  .collection-hero-copy { min-height: 270px; padding-top: 30px; padding-bottom: 30px; background: #201610; }
  .collection-hero-media { height: 235px; }
  .collection-hero-media img { min-height: 0; height: 100%; }
  .collection-hero-media::before { background: linear-gradient(180deg, #201610 0%, transparent 25%); }
  .collection-benefits { grid-template-columns: 1fr 1fr; }
  .collection-benefit:nth-child(2) { border-right: 0; }
  .collection-benefit:nth-child(-n+2) { border-bottom: 1px solid #e2dbd3; }
  .collection-catalog { display: block; padding-top: 14px; }
  .mobile-filter-toggle { width: 100%; min-height: 42px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; padding: 0 12px; border: 1px solid #d7cec5; background: transparent; color: #2e2721; font-size: 9px; letter-spacing: .8px; cursor: pointer; }
  .collection-filters { display: none; margin-bottom: 18px; padding: 0 12px 10px; border: 1px solid #ddd4cb; }
  .collection-filters.is-open { display: block; }
  .collection-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 10px; }
  .collection-toolbar { align-items: center; }
}

@media (max-width: 430px) {
  .collection-hero h1 { font-size: 45px; }
  .collection-benefits { grid-template-columns: 1fr; }
  .collection-benefit { justify-content: flex-start; padding-left: var(--page-gutter); border-right: 0; border-bottom: 1px solid #e2dbd3; }
  .collection-grid { grid-template-columns: 1fr 1fr; }
  .collection-product-image img { padding: 7px; }
  .collection-toolbar { align-items: flex-start; }
  .collection-toolbar label { flex-direction: column; align-items: flex-end; gap: 3px; }
  .collection-footer { flex-direction: column; text-align: center; }
}