/* Webylance Storefront V5
 * Cold monochrome commerce system with one green accent.
 * All components use a 6px radius and restrained, purposeful motion.
 */

:root {
	--wl5-bg: #f1f4f2;
	--wl5-surface: #fbfcfb;
	--wl5-surface-strong: #ffffff;
	--wl5-soft: #e7ece9;
	--wl5-ink: #111612;
	--wl5-muted: #5a655f;
	--wl5-line: #d5ddd8;
	--wl5-accent: #086b48;
	--wl5-accent-dark: #064b35;
	--wl5-focus: #0a7a54;
	--wl5-button-bg: #111612;
	--wl5-button-text: #f7faf8;
	--wl5-button-hover-text: #f7faf8;
	--wl5-radius: 6px;
	--wl5-shadow: 0 24px 70px rgb(23 43 34 / 10%);
	--wl5-ease: cubic-bezier(.16, 1, .3, 1);
	--wl4-bg: var(--wl5-bg);
	--wl4-paper: var(--wl5-surface);
	--wl4-soft: var(--wl5-soft);
	--wl4-ink: var(--wl5-ink);
	--wl4-muted: var(--wl5-muted);
	--wl4-line: var(--wl5-line);
	--wl4-green: var(--wl5-accent);
	--wl4-green-dark: var(--wl5-accent-dark);
	--wl4-accent-soft: #dce9e2;
	--wl4-gold: var(--wl5-focus);
	--wl4-radius-small: var(--wl5-radius);
	--wl4-radius: var(--wl5-radius);
	--wl4-radius-large: var(--wl5-radius);
}

html,
body.agency-os {
	background: var(--wl5-bg) !important;
	color: var(--wl5-ink) !important;
}

body.agency-os.lang-en {
	font-family: "Zad", Arial, sans-serif !important;
	text-align: left !important;
}

body.agency-os.lang-en :is(h1, h2, h3, .woocommerce-loop-product__title) {
	font-family: "Iowan Old Style", Baskerville, Georgia, serif !important;
}

body.agency-os.lang-ar {
	font-family: "Zad", Arial, sans-serif !important;
	text-align: right !important;
}

body.agency-os {
	font-size: 15px !important;
	line-height: 1.6 !important;
}

body.agency-os a,
body.agency-os button,
body.agency-os input,
body.agency-os select,
body.agency-os textarea {
	border-radius: var(--wl5-radius) !important;
}

body.agency-os :focus-visible {
	outline: 2px solid var(--wl5-focus) !important;
	outline-offset: 3px !important;
}

.container {
	max-width: 1360px !important;
	padding-inline: clamp(1rem, 3.4vw, 3rem) !important;
}

.site-header {
	background: rgb(251 252 251 / 92%) !important;
	border-color: var(--wl5-line) !important;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
}

.header-inner {
	min-height: 68px !important;
}

.site-header .brand-lockup {
	width: clamp(130px, 12vw, 158px) !important;
}

.primary-nav a {
	color: var(--wl5-muted) !important;
	font-size: .84rem !important;
	font-weight: 600 !important;
	padding: .55rem .68rem !important;
}

.primary-nav a::after {
	display: none !important;
}

.primary-nav a:hover,
.primary-nav .current-menu-item > a {
	color: var(--wl5-ink) !important;
}

.language-switcher {
	border-color: var(--wl5-line) !important;
	border-radius: var(--wl5-radius) !important;
}

.language-switcher a {
	font-size: .66rem !important;
	height: 32px !important;
	width: 34px !important;
}

.language-switcher a.is-active,
.header-cta,
.wl5-button-primary,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #payment #place_order,
.wlpod-controls a.wlpod-cart {
	background: var(--wl5-button-bg) !important;
	border-color: var(--wl5-button-bg) !important;
	color: var(--wl5-button-text) !important;
}

.header-cta {
	font-size: .82rem !important;
	min-height: 40px !important;
	padding: .6rem .9rem !important;
	white-space: nowrap;
}

.header-cta:hover,
.wl5-button-primary:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #payment #place_order:hover,
.wlpod-controls a.wlpod-cart:hover {
	background: var(--wl5-accent-dark) !important;
	border-color: var(--wl5-accent-dark) !important;
	color: var(--wl5-button-hover-text) !important;
}

.wl5-button {
	align-items: center;
	border: 1px solid transparent;
	display: inline-flex;
	font-size: .9rem;
	font-weight: 700;
	justify-content: center;
	min-height: 46px;
	padding: .72rem 1.15rem;
	text-decoration: none;
	transition: background-color .25s var(--wl5-ease), border-color .25s var(--wl5-ease), color .25s var(--wl5-ease), transform .25s var(--wl5-ease);
	white-space: nowrap;
}

.wl5-button:hover {
	transform: translateY(-2px);
}

.wl5-button:active {
	transform: translateY(1px);
}

.wl5-button-secondary {
	background: transparent;
	border-color: var(--wl5-line);
	color: var(--wl5-ink);
}

.wl5-button-secondary:hover {
	background: var(--wl5-surface-strong);
	border-color: var(--wl5-muted);
	color: var(--wl5-ink);
}

/* Home */
.wl5-hero {
	background: var(--wl5-surface);
	padding-block: clamp(2.6rem, 6vw, 5rem);
}

.wl5-hero-layout {
	align-items: center;
	display: grid;
	gap: clamp(2rem, 6vw, 6.5rem);
	grid-template-columns: minmax(21rem, .82fr) minmax(34rem, 1.18fr);
	min-height: clamp(560px, 72dvh, 710px);
}

.wl5-hero-copy {
	max-width: 37rem;
	text-align: start;
}

.wl5-kicker {
	color: var(--wl5-accent);
	font-size: .78rem;
	font-weight: 700;
	margin: 0 0 1rem;
}

.wl5-hero h1 {
	color: var(--wl5-ink);
	font-size: clamp(2.55rem, 4.4vw, 4rem);
	font-weight: 650;
	line-height: 1.04;
	margin: 0;
	max-width: 10ch;
	text-wrap: balance;
}

.wl5-hero-lede {
	color: var(--wl5-muted);
	font-size: clamp(1rem, 1.25vw, 1.14rem);
	line-height: 1.65;
	margin: 1.45rem 0 0;
	max-width: 44ch;
}

.wl5-actions {
	display: flex;
	flex-wrap: wrap;
	gap: .7rem;
	margin-top: 1.8rem;
}

.wl5-hero-media {
	display: grid;
	gap: .65rem;
	grid-template-columns: minmax(0, 1.35fr) minmax(11rem, .65fr);
	grid-template-rows: repeat(2, minmax(0, 1fr));
	height: clamp(500px, 61dvh, 640px);
	min-width: 0;
}

.wl5-hero-product {
	background: var(--wl5-soft);
	display: block;
	min-height: 0;
	overflow: hidden;
}

.wl5-hero-product-main {
	grid-row: 1 / -1;
}

.wl5-hero-product img {
	height: 100%;
	object-fit: contain;
	padding: clamp(.8rem, 2vw, 1.6rem);
	transition: transform .7s var(--wl5-ease);
	width: 100%;
}

.wl5-hero-product-main img {
	object-fit: contain;
	padding: clamp(1rem, 3vw, 2.5rem);
}

.wl5-hero-product:hover img {
	transform: scale(1.025);
}

.wl5-collection,
.wl5-studio,
.wl5-flow {
	padding-block: clamp(4.8rem, 9vw, 8.5rem);
}

.wl5-heading {
	margin-bottom: clamp(2rem, 4vw, 3.25rem);
	max-width: 46rem;
	text-align: start;
}

.wl5-heading h2,
.wl5-studio-copy h2,
.wl5-flow-title h2 {
	color: var(--wl5-ink);
	font-size: clamp(1.95rem, 3.5vw, 3rem);
	font-weight: 650;
	line-height: 1.08;
	margin: 0;
	text-wrap: balance;
}

.wl5-heading p,
.wl5-studio-copy > p,
.wl5-flow-title > p {
	color: var(--wl5-muted);
	font-size: 1rem;
	line-height: 1.7;
	margin: 1rem 0 0;
	max-width: 52ch;
}

.wl5-product-grid {
	display: grid;
	gap: .8rem;
	grid-template-columns: repeat(12, minmax(0, 1fr));
}

.wl5-product-card {
	background: var(--wl5-surface-strong);
	display: flex;
	flex-direction: column;
	grid-column: span 4;
	min-width: 0;
	overflow: hidden;
	padding: .55rem;
}

.wl5-product-card-1,
.wl5-product-card-2 {
	grid-column: span 6;
}

.wl5-product-image {
	aspect-ratio: 1 / 1;
	background: var(--wl5-soft);
	display: block;
	overflow: hidden;
}

.wl5-product-card-1 .wl5-product-image,
.wl5-product-card-2 .wl5-product-image {
	aspect-ratio: 1.42 / 1;
}

.wl5-product-image img {
	height: 100%;
	object-fit: cover;
	transition: transform .65s var(--wl5-ease);
	width: 100%;
}

.wl5-product-card:hover .wl5-product-image img {
	transform: scale(1.025);
}

.wl5-product-info {
	align-items: start;
	display: flex;
	gap: 1rem;
	justify-content: space-between;
	padding: .9rem .35rem .75rem;
	text-align: start;
}

.wl5-product-info h3 {
	font-size: .96rem;
	font-weight: 650;
	line-height: 1.35;
	margin: 0;
}

.wl5-product-info h3 a {
	color: var(--wl5-ink);
	text-decoration: none;
}

.wl5-product-info span {
	color: var(--wl5-muted);
	display: block;
	font-size: .72rem;
	margin-top: .18rem;
}

.wl5-product-info > strong {
	color: var(--wl5-ink);
	font-size: .88rem;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.wl5-product-action {
	border-top: 1px solid var(--wl5-line);
	color: var(--wl5-ink);
	font-size: .8rem;
	font-weight: 700;
	margin-top: auto;
	padding: .72rem .35rem .3rem;
	text-decoration: none;
}

.wl5-product-action:hover {
	color: var(--wl5-accent);
}

.wl5-studio {
	background: var(--wl5-surface);
}

.wl5-studio-layout {
	align-items: center;
	display: grid;
	gap: clamp(2.8rem, 7vw, 7rem);
	grid-template-columns: minmax(20rem, .72fr) minmax(36rem, 1.28fr);
}

.wl5-studio-copy h2 {
	max-width: 12ch;
}

.wl5-studio-copy,
.wl5-flow-title {
	text-align: start;
}

.wl5-studio-points {
	display: grid;
	gap: 0;
	margin: 2rem 0;
}

.wl5-studio-points > div {
	border-top: 1px solid var(--wl5-line);
	display: grid;
	gap: .7rem;
	grid-template-columns: minmax(8rem, .8fr) minmax(0, 1.2fr);
	padding: 1rem 0;
}

.wl5-studio-points > div:last-child {
	border-bottom: 1px solid var(--wl5-line);
}

.wl5-studio-points dt {
	font-weight: 700;
}

.wl5-studio-points dd {
	color: var(--wl5-muted);
	margin: 0;
}

.wl5-studio-visual {
	background: var(--wl5-soft);
	box-shadow: var(--wl5-shadow);
	margin: 0;
	overflow: hidden;
}

.wl5-studio-visual img {
	display: block;
	height: auto;
	width: 100%;
}

.wl5-flow-layout {
	display: grid;
	gap: clamp(3rem, 8vw, 8rem);
	grid-template-columns: minmax(20rem, .8fr) minmax(30rem, 1.2fr);
}

.wl5-flow-title h2 {
	max-width: 9ch;
}

.wl5-flow-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.wl5-flow-list li {
	border-top: 1px solid var(--wl5-line);
	display: grid;
	gap: 1.5rem;
	grid-template-columns: minmax(7rem, .55fr) minmax(0, 1.45fr);
	padding: 1.35rem 0 1.5rem;
}

.wl5-flow-list li:last-child {
	border-bottom: 1px solid var(--wl5-line);
}

.wl5-flow-list strong {
	font-size: 1rem;
}

.wl5-flow-list span {
	color: var(--wl5-muted);
}

/* Shared commerce surfaces */
.woocommerce-shell,
.woocommerce-product-shell,
.page-id-19282 .section,
.woocommerce-cart .woocommerce-shell,
.woocommerce-checkout .woocommerce-shell,
.woocommerce-account .woocommerce-shell {
	background: var(--wl5-bg) !important;
}

.woocommerce-archive-hero {
	margin: 0 0 2rem !important;
	padding: 0 0 2rem !important;
	text-align: start !important;
}

.woocommerce-archive-hero .eyebrow {
	display: none !important;
}

.woocommerce-archive-hero h1,
.woocommerce-cart h1,
.woocommerce-checkout h1,
.woocommerce-account h1 {
	font-size: clamp(2rem, 3.4vw, 3rem) !important;
	font-weight: 650 !important;
}

.woocommerce-archive-hero h1 {
	margin: 0 !important;
}

.woocommerce-archive-hero p {
	margin: .8rem 0 0 !important;
	max-width: 48rem !important;
}

.woocommerce-shell > .container > .page-title,
.woocommerce-shell .wl-store-filter-bar,
.woocommerce .woocommerce-result-count {
	display: none !important;
}

.woocommerce .woocommerce-ordering {
	display: flex !important;
	float: none !important;
	justify-content: flex-end;
	margin: 0 0 1rem !important;
}

.woocommerce .woocommerce-ordering select {
	background: var(--wl5-surface-strong) !important;
	border: 1px solid var(--wl5-line) !important;
	color: var(--wl5-ink) !important;
	font-size: .82rem !important;
	min-height: 42px;
	padding-inline: .75rem;
	width: min(100%, 220px);
}

.woocommerce ul.products {
	gap: .8rem !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	background: var(--wl5-surface-strong) !important;
	padding: .55rem !important;
	text-align: start !important;
}

.woocommerce ul.products li.product a img {
	margin-bottom: .8rem !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-size: .9rem !important;
	font-weight: 650 !important;
}

.woocommerce ul.products li.product .price {
	color: var(--wl5-ink) !important;
	font-size: .88rem !important;
}

.woocommerce ul.products li.product .button {
	font-size: .8rem !important;
	min-height: 42px !important;
}

.woocommerce div.product {
	gap: clamp(2rem, 5vw, 5rem) !important;
}

.woocommerce div.product div.images {
	background: var(--wl5-surface-strong) !important;
	padding: .65rem !important;
}

.woocommerce div.product .product_title {
	font-size: clamp(2rem, 3.2vw, 3.1rem) !important;
	font-weight: 650 !important;
}

.woocommerce div.product .related.products ul.products {
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.wl4-single-design-button {
	background: var(--wl5-ink) !important;
	border-color: var(--wl5-ink) !important;
	font-size: .88rem !important;
}

.wl4-product-assurance {
	margin-top: 1.1rem !important;
}

.woocommerce div.product .woocommerce-tabs,
.woocommerce table.shop_table,
.wl-cart-guide,
.wl-checkout-guide,
.wl-account-guide,
.wl-order-journey,
.woocommerce-cart-form,
.cart-collaterals .cart_totals,
.woocommerce-checkout form.checkout,
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
	border-color: var(--wl5-line) !important;
	box-shadow: none !important;
}

.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error {
	background: var(--wl5-surface) !important;
	border-color: var(--wl5-line) !important;
	border-top-color: var(--wl5-accent) !important;
}

.woocommerce-checkout #payment,
.woocommerce td.product-name dl.variation {
	background: var(--wl5-soft) !important;
}

/* Account, cart and checkout use one quiet commerce shell. */
body.woocommerce-account .page-hero,
body.woocommerce-cart .page-hero,
body.woocommerce-checkout .page-hero {
	background: var(--wl5-surface) !important;
	border: 0 !important;
	border-bottom: 1px solid var(--wl5-line) !important;
	color: var(--wl5-ink) !important;
	padding: clamp(2.4rem, 5vw, 4rem) 0 !important;
}

body.woocommerce-account .page-hero::before,
body.woocommerce-account .page-hero::after,
body.woocommerce-cart .page-hero::before,
body.woocommerce-cart .page-hero::after,
body.woocommerce-checkout .page-hero::before,
body.woocommerce-checkout .page-hero::after {
	display: none !important;
}

body.woocommerce-account .page-hero h1,
body.woocommerce-cart .page-hero h1,
body.woocommerce-checkout .page-hero h1 {
	color: var(--wl5-ink) !important;
	font-size: clamp(2rem, 3.2vw, 2.8rem) !important;
	font-weight: 650 !important;
	margin: 0 !important;
	text-align: start !important;
}

body.woocommerce-account .section,
body.woocommerce-cart .section,
body.woocommerce-checkout .section,
.page-id-19282 .section {
	background: var(--wl5-bg) !important;
	padding-block: clamp(2.5rem, 5vw, 4.5rem) !important;
}

body.woocommerce-account .content-area,
body.woocommerce-cart .content-area,
body.woocommerce-checkout .content-area,
.page-id-19282 .content-area {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	padding-block: 0 !important;
}

.wl-guide-actions .button,
.wl-account-guide .button,
.wl-cart-guide .button,
.wl-checkout-guide .button {
	background: var(--wl5-button-bg) !important;
	border-color: var(--wl5-button-bg) !important;
	color: var(--wl5-button-text) !important;
}

/* Studio */
.wlpod-studio {
	--pod-ink: var(--wl5-ink);
	--pod-muted: var(--wl5-muted);
	--pod-line: var(--wl5-line);
	--pod-paper: var(--wl5-surface-strong);
	--pod-soft: var(--wl5-soft);
	--pod-green: var(--wl5-accent);
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
}

.wlpod-copy {
	align-items: start;
	display: block;
	margin-bottom: 2rem;
	max-width: 48rem;
}

.wlpod-kicker,
.wlpod-value-strip {
	display: none !important;
}

.wlpod-copy h2 {
	font-size: clamp(1.95rem, 3.1vw, 2.8rem) !important;
	font-weight: 650 !important;
	max-width: 16ch;
}

.wlpod-copy > p:not(.wlpod-kicker) {
	font-size: .98rem !important;
	margin-top: .9rem !important;
}

.wlpod-layout {
	border-color: var(--wl5-line) !important;
	box-shadow: var(--wl5-shadow);
	grid-template-columns: minmax(16rem, 18rem) minmax(0, 1fr) !important;
}

.wlpod-controls {
	gap: .8rem !important;
	padding: 1rem !important;
}

.wlpod-step {
	background: var(--wl5-ink) !important;
	border-radius: var(--wl5-radius) !important;
	padding: .7rem !important;
}

.wlpod-step span {
	background: var(--wl5-accent) !important;
	color: #f7faf8 !important;
}

.wlpod-stage {
	background: var(--wl5-soft) !important;
	gap: .6rem !important;
	padding: .6rem !important;
}

.wlpod-editor-panel,
.wlpod-preview-panel,
.wlpod-qr-card {
	border-color: var(--wl5-line) !important;
}

.wlpod-canvas-wrap {
	background: #e2e8e4 !important;
}

.wlpod-preview-panel {
	background: var(--wl5-ink) !important;
	border-color: var(--wl5-ink) !important;
}

/* Footer and secondary CTA stay in the same theme family. */
.final-cta,
.site-footer {
	background: var(--wl5-surface) !important;
	color: var(--wl5-ink) !important;
}

.final-cta {
	border-top: 1px solid var(--wl5-line) !important;
	padding-block: 2.5rem !important;
}

.final-cta h2 {
	color: var(--wl5-ink) !important;
	font-size: clamp(1.45rem, 2.5vw, 2.1rem) !important;
	font-weight: 650 !important;
	max-width: 26ch;
}

.final-cta .button {
	background: var(--wl5-button-bg) !important;
	border-color: var(--wl5-button-bg) !important;
	color: var(--wl5-button-text) !important;
}

.site-footer {
	border-top: 1px solid var(--wl5-line) !important;
	padding-top: 3.5rem !important;
}

.site-footer .footer-brand img {
	content: url("../brand/webylance-lockup.svg");
}

.site-footer p,
.site-footer a,
.site-footer .footer-bottom {
	color: var(--wl5-muted) !important;
}

.site-footer strong {
	color: var(--wl5-ink) !important;
}

.footer-bottom {
	border-color: var(--wl5-line) !important;
}

@media (prefers-color-scheme: dark) {
	:root {
		--wl5-bg: #111613;
		--wl5-surface: #151b17;
		--wl5-surface-strong: #1a211d;
		--wl5-soft: #222b26;
		--wl5-ink: #edf2ef;
		--wl5-muted: #aab5ae;
		--wl5-line: #303b35;
		--wl5-accent: #55b78c;
		--wl5-accent-dark: #3f9b75;
		--wl5-focus: #6bc79e;
		--wl5-button-bg: #edf2ef;
		--wl5-button-text: #111613;
		--wl5-button-hover-text: #111613;
		--wl5-shadow: 0 24px 70px rgb(4 9 6 / 35%);
	}

	.site-header {
		background: rgb(21 27 23 / 92%) !important;
	}

	.site-header .brand-lockup,
	.site-footer .footer-brand img {
		content: url("../brand/webylance-lockup-light.svg");
	}

	.wl5-hero-product img,
	.wl5-product-image img,
	.woocommerce ul.products li.product a img,
	.woocommerce div.product div.images img {
		background: #edf1ef !important;
	}

	.wlpod-canvas-wrap {
		background: #27312c !important;
	}
}

@media (max-width: 1080px) {
	.wl5-hero-layout {
		gap: 2.5rem;
		grid-template-columns: minmax(19rem, .8fr) minmax(27rem, 1.2fr);
	}

	.wl5-studio-layout {
		grid-template-columns: minmax(18rem, .75fr) minmax(29rem, 1.25fr);
	}
}

@media (max-width: 900px) {
	.primary-nav {
		background: var(--wl5-surface) !important;
	}

	.wl5-hero-layout,
	.wl5-studio-layout,
	.wl5-flow-layout {
		grid-template-columns: 1fr;
	}

	.wl5-hero-layout {
		min-height: auto;
	}

	.wl5-hero-copy {
		max-width: 42rem;
	}

	.wl5-hero-media {
		height: min(68vw, 620px);
	}

	.wl5-studio-copy h2,
	.wl5-flow-title h2 {
		max-width: 15ch;
	}

	.wl5-studio-visual {
		grid-row: 1;
	}

	.woocommerce ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.woocommerce div.product .related.products ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 700px) {
	body.agency-os {
		font-size: 14px !important;
	}

	.header-inner {
		min-height: 62px !important;
	}

	.site-header .brand-lockup {
		width: 120px !important;
	}

	.header-cta {
		display: none !important;
	}

	.wl5-hero,
	.wl5-collection,
	.wl5-studio,
	.wl5-flow {
		padding-block: 3.5rem;
	}

	.wl5-hero h1 {
		font-size: clamp(2.25rem, 10.5vw, 3rem);
		max-width: 9ch;
	}

	.wl5-hero-lede {
		max-width: 34ch;
	}

	.wl5-actions {
		align-items: stretch;
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.wl5-hero-media {
		gap: .45rem;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: minmax(15rem, 1.25fr) minmax(9rem, .75fr);
		height: auto;
	}

	.wl5-hero-product-main {
		grid-column: 1 / -1;
		grid-row: 1;
	}

	.wl5-product-grid,
	.woocommerce ul.products {
		grid-template-columns: 1fr !important;
	}

	.woocommerce div.product .related.products ul.products {
		grid-template-columns: 1fr !important;
	}

	.wl5-product-card,
	.wl5-product-card-1,
	.wl5-product-card-2 {
		grid-column: 1 !important;
	}

	.wl5-product-image,
	.wl5-product-card-1 .wl5-product-image,
	.wl5-product-card-2 .wl5-product-image {
		aspect-ratio: 1.15 / 1;
	}

	.wl5-studio-points > div,
	.wl5-flow-list li {
		gap: .35rem;
		grid-template-columns: 1fr;
	}

	.wl5-flow-list li {
		padding-block: 1.1rem;
	}

	.wl5-studio-visual {
		box-shadow: none;
	}

	.final-cta .split {
		align-items: stretch !important;
		display: grid !important;
		gap: 1rem !important;
	}
}

@media (prefers-reduced-motion: no-preference) {
	.wl5-hero-copy {
		animation: wl5-rise-in .72s var(--wl5-ease) both;
	}

	.wl5-hero-product {
		animation: wl5-rise-in .8s var(--wl5-ease) both;
	}

	.wl5-hero-product-mug {
		animation-delay: .08s;
	}

	.wl5-hero-product-tee {
		animation-delay: .16s;
	}
}

@keyframes wl5-rise-in {
	from {
		opacity: 0;
		transform: translateY(16px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

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