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

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--pf-color-soft-white);
  color: var(--pf-color-charcoal);
  font-family: var(--pf-font-interface);
  text-rendering: optimizelegibility;
}

.page .wp-site-blocks > main {
  padding-inline: clamp(var(--pf-space-md), 4vw, var(--pf-space-xl));
}

.page .wp-block-post-title {
  overflow-wrap: anywhere;
}

.wp-site-blocks > header {
  position: sticky;
  z-index: 30;
  top: 0;
}

.pf-site-header {
  background: rgb(252 251 248 / 94%);
  backdrop-filter: blur(12px);
  transition:
    background-color var(--pf-motion-standard) var(--pf-ease-standard),
    box-shadow var(--pf-motion-standard) var(--pf-ease-standard);
}

.pf-site-header.is-scrolled {
  background: var(--pf-color-soft-white);
  box-shadow: 0 0.5rem 1.5rem rgb(23 23 23 / 7%);
}

.pf-site-header__inner {
  min-height: 2.75rem;
}

.pf-site-header .wp-block-site-title {
  margin: 0;
  font-size: 0.9375rem;
  white-space: nowrap;
}

.pf-site-header :where(.wp-block-site-title a, .wc-block-customer-account__link, .wc-block-mini-cart__button) {
  display: inline-flex;
  min-width: 2.75rem;
  min-height: 2.75rem;
  align-items: center;
  justify-content: center;
}

.pf-primary-navigation .wp-block-navigation-item__content,
.pf-primary-navigation .wp-block-navigation__responsive-container-open,
.pf-primary-navigation .wp-block-navigation__responsive-container-close {
  display: inline-flex;
  min-width: 2.75rem;
  min-height: 2.75rem;
  align-items: center;
  justify-content: center;
}

.pf-primary-navigation .wp-block-navigation__container {
  gap: clamp(var(--pf-space-md), 2.4vw, var(--pf-space-2xl));
}

.pf-footer-newsletter,
.pf-site-footer {
  padding: clamp(var(--pf-space-2xl), 6vw, var(--pf-space-4xl)) var(--pf-space-lg);
}

.pf-footer-newsletter > .alignwide {
  display: grid;
  gap: var(--pf-space-xl);
}

.wp-site-blocks > header .alignwide,
.wp-site-blocks > footer .alignwide {
  padding-inline: var(--pf-space-lg);
}

.pf-footer-newsletter h2 {
  max-width: 18ch;
  margin: 0;
  font-size: clamp(2rem, 4vw, 3.75rem);
}

.pf-footer-newsletter form {
  max-width: 38rem;
}

.pf-footer-newsletter form > div {
  display: flex;
  margin-top: var(--pf-space-xs);
}

.pf-footer-newsletter input,
.pf-footer-newsletter button,
.pf-site-footer select {
  min-height: 3rem;
  border: 1px solid var(--pf-color-ink);
  border-radius: 0;
}

.pf-footer-newsletter input {
  flex: 1;
  min-width: 0;
  padding-inline: var(--pf-space-md);
  background: var(--pf-color-soft-white);
}

.pf-footer-newsletter button {
  padding-inline: var(--pf-space-lg);
  background: var(--pf-color-ink);
  color: var(--pf-color-soft-white);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.pf-footer-newsletter__note,
.pf-footer-market-note {
  color: var(--pf-color-charcoal);
  font-size: 0.75rem;
}

.pf-site-footer__grid {
  display: grid;
  gap: var(--pf-space-2xl);
}

.pf-site-footer__grid h3 {
  margin: 0 0 var(--pf-space-md);
  font-family: var(--pf-font-interface);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.pf-footer-disclosure {
  border: 0;
}

.pf-footer-disclosure summary {
  min-height: 2.75rem;
  cursor: pointer;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  line-height: 2.75rem;
  list-style: none;
  text-transform: uppercase;
}

.pf-footer-disclosure summary::-webkit-details-marker {
  display: none;
}

.pf-site-footer__grid > div:first-child p:not(.pf-footer-social) {
  max-width: 26rem;
  color: var(--pf-color-deep-taupe);
}

.pf-footer-links {
  display: grid;
  gap: var(--pf-space-sm);
  margin: 0;
  padding: 0;
  list-style: none;
}

.pf-footer-links a {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  text-decoration: none;
}

.pf-cookie-preferences-link,
.pf-inline-preferences-button {
  min-height: 2.75rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.pf-footer-social {
  display: flex;
  flex-wrap: wrap;
  gap: var(--pf-space-lg);
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.pf-site-footer select {
  width: 100%;
  padding-inline: var(--pf-space-sm);
  background: var(--pf-color-soft-white);
}

.pf-site-footer__legal {
  margin-top: var(--pf-space-3xl);
  padding-top: var(--pf-space-lg);
  border-top: 1px solid var(--pf-color-pale-stone);
  color: var(--pf-color-deep-taupe);
}

.pf-return-request,
.pf-form-notice {
  max-width: 52rem;
}

.pf-return-request__form {
  display: grid;
  gap: var(--pf-space-lg);
  margin-top: var(--pf-space-xl);
}

:where(.pf-return-request__form p, .pf-form-grid) {
  margin: 0;
}

.pf-form-grid {
  display: grid;
  gap: var(--pf-space-lg);
}

.pf-return-request__form label,
.pf-return-request__form small {
  display: block;
}

.pf-return-request__form label {
  margin-bottom: var(--pf-space-xs);
  font-weight: 600;
}

.pf-return-request__form :is(input:not([type="checkbox"]), select, textarea) {
  width: 100%;
  min-height: 3rem;
  padding: 0.75rem;
  border: 1px solid var(--pf-color-pale-stone);
  border-radius: 0;
  background: var(--pf-color-soft-white);
  color: var(--pf-color-charcoal);
  font: inherit;
}

.pf-return-request__form textarea {
  min-height: 8rem;
  resize: vertical;
}

.pf-return-request__form small {
  margin-top: var(--pf-space-xs);
  color: var(--pf-color-deep-taupe);
}

.pf-return-request__form .pf-form-check label {
  display: flex;
  gap: var(--pf-space-sm);
  align-items: flex-start;
}

.pf-return-request__form .wp-element-button {
  min-height: 3rem;
  justify-self: start;
}

.pf-return-request__honeypot {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  clip-path: inset(50%);
  white-space: nowrap;
}

.pf-form-notice {
  padding: var(--pf-space-lg);
  border: 1px solid var(--pf-color-pale-stone);
  background: var(--pf-color-warm-stone);
}

.pf-form-notice--error {
  border-color: var(--pf-color-oxblood);
}

.pf-cookie-banner {
  position: fixed;
  z-index: 1000;
  right: var(--pf-space-md);
  bottom: var(--pf-space-md);
  left: var(--pf-space-md);
  display: grid;
  max-width: 74rem;
  max-height: calc(100dvh - 2 * var(--pf-space-md));
  gap: var(--pf-space-lg);
  margin-inline: auto;
  padding: var(--pf-space-lg);
  overflow: auto;
  border: 1px solid var(--pf-color-pale-stone);
  background: var(--pf-color-soft-white);
  box-shadow: 0 1rem 3rem rgb(23 23 23 / 16%);
}

.pf-cookie-banner[hidden] {
  display: none;
}

:where(.pf-cookie-banner h2, .pf-cookie-banner p) {
  margin: 0;
}

.pf-cookie-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--pf-space-sm);
  align-items: center;
}

.pf-cookie-actions button {
  min-height: 2.75rem;
}

.pf-cookie-settings,
.pf-cookie-dialog__close {
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.pf-cookie-dialog {
  width: min(42rem, calc(100% - 2rem));
  max-height: calc(100dvh - 2rem);
  padding: 0;
  border: 0;
  background: var(--pf-color-soft-white);
  color: var(--pf-color-charcoal);
}

.pf-cookie-dialog::backdrop {
  background: rgb(23 23 23 / 55%);
}

.pf-cookie-dialog form {
  display: grid;
  gap: var(--pf-space-lg);
  padding: clamp(var(--pf-space-lg), 4vw, var(--pf-space-2xl));
}

.pf-cookie-dialog header {
  display: flex;
  gap: var(--pf-space-md);
  align-items: center;
  justify-content: space-between;
}

.pf-cookie-dialog :is(h2, h3, p) {
  margin: 0;
}

.pf-cookie-dialog fieldset {
  display: grid;
  gap: var(--pf-space-md);
  margin: 0;
  padding: 0;
  border: 0;
}

:where(.pf-cookie-dialog fieldset > label) {
  display: grid;
  grid-template-columns: 1.25rem 1fr;
  gap: var(--pf-space-sm);
  align-items: start;
}

.pf-cookie-dialog label small {
  display: block;
  margin-top: 0.2rem;
  color: var(--pf-color-deep-taupe);
}

.pf-cookie-dialog__close {
  min-width: 2.75rem;
  min-height: 2.75rem;
  font-size: 1.75rem;
  text-decoration: none;
}

.pf-checkout-policy-links,
.pf-order-policy-links {
  font-size: 0.875rem;
}

@media (width >= 48rem) {
  .pf-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pf-cookie-banner {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }

  .pf-footer-newsletter > .alignwide {
    grid-template-columns: minmax(0, 0.9fr) minmax(22rem, 1.1fr);
    align-items: end;
  }

  .pf-site-footer__grid {
    grid-template-columns: minmax(18rem, 1.4fr) minmax(12rem, 0.6fr);
  }
}

@media (width >= 64rem) {
  .pf-site-footer__grid {
    grid-template-columns: minmax(18rem, 1.6fr) repeat(3, minmax(9rem, 0.7fr));
  }
}

@media (width < 48rem) {
  .pf-footer-newsletter form > div {
    display: grid;
  }

  .pf-footer-newsletter button {
    min-height: 3.25rem;
  }

  .pf-site-footer__grid {
    gap: var(--pf-space-lg);
  }

  .pf-footer-disclosure {
    border-top: 1px solid var(--pf-color-pale-stone);
  }

  .pf-footer-disclosure summary {
    position: relative;
    padding-right: 2.75rem;
  }

  .pf-footer-disclosure summary::after {
    position: absolute;
    right: 0;
    content: "+";
    font-size: 1rem;
    font-weight: 400;
  }

  .pf-footer-disclosure[open] summary::after {
    content: "−";
  }

  .pf-footer-disclosure[open] {
    padding-bottom: var(--pf-space-md);
  }
}

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

:focus-visible {
  outline: 2px solid var(--pf-color-oxblood);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}