/*
Theme Name: Astra Zara Minimal
Theme URI: https://example.com/
Description: Astra child theme for a clean, modern wholesale fashion store (Zara-like minimal).
Author: Emre
Template: astra
Version: 1.2.3
Text Domain: astra-zara-minimal
*/

:root{
	--zm-bg: #ffffff;
	--zm-fg: #111111;
	--zm-muted: #6b7280;
	--zm-border: #e5e7eb;
	--zm-accent: #111111;
	--zm-radius: 12px;
	--zm-radius-sm: 10px;
	--zm-shadow: 0 10px 30px rgba(0,0,0,.06);
	--zm-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Arial, sans-serif;
}

/* Base */
html { scroll-behavior: smooth; }
*, *::before, *::after{ box-sizing: border-box; }
html, body{
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
}
body{
	font-family: var(--zm-font);
	color: var(--zm-fg);
	background: var(--zm-bg);
	letter-spacing: .01em;
}

a{ color: inherit; }
a:hover{ opacity: .9; }

/* Anasayfa: hero üstte, WP sayfa başlığını gizle (STREET düzeni) */
.zm-front-hero .entry-header{
	display: none !important;
}

/* STREET-style header: logo | nav | sağ kolon (ikonlar + arama, referans düzeni) */
.zm-header--street{
	background: #fff;
	border-bottom: 1px solid var(--zm-border);
	backdrop-filter: none;
	transition: background .22s ease, border-color .22s ease, box-shadow .22s ease;
}
/* Anasayfa: header görselin üstünde — arka plan şeffaf (referans STREET) */
body.zm-front-hero .zm-header--street{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	background: transparent;
	border-bottom: 0;
	box-shadow: none;
}
body.zm-front-hero .zm-header__bar{
	background: transparent;
}
/* Okunabilirlik: çok hafif üst gölge, fotoğraf görünsün */
body.zm-front-hero .zm-header--street:not(.zm-header--scrolled){
	background: linear-gradient(180deg, rgba(0,0,0,.22) 0%, rgba(0,0,0,.06) 38%, transparent 100%);
}
body.zm-front-hero.admin-bar .zm-header--street{
	top: 32px;
}
@media (max-width: 782px){
	body.zm-front-hero.admin-bar .zm-header--street{
		top: 46px;
	}
}
body.zm-front-hero .zm-header--street.zm-header--scrolled{
	background: #fff;
	border-bottom: 1px solid var(--zm-border);
	box-shadow: 0 8px 24px rgba(0,0,0,.06);
}
body.zm-front-hero .zm-header--street .zm-brand__name,
body.zm-front-hero .zm-header--street .zm-nav__menu a{
	color: #fff;
	border-bottom-color: transparent;
}
body.zm-front-hero .zm-header--street .zm-nav__menu li.current-menu-item > a,
body.zm-front-hero .zm-header--street .zm-nav__menu li.current_page_item > a{
	border-bottom-color: #fff;
	opacity: 1;
}
body.zm-front-hero .zm-header--street .zm-nav__menu a:hover{
	border-bottom-color: rgba(255,255,255,.9);
	opacity: 1;
}
body.zm-front-hero .zm-header--street .zm-tool{
	color: #fff;
	border-color: transparent;
}
body.zm-front-hero .zm-header--street .zm-tool:hover{
	background: rgba(255,255,255,.12);
	border-color: rgba(255,255,255,.35);
}
body.zm-front-hero .zm-header--street .zm-tool--count{
	border-color: rgba(255,255,255,.45);
	background: rgba(0,0,0,.12);
}
body.zm-front-hero .zm-header--street .zm-menu-button{
	background: rgba(0,0,0,.2);
	border-color: rgba(255,255,255,.4);
	color: #fff;
}
body.zm-front-hero .zm-header--street .zm-search--inline{
	border-bottom-color: rgba(255,255,255,.85);
}
body.zm-front-hero .zm-header--street .zm-search--inline .zm-search__input{
	color: #fff;
}
body.zm-front-hero .zm-header--street .zm-search--inline .zm-search__input::placeholder{
	color: rgba(255,255,255,.65);
}
body.zm-front-hero .zm-header--street .zm-search--inline .zm-search__submit{
	color: #fff;
}
body.zm-front-hero .zm-header--street.zm-header--scrolled .zm-brand__name,
body.zm-front-hero .zm-header--street.zm-header--scrolled .zm-nav__menu a,
body.zm-front-hero .zm-header--street.zm-header--scrolled .zm-tool,
body.zm-front-hero .zm-header--street.zm-header--scrolled .zm-menu-button{
	color: var(--zm-fg);
}
body.zm-front-hero .zm-header--street.zm-header--scrolled .zm-nav__menu li.current-menu-item > a,
body.zm-front-hero .zm-header--street.zm-header--scrolled .zm-nav__menu li.current_page_item > a{
	border-bottom-color: var(--zm-fg);
}
body.zm-front-hero .zm-header--street.zm-header--scrolled .zm-tool:hover{
	background: #f3f4f6;
	border-color: var(--zm-border);
}
body.zm-front-hero .zm-header--street.zm-header--scrolled .zm-tool--count{
	border-color: var(--zm-border);
	background: #fff;
}
body.zm-front-hero .zm-header--street.zm-header--scrolled .zm-menu-button{
	background: #fff;
	border-color: var(--zm-border);
	color: var(--zm-fg);
}
body.zm-front-hero .zm-header--street.zm-header--scrolled .zm-search--inline{
	border-bottom-color: var(--zm-fg);
}
body.zm-front-hero .zm-header--street.zm-header--scrolled .zm-search--inline .zm-search__input{
	color: var(--zm-fg);
}
body.zm-front-hero .zm-header--street.zm-header--scrolled .zm-search--inline .zm-search__input::placeholder{
	color: var(--zm-muted);
}
body.zm-front-hero .zm-header--street.zm-header--scrolled .zm-search--inline .zm-search__submit{
	color: var(--zm-fg);
}
/* Hero üstten başlar; header görüntünün üstüne bindirilir (padding yok) */
body.zm-front-hero .zm-main{
	padding-top: 0;
	margin-top: 0;
	width: 100%;
	max-width: 100%;
	overflow-x: clip;
}
body.zm-front-hero .zm-main #primary,
body.zm-front-hero .zm-main article{
	margin-top: 0;
	padding-top: 0;
}
body.zm-front-hero .zm-main .entry-content > :first-child{
	margin-top: 0;
}
/* Astra: sayfa kutusu yan padding/margin — Kenarda beyaz şerit buradan gelir */
body.zm-front-hero .site-content,
body.zm-front-hero .site .site-content{
	padding-left: 0 !important;
	padding-right: 0 !important;
	max-width: none !important;
}
body.zm-front-hero .site .site-content #primary,
body.zm-front-hero .site-content #primary.content-area{
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
}
body.zm-front-hero .site .site-content #primary .ast-article-single,
body.zm-front-hero #primary .ast-article-single,
body.zm-front-hero article.ast-article-single{
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	border: none !important;
	border-radius: 0 !important;
}
/* Child header: #primary doğrudan .zm-main içinde (.site-content yok) */
body.zm-front-hero .zm-main > #primary,
body.zm-front-hero .zm-main #primary.content-area.primary{
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
}
body.zm-front-hero .zm-main > #primary .ast-article-single,
body.zm-front-hero .zm-main article.post,
body.zm-front-hero .zm-main article.page{
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}
/* Gutenberg: kısa kod / grup sarmalayıcıları taşırmasın */
body.zm-front-hero .entry-content .wp-block-shortcode{
	margin-left: 0 !important;
	margin-right: 0 !important;
	max-width: none !important;
}
body.zm-front-hero .entry-content .wp-block-group.alignfull{
	padding-left: 0 !important;
	padding-right: 0 !important;
	max-width: none !important;
}
.zm-header--street{
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}
.zm-header__bar{
	max-width: 1320px;
	margin: 0 auto;
	padding: 16px 24px 18px;
}
.zm-header__row--main{
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) minmax(196px, 300px);
	align-items: start;
	column-gap: clamp(10px, 2vw, 20px);
	row-gap: 0;
}
.zm-brand{
	align-self: center;
	min-width: 0;
}
.zm-nav{
	grid-column: 2;
	min-width: 0;
	max-width: 100%;
	align-self: center;
	display: flex;
	justify-content: center;
	overflow: hidden;
	padding: 0 6px;
}
.zm-nav__menu{
	max-width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	overscroll-behavior-x: contain;
	justify-content: center;
}
.zm-nav__menu::-webkit-scrollbar{
	display: none;
	height: 0;
}
.zm-header__col-right{
	grid-column: 3;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 10px;
	width: 100%;
	max-width: 300px;
	min-width: 196px;
	flex-shrink: 0;
	position: relative;
	z-index: 2;
}
.zm-header__tools-row{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 6px;
	width: 100%;
}
.zm-header__tools-row .zm-menu-button{
	margin-left: 2px;
}
/* Arama + canlı öneriler sarmalayıcı */
.zm-search-shell{
	position: relative;
	z-index: 30;
	max-width: 280px;
	width: 100%;
	align-self: flex-end;
	flex: 0 0 auto;
	box-sizing: border-box;
}
.zm-search-shell .zm-search--inline{
	max-width: none;
	width: 100%;
	align-self: stretch;
	margin: 0;
}
.zm-search--inline{
	margin: 0;
}
.zm-brand__name{
	font-weight: 900;
	letter-spacing: .12em;
	text-transform: uppercase;
	font-size: clamp(14px, 2vw, 18px);
}
.zm-nav__menu{
	list-style: none;
	display: flex;
	justify-content: center;
	gap: clamp(8px, 2vw, 28px);
	margin: 0;
	padding: 0;
	flex-wrap: nowrap;
}
.zm-nav__menu a{
	text-decoration: none;
	font-weight: 700;
	font-size: 12px;
	padding: 6px 4px;
	border-radius: 0;
	white-space: nowrap;
	text-transform: uppercase;
	letter-spacing: .12em;
	color: var(--zm-fg);
	border-bottom: 2px solid transparent;
}
.zm-nav__menu a:hover{
	background: transparent;
	border-bottom-color: var(--zm-fg);
	opacity: 1;
}
.zm-tool{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 999px;
	border: 1px solid transparent;
	color: var(--zm-fg);
	text-decoration: none;
	transition: background .15s ease, border-color .15s ease;
}
.zm-tool:hover{
	background: #f3f4f6;
	border-color: var(--zm-border);
	opacity: 1;
}
.zm-tool--count{
	gap: 4px;
	width: auto;
	min-width: 44px;
	padding: 0 10px;
	border: 1px solid var(--zm-border);
	border-radius: 999px;
	font-size: 12px;
	font-weight: 800;
}
.zm-tool__badge{
	min-width: 18px;
	text-align: center;
	font-variant-numeric: tabular-nums;
}
.zm-search{
	display: flex;
	align-items: center;
	gap: 0;
	max-width: 320px;
	width: 100%;
	border-bottom: 1px solid var(--zm-fg);
	padding-bottom: 4px;
}
.zm-header .zm-search.zm-search--inline{
	min-height: 0;
}
.zm-header .zm-search.zm-search--inline .zm-search__input{
	min-height: 0;
	line-height: 1.35;
}
.zm-search__input{
	flex: 1;
	min-width: 0;
	border: 0;
	background: transparent !important;
	background-color: transparent !important;
	font-size: 14px;
	padding: 4px 6px 6px;
	outline: none;
	box-shadow: none !important;
	border-radius: 0 !important;
	-webkit-appearance: none;
	appearance: none;
}
/* Chrome/Safari search UI + autofill beyaz kutu */
.zm-search__input::-webkit-search-decoration,
.zm-search__input::-webkit-search-cancel-button,
.zm-search__input::-webkit-search-results-button,
.zm-search__input::-webkit-search-results-decoration{
	-webkit-appearance: none;
	appearance: none;
}
.zm-search .zm-search__input:-webkit-autofill,
.zm-search .zm-search__input:-webkit-autofill:hover,
.zm-search .zm-search__input:-webkit-autofill:focus{
	-webkit-text-fill-color: currentColor;
	transition: background-color 99999s ease-out;
	box-shadow: inset 0 0 0 1000px transparent !important;
}
.zm-search__submit{
	border: 0;
	background: transparent !important;
	cursor: pointer;
	padding: 4px;
	color: var(--zm-fg);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 0;
	box-shadow: none;
	flex-shrink: 0;
	-webkit-appearance: none;
	appearance: none;
}
/* Canlı arama önerileri (input altı) */
.zm-search-suggest{
	position: absolute;
	left: 0;
	right: 0;
	top: calc(100% + 6px);
	margin: 0;
	padding: 6px 0;
	background: #fff;
	color: #111;
	border-radius: 12px;
	box-shadow: 0 12px 40px rgba(0,0,0,.18);
	border: 1px solid rgba(0,0,0,.08);
	max-height: min(70vh, 420px);
	overflow-y: auto;
	box-sizing: border-box;
	text-align: left;
}
.zm-search-suggest[hidden]{
	display: none !important;
}
.zm-search-suggest__list{
	list-style: none;
	margin: 0;
	padding: 0;
}
.zm-search-suggest__item{
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 14px;
	text-decoration: none;
	color: inherit;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.3;
	border: 0;
	transition: background .12s ease;
}
.zm-search-suggest__item:hover,
.zm-search-suggest__item:focus-visible{
	background: #f3f4f6;
	outline: none;
	color: inherit;
}
.zm-search-suggest__thumb{
	width: 44px;
	height: 44px;
	object-fit: cover;
	border-radius: 8px;
	flex-shrink: 0;
	background: #f3f4f6;
}
.zm-search-suggest__title{
	flex: 1;
	min-width: 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.zm-search-suggest__loading,
.zm-search-suggest__empty{
	padding: 14px 16px;
	font-size: 13px;
	color: #6b7280;
}
.zm-search-shell--mobile{
	position: relative;
	z-index: 1;
	margin-bottom: 14px;
}
.zm-search-suggest--mobile{
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	margin-top: 8px;
	max-height: min(50vh, 360px);
}
.zm-search--mobile{
	max-width: none;
	margin-bottom: 0;
	border: 1px solid var(--zm-border);
	border-radius: 12px;
	padding: 8px;
}
.zm-search--mobile .zm-search__input{
	padding: 8px;
}
.screen-reader-text{
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0,0,0,0) !important;
	border: 0 !important;
}

.zm-menu-button{
	display: none;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 999px;
	border: 1px solid var(--zm-border);
	background: #fff;
	font-weight: 700;
	font-size: 13px;
	cursor: pointer;
	color: var(--zm-fg);
}
.zm-menu-button__icon{
	font-size: 18px;
	line-height: 1;
	display: block;
}

.zm-backdrop{
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,.34);
	opacity: 0;
	pointer-events: none;
	transition: opacity .2s ease;
	z-index: 60;
}
.zm-backdrop[data-open="1"]{
	opacity: 1;
	pointer-events: auto;
}
.zm-mobile-menu{
	position: fixed;
	top: 0;
	right: 0;
	height: 100vh;
	width: min(92vw, 360px);
	max-width: 100vw;
	background: #fff;
	border-left: 1px solid var(--zm-border);
	transform: translateX(100%);
	transition: transform .22s ease;
	z-index: 70;
	display: grid;
	grid-template-rows: auto 1fr;
	contain: paint;
}
.zm-mobile-menu[data-open="1"]{
	transform: translateX(0);
}
.zm-mobile-menu__top{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 16px;
	border-bottom: 1px solid var(--zm-border);
}
.zm-mobile-menu__title{
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
	font-size: 13px;
}
.zm-mobile-menu__close{
	width: 40px;
	height: 40px;
	border-radius: 999px;
	border: 1px solid var(--zm-border);
	background: #fff;
	font-size: 22px;
	cursor: pointer;
}
.zm-mobile-menu__content{
	padding: 12px 16px 18px;
	overflow: auto;
}
.zm-mobile-menu__menu{
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 10px;
}
.zm-mobile-menu__menu a{
	text-decoration: none;
	font-weight: 700;
	display: block;
	padding: 12px 12px;
	border-radius: 14px;
	border: 1px solid var(--zm-border);
}
.zm-mobile-menu__menu a:hover{
	background: #f3f4f6;
}
.zm-actions{
	display: flex;
	justify-content: flex-end;
	gap: 12px;
}
.zm-action{
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 10px;
	border: 1px solid var(--zm-border);
	border-radius: 999px;
	background: #fff;
	font-weight: 600;
	font-size: 13px;
	white-space: nowrap;
}
.zm-action__icon{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--zm-fg);
}
.zm-action__badge{
	min-width: 22px;
	height: 22px;
	border-radius: 999px;
	background: var(--zm-fg);
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	padding: 0 6px;
}
.zm-main{
	min-height: 70vh;
}

/* STREET hero / slider: tam genişlik (viewport), koyu overlay, merkez tipografi */
body.zm-front-hero .zm-main .primary,
body.zm-front-hero .zm-main .content-area.primary{
	max-width: none;
	width: 100%;
}
body.zm-front-hero .zm-main article{
	max-width: none;
}
body.zm-front-hero .zm-main .entry-content{
	max-width: none;
	padding-left: 0;
	padding-right: 0;
}
/* Tam genişlik — 100vw yerine % (mobilde yatay kaydırma / scrollbar taşması olmaz) */
body.zm-front-hero .zm-main .zm-slider--street{
	width: 100%;
	max-width: 100%;
	margin: 0;
	position: relative;
	left: 0;
	right: 0;
}
.zm-slider--street{
	position: relative;
	max-width: none;
	margin: 0;
	padding: 0;
}
.zm-slider--street .zm-slider__viewport{
	position: relative;
	border-radius: 0;
	border: 0;
	min-height: clamp(420px, 68vh, 720px);
}
/* Anasayfa: tam ekran hero — görsel header alanını da kaplar (100vh) */
body.zm-front-hero .zm-slider--street .zm-slider__viewport{
	min-height: 100vh;
	height: 100vh;
}
@supports (height: 100dvh){
	body.zm-front-hero .zm-slider--street .zm-slider__viewport{
		min-height: 100dvh;
		height: 100dvh;
	}
}
.zm-slider__track{
	display: flex;
	width: 100%;
	height: 100%;
	transform: translateX(0);
	transition: transform .4s cubic-bezier(.25,.8,.25,1);
}
.zm-slider__slide{
	min-width: 100%;
	height: 100%;
	align-self: stretch;
}
.zm-slider__slide-inner{
	position: relative;
	width: 100%;
	min-height: clamp(420px, 68vh, 720px);
	overflow: hidden;
}
body.zm-front-hero .zm-slider--street .zm-slider__slide-inner{
	min-height: 100%;
	height: 100%;
}
/* Anasayfa hero: metin okunaklığı için hafif koyulaştırma */
body.zm-front-hero .zm-slider--street .zm-slider__shade{
	background: linear-gradient(to top, rgba(0,0,0,.5) 0%, rgba(0,0,0,.22) 42%, rgba(0,0,0,.18) 100%);
}
.zm-slider__link--bg{
	display: block;
	position: absolute;
	inset: 0;
}
.zm-slider__link--bg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.zm-slider__shade{
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0,0,0,.55) 0%, rgba(0,0,0,.2) 45%, rgba(0,0,0,.25) 100%);
	pointer-events: none;
}
.zm-slider__overlay{
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 24px;
	text-align: center;
	color: #fff;
	z-index: 2;
	pointer-events: none;
	box-sizing: border-box;
	overflow: hidden;
	max-width: 100%;
}
.zm-slider__overlay .zm-slider__cta{
	pointer-events: auto;
	margin-top: 26px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: min(200px, 100%);
	max-width: calc(100% - 24px);
	padding: 14px 22px;
	box-sizing: border-box;
	background: #fff;
	color: #111;
	font-weight: 800;
	font-size: 12px;
	letter-spacing: .14em;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 2px;
	border: 1px solid #111;
	box-shadow: 4px 4px 0 #111;
	transition: transform .15s ease, box-shadow .15s ease;
}
.zm-slider__overlay .zm-slider__cta:hover{
	transform: translate(-2px, -2px);
	box-shadow: 6px 6px 0 #111;
	opacity: 1;
}
/* Yalnızca CTA: buton altta (görseldeki tipografi üzerinde değil, aşağıda) */
.zm-slider__overlay--cta-only{
	justify-content: flex-end;
	align-items: center;
	padding-top: max(96px, 8vh);
	padding-bottom: clamp(150px, 22vh, 280px);
}
.zm-slider__overlay--cta-only .zm-slider__cta{
	margin-top: 0;
}
/* Hero’da başlık açıksa CTA ile metin arasında daha fazla boşluk */
.zm-slider__overlay:has(.zm-slider__headlines) .zm-slider__cta{
	margin-top: clamp(36px, 5vh, 72px);
}
.zm-slider__headlines{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	max-width: min(100% - 32px, 920px);
	width: 100%;
	box-sizing: border-box;
	padding: 0 8px;
}
.zm-slider__line1{
	margin: 0;
	font-size: clamp(14px, 3.2vw, 34px);
	font-weight: 800;
	line-height: 1.12;
	text-transform: uppercase;
	letter-spacing: clamp(0.06em, 0.18vw, 0.18em);
	text-shadow: 0 2px 24px rgba(0,0,0,.35);
	overflow-wrap: anywhere;
	word-break: break-word;
}
.zm-slider__line2{
	margin: 0;
	font-size: clamp(22px, 6.5vw, 76px);
	font-weight: 900;
	line-height: 1.05;
	text-transform: uppercase;
	letter-spacing: clamp(0.02em, 0.12vw, 0.04em);
	text-shadow: 0 2px 28px rgba(0,0,0,.4);
	overflow-wrap: anywhere;
	word-break: break-word;
}
.zm-slider__social{
	position: absolute;
	left: 24px;
	bottom: 28px;
	z-index: 3;
	display: flex;
	align-items: center;
	gap: 12px;
	color: #fff;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
}
.zm-slider__social-link{
	color: #fff;
	text-decoration: none;
	opacity: .9;
	border: 1px solid rgba(255,255,255,.45);
	border-radius: 999px;
	width: 34px;
	height: 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	transition: background .15s ease, border-color .15s ease;
}
.zm-slider__social-link:hover{
	background: rgba(255,255,255,.15);
	opacity: 1;
}
.zm-slider__social-link--inactive{
	opacity: .45;
	cursor: default;
	pointer-events: none;
}
.zm-slider__social-label{
	margin-right: 4px;
	opacity: .85;
}
.zm-slider__nav{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 4;
	width: 48px;
	height: 48px;
	border-radius: 999px;
	border: 1px solid rgba(255,255,255,.45);
	background: rgba(0,0,0,.25);
	color: #fff;
	font-size: 28px;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	backdrop-filter: blur(6px);
}
.zm-slider__nav:hover{
	background: rgba(0,0,0,.4);
}
.zm-slider__nav--prev{ left: 20px; }
.zm-slider__nav--next{ right: 20px; }
.zm-slider__dots{
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-top: 14px;
	padding-bottom: 8px;
}
.zm-slider__dot{
	width: 8px;
	height: 8px;
	border-radius: 999px;
	border: 0;
	background: #d1d5db;
	cursor: pointer;
}
.zm-slider__dot[aria-selected="true"]{
	background: var(--zm-fg);
}

/* Anasayfa bölüm başlığı (Yeni Gelenler + Tümünü gör) */
.zm-section-head{
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	max-width: 1320px;
	margin: 32px auto 16px;
	padding: 0 24px;
}
.zm-section-head h2,
.zm-section-head .wp-block-heading{
	margin: 0 !important;
	font-size: clamp(22px, 3vw, 36px) !important;
	font-weight: 900 !important;
	text-transform: uppercase !important;
	letter-spacing: .06em !important;
}
.zm-section-head__actions{
	margin-left: auto;
}
.zm-section-head__link{
	display: inline-flex;
	align-items: center;
	padding: 12px 20px;
	background: var(--zm-fg);
	color: #fff !important;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 2px;
}
.zm-section-head__link:hover{
	opacity: .92;
}

/* Anasayfa ürün grid — tutarlı sütunlar, görsel sabit oran, başlık+fiyat görselin altında */
.zm-front-hero .woocommerce ul.products,
.zm-front-hero .woocommerce-page ul.products{
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(16px, 2vw, 28px);
	list-style: none;
	margin: 0 auto 48px;
	padding: 0 24px;
	max-width: 1320px;
	float: none !important;
	width: 100% !important;
}
@media (min-width: 901px) and (max-width: 1100px){
	.zm-front-hero .woocommerce ul.products,
	.zm-front-hero .woocommerce-page ul.products{
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}
.zm-front-hero .woocommerce ul.products li.product,
.zm-front-hero .woocommerce-page ul.products li.product{
	border: 0;
	border-radius: 0;
	padding: 0;
	background: transparent;
	box-shadow: none;
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	min-width: 0;
}
.zm-front-hero .woocommerce ul.products li.product:hover{
	transform: none;
	box-shadow: none;
	border-color: transparent;
}
/* Ürün bağlantısı: üstte tam genişlik görsel alanı, altta iki sütun başlık | fiyat */
.zm-front-hero .woocommerce ul.products li.product > a.woocommerce-LoopProduct-link{
	display: grid;
	grid-template-columns: 1fr auto;
	column-gap: 10px;
	row-gap: 8px;
	align-items: start;
	text-decoration: none;
	color: inherit;
	min-width: 0;
}
/* İndirim rozetleri + küçük ekler görselle aynı hücrede */
.zm-front-hero .woocommerce ul.products li.product > a.woocommerce-LoopProduct-link > *:not(.woocommerce-loop-product__title):not(.price):not(.star-rating){
	grid-column: 1 / -1;
	grid-row: 1;
	align-self: stretch;
	min-width: 0;
}
.zm-front-hero .woocommerce ul.products li.product > a.woocommerce-LoopProduct-link > span.onsale{
	position: relative;
	z-index: 1;
	justify-self: start;
	align-self: start;
	margin: 8px;
}
.zm-front-hero .woocommerce ul.products li.product > a.woocommerce-LoopProduct-link img,
.zm-front-hero .woocommerce ul.products li.product > a.woocommerce-LoopProduct-link .attachment-woocommerce_thumbnail,
.zm-front-hero .woocommerce ul.products li.product > a.woocommerce-LoopProduct-link img.attachment-woocommerce_thumbnail{
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 4;
	object-fit: cover;
	display: block;
	margin: 0;
	border-radius: 0;
}
/* Eklenti sarmalayıcıları (içinde tek img) */
.zm-front-hero .woocommerce ul.products li.product > a.woocommerce-LoopProduct-link > *:not(.woocommerce-loop-product__title):not(.price):not(.star-rating) img{
	width: 100%;
	aspect-ratio: 3 / 4;
	object-fit: cover;
	display: block;
	vertical-align: top;
}
.zm-front-hero .woocommerce ul.products li.product .star-rating{
	display: none !important;
}
.zm-front-hero .woocommerce ul.products li.product .woocommerce-loop-product__title{
	grid-column: 1;
	grid-row: 2;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.3;
	margin: 10px 0 0;
	padding: 0;
	align-self: start;
}
.zm-front-hero .woocommerce ul.products li.product .price{
	grid-column: 2;
	grid-row: 2;
	margin: 10px 0 0;
	padding: 0;
	font-size: 13px;
	font-weight: 800;
	white-space: nowrap;
	justify-self: end;
	align-self: start;
}
.zm-front-hero .woocommerce ul.products li.product .button{
	display: none;
}
.zm-front-hero .woocommerce ul.products li.product > .jm-guest-note,
.zm-front-hero .woocommerce ul.products li.product > .zm-guest-note{
	margin-top: 10px;
	width: 100%;
	flex-shrink: 0;
	min-width: 0;
	box-sizing: border-box;
}
.zm-footer{
	border-top: 1px solid var(--zm-border);
	background: #0b0b0c;
	color: #fff;
}
.zm-footer__inner{
	max-width: 1240px;
	margin: 0 auto;
	padding: 42px 24px 22px;
}
.zm-footer__cols{
	display: grid;
	grid-template-columns: 1.3fr 1fr 1fr;
	gap: 22px;
}
.zm-footer__title{
	font-weight: 700;
	margin: 0 0 10px;
}
.zm-footer__text{
	color: rgba(255,255,255,.72);
	max-width: 38ch;
}
.zm-footer__links{
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 10px;
}
.zm-footer__links a{
	color: rgba(255,255,255,.72);
	text-decoration: none;
}
.zm-footer__links a:hover{
	color: #fff;
}
.zm-footer__social{
	width: 100vw;
	max-width: 100%;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	box-sizing: border-box;
	background: #757575;
	color: #fff;
	padding: 14px 24px;
	margin-top: 28px;
}
.zm-footer__social-inner{
	max-width: 1240px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 14px 18px;
}
.zm-footer__social-label{
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
	margin-right: 2px;
}
.zm-footer__social-icons{
	display: flex;
	align-items: center;
	gap: 12px;
}
.zm-footer__social-link{
	color: #fff;
	text-decoration: none;
	border: 1px solid rgba(255,255,255,.85);
	border-radius: 999px;
	width: 36px;
	height: 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	font-weight: 800;
	line-height: 1;
	transition: background .15s ease, border-color .15s ease, opacity .15s ease;
	flex-shrink: 0;
}
.zm-footer__social-link:hover{
	background: rgba(255,255,255,.12);
	border-color: #fff;
	color: #fff;
}
.zm-footer__social-link--inactive{
	opacity: .42;
	cursor: default;
	pointer-events: none;
	border-color: rgba(255,255,255,.5);
}
.zm-footer__bottom{
	margin-top: 26px;
	padding-top: 18px;
	border-top: 1px solid rgba(255,255,255,.12);
	color: rgba(255,255,255,.72);
	font-size: 13px;
}

/* Layout: wide & airy */
.ast-container,
.site-content .ast-container{
	max-width: 1240px;
}

/* Fix "content stuck left / huge right whitespace" issues */
.site-content{
	overflow-x: clip;
}
.zm-main{
	overflow-x: hidden;
}
.ast-container{
	width: 100%;
	padding-left: 24px;
	padding-right: 24px;
}
.content-area,
.site-main{
	width: 100%;
	max-width: 100%;
}
.entry-content,
.entry-content > *{
	max-width: 100%;
}

/* Gutenberg blocks: keep images and columns responsive */
img,
.wp-block-image img,
.wp-block-media-text__media img{
	max-width: 100%;
	height: auto;
}
.wp-block-columns{
	gap: 24px;
}
@media (max-width: 900px){
	.ast-container{ padding-left: 16px; padding-right: 16px; }
	.wp-block-columns{ flex-wrap: wrap; }
	.zm-header__bar{ padding: 10px 14px 12px; }
	.zm-header__row--main{
		grid-template-columns: minmax(0, 1fr) auto;
		column-gap: 10px;
		row-gap: 0;
		align-items: center;
	}
	/* Logo: 1. sütun, araçlar 2. — nav display:none iken bile yerleşim net */
	.zm-brand{
		grid-column: 1;
		min-width: 0;
		max-width: 100%;
		justify-self: stretch;
		align-self: center;
		overflow: hidden;
	}
	.zm-brand__link{
		display: block;
		min-width: 0;
	}
	.zm-brand__name{
		font-size: clamp(10px, 3.4vw, 14px);
		letter-spacing: 0.08em;
		line-height: 1.18;
		word-break: normal;
		overflow-wrap: normal;
		hyphens: manual;
		-webkit-hyphens: manual;
	}
	.zm-nav{ display: none; }
	.zm-header__col-right{
		grid-column: 2;
		justify-self: end;
		flex: 0 0 auto;
		max-width: none;
		min-width: 0;
		width: auto;
		gap: 0;
		z-index: auto;
	}
	.zm-header__col-right .zm-search-shell{
		display: none;
	}
	.zm-menu-button{
		display: inline-flex !important;
		justify-content: center;
		padding: 0;
		min-width: 40px !important;
		height: 40px !important;
		flex-shrink: 0;
	}
	.zm-footer__cols{ grid-template-columns: 1fr; }
	.zm-slider__nav--prev{ left: 10px; }
	.zm-slider__nav--next{ right: 10px; }
	.zm-slider__social{
		left: max(10px, env(safe-area-inset-left, 0px));
		bottom: max(52px, calc(env(safe-area-inset-bottom, 0px) + 44px));
		flex-wrap: wrap;
		row-gap: 6px;
		max-width: calc(100vw - 24px);
		box-sizing: border-box;
	}
	/* Slayt göstergesi hero içinde — altta boş şerit bırakmaz */
	.zm-slider--street .zm-slider__dots{
		position: absolute;
		left: 0;
		right: 0;
		bottom: max(12px, env(safe-area-inset-bottom, 0px));
		margin-top: 0 !important;
		padding: 0 16px 4px;
		z-index: 6;
		pointer-events: auto;
		justify-content: center;
	}
	.zm-header__tools-row{
		flex-wrap: nowrap;
		flex-shrink: 0;
		justify-content: flex-end;
		gap: 4px;
		max-width: none;
		width: auto;
	}
	.zm-tool{
		width: 40px;
		height: 40px;
		flex-shrink: 0;
	}
	.zm-tool--count{
		min-width: 36px;
		padding: 0 6px;
		font-size: 11px;
	}
	.zm-header__bar{
		padding-left: max(12px, env(safe-area-inset-left, 0px));
		padding-right: max(12px, env(safe-area-inset-right, 0px));
	}
	body.zm-front-hero .zm-header--street{
		padding-left: env(safe-area-inset-left, 0px);
		padding-right: env(safe-area-inset-right, 0px);
	}
	/* Portre hero: yüz ortada; crop daha dengeli */
	body.zm-front-hero .zm-slider__link--bg img{
		object-position: center 22%;
	}
	.zm-slider__social-link,
	.zm-footer__social-link{
		width: 32px;
		height: 32px;
		font-size: 9px;
		flex-shrink: 0;
	}
	.zm-slider__social-label{
		font-size: 10px;
		margin-right: 6px;
	}
	.zm-front-hero .woocommerce ul.products,
	.zm-front-hero .woocommerce-page ul.products{
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
	.zm-section-head{
		padding-left: 16px !important;
		padding-right: 16px !important;
		margin-left: 0;
		margin-right: 0;
	}
	/* Hero metin + CTA: dar ekranda taşma yok */
	body.zm-front-hero .zm-slider--street .zm-slider__overlay{
		padding: max(76px, 11vh) max(12px, 3.5vw) max(88px, 14vh);
		justify-content: center;
		align-items: center;
	}
	@supports (height: 100svh){
		body.zm-front-hero .zm-slider--street .zm-slider__overlay{
			padding-top: max(76px, 11svh);
			padding-bottom: max(88px, 14svh);
		}
	}
	body.zm-front-hero .zm-slider--street .zm-slider__headlines{
		gap: 8px;
		padding: 0 max(4px, env(safe-area-inset-left, 0px)) 0 max(4px, env(safe-area-inset-right, 0px));
	}
	body.zm-front-hero .zm-slider--street .zm-slider__line1{
		font-size: clamp(11px, 3.8vw, 22px);
		letter-spacing: 0.1em;
		max-width: 100%;
	}
	body.zm-front-hero .zm-slider--street .zm-slider__line2{
		font-size: clamp(18px, 9.2vw, 44px);
		line-height: 1.06;
		max-width: 100%;
	}
	body.zm-front-hero .zm-slider--street .zm-slider__overlay .zm-slider__cta{
		margin-top: 16px;
		padding: 12px 16px;
		font-size: 10px;
		letter-spacing: 0.1em;
		min-width: 0;
		width: auto;
		max-width: min(280px, calc(100% - 20px));
	}
	body.zm-front-hero .zm-slider--street .zm-slider__overlay--cta-only{
		justify-content: flex-end;
		padding-top: max(72px, 8vh);
		padding-bottom: max(130px, 24vh);
	}
	body.zm-front-hero .zm-slider--street .zm-slider__overlay--cta-only .zm-slider__cta{
		margin-top: 0;
	}
	body.zm-front-hero .zm-main{
		overflow-x: clip;
		max-width: 100%;
	}
}

/* Çok dar telefon: hero tipografi bir kademe daha küçük */
@media (max-width: 480px){
	body.zm-front-hero .zm-slider--street .zm-slider__line1{
		font-size: clamp(10px, 3.5vw, 16px);
	}
	body.zm-front-hero .zm-slider--street .zm-slider__line2{
		font-size: clamp(15px, 10vw, 30px);
	}
	body.zm-front-hero .zm-slider--street .zm-slider__overlay .zm-slider__cta{
		font-size: 9px;
		padding: 11px 14px;
	}
	body.zm-front-hero .zm-slider--street .zm-slider__overlay--cta-only{
		justify-content: flex-end;
		padding-top: max(64px, 7vh);
		padding-bottom: max(120px, 26vh);
	}
}

/* Çok dar ekran: header araçları küçült — logo alanı genişler, çakışma azalır */
@media (max-width: 480px){
	.zm-header__row--main{
		column-gap: 6px;
	}
	.zm-header__tools-row{
		gap: 2px;
	}
	.zm-tool{
		width: 34px;
		height: 34px;
	}
	.zm-tool--count{
		min-width: 30px;
		padding: 0 4px;
		font-size: 10px;
	}
	.zm-menu-button{
		min-width: 34px !important;
		height: 34px !important;
	}
	.zm-tool .zm-tool__icon,
	a.zm-tool svg.zm-tool__icon{
		width: 18px;
		height: 18px;
	}
}

/* Mobile polish (home/header/slider/cards) */
@media (max-width: 600px){
	.zm-front-hero .entry-content{
		margin-top: 0;
	}
	.zm-brand__name{
		font-size: clamp(9px, 3.2vw, 13px);
		letter-spacing: 0.075em;
	}
	.zm-menu-button__label{
		display: none;
	}
	@media (max-width: 380px){
		.zm-tool--wishlist .zm-tool__icon{ display: none; }
		.zm-tool--wishlist{ padding: 0 10px; }
	}
	.zm-slider__nav{
		display: none;
	}
	/* Noktalar hero içinde (900px kuralı); burada tekrar margin verme */
	.zm-slider--street .zm-slider__dots{
		margin-top: 0 !important;
	}

	/* Product cards: denser + readable */
	.woocommerce ul.products{
		gap: 10px;
	}
	.woocommerce ul.products li.product{
		padding: 12px 12px 14px;
		border-radius: 16px;
	}
	.woocommerce ul.products li.product a img{
		border-radius: 14px;
	}
	.woocommerce ul.products li.product .woocommerce-loop-product__title{
		font-size: 13px;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
}

/* Mobile per-page layout: shop/product/cart/checkout/account */
@media (max-width: 900px){
	/* Force mobile catalog to 2 columns (override Woo/theme floats/widths).
	   NOT .woocommerce .products — that matches <section class="related products"> and
	   puts the heading + ul side-by-side in a 2-column grid. Only ul.products lists. */
	.woocommerce ul.products,
	.woocommerce-page ul.products{
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 14px !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product,
	.woocommerce .products li.product{
		width: auto !important;
		max-width: 100% !important;
		margin: 0 !important;
		float: none !important;
		clear: none !important;
		padding: 14px 14px 16px;
		border-radius: 18px;
	}
	.woocommerce ul.products li.product a img{
		border-radius: 16px;
		/* ensure images feel "bigger" */
		aspect-ratio: 3 / 4;
		object-fit: cover;
	}
	.woocommerce ul.products li.product .woocommerce-loop-product__title{
		font-size: 14px;
		line-height: 1.25;
		margin-bottom: 8px;
	}
	.woocommerce ul.products li.product .price{
		font-size: 14px;
		margin-bottom: 10px;
	}
	.woocommerce ul.products li.product .button{
		width: 100%;
		text-align: center;
		padding: 12px 14px;
	}

	/* Prevent stray negative margins from creating horizontal scroll */
	.entry-content,
	.woocommerce,
	.woocommerce-page{
		overflow-x: hidden;
	}
	.single-product div.product{
		display: grid;
		grid-template-columns: 1fr;
		gap: 14px;
	}
	.woocommerce-cart table.shop_table,
	.woocommerce-checkout #order_review,
	.woocommerce-checkout form.checkout{
		width: 100%;
	}
	.woocommerce-checkout .col2-set{
		display: grid;
		grid-template-columns: 1fr;
		gap: 14px;
	}
	.woocommerce-account .woocommerce{
		display: grid;
		grid-template-columns: 1fr;
		gap: 14px;
	}
	.woocommerce-account .woocommerce-MyAccount-navigation{
		width: 100%;
	}
	/* Woo mobil kuralı padding:0 bu blokta — anasayfa ürün alanına yan boşluk */
	.zm-front-hero .woocommerce ul.products,
	.zm-front-hero .woocommerce-page ul.products{
		padding-left: max(12px, env(safe-area-inset-left, 0px)) !important;
		padding-right: max(12px, env(safe-area-inset-right, 0px)) !important;
		padding-bottom: 28px !important;
	}
	.zm-front-hero .zm-section-head{
		padding-left: max(12px, env(safe-area-inset-left, 0px)) !important;
		padding-right: max(12px, env(safe-area-inset-right, 0px)) !important;
	}
}

@media (max-width: 360px){
	/* Still max 2 columns, but tighter gaps/padding for tiny screens */
	.woocommerce ul.products{ gap: 10px; }
	.woocommerce ul.products li.product{ padding: 12px 12px 14px; }
}

/* Tablet dar genişlik: 3 sütunlu header — sadece menü görünürken (901px+).
   max-width:1180px tek başına mobilde de uygulanırsa gizli nav 2fr boşluk yiyor,
   logo ile ikonlar üst üste biniyordu. */
@media (min-width: 901px) and (max-width: 1180px){
	.zm-header__row--main{
		grid-template-columns: minmax(100px, 1fr) 2fr minmax(140px, 1fr);
	}
	.zm-nav__menu{ gap: 10px; }
	.zm-nav__menu a{ font-size: 11px; letter-spacing: .1em; }
}

/* Header: clean + thin divider */
.site-header{
	border-bottom: 1px solid var(--zm-border);
}

/* Astra typography tweaks */
h1,h2,h3,h4,h5,h6{
	letter-spacing: .01em;
}

/* WooCommerce: product grid cards */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
	position: relative;
	border: 1px solid var(--zm-border);
	border-radius: var(--zm-radius);
	padding: 14px 14px 16px;
	background: #fff;
	box-shadow: none;
	transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover{
	transform: translateY(-2px);
	box-shadow: var(--zm-shadow);
	border-color: #d1d5db;
}

.woocommerce ul.products li.product a img{
	border-radius: var(--zm-radius-sm);
	margin: 0 0 12px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
	font-size: 14px;
	line-height: 1.25;
	padding: 0;
	margin: 0 0 8px;
	font-weight: 600;
}

.woocommerce ul.products li.product .price{
	color: var(--zm-fg);
	font-weight: 600;
	margin: 0 0 10px;
}

.woocommerce ul.products li.product .button{
	border-radius: 999px;
	padding: 10px 14px;
	border: 1px solid var(--zm-fg);
	background: var(--zm-fg);
	color: #fff;
	font-weight: 600;
	font-size: 13px;
	transition: filter .15s ease, transform .15s ease;
}
.woocommerce ul.products li.product .button:hover{
	filter: brightness(.92);
	transform: translateY(-1px);
}

/* Single product */
.single-product div.product .woocommerce-product-gallery img{
	border-radius: var(--zm-radius);
}
.single-product .summary .product_title{
	font-weight: 700;
	letter-spacing: .01em;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price{
	color: var(--zm-fg);
	font-weight: 700;
}

/* Forms / inputs */
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], textarea, select{
	border-radius: 999px;
	border: 1px solid var(--zm-border);
	padding: 12px 14px;
}
textarea{ border-radius: 14px; }

/* Buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit{
	border-radius: 999px;
	background: var(--zm-fg);
	border: 1px solid var(--zm-fg);
	color: #fff;
	font-weight: 600;
	padding: 12px 16px;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover{
	filter: brightness(.92);
}

/* Notices */
.woocommerce-message, .woocommerce-info, .woocommerce-error{
	border-radius: 14px;
}

/* Hide Astra sidebar for store by default (handled also in PHP) */
.woocommerce-page .content-area{
	width: 100%;
}

/* Wholesale: guest message box */
.zm-guest-note{
	border: 1px solid var(--zm-border);
	border-radius: 14px;
	padding: 12px 14px;
	background: #fff;
	color: var(--zm-muted);
	margin: 10px 0 0;
}

/* Ürün beğeni (MySQL — wp_zm_product_likes) */
.zm-like-btn{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 10px;
	padding: 10px 16px;
	border-radius: 999px;
	border: 1px solid var(--zm-border);
	background: #fff;
	color: var(--zm-fg);
	font-weight: 600;
	font-size: 13px;
	cursor: pointer;
	transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.zm-like-btn .zm-like-btn__icon{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	line-height: 0;
	color: #9ca3af;
	transition: color .15s ease, transform .15s ease;
}
.zm-like-btn .zm-like-btn__svg{
	display: block;
	width: 1.15em;
	height: 1.15em;
	flex-shrink: 0;
}
.zm-like-btn.is-liked .zm-like-btn__icon{
	color: #e11d48;
}
.zm-like-btn.is-liked .zm-like-btn__svg path{
	fill: currentColor;
	stroke: currentColor;
}
.zm-like-btn.is-liked{
	color: #be123c;
	border-color: #fda4af;
	background: #fff1f2;
}
.zm-like-btn:hover:not(:disabled){
	border-color: var(--zm-fg);
}
.zm-like-btn:disabled{
	opacity: .6;
	cursor: wait;
}
/* Tek ürün: WooCommerce .button (siyah pill) üstünde — outline ikincil stil + hizalı ikon */
.single-product div.product form.cart .button.zm-like-btn.zm-like-btn--single{
	margin-top: 0;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	min-height: 0;
	height: auto;
	line-height: 1.25;
	padding: 12px 1.35rem;
	background: #fff;
	color: var(--zm-fg);
	border: 1px solid var(--zm-fg);
	box-shadow: none;
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 0.06em;
	vertical-align: middle;
}
.single-product div.product form.cart .button.zm-like-btn.zm-like-btn--single:hover{
	background: #f9fafb;
	color: var(--zm-fg);
	border-color: var(--zm-fg);
	filter: none;
	transform: none;
	opacity: 1;
}
.single-product div.product form.cart .button.zm-like-btn.zm-like-btn--single.is-liked{
	background: #fff1f2;
	color: #be123c;
	border-color: #fb7185;
}
.single-product div.product form.cart .button.zm-like-btn.zm-like-btn--single.is-liked:hover{
	background: #ffe4e6;
	color: #9f1239;
	border-color: #fb7185;
	filter: none;
}
.single-product div.product form.cart .button.zm-like-btn.zm-like-btn--single .zm-like-btn__icon{
	margin: 0;
	padding: 0;
	color: inherit;
}
.single-product div.product form.cart .button.zm-like-btn.zm-like-btn--single:not(.is-liked) .zm-like-btn__svg path{
	fill: none;
}
.single-product div.product form.cart .button.zm-like-btn.zm-like-btn--single .zm-like-btn__text{
	line-height: 1.25;
}
.zm-like-btn--loop{
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 4;
	margin: 0;
	padding: 0;
	width: 40px;
	height: 40px;
	min-width: 40px;
	border-radius: 999px;
	justify-content: center;
	background: rgba(255,255,255,.92);
	box-shadow: 0 1px 4px rgba(0,0,0,.08);
}
.zm-like-btn--loop .zm-like-btn__icon{
	margin: 0;
	font-size: 18px;
}
.zm-like-btn--loop .zm-like-btn__text{
	display: none;
}
.single-product form.cart{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}
.zm-likes-page--empty{
	padding: 24px 16px;
	text-align: center;
	color: var(--zm-muted);
	max-width: 520px;
	margin: 0 auto;
}