/* ==========================================================================
   Tema: HİJYEN PRO — işletmeler (restoran, otel, gıda, depo, hastane), sözleşmeli + HACCP raporlu. Stitch: Tasarim/Stitch/pro.png
   Koyu petrol #062A2E / #0B3B40, aqua #2DD4BF, açık nane-gri #EEF6F5 ara bölümler, Sora + IBM Plex Sans, 6px köşe, rapor/pano hissi. Border yok.
   İç sayfalar açık zeminde (okunurluk), üst menü/alt bilgi/iç başlık koyu.
   ========================================================================== */
:root {
    --bg: #F4F9F8; --bg2: #EEF6F5; --card: #ffffff; --ink: #062A2E; --muted: #3c4a46;
    --accent: #2DD4BF; --accent2: #57F1DB; --on-accent: #062A2E; --soft: #D8EAE7; --field: #EEF6F5;
    --r: 6px; --r-sm: 6px;
    --sh: 0 4px 20px rgba(6,42,46,.06); --sh-lg: 0 16px 40px rgba(6,42,46,.12);
    --fh: 'Sora', system-ui, sans-serif; --fb: 'IBM Plex Sans', system-ui, sans-serif; --w: 1280px;
    --pr-zemin: #001619; --pr-koyu: #062A2E; --pr-petrol: #0B3B40; --pr-gece: #002428; --pr-siyah: #001113;
    --pr-aqua: #57F1DB; --pr-ikinci: #A3CED4; --pr-ucuncu: #D4DCDB; --pr-soluk: #BACAC5; --pr-yesil: #00574D;
    --pr-derin: 0 10px 30px rgba(0,0,0,.25); --pr-parilti: 0 6px 22px rgba(45,212,191,.28);
}
.pr h1, .pr h2, .pr h3, .pr h4 { font-weight: 600; letter-spacing: -.015em; }
.pr-etiket { font-size: 11px; line-height: 16px; letter-spacing: .1em; font-weight: 600; text-transform: uppercase; }
.pr-rozet { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: var(--r); background: var(--pr-petrol); color: var(--pr-aqua); }
.pr-rozet i { width: 8px; height: 8px; border-radius: 50%; background: var(--accent); }
.pr-rozet .material-symbols-outlined { font-size: 16px; }
.pr-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 28px; border: 0; border-radius: var(--r); background: var(--accent); color: var(--pr-koyu); font-weight: 600; font-size: 15px; cursor: pointer; box-shadow: var(--pr-parilti); transition: background .2s, opacity .2s; }
.pr-btn:hover { background: var(--pr-aqua); }
.pr-btn:active { opacity: .9; }
.pr-btn .material-symbols-outlined { font-size: 19px; }
.pr-btn--koyu { background: var(--pr-petrol); color: #fff; box-shadow: none; font-weight: 500; }
.pr-btn--koyu .material-symbols-outlined { color: var(--accent); }
.pr-btn--koyu:hover { background: #164c52; }
.pr-btn--gece { background: var(--pr-gece); color: var(--pr-aqua); box-shadow: none; font-weight: 500; }
.pr-btn--gece .material-symbols-outlined { color: var(--accent); }
.pr-btn--gece:hover { background: var(--pr-gece); color: #fff; }
.pr-bolum { padding: 96px 0; }
.pr-bolum--acik { background: var(--bg2); color: var(--pr-koyu); }
.pr-bolum--petrol { background: var(--pr-petrol); color: #fff; }
.pr-bolum--koyu { background: var(--pr-koyu); color: #fff; }
.pr-bas { max-width: 680px; margin-bottom: 48px; }
.pr-bas--orta { text-align: center; margin-left: auto; margin-right: auto; }
.pr-bas h2 { font-size: clamp(30px, 3.6vw, 40px); line-height: 1.2; font-weight: 700; margin-top: 8px; }
.pr-bas p { margin-top: 12px; color: var(--muted); }
.pr-bolum--petrol .pr-bas p, .pr-bolum--koyu .pr-bas p { color: var(--pr-ikinci); font-size: 18px; }
.pr-bolum--acik .pr-etiket { color: var(--pr-yesil); }

/* Üst menü */
.pr-ust { position: sticky; top: 0; z-index: 900; background: var(--pr-zemin); box-shadow: 0 4px 12px rgba(0,0,0,.2); }
.pr-ust-ic { display: flex; align-items: center; justify-content: space-between; gap: 24px; height: 80px; }
.pr-logo { display: flex; align-items: center; gap: 12px; color: var(--pr-aqua); }
.pr-logo img { max-height: 44px; width: auto; }
.pr-logo-ikon { width: 40px; height: 40px; border-radius: var(--r); background: #0b3134; color: var(--accent); display: flex; align-items: center; justify-content: center; }
.pr-logo-ikon .material-symbols-outlined { font-size: 24px; font-variation-settings: 'FILL' 1; }
.pr-logo b { white-space: nowrap; display: block; font-family: var(--fh); font-size: 18px; font-weight: 600; letter-spacing: -.01em; text-transform: uppercase; }
.pr-logo small { white-space: nowrap; display: block; font-size: 10px; letter-spacing: .14em; color: var(--accent); font-weight: 600; text-transform: uppercase; }
.pr-menu { display: flex; align-items: center; gap: 22px; }
.pr-menu a { white-space: nowrap; color: var(--pr-soluk); font-size: 15px; font-weight: 500; transition: color .15s; }
.pr-menu a:hover { color: #fff; }
.pr-menu a.on { color: var(--pr-aqua); font-weight: 600; }
.pr-menu-tel { display: none !important; }
.pr-ust-sag { display: flex; align-items: center; gap: 20px; }
.pr-tel { white-space: nowrap; display: inline-flex; align-items: center; gap: 8px; color: #C6E9EE; font-weight: 600; font-size: 15px; }
.pr-tel .material-symbols-outlined { color: var(--accent); font-size: 18px; }
.pr-tel:hover { color: var(--pr-aqua); }
.pr-ust-sag .pr-btn { padding: 12px 22px; white-space: nowrap; }
.pr-hamburger { display: none; border: 0; width: 44px; height: 44px; border-radius: var(--r); background: var(--pr-petrol); color: var(--pr-aqua); cursor: pointer; }

/* Hero */
.pr-hero { position: relative; min-height: 92vh; display: flex; align-items: center; overflow: hidden; background: var(--pr-koyu); color: #fff; }
.pr-hero-foto { position: absolute; inset: 0; }
.pr-hero-foto img { width: 100%; height: 100%; object-fit: cover; filter: brightness(.38) contrast(1.08); }
.pr-hero-foto::before { content: ''; position: absolute; inset: 0; z-index: 1; background: linear-gradient(to right, #062A2E, rgba(6,42,46,.85), transparent); }
.pr-hero-foto::after { content: ''; position: absolute; inset: 0; z-index: 1; background: linear-gradient(to top, #062A2E, transparent 50%, rgba(6,42,46,.5)); }
.pr-hero-ic { position: relative; z-index: 2; padding-top: 80px; padding-bottom: 80px; }
.pr-hero-metin { max-width: 860px; display: flex; flex-direction: column; gap: 24px; align-items: flex-start; }
.pr-hero-metin .pr-rozet { box-shadow: var(--sh); }
.pr-hero h1 { font-size: clamp(38px, 5vw, 56px); line-height: 1.14; letter-spacing: -.02em; }
.pr-hero-alt { font-size: 18px; font-weight: 300; color: var(--pr-ikinci); max-width: 680px; }
.pr-hero-dugmeler { display: flex; flex-wrap: wrap; gap: 16px; padding-top: 8px; }
.pr-kpiler { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-top: 64px; }
.pr-kpi { background: var(--pr-petrol); border-radius: var(--r); padding: 24px; box-shadow: var(--pr-derin); }
.pr-kpi-ust { display: flex; justify-content: space-between; align-items: center; color: var(--pr-soluk); }
.pr-kpi-ust .material-symbols-outlined { color: var(--accent); font-size: 22px; }
.pr-kpi b { display: block; margin-top: 16px; font-family: var(--fh); font-size: 40px; line-height: 1.2; font-weight: 700; color: var(--pr-aqua); }
.pr-kpi small { display: block; margin-top: 4px; font-size: 14px; color: var(--pr-ucuncu); }

/* Sektör kartları */
.pr-izgara-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.pr-sektor { background: #fff; border-radius: var(--r); padding: 32px; box-shadow: var(--sh); display: flex; flex-direction: column; justify-content: space-between; transition: transform .2s, box-shadow .2s; color: var(--pr-koyu); }
.pr-sektor:hover { transform: translateY(-2px); box-shadow: var(--sh-lg); }
.pr-sektor-ikon { width: 48px; height: 48px; border-radius: var(--r); background: var(--soft); color: var(--pr-yesil); display: flex; align-items: center; justify-content: center; margin-bottom: 24px; }
.pr-sektor-ikon .material-symbols-outlined { font-size: 24px; }
.pr-sektor h3 { font-size: 20px; margin-bottom: 8px; }
.pr-sektor p { color: var(--muted); }
.pr-sektor-alt { margin-top: 24px; padding-top: 16px; display: flex; align-items: center; gap: 6px; color: var(--pr-yesil); font-weight: 500; font-size: 15px; }
.pr-sektor-alt .material-symbols-outlined { font-size: 16px; }

/* Süreç */
.pr-adimlar { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; }
.pr-adim { background: var(--pr-koyu); border-radius: var(--r); padding: 24px; box-shadow: var(--pr-derin); display: flex; flex-direction: column; justify-content: space-between; }
.pr-adim-no { font-family: var(--fh); font-size: 32px; font-weight: 700; color: var(--pr-aqua); margin-bottom: 8px; }
.pr-adim h3 { font-size: 20px; margin-bottom: 8px; }
.pr-adim p { font-size: 14px; color: var(--pr-ucuncu); }
.pr-adim small { margin-top: 24px; display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--accent); }
.pr-adim small .material-symbols-outlined { font-size: 16px; }

/* Rapor panosu */
.pr-rapor-bas { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; flex-wrap: wrap; margin-bottom: 40px; }
.pr-rapor-bas h2 { font-size: clamp(30px, 3.6vw, 40px); font-weight: 700; margin-top: 8px; }
.pr-rapor-bas p { color: var(--pr-ikinci); margin-top: 4px; max-width: 580px; }
.pr-canli { display: flex; align-items: center; gap: 12px; color: var(--pr-soluk); }
.pr-canli span:last-child { display: flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: var(--r); background: var(--pr-siyah); color: var(--pr-aqua); font-size: 12px; font-weight: 600; }
.pr-nabiz { width: 10px; height: 10px; border-radius: 50%; background: var(--pr-aqua); animation: pr-nabiz 2s infinite; }
@keyframes pr-nabiz { 50% { opacity: .4; } }
.pr-pano { background: var(--pr-petrol); border-radius: var(--r); box-shadow: var(--pr-derin); overflow: hidden; }
.pr-pano-ust { background: var(--pr-gece); padding: 16px 24px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px; }
.pr-pano-ust > div { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; font-size: 14px; color: var(--pr-ikinci); }
.pr-pano-ust b { color: #fff; font-weight: 500; font-size: 15px; }
.pr-pano-ust .ay { color: var(--pr-soluk); opacity: .6; }
.pr-pano-ust .son { color: var(--pr-aqua); }
.pr-pano-ust i { width: 12px; height: 12px; border-radius: 50%; background: var(--accent); }
.pr-pdf { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: var(--r); background: var(--pr-petrol); color: #fff; font-size: 14px; }
.pr-pdf .material-symbols-outlined { font-size: 16px; }
.pr-kare { width: 32px; height: 32px; border-radius: var(--r); background: var(--pr-siyah); color: var(--pr-aqua); display: flex; align-items: center; justify-content: center; }
.pr-kare .material-symbols-outlined { font-size: 18px; }
.pr-pano-govde { padding: 32px; display: grid; grid-template-columns: 7fr 5fr; gap: 24px; }
.pr-kutu { background: var(--pr-koyu); border-radius: var(--r); padding: 24px; }
.pr-kutu-bas { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 8px; }
.pr-kutu-bas > span:first-child { display: flex; align-items: center; gap: 8px; font-family: var(--fh); font-size: 18px; font-weight: 600; }
.pr-kutu-bas > span:first-child .material-symbols-outlined { color: var(--pr-aqua); }
.pr-lejant { display: flex; gap: 16px; font-size: 11px; font-weight: 600; letter-spacing: .06em; }
.pr-lejant span { display: flex; align-items: center; gap: 4px; color: var(--pr-aqua); }
.pr-lejant span + span { color: var(--pr-ikinci); }
.pr-lejant i { width: 8px; height: 8px; border-radius: 50%; background: var(--pr-aqua); }
.pr-lejant span + span i { background: var(--accent); }
.pr-kutu > p { font-size: 14px; color: var(--pr-ucuncu); margin-bottom: 24px; }
.pr-plan { background: var(--pr-zemin); border-radius: var(--r); padding: 16px; min-height: 256px; display: flex; flex-direction: column; justify-content: space-between; gap: 16px; }
.pr-plan-bolge { display: flex; justify-content: space-between; gap: 8px; font: 12px/1.4 ui-monospace, Consolas, monospace; color: var(--pr-soluk); }
.pr-istasyonlar { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.pr-istasyonlar div { padding: 10px; border-radius: var(--r); background: var(--pr-petrol); display: flex; justify-content: space-between; align-items: center; gap: 6px; transition: background .2s; }
.pr-istasyonlar div:hover { background: #164c52; }
.pr-istasyonlar b { display: flex; align-items: center; gap: 8px; font: 600 12px ui-monospace, Consolas, monospace; }
.pr-istasyonlar b::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--pr-aqua); }
.pr-istasyonlar small { font-size: 10px; color: var(--pr-aqua); text-align: right; }
.pr-plan-alt { display: flex; justify-content: space-between; gap: 8px; font-size: 11px; color: var(--pr-soluk); }
.pr-plan-alt span:last-child { color: var(--pr-aqua); font-family: ui-monospace, Consolas, monospace; }
.pr-sag-kolon { display: flex; flex-direction: column; gap: 24px; }
.pr-trend-rozet { font-size: 11px; font-weight: 600; letter-spacing: .08em; color: var(--pr-aqua); background: var(--pr-gece); padding: 2px 8px; border-radius: var(--r); }
.pr-grafik { height: 112px; display: flex; align-items: flex-end; gap: 12px; padding-top: 16px; }
.pr-grafik div { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.pr-grafik i { width: 100%; border-radius: 2px 2px 0 0; background: rgba(87,241,219,.2); }
.pr-grafik span { font-size: 10px; color: var(--pr-soluk); }
.pr-grafik div:last-child i { background: var(--pr-aqua); }
.pr-grafik div:last-child span { color: var(--pr-aqua); font-weight: 700; }
.pr-ziyaret { display: grid; gap: 8px; font-size: 12px; margin-top: 12px; }
.pr-ziyaret div { padding: 10px; border-radius: var(--r); background: var(--pr-petrol); display: flex; justify-content: space-between; align-items: center; }
.pr-ziyaret b { display: block; color: #fff; }
.pr-ziyaret small { color: var(--pr-ucuncu); }
.pr-ziyaret em { font-style: normal; color: var(--pr-aqua); font-weight: 500; }
.pr-muhur { margin-top: 16px; padding-top: 12px; display: flex; justify-content: space-between; align-items: center; gap: 8px; font-size: 11px; color: var(--pr-ikinci); }
.pr-muhur span:first-child { display: flex; align-items: center; gap: 8px; }
.pr-muhur .material-symbols-outlined { color: var(--pr-aqua); }
.pr-muhur span:last-child { color: var(--accent); font-family: ui-monospace, Consolas, monospace; }

/* Belgeler */
.pr-izgara-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.pr-belge { background: #fff; border-radius: var(--r); padding: 28px; box-shadow: var(--sh); display: flex; flex-direction: column; align-items: center; text-align: center; color: var(--pr-koyu); }
.pr-belge-ikon { width: 64px; height: 64px; border-radius: var(--r); background: var(--soft); color: var(--pr-yesil); display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
.pr-belge-ikon .material-symbols-outlined { font-size: 30px; }
.pr-belge h3 { font-size: 20px; margin-bottom: 8px; }
.pr-belge p { font-size: 14px; color: var(--muted); }
.pr-belge span.alt { margin-top: 16px; padding: 4px 12px; border-radius: var(--r); background: var(--bg2); color: var(--pr-yesil); font-size: 11px; font-weight: 600; }

/* Referanslar */
.pr-ref-bas { text-align: center; color: var(--pr-soluk); margin-bottom: 32px; }
.pr-referanslar { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px 64px; margin-bottom: 72px; }
.pr-referanslar div { font-family: var(--fh); font-size: 20px; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; color: #fff; opacity: .85; }
.pr-yorum { position: relative; max-width: 980px; margin: 0 auto; background: var(--pr-koyu); border-radius: var(--r); padding: 48px; box-shadow: var(--pr-derin); }
.pr-yorum > .material-symbols-outlined { position: absolute; top: 24px; right: 32px; font-size: 80px; color: var(--pr-petrol); }
.pr-yorum-ust { position: relative; display: flex; align-items: center; gap: 4px; color: var(--accent); margin-bottom: 20px; }
.pr-yorum-ust .material-symbols-outlined { font-size: 18px; font-variation-settings: 'FILL' 1; }
.pr-yorum-ust .pr-etiket { margin-left: 12px; color: var(--pr-aqua); }
.pr-yorum blockquote { position: relative; margin: 0 0 32px; font-family: var(--fh); font-size: clamp(19px, 2.2vw, 24px); line-height: 1.5; font-style: italic; color: #fff; }
.pr-yorum-alt { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; }
.pr-yorum-alt b { display: block; color: var(--pr-aqua); font-size: 17px; }
.pr-yorum-alt small { color: var(--pr-ucuncu); font-size: 13px; }
.pr-yorum-alt > span { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--pr-ikinci); }
.pr-yorum-alt > span .material-symbols-outlined { color: var(--accent); font-size: 18px; }

/* Kurumsal teklif */
.pr-teklif { display: grid; grid-template-columns: 5fr 7fr; gap: 48px; align-items: start; }
.pr-teklif-sol { display: flex; flex-direction: column; gap: 24px; align-items: flex-start; }
.pr-teklif-sol h2 { font-size: clamp(30px, 3.6vw, 40px); line-height: 1.2; font-weight: 700; }
.pr-teklif-sol > p { color: var(--pr-ikinci); font-size: 17px; }
.pr-artilar { display: grid; gap: 16px; }
.pr-artilar > div { display: flex; gap: 14px; padding: 18px; border-radius: var(--r); background: var(--pr-petrol); }
.pr-artilar .material-symbols-outlined { color: var(--pr-aqua); font-size: 26px; }
.pr-artilar h4 { font-size: 17px; margin-bottom: 4px; }
.pr-artilar p { font-size: 14px; color: var(--pr-ucuncu); }
.pr-hizli { display: flex; flex-wrap: wrap; gap: 12px; }
.pr-form { background: var(--pr-petrol); border-radius: var(--r); padding: 32px; box-shadow: var(--pr-derin); scroll-margin-top: 100px; }
.pr-form form { display: grid; gap: 18px; }
.pr-form .iki { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.pr-form label { display: block; }
.pr-form label > span { display: block; font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--pr-soluk); margin-bottom: 8px; }
.pr-form input, .pr-form select, .pr-form textarea { width: 100%; border: 0; outline: none; border-radius: var(--r); background: var(--pr-zemin); color: #fff; padding: 13px 16px; font-size: 15px; transition: box-shadow .2s; }
.pr-form input::placeholder, .pr-form textarea::placeholder { color: #6b8a87; }
.pr-form input:focus, .pr-form select:focus, .pr-form textarea:focus { box-shadow: 0 0 0 2px var(--accent); }
.pr-form textarea { min-height: 96px; resize: vertical; }
.pr-form select option { background: var(--pr-koyu); }
.pr-form .pr-btn { width: 100%; }
.pr-form-not { font-size: 12px; color: var(--pr-soluk); text-align: center; }

/* Alt bilgi */
.pr-alt { background: var(--pr-zemin); color: var(--pr-soluk); padding: 64px 0 32px; }
.pr-alt-izgara { display: grid; grid-template-columns: 4fr 3fr 2fr 3fr; gap: 40px; }
.pr-alt-izgara > div { display: flex; flex-direction: column; gap: 12px; font-size: 14px; }
.pr-alt h4 { color: #fff; font-size: 15px; font-weight: 600; margin-bottom: 4px; }
.pr-alt a:hover { color: var(--pr-aqua); }
.pr-alt-ilet p { display: flex; gap: 8px; align-items: flex-start; }
.pr-alt-ilet .material-symbols-outlined { color: var(--accent); font-size: 18px; }
.pr-nobet { padding: 12px 14px; border-radius: var(--r); background: var(--pr-petrol); }
.pr-nobet span { display: block; font-size: 12px; color: var(--pr-aqua); font-weight: 600; }
.pr-nobet a { color: #fff; font-family: var(--fh); font-weight: 600; font-size: 17px; }
.pr-alt-son { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; margin-top: 48px; padding-top: 24px; font-size: 13px; }
.pr-alt-son .pr-etiket { color: var(--accent); }

.pr-wa { position: fixed; right: 20px; bottom: 20px; z-index: 950; width: 56px; height: 56px; border-radius: var(--r); background: #25D366; color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 28px rgba(0,0,0,.3); }
.pr-wa .material-symbols-outlined { font-size: 28px; }

/* İç sayfalarda tema dokunuşu */
.pr .ic-bas { background: var(--pr-koyu); color: #fff; }
.pr .ic-bas p, .pr .ic-iz { color: var(--pr-ikinci); }
.pr .ic-iz a:hover { color: var(--pr-aqua); }
.pr .ic-cta { background: var(--pr-petrol); color: #fff; }
.pr .ic-cta .ic-btn { background: var(--accent); color: var(--pr-koyu); }
.pr .ic-paket.one { background: var(--pr-koyu); color: #fff; }
.pr .ic-sss summary::after { color: var(--pr-yesil); }
.pr .ic-ikon, .pr .ic-rozet { color: var(--pr-yesil); }
.pr .ic-btn--ikincil { color: var(--pr-yesil); }

/* Duyarlı */
@media (max-width: 1360px) {
    .pr-menu { position: fixed; inset: 80px 0 auto 0; flex-direction: column; align-items: stretch; gap: 0; background: var(--pr-zemin); padding: 12px 24px 24px; box-shadow: var(--pr-derin); transform: translateY(-130%); transition: transform .3s; max-height: calc(100vh - 80px); overflow: auto; }
    .pr-menu.acik { transform: none; }
    .pr-menu a { padding: 14px 0; }
    .pr-menu-tel { display: flex !important; align-items: center; gap: 8px; color: var(--pr-aqua) !important; }
    .pr-hamburger { display: inline-flex; align-items: center; justify-content: center; }
    .pr-tel { display: none; }
}
@media (max-width: 1180px) {
    .pr-kpiler, .pr-izgara-4 { grid-template-columns: repeat(2, 1fr); }
    .pr-izgara-3 { grid-template-columns: repeat(2, 1fr); }
    .pr-adimlar { grid-template-columns: repeat(3, 1fr); }
    .pr-pano-govde, .pr-teklif { grid-template-columns: 1fr; }
    .pr-alt-izgara { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 720px) {
    .pr-ust-ic { height: 68px; }
    .pr-menu { inset: 68px 0 auto 0; }
    .pr-ust-sag .pr-btn { display: none; }
    .pr-hero { min-height: 0; }
    .pr-hero-ic { padding-top: 56px; padding-bottom: 56px; }
    .pr-hero-dugmeler .pr-btn { width: 100%; }
    .pr-kpiler { gap: 12px; margin-top: 40px; }
    .pr-kpi { padding: 16px; }
    .pr-kpi b { font-size: 30px; }
    .pr-izgara-3, .pr-izgara-4, .pr-adimlar, .pr-alt-izgara, .pr-form .iki { grid-template-columns: 1fr; }
    .pr-bolum { padding: 64px 0; }
    .pr-pano-govde { padding: 16px; }
    .pr-istasyonlar { grid-template-columns: repeat(2, 1fr); gap: 8px; }
    .pr-plan-bolge { flex-direction: column; gap: 2px; }
    .pr-yorum, .pr-form { padding: 24px; }
    .pr-referanslar { gap: 16px 32px; }
    .pr-referanslar div { font-size: 16px; }
}