/* NURÉ — anasayfa bölümleri: hero slider, güven şeridi, kategoriler, ürün satırları, konfor bandı, hikaye, #nurewear. */

:root {
	--nure-home-pad: var(--wp--style--root--padding-left, clamp(1rem, 3.5vw, 2.5rem));
	--nure-home-gap: clamp(0.75rem, 1.4vw, 1.25rem);
	--nure-home-soft: color-mix(in srgb, var(--wp--preset--color--ink) 78%, transparent);
	/* Bölüm boşlukları (mockup oranlarından, 1440'ta ~94px / ~79px) */
	--nure-home-space: clamp(3rem, 6.5vw, 6rem);
	--nure-home-space-md: clamp(2.5rem, 5.5vw, 5rem);
}

/* Bölümler kendi boşluklarını yönetir; ızgara öğelerine akış (flow) boşluğu uygulanmaz */
.nure-home .nure-home__content > *,
.nure-trust .nure-trust__grid > *,
.nure-categories .nure-categories__grid > *,
.nure-comfort .nure-comfort__grid > *,
.nure-instagram .nure-instagram__grid > *,
.nure-story.nure-story > * {
	margin-block: 0;
}

/* Koyu zeminlerde odak çizgisi beyaz */
.nure-hero :focus-visible,
.nure-comfort :focus-visible {
	outline-color: var(--wp--preset--color--white);
}

/* =========================================================================
   Hero slider
   ========================================================================= */

.nure-hero {
	position: relative;
	overflow: hidden;
	background-color: var(--wp--preset--color--muted);
	color: var(--wp--preset--color--white);
}

.nure-hero .nure-hero__track {
	display: flex;
	margin: 0;
	overflow-x: auto;
	overflow-y: hidden;
	overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

.nure-hero .nure-hero__track::-webkit-scrollbar {
	display: none;
}

.nure-hero .nure-hero__track > .nure-hero__slide {
	flex: 0 0 100%;
	width: 100%;
	margin: 0;
	scroll-snap-align: start;
	scroll-snap-stop: always;
}

/* Görsel geç yüklenirse metin yine okunur kalsın */
.nure-hero .nure-hero__slide.wp-block-cover {
	min-height: clamp(460px, 48vw, 720px);
	padding: 4.5rem clamp(1.25rem, 13.8vw, 16rem);
	background-color: var(--wp--preset--color--muted);
	justify-content: flex-start;
}

.nure-hero .nure-hero__slide > .wp-block-cover__inner-container {
	max-width: 40rem;
}

.nure-hero .nure-hero__title {
	margin: 0;
	font-size: clamp(2.5rem, 4.7vw, 4.25rem);
	line-height: 1.04;
	letter-spacing: 0.035em;
}

.nure-hero .nure-hero__title:not(.has-text-color) {
	color: var(--wp--preset--color--white);
}

.nure-hero .nure-hero__text {
	margin: clamp(0.75rem, 1.2vw, 1.1rem) 0 0;
	font-size: clamp(1rem, 0.65rem + 0.85vw, 1.375rem);
	font-weight: 300;
	line-height: 1.5;
	letter-spacing: 0.01em;
}

.nure-hero .nure-hero__text:not(.has-text-color) {
	color: rgba(255, 255, 255, 0.94);
}

.nure-hero .nure-hero__actions {
	margin-top: clamp(1.5rem, 2.4vw, 2.25rem);
}

.nure-hero .nure-hero__button .wp-block-button__link {
	padding: 1.2rem clamp(2rem, 4.7vw, 4.25rem);
	border: 1px solid rgba(255, 255, 255, 0.92);
	background-color: transparent;
	color: var(--wp--preset--color--white);
	font-size: clamp(0.75rem, 0.6rem + 0.3vw, 0.8125rem);
	letter-spacing: 0.16em;
	transition: background-color var(--wp--custom--transition), color var(--wp--custom--transition);
}

.nure-hero .nure-hero__button .wp-block-button__link:hover,
.nure-hero .nure-hero__button .wp-block-button__link:focus-visible {
	background-color: var(--wp--preset--color--white);
	color: var(--wp--preset--color--ink);
}

/* Oklar, noktalar ve durdur düğmesi (home.js ekler) */
.nure-hero__arrow,
.nure-hero__dot,
.nure-hero__toggle {
	display: inline-grid;
	place-items: center;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	color: var(--wp--preset--color--white);
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

.nure-hero__arrow {
	position: absolute;
	top: 50%;
	z-index: 3;
	width: 52px;
	height: 76px;
	transform: translateY(-50%);
	opacity: 0.88;
	transition: opacity var(--wp--custom--transition), transform var(--wp--custom--transition);
}

.nure-hero__arrow svg {
	width: 19px;
	height: 38px;
}

.nure-hero__arrow--prev {
	left: clamp(0.25rem, 2.2vw, 2.25rem);
}

.nure-hero__arrow--next {
	right: clamp(0.25rem, 2.2vw, 2.25rem);
}

.nure-hero__arrow:hover {
	opacity: 1;
}

.nure-hero__arrow--prev:hover {
	transform: translate(-3px, -50%);
}

.nure-hero__arrow--next:hover {
	transform: translate(3px, -50%);
}

.nure-hero__nav {
	position: absolute;
	bottom: clamp(0.5rem, 1.6vw, 1.5rem);
	left: 50%;
	z-index: 3;
	display: flex;
	align-items: center;
	transform: translateX(-50%);
}

.nure-hero__dot,
.nure-hero__toggle {
	width: 44px;
	height: 44px;
}

.nure-hero__dot::before {
	content: "";
	width: 7px;
	height: 7px;
	border: 1px solid rgba(255, 255, 255, 0.9);
	border-radius: 50%;
	transition: background-color var(--wp--custom--transition), transform var(--wp--custom--transition);
}

.nure-hero__dot:hover::before {
	transform: scale(1.25);
}

.nure-hero__dot[aria-current="true"]::before {
	background-color: var(--wp--preset--color--white);
}

.nure-hero__toggle {
	opacity: 0.8;
}

.nure-hero__toggle:hover {
	opacity: 1;
}

.nure-hero__toggle svg {
	width: 10px;
	height: 10px;
}

.nure-hero__arrow:focus-visible,
.nure-hero__dot:focus-visible,
.nure-hero__toggle:focus-visible {
	outline: 1px solid var(--wp--preset--color--white);
	outline-offset: -6px;
}

@media (max-width: 781px) {
	/* Mockup'taki gibi yatay kadraj: 390'da ~300px; 781'de masaüstü yüksekliğine (460px) bağlanır.
	   min-height olduğu için uzun başlık ya da büyük yazı boyutunda slayt uzar, metin kesilmez. */
	.nure-hero .nure-hero__slide.wp-block-cover {
		min-height: clamp(18.75rem, 77vw, 28.75rem);
		align-items: center;
		padding: 2.75rem clamp(1.5rem, 8.5vw, 3rem) 3rem;
	}

	/* Metnin arkasında soldan hafif karartma: yazı her görselde okunur */
	.nure-hero .nure-hero__slide::after {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 1;
		background: linear-gradient(90deg, rgba(35, 29, 25, 0.42) 0%, rgba(35, 29, 25, 0.2) 48%, rgba(35, 29, 25, 0) 78%);
		pointer-events: none;
	}

	.nure-hero .nure-hero__slide > .wp-block-cover__inner-container {
		z-index: 2;
		max-width: 22rem;
	}

	.nure-hero .nure-hero__title {
		font-size: clamp(1.75rem, 7.7vw, 2.5rem);
		line-height: 1.06;
		letter-spacing: 0.04em;
	}

	.nure-hero .nure-hero__text {
		margin-top: 0.6rem;
		font-size: 0.9375rem;
		line-height: 1.45;
	}

	.nure-hero .nure-hero__actions {
		margin-top: 1.25rem;
	}

	.nure-hero .nure-hero__button .wp-block-button__link {
		display: inline-flex;
		align-items: center;
		min-height: 44px;
		padding: 0.75rem 1.5rem;
		border-color: var(--wp--preset--color--white);
		background-color: var(--wp--preset--color--white);
		color: var(--wp--preset--color--ink);
		font-size: 0.6875rem;
		letter-spacing: 0.14em;
	}

	.nure-hero .nure-hero__button .wp-block-button__link:hover,
	.nure-hero .nure-hero__button .wp-block-button__link:focus-visible {
		background-color: transparent;
		color: var(--wp--preset--color--white);
	}

	.nure-hero__arrow {
		display: none;
	}

	.nure-hero__nav {
		bottom: 0.25rem;
	}
}

/* =========================================================================
   Güven şeridi
   ========================================================================= */

.nure-trust {
	padding-top: clamp(2rem, 3.4vw, 3rem);
	padding-bottom: clamp(1.25rem, 2vw, 1.75rem);
}

.nure-trust .nure-trust__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1.75rem 1.5rem;
	max-width: 1240px;
}

.nure-trust .nure-trust__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.nure-trust .nure-trust__item > * {
	margin: 0;
}

.nure-trust .nure-trust__icon {
	margin-bottom: 1.1rem;
}

.nure-trust .nure-trust__icon img {
	display: block;
	width: clamp(30px, 2.5vw, 36px);
	height: clamp(30px, 2.5vw, 36px);
}

.nure-trust .nure-trust__title {
	font-size: clamp(0.75rem, 0.6rem + 0.3vw, 0.8125rem);
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.nure-trust .nure-trust__text {
	margin-top: 0.4rem;
	font-size: clamp(0.75rem, 0.6rem + 0.3vw, 0.8125rem);
	line-height: 1.5;
	color: var(--nure-home-soft);
}

@media (max-width: 781px) {
	.nure-trust .nure-trust__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 1.75rem 1rem;
	}

	.nure-trust .nure-trust__title {
		letter-spacing: 0.1em;
	}
}

/* =========================================================================
   Kategori kartları
   ========================================================================= */

.nure-categories {
	padding-top: clamp(1.25rem, 2.2vw, 2rem);
}

.nure-categories .nure-categories__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(0.625rem, 1.25vw, 1.125rem);
}

.nure-categories .nure-category-card.wp-block-cover {
	min-height: 0;
	aspect-ratio: 1.26;
	margin: 0;
	padding: 1rem 1rem clamp(1.1rem, 1.9vw, 1.75rem);
	background-color: var(--wp--preset--color--sand);
	color: var(--wp--preset--color--white);
}

.nure-categories .nure-category-card .wp-block-cover__image-background {
	transition: transform 700ms cubic-bezier(0.2, 0, 0, 1);
}

/* İç kap konumlandırılmaz: bağlantının ::after katmanı kartın tamamını kaplar */
.nure-categories .nure-category-card > .wp-block-cover__inner-container {
	position: static;
	z-index: 1;
	width: 100%;
	text-align: center;
}

.nure-categories .nure-category-card__title {
	margin: 0;
	font-size: clamp(1.5rem, 2.2vw, 2.125rem);
	line-height: 1;
	letter-spacing: 0.04em;
}

.nure-categories .nure-category-card__title:not(.has-text-color) {
	color: var(--wp--preset--color--white);
}

.nure-categories .nure-category-card__title a {
	color: inherit;
	text-decoration: none;
}

.nure-categories .nure-category-card__title a::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}

/* İnce ok */
.nure-categories .nure-category-card__title::after {
	content: "";
	display: block;
	width: 38px;
	height: 12px;
	margin: 0.7rem auto 0;
	background-color: currentColor;
	-webkit-mask: url("../images/icons/arrow-long.svg") center / contain no-repeat;
	mask: url("../images/icons/arrow-long.svg") center / contain no-repeat;
	transition: transform var(--wp--custom--transition);
}

/* Klavye odağı kartın tamamını çerçeveler */
.nure-categories .nure-category-card:has(a:focus-visible) {
	outline: 1px solid var(--wp--preset--color--ink);
	outline-offset: 3px;
}

.nure-categories .nure-category-card__title a:focus-visible {
	outline: none;
}

@media (hover: hover) and (pointer: fine) {
	.nure-categories .nure-category-card:hover .wp-block-cover__image-background {
		transform: scale(1.045);
	}

	.nure-categories .nure-category-card:hover .nure-category-card__title::after {
		transform: translateX(6px);
	}
}

/* Editörde katman başlığı düzenlemeyi engellemesin */
.block-editor-block-list__layout .nure-category-card__title a::after {
	display: none;
}

@media (max-width: 781px) {
	.nure-categories .nure-categories__grid {
		grid-template-columns: none;
		grid-auto-flow: column;
		grid-auto-columns: 76%;
		gap: 0.625rem;
		position: relative;
		left: calc(-1 * var(--nure-home-pad));
		width: calc(100% + 2 * var(--nure-home-pad));
		padding: 4px var(--nure-home-pad);
		overflow-x: auto;
		overscroll-behavior-x: contain;
		scroll-snap-type: x mandatory;
		scroll-padding-inline: var(--nure-home-pad);
		scrollbar-width: none;
	}

	.nure-categories .nure-categories__grid::-webkit-scrollbar {
		display: none;
	}

	.nure-categories .nure-category-card.wp-block-cover {
		aspect-ratio: 0.92;
		scroll-snap-align: start;
	}
}

/* =========================================================================
   Ürün satırları (Yeni Koleksiyon, Senin İçin Seçtiklerimiz)
   Kart stilleri shop.css'tedir; burada yalnızca bölüm ve satır düzeni.
   ========================================================================= */

.nure-home-products {
	padding-block: var(--nure-home-space-md);
}

.nure-home-products--new {
	padding-top: var(--nure-home-space);
}

.nure-home-products--featured {
	background-color: var(--wp--preset--color--surface);
}

.nure-section-head.wp-block-group {
	gap: 0.75rem 1.5rem;
	margin-bottom: clamp(1.25rem, 2.2vw, 2rem);
}

.nure-section-head .nure-section-head__title {
	margin: 0;
	font-size: clamp(1.75rem, 2.65vw, 2.5rem);
	line-height: 1.05;
}

.nure-section-head .nure-section-head__title--serif {
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(1.75rem, 2.9vw, 2.625rem);
	font-weight: 400;
	letter-spacing: 0.01em;
	text-transform: none;
}

/* "Tümünü Gör →" gibi küçük oklu bağlantı */
.nure-link-arrow {
	flex-shrink: 0;
	margin: 0;
	font-size: clamp(0.8125rem, 0.7rem + 0.25vw, 0.9375rem);
	font-weight: 400;
	line-height: 1.2;
	white-space: nowrap;
}

.nure-link-arrow a {
	display: inline-flex;
	align-items: center;
	gap: 0.65em;
	min-height: 44px;
	color: var(--wp--preset--color--ink);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
}

.nure-link-arrow--plain a {
	text-decoration: none;
}

.nure-link-arrow--plain a:hover {
	text-decoration: underline;
}

.nure-link-arrow a::after {
	content: "";
	flex-shrink: 0;
	width: 1.3em;
	height: 1.3em;
	background-color: currentColor;
	-webkit-mask: url("../images/icons/arrow-right.svg") center / contain no-repeat;
	mask: url("../images/icons/arrow-right.svg") center / contain no-repeat;
	transition: transform var(--wp--custom--transition);
}

.nure-link-arrow a:hover::after {
	transform: translateX(3px);
}

.wp-block-woocommerce-product-collection.nure-products--row {
	margin-bottom: 0;
}

.wp-block-woocommerce-product-collection.nure-products--row .wc-block-product-template {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--nure-home-gap);
}

.wp-block-woocommerce-product-collection.nure-products--row .wc-block-product-template > li {
	width: auto;
	min-width: 0;
	margin: 0;
}

.nure-home-products .nure-home-products__empty {
	margin: 0;
	padding: 2.5rem 1rem;
	border: 1px solid var(--wp--preset--color--line);
	color: var(--nure-home-soft);
	font-size: 0.9375rem;
	text-align: center;
}

@media (max-width: 781px) {
	.nure-section-head.wp-block-group {
		flex-wrap: wrap;
		column-gap: 1rem;
	}

	.nure-section-head .nure-section-head__title {
		font-size: 1.625rem;
		letter-spacing: 0.03em;
	}

	.nure-section-head .nure-section-head__title--serif {
		font-size: 1.625rem;
		letter-spacing: 0.005em;
	}

	/* Mobil: ~2,2 kart görünen yatay kaydırmalı satır, ekran kenarına taşar */
	.wp-block-woocommerce-product-collection.nure-products--row .wc-block-product-template {
		--nure-row-gap: 0.75rem;
		grid-template-columns: none;
		grid-auto-flow: column;
		grid-auto-columns: calc((100% + var(--nure-home-pad) - 2 * var(--nure-row-gap)) / 2.2);
		gap: var(--nure-row-gap);
		width: auto;
		max-width: none;
		margin-inline: calc(-1 * var(--nure-home-pad));
		padding: 4px var(--nure-home-pad);
		overflow-x: auto;
		overscroll-behavior-x: contain;
		scroll-snap-type: x mandatory;
		scroll-padding-inline: var(--nure-home-pad);
		scrollbar-width: none;
	}

	.wp-block-woocommerce-product-collection.nure-products--row .wc-block-product-template::-webkit-scrollbar {
		display: none;
	}

	.wp-block-woocommerce-product-collection.nure-products--row .wc-block-product-template > li {
		scroll-snap-align: start;
	}
}

/* =========================================================================
   KONFOR / HER DETAYDA bandı
   ========================================================================= */

.nure-comfort.wp-block-cover {
	min-height: clamp(420px, 40vw, 600px);
	padding: clamp(3rem, 5.5vw, 5rem) var(--nure-home-pad);
	background-color: var(--wp--preset--color--brown);
}

/* Demo görselin kenarındaki açık kırpma izi görünmesin */
.nure-comfort .wp-block-cover__image-background {
	transform: scale(1.02);
}

.nure-comfort .nure-comfort__title {
	margin: 0;
	font-size: clamp(2rem, 3.9vw, 3.5rem);
	line-height: 1.08;
	letter-spacing: 0.05em;
}

.nure-comfort .nure-comfort__title:not(.has-text-color) {
	color: var(--wp--preset--color--base);
}

.nure-comfort .nure-comfort__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 2rem 1.5rem;
	max-width: 1080px;
	margin: clamp(2.25rem, 4.5vw, 3.75rem) auto 0;
}

.nure-comfort .nure-comfort__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.nure-comfort .nure-comfort__item > * {
	margin: 0;
}

.nure-comfort .nure-comfort__icon {
	display: grid;
	place-items: center;
	width: clamp(60px, 5.6vw, 84px);
	aspect-ratio: 1;
	margin-bottom: 1rem;
	border: 1px solid rgba(246, 244, 240, 0.72);
	border-radius: 50%;
}

.nure-comfort .nure-comfort__icon img {
	display: block;
	width: 44%;
	height: auto;
}

.nure-comfort .nure-comfort__label {
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0.04em;
}

.nure-comfort .nure-comfort__label:not(.has-text-color) {
	color: var(--wp--preset--color--base);
}

@media (max-width: 781px) {
	.nure-comfort .nure-comfort__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 2rem 1rem;
	}
}

/* =========================================================================
   Marka hikayesi
   ========================================================================= */

.nure-story {
	display: grid;
	grid-template-columns: 47% minmax(0, 1fr);
	align-items: center;
	max-width: var(--wp--style--global--wide-size, 1440px);
	margin-inline: auto;
	padding-top: clamp(1.25rem, 2.5vw, 2.25rem);
	background-color: var(--wp--preset--color--base);
}

/* Görsel kenarındaki kırpma izlerini gizlemek için hafif taşırılır */
.nure-story .nure-story__media {
	height: 100%;
	margin: 0;
	overflow: hidden;
	background-color: var(--wp--preset--color--line);
}

.nure-story .nure-story__media img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 100%;
	aspect-ratio: 1.09;
	max-height: 680px;
	object-fit: cover;
	transform: scale(1.02);
}

.nure-story .nure-story__content {
	max-width: 36rem;
	margin: 0;
	padding: clamp(2.5rem, 5vw, 4.5rem) var(--nure-home-pad) clamp(2.5rem, 5vw, 4.5rem) clamp(2rem, 5.2vw, 5rem);
}

.nure-story .nure-story__content > * {
	margin-block: 0;
}

.nure-story .nure-story__brand {
	font-size: clamp(2.25rem, 3.9vw, 3.5rem);
	line-height: 1;
	letter-spacing: 0.04em;
}

.nure-story .nure-story__tagline {
	margin-top: 0.4rem;
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(1.5rem, 2.6vw, 2.375rem);
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0.01em;
}

.nure-story .nure-story__text {
	max-width: 30rem;
	margin-top: 1.4rem;
	font-size: clamp(0.875rem, 0.8rem + 0.2vw, 0.9375rem);
	line-height: 1.8;
	color: var(--nure-home-soft);
}

.nure-story .nure-story__actions {
	margin-top: clamp(1.75rem, 2.8vw, 2.5rem);
}

/* Oklu çerçeveli buton: HİKAYEMİZ → */
.nure-button-arrow .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	gap: 1.5rem;
	padding: 1.2rem 1.75rem 1.2rem 2.4rem;
	font-size: clamp(0.6875rem, 0.55rem + 0.3vw, 0.8125rem);
}

.nure-button-arrow .wp-block-button__link::after {
	content: "";
	width: 16px;
	height: 16px;
	background-color: currentColor;
	-webkit-mask: url("../images/icons/arrow-right.svg") center / contain no-repeat;
	mask: url("../images/icons/arrow-right.svg") center / contain no-repeat;
	transition: transform var(--wp--custom--transition);
}

.nure-button-arrow .wp-block-button__link:hover::after {
	transform: translateX(3px);
}

@media (max-width: 781px) {
	.nure-story {
		grid-template-columns: minmax(0, 1fr);
	}

	.nure-story .nure-story__media img {
		aspect-ratio: 1.1;
		max-height: none;
	}

	.nure-story .nure-story__content {
		max-width: none;
		padding: 2.5rem var(--nure-home-pad) 0.5rem;
	}
}

/* =========================================================================
   #nurewear
   ========================================================================= */

.nure-instagram {
	padding-top: var(--nure-home-space-md);
	padding-bottom: var(--nure-home-space);
	background-color: var(--wp--preset--color--surface);
}

.nure-instagram .nure-instagram__grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: clamp(0.5rem, 1.1vw, 1rem);
}

.nure-instagram .nure-instagram__item {
	margin: 0;
}

.nure-instagram .nure-instagram__item a {
	display: block;
	overflow: hidden;
	background-color: var(--wp--preset--color--line);
}

.nure-instagram .nure-instagram__item img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 7;
	object-fit: cover;
	transform: scale(1.03);
	transition: transform 700ms cubic-bezier(0.2, 0, 0, 1), opacity var(--wp--custom--transition);
}

.nure-instagram .nure-instagram__item a:focus-visible {
	outline-offset: 2px;
}

@media (hover: hover) and (pointer: fine) {
	.nure-instagram .nure-instagram__item a:hover img {
		transform: scale(1.07);
		opacity: 0.92;
	}
}

@media (max-width: 781px) {
	.nure-instagram .nure-instagram__grid {
		grid-template-columns: none;
		grid-auto-flow: column;
		grid-auto-columns: 42%;
		gap: 0.5rem;
		position: relative;
		left: calc(-1 * var(--nure-home-pad));
		width: calc(100% + 2 * var(--nure-home-pad));
		padding: 4px var(--nure-home-pad);
		overflow-x: auto;
		overscroll-behavior-x: contain;
		scroll-snap-type: x mandatory;
		scroll-padding-inline: var(--nure-home-pad);
		scrollbar-width: none;
	}

	.nure-instagram .nure-instagram__grid::-webkit-scrollbar {
		display: none;
	}

	.nure-instagram .nure-instagram__item {
		scroll-snap-align: start;
	}
}

/* Tablet (600–781 px): mobil kaydırmalı düzen sürer ama kartlar ekranı kaplamaz;
   782 px'teki çok sütunlu düzene geçişte ani boyut sıçraması olmaz. */
@media (min-width: 600px) and (max-width: 781px) {
	.nure-categories .nure-categories__grid {
		grid-auto-columns: 46%;
	}

	.nure-categories .nure-category-card.wp-block-cover {
		aspect-ratio: 1.05;
	}

	.wp-block-woocommerce-product-collection.nure-products--row .wc-block-product-template {
		grid-auto-columns: calc((100% + var(--nure-home-pad) - 3 * var(--nure-row-gap)) / 3.2);
	}

	.nure-instagram .nure-instagram__grid {
		grid-auto-columns: 28%;
	}
}
