/* Mobil header: sepet fiyatı yerine arama ikonu + kompakt açılır arama barı.
   Sadece mobil (< 64rem). Desktop'ta fiyat ve normal header araması korunur. */

/* Varsayılan: eklenen öğeler her yerde gizli; sadece mobilde gösterilir. */
.pt-mobile-search-toggle,
.pt-mobile-search-panel {
	display: none;
}

@media screen and (max-width: 63.9375rem) {

	/* Header'daki sepet tutarını mobilde gizle (yerine arama ikonu gelecek). */
	.site-header .header-cart .cart-price {
		display: none !important;
	}

	/* Arama ikonu butonu (JS ile sepetin soluna eklenir). */
	.pt-mobile-search-toggle {
		display: flex;
		align-items: center;
	}
	.pt-mobile-search-toggle > a {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.pt-mobile-search-toggle .button-icon {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.pt-mobile-search-toggle .button-icon i {
		font-size: 1.25rem;
		line-height: 1;
	}

	/* Kompakt açılır arama barı — header'ın hemen altına iner, tam ekranı kaplamaz. */
	.pt-mobile-search-panel {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		z-index: 1000;
		background: #fff;
		box-shadow: 0 8px 16px rgba(0, 0, 0, .12);
		padding: 10px 14px;
		transform: translateY(-8px);
		opacity: 0;
		pointer-events: none;
		transition: transform .18s ease, opacity .18s ease;
	}
	.pt-mobile-search-panel.is-open {
		display: block;
		transform: translateY(0);
		opacity: 1;
		pointer-events: auto;
	}

	.pt-mobile-search-panel .search-form {
		display: flex;
		align-items: center;
		gap: 8px;
		margin: 0;
		position: relative;
	}
	.pt-mobile-search-panel .search-form input[type="search"],
	.pt-mobile-search-panel .search-form input[name="s"] {
		flex: 1 1 auto;
		width: 100%;
		height: 44px;
		margin: 0;
		padding: 0 14px;
		border: 1px solid #e3e3e3;
		border-radius: 8px;
		font-size: 15px;
		background: #f7f7f7;
	}
	.pt-mobile-search-panel .search-form input[type="search"]:focus {
		outline: none;
		border-color: var(--color-primary, #f4811f);
		background: #fff;
	}
	.pt-mobile-search-panel .search-form button[type="submit"] {
		flex: 0 0 auto;
		height: 44px;
		min-width: 48px;
		margin: 0;
		padding: 0 14px;
		border: 0;
		border-radius: 8px;
		background: var(--color-primary, #f4811f);
		color: #fff;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.pt-mobile-search-panel .search-form button[type="submit"] i {
		font-size: 1.15rem;
		line-height: 1;
	}
}

/* Desktop: eklenen öğeleri kesin gizle (fiyat ve normal arama aynen kalır). */
@media screen and (min-width: 64rem) {
	.pt-mobile-search-toggle,
	.pt-mobile-search-panel {
		display: none !important;
	}
}