/* AGE-SCS global assets. Generated from the reviewed V1.0 storefront baseline. */
:root {
--age-ink: #17202a;
  --age-muted: #56616d;
  --age-paper: #ffffff;
  --age-surface: #f4f6f8;
  --age-surface-strong: #e9edf1;
  --age-line: #d8dee5;
  --age-accent: #d9480f;
  --age-accent-alt: #087f5b;
  --age-blue: #1864ab;
  --age-success: #2b8a3e;
  --age-warning: #e67700;
  --age-danger: #c92a2a;
  --age-radius: 6px;
  --age-shadow: 0 12px 36px rgb(23 32 42 / 10%);
  --age-container: 1240px;
  --age-header-height: 132px;
}

*,
*::before,
*::after {
box-sizing: border-box;
}

html {
scroll-behavior: smooth;
}

body {
margin: 0;
  background: var(--age-paper);
  color: var(--age-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
}

body,
button,
input,
select,
textarea {
letter-spacing: 0;
}

img {
display: block;
  max-width: 100%;
  height: auto;
}

a {
color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

button,
input,
select,
textarea {
font: inherit;
}

button,
.button {
cursor: pointer;
}

h1,
h2,
h3,
h4,
p {
margin-top: 0;
}

h1,
h2,
h3,
h4 {
line-height: 1.17;
  letter-spacing: 0;
}

h1 {
font-size: clamp(2.25rem, 4vw, 3.6rem);
}

h2 {
font-size: clamp(1.75rem, 3vw, 2.45rem);
}

h3 {
font-size: 1.2rem;
}

.screen-reader-text {
position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.age-skip-link {
position: fixed;
  z-index: 10000;
  top: 10px;
  left: 10px;
  padding: 10px 14px;
  background: var(--age-paper);
  color: var(--age-ink);
  transform: translateY(-200%);
}

.age-skip-link:focus {
transform: none;
}

.age-container {
width: min(calc(100% - 40px), var(--age-container));
  margin-inline: auto;
}

.age-icon {
width: 1.2em;
  height: 1.2em;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
}

.age-kicker {
margin-bottom: 8px;
  color: var(--age-accent);
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
}

.age-site-header {
position: relative;
  z-index: 100;
  background: var(--age-paper);
  border-bottom: 1px solid var(--age-line);
}

.age-utility-bar {
background: var(--age-ink);
  color: var(--age-paper);
  font-size: 0.76rem;
}

.age-utility-inner {
display: flex;
  min-height: 32px;
  align-items: center;
  gap: 24px;
}

.age-utility-inner span,
.age-utility-inner a {
display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
}

.age-utility-inner a {
margin-left: auto;
}

.age-header-main {
display: grid;
  min-height: 72px;
  align-items: center;
  gap: 28px;
  grid-template-columns: auto minmax(260px, 1fr) auto;
}

.age-brand {
display: inline-flex;
  min-width: 215px;
  align-items: center;
  gap: 10px;
  color: var(--age-ink);
  text-decoration: none;
}

.age-brand-mark {
display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  background: var(--age-accent);
  border-radius: 50%;
  color: var(--age-paper);
}

.age-brand-mark .age-icon {
width: 22px;
  height: 22px;
}

.age-brand-copy {
display: grid;
  line-height: 1.2;
}

.age-brand-copy strong {
font-size: 1.05rem;
}

.age-brand-copy small {
max-width: 180px;
  margin-top: 3px;
  color: var(--age-muted);
  font-size: 0.69rem;
}

.age-header-search .woocommerce-product-search,
.age-header-search .search-form,
.age-site-footer .search-form {
position: relative;
  display: flex;
  width: 100%;
}

.age-header-search input[type="search"],
.age-site-footer input[type="search"] {
width: 100%;
  min-height: 42px;
  padding: 0 112px 0 14px;
  border: 1px solid var(--age-line);
  border-radius: var(--age-radius);
  background: var(--age-surface);
  color: var(--age-ink);
}

.age-header-search button,
.age-site-footer .search-submit {
position: absolute;
  top: 4px;
  right: 4px;
  bottom: 4px;
  padding: 0 18px;
  border: 0;
  border-radius: 4px;
  background: var(--age-ink);
  color: var(--age-paper);
  font-weight: 700;
}

.age-header-actions {
display: flex;
  align-items: center;
  gap: 6px;
}

.age-icon-button {
position: relative;
  display: grid;
  width: 42px;
  height: 42px;
  padding: 0;
  place-items: center;
  border: 1px solid transparent;
  border-radius: 50%;
  background: transparent;
  color: var(--age-ink);
  text-decoration: none;
}

.age-icon-button:hover,
.age-icon-button:focus-visible {
border-color: var(--age-line);
  background: var(--age-surface);
}

.age-cart-count {
position: absolute;
  top: -2px;
  right: -2px;
  display: grid;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  place-items: center;
  border-radius: 9px;
  background: var(--age-accent);
  color: var(--age-paper);
  font-size: 0.68rem;
  font-weight: 800;
}

.age-menu-toggle {
display: none;
}

.age-menu-close {
display: none;
}

.age-menu-toggle[aria-expanded="true"] .age-menu-open {
display: none;
}

.age-menu-toggle[aria-expanded="true"] .age-menu-close {
display: block;
}

.age-primary-nav {
border-top: 1px solid var(--age-line);
}

.age-nav-inner {
display: flex;
  min-height: 45px;
  align-items: stretch;
}

.age-shop-all {
display: inline-flex;
  min-width: 215px;
  align-items: center;
  gap: 9px;
  border-right: 1px solid var(--age-line);
  color: var(--age-ink);
  font-size: 0.84rem;
  font-weight: 800;
  text-decoration: none;
}

.age-nav-menu {
display: flex;
  align-items: stretch;
  gap: 2px;
  margin: 0;
  padding: 0 0 0 18px;
  list-style: none;
}

.age-nav-menu a {
display: flex;
  height: 100%;
  align-items: center;
  padding: 0 13px;
  font-size: 0.82rem;
  font-weight: 650;
  text-decoration: none;
}

.age-nav-menu a:hover,
.age-nav-menu a:focus-visible {
color: var(--age-accent);
}

.button,
button.button,
input.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
display: inline-flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 20px;
  border: 1px solid transparent;
  border-radius: var(--age-radius);
  background: var(--age-ink);
  color: var(--age-paper);
  font-weight: 800;
  text-decoration: none;
}

.age-button-primary,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
background: var(--age-accent);
  color: var(--age-paper);
}

.age-button-primary:hover,
.age-button-primary:focus-visible,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
filter: brightness(0.92);
}

.age-button-secondary {
border-color: rgb(255 255 255 / 72%);
  background: rgb(23 32 42 / 28%);
  color: var(--age-paper);
}

.age-section {
padding-block: 88px;
}

.age-section-heading {
display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 32px;
}

.age-section-heading h2 {
margin-bottom: 0;
}

.age-text-link {
display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--age-accent);
  font-weight: 800;
  text-decoration: none;
}

.age-text-link:hover {
text-decoration: underline;
}

.age-product-section {
background: var(--age-surface);
}

.woocommerce span.onsale {
top: 20px;
  right: 20px;
  left: auto;
  min-width: 0;
  min-height: 0;
  padding: 5px 9px;
  border-radius: 3px;
  background: var(--age-accent);
  line-height: 1.2;
}

.age-main {
min-height: 55vh;
  padding-block: 44px 88px;
}

.age-page-header {
max-width: 860px;
  margin-bottom: 36px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--age-line);
}

.age-page-header h1 {
margin: 0;
  font-size: clamp(2rem, 3vw, 3rem);
}

.age-prose {
max-width: 880px;
}

.age-prose p,
.age-prose li {
color: #34404b;
}

.age-prose a {
color: var(--age-blue);
}

.age-post-list {
display: grid;
  gap: 24px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.age-post-card {
padding: 22px;
  border: 1px solid var(--age-line);
  border-radius: var(--age-radius);
}

.age-post-card h2 {
font-size: 1.35rem;
}

.age-empty-state {
display: grid;
  max-width: 720px;
  min-height: 420px;
  align-content: center;
  justify-items: start;
}

.age-empty-state form {
width: min(100%, 560px);
  margin-bottom: 22px;
}

.woocommerce .woocommerce-breadcrumb {
margin-bottom: 30px;
  color: var(--age-muted);
  font-size: 0.78rem;
}

.woocommerce .woocommerce-breadcrumb a {
color: var(--age-ink);
  text-decoration: none;
}

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

.woocommerce-message::before,
.woocommerce-info::before {
color: var(--age-accent);
}

.age-site-footer {
background: #111820;
  color: var(--age-paper);
}

.age-footer-benefits {
border-bottom: 1px solid rgb(255 255 255 / 12%);
  background: #1b2630;
}

.age-benefit-grid {
display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.age-benefit-grid > div {
display: flex;
  min-height: 106px;
  align-items: center;
  gap: 14px;
  padding: 18px 30px;
  border-right: 1px solid rgb(255 255 255 / 12%);
}

.age-benefit-grid > div:first-child {
padding-left: 0;
}

.age-benefit-grid > div:last-child {
padding-right: 0;
  border-right: 0;
}

.age-benefit-grid .age-icon {
width: 30px;
  height: 30px;
  color: #ffb98d;
}

.age-benefit-grid span {
display: grid;
}

.age-benefit-grid small {
color: rgb(255 255 255 / 62%);
}

.age-footer-grid {
display: grid;
  gap: 46px;
  padding-block: 64px 50px;
  grid-template-columns: 1.4fr 0.8fr 0.8fr 1.2fr;
}

.age-brand-footer {
color: var(--age-paper);
}

.age-brand-footer .age-brand-copy strong {
font-size: 1.2rem;
}

.age-footer-brand p,
.age-footer-grid > div > p {
color: rgb(255 255 255 / 62%);
}

.age-footer-grid h2 {
margin-bottom: 16px;
  color: var(--age-paper);
  font-size: 0.9rem;
  text-transform: uppercase;
}

.age-footer-links {
margin: 0;
  padding: 0;
  list-style: none;
}

.age-footer-links li + li {
margin-top: 9px;
}

.age-footer-links a {
color: rgb(255 255 255 / 70%);
  text-decoration: none;
}

.age-footer-links a:hover {
color: var(--age-paper);
}

.age-site-footer input[type="search"] {
border-color: rgb(255 255 255 / 18%);
  background: rgb(255 255 255 / 8%);
  color: var(--age-paper);
}

.age-site-footer .search-submit {
background: var(--age-accent);
}

.age-footer-bottom {
display: flex;
  min-height: 68px;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  border-top: 1px solid rgb(255 255 255 / 12%);
  color: rgb(255 255 255 / 55%);
  font-size: 0.72rem;
}

.age-footer-bottom p {
margin: 0;
}

@media (max-width: 1080px) {
.age-header-main {
gap: 16px;
}

.age-brand-copy small {
display: none;
}

.age-brand {
min-width: 165px;
}

.age-shop-all {
min-width: 165px;
}

.age-nav-menu a {
padding-inline: 9px;
}

.age-footer-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 820px) {
:root {
--age-header-height: 72px;
}

.age-container {
width: min(calc(100% - 28px), var(--age-container));
}

.age-utility-bar,
  .age-header-search {
display: none;
}

.age-header-main {
min-height: 68px;
    grid-template-columns: auto 1fr auto;
}

.age-menu-toggle {
display: grid;
}

.age-brand {
min-width: 0;
}

.age-brand-mark {
width: 34px;
    height: 34px;
}

.age-primary-nav {
position: absolute;
    top: 68px;
    right: 0;
    left: 0;
    display: none;
    max-height: calc(100vh - 68px);
    overflow: auto;
    border-top: 1px solid var(--age-line);
    background: var(--age-paper);
    box-shadow: var(--age-shadow);
}

.age-primary-nav.is-open {
display: block;
}

.age-nav-inner {
display: block;
    padding-block: 10px 20px;
}

.age-shop-all {
width: 100%;
    min-height: 48px;
    border-right: 0;
    border-bottom: 1px solid var(--age-line);
}

.age-nav-menu {
display: grid;
    padding: 8px 0 0;
}

.age-nav-menu a {
min-height: 44px;
    padding: 0;
}

.age-post-list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.age-benefit-grid {
grid-template-columns: 1fr;
}

.age-benefit-grid > div,
.age-benefit-grid > div:first-child,
.age-benefit-grid > div:last-child {
min-height: 82px;
padding: 14px 0;
border-right: 0;
border-bottom: 1px solid rgb(255 255 255 / 12%);
}

.age-benefit-grid > div:last-child {
border-bottom: 0;
}
}

@media (max-width: 560px) {
body {
font-size: 15px;
}

.age-brand-copy strong {
max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.age-header-actions {
gap: 0;
}

.age-icon-button {
width: 38px;
    height: 38px;
}

.age-section {
padding-block: 62px;
}

.age-section-heading {
display: grid;
    margin-bottom: 24px;
}

.age-footer-grid,
  .age-post-list {
grid-template-columns: 1fr;
}

.age-footer-bottom {
align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding-block: 16px;
}
}

@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}

*,
  *::before,
  *::after {
scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
}
}

.age-locale-switcher {
  position: relative;
  z-index: 120;
  min-width: 74px;
}

.age-locale-switcher summary {
  min-height: 38px;
  padding: 7px 10px;
  border: 1px solid var(--age-line);
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.76rem;
  font-weight: 750;
  list-style: none;
  text-align: center;
}

.age-locale-switcher summary::-webkit-details-marker {
  display: none;
}

.age-locale-switcher ul {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  display: grid;
  width: 188px;
  max-height: 360px;
  margin: 0;
  padding: 8px;
  overflow-y: auto;
  border: 1px solid var(--age-line);
  border-radius: 6px;
  background: var(--age-paper);
  box-shadow: var(--age-shadow);
  list-style: none;
}

.age-locale-switcher a {
  display: block;
  padding: 8px 10px;
  border-radius: 4px;
  font-size: 0.82rem;
  text-decoration: none;
}

.age-locale-switcher a:hover,
.age-locale-switcher a:focus-visible {
  background: var(--age-surface);
  color: var(--age-accent);
}

.age-direction-rtl {
  text-align: right;
}

.age-direction-rtl .age-utility-inner a {
  margin-right: auto;
  margin-left: 0;
}

.age-direction-rtl .age-header-search input[type="search"] {
  padding-right: 14px;
  padding-left: 58px;
}

.age-direction-rtl .age-header-search button {
  right: auto;
  left: 4px;
}

.age-direction-rtl .age-cart-count {
  right: auto;
  left: -2px;
}

.age-direction-rtl .age-nav-menu {
  padding-right: 18px;
  padding-left: 0;
}

.age-direction-rtl .age-shop-all {
  border-right: 0;
  border-left: 1px solid var(--age-line);
}

.age-direction-rtl .age-locale-switcher ul {
  right: auto;
  left: 0;
}

@media (max-width: 820px) {
  .age-locale-switcher {
    min-width: 66px;
  }

  .age-locale-switcher ul {
    position: fixed;
    top: 104px;
    right: 20px;
    left: auto;
    max-height: calc(100vh - 124px);
  }

  .age-direction-rtl .age-locale-switcher ul {
    right: auto;
    left: 20px;
  }
}