/* Mobilya 3 — Jüpiter teması */
.tema-mobilya003 {
  --kap: 1100px;
  --bas-y: 50px;
  --m3-zemin: #f3f1ec;
  --m3-cizgi: #e8e6e1;
  --m3-metin: #777;
  --m3-golge: 0 10px 30px -14px rgb(0 0 0 / .22);
  color: #555;
}
.tema-mobilya003 h1, .tema-mobilya003 h2, .tema-mobilya003 h3, .tema-mobilya003 h4 { font-weight: 600; letter-spacing: -.01em; color: var(--koyu); }
.tema-mobilya003 :is(.bolum--koyu, .sayac-bant, .cta-bant, .yan-cta, .kart--one-cikan) :is(h2, h3) { color: #fff; }
.tema-mobilya003 .manset__baslik { color: #fff; }
.tema-mobilya003 .btn { font-weight: 600; font-size: .86rem; }
.tema-mobilya003 .btn--ana, .tema-mobilya003 .btn--vurgu { --b: var(--ana); --y: var(--koyu); }
.tema-mobilya003 .btn--ana:hover, .tema-mobilya003 .btn--vurgu:hover { --b: var(--koyu); --y: #fff; }
.tema-mobilya003 .btn--koyu { --b: var(--koyu); --y: #fff; }
.tema-mobilya003 .btn--koyu:hover { --b: var(--ana); --y: var(--koyu); }
.tema-mobilya003 .bolum { padding: clamp(48px, 6vw, 80px) 0; }
.tema-mobilya003 .bolum--acik { background: #fff; }

/* Bölüm başlığı: sola yaslı */
.m3-bolum + .m3-bolum { padding-top: 0; }
.m3-bolum__bas { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px 30px; margin-bottom: 26px; }
.m3-bolum__bas h2 { margin: 0; font-size: clamp(1.35rem, 2.4vw, 1.75rem); }
.m3-bolum__bas p { margin: 8px 0 0; color: var(--m3-metin); }
.m3-bolum__bas > a { display: inline-flex; align-items: center; gap: 6px; color: var(--m3-metin); font-size: .8rem; white-space: nowrap; }
.m3-bolum__bas > a .ik { width: 14px; height: 14px; }
.m3-bolum__bas > a:hover { color: var(--koyu); }
.tema-mobilya003 .bolum-basi h2 { font-size: clamp(1.35rem, 2.4vw, 1.75rem); }

/* Üst menü: iki satır */
.tema-mobilya003 .m3-bas { background: #fff; border: 0; backdrop-filter: none; }
.tema-mobilya003 .m3-bas.kaydi { box-shadow: 0 6px 20px -14px rgb(0 0 0 / .35); }
.m3-bas__ust { display: flex; align-items: center; gap: 20px; min-height: 52px; border-bottom: 1px solid var(--m3-cizgi); }
.m3-logo img { max-height: 36px; max-width: 180px; }
.m3-bas__iletisim { display: flex; align-items: center; margin: 0 0 0 auto; padding: 0; list-style: none; }
.m3-bas__iletisim li { display: flex; align-items: center; padding: 0 16px; border-left: 1px solid var(--m3-cizgi); min-height: 52px; }
.m3-bas__iletisim li:last-child { padding-right: 0; }
.m3-bas__iletisim a { color: #555; font-size: .74rem; letter-spacing: .03em; text-transform: uppercase; }
.m3-bas__iletisim a:hover { color: var(--koyu); }
.m3-bas__alt { display: flex; align-items: center; gap: 20px; height: var(--bas-y); }
.m3-bas .nav { flex: 1 1 auto; margin: 0 0 0 -14px; justify-content: flex-start; }
.m3-bas .nav__liste { justify-content: flex-start; }
.m3-bas .nav__link { height: var(--bas-y); padding: 0 14px; color: var(--koyu); font-weight: 700; font-size: .7rem; letter-spacing: .04em; text-transform: uppercase; }
.m3-bas .nav__link::after { left: 14px; right: 14px; bottom: 14px; background: var(--ana); }
.m3-bas .nav__link:hover, .m3-bas .nav__link.aktif, .m3-bas .nav__oge.acik > .nav__link { color: var(--koyu); }
.m3-bas .acilir { border: 0; padding: 8px 0; min-width: 220px; box-shadow: var(--m3-golge); }
.m3-bas .acilir a { padding: 9px 20px; font-size: .84rem; }
.m3-bas .acilir a:hover { background: var(--m3-zemin); color: var(--koyu); }
.m3-bas__sag { display: flex; align-items: center; gap: 8px; }
.m3-bas__sag .ikon-btn { color: var(--koyu); }
.m3-bas__cta { display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border-radius: 99px; background: var(--ana); color: var(--koyu); font-size: .72rem; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; }
.m3-bas__cta .ik { width: 13px; height: 13px; }
.m3-bas__cta:hover { background: var(--koyu); color: #fff; }
.m3-bas__menu { display: none; margin-left: auto; }

/* Manşet: kenarlardan içeride, oval köşe */
.tema-mobilya003 .manset { margin: 6px clamp(0px, 2vw, 24px) 0; border-radius: calc(var(--kose) + 2px); }
.tema-mobilya003 .manset__slaytlar { min-height: clamp(380px, 58svh, 560px); }
.tema-mobilya003 .manset__gorsel::after { background: linear-gradient(90deg, rgb(0 0 0 / .5) 0%, rgb(0 0 0 / .2) 50%, transparent 75%); }
.tema-mobilya003 .manset__ic { padding: 70px 0 90px; }
.tema-mobilya003 .manset__baslik { font-size: clamp(1.7rem, 3.4vw, 2.6rem); font-weight: 600; letter-spacing: -.01em; }
.tema-mobilya003 .manset__metin p { font-size: .95rem; color: rgb(255 255 255 / .85); }
.tema-mobilya003 .manset__etiket { padding: 0; border: 0; background: none; backdrop-filter: none; color: var(--ana); }
.tema-mobilya003 .manset__etiket::before { display: none; }
.tema-mobilya003 .manset .btn--vurgu { --b: transparent; --y: var(--ana); border: 1.5px solid var(--ana); min-height: 44px; }
.tema-mobilya003 .manset .btn--vurgu:hover { --b: var(--ana); --y: var(--koyu); }
.tema-mobilya003 .manset__kontrol { bottom: 26px; }
.tema-mobilya003 .manset__noktalar button span { display: none; }
.tema-mobilya003 .manset__noktalar button { width: 30px; }
.tema-mobilya003 .manset__oklar .ikon-btn { width: 42px; height: 42px; border: 0; background: rgb(255 255 255 / .12); }

/* Ürün grupları */
.m3-kategoriler { gap: 26px; }
.m3-kategori { display: flex; flex-direction: column; background: #fff; border-radius: var(--kose); box-shadow: var(--m3-golge); overflow: hidden; transition: transform var(--gecis), box-shadow var(--gecis); }
.m3-kategori:hover { transform: translateY(-4px); box-shadow: 0 18px 36px -16px rgb(0 0 0 / .3); }
.m3-kategori__gorsel { display: block; aspect-ratio: 3 / 2; background: var(--m3-zemin); overflow: hidden; }
.m3-kategori__gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.m3-kategori:hover .m3-kategori__gorsel img { transform: scale(1.05); }
.m3-kategori strong { padding: 18px 20px 20px; color: var(--koyu); font: 600 1.05rem/1.3 var(--baslik-yazi); }

/* Ürün kartı */
.m3-urunler { gap: 26px; }
.m3-urun { display: flex; flex-direction: column; height: 100%; background: #fff; border-radius: var(--kose); box-shadow: var(--m3-golge); overflow: hidden; }
.m3-urun__gorsel { position: relative; display: block; aspect-ratio: 1 / 1.05; background: #fff; overflow: hidden; }
.m3-urun__gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.m3-urun:hover .m3-urun__gorsel img { transform: scale(1.05); }
.m3-urun__incele { position: absolute; top: 14px; right: 14px; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: #fff; color: var(--koyu); box-shadow: 0 4px 12px -6px rgb(0 0 0 / .35); opacity: 0; transform: translateY(-6px); transition: opacity var(--gecis), transform var(--gecis); }
.m3-urun__incele .ik { width: 16px; height: 16px; }
.m3-urun:hover .m3-urun__incele { opacity: 1; transform: none; }
.m3-urun__govde { display: grid; gap: 6px; padding: 16px 18px 18px; }
.m3-urun h3 { margin: 0; font-size: 1.05rem; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.m3-urun h3 a:hover { color: var(--ana); }
.m3-urun .fiyat { display: flex; align-items: baseline; gap: 8px; color: var(--koyu); font-size: .8rem; font-weight: 600; }
.m3-urun .fiyat del { color: var(--m3-metin); font-weight: 400; font-size: .74rem; }
.m3-urun .fiyat--teklif { color: var(--m3-metin); }

/* İç sayfa başlığı */
.m3-sayfa-basi { position: relative; margin: 6px clamp(0px, 2vw, 24px) 0; padding: clamp(40px, 5vw, 64px) 0; border-radius: calc(var(--kose) + 2px); background: var(--m3-zemin); overflow: hidden; isolation: isolate; }
.m3-sayfa-basi--gorsel { color: #fff; }
.m3-sayfa-basi--gorsel::before { content: ""; position: absolute; inset: 0; z-index: -1; background: rgb(0 0 0 / .5); }
.m3-sayfa-basi__arka { position: absolute; inset: 0; z-index: -2; }
.m3-sayfa-basi__arka img { width: 100%; height: 100%; object-fit: cover; }
.m3-sayfa-basi--kompakt { padding: 16px 0; }
.m3-sayfa-basi__ic { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 30px; }
.m3-sayfa-basi h1 { margin: 0; font-size: clamp(1.45rem, 2.8vw, 2rem); }
.m3-sayfa-basi p { max-width: 640px; margin: 8px 0 0; color: var(--m3-metin); }
.m3-sayfa-basi--gorsel h1 { color: #fff; }
.m3-sayfa-basi--gorsel p { color: rgb(255 255 255 / .8); }
.m3-kirinti ol { display: flex; flex-wrap: wrap; gap: 4px 10px; margin: 0; font-size: .8rem; }
.m3-kirinti li { display: flex; align-items: center; gap: 10px; color: var(--m3-metin); }
.m3-sayfa-basi--gorsel .m3-kirinti li { color: rgb(255 255 255 / .75); }
.m3-kirinti li + li::before { content: "/"; color: var(--ana); }
.m3-kirinti a:hover { color: var(--koyu); }
.m3-kirinti [aria-current] { color: var(--koyu); font-weight: 600; }
.m3-sayfa-basi--gorsel .m3-kirinti [aria-current] { color: #fff; }

/* Altbilgi: açık zeminli oval kutu */
.tema-mobilya003 .m3-alt { padding: 30px clamp(0px, 2vw, 24px) clamp(0px, 2vw, 24px); background: #fff; color: #555; }
.m3-alt__kutu { padding: clamp(36px, 5vw, 56px) 0 30px; border-radius: calc(var(--kose) + 2px); background: var(--m3-zemin); }
.m3-alt__cta { display: flex; align-items: center; justify-content: space-between; gap: 18px 40px; margin-bottom: 40px; padding: 26px 30px; border-radius: var(--kose); background: #fff; }
.m3-alt__cta h2 { margin: 0; font-size: clamp(1.15rem, 2vw, 1.45rem); }
.m3-alt__cta p { margin: 6px 0 0; color: var(--m3-metin); }
.m3-alt__marka { display: grid; justify-items: center; gap: 22px; padding-bottom: 30px; border-bottom: 1px solid rgb(0 0 0 / .1); text-align: center; }
.m3-alt__marka .logo img { max-height: 54px; max-width: 220px; }
.m3-alt__marka p { max-width: 820px; margin: 0; font-size: .86rem; line-height: 1.7; }
.m3-alt__menu { padding: 26px 0 10px; }
.m3-alt h3 { margin: 0 0 14px; font-size: .95rem; }
.m3-alt__menu ul { display: grid; grid-template-columns: repeat(3, minmax(0, 220px)); gap: 6px 30px; margin: 0; padding: 0; list-style: none; }
.m3-alt__menu a { font-size: .82rem; color: #555; }
.m3-alt__menu a:hover { color: var(--koyu); text-decoration: underline; text-decoration-color: var(--ana); text-underline-offset: 3px; }
.m3-alt__taban { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 24px; padding-top: 18px; font-size: .8rem; }
.m3-alt__taban p { margin: 0; }
.m3-alt__yasal { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 0; padding: 0; list-style: none; }
.m3-alt__yasal a:hover { color: var(--koyu); }
.m3-alt__sosyal { display: flex; gap: 4px; }
.m3-alt__sosyal a { display: grid; place-items: center; width: 28px; height: 28px; color: #555; border-radius: 50%; transition: background var(--gecis), color var(--gecis); }
.m3-alt__sosyal a:hover { background: var(--ana); color: var(--koyu); }
.m3-alt__sosyal .ik { width: 14px; height: 14px; }

/* Duyarlı */
@media (max-width: 1000px) {
  .m3-bas__alt { display: none; }
  .m3-bas__menu { display: inline-flex; }
  .m3-bas__iletisim li:not(:first-child) { display: none; }
  .m3-bas__iletisim { margin-left: auto; }
  .m3-bas__ust { min-height: 62px; border: 0; }
  .m3-bas__iletisim li { min-height: 0; border: 0; padding-right: 4px; }
}
@media (max-width: 767px) {
  .m3-bas__iletisim { display: none; }
  .m3-logo img { max-height: 32px; }
  .tema-mobilya003 .manset__ic { padding: 50px 0 80px; }
  .m3-bolum__bas { flex-direction: column; align-items: flex-start; }
  .tema-mobilya003 .izgara--4.m3-urunler { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  .m3-urun h3 { font-size: .9rem; }
  .m3-urun__govde { padding: 12px 12px 14px; }
  .m3-alt__menu ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .m3-alt__taban { flex-direction: column; text-align: center; }
  .m3-sayfa-basi__ic { flex-direction: column; align-items: flex-start; }
}