/*
Theme Name: Canyon Leaf
Theme URI: https://canyonleafco.com
Author: Canyon Leaf Co.
Description: Block theme for Canyon Leaf Co., high desert hemp goods. Self-hosted fonts (Young Serif, Instrument Sans, Big Shoulders Display, all SIL Open Font License).
Version: 1.0.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.0
License: GNU General Public License v2 or later
Text Domain: canyonleaf
*/

/* ---------- Tokens ---------- */
:root {
	--cl-bone: #F7F1E6;
	--cl-sand: #EEE3D0;
	--cl-sand-deep: #E2D2B6;
	--cl-paper: #FBF8F2;
	--cl-ink: #16261F;
	--cl-juniper: #1E3A32;
	--cl-juniper-deep: #132620;
	--cl-sage: #8FA585;
	--cl-terra: #B9532F;
	--cl-terra-deep: #8C3B22;
	--cl-clay: #D9876A;
	--cl-ochre: #D99A3A;
	--cl-stone: #6B5E4F;
	--cl-line: rgba(22, 38, 31, .14);
	--cl-radius: 8px;
	--cl-ease: cubic-bezier(.22, 1, .36, 1);
	--cl-display: "Young Serif", Georgia, serif;
	--cl-label: "Big Shoulders Display", "Arial Narrow", sans-serif;
}

html { -webkit-text-size-adjust: 100%; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; overflow-x: hidden; }
::selection { background: var(--cl-ochre); color: var(--cl-ink); }
:where(a, button, input, select, textarea, summary):focus-visible { outline: 2px solid var(--cl-ochre); outline-offset: 3px; border-radius: 4px; }
img { max-width: 100%; height: auto; }
a { text-underline-offset: .18em; text-decoration-thickness: 1px; }

/* ---------- Shared bits ---------- */
.cl-eyebrow,
p.cl-eyebrow,
h2.cl-eyebrow {
	font-family: var(--cl-label);
	font-weight: 800;
	font-size: .95rem;
	letter-spacing: .22em;
	text-transform: uppercase;
	color: var(--cl-terra);
	line-height: 1.2;
	margin: 0 0 .9rem;
}
.cl-muted { color: var(--cl-stone); }
.cl-arrow-link a {
	font-weight: 600;
	text-decoration: none;
	border-bottom: 1.5px solid currentColor;
	padding-bottom: 2px;
	transition: color .2s;
}
.cl-arrow-link a::after { content: "\2192"; display: inline-block; margin-left: .45em; transition: transform .3s var(--cl-ease); }
.cl-arrow-link a:hover::after { transform: translateX(4px); }

.cl-strata {
	height: 16px;
	background: linear-gradient(to bottom, var(--cl-ochre) 0 25%, var(--cl-clay) 25% 50%, var(--cl-terra) 50% 75%, var(--cl-terra-deep) 75% 100%);
	margin: 0 !important;
}

.cl-chips { list-style: none; display: flex; flex-wrap: wrap; gap: .5rem; padding: 0; margin: 0; }
.cl-chips li {
	font-size: .8125rem;
	font-weight: 600;
	letter-spacing: .02em;
	padding: .42rem .85rem;
	border-radius: 999px;
	border: 1px solid rgba(22, 38, 31, .22);
	background: var(--cl-paper);
	color: var(--cl-ink);
	line-height: 1.2;
}
.cl-chips--dark li { background: transparent; border-color: rgba(238, 227, 208, .32); color: var(--cl-sand); }

/* Buttons */
.wp-block-button__link { transition: background-color .25s var(--cl-ease), color .25s, transform .25s var(--cl-ease), box-shadow .25s; }
.wp-block-button__link:hover { transform: translateY(-1px); }
.wp-block-button.is-style-outline > .wp-block-button__link,
.wp-block-button.is-style-outline .wp-element-button {
	background: transparent;
	color: var(--cl-ink);
	border: 1.5px solid var(--cl-ink);
	padding: calc(.95em - 1.5px) calc(1.7em - 1.5px);
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover { background: var(--cl-ink); color: var(--cl-paper); }
.has-juniper-background-color .wp-block-button.is-style-outline > .wp-block-button__link { color: var(--cl-sand); border-color: var(--cl-sand); }

/* ---------- Announcement + header ---------- */
.cl-announce { padding-block: .55rem; }
.cl-announce p { margin: 0; letter-spacing: .01em; line-height: 1.4; }
.cl-announce strong { font-weight: 700; color: var(--cl-ochre); }

.cl-header { background: var(--cl-bone); border-bottom: 1px solid var(--cl-line); position: relative; z-index: 20; }
.cl-header__bar { padding-block: 1rem; gap: 1.5rem; }
.cl-header__right { gap: 1.75rem; }
.cl-logo { display: inline-flex; align-items: center; gap: .6rem; text-decoration: none; color: var(--cl-ink); flex-shrink: 0; }
.cl-logo:hover { color: var(--cl-ink); }
.cl-logo .cl-mark { width: 36px; height: 36px; flex-shrink: 0; transition: transform .5s var(--cl-ease); }
.cl-logo:hover .cl-mark { transform: rotate(-8deg); }
.cl-logo__word { font-family: var(--cl-display); font-size: 1.5rem; letter-spacing: -.012em; line-height: 1; white-space: nowrap; }
.cl-logo--reverse, .cl-logo--reverse:hover { color: var(--cl-sand); }

.cl-nav .wp-block-navigation-item__content { text-decoration: none; color: var(--cl-ink); padding-block: .3rem; position: relative; }
.cl-nav .wp-block-navigation-item__content::after {
	content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 1.5px; background: var(--cl-terra);
	transform: scaleX(0); transform-origin: left; transition: transform .35s var(--cl-ease);
}
.cl-nav .wp-block-navigation-item__content:hover::after,
.cl-nav .current-menu-item > .wp-block-navigation-item__content::after { transform: scaleX(1); }
.cl-nav .wp-block-navigation__responsive-container.is-menu-open { padding: 1.5rem; }
.cl-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { font-family: var(--cl-display); font-size: 2rem; }
.cl-nav .wp-block-navigation__responsive-container-open svg,
.cl-nav .wp-block-navigation__responsive-container-close svg { width: 28px; height: 28px; }

.cl-minicart .wc-block-mini-cart__button { color: var(--cl-ink); padding: .35rem; }
.cl-minicart .wc-block-mini-cart__icon { width: 26px; height: 26px; }
.cl-minicart .wc-block-mini-cart__badge { background: var(--cl-terra) !important; color: var(--cl-paper) !important; font-weight: 700; border: 2px solid var(--cl-bone); }
.cl-minicart .wc-block-mini-cart__amount { display: none; }

.cl-header--checkout .cl-header__secure { margin: 0; }
.cl-header--checkout .cl-header__secure a { text-decoration: none; font-weight: 600; }
.cl-header--checkout .cl-header__secure a::before { content: "\2190"; margin-right: .4em; }

/* ---------- Sections ---------- */
.cl-section { padding-block: var(--wp--preset--spacing--80); }
.cl-front > .wp-block-post-content > * { margin-block: 0; }
.cl-front .wp-block-post-content > .wp-block-group + .wp-block-group { margin-top: 0; }
.cl-sechead { margin-bottom: var(--wp--preset--spacing--60); gap: 1.25rem; }
.cl-sechead h2 { margin: 0; max-width: 22ch; }
.cl-sechead .cl-muted { margin: .9rem 0 0; max-width: 46ch; }
.cl-sechead__text { flex: 1 1 420px; }

/* Hero */
.cl-hero { padding-block: var(--wp--preset--spacing--70) var(--wp--preset--spacing--80); position: relative; overflow: hidden; }
.cl-hero::before {
	content: ""; position: absolute; width: 62vw; height: 62vw; max-width: 900px; max-height: 900px; border-radius: 50%;
	right: -14vw; top: -18vw; background: radial-gradient(circle, rgba(217, 154, 58, .16), rgba(217, 154, 58, 0) 68%); pointer-events: none;
}
.cl-hero__cols { gap: var(--wp--preset--spacing--70) !important; position: relative; }
.cl-hero__title { font-size: clamp(2.9rem, 1.6rem + 4.6vw, 5.6rem) !important; line-height: .98 !important; letter-spacing: -.025em; margin: 0 0 1.5rem; max-width: 11ch; }
.cl-hero__lead { font-size: clamp(1.0625rem, 1rem + .45vw, 1.3125rem); line-height: 1.55; color: #3d4a43; max-width: 34em; margin: 0 0 2rem; }
.cl-hero__btns { gap: .75rem; }
.cl-hero__facts { list-style: none; padding: 0; margin: 2.25rem 0 0; display: flex; flex-wrap: wrap; gap: .6rem 1.4rem; font-size: .875rem; color: var(--cl-stone); }
.cl-hero__facts li { display: inline-flex; align-items: center; gap: .5rem; }
.cl-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--cl-terra); display: inline-block; flex-shrink: 0; }
.cl-hero__facts li:nth-child(2) .cl-dot { background: var(--cl-ochre); }
.cl-hero__facts li:nth-child(3) .cl-dot { background: var(--cl-sage); }

.cl-arch { position: relative; margin: 0 0 0 auto; max-width: 540px; }
.cl-arch::before {
	content: ""; position: absolute; inset: -14px -14px 14px 14px; border: 1.5px solid var(--cl-terra);
	border-radius: 999px 999px 10px 10px; pointer-events: none; opacity: .55;
}
.cl-arch img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 999px 999px 10px 10px; position: relative; box-shadow: 0 30px 60px -30px rgba(60, 30, 10, .45); }

/* Product grid + cards */
.cl-grid.wc-block-product-template,
.wc-block-product-template.cl-grid { gap: clamp(1.25rem, 2.5vw, 2.25rem) !important; row-gap: clamp(2rem, 4vw, 3.25rem) !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
@media (max-width: 900px) { .wc-block-product-template.cl-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
.cl-card { display: flex; flex-direction: column; height: 100%; gap: 0; }
.cl-card > * { margin-block: 0 !important; }
.cl-card__img { margin-bottom: 1rem !important; }
.cl-card__img a, .cl-card__img .wc-block-components-product-image { display: block; overflow: hidden; border-radius: var(--cl-radius); }
.cl-card__img img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: var(--cl-radius); transition: transform .8s var(--cl-ease); }
.cl-card:hover .cl-card__img img { transform: scale(1.035); }
.cl-card__cat { font-family: var(--cl-label); font-weight: 800; font-size: .82rem; letter-spacing: .2em; text-transform: uppercase; color: var(--cl-terra); margin-bottom: .35rem !important; }
.cl-card__cat a { color: inherit; text-decoration: none; }
.cl-card__row { gap: 1rem; align-items: baseline !important; }
.cl-card__title { font-size: 1.3rem !important; line-height: 1.2 !important; margin: 0 !important; text-align: left !important; }
.cl-card__title a { text-decoration: none; color: var(--cl-ink); }
.cl-card__title a:hover { color: var(--cl-terra); }
.cl-card__price { font-family: var(--cl-display); font-size: 1.2rem !important; white-space: nowrap; text-align: right !important; margin: 0 !important; }
.cl-card__btn { margin-top: auto !important; padding-top: 1.1rem; text-align: left !important; justify-content: flex-start !important; align-items: flex-start !important; }
.cl-card__btn .wp-block-button__link,
.cl-card__btn .wc-block-components-product-button__button {
	background: transparent !important; color: var(--cl-ink) !important; border: 1.5px solid var(--cl-ink) !important;
	border-radius: 999px !important; font-size: .875rem !important; font-weight: 600 !important; padding: .6rem 1.2rem !important; min-height: 0 !important; line-height: 1.2 !important; width: auto !important;
}
.cl-card__btn .wp-block-button__link:hover,
.cl-card__btn .wc-block-components-product-button__button:hover { background: var(--cl-ink) !important; color: var(--cl-paper) !important; }
.cl-card__btn .added_to_cart, .cl-card__btn .wc-block-components-product-button__view-cart { font-size: .875rem; font-weight: 600; margin-left: .75rem; color: var(--cl-terra); }

/* Story */
.cl-story { position: relative; }
.cl-story__cols { gap: var(--wp--preset--spacing--70) !important; }
.cl-story__img img { border-radius: var(--cl-radius); display: block; width: 100%; height: auto; }
.cl-story .cl-eyebrow { color: var(--cl-ochre); }
.cl-story h2 { margin: 0 0 1.5rem; }
.cl-story p { color: rgba(238, 227, 208, .86); max-width: 36em; }
.cl-story .cl-arrow-link a { color: var(--cl-sand); }
.cl-story .cl-arrow-link a:hover { color: var(--cl-ochre); }

/* Values */
.cl-values__cols { gap: clamp(1.5rem, 3vw, 3rem) !important; }
.cl-value { border-top: 1.5px solid var(--cl-ink); padding-top: 1.5rem; }
.cl-value__num { font-family: var(--cl-display); font-size: 3.25rem; line-height: 1; color: var(--cl-terra); margin: 0 0 1.5rem; }
.cl-value:nth-child(2) .cl-value__num { color: var(--cl-ochre); }
.cl-value:nth-child(3) .cl-value__num { color: var(--cl-sage); }
.cl-value__title { font-size: 1.5rem !important; margin: 0 0 .75rem; }
.cl-value p.cl-muted { margin: 0; }

/* How checkout works */
.cl-howpay__cols { gap: var(--wp--preset--spacing--70) !important; }
.cl-howpay h2 { margin: 0 0 1.25rem; max-width: 17ch; }
.cl-howpay__lead { font-size: 1.125rem; color: #3d4a43; max-width: 34em; margin: 0 0 2rem; }
.cl-steps { list-style: none; padding: 0; margin: 0 0 2rem; display: grid; gap: 0; counter-reset: s; }
.cl-steps li { display: flex; gap: 1.1rem; align-items: flex-start; padding: 1.05rem 0; border-top: 1px solid var(--cl-line); }
.cl-steps li:last-child { border-bottom: 1px solid var(--cl-line); }
.cl-steps__n { font-family: var(--cl-display); font-size: 1.25rem; width: 2.3rem; height: 2.3rem; border-radius: 50%; display: grid; place-items: center; background: var(--cl-juniper); color: var(--cl-sand); flex-shrink: 0; line-height: 1; }
.cl-steps strong { display: block; font-weight: 600; font-size: 1.0625rem; }
.cl-steps span:not(.cl-steps__n) { color: var(--cl-stone); font-size: .95rem; }

.cl-phone { width: min(330px, 100%); margin: 0 auto; aspect-ratio: 9 / 18.5; border-radius: 46px; background: var(--cl-ink); padding: 11px; box-shadow: 0 50px 80px -40px rgba(40, 20, 5, .55), inset 0 0 0 2px #2f4a40; transform: rotate(3deg); }
.cl-phone__screen { height: 100%; border-radius: 36px; background: var(--cl-paper); padding: 1.1rem 1.25rem 1.4rem; display: flex; flex-direction: column; overflow: hidden; }
.cl-phone__status { display: flex; justify-content: space-between; align-items: center; font-size: .75rem; font-weight: 700; margin-bottom: 1.4rem; }
.cl-phone__island { width: 78px; height: 22px; border-radius: 20px; background: var(--cl-ink); }
.cl-phone__bars { display: inline-flex; gap: 2px; align-items: flex-end; }
.cl-phone__bars i { width: 3px; background: var(--cl-ink); border-radius: 1px; display: block; }
.cl-phone__bars i:nth-child(1) { height: 5px; } .cl-phone__bars i:nth-child(2) { height: 8px; } .cl-phone__bars i:nth-child(3) { height: 11px; }
.cl-phone__merchant { display: flex; align-items: center; gap: .5rem; font-family: var(--cl-display); font-size: 1rem; }
.cl-phone__logo { width: 22px; height: 22px; border-radius: 50%; background: radial-gradient(circle at 50% 42%, var(--cl-ochre) 0 30%, transparent 31%), linear-gradient(var(--cl-juniper) 0 52%, var(--cl-clay) 52% 66%, var(--cl-terra) 66% 82%, var(--cl-terra-deep) 82%); }
.cl-phone__total { font-family: var(--cl-display); font-size: 2.6rem; line-height: 1; margin: 1.1rem 0 .3rem; }
.cl-phone__item { font-size: .8rem; color: var(--cl-stone); margin: 0 0 1.2rem; }
.cl-phone__label { font-family: var(--cl-label); font-weight: 800; letter-spacing: .2em; font-size: .72rem; text-transform: uppercase; color: var(--cl-terra); margin: 0 0 .5rem; }
.cl-phone__apps { list-style: none; margin: 0; padding: 0; display: grid; gap: .4rem; }
.cl-phone__apps li { display: flex; align-items: center; gap: .6rem; font-size: .88rem; font-weight: 600; padding: .55rem .7rem; border-radius: 10px; border: 1px solid var(--cl-line); background: #fff8; }
.cl-phone__apps li::before { content: ""; width: 14px; height: 14px; border-radius: 50%; border: 1.5px solid rgba(22, 38, 31, .35); flex-shrink: 0; }
.cl-phone__apps li.is-on { border-color: var(--cl-juniper); background: rgba(30, 58, 50, .06); }
.cl-phone__apps li.is-on::before { border: 4px solid var(--cl-juniper); }
.cl-phone__btn { margin-top: auto; display: block; text-align: center; background: var(--cl-terra); color: var(--cl-paper); border-radius: 999px; padding: .8rem; font-weight: 600; font-size: .9rem; }
.cl-phone__fine { text-align: center; font-size: .7rem; color: var(--cl-stone); margin: .6rem 0 0; }

/* FAQ */
.cl-faqteaser__cols { gap: var(--wp--preset--spacing--70) !important; }
.cl-faqteaser h2 { margin: 0 0 1rem; }
.wp-block-details { border-bottom: 1px solid var(--cl-line); padding-block: 1.15rem; }
.cl-faqlist .wp-block-details:first-child, .cl-faq .wp-block-details:first-of-type { border-top: 1px solid var(--cl-line); }
.wp-block-details summary { font-weight: 600; font-size: 1.0625rem; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.wp-block-details summary::-webkit-details-marker { display: none; }
.wp-block-details summary::after { content: "+"; font-family: var(--cl-display); font-size: 1.5rem; line-height: 1; color: var(--cl-terra); transition: transform .3s var(--cl-ease); flex-shrink: 0; }
.wp-block-details[open] summary::after { transform: rotate(45deg); }
.wp-block-details > p { margin: .75rem 0 0; color: #3d4a43; max-width: 60ch; }

/* Newsletter */
.cl-news-band { padding-block: var(--wp--preset--spacing--70); }
.cl-news-band h2 { margin: 0 0 .75rem; }
.cl-news-band p { margin: 0; color: rgba(251, 248, 242, .9); }
.cl-news { display: flex; flex-wrap: wrap; gap: .6rem; max-width: 520px; margin-left: auto; }
.cl-news input { flex: 1 1 240px; min-width: 0; font: inherit; padding: .95rem 1.2rem; border-radius: 999px; border: 1.5px solid rgba(251, 248, 242, .5); background: rgba(251, 248, 242, .12); color: var(--cl-paper); }
.cl-news input::placeholder { color: rgba(251, 248, 242, .75); }
.cl-news input[aria-invalid="true"] { border-color: var(--cl-ink); }
.cl-news button { font: inherit; font-weight: 600; padding: .95rem 1.6rem; border-radius: 999px; border: 0; background: var(--cl-juniper); color: var(--cl-sand); cursor: pointer; transition: background .25s; }
.cl-news button:hover { background: var(--cl-ink); }
.cl-news .cl-news__fine { flex-basis: 100%; font-size: .8125rem; opacity: .85; margin-top: .35rem; }
.cl-news .cl-news__msg { flex-basis: 100%; font-weight: 600; }

/* ---------- Footer ---------- */
.cl-footer a { color: var(--cl-sand); text-decoration: none; }
.cl-footer a:hover { color: var(--cl-ochre); }
.cl-footer .cl-eyebrow { color: var(--cl-ochre); font-size: .85rem; margin-bottom: 1rem; }
.cl-footer__cols { gap: clamp(1.5rem, 4vw, 4rem) !important; padding-bottom: var(--wp--preset--spacing--60); }
.cl-footer__brand .cl-mark { width: 40px; height: 40px; }
.cl-footer__brand .cl-logo__word { font-size: 1.6rem; }
.cl-footer__tag { color: rgba(238, 227, 208, .78); font-size: .95rem; max-width: 34ch; margin-top: 1.25rem; }
.cl-footer__mail a { font-weight: 600; border-bottom: 1px solid rgba(238, 227, 208, .4); }
.cl-linklist { list-style: none; padding: 0; margin: 0; display: grid; gap: .6rem; font-size: .95rem; }
.cl-footer__pay { border-top: 1px solid rgba(238, 227, 208, .16); padding-top: 1.75rem; gap: 1rem 1.25rem !important; }
.cl-footer__pay .cl-eyebrow { margin: 0; }
.cl-footer__legal { padding-top: 1.5rem; color: rgba(238, 227, 208, .64); max-width: 900px; }
.cl-footer__legal p { margin: 0 0 .6rem; line-height: 1.55; }
.cl-footer__bottom { border-top: 1px solid rgba(238, 227, 208, .16); margin-top: 1.25rem !important; padding-top: 1.25rem; gap: .5rem 2rem !important; color: rgba(238, 227, 208, .7); }
.cl-footer__bottom p { margin: 0; }
.cl-footer__demo { color: var(--cl-ochre) !important; }

/* ---------- Pages ---------- */
.cl-pagehead { background: var(--cl-sand); padding-block: var(--wp--preset--spacing--70) var(--wp--preset--spacing--60); border-bottom: 1px solid var(--cl-line); }
.cl-pagehead__title { margin: 0; font-size: clamp(2.5rem, 1.6rem + 3.5vw, 4.5rem) !important; }
.cl-pagehead__lead { color: #3d4a43; font-size: 1.125rem; max-width: 40em; margin: 1rem 0 0; }
.cl-only-shop { display: none; }
.cl-is-shop .cl-only-shop { display: block; }
.cl-page__content { padding-block: var(--wp--preset--spacing--70) var(--wp--preset--spacing--80); }
.cl-page__content h2 { font-size: clamp(1.6rem, 1.3rem + 1vw, 2.1rem); margin-top: 2.75rem; margin-bottom: .9rem; }
.cl-page__content h3 { font-size: 1.35rem; margin-top: 2rem; }
.cl-page__content p, .cl-page__content li { color: #2f3b35; }
.cl-page__content ul { padding-left: 1.2rem; }
.cl-page__content li { margin-bottom: .4rem; }
.cl-lead { font-size: clamp(1.15rem, 1rem + .6vw, 1.4rem); line-height: 1.5; color: var(--cl-ink) !important; }
.cl-updated { font-size: .875rem; color: var(--cl-stone) !important; }
.cl-page--wide .wp-block-post-content > .alignfull:first-child { margin-top: 0; }
.cl-404 { padding-block: var(--wp--preset--spacing--80); }

/* About / FAQ / Contact building blocks */
.cl-band { padding-block: var(--wp--preset--spacing--70); }
.cl-figure img { border-radius: var(--cl-radius); display: block; width: 100%; height: auto; }
.cl-figure figcaption { margin-top: .75rem; }
.cl-callout { background: var(--cl-paper); border: 1px solid var(--cl-line); border-radius: var(--cl-radius); padding: clamp(1.25rem, 3vw, 2rem); }
.cl-callout > :first-child { margin-top: 0; }
.cl-callout > :last-child { margin-bottom: 0; }
.cl-contact-big a { font-family: var(--cl-display); font-size: clamp(1.6rem, 1.1rem + 2.4vw, 2.75rem); text-decoration: none; border-bottom: 2px solid var(--cl-terra); color: var(--cl-ink); word-break: break-word; }
.cl-faq { margin-top: 2.5rem !important; }
.cl-faq h2 { margin-top: 3rem; }
.cl-faq h2:first-child { margin-top: 0; }
.cl-stats { margin-block: 2.25rem 1rem !important; display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 1.5rem; list-style: none; padding: 0 !important; margin: 0; }
.cl-stats li { border-top: 1.5px solid var(--cl-ink); padding-top: 1rem; color: var(--cl-stone); font-size: .95rem; }
.cl-stats strong { display: block; font-family: var(--cl-display); font-weight: 400; font-size: 2.25rem; color: var(--cl-ink); line-height: 1.1; margin-bottom: .35rem; }

/* ---------- Shop archive ---------- */
.cl-pagehead--shop { padding-bottom: var(--wp--preset--spacing--60); }
.cl-shop__body { padding-block: var(--wp--preset--spacing--60) var(--wp--preset--spacing--80); }
.cl-shop__bar { margin-bottom: 2rem; align-items: center; font-size: .9375rem; color: var(--cl-stone); }
.cl-shop__bar p { margin: 0; }
.cl-shop__bar select, .woocommerce-ordering select { font: inherit; font-size: .9375rem; padding: .55rem 2.2rem .55rem .9rem; border: 1px solid var(--cl-line); border-radius: 999px; background-color: var(--cl-paper); color: var(--cl-ink); }
.cl-crumbs, .woocommerce-breadcrumb { font-size: .8125rem; color: var(--cl-stone); margin-bottom: 1.25rem; }
.cl-crumbs a, .woocommerce-breadcrumb a { color: var(--cl-stone); text-decoration: none; }
.cl-crumbs a:hover { color: var(--cl-terra); }
.cl-crumb-sep { margin: 0 .55em; opacity: .5; }

/* ---------- Single product ---------- */
.cl-product { padding-block: var(--wp--preset--spacing--50) var(--wp--preset--spacing--80); }
.cl-product__cols { gap: var(--wp--preset--spacing--70) !important; margin-top: .5rem; }
.cl-product__media .woocommerce-product-gallery, .woocommerce .cl-product__media div.images, .cl-product__media div.images { margin: 0 !important; width: 100% !important; float: none !important; }
.cl-product__media .woocommerce-product-gallery__image img,
.cl-product__media .woocommerce-product-gallery img { border-radius: var(--cl-radius); }
.cl-product__media .flex-control-thumbs { display: flex !important; gap: .75rem; margin-top: .75rem !important; padding: 0; list-style: none; }
.cl-product__media .flex-control-thumbs li { width: 92px !important; float: none !important; margin: 0 !important; }
.cl-product__media .flex-control-thumbs img { border-radius: 6px; opacity: .6; transition: opacity .2s; cursor: pointer; }
.cl-product__media .flex-control-thumbs img.flex-active, .cl-product__media .flex-control-thumbs img:hover { opacity: 1; }
.cl-product__media .woocommerce-product-gallery__trigger { background: var(--cl-paper); border-radius: 50%; }
.cl-product__summary { position: sticky; top: 1.5rem; align-self: flex-start; }
.cl-product__cat { margin-bottom: .75rem !important; }
.cl-product__cat a { color: inherit; text-decoration: none; }
.cl-product__title { font-size: clamp(2.2rem, 1.6rem + 2.2vw, 3.4rem) !important; line-height: 1.04 !important; margin: 0 0 1rem !important; letter-spacing: -.02em; }
.cl-product__price, .cl-product__price .wc-block-components-product-price { font-family: var(--cl-display); font-size: 1.85rem !important; font-weight: 400 !important; margin-bottom: 1.25rem !important; }
.cl-product__excerpt p { font-size: 1.0625rem; color: #3d4a43; line-height: 1.6; }
.cl-product__atc form.cart { display: flex; gap: .75rem; align-items: stretch; flex-wrap: wrap; margin: 1.5rem 0 1.75rem; }
.cl-product__atc .quantity input.qty { width: 4.5rem; height: 100%; min-height: 3.1rem; text-align: center; font: inherit; font-weight: 600; border: 1.5px solid var(--cl-line); border-radius: 999px; background: var(--cl-paper); }
.cl-product__atc .single_add_to_cart_button { flex: 1 1 200px; font-size: 1rem !important; padding: 1rem 1.8rem !important; border-radius: 999px !important; background: var(--cl-terra) !important; color: var(--cl-paper) !important; border: 0 !important; }
.cl-product__atc .single_add_to_cart_button:hover { background: var(--cl-juniper) !important; }
.cl-product__atc .stock { font-size: .875rem; color: var(--cl-juniper); font-weight: 600; margin: 0 0 .25rem; }
.cl-assure { list-style: none; padding: 0; margin: 0 0 1.75rem; border-top: 1px solid var(--cl-line); }
.cl-assure li { padding: .85rem 0 .85rem 1.6rem; border-bottom: 1px solid var(--cl-line); font-size: .9375rem; color: var(--cl-stone); position: relative; }
.cl-assure li::before { content: ""; position: absolute; left: 0; top: 1.2rem; width: 8px; height: 8px; border-radius: 50%; background: var(--cl-terra); }
.cl-assure li:nth-child(2)::before { background: var(--cl-ochre); }
.cl-assure li:nth-child(3)::before { background: var(--cl-sage); }
.cl-assure strong { color: var(--cl-ink); font-weight: 600; }
.cl-product__meta { font-size: .8125rem; color: var(--cl-stone); }
.cl-product__meta .wp-block-group { gap: .35rem 1.5rem; }
.cl-product__meta a { color: var(--cl-stone); }
.cl-product__details { margin-top: var(--wp--preset--spacing--70) !important; }
.cl-product__details .wc-tabs { border-bottom: 1px solid var(--cl-line) !important; display: flex; gap: 2rem; padding: 0 !important; margin: 0 0 2rem !important; }
.cl-product__details .wc-tabs li { border: 0 !important; background: none !important; margin: 0 !important; padding: 0 !important; }
.cl-product__details .wc-tabs li a { display: block; padding: .9rem 0 !important; text-decoration: none; font-weight: 600; color: var(--cl-stone) !important; border-bottom: 2px solid transparent; }
.cl-product__details .wc-tabs li.active a { color: var(--cl-ink) !important; border-bottom-color: var(--cl-terra); }
.cl-product__details .woocommerce-Tabs-panel { max-width: 760px; }
.cl-product__details .woocommerce-Tabs-panel p, .cl-product__details .woocommerce-Tabs-panel li { color: #2f3b35; }
.cl-product__details table.shop_attributes { border-collapse: collapse; width: 100%; max-width: 560px; }
.cl-product__details table.shop_attributes th, .cl-product__details table.shop_attributes td { text-align: left; padding: .8rem 0; border-bottom: 1px solid var(--cl-line); font-size: .9375rem; }
.cl-product__details table.shop_attributes th { width: 40%; font-weight: 600; }
.cl-product__details table.shop_attributes td p { margin: 0; }
.cl-related { margin-top: var(--wp--preset--spacing--80) !important; padding-top: var(--wp--preset--spacing--60); border-top: 1px solid var(--cl-line); }
.cl-related__title { margin: 0 0 2rem !important; }

/* ---------- Cart + checkout (style only) ---------- */
.cl-commerce { padding-block: var(--wp--preset--spacing--60) var(--wp--preset--spacing--80); }
.cl-commerce__title { font-size: clamp(2.2rem, 1.6rem + 2.4vw, 3.6rem) !important; margin-bottom: 1.25rem !important; }
.cl-demo-note {
	display: flex; gap: .85rem; align-items: flex-start; background: var(--cl-paper); border: 1px solid var(--cl-sand-deep);
	border-radius: var(--cl-radius); padding: 1rem 1.25rem; font-size: .9375rem; color: #3d4a43; margin-bottom: 2rem !important;
}
.cl-demo-note::before { content: ""; width: 10px; height: 10px; margin-top: .45rem; border-radius: 50%; background: var(--cl-ochre); flex-shrink: 0; box-shadow: 0 0 0 4px rgba(217, 154, 58, .22); }
.cl-demo-note strong { color: var(--cl-ink); }
.wc-block-cart, .wc-block-checkout { font-size: 1rem; }
.wc-block-components-title, .wc-block-cart__totals-title, .wc-block-components-checkout-step__title {
	font-family: var(--cl-display) !important; font-weight: 400 !important; text-transform: none !important; letter-spacing: -.01em !important;
}
.wc-block-cart__totals-title { font-size: 1.35rem !important; }
.wc-block-components-checkout-step__title { font-size: 1.5rem !important; }
.wc-block-components-product-name { font-family: var(--cl-display); font-size: 1.15rem !important; text-decoration: none !important; color: var(--cl-ink) !important; }
.wc-block-cart-items__header { font-family: var(--cl-label); font-weight: 800; letter-spacing: .18em; font-size: .8rem !important; color: var(--cl-stone); }
.wc-block-cart-item__image img, .wc-block-components-order-summary-item__image img { border-radius: 6px; }
.wc-block-components-sidebar .wc-block-components-panel, .wc-block-components-totals-wrapper { border-color: var(--cl-line) !important; }
.wc-block-cart .wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.wc-block-cart__submit-button.wc-block-components-button {
	background: var(--cl-terra) !important; color: var(--cl-paper) !important; border-radius: 999px !important; font-weight: 600 !important; border: 0 !important; min-height: 3.25rem;
}
.wc-block-cart .wc-block-cart__submit-button:hover, .wc-block-components-checkout-place-order-button:hover { background: var(--cl-juniper) !important; }
.wc-block-components-text-input input, .wc-block-components-text-input textarea, .wc-blocks-components-select__select,
.wc-block-components-combobox .wc-block-components-combobox-control input, .wc-block-components-form .wc-block-components-text-input input {
	border-radius: 8px !important; border-color: rgba(22, 38, 31, .28) !important; background-color: var(--cl-paper) !important;
}
.wc-block-components-radio-control__option, .wc-block-components-radio-control-accordion-option { border-radius: 8px; }
.wc-block-components-quantity-selector { border-radius: 999px !important; border-color: var(--cl-line) !important; }
.wc-block-components-quantity-selector::after { border-radius: 999px !important; border-color: var(--cl-line) !important; }
.wc-block-components-totals-item__label, .wc-block-components-totals-footer-item .wc-block-components-totals-item__label { font-weight: 600; }
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font-family: var(--cl-display); font-size: 1.4rem !important; font-weight: 400 !important; }
.wc-block-cart__empty-cart__title { font-family: var(--cl-display); }
.wp-block-woocommerce-empty-cart-block .wp-block-separator.is-style-dots::before { color: var(--cl-terra); }
.wc-block-mini-cart__drawer .wc-block-mini-cart__title { font-family: var(--cl-display); font-weight: 400; }
.wc-block-mini-cart__drawer .wc-block-mini-cart__footer-checkout { background: var(--cl-terra) !important; color: var(--cl-paper) !important; border-radius: 999px !important; border: 0 !important; }
.wc-block-mini-cart__drawer .wc-block-mini-cart__footer-cart { border-radius: 999px !important; }
.wc-block-mini-cart__drawer .components-modal__content, .wc-block-mini-cart__drawer .wc-block-components-drawer__content { background: var(--cl-bone); }
.woocommerce-message, .woocommerce-info, .wc-block-components-notice-banner { border-radius: 8px !important; }
.wc-block-components-notice-banner.is-success { background: var(--cl-paper) !important; border-color: var(--cl-sage) !important; }

/* ---------- Age gate ---------- */
.cl-agegate { position: fixed; inset: 0; z-index: 100000; display: none; align-items: center; justify-content: center; padding: 1rem; background: rgba(19, 38, 32, .82); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); opacity: 1; transition: opacity .26s ease; }
.cl-agegate:not([hidden]), .cl-age-pending .cl-agegate { display: flex; }
.cl-agegate.is-leaving { opacity: 0; }
.cl-age-pending, .cl-age-pending body { overflow: hidden; }
.cl-agegate__panel { width: min(460px, 100%); background: var(--cl-bone); color: var(--cl-ink); border-radius: 18px; padding: clamp(1.75rem, 5vw, 2.75rem); text-align: center; box-shadow: 0 40px 80px -30px rgba(0, 0, 0, .55); position: relative; overflow: hidden; animation: cl-rise .5s var(--cl-ease) both; }
.cl-agegate__panel::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 10px; background: linear-gradient(to bottom, var(--cl-ochre) 0 33%, var(--cl-clay) 33% 66%, var(--cl-terra) 66%); }
.cl-agegate__panel .cl-mark { width: 54px; height: 54px; margin: 0 auto .5rem; display: block; }
.cl-agegate__panel .cl-eyebrow { margin-bottom: 1.1rem; }
.cl-agegate h2 { font-family: var(--cl-display); font-weight: 400; font-size: clamp(1.9rem, 1.5rem + 1.6vw, 2.4rem); line-height: 1.08; margin: 0 0 .75rem; color: var(--cl-ink); }
.cl-agegate p { margin: 0 0 1.5rem; color: var(--cl-stone); font-size: .975rem; }
.cl-agegate__actions { display: flex; gap: .65rem; justify-content: center; flex-wrap: wrap; }
.cl-btn { font: inherit; font-weight: 600; font-size: 1rem; padding: .95rem 1.7rem; border-radius: 999px; cursor: pointer; border: 1.5px solid var(--cl-ink); transition: background .2s, color .2s; min-width: 9rem; }
.cl-btn--primary { background: var(--cl-terra); border-color: var(--cl-terra); color: var(--cl-paper); }
.cl-btn--primary:hover { background: var(--cl-juniper); border-color: var(--cl-juniper); }
.cl-btn--ghost { background: transparent; color: var(--cl-ink); }
.cl-btn--ghost:hover { background: var(--cl-ink); color: var(--cl-paper); }
.cl-agegate__back { background: none; border: 0; font: inherit; font-weight: 600; color: var(--cl-terra); text-decoration: underline; cursor: pointer; }
.cl-agegate__fine { font-size: .78rem !important; margin: 1.6rem 0 0 !important; }
.cl-agegate__fine a { color: var(--cl-stone); }
@keyframes cl-rise { from { opacity: 0; transform: translateY(16px) scale(.98); } to { opacity: 1; transform: none; } }

/* ---------- Motion ---------- */
@media (prefers-reduced-motion: no-preference) {
	.cl-hero__copy > * { animation: cl-rise .9s var(--cl-ease) both; }
	.cl-hero__copy > *:nth-child(2) { animation-delay: .06s; }
	.cl-hero__copy > *:nth-child(3) { animation-delay: .12s; }
	.cl-hero__copy > *:nth-child(4) { animation-delay: .18s; }
	.cl-hero__copy > *:nth-child(5) { animation-delay: .24s; }
	.cl-arch { animation: cl-rise 1.1s var(--cl-ease) .1s both; }
}
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation: none !important; transition: none !important; }
}

/* ---------- Responsive ---------- */
@media (max-width: 781px) {
	.cl-logo__word { font-size: 1.25rem; }
	.cl-logo .cl-mark { width: 30px; height: 30px; }
	.cl-header__bar { padding-block: .8rem; }
	.cl-header__right { gap: .9rem; }
	.cl-announce p { font-size: .75rem; }
	.cl-hero { padding-top: var(--wp--preset--spacing--60); }
	.cl-hero__title { max-width: none; }
	.cl-arch { margin: .5rem auto 0; max-width: 420px; }
	.cl-arch::before { inset: -10px -10px 10px 10px; }
	.cl-sechead { flex-direction: column; align-items: flex-start !important; }
	.cl-card__row { flex-direction: column; gap: .25rem; }
	.cl-card__price { text-align: left !important; font-size: 1.05rem !important; }
	.cl-card__title { font-size: 1.1rem !important; }
	.cl-card__btn .wp-block-button__link, .cl-card__btn .wc-block-components-product-button__button { padding: .55rem .9rem !important; font-size: .8125rem !important; }
	.cl-phone { transform: none; width: min(300px, 86%); }
	.cl-news { margin-left: 0; }
	.cl-footer__cols { display: grid !important; grid-template-columns: 1fr 1fr; }
	.cl-footer__brand { grid-column: 1 / -1; }
	.cl-product__summary { position: static; }
	.cl-product__details .wc-tabs { gap: 1.25rem; }
	.cl-value__num { font-size: 2.6rem; margin-bottom: 1rem; }
}
@media (max-width: 599px) {
	.cl-grid.wc-block-product-template { gap: 2rem 1rem !important; }
}
.cl-header--checkout .cl-header__secure a { white-space: nowrap; }