/**
 * Homepage sections: hero, trust features grid, categories rail,
 * product carousel, promotional banner, final CTA.
 * .trust-tile / .badge / .btn / .card primitives come from components.css.
 */

.section-title {
	font-size: var(--text-xl);
	margin-block-end: var(--space-1);
}
.section-subtitle { color: var(--color-text-muted); font-size: var(--text-sm); }

/* ---- Hero ---- */
.hero__inner {
	display: grid;
	grid-template-columns: 1.1fr 0.9fr;
	align-items: center;
	gap: var(--space-7);
	padding-block: var(--space-6);
}
.hero__badge { margin-block-end: var(--space-4); }
.hero__title { font-size: var(--text-2xl); margin-block-end: var(--space-4); }
.hero__subtitle { color: var(--color-text-muted); font-size: var(--text-md); margin-block-end: var(--space-6); max-width: 46ch; }
.hero__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.hero__actions .btn--outline svg { width: 18px; height: 18px; }

.hero__visual { display: flex; }
.hero__placeholder {
	width: 100%;
	aspect-ratio: 4 / 3;
	border-radius: var(--radius-lg);
	background:
		radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--color-accent) 18%, transparent), transparent 55%),
		linear-gradient(135deg, var(--color-primary), var(--color-primary-strong));
	display: flex;
	align-items: center;
	justify-content: center;
	color: color-mix(in srgb, var(--color-accent) 70%, white);
}
.hero__placeholder svg { width: 88px; height: 88px; }

@media (max-width: 991px) {
	.hero__inner { grid-template-columns: 1fr; gap: var(--space-5); text-align: center; }
	.hero__subtitle { max-width: none; margin-inline: auto; }
	.hero__actions { justify-content: center; }
	.hero__visual { order: -1; max-width: 320px; margin-inline: auto; }
}

/* ---- Trust features ---- */
.trust-features__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--space-4);
}
@media (max-width: 991px) {
	.trust-features__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
	.trust-features__grid { grid-template-columns: 1fr; }
}

/* ---- Section header with carousel controls (categories, product rails) ---- */
.section-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: var(--space-4);
	margin-block-end: var(--space-5);
}
.section-head__text { min-width: 0; }
.section-head .section-title {
	position: relative;
	padding-block-end: var(--space-3);
	margin-block-end: 0;
}
.section-head .section-title::after {
	content: '';
	position: absolute;
	inset-inline-start: 0;
	bottom: 0;
	width: 44px;
	height: 3px;
	border-radius: var(--radius-pill);
	background: var(--color-accent);
}
.section-head .section-subtitle { margin-block-start: var(--space-2); }
.section-head__actions {
	display: flex;
	align-items: center;
	gap: var(--space-2);
	flex-shrink: 0;
}
.section-head__link {
	display: inline-flex;
	align-items: center;
	gap: var(--space-1);
	margin-inline-end: var(--space-2);
	font-size: var(--text-sm);
	font-weight: var(--font-weight-bold);
	color: var(--color-accent-strong);
	white-space: nowrap;
}
.section-head__link svg { width: 16px; height: 16px; transition: transform var(--transition-fast); }
.section-head__link:hover svg { transform: translateX(3px); }
html[dir="rtl"] .section-head__link svg { transform: scaleX(-1); }
html[dir="rtl"] .section-head__link:hover svg { transform: scaleX(-1) translateX(3px); }

.carousel-nav {
	width: 40px;
	height: 40px;
	border-radius: var(--radius-pill);
	background: var(--color-background);
	border: 1px solid var(--color-border-strong);
	color: var(--color-primary);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast);
}
.carousel-nav svg { width: 18px; height: 18px; }
.carousel-nav:hover:not(:disabled) {
	background: var(--color-primary);
	border-color: var(--color-primary);
	color: var(--color-text-on-primary);
}
.carousel-nav:disabled { opacity: 0.35; cursor: default; }
.carousel-nav[hidden] { display: none; }

.carousel-nav--next svg { transform: scaleX(1); }
.carousel-nav--prev svg { transform: scaleX(-1); }
html[dir="rtl"] .carousel-nav--next svg { transform: scaleX(-1); }
html[dir="rtl"] .carousel-nav--prev svg { transform: scaleX(1); }

/* Shared rail behaviour: native swipe/scroll with snapping, no visible
   scrollbar (the header arrows and touch replace it). The padding/negative
   margin pair leaves room for the cards' hover lift and shadow. */
.categories__track,
.product-carousel__track {
	/* Containing block for absolutely positioned descendants (e.g. WooCommerce's
	   visually hidden add-to-cart description), so the rail clips them instead
	   of letting them widen the whole page. */
	position: relative;
	display: flex;
	gap: var(--space-4);
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	overscroll-behavior-x: contain;
	scrollbar-width: none;
	padding-block: var(--space-2) var(--space-5);
	margin-block: calc(-1 * var(--space-2)) calc(-1 * var(--space-5));
}
.categories__track::-webkit-scrollbar,
.product-carousel__track::-webkit-scrollbar { display: none; }

/* ---- Categories ---- */
.category-tile {
	scroll-snap-align: start;
	flex: 0 0 calc((100% - 5 * var(--space-4)) / 6);
	display: flex;
	flex-direction: column;
	background: var(--color-card);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	overflow: hidden;
	color: var(--color-text);
	transition: transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-fast);
}
.category-tile:hover,
.category-tile:focus-visible {
	transform: translateY(-4px);
	border-color: var(--color-accent);
	box-shadow: var(--shadow-md);
}
.category-tile__media {
	aspect-ratio: 1 / 1;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background: radial-gradient(circle at 50% 45%, var(--color-accent-tint) 0%, var(--color-surface) 70%);
}
.category-tile__img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	padding: var(--space-4);
	transition: transform var(--transition-base);
}
.category-tile:hover .category-tile__img { transform: scale(1.06); }
.category-tile__fallback {
	font-size: var(--text-xl);
	font-weight: var(--font-weight-black);
	color: var(--color-accent-strong);
}
.category-tile__body {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
	padding: var(--space-3) var(--space-3) var(--space-4);
	text-align: center;
}
.category-tile__name {
	font-size: var(--text-sm);
	font-weight: var(--font-weight-bold);
	line-height: var(--line-height-tight);
	color: var(--color-primary);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
}
.category-tile__name-alt {
	max-width: 100%;
	font-size: var(--text-xs);
	line-height: var(--line-height-tight);
	color: var(--color-text-muted);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.category-tile__count {
	margin-block-start: auto;
	padding: 2px var(--space-3);
	border-radius: var(--radius-pill);
	background: var(--color-accent-tint);
	color: var(--color-accent-strong);
	font-size: 11px;
	font-weight: var(--font-weight-bold);
}
/* Minimum gap above the count pill (its auto margin only adds space). */
.category-tile__body > :nth-last-child(2) { margin-block-end: var(--space-2); }

/* ---- Product carousel ---- */
.product-carousel__item {
	scroll-snap-align: start;
	flex: 0 0 calc((100% - 4 * var(--space-4)) / 5);
	display: flex;
}
.product-carousel__item > .product-card { width: 100%; }

@media (max-width: 1199px) {
	.category-tile { flex-basis: calc((100% - 4 * var(--space-4)) / 5); }
	.product-carousel__item { flex-basis: calc((100% - 3 * var(--space-4)) / 4); }
}
@media (max-width: 991px) {
	.category-tile { flex-basis: calc((100% - 3 * var(--space-4)) / 4); }
	.product-carousel__item { flex-basis: calc((100% - 2 * var(--space-4)) / 3); }
}
@media (max-width: 767px) {
	.category-tile { flex-basis: 31%; }
	.product-carousel__item { flex-basis: 46%; }
}
@media (max-width: 576px) {
	.section-head { align-items: center; }
	.section-head .carousel-nav { display: none; }
	.category-tile { flex-basis: 42%; }
	.product-carousel__item { flex-basis: 72%; }
}

/* ---- Promotional banner ---- */
.promo-banner__card {
	position: relative;
	border-radius: var(--radius-lg);
	overflow: hidden;
	padding: var(--space-7);
	background: linear-gradient(120deg, var(--color-primary), var(--color-primary-strong));
	background-size: cover;
	background-position: center;
	min-height: 220px;
	display: flex;
	align-items: center;
}
.promo-banner__card.has-image::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(14, 24, 48, 0.82), rgba(14, 24, 48, 0.35));
}
.promo-banner__content { position: relative; max-width: 460px; color: var(--color-text-on-primary); }
.promo-banner__content h2 { color: var(--color-text-on-primary); margin-block-end: var(--space-3); }
.promo-banner__content p { color: rgba(255, 255, 255, 0.82); margin-block-end: var(--space-5); }

@media (max-width: 576px) {
	.promo-banner__card { padding: var(--space-5); min-height: 180px; }
}

/* ---- Final CTA ---- */
.home-cta__inner { text-align: center; max-width: 560px; margin-inline: auto; }
.home-cta__inner h2 { margin-block-end: var(--space-3); }
.home-cta__inner p { color: var(--color-text-muted); margin-block-end: var(--space-6); }

/* ---- Hero slider ---- */
.hero-slider { position: relative; padding: 0; }
.hero-slider__viewport {
	position: relative;
	overflow: hidden;
	background: var(--color-primary-strong);
	color: #fff;
}
.hero-slide {
	display: none;
	position: relative;
	min-height: 440px;
	align-items: center;
}
.hero-slide.is-active { display: flex; animation: hero-slide-in 0.6s ease both; }
.hero-slide--navy {
	background:
		radial-gradient(circle at 15% 20%, color-mix(in srgb, var(--color-accent) 22%, transparent), transparent 50%),
		linear-gradient(135deg, var(--color-primary), var(--color-primary-strong));
}
.hero-slide--gold {
	background:
		radial-gradient(circle at 85% 15%, rgba(255, 255, 255, 0.18), transparent 50%),
		linear-gradient(135deg, var(--color-accent-strong), var(--color-accent));
}
.hero-slide__inner {
	display: grid;
	grid-template-columns: 1.1fr 0.9fr;
	align-items: center;
	gap: var(--space-7);
	width: 100%;
	padding-block: var(--space-7) calc( var(--space-7) + 28px );
}
.hero-slide__badge {
	display: inline-block;
	padding: 6px 14px;
	margin-block-end: var(--space-4);
	border-radius: var(--radius-pill);
	background: rgba(255, 255, 255, 0.14);
	font-size: var(--text-sm);
	font-weight: var(--font-weight-bold);
}
.hero-slide__title { color: #fff; font-size: var(--text-2xl); margin-block-end: var(--space-4); }
.hero-slide__text { color: rgba(255, 255, 255, 0.82); font-size: var(--text-md); margin-block-end: var(--space-6); max-width: 46ch; }
.hero-slide__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.hero-slide__actions .btn--outline { background: transparent; color: #fff; border-color: rgba(255, 255, 255, 0.55); }
.hero-slide__actions .btn--outline:hover { background: rgba(255, 255, 255, 0.12); }
.hero-slide__actions .btn--outline svg { width: 18px; height: 18px; }
.hero-slide--navy .btn--primary { background: var(--color-accent-action); border-color: var(--color-accent-action); }
.hero-slide--gold .btn--primary { background: #fff; border-color: #fff; color: var(--color-primary); }
.hero-slide__visual { display: flex; justify-content: center; }
.hero-slide__visual img {
	width: 100%;
	max-width: 440px;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: var(--radius-lg);
	box-shadow: 0 24px 48px rgba(0, 0, 0, 0.3);
	border: 4px solid rgba(255, 255, 255, 0.18);
}
.hero-slide__placeholder {
	width: 100%;
	max-width: 440px;
	aspect-ratio: 1 / 1;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--radius-lg);
	background: rgba(255, 255, 255, 0.1);
}
.hero-slide__placeholder svg { width: 88px; height: 88px; }

@keyframes hero-slide-in {
	from { opacity: 0; transform: translateX(24px); }
	to   { opacity: 1; transform: none; }
}

/* Arrows */
.hero-slider__arrow {
	position: absolute;
	top: 50%;
	z-index: 3;
	width: 48px;
	height: 48px;
	margin-top: -24px;
	display: grid;
	place-items: center;
	border: 1px solid rgba(255, 255, 255, 0.35);
	border-radius: 50%;
	background: rgba(14, 24, 48, 0.35);
	backdrop-filter: blur(6px);
	color: #fff;
	cursor: pointer;
	transition: background 0.2s, transform 0.2s;
}
.hero-slider__arrow:hover { background: var(--color-accent); transform: scale(1.08); }
.hero-slider__arrow svg { width: 20px; height: 20px; }
.hero-slider__arrow--next { inset-inline-end: 16px; }
.hero-slider__arrow--prev { inset-inline-start: 16px; }
.hero-slider__arrow--prev svg { transform: scaleX(-1); }
[dir="rtl"] .hero-slider__arrow svg { transform: scaleX(-1); }
[dir="rtl"] .hero-slider__arrow--prev svg { transform: none; }

/* Dots + pause */
.hero-slider__controls {
	position: absolute;
	inset-inline: 0;
	bottom: 18px;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
}
.hero-slider__dots { display: flex; gap: 0; align-items: center; }
/* 24px touch target around a 10px dot (the dot itself is drawn by ::after). */
.hero-slider__dot {
	position: relative;
	width: 24px;
	height: 24px;
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
	transition: width 0.3s;
}
.hero-slider__dot::after {
	content: '';
	position: absolute;
	top: 50%;
	inset-inline-start: 50%;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	margin-inline-start: -5px;
	border-radius: var(--radius-pill);
	background: rgba(255, 255, 255, 0.45);
	transition: width 0.3s, margin 0.3s, background 0.3s;
}
.hero-slider__dot:hover::after { background: rgba(255, 255, 255, 0.8); }
.hero-slider__dot.is-active { width: 44px; }
.hero-slider__dot.is-active::after { width: 32px; margin-inline-start: -16px; background: #fff; }
.hero-slider__pause {
	display: flex;
	gap: 3px;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, 0.4);
	border-radius: 50%;
	background: transparent;
	cursor: pointer;
}
.hero-slider__pause span { width: 3px; height: 10px; background: #fff; border-radius: 1px; }
.hero-slider.is-paused .hero-slider__pause span:first-child {
	width: 0; height: 0; background: none; border-radius: 0;
	border-block: 6px solid transparent;
	border-inline-start: 9px solid #fff;
}
.hero-slider.is-paused .hero-slider__pause span:last-child { display: none; }

/* Progress bar */
.hero-slider__bar {
	position: absolute;
	inset-inline: 0;
	bottom: 0;
	z-index: 3;
	height: 4px;
	background: rgba(255, 255, 255, 0.18);
}
.hero-slider__bar span {
	display: block;
	height: 100%;
	background: linear-gradient(90deg, var(--color-accent), #fff);
	transform: scaleX(0);
	transform-origin: left center;
}
[dir="rtl"] .hero-slider__bar span { transform-origin: right center; }
.hero-slider.is-single .hero-slider__arrow,
.hero-slider.is-single .hero-slider__controls,
.hero-slider.is-single .hero-slider__bar { display: none; }

@media (max-width: 991px) {
	.hero-slide { min-height: 0; }
	.hero-slide__inner { grid-template-columns: 1fr; gap: var(--space-5); text-align: center; padding-block: var(--space-6) calc( var(--space-6) + 40px ); }
	.hero-slide__text { max-width: none; margin-inline: auto; }
	.hero-slide__actions { justify-content: center; }
	.hero-slide__visual { order: -1; }
	.hero-slide__visual img, .hero-slide__placeholder { max-width: 220px; }
	.hero-slider__arrow { top: 120px; width: 40px; height: 40px; margin-top: 0; }
	.hero-slider__arrow--next { inset-inline-end: 8px; }
	.hero-slider__arrow--prev { inset-inline-start: 8px; }
}
@media (prefers-reduced-motion: reduce) {
	.hero-slide.is-active { animation: none; }
}

/* Hero slider: pack slides (price + optional background photo) */
.hero-slide__bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
}
.hero-slide.has-bg::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(90deg, rgba(14, 24, 48, 0.88) 0%, rgba(14, 24, 48, 0.62) 55%, rgba(14, 24, 48, 0.25) 100%);
}
[dir="rtl"] .hero-slide.has-bg::before {
	background: linear-gradient(270deg, rgba(14, 24, 48, 0.88) 0%, rgba(14, 24, 48, 0.62) 55%, rgba(14, 24, 48, 0.25) 100%);
}
.hero-slide.has-bg .hero-slide__inner { position: relative; z-index: 2; }
.hero-slide__price { margin-block-end: var(--space-4); font-size: var(--text-xl); font-weight: var(--font-weight-bold); color: #fff; }
.hero-slide__price del { opacity: 0.6; font-size: 0.7em; margin-inline-end: 8px; }
.hero-slide__price ins { text-decoration: none; color: inherit; }
.hero-slide__visual img { background: #fff; }

/* ---- Promo banner (redesign) ---- */
.promo-banner__card {
	background:
		radial-gradient(circle at 92% 12%, color-mix(in srgb, var(--color-accent) 38%, transparent), transparent 45%),
		radial-gradient(circle at 5% 110%, color-mix(in srgb, var(--color-accent) 18%, transparent), transparent 40%),
		linear-gradient(125deg, var(--color-primary), var(--color-primary-strong));
	padding: var(--space-7) var(--space-8, 56px);
	min-height: 280px;
	justify-content: space-between;
	gap: var(--space-7);
	box-shadow: var(--shadow-md);
}
.promo-banner__card::after {
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
	opacity: 0.07;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='98' viewBox='0 0 56 98'%3E%3Cpath d='M28 2l26 15v30L28 62 2 47V17zM28 62v34M2 47L0 48m56-1l2 1' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E");
}
.promo-banner__content { z-index: 1; max-width: 480px; }
.promo-banner__tag {
	display: inline-block;
	margin-block-end: var(--space-4);
	padding: 6px 14px;
	border-radius: var(--radius-pill);
	background: var(--color-accent);
	color: #fff;
	font-size: var(--text-sm);
	font-weight: var(--font-weight-bold);
}
.promo-banner__content h2 { font-size: var(--text-2xl); }
.promo-banner__btn svg { width: 16px; height: 16px; transition: transform 0.2s; }
[dir="rtl"] .promo-banner__btn svg { transform: scaleX(-1); }
.promo-banner__btn:hover svg { transform: translateX(3px); }
[dir="rtl"] .promo-banner__btn:hover svg { transform: scaleX(-1) translateX(3px); }

.promo-banner__deals {
	position: relative;
	z-index: 1;
	flex: 0 1 400px;
	display: grid;
	gap: var(--space-3);
	margin: 0;
	padding: 0;
	list-style: none;
}
.promo-deal {
	display: flex;
	align-items: center;
	gap: var(--space-3);
	padding: var(--space-2) var(--space-3);
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: var(--radius-lg);
	background: rgba(255, 255, 255, 0.09);
	backdrop-filter: blur(8px);
	color: #fff;
	text-decoration: none;
	transition: background 0.2s, transform 0.2s, border-color 0.2s;
}
.promo-deal:hover { background: rgba(255, 255, 255, 0.16); border-color: var(--color-accent); transform: translateX(4px); }
[dir="rtl"] .promo-deal:hover { transform: translateX(-4px); }
.promo-deal__img { flex: 0 0 56px; height: 56px; border-radius: var(--radius-md); overflow: hidden; background: #fff; }
.promo-deal__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.promo-deal__info { flex: 1; min-width: 0; display: grid; gap: 2px; }
.promo-deal__name { font-size: var(--text-sm); font-weight: var(--font-weight-bold); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.promo-deal__price { font-size: var(--text-sm); color: rgba(255, 255, 255, 0.85); }
.promo-deal__price del { opacity: 0.55; margin-inline-end: 6px; }
.promo-deal__price ins { text-decoration: none; color: #fff; font-weight: var(--font-weight-bold); }
.promo-deal__price .screen-reader-text { display: none; }
.promo-deal__pct {
	flex: 0 0 auto;
	padding: 4px 10px;
	border-radius: var(--radius-pill);
	background: var(--color-accent);
	font-size: 13px;
	font-weight: var(--font-weight-bold);
}
@media (max-width: 991px) {
	.promo-banner__card { flex-direction: column; align-items: stretch; padding: var(--space-6) var(--space-5); gap: var(--space-5); }
	.promo-banner__deals { flex: none; }
}

/* ---- Final CTA (redesign) ---- */
.home-cta__inner { max-width: none; }
.home-cta__card {
	display: grid;
	grid-template-columns: 1.1fr 0.9fr;
	gap: var(--space-7);
	align-items: center;
	padding: var(--space-7);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	background:
		radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--color-accent) 14%, transparent), transparent 50%),
		#fff;
	box-shadow: var(--shadow-sm);
}
.home-cta__main h2 { font-size: var(--text-xl); margin-block-end: var(--space-3); }
.home-cta__main p { color: var(--color-text-muted); margin-block-end: var(--space-5); max-width: 46ch; }
.home-cta__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-4); }
.home-cta__actions .btn svg { width: 16px; height: 16px; }
[dir="rtl"] .home-cta__actions .btn svg { transform: scaleX(-1); }
.home-cta__link { font-weight: var(--font-weight-bold); color: var(--color-primary); text-decoration: underline; text-underline-offset: 4px; text-decoration-color: var(--color-accent); }
.home-cta__link:hover { color: var(--color-accent-strong); }
.home-cta__points { display: grid; gap: var(--space-3); margin: 0; padding: 0; list-style: none; }
.home-cta__points li {
	display: flex;
	align-items: center;
	gap: var(--space-3);
	padding: var(--space-3) var(--space-4);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-md);
	background: var(--color-surface);
}
.home-cta__icon {
	flex: 0 0 44px;
	height: 44px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: var(--color-accent-tint);
	color: var(--color-accent-strong);
}
.home-cta__icon svg { width: 22px; height: 22px; }
.home-cta__points strong { display: block; color: var(--color-primary); font-size: var(--text-base); }
.home-cta__points small { display: block; color: var(--color-text-muted); font-size: var(--text-sm); }
@media (max-width: 991px) {
	.home-cta__card { grid-template-columns: 1fr; padding: var(--space-5); gap: var(--space-5); }
}