/* Shared design foundation; store components retain their own rules. */
@font-face {
    font-family: "Oswald";
    src: url("../fonts/oswald.ttf") format("truetype");
    font-weight: 200 700;
    font-style: normal;
    font-display: swap;
}
:root {
    --sp-red: #c51e27;
    --sp-dark: #171d20;
    --sp-ink: #202326;
    --sp-muted: #687078;
    --sp-line: #e5e7e8;
    --sp-heading: "Oswald", "Arial Narrow", sans-serif;
}
body.sp-design {
    color: var(--sp-ink); background: #fff;
    font-family: Arial, sans-serif; font-size: 15px; line-height: 1.6;
}
.sp-design h1, .sp-design h2, .sp-design h3 {
    font-family: var(--sp-heading); line-height: 1.18; text-transform: uppercase;
}
.sp-wrap { width: min(1080px, calc(100% - 48px)); margin-inline: auto; }
.sp-icon {
    width: 21px; height: 21px; fill: none; stroke: currentColor;
    stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0;
}
.sp-button {
    display: inline-flex; align-items: center; justify-content: center; gap: 10px;
    box-sizing: border-box; background: var(--sp-red); color: #fff;
    border: 1px solid var(--sp-red); border-radius: 0; padding: 13px 21px;
    font: 500 14px/1.18 var(--sp-heading); text-transform: uppercase;
    letter-spacing: .3px; min-height: 45px; text-decoration: none;
    transition: background .2s, transform .2s;
}
.sp-button:visited { color: #fff; }
.sp-button:hover, .sp-button:focus { background: #a61720; color: #fff; transform: translateY(-1px); }
.sp-design :is(.sp-button, .sp-category, .sp-brand, [data-sp-search], .sp-cart a):focus-visible,
.sp-search-panel :is(button, input):focus-visible {
    outline: 3px solid var(--sp-red); outline-offset: 4px;
}
@media (max-width: 760px) {
    .sp-wrap { width: calc(100% - 32px); }
    .sp-button { padding: 12px 14px; font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
    .sp-button, .sp-category-photo { transition: none; }
}

.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form select {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.wpcf7 {
	width: 100%;
}

.woocommerce-cart .button[name="update_cart"] {
	background-color: black !important;
	color: #fff !important;
	opacity: 1 !important;
}

.woocommerce-cart .button[name="update_cart"]:disabled {
	opacity: 1;
	color: #fff !important;
	background-color: gray !important;
}