:root {
	--pure-ink: #211f1b;
	--pure-forest: #6b4c32;
	--pure-forest-soft: #8a6b4f;
	--pure-cream: #f7f3eb;
	--pure-paper: #fcfaf5;
	--pure-sand: #d8c4a6;
	--pure-line: #d9d2c5;
	--pure-white: #fffefb;
}

.pure-commerce-home {
	--wd-text-font: "Assistant", Arial, Helvetica, sans-serif;
	--wd-title-font: "Assistant", Arial, Helvetica, sans-serif;
	--wd-entities-title-font: "Assistant", Arial, Helvetica, sans-serif;
	--wd-alternative-font: "Assistant", Arial, Helvetica, sans-serif;
	--wd-primary-color: var(--pure-forest);
	--btn-accented-bgcolor: var(--pure-forest);
	--btn-accented-bgcolor-hover: #523a26;
	color: var(--pure-ink);
	background: var(--pure-paper);
}

.pure-commerce-home .wd-hb-wrapp {
	display: none !important;
}

.pure-commerce-home .whb-header,
.pure-commerce-home .whb-main-header,
.pure-commerce-home .whb-general-header,
.pure-commerce-home .whb-sticked .whb-main-header {
	background: var(--pure-white) !important;
	color: var(--pure-ink) !important;
}

.pure-commerce-home .whb-header {
	position: relative !important;
	inset: auto !important;
	border-bottom: 1px solid var(--pure-line);
	box-shadow: none !important;
}

.pure-commerce-home .whb-general-header {
	border: 0 !important;
}

.pure-commerce-home .whb-general-header-inner {
	min-height: 80px;
}

.pure-commerce-home .wd-logo img {
	max-height: 64px;
	width: auto;
}

.pure-commerce-home .wd-nav-main > li > a {
	min-height: 80px;
	font-family: "Assistant", Arial, sans-serif;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0;
	color: var(--pure-ink);
}

.pure-commerce-home .wd-nav-main > li:first-child {
	display: none;
}

.pure-commerce-home .wd-tools-element > a,
.pure-commerce-home .wd-tools-icon,
.pure-commerce-home .wd-tools-text {
	color: var(--pure-ink) !important;
}

.pure-commerce-home .main-page-wrapper {
	padding-top: 0;
}

.pure-commerce-home .wd-content-layout {
	max-width: none;
	padding: 0;
}

.pure-commerce-home .container:has(> .wd-content-layout) {
	max-width: none;
	padding: 0;
}

.pure-commerce-home :focus-visible {
	outline: 2px solid #a6672c;
	outline-offset: 3px;
}

.pure-commerce-home h1,
.pure-commerce-home h2,
.pure-commerce-home h3,
.pure-commerce-home p {
	margin-top: 0;
}

.pure-commerce-home img {
	display: block;
}

.pure-commerce-shell,
.pure-section,
.pure-proof,
.pure-look,
.pure-close {
	width: min(100% - 48px, 1320px);
	margin-inline: auto;
}

.pure-commerce-bar {
	background: var(--pure-forest);
	color: var(--pure-white);
	font-family: "Assistant", Arial, sans-serif;
	font-size: 14px;
}

.pure-commerce-bar .pure-commerce-shell {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	min-height: 40px;
}

.pure-commerce-bar a {
	margin-inline-start: auto;
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 4px;
}

.pure-commerce {
	background: var(--pure-paper);
	font-family: "Assistant", Arial, sans-serif;
	color: var(--pure-ink);
}

.pure-commerce-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(420px, .85fr);
	min-height: min(74vh, 600px);
	background: var(--pure-forest);
	color: var(--pure-white);
}

.pure-commerce-hero__media {
	position: relative;
	min-height: min(74vh, 600px);
	overflow: hidden;
}

.pure-commerce-hero__media > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 34%;
}

.pure-commerce-hero__note {
	position: absolute;
	inset-inline-end: 32px;
	inset-block-end: 32px;
	display: grid;
	place-items: center;
	width: 112px;
	height: 112px;
	border: 1px solid rgba(255, 254, 251, .82);
	background: rgba(60, 44, 30, .92);
	color: var(--pure-white);
	border-radius: 50%;
	text-align: center;
}

.pure-commerce-hero__note span {
	font-size: 31px;
	line-height: 1;
}

.pure-commerce-hero__note small {
	font-size: 12px;
}

.pure-commerce-hero__content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding: 64px clamp(40px, 6vw, 96px);
}

.pure-kicker {
	margin-bottom: 24px;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .18em;
	color: inherit;
}

.pure-commerce-hero h1 {
	max-width: 540px;
	margin-bottom: 24px;
	font-family: "Assistant", Arial, sans-serif;
	font-size: clamp(48px, 5vw, 72px);
	font-weight: 400;
	line-height: 1.04;
	letter-spacing: -.035em;
	color: var(--pure-white);
}

.pure-commerce-hero__lead {
	max-width: 530px;
	margin-bottom: 32px;
	font-size: 20px;
	line-height: 1.55;
	color: rgba(255, 254, 251, .84);
}

.pure-commerce-hero__actions {
	display: flex;
	align-items: center;
	gap: 24px;
	margin-bottom: 32px;
}

.pure-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 24px;
	font-size: 16px;
	font-weight: 500;
	transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.pure-button--primary {
	background: var(--pure-white);
	border: 1px solid var(--pure-white);
	color: var(--pure-forest);
}

.pure-button--primary:hover {
	background: var(--pure-sand);
	border-color: var(--pure-sand);
	color: var(--pure-ink);
}

.pure-button--text {
	padding-inline: 0;
	border-bottom: 1px solid rgba(255, 254, 251, .68);
	color: var(--pure-white);
}

.pure-commerce-hero__microcopy {
	margin-bottom: 0;
	font-size: 14px;
	color: rgba(255, 254, 251, .72);
}

.pure-proof {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	border-inline: 1px solid var(--pure-line);
	border-bottom: 1px solid var(--pure-line);
	background: var(--pure-white);
}

.pure-proof__item {
	position: relative;
	display: grid;
	grid-template-columns: 30px 1fr;
	column-gap: 16px;
	padding: 24px;
	border-inline-start: 1px solid var(--pure-line);
}

.pure-proof__item:first-child {
	border-inline-start: 0;
}

.pure-proof__item > span {
	grid-row: 1 / 3;
	font-size: 12px;
	color: var(--pure-forest-soft);
}

.pure-proof__item strong {
	font-size: 16px;
	font-weight: 500;
}

.pure-proof__item small {
	font-size: 13px;
	color: #6e6960;
}

.pure-section {
	padding-block: 96px;
}

.pure-section-heading {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 32px;
	margin-bottom: 40px;
}

.pure-section-heading--compact {
	align-items: flex-start;
}

.pure-section-heading .pure-kicker,
.pure-look .pure-kicker,
.pure-close .pure-kicker {
	margin-bottom: 12px;
	color: var(--pure-forest-soft);
}

.pure-section-heading h2,
.pure-look h2,
.pure-close h2 {
	margin-bottom: 8px;
	font-size: clamp(36px, 4vw, 56px);
	font-weight: 400;
	line-height: 1.12;
	letter-spacing: -.03em;
	color: var(--pure-ink);
}

.pure-section-heading p {
	margin-bottom: 0;
	font-size: 17px;
	color: #6e6960;
}

.pure-section-heading > a {
	flex: none;
	padding-bottom: 4px;
	border-bottom: 1px solid var(--pure-ink);
	font-size: 15px;
	color: var(--pure-ink);
}

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

.pure-product-card {
	min-width: 0;
}

.pure-product-card__media {
	position: relative;
	display: block;
	aspect-ratio: 4 / 5;
	overflow: hidden;
	background: #fffefb;
}

.pure-product-card__image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: opacity .35s ease, transform .6s ease;
}

.pure-product-card__image--secondary {
	opacity: 0;
}

.pure-product-card__media:hover .pure-product-card__image--secondary {
	opacity: 1;
}

.pure-product-card__media:hover .pure-product-card__image--primary {
	transform: scale(1.025);
}

.pure-product-card__badge {
	position: absolute;
	z-index: 2;
	inset-block-start: 16px;
	inset-inline-start: 16px;
	padding: 7px 10px;
	background: var(--pure-forest);
	font-size: 12px;
	color: var(--pure-white);
}

.pure-product-card__body {
	padding-top: 16px;
}

.pure-product-card__eyebrow {
	min-height: 20px;
	margin-bottom: 8px;
	font-size: 12px;
	color: #817a70;
}

.pure-product-card__eyebrow a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.pure-product-card__eyebrow .star-rating {
	font-size: 11px;
}

.pure-product-card__title {
	margin-bottom: 6px;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.3;
}

.pure-product-card__title a {
	color: var(--pure-ink);
}

.pure-product-card__price {
	min-height: 24px;
	font-size: 15px;
	color: var(--pure-ink);
}

.pure-product-card__price del {
	margin-inline-end: 6px;
	color: #918a80;
}

.pure-product-card__price ins {
	text-decoration: none;
	color: var(--pure-forest);
}

.pure-product-card__action {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 44px;
	margin-top: 16px;
	padding: 0 14px;
	border: 1px solid var(--pure-ink);
	font-size: 14px;
	color: var(--pure-ink);
	transition: color .2s ease, background-color .2s ease;
}

.pure-product-card__action:hover,
.pure-product-card__action.added {
	background: var(--pure-ink);
	color: var(--pure-white);
}

.pure-product-card__action.loading {
	opacity: .55;
	pointer-events: none;
}

.pure-product-card__action.added::after {
	content: "נוסף";
	font-size: 12px;
}

.pure-product-card__action + .added_to_cart {
	display: none !important;
}

.pure-intents {
	padding-top: 32px;
}

.pure-intents-grid {
	display: grid;
	grid-template-columns: 1.25fr .75fr .75fr;
	grid-template-rows: 360px 360px;
	gap: 16px;
}

.pure-intent-card {
	display: grid;
	grid-template-rows: minmax(0, 1fr) auto;
	min-height: 0;
	background: #ece3d5;
	color: var(--pure-ink);
	overflow: hidden;
}

.pure-intent-card--wide {
	grid-row: span 2;
}

.pure-intent-card--tall {
	grid-column: 2 / 4;
}

.pure-intent-card__media {
	min-height: 0;
	overflow: hidden;
}

.pure-intent-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .6s ease;
}

.pure-intent-card:hover .pure-intent-card__media img {
	transform: scale(1.025);
}

.pure-intent-card__body {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: end;
	gap: 4px 16px;
	padding: 20px 24px;
	background: var(--pure-white);
	border: 1px solid var(--pure-line);
}

.pure-intent-card__body span {
	grid-column: 1 / -1;
	font-size: 12px;
	color: #756f66;
}

.pure-intent-card__body strong {
	font-size: 25px;
	font-weight: 400;
}

.pure-intent-card__body small {
	font-size: 13px;
}

.pure-look {
	display: grid;
	grid-template-columns: 1.04fr .96fr;
	min-height: 720px;
	margin-top: 32px;
	background: #e8dece;
}

.pure-look__media {
	min-height: 720px;
	overflow: hidden;
}

.pure-look__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 28%;
}

.pure-look__content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 64px clamp(40px, 6vw, 88px);
}

.pure-look__content > p:not(.pure-kicker) {
	max-width: 530px;
	margin-bottom: 24px;
	font-size: 18px;
	line-height: 1.6;
	color: #615b53;
}

.pure-look__list {
	margin: 8px 0 32px;
	padding: 0;
	list-style: none;
	border-top: 1px solid rgba(33, 31, 27, .25);
}

.pure-look__list li {
	display: grid;
	grid-template-columns: 32px 1fr auto;
	gap: 12px;
	align-items: center;
	min-height: 56px;
	border-bottom: 1px solid rgba(33, 31, 27, .25);
}

.pure-look__list li > span {
	font-size: 11px;
	color: var(--pure-forest-soft);
}

.pure-look__list a {
	color: var(--pure-ink);
}

.pure-look__list strong {
	font-size: 14px;
	font-weight: 500;
}

.pure-look .pure-button--primary {
	align-self: flex-start;
	background: var(--pure-forest);
	border-color: var(--pure-forest);
	color: var(--pure-white);
}

.pure-more {
	padding-bottom: 112px;
}

.pure-close {
	padding: 80px 24px;
	border-top: 1px solid var(--pure-line);
	text-align: center;
}

.pure-close h2 {
	max-width: 820px;
	margin-inline: auto;
}

.pure-close__links {
	display: flex;
	justify-content: center;
	gap: 16px;
	margin-top: 32px;
}

.pure-close__links a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 24px;
	border: 1px solid var(--pure-ink);
	color: var(--pure-ink);
}

.pure-close__links a:first-child {
	background: var(--pure-ink);
	color: var(--pure-white);
}

.pure-commerce-live {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.cart-widget-side,
.widget_shopping_cart {
	font-family: "Assistant", Arial, sans-serif;
}

.cart-widget-side {
	--wd-side-hidden-w: min(440px, 92vw);
}

.cart-widget-side .wd-heading {
	background: var(--pure-forest);
	color: var(--pure-white);
}

.cart-widget-side .wd-heading .title,
.cart-widget-side .wd-action-btn > a {
	color: inherit;
}

.cart-widget-side .woocommerce-mini-cart-item {
	padding-block: 16px;
	border-bottom: 1px solid var(--pure-line);
}

.cart-widget-side .woocommerce-mini-cart__total {
	padding-top: 16px;
	border-top: 1px solid var(--pure-line);
}

.pure-minicart-reassurance {
	display: flex;
	justify-content: space-between;
	gap: 8px;
	margin: 12px 0;
	padding: 12px 0;
	border-block: 1px solid var(--pure-line);
	font-size: 12px;
	color: #5e5850;
}

.cart-widget-side .woocommerce-mini-cart__buttons a {
	min-height: 48px;
	border-radius: 0;
}

.cart-widget-side .woocommerce-mini-cart__buttons .checkout {
	background: var(--pure-forest);
}

@media (max-width: 1180px) {
	.pure-commerce-hero {
		grid-template-columns: minmax(0, 1.05fr) minmax(370px, .95fr);
	}

	.pure-commerce-hero__content {
		padding-inline: 48px;
	}

	.pure-proof__item {
		padding: 20px 16px;
	}
}

@media (max-width: 1024px) {
	.pure-commerce-home .whb-general-header-inner {
		min-height: 64px;
	}

	.pure-commerce-home .wd-logo img {
		max-height: 50px;
	}

	.pure-commerce-shell,
	.pure-section,
	.pure-proof,
	.pure-look,
	.pure-close {
		width: min(100% - 32px, 920px);
	}

	.pure-commerce-hero {
		grid-template-columns: 1fr;
		min-height: 0;
	}

	.pure-commerce-hero__media {
		min-height: min(58vh, 520px);
	}

	.pure-commerce-hero__content {
		padding: 56px 32px 64px;
	}

	.pure-proof {
		grid-template-columns: repeat(2, 1fr);
	}

	.pure-proof__item:nth-child(3) {
		border-inline-start: 0;
		border-top: 1px solid var(--pure-line);
	}

	.pure-proof__item:nth-child(4) {
		border-top: 1px solid var(--pure-line);
	}

	.pure-products-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 32px 16px;
	}

	.pure-intents-grid {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 480px 340px 340px;
	}

	.pure-intent-card--wide {
		grid-column: 1 / -1;
		grid-row: auto;
	}

	.pure-intent-card--tall {
		grid-column: 1 / -1;
	}

	.pure-look {
		grid-template-columns: 1fr;
	}

	.pure-look__media {
		min-height: 660px;
	}
}

@media (max-width: 767px) {
	.pure-commerce-home .whb-header {
		position: sticky !important;
		top: 0 !important;
		z-index: 200;
	}

	.pure-commerce-home .whb-general-header-inner {
		min-height: 60px;
	}

	.pure-commerce-home .site-logo img {
		max-width: 126px !important;
		max-height: 50px;
	}

	.pure-commerce-shell,
	.pure-section,
	.pure-proof,
	.pure-look,
	.pure-close {
		width: min(100% - 24px, 560px);
	}

	.pure-commerce-bar .pure-commerce-shell {
		width: calc(100% - 24px);
		gap: 8px;
		justify-content: center;
		white-space: nowrap;
		overflow: hidden;
		font-size: 12px;
	}

	.pure-commerce-bar a,
	.pure-commerce-bar span[aria-hidden="true"] {
		display: none;
	}

	.pure-commerce-hero__media {
		min-height: min(54vh, 400px);
	}

	.pure-commerce-hero__media > img {
		object-position: center 24%;
	}

	.pure-commerce-hero__note {
		inset-inline-end: 20px;
		inset-block-end: 20px;
		width: 88px;
		height: 88px;
	}

	.pure-commerce-hero__note span {
		font-size: 25px;
	}

	.pure-commerce-hero__content {
		padding: 34px 24px 40px;
	}

	.pure-kicker {
		margin-bottom: 16px;
		font-size: 10px;
		letter-spacing: .1em;
		white-space: normal;
		overflow-wrap: break-word;
	}

	.pure-commerce-hero h1 {
		font-size: 40px;
		letter-spacing: -.02em;
		overflow-wrap: break-word;
	}

	.pure-section-heading h2,
	.pure-look h2,
	.pure-close h2 {
		overflow-wrap: break-word;
	}

	.pure-commerce-hero__lead {
		font-size: 18px;
	}

	.pure-commerce-hero__actions {
		align-items: stretch;
		flex-direction: column;
		width: 100%;
		gap: 12px;
	}

	.pure-button {
		width: 100%;
	}

	.pure-button--text {
		border: 1px solid rgba(255, 254, 251, .55);
	}

	.pure-commerce-hero__microcopy {
		font-size: 12px;
		line-height: 1.5;
	}

	.pure-proof {
		width: 100%;
		border-inline: 0;
	}

	.pure-proof__item {
		grid-template-columns: 24px 1fr;
		padding: 20px 16px;
	}

	.pure-proof__item strong {
		font-size: 14px;
	}

	.pure-proof__item small {
		font-size: 11px;
		line-height: 1.35;
	}

	.pure-section {
		padding-block: 64px;
	}

	.pure-section-heading {
		align-items: flex-start;
		flex-direction: column;
		gap: 16px;
		margin-bottom: 28px;
	}

	.pure-section-heading h2,
	.pure-look h2,
	.pure-close h2 {
		font-size: 36px;
	}

	.pure-section-heading p {
		font-size: 15px;
	}

	.pure-products-grid {
		gap: 32px 10px;
	}

	.pure-product-card__media {
		aspect-ratio: 3 / 4;
	}

	.pure-product-card__badge {
		inset-block-start: 8px;
		inset-inline-start: 8px;
		padding: 6px 8px;
		font-size: 10px;
	}

	.pure-product-card__body {
		padding-top: 12px;
	}

	.pure-product-card__title {
		font-size: 15px;
	}

	.pure-product-card__action {
		padding-inline: 10px;
		font-size: 12px;
	}

	.pure-intents {
		padding-top: 8px;
	}

	.pure-intents-grid {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 340px 300px 300px;
		gap: 10px;
	}

	.pure-intent-card__body {
		grid-template-columns: 1fr;
		align-items: start;
		padding: 16px;
	}

	.pure-intent-card__body strong {
		font-size: 20px;
	}

	.pure-intent-card__body small {
		display: none;
	}

	.pure-look {
		width: 100%;
		margin-top: 0;
	}

	.pure-look__media {
		min-height: 520px;
	}

	.pure-look__content {
		padding: 48px 24px 56px;
	}

	.pure-look__content > p:not(.pure-kicker) {
		font-size: 16px;
	}

	.pure-look__list li {
		grid-template-columns: 24px 1fr;
		padding-block: 10px;
	}

	.pure-look__list strong {
		grid-column: 2;
	}

	.pure-more {
		padding-bottom: 72px;
	}

	.pure-close {
		padding: 64px 16px;
	}

	.pure-close__links {
		flex-direction: column;
	}
}

/* ============================================================
   v0.2 — motion & polish
   ============================================================ */

/* Announcement rotator */
.pure-rotator {
	position: relative;
	display: inline-grid;
	min-height: 20px;
	margin: 0;
	text-align: center;
}

.pure-rotator__msg {
	grid-area: 1 / 1;
	opacity: 0;
	transform: translateY(5px);
	transition: opacity .5s ease, transform .5s ease;
	pointer-events: none;
	white-space: nowrap;
}

.pure-rotator__msg.is-active {
	opacity: 1;
	transform: none;
	pointer-events: auto;
}

/* Scroll reveal — content is only hidden once JS confirms support,
   so a no-JS or failed load still shows everything. */
.pure-reveal-ready .pure-reveal:not(.pure-reveal--stagger) {
	opacity: 0;
	transform: translateY(22px);
	transition: opacity .7s cubic-bezier(.22, .61, .36, 1), transform .7s cubic-bezier(.22, .61, .36, 1);
}

.pure-reveal-ready .pure-reveal:not(.pure-reveal--stagger).is-visible {
	opacity: 1;
	transform: none;
}

.pure-reveal-ready .pure-reveal--stagger > * {
	opacity: 0;
	transform: translateY(22px);
	transition: opacity .6s cubic-bezier(.22, .61, .36, 1), transform .6s cubic-bezier(.22, .61, .36, 1);
}

.pure-reveal-ready .pure-reveal--stagger.is-visible > * {
	opacity: 1;
	transform: none;
}

.pure-reveal-ready .pure-reveal--stagger.is-visible > *:nth-child(1) { transition-delay: .04s; }
.pure-reveal-ready .pure-reveal--stagger.is-visible > *:nth-child(2) { transition-delay: .12s; }
.pure-reveal-ready .pure-reveal--stagger.is-visible > *:nth-child(3) { transition-delay: .20s; }
.pure-reveal-ready .pure-reveal--stagger.is-visible > *:nth-child(4) { transition-delay: .28s; }

/* Hero entrance on load */
.pure-hero-anim > * {
	opacity: 0;
	transform: translateY(18px);
	animation: pure-hero-in .85s cubic-bezier(.22, .61, .36, 1) forwards;
}

.pure-hero-anim > *:nth-child(1) { animation-delay: .10s; }
.pure-hero-anim > *:nth-child(2) { animation-delay: .20s; }
.pure-hero-anim > *:nth-child(3) { animation-delay: .30s; }
.pure-hero-anim > *:nth-child(4) { animation-delay: .40s; }
.pure-hero-anim > *:nth-child(5) { animation-delay: .50s; }

@keyframes pure-hero-in {
	to { opacity: 1; transform: none; }
}

.pure-commerce-hero__media > img {
	animation: pure-hero-zoom 1.5s cubic-bezier(.22, .61, .36, 1) both;
}

@keyframes pure-hero-zoom {
	from { transform: scale(1.06); }
	to   { transform: scale(1); }
}

/* Button + link micro-interactions */
.pure-button {
	transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}

.pure-button--primary:hover {
	transform: translateY(-1px);
}

.pure-button--text span,
.pure-section-heading > a span,
.pure-product-card__action--options span,
.pure-intent-card__body small span {
	display: inline-block;
	transition: transform .25s ease;
}

.pure-button--text:hover span,
.pure-section-heading > a:hover span,
.pure-intent-card:hover .pure-intent-card__body small span {
	transform: translateX(-4px);
}

.pure-product-card__action--options:hover span {
	transform: translateX(-4px);
}

/* Hover lifts */
.pure-proof__item {
	transition: background-color .25s ease;
}

.pure-proof__item:hover {
	background: #fbf8f1;
}

.pure-intent-card {
	transition: transform .3s ease, box-shadow .3s ease;
}

.pure-intent-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 18px 40px -28px rgba(60, 44, 30, .55);
}

/* --- Shop by category tiles ------------------------------------------------ */
.pure-cats {
	padding-top: 8px;
}

.pure-cats-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 16px;
}

.pure-cat-tile {
	display: block;
	text-align: center;
	color: var(--pure-ink);
}

.pure-cat-tile__media {
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border-radius: 50%;
	background: #ece3d5;
	margin-bottom: 12px;
}

.pure-cat-tile__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .5s ease;
}

.pure-cat-tile:hover .pure-cat-tile__media img {
	transform: scale(1.06);
}

.pure-cat-tile__name {
	display: block;
	font-size: 15px;
	font-weight: 500;
}

/* Bigger "cube" tiles for the main Shop-by-Category section (10 categories). */
.pure-cats-grid--big {
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
}

.pure-cats-grid--big .pure-cat-tile__media {
	border-radius: 12px;
	margin-bottom: 14px;
}

.pure-cats-grid--big .pure-cat-tile__name {
	font-size: 16px;
	font-weight: 600;
}

@media (max-width: 900px) {
	.pure-cats-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 20px 12px;
	}
	.pure-cats-grid--big {
		grid-template-columns: repeat(2, 1fr);
		gap: 16px 14px;
	}
	.pure-cats-grid--big .pure-cat-tile__name { font-size: 15px; }
}

/* --- Meet the designer (Dorin) --------------------------------------------- */
.pure-dorin {
	display: grid;
	grid-template-columns: .92fr 1.08fr;
	min-height: 560px;
	width: min(100% - 48px, 1320px);
	margin: 32px auto 0;
	background: var(--pure-forest);
	color: var(--pure-white);
	overflow: hidden;
}

.pure-dorin__media {
	position: relative;
	display: grid;
	place-items: center;
	background: linear-gradient(135deg, #55402d, #3a2b1d);
}

.pure-dorin__media img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 22%;
}

.pure-dorin__mark {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	color: var(--pure-sand);
	text-align: center;
}

.pure-dorin__mark > span {
	font-size: 26px;
	letter-spacing: .02em;
}

.pure-dorin__mark small {
	font-size: 12px;
	letter-spacing: .12em;
	color: rgba(255, 254, 251, .55);
}

.pure-dorin__content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 64px clamp(32px, 5vw, 72px);
}

.pure-dorin .pure-kicker {
	color: var(--pure-sand);
	margin-bottom: 16px;
}

.pure-dorin h2 {
	margin-bottom: 20px;
	font-size: clamp(34px, 4vw, 52px);
	font-weight: 400;
	line-height: 1.08;
	letter-spacing: -.03em;
	color: var(--pure-white);
}

.pure-dorin__content > p {
	max-width: 560px;
	margin-bottom: 16px;
	font-size: 17px;
	line-height: 1.65;
	color: rgba(255, 254, 251, .84);
}

.pure-dorin__facts {
	display: flex;
	gap: 32px;
	margin: 16px 0 32px;
	padding: 0;
	list-style: none;
	flex-wrap: wrap;
}

.pure-dorin__facts li {
	display: flex;
	flex-direction: column;
}

.pure-dorin__facts strong {
	font-size: 22px;
	font-weight: 400;
	color: var(--pure-sand);
}

.pure-dorin__facts span {
	font-size: 13px;
	color: rgba(255, 254, 251, .72);
}

.pure-dorin .pure-button--primary {
	align-self: flex-start;
	background: var(--pure-white);
	border-color: var(--pure-white);
	color: var(--pure-forest);
}

.pure-dorin .pure-button--primary:hover {
	background: var(--pure-sand);
	border-color: var(--pure-sand);
	color: var(--pure-ink);
}

@media (max-width: 900px) {
	.pure-dorin {
		grid-template-columns: 1fr;
		width: 100%;
		margin-top: 0;
	}

	.pure-dorin__media {
		min-height: 440px;
	}

	.pure-dorin__content {
		padding: 44px 24px 52px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.pure-commerce-home *,
	.pure-commerce-home *::before,
	.pure-commerce-home *::after {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
	}

	.pure-hero-anim > *,
	.pure-commerce-hero__media > img {
		animation: none !important;
		opacity: 1 !important;
		transform: none !important;
	}

	.pure-reveal,
	.pure-reveal--stagger > * {
		opacity: 1 !important;
		transform: none !important;
	}
}


/* ---- Customer voices (homepage testimonials; real quotes only) ---- */
.pure-voices { padding-block: clamp(48px, 7vw, 96px); }

.pure-voices__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: clamp(16px, 2.5vw, 28px);
	margin-top: clamp(28px, 4vw, 44px);
}

.pure-voice {
	position: relative;
	margin: 0;
	padding: 34px clamp(24px, 3vw, 34px) 28px;
	background: #fffefb;
	border: 1px solid #ece5d7;
	border-radius: 4px;
	box-shadow: 0 24px 60px -44px rgba(60, 44, 30, .5);
}

.pure-voice__mark {
	position: absolute;
	inset-block-start: 8px;
	inset-inline-start: 20px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 62px;
	line-height: 1;
	color: #c9a86a;
	opacity: .5;
}

.pure-voice__text {
	position: relative;
	/* Strip Woodmart's default blockquote styling (border / padding / bg). */
	margin: 0 0 18px;
	padding: 0;
	border: 0;
	background: none;
	quotes: none;
	font-size: clamp(15px, 1.6vw, 17px);
	font-style: normal;
	line-height: 1.65;
	color: #3a3630;
}

.pure-voice__text::before,
.pure-voice__text::after { content: none; }

.pure-voice__by {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 4px 10px;
	font-size: 13px;
	color: #6e6960;
}

.pure-voice__by strong { color: #6b4c32; font-weight: 700; }

.pure-voice__product {
	inline-size: 100%;
	margin-top: 2px;
	font-size: 12px;
	letter-spacing: .04em;
	color: #9a9488;
}

/* ---- Testimonial source badge ---- */
.pure-voice__src {
	display: inline-flex;
	align-items: center;
	padding: 2px 9px;
	border: 1px solid #d9d2c4;
	border-radius: 100px;
	font-size: 11px;
	letter-spacing: .02em;
	color: #6e6960;
}

/* ---- Creator / influencer video showcase ---- */
.pure-creators { padding-block: clamp(48px, 7vw, 96px); }

.pure-creators__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	gap: clamp(16px, 2.5vw, 28px);
	max-width: 760px;
	margin: clamp(28px, 4vw, 44px) auto 0;
}

.pure-creator { margin: 0; }

.pure-creator__video,
.pure-creator__player {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 9 / 16;
	border: 0;
	padding: 0;
	border-radius: 6px;
	overflow: hidden;
	background: #3c2c1e;
	cursor: pointer;
}

.pure-creator__video img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .5s cubic-bezier(.22, .61, .36, 1);
}

.pure-creator__video:hover img { transform: scale(1.04); }

.pure-creator__play {
	position: absolute;
	inset-block-start: 50%;
	inset-inline-start: 50%;
	transform: translate(-50%, -50%);
	display: grid;
	place-items: center;
	width: 58px;
	height: 58px;
	border-radius: 50%;
	background: rgba(255, 254, 251, .92);
	color: #6b4c32;
	box-shadow: 0 8px 24px -6px rgba(0, 0, 0, .45);
	padding-inline-start: 3px;
}

.pure-creator__player { aspect-ratio: 9 / 16; }
.pure-creator__player iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

.pure-creator__by {
	display: flex;
	flex-direction: column;
	gap: 2px;
	margin-top: 12px;
	text-align: center;
	font-family: "Assistant", Arial, Helvetica, sans-serif;
}

.pure-creator__by strong { font-size: 15px; color: #211f1b; font-weight: 700; }
.pure-creator__vf { color: #3897f0; font-size: 12px; }
.pure-creator__followers { font-size: 12.5px; color: #6b4c32; font-weight: 600; }
.pure-creator__note { font-size: 12.5px; color: #6e6960; }

.pure-creators__wall {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 8px 14px;
	max-width: 760px;
	margin: clamp(22px, 3vw, 34px) auto 0;
	padding-top: 20px;
	border-top: 1px solid #ece5d7;
	font-size: 13px;
	color: #8a857b;
}

.pure-creators__wall span { white-space: nowrap; }
.pure-creators__more { color: #6b4c32; font-weight: 600; }

/* ---- UGC video reels (horizontal scroll row) ---- */
.pure-reels { padding-block: clamp(48px, 7vw, 96px); }

.pure-reels__track {
	display: flex;
	gap: 14px;
	overflow-x: auto;
	/* no scroll-snap — it fought the auto-scroll marquee (snapped back each frame) */
	-webkit-overflow-scrolling: touch;
	padding: 4px 2px 16px;
	scrollbar-width: thin;
}

.pure-reel,
.pure-reel__player {
	position: relative;
	flex: 0 0 auto;
	width: clamp(150px, 42vw, 190px);
	aspect-ratio: 9 / 16;
	scroll-snap-align: start;
	border: 0;
	padding: 0;
	margin: 0;
	border-radius: 8px;
	overflow: hidden;
	background: #3c2c1e;
	cursor: pointer;
}

.pure-reel img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s cubic-bezier(.22,.61,.36,1); }
.pure-reel:hover img { transform: scale(1.05); }

.pure-reel__play {
	position: absolute;
	inset-block-start: 50%;
	inset-inline-start: 50%;
	transform: translate(-50%, -50%);
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: rgba(255, 254, 251, .92);
	color: #6b4c32;
	box-shadow: 0 6px 18px -4px rgba(0, 0, 0, .5);
	padding-inline-start: 3px;
}

.pure-reel__player { object-fit: cover; }

/* Dorin section: two actions (WhatsApp + workshop). */
.pure-dorin__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; }
.pure-dorin__actions .pure-button--text { border-bottom: 1px solid rgba(255,254,251,.68); color: var(--pure-white); }

/* ---- Real review screenshots wall (masonry) + lightbox ---- */
.pure-shots__wall { columns: 3 260px; column-gap: 16px; margin-top: clamp(24px,4vw,40px); }

.pure-shot {
	display: block; width: 100%; margin: 0 0 16px; padding: 0; border: 0;
	background: none; cursor: zoom-in; break-inside: avoid;
	border-radius: 10px; overflow: hidden;
	box-shadow: 0 16px 42px -30px rgba(60,44,30,.55);
}
.pure-shot img { display: block; width: 100%; height: auto; border: 1px solid #ece5d7; border-radius: 10px; transition: transform .4s ease; }
.pure-shot:hover img { transform: scale(1.02); }

@media (max-width: 640px) {
	.pure-shots__wall { columns: 2 140px; column-gap: 12px; }
	.pure-shot { margin-bottom: 12px; }
}

.pure-lightbox {
	position: fixed; inset: 0; z-index: 100002; display: none;
	align-items: center; justify-content: center; padding: 24px;
	background: rgba(17,30,26,.86); backdrop-filter: blur(3px);
}
.pure-lightbox.is-open { display: flex; }
.pure-lightbox img { max-width: min(92vw,520px); max-height: 90vh; border-radius: 8px; box-shadow: 0 30px 80px -20px rgba(0,0,0,.6); }
.pure-lightbox__x {
	position: absolute; top: 18px; inset-inline-end: 20px; width: 42px; height: 42px;
	border: 0; border-radius: 50%; background: rgba(255,254,251,.92); color: #6b4c32;
	font-size: 26px; line-height: 1; cursor: pointer;
}

/* Product cards: equal height + price/action anchored to the bottom so every
   card lines up regardless of title length or sale-vs-no-sale price rows. */
.pure-product-card { display: flex; flex-direction: column; height: 100%; }
.pure-product-card__body { display: flex; flex-direction: column; flex: 1 1 auto; }
.pure-product-card__price { margin-top: auto; }

/* ---- Monthly promo hero (smaller + campaign banner + Tu B'Av hearts) ---- */
.pure-commerce-hero--promo,
.pure-commerce-hero--promo .pure-commerce-hero__media { min-height: min(56vh, 440px); }
.pure-commerce-hero--promo .pure-commerce-hero__content { padding-block: clamp(32px, 4vw, 52px); }
.pure-hero__eyebrow { color: var(--pure-sand) !important; margin-bottom: 16px; }
.pure-commerce-hero--promo h1 { font-size: clamp(38px, 4.2vw, 58px); margin-bottom: 16px; }
.pure-commerce-hero--promo .pure-commerce-hero__lead { font-size: 18px; margin-bottom: 20px; max-width: 460px; }

.pure-hero-coupon {
	display: inline-flex; align-items: center; gap: 10px;
	margin-bottom: 24px; padding: 8px 16px;
	border: 1px dashed rgba(216, 196, 166, .85); border-radius: 4px;
	animation: pure-coupon-pulse 2.4s ease-in-out infinite;
}
.pure-hero-coupon span { font-size: 13px; color: rgba(255, 254, 251, .7); }
.pure-hero-coupon strong { font-size: 20px; letter-spacing: .1em; color: var(--pure-sand); font-weight: 700; }
@keyframes pure-coupon-pulse { 0%,100%{ box-shadow: 0 0 0 0 rgba(216,196,166,.35);} 50%{ box-shadow: 0 0 0 9px rgba(216,196,166,0);} }

.pure-hero-hearts { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 1; }
.pure-hero-hearts span {
	position: absolute; bottom: -30px; color: rgba(255, 255, 255, .5);
	animation: pure-heart-float 7s linear infinite;
}
.pure-hero-hearts span:nth-child(1){ left: 12%; animation-delay: 0s; font-size: 18px; }
.pure-hero-hearts span:nth-child(2){ left: 34%; animation-delay: 1.6s; font-size: 22px; }
.pure-hero-hearts span:nth-child(3){ left: 55%; animation-delay: 3.1s; font-size: 27px; }
.pure-hero-hearts span:nth-child(4){ left: 72%; animation-delay: 4.4s; font-size: 16px; }
.pure-hero-hearts span:nth-child(5){ left: 88%; animation-delay: 5.6s; font-size: 20px; }
@keyframes pure-heart-float {
	0%   { transform: translateY(0) scale(.8); opacity: 0; }
	15%  { opacity: .7; }
	100% { transform: translateY(-440px) scale(1.1) rotate(12deg); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
	.pure-hero-coupon { animation: none; }
	.pure-hero-hearts { display: none; }
}
@media (max-width: 1024px) {
	.pure-commerce-hero--promo,
	.pure-commerce-hero--promo .pure-commerce-hero__media { min-height: 0; }
	.pure-commerce-hero--promo .pure-commerce-hero__media { aspect-ratio: 5 / 4; }
}

/* Compact FIXED hero height — the portrait photo was displaying at natural
   height (939px) and stretching the whole hero. Fixed height crops it via cover. */
.pure-commerce-hero--promo { height: clamp(430px, 54vh, 520px) !important; min-height: 0 !important; }
.pure-commerce-hero--promo .pure-commerce-hero__media { height: 100% !important; min-height: 0 !important; }
.pure-commerce-hero--promo .pure-commerce-hero__content { justify-content: center; overflow: hidden; }
@media (max-width: 1024px) {
	.pure-commerce-hero--promo { height: auto !important; grid-template-columns: 1fr !important; }
	.pure-commerce-hero--promo .pure-commerce-hero__media { height: auto !important; aspect-ratio: 16 / 10; }
	.pure-commerce-hero--promo .pure-commerce-hero__content { padding: 32px 24px 36px !important; }
}

/* Tighten promo-hero content so eyebrow + coupon aren't clipped by the fixed height. */
.pure-commerce-hero--promo { height: clamp(470px, 56vh, 550px) !important; }
.pure-commerce-hero--promo .pure-commerce-hero__content { overflow: visible !important; padding-block: 26px !important; }
.pure-commerce-hero--promo .pure-hero__eyebrow { margin-bottom: 12px; }
.pure-commerce-hero--promo h1 { margin-bottom: 12px; }
.pure-commerce-hero--promo .pure-commerce-hero__lead { margin-bottom: 16px; }
.pure-commerce-hero--promo .pure-hero-coupon { margin-bottom: 18px; }
.pure-commerce-hero--promo .pure-commerce-hero__actions { margin-bottom: 16px; }

/* Coupon: its pulse animation replaced the hero entrance (which left it at
   opacity:0). Force it visible. */
.pure-hero-anim .pure-hero-coupon { opacity: 1 !important; transform: none !important; }

/* Sets section: gift hint line. */
.pure-look__hint { font-size: 14px; color: rgba(255, 254, 251, .75); margin-bottom: 20px; }

/* =====================================================================
   COFFEE/SAND/SEA RESKIN + Shani-style homepage (basic hero, icon row,
   big stacked category tiles). Appended last = wins the cascade.
   ===================================================================== */
:root { --pure-sea: #7fa8b8; --pure-coffee: #6b4c32; --pure-espresso: #3c2c1e; }

/* --- Basic promo hero (Shani style: image, shade, centered offer) --- */
.pure-hero-basic {
	position: relative;
	display: block !important;
	height: clamp(430px, 58vh, 560px) !important;
	min-height: 0 !important;
	overflow: hidden;
	background: var(--pure-espresso);
}
.pure-hero-basic__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 30%; }
.pure-hero-basic__shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(60,44,30,.18) 0%, rgba(60,44,30,.34) 45%, rgba(46,33,22,.78) 100%); }
.pure-hero-basic__content {
	position: absolute; inset-inline: 0; bottom: 0;
	display: flex; flex-direction: column; align-items: center; text-align: center;
	padding: 0 22px clamp(26px, 4.5vh, 44px);
	color: #fffdf8;
}
.pure-hero-basic__eyebrow { margin: 0 0 6px; font-size: 13px; letter-spacing: .22em; color: #ead9bd; }
.pure-hero-basic__title { margin: 0 0 6px; font-size: clamp(52px, 9vw, 84px); font-weight: 700; line-height: 1; letter-spacing: -.02em; color: #fffdf8; }
.pure-hero-basic__sub { margin: 0 0 16px; font-size: clamp(15px, 2.4vw, 19px); color: rgba(255,253,248,.94); }
.pure-hero-basic__btn {
	display: inline-flex; align-items: center; justify-content: center;
	min-height: 48px; padding: 0 38px; background: #fffdf8; color: var(--pure-coffee) !important;
	font-size: 16px; font-weight: 700; border-radius: 3px;
}
.pure-hero-basic__btn:hover { background: var(--pure-sand); color: var(--pure-espresso) !important; }
.pure-hero-basic__fine { margin: 12px 0 0; font-size: 12px; color: rgba(255,253,248,.78); }

/* --- Icon trust row (Daniella style) --- */
.pure-proof--icons { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; }
.pure-proof--icons .pure-proof__item {
	display: flex; flex-direction: column; align-items: center; text-align: center;
	gap: 4px; padding: 26px 12px;
}
.pure-proof--icons .pure-proof__ic { color: var(--pure-coffee); margin-bottom: 4px; }
.pure-proof--icons .pure-proof__ic svg { width: 30px; height: 30px; }
.pure-proof--icons strong { font-size: 14.5px; font-weight: 700; color: var(--pure-ink); }
.pure-proof--icons small { font-size: 12.5px; color: #7d7263; }
@media (max-width: 767px) {
	.pure-proof--icons { grid-template-columns: repeat(2, 1fr); }
	.pure-proof--icons .pure-proof__item { padding: 18px 8px; border: 0; }
}

/* --- Big stacked category tiles (Shani style) --- */
.pure-bigcats { padding-block: clamp(40px, 6vw, 72px); }
.pure-bigtiles { display: grid; grid-template-columns: 1fr; gap: 18px; max-width: 880px; margin: 0 auto; }
.pure-bigtile {
	position: relative; display: block; overflow: hidden; border-radius: 6px;
	aspect-ratio: 4 / 3;
	background: #efe6d8;
}
.pure-bigtile img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.22,.61,.36,1); }
.pure-bigtile:hover img { transform: scale(1.04); }
.pure-bigtile__shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(46,33,22,0) 35%, rgba(46,33,22,.62) 100%); }
.pure-bigtile__body {
	position: absolute; inset-inline: 0; bottom: 0;
	display: flex; flex-direction: column; align-items: center; text-align: center;
	gap: 4px; padding: 0 18px 22px; color: #fffdf8;
}
.pure-bigtile__body strong { font-size: clamp(26px, 5vw, 36px); font-weight: 700; letter-spacing: -.01em; }
.pure-bigtile__body em { font-style: normal; font-size: 14px; color: rgba(255,253,248,.88); }
.pure-bigtile__btn {
	margin-top: 10px; display: inline-flex; align-items: center; justify-content: center;
	min-height: 40px; padding: 0 34px; background: #fffdf8; color: var(--pure-coffee);
	font-size: 14px; font-weight: 700; border-radius: 3px;
}
.pure-bigtile:hover .pure-bigtile__btn { background: var(--pure-sand); color: var(--pure-espresso); }
@media (min-width: 900px) {
	.pure-bigtiles { grid-template-columns: 1fr 1fr; gap: 20px; max-width: 1100px; }
	.pure-bigtile { aspect-ratio: 16 / 11; }
}

/* Sea-blue accents (Dorin: "קצת כחול") — small, tasteful touches. */
.pure-kicker { color: var(--pure-sea); }
.pure-voice__src, .pure-pdp-shots__head span { color: #5f8a99; }
.pure-hero-basic__eyebrow { color: #cfe2e8; }

/* Rotator bar: hard-clip inactive messages (one was peeking under the active
   line = text-on-text). Fixed height + overflow hidden + full fade. */
.pure-commerce-bar .pure-commerce-shell { min-height: 40px; height: 40px; overflow: hidden; }
.pure-rotator { position: relative; height: 40px; overflow: hidden; flex: 1; }
.pure-rotator__msg { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: opacity .4s ease; }
.pure-rotator__msg.is-active { opacity: 1; visibility: visible; }

/* Baked tiles: the category image already includes its own title + SHOP NOW,
   so no overlay at all — just the clean clickable image. */
.pure-bigtile--baked img { object-position: center top; }


/* =====================================================================
   TILES FULL-SIZE FIX: the category images are 1000x1000 squares with the
   title + SHOP NOW baked in. The old 4/3 + 16/11 aspect ratios cropped that
   text away. Square tiles show each image whole, nothing cut.
   ===================================================================== */
.pure-bigtile { aspect-ratio: 1 / 1 !important; }
.pure-bigtile img { object-fit: cover; object-position: center center; }
/* baked images are exactly 1:1 → nothing is cropped; guarantee the whole
   artwork is visible even if a future image has a different ratio. */
.pure-bigtile--baked img { object-fit: contain !important; background: #f6efe3; }
@media (min-width: 900px) {
	.pure-bigtile { aspect-ratio: 1 / 1 !important; }
	.pure-bigtiles { grid-template-columns: repeat(3, 1fr); max-width: 1180px; gap: 18px; }
}
/* Product-card images: was woocommerce_thumbnail (430px) upscaled on 2x/3x
   screens = blurry. Rendered from the full-size file now. */
.pure-product-card__image { image-rendering: auto; }

/* Sets section: the real set photo is a 1:1 studio shot — show it whole and let
   it breathe instead of cropping a tall portrait frame. */
@media (min-width: 1025px) {
	.pure-look__media { align-self: stretch; }
	.pure-look__media img { width: 100%; height: 100%; object-fit: cover; object-position: center 35%; }
}
@media (max-width: 1024px) {
	.pure-look__media img { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; }
}

/* ---------------------------------------------------------------------------
 * Holiday campaign treatment for the hero (campaign theme = "holiday").
 * Matches the Rosh Hashana ad: gold on cream, pearl-soft, with the deep green
 * used only as a hairline accent. Dorin does not want green carrying the page.
 * ------------------------------------------------------------------------ */
.pure-hero-basic--holiday { --hol-gold:#b08d4f; --hol-gold-deep:#8a6c33; --hol-green:#1f4034; --hol-cream:#f6efe3; }

.pure-hero-basic--holiday .pure-hero-basic__shade {
	background:
		linear-gradient(180deg, rgba(246,239,227,.94) 0%, rgba(246,239,227,.72) 38%,
		                        rgba(246,239,227,.62) 62%, rgba(246,239,227,.93) 100%);
}

.pure-hero-basic--holiday .pure-hero-basic__badge {
	display:inline-flex; align-items:center; gap:8px;
	align-self:center; margin:0 0 14px;
	padding:7px 18px; border-radius:999px;
	background:var(--hol-green); color:#f3e7cd;
	font-size:13px; font-weight:700; letter-spacing:.8px;
	box-shadow:0 6px 18px rgba(31,64,52,.22);
}
.pure-hero-basic--holiday .pure-hero-basic__badge::before,
.pure-hero-basic--holiday .pure-hero-basic__badge::after {
	content:""; width:16px; height:1px; background:currentColor; opacity:.55;
}

.pure-hero-basic--holiday .pure-hero-basic__eyebrow {
	color:var(--hol-gold-deep); letter-spacing:4px; font-weight:600;
}

.pure-hero-basic--holiday .pure-hero-basic__title {
	color:var(--hol-gold-deep);
	font-family:'Frank Ruhl Libre','Narkisim',Georgia,serif;
	font-weight:900; letter-spacing:-1px;
	text-shadow:0 1px 0 rgba(255,255,255,.55);
}

/* Thin gold rule under the headline, the ad's divider motif. */
.pure-hero-basic--holiday .pure-hero-basic__title::after {
	content:""; display:block; width:112px; height:2px; margin:16px auto 0;
	background:linear-gradient(90deg, transparent, var(--hol-gold), transparent);
}

.pure-hero-basic--holiday .pure-hero-basic__sub { color:#3a3128; font-weight:600; }

.pure-hero-basic--holiday .pure-hero-basic__btn {
	background:linear-gradient(135deg, var(--hol-gold) 0%, var(--hol-gold-deep) 100%);
	color:#fffdf8; border:0; box-shadow:0 10px 26px rgba(138,108,51,.32);
}
.pure-hero-basic--holiday .pure-hero-basic__btn:hover { filter:brightness(1.07); }

.pure-hero-basic--holiday .pure-hero-basic__fine { color:#6a5f50; }

@media (max-width:600px) {
	.pure-hero-basic--holiday .pure-hero-basic__badge { font-size:12px; padding:6px 14px; }
	.pure-hero-basic--holiday .pure-hero-basic__title::after { width:84px; margin-top:12px; }
}

/* Poster hero: show the campaign artwork whole (it already carries the offer),
   on a cream ground, with only the CTA and fine print rendered as real text. */
.pure-sr-only {
	position:absolute !important; width:1px; height:1px; padding:0; margin:-1px;
	overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; border:0;
}
.pure-hero-basic--poster { height:auto; min-height:0; background:#f6efe3; display:block; }
.pure-hero-basic--poster .pure-hero-basic__bg {
	position:static; width:100%; height:auto; max-height:none;
	object-fit:contain; display:block;
}
.pure-hero-basic--poster .pure-hero-basic__shade { display:none; }
.pure-hero-basic--poster .pure-hero-basic__content {
	position:static; transform:none; padding:22px 18px 30px;
	display:flex; flex-direction:column; align-items:center; text-align:center; gap:0;
}
.pure-hero-basic--poster .pure-hero-basic__btn { margin:0 0 12px; }
.pure-hero-basic--poster .pure-hero-basic__fine { margin:0; }
@media (min-width:1000px) {
	.pure-hero-basic--poster .pure-hero-basic__bg { max-width:1100px; margin:0 auto; }
}

/* Art-directed hero pair: <picture> must not break the full-bleed cover fill. */
.pure-hero-basic picture { position:absolute; inset:0; display:block; }
.pure-hero-basic--poster picture { position:static; }

/* Artwork-carries-the-message hero: the banner already says "2+1", so only the
   badge, the button and the fine print render as text. They sit at the foot of
   the image over a soft cream lift so they stay legible on busy photography. */
.pure-hero-basic--notext .pure-hero-basic__shade {
	background: linear-gradient(180deg,
		rgba(246,239,227,0) 0%, rgba(246,239,227,0) 52%,
		rgba(246,239,227,.42) 74%, rgba(246,239,227,.93) 100%);
}
.pure-hero-basic--notext .pure-hero-basic__content {
	top:auto; bottom:0; transform:none;
	inset-inline:0; width:100%;
	display:flex; flex-direction:column; align-items:center; justify-content:flex-end;
	padding:0 18px 22px; gap:0; text-align:center;
}
.pure-hero-basic--notext .pure-hero-basic__badge { margin:0 0 10px; }
.pure-hero-basic--notext .pure-hero-basic__btn { margin:0 0 9px; }
.pure-hero-basic--notext .pure-hero-basic__fine { margin:0; font-size:12.5px; }
@media (min-width:768px) {
	.pure-hero-basic--notext .pure-hero-basic__content { padding-bottom:30px; }
	.pure-hero-basic--notext .pure-hero-basic__fine { font-size:13.5px; }
}

/* When the banner IS the message, never crop it: the artwork defines the hero
   height at every width, so the composition survives any viewport ratio. The
   fixed clamp() height only applies to photographic backgrounds. */
.pure-hero-basic--notext { height:auto !important; }
.pure-hero-basic--notext picture,
.pure-hero-basic--notext .pure-hero-basic__bg {
	position:static; width:100%; height:auto; display:block; object-fit:fill;
}
.pure-hero-basic--notext .pure-hero-basic__shade { position:absolute; inset:0; }
.pure-hero-basic--notext .pure-hero-basic__content { position:absolute; }

/* The artwork carries the message, so nothing overlays it. The badge, button
   and fine print sit on a cream strip directly beneath, which can never cover
   the banner's own type at any viewport width. */
.pure-hero-basic--notext .pure-hero-basic__shade { display:none; }
.pure-hero-basic--notext .pure-hero-basic__content {
	position:static; background:var(--hol-cream,#f6efe3);
	padding:20px 18px 24px; gap:0;
}
.pure-hero-basic--notext .pure-hero-basic__badge { margin:0 0 12px; }
.pure-hero-basic--notext .pure-hero-basic__btn { margin:0 0 11px; font-size:17px; padding:15px 44px; }
.pure-hero-basic--notext .pure-hero-basic__fine { margin:0; color:#6a5f50; }
@media (min-width:768px) {
	.pure-hero-basic--notext .pure-hero-basic__content { padding:24px 24px 28px; }
	.pure-hero-basic--notext .pure-hero-basic__btn { font-size:18px; padding:16px 54px; }
}