/* ==========================================================================
   Customgifts — home (image 1). Base hero/catcard rules live in main.css.
   ========================================================================== */

.cg-home-hero { background: linear-gradient(100deg, #f7f2ec 0%, #f3ece4 45%, #efe6dc 100%); }
.cg-home-hero::before { display: none; }
.cg-home-hero .cg-hero__img { left: auto; right: 0; width: 60%; height: 100%; object-fit: contain; object-position: right center; padding: 24px 32px 24px 0; mix-blend-mode: multiply; }
.cg-home-hero .cg-container { position: relative; z-index: 2; }
.cg-home-hero .cg-hero__body { max-width: 600px; }
.cg-home-hero .cg-btn .cg-icon { width: 20px; height: 20px; }
.cg-home-hero__features { flex-wrap: nowrap; }
.cg-home-hero__features .cg-feature__icon { flex: none; display: inline-flex; }
.cg-home-hero__features .cg-feature__title { display: block; max-width: 18ch; }
.cg-home-hero__features .cg-feature__icon .cg-icon { width: 28px; height: 28px; }
.cg-home-hero__features .cg-feature__title { font-size: var(--erp-fs-sm); }

.cg-home-cats .cg-catcards { margin: 0; padding: 0; list-style: none; }
.cg-home-cats .cg-catcard, .cg-notfound__cats .cg-catcard { height: 100%; }
.cg-catcard img { mix-blend-mode: multiply; }
.cg-catcard__noimg { flex: 1; display: grid; place-items: center; color: var(--erp-subtle); }
.cg-catcard__noimg .cg-icon { width: 48px; height: 48px; }
.cg-home-products { padding-top: 0; }
.cg-section-head .cg-btn .cg-icon { width: 18px; height: 18px; }

@media (max-width: 1024px) {
	.cg-home-hero { flex-direction: column; align-items: stretch; min-height: 0; }
	.cg-home-hero .cg-hero__img { position: relative; order: -1; width: 100%; height: auto; max-height: 300px; padding: 16px 16px 0; object-position: center; }
	.cg-home-hero .cg-hero__body { padding-block: 16px 36px; }
	.cg-home-hero__features { flex-wrap: wrap; }
}
@media (max-width: 640px) {
	.cg-home-hero .cg-hero__img { max-height: 220px; }
	.cg-home-hero h1 { font-size: 2.2rem; }
	.cg-home-hero__features .cg-feature { max-width: none; }
	.cg-home-hero .cg-btn--lg { width: 100%; }
}

/* Wide screens: keep the hero photo inside the same content width as the text (owner request). */
@media (min-width: 1025px) {
	.cg-home-hero .cg-hero__img {
		right: max(0px, calc((100vw - var(--erp-container)) / 2));
		width: calc(min(100vw, var(--erp-container)) * .56);
		padding-right: var(--erp-gutter);
	}
}