/* ShopTheLook — editorial image with shoppable product pins (LookHotspot children). */
.cc_oe6aXTYiT2_F5YN5uNoSj .shop-look {
  width: 100%;
  margin-top: var(--stl-mt, 0px);
  margin-bottom: var(--stl-mb, 0px);
  padding-top: clamp(48px, 7vw, 100px);
  padding-bottom: clamp(48px, 7vw, 100px);
}

.cc_oe6aXTYiT2_F5YN5uNoSj .shop-look__inner {
  max-width: var(--maxw);
  margin: 0 auto;
  padding-inline: var(--gutter);
}

.cc_oe6aXTYiT2_F5YN5uNoSj .shop-look__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: clamp(28px, 3.5vw, 48px);
  color: var(--stl-text, var(--ink));
}

.cc_oe6aXTYiT2_F5YN5uNoSj .shop-look__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}
.cc_oe6aXTYiT2_F5YN5uNoSj .shop-look__eyebrow::before {
  content: "";
  width: 24px;
  height: 1px;
  background: var(--stl-ac, var(--accent));
}

.cc_oe6aXTYiT2_F5YN5uNoSj .shop-look__title {
  margin: 0;
  font-size: clamp(30px, 4.4vw, var(--ts-max, 60px));
}

.cc_oe6aXTYiT2_F5YN5uNoSj .shop-look__desc {
  margin: 0;
  max-width: 52ch;
  font-family: var(--sans);
  font-size: 15px;
  line-height: 1.55;
  color: var(--ink-2);
}

/* overflow visible so hotspot cards can extend past the image edges. */
.cc_oe6aXTYiT2_F5YN5uNoSj .shop-look__stage {
  position: relative;
  width: 100%;
  background: var(--paper-2);
}
.cc_oe6aXTYiT2_F5YN5uNoSj .shop-look__stage.has-ratio {
  aspect-ratio: var(--stl-ratio, 4 / 3);
}

.cc_oe6aXTYiT2_F5YN5uNoSj .shop-look__pic {
  display: contents;
}
.cc_oe6aXTYiT2_F5YN5uNoSj .shop-look__img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: var(--stl-fit, cover);
}
.cc_oe6aXTYiT2_F5YN5uNoSj .shop-look__stage.has-ratio .shop-look__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

/* Pin layer fills the stage; children (LookHotspot) position against it.
   Flatten the IkasComponentRenderer wrappers so each pin anchors here. */
.cc_oe6aXTYiT2_F5YN5uNoSj .shop-look__hotspots {
  position: absolute;
  inset: 0;
  z-index: 2;
}
.cc_oe6aXTYiT2_F5YN5uNoSj .shop-look__hotspots > * {
  display: contents;
}
.cc_oe6aXTYiT2_F5YN5uNoSj .shop-look__hotspots > * > * {
  display: contents;
}

/* TOKEN KÖPRÜ — bkz. global.css */
.cc_oe6aXTYiT2_F5YN5uNoSj .shop-look__eyebrow { letter-spacing: var(--mono-ls, .22em); }