/* Webylance Storefront V4
 * Product-first visual system for the public POD commerce journey.
 */

:root {
	--wl4-bg: oklch(97.8% 0.006 145);
	--wl4-paper: oklch(99.4% 0.004 145);
	--wl4-soft: oklch(94.8% 0.012 145);
	--wl4-ink: oklch(22% 0.014 145);
	--wl4-muted: oklch(48% 0.018 145);
	--wl4-line: oklch(86% 0.012 145);
	--wl4-green: oklch(42% 0.105 158);
	--wl4-green-dark: oklch(31% 0.078 158);
	--wl4-accent-soft: oklch(93% 0.036 154);
	--wl4-gold: oklch(73% 0.112 85);
	--wl4-shadow: 0 1.5rem 4.5rem oklch(25% 0.025 145 / 10%);
	--wl4-shadow-small: 0 .8rem 2.2rem oklch(25% 0.025 145 / 8%);
	--wl4-radius-small: .45rem;
	--wl4-radius: 1.15rem;
	--wl4-radius-large: 1.8rem;
	--wl4-ease: cubic-bezier(.16, 1, .3, 1);
}

html {
	background: var(--wl4-bg);
}

body.agency-os {
	background: var(--wl4-bg) !important;
	color: var(--wl4-ink) !important;
	font-family: "Zad", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
	font-size: 16px !important;
	line-height: 1.65 !important;
}

body.agency-os.lang-en {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body.agency-os::before {
	display: none !important;
}

.container {
	max-width: 1280px !important;
	padding-inline: clamp(1.1rem, 3vw, 2.4rem) !important;
}

.site-main {
	min-height: 60vh;
}

.home .breadcrumbs,
.home .final-cta {
	display: none !important;
}

a,
button,
input,
select,
textarea {
	letter-spacing: 0 !important;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline: 3px solid var(--wl4-gold) !important;
	outline-offset: 3px;
}

.site-header {
	background: var(--wl4-paper) !important;
	border-bottom: 1px solid var(--wl4-line) !important;
	box-shadow: none !important;
	position: sticky;
	top: 0;
	z-index: 50;
}

.header-inner {
	gap: clamp(.7rem, 2vw, 1.8rem) !important;
	min-height: 72px !important;
}

.site-header .brand {
	margin-inline-end: auto;
}

.site-header .brand-lockup {
	max-width: none !important;
	width: clamp(142px, 14vw, 176px) !important;
}

.primary-nav {
	margin-inline: auto 0 !important;
}

.primary-nav ul {
	gap: .2rem !important;
}

.primary-nav a {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	color: var(--wl4-muted) !important;
	font-size: .92rem !important;
	font-weight: 600 !important;
	padding: .65rem .75rem !important;
	position: relative;
}

.primary-nav a::after {
	background: var(--wl4-green);
	bottom: .25rem;
	content: "";
	height: 2px;
	inset-inline: .75rem;
	position: absolute;
	transform: scaleX(0);
	transform-origin: center;
	transition: transform .24s var(--wl4-ease);
}

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

.primary-nav a:hover::after,
.primary-nav .current-menu-item > a::after {
	transform: scaleX(1);
}

.header-cta {
	background: var(--wl4-ink) !important;
	border: 1px solid var(--wl4-ink) !important;
	border-radius: var(--wl4-radius-small) !important;
	color: var(--wl4-paper) !important;
	font-size: .9rem !important;
	font-weight: 700 !important;
	min-height: 42px !important;
	padding: .65rem 1rem !important;
}

.header-cta:hover {
	background: var(--wl4-green-dark) !important;
	border-color: var(--wl4-green-dark) !important;
	transform: translateY(-1px);
}

.language-switcher {
	align-items: center;
	border: 1px solid var(--wl4-line);
	border-radius: var(--wl4-radius-small);
	display: inline-flex;
	overflow: hidden;
}

.language-switcher a {
	align-items: center;
	color: var(--wl4-muted);
	display: inline-flex;
	font-size: .7rem;
	font-weight: 800;
	height: 34px;
	justify-content: center;
	text-decoration: none;
	width: 36px;
}

.language-switcher a.is-active {
	background: var(--wl4-ink);
	color: #fff;
}

.lang-en .site-main,
.lang-en .site-header,
.lang-en .site-footer {
	direction: ltr;
}

.lang-ar .site-main,
.lang-ar .site-header,
.lang-ar .site-footer {
	direction: rtl;
}

.wl4-button {
	align-items: center;
	border: 1px solid transparent;
	border-radius: var(--wl4-radius-small);
	display: inline-flex;
	font-size: .98rem;
	font-weight: 700;
	justify-content: center;
	min-height: 48px;
	padding: .8rem 1.3rem;
	text-decoration: none;
	transition: background-color .24s var(--wl4-ease), border-color .24s var(--wl4-ease), color .24s var(--wl4-ease), transform .24s var(--wl4-ease);
}

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

.wl4-button-primary {
	background: var(--wl4-green);
	border-color: var(--wl4-green);
	color: var(--wl4-paper);
}

.wl4-button-primary:hover {
	background: var(--wl4-green-dark);
	border-color: var(--wl4-green-dark);
	color: var(--wl4-paper);
}

.wl4-button-light {
	background: var(--wl4-paper);
	color: var(--wl4-ink);
}

.wl4-text-action {
	align-items: center;
	color: var(--wl4-ink);
	display: inline-flex;
	font-weight: 700;
	gap: .5rem;
	min-height: 48px;
	padding-inline: .25rem;
}

.wl4-text-action span,
.wl4-section-heading > a span {
	transition: transform .24s var(--wl4-ease);
}

.wl4-text-action:hover span,
.wl4-section-heading > a:hover span {
	transform: translateX(-4px);
}

.wl4-hero {
	background: var(--wl4-paper);
	overflow: hidden;
	padding: clamp(3rem, 7vw, 6.2rem) 0 clamp(4.2rem, 8vw, 7rem);
}

.wl4-hero-grid {
	align-items: center;
	display: grid;
	gap: clamp(3rem, 7vw, 7rem);
	grid-template-columns: minmax(0, .78fr) minmax(31rem, 1.22fr);
}

.wl4-hero-copy {
	max-width: 35rem;
	position: relative;
	z-index: 2;
}

.wl4-hero h1 {
	color: var(--wl4-ink);
	font-size: clamp(2.65rem, 4.7vw, 4.15rem);
	font-weight: 700;
	line-height: 1.05;
	margin: 0;
	max-width: 9ch;
	text-wrap: balance;
}

.wl4-hero-copy > p {
	color: var(--wl4-muted);
	font-size: clamp(1.03rem, 1.4vw, 1.2rem);
	line-height: 1.8;
	margin: 1.4rem 0 0;
	max-width: 54ch;
	text-wrap: pretty;
}

.wl4-actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem 1.25rem;
	margin-top: 1.8rem;
}

.wl4-trust-list {
	align-items: center;
	color: var(--wl4-muted);
	display: flex;
	flex-wrap: wrap;
	font-size: .84rem;
	gap: .7rem 1.3rem;
	list-style: none;
	margin: 2rem 0 0;
	padding: 0;
}

.wl4-trust-list li {
	align-items: center;
	display: inline-flex;
	gap: .45rem;
}

.wl4-trust-list li::before {
	background: var(--wl4-green);
	border-radius: 50%;
	content: "";
	height: .42rem;
	width: .42rem;
}

.wl4-hero-stage {
	aspect-ratio: 1.12 / 1;
	background: var(--wl4-soft);
	border-radius: var(--wl4-radius-large);
	min-height: 34rem;
	overflow: hidden;
	position: relative;
}

.wl4-hero-stage::before {
	background: var(--wl4-paper);
	border-radius: 50%;
	content: "";
	height: 34rem;
	inset: 50% auto auto 50%;
	position: absolute;
	transform: translate(-50%, -50%);
	width: 34rem;
}

.wl4-stage-item {
	background: var(--wl4-paper);
	box-shadow: var(--wl4-shadow-small);
	color: var(--wl4-ink);
	display: block;
	overflow: hidden;
	position: absolute;
	transition: transform .45s var(--wl4-ease), box-shadow .45s var(--wl4-ease);
}

.wl4-stage-item:hover {
	box-shadow: var(--wl4-shadow);
	z-index: 3;
}

.wl4-stage-item img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.wl4-stage-item span {
	background: var(--wl4-paper);
	bottom: .65rem;
	font-size: .72rem;
	font-weight: 700;
	inset-inline: .65rem auto;
	padding: .4rem .55rem;
	position: absolute;
}

.wl4-stage-notebook {
	border-radius: .8rem;
	height: 75%;
	inset: 12% auto auto 28%;
	transform: rotate(-5deg);
	width: 49%;
	z-index: 2;
}

.wl4-stage-notebook:hover {
	transform: rotate(-2deg) translateY(-5px);
}

.wl4-stage-mug {
	border-radius: 50%;
	height: 39%;
	inset: auto 4% 7% auto;
	transform: rotate(5deg);
	width: 39%;
}

.wl4-stage-mug:hover {
	transform: rotate(2deg) translateY(-5px);
}

.wl4-stage-tee {
	border-radius: .8rem;
	height: 42%;
	inset: 2% auto auto 1%;
	transform: rotate(4deg);
	width: 38%;
}

.wl4-stage-tee:hover {
	transform: rotate(1deg) translateY(-5px);
}

.wl4-stage-note {
	background: var(--wl4-ink);
	border-radius: .75rem;
	bottom: 2rem;
	color: var(--wl4-paper);
	display: grid;
	gap: .12rem;
	inset-inline-start: 2rem;
	max-width: 13rem;
	padding: .85rem 1rem;
	position: absolute;
	z-index: 4;
}

.wl4-stage-note strong {
	font-size: .9rem;
}

.wl4-stage-note span {
	color: oklch(85% 0.01 145);
	font-size: .75rem;
}

.wl4-catalog {
	padding: clamp(4.5rem, 9vw, 8rem) 0;
}

.wl4-section-heading {
	align-items: end;
	display: flex;
	gap: 2rem;
	justify-content: space-between;
	margin-bottom: clamp(2rem, 4vw, 3.2rem);
}

.wl4-section-heading > div > span,
.wl4-personalize-copy > span,
.wl4-proof-copy > span,
.wl4-final-inner > div > span {
	color: var(--wl4-green);
	display: block;
	font-size: .78rem;
	font-weight: 700;
	margin-bottom: .6rem;
}

.wl4-section-heading h2,
.wl4-personalize-copy h2,
.wl4-proof-copy h2,
.wl4-final h2 {
	color: var(--wl4-ink);
	font-size: clamp(2rem, 3.8vw, 3.35rem);
	font-weight: 700;
	line-height: 1.15;
	margin: 0;
	text-wrap: balance;
}

.wl4-section-heading > a {
	align-items: center;
	color: var(--wl4-ink);
	display: inline-flex;
	font-size: .9rem;
	font-weight: 700;
	gap: .5rem;
	padding-bottom: .3rem;
	white-space: nowrap;
}

.wl4-product-grid {
	display: grid;
	gap: 1rem;
	grid-auto-rows: minmax(18rem, auto);
	grid-template-columns: repeat(12, minmax(0, 1fr));
}

.wl4-product-card {
	background: var(--wl4-paper);
	display: flex;
	flex-direction: column;
	grid-column: span 4;
	min-width: 0;
	overflow: hidden;
	padding: .75rem;
	position: relative;
}

.wl4-product-card-1 {
	grid-column: span 6;
	grid-row: span 2;
}

.wl4-product-card-2,
.wl4-product-card-3 {
	grid-column: span 3;
}

.wl4-product-card-4,
.wl4-product-card-5 {
	grid-column: span 3;
}

.wl4-product-image {
	background: var(--wl4-soft);
	display: block;
	flex: 1;
	min-height: 18rem;
	overflow: hidden;
}

.wl4-product-card-1 .wl4-product-image {
	min-height: 38rem;
}

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

.wl4-product-card:hover .wl4-product-image img {
	transform: scale(1.035);
}

.wl4-product-meta {
	align-items: start;
	display: flex;
	gap: 1rem;
	justify-content: space-between;
	padding: 1rem .25rem .65rem;
}

.wl4-product-meta h3 {
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.35;
	margin: 0;
}

.wl4-product-card-1 .wl4-product-meta h3 {
	font-size: 1.25rem;
}

.wl4-product-meta span {
	color: var(--wl4-muted);
	display: block;
	font-size: .76rem;
	margin-top: .2rem;
}

.wl4-product-meta > strong {
	color: var(--wl4-green-dark);
	flex: 0 0 auto;
	font-size: .92rem;
	font-variant-numeric: tabular-nums;
}

.wl4-card-action {
	border-top: 1px solid var(--wl4-line);
	color: var(--wl4-ink);
	font-size: .86rem;
	font-weight: 700;
	margin-top: auto;
	padding: .8rem .25rem .25rem;
}

.wl4-card-action:hover {
	color: var(--wl4-green);
}

.wl4-personalize {
	background: var(--wl4-paper);
	padding: clamp(4.5rem, 9vw, 8rem) 0;
}

.wl4-personalize-grid {
	align-items: start;
	display: grid;
	gap: clamp(3rem, 8vw, 8rem);
	grid-template-columns: minmax(0, .8fr) minmax(28rem, 1.2fr);
}

.wl4-personalize-copy {
	position: sticky;
	top: 7rem;
}

.wl4-personalize-copy h2,
.wl4-proof-copy h2 {
	max-width: 11ch;
}

.wl4-personalize-copy p,
.wl4-proof-copy > p {
	color: var(--wl4-muted);
	font-size: 1rem;
	line-height: 1.8;
	margin: 1.2rem 0 1.8rem;
	max-width: 58ch;
}

.wl4-process-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.wl4-process-list li {
	align-items: start;
	border-top: 1px solid var(--wl4-line);
	display: grid;
	gap: 1.4rem;
	grid-template-columns: 3rem 1fr;
	padding: 1.7rem 0 2rem;
}

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

.wl4-process-list li > span {
	color: var(--wl4-green);
	font-size: .8rem;
	font-variant-numeric: tabular-nums;
	font-weight: 700;
	padding-top: .15rem;
}

.wl4-process-list strong {
	display: block;
	font-size: 1.18rem;
	margin-bottom: .35rem;
}

.wl4-process-list p {
	color: var(--wl4-muted);
	margin: 0;
}

.wl4-proof {
	padding: clamp(4.5rem, 9vw, 8rem) 0;
}

.wl4-proof-grid {
	align-items: center;
	display: grid;
	gap: clamp(3rem, 8vw, 8rem);
	grid-template-columns: minmax(32rem, 1.18fr) minmax(0, .82fr);
}

.wl4-proof-window {
	background: var(--wl4-ink);
	border-radius: var(--wl4-radius);
	box-shadow: var(--wl4-shadow);
	color: var(--wl4-paper);
	overflow: hidden;
	padding: .7rem;
}

.wl4-proof-toolbar,
.wl4-proof-footer {
	align-items: center;
	display: flex;
	font-size: .76rem;
	justify-content: space-between;
	padding: .45rem .4rem .75rem;
}

.wl4-proof-status {
	color: oklch(81% 0.08 154);
}

.wl4-proof-canvas {
	background: var(--wl4-soft);
	border-radius: .6rem;
	min-height: 31rem;
	overflow: hidden;
	position: relative;
}

.wl4-proof-canvas img {
	height: 100%;
	object-fit: contain;
	padding: 2.5rem;
	position: absolute;
	width: 100%;
}

.wl4-proof-artwork {
	background: var(--wl4-green);
	color: var(--wl4-paper);
	font-size: 1.2rem;
	font-weight: 700;
	inset: 45% auto auto 50%;
	padding: .55rem .9rem;
	position: absolute;
	transform: translate(-50%, -50%) rotate(-2deg);
	z-index: 2;
}

.wl4-proof-footer {
	gap: .7rem;
	justify-content: flex-start;
	padding: .75rem .4rem .35rem;
}

.wl4-proof-footer span {
	border: 1px solid oklch(48% 0.02 145);
	padding: .35rem .55rem;
}

.wl4-proof-copy ul {
	display: grid;
	gap: .8rem;
	list-style: none;
	margin: 1.7rem 0 0;
	padding: 0;
}

.wl4-proof-copy li {
	align-items: center;
	display: flex;
	gap: .7rem;
}

.wl4-proof-copy li::before {
	background: var(--wl4-green);
	content: "";
	height: 2px;
	width: 1.4rem;
}

.wl4-fulfillment {
	background: var(--wl4-accent-soft);
	padding: clamp(4.5rem, 8vw, 7rem) 0;
}

.wl4-fulfillment .wl4-section-heading {
	align-items: start;
}

.wl4-fulfillment .wl4-section-heading > p {
	color: var(--wl4-muted);
	line-height: 1.8;
	margin: 0;
	max-width: 30rem;
}

.wl4-service-row {
	border-block: 1px solid oklch(77% 0.035 154);
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.wl4-service-row article {
	border-inline-start: 1px solid oklch(77% 0.035 154);
	padding: 2rem;
}

.wl4-service-row article:last-child {
	border-inline-start: 0;
}

.wl4-service-row span {
	color: var(--wl4-green);
	font-size: .78rem;
	font-variant-numeric: tabular-nums;
	font-weight: 700;
}

.wl4-service-row strong {
	display: block;
	font-size: 1.15rem;
	margin: 1rem 0 .35rem;
}

.wl4-service-row p {
	color: var(--wl4-muted);
	margin: 0;
}

.wl4-final {
	background: var(--wl4-ink);
	padding: clamp(3.5rem, 7vw, 6rem) 0;
}

.wl4-final-inner {
	align-items: center;
	display: flex;
	gap: 2rem;
	justify-content: space-between;
}

.wl4-final-inner > div > span {
	color: oklch(77% 0.08 154);
}

.wl4-final h2 {
	color: var(--wl4-paper);
	max-width: 14ch;
}

/* WooCommerce store */
.woocommerce-shell {
	background: var(--wl4-bg) !important;
	padding: clamp(2.2rem, 4vw, 3.5rem) 0 !important;
}

.woocommerce-archive-hero {
	background: transparent !important;
	border: 0 !important;
	border-bottom: 1px solid var(--wl4-line) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: var(--wl4-ink) !important;
	margin: 0 0 2.5rem !important;
	overflow: visible !important;
	padding: 0 0 2.5rem !important;
}

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

.woocommerce-archive-hero .eyebrow {
	background: transparent !important;
	border: 0 !important;
	color: var(--wl4-green) !important;
	font-family: "Zad", sans-serif !important;
	font-size: .8rem !important;
	margin-bottom: .6rem !important;
	padding: 0 !important;
}

.woocommerce-archive-hero h1 {
	color: var(--wl4-ink) !important;
	font-size: clamp(2rem, 3.6vw, 3rem) !important;
	font-weight: 700 !important;
	line-height: 1.08 !important;
	margin: 0 !important;
}

.woocommerce-archive-hero p {
	color: var(--wl4-muted) !important;
	font-size: 1rem !important;
	line-height: 1.8 !important;
	margin: 1rem 0 0 !important;
	max-width: 48rem !important;
}

.wl-store-filter-bar,
.wl-product-route-badges,
.wl-product-badges,
.woocommerce .woocommerce-result-count {
	display: none !important;
}

.woocommerce .woocommerce-ordering {
	float: none !important;
	margin: 0 0 1.5rem !important;
	text-align: end;
}

.woocommerce .woocommerce-ordering select {
	background: var(--wl4-paper);
	border: 1px solid var(--wl4-line);
	border-radius: var(--wl4-radius-small);
	color: var(--wl4-ink);
	font-size: .9rem;
	min-height: 42px;
	padding: .55rem .8rem;
}

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

.woocommerce ul.products::before,
.woocommerce ul.products::after {
	display: none !important;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	background: var(--wl4-paper) !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	display: flex !important;
	flex-direction: column;
	margin: 0 !important;
	min-height: 100%;
	overflow: visible !important;
	padding: .7rem !important;
	width: auto !important;
}

.woocommerce ul.products li.product:hover {
	box-shadow: var(--wl4-shadow-small) !important;
	transform: translateY(-3px);
}

.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
	display: flex;
	flex: 1;
	flex-direction: column;
}

.woocommerce ul.products li.product a img {
	aspect-ratio: 1 / 1;
	background: var(--wl4-soft) !important;
	border: 0 !important;
	border-radius: 0 !important;
	margin: 0 0 1rem !important;
	object-fit: cover;
	transition: transform .55s var(--wl4-ease);
}

.woocommerce ul.products li.product:hover a img {
	transform: scale(1.025);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	color: var(--wl4-ink) !important;
	font-size: .92rem !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	margin: 0 0 .5rem !important;
}

.woocommerce ul.products li.product .price {
	color: var(--wl4-green-dark) !important;
	font-size: .96rem !important;
	font-variant-numeric: tabular-nums;
	font-weight: 700 !important;
	margin: auto 0 .8rem !important;
}

.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button {
	background: var(--wl4-ink) !important;
	border: 1px solid var(--wl4-ink) !important;
	border-radius: var(--wl4-radius-small) !important;
	color: var(--wl4-paper) !important;
	font-size: .9rem !important;
	margin: 0 !important;
	min-height: 44px !important;
	padding: .7rem 1rem !important;
	text-align: center;
	width: 100%;
}

.woocommerce ul.products li.product .button:hover {
	background: var(--wl4-green-dark) !important;
	border-color: var(--wl4-green-dark) !important;
}

.woocommerce ul.products li.product .wl4-design-product {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
}

/* Single product */
.woocommerce-product-shell {
	padding-top: 2rem !important;
}

.woocommerce div.product {
	align-items: start !important;
	display: grid !important;
	gap: clamp(2rem, 4vw, 4rem) !important;
	grid-template-columns: minmax(0, 1.05fr) minmax(25rem, .95fr) !important;
}

.woocommerce div.product div.images,
.woocommerce div.product div.summary {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	width: auto !important;
}

.woocommerce div.product div.images {
	background: var(--wl4-paper) !important;
	padding: 1rem !important;
}

.woocommerce div.product div.images img {
	background: var(--wl4-soft) !important;
	border-radius: 0 !important;
}

.woocommerce div.product .summary {
	padding-top: clamp(.5rem, 3vw, 2.5rem) !important;
}

.woocommerce div.product .product_title {
	color: var(--wl4-ink) !important;
	font-size: clamp(2rem, 3.4vw, 3rem) !important;
	font-weight: 700 !important;
	line-height: 1.08 !important;
	margin-bottom: 1rem !important;
	max-width: 12ch;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: var(--wl4-green-dark) !important;
	font-size: 1.35rem !important;
	font-variant-numeric: tabular-nums;
	font-weight: 700 !important;
}

.woocommerce-product-details__short-description {
	color: var(--wl4-muted);
	font-size: 1rem;
	line-height: 1.8;
	margin-block: 1.2rem 1.5rem;
	max-width: 52ch;
}

.woocommerce div.product form.cart {
	align-items: stretch !important;
	background: transparent !important;
	border: 0 !important;
	display: grid !important;
	gap: .7rem !important;
	grid-template-columns: 5rem minmax(0, 1fr) !important;
	margin: 1.5rem 0 1rem !important;
	padding: 0 !important;
}

.woocommerce div.product form.cart .quantity .qty {
	background: var(--wl4-paper);
	border: 1px solid var(--wl4-line);
	border-radius: var(--wl4-radius-small);
	height: 50px;
	width: 100%;
}

.woocommerce div.product form.cart button.button.single_add_to_cart_button {
	background: var(--wl4-green) !important;
	border: 1px solid var(--wl4-green) !important;
	border-radius: var(--wl4-radius-small) !important;
	color: var(--wl4-paper) !important;
	font-size: 1rem !important;
	min-height: 50px !important;
	width: 100%;
}

.woocommerce div.product form.cart button.button.single_add_to_cart_button:hover {
	background: var(--wl4-green-dark) !important;
	border-color: var(--wl4-green-dark) !important;
}

.wl4-single-design-button {
	align-items: center;
	background: var(--wl4-green);
	border: 1px solid var(--wl4-green);
	border-radius: var(--wl4-radius-small);
	color: var(--wl4-paper) !important;
	display: inline-flex;
	font-size: 1rem;
	font-weight: 800;
	justify-content: center;
	margin-top: 1.2rem;
	min-height: 50px;
	padding: .75rem 1.2rem;
	width: 100%;
}

body.single-product.woocommerce div.product .summary form.cart,
body.single-product.woocommerce div.product .summary .wc-stripe-product-checkout-container,
body.single-product.woocommerce div.product .summary .ppc-button-wrapper,
body.single-product.woocommerce div.product .summary #ppc-button-ppcp-gateway {
	display: none !important;
}

.wl4-product-assurance {
	border-block: 1px solid var(--wl4-line);
	display: grid;
	gap: 0;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: 1.5rem;
}

.wl4-product-assurance span {
	color: var(--wl4-muted);
	font-size: .78rem;
	padding: .85rem .5rem;
	text-align: center;
}

.wl4-product-assurance span + span {
	border-inline-start: 1px solid var(--wl4-line);
}

.single-product .wl-scenario-panel,
.single-product .wl-customer-decision,
.single-product .product_meta,
.single-product .woocommerce-tabs ul.tabs li.reviews_tab,
.single-product .woocommerce-tabs ul.tabs li.webylance_scenario_tab {
	display: none !important;
}

.woocommerce div.product .woocommerce-tabs {
	background: transparent !important;
	border: 0 !important;
	border-top: 1px solid var(--wl4-line) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	grid-column: 1 / -1;
	margin-top: 2rem !important;
	padding: 2.5rem 0 0 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
	display: none !important;
}

.woocommerce div.product .woocommerce-tabs .panel {
	margin: 0 !important;
	max-width: 52rem;
}

.woocommerce div.product .woocommerce-tabs h2 {
	font-size: 1.5rem !important;
	font-weight: 700 !important;
}

.woocommerce div.product .related.products {
	grid-column: 1 / -1;
	margin-top: 1.5rem;
}

.woocommerce div.product .related.products > h2 {
	font-size: clamp(1.8rem, 3vw, 2.5rem) !important;
	font-weight: 700 !important;
	margin-bottom: 1.5rem !important;
}

/* Cart, checkout, account */
.woocommerce-cart .woocommerce-shell,
.woocommerce-checkout .woocommerce-shell,
.woocommerce-account .woocommerce-shell {
	padding-top: 2rem !important;
}

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

.wl-cart-guide,
.wl-checkout-guide,
.wl-account-guide,
.wl-order-journey {
	background: var(--wl4-paper) !important;
	border: 1px solid var(--wl4-line) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	margin: 0 0 1.5rem !important;
	padding: 1.5rem !important;
}

.wl-order-journey .wl-scenario-kicker,
.wl-checkout-guide .wl-scenario-kicker,
.wl-account-guide .wl-scenario-kicker {
	background: transparent !important;
	border: 0 !important;
	color: var(--wl4-green) !important;
	font-size: .76rem !important;
	padding: 0 !important;
}

.wl-order-journey h2,
.wl-account-guide h2,
.wl-checkout-guide h3 {
	font-size: clamp(1.2rem, 2vw, 1.6rem) !important;
	margin-block: .35rem 0 !important;
}

.wl-order-journey ol,
.wl-account-steps {
	gap: 0 !important;
	margin-top: 1rem !important;
}

.wl-order-journey li,
.wl-account-steps article {
	background: transparent !important;
	border: 0 !important;
	border-inline-start: 1px solid var(--wl4-line) !important;
	border-radius: 0 !important;
	padding: 1rem !important;
}

.wl-order-journey li:last-child,
.wl-account-steps article:last-child {
	border-inline-start: 0 !important;
}

.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error {
	background: var(--wl4-paper) !important;
	border: 1px solid var(--wl4-line) !important;
	border-top: 3px solid var(--wl4-green) !important;
	color: var(--wl4-ink) !important;
}

.woocommerce td.product-name dl.variation {
	background: var(--wl4-soft);
	display: grid;
	font-size: .82rem;
	gap: .25rem .5rem;
	grid-template-columns: max-content minmax(0, 1fr);
	line-height: 1.5;
	margin-top: .6rem;
	padding: .75rem;
	text-align: start;
}

.woocommerce td.product-name dl.variation dt,
.woocommerce td.product-name dl.variation dd {
	float: none !important;
	margin: 0 !important;
}

body.lang-en.woocommerce div.product .summary,
body.lang-en.woocommerce div.product .product_title,
body.lang-en.woocommerce .woocommerce-product-details__short-description,
body.lang-en.woocommerce div.product .woocommerce-tabs .panel,
body.lang-en.woocommerce div.product .related.products > h2,
body.lang-en.woocommerce .woocommerce-message,
body.lang-en.woocommerce .woocommerce-info,
body.lang-en.woocommerce .woocommerce-error,
.lang-en .wl-cart-guide,
.lang-en .wl-checkout-guide,
.lang-en .wl-account-guide,
.lang-en .wl-order-journey,
body.lang-en.woocommerce form .form-row,
body.lang-en.woocommerce form .form-row label {
	text-align: left !important;
}

body.lang-ar.woocommerce div.product .summary,
body.lang-ar.woocommerce div.product .product_title,
body.lang-ar.woocommerce .woocommerce-product-details__short-description,
body.lang-ar.woocommerce div.product .woocommerce-tabs .panel,
body.lang-ar.woocommerce div.product .related.products > h2,
body.lang-ar.woocommerce .woocommerce-message,
body.lang-ar.woocommerce .woocommerce-info,
body.lang-ar.woocommerce .woocommerce-error,
.lang-ar .wl-cart-guide,
.lang-ar .wl-checkout-guide,
.lang-ar .wl-account-guide,
.lang-ar .wl-order-journey,
body.lang-ar.woocommerce form .form-row,
body.lang-ar.woocommerce form .form-row label {
	text-align: right !important;
}

.woocommerce div.product .woocommerce-tabs .panel ul {
	margin-inline-start: 0 !important;
	padding-inline-start: 1.25rem !important;
}

.wl-cart-guide ol,
.wl-checkout-guide ul {
	margin-bottom: 0 !important;
}

.woocommerce-cart-form,
.cart-collaterals .cart_totals,
.woocommerce-checkout form.checkout,
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
	background: var(--wl4-paper) !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.woocommerce table.shop_table {
	border-color: var(--wl4-line) !important;
	border-radius: 0 !important;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
	border-color: var(--wl4-line) !important;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #payment #place_order {
	background: var(--wl4-ink) !important;
	border: 1px solid var(--wl4-ink) !important;
	border-radius: var(--wl4-radius-small) !important;
	color: var(--wl4-paper) !important;
	font-weight: 700 !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #payment #place_order:hover {
	background: var(--wl4-green-dark) !important;
	border-color: var(--wl4-green-dark) !important;
	color: var(--wl4-paper) !important;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
	background: var(--wl4-paper) !important;
	border: 1px solid var(--wl4-line) !important;
	border-radius: var(--wl4-radius-small) !important;
	min-height: 46px;
}

.woocommerce-checkout #payment {
	background: var(--wl4-soft) !important;
	border-radius: 0 !important;
}

/* POD Studio */
.page-id-19282 .page-hero {
	display: none !important;
}

.page-id-19282 .page-hero::before {
	display: none !important;
}

.page-id-19282 .page-hero h1 {
	color: var(--wl4-ink) !important;
	font-size: clamp(2.3rem, 4vw, 3.6rem) !important;
	font-weight: 700 !important;
}

.page-id-19282 .page-hero p,
.page-id-19282 .breadcrumbs,
.page-id-19282 .eyebrow {
	color: var(--wl4-muted) !important;
}

.page-id-19282 .section {
	padding-block: clamp(2rem, 4vw, 3.5rem) !important;
}

.wlpod-studio {
	color: var(--wl4-ink) !important;
}

.wlpod-copy {
	max-width: 48rem !important;
}

.wlpod-copy h2 {
	color: var(--wl4-ink) !important;
	font-size: clamp(1.8rem, 3vw, 2.5rem) !important;
	font-weight: 700 !important;
}

.wlpod-copy p {
	color: var(--wl4-muted) !important;
}

.wlpod-layout {
	background: var(--wl4-paper) !important;
	border: 1px solid var(--wl4-line);
	gap: 0 !important;
	grid-template-columns: minmax(16rem, 19rem) minmax(0, 1fr) !important;
	padding: 0 !important;
}

.wlpod-controls {
	background: var(--wl4-paper) !important;
	border: 0 !important;
	border-inline-end: 1px solid var(--wl4-line) !important;
	border-radius: 0 !important;
	padding: 1rem !important;
}

.wlpod-stage {
	gap: .75rem !important;
	padding: .75rem !important;
}

.wlpod-editor-panel,
.wlpod-preview-panel,
.wlpod-canvas-wrap,
.wlpod-qr-card {
	border-radius: 0 !important;
}

.wlpod-canvas-wrap {
	background: var(--wl4-soft) !important;
	border: 0 !important;
	min-height: 32rem !important;
}

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

.wlpod-preview-panel .wlpod-panel-head strong,
.wlpod-preview-panel .wlpod-panel-head span,
.wlpod-preview-panel p,
.wlpod-preview-panel .wlpod-xr-actions span {
	color: #fff !important;
}

.wlpod-controls input,
.wlpod-controls select {
	border-radius: var(--wl4-radius-small) !important;
}

.wlpod-tool-row button,
.wlpod-controls a,
.wlpod-xr-actions button {
	border-radius: var(--wl4-radius-small) !important;
}

.wlpod-step {
	background: var(--wl4-ink) !important;
	border-radius: var(--wl4-radius-small) !important;
}

.wlpod-step span {
	background: var(--wl4-gold) !important;
}

/* Footer */
.final-cta {
	background: var(--wl4-accent-soft) !important;
	border-radius: 0 !important;
	color: var(--wl4-ink) !important;
	padding: 2.4rem 0 !important;
}

.final-cta .eyebrow {
	background: transparent !important;
	border: 0 !important;
	color: var(--wl4-green) !important;
	padding: 0 !important;
}

.final-cta h2 {
	color: var(--wl4-ink) !important;
	font-size: clamp(1.5rem, 2.6vw, 2.2rem) !important;
}

.site-footer {
	background: var(--wl4-ink) !important;
	color: oklch(78% 0.01 145) !important;
	font-size: .9rem !important;
	padding: 3.5rem 0 1.5rem !important;
}

.site-footer a {
	color: var(--wl4-paper) !important;
}

.footer-grid {
	gap: clamp(2rem, 6vw, 6rem) !important;
	grid-template-columns: minmax(0, 1.5fr) repeat(2, minmax(10rem, .5fr)) !important;
}

.site-footer p {
	max-width: 36rem !important;
}

.footer-bottom {
	border-color: oklch(38% 0.015 145) !important;
}

@media (max-width: 1080px) {
	.woocommerce ul.products {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
	.wl4-hero-grid,
	.wl4-personalize-grid,
	.wl4-proof-grid,
	.woocommerce div.product {
		grid-template-columns: 1fr !important;
	}

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

	.wl4-hero h1 {
		max-width: 12ch;
	}

	.wl4-hero-stage {
		max-width: 48rem;
		width: 100%;
	}

	.wl4-personalize-copy {
		position: static;
	}

	.wl4-product-card-1 {
		grid-column: span 8;
	}

	.wl4-product-card-2,
	.wl4-product-card-3,
	.wl4-product-card-4,
	.wl4-product-card-5 {
		grid-column: span 4;
	}

	.wl4-proof-grid {
		align-items: start;
	}

	.wl4-proof-window {
		max-width: 48rem;
	}

	.wlpod-layout {
		grid-template-columns: 1fr !important;
	}

	.wlpod-controls {
		border-bottom: 1px solid var(--wl4-line) !important;
		border-inline-end: 0 !important;
	}

	.wlpod-stage {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		padding: .7rem 0 0 !important;
	}
}

@media (max-width: 820px) {
	.site-header {
		position: relative;
	}

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

	.nav-toggle {
		border-radius: var(--wl4-radius-small) !important;
		order: 2;
	}

	.primary-nav {
		background: var(--wl4-paper) !important;
		border: 1px solid var(--wl4-line) !important;
		border-radius: var(--wl4-radius-small) !important;
		box-shadow: var(--wl4-shadow-small) !important;
		top: calc(100% + .5rem) !important;
	}

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

	.language-switcher {
		margin-inline-start: auto;
	}

	.wl4-product-card-1,
	.wl4-product-card-2,
	.wl4-product-card-3,
	.wl4-product-card-4,
	.wl4-product-card-5 {
		grid-column: span 6;
		grid-row: auto;
	}

	.wl4-product-card-1 .wl4-product-image {
		min-height: 24rem;
	}

	.wl4-service-row {
		grid-template-columns: 1fr;
	}

	.wl4-service-row article {
		border-bottom: 1px solid oklch(77% 0.035 154);
		border-inline-start: 0;
	}

	.wl4-service-row article:last-child {
		border-bottom: 0;
	}

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

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

	.footer-grid > div:first-child {
		grid-column: 1 / -1;
	}
}

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

	.wl4-hero {
		padding: 2.5rem 0 4rem;
	}

	.wl4-hero h1 {
		font-size: clamp(2.2rem, 11vw, 2.85rem);
		max-width: 9ch;
	}

	.wl4-hero-stage {
		aspect-ratio: .95 / 1;
		min-height: 29rem;
	}

	.wl4-stage-notebook {
		height: 67%;
		inset-inline-start: 26%;
		width: 58%;
	}

	.wl4-stage-mug {
		height: 34%;
		width: 34%;
	}

	.wl4-stage-tee {
		height: 33%;
		width: 36%;
	}

	.wl4-stage-note {
		bottom: 1rem;
		inset-inline-start: 1rem;
	}

	.wl4-section-heading,
	.wl4-final-inner {
		align-items: flex-start;
		flex-direction: column;
	}

	.wl4-section-heading > a {
		margin-top: .3rem;
	}

	.wl4-product-grid {
		display: grid;
		gap: .75rem;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin-inline: 0;
		overflow: visible;
		padding: 0;
	}

	.wl4-product-card,
	.wl4-product-card-1,
	.wl4-product-card-2,
	.wl4-product-card-3,
	.wl4-product-card-4,
	.wl4-product-card-5 {
		grid-column: auto;
	}

	.wl4-product-card .wl4-product-image,
	.wl4-product-card-1 .wl4-product-image {
		min-height: 13rem;
	}

	.wl4-proof-canvas {
		min-height: 24rem;
	}

	.wl4-proof-artwork {
		font-size: 1rem;
	}

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

	.woocommerce div.product .product_title {
		font-size: 2.35rem !important;
	}

	.woocommerce div.product form.cart {
		grid-template-columns: 4.5rem minmax(0, 1fr) !important;
	}

	.wl4-product-assurance {
		grid-template-columns: 1fr;
	}

	.wl4-product-assurance span + span {
		border-inline-start: 0;
		border-top: 1px solid var(--wl4-line);
	}

	.wlpod-stage {
		grid-template-columns: 1fr !important;
	}

	.wlpod-canvas-wrap {
		min-height: 22rem !important;
	}

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

	.footer-grid > div:first-child {
		grid-column: auto;
	}
}

@media (max-width: 430px) {
	.wl4-product-grid,
	.woocommerce ul.products {
		grid-template-columns: 1fr !important;
	}

	.wl4-product-card .wl4-product-image,
	.wl4-product-card-1 .wl4-product-image {
		min-height: 20rem;
	}
}

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