/* latin-ext */
@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 400 600;
  font-display: swap;
  src: url(fonts/fraunces-italic-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;
}
/* latin */
@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 400 600;
  font-display: swap;
  src: url(fonts/fraunces-italic-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;
}
/* latin-ext */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url(fonts/fraunces-normal-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;
}
/* latin */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url(fonts/fraunces-normal-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;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(fonts/manrope-normal-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;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(fonts/manrope-normal-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;
}

/* ==========================================================================
   Hasandağı Balı — 2026 tasarımı (Astra üzerine)
   Kaynak: siteler/hasandagibal.com.tr/tasarim-2026/stil-kaynak.css
   Sunucuya fontlar.css ile birleştirilip stil.css olarak gider (insa.py).
   Sınıf ön eki: hb-
   ========================================================================== */

:root {
	--hb-koyu: #1C120A;       /* koyu zemin, başlıklar */
	--hb-koyu-2: #2A1B10;
	--hb-metin: #4A3A2C;      /* krem üstünde gövde metni 9.9:1 */
	--hb-soluk: #6B5948;      /* krem üstünde ikincil metin 6.1:1 */
	--hb-bal: #E8A317;        /* koyu zemin üstünde vurgu 8.5:1, buton zemini */
	--hb-bal-koyu: #8F5200;   /* krem üstünde bağlantı/etiket 5.7:1 */
	--hb-krem: #FBF4E6;       /* site zemini */
	--hb-krem-2: #F5E8CF;     /* alternatif bölüm */
	--hb-beyaz: #FFFCF6;      /* kart */
	--hb-cizgi: #E9D9BB;
	--hb-acik: #F6EBD7;       /* koyu zemin üstünde metin 15.6:1 */
	--hb-acik-2: #CDBBA0;     /* koyu zemin üstünde ikincil metin 9.8:1 */
	--hb-wa: #128C7E;

	--hb-baslik: "Fraunces", Georgia, "Times New Roman", serif;
	--hb-govde: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

	--hb-genislik: 1240px;
	--hb-kenar: clamp(20px, 4vw, 40px);
	--hb-dikey: clamp(72px, 9vw, 128px);
	--hb-yaricap: 22px;
	--hb-golge: 0 28px 60px -28px rgba(60, 35, 10, .38);

	/* Hasandağı silueti (ana zirve + batı omzu) — kenar süsü olarak kullanılıyor */
	--hb-petek: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cpath fill='%23E8A317' fill-opacity='0.07' d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/svg%3E");
}

/* --------------------------------------------------------------------------
   Temel — Astra'nın varsayılanlarını marka diline çek
   -------------------------------------------------------------------------- */
html { scroll-behavior: smooth; }
body {
	font-family: var(--hb-govde);
	font-size: 17px;
	line-height: 1.7;
	color: var(--hb-metin);
	background: var(--hb-krem);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
body, button, input, select, textarea, .ast-button, .ast-custom-button { font-family: var(--hb-govde); }
h1, h2, h3, h4, h5, h6, .entry-content :where(h1, h2, h3, h4, h5, h6) {
	font-family: var(--hb-baslik);
	color: var(--hb-koyu);
	font-weight: 600;
	letter-spacing: -.015em;
	line-height: 1.15;
}
::selection { background: var(--hb-bal); color: var(--hb-koyu); }
:focus-visible { outline: 3px solid var(--hb-bal); outline-offset: 3px; }
[id] { scroll-margin-top: 110px; }
.site-content, #content { background: var(--hb-krem); }

/* --------------------------------------------------------------------------
   Üst bilgi (Astra header builder)
   -------------------------------------------------------------------------- */
.site-header { position: sticky; top: 0; z-index: 99; }
.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .site-header { top: 46px; } }
@media (max-width: 600px) { .admin-bar .site-header { top: 0; } }

.site-header .ast-primary-header-bar,
.site-header .ast-mobile-header-wrap .ast-primary-header-bar {
	background: rgba(251, 244, 230, .94);
	-webkit-backdrop-filter: saturate(140%) blur(10px);
	backdrop-filter: saturate(140%) blur(10px);
	border-bottom: 1px solid var(--hb-cizgi);
}
.ast-primary-header-bar .site-primary-header-wrap { min-height: 78px; }

.site-header .site-title { margin: 0; line-height: 1; }
.site-header .site-title a {
	display: inline-flex;
	align-items: center;
	gap: 11px;
	font-family: var(--hb-baslik);
	font-size: 25px;
	font-weight: 650;
	letter-spacing: -.02em;
	color: var(--hb-koyu);
	text-decoration: none;
}
.site-header .site-title a::before {
	content: "";
	flex: none;
	width: 40px;
	height: 40px;
	border-radius: 12px;
	background:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath fill='%231C120A' d='M4 30 L13 21 L16.5 23 L24 11 L28 16 L36 30 Z'/%3E%3Cpath fill='%23FBF4E6' d='M24 11 L21.2 15.4 L23.2 14.6 L24.6 16 L26 13.6 Z'/%3E%3C/svg%3E") center / 100% no-repeat,
		linear-gradient(135deg, #F7BE3E, #DF8A18);
}
.site-header .site-title a:hover { color: var(--hb-bal-koyu); }

.main-header-menu .menu-item > .menu-link {
	font-weight: 600;
	font-size: 15.5px;
	color: var(--hb-koyu);
	padding: 0 16px;
}
.main-header-menu .menu-item > .menu-link:hover,
.main-header-menu .current-menu-item > .menu-link {
	color: var(--hb-bal-koyu);
}
.main-header-menu .current-menu-item > .menu-link { text-decoration: underline; text-decoration-color: var(--hb-bal); text-decoration-thickness: 2px; text-underline-offset: 8px; }

.ast-header-button-1 .ast-custom-button,
.ast-header-button-1 .ast-custom-button:hover {
	background: var(--hb-koyu);
	color: var(--hb-acik);
	border: 0;
	border-radius: 999px;
	padding: 12px 22px;
	font-weight: 700;
	font-size: 15px;
	line-height: 1.2;
}
.ast-header-button-1 .ast-custom-button:hover { background: var(--hb-bal); color: var(--hb-koyu); }

/* Mobil menü */
.ast-mobile-header-wrap .menu-toggle,
.ast-mobile-header-wrap .menu-toggle:hover,
.ast-mobile-header-wrap .menu-toggle:focus {
	background: var(--hb-koyu);
	color: var(--hb-acik);
	border-radius: 12px;
	padding: 10px;
}
.ast-mobile-header-wrap .menu-toggle .ast-mobile-svg { fill: var(--hb-acik); }
.ast-mobile-header-content, .ast-mobile-popup-drawer .ast-mobile-popup-inner {
	background: var(--hb-beyaz);
}
.ast-mobile-header-content .main-header-menu .menu-item > .menu-link {
	padding: 16px var(--hb-kenar);
	border-bottom: 1px solid var(--hb-cizgi);
	font-size: 17px;
}
.ast-mobile-header-content,
.ast-mobile-header-content .ast-builder-layout-element,
.ast-mobile-header-content .ast-builder-menu-mobile,
.ast-mobile-header-content .main-header-menu { background: var(--hb-beyaz) !important; }
.ast-mobile-header-content .main-header-menu .menu-item { border-bottom: 1px solid var(--hb-cizgi) !important; }
.ast-mobile-header-content .ast-header-button-1 { padding: 18px var(--hb-kenar) 22px; }
.ast-mobile-header-content { box-shadow: 0 24px 40px -24px rgba(60, 35, 10, .45); }
@media (max-width: 921px) {
	.site-header .site-title a { font-size: 21px; gap: 9px; }
	.site-header .site-title a::before { width: 34px; height: 34px; border-radius: 10px; }
	.ast-primary-header-bar .site-primary-header-wrap { min-height: 66px; }
}

/* --------------------------------------------------------------------------
   Tasarlanmış sayfalarda Astra'nın kap/boşluk varsayılanlarını sıfırla
   (sayfa düzeni: full-width-container — bkz. ortak/astra-entry-content-max-width-tuzagi.md)
   -------------------------------------------------------------------------- */
.ast-page-builder-template .site-content > .ast-container { padding: 0; max-width: 100%; }
.ast-page-builder-template .entry-content > .hb-bolum,
.entry-content > .hb-bolum,
.hb-bolum {
	margin: 0 !important;
	max-width: none !important;
	width: 100% !important;
}
.ast-page-builder-template .entry-header { display: none; }
.ast-page-builder-template .site-main > article { margin: 0; padding: 0; }
.ast-page-builder-template .entry-content { margin: 0; }

.hb-ic {
	width: 100% !important;
	max-width: var(--hb-genislik) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: var(--hb-kenar);
	padding-right: var(--hb-kenar);
	box-sizing: border-box;
}
.hb-ic--dar { max-width: 860px !important; }

.hb-bolum { position: relative; padding: var(--hb-dikey) 0; }
.hb-bolum--alt { background: var(--hb-krem-2); }
.hb-bolum--beyaz { background: var(--hb-beyaz); }

.hb-bolum :where(p) { margin: 0 0 1em; }
.hb-bolum :where(p:last-child) { margin-bottom: 0; }
.hb-bolum :where(ul, ol) { margin: 0; padding: 0; list-style: none; }
.hb-bolum img { display: block; max-width: 100%; height: auto; }
.hb-bolum a { text-decoration: none; }

/* Tipografi bileşenleri */
.hb-etiket {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 18px !important;
	font-family: var(--hb-govde);
	font-size: 12.5px;
	font-weight: 800;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--hb-bal-koyu);
}
.hb-etiket::before { content: ""; width: 28px; height: 2px; background: currentColor; border-radius: 2px; }
.hb-koyu-zemin .hb-etiket, .hb-hero .hb-etiket, .hb-sayfa-hero .hb-etiket, .hb-cta .hb-etiket { color: var(--hb-bal); }

.hb-bolum .hb-h1, .hb-bolum .hb-h2, .hb-bolum .hb-h3 { margin: 0; color: var(--hb-koyu); font-family: var(--hb-baslik); font-weight: 600; }
.hb-bolum .hb-h1 { font-size: clamp(2.5rem, 5.4vw, 4.6rem); line-height: 1.03; letter-spacing: -.025em; }
.hb-bolum .hb-h2 { font-size: clamp(2rem, 3.6vw, 3.05rem); line-height: 1.08; letter-spacing: -.02em; }
.hb-bolum .hb-h3 { font-size: clamp(1.3rem, 1.8vw, 1.55rem); line-height: 1.2; }
.hb-bolum .hb-h1 em, .hb-bolum .hb-h2 em { font-style: italic; font-weight: 500; color: var(--hb-bal-koyu); }
.hb-koyu-zemin .hb-h1, .hb-koyu-zemin .hb-h2, .hb-koyu-zemin .hb-h3,
.hb-hero .hb-h1, .hb-sayfa-hero .hb-h1 { color: var(--hb-acik); }
.hb-koyu-zemin .hb-h2 em, .hb-hero .hb-h1 em, .hb-sayfa-hero .hb-h1 em, .hb-cta .hb-h2 em { color: var(--hb-bal); }

.hb-giris { font-size: clamp(1.06rem, 1.3vw, 1.2rem); line-height: 1.65; color: var(--hb-soluk); }
.hb-koyu-zemin .hb-giris, .hb-hero .hb-giris, .hb-sayfa-hero .hb-giris { color: var(--hb-acik-2); }

.hb-bolum .hb-acilis { font-family: var(--hb-baslik); font-size: clamp(1.25rem, 2.1vw, 1.6rem); line-height: 1.5; color: var(--hb-koyu); margin-bottom: 22px; }
.hb-bolum .hb-bosluk { margin-top: 18px; }
.hb-butonlar--orta { justify-content: center; }
.hb-ust { max-width: 700px; margin-bottom: clamp(40px, 5vw, 64px); }
.hb-ust .hb-h2 + .hb-giris { margin-top: 18px; }
.hb-ust--orta { margin-left: auto; margin-right: auto; text-align: center; }
.hb-ust--orta .hb-etiket { justify-content: center; }
.hb-ust--orta .hb-etiket::after { content: ""; width: 28px; height: 2px; background: currentColor; border-radius: 2px; }
.hb-ust--yan { max-width: none; display: flex; justify-content: space-between; align-items: end; gap: 32px; }
.hb-ust--yan > div { max-width: 640px; }

/* Butonlar */
.hb-butonlar { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; margin-top: 34px; }
.hb-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 54px;
	padding: 14px 28px;
	border-radius: 999px;
	border: 2px solid transparent;
	font-family: var(--hb-govde);
	font-size: 16px;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: .01em;
	text-decoration: none !important;
	cursor: pointer;
	transition: transform .2s ease, background-color .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.hb-btn svg { width: 20px; height: 20px; flex: none; }
.hb-btn:hover { transform: translateY(-2px); }
.hb-btn--bal { background: var(--hb-bal); color: var(--hb-koyu) !important; box-shadow: 0 12px 28px -12px rgba(232, 163, 23, .7); }
.hb-btn--bal:hover { background: #F2B53A; }
.hb-btn--koyu { background: var(--hb-koyu); color: var(--hb-acik) !important; }
.hb-btn--koyu:hover { background: var(--hb-koyu-2); }
.hb-btn--cizgi { border-color: rgba(246, 235, 215, .45); color: var(--hb-acik) !important; }
.hb-btn--cizgi:hover { border-color: var(--hb-bal); color: var(--hb-bal) !important; }
.hb-btn--cizgi-koyu { border-color: var(--hb-koyu); color: var(--hb-koyu) !important; }
.hb-btn--cizgi-koyu:hover { background: var(--hb-koyu); color: var(--hb-acik) !important; }
.hb-btn--kucuk { min-height: 46px; padding: 10px 20px; font-size: 15px; }

.hb-ok-link {
	display: inline-flex; align-items: center; gap: 8px;
	font-weight: 800; color: var(--hb-bal-koyu) !important; font-size: 15.5px;
}
.hb-ok-link svg { width: 18px; height: 18px; transition: transform .2s ease; }
.hb-ok-link:hover svg { transform: translateX(4px); }

.hb-not-satir { margin-top: 18px !important; font-size: 15px; color: var(--hb-acik-2); }
.hb-not-satir a { color: var(--hb-acik) !important; font-weight: 700; border-bottom: 1px solid rgba(246, 235, 215, .4); }

/* --------------------------------------------------------------------------
   Ana sayfa hero
   -------------------------------------------------------------------------- */
.hb-hero {
	position: relative;
	display: flex;
	align-items: center;
	min-height: clamp(620px, 90vh, 880px);
	padding: 120px 0 170px !important;
	background: var(--hb-koyu);
	color: var(--hb-acik);
	overflow: hidden;
	isolation: isolate;
}
.hb-hero__gorsel {
	position: absolute !important;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover;
	object-position: 68% 50%;
	z-index: -2;
}
.hb-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background:
		linear-gradient(90deg, rgba(28, 18, 10, .95) 0%, rgba(28, 18, 10, .93) 48%, rgba(28, 18, 10, .72) 62%, rgba(28, 18, 10, .2) 84%, rgba(28, 18, 10, .05) 100%),
		linear-gradient(0deg, rgba(28, 18, 10, .7) 0%, rgba(28, 18, 10, 0) 38%);
}
.hb-hero__metin { max-width: 640px; }
.hb-hero .hb-h1, .hb-hero .hb-giris, .hb-hero .hb-not-satir { text-shadow: 0 2px 22px rgba(28, 18, 10, .6); }
.hb-hero .hb-giris { margin-top: 24px; max-width: 540px; color: #EADFCB; }
/* 681–1100 px: metin sütunu ekranın neredeyse tamamını kaplıyor; yatay geçişli perde
   metnin sağ ucunu açık gökyüzü/dağ üzerinde bırakıyordu (kullanıcı geri bildirimi 2026-10-10).
   Bu aralıkta perde metnin tamamını örtüyor. */
@media (max-width: 1100px) {
	.hb-hero::before {
		background:
			linear-gradient(90deg, rgba(28, 18, 10, .93) 0%, rgba(28, 18, 10, .88) 65%, rgba(28, 18, 10, .7) 100%),
			linear-gradient(0deg, rgba(28, 18, 10, .7) 0%, rgba(28, 18, 10, 0) 38%);
	}
}
.hb-hero__kaynak {
	position: absolute; right: 16px; bottom: 96px; z-index: 1;
	font-size: 11.5px; color: rgba(246, 235, 215, .72) !important;
	background: rgba(28, 18, 10, .45); padding: 3px 10px; border-radius: 999px;
}
.hb-sayfa-hero .hb-hero__kaynak { bottom: auto; top: 14px; }
.hb-hero__kaynak:hover { color: var(--hb-acik) !important; }

/* Güven şeridi — hero'nun alt kenarına biner */
.hb-guven { position: relative; z-index: 3; margin-top: -92px !important; padding: 0 !important; }
.hb-guven__kart {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	background: var(--hb-beyaz);
	border-radius: 24px;
	box-shadow: 0 30px 70px -30px rgba(60, 35, 10, .45);
	border: 1px solid var(--hb-cizgi);
}
.hb-guven__oge { display: flex; gap: 16px; align-items: flex-start; padding: 30px 28px; }
.hb-guven__oge + .hb-guven__oge { border-left: 1px solid var(--hb-cizgi); }
.hb-guven__oge strong { display: block; font-size: 16px; color: var(--hb-koyu); line-height: 1.3; margin-bottom: 4px; }
.hb-guven__oge span { display: block; font-size: 14.5px; line-height: 1.5; color: var(--hb-soluk); }

.hb-ikon {
	flex: none;
	display: inline-grid;
	place-items: center;
	width: 48px; height: 48px;
	border-radius: 14px;
	background: var(--hb-krem-2);
	color: var(--hb-bal-koyu);
}
.hb-ikon svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.hb-koyu-zemin .hb-ikon { background: rgba(232, 163, 23, .14); color: var(--hb-bal); }

/* --------------------------------------------------------------------------
   Ürün kartları
   -------------------------------------------------------------------------- */
.hb-urunler { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(20px, 2.4vw, 32px); }
.hb-urun {
	position: relative;
	display: flex; flex-direction: column;
	background: var(--hb-beyaz);
	border: 1px solid var(--hb-cizgi);
	border-radius: var(--hb-yaricap);
	overflow: hidden;
	transition: transform .35s ease, box-shadow .35s ease;
}
.hb-urun:hover { transform: translateY(-6px); box-shadow: var(--hb-golge); }
.hb-urun__gorsel { position: relative; aspect-ratio: 4 / 3; overflow: hidden; background: var(--hb-krem-2); }
.hb-urun__gorsel img { width: 100% !important; height: 100% !important; object-fit: cover; transition: transform .7s ease; }
.hb-urun:hover .hb-urun__gorsel img { transform: scale(1.05); }
.hb-rozet {
	position: absolute; top: 16px; left: 16px; z-index: 1;
	display: inline-block;
	padding: 7px 13px;
	border-radius: 999px;
	background: rgba(28, 18, 10, .82);
	color: var(--hb-bal);
	font-size: 12.5px; font-weight: 800; letter-spacing: .04em;
	-webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}
.hb-urun__govde { display: flex; flex-direction: column; flex: 1; padding: 26px 28px 30px; }
.hb-urun__govde .hb-h3 { margin-bottom: 10px; }
.hb-urun__govde p { color: var(--hb-soluk); font-size: 16px; }
.hb-urun__govde .hb-ok-link { margin-top: auto; padding-top: 18px; }
.hb-urun__link { position: absolute; inset: 0; z-index: 2; }
.hb-urun__link:focus-visible { outline-offset: -4px; border-radius: var(--hb-yaricap); }

/* --------------------------------------------------------------------------
   İkili bölüm (görsel + metin)
   -------------------------------------------------------------------------- */
.hb-ikili { display: grid; grid-template-columns: 1fr 1.05fr; gap: clamp(40px, 6vw, 88px); align-items: center; }
.hb-ikili--ters > :first-child { order: 2; }
.hb-ikili__gorsel { position: relative; }
.hb-ikili__gorsel > img, .hb-kemer {
	width: 100% !important;
	aspect-ratio: 4 / 4.6;
	object-fit: cover;
	border-radius: 320px 320px 26px 26px;
	box-shadow: var(--hb-golge);
}
.hb-ikili__gorsel--yatay > img { aspect-ratio: 4 / 3; border-radius: 26px; }
.hb-sayi-kart {
	position: absolute; left: -24px; bottom: 36px;
	max-width: 260px;
	padding: 22px 24px;
	border-radius: 18px;
	background: var(--hb-koyu);
	color: var(--hb-acik-2);
	box-shadow: 0 24px 50px -20px rgba(28, 18, 10, .6);
	font-size: 14.5px; line-height: 1.5;
}
.hb-sayi-kart b { display: block; font-family: var(--hb-baslik); font-size: 42px; line-height: 1; font-weight: 600; color: var(--hb-bal); margin-bottom: 8px; letter-spacing: -.02em; }
.hb-gorsel-kaynak { margin-top: 12px !important; font-size: 12px; color: var(--hb-soluk); text-align: right; }
.hb-gorsel-kaynak a { color: inherit !important; text-decoration: underline !important; }

.hb-liste { display: grid; gap: 18px; margin-top: 30px !important; }
.hb-liste li { display: flex; gap: 14px; align-items: flex-start; }
.hb-liste li::before {
	content: "";
	flex: none;
	width: 26px; height: 26px; margin-top: 1px;
	border-radius: 50%;
	background: var(--hb-bal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231C120A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 15px no-repeat;
}
.hb-liste strong { color: var(--hb-koyu); }
.hb-koyu-zemin .hb-liste strong { color: var(--hb-acik); }

/* --------------------------------------------------------------------------
   Koyu zemin bölümleri
   -------------------------------------------------------------------------- */
.hb-koyu-zemin { background: var(--hb-koyu) var(--hb-petek); color: var(--hb-acik-2); }
.hb-koyu-zemin p { color: var(--hb-acik-2); }

.hb-kartlar { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(20px, 2.4vw, 32px); }
.hb-kartlar--3 { grid-template-columns: repeat(3, 1fr); }
.hb-kartlar--4 { grid-template-columns: repeat(4, 1fr); }
.hb-kart {
	padding: clamp(28px, 3vw, 40px);
	border-radius: var(--hb-yaricap);
	background: var(--hb-beyaz);
	border: 1px solid var(--hb-cizgi);
}
.hb-kart .hb-ikon { margin-bottom: 22px; }
.hb-kart .hb-h3 { margin-bottom: 12px; }
.hb-kart p { color: var(--hb-soluk); font-size: 16px; }
.hb-koyu-zemin .hb-kart { background: rgba(255, 252, 246, .035); border-color: rgba(232, 163, 23, .2); }
.hb-koyu-zemin .hb-kart p { color: var(--hb-acik-2); }
.hb-bolum--alt .hb-kart { background: var(--hb-beyaz); }

.hb-alinti {
	max-width: 860px;
	margin: clamp(48px, 6vw, 72px) auto 0 !important;
	text-align: center;
	font-family: var(--hb-baslik);
	font-style: italic;
	font-weight: 400;
	font-size: clamp(1.35rem, 2.3vw, 1.9rem);
	line-height: 1.4;
	color: var(--hb-acik);
}
.hb-alinti::before {
	content: "";
	display: block;
	width: 44px; height: 50px;
	margin: 0 auto 22px;
	background: var(--hb-bal);
	clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
	opacity: .9;
}

/* --------------------------------------------------------------------------
   Sipariş adımları
   -------------------------------------------------------------------------- */
.hb-adimlar { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; counter-reset: adim; position: relative; }
.hb-adimlar::before {
	content: ""; position: absolute; top: 30px; left: 8%; right: 8%;
	border-top: 2px dashed rgba(143, 82, 0, .3);
}
.hb-adim { position: relative; text-align: center; padding: 0 6px; }
.hb-adim::before {
	counter-increment: adim;
	content: counter(adim);
	display: grid; place-items: center;
	width: 60px; height: 68px; margin: 0 auto 20px;
	background: var(--hb-bal);
	clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
	font-family: var(--hb-baslik); font-size: 26px; font-weight: 600; color: var(--hb-koyu);
	position: relative;
}
.hb-adim strong { display: block; font-family: var(--hb-baslik); font-weight: 600; font-size: 1.25rem; color: var(--hb-koyu); margin-bottom: 8px; line-height: 1.25; }
.hb-adim p { font-size: 15.5px; color: var(--hb-soluk); }

/* Dikey zaman çizelgesi (Sipariş sayfası) */
.hb-zaman { counter-reset: adim; display: grid; gap: 0; }
.hb-zaman li { position: relative; display: grid; grid-template-columns: 60px 1fr; gap: 22px; padding-bottom: 34px; }
.hb-zaman li::before {
	counter-increment: adim; content: counter(adim);
	display: grid; place-items: center;
	width: 52px; height: 58px;
	background: var(--hb-bal);
	clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
	font-family: var(--hb-baslik); font-size: 22px; font-weight: 600; color: var(--hb-koyu);
}
.hb-zaman li::after { content: ""; position: absolute; left: 25px; top: 64px; bottom: 6px; border-left: 2px dashed rgba(143, 82, 0, .3); }
.hb-zaman li:last-child { padding-bottom: 0; }
.hb-zaman li:last-child::after { display: none; }
.hb-zaman strong { display: block; font-family: var(--hb-baslik); font-weight: 600; font-size: 1.3rem; color: var(--hb-koyu); margin: 12px 0 6px; }
.hb-zaman p { color: var(--hb-soluk); }

/* Teslimat kartları */
.hb-teslimat { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; margin-top: clamp(48px, 6vw, 72px); }
.hb-teslimat .hb-kart { display: flex; gap: 20px; align-items: flex-start; }
.hb-teslimat .hb-kart .hb-ikon { margin: 0; }

/* --------------------------------------------------------------------------
   Yanlış bilinenler
   -------------------------------------------------------------------------- */
.hb-mit { position: relative; padding-top: 34px; }
.hb-bolum .hb-mit__iddia { font-family: var(--hb-baslik); font-style: italic; font-size: 1.35rem; line-height: 1.3; color: var(--hb-koyu); margin-bottom: 14px !important; }
.hb-mit__etiket {
	display: inline-block; margin-bottom: 18px;
	padding: 5px 12px; border-radius: 999px;
	background: var(--hb-koyu); color: var(--hb-bal);
	font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase;
}
.hb-mit__etiket--dogru { background: var(--hb-bal); color: var(--hb-koyu); }

/* --------------------------------------------------------------------------
   Çağrı bandı
   -------------------------------------------------------------------------- */
.hb-cta {
	display: grid; grid-template-columns: 1.25fr .75fr;
	overflow: hidden;
	border-radius: 32px;
	background: var(--hb-koyu) var(--hb-petek);
	box-shadow: var(--hb-golge);
}
.hb-cta__metin { padding: clamp(40px, 6vw, 80px); align-self: center; }
.hb-cta__metin .hb-h2 { color: var(--hb-acik); }
.hb-cta__metin .hb-giris { color: var(--hb-acik-2); margin-top: 18px; }
.hb-cta__gorsel { position: relative; min-height: 320px; }
.hb-cta__gorsel img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; }
.hb-cta__gorsel::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, var(--hb-koyu) 0%, rgba(28, 18, 10, 0) 40%); }

/* --------------------------------------------------------------------------
   İç sayfa başlık alanı
   -------------------------------------------------------------------------- */
.hb-sayfa-hero {
	position: relative;
	padding: clamp(96px, 12vw, 150px) 0 clamp(110px, 13vw, 170px) !important;
	background: var(--hb-koyu);
	color: var(--hb-acik);
	overflow: hidden;
	isolation: isolate;
}
.hb-sayfa-hero__gorsel {
	position: absolute !important; inset: 0;
	width: 100% !important; height: 100% !important; max-width: none !important;
	object-fit: cover; z-index: -2; opacity: .55;
}
.hb-sayfa-hero::before {
	content: ""; position: absolute; inset: 0; z-index: -1;
	background: linear-gradient(90deg, rgba(28, 18, 10, .95) 0%, rgba(28, 18, 10, .82) 50%, rgba(28, 18, 10, .45) 100%);
}
/* Alt kenar: Hasandağı silueti, bir sonraki bölümün rengiyle */
.hb-sayfa-hero::after {
	content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: clamp(40px, 5.5vw, 84px); z-index: 1;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 90' preserveAspectRatio='none'%3E%3Cpath fill='%23FBF4E6' d='M0 90V70C140 66 250 60 360 62S560 58 650 52 820 40 900 30L930 37C952 42 978 43 1000 37 1030 26 1050 8 1068 3 1092 12 1122 31 1162 44 1236 64 1336 70 1440 72V90Z'/%3E%3C/svg%3E") bottom / 100% 100% no-repeat;
}
.hb-sayfa-hero--alt::after { filter: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 90' preserveAspectRatio='none'%3E%3Cpath fill='%23F5E8CF' d='M0 90V70C140 66 250 60 360 62S560 58 650 52 820 40 900 30L930 37C952 42 978 43 1000 37 1030 26 1050 8 1068 3 1092 12 1122 31 1162 44 1236 64 1336 70 1440 72V90Z'/%3E%3C/svg%3E"); }
.hb-sayfa-hero .hb-ic { position: relative; z-index: 2; }
.hb-sayfa-hero .hb-h1 { font-size: clamp(2.4rem, 5vw, 4.1rem); max-width: 820px; }
.hb-sayfa-hero .hb-giris { margin-top: 22px; max-width: 640px; }
.hb-yol { font-size: 14px; margin-bottom: 22px !important; color: var(--hb-acik-2); }
.hb-yol a { color: var(--hb-acik) !important; font-weight: 700; }
.hb-yol span { margin: 0 8px; opacity: .6; }

/* --------------------------------------------------------------------------
   Ürünler sayfası — ürün satırı
   -------------------------------------------------------------------------- */
.hb-urun-satir + .hb-urun-satir { margin-top: clamp(72px, 9vw, 120px); }
.hb-urun-satir .hb-ikili__gorsel .hb-rozet { top: auto; bottom: 22px; left: 22px; font-size: 13.5px; padding: 8px 15px; }
.hb-urun-satir .hb-h2 { margin-bottom: 14px; }
.hb-urun-satir .hb-ozet { font-size: 1.15rem; color: var(--hb-koyu); font-weight: 600; line-height: 1.55; margin-bottom: 18px !important; }
.hb-kimler {
	margin: 26px 0 0 !important;
	padding: 18px 22px;
	border-radius: 14px;
	background: var(--hb-krem-2);
	border-left: 4px solid var(--hb-bal);
	font-size: 15.5px;
}
.hb-kimler strong { color: var(--hb-koyu); }
.hb-bolum--alt .hb-kimler { background: var(--hb-beyaz); }

.hb-secim .hb-kart { display: flex; flex-direction: column; }
.hb-secim .hb-kart small { display: block; font-size: 13px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--hb-bal-koyu); margin-bottom: 10px; }
.hb-secim .hb-kart .hb-h3 { margin: 0; }
.hb-secim .hb-kart .hb-ikon { margin-bottom: 18px; }

/* --------------------------------------------------------------------------
   Bilgi notu, SSS, iletişim
   -------------------------------------------------------------------------- */
.hb-not {
	display: flex; gap: 18px; align-items: flex-start;
	margin-top: clamp(36px, 4vw, 52px) !important;
	padding: 24px 28px;
	border-radius: 18px;
	background: var(--hb-beyaz);
	border: 1px dashed rgba(143, 82, 0, .45);
}
.hb-not p { margin: 0; }
.hb-not strong { color: var(--hb-koyu); }

.hb-sss { display: grid; gap: 14px; }
.hb-sss details {
	background: var(--hb-beyaz);
	border: 1px solid var(--hb-cizgi);
	border-radius: 18px;
	transition: box-shadow .25s ease;
}
.hb-sss details[open] { box-shadow: 0 18px 40px -26px rgba(60, 35, 10, .4); }
.hb-sss summary {
	list-style: none;
	cursor: pointer;
	display: flex; justify-content: space-between; align-items: center; gap: 20px;
	padding: 22px 26px;
	font-family: var(--hb-baslik); font-weight: 600; font-size: 1.2rem; line-height: 1.35;
	color: var(--hb-koyu);
}
.hb-sss summary::-webkit-details-marker { display: none; }
.hb-sss summary::after {
	content: ""; flex: none;
	width: 34px; height: 34px; border-radius: 50%;
	background: var(--hb-krem-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238F5200' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center / 16px no-repeat;
	transition: transform .25s ease;
}
.hb-sss details[open] summary::after { transform: rotate(45deg); }
.hb-sss details > div { padding: 0 26px 24px; color: var(--hb-soluk); }

.hb-iletisim-kart { display: flex; flex-direction: column; }
.hb-iletisim-kart .hb-buyuk { font-family: var(--hb-baslik); font-size: clamp(1.45rem, 2.2vw, 1.85rem); font-weight: 600; color: var(--hb-koyu) !important; line-height: 1.2; word-break: break-word; margin-bottom: 10px; display: inline-block; }
.hb-iletisim-kart .hb-butonlar { margin-top: auto; padding-top: 22px; }
.hb-harita { overflow: hidden; border-radius: var(--hb-yaricap); border: 1px solid var(--hb-cizgi); background: var(--hb-krem-2); aspect-ratio: 4 / 3; }
.hb-harita iframe { display: block; width: 100%; height: 100%; border: 0; }

.hb-madde { display: grid; gap: 14px; }
.hb-madde li { position: relative; padding-left: 28px; }
.hb-madde li::before { content: ""; position: absolute; left: 0; top: .55em; width: 11px; height: 12px; background: var(--hb-bal); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }

/* --------------------------------------------------------------------------
   Düz içerik sayfaları (Gizlilik, Şartlar) — Astra varsayılan şablonu
   -------------------------------------------------------------------------- */
.page:not(.ast-page-builder-template) .site-content .ast-container { max-width: 860px; }
.page:not(.ast-page-builder-template) .entry-title { font-size: clamp(2.2rem, 4vw, 3.2rem); }
.page:not(.ast-page-builder-template) .entry-content a { color: var(--hb-bal-koyu); }
.page:not(.ast-page-builder-template) #primary { margin: clamp(48px, 6vw, 88px) 0; }

/* --------------------------------------------------------------------------
   Alt bilgi (mu-plugin basar; Astra footer'ı kapalı)
   -------------------------------------------------------------------------- */
.hb-alt { position: relative; background: var(--hb-koyu) var(--hb-petek); color: var(--hb-acik-2); padding: clamp(88px, 10vw, 130px) 0 0; font-size: 15.5px; }
.hb-alt::before {
	content: ""; position: absolute; left: 0; right: 0; top: -1px; height: clamp(40px, 5.5vw, 84px);
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 90' preserveAspectRatio='none'%3E%3Cpath fill='%23FBF4E6' d='M0 0V70C140 66 250 60 360 62S560 58 650 52 820 40 900 30L930 37C952 42 978 43 1000 37 1030 26 1050 8 1068 3 1092 12 1122 31 1162 44 1236 64 1336 70 1440 72V0Z'/%3E%3C/svg%3E") top / 100% 100% no-repeat;
}
.hb-alt a { color: var(--hb-acik); text-decoration: none; }
.hb-alt a:hover { color: var(--hb-bal); }
.hb-alt__izgara { display: grid; grid-template-columns: 1.5fr 1fr 1.3fr; gap: clamp(36px, 5vw, 72px); padding-bottom: clamp(48px, 6vw, 72px); }
.hb-alt__marka { display: inline-flex; align-items: center; gap: 12px; font-family: var(--hb-baslik); font-size: 28px; font-weight: 600; color: var(--hb-acik) !important; letter-spacing: -.02em; margin-bottom: 18px; }
.hb-alt__marka::before {
	content: ""; width: 44px; height: 44px; border-radius: 13px; flex: none;
	background:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath fill='%231C120A' d='M4 30 L13 21 L16.5 23 L24 11 L28 16 L36 30 Z'/%3E%3Cpath fill='%23FBF4E6' d='M24 11 L21.2 15.4 L23.2 14.6 L24.6 16 L26 13.6 Z'/%3E%3C/svg%3E") center / 100% no-repeat,
		linear-gradient(135deg, #F7BE3E, #DF8A18);
}
.hb-alt p { margin: 0 0 1em; max-width: 380px; }
.hb-alt h2 { font-family: var(--hb-govde); font-size: 13px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--hb-bal); margin: 8px 0 20px; }
.hb-alt ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.hb-alt__iletisim li { display: flex; gap: 12px; align-items: flex-start; }
.hb-alt__iletisim svg { flex: none; width: 20px; height: 20px; margin-top: 3px; fill: none; stroke: var(--hb-bal); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.hb-alt__alt { border-top: 1px solid rgba(232, 163, 23, .18); padding: 22px 0 26px; font-size: 13.5px; }
.hb-alt__alt .hb-ic { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px 24px; }
.hb-alt__alt a { color: var(--hb-acik-2); text-decoration: underline; text-decoration-color: rgba(205, 187, 160, .4); text-underline-offset: 3px; }
.hb-alt__alt nav { display: flex; flex-wrap: wrap; gap: 6px 18px; }

.hb-wa-sabit {
	position: fixed; right: 20px; bottom: 20px; z-index: 90;
	display: grid; place-items: center;
	width: 60px; height: 60px; border-radius: 50%;
	background: var(--hb-wa); color: #fff;
	box-shadow: 0 14px 30px -10px rgba(18, 140, 126, .65);
	transition: transform .2s ease;
}
.hb-wa-sabit:hover { transform: scale(1.07); color: #fff; }
.hb-wa-sabit svg { width: 30px; height: 30px; fill: currentColor; }

/* --------------------------------------------------------------------------
   İç sayfa bileşenleri
   -------------------------------------------------------------------------- */
.hb-zaman { margin-top: 40px !important; }
.hb-madde { margin-top: 20px !important; }
.hb-bolum .hb-teslimat--yalin { margin-top: 0; }
.hb-kart--vurgu { background: var(--hb-koyu) var(--hb-petek) !important; border-color: var(--hb-koyu) !important; }
.hb-kart--vurgu .hb-h3 { color: var(--hb-acik); }
.hb-kart--vurgu p { color: var(--hb-acik-2) !important; }
.hb-kart--vurgu .hb-ikon { background: rgba(232, 163, 23, .14); color: var(--hb-bal); }
.hb-kart--vurgu .hb-butonlar { margin-top: 22px; }
.hb-secim a.hb-kart { color: inherit; transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.hb-secim a.hb-kart:hover { transform: translateY(-4px); box-shadow: var(--hb-golge); border-color: var(--hb-bal); }
.hb-iletisim-kart .hb-etiket { margin-bottom: 10px !important; }
.hb-iletisim-kart .hb-ikon { margin-bottom: 20px; }
.hb-iletisim-kart .hb-buyuk--kucuk { font-size: clamp(1.05rem, 1.5vw, 1.2rem); word-break: normal; overflow-wrap: anywhere; }
/* Astra .entry-content a altı çizgisini bileşenlerde kaldır */
.entry-content .hb-bolum a:where(.hb-kart, .hb-buyuk, .hb-urun__link, .hb-hero__kaynak) { text-decoration: none; }
.entry-content .hb-yol a { text-decoration: none; border-bottom: 1px solid rgba(246, 235, 215, .35); }
.hb-bolum--sikis-ust { padding-top: clamp(16px, 3vw, 40px); }

/* --------------------------------------------------------------------------
   Duyarlı düzen
   -------------------------------------------------------------------------- */
@media (max-width: 1100px) {
	.hb-guven__kart { grid-template-columns: repeat(2, 1fr); }
	.hb-guven__oge:nth-child(3) { border-left: 0; }
	.hb-guven__oge:nth-child(n+3) { border-top: 1px solid var(--hb-cizgi); }
	.hb-kartlar--4 { grid-template-columns: repeat(2, 1fr); }
	.hb-adimlar { grid-template-columns: repeat(2, 1fr); row-gap: 44px; }
	.hb-adimlar::before { display: none; }
}
@media (max-width: 921px) {
	.hb-urunler, .hb-kartlar--3 { grid-template-columns: 1fr 1fr; }
	.hb-ikili, .hb-ikili--ters { grid-template-columns: 1fr; }
	.hb-ikili--ters > :first-child { order: 0; }
	.hb-ikili__gorsel { max-width: 560px; }
	.hb-sayi-kart { left: 16px; }
	.hb-cta { grid-template-columns: 1fr; }
	.hb-cta__gorsel { min-height: 260px; order: -1; }
	.hb-cta__gorsel::before { background: linear-gradient(0deg, var(--hb-koyu) 0%, rgba(28, 18, 10, 0) 55%); }
	.hb-alt__izgara { grid-template-columns: 1fr 1fr; }
	.hb-alt__izgara > :first-child { grid-column: 1 / -1; }
	.hb-ust--yan { display: block; }
	.hb-ust--yan .hb-butonlar { margin-top: 24px; }
}
@media (max-width: 680px) {
	body { font-size: 16.5px; }
	.hb-hero { align-items: flex-end; min-height: 640px; padding: 120px 0 150px !important; }
	.hb-hero__gorsel { object-position: 74% 50%; }
	.hb-hero::before {
		background: linear-gradient(180deg, rgba(28, 18, 10, .55) 0%, rgba(28, 18, 10, .84) 30%, rgba(28, 18, 10, .95) 62%);
	}
	.hb-hero__kaynak { bottom: auto; top: 12px; right: 12px; }
	.hb-butonlar .hb-btn { width: 100%; }
	.hb-guven { margin-top: -70px !important; }
	.hb-guven__kart { grid-template-columns: 1fr; }
	.hb-guven__oge { padding: 22px 22px; }
	.hb-guven__oge + .hb-guven__oge { border-left: 0; border-top: 1px solid var(--hb-cizgi); }
	.hb-urunler, .hb-kartlar, .hb-kartlar--3, .hb-kartlar--4, .hb-teslimat { grid-template-columns: 1fr; }
	.hb-adimlar { grid-template-columns: 1fr; text-align: left; }
	.hb-adim { display: grid; grid-template-columns: 60px 1fr; gap: 0 18px; text-align: left; padding: 0; }
	.hb-adim::before { grid-row: span 2; margin: 0; }
	.hb-teslimat .hb-kart { flex-direction: column; }
	.hb-sayi-kart { position: relative; left: auto; bottom: auto; margin: -48px 16px 0 !important; max-width: none; }
	.hb-ikili__gorsel > img, .hb-kemer { border-radius: 220px 220px 22px 22px; }
	.hb-alt__izgara { grid-template-columns: 1fr; }
	.hb-sss summary { padding: 18px 20px; font-size: 1.08rem; }
	.hb-sss details > div { padding: 0 20px 20px; }
	.hb-wa-sabit { width: 54px; height: 54px; right: 14px; bottom: 14px; }
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { transition: none !important; animation: none !important; }
}