/* poyrazv2 — Poyraz Alarm teması (kütüphanesiz) */
:root {
	--py-ana: #fa360a;
	--py-ana-koyu: #d42c06;
	--py-koyu: #111111;
	--py-yazi: #646464;
	--py-acik: #f8f8f8;
	--py-gri: #eeeff1;
	--py-cizgi: #e5e5e5;
	--py-kap: 1170px;
	--py-baslik-font: 'Barlow', Arial, sans-serif;
	--py-yazi-font: 'Roboto', Arial, sans-serif;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: var(--py-yazi-font); font-size: 15px; line-height: 1.75; color: var(--py-yazi); background: #fff; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; transition: color .2s, background-color .2s, border-color .2s; }
a:hover { color: var(--py-ana); }
h1, h2, h3, h4 { margin: 0; font-family: var(--py-baslik-font); font-weight: 700; color: var(--py-koyu); line-height: 1.25; }
p { margin: 0 0 14px; }
ul, ol { margin: 0; padding: 0; list-style: none; }
button { font-family: inherit; cursor: pointer; }
svg { display: block; }
.py-kap { width: 100%; max-width: calc(var(--py-kap) + 30px); margin: 0 auto; padding: 0 15px; }
.py-gizli { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.py-iki { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; }
.py-uclu { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; }
.py-dortlu { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px; }
.py-ok { width: 16px; height: 16px; }
.py-bolum { padding: 100px 0; }
.py-bos { padding: 30px 0; text-align: center; }

/* ---------- Başlıklar ---------- */
.py-ust-yazi { display: inline-flex; align-items: center; gap: 14px; margin-bottom: 8px; font-family: var(--py-baslik-font); font-size: 16px; font-weight: 600; color: var(--py-ana); }
.py-ust-yazi.is-cizgi::after { content: ""; width: 30px; height: 3px; border-radius: 2px; background: var(--py-ana); box-shadow: -10px 0 0 -0px rgba(250, 54, 10, .35); margin-left: 10px; }
.py-baslik { margin-bottom: 45px; }
.py-baslik h2 { font-size: 40px; }
.py-baslik.is-orta { text-align: center; }
.py-baslik.is-orta h2 { text-transform: uppercase; }
.py-baslik.is-orta p { margin: 10px 0 0; }
.py-baslik.is-yan { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: end; }
.py-baslik.is-yan .py-metin p { margin: 0; }
.py-metin p:last-child { margin-bottom: 0; }

/* ---------- Üst şerit ---------- */
.py-ust { position: relative; z-index: 50; }
.py-serit { background: #000; color: #fff; font-size: 14px; }
.py-serit-ic { display: flex; align-items: center; justify-content: space-between; height: 48px; }
.py-serit p { display: flex; align-items: center; gap: 8px; margin: 0; color: #d9d9d9; }
.py-serit p a { display: inline-flex; align-items: center; gap: 6px; font-weight: 500; color: #fff; }
.py-serit p a .py-ok { color: var(--py-ana); }
.py-serit-sag { display: flex; align-items: center; height: 100%; gap: 16px; }
.py-serit-sosyal { color: #9a9a9a; }
.py-serit-sosyal svg { width: 16px; height: 16px; }
.py-serit-sosyal:hover { color: #fff; }
.py-kesif { display: flex; align-items: center; height: 100%; margin-left: 20px; padding: 0 40px; background: var(--py-ana); font-family: var(--py-baslik-font); font-size: 15px; font-weight: 600; color: #fff; }
.py-kesif:hover { background: var(--py-ana-koyu); color: #fff; }

/* ---------- Menü çubuğu ---------- */
.py-cubuk { background: #fff; box-shadow: 0 1px 0 var(--py-cizgi); }
.py-cubuk-ic { display: flex; align-items: center; height: 96px; }
.py-logo img { width: 160px; height: auto; }
.py-menu-kap { margin-left: 46px; height: 100%; }
.py-menu { display: flex; align-items: center; height: 100%; }
.py-menu > li { position: relative; height: 100%; }
.py-menu > li > a { display: flex; align-items: center; gap: 6px; height: 100%; padding: 0 15px; font-family: var(--py-baslik-font); font-size: 15px; font-weight: 700; color: var(--py-koyu); }
.py-menu > li > a:hover, .py-menu > li.is-secili > a { color: var(--py-ana); }
.py-alt-ok { width: 11px; height: 11px; }
.py-menu ul { position: absolute; top: 100%; left: 0; z-index: 5; min-width: 250px; max-height: 70vh; overflow-y: auto; padding: 12px 0; background: #fff; border-top: 3px solid var(--py-ana); box-shadow: 0 14px 30px rgba(0, 0, 0, .12); opacity: 0; visibility: hidden; transition: opacity .2s; }
.py-menu li:hover > ul, .py-menu li:focus-within > ul { opacity: 1; visibility: visible; }
.py-menu ul a { display: block; padding: 8px 24px; font-family: var(--py-baslik-font); font-size: 15px; font-weight: 500; color: #333; }
.py-menu ul a:hover { color: var(--py-ana); background: var(--py-acik); }
.py-cubuk-sag { display: flex; align-items: center; margin-left: auto; height: 100%; }
.py-ara-ac { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; background: none; color: #333; }
.py-ara-ac svg { width: 20px; height: 20px; }
.py-ara-ac:hover { color: var(--py-ana); }
.py-teklif-tel { display: flex; align-items: center; gap: 12px; margin-left: 18px; padding: 6px 0 6px 0; border-right: 1px solid var(--py-cizgi); padding-right: 14px; }
.py-teklif-tel i { color: var(--py-ana); }
.py-teklif-tel i svg { width: 32px; height: 32px; }
.py-teklif-tel span { display: flex; flex-direction: column; line-height: 1.2; }
.py-teklif-tel small { font-size: 13px; color: #777; }
.py-teklif-tel b { font-family: var(--py-baslik-font); font-size: 18px; font-weight: 700; color: var(--py-koyu); }
.py-menu-ac { display: none; align-items: center; justify-content: center; width: 44px; height: 44px; margin-left: 6px; padding: 0; border: 0; background: none; color: var(--py-koyu); }
.py-menu-ac svg { width: 28px; height: 28px; }
/* kaydırınca menü sabitlenir */
.py-ust.is-kaydi { padding-bottom: 96px; }
.py-ust.is-kaydi .py-cubuk { position: fixed; top: 0; left: 0; right: 0; z-index: 60; box-shadow: 0 6px 20px rgba(0, 0, 0, .08); animation: py-in .35s ease; }
.py-ust.is-kaydi .py-cubuk-ic { height: 72px; }
.py-ust.is-kaydi .py-logo img { width: 130px; }
@keyframes py-in { from { transform: translateY(-100%); } to { transform: none; } }

/* ---------- Arama ---------- */
.py-ara { position: fixed; inset: 0; z-index: 200; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(0, 0, 0, .92); opacity: 0; visibility: hidden; transition: opacity .25s; }
.py-ara.is-acik { opacity: 1; visibility: visible; }
.py-ara form { display: flex; width: 100%; max-width: 700px; border-bottom: 2px solid #fff; }
.py-ara input { flex: 1; min-width: 0; padding: 14px 0; border: 0; background: none; color: #fff; font-family: inherit; font-size: 26px; outline: none; }
.py-ara input::placeholder { color: rgba(255, 255, 255, .55); }
.py-ara form button, .py-ara-kapat { border: 0; background: none; color: #fff; padding: 8px; }
.py-ara form svg { width: 26px; height: 26px; }
.py-ara-kapat { position: absolute; top: 24px; right: 24px; }
.py-ara-kapat svg { width: 30px; height: 30px; }

/* ---------- Vitrin ---------- */
.py-vitrin { position: relative; aspect-ratio: 1920 / 720; max-height: 760px; width: 100%; overflow: hidden; background: #222; }
.py-slayt { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .9s, visibility .9s; }
.py-slayt.is-aktif { opacity: 1; visibility: visible; }
.py-slayt > img { width: 100%; height: 100%; object-fit: cover; }
.py-slayt-yazi { position: absolute; inset: 0; display: flex; align-items: center; }
.py-slayt-yazi > div { max-width: 380px; padding: 24px 26px; border-radius: 6px; background: rgba(0, 0, 0, .55); color: #fff; }
.py-slayt-yazi b { display: block; margin-bottom: 8px; font-family: var(--py-baslik-font); font-size: 20px; color: var(--py-ana); }
.py-slayt-yazi p { font-size: 16px; }
.py-slayt-yazi p:last-child { margin: 0; }
.py-beyaz-dugme { display: inline-flex; align-items: center; gap: 8px; height: 46px; padding: 0 24px; border-radius: 23px; background: #fff; font-family: var(--py-baslik-font); font-size: 15px; font-weight: 700; color: var(--py-koyu); }
.py-beyaz-dugme .py-ok { color: var(--py-ana); }
.py-beyaz-dugme:hover { background: var(--py-ana); color: #fff; }
.py-beyaz-dugme:hover .py-ok { color: #fff; }
.py-vitrin-ok { position: absolute; top: 50%; z-index: 3; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; margin-top: -25px; padding: 0; border: 0; background: none; color: #fff; }
.py-vitrin-ok svg { width: 40px; height: 40px; }
.py-vitrin-ok:hover { opacity: .7; }
.py-vitrin-ok.is-onceki { left: 20px; }
.py-vitrin-ok.is-sonraki { right: 20px; }
.py-noktalar { position: absolute; left: 0; right: 0; bottom: 14px; z-index: 3; display: flex; justify-content: center; gap: 8px; }
.py-noktalar button { width: 10px; height: 10px; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .6); }
.py-noktalar button.is-secili { background: var(--py-ana); }

/* ---------- Hizmet kartları ---------- */
.py-hizmet-kartlar { padding: 70px 0 30px; background: #f5f5f5; }
.py-hkart { position: relative; padding-bottom: 50px; }
.py-hkart-gorsel { display: block; aspect-ratio: 16 / 10; overflow: hidden; border-radius: 6px; background: var(--py-gri); }
.py-hkart-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.py-hkart-gorsel img.is-logo { width: 60%; height: auto; margin: 18% auto; object-fit: contain; opacity: .5; }
.py-hkart:hover .py-hkart-gorsel img { transform: scale(1.05); }
.py-hkart-yazi { position: absolute; left: 7%; right: 7%; bottom: 0; padding: 30px 26px 18px; border-bottom: 3px solid var(--py-cizgi); background: #fff; text-align: left; }
.py-hkart-yazi h2 { font-size: 20px; line-height: 1.5; }
.py-hkart-yazi h2 a:hover { color: var(--py-ana); }
.py-mini { position: absolute; left: 22px; top: -26px; display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 50%; background: #fff; }
.py-mini img { width: 34px; height: 34px; }
.py-hkart:hover .py-hkart-yazi { border-color: var(--py-ana); }
.py-hkart.is-liste .py-hkart-yazi { position: relative; left: auto; right: auto; margin: -40px 7% 0; }
.py-hkart.is-liste { padding-bottom: 0; }

/* ---------- Tanıtım ---------- */
.py-tanitim-gorsel { position: relative; padding: 30px 0 0 0; }
.py-tanitim-gorsel > img { position: relative; z-index: 1; width: 100%; border-radius: 8px; }
.py-nokta-desen { position: absolute; left: 30%; top: 0; width: 120px; height: 60px; background-image: radial-gradient(#d0d0d0 1.5px, transparent 1.5px); background-size: 9px 9px; }
.py-ucgen { position: absolute; right: -24px; top: 30%; z-index: 2; width: 0; height: 0; border-top: 22px solid transparent; border-bottom: 22px solid transparent; border-left: 32px solid var(--py-ana); }
.py-ucgen.is-kucuk { right: auto; left: 34px; top: 0; border-top-width: 0; border-bottom: 26px solid transparent; border-left: 26px solid var(--py-ana); transform: rotate(0); }
.py-kesif-kutu { position: absolute; right: 0; bottom: 0; z-index: 2; display: flex; align-items: center; width: 72%; max-width: 410px; border-radius: 0 0 8px 0; background: var(--py-ana); color: #fff; overflow: hidden; }
.py-kesif-kutu:hover { color: #fff; background: var(--py-ana-koyu); }
.py-kesif-kutu i { display: flex; align-items: center; justify-content: center; width: 84px; align-self: stretch; background: #222; }
.py-kesif-kutu i svg { width: 26px; height: 26px; }
.py-kesif-kutu span { display: flex; flex-direction: column; padding: 18px 22px; line-height: 1.3; }
.py-kesif-kutu small { font-size: 14px; }
.py-kesif-kutu b { font-family: var(--py-baslik-font); font-size: 24px; }
.py-tanitim-yazi h2 { margin-bottom: 24px; font-size: 34px; }
.py-tanitim-yazi .about-list { margin: 20px 0; }
.py-tanitim-yazi .about-list li { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; color: #444; }
.py-tanitim-yazi .about-list i { color: var(--py-ana); }
.py-tanitim-yazi .about-list svg { width: 15px; height: 15px; }
.py-tanitim-yazi .media { display: block; }

/* ---------- Ürün kartları ---------- */
.py-desenli { background-color: #fff; background-image: radial-gradient(#ececec 1.2px, transparent 1.2px); background-size: 14px 14px; }
.py-ukart { position: relative; display: flex; flex-direction: column; padding: 20px 20px 22px; background: #fff; border: 1px solid #ededed; overflow: hidden; }
.py-ukart::after { content: ""; position: absolute; right: 0; bottom: 0; width: 0; height: 0; border-bottom: 60px solid #e9e9e9; border-left: 30px solid transparent; transition: border-color .3s; }
.py-ukart:hover::after { border-bottom-color: var(--py-ana); }
.py-ukart-gorsel { display: flex; align-items: center; justify-content: center; aspect-ratio: 1; margin-bottom: 16px; }
.py-ukart-gorsel img { max-width: 100%; max-height: 100%; object-fit: contain; transition: transform .4s; }
.py-ukart:hover .py-ukart-gorsel img { transform: scale(1.04); }
.py-ukart h2, .py-ukart h3 { position: relative; z-index: 1; margin-bottom: 4px; padding-right: 22px; font-size: 14px; font-weight: 700; line-height: 1.45; }
.py-ukart h2 a:hover, .py-ukart h3 a:hover { color: var(--py-ana); }
.py-ukart > span { position: relative; z-index: 1; padding-right: 22px; font-size: 13.5px; color: #777; }

/* ---------- Hizmet ızgarası ---------- */
.py-hizmet-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.py-hizgara-yazi { padding-right: 20px; }
.py-hizgara-yazi h2 { margin-bottom: 18px; font-size: 34px; }
.py-hizgara-oge { position: relative; display: block; aspect-ratio: 16 / 11; overflow: hidden; border-radius: 4px; background: var(--py-gri); color: #fff; }
.py-hizgara-oge img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.py-hizgara-oge span { position: absolute; inset: auto 0 0 0; display: flex; flex-direction: column; padding: 60px 22px 18px; background: rgba(0, 0, 0, .68); opacity: 0; transform: translateY(10px); transition: opacity .3s, transform .3s; }
.py-hizgara-oge small { font-size: 13px; color: var(--py-ana); }
.py-hizgara-oge b { font-family: var(--py-baslik-font); font-size: 20px; }
.py-hizgara-oge:hover img { transform: scale(1.06); }
.py-hizgara-oge:hover span, .py-hizgara-oge:focus span { opacity: 1; transform: none; }
.py-hizgara-oge:hover { color: #fff; }

/* ---------- Blog kartları ---------- */
.py-blog-bolum { background: var(--py-acik); }
.py-bkart { position: relative; display: flex; flex-direction: column; background: #fff; overflow: hidden; }
.py-bkart-gorsel { display: block; aspect-ratio: 4 / 3; overflow: hidden; }
.py-bkart-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.py-bkart:hover .py-bkart-gorsel img { transform: scale(1.05); }
.py-bkart-yazi { display: flex; flex-direction: column; flex: 1; padding: 22px 22px 20px; }
.py-bkart h3 { flex: 1; margin-bottom: 16px; font-size: 18px; line-height: 1.4; }
.py-bkart h3 a:hover { color: var(--py-ana); }
.py-bkart.is-yazi { border-top: 3px solid var(--py-ana); }
.py-devami { font-family: var(--py-baslik-font); font-weight: 700; color: var(--py-ana); }
.py-devami span { color: var(--py-koyu); }

/* ---------- İç sayfa ---------- */
.py-sayfa-bas { position: relative; padding: 60px 0 46px; background: var(--py-gri); overflow: hidden; }
.py-sayfa-bas::before, .py-sayfa-bas::after { content: ""; position: absolute; top: 0; height: 30px; background: var(--py-ana); transform: skewX(-35deg); }
.py-sayfa-bas::before { right: 70px; width: 70px; }
.py-sayfa-bas::after { right: 10px; width: 24px; }
.py-sayfa-bas h1 { margin-bottom: 8px; font-size: 40px; }
.py-kirinti { display: flex; flex-wrap: wrap; gap: 10px; font-size: 13px; }
.py-kirinti li:last-child { color: var(--py-ana); }
.py-kirinti li + li::before { content: "·"; margin-right: 10px; color: #aaa; }
.py-ic-bolum { padding: 70px 0 90px; }
.py-altkat { margin-bottom: 30px; padding-bottom: 26px; border-bottom: 1px solid var(--py-cizgi); }
.py-altkat b { display: block; margin-bottom: 10px; font-family: var(--py-baslik-font); font-size: 16px; color: var(--py-ana); }
.py-altkat div { display: flex; flex-wrap: wrap; gap: 8px; }
.py-altkat a { padding: 6px 14px; border-radius: 3px; background: var(--py-ana); font-family: var(--py-baslik-font); font-size: 14px; font-weight: 600; color: #fff; }
.py-altkat a:hover { background: var(--py-koyu); color: #fff; }
.py-sayfalama { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px; margin-top: 40px; }
.py-sayfalama a { display: flex; align-items: center; justify-content: center; min-width: 42px; height: 42px; padding: 0 6px; border: 1px solid var(--py-cizgi); font-family: var(--py-baslik-font); font-weight: 600; color: var(--py-koyu); }
.py-sayfalama a.is-secili, .py-sayfalama a:hover { background: var(--py-ana); border-color: var(--py-ana); color: #fff; }
.py-yanli { display: grid; grid-template-columns: 4fr 8fr; gap: 30px; align-items: start; }
.py-yan-liste li { margin-bottom: 10px; }
.py-yan-liste a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 18px; border: 1px solid var(--py-cizgi); font-family: var(--py-baslik-font); font-size: 16px; font-weight: 600; color: var(--py-koyu); }
.py-yan-liste .py-sag { width: 14px; height: 14px; color: #999; }
.py-yan-liste a:hover, .py-yan-liste li.is-secili a { border-color: var(--py-ana); background: var(--py-ana); color: #fff; }
.py-yan-liste li.is-secili .py-sag, .py-yan-liste a:hover .py-sag { color: #fff; }
.py-yan-tel { display: flex; flex-direction: column; align-items: center; gap: 4px; margin-top: 30px; padding: 40px 20px 34px; background: #1f1f1f; color: #fff; text-align: center; }
.py-yan-tel i { display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; margin-bottom: 12px; border-radius: 50%; background: var(--py-ana); }
.py-yan-tel i svg { width: 20px; height: 20px; }
.py-yan-tel a { font-family: var(--py-baslik-font); font-size: 22px; font-weight: 700; color: #fff; }
.py-yan-tel a:hover { color: var(--py-ana); }
.py-yan-tel span { margin-top: 8px; font-size: 14px; color: #aaa; }
.py-detay { min-width: 0; }
.py-detay > h2 { margin-bottom: 14px; font-size: 32px; }
.py-detay-gorsel { margin: 20px 0; border-radius: 6px; }
.py-metin { color: var(--py-yazi); }
.py-metin img { height: auto !important; }
.py-metin iframe { max-width: 100%; }
.py-metin table { max-width: 100%; border-collapse: collapse; }
.py-metin td, .py-metin th { padding: 6px 10px; border: 1px solid var(--py-cizgi); }
.py-metin h2, .py-metin h3, .py-metin h4 { margin: 24px 0 10px; }
.py-metin ul { margin: 0 0 14px; padding-left: 20px; list-style: disc; }
.py-metin ol { margin: 0 0 14px; padding-left: 20px; list-style: decimal; }
.py-galeri { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 26px; }
.py-galeri a { display: block; aspect-ratio: 1; overflow: hidden; border-radius: 4px; }
.py-galeri img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.py-galeri a:hover img { transform: scale(1.05); }

/* ürün detayı */
.py-urun { display: grid; grid-template-columns: 5fr 7fr; gap: 50px; padding: 40px; background: var(--py-gri); }
.py-urun-gorseller { position: relative; min-width: 0; }
.py-urun-ana { display: flex; align-items: center; justify-content: center; aspect-ratio: 1; padding: 20px; border-radius: 20px; background: #fff; }
.py-urun-ana img { max-height: 100%; width: auto; object-fit: contain; }
.py-urun-kucuk { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
.py-urun-kucuk button { width: 70px; height: 70px; padding: 6px; border: 2px solid transparent; border-radius: 8px; background: #fff; }
.py-urun-kucuk button.is-secili, .py-urun-kucuk button:hover { border-color: var(--py-ana); }
.py-urun-kucuk img { width: 100%; height: 100%; object-fit: contain; }
.py-urun-bilgi { min-width: 0; }
.py-urun-bilgi h2 { position: relative; margin-bottom: 26px; padding-bottom: 16px; font-size: 30px; }
.py-urun-bilgi h2::after { content: ""; position: absolute; left: 0; bottom: 0; width: 30px; height: 3px; border-radius: 2px; background: var(--py-ana); }
.py-urun-kod { margin-top: -14px; font-weight: 500; color: #888; }
.py-urun-liste { margin: 14px 0 24px; }
.py-urun-liste li { position: relative; margin-bottom: 4px; padding-left: 16px; font-size: 14px; color: #555; }
.py-urun-liste li::before { content: ""; position: absolute; left: 0; top: 10px; width: 7px; height: 7px; border-radius: 50%; background: var(--py-ana); }
.py-urun-liste a { color: var(--py-ana); }
.py-wa-dugme { display: inline-flex; align-items: center; gap: 8px; height: 48px; padding: 0 26px; border-radius: 24px; background: #25d366; font-family: var(--py-baslik-font); font-size: 15px; font-weight: 600; color: #fff; }
.py-wa-dugme:hover { background: #1fb457; color: #fff; }
.py-wa-dugme svg { width: 20px; height: 20px; }
.py-paylas { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 24px; font-size: 14px; }
.py-paylas span { margin-right: 6px; }
.py-paylas a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: #fff; color: var(--py-ana); }
.py-paylas a:hover { background: var(--py-ana); color: #fff; }
.py-paylas svg { width: 16px; height: 16px; }
.py-urun-aciklama { margin-top: 40px; }
.py-benzer { padding-top: 70px; border-top: 1px solid var(--py-cizgi); }
.py-serit-iz { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 60px) / 3); gap: 30px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.py-serit-iz::-webkit-scrollbar { display: none; }
.py-serit-iz > * { scroll-snap-align: start; }
.py-serit-oklar { display: flex; justify-content: center; gap: 10px; margin-top: 30px; }
.py-serit-oklar button { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 1px solid var(--py-cizgi); border-radius: 50%; background: #fff; color: var(--py-koyu); }
.py-serit-oklar button:hover { border-color: var(--py-ana); background: var(--py-ana); color: #fff; }
.py-serit-oklar svg { width: 18px; height: 18px; }

/* iletişim */
.py-iletisim-kutular { margin-top: 10px; }
.py-ikutu { position: relative; display: flex; flex-direction: column; align-items: center; padding: 50px 20px 30px; border: 1px solid #e3e3e3; text-align: center; }
.py-ikutu i { position: absolute; top: -24px; left: 50%; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin-left: -24px; background: var(--py-ana); color: #fff; transform: rotate(45deg); }
.py-ikutu i svg { width: 20px; height: 20px; transform: rotate(-45deg); }
.py-ikutu h2 { margin-bottom: 12px; font-size: 18px; }
.py-ikutu a, .py-ikutu p { margin: 0; font-weight: 500; color: #111; }
.py-ikutu a.is-mavi { font-weight: 400; color: #1a73e8; }
.py-ikutu p { font-weight: 400; color: #777; }
.py-iletisim-alt { margin-top: 30px; align-items: stretch; }
.py-yol-kutu { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 20px; padding: 40px; background-color: #f3f3f3; background-image: radial-gradient(#dcdcdc 1.2px, transparent 1.2px); background-size: 12px 12px; background-position: right; }
.py-yol-kutu h2 { font-size: 26px; }
.py-cerceve-dugme { display: inline-flex; align-items: center; gap: 4px; padding: 6px 14px; border: 1px solid #6c757d; border-radius: 3px; font-size: 14px; color: #6c757d; }
.py-cerceve-dugme svg { width: 14px; height: 14px; }
.py-cerceve-dugme:hover { background: #6c757d; color: #fff; }
.py-harita { min-height: 300px; line-height: 0; }
.py-harita iframe { width: 100% !important; height: 100% !important; min-height: 300px; border: 0; }

/* ---------- Alt bilgi ---------- */
.py-alt { padding: 60px 0 50px; background: var(--py-gri); }
.py-alt-kutu { padding: 50px 40px 30px; border-radius: 8px; background: #fff; }
.py-alt-ust { display: grid; grid-template-columns: 4fr 4fr 4fr; gap: 40px; padding-bottom: 40px; }
.py-alt-ust > div + div { padding-left: 40px; border-left: 1px solid var(--py-cizgi); }
.py-alt-logo img { width: 150px; margin-bottom: 20px; }
.py-alt-yazi { font-size: 14px; line-height: 1.85; color: #555; }
.py-alt-sosyal { display: flex; gap: 8px; margin-top: 18px; }
.py-alt-sosyal a { display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 4px; background: #f1f1f1; color: #444; }
.py-alt-sosyal a:hover { background: var(--py-ana); color: #fff; }
.py-alt-sosyal svg { width: 16px; height: 16px; }
.py-alt-sutun h2 { position: relative; margin-bottom: 26px; padding-bottom: 14px; font-size: 20px; }
.py-alt-sutun h2::after { content: ""; position: absolute; left: 0; bottom: 0; width: 30px; height: 3px; border-radius: 2px; background: var(--py-ana); }
.py-iki-liste { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 20px; font-size: 14px; line-height: 1.45; }
.py-iki-liste li { margin-bottom: 6px; }
.py-alt-alt { padding-top: 26px; border-top: 1px solid var(--py-cizgi); text-align: center; font-size: 14px; }
.py-alt-alt p { margin: 0 0 4px; }

/* ---------- Sabit öğeler ---------- */
.py-yukari { position: fixed; right: 26px; bottom: 26px; z-index: 40; display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; padding: 0; border: 0; border-radius: 50%; background: var(--py-ana); color: #fff; opacity: 0; visibility: hidden; transition: opacity .3s; }
.py-yukari.is-gorunur { opacity: 1; visibility: visible; }
.py-yukari svg { width: 20px; height: 20px; }
.py-wa { position: fixed; left: 20px; bottom: 22px; z-index: 60; display: flex; flex-direction: column; align-items: center; gap: 6px; }
.py-wa span { padding: 2px 7px; border-radius: 4px; background: #111; color: #fff; font-size: 9px; font-weight: 700; letter-spacing: .4px; }
.py-wa svg { width: 50px; height: 50px; padding: 11px; border-radius: 50%; background: #25d366; color: #fff; }
.py-buyut { position: fixed; inset: 0; z-index: 300; display: flex; align-items: center; justify-content: center; padding: 40px; background: rgba(0, 0, 0, .9); opacity: 0; visibility: hidden; transition: opacity .25s; }
.py-buyut.is-acik { opacity: 1; visibility: visible; }
.py-buyut img { max-width: 100%; max-height: 100%; width: auto; }
.py-buyut-kapat { position: absolute; top: 20px; right: 20px; padding: 6px; border: 0; background: none; color: #fff; }
.py-buyut-kapat svg { width: 30px; height: 30px; }

/* ---------- Duyarlı ---------- */
@media (max-width: 1199px) {
	.py-menu-kap { margin-left: 20px; }
	.py-menu > li > a { padding: 0 10px; font-size: 14px; }
	.py-teklif-tel span { display: none; }
	.py-dortlu { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 991px) {
	.py-serit p { display: none; }
	.py-serit-ic { justify-content: flex-end; }
	.py-cubuk-ic { height: 80px; }
	.py-logo img { width: 140px; }
	.py-menu-kap { position: absolute; top: 100%; left: 0; right: 0; height: auto; margin: 0; }
	.py-menu { display: none; flex-direction: column; align-items: stretch; height: auto; max-height: calc(100vh - 130px); overflow-y: auto; padding: 8px 0; background: #fff; border-top: 1px solid var(--py-cizgi); box-shadow: 0 14px 30px rgba(0, 0, 0, .12); }
	.py-menu.is-acik { display: flex; }
	.py-menu > li { height: auto; }
	.py-menu > li > a { height: auto; padding: 12px 20px; justify-content: space-between; }
	.py-menu ul { position: static; display: none; max-height: none; box-shadow: none; border-top: 0; opacity: 1; visibility: visible; background: var(--py-acik); }
	.py-menu li.is-acik > ul { display: block; }
	.py-cubuk { position: relative; }
	.py-menu-ac { display: flex; }
	.py-teklif-tel { border-right: 0; padding-right: 0; margin-left: 6px; }
	.py-teklif-tel i svg { width: 28px; height: 28px; }
	.py-ust.is-kaydi { padding-bottom: 80px; }
	.py-ust.is-kaydi .py-cubuk-ic { height: 66px; }
	.py-iki, .py-yanli, .py-urun, .py-baslik.is-yan { grid-template-columns: 1fr; gap: 30px; }
	.py-uclu, .py-dortlu, .py-hizmet-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.py-hizgara-yazi { grid-column: 1 / -1; }
	.py-hizgara-oge span { opacity: 1; transform: none; }
	.py-serit-iz { grid-auto-columns: calc((100% - 30px) / 2); }
	.py-bolum { padding: 70px 0; }
	.py-yan { order: 2; }
	.py-alt-ust { grid-template-columns: 1fr; gap: 30px; }
	.py-alt-ust > div + div { padding-left: 0; border-left: 0; }
}
@media (max-width: 600px) {
	body { font-size: 14.5px; }
	.py-serit-ic { height: 42px; }
	.py-kesif { padding: 0 18px; font-size: 13px; }
	.py-cubuk-ic { height: 70px; }
	.py-logo img { width: 120px; }
	.py-vitrin { aspect-ratio: 16 / 10; }
	.py-vitrin-ok { display: none; }
	.py-slayt-yazi { display: none; }
	.py-baslik h2, .py-hizgara-yazi h2 { font-size: 28px; }
	.py-tanitim-yazi h2 { font-size: 26px; }
	.py-uclu, .py-hizmet-izgara { grid-template-columns: 1fr; }
	.py-dortlu { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
	.py-ukart { padding: 12px 12px 14px; }
	.py-ukart h2, .py-ukart h3 { font-size: 13px; }
	.py-ukart > span { font-size: 12px; }
	.py-serit-iz { grid-auto-columns: 75%; gap: 14px; }
	.py-kesif-kutu { width: 90%; }
	.py-ucgen { right: -10px; border-top-width: 16px; border-bottom-width: 16px; border-left-width: 22px; }
	.py-tanitim { overflow: hidden; }
	.py-kesif-kutu i { width: 60px; }
	.py-kesif-kutu b { font-size: 20px; }
	.py-sayfa-bas { padding: 40px 0 34px; }
	.py-sayfa-bas h1 { font-size: 26px; }
	.py-urun { padding: 20px; }
	.py-urun-bilgi h2 { font-size: 24px; }
	.py-galeri { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.py-alt { padding: 30px 0 30px; }
	.py-alt-kutu { padding: 30px 20px 20px; }
	.py-alt-alt { padding-bottom: 60px; }
}
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation: none !important; transition: none !important; }
}