/*
Theme Name: bingo-theme
Theme URI: https://soleimanidev.ir/bingo
Author: زیومدیا
Author URI: https://soleimanidev.ir
Description: قالب لندینگ برند بینگو — بازسازی صفحه اصلی مطابق bingoiran.com
Version: 1.9.148
Text Domain: bingo
*/

/* Colors from bingoiran.com Elementor / Woodmart */
:root {
	--bingo-green: #007A5A;
	--bingo-green-bright: #00B67B;
	--bingo-green-alt: #00B67A;
	--bingo-green-deep: #0F2F2C;
	--bingo-green-teal: #006B63;
	--bingo-green-dark: #01572F;
	--bingo-green-mid: #47925D;
	--bingo-brown: #7C5A3D;
	--bingo-slate: #384652;
	--bingo-red: #ff0000;
	--bingo-red-hover: #e00000;
	--bingo-bg: #F7F8F4;
	--bingo-bg-soft: #F7F8F3;
	--bingo-text: #080606;
	--bingo-muted: #54595F;
	--bingo-white: #ffffff;
	--bingo-radius: 15px;
	--bingo-container: 1320px;
	--bingo-header-h: 89px;
	--bingo-header-bg: #010701;
	--wd-primary-color: rgb(0, 122, 90);
	--wd-alternative-color: rgb(0, 182, 122);
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	font-family: Vazirmatn, Tahoma, system-ui, sans-serif;
	color: var(--bingo-text);
	background: var(--bingo-white);
	line-height: 1.7;
	direction: rtl;
	overflow-x: hidden;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

a {
	color: inherit;
	text-decoration: none;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.container {
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

/* ---------- Header (transparent → white on scroll) ---------- */
.site-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 50;
	height: var(--bingo-header-h);
	padding-top: 0;
	background: transparent;
	background-image: none;
	box-shadow: none;
	transition: background-color 0.25s ease, box-shadow 0.25s ease;
}

.admin-bar .site-header {
	top: 32px;
}

@media screen and (max-width: 782px) {
	.admin-bar .site-header {
		top: 46px;
	}
}

.site-header.is-scrolled {
	background: var(--bingo-white);
	background-image: none;
	box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1);
}

.site-header.is-scrolled .search-toggle {
	color: var(--bingo-green);
}

.site-header.is-scrolled .nav-toggle span {
	background: var(--bingo-green);
}

.header-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
	gap: 1.5rem;
	position: relative;
}

.header-brand {
	display: flex;
	align-items: center;
	gap: 0.85rem;
	order: 2;
	flex-shrink: 0;
}

.site-logo img {
	width: 123px;
	height: auto;
	filter: none;
}

.search-toggle {
	background: transparent;
	border: 0;
	color: rgba(255, 255, 255, 0.88);
	cursor: pointer;
	padding: 0.25rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: opacity 0.2s ease;
}

.search-toggle:hover {
	opacity: 0.75;
}

.mobile-nav-search {
	display: none;
}

.mobile-nav-back {
	display: none;
}

.primary-nav-panels {
	display: contents;
}

.primary-nav {
	order: 1;
	flex: 1;
	min-width: 0;
}

.primary-nav-panels > ul {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 1.85rem;
	width: fit-content;
}

.primary-nav-panels > ul > li {
	position: relative;
}

.primary-nav-panels > ul > li > a {
	color: var(--bingo-green);
	font-size: 0.95rem;
	font-weight: 500;
	white-space: nowrap;
	padding-bottom: 4px;
	border-bottom: 2px solid transparent;
	transition: border-color 0.2s ease, opacity 0.2s ease;
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
}

.primary-nav-panels > ul > li > a:hover {
	opacity: 0.9;
}

.primary-nav-panels > ul > li.current > a,
.primary-nav-panels > ul > li:hover > a {
	border-bottom-color: var(--bingo-green);
}

.nav-chevron {
	display: inline-block;
	width: 0;
	height: 0;
	border-inline-start: 4px solid transparent;
	border-inline-end: 4px solid transparent;
	border-top: 5px solid currentColor;
	opacity: 0.9;
}

/* Desktop dropdown — RTL right-aligned under parent; width hugs content */
.primary-nav-panels > ul > li > .sub-menu {
	display: flex;
	position: absolute;
	top: 100%;
	inset-inline-start: 0;
	inset-inline-end: auto;
	min-width: 0;
	margin: 0.35rem 0 0;
	padding: 0.2rem 0;
	background: var(--bingo-white);
	border-radius: 10px;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
	flex-direction: column;
	align-items: stretch;
	gap: 0;
	width: max-content;
	z-index: 80;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(0.55rem);
	transition:
		opacity 0.45s ease,
		transform 0.45s ease,
		visibility 0s linear 0.45s;
}

/* Bridge the visual gap so hover doesn't drop while moving into the panel */
.primary-nav-panels > ul > li > .sub-menu::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;
	height: 0.45rem;
}

.primary-nav .menu-item-has-children:hover > .sub-menu,
.primary-nav .menu-item-has-children:focus-within > .sub-menu,
.primary-nav .menu-item-has-children.is-open > .sub-menu {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0);
	transition:
		opacity 0.45s ease,
		transform 0.45s ease,
		visibility 0s linear 0s;
}

.primary-nav .sub-menu a {
	color: var(--bingo-green);
	font-size: 0.9rem;
	font-weight: 500;
	line-height: 1.35;
	white-space: nowrap;
	padding: 0.4rem 0.95rem;
	border-bottom: 0;
	display: block;
	transition: background-color 0.15s ease, opacity 0.15s ease;
}

.primary-nav .sub-menu .menu-item-has-children > a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.nav-chevron--sub {
	flex-shrink: 0;
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-inline-start: 5px solid currentColor;
	border-inline-end: 0;
	border-top-color: transparent;
	opacity: 0.55;
}

.primary-nav .sub-menu .menu-item-has-children {
	position: relative;
}

/* Nested fly-out: to the left in RTL (inline-start = right → start:100% opens leftward) */
.primary-nav .sub-menu .sub-menu {
	display: flex;
	position: absolute;
	top: 0;
	inset-inline-start: 100%;
	inset-inline-end: auto;
	margin: 0 0.15rem 0 0;
	padding: 0.2rem 0;
	background: var(--bingo-white);
	border-radius: 10px;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
	flex-direction: column;
	align-items: stretch;
	gap: 0;
	width: max-content;
	min-width: 0;
	z-index: 90;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateX(0.55rem);
	transition:
		opacity 0.45s ease,
		transform 0.45s ease,
		visibility 0s linear 0.45s;
}

.primary-nav .sub-menu .menu-item-has-children:hover > .sub-menu,
.primary-nav .sub-menu .menu-item-has-children:focus-within > .sub-menu,
.primary-nav .sub-menu .menu-item-has-children.is-open > .sub-menu {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateX(0);
	transition:
		opacity 0.45s ease,
		transform 0.45s ease,
		visibility 0s linear 0s;
}

.primary-nav .sub-menu a:hover {
	background: rgba(0, 122, 90, 0.08);
	opacity: 1;
}

.nav-toggle {
	display: none;
	flex-direction: column;
	gap: 5px;
	background: transparent;
	border: 0;
	cursor: pointer;
	padding: 0.4rem;
	order: 0;
}

.nav-toggle span {
	display: block;
	width: 22px;
	height: 2px;
	background: var(--bingo-white);
}

/* ---------- Hero ---------- */
.hero {
	position: relative;
	min-height: 100vh;
	min-height: 100dvh;
	background: #0a3d32;
	overflow: hidden;
}

.hero-media {
	position: absolute;
	inset: 0;
}

.hero-video,
.hero-fallback {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.hero-video--mobile {
	display: none;
}

.hero-fallback {
	z-index: 0;
}

.hero-video {
	z-index: 1;
}

/* ---------- Products ---------- */
.products-section {
	background: var(--bingo-bg);
	padding: 35px 0 40px;
}

.section-title {
	text-align: center;
	color: var(--bingo-green);
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 1.75rem;
}

.product-cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.25rem;
	max-width: 1140px;
	margin-inline: auto;
}

.product-card {
	border-radius: var(--bingo-radius);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.38);
	min-height: 210px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	overflow: hidden;
	transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.product-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
}

.product-card-body {
	width: 58%;
	padding: 25px 22px;
	text-align: end;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 0.45rem;
}

.product-card-body h3 {
	margin: 0;
	font-size: 18px;
	line-height: 2rem;
	letter-spacing: 0.5px;
	color: var(--bingo-text);
	font-weight: 700;
}

.product-card-body p {
	margin: 0;
	font-size: 13px;
	font-weight: 500;
	color: var(--bingo-muted);
	line-height: 1.9;
}

.btn-outline {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	margin-top: 0.35rem;
	padding: 6px 10px;
	border: 1px solid var(--bingo-green);
	border-radius: 8px;
	color: var(--bingo-green);
	font-size: 13px;
	font-weight: 600;
	background: transparent;
	transition: background 0.2s ease, color 0.2s ease;
}

.btn-outline:hover {
	background: var(--bingo-green);
	color: var(--bingo-white);
}

.btn-chevron {
	font-size: 1rem;
	line-height: 1;
}

/* ---------- Feature icons ---------- */
.feature-section {
	background: var(--bingo-white);
	padding: 2.25rem 0 2.5rem;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.feature-bar {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0;
	text-align: center;
	align-items: center;
}

.feature-item {
	animation: bingo-rise 0.7s ease both;
	padding: 0 1.5rem;
}

.feature-item + .feature-item {
	border-inline-start: 1px solid rgba(0, 0, 0, 0.12);
}

.feature-item:nth-child(2) {
	animation-delay: 0.1s;
}

.feature-item:nth-child(3) {
	animation-delay: 0.2s;
}

.feature-item h4 {
	margin: 0.65rem 0 0.35rem;
	font-size: 1.05rem;
	color: var(--bingo-text);
	font-weight: 700;
}

.feature-item p {
	margin: 0;
	font-size: 0.82rem;
	color: var(--bingo-muted);
	max-width: 240px;
	margin-inline: auto;
	line-height: 1.7;
}

.feature-icon {
	display: inline-flex;
	justify-content: center;
}

.feature-icon img {
	width: 88px;
	height: 88px;
	margin-inline: auto;
	object-fit: contain;
}

/* ---------- Promo banner ---------- */
.promo-banner {
	padding: 1.25rem 0 2.5rem;
	background: var(--bingo-white);
}

.promo-inner {
	min-height: 255px;
	border-radius: var(--bingo-radius);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.38);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	padding: 2rem 2.5rem;
	position: relative;
	overflow: hidden;
}

.promo-copy {
	max-width: 420px;
	color: var(--bingo-white);
	text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
	animation: bingo-fade 0.8s ease both;
}

.promo-copy h2 {
	margin: 0 0 0.5rem;
	font-size: clamp(1.25rem, 2.4vw, 1.85rem);
	font-weight: 800;
	line-height: 1.45;
}

.promo-copy p {
	margin: 0;
	font-size: 0.95rem;
	opacity: 0.95;
}

/* ---------- Story (full-bleed like Elementor) ---------- */
.story-section {
	margin-top: 0;
	margin-bottom: 2.5rem;
	min-height: 380px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	display: flex;
	align-items: flex-end;
	padding: 45px 0 0;
}

.story-grid {
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	display: flex;
	justify-content: flex-end;
	padding-bottom: 2.5rem;
}

.story-content {
	width: min(100%, 520px);
	padding: 25px;
	border-radius: var(--bingo-radius);
	animation: bingo-rise 0.75s ease both;
}

.story-content h2 {
	margin: 0;
	font-size: clamp(1.35rem, 2.5vw, 25px);
	font-weight: 800;
	color: var(--bingo-text);
}

.story-accent {
	margin: 0.35rem 0 1rem;
	font-size: clamp(1.35rem, 2.5vw, 29px);
	font-weight: 400;
	color: var(--bingo-green);
}

.story-text {
	margin: 0 0 1.5rem;
	color: var(--bingo-text);
	font-size: 0.95rem;
	max-width: 34ch;
	line-height: 1.85;
}

.btn-solid {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.7rem 1.6rem;
	background: var(--bingo-green);
	color: var(--bingo-white);
	border-radius: 10px;
	font-size: 18px;
	font-weight: 600;
	transition: background 0.2s ease, transform 0.2s ease;
}

.btn-solid:hover {
	background: #00664b;
	transform: translateY(-2px);
}

/* ---------- Newsletter ---------- */
.newsletter-section {
	background: var(--bingo-green-bright);
	margin-top: 0;
	margin-bottom: 0;
	padding: 12px 0;
	position: relative;
	z-index: 2;
}

.newsletter-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1.25rem;
	flex-wrap: wrap;
}

.newsletter-text {
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--bingo-white);
	font-size: 15px;
	font-weight: 700;
}

.newsletter-icon {
	width: 24px;
	height: 24px;
	flex-shrink: 0;
	stroke: #fff;
}

.newsletter-form {
	display: flex;
	align-items: center;
	gap: 8px;
}

.newsletter-input {
	background: #fff !important;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 6px 12px;
	font-size: 13px;
	color: #333;
	width: 260px;
	outline: none;
	text-align: right;
	font-family: inherit;
}

.newsletter-input::placeholder {
	color: #999;
}

.newsletter-btn {
	background-color: var(--bingo-red);
	color: #fff;
	border: none;
	border-radius: 5px;
	padding: 6px 20px;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	white-space: nowrap;
	font-family: inherit;
	transition: background 0.3s ease;
}

.newsletter-btn:hover {
	background-color: var(--bingo-red-hover);
}

/* ---------- Footer ---------- */
.site-footer {
	background: var(--bingo-green-deep);
	color: var(--bingo-white);
	padding: 3.5rem 0 0;
}

.footer-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr) 1.15fr;
	gap: 1.5rem;
	padding-bottom: 2rem;
}

.footer-col h3 {
	margin: 0 0 0.85rem;
	font-size: 14px;
	color: var(--bingo-white);
	font-weight: 600;
}

.footer-col a {
	display: block;
	font-size: 0.86rem;
	opacity: 0.9;
	padding: 0.3rem 0;
	transition: opacity 0.2s ease, color 0.2s ease;
}

.footer-col a:hover {
	opacity: 1;
	color: var(--bingo-green-bright);
}

.footer-brand {
	/* Physical left = same edge as header .site-logo */
	direction: ltr;
	text-align: left;
}

.footer-logo img {
	width: 123px;
	height: auto;
	display: block;
	margin: 0 0 0.75rem;
}

.footer-tagline {
	margin: 0 0 1rem;
	font-size: 0.9rem;
	direction: rtl;
	text-align: left;
}

.footer-social {
	display: flex;
	justify-content: flex-start;
	gap: 0.65rem;
}

.footer-social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	color: var(--bingo-white);
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.35);
	border-radius: 6px;
	transition: background 0.2s ease, color 0.2s ease;
}

.footer-social a:hover {
	background: var(--bingo-green-bright);
	border-color: var(--bingo-green-bright);
	color: var(--bingo-white);
}

.footer-copy {
	border-top: 1px solid rgba(255, 255, 255, 0.12);
	padding: 1rem 1.5rem;
	text-align: center;
}

.footer-copy p {
	margin: 0;
	font-size: 11px;
	opacity: 0.9;
}

.page-fallback {
	padding: 7rem 0 3rem;
}

@keyframes bingo-rise {
	from {
		opacity: 0;
		transform: translateY(18px);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes bingo-fade {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/* ---------- Responsive ---------- */
@media (max-width: 1100px) {
	.footer-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.footer-brand {
		grid-column: 1 / -1;
	}
}

@media (max-width: 900px) {
	.product-cards,
	.feature-bar {
		grid-template-columns: 1fr;
	}

	.product-card {
		min-height: 180px;
	}

	.product-card-body {
		width: 60%;
		padding: 18px 16px;
	}

	.product-card-body h3 {
		font-size: 15px;
		line-height: 1.6rem;
	}

	.product-card-body p {
		font-size: 10px;
	}

	.hero {
		min-height: 100vh;
	}

	.hero-video--desktop {
		display: none;
	}

	.hero-video--mobile {
		display: block;
	}

	.nav-toggle {
		display: flex;
	}

	body.nav-open {
		overflow: hidden;
	}

	body.nav-open::before {
		content: "";
		position: fixed;
		inset: 0;
		background: rgba(0, 0, 0, 0.45);
		z-index: 90;
	}

	/* Header chrome above overlay; solid white when menu is open */
	body.nav-open .site-header,
	body.nav-open .site-header.is-scrolled {
		z-index: 110;
		background: #fff;
		background-image: none;
		box-shadow: none;
		pointer-events: none;
	}

	body.nav-open .site-header .header-brand {
		visibility: hidden;
	}

	body.nav-open .site-header .nav-toggle,
	body.nav-open .site-header .primary-nav.is-open {
		pointer-events: auto;
	}

	body.nav-open .site-header .search-toggle {
		color: var(--bingo-green);
	}

	body.nav-open .site-header .nav-toggle span {
		background: var(--bingo-green);
	}

	.mobile-nav-search {
		display: block;
		flex-shrink: 0;
		border-bottom: 1px solid #eeeeee;
		padding: 0.85rem 1rem;
		background: #fff;
	}

	.mobile-nav-search-form {
		display: flex;
		align-items: center;
		gap: 0.5rem;
		direction: rtl;
	}

	.mobile-nav-search-field {
		flex: 1;
		min-width: 0;
		border: 0;
		border-bottom: 1px solid #d9d9d9;
		background: transparent;
		color: var(--bingo-text);
		font-family: inherit;
		font-size: 0.95rem;
		line-height: 1.4;
		padding: 0.35rem 0.15rem;
		outline: none;
		text-align: right;
		direction: rtl;
	}

	.mobile-nav-search-field::placeholder {
		color: #9a9a9a;
	}

	.mobile-nav-search-submit {
		flex-shrink: 0;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		border: 0;
		background: transparent;
		color: #9a9a9a;
		cursor: pointer;
		padding: 0.2rem;
	}

	.primary-nav-panels {
		position: relative;
		flex: 1;
		min-height: 0;
		overflow: hidden;
		background: #fff;
	}

	/* Anchor drill-down panels to .primary-nav-panels, not each li.
	   Must beat desktop `.primary-nav .sub-menu .menu-item-has-children { position: relative }`
	   or nested panels (مایع لباسشویی) only cover the row height. */
	.primary-nav-panels > ul > li,
	.primary-nav .menu-item-has-children,
	.primary-nav .sub-menu > li,
	.primary-nav .sub-menu .menu-item-has-children {
		position: static;
	}

	.primary-nav {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: auto;
		width: min(20.5rem, 88vw);
		height: 100%;
		max-height: 100dvh;
		background: #fff;
		padding: 0;
		transform: translateX(100%);
		opacity: 1;
		pointer-events: none;
		transition: transform 0.3s ease;
		z-index: 100;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		box-shadow: -8px 0 28px rgba(0, 0, 0, 0.18);
	}

	.admin-bar .primary-nav {
		top: 32px;
		height: calc(100% - 32px);
		padding-top: 0;
	}

	@media screen and (max-width: 782px) {
		.admin-bar .primary-nav {
			top: 46px;
			height: calc(100% - 46px);
		}
	}

	.primary-nav.is-open {
		transform: translateX(0);
		pointer-events: auto;
	}

	.primary-nav > .primary-nav-panels > ul,
	.primary-nav .sub-menu {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.primary-nav > .primary-nav-panels > ul {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		width: 100%;
		height: 100%;
		gap: 0;
		overflow-y: auto;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
	}

	/* Kill desktop hover/flyout behavior on mobile drill-down */
	.primary-nav .menu-item-has-children:hover > .sub-menu,
	.primary-nav .menu-item-has-children:focus-within > .sub-menu,
	.primary-nav .sub-menu .menu-item-has-children:hover > .sub-menu,
	.primary-nav .sub-menu .menu-item-has-children:focus-within > .sub-menu {
		opacity: 1;
		visibility: visible;
		pointer-events: none;
		transform: translateX(105%);
	}

	.primary-nav > .primary-nav-panels > ul > li > a,
	.primary-nav .sub-menu > li > a,
	.primary-nav .mobile-nav-back-btn {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		width: 100%;
		min-height: 3.15rem;
		padding: 0.9rem 1.15rem;
		border-bottom: 1px solid #eeeeee;
		color: var(--bingo-green);
		font-size: 0.95rem;
		font-weight: 500;
		line-height: 1.45;
		background: #fff;
		text-align: right;
		white-space: normal;
		box-sizing: border-box;
	}

	/* Woodmart-style opener column on the physical left */
	.primary-nav .menu-item-has-children > a {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 0;
		padding: 0.85rem 1.15rem;
		padding-inline-end: 2.85rem;
	}

	.primary-nav .menu-item-has-children > a > .nav-chevron,
	.primary-nav .menu-item-has-children > a > .nav-chevron--sub {
		position: absolute;
		inset-inline-end: 0;
		top: 0;
		bottom: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 2.85rem;
		height: auto;
		margin: 0;
		padding: 0;
		border: 0;
		border-inline-start: 1px solid #eeeeee;
		box-sizing: border-box;
		opacity: 1;
		background: #fff;
	}

	.primary-nav .menu-item-has-children > a > .nav-chevron::before,
	.primary-nav .menu-item-has-children > a > .nav-chevron--sub::before {
		content: "";
		width: 0;
		height: 0;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-inline-start: 6px solid var(--bingo-green);
		border-inline-end: 0;
	}

	.primary-nav .nav-chevron,
	.primary-nav .nav-chevron--sub {
		flex-shrink: 0;
		width: 0;
		height: 0;
		border: 0;
		opacity: 1;
	}

	.primary-nav .sub-menu,
	.primary-nav > .primary-nav-panels > ul > li > .sub-menu,
	.primary-nav .sub-menu .sub-menu {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		display: flex;
		flex-direction: column;
		align-items: stretch;
		min-width: 0;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		background: #fff;
		border-radius: 0;
		box-shadow: none;
		inset-inline-start: auto;
		inset-inline-end: auto;
		transform: translateX(105%);
		opacity: 1;
		visibility: visible;
		pointer-events: none;
		transition: transform 0.28s ease;
		overflow-y: auto;
		overflow-x: hidden;
		z-index: 2;
	}

	.primary-nav .menu-item-has-children.is-open > .sub-menu {
		transform: translateX(0);
		pointer-events: auto;
		z-index: 5;
		opacity: 1;
		visibility: visible;
		background: #fff;
	}

	/* Nested product panels (e.g. مایع لباسشویی) slide over parent without clipping */
	.primary-nav .menu-item-has-children.is-open:has(> .sub-menu > .menu-item-has-children.is-open) > .sub-menu {
		overflow: visible;
	}

	/* Kill desktop nested flyout leftovers on mobile drill-down */
	.primary-nav .sub-menu .sub-menu {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		inset-inline-start: auto;
		inset-inline-end: auto;
		width: 100%;
		height: 100%;
		min-width: 0;
		margin: 0;
		padding: 0;
		border-radius: 0;
		box-shadow: none;
		transform: translateX(105%);
		opacity: 1;
		visibility: visible;
		pointer-events: none;
		background: #fff;
	}

	.primary-nav .sub-menu .menu-item-has-children.is-open > .sub-menu {
		transform: translateX(0);
		pointer-events: auto;
		z-index: 6;
		opacity: 1;
		visibility: visible;
		background: #fff;
	}

	.primary-nav .mobile-nav-back {
		display: list-item;
		list-style: none;
		margin: 0;
		padding: 0;
		background: #fff;
	}

	.primary-nav .mobile-nav-back-btn {
		position: relative;
		border: 0;
		border-bottom: 1px solid #eeeeee;
		cursor: pointer;
		font-family: inherit;
		color: var(--bingo-green);
		font-weight: 700;
		justify-content: flex-start;
		gap: 0;
		padding: 0.85rem 1.15rem;
		padding-inline-start: 2.85rem;
		background: #fff;
	}

	/* Woodmart back: chevron column on physical right + vertical rule */
	.primary-nav .mobile-nav-back-btn > .nav-chevron--back {
		position: absolute;
		inset-inline-start: 0;
		top: 0;
		bottom: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 2.85rem;
		height: auto;
		margin: 0;
		padding: 0;
		border: 0;
		border-inline-end: 1px solid #eeeeee;
		box-sizing: border-box;
		opacity: 1;
		background: #fff;
	}

	.primary-nav .mobile-nav-back-btn > .nav-chevron--back::before {
		content: "";
		width: 0;
		height: 0;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-inline-end: 6px solid var(--bingo-green);
		border-inline-start: 0;
	}

	.primary-nav .sub-menu > li > a {
		padding-inline-start: 1.15rem;
		padding-inline-end: 1.15rem;
		font-size: 0.95rem;
		font-weight: 700;
	}

	.primary-nav .sub-menu > .menu-item-has-children > a {
		padding-inline-end: 2.85rem;
	}

	.primary-nav .sub-menu .sub-menu {
		margin: 0;
	}

	.header-brand {
		order: 1;
		margin-inline-start: auto;
	}

	/* Softener page mobile: logo centered, menu right, search left (mockup) */
	body:has(.softener-page) .site-header {
		padding-top: 0;
		height: 72px;
	}

	body:has(.softener-page) {
		--bingo-header-h: 72px;
	}

	body:has(.softener-page) .header-brand {
		order: 2;
		margin-inline-start: 0;
		margin-inline-end: auto;
		position: static;
		z-index: 2;
	}

	body:has(.softener-page) .site-logo {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		z-index: 1;
	}

	body:has(.softener-page) .site-logo img {
		width: 118px;
		height: auto;
	}

	body:has(.softener-page) .nav-toggle {
		order: 0;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		background: rgba(255, 255, 255, 0.1);
		align-items: center;
		justify-content: center;
		gap: 4px;
		padding: 0;
		z-index: 2;
	}

	body:has(.softener-page) .search-toggle {
		color: rgba(255, 255, 255, 0.88);
		z-index: 2;
	}

	.feature-item + .feature-item {
		border-inline-start: none;
	}

	.feature-item {
		padding: 0;
	}

	.story-section {
		min-height: 320px;
		margin-bottom: 2rem;
		align-items: center;
		padding-top: 2rem;
	}

	.story-content {
		width: 100%;
	}

	.story-content h2 {
		font-size: 19px;
	}

	.story-accent {
		font-size: 16px;
	}

	.btn-solid {
		font-size: 10px;
		padding: 0.55rem 1.1rem;
	}
}

@media (max-width: 768px) {
	.newsletter-container {
		flex-direction: column;
		text-align: center;
	}

	.newsletter-text {
		justify-content: center;
		white-space: normal;
	}

	.newsletter-form {
		width: 100%;
		flex-wrap: wrap;
		justify-content: center;
	}

	.newsletter-input,
	.newsletter-btn {
		width: 100%;
	}

	.footer-grid {
		grid-template-columns: 1fr 1fr;
	}

	.promo-inner {
		min-height: 200px;
		padding: 1.5rem;
	}

	.site-logo img,
	.footer-logo img {
		width: 102px;
	}
}

@media (max-width: 480px) {
	.product-card-body {
		width: 62%;
	}
}

/* ---------- Softener landing (bingoiran.com/products/نرم-کننده-لباس) ---------- */
.softener-page {
	background: var(--bingo-white);
}

.soft-hero {
	position: relative;
	min-height: 100vh;
	min-height: 100dvh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: stretch;
	overflow: hidden;
	background: #0a3d32;
	padding-top: var(--bingo-header-h);
	box-sizing: border-box;
}

.soft-hero-media {
	position: absolute;
	inset: 0;
}

.soft-hero-video,
.soft-hero-fallback {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.soft-hero-video {
	z-index: 1;
}

.soft-hero-video--mobile {
	display: none;
}

.soft-hero-fallback {
	z-index: 0;
}

.soft-hero-content {
	position: relative;
	z-index: 2;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	padding: 2rem 0 3rem;
	color: var(--bingo-white);
	/* LTR shell so block sits on physical left = header logo edge */
	direction: ltr;
	text-align: left;
	animation: bingo-rise 0.8s ease both;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
}

.soft-hero-content > * {
	direction: rtl;
	text-align: left;
	width: auto;
	max-width: min(100%, 34rem);
	margin: 0;
	box-sizing: border-box;
}

.soft-hero-eyebrow {
	margin: 0 0 0.75rem;
	font-size: 15px;
	font-weight: 500;
	opacity: 0.95;
	line-height: 1.6;
}

.soft-hero-title {
	margin: 0 0 1.15rem;
	font-size: clamp(1.35rem, 2.9vw, 1.85rem);
	font-weight: 800;
	line-height: 1.35;
	display: flex;
	flex-direction: column;
	/* RTL: flex-end = physical left (چپ‌چین تیتر لطافت) */
	align-items: flex-end;
	gap: 0.15rem;
	text-align: left;
}

.soft-hero-title span {
	display: block;
}

.soft-hero-accent {
	color: #007757;
}

.soft-hero-lead {
	margin: 0;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.9;
	opacity: 0.95;
}


.soft-products {
	background: #0F2F2C;
	padding: 2rem 0 2.75rem;
}

.soft-products > .container > h2 {
	margin: 0 0 1.75rem;
	text-align: center;
	color: var(--bingo-white);
	font-size: 18px;
	font-weight: 700;
}

.soft-products-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.25rem;
	width: 100%;
}

.soft-card {
	position: relative;
	aspect-ratio: 364 / 284;
	min-height: 0;
	height: auto;
	border-radius: var(--bingo-radius);
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #1a6b4a;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35);
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	transition: transform 0.35s ease, box-shadow 0.35s ease;
	animation: bingo-rise 0.7s ease both;
}

.soft-card:nth-child(2) {
	animation-delay: 0.08s;
}

.soft-card:nth-child(3) {
	animation-delay: 0.16s;
}

.soft-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.4);
}

.soft-card-body {
	position: relative;
	z-index: 1;
	width: min(100%, 56%);
	padding: 1.25rem 1.15rem 1.15rem;
	color: var(--bingo-white);
	text-align: left;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.soft-card-title {
	margin: 0;
	font-size: 14px;
	font-weight: 700;
	color: var(--bingo-white);
	line-height: 1.55;
}

.soft-card-brand {
	margin: 0.1rem 0 0.55rem;
	font-size: 15px;
	font-weight: 700;
	color: var(--bingo-green-alt);
	line-height: 1.4;
}

.soft-card-desc {
	margin: 0 0 0.75rem;
	width: 100%;
}

.soft-card-desc p {
	margin: 0;
	font-size: 12px;
	line-height: 1.75;
	font-weight: 500;
	color: var(--bingo-white);
}

.soft-card-tagline {
	margin: 0;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.6;
	color: var(--bingo-white);
	opacity: 0.95;
}

.soft-features {
	padding: 1.75rem 0 1.25rem;
	background: #F7F8F3;
}

.soft-features > .container {
	/* LTR shell: block sits on physical left = header logo edge */
	direction: ltr;
	text-align: left;
}

.soft-features > .container > * {
	direction: rtl;
}

.soft-features h2 {
	margin: 0 auto 0.5rem;
	text-align: center;
	font-size: clamp(0.85rem, 1.5vw, 1.05rem);
	font-weight: 600;
	color: #000000;
	max-width: min(100%, 42rem);
}

.soft-features-lead {
	margin: 0 auto 1.75rem;
	text-align: center;
	font-size: clamp(12px, 2.4vw, 15px);
	color: #000000;
	line-height: 1.9;
	max-width: min(100%, 42rem);
}

.soft-features-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.5rem;
	padding: 0.35rem 0.25rem 0.75rem;
}

.soft-feature {
	background: var(--bingo-white);
	border-radius: 12px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
	padding: 1.35rem 1.1rem;
	text-align: center;
	animation: bingo-rise 0.7s ease both;
}

.soft-feature:nth-child(2) { animation-delay: 0.06s; }
.soft-feature:nth-child(3) { animation-delay: 0.12s; }
.soft-feature:nth-child(4) { animation-delay: 0.18s; }

.soft-feature h3 {
	margin: 0 0 0.55rem;
	font-size: 18px;
	font-weight: 600;
	color: #14B67A;
}

.soft-feature--wrinkle h3,
.soft-feature--softness h3,
.soft-feature--care h3,
.soft-feature--scent h3 {
	color: #14B67A;
}

.soft-feature p {
	margin: 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 2rem;
	color: #000000;
}

.soft-faq {
	padding: 1.5rem 0 1.75rem;
	background: var(--bingo-white);
}

.soft-faq-panel {
	background: var(--bingo-green-teal);
	border-radius: 18px;
	padding: 1.35rem 1.25rem 1.2rem;
	box-shadow: 0 8px 28px rgba(0, 107, 99, 0.28);
}

.soft-faq-panel h2 {
	margin: 0 0 0.95rem;
	text-align: center;
	color: var(--bingo-white);
	font-size: clamp(0.7rem, 1.45vw, 0.92rem);
	font-weight: 700;
	line-height: 1.7;
	white-space: nowrap;
}

.soft-accordion {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	width: 100%;
}

.soft-accordion-item {
	background: transparent;
	border-radius: 0;
	overflow: visible;
}

.soft-accordion-item summary {
	list-style: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.85rem;
	padding: 0.7rem 1.05rem;
	font-size: 0.9rem;
	font-weight: 600;
	color: var(--bingo-text);
	background: var(--bingo-white);
	border-radius: 10px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.soft-accordion-item summary::-webkit-details-marker {
	display: none;
}

.soft-accordion-icon {
	width: 10px;
	height: 10px;
	border-left: 2px solid var(--bingo-green-deep);
	border-bottom: 2px solid var(--bingo-green-deep);
	transform: rotate(-45deg);
	flex-shrink: 0;
	margin-inline-end: 0.15rem;
	transition: transform 0.2s ease;
}

.soft-accordion-item[open] .soft-accordion-icon {
	transform: rotate(135deg);
}

.soft-accordion-answer {
	padding: 0.7rem 1.05rem 0.55rem;
}

.soft-accordion-answer p {
	margin: 0;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.85;
	color: var(--bingo-white);
	text-align: right;
}

.soft-shops {
	background: var(--bingo-green-teal);
	padding: 2.25rem 0;
}

.soft-shops-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0.85rem;
	/* inherit .container width so outer edges match header logo */
	align-items: stretch;
}

.soft-shop-card {
	background: var(--bingo-white);
	border-radius: 12px;
	padding: 0.85rem 0.7rem 0.75rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	gap: 0.7rem;
	min-height: 148px;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.18), 0 2px 8px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.soft-shop-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22), 0 4px 12px rgba(0, 0, 0, 0.12);
}

.soft-shop-card img {
	width: auto;
	max-width: 58%;
	max-height: 52px;
	object-fit: contain;
	margin-inline: auto;
}

/* Digikala & Tapsi logos render smaller in-box — scale to match Okala/Snapp */
.soft-shop-card:nth-child(3) img,
.soft-shop-card:nth-child(4) img {
	max-width: 78%;
	max-height: 68px;
}

.soft-shop-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 0.42rem 0.65rem;
	border: 1px solid var(--bingo-green-alt);
	border-radius: 12px;
	background: var(--bingo-white);
	color: var(--bingo-green-alt);
	font-size: 0.8rem;
	font-weight: 600;
	transition: background 0.2s ease, color 0.2s ease;
}

.soft-shop-btn:hover {
	background: var(--bingo-green-alt);
	color: var(--bingo-white);
}

.soft-about {
	padding: 2.5rem 0;
	background: var(--bingo-white);
}

.soft-about p {
	margin: 0;
	max-width: 100%;
	width: 100%;
	text-align: right;
	font-size: 16px;
	line-height: 28px;
	color: var(--bingo-slate);
}

.soft-newsletter .newsletter-text {
	align-items: flex-start;
}

.soft-newsletter-copy {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

.soft-newsletter-copy strong {
	font-size: 15px;
	font-weight: 700;
}

.soft-newsletter-copy span {
	font-size: 13px;
	font-weight: 500;
	opacity: 0.95;
}

@media (max-width: 1100px) {
	.soft-features-grid,
	.soft-shops-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

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

	.soft-card {
		aspect-ratio: 364 / 284;
		min-height: 0;
	}

	.soft-card-body {
		width: 62%;
	}

	.soft-card-title {
		font-size: 13px;
	}

	.soft-hero-video--desktop {
		display: none;
	}

	.soft-hero-video--mobile {
		display: block;
	}

	/* Softener hero mobile — bottom-right copy matching mockup */
	.soft-hero {
		justify-content: flex-end;
		align-items: stretch;
		padding-top: 0;
	}

	.soft-hero-content {
		margin-inline: auto;
		width: min(100% - 2.5rem, var(--bingo-container));
		padding: 0 0 2.35rem;
		background: none;
		box-shadow: none;
		direction: rtl;
		text-align: right;
		align-items: flex-start;
		gap: 0;
	}

	.soft-hero-content > * {
		direction: rtl;
		text-align: right;
		max-width: min(100%, 22rem);
		width: auto;
	}

	/* Mobile softener hero copy — forced colors (cache-bust + specificity) */
	.softener-page .soft-hero-eyebrow {
		display: block !important;
		visibility: visible !important;
		margin: 0 0 0.5rem;
		font-size: 0.875rem;
		font-weight: 600;
		line-height: 1.5;
		color: #FFFFFF !important;
		opacity: 1;
		text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
	}

	.softener-page .soft-hero-title {
		margin: 0 0 0.85rem;
		font-size: clamp(2rem, 9.2vw, 2.45rem);
		font-weight: 800;
		line-height: 1.25;
		align-items: flex-start;
		gap: 0.2rem;
		color: #FFFFFF;
		text-shadow: none;
	}

	/* لطافت #007757 | در جریان است #FFFFFF */
	.softener-page .soft-hero-title .soft-hero-accent {
		color: #007757 !important;
		-webkit-text-fill-color: #007757;
		text-shadow: 0 0 1px rgba(255, 255, 255, 0.35), 0 1px 2px rgba(0, 0, 0, 0.25);
	}

	.softener-page .soft-hero-title > span:not(.soft-hero-accent) {
		color: #FFFFFF !important;
		-webkit-text-fill-color: #FFFFFF;
		font-size: 0.9em;
		font-weight: 800;
	}

	.soft-hero-lead {
		margin: 0;
		font-size: 0.8125rem;
		font-weight: 500;
		line-height: 1.85;
		opacity: 0.98;
		text-shadow: none;
	}

	.soft-about p {
		text-align: justify;
		text-justify: inter-word;
	}
}

@media (max-width: 640px) {
	.soft-features-grid,
	.soft-shops-grid {
		grid-template-columns: 1fr;
	}

	.soft-faq-panel {
		border-radius: 12px;
		padding: 1.1rem 0.75rem 1rem;
	}

	.soft-faq-panel h2 {
		white-space: normal;
		font-size: 0.78rem;
		margin-bottom: 0.75rem;
	}

	.soft-accordion-item summary {
		font-size: 0.82rem;
		padding: 0.65rem 0.8rem;
	}

	.soft-card-body {
		width: 68%;
		padding: 1rem 0.9rem;
	}

	.soft-card-tagline {
		font-size: 10px;
	}
}

/* ---------- Liquid laundry landing (bingoiran.com/products/مایع-لباسشویی) ---------- */
.liquid-page {
	background: var(--bingo-white);
}

.liq-hero {
	position: relative;
	min-height: 100vh;
	min-height: 100dvh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: stretch;
	overflow: hidden;
	background: #0a3d32;
	padding-top: var(--bingo-header-h);
	box-sizing: border-box;
}

.liq-hero-media {
	position: absolute;
	inset: 0;
}

.liq-hero-video,
.liq-hero-fallback {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.liq-hero-video {
	z-index: 1;
}

.liq-hero-video--mobile {
	display: none;
}

.liq-hero-fallback {
	z-index: 0;
}

.liq-hero-content {
	position: relative;
	z-index: 2;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	padding: 2rem 0 3rem;
	color: var(--bingo-white);
	/* LTR shell so block sits on physical left = header logo edge */
	direction: ltr;
	text-align: left;
	animation: bingo-rise 0.8s ease both;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
}

.liq-hero-content > * {
	direction: rtl;
	text-align: left;
	width: auto;
	max-width: min(100%, 34rem);
	margin: 0;
	box-sizing: border-box;
}

.liq-hero-eyebrow {
	margin: 0 0 0.75rem;
	font-size: 15px;
	font-weight: 500;
	opacity: 0.95;
	line-height: 1.6;
}

.liq-hero-title {
	margin: 0 0 1.15rem;
	font-size: clamp(1.35rem, 2.9vw, 1.85rem);
	font-weight: 800;
	line-height: 1.35;
	display: flex;
	flex-direction: column;
	/* RTL: flex-end = physical left (چپ‌چین تیتر) */
	align-items: flex-end;
	gap: 0.15rem;
	text-align: left;
}

.liq-hero-title span {
	display: block;
}

.liq-hero-accent {
	color: #007757;
}

.liq-hero-lead {
	margin: 0;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.9;
	opacity: 0.95;
}

.liq-products {
	background: #25292C;
	padding-bottom: 2.75rem;
}

.liq-products-grid.container,
.liq-choose > .container {
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	box-sizing: border-box;
}

.liq-products-head {
	background: #25292C;
	padding: 1.1rem 0;
	margin-bottom: 1.75rem;
}

.liq-products-head h2 {
	margin: 0;
	text-align: center;
	color: var(--bingo-white);
	font-size: 18px;
	font-weight: 700;
}

.liq-products-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.35rem;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	box-sizing: border-box;
}

.liq-card {
	position: relative;
	aspect-ratio: 1169 / 476;
	min-height: 0;
	height: auto;
	width: 100%;
	border-radius: var(--bingo-radius);
	background-image: var(--liq-bg);
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #01572F;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.32);
	overflow: hidden;
	display: block;
	transition: transform 0.35s ease, box-shadow 0.35s ease;
	animation: bingo-rise 0.7s ease both;
}

.liq-card:nth-child(2) {
	animation-delay: 0.08s;
}

.liq-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.34);
}

.liq-card-body {
	position: absolute;
	top: 0;
	left: 0;
	right: auto;
	bottom: 0;
	z-index: 1;
	width: min(100%, 50%);
	padding: 1.35rem 1.5rem 1.35rem 5.25rem;
	color: var(--bingo-white);
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	box-sizing: border-box;
	/* LTR shell: text block on physical left, clear of product art */
	direction: ltr;
	font-family: Vazirmatn, Tahoma, system-ui, sans-serif;
}

.liq-card-body > * {
	direction: rtl;
	text-align: left;
	width: auto;
	max-width: 100%;
	margin-inline: 0;
	box-sizing: border-box;
}

.liq-card-head {
	margin-bottom: 0.5rem;
	order: 1;
}

.liq-card-kicker {
	margin: 0;
	font-size: 26px;
	font-weight: 700;
	letter-spacing: -0.01em;
	line-height: 1.45;
	color: var(--bingo-white);
	text-align: left;
}

.liq-card-body h3 {
	margin: 0.15rem 0 0;
	font-size: clamp(1.9rem, 3.2vw, 2.45rem);
	font-weight: 800;
	color: #00c896;
	line-height: 1.35;
	text-align: left;
}

.liq-card-subtitle {
	margin: 0 0 0.4rem !important;
	font-size: 19px !important;
	font-weight: 700 !important;
	color: var(--bingo-white);
	opacity: 1;
	text-align: left;
	order: 3;
}

.liq-card-body > p {
	margin: 0 0 0.55rem;
	font-size: 18px;
	line-height: 1.8;
	font-weight: 500;
	max-width: 36ch;
	opacity: 0.95;
	text-align: left;
}

.liq-card-body > p:not(.liq-card-subtitle):not(.liq-card-tags) {
	order: 4;
}

.liq-card-copy {
	order: 4;
}

.liq-card-tags {
	margin: 0 0 0.85rem !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	color: #00c896 !important;
	opacity: 1 !important;
	line-height: 1.7 !important;
	text-align: left !important;
	order: 5;
	max-width: none !important;
	white-space: nowrap;
}

.liq-card-sizes {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
	justify-content: flex-start;
	direction: rtl;
	margin-bottom: 0.75rem;
	/* Desktop: sizes under title; HTML order matches mobile mockup */
	order: 2;
}

.liq-size {
	appearance: none;
	border: 1.5px solid #00c896;
	background: rgba(6, 40, 32, 0.85);
	color: var(--bingo-white);
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	padding: 0.55rem 1.7rem;
	border-radius: 9px;
	cursor: pointer;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.liq-size.is-active,
.liq-size:hover {
	background: #00B67A;
	border-color: #00B67A;
	color: var(--bingo-white);
}

.liq-card-cta {
	align-self: flex-start;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.55rem 1.25rem;
	border: 1px solid var(--bingo-white);
	border-radius: 8px;
	color: var(--bingo-white);
	font-size: 16px;
	font-weight: 700;
	transition: background 0.2s ease, color 0.2s ease;
	order: 6;
}

.liq-card-cta:hover {
	background: var(--bingo-white);
	color: var(--bingo-green-deep);
}

.liq-choose {
	padding: 1.75rem 0 2.85rem;
	background: var(--bingo-bg-soft);
}

.liq-choose h2 {
	margin: 0 0 0.55rem;
	text-align: center;
	font-size: clamp(1.15rem, 2.1vw, 1.45rem);
	font-weight: 800;
	color: #25292c;
	letter-spacing: -0.01em;
}

.liq-choose-lead {
	margin: 0 auto 2.15rem;
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	color: #3a3f44;
}

.liq-choose-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.5rem;
	/* Full .container width: outer edges match header logo */
	width: 100%;
	max-width: 100%;
	margin-inline: auto;
	box-sizing: border-box;
}

.liq-choose-card {
	background: var(--bingo-white);
	border-radius: 16px;
	border: 1px solid rgba(15, 23, 42, 0.04);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
	padding: 1.55rem 1.5rem 1.25rem;
	min-height: 200px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	gap: 1.25rem;
	text-align: center;
	animation: bingo-rise 0.7s ease both;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.liq-choose-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 14px 32px rgba(0, 0, 0, 0.36);
}

.liq-choose-card:nth-child(2) {
	animation-delay: 0.08s;
}

.liq-choose-card p {
	margin: 0;
	font-size: 17px;
	line-height: 1.85;
	font-weight: 700;
	color: #343b58;
	flex: 1;
	max-width: 28rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.liq-choose-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	min-width: min(100%, 17.5rem);
	max-width: 100%;
	padding: 0.8rem 1.55rem;
	border-radius: 10px;
	background: var(--bingo-green-alt);
	color: var(--bingo-white);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
	white-space: nowrap;
	transition: background 0.2s ease, transform 0.2s ease;
}

.liq-choose-btn:hover {
	background: #009965;
	transform: translateY(-1px);
}

.liq-faq {
	padding: 0 0 1.75rem;
	background: var(--bingo-white);
}

.liq-faq-panel {
	background: var(--bingo-green-teal);
	border-radius: 18px;
	padding: 1.35rem 1.25rem 1.2rem;
	box-shadow: 0 8px 28px rgba(0, 107, 99, 0.28);
}

.liq-faq-panel h2 {
	margin: 0 0 0.95rem;
	text-align: center;
	color: var(--bingo-white);
	font-size: clamp(0.7rem, 1.45vw, 0.92rem);
	font-weight: 700;
	line-height: 1.7;
	white-space: nowrap;
}

.liq-accordion {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	width: 100%;
}

.liq-accordion-item {
	background: transparent;
	border-radius: 0;
	overflow: visible;
}

.liq-accordion-item summary {
	list-style: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.85rem;
	padding: 0.7rem 1.05rem;
	font-size: 0.9rem;
	font-weight: 600;
	color: var(--bingo-text);
	background: var(--bingo-white);
	border-radius: 10px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.liq-accordion-item summary::-webkit-details-marker {
	display: none;
}

.liq-accordion-icon {
	width: 10px;
	height: 10px;
	border-left: 2px solid var(--bingo-green-deep);
	border-bottom: 2px solid var(--bingo-green-deep);
	transform: rotate(-45deg);
	flex-shrink: 0;
	margin-inline-end: 0.15rem;
	transition: transform 0.2s ease;
}

.liq-accordion-item[open] .liq-accordion-icon {
	transform: rotate(135deg);
}

.liq-accordion-answer {
	padding: 0.7rem 1.05rem 0.55rem;
}

.liq-accordion-answer p {
	margin: 0;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.85;
	color: var(--bingo-white);
	text-align: right;
}

.liq-shops {
	background: var(--bingo-green-teal);
	padding: 2.25rem 0;
}

.liq-shops-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0.85rem;
	/* inherit .container width so outer edges match header logo */
	align-items: stretch;
}

.liq-shop-card {
	background: var(--bingo-white);
	border-radius: 12px;
	padding: 0.85rem 0.7rem 0.75rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	gap: 0.7rem;
	min-height: 148px;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.18), 0 2px 8px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.liq-shop-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22), 0 4px 12px rgba(0, 0, 0, 0.12);
}

.liq-shop-card img {
	width: auto;
	max-width: 58%;
	max-height: 52px;
	object-fit: contain;
	margin-inline: auto;
}

/* Digikala & Tapsi logos render smaller in-box — scale to match Okala/Snapp */
.liq-shop-card:nth-child(2) img,
.liq-shop-card:nth-child(4) img {
	max-width: 78%;
	max-height: 68px;
}

.liq-shop-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 0.42rem 0.65rem;
	border: 1px solid var(--bingo-green-alt);
	border-radius: 12px;
	background: var(--bingo-white);
	color: var(--bingo-green-alt);
	font-size: 0.8rem;
	font-weight: 600;
	transition: background 0.2s ease, color 0.2s ease;
}

.liq-shop-btn:hover {
	background: var(--bingo-green-alt);
	color: var(--bingo-white);
}

.liq-about {
	padding: 2.5rem 0;
	background: var(--bingo-bg);
}

.liq-about p {
	/* Full .container width: right = menu start, left = header logo */
	margin: 0;
	max-width: 100%;
	width: 100%;
	text-align: right;
	font-size: 16px;
	line-height: 28px;
	color: var(--bingo-slate);
}

.liq-about-more {
	max-width: 100%;
	width: 100%;
	margin: 1rem 0 0;
	text-align: right;
}

.liq-about-more summary {
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0.35rem;
	color: var(--bingo-green-alt);
	font-size: 14px;
	font-weight: 600;
	list-style: none;
}

.liq-about-more summary::-webkit-details-marker {
	display: none;
}

.liq-about-more[open] summary {
	margin-bottom: 0.75rem;
}

.liq-about-more p {
	font-size: 15px;
	line-height: 1.9;
}

.liq-newsletter .newsletter-text {
	align-items: flex-start;
}

.liq-newsletter-copy {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

.liq-newsletter-copy strong {
	font-size: 15px;
	font-weight: 700;
}

.liq-newsletter-copy span {
	font-size: 13px;
	font-weight: 500;
	opacity: 0.95;
}

@media (max-width: 1100px) {
	.liq-shops-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

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

	.liq-choose-card {
		min-height: 180px;
		padding: 1.35rem 1.15rem 1.15rem;
		gap: 1.1rem;
	}

	.liq-choose-btn {
		white-space: normal;
		min-width: 0;
		width: 100%;
		max-width: 20rem;
	}

	.liq-choose-card p {
		font-size: 15px;
		line-height: 1.75;
	}

	/* Mobile product cards — Page02/03 BG + live HTML text (match mockup image-8) */
	.liq-products {
		background: #25292C;
	}

	.liq-products-head {
		background: #25292C;
		padding: 1.15rem 0 0.95rem;
		margin-bottom: 1rem;
	}

	.liq-products-head h2 {
		font-size: 16px;
		font-weight: 700;
	}

	.liq-products-grid {
		gap: 1rem;
	}

	.liq-card {
		aspect-ratio: 1047 / 708;
		min-height: 0;
		height: auto;
		border-radius: 18px;
		background-image: var(--liq-bg-m, var(--liq-bg));
		background-size: 100% 100%;
		background-position: center center;
		background-repeat: no-repeat;
		background-color: #01572F;
		display: block;
		direction: ltr;
		overflow: hidden;
		box-shadow: none;
		transform: none;
	}

	.liq-card:hover {
		transform: none;
		box-shadow: none;
	}

	#liq-dark {
		background-position: center center;
		background-color: #0a2818;
	}

	.liq-card-body {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
		z-index: 1;
		width: min(100%, 52%);
		max-width: 52%;
		height: 100%;
		min-height: 0;
		margin: 0;
		padding: 1.15rem 0.55rem 1rem 1.05rem;
		justify-content: flex-start;
		align-items: flex-start;
		gap: 0;
		/* LTR shell: text column on physical left, bottle art on right */
		direction: ltr;
		text-align: left;
		box-sizing: border-box;
	}

	.liq-card-body > * {
		direction: rtl;
		text-align: left;
		width: auto;
		max-width: 100%;
	}

	.liq-card-head {
		margin-bottom: 0.15rem;
		order: 1;
	}

	.liq-card-kicker {
		font-size: clamp(15px, 4.1vw, 18px);
		font-weight: 700;
		line-height: 1.35;
		letter-spacing: -0.01em;
		color: #fff;
		text-align: left;
	}

	.liq-card-body h3 {
		margin-top: 0.1rem;
		font-size: clamp(1.25rem, 5vw, 1.55rem);
		font-weight: 800;
		color: #00d084;
		line-height: 1.2;
		text-align: left;
	}

	.liq-card-subtitle {
		order: 2;
		font-size: clamp(11.5px, 3.1vw, 13px) !important;
		font-weight: 600 !important;
		margin: 0.55rem 0 0.25rem !important;
		color: #fff !important;
		opacity: 1 !important;
		line-height: 1.55 !important;
		text-align: left !important;
	}

	.liq-card-copy,
	.liq-card-body > p:not(.liq-card-subtitle):not(.liq-card-tags) {
		order: 3;
		font-size: clamp(11px, 3vw, 12.5px);
		font-weight: 500;
		line-height: 1.7;
		margin: 0 0 0.85rem;
		max-width: 100%;
		color: #fff;
		opacity: 0.98;
		text-align: left;
	}

	.liq-card-tags {
		display: none !important;
	}

	.liq-card-sizes {
		order: 4;
		/* RTL + flex-end → pack to physical left (۱۰۰۰ then ۱۹۰۰ per mockup) */
		justify-content: flex-end;
		direction: rtl;
		margin: 0.15rem 0 0.75rem;
		gap: 0.45rem;
		pointer-events: auto;
		position: relative;
		z-index: 3;
		width: auto;
		max-width: 100%;
	}

	.liq-size {
		font-size: clamp(11px, 3vw, 12.5px);
		font-weight: 700;
		padding: 0.55rem 1rem;
		border-radius: 8px;
		border: 1.5px solid #00d084;
		background: transparent;
		color: #fff;
		pointer-events: auto;
		cursor: pointer;
	}

	.liq-size.is-active,
	.liq-size:hover {
		background: #00d084;
		border-color: #00d084;
		color: #fff;
	}

	.liq-card-cta {
		position: relative;
		inset: auto;
		order: 5;
		align-self: flex-start;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: auto;
		max-width: 100%;
		height: auto;
		margin-top: auto;
		margin-bottom: 0;
		margin-inline: 0;
		padding: 0.62rem 1.2rem;
		border: 1px solid #fff;
		border-radius: 8px;
		background: rgba(0, 0, 0, 0.28);
		color: #fff;
		font-size: clamp(11.5px, 3.1vw, 13px);
		font-weight: 700;
		line-height: 1.3;
		opacity: 1;
		z-index: 3;
		pointer-events: auto;
	}

	.liq-card-cta:hover {
		background: rgba(0, 0, 0, 0.4);
		color: #fff;
	}

	.liq-about p {
		text-align: justify;
		text-justify: inter-word;
	}

	.liq-hero-video--desktop {
		display: none;
	}

	.liq-hero-video--mobile {
		display: block;
	}

	/* Liquid hero mobile — match softener: bottom-right copy */
	.liq-hero {
		justify-content: flex-end;
		align-items: stretch;
		padding-top: 0;
	}

	.liq-hero-content {
		margin-inline: auto;
		width: min(100% - 2.5rem, var(--bingo-container));
		padding: 0 0 2.35rem;
		background: none;
		box-shadow: none;
		direction: rtl;
		text-align: right;
		align-items: flex-start;
		gap: 0;
	}

	.liq-hero-content > * {
		direction: rtl;
		text-align: right;
		max-width: min(100%, 22rem);
		width: auto;
	}

	.liquid-page .liq-hero-eyebrow {
		display: block !important;
		visibility: visible !important;
		margin: 0 0 0.5rem;
		font-size: 0.875rem;
		font-weight: 600;
		line-height: 1.5;
		color: #FFFFFF !important;
		opacity: 1;
		text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
	}

	.liquid-page .liq-hero-title {
		margin: 0 0 0.85rem;
		font-size: clamp(2rem, 9.2vw, 2.45rem);
		font-weight: 800;
		line-height: 1.25;
		align-items: flex-start;
		gap: 0.2rem;
		color: #FFFFFF;
		text-shadow: none;
	}

	.liquid-page .liq-hero-title .liq-hero-accent {
		color: #007757 !important;
		-webkit-text-fill-color: #007757;
		text-shadow: 0 0 1px rgba(255, 255, 255, 0.35), 0 1px 2px rgba(0, 0, 0, 0.25);
	}

	.liquid-page .liq-hero-title > span:not(.liq-hero-accent) {
		color: #FFFFFF !important;
		-webkit-text-fill-color: #FFFFFF;
		font-size: 0.9em;
		font-weight: 800;
	}

	.liq-hero-lead {
		margin: 0;
		font-size: 0.8125rem;
		font-weight: 500;
		line-height: 1.85;
		opacity: 0.98;
		text-shadow: none;
	}
}

@media (max-width: 640px) {
	.liq-shops-grid {
		grid-template-columns: 1fr;
	}

	.liq-faq-panel {
		border-radius: 12px;
		padding: 1.1rem 0.75rem 1rem;
	}

	.liq-faq-panel h2 {
		white-space: normal;
		font-size: 0.78rem;
		margin-bottom: 0.75rem;
	}

	.liq-accordion-item summary {
		font-size: 0.82rem;
		padding: 0.65rem 0.8rem;
	}

	.liq-card {
		border-radius: 16px;
		background-position: center center;
		background-size: 100% 100%;
	}

	.liq-card-body {
		width: min(100%, 52%);
		max-width: 52%;
		min-height: 0;
		height: 100%;
		padding: 1rem 0.45rem 0.9rem 0.95rem;
		justify-content: flex-start;
	}

	.liq-card-kicker {
		font-size: 15px;
	}

	.liq-card-body h3 {
		font-size: 1.3rem;
	}

	.liq-card-subtitle {
		font-size: 12px !important;
	}

	.liq-card-copy,
	.liq-card-body > p:not(.liq-card-subtitle):not(.liq-card-tags) {
		font-size: 11.5px;
		line-height: 1.65;
		margin-bottom: 0.7rem;
	}

	.liq-size {
		font-size: 11.5px;
		padding: 0.5rem 0.9rem;
	}

	.liq-card-cta {
		margin-top: auto;
		padding: 0.55rem 1.05rem;
		font-size: 12px;
		background: rgba(0, 0, 0, 0.28);
		border: 1px solid #fff;
		color: #fff;
	}

	.liq-choose-card p {
		font-size: 14px;
		line-height: 1.7;
	}

	.liq-about p {
		font-size: 14px;
		line-height: 2rem;
		text-align: justify;
		text-justify: inter-word;
	}
}

/* ---------- Washing powder landing (bingoiran.com/products/پودر-لباسشویی) ---------- */
.powder-page {
	background: var(--bingo-white);
}

/* Hero Section */
.pwd-hero {
	position: relative;
	min-height: 100vh;
	min-height: 100dvh;
	display: flex;
	align-items: center;
	overflow: hidden;
	background: #08281e;
}

.pwd-hero-media {
	position: absolute;
	inset: 0;
}

.pwd-hero-video,
.pwd-hero-fallback {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.pwd-hero-video {
	z-index: 1;
}

.pwd-hero-video--mobile {
	display: none;
}

.pwd-hero-fallback {
	z-index: 0;
}

.pwd-hero-content {
	position: relative;
	z-index: 2;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	padding: calc(var(--bingo-header-h) + 2rem) 0 3rem;
	color: var(--bingo-white);
	/* LTR shell so block sits on physical left = header logo edge */
	direction: ltr;
	text-align: left;
	animation: bingo-rise 0.8s ease both;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
}

.pwd-hero-content > * {
	direction: rtl;
	text-align: left;
	width: auto;
	max-width: min(100%, 560px);
	margin: 0;
	box-sizing: border-box;
}

.pwd-hero-eyebrow {
	margin: 0 0 0.75rem;
	font-size: 15px;
	font-weight: 500;
	color: var(--bingo-white);
	opacity: 0.95;
}

.pwd-hero-title {
	margin: 0 0 1.15rem;
	font-size: clamp(1.35rem, 2.9vw, 1.85rem);
	font-weight: 800;
	line-height: 1.35;
	display: flex;
	flex-direction: column;
	/* RTL child: flex-end = physical left (align with logo) */
	align-items: flex-end;
	gap: 0.15rem;
	text-align: left;
	color: var(--bingo-white);
}

.pwd-hero-title span {
	display: block;
}

.pwd-hero-accent {
	font-size: inherit;
	font-weight: 800;
	color: #007757;
	line-height: inherit;
}

.pwd-hero-main {
	font-size: inherit;
	font-weight: 800;
	color: var(--bingo-white);
	line-height: inherit;
}

.pwd-hero-desc {
	margin: 0;
	max-width: 42ch;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.9;
	color: var(--bingo-white);
	opacity: 0.95;
	text-align: left;
}

.pwd-hero-desc p {
	margin: 0 0 0.35rem;
	text-align: left;
}

/* Products Section */
.pwd-products {
	background: #191b1d;
	padding: 50px 0 28px;
}

.pwd-products-heading {
	margin: 0 auto 35px;
	text-align: center;
	color: var(--bingo-white);
	font-size: 20px;
	font-weight: 700;
}

.pwd-products-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 26px;
	/* Full .container width: outer edges match header logo */
	width: 100%;
	max-width: 100%;
	margin-inline: auto;
	box-sizing: border-box;
}

.pwd-card {
	position: relative;
	aspect-ratio: 1500 / 655;
	min-height: 0;
	height: auto;
	border-radius: 16px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: transparent;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
	overflow: hidden;
	display: flex;
	align-items: stretch;
	justify-content: flex-end;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.pwd-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45);
}

.pwd-card-body {
	position: relative;
	z-index: 2;
	width: min(100%, 50%);
	padding: 24px 22px 44px;
	color: var(--bingo-white);
	/* LTR shell: left-align copy to match mockup */
	direction: ltr;
	text-align: left;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

.pwd-card-body > * {
	direction: rtl;
	text-align: left;
	width: auto;
	max-width: 100%;
	margin-inline: 0;
	box-sizing: border-box;
}

.pwd-card-badge {
	display: inline-block;
	background: #00B67A;
	color: var(--bingo-white);
	font-size: 12px;
	font-weight: 500;
	border-radius: 4px;
	padding: 2px 10px;
	margin-bottom: 12px;
}

.pwd-card-title {
	margin: 0 0 12px;
	font-size: 19px;
	font-weight: 700;
	color: var(--bingo-white);
	line-height: 1.4;
}

.pwd-card-features {
	margin-bottom: 16px;
}

.pwd-card-features p {
	margin: 0 0 6px;
	font-size: 13px;
	font-weight: 500;
	color: var(--bingo-white);
	opacity: 0.95;
	line-height: 1.6;
}

.pwd-card-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	border: 1px solid rgba(255, 255, 255, 0.9);
	background: rgba(0, 0, 0, 0.15);
	color: var(--bingo-white);
	border-radius: 8px;
	font-size: 13px;
	font-weight: 600;
	padding: 6px 14px;
	margin-bottom: 0;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.pwd-card-btn:hover {
	background: var(--bingo-white);
	color: #01572F;
	border-color: var(--bingo-white);
}

.pwd-card-sizes {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 0;
	margin-bottom: 14px;
	padding-bottom: 0;
}

.pwd-size-pill {
	display: inline-block;
	background: #00B67A;
	color: var(--bingo-white);
	font-size: 12px;
	font-weight: 500;
	border-radius: 17px;
	padding: 3px 16px;
	cursor: default;
}

/* Comparison / Choice Section */
.pwd-choose {
	padding: 28px 0 45px;
	background: #F7F8F3;
}

.pwd-choose-title {
	margin: 0 0 10px;
	text-align: center;
	font-size: 20px;
	font-weight: 800;
	color: #111827;
}

.pwd-choose-lead {
	margin: 0 auto 18px;
	text-align: center;
	font-size: 15px;
	color: #4b5563;
	max-width: 680px;
}

.pwd-choose-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
	/* Full .container width: outer edges match header logo */
	width: 100%;
	max-width: 100%;
	margin-inline: auto;
	box-sizing: border-box;
}

.pwd-choose-card {
	background: var(--bingo-white);
	border-radius: 16px;
	border: 1px solid #e5e7eb;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);
	padding: 34px 30px 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	text-align: center;
	min-height: 185px;
	gap: 10px;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.pwd-choose-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.55);
}

.pwd-choose-card p {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	color: #343B58;
	line-height: 1.95;
	max-width: 440px;
}

.pwd-choose-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 250px;
	padding: 10px 22px;
	border-radius: 8px;
	font-size: 15px;
	font-weight: 600;
	color: var(--bingo-white);
	transition: opacity 0.2s ease, transform 0.2s ease, background 0.2s ease;
}

.pwd-choose-btn--hand {
	background: #023E7D;
}

.pwd-choose-btn--hand:hover {
	background: #012e5c;
	transform: translateY(-1px);
}

.pwd-choose-btn--machine {
	background: #00B67A;
}

.pwd-choose-btn--machine:hover {
	background: #009965;
	transform: translateY(-1px);
}

/* FAQ Section — match softener soft-faq dimensions */
.pwd-faq {
	padding: 1.5rem 0 1.75rem;
	background: var(--bingo-white);
}

.pwd-faq-panel {
	background: var(--bingo-green-teal);
	border-radius: 18px;
	padding: 1.35rem 1.25rem 1.2rem;
	box-shadow: 0 8px 28px rgba(0, 107, 99, 0.28);
}

.pwd-faq-panel h2 {
	margin: 0 0 0.95rem;
	text-align: center;
	color: var(--bingo-white);
	font-size: clamp(0.7rem, 1.45vw, 0.92rem);
	font-weight: 700;
	line-height: 1.7;
	white-space: nowrap;
}

.pwd-accordion {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	width: 100%;
}

.pwd-accordion-item {
	background: transparent;
	border-radius: 0;
	overflow: visible;
}

.pwd-accordion-item summary {
	list-style: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.85rem;
	padding: 0.7rem 1.05rem;
	font-size: 0.9rem;
	font-weight: 600;
	color: var(--bingo-text);
	background: var(--bingo-white);
	border-radius: 10px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.pwd-accordion-item summary::-webkit-details-marker {
	display: none;
}

.pwd-accordion-icon {
	width: 10px;
	height: 10px;
	border-left: 2px solid var(--bingo-green-deep);
	border-bottom: 2px solid var(--bingo-green-deep);
	transform: rotate(-45deg);
	flex-shrink: 0;
	margin-inline-end: 0.15rem;
	transition: transform 0.2s ease;
}

.pwd-accordion-item[open] .pwd-accordion-icon {
	transform: rotate(135deg);
}

.pwd-accordion-content {
	padding: 0.7rem 1.05rem 0.55rem;
	border-top: 0;
}

.pwd-accordion-content p {
	margin: 0;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.85;
	color: var(--bingo-white);
	text-align: right;
}

/* About / SEO Section */
.pwd-about {
	padding: 40px 0 50px;
	background: #F7F8F3;
}

.pwd-about p {
	/* Full .container width: right = menu start, left = header logo */
	margin: 0;
	max-width: 100%;
	width: 100%;
	text-align: right;
	font-size: 16px;
	line-height: 2.2rem;
	color: #232635;
	font-weight: 400;
}

/* Newsletter Section */
.pwd-newsletter {
	background: #00B67A;
}

.pwd-newsletter-copy {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

.pwd-newsletter-copy strong {
	font-size: 15px;
	font-weight: 700;
	color: var(--bingo-white);
}

.pwd-newsletter-copy span {
	font-size: 13px;
	font-weight: 500;
	color: var(--bingo-white);
	opacity: 0.95;
}

/* Responsive Media Queries */
@media (max-width: 900px) {
	.pwd-hero-video--desktop {
		display: none;
	}

	.pwd-hero-video--mobile {
		display: block;
	}

	/* Powder hero mobile — bottom-right copy matching softener */
	.pwd-hero {
		flex-direction: column;
		justify-content: flex-end;
		align-items: stretch;
		padding-top: 0;
	}

	.pwd-hero-content {
		margin-inline: auto;
		width: min(100% - 2.5rem, var(--bingo-container));
		padding: 0 0 2.35rem;
		background: none;
		box-shadow: none;
		direction: rtl;
		text-align: right;
		align-items: flex-start;
		gap: 0;
	}

	.pwd-hero-content > * {
		direction: rtl;
		text-align: right;
		max-width: min(100%, 22rem);
		width: auto;
	}

	.powder-page .pwd-hero-eyebrow {
		display: block !important;
		visibility: visible !important;
		margin: 0 0 0.5rem;
		font-size: 0.875rem;
		font-weight: 600;
		line-height: 1.5;
		color: #FFFFFF !important;
		opacity: 1;
		text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
	}

	/* Match softener hero title size/color on mobile */
	.powder-page .pwd-hero-title {
		margin: 0 0 0.85rem;
		font-size: clamp(2rem, 9.2vw, 2.45rem);
		font-weight: 800;
		line-height: 1.25;
		align-items: flex-start;
		gap: 0.2rem;
		color: #FFFFFF;
		text-shadow: none;
		text-align: right;
	}

	.powder-page .pwd-hero-title .pwd-hero-accent {
		color: #007757 !important;
		-webkit-text-fill-color: #007757;
		text-shadow: 0 0 1px rgba(255, 255, 255, 0.35), 0 1px 2px rgba(0, 0, 0, 0.25);
	}

	.powder-page .pwd-hero-title .pwd-hero-main {
		color: #FFFFFF !important;
		-webkit-text-fill-color: #FFFFFF;
		font-size: 0.9em;
		font-weight: 800;
	}

	.pwd-hero-desc {
		margin: 0;
		max-width: min(100%, 22rem);
		font-size: 0.8125rem;
		font-weight: 500;
		line-height: 1.85;
		opacity: 0.98;
		text-shadow: none;
		text-align: right;
	}

	.pwd-hero-desc p {
		text-align: right;
	}

	.pwd-products-grid {
		grid-template-columns: 1fr;
		width: 100%;
		max-width: 100%;
	}

	.pwd-card {
		/* Mobile mockup (~1080×799): full banner art, product on right, copy on left — no overlap */
		aspect-ratio: 1080 / 799;
		min-height: 0;
		height: auto;
		background-size: cover;
		background-position: center center;
	}

	.pwd-card-body {
		width: 50%;
		max-width: 50%;
		padding: 1.1rem 0.95rem 1.35rem;
		justify-content: center;
	}

	.pwd-card-badge {
		margin-bottom: 0.55rem;
		font-size: 11px;
		padding: 2px 8px;
	}

	.pwd-card-title {
		margin-bottom: 0.55rem;
		font-size: 16px;
		line-height: 1.35;
	}

	.pwd-card-features {
		margin-bottom: 0.75rem;
	}

	.pwd-card-features p {
		margin: 0 0 0.25rem;
		font-size: 12px;
		line-height: 1.45;
	}

	.pwd-card-btn {
		margin-bottom: 0;
		padding: 5px 12px;
		font-size: 12px;
	}

	.pwd-card-sizes {
		margin-top: 0;
		margin-bottom: 0.75rem;
		gap: 6px;
	}

	.pwd-size-pill {
		font-size: 11px;
		padding: 2px 12px;
	}

	.pwd-choose-grid {
		grid-template-columns: 1fr;
		width: 100%;
		max-width: 100%;
	}

	.pwd-about p {
		text-align: justify;
		text-justify: inter-word;
	}
}

@media (max-width: 640px) {
	.pwd-card {
		aspect-ratio: 1080 / 799;
		min-height: 0;
		height: auto;
		background-size: cover;
		background-position: center center;
	}

	.pwd-card-body {
		width: 50%;
		max-width: 50%;
		padding: 0.9rem 0.75rem 1.15rem;
	}

	.pwd-card-title {
		font-size: 15px;
	}

	.pwd-faq-panel {
		border-radius: 12px;
		padding: 1.1rem 0.75rem 1rem;
	}

	.pwd-faq-panel h2 {
		white-space: normal;
		font-size: 0.78rem;
		margin-bottom: 0.75rem;
	}

	.pwd-accordion-item summary {
		font-size: 0.82rem;
		padding: 0.65rem 0.8rem;
	}

	.pwd-about p {
		font-size: 14px;
		line-height: 2rem;
		text-align: justify;
		text-justify: inter-word;
	}
}

/* ---------- Dishwashing landing (bingoiran.com/products/مایع-ظرفشویی) ---------- */
.dish-page {
	background: var(--bingo-white);
}

.dish-hero {
	position: relative;
	min-height: 100vh;
	min-height: 100dvh;
	display: flex;
	align-items: center;
	overflow: hidden;
	background: #141625;
}

.dish-hero-media {
	position: absolute;
	inset: 0;
}

.dish-hero-video,
.dish-hero-fallback {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.dish-hero-video {
	z-index: 1;
}

.dish-hero-video--mobile {
	display: none;
}

.dish-hero-fallback {
	z-index: 0;
}

.dish-hero-content {
	position: relative;
	z-index: 2;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	padding: calc(var(--bingo-header-h) + 2rem) 0 3rem;
	color: var(--bingo-white);
	/* LTR shell so block sits on physical left = header logo edge */
	direction: ltr;
	text-align: left;
	animation: bingo-rise 0.8s ease both;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
}

.dish-hero-content > * {
	direction: rtl;
	text-align: left;
	width: auto;
	max-width: min(100%, 560px);
	margin: 0;
	box-sizing: border-box;
}

.dish-hero-eyebrow {
	margin: 0 0 0.75rem;
	font-size: 15px;
	font-weight: 500;
	opacity: 0.95;
}

.dish-hero-title {
	margin: 0 0 1rem;
	font-size: clamp(1.55rem, 3.4vw, 2.2rem);
	font-weight: 800;
	line-height: 1.35;
	display: flex;
	flex-direction: column;
	/* RTL child: flex-end = physical left (align with logo) */
	align-items: flex-end;
	gap: 0.15rem;
	text-align: left;
}

.dish-hero-title span {
	display: block;
}

.dish-hero-accent {
	color: #007A5A;
}

.dish-hero-lead {
	margin: 0;
	max-width: 38ch;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.9;
	opacity: 0.95;
	text-align: left;
}

.dish-products {
	background: #25292C;
	padding: 2rem 0 2.5rem;
}

.dish-products > .container > h2,
.dish-products-heading {
	margin: 0 0 1.5rem;
	text-align: center;
	color: var(--bingo-white);
	font-size: 20px;
	font-weight: 700;
	line-height: 1.7;
}

.dish-products-grid,
.dish-products-panel {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.65rem;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	background: transparent;
	padding: 0;
	border-radius: 0;
	box-shadow: none;
	justify-items: stretch;
}

.dish-card,
.dish-card--match {
	position: relative;
	/* Desktop Pic art 1169×476 — lock exact height ratio so bg fills with zero crop */
	aspect-ratio: 1169 / 476;
	min-height: 0;
	height: auto;
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	border-radius: 22px;
	background: #1a6b4a;
	background-image: none;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35);
	overflow: hidden;
	display: block;
	isolation: isolate;
	transition: transform 0.35s ease, box-shadow 0.35s ease;
	animation: bingo-rise 0.7s ease both;
}

/* Full-bleed card art: stretch exactly to box — no cover crop */
.dish-card-bg {
	position: absolute;
	inset: 0;
	z-index: 0;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	pointer-events: none;
	line-height: 0;
}

.dish-card-bg img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	object-fit: cover;
	object-position: 82% center;
	border: 0;
	border-radius: inherit;
}

.dish-card:nth-child(2),
.dish-card--match:nth-child(2) {
	animation-delay: 0.08s;
}

.dish-card:hover,
.dish-card--match:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.4);
}

.dish-card-body,
.dish-card--match .dish-card-body {
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 0;
	left: 0;
	right: auto;
	width: min(100%, 54%);
	max-width: none;
	min-height: 0;
	height: auto;
	padding: 1.35rem 1.25rem 1.35rem 3.85rem;
	color: var(--bingo-white);
	/* LTR shell so copy block is physically left-aligned (mockup) */
	direction: ltr;
	text-align: left;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	box-sizing: border-box;
	font-family: Vazirmatn, Tahoma, system-ui, sans-serif;
	gap: 0.45rem;
}

.dish-card-body > *,
.dish-card--match .dish-card-body > * {
	direction: rtl;
	text-align: left;
	width: auto;
	max-width: 100%;
	margin-inline: 0;
	align-self: flex-start;
	box-sizing: border-box;
}

.dish-card-title {
	margin: 0;
	font-size: 32px;
	font-weight: 700;
	color: var(--bingo-white);
	line-height: 1.35;
}

.dish-card-brand {
	margin: -0.1rem 0 0.15rem;
	font-size: 32px;
	font-weight: 700;
	color: #00B67A;
	line-height: 1.3;
}

.dish-card-sizes {
	display: flex;
	flex-wrap: wrap;
	gap: 0.55rem;
	justify-content: flex-start;
	/* LTR so size chips pack from physical left */
	direction: ltr;
	margin: 0.2rem 0 0.35rem;
}

.dish-size {
	appearance: none;
	border: 2px solid #00B67A;
	background: transparent;
	color: var(--bingo-white);
	font-family: inherit;
	font-size: 15px;
	font-weight: 500;
	padding: 11px 20px;
	min-height: 46px;
	border-radius: 10px;
	cursor: pointer;
	line-height: 1.2;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.dish-size:not(.is-active),
.dish-size:not(.is-active):hover,
.dish-size:not(.is-active):focus,
.dish-size:not(.is-active):active {
	background: transparent;
}

.dish-size.is-active {
	background: #00B67A;
	border-color: #00B67A;
	color: var(--bingo-white);
}

@media (hover: hover) and (pointer: fine) {
	.dish-size:hover {
		background: #00B67A;
		border-color: #00B67A;
		color: var(--bingo-white);
	}
}

.dish-card-desc {
	margin: 0;
	width: auto;
	max-width: 100%;
}

.dish-card-desc p {
	margin: 0;
	font-size: 18px;
	line-height: 1.55;
	font-weight: 300;
	color: var(--bingo-white);
	text-align: left;
}

.dish-card-desc p + p {
	margin-top: 0.15rem;
}

.dish-card-desc strong {
	font-weight: 700;
}

.dish-card-tagline {
	margin: 0.15rem 0 0.35rem;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.5;
	color: #00B67A;
	opacity: 1;
	text-align: left;
}

.dish-card-tagline strong {
	font-weight: 700;
	color: inherit;
}

.dish-card-digi {
	display: flex;
	flex-wrap: wrap;
	gap: 0.55rem;
	justify-content: flex-start;
	/* LTR so Digikala CTAs pack from physical left (mockup) */
	direction: ltr;
	margin-top: 1.35rem;
	width: auto;
	max-width: 100%;
}

.dish-digi-btn {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	direction: rtl;
	box-sizing: border-box;
	width: auto;
	max-width: 100%;
	min-width: 0;
	min-height: 52px;
	height: auto;
	padding: 0.35rem 0.7rem 0.35rem 0.55rem;
	border-radius: 10px;
	background: #ec1c34;
	color: #ffffff;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.25;
	text-align: right;
	text-decoration: none;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.22);
	transition: filter 0.2s ease, transform 0.2s ease;
	white-space: nowrap;
}

.dish-digi-btn:hover {
	filter: brightness(1.06);
	transform: translateY(-1px);
}

.dish-digi-btn img {
	width: 40px;
	height: 40px;
	object-fit: contain;
	flex-shrink: 0;
}

.dish-digi-copy {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 0.1rem;
	flex: 0 1 auto;
	min-width: 0;
	text-align: right;
	line-height: 1.3;
}

.dish-digi-label,
.dish-digi-size {
	display: block;
	font-weight: 700;
	color: inherit;
}

.dish-card-media {
	display: none;
}

/* Apple card desktop — single CTA, hug content like lemon CTAs */
#dish-apple .dish-digi-btn {
	width: auto;
}

.dish-scent {
	padding: 1.25rem 0 2.75rem;
	background: #F7F5F0;
}

.dish-scent h2 {
	margin: 0 0 0.45rem;
	text-align: center;
	font-size: clamp(1.3rem, 2.4vw, 1.75rem);
	font-weight: 800;
	color: #1a1a1a;
	letter-spacing: -0.01em;
}

.dish-scent-lead {
	margin: 0 auto 1.75rem;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.9;
	color: #6b6b6b;
	max-width: 52ch;
}

.dish-scent-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
	/* Full .container: right = menu start, left = header logo */
	width: 100%;
	max-width: 100%;
	margin-inline: auto;
	box-sizing: border-box;
}

.dish-scent-card {
	background: var(--bingo-white);
	border-radius: 12px;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.45), 0 2px 8px rgba(0, 0, 0, 0.28);
	overflow: hidden;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	animation: bingo-rise 0.7s ease both;
	width: 100%;
	max-width: 100%;
}

.dish-scent-card--lemon,
.dish-scent-card--apple {
	justify-self: stretch;
}

.dish-scent-card:nth-child(2) {
	animation-delay: 0.08s;
}

.dish-scent-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(0, 0, 0, 0.35);
}

.dish-scent-card a {
	display: block;
	padding: 0;
	line-height: 0;
}

.dish-scent-card img {
	display: block;
	width: 100%;
	height: clamp(120px, 12vw, 150px);
	object-fit: contain;
	object-position: center;
	background: transparent;
}

.dish-faq {
	padding: 1.5rem 0 1.75rem;
	background: var(--bingo-white);
}

.dish-faq-panel {
	background: var(--bingo-green-teal);
	border-radius: 18px;
	padding: 1.35rem 1.25rem 1.2rem;
	box-shadow: 0 8px 28px rgba(0, 107, 99, 0.28);
}

.dish-faq-panel h2 {
	margin: 0 0 0.95rem;
	text-align: center;
	color: var(--bingo-white);
	font-size: clamp(0.7rem, 1.45vw, 0.92rem);
	font-weight: 700;
	line-height: 1.7;
	white-space: nowrap;
}

.dish-accordion {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	width: 100%;
}

.dish-accordion-item {
	background: transparent;
	border-radius: 0;
	overflow: visible;
}

.dish-accordion-item summary {
	list-style: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.85rem;
	padding: 0.7rem 1.05rem;
	font-size: 0.9rem;
	font-weight: 600;
	color: var(--bingo-text);
	background: var(--bingo-white);
	border-radius: 10px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.dish-accordion-item summary::-webkit-details-marker {
	display: none;
}

.dish-accordion-icon {
	width: 10px;
	height: 10px;
	border-left: 2px solid var(--bingo-green-deep);
	border-bottom: 2px solid var(--bingo-green-deep);
	transform: rotate(-45deg);
	flex-shrink: 0;
	margin-inline-end: 0.15rem;
	transition: transform 0.2s ease;
}

.dish-accordion-item[open] .dish-accordion-icon {
	transform: rotate(135deg);
}

.dish-accordion-answer {
	padding: 0.7rem 1.05rem 0.55rem;
}

.dish-accordion-answer p {
	margin: 0;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.85;
	color: var(--bingo-white);
	text-align: right;
}

.dish-shops {
	background: #006B63;
	padding: 2.25rem 0;
}

.dish-shops-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0.85rem;
	/* inherit .container width so outer edges match header logo */
	align-items: stretch;
}

/* Second shop box (اسنپ): a bit more breathing room from the first */
.dish-shop-card:nth-child(2) {
	margin-inline-start: 0.55rem;
}

.dish-shop-card {
	background: var(--bingo-white);
	border-radius: 12px;
	padding: 0.85rem 0.7rem 0.75rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	gap: 0.7rem;
	min-height: 168px;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.18), 0 2px 8px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.dish-shop-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22), 0 4px 12px rgba(0, 0, 0, 0.12);
}

.dish-shop-card img {
	width: auto;
	max-width: 72%;
	max-height: 72px;
	object-fit: contain;
	margin-inline: auto;
}

/* Tapsi logo renders smaller in-box — scale to match Okala/Snapp */
.dish-shop-card:nth-child(3) img {
	max-width: 88%;
	max-height: 88px;
}

.dish-shop-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 0.42rem 0.65rem;
	border: 1px solid #00B67A;
	border-radius: 12px;
	background: var(--bingo-white);
	color: #00B67A;
	font-size: 0.8rem;
	font-weight: 600;
	transition: background 0.2s ease, color 0.2s ease;
}

.dish-shop-btn:hover {
	background: #00B67A;
	color: var(--bingo-white);
}

.dish-about {
	padding: 2.5rem 0;
	background: #F7F8F3;
}

.dish-about p {
	/* Full .container width: right = menu start, left = header logo */
	margin: 0;
	max-width: 100%;
	width: 100%;
	text-align: right;
	font-size: 16px;
	line-height: 28px;
	color: var(--bingo-slate);
}

.dish-newsletter .newsletter-text {
	align-items: flex-start;
}

.dish-newsletter-copy {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

.dish-newsletter-copy strong {
	font-size: 15px;
	font-weight: 700;
}

.dish-newsletter-copy span {
	font-size: 13px;
	font-weight: 500;
	opacity: 0.95;
}

@media (max-width: 1100px) {
	.dish-shops-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}



@media (max-width: 900px) {
	/* Mobile dish cards — match bingoiran Elementor (min-height 371px) */
	.dish-products {
		padding: 1.5rem 0 1.75rem;
	}

	.dish-products > .container > h2,
	.dish-products-heading {
		margin-bottom: 1rem;
		font-size: 1rem;
	}

	.dish-products-grid,
	.dish-products-panel {
		grid-template-columns: 1fr;
		gap: 1.25rem;
	}

	.dish-card,
	.dish-card--match {
		aspect-ratio: auto;
		min-height: 0;
		height: auto;
		width: 100%;
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
		border-radius: 24px;
		/* Mobile: same Pic-* art as desktop — fill exactly, zero crop */
		background: #003d24;
		background-image: none !important;
		box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35);
		display: block;
		direction: ltr;
		padding: 0;
		overflow: hidden;
	}

	#dish-lemon,
	#dish-apple {
		/* Mobile mockup: room for left copy + right bottle + full-width bottom CTAs */
		aspect-ratio: 1 / 1;
	}

	.dish-card-bg,
	.dish-card-bg img {
		border-radius: 24px;
	}

	/* Mobile: bias further right so bottles clear left copy */
	.dish-card-bg img {
		object-fit: cover;
		object-position: 88% center;
		width: 100% !important;
		height: 100% !important;
		transform: none;
	}

	/* Lemon art: bottles sit smaller/left vs apple — zoom+origin so framing matches #dish-apple */
	#dish-lemon .dish-card-bg img {
		object-fit: cover;
		object-position: 82% center;
		width: 100% !important;
		height: 100% !important;
		transform: scale(1.8);
		transform-origin: 92% center;
	}

	/* Full-card overlay: left copy column + bottom full-width CTAs (screenshot) */
	.dish-card-body,
	.dish-card--match .dish-card-body {
		position: absolute;
		inset: 0;
		flex: none;
		width: 100%;
		max-width: none;
		min-width: 0;
		height: auto;
		padding: 0.95rem 0.75rem 0.75rem 0.85rem;
		direction: ltr;
		text-align: left;
		align-items: flex-start;
		justify-content: flex-start;
		gap: 0.28rem;
	}

	.dish-card-body > *,
	.dish-card--match .dish-card-body > * {
		direction: rtl;
		align-self: flex-start;
		text-align: left;
		width: auto;
		max-width: 100%;
	}

	.dish-card-title,
	.dish-card-brand,
	.dish-card-sizes,
	.dish-card-desc {
		max-width: min(100%, 52%);
	}

	.dish-card-sizes {
		direction: ltr;
		justify-content: flex-start;
	}

	.dish-card-desc p,
	.dish-card-tagline,
	.dish-digi-copy,
	.dish-digi-label,
	.dish-digi-size {
		text-align: left;
	}

	/* Product lives in the Pic-* background */
	.dish-card-media {
		display: none;
	}

	.dish-card-tagline {
		display: none;
	}

	.dish-card-title,
	.dish-card-brand {
		font-size: 22px;
		line-height: 1.25;
	}

	.dish-card-brand {
		margin-top: -0.1rem;
		margin-bottom: 0.12rem;
	}

	.dish-card-sizes {
		margin: 0.12rem 0 0.22rem;
		gap: 0.4rem;
	}

	.dish-card-desc p,
	.dish-card-tagline {
		font-size: 14px;
		line-height: 1.55;
	}

	.dish-card-desc p + p {
		margin-top: 0.2rem;
	}

	.dish-size {
		font-size: 13px;
		padding: 7px 14px;
		min-height: 34px;
		border-radius: 999px;
	}

	.dish-card-digi {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: stretch;
		justify-content: stretch;
		direction: ltr;
		gap: 0.45rem;
		margin-top: auto;
		padding-top: 1.1rem;
		width: 100%;
		max-width: 100%;
		align-self: stretch;
	}

	.dish-digi-btn {
		flex: 1 1 0;
		width: auto;
		max-width: none;
		min-width: 0;
		min-height: 46px;
		height: auto;
		font-size: 12px;
		padding: 0.4rem 0.55rem 0.4rem 0.45rem;
		border-radius: 999px;
		gap: 0.25rem;
		white-space: nowrap;
	}

	/* Single-line CTA: «خرید از دیجی کالا (۱۰۰۰ گرمی)» */
	.dish-digi-copy {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: flex-start;
		gap: 0.2rem;
	}

	.dish-digi-size {
		display: inline;
	}

	#dish-apple .dish-card-digi {
		width: 100%;
		max-width: 100%;
	}

	/* Apple card: single Digikala CTA — left-aligned, not stretched full width */
	#dish-apple .dish-digi-btn {
		flex: 0 1 auto;
		width: auto;
		max-width: 100%;
		min-width: 0;
		min-height: 46px;
		height: auto;
		font-size: 13px;
		padding: 0.4rem 0.85rem 0.4rem 0.55rem;
		border-radius: 999px;
		gap: 0.25rem;
	}

	.dish-digi-btn img {
		width: 24px;
		height: 24px;
	}

	#dish-apple .dish-digi-btn img {
		width: 26px;
		height: 26px;
	}

		.dish-scent-grid {
		grid-template-columns: 1fr;
		width: 100%;
		max-width: 100%;
		margin-inline: auto;
		gap: 0.85rem;
	}

	.dish-scent-card,
	.dish-scent-card--lemon,
	.dish-scent-card--apple {
		width: 100%;
		justify-self: stretch;
	}

	.dish-scent-card a {
		padding: 0;
	}

	.dish-scent-card img {
		width: 100%;
		height: 118px;
		object-fit: contain;
		object-position: center;
	}

	.dish-hero-video--desktop {
		display: none;
	}

	.dish-hero-video--mobile {
		display: block;
	}

	/* Dish hero mobile — bottom copy matching softener page */
	.dish-hero {
		flex-direction: column;
		justify-content: flex-end;
		align-items: stretch;
	}

	.dish-hero-content {
		margin-inline: auto;
		width: min(100% - 2.5rem, var(--bingo-container));
		padding: 0 0 2.35rem;
		background: none;
		box-shadow: none;
		direction: rtl;
		text-align: right;
		align-items: flex-start;
		gap: 0;
	}

	.dish-hero-content > * {
		direction: rtl;
		text-align: right;
		max-width: min(100%, 22rem);
		width: auto;
	}

	.dish-page .dish-hero-title {
		align-items: flex-start;
		text-align: right;
	}

	.dish-hero-lead {
		text-align: right;
		max-width: min(100%, 22rem);
	}

	.dish-about p {
		text-align: justify;
		text-justify: inter-word;
	}
}

@media (max-width: 640px) {
	.dish-shops-grid {
		grid-template-columns: 1fr;
	}

	.dish-shop-card:nth-child(2) {
		margin-inline-start: 0;
		margin-block-start: 0.55rem;
	}

	.dish-card-title,
	.dish-card-brand {
		font-size: 20px;
	}

	.dish-card,
	.dish-card--match {
		min-height: 0;
		padding: 0;
		border-radius: 18px;
		background: #003d24;
		background-image: none !important;
	}

	#dish-lemon,
	#dish-apple {
		aspect-ratio: 1 / 1;
	}

	.dish-card-bg,
	.dish-card-bg img {
		border-radius: 18px;
	}

	.dish-card-bg img {
		object-fit: cover;
		object-position: 88% center;
		width: 100% !important;
		height: 100% !important;
		transform: none;
	}

	#dish-lemon .dish-card-bg img {
		object-fit: cover;
		object-position: 82% center;
		width: 100% !important;
		height: 100% !important;
		transform: scale(1.8);
		transform-origin: 92% center;
	}

	.dish-card-body,
	.dish-card--match .dish-card-body {
		inset: 0;
		width: 100%;
		max-width: none;
		padding: 0.8rem 0.65rem 0.65rem 0.7rem;
		gap: 0.22rem;
	}

	.dish-card-title,
	.dish-card-brand,
	.dish-card-sizes,
	.dish-card-desc {
		max-width: min(100%, 54%);
	}

	.dish-card-media {
		display: none;
	}

	.dish-card-desc p {
		font-size: 13px;
		line-height: 1.5;
	}

	.dish-card-desc p + p {
		margin-top: 0.18rem;
	}

	.dish-card-sizes {
		margin: 0.1rem 0 0.18rem;
		gap: 0.35rem;
	}

	.dish-size {
		font-size: 12px;
		padding: 6px 12px;
		min-height: 30px;
		border-radius: 999px;
	}

	.dish-card-digi {
		margin-top: auto;
		padding-top: 1rem;
		width: 100%;
		max-width: 100%;
		align-self: stretch;
		gap: 0.4rem;
	}

	.dish-digi-btn {
		flex: 1 1 0;
		font-size: 11px;
		min-height: 42px;
		padding: 0.35rem 0.4rem 0.35rem 0.3rem;
		gap: 0.18rem;
		border-radius: 999px;
	}

	.dish-digi-btn img {
		width: 22px;
		height: 22px;
	}

	/* Apple Digikala — left-aligned single CTA on small phones */
	#dish-apple .dish-digi-btn {
		flex: 0 1 auto;
		font-size: 12px;
		min-height: 42px;
		padding: 0.35rem 0.7rem 0.35rem 0.45rem;
		gap: 0.2rem;
		border-radius: 999px;
	}

	#dish-apple .dish-digi-btn img {
		width: 22px;
		height: 22px;
	}

	.dish-faq-panel {
		border-radius: 12px;
		padding: 1.1rem 0.75rem 1rem;
	}

	.dish-faq-panel h2 {
		white-space: normal;
		font-size: 0.78rem;
		margin-bottom: 0.75rem;
	}

	.dish-accordion-item summary {
		font-size: 0.82rem;
		padding: 0.65rem 0.8rem;
	}

	.dish-scent {
		padding: 1rem 0 1.85rem;
	}

	.dish-scent h2 {
		font-size: 1.15rem;
	}

	.dish-scent-lead {
		margin-bottom: 1.25rem;
		font-size: 13px;
	}

	.dish-scent-grid {
		width: 100%;
		max-width: 100%;
		margin-inline: auto;
	}

	.dish-scent-card {
		border-radius: 10px;
	}

	.dish-scent-card a {
		padding: 0;
	}

	.dish-scent-card img {
		width: 100%;
		height: 108px;
		object-fit: contain;
		object-position: center;
	}
}

/* ---------- Machine dishwashing landing (bingoiran.com/products/محصولات-شستشوی-ماشینی) ---------- */
.mdish-page {
	background: var(--bingo-white);
}

.mdish-hero {
	position: relative;
	min-height: 100vh;
	min-height: 100dvh;
	display: flex;
	align-items: center;
	overflow: hidden;
	background: #141625;
}

.mdish-hero-media {
	position: absolute;
	inset: 0;
}

.mdish-hero-video,
.mdish-hero-fallback {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.mdish-hero-video {
	z-index: 1;
}

.mdish-hero-video--mobile {
	display: none;
}

.mdish-hero-fallback {
	z-index: 0;
}

.mdish-hero-content {
	position: relative;
	z-index: 2;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	padding: calc(var(--bingo-header-h) + 2rem) 0 3rem;
	color: var(--bingo-white);
	/* LTR shell so block sits on physical left = header logo edge */
	direction: ltr;
	text-align: left;
	animation: bingo-rise 0.8s ease both;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
}

.mdish-hero-content > * {
	direction: rtl;
	text-align: left;
	width: auto;
	max-width: min(100%, 560px);
	margin: 0;
	box-sizing: border-box;
}

.mdish-hero-eyebrow {
	margin: 0 0 0.75rem;
	font-size: 15px;
	font-weight: 500;
	opacity: 0.95;
}

.mdish-hero-title {
	margin: 0 0 1rem;
	font-size: clamp(1.85rem, 4vw, 2.6rem);
	font-weight: 800;
	line-height: 1.35;
	display: flex;
	flex-direction: column;
	/* RTL child: flex-end = physical left (align with logo) */
	align-items: flex-end;
	gap: 0.15rem;
	text-align: left;
}

.mdish-hero-accent {
	color: var(--bingo-green-alt);
}

.mdish-hero-main {
	color: var(--bingo-white);
}

.mdish-hero-lead {
	margin: 0;
	max-width: 40ch;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.9;
	opacity: 0.95;
	text-align: left;
}

.mdish-products {
	background: #25292C;
	padding: 50px 0 65px;
}

.mdish-products-heading {
	margin: 0 auto 35px;
	text-align: center;
	color: var(--bingo-white);
	font-size: 20px;
	font-weight: 700;
}

.mdish-products-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 26px;
	/* Full .container width: left edge = header logo */
	width: 100%;
	max-width: 100%;
	margin: 0;
	box-sizing: border-box;
}

.mdish-card {
	position: relative;
	min-height: 310px;
	aspect-ratio: 1169 / 476;
	border-radius: 16px;
	background-color: #032411;
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
	overflow: hidden;
	display: flex;
	align-items: stretch;
	/* RTL: flex-end = physical left (text over dark side of art) */
	justify-content: flex-end;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	animation: bingo-rise 0.7s ease both;
}

.mdish-card:nth-child(2) {
	animation-delay: 0.06s;
}

.mdish-card:nth-child(3) {
	animation-delay: 0.12s;
}

.mdish-card:nth-child(4) {
	animation-delay: 0.18s;
}

.mdish-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45);
}

.mdish-card-body {
	position: relative;
	z-index: 2;
	width: min(100%, 54%);
	padding: 24px 20px;
	color: var(--bingo-white);
	text-align: left;
	display: flex;
	flex-direction: column;
	/* RTL cross-axis: flex-end = physical left */
	align-items: flex-end;
	justify-content: flex-start;
	box-sizing: border-box;
}

.mdish-card-title {
	margin: 0 0 10px;
	font-size: 18px;
	font-weight: 700;
	color: var(--bingo-white);
	line-height: 1.4;
	text-align: left;
	width: 100%;
}

.mdish-card-sizes {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 12px;
	/* Physical left row of pills */
	justify-content: flex-start;
	width: 100%;
	direction: ltr;
}

.mdish-size-pill {
	display: inline-block;
	background: var(--bingo-green-alt);
	color: var(--bingo-white);
	font-size: 12px;
	font-weight: 500;
	border-radius: 17px;
	padding: 3px 14px;
}

.mdish-card-features {
	margin-bottom: 12px;
	width: 100%;
	text-align: left;
}

.mdish-card-features p {
	margin: 0 0 4px;
	font-size: 13px;
	font-weight: 500;
	color: var(--bingo-white);
	opacity: 0.95;
	line-height: 1.65;
	text-align: left;
}

.mdish-card-tags {
	margin: 0 0 16px;
	font-size: 12px;
	font-weight: 600;
	color: var(--bingo-green-alt);
	line-height: 1.7;
	text-align: left;
	width: 100%;
}

.mdish-card-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: auto;
	margin-right: auto;
	margin-left: 0;
	/* RTL: flex-end = physical left */
	align-self: flex-end;
	width: fit-content;
	border: 1px solid rgba(255, 255, 255, 0.9);
	background: rgba(0, 0, 0, 0.2);
	color: var(--bingo-white);
	border-radius: 8px;
	font-size: 13px;
	font-weight: 600;
	padding: 6px 14px;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.mdish-card-btn:hover {
	background: var(--bingo-white);
	color: #032411;
	border-color: var(--bingo-white);
}

.mdish-care {
	padding: 55px 0 50px;
	background: #F7F8F3;
}

.mdish-care-title {
	margin: 0 0 10px;
	text-align: center;
	font-size: 20px;
	font-weight: 800;
	color: #111827;
}

.mdish-care-lead {
	margin: 0 auto 30px;
	text-align: center;
	font-size: 15px;
	color: var(--bingo-muted);
	max-width: 52ch;
	line-height: 1.9;
}

.mdish-care-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 22px;
	/* Full .container width: outer edges match header logo */
	width: 100%;
	max-width: 100%;
	margin: 0;
	box-sizing: border-box;
}

.mdish-care-card {
	background: var(--bingo-white);
	border-radius: 16px;
	padding: 28px 22px 22px;
	box-shadow: 0 6px 22px rgba(0, 0, 0, 0.08);
	display: flex;
	flex-direction: column;
	min-height: 280px;
	animation: bingo-rise 0.7s ease both;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mdish-care-card:nth-child(2) {
	animation-delay: 0.08s;
}

.mdish-care-card:nth-child(3) {
	animation-delay: 0.16s;
}

.mdish-care-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12);
}

.mdish-care-kicker {
	margin: 0 0 12px;
	font-size: 13px;
	font-weight: 500;
	color: #6B7280;
	line-height: 1.7;
}

.mdish-care-name {
	margin: 0 0 14px;
	font-size: 17px;
	font-weight: 700;
	color: var(--bingo-green);
	line-height: 1.5;
}

.mdish-care-desc {
	margin: 0 0 18px;
	font-size: 14px;
	font-weight: 500;
	color: var(--bingo-slate);
	line-height: 1.9;
	flex: 1;
}

.mdish-care-tags {
	margin: 0;
	margin-top: auto;
	font-size: 12px;
	font-weight: 600;
	color: var(--bingo-green-alt);
	line-height: 1.7;
}

.mdish-faq {
	padding: 1.5rem 0 1.75rem;
	background: var(--bingo-white);
}

.mdish-faq-panel {
	background: var(--bingo-green-teal);
	border-radius: 18px;
	padding: 1.35rem 1.25rem 1.2rem;
	box-shadow: 0 8px 28px rgba(0, 107, 99, 0.28);
}

.mdish-faq-panel h2 {
	margin: 0 0 0.95rem;
	text-align: center;
	color: var(--bingo-white);
	font-size: clamp(0.7rem, 1.45vw, 0.92rem);
	font-weight: 700;
	line-height: 1.7;
	white-space: nowrap;
}

.mdish-accordion {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	width: 100%;
}

.mdish-accordion-item {
	background: transparent;
	border-radius: 0;
	overflow: visible;
}

.mdish-accordion-item summary {
	list-style: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.85rem;
	padding: 0.7rem 1.05rem;
	font-size: 0.9rem;
	font-weight: 600;
	color: var(--bingo-text);
	background: var(--bingo-white);
	border-radius: 10px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.mdish-accordion-item summary::-webkit-details-marker {
	display: none;
}

.mdish-accordion-icon {
	width: 10px;
	height: 10px;
	border-left: 2px solid var(--bingo-green-deep);
	border-bottom: 2px solid var(--bingo-green-deep);
	transform: rotate(-45deg);
	flex-shrink: 0;
	margin-inline-end: 0.15rem;
	transition: transform 0.2s ease;
}

.mdish-accordion-item[open] .mdish-accordion-icon {
	transform: rotate(135deg);
}

.mdish-accordion-content {
	padding: 0.7rem 1.05rem 0.55rem;
}

.mdish-accordion-content p {
	margin: 0;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.85;
	color: var(--bingo-white);
	text-align: right;
}

.mdish-about {
	padding: 2.5rem 0;
	background: #F7F8F4;
}

.mdish-about p {
	/* Full .container width — centered narrative block per UI */
	margin: 0;
	max-width: 100%;
	width: 100%;
	text-align: center;
	font-size: 16px;
	line-height: 28px;
	color: var(--bingo-slate);
}

.mdish-newsletter .newsletter-text {
	align-items: center;
}

.mdish-newsletter-copy {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

.mdish-newsletter-copy strong {
	font-size: 15px;
	font-weight: 700;
}

.mdish-newsletter-copy span {
	font-size: 13px;
	font-weight: 500;
	opacity: 0.95;
}

@media (max-width: 980px) {
	.mdish-products-grid {
		grid-template-columns: 1fr;
		max-width: 100%;
		width: 100%;
	}

	.mdish-card {
		min-height: 0;
		aspect-ratio: 1169 / 476;
	}

	.mdish-card-body {
		width: 65%;
		padding: 20px 16px;
		text-align: left;
		align-items: flex-end;
	}

	.mdish-care-grid {
		grid-template-columns: 1fr;
		max-width: 100%;
		width: 100%;
	}
}

@media (max-width: 900px) {
	.mdish-hero-video--desktop {
		display: none;
	}

	.mdish-hero-video--mobile {
		display: block;
	}

	.mdish-hero-content {
		margin-inline: auto;
		width: min(100% - 2rem, var(--bingo-container));
		padding-top: calc(var(--bingo-header-h) + 3.5rem);
	}
}

@media (max-width: 640px) {
	.mdish-products {
		padding: 40px 0 50px;
	}

	.mdish-card-body {
		width: 70%;
	}

	.mdish-card-title {
		font-size: 16px;
	}

	.mdish-faq-panel {
		border-radius: 12px;
		padding: 1.1rem 0.75rem 1rem;
	}

	.mdish-faq-panel h2 {
		white-space: normal;
		font-size: 0.78rem;
		margin-bottom: 0.75rem;
	}

	.mdish-accordion-item summary {
		font-size: 0.82rem;
		padding: 0.65rem 0.8rem;
	}

	.mdish-care-card {
		min-height: auto;
		padding: 22px 18px 18px;
	}
}


/* ---------- Home cleaning landing (bingoiran.com/products/محصولات-نظافت-خانه-بینگو) ---------- */
.hclean-page {
	background: var(--bingo-white);
}

.hclean-hero {
	position: relative;
	min-height: 100vh;
	min-height: 100dvh;
	display: flex;
	align-items: center;
	overflow: hidden;
	background: #141625;
}

.hclean-hero-media {
	position: absolute;
	inset: 0;
}

.hclean-hero-video,
.hclean-hero-fallback {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.hclean-hero-video {
	z-index: 1;
}

.hclean-hero-video--mobile {
	display: none;
}

.hclean-hero-fallback {
	z-index: 0;
}

.hclean-hero-content {
	position: relative;
	z-index: 2;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	padding: calc(var(--bingo-header-h) + 2rem) 0 3rem;
	color: var(--bingo-white);
	/* LTR shell so block sits on physical left = header logo edge */
	direction: ltr;
	text-align: left;
	animation: bingo-rise 0.8s ease both;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
}

.hclean-hero-content > * {
	direction: rtl;
	text-align: left;
	width: auto;
	max-width: min(100%, 560px);
	margin: 0;
	box-sizing: border-box;
}

.hclean-hero-eyebrow {
	margin: 0 0 0.75rem;
	font-size: 15px;
	font-weight: 500;
	opacity: 0.95;
}

.hclean-hero-title {
	margin: 0 0 1.15rem;
	font-size: clamp(1.85rem, 4vw, 2.55rem);
	font-weight: 800;
	line-height: 1.35;
	display: flex;
	flex-direction: column;
	/* RTL child: flex-end = physical left (align with logo) */
	align-items: flex-end;
	gap: 0.15rem;
	text-align: left;
}

.hclean-hero-title span {
	display: block;
}

.hclean-hero-accent {
	color: #007A5A;
}

.hclean-hero-main {
	color: var(--bingo-white);
}

.hclean-hero-bullets {
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 0.55rem;
	max-width: 42ch;
	text-align: left;
}

.hclean-hero-bullets li {
	font-size: 15px;
	font-weight: 500;
	line-height: 1.8;
	text-align: left;
	width: 100%;
}

.hclean-products {
	background: #25292C;
	padding: 50px 0 65px;
}

.hclean-products-heading {
	margin: 0 auto 35px;
	text-align: center;
	color: var(--bingo-white);
	font-size: 20px;
	font-weight: 700;
}

.hclean-products-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 26px;
	max-width: 1220px;
	margin-inline: auto;
}

.hclean-card {
	position: relative;
	min-height: 310px;
	border-radius: 16px;
	background-color: #01572F;
	background-size: cover;
	background-position: right center;
	background-repeat: no-repeat;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
	overflow: hidden;
	display: flex;
	align-items: stretch;
	justify-content: flex-end;
	animation: bingo-rise 0.7s ease both;
}

.hclean-card::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(
		90deg,
		#01572F 0%,
		rgba(1, 87, 47, 0.92) 22%,
		rgba(1, 87, 47, 0.62) 42%,
		rgba(1, 87, 47, 0.28) 62%,
		rgba(1, 87, 47, 0.08) 78%,
		transparent 100%
	);
}

#hclean-multi::before {
	display: none;
}

.hclean-card:nth-child(2) { animation-delay: 0.06s; }
.hclean-card:nth-child(3) { animation-delay: 0.12s; }
.hclean-card:nth-child(4) { animation-delay: 0.18s; }

.hclean-card-body {
	position: relative;
	z-index: 2;
	width: 58%;
	padding: 24px 22px;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	text-align: left;
	color: var(--bingo-white);
	background: transparent;
}

.hclean-card-title {
	margin: 0 0 10px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.45;
}

.hclean-size-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	align-self: flex-end;
	width: fit-content;
	margin-bottom: 12px;
	padding: 5px 14px;
	border-radius: 7px;
	background: #00B67A;
	color: var(--bingo-white);
	font-size: 13px;
	font-weight: 500;
}

.hclean-card-features {
	margin: 0 0 16px;
	flex: 1;
}

.hclean-card-features p {
	margin: 0 0 0.2rem;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.75;
	color: rgba(255, 255, 255, 0.95);
}

.hclean-card-lead {
	font-weight: 700 !important;
	font-size: 14px !important;
	margin-bottom: 0.35rem !important;
}

.hclean-card-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	align-self: flex-end;
	width: fit-content;
	margin-top: auto;
	padding: 0.55rem 0.95rem;
	border-radius: 8px;
	background: #111111;
	color: var(--bingo-white);
	font-size: 13px;
	font-weight: 600;
	border: 1px solid rgba(255, 255, 255, 0.35);
	transition: background 0.2s ease, transform 0.2s ease;
}

.hclean-card-btn:hover {
	background: #000000;
	transform: translateY(-1px);
}

.hclean-care {
	padding: 55px 0 50px;
	background: #F7F8F3;
}

.hclean-care-title {
	margin: 0 0 10px;
	text-align: center;
	font-size: 20px;
	font-weight: 800;
	color: #111827;
}

.hclean-care-lead {
	margin: 0 auto 30px;
	text-align: center;
	font-size: 15px;
	color: var(--bingo-muted);
	max-width: 52ch;
	line-height: 1.9;
}

.hclean-care-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 22px;
	/* Full .container width: right = menu, left = header logo */
	width: 100%;
	max-width: 100%;
	margin: 0;
	box-sizing: border-box;
}

.hclean-care-card {
	background: var(--bingo-white);
	border-radius: 16px;
	padding: 28px 22px 22px;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.45);
	display: flex;
	flex-direction: column;
	align-items: stretch;
	text-align: left;
	min-height: 280px;
	animation: bingo-rise 0.7s ease both;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hclean-care-card:nth-child(2) { animation-delay: 0.08s; }
.hclean-care-card:nth-child(3) { animation-delay: 0.16s; }

.hclean-care-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 14px 36px rgba(0, 0, 0, 0.55);
}

.hclean-care-kicker {
	margin: 0 0 14px;
	font-size: 15px;
	font-weight: 600;
	color: #343B58;
	line-height: 1.7;
}

.hclean-care-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	align-self: flex-end;
	width: fit-content;
	margin: 0 0 16px;
	padding: 0.55rem 1.1rem;
	border-radius: 15px;
	background: #00B67A;
	color: var(--bingo-white);
	font-size: 15px;
	font-weight: 600;
	transition: background 0.2s ease, transform 0.2s ease;
}

.hclean-care-btn:hover {
	background: #007A5A;
	transform: translateY(-1px);
}

.hclean-care-desc {
	margin: 0 0 16px;
	font-size: 14px;
	font-weight: 500;
	color: #272747;
	line-height: 1.9;
	flex: 1;
}

.hclean-care-tags {
	margin: 0;
	margin-top: auto;
	font-size: 12px;
	font-weight: 600;
	color: #00B67A;
	line-height: 1.7;
}

/* FAQ Section — match softener soft-faq dimensions */
.hclean-faq {
	padding: 1.5rem 0 1.75rem;
	background: var(--bingo-white);
}

.hclean-faq-panel {
	background: var(--bingo-green-teal);
	border-radius: 18px;
	padding: 1.35rem 1.25rem 1.2rem;
	box-shadow: 0 8px 28px rgba(0, 107, 99, 0.28);
}

.hclean-faq-panel h2 {
	margin: 0 0 0.95rem;
	text-align: center;
	color: var(--bingo-white);
	font-size: clamp(0.7rem, 1.45vw, 0.92rem);
	font-weight: 700;
	line-height: 1.7;
	white-space: nowrap;
}

.hclean-accordion {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	width: 100%;
}

.hclean-accordion-item {
	background: transparent;
	border-radius: 0;
	overflow: visible;
}

.hclean-accordion-item summary {
	list-style: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.85rem;
	padding: 0.7rem 1.05rem;
	font-size: 0.9rem;
	font-weight: 600;
	color: var(--bingo-text);
	background: var(--bingo-white);
	border-radius: 10px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.hclean-accordion-item summary::-webkit-details-marker {
	display: none;
}

.hclean-accordion-icon {
	width: 10px;
	height: 10px;
	border-left: 2px solid var(--bingo-green-deep);
	border-bottom: 2px solid var(--bingo-green-deep);
	transform: rotate(-45deg);
	flex-shrink: 0;
	margin-inline-end: 0.15rem;
	transition: transform 0.2s ease;
}

.hclean-accordion-item[open] .hclean-accordion-icon {
	transform: rotate(135deg);
}

.hclean-accordion-content {
	padding: 0.7rem 1.05rem 0.55rem;
}

.hclean-accordion-content p {
	margin: 0;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.85;
	color: var(--bingo-white);
	text-align: right;
}

.hclean-seo-text {
	margin: 1.25rem auto 0;
	max-width: 75ch;
	text-align: center;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.85;
	color: var(--bingo-white);
}

.hclean-shops {
	background: #006B63;
	padding: 1.5rem 0 2.5rem;
}

.hclean-shops-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1rem;
}

.hclean-shop-card {
	background: var(--bingo-white);
	border-radius: 16px;
	padding: 1.25rem 1rem 1.1rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	min-height: 190px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
	transition: transform 0.3s ease;
}

.hclean-shop-card:hover {
	transform: translateY(-3px);
}

.hclean-shop-card img {
	width: auto;
	max-width: 70%;
	max-height: 72px;
	object-fit: contain;
	margin-inline: auto;
}

.hclean-shop-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 0.55rem 0.85rem;
	border: 1px solid #00B67A;
	border-radius: 16px;
	background: var(--bingo-white);
	color: #00B67A;
	font-size: 0.9rem;
	font-weight: 600;
	transition: background 0.2s ease, color 0.2s ease;
}

.hclean-shop-btn:hover {
	background: #00B67A;
	color: var(--bingo-white);
}

.hclean-newsletter .newsletter-text {
	align-items: flex-start;
}

.hclean-newsletter-copy {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

.hclean-newsletter-copy strong {
	font-size: 15px;
	font-weight: 700;
}

.hclean-newsletter-copy span {
	font-size: 13px;
	font-weight: 500;
	opacity: 0.95;
}

@media (max-width: 980px) {
	.hclean-products-grid {
		grid-template-columns: 1fr;
		max-width: 580px;
	}

	.hclean-card {
		min-height: 290px;
	}

	.hclean-card-body {
		width: 65%;
		padding: 20px 16px;
	}

	.hclean-care-grid {
		grid-template-columns: 1fr;
		max-width: 100%;
		width: 100%;
	}

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

@media (max-width: 900px) {
	.hclean-hero-video--desktop {
		display: none;
	}

	.hclean-hero-video--mobile {
		display: block;
	}

	.hclean-hero-content {
		margin-inline: auto;
		width: min(100% - 2rem, var(--bingo-container));
		padding-top: calc(var(--bingo-header-h) + 3.5rem);
	}

	.hclean-hero-accent {
		color: #00B67A;
	}
}

@media (max-width: 640px) {
	.hclean-products {
		padding: 40px 0 50px;
	}

	.hclean-card-body {
		width: 72%;
	}

	.hclean-card-title {
		font-size: 16px;
	}

	.hclean-faq-panel {
		border-radius: 12px;
		padding: 1.1rem 0.75rem 1rem;
	}

	.hclean-faq-panel h2 {
		white-space: normal;
		font-size: 0.78rem;
		margin-bottom: 0.75rem;
	}

	.hclean-accordion-item summary {
		font-size: 0.82rem;
		padding: 0.65rem 0.8rem;
	}

	.hclean-care-card {
		min-height: auto;
		padding: 22px 18px 18px;
	}

	.hclean-shops-grid {
		grid-template-columns: 1fr;
		max-width: 320px;
		margin-inline: auto;
	}
}

/* FAQ accordions: keep panels closed unless details[open] */
.soft-accordion-item:not([open]) .soft-accordion-answer,
.liq-accordion-item:not([open]) .liq-accordion-answer,
.pwd-accordion-item:not([open]) .pwd-accordion-content,
.dish-accordion-item:not([open]) .dish-accordion-answer,
.mdish-accordion-item:not([open]) .mdish-accordion-content,
.hclean-accordion-item:not([open]) .hclean-accordion-content {
	display: none;
}

/* ---------- Liquid laundry GENERAL product (bingoiran.com/.../مایع-لباسشویی-جنرال-بینگو) ---------- */
.liqgen-page {
	background: var(--bingo-white);
}

.liqgen-hero {
	position: relative;
	min-height: 100vh;
	min-height: 100dvh;
	display: flex;
	align-items: flex-end;
	overflow: hidden;
	background: #0a3d32;
}

.liqgen-hero-media {
	position: absolute;
	inset: 0;
}

.liqgen-hero-video,
.liqgen-hero-fallback {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.liqgen-hero-video {
	z-index: 1;
}

.liqgen-hero-video--mobile {
	display: none;
}

.liqgen-hero-fallback {
	z-index: 0;
}

.liqgen-hero-content {
	position: relative;
	z-index: 2;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	padding: calc(var(--bingo-header-h) + 2rem) 0 7rem;
	color: var(--bingo-white);
	direction: ltr;
	text-align: left;
	animation: bingo-rise 0.8s ease both;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
}

.liqgen-hero-content > * {
	direction: rtl;
	text-align: left;
	width: auto;
	max-width: min(100%, 560px);
	margin: 0;
	box-sizing: border-box;
}

.liqgen-hero-eyebrow {
	margin: 0 0 0.75rem;
	font-size: 15px;
	font-weight: 500;
	opacity: 0.95;
	color: var(--bingo-white);
}

.liqgen-hero-title {
	margin: 0 0 1rem;
	font-size: clamp(1.55rem, 3.2vw, 1.95rem);
	font-weight: 800;
	line-height: 1.4;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 0.12rem;
	text-align: left;
	color: var(--bingo-white);
}

.liqgen-hero-title span {
	display: block;
}

.liqgen-hero-accent {
	color: #007A5A;
	font-weight: 800;
}

.liqgen-hero-lead {
	margin: 0 0 0.85rem;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.9;
	opacity: 0.95;
}

.liqgen-hero-pack {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	opacity: 0.95;
}

.liqgen-products {
	background: #25292C;
	padding-bottom: 2.75rem;
}

.liqgen-products-head {
	background: #25292C;
	padding: 1.35rem 0 0.35rem;
	margin-bottom: 1.25rem;
}

.liqgen-products-head h2 {
	margin: 0;
	text-align: center;
	color: var(--bingo-white);
	font-size: clamp(1.05rem, 2vw, 1.35rem);
	font-weight: 700;
}

.liqgen-products-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.35rem;
	/* Full .container width — align outer edges with header logo */
	width: 100%;
	max-width: 100%;
	margin: 0;
	box-sizing: border-box;
}

.liqgen-card {
	position: relative;
	aspect-ratio: 1169 / 476;
	min-height: 0;
	height: auto;
	width: 100%;
	border-radius: var(--bingo-radius);
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #01572F;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.32);
	overflow: hidden;
	display: block;
	transition: transform 0.35s ease, box-shadow 0.35s ease;
	animation: bingo-rise 0.7s ease both;
}

.liqgen-card:nth-child(2) {
	animation-delay: 0.08s;
}

.liqgen-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.34);
}

.liqgen-card-body {
	position: absolute;
	top: 0;
	left: 0;
	right: auto;
	bottom: 0;
	z-index: 1;
	width: min(100%, 50%);
	padding: 1.35rem 1.5rem 1.35rem 5.25rem;
	color: var(--bingo-white);
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 0.35rem;
	box-sizing: border-box;
	direction: ltr;
	font-family: Vazirmatn, Tahoma, system-ui, sans-serif;
}

.liqgen-card-body > * {
	direction: rtl;
	text-align: left;
	width: auto;
	max-width: 100%;
	margin-inline: 0;
	box-sizing: border-box;
}

.liqgen-card-kicker {
	margin: 0;
	font-size: 26px;
	font-weight: 700;
	letter-spacing: -0.01em;
	line-height: 1.45;
	color: #FFFFFF;
	text-align: left;
}

.liqgen-card-title {
	margin: 0.15rem 0 0;
	font-size: clamp(1.35rem, 2.2vw, 1.7rem);
	font-weight: 600;
	line-height: 1.35;
	color: #00B67A;
	text-align: left;
}

.liqgen-card-title-mobile {
	display: none;
}

.liqgen-card-title-desktop {
	display: inline;
}

.liqgen-size {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 0.7rem 2rem;
	margin: 0.85rem 0 0.1rem;
	border: none;
	border-radius: 10px;
	background: #00B67A;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2;
}

.liqgen-card-desc-mobile {
	display: none;
	margin: 0;
	font-size: 12.5px;
	line-height: 1.7;
	font-weight: 500;
	opacity: 0.95;
	text-align: left;
	max-width: none;
}

.liqgen-card-desc p {
	margin: 0;
	font-size: 18px;
	line-height: 1.8;
	font-weight: 500;
	opacity: 0.95;
	text-align: left;
}

.liqgen-digi-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	min-height: 40px;
	padding: 0.55rem 1.25rem;
	border: none;
	border-radius: 8px;
	background: #EC1C34;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	transition: background 0.2s ease, transform 0.2s ease, filter 0.2s ease;
}

.liqgen-digi-btn:hover {
	background: #EC1C34;
	filter: brightness(0.92);
	transform: translateY(-1px);
}

.liqgen-digi-icon {
	width: 22px;
	height: 22px;
	object-fit: contain;
	flex-shrink: 0;
}

.liqgen-shops {
	padding: 2.25rem 0;
	background: var(--bingo-green-teal);
}

.liqgen-shops-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	align-items: stretch;
}

.liqgen-shop-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	gap: 1.15rem;
	padding: 1.85rem 1.35rem 1.4rem;
	border-radius: 20px;
	background: var(--bingo-white);
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.18), 0 2px 8px rgba(0, 0, 0, 0.1);
	text-align: center;
	min-height: 210px;
	animation: bingo-rise 0.7s ease both;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.liqgen-shop-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22), 0 4px 12px rgba(0, 0, 0, 0.12);
}

.liqgen-shop-card:nth-child(2) {
	animation-delay: 0.06s;
}

.liqgen-shop-card:nth-child(3) {
	animation-delay: 0.12s;
}

.liqgen-shop-card img {
	width: auto;
	max-width: 58%;
	max-height: 72px;
	height: auto;
	object-fit: contain;
	margin-inline: auto;
}

/* Tapsi logo renders smaller in-box — scale to match Okala/Snapp */
.liqgen-shop-card:nth-child(2) img {
	max-width: 78%;
	max-height: 80px;
}

.liqgen-shop-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 0.7rem 1.25rem;
	border: 1.5px solid var(--bingo-green-alt);
	border-radius: 12px;
	background: var(--bingo-white);
	color: var(--bingo-green-alt);
	font-size: 0.9rem;
	font-weight: 600;
	line-height: 1.3;
	transition: background 0.2s ease, color 0.2s ease;
}

.liqgen-shop-btn:hover {
	background: var(--bingo-green-alt);
	color: var(--bingo-white);
}

.liqgen-about {
	padding: 2.5rem 0 2.85rem;
	background: #F7F8F3;
}

.liqgen-about-inner {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
	gap: 2rem 2.5rem;
	align-items: start;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
}

.liqgen-about-copy p {
	margin: 0;
	font-size: 16px;
	line-height: 1.85;
	font-weight: 500;
	color: #384652;
	text-align: center;
	max-width: 40rem;
	margin-inline: auto;
}

.liqgen-features-title {
	margin: 0 0 0.75rem;
	font-size: 16px;
	font-weight: 800;
	color: #007A5A;
	text-align: center;
}

.liqgen-features ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
}

.liqgen-features li {
	position: relative;
	padding-inline-start: 1.15rem;
	font-size: 15px;
	line-height: 1.7;
	font-weight: 600;
	color: #384652;
}

.liqgen-features li::before {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	top: 0.62em;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #00B67A;
}

.liqgen-newsletter {
	background: #006B63;
}

.liqgen-newsletter .newsletter-text,
.liqgen-newsletter .newsletter-icon,
.liqgen-newsletter-copy,
.liqgen-newsletter-copy strong,
.liqgen-newsletter-copy span {
	color: var(--bingo-white);
}

.liqgen-newsletter-copy {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

.liqgen-newsletter-copy strong {
	font-size: 1rem;
	font-weight: 800;
}

.liqgen-newsletter-copy span {
	font-size: 0.875rem;
	opacity: 0.92;
}

@media (max-width: 900px) {
	.liqgen-hero-video--desktop {
		display: none;
	}

	.liqgen-hero-video--mobile {
		display: block;
	}

	/* Hero mobile — full copy pinned low so it clears the product video (desktop unchanged) */
	.liqgen-hero {
		flex-direction: column;
		justify-content: flex-end;
		align-items: stretch;
		min-height: 100vh;
		min-height: 100dvh;
		padding-top: 0;
	}

	.liqgen-page .liqgen-hero-video--mobile,
	.liqgen-page .liqgen-hero-fallback {
		object-position: center 18%;
	}

	.liqgen-page .liqgen-hero-content {
		margin-inline: auto;
		width: min(100% - 2.5rem, var(--bingo-container));
		margin-top: auto;
		padding: 0 0 max(1.5rem, env(safe-area-inset-bottom, 0px));
		background: none;
		box-shadow: none;
		direction: rtl;
		text-align: right;
		align-items: flex-start;
		gap: 0;
	}

	.liqgen-hero-content > * {
		direction: rtl;
		text-align: right;
		max-width: min(100%, 22rem);
		width: auto;
	}

	.liqgen-page .liqgen-hero-eyebrow {
		display: block !important;
		visibility: visible !important;
		margin: 0 0 0.45rem;
		font-size: 0.8125rem;
		font-weight: 600;
		line-height: 1.5;
		color: #FFFFFF !important;
		opacity: 1;
		text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
	}

	.liqgen-page .liqgen-hero-title {
		margin: 0 0 0.65rem;
		font-size: clamp(1.35rem, 6.2vw, 1.7rem);
		font-weight: 800;
		line-height: 1.3;
		align-items: flex-start;
		gap: 0.12rem;
		color: #FFFFFF;
		text-shadow: none;
	}

	.liqgen-page .liqgen-hero-title .liqgen-hero-accent {
		color: #007757 !important;
		-webkit-text-fill-color: #007757;
		text-shadow: 0 0 1px rgba(255, 255, 255, 0.35), 0 1px 2px rgba(0, 0, 0, 0.25);
	}

	.liqgen-page .liqgen-hero-title > span:not(.liqgen-hero-accent) {
		color: #FFFFFF !important;
		-webkit-text-fill-color: #FFFFFF;
		font-size: 0.92em;
		font-weight: 800;
	}

	.liqgen-page .liqgen-hero-lead {
		display: block;
		margin: 0 0 0.45rem;
		font-size: 0.8125rem;
		font-weight: 500;
		line-height: 1.8;
		opacity: 0.98;
		color: #FFFFFF;
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
	}

	.liqgen-page .liqgen-hero-pack {
		display: block;
		margin: 0;
		font-size: 0.8125rem;
		font-weight: 600;
		line-height: 1.75;
		opacity: 0.98;
		color: #FFFFFF;
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
	}

	/* Mobile cards — pixel-match mockup art (text/CTA baked in); HTML kept for a11y + Digi hit target */
	.liqgen-products-grid {
		gap: 1.1rem;
	}

	.liqgen-card {
		aspect-ratio: 987 / 555;
		min-height: 0;
		height: auto;
		border-radius: 20px;
		background-image: var(--liqgen-bg-m) !important;
		background-size: 100% 100%;
		background-position: center top;
		background-repeat: no-repeat;
		background-color: #031809;
		overflow: hidden;
		display: block;
		direction: ltr;
		box-shadow: none;
		transform: none;
	}

	.liqgen-card:hover {
		transform: none;
		box-shadow: none;
	}

	#liqgen-1000,
	#liqgen-1900 {
		background-color: #031809;
	}

	.liqgen-card-body {
		position: absolute;
		inset: 0;
		width: 100%;
		max-width: 100%;
		height: auto;
		min-height: 0;
		padding: 0;
		gap: 0;
		justify-content: stretch;
		align-items: stretch;
		background: none;
	}

	.liqgen-card-kicker,
	.liqgen-card-title,
	.liqgen-size,
	.liqgen-card-desc,
	.liqgen-card-desc-mobile,
	.liqgen-card-body > .liqgen-card-desc-mobile {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
	}

	.liqgen-card-title-desktop {
		display: none;
	}

	.liqgen-card-title-mobile {
		display: inline;
	}

	.liqgen-digi-btn {
		position: absolute;
		inset: 0;
		width: 100%;
		max-width: 100%;
		min-height: 0;
		height: 100%;
		margin: 0;
		padding: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
		filter: none;
		transform: none;
		font-size: 0;
		line-height: 0;
		gap: 0;
		color: transparent;
	}

	.liqgen-digi-btn:hover {
		background: transparent;
		filter: none;
		transform: none;
	}

	.liqgen-digi-btn span,
	.liqgen-digi-icon {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
	}

	.liqgen-shops-grid {
		grid-template-columns: 1fr;
		/* Full container — outer edges align with header logo column */
		max-width: none;
		width: min(100% - 2rem, var(--bingo-container));
	}

	.liqgen-about-inner {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}

	.liqgen-about-copy p {
		font-size: 14px;
		line-height: 1.8;
		text-align: justify;
		text-justify: inter-word;
		max-width: 100%;
	}

	.liqgen-features-title {
		text-align: right;
	}

	.liqgen-features ul {
		align-items: stretch;
	}

	.liqgen-features li {
		text-align: right;
	}
}

@media (max-width: 640px) {
	.liqgen-products-head h2 {
		font-size: 1rem;
		padding-inline: 0.5rem;
	}

	.liqgen-card {
		aspect-ratio: 987 / 555;
		border-radius: 16px;
		background-image: var(--liqgen-bg-m) !important;
		background-size: 100% 100%;
		background-position: center top;
		background-repeat: no-repeat;
		background-color: #031809;
		direction: ltr;
		box-shadow: none;
	}

	#liqgen-1000,
	#liqgen-1900 {
		background-color: #031809;
	}

	.liqgen-card-body {
		position: absolute;
		inset: 0;
		width: 100%;
		max-width: 100%;
		min-height: 0;
		padding: 0;
		gap: 0;
		justify-content: stretch;
		background: none;
	}

	.liqgen-digi-btn {
		position: absolute;
		inset: 0;
		width: 100%;
		max-width: 100%;
		min-height: 0;
		height: 100%;
		margin: 0;
		padding: 0;
		border-radius: 0;
		background: transparent;
		font-size: 0;
	}
}

/* ---------- Liquid laundry DARK product (bingoiran.com/.../مایع-لباسشویی-تیره-شوی-بینگو) — colors from جنرال ---------- */
.liqdark-page {
	background: var(--bingo-white);
}

.liqdark-hero {
	position: relative;
	min-height: 100vh;
	min-height: 100dvh;
	display: flex;
	align-items: flex-end;
	overflow: hidden;
	background: #0a3d32;
}

.liqdark-hero-media {
	position: absolute;
	inset: 0;
}

.liqdark-hero-video,
.liqdark-hero-fallback {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.liqdark-hero-video {
	z-index: 1;
}

.liqdark-hero-video--mobile {
	display: none;
}

.liqdark-hero-fallback {
	z-index: 0;
}

.liqdark-hero-content {
	position: relative;
	z-index: 2;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	padding: calc(var(--bingo-header-h) + 2rem) 0 8.5rem;
	color: var(--bingo-white);
	direction: ltr;
	text-align: left;
	animation: bingo-rise 0.8s ease both;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
}

.liqdark-hero-content > * {
	direction: rtl;
	text-align: left;
	width: auto;
	max-width: min(100%, 560px);
	margin: 0;
	box-sizing: border-box;
}

.liqdark-hero-eyebrow {
	margin: 0 0 0.75rem;
	font-size: 15px;
	font-weight: 500;
	opacity: 0.95;
	color: var(--bingo-white);
}

.liqdark-hero-title {
	margin: 0 0 1rem;
	font-size: clamp(1.6rem, 3.5vw, 2.2rem);
	font-weight: 800;
	line-height: 1.35;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 0.15rem;
	text-align: left;
	color: var(--bingo-white);
}

.liqdark-hero-title span {
	display: block;
}

.liqdark-hero-accent {
	color: #007A5A;
	font-weight: 800;
}

.liqdark-hero-lead {
	margin: 0 0 0.85rem;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.9;
	opacity: 0.95;
}

.liqdark-hero-pack {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	opacity: 0.95;
}

.liqdark-products {
	background: #25292C;
	padding-bottom: 2.75rem;
}

.liqdark-products-head {
	background: #25292C;
	padding: 1.35rem 0 0.35rem;
	margin-bottom: 1.25rem;
}

.liqdark-products-head h2 {
	margin: 0;
	text-align: center;
	color: var(--bingo-white);
	font-size: clamp(1.05rem, 2vw, 1.35rem);
	font-weight: 700;
}

.liqdark-products-title-mobile,
.liqdark-kicker-mobile {
	display: none;
}

.liqdark-products-title-desktop,
.liqdark-kicker-desktop {
	display: inline;
}

.liqdark-products-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.35rem;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	box-sizing: border-box;
}

.liqdark-card {
	position: relative;
	aspect-ratio: 1169 / 476;
	min-height: 0;
	height: auto;
	width: 100%;
	border-radius: var(--bingo-radius);
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #01572F;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.32);
	overflow: hidden;
	display: block;
	transition: transform 0.35s ease, box-shadow 0.35s ease;
	animation: bingo-rise 0.7s ease both;
}

.liqdark-card:nth-child(2) {
	animation-delay: 0.08s;
}

/* Hide left-edge color strip on first product card */
#liqdark-1000 {
	background-color: #031708;
}

.liqdark-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.34);
}

.liqdark-card-body {
	position: absolute;
	top: 0;
	left: 0;
	right: auto;
	bottom: 0;
	z-index: 1;
	width: min(100%, 52%);
	padding: 1.35rem 1.25rem 1.35rem 3.85rem;
	color: var(--bingo-white);
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	box-sizing: border-box;
	direction: ltr;
	font-family: Vazirmatn, Tahoma, system-ui, sans-serif;
	gap: 0.45rem;
}

.liqdark-card-body > * {
	direction: rtl;
	text-align: left;
	width: auto;
	max-width: 100%;
	margin-inline: 0;
	box-sizing: border-box;
}

.liqdark-card-kicker {
	margin: 0;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.35;
	color: var(--bingo-white);
	text-align: left;
}

.liqdark-card-title {
	margin: -0.1rem 0 0;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.3;
	color: #00B67A;
	text-align: left;
}

.liqdark-size {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 8px 24px;
	margin: 1.75rem 0 1.25rem;
	border: none;
	border-radius: 8px;
	background: #00B67A;
	color: #FFFFFF;
	font-size: 19px;
	font-weight: 500;
	line-height: 1.2;
}

.liqdark-card-desc-mobile {
	display: none;
	margin: 0;
	font-size: 15px;
	line-height: 1.55;
	font-weight: 300;
	opacity: 1;
	text-align: left;
	max-width: 100%;
	color: var(--bingo-white);
}

.liqdark-card-desc {
	margin: 0;
	width: auto;
	max-width: 100%;
}

.liqdark-card-desc p {
	margin: 0;
	font-size: 18px;
	line-height: 1.55;
	font-weight: 300;
	opacity: 1;
	color: var(--bingo-white);
	text-align: left;
}

.liqdark-card-desc p + p {
	margin-top: 0.15rem;
}

.liqdark-digi-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	min-height: 40px;
	padding: 0.55rem 1.25rem;
	border: none;
	border-radius: 8px;
	background: #EC1C34;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	transition: background 0.2s ease, transform 0.2s ease, filter 0.2s ease;
}

.liqdark-digi-btn:hover {
	background: #EC1C34;
	filter: brightness(0.92);
	transform: translateY(-1px);
}

.liqdark-digi-icon {
	width: 22px;
	height: 22px;
	object-fit: contain;
	flex-shrink: 0;
}

.liqdark-shops {
	padding: 2.25rem 0;
	background: var(--bingo-green-teal);
}

.liqdark-shops-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	align-items: stretch;
}

.liqdark-shop-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	gap: 1.15rem;
	padding: 1.85rem 1.35rem 1.4rem;
	border-radius: 20px;
	background: var(--bingo-white);
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.18), 0 2px 8px rgba(0, 0, 0, 0.1);
	text-align: center;
	min-height: 210px;
	animation: bingo-rise 0.7s ease both;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.liqdark-shop-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22), 0 4px 12px rgba(0, 0, 0, 0.12);
}

.liqdark-shop-card:nth-child(2) {
	animation-delay: 0.06s;
}

.liqdark-shop-card:nth-child(3) {
	animation-delay: 0.12s;
}

.liqdark-shop-card img {
	width: auto;
	max-width: 58%;
	max-height: 72px;
	height: auto;
	object-fit: contain;
	margin-inline: auto;
}

/* Tapsi logo renders smaller in-box — scale to match Okala/Snapp */
.liqdark-shop-card:nth-child(2) img {
	max-width: 78%;
	max-height: 80px;
}

.liqdark-shop-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 0.7rem 1.25rem;
	border: 1.5px solid var(--bingo-green-alt);
	border-radius: 12px;
	background: var(--bingo-white);
	color: var(--bingo-green-alt);
	font-size: 0.9rem;
	font-weight: 600;
	line-height: 1.3;
	transition: background 0.2s ease, color 0.2s ease;
}

.liqdark-shop-btn:hover {
	background: var(--bingo-green-alt);
	color: var(--bingo-white);
}

.liqdark-about {
	padding: 2.5rem 0 2.85rem;
	background: #F7F8F3;
}

.liqdark-about-inner {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
	gap: 2rem 2.5rem;
	align-items: start;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
}

.liqdark-about-copy p {
	/* Full .container width: right = menu start, left = header logo */
	margin: 0;
	max-width: 100%;
	width: 100%;
	font-size: 16px;
	line-height: 1.85;
	font-weight: 500;
	color: #384652;
	text-align: right;
}

.liqdark-features-title {
	margin: 0 0 0.75rem;
	font-size: 16px;
	font-weight: 800;
	color: #007A5A;
	text-align: right;
}

.liqdark-features ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
}

.liqdark-features li {
	position: relative;
	padding-inline-start: 1.15rem;
	font-size: 15px;
	line-height: 1.7;
	font-weight: 600;
	color: #384652;
}

.liqdark-features li::before {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	top: 0.62em;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #00B67A;
}

.liqdark-newsletter {
	background: #006B63;
}

.liqdark-newsletter .newsletter-text,
.liqdark-newsletter .newsletter-icon,
.liqdark-newsletter-copy,
.liqdark-newsletter-copy strong,
.liqdark-newsletter-copy span {
	color: var(--bingo-white);
}

.liqdark-newsletter-copy {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

.liqdark-newsletter-copy strong {
	font-size: 1rem;
	font-weight: 800;
}

.liqdark-newsletter-copy span {
	font-size: 0.875rem;
	opacity: 0.92;
}

@media (min-width: 901px) {
	.liqdark-products-grid {
		grid-template-columns: 1fr;
		/* Full .container width — align with header logo edge */
		max-width: none;
		width: min(100% - 2rem, var(--bingo-container));
	}
}

@media (max-width: 900px) {
	/* Hero mobile — bottom-right copy, clear of product video; align with hamburger (desktop unchanged) */
	.liqdark-hero {
		flex-direction: column;
		justify-content: flex-end;
		align-items: stretch;
		padding-top: 0;
	}

	.liqdark-hero-video--desktop {
		display: none;
	}

	.liqdark-hero-video--mobile {
		display: block;
	}

	.liqdark-page .liqdark-hero-video--mobile,
	.liqdark-page .liqdark-hero-fallback {
		/* Keep bottle higher so bottom copy stays clear */
		object-position: center 18%;
	}

	.liqdark-page .liqdark-hero-content {
		/* Same gutter as .container / header-inner → lines up with hamburger */
		margin-inline: auto;
		margin-top: auto;
		width: min(100% - 2rem, var(--bingo-container));
		padding: 0 0 max(1.25rem, env(safe-area-inset-bottom, 0px));
		background: none;
		box-shadow: none;
		direction: rtl;
		text-align: right;
		align-items: flex-start;
		gap: 0;
	}

	.liqdark-page .liqdark-hero-content > * {
		direction: rtl;
		text-align: right;
		max-width: min(100%, 22rem);
		width: auto;
		margin-inline-start: 0;
		margin-inline-end: 0;
		align-self: flex-start;
	}

	.liqdark-page .liqdark-hero-eyebrow {
		font-size: 13px;
		margin: 0 0 0.55rem;
		text-align: right;
	}

	.liqdark-page .liqdark-hero-title {
		font-size: 1.45rem;
		align-items: flex-start;
		text-align: right;
	}

	.liqdark-page .liqdark-hero-accent {
		color: #007A5A;
	}

	.liqdark-page .liqdark-hero-lead,
	.liqdark-page .liqdark-hero-pack {
		font-size: 13px;
		line-height: 1.75;
		text-align: right;
	}

	/* Mobile cards — exact mockup: Page03 bg full-bleed in frame, HTML overlay left, bottle right */
	.liqdark-products-grid {
		gap: 1.1rem;
		width: min(100% - 1.5rem, var(--bingo-container));
	}

	.liqdark-card {
		aspect-ratio: 986 / 716;
		min-height: 0;
		height: auto;
		border-radius: 22px;
		background-image: var(--liqdark-bg-m) !important;
		background-size: cover;
		background-position: 62% center;
		background-repeat: no-repeat;
		background-color: #01572F;
		overflow: hidden;
		display: block;
		direction: ltr;
		box-shadow: none;
		transform: none;
	}

	.liqdark-card:hover {
		transform: none;
		box-shadow: none;
	}

	#liqdark-1000,
	#liqdark-1900 {
		aspect-ratio: 986 / 716;
		min-height: 0;
		height: auto;
		background-color: #01572F;
		background-image: var(--liqdark-bg-m) !important;
		background-size: cover;
		background-position: 62% center;
		background-repeat: no-repeat;
	}

	.liqdark-card-body {
		position: absolute;
		top: 0;
		left: 0;
		right: auto;
		/* Content-sized height so CTA gap isn't flex-compressed when copy wraps differently */
		bottom: auto;
		width: 62%;
		max-width: 62%;
		height: auto;
		min-height: 0;
		padding: 1.25rem 0.4rem 1.2rem 1rem;
		gap: 0.14rem;
		justify-content: flex-start;
		align-items: flex-start;
		background: none;
		box-sizing: border-box;
	}

	.liqdark-card-body > * {
		flex-grow: 0;
		flex-shrink: 0;
	}

	.liqdark-card-kicker,
	.liqdark-card-title {
		font-size: 1.25rem;
		line-height: 1.2;
		font-weight: 700;
	}

	.liqdark-card-kicker {
		color: var(--bingo-white);
		margin: 0;
	}

	.liqdark-card-title {
		margin: 0.08rem 0 0;
		color: #00B67A;
		font-size: 1.125rem;
		font-weight: 700;
	}

	.liqdark-size {
		display: inline-flex;
		align-self: flex-start;
		min-height: 34px;
		padding: 0.4rem 1.25rem;
		font-size: 0.875rem;
		font-weight: 600;
		margin: 0.7rem 0 0.55rem;
		border-radius: 6px;
		background: #00B67A;
		color: #FFFFFF;
	}

	.liqdark-card-desc {
		display: none;
	}

	.liqdark-card-desc-mobile {
		display: block;
		font-size: 0.8125rem;
		line-height: 1.55;
		font-weight: 400;
		max-width: 100%;
		opacity: 0.98;
		color: var(--bingo-white);
		/* Gap to CTA comes only from .liqdark-digi-btn margin-top (same both cards) */
		margin: 0;
	}

	.liqdark-products-title-desktop,
	.liqdark-kicker-desktop {
		display: none;
	}

	.liqdark-products-title-mobile,
	.liqdark-kicker-mobile {
		display: inline;
	}

	.liqdark-digi-btn {
		align-self: flex-start;
		justify-content: center;
		min-height: 42px;
		width: 72%;
		max-width: 12.5rem;
		box-sizing: border-box;
		padding: 0.4rem 0.7rem 0.4rem 0.55rem;
		font-size: 0.8125rem;
		font-weight: 700;
		gap: 0.4rem;
		border-radius: 12px;
		/* Identical in-flow gap under copy on both product cards */
		position: static;
		inset: auto;
		margin-top: 0.7rem;
		margin-bottom: 0;
		background: #EC1C34;
		color: #FFFFFF;
	}

	.liqdark-digi-btn:hover {
		background: #EC1C34;
		filter: brightness(0.94);
		transform: none;
	}

	.liqdark-digi-icon {
		width: 22px;
		height: 22px;
		border-radius: 50%;
		object-fit: contain;
		flex-shrink: 0;
	}

	.liqdark-shops-grid {
		grid-template-columns: 1fr;
		/* Full container — outer edges align with header logo column */
		max-width: none;
		width: min(100% - 2rem, var(--bingo-container));
	}

	.liqdark-about-inner {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}

	.liqdark-about-copy p {
		font-size: 14px;
		line-height: 1.8;
	}
}

@media (max-width: 640px) {
	.liqdark-products-head h2 {
		font-size: 1rem;
		padding-inline: 0.5rem;
	}

	.liqdark-products-grid {
		gap: 1rem;
		width: min(100% - 1.25rem, var(--bingo-container));
	}

	.liqdark-card {
		aspect-ratio: 986 / 716;
		border-radius: 20px;
		background-image: var(--liqdark-bg-m) !important;
		background-size: cover;
		background-position: 62% center;
		background-repeat: no-repeat;
		background-color: #01572F;
		direction: ltr;
		overflow: hidden;
		box-shadow: none;
	}

	#liqdark-1000,
	#liqdark-1900 {
		aspect-ratio: 986 / 716;
		min-height: 0;
		height: auto;
		background-color: #01572F;
		background-image: var(--liqdark-bg-m) !important;
		background-size: cover;
		background-position: 62% center;
		background-repeat: no-repeat;
	}

	.liqdark-card-body {
		position: absolute;
		top: 0;
		left: 0;
		right: auto;
		bottom: auto;
		width: 62%;
		max-width: 62%;
		min-height: 0;
		padding: 1.1rem 0.3rem 1.05rem 0.85rem;
		gap: 0.1rem;
		background: none;
		box-sizing: border-box;
	}

	.liqdark-card-kicker {
		font-size: 1.125rem;
		line-height: 1.2;
		font-weight: 700;
	}

	.liqdark-card-title {
		font-size: 1rem;
		line-height: 1.2;
		font-weight: 700;
		color: #00B67A;
	}

	.liqdark-card-desc-mobile {
		font-size: 0.75rem;
		line-height: 1.5;
	}

	.liqdark-size {
		font-size: 0.8125rem;
		padding: 0.38rem 1.1rem;
		min-height: 32px;
		margin: 0.55rem 0 0.45rem;
		border-radius: 6px;
		background: #00B67A;
	}

	.liqdark-digi-btn {
		align-self: flex-start;
		width: 74%;
		max-width: 11.5rem;
		font-size: 0.75rem;
		min-height: 40px;
		padding: 0.35rem 0.55rem 0.35rem 0.45rem;
		gap: 0.35rem;
		position: static;
		inset: auto;
		margin-top: 0.7rem;
		margin-bottom: 0;
		border-radius: 12px;
		background: #EC1C34;
	}

	.liqdark-digi-icon {
		width: 20px;
		height: 20px;
		border-radius: 50%;
	}
}


/* ---------- Washing-machine powder PDP (bingoiran machine powder + screenshot) ---------- */
.wmpowder-page {
	background: var(--bingo-white);
}

.wmpowder-hero {
	position: relative;
	min-height: 100vh;
	min-height: 100dvh;
	display: flex;
	align-items: flex-end;
	overflow: hidden;
	background: #0a3d32;
}

.wmpowder-hero-media {
	position: absolute;
	inset: 0;
}

.wmpowder-hero-video,
.wmpowder-hero-fallback {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.wmpowder-hero-video {
	z-index: 1;
}

.wmpowder-hero-video--mobile {
	display: none;
}

.wmpowder-hero-fallback {
	z-index: 0;
}

.wmpowder-hero-content {
	position: relative;
	z-index: 2;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	padding: calc(var(--bingo-header-h) + 2rem) 0 4.5rem;
	color: var(--bingo-white);
	direction: ltr;
	text-align: left;
	animation: bingo-rise 0.8s ease both;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
}

.wmpowder-hero-content > * {
	direction: rtl;
	text-align: left;
	width: auto;
	max-width: min(100%, 34rem);
	margin: 0;
	box-sizing: border-box;
}

.wmpowder-hero-eyebrow {
	margin: 0 0 0.75rem;
	font-size: 15px;
	font-weight: 500;
	opacity: 0.95;
	line-height: 1.6;
}

.wmpowder-hero-title {
	margin: 0 0 1.15rem;
	font-size: clamp(1.55rem, 3.2vw, 2.1rem);
	font-weight: 800;
	line-height: 1.35;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 0.15rem;
	text-align: left;
	color: var(--bingo-white);
}

.wmpowder-hero-title span {
	display: block;
}

.wmpowder-hero-accent {
	color: #00B67A;
	font-weight: 800;
}

.wmpowder-hero-pack {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.9;
	opacity: 0.95;
}

.wmpowder-products {
	background: #25292C;
	padding-bottom: 2.75rem;
}

.wmpowder-products-head {
	background: #25292C;
	padding: 1.35rem 0 0.35rem;
	margin-bottom: 1.25rem;
}

.wmpowder-products-head h2 {
	margin: 0;
	text-align: center;
	color: var(--bingo-white);
	font-size: 18px;
	font-weight: 700;
}

.wmpowder-products-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.35rem;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	box-sizing: border-box;
}

.wmpowder-card {
	position: relative;
	aspect-ratio: 1169 / 476;
	min-height: 0;
	height: auto;
	width: 100%;
	border-radius: var(--bingo-radius);
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #01572F;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.32);
	overflow: hidden;
	display: block;
	transition: transform 0.35s ease, box-shadow 0.35s ease;
	animation: bingo-rise 0.7s ease both;
}

.wmpowder-card:nth-child(2) {
	animation-delay: 0.08s;
}

.wmpowder-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.34);
}

.wmpowder-card-body {
	position: absolute;
	top: 0;
	left: 0;
	right: auto;
	bottom: 0;
	z-index: 1;
	width: min(100%, 52%);
	padding: 1.25rem 1.4rem 1.25rem 4.5rem;
	color: var(--bingo-white);
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	box-sizing: border-box;
	direction: ltr;
}

.wmpowder-card-body > * {
	direction: rtl;
	text-align: left;
	width: auto;
	max-width: 100%;
	margin-inline: 0;
	box-sizing: border-box;
}

.wmpowder-card-kicker {
	margin: 0;
	font-size: 14px;
	font-weight: 700;
	color: var(--bingo-white);
	line-height: 1.55;
	opacity: 0.95;
}

.wmpowder-card-title {
	margin: 0.1rem 0 0.55rem;
	font-size: clamp(1.35rem, 2.9vw, 1.85rem);
	font-weight: 800;
	line-height: 1.35;
	color: var(--bingo-green-alt);
}

.wmpowder-size {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 0;
	padding: 0.28rem 0.85rem;
	margin-bottom: 0.75rem;
	border-radius: 12px;
	background: #00B67A;
	color: var(--bingo-white);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.4;
}

.wmpowder-card-bullets {
	margin: 0 0 0.75rem;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

.wmpowder-card-bullets li {
	position: relative;
	padding-inline-start: 1rem;
	font-size: 12px;
	line-height: 1.75;
	font-weight: 500;
	opacity: 0.96;
}

.wmpowder-card-bullets li::before {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	top: 0.65em;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #00B67A;
}

.wmpowder-digi-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	min-height: 0;
	padding: 0.42rem 0.85rem;
	border-radius: 12px;
	background: #ec1c34;
	color: var(--bingo-white);
	font-size: 0.8rem;
	font-weight: 600;
	line-height: 1.3;
	transition: background 0.2s ease, transform 0.2s ease, filter 0.2s ease;
}

.wmpowder-digi-btn:hover {
	background: #ec1c34;
	filter: brightness(0.92);
	transform: translateY(-1px);
}

.wmpowder-digi-icon {
	width: 18px;
	height: 18px;
	object-fit: contain;
	flex-shrink: 0;
}

.wmpowder-shops {
	padding: 2.5rem 0 2.75rem;
	background: #006B63;
}

.wmpowder-shops-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.35rem;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	align-items: stretch;
}

.wmpowder-shop-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	gap: 0.7rem;
	padding: 0.85rem 0.7rem 0.75rem;
	border-radius: 12px;
	background: var(--bingo-white);
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.18), 0 2px 8px rgba(0, 0, 0, 0.1);
	text-align: center;
	min-height: 148px;
	animation: bingo-rise 0.7s ease both;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.wmpowder-shop-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22), 0 4px 12px rgba(0, 0, 0, 0.12);
}

.wmpowder-shop-card:nth-child(2) {
	animation-delay: 0.06s;
}

.wmpowder-shop-card:nth-child(3) {
	animation-delay: 0.12s;
}

.wmpowder-shop-card img {
	width: auto;
	max-width: 58%;
	max-height: 52px;
	height: auto;
	object-fit: contain;
	margin-inline: auto;
}

.wmpowder-shop-card:nth-child(2) img {
	max-width: 78%;
	max-height: 68px;
}

.wmpowder-shop-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	width: 100%;
	padding: 0.42rem 0.65rem;
	border: 1px solid var(--bingo-green-alt);
	border-radius: 12px;
	background: var(--bingo-white);
	color: var(--bingo-green-alt);
	font-size: 0.8rem;
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
	transition: background 0.2s ease, color 0.2s ease;
}

.wmpowder-shop-btn:hover {
	background: var(--bingo-green-alt);
	color: var(--bingo-white);
}

.wmpowder-about {
	padding: 2.75rem 0 3rem;
	background: #F7F8F3;
}

.wmpowder-about-inner {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
	gap: 2rem 3rem;
	align-items: start;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
}

.wmpowder-features-title {
	margin: 0 0 0.9rem;
	font-size: 1.15rem;
	font-weight: 800;
	color: #007A5A;
}

.wmpowder-features ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
}

.wmpowder-features li {
	position: relative;
	padding-inline-start: 1.65rem;
	font-size: 15px;
	line-height: 1.7;
	font-weight: 600;
	color: #384652;
}

.wmpowder-features li::before {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	top: 0.35em;
	width: 1.05rem;
	height: 1.05rem;
	border-radius: 50%;
	background: #00B67A;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
	background-size: 0.7rem;
	background-repeat: no-repeat;
	background-position: center;
}

.wmpowder-about-copy p {
	margin: 0;
	font-size: 16px;
	line-height: 1.9;
	font-weight: 500;
	color: #384652;
	text-align: justify;
}

.wmpowder-newsletter {
	background: #00B67B;
}

.wmpowder-newsletter .newsletter-text,
.wmpowder-newsletter .newsletter-icon,
.wmpowder-newsletter-copy,
.wmpowder-newsletter-copy strong,
.wmpowder-newsletter-copy span {
	color: var(--bingo-white);
}

.wmpowder-newsletter-copy {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

.wmpowder-newsletter-copy strong {
	font-size: 1rem;
	font-weight: 800;
}

.wmpowder-newsletter-copy span {
	font-size: 0.875rem;
	opacity: 0.92;
}

@media (max-width: 900px) {
	.wmpowder-hero {
		justify-content: flex-end;
		align-items: stretch;
		min-height: 92vh;
	}

	.wmpowder-hero-video--desktop {
		display: none;
	}

	.wmpowder-hero-video--mobile {
		display: block;
	}

	.wmpowder-hero-content {
		padding: 2rem 0 3rem;
		align-items: center;
	}

	.wmpowder-hero-content > * {
		text-align: center;
		max-width: 22rem;
	}

	.wmpowder-hero-title {
		align-items: center;
		font-size: 1.5rem;
	}

	.wmpowder-card {
		aspect-ratio: auto;
		min-height: 280px;
		background-size: cover;
	}

	.wmpowder-card-body {
		width: 72%;
		padding: 1.25rem 1.1rem 1.25rem 1.5rem;
	}

	.wmpowder-shops-grid {
		grid-template-columns: 1fr;
		max-width: 320px;
	}

	.wmpowder-about-inner {
		grid-template-columns: 1fr;
		gap: 1.75rem;
	}

	.wmpowder-features-title {
		text-align: center;
	}

	.wmpowder-about-copy p {
		font-size: 14px;
		line-height: 1.85;
		text-align: center;
	}
}

@media (max-width: 640px) {
	.wmpowder-products-head h2 {
		font-size: 16px;
		padding-inline: 0.5rem;
	}

	.wmpowder-card-body {
		width: 78%;
		padding: 1rem 0.9rem 1rem 1.15rem;
	}

	.wmpowder-card-kicker {
		font-size: 13px;
	}

	.wmpowder-card-title {
		font-size: 1.35rem;
	}

	.wmpowder-size {
		font-size: 11px;
		padding: 0.24rem 0.7rem;
	}

	.wmpowder-card-bullets li {
		font-size: 11px;
	}

	.wmpowder-digi-btn {
		font-size: 0.75rem;
		padding: 0.38rem 0.7rem;
	}
}


/* ---------- Hand-wash powder PDP (screenshot + bingoiran Elementor colors) ---------- */
.hpowder-page {
	background: var(--bingo-white);
}

.hpowder-hero {
	position: relative;
	min-height: 100vh;
	min-height: 100dvh;
	display: flex;
	align-items: flex-end;
	overflow: hidden;
	background: #0a3d32;
	/* Seal 1px seam vs next section (avoids thin white bar) */
	margin-bottom: -1px;
}

.hpowder-hero-media {
	position: absolute;
	inset: 0;
}

.hpowder-hero-video,
.hpowder-hero-fallback {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.hpowder-hero-video {
	z-index: 1;
}

.hpowder-hero-video--mobile {
	display: none;
}

.hpowder-hero-fallback {
	z-index: 0;
}

.hpowder-hero-content {
	position: relative;
	z-index: 2;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	padding: calc(var(--bingo-header-h) + 2rem) 0 7.5rem;
	color: var(--bingo-white);
	direction: ltr;
	text-align: left;
	animation: bingo-rise 0.8s ease both;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
}

.hpowder-hero-content > * {
	direction: rtl;
	text-align: left;
	width: auto;
	max-width: min(100%, 34rem);
	margin: 0;
	box-sizing: border-box;
}

.hpowder-hero-eyebrow {
	margin: 0 0 0.75rem;
	font-size: 15px;
	font-weight: 500;
	opacity: 0.95;
	line-height: 1.6;
}

.hpowder-hero-title {
	margin: 0 0 1.15rem;
	font-size: clamp(1.55rem, 3.2vw, 2.1rem);
	font-weight: 800;
	line-height: 1.35;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 0.15rem;
	text-align: left;
	color: var(--bingo-white);
}

.hpowder-hero-title span {
	display: block;
}

.hpowder-hero-accent {
	color: #007A5A;
	font-weight: 800;
}

.hpowder-hero-pack {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.9;
	opacity: 0.95;
}

.hpowder-products {
	background: #25292C;
	padding-bottom: 2.75rem;
}

.hpowder-products-head {
	background: #25292C;
	padding: 1.35rem 0 0.35rem;
	margin-bottom: 1.25rem;
}

.hpowder-products-head h2 {
	margin: 0;
	text-align: center;
	color: var(--bingo-white);
	font-size: clamp(1.05rem, 2vw, 1.35rem);
	font-weight: 700;
}

.hpowder-products-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.35rem;
	/* Full .container width — align outer edges with header logo */
	width: 100%;
	max-width: 100%;
	margin: 0;
	box-sizing: border-box;
}

.hpowder-card {
	position: relative;
	aspect-ratio: 1169 / 476;
	min-height: 0;
	height: auto;
	width: 100%;
	border-radius: var(--bingo-radius);
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #01572F;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.32);
	overflow: hidden;
	display: block;
	transition: transform 0.35s ease, box-shadow 0.35s ease;
	animation: bingo-rise 0.7s ease both;
}

.hpowder-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.34);
}

.hpowder-card-body {
	position: absolute;
	top: 0;
	left: 0;
	right: auto;
	bottom: 0;
	z-index: 1;
	width: min(100%, 50%);
	padding: 1.35rem 1.5rem 1.35rem 5.25rem;
	color: var(--bingo-white);
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 0.35rem;
	box-sizing: border-box;
	direction: ltr;
	font-family: Vazirmatn, Tahoma, system-ui, sans-serif;
}

.hpowder-card-body > * {
	direction: rtl;
	text-align: left;
	width: auto;
	max-width: 100%;
	margin-inline: 0;
	box-sizing: border-box;
}

.hpowder-card-kicker {
	margin: 0;
	font-size: 26px;
	font-weight: 700;
	letter-spacing: -0.01em;
	line-height: 1.45;
	color: #FFFFFF;
	text-align: left;
	opacity: 1;
}

.hpowder-card-title {
	margin: 0.15rem 0 0;
	font-size: clamp(1.35rem, 2.2vw, 1.7rem);
	font-weight: 600;
	line-height: 1.35;
	color: #00B67A;
	text-align: left;
}

.hpowder-card-bullets {
	margin: 0.35rem 0 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

.hpowder-card-bullets li {
	position: relative;
	padding-inline-start: 0;
	margin: 0;
	font-size: 18px;
	line-height: 1.8;
	font-weight: 500;
	opacity: 0.95;
	text-align: left;
}

.hpowder-card-bullets li::before {
	content: none;
}

.hpowder-size {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	align-self: flex-start;
	width: auto;
	min-height: 42px;
	padding: 0.7rem 2rem;
	margin: 0.45rem 0 0.15rem;
	border: none;
	border-radius: 10px;
	background: #00B67A;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2;
	box-sizing: border-box;
}

.hpowder-digi-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	align-self: flex-start;
	gap: 0.45rem;
	width: auto;
	max-width: fit-content;
	min-height: 40px;
	padding: 0.55rem 1.25rem;
	border: none;
	border-radius: 8px;
	background: #EC1C34;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	direction: rtl;
	transition: background 0.2s ease, transform 0.2s ease, filter 0.2s ease;
}

.hpowder-digi-btn:hover {
	background: #ec1c34;
	filter: brightness(0.92);
	transform: translateY(-1px);
}

.hpowder-digi-icon {
	width: 22px;
	height: 22px;
	object-fit: contain;
	flex-shrink: 0;
}

.hpowder-shops {
	padding: 2.5rem 0 2.75rem;
	background: #006B63;
}

.hpowder-shops-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.35rem;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	align-items: stretch;
}

.hpowder-shop-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	gap: 1.15rem;
	padding: 1.85rem 1.35rem 1.4rem;
	border-radius: 16px;
	background: var(--bingo-white);
	box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.5);
	text-align: center;
	min-height: 210px;
	animation: bingo-rise 0.7s ease both;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hpowder-shop-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22), 0 4px 12px rgba(0, 0, 0, 0.12);
}

.hpowder-shop-card:nth-child(2) {
	animation-delay: 0.06s;
}

.hpowder-shop-card:nth-child(3) {
	animation-delay: 0.12s;
}

.hpowder-shop-card img {
	width: auto;
	max-width: 58%;
	max-height: 72px;
	height: auto;
	object-fit: contain;
	margin-inline: auto;
}

.hpowder-shop-card:nth-child(2) img {
	max-width: 78%;
	max-height: 80px;
}

.hpowder-shop-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	padding: 0.7rem 1.25rem;
	border: 1px solid #00B67A;
	border-radius: 16px;
	background: var(--bingo-white);
	color: #00B67A;
	font-size: 0.9rem;
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
	transition: background 0.2s ease, color 0.2s ease;
}

.hpowder-shop-btn:hover {
	background: #00B67A;
	color: var(--bingo-white);
}

.hpowder-about {
	padding: 2.75rem 0 3rem;
	background: #F7F8F3;
}

.hpowder-about-inner {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
	gap: 2rem 3rem;
	align-items: start;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
}

.hpowder-features-title {
	margin: 0 0 0.9rem;
	font-size: 1.15rem;
	font-weight: 800;
	color: #007A5A;
}

.hpowder-features ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
}

.hpowder-features li {
	position: relative;
	padding-inline-start: 1.65rem;
	font-size: 15px;
	line-height: 1.7;
	font-weight: 600;
	color: #384652;
}

.hpowder-features li::before {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	top: 0.35em;
	width: 1.05rem;
	height: 1.05rem;
	border-radius: 50%;
	background: #00B67A;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
	background-size: 0.7rem;
	background-repeat: no-repeat;
	background-position: center;
}

.hpowder-about-copy p {
	margin: 0;
	font-size: 16px;
	line-height: 1.9;
	font-weight: 500;
	color: #384652;
	text-align: justify;
}

.hpowder-newsletter {
	background: #00B67B;
}

.hpowder-newsletter .newsletter-text,
.hpowder-newsletter .newsletter-icon,
.hpowder-newsletter-copy,
.hpowder-newsletter-copy strong,
.hpowder-newsletter-copy span {
	color: var(--bingo-white);
}

.hpowder-newsletter-copy {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

.hpowder-newsletter-copy strong {
	font-size: 1rem;
	font-weight: 800;
}

.hpowder-newsletter-copy span {
	font-size: 0.875rem;
	opacity: 0.92;
}

@media (max-width: 900px) {
	/* Hand powder hero mobile — bottom-right copy matching softener page */
	.hpowder-hero {
		flex-direction: column;
		justify-content: flex-end;
		align-items: stretch;
		min-height: 92vh;
		min-height: 92dvh;
		padding-top: 0;
		box-sizing: border-box;
	}

	.hpowder-hero-video--desktop {
		display: none;
	}

	.hpowder-hero-video--mobile {
		display: block;
	}

	.hpowder-page .hpowder-hero-content {
		margin-inline: auto;
		width: min(100% - 2.5rem, var(--bingo-container));
		padding: 0 0 2.35rem !important;
		background: none;
		box-shadow: none;
		direction: rtl;
		text-align: right;
		align-items: flex-start;
		justify-content: flex-end;
		gap: 0;
	}

	.hpowder-page .hpowder-hero-content > * {
		direction: rtl;
		text-align: right !important;
		max-width: min(100%, 22rem);
		width: auto;
		margin-inline-start: 0;
		margin-inline-end: auto;
	}

	.hpowder-page .hpowder-hero-eyebrow {
		display: block;
		visibility: visible;
		margin: 0 0 0.5rem;
		font-size: 0.875rem;
		font-weight: 600;
		line-height: 1.5;
		color: #FFFFFF;
		opacity: 1;
		text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
	}

	.hpowder-page .hpowder-hero-title {
		margin: 0 0 0.85rem;
		font-size: clamp(2rem, 9.2vw, 2.45rem);
		font-weight: 800;
		line-height: 1.25;
		align-items: flex-start;
		gap: 0.2rem;
		color: #FFFFFF;
		text-shadow: none;
	}

	.hpowder-page .hpowder-hero-title .hpowder-hero-accent {
		color: #007757;
		-webkit-text-fill-color: #007757;
		text-shadow: 0 0 1px rgba(255, 255, 255, 0.35), 0 1px 2px rgba(0, 0, 0, 0.25);
	}

	.hpowder-page .hpowder-hero-title > span:not(.hpowder-hero-accent) {
		color: #FFFFFF;
		-webkit-text-fill-color: #FFFFFF;
		font-size: 0.9em;
		font-weight: 800;
	}

	.hpowder-hero-pack {
		margin: 0;
		font-size: 0.8125rem;
		font-weight: 500;
		line-height: 1.85;
		opacity: 0.98;
		text-shadow: none;
	}

	/* Mobile product box — match liqgen: frame fill + center-top background */
	.hpowder-products-grid {
		gap: 1.1rem;
	}

	.hpowder-card {
		aspect-ratio: 987 / 555;
		min-height: 0;
		height: auto;
		border-radius: 20px;
		background-size: 100% 100%;
		background-position: center top;
		background-repeat: no-repeat;
		background-color: #031809;
		overflow: hidden;
		display: block;
		direction: ltr;
		box-shadow: none;
		transform: none;
	}

	.hpowder-card:hover {
		transform: none;
		box-shadow: none;
	}

	.hpowder-card-body {
		width: 52%;
		max-width: 52%;
		padding: 1.1rem 0.55rem 1.1rem 1.25rem;
		gap: 0.2rem;
		justify-content: center;
	}

	.hpowder-card-kicker {
		font-size: clamp(1.05rem, 4.2vw, 1.25rem);
		font-weight: 700;
		line-height: 1.4;
	}

	.hpowder-card-title {
		margin: 0.1rem 0 0;
		font-size: clamp(1.15rem, 4.6vw, 1.4rem);
		font-weight: 600;
	}

	.hpowder-card-bullets {
		margin: 0.2rem 0 0;
		gap: 0.1rem;
	}

	.hpowder-card-bullets li {
		font-size: 12.5px;
		line-height: 1.65;
		font-weight: 500;
	}

	.hpowder-size {
		min-height: 36px;
		padding: 0.45rem 1.15rem;
		margin: 0.55rem 0 0.05rem;
		border-radius: 10px;
		font-size: 14px;
		font-weight: 600;
	}

	.hpowder-digi-btn {
		min-height: 38px;
		padding: 0.45rem 1rem;
		border-radius: 8px;
		font-size: 13.5px;
	}

	.hpowder-shops-grid {
		grid-template-columns: 1fr;
		width: min(100% - 2rem, var(--bingo-container));
		max-width: none;
		margin-inline: auto;
	}

	.hpowder-about-inner {
		grid-template-columns: 1fr;
		gap: 1.75rem;
	}

	.hpowder-features-title {
		text-align: center;
	}

	.hpowder-features ul {
		align-items: stretch;
	}

	.hpowder-features li {
		text-align: right;
	}

	.hpowder-about-copy p {
		font-size: 14px;
		line-height: 1.85;
		text-align: center;
		max-width: 100%;
	}
}

@media (max-width: 640px) {
	.hpowder-products-head h2 {
		font-size: 1rem;
		padding-inline: 0.5rem;
	}

	.hpowder-card {
		aspect-ratio: 987 / 555;
		min-height: 0;
		border-radius: 16px;
		background-size: 100% 100%;
		background-position: center top;
		background-repeat: no-repeat;
		background-color: #031809;
		direction: ltr;
		box-shadow: none;
	}

	.hpowder-card-body {
		width: 52%;
		max-width: 52%;
		padding: 0.95rem 0.4rem 0.95rem 1.05rem;
		gap: 0.15rem;
	}

	.hpowder-card-kicker {
		font-size: 1.05rem;
		font-weight: 700;
	}

	.hpowder-card-title {
		font-size: 1.2rem;
		font-weight: 600;
	}

	.hpowder-size {
		width: auto;
		min-height: 34px;
		padding: 0.4rem 1rem;
		margin: 0.45rem 0 0.05rem;
		border-radius: 10px;
		font-size: 13px;
		font-weight: 600;
	}

	.hpowder-card-bullets li {
		font-size: 12px;
		line-height: 1.55;
	}

	.hpowder-digi-btn {
		width: auto;
		max-width: fit-content;
		min-height: 36px;
		padding: 0.4rem 0.9rem;
		font-size: 12.5px;
	}
}

/* ---------- Dishwasher tablets PDP (hero video from bingoiran.com) ---------- */
.dtablets-page {
	background: var(--bingo-white);
}

.dtablets-hero {
	position: relative;
	min-height: 100vh;
	min-height: 100dvh;
	display: flex;
	align-items: flex-end;
	overflow: hidden;
	background: #0a3d32;
}

.dtablets-hero-media {
	position: absolute;
	inset: 0;
}

.dtablets-hero-video,
.dtablets-hero-fallback {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.dtablets-hero-video {
	z-index: 1;
}

.dtablets-hero-video--mobile {
	display: none;
}

.dtablets-hero-fallback {
	z-index: 0;
}

.dtablets-hero-content {
	position: relative;
	z-index: 2;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	padding: calc(var(--bingo-header-h) + 2rem) 0 4.5rem;
	color: var(--bingo-white);
	direction: ltr;
	text-align: left;
	animation: bingo-rise 0.8s ease both;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
}

.dtablets-hero-content > * {
	direction: rtl;
	text-align: left;
	width: auto;
	max-width: min(100%, 34rem);
	margin: 0;
	box-sizing: border-box;
}

.dtablets-hero-eyebrow {
	margin: 0 0 0.75rem;
	font-size: 15px;
	font-weight: 500;
	opacity: 0.95;
	line-height: 1.6;
}

.dtablets-hero-title {
	margin: 0 0 1.15rem;
	font-size: clamp(1.55rem, 3.2vw, 2.1rem);
	font-weight: 800;
	line-height: 1.35;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 0.15rem;
	text-align: left;
	color: var(--bingo-white);
}

.dtablets-hero-title span {
	display: block;
}

.dtablets-hero-accent {
	color: #007A5A;
	font-weight: 800;
}

.dtablets-hero-lead {
	margin: 0 0 0.85rem;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.9;
	opacity: 0.95;
}

.dtablets-hero-pack {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.9;
	opacity: 0.95;
}

.dtablets-products {
	background: #25292C;
	padding-bottom: 2.75rem;
}

.dtablets-products-head {
	background: #25292C;
	padding: 1.35rem 0 0.35rem;
	margin-bottom: 1.25rem;
}

.dtablets-products-head h2 {
	margin: 0;
	text-align: center;
	color: var(--bingo-white);
	font-size: clamp(1.05rem, 2vw, 1.35rem);
	font-weight: 700;
}

.dtablets-products-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.35rem;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	box-sizing: border-box;
}

.dtablets-card {
	position: relative;
	aspect-ratio: 1169 / 476;
	min-height: 0;
	height: auto;
	width: 100%;
	border-radius: var(--bingo-radius);
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #01572F;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.32);
	overflow: hidden;
	display: block;
	transition: transform 0.35s ease, box-shadow 0.35s ease;
	animation: bingo-rise 0.7s ease both;
}

.dtablets-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.34);
}

.dtablets-card-body {
	position: absolute;
	top: 0;
	left: 0;
	right: auto;
	bottom: 0;
	z-index: 1;
	width: min(100%, 52%);
	padding: 1.25rem 1.4rem 1.25rem 4.5rem;
	color: var(--bingo-white);
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	box-sizing: border-box;
	direction: ltr;
}

.dtablets-card-body > * {
	direction: rtl;
	text-align: left;
	width: auto;
	max-width: 100%;
	margin-inline: 0;
	box-sizing: border-box;
}

.dtablets-card-kicker {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	color: var(--bingo-white);
	opacity: 0.95;
}

.dtablets-card-title {
	margin: 0.15rem 0 0.65rem;
	font-size: clamp(1.45rem, 2.6vw, 1.95rem);
	font-weight: 800;
	line-height: 1.25;
	color: #00B67A;
}


.dtablets-card-desc {
	margin: 0 0 0.65rem;
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
}

.dtablets-card-desc p {
	margin: 0;
	font-size: 14px;
	line-height: 1.7;
	font-weight: 500;
	opacity: 0.96;
}

.dtablets-card-tags {
	margin: 0 0 0.85rem;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.6;
	opacity: 0.92;
}
.dtablets-size {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 0.35rem 1.2rem;
	margin-bottom: 0.85rem;
	border-radius: 999px;
	background: #00B67A;
	color: var(--bingo-white);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
}

.dtablets-card-bullets {
	margin: 0 0 1.1rem;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
}

.dtablets-card-bullets li {
	position: relative;
	padding-inline-start: 1rem;
	font-size: 14px;
	line-height: 1.7;
	font-weight: 500;
	opacity: 0.96;
}

.dtablets-card-bullets li::before {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	top: 0.65em;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #00B67A;
}

.dtablets-digi-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	min-height: 42px;
	padding: 0.4rem 1.1rem;
	border-radius: 8px;
	background: #ec1c34;
	color: var(--bingo-white);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	transition: background 0.2s ease, transform 0.2s ease, filter 0.2s ease;
}

.dtablets-digi-btn:hover {
	background: #ec1c34;
	filter: brightness(0.92);
	transform: translateY(-1px);
}

.dtablets-digi-icon {
	width: 22px;
	height: 22px;
	object-fit: contain;
	flex-shrink: 0;
}

.dtablets-shops {
	padding: 2.5rem 0 2.75rem;
	background: #006B63;
}

.dtablets-shops-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.35rem;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	align-items: stretch;
}

.dtablets-shop-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	gap: 1.15rem;
	padding: 1.85rem 1.35rem 1.4rem;
	border-radius: 16px;
	background: var(--bingo-white);
	box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.5);
	text-align: center;
	min-height: 210px;
	animation: bingo-rise 0.7s ease both;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.dtablets-shop-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22), 0 4px 12px rgba(0, 0, 0, 0.12);
}

.dtablets-shop-card:nth-child(2) {
	animation-delay: 0.06s;
}

.dtablets-shop-card:nth-child(3) {
	animation-delay: 0.12s;
}

.dtablets-shop-card img {
	width: auto;
	max-width: 58%;
	max-height: 72px;
	height: auto;
	object-fit: contain;
	margin-inline: auto;
}

.dtablets-shop-card:nth-child(2) img {
	max-width: 78%;
	max-height: 80px;
}

.dtablets-shop-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 12.5rem;
	width: auto;
	padding: 0.7rem 1.85rem;
	border: 1px solid #00B67A;
	border-radius: 16px;
	background: var(--bingo-white);
	color: #00B67A;
	font-size: 0.9rem;
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
	transition: background 0.2s ease, color 0.2s ease;
}

.dtablets-shop-btn:hover {
	background: #00B67A;
	color: var(--bingo-white);
}

.dtablets-about {
	padding: 2.75rem 0 3rem;
	background: #F7F8F3;
}

.dtablets-about-inner {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
	gap: 2rem 3rem;
	align-items: start;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
}

.dtablets-features-title {
	margin: 0 0 0.9rem;
	font-size: 1.15rem;
	font-weight: 800;
	color: #007A5A;
}

.dtablets-features ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
}

.dtablets-features li {
	position: relative;
	padding-inline-start: 1.65rem;
	font-size: 15px;
	line-height: 1.7;
	font-weight: 600;
	color: #384652;
}

.dtablets-features li::before {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	top: 0.35em;
	width: 1.05rem;
	height: 1.05rem;
	border-radius: 50%;
	background: #00B67A;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
	background-size: 0.7rem;
	background-repeat: no-repeat;
	background-position: center;
}

.dtablets-about-copy p {
	margin: 0;
	font-size: 16px;
	line-height: 1.9;
	font-weight: 500;
	color: #384652;
	text-align: justify;
}

.dtablets-newsletter {
	background: #00B67B;
}

.dtablets-newsletter .newsletter-text,
.dtablets-newsletter .newsletter-icon,
.dtablets-newsletter-copy,
.dtablets-newsletter-copy strong,
.dtablets-newsletter-copy span {
	color: var(--bingo-white);
}

.dtablets-newsletter-copy {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

.dtablets-newsletter-copy strong {
	font-size: 1rem;
	font-weight: 800;
}

.dtablets-newsletter-copy span {
	font-size: 0.875rem;
	opacity: 0.92;
}

@media (max-width: 900px) {
	.dtablets-hero {
		justify-content: flex-end;
		align-items: stretch;
		min-height: 92vh;
	}

	.dtablets-hero-video--desktop {
		display: none;
	}

	.dtablets-hero-video--mobile {
		display: block;
	}

	.dtablets-hero-content {
		padding: 2rem 0 3rem;
		align-items: center;
	}

	.dtablets-hero-content > * {
		text-align: center;
		max-width: 22rem;
	}

	.dtablets-hero-title {
		align-items: center;
		font-size: 1.5rem;
	}

	.dtablets-hero-accent {
		color: #007A5A;
	}

	.dtablets-card {
		aspect-ratio: auto;
		min-height: 280px;
		background-size: cover;
	}

	.dtablets-card-body {
		width: 72%;
		padding: 1.25rem 1.1rem 1.25rem 1.5rem;
	}

	.dtablets-shops-grid {
		grid-template-columns: 1fr;
		max-width: 320px;
	}

	.dtablets-about-inner {
		grid-template-columns: 1fr;
		gap: 1.75rem;
	}

	.dtablets-features-title {
		text-align: center;
	}

	.dtablets-about-copy p {
		font-size: 14px;
		line-height: 1.85;
		text-align: center;
	}
}

@media (max-width: 640px) {
	.dtablets-products-head h2 {
		font-size: 1rem;
		padding-inline: 0.5rem;
	}

	.dtablets-card-body {
		width: 78%;
		padding: 1rem 0.9rem 1rem 1.15rem;
	}

	.dtablets-card-kicker {
		font-size: 13px;
	}

	.dtablets-card-title {
		font-size: 1.25rem;
	}

	.dtablets-size {
		min-height: 30px;
		font-size: 12px;
	}

	.dtablets-card-bullets li {
		font-size: 13px;
	}

	.dtablets-digi-btn {
		min-height: 38px;
		font-size: 13px;
	}
}


/* ---------- Dishwasher salt PDP (content/colors from bingoiran.com) ---------- */
.dsalt-page {
	background: var(--bingo-white);
}

.dsalt-hero {
	position: relative;
	min-height: 100vh;
	min-height: 100dvh;
	display: flex;
	align-items: flex-end;
	overflow: hidden;
	background: #0a3d32;
}

.dsalt-hero-media {
	position: absolute;
	inset: 0;
}

.dsalt-hero-video,
.dsalt-hero-fallback {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.dsalt-hero-video {
	z-index: 1;
}

.dsalt-hero-video--mobile {
	display: none;
}

.dsalt-hero-fallback {
	z-index: 0;
}

.dsalt-hero-content {
	position: relative;
	z-index: 2;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	padding: calc(var(--bingo-header-h) + 2rem) 0 4.5rem;
	color: var(--bingo-white);
	direction: ltr;
	text-align: left;
	animation: bingo-rise 0.8s ease both;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
}

.dsalt-hero-content > * {
	direction: rtl;
	text-align: left;
	width: auto;
	max-width: min(100%, 34rem);
	margin: 0;
	box-sizing: border-box;
}

.dsalt-hero-eyebrow {
	margin: 0 0 0.75rem;
	font-size: 15px;
	font-weight: 500;
	opacity: 0.95;
	line-height: 1.6;
}

.dsalt-hero-title {
	margin: 0 0 1.15rem;
	font-size: clamp(1.7rem, 3.6vw, 2.45rem);
	font-weight: 800;
	line-height: 1.3;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 0.2rem;
	text-align: left;
	color: var(--bingo-white);
}

.dsalt-hero-title span {
	display: block;
}

.dsalt-hero-accent {
	color: #00B67A;
	font-weight: 800;
}

.dsalt-hero-lead {
	margin: 0;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.95;
	opacity: 0.96;
}

.dsalt-hero-highlight {
	color: #00B67A;
	font-weight: 700;
}

.dsalt-products {
	background: #25292C;
	padding-bottom: 2.75rem;
}

.dsalt-products-head {
	background: #25292C;
	padding: 1.35rem 0 0.35rem;
	margin-bottom: 1.25rem;
}

.dsalt-products-head h2 {
	margin: 0;
	text-align: center;
	color: var(--bingo-white);
	font-size: clamp(1.05rem, 2vw, 1.35rem);
	font-weight: 700;
}

.dsalt-products-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.35rem;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	box-sizing: border-box;
}

.dsalt-card {
	position: relative;
	aspect-ratio: 1169 / 476;
	min-height: 0;
	height: auto;
	width: 100%;
	border-radius: var(--bingo-radius);
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #01572F;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.32);
	overflow: hidden;
	display: block;
	transition: transform 0.35s ease, box-shadow 0.35s ease;
	animation: bingo-rise 0.7s ease both;
}

.dsalt-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.34);
}

.dsalt-card-body {
	position: absolute;
	top: 0;
	left: 0;
	right: auto;
	bottom: 0;
	z-index: 1;
	width: min(100%, 52%);
	padding: 1.25rem 1.4rem 1.25rem 4.5rem;
	color: var(--bingo-white);
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	box-sizing: border-box;
	direction: ltr;
}

.dsalt-card-body > * {
	direction: rtl;
	text-align: left;
	width: auto;
	max-width: 100%;
	margin-inline: 0;
	box-sizing: border-box;
}

.dsalt-card-kicker {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	color: var(--bingo-white);
	opacity: 0.95;
}

.dsalt-card-title {
	margin: 0.15rem 0 0.65rem;
	font-size: clamp(1.45rem, 2.6vw, 1.95rem);
	font-weight: 800;
	line-height: 1.25;
	color: #00B67A;
}

.dsalt-card-desc {
	margin: 0 0 0.65rem;
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

.dsalt-card-desc p {
	margin: 0;
	font-size: 14px;
	line-height: 1.7;
	font-weight: 500;
	opacity: 0.96;
}

.dsalt-card-tags {
	margin: 0 0 0.95rem;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.6;
	opacity: 0.92;
}

.dsalt-digi-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	min-height: 42px;
	padding: 0.4rem 1.1rem;
	border-radius: 8px;
	background: #ec1c34;
	color: var(--bingo-white);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	transition: background 0.2s ease, transform 0.2s ease, filter 0.2s ease;
}

.dsalt-digi-btn:hover {
	background: #ec1c34;
	filter: brightness(0.92);
	transform: translateY(-1px);
}

.dsalt-digi-icon {
	width: 22px;
	height: 22px;
	object-fit: contain;
	flex-shrink: 0;
}

.dsalt-shops {
	padding: 2.5rem 0 2.75rem;
	background: #006B63;
}

.dsalt-shops-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.35rem;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	align-items: stretch;
}

.dsalt-shop-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	gap: 1.15rem;
	padding: 1.85rem 1.35rem 1.4rem;
	border-radius: 16px;
	background: var(--bingo-white);
	box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.5);
	text-align: center;
	min-height: 210px;
	animation: bingo-rise 0.7s ease both;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.dsalt-shop-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22), 0 4px 12px rgba(0, 0, 0, 0.12);
}

.dsalt-shop-card:nth-child(2) {
	animation-delay: 0.06s;
}

.dsalt-shop-card:nth-child(3) {
	animation-delay: 0.12s;
}

.dsalt-shop-card img {
	width: auto;
	max-width: 58%;
	max-height: 72px;
	height: auto;
	object-fit: contain;
	margin-inline: auto;
}

.dsalt-shop-card:nth-child(2) img {
	max-width: 78%;
	max-height: 80px;
}

.dsalt-shop-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 12.5rem;
	width: auto;
	padding: 0.7rem 1.85rem;
	border: 1px solid #00B67A;
	border-radius: 16px;
	background: var(--bingo-white);
	color: #00B67A;
	font-size: 0.9rem;
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
	transition: background 0.2s ease, color 0.2s ease;
}

.dsalt-shop-btn:hover {
	background: #00B67A;
	color: var(--bingo-white);
}

.dsalt-about {
	padding: 2.75rem 0 3rem;
	background: #F7F8F3;
}

.dsalt-about-inner {
	display: grid;
	grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
	gap: 2rem 3rem;
	align-items: start;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
}

.dsalt-features-title {
	margin: 0 0 0.9rem;
	font-size: 1.15rem;
	font-weight: 800;
	color: #007A5A;
}

.dsalt-features ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
}

.dsalt-features li {
	position: relative;
	padding-inline-start: 1.65rem;
	font-size: 15px;
	line-height: 1.7;
	font-weight: 600;
	color: #384652;
}

.dsalt-features li::before {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	top: 0.35em;
	width: 1.05rem;
	height: 1.05rem;
	border-radius: 50%;
	background: #00B67A;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
	background-size: 0.7rem;
	background-repeat: no-repeat;
	background-position: center;
}

.dsalt-about-copy p {
	margin: 0;
	font-size: 16px;
	line-height: 1.9;
	font-weight: 500;
	color: #384652;
	text-align: justify;
}

.dsalt-newsletter {
	background: #00B67B;
}

.dsalt-newsletter .newsletter-text,
.dsalt-newsletter .newsletter-icon,
.dsalt-newsletter-copy,
.dsalt-newsletter-copy strong,
.dsalt-newsletter-copy span {
	color: var(--bingo-white);
}

.dsalt-newsletter-copy {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

.dsalt-newsletter-copy strong {
	font-size: 1rem;
	font-weight: 800;
}

.dsalt-newsletter-copy span {
	font-size: 0.875rem;
	opacity: 0.92;
}

@media (max-width: 900px) {
	.dsalt-hero {
		justify-content: flex-end;
		align-items: stretch;
		min-height: 92vh;
	}

	.dsalt-hero-video--desktop {
		display: none;
	}

	.dsalt-hero-video--mobile {
		display: block;
	}

	.dsalt-hero-content {
		padding: 2rem 0 3rem;
		align-items: center;
	}

	.dsalt-hero-content > * {
		text-align: center;
		max-width: 22rem;
	}

	.dsalt-hero-title {
		align-items: center;
		font-size: 1.55rem;
	}

	.dsalt-card {
		aspect-ratio: auto;
		min-height: 280px;
		background-size: cover;
	}

	.dsalt-card-body {
		width: 72%;
		padding: 1.25rem 1.1rem 1.25rem 1.5rem;
	}

	.dsalt-shops-grid {
		grid-template-columns: 1fr;
		max-width: 320px;
	}

	.dsalt-about-inner {
		grid-template-columns: 1fr;
		gap: 1.75rem;
	}

	.dsalt-features-title {
		text-align: center;
	}

	.dsalt-about-copy p {
		font-size: 14px;
		line-height: 1.85;
		text-align: center;
	}
}

@media (max-width: 640px) {
	.dsalt-products-head h2 {
		font-size: 1rem;
		padding-inline: 0.5rem;
	}

	.dsalt-card-body {
		width: 78%;
		padding: 1rem 0.9rem 1rem 1.15rem;
	}

	.dsalt-card-kicker {
		font-size: 13px;
	}

	.dsalt-card-title {
		font-size: 1.25rem;
	}

	.dsalt-card-desc p {
		font-size: 13px;
	}

	.dsalt-digi-btn {
		min-height: 38px;
		font-size: 13px;
	}
}


/* ---------- Dishwasher gel PDP (content/colors from bingoiran.com) ---------- */
.dgel-page {
	background: var(--bingo-white);
}

.dgel-hero {
	position: relative;
	min-height: 100vh;
	min-height: 100dvh;
	display: flex;
	align-items: flex-end;
	overflow: hidden;
	background: #0a3d32;
}

.dgel-hero-media {
	position: absolute;
	inset: 0;
}

.dgel-hero-video,
.dgel-hero-fallback {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.dgel-hero-video {
	z-index: 1;
}

.dgel-hero-video--mobile {
	display: none;
}

.dgel-hero-fallback {
	z-index: 0;
}

.dgel-hero-content {
	position: relative;
	z-index: 2;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	padding: calc(var(--bingo-header-h) + 2rem) 0 4.5rem;
	color: var(--bingo-white);
	direction: ltr;
	text-align: left;
	animation: bingo-rise 0.8s ease both;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
}

.dgel-hero-content > * {
	direction: rtl;
	text-align: left;
	width: auto;
	max-width: min(100%, 34rem);
	margin: 0;
	box-sizing: border-box;
}

.dgel-hero-eyebrow {
	margin: 0 0 0.75rem;
	font-size: 15px;
	font-weight: 500;
	opacity: 0.95;
	line-height: 1.6;
}

.dgel-hero-title {
	margin: 0 0 0.85rem;
	font-size: clamp(1.55rem, 3.4vw, 2.35rem);
	font-weight: 800;
	line-height: 1.3;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 0.15rem;
	text-align: left;
	color: var(--bingo-white);
}

.dgel-hero-title span {
	display: block;
}

.dgel-hero-accent {
	color: #00B67A;
	font-weight: 800;
}

.dgel-hero-sub {
	margin: 0 0 0.75rem;
	font-size: clamp(1.05rem, 2vw, 1.25rem);
	font-weight: 700;
	line-height: 1.5;
	color: var(--bingo-white);
}

.dgel-hero-lead {
	margin: 0 0 0.85rem;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.95;
	opacity: 0.96;
}

.dgel-hero-highlight {
	margin: 0;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.7;
	color: #00B67A;
}

.dgel-products {
	background: #25292C;
	padding-bottom: 2.75rem;
}

.dgel-products-head {
	background: #25292C;
	padding: 1.35rem 0 0.35rem;
	margin-bottom: 1.25rem;
}

.dgel-products-head h2 {
	margin: 0;
	text-align: center;
	color: var(--bingo-white);
	font-size: clamp(1.05rem, 2vw, 1.35rem);
	font-weight: 700;
}

.dgel-products-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.35rem;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	box-sizing: border-box;
}

.dgel-card {
	position: relative;
	aspect-ratio: 1169 / 476;
	min-height: 0;
	height: auto;
	width: 100%;
	border-radius: var(--bingo-radius);
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #01572F;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.32);
	overflow: hidden;
	display: block;
	transition: transform 0.35s ease, box-shadow 0.35s ease;
	animation: bingo-rise 0.7s ease both;
}

.dgel-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.34);
}

.dgel-card-body {
	position: absolute;
	top: 0;
	left: 0;
	right: auto;
	bottom: 0;
	z-index: 1;
	width: min(100%, 52%);
	padding: 1.25rem 1.4rem 1.25rem 4.5rem;
	color: var(--bingo-white);
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	box-sizing: border-box;
	direction: ltr;
}

.dgel-card-body > * {
	direction: rtl;
	text-align: left;
	width: auto;
	max-width: 100%;
	margin-inline: 0;
	box-sizing: border-box;
}

.dgel-card-kicker {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	color: var(--bingo-white);
	opacity: 0.95;
}

.dgel-card-title {
	margin: 0.15rem 0 0.65rem;
	font-size: clamp(1.45rem, 2.6vw, 1.95rem);
	font-weight: 800;
	line-height: 1.25;
	color: #00B67A;
}

.dgel-card-desc {
	margin: 0 0 0.65rem;
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

.dgel-card-desc p {
	margin: 0;
	font-size: 14px;
	line-height: 1.7;
	font-weight: 500;
	opacity: 0.96;
}

.dgel-card-tags {
	margin: 0;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.6;
	color: #00B67A;
}

.dgel-shops {
	padding: 2.5rem 0 2.75rem;
	background: #006B63;
}

.dgel-shops-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1.15rem;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	align-items: stretch;
}

.dgel-shop-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	gap: 1.15rem;
	padding: 1.85rem 1.15rem 1.4rem;
	border-radius: 16px;
	background: var(--bingo-white);
	box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.5);
	text-align: center;
	min-height: 210px;
	animation: bingo-rise 0.7s ease both;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.dgel-shop-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22), 0 4px 12px rgba(0, 0, 0, 0.12);
}

.dgel-shop-card:nth-child(2) {
	animation-delay: 0.06s;
}

.dgel-shop-card:nth-child(3) {
	animation-delay: 0.12s;
}

.dgel-shop-card:nth-child(4) {
	animation-delay: 0.18s;
}

.dgel-shop-card img {
	width: auto;
	max-width: 58%;
	max-height: 72px;
	height: auto;
	object-fit: contain;
	margin-inline: auto;
}

.dgel-shop-card:nth-child(1) img,
.dgel-shop-card:nth-child(3) img {
	max-width: 72%;
	max-height: 78px;
}

.dgel-shop-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 11rem;
	width: auto;
	padding: 0.7rem 1.4rem;
	border: 1px solid #00B67A;
	border-radius: 16px;
	background: var(--bingo-white);
	color: #00B67A;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
	transition: background 0.2s ease, color 0.2s ease;
}

.dgel-shop-btn:hover {
	background: #00B67A;
	color: var(--bingo-white);
}

.dgel-about {
	padding: 2.75rem 0 3rem;
	background: #F7F8F3;
}

.dgel-about-inner {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
	gap: 2rem 3rem;
	align-items: start;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
}

.dgel-features-title {
	margin: 0 0 0.9rem;
	font-size: 1.15rem;
	font-weight: 800;
	color: #007A5A;
}

.dgel-features-title--center {
	margin: 0 0 1.5rem;
	text-align: center;
	color: #384652;
	font-size: clamp(1.25rem, 2.2vw, 1.55rem);
}

.dgel-features ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
}

.dgel-features li {
	position: relative;
	padding-inline-start: 1.65rem;
	font-size: 15px;
	line-height: 1.7;
	font-weight: 600;
	color: #384652;
}

.dgel-features li::before {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	top: 0.35em;
	width: 1.05rem;
	height: 1.05rem;
	border-radius: 50%;
	background: #00B67A;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
	background-size: 0.7rem;
	background-repeat: no-repeat;
	background-position: center;
}

.dgel-about-copy p {
	margin: 0;
	font-size: 16px;
	line-height: 1.9;
	font-weight: 500;
	color: #384652;
	text-align: justify;
}

.dgel-newsletter {
	background: #00B67B;
}

.dgel-newsletter .newsletter-text,
.dgel-newsletter .newsletter-icon,
.dgel-newsletter-copy,
.dgel-newsletter-copy strong,
.dgel-newsletter-copy span {
	color: var(--bingo-white);
}

.dgel-newsletter-copy {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

.dgel-newsletter-copy strong {
	font-size: 1rem;
	font-weight: 800;
}

.dgel-newsletter-copy span {
	font-size: 0.875rem;
	opacity: 0.92;
}

@media (max-width: 1100px) {
	.dgel-shops-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		max-width: 640px;
	}
}

@media (max-width: 900px) {
	.dgel-hero {
		justify-content: flex-end;
		align-items: stretch;
		min-height: 92vh;
	}

	.dgel-hero-video--desktop {
		display: none;
	}

	.dgel-hero-video--mobile {
		display: block;
	}

	.dgel-hero-content {
		padding: 2rem 0 3rem;
		align-items: center;
	}

	.dgel-hero-content > * {
		text-align: center;
		max-width: 22rem;
	}

	.dgel-hero-title {
		align-items: center;
		font-size: 1.45rem;
	}

	.dgel-card {
		aspect-ratio: auto;
		min-height: 280px;
		background-size: cover;
	}

	.dgel-card-body {
		width: 72%;
		padding: 1.25rem 1.1rem 1.25rem 1.5rem;
	}

	.dgel-about-inner {
		grid-template-columns: 1fr;
		gap: 1.75rem;
	}

	.dgel-features-title {
		text-align: center;
	}

	.dgel-about-copy p {
		font-size: 14px;
		line-height: 1.85;
		text-align: center;
	}
}

@media (max-width: 640px) {
	.dgel-products-head h2 {
		font-size: 1rem;
		padding-inline: 0.5rem;
	}

	.dgel-card-body {
		width: 78%;
		padding: 1rem 0.9rem 1rem 1.15rem;
	}

	.dgel-card-kicker {
		font-size: 13px;
	}

	.dgel-card-title {
		font-size: 1.25rem;
	}

	.dgel-card-desc p {
		font-size: 13px;
	}

	.dgel-shops-grid {
		grid-template-columns: 1fr;
		max-width: 320px;
	}
}


/* ---------- Dishwasher rinse aid PDP (content/colors from bingoiran.com) ---------- */
.drinse-page {
	background: var(--bingo-white);
}

.drinse-hero {
	position: relative;
	min-height: 100vh;
	min-height: 100dvh;
	display: flex;
	align-items: flex-end;
	overflow: hidden;
	background: #0a3d32;
}

.drinse-hero-media {
	position: absolute;
	inset: 0;
}

.drinse-hero-video,
.drinse-hero-fallback {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.drinse-hero-video {
	z-index: 1;
}

.drinse-hero-video--mobile {
	display: none;
}

.drinse-hero-fallback {
	z-index: 0;
}

.drinse-hero-content {
	position: relative;
	z-index: 2;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	padding: calc(var(--bingo-header-h) + 2rem) 0 4.5rem;
	color: var(--bingo-white);
	direction: ltr;
	text-align: left;
	animation: bingo-rise 0.8s ease both;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
}

.drinse-hero-content > * {
	direction: rtl;
	text-align: left;
	width: auto;
	max-width: min(100%, 34rem);
	margin: 0;
	box-sizing: border-box;
}

.drinse-hero-eyebrow {
	margin: 0 0 0.75rem;
	font-size: 15px;
	font-weight: 500;
	opacity: 0.95;
	line-height: 1.6;
}

.drinse-hero-title {
	margin: 0 0 0.85rem;
	font-size: clamp(1.7rem, 3.6vw, 2.45rem);
	font-weight: 800;
	line-height: 1.3;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 0.2rem;
	text-align: left;
	color: var(--bingo-white);
}

.drinse-hero-title span {
	display: block;
}

.drinse-hero-accent {
	color: #00B67A;
	font-weight: 800;
}

.drinse-hero-sub {
	margin: 0 0 0.75rem;
	font-size: clamp(1.05rem, 2vw, 1.25rem);
	font-weight: 700;
	line-height: 1.55;
	color: var(--bingo-white);
}

.drinse-hero-lead {
	margin: 0 0 0.75rem;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.95;
	opacity: 0.96;
}

.drinse-hero-highlight {
	margin: 0;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.8;
	color: #00B67A;
}

.drinse-products {
	background: #25292C;
	padding-bottom: 2.75rem;
}

.drinse-products-head {
	background: #25292C;
	padding: 1.35rem 0 0.35rem;
	margin-bottom: 1.25rem;
}

.drinse-products-head h2 {
	margin: 0;
	text-align: center;
	color: var(--bingo-white);
	font-size: clamp(1.05rem, 2vw, 1.35rem);
	font-weight: 700;
}

.drinse-products-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.35rem;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	box-sizing: border-box;
}

.drinse-card {
	position: relative;
	aspect-ratio: 1169 / 476;
	min-height: 0;
	height: auto;
	width: 100%;
	border-radius: var(--bingo-radius);
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #01572F;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.32);
	overflow: hidden;
	display: block;
	transition: transform 0.35s ease, box-shadow 0.35s ease;
	animation: bingo-rise 0.7s ease both;
}

.drinse-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.34);
}

.drinse-card-body {
	position: absolute;
	top: 0;
	left: 0;
	right: auto;
	bottom: 0;
	z-index: 1;
	width: min(100%, 52%);
	padding: 1.25rem 1.4rem 1.25rem 4.5rem;
	color: var(--bingo-white);
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	box-sizing: border-box;
	direction: ltr;
}

.drinse-card-body > * {
	direction: rtl;
	text-align: left;
	width: auto;
	max-width: 100%;
	margin-inline: 0;
	box-sizing: border-box;
}

.drinse-card-kicker {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	color: var(--bingo-white);
	opacity: 0.95;
}

.drinse-card-title {
	margin: 0.15rem 0 0.65rem;
	font-size: clamp(1.45rem, 2.6vw, 1.95rem);
	font-weight: 800;
	line-height: 1.25;
	color: #00B67A;
}

.drinse-card-desc {
	margin: 0 0 0.85rem;
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

.drinse-card-desc p {
	margin: 0;
	font-size: 14px;
	line-height: 1.7;
	font-weight: 500;
	opacity: 0.96;
}

.drinse-size {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 0.4rem 1rem;
	margin-bottom: 0.7rem;
	border-radius: 8px;
	background: #00B67A;
	color: var(--bingo-white);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
}

.drinse-digi-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	min-height: 42px;
	padding: 0.4rem 1.1rem;
	border-radius: 8px;
	background: #ec1c34;
	color: #F3F0F0;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	transition: background 0.2s ease, transform 0.2s ease, filter 0.2s ease;
}

.drinse-digi-btn:hover {
	background: #ec1c34;
	filter: brightness(0.92);
	transform: translateY(-1px);
}

.drinse-digi-icon {
	width: 22px;
	height: 22px;
	object-fit: contain;
	flex-shrink: 0;
}

.drinse-shops {
	padding: 2.5rem 0 2.75rem;
	background: #006B63;
}

.drinse-shops-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.35rem;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	align-items: stretch;
}

.drinse-shop-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	gap: 1.15rem;
	padding: 1.85rem 1.35rem 1.4rem;
	border-radius: 16px;
	background: var(--bingo-white);
	box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.5);
	text-align: center;
	min-height: 210px;
	animation: bingo-rise 0.7s ease both;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.drinse-shop-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22), 0 4px 12px rgba(0, 0, 0, 0.12);
}

.drinse-shop-card:nth-child(2) {
	animation-delay: 0.06s;
}

.drinse-shop-card:nth-child(3) {
	animation-delay: 0.12s;
}

.drinse-shop-card img {
	width: auto;
	max-width: 58%;
	max-height: 72px;
	height: auto;
	object-fit: contain;
	margin-inline: auto;
}

.drinse-shop-card:nth-child(2) img {
	max-width: 78%;
	max-height: 80px;
}

.drinse-shop-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 12.5rem;
	width: auto;
	padding: 0.7rem 1.85rem;
	border: 1px solid #00B67A;
	border-radius: 16px;
	background: var(--bingo-white);
	color: #00B67A;
	font-size: 0.9rem;
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
	transition: background 0.2s ease, color 0.2s ease;
}

.drinse-shop-btn:hover {
	background: #00B67A;
	color: var(--bingo-white);
}

.drinse-about {
	padding: 2.75rem 0 3rem;
	background: #F7F8F3;
}

.drinse-about-inner {
	display: grid;
	grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
	gap: 2rem 3rem;
	align-items: start;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
}

.drinse-features-title {
	margin: 0 0 0.9rem;
	font-size: 1.15rem;
	font-weight: 800;
	color: #007A5A;
}

.drinse-features ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
}

.drinse-features li {
	position: relative;
	padding-inline-start: 1.65rem;
	font-size: 15px;
	line-height: 1.7;
	font-weight: 600;
	color: #384652;
}

.drinse-features li::before {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	top: 0.35em;
	width: 1.05rem;
	height: 1.05rem;
	border-radius: 50%;
	background: #00B67A;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
	background-size: 0.7rem;
	background-repeat: no-repeat;
	background-position: center;
}

.drinse-about-copy p {
	margin: 0;
	font-size: 16px;
	line-height: 1.9;
	font-weight: 500;
	color: #384652;
	text-align: justify;
}

.drinse-newsletter {
	background: #00B67B;
}

.drinse-newsletter .newsletter-text,
.drinse-newsletter .newsletter-icon,
.drinse-newsletter-copy,
.drinse-newsletter-copy strong,
.drinse-newsletter-copy span {
	color: var(--bingo-white);
}

.drinse-newsletter-copy {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

.drinse-newsletter-copy strong {
	font-size: 1rem;
	font-weight: 800;
}

.drinse-newsletter-copy span {
	font-size: 0.875rem;
	opacity: 0.92;
}

@media (max-width: 900px) {
	.drinse-hero {
		justify-content: flex-end;
		align-items: stretch;
		min-height: 92vh;
	}

	.drinse-hero-video--desktop {
		display: none;
	}

	.drinse-hero-video--mobile {
		display: block;
	}

	.drinse-hero-content {
		padding: 2rem 0 3rem;
		align-items: center;
	}

	.drinse-hero-content > * {
		text-align: center;
		max-width: 22rem;
	}

	.drinse-hero-title {
		align-items: center;
		font-size: 1.55rem;
	}

	.drinse-card {
		aspect-ratio: auto;
		min-height: 300px;
		background-size: cover;
	}

	.drinse-card-body {
		width: 72%;
		padding: 1.25rem 1.1rem 1.25rem 1.5rem;
	}

	.drinse-shops-grid {
		grid-template-columns: 1fr;
		max-width: 320px;
	}

	.drinse-about-inner {
		grid-template-columns: 1fr;
		gap: 1.75rem;
	}

	.drinse-features-title {
		text-align: center;
	}

	.drinse-about-copy p {
		font-size: 14px;
		line-height: 1.85;
		text-align: center;
	}
}

@media (max-width: 640px) {
	.drinse-products-head h2 {
		font-size: 1rem;
		padding-inline: 0.5rem;
	}

	.drinse-card-body {
		width: 78%;
		padding: 1rem 0.9rem 1rem 1.15rem;
	}

	.drinse-card-kicker {
		font-size: 13px;
	}

	.drinse-card-title {
		font-size: 1.25rem;
	}

	.drinse-card-desc p {
		font-size: 13px;
	}

	.drinse-size {
		min-height: 30px;
		font-size: 13px;
	}

	.drinse-digi-btn {
		min-height: 38px;
		font-size: 13px;
	}
}

/* ---------- Bleach 5-in-1 PDP (content/colors from bingoiran.com + UI mock) ---------- */
.bleach-page {
	background: var(--bingo-white);
}

.bleach-hero {
	position: relative;
	min-height: 100vh;
	min-height: 100dvh;
	display: flex;
	align-items: flex-end;
	overflow: hidden;
	background: #0a3d32;
}

.bleach-hero-media {
	position: absolute;
	inset: 0;
}

.bleach-hero-video,
.bleach-hero-fallback {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.bleach-hero-video {
	z-index: 1;
}

.bleach-hero-video--mobile {
	display: none;
}

.bleach-hero-fallback {
	z-index: 0;
}

.bleach-hero-content {
	position: relative;
	z-index: 2;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	padding: calc(var(--bingo-header-h) + 2rem) 0 4.5rem;
	color: var(--bingo-white);
	direction: ltr;
	text-align: left;
	animation: bingo-rise 0.8s ease both;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
}

.bleach-hero-content > * {
	direction: rtl;
	text-align: left;
	width: auto;
	max-width: min(100%, 36rem);
	margin: 0;
	box-sizing: border-box;
}

.bleach-hero-eyebrow {
	margin: 0 0 0.75rem;
	font-size: 15px;
	font-weight: 500;
	opacity: 0.95;
	line-height: 1.6;
}

.bleach-hero-title {
	margin: 0 0 0.85rem;
	font-size: clamp(1.55rem, 3.4vw, 2.35rem);
	font-weight: 800;
	line-height: 1.35;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 0.1rem;
	text-align: left;
	color: var(--bingo-white);
}

.bleach-hero-title span {
	display: block;
}

.bleach-hero-accent {
	color: #00B67A;
	font-weight: 800;
}

.bleach-hero-lead {
	margin: 0 0 0.85rem;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.95;
	opacity: 0.96;
}

.bleach-hero-pipes {
	margin: 0;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.8;
	color: #00B67A;
}

.bleach-products {
	background: #25292C;
	padding-bottom: 2.75rem;
}

.bleach-products-head {
	background: #25292C;
	padding: 1.35rem 0 0.35rem;
	margin-bottom: 1.25rem;
}

.bleach-products-head h2 {
	margin: 0;
	text-align: center;
	color: var(--bingo-white);
	font-size: clamp(1.05rem, 2vw, 1.35rem);
	font-weight: 700;
}

.bleach-products-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.35rem;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	box-sizing: border-box;
}

.bleach-card {
	position: relative;
	aspect-ratio: 1169 / 476;
	min-height: 0;
	height: auto;
	width: 100%;
	border-radius: var(--bingo-radius);
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #25292C;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.32);
	overflow: hidden;
	display: block;
	transition: transform 0.35s ease, box-shadow 0.35s ease;
	animation: bingo-rise 0.7s ease both;
}

.bleach-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.34);
}

.bleach-card:nth-child(2) {
	animation-delay: 0.08s;
}

.bleach-card-body {
	position: absolute;
	top: 0;
	left: 0;
	right: auto;
	bottom: 0;
	z-index: 1;
	width: min(100%, 52%);
	padding: 1.25rem 1.4rem 1.25rem 4.5rem;
	color: var(--bingo-white);
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	box-sizing: border-box;
	direction: ltr;
}

.bleach-card-body > * {
	direction: rtl;
	text-align: left;
	width: auto;
	max-width: 100%;
	margin-inline: 0;
	box-sizing: border-box;
}

.bleach-card-kicker {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	color: var(--bingo-white);
	opacity: 0.95;
}

.bleach-card-title {
	margin: 0.15rem 0 0.65rem;
	font-size: clamp(1.45rem, 2.6vw, 1.95rem);
	font-weight: 800;
	line-height: 1.25;
	color: #00B67A;
}

.bleach-card-desc {
	margin: 0 0 0.55rem;
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

.bleach-card-desc p {
	margin: 0;
	font-size: 14px;
	line-height: 1.7;
	font-weight: 500;
	opacity: 0.96;
}

.bleach-card-tags {
	margin: 0 0 0.75rem;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.6;
	color: #00B67A;
}

.bleach-size {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 0.15rem;
	padding: 8px 26px;
	border-radius: 7px;
	background: #00B67A;
	color: var(--bingo-white);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
	align-self: flex-start;
}

.bleach-shops {
	padding: 2.5rem 0 2.75rem;
	background: #006B63;
}

.bleach-shops-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1.15rem;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	align-items: stretch;
}

.bleach-shop-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	gap: 1.15rem;
	padding: 1.85rem 1.15rem 1.4rem;
	border-radius: 16px;
	background: var(--bingo-white);
	box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.5);
	text-align: center;
	min-height: 210px;
	animation: bingo-rise 0.7s ease both;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.bleach-shop-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22), 0 4px 12px rgba(0, 0, 0, 0.12);
}

.bleach-shop-card:nth-child(2) { animation-delay: 0.06s; }
.bleach-shop-card:nth-child(3) { animation-delay: 0.12s; }
.bleach-shop-card:nth-child(4) { animation-delay: 0.18s; }

.bleach-shop-card img {
	width: auto;
	max-width: 58%;
	max-height: 72px;
	height: auto;
	object-fit: contain;
	margin-inline: auto;
}

.bleach-shop-card:nth-child(2) img,
.bleach-shop-card:nth-child(4) img {
	max-width: 72%;
	max-height: 78px;
}

.bleach-shop-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 11rem;
	width: auto;
	padding: 0.7rem 1.4rem;
	border: 1px solid #00B67A;
	border-radius: 16px;
	background: var(--bingo-white);
	color: #00B67A;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
	transition: background 0.2s ease, color 0.2s ease;
}

.bleach-shop-btn:hover {
	background: #00B67A;
	color: var(--bingo-white);
}

.bleach-about {
	padding: 2.75rem 0 3rem;
	background: #F7F8F3;
}

.bleach-about-inner {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
	gap: 2rem 3rem;
	align-items: start;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
}

.bleach-features-title {
	margin: 0 0 1.5rem;
	font-size: clamp(1.25rem, 2.2vw, 1.55rem);
	font-weight: 800;
	color: #007A5A;
	text-align: center;
}

.bleach-features ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
}

.bleach-features li {
	position: relative;
	padding-inline-start: 1.65rem;
	font-size: 15px;
	line-height: 1.7;
	font-weight: 600;
	color: #384652;
}

.bleach-features li::before {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	top: 0.35em;
	width: 1.05rem;
	height: 1.05rem;
	border-radius: 50%;
	background: #00B67A;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
	background-size: 0.7rem;
	background-repeat: no-repeat;
	background-position: center;
}

.bleach-about-copy p {
	margin: 0;
	font-size: 16px;
	line-height: 1.9;
	font-weight: 500;
	color: #384652;
	text-align: justify;
}

.bleach-newsletter {
	background: #007A5A;
}

.bleach-newsletter .newsletter-text,
.bleach-newsletter .newsletter-icon,
.bleach-newsletter-copy,
.bleach-newsletter-copy strong,
.bleach-newsletter-copy span {
	color: var(--bingo-white);
}

.bleach-newsletter-copy {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

.bleach-newsletter-copy strong {
	font-size: 1rem;
	font-weight: 800;
}

.bleach-newsletter-copy span {
	font-size: 0.875rem;
	opacity: 0.92;
}

@media (max-width: 1100px) {
	.bleach-shops-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		max-width: 640px;
	}
}

@media (max-width: 900px) {
	.bleach-hero {
		justify-content: flex-end;
		align-items: stretch;
		min-height: 92vh;
	}

	.bleach-hero-video--desktop {
		display: none;
	}

	.bleach-hero-video--mobile {
		display: block;
	}

	.bleach-hero-content {
		padding: 2rem 0 3rem;
		align-items: center;
	}

	.bleach-hero-content > * {
		text-align: center;
		max-width: 22rem;
	}

	.bleach-hero-title {
		align-items: center;
		font-size: 1.45rem;
	}

	.bleach-card {
		aspect-ratio: auto;
		min-height: 280px;
		background-size: cover;
		background-position: 70% center;
	}

	.bleach-card-body {
		width: 72%;
		padding: 1.25rem 1.1rem 1.25rem 1.5rem;
	}

	.bleach-about-inner {
		grid-template-columns: 1fr;
		gap: 1.75rem;
	}

	.bleach-about-copy p {
		font-size: 14px;
		line-height: 1.85;
		text-align: center;
	}
}

@media (max-width: 640px) {
	.bleach-products-head h2 {
		font-size: 1rem;
		padding-inline: 0.5rem;
	}

	.bleach-card-body {
		width: 78%;
		padding: 1rem 0.9rem 1rem 1.15rem;
	}

	.bleach-card-kicker {
		font-size: 13px;
	}

	.bleach-card-title {
		font-size: 1.25rem;
	}

	.bleach-card-desc p {
		font-size: 13px;
	}

	.bleach-size {
		padding: 7px 20px;
		font-size: 13px;
	}

	.bleach-shops-grid {
		grid-template-columns: 1fr;
		max-width: 320px;
	}
}



/* ---------- Descaler / جرم‌گیر PDP (content/colors from bingoiran.com + UI mock) ---------- */
.descaler-page {
	background: var(--bingo-white);
}

.descaler-hero {
	position: relative;
	min-height: 100vh;
	min-height: 100dvh;
	display: flex;
	align-items: flex-end;
	overflow: hidden;
	background: #0a3d32;
}

.descaler-hero-media {
	position: absolute;
	inset: 0;
}

.descaler-hero-video,
.descaler-hero-fallback {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.descaler-hero-video {
	z-index: 1;
}

.descaler-hero-video--mobile {
	display: none;
}

.descaler-hero-fallback {
	z-index: 0;
}

.descaler-hero-content {
	position: relative;
	z-index: 2;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	padding: calc(var(--bingo-header-h) + 2rem) 0 4.5rem;
	color: var(--bingo-white);
	direction: ltr;
	text-align: left;
	animation: bingo-rise 0.8s ease both;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
}

.descaler-hero-content > * {
	direction: rtl;
	text-align: left;
	width: auto;
	max-width: min(100%, 36rem);
	margin: 0;
	box-sizing: border-box;
}

.descaler-hero-eyebrow {
	margin: 0 0 0.75rem;
	font-size: 15px;
	font-weight: 500;
	opacity: 0.95;
	line-height: 1.6;
}

.descaler-hero-title {
	margin: 0 0 0.35rem;
	font-size: clamp(1.55rem, 3.4vw, 2.35rem);
	font-weight: 800;
	line-height: 1.35;
	color: var(--bingo-white);
}

.descaler-hero-accent {
	margin: 0 0 0.85rem;
	font-size: clamp(1.15rem, 2.4vw, 1.65rem);
	font-weight: 800;
	line-height: 1.4;
	color: #00B67A;
}

.descaler-hero-lead {
	margin: 0 0 0.85rem;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.95;
	opacity: 0.96;
}

.descaler-hero-pipes {
	margin: 0;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.8;
	color: #00B67A;
}

.descaler-products {
	background: #25292C;
	padding-bottom: 2.75rem;
}

.descaler-products-head {
	background: #25292C;
	padding: 1.35rem 0 0.35rem;
	margin-bottom: 1.25rem;
}

.descaler-products-head h2 {
	margin: 0;
	text-align: center;
	color: var(--bingo-white);
	font-size: clamp(1.05rem, 2vw, 1.35rem);
	font-weight: 700;
}

.descaler-products-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.35rem;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	box-sizing: border-box;
}

.descaler-card {
	position: relative;
	aspect-ratio: 1169 / 476;
	min-height: 0;
	height: auto;
	width: 100%;
	border-radius: var(--bingo-radius);
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #0a3d32;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.32);
	overflow: hidden;
	display: block;
	transition: transform 0.35s ease, box-shadow 0.35s ease;
	animation: bingo-rise 0.7s ease both;
}

.descaler-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.34);
}

.descaler-card:nth-child(2) {
	animation-delay: 0.08s;
}

.descaler-card-body {
	position: absolute;
	top: 0;
	left: 0;
	right: auto;
	bottom: 0;
	z-index: 1;
	width: min(100%, 52%);
	padding: 1.25rem 1.4rem 1.25rem 4.5rem;
	color: var(--bingo-white);
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	box-sizing: border-box;
	direction: ltr;
}

.descaler-card-body > * {
	direction: rtl;
	text-align: left;
	width: auto;
	max-width: 100%;
	margin-inline: 0;
	box-sizing: border-box;
}

.descaler-card-title {
	margin: 0;
	font-size: clamp(1.35rem, 2.5vw, 1.85rem);
	font-weight: 800;
	line-height: 1.25;
	color: var(--bingo-white);
}

.descaler-card-scent {
	margin: 0.2rem 0 0.65rem;
	font-size: clamp(1.05rem, 2vw, 1.35rem);
	font-weight: 800;
	line-height: 1.3;
	color: #00B67A;
}

.descaler-card-desc {
	margin: 0 0 0.75rem;
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

.descaler-card-desc p {
	margin: 0;
	font-size: 14px;
	line-height: 1.7;
	font-weight: 500;
	opacity: 0.96;
}

.descaler-size {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 0.15rem;
	padding: 8px 26px;
	border-radius: 7px;
	background: #00B67A;
	color: var(--bingo-white);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
	align-self: flex-start;
}

.descaler-shops {
	padding: 2.5rem 0 2.75rem;
	background: #006B63;
}

.descaler-shops-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1.15rem;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	align-items: stretch;
}

.descaler-shop-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	gap: 1.15rem;
	padding: 1.85rem 1.15rem 1.4rem;
	border-radius: 16px;
	background: var(--bingo-white);
	box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.5);
	text-align: center;
	min-height: 210px;
	animation: bingo-rise 0.7s ease both;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.descaler-shop-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22), 0 4px 12px rgba(0, 0, 0, 0.12);
}

.descaler-shop-card:nth-child(2) { animation-delay: 0.06s; }
.descaler-shop-card:nth-child(3) { animation-delay: 0.12s; }
.descaler-shop-card:nth-child(4) { animation-delay: 0.18s; }

.descaler-shop-card img {
	width: auto;
	max-width: 58%;
	max-height: 72px;
	height: auto;
	object-fit: contain;
	margin-inline: auto;
}

.descaler-shop-card:nth-child(1) img,
.descaler-shop-card:nth-child(3) img {
	max-width: 72%;
	max-height: 78px;
}

.descaler-shop-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 11rem;
	width: auto;
	padding: 0.7rem 1.4rem;
	border: 1px solid #00B67A;
	border-radius: 16px;
	background: var(--bingo-white);
	color: #00B67A;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
	transition: background 0.2s ease, color 0.2s ease;
}

.descaler-shop-btn:hover {
	background: #00B67A;
	color: var(--bingo-white);
}

.descaler-about {
	padding: 2.75rem 0 3rem;
	background: #F7F8F3;
}

.descaler-about-inner {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
	gap: 2rem 3rem;
	align-items: start;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
}

.descaler-features-title {
	margin: 0 0 1.5rem;
	font-size: clamp(1.25rem, 2.2vw, 1.55rem);
	font-weight: 800;
	color: #007A5A;
	text-align: center;
}

.descaler-features ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 0.7rem;
}

.descaler-features li {
	position: relative;
	padding-inline-start: 1.35rem;
	font-size: 15px;
	line-height: 1.7;
	font-weight: 600;
	color: #384652;
}

.descaler-features li::before {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	top: 0.55em;
	width: 0.55rem;
	height: 0.55rem;
	border-radius: 50%;
	background: #00B67A;
}

.descaler-about-copy p {
	margin: 0;
	font-size: 16px;
	line-height: 1.9;
	font-weight: 500;
	color: #384652;
	text-align: justify;
}

.descaler-newsletter {
	background: #007A5A;
}

.descaler-newsletter .newsletter-text,
.descaler-newsletter .newsletter-icon,
.descaler-newsletter-copy,
.descaler-newsletter-copy strong,
.descaler-newsletter-copy span {
	color: var(--bingo-white);
}

.descaler-newsletter-copy {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

.descaler-newsletter-copy strong {
	font-size: 1rem;
	font-weight: 800;
}

.descaler-newsletter-copy span {
	font-size: 0.875rem;
	opacity: 0.92;
}

@media (max-width: 1100px) {
	.descaler-shops-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		max-width: 640px;
	}
}

@media (max-width: 900px) {
	.descaler-hero {
		justify-content: flex-end;
		align-items: stretch;
		min-height: 92vh;
	}

	.descaler-hero-video--desktop {
		display: none;
	}

	.descaler-hero-video--mobile {
		display: block;
	}

	.descaler-hero-content {
		padding: 2rem 0 3rem;
		align-items: center;
	}

	.descaler-hero-content > * {
		text-align: center;
		max-width: 22rem;
	}

	.descaler-hero-title {
		font-size: 1.45rem;
	}

	.descaler-hero-accent {
		font-size: 1.15rem;
	}

	.descaler-card {
		aspect-ratio: auto;
		min-height: 280px;
		background-size: cover;
		background-position: 70% center;
	}

	.descaler-card-body {
		width: 72%;
		padding: 1.25rem 1.1rem 1.25rem 1.5rem;
	}

	.descaler-about-inner {
		grid-template-columns: 1fr;
		gap: 1.75rem;
	}

	.descaler-about-copy p {
		font-size: 14px;
		line-height: 1.85;
		text-align: center;
	}

	.descaler-features {
		order: -1;
	}
}

@media (max-width: 640px) {
	.descaler-products-head h2 {
		font-size: 1rem;
		padding-inline: 0.5rem;
	}

	.descaler-card-body {
		width: 78%;
		padding: 1rem 0.9rem 1rem 1.15rem;
	}

	.descaler-card-title {
		font-size: 1.2rem;
	}

	.descaler-card-scent {
		font-size: 1rem;
	}

	.descaler-card-desc p {
		font-size: 13px;
	}

	.descaler-size {
		padding: 7px 20px;
		font-size: 13px;
	}

	.descaler-shops-grid {
		grid-template-columns: 1fr;
		max-width: 320px;
	}
}


/* ---------- All-purpose cleaner PDP (content/colors from bingoiran.com + UI mock) ---------- */
.apc-page {
	background: var(--bingo-white);
}

.apc-hero {
	position: relative;
	min-height: 100vh;
	min-height: 100dvh;
	display: flex;
	align-items: flex-end;
	overflow: hidden;
	background: #0a3d32;
}

.apc-hero-media {
	position: absolute;
	inset: 0;
}

.apc-hero-video,
.apc-hero-fallback {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.apc-hero-video {
	z-index: 1;
}

.apc-hero-video--mobile {
	display: none;
}

.apc-hero-fallback {
	z-index: 0;
}

.apc-hero-content {
	position: relative;
	z-index: 2;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	padding: calc(var(--bingo-header-h) + 2rem) 0 4.5rem;
	color: var(--bingo-white);
	direction: ltr;
	text-align: left;
	animation: bingo-rise 0.8s ease both;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
}

.apc-hero-content > * {
	direction: rtl;
	text-align: left;
	width: auto;
	max-width: min(100%, 36rem);
	margin: 0;
	box-sizing: border-box;
}

.apc-hero-eyebrow {
	margin: 0 0 0.75rem;
	font-size: 15px;
	font-weight: 500;
	opacity: 0.95;
	line-height: 1.6;
}

.apc-hero-title {
	margin: 0 0 0.85rem;
	font-size: clamp(1.55rem, 3.4vw, 2.35rem);
	font-weight: 800;
	line-height: 1.35;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.1rem;
	text-align: left;
	color: var(--bingo-white);
}

.apc-hero-title span {
	display: block;
}

.apc-hero-accent {
	color: #00B67A;
	font-weight: 800;
}

.apc-hero-lead {
	margin: 0 0 0.85rem;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.95;
	opacity: 0.96;
}

.apc-hero-pipes {
	margin: 0;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.8;
	color: #00B67A;
}

.apc-products {
	background: #25292C;
	padding-bottom: 2.75rem;
}

.apc-products-head {
	background: #25292C;
	padding: 1.35rem 0 0.35rem;
	margin-bottom: 1.25rem;
}

.apc-products-head h2 {
	margin: 0;
	text-align: center;
	color: var(--bingo-white);
	font-size: clamp(1.05rem, 2vw, 1.35rem);
	font-weight: 700;
}

.apc-products-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.35rem;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	box-sizing: border-box;
}

.apc-card {
	position: relative;
	aspect-ratio: 1169 / 476;
	min-height: 0;
	height: auto;
	width: 100%;
	border-radius: var(--bingo-radius);
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #0a3d32;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.32);
	overflow: hidden;
	display: block;
	transition: transform 0.35s ease, box-shadow 0.35s ease;
	animation: bingo-rise 0.7s ease both;
}

.apc-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.34);
}

.apc-card-body {
	position: absolute;
	top: 0;
	left: 0;
	right: auto;
	bottom: 0;
	z-index: 1;
	width: min(100%, 52%);
	padding: 1.25rem 1.4rem 1.25rem 4.5rem;
	color: var(--bingo-white);
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	box-sizing: border-box;
	direction: ltr;
}

.apc-card-body > * {
	direction: rtl;
	text-align: left;
	width: auto;
	max-width: 100%;
	margin-inline: 0;
	box-sizing: border-box;
}

.apc-card-kicker {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	color: var(--bingo-white);
	opacity: 0.95;
}

.apc-card-title {
	margin: 0.15rem 0 0.65rem;
	font-size: clamp(1.45rem, 2.6vw, 1.95rem);
	font-weight: 800;
	line-height: 1.25;
	color: #00B67A;
}

.apc-card-desc {
	margin: 0 0 0.55rem;
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

.apc-card-desc p {
	margin: 0;
	font-size: 14px;
	line-height: 1.7;
	font-weight: 500;
	opacity: 0.96;
}

.apc-card-tags {
	margin: 0;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.6;
	color: #00B67A;
}

.apc-shops {
	padding: 2.5rem 0 2.75rem;
	background: #006B63;
}

.apc-shops-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1.15rem;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	align-items: stretch;
}

.apc-shop-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	gap: 1.15rem;
	padding: 1.85rem 1.15rem 1.4rem;
	border-radius: 16px;
	background: var(--bingo-white);
	box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.5);
	text-align: center;
	min-height: 210px;
	animation: bingo-rise 0.7s ease both;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.apc-shop-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22), 0 4px 12px rgba(0, 0, 0, 0.12);
}

.apc-shop-card:nth-child(2) { animation-delay: 0.06s; }
.apc-shop-card:nth-child(3) { animation-delay: 0.12s; }
.apc-shop-card:nth-child(4) { animation-delay: 0.18s; }

.apc-shop-card img {
	width: auto;
	max-width: 58%;
	max-height: 72px;
	height: auto;
	object-fit: contain;
	margin-inline: auto;
}

.apc-shop-card:nth-child(1) img,
.apc-shop-card:nth-child(3) img {
	max-width: 72%;
	max-height: 78px;
}

.apc-shop-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 11rem;
	width: auto;
	padding: 0.7rem 1.4rem;
	border: 1px solid #00B67A;
	border-radius: 16px;
	background: var(--bingo-white);
	color: #00B67A;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
	transition: background 0.2s ease, color 0.2s ease;
}

.apc-shop-btn:hover {
	background: #00B67A;
	color: var(--bingo-white);
}

.apc-about {
	padding: 2.75rem 0 3rem;
	background: #F7F8F3;
}

.apc-about-inner {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
	gap: 2rem 3rem;
	align-items: start;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
}

.apc-features-title {
	margin: 0 0 1rem;
	font-size: clamp(1.25rem, 2.2vw, 1.55rem);
	font-weight: 800;
	color: #007A5A;
	text-align: right;
}

.apc-features ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
}

.apc-features li {
	position: relative;
	padding-inline-start: 1.65rem;
	font-size: 15px;
	line-height: 1.7;
	font-weight: 600;
	color: #384652;
}

.apc-features li::before {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	top: 0.35em;
	width: 1.05rem;
	height: 1.05rem;
	border-radius: 50%;
	background: #00B67A;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
	background-size: 0.7rem;
	background-repeat: no-repeat;
	background-position: center;
}

.apc-about-copy p {
	margin: 0;
	font-size: 16px;
	line-height: 1.9;
	font-weight: 500;
	color: #384652;
	text-align: justify;
}

.apc-newsletter {
	background: #007A5A;
}

.apc-newsletter .newsletter-text,
.apc-newsletter .newsletter-icon,
.apc-newsletter-copy,
.apc-newsletter-copy strong,
.apc-newsletter-copy span {
	color: var(--bingo-white);
}

.apc-newsletter-copy {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

.apc-newsletter-copy strong {
	font-size: 1rem;
	font-weight: 800;
}

.apc-newsletter-copy span {
	font-size: 0.875rem;
	opacity: 0.92;
}

@media (max-width: 1100px) {
	.apc-shops-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		max-width: 640px;
	}
}

@media (max-width: 900px) {
	.apc-hero {
		justify-content: flex-end;
		align-items: stretch;
		min-height: 92vh;
	}

	.apc-hero-video--desktop {
		display: none;
	}

	.apc-hero-video--mobile {
		display: block;
	}

	.apc-hero-content {
		padding: 2rem 0 3rem;
		align-items: center;
	}

	.apc-hero-content > * {
		text-align: center;
		max-width: 22rem;
	}

	.apc-hero-title {
		align-items: center;
		font-size: 1.45rem;
	}

	.apc-card {
		aspect-ratio: auto;
		min-height: 280px;
		background-size: cover;
		background-position: 70% center;
	}

	.apc-card-body {
		width: 72%;
		padding: 1.25rem 1.1rem 1.25rem 1.5rem;
	}

	.apc-about-inner {
		grid-template-columns: 1fr;
		gap: 1.75rem;
	}

	.apc-features-title {
		text-align: center;
	}

	.apc-features li {
		text-align: right;
	}

	.apc-about-copy p {
		font-size: 14px;
		line-height: 1.85;
		text-align: center;
	}
}

@media (max-width: 640px) {
	.apc-products-head h2 {
		font-size: 1rem;
		padding-inline: 0.5rem;
	}

	.apc-card-body {
		width: 78%;
		padding: 1rem 0.9rem 1rem 1.15rem;
	}

	.apc-card-kicker {
		font-size: 13px;
	}

	.apc-card-title {
		font-size: 1.25rem;
	}

	.apc-card-desc p {
		font-size: 13px;
	}

	.apc-card-tags {
		font-size: 12px;
	}

	.apc-shops-grid {
		grid-template-columns: 1fr;
		max-width: 320px;
	}
}


/* ---------- Glass cleaner PDP (content/colors from bingoiran.com + UI mock) ---------- */
.glass-page {
	background: var(--bingo-white);
}

.glass-hero {
	position: relative;
	min-height: 100vh;
	min-height: 100dvh;
	display: flex;
	align-items: flex-end;
	overflow: hidden;
	background: #0a3d32;
}

.glass-hero-media {
	position: absolute;
	inset: 0;
}

.glass-hero-video,
.glass-hero-fallback {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.glass-hero-video {
	z-index: 1;
}

.glass-hero-video--mobile {
	display: none;
}

.glass-hero-fallback {
	z-index: 0;
}

.glass-hero-content {
	position: relative;
	z-index: 2;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	padding: calc(var(--bingo-header-h) + 2rem) 0 4.5rem;
	color: var(--bingo-white);
	direction: ltr;
	text-align: left;
	animation: bingo-rise 0.8s ease both;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
}

.glass-hero-content > * {
	direction: rtl;
	text-align: left;
	width: auto;
	max-width: min(100%, 36rem);
	margin: 0;
	box-sizing: border-box;
}

.glass-hero-eyebrow {
	margin: 0 0 0.75rem;
	font-size: 15px;
	font-weight: 500;
	opacity: 0.95;
	line-height: 1.6;
}

.glass-hero-title {
	margin: 0 0 0.85rem;
	font-size: clamp(1.55rem, 3.4vw, 2.35rem);
	font-weight: 800;
	line-height: 1.35;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.1rem;
	text-align: left;
	color: var(--bingo-white);
}

.glass-hero-title span {
	display: block;
}

.glass-hero-accent {
	color: #00B67A;
	font-weight: 800;
}

.glass-hero-lead {
	margin: 0 0 0.85rem;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.95;
	opacity: 0.96;
}

.glass-hero-pipes {
	margin: 0;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.8;
	color: #00B67A;
}

.glass-products {
	background: #25292C;
	padding-bottom: 2.75rem;
}

.glass-products-head {
	background: #25292C;
	padding: 1.35rem 0 0.35rem;
	margin-bottom: 1.25rem;
}

.glass-products-head h2 {
	margin: 0;
	text-align: center;
	color: var(--bingo-white);
	font-size: clamp(1.05rem, 2vw, 1.35rem);
	font-weight: 700;
}

.glass-products-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.35rem;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	box-sizing: border-box;
}

.glass-card {
	position: relative;
	aspect-ratio: 1169 / 476;
	min-height: 0;
	height: auto;
	width: 100%;
	border-radius: var(--bingo-radius);
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #0a3d32;
	box-shadow: 0 0 14px rgba(0, 182, 122, 0.28), 0 0 10px rgba(0, 0, 0, 0.32);
	overflow: hidden;
	display: block;
	transition: transform 0.35s ease, box-shadow 0.35s ease;
	animation: bingo-rise 0.7s ease both;
}

.glass-card:nth-child(2) { animation-delay: 0.05s; }
.glass-card:nth-child(3) { animation-delay: 0.1s; }
.glass-card:nth-child(4) { animation-delay: 0.15s; }

.glass-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 0 18px rgba(0, 182, 122, 0.4), 0 10px 24px rgba(0, 0, 0, 0.34);
}

.glass-card-body {
	position: absolute;
	top: 0;
	left: 0;
	right: auto;
	bottom: 0;
	z-index: 1;
	width: min(100%, 52%);
	padding: 1.25rem 1.4rem 1.25rem 4.5rem;
	color: var(--bingo-white);
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	box-sizing: border-box;
	direction: ltr;
}

.glass-card-body > * {
	direction: rtl;
	text-align: left;
	width: auto;
	max-width: 100%;
	margin-inline: 0;
	box-sizing: border-box;
}

.glass-card-kicker {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	color: var(--bingo-white);
	opacity: 0.95;
}

.glass-card-title {
	margin: 0.15rem 0 0.65rem;
	font-size: clamp(1.45rem, 2.6vw, 1.95rem);
	font-weight: 800;
	line-height: 1.25;
	color: #00B67A;
}

.glass-card-desc {
	margin: 0 0 0.55rem;
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

.glass-card-desc p {
	margin: 0;
	font-size: 14px;
	line-height: 1.7;
	font-weight: 500;
	opacity: 0.96;
}

.glass-card-tags {
	margin: 0 0 0.75rem;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.6;
	color: #00B67A;
}

.glass-size {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 0.15rem;
	padding: 9px 25px;
	border-radius: 6px;
	background: #00B67A;
	color: var(--bingo-white);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.3;
	align-self: flex-start;
}

.glass-shops {
	padding: 2.5rem 0 2.75rem;
	background: #006B63;
}

.glass-shops-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1.15rem;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
	align-items: stretch;
}

.glass-shop-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	gap: 1.15rem;
	padding: 1.85rem 1.15rem 1.4rem;
	border-radius: 16px;
	background: var(--bingo-white);
	box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.5);
	text-align: center;
	min-height: 210px;
	animation: bingo-rise 0.7s ease both;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.glass-shop-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22), 0 4px 12px rgba(0, 0, 0, 0.12);
}

.glass-shop-card:nth-child(2) { animation-delay: 0.06s; }
.glass-shop-card:nth-child(3) { animation-delay: 0.12s; }
.glass-shop-card:nth-child(4) { animation-delay: 0.18s; }

.glass-shop-card img {
	width: auto;
	max-width: 58%;
	max-height: 72px;
	height: auto;
	object-fit: contain;
	margin-inline: auto;
}

.glass-shop-card:nth-child(1) img,
.glass-shop-card:nth-child(3) img {
	max-width: 72%;
	max-height: 78px;
}

.glass-shop-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 11rem;
	width: auto;
	padding: 0.7rem 1.4rem;
	border: 1px solid #00B67A;
	border-radius: 16px;
	background: var(--bingo-white);
	color: #00B67A;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
	transition: background 0.2s ease, color 0.2s ease;
}

.glass-shop-btn:hover {
	background: #00B67A;
	color: var(--bingo-white);
}

.glass-about {
	padding: 2.75rem 0 3rem;
	background: #F7F8F3;
}

.glass-about-inner {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
	gap: 2rem 3rem;
	align-items: start;
	width: min(100% - 2rem, var(--bingo-container));
	margin-inline: auto;
}

.glass-features-title {
	margin: 0 0 1rem;
	font-size: clamp(1.25rem, 2.2vw, 1.55rem);
	font-weight: 800;
	color: #007A5A;
	text-align: right;
}

.glass-features ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
}

.glass-features li {
	position: relative;
	padding-inline-start: 1.65rem;
	font-size: 15px;
	line-height: 1.7;
	font-weight: 600;
	color: #384652;
}

.glass-features li::before {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	top: 0.35em;
	width: 1.05rem;
	height: 1.05rem;
	border-radius: 50%;
	background: #00B67A;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
	background-size: 0.7rem;
	background-repeat: no-repeat;
	background-position: center;
}

.glass-about-copy p {
	margin: 0;
	font-size: 16px;
	line-height: 1.9;
	font-weight: 500;
	color: #384652;
	text-align: justify;
}

.glass-newsletter {
	background: #007A5A;
}

.glass-newsletter .newsletter-text,
.glass-newsletter .newsletter-icon,
.glass-newsletter-copy,
.glass-newsletter-copy strong,
.glass-newsletter-copy span {
	color: var(--bingo-white);
}

.glass-newsletter-copy {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

.glass-newsletter-copy strong {
	font-size: 1rem;
	font-weight: 800;
}

.glass-newsletter-copy span {
	font-size: 0.875rem;
	opacity: 0.92;
}

@media (max-width: 1100px) {
	.glass-shops-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		max-width: 640px;
	}
}

@media (max-width: 900px) {
	.glass-hero {
		justify-content: flex-end;
		align-items: stretch;
		min-height: 92vh;
	}

	.glass-hero-video--desktop {
		display: none;
	}

	.glass-hero-video--mobile {
		display: block;
	}

	.glass-hero-content {
		padding: 2rem 0 3rem;
		align-items: center;
	}

	.glass-hero-content > * {
		text-align: center;
		max-width: 22rem;
	}

	.glass-hero-title {
		align-items: center;
		font-size: 1.45rem;
	}

	.glass-card {
		aspect-ratio: auto;
		min-height: 280px;
		background-size: cover;
		background-position: 70% center;
	}

	.glass-card-body {
		width: 72%;
		padding: 1.25rem 1.1rem 1.25rem 1.5rem;
	}

	.glass-about-inner {
		grid-template-columns: 1fr;
		gap: 1.75rem;
	}

	.glass-features-title {
		text-align: center;
	}

	.glass-features li {
		text-align: right;
	}

	.glass-about-copy p {
		font-size: 14px;
		line-height: 1.85;
		text-align: center;
	}
}

@media (max-width: 640px) {
	.glass-products-head h2 {
		font-size: 1rem;
		padding-inline: 0.5rem;
	}

	.glass-card-body {
		width: 78%;
		padding: 1rem 0.9rem 1rem 1.15rem;
	}

	.glass-card-kicker {
		font-size: 13px;
	}

	.glass-card-title {
		font-size: 1.25rem;
	}

	.glass-card-desc p {
		font-size: 13px;
	}

	.glass-card-tags {
		font-size: 12px;
	}

	.glass-size {
		padding: 7px 20px;
		font-size: 13px;
	}

	.glass-shops-grid {
		grid-template-columns: 1fr;
		max-width: 320px;
	}
}

/* —— About / Contact / Dealership info pages —— */
.info-page {
	padding-bottom: 3rem;
	background: var(--bingo-bg);
}

.info-hero {
	background: linear-gradient(160deg, var(--bingo-green-deep) 0%, var(--bingo-green) 55%, var(--bingo-green-teal) 100%);
	color: var(--bingo-white);
	padding: calc(var(--bingo-header-h) + 3rem) 0 3rem;
}

.info-hero-inner {
	max-width: 40rem;
}

.info-hero-eyebrow {
	margin: 0 0 0.75rem;
	font-size: 0.9rem;
	opacity: 0.85;
	letter-spacing: 0.02em;
}

.info-hero-title {
	margin: 0 0 0.85rem;
	font-size: clamp(1.75rem, 4vw, 2.5rem);
	font-weight: 800;
	line-height: 1.25;
}

.info-hero-lead {
	margin: 0;
	font-size: clamp(1rem, 2.2vw, 1.2rem);
	line-height: 1.8;
	opacity: 0.95;
}

.info-section {
	padding: 3rem 0;
}

.info-section--alt {
	background: var(--bingo-white);
}

.info-section-title {
	margin: 0 0 1.5rem;
	font-size: clamp(1.2rem, 2.5vw, 1.55rem);
	color: var(--bingo-green-deep);
}

.info-prose {
	max-width: 42rem;
}

.info-prose p {
	margin: 0 0 1rem;
	font-size: 1.05rem;
	line-height: 1.9;
	color: var(--bingo-slate);
}

.info-cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.25rem;
}

.info-card {
	background: var(--bingo-bg-soft);
	border: 1px solid rgba(15, 47, 44, 0.08);
	border-radius: var(--bingo-radius);
	padding: 1.35rem 1.25rem;
}

.info-section--alt .info-card {
	background: var(--bingo-bg);
}

.info-card h3 {
	margin: 0 0 0.6rem;
	font-size: 1.05rem;
	color: var(--bingo-green);
}

.info-card p {
	margin: 0;
	font-size: 0.95rem;
	line-height: 1.75;
	color: var(--bingo-muted);
}

.info-cta {
	padding: 0 0 1rem;
}

.info-cta-inner {
	background: var(--bingo-white);
	border-radius: var(--bingo-radius);
	padding: 2rem 1.5rem;
	text-align: center;
	border: 1px solid rgba(15, 47, 44, 0.08);
}

.info-cta-inner h2 {
	margin: 0 0 0.5rem;
	font-size: 1.35rem;
	color: var(--bingo-green-deep);
}

.info-cta-inner p {
	margin: 0 0 1.25rem;
	color: var(--bingo-muted);
}

.info-cta-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	justify-content: center;
}

.info-btn-outline {
	background: transparent;
	color: var(--bingo-green);
	border-color: var(--bingo-green);
}

.contact-grid {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: 2rem;
	align-items: start;
}

.contact-list {
	display: grid;
	gap: 1rem;
	margin: 0 0 1.25rem;
}

.contact-list li {
	display: grid;
	gap: 0.25rem;
	padding: 1rem 1.1rem;
	background: var(--bingo-white);
	border-radius: 12px;
	border: 1px solid rgba(15, 47, 44, 0.08);
}

.contact-list strong {
	color: var(--bingo-green-deep);
	font-size: 0.92rem;
}

.contact-list a,
.contact-list span {
	color: var(--bingo-slate);
	font-size: 1rem;
}

.contact-list a:hover {
	color: var(--bingo-green);
}

.contact-note {
	margin: 0;
	font-size: 0.92rem;
	color: var(--bingo-muted);
}

.contact-form-wrap {
	background: var(--bingo-white);
	border-radius: var(--bingo-radius);
	padding: 1.5rem;
	border: 1px solid rgba(15, 47, 44, 0.08);
}

.contact-form-wrap--wide {
	max-width: 40rem;
	margin-inline: auto;
}

.contact-form {
	display: grid;
	gap: 0.45rem;
}

.contact-form label {
	margin-top: 0.55rem;
	font-size: 0.9rem;
	color: var(--bingo-green-deep);
}

.contact-form input,
.contact-form textarea {
	width: 100%;
	border: 1px solid #d5d8d2;
	border-radius: 8px;
	padding: 0.7rem 0.85rem;
	font: inherit;
	color: var(--bingo-text);
	background: #fff;
}

.contact-form input:focus,
.contact-form textarea:focus {
	outline: 2px solid rgba(0, 122, 90, 0.25);
	border-color: var(--bingo-green);
}

.contact-form .btn-solid {
	margin-top: 1rem;
	justify-self: start;
	border: 0;
	cursor: pointer;
}

@media (max-width: 900px) {
	.info-cards,
	.contact-grid {
		grid-template-columns: 1fr;
	}

	.info-hero {
		padding-top: calc(var(--bingo-header-h) + 2rem);
	}
}


/* —— Contact Us page (UI match) —— */
.contact-page {
	background: var(--bingo-bg);
	padding-bottom: 0;
}

.cont-hero {
	position: relative;
	isolation: isolate;
	min-height: clamp(520px, 72vh, 760px);
	display: flex;
	align-items: center;
	padding: calc(var(--bingo-header-h) + 2rem) 0 2.5rem;
	overflow: hidden;
	background: #062618;
}

.cont-hero-media {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.cont-hero-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center right;
}

.cont-hero-img--mobile {
	display: none;
	object-position: center top;
}

.cont-hero-inner {
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: flex-end;
	width: min(100% - 2rem, var(--bingo-container));
}

.cont-form-card {
	width: min(100%, 420px);
	background: var(--bingo-white);
	border-radius: 18px;
	padding: 1.45rem 1.35rem 1.4rem;
	box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
}

.cont-form-head {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	margin-bottom: 1.1rem;
}

.cont-form-head-icon {
	width: 28px;
	height: 28px;
	color: var(--bingo-green);
	flex-shrink: 0;
}

.cont-form-title {
	margin: 0;
	font-size: 1.35rem;
	font-weight: 800;
	color: var(--bingo-green-deep);
	line-height: 1.3;
}

.cont-form {
	display: grid;
	gap: 0.75rem;
}

.cont-field {
	position: relative;
}

.cont-field input,
.cont-field textarea {
	width: 100%;
	border: 1px solid #d8dcd6;
	border-radius: 10px;
	padding: 0.82rem 2.6rem 0.82rem 0.95rem;
	font: inherit;
	font-size: 0.95rem;
	color: var(--bingo-text);
	background: #fff;
	text-align: right;
	direction: rtl;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.cont-field textarea {
	min-height: 132px;
	resize: vertical;
	padding-top: 0.9rem;
}

.cont-field input::placeholder,
.cont-field textarea::placeholder {
	color: #8a918a;
}

.cont-field input:focus,
.cont-field textarea:focus {
	outline: none;
	border-color: var(--bingo-green);
	box-shadow: 0 0 0 3px rgba(0, 122, 90, 0.14);
}

.cont-field-icon {
	position: absolute;
	top: 50%;
	right: 0.85rem;
	left: auto;
	width: 20px;
	height: 20px;
	transform: translateY(-50%);
	color: #7a857c;
	pointer-events: none;
}

.cont-field--textarea .cont-field-icon {
	top: 1.05rem;
	transform: none;
}

.cont-submit {
	width: 100%;
	margin-top: 0.35rem;
	border: 0;
	border-radius: 10px;
	padding: 0.9rem 1rem;
	background: var(--bingo-green);
	color: var(--bingo-white);
	font: inherit;
	font-size: 1rem;
	font-weight: 700;
	cursor: pointer;
	transition: background 0.2s ease, transform 0.2s ease;
}

.cont-submit:hover {
	background: var(--bingo-green-teal);
}

.cont-submit:active {
	transform: translateY(1px);
}

.cont-info {
	padding: 1.75rem 0 0.5rem;
}

.cont-info-card {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0;
	background: var(--bingo-white);
	border-radius: 18px;
	box-shadow: 0 10px 32px rgba(15, 47, 44, 0.08);
	overflow: hidden;
}

.cont-info-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 0.35rem;
	padding: 1.55rem 1.1rem 1.45rem;
	position: relative;
}

.cont-info-item:not(:last-child)::after {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	top: 18%;
	bottom: 18%;
	width: 1px;
	background: rgba(15, 47, 44, 0.1);
}

.cont-info-icon {
	width: 56px;
	height: 56px;
	object-fit: contain;
	margin-bottom: 0.35rem;
}

.cont-info-item h2 {
	margin: 0;
	font-size: 1.02rem;
	font-weight: 800;
	color: var(--bingo-green-deep);
}

.cont-info-primary {
	margin: 0.15rem 0 0;
	font-size: 0.98rem;
	font-weight: 700;
	color: var(--bingo-slate);
	line-height: 1.6;
}

a.cont-info-primary:hover {
	color: var(--bingo-green);
}

.cont-info-item p {
	margin: 0;
	font-size: 0.88rem;
	line-height: 1.7;
	color: var(--bingo-muted);
}

.cont-map {
	padding: 1.5rem 0 0.75rem;
}

.cont-map-card {
	display: grid;
	grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
	gap: 0;
	align-items: stretch;
	background: var(--bingo-white);
	border-radius: 18px;
	overflow: hidden;
	box-shadow: 0 10px 32px rgba(15, 47, 44, 0.08);
	min-height: 280px;
}

.cont-map-frame {
	min-height: 280px;
	background: #e8eee9;
}

.cont-map-frame iframe {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 280px;
	border: 0;
}

.cont-map-copy {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 1.25rem;
	padding: 2rem 1.5rem;
	text-align: center;
}

.cont-map-copy h2 {
	margin: 0;
	font-size: clamp(1.25rem, 2.4vw, 1.7rem);
	font-weight: 800;
	color: var(--bingo-green-deep);
	line-height: 1.45;
}

.cont-map-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	padding: 0.72rem 1.35rem;
	border: 1.5px solid var(--bingo-green);
	border-radius: 10px;
	background: var(--bingo-white);
	color: var(--bingo-green);
	font-size: 0.95rem;
	font-weight: 700;
	transition: background 0.2s ease, color 0.2s ease;
}

.cont-map-btn svg {
	width: 18px;
	height: 18px;
}

.cont-map-btn:hover {
	background: var(--bingo-green);
	color: var(--bingo-white);
}

.cont-faq {
	padding: 1.5rem 0 2rem;
}

.cont-faq-panel {
	background: var(--bingo-green-teal);
	border-radius: 18px;
	padding: 1.35rem 1.25rem 1.25rem;
	box-shadow: 0 8px 28px rgba(0, 107, 99, 0.28);
}

.cont-faq-panel h2 {
	margin: 0 0 1rem;
	text-align: center;
	color: var(--bingo-white);
	font-size: clamp(1.05rem, 2vw, 1.35rem);
	font-weight: 800;
}

.cont-accordion {
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
}

.cont-accordion-item {
	background: transparent;
}

.cont-accordion-item summary {
	list-style: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.85rem;
	padding: 0.85rem 1.1rem;
	font-size: 0.95rem;
	font-weight: 600;
	color: var(--bingo-text);
	background: var(--bingo-white);
	border-radius: 10px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
}

.cont-accordion-item summary::-webkit-details-marker {
	display: none;
}

.cont-accordion-icon {
	width: 10px;
	height: 10px;
	border-left: 2px solid var(--bingo-green-deep);
	border-bottom: 2px solid var(--bingo-green-deep);
	transform: rotate(-45deg);
	flex-shrink: 0;
	margin-inline-end: 0.2rem;
	transition: transform 0.2s ease;
}

.cont-accordion-item[open] .cont-accordion-icon {
	transform: rotate(135deg);
}

.cont-accordion-answer {
	padding: 0.85rem 1.05rem 0.35rem;
}

.cont-accordion-answer p {
	margin: 0;
	padding: 0.85rem 1rem;
	background: rgba(255, 255, 255, 0.94);
	border-radius: 10px;
	font-size: 0.9rem;
	line-height: 1.85;
	color: var(--bingo-slate);
}

.cont-accordion-answer a {
	color: var(--bingo-green);
	font-weight: 700;
}


/* Contact page — tip + read-more (after FAQ) */
.cont-tip {
	padding: 4.5rem 0 4rem;
	background: #f8f8f4;
	text-align: center;
}

.cont-tip-inner {
	max-width: 52rem;
	margin-inline: auto;
}

.cont-tip h2 {
	margin: 0 0 1.35rem;
	font-size: clamp(1.35rem, 2.2vw, 1.75rem);
	font-weight: 700;
	line-height: 1.55;
	color: #333333;
}

.cont-tip p {
	margin: 0;
	font-size: clamp(0.92rem, 1.35vw, 1.05rem);
	line-height: 2.05;
	color: #333333;
	font-weight: 400;
}

.cont-more {
	padding: 2.75rem 0 3.25rem;
	background: var(--bingo-green-teal);
}

.cont-more-inner {
	margin-inline: auto;
	text-align: center;
}

.cont-more-details {
	margin: 0;
}

.cont-more-details > summary {
	list-style: none;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	margin: 0 0 1.35rem;
	padding: 0;
	color: var(--bingo-white);
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.4;
	user-select: none;
}

.cont-more-details > summary::-webkit-details-marker {
	display: none;
}

.cont-more-chevron {
	display: inline-block;
	font-weight: 400;
	transform: translateY(1px);
}

.cont-more-details:not([open]) .cont-more-chevron {
	transform: translateY(1px);
}

.cont-more-pill {
	background: var(--bingo-white);
	border-radius: 16px;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.14);
	padding: 1.35rem 1.75rem;
}

.cont-more-pill p {
	margin: 0;
	font-size: clamp(0.88rem, 1.2vw, 1rem);
	line-height: 1.95;
	color: #333333;
	text-align: center;
}

@media (max-width: 768px) {
	.cont-tip {
		padding: 3.25rem 0 2.75rem;
	}

	.cont-more {
		padding: 2.1rem 0 2.5rem;
	}

	.cont-more-pill {
		border-radius: 14px;
		padding: 1.15rem 1.35rem;
	}

	.cont-more-details > summary {
		margin-bottom: 1.1rem;
		font-size: 0.95rem;
	}
}

.cont-newsletter {
	margin-top: 0;
}

@media (max-width: 1024px) {
	.cont-info-card {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.cont-info-item:nth-child(2n)::after {
		display: none;
	}

	.cont-info-item:nth-child(-n+2) {
		border-bottom: 1px solid rgba(15, 47, 44, 0.08);
	}

	.cont-map-card {
		grid-template-columns: 1fr;
	}

	.cont-map-frame,
	.cont-map-frame iframe {
		min-height: 240px;
	}
}

@media (max-width: 900px) {
	.cont-hero {
		min-height: calc(100vh - var(--bingo-header-h) + 4.5cm);
		min-height: calc(100dvh - var(--bingo-header-h) + 4.5cm);
		align-items: flex-end;
		padding: calc(var(--bingo-header-h) + 1rem) 0 1.75rem;
	}

	.cont-hero-img--desktop {
		display: none;
	}

	.cont-hero-img--mobile {
		display: block;
		object-position: center top;
	}

	.cont-hero-inner {
		justify-content: center;
		padding-top: calc(min(42vw, 280px) + 4.5cm);
	}

	.cont-form-card {
		width: min(100%, 440px);
		margin-inline: auto;
	}
}

@media (max-width: 640px) {
	.cont-info-card {
		grid-template-columns: 1fr;
	}

	.cont-info-item:not(:last-child)::after {
		display: none;
	}

	.cont-info-item:not(:last-child) {
		border-bottom: 1px solid rgba(15, 47, 44, 0.08);
	}

	.cont-info-item:nth-child(-n+2) {
		border-bottom: 1px solid rgba(15, 47, 44, 0.08);
	}

	.cont-form-card {
		padding: 1.25rem 1.1rem 1.2rem;
	}

	.cont-accordion-item summary {
		font-size: 0.88rem;
		padding: 0.75rem 0.9rem;
	}

	.cont-hero-inner {
		padding-top: calc(min(48vw, 320px) + 4.5cm);
	}
}


/* —— About Us page (UI match) —— */
.about-page {
	background: var(--bingo-white);
	padding-bottom: 0;
}

.about-hero {
	position: relative;
	isolation: isolate;
	min-height: clamp(640px, 88vh, 920px);
	display: flex;
	align-items: center;
	padding: calc(var(--bingo-header-h) + 1.5rem) 0 3rem;
	overflow: hidden;
	background: #04190c;
}

.about-hero-media {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.about-hero-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center right;
}

.about-hero-img--mobile {
	display: none;
	object-position: center top;
}

.about-hero-inner {
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: flex-end;
	width: min(100% - 2rem, var(--bingo-container));
}

.about-hero-copy {
	width: min(100%, 38rem);
	color: var(--bingo-white);
	text-align: right;
}

.about-hero-title {
	margin: 0 0 1.25rem;
	font-size: clamp(2rem, 4.2vw, 3.15rem);
	font-weight: 800;
	line-height: 1.25;
	color: #c6e9d1;
}

.about-hero-copy p {
	margin: 0 0 1.05rem;
	font-size: clamp(0.92rem, 1.35vw, 1.05rem);
	line-height: 2;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.96);
}

.about-hero-lead {
	max-width: 34rem;
}

.about-hero-quote {
	margin: 1.35rem 0 1.15rem !important;
	font-size: clamp(1.02rem, 1.6vw, 1.2rem) !important;
	font-weight: 700 !important;
	line-height: 1.8 !important;
	color: #fff !important;
}

.about-hero-copy p:last-child {
	margin-bottom: 0;
}

.about-values {
	padding: 2.25rem 0 1rem;
	background: var(--bingo-white);
}

.about-values-panel {
	background: var(--bingo-green-teal);
	border-radius: 18px;
	padding: clamp(1.6rem, 3vw, 2.35rem) clamp(1.25rem, 3.5vw, 3rem);
	box-shadow: 0 10px 32px rgba(0, 107, 99, 0.22);
	text-align: center;
}

.about-values-panel p {
	margin: 0;
	color: var(--bingo-white);
	font-size: clamp(0.92rem, 1.35vw, 1.05rem);
	line-height: 2.05;
	font-weight: 400;
}

.about-values-panel p + p {
	margin-top: 1.35rem;
}

.about-social {
	padding: 1.35rem 0 1.45rem;
	background: var(--bingo-green-teal);
}

.about-social-inner {
	background: transparent;
	border-radius: 0;
	padding: 0;
	text-align: left;
	box-shadow: none;
}

.about-social-inner h2 {
	margin: 0 0 1rem;
	padding-inline: 0;
	color: var(--bingo-white);
	font-size: clamp(1.05rem, 2vw, 1.35rem);
	font-weight: 800;
	text-align: left;
}

.about-social-icons {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	direction: ltr;
	gap: 1.35rem;
	flex-wrap: wrap;
	padding-inline: 0;
}

.about-social-icons a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: auto;
	min-width: 0;
	min-height: 0;
	padding: 0;
	color: var(--bingo-white);
	border: 0 none !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	outline: none;
	transition: color 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
}

.about-social-icons a:hover,
.about-social-icons a:focus {
	background: transparent !important;
	border: 0 none !important;
	box-shadow: none !important;
	color: var(--bingo-white);
	opacity: 0.75;
	transform: translateY(-2px);
}

.about-faq {
	padding-top: 3.75rem;
}

.about-tip {
	background: var(--bingo-white);
}

.about-more {
	padding: 2.75rem 0 3.25rem;
	background: var(--bingo-green-teal);
	border-bottom: 4px solid var(--bingo-green-bright);
}

.about-more-inner {
	text-align: center;
}

.about-more-details {
	margin: 0;
}

.about-more-details > summary {
	list-style: none;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	margin: 0 0 1.35rem;
	padding: 0;
	color: var(--bingo-white);
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.4;
	user-select: none;
}

.about-more-details > summary::-webkit-details-marker {
	display: none;
}

.about-more-chevron {
	display: inline-block;
	font-weight: 400;
	transform: translateY(1px);
}

.about-more-pill {
	background: var(--bingo-white);
	border-radius: 16px;
	padding: 1.45rem 2rem;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.14);
	width: 100%;
}

.about-more-pill p {
	margin: 0;
	font-size: clamp(0.88rem, 1.2vw, 1rem);
	line-height: 1.95;
	color: #555555;
	text-align: center;
}

.about-newsletter .newsletter-text {
	font-weight: 600;
	max-width: 34rem;
}

.about-newsletter-btn {
	background-color: #192E59 !important;
}

.about-newsletter-btn:hover {
	background-color: #122447 !important;
}

@media (max-width: 900px) {
	.about-hero {
		min-height: calc(100vh - var(--bingo-header-h) + 4.5rem);
		min-height: calc(100dvh - var(--bingo-header-h) + 4.5rem);
		align-items: flex-end;
		padding: calc(var(--bingo-header-h) + 0.75rem) 0 2.75rem;
	}

	.about-hero-img--desktop {
		display: none;
	}

	.about-hero-img--mobile {
		display: block;
		object-position: center top;
	}

	.about-hero-inner {
		justify-content: center;
		padding-top: min(64vw, 420px);
	}

	.about-hero-copy {
		width: min(100%, 34rem);
	}

	.about-hero-title {
		font-size: clamp(1.7rem, 7vw, 2.2rem);
		margin-bottom: 1rem;
	}

	.about-hero-copy p {
		font-size: 0.92rem;
		line-height: 1.95;
	}

	.about-values {
		padding: 1.5rem 0 0.85rem;
	}

	.about-social {
		padding: 1.2rem 0 1.3rem;
	}

	.about-social-inner {
		border-radius: 0;
		padding: 0;
	}

	.about-more {
		padding: 2.1rem 0 2.5rem;
	}

	.about-more-details > summary {
		margin-bottom: 1.1rem;
		font-size: 0.95rem;
	}

	.about-more-pill {
		border-radius: 14px;
		padding: 1.2rem 1.4rem;
	}
}

@media (max-width: 640px) {
	.about-hero-inner {
		padding-top: min(72vw, 460px);
	}

	.about-social-icons {
		gap: 1rem;
	}

	.about-social-icons a {
		width: auto;
		height: auto;
	}

	.about-newsletter .newsletter-text {
		font-size: 0.9rem;
		line-height: 1.7;
	}
}


/* —— Dealership / Branches page (UI match) —— */
/* Use :has(.dealership-page) — body.page-dealership is not always present */
body:has(.dealership-page),
.dealership-page,
.deal-hero {
	/* ~6cm narrower than previous clamp(520px, 48vw, 720px) */
	--deal-sidebar-w: clamp(calc(520px - 6cm), calc(48vw - 6cm), calc(720px - 6cm));
}

body:has(.dealership-page) .site-header {
	background: transparent;
	background-image: none;
	box-shadow: none;
}

body:has(.dealership-page) .site-header.is-scrolled {
	background: rgba(255, 255, 255, 0.96);
	box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1);
}

body:has(.dealership-page) .site-header .container.header-inner {
	width: 100%;
	max-width: none;
	margin: 0;
	padding-left: clamp(1.15rem, 2.2vw, 1.75rem);
	padding-right: clamp(1rem, 3vw, 2.5rem);
	box-sizing: border-box;
}

body:has(.dealership-page) .site-header .header-brand {
	/* Keep logo + search inside the green left column */
	max-width: calc(var(--deal-sidebar-w) - clamp(1.15rem, 2.2vw, 1.75rem) - 0.5rem);
}

body:has(.dealership-page) .site-header:not(.is-scrolled) .primary-nav-panels > ul > li > a {
	color: rgba(236, 248, 242, 0.95);
}

body:has(.dealership-page) .site-header:not(.is-scrolled) .primary-nav-panels > ul > li.current > a,
body:has(.dealership-page) .site-header:not(.is-scrolled) .primary-nav-panels > ul > li:hover > a {
	border-bottom-color: rgba(236, 248, 242, 0.95);
}

body:has(.dealership-page) .site-header:not(.is-scrolled) .search-toggle {
	color: rgba(255, 255, 255, 0.9);
}

body:has(.dealership-page) .site-header:not(.is-scrolled) .nav-toggle span {
	background: #fff;
}

.dealership-page {
	background: var(--bingo-white);
	padding-bottom: 0;
}

.deal-hero {
	position: relative;
	isolation: isolate;
	display: grid;
	grid-template-columns: var(--deal-sidebar-w) minmax(0, 1fr);
	grid-template-rows: 1fr;
	align-items: stretch;
	min-height: 100vh;
	min-height: 100dvh;
	padding: 0;
	overflow: hidden;
	background: #002b1b;
	color: var(--bingo-white);
	direction: ltr;
}

.deal-hero-media {
	grid-column: 2;
	grid-row: 1;
	position: relative;
	z-index: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	overflow: hidden;
	background: #002b1b;
}

.deal-hero-img {
	position: absolute;
	inset: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center right;
	transition: opacity 0.35s ease;
}

.deal-hero-img--mobile {
	display: none;
	object-position: center top;
}

.deal-hero-fallback {
	position: absolute;
	inset: 0;
	z-index: 0;
	background:
		radial-gradient(ellipse 45% 55% at 78% 48%, rgba(0, 182, 122, 0.28) 0%, transparent 70%),
		radial-gradient(ellipse 40% 35% at 20% 70%, rgba(0, 122, 90, 0.35) 0%, transparent 65%),
		linear-gradient(160deg, #001a12 0%, #003d2e 45%, #002b1b 100%);
}

.deal-hero.is-fallback .deal-hero-img {
	opacity: 0;
}

.deal-cities,
.deal-city-panel {
	direction: rtl;
}

.deal-cities {
	grid-column: 1;
	grid-row: 1;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	align-self: stretch;
	width: 100%;
	max-width: none;
	height: 100vh;
	height: 100dvh;
	max-height: 100vh;
	max-height: 100dvh;
	min-height: 0;
	overflow: hidden;
	padding: calc(var(--bingo-header-h) + 0.35rem) 1.65rem 2rem;
	background: #017A5B;
	box-sizing: border-box;
}

.deal-sidebar-logo {
	display: none !important;
}

.deal-cities-head {
	flex-shrink: 0;
	margin-bottom: 1.5rem;
	text-align: right;
	width: auto;
	max-width: 100%;
}

.deal-cities-title {
	margin: 0 0 0.45rem;
	font-size: clamp(1.55rem, 2.6vw, 2.15rem);
	font-weight: 800;
	line-height: 1.25;
	color: #fff;
}

.deal-cities-lead {
	margin: 0;
	font-size: clamp(0.78rem, 1.1vw, 0.92rem);
	line-height: 1.7;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.82);
}

.deal-cities-nav {
	flex: 0 1 auto;
	width: auto;
	max-width: 100%;
	min-height: 0;
	/* ~10 city rows: line + vertical padding + gaps + list padding */
	max-height: calc(
		10 * (1.05rem * 1.4 + 0.84rem)
		+ 9 * 0.15rem
		+ 0.85rem
	);
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
	scrollbar-color: rgba(255, 255, 255, 0.45) transparent;
}

.deal-cities-nav::-webkit-scrollbar {
	width: 4px;
}

.deal-cities-nav::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.4);
	border-radius: 999px;
}

.deal-cities-list {
	list-style: none;
	margin: 0;
	padding: 0.35rem 0 0.5rem;
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

.deal-cities-list::before {
	content: "";
	position: absolute;
	top: 0.55rem;
	bottom: 0.55rem;
	right: 0.42rem;
	width: 1px;
	background: rgba(255, 255, 255, 0.55);
}

.deal-city-btn {
	position: relative;
	display: flex;
	align-items: center;
	gap: 0.85rem;
	width: 100%;
	padding: 0.42rem 0;
	border: 0;
	background: transparent;
	color: rgba(255, 255, 255, 0.78);
	font: inherit;
	font-size: clamp(0.92rem, 1.2vw, 1.05rem);
	font-weight: 500;
	line-height: 1.4;
	text-align: right;
	cursor: pointer;
	transition: color 0.2s ease, font-weight 0.2s ease, font-size 0.2s ease;
}

.deal-city-btn:hover {
	color: #fff;
}

.deal-city-dot {
	position: relative;
	z-index: 1;
	width: 0.55rem;
	height: 0.55rem;
	border-radius: 50%;
	border: 1.5px solid rgba(255, 255, 255, 0.85);
	background: transparent;
	flex-shrink: 0;
	margin-inline-start: 0.15rem;
	transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}

.deal-city-btn.is-active {
	color: #fff;
	font-weight: 800;
	font-size: clamp(1.12rem, 1.5vw, 1.3rem);
}

.deal-city-btn.is-active .deal-city-dot {
	width: 1rem;
	height: 1rem;
	background: #fff;
	border-color: #fff;
	transform: none;
	margin-inline-start: 0;
}

.deal-city-label {
	flex: 1;
}

.deal-map-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	align-self: center;
	flex-shrink: 0;
	margin-top: 1.25rem;
	padding: 0.65rem 1.35rem;
	border: 1.5px solid rgba(255, 255, 255, 0.88);
	border-radius: 999px;
	color: #fff;
	font-size: 0.9rem;
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
	white-space: nowrap;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.deal-map-btn:hover {
	background: rgba(255, 255, 255, 0.12);
	color: #fff;
	border-color: #fff;
}

.deal-map-btn--panel {
	display: none;
}

.deal-city-panel {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	padding: calc(var(--bingo-header-h) + 1.25rem) clamp(1.5rem, 4vw, 3.5rem) 3.5rem;
	min-width: 0;
	text-align: left;
	box-sizing: border-box;
	pointer-events: none;
	background: transparent;
}

.deal-city-panel > * {
	pointer-events: auto;
}

.deal-city-watermark {
	margin: 0 0 1.1rem;
	font-size: clamp(3.2rem, 9vw, 6.5rem);
	font-weight: 800;
	line-height: 0.95;
	letter-spacing: -0.02em;
	color: #017A5B;
	user-select: none;
	pointer-events: none;
}

.deal-city-info {
	max-width: 28rem;
}

.deal-city-address {
	margin: 0 0 0.55rem;
	font-size: clamp(0.92rem, 1.35vw, 1.08rem);
	line-height: 1.95;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.96);
}

.deal-city-postal {
	margin: 0;
	font-size: clamp(0.88rem, 1.2vw, 1rem);
	line-height: 1.7;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.9);
}

.deal-city-postal.is-empty {
	display: none;
}

.deal-story {
	padding: 4.25rem 0 3.5rem;
	background: #fff;
	text-align: center;
}

.deal-story-inner {
	max-width: 52rem;
	margin-inline: auto;
}

.deal-story h2 {
	margin: 0 0 1.35rem;
	font-size: clamp(1.3rem, 2.2vw, 1.75rem);
	font-weight: 700;
	line-height: 1.55;
	color: #333;
}

.deal-story p {
	margin: 0 0 1.75rem;
	font-size: clamp(0.92rem, 1.35vw, 1.05rem);
	line-height: 2.05;
	font-weight: 400;
	color: #333;
}

.deal-story-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.75rem 1.55rem;
	border-radius: 10px;
	background: var(--bingo-green-teal);
	color: #fff;
	font-size: 0.95rem;
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
	transition: background 0.2s ease, transform 0.2s ease;
}

.deal-story-btn:hover {
	background: #005750;
	color: #fff;
	transform: translateY(-1px);
}

.deal-more {
	position: relative;
	z-index: 3;
	margin-bottom: -2.35rem;
	padding: 0 0 0.25rem;
	background: transparent;
	pointer-events: none;
}

.deal-more-inner {
	pointer-events: auto;
}

.deal-more-pill {
	background: var(--bingo-white);
	border-radius: 16px;
	padding: 1.45rem 2rem;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.14);
	border: 1px solid rgba(15, 47, 44, 0.06);
}

.deal-more-pill p {
	margin: 0;
	font-size: clamp(0.88rem, 1.2vw, 1rem);
	line-height: 1.95;
	color: #555;
	text-align: center;
}

.deal-newsletter {
	padding-top: 3.25rem;
	padding-bottom: 0.85rem;
}

.deal-newsletter .newsletter-text {
	font-weight: 600;
	max-width: 36rem;
}

.deal-newsletter-btn {
	background-color: #192E59 !important;
}

.deal-newsletter-btn:hover {
	background-color: #122447 !important;
}

@media (max-width: 1024px) {
	body:has(.dealership-page),
	.dealership-page,
	.deal-hero {
		--deal-sidebar-w: clamp(280px, 34vw, 420px);
	}

	.deal-city-watermark {
		font-size: clamp(2.6rem, 8vw, 4.5rem);
	}
}

@media (max-width: 900px) {
	body:has(.dealership-page),
	.dealership-page,
	.deal-hero {
		--deal-sidebar-w: 0px;
	}

	body:has(.dealership-page) .site-header .container.header-inner {
		width: min(100% - 2rem, var(--bingo-container));
		margin-inline: auto;
		padding-left: 0;
		padding-right: 0;
	}

	.deal-hero {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto auto;
		align-items: stretch;
		min-height: 0;
		padding: 0;
		background: #010a08;
		overflow: hidden;
		direction: rtl;
	}

	.deal-hero-media {
		position: relative;
		grid-column: 1;
		grid-row: 1;
		display: flex;
		flex-direction: column;
		width: 100%;
		height: auto;
		min-height: 0;
		max-height: none;
		overflow: hidden;
		background: #010a08;
	}

	.deal-hero-img--desktop {
		display: none !important;
	}

	.deal-hero-img--mobile {
		display: block !important;
		position: relative !important;
		inset: auto !important;
		z-index: 0;
		width: 100% !important;
		max-width: none;
		height: auto !important;
		max-height: none;
		aspect-ratio: 500 / 560;
		opacity: 1 !important;
		object-fit: cover;
		object-position: center top;
	}

	.deal-sidebar-logo {
		display: none;
	}

	.deal-city-panel {
		position: relative;
		left: auto;
		right: auto;
		bottom: auto;
		top: auto;
		z-index: 2;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		width: 100%;
		margin-top: -0.35rem;
		padding: 0.15rem 1.35rem 1.45rem;
		background: #010a08;
		text-align: center;
		box-sizing: border-box;
		pointer-events: none;
	}

	.deal-city-panel > * {
		pointer-events: auto;
	}

	.deal-city-watermark {
		font-size: clamp(2.4rem, 12vw, 3.4rem);
		margin: 0 0 0.7rem;
		color: #017A5B;
		text-align: center;
		line-height: 1.05;
	}

	.deal-city-info {
		max-width: 22rem;
		margin-inline: auto;
		text-align: center;
	}

	.deal-city-address {
		margin: 0 0 0.25rem;
		font-size: 0.92rem;
		line-height: 1.9;
		font-weight: 500;
		text-align: center;
		color: #fff !important;
	}

	.deal-city-postal {
		margin: 0;
		font-size: 0.88rem;
		line-height: 1.7;
		text-align: center;
		color: rgba(255, 255, 255, 0.95) !important;
	}

	.deal-map-btn--sidebar {
		display: none;
	}

	.deal-map-btn--panel {
		display: inline-flex !important;
		align-self: center;
		width: auto;
		margin-top: 1rem;
		padding: 0.55rem 1.55rem;
		border-color: rgba(255, 255, 255, 0.92);
		color: #fff;
		font-size: 0.88rem;
	}

	.deal-cities {
		position: relative;
		z-index: 2;
		grid-column: 1;
		grid-row: 2;
		display: block;
		width: 100%;
		max-width: none;
		min-height: 0;
		height: auto;
		max-height: none;
		overflow: visible;
		padding: 0.95rem 0 1.1rem;
		background: #017A5B;
		border-radius: 0;
		box-sizing: border-box;
	}

	.deal-cities-head {
		display: none;
	}

	.deal-cities-nav {
		flex: none;
		max-height: none;
		width: 100%;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: thin;
		scrollbar-color: rgba(255, 255, 255, 0.45) transparent;
	}

	.deal-cities-nav::-webkit-scrollbar {
		height: 3px;
		width: auto;
	}

	.deal-cities-list {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: flex-start;
		justify-content: flex-start;
		gap: 0;
		width: max-content;
		min-width: 100%;
		padding: 0.9rem 1rem 0.2rem;
		box-sizing: border-box;
	}

	.deal-cities-list::before {
		display: block;
		top: calc(0.9rem + 0.275rem);
		bottom: auto;
		right: 1rem;
		left: 1rem;
		width: auto;
		height: 1.5px;
		background: rgba(255, 255, 255, 0.85);
	}

	.deal-cities-list > li {
		flex: 0 0 auto;
		min-width: 4.25rem;
		padding: 0 0.35rem;
	}

	.deal-city-btn {
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		gap: 0.7rem;
		width: 100%;
		padding: 0;
		font-size: 0.82rem;
		font-weight: 500;
		line-height: 1.35;
		text-align: center;
		white-space: nowrap;
		color: rgba(255, 255, 255, 0.92);
	}

	.deal-city-dot {
		width: 0.55rem;
		height: 0.55rem;
		margin: 0;
		border: 0;
		background: #fff;
		transform-origin: center center;
	}

	.deal-city-btn.is-active {
		font-size: 0.95rem;
		font-weight: 800;
		color: #fff;
	}

	.deal-city-btn.is-active .deal-city-dot {
		width: 0.55rem;
		height: 0.55rem;
		margin: 0;
		background: #fff;
		border: 0;
		transform: scale(1.9);
	}

	.deal-city-label {
		flex: none;
	}

	.deal-story {
		padding: 3.25rem 0 2.75rem;
	}

	.deal-more {
		margin-bottom: -2rem;
	}

	.deal-more-pill {
		border-radius: 14px;
		padding: 1.2rem 1.4rem;
	}

	.deal-newsletter {
		padding-top: 2.85rem;
	}
}

@media (max-width: 640px) {
	.deal-hero-media {
		height: auto;
		min-height: 0;
	}

	.deal-city-panel {
		padding: 0 1.15rem 1.25rem;
	}

	.deal-city-watermark {
		font-size: clamp(2.2rem, 13vw, 3rem);
	}

	.deal-city-address {
		font-size: 0.88rem;
		line-height: 1.85;
	}

	.deal-newsletter .newsletter-text {
		font-size: 0.9rem;
		line-height: 1.7;
	}
}