/* Altar Yapı: marka renkleri ve e-ticaret bileşenleri (tema stillerinin üzerine) */
:root {
  --a-lacivert: #01015a;
  --a-lacivert-2: #0b1f8f;
  --a-mavi: #1652d9;
  --a-turuncu: #b71c1c;
  --a-turuncu-2: #d32f2f;
  --a-kirmizi: #8e1414;
  --a-yesil: #25d366;
  --a-zemin: #f3f5fa;
  --a-cizgi: #e3e7ef;
  --a-metin: #4a5165;
  --a-koyu: #0b0b33;
  --a-radius: 14px;
  --cleanin-base: #01015a;
  --cleanin-base-rgb: 1, 1, 90;
  --cleanin-black: #0b0b33;
  --cleanin-black-rgb: 11, 11, 51;
}
body { background: #fff; color: var(--a-metin); font-family: "Heebo", sans-serif; }
h1, h2, h3, h4, h5 { font-family: "Exo", sans-serif; color: var(--a-koyu); }
a { transition: color .2s, background-color .2s, border-color .2s, box-shadow .2s, transform .2s; }
/* Daha geniş sayfa: kenar boşlukları azaltıldı (tüm sayfalar) */
.container { max-width: 1600px; width: 100%; padding-left: 24px; padding-right: 24px; }
@media (max-width: 767px) { .container { padding-left: 14px; padding-right: 14px; } }

/* Düğmeler */
.altar-btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; height: 50px; padding: 0 24px; border-radius: 10px; font-family: "Exo", sans-serif; font-weight: 700; font-size: 15px; background: var(--a-turuncu); color: #fff; border: 2px solid transparent; white-space: nowrap; }
.altar-btn:hover { background: var(--a-kirmizi); color: #fff; transform: translateY(-2px); box-shadow: 0 10px 22px rgba(227, 36, 27, .25); }
.altar-btn--turuncu { background: linear-gradient(135deg, var(--a-turuncu), var(--a-kirmizi)); }
.altar-btn--lacivert { background: var(--a-lacivert); }
.altar-btn--lacivert:hover { background: var(--a-mavi); box-shadow: 0 10px 22px rgba(22, 82, 217, .3); }
.altar-btn--beyaz { background: #fff; color: var(--a-kirmizi); }
.altar-btn--beyaz:hover { background: var(--a-lacivert); color: #fff; }
.altar-btn--cizgi { background: transparent; border-color: rgba(255, 255, 255, .7); color: #fff; }
.altar-btn--cizgi:hover { background: #fff; color: var(--a-lacivert); }
.altar-btn--yesil { background: var(--a-yesil); }
.altar-btn--yesil:hover { background: #1da851; box-shadow: 0 10px 22px rgba(37, 211, 102, .3); }
.altar-btn--hayalet { background: #fff; color: var(--a-lacivert); border-color: var(--a-cizgi); }
.altar-btn--hayalet:hover { background: var(--a-lacivert); color: #fff; }

/* Üst bant */
.altar-ust-bant { background: var(--a-lacivert); color: rgba(255, 255, 255, .85); font-size: 13.5px; }
.altar-ust-bant__ic { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 40px; }
.altar-ust-bant p { margin: 0; color: inherit; line-height: 1.3; }
.altar-ust-bant p i { color: var(--a-turuncu-2); margin-right: 4px; }
.altar-ust-bant strong { color: #fff; }
.altar-ust-bant ul { display: flex; align-items: center; gap: 22px; margin: 0; padding: 0; list-style: none; }
.altar-ust-bant ul li { display: inline-flex; }
.altar-ust-bant a { color: rgba(255, 255, 255, .85); }
.altar-ust-bant a:hover { color: var(--a-turuncu-2); }
.altar-ust-bant a i { margin-right: 6px; }
.altar-ust-bant__sosyal { gap: 14px; }
.altar-ust-bant__sosyal a i { margin: 0; }

/* Temanın .page-wrapper üzerindeki overflow: hidden kuralı içerideki position: sticky öğeleri çalışmaz hale getiriyor.
   clip yana taşmayı yine engeller ama kaydırma kabı oluşturmadığı için sticky çalışır. */
.page-wrapper { overflow: clip; }

/* Başlık */
.altar-header { position: relative; z-index: 100; background: #fff; box-shadow: 0 4px 22px rgba(1, 1, 90, .08); }
.altar-header__ic { display: flex; align-items: center; gap: 28px; padding-top: 16px; padding-bottom: 16px; }
.altar-header__logo img { height: 58px; width: auto; display: block; }
.altar-arama { flex: 1; max-width: 680px; margin: 0 auto; display: flex; height: 52px; border: 2px solid var(--a-lacivert); border-radius: 12px; overflow: hidden; background: #fff; }
.altar-arama input { flex: 1; min-width: 0; border: 0; padding: 0 18px; font-size: 15px; color: var(--a-koyu); outline: 0; background: transparent; }
.altar-arama button { border: 0; background: var(--a-lacivert); color: #fff; padding: 0 24px; font-weight: 700; font-family: "Exo", sans-serif; display: flex; align-items: center; gap: 8px; }
.altar-arama button:hover { background: var(--a-turuncu); }
.altar-header__aksiyon { display: flex; align-items: center; gap: 18px; margin-left: auto; }
.altar-header__tel { display: flex; align-items: center; gap: 10px; color: var(--a-koyu); font-weight: 700; font-family: "Exo", sans-serif; line-height: 1.15; }
.altar-header__tel i { width: 44px; height: 44px; border-radius: 50%; background: #fdecec; color: var(--a-turuncu); display: flex; align-items: center; justify-content: center; font-size: 19px; }
.altar-header__tel small { display: block; font-weight: 500; color: var(--a-metin); font-size: 12px; font-family: "Heebo", sans-serif; }
.altar-header__tel:hover { color: var(--a-turuncu); }
.altar-header__menu { display: none; width: 46px; height: 46px; border-radius: 10px; background: var(--a-lacivert); color: #fff; align-items: center; justify-content: center; font-size: 20px; }
.altar-header__menu:hover { color: #fff; background: var(--a-turuncu); }

/* Ana menü */
.altar-nav { background: linear-gradient(90deg, var(--a-lacivert), var(--a-lacivert-2)); }
.altar-menu { display: flex; align-items: stretch; margin: 0; padding: 0; list-style: none; }
.altar-menu > li { position: relative; }
.altar-menu > li > a { display: flex; align-items: center; gap: 7px; height: 52px; padding: 0 17px; color: #fff; font-family: "Exo", sans-serif; font-weight: 700; font-size: 15px; }
.altar-menu > li > a .fa-chevron-down { font-size: 10px; opacity: .7; }
.altar-menu > li:hover > a { background: rgba(255, 255, 255, .1); color: #fff; }
.altar-menu__tum > a { background: var(--a-turuncu); padding: 0 22px !important; }
.altar-menu > li.altar-menu__tum:hover > a { background: var(--a-kirmizi); }
.altar-menu__acilir > ul, .altar-mega { position: absolute; top: 100%; left: 0; z-index: 50; background: #fff; border-radius: 0 0 12px 12px; box-shadow: 0 18px 40px rgba(1, 1, 90, .16); opacity: 0; visibility: hidden; transform: translateY(8px); transition: all .2s; }
.altar-menu > li:hover > ul, .altar-menu > li:hover > .altar-mega, .altar-menu > li:focus-within > ul, .altar-menu > li:focus-within > .altar-mega { opacity: 1; visibility: visible; transform: none; }
.altar-menu__acilir > ul { min-width: 250px; list-style: none; margin: 0; padding: 10px; border-top: 3px solid var(--a-turuncu); }
.altar-menu__acilir > ul a { display: block; padding: 9px 12px; border-radius: 8px; color: var(--a-koyu); font-weight: 500; font-size: 15px; }
.altar-menu__acilir > ul a:hover { background: var(--a-zemin); color: var(--a-turuncu); }
.altar-menu__tumu { color: var(--a-turuncu) !important; font-weight: 700 !important; border-top: 1px solid var(--a-cizgi); margin-top: 4px; }
.altar-menu__markalar { columns: 2; min-width: 320px !important; }
.altar-mega { width: min(1100px, 92vw); display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px 22px; padding: 24px 26px; border-top: 3px solid var(--a-turuncu); }
.altar-mega__kolon { display: flex; flex-direction: column; padding-bottom: 12px; }
.altar-mega__kolon a { padding: 5px 0; color: var(--a-metin); font-size: 14.5px; }
.altar-mega__kolon a:hover { color: var(--a-turuncu); }
.altar-mega__baslik { font-family: "Exo", sans-serif; font-weight: 800 !important; color: var(--a-lacivert) !important; font-size: 16px !important; margin-bottom: 4px; }
.altar-mega__baslik i { color: var(--a-turuncu); width: 20px; }

/* Hero */
.altar-hero { padding: 22px 0 0; background: linear-gradient(180deg, var(--a-zemin), #fff); }
.altar-hero__ic { display: grid; grid-template-columns: minmax(0, 2.35fr) minmax(0, 1fr); gap: 18px; }
.altar-hero__slider { border-radius: var(--a-radius); overflow: hidden; box-shadow: 0 16px 40px rgba(1, 1, 90, .14); background: #fff; }
.altar-hero__slayt { display: block; aspect-ratio: 2001 / 786; }
.altar-hero__slayt img { width: 100%; height: 100%; object-fit: cover; display: block; }
.altar-hero .owl-nav button { position: absolute; top: 50%; transform: translateY(-50%); width: 46px; height: 46px; border-radius: 50% !important; background: rgba(255, 255, 255, .92) !important; color: var(--a-lacivert) !important; box-shadow: 0 6px 18px rgba(0, 0, 0, .18); font-size: 16px !important; margin: 0 !important; }
.altar-hero .owl-nav button:hover { background: var(--a-turuncu) !important; color: #fff !important; }
.altar-hero .owl-nav .owl-prev { left: 16px; }
.altar-hero .owl-nav .owl-next { right: 16px; }
.altar-hero .owl-dots { position: absolute; bottom: 14px; left: 0; right: 0; }
.altar-hero .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 4px; background: rgba(255, 255, 255, .7); box-shadow: 0 0 0 1px rgba(1, 1, 90, .25); transition: width .2s; }
.altar-hero .owl-dots .owl-dot.active span { width: 28px; background: var(--a-turuncu); }
.altar-hero__yan { display: grid; grid-template-rows: 1fr 1fr; gap: 18px; }
.altar-promo { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: center; gap: 6px; padding: 24px 26px; border-radius: var(--a-radius); color: #fff; min-height: 170px; isolation: isolate; }
.altar-promo:hover { color: #fff; transform: translateY(-3px); box-shadow: 0 16px 34px rgba(1, 1, 90, .22); }
.altar-promo--lacivert { background: radial-gradient(circle at 85% 40%, #2d5fe6 0, var(--a-lacivert-2) 45%, var(--a-lacivert) 100%); }
.altar-promo--turuncu { background: linear-gradient(135deg, #2bd66f, #128c4a); }
.altar-promo__ust { font-size: 13px; text-transform: uppercase; letter-spacing: .08em; opacity: .9; font-weight: 600; max-width: 60%; }
.altar-promo strong { font-family: "Exo", sans-serif; font-size: 27px; line-height: 1.1; font-weight: 800; max-width: 62%; }
.altar-promo__link { font-weight: 700; font-size: 14px; margin-top: 6px; display: inline-flex; align-items: center; gap: 7px; }
.altar-promo img { position: absolute; right: 14px; bottom: 10px; height: 84%; width: auto; max-width: 44%; object-fit: contain; object-position: right bottom; z-index: -1; filter: drop-shadow(0 12px 18px rgba(0, 0, 0, .35)); transition: transform .3s; }
.altar-promo:hover img { transform: translateY(-4px) rotate(-2deg); }
.altar-promo__ikon { position: absolute; right: 18px; bottom: -14px; font-size: 130px; opacity: .2; z-index: -1; }

/* Avantaj şeridi */
.altar-avantaj { padding: 22px 0 10px; }
.altar-avantaj__liste { display: grid; grid-template-columns: repeat(4, 1fr); background: #fff; border: 1px solid var(--a-cizgi); border-radius: var(--a-radius); }
.altar-avantaj__oge { display: flex; align-items: center; gap: 14px; padding: 18px 22px; }
.altar-avantaj__oge + .altar-avantaj__oge { border-left: 1px solid var(--a-cizgi); }
.altar-avantaj__oge i { width: 48px; height: 48px; flex: 0 0 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 21px; color: #fff; background: linear-gradient(135deg, var(--a-turuncu-2), var(--a-kirmizi)); }
.altar-avantaj__oge:nth-child(2) i, .altar-avantaj__oge:nth-child(4) i { background: linear-gradient(135deg, var(--a-mavi), var(--a-lacivert)); }
.altar-avantaj__oge strong { display: block; color: var(--a-koyu); font-family: "Exo", sans-serif; font-size: 16px; line-height: 1.2; }
.altar-avantaj__oge span { font-size: 13.5px; }

/* Bölümler */
.altar-bolum-ana { padding: 64px 0; }
.altar-bolum-ana--gri { background: var(--a-zemin); }
.altar-bolum-ana--ince { padding: 10px 0; }
.altar-bb { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 26px; }
.altar-bb__ust { display: inline-block; color: var(--a-turuncu); font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 6px; }
.altar-bb__baslik { font-size: 34px; line-height: 1.15; font-weight: 800; margin: 0; }
.altar-bb__link { color: var(--a-lacivert); font-weight: 700; white-space: nowrap; display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border: 1px solid var(--a-cizgi); border-radius: 10px; background: #fff; }
.altar-bb__link:hover { color: #fff; background: var(--a-turuncu); border-color: var(--a-turuncu); }

/* Kategori kartları */
.altar-kat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.altar-kat { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--a-cizgi); border-radius: var(--a-radius); overflow: hidden; }
.altar-kat:hover { box-shadow: 0 18px 38px rgba(1, 1, 90, .12); border-color: transparent; }
.altar-kat__gorsel { display: block; aspect-ratio: 1300 / 1006; overflow: hidden; background: #fff; }
.altar-kat__gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.altar-kat:hover .altar-kat__gorsel img { transform: scale(1.05); }
.altar-kat__icerik { padding: 18px 20px 20px; }
.altar-kat__icerik h3 { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; font-size: 22px; font-weight: 800; margin: 0 0 12px; }
.altar-kat__icerik h3 a { color: var(--a-koyu); }
.altar-kat__icerik h3 a:hover { color: var(--a-turuncu); }
.altar-kat__icerik h3 span { font-size: 13px; font-weight: 600; color: var(--a-turuncu); font-family: "Heebo", sans-serif; white-space: nowrap; }
.altar-kat__icerik ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; }
.altar-kat__icerik li a { display: flex; align-items: center; gap: 8px; padding: 9px 12px; background: #f4f7fb; border: 1px solid #dfe6ef; border-left: 3px solid #456c8f; border-radius: 9px; color: var(--a-koyu); font-size: 14px; font-weight: 600; line-height: 1.3; }
.altar-kat__icerik li a span { flex: 1; }
.altar-kat__icerik li small { min-width: 26px; text-align: center; padding: 2px 7px; border-radius: 20px; background: #fff; border: 1px solid #dfe6ef; color: #456c8f; font-size: 12px; font-weight: 700; }
.altar-kat__icerik li a i { width: 24px; height: 24px; flex: 0 0 24px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #456c8f; color: #fff; font-size: 10px; transition: transform .2s, background-color .2s; }
.altar-kat__icerik li a:hover { background: #456c8f; border-color: #456c8f; border-left-color: var(--a-lacivert); color: #fff; box-shadow: 0 8px 18px rgba(69, 108, 143, .28); }
.altar-kat__icerik li a:hover small { background: rgba(255, 255, 255, .18); border-color: transparent; color: #fff; }
.altar-kat__icerik li a:hover i { background: #fff; color: #456c8f; transform: translateX(3px); }
.altar-kat-kucuk { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin-top: 20px; }
.altar-kat-kucuk__oge { display: flex; align-items: center; gap: 16px; padding: 14px 20px 14px 14px; background: #fff; border: 1px solid var(--a-cizgi); border-radius: var(--a-radius); color: var(--a-koyu); }
.altar-kat-kucuk__oge img { width: 76px; height: 76px; object-fit: contain; border-radius: 10px; background: var(--a-zemin); padding: 4px; }
.altar-kat-kucuk__oge span { flex: 1; display: flex; flex-direction: column; }
.altar-kat-kucuk__oge strong { font-family: "Exo", sans-serif; font-size: 17px; }
.altar-kat-kucuk__oge small { color: var(--a-turuncu); font-weight: 600; }
.altar-kat-kucuk__oge i { color: var(--a-lacivert); }
.altar-kat-kucuk__oge:hover { border-color: var(--a-turuncu); color: var(--a-koyu); box-shadow: 0 12px 26px rgba(183, 28, 28, .14); }

/* Marka vitrini */
.altar-marka-vitrin { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.altar-mv { position: relative; display: flex; flex-direction: column; background: #fff; border-radius: var(--a-radius); overflow: hidden; border-top: 5px solid var(--m); box-shadow: 0 4px 16px rgba(1, 1, 90, .06); color: var(--a-koyu); }
.altar-mv:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(1, 1, 90, .14); color: var(--a-koyu); }
.altar-mv__logo { height: 96px; display: flex; align-items: center; justify-content: center; padding: 14px; }
.altar-mv__logo img { max-height: 66px; max-width: 170px; object-fit: contain; }
.altar-mv__urunler { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; padding: 0 14px; }
.altar-mv__urunler img { width: 100%; aspect-ratio: 1; object-fit: contain; background: var(--a-zemin); border-radius: 10px; padding: 4px; }
.altar-mv { height: 100%; }
.altar-mv__urunler img, .altar-mv__bos { display: block; width: 100%; height: auto; aspect-ratio: 1; }
.altar-mv__bos { background: var(--a-zemin); border-radius: 10px; background-image: linear-gradient(135deg, transparent 46%, rgba(1, 1, 90, .05) 46%, rgba(1, 1, 90, .05) 54%, transparent 54%); }
.altar-mv__alt { margin-top: auto !important; }
.altar-mv__urunler { margin-bottom: 14px; }
.altar-mv__rozet--bos { visibility: hidden; }
.altar-mv__alt { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; background: var(--m); color: #fff; }
.altar-mv__alt strong { font-family: "Exo", sans-serif; font-size: 19px; }
.altar-mv__alt em { font-style: normal; font-weight: 600; font-size: 14px; }
.altar-mv__rozet { order: -1; align-self: stretch; text-align: center; background: linear-gradient(90deg, var(--a-turuncu-2), var(--a-kirmizi)); color: #fff; font-size: 11.5px; font-weight: 700; padding: 5px 9px; text-transform: uppercase; letter-spacing: .06em; }
.altar-marka-serit { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 14px; margin-top: 20px; }
.altar-marka-serit a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; height: 96px; background: #fff; border-radius: 12px; border-bottom: 3px solid var(--m); color: var(--a-koyu); }
.altar-marka-serit a:hover { transform: translateY(-3px); box-shadow: 0 12px 24px rgba(1, 1, 90, .1); }
.altar-marka-serit img { max-height: 46px; max-width: 110px; object-fit: contain; }
.altar-marka-serit b { font-family: "Exo", sans-serif; font-size: 22px; font-weight: 800; color: var(--m); line-height: 46px; }
.altar-marka-serit small { color: #8a91a3; font-size: 12px; }

/* Ürün kartı */
.altar-kart { position: relative; display: flex; flex-direction: column; height: 100%; background: #fff; border: 1px solid var(--a-cizgi); border-radius: var(--a-radius); overflow: hidden; }
.altar-kart:hover { border-color: transparent; box-shadow: 0 16px 34px rgba(1, 1, 90, .13); }
.altar-kart__img { position: relative; display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; padding: 14px; background: #fff; }
.altar-kart__img img { width: 100%; height: 100%; object-fit: contain; transition: transform .35s; }
.altar-kart:hover .altar-kart__img img { transform: scale(1.05); }
.altar-kart__marka { position: absolute; left: 10px; top: 10px; background: var(--m, var(--a-lacivert)); color: #fff; font-size: 11.5px; font-weight: 700; line-height: 1; padding: 6px 10px; border-radius: 20px; }
.altar-kart__icerik { display: flex; flex-direction: column; flex: 1; padding: 12px 14px 14px; border-top: 1px solid var(--a-cizgi); }
.altar-kart__grup { font-size: 12px; color: var(--a-turuncu); font-weight: 600; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 4px; }
.altar-kart__grup:hover { color: var(--a-kirmizi); }
.altar-kart__icerik h3 { font-size: 15.5px; line-height: 1.35; font-weight: 700; margin: 0 0 6px; min-height: 2.7em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.altar-kart__icerik h3 a { color: var(--a-koyu); }
.altar-kart__icerik h3 a:hover { color: var(--a-mavi); }
.altar-kart__koli { font-size: 13px; color: #7b8296; margin: 0 0 12px; }
.altar-kart__koli i { color: #b6bccb; margin-right: 3px; }
.altar-kart__fiyat { font-family: "Exo", sans-serif; font-weight: 800; color: var(--a-lacivert); font-size: 19px; margin: -6px 0 10px; }
.altar-kart__alt { margin-top: auto; display: flex; gap: 8px; }
.altar-kart__teklif { flex: 1; display: flex; align-items: center; justify-content: center; gap: 6px; height: 40px; border-radius: 9px; background: #456c8f; color: #fff; font-weight: 700; font-size: 14px; }
.altar-kart__teklif:hover { background: #34546f; color: #fff; }
.altar-kart__detay { width: 40px; height: 40px; flex: 0 0 40px; display: flex; align-items: center; justify-content: center; border-radius: 9px; border: 1px solid var(--a-cizgi); color: var(--a-lacivert); }
.altar-kart__detay:hover { background: var(--a-lacivert); border-color: var(--a-lacivert); color: #fff; }

/* Yatay şerit (owl) */
.altar-serit .owl-stage { display: flex; padding: 6px 0 18px; }
.altar-serit .owl-item { display: flex; height: auto; }
.altar-serit .owl-item > .altar-kart { width: 100%; }
.altar-serit.owl-carousel .owl-nav button { position: absolute; top: 38%; width: 42px; height: 42px; border-radius: 50% !important; background: #fff !important; color: var(--a-lacivert) !important; box-shadow: 0 6px 18px rgba(1, 1, 90, .18); margin: 0 !important; font-size: 14px !important; }
.altar-serit.owl-carousel .owl-nav button:hover { background: var(--a-turuncu) !important; color: #fff !important; }
.altar-serit.owl-carousel .owl-nav button.disabled { opacity: 0; pointer-events: none; }
.altar-serit .owl-nav .owl-prev { left: -16px; }
.altar-serit .owl-nav .owl-next { right: -16px; }

/* Sekmeler */
.altar-sekme__ust { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; flex-wrap: wrap; margin-bottom: 26px; }
.altar-sekme__ust .altar-bb { margin: 0; }
.altar-sekme__dugmeler { display: flex; flex-wrap: wrap; gap: 8px; }
.altar-sekme__dugmeler button { height: 42px; padding: 0 18px; border-radius: 30px; border: 2px solid var(--a-cizgi); background: #fff; color: var(--a-koyu); font-weight: 700; font-family: "Exo", sans-serif; }
.altar-sekme__dugmeler button:hover { border-color: var(--m); color: var(--m); }
.altar-sekme__dugmeler button.aktif { background: var(--m); border-color: var(--m); color: #fff; }
.altar-sekme__panel { display: none; }
.altar-sekme__panel.aktif { display: block; }
.altar-sekme__tumu { text-align: center; }
.altar-sekme__tumu a { font-weight: 700; color: var(--a-lacivert); }
.altar-sekme__tumu a:hover { color: var(--a-turuncu); }

/* Kampanya kartları */
.altar-kampanya { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.altar-kampanya__oge { position: relative; display: flex; align-items: stretch; min-height: 210px; border-radius: var(--a-radius); overflow: hidden; color: #fff; isolation: isolate; }
.altar-kampanya__oge:hover { color: #fff; transform: translateY(-4px); box-shadow: 0 18px 36px rgba(1, 1, 90, .2); }
.altar-kampanya__oge--mavi { background: linear-gradient(135deg, var(--a-mavi), var(--a-lacivert)); }
.altar-kampanya__oge--kirmizi { background: linear-gradient(135deg, #e53935, #a31515); }
.altar-kampanya__oge--turuncu { background: linear-gradient(135deg, #7a1020, #b71c1c); }
.altar-kampanya__metin { position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: center; gap: 6px; padding: 24px; width: 60%; }
.altar-kampanya__metin small { font-size: 13px; opacity: .9; text-transform: uppercase; letter-spacing: .06em; font-weight: 600; }
.altar-kampanya__metin strong { font-family: "Exo", sans-serif; font-size: 23px; line-height: 1.15; font-weight: 800; }
.altar-kampanya__metin em { font-style: normal; font-weight: 700; margin-top: 6px; display: inline-flex; align-items: center; gap: 7px; }
.altar-kampanya__oge img { position: absolute; right: 16px; bottom: 12px; height: 84%; width: auto; max-width: 40%; object-fit: contain; object-position: right bottom; z-index: 0; filter: drop-shadow(0 12px 18px rgba(0, 0, 0, .35)); transition: transform .3s; }
.altar-kampanya__oge:hover img { transform: translateY(-4px) rotate(-2deg); }

/* Alt kategori çipleri */
.altar-cip { display: flex; flex-wrap: wrap; gap: 10px; margin: -8px 0 22px; }
.altar-cip a { padding: 9px 16px; border-radius: 30px; background: var(--a-zemin); color: var(--a-koyu); font-weight: 600; font-size: 14.5px; }
.altar-cip a small { color: var(--a-turuncu); font-weight: 700; margin-left: 4px; }
.altar-cip a:hover, .altar-cip a.aktif { background: var(--a-lacivert); color: #fff; }
.altar-cip a:hover small, .altar-cip a.aktif small { color: var(--a-turuncu-2); }

/* Kurumsal */
.altar-kurumsal { padding: 30px 0 64px; }
.altar-kurumsal__ic { display: grid; grid-template-columns: 1fr 1.1fr; gap: 50px; align-items: center; background: linear-gradient(135deg, var(--a-lacivert), var(--a-lacivert-2)); border-radius: 22px; padding: 46px; color: rgba(255, 255, 255, .85); position: relative; overflow: hidden; }
.altar-kurumsal__ic::after { content: ""; position: absolute; width: 380px; height: 380px; border-radius: 50%; right: -120px; top: -140px; background: radial-gradient(circle, rgba(183, 28, 28, .45), transparent 70%); }
.altar-kurumsal__gorsel { position: relative; }
.altar-kurumsal__gorsel img { width: 100%; border-radius: 16px; display: block; }
.altar-kurumsal__rozet { position: absolute; left: -14px; bottom: 22px; background: linear-gradient(135deg, var(--a-turuncu-2), var(--a-kirmizi)); color: #fff; padding: 14px 20px; border-radius: 12px; font-size: 14px; line-height: 1.2; box-shadow: 0 12px 26px rgba(0, 0, 0, .25); }
.altar-kurumsal__rozet strong { display: block; font-family: "Exo", sans-serif; font-size: 22px; }
.altar-kurumsal__metin { position: relative; z-index: 1; }
.altar-kurumsal__metin .altar-bb__ust { color: var(--a-turuncu-2); }
.altar-kurumsal__metin h2 { color: #fff; font-size: 34px; font-weight: 800; margin-bottom: 16px; }
.altar-kurumsal__metin p { color: rgba(255, 255, 255, .82); line-height: 1.75; }
.altar-kurumsal__sayilar { display: flex; gap: 14px; margin: 22px 0 26px; }
.altar-kurumsal__sayilar div { flex: 1; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .14); border-radius: 12px; padding: 14px; text-align: center; }
.altar-kurumsal__sayilar strong { display: block; color: #fff; font-family: "Exo", sans-serif; font-size: 32px; line-height: 1; }
.altar-kurumsal__sayilar span { font-size: 13px; }
.altar-kurumsal .altar-btn--lacivert { background: #fff; color: var(--a-lacivert); }
.altar-kurumsal .altar-btn--lacivert:hover { background: var(--a-turuncu); color: #fff; }

/* CTA bandı ve footer */
.altar-cta-bant { position: relative; overflow: hidden; isolation: isolate;
  background:
    radial-gradient(ellipse 520px 220px at 88% 0%, rgba(255, 138, 112, .38), transparent 70%),
    radial-gradient(ellipse 620px 260px at 0% 100%, rgba(0, 0, 0, .45), transparent 70%),
    linear-gradient(110deg, #c62828 0%, #a11c1c 42%, #6e1016 78%, #3d070c 100%); }
.altar-cta-bant::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background:
    linear-gradient(115deg, transparent 50%, rgba(255, 255, 255, .06) 50%, rgba(255, 255, 255, .06) 58%, transparent 58%),
    linear-gradient(115deg, transparent 61%, rgba(255, 255, 255, .04) 61%, rgba(255, 255, 255, .04) 64%, transparent 64%),
    linear-gradient(115deg, transparent 68%, rgba(0, 0, 0, .12) 68%, rgba(0, 0, 0, .12) 80%, transparent 80%),
    radial-gradient(circle, rgba(255, 255, 255, .12) 1px, transparent 1.4px) 0 0 / 20px 20px;
  -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, .25), #000 60%);
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, .25), #000 60%); }
.altar-cta-bant__ic { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-top: 34px; padding-bottom: 34px; color: #fff; }
.altar-cta-bant h2 { color: #fff; font-size: 30px; font-weight: 800; margin: 0 0 4px; }
.altar-cta-bant p { color: rgba(255, 255, 255, .92); margin: 0; }
.altar-cta-bant__btn { display: flex; gap: 12px; flex-wrap: wrap; }
.altar-footer { padding-top: 70px !important; background: var(--a-koyu) !important; }
.altar-footer-logo img { max-height: 64px; width: auto; }
.altar-footer .footer-widget__services-list li a { color: rgba(255, 255, 255, .75); }
.altar-footer .footer-widget__services-list li a:hover { color: var(--a-turuncu-2); }
.altar-footer .footer-widget__services-list li a i { color: #ffc107; margin-right: 4px; }
.altar-footer-sosyal { display: flex; gap: 10px; margin-top: 18px; }
.altar-footer-sosyal a { width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, .08); color: #fff; }
.altar-footer-sosyal a:hover { background: var(--a-turuncu); color: #fff; }
.altar-footer-iletisim p { color: rgba(255, 255, 255, .78); margin-bottom: 12px; line-height: 1.6; }
.altar-footer-iletisim i { width: 20px; margin-right: 4px; color: #ce9c06; }
.altar-footer-iletisim a { color: inherit; }
.altar-footer-iletisim a:hover { color: #fff; }

/* Sabit düğmeler */
.altar-wa-sabit { position: fixed; left: 20px; bottom: 20px; z-index: 99; width: 58px; height: 58px; border-radius: 50%; background: var(--a-yesil); color: #fff; font-size: 31px; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 22px rgba(0, 0, 0, .25); }
.altar-wa-sabit:hover { color: #fff; background: #1da851; transform: scale(1.06); }
.altar-yukari { position: fixed; right: 20px; bottom: 20px; z-index: 99; width: 46px; height: 46px; border-radius: 12px; background: var(--a-lacivert); color: #fff; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; }
.altar-yukari.gorunur { opacity: 1; visibility: visible; }
.altar-yukari:hover { background: var(--a-turuncu); color: #fff; }

/* Mobil menü (tema çekmecesi) */
.mobile-nav__content { background: var(--a-lacivert); }
.mobile-nav__content .main-menu__list li a { color: #fff; }

/* Duyarlı */
@media (max-width: 1199px) {
  .altar-header__tel { display: none; }
  .altar-menu > li > a { padding: 0 12px; font-size: 14px; }
  .altar-kat-grid, .altar-marka-vitrin { grid-template-columns: repeat(2, 1fr); }
  .altar-marka-serit { grid-template-columns: repeat(4, 1fr); }
  .altar-mega { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 991px) {
  .altar-nav { display: none; }
  .altar-header__menu { display: inline-flex; }
  .altar-header__ic { flex-wrap: wrap; gap: 12px 16px; padding-top: 12px; padding-bottom: 12px; }
  .altar-header__logo img { height: 46px; }
  .altar-header__aksiyon { margin-left: auto; gap: 10px; }
  .altar-arama { order: 3; flex-basis: 100%; max-width: none; height: 46px; }
  .altar-hero__ic { grid-template-columns: 1fr; }
  .altar-hero__yan { grid-template-columns: 1fr 1fr; grid-template-rows: none; }
  .altar-avantaj__liste { grid-template-columns: repeat(2, 1fr); }
  .altar-avantaj__oge:nth-child(3) { border-left: 0; }
  .altar-avantaj__oge:nth-child(n+3) { border-top: 1px solid var(--a-cizgi); }
  .altar-kampanya, .altar-kat-kucuk { grid-template-columns: 1fr; }
  .altar-kurumsal__ic { grid-template-columns: 1fr; padding: 30px; gap: 30px; }
  .altar-cta-bant__ic { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 767px) {
  .altar-ust-bant p { font-size: 12px; }
  .altar-ust-bant ul li:first-child { display: none; }
  .altar-header__teklif { height: 44px; padding: 0 14px; font-size: 14px; }
  .altar-hero { padding-top: 12px; }
  .altar-hero .owl-nav { display: none; }
  .altar-hero__yan { grid-template-columns: 1fr; }
  .altar-promo { min-height: 130px; padding: 18px 20px; }
  .altar-promo strong { font-size: 22px; }
  .altar-avantaj__oge { padding: 14px; gap: 10px; }
  .altar-avantaj__oge i { width: 40px; height: 40px; flex-basis: 40px; font-size: 17px; }
  .altar-avantaj__oge strong { font-size: 14px; }
  .altar-avantaj__oge span { font-size: 12px; }
  .altar-bolum-ana { padding: 44px 0; }
  .altar-bb { flex-direction: column; align-items: flex-start; }
  .altar-bb__baslik { font-size: 26px; }
  .altar-kat-grid { grid-template-columns: 1fr; }
  .altar-marka-vitrin { grid-template-columns: 1fr 1fr; gap: 12px; }
  .altar-mv__logo { height: 76px; }
  .altar-mv__alt { padding: 10px 12px; }
  .altar-mv__alt strong { font-size: 16px; }
  .altar-mv__alt em { font-size: 12px; }
  .altar-mv__rozet { font-size: 9px; }
  .altar-marka-serit { grid-template-columns: repeat(2, 1fr); }
  .altar-kart__icerik { padding: 10px; }
  .altar-kart__icerik h3 { font-size: 14px; }
  .altar-kart__teklif { font-size: 13px; height: 38px; }
  .altar-kart__detay { width: 38px; height: 38px; flex-basis: 38px; }
  .altar-serit .owl-nav { display: none; }
  .altar-kampanya__metin strong { font-size: 20px; }
  .altar-kurumsal__ic { padding: 22px; border-radius: 16px; }
  .altar-kurumsal__metin h2 { font-size: 26px; }
  .altar-kurumsal__rozet { left: 10px; }
  .altar-cta-bant h2 { font-size: 24px; }
}

/* Footer: hafif soyut desen (dalgalı çizgiler ve yumuşak ışık lekeleri) */
.altar-footer { position: relative; overflow: hidden; isolation: isolate; }
.altar-footer::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(ellipse 560px 380px at 6% 0%, rgba(22, 82, 217, .26), transparent 70%),
    radial-gradient(ellipse 520px 340px at 96% 100%, rgba(183, 28, 28, .18), transparent 70%),
    url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%221200%22 height=%22460%22 viewBox=%220 0 1200 460%22%3E%3Cg fill=%22none%22 stroke=%22white%22 stroke-opacity=%22.06%22 stroke-width=%221.2%22%3E%3Cpath d=%22M-20 40 C 180 -30, 340 110, 560 40 S 940 -20, 1220 50%22/%3E%3Cpath d=%22M-20 86 C 180 16, 340 156, 560 86 S 940 26, 1220 96%22/%3E%3Cpath d=%22M-20 132 C 180 62, 340 202, 560 132 S 940 72, 1220 142%22/%3E%3Cpath d=%22M-20 178 C 180 108, 340 248, 560 178 S 940 118, 1220 188%22/%3E%3Cpath d=%22M-20 224 C 180 154, 340 294, 560 224 S 940 164, 1220 234%22/%3E%3Cpath d=%22M-20 270 C 180 200, 340 340, 560 270 S 940 210, 1220 280%22/%3E%3Cpath d=%22M-20 316 C 180 246, 340 386, 560 316 S 940 256, 1220 326%22/%3E%3Cpath d=%22M-20 362 C 180 292, 340 432, 560 362 S 940 302, 1220 372%22/%3E%3Cpath d=%22M-20 408 C 180 338, 340 478, 560 408 S 940 348, 1220 418%22/%3E%3C/g%3E%3Cg fill=%22white%22 fill-opacity=%22.07%22%3E%3Ccircle cx=%221040%22 cy=%2290%22 r=%222%22/%3E%3Ccircle cx=%221040%22 cy=%22120%22 r=%222%22/%3E%3Ccircle cx=%221040%22 cy=%22150%22 r=%222%22/%3E%3Ccircle cx=%221070%22 cy=%2290%22 r=%222%22/%3E%3Ccircle cx=%221070%22 cy=%22120%22 r=%222%22/%3E%3Ccircle cx=%221070%22 cy=%22150%22 r=%222%22/%3E%3Ccircle cx=%221100%22 cy=%2290%22 r=%222%22/%3E%3Ccircle cx=%221100%22 cy=%22120%22 r=%222%22/%3E%3Ccircle cx=%221100%22 cy=%22150%22 r=%222%22/%3E%3C/g%3E%3C/svg%3E") center top / 1200px 460px repeat; }
.altar-footer::after { content: ""; position: absolute; width: 420px; height: 420px; right: -140px; top: -160px; z-index: -1; pointer-events: none;
  border-radius: 50%; border: 1px solid rgba(255, 255, 255, .05); box-shadow: 0 0 0 60px rgba(255, 255, 255, .015), 0 0 0 120px rgba(255, 255, 255, .012); }
.altar-footer .site-footer__bottom { background: rgba(0, 0, 0, .18); }

/* Lightbox (Magnific Popup): resim başlığı resmin üzerinde, alt kenarda */
.mfp-image-holder .mfp-figure .mfp-bottom-bar { top: auto; bottom: 40px; margin: 0; padding: 40px 22px 16px; background: linear-gradient(to top, rgba(1, 1, 40, .88), rgba(1, 1, 40, .55) 55%, rgba(1, 1, 40, 0)); cursor: default; }
.mfp-image-holder .mfp-figure .mfp-title { padding-right: 70px; color: #fff; line-height: 1.35; }
.mfp-image-holder .mfp-figure .mfp-title small { display: block; margin-bottom: 4px; font-size: 12.5px; letter-spacing: .02em; color: rgba(255, 255, 255, .75); }
.mfp-image-holder .mfp-figure .mfp-title strong { display: block; font-family: "Exo", sans-serif; font-size: 19px; font-weight: 700; }
.mfp-image-holder .mfp-figure .mfp-counter { top: auto; bottom: 16px; right: 22px; color: rgba(255, 255, 255, .75); }
/* Magnific küçük ekranda başlığı ekrana sabitliyor ve resmin boşluklarını kaldırıyor; resmin altına geri al. */
.mfp-img-mobile .mfp-image-holder .mfp-figure .mfp-bottom-bar { position: absolute; bottom: 0; }
@media (max-width: 575px) {
  .mfp-image-holder .mfp-figure .mfp-bottom-bar { padding: 30px 14px 12px; }
  .mfp-image-holder .mfp-figure .mfp-title strong { font-size: 16px; }
}