/* =========================================================
   BRIDAL V4
   The Seasons = proje fontu
   ========================================================= */

.bridal-page {
  --bridal-serif: "the-seasons", "The Seasons", Georgia, "Times New Roman", serif;
  background: #000 !important;
  color: #fff;
}

.bridal-header {
  position: relative !important;
  width: 100% !important;
  height: 135px !important;
  min-height: 135px !important;
  background: #000 !important;
}

.bridal-main {
  width: 100%;
  background: #000;
  overflow: hidden;
  padding: 0 0 72px;
}

.bridal-board {
  --bridal-gap: 6px;

  width: min(calc(100% - 48px), 1500px);
  margin: 0 auto;

  display: flex;
  flex-direction: column;
  gap: var(--bridal-gap);

  background: #000;
}

.bridal-board *,
.bridal-board *::before,
.bridal-board *::after {
  box-sizing: border-box;
}

.bridal-section {
  margin: 0;
}

.bridal-frame {
  position: relative !important;
  display: block;
  margin: 0;
  overflow: hidden;
  background: #000;
}

.bridal-frame > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 01 — COVER */
.bridal-cover .bridal-frame {
  aspect-ratio: 4 / 5;
}

.bridal-cover-overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  display: block !important;
  color: #fff !important;
  font-family: var(--bridal-serif) !important;
  pointer-events: none;
}

.bridal-cover-overlay h2 {
  position: absolute;
  top: 3.3%;
  left: 3.8%;
  margin: 0;
  color: #fff;
  font-family: var(--bridal-serif) !important;

  font-size: clamp(220px, 21vw, 385px) !important;

  font-weight: 400;
  line-height: .80;
  letter-spacing: -.045em;
  white-space: nowrap;
}

.bridal-cover-copy {
  position: absolute;
  top: 35%;
  right: -4%;
  width: 38%;
}
.bridal-cover-copy h3,
.bridal-cover-copy p {
  margin: 0;
  color: #fff;
  font-family: var(--bridal-serif) !important;
  font-weight: 400;
}

.bridal-cover-copy h3 {
  font-size: clamp(34px, 3.8vw, 90px);
  line-height: .95;
}

.bridal-cover-copy p {
  margin-top: 10px;
  font-size: clamp(15px, 1.45vw, 22px);
  line-height: 1.04;
}

/* 02 — WIDE IMAGE + TEXT OVER IMAGE */
.bridal-wide-frame {
  aspect-ratio: 16 / 9;
}

.bridal-wide-frame > img {
  object-position: center center;
}

.bridal-wide-overlay {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  z-index: 4 !important;
  width: 48%;
  padding: clamp(34px, 5.2vw, 78px) clamp(28px, 4.6vw, 68px);
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  color: #fff !important;
  font-family: var(--bridal-serif) !important;
  pointer-events: none;

  background:
    linear-gradient(
      90deg,
      rgba(0,0,0,.67) 0%,
      rgba(0,0,0,.48) 55%,
      rgba(0,0,0,.10) 100%
    );
}

.bridal-wide-overlay h2,
.bridal-wide-overlay h3,
.bridal-wide-overlay p {
  margin: 0;
  color: #fff;
  font-family: var(--bridal-serif) !important;
  font-weight: 400;
}

.bridal-wide-overlay h2 {
  font-size: clamp(34px, 4vw, 62px);
  line-height: .95;
}

.bridal-wide-lead {
  margin-top: 10px !important;
  font-size: clamp(17px, 1.65vw, 25px);
  line-height: 1.06;
}

.bridal-wide-overlay h3 {
  margin-top: 34px !important;
  font-size: clamp(32px, 3.4vw, 54px);
  line-height: .94;
}

.bridal-wide-overlay h3 + p {
  margin-top: 8px !important;
  font-size: clamp(16px, 1.5vw, 23px);
  line-height: 1.04;
}

.bridal-photo-credit {
  margin-top: 26px !important;
  font-size: clamp(15px, 1.35vw, 21px) !important;
}

/* 03 / 04 / 05 — NO TEXT */
.bridal-trio {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--bridal-gap);
}

.bridal-trio .bridal-frame {
  aspect-ratio: 4 / 5;
}


.bridal-mobile-break {
  display: none;
}

/* 06 — CLOSING */
.bridal-closing .bridal-frame {
  aspect-ratio: 4 / 5;
}

.bridal-closing-overlay {
  position: absolute !important;
  top: 9% !important;
  left: 7% !important;
  z-index: 4 !important;
  color: #fff !important;
  font-family: var(--bridal-serif) !important;
  pointer-events: none;
}

.bridal-closing-overlay span,
.bridal-closing-overlay h2,
.bridal-closing-overlay p {
  display: block;
  margin: 0;
  color: #fff;
  font-family: var(--bridal-serif) !important;
  font-weight: 400;
}

.bridal-closing-overlay span {
  font-size: clamp(30px, 3vw, 46px);
  line-height: .9;
}

.bridal-closing-overlay h2 {
  margin-top: 8px;
  font-size: clamp(52px, 6.2vw, 96px);
  line-height: .88;
  letter-spacing: -.025em;
}

.bridal-closing-overlay p {
  margin-top: 14px;
  font-size: clamp(25px, 2.7vw, 42px);
  line-height: .95;
}


/* ==========================================================
   BOARD FOOTER — AKYAZ İLE AYNI
========================================================== */

.bridal-board-footer {
  min-height: 94px;
  padding: 18px 4px 2px;

  display: grid;
  grid-template-columns: 1fr 1.6fr 1fr;
  gap: 24px;
  align-items: end;

  background: #000;
  color: #fff;

  font-family: "apotek-cond", "Apotek Cond", "apotek", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .20em;
}

.bridal-board-footer p {
  margin: 0;
}

.bridal-tagline {
  font-size: clamp(24px, 2.3vw, 34px);
  font-weight: 700;
  line-height: .88;
  letter-spacing: -.04em;
}

.bridal-credit {
  text-align: center;
  font-size: clamp(20px, 1.2vw, 25px);
  line-height: 1.2;
}

.bridal-credit span {
  font-size: .92em;
}

.bridal-studio-mark {
  justify-self: end;
  width: clamp(72px, 8.5vw, 118px);
  height: auto;
  filter: brightness(0) invert(1);
}

/* TABLET */
@media (max-width: 900px) {
  .bridal-header {
    height: 110px !important;
    min-height: 110px !important;
  }

  .bridal-board {
    width: calc(100% - 20px);
  }

  .bridal-trio {
    gap: 8px;
  }

  .bridal-wide-overlay {
    width: 53%;
  }
}

/* MOBILE */
@media (max-width: 760px) {
  .bridal-main {
    padding-bottom: 42px;
  }

  .bridal-board {
    --bridal-gap: 4px;
    width: calc(100% - 16px);
  }

  .bridal-trio {
    gap: 5px;
  }

  .bridal-wide-frame {
    aspect-ratio: 16 / 10;
  }

  .bridal-wide-overlay {
    width: 56%;
    padding: 18px 16px;
  }

  .bridal-wide-overlay h3 {
    margin-top: 18px !important;
  }

  .bridal-photo-credit {
    margin-top: 14px !important;
  }

  .bridal-board-footer {
    min-height: 116px;
    grid-template-columns: 1fr 1.8fr 1fr;
    gap: 10px;
    padding-top: 14px;
  }

  .bridal-tagline {
    font-size: 13px;
  }

  .bridal-credit {
    font-size: 8px;
  }

  .bridal-studio-mark {
    width: 64px;
  }
}

@media (min-width: 761px) {
  body.bridal-page.mego-page.mego-page .site-header:not(.hero) {
    height: 200px !important;
    min-height: 200px !important;
    max-height: none !important;
  }
}

/* =========================================================
   BRIDAL — MOBILE FINAL OVERRIDE
   Shared shell mobil breakpoint: 760px
========================================================= */
@media screen and (max-width: 760px) {

  body.bridal-page .bridal-main {
    padding-bottom: 6px !important;
  }

  body.bridal-page .bridal-board {
    --bridal-gap: 4px;
    width: calc(100% - 16px) !important;
  }

  /* 01 / COVER */
  body.bridal-page .bridal-cover-overlay > h2 {
    top: 5.2% !important;
    left: 2% !important;
    font-size: clamp(96px, 25vw, 120px) !important;
    line-height: .76 !important;
    letter-spacing: -.055em !important;
    white-space: nowrap !important;
  }

  body.bridal-page .bridal-cover-copy {
    top: 34% !important;
    right: 1.5% !important;
    width: 35% !important;
  }

  body.bridal-page .bridal-cover-copy > h3 {
    font-size: clamp(18px, 4.8vw, 30px) !important;
    line-height: .92 !important;
  }

  body.bridal-page .bridal-cover-copy > p {
    margin-top: 5px !important;
    font-size: clamp(9px, 2.45vw, 13px) !important;
    line-height: 1.05 !important;
  }

  /* 02 / FORM, LIGHT & LACE */
  body.bridal-page .bridal-wide-overlay {
    width: 50% !important;
    padding: 10px !important;
  }

  body.bridal-page .bridal-wide-overlay > h2 {
    font-size: clamp(17px, 4.5vw, 25px) !important;
    line-height: .92 !important;
  }

  body.bridal-page .bridal-wide-lead {
    margin-top: 5px !important;
    font-size: clamp(9px, 2.5vw, 13px) !important;
    line-height: 1.05 !important;
  }

  body.bridal-page .bridal-wide-overlay > h3 {
    margin-top: 11px !important;
    font-size: clamp(17px, 4.5vw, 25px) !important;
    line-height: .92 !important;
  }

  body.bridal-page .bridal-wide-overlay > h3 + p {
    margin-top: 4px !important;
    font-size: clamp(8px, 2.3vw, 12px) !important;
    line-height: 1.05 !important;
  }

  body.bridal-page .bridal-photo-credit {
    margin-top: 7px !important;
    font-size: clamp(8px, 2.1vw, 11px) !important;
  }

  /* 06 / THE BRIDAL EDIT */
  body.bridal-page .bridal-closing-overlay {
    top: 11% !important;
    left: 6% !important;
    width: 46% !important;
    max-width: 46% !important;
  }

  body.bridal-page .bridal-mobile-break {
    display: block !important;
  }

  body.bridal-page .bridal-closing-overlay > span {
    font-size: clamp(15px, 4vw, 22px) !important;
    line-height: .9 !important;
  }

  body.bridal-page .bridal-closing-overlay > h2 {
    margin-top: 3px !important;
    font-size: clamp(28px, 7.2vw, 44px) !important;
    line-height: .84 !important;
    letter-spacing: -.025em !important;
  }

  body.bridal-page .bridal-closing-overlay > p {
    margin-top: 7px !important;
    font-size: clamp(13px, 3.6vw, 20px) !important;
    line-height: .92 !important;
  }

  /* Proje footer — mobilde siyah boşluğu kısalt */
  body.bridal-page .bridal-board-footer {
    min-height: 54px !important;
    height: 54px !important;
    margin: 0 !important;
    padding: 4px 2px !important;
    grid-template-columns: 1fr 1.7fr 1fr !important;
    gap: 4px !important;
    align-items: center !important;
  }

  body.bridal-page .bridal-tagline {
    font-size: 8px !important;
    line-height: .90 !important;
  }

  body.bridal-page .bridal-credit {
    font-size: 5.5px !important;
    line-height: 1.10 !important;
  }

  body.bridal-page .bridal-credit span {
    font-size: .90em !important;
  }

  body.bridal-page .bridal-studio-mark {
    width: 42px !important;
  }
}



/* BRIDAL MOBILE TITLE — FINAL10 DEFINITIVE */
@media (max-width: 760px) {
  body.bridal-page .bridal-cover-overlay > h2 {
    font-size: clamp(96px, 25vw, 120px) !important;
    top: 5.2% !important;
    left: 2% !important;
    line-height: .76 !important;
    letter-spacing: -.055em !important;
    white-space: nowrap !important;
    width: max-content !important;
  }
}