/* dinamo teması. Renkler renk.css'te. */
:root {
	--dn-ana: #32c36c;
	--dn-ana-koyu: #27a659;
	--dn-ana-yazi: #fff;
	--dn-kart: var(--dn-ana);
	--dn-ikincil: #2b3e4b;
	--dn-baslik: #253745;
	--dn-alt: #1a2a36;
	--dn-yazi: #6f7a82;
	--dn-cizgi: #eaeaea;
	--dn-zemin: #f6f7f8;
	--dn-baslik-font: "IBM Plex Sans", sans-serif;
	--dn-font: "Roboto", sans-serif;
	--dn-golge: 0 5px 83px rgba(40, 40, 40, .11);
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: var(--dn-font); font-size: 15px; line-height: 1.7; color: var(--dn-yazi); background: #fff; overflow-x: hidden; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; transition: color .25s, background-color .25s, border-color .25s; }
ul, ol { margin: 0; padding: 0; list-style: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-family: var(--dn-baslik-font); font-weight: 700; line-height: 1.3; color: var(--dn-baslik); }
p { margin: 0; }
button { font: inherit; cursor: pointer; }
svg { display: block; }
.dn-kap { width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 12px; }

/* Açılış halkası */
.dn-yukleniyor { position: fixed; inset: 0; z-index: 500; display: grid; place-items: center; background: #fff; transition: opacity .35s, visibility .35s; animation: dn-kalk .35s 1.2s forwards; }
.dn-yukleniyor span { width: 56px; height: 56px; border: 4px solid var(--dn-cizgi); border-top-color: var(--dn-ana); border-radius: 50%; animation: dn-don .9s linear infinite; }
.dn-yukleniyor.is-bitti { opacity: 0; visibility: hidden; }
@keyframes dn-don { to { transform: rotate(360deg); } }
@keyframes dn-kalk { to { opacity: 0; visibility: hidden; } }

/* Düğmeler */
.dn-dugme { display: inline-flex; align-items: center; justify-content: center; gap: 22px; min-height: 65px; padding: 0 30px; border: 2px solid transparent; border-radius: 4px; font-family: var(--dn-font); font-size: 15px; font-weight: 700; text-transform: capitalize; }
.dn-ok { flex: 0 0 auto; width: 18px; height: 18px; transition: transform .3s; }
.dn-dugme:hover .dn-ok { transform: translateX(5px); }
.dn-dugme-ana { background: var(--dn-ana); color: var(--dn-ana-yazi); }
.dn-dugme-ana:hover { background: var(--dn-ana-koyu); }
.dn-dugme-koyu { background: var(--dn-baslik); color: #fff; }
.dn-dugme-koyu:hover { background: var(--dn-ana); }
.dn-dugme-beyaz { background: #fff; color: var(--dn-baslik); }
.dn-dugme-beyaz:hover { background: var(--dn-baslik); color: #fff; }
.dn-dugme-cerceve { border-color: #fff; color: #fff; }
.dn-dugme-cerceve:hover { background: #fff; color: var(--dn-baslik); }
.dn-dugme-cerceve-koyu { border-color: var(--dn-baslik); color: var(--dn-baslik); }
.dn-dugme-cerceve-koyu:hover { background: var(--dn-baslik); color: #fff; }
.dn-dugme-kucuk { min-height: 50px; padding: 0 24px; gap: 16px; }
.dn-ikon-dugme { display: grid; place-items: center; width: 42px; height: 42px; padding: 10px; border: 0; background: transparent; color: var(--dn-baslik); }
.dn-ikon-dugme:hover { color: var(--dn-ana); }

/* Üst bilgi */
.dn-ust { position: sticky; top: -50px; z-index: 100; background: #fff; }
.dn-serit { background: var(--dn-ikincil); font-size: 14px; color: #c4cbd0; }
.dn-serit-ic { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 50px; }
.dn-serit-sol, .dn-serit-sag { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 28px; }
.dn-serit-sol span { display: inline-flex; align-items: center; gap: 8px; }
.dn-serit-sol i { display: block; width: 15px; height: 15px; color: var(--dn-ana); }
.dn-serit a:hover { color: var(--dn-ana); }
.dn-serit-link { font-weight: 500; color: #fff; }
.dn-serit-sosyal { display: flex; gap: 12px; color: var(--dn-ana); }
.dn-serit-sosyal svg { width: 17px; height: 17px; }
.dn-ceviri { display: flex; gap: 8px; font-size: 12.5px; font-weight: 700; color: #fff; }
.dn-cubuk { background: #fff; box-shadow: 0 3px 20px rgba(0, 0, 0, .06); }
.dn-cubuk-ic { display: flex; align-items: center; gap: 14px; min-height: 100px; }
.dn-logo { display: flex; flex: 0 0 auto; align-items: center; gap: 14px; margin-right: auto; }
.dn-logo img { width: auto; height: 76px; max-width: 460px; object-fit: contain; }
.dn-logo .dn-logo-iki { height: 52px; }
.dn-unvan { max-width: 240px; font-family: var(--dn-baslik-font); font-size: 14px; font-weight: 700; line-height: 1.3; color: var(--dn-baslik); }
.dn-menu { display: flex; align-items: stretch; }
.dn-menu > li { position: relative; display: flex; }
.dn-menu > li > a { display: flex; align-items: center; gap: 6px; min-height: 100px; padding: 0 14px; font-size: 15px; font-weight: 700; white-space: nowrap; color: var(--dn-baslik); }
.dn-menu > li:hover > a, .dn-menu > li.is-secili > a { color: var(--dn-ana); }
.dn-alt-ok { width: 12px; height: 12px; transition: transform .25s; }
.dn-acilir:hover .dn-alt-ok { transform: rotate(180deg); }
.dn-acilir > ul { position: absolute; top: 100%; left: 0; z-index: 20; min-width: 260px; max-height: 70vh; overflow-y: auto; padding: 10px 0; border-radius: 0 0 6px 6px; background: var(--dn-ana); box-shadow: 0 18px 40px rgba(0, 0, 0, .14); opacity: 0; visibility: hidden; transition: opacity .25s, visibility .25s; }
.dn-acilir:hover > ul, .dn-acilir:focus-within > ul { opacity: 1; visibility: visible; }
.dn-acilir li a { display: block; padding: 9px 24px; font-size: 14px; font-weight: 500; line-height: 1.4; color: var(--dn-ana-yazi); transition: background-color .2s, padding-left .25s; }
.dn-acilir li a:hover { padding-left: 30px; background: rgba(0, 0, 0, .12); }
.dn-ust-dugme { min-height: 50px; padding: 0 20px; gap: 12px; font-size: 14px; white-space: nowrap; text-transform: none; }
.dn-menu-ac { display: none; }

/* Arama */
.dn-ara { position: fixed; inset: 0; z-index: 300; display: grid; place-items: center; padding: 20px; background: rgba(255, 255, 255, .97); opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s; }
.dn-ara.is-acik { opacity: 1; visibility: visible; }
.dn-ara form { display: flex; width: 100%; max-width: 860px; border-bottom: 2px solid var(--dn-baslik); }
.dn-ara input { flex: 1; min-width: 0; padding: 16px 4px; border: 0; outline: 0; background: transparent; font: 500 26px var(--dn-baslik-font); color: var(--dn-baslik); }
.dn-ara form button { width: 56px; padding: 14px; border: 0; background: transparent; color: var(--dn-baslik); }
.dn-ara-kapat { position: absolute; top: 24px; right: 24px; }

/* Vitrin */
.dn-vitrin { position: relative; height: 650px; overflow: hidden; background: var(--dn-ikincil); }
.dn-slayt { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity 1s, visibility 1s; }
.dn-slayt.is-aktif, .dn-vitrin.is-tek .dn-slayt { opacity: 1; visibility: visible; }
.dn-slayt > img { width: 100%; height: 100%; object-fit: cover; }
.dn-slayt.is-yazili::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(20, 30, 40, .72), rgba(20, 30, 40, .28) 70%); }
.dn-slayt-yazi { position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; color: #fff; left: 50%; transform: translateX(-50%); }
.dn-slayt-yazi h1 { max-width: 760px; margin-bottom: 18px; font-size: clamp(38px, 5.2vw, 75px); line-height: 1; color: #fff; }
.dn-slayt-ust { margin-bottom: 12px; font-weight: 700; color: #fff; }
.dn-tikli { display: grid; gap: 8px; margin-bottom: 30px; font-size: 15px; font-weight: 700; color: #fff; }
.dn-tikli li { position: relative; padding-left: 28px; }
.dn-tikli li::before { content: ""; position: absolute; left: 0; top: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; }
.dn-tikli li::after { content: ""; position: absolute; left: 5px; top: 8px; width: 8px; height: 5px; border-left: 2px solid var(--dn-baslik); border-bottom: 2px solid var(--dn-baslik); transform: rotate(-45deg); }
.dn-vitrin-ok { position: absolute; top: 50%; right: 26px; z-index: 3; width: 48px; height: 48px; margin-top: -24px; padding: 12px; border: 0; background: transparent; color: #fff; opacity: .85; }
.dn-vitrin-ok:hover { opacity: 1; }
.dn-vitrin-ok .dn-ok { width: 100%; height: 100%; }
.dn-vitrin-ok.is-sol { right: auto; left: 26px; transform: rotate(180deg); }
.dn-noktalar { position: absolute; left: 0; right: 0; bottom: 96px; z-index: 3; display: flex; justify-content: center; gap: 8px; }
.dn-noktalar button { width: 30px; height: 4px; padding: 0; border: 0; border-radius: 2px; background: rgba(255, 255, 255, .45); }
.dn-noktalar button.is-secili { background: #fff; }

/* Firma şeridi + renkli panel */
.dn-firma { position: relative; z-index: 4; border-bottom: 1px solid var(--dn-cizgi); }
.dn-firma-ic { display: grid; grid-template-columns: 3fr 3fr 5fr; gap: 24px; align-items: start; }
.dn-firma-ic.is-panelsiz { grid-template-columns: 1fr 1fr; }
.dn-firma-kalem { display: flex; gap: 14px; padding: 44px 0; }
.dn-firma-kalem > i { flex: 0 0 auto; width: 40px; height: 40px; color: var(--dn-ana); }
.dn-firma-kalem h6 { margin-bottom: 6px; font-size: 16px; }
.dn-firma-kalem p { font-size: 14px; line-height: 1.6; }
.dn-firma-kalem a:hover { color: var(--dn-ana); }
.dn-panel { display: flex; align-items: center; gap: 26px; min-height: 176px; margin-top: -80px; padding: 34px 30px 36px 44px; background: var(--dn-ana); color: var(--dn-ana-yazi); }
.dn-panel img { flex: 0 0 auto; width: 100px; height: auto; }
.dn-panel h6 { margin-bottom: 8px; font-size: 18px; color: inherit; }
.dn-panel p { font-size: 15px; line-height: 1.6; color: inherit; }

/* Ortak başlıklar */
.dn-etiket { margin-bottom: 10px; font-size: 15px; font-weight: 700; color: var(--dn-ana); }
.dn-baslik { font-size: clamp(28px, 3vw, 40px); line-height: 1.35; color: var(--dn-baslik); }
.dn-bas-orta { max-width: 760px; margin: 0 auto 50px; text-align: center; }
.dn-yazi { font-size: 15px; line-height: 1.75; }
.dn-js [data-dn-belir] { opacity: 0; transform: translateY(26px); transition: opacity .7s, transform .7s; }
.dn-js [data-dn-belir].is-gorundu { opacity: 1; transform: none; }

/* Hakkımızda */
.dn-hakkinda { padding: 110px 0; }
.dn-hakkinda-ic { display: grid; grid-template-columns: 6fr 5fr; gap: 8%; align-items: start; }
.dn-vurgu { margin: 26px 0 18px; font-size: 16px; font-weight: 700; line-height: 1.75; color: var(--dn-baslik); }
.dn-hakkinda .dn-baslik + .dn-yazi { margin-top: 24px; }
.dn-imza-satir { display: flex; flex-wrap: wrap; align-items: center; gap: 22px; margin-top: 32px; }
.dn-imza { font-family: var(--dn-baslik-font); font-size: 17px; font-weight: 700; color: var(--dn-baslik); }
.dn-hakkinda-gorsel { position: relative; min-height: 300px; overflow: hidden; border-radius: 8px; }
.dn-hakkinda-gorsel > img { width: 100%; height: 590px; object-fit: cover; }
.dn-hakkinda-gorsel.is-reklam img { width: 100% !important; height: auto !important; object-fit: contain; }
.dn-hakkinda-gorsel.is-reklam p { margin: 0; }
.dn-rozet { position: absolute; left: 0; bottom: 0; display: flex; align-items: center; gap: 10px; width: 99px; height: 240px; padding: 20px 0; justify-content: center; writing-mode: vertical-rl; transform: rotate(180deg); background: var(--dn-ana); font-size: 15px; font-weight: 700; color: var(--dn-ana-yazi); }
.dn-rozet b { font-family: var(--dn-baslik-font); font-size: 26px; }

/* Açık bant */
.dn-bant-acik { position: relative; padding: 130px 0 110px; background-color: var(--dn-zemin); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='60'%3E%3Cpath d='M0 30c36-26 74-26 110 0s74 26 110 0' fill='none' stroke='%23e4e7ea' stroke-width='1'/%3E%3C/svg%3E"); }
.dn-kaydir-iz { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 60px) / 3); gap: 30px; overflow-x: auto; padding: 4px 4px 50px; scroll-snap-type: x mandatory; scrollbar-width: none; }
.dn-kaydir-iz::-webkit-scrollbar { display: none; }
.dn-kaydir-iz > * { scroll-snap-align: start; }
.dn-kaydir-noktalar { display: flex; justify-content: center; gap: 8px; }
.dn-kaydir-noktalar button { width: 40px; height: 4px; padding: 0; border: 0; border-radius: 2px; background: #cfd5da; }
.dn-kaydir-noktalar button.is-secili { background: var(--dn-ana); }
.dn-urun-kart { display: flex; flex-direction: column; overflow: hidden; border-radius: 8px; background: #fff; box-shadow: var(--dn-golge); }
.dn-urun-gorsel { display: grid; place-items: center; aspect-ratio: 1; overflow: hidden; background: #fff; }
.dn-urun-gorsel.is-kisa { aspect-ratio: 4 / 3; }
.dn-urun-gorsel img { width: 100%; height: 100%; object-fit: contain; transition: transform .6s; }
.dn-urun-gorsel.is-kapla img { object-fit: cover; }
.dn-urun-kart:hover .dn-urun-gorsel img { transform: scale(1.05); }
.dn-urun-yazi { display: flex; flex: 1; flex-direction: column; align-items: flex-start; gap: 12px; padding: 32px 40px 40px; }
.dn-urun-yazi h4 { font-size: 20px; line-height: 1.35; }
.dn-urun-yazi h4 a:hover { color: var(--dn-ana); }
.dn-urun-yazi p { font-size: 14.5px; line-height: 1.6; }
.dn-urun-yazi .dn-dugme, .dn-urun-yazi .dn-renkli-baglanti { margin-top: auto; }
.dn-renkli-baglanti { font-size: 14px; font-weight: 700; color: var(--dn-ana); }
.dn-renkli-baglanti:hover { color: var(--dn-baslik); }

/* Koyu bant */
.dn-bant-koyu { padding: 90px 0 310px; background-color: var(--dn-ikincil); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='60'%3E%3Cpath d='M0 30c36-26 74-26 110 0s74 26 110 0' fill='none' stroke='%23ffffff' stroke-opacity='.05' stroke-width='1'/%3E%3C/svg%3E"); color: #dfe4e8; }
.dn-koyu-bas { display: grid; grid-template-columns: 5fr 6fr; gap: 8%; margin-bottom: 60px; }
.dn-koyu-bas h2 { font-size: clamp(26px, 2.9vw, 38px); line-height: 1.45; color: #fff; }
.dn-koyu-bas p + p { margin-top: 18px; }
.dn-koyu-bas p { font-size: 15px; font-weight: 500; line-height: 1.8; }
.dn-koyu-bas .dn-etiket { font-weight: 700; color: var(--dn-ana); }
.dn-koyu-dugmeler { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 28px; }
.dn-ozellikler { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px; }
.dn-ozellik { position: relative; display: flex; flex-direction: column; align-items: center; gap: 10px; min-height: 318px; padding: 39px 30px 30px; border-radius: 8px; background: #fff; text-align: center; box-shadow: 0 5px 83px rgba(40, 40, 40, .21); transition: background-color .3s; }
.dn-ozellik img { width: auto; height: 62px; max-width: 80px; object-fit: contain; transition: filter .3s; }
.dn-ozellik h4 { font-size: 18px; transition: color .3s; }
.dn-ozellik p { font-size: 14px; line-height: 1.6; color: var(--dn-yazi); transition: color .3s; }
.dn-ozellik-ok { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; margin-top: auto; overflow: hidden; border-radius: 16px; background: var(--dn-baslik); color: #fff; }
.dn-ozellik-ok span { display: none; }
.dn-ozellik-ok .dn-ok { width: 14px; height: 14px; }
.dn-ozellik:hover { background: var(--dn-ana); }
.dn-ozellik:hover h4, .dn-ozellik:hover p { color: var(--dn-ana-yazi); }
.dn-ozellik:hover img { filter: brightness(0) invert(1); }
.dn-ozellik:hover .dn-ozellik-ok { background: #fff; color: var(--dn-baslik); }
.dn-koyu-not { margin-top: 34px; text-align: center; font-weight: 700; color: #fff; }
.dn-koyu-not a { color: var(--dn-ana); text-decoration: underline; }

/* İletişim paneli */
.dn-bindir { margin-top: -240px; position: relative; z-index: 3; }
.dn-iletisim-panel { display: grid; grid-template-columns: 5fr 7fr; gap: 40px; padding: 60px; border-radius: 8px; background: #fff; box-shadow: 0 5px 83px rgba(9, 29, 62, .15); }
.dn-renkli-kart { display: flex; flex-direction: column; justify-content: space-between; gap: 40px; min-height: 525px; padding: 40px; border-radius: 8px; background: var(--dn-kart); color: #fff; }
.dn-renkli-metin { font-size: 15px; font-weight: 700; line-height: 1.7; color: #fff; }
.dn-renkli-metin p { margin: 0; }
.dn-renkli-metin video, .dn-renkli-metin iframe { display: block; max-width: 100%; width: 100%; height: auto; border-radius: 6px; }
.dn-renkli-link { display: inline-flex; align-items: center; gap: 12px; margin-top: 18px; font-weight: 700; color: #fff; }
.dn-renkli-link i { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: #fff; color: var(--dn-kart); }
.dn-renkli-link .dn-ok { width: 14px; height: 14px; }
.dn-renkli-alt ul { display: grid; gap: 12px; margin-bottom: 26px; }
.dn-renkli-alt li { display: flex; gap: 12px; font-size: 14.5px; font-weight: 700; line-height: 1.5; }
.dn-renkli-alt li > svg { flex: 0 0 auto; width: 18px; height: 18px; margin-top: 2px; }
.dn-renkli-alt li a { color: #fff; }
.dn-renkli-alt .dn-dugme { min-height: 54px; }
.dn-form-alan h5 { margin-bottom: 12px; font-size: 22px; }
.dn-form-alan > p { margin-bottom: 26px; }
.dn-form { display: grid; gap: 22px; }
.dn-form-uclu { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.dn-form label { display: block; font-size: 14px; font-weight: 700; color: var(--dn-baslik); }
.dn-form input, .dn-form textarea { display: block; width: 100%; margin-top: 8px; padding: 14px 16px; border: 1px solid var(--dn-cizgi); border-radius: 4px; background: #fff; font: 400 14px var(--dn-font); color: var(--dn-baslik); outline: none; transition: border-color .2s; }
.dn-form input:focus, .dn-form textarea:focus { border-color: var(--dn-ana); }
.dn-form-gonder { display: flex; align-items: center; justify-content: space-between; min-height: 62px; padding: 0 16px 0 28px; border: 0; border-radius: 4px; background: var(--dn-baslik); font-weight: 700; color: #fff; transition: background-color .25s; }
.dn-form-gonder:hover { background: var(--dn-kart); }
.dn-form-gonder i { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #fff; color: var(--dn-baslik); }
.dn-form-gonder .dn-ok { width: 16px; height: 16px; }

/* Sayaç */
.dn-sayac-bolum { padding: 110px 0 90px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='60'%3E%3Cpath d='M0 30c36-26 74-26 110 0s74 26 110 0' fill='none' stroke='%23eef0f2' stroke-width='1'/%3E%3C/svg%3E"); }
.dn-sayac-ic { display: grid; grid-template-columns: 4fr 7fr; gap: 8%; align-items: center; }
.dn-sayac > div { display: flex; align-items: center; gap: 22px; }
.dn-sayac b { font-family: var(--dn-baslik-font); font-size: 110px; font-weight: 500; line-height: 1; color: var(--dn-ana); }
.dn-sayac-simge { display: grid; place-items: center; width: 130px; height: 130px; padding: 24px; border-radius: 50%; background: var(--dn-ana); }
.dn-sayac-simge img { width: 100%; height: 100%; object-fit: contain; }
.dn-sayac > p { margin-top: 16px; font-size: 15px; font-weight: 700; color: var(--dn-baslik); }
.dn-sayac-metin { font-family: var(--dn-baslik-font); font-size: clamp(18px, 1.9vw, 25px); font-weight: 600; line-height: 1.5; color: var(--dn-baslik); }

/* Blog ve içerik kartları */
.dn-blog-bolum { padding: 80px 0 110px; }
.dn-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; }
.dn-izgara.is-dort { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 40px; }
.dn-izgara.is-iki { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dn-izgara + .dn-izgara { margin-top: 30px; }
.dn-yazi-kart { display: flex; flex-direction: column; align-items: flex-start; padding: 30px; border-radius: 8px; background: #fff; box-shadow: 0 5px 83px rgba(40, 40, 40, .08); }
.dn-tarih { margin-bottom: 8px; font-size: 13.5px; color: var(--dn-yazi); }
.dn-yazi-kart h4 { min-height: 54px; margin-bottom: 18px; font-size: 20px; line-height: 1.35; }
.dn-yazi-kart h4 a:hover { color: var(--dn-ana); }
.dn-yazi-gorsel { display: block; width: 100%; aspect-ratio: 16 / 10; overflow: hidden; margin-bottom: 18px; border-radius: 8px; }
.dn-yazi-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.dn-yazi-kart:hover .dn-yazi-gorsel img { transform: scale(1.05); }
.dn-yazi-kart p { margin-bottom: 18px; font-size: 14.5px; line-height: 1.6; }
.dn-yazi-kart .dn-dugme { margin-top: auto; }
.dn-yazi-kart.is-kisa h4 { min-height: 0; }
.dn-tumu { margin-top: 34px; text-align: center; font-weight: 700; color: var(--dn-baslik); }
.dn-tumu a { border-bottom: 2px solid var(--dn-ana); }

/* İç sayfa */
.dn-sayfa-bas { position: relative; display: flex; align-items: center; min-height: 200px; padding: 30px 0; background-color: var(--dn-ikincil); background-position: center; background-size: cover; text-align: center; color: #fff; }
.dn-sayfa-bas::before { content: ""; position: absolute; inset: 0; background: rgba(20, 30, 40, .68); }
.dn-sayfa-bas .dn-kap { position: relative; }
.dn-sayfa-bas h1 { font-size: clamp(32px, 4.6vw, 62px); line-height: 1.1; color: #fff; }
.dn-kirinti { display: flex; flex-wrap: wrap; gap: 6px; font-size: 13.5px; color: var(--dn-yazi); }
.dn-kirinti li + li::before { content: "›"; margin-right: 6px; color: var(--dn-ana); font-weight: 700; }
.dn-kirinti a:hover { color: var(--dn-ana); }
.dn-kirinti.is-acik { justify-content: center; margin-top: 12px; color: #fff; }
.dn-kirinti-bant { padding: 24px 0; }
.dn-liste-bolum { padding: 80px 0 110px; }
.dn-bos { padding: 60px 0; text-align: center; }
.dn-sayfalama { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 50px; }
.dn-sayfalama a { display: grid; place-items: center; min-width: 42px; height: 42px; padding: 0 10px; border-radius: 4px; background: var(--dn-zemin); font-weight: 700; color: var(--dn-baslik); }
.dn-sayfalama a:hover, .dn-sayfalama a.is-secili { background: var(--dn-ana); color: var(--dn-ana-yazi); }
.dn-detay-bolum { padding: 10px 0 110px; }
.dn-detay-bolum.is-tam { background: #efefef; padding-top: 40px; }
.dn-detay-ic { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: 50px; align-items: start; }
.dn-detay-gorsel { width: 100%; margin-bottom: 40px; border-radius: 8px; }
.dn-detay h1 { margin-bottom: 26px; font-size: clamp(26px, 2.6vw, 36px); }
.dn-metin { font-size: 15px; line-height: 1.8; overflow-wrap: anywhere; }
.dn-metin p { margin-bottom: 16px; }
.dn-metin h2, .dn-metin h3, .dn-metin h4 { margin: 24px 0 12px; }
.dn-metin ul, .dn-metin ol { margin: 0 0 16px 22px; list-style: revert; }
.dn-metin a { color: var(--dn-ana); text-decoration: underline; }
.dn-metin img { height: auto !important; border-radius: 6px; }
.dn-metin table { width: 100%; border-collapse: collapse; }
.dn-metin td, .dn-metin th { padding: 8px 10px; border: 1px solid var(--dn-cizgi); }
.dn-kat-aciklama { margin-bottom: 36px; }
.dn-bolge-satir { display: grid; gap: 6px; margin-bottom: 24px; font-weight: 500; color: var(--dn-baslik); }
.dn-bolge-liste { display: grid; gap: 8px; max-width: 900px; margin: 0 auto; }
.dn-bolge-liste a { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 22px; border-radius: 6px; background: var(--dn-zemin); font-weight: 700; color: var(--dn-baslik); }
.dn-bolge-liste a:hover { background: var(--dn-ana); color: var(--dn-ana-yazi); }
.dn-dosyalar { display: grid; gap: 8px; margin-top: 24px; }
.dn-dosyalar a { display: flex; justify-content: space-between; gap: 16px; padding: 14px 18px; border-radius: 6px; background: var(--dn-zemin); font-weight: 700; color: var(--dn-baslik); }
.dn-dosyalar span { flex: 0 0 auto; font-weight: 500; color: var(--dn-ana); }
.dn-paylas { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 30px; padding-top: 24px; border-top: 1px solid var(--dn-cizgi); font-weight: 700; color: var(--dn-baslik); }
.dn-paylas a { display: grid; place-items: center; width: 36px; height: 36px; padding: 9px; border-radius: 50%; background: var(--dn-baslik); color: #fff; }
.dn-paylas a:hover { background: var(--dn-ana); }
.dn-paylas.is-orta { justify-content: center; margin: 50px auto 0; }
.dn-galeri { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 30px; }
.dn-galeri.is-dort { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.dn-galeri a { display: block; aspect-ratio: 4 / 3; overflow: hidden; border: 2px solid #fff; border-radius: 10px; }
.dn-galeri img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.dn-galeri a:hover img { transform: scale(1.06); }
.dn-yan { position: sticky; top: 110px; padding: 30px; border-radius: 8px; background: var(--dn-zemin); }
.dn-yan h5 { margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid #dfe3e6; font-size: 18px; }
.dn-yan li a { display: block; padding: 10px 0; font-size: 14.5px; font-weight: 700; line-height: 1.4; color: var(--dn-baslik); transition: color .2s, padding-left .25s; }
.dn-yan li a:hover, .dn-yan li.is-secili a { padding-left: 14px; color: var(--dn-ana); }
.dn-urun-duzen { display: grid; grid-template-columns: 340px minmax(0, 1fr); gap: 40px; align-items: start; }
.dn-urun-detay { padding: 10px 0 80px; }
.dn-urun-detay-ic { display: grid; grid-template-columns: 6fr 5fr; gap: 8%; align-items: start; }
.dn-urun-detay .dn-baslik { margin-bottom: 26px; font-size: clamp(26px, 2.6vw, 36px); }
.dn-urun-resim img { width: 100%; max-height: 520px; object-fit: contain; }
.dn-urun-bilgi { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; margin: -70px 0 0 60px; padding: 34px 34px 0; background: #fff; box-shadow: var(--dn-golge); }
.dn-urun-bilgi h4 { font-size: 20px; line-height: 1.35; }
.dn-urun-bilgi p { font-size: 14.5px; line-height: 1.6; }
.dn-urun-bilgi .dn-dugme { margin: 10px 0 0 -34px; min-height: 58px; }
.dn-urun-seri { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(240px, 24%); gap: 20px; overflow-x: auto; margin-top: 70px; padding: 0 12px 10px; scrollbar-width: thin; }
.dn-urun-seri a { display: block; aspect-ratio: 1; overflow: hidden; background: #fff; }
.dn-urun-seri img { width: 100%; height: 100%; object-fit: contain; }

/* İletişim sayfası */
.dn-harita iframe { display: block; width: 100%; height: 460px; border: 0; }
.dn-iletisim-sayfa { padding: 90px 0 110px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='60'%3E%3Cpath d='M0 30c36-26 74-26 110 0s74 26 110 0' fill='none' stroke='%23eef0f2' stroke-width='1'/%3E%3C/svg%3E"); }

/* Alt bilgi */
.dn-alt { background: var(--dn-alt); color: #a8b2b9; }
.dn-alt-ust { display: grid; grid-template-columns: 2fr 5fr 3fr; gap: 40px; padding-top: 90px; padding-bottom: 60px; }
.dn-alt h5 { margin-bottom: 20px; font-size: 18px; color: #fff; }
.dn-alt-sutun li a { display: block; padding: 5px 0; font-size: 14.5px; line-height: 1.5; }
.dn-alt-sutun li a:hover { color: var(--dn-ana); }
.dn-alt-genis ul { columns: 2; column-gap: 30px; }
.dn-alt-genis li { break-inside: avoid; }
.dn-alt-tel { display: block; margin-bottom: 10px; font-family: var(--dn-baslik-font); font-size: 30px; font-weight: 700; line-height: 1.2; color: #fff; }
.dn-alt-eposta { font-weight: 700; color: var(--dn-ana); }
.dn-alt-iletisim p { margin-bottom: 10px; font-size: 14.5px; }
.dn-alt-iletisim a:hover { color: var(--dn-ana); }
.dn-alt-harita { display: inline-flex; align-items: center; gap: 8px; margin-top: 6px; font-weight: 700; color: #fff; }
.dn-alt-harita svg { width: 18px; height: 18px; color: var(--dn-ana); }
.dn-alt-cizgi { border-top: 1px solid rgba(255, 255, 255, .08); }
.dn-alt-alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 30px; padding-top: 24px; padding-bottom: 24px; font-size: 14px; }
.dn-alt-sosyal { display: flex; flex-wrap: wrap; gap: 20px; }
.dn-alt-sosyal a { display: inline-flex; align-items: center; gap: 7px; color: #fff; }
.dn-alt-sosyal a:hover { color: var(--dn-ana); }
.dn-alt-sosyal svg { width: 15px; height: 15px; color: var(--dn-ana); }

/* Yüzenler */
.dn-yukari { position: fixed; right: 26px; bottom: 26px; z-index: 90; width: 46px; height: 46px; padding: 12px; border: 0; border-radius: 4px; background: var(--dn-ana); color: #fff; opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s, background-color .25s; }
.dn-yukari.is-gorunur { opacity: 1; visibility: visible; }
.dn-yukari:hover { background: var(--dn-baslik); }
.dn-destek { position: fixed; left: 32px; bottom: 32px; z-index: 90; display: flex; flex-direction: column; align-items: center; gap: 6px; }
.dn-destek span { padding: 2px 8px; border-radius: 3px; background: rgba(0, 0, 0, .75); font-size: 10.5px; font-weight: 700; color: #fff; }
.dn-destek a { display: grid; place-items: center; width: 46px; height: 46px; padding: 10px; border-radius: 50%; background: #25d366; color: #fff; box-shadow: 1px 1px 4px rgba(60, 60, 60, .4); }

/* Büyütücü */
.dn-buyut { position: fixed; inset: 0; z-index: 400; display: grid; place-items: center; padding: 40px; background: rgba(10, 15, 20, .92); opacity: 0; visibility: hidden; transition: opacity .25s, visibility .25s; }
.dn-buyut.is-acik { opacity: 1; visibility: visible; }
.dn-buyut img { max-width: 100%; max-height: 100%; object-fit: contain; }
.dn-buyut-kapat { position: absolute; top: 18px; right: 18px; color: #fff; }

/* Google Çeviri çubuğu görünmesin */
.skiptranslate, #goog-gt-tt, .goog-te-banner-frame { display: none !important; }
body { top: 0 !important; }

/* Duyarlı */
@media (max-width: 1399px) {
	.dn-logo img { height: 62px; max-width: 320px; }
	.dn-menu > li > a { padding: 0 10px; font-size: 14px; }
}
@media (max-width: 1199px) {
	.dn-ust { top: 0; }
	.dn-serit { display: none; }
	.dn-cubuk-ic { min-height: 76px; }
	.dn-logo img { height: 52px; max-width: 260px; }
	.dn-logo .dn-logo-iki { height: 40px; }
	.dn-unvan { display: none; }
	.dn-ust-dugme { display: none; }
	.dn-menu-ac { display: grid; }
	.dn-menu { position: absolute; top: 100%; left: 0; right: 0; display: none; flex-direction: column; max-height: calc(100vh - 76px); overflow-y: auto; background: #fff; box-shadow: 0 18px 40px rgba(0, 0, 0, .12); }
	.dn-menu.is-acik { display: flex; }
	.dn-menu > li { flex-direction: column; }
	.dn-menu > li > a { justify-content: space-between; min-height: 50px; padding: 0 20px; border-bottom: 1px solid var(--dn-cizgi); }
	.dn-acilir > ul { position: static; display: none; min-width: 0; max-height: none; border-radius: 0; box-shadow: none; opacity: 1; visibility: visible; }
	.dn-acilir.is-acik > ul { display: block; }
	.dn-firma-ic { grid-template-columns: 1fr 1fr; }
	.dn-panel { grid-column: 1 / -1; margin-top: 0; }
	.dn-ozellikler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.dn-iletisim-panel { grid-template-columns: minmax(0, 1fr); padding: 40px; }
	.dn-renkli-kart { min-height: 0; }
	.dn-izgara.is-dort { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.dn-alt-ust { grid-template-columns: 1fr 1fr; }
	.dn-alt-iletisim { grid-column: 1 / -1; }
}
@media (max-width: 991px) {
	.dn-vitrin { height: 520px; }
	.dn-hakkinda { padding: 70px 0; }
	.dn-hakkinda-ic, .dn-koyu-bas, .dn-sayac-ic, .dn-detay-ic, .dn-urun-detay-ic, .dn-urun-duzen { grid-template-columns: minmax(0, 1fr); gap: 36px; }
	.dn-hakkinda-gorsel > img { height: 420px; }
	.dn-bant-acik { padding: 80px 0 70px; }
	.dn-kaydir-iz { grid-auto-columns: calc((100% - 30px) / 2); }
	.dn-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.dn-yan { position: static; }
	.dn-galeri.is-dort { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.dn-sayac b { font-size: 84px; }
}
@media (max-width: 600px) {
	.dn-vitrin { height: 440px; }
	.dn-vitrin-ok { display: none; }
	.dn-noktalar { bottom: 22px; }
	.dn-dugme { min-height: 54px; padding: 0 22px; gap: 14px; }
	.dn-firma-ic { grid-template-columns: minmax(0, 1fr); gap: 0; }
	.dn-firma-kalem { padding: 22px 0; }
	.dn-panel { flex-direction: column; align-items: flex-start; padding: 26px 24px; min-height: 0; }
	.dn-rozet { width: 72px; height: 180px; }
	.dn-kaydir-iz { grid-auto-columns: 86%; gap: 16px; }
	.dn-urun-yazi { padding: 22px 22px 26px; }
	.dn-bant-koyu { padding: 60px 0 280px; }
	.dn-ozellikler { grid-template-columns: minmax(0, 1fr); gap: 16px; }
	.dn-ozellik { min-height: 0; }
	.dn-iletisim-panel { padding: 16px; gap: 24px; }
	.dn-renkli-kart { padding: 26px 22px; }
	.dn-form-uclu { grid-template-columns: minmax(0, 1fr); }
	.dn-sayac b { font-size: 68px; }
	.dn-sayac-simge { width: 90px; height: 90px; padding: 16px; }
	.dn-izgara, .dn-izgara.is-iki, .dn-izgara.is-dort { grid-template-columns: minmax(0, 1fr); gap: 18px; }
	.dn-yazi-kart h4 { min-height: 0; }
	.dn-galeri, .dn-galeri.is-dort { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.dn-urun-bilgi { margin: -30px 0 0 16px; padding: 22px 22px 0; }
	.dn-urun-bilgi .dn-dugme { margin-left: -22px; }
	.dn-urun-seri { grid-auto-columns: 62%; margin-top: 40px; }
	.dn-harita iframe { height: 300px; }
	.dn-alt-ust { grid-template-columns: minmax(0, 1fr); padding-top: 60px; padding-bottom: 40px; }
	.dn-alt-genis ul { columns: 1; }
	.dn-alt-tel { font-size: 24px; }
	.dn-destek { left: 12px; bottom: 12px; }
	.dn-destek span { display: none; }
	.dn-yukari { right: 12px; bottom: 12px; }
}
@media (prefers-reduced-motion: reduce) {
	.dn-js [data-dn-belir] { opacity: 1; transform: none; transition: none; }
	.dn-yukleniyor span { animation: none; }
}

/* İçerik kartı görseli geniş; koyu bant zemini ayrı renk verilebilir */
.dn-urun-gorsel.is-kapla { aspect-ratio: 2 / 1; }
.dn-bant-koyu { background-color: var(--dn-koyu-bant, var(--dn-ikincil)); }