/* ================================================================
   Meryemcee Home — meryemcee.css
   Ana stil dosyası
   ================================================================ */

@import url('tokens.css');
@import url('base.css');
@import url('additions.css');

/* ──────────────────────────────────────────────
   1. DUYURU BANDI (mc_announcement)
────────────────────────────────────────────── */
.mc-announcement {
  height: 34px;
  background: var(--mc-purple-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
.mc-announcement__item {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  position: absolute;
  opacity: 0;
  transition: opacity .5s;
  text-align: center;
  padding-inline: var(--pad-page);
}
.mc-announcement__item--active { opacity: 1; }
.mc-announcement__dot {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: #F0B6FF;
  flex-shrink: 0;
}

/* ──────────────────────────────────────────────
   2. HEADER
────────────────────────────────────────────── */
.mc-header {
  background: var(--mc-surface);
  border-bottom: 1px solid var(--mc-purple-line);
  position: sticky;
  top: 0;
  z-index: 200;
}

/* Mobil header */
.mc-header__mobile {
  height: 58px;
  display: grid;
  grid-template-columns: 88px 1fr 88px;
  align-items: center;
  padding-inline: 12px;
}
.mc-header__left { display: flex; align-items: center; gap: 4px; }
.mc-header__logo { display: flex; align-items: center; justify-content: center; }
.mc-header__logo img { height: 40px; }
.mc-header__right { display: flex; align-items: center; justify-content: flex-end; gap: 4px; }
.mc-header__icon-btn {
  width: 44px; height: 44px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 50%;
  color: var(--mc-ink);
  transition: background .15s;
}
.mc-header__icon-btn:hover { background: var(--mc-purple-tint); }
.mc-header__cart-badge {
  position: relative;
}
.mc-header__cart-badge .mc-badge-count {
  position: absolute;
  top: -2px; right: -2px;
  min-width: 17px; height: 17px;
  border-radius: 9px;
  background: var(--mc-purple);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  display: flex; align-items: center; justify-content: center;
  padding: 0 3px;
}

/* Mobil arama çubuğu */
.mc-search-bar {
  display: none;
  padding: 8px 12px;
  border-top: 1px solid var(--mc-purple-line);
}
.mc-search-bar--open { display: block; }
.mc-search-bar__form { display: flex; align-items: center; gap: 8px; }
.mc-search-bar__input {
  flex: 1;
  height: 46px;
  padding: 0 18px;
  border-radius: var(--r-pill);
  border: none;
  background: var(--mc-purple-tint);
  font-size: 14px;
  color: var(--mc-ink);
}
.mc-search-bar__input::placeholder { color: var(--mc-ink-3); }
.mc-search-bar__input:focus { outline: 2px solid var(--mc-purple); }

/* Masaüstü header */
.mc-header__desktop { display: none; }
.mc-header__desktop-inner {
  height: 84px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.mc-header__logo-desk img { height: 54px; }
.mc-search-desk {
  flex: 1;
  max-width: 560px;
  margin-inline: auto;
}
.mc-search-desk__form {
  display: flex;
  align-items: center;
  height: 48px;
  background: var(--mc-purple-tint);
  border-radius: var(--r-pill);
  padding: 0 18px;
  gap: 10px;
  border: 1.5px solid transparent;
  transition: border-color .15s;
}
.mc-search-desk__form:focus-within { border-color: var(--mc-purple); }
.mc-search-desk__input { flex: 1; background: none; border: none; font-size: 14.5px; color: var(--mc-ink); }
.mc-search-desk__input::placeholder { color: var(--mc-ink-3); }
.mc-search-desk__input:focus { outline: none; }
.mc-header__actions { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.mc-header__wa-btn { font-size: 14px; height: 44px; }
.mc-header__cart-btn {
  height: 44px;
  padding: 0 18px;
  border-radius: var(--r-pill);
  background: var(--mc-purple-tint);
  color: var(--mc-purple);
  font-weight: 600;
  font-size: 14px;
  display: flex; align-items: center; gap: 8px;
  transition: background .15s;
}
.mc-header__cart-btn:hover { background: var(--mc-purple-line); }

/* Kategori menüsü — beyaz zemin, alt gölge ile header'dan ayrışır */
.mc-menu {
  background: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,.07);
  position: relative;
  z-index: 10;
}
.mc-menu__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 48px;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  flex-wrap: nowrap;
}
.mc-menu__inner::-webkit-scrollbar { display: none; }
.mc-menu__link {
  height: 36px;
  padding: 0 16px;
  border-radius: var(--r-pill);
  font-size: 14px;
  font-weight: 600;
  color: var(--mc-ink);
  white-space: nowrap;
  display: flex; align-items: center;
  transition: background .15s, color .15s;
}
.mc-menu__link:hover { background: rgba(108,49,136,.12); color: var(--mc-purple); }
.mc-menu__link--active { color: var(--mc-purple); background: #fff; box-shadow: 0 1px 4px rgba(108,49,136,.12); }
.mc-menu__link--campaign { color: var(--mc-red); font-weight: 700; }

/* Rehber dropdown */
.mc-menu__item--drop { position: relative; }
.mc-menu__link--drop-trigger { display: flex; align-items: center; }
.mc-menu__drop {
  display: none;
  position: absolute;
  top: calc(100% + 4px);
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  border: 1px solid var(--mc-purple-line, #e8d8f5);
  border-radius: 12px;
  box-shadow: 0 8px 28px rgba(42,30,48,.13);
  padding: 6px;
  min-width: 210px;
  z-index: 50;
  white-space: nowrap;
}
.mc-menu__item--drop:hover .mc-menu__drop { display: flex; flex-direction: column; }
.mc-menu__drop-link {
  padding: 9px 14px;
  border-radius: 8px;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--mc-ink);
  transition: background .12s, color .12s;
}
.mc-menu__drop-link:hover { background: rgba(108,49,136,.1); color: var(--mc-purple); }

/* Mobil çekmece */
.mc-drawer {
  position: fixed;
  top: 0; left: 0;
  width: min(86%, 360px);
  height: 100%;
  background: var(--mc-surface);
  z-index: 500;
  transform: translateX(-100%);
  transition: transform .3s ease;
  overflow-y: auto;
}
.mc-drawer--open { transform: translateX(0); }
.mc-drawer__overlay {
  position: fixed;
  inset: 0;
  background: rgba(42,30,48,.45);
  z-index: 499;
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s;
}
.mc-drawer__overlay--visible { opacity: 1; pointer-events: auto; }
.mc-drawer__header {
  height: 58px;
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 16px;
  border-bottom: 1px solid var(--mc-purple-line);
}
.mc-drawer__nav a {
  display: flex; align-items: center;
  height: 52px;
  padding: 0 20px;
  border-bottom: 1px solid var(--mc-purple-line);
  font-size: 15px; font-weight: 500;
}
.mc-drawer__nav a--campaign { color: var(--mc-red); }
.mc-drawer__footer { padding: 16px; display: flex; flex-direction: column; gap: 10px; }
.mc-drawer__wa { background: var(--mc-wa); color: #fff; }
.mc-drawer__ig { border: 2px solid var(--mc-purple-line); color: var(--mc-ink); }

@media (min-width: 760px) {
  .mc-header__mobile { display: none; }
  .mc-header__desktop { display: block; }
  .mc-menu__inner { height: 52px; }
}

/* ──────────────────────────────────────────────
   3. HİKÂYELER (mc_stories)
────────────────────────────────────────────── */
.mc-stories {
  padding: 12px 0 8px;
  background: var(--mc-surface);
  border-bottom: 1px solid var(--mc-purple-line);
}
.mc-stories__grid {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(clamp(76px,9vw,104px),1fr);
  justify-items: center;
  gap: 6px;
  overflow-x: auto;
  padding: 6px var(--pad-page) 8px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.mc-stories__grid::-webkit-scrollbar { display: none; }
.mc-story {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}
.mc-story__ring {
  width: clamp(68px,7.5vw,92px);
  height: clamp(68px,7.5vw,92px);
  border-radius: 50%;
  padding: 2.5px;
  border: 2.5px solid var(--mc-purple);
  background: white;
}
.mc-story__ring--red { border-color: var(--mc-red); }
.mc-story__img {
  width: 100%; height: 100%;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid white;
}
.mc-story__label { font-size: 11px; font-weight: 600; color: var(--mc-ink-2); text-align: center; max-width: 80px; }

/* ──────────────────────────────────────────────
   4. HERO SLIDER (mc_hero_slider)
────────────────────────────────────────────── */
.mc-hero {
  position: relative;
  overflow: hidden;
  border-radius: var(--r-block);
  margin: var(--gap-grid);
}
.mc-hero__track {
  display: flex;
  transition: transform .5s cubic-bezier(.4,0,.2,1);
}
.mc-hero__slide {
  flex-shrink: 0;
  width: 100%;
  min-height: clamp(380px,46vw,480px);
  border-radius: var(--r-block);
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(340px,1fr));
  align-items: center;
  gap: 0;
  overflow: hidden;
  padding: clamp(20px,4vw,48px) clamp(20px,4vw,40px);
  position: relative;
  background-size: cover;
  background-position: center;
  background-color: var(--mc-purple-dark);
}
.mc-hero__slide--purple { background: var(--mc-purple-dark); }
.mc-hero__slide--mid { background: var(--mc-purple-mid); }
.mc-hero__content { position: relative; z-index: 1; }
.mc-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 14px;
  border-radius: var(--r-pill);
  background: rgba(255,255,255,.16);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  margin-bottom: 14px;
}
.mc-hero__title {
  font-family: var(--font-title);
  font-size: clamp(28px,5vw,52px);
  color: #fff;
  line-height: 1.05;
  margin-bottom: 10px;
}
.mc-hero__sub { font-size: 15px; color: #F4ECF7; margin-bottom: 20px; }
.mc-hero__btns { display: flex; flex-wrap: wrap; gap: 10px; }
.mc-hero__img-wrap {
  display: flex; justify-content: center; align-items: flex-end;
  padding-top: 20px;
}
.mc-hero__img-wrap img { max-height: 340px; border-radius: var(--r-card); object-fit: cover; }
.mc-hero__dots {
  position: absolute;
  bottom: 16px; left: 50%;
  transform: translateX(-50%);
  display: flex; gap: 6px;
}
.mc-hero__dot {
  height: 8px;
  border-radius: var(--r-pill);
  background: var(--mc-purple-soft);
  width: 8px;
  transition: width .3s, background .3s;
}
.mc-hero__dot--active { width: 26px; background: var(--mc-purple); }

/* ──────────────────────────────────────────────
   5. GERİ SAYIM BANDI (mc_countdown)
────────────────────────────────────────────── */
.mc-countdown-band {
  background: var(--mc-surface);
  border: 1px solid var(--mc-purple-line);
  border-radius: var(--r-block);
  padding: clamp(20px,3vw,32px);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.mc-countdown-band__left {}
.mc-countdown-band__eyebrow { color: var(--mc-red); margin-bottom: 8px; }
.mc-countdown-band__title { font-family: var(--font-title); font-size: clamp(20px,3vw,28px); }
.mc-countdown-band__right { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.mc-countdown-units { display: flex; gap: 8px; }
.mc-countdown-unit {
  width: 62px; height: 64px;
  background: var(--mc-purple-dark);
  border-radius: 14px;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  color: #fff;
}
.mc-countdown-unit__num {
  font-family: var(--font-title);
  font-size: 24px;
  line-height: 1;
}
.mc-countdown-unit__label { font-size: 10px; font-weight: 600; opacity: .7; margin-top: 4px; }

/* ──────────────────────────────────────────────
   6. ÖLÇÜ HESAPLAYICI (mc_size_calc)
────────────────────────────────────────────── */
.mc-calc-section {
  background: var(--mc-purple-tint);
  border-radius: var(--r-block);
  padding: clamp(20px,4vw,40px);
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,340px),1fr));
  gap: 24px;
  align-items: center;
}
.mc-calc-section__text {}
.mc-calc-section__eyebrow { color: var(--mc-purple); margin-bottom: 8px; }
.mc-calc-section__title { font-family: var(--font-title); font-size: clamp(22px,3.5vw,32px); margin-bottom: 10px; }
.mc-calc-section__sub { color: var(--mc-ink-2); font-size: 14px; }
.mc-calc-card {
  background: var(--mc-surface);
  border-radius: var(--r-card);
  padding: 22px;
  box-shadow: var(--shadow-calc);
}
.mc-calc-inputs { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 16px; }
.mc-calc-input-group label { font-size: 13px; font-weight: 600; color: var(--mc-ink-2); margin-bottom: 5px; display: block; }
.mc-calc-input-group input {
  width: 100%; height: 52px; padding: 0 14px;
  border: 1.5px solid var(--mc-purple-line);
  border-radius: var(--r-input);
  font-size: 20px; font-weight: 600; text-align: center;
  color: var(--mc-ink);
}
.mc-calc-input-group input:focus { outline: none; border-color: var(--mc-purple); }
.mc-calc-result {
  border-top: 1.5px dashed var(--mc-purple-line);
  padding-top: 14px;
  margin-bottom: 16px;
}
.mc-calc-result__formula { font-size: 13px; color: var(--mc-ink-3); margin-bottom: 4px; }
.mc-calc-result__price {
  font-family: var(--font-title);
  font-size: clamp(22px,4vw,28px);
  color: var(--mc-purple-dark);
}

/* ──────────────────────────────────────────────
   7. KATEGORİ KARTLARI
────────────────────────────────────────────── */
.mc-cat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(min(46%,190px),1fr));
  gap: var(--gap-grid);
}
.mc-cat-card {
  position: relative;
  border-radius: var(--r-card);
  overflow: hidden;
  aspect-ratio: 4/3;
  background: var(--mc-purple-tint);
}
.mc-cat-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.mc-cat-card:hover img { transform: scale(1.05); }
.mc-cat-card__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(42,30,48,.7) 0%, transparent 60%);
  display: flex; align-items: flex-end;
  padding: 12px;
}
.mc-cat-card__name { font-size: 14px; font-weight: 700; color: #fff; }
.mc-cat-card__count { font-size: 12px; color: rgba(255,255,255,.7); margin-top: 2px; }

/* ──────────────────────────────────────────────
   8. HAFTANIN ÜRÜNÜ
────────────────────────────────────────────── */
.mc-featured-card {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,340px),1fr));
  gap: 0;
  border-radius: var(--r-block);
  overflow: hidden;
  border: 1px solid var(--mc-purple-line);
  background: var(--mc-surface);
}
.mc-featured-card__img-wrap { position: relative; aspect-ratio: 1; background: var(--mc-purple-tint); }
.mc-featured-card__img-wrap img { width: 100%; height: 100%; object-fit: cover; }
.mc-featured-card__badge { position: absolute; top: 14px; left: 14px; }
.mc-featured-card__body { padding: clamp(20px,4vw,36px); display: flex; flex-direction: column; gap: 12px; }
.mc-featured-card__eyebrow { color: var(--mc-red); }
.mc-featured-card__title { font-family: var(--font-title); font-size: clamp(20px,3vw,28px); }
.mc-featured-card__desc { font-size: 14px; color: var(--mc-ink-2); }
.mc-featured-card__price-row { display: flex; align-items: baseline; gap: 10px; }
.mc-featured-card__timer { font-size: 13px; color: var(--mc-ink-3); }
.mc-featured-card__btns { display: flex; gap: 10px; flex-wrap: wrap; }

/* ──────────────────────────────────────────────
   9. KUPON KARTLARI (mc_coupons)
────────────────────────────────────────────── */
.mc-coupons-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(min(100%,280px),1fr));
  gap: var(--gap-grid);
}
.mc-coupon-card {
  border: 2px dashed var(--mc-coupon-border);
  border-radius: var(--r-card);
  padding: 20px;
  background: var(--mc-surface);
  display: flex; flex-direction: column; gap: 8px;
}
.mc-coupon-card__value {
  font-family: var(--font-title);
  font-size: 22px;
  color: var(--mc-purple);
}
.mc-coupon-card__desc { font-size: 13px; color: var(--mc-ink-2); }
.mc-coupon-card__code {
  font-family: var(--font-mono);
  font-size: 14px;
  letter-spacing: .06em;
  background: var(--mc-purple-tint);
  border-radius: var(--r-input);
  padding: 8px 12px;
  color: var(--mc-purple-dark);
  display: flex; align-items: center; justify-content: space-between;
}
.mc-coupon-card__copy-btn {
  font-size: 12px; font-weight: 700; color: var(--mc-purple);
  padding: 4px 10px;
  border-radius: 8px;
  border: 1.5px solid var(--mc-purple-line);
  transition: background .15s;
}
.mc-coupon-card__copy-btn:hover { background: var(--mc-purple-tint); }
.mc-coupon-card__copy-btn--copied { color: var(--mc-wa); border-color: var(--mc-wa); }
.mc-coupon-card--soon { opacity: .65; }
.mc-coupon-card__code-text { font-family: var(--font-mono,monospace); font-size: 13px; letter-spacing: .08em; color: var(--mc-purple-dark,#4A2070); }
.mc-coupon-card__soon-badge { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #9B7BB0; background: var(--mc-purple-tint,#F3EDF8); border-radius: 6px; padding: 3px 10px; }
.mc-btn--soon { background: #E5DDE9; color: #9B7BB0; border: none; border-radius: var(--r-pill,99px); padding: 0 22px; height: 42px; font-size: 14px; font-weight: 700; cursor: default; flex-shrink: 0; }

/* ──────────────────────────────────────────────
   10. INSTAGRAM (mc_instagram)
────────────────────────────────────────────── */
.mc-instagram-section {}
.mc-ig-profile {
  display: flex; align-items: center; gap: 14px;
  margin-bottom: 16px;
  padding: 16px;
  background: var(--mc-surface);
  border-radius: var(--r-card);
  border: 1px solid var(--mc-purple-line);
}
.mc-ig-profile__avatar { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; border: 2.5px solid var(--mc-purple); }
.mc-ig-profile__name { font-size: 15px; font-weight: 700; color: var(--mc-ink); }
.mc-ig-profile__handle { font-size: 13px; color: var(--mc-ink-3); }
.mc-ig-profile__follow { margin-left: auto; }
.mc-ig-reels { display: flex; gap: var(--gap-grid); overflow-x: auto; padding-bottom: 6px; -ms-overflow-style: none; scrollbar-width: none; }
.mc-ig-reels::-webkit-scrollbar { display: none; }
.mc-ig-reel {
  flex-shrink: 0;
  width: clamp(120px,24vw,160px);
  aspect-ratio: 9/16;
  border-radius: var(--r-card);
  background: var(--mc-purple-dark);
  overflow: hidden;
  position: relative;
}
.mc-ig-reel img { width: 100%; height: 100%; object-fit: cover; }
.mc-ig-reel__label {
  position: absolute; top: 10px; left: 10px;
  background: rgba(62,26,82,.7);
  color: #fff; font-size: 11px; font-weight: 700;
  padding: 3px 8px; border-radius: 8px;
}
.mc-ig-reel__title {
  position: absolute; bottom: 0; left: 0; right: 0;
  background: linear-gradient(transparent, rgba(42,30,48,.85));
  color: #fff; font-size: 12px; font-weight: 600;
  padding: 24px 10px 10px;
}

/* ──────────────────────────────────────────────
   11. YORUM KARTLARI (mc_reviews)
────────────────────────────────────────────── */
.mc-reviews-strip {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(min(82vw,300px),1fr);
  gap: var(--gap-grid);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding-bottom: 6px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.mc-reviews-strip::-webkit-scrollbar { display: none; }
.mc-reviews-strip > * { scroll-snap-align: start; }
.mc-review-card {
  background: var(--mc-surface);
  border-radius: var(--r-card);
  border: 1px solid var(--mc-purple-line);
  overflow: hidden;
}
.mc-review-card__photo { aspect-ratio: 4/3; overflow: hidden; }
.mc-review-card__photo img { width: 100%; height: 100%; object-fit: cover; }
.mc-review-card__body { padding: 14px; }
.mc-review-card__stars { display: flex; gap: 2px; margin-bottom: 8px; }
.mc-review-card__star { color: var(--mc-purple); font-size: 14px; }
.mc-review-card__text { font-size: 13.5px; color: var(--mc-ink-2); margin-bottom: 10px; font-style: italic; }
.mc-review-card__meta { font-size: 12px; color: var(--mc-ink-3); }

/* ──────────────────────────────────────────────
   12. GÜVEN BLOĞU
────────────────────────────────────────────── */
.mc-trust-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(min(46%,200px),1fr));
  gap: var(--gap-grid);
}
.mc-trust-card {
  background: var(--mc-surface);
  border-radius: var(--r-card);
  border: 1px solid var(--mc-purple-line);
  padding: 20px 16px;
  display: flex; flex-direction: column; align-items: center;
  text-align: center; gap: 10px;
}
.mc-trust-card__icon { font-size: 28px; color: var(--mc-purple); }
.mc-trust-card__title { font-size: 14px; font-weight: 700; color: var(--mc-ink); }
.mc-trust-card__sub { font-size: 12px; color: var(--mc-ink-3); }

/* ──────────────────────────────────────────────
   13. WHATSAPP CTA BLOĞU
────────────────────────────────────────────── */
.mc-wa-cta {
  background: var(--mc-purple-dark);
  border-radius: var(--r-block);
  padding: clamp(28px,5vw,48px);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 18px;
}
.mc-wa-cta__title {
  font-family: var(--font-title);
  font-size: clamp(20px,4vw,28px);
  color: #fff;
}
.mc-wa-cta__sub { font-size: 14px; color: rgba(255,255,255,.7); }

/* ──────────────────────────────────────────────
   14. BÜLTEN
────────────────────────────────────────────── */
.mc-newsletter {
  background: var(--mc-surface);
  border-radius: var(--r-block);
  border: 1px solid var(--mc-purple-line);
  padding: clamp(24px,4vw,40px);
  display: flex; flex-direction: column; align-items: center;
  text-align: center; gap: 16px;
}
.mc-newsletter__title { font-family: var(--font-title); font-size: clamp(18px,3vw,24px); }
.mc-newsletter__form {
  display: flex;
  width: 100%; max-width: 440px;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
}
.mc-newsletter__input {
  flex: 1;
  min-width: 200px;
  height: 50px;
  padding: 0 16px;
  border: 1.5px solid var(--mc-purple-line);
  border-radius: var(--r-pill);
  font-size: 14.5px;
}
.mc-newsletter__input:focus { outline: 2px solid var(--mc-purple); }

/* ──────────────────────────────────────────────
   15. FOOTER
────────────────────────────────────────────── */
.mc-footer {
  background: var(--mc-ink);
  color: #E9DFEE;
  padding: clamp(32px,5vw,56px) 0 24px;
}
.mc-footer__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,200px),1fr));
  gap: 32px;
  margin-bottom: 32px;
}
.mc-footer__logo img { filter: brightness(0) invert(1); height: 44px; margin-bottom: 14px; }
.mc-footer__desc { font-size: 13.5px; color: #C9BBD1; line-height: 1.6; margin-bottom: 14px; }
.mc-footer__social { display: flex; gap: 8px; }
.mc-footer__social-btn {
  height: 36px; padding: 0 14px;
  border-radius: var(--r-pill);
  border: 1.5px solid #5A4A63;
  color: #E9DFEE;
  font-size: 13px; font-weight: 600;
  display: flex; align-items: center; gap: 6px;
  transition: border-color .15s, background .15s;
}
.mc-footer__social-btn:hover { border-color: var(--mc-purple-soft); background: rgba(108,49,136,.2); }
.mc-footer__col-title { font-size: 13px; font-weight: 700; color: #fff; margin-bottom: 14px; letter-spacing: .04em; text-transform: uppercase; }
.mc-footer__links li + li { margin-top: 8px; }
.mc-footer__links li { display: flex; align-items: center; gap: 6px; }
.mc-footer__links li::before {
  content: '';
  display: block;
  width: 5px; height: 5px;
  border-right: 1.5px solid #7A5F8A;
  border-top: 1.5px solid #7A5F8A;
  transform: rotate(45deg);
  flex-shrink: 0;
  margin-top: 1px;
}
.mc-footer__links { margin-left: -11px; }
.mc-footer__links a { font-size: 13.5px; color: #A796B0; transition: color .15s; }
.mc-footer__links a:hover { color: #E9DFEE; }
.mc-footer__links li:hover::before { border-color: #E9DFEE; }
.mc-footer__wa-link { color: var(--mc-wa-light); font-size: 14px; font-weight: 600; }
.mc-footer__credit { color: #C9A8E0; font-size: 12.5px; font-weight: 600; letter-spacing: .03em; transition: color .15s; }
.mc-footer__credit:hover { color: #E9DFEE; }
.mc-footer__bottom {
  border-top: 1px solid #43354B;
  padding-top: 20px;
  display: flex; flex-wrap: wrap;
  justify-content: space-between; align-items: center;
  gap: 10px;
  font-size: 12.5px; color: #A796B0;
}

/* Footer: ikinci Kurumsal kolonu (başlıksız) */
.mc-footer__col-title:empty,
.mc-footer__col-title:blank { visibility: hidden; }

/* ──────────────────────────────────────────────
   16. FİRSATLAR YAKINDA SAYFASI
────────────────────────────────────────────── */
.mc-cat-soon-wrap { padding: 24px 0 80px; }
.mc-cat-soon {
  max-width: 560px;
  margin: 60px auto;
  text-align: center;
  padding: 56px 32px 60px;
  background: linear-gradient(135deg, #F9F4FD 0%, #F2E8FB 100%);
  border: 1px solid var(--mc-purple-line, #e8d8f5);
  border-radius: 24px;
}
.mc-cat-soon__badge {
  display: inline-block;
  background: var(--mc-purple);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  border-radius: 99px;
  padding: 5px 16px;
  margin-bottom: 20px;
}
.mc-cat-soon__title {
  font-family: var(--font-title);
  font-size: clamp(22px,4vw,30px);
  color: var(--mc-ink, #2A1E30);
  margin-bottom: 16px;
  line-height: 1.25;
}
.mc-cat-soon__text {
  font-size: 15px;
  color: var(--mc-ink-2, #5C4A68);
  line-height: 1.65;
  margin-bottom: 32px;
  max-width: 440px;
  margin-left: auto;
  margin-right: auto;
}
.mc-cat-soon__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }

/* ──────────────────────────────────────────────
   17. YÜZEN ÖĞELER
────────────────────────────────────────────── */
/* WhatsApp yüzen buton */
.mc-wa-float {
  position: fixed;
  right: 14px;
  bottom: calc(78px + env(safe-area-inset-bottom, 0px));
  z-index: 300;
  display: flex;
  align-items: center;
  gap: 10px;
}
.mc-wa-float__btn {
  width: 58px; height: 58px;
  border-radius: 50%;
  background: var(--mc-wa);
  display: flex; align-items: center; justify-content: center;
  box-shadow: var(--shadow-wa);
  transition: transform .15s;
}
.mc-wa-float__btn:hover { transform: scale(1.08); }
.mc-wa-float__btn svg { width: 28px; height: 28px; fill: #fff; }
.mc-wa-float__label {
  background: #fff;
  border-radius: var(--r-pill);
  padding: 8px 14px;
  font-size: 13px; font-weight: 600; color: var(--mc-ink);
  box-shadow: 0 4px 16px rgba(0,0,0,.12);
  white-space: nowrap;
  pointer-events: none;
}
@media (min-width: 760px) {
  .mc-wa-float { bottom: 24px; }
}

/* Canlı sipariş bildirimi */
.mc-live-order {
  position: fixed;
  left: 14px;
  bottom: calc(78px + env(safe-area-inset-bottom, 0px));
  width: min(310px, calc(100% - 96px));
  background: var(--mc-surface);
  border-radius: 16px;
  border: 1px solid var(--mc-purple-line);
  box-shadow: var(--shadow-badge);
  display: flex; align-items: center; gap: 10px;
  padding: 12px;
  z-index: 299;
  transform: translateX(-140%);
  transition: transform .4s cubic-bezier(.34,1.56,.64,1);
}
.mc-live-order--visible { transform: translateX(0); }
.mc-live-order__img { width: 44px; height: 44px; border-radius: var(--r-thumb); object-fit: cover; flex-shrink: 0; }
.mc-live-order__text { flex: 1; font-size: 12px; line-height: 1.4; color: var(--mc-ink); }
.mc-live-order__name { font-weight: 600; color: var(--mc-purple); }
.mc-live-order__close {
  width: 24px; height: 24px; border-radius: 50%;
  background: var(--mc-purple-tint);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; font-size: 14px; line-height: 1; color: var(--mc-ink-3);
}
@media (min-width: 760px) {
  .mc-live-order { bottom: 24px; }
}

/* Alt sekme çubuğu (sadece mobil) */
.mc-tabbar {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  height: calc(64px + env(safe-area-inset-bottom, 0px));
  padding-bottom: env(safe-area-inset-bottom, 0px);
  background: var(--mc-surface);
  border-top: 1px solid var(--mc-purple-line);
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  z-index: 400;
  box-shadow: var(--shadow-bar);
}
.mc-tabbar__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 8px 4px 0;
  color: var(--mc-ink-3);
  font-size: 10px; font-weight: 600;
  transition: color .15s;
}
.mc-tabbar__item--active { color: var(--mc-purple); }
.mc-tabbar__icon-wrap {
  width: 32px; height: 32px;
  border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  transition: background .15s;
}
.mc-tabbar__item--active .mc-tabbar__icon-wrap { background: var(--mc-purple-tint); }
.mc-tabbar__wa .mc-tabbar__icon-wrap {
  background: var(--mc-wa);
  color: #fff;
  width: 40px; height: 40px; border-radius: 50%;
  box-shadow: var(--shadow-wa);
}
.mc-tabbar__item svg { width: 20px; height: 20px; }
@media (min-width: 760px) {
  .mc-tabbar { display: none; }
}

/* ──────────────────────────────────────────────
   17. ÜRÜN DETAY
────────────────────────────────────────────── */
.mc-product-layout {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,400px),1fr));
  gap: clamp(20px,3vw,40px);
  align-items: start;
}
.mc-product-gallery {}
.mc-gallery-main {
  aspect-ratio: 1;
  border-radius: var(--r-card);
  overflow: hidden;
  position: relative;
  background: var(--mc-purple-tint);
  margin-bottom: 10px;
}
.mc-gallery-main img { width: 100%; height: 100%; object-fit: cover; }
.mc-gallery-thumbs { display: flex; gap: 8px; }
.mc-gallery-thumb {
  width: calc(25% - 6px);
  aspect-ratio: 1;
  border-radius: var(--r-thumb);
  overflow: hidden;
  border: 2px solid transparent;
  cursor: pointer;
  transition: border-color .15s;
}
.mc-gallery-thumb--active { border-color: var(--mc-purple); }
.mc-gallery-thumb img { width: 100%; height: 100%; object-fit: cover; }
.mc-product-info {}
.mc-product-badges { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.mc-product-title {
  font-family: var(--font-title);
  font-size: clamp(22px,4vw,30px);
  margin-bottom: 10px;
}
.mc-product-price-row { display: flex; align-items: baseline; gap: 10px; margin-bottom: 20px; }

/* Ölçü hesaplayıcı kartı */
.mc-size-calc-card {
  background: var(--mc-surface);
  border: 1.5px solid var(--mc-purple-line);
  border-radius: var(--r-card);
  padding: 18px;
  margin-bottom: 16px;
}
.mc-shape-seg {
  display: flex; gap: 6px;
  margin-bottom: 14px;
}
.mc-shape-btn {
  flex: 1;
  height: 44px;
  border-radius: var(--r-pill);
  font-size: 13.5px; font-weight: 600;
  border: 1.5px solid var(--mc-purple-line);
  color: var(--mc-ink-2);
  transition: all .15s;
}
.mc-shape-btn--active {
  background: var(--mc-surface);
  border-color: var(--mc-purple);
  color: var(--mc-purple);
  box-shadow: 0 2px 8px rgba(108,49,136,.2);
}
.mc-preset-sizes { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
.mc-preset-btn {
  padding: 6px 12px;
  border-radius: var(--r-pill);
  border: 1.5px solid var(--mc-purple-line);
  font-size: 12.5px; font-weight: 600;
  color: var(--mc-ink-2);
  transition: all .15s;
}
.mc-preset-btn--active { background: var(--mc-purple-tint); border-color: var(--mc-purple); color: var(--mc-purple); }
.mc-dimension-inputs { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 14px; }
.mc-dim-group label { font-size: 12.5px; font-weight: 600; color: var(--mc-ink-2); margin-bottom: 6px; display: block; }
.mc-dim-stepper {
  display: flex; align-items: center;
  border: 1.5px solid var(--mc-purple-line);
  border-radius: var(--r-input);
  overflow: hidden;
  height: 54px;
}
.mc-dim-stepper__btn {
  width: 44px; height: 100%;
  display: flex; align-items: center; justify-content: center;
  font-size: 20px; color: var(--mc-purple);
  background: var(--mc-purple-tint);
  flex-shrink: 0;
}
.mc-dim-stepper__input {
  flex: 1; text-align: center;
  font-size: 18px; font-weight: 600;
  border: none; background: none;
  color: var(--mc-ink);
}
.mc-dim-stepper__input:focus { outline: none; }
.mc-size-result {
  border-top: 1.5px dashed var(--mc-purple-line);
  padding-top: 12px;
  margin-bottom: 14px;
}
.mc-size-result__summary { font-size: 13px; color: var(--mc-ink-3); margin-bottom: 4px; }
.mc-size-result__price { font-family: var(--font-title); font-size: clamp(24px,4vw,32px); color: var(--mc-purple-dark); }
.mc-qty-row { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.mc-qty-label { font-size: 14px; font-weight: 600; color: var(--mc-ink-2); }
.mc-qty-stepper {
  display: flex; align-items: center;
  border: 1.5px solid var(--mc-purple-line);
  border-radius: var(--r-pill);
  overflow: hidden;
  height: 40px;
}
.mc-qty-stepper__btn { width: 40px; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 18px; color: var(--mc-purple); background: var(--mc-purple-tint); }
.mc-qty-stepper__num { width: 40px; text-align: center; font-size: 16px; font-weight: 700; }
.mc-product-btns { display: flex; gap: 10px; }
.mc-product-btns .mc-btn { flex: 1; justify-content: center; }
.mc-accordion {}
.mc-accordion__item { border-bottom: 1px solid var(--mc-purple-line); }
.mc-accordion__head {
  height: 54px; padding: 0 4px;
  display: flex; align-items: center; justify-content: space-between;
  font-size: 14px; font-weight: 600; cursor: pointer;
}
.mc-accordion__body { padding: 0 4px 16px; font-size: 13.5px; color: var(--mc-ink-2); display: none; }
.mc-accordion__item--open .mc-accordion__body { display: block; }

/* Mobil sabit alt çubuk (ürün sayfası) */
.mc-product-bar {
  display: none;
  position: fixed;
  bottom: 0; left: 0; right: 0;
  background: var(--mc-surface);
  border-top: 1px solid var(--mc-purple-line);
  box-shadow: var(--shadow-bar);
  padding: 10px var(--pad-page) calc(10px + env(safe-area-inset-bottom, 0px));
  z-index: 350;
}
@media (max-width: 759px) {
  .mc-product-bar { display: flex; gap: 10px; align-items: center; }
  body.mc-has-product-bar { padding-bottom: 90px; }
}
.mc-product-bar__price { font-family: var(--font-title); font-size: 20px; color: var(--mc-purple-dark); }
.mc-product-bar__btns { display: flex; gap: 8px; flex: 1; }

/* ──────────────────────────────────────────────
   18. SEPET
────────────────────────────────────────────── */
.mc-cart-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
@media (min-width: 900px) {
  .mc-cart-layout { grid-template-columns: 1fr 360px; }
}
.mc-free-shipping-bar {
  background: var(--mc-surface);
  border: 1px solid var(--mc-purple-line);
  border-radius: var(--r-card);
  padding: 16px;
  margin-bottom: 16px;
}
.mc-free-shipping-bar__text { font-size: 13.5px; color: var(--mc-ink-2); margin-bottom: 8px; }
.mc-free-shipping-bar__text strong { color: var(--mc-purple-dark); }
.mc-free-shipping-bar__track { height: 8px; background: var(--mc-purple-tint); border-radius: var(--r-pill); overflow: hidden; }
.mc-free-shipping-bar__fill { height: 100%; background: var(--mc-purple); border-radius: var(--r-pill); transition: width .4s; }
.mc-cart-item {
  display: flex; gap: 14px; align-items: flex-start;
  padding: 16px 0;
  border-bottom: 1px solid var(--mc-purple-line);
}
.mc-cart-item__img { width: 88px; aspect-ratio: 4/5; border-radius: var(--r-thumb); object-fit: cover; flex-shrink: 0; background: var(--mc-purple-tint); }
.mc-cart-item__body { flex: 1; }
.mc-cart-item__name { font-size: 14px; font-weight: 600; margin-bottom: 4px; }
.mc-cart-item__opts { font-size: 12.5px; color: var(--mc-ink-3); margin-bottom: 10px; }
.mc-cart-item__row { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.mc-cart-item__total { font-weight: 700; color: var(--mc-purple-dark); }
.mc-cart-item__remove { font-size: 12px; color: var(--mc-ink-4); border-bottom: 1px solid currentColor; cursor: pointer; }
.mc-order-summary {
  background: var(--mc-surface);
  border: 1px solid var(--mc-purple-line);
  border-radius: var(--r-card);
  padding: 20px;
}
.mc-order-summary__title { font-size: 16px; font-weight: 700; margin-bottom: 16px; }
.mc-coupon-input-row { display: flex; gap: 8px; margin-bottom: 16px; }
.mc-coupon-input-row input { flex: 1; font-family: var(--font-mono); text-transform: uppercase; }
.mc-summary-lines { font-size: 14px; margin-bottom: 16px; }
.mc-summary-line { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid var(--mc-purple-tint); }
.mc-summary-line--discount { color: var(--mc-red); }
.mc-summary-line--total { font-family: var(--font-title); font-size: clamp(18px,3vw,22px); border-bottom: none; padding-top: 12px; }
.mc-order-notes { font-size: 12px; color: var(--mc-ink-3); margin-top: 10px; text-align: center; }

/* ──────────────────────────────────────────────
   19. ÖDEME
────────────────────────────────────────────── */
.mc-checkout-steps {
  display: flex; gap: 0;
  margin-bottom: 24px;
  overflow: hidden;
  border-radius: var(--r-pill);
  border: 1.5px solid var(--mc-purple-line);
}
.mc-checkout-step {
  flex: 1;
  height: 48px;
  display: flex; align-items: center; justify-content: center; gap: 8px;
  font-size: 13.5px; font-weight: 600;
  color: var(--mc-ink-3);
  background: var(--mc-surface);
  border-right: 1.5px solid var(--mc-purple-line);
}
.mc-checkout-step:last-child { border-right: none; }
.mc-checkout-step--active { color: var(--mc-purple); background: var(--mc-purple-tint); }
.mc-checkout-step--done { color: var(--mc-wa); }
.mc-checkout-card {
  background: var(--mc-surface);
  border: 1px solid var(--mc-purple-line);
  border-radius: var(--r-card);
  padding: 20px;
  margin-bottom: 16px;
}
.mc-checkout-card__title { font-size: 16px; font-weight: 700; margin-bottom: 16px; }
.mc-form-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(200px,1fr)); gap: 12px; }
.mc-form-group { display: flex; flex-direction: column; gap: 5px; }
.mc-form-group label { font-size: 13px; font-weight: 600; color: var(--mc-ink-2); }
.mc-payment-options { display: flex; flex-direction: column; gap: 8px; }
.mc-payment-option {
  height: 58px;
  border: 1.5px solid var(--mc-purple-line);
  border-radius: var(--r-card);
  padding: 0 16px;
  display: flex; align-items: center; gap: 12px;
  cursor: pointer;
  transition: border-color .15s, background .15s;
}
.mc-payment-option--active { border-color: var(--mc-purple); background: var(--mc-purple-tint); }
.mc-payment-option__radio { width: 18px; height: 18px; accent-color: var(--mc-purple); }
.mc-payment-option__label { font-size: 14.5px; font-weight: 600; }
.mc-payment-option__sub { font-size: 12.5px; color: var(--mc-ink-3); margin-left: auto; }

/* ──────────────────────────────────────────────
   20. SİPARİŞ ALINDI
────────────────────────────────────────────── */
.mc-success-page {
  max-width: 560px;
  margin: 40px auto;
  text-align: center;
  padding: 0 var(--pad-page);
}
.mc-success-icon {
  width: 72px; height: 72px;
  border-radius: 50%;
  background: var(--mc-purple-tint);
  color: var(--mc-purple);
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 20px;
  font-size: 32px;
}
.mc-success-title { font-family: var(--font-title); font-size: clamp(24px,5vw,32px); margin-bottom: 10px; }
.mc-success-sub { font-size: 14px; color: var(--mc-ink-2); margin-bottom: 24px; }
.mc-success-btns { display: flex; flex-direction: column; gap: 10px; align-items: center; }

/* ──────────────────────────────────────────────
   21. BREADCRUMB
────────────────────────────────────────────── */
.mc-breadcrumb {
  display: flex; align-items: center; flex-wrap: wrap;
  gap: 6px;
  font-size: 13px; color: var(--mc-ink-3);
  padding: 12px 0;
}
.mc-breadcrumb a { color: var(--mc-ink-3); }
.mc-breadcrumb a:hover { color: var(--mc-purple); }
.mc-breadcrumb__sep { color: var(--mc-purple-soft); }
.mc-breadcrumb__current { color: var(--mc-ink-2); }

/* ──────────────────────────────────────────────
   22. KATEGORI SAYFASI
────────────────────────────────────────────── */
.mc-category-header { margin-bottom: 20px; }
.mc-category-header__title { font-family: var(--font-title); font-size: clamp(22px,4vw,30px); margin-bottom: 6px; }
.mc-category-header__desc { font-size: 13.5px; color: var(--mc-ink-3); }
.mc-subcats {
  display: flex; gap: 8px;
  overflow-x: auto; padding-bottom: 6px;
  margin-bottom: 16px;
  -ms-overflow-style: none; scrollbar-width: none;
}
.mc-subcats::-webkit-scrollbar { display: none; }
.mc-subcat-chip {
  flex-shrink: 0;
  height: 40px; padding: 0 18px;
  border-radius: var(--r-pill);
  border: 1.5px solid var(--mc-purple-line);
  font-size: 13.5px; font-weight: 600; color: var(--mc-ink-2);
  white-space: nowrap;
  transition: all .15s;
}
.mc-subcat-chip--active { background: var(--mc-purple); border-color: var(--mc-purple); color: #fff; }
.mc-sort-select {
  height: 44px; padding: 0 14px;
  border-radius: var(--r-pill);
  border: 1.5px solid var(--mc-purple-line);
  font-size: 14px; color: var(--mc-ink);
  background: var(--mc-surface);
  cursor: pointer;
}
.mc-category-toolbar {
  display: flex; align-items: center; justify-content: space-between;
  gap: 10px; margin-bottom: 16px; flex-wrap: wrap;
}
.mc-category-toolbar__count { font-size: 13.5px; color: var(--mc-ink-3); }
.mc-wa-promo {
  background: var(--mc-purple-tint);
  border-radius: var(--r-card);
  border: 1.5px solid var(--mc-purple-line);
  padding: 20px;
  display: flex; align-items: center; gap: 16px;
  flex-wrap: wrap;
  margin-top: 24px;
}
.mc-wa-promo__text {}
.mc-wa-promo__title { font-size: 15px; font-weight: 700; color: var(--mc-ink); }
.mc-wa-promo__sub { font-size: 13px; color: var(--mc-ink-3); }

/* ──────────────────────────────────────────────
   23. KAMPANYalar SAYFASI
────────────────────────────────────────────── */
.mc-campaigns-hero {
  background: var(--mc-purple);
  border-radius: var(--r-block);
  padding: clamp(28px,5vw,48px);
  text-align: center;
  color: #fff;
  margin-bottom: 28px;
}
.mc-campaigns-hero__eyebrow { color: rgba(255,255,255,.7); margin-bottom: 10px; }
.mc-campaigns-hero__title { font-family: var(--font-title); font-size: clamp(24px,5vw,36px); margin-bottom: 10px; }
.mc-campaigns-hero__sub { font-size: 14px; color: rgba(255,255,255,.8); margin-bottom: 20px; }
.mc-campaigns-hero__btns { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; }
.mc-campaign-card {
  background: var(--mc-surface);
  border: 1px solid var(--mc-purple-line);
  border-radius: var(--r-card);
  overflow: hidden;
}
.mc-campaign-card__img-wrap { position: relative; aspect-ratio: 16/8; }
.mc-campaign-card__img-wrap img { width: 100%; height: 100%; object-fit: cover; }
.mc-campaign-card__badge { position: absolute; top: 12px; right: 12px; background: var(--mc-red); color: #fff; padding: 5px 12px; border-radius: var(--r-pill); font-size: 12px; font-weight: 700; }
.mc-campaign-card__body { padding: 16px; }
.mc-campaign-card__title { font-size: 16px; font-weight: 700; margin-bottom: 6px; }
.mc-campaign-card__desc { font-size: 13.5px; color: var(--mc-ink-2); margin-bottom: 12px; }
.mc-campaign-card__timer { font-size: 12.5px; color: var(--mc-red); font-weight: 600; margin-bottom: 12px; }
.mc-campaigns-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(min(100%,340px),1fr));
  gap: var(--gap-grid);
}

/* ──────────────────────────────────────────────
   24. SAYFALAR (information)
────────────────────────────────────────────── */
.mc-info-layout {
  max-width: 820px;
  margin: 0 auto;
}
.mc-info-content { font-size: 15px; line-height: 1.7; color: var(--mc-ink-2); }
.mc-info-content h1, .mc-info-content h2, .mc-info-content h3 { font-family: var(--font-title); color: var(--mc-ink); margin: 20px 0 10px; }
.mc-info-content p { margin-bottom: 14px; }
.mc-info-content a { color: var(--mc-purple); border-bottom: 1px solid var(--mc-purple-line); }

/* ──────────────────────────────────────────────
   25. HESABIM
────────────────────────────────────────────── */
.mc-account-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
@media (min-width: 760px) {
  .mc-account-layout { grid-template-columns: 240px 1fr; }
}
.mc-account-nav {
  background: var(--mc-surface);
  border: 1px solid var(--mc-purple-line);
  border-radius: var(--r-card);
  padding: 8px;
}
.mc-account-nav a {
  display: flex; align-items: center; gap: 10px;
  height: 46px; padding: 0 14px;
  border-radius: 12px;
  font-size: 14px; font-weight: 500;
  color: var(--mc-ink-2);
  transition: background .15s, color .15s;
}
.mc-account-nav a:hover, .mc-account-nav a.active {
  background: var(--mc-purple-tint);
  color: var(--mc-purple);
}
.mc-account-card {
  background: var(--mc-surface);
  border: 1px solid var(--mc-purple-line);
  border-radius: var(--r-card);
  padding: 20px;
}

/* ──────────────────────────────────────────────
   26. GİRİŞ / KAYIT
────────────────────────────────────────────── */
.mc-auth-layout {
  max-width: 440px;
  margin: 32px auto;
  padding: 0 var(--pad-page);
}
.mc-auth-card {
  background: var(--mc-surface);
  border: 1px solid var(--mc-purple-line);
  border-radius: var(--r-block);
  padding: 28px;
}
.mc-auth-card__title { font-family: var(--font-title); font-size: clamp(22px,4vw,28px); margin-bottom: 20px; }

/* ──────────────────────────────────────────────
   27. HATA SAYFASI
────────────────────────────────────────────── */
.mc-error-page {
  max-width: 480px;
  margin: 60px auto;
  text-align: center;
  padding: 0 var(--pad-page);
}
.mc-error-page__code { font-size: 80px; font-family: var(--font-title); color: var(--mc-purple-soft); line-height: 1; }
.mc-error-page__title { font-size: 22px; font-weight: 700; margin: 12px 0 8px; }
.mc-error-page__sub { font-size: 14px; color: var(--mc-ink-3); margin-bottom: 24px; }

/* ──────────────────────────────────────────────
   28. BÖLÜM SARICI
────────────────────────────────────────────── */
.mc-section {
  padding-block: var(--gap-section);
}
.mc-section--tight { padding-block: calc(var(--gap-section) * .6); }
.mc-section--flush { padding-block: 0; }