@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/ibm-plex-mono-400-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/ibm-plex-mono-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/ibm-plex-mono-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/ibm-plex-mono-500-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/ibm-plex-mono-500-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/ibm-plex-mono-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/ibm-plex-sans-400-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/ibm-plex-sans-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/ibm-plex-sans-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/ibm-plex-sans-500-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/ibm-plex-sans-500-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/ibm-plex-sans-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/ibm-plex-sans-600-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/ibm-plex-sans-600-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/ibm-plex-sans-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/ibm-plex-sans-arabic-400-arabic.woff2') format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/ibm-plex-sans-arabic-500-arabic.woff2') format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/ibm-plex-sans-arabic-600-arabic.woff2') format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
:root {
--murekkep: #0e1a2b;
--kagit: #f4f5f1;
--beyaz: #fff;
--cizgi: #d5dad3;
--cizgi-koyu: #1c3350;
--soluk: #56635c;
--vurgu: #1556c8;
--vurgu-koyu: #0f3f96;
--gece: #0a1626;
--genislik: 1200px;
--f-govde: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
--f-mono: 'IBM Plex Mono', ui-monospace, Consolas, monospace;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: var(--f-govde); font-size: 17px; line-height: 1.6; color: var(--murekkep); background: var(--beyaz); }
body.rtl { font-family: 'IBM Plex Sans Arabic', 'IBM Plex Sans', 'Segoe UI', Tahoma, sans-serif; }
img, svg { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
p { margin: 0 0 1em; }
h1, h2, h3, h4 { margin: 0; line-height: 1.1; font-weight: 600; letter-spacing: -.02em; }
ul, ol { margin: 0; padding: 0; list-style: none; }
button, input, select, textarea { font: inherit; color: inherit; }
:focus-visible { outline: 2px solid var(--vurgu); outline-offset: 2px; }
[hidden] { display: none !important; }
.kap { width: min(var(--genislik), 100% - 48px); margin-inline: auto; }
.dar { max-width: 820px; }
.atla { position: absolute; inset-inline-start: 8px; top: -60px; background: var(--murekkep); color: #fff; padding: 10px 16px; z-index: 100; }
.atla:focus { top: 8px; }
.etiket { font-family: var(--f-mono); font-size: 12.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--soluk); margin: 0 0 14px; font-weight: 500; }
body.rtl .etiket { font-family: inherit; letter-spacing: 0; text-transform: none; font-size: 14px; }
.etiket a:hover { color: var(--vurgu); }
.dugmeler { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.dugme { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 24px; border: 1px solid var(--murekkep); font-weight: 500; font-size: 16px; cursor: pointer; background: transparent; transition: background-color .15s, color .15s, border-color .15s; }
.dugme-dolu { background: var(--vurgu); border-color: var(--vurgu); color: #fff; }
.dugme-dolu:hover { background: var(--vurgu-koyu); border-color: var(--vurgu-koyu); }
.dugme-cizgi:hover { background: var(--murekkep); color: #fff; }
.wa-ikon { width: 18px; height: 18px; }
.ok-link { font-weight: 500; border-bottom: 1px solid currentColor; padding-bottom: 2px; }
.ok-link:hover { color: var(--vurgu); }
.ust { position: sticky; top: 0; z-index: 50; background: var(--beyaz); border-bottom: 1px solid var(--cizgi); }
.ust-serit { background: var(--gece); color: #c5d0e2; font-family: var(--f-mono); font-size: 12.5px; }
body.rtl .ust-serit { font-family: inherit; }
.serit-ic { display: flex; justify-content: space-between; align-items: center; min-height: 36px; gap: 16px; }
.serit-iletisim { display: flex; gap: 22px; flex-wrap: wrap; }
.serit-iletisim a:hover { color: #fff; }
.diller { display: flex; gap: 2px; }
.diller a { display: block; padding: 6px 9px; }
.diller a:hover { color: #fff; }
.diller a[aria-current] { color: #fff; box-shadow: inset 0 -2px 0 var(--vurgu); }
.ust-ana { display: flex; align-items: center; justify-content: space-between; min-height: 76px; gap: 24px; }
.logo { display: inline-flex; align-items: center; }
.logo img { height: 44px; width: auto; }
.alt .logo img { height: 48px; }
.yazi-logo { font-size: 24px; font-weight: 600; letter-spacing: -.03em; }
.yazi-logo b { display: inline-block; background: var(--murekkep); color: #fff; padding: 2px 7px; margin-inline-end: 6px; font-weight: 600; }
.yazi-logo i { font-style: normal; color: var(--vurgu); font-weight: 600; }
.alt .yazi-logo b { background: #fff; color: var(--gece); }
.alt .yazi-logo i { color: #8cc4ff; }
.menu { display: flex; align-items: center; gap: 4px; }
.menu a { padding: 10px 14px; font-weight: 500; font-size: 16px; border-bottom: 2px solid transparent; }
.menu a:hover { border-bottom-color: var(--cizgi); }
.menu a[aria-current] { border-bottom-color: var(--murekkep); }
.menu a.menu-teklif { margin-inline-start: 14px; background: var(--vurgu); color: #fff; padding: 12px 22px; border: 0; }
.menu a.menu-teklif:hover { background: var(--vurgu-koyu); }
.menu-dugme { display: none; min-height: 44px; padding: 0 16px; background: transparent; border: 1px solid var(--murekkep); cursor: pointer; font-weight: 500; }
.giris { border-bottom: 1px solid var(--cizgi); }
.giris-ic { display: grid; grid-template-columns: 1.05fr .95fr; gap: 56px; padding: 72px 0 64px; align-items: center; }
.giris h1 { font-size: clamp(40px, 5.4vw, 76px); font-weight: 600; letter-spacing: -.035em; line-height: 1.02; }
.giris-aciklama { font-size: 19px; color: var(--soluk); margin-top: 24px; max-width: 540px; }
.sema { margin: 0; border: 1px solid var(--murekkep); padding: 24px 24px 18px; background: var(--kagit); }
.sema svg { width: 100%; height: auto; }
.sema .filtre { fill: var(--beyaz); stroke: var(--murekkep); stroke-width: 1.5; }
.sema .membran { fill: var(--vurgu); }
.sema .boru, .sema .cizgi { stroke: var(--murekkep); stroke-width: 1.5; fill: none; }
.sema .cizgi { stroke-width: 1; stroke: var(--soluk); }
.sema .membran + .cizgi { stroke: #fff; }
.sema text { font-family: var(--f-mono); font-size: 13px; fill: var(--murekkep); }
.sema .alt-yazi { fill: var(--soluk); font-size: 12px; }
.sema-liste { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 24px; margin: 8px 0 14px; font-size: 14px; counter-reset: s; }
.sema-liste li { display: flex; gap: 10px; align-items: baseline; border-top: 1px solid var(--cizgi); padding-top: 6px; }
.sema-liste span { font-family: var(--f-mono); color: var(--vurgu); min-width: 1.2em; }
.sema figcaption { font-family: var(--f-mono); font-size: 12px; color: var(--soluk); border-top: 1px solid var(--murekkep); padding-top: 10px; }
body.rtl .sema figcaption { font-family: inherit; }
.olgular { background: var(--gece); color: #fff; }
.olgu-izgara { display: grid; grid-template-columns: repeat(4, 1fr); }
.olgu { padding: 26px 24px 22px; border-inline-start: 1px solid var(--cizgi-koyu); }
.olgu:last-child { border-inline-end: 1px solid var(--cizgi-koyu); }
.olgu .etiket { color: #8cc4ff; margin-bottom: 8px; }
.olgu p:last-child { margin: 0; color: #c5d0e2; font-size: 15.5px; line-height: 1.5; }
.bolum { padding: 96px 0; }
.bolum-ince { padding: 56px 0 88px; }
.bolum-acik { background: var(--kagit); border-block: 1px solid var(--cizgi); }
.bolum-baslik { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: end; margin-bottom: 48px; }
.bolum-baslik h2 { font-size: clamp(30px, 3.6vw, 48px); letter-spacing: -.03em; }
.bolum-baslik h1 { font-size: clamp(32px, 4vw, 52px); }
.bolum-aciklama { color: var(--soluk); margin: 0; font-size: 18px; }
.iki-sutun { display: grid; grid-template-columns: 5fr 7fr; gap: 64px; align-items: start; }
.iki-sutun .bolum-baslik { grid-template-columns: 1fr; margin-bottom: 24px; gap: 16px; }
.yapiskan { position: sticky; top: 130px; }
.bolum-alt { margin-top: 40px; }
.bolum-alt .dugme { margin: 0; }
.kategori-satirlar { border-top: 1px solid var(--murekkep); }
.kategori-satirlar li { border-bottom: 1px solid var(--cizgi); }
.kategori-satirlar a { display: grid; grid-template-columns: 4fr 5fr 1.4fr 40px; gap: 24px; align-items: baseline; padding: 30px 0; }
.kategori-satirlar a:hover { background: var(--kagit); }
.kat-ad { font-size: clamp(24px, 2.6vw, 36px); font-weight: 600; letter-spacing: -.025em; }
.kat-ozet { color: var(--soluk); font-size: 16px; }
.kat-say { font-family: var(--f-mono); font-size: 13px; color: var(--soluk); }
body.rtl .kat-say { font-family: inherit; }
.kat-ok { text-align: end; font-size: 22px; }
.kategori-satirlar a:hover .kat-ok { color: var(--vurgu); }
.urun-izgara { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--murekkep); border-inline-start: 1px solid var(--cizgi); background: var(--beyaz); }
.urun-kart { display: flex; flex-direction: column; border-inline-end: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); }
.urun-gorsel { display: block; aspect-ratio: 1 / 1; background: var(--kagit); border-bottom: 1px solid var(--cizgi); }
.urun-gorsel img { width: 100%; height: 100%; object-fit: contain; padding: 8%; }
.urun-bilgi { padding: 22px 24px 12px; flex: 1; }
.urun-bilgi h3 { font-size: 22px; letter-spacing: -.02em; margin-bottom: 8px; }
.urun-bilgi h3 a:hover { color: var(--vurgu); }
.urun-bilgi p { color: var(--soluk); font-size: 15.5px; margin: 0; }
.urun-bilgi .etiket { margin-bottom: 8px; }
.urun-alt { display: flex; justify-content: space-between; align-items: baseline; padding: 14px 24px 22px; gap: 12px; }
.fiyat { font-weight: 600; font-size: 17px; }
.urun-alt .ok-link { font-size: 15px; }
.filtre { display: flex; flex-wrap: wrap; gap: 0; margin-bottom: 32px; border-bottom: 1px solid var(--cizgi); }
.filtre a { padding: 14px 20px 12px; font-weight: 500; border-bottom: 2px solid transparent; margin-bottom: -1px; }
.filtre a small { font-family: var(--f-mono); color: var(--soluk); margin-inline-start: 6px; font-size: 12px; }
.filtre a:hover { border-bottom-color: var(--cizgi); }
.filtre a[aria-current] { border-bottom-color: var(--murekkep); }
.bos { color: var(--soluk); padding: 48px 0; }
.asama-tablo, .teknik-tablo { width: 100%; border-collapse: collapse; border-top: 1px solid var(--murekkep); }
.asama-tablo th, .asama-tablo td, .teknik-tablo th, .teknik-tablo td { text-align: start; padding: 20px 0; border-bottom: 1px solid var(--cizgi); vertical-align: top; }
.asama-tablo th { width: 150px; font-family: var(--f-mono); font-size: 13px; font-weight: 500; color: var(--vurgu); letter-spacing: .04em; text-transform: uppercase; padding-inline-end: 16px; }
body.rtl .asama-tablo th { font-family: inherit; text-transform: none; }
.asama-tablo td strong { display: block; font-size: 19px; font-weight: 600; margin-bottom: 4px; }
.asama-tablo td span { color: var(--soluk); }
.teknik-tablo th { width: 42%; font-weight: 500; color: var(--soluk); padding-inline-end: 24px; }
.teknik-tablo td { font-weight: 500; }
.uc-sutun, .dort-sutun { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border-top: 1px solid var(--murekkep); }
.dort-sutun { grid-template-columns: repeat(4, 1fr); }
.sutun { padding: 28px 28px 8px 0; }
.sutun + .sutun { padding-inline-start: 28px; border-inline-start: 1px solid var(--cizgi); }
body.rtl .sutun { padding: 28px 0 8px 28px; }
body.rtl .sutun + .sutun { padding-inline-start: 28px; padding-inline-end: 0; }
.sutun h3 { font-size: 21px; margin-bottom: 10px; }
.sutun p { color: var(--soluk); }
.sss details { border-bottom: 1px solid var(--cizgi); }
.sss details:first-child { border-top: 1px solid var(--murekkep); }
.sss summary { cursor: pointer; list-style: none; padding: 22px 0; font-weight: 600; font-size: 18px; display: flex; justify-content: space-between; gap: 20px; }
.sss summary::-webkit-details-marker { display: none; }
.sss summary::after { content: '+'; font-family: var(--f-mono); font-size: 22px; line-height: 1; color: var(--vurgu); }
.sss details[open] summary::after { content: '−'; }
.sss details p { color: var(--soluk); padding-bottom: 22px; margin: 0; max-width: 62ch; }
.yazi-satirlar { border-top: 1px solid var(--murekkep); }
.yazi-satirlar li { border-bottom: 1px solid var(--cizgi); }
.yazi-satirlar a { display: grid; grid-template-columns: 180px 1fr 1fr; gap: 24px; padding: 24px 0; align-items: baseline; }
.yazi-satirlar a:hover .yazi-baslik { color: var(--vurgu); }
.yazi-satirlar .etiket { margin: 0; }
.yazi-baslik { font-size: 20px; font-weight: 600; letter-spacing: -.015em; }
.yazi-ozet { color: var(--soluk); font-size: 16px; }
.sayfa-ust { padding: 40px 0 44px; border-bottom: 1px solid var(--cizgi); }
.kirinti { font-family: var(--f-mono); font-size: 12.5px; color: var(--soluk); margin-bottom: 28px; display: flex; flex-wrap: wrap; gap: 8px; }
body.rtl .kirinti { font-family: inherit; }
.kirinti a:hover { color: var(--vurgu); }
.sayfa-ust h1 { font-size: clamp(34px, 4.6vw, 62px); letter-spacing: -.035em; max-width: 18ch; }
.sayfa-ozet { max-width: 640px; color: var(--soluk); font-size: 19px; margin: 20px 0 0; }
.urun-detay { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: start; }
.urun-resim { display: grid; gap: 1px; background: var(--cizgi); border: 1px solid var(--cizgi); }
.urun-resim img { width: 100%; background: var(--kagit); padding: 0; aspect-ratio: 1; object-fit: cover; }
.urun-ozet { font-size: 20px; line-height: 1.5; }
.urun-fiyat { font-size: 34px; font-weight: 600; letter-spacing: -.03em; margin: 24px 0 0; }
.urun-fiyat small { display: block; font-size: 14px; font-weight: 400; color: var(--soluk); letter-spacing: 0; margin-top: 4px; }
.oz-liste { margin-top: 36px; border-top: 1px solid var(--murekkep); }
.oz-liste li { padding: 16px 0; border-bottom: 1px solid var(--cizgi); display: grid; grid-template-columns: 38% 1fr; gap: 16px; }
.oz-liste strong { font-weight: 600; }
.oz-liste span { color: var(--soluk); }
.icerik-metin { max-width: 70ch; }
.icerik-metin h2 { font-size: 28px; margin: 1.6em 0 .5em; }
.icerik-metin h3 { font-size: 21px; margin: 1.5em 0 .4em; }
.icerik-metin h2:first-child, .icerik-metin h3:first-child { margin-top: 0; }
.icerik-metin ul, .icerik-metin ol { margin: 0 0 1em; padding-inline-start: 1.3em; list-style: disc; }
.icerik-metin ol { list-style: decimal; }
.icerik-metin li { margin-bottom: .4em; }
.icerik-metin a { color: var(--vurgu); text-decoration: underline; text-underline-offset: 3px; }
.icerik-metin.dar { margin-top: 56px; }
.yazi-kapak { width: 100%; margin-bottom: 36px; border: 1px solid var(--cizgi); }
.ilgili-urun { margin-top: 32px; padding-top: 16px; border-top: 1px solid var(--cizgi); }
.ilgili-urun a { font-weight: 600; }
.adim-liste { margin-top: 28px; border-top: 1px solid var(--murekkep); counter-reset: a; }
.adim-liste li { counter-increment: a; padding: 14px 0; border-bottom: 1px solid var(--cizgi); display: flex; gap: 16px; }
.adim-liste li::before { content: counter(a); font-family: var(--f-mono); color: var(--vurgu); min-width: 1.4em; }
.form-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.alan.tam { grid-column: 1 / -1; }
.alan label { display: block; font-family: var(--f-mono); font-size: 12.5px; letter-spacing: .06em; text-transform: uppercase; color: var(--soluk); margin-bottom: 8px; font-weight: 500; }
body.rtl .alan label { font-family: inherit; letter-spacing: 0; text-transform: none; font-size: 14px; }
.alan input[type=text], .alan input[type=tel], .alan input[type=email], .alan select, .alan textarea { width: 100%; min-height: 52px; padding: 12px 14px; border: 1px solid var(--murekkep); background: var(--beyaz); border-radius: 0; }
.alan textarea { min-height: 140px; resize: vertical; }
.alan input:focus, .alan select:focus, .alan textarea:focus { outline: 2px solid var(--vurgu); outline-offset: 0; border-color: var(--vurgu); }
.alan label.onay { display: flex; font-family: inherit; letter-spacing: 0; text-transform: none; margin: 0; }
.onay { display: flex; gap: 12px; align-items: flex-start; font-size: 15px; color: var(--soluk); cursor: pointer; }
.onay input { width: 22px; height: 22px; margin-top: 2px; accent-color: var(--vurgu); flex: none; }
.onay a { color: var(--vurgu); text-decoration: underline; }
.form-not { font-size: 14px; color: var(--soluk); margin: 14px 0 0; }
.bal-kupu { position: absolute; left: -9999px; height: 0; overflow: hidden; }
.bildirim { padding: 16px 18px; margin-bottom: 24px; border: 1px solid; font-weight: 500; }
.bildirim.basarili { border-color: var(--vurgu); background: #e8f0fd; }
.bildirim.hata { border-color: #a32d2d; background: #f9eaea; }
.bilgi-liste { border-top: 1px solid var(--murekkep); }
.bilgi-liste > div { display: grid; grid-template-columns: 38% 1fr; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--cizgi); }
.bilgi-liste dt { font-family: var(--f-mono); font-size: 12.5px; letter-spacing: .06em; text-transform: uppercase; color: var(--soluk); padding-top: 4px; }
body.rtl .bilgi-liste dt { font-family: inherit; letter-spacing: 0; text-transform: none; font-size: 14px; }
.bilgi-liste dd { margin: 0; font-weight: 500; }
.bilgi-liste .satir { display: block; }
.harita iframe { width: 100%; height: 420px; border: 1px solid var(--cizgi); display: block; }
.harita { padding-bottom: 88px; }
.bulunamadi { padding: 120px 0; }
.bulunamadi h1 { font-size: clamp(34px, 5vw, 60px); margin-bottom: 16px; }
.cagri { background: var(--vurgu); color: #fff; }
.cagri-ic { display: grid; grid-template-columns: 1.1fr .9fr; gap: 56px; padding: 72px 0; align-items: center; }
.cagri .etiket { color: #d3e4ff; }
.cagri h2 { font-size: clamp(30px, 3.8vw, 52px); letter-spacing: -.03em; }
.cagri-metin { margin: 16px 0 0; color: #dbe8fc; max-width: 520px; }
.cagri-tel { display: block; font-family: var(--f-mono); font-size: clamp(26px, 3vw, 40px); font-weight: 500; letter-spacing: -.02em; }
.cagri .dugmeler { margin-top: 20px; }
.cagri .dugme { border-color: #fff; color: #fff; }
.cagri .dugme-dolu { background: #fff; color: var(--vurgu-koyu); }
.cagri .dugme-dolu:hover { background: var(--gece); border-color: var(--gece); color: #fff; }
.cagri .dugme-cizgi:hover { background: #fff; color: var(--vurgu-koyu); }
.alt { background: var(--gece); color: #b3c0d6; }
.alt-izgara { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.4fr; gap: 48px; padding: 72px 0 56px; }
.alt .logo { color: #fff; }
.alt-firma p { margin: 20px 0 0; max-width: 340px; font-size: 15.5px; }
.alt-sosyal { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 20px; font-size: 14.5px; }
.alt-sosyal a:hover, .alt a:hover { color: #fff; }
.alt-kolon h2 { font-family: var(--f-mono); font-size: 12.5px; letter-spacing: .08em; text-transform: uppercase; color: #8cc4ff; margin-bottom: 18px; font-weight: 500; }
body.rtl .alt-kolon h2 { font-family: inherit; letter-spacing: 0; text-transform: none; font-size: 14px; }
.alt-kolon li { margin-bottom: 10px; font-size: 15.5px; }
.alt-iletisim small { color: #7d8ca6; }
.alt-iletisim .saat { color: #8b9ab3; font-size: 14.5px; }
.alt-taban { border-top: 1px solid var(--cizgi-koyu); font-size: 14px; }
.taban-ic { display: flex; flex-wrap: wrap; gap: 12px 32px; justify-content: space-between; padding: 22px 0 26px; align-items: center; }
.taban-ic p { margin: 0; }
.taban-ic ul { display: flex; flex-wrap: wrap; gap: 8px 22px; }
.imza { width: 100%; color: #7d8ca6; }
.imza a { text-decoration: underline; text-underline-offset: 3px; }
.hizli { position: fixed; z-index: 40; inset-inline-end: 20px; bottom: 20px; display: flex; flex-direction: column; gap: 0; }
.hizli a { display: none; }
.hizli a:nth-child(2) { display: flex; align-items: center; gap: 8px; background: #1f9d5f; color: #fff; padding: 14px 18px; font-weight: 500; border: 1px solid #1a8a53; }
.hizli a:nth-child(2):hover { background: #167a49; }
.cerez { position: fixed; z-index: 60; inset-inline-start: 20px; bottom: 20px; max-width: 420px; background: var(--beyaz); border: 1px solid var(--murekkep); padding: 18px 20px; font-size: 14.5px; }
.cerez p { margin: 0 0 14px; }
.cerez a { text-decoration: underline; color: var(--vurgu); }
.cerez-dugmeler { display: flex; gap: 10px; }
.cerez-dugmeler button { flex: 1; min-height: 44px; border: 1px solid var(--murekkep); background: transparent; cursor: pointer; font-weight: 500; }
.cerez-dugmeler .dolu { background: var(--murekkep); color: #fff; }
@media (max-width: 1020px) {
.giris-ic, .iki-sutun, .urun-detay, .cagri-ic, .bolum-baslik { grid-template-columns: 1fr; gap: 36px; }
.bolum-baslik { gap: 16px; margin-bottom: 32px; }
.yapiskan { position: static; }
.olgu-izgara { grid-template-columns: 1fr 1fr; }
.olgu:nth-child(3) { border-inline-start: 1px solid var(--cizgi-koyu); }
.olgu:nth-child(n+3) { border-top: 1px solid var(--cizgi-koyu); }
.urun-izgara { grid-template-columns: 1fr 1fr; }
.kategori-satirlar a { grid-template-columns: 1fr auto; gap: 8px 16px; }
.kat-ozet { grid-column: 1 / -1; grid-row: 2; }
.kat-say { grid-row: 1; grid-column: 2; }
.kat-ok { display: none; }
.uc-sutun, .dort-sutun { grid-template-columns: 1fr 1fr; }
.sutun, body.rtl .sutun { padding: 24px 24px 8px 0; border: 0 !important; }
.yazi-satirlar a { grid-template-columns: 1fr; gap: 6px; }
.alt-izgara { grid-template-columns: 1fr 1fr; gap: 40px; }
.menu-dugme { display: block; }
.menu { display: none; position: absolute; inset-inline: 0; top: 100%; flex-direction: column; align-items: stretch; background: var(--beyaz); border-bottom: 1px solid var(--murekkep); padding: 8px 24px 20px; gap: 0; }
.menu.acik { display: flex; }
.menu a { padding: 16px 0; border-bottom: 1px solid var(--cizgi); }
.menu a.menu-teklif { margin: 16px 0 0; text-align: center; }
.ust-ana { position: relative; }
}
@media (max-width: 640px) {
body { font-size: 16.5px; }
.kap { width: min(var(--genislik), 100% - 32px); }
.bolum { padding: 64px 0; }
.bolum-ince { padding: 40px 0 64px; }
.giris-ic { padding: 44px 0 48px; }
.serit-iletisim a:nth-child(n+2) { display: none; }
.olgu-izgara, .urun-izgara, .uc-sutun, .dort-sutun, .form-izgara, .alt-izgara { grid-template-columns: 1fr; }
.olgu { border-inline-start: 0 !important; border-inline-end: 0 !important; border-top: 1px solid var(--cizgi-koyu); padding-inline: 0; }
.olgu:first-child { border-top: 0; }
.sema-liste { grid-template-columns: 1fr; }
.asama-tablo th { width: 92px; }
.oz-liste li, .bilgi-liste > div { grid-template-columns: 1fr; gap: 4px; }
.teknik-tablo th { width: 48%; }
.dugmeler .dugme { flex: 1 1 100%; }
.cagri-ic { padding: 52px 0; }
.hizli { inset: auto 0 0 0; flex-direction: row; background: var(--gece); border-top: 1px solid var(--cizgi-koyu); }
.hizli a, .hizli a:nth-child(2) { display: flex; flex: 1; justify-content: center; align-items: center; gap: 8px; padding: 15px 8px; color: #fff; background: transparent; border: 0; font-size: 15px; font-weight: 500; }
.hizli a:nth-child(2) { background: #1f9d5f; }
.hizli a + a { border-inline-start: 1px solid var(--cizgi-koyu); }
body { padding-bottom: 54px; }
.cerez { inset-inline: 12px; bottom: 66px; max-width: none; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } * { transition: none !important; } }
.giris { background: var(--gece); color: #fff; border-bottom: 0; }
.giris .etiket { color: #8cc4ff; }
.giris-aciklama { color: #b3c0d6; }
.giris .dugme-cizgi { border-color: rgba(255,255,255,.55); color: #fff; }
.giris .dugme-cizgi:hover { background: #fff; color: var(--gece); }
.giris .dugme-dolu { background: #fff; border-color: #fff; color: var(--gece); }
.giris .dugme-dolu:hover { background: #8cc4ff; border-color: #8cc4ff; }
.giris-ic { grid-template-columns: 1.1fr .9fr; padding: 80px 0 72px; }
.video-kutu { margin: 0; justify-self: end; width: min(100%, 400px); }
.video-kutu video { display: block; width: 100%; aspect-ratio: 9 / 16; max-height: 640px; object-fit: cover; background: #050b14; border: 1px solid var(--cizgi-koyu); }
.video-kutu figcaption { font-family: var(--f-mono); font-size: 12px; color: #8b9ab3; border-top: 1px solid var(--cizgi-koyu); padding-top: 10px; margin-top: 10px; }
body.rtl .video-kutu figcaption { font-family: inherit; }
.yapiskan .sema { margin-top: 28px; }
.vitrin { display: grid; grid-template-columns: 5fr 6fr; gap: 56px; align-items: center; border-top: 1px solid var(--murekkep); padding-top: 40px; }
.vitrin + .vitrin { margin-top: 56px; }
.vitrin-gorsel { display: block; background: var(--kagit); border: 1px solid var(--cizgi); }
.vitrin-gorsel img { width: 100%; height: auto; display: block; }
.vitrin-metin h3 { font-size: clamp(30px, 3.4vw, 46px); letter-spacing: -.03em; margin-bottom: 14px; }
.vitrin-metin h3 a:hover { color: var(--vurgu); }
.vitrin-ozet { font-size: 19px; color: var(--soluk); max-width: 52ch; }
.vitrin .oz-liste { margin-top: 24px; }
.vitrin .urun-fiyat { font-size: 22px; margin-top: 22px; }
@media (max-width: 1020px) {
.giris-ic { grid-template-columns: 1fr; padding: 56px 0 56px; }
.video-kutu { justify-self: start; width: min(100%, 320px); }
.vitrin { grid-template-columns: 1fr; gap: 28px; }
}
:root {
--kagit: #f8f3ea;
--cizgi: #e6dece;
--soluk: #666a5f;
--gece: #0a1626;
--cizgi-koyu: #1c3350;
--sicak: #e9a43c;
--yaricap: 12px;
--ease: cubic-bezier(.22, .8, .24, 1);
}
body { background: #fffdf9; }
::selection { background: var(--sicak); color: var(--murekkep); }
html { scroll-padding-top: 120px; }
main { animation: sayfa-ac .6s var(--ease) both; }
@keyframes sayfa-ac { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.dugme { border-radius: 10px; transition: transform .25s var(--ease), background-color .2s, color .2s, border-color .2s, box-shadow .25s; }
.dugme:hover { transform: translateY(-2px); box-shadow: 0 8px 18px -10px rgba(10, 22, 38, .45); }
.dugme:active { transform: translateY(0); box-shadow: none; }
.menu a.menu-teklif { border-radius: 10px; transition: transform .25s var(--ease), background-color .2s; }
.menu a.menu-teklif:hover { transform: translateY(-1px); }
.ok-link { border-bottom-color: var(--sicak); border-bottom-width: 2px; transition: color .2s, gap .25s; }
.ok-link span { display: inline-block; transition: transform .25s var(--ease); }
.ok-link:hover span { transform: translateX(5px); }
body.rtl .ok-link:hover span { transform: translateX(-5px); }
.ust { transition: box-shadow .3s, background-color .3s; }
.ust.kaydi { box-shadow: 0 10px 30px -22px rgba(10, 22, 38, .6); }
.ust-ana { transition: min-height .3s var(--ease); }
.ust.kaydi .ust-ana { min-height: 64px; }
.menu a { position: relative; border-bottom: 0; transition: color .2s; }
.menu a:not(.menu-teklif)::after { content: ''; position: absolute; inset-inline: 14px; bottom: 4px; height: 2px; background: var(--sicak); transform: scaleX(0); transform-origin: left; transition: transform .3s var(--ease); }
body.rtl .menu a:not(.menu-teklif)::after { transform-origin: right; }
.menu a:not(.menu-teklif):hover::after, .menu a[aria-current]::after { transform: scaleX(1); }
.logo img { transition: transform .35s var(--ease); }
.logo:hover img { transform: translateY(-2px) rotate(-1.5deg); }
.diller a { border-radius: 6px; transition: background-color .2s, color .2s; }
.diller a:hover { background: rgba(255, 255, 255, .1); }
.giris { position: relative; }
.giris-metin > * { animation: yuksel .8s var(--ease) both; }
.giris-metin > *:nth-child(1) { animation-delay: .05s; }
.giris-metin > *:nth-child(2) { animation-delay: .15s; }
.giris-metin > *:nth-child(3) { animation-delay: .28s; }
.giris-metin > *:nth-child(4) { animation-delay: .4s; }
.video-kutu { animation: yuksel .9s .25s var(--ease) both; }
@keyframes yuksel { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; } }
.giris .etiket { display: inline-flex; align-items: center; gap: 10px; }
.giris .etiket::before { content: ''; width: 9px; height: 9px; border-radius: 50%; background: var(--sicak); animation: nabiz 2.4s ease-in-out infinite; }
@keyframes nabiz { 50% { transform: scale(.65); opacity: .6; } }
.video-kutu video { border-radius: 16px; transition: transform .5s var(--ease); }
.video-kutu:hover video { transform: scale(1.015); }
.video-kutu figcaption { border-top-color: var(--cizgi-koyu); }
.giris h1 { font-size: clamp(38px, 5vw, 68px); }
.olgular { position: relative; margin-bottom: 36px; }
.olgular::after { content: ''; position: absolute; left: 0; right: 0; bottom: -35px; height: 36px; background: var(--gece); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 36' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1200V12C1100 32 1000 32 900 14S700 -4 600 14 400 34 300 16 100 -2 0 14Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 36' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1200V12C1100 32 1000 32 900 14S700 -4 600 14 400 34 300 16 100 -2 0 14Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat; }
.olgu { transition: background-color .3s; }
.olgu:hover { background: rgba(255, 255, 255, .04); }
.olgu .etiket::before { content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--sicak); margin-inline-end: 8px; vertical-align: middle; }
.bolum-baslik h2, .bolum-baslik h1 { position: relative; }
.bolum-baslik > div > h2::after { content: ''; display: block; width: 54px; height: 5px; border-radius: 3px; background: var(--sicak); margin-top: 18px; transform-origin: left; transition: transform .6s var(--ease) .15s; }
.bolum-baslik.gor:not(.gor-ok) > div > h2::after { transform: scaleX(0); }
body.rtl .bolum-baslik > div > h2::after { transform-origin: right; }
.bolum-acik { background: var(--kagit); border-color: var(--cizgi); }
.sayfa-ust { background: var(--kagit); border-bottom: 0; }
.sayfa-ust h1 { position: relative; }
.urun-izgara { gap: 24px; border: 0; background: transparent; }
.urun-kart { border: 1px solid var(--cizgi); border-radius: 16px; overflow: hidden; background: #fff; transition: transform .35s var(--ease), box-shadow .35s var(--ease), border-color .25s; }
.urun-kart:hover { transform: translateY(-6px); box-shadow: 0 22px 40px -26px rgba(10, 22, 38, .55); border-color: var(--vurgu); }
.urun-gorsel { border-bottom: 1px solid var(--cizgi); overflow: hidden; }
.urun-gorsel img { transition: transform .6s var(--ease); }
.urun-kart:hover .urun-gorsel img { transform: scale(1.06); }
.vitrin { border-top: 0; background: #fff; border: 1px solid var(--cizgi); border-radius: 22px; padding: 28px; transition: box-shadow .4s var(--ease); }
.vitrin:hover { box-shadow: 0 30px 60px -40px rgba(10, 22, 38, .55); }
.vitrin-gorsel { border-radius: 16px; overflow: hidden; border: 0; background: var(--gece); }
.vitrin-gorsel img { transition: transform .7s var(--ease); }
.vitrin:hover .vitrin-gorsel img { transform: scale(1.04); }
.urun-resim { border-radius: 16px; overflow: hidden; }
.sema { border-radius: 16px; border-color: var(--cizgi); background: var(--kagit); }
.sema .filtre { rx: 6px; transition: fill .3s; }
.kategori-satirlar { border-top-color: var(--cizgi); }
.kategori-satirlar a { border-radius: 14px; padding-inline: 18px; margin-inline: -18px; transition: background-color .25s, transform .3s var(--ease); }
.kategori-satirlar a:hover { background: var(--kagit); transform: translateX(6px); }
body.rtl .kategori-satirlar a:hover { transform: translateX(-6px); }
.kat-ok { transition: transform .3s var(--ease), color .2s; }
.kategori-satirlar a:hover .kat-ok { transform: translateX(6px); }
body.rtl .kategori-satirlar a:hover .kat-ok { transform: translateX(-6px); }
.asama-tablo tr { transition: background-color .25s; }
.asama-tablo tr:hover { background: var(--kagit); }
.asama-tablo th { color: var(--vurgu); }
.sutun { transition: transform .3s var(--ease); }
.sutun h3 { position: relative; display: inline-block; }
.sutun h3::after { content: ''; position: absolute; left: 0; right: 0; bottom: -4px; height: 3px; background: var(--sicak); transform: scaleX(0); transform-origin: left; transition: transform .35s var(--ease); }
.sutun:hover h3::after { transform: scaleX(1); }
.sss details { border-radius: 0; transition: background-color .25s; }
.sss details[open] { background: var(--kagit); }
.sss details[open] summary { color: var(--vurgu); }
.sss summary { transition: color .2s, padding .25s var(--ease); padding-inline: 4px; }
.sss summary:hover { color: var(--vurgu); }
.sss details[open] > p { animation: yuksel .45s var(--ease) both; padding-inline: 4px; }
.yazi-satirlar a { border-radius: 14px; padding-inline: 18px; margin-inline: -18px; transition: background-color .25s, transform .3s var(--ease); }
.yazi-satirlar a:hover { background: var(--kagit); transform: translateX(6px); }
body.rtl .yazi-satirlar a:hover { transform: translateX(-6px); }
.filtre a { border-radius: 10px 10px 0 0; transition: background-color .2s, border-color .2s; }
.filtre a:hover { background: var(--kagit); }
.alan input[type=text], .alan input[type=tel], .alan input[type=email], .alan select, .alan textarea { border-radius: 10px; border-color: #cfc7b4; transition: border-color .2s, box-shadow .2s, background-color .2s; }
.alan input:hover, .alan select:hover, .alan textarea:hover { border-color: var(--vurgu); }
.alan input:focus, .alan select:focus, .alan textarea:focus { box-shadow: 0 0 0 4px rgba(21, 86, 200, .14); outline: 0; }
.bildirim { border-radius: 12px; }
.onay input { border-radius: 5px; }
.cagri { position: relative; }
.cagri .etiket::before { content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--sicak); margin-inline-end: 10px; }
.cagri-tel { transition: transform .3s var(--ease); display: inline-block; }
.cagri-tel:hover { transform: scale(1.03); }
.alt a { transition: color .2s, transform .25s var(--ease); }
.alt-kolon li a:hover { color: #fff; }
.hizli a:nth-child(2) { border-radius: 14px; transition: transform .3s var(--ease), background-color .2s, box-shadow .3s; box-shadow: 0 14px 28px -14px rgba(10, 22, 38, .7); }
.hizli a:nth-child(2):hover { transform: translateY(-3px); }
.balon { position: fixed; z-index: 39; inset-inline-end: 24px; bottom: 82px; max-width: 250px; background: #fff; border: 1px solid var(--cizgi); border-radius: 14px 14px 4px 14px; padding: 12px 16px; font-size: 14.5px; font-weight: 500; box-shadow: 0 16px 34px -20px rgba(10, 22, 38, .6); opacity: 0; transform: translateY(10px) scale(.96); pointer-events: none; transition: opacity .5s var(--ease), transform .5s var(--ease); }
body.rtl .balon { border-radius: 14px 14px 14px 4px; }
.balon.acik { opacity: 1; transform: none; pointer-events: auto; }
.balon button { position: absolute; top: -10px; inset-inline-end: -8px; width: 24px; height: 24px; border-radius: 50%; border: 1px solid var(--cizgi); background: #fff; cursor: pointer; font-size: 14px; line-height: 1; padding: 0; }
.cerez { border-radius: 14px; }
.cerez-dugmeler button { border-radius: 10px; transition: background-color .2s, color .2s; }
.gor { opacity: 0; transform: translateY(26px); transition: opacity .7s var(--ease), transform .7s var(--ease); transition-delay: calc(var(--i, 0) * 90ms); }
.gor.gor-ok { opacity: 1; transform: none; }
.urun-kart.gor-ok, .vitrin.gor-ok { transition: opacity .7s var(--ease), transform .35s var(--ease), box-shadow .35s var(--ease), border-color .25s; }
@media (max-width: 1020px) {
.olgular::after { height: 24px; bottom: -23px; }
.olgular { margin-bottom: 24px; }
.vitrin { padding: 18px; border-radius: 18px; }
.balon { display: none; }
}
@media (max-width: 640px) {
.kategori-satirlar a, .yazi-satirlar a { margin-inline: -8px; padding-inline: 8px; }
}
@media (prefers-reduced-motion: reduce) {
main, .giris-metin > *, .video-kutu { animation: none !important; }
.gor { opacity: 1; transform: none; }
}
.yan-duzen { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 56px; align-items: start; }
.yan-duzen.yan-solda { grid-template-columns: 300px minmax(0, 1fr); }
.yan { display: grid; gap: 20px; position: sticky; top: 110px; }
.yan-kutu { background: #fff; border: 1px solid var(--cizgi); border-radius: 18px; padding: 24px; transition: box-shadow .35s var(--ease), transform .35s var(--ease); }
.yan-kutu:hover { box-shadow: 0 20px 40px -30px rgba(10, 22, 38, .5); }
.yan-kutu h3 { font-size: 20px; margin-bottom: 8px; letter-spacing: -.02em; }
.yan-kutu p { color: var(--soluk); font-size: 15.5px; margin-bottom: 16px; }
.yan-dugmeler { display: grid; gap: 10px; }
.yan-dugmeler .dugme { margin: 0; width: 100%; min-height: 46px; }
.yan-vurgu { background: var(--vurgu); border-color: var(--vurgu); color: #fff; }
.yan-vurgu p { color: #d6e4fb; }
.yan-vurgu .dugme-dolu { background: #fff; border-color: #fff; color: var(--vurgu-koyu); }
.yan-vurgu .dugme-dolu:hover { background: var(--sicak); border-color: var(--sicak); color: var(--murekkep); }
.yan-vurgu .dugme-cizgi { border-color: rgba(255, 255, 255, .6); color: #fff; }
.yan-vurgu .dugme-cizgi:hover { background: #fff; color: var(--vurgu-koyu); }
.yan-liste ul { display: grid; gap: 4px; }
.yan-liste li a { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 14px; margin-inline: -14px; border-radius: 10px; font-weight: 500; transition: background-color .2s, color .2s, transform .25s var(--ease); }
.yan-liste li a:hover { background: var(--kagit); transform: translateX(4px); }
body.rtl .yan-liste li a:hover { transform: translateX(-4px); }
.yan-liste li a[aria-current] { background: var(--kagit); color: var(--vurgu); box-shadow: inset 3px 0 0 var(--sicak); }
body.rtl .yan-liste li a[aria-current] { box-shadow: inset -3px 0 0 var(--sicak); }
.yan-yazilar li a { display: block; padding: 12px 14px; }
.yan-yazilar .etiket { margin: 0 0 4px; font-size: 11.5px; }
.yan-yazilar span:not(.etiket) { display: block; line-height: 1.35; }
.yan-urun { display: block; }
.yan-urun img { width: 100%; border-radius: 12px; margin-bottom: 14px; background: var(--gece); }
.yan-urun strong { display: block; font-size: 20px; margin: 4px 0 12px; }
.yan-urun:hover { transform: translateY(-4px); border-color: var(--vurgu); }
.yasal-metin h3 { font-size: 20px; margin: 1.6em 0 .5em; }
.yasal-metin { max-width: 74ch; }
.sss { display: grid; gap: 14px; }
.sss details, .sss details:first-child { border: 1px solid var(--cizgi); border-radius: 18px; background: #fff; padding: 0 24px; transition: border-color .25s, box-shadow .3s var(--ease), background-color .25s; }
.sss details:hover { border-color: #cdbf9f; }
.sss details[open] { border-color: var(--vurgu); background: #fff; box-shadow: 0 18px 36px -28px rgba(21, 86, 200, .6); }
.sss summary { padding: 22px 0; padding-inline: 0; gap: 18px; align-items: center; font-size: 18px; }
.sss summary::after { content: '+'; flex: none; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--kagit); color: var(--vurgu); font-size: 22px; font-family: var(--f-govde); transition: transform .35s var(--ease), background-color .2s, color .2s; }
.sss details[open] summary::after { content: '+'; transform: rotate(135deg); background: var(--vurgu); color: #fff; }
.sss details > p { padding: 0 54px 24px 0; max-width: none; }
body.rtl .sss details > p { padding: 0 0 24px 54px; }
.yazi-izgara { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.yazi-kart { background: #fff; border: 1px solid var(--cizgi); border-radius: 20px; overflow: hidden; display: flex; flex-direction: column; transition: transform .35s var(--ease), box-shadow .35s var(--ease), border-color .25s; }
.yazi-kart:hover { transform: translateY(-6px); box-shadow: 0 24px 44px -28px rgba(10, 22, 38, .55); border-color: var(--vurgu); }
.yazi-kapak-kutu { display: block; overflow: hidden; aspect-ratio: 16 / 10; background: var(--kagit); }
.yazi-kapak-kutu img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s var(--ease); }
.yazi-kart:hover .yazi-kapak-kutu img { transform: scale(1.06); }
.yazi-kart-ic { padding: 22px 24px 26px; display: flex; flex-direction: column; flex: 1; }
.yazi-kart-ic .etiket { margin-bottom: 10px; }
.yazi-kart-ic h3 { font-size: 21px; line-height: 1.25; margin-bottom: 10px; letter-spacing: -.02em; }
.yazi-kart-ic h3 a:hover { color: var(--vurgu); }
.yazi-kart-ic p { color: var(--soluk); font-size: 15.5px; margin-bottom: 18px; flex: 1; }
.yazi-kart-ic .ok-link { align-self: flex-start; }
.yazi-govde .yazi-kapak { width: 100%; height: auto; border: 0; border-radius: 20px; margin-bottom: 28px; }
.yazi-govde .icerik-metin { max-width: none; font-size: 18px; }
.yazi-govde .icerik-metin h2 { font-size: 30px; }
.galeri { position: relative; border-radius: 20px; overflow: hidden; background: var(--gece); }
.galeri-seridi { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.galeri-seridi::-webkit-scrollbar { display: none; }
.slayt { flex: 0 0 100%; scroll-snap-align: center; aspect-ratio: 1; position: relative; }
.slayt img, .slayt video { width: 100%; height: 100%; object-fit: cover; display: block; background: var(--gece); }
.buyut { display: block; width: 100%; height: 100%; padding: 0; border: 0; background: none; cursor: zoom-in; position: relative; }
.buyut::after { content: attr(aria-label); position: absolute; inset-inline-start: 14px; bottom: 14px; background: rgba(10, 22, 38, .78); color: #fff; font-size: 12.5px; padding: 6px 12px; border-radius: 8px; opacity: 0; transform: translateY(6px); transition: opacity .25s, transform .25s var(--ease); }
.buyut:hover::after, .buyut:focus-visible::after { opacity: 1; transform: none; }
.gal-ok { position: absolute; top: 50%; translate: 0 -50%; width: 46px; height: 46px; border-radius: 50%; border: 0; background: rgba(255, 255, 255, .92); color: var(--murekkep); font-size: 20px; cursor: pointer; transition: transform .25s var(--ease), background-color .2s; box-shadow: 0 10px 20px -12px rgba(0, 0, 0, .6); }
.gal-ok:hover { background: var(--sicak); transform: scale(1.08); }
.gal-onceki { inset-inline-start: 14px; }
.gal-sonraki { inset-inline-end: 14px; }
.gal-noktalar { position: absolute; inset-inline: 0; bottom: 14px; display: flex; justify-content: center; gap: 8px; pointer-events: none; }
.gal-noktalar button { pointer-events: auto; width: 9px; height: 9px; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .5); cursor: pointer; transition: width .3s var(--ease), background-color .2s; }
.gal-noktalar button.aktif { width: 26px; border-radius: 5px; background: var(--sicak); }
.isik { position: fixed; inset: 0; z-index: 90; background: rgba(8, 16, 12, .94); display: grid; place-items: center; animation: sayfa-ac .3s var(--ease) both; }
.isik img { max-width: 92vw; max-height: 86vh; border-radius: 14px; box-shadow: 0 30px 80px -30px #000; }
.isik button { position: absolute; width: 48px; height: 48px; border-radius: 50%; border: 0; background: rgba(255, 255, 255, .14); color: #fff; font-size: 24px; cursor: pointer; transition: background-color .2s, transform .2s; }
.isik button:hover { background: var(--sicak); color: var(--murekkep); transform: scale(1.08); }
.isik .i-kapat { top: 20px; inset-inline-end: 20px; }
.isik .i-onceki { inset-inline-start: 20px; top: 50%; translate: 0 -50%; }
.isik .i-sonraki { inset-inline-end: 20px; top: 50%; translate: 0 -50%; }
.cagri { background: var(--vurgu) url('img/cagri-bg.jpg') center / cover no-repeat; position: relative; isolation: isolate; }
.cagri::before { content: ''; position: absolute; inset: 0; background: rgba(8, 38, 98, .86); z-index: -1; }
.cagri-ic { position: relative; }
.hizli { gap: 12px; }
.hizli a.hizli-ara { display: flex; align-items: center; gap: 8px; background: var(--vurgu); color: #fff; padding: 14px 18px; font-weight: 500; border: 1px solid var(--vurgu-koyu); border-radius: 14px; box-shadow: 0 14px 28px -14px rgba(10, 22, 38, .7); transition: transform .3s var(--ease), background-color .2s; }
.hizli a.hizli-ara:hover { background: var(--vurgu-koyu); transform: translateY(-3px); }
.hizli a.hizli-ara svg { width: 18px; height: 18px; }
.balon { bottom: 140px; }
.harita iframe { border-radius: 20px; border: 1px solid var(--cizgi); }
@media (max-width: 1020px) {
.yan-duzen, .yan-duzen.yan-solda { grid-template-columns: 1fr; gap: 36px; }
.yan { position: static; }
.yazi-izgara { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
.yazi-izgara { grid-template-columns: 1fr; }
.sss details, .sss details:first-child { padding: 0 18px; border-radius: 16px; }
.sss summary { font-size: 16.5px; }
.sss details > p, body.rtl .sss details > p { padding: 0 0 20px; }
.hizli a.hizli-ara { border-radius: 0; border: 0; box-shadow: none; background: transparent; }
.gal-ok { width: 40px; height: 40px; }
.isik .i-onceki, .isik .i-sonraki { top: auto; bottom: 20px; translate: none; }
}
.ikon-kutu { display: inline-grid; place-items: center; width: 56px; height: 56px; border-radius: 16px; background: #e8f0fd; color: var(--vurgu); flex: none; transition: transform .4s var(--ease), background-color .25s, color .25s; }
.ikonlu:hover .ikon-kutu, .kat-kart:hover .ikon-kutu, .sutun:hover .ikon-kutu, .adim-ikon li:hover .ikon-kutu { background: var(--vurgu); color: #fff; transform: rotate(-6deg) scale(1.06); }
.ikonlu-izgara { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.ikonlu-izgara.iki { grid-template-columns: 1fr 1fr; gap: 28px 32px; }
.ikonlu { background: #fff; border: 1px solid var(--cizgi); border-radius: 20px; padding: 26px; transition: transform .35s var(--ease), box-shadow .35s var(--ease), border-color .25s; }
.ikonlu:hover { transform: translateY(-6px); border-color: var(--vurgu); box-shadow: 0 22px 40px -28px rgba(10, 22, 38, .5); }
.ikonlu h3 { font-size: 19px; margin: 18px 0 8px; letter-spacing: -.02em; }
.ikonlu p { color: var(--soluk); font-size: 15.5px; margin: 0; }
.sutun .ikon-kutu { margin-bottom: 18px; }
.kat-izgara { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.kat-kart { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--cizgi); border-radius: 22px; padding: 30px; min-height: 280px; transition: transform .35s var(--ease), box-shadow .35s var(--ease), border-color .25s, background-color .25s; }
.kat-kart:hover { transform: translateY(-8px); border-color: var(--vurgu); box-shadow: 0 28px 48px -30px rgba(10, 22, 38, .6); }
.kat-kart h3 { font-size: clamp(22px, 2.2vw, 28px); margin: 22px 0 10px; letter-spacing: -.025em; }
.kat-kart p { color: var(--soluk); flex: 1; margin-bottom: 20px; }
.kat-alt { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid var(--cizgi); padding-top: 16px; }
.kat-alt .etiket { margin: 0; }
.kat-kart .kat-ok { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--kagit); font-size: 18px; transition: background-color .25s, color .25s, transform .3s var(--ease); }
.kat-kart:hover .kat-ok { background: var(--sicak); transform: translateX(4px); }
body.rtl .kat-kart:hover .kat-ok { transform: translateX(-4px); }
.bolum-koyu { background: var(--gece); color: #fff; position: relative; overflow: hidden; }
.bolum-koyu .etiket { color: #8cc4ff; }
.bolum-koyu .bolum-baslik { grid-template-columns: 1fr; margin-bottom: 36px; }
.bolum-koyu .ikonlu { background: rgba(255, 255, 255, .05); border-color: var(--cizgi-koyu); }
.bolum-koyu .ikonlu:hover { background: rgba(255, 255, 255, .09); border-color: #8cc4ff; box-shadow: none; }
.bolum-koyu .ikonlu p { color: #b3c0d6; }
.bolum-koyu .ikon-kutu { background: rgba(140, 196, 255, .14); color: #8cc4ff; }
.neden { display: grid; grid-template-columns: 5fr 7fr; gap: 64px; align-items: center; }
.neden-gorseller { position: relative; aspect-ratio: 4 / 5; }
.neden-gorseller img { position: absolute; border-radius: 22px; object-fit: cover; box-shadow: 0 30px 60px -30px #000; transition: transform .8s var(--ease); }
.neden-gorseller .n1 { inset-inline-start: 0; top: 0; width: 66%; height: 72%; }
.neden-gorseller .n2 { inset-inline-end: 0; bottom: 0; width: 58%; height: 62%; border: 6px solid var(--gece); }
.neden:hover .n1 { transform: translate(-6px, -6px) rotate(-1.2deg); }
.neden:hover .n2 { transform: translate(6px, 6px) rotate(1.2deg); }
.mozaik { display: grid; grid-template-columns: 1.1fr 1fr 1fr 1fr; grid-template-rows: 230px 230px; gap: 16px; }
.mozaik figure { margin: 0; border-radius: 22px; overflow: hidden; background: var(--gece); position: relative; }
.mozaik img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--ease); }
.mozaik figure:hover img { transform: scale(1.07); }
.mozaik .m-buyuk { grid-row: span 2; }
.mozaik figure:last-child { grid-column: span 2; }
.mozaik .m-yazi { background: var(--vurgu); color: #fff; display: grid; place-items: center; padding: 24px; text-align: center; }
.mozaik .m-yazi .etiket { color: #d3e4ff; }
.mozaik .m-yazi strong { font-size: 26px; letter-spacing: -.03em; }
.hak-metin { font-size: 18px; max-width: none; }
.video-bant { display: grid; grid-template-columns: 4fr 7fr; gap: 64px; align-items: center; }
.video-bant-video video { width: 100%; max-height: 640px; border-radius: 22px; background: #050b14; display: block; box-shadow: 0 30px 60px -36px rgba(10, 22, 38, .8); }
.adim-ikon { display: grid; gap: 22px; margin-top: 8px; }
.adim-ikon li { display: flex; gap: 20px; align-items: flex-start; }
.adim-ikon h3 { font-size: 20px; margin: 4px 0 6px; }
.adim-ikon p { color: var(--soluk); margin: 0; }
@media (max-width: 1020px) {
.ikonlu-izgara { grid-template-columns: 1fr 1fr; }
.kat-izgara { grid-template-columns: 1fr; }
.kat-kart { min-height: 0; }
.neden, .video-bant { grid-template-columns: 1fr; gap: 36px; }
.neden-gorseller { aspect-ratio: 16 / 11; max-width: 520px; }
.mozaik { grid-template-columns: 1fr 1fr; grid-template-rows: none; grid-auto-rows: 200px; }
.mozaik .m-buyuk { grid-row: span 2; }
.mozaik figure:last-child { grid-column: auto; }
.video-bant-video { max-width: 340px; }
}
@media (max-width: 640px) {
.ikonlu-izgara, .ikonlu-izgara.iki { grid-template-columns: 1fr; }
.mozaik { grid-auto-rows: 160px; gap: 10px; }
}
.gorsel-yok { display: grid; place-content: center; justify-items: center; gap: 12px; width: 100%; height: 100%; min-height: 220px; aspect-ratio: 1; padding: 24px; text-align: center; background: var(--kagit); color: var(--soluk); font-size: 14.5px; font-weight: 500; }
.gorsel-yok .ikon { color: var(--vurgu); opacity: .75; }
.galeri-bos { background: var(--kagit); border: 1px dashed #cfc7b4; }
.galeri-bos .gorsel-yok { aspect-ratio: 1; }
.urun-gorsel .gorsel-yok, .vitrin-gorsel .gorsel-yok { border-radius: 0; }
.vitrin-gorsel:has(.gorsel-yok) { background: var(--kagit); border: 1px dashed #cfc7b4; }
.galeri-izgara { columns: 3; column-gap: 24px; }
.g-kare { break-inside: avoid; margin: 0 0 24px; border-radius: 20px; overflow: hidden; background: #fff; border: 1px solid var(--cizgi); transition: transform .35s var(--ease), box-shadow .35s var(--ease), border-color .25s; }
.g-kare:hover { transform: translateY(-5px); border-color: var(--vurgu); box-shadow: 0 24px 44px -28px rgba(10, 22, 38, .6); }
.g-kare button { display: block; width: 100%; padding: 0; border: 0; background: var(--gece); cursor: zoom-in; position: relative; overflow: hidden; }
.g-kare .g-oynat { cursor: pointer; }
.g-kare img, .g-kare video { width: 100%; height: auto; display: block; transition: transform .7s var(--ease); }
.g-kare video { background: #000; }
.g-kare:hover img { transform: scale(1.05); }
.g-ikon { position: absolute; inset: 0; display: grid; place-items: center; color: #fff; background: rgba(10, 22, 38, .28); transition: background-color .3s; }
.g-oynat:hover .g-ikon { background: rgba(21, 86, 200, .45); }
.g-ikon svg { width: 64px; height: 64px; transition: transform .35s var(--ease); }
.g-oynat:hover .g-ikon svg { transform: scale(1.12); }
.g-kare figcaption { padding: 14px 18px 18px; font-weight: 500; font-size: 15.5px; }
@media (max-width: 1020px) { .galeri-izgara { columns: 2; } }
@media (max-width: 560px) { .galeri-izgara { columns: 1; } }
.bolge-liste { display: flex; flex-wrap: wrap; gap: 10px; }
.bolge-liste li { background: #fff; border: 1px solid var(--cizgi); border-radius: 10px; padding: 9px 16px; font-weight: 500; font-size: 15.5px; transition: transform .25s var(--ease), border-color .2s, background-color .2s, color .2s; }
.bolge-liste li:hover { transform: translateY(-3px); border-color: var(--vurgu); background: var(--vurgu); color: #fff; }
.bolge.bolum-acik .bolge-liste li { background: #fff; }
.sert-izgara { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.sert { margin: 0; background: #fff; border: 1px solid var(--cizgi); border-radius: 18px; overflow: hidden; transition: transform .35s var(--ease), box-shadow .35s var(--ease), border-color .25s; }
.sert:hover { transform: translateY(-5px); border-color: var(--vurgu); box-shadow: 0 22px 40px -28px rgba(10, 22, 38, .5); }
.sert-gorsel { display: grid; place-items: center; width: 100%; aspect-ratio: 4 / 3; padding: 18px; border: 0; background: var(--kagit); cursor: zoom-in; }
.sert-gorsel img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
.sert figcaption { padding: 14px 18px 18px; display: grid; gap: 4px; font-size: 14.5px; color: var(--soluk); }
.sert figcaption strong { color: var(--murekkep); font-size: 16px; }
.yorum-izgara { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.yorum { margin: 0; background: #fff; border: 1px solid var(--cizgi); border-radius: 20px; padding: 26px; display: flex; flex-direction: column; gap: 14px; transition: transform .35s var(--ease), box-shadow .35s var(--ease); }
.yorum:hover { transform: translateY(-5px); box-shadow: 0 22px 40px -28px rgba(10, 22, 38, .5); }
.yildizlar { display: flex; gap: 3px; color: var(--sicak); }
.yorum blockquote { margin: 0; flex: 1; }
.yorum blockquote p { margin: 0; font-size: 16.5px; }
.yorum figcaption { display: grid; gap: 2px; font-size: 14.5px; color: var(--soluk); }
.yorum figcaption strong { color: var(--murekkep); font-size: 16px; }
@media (max-width: 1020px) { .sert-izgara { grid-template-columns: 1fr 1fr; } .yorum-izgara { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .sert-izgara { grid-template-columns: 1fr; } }