/**
 * BYOM Pro Theme - bilesen katmani.
 *
 * Belirtecler (tokens), sifirlama ve yerlesim primitifleri `style.css`
 * icindedir. Bu dosya yalnizca BILESENLERI tanimlar: baslik, vitrin,
 * urun karti, katalog, urun detayi, cekmeceler, mobil gezinme, alt bilgi
 * ve WooCommerce ekranlarinin tema uyumu.
 *
 * Butun renkler `--b2b-*` degiskenlerinden okunur; sabit renk (hardcoded)
 * yalnizca golge/opaklik gibi notr degerlerde kullanilir.
 */

/* ==========================================================================
   1. UST SERIT
   ========================================================================== */

.byom-topbar {
	background: var(--b2b-secondary);
	color: color-mix(in srgb, var(--b2b-secondary-contrast) 82%, transparent);
	font-size: 12.5px;
	line-height: 1;
}

.byom-topbar__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	min-height: var(--byom-topbar-h);
	flex-wrap: wrap;
}

.byom-topbar__left,
.byom-topbar__right {
	display: flex;
	align-items: center;
	gap: 18px;
	flex-wrap: wrap;
}

.byom-topbar__item,
.byom-topbar__announce,
.byom-topbar__wa {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: inherit;
	white-space: nowrap;
}

.byom-topbar__item:hover,
.byom-topbar__item:focus-visible {
	color: var(--b2b-secondary-contrast);
}

.byom-topbar__announce {
	font-weight: 600;
	color: var(--b2b-accent-soft);
}

.byom-topbar__wa {
	padding: 5px 11px;
	border-radius: var(--b2b-radius-pill);
	background: rgba(255, 255, 255, 0.10);
	font-weight: 600;
}

.byom-topbar__wa:hover,
.byom-topbar__wa:focus-visible {
	background: var(--b2b-success);
	color: #fff;
}

/* ==========================================================================
   2. BASLIK
   ========================================================================== */

.byom-header {
	position: relative;
	z-index: var(--byom-z-header);
	background: var(--b2b-header-bg);
	border-bottom: var(--b2b-border-width) solid var(--b2b-border);
}

.byom-header--sticky {
	position: sticky;
	top: 0;
}

.byom-header.is-scrolled {
	box-shadow: 0 6px 20px rgba(16, 24, 40, 0.07);
}

.byom-header__inner {
	display: flex;
	align-items: center;
	gap: clamp(10px, 1.6vw, 22px);
	min-height: var(--byom-header-h);
}

.byom-header__brand {
	flex: 0 0 auto;
}

.byom-header__search {
	flex: 1 1 auto;
	min-width: 0;
	max-width: 680px;
	margin-inline: auto;
}

.byom-header__actions {
	display: flex;
	align-items: center;
	gap: 4px;
	margin-left: auto;
	flex: 0 0 auto;
}

.byom-header__burger {
	margin-left: -8px;
}

/* --- Logo --- */

.byom-logo {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: var(--b2b-heading);
	text-decoration: none;
}

.byom-logo__img {
	max-height: 48px;
	width: auto;
	object-fit: contain;
}

.byom-logo__text {
	font-family: var(--b2b-font-heading);
	font-size: 19px;
	font-weight: 800;
	letter-spacing: -0.025em;
	line-height: 1.1;
}

.byom-logo__slogan {
	display: none;
	padding-left: 11px;
	border-left: 1px solid var(--b2b-border);
	color: var(--b2b-muted);
	font-size: 11.5px;
	font-weight: 500;
	max-width: 170px;
	line-height: 1.3;
}

@media (min-width: 1140px) {
	.byom-logo__slogan { display: block; }
}

.byom-logo--footer,
.byom-logo--dark {
	color: var(--b2b-footer-text);
}

.byom-logo--dark .byom-logo__slogan {
	border-color: rgba(255, 255, 255, 0.18);
	color: color-mix(in srgb, var(--b2b-footer-text) 70%, transparent);
}

/* --- Sayac rozetleri --- */

.byom-cart-count,
.byom-count {
	position: absolute;
	top: 4px;
	right: 4px;
	min-width: 18px;
	height: 18px;
	padding: 0 4px;
	border-radius: var(--b2b-radius-pill);
	background: var(--b2b-muted);
	color: #fff;
	font-size: 10.5px;
	font-weight: 800;
	line-height: 18px;
	text-align: center;
	pointer-events: none;
}

.byom-cart-count.is-filled,
.byom-count.is-filled {
	background: var(--b2b-accent);
	color: var(--b2b-accent-contrast);
}

.byom-count { background: var(--b2b-primary); color: var(--b2b-primary-contrast); }

/* --- Mobil arama paneli --- */

.byom-header__mobile-search {
	padding: 0 0 12px;
	border-top: var(--b2b-border-width) solid var(--b2b-border);
	padding-top: 12px;
}

/* ==========================================================================
   3. ARAMA
   ========================================================================== */

.byom-search {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	background: var(--b2b-surface);
	border: var(--b2b-border-width) solid var(--b2b-border);
	border-radius: var(--b2b-radius-pill);
	transition: border-color 0.18s var(--byom-ease), box-shadow 0.18s var(--byom-ease), background-color 0.18s var(--byom-ease);
}

.byom-search:focus-within {
	background: var(--b2b-bg);
	border-color: var(--b2b-primary);
	box-shadow: var(--b2b-focus-ring);
}

.byom-search__icon {
	display: flex;
	flex: 0 0 auto;
	padding-left: 15px;
	color: var(--b2b-muted);
}

.byom-search__input {
	flex: 1 1 auto;
	min-width: 0;
	min-height: 46px;
	padding: 10px 12px;
	border: 0;
	background: transparent;
	box-shadow: none;
	font-size: 14.5px;
}

.byom-search__input:focus {
	outline: none;
	box-shadow: none;
	border: 0;
}

.byom-search__input::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

.byom-search__clear {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	margin-right: 4px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--b2b-border);
	color: var(--b2b-heading);
	cursor: pointer;
}

.byom-search__clear:hover { background: var(--b2b-primary-soft-strong); color: var(--b2b-primary); }

.byom-search__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	flex: 0 0 auto;
	min-height: 38px;
	margin: 4px;
	padding: 0 18px;
	border: 0;
	border-radius: var(--b2b-radius-pill);
	background: var(--b2b-primary);
	color: var(--b2b-primary-contrast);
	font-family: inherit;
	font-size: 13.5px;
	font-weight: 600;
	cursor: pointer;
	transition: background-color 0.18s var(--byom-ease);
}

.byom-search__submit:hover,
.byom-search__submit:focus-visible { background: var(--b2b-primary-hover); }

.byom-search__submit-icon { display: none; }

@media (max-width: 520px) {
	.byom-search__submit-text { display: none; }
	.byom-search__submit-icon { display: inline-flex; }
	.byom-search__submit { padding: 0 12px; }
}

/* --- Canli sonuclar --- */

.byom-search__results {
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	right: 0;
	z-index: 40;
	max-height: min(70vh, 460px);
	overflow-y: auto;
	padding: 6px;
	background: var(--b2b-bg);
	border: var(--b2b-border-width) solid var(--b2b-border);
	border-radius: var(--b2b-radius-lg);
	box-shadow: var(--b2b-shadow-lg);
}

.byom-search__state {
	padding: 16px;
	color: var(--b2b-muted);
	font-size: 13.5px;
	text-align: center;
}

.byom-search__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.byom-search__item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 9px 10px;
	border-radius: var(--b2b-radius-sm);
	color: var(--b2b-text);
}

.byom-search__item:hover,
.byom-search__item:focus-visible {
	background: var(--b2b-primary-soft);
	color: var(--b2b-text);
	outline: none;
}

.byom-search__thumb {
	flex: 0 0 auto;
	width: 44px;
	height: 44px;
	border-radius: var(--b2b-radius-sm);
	border: var(--b2b-border-width) solid var(--b2b-border);
	object-fit: contain;
	background: var(--b2b-bg);
}

.byom-search__thumb--empty { background: var(--b2b-surface); }

.byom-search__info {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.byom-search__name {
	font-size: 14px;
	font-weight: 600;
	color: var(--b2b-heading);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.byom-search__code {
	font-family: var(--b2b-font-mono);
	font-size: 11px;
	color: var(--b2b-muted);
}

.byom-search__price {
	flex: 0 0 auto;
	font-size: 13.5px;
	font-weight: 700;
	color: var(--b2b-primary);
	white-space: nowrap;
}

.byom-search__more {
	display: block;
	margin-top: 4px;
	padding: 11px;
	border-top: var(--b2b-border-width) solid var(--b2b-border);
	font-size: 13.5px;
	font-weight: 600;
	text-align: center;
}

/* ==========================================================================
   4. KATEGORI GEZINME / MEGA MENU
   ========================================================================== */

.byom-nav {
	background: var(--b2b-header-bg);
	border-top: var(--b2b-border-width) solid var(--b2b-border);
}

.byom-nav__inner {
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: var(--byom-nav-h);
}

.byom-nav__list {
	display: flex;
	align-items: center;
	gap: 2px;
	margin: 0;
	padding: 0;
	list-style: none;
	flex-wrap: wrap;
}

.byom-nav__list a,
.byom-nav__link {
	display: inline-flex;
	align-items: center;
	padding: 8px 12px;
	border-radius: var(--b2b-radius-sm);
	color: var(--b2b-heading);
	font-size: 13.5px;
	font-weight: 600;
}

.byom-nav__list a:hover,
.byom-nav__list a:focus-visible,
.byom-nav__link:hover {
	background: var(--b2b-primary-soft);
	color: var(--b2b-primary);
}

.byom-nav__list .current-menu-item > a,
.byom-nav__list .current_page_item > a {
	color: var(--b2b-primary);
	background: var(--b2b-primary-soft);
}

.byom-nav__wa {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin-left: auto;
	padding: 7px 14px;
	border-radius: var(--b2b-radius-pill);
	background: var(--b2b-success-soft);
	color: var(--b2b-success);
	font-size: 13px;
	font-weight: 700;
	white-space: nowrap;
}

.byom-nav__wa:hover,
.byom-nav__wa:focus-visible {
	background: var(--b2b-success);
	color: #fff;
}

/* --- Mega menu --- */

.byom-megamenu { position: relative; flex: 0 0 auto; }

.byom-megamenu__trigger {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 36px;
	padding: 0 14px;
	border: 0;
	border-radius: var(--b2b-radius-sm);
	background: var(--b2b-primary);
	color: var(--b2b-primary-contrast);
	font-family: inherit;
	font-size: 13.5px;
	font-weight: 700;
	cursor: pointer;
	transition: background-color 0.18s var(--byom-ease);
}

.byom-megamenu__trigger:hover,
.byom-megamenu.is-open .byom-megamenu__trigger { background: var(--b2b-primary-hover); }

.byom-megamenu__caret { transition: transform 0.2s var(--byom-ease); }
.byom-megamenu.is-open .byom-megamenu__caret { transform: rotate(180deg); }

.byom-megamenu__panel {
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	z-index: 60;
	width: min(920px, calc(100vw - 40px));
	max-height: min(72vh, 560px);
	overflow-y: auto;
	padding: 22px;
	background: var(--b2b-bg);
	border: var(--b2b-border-width) solid var(--b2b-border);
	border-radius: var(--b2b-radius-lg);
	box-shadow: var(--b2b-shadow-lg);
}

.byom-megamenu__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
	gap: 20px 26px;
}

.byom-megamenu__parent {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding-bottom: 7px;
	margin-bottom: 8px;
	border-bottom: var(--b2b-border-width) solid var(--b2b-border);
	color: var(--b2b-heading);
	font-size: 14px;
	font-weight: 700;
}

.byom-megamenu__parent:hover { color: var(--b2b-primary); }

.byom-megamenu__count {
	padding: 2px 7px;
	border-radius: var(--b2b-radius-pill);
	background: var(--b2b-surface);
	color: var(--b2b-muted);
	font-size: 11px;
	font-weight: 700;
}

.byom-megamenu__children {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 5px;
}

.byom-megamenu__children a {
	display: block;
	padding: 3px 0;
	color: var(--b2b-text);
	font-size: 13px;
}

.byom-megamenu__children a:hover { color: var(--b2b-primary); }

/* ==========================================================================
   5. HESAP MENUSU
   ========================================================================== */

.byom-account { position: relative; flex: 0 0 auto; }

.byom-account__trigger {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	min-height: 44px;
	padding: 0 10px;
	border: var(--b2b-border-width) solid transparent;
	border-radius: var(--b2b-radius-sm);
	background: transparent;
	color: var(--b2b-heading);
	font-family: inherit;
	cursor: pointer;
	transition: background-color 0.18s var(--byom-ease), border-color 0.18s var(--byom-ease);
}

.byom-account__trigger:hover,
.byom-account.is-open .byom-account__trigger {
	background: var(--b2b-primary-soft);
	border-color: var(--b2b-primary-100);
}

.byom-account__avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: var(--b2b-primary);
	color: var(--b2b-primary-contrast);
	font-size: 14px;
	font-weight: 800;
	line-height: 1;
}

.byom-account__avatar--guest { background: var(--b2b-surface); color: var(--b2b-heading); }
.byom-account__avatar--lg { width: 44px; height: 44px; font-size: 17px; }

.byom-account__label {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1px;
	max-width: 160px;
	text-align: left;
}

.byom-account__name {
	font-size: 13.5px;
	font-weight: 700;
	line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
}

.byom-account__meta {
	color: var(--b2b-muted);
	font-size: 11.5px;
	line-height: 1.2;
}

.byom-account__caret { color: var(--b2b-muted); transition: transform 0.2s var(--byom-ease); }
.byom-account.is-open .byom-account__caret { transform: rotate(180deg); }

.byom-account__panel {
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	z-index: 60;
	width: min(330px, calc(100vw - 32px));
	padding: 16px;
	background: var(--b2b-bg);
	border: var(--b2b-border-width) solid var(--b2b-border);
	border-radius: var(--b2b-radius-lg);
	box-shadow: var(--b2b-shadow-lg);
}

.byom-account__head {
	display: flex;
	align-items: center;
	gap: 12px;
	padding-bottom: 14px;
	margin-bottom: 14px;
	border-bottom: var(--b2b-border-width) solid var(--b2b-border);
}

.byom-account__title {
	display: block;
	margin: 0 0 4px;
	font-size: 15px;
	font-weight: 700;
	color: var(--b2b-heading);
}

.byom-account__rate {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	padding: 10px 12px;
	margin-bottom: 12px;
	border-radius: var(--b2b-radius-sm);
	background: var(--b2b-success-soft);
	color: #0F5132;
	font-size: 12.5px;
	line-height: 1.45;
}

.byom-account__rate svg { flex: 0 0 auto; margin-top: 1px; }

.byom-account__balance {
	padding: 12px;
	margin-bottom: 14px;
	border: var(--b2b-border-width) solid var(--b2b-border);
	border-radius: var(--b2b-radius-sm);
	background: var(--b2b-surface);
}

.byom-account__balance--warning { border-color: #F5D68C; background: var(--b2b-warning-soft); }
.byom-account__balance--danger { border-color: #F0B3AE; background: var(--b2b-danger-soft); }

.byom-account__balance-row {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 10px;
	font-size: 13px;
	color: var(--b2b-muted);
}

.byom-account__balance-row strong { color: var(--b2b-heading); font-size: 15px; }
.byom-account__balance-row + .byom-account__balance-row { margin-top: 6px; }

.byom-account__meter {
	height: 6px;
	margin: 9px 0;
	border-radius: var(--b2b-radius-pill);
	background: var(--b2b-border);
	overflow: hidden;
}

.byom-account__meter span {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: var(--b2b-primary);
	transition: width 0.4s var(--byom-ease);
}

.byom-account__balance--warning .byom-account__meter span { background: var(--b2b-warning); }
.byom-account__balance--danger .byom-account__meter span { background: var(--b2b-danger); }

.byom-account__links {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 2px;
}

.byom-account__links a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 9px 10px;
	border-radius: var(--b2b-radius-sm);
	color: var(--b2b-text);
	font-size: 13.5px;
	font-weight: 500;
}

.byom-account__links a:hover,
.byom-account__links a:focus-visible {
	background: var(--b2b-primary-soft);
	color: var(--b2b-primary);
}

.byom-account__links svg { color: var(--b2b-muted); flex: 0 0 auto; }
.byom-account__links a:hover svg { color: var(--b2b-primary); }

.byom-account__guest { text-align: center; }

.byom-account__lock {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	margin-bottom: 12px;
	border-radius: 50%;
	background: var(--b2b-primary-soft);
	color: var(--b2b-primary);
}

.byom-account__guest .byom-btn { margin-top: 8px; }

.byom-account__logout,
.byom-account__apply {
	display: inline-block;
	margin-top: 12px;
	color: var(--b2b-muted);
}

.byom-account__apply { text-decoration: underline; }
.byom-account__apply:hover,
.byom-account__apply:focus-visible { color: var(--b2b-primary); }

/* Misafir panelindeki ikinci dugme ile ustundeki arasinda nefes payi. */
.byom-account__guest .byom-btn + .byom-btn { margin-top: 8px; }

/* ==========================================================================
   6. SITE BILDIRIMLERI
   ========================================================================== */

.byom-sitenotice {
	border-bottom: var(--b2b-border-width) solid transparent;
	font-size: 13.5px;
}

.byom-sitenotice__inner {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 11px 0;
}

.byom-sitenotice__icon { flex: 0 0 auto; display: flex; }
.byom-sitenotice__body { flex: 1 1 auto; min-width: 0; }
.byom-sitenotice__text { margin: 0; font-weight: 600; line-height: 1.45; }
.byom-sitenotice__meta { margin: 3px 0 0; font-size: 12.5px; opacity: 0.85; }

.byom-sitenotice--danger {
	background: var(--b2b-danger-soft);
	border-bottom-color: #F0B3AE;
	color: #8B1A12;
}

.byom-sitenotice--success {
	background: var(--b2b-success-soft);
	border-bottom-color: #A8DDC0;
	color: #0F5132;
}

/* ==========================================================================
   7. VITRIN - SLIDER
   ========================================================================== */

.byom-slider {
	position: relative;
	margin-top: clamp(16px, 2.4vw, 28px);
	margin-inline: auto;
	width: 100%;
	max-width: var(--b2b-container);
	padding-inline: var(--byom-gutter);
}

.byom-slider__viewport {
	overflow: hidden;
	border-radius: var(--b2b-radius-xl);
	box-shadow: var(--b2b-shadow-sm);
	background: var(--b2b-surface);
}

.byom-slider__track {
	display: flex;
	transition: transform 0.55s var(--byom-ease);
	will-change: transform;
}

.byom-slider__slide {
	position: relative;
	flex: 0 0 100%;
	min-width: 100%;
}

.byom-slider__link { display: block; }

.byom-slider__img {
	width: 100%;
	height: auto;
	aspect-ratio: 40 / 15;
	object-fit: cover;
	background: var(--b2b-surface);
}

@media (max-width: 768px) {
	.byom-slider__img { aspect-ratio: 16 / 10; }
}

.byom-slider__caption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 40px 22px 18px;
	background: linear-gradient(to top, rgba(11, 31, 58, 0.78), transparent);
	color: #fff;
	font-size: 15px;
	font-weight: 700;
}

.byom-slider__nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	padding: 0;
	border: var(--b2b-border-width) solid var(--b2b-border);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.94);
	color: var(--b2b-heading);
	cursor: pointer;
	box-shadow: var(--b2b-shadow-sm);
	transition: background-color 0.18s var(--byom-ease), color 0.18s var(--byom-ease);
}

.byom-slider__nav:hover { background: var(--b2b-primary); color: var(--b2b-primary-contrast); border-color: var(--b2b-primary); }
.byom-slider__nav--prev { left: calc(var(--byom-gutter) + 12px); }
.byom-slider__nav--next { right: calc(var(--byom-gutter) + 12px); }

@media (max-width: 640px) {
	.byom-slider__nav { display: none; }
}

.byom-slider__dots {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	margin-top: 14px;
}

.byom-slider__dot {
	width: 9px;
	height: 9px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--b2b-border);
	cursor: pointer;
	transition: width 0.25s var(--byom-ease), background-color 0.25s var(--byom-ease);
}

.byom-slider__dot.is-active {
	width: 26px;
	border-radius: var(--b2b-radius-pill);
	background: var(--b2b-primary);
}

/* --- Varsayilan (fallback) slaytlar --- */

.byom-hero {
	display: flex;
	align-items: center;
	min-height: clamp(300px, 34vw, 420px);
	background: linear-gradient(135deg, var(--b2b-primary) 0%, var(--b2b-primary-active) 100%);
	color: #fff;
	overflow: hidden;
}

.byom-hero--dark { background: linear-gradient(135deg, var(--b2b-secondary) 0%, #060f1d 100%); }
.byom-hero--accent { background: linear-gradient(135deg, var(--b2b-accent) 0%, var(--b2b-accent-hover) 100%); }

.byom-hero__inner {
	display: flex;
	align-items: center;
	gap: 32px;
	width: 100%;
	padding: clamp(28px, 4vw, 56px);
}

.byom-hero__content { flex: 1 1 auto; max-width: 640px; }

.byom-hero__eyebrow {
	display: inline-flex;
	padding: 5px 12px;
	margin-bottom: 14px;
	border-radius: var(--b2b-radius-pill);
	background: rgba(255, 255, 255, 0.16);
	font-size: 11.5px;
	font-weight: 800;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

.byom-hero__title {
	margin: 0 0 12px;
	color: #fff;
	font-size: clamp(24px, 3.4vw, 40px);
	line-height: 1.15;
	letter-spacing: -0.03em;
}

.byom-hero__text {
	margin: 0 0 22px;
	color: rgba(255, 255, 255, 0.88);
	font-size: clamp(14px, 1.3vw, 16.5px);
	max-width: 56ch;
}

.byom-hero__cta {
	background: #fff;
	color: var(--b2b-primary);
}

.byom-hero__cta:hover,
.byom-hero__cta:focus-visible {
	background: rgba(255, 255, 255, 0.9);
	color: var(--b2b-primary-active);
}

.byom-hero--dark .byom-hero__cta { color: var(--b2b-secondary); }
.byom-hero--accent .byom-hero__cta { color: var(--b2b-accent-hover); }

.byom-hero__art {
	flex: 0 0 auto;
	color: rgba(255, 255, 255, 0.20);
}

@media (max-width: 900px) {
	.byom-hero__art { display: none; }
}

/* ==========================================================================
   8. GUVEN SERIDI
   ========================================================================== */

.byom-trust__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	gap: 14px;
}

.byom-trust__item {
	display: flex;
	align-items: flex-start;
	gap: 13px;
	padding: 16px 18px;
	background: var(--b2b-bg);
	border: var(--b2b-border-width) solid var(--b2b-border);
	border-radius: var(--b2b-radius-lg);
	box-shadow: var(--b2b-shadow-sm);
}

.byom-trust__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 42px;
	height: 42px;
	border-radius: var(--b2b-radius-sm);
	background: var(--b2b-primary-soft);
	color: var(--b2b-primary);
}

.byom-trust__body { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.byom-trust__title { color: var(--b2b-heading); font-size: 14px; }
.byom-trust__text { color: var(--b2b-muted); font-size: 12.5px; line-height: 1.45; }

/* ==========================================================================
   9. 2'LI BANNER / PROMO
   ========================================================================== */

.byom-dual__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(14px, 1.6vw, 22px);
}

@media (max-width: 720px) {
	.byom-dual__grid { grid-template-columns: 1fr; }
}

.byom-dual__item {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: var(--b2b-radius-xl);
	border: var(--b2b-border-width) solid var(--b2b-border);
	box-shadow: var(--b2b-shadow-sm);
	background: var(--b2b-surface);
	transition: box-shadow 0.22s var(--byom-ease), transform 0.22s var(--byom-ease);
}

a.byom-dual__item:hover { box-shadow: var(--b2b-shadow); transform: translateY(-2px); }

.byom-dual__item img {
	width: 100%;
	aspect-ratio: 20 / 11;
	object-fit: cover;
}

.byom-dual__caption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 34px 18px 14px;
	background: linear-gradient(to top, rgba(11, 31, 58, 0.75), transparent);
	color: #fff;
	font-size: 14.5px;
	font-weight: 700;
}

/* --- Varsayilan promo kartlari --- */

.byom-promo {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: clamp(20px, 2.4vw, 28px);
	border-radius: var(--b2b-radius-xl);
	background: linear-gradient(135deg, var(--b2b-primary) 0%, var(--b2b-primary-active) 100%);
	color: #fff;
	box-shadow: var(--b2b-shadow-sm);
	transition: box-shadow 0.22s var(--byom-ease), transform 0.22s var(--byom-ease);
}

.byom-promo:hover { box-shadow: var(--b2b-shadow); transform: translateY(-2px); color: #fff; }
.byom-promo--dark { background: linear-gradient(135deg, var(--b2b-secondary) 0%, #060f1d 100%); }
.byom-promo--accent { background: linear-gradient(135deg, var(--b2b-accent) 0%, var(--b2b-accent-hover) 100%); }

.byom-promo__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border-radius: var(--b2b-radius);
	background: rgba(255, 255, 255, 0.17);
}

.byom-promo__body { display: flex; flex-direction: column; gap: 6px; }
.byom-promo__title { font-size: clamp(17px, 2vw, 21px); font-weight: 800; letter-spacing: -0.02em; }
.byom-promo__text { color: rgba(255, 255, 255, 0.86); font-size: 13.5px; line-height: 1.5; }

.byom-promo__cta {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin-top: auto;
	font-size: 13.5px;
	font-weight: 700;
}

/* ==========================================================================
   10. GENIS SERIT
   ========================================================================== */

.byom-strip__item {
	display: block;
	overflow: hidden;
	border-radius: var(--b2b-radius-xl);
	border: var(--b2b-border-width) solid var(--b2b-border);
	box-shadow: var(--b2b-shadow-sm);
}

.byom-strip__item + .byom-strip__item { margin-top: 16px; }

.byom-strip__item img {
	width: 100%;
	aspect-ratio: 48 / 11;
	object-fit: cover;
}

@media (max-width: 720px) {
	.byom-strip__item img { aspect-ratio: 16 / 7; }
}

/* ==========================================================================
   11. KATEGORI VITRINI (DAIRESEL KARTLAR)
   ========================================================================== */

.byom-section-head__eyebrow--accent {
	background: var(--b2b-accent-soft);
	color: var(--b2b-accent-hover);
}

/* --------------------------------------------------------------------------
   Dairesel kategori kartlari.

   Ustte tam yuvarlak gorsel kapsayicisi, altta ortali ad ve urun adedi.

   Masaustu : `auto-fill` izgara. 1320px kapsayicida 8, orta ekranlarda 6
              sutun olusur. Kategori sayisi az oldugunda bos raylar yerini
              korudugu icin daireler orantisiz buyumez.
   Mobil    : ayni isaretleme; parmakla kaydirilan, hizalamali (snap) ve
              ekran kenarina kadar uzanan yatay serit.
   -------------------------------------------------------------------------- */

.byom-catcircles {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(138px, 1fr));
	gap: clamp(16px, 1.8vw, 24px) clamp(8px, 1.2vw, 16px);
	align-items: start;
}

.byom-cattile {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 11px;
	padding: 4px 2px 2px;
	color: var(--b2b-text);
	text-align: center;
}

.byom-cattile__media {
	display: flex;
	align-items: center;
	justify-content: center;
	width: min(100%, 124px);
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border-radius: var(--b2b-radius-pill);
	border: var(--b2b-border-width) solid var(--b2b-border);
	background: var(--b2b-surface);
	box-shadow: var(--b2b-shadow-sm);
	transition: transform 0.24s var(--byom-ease), box-shadow 0.24s var(--byom-ease), border-color 0.24s var(--byom-ease);
}

.byom-cattile__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: inherit;
}

.byom-cattile__icon {
	display: inline-flex;
	color: var(--b2b-primary);
	opacity: 0.62;
}

/* Yukselme + hafif buyume; dokunmatikte hover yapisip kalmasin diye
   yalnizca isaretleyicisi olan cihazlarda calisir. */
@media (hover: hover) {
	.byom-cattile:hover .byom-cattile__media {
		transform: translateY(-4px) scale(1.05);
		border-color: var(--b2b-primary-200);
		box-shadow: var(--b2b-shadow);
	}
}

.byom-cattile:focus-visible .byom-cattile__media {
	border-color: var(--b2b-primary-200);
	box-shadow: var(--b2b-shadow);
}

.byom-cattile__body {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
	width: 100%;
	min-width: 0;
}

.byom-cattile__name {
	color: var(--b2b-heading);
	font-size: 13.5px;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: -0.01em;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	overflow-wrap: anywhere;
	transition: color 0.2s var(--byom-ease);
}

.byom-cattile:hover .byom-cattile__name,
.byom-cattile:focus-visible .byom-cattile__name { color: var(--b2b-primary); }

.byom-cattile__count {
	color: var(--b2b-muted);
	font-size: 11.5px;
	line-height: 1.4;
}

@media (max-width: 1023px) {
	.byom-catcircles {
		display: flex;
		gap: 12px;
		overflow-x: auto;
		overscroll-behavior-x: contain;
		scroll-snap-type: x proximity;
		scroll-behavior: smooth;
		scroll-padding-inline: var(--byom-gutter);
		/* Serit ekran kenarina kadar uzansin; bosluklar icten verilir. */
		margin-inline: calc(var(--byom-gutter) * -1);
		padding-inline: var(--byom-gutter);
		padding-bottom: 2px;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}

	.byom-catcircles::-webkit-scrollbar { display: none; }

	.byom-cattile {
		flex: 0 0 clamp(96px, 24vw, 128px);
		scroll-snap-align: start;
	}

	.byom-cattile__media { width: 100%; }
}

@media (max-width: 640px) {
	.byom-cattile { gap: 9px; }
	.byom-cattile__name { font-size: 12.5px; }
	.byom-cattile__count { font-size: 11px; }
}

/* ==========================================================================
   12. URUN KARTI
   ========================================================================== */

.byom-product-card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	background: var(--b2b-bg);
}

.byom-product-card__media {
	position: relative;
	background: var(--b2b-surface);
}

.byom-product-card__thumb {
	display: block;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

.byom-product-card__thumb img,
.byom-product-card__img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	mix-blend-mode: normal;
	transition: transform 0.35s var(--byom-ease);
}

.byom-product-card:hover .byom-product-card__img { transform: scale(1.035); }

.byom-product-card__placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: var(--b2b-border);
}

.byom-product-card__badges {
	position: absolute;
	top: 10px;
	left: 10px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 5px;
	max-width: calc(100% - 60px);
}

.byom-fav {
	position: absolute;
	top: 9px;
	right: 9px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	padding: 0;
	border: var(--b2b-border-width) solid var(--b2b-border);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.94);
	color: var(--b2b-muted);
	cursor: pointer;
	transition: color 0.18s var(--byom-ease), border-color 0.18s var(--byom-ease), background-color 0.18s var(--byom-ease);
}

.byom-fav:hover { color: var(--b2b-danger); border-color: var(--b2b-danger); }

.byom-fav.is-active {
	background: var(--b2b-danger);
	border-color: var(--b2b-danger);
	color: #fff;
}

.byom-fav.is-active svg { fill: currentcolor; }

.byom-product-card__body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 8px;
	padding: 14px;
}

.byom-product-card__code { display: block; }

.byom-product-card__title {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.35;
	min-height: 2.7em;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.byom-product-card__title a { color: var(--b2b-heading); }
.byom-product-card__title a:hover { color: var(--b2b-primary); }

.byom-product-card__excerpt { margin: 0; color: var(--b2b-muted); font-size: 13px; }

.byom-product-card__meta {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	font-size: 12px;
}

.byom-product-card__price { margin-top: auto; }
.byom-product-card__actions { margin-top: 2px; }

.byom-product-card__buy { display: grid; gap: 8px; }

/* --- Liste gorunumu --- */

.byom-catalog__grid--list { grid-template-columns: 1fr; }

@media (min-width: 700px) {
	.byom-catalog__grid--list .byom-product-card {
		flex-direction: row;
		align-items: stretch;
	}

	.byom-catalog__grid--list .byom-product-card__media {
		flex: 0 0 210px;
		max-width: 210px;
	}

	.byom-catalog__grid--list .byom-product-card__thumb { height: 100%; aspect-ratio: auto; }

	.byom-catalog__grid--list .byom-product-card__body {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 260px;
		grid-template-areas:
			"code price"
			"title price"
			"excerpt price"
			"meta actions";
		gap: 6px 20px;
		padding: 18px;
	}

	.byom-catalog__grid--list .byom-product-card__code { grid-area: code; }
	.byom-catalog__grid--list .byom-product-card__title { grid-area: title; min-height: 0; }
	.byom-catalog__grid--list .byom-product-card__excerpt { grid-area: excerpt; }
	.byom-catalog__grid--list .byom-product-card__meta { grid-area: meta; align-self: end; }
	.byom-catalog__grid--list .byom-product-card__price { grid-area: price; margin-top: 0; }
	.byom-catalog__grid--list .byom-product-card__actions { grid-area: actions; align-self: end; }
}

/* ==========================================================================
   13. FIYAT KUTUSU
   ========================================================================== */

.byom-price { display: flex; flex-direction: column; gap: 6px; }

.byom-price__discount { align-self: flex-start; }

.byom-price__main {
	color: var(--b2b-heading);
	font-size: 19px;
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.2;
}

.byom-price__main del {
	color: var(--b2b-muted);
	font-size: 0.72em;
	font-weight: 500;
	margin-right: 6px;
}

.byom-price__main ins { text-decoration: none; }

.byom-price__main .woocommerce-Price-currencySymbol { font-size: 0.82em; }

.byom-single-product__price .byom-price__main { font-size: clamp(24px, 3vw, 32px); }

.byom-price--empty .byom-muted { font-style: italic; }

/* --- Odeme tipi fiyatlari --- */

.byom-payprices {
	display: grid;
	gap: 4px;
	padding: 9px 11px;
	border: var(--b2b-border-width) solid var(--b2b-border);
	border-radius: var(--b2b-radius-sm);
	background: var(--b2b-surface);
}

.byom-payprices__row {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 12.5px;
}

.byom-payprices__label { flex: 1 1 auto; color: var(--b2b-muted); }
.byom-payprices__value { font-weight: 700; color: var(--b2b-heading); }
.byom-payprices__value .woocommerce-Price-amount { font-weight: 700; }

.byom-payprices__rate {
	flex: 0 0 auto;
	padding: 1px 6px;
	border-radius: var(--b2b-radius-pill);
	background: var(--b2b-success-soft);
	color: var(--b2b-success);
	font-size: 11px;
	font-weight: 800;
}

.byom-payprices__row.is-best .byom-payprices__label { color: var(--b2b-heading); font-weight: 600; }

.byom-payprices--compact { padding: 7px 9px; }

.byom-single-product__price .byom-payprices { padding: 12px 14px; gap: 7px; }
.byom-single-product__price .byom-payprices__row { font-size: 13.5px; }

/* ==========================================================================
   14. KILIT KUTUSU (FIYAT GIZLI)
   ========================================================================== */

.byom-locked {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 12px;
	border: var(--b2b-border-width) dashed var(--b2b-primary-200);
	border-radius: var(--b2b-radius-sm);
	background: var(--b2b-primary-soft);
	color: var(--b2b-primary-active);
}

.byom-locked__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	color: var(--b2b-primary);
}

.byom-locked__title { margin: 0 0 3px; font-size: 15px; font-weight: 700; color: var(--b2b-heading); }
.byom-locked__text { margin: 0; font-size: 12.5px; line-height: 1.45; }
.byom-locked__actions { display: grid; gap: 6px; }

.byom-locked--loop { padding: 10px; }
.byom-locked--loop .byom-locked__text { font-size: 11.5px; }

.byom-locked--single,
.byom-locked--catalog,
.byom-locked--shortcode {
	flex-direction: row;
	align-items: center;
	gap: 16px;
	padding: 18px 20px;
	border-style: solid;
	border-radius: var(--b2b-radius-lg);
	flex-wrap: wrap;
}

.byom-locked--single .byom-locked__icon,
.byom-locked--catalog .byom-locked__icon,
.byom-locked--shortcode .byom-locked__icon {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: var(--b2b-bg);
}

.byom-locked--single .byom-locked__body,
.byom-locked--catalog .byom-locked__body,
.byom-locked--shortcode .byom-locked__body { flex: 1 1 240px; }

.byom-locked--single .byom-locked__actions,
.byom-locked--catalog .byom-locked__actions,
.byom-locked--shortcode .byom-locked__actions {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.byom-locked.is-pending { border-color: #F5D68C; background: var(--b2b-warning-soft); color: #7A5200; }
.byom-locked.is-pending .byom-locked__icon { color: var(--b2b-warning); }
.byom-locked.is-rejected { border-color: #F0B3AE; background: var(--b2b-danger-soft); color: #8B1A12; }
.byom-locked.is-rejected .byom-locked__icon { color: var(--b2b-danger); }

.byom-loop-cta { margin-top: 4px; }

/* ==========================================================================
   15. STOK / KOLI SATIRLARI
   ========================================================================== */

.byom-stock,
.byom-case {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
}

.byom-stock--in { color: var(--b2b-success); }
.byom-stock--out { color: var(--b2b-danger); }
.byom-case { color: var(--b2b-muted); }
.byom-case__icon,
.byom-stock__icon { flex: 0 0 auto; }

.byom-casebox {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 14px 16px;
	border: var(--b2b-border-width) solid var(--b2b-border);
	border-radius: var(--b2b-radius-lg);
	background: var(--b2b-surface);
}

.byom-casebox__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 44px;
	height: 44px;
	border-radius: var(--b2b-radius-sm);
	background: var(--b2b-primary-soft);
	color: var(--b2b-primary);
}

.byom-casebox__body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.byom-casebox__title { color: var(--b2b-heading); font-size: 15px; }
.byom-casebox__meta { color: var(--b2b-muted); font-size: 12.5px; }

.byom-dealerbox {
	display: grid;
	gap: 7px;
	padding: 14px 16px;
	border: var(--b2b-border-width) solid var(--b2b-border);
	border-radius: var(--b2b-radius-lg);
	background: var(--b2b-bg);
}

.byom-dealerbox__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	font-size: 13.5px;
	color: var(--b2b-muted);
}

.byom-dealerbox__row > span:first-child { display: inline-flex; align-items: center; gap: 7px; }
.byom-dealerbox__row strong { color: var(--b2b-heading); font-size: 15.5px; }

/* ==========================================================================
   16. ADET SECICI
   ========================================================================== */

.byom-qty {
	display: inline-flex;
	align-items: center;
	overflow: hidden;
	border: var(--b2b-border-width) solid var(--b2b-border);
	border-radius: var(--b2b-radius-sm);
	background: var(--b2b-bg);
}

.byom-qty:focus-within { border-color: var(--b2b-primary); box-shadow: var(--b2b-focus-ring); }

.byom-qty__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 40px;
	height: 42px;
	padding: 0;
	border: 0;
	background: var(--b2b-surface);
	color: var(--b2b-heading);
	cursor: pointer;
	transition: background-color 0.16s var(--byom-ease), color 0.16s var(--byom-ease);
	-webkit-user-select: none;
	user-select: none;
}

.byom-qty__btn:hover { background: var(--b2b-primary-soft); color: var(--b2b-primary); }
.byom-qty__btn:active { background: var(--b2b-primary-soft-strong); }

.byom-qty__input {
	width: 58px;
	min-height: 42px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--b2b-heading);
	font-size: 15px;
	font-weight: 700;
	text-align: center;
}

.byom-qty__input:focus { outline: none; box-shadow: none; }

.byom-qty--sm .byom-qty__btn { width: 34px; height: 36px; }
.byom-qty--sm .byom-qty__input { width: 46px; min-height: 36px; font-size: 14px; }

.byom-qty-case {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin-left: 6px;
	padding: 6px 10px;
	border: var(--b2b-border-width) dashed var(--b2b-border);
	border-radius: var(--b2b-radius-pill);
	background: transparent;
	color: var(--b2b-muted);
	font-family: inherit;
	font-size: 11.5px;
	font-weight: 700;
	cursor: pointer;
	transition: border-color 0.18s var(--byom-ease), color 0.18s var(--byom-ease), background-color 0.18s var(--byom-ease);
}

.byom-qty-case:hover {
	border-color: var(--b2b-primary);
	border-style: solid;
	background: var(--b2b-primary-soft);
	color: var(--b2b-primary);
}

/* Kart icinde adet secici ve koli dugmesi yan yana. */
.byom-product-card__buy > .byom-qty { width: 100%; justify-content: space-between; }
.byom-product-card__buy > .byom-qty .byom-qty__input { width: 100%; }
.byom-product-card__buy > .byom-qty-case { margin-left: 0; justify-content: center; }

/* ==========================================================================
   17. KATALOG
   ========================================================================== */

.byom-catalog__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 22px;
	margin-bottom: 22px;
	flex-wrap: wrap;
}

.byom-catalog__title {
	margin: 0 0 5px;
	font-size: clamp(22px, 2.6vw, 31px);
}

.byom-catalog__count { margin: 0; color: var(--b2b-muted); font-size: 13.5px; }
.byom-catalog__desc { margin-top: 10px; color: var(--b2b-muted); font-size: 13.5px; max-width: 70ch; }
.byom-catalog__notice { flex: 1 1 340px; max-width: 520px; }

.byom-catalog__layout {
	display: grid;
	grid-template-columns: 268px minmax(0, 1fr);
	gap: clamp(18px, 2vw, 30px);
	align-items: start;
}

@media (max-width: 1023px) {
	.byom-catalog__layout { grid-template-columns: 1fr; }
}

.byom-catalog__side { display: grid; gap: 14px; }

.byom-catalog__side-toggle { display: none; }

@media (max-width: 1023px) {
	.byom-catalog__side-toggle { display: inline-flex; }
	.byom-catalog__side-body { display: none; }
	.byom-catalog__side-toggle[aria-expanded="true"] + .byom-catalog__side-body { display: grid; gap: 14px; }
}

@media (min-width: 1024px) {
	.byom-catalog__side-body { display: grid; gap: 14px; }
	.byom-catalog__side { position: sticky; top: calc(var(--byom-header-h) + 16px); }
}

.byom-filter__title {
	margin: 0 0 12px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: -0.01em;
}

.byom-filter__list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 1px;
}

.byom-filter__row { display: flex; align-items: center; gap: 2px; }

.byom-filter__link {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	min-width: 0;
	padding: 8px 10px;
	border-radius: var(--b2b-radius-sm);
	color: var(--b2b-text);
	font-size: 13.5px;
}

.byom-filter__link:hover { background: var(--b2b-primary-soft); color: var(--b2b-primary); }

.byom-filter__link.is-active {
	background: var(--b2b-primary);
	color: var(--b2b-primary-contrast);
	font-weight: 700;
}

.byom-filter__link.is-active .byom-filter__count {
	background: rgba(255, 255, 255, 0.22);
	color: inherit;
}

.byom-filter__count {
	flex: 0 0 auto;
	padding: 1px 7px;
	border-radius: var(--b2b-radius-pill);
	background: var(--b2b-surface);
	color: var(--b2b-muted);
	font-size: 11px;
	font-weight: 700;
}

.byom-filter__toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 0;
	border-radius: var(--b2b-radius-sm);
	background: transparent;
	color: var(--b2b-muted);
	cursor: pointer;
	transition: transform 0.2s var(--byom-ease), background-color 0.18s var(--byom-ease);
}

.byom-filter__toggle:hover { background: var(--b2b-surface); }
.byom-filter__toggle[aria-expanded="true"] { transform: rotate(180deg); }

.byom-filter__children {
	margin: 2px 0 6px 12px;
	padding: 0 0 0 10px;
	border-left: 2px solid var(--b2b-border);
	list-style: none;
	display: grid;
	gap: 1px;
}

.byom-filter__chips { margin: 0; padding: 0; list-style: none; display: flex; gap: 7px; flex-wrap: wrap; }

.byom-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 12px;
	border: var(--b2b-border-width) solid var(--b2b-border);
	border-radius: var(--b2b-radius-pill);
	color: var(--b2b-text);
	font-size: 12.5px;
	font-weight: 600;
}

.byom-chip:hover { border-color: var(--b2b-primary); color: var(--b2b-primary); }

.byom-chip.is-active {
	background: var(--b2b-primary);
	border-color: var(--b2b-primary);
	color: var(--b2b-primary-contrast);
}

.byom-filter--help p { margin-bottom: 10px; }

/* --- Arac cubugu --- */

.byom-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-bottom: 18px;
	padding: 10px 14px;
	background: var(--b2b-bg);
	border: var(--b2b-border-width) solid var(--b2b-border);
	border-radius: var(--b2b-radius-lg);
	flex-wrap: wrap;
}

.byom-toolbar__left,
.byom-toolbar__right { display: flex; align-items: center; gap: 10px; }
.byom-toolbar__right { margin-left: auto; }
.byom-toolbar__label { color: var(--b2b-muted); font-size: 12.5px; font-weight: 600; }

.byom-toolbar form.woocommerce-ordering { margin: 0; }

.byom-toolbar select {
	min-height: 38px;
	padding: 6px 34px 6px 12px;
	font-size: 13px;
	border-radius: var(--b2b-radius-sm);
}

.byom-viewswitch {
	display: inline-flex;
	overflow: hidden;
	border: var(--b2b-border-width) solid var(--b2b-border);
	border-radius: var(--b2b-radius-sm);
}

.byom-viewswitch__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 36px;
	color: var(--b2b-muted);
	background: var(--b2b-bg);
}

.byom-viewswitch__btn:hover { background: var(--b2b-surface); color: var(--b2b-primary); }
.byom-viewswitch__btn.is-active { background: var(--b2b-primary); color: var(--b2b-primary-contrast); }

/* ==========================================================================
   18. URUN DETAYI
   ========================================================================== */

.byom-single-product__top {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
	gap: clamp(22px, 3vw, 48px);
	align-items: start;
	padding: clamp(18px, 2.4vw, 30px);
	background: var(--b2b-bg);
	border: var(--b2b-border-width) solid var(--b2b-border);
	border-radius: var(--b2b-radius-xl);
	box-shadow: var(--b2b-shadow-sm);
}

@media (max-width: 900px) {
	.byom-single-product__top { grid-template-columns: 1fr; }
}

.byom-single-product__gallery { position: relative; min-width: 0; }

.byom-single-product__gallery .woocommerce-product-gallery { width: 100% !important; margin: 0; }
.byom-single-product__gallery .woocommerce-product-gallery__wrapper { border-radius: var(--b2b-radius-lg); overflow: hidden; }
.byom-single-product__gallery img { border-radius: var(--b2b-radius-lg); }

.byom-single-product__gallery .flex-control-thumbs {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 8px;
	margin: 12px 0 0;
	padding: 0;
	list-style: none;
}

.byom-single-product__gallery .flex-control-thumbs li { margin: 0; }

.byom-single-product__gallery .flex-control-thumbs img {
	border: var(--b2b-border-width) solid var(--b2b-border);
	border-radius: var(--b2b-radius-sm);
	cursor: pointer;
	opacity: 0.75;
	transition: opacity 0.18s var(--byom-ease), border-color 0.18s var(--byom-ease);
}

.byom-single-product__gallery .flex-control-thumbs img:hover,
.byom-single-product__gallery .flex-control-thumbs img.flex-active {
	opacity: 1;
	border-color: var(--b2b-primary);
}

.byom-single-product__gallery .onsale {
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 5;
	padding: 5px 11px;
	border-radius: var(--b2b-radius-pill);
	background: var(--b2b-accent);
	color: var(--b2b-accent-contrast);
	font-size: 11.5px;
	font-weight: 800;
}

.byom-single-product__summary { display: flex; flex-direction: column; gap: 16px; min-width: 0; }

.byom-single-product__flash { align-self: flex-start; }

.byom-single-product__title {
	margin: 0;
	font-size: clamp(21px, 2.8vw, 31px);
	line-height: 1.22;
}

.byom-single-product__ids {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
	padding-bottom: 14px;
	border-bottom: var(--b2b-border-width) solid var(--b2b-border);
}

.byom-single-product__id {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--b2b-muted);
	font-size: 12.5px;
}

.byom-single-product__id strong { color: var(--b2b-heading); font-size: 12.5px; }

.byom-single-product__excerpt { color: var(--b2b-text); font-size: 14.5px; }

.byom-single-product__meta {
	display: flex;
	flex-direction: column;
	gap: 7px;
	padding-top: 14px;
	border-top: var(--b2b-border-width) solid var(--b2b-border);
	font-size: 12.5px;
	color: var(--b2b-muted);
}

.byom-single-product__metaitem { display: flex; align-items: flex-start; gap: 8px; }
.byom-single-product__metaitem svg { flex: 0 0 auto; margin-top: 2px; }
.byom-single-product__metaitem a { color: var(--b2b-text); }
.byom-single-product__metaitem a:hover { color: var(--b2b-primary); }

/* --- Satin alma kutusu --- */

.byom-buybox {
	display: grid;
	gap: 10px;
	padding: 16px;
	border: var(--b2b-border-width) solid var(--b2b-primary-200);
	border-radius: var(--b2b-radius-lg);
	background: var(--b2b-primary-soft);
}

.byom-buybox__row {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.byom-buybox__qty { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }

.byom-buybox__label {
	color: var(--b2b-heading);
	font-size: 12.5px;
	font-weight: 700;
}

.byom-buybox__submit { flex: 1 1 190px; }
.byom-buybox__total { margin: 0; }
.byom-buybox__total strong { color: var(--b2b-heading); font-size: 14px; }

.byom-buybox--wc .quantity { margin-right: 10px; }

.byom-buybox--wc .quantity input[type="number"] {
	width: 84px;
	text-align: center;
	font-weight: 700;
}

.byom-buybox--wc .single_add_to_cart_button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: var(--b2b-btn-height);
	padding: 0 22px;
	border: 0;
	border-radius: var(--b2b-radius-sm);
	background: var(--b2b-primary);
	color: var(--b2b-primary-contrast);
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
}

.byom-buybox--wc .single_add_to_cart_button:hover { background: var(--b2b-primary-hover); }

.byom-buybox--wc table.variations { width: 100%; margin-bottom: 12px; }
.byom-buybox--wc table.variations th { background: transparent; border: 0; padding: 6px 0; width: 34%; }
.byom-buybox--wc table.variations td { border: 0; padding: 6px 0; }
.byom-buybox--wc .woocommerce-variation-price { margin-bottom: 10px; font-size: 20px; font-weight: 800; color: var(--b2b-heading); }

/* --- Sekmeler --- */

.byom-single-product__bottom { margin-top: clamp(24px, 3vw, 40px); }

.woocommerce-tabs {
	padding: clamp(18px, 2.4vw, 28px);
	background: var(--b2b-bg);
	border: var(--b2b-border-width) solid var(--b2b-border);
	border-radius: var(--b2b-radius-xl);
	box-shadow: var(--b2b-shadow-sm);
}

.woocommerce-tabs ul.tabs {
	display: flex;
	gap: 4px;
	margin: 0 0 20px;
	padding: 0 0 12px;
	border-bottom: var(--b2b-border-width) solid var(--b2b-border);
	list-style: none;
	overflow-x: auto;
}

.woocommerce-tabs ul.tabs li { margin: 0; }

.woocommerce-tabs ul.tabs li a {
	display: inline-block;
	padding: 9px 15px;
	border-radius: var(--b2b-radius-sm);
	color: var(--b2b-muted);
	font-size: 13.5px;
	font-weight: 600;
	white-space: nowrap;
}

.woocommerce-tabs ul.tabs li a:hover { background: var(--b2b-surface); color: var(--b2b-heading); }

.woocommerce-tabs ul.tabs li.active a {
	background: var(--b2b-primary-soft);
	color: var(--b2b-primary);
}

.woocommerce-tabs .panel > h2:first-child { display: none; }

.woocommerce-tabs table.shop_attributes th { width: 30%; }

/* --- Benzer urunler --- */

.related.products,
.up-sells.products { margin-top: clamp(26px, 3vw, 44px); }

.related.products > h2,
.up-sells.products > h2 {
	margin-bottom: 18px;
	font-size: clamp(19px, 2.2vw, 25px);
}

.related.products ul.products,
.up-sells.products ul.products,
.woocommerce ul.products {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
	gap: clamp(14px, 1.6vw, 22px);
	margin: 0;
	padding: 0;
	list-style: none;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after { content: none; }

.woocommerce ul.products li.product { width: auto !important; margin: 0 !important; float: none !important; }

@media (max-width: 640px) {
	.related.products ul.products,
	.up-sells.products ul.products,
	.woocommerce ul.products { grid-template-columns: repeat(auto-fill, minmax(158px, 1fr)); }
}

/* ==========================================================================
   19. CEKMECELER
   ========================================================================== */

.byom-overlay {
	position: fixed;
	inset: 0;
	z-index: var(--byom-z-overlay);
	background: rgba(11, 31, 58, 0.42);
	opacity: 0;
	transition: opacity 0.26s var(--byom-ease);
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
}

.byom-overlay.is-visible { opacity: 1; }

.byom-drawer {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: var(--byom-z-drawer);
	display: flex;
	flex-direction: column;
	width: min(430px, 100vw);
	background: var(--b2b-bg);
	box-shadow: -18px 0 48px rgba(16, 24, 40, 0.16);
	transform: translateX(100%);
	transition: transform 0.3s var(--byom-ease);
}

.byom-drawer.is-open { transform: translateX(0); }

.byom-drawer--menu {
	right: auto;
	left: 0;
	width: min(360px, 92vw);
	transform: translateX(-100%);
	box-shadow: 18px 0 48px rgba(16, 24, 40, 0.16);
}

.byom-drawer--menu.is-open { transform: translateX(0); }

.byom-drawer__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex: 0 0 auto;
	padding: 14px 16px;
	border-bottom: var(--b2b-border-width) solid var(--b2b-border);
}

.byom-drawer__title {
	display: flex;
	align-items: center;
	gap: 9px;
	margin: 0;
	font-size: 16px;
}

.byom-drawer__count {
	padding: 2px 9px;
	border-radius: var(--b2b-radius-pill);
	background: var(--b2b-primary-soft);
	color: var(--b2b-primary);
	font-size: 12px;
	font-weight: 800;
}

.byom-drawer__body {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	transition: opacity 0.2s var(--byom-ease);
}

.byom-drawer__body.is-busy { opacity: 0.55; pointer-events: none; }

.byom-drawer__empty {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 40px 24px;
	text-align: center;
}

.byom-drawer__empty-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	margin-bottom: 8px;
	border-radius: 50%;
	background: var(--b2b-surface);
	color: var(--b2b-border);
}

.byom-drawer__empty p { margin: 0; }
.byom-drawer__empty .byom-btn { margin-top: 12px; }

.byom-drawer__foot {
	flex: 0 0 auto;
	display: grid;
	gap: 12px;
	padding: 16px;
	border-top: var(--b2b-border-width) solid var(--b2b-border);
	background: var(--b2b-surface);
}

.byom-drawer__totals { display: grid; gap: 6px; }

.byom-drawer__total-row {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	color: var(--b2b-muted);
	font-size: 13.5px;
}

.byom-drawer__total-row strong { color: var(--b2b-heading); font-size: 18px; font-weight: 800; }

.byom-drawer__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }

@media (max-width: 400px) {
	.byom-drawer__actions { grid-template-columns: 1fr; }
}

.byom-notice--tight { padding: 10px 12px; }

/* --- Sepet satirlari --- */

.byom-cartlist { margin: 0; padding: 0; list-style: none; }

.byom-cartlist__item {
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr) auto;
	gap: 12px;
	padding: 14px 16px;
	border-bottom: var(--b2b-border-width) solid var(--b2b-border);
}

.byom-cartlist__thumb {
	width: 64px;
	height: 64px;
	overflow: hidden;
	border: var(--b2b-border-width) solid var(--b2b-border);
	border-radius: var(--b2b-radius-sm);
	background: var(--b2b-surface);
}

.byom-cartlist__thumb img { width: 100%; height: 100%; object-fit: contain; }

.byom-cartlist__placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: var(--b2b-border);
}

.byom-cartlist__info { display: flex; flex-direction: column; gap: 5px; min-width: 0; }

.byom-cartlist__name {
	margin: 0;
	font-size: 13.5px;
	font-weight: 600;
	line-height: 1.35;
}

.byom-cartlist__name a { color: var(--b2b-heading); }
.byom-cartlist__name a:hover { color: var(--b2b-primary); }

.byom-cartlist__controls { display: flex; align-items: center; gap: 8px; margin-top: 3px; }

.byom-cartlist__remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	padding: 0;
	border: var(--b2b-border-width) solid var(--b2b-border);
	border-radius: var(--b2b-radius-sm);
	background: var(--b2b-bg);
	color: var(--b2b-muted);
	cursor: pointer;
	transition: color 0.18s var(--byom-ease), border-color 0.18s var(--byom-ease);
}

.byom-cartlist__remove:hover { color: var(--b2b-danger); border-color: var(--b2b-danger); }
.byom-cartlist__remove[disabled] { opacity: 0.5; cursor: not-allowed; }

.byom-cartlist__price { text-align: right; white-space: nowrap; }
.byom-cartlist__price strong { color: var(--b2b-heading); font-size: 14.5px; }

/* --- Favori listesi --- */

.byom-favlist { margin: 0; padding: 0; list-style: none; }

.byom-favlist__item {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr) 34px;
	align-items: center;
	gap: 12px;
	padding: 12px 16px;
	border-bottom: var(--b2b-border-width) solid var(--b2b-border);
}

.byom-favlist__thumb {
	width: 52px;
	height: 52px;
	border: var(--b2b-border-width) solid var(--b2b-border);
	border-radius: var(--b2b-radius-sm);
	object-fit: contain;
	background: var(--b2b-surface);
}

.byom-favlist__name {
	font-size: 13.5px;
	font-weight: 600;
	color: var(--b2b-heading);
	line-height: 1.35;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.byom-favlist__remove {
	width: 32px;
	height: 32px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--b2b-surface);
	color: var(--b2b-muted);
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
}

.byom-favlist__remove:hover { background: var(--b2b-danger-soft); color: var(--b2b-danger); }

/* ==========================================================================
   20. MOBIL MENU ICERIGI
   ========================================================================== */

.byom-mm-account,
.byom-mm-guest {
	padding: 16px;
	border-bottom: var(--b2b-border-width) solid var(--b2b-border);
	background: var(--b2b-surface);
}

.byom-mm-account__row { display: flex; align-items: center; gap: 12px; }
.byom-mm-account__row strong { display: block; font-size: 14.5px; color: var(--b2b-heading); }

.byom-mm-account__balance {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	margin-top: 12px;
	padding-top: 12px;
	border-top: var(--b2b-border-width) solid var(--b2b-border);
	color: var(--b2b-muted);
	font-size: 13px;
}

.byom-mm-account__balance strong { color: var(--b2b-heading); font-size: 15px; }

.byom-mm-guest__actions { display: flex; gap: 8px; margin-top: 12px; flex-wrap: wrap; }
.byom-mm-guest__actions .byom-btn { flex: 1 1 120px; }

.byom-mm-tabs {
	display: flex;
	gap: 4px;
	padding: 10px 12px 0;
	border-bottom: var(--b2b-border-width) solid var(--b2b-border);
}

.byom-mm-tab {
	flex: 1 1 auto;
	padding: 10px 8px;
	border: 0;
	border-bottom: 2px solid transparent;
	background: transparent;
	color: var(--b2b-muted);
	font-family: inherit;
	font-size: 13.5px;
	font-weight: 700;
	cursor: pointer;
}

.byom-mm-tab.is-active { color: var(--b2b-primary); border-bottom-color: var(--b2b-primary); }

.byom-mm-panel { padding: 12px; }

.byom-mm-list { margin: 0; padding: 0; list-style: none; display: grid; gap: 1px; }

.byom-mm-list a {
	display: block;
	padding: 12px 12px;
	border-radius: var(--b2b-radius-sm);
	color: var(--b2b-text);
	font-size: 14.5px;
	font-weight: 600;
}

.byom-mm-list a:hover { background: var(--b2b-primary-soft); color: var(--b2b-primary); }
.byom-mm-list .sub-menu { margin: 0 0 0 14px; padding: 0; list-style: none; }
.byom-mm-list .sub-menu a { font-size: 13.5px; font-weight: 500; color: var(--b2b-muted); }

.byom-mm-contact { display: grid; gap: 8px; margin-top: 16px; }

.byom-mm-cats { margin: 0; padding: 0; list-style: none; display: grid; gap: 1px; }

.byom-mm-cat__row { display: flex; align-items: center; gap: 2px; }

.byom-mm-cat__link {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	min-width: 0;
	padding: 12px;
	border-radius: var(--b2b-radius-sm);
	color: var(--b2b-text);
	font-size: 14.5px;
	font-weight: 600;
}

.byom-mm-cat__link:hover { background: var(--b2b-primary-soft); color: var(--b2b-primary); }

.byom-mm-cat__count {
	flex: 0 0 auto;
	padding: 1px 7px;
	border-radius: var(--b2b-radius-pill);
	background: var(--b2b-surface);
	color: var(--b2b-muted);
	font-size: 11px;
	font-weight: 700;
}

.byom-mm-cat__toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	border-radius: var(--b2b-radius-sm);
	background: transparent;
	color: var(--b2b-muted);
	cursor: pointer;
	transition: transform 0.2s var(--byom-ease);
}

.byom-mm-cat__toggle[aria-expanded="true"] { transform: rotate(180deg); }

.byom-mm-cat__children {
	margin: 0 0 6px 14px;
	padding: 0 0 0 10px;
	border-left: 2px solid var(--b2b-border);
	list-style: none;
}

.byom-mm-cat__children a {
	display: block;
	padding: 9px 8px;
	border-radius: var(--b2b-radius-sm);
	color: var(--b2b-muted);
	font-size: 13.5px;
}

.byom-mm-cat__children a:hover { color: var(--b2b-primary); background: var(--b2b-primary-soft); }

/* ==========================================================================
   21. MOBIL ALT GEZINME CUBUGU
   ========================================================================== */

.byom-bottombar {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: var(--byom-z-bottombar);
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 1fr;
	align-items: stretch;
	min-height: var(--byom-bottombar-h);
	padding-bottom: env(safe-area-inset-bottom, 0);
	background: var(--b2b-bg);
	border-top: var(--b2b-border-width) solid var(--b2b-border);
	box-shadow: 0 -6px 22px rgba(16, 24, 40, 0.08);
}

.byom-bottombar__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 3px;
	padding: 8px 4px;
	border: 0;
	background: transparent;
	color: var(--b2b-muted);
	font-family: inherit;
	font-size: 10.5px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	cursor: pointer;
	transition: color 0.18s var(--byom-ease);
}

.byom-bottombar__item span:last-child {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.byom-bottombar__item:hover,
.byom-bottombar__item.is-active { color: var(--b2b-primary); }

.byom-bottombar__item.is-active { position: relative; }

.byom-bottombar__item.is-active::before {
	content: "";
	position: absolute;
	top: 0;
	left: 22%;
	right: 22%;
	height: 3px;
	border-radius: 0 0 3px 3px;
	background: var(--b2b-primary);
}

.byom-bottombar__icon { position: relative; display: inline-flex; }

.byom-bottombar__icon .byom-cart-count { top: -6px; right: -10px; }

/* Alt cubuk varken sayfa sonu icerigin ustunu kapatmasin. */
@media (max-width: 1023px) {
	body.byom-has-bottombar .byom-footer { padding-bottom: calc(var(--byom-bottombar-h) + env(safe-area-inset-bottom, 0px)); }
	body.byom-has-bottombar .byom-totop { bottom: calc(var(--byom-bottombar-h) + 14px); }
	body.byom-has-bottombar .byom-drawer { bottom: 0; }
}

/* ==========================================================================
   22. BILDIRIM BALONLARI / YUKARI CIK
   ========================================================================== */

.byom-toasts {
	position: fixed;
	right: 16px;
	bottom: 16px;
	z-index: var(--byom-z-toast);
	display: flex;
	flex-direction: column;
	gap: 8px;
	max-width: min(360px, calc(100vw - 32px));
	pointer-events: none;
}

@media (max-width: 1023px) {
	.byom-toasts { bottom: calc(var(--byom-bottombar-h) + 16px); }
}

.byom-toast {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 13px 15px;
	border-radius: var(--b2b-radius);
	background: var(--b2b-secondary);
	color: #fff;
	font-size: 13.5px;
	line-height: 1.45;
	box-shadow: var(--b2b-shadow-lg);
	opacity: 0;
	transform: translateY(12px);
	transition: opacity 0.24s var(--byom-ease), transform 0.24s var(--byom-ease);
	pointer-events: auto;
}

.byom-toast.is-visible { opacity: 1; transform: translateY(0); }
.byom-toast--success { background: var(--b2b-success); }
.byom-toast--error { background: var(--b2b-danger); }
.byom-toast--info { background: var(--b2b-secondary); }
.byom-toast__text { flex: 1 1 auto; }

.byom-toast__close {
	flex: 0 0 auto;
	width: 22px;
	height: 22px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.16);
	color: inherit;
	font-size: 15px;
	line-height: 1;
	cursor: pointer;
}

.byom-totop {
	position: fixed;
	right: 16px;
	bottom: 16px;
	z-index: var(--byom-z-bottombar);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: var(--b2b-border-width) solid var(--b2b-border);
	border-radius: 50%;
	background: var(--b2b-bg);
	color: var(--b2b-heading);
	cursor: pointer;
	box-shadow: var(--b2b-shadow);
}

.byom-totop:hover { background: var(--b2b-primary); color: var(--b2b-primary-contrast); border-color: var(--b2b-primary); }

@media (max-width: 1023px) {
	.byom-totop { display: none; }
}

/* ==========================================================================
   23. EKMEK KIRINTISI / ARSIV / SAYFALAMA / BOS DURUM
   ========================================================================== */

.byom-breadcrumb {
	padding: 12px 0;
	background: var(--b2b-bg);
	border-bottom: var(--b2b-border-width) solid var(--b2b-border);
	font-size: 12.5px;
}

.byom-breadcrumb__inner {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	color: var(--b2b-muted);
}

.byom-breadcrumb a { color: var(--b2b-muted); }
.byom-breadcrumb a:hover { color: var(--b2b-primary); }
.byom-breadcrumb__sep { opacity: 0.5; }
.byom-breadcrumb .woocommerce-breadcrumb { margin: 0; color: inherit; font-size: inherit; }

.byom-archive-head { margin-bottom: 22px; }
.byom-archive-head__title { margin: 0 0 5px; font-size: clamp(22px, 2.6vw, 31px); }
.byom-archive-head__count { margin: 0; color: var(--b2b-muted); font-size: 13.5px; }
.byom-archive-head__desc { margin-top: 10px; color: var(--b2b-muted); }

.byom-pagination { margin-top: 28px; }

.byom-pagination__list {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	margin: 0;
	padding: 0;
	list-style: none;
	flex-wrap: wrap;
}

.byom-pagination__list a,
.byom-pagination__list span {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	min-width: 40px;
	min-height: 40px;
	padding: 0 12px;
	justify-content: center;
	border: var(--b2b-border-width) solid var(--b2b-border);
	border-radius: var(--b2b-radius-sm);
	background: var(--b2b-bg);
	color: var(--b2b-text);
	font-size: 13.5px;
	font-weight: 600;
}

.byom-pagination__list a:hover {
	border-color: var(--b2b-primary);
	background: var(--b2b-primary-soft);
	color: var(--b2b-primary);
}

.byom-pagination__list .current {
	background: var(--b2b-primary);
	border-color: var(--b2b-primary);
	color: var(--b2b-primary-contrast);
}

.byom-pagination__list .dots { border-color: transparent; background: transparent; }

.byom-empty { text-align: center; padding: clamp(30px, 5vw, 56px); }

.byom-empty__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 82px;
	height: 82px;
	margin-bottom: 16px;
	border-radius: 50%;
	background: var(--b2b-surface);
	color: var(--b2b-border);
}

.byom-empty__title { margin: 0 0 8px; font-size: clamp(18px, 2.2vw, 23px); }
.byom-empty__text { margin: 0 auto 20px; color: var(--b2b-muted); max-width: 52ch; }
.byom-empty__search { max-width: 460px; margin: 0 auto 18px; }

/* --- 404 --- */

.byom-404 { text-align: center; padding: clamp(30px, 5vw, 60px); }

.byom-404__code {
	display: block;
	font-size: clamp(64px, 12vw, 120px);
	font-weight: 900;
	line-height: 1;
	letter-spacing: -0.05em;
	color: var(--b2b-primary-200);
}

.byom-404__title { margin: 12px 0 10px; }
.byom-404__text { margin: 0 auto 22px; color: var(--b2b-muted); max-width: 54ch; }
.byom-404__search { max-width: 460px; margin: 0 auto 20px; }
.byom-404__actions { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; }

/* ==========================================================================
   24. YAZI / SAYFA
   ========================================================================== */

.byom-postcard { display: flex; flex-direction: column; overflow: hidden; }
.byom-postcard__thumb { display: block; aspect-ratio: 16 / 9; overflow: hidden; }
.byom-postcard__thumb img { width: 100%; height: 100%; object-fit: cover; }
.byom-postcard__body { display: flex; flex-direction: column; gap: 8px; padding: 18px; flex: 1 1 auto; }
.byom-postcard__date { color: var(--b2b-muted); font-size: 12px; font-weight: 600; }
.byom-postcard__title { margin: 0; font-size: 17px; line-height: 1.3; }
.byom-postcard__title a { color: var(--b2b-heading); }
.byom-postcard__title a:hover { color: var(--b2b-primary); }
.byom-postcard__excerpt { margin: 0; color: var(--b2b-muted); font-size: 13.5px; }

.byom-postcard__more {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: auto;
	font-size: 13.5px;
	font-weight: 700;
}

.byom-page__head,
.byom-single__head { margin-bottom: 20px; }

.byom-page__title,
.byom-single__title { margin: 0; font-size: clamp(24px, 3vw, 34px); }

.byom-page__meta {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 10px 0 0;
	color: var(--b2b-muted);
	font-size: 12.5px;
}

.byom-single__meta {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 10px;
	color: var(--b2b-muted);
	font-size: 12.5px;
}

.byom-single__cat {
	padding: 3px 9px;
	border-radius: var(--b2b-radius-pill);
	background: var(--b2b-primary-soft);
	color: var(--b2b-primary);
	font-weight: 700;
}

.byom-page__thumb,
.byom-single__thumb { margin: 0 0 22px; }

.byom-page__thumb img,
.byom-single__thumb img { width: 100%; border-radius: var(--b2b-radius-lg); }

.byom-single__tags { margin-top: 24px; padding-top: 18px; border-top: var(--b2b-border-width) solid var(--b2b-border); }

.byom-single__tags a {
	display: inline-block;
	margin: 0 6px 6px 0;
	padding: 4px 11px;
	border-radius: var(--b2b-radius-pill);
	background: var(--b2b-surface);
	color: var(--b2b-muted);
	font-size: 12px;
	font-weight: 600;
}

.byom-single__tags a:hover { background: var(--b2b-primary-soft); color: var(--b2b-primary); }

.byom-postnav { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 18px; }

@media (max-width: 640px) {
	.byom-postnav { grid-template-columns: 1fr; }
}

.byom-postnav__item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	background: var(--b2b-bg);
	border: var(--b2b-border-width) solid var(--b2b-border);
	border-radius: var(--b2b-radius-lg);
	color: var(--b2b-text);
}

.byom-postnav__item:hover { border-color: var(--b2b-primary-200); background: var(--b2b-primary-soft); }
.byom-postnav__item--next { justify-content: flex-end; text-align: right; }
.byom-postnav__item small { display: block; color: var(--b2b-muted); font-size: 11.5px; font-weight: 700; }
.byom-postnav__item strong { display: block; font-size: 13.5px; color: var(--b2b-heading); }

.byom-linkpages { display: flex; gap: 6px; margin-top: 20px; flex-wrap: wrap; }

.byom-linkpages a,
.byom-linkpages > span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 34px;
	min-height: 34px;
	padding: 0 8px;
	border: var(--b2b-border-width) solid var(--b2b-border);
	border-radius: var(--b2b-radius-sm);
	font-size: 13px;
	font-weight: 600;
}

/* --- Yorumlar --- */

.byom-comments { margin-top: 22px; }
.byom-comments__title { margin: 0 0 18px; font-size: 18px; }
.byom-comments__list { margin: 0 0 24px; padding: 0; list-style: none; }
.byom-comments__list .children { margin: 12px 0 0 22px; padding: 0; list-style: none; }
.byom-comment { margin-bottom: 12px; }

.byom-comment__box {
	padding: 16px;
	border: var(--b2b-border-width) solid var(--b2b-border);
	border-radius: var(--b2b-radius-lg);
	background: var(--b2b-surface);
}

.byom-comment__head { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.byom-comment__avatar { border-radius: 50%; }
.byom-comment__author { display: block; font-size: 14px; color: var(--b2b-heading); }
.byom-comment__date { color: var(--b2b-muted); font-size: 12px; }
.byom-comment__foot { margin-top: 10px; font-size: 13px; font-weight: 600; }

.byom-comment-form .form-submit { margin-top: 14px; }

.byom-comment-form input[type="submit"],
.byom-comment-form .byom-btn {
	min-height: var(--b2b-btn-height);
	padding: 0 20px;
	border: 0;
	border-radius: var(--b2b-radius-sm);
	background: var(--b2b-primary);
	color: var(--b2b-primary-contrast);
	font-family: inherit;
	font-size: 14.5px;
	font-weight: 600;
	cursor: pointer;
}

/* --- Durum serisi (shortcode) --- */

.byom-status-legend {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 18px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.byom-status-legend__item {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-size: 13px;
	font-weight: 600;
}

.byom-status-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--byom-dot, var(--b2b-muted));
}

.byom-summary-table th { white-space: nowrap; }

/* ==========================================================================
   25. BAYILIK CAGRISI
   ========================================================================== */

.byom-cta__box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: clamp(20px, 3vw, 40px);
	padding: clamp(24px, 3.4vw, 44px);
	border-radius: var(--b2b-radius-xl);
	background: linear-gradient(120deg, var(--b2b-secondary) 0%, #0d2748 55%, var(--b2b-primary-active) 100%);
	color: #fff;
	flex-wrap: wrap;
}

.byom-cta__content { flex: 1 1 380px; }

.byom-cta__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 5px 12px;
	margin-bottom: 12px;
	border-radius: var(--b2b-radius-pill);
	background: rgba(255, 255, 255, 0.14);
	font-size: 11.5px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.byom-cta__title {
	margin: 0 0 10px;
	color: #fff;
	font-size: clamp(21px, 2.6vw, 30px);
	line-height: 1.2;
}

.byom-cta__text { margin: 0; color: rgba(255, 255, 255, 0.85); font-size: 14.5px; max-width: 60ch; }

.byom-cta__actions { display: flex; gap: 10px; flex-wrap: wrap; }

.byom-cta__ghost {
	border-color: rgba(255, 255, 255, 0.34);
	color: #fff;
	background: transparent;
}

.byom-cta__ghost:hover,
.byom-cta__ghost:focus-visible {
	background: rgba(255, 255, 255, 0.12);
	border-color: rgba(255, 255, 255, 0.6);
	color: #fff;
}

/* ==========================================================================
   26. ALT BILGI
   ========================================================================== */

.byom-footer {
	margin-top: auto;
	background: var(--b2b-footer-bg);
	color: var(--b2b-footer-text);
	font-size: 13.5px;
}

.byom-footer__grid {
	display: grid;
	grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
	gap: clamp(22px, 3vw, 44px);
	padding: clamp(34px, 4vw, 56px) 0 clamp(24px, 3vw, 36px);
}

@media (max-width: 1023px) {
	.byom-footer__grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 560px) {
	.byom-footer__grid { grid-template-columns: 1fr; }
}

.byom-footer__col { min-width: 0; }
.byom-footer__col--brand .byom-logo { margin-bottom: 14px; }

.byom-footer__about {
	color: color-mix(in srgb, var(--b2b-footer-text) 74%, transparent);
	font-size: 13px;
	line-height: 1.65;
	max-width: 42ch;
}

.byom-footer__title {
	margin: 0 0 14px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.01em;
}

.byom-footer__links,
.byom-footer__contact {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 9px;
}

.byom-footer__links a {
	color: color-mix(in srgb, var(--b2b-footer-text) 78%, transparent);
	font-size: 13px;
}

.byom-footer__links a:hover { color: #fff; }

.byom-footer__contact li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	color: color-mix(in srgb, var(--b2b-footer-text) 78%, transparent);
	font-size: 13px;
	line-height: 1.5;
}

.byom-footer__contact svg { flex: 0 0 auto; margin-top: 2px; color: var(--b2b-primary-300); }
.byom-footer__contact a { color: inherit; display: flex; flex-direction: column; gap: 1px; }
.byom-footer__contact a:hover { color: #fff; }
.byom-footer__contact strong { color: #fff; font-size: 14px; }

.byom-footer__social { display: flex; gap: 8px; margin: 16px 0 0; padding: 0; list-style: none; }

.byom-footer__social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: var(--b2b-radius-sm);
	background: rgba(255, 255, 255, 0.09);
	color: var(--b2b-footer-text);
}

.byom-footer__social a:hover { background: var(--b2b-primary); color: var(--b2b-primary-contrast); }

.byom-footer__muted { color: color-mix(in srgb, var(--b2b-footer-text) 60%, transparent); font-size: 12.5px; }

.byom-footer__widgets {
	padding: 20px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.10);
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 24px;
}

.byom-footer__widgets a { color: color-mix(in srgb, var(--b2b-footer-text) 80%, transparent); }
.byom-footer__widgets a:hover { color: #fff; }
.byom-footer__widgets ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; }

.byom-footer__bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 18px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.10);
	flex-wrap: wrap;
}

.byom-footer__copyright {
	margin: 0;
	color: color-mix(in srgb, var(--b2b-footer-text) 66%, transparent);
	font-size: 12.5px;
}

.byom-footer__legal { display: flex; gap: 6px 18px; margin: 0; padding: 0; list-style: none; flex-wrap: wrap; }

.byom-footer__legal a {
	color: color-mix(in srgb, var(--b2b-footer-text) 74%, transparent);
	font-size: 12.5px;
}

.byom-footer__legal a:hover { color: #fff; }

/* --- Telif satirindaki altyapi imzasi --- */

/*
 * Telif ile ayni satirda akar, ayni puntoyu ve ayni sonuk tonu kullanir;
 * yalnizca marka adi one cikar. Dar ekranda kendi satirina duser.
 */
.byom-footer__infra { display: inline; }

.byom-footer__brand {
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	transition: border-color 0.18s var(--byom-ease), color 0.18s var(--byom-ease);
}

.byom-footer__brand:hover,
.byom-footer__brand:focus-visible {
	color: var(--b2b-accent);
	border-bottom-color: var(--b2b-accent);
}

/*
 * Mobilde alt satir zaten sariyordu ama parcalar sola yaslanip birbirine
 * yapisiyordu: telif metni uzadigi icin artik ortalanip nefes payi aliyor.
 * Masaustundeki iki uca yaslanmis duzen DEGISMEZ.
 */
@media (max-width: 640px) {
	.byom-footer__bottom {
		justify-content: center;
		text-align: center;
		gap: 12px;
	}

	.byom-footer__legal { justify-content: center; }
}

/* color-mix desteklenmeyen tarayicilarda alt bilgi metni okunur kalsin. */
@supports not (color: color-mix(in srgb, red 50%, blue)) {
	.byom-footer__about,
	.byom-footer__links a,
	.byom-footer__contact li,
	.byom-footer__copyright,
	.byom-footer__legal a { color: rgba(229, 231, 235, 0.75); }

	.byom-topbar { color: rgba(255, 255, 255, 0.82); }
}

/* ==========================================================================
   26.5 BAYILIK BASVURU / GIRIS FORMLARI
   ========================================================================== */

.byom-dealerform__head { margin-bottom: 20px; }
.byom-dealerform__title { margin: 0 0 6px; font-size: clamp(19px, 2.2vw, 25px); }
.byom-dealerform__intro { margin: 0; color: var(--b2b-muted); font-size: 14px; max-width: 62ch; }

.byom-dealerform .byom-notice { margin-bottom: 18px; }

.byom-dealerform__errors {
	margin: 6px 0 0;
	padding-left: 18px;
	font-size: 13.5px;
	line-height: 1.6;
}

.byom-dealerform__errors a { color: inherit; text-decoration: underline; }

.byom-dealerform__group {
	margin: 0 0 22px;
	padding: 0;
	border: 0;
}

.byom-dealerform__legend {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	margin-bottom: 14px;
	padding: 0 0 9px;
	border-bottom: var(--b2b-border-width) solid var(--b2b-border);
	color: var(--b2b-heading);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

.byom-dealerform__legend svg { color: var(--b2b-primary); }

.byom-dealerform__note {
	margin: -4px 0 12px;
	color: var(--b2b-muted);
	font-size: 12.5px;
}

.byom-dealerform__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px 18px;
}

@media (max-width: 640px) {
	.byom-dealerform__grid { grid-template-columns: 1fr; }
}

.byom-field { margin: 0; }
.byom-field--full { grid-column: 1 / -1; }

.byom-field label {
	display: block;
	margin-bottom: 6px;
	font-size: 13px;
	font-weight: 600;
	color: var(--b2b-heading);
}

.byom-field__hint {
	display: block;
	margin-top: 5px;
	color: var(--b2b-muted);
	font-size: 11.5px;
	line-height: 1.4;
}

.byom-req { color: var(--b2b-danger); font-weight: 700; }

/* --------------------------------------------------------------------------
   SIFRE ALANI (GOSTER / GIZLE)

   Dugme sunucuda `hidden` basilir ve yalnizca main.js onu etkinlestirdiginde
   gorunur; betik yuklenmezse islevsiz bir goz ikonu ekranda durmaz.
   -------------------------------------------------------------------------- */

.byom-passfield {
	position: relative;
	display: block;
}

/* Katalogda alt kategori kartlari urun izgarasinin ustunde durur. */
.byom-catalog__subcats { margin-bottom: 26px; }

/* Girdi metni goz dugmesinin altina kaymasin. */
.byom-passfield__input { padding-right: 46px; }

.byom-passfield__toggle {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 100%;
	min-height: var(--b2b-input-height);
	padding: 0;
	border: 0;
	border-radius: 0 var(--b2b-radius-sm) var(--b2b-radius-sm) 0;
	background: none;
	color: var(--b2b-muted);
	cursor: pointer;
	transition: color 0.18s var(--byom-ease);
}

/* `display: flex` tarayicinin [hidden] varsayilanini ezer; geri alinir. */
.byom-passfield__toggle[hidden] { display: none; }

.byom-passfield__toggle:hover,
.byom-passfield__toggle:focus-visible { color: var(--b2b-primary); }

.byom-passfield__toggle:focus-visible {
	outline: 2px solid var(--b2b-primary);
	outline-offset: -3px;
}

/* Kapali durum: acik goz = "goster". Acik durum: ustu cizili goz = "gizle". */
.byom-passfield__off { display: none; }
.byom-passfield__toggle[aria-pressed="true"] .byom-passfield__on { display: none; }
.byom-passfield__toggle[aria-pressed="true"] .byom-passfield__off { display: block; }

.byom-field--check {
	padding: 14px 16px;
	margin-bottom: 20px;
	border: var(--b2b-border-width) solid var(--b2b-border);
	border-radius: var(--b2b-radius-sm);
	background: var(--b2b-surface);
}

.byom-field--check label {
	display: flex;
	align-items: flex-start;
	gap: 4px;
	margin: 0;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.5;
	cursor: pointer;
}

.byom-field--check input[type="checkbox"] { margin-top: 2px; flex: 0 0 auto; }
.byom-field--check a { text-decoration: underline; }

/*
 * Bal kupu: ekranda da, ekran okuyucuda da GORUNMEZ ama `display:none`
 * DEGILDIR - bazi botlar gizli alanlari atlar, bu ise onlari yakalamayi
 * amaclar.
 */
.byom-dealerform__hp {
	position: absolute !important;
	left: -9999px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.byom-dealerform__actions {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
	padding-top: 18px;
	border-top: var(--b2b-border-width) solid var(--b2b-border);
}

.byom-dealerform__login { color: var(--b2b-muted); font-size: 13.5px; }
.byom-dealerform__login a { font-weight: 700; }

/* --- Giris formu --- */

.byom-loginform__card {
	padding: clamp(20px, 2.6vw, 30px);
	border: var(--b2b-border-width) solid var(--b2b-border);
	border-radius: var(--b2b-radius-xl);
	background: var(--b2b-bg);
	box-shadow: var(--b2b-shadow-sm);
}

.byom-loginform__head { margin-bottom: 20px; text-align: center; }

.byom-loginform__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	margin-bottom: 12px;
	border-radius: 50%;
	background: var(--b2b-primary-soft);
	color: var(--b2b-primary);
}

.byom-loginform__title { margin: 0 0 6px; font-size: 21px; }
.byom-loginform__intro { margin: 0; color: var(--b2b-muted); font-size: 13.5px; }

.byom-loginform .login-username,
.byom-loginform .login-password { margin: 0 0 14px; }

.byom-loginform .login-username label,
.byom-loginform .login-password label {
	display: block;
	margin-bottom: 6px;
	font-size: 13px;
	font-weight: 600;
	color: var(--b2b-heading);
}

.byom-loginform .login-remember {
	margin: 0 0 16px;
	font-size: 13.5px;
}

.byom-loginform .login-remember label {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-weight: 500;
	margin: 0;
}

.byom-loginform .login-submit { margin: 0; }

.byom-loginform .login-submit input[type="submit"] {
	width: 100%;
	min-height: var(--b2b-btn-height);
	padding: 0 20px;
	border: 0;
	border-radius: var(--b2b-radius-sm);
	background: var(--b2b-primary);
	color: var(--b2b-primary-contrast);
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	transition: background-color 0.18s var(--byom-ease);
}

.byom-loginform .login-submit input[type="submit"]:hover { background: var(--b2b-primary-hover); }

.byom-loginform__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 18px;
	padding-top: 16px;
	border-top: var(--b2b-border-width) solid var(--b2b-border);
	font-size: 13px;
	flex-wrap: wrap;
}

.byom-loginform__lost { color: var(--b2b-muted); }
.byom-loginform__lost:hover { color: var(--b2b-primary); }
.byom-loginform__register { color: var(--b2b-muted); }
.byom-loginform__register a { font-weight: 700; }
.byom-loginform__links { display: flex; gap: 8px; flex-wrap: wrap; }

.byom-login-notice { margin-bottom: 22px; }

/* --- Basvuru sayfasi sablonu --- */

.byom-applypage {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: clamp(18px, 2.4vw, 32px);
	align-items: start;
}

@media (max-width: 1023px) {
	.byom-applypage { grid-template-columns: 1fr; }
}

.byom-applypage__intro { margin-bottom: 18px; }
.byom-applypage__side { display: grid; gap: 14px; }

@media (min-width: 1024px) {
	.byom-applypage__side { position: sticky; top: calc(var(--byom-header-h) + 16px); }
}

.byom-applypage__perks,
.byom-applypage__contact {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 12px;
}

.byom-applypage__perks li { display: flex; align-items: flex-start; gap: 11px; }

.byom-applypage__perk-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 34px;
	height: 34px;
	border-radius: var(--b2b-radius-sm);
	background: var(--b2b-primary-soft);
	color: var(--b2b-primary);
}

.byom-applypage__perks strong { display: block; font-size: 13.5px; color: var(--b2b-heading); }
.byom-applypage__perks small { display: block; color: var(--b2b-muted); font-size: 12px; line-height: 1.45; }

.byom-applypage__steps {
	margin: 0;
	padding-left: 20px;
	display: grid;
	gap: 9px;
	color: var(--b2b-text);
	font-size: 13.5px;
	line-height: 1.5;
}

.byom-applypage__steps li::marker { color: var(--b2b-primary); font-weight: 800; }

/* ==========================================================================
   27. WOOCOMMERCE EKRANLARI (sepet / odeme / hesabim)
   ========================================================================== */

.woocommerce-cart .byom-main,
.woocommerce-checkout .byom-main,
.woocommerce-account .byom-main {
	padding-top: clamp(22px, 3vw, 36px);
}

/*
 * Sepet / odeme / hesabim: page.php bu sayfalari panel icine ALMAZ ve tam
 * genislik verir; WooCommerce'in kendi kart ve tablo duzeni bozulmasin.
 */
.byom-page--wc { background: transparent; border: 0; box-shadow: none; padding: 0; }
.byom-page--wc .byom-page__head { margin-bottom: 18px; }

.woocommerce-cart .cart-collaterals,
.woocommerce-cart .woocommerce-cart-form { margin-bottom: 22px; }

.woocommerce-cart .cart-collaterals { display: flex; justify-content: flex-end; }
.woocommerce-cart .cart-collaterals .cart_totals { width: min(420px, 100%); }

@media (min-width: 900px) {
	.woocommerce-checkout .woocommerce form.checkout {
		display: grid;
		grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
		gap: clamp(20px, 2.6vw, 36px);
		align-items: start;
	}

	.woocommerce-checkout .woocommerce form.checkout > #customer_details { grid-column: 1; }

	.woocommerce-checkout .woocommerce form.checkout > h3#order_review_heading,
	.woocommerce-checkout .woocommerce form.checkout > #order_review { grid-column: 2; }

	.woocommerce-checkout .woocommerce form.checkout > #order_review { position: sticky; top: calc(var(--byom-header-h) + 16px); }

	.woocommerce-checkout #customer_details .col-1,
	.woocommerce-checkout #customer_details .col-2 { float: none; width: 100%; }
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.byom-notice {
	list-style: none;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	margin: 0 0 18px;
	padding: 14px 16px;
	border: var(--b2b-border-width) solid var(--b2b-border);
	border-radius: var(--b2b-radius);
	background: var(--b2b-bg);
	font-size: 14px;
}

.woocommerce-message { background: var(--b2b-success-soft); border-color: #A8DDC0; color: #0F5132; }
.woocommerce-info { background: var(--b2b-info-soft); border-color: #A9DEF5; color: #075985; }
.woocommerce-error { background: var(--b2b-danger-soft); border-color: #F0B3AE; color: #8B1A12; }
.woocommerce-error li + li { margin-top: 4px; }

.woocommerce-message .button,
.woocommerce-info .button {
	float: right;
	margin-left: 12px;
}

.woocommerce table.shop_table {
	border: var(--b2b-border-width) solid var(--b2b-border);
	border-radius: var(--b2b-radius-lg);
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	background: var(--b2b-bg);
}

.woocommerce table.shop_table th {
	padding: 14px 16px;
	background: var(--b2b-surface);
	font-size: 12.5px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--b2b-muted);
}

.woocommerce table.shop_table td { padding: 14px 16px; border-top: var(--b2b-border-width) solid var(--b2b-border); }
.woocommerce table.shop_table tbody tr:first-child td { border-top: 0; }
.woocommerce table.shop_table img { width: 62px; border-radius: var(--b2b-radius-sm); border: var(--b2b-border-width) solid var(--b2b-border); }

.woocommerce .quantity input[type="number"] {
	width: 84px;
	min-height: 42px;
	text-align: center;
	font-weight: 700;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: var(--b2b-btn-height);
	padding: 0 20px;
	border: var(--b2b-border-width) solid transparent;
	border-radius: var(--b2b-radius-sm);
	background: var(--b2b-primary);
	color: var(--b2b-primary-contrast);
	font-family: inherit;
	font-size: 14.5px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.18s var(--byom-ease);
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
	background: var(--b2b-primary-hover);
	color: var(--b2b-primary-contrast);
}

.woocommerce a.button[disabled],
.woocommerce button.button[disabled],
.woocommerce button.button:disabled { opacity: 0.55; cursor: not-allowed; }

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-checkout #order_review,
.woocommerce-checkout .woocommerce-checkout-review-order {
	padding: clamp(16px, 2vw, 24px);
	border: var(--b2b-border-width) solid var(--b2b-border);
	border-radius: var(--b2b-radius-xl);
	background: var(--b2b-bg);
	box-shadow: var(--b2b-shadow-sm);
}

.woocommerce .cart-collaterals .cart_totals h2,
.woocommerce-checkout #order_review_heading { font-size: 18px; }

.woocommerce form .form-row { margin: 0 0 14px; padding: 0; }
.woocommerce form .form-row label { display: block; }

.woocommerce form .form-row .required { color: var(--b2b-danger); text-decoration: none; }

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
	padding: clamp(16px, 2vw, 22px);
	border: var(--b2b-border-width) solid var(--b2b-border);
	border-radius: var(--b2b-radius-lg);
	background: var(--b2b-bg);
}

.woocommerce .woocommerce-form__label-for-checkbox { display: flex; align-items: center; gap: 4px; font-weight: 500; }

.select2-container--default .select2-selection--single {
	height: var(--b2b-input-height);
	border: var(--b2b-border-width) solid var(--b2b-border);
	border-radius: var(--b2b-radius-sm);
	background: var(--b2b-bg);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: var(--b2b-input-height);
	padding-left: 13px;
	color: var(--b2b-text);
}

.select2-container--default .select2-selection--single .select2-selection__arrow { height: var(--b2b-input-height); }

.woocommerce-checkout .wc_payment_methods {
	margin: 0 0 16px;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 8px;
}

.woocommerce-checkout .wc_payment_method {
	padding: 12px 14px;
	border: var(--b2b-border-width) solid var(--b2b-border);
	border-radius: var(--b2b-radius-sm);
	background: var(--b2b-bg);
}

.woocommerce-checkout .wc_payment_method label { display: inline-flex; align-items: center; gap: 4px; margin: 0; font-size: 14px; }

.woocommerce-checkout .payment_box {
	margin-top: 10px;
	padding: 12px 14px;
	border-radius: var(--b2b-radius-sm);
	background: var(--b2b-surface);
	font-size: 13.5px;
}

.woocommerce-checkout #place_order { width: 100%; min-height: 54px; font-size: 16px; }

/* --- Hesabim --- */

.woocommerce-account .woocommerce-MyAccount-navigation {
	float: none;
	width: 100%;
	margin-bottom: 20px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	display: flex;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow-x: auto;
	padding-bottom: 4px;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
	display: inline-block;
	padding: 10px 16px;
	border: var(--b2b-border-width) solid var(--b2b-border);
	border-radius: var(--b2b-radius-pill);
	background: var(--b2b-bg);
	color: var(--b2b-text);
	font-size: 13.5px;
	font-weight: 600;
	white-space: nowrap;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
	background: var(--b2b-primary);
	border-color: var(--b2b-primary);
	color: var(--b2b-primary-contrast);
}

.woocommerce-account .woocommerce-MyAccount-content {
	float: none;
	width: 100%;
	padding: clamp(18px, 2.4vw, 28px);
	border: var(--b2b-border-width) solid var(--b2b-border);
	border-radius: var(--b2b-radius-xl);
	background: var(--b2b-bg);
	box-shadow: var(--b2b-shadow-sm);
}

@media (min-width: 900px) {
	.woocommerce-account .woocommerce-MyAccount-navigation { width: 240px; float: left; margin-right: 28px; }
	.woocommerce-account .woocommerce-MyAccount-navigation ul { flex-direction: column; overflow: visible; }
	.woocommerce-account .woocommerce-MyAccount-navigation li a { display: block; border-radius: var(--b2b-radius-sm); }
	.woocommerce-account .woocommerce-MyAccount-content { width: calc(100% - 268px); float: left; }
}

.woocommerce-account .woocommerce-MyAccount-content::after,
.woocommerce-account .woocommerce-MyAccount-navigation::after { content: ""; display: table; clear: both; }

/* Siparis durumu rozetleri (eklentinin ozel durumlari dahil). */
.woocommerce-orders-table__cell-order-status mark,
.woocommerce-orders-table__cell-order-status .order-status {
	display: inline-block;
	padding: 4px 10px;
	border-radius: var(--b2b-radius-pill);
	background: var(--b2b-surface);
	color: var(--b2b-heading);
	font-size: 12px;
	font-weight: 700;
}

/* Fiyat gizliyken sepet/odeme sayfalarindaki tutar sutunlari daralmasin. */
body.byom-prices-hidden .woocommerce .cart-subtotal,
body.byom-prices-hidden .woocommerce .order-total { display: none; }

/* ==========================================================================
   28. GORUNUME GIRIS ANIMASYONU
   ========================================================================== */

.byom-reveal {
	opacity: 0;
	transform: translateY(14px);
	transition: opacity 0.5s var(--byom-ease), transform 0.5s var(--byom-ease);
}

.byom-reveal.is-visible { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
	.byom-reveal { opacity: 1; transform: none; }
}

/* ==========================================================================
   29. KUCUK EKRAN DUZELTMELERI
   ========================================================================== */

@media (max-width: 1023px) {
	:root { --byom-header-h: 62px; }

	.byom-header__inner { gap: 8px; }
	.byom-header__brand { flex: 1 1 auto; min-width: 0; }
	.byom-logo__img { max-height: 38px; }
	.byom-logo__text { font-size: 16.5px; }
	.byom-account__panel { position: fixed; top: auto; right: 12px; left: 12px; width: auto; }
}

@media (max-width: 640px) {
	.byom-section { margin-top: 34px; }
	.byom-product-card__body { padding: 11px; gap: 6px; }
	.byom-product-card__title { font-size: 13px; }
	.byom-price__main { font-size: 16.5px; }
	.byom-payprices { padding: 6px 8px; }
	.byom-payprices__row { font-size: 11.5px; }
	.byom-toolbar { padding: 9px 11px; }
	.byom-single-product__top { padding: 14px; }
	.byom-buybox { padding: 13px; }
	.byom-buybox__submit { flex: 1 1 100%; }
}

/* ==========================================================================
   30. CEREZ / KVKK ONAY CUBUGU

   Yuksekligi metnin uzunluguna gore degisir; betik olculen degeri
   `--byom-cookiebar-h` degiskenine yazar, "yukari cik" dugmesi ve
   bildirim balonlari da o kadar yukari kayar (bkz. footer.php).
   ========================================================================== */

.byom-cookiebar {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: var(--byom-z-cookiebar);
	padding: 13px 0 calc(13px + env(safe-area-inset-bottom, 0px));
	border-top: var(--b2b-border-width) solid var(--b2b-border);
	background: var(--b2b-bg);
	box-shadow: 0 -8px 28px rgba(16, 24, 40, 0.12);
	opacity: 0;
	transform: translateY(104%);
	transition: opacity 0.26s var(--byom-ease), transform 0.26s var(--byom-ease);
}

.byom-cookiebar.is-open {
	opacity: 1;
	transform: none;
}

.byom-cookiebar__inner {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
}

.byom-cookiebar__icon {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: var(--b2b-radius-sm);
	background: var(--b2b-primary-soft);
	color: var(--b2b-primary);
}

.byom-cookiebar__body {
	flex: 1 1 320px;
	min-width: 0;
}

.byom-cookiebar__text {
	margin: 0;
	color: var(--b2b-text);
	font-size: 13.5px;
	line-height: 1.5;
}

.byom-cookiebar__link {
	display: inline-block;
	margin-top: 2px;
	color: var(--b2b-primary);
	font-size: 13px;
	font-weight: 600;
	text-decoration: underline;
}

.byom-cookiebar__link:hover,
.byom-cookiebar__link:focus-visible { color: var(--b2b-primary-hover); }

.byom-cookiebar__accept { flex: 0 0 auto; }

/* Alt gezinme cubugu varken onun uzerine binmez. */
body.byom-has-bottombar .byom-cookiebar {
	bottom: calc(var(--byom-bottombar-h) + env(safe-area-inset-bottom, 0px));
}

/* Cubuk acikken sag alttaki ogeler cubugun boyu kadar yukari kayar. */
body.byom-cookiebar-open .byom-totop,
body.byom-cookiebar-open .byom-toasts {
	bottom: calc(var(--byom-cookiebar-h, 96px) + 16px);
}

@media (max-width: 1023px) {
	.byom-cookiebar__inner { gap: 11px; }
	.byom-cookiebar__icon { display: none; }
	.byom-cookiebar__accept { width: 100%; }

	/* Alt cubuk + cerez cubugu ust uste: ikisinin boyu birden eklenir. */
	body.byom-has-bottombar.byom-cookiebar-open .byom-toasts {
		bottom: calc(var(--byom-bottombar-h) + var(--byom-cookiebar-h, 96px) + 16px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.byom-cookiebar { transition: none; }
}

/* ==========================================================================
   31. GIRIS + IKILI KAYIT EKRANI (Hesabim)

   Yerlesim iki sutundur: solda giris, sagda "Bireysel / Kurumsal" sekmeli
   kayit. 1023px altinda tek sutuna duser.

   PASIF PANELI GIZLEYEN KURAL `.byom-authtabs--js` SINIFINA BAGLIDIR ve o
   sinifi yalnizca main.js ekler. Betik yuklenmezse iki form da gorunur ve
   ikisi de tek basina gonderilebilir - kayit hicbir kosulda kilitlenmez.
   ========================================================================== */

.byom-auth { margin: 0 auto; max-width: 1080px; }

.byom-auth__gate { margin-bottom: 20px; }

.byom-auth__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 20px;
	align-items: start;
}

.byom-auth--split .byom-auth__grid {
	grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
}

@media (max-width: 1023px) {
	.byom-auth--split .byom-auth__grid { grid-template-columns: minmax(0, 1fr); }
}

.byom-auth__card {
	padding: clamp(18px, 2.4vw, 28px);
	border: var(--b2b-border-width) solid var(--b2b-border);
	border-radius: var(--b2b-radius-xl);
	background: var(--b2b-bg);
	box-shadow: var(--b2b-shadow-sm);
}

.byom-auth__card--login { background: var(--b2b-surface); }

.byom-auth__head { margin-bottom: 18px; }

.byom-auth__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	margin-bottom: 10px;
	border-radius: 50%;
	background: var(--b2b-primary-soft);
	color: var(--b2b-primary);
}

.byom-auth__title { margin: 0 0 5px; font-size: 20px; }
.byom-auth__intro { margin: 0; color: var(--b2b-muted); font-size: 13.5px; line-height: 1.55; }

.byom-auth__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	margin: 2px 0 16px;
}

.byom-auth__remember {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin: 0;
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
}

.byom-auth__lost {
	color: var(--b2b-muted);
	font-size: 13px;
	text-decoration: underline;
}

.byom-auth__lost:hover,
.byom-auth__lost:focus-visible { color: var(--b2b-primary); }

.byom-form .byom-field { margin-bottom: 14px; }

/* --- Sekmeler --- */

.byom-authtabs__nav {
	display: flex;
	gap: 6px;
	margin-bottom: 18px;
	padding: 5px;
	border-radius: var(--b2b-radius-pill);
	background: var(--b2b-surface);
	border: var(--b2b-border-width) solid var(--b2b-border);
}

.byom-authtabs__tab {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	flex: 1 1 0;
	min-width: 0;
	padding: 10px 12px;
	border: 0;
	border-radius: var(--b2b-radius-pill);
	background: transparent;
	color: var(--b2b-muted);
	font-family: inherit;
	font-size: 13.5px;
	font-weight: 700;
	line-height: 1.2;
	cursor: pointer;
	transition: background-color 0.18s var(--byom-ease), color 0.18s var(--byom-ease);
}

.byom-authtabs__tab span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.byom-authtabs__tab:hover { color: var(--b2b-heading); }

.byom-authtabs__tab.is-active {
	background: var(--b2b-bg);
	color: var(--b2b-primary);
	box-shadow: var(--b2b-shadow-sm);
}

.byom-authtabs__tab:focus-visible {
	outline: 2px solid var(--b2b-primary);
	outline-offset: 2px;
}

/*
 * Betik calistiysa yalnizca etkin panel gorunur. Sinif yoksa (betik
 * yuklenemedi) bu kural hic uygulanmaz ve paneller alt alta dizilir.
 */
.byom-authtabs--js .byom-authtabs__panel { display: none; }
.byom-authtabs--js .byom-authtabs__panel.is-active { display: block; }

/* Betiksiz durumda paneller birbirinden ayrilsin. */
.byom-authtabs__panel + .byom-authtabs__panel {
	margin-top: 26px;
	padding-top: 22px;
	border-top: var(--b2b-border-width) solid var(--b2b-border);
}

.byom-authtabs--js .byom-authtabs__panel + .byom-authtabs__panel {
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}

.byom-authtabs__lead {
	margin: 0 0 16px;
	color: var(--b2b-muted);
	font-size: 13px;
	line-height: 1.55;
}

.byom-authtabs__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 16px;
}

@media (max-width: 640px) {
	.byom-authtabs__grid { grid-template-columns: minmax(0, 1fr); }
	.byom-authtabs__tab { font-size: 12.5px; padding: 9px 8px; }
	.byom-authtabs__tab svg { display: none; }
}

.byom-authtabs__note {
	margin: 0 0 14px;
	padding: 10px 12px;
	border-radius: var(--b2b-radius-sm);
	background: var(--b2b-surface);
	color: var(--b2b-muted);
	font-size: 12.5px;
}

.byom-authtabs__foot {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin: 14px 0 0;
	color: var(--b2b-muted);
	font-size: 12.5px;
	line-height: 1.5;
}

.byom-authtabs__foot svg { flex: 0 0 auto; margin-top: 1px; color: var(--b2b-primary); }

/* Sekme basligi bir <a> etiketidir: alt cizgi ve ziyaret rengi tasinmaz. */
.byom-authtabs__tab,
.byom-authtabs__tab:hover,
.byom-authtabs__tab:focus-visible { text-decoration: none; }

/* ==========================================================================
   32. SEKMELI KAYIT EKRANI ([b2b_registration_tabs]) + CAPRAZ KART

   "Hesabim" disindaki sayfalar icin: bayilik basvurusu ve bireysel kayit
   tek sayfada, sekmeyle. Sekme gorunumunun kendisi 31. bolumdeki
   `.byom-authtabs` kurallarindan gelir; burada yalnizca sayfa kabugu ve
   formlar arasi CAPRAZ YONLENDIRME KARTI tanimlanir.
   ========================================================================== */

.byom-regtabs {
	margin: 0 auto;
	max-width: 760px;
	padding: clamp(18px, 2.4vw, 30px);
	border: var(--b2b-border-width) solid var(--b2b-border);
	border-radius: var(--b2b-radius-xl);
	background: var(--b2b-bg);
	box-shadow: var(--b2b-shadow-sm);
}

.byom-regtabs__head { margin-bottom: 18px; text-align: center; }
.byom-regtabs__title { margin: 0 0 6px; font-size: clamp(19px, 2.2vw, 25px); }

.byom-regtabs__intro {
	margin: 0 auto;
	max-width: 56ch;
	color: var(--b2b-muted);
	font-size: 14px;
	line-height: 1.55;
}

/*
 * Panel govdesi tekil kisa kodla AYNI sablondur; orada kendi kartini
 * cizmesi icin verilen ust bosluk sekme icinde gereksizdir.
 */
.byom-regtabs .byom-dealerform__head { margin-bottom: 16px; }

/* --- Capraz yonlendirme karti --- */

.byom-crosslink {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
	margin: 0 0 20px;
	padding: 14px 16px;
	border: var(--b2b-border-width) solid var(--b2b-border);
	border-left: 3px solid var(--b2b-primary);
	border-radius: var(--b2b-radius-lg);
	background: var(--b2b-surface);
	color: inherit;
	text-decoration: none;
	transition: border-color 0.18s var(--byom-ease), background-color 0.18s var(--byom-ease), box-shadow 0.18s var(--byom-ease);
}

.byom-crosslink:hover,
.byom-crosslink:focus-visible {
	border-color: var(--b2b-primary);
	background: var(--b2b-primary-soft);
	box-shadow: var(--b2b-shadow-sm);
}

.byom-crosslink:focus-visible { outline: 2px solid var(--b2b-primary); outline-offset: 2px; }

.byom-crosslink__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--b2b-primary-soft);
	color: var(--b2b-primary);
}

.byom-crosslink:hover .byom-crosslink__icon,
.byom-crosslink:focus-visible .byom-crosslink__icon { background: var(--b2b-bg); }

.byom-crosslink__body { flex: 1 1 240px; min-width: 0; }

.byom-crosslink__title {
	display: block;
	margin-bottom: 2px;
	color: var(--b2b-heading);
	font-size: 14.5px;
	font-weight: 700;
	line-height: 1.35;
}

.byom-crosslink__text {
	display: block;
	color: var(--b2b-muted);
	font-size: 13px;
	line-height: 1.5;
}

.byom-crosslink__cta {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	flex: 0 0 auto;
	color: var(--b2b-primary);
	font-size: 13.5px;
	font-weight: 700;
	white-space: nowrap;
}

.byom-crosslink__cta svg { transition: transform 0.18s var(--byom-ease); }
.byom-crosslink:hover .byom-crosslink__cta svg { transform: translateX(3px); }

@media (max-width: 640px) {
	.byom-crosslink { gap: 12px; padding: 13px 14px; }
	.byom-crosslink__icon { width: 34px; height: 34px; }
	.byom-crosslink__cta { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
	.byom-crosslink,
	.byom-crosslink__cta svg { transition: none; }

	.byom-crosslink:hover .byom-crosslink__cta svg { transform: none; }
}