/* Artful Binary overrides (loaded after app.css) */

.wc-block-featured-category{
	min-height:auto!important;
}
.wc-block-featured-category__wrapper{
	align-content:end;
}
:root :where(.is-layout-constrained) > :last-child {
  margin-block-end: auto;
}

/* Artful Binary overrides (loaded after app.css) */

/* 1) iOS Safari: disable WP Cover parallax (bg-fixed) — unreliable on iOS */
@supports (-webkit-overflow-scrolling: touch) {
.wp-block-cover.has-parallax,
.wp-block-cover-image.has-parallax {
background-attachment: scroll !important;
}

.wp-block-cover.has-parallax .wp-block-cover__image-background.has-parallax,
.wp-block-cover-image.has-parallax .wp-block-cover__image-background.has-parallax,
.wp-block-cover.has-parallax video.wp-block-cover__video-background {
transform: none !important;
will-change: auto !important;
}
}

/* 2) Mobile: tune the Cocktail hero background crop (reduce “zoomed” feel)
Targeted to that specific hero via its wp-elements-* class from the homepage HTML.
Adjust 70%→80%→90% if you want more of the right side visible. */
@media (max-width: 782px) {
.wp-block-cover.wp-elements-a5167b6f6bb49d19c625996f2bf35e95
.wp-block-cover__image-background {
background-position: 50% 50% !important;
background-size: cover !important;
}
}

/* Optional: if you want ZERO crop (will letterbox), enable this instead of the block above
@media (max-width: 782px) {
.wp-block-cover.wp-elements-a5167b6f6bb49d19c625996f2bf35e95
.wp-block-cover__image-background {
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: 50% 50% !important;
background-color: #cbbda6 !important;
}
}
*/