/*
 * hairpol-anasayfa/style.css — yeni ana sayfa (yalnız .hpa kapsamı)
 * A lehçesi: Raleway (başlık) / Roboto (gövde), #BD835E bakır (hover #B55917),
 * heading-layout1 (H2 + 45x4 bakır çizgi), kart radius 16, zemin beyaz / #f7f4f1, lacivert #122739.
 * Mobil öncelikli. Sınıflar `hpa-` önekli; turbo'nun hp-hero / hp-banner-img seçicileriyle çakışmaz.
 */
.hpa {
	--hpa-bakir: #BD835E;
	--hpa-bakir-k: #B55917;
	--hpa-murekkep: #1f2330;
	--hpa-metin: #3a3f4b;
	--hpa-soluk: #646464;
	--hpa-bej: #f7f4f1;
	--hpa-cizgi: #ece6e0;
	--hpa-lacivert: #122739;
	--hpa-wa: #25d366;
	--hpa-golge: 0 4px 18px rgba(31, 35, 48, .06);
	--hpa-golge-h: 0 14px 40px rgba(31, 35, 48, .13);
	font-family: Roboto, sans-serif;
	font-size: 16px;
	line-height: 1.65;
	color: var(--hpa-metin);
	overflow-x: clip;
}
.hpa *, .hpa *::before, .hpa *::after { box-sizing: border-box; }
.hpa h1, .hpa h2, .hpa h3 { font-family: Raleway, sans-serif; color: var(--hpa-murekkep); clear: none; }
.hpa, .hpa h1, .hpa h2, .hpa h3, .hpa-ba__greft, .hpa-fiyat__no, .hpa-surec__no { font-variant-numeric: lining-nums; font-feature-settings: "lnum" 1; }
.hpa p { margin: 0 0 1em; }
.hpa ul, .hpa ol { list-style: none; margin: 0; padding: 0; }
.hpa img { display: block; max-width: 100%; height: auto; }
.hpa a { transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .3s ease, transform .3s ease; }
.hpa a:focus-visible, .hpa button:focus-visible, .hpa summary:focus-visible { outline: 3px solid var(--hpa-bakir); outline-offset: 3px; }
.hpa-wrap { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.hpa-sec { padding: 64px 0; }
.hpa-bej { background: var(--hpa-bej); }
.hpa-ikon { display: inline-flex; width: 1.15em; height: 1.15em; flex: 0 0 auto; }
.hpa-ikon svg { width: 100%; height: 100%; display: block; }

/* ---------- bölüm başlığı (heading-layout1) ---------- */
.hpa-h { position: relative; text-align: center; margin: 0 0 44px; }
.hpa .hpa-h h2 { font-size: 26px; font-weight: 700; line-height: 1.25; margin: 0; letter-spacing: -.01em; }
.hpa-h::after { content: ""; position: absolute; left: 0; right: 0; bottom: -20px; margin: 0 auto; width: 45px; height: 4px; border-radius: 4px; background: var(--hpa-bakir); }
.hpa-h--sol { text-align: left; }
.hpa-h--sol::after { margin: 0; }
.hpa p.hpa-alt { max-width: 680px; margin: -4px auto 36px; text-align: center; color: var(--hpa-soluk); }
.hpa p.hpa-alt--sol { margin-left: 0; text-align: left; }

/* ---------- butonlar ---------- */
.hpa a.hpa-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	min-height: 52px; padding: 14px 24px; border-radius: 6px; border: 2px solid transparent;
	font: 600 16px/1.2 Roboto, sans-serif; text-decoration: none; text-align: center; cursor: pointer; white-space: nowrap;
}
/* 1.1.0: EN/DE/FR etiketleri TR'den uzun; dar alanda taşıp kırpılmak yerine satır kırar. Yalnız TR dışı
   dillerde: TR görünümü 1.0.0 ile piksel piksel aynı kalır (14 Eki, 360–1440 ekran karşılaştırması). */
html:not([lang^="tr"]) .hpa a.hpa-btn { white-space: normal; overflow-wrap: break-word; min-width: 0; }
.hpa a.hpa-btn .hpa-ikon { width: 20px; height: 20px; }
.hpa a.hpa-btn--ana { background: var(--hpa-bakir); color: #fff; box-shadow: 0 8px 22px rgba(189, 131, 94, .32); }
.hpa a.hpa-btn--ana:hover { background: var(--hpa-bakir-k); color: #fff; }
.hpa a.hpa-btn--wa { background: var(--hpa-wa); color: #fff; }
.hpa a.hpa-btn--wa:hover { background: #1ebe5b; color: #fff; }
.hpa a.hpa-btn--tel { background: #fff; color: var(--hpa-murekkep); border-color: var(--hpa-murekkep); }
.hpa a.hpa-btn--tel:hover { background: var(--hpa-murekkep); color: #fff; }
.hpa-ctalar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.hpa-ctalar .hpa-uzun { display: none; }
@media (min-width: 640px) {
	.hpa-ctalar .hpa-uzun { display: inline; }
	.hpa-ctalar .hpa-kisa { display: none; }
}
.hpa-ctalar .hpa-btn--ana { grid-column: 1 / -1; }
.hpa a.hpa-link { display: inline-flex; align-items: center; gap: 6px; color: var(--hpa-bakir-k); font-weight: 600; text-decoration: none; border-bottom: 1px solid transparent; }
.hpa a.hpa-link:hover { color: var(--hpa-murekkep); border-bottom-color: currentColor; }
.hpa a.hpa-link .hpa-ikon { width: 18px; height: 18px; }
.hpa-sec__alt-cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 14px 28px; margin-top: 36px; }

/* ---------- 1) HERO ---------- */
.hpa-hero { background: linear-gradient(180deg, #f7f1ec 0%, #fbf8f5 62%, #fff 100%); padding: 28px 0 40px; }
.hpa-hero__ic { display: grid; gap: 28px; }
.hpa p.hpa-hero__konum { display: inline-flex; align-items: center; gap: 6px; margin: 0 0 14px; padding: 6px 12px 6px 10px; border-radius: 999px; background: #fff; border: 1px solid var(--hpa-cizgi); color: var(--hpa-bakir-k); font-size: 13.5px; font-weight: 600; letter-spacing: .01em; }
.hpa p.hpa-hero__konum .hpa-ikon { width: 16px; height: 16px; }
.hpa h1.hpa-hero__h1 { font-size: 34px; font-weight: 700; line-height: 1.12; letter-spacing: -.02em; margin: 0 0 14px; }
.hpa-hero__h1 span { display: block; color: var(--hpa-bakir); font-weight: 600; font-size: .62em; letter-spacing: -.005em; margin-top: 6px; }
.hpa p.hpa-hero__lead { font-size: 17px; color: var(--hpa-metin); margin: 0 0 14px; max-width: 560px; }
.hpa p.hpa-hero__fiyat { margin: 0 0 22px; padding: 12px 14px; border-left: 3px solid var(--hpa-bakir); background: rgba(255, 255, 255, .75); border-radius: 0 8px 8px 0; font-size: 15px; color: var(--hpa-metin); max-width: 560px; }
.hpa-hero__fiyat strong { color: var(--hpa-murekkep); white-space: nowrap; }
.hpa-hero__fiyat a { color: var(--hpa-bakir-k); font-weight: 600; }
.hpa-ctalar--hero { max-width: 560px; }
.hpa-kanit { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px !important; }
.hpa-rozet { display: inline-flex; align-items: center; gap: 6px; padding: 7px 11px; border-radius: 999px; background: #fff; border: 1px solid var(--hpa-cizgi); color: var(--hpa-murekkep); font-size: 13px; font-weight: 500; line-height: 1.2; text-decoration: none; }
.hpa a.hpa-rozet { color: var(--hpa-murekkep); }
.hpa a.hpa-rozet:hover { border-color: var(--hpa-bakir); box-shadow: var(--hpa-golge); }
.hpa-rozet .hpa-ikon { width: 16px; height: 16px; }
.hpa-rozet--duz .hpa-ikon { color: var(--hpa-bakir); }
.hpa-rozet__yildiz { display: inline-flex; color: #f5a623; }
.hpa-rozet__yildiz .hpa-ikon { width: 13px; height: 13px; }
.hpa-hero__vaka { margin: 0; }
.hpa-hero__cerceve { position: relative; border-radius: 16px; overflow: hidden; box-shadow: 0 24px 48px rgba(66, 27, 9, .16); background: #e9e2dc; aspect-ratio: 1024 / 813; }
.hpa .hpa-hero__cerceve img { width: 100%; height: 100%; object-fit: cover; }
.hpa-hero__etiket { position: absolute; top: 12px; padding: 4px 10px; border-radius: 999px; background: rgba(18, 39, 57, .78); color: #fff; font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.hpa-hero__etiket--sol { left: 12px; }
.hpa-hero__etiket--sag { left: calc(50% + 12px); background: rgba(189, 131, 94, .92); }
.hpa-hero__vaka figcaption { margin-top: 10px; text-align: center; font-size: 14px; font-weight: 600; color: var(--hpa-murekkep); }

/* ---------- 2) GÜVEN (4 belge + 7 logo) ---------- */
.hpa-guven { background: #fff; border-bottom: 1px solid var(--hpa-cizgi); padding: 36px 0 32px; }
.hpa-guven__bas { margin-bottom: 18px; }
.hpa .hpa-guven__bas h2 { font-size: 20px; font-weight: 700; margin: 0 0 4px; }
.hpa .hpa-guven__bas p { margin: 0; color: var(--hpa-soluk); font-size: 14.5px; }
.hpa-guven__belgeler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.hpa-belge { display: flex; flex-direction: column; gap: 10px; padding: 10px; border: 1px solid var(--hpa-cizgi); border-radius: 12px; background: #fff; }
.hpa a.hpa-belge__img { display: flex; align-items: center; justify-content: center; aspect-ratio: 4 / 3; border-radius: 8px; overflow: hidden; background: var(--hpa-bej); padding: 6px; cursor: zoom-in; }
.hpa a.hpa-belge__img img { width: 100%; height: 100%; object-fit: contain; transition: transform .3s ease; }
.hpa a.hpa-belge__img:hover img { transform: scale(1.04); }
.hpa span.hpa-belge__img { display: flex; align-items: center; justify-content: center; aspect-ratio: 4 / 3; border-radius: 8px; overflow: hidden; background: var(--hpa-bej); padding: 6px; }
.hpa span.hpa-belge__img img { width: 100%; height: 100%; object-fit: contain; }
.hpa-belge__metin { display: flex; flex-direction: column; font-size: 13.5px; line-height: 1.35; padding: 0 2px 2px; }
.hpa-belge__metin strong { color: var(--hpa-murekkep); font-size: 14.5px; font-weight: 600; }
.hpa-belge__metin span { color: var(--hpa-soluk); }
.hpa-guven__logolar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 10px !important; }
.hpa-logo { display: flex; align-items: center; justify-content: center; height: 64px; padding: 6px 6px; border: 1px solid var(--hpa-cizgi); border-radius: 12px; background: #fff; }
.hpa-logo a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.hpa .hpa-logo img { max-height: 50px; width: auto; max-width: 100%; object-fit: contain; }
.hpa-lb:not([open]) { display: none !important; }
.hpa-lb { border: 0; padding: 0; background: transparent; max-width: min(92vw, 900px); max-height: 92vh; overflow: visible; }
.hpa-lb::backdrop { background: rgba(10, 14, 20, .82); }
.hpa .hpa-lb__img { display: block; max-width: 100%; max-height: calc(92vh - 48px); width: auto; height: auto; border-radius: 10px; background: #fff; }
.hpa p.hpa-lb__ad { margin: 10px 0 0; color: #fff; text-align: center; font-size: 15px; }
.hpa button.hpa-lb__kapat { position: absolute; top: -14px; right: -14px; width: 40px; height: 40px; border-radius: 50%; border: 0; background: #fff; color: var(--hpa-murekkep); font-size: 26px; line-height: 1; cursor: pointer; box-shadow: var(--hpa-golge-h); }

/* ---------- yatay kaydırıcı (önce/sonra + yorumlar) ---------- */
.hpa-kaydir { position: relative; }
.hpa-kaydir__iz { display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; margin: 0 -20px !important; padding: 4px 20px 18px !important; scroll-padding: 0 20px; }
.hpa-kaydir__iz::-webkit-scrollbar { display: none; }
.hpa-kaydir__iz > li { scroll-snap-align: start; }
.hpa-kaydir__oklar { display: none; }

/* ---------- 3) ÖNCE / SONRA ---------- */
.hpa-ba__kart { flex: 0 0 82%; }
.hpa-ba__kart figure { margin: 0; background: #fff; border: 1px solid var(--hpa-cizgi); border-radius: 16px; overflow: hidden; box-shadow: var(--hpa-golge); transition: transform .3s ease-out, box-shadow .3s ease-out; height: 100%; }
.hpa-ba__kart figure:hover { transform: translateY(-4px); box-shadow: var(--hpa-golge-h); }
.hpa .hpa-ba__img { width: 100%; aspect-ratio: 1024 / 813; object-fit: cover; }
.hpa-ba__kart figcaption { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; padding: 12px 16px; }
.hpa-ba__greft { font-family: Raleway, sans-serif; font-weight: 700; color: var(--hpa-murekkep); font-size: 17px; }
.hpa-ba__ek { color: var(--hpa-soluk); font-size: 14px; }

/* ---------- 4) FİYAT (lacivert) ---------- */
.hpa-koyu { background: var(--hpa-lacivert) radial-gradient(1200px 400px at 85% -10%, rgba(189, 131, 94, .22), transparent 60%); color: #d9e1e8; }
.hpa-koyu .hpa-h h2 { color: #fff; }
.hpa .hpa-koyu p.hpa-alt { color: #c2ccd6; }
.hpa-fiyat__kartlar { display: grid; grid-template-columns: 1fr; gap: 14px; }
.hpa-fiyat__kart { position: relative; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .12); border-radius: 16px; padding: 20px 20px 18px 74px; transition: transform .3s ease-out, background-color .3s ease-out, border-color .3s ease-out; }
.hpa-fiyat__kart:hover { transform: translateY(-3px); background: rgba(255, 255, 255, .1); border-color: rgba(233, 184, 147, .45); }
.hpa-fiyat__no { position: absolute; left: 20px; top: 20px; width: 38px; height: 38px; border-radius: 50%; border: 2px solid #e9b893; color: #e9b893; display: flex; align-items: center; justify-content: center; font: 700 16px/1 Raleway, sans-serif; }
.hpa .hpa-fiyat__kart h3 { font-size: 18px; font-weight: 700; color: #fff; margin: 0 0 6px; line-height: 1.3; }
.hpa p.hpa-fiyat__not { margin: 0; font-size: 15px; line-height: 1.55; color: #c2ccd6; }
.hpa-fiyat__alt { display: grid; gap: 20px; margin-top: 28px; padding-top: 26px; border-top: 1px solid rgba(255, 255, 255, .12); align-items: center; }
.hpa p.hpa-fiyat__sonuc { display: flex; gap: 10px; align-items: flex-start; margin: 0; font: 600 18px/1.45 Raleway, sans-serif; color: #fff; }
.hpa p.hpa-fiyat__sonuc .hpa-ikon { color: #e9b893; width: 24px; height: 24px; margin-top: 1px; }
.hpa-fiyat__cta { display: grid; grid-template-columns: 1fr; gap: 10px; }
.hpa a.hpa-link--acik { color: #e9b893; justify-content: center; }
.hpa a.hpa-link--acik:hover { color: #fff; }

/* ---------- 5) SÜREÇ ---------- */
.hpa-surec__adimlar { display: grid; grid-template-columns: 1fr; gap: 0; counter-reset: none; position: relative; }
.hpa-surec__adim { position: relative; padding: 0 0 26px 58px; }
.hpa-surec__adim::before { content: ""; position: absolute; left: 19px; top: 40px; bottom: 0; width: 2px; background: #e3d3c6; }
.hpa-surec__adim:last-child { padding-bottom: 0; }
.hpa-surec__adim:last-child::before { display: none; }
.hpa-surec__no { position: absolute; left: 0; top: 0; width: 40px; height: 40px; border-radius: 50%; background: var(--hpa-bakir); color: #fff; display: flex; align-items: center; justify-content: center; font: 700 16px/1 Raleway, sans-serif; box-shadow: 0 0 0 6px var(--hpa-bej); }
.hpa .hpa-surec__adim h3 { font-size: 18px; font-weight: 700; margin: 6px 0 4px; line-height: 1.3; }
.hpa .hpa-surec__adim p { margin: 0; font-size: 15px; color: var(--hpa-metin); }

/* ---------- 6) EKİP (hairpol-ekip bloğu; yalnız çevresi) ---------- */
.hpa-ekip { background: #fff; }
.hpa-ekip .hpek-blok { padding: 64px 0 60px; }

/* ---------- 7) HİZMETLER ---------- */
.hpa-hiz__kartlar { display: grid; grid-template-columns: 1fr; gap: 16px; }
.hpa-hiz__kart { position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--hpa-cizgi); border-radius: 16px; overflow: hidden; box-shadow: var(--hpa-golge); transition: transform .3s ease-out, box-shadow .3s ease-out, border-color .3s ease-out; }
.hpa-hiz__kart::before { content: ""; position: absolute; left: 0; top: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--hpa-bakir), #e2b591); transform: scaleX(.18); transform-origin: left; transition: transform .4s ease-out; }
.hpa-hiz__kart:hover::before { transform: scaleX(1); }
.hpa-hiz__kart:hover { border-color: #e3cfbf; }
.hpa p.hpa-hiz__etiket { margin: 0 0 10px; font-size: 12.5px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--hpa-bakir-k); }
.hpa-hiz__kart:hover { transform: translateY(-4px); box-shadow: var(--hpa-golge-h); }
.hpa-hiz__govde { padding: 26px 22px 22px; display: flex; flex-direction: column; flex: 1; }
.hpa .hpa-hiz__govde h3 { font-size: 19px; font-weight: 700; margin: 0 0 6px; line-height: 1.3; }
.hpa .hpa-hiz__govde h3 a { color: var(--hpa-murekkep); text-decoration: none; }
.hpa .hpa-hiz__govde h3 a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.hpa-hiz__kart:hover h3 a { color: var(--hpa-bakir-k); }
.hpa .hpa-hiz__govde p { margin: 0 0 12px; font-size: 15px; color: var(--hpa-metin); }
.hpa p.hpa-hiz__linkler { margin: auto 0 0; display: flex; gap: 18px; flex-wrap: wrap; }
.hpa-hiz__incele, .hpa a.hpa-hiz__ek { display: inline-flex; align-items: center; gap: 6px; color: var(--hpa-bakir-k); font-weight: 600; font-size: 15px; text-decoration: none; }
.hpa a.hpa-hiz__ek { position: relative; z-index: 2; }
.hpa a.hpa-hiz__ek:hover { color: var(--hpa-murekkep); }
.hpa-hiz__incele .hpa-ikon, .hpa-hiz__ek .hpa-ikon { width: 18px; height: 18px; }
.hpa-hiz__diger { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px; margin-top: 26px; font-size: 15px; color: var(--hpa-soluk); }
.hpa .hpa-hiz__diger a { padding: 7px 14px; border: 1px solid #ddcbbd; border-radius: 999px; background: #fff; color: var(--hpa-murekkep); text-decoration: none; font-size: 14.5px; }
.hpa .hpa-hiz__diger a:hover { border-color: var(--hpa-bakir); color: var(--hpa-bakir-k); }

/* ---------- 8) YORUMLAR ---------- */
.hpa-yorum { background: #fff; }
.hpa-yorum__puanlar { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: -8px 0 26px; }
.hpa-yorum__puanlar .hpa-rozet { padding: 9px 14px; font-size: 14px; }
.hpa-yorum__kart { flex: 0 0 86%; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--hpa-cizgi); border-radius: 16px; padding: 20px; box-shadow: var(--hpa-golge); }
.hpa-yorum__ust { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.hpa-yorum__ust > .hpa-ikon { margin-left: auto; width: 20px; height: 20px; }
.hpa-yorum__avatar { flex: 0 0 42px; width: 42px; height: 42px; border-radius: 50%; background: #f3e7dd; color: var(--hpa-bakir-k); display: flex; align-items: center; justify-content: center; font: 700 15px/1 Raleway, sans-serif; }
.hpa-yorum__kim { display: flex; flex-direction: column; line-height: 1.3; min-width: 0; }
.hpa-yorum__kim strong { color: var(--hpa-murekkep); font-size: 15.5px; font-weight: 600; }
.hpa-yorum__yildiz { display: inline-flex; color: #f5a623; margin-top: 2px; }
.hpa-yorum__yildiz .hpa-ikon { width: 14px; height: 14px; }
.hpa p.hpa-yorum__metin { font-size: 15px; line-height: 1.6; color: var(--hpa-metin); margin: 0 0 14px; flex: 1; }
.hpa a.hpa-yorum__kaynak { font-size: 13.5px; color: var(--hpa-soluk); text-decoration: none; }
.hpa a.hpa-yorum__kaynak:hover { color: var(--hpa-bakir-k); }
.hpa button.hpa-kaydir__ok { width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--hpa-cizgi); background: #fff; color: var(--hpa-murekkep); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; box-shadow: var(--hpa-golge); transition: background-color .2s ease, color .2s ease; }
.hpa button.hpa-kaydir__ok:hover { background: var(--hpa-bakir); color: #fff; border-color: var(--hpa-bakir); }
.hpa button.hpa-kaydir__ok .hpa-ikon { width: 22px; height: 22px; }

/* ---------- 9) SSS ---------- */
.hpa-sss__ic { max-width: 900px; }
.hpa-sss__liste { display: grid; gap: 10px; }
.hpa-sss__oge { background: #fff; border: 1px solid var(--hpa-cizgi); border-radius: 12px; transition: box-shadow .3s ease; }
.hpa-sss__oge[open] { box-shadow: var(--hpa-golge); }
.hpa-sss__oge summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px 18px; cursor: pointer; }
.hpa-sss__oge summary::-webkit-details-marker { display: none; }
.hpa .hpa-sss__oge summary h3 { font-size: 16.5px; font-weight: 600; line-height: 1.4; margin: 0; }
.hpa-sss__arti { position: relative; flex: 0 0 28px; width: 28px; height: 28px; border-radius: 50%; background: var(--hpa-bej); }
.hpa-sss__arti::before, .hpa-sss__arti::after { content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 2px; margin: -1px 0 0 -6px; background: var(--hpa-bakir-k); transition: transform .25s ease; }
.hpa-sss__arti::after { transform: rotate(90deg); }
.hpa-sss__oge[open] .hpa-sss__arti::after { transform: rotate(0); }
.hpa-sss__cevap { padding: 0 18px 16px; }
.hpa .hpa-sss__cevap p { font-size: 15.5px; margin: 0 0 8px; }
.hpa .hpa-sss__cevap p:last-child { margin-bottom: 0; }
.hpa p.hpa-sss__son { text-align: center; margin: 26px 0 0; color: var(--hpa-soluk); display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 12px; align-items: center; }

/* ---------- 10) KAPANIŞ + NAP ---------- */
.hpa-kapanis { background: #fff; }
.hpa-kapanis__kutu { display: grid; gap: 28px; background: linear-gradient(135deg, #fbf3ec 0%, #f4e6da 100%); border: 1px solid #ecdccf; border-radius: 20px; padding: 28px 20px; }
.hpa-kapanis__cta .hpa-h { margin-bottom: 40px; }
.hpa .hpa-kapanis__cta > p { margin: 0 0 20px; }
.hpa address.hpa-nap { font-style: normal; background: #fff; border-radius: 16px; padding: 22px 20px; box-shadow: var(--hpa-golge); margin: 0; }
.hpa p.hpa-nap__ad { font: 700 18px/1.3 Raleway, sans-serif; color: var(--hpa-murekkep); margin: 0 0 4px; }
.hpa p.hpa-nap__konum { display: flex; align-items: center; gap: 6px; color: var(--hpa-bakir-k); font-size: 14px; font-weight: 600; margin: 0 0 14px; }
.hpa-nap dl { margin: 0 0 14px; display: grid; gap: 10px; }
.hpa-nap dl > div { display: grid; grid-template-columns: 92px 1fr; gap: 8px; font-size: 15px; line-height: 1.45; }
.hpa-nap dt { color: var(--hpa-soluk); font-weight: 500; }
.hpa-nap dd { margin: 0; color: var(--hpa-murekkep); }
.hpa .hpa-nap dd a { color: var(--hpa-murekkep); text-decoration: none; border-bottom: 1px solid var(--hpa-cizgi); }
.hpa .hpa-nap dd a:hover { color: var(--hpa-bakir-k); border-color: currentColor; }
.hpa p.hpa-nap__linkler { display: flex; flex-direction: column; gap: 8px; margin: 0; padding-top: 14px; border-top: 1px solid var(--hpa-cizgi); }

/* ---------- 11) BLOG ---------- */
.hpa-blog__kartlar { display: grid; grid-template-columns: 1fr; gap: 16px; }
.hpa-blog__kart { position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--hpa-cizgi); border-radius: 16px; overflow: hidden; box-shadow: var(--hpa-golge); transition: transform .3s ease-out, box-shadow .3s ease-out; }
.hpa-blog__kart:hover { transform: translateY(-4px); box-shadow: var(--hpa-golge-h); }
.hpa-blog__gorsel { aspect-ratio: 16 / 9; overflow: hidden; background: var(--hpa-bej); }
.hpa .hpa-blog__gorsel img { width: 100%; height: 100%; object-fit: cover; }
.hpa-blog__govde { padding: 16px 18px 18px; display: flex; flex-direction: column; flex: 1; }
.hpa .hpa-blog__govde h3 { font-size: 17px; font-weight: 700; line-height: 1.35; margin: 0 0 12px; }
.hpa .hpa-blog__govde h3 a { color: var(--hpa-murekkep); text-decoration: none; }
.hpa .hpa-blog__govde h3 a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.hpa-blog__kart:hover h3 a { color: var(--hpa-bakir-k); }
.hpa-blog__oku { margin-top: auto; display: inline-flex; align-items: center; gap: 6px; color: var(--hpa-bakir-k); font-weight: 600; font-size: 14.5px; }
.hpa-blog__oku .hpa-ikon { width: 18px; height: 18px; }

/* ================= ≥ 640px ================= */
@media (min-width: 640px) {
	.hpa-ctalar { max-width: 560px; }
	.hpa-ba__kart { flex-basis: 46%; }
	.hpa-guven__belgeler { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.hpa-logo { height: 76px; padding: 8px 10px; }
	.hpa-yorum__kart { flex-basis: 48%; }
	.hpa-fiyat__kartlar { grid-template-columns: 1fr 1fr; }
	.hpa-fiyat__cta { grid-template-columns: 1fr 1fr; }
	.hpa-fiyat__cta .hpa-link { grid-column: 1 / -1; }
	.hpa-hiz__kartlar { grid-template-columns: 1fr 1fr; }
	.hpa-blog__kartlar { grid-template-columns: 1fr 1fr; }
	.hpa-kapanis__kutu { padding: 36px 32px; }
	.hpa-hero__vaka { max-width: 560px; margin: 0 auto; width: 100%; }
	.hpa p.hpa-nap__linkler { flex-direction: row; flex-wrap: wrap; gap: 8px 24px; }
}

/* ================= ≥ 900px ================= */
@media (min-width: 900px) {
	.hpa-sec { padding: 88px 0; }
	.hpa-h { margin-bottom: 52px; }
	.hpa .hpa-h h2 { font-size: 32px; }
	.hpa-h::after { bottom: -24px; }
	.hpa p.hpa-alt { margin-top: -8px; margin-bottom: 44px; font-size: 17px; }
	.hpa-hero { padding: 56px 0 72px; }
	.hpa-guven { padding: 48px 0 44px; }
	.hpa-guven__bas { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; margin-bottom: 22px; }
	.hpa .hpa-guven__bas h2 { font-size: 22px; }
	.hpa-guven__belgeler { gap: 18px; }
	.hpa-guven__logolar { grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 14px; margin-top: 18px !important; }
	.hpa-logo { height: 80px; }
	.hpa-hero__ic { grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr); gap: 56px; align-items: center; }
	.hpa-hero__vaka { max-width: none; }
	.hpa h1.hpa-hero__h1 { font-size: 46px; }
	.hpa-ctalar--hero, .hpa-kapanis .hpa-ctalar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.hpa-ctalar--hero .hpa-btn--ana, .hpa-kapanis .hpa-ctalar .hpa-btn--ana { grid-column: 1 / -1; }
	.hpa p.hpa-hero__lead { font-size: 18px; }
	.hpa-kaydir__iz { margin: 0 !important; padding: 4px 2px 18px !important; scroll-padding: 0; gap: 20px; }
	.hpa-ba__liste.hpa-kaydir__iz { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: visible; padding: 0 !important; gap: 24px; }
	.hpa-yorum__kart { flex-basis: calc((100% - 40px) / 3); }
	.hpa-kaydir__oklar { display: flex; justify-content: center; gap: 12px; margin-top: 18px; }
	.hpa-ba .hpa-kaydir__oklar { display: none; }
	.hpa-fiyat__kartlar { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
	.hpa-fiyat__kart { padding: 26px 22px 24px; }
	.hpa-fiyat__no { position: static; margin-bottom: 16px; }
	.hpa-fiyat__alt { grid-template-columns: minmax(0, 1fr) auto; gap: 40px; margin-top: 36px; padding-top: 32px; }
	.hpa p.hpa-fiyat__sonuc { font-size: 20px; }
	.hpa-fiyat__cta { grid-template-columns: auto auto; }
	.hpa-surec__adimlar { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 24px; }
	.hpa-surec__adim { padding: 60px 0 0; text-align: left; }
	.hpa-surec__adim::before { left: 48px; right: -24px; top: 21px; bottom: auto; width: auto; height: 2px; }
	.hpa-surec__adim:last-child::before { display: none; }
	.hpa-surec__no { width: 44px; height: 44px; font-size: 17px; }
	.hpa-hiz__kartlar { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
	.hpa-kapanis__kutu { grid-template-columns: 1.15fr .85fr; gap: 48px; align-items: center; padding: 52px 52px; }
	.hpa-blog__kartlar { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
	.hpa-ekip .hpek-blok { padding: 88px 0 84px; }
}

/* ================= ≥ 1200px ================= */
@media (min-width: 1200px) {
	.hpa h1.hpa-hero__h1 { font-size: 56px; }
	.hpa-belge { flex-direction: row; align-items: center; gap: 14px; }
	.hpa a.hpa-belge__img, .hpa span.hpa-belge__img { flex: 0 0 96px; aspect-ratio: 1 / 1; }
	.hpa-ctalar--hero, .hpa-kapanis .hpa-ctalar { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 580px; }
	.hpa-ctalar--hero .hpa-btn--ana, .hpa-kapanis .hpa-ctalar .hpa-btn--ana { grid-column: auto; }
	.hpa .hpa-ctalar--hero a.hpa-btn, .hpa .hpa-kapanis .hpa-ctalar a.hpa-btn { padding-left: 10px; padding-right: 10px; font-size: 15px; gap: 6px; }
}

/* ================= küçük ekran ince ayar ================= */
@media (max-width: 380px) {
	.hpa h1.hpa-hero__h1 { font-size: 30px; }
	.hpa a.hpa-btn { padding: 13px 14px; font-size: 15px; }
	.hpa-nap dl > div { grid-template-columns: 1fr; gap: 0; }
}

@media (prefers-reduced-motion: reduce) {
	.hpa *, .hpa *::before, .hpa *::after { transition: none !important; }
	.hpa-ba__kart figure:hover, .hpa-hiz__kart:hover, .hpa-blog__kart:hover, .hpa-fiyat__kart:hover { transform: none; }
}