/* Kömürcü Toprak Sanayi - tema üzerine marka katmanı */
:root {
    --color-primary: #EB8024;
    --color-primary-2: #EB8024;
    --color-secondary: rgba(235, 128, 36, .20);
    --primary-100: #FDF2E9;
    --primary-200: #F9D9BD;
    --primary-300: #F5BF91;
    --primary-400: #F0A35F;
    --primary-500: #EE9140;
    --primary-600: #EB8024;
    --primary-700: #EB8024;
    --primary-900: #C96814;
    --secondary-700: #EB8024;
    --komurcu-koyu: #2C2421;
    --komurcu-krem: #FBF4EE;
}

.logo-area img { max-height: 95px; width: auto; }
/* Başlık: logo orijinal renkleriyle beyaz zeminde dursun */
.header-main-2 .header-mid-one-wrapper .logo-area::before { background: #fff; }
.header-mid-one-wrapper .logo-area { padding: 10px 0; }
.single-footer-inner.logo-area .logo img { max-height: 90px; width: auto; }

/* Mega menü teklif kartı */
.mega-teklif-karti { display: block; margin-top: 20px; border-radius: 10px; overflow: hidden; position: relative; background: var(--komurcu-krem); }
.mega-teklif-karti img { width: 100%; height: 150px; object-fit: contain; background: #fff; }
.mega-teklif-karti span { display: block; padding: 12px 16px; font-weight: 600; color: var(--color-heading-1); }
.mega-teklif-karti:hover span { color: var(--color-primary); }

/* Ana sayfa banner arka planları */
/* Manşet görseli yönetim panelinden gelir (1920x860) */
.banner-five-main-wrapper.komurcu-manset { background-size: cover; background-position: 30% center !important; background-repeat: no-repeat; }
@media (max-width: 1199px) {
    /* dar ekranda ürünler yazının altına düşer; okunurluk için koyu katman */
    .banner-five-main-wrapper.komurcu-manset::before { content: ""; position: absolute; inset: 0; background: rgba(26, 20, 18, .55); z-index: -1; }
}

/* Breadcrumb */
.tmp-bread-crumb-area.komurcu-breadcrumb { background: linear-gradient(rgba(28, 22, 20, .78), rgba(28, 22, 20, .78)), url(../images/banner/12.webp) center/cover no-repeat; }
.komurcu-breadcrumb .title, .komurcu-breadcrumb .desc, .komurcu-breadcrumb .meta a, .komurcu-breadcrumb .meta span { color: #fff; }

/* Ürün kartları */
.urun-karti { background: #fff; border: 1px solid var(--color-border); border-radius: 12px; overflow: hidden; height: 100%; display: flex; flex-direction: column; transition: box-shadow .3s, transform .3s; }
.urun-karti:hover { box-shadow: 0 18px 40px rgba(44, 36, 33, .12); transform: translateY(-4px); }
.urun-karti .gorsel { display: block; aspect-ratio: 3 / 4; background: #fff; padding: 10px; }
.urun-karti .gorsel img { width: 100%; height: 100%; object-fit: contain; transition: transform .4s; }
.urun-karti:hover .gorsel img { transform: scale(1.05); }
.urun-karti .icerik { padding: 18px 20px 22px; border-top: 1px solid var(--color-border); flex: 1; display: flex; flex-direction: column; gap: 6px; }
.urun-karti .grup { font-size: 13px; text-transform: uppercase; letter-spacing: 1px; color: var(--color-primary); font-weight: 600; }
.urun-karti .baslik { font-size: 19px; line-height: 1.35; margin: 0; }
.urun-karti .baslik a { color: var(--color-heading-1); }
.urun-karti .baslik a:hover { color: var(--color-primary); }
.urun-karti .olcu { font-size: 14px; color: var(--color-body); margin: 0; }
.urun-karti .alt { margin-top: auto; padding-top: 10px; display: flex; gap: 14px; flex-wrap: wrap; }
.urun-karti .alt a { font-size: 14px; font-weight: 600; }

/* Kategori filtresi */
.kategori-filtre { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-bottom: 50px; }
.kategori-filtre a { padding: 10px 22px; border: 1px solid var(--color-border); border-radius: 40px; color: var(--color-heading-1); font-weight: 500; background: #fff; }
.kategori-filtre a.aktif, .kategori-filtre a:hover { background: var(--color-primary); border-color: var(--color-primary); color: #fff; }

/* Kategori kutuları (anasayfa) */
.kategori-kutu { display: block; background: #fff; border-radius: 14px; overflow: hidden; border: 1px solid var(--color-border); height: 100%; transition: box-shadow .3s; }
.kategori-kutu:hover { box-shadow: 0 18px 40px rgba(44, 36, 33, .12); }
.kategori-kutu img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; background: #fff; }
.kategori-kutu .icerik { padding: 18px 22px 24px; border-top: 1px solid var(--color-border); }
.kategori-kutu h3 { font-size: 21px; margin-bottom: 6px; color: var(--color-heading-1); }
.kategori-kutu p { font-size: 15px; margin: 0; }
.kategori-kutu .adet { font-size: 13px; font-weight: 600; color: var(--color-primary); }

/* Neden tuğla / özellik listesi */
.ozellik-kutu { background: #fff; border-radius: 12px; padding: 28px 24px; height: 100%; border: 1px solid var(--color-border); }
.ozellik-kutu i { font-size: 30px; color: var(--color-primary); margin-bottom: 16px; display: inline-block; }
.ozellik-kutu h4 { font-size: 19px; margin-bottom: 8px; }
.ozellik-kutu p { font-size: 15px; margin: 0; }
.bg-krem { background: var(--komurcu-krem); }

/* Sayaç bandı */
.sayac-bandi { background: var(--komurcu-koyu); border-radius: 16px; padding: 40px 30px; }
.sayac-bandi .sayi { font-size: 46px; font-weight: 700; color: #fff; font-family: var(--font-secondary, 'Exo'), sans-serif; line-height: 1; }
.sayac-bandi .sayi span { color: var(--color-primary); }
.sayac-bandi p { color: rgba(255, 255, 255, .75); margin: 8px 0 0; }

/* Ürün detay */
.urun-detay-galeri .ana-gorsel { border: 1px solid var(--color-border); border-radius: 14px; background: #fff; aspect-ratio: 3 / 4; cursor: zoom-in; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.urun-detay-galeri .ana-gorsel { position: relative; touch-action: pan-y; }
.urun-detay-galeri .ana-gorsel img { width: 100%; height: 100%; object-fit: contain; transition: opacity .2s ease; }
.urun-detay-galeri .ana-gorsel img.geciste { opacity: 0; }
.urun-detay-galeri .ana-gorsel .buyutec { position: absolute; right: 14px; bottom: 14px; width: 42px; height: 42px; border-radius: 50%; background: rgba(44, 36, 33, .75); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 16px; pointer-events: none; transition: background .2s ease; }
.urun-detay-galeri .ana-gorsel:hover .buyutec { background: var(--color-primary); }
.urun-detay-galeri .ana-gorsel-kutu { position: relative; }
.urun-detay-galeri .gorsel-ok { position: absolute; top: 50%; z-index: 2; width: 44px; height: 44px; margin-top: -22px; border: 1px solid var(--color-border); border-radius: 50%; background: rgba(255, 255, 255, .92); color: #2C2421; display: flex; align-items: center; justify-content: center; font-size: 15px; box-shadow: 0 2px 10px rgba(0, 0, 0, .08); transition: background .2s ease, color .2s ease, border-color .2s ease; }
.urun-detay-galeri .gorsel-ok.onceki { left: 14px; }
.urun-detay-galeri .gorsel-ok.sonraki { right: 14px; }
.urun-detay-galeri .gorsel-ok:hover { background: var(--color-primary); border-color: var(--color-primary); color: #fff; }
.urun-detay-galeri .tek-gorsel .gorsel-ok { display: none; }
@media (max-width: 575px) { .urun-detay-galeri .gorsel-ok { width: 36px; height: 36px; margin-top: -18px; font-size: 13px; } .urun-detay-galeri .gorsel-ok.onceki { left: 8px; } .urun-detay-galeri .gorsel-ok.sonraki { right: 8px; } }
.urun-detay-galeri .kucukler a.video { position: relative; padding: 0; background: #1c1614; }
.urun-detay-galeri .kucukler a.video img { width: 100%; height: 100%; object-fit: cover; opacity: .85; }
.urun-detay-galeri .kucukler a.video .oynat { position: absolute; left: 50%; top: 50%; width: 36px; height: 36px; margin: -18px 0 0 -18px; border-radius: 50%; background: var(--color-primary); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 13px; padding-left: 2px; box-shadow: 0 2px 10px rgba(0, 0, 0, .35); }
.urun-detay-galeri .kucukler a.video:hover img { opacity: 1; }
.urun-detay-galeri .kucukler { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 12px; }
.urun-detay-galeri .kucukler a { width: 84px; height: 112px; border: 1px solid var(--color-border); border-radius: 8px; overflow: hidden; background: #fff; padding: 4px; }
.urun-detay-galeri .kucukler a.aktif, .urun-detay-galeri .kucukler a:hover { border-color: var(--color-primary); }
.urun-detay-galeri .kucukler img { width: 100%; height: 100%; object-fit: contain; }
.ozellik-tablosu { width: 100%; margin: 20px 0; border-collapse: collapse; }
.ozellik-tablosu th, .ozellik-tablosu td { padding: 12px 14px; border-bottom: 1px solid var(--color-border); text-align: left; font-size: 15px; }
.ozellik-tablosu th { width: 40%; color: var(--color-heading-1); font-weight: 600; background: #fafafa; }

/* m² hesaplayıcı */
.hesaplayici { background: var(--komurcu-krem); border-radius: 14px; padding: 26px; margin-top: 24px; }
.hesaplayici h4 { font-size: 20px; margin-bottom: 14px; }
.hesaplayici .satir { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.hesaplayici label { font-size: 13px; font-weight: 600; color: var(--color-heading-1); display: block; margin-bottom: 4px; }
.hesaplayici input { width: 100%; height: 48px; border: 1px solid var(--color-border); border-radius: 8px; padding: 0 12px; background: #fff; }
.hesaplayici .sonuc { margin-top: 16px; font-size: 18px; color: var(--color-heading-1); }
.hesaplayici .sonuc strong { color: var(--color-primary); font-size: 24px; }
.hesaplayici small { display: block; margin-top: 6px; color: var(--color-body); }
@media (max-width: 575px) { .hesaplayici .satir { grid-template-columns: 1fr; } }

/* Formlar (ASP.NET kontrolleri tema stiline uyum) */
.komurcu-form label { font-weight: 600; color: var(--color-heading-1); font-size: 14px; margin-bottom: 6px; display: block; }
.komurcu-form input[type=text], .komurcu-form input[type=email], .komurcu-form input[type=tel], .komurcu-form input[type=number], .komurcu-form select, .komurcu-form textarea {
    width: 100%; height: 52px; border: 1px solid var(--color-border); border-radius: 8px; padding: 0 16px; background: #fff; font-size: 15px; margin-bottom: 18px; }
.komurcu-form textarea { height: 130px; padding: 14px 16px; }
.komurcu-form input:focus, .komurcu-form select:focus, .komurcu-form textarea:focus { border-color: var(--color-primary); outline: none; }
.komurcu-form .kvkk { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; margin-bottom: 18px; }
.komurcu-form .kvkk input { margin-top: 4px; width: auto; height: auto; }
.komurcu-form .guvenlik { display: flex; align-items: center; gap: 12px; }
.komurcu-form .guvenlik .kod { background: var(--komurcu-koyu); color: #fff; font-weight: 700; letter-spacing: 6px; padding: 12px 18px; border-radius: 8px; user-select: none; margin-bottom: 18px; }
.komurcu-form .bal { position: absolute; left: -5000px; }
.form-kart { background: #fff; border: 1px solid var(--color-border); border-radius: 16px; padding: 36px; }
.form-kart h3 { font-size: 26px; margin-bottom: 6px; }
@media (max-width: 575px) { .form-kart { padding: 22px; } }

/* Teklif sepeti */
.teklif-satir { display: grid; grid-template-columns: 1fr 140px 150px 44px; gap: 10px; align-items: start; }
.teklif-satir select, .teklif-satir input { margin-bottom: 10px !important; }
.teklif-satir .sil { height: 52px; border: 1px solid var(--color-border); background: #fff; border-radius: 8px; color: #b91c1c; }
@media (max-width: 767px) { .teklif-satir { grid-template-columns: 1fr 1fr; } .teklif-satir select:first-child { grid-column: 1 / -1; } }
.teklif-ekle { border: 1px dashed var(--color-primary); color: var(--color-primary); background: #fff; border-radius: 8px; padding: 10px 18px; font-weight: 600; margin-bottom: 20px; }

/* Galeri */
.galeri-filtre { margin-bottom: 40px; }
.galeri-oge { display: block; position: relative; border-radius: 12px; overflow: hidden; aspect-ratio: 3 / 2; }
.galeri-oge img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.galeri-oge:hover img { transform: scale(1.06); }
.galeri-oge .ortu { position: absolute; inset: 0; background: rgba(28, 22, 20, .45); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity .3s; color: #fff; font-size: 26px; }
.galeri-oge:hover .ortu { opacity: 1; }

/* Zaman çizelgesi (tarihçe) */
.zaman-cizelgesi { position: relative; padding-left: 34px; }
.zaman-cizelgesi::before { content: ''; position: absolute; left: 10px; top: 6px; bottom: 6px; width: 2px; background: var(--primary-200, #ffcfb9); }
.zaman-cizelgesi .olay { position: relative; margin-bottom: 34px; }
.zaman-cizelgesi .olay::before { content: ''; position: absolute; left: -31px; top: 6px; width: 16px; height: 16px; border-radius: 50%; background: var(--color-primary); box-shadow: 0 0 0 5px var(--komurcu-krem); }
.zaman-cizelgesi .yil { font-weight: 700; color: var(--color-primary); font-size: 20px; }
.zaman-cizelgesi h4 { margin: 4px 0 6px; font-size: 20px; }

/* Referans logoları */
.referans-kutu { border: 1px solid var(--color-border); border-radius: 12px; height: 110px; display: flex; align-items: center; justify-content: center; font-weight: 600; color: #9a8f8a; background: #fff; text-align: center; padding: 10px; }

/* WhatsApp hattı */
.whatsapp-hatti { position: fixed; left: 22px; bottom: 22px; z-index: 999; display: flex; align-items: center; gap: 10px; background: #25D366; color: #fff !important; border-radius: 40px; padding: 12px 20px 12px 14px; box-shadow: 0 10px 30px rgba(37, 211, 102, .35); font-weight: 600; }
.whatsapp-hatti i { font-size: 28px; }
.whatsapp-hatti:hover { background: #1ebe5a; }
@media (max-width: 575px) { .whatsapp-hatti span { display: none; } .whatsapp-hatti { padding: 14px; } }

/* Uyarı kutuları */
.komurcu-uyari { padding: 14px 18px; border-radius: 8px; margin-bottom: 18px; font-size: 15px; }
.komurcu-uyari.hata { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; }
.komurcu-uyari.basarili { background: #f0fdf4; color: #166534; border: 1px solid #bbf7d0; }

/* Google Translate çubuğunu gizle */
.goog-te-banner-frame.skiptranslate, body > .skiptranslate { display: none !important; }
body { top: 0 !important; }

/* Menü */
.header-mid-one-wrapper .nav-area .mainmenu > li > a { white-space: nowrap; }

/* Ürünler mega menüsü alt bandı: fiyat teklifi */
.tmp-mega-menu .mega-top-banner.komurcu-teklif-banner {
    background-image: url(../images/banner/menu-service.webp), radial-gradient(100% 100% at 100% 0%, #8a4a14 0%, var(--komurcu-koyu) 100%);
    background-position: right 30%; background-repeat: no-repeat; background-size: cover;
    display: flex; align-items: center; justify-content: space-between; gap: 20px;
    padding: 25px 30px; margin: 30px -20px -20px; border-radius: 0 0 8px 8px;
}
.komurcu-teklif-banner .content { width: 56%; }
.komurcu-teklif-banner .content .title { font-size: 20px; color: #fff; font-weight: 600; margin-bottom: 8px; }
.komurcu-teklif-banner .content .description { font-size: 14px; color: rgba(255,255,255,.85); margin: 0; }
.tmp-mega-menu .inversweb-short-title a { color: inherit; }
.tmp-mega-menu .inversweb-short-title a:hover { color: var(--color-primary); }

/* Dinamik sayfa içeriği */
.sayfa-icerik h3, .sayfa-icerik h4 { margin: 24px 0 12px; }
.sayfa-icerik p, .sayfa-icerik li { font-size: 17px; line-height: 1.8; }
.sayfa-icerik ul { padding-left: 20px; margin-bottom: 20px; }
.sayfa-icerik img { max-width: 100%; height: auto; border-radius: 10px; }
.sayfa-ana-gorsel { width: 100%; border-radius: 16px; margin-bottom: 30px; aspect-ratio: 3 / 2; object-fit: cover; }
.sayfa-yan-menu { background: var(--komurcu-krem); border-radius: 14px; padding: 26px; margin-bottom: 30px; }
.sayfa-yan-menu h4 { font-size: 20px; margin-bottom: 14px; }
.sayfa-yan-menu ul { list-style: none; padding: 0; margin: 0; }
.sayfa-yan-menu li a { display: flex; justify-content: space-between; align-items: center; padding: 13px 16px; background: #fff; border-radius: 8px; margin-bottom: 8px; color: var(--color-heading-1); font-weight: 500; }
.sayfa-yan-menu li a:hover, .sayfa-yan-menu li a.aktif { background: var(--color-primary); color: #fff; }

/* Ürün detay lightbox */
.urun-detay-galeri .ana-gorsel { cursor: zoom-in; }
.mfp-bg { background: #1c1614; opacity: .92; }
.mfp-figure figure { background: #fff; border-radius: 10px; overflow: hidden; }
.mfp-image-holder .mfp-content { max-width: 900px; }
.mfp-bottom-bar { padding: 0 12px; }
.mfp-title, .mfp-counter { color: #fff; }

/* Başlık: menü sağa yaslı, arama en sağda */
@media (min-width: 1200px) {
    header.header-one .header-main-2 .header-mid-one-wrapper.wrapper-two .nav-area { margin-left: auto !important; margin-right: 28px; }
    header.header-one .header-main-2 .header-mid-one-wrapper.wrapper-two .header-right { flex-basis: auto !important; }
}
header.header-one .header-mid-one-wrapper .header-right { display: flex; align-items: center; gap: 16px; }

/* Form onay kutuları: tema checkbox'ları gizliyor (opacity:0), formlarımızda görünür olsun */
.komurcu-form .kvkk { cursor: pointer; font-weight: 400; color: var(--color-body); }
.komurcu-form .kvkk input[type=checkbox] {
    opacity: 1; position: relative; flex: 0 0 18px; width: 18px; height: 18px; margin: 3px 0 0;
    accent-color: var(--color-primary); cursor: pointer;
}

/* Telefon: kategori kutuları ve ürün kartları 2 sütun, sıkı yerleşim */
@media (max-width: 575px) {
    .kategori-kutu .icerik { padding: 12px 12px 14px; }
    .kategori-kutu h3 { font-size: 16px; line-height: 1.3; margin-bottom: 0; }
    .kategori-kutu .adet { font-size: 12px; }
    .urun-karti .gorsel { padding: 6px; }
    .urun-karti .icerik { padding: 12px 12px 14px; gap: 4px; }
    .urun-karti .grup { font-size: 11px; letter-spacing: .5px; }
    .urun-karti .baslik { font-size: 16px; }
    .urun-karti .alt { gap: 10px; }
    .urun-karti .alt a { font-size: 13px; }
}

/* Mobil menü dil seçimi */
.mobil-dil { display: flex; align-items: center; gap: 10px; margin: 24px 0 6px; font-size: 15px; }
.mobil-dil a { color: var(--color-heading-1); font-weight: 600; }
.mobil-dil a:hover { color: var(--color-primary); }
.mobil-dil span { color: var(--color-border); }

/* Telefonda WhatsApp düğmesi alt telif satırını örtmesin */
@media (max-width: 575px) { .tmp-footer-area { padding-bottom: 70px; } }

/* Telefonda kategori filtresi tek satır, yatay kaydırmalı */
@media (max-width: 767px) {
    .kategori-filtre { position: relative; flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; gap: 8px; margin: 0 -15px 30px; padding: 0 15px 6px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
    .kategori-filtre::-webkit-scrollbar { display: none; }
    .kategori-filtre a { flex: 0 0 auto; white-space: nowrap; padding: 8px 16px; font-size: 14px; }
}

/* Telefonda sayfa yolu (breadcrumb) satırlara düzgün kırılsın */
@media (max-width: 767px) {
    .komurcu-breadcrumb .meta { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 4px 10px; }
    .komurcu-breadcrumb .meta a, .komurcu-breadcrumb .meta span { white-space: nowrap; margin: 0; }
}

/* Tarihçe (Tarihce.aspx) */
.tarihce-baslik { margin-bottom: 34px; }
.tarihce-baslik .sub-title { margin-left: auto; margin-right: auto; }
.tarihce-yillar { position: sticky; top: 90px; z-index: 5; display: flex; justify-content: center; gap: 10px; padding: 12px 0; margin-bottom: 20px; background: #fff; overflow-x: auto; scrollbar-width: none; }
.tarihce-yillar::-webkit-scrollbar { display: none; }
.tarihce-yillar a { flex: 0 0 auto; padding: 8px 20px; border: 1px solid var(--color-border); border-radius: 30px; font-weight: 600; color: var(--color-heading, #2C2421); background: #fff; transition: all .25s ease; }
.tarihce-yillar a:hover, .tarihce-yillar a.aktif { background: var(--color-primary); border-color: var(--color-primary); color: #fff; }
.tarihce-cizelge { position: relative; padding: 30px 0 10px; }
.tarihce-cizelge::before { content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; margin-left: -1px; background: var(--primary-200); }
.tarihce-olay { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center; margin-bottom: 70px; scroll-margin-top: 170px; }
.tarihce-olay:last-child { margin-bottom: 0; }
.tarihce-olay:nth-child(even) .tarihce-gorsel { order: 2; }
.tarihce-olay:nth-child(even) .tarihce-metin { text-align: right; }
.tarihce-nokta { position: absolute; left: 50%; top: 50%; width: 20px; height: 20px; margin: -10px 0 0 -10px; border-radius: 50%; background: var(--color-primary); border: 4px solid #fff; box-shadow: 0 0 0 4px var(--primary-200); z-index: 1; }
.tarihce-gorsel img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 16px; box-shadow: 0 14px 40px rgba(44, 36, 33, .14); }
.tarihce-yil { display: block; font-size: 60px; line-height: 1; font-weight: 800; color: var(--color-primary); letter-spacing: -1px; }
.tarihce-metin h3 { font-size: 26px; margin: 14px 0 12px; }
.tarihce-metin p { margin: 0; font-size: 17px; line-height: 1.7; }
.tarihce-son { margin-top: 70px; }
.tarihce-bos { padding: 40px 0; font-size: 18px; }
.tarihce-animasyon .tarihce-olay { opacity: 0; transform: translateY(40px); transition: opacity .7s ease, transform .7s ease; }
.tarihce-animasyon .tarihce-olay.gorundu { opacity: 1; transform: none; }
@media (max-width: 991px) {
    .tarihce-yillar { justify-content: flex-start; top: 70px; }
    .tarihce-cizelge::before { left: 11px; }
    .tarihce-olay { grid-template-columns: 1fr; gap: 18px; padding-left: 44px; margin-bottom: 50px; }
    .tarihce-olay:nth-child(even) .tarihce-gorsel { order: 0; }
    .tarihce-olay:nth-child(even) .tarihce-metin { text-align: left; }
    .tarihce-nokta { left: 11px; top: 0; margin-top: 0; }
    .tarihce-yil { font-size: 42px; }
    .tarihce-metin h3 { font-size: 22px; margin: 10px 0 8px; }
    .tarihce-metin p { font-size: 16px; }
}

/* Ürün detay: 360° görünüm (sayfada ve lightbox'ta) */
.u360-sahne { border: 1px solid var(--color-border); border-radius: 14px; background: #fff; overflow: hidden; cursor: grab; touch-action: pan-y; user-select: none; -webkit-user-select: none; outline: none; }
.u360-sahne[hidden] { display: none; }
.u360-sahne.surukleniyor { cursor: grabbing; }
.u360-sahne:focus-visible { border-color: var(--color-primary); }
.u360-sahne img { width: 100%; height: 100%; object-fit: contain; pointer-events: none; }
.u360-ipucu { position: absolute; left: 50%; bottom: 18px; transform: translateX(-50%); padding: 8px 16px; border-radius: 30px; background: rgba(44, 36, 33, .78); color: #fff; font-size: 14px; white-space: nowrap; pointer-events: none; transition: opacity .4s ease; }
.u360-ipucu i { margin-right: 6px; color: var(--color-primary); }
.u360-sahne.kullanildi .u360-ipucu { opacity: 0; }
.u360-yukleniyor { position: absolute; right: 14px; top: 12px; font-size: 13px; font-weight: 600; color: var(--color-primary); pointer-events: none; }
.ana-gorsel-kutu .u360-sahne { position: absolute; inset: 0; z-index: 3; cursor: zoom-in; }
.ana-gorsel-kutu .u360-sahne.surukleniyor { cursor: grabbing; }
.ana-gorsel-kutu .u360-sahne .buyutec { position: absolute; right: 14px; bottom: 14px; width: 42px; height: 42px; border-radius: 50%; background: rgba(44, 36, 33, .75); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 16px; pointer-events: none; }
.ana-gorsel-kutu .u360-sahne:hover .buyutec { background: var(--color-primary); }
.u360-popup { position: relative; margin: 0 auto; width: min(92vw, calc(86vh * .75)); aspect-ratio: 3 / 4; }
.u360-popup .u360-sahne { position: absolute; inset: 0; border: 0; border-radius: 12px; }
.u360-popup .mfp-close { color: #2C2421; opacity: .8; z-index: 2; }
.u360-mfp.mfp-bg { opacity: .92; }
@media (max-width: 575px) { .u360-ipucu { font-size: 13px; bottom: 12px; } .ana-gorsel-kutu .u360-sahne .buyutec { width: 36px; height: 36px; font-size: 14px; } }
.urun-detay-galeri .u360-acik .gorsel-ok { display: none; }
.urun-detay-galeri .kucukler a.u360 { position: relative; }
.urun-detay-galeri .kucukler a.u360 img { width: 100%; height: 100%; object-fit: contain; }
.urun-detay-galeri .u360-rozet { position: absolute; left: 50%; bottom: 6px; transform: translateX(-50%); padding: 2px 8px; border-radius: 20px; background: var(--color-primary); color: #fff; font-size: 12px; font-weight: 700; line-height: 18px; }