/*
Theme Name: Ekicim Blocksy Child
Theme URI: https://ekicim.com
Description: Blocksy Modern Shop tabanlı Ekicim katalog ve WhatsApp teklif teması.
Author: Ekicim
Template: blocksy
Version: 0.12.21
Text Domain: ekicim
*/

@font-face {
	font-family: "Caveat Ekicim";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("assets/fonts/Caveat-Slogan.ttf") format("truetype");
}

:root {
  --ekicim-ink: #17212b;
  --ekicim-ink-soft: #24313f;
  --ekicim-orange: #ea580c;
  --ekicim-orange-dark: #c2410c;
  --ekicim-green: #16844a;
  --ekicim-wa: #16844a;
  --ekicim-wa-dark: #106b3b;
  --ekicim-surface: #ffffff;
  --ekicim-canvas: #f6f7f8;
  --ekicim-border: #e3e6e9;
  --ekicim-muted: #6d7884;
  --ekicim-radius: 10px;
  --ekicim-wa-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.45 1.32 4.95L2 22l5.25-1.38c1.45.79 3.08 1.21 4.79 1.21h.01c5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01A9.82 9.82 0 0 0 12.04 2Zm0 18.15h-.01c-1.52 0-3.01-.41-4.31-1.18l-.31-.18-3.21.84.85-3.12-.2-.32a8.2 8.2 0 0 1-1.26-4.38c0-4.54 3.7-8.23 8.24-8.23 2.2 0 4.27.86 5.83 2.42a8.18 8.18 0 0 1 2.41 5.82c0 4.54-3.69 8.23-8.23 8.23Zm4.52-6.16c-.25-.12-1.47-.72-1.69-.81-.23-.08-.39-.12-.56.13-.16.24-.64.8-.78.97-.15.16-.29.18-.54.06-.25-.13-1.05-.39-1.99-1.23-.74-.66-1.23-1.47-1.38-1.72-.14-.25-.01-.38.11-.5.11-.11.25-.29.37-.43.13-.15.17-.25.25-.42.09-.16.04-.31-.02-.43-.06-.12-.56-1.34-.76-1.84-.2-.48-.4-.42-.56-.43h-.47c-.16 0-.43.06-.65.31-.22.25-.85.83-.85 2.03 0 1.2.87 2.35.99 2.51.12.17 1.71 2.61 4.15 3.66.58.251.03.4 1.39.51.58.19 1.11.16 1.53.1.47-.07 1.47-.6 1.67-1.18.21-.58.21-1.07.15-1.18-.06-.1-.23-.16-.48-.29Z'/%3E%3C/svg%3E");
	--ekicim-navy: #111b24;
	--ekicim-blue: #1f5f8b;
	--ekicim-shadow: 0 18px 45px rgba(17, 27, 36, 0.09);
}

body {
  background: var(--ekicim-canvas);
	font-family: Barlow, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	color: var(--ekicim-ink);
}

h1,
h2,
h3,
h4,
.site-title {
	font-family: Archivo, system-ui, sans-serif;
}

.ekicim-shell {
	width: min(1280px, calc(100% - 48px));
	margin-inline: auto;
}

.ekicim-home {
	overflow: hidden;
}

.ekicim-home a {
	text-decoration: none;
}

.ekicim-kicker {
	margin: 0 0 12px;
	color: var(--ekicim-orange);
	font-family: Archivo, system-ui, sans-serif;
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.13em;
	text-transform: uppercase;
}

/* The first viewport acts as a catalogue tool, not a campaign banner. */
.ekicim-hero {
	position: relative;
	padding: clamp(24px, 2.8vw, 32px) 0 clamp(26px, 3vw, 34px);
	overflow-x: clip;
	background:
		linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px) 0 0 / 54px 54px,
		linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px) 0 0 / 54px 54px,
		var(--ekicim-navy);
	color: #fff;
}

/* Vitrin görselinin arkasındaki turuncu halka 0.9.6'da kaldırıldı: 600px çap
   + 120px gölge halkasıyla hero'nun altından beyaz bölüme taşıyordu (hero
   yalnız yatayda kırpıyor). Halkayı ortalamak için eklenen fit-content /
   margin-left:auto da gitti; hizayı aşağıdaki flex kuralı veriyor
   (masaüstünde sağa, mobilde ortaya). */

.ekicim-hero__grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1.44fr) minmax(300px, 0.86fr);
	gap: 38px;
	align-items: center;
}

.ekicim-hero h1 {
	max-width: 760px;
	margin: 0;
	color: #fff;
	font-size: clamp(1.72rem, 3vw, 2.7rem);
	font-weight: 800;
	letter-spacing: -0.055em;
	line-height: 0.98;
}

.ekicim-hero__lead {
	max-width: 680px;
	margin: 10px 0 16px;
	color: #bdc8d1;
	font-size: 0.96rem;
	line-height: 1.6;
}

.ekicim-product-search {
	display: grid;
	grid-template-columns: 1fr auto;
	max-width: 720px;
	min-height: 48px;
	padding: 4px;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 0 0 4px rgba(234, 88, 12, 0.3);
}

.ekicim-product-search input[type="search"] {
	width: 100%;
	min-width: 0;
	padding: 0 16px;
	border: 0;
	background: transparent;
	box-shadow: none;
	color: var(--ekicim-ink);
	font-size: 1rem;
}

.ekicim-product-search input[type="search"]:focus {
	outline: 0;
}

.ekicim-product-search button {
	min-width: 116px;
	border: 0;
	border-radius: 7px;
	background: var(--ekicim-orange);
	color: #fff;
	font-size: 1rem;
	font-weight: 700;
	cursor: pointer;
}

.ekicim-product-search button:hover,
.ekicim-product-search button:focus-visible {
	background: var(--ekicim-orange-dark);
}

.ekicim-popular {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	margin-top: 13px;
	font-size: 0.85rem;
}

.ekicim-popular span {
	color: #8797a4;
	font-weight: 600;
}

.ekicim-popular a {
	padding: 5px 10px;
	border: 1px solid #364653;
	border-radius: 99px;
	color: #d5dde3;
}

.ekicim-popular a:hover,
.ekicim-popular a:focus-visible {
	border-color: var(--ekicim-orange);
	color: #fff;
}

.ekicim-expert-card {
	padding: 28px;
	border-top: 4px solid var(--ekicim-orange);
	background:
		linear-gradient(135deg, rgba(17, 27, 36, 0.96), rgba(17, 27, 36, 0.76)),
		url("assets/images/workbench.jpg") center / cover;
	box-shadow: 20px 20px 0 rgba(0, 0, 0, 0.13);
}

.ekicim-expert-card__label {
	color: #91a0ac;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.12em;
}

.ekicim-expert-card h2 {
	margin: 11px 0 18px;
	color: #fff;
	font-size: 1.45rem;
	line-height: 1.25;
}

.ekicim-expert-card ul {
	margin: 0 0 24px;
	padding: 0;
	list-style: none;
}

.ekicim-expert-card li {
	position: relative;
	padding: 8px 0 8px 22px;
	color: #c0cbd3;
	font-size: 0.92rem;
}

.ekicim-expert-card li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 15px;
	width: 8px;
	height: 8px;
	background: var(--ekicim-orange);
	transform: rotate(45deg);
}

.ekicim-cta {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 0 15px;
	border-radius: 7px;
	font-weight: 700;
}

.ekicim-cta--whatsapp {
	background: var(--ekicim-wa);
	color: #fff !important;
}

.ekicim-cta--whatsapp:hover,
.ekicim-cta--whatsapp:focus-visible {
	background: var(--ekicim-wa-dark);
}

.ekicim-expert-card__phone {
	display: block;
	margin-top: 13px;
	color: #fff;
	font-family: Archivo, system-ui, sans-serif;
	font-size: 1.1rem;
	font-weight: 700;
	text-align: center;
}

.ekicim-section {
	padding: 72px 0;
}

.ekicim-section-heading {
	display: flex;
	gap: 30px;
	align-items: flex-end;
	justify-content: space-between;
	margin-bottom: 28px;
}

.ekicim-section-heading h2,
.ekicim-service h2 {
	margin: 0;
	color: var(--ekicim-ink);
	font-size: clamp(1.75rem, 3vw, 2.6rem);
	font-weight: 800;
	letter-spacing: -0.04em;
	line-height: 1.1;
}

.ekicim-section-heading p:not(.ekicim-kicker) {
	margin: 9px 0 0;
	color: var(--ekicim-muted);
}

.ekicim-section-heading > a {
	flex: 0 0 auto;
	padding-bottom: 3px;
	border-bottom: 2px solid var(--ekicim-orange);
	color: var(--ekicim-ink);
	font-weight: 700;
}

.ekicim-category-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 15px;
}

.ekicim-category-card {
	display: grid;
	grid-template-columns: 68px 1fr auto;
	gap: 18px;
	align-items: center;
	min-height: 142px;
	padding: 22px;
	border: 1px solid var(--ekicim-border);
	border-radius: 8px;
	background: #fff;
	color: var(--ekicim-ink);
	transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.ekicim-category-card:hover,
.ekicim-category-card:focus-visible {
	border-color: #f0a16e;
	box-shadow: var(--ekicim-shadow);
	color: var(--ekicim-ink);
	transform: translateY(-3px);
}

.ekicim-category-card__mark {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 68px;
	height: 68px;
	border-radius: 7px;
	background: #f3f5f6;
	box-shadow: inset 0 -3px 0 #d8dde1;
	color: var(--ekicim-orange-dark);
	font-family: Archivo, system-ui, sans-serif;
	font-size: 0.74rem;
	font-weight: 800;
	letter-spacing: 0.04em;
}

.ekicim-category-card__body {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 7px;
}

.ekicim-category-card__body strong {
	font-family: Archivo, system-ui, sans-serif;
	font-size: 1.08rem;
}

.ekicim-category-card__body small {
	color: var(--ekicim-muted);
	font-size: 0.88rem;
	line-height: 1.45;
}

.ekicim-category-card__arrow {
	color: #a3acb4;
	font-size: 1.2rem;
}

.ekicim-category-card.has-photo {
	grid-template-columns: 1fr auto;
	grid-template-rows: auto 1fr;
	min-height: 226px;
	background-image: linear-gradient(180deg, rgba(17, 27, 36, 0.08), rgba(17, 27, 36, 0.92)), var(--category-image);
	background-position: center;
	background-size: cover;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}

.ekicim-category-card.has-photo .ekicim-category-card__mark {
	grid-column: 1 / -1;
	justify-self: start;
	width: auto;
	height: auto;
	padding: 7px 9px;
	background: var(--ekicim-orange);
	box-shadow: none;
	color: #fff;
}

.ekicim-category-card.has-photo .ekicim-category-card__body {
	align-self: end;
}

.ekicim-category-card.has-photo .ekicim-category-card__body strong {
	color: #fff;
	font-size: 1.24rem;
}

.ekicim-category-card.has-photo .ekicim-category-card__body small {
	color: #dce3e8;
}

.ekicim-category-card.has-photo .ekicim-category-card__arrow {
	align-self: end;
	color: #fff;
}

.ekicim-job-strip {
	padding: 58px 0 62px;
	background: var(--ekicim-ink-soft);
	color: #fff;
}

.ekicim-section-heading--light h2 {
	color: #fff;
}

.ekicim-job-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	border: 1px solid #42515e;
	border-right: 0;
}

.ekicim-job-grid a {
	display: flex;
	min-height: 96px;
	padding: 22px;
	border-right: 1px solid #42515e;
	color: #fff;
	flex-direction: column;
	justify-content: space-between;
	transition: background-color 160ms ease;
}

.ekicim-job-grid a:hover,
.ekicim-job-grid a:focus-visible {
	background: var(--ekicim-orange);
	color: #fff;
}

.ekicim-job-grid a.ekicim-job-whatsapp {
	background: var(--ekicim-wa);
}

.ekicim-job-grid a.ekicim-job-whatsapp:hover,
.ekicim-job-grid a.ekicim-job-whatsapp:focus-visible {
	background: var(--ekicim-wa-dark);
}

.ekicim-job-grid .ekicim-job-whatsapp b {
	color: #fff;
}

.ekicim-job-grid b {
	color: #82909c;
	font-family: Archivo, system-ui, sans-serif;
	font-size: 0.75rem;
}

.ekicim-job-grid a:hover b,
.ekicim-job-grid a:focus-visible b {
	color: #fff;
}

.ekicim-job-grid span {
	font-family: Archivo, system-ui, sans-serif;
	font-size: 1rem;
	font-weight: 700;
}

.ekicim-featured {
	background: #fff;
}

.ekicim-product-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
}

.ekicim-product-card {
	display: flex;
	min-width: 0;
	border: 1px solid var(--ekicim-border);
	border-radius: 8px;
	background: #fff;
	flex-direction: column;
	overflow: hidden;
	transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.ekicim-product-card:hover {
	border-color: #bdc5cb;
	box-shadow: var(--ekicim-shadow);
	transform: translateY(-3px);
}

.ekicim-product-card__image {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1.24 / 1;
	padding: 22px;
	background: #f4f6f7;
}

.ekicim-product-card__image::before {
	content: "ÜRÜN";
	position: absolute;
	top: 12px;
	left: 12px;
	padding: 4px 7px;
	border-radius: 3px;
	background: var(--ekicim-ink);
	color: #fff;
	font-size: 0.65rem;
	font-weight: 800;
	letter-spacing: 0.08em;
}

.ekicim-product-card__image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	mix-blend-mode: multiply;
}

.ekicim-product-card__content {
	display: flex;
	padding: 18px;
	flex: 1;
	flex-direction: column;
}

.ekicim-product-card__sku {
	margin-bottom: 8px;
	color: var(--ekicim-muted);
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.06em;
}

.ekicim-product-card h3 {
	margin: 0 0 15px;
	font-size: 1rem;
	line-height: 1.45;
}

.ekicim-product-card h3 a {
	color: var(--ekicim-ink);
}

.ekicim-service {
	padding: 70px 0;
	background: #e9edef;
}

.ekicim-service__grid {
	display: grid;
	grid-template-columns: 0.82fr 1.4fr;
	gap: 70px;
	align-items: center;
}

.ekicim-service__points {
	display: grid;
	gap: 1px;
	background: #cfd6db;
}

.ekicim-service__points > div {
	display: grid;
	grid-template-columns: 42px 1fr;
	gap: 16px;
	padding: 18px 20px;
	background: #fff;
}

.ekicim-service__points b {
	color: var(--ekicim-orange);
	font-family: Archivo, system-ui, sans-serif;
}

.ekicim-service__points span {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.ekicim-service__points strong {
	font-family: Archivo, system-ui, sans-serif;
}

.ekicim-service__points small {
	color: var(--ekicim-muted);
	font-size: 0.88rem;
}

.ekicim-mobile-actions {
	display: none;
}

/* Blocksy and WooCommerce catalogue surfaces. */
.ct-header [data-row="middle"] {
	box-shadow: 0 1px 0 rgba(17, 27, 36, 0.1);
}

.ct-trending-block {
	display: none !important;
}

.ct-header .ct-search-box,
.ct-header input[type="search"] {
	border-radius: 7px;
}

.woocommerce.archive .site-main,
.single-product .site-main {
	padding-block: 38px 70px;
}

/* Blocksy şeridi kalkınca başlığın üstünde 38 + 60px boşluk kalıyordu;
   kabın kendi 60px'i (telefonda 50) yeter. */
.woocommerce.archive .site-main {
	padding-top: 0;
}

/* Katalog başlığı (13 Eyl 2026): Blocksy'nin 250px ortalı şeridi yerine ad +
   açıklama sola yaslı, altında kapak bandı <img> olarak kesilmeden
   (functions.php → ekicim_category_header_details). Arka plan görseli yok. */
.woocommerce.archive .woocommerce-products-header {
	margin-bottom: 24px;
}

.woocommerce.archive .woocommerce-products-header h1 {
	margin: 0;
	color: var(--ekicim-ink);
	font-size: clamp(1.65rem, 2.4vw, 2.2rem);
	line-height: 1.15;
}

.woocommerce.archive .woocommerce-products-header .term-description {
	max-width: 720px;
	margin-top: 8px;
	color: var(--ekicim-muted);
}

.woocommerce.archive .woocommerce-products-header .term-description p {
	margin: 0;
}

.ekicim-kategori-kapak {
	margin: 18px 0 0;
}

.ekicim-kategori-kapak img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 1;
	border-radius: 9px;
	object-fit: cover;
	background: #f3f5f6;
}

/* Arama sonuçlarında başlığı Blocksy basıyor; bu alan boş kalıyordu. */
.search .woocommerce-products-header {
	display: none;
}

/* Alt kategoriler — ürün ızgarasından ayrı, kapak bandının tamamını gösteren
   geniş kartlar (4:3 kutuda bandın ancak ortası görünüyordu). */
.ekicim-alt-kategoriler {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
	gap: 16px;
	margin: 0 0 26px;
}

.ekicim-alt-kategori {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--ekicim-border);
	border-radius: 8px;
	background: #fff;
	color: var(--ekicim-ink) !important;
	text-decoration: none !important;
	transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.ekicim-alt-kategori:hover,
.ekicim-alt-kategori:focus-visible {
	border-color: #bdc5cb;
	box-shadow: var(--ekicim-shadow);
	transform: translateY(-2px);
}

.ekicim-alt-kategori img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 1;
	object-fit: cover;
	background: #f3f5f6;
}

.ekicim-alt-kategori__ad {
	padding: 13px 16px;
	font-family: Archivo, system-ui, sans-serif;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.3;
}

.woocommerce-products-header h1,
.single-product .product_title {
	font-family: Archivo, system-ui, sans-serif;
	font-weight: 800;
	letter-spacing: -0.04em;
}

.woocommerce ul.products {
	gap: 16px;
}

.woocommerce .products .product,
.related.products .product {
	padding: 0 0 16px;
	border: 1px solid var(--ekicim-border);
	border-radius: 8px;
	background: #fff;
	overflow: hidden;
}

/* Blocksy görseli <figure> içine sarıyor; figure da kenar boşluğu alınca
   görsel 16px sağa kayıp kartın sağından 14px taşıyordu (13 Eyl 2026). */
.woocommerce .products .product > *:not(.ct-media-container):not(.woocommerce-LoopProduct-link):not(figure) {
	margin-inline: 15px;
}

.woocommerce .products .product .ct-media-container,
.woocommerce .products .product .woocommerce-LoopProduct-link img {
	background: #f3f5f6;
}

.woocommerce-loop-product__title {
	font-family: Archivo, system-ui, sans-serif;
	font-size: 0.98rem !important;
	font-weight: 700;
	line-height: 1.4;
}

.woocommerce-ordering select,
.woocommerce .widget_layered_nav select,
.woocommerce .widget_product_categories select {
	border-radius: 6px;
}

.ekicim-shop-support {
	display: flex;
	gap: 24px;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin: 0 0 26px;
	padding: 17px 19px;
	border-left: 4px solid var(--ekicim-orange);
	background: #fff;
	box-shadow: 0 8px 25px rgba(17, 27, 36, 0.06);
}

.ekicim-shop-support > div {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.ekicim-shop-support strong {
	font-family: Archivo, system-ui, sans-serif;
	font-size: 0.95rem;
}

.ekicim-shop-support span {
	color: var(--ekicim-muted);
	font-size: 0.88rem;
}

.ekicim-shop-support > a {
	flex: 0 0 auto;
	padding: 10px 14px;
	border-radius: 5px;
	background: var(--ekicim-wa);
	color: #fff;
	font-size: 0.88rem;
	font-weight: 700;
}

.ekicim-shop-support > a:hover,
.ekicim-shop-support > a:focus-visible {
	background: var(--ekicim-wa-dark);
	color: #fff;
}

.single-product div.product {
	gap: clamp(28px, 5vw, 72px);
}

.single-product .woocommerce-product-gallery {
	padding: 24px;
	border: 1px solid var(--ekicim-border);
	border-radius: 8px;
	background: #fff;
}

.single-product .summary {
	padding-top: 10px;
}

.single-product .product_meta {
	padding: 16px 0;
	border-top: 1px solid var(--ekicim-border);
	border-bottom: 1px solid var(--ekicim-border);
}

.single-product .woocommerce-tabs {
	margin-top: 58px;
}

.ekicim-product-support {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 36px;
	align-items: center;
	margin-top: 52px;
	padding: 30px;
	border-top: 4px solid var(--ekicim-orange);
	background: var(--ekicim-ink-soft);
	color: #fff;
}

.ekicim-product-support__label {
	color: #f4a878;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.1em;
}

.ekicim-product-support h2 {
	margin: 7px 0;
	color: #fff;
	font-size: 1.45rem;
	letter-spacing: -0.03em;
}

.ekicim-product-support p {
	margin: 0;
	color: #c9d2d9;
}

.ekicim-product-support .ekicim-whatsapp-button {
	margin: 0;
	white-space: nowrap;
}

.single-product .woocommerce-tabs .tabs {
	border-bottom: 1px solid var(--ekicim-border);
}

.single-product .woocommerce-product-details__short-description {
	font-size: 1rem;
	line-height: 1.65;
}

.ekicim-price-note {
  color: var(--ekicim-ink);
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.35;
}

.ekicim-whatsapp-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  min-height: 44px;
  padding: 0.7rem 1rem;
  border-radius: 8px;
  background: var(--ekicim-wa);
  color: #fff !important;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none !important;
  transition: background-color 160ms ease, transform 160ms ease;
}

.ekicim-whatsapp-button:hover,
.ekicim-whatsapp-button:focus-visible {
  background: var(--ekicim-wa-dark);
  color: #fff !important;
}

.ekicim-whatsapp-button:active {
  transform: translateY(1px);
}

/* Ürün sayfası: fiyatın altında tek, içeriği kadar geniş buton (13 Eyl 2026 —
   eskiden 440×50 turuncu kutuydu). */
.single-product .ekicim-whatsapp-button {
  min-height: 46px;
  margin-top: 1rem;
  padding-inline: 1.3rem;
}

.ekicim-catalog-mode .cart,
.ekicim-catalog-mode .added_to_cart,
.ekicim-catalog-mode .ct-header-cart,
.ekicim-catalog-mode .ct-cart-item,
.ekicim-catalog-mode .ct-account-item {
  display: none !important;
}

/* Satış açıkken de üyelik yok (18 Eyl 2026) — hesap simgesi gizli, sepet görünür. */
.ekicim-satis-acik .ct-account-item {
  display: none !important;
}

.woocommerce-loop-product__title,
.product_title {
  color: var(--ekicim-ink);
}

@media (max-width: 689px) {
  .ekicim-whatsapp-button {
    min-height: 48px;
  }

	.ekicim-shell {
		width: min(100% - 30px, 1280px);
	}

	.ekicim-hero {
		padding: 38px 0 42px;
	}

	.ekicim-hero__grid {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.ekicim-hero h1 {
		font-size: clamp(2.3rem, 11vw, 3.4rem);
	}

	.ekicim-hero__lead {
		margin: 18px 0 24px;
		font-size: 1rem;
	}

	.ekicim-product-search {
		min-height: 58px;
	}

	.ekicim-product-search input[type="search"] {
		padding: 0 12px;
		font-size: 0.92rem;
	}

	.ekicim-product-search button {
		min-width: 76px;
	}

	.ekicim-popular a:nth-of-type(n + 3) {
		display: none;
	}

	.ekicim-expert-card {
		padding: 23px;
		box-shadow: 10px 10px 0 rgba(0, 0, 0, 0.13);
	}

	.ekicim-section {
		padding: 52px 0;
	}

	.ekicim-section-heading {
		align-items: flex-start;
		flex-direction: column;
	}

	.ekicim-section-heading h2,
	.ekicim-service h2 {
		font-size: 1.8rem;
	}

	.ekicim-category-grid,
	.ekicim-product-grid {
		grid-template-columns: 1fr;
	}

	.ekicim-category-card {
		min-height: 116px;
		padding: 17px;
	}

	.ekicim-category-card.has-photo {
		min-height: 210px;
	}

	.ekicim-category-card__mark {
		width: 58px;
		height: 58px;
	}

	.ekicim-job-strip {
		padding: 48px 0;
	}

	.ekicim-job-grid {
		grid-template-columns: 1fr 1fr;
	}

	.ekicim-job-grid a {
		min-height: 118px;
	}

	.ekicim-product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}

	.ekicim-product-card__content {
		padding: 13px;
	}

	.ekicim-service {
		padding: 50px 0 82px;
	}

	.ekicim-service__grid {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.ekicim-shop-support,
	.ekicim-product-support {
		align-items: stretch;
		grid-template-columns: 1fr;
		flex-direction: column;
	}

	.ekicim-shop-support > a {
		text-align: center;
	}

	/* Blocksy de açıklamayı telefonda gizliyordu (ct-hidden-sm). */
	.woocommerce.archive .woocommerce-products-header .term-description {
		display: none;
	}

	.ekicim-kategori-kapak {
		margin-top: 14px;
	}

	/* Telefonda alt kategoriler alt alta dizilince (4 × 177px) ilk ürün
	   1300px'e iniyordu → yana kayan tek sıra; tek kart tam genişlik. */
	.ekicim-alt-kategoriler {
		grid-template-columns: none;
		grid-auto-flow: column;
		grid-auto-columns: minmax(80%, 1fr);
		gap: 12px;
		margin-inline: -15px;
		padding: 0 15px 8px;
		overflow-x: auto;
		overscroll-behavior-x: contain;
		scroll-padding-inline: 15px;
		scroll-snap-type: x mandatory;
		scrollbar-width: thin;
	}

	.ekicim-alt-kategori {
		scroll-snap-align: start;
	}

	.ekicim-alt-kategori:hover,
	.ekicim-alt-kategori:focus-visible {
		transform: none;
	}

	.ekicim-mobile-actions {
		display: grid;
		position: fixed;
		z-index: 999;
		left: 0;
		right: 0;
		bottom: 0;
		grid-template-columns: 0.65fr 1.35fr;
		gap: 1px;
		padding: 8px;
		background: rgba(17, 27, 36, 0.96);
		box-shadow: 0 -6px 24px rgba(0, 0, 0, 0.16);
	}

	.ekicim-mobile-actions a {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 48px;
		border-radius: 5px;
		background: #fff;
		color: var(--ekicim-ink);
		font-weight: 700;
	}

	.ekicim-mobile-actions a:last-child {
		background: var(--ekicim-wa);
		color: #fff;
	}

	.woocommerce ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

/* Üst bilgi satırı — gerçek ticari ad + slogan. Başlıkla aynı zemin ve aynı
   kap genişliği (Blocksy .ct-container): ikinci logo yok, ayrı bant gibi durmaz.
   Bütün sayfalarda basılır; yalnız ana sayfada olunca menüye geçerken başlık zıplıyordu. */
.ekicim-business-strip {
	background: var(--ekicim-ink);
	border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.ekicim-business-strip__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-height: 40px;
}

.ekicim-business-strip__name {
	display: inline-flex;
	gap: 9px;
	align-items: center;
	color: #fff !important;
	font-size: 13.5px;
	font-weight: 800;
	letter-spacing: 0.1em;
	line-height: 1.2;
	text-decoration: none !important;
	text-transform: uppercase;
	white-space: nowrap;
}

/* Turuncu ev amblemi — favicon'daki simgenin aynısı (tek renk). Beyazı da
   denendi: sıradan "ana sayfa" düğmesi gibi okundu (13 Eyl 2026). */
.ekicim-business-strip__ev {
	flex: 0 0 auto;
	width: 17px;
	height: 17px;
	background: url("assets/logo/ekicim-simge.svg") center / contain no-repeat;
	transform: translateY(-1px);
}

.ekicim-business-strip__name:hover,
.ekicim-business-strip__name:focus-visible {
	color: #ffd7bf !important;
}

.ekicim-business-strip__slogan {
	color: rgba(255, 255, 255, 0.88);
	font-family: "Caveat Ekicim", "Segoe Print", cursive;
	font-size: 22px;
	font-weight: 600;
	line-height: 1;
	white-space: nowrap;
}

@media (max-width: 689px) {
	.ekicim-business-strip__inner {
		min-height: 34px;
	}

	.ekicim-business-strip__name {
		gap: 7px;
		font-size: 12px;
		letter-spacing: 0.07em;
	}

	.ekicim-business-strip__ev {
		width: 15px;
		height: 15px;
	}

	.ekicim-business-strip__slogan {
		font-size: 17px;
	}
}

/* Dar telefonda ikisi tek satıra sığmıyor; ticari ad kalır. */
@media (max-width: 479px) {
	.ekicim-business-strip__inner {
		justify-content: center;
	}

	.ekicim-business-strip__slogan {
		display: none;
	}
}

@media (min-width: 690px) and (max-width: 1024px) {
	.ekicim-hero__grid {
		grid-template-columns: 1.25fr 0.75fr;
		gap: 32px;
	}

	.ekicim-category-grid,
	.ekicim-product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ekicim-job-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ekicim-service__grid {
		grid-template-columns: 1fr;
		gap: 34px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ekicim-category-card,
	.ekicim-product-card {
		transition: none;
	}
}

/* ---------------------------------------------------------------------------
   WooCommerce arşiv ve ilgili ürün kartları (0.4.0)
   Kartların kendi ızgarası ürün sayısına göre esniyordu: kategoride tek ürün
   kalınca kart tüm satırı kaplıyor, fotoğraf sayfa boyunda büyüyordu.
   Ana sayfadaki ekicim-product-card zaten sabit oranlı; aynı davranışı
   WooCommerce'in kendi kartlarına da veriyoruz.
   --------------------------------------------------------------------------- */

.woocommerce ul.products,
.related.products ul.products {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	align-items: start;
}

/* Blocksy kart görselinin oranını kendi inline stiliyle veriyor; kartların
   aynı yükseklikte durması için burada sabitliyoruz. */
.woocommerce .products .product .ct-media-container,
.related.products .product .ct-media-container {
	aspect-ratio: 4 / 3 !important;
	height: auto !important;
	padding-bottom: 0 !important;
	overflow: hidden;
}

.woocommerce .products .product .ct-media-container img,
.related.products .product .ct-media-container img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}

/* Fiyatı olmayan üründe "Fiyat için sorun" — kartta fiyat yerine, soluk. */
.ekicim-fiyat-satiri .ekicim-price-note {
	color: var(--ekicim-muted);
	font-size: 0.88rem;
	font-weight: 600;
}

@media (max-width: 600px) {
	.woocommerce ul.products,
	.related.products ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}


/* ---------------------------------------------------------------------------
   WhatsApp'a giden eylemler
   0.4.2'de marka turuncusuydu; 13 Eyl 2026'da (0.10.19) kullanıcı "turuncu
   kutular iyi durmuyor" dedi → WhatsApp'a giden her düğme WhatsApp yeşili
   (--ekicim-wa). Turuncu marka vurgusu olarak kaldı (bağlantı, arama, çizgi).
   "Stokta var" yeşil noktası ana sayfa kartından kalktığı için renk çakışmıyor.
   --------------------------------------------------------------------------- */

.ekicim-whatsapp-button::before,
.ekicim-cta--whatsapp::before,
.ekicim-wa-mini::before,
.ekicim-shop-support > a::before,
.ekicim-mobile-actions a:last-child::before {
	content: "";
	flex: 0 0 auto;
	width: 17px;
	height: 17px;
	background-color: currentColor;
	-webkit-mask: var(--ekicim-wa-icon) center / contain no-repeat;
	mask: var(--ekicim-wa-icon) center / contain no-repeat;
}

.ekicim-shop-support > a,
.ekicim-mobile-actions a:last-child {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
}

/* ---------------------------------------------------------------------------
   Üst bant (0.4.4)
   Logo antrasit zeminli çizildiği için beyaz başlıkta koyu bir blok gibi
   duruyordu. Bant koyuya alındı: logo zemine oturuyor, turuncu telefon butonu
   öne çıkıyor ve hero ile üst bant tek parça okunuyor.
   --------------------------------------------------------------------------- */

/* Blocksy satır zeminini kendi değişkeniyle basıyor; hem elemana hem o
   değişkene yazıyoruz, yoksa yalnız yazı rengi geçip beyaz üstünde beyaz
   menü kalıyor. */
.ct-header [data-row="middle"],
.ct-header [data-row="middle"] > div {
	--theme-header-background-color: var(--ekicim-ink);
	background-color: var(--ekicim-ink) !important;
}

.ct-header [data-row="middle"] {
	border-bottom: 3px solid var(--ekicim-orange);
}

.ct-header [data-row="middle"] .menu > li > a,
.ct-header [data-row="middle"] .ct-header-search,
.ct-header [data-row="middle"] .ct-toggle-close,
.ct-header [data-row="middle"] [data-id="trigger"] {
	color: #fff;
}

.ct-header [data-row="middle"] .menu > li > a:hover,
.ct-header [data-row="middle"] .menu > li.current-menu-item > a {
	color: var(--ekicim-orange);
}

/* Menü açılırında (kategoriler) okunabilirlik. */
.ct-header [data-row="middle"] .sub-menu {
	background: #fff;
}

.ct-header [data-row="middle"] .sub-menu a {
	color: var(--ekicim-ink);
}

/* Telefon butonu üst bandın ana eylemi.
   Renk sarmalayıcıya (.ct-header-cta) değil içteki a.ct-button'a verilmeli:
   buton sarmalayıcının zeminini örtüyor ve Blocksy'nin palet rengini
   (--theme-palette-color-1) basıyordu. O palet 7 Eyl'de donmuş dinamik CSS
   önbelleğinden geldiği için Blocksy mavisiydi (#2872fa). (0.9.6) */
.ct-header .ct-header-cta .ct-button {
	--theme-button-background-initial-color: var(--ekicim-orange);
	--theme-button-background-hover-color: var(--ekicim-orange-dark);
	--theme-button-text-initial-color: #fff;
	--theme-button-text-hover-color: #fff;
	background-color: var(--ekicim-orange);
	border-color: var(--ekicim-orange);
	color: #fff;
	font-weight: 700;
	letter-spacing: 0.01em;
}

.ct-header .ct-header-cta .ct-button:hover,
.ct-header .ct-header-cta .ct-button:focus-visible {
	background-color: var(--ekicim-orange-dark);
	border-color: var(--ekicim-orange-dark);
	color: #fff;
}

/* Logo görselinin çevresindeki boşluk bandın yüksekliğini şişirmesin. */
.ct-header [data-id="logo"] .site-logo-container img {
	display: block;
}

/* ---------------------------------------------------------------------------
   Hero vitrin görseli (0.6.0)
   Sağdaki "ürün desteği" kartının yerini ürün vitrini aldı. Karttaki üç madde
   zaten sayfanın altındaki "doğru çözümü veriyoruz" bölümüyle tekrar ediyordu;
   eylemler (WhatsApp + telefon) arama kutusunun altına indi.
   --------------------------------------------------------------------------- */

.ekicim-hero__grid {
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
	align-items: center;
}

.ekicim-hero__gorsel {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.ekicim-hero__gorsel img {
	width: 100%;
	/* Görsel, içerik sütunundan uzun olunca hero'yu gereksiz uzatıyordu;
	   iki sütunun yüksekliğini birbirine yaklaştırıyoruz. */
	max-width: 372px;
	/* Görsel DİKEY (1120x1282): genişlikten sınırlamak yetmiyordu, 360px
	   genişlikte 412px yükseklik kaplayıp hero"nun boyunu tek başına
	   belirliyordu. Asıl sınır yükseklikte olmalı. */
	max-height: 336px;
	height: auto;
	object-fit: contain;
	/* Şeffaf PNG koyu zeminde düz duruyordu; hafif gölge hacim veriyor. */
	filter: drop-shadow(0 26px 45px rgba(0, 0, 0, 0.42));
}

.ekicim-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	margin-top: 14px;
}

.ekicim-hero__actions .ekicim-cta {
	min-height: 42px;
	padding: 0.62rem 1.1rem;
	border-radius: 8px;
	font-weight: 700;
	font-size: 0.97rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	text-decoration: none;
}

/* Telefon ikincil eylem: aynı ağırlık, çerçeveli. */
.ekicim-cta--phone {
	border: 2px solid rgba(255, 255, 255, 0.35);
	color: #fff !important;
	letter-spacing: 0.01em;
}

.ekicim-cta--phone:hover,
.ekicim-cta--phone:focus-visible {
	border-color: var(--ekicim-orange);
	color: #fff !important;
}

@media (max-width: 900px) {
	.ekicim-hero__grid {
		grid-template-columns: 1fr;
	}

	/* Mobilde önce arama ve eylemler, görsel altta. */
	.ekicim-hero__gorsel {
		order: 2;
		justify-content: center;
		margin-top: 28px;
	}

	.ekicim-hero__gorsel img {
		max-width: 340px;
	}

	.ekicim-hero__actions .ekicim-cta {
		flex: 1 1 auto;
	}
}

/* ---------------------------------------------------------------------------
   Çalıştığımız markalar — ana sayfa (8 Eyl 2026)
   Kayan bant değil sabit ızgara: hareket eden logo okunmuyor, marka adları da
   alt metninde durduğu için aramaya giriyor.
   ⚠️ Kompakt tutuluyor — ilk sürüm ekranın yarısını kaplıyordu. Hücre yüksekliği
   ve logo boyutu büyütülecekse satır sayısına bak.
--------------------------------------------------------------------------- */

.ekicim-brands {
	padding-block: clamp(38px, 5vw, 62px);
}

.ekicim-brands .ekicim-section-heading {
	margin-bottom: 6px;
}

.ekicim-brands__intro {
	max-width: 68ch;
	margin: 0 0 20px;
	color: var(--ekicim-muted);
	font-size: 0.94rem;
	line-height: 1.55;
}

.ekicim-brand-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(116px, 1fr));
	gap: 8px;
}

.ekicim-brand {
	display: grid;
	place-items: center;
	min-height: 62px;
	padding: 10px 12px;
	background: var(--ekicim-surface);
	border: 1px solid var(--ekicim-border);
	border-radius: 8px;
}

.ekicim-brand img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 30px;
	filter: grayscale(1);
	opacity: 0.66;
	transition: filter 0.25s ease, opacity 0.25s ease;
}

/* Kare/dikey logolar yükseklik sınırına takılıp minicik kalıyordu. */
.ekicim-brand--kare img {
	max-height: 46px;
}

a.ekicim-brand {
	text-decoration: none;
	transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

a.ekicim-brand:hover,
a.ekicim-brand:focus-visible {
	border-color: var(--ekicim-orange);
	box-shadow: 0 8px 20px rgba(17, 27, 36, 0.08);
}

.ekicim-brand:hover img,
a.ekicim-brand:focus-visible img {
	filter: none;
	opacity: 1;
}

/* Dokunmatikte hover yok — logolar sürekli gri kalmasın. */
@media (hover: none) {
	.ekicim-brand img {
		filter: none;
		opacity: 1;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ekicim-brand img,
	a.ekicim-brand {
		transition: none;
	}
}

@media (max-width: 600px) {
	.ekicim-brand-grid {
		grid-template-columns: repeat(auto-fill, minmax(92px, 1fr));
		gap: 6px;
	}

	.ekicim-brand {
		min-height: 54px;
		padding: 8px 10px;
	}

	.ekicim-brand img {
		max-height: 25px;
	}

	.ekicim-brand--kare img {
		max-height: 38px;
	}
}

/* ---------------------------------------------------------------------------
 * Ürün açıklamasındaki teknik künye tablosu (.ekicim-teknik)
 * Ürün aktarım scriptleri bu sınıfla tablo basar. İki sütun: etiket + değer.
 * Dar ekranda tablo yerine satır satır okunur hâle gelir.
 * ------------------------------------------------------------------------- */

.ekicim-teknik {
	width: 100%;
	margin: 14px 0 22px;
	border: 1px solid var(--ekicim-border);
	border-radius: var(--ekicim-radius);
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	font-size: 15px;
	line-height: 1.45;
}

.ekicim-teknik tr:nth-child(even) {
	background: var(--ekicim-canvas);
}

.ekicim-teknik th,
.ekicim-teknik td {
	padding: 10px 14px;
	text-align: left;
	vertical-align: top;
	border: 0;
	border-bottom: 1px solid var(--ekicim-border);
}

.ekicim-teknik tr:last-child th,
.ekicim-teknik tr:last-child td {
	border-bottom: 0;
}

.ekicim-teknik th {
	width: 46%;
	font-weight: 600;
	color: var(--ekicim-ink-soft);
}

.ekicim-teknik td {
	color: var(--ekicim-ink);
	font-variant-numeric: tabular-nums;
}

@media (max-width: 560px) {
	.ekicim-teknik,
	.ekicim-teknik tbody,
	.ekicim-teknik tr,
	.ekicim-teknik th,
	.ekicim-teknik td {
		display: block;
		width: auto;
	}

	.ekicim-teknik tr {
		border-bottom: 1px solid var(--ekicim-border);
	}

	.ekicim-teknik tr:last-child {
		border-bottom: 0;
	}

	.ekicim-teknik th {
		padding-bottom: 0;
		border-bottom: 0;
		font-size: 13px;
		color: var(--ekicim-muted);
	}

	.ekicim-teknik td {
		padding-top: 2px;
		border-bottom: 0;
		font-weight: 600;
	}
}

/* ---------------------------------------------------------------------------
 * Ürün ızgarası — kart hizası (9 Eyl 2026)
 * Başlığı iki satır olan kart (ör. "HUSQVARNA 120 Mark II Motorlu Testere")
 * tek satırlık komşusundan uzun kalıyor, butonlar kayık duruyordu.
 * Kartlar eşit yüksekliğe çekilir, alt aksiyonlar tabana yaslanır.
 * ------------------------------------------------------------------------- */

ul.products {
	align-items: stretch;
}

ul.products > li.product,
ul.products > li.product-category {
	display: flex;
	flex-direction: column;
	height: 100%;
}

/* "Devamını oku" + WhatsApp bloğu kartın tabanına yaslanır; üstteki
   başlık/fiyat/kategori satırları ne kadar yer kaplarsa kaplasın. */
ul.products > li.product .ct-woo-card-actions {
	margin-top: auto;
}

/* Aksiyon bloğu olmayan kartta (kategori kartı) son öğe tabana gitsin. */
ul.products > li.product-category > a:last-child {
	margin-top: auto;
}

/* Başlıklar iki satıra kadar aynı yüksekliği tutsun — tek satırlık başlıkta
   da kart altındaki hizayı bozmaz. */
ul.products > li.product .woocommerce-loop-product__title {
	min-height: 2.8em;
}

@media (max-width: 480px) {
	ul.products > li.product .woocommerce-loop-product__title {
		min-height: 0;
	}
}

/* Kategori kartı (li.product-category) ürün kartından çok daha az içerik
 * taşıyor. Ürün kartı boyuna zorlanınca ya altı boş kalıyor ya da görseli
 * "cover" ile kırpmak gerekiyordu — ikisi de kötü durdu. Doğrusu: kart
 * içeriği kadar yüksek olsun, ızgarada üstten hizalansın. */
ul.products > li.product-category {
	align-self: start;
	height: auto;
}

/* ---------------------------------------------------------------------------
 * Katalog filtreleri (10 Eyl 2026)
 * Masaüstünde sol kenar çubuğu: kategoriler + Pompa tipi + Motor gücü.
 * Blocksy çubuğu 1000px altında gizliyor (ct-hidden-sm/md); telefonda
 * "Filtrele" düğmesi aynı çubuğu tam ekran panel olarak açar
 * (ekicim-filtre.php).
 * ------------------------------------------------------------------------- */

.ekicim-filtre-ac,
.ekicim-filtre-baslik {
	display: none;
}

/* Blocksy'nin donmuş paletinden mavi gelmesin. */
#sidebar a {
	color: var(--ekicim-ink);
}

#sidebar a:hover,
#sidebar a:focus-visible,
#sidebar .woocommerce-widget-layered-nav-list .chosen a {
	color: var(--ekicim-orange);
}

#sidebar .woocommerce-widget-layered-nav-list .chosen a {
	font-weight: 700;
}

/* Seçili filtre: tıklayınca kaldırıldığı belli olsun. */
#sidebar .widget_layered_nav_filters ul {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

#sidebar .widget_layered_nav_filters li a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 10px;
	border: 1px solid var(--ekicim-border);
	border-radius: 999px;
	background: var(--ekicim-canvas);
}

#sidebar .widget_layered_nav_filters li a::after {
	content: "×";
	font-weight: 700;
}

@media (max-width: 999.98px) {
	.ekicim-filtre-ac {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		width: 100%;
		min-height: 44px;
		margin: 0 0 16px;
		padding: 0 16px;
		border: 1px solid var(--ekicim-border);
		border-radius: var(--ekicim-radius);
		background: var(--ekicim-surface);
		color: var(--ekicim-ink);
		font-weight: 700;
		cursor: pointer;
	}

	.ekicim-filtre-ac__sayi {
		display: inline-grid;
		place-items: center;
		min-width: 22px;
		height: 22px;
		padding: 0 6px;
		border-radius: 11px;
		background: var(--ekicim-orange);
		color: #fff;
		font-size: 0.8rem;
	}

	/* Blocksy'nin .ct-hidden-sm/md kuralı !important; aynı ağırlıkta daha
	   özgül seçici onu ezer. */
	html.ekicim-filtre-acik #sidebar {
		display: block !important;
		position: fixed;
		inset: 0;
		z-index: 100000;
		overflow-y: auto;
		padding: 0 20px 32px;
		background: var(--ekicim-surface);
	}

	html.ekicim-filtre-acik #sidebar .ct-sidebar {
		position: static;
	}

	/* Parmakla seçiliyor: satır ~27px'ti, en az ~40px olsun. Sayı adın
	   yanında kalsın diye bağlantı blok değil inline-block. (0.9.8) */
	html.ekicim-filtre-acik #sidebar .woocommerce-widget-layered-nav-list a,
	html.ekicim-filtre-acik #sidebar .product-categories a {
		display: inline-block;
		padding: 10px 0;
	}

	html.ekicim-filtre-acik,
	html.ekicim-filtre-acik body {
		overflow: hidden;
	}

	/* Alttaki sabit "Ara / WhatsApp" çubuğu panelin üstüne binmesin. */
	html.ekicim-filtre-acik .ekicim-mobile-actions {
		display: none;
	}

	/* #main (z-index 1) kendi katmanını açıyor; #header (z-index 50) onun
	   üstünde kalıp sayfa en üstteyken "Filtreler ×" satırını örtüyordu.
	   Panel açıkken #main öne alınır. (0.9.9) */
	html.ekicim-filtre-acik #main {
		z-index: 100001;
	}

	.ekicim-filtre-baslik {
		position: sticky;
		top: 0;
		z-index: 1;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 0 -20px 16px;
		padding: 14px 20px;
		border-bottom: 1px solid var(--ekicim-border);
		background: var(--ekicim-surface);
	}

	.ekicim-filtre-kapat {
		width: 40px;
		height: 40px;
		border: 0;
		border-radius: 50%;
		background: var(--ekicim-canvas);
		color: var(--ekicim-ink);
		font-size: 1.6rem;
		line-height: 1;
		cursor: pointer;
	}
}

/* Footer — 11 Eyl 2026. Üst ve orta satır 7 Eyl'den beri "demo bileşeni" diye
   gizliydi; bileşenler sonradan dolmuş ama kural kalmıştı ve KVKK / Çerez /
   Gizlilik bağlantıları da görünmüyordu. İçerik düzeltildi (bkz. ekicim-footer.php). */
.ct-footer [data-row="top"] {
	border-bottom: 1px solid rgba(17, 27, 36, 0.08);
}

/* Blocksy menüyü iki sütunlu satırın sağ yarısına koyuyor, menü iki satıra kırılıyordu. */
.ct-footer [data-row="top"] > div {
	grid-template-columns: 1fr !important;
	padding-block: 22px !important;
}

.ct-footer [data-row="top"] [data-column="ghost"] {
	display: none !important;
}

.ct-footer [data-row="top"] [data-column="menu"] {
	justify-content: flex-start !important;
}

.ct-footer [data-row="middle"] > div {
	padding-block: 44px !important;
}

/* Blocksy 1000px altında dört sütunu alt alta diziyor: telefonda footer 1300px'ti. */
@media (max-width: 999.98px) {
	.ct-footer [data-row="middle"] > div {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 32px 24px !important;
		padding-block: 36px !important;
	}
}

@media (max-width: 689px) {
	.ct-footer [data-row="middle"] [data-column="widget-area-3"],
	.ct-footer [data-row="middle"] [data-column="widget-area-4"] {
		grid-column: 1 / -1;
	}

	/* "Mağazamız" metni ana sayfa girişiyle aynı şeyi söylüyor; telefonda yer açsın. */
	.ct-footer #text-2 {
		display: none;
	}

	/* Katalog sayfalarındaki sabit Ara / WhatsApp çubuğu (64px) telif satırını örtüyordu. */
	body:has(.ekicim-mobile-actions) .ct-footer {
		padding-bottom: 64px;
	}
}

/* ---------------------------------------------------------------------------
 * Fiyat satırı — ürün kartı, ana sayfa kartı (13 Eyl 2026, tema 0.10.19)
 * Kullanıcı: "Devamını oku" ve "WhatsApp'tan fiyat sor" kutuları çok büyük,
 * alt alta biniyor, görseller sayfaya sığmıyor. Kartta artık tek satır:
 * solda fiyat, sağda küçük yuvarlak WhatsApp düğmesi. Kartın kendisi (görsel
 * ve başlık) ürüne gidiyor, ayrı "detay" düğmesine gerek yok.
 * ------------------------------------------------------------------------- */

.ekicim-fiyat-satiri {
	display: flex;
	gap: 8px;
	align-items: center;
	justify-content: space-between;
	min-height: 38px;
}

ul.products > li.product .ekicim-fiyat-satiri,
.ekicim-product-card .ekicim-fiyat-satiri {
	margin-top: auto;
}

.ekicim-fiyat-satiri .price {
	display: block;
	min-width: 0;
	margin: 0;
	color: var(--ekicim-ink);
	font-family: Archivo, system-ui, sans-serif;
	font-size: 1.08rem;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: -0.01em;
}

.ekicim-fiyat-satiri .price bdi {
	white-space: nowrap;
}

.woocommerce-price-suffix {
	color: var(--ekicim-muted);
	font-family: Barlow, system-ui, sans-serif;
	font-size: 0.78em;
	font-weight: 600;
	letter-spacing: 0;
	white-space: nowrap;
}

.ekicim-wa-mini {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: var(--ekicim-wa);
	color: #fff !important;
	transition: background-color 160ms ease, transform 160ms ease;
}

.ekicim-wa-mini::before {
	width: 20px;
	height: 20px;
}

.ekicim-wa-mini:hover,
.ekicim-wa-mini:focus-visible {
	background: var(--ekicim-wa-dark);
	transform: scale(1.06);
}

.ekicim-wa-mini:focus-visible {
	outline: 2px solid var(--ekicim-wa-dark);
	outline-offset: 2px;
}

/* Ana sayfa kartında fiyat satırı başlığın altına yaslansın. */
.ekicim-product-card h3 {
	margin-bottom: 12px;
}

/* Ürün sayfası özet fiyatı. */
.single-product .summary .price {
	color: var(--ekicim-ink);
	font-family: Archivo, system-ui, sans-serif;
	font-size: clamp(1.5rem, 2.4vw, 1.9rem);
	font-weight: 800;
	letter-spacing: -0.02em;
}

.single-product .summary .price .woocommerce-price-suffix {
	margin-left: 4px;
	font-size: 0.5em;
}

@media (max-width: 480px) {
	.ekicim-fiyat-satiri {
		gap: 6px;
	}

	.ekicim-fiyat-satiri .price {
		font-size: 0.92rem;
	}

	.ekicim-wa-mini {
		width: 34px;
		height: 34px;
	}

	.ekicim-wa-mini::before {
		width: 18px;
		height: 18px;
	}
}

/* ---------------------------------------------------------------------------
 * Codex taraması — telefon kataloğu ve üst bant simgeleri (15 Eyl 2026, 0.11.0)
 * 1) Telefonda ilk ürün ekranın dibinden başlıyordu (~650px): alt kategori
 *    şeridi 175px, filtre düğmesi ayrı satır 60px, danışma kutusu 176px,
 *    sıralama simgesi ayrı satır 59px. Şerit küçük yatay kartlara indi (görsel
 *    3:1 tam, kırpılmadan), düğme sıralama simgesiyle aynı satıra girdi
 *    (ekicim-filtre.php öncelik 25), danışma kutusu sayfalamanın altına indi.
 * 2) Menü ve arama simgesi koyu bantta #3A4F66 çiziliyordu (kontrast ~1,9:1):
 *    Blocksy svg'yi `color` ile değil `--theme-icon-color` ile boyuyor.
 * ------------------------------------------------------------------------- */

.ct-header [data-row="middle"] [data-id="trigger"],
.ct-header [data-row="middle"] .ct-header-search,
.ct-header [data-row="middle"] .ct-header-cart .ct-cart-item {
	--theme-icon-color: #fff;
	--theme-icon-hover-color: var(--ekicim-orange);
}

.ekicim-shop-support--alt {
	margin: 32px 0 0;
}

@media (min-width: 690px) {
	.ekicim-shop-support--alt {
		display: none;
	}
}

/* Tablet: sayı · düğme · sıralama tek satır; düğme içeriği kadar. */
@media (max-width: 999.98px) {
	.woo-listing-top .ekicim-filtre-ac {
		flex: 0 0 auto;
		width: auto;
		margin: 0;
	}
}

@media (max-width: 689px) {
	.ekicim-shop-support--ust {
		display: none;
	}

	/* Simgeler büyüsün, dokunma alanı 44px olsun. */
	.ct-header [data-row="middle"] [data-id="trigger"],
	.ct-header [data-row="middle"] .ct-header-search,
	.ct-header [data-row="middle"] .ct-header-cart .ct-cart-item {
		--theme-icon-size: 22px;
		justify-content: center;
		min-width: 44px;
		min-height: 44px;
	}

	.woo-listing-top:not(:empty) {
		margin-bottom: 16px;
	}

	/* Sonuç sayısı telefonda gizli (ct-hidden-sm); düğme boşluğu doldurur,
	   sıralama sağda 34px simge olarak kalır. */
	.woo-listing-top .ekicim-filtre-ac {
		flex: 1 1 auto;
		min-width: 0;
	}

	.woo-listing-top .woocommerce-ordering {
		flex: 0 0 auto;
	}

	/* Blocksy telefonda select'i 34px şeffaf simgeye indiriyor; düğmeyle aynı boy. */
	.woo-listing-top .woocommerce-ordering select {
		width: 44px;
		height: 44px;
		border-radius: var(--ekicim-radius);
	}

	/* Alt kategoriler: 80% genişlikte 141px'lik kartlar yerine yana kayan
	   küçük kartlar — solda bandın tamamı (3:1, 114×38), sağda ad. */
	.ekicim-alt-kategoriler {
		grid-auto-columns: max-content;
		gap: 8px;
		margin-bottom: 14px;
		padding-bottom: 6px;
	}

	.ekicim-alt-kategori {
		flex-direction: row;
		align-items: center;
		gap: 10px;
		padding: 4px 14px 4px 4px;
	}

	.ekicim-alt-kategori img {
		flex: 0 0 114px;
		width: 114px;
		border-radius: 5px;
	}

	.ekicim-alt-kategori__ad {
		padding: 0;
		font-size: 0.92rem;
		white-space: nowrap;
	}
}

/* ---------------------------------------------------------------------------
 * Sosyal hesaplar — footer İletişim sütunu (15 Eyl 2026, 0.11.1)
 * ekicim-footer.php → ekicim_footer_sosyal. Adresler Customizer'da.
 * ------------------------------------------------------------------------- */

.ekicim-sosyal {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 18px 0 0;
	padding: 0;
	list-style: none;
}

.ekicim-sosyal li {
	margin: 0;
}

.ekicim-sosyal__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border: 1px solid var(--ekicim-border);
	border-radius: 50%;
	background: var(--ekicim-surface);
	color: var(--ekicim-ink) !important;
	transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

.ekicim-sosyal__link:hover,
.ekicim-sosyal__link:focus-visible {
	border-color: var(--ekicim-orange);
	background: var(--ekicim-orange);
	color: #fff !important;
}

.ekicim-sosyal__link:focus-visible {
	outline: 2px solid var(--ekicim-orange);
	outline-offset: 2px;
}

@media (max-width: 689px) {
	.ekicim-sosyal__link {
		width: 44px;
		height: 44px;
	}
}

/* Taksit satırı — ürün sayfasında fiyatın hemen altında (0.12.9). */
.ekicim-taksit {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 10px;
	margin: 10px 0 18px;
	padding: 10px 12px;
	border: 1px solid var(--ekicim-border);
	border-left: 3px solid var(--ekicim-orange);
	border-radius: var(--ekicim-radius);
	background: var(--ekicim-canvas);
	color: var(--ekicim-ink);
	font-size: 0.95rem;
	line-height: 1.4;
}

.ekicim-taksit__ikon {
	font-size: 1rem;
	line-height: 1;
}

.ekicim-taksit__secenek {
	white-space: nowrap;
}

.ekicim-taksit__secenek strong {
	font-weight: 700;
}

.ekicim-taksit__secenek .amount {
	color: var(--ekicim-orange-dark);
	font-weight: 700;
}

.ekicim-taksit__ayrac {
	color: var(--ekicim-muted);
}

.ekicim-taksit__not {
	flex-basis: 100%;
	color: var(--ekicim-muted);
	font-size: 0.78rem;
	line-height: 1.35;
}

@media (max-width: 480px) {
	.ekicim-taksit {
		font-size: 0.88rem;
		padding: 9px 10px;
	}

	/* Dar ekranda seçenekler alt alta düşüyor: ayraç satır sonunda asılı kalmasın,
	   ikinci seçenek ikonun altına hizalansın. */
	.ekicim-taksit__ayrac {
		display: none;
	}

	.ekicim-taksit__secenek ~ .ekicim-taksit__secenek {
		margin-left: 26px;
	}
}

/* ---------------------------------------------------------------------------
   Ana sayfa üstü sıkılaştırıldı (22 Eyl 2026) — kullanıcı iki kez "lacivert
   kısım çok yer kaplıyor" dedi. Önce (1366px): üst bilgi 40 + menü satırı 120
   + hero 402 = 562px lacivert; telefonda hero tek başına 888px.
   - Menü satırı 120 → 76px (Blocksy --height, yalnız masaüstü ≥1000px)
   - Üst bilgi satırı 40 → 32px
   - Hero: açıklama cümlesi gizli (arama kutusunun yer tutucusu aynısını
     söylüyor), vitrin görseli 170px; ≥1100px'te "Sık aranan" ile
     WhatsApp/telefon aynı satırda (daha darda sığmıyor, alt alta kalır).
   - ≤900px vitrin görseli gizli; telefonda WhatsApp/telefon düğmeleri de
     gizli — alttaki sabit çubukta ikisi zaten var.
--------------------------------------------------------------------------- */

@media (min-width: 1000px) {
	html [data-header*="type-1"] .ct-header [data-row*="middle"] {
		--height: 76px;
	}
}

.ekicim-business-strip__inner {
	min-height: 32px;
}

.ekicim-business-strip__slogan {
	font-size: 19px;
}

.ekicim-hero {
	padding: 18px 0 20px;
}

/* Görsel sütunu yalnız görsel görünürken (≤900px gizli, eski tek sütun kuralı geçerli). */
@media (min-width: 901px) {
	.ekicim-hero__grid {
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 32px;
	}
}

.ekicim-hero h1 {
	font-size: clamp(1.6rem, 2.3vw, 2.1rem);
}

.ekicim-hero__lead {
	display: none;
}

.ekicim-product-search {
	margin-top: 14px;
}

.ekicim-hero__gorsel img {
	width: auto;
	height: 170px;
	max-width: none;
	max-height: none;
}

@media (min-width: 1100px) {
	.ekicim-hero__content {
		display: grid;
		grid-template-columns: auto auto;
		justify-content: start;
		align-items: center;
		column-gap: 22px;
	}

	.ekicim-hero__content > h1,
	.ekicim-hero__content > .ekicim-product-search {
		grid-column: 1 / -1;
	}

	.ekicim-hero__content > .ekicim-popular,
	.ekicim-hero__content > .ekicim-hero__actions {
		margin-top: 12px;
	}
}

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

@media (max-width: 689px) {
	.ekicim-hero {
		padding: 16px 0 18px;
	}

	.ekicim-hero h1 {
		font-size: clamp(1.55rem, 7vw, 2rem);
		line-height: 1.05;
	}

	.ekicim-product-search {
		min-height: 50px;
		margin-top: 12px;
	}

	.ekicim-hero__actions {
		display: none;
	}
}

/* ---------------------------------------------------------------------------
   Ana sayfa üstü sıkılaştırıldı (22 Eyl 2026) — kullanıcı: "arama bölümü çok büyük".
   Önce: masaüstü hero 402px (boyu vitrin görselinin 336px'i belirliyordu),
   telefon hero 888px (h1 üç satır 126px + vitrin görseli 336px).
   Telefonda vitrin görseli gizli (dekoratif, aria-hidden) — kampanya bandı
   ilk ekrana çıksın diye.
--------------------------------------------------------------------------- */

.ekicim-hero {
	padding: 22px 0 24px;
}

.ekicim-hero__gorsel img {
	max-height: 250px;
}

@media (max-width: 900px) {
	.ekicim-hero__gorsel {
		margin-top: 10px;
	}

	.ekicim-hero__gorsel img {
		max-height: 200px;
	}
}

@media (max-width: 689px) {
	.ekicim-hero {
		padding: 20px 0 22px;
	}

	.ekicim-hero h1 {
		font-size: clamp(1.7rem, 7.6vw, 2.15rem);
		line-height: 1.05;
	}

	.ekicim-hero__lead {
		margin: 10px 0 14px;
		font-size: 0.93rem;
		line-height: 1.5;
	}

	.ekicim-product-search {
		min-height: 52px;
	}

	.ekicim-hero__gorsel {
		display: none;
	}
}

/* ---------------------------------------------------------------------------
   Kampanya — ana sayfa şeridi + üst duyuru satırı (22 Eyl 2026)
   Şerit: küçük ürün fotoğrafı + ad + fiyat + düğme; bant ~150px. İlk sürümde
   iki büyük afişti (~400px), kullanıcı "küçülsün, hareketli yazı gibi geçsin"
   dedi → afiş kaydırmak yerine bu şerit (üstteki kayan duyuru satırı da denendi, kaldırıldı).
--------------------------------------------------------------------------- */

.ekicim-kampanya {
	padding-block: 16px;
	border-bottom: 1px solid var(--ekicim-border);
	background: var(--ekicim-canvas);
	scroll-margin-top: 90px;
}

.ekicim-kampanya__ic {
	display: grid;
	grid-template-columns: minmax(190px, 0.55fr) minmax(0, 2fr);
	gap: 24px;
	align-items: center;
}

.ekicim-kampanya__baslik .ekicim-kicker {
	margin-bottom: 4px;
}

.ekicim-kampanya__baslik h2 {
	margin: 0;
	color: var(--ekicim-ink);
	font-size: clamp(1.2rem, 1.7vw, 1.5rem);
	font-weight: 800;
	letter-spacing: -0.035em;
	line-height: 1.12;
}

.ekicim-kampanya__baslik p:not(.ekicim-kicker) {
	margin: 5px 0 0;
	color: var(--ekicim-muted);
	font-size: 0.86rem;
	line-height: 1.4;
}

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

.ekicim-kampanya__kart {
	display: flex;
	gap: 14px;
	align-items: center;
	padding: 10px 14px 10px 10px;
	border: 1px solid var(--ekicim-border);
	border-radius: var(--ekicim-radius);
	background: var(--ekicim-surface);
	box-shadow: 0 6px 16px rgba(17, 27, 36, 0.06);
	transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.ekicim-kampanya__gorsel {
	flex: 0 0 auto;
	width: 128px;
	height: 96px;
	object-fit: contain;
	border-radius: 6px;
	background: #fff;
}

.ekicim-kampanya__bilgi {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}

.ekicim-kampanya__ad {
	color: var(--ekicim-ink);
	font-family: Archivo, system-ui, sans-serif;
	font-size: 1rem;
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.2;
}

.ekicim-kampanya__icerik {
	color: var(--ekicim-muted);
	font-size: 0.84rem;
	line-height: 1.35;
}

.ekicim-kampanya__alt {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 12px;
	align-items: center;
	justify-content: space-between;
	margin-top: 5px;
}

.ekicim-kampanya__fiyat {
	color: var(--ekicim-ink);
	font-family: Archivo, system-ui, sans-serif;
	font-size: 1.25rem;
	font-weight: 800;
	letter-spacing: -0.02em;
	white-space: nowrap;
}

.ekicim-kampanya__eylem {
	display: inline-flex;
	gap: 0.4rem;
	align-items: center;
	min-height: 34px;
	padding: 0 14px;
	border-radius: 7px;
	background: var(--ekicim-wa);
	color: #fff;
	font-size: 0.88rem;
	font-weight: 700;
	white-space: nowrap;
}

.ekicim-kampanya__eylem::before {
	content: "";
	width: 15px;
	height: 15px;
	background-color: currentColor;
	-webkit-mask: var(--ekicim-wa-icon) center / contain no-repeat;
	mask: var(--ekicim-wa-icon) center / contain no-repeat;
}

/* Ürün satışta: turuncu "Satın al" (yeşil yalnız WhatsApp'a ait). */
.ekicim-kampanya__eylem--sepet {
	background: var(--ekicim-orange);
}

.ekicim-kampanya__eylem--sepet::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.4'/%3E%3Ccircle cx='18' cy='20' r='1.4'/%3E%3Cpath d='M2.5 3h2.6l2.3 11.2a2 2 0 0 0 2 1.6h8.1a2 2 0 0 0 2-1.5L21.5 7H6.1'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.4'/%3E%3Ccircle cx='18' cy='20' r='1.4'/%3E%3Cpath d='M2.5 3h2.6l2.3 11.2a2 2 0 0 0 2 1.6h8.1a2 2 0 0 0 2-1.5L21.5 7H6.1'/%3E%3C/svg%3E");
}

.ekicim-kampanya__kart:hover,
.ekicim-kampanya__kart:focus-visible {
	border-color: var(--ekicim-orange);
	box-shadow: 0 10px 24px rgba(17, 27, 36, 0.1);
}

.ekicim-kampanya__kart:hover .ekicim-kampanya__eylem,
.ekicim-kampanya__kart:focus-visible .ekicim-kampanya__eylem {
	background: var(--ekicim-wa-dark);
}

.ekicim-kampanya__kart:hover .ekicim-kampanya__eylem--sepet,
.ekicim-kampanya__kart:focus-visible .ekicim-kampanya__eylem--sepet {
	background: var(--ekicim-orange-dark);
}

@media (max-width: 1024px) {
	.ekicim-kampanya__ic {
		display: block;
	}

	.ekicim-kampanya__baslik {
		display: flex;
		flex-wrap: wrap;
		gap: 2px 12px;
		align-items: baseline;
		margin-bottom: 10px;
	}

	.ekicim-kampanya__baslik .ekicim-kicker {
		flex: 0 0 100%;
	}

	.ekicim-kampanya__baslik p:not(.ekicim-kicker) {
		margin: 0;
	}
}

@media (max-width: 689px) {
	.ekicim-kampanya {
		padding-block: 14px;
	}

	.ekicim-kampanya__baslik h2 {
		font-size: 1.15rem;
	}

	.ekicim-kampanya__baslik p:not(.ekicim-kicker) {
		display: none;
	}

	.ekicim-kampanya__liste {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.ekicim-kampanya__kart {
		gap: 12px;
		padding: 8px 12px 8px 8px;
	}

	.ekicim-kampanya__gorsel {
		width: 100px;
		height: 75px;
	}

	.ekicim-kampanya__ad {
		font-size: 0.95rem;
	}

	.ekicim-kampanya__icerik {
		font-size: 0.8rem;
	}

	.ekicim-kampanya__alt {
		margin-top: 3px;
	}

	.ekicim-kampanya__fiyat {
		font-size: 1.1rem;
	}

	.ekicim-kampanya__eylem {
		min-height: 32px;
		padding: 0 12px;
	}
}

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