/* ==========================================================================
   DORIC · Interior pages — shared system
   --------------------------------------------------------------------------
   Loaded on every route except the homepage. The homepage is the reference:
   the same tokens, type roles, hairlines and restraint, arranged for pages
   that read, list and transact instead of introduce.
   ========================================================================== */

/* WordPress and WooCommerce print this class for visually hidden labels. */
.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

[hidden] { display: none !important; }

/* Interior pages own their rhythm through heroes and sections. */
.d-page { padding-block: 0; }
.d-page > .d-container:last-child { padding-bottom: var(--d-s12); }

/* ── Breadcrumbs ────────────────────────────────────────────────────────── */

.d-crumbs__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--d-s1) var(--d-s3);
	font-size: var(--d-fs-micro);
	font-weight: 500;
	letter-spacing: var(--d-ls-label);
	text-transform: uppercase;
	color: var(--d-text-muted);
}

.d-crumbs__item { display: inline-flex; align-items: center; gap: var(--d-s3); }

.d-crumbs__item + .d-crumbs__item::before {
	content: "";
	width: 14px;
	height: 1px;
	background: var(--d-border-strong);
}

.d-crumbs__link {
	position: relative;
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	transition: color var(--d-dur-fast) var(--d-ease-out);
}

.d-crumbs__link:hover { color: var(--d-accent); }
.d-crumbs__current { color: var(--d-text-2); }

@media (pointer: coarse) {
	.d-crumbs__link::after { content: ""; position: absolute; inset: -10px -6px; }
}

/* ── Page hero ──────────────────────────────────────────────────────────── */

.d-phero {
	position: relative;
	padding-block: var(--d-s9) var(--d-s10);
}

.d-phero .d-crumbs { margin-bottom: var(--d-s9); }

.d-phero__copy { position: relative; z-index: 1; max-width: 880px; }
.d-phero__label { margin-bottom: var(--d-s4); }

.d-phero__title {
	font-family: var(--d-font-display);
	font-size: var(--d-fs-display-l);
	font-weight: 400;
	line-height: 1.02;
	letter-spacing: -.012em;
	color: var(--d-text);
	text-wrap: balance;
	overflow-wrap: anywhere;
}

.d-phero__lede {
	margin-top: var(--d-s6);
	max-width: 56ch;
	font-size: var(--d-fs-body-l);
	line-height: 1.75;
	color: var(--d-text-2);
}

.d-phero__meta { margin-top: var(--d-s5); }

.d-phero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--d-s3);
	margin-top: var(--d-s8);
}

@media (min-width: 1024px) {
	.d-phero { padding-block: var(--d-s11) var(--d-s11); }
}

.d-phero--compact { padding-block: var(--d-s8) var(--d-s7); }
.d-phero--compact .d-phero__title { font-size: var(--d-fs-h1); }

.d-phero--center .d-phero__copy { margin-inline: auto; text-align: center; }
.d-phero--center .d-crumbs__list { justify-content: center; }
.d-phero--center .d-phero__lede { margin-inline: auto; }

/* Fluting — the Doric column detail the homepage craft section draws. */
.d-phero--fluted,
.d-edfluted {
	position: relative;
	overflow: hidden;
	background: var(--d-surface-1);
	border-bottom: var(--d-hairline) solid var(--d-border);
}

.d-phero--fluted::before,
.d-edfluted::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-image: repeating-linear-gradient(90deg, rgba(233, 226, 215, .03) 0 1px, rgba(233, 226, 215, 0) 1px 24px);
	mask-image: radial-gradient(120% 90% at 50% 0%, rgba(0, 0, 0, .9), rgba(0, 0, 0, 0) 78%);
	-webkit-mask-image: radial-gradient(120% 90% at 50% 0%, rgba(0, 0, 0, .9), rgba(0, 0, 0, 0) 78%);
}

.d-edfluted > * { position: relative; }

/* Split: copy beside a portrait photograph. */
.d-phero--split .d-phero__inner { display: grid; gap: var(--d-s9); }

@media (min-width: 900px) {
	.d-phero--split .d-phero__inner {
		grid-template-columns: minmax(0, 1fr) minmax(0, .8fr);
		align-items: center;
		gap: clamp(48px, 6vw, 112px);
	}

	.d-phero--split .d-phero__aside { justify-self: end; width: 100%; max-width: 620px; }
}

.d-phero--listing { padding-bottom: var(--d-s9); }

@media (min-width: 900px) {
	.d-phero--listing .d-phero__aside { max-width: 440px; }
}

/* Image: copy set low over a full-bleed photograph. */
.d-phero--image {
	display: grid;
	align-content: end;
	min-height: min(88vh, 900px);
	min-height: min(88svh, 900px);
	padding-block: var(--d-s13) var(--d-s10);
	overflow: hidden;
	isolation: isolate;
}

.d-phero__media { position: absolute; inset: 0; z-index: -1; }
.d-phero--image .d-phero__title { color: var(--d-ivory); }
.d-phero--image .d-phero__lede { color: var(--d-ivory-dim); }
.d-phero--image .d-crumbs__list { color: var(--d-ivory-dim); }
.d-phero--image .d-crumbs__current { color: var(--d-ivory); }

/* ── Product placeholder ────────────────────────────────────────────────────
   Warm stone and the house mark. It holds the exact frame the photograph
   will fill and never pretends to be one.
   ------------------------------------------------------------------------- */

.d-media__ph--stone {
	background-color: var(--d-ivory-dim);
	background-image:
		linear-gradient(158deg, rgba(233, 226, 215, .7) 0%, rgba(233, 226, 215, 0) 52%),
		radial-gradient(130% 90% at 50% 118%, rgba(58, 46, 35, .16), rgba(58, 46, 35, 0) 62%);
}

.d-media__ph--stone::before {
	background-image: repeating-linear-gradient(90deg, rgba(58, 46, 35, .045) 0 1px, rgba(58, 46, 35, 0) 1px 17px);
}

.d-media__ph--stone::after { border-color: rgba(11, 10, 9, .08); }

.d-media__ph-mark {
	position: relative;
	z-index: 1;
	display: grid;
	place-items: center;
	width: clamp(16px, 15%, 46px);
	color: var(--d-brown);
	opacity: .34;
}

.d-media__ph-mark svg { width: 100%; height: auto; }
.d-media__ph--stone .d-mark { color: inherit; }

/* ── Prose ──────────────────────────────────────────────────────────────── */

.d-prose {
	max-width: var(--d-measure);
	font-size: var(--d-fs-body-l);
	line-height: 1.8;
	color: var(--d-text-2);
}

.d-prose > * + * { margin-top: 1.15em; }

.d-prose :where(h2, h3, h4) {
	margin-top: 2em;
	font-family: var(--d-font-display);
	font-weight: 400;
	line-height: 1.2;
	color: var(--d-text);
}

.d-prose h2 { font-size: var(--d-fs-h2); }
.d-prose h3 { font-size: var(--d-fs-h3); }
.d-prose a { color: var(--d-accent); text-decoration: underline; text-underline-offset: .2em; }
.d-prose ul { padding-left: 1.2em; list-style: disc; }
.d-prose ol { padding-left: 1.2em; list-style: decimal; }
.d-prose em { color: var(--d-text); }

/* ── Story grid (journal and lookbook cards) ────────────────────────────── */

.d-storygrid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--d-s9) var(--d-s5);
}

@media (min-width: 600px) {
	.d-storygrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1024px) {
	.d-storygrid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.d-storygrid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.d-storygrid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ── Editorial rows (The Gods, Lookbook) ────────────────────────────────── */

.d-godrow {
	padding-block: var(--d-s10);
	border-top: var(--d-hairline) solid var(--d-border);
}

.d-godrow__inner { display: grid; gap: var(--d-s7); }

@media (min-width: 900px) {
	.d-godrow { padding-block: var(--d-s11); }

	.d-godrow__inner {
		grid-template-columns: minmax(0, .9fr) minmax(0, 1fr);
		align-items: center;
		gap: clamp(48px, 7vw, 128px);
	}

	.d-godrow--reverse .d-godrow__media { order: 2; }
}

.d-godrow__media { display: block; overflow: hidden; }
.d-godrow__media .d-media__img { transition: transform 900ms var(--d-ease-cine); }

@media (hover: hover) {
	.d-godrow__media:hover .d-media__img,
	.d-godrow:has(.d-godrow__name a:hover) .d-media__img { transform: scale(1.035); }
}

.d-godrow__index {
	font-family: var(--d-font-display);
	font-size: var(--d-fs-small);
	letter-spacing: .22em;
	color: var(--d-accent);
}

.d-godrow__name {
	margin-top: var(--d-s4);
	font-family: var(--d-font-display);
	font-size: var(--d-fs-display-l);
	font-weight: 400;
	line-height: 1;
	letter-spacing: .05em;
	overflow-wrap: anywhere;
}

.d-godrow__name a { transition: color var(--d-dur-fast) var(--d-ease-out); }
.d-godrow__name a:hover { color: var(--d-accent); }
.d-godrow__virtue { margin-top: var(--d-s4); }

.d-godrow__traits {
	margin-top: var(--d-s5);
	font-family: var(--d-font-display);
	font-size: clamp(1.125rem, 1.8vw, 1.375rem);
	line-height: 1.4;
	color: var(--d-text-2);
}

.d-godrow__intro {
	margin-top: var(--d-s5);
	max-width: 48ch;
	font-size: var(--d-fs-body);
	line-height: 1.8;
	color: var(--d-text-muted);
}

.d-godrow__link { margin-top: var(--d-s7); }

/* ── Disclosure (FAQ, product information) ──────────────────────────────── */

.d-disclosure { border-bottom: var(--d-hairline) solid var(--d-border); }

.d-disclosure__summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--d-s5);
	min-height: 60px;
	padding-block: var(--d-s4);
	cursor: pointer;
	list-style: none;
}

.d-disclosure__summary::-webkit-details-marker { display: none; }

.d-disclosure__q {
	font-family: var(--d-font-ui);
	font-size: var(--d-fs-body);
	font-weight: 500;
	line-height: 1.5;
	color: var(--d-text);
	transition: color var(--d-dur-fast) var(--d-ease-out);
}

.d-disclosure__summary:hover .d-disclosure__q { color: var(--d-accent); }

.d-disclosure__icon { position: relative; flex: none; width: 12px; height: 12px; }

.d-disclosure__icon::before,
.d-disclosure__icon::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 12px;
	height: 1px;
	background: var(--d-accent);
	transition: transform var(--d-dur-base) var(--d-ease-out), opacity var(--d-dur-base) var(--d-ease-out);
}

.d-disclosure__icon::after { transform: rotate(90deg); }
.d-disclosure[open] .d-disclosure__icon::after { transform: rotate(0); opacity: 0; }

.d-disclosure__body {
	padding-bottom: var(--d-s6);
	max-width: 64ch;
	font-size: var(--d-fs-body);
	line-height: 1.8;
	color: var(--d-text-2);
}

.d-disclosure__body a:not(.d-link-arrow) { color: var(--d-accent); text-decoration: underline; text-underline-offset: .2em; }

/* ── Empty state ────────────────────────────────────────────────────────── */

.d-empty {
	display: grid;
	justify-items: start;
	gap: var(--d-s4);
	padding-block: var(--d-s10);
	border-top: var(--d-hairline) solid var(--d-border);
}

.d-empty__mark { color: var(--d-accent); margin-bottom: var(--d-s2); }

.d-empty__title {
	font-family: var(--d-font-display);
	font-size: var(--d-fs-h2);
	font-weight: 400;
	line-height: 1.2;
	color: var(--d-text);
	max-width: 26ch;
}

.d-empty__text { max-width: 52ch; color: var(--d-text-muted); }
.d-empty__actions { display: flex; flex-wrap: wrap; gap: var(--d-s3); margin-top: var(--d-s4); }

/* ── Closing call to action ─────────────────────────────────────────────── */

.d-ctaband { padding-block: var(--d-s11) var(--d-s12); text-align: center; }

.d-ctaband--ivory { background: var(--d-bg-inverse); color: var(--d-text-inverse); }
.d-ctaband--ivory :focus-visible { outline-color: var(--d-brown); }
.d-ctaband--dark { background: var(--d-surface-1); border-top: var(--d-hairline) solid var(--d-border); }

.d-ctaband__inner { display: grid; justify-items: center; }
.d-ctaband__mark { color: var(--d-accent); }
.d-ctaband--ivory .d-ctaband__mark { color: var(--d-brown); }

.d-ctaband__label { margin-top: var(--d-s6); }
.d-ctaband--ivory .d-ctaband__label { color: var(--d-text-inverse-2); }

.d-ctaband__title {
	margin-top: var(--d-s4);
	font-family: var(--d-font-display);
	font-size: var(--d-fs-display-l);
	font-weight: 400;
	line-height: 1.02;
	letter-spacing: -.012em;
}

.d-ctaband--ivory .d-ctaband__title { color: var(--d-obsidian); }

.d-ctaband__text {
	margin-top: var(--d-s5);
	max-width: 52ch;
	font-size: var(--d-fs-body);
	line-height: 1.78;
	color: var(--d-text-muted);
}

.d-ctaband--ivory .d-ctaband__text { color: var(--d-text-inverse-2); }

.d-ctaband__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--d-s3);
	margin-top: var(--d-s8);
}

/* ── Pagination ─────────────────────────────────────────────────────────── */

.d-pagination { margin-top: var(--d-s10); }
.d-pagination .nav-links { display: flex; flex-wrap: wrap; gap: var(--d-s2); }

.d-pagination .page-numbers {
	display: grid;
	place-items: center;
	min-width: var(--d-tap);
	min-height: var(--d-tap);
	padding-inline: var(--d-s3);
	border: var(--d-hairline) solid var(--d-border);
	font-size: var(--d-fs-label);
	font-weight: 500;
	letter-spacing: var(--d-ls-label);
	text-transform: uppercase;
	font-variant-numeric: tabular-nums;
	color: var(--d-text-2);
	transition: border-color var(--d-dur-fast) var(--d-ease-out), color var(--d-dur-fast) var(--d-ease-out);
}

.d-pagination a.page-numbers:hover { border-color: var(--d-border-strong); color: var(--d-accent); }
.d-pagination .page-numbers.current { border-color: var(--d-accent); color: var(--d-text); }

/* ── Link list ──────────────────────────────────────────────────────────── */

.d-linklist { border-top: var(--d-hairline) solid var(--d-border); }
.d-linklist li { border-bottom: var(--d-hairline) solid var(--d-border); }

.d-linklist__link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--d-s4);
	min-height: 52px;
	font-size: var(--d-fs-small);
	color: var(--d-text-2);
	transition: color var(--d-dur-fast) var(--d-ease-out);
}

.d-linklist__link svg { color: var(--d-accent); transition: transform var(--d-dur-base) var(--d-ease-out); }
.d-linklist__link:hover { color: var(--d-text); }
.d-linklist__link:hover svg { transform: translateX(4px); }

@media (min-width: 768px) {
	.d-linklist--wide { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--d-s7); border-top: 0; }
	.d-linklist--wide li:nth-child(-n+2) { border-top: var(--d-hairline) solid var(--d-border); }
}

/* ── Facts ──────────────────────────────────────────────────────────────── */

.d-facts { margin-top: var(--d-s5); border-top: var(--d-hairline) solid var(--d-border); }

.d-facts__row {
	display: grid;
	gap: var(--d-s1);
	padding-block: var(--d-s4);
	border-bottom: var(--d-hairline) solid var(--d-border);
}

@media (min-width: 600px) {
	.d-facts__row { grid-template-columns: minmax(0, 240px) minmax(0, 1fr); gap: var(--d-s5); }
}

.d-facts dt {
	font-size: var(--d-fs-label);
	font-weight: 500;
	letter-spacing: .06em;
	color: var(--d-text);
	overflow-wrap: anywhere;
}

.d-facts dd { margin: 0; font-size: var(--d-fs-small); line-height: 1.7; color: var(--d-text-2); }
.d-facts dd a { color: var(--d-accent); }

/* ── Forms ──────────────────────────────────────────────────────────────── */

.d-form { display: grid; gap: var(--d-s8); }

.d-form__hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.d-form__fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.d-form__legend { margin-bottom: var(--d-s4); padding: 0; }

.d-chips { display: flex; flex-wrap: wrap; gap: var(--d-s2); }
.d-chip { position: relative; cursor: pointer; }

.d-chip input {
	position: absolute;
	inset: 0;
	margin: 0;
	opacity: 0;
	cursor: pointer;
}

.d-chip span {
	display: inline-flex;
	align-items: center;
	min-height: var(--d-tap);
	padding-inline: var(--d-s5);
	border: var(--d-hairline) solid var(--d-border-strong);
	font-size: var(--d-fs-label);
	font-weight: 500;
	letter-spacing: var(--d-ls-label);
	color: var(--d-text-2);
	transition: border-color var(--d-dur-fast) var(--d-ease-out), color var(--d-dur-fast) var(--d-ease-out), background-color var(--d-dur-fast) var(--d-ease-out);
}

.d-chip:hover span { border-color: var(--d-ivory); color: var(--d-text); }
.d-chip input:checked + span { border-color: var(--d-accent); background: rgba(168, 132, 74, .1); color: var(--d-text); }
.d-chip input:focus-visible + span { outline: 2px solid var(--d-focus); outline-offset: 2px; }

.d-form__grid { display: grid; gap: var(--d-s6) var(--d-s5); }

@media (min-width: 768px) {
	.d-form__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.d-field-row--full { grid-column: 1 / -1; }
}

.d-field-row { display: grid; gap: var(--d-s2); margin: 0; }

.d-field-row__label {
	font-size: var(--d-fs-label);
	font-weight: 500;
	letter-spacing: var(--d-ls-label);
	text-transform: uppercase;
	color: var(--d-text-2);
}

.d-field-row__optional { font-weight: 400; letter-spacing: 0; text-transform: none; color: var(--d-text-muted); }

.d-field { font-size: var(--d-fs-body); }
.d-field--area { min-height: 170px; resize: vertical; line-height: 1.6; }
.d-field:user-invalid { border-color: var(--d-error); }

.d-form__note { font-size: var(--d-fs-small); color: var(--d-text-muted); }
.d-form__note a { color: var(--d-text-2); text-decoration: underline; text-underline-offset: 3px; }
.d-form__submit { justify-self: start; }

/* ── Notices ────────────────────────────────────────────────────────────── */

.d-notice {
	margin-bottom: var(--d-s8);
	padding: var(--d-s5) var(--d-s6);
	background: var(--d-surface-1);
	border: var(--d-hairline) solid var(--d-border-strong);
	border-left: 2px solid var(--d-accent);
}

.d-notice:focus { outline: none; }
.d-notice--success { border-left-color: var(--d-success); }
.d-notice--error { border-left-color: var(--d-error); }
.d-notice__title { font-weight: 500; color: var(--d-text); }
.d-notice__text { margin-top: var(--d-s1); font-size: var(--d-fs-small); color: var(--d-text-muted); }

/* ── Search form ────────────────────────────────────────────────────────── */

.d-searchform {
	display: flex;
	align-items: center;
	gap: var(--d-s3);
	margin-bottom: var(--d-s10);
	padding-left: var(--d-s4);
	border: var(--d-hairline) solid var(--d-border-strong);
	transition: border-color var(--d-dur-fast) var(--d-ease-out);
}

.d-searchform:focus-within { border-color: var(--d-accent); }
.d-searchform__icon { flex: none; color: var(--d-text-muted); }

.d-searchform__input {
	flex: 1;
	min-width: 0;
	min-height: 56px;
	background: none;
	border: 0;
	color: var(--d-text);
	font-size: var(--d-fs-body-l);
}

.d-searchform__input:focus { outline: none; }
.d-searchform__input::placeholder { color: var(--d-text-muted); }
.d-searchform__submit { flex: none; min-height: 56px; }

@media (max-width: 479px) {
	.d-searchform__submit { padding-inline: var(--d-s5); }
}

.d-results { margin-bottom: var(--d-s11); }
.d-results__title { margin-bottom: var(--d-s6); }

/* ── Not found ──────────────────────────────────────────────────────────── */

.d-notfound { position: relative; overflow: hidden; }

.d-notfound__inner {
	display: grid;
	justify-items: center;
	padding-block: var(--d-s12) var(--d-s13);
	text-align: center;
}

.d-notfound__mark { color: var(--d-accent); margin-bottom: var(--d-s7); }

.d-notfound__title {
	margin-top: var(--d-s4);
	font-family: var(--d-font-display);
	font-size: var(--d-fs-display-l);
	font-weight: 400;
	line-height: 1.02;
	letter-spacing: -.012em;
}

.d-notfound__text { margin-top: var(--d-s5); color: var(--d-text-muted); }

.d-notfound__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--d-s3);
	margin-top: var(--d-s8);
}

.d-notfound__search { width: min(100%, 620px); margin-top: var(--d-s10); }
.d-notfound__search .d-searchform { margin-bottom: 0; }

.d-notfound__ways ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--d-s2) var(--d-s6);
	margin-top: var(--d-s8);
}

.d-notfound__ways a {
	display: inline-flex;
	align-items: center;
	min-height: var(--d-tap);
	font-size: var(--d-fs-label);
	font-weight: 500;
	letter-spacing: var(--d-ls-label);
	text-transform: uppercase;
	color: var(--d-text-muted);
	transition: color var(--d-dur-fast) var(--d-ease-out);
}

.d-notfound__ways a:hover { color: var(--d-accent); }

/* ── WooCommerce forms outside the blocks (track order, account) ────────── */

.d-wc .form-row { display: grid; gap: var(--d-s2); margin: 0 0 var(--d-s5); }

.d-wc label {
	font-size: var(--d-fs-label);
	font-weight: 500;
	letter-spacing: var(--d-ls-label);
	text-transform: uppercase;
	color: var(--d-text-2);
}

.d-wc .required { color: var(--d-accent); text-decoration: none; border: 0; }

.d-wc input.input-text,
.d-wc select,
.d-wc textarea {
	width: 100%;
	min-height: var(--d-tap);
	padding: var(--d-s3) var(--d-s4);
	background: transparent;
	border: var(--d-hairline) solid var(--d-border-strong);
	border-radius: 0;
	color: var(--d-text);
	font-size: var(--d-fs-body);
	transition: border-color var(--d-dur-fast) var(--d-ease-out);
}

.d-wc input.input-text:focus,
.d-wc select:focus,
.d-wc textarea:focus { border-color: var(--d-accent); outline: none; }

.d-wc input.input-text:focus-visible,
.d-wc select:focus-visible,
.d-wc textarea:focus-visible { outline: 2px solid var(--d-focus); outline-offset: 2px; }

.d-wc .button,
.d-wc button[type="submit"]:not(.d-btn):not([class*="wc-block"]) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: var(--d-btn-h);
	padding-inline: var(--d-s7);
	background: var(--d-accent);
	border: var(--d-hairline) solid var(--d-accent);
	border-radius: var(--d-r-pill);
	color: var(--d-on-accent);
	font-size: var(--d-fs-label);
	font-weight: 500;
	letter-spacing: var(--d-ls-btn);
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color var(--d-dur-fast) var(--d-ease-out), border-color var(--d-dur-fast) var(--d-ease-out);
}

.d-wc .button:hover,
.d-wc button[type="submit"]:not(.d-btn):not([class*="wc-block"]):hover { background: var(--d-accent-hover); border-color: var(--d-accent-hover); }

.d-wc p:not([class]) { color: var(--d-text-2); max-width: var(--d-measure); margin-bottom: var(--d-s5); }
.d-wc mark { background: none; color: var(--d-accent); }

.d-wc .woocommerce-message,
.d-wc .woocommerce-info,
.d-wc .woocommerce-error,
.d-wc .woocommerce-notices-wrapper > * {
	margin-bottom: var(--d-s6);
	padding: var(--d-s4) var(--d-s5);
	background: var(--d-surface-1);
	border: var(--d-hairline) solid var(--d-border-strong);
	border-left: 2px solid var(--d-accent);
	font-size: var(--d-fs-small);
	color: var(--d-text);
	list-style: none;
}

.d-wc .woocommerce-error { border-left-color: var(--d-error); }