/** Shopify CDN: Minification failed

Line 52:0 All "@import" rules must come first

**/
.slideshow .media,
.slideshow .banner__media,
.slideshow-banner .banner__media {
  padding-bottom: 0 !important;
  aspect-ratio: auto !important;
  height: auto !important;
  min-height: auto !important;
}

.slideshow .media img,
.slideshow .banner__media img,
.slideshow-banner .banner__media img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  position: relative !important;
  inset: auto !important;
  display: block !important;
}

.slideshow__slide {
  height: auto !important;
} 
.shopify-policy__container {
  max-width: 90ch !important;
  margin-bottom: 30px;
}
span.menu-list__link-title {
  text-transform: uppercase;
}
.wishlist-hero-header-icon {
  display: flex;
  align-items: center;
}
.wishlist-hero-header-icon svg {
  padding-top: 0px !important;
}
@media screen and (max-width: 575px) {
  h2.ss-heading {
    font-size: 16px !important;
}
}

/* --- Branding feedback round 1 --- */

/* Fix: body copy was rendering in Public Sans Black (too heavy). Switch to Public Sans Regular. */
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500&display=swap');

p, span {
  font-family: 'Public Sans', sans-serif !important;
  font-weight: 400 !important;
}

/* Fix: footer links and social icons had no visible hover state (nav links do). */
footer a,
.footer a,
.footer-block a,
.list-social__link {
  transition: color 0.15s ease, opacity 0.15s ease;
}
footer a:hover,
.footer a:hover,
.footer-block a:hover {
  color: var(--color-foreground) !important;
  opacity: 0.65;
}
.list-social__link:hover svg,
.list-social__link:hover {
  opacity: 0.65;
}

/* Fix: Return/Shipping policy pages (Shopify's built-in policy renderer, no editable
   template) were centering their heading and body copy. Left-justify to match rest of site. */
.shopify-policy__container,
.shopify-policy__title,
.shopify-policy__body {
  text-align: left !important;
}

/* Breadcrumbs: brand navy per request. */
.breadcrumbs,
.breadcrumbs__item,
.breadcrumbs__item:last-child,
.breadcrumbs__link {
  color: #2E4A61 !important;
}

/* Judge.me review widget (both possible markup versions — "jdgm-" legacy widget and
   the "jm-" minimal-header widget actually used on this theme) plus the write-a-review
   modal: brand navy per request, not black. Leave the green "Write a review" button
   (.jm-button) with its own white text, not navy. */
.jdgm-rev-widg,
.jdgm-rev-widg *,
.jdgm-write-review-modal,
.jdgm-write-review-modal *,
.jdgm-review-widget-modal,
.jdgm-review-widget-modal *,
.jm-review-widget,
.jm-review-widget *:not(.jm-button):not(.jm-button *) {
  color: #2E4A61 !important;
}
.jm-review-widget .jm-button,
.jm-review-widget .jm-button * {
  color: #ffffff !important;
}

/* "Join the Insiders" email signup: brand navy per request, not black. */
.email-signup__heading,
.email-signup__input,
.email-signup__input::placeholder {
  color: #2E4A61 !important;
}
.email-signup__input {
  border-color: #2E4A61 !important;
}

/* Variant/size selector (e.g. "Ring size") and quantity selector: label, border and
   number in brand navy on a white/transparent background, instead of black. */
.variant-option legend {
  color: #2E4A61 !important;
}
.variant-option__button-label {
  background-color: transparent !important;
  border-color: #2E4A61 !important;
}
.variant-option__button-label__pill {
  background-color: transparent !important;
  border-color: #2E4A61 !important;
}
.variant-option__button-label__text {
  color: #2E4A61 !important;
}
input:checked ~ .variant-option__button-label__pill {
  border-width: 2px !important;
}
.quantity-selector-wrapper,
.quantity-selector-wrapper * {
  color: #2E4A61 !important;
  border-color: #2E4A61 !important;
}

/* Add to Cart button: outlined style to match — navy border/text on white/transparent
   background instead of the solid green fill. */
.add-to-cart-button {
  background-color: transparent !important;
  border: 1px solid #2E4A61 !important;
  color: #2E4A61 !important;
}

/* Fix: cart checkout / discount / search buttons render with a green background
   (~#47796A) but navy text color (--color-foreground), which is low-contrast and
   hard to read. Switch text to white to match the dark button background. */
.cart__checkout-button,
.cart-discount__button,
.predictive-search__search-button {
  color: #ffffff !important;
}