/**
 * Ana sayfa — header ile aynı grid (container-xxl) ve tutarlı bölüm düzeni
 * .page-home yalnızca body/index içeriğinde kullanılır.
 */

.page-home {
	background: var(--mp-bg, #f4f5f7);
}

.page-home > .content {
	max-width: 100%;
	overflow-x: hidden;
}

/* Hero: üst şerit gibi tam genişlik, altına ince ayırıcı */
.page-home section.hero {
	border-bottom: 1px solid var(--mp-border, #e8e8ef);
}

/* Ortak kart zemini + dikey ritim (header’daki çizgi hissi) */
.page-home section.homepage-block,
.page-home .hm-ktgtab-section,
.page-home .bursagb-categories-section,
.page-home .hm_vitrinsection,
.page-home .hm_yayincilarsection,
.page-home .hm_storesection,
.page-home .hmtrendcatsection,
.page-home .hmkasalarsection,
.page-home .hmhowsection,
.page-home .faqsection,
.page-home .hmaltbanner_section,
.page-home .discountbar,
.page-home .pagealtdesc {
	width: 100%;
	box-sizing: border-box;
}

.page-home section.homepage-block,
.page-home .hm-ktgtab-section,
.page-home .bursagb-categories-section,
.page-home .hm_vitrinsection,
.page-home .hm_yayincilarsection,
.page-home .hm_storesection,
.page-home .hmtrendcatsection,
.page-home .hmkasalarsection,
.page-home .hmhowsection,
.page-home .faqsection,
.page-home .hmaltbanner_section {
	padding-top: 1.75rem !important;
	padding-bottom: 1.75rem !important;
	background: var(--mp-card, #fff);
	border-bottom: 1px solid var(--mp-border, #e8e8ef);
}

.page-home .discountbar {
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	background: var(--mp-card, #fff);
	border-bottom: 1px solid var(--mp-border, #e8e8ef);
}

.page-home .pagealtdesc {
	padding-top: 1.5rem;
	padding-bottom: 2rem;
	background: var(--mp-bg, #f4f5f7);
	border-bottom: 1px solid var(--mp-border, #e8e8ef);
}

/* BursaGB eski gri — tema ile uyumlu */
.page-home .bursagb-categories-section {
	background: var(--mp-card, #fff) !important;
}

.page-home .bursagb-categories-section .category-block {
	background: var(--mp-card, #fff);
	border: 1px solid var(--mp-border, #e8e8ef);
}

/* container → header ile aynı max genişlik + yan boşluk */
.page-home .content .container,
.page-home .content .container-xxl {
	max-width: 1320px;
	margin-left: auto;
	margin-right: auto;
	padding-left: max(12px, env(safe-area-inset-left, 0px));
	padding-right: max(12px, env(safe-area-inset-right, 0px));
}

/* Başlık satırı: header .header-top çizgisi + vurgu */
.page-home .bartitle,
.page-home .ktgtab-header,
.page-home .hm-section-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px 16px;
	padding-bottom: 14px;
	margin-bottom: 4px;
	border-bottom: 1px solid var(--mp-border, #e8e8ef);
}

.page-home .ktgtab-header {
	margin-bottom: 16px;
}

.page-home .bartitle .icon,
.page-home .ktgtab-header-left i,
.page-home .bartitle .d-flex.align-items-center.gap-2 > i:first-of-type {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background: rgba(61, 94, 254, 0.12);
	color: var(--mp-accent, #3d5afe);
	font-size: 1.25rem;
}

:root[data-theme="dark"] .page-home .bartitle .icon,
:root[data-theme="dark"] .page-home .ktgtab-header-left i,
:root[data-theme="dark"] .page-home .bartitle .d-flex.align-items-center.gap-2 > i:first-of-type,
body.dark .page-home .bartitle .icon,
body.dark .page-home .ktgtab-header-left i,
body.dark .page-home .bartitle .d-flex.align-items-center.gap-2 > i:first-of-type {
	background: rgba(124, 148, 255, 0.18);
}

.page-home .bartitle > span,
.page-home .bartitle .d-flex.align-items-center.gap-2 > span,
.page-home .ktgtab-header-left h3,
.page-home .hm-section-head .hm-section-head__title {
	font-size: 0.95rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--mp-text, #1b1b1b);
	margin: 0;
}

.page-home .bartitle a,
.page-home .hm-section-head__link,
.page-home .ktgtab-more-btn {
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--mp-accent, #3d5afe) !important;
	text-decoration: none;
}

.page-home .bartitle a:hover,
.page-home .hm-section-head__link:hover {
	text-decoration: underline;
}

/* Vitrin sekmeleri — kart üstü */
.page-home .hm_vitrinsection .bar {
	border-bottom: 1px solid var(--mp-border, #e8e8ef);
	padding-bottom: 8px;
	margin-bottom: 16px;
}

.page-home .hm_vitrinsection .bar .nav-link {
	color: var(--mp-muted, #6b7280);
}

.page-home .hm_vitrinsection .bar .nav-link.active {
	color: var(--mp-text, #1b1b1b);
}

/* Kasalar: float kaldırıldı */
.page-home .hmkasalarsection {
	float: none !important;
	width: 100% !important;
	padding-top: 1.75rem !important;
	padding-bottom: 1.75rem !important;
}

.page-home .hmkasalarsection .d-flex.align-items-center.justify-content-between.mb-3 {
	padding-bottom: 14px;
	margin-bottom: 16px !important;
	border-bottom: 1px solid var(--mp-border, #e8e8ef);
}

.page-home .hmkasalarsection .d-flex.align-items-center.justify-content-between.mb-3 i {
	color: var(--mp-accent, #3d5afe) !important;
}

.page-home .hmkasalarsection .d-flex.align-items-center.justify-content-between.mb-3 h3 {
	color: var(--mp-text, #1b1b1b) !important;
	font-size: 0.95rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.page-home .hmkasalarsection .d-flex.align-items-center.justify-content-between.mb-3 a {
	color: var(--mp-accent, #3d5afe) !important;
}

/* SSS başlığı */
.page-home .faqsection h3 {
	font-size: 0.95rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--mp-text, #1b1b1b);
	padding-bottom: 14px;
	margin-bottom: 16px;
	border-bottom: 1px solid var(--mp-border, #e8e8ef);
}

.page-home .faqsection .accordion-button {
	background: var(--mp-card, #fff);
	color: var(--mp-text, #1b1b1b);
}

/* Avantajlar */
.page-home .hmhowsection h3,
.page-home .hmhowsection h6 {
	color: var(--mp-text, #1b1b1b);
}

/* Popüler mağaza — e-posta şeridi */
.page-home .discountbar h3 {
	color: var(--mp-text, #1b1b1b);
	font-size: 1rem;
	font-weight: 600;
	margin-bottom: 12px;
}

body.dark .page-home,
:root[data-theme="dark"] .page-home {
	background: var(--mp-bg, #12121a);
}

body.dark .page-home section.homepage-block,
body.dark .page-home .hm-ktgtab-section,
body.dark .page-home .bursagb-categories-section,
body.dark .page-home .hm_vitrinsection,
body.dark .page-home .hm_yayincilarsection,
body.dark .page-home .hm_storesection,
body.dark .page-home .hmtrendcatsection,
body.dark .page-home .hmkasalarsection,
body.dark .page-home .hmhowsection,
body.dark .page-home .faqsection,
body.dark .page-home .hmaltbanner_section,
body.dark .page-home .discountbar,
:root[data-theme="dark"] .page-home section.homepage-block,
:root[data-theme="dark"] .page-home .hm-ktgtab-section,
:root[data-theme="dark"] .page-home .bursagb-categories-section,
:root[data-theme="dark"] .page-home .hm_vitrinsection,
:root[data-theme="dark"] .page-home .hm_yayincilarsection,
:root[data-theme="dark"] .page-home .hm_storesection,
:root[data-theme="dark"] .page-home .hmtrendcatsection,
:root[data-theme="dark"] .page-home .hmkasalarsection,
:root[data-theme="dark"] .page-home .hmhowsection,
:root[data-theme="dark"] .page-home .faqsection,
:root[data-theme="dark"] .page-home .hmaltbanner_section,
:root[data-theme="dark"] .page-home .discountbar {
	background: var(--mp-card, #1e1e2e);
	border-bottom-color: var(--mp-border, #2d2d3d);
}

body.dark .page-home .bursagb-categories-section .category-block,
:root[data-theme="dark"] .page-home .bursagb-categories-section .category-block {
	background: var(--mp-card, #1e1e2e);
	border-color: var(--mp-border, #2d2d3d);
}

body.dark .page-home section.hero,
:root[data-theme="dark"] .page-home section.hero {
	border-bottom-color: var(--mp-border, #2d2d3d);
}