/* ===== MOBILE HEADER ROWS - Independent Sticky ===== */
.mobile-nav-row,
.mobile-search-row,
.mobile-unified-search-panel,
.mobile-unified-search-toggle {
	display: none; /* Hidden on desktop */
}

/* Desktop/Mobile topbar text visibility */
.mobile-topbar-text { display: none; }
.desktop-topbar-text { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.top .left { float: none; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.top .container, .top .container .row, .top .container .row > div { height: 100%; }
.mobile-topbar-text { text-align: center; }
.desktop-topbar-text ul, .mobile-topbar-text ul { margin: 0; padding: 0; list-style: none; }
.desktop-topbar-text ul li, .mobile-topbar-text ul li { display: inline; margin-right: 15px; }

@media only screen and (max-width: 959px) {
	html, body {
		overflow-x: hidden !important;
		max-width: 100vw;
	}
	/* Hide desktop header & nav on mobile */
	.desktop-header { display: none !important; }
	.desktop-nav { display: none !important; }
	.desktop-topbar-text { display: none !important; }
	.mobile-topbar-text { display: block !important; }
	
	/* Show mobile rows as independent elements */
	.mobile-nav-row {
		display: flex;
	}
	.mobile-search-row {
		display: block;
	}
	
	/* Top bar - make thin */
	.top {
		height: 28px;
		overflow: hidden;
		padding: 0;
		margin: 0;
		position: sticky;
		top: 0;
		z-index: 99999;
		line-height: 28px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.top .container { padding: 0 10px; }
	.top .container .row { margin: 0; }
	.top .left { float: none; }
	.top .left ul { margin: 0; padding: 0; text-align: center; line-height: 1.4; }
	.top .left ul li { float: none; display: inline; font-size: 11px; margin-right: 8px; }
	.top .right { float: none; }
	.top .right ul { text-align: center; margin: 0; padding: 0; }
	.top .right ul li { float: none; display: inline-block; }
	.top .right ul li a { width: 20px; height: 20px; line-height: 20px; font-size: 12px; }
	
	
	/* Nav Row: hamburger | profile | LOGO | favorite | cart */
	.mobile-nav-row {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 8px 12px;
		background: var(--navbar-bg);
		border-bottom: none;
		margin-top: 0;
		overflow: visible;
	}
	
	.mobile-nav-left,
	.mobile-nav-right {
		display: flex;
		align-items: center;
		gap: 12px;
		flex: 0 0 auto;
		overflow: visible;
	}
	
	.mobile-nav-center {
		flex: 1;
		text-align: center;
	}
	
	.mobile-nav-center img {
		max-height: 36px;
		width: auto;
	}
	
	.mobile-hamburger-trigger {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		background: none;
		border: none;
		cursor: pointer;
		padding: 6px;
		color: var(--nav-menu-text-color, #fff);
		line-height: 1;
		visibility: visible !important;
		opacity: 1 !important;
		width: 28px;
		height: 28px;
		overflow: visible;
		-webkit-appearance: none;
		appearance: none;
		position: relative;
	}
	/* Hamburger lines via pseudo + span */
	.mobile-hamburger-trigger .hamburger-bar {
		display: block;
		width: 22px;
		height: 2px;
		background: var(--nav-menu-text-color, #fff);
		border-radius: 2px;
		transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
		position: absolute;
		left: 3px;
	}
	.mobile-hamburger-trigger .hamburger-bar:nth-child(1) { top: 6px; }
	.mobile-hamburger-trigger .hamburger-bar:nth-child(2) { top: 13px; }
	.mobile-hamburger-trigger .hamburger-bar:nth-child(3) { top: 20px; }

	/* Active state: transform to X */
	.mobile-hamburger-trigger.active .hamburger-bar:nth-child(1) {
		top: 13px;
		transform: rotate(45deg);
	}
	.mobile-hamburger-trigger.active .hamburger-bar:nth-child(2) {
		opacity: 0;
		transform: translateX(-10px);
	}
	.mobile-hamburger-trigger.active .hamburger-bar:nth-child(3) {
		top: 13px;
		transform: rotate(-45deg);
	}
	.mobile-hamburger-trigger i {
		display: none !important;
	}
	
	.mobile-nav-icon {
		font-size: 20px;
		padding: 4px;
		position: relative;
		text-decoration: none;
		line-height: 1;
	}

	.hdr-customer-greeting-text {
		max-width: min(200px, 72vw);
		font-size: max(8px, calc(var(--nav-menu-font-size, 14px) * 0.41));
	}
	.mobile-nav-icon.icon-profile,
	.mobile-nav-icon.icon-favorite,
	.mobile-nav-icon.icon-cart { color: var(--header-icon-color-mobil, #fff) !important; }
	.mobile-nav-icon.icon-favorite i {
		font-weight: inherit;
		font-size: inherit;
	}
	.mobile-nav-icon.icon-profile i,
	.mobile-nav-icon.icon-favorite i {
		font-size: 20px !important;
		font-weight: 400 !important;
	}
	.mobile-nav-icon.icon-favorite .fa-heart.is-favorite-active {
		color: var(--favorite-active-color, #e4144d) !important;
	}
	.mobile-nav-icon:hover {
		text-decoration: none;
	}
	
	.mobile-cart-icon,
	.mobile-favorite-icon {
		position: relative;
	}
	
	.mobile-cart-badge {
		position: absolute;
		top: -4px;
		right: -6px;
		background: var(--accent-color, #e4144d);
		color: #fff !important;
		font-size: 10px;
		font-weight: 700;
		width: 16px;
		height: 16px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 1;
	}
	
	/* Search Row — site colors: --search-bg; çerçeve: --search-box-border-*
	 * Toggle KAPALI: .mobile-search-wrapper
	 * Toggle AÇIK:   .mobile-unified-search-inner
	 * İkisi de aynı Çerçeve Ayarları (search-box) kaydından beslenir.
	 */
	.mobile-search-row {
		padding: 6px 12px 8px;
		background: var(--search-bg, #ffffff);
	}
	
	.mobile-search-wrapper,
	.mobile-unified-search-inner {
		display: flex;
		align-items: center;
		background: var(--search-bg, #ffffff);
		border-radius: 0;
		border-style: var(--search-box-border-style, solid);
		border-width: var(--search-box-border-width, 1px);
		border-color: var(--search-box-border-color, #000000);
		padding: 0 12px;
		height: 38px;
		box-shadow: none;
		box-sizing: border-box;
	}

	/* Klasik + açılır kutu — çerçeveyi yalnızca search-box ayarından zorla */
	.mobile-search-wrapper,
	.mobile-unified-search-inner {
		border-style: var(--search-box-border-style, solid) !important;
		border-width: var(--search-box-border-width, 1px) !important;
		border-color: var(--search-box-border-color, #000000) !important;
		border-radius: 0 !important;
	}
	
	.mobile-search-icon,
	.mobile-unified-search-leading {
		color: var(--primary-color, #666);
		font-size: 15px;
		margin-right: 8px;
		flex-shrink: 0;
		opacity: 0.72;
	}
	
	.mobile-search-input,
	.mobile-unified-search-input {
		flex: 1;
		min-width: 0;
		border: none;
		background: transparent;
		font-size: 14px;
		outline: none;
		height: 100%;
		color: var(--primary-color, #333);
		box-shadow: none !important;
	}
	.mobile-search-input::placeholder,
	.mobile-unified-search-input::placeholder {
		color: var(--primary-color, #999);
		opacity: 0.55;
	}

	/* ===== Unified navbar: search icon on logo bar + expand panel ===== */
	.mobile-unified-search-toggle,
	.mobile-unified-search-panel {
		display: none !important;
	}

	body.unified-navbar-active .mobile-search-row {
		display: none !important;
	}

	body.unified-navbar-active .mobile-unified-search-toggle {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		background: none;
		border: none;
		border-radius: 0;
		cursor: pointer;
		padding: 4px;
		color: var(--header-icon-color-mobil, #fff) !important;
		font-size: 20px;
		line-height: 1;
		-webkit-appearance: none;
		appearance: none;
		position: relative;
		transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1), color 0.2s;
	}

	body.unified-navbar-active .mobile-unified-search-toggle:active {
		transform: scale(0.92);
	}

	body.unified-navbar-active.mobile-unified-search-open .mobile-unified-search-toggle {
		color: var(--accent-color, #e4144d) !important;
	}

	body.unified-navbar-active .mobile-unified-search-panel {
		display: block !important;
		max-height: 0;
		overflow: hidden;
		opacity: 0;
		pointer-events: none;
		/* Panel sadece arka plan/padding; çerçeve yalnızca .mobile-unified-search-inner'da (search-box) */
		background: var(--search-bg, #ffffff);
		border: none !important;
		border-radius: 0;
		transition:
			max-height 0.38s cubic-bezier(0.22, 1, 0.36, 1),
			opacity 0.28s ease,
			padding 0.38s cubic-bezier(0.22, 1, 0.36, 1);
		padding: 0 12px;
		z-index: 99996;
	}

	body.unified-navbar-active.mobile-unified-search-open .mobile-unified-search-panel {
		max-height: 88px;
		opacity: 1;
		pointer-events: auto;
		padding: 6px 12px 8px;
		background: var(--search-bg, #ffffff);
		border: none !important;
	}

	.mobile-unified-search-form {
		margin: 0;
	}

	.mobile-unified-search-inner {
		gap: 6px;
		padding: 0 4px 0 12px;
		transform: translateY(-8px);
		opacity: 0;
		transition:
			transform 0.32s cubic-bezier(0.22, 1, 0.36, 1),
			opacity 0.24s ease;
	}

	body.unified-navbar-active.mobile-unified-search-open .mobile-unified-search-inner {
		transform: translateY(0);
		opacity: 1;
	}

	/* Focus'ta da çerçeve search-box ayarında kalsın (search-btn/accent ile değişmesin) */
	.mobile-unified-search-inner:focus-within {
		border-style: var(--search-box-border-style, solid) !important;
		border-width: var(--search-box-border-width, 1px) !important;
		border-color: var(--search-box-border-color, #000000) !important;
	}

	.mobile-unified-search-leading {
		margin-right: 0;
	}

	.mobile-unified-search-input {
		font-size: 14px;
		height: 36px;
	}

	.mobile-unified-search-submit {
		flex-shrink: 0;
		border: none;
		border-radius: 0;
		background: var(--search-btn-color, #ff6b35);
		color: #fff;
		width: 42px;
		height: 36px;
		cursor: pointer;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		font-size: 14px;
		transition: background 0.2s;
	}

	.mobile-unified-search-submit:hover,
	.mobile-unified-search-submit:focus {
		background: var(--btn-hover-color, #333333);
		outline: none;
	}

	.mobile-unified-search-close {
		flex-shrink: 0;
		border: none;
		border-radius: 0;
		background: transparent;
		color: var(--primary-color, #666);
		width: 32px;
		height: 36px;
		cursor: pointer;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		font-size: 16px;
		padding: 0;
		opacity: 0.7;
		transition: color 0.2s, opacity 0.2s, background 0.2s;
	}

	.mobile-unified-search-close:hover,
	.mobile-unified-search-close:focus {
		color: var(--accent-color, #e4144d);
		opacity: 1;
		background: transparent;
		outline: none;
	}
}

@media only screen and (max-width: 767px) {

	/* Hide desktop breadcrumb on mobile (product detail uses .mobile-breadcrumb) */
	.page .breadcrumb { display: none; }
	/* Category listing: keep full hierarchical breadcrumb on all viewports */
	.page.page-category-listing .category-page-breadcrumb { display: block !important; }

	/* Mobile breadcrumb - modern compact */
	.mobile-breadcrumb {
		display: flex !important;
		align-items: center;
		flex-wrap: wrap;
		padding: 6px 12px;
		margin: 0;
		font-size: 11px;
		line-height: 1.4;
		color: #888;
		gap: 2px;
	}
	.mobile-breadcrumb a {
		color: var(--accent-color, #e4144d);
		text-decoration: none;
		white-space: nowrap;
	}
	.mobile-breadcrumb .bc-sep {
		margin: 0 3px;
		color: #ccc;
		font-size: 9px;
	}
	.mobile-breadcrumb .bc-current {
		color: #333;
		font-weight: 600;
		word-break: break-word;
	}

	/* Reduce gap between header and gallery */
	.page { padding-top: 5px !important; }
	.page > .container { padding-left: 15px !important; padding-right: 15px !important; padding-top: 0 !important; }
	.page .col-md-6, .page .col-md-12 { padding-left: 10px !important; padding-right: 10px !important; }
	.page .breadcrumb.mb_30 { margin-bottom: 0 !important; }
	.product-detail-info { padding-left: 10px !important; padding-right: 10px !important; }
	.product .p-title,
	.product .p-review,
	.product .p-short-des,
	.product .p-price,
	.product .p-options,
	.product .p-quantity-wrapper,
	.product .btn-cart1,
	.fast-shipping-badge,
	.product-guarantees { margin-left: 0 !important; padding-left: 0; }

	/* Gallery wrapper - hide thumbnails, full width */
	.gallery-wrapper {
		display: block !important;
	}

	/* Hide thumbnails on mobile */
	.prod-pager-vertical,
	#prod-pager {
		display: none !important;
	}

	/* Main image fills full width */
	.gallery-main {
		position: relative;
		width: 100%;
	}
	ul.prod-slider li {
		height: 280px !important;
	}

	/* Mobile gallery navigation arrows */
	.gallery-main .bx-wrapper .bx-controls {
		display: block !important;
		pointer-events: none;
	}
	.gallery-main .bx-controls-direction {
		display: block !important;
		pointer-events: none;
	}
	.gallery-main .bx-wrapper .bx-controls-direction a.bx-prev,
	.gallery-main .bx-wrapper .bx-controls-direction a.bx-next,
	.gallery-main .bx-wrapper .bx-prev,
	.gallery-main .bx-wrapper .bx-next,
	.gallery-main .bx-wrapper .bx-prev:hover,
	.gallery-main .bx-wrapper .bx-next:hover,
	.gallery-main .bx-wrapper .bx-prev:focus,
	.gallery-main .bx-wrapper .bx-next:focus {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		z-index: 12;
		width: 34px;
		height: 34px;
		display: flex !important;
		align-items: center;
		justify-content: center;
		background: none !important;
		background-color: transparent !important;
		background-image: none !important;
		background-position: unset !important;
		color: var(--accent-color, #e4144d) !important;
		font-size: 30px !important;
		border-radius: 0;
		transition: color 0.2s ease;
		text-decoration: none;
		border: none;
		outline: none;
		text-indent: 0 !important;
		padding: 0 !important;
		padding-top: 0 !important;
		margin-top: 0 !important;
		line-height: 1 !important;
		box-shadow: none !important;
		opacity: 0.96;
		pointer-events: auto;
	}
	.gallery-main .bx-controls-direction a.bx-prev:hover,
	.gallery-main .bx-controls-direction a.bx-prev:active,
	.gallery-main .bx-controls-direction a.bx-next:hover,
	.gallery-main .bx-controls-direction a.bx-next:active {
		color: var(--btn-hover-color, #333333) !important;
	}
	.gallery-main .bx-controls-direction a.bx-prev {
		left: 10px;
	}
	.gallery-main .bx-controls-direction a.bx-next {
		right: 10px;
	}
	.gallery-main .bx-controls-direction a i {
		pointer-events: none;
		text-shadow: 0 2px 10px rgba(0,0,0,0.22);
	}
	.gallery-main .bx-viewport {
		touch-action: pan-y;
	}

	/* Hide social share overlay on mobile */
	.mobile-share-overlay {
		display: none !important;
	}

	/* Hide desktop share on mobile */
	.desktop-share { display: none !important; }

	/* Product info - compact */
	.product-detail-info {
		padding-left: 0 !important;
		margin-top: 8px !important;
	}

	/* Product title */
	.product .p-title h1,
	.product .p-title h2 {
		font-size: 16px !important;
		margin-bottom: 4px !important;
		line-height: 1.2;
	}

	/* Rating */
	.product .p-review {
		margin-bottom: 5px;
		padding-bottom: 5px;
	}

	/* Short description */
	.product .p-short-des {
		margin-bottom: 6px;
		font-size: 12px;
		line-height: 1.3;
	}
	.product .p-short-des p { margin-bottom: 0; }

	/* Price - compact */
	.product .p-price {
		margin-bottom: 8px;
		padding: 6px 10px;
	}
	.product .p-price .current-price { font-size: 22px !important; }
	.product .p-price del { font-size: 13px !important; }
	.product .p-price .price-label {
		margin-bottom: 2px;
		font-size: 10px;
	}

	/* Size, color, qty, cart — tek satır tercih; sığmazsa satır kırılır (yatay kaydırma yok) */
	.product-purchase-inline {
		--pp-row-h: 40px;
		--pp-label-h: 22px;
		--pp-label-gap: 4px;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: flex-end;
		gap: 8px;
		margin-bottom: 8px;
		overflow-x: visible;
		padding-bottom: 2px;
	}
	.product-purchase-inline .p-options {
		flex: 0 1 auto;
		margin-bottom: 0;
		min-width: 0;
		max-width: 100%;
		margin-left: 0;
	}
	.product-purchase-inline .p-options > .row {
		margin-left: 0;
		margin-right: 0;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-end;
		gap: 8px;
	}
	.product-purchase-inline .p-options > .row > [class*="col-"] {
		width: auto;
		flex: 0 0 auto;
		max-width: none;
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 0 !important;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-end;
	}
	.product-purchase-inline .size-selector,
	.product-purchase-inline .color-selector {
		flex-wrap: wrap;
		margin-top: 0;
		gap: 4px;
		align-items: center;
		min-height: var(--pp-row-h);
		height: auto;
		box-sizing: border-box;
	}
	.product-purchase-inline .selection-label {
		font-size: 8px !important;
		margin-bottom: var(--pp-label-gap) !important;
		line-height: 1.15;
		white-space: nowrap;
		min-height: var(--pp-label-h);
		display: flex;
		align-items: flex-end;
		box-sizing: border-box;
	}
	.product-purchase-inline .size-cube {
		width: var(--pp-row-h) !important;
		height: var(--pp-row-h) !important;
		min-width: var(--pp-row-h);
		box-sizing: border-box !important;
		font-size: 11px !important;
		border-width: 2px !important;
	}
	.product-purchase-inline .color-cube {
		width: var(--pp-row-h) !important;
		height: var(--pp-row-h) !important;
		min-width: var(--pp-row-h);
		box-sizing: border-box !important;
		border-width: 2px !important;
	}
	.product-purchase-inline .color-cube.selected {
		box-shadow: none !important;
		border-color: #333 !important;
		outline: 2px solid #fff;
		outline-offset: -4px;
	}

	.product-purchase-inline .p-quantity-wrapper {
		flex: 1 1 240px;
		min-width: 0;
		max-width: 100%;
		margin-bottom: 0;
		gap: 8px;
		align-items: flex-end;
		justify-content: flex-start;
	}
	.product-purchase-inline .p-quantity {
		flex: 0 0 auto;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-end;
	}
	.product-purchase-inline .p-quantity label {
		font-size: 8px !important;
		margin-bottom: var(--pp-label-gap) !important;
		line-height: 1.15;
		white-space: nowrap;
		min-height: var(--pp-label-h);
		display: flex;
		align-items: flex-end;
		box-sizing: border-box;
	}
	.product-purchase-inline .qty-control {
		height: var(--pp-row-h);
		box-sizing: border-box;
		border-width: 1px;
		padding: 2px;
		border-radius: 999px;
		background: #f3f4f6;
	}
	.product-purchase-inline .qty-control .qty-btn {
		width: 28px;
		min-width: 28px;
		height: calc(var(--pp-row-h) - 6px);
		min-height: calc(var(--pp-row-h) - 6px);
		font-size: 15px;
		border-radius: 50%;
		box-sizing: border-box;
	}
	.product-purchase-inline .qty-control input[type="number"] {
		width: 34px;
		min-width: 30px;
		font-size: 13px;
		box-sizing: border-box;
	}
	.product-purchase-inline .btn-cart1 {
		flex: 1 1 auto;
		min-width: 0;
		max-width: 100%;
		margin-bottom: 0;
		box-sizing: border-box;
	}
	.product-purchase-inline .btn-cart1 button[type="submit"] {
		width: 100%;
		max-width: 100%;
		padding: 0 10px;
		font-size: 11px;
		min-height: var(--pp-row-h);
		height: var(--pp-row-h);
		white-space: nowrap;
		gap: 5px;
		box-sizing: border-box;
		line-height: 1.1;
	}
	.product-purchase-inline .btn-cart1 button[type="submit"] i {
		font-size: 13px;
		flex-shrink: 0;
	}

	/* Shipping badge */
	.fast-shipping-badge {
		padding: 6px 10px;
		margin-bottom: 6px;
		gap: 6px;
	}
	.fast-shipping-badge i { font-size: 16px; }
	.fast-shipping-badge .shipping-text strong { font-size: 11px; }
	.fast-shipping-badge .shipping-text span { font-size: 10px; }

	/* Guarantees - single row */
	.product-guarantees { margin-bottom: 8px; }
	.product-guarantees .guarantee-item {
		padding: 5px 4px;
		font-size: 9px;
		gap: 3px;
	}
	.product-guarantees .guarantee-item i {
		font-size: 14px;
		color: var(--accent-color, #e4144d);
	}

	/* Product detail tabs — single row, horizontal scroll if needed */
	.product .nav-tabs {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: thin;
		overscroll-behavior-x: contain;
		margin-top: 24px;
		border-bottom: 2px solid #eee;
		gap: 0;
	}
	.product .nav-tabs > li {
		float: none;
		flex: 0 0 auto;
		display: block;
	}
	.product .nav-tabs > li > a {
		white-space: nowrap;
		padding: 10px 12px;
		font-size: clamp(9px, 2.6vw, 11px);
		letter-spacing: 0.02em;
		margin-bottom: -2px;
	}
	.product .nav-tabs > li.active > a,
	.product .nav-tabs > li.active > a:hover,
	.product .nav-tabs > li.active > a:focus,
	.product .nav-tabs li.active a {
		color: var(--accent-color, #e4144d) !important;
		border-bottom-color: var(--accent-color, #e4144d) !important;
		background: transparent !important;
	}
	.tab-content { padding: 8px 0; }

	/* Related products */
	.product.bg-gray.pt_70.pb_70 {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}
	.product.bg-gray .headline { margin-bottom: 15px; }
	/* Başlık font-size admin/inline ile belirlenir; sabit 18px DB ayarını ezerdi */
}

@media only screen and (max-width: 991px) {
	.header .inner, .header .header-row {
		flex-wrap: wrap;
	}
	.header .logo {
		width: 100%;
		text-align: center;
		flex: 0 0 100%;
	}
	.header .search-area-center {
		flex: 1;
		padding: 0 10px 0 0;
	}
	.header .header-icons {
		flex: 0 0 auto;
	}
	.header .navbar-left {text-align: center;margin-bottom: 20px;}
	.navbar-form .form-group {display: inline-block;}
	.navbar-form button {display: inline-block;}
	.header form {
		margin-left: 0;
		margin-right: 0;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.bx-controls a.bx-prev, .bx-controls a.bx-next {padding-top: 215px!important;}
	.gallery-main .bx-controls a.bx-prev, .gallery-main .bx-controls a.bx-next {padding-top: 0!important; background: transparent!important; background-image: none!important;}
}

@media only screen and (min-width: 501px) and (max-width: 700px) {
	ul.bxslider li, ul.bxslider li .text {height: 300px;}
	.bx-controls a.bx-prev,
	.bx-controls a.bx-next {font-size: 36px;}
	ul.bxslider li .text .inner h2 {font-size: 30px;}
	ul.bxslider li .text .inner h3 {font-size: 20px;}
	.bx-controls a.bx-prev, .bx-controls a.bx-next {padding-top: 120px!important;}
	.gallery-main .bx-controls a.bx-prev, .gallery-main .bx-controls a.bx-next {padding-top: 0!important; background: transparent!important; background-image: none!important;}
}

@media only screen and (min-width: 0px) and (max-width: 500px) {
	ul.bxslider li, ul.bxslider li .text {height: 250px;}
	.bx-controls a.bx-prev,
	.bx-controls a.bx-next {font-size: 30px;}
	ul.bxslider li .text .inner h2 {font-size: 24px;}
	ul.bxslider li .text .inner h3 {font-size: 16px;}
	.bx-controls a.bx-prev, .bx-controls a.bx-next {padding-top: 100px!important;}
	.gallery-main .bx-controls a.bx-prev, .gallery-main .bx-controls a.bx-next {padding-top: 0!important; background: transparent!important; background-image: none!important;}
}
@media only screen and (min-width: 768px) {
	/* Desktop: gallery wrapper - thumbnails on left, main image on right */
	.gallery-wrapper {
		display: flex;
		flex-direction: row;
		gap: 10px;
	}
	.gallery-main {
		position: relative;
		flex: 1;
		min-width: 0;
	}
	/* Hide mobile share overlay on desktop */
	.mobile-share-overlay {
		display: none !important;
	}
	/* Thumbnails vertical column on left */
	.prod-pager-vertical,
	#prod-pager {
		display: flex !important;
		flex-direction: column;
		gap: 8px;
		margin-top: 0;
		flex-shrink: 0;
		width: 70px;
		max-height: 500px;
		overflow-y: auto;
		order: -1;
	}
	.prod-pager-vertical .prod-pager-thumb {
		width: 65px;
		height: 65px;
		flex-shrink: 0;
	}
}

@media only screen and (min-width: 992px) {
	.product .text {
		min-height: 190px;
	}
	.header .header-row {
		width: 100%;
	}
	.header .container {
		padding-right: 0;
	}
}

/* ===== MODERN MOBILE SIDEBAR DESIGN ===== */
@media only screen and (max-width: 959px) {
	/* Sidebar backdrop overlay */
	.mobile-menu-overlay {
		background: transparent !important;
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
	}
	
	/* Modern mobile sidebar */
	.menu {
		background: var(--mobile-menu-bg, #1a252f) !important;
		box-shadow: 4px 0 25px rgba(0, 0, 0, 0.2) !important;
		border-right: none !important;
		width: var(--mobile-menu-width, 92vw) !important;
		max-width: 460px !important;
	}
	
	/* Main menu list */
	.menu > ul {
		background: transparent !important;
		padding: 0;
		margin: 0;
	}
	
	/* Top level menu items */
	.menu > ul > li {
		border-bottom: var(--mobile-menu-border-width, 1px) solid rgba(var(--mobile-menu-border-rgb, 0,0,0), var(--mobile-menu-border-opacity, 0.12)) !important;
		border-left: none !important;
		border-right: none !important;
		float: none;
		width: 100%;
	}
	
	/* Menu links */
	.menu > ul > li > a {
		color: var(--mobile-menu-text-color, #ddd) !important;
		font-size: 14px;
		font-weight: 500;
		padding: 13px 18px !important;
		transition: all 0.2s ease;
		display: flex !important;
		align-items: center;
		text-decoration: none;
	}
	
	.menu > ul > li > a:hover {
		background: rgba(255, 255, 255, 0.05) !important;
		color: var(--mobile-menu-text-color, #fff) !important;
	}
	
	/* Active/open state - accent color */
	.menu > ul > li.open > a {
		background: rgba(255, 255, 255, 0.04) !important;
		color: var(--accent-color, #e4144d) !important;
	}
	
	/* Has submenu indicator */
	.menu li.has-sub > a::after {
		content: '\f107';
		font-family: 'FontAwesome';
		margin-left: auto;
		font-size: 13px;
		color: var(--mobile-menu-text-color, #999);
		opacity: 0.5;
		transition: transform 0.3s ease, color 0.2s;
	}
	
	.menu li.has-sub.open > a::after {
		transform: rotate(180deg);
		color: var(--accent-color, #e4144d);
		opacity: 1;
	}
	
	/* First level submenu */
	.menu > ul > li > ul {
		background: transparent !important;
		border: none !important;
		padding: 0;
		margin: 0;
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
		-webkit-backdrop-filter: none !important;
		backdrop-filter: none !important;
	}
	
	.menu > ul > li > ul > li > a {
		color: var(--mobile-menu-text-color, #bbb) !important;
		font-size: 13px;
		padding: 11px 18px 11px 32px !important;
		transition: all 0.2s ease;
		display: block;
		text-decoration: none;
	}
	
	.menu > ul > li > ul > li > a:hover,
	.menu > ul > li > ul > li.open > a {
		background: rgba(255, 255, 255, 0.04) !important;
		color: var(--accent-color, #e4144d) !important;
	}
	
	/* Second level submenu */
	.menu > ul > li > ul > li > ul {
		background: transparent !important;
		padding: 0;
		margin: 0;
	}
	
	.menu > ul > li > ul > li > ul > li > a {
		font-size: 12px;
		padding: 10px 18px 10px 46px !important;
		color: var(--mobile-menu-text-color, #999) !important;
		display: block;
	}
	
	.menu > ul > li > ul > li > ul > li > a:hover {
		background: rgba(255, 255, 255, 0.04) !important;
		color: var(--accent-color, #e4144d) !important;
	}
	
	/* Third level submenu */
	.menu > ul > li > ul > li > ul > li > ul {
		background: transparent !important;
	}
	
	.menu > ul > li > ul > li > ul > li > ul > li > a {
		font-size: 12px;
		padding: 9px 18px 9px 58px !important;
		color: var(--mobile-menu-text-color, #999) !important;
	}

	/* Fourth level submenu (alt detay / model yılı derinliği) */
	.menu > ul > li > ul > li > ul > li > ul > li > ul {
		background: transparent !important;
	}

	.menu > ul > li > ul > li > ul > li > ul > li > ul > li > a {
		font-size: 11px;
		padding: 8px 18px 8px 70px !important;
		color: var(--mobile-menu-text-color, #999) !important;
	}
}

/* ===== Normal Slider - Mobile Full Image Display ===== */
@media only screen and (max-width: 768px) {
	.bs-slider {
		max-height: none !important;
	}
	.bs-slider .item {
		height: auto !important;
		background-image: none !important;
		background: var(--slider-bg, #000000) !important;
	}
	.bs-slider .item > img[itemprop="image"] {
		display: block !important;
		width: 100% !important;
		height: auto !important;
		position: relative;
		z-index: 1;
	}
	.bs-slider .item .bs-slider-overlay {
		z-index: 2;
	}
	.bs-slider .item .hm-item-text-overlay {
		z-index: 5;
		position: absolute;
		inset: 0;
	}
	.bs-slider .item .container {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 3;
	}
	.bs-slider .item .slide-text {
		top: 15%;
		padding: 10px 20px;
	}
	/* Fix carousel transition: all items absolute, active one relative to set height */
	.bs-slider .item {
		position: absolute !important;
		top: 0;
		left: 0;
		width: 100%;
	}
	.bs-slider .item.active {
		position: relative !important;
	}
	/* Bootstrap slide transition classes */
	.bs-slider .item.next,
	.bs-slider .item.prev {
		position: absolute !important;
		top: 0;
		left: 0;
		width: 100%;
	}
	.bs-slider .item.next.left,
	.bs-slider .item.prev.right {
		position: relative !important;
	}
}