:root {
  --krem: #f4ede3;
  --kagit: #fbf7f1;
  --murekkep: #2a1c16;
  --soluk: #7a6a5c;
  --bordo: #123a78;
  --altin: #b8965a;
  --cizgi: rgba(42, 28, 22, 0.08);
  --genislik: 1480px;
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--krem); color: var(--murekkep); font-family: Outfit, sans-serif; }
img, video { max-width: 100%; display: block; }
a { color: inherit; }
.sarmal { width: min(100% - 32px, var(--genislik)); margin: 0 auto; }
.satir { display: flex; align-items: center; gap: 18px; }
.ust { position: sticky; top: 0; z-index: 20; background: rgba(251, 247, 242, 0.96); border-bottom: 1px solid var(--cizgi); }
.ust-iletisim { min-height: 44px; color: var(--soluk); font-size: 14px; }
.ust-iletisim .satir, .ust-ana .satir { min-height: 48px; justify-content: space-between; }
.slogan { margin: 0; }
.sag { display: flex; gap: 12px; align-items: center; margin-left: auto; }
.dil { display: inline-flex; align-items: center; gap: 6px; text-decoration: none; font-size: 13px; letter-spacing: 0; }
.bayrak { width: 20px; height: 14px; border-radius: 2px; box-shadow: 0 0 0 1px rgba(0,0,0,.12); display: block; }
.dil-aktif { color: var(--bordo); font-weight: 600; }
.logo { display: flex; align-items: baseline; gap: 8px; text-decoration: none; flex: 0 0 auto; }
.logo span, .logo { font-family: "Cormorant Garamond", serif; font-style: italic; font-size: 42px; }
.logo small { font-family: Outfit, sans-serif; font-style: normal; font-size: 13px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--soluk); }
.logo img { height: var(--logo-h, 64px) !important; width: auto !important; max-width: none !important; object-fit: contain; }
.menu { display: flex; flex-wrap: wrap; gap: 8px 16px; min-width: 0; flex: 1; }
.ust-ana .satir { flex-wrap: wrap; }
.katalog-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.kart { background: #fbf7f1; border: 1px solid var(--cizgi); text-decoration: none; display: block; }
.kart img { width: 100%; aspect-ratio: 1; object-fit: cover; }
.kart div, .kart p { padding: 0 16px; }
.kart h3 { font-family: "Cormorant Garamond", serif; font-style: italic; font-size: 28px; margin: 8px 16px; }
.menu a { text-decoration: none; font-size: 16px; }
.ara { display: flex; width: 220px; background: var(--krem); }
.ara input { border: 0; background: transparent; height: 44px; padding: 0 12px; width: 100%; }
.ara button { width: 44px; color: #2a1c16; display: grid; place-items: center; }
.sepet-link { position: relative; text-decoration: none; min-width: 48px; }
.sepet-link b { position: absolute; top: -8px; right: -10px; background: var(--bordo); color: white; border-radius: 99px; font-size: 11px; padding: 1px 5px; }
.menu-ac { display: none; }
.ust-kategori { border-top: 1px solid var(--cizgi); }
.ust-kategori .sarmal { display: flex; flex-wrap: wrap; gap: 4px 8px; padding: 8px 0; }
.ust-kategori a { text-decoration: none; padding: 6px 10px; font-size: 15px; }
.slider { position: relative; min-height: 72vh; overflow: hidden; background: #f4f1ec; }
.slayt { display: none; min-height: 72vh; position: relative; animation: belir 0.6s ease; }
.slayt.aktif { display: block; }
.slayt img, .slayt video { position: relative; z-index: 0; width: 100%; height: 72vh; object-fit: cover; display: block; }
.slayt-video { z-index: 1; }
.slayt-karartma { z-index: 2; pointer-events: none; }
@keyframes belir { from { opacity: 0; } to { opacity: 1; } }
.urun img { width: 100%; aspect-ratio: 1; object-fit: cover; background: #efe6da; }
.fiyat-liste { margin: 22px 0; border-top: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); }
.fiyat-liste div { display: flex; justify-content: space-between; padding: 10px 0; font-size: 15px; }
.fiyat-liste .kalin { font-weight: 600; }
.fiyat-liste .kalin dd { color: var(--bordo); }
.kucuk-baslik { letter-spacing: .16em; text-transform: uppercase; font-size: 12px; color: var(--soluk); margin: 18px 0 8px; }
.adet-izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.adet-izgara button, .iki button, select[data-adet] { border: 1px solid var(--cizgi); background: #fff; text-align: left; padding: 10px 12px; cursor: pointer; }
.adet-izgara button.secili, .iki button.secili { background: #2a1c16; color: #fff; border-color: #2a1c16; }
.adet-izgara small { display: block; opacity: .7; font-size: 11px; letter-spacing: .12em; }
.iki { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 12px; }
.iki button, select[data-adet] { height: 48px; width: 100%; }
.urun .eylem .btn { background: #fff; color: #7a3040; border: 1px solid #7a3040; }
.bilgi { position: relative; }
.bilgi > a { cursor: pointer; }
.bilgi div { display: none; position: absolute; top: 100%; left: 0; min-width: 240px; background: #fff; border: 1px solid #eadfd4; box-shadow: 0 10px 24px rgba(0,0,0,.08); z-index: 5; }
.bilgi:hover div, .bilgi:focus-within div { display: block; }
.bilgi div a { display: block; padding: 12px 16px; color: #2a1c16; text-decoration: none; }
.bilgi div a:hover { background: #f7f1ea; }
.btn-koyu { background: #2a1c16; }
.gorsel-yok { aspect-ratio: 1; display: grid; place-items: center; background: #efe6da; color: var(--soluk); }
.aciklama { color: var(--soluk); line-height: 1.6; }
@media (max-width: 700px) { .adet-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.katalog-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.kart img, .koleksiyon img { width: 100%; aspect-ratio: 4/5; object-fit: cover; background: #efe6da; }
.slayt img, .slayt video { width: 100%; height: 72vh; object-fit: cover; display: block; }
.slayt{position:relative;min-height:72vh;background:#111}
.slayt-kapak{position:relative;z-index:0}
.slayt-video{position:absolute !important;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;background:transparent;opacity:0}
.slayt-video.oynuyor{opacity:1}
.orta{display:flex;justify-content:center;margin:28px 0 0}
.blog-anasayfa h2, .blog-anasayfa .marka { text-align: center; }
.blog-yatay { max-width: 860px; margin: 28px auto 0; }
.blog-yatay .blog-kart { display: grid; grid-template-columns: 280px 1fr; }
.menu .bilgi{position:relative}
.menu .bilgi>div{display:none;position:absolute;top:100%;left:0;min-width:230px;background:#fff;border:1px solid #e2e6ec;box-shadow:0 12px 30px rgba(11,35,72,.12);padding:8px;z-index:20}
.menu .bilgi:hover>div,.menu .bilgi:focus-within>div{display:grid}
.menu .bilgi>div a{display:block;padding:8px 10px}
.teklif-ust{min-height:38px;padding:0 14px}
.hizmet-izgara{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:22px}
.hizmet-kart{background:#fff;border:1px solid #e2e6ec;border-radius:14px;padding:18px}
.referans-serit{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:18px}
.referans-serit span{background:#fff;border:1px solid #e2e6ec;border-radius:12px;padding:12px 16px;min-width:140px;height:84px;display:grid;place-items:center}
.referans-serit img{max-width:140px;max-height:56px;object-fit:contain}
@media(max-width:800px){.hizmet-izgara{grid-template-columns:1fr 1fr}.sepet-link{display:none}}
@media(max-width:560px){.hizmet-izgara{grid-template-columns:1fr}}
@media (max-width: 700px) { .blog-yatay .blog-kart { grid-template-columns: 1fr; } }
.slayt-karartma { position: absolute; inset: 0; background: #000; opacity: .25; z-index: 2; pointer-events: none; }
.slayt-yazi { position: absolute; left: 7vw; bottom: 8vh; color: #fbf7f1; max-width: 720px; z-index: 3; }
.slayt-yazi.hiza-orta { left: 50%; transform: translateX(-50%); text-align: center; }
.slayt-yazi.hiza-sag { left: auto; right: 7vw; text-align: right; }
.slayt-yazi h1 { font-family: "Cormorant Garamond", serif; font-style: italic; font-size: clamp(40px, 6vw, 76px); line-height: 0.95; margin: 0; }
.ok { position: absolute; top: 50%; width: 48px; height: 48px; border-radius: 50%; background: rgba(251,247,242,.9); font-size: 28px; }
.ok.sol { left: 16px; } .ok.sag { right: 16px; }
.noktalar { position: absolute; left: 7vw; bottom: 24px; display: flex; gap: 8px; }
.noktalar button { width: 32px; height: 8px; border: 0; background: rgba(251,247,242,.4); }
.noktalar button.aktif { background: var(--altin); }
.bolum { width: min(100% - 32px, var(--genislik)); margin: 0 auto; padding: 64px 0; }
.sayfa-banner{position:relative;height:var(--banner-h,240px);overflow:hidden;background:var(--banner-zemin,#123a78)}
.sayfa-banner img{width:100%;height:100%;object-fit:cover;display:block}
.sayfa-banner .katman{position:absolute;inset:0}
.sayfa-banner.duz .katman{background:var(--banner-renk,#0b2348);opacity:var(--banner-op,.35)}
.sayfa-banner.gecis .katman{background:linear-gradient(90deg,var(--banner-renk,#0b2348) 0%,transparent 72%);opacity:1}
.sayfa-banner h1{position:absolute;inset:0;margin:0;display:flex;align-items:center;justify-content:var(--banner-hiza,center);padding:0 6vw;color:#fff;font-size:clamp(26px,4vw,52px);text-shadow:0 2px 14px rgba(0,0,0,.4);text-align:center}
@media(max-width:700px){.sayfa-banner{height:calc(var(--banner-h,240px)*.62)}.sayfa-banner h1{padding:0 20px;font-size:28px}}
.banner-liste{display:grid;gap:12px}
.banner-liste article{display:grid;gap:6px;padding:12px;border:1px solid #ece7e1;border-radius:12px;background:#fff}
.banner-liste img{height:64px;width:140px;object-fit:cover;border-radius:8px}
.ekatalog{max-width:none;width:min(100% - 24px,1400px)}
.ek-sahne{position:relative;background:#efeae4;border-radius:16px;min-height:620px;display:flex;align-items:center;justify-content:center;padding:18px 72px;overflow:auto;margin-top:16px}
.ek-kitap{position:relative;display:flex;margin:0 auto;background:#fff;box-shadow:0 18px 46px rgba(0,0,0,.18);perspective:1800px;transform-origin:center center}
.ek-kitap[hidden]{display:none !important}
.ek-yaprak{flex:1;overflow:hidden;background:#fff}
.ek-yaprak canvas,.ek-cevir canvas{width:100%;height:100%;object-fit:contain;display:block;background:#fff}
.ek-cevir{position:absolute;top:0;height:100%;transform-style:preserve-3d;z-index:3;transition:transform .72s ease}
.ek-cevir.ileri{right:0;transform-origin:left center}
.ek-cevir.geri{left:0;transform-origin:right center}
.ek-cevir .on,.ek-cevir .arka{position:absolute;inset:0;backface-visibility:hidden;background:#fff;overflow:hidden}
.ek-cevir .arka{transform:rotateY(180deg)}
.ek-cevir.ileri.don{transform:rotateY(-178deg)}
.ek-cevir.geri.don{transform:rotateY(178deg)}
.ekatalog.mod-pdf .ek-kitap,.ekatalog.mod-pdf .ek-yan{display:none !important}
.ekatalog.mod-pdf .ek-pdf{display:block !important}
.ekatalog:fullscreen{background:#111;display:flex;flex-direction:column;padding:12px}
.ekatalog:fullscreen .ek-sahne{flex:1;min-height:0;background:#1c1c1c;margin:8px 0}
.ek-ust{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.ek-imza-ust{display:none;color:#7a6a60}
.ekatalog:fullscreen .ek-imza-ust{display:inline}
.ekatalog:fullscreen .ek-ust h1,.ekatalog:fullscreen .ek-imza,.ekatalog:fullscreen .ek-imza-ust{color:#fff}
.ek-mod{display:flex;gap:8px;flex-wrap:wrap}
.ek-mod button,.ek-alt button,.ek-alt a{border:1px solid #d9cfc4;background:#fff;border-radius:8px;padding:8px 12px;cursor:pointer;color:#2a1c16;text-decoration:none}
.ek-mod button.aktif{background:#123a78;color:#fff;border-color:#123a78}
.ek-sahne{position:relative;background:#efeae4;border-radius:16px;min-height:560px;display:flex;align-items:center;justify-content:center;padding:18px 70px;overflow:auto}
.ek-yan{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:78px;border:0;border-radius:12px;background:rgba(255,255,255,.92);font-size:30px;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.12);z-index:4}
.ek-yan.sol{left:12px}.ek-yan.sag{right:12px}
.ek-kitap{position:relative;display:flex;margin:0 auto;background:#fff;box-shadow:0 16px 40px rgba(0,0,0,.16);perspective:1800px;transform-origin:center center}
.ek-yaprak{flex:1;overflow:hidden;background:#fff}
.ek-yaprak canvas,.ek-cevir canvas{width:100%;height:100%;object-fit:contain;display:block;background:#fff}
.ek-cevir{position:absolute;top:0;height:100%;transform-style:preserve-3d;z-index:3;transition:transform .78s ease}
.ek-cevir.ileri{right:0;transform-origin:left center}
.ek-cevir.geri{left:0;transform-origin:right center}
.ek-cevir .on,.ek-cevir .arka{position:absolute;inset:0;backface-visibility:hidden;background:#fff;overflow:hidden}
.ek-cevir .arka{transform:rotateY(180deg)}
.ek-cevir.ileri.don{transform:rotateY(-178deg)}
.ek-cevir.geri.don{transform:rotateY(178deg)}
.ek-alt{margin-top:12px;display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;background:#2c2c2c;color:#fff;border-radius:12px;padding:10px}
.ek-alt button,.ek-alt a{background:#3a3a3a;color:#fff;border-color:#555}
.ek-sayfa-git{display:flex;align-items:center;gap:6px;background:#fff;color:#222;border-radius:8px;padding:4px 8px}
.ek-sayfa-git input{width:52px;border:0;text-align:center;font-size:16px}
.ek-pdf{display:none;width:100%;height:72vh;border:0;border-radius:12px;background:#fff}
.ekatalog.mod-pdf .ek-kitap,.ekatalog.mod-pdf .ek-yan,.ekatalog.mod-pdf .ek-alt{display:none !important}
.ekatalog.mod-pdf .ek-pdf{display:block}
.ek-imza{text-align:center;color:#7a6a60;font-size:13px}
.ekatalog:fullscreen{width:100%;max-width:none;height:100%;background:#161616;padding:12px;display:flex;flex-direction:column;box-sizing:border-box}
.ekatalog:fullscreen .ek-sahne{flex:1;min-height:0;background:#1c1c1c}
.ek-ust,.ek-arac{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.ek-mod{display:flex;gap:8px}
.ek-mod button,.ek-arac button{border:1px solid #d9cfc4;background:#fff;border-radius:8px;padding:8px 12px;cursor:pointer}
.ek-mod button.aktif{background:#123a78;color:#fff;border-color:#123a78}
.ek-sahne{margin-top:16px;background:#efeae4;border-radius:16px;min-height:560px;display:flex;align-items:center;justify-content:center;padding:16px;overflow:hidden}
.ek-kitap{position:relative;display:flex;margin:0 auto;background:#fff;box-shadow:0 12px 40px rgba(0,0,0,.18);perspective:1600px}
.ek-yaprak{flex:1;overflow:hidden;background:#fff}
.ek-yaprak canvas,.ek-cevir canvas{width:100%;height:100%;object-fit:contain;display:block;background:#fff}
.ek-cevir{position:absolute;top:0;overflow:hidden;transform-style:preserve-3d;background:#fff;z-index:3;transition:transform .7s ease}
.ek-cevir.ileri{right:0;transform-origin:left center}
.ek-cevir.geri{left:0;transform-origin:right center}
.ek-cevir.ileri.don{transform:rotateY(-180deg)}
.ek-cevir.geri.don{transform:rotateY(180deg)}
.ek-cevir .arka{position:absolute;inset:0;transform:rotateY(180deg);backface-visibility:hidden;background:#fff}
.ekatalog:fullscreen .ek-sahne{flex:1 1 auto;min-height:0;background:#1c1c1c;border-radius:12px;margin:8px 0;display:flex;align-items:center;justify-content:center}
.ekatalog:fullscreen .ek-kitap{max-width:calc(100% - 24px);max-height:calc(100% - 16px)}
.ek-pdf{width:100%;height:78vh;border:0;border-radius:12px;background:#fff}
.ek-imza{text-align:center;color:#7a6a60;font-size:13px}
.ek-imza a{color:#123a78}
.ekatalog:fullscreen{max-width:none;width:100%;height:100%;background:#161616;padding:10px 16px 8px;display:flex;flex-direction:column;box-sizing:border-box}
.ekatalog:fullscreen .ek-sahne{flex:1 1 auto;min-height:0;background:#1c1c1c;border-radius:12px;margin:8px 0;display:flex;align-items:center;justify-content:center;position:relative}
.ekatalog:fullscreen .ek-kitap,.ekatalog:fullscreen .stf__parent{position:relative !important;max-width:100%;max-height:100%}
.ekatalog:fullscreen .ek-ust h1,.ekatalog:fullscreen .ek-arac,.ekatalog:fullscreen .ek-imza{color:#fff}
.ekatalog:fullscreen .ek-mod button,.ekatalog:fullscreen .ek-arac button{background:#222;color:#fff;border-color:#444}
.bolum h1, .bolum h2 { font-family: "Cormorant Garamond", serif; font-style: italic; font-size: 44px; margin: 8px 0 20px; }
.marka { color: var(--bordo); letter-spacing: 0.22em; text-transform: uppercase; font-size: 12px; }
.katalog-izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
.kart, .koleksiyon { text-decoration: none; display: block; }
.kart img, .koleksiyon img { width: 100%; aspect-ratio: 1; object-fit: cover; background: #efe6da; }
.kart { padding-bottom: 18px; }
.kart strong { display: block; margin: 14px 16px 6px; font-size: 20px; line-height: 1.3; }
.kart em { display: block; margin: 0 16px; font-style: normal; font-size: 16px; }
.kart em small, .baski-not { color: var(--soluk); font-size: 14px; }
.baski-not { display: block; margin: 6px 16px 0; }
.kart-kod { display: block; margin: 14px 16px 0; letter-spacing: .04em; }
.fiyat-liste div { padding: 14px 0; }
.not { margin-top: 18px; line-height: 1.7; color: var(--soluk); }
.kart em { color: var(--soluk); font-style: normal; }
.koleksiyon { position: relative; min-height: 280px; overflow: hidden; color: white; }
.koleksiyon span { position: absolute; left: 16px; bottom: 16px; font-family: "Cormorant Garamond", serif; font-style: italic; font-size: 28px; }
.btn { display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; background: var(--bordo); color: white; text-decoration: none; border: 0; cursor: pointer; }
.btn-soluk { background: transparent; color: var(--murekkep); border: 1px solid var(--cizgi); }
.urun { width: min(100% - 32px, var(--genislik)); margin: 32px auto; display: grid; grid-template-columns: 1.1fr .9fr; gap: 40px; }
.form { display: grid; gap: 12px; margin-top: 16px; }
.form input, .form textarea { width: 100%; border: 1px solid var(--cizgi); background: white; padding: 12px; }
.alt { display: flex; justify-content: space-between; gap: 20px; width: min(100% - 32px, var(--genislik)); margin: 0 auto; padding: 32px 0 48px; color: var(--soluk); }
.wa { position: fixed; right: 16px; bottom: 16px; background: #128c7e; color: white; text-decoration: none; border-radius: 999px; padding: 12px 16px; }
.hata { color: var(--bordo); }
@media (max-width: 900px) {
  .katalog-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .urun { grid-template-columns: 1fr; }
  .ara { display: none; }
  .menu-ac { display: inline-flex; }
  .menu { display: none; width: 100%; }
  .menu.acik { display: grid; }
  .ust-ana .satir { flex-wrap: wrap; }
}
@media (max-width: 700px) {
  .slogan { display: none; }
  .katalog-izgara { grid-template-columns: 1fr; }
  .slayt-yazi h1 { font-size: 40px; }
}

/* ---- 2.4: üst alan, slider, başlıklar ---- */
.ust-ana .satir{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center}
.ust-ana .logo{justify-self:start}
.ust-ana .menu{flex:none;justify-content:center;flex-wrap:nowrap;gap:8px 28px;white-space:nowrap}
.araclar{justify-self:end;display:flex;align-items:center;gap:16px}
.sepet-link{display:inline-flex;align-items:center;gap:8px;min-width:0;padding:6px 4px}
.sepet-link b{position:absolute;top:-4px;left:14px;right:auto;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;line-height:1}
.slider .ok.sag{margin:-24px 0 0;display:grid;gap:0;align-items:center}
.ok{display:grid;place-items:center;padding:0 0 4px;line-height:1;margin-top:-24px;width:48px;height:48px;top:50%}
.ok.sol{left:16px;right:auto}.ok.sag{right:16px;left:auto}
.slayt-yazi h1{font-weight:400;-webkit-text-stroke:0;text-shadow:none}
.bolum h2,.bolum>.marka{text-align:center}
.koleksiyon img,.kart img{transition:transform .6s ease}
.koleksiyon:hover img,.kart:hover img{transform:scale(1.04)}
.koleksiyon,.kart{overflow:hidden}
@media(max-width:1100px){.ust-ana .menu{gap:8px 16px}}
@media(max-width:900px){
  .ust-ana .satir{display:flex;flex-wrap:wrap;gap:12px}
  .ust-ana .menu{flex:1 1 100%;order:3;justify-content:flex-start;white-space:normal;flex-wrap:wrap}
  .araclar{margin-left:auto}
  .sepet-link span{display:none}
}

/* ---- 2.6: ürün galerisi (Etsy düzeni) ---- */
.galeri{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;align-items:start}
.galeri:not(:has(.galeri-kucuk)){grid-template-columns:minmax(0,1fr)}
.galeri-kucuk{display:flex;flex-direction:column;gap:10px;max-height:min(80vh,820px);overflow-y:auto;scrollbar-width:thin}
.galeri-kucuk button{flex:none;width:84px;height:84px;padding:0;border:2px solid transparent;border-radius:6px;background:#efe6da;cursor:pointer;overflow:hidden;opacity:.75}
.galeri-kucuk button.secili{border-color:var(--murekkep);opacity:1}
.galeri-kucuk img{width:100%;height:100%;object-fit:cover}
.galeri-ana{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#efe6da}
.galeri-ana>img{width:100%;height:100%;object-fit:cover}
.g-ok{position:absolute;top:50%;width:44px;height:44px;margin-top:-22px;border:0;border-radius:50%;background:#fff;color:var(--murekkep);box-shadow:0 2px 8px rgba(0,0,0,.2);display:grid;place-items:center;padding:0 0 4px;font-size:28px;line-height:1;cursor:pointer}
.g-sol{left:12px}.g-sag{right:12px}
.buyutec{position:fixed;inset:0;z-index:100;background:rgba(20,12,10,.92);display:grid;place-items:center;padding:24px}
.buyutec img{max-width:min(94vw,1400px);max-height:90vh;object-fit:contain}
.b-kapat{position:absolute;top:14px;right:18px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;font-size:28px;line-height:1;cursor:pointer}
@media(max-width:900px){.galeri{grid-template-columns:1fr}.galeri-kucuk{order:2;flex-direction:row;max-height:none;overflow-x:auto;overflow-y:hidden}.galeri-kucuk button{width:68px;height:68px}}

/* ---- 2.7: footer (açık, resimli) ve koleksiyon ---- */
.ayni-koleksiyon h2{text-align:center;margin:0 0 28px}
.ayni-koleksiyon .k-oge[hidden]{display:none}
.ayni-koleksiyon .daha{text-align:center;margin:28px 0 0}
.alt{display:block;width:100%;margin:72px 0 0;padding:64px 0 0;background:#fbf7f2;color:#4a3a3e;border-top:1px solid #eadfd6}
.alt-izgara,.alt-taban{width:min(100% - 48px,var(--genislik));margin:0 auto}
.alt-izgara{display:flex;flex-wrap:wrap;gap:44px 72px;padding-bottom:44px}
.alt-marka{flex:1.5 1 300px;min-width:0}
.alt-sutun{flex:1 1 180px;min-width:0}
.alt-marka img{max-height:64px;width:auto;max-width:100%;margin-bottom:16px;display:block}
.alt-marka strong{display:block;font-size:26px;color:#4a0f20;margin-bottom:12px}
.alt-marka p{margin:0 0 20px;line-height:1.8;max-width:42ch;color:#6b5a5e}
.alt-sosyal span{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#9a8a8e;margin-bottom:10px}
.alt-sosyal div{display:flex;flex-wrap:wrap;gap:10px}
.alt-ikon{display:inline-grid;place-items:center;min-width:40px;height:40px;padding:0;border:1px solid #d9c9c2;border-radius:50%;color:#7a1a33;background:#fff;transition:.2s}
.alt-ikon-yazi{padding:0 16px;border-radius:99px;font-size:14px}
.alt a.alt-ikon:hover{background:#7a1a33;color:#fff;border-color:#7a1a33;text-decoration:none}
.alt-sutun h3{margin:0 0 20px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#7a1a33}
.alt-sutun ul,.alt-yasal{list-style:none;margin:0;padding:0}
.alt-sutun li{margin:0 0 12px;line-height:1.6;color:#6b5a5e}
.alt a{color:inherit;text-decoration:none}.alt a:hover{color:#7a1a33;text-decoration:underline}
.alt-taban{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 32px;padding:20px 0 24px;border-top:1px solid #eadfd6;font-size:14px;color:#8a7a7e}
.alt-yasal{display:flex;flex-wrap:wrap;gap:8px 24px}
.alt-resim{line-height:0;margin-top:8px}
.alt-resim img{display:block;width:100%;height:auto;max-height:360px;object-fit:cover;object-position:center bottom}
@media(max-width:700px){.alt{padding-top:44px}.alt-izgara{gap:32px}.alt-taban{flex-direction:column}}

/* ---- 2.7: ürün videosu ---- */
.urun-sol{min-width:0}
.urun-video{margin-top:16px;aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden}
.urun-video video{width:100%;height:100%;object-fit:contain;display:block}
.urun-video-link{margin-top:14px}

/* ---- 3.1: blog ve galeri ---- */
.blog-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:28px;margin-top:28px}
.blog-kart{display:flex;flex-direction:column;background:#fff;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 2px 14px rgba(60,30,20,.07);transition:transform .25s,box-shadow .25s}
.blog-kart:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(60,30,20,.12)}
.blog-gorsel{display:block;aspect-ratio:16/10;overflow:hidden;background:#efe6da}
.blog-gorsel img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.blog-kart:hover .blog-gorsel img{transform:scale(1.04)}
.blog-gorsel.bos{display:grid;place-items:center;color:#b9a99a;font:italic 34px "Cormorant Garamond",serif}
.blog-ic{display:flex;flex-direction:column;gap:8px;padding:20px 22px 24px}
.blog-ic em{font-style:normal;font-size:13px;color:var(--soluk);letter-spacing:.04em}
.blog-ic strong{font-size:19px;line-height:1.35}.blog-ic span{color:#6b5a5e;line-height:1.6;font-size:15px}
.blog-ic b{color:#7a1a33;font-weight:500;font-size:14px;margin-top:4px}
.sayfalama{display:flex;justify-content:center;gap:8px;margin-top:36px}
.sayfalama a,.sayfalama b{min-width:40px;height:40px;display:grid;place-items:center;border-radius:99px;border:1px solid #e0d3c6;text-decoration:none;color:inherit}.sayfalama b{background:#7a1a33;border-color:#7a1a33;color:#fff}
.blog-yazi h1{text-align:center;margin-bottom:8px}.blog-tarih{text-align:center;color:var(--soluk);margin:0 0 24px}
.blog-kapak{width:100%;max-height:520px;object-fit:cover;border-radius:12px;margin-bottom:28px}
.yazi img{max-width:100%;height:auto;border-radius:8px}
.sayfa-gorsel{text-align:center;margin:22px 0}
.sayfa-gorsel img{display:inline-block;width:auto;max-width:100%;border-radius:8px}
.sayfa-gorsel.kucuk img{max-width:280px}
.sayfa-gorsel.orta img{max-width:480px}
.sayfa-gorsel.buyuk img{width:100%;max-width:920px}
.sayfa-gorsel.a4 img{max-width:420px}
.sayfa-gorsel.a4-yatay img{max-width:760px}
.yazi blockquote{margin:1.4em 0;padding:.4em 1.2em;border-left:4px solid #7a1a33;background:#faf5ef;color:#4a3a3e}
.yazi table{border-collapse:collapse;width:100%;margin:1.2em 0}.yazi td,.yazi th{border:1px solid #e0d3c6;padding:10px 12px}
.yazi iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:8px}
.yazi a{color:#7a1a33}
.gal-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:28px}
.gal-oge{position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:10px;background:#efe6da;cursor:zoom-in}
.gal-oge img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.gal-oge:hover img{transform:scale(1.05)}
.gal-oge span{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 12px;background:linear-gradient(0deg,rgba(20,8,10,.7),transparent);color:#fff;font-size:14px}
.gal-oge[hidden]{display:none}
.vid-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:28px}
.vid-oge{border:0;background:none;padding:0;text-align:left;cursor:pointer;font:inherit;color:inherit}
.vid-kapak{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#2a1a1e}
.vid-kapak img{width:100%;height:100%;object-fit:cover;opacity:.92}
.vid-kapak i{position:absolute;inset:0;margin:auto;width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.92);color:#7a1a33;display:grid;place-items:center;font-style:normal;font-size:24px;padding-left:5px;box-shadow:0 6px 20px rgba(0,0,0,.3);transition:transform .2s}
.vid-oge:hover .vid-kapak i{transform:scale(1.08)}.vid-oge strong{display:block;margin-top:12px;font-weight:500}
.vid-oynatici{width:min(94vw,1100px);aspect-ratio:16/9;max-height:84vh;background:#000;border:0;border-radius:8px}
.harita{margin:24px 0;border-radius:12px;overflow:hidden;background:#efe6da}.harita iframe{width:100%;height:380px;border:0;display:block}

.alt{background:var(--alt-zemin,#fbf7f2);color:var(--alt-yazi,#4a3a3e);border-top:1px solid var(--alt-cizgi,#eadfd6)}
.alt h3,.alt strong{color:var(--alt-baslik,#7a1a33)}
.alt a{color:var(--alt-yazi,#4a3a3e)}
.alt a:hover{color:var(--alt-vurgu,#7a1a33)}
.alt a.alt-ikon:hover{background:var(--alt-vurgu,#7a1a33);color:var(--alt-zemin,#fff);border-color:var(--alt-vurgu,#7a1a33)}
.alt-resim{position:relative;margin-top:0;background:var(--alt-zemin,#fbf7f2)}
.alt-resim::before{content:"";position:absolute;left:0;right:0;top:-1px;height:var(--alt-gecis,0%);background:linear-gradient(180deg,var(--alt-zemin,#fbf7f2) 0%,transparent 100%);z-index:1;pointer-events:none}