/* VOILE v29 — collections are the homepage; the catalogue opens only after intent. */
.featuredSelection,
.categoryStrip {
  display: none !important;
}

.collectionCarousel {
  padding: clamp(54px, 7vw, 92px) 0 clamp(66px, 8vw, 108px);
  overflow: hidden;
  background: #f4efe8;
}

.collectionExperience {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: clamp(28px, 4vw, 58px);
  align-items: start;
}

.collectionSideNav {
  position: sticky;
  top: 100px;
  align-self: start;
  padding-top: 4px;
  border-top: 1px solid rgba(27,23,19,.24);
}

.collectionSideNav > p {
  margin: 0;
  padding: 14px 0 12px;
  color: rgba(27,23,19,.55);
  font-size: 9px;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.collectionSideNav button {
  display: block;
  width: 100%;
  min-height: 37px;
  padding: 10px 0;
  border: 0;
  border-top: 1px solid rgba(27,23,19,.12);
  background: transparent;
  color: rgba(27,23,19,.68);
  text-align: left;
  font: inherit;
  font-size: 10px;
  letter-spacing: .055em;
  cursor: pointer;
  transition: color .18s ease, padding-left .18s ease;
}

.collectionSideNav button:hover,
.collectionSideNav button.active {
  color: #17130f;
  padding-left: 5px;
}

.collectionSideNav button.active {
  font-weight: 600;
}

.collectionSideNav button.active::after { content: ' —'; }

.collectionCarouselInner { min-width: 0; }

.collectionCarouselHeading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}

.collectionCarouselHeading .eyebrow { margin: 0 0 7px; }

.collectionCarouselHeading h2 {
  margin: 0;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(38px, 4.4vw, 62px);
  font-weight: 400;
  line-height: .95;
  letter-spacing: -.045em;
}

.collectionCarouselControls { display: flex; gap: 8px; flex: 0 0 auto; }

.collectionCarouselControls button {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(27,23,19,.28);
  background: transparent;
  color: #17130f;
  border-radius: 999px;
  font: inherit;
  cursor: pointer;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.collectionCarouselControls button:hover { background: #17130f; color: #f4efe8; border-color: #17130f; }

.collectionCarouselTrack {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(260px, 38%);
  gap: 18px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  padding-bottom: 4px;
}
.collectionCarouselTrack::-webkit-scrollbar { display: none; }

.collectionSlide {
  position: relative;
  display: block;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  scroll-snap-align: start;
  color: #fff;
  text-decoration: none;
  background: #d8d0c5;
}
.collectionSlide img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .65s cubic-bezier(.2,.6,.2,1); }
.collectionSlide:hover img { transform: scale(1.025); }
.collectionShade { position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.02) 42%,rgba(0,0,0,.58) 100%); pointer-events:none; }
.collectionSlideTop { position:absolute; top:18px; right:18px; font-size:10px; letter-spacing:.14em; }
.collectionSlideCopy { position:absolute; left:clamp(18px,2.6vw,30px); right:clamp(18px,2.6vw,30px); bottom:clamp(20px,3vw,32px); display:grid; gap:7px; }
.collectionSlideCopy small { font-size:9px; letter-spacing:.17em; text-transform:uppercase; }
.collectionSlideCopy strong { font-family:Georgia,'Times New Roman',serif; font-weight:400; font-size:clamp(28px,3vw,45px); line-height:.98; letter-spacing:-.035em; }
.collectionSlideTagline { display:block; margin-top:1px; font-size:11px; line-height:1.35; letter-spacing:.025em; color:rgba(255,255,255,.88); }
.collectionSlideCopy em { margin-top:7px; font-style:normal; font-size:11px; letter-spacing:.04em; border-bottom:1px solid rgba(255,255,255,.65); width:max-content; padding-bottom:3px; }

/* The generic "Tüm Ürünler" wall is gone from the home page. It appears only after a collection/category choice. */
body.voile-catalog-closed .newArrivals { display: none !important; }
body.voile-catalog-open .newArrivals { display: block; }

.newArrivals:target { scroll-margin-top: 86px; }
.newArrivals > .filters { display: none !important; }

@media (min-width: 901px) {
  body.voile-catalog-open .newArrivals {
    padding-left: calc(150px + clamp(28px, 4vw, 58px));
  }
  .newArrivals > .catalogHeading { margin-bottom: 30px; }
}

@media (max-width: 900px) {
  .collectionCarousel { padding: 46px 0 64px; }
  .collectionExperience { display: block; }
  .collectionSideNav {
    position: static;
    display: flex;
    overflow-x: auto;
    gap: 6px;
    margin-bottom: 26px;
    padding: 0 0 8px;
    border-top: 0;
    border-bottom: 1px solid rgba(27,23,19,.16);
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .collectionSideNav::-webkit-scrollbar { display:none; }
  .collectionSideNav > p { display:none; }
  .collectionSideNav button {
    flex: 0 0 auto;
    width: auto;
    min-height: 34px;
    padding: 8px 11px;
    border: 1px solid rgba(27,23,19,.16);
    white-space: nowrap;
  }
  .collectionSideNav button:hover,
  .collectionSideNav button.active { padding-left:11px; }
  .collectionSideNav button.active::after { content:''; }
  .collectionCarouselHeading { align-items:center; margin-bottom:18px; }
  .collectionCarouselHeading h2 { font-size:40px; }
  .collectionCarouselControls { display:none; }
  .collectionCarouselTrack { grid-auto-columns:83%; gap:12px; padding-right:12%; }
  .collectionSlide { aspect-ratio:4 / 5.15; }
  .collectionSlideCopy strong { font-size:34px; }
}