@charset "utf-8";

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

* { margin: 0px; }

@media (prefers-reduced-motion: no-preference) {
  html { interpolate-size: allow-keywords; }
}

body { line-height: 1.5; -webkit-font-smoothing: antialiased; }

img, picture, video, canvas, svg { display: block; max-width: 100%; }

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

p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; }

p { text-wrap: pretty; }

h1, h2, h3, h4, h5, h6 { text-wrap: balance; }

a { color: inherit; text-decoration: none; }

.se-header { position: sticky; top: 0px; z-index: 1000; background-color: rgb(var(--white)); border-bottom: solid 1px rgb(var(--snowflake)); }

.se-header > .container { display: flex; align-items: center; justify-content: space-between; padding: 8px 16px; max-width: max(60vw, 1400px); margin-left: auto; margin-right: auto; }

@media (min-width: 900px) {
  .se-header > .container { padding-top: 16px; padding-bottom: 16px; }
}

.se-header > .container > .actions { display: flex; align-items: center; font-family: "Helvetica Neue", Arial, serif; font-size: 16px; line-height: 20px; }

@media (min-width: 900px) {
  .se-header > .container > .actions { font-size: 18px; line-height: 20px; }
}

.se-header > .container > .actions > nav { display: flex; align-items: center; }

.se-header > .container > .actions > nav > * { padding: 4px; }

@media (min-width: 900px) {
  .se-header > .container > .actions > nav > * { padding: 8px; }
}

.se-header > .container > .actions > nav > * + * { margin-left: 4px; }

@media (min-width: 900px) {
  .se-header > .container > .actions > nav > * + * { margin-left: 8px; }
}

@media (max-width: 899px) {
  .se-header > .container > .actions > nav { display: none; }
}

.se-header > .container > .actions > div { display: flex; align-items: center; }

.se-header > .container > .actions > div > * { padding: 4px; }

@media (min-width: 900px) {
  .se-header > .container > .actions > div > * { padding: 8px; }
}

.se-header > .container > .actions > div > * + * { margin-left: 4px; }

@media (min-width: 900px) {
  .se-header > .container > .actions > div > * + * { margin-left: 8px; }
}

.se-header > .container > .actions > div > .icon { display: flex; align-items: center; }

.se-header > .container > .actions > div > .icon > button { background-color: transparent; padding: 4px; margin: -4px; appearance: none; border-radius: 0px; box-shadow: none; cursor: pointer; border: none; }

.se-header > .container > .actions > div > .icon > button > svg { width: 24px; height: 24px; }

@media (min-width: 900px) {
  .se-header > .container > .actions > div > .search { margin-right: -8px !important; }
}

.se-header > .container > .actions > div > .hamburger { margin-right: -8px; }

@media (min-width: 900px) {
  .se-header > .container > .actions > div > .hamburger { display: none; }
}

.se-header > predictive-search > accordion-wrapper > .search-drawer { position: absolute; left: 0px; right: 0px; top: 100%; border-bottom: solid 1px rgb(var(--snowflake)); }

.se-header > predictive-search > accordion-wrapper > .search-drawer > form > .inputs { background-color: rgb(var(--white)); border-top: solid 1px rgb(var(--snowflake)); }

.se-header > predictive-search > accordion-wrapper > .search-drawer > form > .inputs > .input { display: block; padding: 12px 16px; border: none; width: 100%; max-width: max(60vw, 1400px); margin-left: auto; margin-right: auto; font-family: "Helvetica Neue", Arial, serif; font-size: 14px; line-height: 18px; }

.se-header > predictive-search > accordion-wrapper > .search-drawer > form > .inputs > .input:focus-visible { outline: none; }

@media (min-width: 900px) {
  .se-header > predictive-search > accordion-wrapper > .search-drawer > form > .inputs > .input { font-size: 18px; line-height: 20px; }
}

.se-header > predictive-search > accordion-wrapper > .search-drawer > .results { background-color: rgb(var(--white)); padding: 12px 16px; border-top: solid 1px rgb(var(--snowflake)); border-bottom: solid 1px rgb(var(--snowflake)); width: 100%; max-height: 60vh; overflow-y: auto; transition: opacity 0.2s; }

.se-header > predictive-search > accordion-wrapper > .search-drawer > .results > .container { display: grid; grid-template-columns: 1fr; gap: 32px; max-width: max(60vw, 1400px); margin-left: auto; margin-right: auto; }

.se-header > predictive-search > accordion-wrapper > .search-drawer > .results > .container > .products { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 12px; }

@media (min-width: 900px) {
  .se-header > predictive-search > accordion-wrapper > .search-drawer > .results > .container > .products { grid-template-columns: 1fr 1fr 1fr 1fr; }
}

.se-header > predictive-search > accordion-wrapper > .search-drawer > .results > .container > ._button { width: 100%; }

.se-header > drawer-wrapper > aside > .upper { display: flex; justify-content: flex-end; align-items: center; padding: 16px; border-bottom: solid 1px rgb(var(--snowflake)); }

.se-header > drawer-wrapper > aside > .upper > button { background-color: transparent; padding: 4px; margin: -4px; appearance: none; border-radius: 0px; box-shadow: none; cursor: pointer; border: none; }

.se-header > drawer-wrapper > aside > .links > .group { display: grid; border-bottom: solid 1px rgb(var(--snowflake)); }

.se-header > drawer-wrapper > aside > .links > .group > .link { padding: 16px; font-family: "Helvetica Neue", Arial, serif; font-size: 16px; line-height: 20px; }

@media (min-width: 900px) {
  .se-header > drawer-wrapper > aside > .links > .group > .link { font-size: 16px; line-height: 20px; }
}

.se-header > drawer-wrapper > aside > .links > .group > .sublinks { display: grid; border-top: solid 1px rgb(var(--snowflake)); }

.se-header > drawer-wrapper > aside > .links > .group > .sublinks > .sublink { padding: 16px 24px; font-family: "Helvetica Neue", Arial, serif; font-size: 16px; line-height: 20px; }

@media (min-width: 900px) {
  .se-header > drawer-wrapper > aside > .links > .group > .sublinks > .sublink { font-size: 16px; line-height: 20px; }
}

.footer { background-color: rgb(var(--orange)); }

.footer > .wrapper { color: rgb(var(--white)); display: grid; grid-template-columns: 1fr; gap: 32px; padding: 32px 16px; max-width: max(60vw, 1400px); margin-left: auto; margin-right: auto; }

@media (min-width: 900px) {
  .footer > .wrapper { padding-top: 40px; padding-bottom: 40px; }
}

.footer > .wrapper > .main { display: grid; grid-template-columns: 1fr; gap: 32px; }

@media (min-width: 900px) {
  .footer > .wrapper > .main { grid-template-columns: 1fr auto; gap: 80px; }
}

.footer > .wrapper > .main > .meta { display: grid; grid-template-columns: 1fr; gap: 32px; }

.footer > .wrapper > .main > .meta > a { width: fit-content; }

@media (min-width: 900px) {
  .footer > .wrapper > .main > .meta { gap: 40px; }
}

.footer > .wrapper > .main > .meta > .newsletter { max-width: 460px; }

.footer > .wrapper > .main > .meta > .newsletter > .hype { padding-bottom: 16px; font-family: "Helvetica Neue", Arial, serif; font-size: 14px; line-height: 18px; }

@media (min-width: 900px) {
  .footer > .wrapper > .main > .meta > .newsletter > .hype { font-size: 20px; line-height: 20px; }
}

.footer > .wrapper > .main > .meta > .newsletter > .input { display: grid; grid-template-columns: 1fr auto; gap: 8px; }

.footer > .wrapper > .main > .meta > .newsletter > .input > input { border: none; padding: 10px 8px; font-family: "Helvetica Neue", Arial, serif; font-size: 14px; line-height: 18px; }

@media (min-width: 900px) {
  .footer > .wrapper > .main > .meta > .newsletter > .input > input { font-size: 16px; line-height: 20px; }
}

.footer > .wrapper > .main > .meta > .newsletter > .helper { margin-top: 8px; font-family: "Helvetica Neue", Arial, serif; font-size: 12px; line-height: 20px; }

@media (min-width: 900px) {
  .footer > .wrapper > .main > .meta > .newsletter > .helper { font-size: 14px; line-height: 18px; }
}

.footer > .wrapper > .main > .meta > .newsletter > .helper > a { text-decoration: underline; }

.footer > .wrapper > .main > .meta > .warning { max-width: 520px; color: rgb(var(--white)); font-family: "Helvetica Neue", Arial, serif; font-size: 12px; line-height: 20px; }

@media (min-width: 900px) {
  .footer > .wrapper > .main > .meta > .warning { font-size: 14px; line-height: 18px; }
}

.footer > .wrapper > .main > .meta > .warning > a { text-decoration: underline; }

.footer > .wrapper > .main > .navigation { display: flex; row-gap: 24px; }

@media (max-width: 899px) {
  .footer > .wrapper > .main > .navigation { flex-direction: column; }
}

@media (min-width: 900px) {
  .footer > .wrapper > .main > .navigation { flex-wrap: wrap; justify-content: flex-end; gap: 32px 40px; }
}

.footer > .wrapper > .main > .navigation > .group > :first-child { white-space: nowrap; text-transform: uppercase; color: rgba(var(--white),.7); font-family: "Helvetica Neue", Arial, serif; font-size: 16px; line-height: 20px; }

@media (min-width: 900px) {
  .footer > .wrapper > .main > .navigation > .group > :first-child { font-size: 20px; line-height: 20px; }
}

@media (max-width: 899px) {
  .footer > .wrapper > .main > .navigation > .group > :first-child { padding-bottom: 4px; border-bottom: solid 1px rgba(var(--white),.7); width: 100%; display: block; }
}

.footer > .wrapper > .main > .navigation > .group > .sub { list-style: none; padding: 0px; font-family: "Helvetica Neue", Arial, serif; font-size: 14px; line-height: 18px; }

@media (min-width: 900px) {
  .footer > .wrapper > .main > .navigation > .group > .sub { font-size: 16px; line-height: 20px; }
}

.footer > .wrapper > .main > .navigation > .group > .sub > * { margin-top: 8px; }

.footer > .wrapper > .main > .navigation > .group > .sub > * > a { width: 100%; display: block; }

.footer > .wrapper > .divider { height: 1px; width: 100%; background-color: rgba(var(--white),.7); margin-top: 8px; margin-bottom: 8px; }

@media (max-width: 899px) {
  .footer > .wrapper > .divider { display: none; }
}

.footer > .wrapper > .sub { display: grid; grid-template-columns: 1fr; gap: 16px; color: rgba(var(--white),.7); font-family: "Helvetica Neue", Arial, serif; font-size: 14px; line-height: 18px; }

@media (min-width: 900px) {
  .footer > .wrapper > .sub { font-size: 16px; line-height: 20px; }
}

@media (min-width: 900px) {
  .footer > .wrapper > .sub { grid-template-columns: auto 1fr auto; }
}

.footer > .wrapper > .sub > .usps { display: flex; gap: 8px; align-items: center; }

@media (min-width: 900px) {
  .footer > .wrapper > .sub > .usps { justify-content: center; }
}

.footer > .wrapper > .sub > .navigation { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 16px; }

@media (min-width: 900px) {
  .footer > .wrapper > .sub > .navigation { justify-content: flex-end; column-gap: 32px; }
}

._button { background-color: rgb(var(--black)); color: rgb(var(--white)); padding: 12px 16px; appearance: none; border-radius: 0px; box-shadow: none; cursor: pointer; border: none; transition: background-color 0.2s; font-family: "Helvetica Neue", Arial, serif; font-size: 14px; line-height: 18px; }

._button._disabled { background-color: rgb(var(--slate)); cursor: default; }

@media (min-width: 900px) {
  ._button { font-size: 16px; line-height: 20px; }
}

@media (min-width: 900px) {
  ._button { padding-left: 24px; padding-right: 24px; }
}

._pagination { display: flex; justify-content: center; align-items: center; padding-top: 16px; font-family: "Helvetica Neue", Arial, serif; font-size: 16px; line-height: 20px; }

@media (min-width: 900px) {
  ._pagination { font-size: 16px; line-height: 20px; }
}

._pagination > .page { display: flex; justify-content: center; align-items: center; border: solid 1px rgb(var(--snowflake)); min-width: 40px; height: 40px; text-align: center; }

._pagination > .page > a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; }

._pagination > .page + .page { border-left: none; }

._pagination > .page.current { color: rgb(var(--orange)); }

._pagination > .deco { padding-left: 8px; padding-right: 8px; }

._pagination > .prev, ._pagination .next { display: none; }

.shopify-policy__container { padding-top: 24px; padding-bottom: 24px; font-family: "Helvetica Neue", Arial, serif; font-size: 14px; line-height: 18px; }

.shopify-policy__container h1 { font-weight: 500; margin-bottom: 24px; font-family: "Helvetica Neue", Arial, serif; font-size: 40px; line-height: 52px; }

@media (min-width: 900px) {
  .shopify-policy__container h1 { font-size: 40px; line-height: 52px; }
}

.shopify-policy__container h2 { font-weight: 500; margin-bottom: 24px; font-family: "Helvetica Neue", Arial, serif; font-size: 18px; line-height: 20px; }

@media (min-width: 900px) {
  .shopify-policy__container h2 { font-size: 20px; line-height: 20px; }
}

.shopify-policy__container h3 { font-weight: 500; margin-bottom: 24px; font-family: "Helvetica Neue", Arial, serif; font-size: 16px; line-height: 20px; }

@media (min-width: 900px) {
  .shopify-policy__container h3 { font-size: 18px; line-height: 20px; }
}

.shopify-policy__container h4 { font-weight: 500; margin-bottom: 24px; font-family: "Helvetica Neue", Arial, serif; font-size: 14px; line-height: 18px; }

@media (min-width: 900px) {
  .shopify-policy__container h4 { font-size: 16px; line-height: 20px; }
}

.shopify-policy__container h5 { font-weight: 500; margin-bottom: 24px; font-family: "Helvetica Neue", Arial, serif; font-size: 12px; line-height: 20px; }

@media (min-width: 900px) {
  .shopify-policy__container h5 { font-size: 14px; line-height: 18px; }
}

.shopify-policy__container h6 { font-weight: 500; margin-bottom: 24px; font-family: "Helvetica Neue", Arial, serif; font-size: 12px; line-height: 20px; }

@media (min-width: 900px) {
  .shopify-policy__container h6 { font-size: 14px; line-height: 18px; }
}

.shopify-policy__container p { margin-bottom: 24px; font-family: "Helvetica Neue", Arial, serif; font-size: 14px; line-height: 18px; }

@media (min-width: 900px) {
  .shopify-policy__container p { font-size: 16px; line-height: 20px; }
}

.shopify-policy__container a { text-decoration: underline; }

.shopify-policy__container ul, .shopify-policy__container ol { margin-bottom: 24px; }

.shopify-policy__container li { margin-bottom: 8px; }

.shopify-policy__container table { border-collapse: collapse; }

.shopify-policy__container table td { padding: 4px; border: 1px solid rgb(var(--black)); }

@media (min-width: 900px) {
  .shopify-policy__container { font-size: 16px; line-height: 20px; }
}

.shopify-policy__container > .shopify-policy__title { text-align: left; }

.shopify-policy__container > .shopify-policy__body > .rte > * + * { margin-top: 16px; }

accordion-wrapper > * { max-height: 0px; overflow: hidden; transition: max-height 0.2s; }

age-confirmation-modal { position: absolute; }

age-confirmation-modal[_modal-active] ._modal-backdrop { opacity: 1; pointer-events: initial; }

age-confirmation-modal[_modal-active] > :not(._modal-backdrop) { opacity: 1; pointer-events: initial; }

._modal-backdrop { position: fixed; inset: 0px; z-index: 1199; background-color: rgba(var(--black),.3); opacity: 0; transition: opacity 0.2s; pointer-events: none; }

age-confirmation-modal > :not(._modal-backdrop) { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; width: 100%; overflow-y: auto; z-index: 1200; background-color: rgb(var(--white)); transition: transform 0.2s; pointer-events: none; }

@media (min-width: 900px) {
  age-confirmation-modal > :not(._modal-backdrop) { max-width: 480px; }
}

drawer-wrapper { position: absolute; }

drawer-wrapper[_drawer-active] ._drawer-backdrop { opacity: 1; pointer-events: initial; }

drawer-wrapper[_drawer-active] > :not(._drawer-backdrop) { transform: translate(0px) translateY(0px) !important; }

drawer-wrapper._drawer-left > :not(._drawer-backdrop) { left: 0px; transform: translate(-100%); }

drawer-wrapper._drawer-right > :not(._drawer-backdrop) { right: 0px; transform: translate(100%); }

drawer-wrapper._drawer-bottom > :not(._drawer-backdrop) { inset: auto 0px 0px; max-height: 86vh; transform: translateY(100%); }

._drawer-backdrop { position: fixed; inset: 0px; z-index: 1099; background-color: rgba(var(--black),.3); opacity: 0; transition: opacity 0.2s; pointer-events: none; }

drawer-wrapper > :not(._drawer-backdrop) { position: fixed; top: 0px; bottom: 0px; width: 100%; overflow-y: auto; z-index: 1100; background-color: rgb(var(--white)); transition: transform 0.2s; }

@media (min-width: 900px) {
  drawer-wrapper > :not(._drawer-backdrop) { max-width: 480px; }
}

.se-added-to-cart { position: absolute; top: calc(100% + 1px); right: 0px; z-index: 999; width: 100%; background-color: rgb(var(--white)); border-bottom: solid 1px rgb(var(--snowflake)); padding: 16px 24px; transform: translate(100%); transition: transform 0.2s; pointer-events: none; }

.se-added-to-cart[_added-to-cart-active] { transform: translate(0px); pointer-events: auto; }

.se-added-to-cart > * + * { margin-top: 16px; }

@media (min-width: 900px) {
  .se-added-to-cart { border-left: solid 1px rgb(var(--snowflake)); max-width: 420px; }
}

.se-added-to-cart > .title { display: flex; justify-content: space-between; align-items: center; }

.se-added-to-cart > .title > h3 { font-weight: 400; font-family: "Helvetica Neue", Arial, serif; font-size: 16px; line-height: 20px; }

@media (min-width: 900px) {
  .se-added-to-cart > .title > h3 { font-size: 20px; line-height: 20px; }
}

.se-added-to-cart > .title > button { background-color: transparent; padding: 4px; margin: -4px; appearance: none; border-radius: 0px; box-shadow: none; cursor: pointer; border: none; }

.se-added-to-cart > .actions { display: flex; flex-direction: column; }

.se-added-to-cart > .actions > .continue { background-color: transparent; padding: 8px; margin-bottom: 4px; appearance: none; border-radius: 0px; box-shadow: none; cursor: pointer; border: none; font-family: "Helvetica Neue", Arial, serif; font-size: 14px; line-height: 18px; }

@media (min-width: 900px) {
  .se-added-to-cart > .actions > .continue { font-size: 16px; line-height: 20px; }
}

@media (min-width: 900px) {
  .se-added-to-cart > .actions > .continue { margin-bottom: 8px; }
}

.se-added-to-cart > .actions > button, .se-added-to-cart > .actions input, .se-added-to-cart > .actions form { width: 100%; }

.se-article-grid { max-width: max(60vw, 1400px); margin-left: auto; margin-right: auto; padding: 24px 16px; }

.se-article-grid > a { display: block; width: fit-content; }

.se-article-grid > a > h1 { font-weight: 400; background-color: rgb(var(--electric)); color: rgb(var(--white)); width: fit-content; padding: 8px 12px; margin-bottom: 24px; font-family: "Helvetica Neue", Arial, serif; font-size: 16px; line-height: 20px; }

@media (min-width: 900px) {
  .se-article-grid > a > h1 { font-size: 16px; line-height: 20px; }
}

.se-article-grid > .grid { display: grid; grid-template-columns: 1fr; gap: 16px; }

@media (min-width: 900px) {
  .se-article-grid > .grid { grid-template-columns: 1fr 1fr 1fr; }
}

.se-banner { padding: 12px 16px; text-align: center; color: rgb(var(--white)); font-family: "Helvetica Neue", Arial, serif; font-size: 16px; line-height: 20px; }

@media (min-width: 900px) {
  .se-banner { font-size: 18px; line-height: 20px; }
}

.se-banner.dark { color: rgb(var(--black)); }

.se-blog { max-width: max(60vw, 1400px); margin-left: auto; margin-right: auto; padding: 24px 16px; }

.se-blog > h1 { margin-bottom: 24px; font-weight: 400; font-family: "Helvetica Neue", Arial, serif; font-size: 40px; line-height: 52px; }

@media (min-width: 900px) {
  .se-blog > h1 { font-size: 40px; line-height: 52px; }
}

.se-blog > .grid { display: grid; grid-template-columns: 1fr; gap: 32px 16px; }

@media (min-width: 900px) {
  .se-blog > .grid { grid-template-columns: 1fr 1fr 1fr; }
}

.se-brand-grid { display: grid; grid-template-columns: 1fr; gap: 12px; max-width: max(60vw, 1400px); margin-left: auto; margin-right: auto; padding: 24px 16px; }

@media (min-width: 600px) {
  .se-brand-grid { grid-template-columns: 1fr 1fr; gap: 12px 8px; }
}

@media (min-width: 900px) {
  .se-brand-grid { grid-template-columns: 1fr 1fr 1fr; gap: 20px 16px; }
}

@media (min-width: 1200px) {
  .se-brand-grid { grid-template-columns: 1fr 1fr 1fr 1fr; gap: 24px 16px; }
}

.se-brand-grid > a > .brand { background-color: rgb(var(--snowflake)); padding: 16px; height: 100%; }

@media (min-width: 900px) {
  .se-brand-grid > a > .brand { padding: 24px; }
}

.se-brand-grid > a > .brand > .media { width: fit-content; }

.se-brand-grid > a > .brand > .media > img { max-height: 24px; width: auto !important; }

.se-brand-grid > a > .brand > .tags { display: flex; gap: 4px; list-style: none; padding: 0px; margin-top: 20px; }

.se-brand-grid > a > .brand > .tags > li { background-color: rgb(var(--silver)); color: rgb(var(--slate)); padding: 4px 12px; text-transform: uppercase; font-family: "Helvetica Neue", Arial, serif; font-size: 12px; line-height: 20px; }

@media (min-width: 900px) {
  .se-brand-grid > a > .brand > .tags > li { font-size: 14px; line-height: 18px; }
}

.se-brand-grid > a > .brand > .description { color: rgb(var(--slate)); margin-top: 16px; font-family: "Helvetica Neue", Arial, serif; font-size: 14px; line-height: 18px; }

@media (min-width: 900px) {
  .se-brand-grid > a > .brand > .description { font-size: 16px; line-height: 20px; }
}

.se-brand-slider { display: flex; justify-content: center; flex-wrap: wrap; gap: 40px; max-width: max(60vw, 1400px); margin-left: auto; margin-right: auto; padding-top: 32px; padding-bottom: 32px; }

.se-brand-slider > .item { display: inline-block; width: fit-content; }

.se-brand-slider > .item > img { max-height: 32px; width: auto !important; }

.collection-intro { display: grid; grid-template-columns: 1fr; gap: 16px; align-items: center; max-width: max(60vw, 1400px); margin-left: auto; margin-right: auto; padding: 24px 16px; }

@media (min-width: 600px) {
  .collection-intro { grid-template-columns: 1fr 3fr; gap: 32px; padding-top: 32px; padding-bottom: 32px; justify-items: end; }
}

.collection-intro > .summary { background-color: rgb(var(--snowflake)); padding: 16px; height: 100%; }

@media (min-width: 900px) {
  .collection-intro > .summary { max-width: 560px; }
}

@media (min-width: 900px) {
  .collection-intro > .summary { padding: 24px; }
}

.collection-intro > .summary > article > .media { width: fit-content; }

.collection-intro > .summary > article > .media > img { max-height: 24px; width: auto !important; }

.collection-intro > .summary > article > .tags { display: flex; gap: 4px; list-style: none; padding: 0px; margin-top: 20px; }

.collection-intro > .summary > article > .tags > li { background-color: rgb(var(--silver)); color: rgb(var(--slate)); padding: 4px 12px; text-transform: uppercase; font-family: "Helvetica Neue", Arial, serif; font-size: 12px; line-height: 20px; }

@media (min-width: 900px) {
  .collection-intro > .summary > article > .tags > li { font-size: 14px; line-height: 18px; }
}

.collection-intro > .summary > article > .description { color: rgb(var(--slate)); margin-top: 16px; font-family: "Helvetica Neue", Arial, serif; font-size: 14px; line-height: 18px; }

@media (min-width: 900px) {
  .collection-intro > .summary > article > .description { font-size: 16px; line-height: 20px; }
}

.se-collection-slider { max-width: max(60vw, 1400px); margin-left: auto; margin-right: auto; padding-left: 16px; padding-right: 16px; }

.se-collection-slider > .upper { display: flex; justify-content: space-between; align-items: flex-end; padding-top: 12px; padding-bottom: 12px; }

.se-collection-slider > .upper > h3 { font-weight: 400; font-family: "Helvetica Neue", Arial, serif; font-size: 20px; line-height: 20px; }

@media (min-width: 900px) {
  .se-collection-slider > .upper > h3 { font-size: 32px; line-height: 36px; }
}

.se-collection-slider > .upper > a { display: flex; justify-content: center; align-items: center; padding: 8px 16px; border: solid 1px rgb(var(--black)); font-family: "Helvetica Neue", Arial, serif; font-size: 14px; line-height: 18px; }

@media (min-width: 900px) {
  .se-collection-slider > .upper > a { font-size: 16px; line-height: 20px; }
}

.se-featured-collections { max-width: max(60vw, 1400px); margin-left: auto; margin-right: auto; padding: 32px 16px; }

.se-featured-collections > .title { font-weight: 400; font-family: "Helvetica Neue", Arial, serif; font-size: 20px; line-height: 20px; }

@media (min-width: 900px) {
  .se-featured-collections > .title { font-size: 32px; line-height: 36px; }
}

.se-featured-collections > .grid { padding-top: 8px; }

@media (max-width: 899px) {
  .se-featured-collections > .grid { display: flex; overflow-x: auto; padding-bottom: 16px; }
  .se-featured-collections > .grid > * { min-width: 70%; }
  .se-featured-collections > .grid > * + * { margin-left: 8px; }
  .se-featured-collections > .grid::-webkit-scrollbar { height: 2px; }
  .se-featured-collections > .grid::-webkit-scrollbar-track { background-color: rgb(var(--silver)); }
  .se-featured-collections > .grid::-webkit-scrollbar-thumb { background: rgb(var(--orange)); }
}

@media (min-width: 900px) {
  .se-featured-collections > .grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; }
}

.se-featured-collections > .grid > .item { height: fit-content; }

.se-featured-collections > .grid > .item > .media { position: relative; }

.se-featured-collections > .grid > .item > .media > .text { position: absolute; inset: 0px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding-left: 16px; padding-right: 16px; text-align: center; color: rgb(var(--white)); pointer-events: none; font-family: "Helvetica Neue", Arial, serif; font-size: 32px; line-height: 36px; }

@media (min-width: 900px) {
  .se-featured-collections > .grid > .item > .media > .text { font-size: 40px; line-height: 52px; }
}

.se-featured-collections > .grid > .item > .subtitle { margin-top: 4px; font-family: "Helvetica Neue", Arial, serif; font-size: 14px; line-height: 18px; }

@media (min-width: 900px) {
  .se-featured-collections > .grid > .item > .subtitle { font-size: 16px; line-height: 20px; }
}

@media (min-width: 900px) {
  .se-hero > .mobile { display: none; }
}

@media (max-width: 899px) {
  .se-hero > .desktop { display: none; }
}

.se-password { display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 26vh; }

@media (min-width: 900px) {
  .se-password { padding-top: 30vh; }
}

.se-password > h1 { font-weight: 400; margin-top: 16px; font-family: "Helvetica Neue", Arial, serif; font-size: 32px; line-height: 36px; }

@media (min-width: 900px) {
  .se-password > h1 { font-size: 40px; line-height: 52px; }
}

.se-password > p { margin-top: 8px; font-family: "Helvetica Neue", Arial, serif; font-size: 16px; line-height: 20px; }

@media (min-width: 900px) {
  .se-password > p { font-size: 20px; line-height: 20px; }
}

.se-password > form { margin-top: 16px; }

.se-password > form > input { border: solid 1px rgb(var(--black)); padding: 11px 8px; font-family: "Helvetica Neue", Arial, serif; font-size: 14px; line-height: 18px; }

@media (min-width: 900px) {
  .se-password > form > input { font-size: 16px; line-height: 20px; }
}

.se-recommended-products { max-width: max(60vw, 1400px); margin-left: auto; margin-right: auto; padding: 40px 16px; }

.se-recommended-products > recommended-products > .title { font-weight: 400; margin-bottom: 12px; font-family: "Helvetica Neue", Arial, serif; font-size: 32px; line-height: 36px; }

.se-recommended-products > recommended-products > .grid { display: flex; flex-wrap: nowrap; overflow-x: scroll; margin-left: 60px; margin-top: 16px; }

.se-recommended-products > recommended-products > .grid > * { flex-shrink: 0; max-width: 25%; }

.se-recommended-products > recommended-products > .grid > * + * { margin-left: 16px; }

.se-usp-banner { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px 6vw; padding: 12px 16px; color: rgb(var(--white)); list-style: none; font-family: "Helvetica Neue", Arial, serif; font-size: 16px; line-height: 20px; }

@media (min-width: 900px) {
  .se-usp-banner { font-size: 18px; line-height: 20px; }
}

.se-usp-banner.dark { color: rgb(var(--black)); }

.se-usp-banner > li { display: flex; align-items: center; }

.se-usp-banner > li > svg { margin-right: 8px; width: auto; height: 20px; }

.se-warning-banner { background-color: rgb(var(--white)); border: solid 8px rgb(var(--black)); color: rgb(var(--black)); text-align: center; padding: 24px 16px; font-family: "Helvetica Neue", Arial, serif; font-size: 20px; line-height: 20px; }

@media (min-width: 900px) {
  .se-warning-banner { font-size: 32px; line-height: 36px; }
}

@media (min-width: 900px) {
  .se-warning-banner { padding-top: 48px; padding-bottom: 48px; }
}

.sn-article-card { display: flex; flex-direction: column; justify-content: space-between; }

.sn-article-card > section > h1 { margin-top: 16px; font-weight: 400; font-family: "Helvetica Neue", Arial, serif; font-size: 20px; line-height: 20px; }

@media (min-width: 900px) {
  .sn-article-card > section > h1 { font-size: 24px; line-height: 28px; }
}

.sn-article-card > section > .excerpt { margin-top: 8px; color: rgb(var(--slate)); font-family: "Helvetica Neue", Arial, serif; font-size: 14px; line-height: 18px; }

@media (min-width: 900px) {
  .sn-article-card > section > .excerpt { font-size: 16px; line-height: 20px; }
}

.sn-article-card > section > ul { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 4px; list-style: none; padding: 0px; }

.sn-article-card > section > ul > li { background-color: rgb(var(--snowflake)); padding: 4px 8px; font-family: "Helvetica Neue", Arial, serif; font-size: 12px; line-height: 20px; }

@media (min-width: 900px) {
  .sn-article-card > section > ul > li { font-size: 14px; line-height: 18px; }
}

.sn-article-card > section > ._button { display: block; width: fit-content; margin-top: 16px; }

.sn-age-confirmation-modal > .content { border: solid 1px rgb(var(--snowflake)); }

.sn-age-confirmation-modal > .content > h1 { font-weight: 400; border-bottom: solid 1px rgb(var(--snowflake)); padding: 12px 20px; font-family: "Helvetica Neue", Arial, serif; font-size: 20px; line-height: 20px; }

@media (min-width: 900px) {
  .sn-age-confirmation-modal > .content > h1 { font-size: 24px; line-height: 28px; }
}

.sn-age-confirmation-modal > .content > p { padding: 20px; font-family: "Helvetica Neue", Arial, serif; font-size: 16px; line-height: 20px; }

@media (min-width: 900px) {
  .sn-age-confirmation-modal > .content > p { font-size: 18px; line-height: 20px; }
}

.sn-age-confirmation-modal > .content > .buttons { padding: 4px 20px 20px; display: grid; grid-template-columns: 1fr; gap: 8px; }

@media (min-width: 900px) {
  .sn-age-confirmation-modal > .content > .buttons { grid-template-columns: auto 1fr; }
}

.sn-age-confirmation-modal > .content > .buttons > .deny { background-color: transparent !important; color: rgb(var(--black)) !important; border: solid 1px rgb(var(--black)) !important; }

@media (max-width: 899px) {
  .sn-age-confirmation-modal > .content > .buttons > .deny { order: 1; }
}

.cart-item { display: grid; grid-template-columns: 80px 1fr auto; gap: 8px; }

.cart-item._disabled { opacity: 0.6; pointer-events: none; }

@media (min-width: 900px) {
  .cart-item { grid-template-columns: 112px 1fr auto; gap: 12px; }
}

.cart-item > .media { background-color: rgb(var(--snowflake)); display: flex; align-items: center; }

.cart-item > .content > a.brand { text-decoration: underline; }

.cart-item > .content > .brand { display: block; margin-bottom: 4px; font-family: "Helvetica Neue", Arial, serif; font-size: 14px; line-height: 18px; }

@media (min-width: 900px) {
  .cart-item > .content > .brand { font-size: 14px; line-height: 18px; }
}

.cart-item > .content > .title { font-weight: 400; margin-bottom: 4px; font-family: "Helvetica Neue", Arial, serif; font-size: 16px; line-height: 20px; }

@media (min-width: 900px) {
  .cart-item > .content > .title { font-size: 18px; line-height: 20px; }
}

.cart-item > .content > .size { color: rgb(var(--slate)); margin-bottom: 4px; font-family: "Helvetica Neue", Arial, serif; font-size: 14px; line-height: 18px; }

@media (min-width: 900px) {
  .cart-item > .content > .size { font-size: 16px; line-height: 20px; }
}

.cart-item > .content > .price { color: rgb(var(--orange)); font-family: "Helvetica Neue", Arial, serif; font-size: 16px; line-height: 20px; }

.cart-item > .content > .price > span { text-decoration: line-through; color: rgb(var(--black)); }

@media (min-width: 900px) {
  .cart-item > .content > .price { font-size: 18px; line-height: 20px; }
}

.cart-item > .actions { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; }

.cart-item > .actions > form > .remove { display: flex; justify-content: center; align-items: center; background-color: transparent; color: rgb(var(--black)); padding: 0px; appearance: none; border-radius: 0px; box-shadow: none; cursor: pointer; border: none; }

@media (min-width: 900px) {
  .cart-item > .actions > form > .remove { padding: 4px; }
}

.cart-item > .actions > form > .remove > svg { width: 16px; height: 16px; }

@media (min-width: 900px) {
  .cart-item > .actions > form > .remove > svg { width: 20px; height: 20px; }
}

.cart-item > .actions > .quantity { display: grid; grid-template-columns: 1fr auto 1fr; gap: 2px; }

.cart-item > .actions > .quantity > form > button, .cart-item > .actions > .quantity span { display: flex; justify-content: center; align-items: center; min-width: 24px; height: 24px; background-color: rgb(var(--snowflake)); color: rgb(var(--black)); padding: 4px; appearance: none; border-radius: 0px; box-shadow: none; cursor: pointer; border: none; font-family: "Helvetica Neue", Arial, serif; font-size: 12px; line-height: 20px; }

@media (min-width: 900px) {
  .cart-item > .actions > .quantity > form > button, .cart-item > .actions > .quantity span { font-size: 14px; line-height: 18px; }
}

@media (min-width: 900px) {
  .cart-item > .actions > .quantity > form > button, .cart-item > .actions > .quantity span { min-width: 28px; height: 28px; }
}

.cart-item > .actions > .quantity > form > button > svg, .cart-item > .actions > .quantity span > svg { width: 16px; height: 16px; }

.cart-item > .actions > .quantity > form > button > svg > path, .cart-item > .actions > .quantity span > svg > path { stroke: rgb(var(--black)); }

@media (min-width: 900px) {
  .cart-item > .actions > .quantity > form > button > svg, .cart-item > .actions > .quantity span > svg { width: 20px; height: 20px; }
}

.sn-filter-bar { display: flex; justify-content: space-between; margin-bottom: 8px; border-bottom: solid 1px rgb(var(--snowflake)); }

.sn-filter-bar > .filter-button { display: flex; align-items: center; background-color: rgb(var(--white)); padding: 8px 8px 8px 0px; border: none; appearance: none; border-radius: 0px; box-shadow: none; cursor: pointer; font-family: "Helvetica Neue", Arial, serif; font-size: 16px; line-height: 20px; }

@media (min-width: 900px) {
  .sn-filter-bar > .filter-button { font-size: 18px; line-height: 20px; }
}

.sn-filter-bar > .filter-button > svg { width: 16px; height: 16px; margin-right: 8px; }

.sn-filter-bar > .sort-select { position: relative; display: flex; align-items: center; background-color: rgb(var(--white)); border: none; appearance: none; border-radius: 0px; box-shadow: none; font-family: "Helvetica Neue", Arial, serif; font-size: 16px; line-height: 20px; }

@media (min-width: 900px) {
  .sn-filter-bar > .sort-select { font-size: 18px; line-height: 20px; }
}

.sn-filter-bar > .sort-select > select { background-color: transparent; border: none; outline: none; color: rgb(var(--black)); font-size: inherit; font-family: inherit; width: fit-content; appearance: none; padding: 8px 28px 8px 8px; cursor: pointer; text-align: right; }

.sn-filter-bar > .sort-select > svg { position: absolute; top: 50%; right: 0px; transform: translateY(-50%); pointer-events: none; }

.sn-filter-bar > drawer-wrapper > .filters { display: flex; flex-direction: column; overflow-y: auto; }

.sn-filter-bar > drawer-wrapper > .filters > .title { display: flex; justify-content: space-between; align-items: center; padding: 16px; border-bottom: solid 1px rgb(var(--snowflake)); }

.sn-filter-bar > drawer-wrapper > .filters > .title > h3 { font-weight: 400; font-family: "Helvetica Neue", Arial, serif; font-size: 20px; line-height: 20px; }

@media (min-width: 900px) {
  .sn-filter-bar > drawer-wrapper > .filters > .title > h3 { font-size: 20px; line-height: 20px; }
}

.sn-filter-bar > drawer-wrapper > .filters > .title > button { background-color: transparent; padding: 4px; margin: -4px; appearance: none; border-radius: 0px; box-shadow: none; cursor: pointer; border: none; }

.sn-filter-bar > drawer-wrapper > .filters > .content { flex-grow: 1; }

.sn-filter-bar > drawer-wrapper > .filters > .content > .accordion { border-bottom: solid 1px rgb(var(--snowflake)); }

.sn-filter-bar > drawer-wrapper > .filters > .content > .accordion > button { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 16px; background-color: transparent; border: none; cursor: pointer; }

.sn-filter-bar > drawer-wrapper > .filters > .content > .accordion > button > span { font-weight: 400; font-family: "Helvetica Neue", Arial, serif; font-size: 18px; line-height: 20px; }

@media (min-width: 900px) {
  .sn-filter-bar > drawer-wrapper > .filters > .content > .accordion > button > span { font-size: 18px; line-height: 20px; }
}

.sn-filter-bar > drawer-wrapper > .filters > .content > .accordion > button > svg { width: 24px; height: 24px; }

.sn-filter-bar > drawer-wrapper > .filters > .content > .accordion accordion-wrapper > .options { list-style: none; margin: 0px; padding: 0px; position: relative; top: 1px; border-top: solid 1px rgb(var(--snowflake)); }

.sn-filter-bar > drawer-wrapper > .filters > .content > .accordion accordion-wrapper > .options > li { font-family: "Helvetica Neue", Arial, serif; font-size: 16px; line-height: 20px; }

@media (min-width: 900px) {
  .sn-filter-bar > drawer-wrapper > .filters > .content > .accordion accordion-wrapper > .options > li { font-size: 16px; line-height: 20px; }
}

.sn-filter-bar > drawer-wrapper > .filters > .content > .accordion accordion-wrapper > .options > li > input { position: absolute; opacity: 0; }

.sn-filter-bar > drawer-wrapper > .filters > .content > .accordion accordion-wrapper > .options > li > input:checked + label { text-decoration: underline; }

.sn-filter-bar > drawer-wrapper > .filters > .content > .accordion accordion-wrapper > .options > li > input:checked + label > .checkbox { background-color: rgb(var(--black)); }

.sn-filter-bar > drawer-wrapper > .filters > .content > .accordion accordion-wrapper > .options > li > input:disabled + label { cursor: initial; opacity: 0.5; }

.sn-filter-bar > drawer-wrapper > .filters > .content > .accordion accordion-wrapper > .options > li > label { width: 100%; display: flex; align-items: center; padding: 12px 16px; cursor: pointer; }

.sn-filter-bar > drawer-wrapper > .filters > .content > .accordion accordion-wrapper > .options > li > label > .checkbox { position: relative; height: 16px; width: 16px; border: solid 1px rgb(var(--black)); background-color: transparent; margin-right: 12px; top: -1px; }

.sn-filter-bar > drawer-wrapper > .filters > .actions { position: sticky; bottom: 0px; width: 100%; background-color: rgb(var(--white)); display: grid; grid-template-columns: 1fr 1fr; gap: 1px; }

.sn-filter-bar > drawer-wrapper > .filters > .actions > a, .sn-filter-bar > drawer-wrapper > .filters > .actions button { background-color: rgb(var(--black)); color: rgb(var(--white)); padding: 16px; appearance: none; border-radius: 0px; box-shadow: none; cursor: pointer; border: none; text-align: center; font-family: "Helvetica Neue", Arial, serif; font-size: 16px; line-height: 20px; }

@media (min-width: 900px) {
  .sn-filter-bar > drawer-wrapper > .filters > .actions > a, .sn-filter-bar > drawer-wrapper > .filters > .actions button { font-size: 16px; line-height: 20px; }
}

.html-text { font-family: "Helvetica Neue", Arial, serif; font-size: 14px; line-height: 18px; }

.html-text h1 { font-weight: 500; font-family: "Helvetica Neue", Arial, serif; font-size: 20px; line-height: 20px; }

.html-text h2 { font-weight: 500; font-family: "Helvetica Neue", Arial, serif; font-size: 18px; line-height: 20px; }

@media (min-width: 900px) {
  .html-text h2 { font-size: 20px; line-height: 20px; }
}

.html-text h3 { font-weight: 500; font-family: "Helvetica Neue", Arial, serif; font-size: 16px; line-height: 20px; }

@media (min-width: 900px) {
  .html-text h3 { font-size: 18px; line-height: 20px; }
}

.html-text h4 { font-weight: 500; font-family: "Helvetica Neue", Arial, serif; font-size: 14px; line-height: 18px; }

@media (min-width: 900px) {
  .html-text h4 { font-size: 16px; line-height: 20px; }
}

.html-text h5 { font-weight: 500; font-family: "Helvetica Neue", Arial, serif; font-size: 12px; line-height: 20px; }

@media (min-width: 900px) {
  .html-text h5 { font-size: 14px; line-height: 18px; }
}

.html-text h6 { font-weight: 500; font-family: "Helvetica Neue", Arial, serif; font-size: 12px; line-height: 20px; }

@media (min-width: 900px) {
  .html-text h6 { font-size: 14px; line-height: 18px; }
}

.html-text p { font-family: "Helvetica Neue", Arial, serif; font-size: 14px; line-height: 18px; }

@media (min-width: 900px) {
  .html-text p { font-size: 16px; line-height: 20px; }
}

.html-text > * + * { margin-top: 16px; }

.html-text a { text-decoration: underline; }

@media (min-width: 900px) {
  .html-text { font-size: 16px; line-height: 20px; }
}

.product-card { display: flex; flex-direction: column; justify-content: space-between; }

.product-card > section > .media { position: relative; display: block; aspect-ratio: 1 / 1; background: rgb(var(--snowflake)); }

.product-card > section > .media > .tags { position: absolute; top: 4px; right: 4px; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 4px; list-style: none; padding: 0px; }

.product-card > section > .media > .tags > li { background-color: rgb(var(--white)); padding: 4px 8px; font-family: "Helvetica Neue", Arial, serif; font-size: 12px; line-height: 20px; }

@media (min-width: 900px) {
  .product-card > section > .media > .tags > li { font-size: 14px; line-height: 18px; }
}

.product-card > section > .media > .tags > li.sale { background-color: rgb(var(--scarlet)); color: rgb(var(--white)); }

.product-card > section > .brand { display: block; color: rgb(var(--slate)); margin-top: 8px; font-family: "Helvetica Neue", Arial, serif; font-size: 14px; line-height: 18px; }

@media (min-width: 900px) {
  .product-card > section > .brand { font-size: 16px; line-height: 20px; }
}

.product-card > section > a > .title { color: rgb(var(--black)); font-weight: 400; font-family: "Helvetica Neue", Arial, serif; font-size: 14px; line-height: 18px; }

@media (min-width: 900px) {
  .product-card > section > a > .title { font-size: 18px; line-height: 20px; }
}

@media (min-width: 900px) {
  .product-card > section > a > .title { margin-top: 4px; }
}

.product-card > product-variant-wrapper > .actions > .variants { position: relative; margin-top: 8px; }

.product-card > product-variant-wrapper > .actions > .variants > select { background-color: rgb(var(--snowflake)); padding: 12px 32px 12px 12px; width: 100%; appearance: none; border: none; outline: none; transition: color 0.2s; font-family: "Helvetica Neue", Arial, serif; font-size: 14px; line-height: 18px; }

.product-card > product-variant-wrapper > .actions > .variants > select._disabled { color: rgb(var(--slate)); pointer-events: none; user-select: none; }

@media (min-width: 900px) {
  .product-card > product-variant-wrapper > .actions > .variants > select { font-size: 16px; line-height: 20px; }
}

.product-card > product-variant-wrapper > .actions > .variants > svg { position: absolute; top: 50%; right: 8px; transform: translateY(-50%); color: rgb(var(--slate)); pointer-events: none; }

@media (max-width: 899px) {
  .product-card > product-variant-wrapper > .actions > .variants { display: none; }
}

.product-card > product-variant-wrapper > .actions > .mobile { margin-top: 4px; }

@media (min-width: 900px) {
  .product-card > product-variant-wrapper > .actions > .mobile { display: none; }
}

.product-card > product-variant-wrapper > .actions > .mobile > .quantity { color: rgb(var(--slate)); font-family: "Helvetica Neue", Arial, serif; font-size: 14px; line-height: 18px; }

@media (min-width: 900px) {
  .product-card > product-variant-wrapper > .actions > .mobile > .quantity { font-size: 16px; line-height: 20px; }
}

.product-card > product-variant-wrapper > .actions > .mobile > .original { text-decoration: line-through; font-family: "Helvetica Neue", Arial, serif; font-size: 14px; line-height: 18px; }

@media (min-width: 900px) {
  .product-card > product-variant-wrapper > .actions > .mobile > .original { font-size: 16px; line-height: 20px; }
}

.product-card > product-variant-wrapper > .actions > .mobile > .price { color: rgb(var(--orange)); font-family: "Helvetica Neue", Arial, serif; font-size: 20px; line-height: 20px; }

@media (min-width: 900px) {
  .product-card > product-variant-wrapper > .actions > .mobile > .price { font-size: 16px; line-height: 20px; }
}

.product-card > product-variant-wrapper > .actions > .price { color: rgb(var(--orange)); margin-top: 4px; font-family: "Helvetica Neue", Arial, serif; font-size: 20px; line-height: 20px; }

@media (min-width: 900px) {
  .product-card > product-variant-wrapper > .actions > .price { font-size: 24px; line-height: 28px; }
}

.product-card > product-variant-wrapper > .actions > div > .addToCart { margin-top: 8px; width: 100%; }

.product-card > .mobile-drawer { display: contents; }

@media (min-width: 900px) {
  .product-card > .mobile-drawer { display: none; }
}

.product-card > .mobile-drawer > drawer-wrapper > form { padding-top: 16px; }

.product-card > .mobile-drawer > drawer-wrapper > form > .upper { display: flex; justify-content: space-between; align-items: flex-start; padding-left: 16px; padding-right: 16px; }

.product-card > .mobile-drawer > drawer-wrapper > form > .upper > div > .brand { display: block; color: rgb(var(--slate)); margin-bottom: -4px; font-family: "Helvetica Neue", Arial, serif; font-size: 14px; line-height: 18px; }

@media (min-width: 900px) {
  .product-card > .mobile-drawer > drawer-wrapper > form > .upper > div > .brand { font-size: 14px; line-height: 18px; }
}

.product-card > .mobile-drawer > drawer-wrapper > form > .upper > div > a > .title { color: rgb(var(--black)); font-weight: 400; font-family: "Helvetica Neue", Arial, serif; font-size: 24px; line-height: 28px; }

@media (min-width: 900px) {
  .product-card > .mobile-drawer > drawer-wrapper > form > .upper > div > a > .title { font-size: 24px; line-height: 28px; }
}

.product-card > .mobile-drawer > drawer-wrapper > form > .upper > button { background-color: transparent; padding: 4px; margin: -4px; appearance: none; border-radius: 0px; box-shadow: none; cursor: pointer; border: none; }

.product-card > .mobile-drawer > drawer-wrapper > form > .information { display: flex; justify-content: space-between; align-items: flex-end; padding-left: 16px; padding-right: 16px; margin-bottom: 16px; font-family: "Helvetica Neue", Arial, serif; font-size: 14px; line-height: 18px; }

@media (min-width: 900px) {
  .product-card > .mobile-drawer > drawer-wrapper > form > .information { font-size: 14px; line-height: 18px; }
}

.product-card > .mobile-drawer > drawer-wrapper > form > .information > .meta { margin-top: 4px; }

.product-card > .mobile-drawer > drawer-wrapper > form > .information > .meta > a { display: block; }

.product-card > .mobile-drawer > drawer-wrapper > form > .information > a { color: rgb(var(--slate)); text-decoration: underline; }

.product-card > .mobile-drawer > drawer-wrapper > form > product-variant-wrapper > .sn-variant-picker { margin-left: 16px; margin-right: 16px; }

.product-card > .mobile-drawer > drawer-wrapper > form > product-variant-wrapper > .sn-variant-picker-selected { padding-top: 12px; margin-left: 16px; margin-right: 16px; }

.product-card > .mobile-drawer > drawer-wrapper > form > product-variant-wrapper > .sn-variant-picker-add > button { width: 100%; margin-top: 12px; padding-top: 32px; padding-bottom: 32px; }

.sn-product-slideshow { position: relative; margin-bottom: 32px; }

.sn-product-slideshow > .slides { display: flex; overflow-x: auto; padding-bottom: 16px; }

.sn-product-slideshow > .slides > * { min-width: calc(50% - 4px); max-width: calc(50% - 4px); }

.sn-product-slideshow > .slides > * + * { margin-left: 12px; }

@media (min-width: 900px) {
  .sn-product-slideshow > .slides > * { min-width: calc(25% - 6px); max-width: calc(25% - 6px); }
}

.sn-product-slideshow > .slides::-webkit-scrollbar { height: 2px; }

.sn-product-slideshow > .slides::-webkit-scrollbar-track { background-color: rgb(var(--silver)); }

.sn-product-slideshow > .slides::-webkit-scrollbar-thumb { background: rgb(var(--orange)); }

.sn-product-slideshow > .arrow { position: absolute; top: calc(50% - 8px); transform: translateY(-50%); width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; border: solid 1px rgb(var(--black)); background-color: rgb(var(--white)); appearance: none; border-radius: 0px; box-shadow: none; cursor: pointer; }

.sn-product-slideshow > .arrow.left { left: 8px; }

.sn-product-slideshow > .arrow.left > svg { transform: rotate(90deg); }

.sn-product-slideshow > .arrow.right { right: 8px; }

.sn-product-slideshow > .arrow.right > svg { transform: rotate(-90deg); }

@media (min-width: 900px) {
  .sn-product-slideshow > .arrow { width: 44px; height: 44px; }
}

.sn-variant-picker { display: grid; border: solid 1px rgb(var(--snowflake)); }

.sn-variant-picker > .variant + .variant { border-top: solid 1px rgb(var(--snowflake)); }

.sn-variant-picker > .variant > input[type="radio"] { position: absolute; opacity: 0; }

.sn-variant-picker > .variant > input[type="radio"]:checked + label { box-shadow: rgb(var(--slate)) 0 0 0 1px inset; }

.sn-variant-picker > .variant > input[type="radio"]:checked + label > .left > .radio::after { opacity: 1; }

.sn-variant-picker > .variant > input[type="radio"]:focus + label { box-shadow: rgb(var(--slate)) 0 0 0 1px inset; }

.sn-variant-picker > .variant > label { display: flex; justify-content: space-between; align-items: center; min-height: 64px; background-color: rgb(var(--white)); color: rgb(var(--black)); padding-left: 20px; padding-right: 20px; appearance: none; border-radius: 0px; box-shadow: none; cursor: pointer; border: none; transition: opacity 0.2s; font-family: "Helvetica Neue", Arial, serif; font-size: 14px; line-height: 18px; }

.sn-variant-picker > .variant > label._disabled { opacity: 0.7; cursor: default; pointer-events: none; }

@media (min-width: 900px) {
  .sn-variant-picker > .variant > label { font-size: 16px; line-height: 20px; }
}

.sn-variant-picker > .variant > label > .left { display: flex; align-items: center; }

.sn-variant-picker > .variant > label > .left > .radio { display: inline-flex; position: relative; height: 16px; width: 16px; border-radius: 50%; background-color: rgb(var(--orange)); }

.sn-variant-picker > .variant > label > .left > .radio::before { content: ""; display: block; height: 12px; width: 12px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; background-color: rgb(var(--white)); }

.sn-variant-picker > .variant > label > .left > .radio::after { content: ""; display: block; height: 8px; width: 8px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; background-color: rgb(var(--orange)); opacity: 0; }

.sn-variant-picker > .variant > label > .left > .title { display: flex; flex-direction: column; align-items: flex-start; margin-left: 12px; }

.sn-variant-picker > .variant > label > .right { display: flex; flex-direction: column; align-items: flex-end; }

.sn-variant-picker > .variant > label > .right > .discount { text-decoration: line-through; }

.sn-variant-picker > .variant > label > .right > .price { color: rgb(var(--orange)); }

.sn-variant-picker-add > button { display: flex; justify-content: center; align-items: center; }

.sn-variant-picker-add > button:not([data-variant-wrapper-active]) { display: none; }

.sn-variant-picker-add > button > svg { margin-right: 8px; width: auto; height: 16px; }

@media (min-width: 900px) {
  .sn-variant-picker-add > button > svg { height: 20px; }
}

.sn-variant-picker-dropdown { position: relative; margin-top: 8px; }

.sn-variant-picker-dropdown > select { background-color: rgb(var(--snowflake)); padding: 12px 32px 12px 12px; width: 100%; appearance: none; border: none; outline: none; transition: color 0.2s; font-family: "Helvetica Neue", Arial, serif; font-size: 14px; line-height: 18px; }

.sn-variant-picker-dropdown > select._disabled { color: rgb(var(--slate)); pointer-events: none; user-select: none; }

@media (min-width: 900px) {
  .sn-variant-picker-dropdown > select { font-size: 16px; line-height: 20px; }
}

.sn-variant-picker-dropdown > svg { position: absolute; top: 50%; right: 8px; transform: translateY(-50%); color: rgb(var(--slate)); pointer-events: none; }

@media (max-width: 899px) {
  .sn-variant-picker-dropdown { display: none; }
}

.sn-variant-picker-percentage { position: absolute; top: 16px; left: 16px; }

.sn-variant-picker-percentage > span { display: flex; justify-content: center; align-items: center; background-color: rgb(var(--black)); color: rgb(var(--white)); height: 80px; width: 80px; border-radius: 40px; font-weight: 500; font-family: "Helvetica Neue", Arial, serif; font-size: 20px; line-height: 20px; }

.sn-variant-picker-percentage > span:not([data-variant-wrapper-active]) { display: none; }

@media (min-width: 900px) {
  .sn-variant-picker-percentage > span { font-size: 24px; line-height: 28px; }
}

@media (min-width: 900px) {
  .sn-variant-picker-percentage > span { height: 96px; width: 96px; border-radius: 48px; }
}

.sn-variant-picker-selected > div { display: flex; justify-content: space-between; align-items: flex-end; }

.sn-variant-picker-selected > div:not([data-variant-wrapper-active]) { display: none; }

.sn-variant-picker-selected > div > div:last-child { text-align: right; }

.sn-variant-picker-selected > div > div > p:first-child { font-family: "Helvetica Neue", Arial, serif; font-size: 14px; line-height: 18px; }

@media (min-width: 900px) {
  .sn-variant-picker-selected > div > div > p:first-child { font-size: 18px; line-height: 20px; }
}

@media (min-width: 900px) {
  .sn-variant-picker-selected > div > div > p:first-child.quantity { display: none; }
}

.sn-variant-picker-selected > div > div > p:first-child.discount { text-decoration: line-through; }

.sn-variant-picker-selected > div > div > p:last-child { font-family: "Helvetica Neue", Arial, serif; font-size: 16px; line-height: 20px; }

@media (min-width: 900px) {
  .sn-variant-picker-selected > div > div > p:last-child { font-size: 18px; line-height: 20px; }
}

.sn-variant-picker-selected > div > div > p:last-child.stock > span { display: inline-block; width: 12px; height: 12px; border-radius: 16px; margin-right: 8px; }

.sn-variant-picker-selected > div > div > p:last-child.stock > span.available { background-color: rgb(var(--orange)); }

.sn-variant-picker-selected > div > div > p:last-child.stock > span.unavailable { background-color: rgb(var(--scarlet)); }

.sn-variant-picker-selected > div > div > p:last-child.price { color: rgb(var(--orange)); font-family: "Helvetica Neue", Arial, serif; font-size: 20px; line-height: 20px; }

@media (min-width: 900px) {
  .sn-variant-picker-selected > div > div > p:last-child.price { font-size: 24px; line-height: 28px; }
}

:root { --white: 255, 255, 255; --black: 0, 0, 0; --snowflake: 240, 240, 240; --beach: 245, 243, 231; --silver: 232, 232, 232; --slate: 104, 104, 104; --orange: 225, 128, 17; --electric: 59, 115, 172; --marine: 0, 32, 82; --scarlet: 211, 0, 0; }