/* =====================================================================
   ALMINA CORE — BASE.CSS
   Her sayfada yüklenir: genel düzen, header, mega menü, mobil menü,
   sticky header, sabit WhatsApp, ürün kartları, Çiçek Rehberi.

   Renkler config.php'den gelir (--am-pink, --am-green ...).
   Buradaki varsayılanlar sadece yedektir.
   ===================================================================== */

:root {
	--am-pink: #cf5274;
	--am-pink-dark: #b8435f;
	--am-pink-soft: #fff3f6;
	--am-pink-line: #f0dde2;
	--am-green: #209c50;
	--am-green-dark: #188842;
	--am-green-soft: #e8f5e9;
	--am-wa: #14bd5d;
	--am-wa-dark: #10a650;
	--am-text: #1f1f1f;
	--am-muted: #777;
	--am-line: #e7e3e3;
	--am-bg-soft: #faf7f3;
	--am-font-heading: Georgia, "Times New Roman", serif;
	--am-font-body: Arial, Helvetica, sans-serif;
	--am-max: 1640px;
	--am-gutter: 28px;
	--am-radius: 8px;
}

.am-wrap {
	width: 100%;
	max-width: var(--am-max);
	margin-inline: auto;
	padding-inline: var(--am-gutter);
	box-sizing: border-box;
}

.am-icon { display: block; flex: 0 0 auto; }

.am-header .screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.am-btn {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	padding: 11px 16px;
	background: var(--am-pink);
	color: #fff !important;
	border-radius: 6px;
	font: 700 12px/1 var(--am-font-body);
	text-decoration: none !important;
	transition: background .2s ease;
}
.am-btn:hover { background: var(--am-pink-dark); }

/* ---------------------------------------------------------------------
   ESKİ HEADER — PHP ile kapatılır, bu satırlar sadece yedek
   --------------------------------------------------------------------- */
#site-header,
#top-bar-wrap { display: none !important; }

#outer-wrap,
#wrap,
#main { margin-top: 0 !important; padding-top: 0 !important; }

/* ---------------------------------------------------------------------
   SAYFA ÜST BOŞLUKLARI (tek yerde)
   --------------------------------------------------------------------- */
#main #content-wrap { padding-top: 30px; }
body.home #main #content-wrap { padding-top: 0; }
#primary, #content, article.entry-content { margin-top: 0; }

@media (max-width: 767px) {
	#main #content-wrap { padding-top: 18px; }
	body.home #main #content-wrap { padding-top: 0; }
	body.tax-product_cat #main #content-wrap,
	body.post-type-archive-product #main #content-wrap { padding-top: 15px; }
}

/* =====================================================================
   HEADER
   ===================================================================== */

.am-header {
	position: relative;
	z-index: 9999;
	background: #fff;
	font-family: var(--am-font-body);
}

/* --- Üst duyuru bandı --- */
.am-topbar {
	background: var(--am-green-soft);
	border-bottom: 1px solid #d6e9da;
}
.am-topbar__inner {
	position: relative;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.am-ann {
	position: relative;
	width: 540px;
	max-width: 38vw;
	height: 100%;
	overflow: hidden;
}
.am-ann__item {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	color: #14552e;
	white-space: nowrap;
	opacity: 0;
	transform: translateY(15px);
	transition: opacity .45s ease, transform .45s ease;
}
.am-ann__item.is-active { opacity: 1; transform: none; }
.am-ann__item span { font-size: 15px; line-height: 1; }
.am-ann__item strong { font-size: 12px; font-weight: 700; line-height: 1; }
.am-ann__item em {
	padding-left: 8px;
	border-left: 1px solid #bdd8c5;
	color: #55735e;
	font-size: 10px;
	font-style: normal;
	line-height: 1;
}
.am-toplinks {
	position: absolute;
	right: var(--am-gutter);
	top: 0;
	height: 100%;
	display: flex;
	align-items: center;
	gap: 19px;
}
.am-toplinks a { color: #315d40; font-size: 11px; text-decoration: none; }
.am-toplinks a:hover { color: var(--am-pink); }

/* --- Ana satır: logo | arama | aksiyonlar --- */
.am-main__inner {
	height: 74px;
	display: grid;
	grid-template-columns: 260px minmax(400px, 560px) auto;
	justify-content: space-between;
	align-items: center;
	column-gap: 30px;
}
.am-burger { display: none; }

.am-logo { display: flex; align-items: center; }
.am-logo .custom-logo-link { display: inline-flex; align-items: center; }
.am-logo img,
.am-logo .custom-logo {
	display: block;
	width: 230px;
	max-width: 100%;
	height: auto;
	max-height: 66px;
	object-fit: contain;
}
.am-logo-text {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	color: #34352e;
	font: 30px/1 var(--am-font-heading);
	letter-spacing: 5px;
	text-decoration: none;
}
.am-logo-text small { margin-top: 7px; font-size: 9px; letter-spacing: 6px; }

/* --- Arama --- */
.am-search {
	width: 100%;
	height: 44px;
	display: flex;
	align-items: center;
	margin: 0 !important;
	overflow: hidden;
	background: #fff;
	border: 1px solid #d8dadd;
	border-radius: 7px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .025);
	box-sizing: border-box;
}
.am-search__icon {
	width: 52px;
	display: flex;
	justify-content: center;
	color: #63758b;
}
.am-search input[type="search"] {
	flex: 1;
	min-width: 0;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 14px 0 0 !important;
	border: 0 !important;
	outline: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #333;
	font: 14px var(--am-font-body);
}
.am-search input[type="search"]::placeholder { color: #858585; opacity: 1; }
.am-search button {
	width: 105px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: var(--am-pink);
	color: #fff;
	font: 700 14px var(--am-font-body);
	cursor: pointer;
}
.am-search button:hover { background: var(--am-pink-dark); }
.am-search button .am-icon { display: none; }

/* --- Aksiyonlar --- */
.am-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 14px;
	white-space: nowrap;
}
.am-account {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 4px 18px 4px 0;
	border-right: 1px solid #eee;
	color: #111 !important;
	font-size: 14px;
	text-decoration: none !important;
}
.am-account:hover { color: var(--am-pink) !important; }

.am-cart {
	position: relative;
	display: flex;
	padding: 6px;
	color: #111 !important;
}
.am-cart-count {
	position: absolute;
	top: -2px;
	right: -4px;
	min-width: 18px;
	height: 18px;
	padding: 0 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--am-pink);
	color: #fff;
	border-radius: 9px;
	font: 700 10px/1 var(--am-font-body);
	box-sizing: border-box;
}
.am-cart-count[data-count="0"] { display: none; }

.am-wa-btn {
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	padding: 0 22px;
	background: var(--am-green);
	color: #fff !important;
	border-radius: 7px;
	text-decoration: none !important;
	box-shadow: 0 5px 14px rgba(31, 157, 80, .14);
	transition: background .2s ease;
}
.am-wa-btn:hover { background: var(--am-green-dark); }
.am-wa-btn strong { font-size: 13px; font-weight: 700; line-height: 1.1; }
.am-wa-btn .am-icon-arrow { transition: transform .18s ease; }
.am-wa-btn:hover .am-icon-arrow { transform: translateX(3px); }

/* --- Ana menü --- */
.am-nav {
	position: relative;
	z-index: 10000;
	background: #fff;
	border-top: 1px solid #f1f1f1;
}
.am-nav__inner {
	position: relative;
	height: 44px;
	display: flex;
	align-items: stretch;
	gap: 24px;
}
.am-nav__list {
	flex: 1;
	min-width: 0;
	display: flex;
	align-items: stretch;
	gap: 34px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
.am-nav__item { display: flex; margin: 0; padding: 0; }
.am-nav__link {
	position: relative;
	display: flex;
	align-items: center;
	color: #202020 !important;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	text-decoration: none !important;
	white-space: nowrap;
}
.am-nav__link::after {
	content: "";
	position: absolute;
	left: 0;
	right: 100%;
	bottom: 0;
	height: 2px;
	background: var(--am-pink);
	transition: right .25s ease;
}
.am-nav__link:hover,
.am-nav__link.is-active { color: var(--am-pink) !important; }
.am-nav__link:hover::after,
.am-nav__link.is-active::after { right: 0; }

/* --- Mega menü (tek kopya; JS menü çubuğunun altına konumlar) --- */
.am-mega {
	position: fixed;
	left: 0;
	right: 0;
	top: var(--am-mega-top, 146px);
	z-index: 1000000;
	visibility: hidden;
	opacity: 0;
	transform: translateY(6px);
	pointer-events: none;
	transition: opacity .16s ease, transform .16s ease, visibility .16s;
}
.am-mega.is-open {
	visibility: visible;
	opacity: 1;
	transform: none;
	pointer-events: auto;
}
.am-mega__inner {
	width: calc(100% - 56px);
	max-width: 1584px;
	min-height: 270px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1.25fr;
	overflow: hidden;
	background: #fff;
	border: 1px solid #eee;
	border-top: 3px solid var(--am-pink);
	border-radius: 0 0 12px 12px;
	box-shadow: 0 18px 40px rgba(0, 0, 0, .11);
}
.am-mega__col {
	padding: 32px 34px;
	border-right: 1px solid #f0f0f0;
}
.am-mega__title {
	display: block;
	margin-bottom: 18px;
	color: #a64760;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .7px;
	text-transform: uppercase;
}
.am-mega__col > a {
	display: flex;
	align-items: center;
	gap: 9px;
	width: fit-content;
	margin-bottom: 14px;
	color: #333 !important;
	font-size: 14px;
	line-height: 1.35;
	text-decoration: none !important;
	transition: color .18s ease, transform .18s ease;
}
.am-mega__col > a:hover { color: var(--am-pink) !important; transform: translateX(3px); }
.am-mega__emoji { width: 20px; font-size: 15px; text-align: center; }

.am-mega__promo {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 30px 36px;
	background: linear-gradient(135deg, #fff5f7 0%, #fffafb 100%);
}
.am-mega__promo--green { background: linear-gradient(135deg, #f4faf5 0%, #fffafa 100%); }
.am-mega__promo-label {
	margin-bottom: 10px;
	color: #c35370;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 1.3px;
	text-transform: uppercase;
}
.am-mega__promo strong {
	display: block;
	color: #34342f;
	font: 400 28px/1.15 var(--am-font-heading);
}
.am-mega__promo strong em { color: var(--am-pink); font-style: normal; }
.am-mega__promo p { max-width: 300px; margin: 12px 0 18px; color: var(--am-muted); font-size: 12px; line-height: 1.6; }
.am-mega__promo .am-btn { width: fit-content; }

/* ---------------------------------------------------------------------
   YAPIŞKAN HEADER
   Header'ın kendisi yapışır; kopya şerit yoktur.
   --am-collapse: yukarı kayıp gizlenen kısım (duyuru + logo satırı).
   JS gerçek yüksekliği ölçüp yazar; buradaki değerler yedektir.
   --------------------------------------------------------------------- */
body { --am-ab: 0px; }
body.admin-bar { --am-ab: 32px; }

.am-header {
	--am-collapse: 103px;
	position: -webkit-sticky;
	position: sticky;
	top: calc(var(--am-ab) - var(--am-collapse));
}

.am-nav { transition: box-shadow .2s ease; }
.am-header.is-stuck .am-nav { box-shadow: 0 6px 18px rgba(0, 0, 0, .07); border-top-color: transparent; }

/* Sabitlenince görünen parçalar (yükseklik değişmez, sayfa zıplamaz) */
.am-nav__logo,
.am-nav__tools { display: none; align-items: center; flex: 0 0 auto; }
.am-header.is-stuck .am-nav__logo,
.am-header.is-stuck .am-nav__tools { display: flex; }
.am-header.is-stuck .is-hide-stuck { display: none; }
.am-header.is-stuck .am-nav__list { justify-content: center; gap: 30px; }

.am-nav__logo .custom-logo-link { display: flex; }
.am-nav__logo img,
.am-nav__logo .custom-logo { display: block; width: auto; max-width: 120px; max-height: 34px; object-fit: contain; }
.am-nav__logo .am-logo-text { font-size: 16px; letter-spacing: 3px; }
.am-nav__logo .am-logo-text small { display: none; }

.am-nav__tools { gap: 8px; }
.am-nav__search-btn {
	width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 !important;
	background: #fff0f4 !important;
	color: #c64267 !important;
	border: 0 !important;
	border-radius: 50% !important;
	cursor: pointer;
}
.am-nav__wa {
	height: 34px;
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 0 14px;
	background: var(--am-green);
	color: #fff !important;
	border-radius: 7px;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none !important;
}
.am-nav__wa:hover { background: var(--am-green-dark); }

/* Menü satırı içinde açılan arama */
.am-nav__search {
	position: absolute;
	top: 5px;
	bottom: 5px;
	left: calc(var(--am-gutter) + 140px);
	right: var(--am-gutter);
	z-index: 3;
	display: none;
	align-items: center;
	gap: 10px;
	margin: 0 !important;
	padding: 0 6px 0 14px;
	background: #fff;
	border: 1px solid #d8dadd;
	border-radius: 8px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, .06);
	color: #63758b;
}
.am-header.is-search-open .am-nav__search { display: flex; }
.am-nav__search input[type="search"] {
	flex: 1;
	min-width: 0;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	outline: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #333;
	font: 14px var(--am-font-body);
}
.am-nav__search-go {
	height: 26px;
	padding: 0 14px !important;
	background: var(--am-pink) !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 5px !important;
	font: 700 12px var(--am-font-body) !important;
	cursor: pointer;
}
.am-nav__search-close {
	width: 28px;
	height: 28px;
	padding: 0 !important;
	background: transparent !important;
	color: #888 !important;
	border: 0 !important;
	font-size: 22px !important;
	line-height: 1 !important;
	cursor: pointer;
}

/* --- Mobil menü (masaüstünde gizli) --- */
.am-mobile { display: none; }

/* --- Tablet --- */
@media (max-width: 1250px) {
	.am-main__inner { grid-template-columns: 210px minmax(300px, 1fr) auto; column-gap: 20px; }
	.am-logo img, .am-logo .custom-logo { width: 200px; }
	.am-nav__list { gap: 22px; }
	.am-ann { max-width: 50vw; }
	.am-mega__inner { width: calc(100% - 32px); grid-template-columns: 1fr 1fr 1fr 1.1fr; }
	.am-mega__col { padding: 25px 20px; }
	.am-mega__promo { padding: 25px 22px; }
}

@media (max-width: 1024px) {
	.am-wa-btn strong { font-size: 12px; }
	.am-wa-btn { padding: 0 14px; }
	.am-wa-btn .am-icon-arrow { display: none; }
}

/* Yönetim çubuğu yüksekliği (sadece giriş yapmışken) */
@media (max-width: 782px) { body.admin-bar { --am-ab: 46px; } }
@media (max-width: 600px) { body.admin-bar { --am-ab: 0px; } }

/* --- Mobil --- */
@media (max-width: 767px) {
	:root { --am-gutter: 14px; }
	.am-header { --am-collapse: 100px; }

	.am-topbar__inner { height: 30px; padding-inline: 10px; }
	.am-ann { width: 100%; max-width: 100%; }
	.am-ann__item strong { font-size: 10px; }
	.am-ann__item em,
	.am-toplinks { display: none; }

	.am-main__inner {
		height: auto;
		padding-top: 8px;
		padding-bottom: 11px;
		grid-template-columns: 48px minmax(0, 1fr) 48px;
		grid-template-rows: 58px 48px;
		column-gap: 8px;
		row-gap: 8px;
	}

	.am-burger {
		grid-column: 1;
		grid-row: 1;
		width: 46px;
		height: 46px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 6px;
		margin: 0;
		padding: 0 !important;
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
		cursor: pointer;
	}
	.am-burger span {
		width: 26px;
		height: 3px;
		background: #222;
		border-radius: 20px;
		transition: transform .22s ease, opacity .22s ease;
	}
	.am-burger.is-open span:nth-child(1) { transform: translateY(9px) rotate(45deg); }
	.am-burger.is-open span:nth-child(2) { opacity: 0; }
	.am-burger.is-open span:nth-child(3) { transform: translateY(-9px) rotate(-45deg); }

	/* Sabitlenince: sadece arama satırı görünür, solunda küçük menü butonu */
	.am-burger--mini { display: none; grid-row: 2; grid-column: 1; width: 44px; height: 44px; }
	.am-burger--mini span { width: 22px; }
	.am-header.is-stuck .am-burger--mini { display: flex; }
	.am-header.is-stuck .am-search { grid-column: 2 / -1; }
	.am-header.is-stuck .am-main { box-shadow: 0 6px 16px rgba(0, 0, 0, .07); }

	.am-logo { grid-column: 2; grid-row: 1; justify-content: center; height: 58px; }
	.am-logo img, .am-logo .custom-logo { width: auto; max-width: 200px; max-height: 58px; }
	.am-logo-text { font-size: 22px; letter-spacing: 3px; }

	.am-actions,
	.am-nav { display: none !important; }

	.am-search {
		grid-column: 1 / -1;
		grid-row: 2;
		height: 48px;
		border: 1.5px solid #d2d2d2;
		border-radius: 8px;
		box-shadow: none;
	}
	.am-search__icon { display: none; }
	.am-search input[type="search"] { padding: 0 16px !important; font-size: 16px; } /* 16px: iPhone zoom yapmaz */
	.am-search button { width: 56px; border-radius: 0 7px 7px 0 !important; }
	.am-search__label { display: none; }
	.am-search button .am-icon { display: block; }

	.am-mobile {
		display: block;
		max-height: 0;
		overflow: hidden;
		visibility: hidden;
		opacity: 0;
		background: #fff;
		transition: max-height .32s ease, opacity .22s ease, visibility .22s;
	}
	.am-mobile.is-open {
		max-height: 80vh;
		overflow-y: auto;
		visibility: visible;
		opacity: 1;
		border-top: 1px solid #f1f1f1;
		border-bottom: 1px solid #eee;
		box-shadow: 0 10px 22px rgba(0, 0, 0, .06);
	}
	.am-mobile__inner { padding: 4px 14px 14px; }
	.am-mobile__row { display: flex; align-items: center; min-height: 48px; border-bottom: 1px solid #f2f2f2; }
	.am-mobile__row > a,
	.am-mobile__link {
		flex: 1;
		display: flex;
		align-items: center;
		min-height: 48px;
		color: #252525 !important;
		font-size: 15px;
		font-weight: 600;
		line-height: 1.35;
		text-decoration: none !important;
	}
	.am-mobile__link { border-bottom: 1px solid #f2f2f2; }
	.am-mobile__toggle {
		width: 44px;
		height: 44px;
		padding: 0 !important;
		background: transparent !important;
		color: var(--am-pink) !important;
		border: 0 !important;
		font-size: 24px;
		font-weight: 300;
		cursor: pointer;
	}
	.am-mobile__sub {
		max-height: 0;
		overflow: hidden;
		padding-left: 13px;
		background: #fffafa;
		transition: max-height .28s ease;
	}
	.am-mobile__group.is-open .am-mobile__sub { max-height: 700px; }
	.am-mobile__sub a {
		display: flex;
		align-items: center;
		min-height: 44px;
		padding: 0 10px;
		color: #555 !important;
		border-bottom: 1px solid #f5eeee;
		font-size: 14px;
		text-decoration: none !important;
	}
	.am-mobile__wa {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		min-height: 48px;
		margin-top: 14px;
		background: var(--am-green);
		color: #fff !important;
		border-radius: 8px;
		font-size: 14px;
		font-weight: 700;
		text-decoration: none !important;
	}


	.am-mega { display: none; }
}


/* =====================================================================
   SABİT WHATSAPP BUTONU
   ===================================================================== */
.am-wa-float {
	position: fixed;
	right: 25px;
	bottom: 25px;
	z-index: 99999;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 11px 17px 11px 12px;
	background: var(--am-wa);
	color: #fff !important;
	border-radius: 50px;
	text-decoration: none !important;
	box-shadow: 0 5px 20px rgba(0, 0, 0, .18);
	font-family: var(--am-font-body);
	transition: transform .2s ease, box-shadow .2s ease;
}
.am-wa-float:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(0, 0, 0, .24); }
.am-wa-float__icon {
	width: 38px;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, .16);
	border-radius: 50%;
}
.am-wa-float__text { display: flex; flex-direction: column; line-height: 1.15; }
.am-wa-float__text strong { font-size: 14px; font-weight: 600; }
.am-wa-float__text small { margin-top: 3px; font-size: 10px; opacity: .9; }

@media (max-width: 767px) {
	.am-wa-float { right: 16px; bottom: 16px; width: 56px; height: 56px; padding: 0; justify-content: center; border-radius: 50%; }
	.am-wa-float__icon { background: transparent; }
	.am-wa-float__icon .am-icon { width: 30px; height: 30px; }
	.am-wa-float__text { display: none; }
}

/* =====================================================================
   SABİT "BİZİ ARAYIN" BUTONU (WhatsApp ile aynı form, marka renginde)
   ===================================================================== */
.am-call-float {
	position: fixed;
	bottom: 25px;
	z-index: 99999;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 11px 17px 11px 12px;
	background: linear-gradient(135deg, #d8607f 0%, var(--am-pink-dark) 100%);
	color: #fff !important;
	border-radius: 50px;
	text-decoration: none !important;
	box-shadow: 0 5px 20px rgba(150, 50, 80, .25);
	font-family: var(--am-font-body);
	transition: transform .2s ease, box-shadow .2s ease;
}
.am-call-float--left { left: 25px; }
.am-call-float--beside { right: 200px; }
.am-call-float:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(150, 50, 80, .32); }
.am-call-float__icon {
	width: 38px;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, .18);
	border-radius: 50%;
}
.am-call-float__text { display: flex; flex-direction: column; line-height: 1.15; }
.am-call-float__text strong { font-size: 14px; font-weight: 600; }
.am-call-float__text small { margin-top: 3px; font-size: 10px; opacity: .92; letter-spacing: .2px; }

@media (max-width: 767px) {
	.am-call-float { bottom: 16px; width: 56px; height: 56px; padding: 0; justify-content: center; border-radius: 50%; }
	.am-call-float--left { left: 16px; }
	.am-call-float--beside { right: 84px; }
	.am-call-float__icon { background: transparent; }
	.am-call-float__icon .am-icon { width: 26px; height: 26px; }
	.am-call-float__text { display: none; }
}

/* =====================================================================
   ÜRÜN KARTLARI (ana sayfa, kategori, mağaza, ilgili ürünler)
   Sıra: Görsel → Teslimat → Ürün adı → Fiyat
   ===================================================================== */

/* Liste sayfalarında ızgara */
body.tax-product_cat #content-wrap,
body.tax-product_tag #content-wrap,
body.post-type-archive-product #content-wrap {
	width: 100%;
	max-width: 1500px;
	padding-inline: 20px;
	box-sizing: border-box;
}
body.tax-product_cat #primary,
body.post-type-archive-product #primary { width: 100%; float: none; }
body.tax-product_cat #right-sidebar,
body.tax-product_cat #left-sidebar,
body.post-type-archive-product #right-sidebar,
body.post-type-archive-product #left-sidebar { display: none; }

body.tax-product_cat ul.products,
body.tax-product_tag ul.products,
body.post-type-archive-product ul.products {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
	margin: 0 !important;
	padding: 0 !important;
}
body.tax-product_cat ul.products::before,
body.tax-product_cat ul.products::after,
body.post-type-archive-product ul.products::before,
body.post-type-archive-product ul.products::after { content: none !important; display: none !important; }

body.tax-product_cat ul.products li.product,
body.tax-product_tag ul.products li.product,
body.post-type-archive-product ul.products li.product {
	float: none !important;
	width: 100% !important;
	margin: 0 !important;
}

/* Kart */
:is(.woocommerce, body) ul.products li.product {
	position: relative;
	min-width: 0;
	padding: 0 0 16px !important;
	overflow: hidden;
	background: #fff;
	border: 1px solid #e3e3e3;
	border-radius: 7px;
	text-align: left !important;
	box-sizing: border-box;
	transition: transform .2s ease, box-shadow .2s ease;
}
:is(.woocommerce, body) ul.products li.product:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 18px rgba(0, 0, 0, .05);
}

:is(.woocommerce, body) ul.products li.product ul.woo-entry-inner {
	display: flex !important;
	flex-direction: column;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	text-align: left !important;
}

/* 1 — Görsel */
:is(.woocommerce, body) ul.products li.product .woo-entry-inner > li.image-wrap { order: 1; margin: 0 !important; padding: 0 !important; }
:is(.woocommerce, body) ul.products li.product li.image-wrap img {
	display: block;
	width: 100% !important;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	margin: 0 !important;
}

/* Gereksiz parçalar */
:is(.woocommerce, body) ul.products li.product .owp-quick-view,
:is(.woocommerce, body) ul.products li.product .woo-entry-inner > li.category,
:is(.woocommerce, body) ul.products li.product .woo-entry-inner > li.woo-desc,
:is(.woocommerce, body) ul.products li.product .woo-entry-inner > li.btn-wrap,
:is(.woocommerce, body) ul.products li.product .onsale,
:is(.woocommerce, body) ul.products li.product li.rating .star-rating { display: none !important; }

/* 2 — Teslimat etiketi (metin config.php > delivery_text) */
:is(.woocommerce, body) ul.products li.product .woo-entry-inner > li.rating {
	order: 2;
	display: flex !important;
	align-items: center;
	min-height: 16px;
	margin: 10px 14px 12px !important;
	padding: 0 !important;
	background: none;
	border: 0;
}
:is(.woocommerce, body) ul.products li.product .woo-entry-inner > li.rating::before {
	content: "";
	flex: 0 0 14px;
	width: 14px;
	height: 14px;
	margin-right: 5px;
	background-color: var(--am-pink);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h1.17a3 3 0 0 0 5.66 0h4.34a3 3 0 0 0 5.66 0H21a2 2 0 0 0 2-2v-4.59a2 2 0 0 0-.59-1.41l-3.42-3.42A2 2 0 0 0 17.58 5H15V3H3v2Zm12 2h2.58L21 10.42V12h-6V7ZM7 16.5A1.5 1.5 0 1 1 7 19.5a1.5 1.5 0 0 1 0-3Zm10 0a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3Z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h1.17a3 3 0 0 0 5.66 0h4.34a3 3 0 0 0 5.66 0H21a2 2 0 0 0 2-2v-4.59a2 2 0 0 0-.59-1.41l-3.42-3.42A2 2 0 0 0 17.58 5H15V3H3v2Zm12 2h2.58L21 10.42V12h-6V7ZM7 16.5A1.5 1.5 0 1 1 7 19.5a1.5 1.5 0 0 1 0-3Zm10 0a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
:is(.woocommerce, body) ul.products li.product .woo-entry-inner > li.rating::after {
	content: var(--am-delivery);
	color: var(--am-pink);
	font: 400 10.5px/1.2 var(--am-font-body);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 3 — Ürün adı: en fazla 2 satır, fiyatlar hizalı kalır */
:is(.woocommerce, body) ul.products li.product .woo-entry-inner > li.title {
	order: 3;
	min-height: calc(2 * 1.35 * 13px);
	margin: 0 14px !important;
	padding: 0 !important;
}
:is(.woocommerce, body) ul.products li.product .woo-entry-inner > li.title h2 { margin: 0 !important; padding: 0 !important; font: inherit !important; }
:is(.woocommerce, body) ul.products li.product .woo-entry-inner > li.title a {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: var(--am-text) !important;
	font: 400 13px/1.35 var(--am-font-body) !important;
	text-transform: none !important;
	text-decoration: none !important;
}
:is(.woocommerce, body) ul.products li.product .woo-entry-inner > li.title a:hover { color: var(--am-pink) !important; }

/* 4 — Fiyat */
:is(.woocommerce, body) ul.products li.product .woo-entry-inner > li.price-wrap {
	order: 4;
	margin: 14px 0 0 !important;
	padding: 0 14px !important;
}
:is(.woocommerce, body) ul.products li.product .price-wrap::before,
:is(.woocommerce, body) ul.products li.product .price-wrap::after { content: none !important; }
:is(.woocommerce, body) ul.products li.product .price {
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start !important;
	gap: 5px;
	min-height: 22px;
	margin: 0 !important;
}
:is(.woocommerce, body) ul.products li.product .price > .amount,
:is(.woocommerce, body) ul.products li.product .price ins {
	color: #111 !important;
	background: none;
	text-decoration: none;
	font: 500 17px/1.2 var(--am-font-body);
}
:is(.woocommerce, body) ul.products li.product .price ins .amount { color: #111 !important; }
:is(.woocommerce, body) ul.products li.product .price del,
:is(.woocommerce, body) ul.products li.product .price del .amount {
	color: #999 !important;
	opacity: 1;
	font: 400 11px/1.2 var(--am-font-body);
}

/* İndirim rozeti (her yerde) */
.am-discount {
	display: inline-flex;
	align-items: center;
	padding: 4px 5px;
	margin-right: 6px;
	background: #ef5147;
	color: #fff !important;
	border-radius: 4px;
	font: 700 10px/1 var(--am-font-body);
	vertical-align: middle;
}
:is(.woocommerce, body) ul.products li.product .am-discount { margin-right: 0; }

@media (max-width: 1024px) {
	body.tax-product_cat #content-wrap,
	body.post-type-archive-product #content-wrap { padding-inline: 14px; }
	body.tax-product_cat ul.products,
	body.tax-product_tag ul.products,
	body.post-type-archive-product ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
}

@media (max-width: 767px) {
	body.tax-product_cat #content-wrap,
	body.post-type-archive-product #content-wrap { padding-inline: 8px; }
	body.tax-product_cat ul.products,
	body.tax-product_tag ul.products,
	body.post-type-archive-product ul.products { gap: 8px; }

	:is(.woocommerce, body) ul.products li.product { padding-bottom: 11px !important; }
	:is(.woocommerce, body) ul.products li.product .woo-entry-inner > li.rating { min-height: 12px; margin: 7px 8px 9px !important; }
	:is(.woocommerce, body) ul.products li.product .woo-entry-inner > li.rating::before { flex-basis: 11px; width: 11px; height: 11px; margin-right: 3px; }
	:is(.woocommerce, body) ul.products li.product .woo-entry-inner > li.rating::after { font-size: 8.4px; }
	:is(.woocommerce, body) ul.products li.product .woo-entry-inner > li.title { min-height: calc(2 * 1.32 * 11.5px); margin: 0 8px !important; }
	:is(.woocommerce, body) ul.products li.product .woo-entry-inner > li.title a { font-size: 11.5px !important; line-height: 1.32 !important; }
	:is(.woocommerce, body) ul.products li.product .woo-entry-inner > li.price-wrap { margin-top: 11px !important; padding: 0 8px !important; }
	:is(.woocommerce, body) ul.products li.product .price { gap: 4px; min-height: 19px; }
	:is(.woocommerce, body) ul.products li.product .price > .amount,
	:is(.woocommerce, body) ul.products li.product .price ins { font-size: 15px; }
	:is(.woocommerce, body) ul.products li.product .price del { font-size: 10px; }
	.am-discount { padding: 4px; font-size: 9px; }
}

@media (max-width: 380px) {
	:is(.woocommerce, body) ul.products li.product .woo-entry-inner > li.rating::after { font-size: 7.8px; }
	:is(.woocommerce, body) ul.products li.product .woo-entry-inner > li.title a { font-size: 11px !important; }
}

/* =====================================================================
   ÇİÇEK REHBERİ — [almina_blog_rehberi]
   ===================================================================== */
.am-guide { padding: 28px 30px 32px; background: #fff; box-sizing: border-box; }
.am-guide__inner { max-width: 1580px; margin: 0 auto; }
.am-guide__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 25px; margin-bottom: 22px; }
.am-guide__head h2 {
	margin: 0 0 6px !important;
	color: #1c211e !important;
	font: 500 38px/1.08 var(--am-font-heading) !important;
	letter-spacing: -.6px;
}
.am-guide__head h2 span { color: var(--am-pink); }
.am-guide__head p { margin: 0 !important; color: #707070; font: 13px/1.45 var(--am-font-body); }
.am-guide__all {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	flex: 0 0 auto;
	margin-bottom: 4px;
	color: var(--am-pink) !important;
	font: 700 12px/1 var(--am-font-body);
	text-decoration: none !important;
	transition: gap .25s ease;
}
.am-guide__all:hover { gap: 12px; color: var(--am-pink-dark) !important; }
.am-guide__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.am-guide__card {
	min-width: 0;
	overflow: hidden;
	background: #fff;
	border: 1px solid #ece7e6;
	border-radius: 8px;
	box-shadow: 0 2px 9px rgba(45, 30, 32, .035);
	transition: transform .25s ease, box-shadow .25s ease;
}
.am-guide__img {
	position: relative;
	display: block;
	aspect-ratio: 2.35 / 1;
	overflow: hidden;
	background: #f9f5f3;
}
.am-guide__img img {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	max-width: none;
	object-fit: cover;
	object-position: center 35%;
	transition: transform .4s ease;
}
.am-guide__cat {
	position: absolute;
	left: 17px;
	bottom: 13px;
	z-index: 2;
	padding: 6px 12px;
	background: var(--am-pink);
	color: #fff;
	border-radius: 6px;
	font: 700 10px/1 var(--am-font-body);
	letter-spacing: .2px;
	text-transform: uppercase;
}
.am-guide__card h3 { margin: 0 !important; padding: 17px 18px 18px; font: 600 15px/1.35 var(--am-font-body) !important; }
.am-guide__card h3 a { color: #202020 !important; text-decoration: none !important; }

@media (hover: hover) {
	.am-guide__card:hover { transform: translateY(-3px); box-shadow: 0 9px 24px rgba(45, 30, 32, .08); }
	.am-guide__card:hover .am-guide__img img { transform: scale(1.015); }
	.am-guide__card h3 a:hover { color: var(--am-pink) !important; }
}

@media (max-width: 1000px) {
	.am-guide { padding: 27px 18px 31px; }
	.am-guide__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
	.am-guide__head h2 { font-size: 32px !important; }
	.am-guide__img { aspect-ratio: 2.15 / 1; }
}

@media (max-width: 767px) {
	.am-guide { padding: 24px 14px 28px; }
	.am-guide__head { align-items: center; gap: 15px; margin-bottom: 15px; }
	.am-guide__head h2 { margin-bottom: 0 !important; font-size: 28px !important; }
	.am-guide__head p { display: none; }
	.am-guide__all { margin: 0; font-size: 10.5px; white-space: nowrap; }
	.am-guide__grid { grid-template-columns: 1fr; gap: 14px; }
	.am-guide__img { aspect-ratio: 1.85 / 1; }
	.am-guide__img img { object-position: center 30%; }
	.am-guide__cat { left: 13px; bottom: 12px; padding: 5px 10px; font-size: 9px; }
	.am-guide__card h3 { padding: 14px 14px 15px; font-size: 14px !important; }
}

/* Tarayıcının arama kutusuna eklediği "×" (kendi kapatma butonumuz var) */
.am-header input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }

/* =====================================================================
   ÜRÜN KARTI — KESİN KURALLAR
   Elementor widget ayarları veya tema/özelleştirici CSS'i ne derse desin
   aşağıdakiler geçerli olur (":is(html, #am)" kimlik düzeyinde öncelik verir).
   - Teslimat yazısı: tek satır, config.php > delivery_text
   - Ürün adı: her kartta tam 2 satırlık alan → fiyatlar hep aynı hizada,
     kısa adlarda en fazla 1 satırlık boşluk kalır.
   ===================================================================== */
:is(html, #am) ul.products li.product { container-type: inline-size; }
:is(html, #am) ul.products li.product .woo-entry-inner > li.rating {
	display: flex !important;
	align-items: center !important;
	height: 18px !important;
	min-height: 0 !important;
	overflow: hidden !important;
	white-space: nowrap !important;
}
:is(html, #am) ul.products li.product .woo-entry-inner > li.rating::after {
	content: var(--am-delivery) !important;
	display: block !important;
	min-width: 0 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	color: var(--am-pink) !important;
	font: 500 clamp(9px, calc((100cqi - 40px) / 15), 12.5px)/1.2 var(--am-font-body) !important;
	letter-spacing: 0 !important;
}

:is(html, #am) ul.products li.product .woo-entry-inner > li.title {
	--am-title-size: 14px;
	--am-title-lh: 1.35;
	height: calc(2 * var(--am-title-lh) * var(--am-title-size)) !important;
	min-height: 0 !important;
	max-height: none !important;
	overflow: hidden !important;
	margin-bottom: 0 !important;
}
:is(html, #am) ul.products li.product .woo-entry-inner > li.title h2,
:is(html, #am) ul.products li.product .woo-entry-inner > li.title a {
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: var(--am-title-size) !important;
	line-height: var(--am-title-lh) !important;
	text-align: left !important;
}
:is(html, #am) ul.products li.product .woo-entry-inner > li.price-wrap {
	margin-top: 12px !important;
	padding-top: 0 !important;
	min-height: 0 !important;
}

@media (max-width: 767px) {
	:is(html, #am) ul.products li.product .woo-entry-inner > li.rating { height: 15px !important; }
	:is(html, #am) ul.products li.product .woo-entry-inner > li.title { --am-title-size: 12px; --am-title-lh: 1.32; }
	:is(html, #am) ul.products li.product .woo-entry-inner > li.price-wrap { margin-top: 9px !important; }
}

/* Teslimat ikonu yazıyla orantılı */
:is(html, #am) ul.products li.product .woo-entry-inner > li.rating::before {
	flex: 0 0 15px !important;
	width: 15px !important;
	height: 15px !important;
	margin-right: 6px !important;
}
@media (max-width: 767px) {
	:is(html, #am) ul.products li.product .woo-entry-inner > li.rating::before { flex-basis: 12px !important; width: 12px !important; height: 12px !important; margin-right: 4px !important; }
}

/* =====================================================================
   Ürün kartı 2. görseli (üzerine gelince değişen fotoğraf)
   Kartın dışına taşıp sayfadaki diğer alanların üstüne binmesin.
   Dokunmatik ekranlarda hiç gösterilmez.
   ===================================================================== */
html body ul.products li.product { position: relative !important; }
html body ul.products li.product li.image-wrap,
html body ul.products li.product .woo-entry-image,
html body ul.products li.product .woo-entry-image-swap { position: relative !important; overflow: hidden !important; }
html body ul.products li.product .woo-entry-image-swap > a { position: relative; display: block; }
html body ul.products li.product img.woo-entry-image-secondary { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 1; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; opacity: 0 !important; pointer-events: none; transition: opacity .35s ease; }
@media (hover: hover) and (pointer: fine) {
	html body ul.products li.product:hover img.woo-entry-image-secondary { opacity: 1 !important; }
}
@media (hover: none), (max-width: 900px) {
	html body ul.products li.product img.woo-entry-image-secondary { display: none !important; }
}

/* =====================================================================
   Dokunmatik ekranlar (telefon / tablet): ürün kartlarında hareket yok.
   iPhone'da parmak karta değince "hover" tetiklenip kart kaydırılıyordu (transform);
   Safari bu sırada görseli kartın dışına/başka yere çizip kartta boş bırakıyordu.
   ===================================================================== */
@media (hover: none), (pointer: coarse) {
	html body ul.products li.product,
	html body ul.products li.product * { transition: none !important; animation: none !important; }
	html body ul.products li.product,
	html body ul.products li.product:hover,
	html body ul.products li.product img,
	html body ul.products li.product:hover img { transform: none !important; will-change: auto !important; }
	html body ul.products li.product:hover { box-shadow: none !important; }
	html body ul.products li.product { -webkit-tap-highlight-color: transparent; }
	/* Tema, karta dokununca ana görseli saydam yapıp 2. görseli göstermeye çalışıyor;
	   2. görsel telefonda kapalı olduğu için ana görsel hep görünür kalsın */
	html body ul.products li.product img,
	html body ul.products li.product:hover img,
	html body ul.products li.product:active img,
	html body ul.products li.product .woo-entry-image-swap:hover img.woo-entry-image-main,
	html body ul.products li.product img.woo-entry-image-main { opacity: 1 !important; visibility: visible !important; filter: none !important; }
	html body ul.products li.product img.woo-entry-image-secondary { display: none !important; }
}

/* =====================================================================
   "Bizi Arayın" — masaüstünde sol kenarda ince kulakçık
   (yer kaplamaz; üzerine gelince numara açılır). Telefonda yuvarlak buton aynen kalır.
   ===================================================================== */
@media (min-width: 768px) {
	html body .am-call-float,
	html body .am-call-float--left,
	html body .am-call-float--beside {
		top: 50%; bottom: auto !important; left: 0 !important; right: auto !important;
		flex-direction: column; gap: 10px;
		width: 32px !important; height: auto !important;
		padding: 9px 0 12px !important; gap: 8px;
		border-radius: 0 11px 11px 0 !important;
		transform: translateY(-50%);
		box-shadow: 2px 4px 16px rgba(150, 50, 80, .22);
		transition: width .2s ease, box-shadow .2s ease;
	}
	html body .am-call-float:hover { transform: translateY(-50%); box-shadow: 4px 6px 22px rgba(150, 50, 80, .32); }
	html body .am-call-float__icon { width: 24px; height: 24px; background: rgba(255, 255, 255, .2); }
	html body .am-call-float__icon .am-icon { width: 14px; height: 14px; }
	html body .am-call-float__text { position: static; display: block; }
	html body .am-call-float__text strong { display: block; writing-mode: vertical-rl; transform: rotate(180deg); font-size: 12px; font-weight: 600; letter-spacing: .06em; white-space: nowrap; }
	html body .am-call-float__text small {
		position: absolute; left: calc(100% + 10px); top: 50%;
		margin: 0; padding: 9px 14px; border-radius: 10px;
		background: #fff; color: #3a2a2c; box-shadow: 0 6px 20px rgba(0, 0, 0, .12);
		font-size: 14px; font-weight: 700; letter-spacing: .02em; white-space: nowrap; opacity: 0;
		transform: translate(-6px, -50%); pointer-events: none; transition: opacity .2s ease, transform .2s ease;
	}
	html body .am-call-float:hover .am-call-float__text small,
	html body .am-call-float:focus-visible .am-call-float__text small { opacity: 1; transform: translate(0, -50%); }
}