/** Shopify CDN: Minification failed

Line 6591:0 Unexpected "}"

**/
:root {
  --alpha-button-background: 1;
  --alpha-button-border: 1;
  --alpha-link: 0.85;
  --alpha-badge-border: 0.1;
  --focused-base-outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  --focused-base-outline-offset: 0.3rem;
  --focused-base-box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

.product-card-wrapper .card,
.contains-card--product {
  --border-radius: var(--product-card-corner-radius);
  --border-width: var(--product-card-border-width);
  --border-opacity: var(--product-card-border-opacity);
  --shadow-horizontal-offset: var(--product-card-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--product-card-shadow-vertical-offset);
  --shadow-blur-radius: var(--product-card-shadow-blur-radius);
  --shadow-opacity: var(--product-card-shadow-opacity);
  --shadow-visible: var(--product-card-shadow-visible);
  --image-padding: var(--product-card-image-padding);
  --text-alignment: var(--product-card-text-alignment);
}

.collection-card-wrapper .card,
.contains-card--collection {
  --border-radius: var(--collection-card-corner-radius);
  --border-width: var(--collection-card-border-width);
  --border-opacity: var(--collection-card-border-opacity);
  --shadow-horizontal-offset: var(--collection-card-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--collection-card-shadow-vertical-offset);
  --shadow-blur-radius: var(--collection-card-shadow-blur-radius);
  --shadow-opacity: var(--collection-card-shadow-opacity);
  --shadow-visible: var(--collection-card-shadow-visible);
  --image-padding: var(--collection-card-image-padding);
  --text-alignment: var(--collection-card-text-alignment);
}

.article-card-wrapper .card,
.contains-card--article {
  --border-radius: var(--blog-card-corner-radius);
  --border-width: var(--blog-card-border-width);
  --border-opacity: var(--blog-card-border-opacity);
  --shadow-horizontal-offset: var(--blog-card-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--blog-card-shadow-vertical-offset);
  --shadow-blur-radius: var(--blog-card-shadow-blur-radius);
  --shadow-opacity: var(--blog-card-shadow-opacity);
  --shadow-visible: var(--blog-card-shadow-visible);
  --image-padding: var(--blog-card-image-padding);
  --text-alignment: var(--blog-card-text-alignment);
}

.contains-content-container,
.content-container {
  --border-radius: var(--text-boxes-radius);
  --border-width: var(--text-boxes-border-width);
  --border-opacity: var(--text-boxes-border-opacity);
  --shadow-horizontal-offset: var(--text-boxes-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--text-boxes-shadow-vertical-offset);
  --shadow-blur-radius: var(--text-boxes-shadow-blur-radius);
  --shadow-opacity: var(--text-boxes-shadow-opacity);
  --shadow-visible: var(--text-boxes-shadow-visible);
}

.contains-media,
.global-media-settings {
  --border-radius: var(--media-radius);
  --border-width: var(--media-border-width);
  --border-opacity: var(--media-border-opacity);
  --shadow-horizontal-offset: var(--media-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--media-shadow-vertical-offset);
  --shadow-blur-radius: var(--media-shadow-blur-radius);
  --shadow-opacity: var(--media-shadow-opacity);
  --shadow-visible: var(--media-shadow-visible);
}

/* base */

.page-width {
  max-width: var(--page-width);
  margin: 0 auto;
  padding: 0 1.5rem;
}

body:has(.section-header .drawer-menu) .announcement-bar-section .page-width {
  max-width: 100%;
}

.page-width.drawer-menu {
  max-width: 100%;
}

.page-width-desktop {
  padding: 0;
  margin: 0 auto;
}

.utility-bar__grid.page-width {
  padding-left: 3rem;
  padding-right: 3rem;
}

@media screen and (min-width: 750px) {
  .page-width {
    padding: 0 5rem;
  }

  .header.page-width,
  .utility-bar__grid.page-width {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
  }

  .page-width--narrow {
    padding: 0 9rem;
  }

  .page-width-desktop {
    padding: 0;
  }

  .page-width-tablet {
    padding: 0 5rem;
  }
}

@media screen and (min-width: 990px) {
  .header:not(.drawer-menu).page-width {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .page-width--narrow {
    max-width: 72.6rem;
    padding: 0;
  }

  .page-width-desktop {
    max-width: var(--page-width);
    padding: 0 5rem;
  }
}

.isolate {
  position: relative;
  z-index: 0;
}

.section + .section {
  margin-top: var(--spacing-sections-mobile);
}

@media screen and (min-width: 750px) {
  .section + .section {
    margin-top: var(--spacing-sections-desktop);
  }
}

.element-margin-top {
  margin-top: 5rem;
}

@media screen and (min-width: 750px) {
  .element-margin {
    margin-top: calc(5rem + var(--page-width-margin));
  }
}

.background-secondary {
  background-color: rgba(var(--color-foreground), 0.04);
}

.grid-auto-flow {
  display: grid;
  grid-auto-flow: column;
}

.page-margin,
.shopify-challenge__container {
  margin: 7rem auto;
}

.rte-width {
  max-width: 82rem;
  margin: 0 auto 2rem;
}

.list-unstyled {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hidden {
  display: none !important;
}

.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  word-wrap: normal !important;
}

.visually-hidden--inline {
  margin: 0;
  height: 1em;
}

.overflow-hidden {
  overflow: hidden;
}

.skip-to-content-link:focus {
  z-index: 9999;
  position: inherit;
  overflow: auto;
  width: auto;
  height: auto;
  clip: auto;
}

.full-width-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}

::selection {
  background-color: rgba(var(--color-foreground), 0.2);
}

.text-body {
  font-size: 1.5rem;
  letter-spacing: 0.06rem;
  line-height: calc(1 + 0.8 / var(--font-body-scale));
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
}

h1,
h2,
h3,
h4,
h5,
.h0,
.h1,
.h2,
.h3,
.h4,
.h5 {
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  letter-spacing: calc(var(--font-heading-scale) * 0.06rem);
  color: rgb(var(--color-foreground));
  line-height: calc(1 + 0.3 / max(1, var(--font-heading-scale)));
  word-break: break-word;
}

.hxxl {
  font-size: clamp(calc(var(--font-heading-scale) * 5.6rem), 14vw, calc(var(--font-heading-scale) * 7.2rem));
  line-height: 1.1;
}

.hxl {
  font-size: calc(var(--font-heading-scale) * 5rem);
  line-height: calc(1 + 0.3 / max(1, var(--font-heading-scale)));
}

@media only screen and (min-width: 750px) {
  .hxl {
    font-size: calc(var(--font-heading-scale) * 6.2rem);
  }
}

.h0 {
  font-size: calc(var(--font-heading-scale) * 4rem);
}

@media only screen and (min-width: 750px) {
  .h0 {
    font-size: calc(var(--font-heading-scale) * 5.2rem);
  }
}

h1,
.h1 {
  font-size: calc(var(--font-heading-scale) * 3rem);
}

@media only screen and (min-width: 750px) {
  h1,
  .h1 {
    font-size: calc(var(--font-heading-scale) * 4rem);
  }
}

h2,
.h2 {
  font-size: calc(var(--font-heading-scale) * 2rem);
}

@media only screen and (min-width: 750px) {
  h2,
  .h2 {
    font-size: calc(var(--font-heading-scale) * 2.4rem);
  }
}

h3,
.h3 {
  font-size: calc(var(--font-heading-scale) * 1.7rem);
}

@media only screen and (min-width: 750px) {
  h3,
  .h3 {
    font-size: calc(var(--font-heading-scale) * 1.8rem);
  }
}

h4,
.h4 {
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-size: calc(var(--font-heading-scale) * 1.5rem);
}

h5,
.h5 {
  font-size: calc(var(--font-heading-scale) * 1.2rem);
}

@media only screen and (min-width: 750px) {
  h5,
  .h5 {
    font-size: calc(var(--font-heading-scale) * 1.3rem);
  }
}

h6,
.h6 {
  color: rgba(var(--color-foreground), 0.75);
  margin-block-start: 1.67em;
  margin-block-end: 1.67em;
}

blockquote {
  font-style: italic;
  color: rgba(var(--color-foreground), 0.75);
  border-left: 0.2rem solid rgba(var(--color-foreground), 0.2);
  padding-left: 1rem;
}

@media screen and (min-width: 750px) {
  blockquote {
    padding-left: 1.5rem;
  }
}

.caption {
  font-size: 1rem;
  letter-spacing: 0.07rem;
  line-height: calc(1 + 0.7 / var(--font-body-scale));
}

@media screen and (min-width: 750px) {
  .caption {
    font-size: 1.2rem;
  }
}

.caption-with-letter-spacing {
  font-size: 1rem;
  letter-spacing: 0.13rem;
  line-height: calc(1 + 0.2 / var(--font-body-scale));
  text-transform: uppercase;
}

.caption-with-letter-spacing--medium {
  font-size: 1.2rem;
  letter-spacing: 0.16rem;
}

.caption-with-letter-spacing--large {
  font-size: 1.4rem;
  letter-spacing: 0.18rem;
}

.caption-large,
.customer .field input,
.customer select,
.field__input,
.form__label,
.select__select {
  font-size: 1.3rem;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  letter-spacing: 0.04rem;
}

.color-foreground {
  color: rgb(var(--color-foreground));
}

table:not([class]) {
  table-layout: fixed;
  border-collapse: collapse;
  font-size: 1.4rem;
  border-style: hidden;
  box-shadow: 0 0 0 0.1rem rgba(var(--color-foreground), 0.2);
  /* draws the table border  */
}

table:not([class]) td,
table:not([class]) th {
  padding: 1em;
  border: 0.1rem solid rgba(var(--color-foreground), 0.2);
}

@media screen and (max-width: 749px) {
  .small-hide {
    display: none !important;
  }
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .medium-hide {
    display: none !important;
  }
}

@media screen and (min-width: 990px) {
  .large-up-hide {
    display: none !important;
  }
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.uppercase {
  text-transform: uppercase;
}

.light {
  opacity: 0.7;
}

a:empty,
ul:empty,
dl:empty,
div:empty,
section:empty,
article:empty,
p:empty,
h1:empty,
h2:empty,
h3:empty,
h4:empty,
h5:empty,
h6:empty {
  display: none;
}

.link,
.customer a {
  cursor: pointer;
  display: inline-block;
  border: none;
  box-shadow: none;
  text-decoration: underline;
  text-underline-offset: 0.3rem;
  color: rgb(var(--color-link));
  background-color: transparent;
  font-size: 1.4rem;
  font-family: inherit;
}

.link--text {
  color: rgb(var(--color-foreground));
}

.link--text:hover {
  color: rgba(var(--color-foreground), 0.75);
}

.link-with-icon {
  display: inline-flex;
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 0.1rem;
  text-decoration: none;
  margin-bottom: 4.5rem;
  white-space: nowrap;
}

.link-with-icon .icon {
  width: 1.5rem;
  margin-left: 1rem;
}

a:not([href]) {
  cursor: not-allowed;
}

.circle-divider::after {
  content: '\2022';
  margin: 0 1.3rem 0 1.5rem;
}

.circle-divider:last-of-type::after {
  display: none;
}

hr {
  border: none;
  height: 0.1rem;
  background-color: rgba(var(--color-foreground), 0.2);
  display: block;
  margin: 5rem 0;
}

@media screen and (min-width: 750px) {
  hr {
    margin: 7rem 0;
  }
}

.full-unstyled-link {
  text-decoration: none;
  color: currentColor;
  display: block;
}

.placeholder {
  background-color: rgba(var(--color-foreground), 0.04);
  color: rgba(var(--color-foreground), 0.55);
  fill: rgba(var(--color-foreground), 0.55);
}

details > * {
  box-sizing: border-box;
}

.break {
  word-break: break-word;
}

.visibility-hidden {
  visibility: hidden;
}

@media (prefers-reduced-motion) {
  .motion-reduce {
    transition: none !important;
    animation: none !important;
  }
}

:root {
  --duration-short: 100ms;
  --duration-default: 200ms;
  --duration-announcement-bar: 250ms;
  --duration-medium: 300ms;
  --duration-long: 500ms;
  --duration-extra-long: 600ms;
  --duration-extra-longer: 750ms;
  --duration-extended: 3s;
  --ease-out-slow: cubic-bezier(0, 0, 0.3, 1);
  --animation-slide-in: slideIn var(--duration-extra-long) var(--ease-out-slow) forwards;
  --animation-fade-in: fadeIn var(--duration-extra-long) var(--ease-out-slow);
}

.underlined-link,
.customer a,
.inline-richtext a {
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 0.1rem;
  transition: text-decoration-thickness ease 100ms;
}

.underlined-link,
.customer a {
  color: rgba(var(--color-link), var(--alpha-link));
}

.inline-richtext a,
.rte.inline-richtext a {
  color: currentColor;
}

.underlined-link:hover,
.customer a:hover,
.inline-richtext a:hover {
  color: rgb(var(--color-link));
  text-decoration-thickness: 0.2rem;
}

.icon-arrow {
  width: 1.5rem;
}

h3 .icon-arrow,
.h3 .icon-arrow {
  width: calc(var(--font-heading-scale) * 1.5rem);
}

/* arrow animation */
.animate-arrow .icon-arrow path {
  transform: translateX(-0.25rem);
  transition: transform var(--duration-short) ease;
}

.animate-arrow:hover .icon-arrow path {
  transform: translateX(-0.05rem);
}

.svg-wrapper {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
}

.svg-wrapper > svg {
  height: 100%;
  width: 100%;
}

/* base-details-summary */
summary {
  cursor: pointer;
  list-style: none;
  position: relative;
}

summary .icon-caret {
  position: absolute;
  height: 0.6rem;
  right: 1.5rem;
  top: calc(50% - 0.2rem);
}

summary::-webkit-details-marker {
  display: none;
}

.disclosure-has-popup {
  position: relative;
}

.disclosure-has-popup[open] > summary::before {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: block;
  cursor: default;
  content: ' ';
  background: transparent;
}

.disclosure-has-popup > summary::before {
  display: none;
}

.disclosure-has-popup[open] > summary + * {
  z-index: 100;
}

@media screen and (min-width: 750px) {
  .disclosure-has-popup[open] > summary + * {
    z-index: 4;
  }

  .facets .disclosure-has-popup[open] > summary + * {
    z-index: 2;
  }
}

.placeholder-svg {
  height: 100%;
  width: 100%;
}

/* base-focus */
/*
  Focus ring - default (with offset)
*/

*:focus {
  outline: 0;
  box-shadow: none;
}

*:focus-visible {
  outline: var(--focused-base-outline);
  outline-offset: var(--focused-base-outline-offset);
  box-shadow: var(--focused-base-box-shadow);
}

/* Fallback - for browsers that don't support :focus-visible, a fallback is set for :focus */
.focused {
  outline: var(--focused-base-outline);
  outline-offset: var(--focused-base-outline-offset);
  box-shadow: var(--focused-base-box-shadow);
}

/*
  Focus ring - inset
*/

.focus-inset:focus-visible {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: -0.2rem;
  box-shadow: 0 0 0.2rem 0 rgba(var(--color-foreground), 0.3);
}

.focused.focus-inset {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: -0.2rem;
  box-shadow: 0 0 0.2rem 0 rgba(var(--color-foreground), 0.3);
}

/*
  Focus ring - none
*/

/* Dangerous for a11y - Use with care */
.focus-none {
  box-shadow: none !important;
  outline: 0 !important;
}

.focus-offset:focus-visible {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 1rem;
  box-shadow: 0 0 0 1rem rgb(var(--color-background)), 0 0 0.2rem 1.2rem rgba(var(--color-foreground), 0.3);
}

.focus-offset.focused {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 1rem;
  box-shadow: 0 0 0 1rem rgb(var(--color-background)), 0 0 0.2rem 1.2rem rgba(var(--color-foreground), 0.3);
}

/* component-title */
.title,
.title-wrapper-with-link {
  margin: 3rem 0 2rem;
}

.title-wrapper-with-link .title {
  margin: 0;
}

.title .link {
  font-size: inherit;
}

.title-wrapper {
  margin-bottom: 3rem;
}

.title-wrapper-with-link {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1rem;
  margin-bottom: 3rem;
  flex-wrap: wrap;
}

.title--primary {
  margin: 4rem 0;
}

.title-wrapper--self-padded-tablet-down,
.title-wrapper--self-padded-mobile {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media screen and (min-width: 750px) {
  .title-wrapper--self-padded-mobile {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 990px) {
  .title,
  .title-wrapper-with-link {
    margin: 5rem 0 3rem;
  }

  .title--primary {
    margin: 2rem 0;
  }

  .title-wrapper-with-link {
    align-items: center;
  }

  .title-wrapper-with-link .title {
    margin-bottom: 0;
  }

  .title-wrapper--self-padded-tablet-down {
    padding-left: 0;
    padding-right: 0;
  }
}

.title-wrapper-with-link .link-with-icon {
  margin: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.title-wrapper-with-link .link-with-icon .svg-wrapper {
  width: 1.5rem;
}

.title-wrapper-with-link a {
  margin-top: 0;
  flex-shrink: 0;
}

.title-wrapper--no-top-margin {
  margin-top: 0;
}

.title-wrapper--no-top-margin > .title {
  margin-top: 0;
}

.subtitle {
  font-size: 1.8rem;
  line-height: calc(1 + 0.8 / var(--font-body-scale));
  letter-spacing: 0.06rem;
  color: rgba(var(--color-foreground), 0.7);
}

.subtitle--small {
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
}

.subtitle--medium {
  font-size: 1.6rem;
  letter-spacing: 0.08rem;
}

/* component-grid */
.grid {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  padding: 0;
  list-style: none;
  column-gap: var(--grid-mobile-horizontal-spacing);
  row-gap: var(--grid-mobile-vertical-spacing);
}

@media screen and (min-width: 750px) {
  .grid {
    column-gap: var(--grid-desktop-horizontal-spacing);
    row-gap: var(--grid-desktop-vertical-spacing);
  }
}

.grid:last-child {
  margin-bottom: 0;
}

.grid__item {
  width: calc(25% - var(--grid-mobile-horizontal-spacing) * 3 / 4);
  max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
  flex-grow: 1;
  flex-shrink: 0;
}

@media screen and (min-width: 750px) {
  .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }
}

.grid--gapless.grid {
  column-gap: 0;
  row-gap: 0;
}

@media screen and (max-width: 749px) {
  .grid__item.slider__slide--full-width {
    width: 100%;
    max-width: none;
  }
}

.grid--1-col .grid__item {
  max-width: 100%;
  width: 100%;
}

.grid--3-col .grid__item {
  width: calc(33.33% - var(--grid-mobile-horizontal-spacing) * 2 / 3);
}

@media screen and (min-width: 750px) {
  .grid--3-col .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
  }
}

.grid--2-col .grid__item {
  width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
}

@media screen and (min-width: 750px) {
  .grid--2-col .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }

  .grid--4-col-tablet .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
  }

  .grid--3-col-tablet .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
  }

  .grid--2-col-tablet .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }
}

@media screen and (max-width: 989px) {
  .grid--1-col-tablet-down .grid__item {
    width: 100%;
    max-width: 100%;
  }

  .slider--tablet.grid--peek {
    margin: 0;
    width: 100%;
  }

  .slider--tablet.grid--peek .grid__item {
    box-sizing: content-box;
    margin: 0;
  }

  .slider.slider--tablet .scroll-trigger.animate--slide-in,
  .slider.slider--mobile .scroll-trigger.animate--slide-in {
    animation: none;
    opacity: 1;
    transform: inherit;
  }

  .scroll-trigger:not(.scroll-trigger--offscreen) .slider--tablet {
    animation: var(--animation-slide-in);
  }
}

@media screen and (min-width: 990px) {
  .grid--6-col-desktop .grid__item {
    width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6);
    max-width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6);
  }

  .grid--5-col-desktop .grid__item {
    width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
    max-width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
  }

  .grid--4-col-desktop .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
    max-width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
  }

  .grid--3-col-desktop .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
    max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
  }

  .grid--2-col-desktop .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }

  .slider.slider--desktop .scroll-trigger.animate--slide-in {
    animation: none;
    opacity: 1;
    transform: inherit;
  }

  .scroll-trigger:not(.scroll-trigger--offscreen) .slider--desktop {
    animation: var(--animation-slide-in);
  }
}

@media screen and (min-width: 990px) {
  .grid--1-col-desktop {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .grid--1-col-desktop .grid__item {
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 749px) {
  .grid--peek.slider--mobile {
    margin: 0;
    width: 100%;
  }

  .grid--peek.slider--mobile .grid__item {
    box-sizing: content-box;
    margin: 0;
  }

  .grid--peek .grid__item {
    min-width: 35%;
  }

  .grid--peek.slider .grid__item:first-of-type {
    margin-left: 1.5rem;
  }

  /* Fix to show some space at the end of our sliders in all browsers */
  .grid--peek.slider:after {
    margin-left: calc(-1 * var(--grid-mobile-horizontal-spacing));
  }

  .grid--2-col-tablet-down .grid__item {
    width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
  }

  .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item,
  .grid--peek .grid__item {
    width: calc(50% - var(--grid-mobile-horizontal-spacing) - 3rem);
  }

  .slider--tablet.grid--peek.grid--1-col-tablet-down .grid__item,
  .slider--mobile.grid--peek.grid--1-col-tablet-down .grid__item {
    width: calc(100% - var(--grid-mobile-horizontal-spacing) - 3rem);
  }
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .slider--tablet.grid--peek .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }

  .slider--tablet.grid--peek.grid--3-col-tablet .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }

  .slider--tablet.grid--peek.grid--2-col-tablet .grid__item,
  .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }

  .slider--tablet.grid--peek .grid__item:first-of-type {
    margin-left: 1.5rem;
  }

  .grid--2-col-tablet-down .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }

  .grid--1-col-tablet-down.grid--peek .grid__item {
    width: calc(100% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }
}

/* component-media */
.media {
  display: block;
  background-color: rgba(var(--color-foreground), 0.1);
  position: relative;
  overflow: hidden;
}

.media--transparent {
  background-color: transparent;
}

.media > *:not(.zoom):not(.deferred-media__poster-button),
.media model-viewer {
  display: block;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.media > img {
  object-fit: cover;
  object-position: center center;
  transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.media--square {
  padding-bottom: 100%;
}

.media--portrait {
  padding-bottom: 125%;
}

.media--landscape {
  padding-bottom: 66.6%;
}

.media--cropped {
  padding-bottom: 56%;
}

.media--16-9 {
  padding-bottom: 56.25%;
}

.media--circle {
  padding-bottom: 100%;
  border-radius: 50%;
}

.media.media--hover-effect > img + img {
  opacity: 0;
}

@media screen and (min-width: 990px) {
  .media--cropped {
    padding-bottom: 63%;
  }
}

deferred-media {
  display: block;
}

/* component-button */
/* Button - default */

.button--secondary,
.button--tertiary {
  --color-button: var(--color-secondary-button);
  --color-button-text: var(--color-secondary-button-text);
}

.button--tertiary {
  --alpha-button-background: 0;
  --alpha-button-border: 0.2;
}

.button,
.shopify-challenge__button,
.customer button,
button.shopify-payment-button__button--unbranded {
  --shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--buttons-shadow-vertical-offset);
  --shadow-blur-radius: var(--buttons-shadow-blur-radius);
  --shadow-opacity: var(--buttons-shadow-opacity);
  --shadow-visible: var(--buttons-shadow-visible);
  --border-offset: var(--buttons-border-offset); /* reduce radius edge artifacts */
  --border-opacity: calc(1 - var(--buttons-border-opacity));
  border-radius: var(--buttons-radius-outset);
  position: relative;
}

.button,
.shopify-challenge__button,
.customer button,
button.shopify-payment-button__button--unbranded {
  min-width: calc(12rem + var(--buttons-border-width) * 2);
  min-height: calc(4.5rem + var(--buttons-border-width) * 2);
}

.button,
.shopify-challenge__button,
.customer button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 0;
  padding: 0 3rem;
  cursor: pointer;
  font: inherit;
  font-size: 1.5rem;
  text-decoration: none;
  color: rgb(var(--color-button-text));
  transition: box-shadow var(--duration-short) ease;
  -webkit-appearance: none;
  appearance: none;
  background-color: rgba(var(--color-button), var(--alpha-button-background));
}

.button:before,
.shopify-challenge__button:before,
.customer button:before,
.shopify-payment-button__button--unbranded:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: var(--buttons-radius-outset);
  box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius)
    rgba(var(--color-shadow), var(--shadow-opacity));
}

.button:after,
.shopify-challenge__button:after,
.customer button:after,
.shopify-payment-button__button--unbranded:after {
  content: '';
  position: absolute;
  top: var(--buttons-border-width);
  right: var(--buttons-border-width);
  bottom: var(--buttons-border-width);
  left: var(--buttons-border-width);
  z-index: 1;
  border-radius: var(--buttons-radius);
  box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset))
      rgba(var(--color-button-text), var(--border-opacity)),
    0 0 0 var(--buttons-border-width) rgba(var(--color-button), var(--alpha-button-background));
  transition: box-shadow var(--duration-short) ease;
}

.button:not([disabled]):hover::after,
.shopify-challenge__button:hover::after,
.customer button:hover::after,
.shopify-payment-button__button--unbranded:hover::after {
  --border-offset: 1.3px;
  box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset))
      rgba(var(--color-button-text), var(--border-opacity)),
    0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--color-button), var(--alpha-button-background));
}

.button--secondary:after {
  --border-opacity: var(--buttons-border-opacity);
}

.button:focus-visible,
.button:focus,
.button.focused,
.shopify-payment-button__button--unbranded:focus-visible,
.shopify-payment-button__button--unbranded:focus {
  outline: 0;
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0 0.5rem rgba(var(--color-foreground), 0.5),
    0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

.button:focus:not(:focus-visible):not(.focused),
.shopify-payment-button__button--unbranded:focus:not(:focus-visible):not(.focused) {
  box-shadow: inherit;
}

.button::selection,
.shopify-challenge__button::selection,
.customer button::selection {
  background-color: rgba(var(--color-button-text), 0.3);
}

.button,
.button-label,
.shopify-challenge__button,
.customer button {
  font-size: 1.5rem;
  letter-spacing: 0.1rem;
  line-height: calc(1 + 0.2 / var(--font-body-scale));
}

.button--tertiary {
  font-size: 1.2rem;
  padding: 1rem 1.5rem;
  min-width: calc(9rem + var(--buttons-border-width) * 2);
  min-height: calc(3.5rem + var(--buttons-border-width) * 2);
}

.button--small {
  padding: 1.2rem 2.6rem;
}

/* Shopify Accelerated Checkout */

shopify-accelerated-checkout {
  --shopify-accelerated-checkout-button-border-radius: var(--buttons-radius-outset);
  --shopify-accelerated-checkout-button-box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius)
  rgba(var(--color-shadow), var(--shadow-opacity));
}
shopify-accelerated-checkout-cart {
  --shopify-accelerated-checkout-button-border-radius: var(--buttons-radius-outset);
  --shopify-accelerated-checkout-button-box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius)
  rgba(var(--color-shadow), var(--shadow-opacity));
}


/* Button - other */

.button:disabled,
.button[aria-disabled='true'],
.button.disabled,
.customer button:disabled,
.customer button[aria-disabled='true'],
.customer button.disabled,
.quantity__button.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.button--full-width {
  display: flex;
  width: 100%;
}

.button.loading {
  color: transparent;
  position: relative;
}

@media screen and (forced-colors: active) {
  .button.loading {
    color: rgb(var(--color-foreground));
  }
}

.button.loading > .loading__spinner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  height: 100%;
  display: flex;
  align-items: center;
}

.button.loading > .loading__spinner .spinner {
  width: fit-content;
}

.button.loading > .loading__spinner .path {
  stroke: rgb(var(--color-button-text));
}

/* Button - social share */

.share-button {
  display: block;
  position: relative;
}

.share-button details {
  width: fit-content;
}

.share-button__button {
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  color: rgb(var(--color-link));
  margin-left: 0;
  padding-left: 0;
  min-height: 4.4rem;
}

details[open] > .share-button__fallback {
  animation: animateMenuOpen var(--duration-default) ease;
}

.share-button__button:hover {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

.share-button__button,
.share-button__fallback button {
  cursor: pointer;
  background-color: transparent;
  border: none;
}

.share-button__button .icon-share {
  height: 1.2rem;
  margin-right: 1rem;
  min-width: 1.3rem;
}

.share-button__fallback {
  display: flex;
  align-items: center;
  position: absolute;
  top: 3rem;
  left: 0.1rem;
  z-index: 3;
  width: 100%;
  min-width: max-content;
  border-radius: var(--inputs-radius);
  border: 0;
}

.share-button__fallback:after {
  pointer-events: none;
  content: '';
  position: absolute;
  top: var(--inputs-border-width);
  right: var(--inputs-border-width);
  bottom: var(--inputs-border-width);
  left: var(--inputs-border-width);
  border: 0.1rem solid transparent;
  border-radius: var(--inputs-radius);
  box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity));
  transition: box-shadow var(--duration-short) ease;
  z-index: 1;
}

.share-button__fallback:before {
  background: rgb(var(--color-background));
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--inputs-radius-outset);
  box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset)
    var(--inputs-shadow-blur-radius) rgba(var(--color-shadow), var(--inputs-shadow-opacity));
  z-index: -1;
}

.share-button__fallback button {
  width: 4.4rem;
  height: 4.4rem;
  padding: 0;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  right: var(--inputs-border-width);
}

.share-button__fallback button:hover {
  color: rgba(var(--color-foreground), 0.75);
}

.share-button__fallback button:hover .svg-wrapper {
  transform: scale(1.07);
}

.share-button__close:not(.hidden) + .share-button__copy {
  display: none;
}

.share-button__close,
.share-button__copy {
  background-color: transparent;
  color: rgb(var(--color-foreground));
}

.share-button__copy:focus-visible,
.share-button__close:focus-visible {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

.share-button__copy:focus,
.share-button__close:focus {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

.field:not(:focus-visible):not(.focused) + .share-button__copy:not(:focus-visible):not(.focused),
.field:not(:focus-visible):not(.focused) + .share-button__close:not(:focus-visible):not(.focused) {
  background-color: inherit;
}

.share-button__fallback .field:after,
.share-button__fallback .field:before {
  content: none;
}

.share-button__fallback .field {
  border-radius: 0;
  min-width: auto;
  min-height: auto;
  transition: none;
}

.share-button__fallback .field__input:focus,
.share-button__fallback .field__input:-webkit-autofill {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 0.1rem;
  box-shadow: 0 0 0 0.1rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

.share-button__fallback .field__input {
  box-shadow: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  filter: none;
  min-width: auto;
  min-height: auto;
}

.share-button__fallback .field__input:hover {
  box-shadow: none;
}

.share-button__fallback .icon {
  width: 1.5rem;
  height: 1.5rem;
}

.share-button__message:not(:empty) {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding: 0.8rem 0 0.8rem 1.5rem;
  margin: var(--inputs-border-width);
}

.share-button__message:not(:empty):not(.hidden) ~ * {
  display: none;
}

/* component-form */
.field__input,
.select__select,
.customer .field input,
.customer select {
  -webkit-appearance: none;
  appearance: none;
  background-color: rgb(var(--color-background));
  color: rgb(var(--color-foreground));
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  font-size: 1.6rem;
  width: 100%;
  box-sizing: border-box;
  transition: box-shadow var(--duration-short) ease;
  border-radius: var(--inputs-radius);
  height: 4.5rem;
  min-height: calc(var(--inputs-border-width) * 2);
  min-width: calc(7rem + (var(--inputs-border-width) * 2));
  position: relative;
  border: 0;
}

.field:before,
.select:before,
.customer .field:before,
.customer select:before,
.localization-form__select:before {
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--inputs-radius-outset);
  box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset)
    var(--inputs-shadow-blur-radius) rgba(var(--color-shadow), var(--inputs-shadow-opacity));
  z-index: -1;
}

.field:after,
.select:after,
.customer .field:after,
.customer select:after,
.localization-form__select:after {
  pointer-events: none;
  content: '';
  position: absolute;
  top: var(--inputs-border-width);
  right: var(--inputs-border-width);
  bottom: var(--inputs-border-width);
  left: var(--inputs-border-width);
  border: 0.1rem solid transparent;
  border-radius: var(--inputs-radius);
  box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity));
  transition: box-shadow var(--duration-short) ease;
  z-index: 1;
}

.select__select {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  font-size: 1.2rem;
  color: rgba(var(--color-foreground), 0.75);
}

.field:hover.field:after,
.select:hover.select:after,
.select__select:hover.select__select:after,
.customer .field:hover.field:after,
.customer select:hover.select:after,
.localization-form__select:hover.localization-form__select:after {
  box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width))
    rgba(var(--color-foreground), var(--inputs-border-opacity));
  outline: 0;
  border-radius: var(--inputs-radius);
}

.field__input:focus-visible,
.select__select:focus-visible,
.customer .field input:focus-visible,
.customer select:focus-visible,
.localization-form__select:focus-visible.localization-form__select:after {
  box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width)) rgba(var(--color-foreground));
  outline: 0;
  border-radius: var(--inputs-radius);
}

.field__input:focus,
.select__select:focus,
.customer .field input:focus,
.customer select:focus,
.localization-form__select:focus.localization-form__select:after {
  box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width)) rgba(var(--color-foreground));
  outline: 0;
  border-radius: var(--inputs-radius);
}

.localization-form__select:focus {
  outline: 0;
  box-shadow: none;
}

.text-area,
.select {
  display: flex;
  position: relative;
  width: 100%;
}

/* Select */

.select .svg-wrapper,
.customer select + .svg-wrapper {
  height: 0.6rem;
  width: 1rem;
  pointer-events: none;
  position: absolute;
  top: calc(50% - 0.2rem);
  right: 0;
}

.select__select,
.customer select {
  cursor: pointer;
  line-height: calc(1 + 0.6 / var(--font-body-scale));
  padding: 0 calc(var(--inputs-border-width) + 3rem) 0 2rem;
  margin: var(--inputs-border-width);
  min-height: calc(var(--inputs-border-width) * 2);
}

/* Field */

.field {
  position: relative;
  width: 100%;
  display: flex;
  transition: box-shadow var(--duration-short) ease;
}

.customer .field {
  display: flex;
}

.field--with-error {
  flex-wrap: wrap;
}

.field__input,
.customer .field input {
  flex-grow: 1;
  text-align: left;
  padding: 1.5rem;
  margin: var(--inputs-border-width);
  transition: box-shadow var(--duration-short) ease;
}

.field__label,
.customer .field label {
  font-size: 1.6rem;
  left: calc(var(--inputs-border-width) + 2rem);
  top: calc(1rem + var(--inputs-border-width));
  margin-bottom: 0;
  pointer-events: none;
  position: absolute;
  transition: top var(--duration-short) ease, font-size var(--duration-short) ease;
  color: rgba(var(--color-foreground), 0.75);
  letter-spacing: 0.1rem;
  line-height: 1.5;
}

.field__input:focus ~ .field__label,
.field__input:not(:placeholder-shown) ~ .field__label,
.field__input:-webkit-autofill ~ .field__label,
.customer .field input:focus ~ label,
.customer .field input:not(:placeholder-shown) ~ label,
.customer .field input:-webkit-autofill ~ label {
  font-size: 1rem;
  top: calc(var(--inputs-border-width) + 0.5rem);
  left: calc(var(--inputs-border-width) + 2rem);
  letter-spacing: 0.04rem;
}

.field__input:focus,
.field__input:not(:placeholder-shown),
.field__input:-webkit-autofill,
.customer .field input:focus,
.customer .field input:not(:placeholder-shown),
.customer .field input:-webkit-autofill {
  padding: 2.2rem 1.5rem 0.8rem 2rem;
  margin: var(--inputs-border-width);
}

.field__input::-webkit-search-cancel-button,
.customer .field input::-webkit-search-cancel-button {
  display: none;
}

.field__input::placeholder,
.customer .field input::placeholder {
  opacity: 0;
}

.field__button {
  align-items: center;
  background-color: transparent;
  border: 0;
  color: currentColor;
  cursor: pointer;
  display: flex;
  height: 4.4rem;
  justify-content: center;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 4.4rem;
}

.field__button > .svg-wrapper {
  height: 2.5rem;
  width: 2.5rem;
}

.field__input:-webkit-autofill ~ .field__button,
.field__input:-webkit-autofill ~ .field__label,
.customer .field input:-webkit-autofill ~ label {
  color: rgb(0, 0, 0);
}

/* Text area */

.text-area {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  min-height: 10rem;
  resize: none;
}

input[type='checkbox'] {
  display: inline-block;
  width: auto;
  margin-right: 0.5rem;
}

/* Form global */

.form__label {
  display: block;
  margin-bottom: 0.6rem;
}

.form__message {
  align-items: center;
  display: flex;
  font-size: 1.4rem;
  line-height: 1;
  margin-top: 1rem;
}

.form__message--large {
  font-size: 1.6rem;
}

.customer .field .form__message {
  font-size: 1.4rem;
  text-align: left;
}

.form__message .icon,
.customer .form__message .svg-wrapper {
  flex-shrink: 0;
  height: 1.3rem;
  margin-right: 0.5rem;
  width: 1.3rem;
}

.form__message--large .icon,
.customer .form__message .svg-wrapper {
  height: 1.5rem;
  width: 1.5rem;
  margin-right: 1rem;
}

.customer .field .form__message .svg-wrapper {
  align-self: start;
}

.form-status {
  margin: 0;
  font-size: 1.6rem;
}

.form-status-list {
  padding: 0;
  margin: 2rem 0 4rem;
}

.form-status-list li {
  list-style-position: inside;
}

.form-status-list .link::first-letter {
  text-transform: capitalize;
}

/* component-quantity */
.quantity {
  color: rgba(var(--color-foreground));
  position: relative;
  width: calc(14rem / var(--font-body-scale) + var(--inputs-border-width) * 2);
  display: flex;
  border-radius: var(--inputs-radius);
  min-height: calc((var(--inputs-border-width) * 2) + 4.5rem);
}

.quantity:after {
  pointer-events: none;
  content: '';
  position: absolute;
  top: var(--inputs-border-width);
  right: var(--inputs-border-width);
  bottom: var(--inputs-border-width);
  left: var(--inputs-border-width);
  border: 0.1rem solid transparent;
  border-radius: var(--inputs-radius);
  box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity));
  transition: box-shadow var(--duration-short) ease;
  z-index: 1;
}

.quantity:before {
  background: rgb(var(--color-background));
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--inputs-radius-outset);
  box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset)
    var(--inputs-shadow-blur-radius) rgba(var(--color-shadow), var(--inputs-shadow-opacity));
  z-index: -1;
}

.quantity__input {
  color: currentColor;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  font-size: 1.6rem;
  font-weight: 500;
  opacity: 0.85;
  text-align: center;
  background-color: transparent;
  border: 0;
  padding: 0 0.5rem;
  width: 100%;
  flex-grow: 1;
  -webkit-appearance: none;
  appearance: none;
}

.quantity__button {
  width: calc(4.5rem / var(--font-body-scale));
  flex-shrink: 0;
  font-size: 1.8rem;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(var(--color-foreground));
  padding: 0;
}

.quantity__button:first-child {
  margin-left: calc(var(--inputs-border-width));
}

.quantity__button:last-child {
  margin-right: calc(var(--inputs-border-width));
}

.quantity__button .svg-wrapper {
  width: 1rem;
  pointer-events: none;
}

.quantity__button:focus-visible,
.quantity__input:focus-visible {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

.quantity__button:focus,
.quantity__input:focus {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

.quantity__button:not(:focus-visible):not(.focused),
.quantity__input:not(:focus-visible):not(.focused) {
  box-shadow: inherit;
  background-color: inherit;
}

.quantity__input:-webkit-autofill,
.quantity__input:-webkit-autofill:hover,
.quantity__input:-webkit-autofill:active {
  box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important;
  -webkit-box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important;
}

.quantity__input::-webkit-outer-spin-button,
.quantity__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.quantity__input[type='number'] {
  -moz-appearance: textfield;
}

.quantity__rules {
  margin-top: 0.5rem;
  position: relative;
  font-size: 1.2rem;
}

.quantity__rules .caption {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
}

.quantity__rules .divider + .divider::before {
  content: '\2022';
  margin: 0 0.5rem;
}

.quantity__rules-cart {
  position: relative;
}

.product__info-container .loading__spinner:not(.hidden) ~ *,
.quantity__rules-cart .loading__spinner:not(.hidden) ~ * {
  visibility: hidden;
}

/* component-modal */
.modal__toggle {
  list-style-type: none;
}

.modal__toggle-close {
  display: none;
}

.modal__toggle-open {
  display: flex;
}

.modal__close-button.link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0rem;
  height: 4.4rem;
  width: 4.4rem;
  background-color: transparent;
}

.modal__close-button .icon {
  width: 1.7rem;
  height: 1.7rem;
}

.modal__content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(var(--color-background));
  z-index: 4;
  display: flex;
  justify-content: center;
  align-items: center;
}

.media-modal {
  cursor: zoom-out;
}

.media-modal .deferred-media {
  cursor: initial;
}

/* component-cart-count-bubble */
.cart-count-bubble:empty {
  display: none;
}

.cart-count-bubble {
  position: absolute;
  background-color: rgb(var(--color-button));
  color: rgb(var(--color-button-text));
  height: 1.7rem;
  width: 1.7rem;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.9rem;
  bottom: 0.8rem;
  left: 2.2rem;
  line-height: calc(1 + 0.1 / var(--font-body-scale));
}

/* utility-bar */
.utility-bar {
  height: 100%;
}

.utility-bar--bottom-border {
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
}

@media screen and (min-width: 990px) {
  .utility-bar--bottom-border-social-only {
    border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
  }
}

.utility-bar__grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: 'announcements';
}

.utility-bar__grid .list-social {
  justify-content: flex-start;
  align-content: center;
  margin-left: -1.2rem;
  grid-area: social-icons;
}

@media screen and (max-width: 989px) {
  .utility-bar .utility-bar__grid .list-social {
    display: none;
  }
}

.utility-bar .list-social__item .icon {
  scale: 0.9;
}

@media screen and (min-width: 990px) {
  .utility-bar__grid--3-col {
    grid-template-columns: 3fr 4fr 3fr;
    grid-template-areas: 'social-icons announcements language-currency';
  }

  .utility-bar__grid--2-col {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: 'social-icons language-currency';
  }

  .announcement-bar.announcement-bar--one-announcement,
  .announcement-bar--one-announcement .announcement-bar__link {
    width: fit-content;
    margin: auto;
  }
}

.announcement-bar,
.announcement-bar__announcement {
  color: rgb(var(--color-foreground));
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
  grid-area: announcements;
}

.announcement-bar .slider--everywhere {
  margin-bottom: 0;
  scroll-behavior: auto;
}

.utility-bar__grid .announcement-bar-slider {
  width: 100%;
}

.utility-bar__grid .announcement-bar-slider {
  width: 100%;
}

.announcement-bar-slider,
.announcement-bar-slider .slider {
  width: 100%;
}

.announcement-bar .slider-button--next {
  margin-right: -1.5rem;
  min-width: 44px;
}

.announcement-bar .slider-button--prev {
  margin-left: -1.5rem;
  min-width: 44px;
}

.announcement-bar .slider-button--next:focus-visible,
.announcement-bar .slider-button--prev:focus-visible,
.utility-bar .list-social__link:focus-visible {
  outline-offset: -0.3rem;
  box-shadow: 0 0 0 -0.2rem rgb(var(--color-foreground));
}

.localization-wrapper {
  grid-area: language-currency;
  align-self: center;
  display: flex;
  justify-content: flex-end;
}

.localization-wrapper .localization-selector + .disclosure__list-wrapper {
  animation: animateMenuOpen var(--duration-default) ease;
}

.utility-bar .localization-wrapper .disclosure .localization-form__select,
.utility-bar .localization-wrapper .disclosure__link {
  font-size: calc(var(--font-heading-scale) * 1.3rem);
}

@media screen and (min-width: 990px) {
  body:has(.section-header .header:not(.drawer-menu)) .utility-bar .page-width {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .announcement-bar-slider {
    width: 60%;
  }

  .announcement-bar .slider-button {
    height: 3.8rem;
  }
}

.announcement-bar__link {
  display: flex;
  width: 100%;
  text-decoration: none;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.announcement-bar__link:hover {
  text-decoration: underline;
}

.announcement-bar__link .icon-arrow {
  display: inline-block;
  pointer-events: none;
  margin-left: 0.8rem;
  vertical-align: middle;
  margin-bottom: 0.2rem;
}

.announcement-bar__message {
  text-align: center;
  padding: 1rem 0;
  margin: 0;
  letter-spacing: 0.1rem;
  min-height: 3.8rem;
}

.announcement-bar-slider--fade-in-next .announcement-bar__message,
.announcement-bar-slider--fade-in-previous .announcement-bar__message,
.announcement-bar-slider--fade-out-next .announcement-bar__message,
.announcement-bar-slider--fade-out-previous .announcement-bar__message {
  animation-duration: var(--duration-announcement-bar);
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}

.announcement-bar-slider--fade-in-next .announcement-bar__message {
  --announcement-translate-from: -1.5rem;
  /* Prevent flicker */
  opacity: 0;
  animation-name: translateAnnouncementSlideIn;
  animation-delay: var(--duration-announcement-bar);
}

.announcement-bar-slider--fade-in-previous .announcement-bar__message {
  --announcement-translate-from: 1.5rem;
  /* Prevent flicker */
  opacity: 0;
  animation-name: translateAnnouncementSlideIn;
  animation-delay: var(--duration-announcement-bar);
}

.announcement-bar-slider--fade-out-next .announcement-bar__message {
  --announcement-translate-to: 1.5rem;
  animation-name: translateAnnouncementSlideOut;
}

.announcement-bar-slider--fade-out-previous .announcement-bar__message {
  --announcement-translate-to: -1.5rem;
  animation-name: translateAnnouncementSlideOut;
}

@keyframes translateAnnouncementSlideIn {
  0% {
    opacity: 0;
    transform: translateX(var(--announcement-translate-from));
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes translateAnnouncementSlideOut {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(var(--announcement-translate-to));
  }
}

/* section-header */
.section-header.shopify-section-group-header-group {
  z-index: 3;
}

.shopify-section-header-sticky {
  position: sticky;
  top: 0;
}

.shopify-section-header-hidden {
  top: calc(-1 * var(--header-height));
}

.shopify-section-header-hidden.menu-open {
  top: 0;
}

.section-header.animate {
  transition: top 0.15s ease-out;
}

.shopify-section-group-header-group {
  z-index: 4;
}

.section-header ~ .shopify-section-group-header-group {
  z-index: initial;
}

/* Main Header Layout */
.header-wrapper {
  display: block;
  position: relative;
  background-color: rgb(var(--color-background));
}

.header-wrapper--border-bottom {
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
}

.header {
  display: grid;
  grid-template-areas: 'left-icons heading icons';
  grid-template-columns: 1fr 2fr 1fr;
  align-items: center;
}

@media screen and (max-width: 749px) {
  .header--has-app {
    grid-template-columns: auto 1fr auto;
  }
}

@media screen and (min-width: 990px) {
  .header {
    grid-template-columns: 1fr auto 1fr;
  }

  .header--top-left,
  .header--middle-left:not(.header--has-menu) {
    grid-template-areas:
      'heading icons'
      'navigation navigation';
    grid-template-columns: 1fr auto;
  }

  .header--top-left.drawer-menu,
  .header--middle-left.drawer-menu {
    grid-template-areas: 'navigation heading icons';
    grid-template-columns: auto 1fr auto;
    column-gap: 1rem;
  }

  .header--middle-left {
    grid-template-areas: 'heading navigation icons';
    grid-template-columns: auto auto 1fr;
    column-gap: 2rem;
  }

  .header--middle-center:not(.drawer-menu) {
    grid-template-areas: 'navigation heading icons';
    grid-template-columns: 1fr auto 1fr;
    column-gap: 2rem;
  }

  .header--middle-center a.header__heading-link {
    text-align: center;
  }

  .header--top-center {
    grid-template-areas:
      'left-icons heading icons'
      'navigation navigation navigation';
  }

  .header--top-center.drawer-menu {
    grid-template-areas: 'left-icons heading icons';
    grid-template-columns: 1fr auto 1fr;
  }

  .header:not(.header--middle-left, .header--middle-center) .header__inline-menu {
    margin-top: 1.05rem;
  }
}

.header *[tabindex='-1']:focus {
  outline: none;
}

.header__heading {
  margin: 0;
  line-height: 0;
}

.header > .header__heading-link {
  line-height: 0;
}

.header__heading,
.header__heading-link {
  grid-area: heading;
  justify-self: center;
}

.header__heading-link {
  display: inline-block;
  padding: 0.75rem;
  text-decoration: none;
  word-break: break-word;
}

.header__heading-link:hover .h2 {
  color: rgb(var(--color-foreground));
}

.header__heading-link .h2 {
  line-height: 1;
  color: rgba(var(--color-foreground), 0.75);
}

.header__heading-logo {
  height: auto;
  max-width: 100%;
}

.header__heading-logo-wrapper {
  width: 100%;
  display: inline-block;
  transition: width 0.3s cubic-bezier(0.52, 0, 0.61, 0.99);
}

@media screen and (max-width: 989px) {
  .header__heading,
  .header__heading-link {
    text-align: center;
  }

  .header--mobile-left .header__heading,
  .header--mobile-left .header__heading-link {
    text-align: left;
    justify-self: start;
  }

  .header--mobile-left {
    grid-template-columns: auto 2fr 1fr;
  }
}

@media screen and (min-width: 990px) {
  .header--middle-left .header__heading-link,
  .header--top-left .header__heading-link {
    margin-left: -0.75rem;
  }

  .header__heading,
  .header__heading-link {
    justify-self: start;
  }

  .header--middle-center .header__heading-link,
  .header--middle-center .header__heading {
    justify-self: center;
    text-align: center;
  }

  .header--top-center .header__heading-link,
  .header--top-center .header__heading {
    justify-self: center;
    text-align: center;
  }
}

/* Header icons */
.header__icons {
  display: flex;
  grid-area: icons;
  justify-self: end;
  padding-right: 0.8rem;
}

.header__icons .shopify-app-block {
  max-width: 4.4rem;
  max-height: 4.4rem;
  overflow: hidden;
}

.header__icon:not(.header__icon--summary),
.header__icon span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.header__icon {
  color: rgb(var(--color-foreground));
}

.header__icon span {
  height: 100%;
}

.header__icon .svg-wrapper {
  width: 44px;
  height: 44px;
}

.header__icon::after {
  content: none;
}

.header__icon:hover .icon,
.modal__close-button:hover .icon {
  transform: scale(1.07);
}

.header__icon .icon {
  height: 2rem;
  width: 2rem;
  fill: none;
  vertical-align: middle;
}

.header__icon,
.header__icon--cart .icon {
  height: 4.4rem;
  width: 4.4rem;
  padding: 0;
}

.header__icon--cart {
  position: relative;
  margin-right: -1.2rem;
}

.header__icon--menu[aria-expanded='true']::before {
  content: '';
  top: 100%;
  left: 0;
  height: calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));
  width: 100%;
  display: block;
  position: absolute;
  background: rgba(var(--color-foreground), 0.5);
}

.header__icon--account shop-user-avatar {
  --shop-avatar-size: 2.8rem;
}

details .header__icon-close {
  display: none;
}

details[open] .header__icon-close {
  display: inline-block;
}

account-icon {
  display: flex;
}

/* Search */
menu-drawer + .header__search {
  display: none;
}

.header > .header__search {
  grid-area: left-icons;
  justify-self: start;
}

.header--top-center.drawer-menu > .header__search {
  margin-left: 3.2rem;
}

.header--top-center header-drawer {
  grid-area: left-icons;
}

.header:not(.header--has-menu) * > .header__search {
  display: none;
}

.header__search {
  display: inline-flex;
  line-height: 0;
}

.header--top-center > .header__search {
  display: none;
}

.header--top-center * > .header__search {
  display: inline-flex;
}

@media screen and (min-width: 990px) {
  .header:not(.header--top-center) * > .header__search,
  .header--top-center > .header__search {
    display: inline-flex;
  }

  .header:not(.header--top-center) > .header__search,
  .header--top-center * > .header__search {
    display: none;
  }
}

details[open] > .search-modal {
  opacity: 1;
  animation: animateMenuOpen var(--duration-default) ease;
}

details[open] .modal-overlay {
  display: block;
}

details[open] .modal-overlay::after {
  position: absolute;
  content: '';
  background-color: rgb(var(--color-foreground), 0.5);
  top: 100%;
  left: 0;
  right: 0;
  height: 100vh;
}

.search-modal {
  opacity: 0;
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
  min-height: calc(100% + var(--inputs-margin-offset) + (2 * var(--inputs-border-width)));
  height: 100%;
}

.search-modal__content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 5rem 0 1rem;
  line-height: calc(1 + 0.8 / var(--font-body-scale));
  position: relative;
}

.search-modal__content-bottom {
  bottom: calc((var(--inputs-margin-offset) / 2));
}

.search-modal__content-top {
  top: calc((var(--inputs-margin-offset) / 2));
}

.search-modal__form {
  width: 100%;
}

.search-modal__close-button {
  position: absolute;
  right: 0.3rem;
}

@media screen and (min-width: 750px) {
  .search-modal__close-button {
    right: 1rem;
  }

  .search-modal__content {
    padding: 0 6rem;
  }
}

@media screen and (min-width: 990px) {
  .search-modal__form {
    max-width: 74.2rem;
  }

  .search-modal__close-button {
    position: initial;
    margin-left: 0.5rem;
  }
}

/* Header menu drawer */
.header__icon--menu .icon {
  display: block;
  position: absolute;
  opacity: 1;
  transform: scale(1);
  transition: transform 150ms ease, opacity 150ms ease;
}

details:not([open]) > .header__icon--menu .icon-close,
details[open] > .header__icon--menu .icon-hamburger {
  visibility: hidden;
  opacity: 0;
  transform: scale(0.8);
}

.js details[open]:not(.menu-opening) > .header__icon--menu .icon-close {
  visibility: hidden;
}

.js details[open]:not(.menu-opening) > .header__icon--menu .icon-hamburger {
  visibility: visible;
  opacity: 1;
  transform: scale(1.07);
}

.js details > .header__submenu {
  opacity: 0;
  transform: translateY(-1.5rem);
}

details[open] > .header__submenu {
  animation: animateMenuOpen var(--duration-default) ease;
  animation-fill-mode: forwards;
  z-index: 1;
}

@media (prefers-reduced-motion) {
  details[open] > .header__submenu {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Header menu */
.header__inline-menu {
  margin-left: -1.2rem;
  grid-area: navigation;
  display: none;
}

.header--top-center .header__inline-menu,
.header--top-center .header__heading-link {
  margin-left: 0;
}

@media screen and (min-width: 990px) {
  .header__inline-menu {
    display: block;
  }

  .header--top-center .header__inline-menu {
    justify-self: center;
  }

  .header--top-center .header__inline-menu > .list-menu--inline {
    justify-content: center;
  }

  .header--middle-left .header__inline-menu {
    margin-left: 0;
  }
}

.header__menu {
  padding: 0 1rem;
}

.header__menu-item {
  padding: 1.2rem;
  text-decoration: none;
  color: rgba(var(--color-foreground), 0.75);
}

.header__menu-item:hover {
  color: rgb(var(--color-foreground));
}

.header__menu-item span {
  transition: text-decoration var(--duration-short) ease;
}

.header__menu-item:hover span {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

details[open] > .header__menu-item {
  text-decoration: underline;
}

details[open]:hover > .header__menu-item {
  text-decoration-thickness: 0.2rem;
}

details[open] > .header__menu-item .icon-caret {
  transform: rotate(180deg);
}

.header__active-menu-item {
  transition: text-decoration-thickness var(--duration-short) ease;
  color: rgb(var(--color-foreground));
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

.header__menu-item:hover .header__active-menu-item {
  text-decoration-thickness: 0.2rem;
}

.header__submenu {
  transition: opacity var(--duration-default) ease, transform var(--duration-default) ease;
}

.global-settings-popup,
.header__submenu.global-settings-popup {
  border-radius: var(--popup-corner-radius);
  border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
  border-style: solid;
  border-width: var(--popup-border-width);
  box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius)
    rgba(var(--color-shadow), var(--popup-shadow-opacity));
  z-index: -1;
}

.header__submenu.list-menu {
  padding: 1rem 0;
}

.header__submenu .header__submenu {
  background-color: rgba(var(--color-foreground), 0.03);
  padding: 1rem 0;
  margin: 1rem 0;
}

.header__submenu .header__menu-item:after {
  right: 2rem;
}

.header__submenu .header__menu-item {
  justify-content: space-between;
  padding: 0.8rem 2rem;
}

.header__submenu .header__menu-item:hover {
  text-decoration-line: underline;
}

.header__menu-item .icon-caret {
  right: 0.8rem;
}

.header__submenu .icon-caret {
  flex-shrink: 0;
  margin-left: 1rem;
  position: static;
}

header-menu > details,
details-disclosure > details {
  position: relative;
}

@keyframes animateMenuOpen {
  0% {
    opacity: 0;
    transform: translateY(-1.5rem);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.overflow-hidden-mobile,
.overflow-hidden-tablet,
.overflow-hidden-desktop {
  overflow: hidden;
}

@media screen and (min-width: 750px) {
  .overflow-hidden-mobile {
    overflow: auto;
  }
}

@media screen and (min-width: 990px) {
  .overflow-hidden-tablet {
    overflow: auto;
  }
}

.badge {
  border: 1px solid transparent;
  border-radius: var(--badge-corner-radius);
  display: inline-block;
  font-size: 1.2rem;
  letter-spacing: 0.1rem;
  line-height: 1;
  padding: 0.5rem 1.3rem 0.6rem 1.3rem;
  text-align: center;
  background-color: rgb(var(--color-badge-background));
  border-color: rgba(var(--color-badge-border), var(--alpha-badge-border));
  color: rgb(var(--color-badge-foreground));
  word-break: break-word;
}

.gradient {
  background: rgb(var(--color-background));
  background: var(--gradient-background);
  background-attachment: fixed;
}

@media screen and (forced-colors: active) {
  .icon {
    color: CanvasText;
    fill: CanvasText !important;
  }

  .icon-close-small path {
    stroke: CanvasText;
  }
}

.ratio {
  display: flex;
  position: relative;
  align-items: stretch;
}

.ratio::before {
  content: '';
  width: 0;
  height: 0;
  padding-bottom: var(--ratio-percent);
}

.content-container {
  border-radius: var(--text-boxes-radius);
  border: var(--text-boxes-border-width) solid rgba(var(--color-foreground), var(--text-boxes-border-opacity));
  position: relative;
}

.content-container:after {
  content: '';
  position: absolute;
  top: calc(var(--text-boxes-border-width) * -1);
  right: calc(var(--text-boxes-border-width) * -1);
  bottom: calc(var(--text-boxes-border-width) * -1);
  left: calc(var(--text-boxes-border-width) * -1);
  border-radius: var(--text-boxes-radius);
  box-shadow: var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset)
    var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow), var(--text-boxes-shadow-opacity));
  z-index: -1;
}

.content-container--full-width:after {
  left: 0;
  right: 0;
  border-radius: 0;
}

@media screen and (max-width: 749px) {
  .content-container--full-width-mobile {
    border-left: none;
    border-right: none;
    border-radius: 0;
  }
  .content-container--full-width-mobile:after {
    display: none;
  }
}

.global-media-settings {
  position: relative;
  border: var(--media-border-width) solid rgba(var(--color-foreground), var(--media-border-opacity));
  border-radius: var(--media-radius);
  overflow: visible !important;
  background-color: rgb(var(--color-background));
}

.global-media-settings:after {
  content: '';
  position: absolute;
  top: calc(var(--media-border-width) * -1);
  right: calc(var(--media-border-width) * -1);
  bottom: calc(var(--media-border-width) * -1);
  left: calc(var(--media-border-width) * -1);
  border-radius: var(--media-radius);
  box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius)
    rgba(var(--color-shadow), var(--media-shadow-opacity));
  z-index: -1;
  pointer-events: none;
}

.global-media-settings--no-shadow {
  overflow: hidden !important;
}

.global-media-settings--no-shadow:after {
  content: none;
}

.global-media-settings img,
.global-media-settings iframe,
.global-media-settings model-viewer,
.global-media-settings video,
.global-media-settings .placeholder-svg {
  border-radius: calc(var(--media-radius) - var(--media-border-width));
}

.content-container--full-width,
.global-media-settings--full-width,
.global-media-settings--full-width img,
.global-media-settings--full-width video,
.global-media-settings--full-width iframe,
.global-media-settings--full-width .placeholder-svg {
  border-radius: 0;
  border-left: none;
  border-right: none;
}

/* check for flexbox gap in older Safari versions */
@supports not (inset: 10px) {
  .grid {
    margin-left: calc(-1 * var(--grid-mobile-horizontal-spacing));
  }

  .grid__item {
    padding-left: var(--grid-mobile-horizontal-spacing);
    padding-bottom: var(--grid-mobile-vertical-spacing);
  }

  @media screen and (min-width: 750px) {
    .grid {
      margin-left: calc(-1 * var(--grid-desktop-horizontal-spacing));
    }

    .grid__item {
      padding-left: var(--grid-desktop-horizontal-spacing);
      padding-bottom: var(--grid-desktop-vertical-spacing);
    }
  }

  .grid--gapless .grid__item {
    padding-left: 0;
    padding-bottom: 0;
  }

  @media screen and (min-width: 749px) {
    .grid--peek .grid__item {
      padding-left: var(--grid-mobile-horizontal-spacing);
    }
  }

  .product-grid .grid__item {
    padding-bottom: var(--grid-mobile-vertical-spacing);
  }

  @media screen and (min-width: 750px) {
    .product-grid .grid__item {
      padding-bottom: var(--grid-desktop-vertical-spacing);
    }
  }
}

.font-body-bold {
  font-weight: var(--font-body-weight-bold);
}

/* outline and border styling for Windows High Contrast Mode */
@media (forced-colors: active) {
  .button,
  .shopify-challenge__button,
  .customer button {
    border: transparent solid 1px;
  }

  .button:focus-visible,
  .button:focus,
  .button.focused,
  .shopify-payment-button__button--unbranded:focus-visible,
  .shopify-payment-button [role='button']:focus-visible,
  .shopify-payment-button__button--unbranded:focus,
  .shopify-payment-button [role='button']:focus {
    outline: solid transparent 1px;
  }

  .field__input:focus,
  .select__select:focus,
  .customer .field input:focus,
  .customer select:focus,
  .localization-form__select:focus.localization-form__select:after {
    outline: transparent solid 1px;
  }

  .localization-form__select:focus {
    outline: transparent solid 1px;
  }
}

.rte:after {
  clear: both;
  content: '';
  display: block;
}

.rte > *:first-child {
  margin-top: 0;
}

.rte > *:last-child {
  margin-bottom: 0;
}

.rte table {
  table-layout: fixed;
}

@media screen and (min-width: 750px) {
  .rte table td {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }
}

.rte img {
  height: auto;
  max-width: 100%;
  border: var(--media-border-width) solid rgba(var(--color-foreground), var(--media-border-opacity));
  border-radius: var(--media-radius);
  box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius)
    rgba(var(--color-shadow), var(--media-shadow-opacity));
  margin-bottom: var(--media-shadow-vertical-offset);
}

.rte ul,
.rte ol {
  list-style-position: inside;
  padding-left: 2rem;
}

.rte li {
  list-style: inherit;
}

.rte li:last-child {
  margin-bottom: 0;
}

.rte a {
  color: rgba(var(--color-link), var(--alpha-link));
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 0.1rem;
  transition: text-decoration-thickness var(--duration-short) ease;
}

.rte a:hover {
  color: rgb(var(--color-link));
  text-decoration-thickness: 0.2rem;
}

.rte blockquote {
  display: inline-flex;
}

.rte blockquote > * {
  margin: -0.5rem 0 -0.5rem 0;
}

/* Image mask global styles */

.shape--mask {
  display: block;
  height: 0;
  width: 0;
}

.shape--arch {
  clip-path: url('#Shape-Arch');
}

.shape--blob {
  clip-path: polygon(var(--shape--blob-1));
}

.shape--chevronleft {
  clip-path: polygon(100% 0%, 85% 50%, 100% 100%, 15% 100%, 0% 50%, 15% 0%);
}

.shape--chevronright {
  clip-path: polygon(85% 0%, 100% 50%, 85% 100%, 0% 100%, 15% 50%, 0% 0%);
}

.shape--circle {
  clip-path: circle(closest-side);
}

.shape--diamond {
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

.shape--parallelogram {
  clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%);
}

.shape--round {
  clip-path: ellipse(45% 45% at 50% 50%);
}

/* Fixed background */
.animate--fixed {
  clip-path: inset(0);
}

.animate--fixed > img:not(.zoom):not(.deferred-media__poster-button),
.animate--fixed > svg:not(.zoom):not(.deferred-media__poster-button) {
  position: fixed;
  height: 100vh;
}

/* Zoom in image on scroll */
.animate--zoom-in {
  --zoom-in-ratio: 1;
}

.animate--zoom-in > img,
.animate--zoom-in > .svg-wrapper {
  transition: scale var(--duration-short) linear;
  scale: var(--zoom-in-ratio);
}

/* Animations */

@media (prefers-reduced-motion: no-preference) {
  .animate--ambient > img,
  .animate--ambient > .svg-wrapper {
    animation: animateAmbient 30s linear infinite;
  }

  @keyframes animateAmbient {
    0% {
      transform: rotate(0deg) translateX(1em) rotate(0deg) scale(1.2);
    }
    100% {
      transform: rotate(360deg) translateX(1em) rotate(-360deg) scale(1.2);
    }
  }

  .scroll-trigger.animate--fade-in,
  .scroll-trigger.animate--slide-in {
    opacity: 0.01;
  }

  .scroll-trigger.animate--slide-in {
    transform: translateY(2rem);
  }

  .scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in {
    opacity: 1;
    animation: var(--animation-fade-in);
  }

  .scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in {
    animation: var(--animation-slide-in);
    animation-delay: calc(var(--animation-order) * 75ms);
  }

  .scroll-trigger.scroll-trigger--design-mode.animate--fade-in,
  .scroll-trigger.scroll-trigger--design-mode.animate--slide-in,
  .scroll-trigger.scroll-trigger--design-mode .slider,
  .scroll-trigger:not(.scroll-trigger--offscreen).scroll-trigger--cancel {
    opacity: 1;
    animation: none;
    transition: none;
    transform: none;
  }

  .scroll-trigger.scroll-trigger--design-mode.animate--slide-in {
    transform: translateY(0);
  }

  @keyframes slideIn {
    from {
      transform: translateY(2rem);
      opacity: 0.01;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }

  @keyframes fadeIn {
    from {
      opacity: 0.01;
    }
    to {
      opacity: 1;
    }
  }
}

/* Element Hovers: Vertical Lift, 3d Lift */

@media (prefers-reduced-motion: no-preference) and (hover: hover) {
  .animate--hover-3d-lift .card-wrapper .card--card,
  .animate--hover-3d-lift .card-wrapper .card--standard .card__inner,
  .animate--hover-3d-lift .button:not(.button--tertiary),
  .animate--hover-3d-lift .shopify-challenge__button,
  .animate--hover-3d-lift .customer button,
  .animate--hover-3d-lift .shopify-payment-button__button,
  .animate--hover-3d-lift .deferred-media .deferred-media__poster-button {
    transition: transform var(--duration-long) ease, box-shadow var(--duration-long) ease;
    transform-origin: center;
  }

  .animate--hover-3d-lift .card-wrapper:hover .card--card,
  .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__inner,
  .animate--hover-3d-lift .button:not(.button--tertiary):not([disabled]):hover,
  .animate--hover-3d-lift .shopify-challenge__button:not([disabled]):hover,
  .animate--hover-3d-lift .customer button:not([disabled]):hover,
  .animate--hover-3d-lift .shopify-payment-button__button:hover,
  .animate--hover-3d-lift .deferred-media:hover .deferred-media__poster-button {
    transition: transform var(--duration-extended) ease, box-shadow var(--duration-long) ease; /* Slow the card transition speed while hover is active. */
    transform: rotate(1deg);
    box-shadow: -1rem -1rem 1rem -1rem rgba(0, 0, 0, 0.05), 1rem 1rem 1rem -1rem rgba(0, 0, 0, 0.05),
      0 0 0.5rem 0 rgba(255, 255, 255, 0), 0 2rem 3.5rem -2rem rgba(0, 0, 0, 0.5);
  }

  .animate--hover-3d-lift .deferred-media:hover .deferred-media__poster-button {
    transform: translate(-50%, -50%) scale(1.05); /* Apply a specialized transform to the video play button. */
  }

  .animate--hover-3d-lift .collage__item .card-wrapper:hover .card--card,
  .animate--hover-3d-lift .collage__item .card-wrapper:hover .card--standard .card__inner {
    transform: rotate(0.5deg); /* Less intense rotation for collage items. */
  }

  .animate--hover-3d-lift .product-grid .grid__item:hover,
  .animate--hover-3d-lift .collection-list .grid__item:hover,
  .animate--hover-3d-lift .collage__item:hover,
  .animate--hover-3d-lift .blog-articles .article:hover,
  .animate--hover-3d-lift .complementary-slide li:hover {
    z-index: 2; /* Make sure the hovered card is the topmost card. */
  }

  .animate--hover-3d-lift .product-grid {
    isolation: isolate; /* Ensure z-index changes here don't negatively effect other UI stacking. */
  }

  .animate--hover-3d-lift .card-wrapper .card--shape.card--standard:not(.card--text) .card__inner {
    box-shadow: none;
    transition: transform var(--duration-long) ease, filter var(--duration-long) ease;
  }

  .animate--hover-3d-lift .card-wrapper:hover .card--shape.card--standard:not(.card--text) .card__inner {
    transition: transform calc(2 * var(--duration-extended)) ease, filter var(--duration-long) ease; /* Slow the card transition speed while hover is active. */
    filter: drop-shadow(0rem 2rem 2rem rgba(0, 0, 0, 0.15)) drop-shadow(0rem 1rem 1rem rgba(0, 0, 0, 0.15));
  }

  .animate--hover-3d-lift .card-wrapper:hover .card--card:after,
  .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__inner:after,
  .animate--hover-3d-lift
    .card-wrapper:hover
    .card--shape.card--standard:not(.card--text)
    .card__inner
    .card__media:before {
    background-image: var(--easter-egg);
    background-size: 250px 250px;
    mix-blend-mode: color-dodge;
    pointer-events: none;
    z-index: 2;
  }

  .animate--hover-3d-lift
    .card-wrapper:hover
    .card--shape.card--standard:not(.card--text)
    .card__inner
    .card__media:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .animate--hover-3d-lift .card-wrapper .card--card:before,
  .animate--hover-3d-lift .card-wrapper .card--standard .card__media:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transition: background-position calc(2 * var(--duration-extended)) ease, opacity var(--duration-default) ease;
    mix-blend-mode: overlay;
    background-size: 400% 100%;
    background-position: 90% 0;
    background-repeat: no-repeat;
    background-image: linear-gradient(
      135deg,
      rgba(255, 255, 255, 0) 45%,
      rgba(255, 255, 255, 1) 50%,
      rgba(255, 255, 255, 0) 55%
    );
  }

  .animate--hover-3d-lift .card-wrapper:hover .card--card:before,
  .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__media:after {
    opacity: 0.2;
    transition: background-position 6s ease, opacity var(--duration-long) ease;
    background-position: left;
    z-index: 2;
  }

  :root {
    --easter-egg: none;
    --sparkle: url('./sparkle.gif');
  }

  .animate--hover-vertical-lift .button:not(.button--tertiary),
  .animate--hover-vertical-lift .shopify-challenge__button,
  .animate--hover-vertical-lift .customer button,
  .animate--hover-vertical-lift .shopify-payment-button__button {
    transition: transform var(--duration-default) var(--ease-out-slow);
  }

  .animate--hover-vertical-lift .card-wrapper .card--card,
  .animate--hover-vertical-lift .card-wrapper .card--standard .card__inner {
    transition: transform var(--duration-medium) var(--ease-out-slow);
  }

  .animate--hover-vertical-lift .card-wrapper:hover .card--card,
  .animate--hover-vertical-lift .card-wrapper:hover .card--standard .card__inner {
    transform: translateY(-0.75rem);
  }

  .animate--hover-vertical-lift .card-wrapper:active .card--card,
  .animate--hover-vertical-lift .card-wrapper:active .card--standard .card__inner {
    transform: translateY(-0.5rem);
  }

  .animate--hover-vertical-lift .button:not(.button--tertiary):not([disabled]):hover,
  .animate--hover-vertical-lift .shopify-challenge__button:not([disabled]):hover,
  .animate--hover-vertical-lift .customer button:not([disabled]):hover,
  .animate--hover-vertical-lift .shopify-payment-button__button:hover {
    transform: translateY(-0.25rem);
  }

  .animate--hover-vertical-lift .button:not(.button--tertiary):not([disabled]):active,
  .animate--hover-vertical-lift .shopify-challenge__button:not([disabled]):active,
  .animate--hover-vertical-lift .customer button:not([disabled]):active,
  .animate--hover-vertical-lift .shopify-payment-button__button:active {
    transform: translateY(0);
  }

  .animate--hover-vertical-lift .button:not([disabled]):hover:after,
  .animate--hover-vertical-lift .customer button:not([disabled]):hover:after,
  .animate--hover-vertical-lift .shopify-payment-button__button:not([disabled]):hover:after {
    --border-offset: 0.3px; /* Default is 1.3px as defined above in this file. This removes 1px to prevent the border from growing on buttons when this effect is on.  */
    box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset))
        rgba(var(--color-button-text), var(--border-opacity)),
      0 0 0 var(--buttons-border-width) rgba(var(--color-button), var(--alpha-button-background));
  }

  .animate--hover-vertical-lift .button:not([disabled]).button--secondary:hover:after {
    --border-offset: 0px; /* Prevent the border from growing on buttons when this effect is on. */
  }
}

/* Loading spinner */
.loading__spinner {
  position: absolute;
  z-index: 1;
  width: 1.8rem;
}

.loading__spinner {
  width: 1.8rem;
  display: inline-block;
}

.spinner {
  animation: rotator 1.4s linear infinite;
}

@keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}

.path {
  stroke-dasharray: 280;
  stroke-dashoffset: 0;
  transform-origin: center;
  stroke: rgb(var(--color-foreground));
  animation: dash 1.4s ease-in-out infinite;
}

@media screen and (forced-colors: active) {
  .path {
    stroke: CanvasText;
  }
}

@keyframes dash {
  0% {
    stroke-dashoffset: 280;
  }
  50% {
    stroke-dashoffset: 75;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 280;
    transform: rotate(450deg);
  }
}

.loading__spinner:not(.hidden) + .cart-item__price-wrapper,
.loading__spinner:not(.hidden) ~ cart-remove-button {
  opacity: 50%;
}

.loading__spinner:not(.hidden) ~ cart-remove-button {
  pointer-events: none;
  cursor: default;
}

/* Progress bar */
.progress-bar-container {
  width: 100%;
  margin: auto;
}

.progress-bar {
  height: 0.13rem;
  width: 100%;
}

.progress-bar-value {
  width: 100%;
  height: 100%;
  background-color: rgb(var(--color-foreground));
  animation: indeterminateAnimation var(--duration-extra-longer) infinite ease-in-out;
  transform-origin: 0;
}

.progress-bar .progress-bar-value {
  display: block;
}

@keyframes indeterminateAnimation {
  0% {
    transform: translateX(-20%) scaleX(0);
  }
  40% {
    transform: translateX(30%) scaleX(0.7);
  }
  100% {
    transform: translateX(100%) scaleX(0);
  }
}

/* =====================================================
   INICIO DE CAMBIOS EN EL DISEÑO DEL TEMPLATE
   ===================================================== */

/* =====================================================
   CAMBIOS GLOBALES
   ===================================================== */

/* Brand palette
   Element: Global variables
   Page: All pages
   Description:
   Defines Isabella's warm premium color palette. */

:root {
  --ij-logo-dark: #232120;
  --ij-ivory: #fbf8f3;
  --ij-warm-white: #fffdf9;
  --ij-soft-gold: #b08d57;
  --ij-deep-gold: #8f6f3fff;
  --ij-soft-brown: #7a6d61;
  --ij-border: rgba(176, 141, 87, 0.22);
}

/* Global background and text
   Element: Body and base text
   Page: All pages
   Description:
   Adds a warm ivory base and logo-dark text color.*/

body,
.gradient {
  background-color: var(--ij-ivory);
  color: var(--ij-logo-dark);
}

h1,
h2,
h3,
h4,
.h0,
.h1,
.h2,
.h3,
.h4,
.title {
  color: var(--ij-logo-dark);
}

p,
.rte,
.text-body,
.subtitle {
  color: var(--ij-soft-brown);
}

/* Announcement bar
   Element: Top announcement bar
   Page: All pages
   Description:
   Keeps the announcement uppercase and more minimal.*/

.announcement-bar,
.utility-bar {
  background-color: var(--ij-logo-dark) !important;
  color: var(--ij-warm-white) !important;
}

.announcement-bar__message {
  color: var(--ij-warm-white) !important;
  font-family: var(--font-body-family);
  font-size: 1.05rem;
  font-weight: 400;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  padding: 0.9rem 1.5rem;
}

/* Header Menu Bar
   Element: Header and top navigation
   Page: All pages
   Description:
   Refines header spacing and keeps only top menu uppercase */

.header-wrapper {
  background-color: var(--ij-warm-white) !important;
  border-bottom: 0.1rem solid var(--ij-border);
}

.header {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}

.header__heading-logo {
  max-height: 6rem;
  width: auto;
}

.header__inline-menu {
  margin-left: 1.2rem;
}

.header .list-menu--inline {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.1rem;
}

.header__menu-item,
.header__active-menu-item,
.header .list-menu__item {
  color: var(--ij-logo-dark) !important;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.2;
  text-transform: uppercase;
  white-space: nowrap;
  text-decoration: none;
}

.header__menu-item {
  padding-left: 0.6rem;
  padding-right: 0.6rem;
}

.header__menu-item:hover,
.header__active-menu-item:hover,
.header .list-menu__item:hover {
  color: var(--ij-deep-gold) !important;
  text-decoration: none;
}

.header__icon {
  color: var(--ij-logo-dark) !important;
}

.header__icon:hover {
  color: var(--ij-deep-gold) !important;
}

/* Global Buttons
   Element: Dawn buttons
   Page: All pages
   Description:
   Makes buttons more squared with softly curved corners */

.button,
.shopify-challenge__button,
.customer button,
button.shopify-payment-button__button--unbranded {
  background-color: var(--ij-deep-gold) !important;
  color: #ffffff !important;
  border-radius: 1.1rem !important;
  min-height: 4.7rem;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  box-shadow: none !important;
}

.button:before,
.button:after,
.shopify-challenge__button:before,
.shopify-challenge__button:after,
.customer button:before,
.customer button:after,
.shopify-payment-button__button--unbranded:before,
.shopify-payment-button__button--unbranded:after {
  border-radius: 1.1rem !important;
  box-shadow: none !important;
}

.button:hover,
.shopify-challenge__button:hover,
.customer button:hover,
button.shopify-payment-button__button--unbranded:hover {
  background-color: var(--ij-soft-gold) !important;
  color: #ffffff !important;
}

/* Global Product cards
   Element: Product cards
   Page: Home, collections, product recommendations
   Description:
   Light refinement only. Does not restructure cards. */

.product-card-wrapper .card {
  background-color: var(--ij-warm-white) !important;
  border: 0.1rem solid rgba(176, 141, 87, 0.16) !important;
  border-radius: 1.2rem !important;
  overflow: hidden;
}

.product-card-wrapper .card__heading,
.product-card-wrapper .card__heading a {
  color: var(--ij-logo-dark) !important;
  text-decoration: none;
}

.product-card-wrapper .card__heading a:hover {
  color: var(--ij-deep-gold) !important;
}

.price,
.price .price-item {
  color: var(--ij-deep-gold) !important;
  font-weight: 600;
}

/* =====================================================
   Phase 1 — FAQ
   Element: Accordion / collapsible rows
   Page: FAQ sections
   Description:
   Makes question and answer similar in size.
   ===================================================== */

.collapsible-content summary,
.collapsible-content summary .accordion__title,
.accordion summary,
.accordion__title {
  color: var(--ij-logo-dark) !important;
  font-size: 1.55rem !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
}

.collapsible-content .accordion__content,
.collapsible-content .accordion__content p,
.accordion__content,
.accordion__content p {
  color: var(--ij-soft-brown) !important;
  font-size: 1.55rem !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
}
/* =====================================================
   FOOTER - GLOBAL
   ===================================================== */

/* Footer
   Element: Footer links and text
   Page: All pages
   Description:
   Keeps footer dark, elegant and lowercase in menu links.*/

.footer {
  background-color: var(--ij-logo-dark) !important;
  color: var(--ij-warm-white) !important;
}

.footer-block__heading {
  color: var(--ij-warm-white) !important;
  font-size: 1.35rem;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.footer .list-menu__item,
.footer-block__details-content .list-menu__item--link,
.footer a {
  color: rgba(255, 253, 249, 0.74) !important;
  font-size: 1.35rem;
  letter-spacing: 0.02em;
  text-transform: lowercase !important;
  text-decoration: none !important;
}

.footer .list-menu__item:hover,
.footer-block__details-content .list-menu__item--link:hover,
.footer a:hover {
  color: var(--ij-soft-gold) !important;
}

.footer-block__details-content,
.footer-block__details-content p,
.footer__copyright,
.footer__copyright small {
  color: rgba(255, 253, 249, 0.74) !important;
}

/* Description:
   Enlarges the footer logo, changes the brand slogan to
   ivory and lowers the three information columns slightly */


/* Makes only the footer brand image slightly larger*/

#shopify-section-sections--20952278139015__footer
.footer-block__brand-info
.footer-block__image-wrapper {
  width: 180px !important;
  max-width: 180px !important;
}

#shopify-section-sections--20952278139015__footer
.footer-block__brand-info
.footer-block__image-wrapper img {
  width: 100% !important;
  height: auto !important;
}


/* Changes only the text underneath the brand logo */

#shopify-section-sections--20952278139015__footer
.footer-block__brand-info > .rte,
#shopify-section-sections--20952278139015__footer
.footer-block__brand-info > .rte p {
  color: #fbf8f3 !important;
}

/* Smaller typography and reduced space below the logo */

#shopify-section-sections--20952278139015__footer
.footer-block__brand-info
.footer-block__image-wrapper {
  margin-bottom: 0rem !important;
}

#shopify-section-sections--20952278139015__footer
.footer-block__brand-info > .rte {
  margin-top: 0 !important;
  max-width: 20rem;
}

#shopify-section-sections--20952278139015__footer
.footer-block__brand-info > .rte p {
  margin: 0 !important;
  font-size: 1.2rem !important;
  line-height: 1.55 !important;
  color: #fbf8f3 !important;
}

/* =====================================================
   ISABELLA JOYERÍA — CUSTOM REDESIGN STYLES
   Phase 1: Footer contact icons
   Element: Contact information
   Page: All pages
   Description:
   Adds custom phone, email and time icons before each
   contact item in the fourth footer column.
   ===================================================== */


/* -----------------------------------------------------
   Contact information layout
   Creates space on the left for each icon
   ----------------------------------------------------- */

#shopify-section-sections--20952278139015__footer
.footer__blocks-wrapper
> .footer-block.grid__item:nth-child(4)
.rte p {
  position: relative;
  padding-left: 3rem;
}


/* -----------------------------------------------------
   Shared icon styling
   ----------------------------------------------------- */

#shopify-section-sections--20952278139015__footer
.footer__blocks-wrapper
> .footer-block.grid__item:nth-child(4)
.rte p::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2em;

  width: 1.8rem;
  height: 1.8rem;

  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}


/* Phone */
#shopify-section-sections--20952278139015__footer
.footer__blocks-wrapper
> .footer-block.grid__item:nth-child(4)
.rte p:nth-child(1)::before {
  background-image: url("/cdn/shop/files/phone.png?v=1787537540");
}


/* Email */
#shopify-section-sections--20952278139015__footer
.footer__blocks-wrapper
> .footer-block.grid__item:nth-child(4)
.rte p:nth-child(2)::before {
  background-image: url("/cdn/shop/files/email.png?v=1787537540");
}


/* Hours */
#shopify-section-sections--20952278139015__footer
.footer__blocks-wrapper
> .footer-block.grid__item:nth-child(4)
.rte p:nth-child(3)::before {
  background-image: url("/cdn/shop/files/time.png?v=1787537540");
}


/* Lowers columns 2, 3 and 4 without moving the logo column.
   Desktop only */

@media screen and (min-width: 990px) {
  #shopify-section-sections--20952278139015__footer
  .footer__blocks-wrapper
  > .footer-block.grid__item:not(:first-child) {
    padding-top: 1.5rem !important;
  }
}

/* Adds subtle vertical gold separators between the four
   footer columns on desktop, inspired by the reference
   design. Separators are removed on tablet/mobile */

/* Desktop footer: vertical separators between columns */
@media screen and (min-width: 990px) {

  #shopify-section-sections--20952278139015__footer
  .footer__blocks-wrapper
  .footer-block.grid__item:not(:first-child) {
    border-left: 1px solid rgba(176, 141, 87, 0.38);
    padding-left: clamp(3rem, 3vw, 5rem);
  }

  /* Adds breathing room before each separator */
  #shopify-section-sections--20952278139015__footer
  .footer__blocks-wrapper
  .footer-block.grid__item:not(:last-child) {
    padding-right: clamp(3rem, 3vw, 5rem);
  }
}

/* Tablet/mobile: no vertical separators */
@media screen and (max-width: 989px) {

  #shopify-section-sections--20952278139015__footer
  .footer__blocks-wrapper
  .footer-block.grid__item {
    border-left: none;
    padding-left: 0;
    padding-right: 0;
  }
}

/* =====================================================
   Global Changes Mobile safety
   Element: Header and announcement
   Page: Mobile
   Description:
   Keeps global elements readable on smaller screens.
   ===================================================== */

@media screen and (max-width: 989px) {
  .header__menu-item,
  .header__active-menu-item,
  .header .list-menu__item {
    font-size: 1.15rem;
    letter-spacing: 0.08em;
  }
}

@media screen and (max-width: 749px) {
  .announcement-bar__message {
    font-size: 0.95rem;
    letter-spacing: 0.12em;
  }

  .header {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .button,
  .shopify-challenge__button,
  .customer button {
    min-height: 4.5rem;
    font-size: 1.15rem;
  }
}

/* Description:
   Centers the desktop header by distributing logo, menu and
   icons in three balanced columns. Also improves spacing
   between menu sections without affecting mobile drawer. */

/* Desktop header grid: logo | centered menu | icons */
@media screen and (min-width: 990px) {
  .header.header--middle-left {
    display: grid;
    grid-template-columns: 18rem minmax(0, 1fr) 18rem;
    align-items: center;
    column-gap: 2rem;
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
  }

  /* Logo column */
  .header__heading,
  .header__heading-link {
    justify-self: start;
  }

  .header__heading-logo {
    max-width: 12rem;
    height: auto;
  }

  /* Center menu column */
  .header__inline-menu {
    justify-self: center;
    margin-left: 0;
    width: 100%;
  }

  .header__inline-menu .list-menu--inline {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    column-gap: clamp(1.2rem, 1.7vw, 2.6rem);
    row-gap: 0;
  }

  /* Main desktop menu links */
  .header__inline-menu > .list-menu--inline > li > a,
  .header__inline-menu > .list-menu--inline > li > header-menu > details > summary {
    padding-left: 0;
    padding-right: 1.4rem;
    font-size: 1.05rem;
    letter-spacing: 0.115em;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
  }

  /* Icons column */
  .header__icons {
    justify-self: end;
    display: flex;
    align-items: center;
    gap: 1.2rem;
  }

  .header__icon {
    width: 3.8rem;
    height: 3.8rem;
  }
}

/* Medium desktop safety:
   Reduces spacing before the menu breaks into two rows. */
@media screen and (min-width: 990px) and (max-width: 1220px) {
  .header.header--middle-left {
    grid-template-columns: 15rem minmax(0, 1fr) 14rem;
    column-gap: 1.2rem;
  }

  .header__inline-menu .list-menu--inline {
    column-gap: 1.1rem;
  }

  .header__inline-menu > .list-menu--inline > li > a,
  .header__inline-menu > .list-menu--inline > li > header-menu > details > summary {
    font-size: 0.92rem;
    letter-spacing: 0.08em;
    padding-right: 1.2rem;
    gap: 0.35rem;
  }

  .header__icons {
    gap: 0.6rem;
  }

  .header__icon {
    width: 3.4rem;
    height: 3.4rem;
  }
}
/* Fix dropdown caret spacing in desktop header */
.header__inline-menu summary .icon-caret {
  position: static;
  width: 0.9rem;
  height: 0.6rem;
  margin-left: 0.2rem;
  flex-shrink: 0;
}
/* =====================================================
   HOME PAGE
   ===================================================== */

/* Home Banner
   Description:
   Refines only the first homepage banner: changes title
   typography, moves text content higher, enlarges body text,
   and improves the CTA button with a brighter gold gradient
   and arrow icon */

/* Hero content position — desktop */
@media screen and (min-width: 750px) {
  #shopify-section-template--20952280989831__image_banner .banner__content {
    align-items: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  #shopify-section-template--20952280989831__image_banner .banner__box {
    transform: translateY(-1.5rem) !important;
  }

  #shopify-section-template--20952280989831__image_banner .banner__buttons {
    transform: none !important;
  }
}

/* Hero text box */
#shopify-section-template--20952280989831__image_banner .banner__box {
  max-width: 48rem !important;
  padding: 0 !important;
  background: transparent !important;
  text-align: left !important;
}

/* Hero title */
#shopify-section-template--20952280989831__image_banner .banner__heading {
  color: #fbf8f3 !important;
  font-family: Didot, "Bodoni 72", "Times New Roman", Georgia, serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 7.5rem !important;
  line-height: 0.95 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  margin-bottom: 2rem !important;
}

/* Hero body text */
#shopify-section-template--20952280989831__image_banner .banner__text,
#shopify-section-template--20952280989831__image_banner .banner__text p {
  color: #fbf8f3 !important;
  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  font-size: clamp(1.55rem, 1.35vw, 1.9rem) !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  letter-spacing: 0.01em !important;
  max-width: 39rem !important;
}

/* Hero button wrapper: overrides previous lower-position adjustment */
#shopify-section-template--20952280989831__image_banner .banner__buttons {
  margin-top: 2.4rem !important;
  transform: translateY(2rem) !important;
}

/* Hero CTA button */
#shopify-section-template--20952280989831__image_banner .banner__buttons .button,
#shopify-section-template--20952280989831__image_banner .banner__buttons .button--secondary {
  min-height: 5rem !important;
  padding: 0 3.4rem !important;
  background: linear-gradient(135deg, #b8862f 0%, #d6ad5c 50%, #9f732b 100%) !important;
  color: #fffdf9 !important;
  border: none !important;
  border-radius: 0.9rem !important;
  box-shadow: 0 1.2rem 2.8rem rgba(143, 111, 63, 0.22) !important;
  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  font-size: 1.3rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

/* Removes Dawn default button border overlay */
#shopify-section-template--20952280989831__image_banner .banner__buttons .button::before,
#shopify-section-template--20952280989831__image_banner .banner__buttons .button::after {
  box-shadow: none !important;
}

/* Adds arrow icon after "Ver todo" */
#shopify-section-template--20952280989831__image_banner .banner__buttons .button::after {
  content: "→" !important;
  position: static !important;
  display: inline-block !important;
  margin-left: 1.4rem !important;
  color: #fffdf9 !important;
  font-size: 1.8rem !important;
  line-height: 1 !important;
  transform: translateY(-0.05rem);
}

/* Hero CTA hover */
#shopify-section-template--20952280989831__image_banner .banner__buttons .button:hover,
#shopify-section-template--20952280989831__image_banner .banner__buttons .button--secondary:hover {
  background: linear-gradient(135deg, #9b6f25ff 0%, #b5924dff 50%, #805c21ff 100%) !important;
  color: #fffdf9 !important;
  text-decoration: none !important;
  transform: translateY(-1px);
}

/* =====================================================
   ISABELLA JOYERÍA — CUSTOM REDESIGN STYLES
   Phase 2: Home hero — mobile refinement
   Element: Main homepage banner
   Page: Home
   Description:
   Gives the mobile hero more vertical space, moves the
   content away from the header, aligns title/body left and
   limits the copy width to the clear area of the photograph.
   ===================================================== */

@media screen and (max-width: 749px) {

  /* Hero más alto y contenido comenzando desde la izquierda */
  #shopify-section-template--20952280989831__image_banner
  .banner__content {
  min-height: 48rem !important;

  /* Baja el conjunto título + botón */
  align-items: flex-end !important;
  justify-content: center !important;

  padding-top: 0 !important;
  padding-bottom: 4.5rem !important;
}

  /* Caja de contenido más angosta y alineada a la izquierda */
  #shopify-section-template--20952280989831__image_banner
.banner__box {
  text-align: center !important;

  width: 100% !important;
  max-width: 100% !important;

  margin-left: auto !important;
  margin-right: auto !important;

  transform: none !important;
}

  /* Título */
  #shopify-section-template--20952280989831__image_banner
.banner__heading {
  display: none !important;
}

  /* Texto limitado al área libre a la izquierda de las personas */
  #shopify-section-template--20952280989831__image_banner
.banner__text {
  display: none !important;
}

  /* Reencuadre de la imagen en móvil para mostrar mejor el anillo */
#shopify-section-template--20952280989831__image_banner
.banner__media img {
  object-position: 78% center !important;
}

/* Centra el botón respecto al ancho del banner y lo baja */
#shopify-section-template--20952280989831__image_banner
.banner__buttons {
  display: flex !important;
  justify-content: center !important;

  width: calc(100vw - 3rem) !important;
  max-width: none !important;

  margin-top: 15rem !important;
  margin-left: 0 !important;
  margin-right: 0 !important;

  transform: none !important;
}
}

/* =====================================================
   MOMENTOS QUE MARCAN TU HISTORIA
   Description:
   Styles only this specific collection-list section using
   its unique Shopify section ID.
   ===================================================== */

#shopify-section-template--20952280989831__collection_list_JUx4NV .title-wrapper-with-link {
  display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3.2rem;
}

/* Existing title: "Momentos que marcan tu historia" */
#shopify-section-template--20952280989831__collection_list_JUx4NV .collection-list-title {
  color: #b08d57 !important;
  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  font-size: 1.6rem !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase;
  text-align: center;
  margin: 0 auto;
}

/* New text below: "Una pieza para cada momento" */
#shopify-section-template--20952280989831__collection_list_JUx4NV .collection-list-title::after {
  content: "Una pieza para cada momento";
  display: block;
  margin-top: 1.2rem;
  color: var(--ij-logo-dark);
  font-family: Didot, "Bodoni 72", "Times New Roman", Georgia, serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: clamp(2.8rem, 3.5vw, 4.6rem);
  line-height: 1.1;
  letter-spacing: 0.01em;
  text-transform: none;
}

/* Adds more empty space between the hero image and the
   Momentos section heading without affecting other sections */
#shopify-section-template--20952280989831__collection_list_JUx4NV .collection-list-wrapper {
  padding-top: 7.2rem !important;
}

/* Styles only the Promesa, Compromiso and Matrimonio
   collection links inside this specific section*/

#shopify-section-template--20952280989831__collection_list_JUx4NV .collection-card-wrapper .card__heading,
#shopify-section-template--20952280989831__collection_list_JUx4NV .collection-card-wrapper .card__heading a {
  color: #232120 !important;
  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  font-size: 1.4rem !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  text-decoration: none !important;
}

/* Keeps the arrow aligned and refined */
#shopify-section-template--20952280989831__collection_list_JUx4NV .collection-card-wrapper .card__heading .icon-wrap {
  display: inline-flex;
  align-items: center;
  margin-left: 0.4rem;
  vertical-align: middle;
}

#shopify-section-template--20952280989831__collection_list_JUx4NV .collection-card-wrapper .card__heading .icon {
  width: 1.2rem;
  height: auto;
}

/* Hover state */
#shopify-section-template--20952280989831__collection_list_JUx4NV .collection-card-wrapper .card__heading a:hover {
  color: var(--ij-deep-gold) !important;
}

/* =====================================================
   ISABELLA JOYERÍA — CUSTOM REDESIGN STYLES
   Phase 2: Home Momentos section refinement
   Element: Section divider and collection cards
   Page: Home
   Section: Momentos que marcan tu historia
   Description:
   Adds a gold line-diamond-line divider below the small
   section title and refines the three collection cards
   to better match the premium reference design.
   ===================================================== */

/* Turns the title into a vertical layout so we can place:
   small title → divider → large title */
#shopify-section-template--20952280989831__collection_list_JUx4NV .collection-list-title {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* Decorative line + diamond under "Momentos que marcan tu historia" */
#shopify-section-template--20952280989831__collection_list_JUx4NV .collection-list-title::before {
  content: "";
  order: 2;
  display: block;
  width: 25rem;
  height: 1.8rem;
  margin-top: 1rem;
  margin-bottom: 1.1rem;
  background-image:
    url("/cdn/shop/files/star.png?v=1787520373"),
    linear-gradient(#b08d57, #b08d57),
    linear-gradient(#b08d57, #b08d57);
  background-repeat: no-repeat;
  background-position:
    center center,
    left center,
    right center;
  background-size:
    1.4rem 1.4rem,
    calc(50% - 1.4rem) 0.1rem,
    calc(50% - 1.4rem) 0.1rem;
}

/* Keeps the large title below the divider */
#shopify-section-template--20952280989831__collection_list_JUx4NV .collection-list-title::after {
  order: 3;
  margin-top: 0 !important;
}

/* Collection cards: premium border around each card */
#shopify-section-template--20952280989831__collection_list_JUx4NV .collection-card-wrapper .card {
  border: 0.1rem solid rgba(176, 141, 87, 0.38) !important;
  border-radius: 0.8rem !important;
  overflow: hidden !important;
  background-color: #fffdf9 !important;
  box-shadow: 0 1.2rem 2.8rem rgba(35, 33, 32, 0.07) !important;
}

/* Removes Dawn internal border/shadow conflicts */
#shopify-section-template--20952280989831__collection_list_JUx4NV .collection-card-wrapper .card::before,
#shopify-section-template--20952280989831__collection_list_JUx4NV .collection-card-wrapper .card::after {
  box-shadow: none !important;
  border: none !important;
}

/* Keeps image area clean and connected to the card */
#shopify-section-template--20952280989831__collection_list_JUx4NV .collection-card-wrapper .card__inner,
#shopify-section-template--20952280989831__collection_list_JUx4NV .collection-card-wrapper .card__media,
#shopify-section-template--20952280989831__collection_list_JUx4NV .collection-card-wrapper .media,
#shopify-section-template--20952280989831__collection_list_JUx4NV .collection-card-wrapper .media img {
  border-radius: 0.8rem 0.8rem 0 0 !important;
}

/* Bottom title area */
#shopify-section-template--20952280989831__collection_list_JUx4NV .collection-card-wrapper .card > .card__content {
  background-color: #fffdf9 !important;
  border-top: 0.1rem solid rgba(176, 141, 87, 0.22) !important;
  padding: 1.8rem 2.4rem !important;
}

/* Collection title row: title left, arrow right */
#shopify-section-template--20952280989831__collection_list_JUx4NV .collection-card-wrapper .card__heading {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  text-align: left !important;
  margin: 0 !important;
}

/* Collection title text aligned left */
#shopify-section-template--20952280989831__collection_list_JUx4NV .collection-card-wrapper .card__heading a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  color: #232120 !important;
  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  font-size: 1.35rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.12em !important;
  line-height: 1.3 !important;
  text-align: left !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

/* Arrow pushed to the right */
#shopify-section-template--20952280989831__collection_list_JUx4NV .collection-card-wrapper .card__heading .icon-wrap {
  margin-left: auto !important;
  color: #b08d57 !important;
}

/* Arrow size */
#shopify-section-template--20952280989831__collection_list_JUx4NV .collection-card-wrapper .card__heading .icon {
  width: 1.5rem !important;
  height: auto !important;
}

/* Hover state */
#shopify-section-template--20952280989831__collection_list_JUx4NV .collection-card-wrapper .card:hover {
  transform: translateY(-2px);
  box-shadow: 0 1.6rem 3.4rem rgba(35, 33, 32, 0.1) !important;
}

#shopify-section-template--20952280989831__collection_list_JUx4NV .collection-card-wrapper .card:hover .card__heading a {
  color: #8f6f3f !important;
  text-decoration: none !important;
}

/* =====================================================
   NUESTRA SELECCIÓN
   Description:
   Styles only the "Nuestra Selección" title to match
   the "Una pieza para cada momento" title.
   ===================================================== */

#shopify-section-template--20952280989831__featured_collection .collection__title .title {
  color: var(--ij-logo-dark) !important;
  font-family: Didot, "Bodoni 72", "Times New Roman", Georgia, serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 3.8rem !important;
  line-height: 1.1 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  margin-bottom: 1.2rem;
}

/* Description:
   Styles the "Colección de Compromiso" text to match
   the "Momentos que marcan tu historia" style */

#shopify-section-template--20952280989831__featured_collection .collection__description,
#shopify-section-template--20952280989831__featured_collection .collection__description p {
  color: #b08d57 !important;
  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  font-size: 1.6rem !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  text-align: left !important;
  margin: 0 auto !important;
}

/* =====================================================
   ISABELLA JOYERÍA — CUSTOM REDESIGN STYLES
   Phase 2: Home Momentos titles — mobile refinement
   Element: Section kicker and main title
   Page: Home
   ===================================================== */

@media screen and (max-width: 749px) {

  /* "Una pieza para cada momento"
     Más grande únicamente en móvil */
  #shopify-section-template--20952280989831__collection_list_JUx4NV
  .collection-list-title::after {
    font-size: 3.8rem !important;
    line-height: 1.05 !important;
  }
}

/* =====================================================
   ISABELLA JOYERÍA — CUSTOM REDESIGN STYLES
   Phase 2: Home Nuestra Selección product cards
   Element: Product cards
   Page: Home
   Section: Nuestra Selección
   Description:
   Styles only the product cards inside the featured
   collection section.
   ===================================================== */

/* Product card background */
#shopify-section-template--20952280989831__featured_collection .product-card-wrapper .card {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  overflow: hidden;
}

/* Card content area — only the text area below the image */
#shopify-section-template--20952280989831__featured_collection .product-card-wrapper .card > .card__content,
#shopify-section-template--20952280989831__featured_collection .product-card-wrapper .card > .card__content .card__information,
#shopify-section-template--20952280989831__featured_collection .product-card-wrapper .card > .card__content .card-information {
  background-color: #FEFEFE !important;
}

/* Keep image overlay area transparent so the product image remains visible */
#shopify-section-template--20952280989831__featured_collection .product-card-wrapper .card__inner .card__content,
#shopify-section-template--20952280989831__featured_collection .product-card-wrapper .card__inner .card__information {
  background-color: transparent !important;
}

/* Product title */
#shopify-section-template--20952280989831__featured_collection .product-card-wrapper .card__heading,
#shopify-section-template--20952280989831__featured_collection .product-card-wrapper .card__heading a {
  color: #232120 !important;
  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  font-size: 1.6rem !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.06em !important;
  text-decoration: none !important;
}

/* Remove underline on hover */
#shopify-section-template--20952280989831__featured_collection .product-card-wrapper:hover .card__heading a,
#shopify-section-template--20952280989831__featured_collection .product-card-wrapper.underline-links-hover:hover a {
  color: #232120 !important;
  text-decoration: none !important;
}

/* Vendor text, if visible */
#shopify-section-template--20952280989831__featured_collection .product-card-wrapper .caption-with-letter-spacing {
  color: #b08d57 !important;
  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  font-size: 1.2rem !important;
}

/* Product price */
#shopify-section-template--20952280989831__featured_collection .product-card-wrapper .price,
#shopify-section-template--20952280989831__featured_collection .product-card-wrapper .price *,
#shopify-section-template--20952280989831__featured_collection .product-card-wrapper .price-item {
  color: #232120 !important;
  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  font-size: 1.6rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.03em !important;
}

/* Keep image area clean */
#shopify-section-template--20952280989831__featured_collection .product-card-wrapper .card__inner {
  background-color: #FEFEFE !important;
}

/* Text block background only */
#shopify-section-template--20952280989831__featured_collection .product-card-wrapper .card > .card__content {
  background-color: #FEFEFE !important;
  border-radius: 0 0 1.2rem 1.2rem !important;
}

/* Image area without brown border */
#shopify-section-template--20952280989831__featured_collection .product-card-wrapper .card__inner,
#shopify-section-template--20952280989831__featured_collection .product-card-wrapper .card__media,
#shopify-section-template--20952280989831__featured_collection .product-card-wrapper .media {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  background-color: #FEFEFE !important;
}

/* Image top corners only */
#shopify-section-template--20952280989831__featured_collection .product-card-wrapper .card__inner,
#shopify-section-template--20952280989831__featured_collection .product-card-wrapper .card__media,
#shopify-section-template--20952280989831__featured_collection .product-card-wrapper .media,
#shopify-section-template--20952280989831__featured_collection .product-card-wrapper .media img {
  border-radius: 1.2rem 1.2rem 0 0 !important;
}

/* Changes only this section background to a slightly darker
   warm tone so it feels visually separated from the previous
   section */
#shopify-section-template--20952280989831__featured_collection,
#shopify-section-template--20952280989831__featured_collection .color-scheme-1,
#shopify-section-template--20952280989831__featured_collection .gradient {
  background-color: #f4ecde !important;
}

/* Adds a short gold line below the section title/subtitle
   group and adds a small gold line above each product name */

/* Creates spacing so the decorative line has room */
#shopify-section-template--20952280989831__featured_collection .collection__title {
  margin-bottom: 3.6rem !important;
}

/* Short line below "Nuestra Selección" and "Colección de Compromiso" */
#shopify-section-template--20952280989831__featured_collection .collection__description::after {
  content: "";
  display: block;
  width: 6rem;
  height: 0.1rem;
  background-color: #b08d57;
  margin-top: 2rem;
}

/* Adds a short gold line above each product name */
#shopify-section-template--20952280989831__featured_collection .product-card-wrapper .card__information::before {
  content: "";
  display: block;
  width: 5.2rem;
  height: 0.12rem;
  background-color: #b08c57c9;
  margin-bottom: 1.8rem;
}

/* =====================================================
   EXPLORA POR TIPO DE PIEZA
   Styles only this section title to match the visual style
   of "Una pieza para cada momento".
   ===================================================== */

#shopify-section-template--20952280989831__collection_list_R6FFBP .title-wrapper-with-link {
  display: block;
  text-align: center !important;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3.2rem;
}

#shopify-section-template--20952280989831__collection_list_R6FFBP .collection-list-title {
  color: var(--ij-logo-dark) !important;
  font-family: Didot, "Bodoni 72", "Times New Roman", Georgia, serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 3.8rem !important;
  line-height: 1.1 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  text-align: center !important;
  margin: 0 auto !important;
}

/* Adds more top spacing to separate this section from the previous section */
#shopify-section-template--20952280989831__collection_list_R6FFBP .collection-list-wrapper {
  padding-top: 6.5rem !important;
}

/* Collection card titles: Gargantillas, Anillos and Aretes, collection links inside this specific section */
#shopify-section-template--20952280989831__collection_list_R6FFBP .collection-card-wrapper .card__heading,
#shopify-section-template--20952280989831__collection_list_R6FFBP .collection-card-wrapper .card__heading a {
  color: #232120 !important;
  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  font-size: 1.4rem !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  text-decoration: none !important;
}

/* Keeps the arrow aligned and refined */
#shopify-section-template--20952280989831__collection_list_R6FFBP .collection-card-wrapper .card__heading .icon-wrap {
  display: inline-flex;
  align-items: center;
  margin-left: 0.4rem;
  vertical-align: middle;
}

#shopify-section-template--20952280989831__collection_list_R6FFBP .collection-card-wrapper .card__heading .icon {
  width: 1.2rem;
  height: auto;
}

/* Hover state */
#shopify-section-template--20952280989831__collection_list_R6FFBP .collection-card-wrapper .card__heading a:hover {
  color: var(--ij-deep-gold) !important;
  text-decoration: none !important;
}

/* Increseases bottom spacing so this section feels visually connected with the next section */
#shopify-section-template--20952280989831__collection_list_R6FFBP .collection-list-wrapper {
  padding-bottom: 5.6rem !important;
}

/* =====================================================
   ISABELLA JOYERÍA — CUSTOM REDESIGN STYLES
   Phase 2: Home category section refinement
   Element: Category title, divider and collection cards
   Page: Home
   Section: Explora por tipo de pieza
   Description:
   Adds an uppercase eyebrow title above the main title,
   adds a gold line-diamond-line divider below the title,
   and redesigns the collection cards with image overlay,
   dark bottom gradient and white/gold text.
   ===================================================== */

/* Makes the title area stack vertically */
#shopify-section-template--20952280989831__collection_list_R6FFBP .collection-list-title {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* Small title above "Explora por tipo de pieza" */
#shopify-section-template--20952280989831__collection_list_R6FFBP .collection-list-title::before {
  content: "DESCUBRE NUESTRAS CATEGORÍAS";
  display: block;
  margin-bottom: 1.2rem;
  color: #b08d57 !important;
  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  font-size: 1.6rem !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
}

/* Decorative line + diamond below main title */
#shopify-section-template--20952280989831__collection_list_R6FFBP .collection-list-title::after {
  content: "";
  display: block;
  width: 25rem;
  height: 1.8rem;
  margin-top: 1.6rem;
  background-image:
    url("/cdn/shop/files/star.png?v=1787520373"),
    linear-gradient(#b08d57, #b08d57),
    linear-gradient(#b08d57, #b08d57);
  background-repeat: no-repeat;
  background-position:
    center center,
    left center,
    right center;
  background-size:
    1.2rem 1.2rem,
    calc(50% - 1.4rem) 0.1rem,
    calc(50% - 1.4rem) 0.1rem;
}

/* Extra spacing between title and category cards */
#shopify-section-template--20952280989831__collection_list_R6FFBP .collection-list {
  margin-top: 3.4rem !important;
}

/* =====================================================
   Category cards — applies to both category rows
   ===================================================== */

/* Card container */
#shopify-section-template--20952280989831__collection_list_R6FFBP .collection-card-wrapper .card,
#shopify-section-template--20952280989831__collection_list_p36Vef .collection-card-wrapper .card {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 0.8rem !important;
  border: 0.1rem solid rgba(176, 141, 87, 0.22) !important;
  background-color: #232120 !important;
  box-shadow: none !important;
}

/* Removes Dawn default borders/shadows */
#shopify-section-template--20952280989831__collection_list_R6FFBP .collection-card-wrapper .card::before,
#shopify-section-template--20952280989831__collection_list_R6FFBP .collection-card-wrapper .card::after,
#shopify-section-template--20952280989831__collection_list_p36Vef .collection-card-wrapper .card::before,
#shopify-section-template--20952280989831__collection_list_p36Vef .collection-card-wrapper .card::after {
  box-shadow: none !important;
  border: none !important;
}

/* Image area */
#shopify-section-template--20952280989831__collection_list_R6FFBP .collection-card-wrapper .card__inner,
#shopify-section-template--20952280989831__collection_list_R6FFBP .collection-card-wrapper .card__media,
#shopify-section-template--20952280989831__collection_list_R6FFBP .collection-card-wrapper .media,
#shopify-section-template--20952280989831__collection_list_R6FFBP .collection-card-wrapper .media img,
#shopify-section-template--20952280989831__collection_list_p36Vef .collection-card-wrapper .card__inner,
#shopify-section-template--20952280989831__collection_list_p36Vef .collection-card-wrapper .card__media,
#shopify-section-template--20952280989831__collection_list_p36Vef .collection-card-wrapper .media,
#shopify-section-template--20952280989831__collection_list_p36Vef .collection-card-wrapper .media img {
  border-radius: 0.8rem !important;
}

/* Dark gradient overlay at the bottom of each card */
#shopify-section-template--20952280989831__collection_list_R6FFBP .collection-card-wrapper .card::before,
#shopify-section-template--20952280989831__collection_list_p36Vef .collection-card-wrapper .card::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 55%;
  z-index: 1;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.68) 0%,
    rgba(0, 0, 0, 0.38) 45%,
    rgba(0, 0, 0, 0) 100%
  ) !important;
  pointer-events: none;
}

/* Moves the collection title over the image */
#shopify-section-template--20952280989831__collection_list_R6FFBP .collection-card-wrapper .card > .card__content,
#shopify-section-template--20952280989831__collection_list_p36Vef .collection-card-wrapper .card > .card__content {
  position: absolute !important;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: 2.4rem 2.4rem 2.2rem !important;
  background: transparent !important;
}

/* Collection title */
#shopify-section-template--20952280989831__collection_list_R6FFBP .collection-card-wrapper .card__heading,
#shopify-section-template--20952280989831__collection_list_R6FFBP .collection-card-wrapper .card__heading a,
#shopify-section-template--20952280989831__collection_list_p36Vef .collection-card-wrapper .card__heading,
#shopify-section-template--20952280989831__collection_list_p36Vef .collection-card-wrapper .card__heading a {
  color: #fffdf9 !important;
  font-family: Didot, "Bodoni 72", "Times New Roman", Georgia, serif !important;
  font-size: 2.4rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
  letter-spacing: 0.01em !important;
  text-transform: uppercase !important;
  text-align: left !important;
  text-decoration: none !important;
}

/* Hides Dawn's default arrow next to the collection name */
#shopify-section-template--20952280989831__collection_list_R6FFBP .collection-card-wrapper .card__heading .icon-wrap,
#shopify-section-template--20952280989831__collection_list_p36Vef .collection-card-wrapper .card__heading .icon-wrap {
  display: none !important;
}

/* Adds "Ver colección →" under each collection name */
#shopify-section-template--20952280989831__collection_list_R6FFBP .collection-card-wrapper .card__heading a::after,
#shopify-section-template--20952280989831__collection_list_p36Vef .collection-card-wrapper .card__heading a::after {
  content: "VER COLECCIÓN →";
  display: block;
  margin-top: 7rem;
  margin-left: 2.6rem !important;
  color: #d6ad5c !important;
  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  font-size: 1.15rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

/* Hover effect */
#shopify-section-template--20952280989831__collection_list_R6FFBP .collection-card-wrapper .card:hover img,
#shopify-section-template--20952280989831__collection_list_p36Vef .collection-card-wrapper .card:hover img {
  transform: scale(1.03);
  transition: transform 300ms ease;
}

#shopify-section-template--20952280989831__collection_list_R6FFBP .collection-card-wrapper .card:hover .card__heading a,
#shopify-section-template--20952280989831__collection_list_p36Vef .collection-card-wrapper .card:hover .card__heading a {
  color: #fffdf9 !important;
  text-decoration: none !important;
}

/* 1. Removes the dark/black contour around the category cards */
#shopify-section-template--20952280989831__collection_list_R6FFBP .collection-card-wrapper .card,
#shopify-section-template--20952280989831__collection_list_p36Vef .collection-card-wrapper .card {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Keeps the image itself rounded without showing a dark edge */
#shopify-section-template--20952280989831__collection_list_R6FFBP .collection-card-wrapper .card__inner,
#shopify-section-template--20952280989831__collection_list_R6FFBP .collection-card-wrapper .card__media,
#shopify-section-template--20952280989831__collection_list_R6FFBP .collection-card-wrapper .media,
#shopify-section-template--20952280989831__collection_list_R6FFBP .collection-card-wrapper .media img,
#shopify-section-template--20952280989831__collection_list_p36Vef .collection-card-wrapper .card__inner,
#shopify-section-template--20952280989831__collection_list_p36Vef .collection-card-wrapper .card__media,
#shopify-section-template--20952280989831__collection_list_p36Vef .collection-card-wrapper .media,
#shopify-section-template--20952280989831__collection_list_p36Vef .collection-card-wrapper .media img {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}


/* =====================================================
   PREGUNTAS FRECUENTES - HOME
   Styles only the FAQ section title to match the visual
   style of "Explora por tipo de pieza".
   ===================================================== */

#shopify-section-template--20952280989831__collapsible_content_fbqV4w .collapsible-content__header {
  text-align: center !important;
  margin-bottom: 3.2rem;
}

#shopify-section-template--20952280989831__collapsible_content_fbqV4w .collapsible-content__heading {
  color: #232120 !important;
  font-family: Didot, "Bodoni 72", "Times New Roman", Georgia, serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 3.8rem !important;
  line-height: 1.1 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  text-align: center !important;
  margin: 0 auto !important;
}

#shopify-section-template--20952280989831__collapsible_content_fbqV4w .collapsible-content__wrapper {
  padding-top: 7rem !important;
  padding-bottom: 8rem !important;
}

/* Changes FAQ question and answer typography to Montserrat */
#shopify-section-template--20952280989831__collapsible_content_fbqV4w .accordion__title {
  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  font-size: 1.45rem !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
  letter-spacing: 0.02em !important;
  text-decoration: none !important;
}

/* FAQ answers */
#shopify-section-template--20952280989831__collapsible_content_fbqV4w .accordion__content,
#shopify-section-template--20952280989831__collapsible_content_fbqV4w .accordion__content p {
  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  font-size: 1.45rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  letter-spacing: 0.01em !important;
}

/* Remove underline on FAQ question hover */
#shopify-section-template--20952280989831__collapsible_content_fbqV4w .accordion summary:hover,
#shopify-section-template--20952280989831__collapsible_content_fbqV4w .accordion summary:hover .accordion__title,
#shopify-section-template--20952280989831__collapsible_content_fbqV4w .accordion summary:hover h3 {
  text-decoration: none !important;
}

/* Remove any Dawn underline / border effect on hover */
#shopify-section-template--20952280989831__collapsible_content_fbqV4w .accordion summary:hover span,
#shopify-section-template--20952280989831__collapsible_content_fbqV4w .accordion summary:hover * {
  text-decoration: none !important;
}

/* Makes the arrow/caret gold too */
#shopify-section-template--20952280989831__collapsible_content_fbqV4w .accordion summary:hover .accordion__title,
#shopify-section-template--20952280989831__collapsible_content_fbqV4w .accordion summary:hover h3 {
  color: var(--ij-deep-gold) !important;
  text-decoration: none !important;
}

/* Makes the arrow/caret gold too */
#shopify-section-template--20952280989831__collapsible_content_fbqV4w .accordion summary:hover .icon-caret {
  color: var(--ij-deep-gold) !important;
}
/* Adds an eyebrow text above the main heading and a
   line-diamond-line divider below the title */

/* Makes the FAQ title area stack cleanly */
#shopify-section-template--20952280989831__collapsible_content_fbqV4w .collapsible-content__heading {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  margin: 0 auto !important;
}

/* Text above "Preguntas Frecuentes" */
#shopify-section-template--20952280989831__collapsible_content_fbqV4w .collapsible-content__heading::before {
  content: "RESOLVEMOS TUS DUDAS";
  display: block;
  margin-bottom: 1.6rem;
  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  font-size: 1.6rem !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #b08d57 !important;
}

/* Line + diamond + line below "Preguntas Frecuentes" */
#shopify-section-template--20952280989831__collapsible_content_fbqV4w .collapsible-content__heading::after {
  content: "";
  display: block;
  width: 23rem;
  height: 1.8rem;
  margin-top: 1.8rem;
  background-image:
    url("/cdn/shop/files/star.png?v=1787520373"),
    linear-gradient(#b08d57, #b08d57),
    linear-gradient(#b08d57, #b08d57);
  background-repeat: no-repeat;
  background-position:
    center center,
    left center,
    right center;
  background-size:
    1.2rem 1.2rem,
    calc(50% - 1.5rem) 0.1rem,
    calc(50% - 1.5rem) 0.1rem;
}

/* =====================================================
   FOOTER
   Description:
   Refines only the footer typography and hover states using
   the footer's unique Shopify section ID.
   ===================================================== */

/* Footer global typography */
#shopify-section-sections--20952278139015__footer .footer,
#shopify-section-sections--20952278139015__footer .footer * {
  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
}

/* Footer section titles: ACERCA DE NOSOTROS / LEGALES / CONTÁCTANOS */
#shopify-section-sections--20952278139015__footer .footer-block__heading {
  color: var(--ij-warm-white) !important;
  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  font-size: 1.3rem !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  margin-bottom: 1.8rem !important;
}

/* Footer menu links: same size as contact text */
#shopify-section-sections--20952278139015__footer .footer-block__details-content .list-menu__item--link,
#shopify-section-sections--20952278139015__footer .footer-block__details-content a {
  color: rgba(255, 253, 249, 0.74) !important;
  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  font-size: 1.35rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  text-decoration: none !important;
}

/* Contact text: same size as links */
#shopify-section-sections--20952278139015__footer .footer-block__details-content.rte,
#shopify-section-sections--20952278139015__footer .footer-block__details-content.rte p {
  color: rgba(255, 253, 249, 0.74) !important;
  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  font-size: 1.35rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
}

/* Footer link hover */
#shopify-section-sections--20952278139015__footer .footer a:hover,
#shopify-section-sections--20952278139015__footer .footer-block__details-content .list-menu__item--link:hover,
#shopify-section-sections--20952278139015__footer .footer-block__details-content a:hover,
#shopify-section-sections--20952278139015__footer .footer__copyright a:hover {
  color: #7a6d61 !important;
  text-decoration: none !important;
}

/* Social icons: larger and cleaner */
#shopify-section-sections--20952278139015__footer .footer__list-social {
  gap: 1.2rem;
}

#shopify-section-sections--20952278139015__footer .footer__list-social .list-social__link {
  width: 4.2rem !important;
  height: 4.2rem !important;
  color: rgba(255, 253, 249, 0.82) !important;
  transition: color 180ms ease, transform 180ms ease;
}

#shopify-section-sections--20952278139015__footer .footer__list-social .svg-wrapper {
  width: 2.4rem !important;
  height: 2.4rem !important;
}

#shopify-section-sections--20952278139015__footer .footer__list-social .icon {
  width: 2.4rem !important;
  height: 2.4rem !important;
}

#shopify-section-sections--20952278139015__footer .footer__list-social .list-social__link:hover {
  color: #7a6d61 !important;
  transform: translateY(-1px);
}

/* Copyright area */
#shopify-section-sections--20952278139015__footer .footer__copyright,
#shopify-section-sections--20952278139015__footer .footer__copyright small,
#shopify-section-sections--20952278139015__footer .footer__copyright a {
  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  color: rgba(255, 253, 249, 0.62) !important;
  text-decoration: none !important;
}

/* =====================================================
   ISABELLA JOYERÍA — CUSTOM REDESIGN STYLES
   Phase 4: Collection and search product cards
   Element: Product cards inside main product grid
   Page: Collection pages / Search results
   Description:
   Refines only product cards inside Dawn's main product grid.
   It does not target the Home featured collection cards, which
   are styled separately by section ID.
   ===================================================== */

/* Main product card container */
#product-grid .product-card-wrapper .card {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  overflow: hidden !important;
  border-radius: 1.4rem !important;
  transition: transform 220ms ease, box-shadow 220ms ease;
}

/* Soft premium hover, less aggressive than Dawn's 3D lift */
#product-grid .product-card-wrapper:hover .card {
  transform: translateY(-0.4rem);
  box-shadow: 0 1.2rem 2.8rem rgba(35, 33, 32, 0.08) !important;
}

/* Image area */
#product-grid .product-card-wrapper .card__inner,
#product-grid .product-card-wrapper .card__media,
#product-grid .product-card-wrapper .media {
  background-color: #fffdf9 !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  border-radius: 1.4rem 1.4rem 0 0 !important;
  overflow: hidden !important;
}

/* Product image */
#product-grid .product-card-wrapper .media img {
  object-fit: cover !important;
  transition: transform 280ms ease;
}

/* Subtle image zoom on hover */
#product-grid .product-card-wrapper:hover .media img {
  transform: scale(1.035);
}

/* Text block below image */
#product-grid .product-card-wrapper .card > .card__content,
#product-grid .product-card-wrapper .card > .card__content .card__information,
#product-grid .product-card-wrapper .card > .card__content .card-information {
  background-color: #7a6d61 !important;
}

/* Bottom content container */
#product-grid .product-card-wrapper .card > .card__content {
  border-radius: 0 0 1.4rem 1.4rem !important;
  padding: 1.4rem 1.4rem 1.5rem !important;
}

/* Product information spacing */
#product-grid .product-card-wrapper .card__information {
  padding: 0 !important;
  text-align: left !important;
}

/* Product title */
#product-grid .product-card-wrapper .card__heading,
#product-grid .product-card-wrapper .card__heading a {
  color: #fffdf9 !important;
  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  font-size: 1.35rem !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.055em !important;
  text-decoration: none !important;
  text-transform: none !important;
}

/* Remove Dawn underline on hover */
#product-grid .product-card-wrapper:hover .card__heading a,
#product-grid .product-card-wrapper.underline-links-hover:hover a {
  color: #fffdf9 !important;
  text-decoration: none !important;
}

/* Vendor / small caption, if enabled */
#product-grid .product-card-wrapper .caption-with-letter-spacing {
  color: rgba(255, 253, 249, 0.7) !important;
  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  font-size: 1rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

/* Product price */
#product-grid .product-card-wrapper .price,
#product-grid .product-card-wrapper .price *,
#product-grid .product-card-wrapper .price-item {
  color: #fffdf9 !important;
  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  font-size: 1.55rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.03em !important;
}

/* Sale / compare price refinement */
#product-grid .product-card-wrapper .price--on-sale .price-item--regular {
  color: rgba(255, 253, 249, 0.58) !important;
}

#product-grid .product-card-wrapper .price--on-sale .price-item--sale {
  color: #fffdf9 !important;
}

/* Badges: sale / sold out */
#product-grid .product-card-wrapper .badge {
  background-color: #232120 !important;
  color: #fffdf9 !important;
  border: 0.1rem solid rgba(143, 111, 63, 0.22) !important;
  border-radius: 999px !important;
  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
}

/* Mobile refinement */
@media screen and (max-width: 749px) {
  #product-grid .product-card-wrapper .card > .card__content {
    padding: 1.1rem 1rem 1.2rem !important;
  }

  #product-grid .product-card-wrapper .card__heading,
  #product-grid .product-card-wrapper .card__heading a {
    font-size: 1.2rem !important;
    letter-spacing: 0.04em !important;
  }

  #product-grid .product-card-wrapper .price,
  #product-grid .product-card-wrapper .price *,
  #product-grid .product-card-wrapper .price-item {
    font-size: 1.35rem !important;
  }
}

/* =====================================================
   ISABELLA JOYERÍA — CUSTOM REDESIGN STYLES
   Phase 4: Collection title and product grid spacing
   Element: Collection hero + product grid section
   Page: Collection pages
   Description:
   Adds space between the header/menu and the collection title,
   removes unnecessary space between the title and the filters,
   and keeps bottom spacing before the footer.
   ===================================================== */

/* Collection title section: separates title from header/menu */
#shopify-section-template--20952280694919__banner .collection-hero__inner {
  padding-top: 4.5rem !important;
  padding-bottom: 1.2rem !important;
}

/* Collection title styling/spacing */
#shopify-section-template--20952280694919__banner .collection-hero__title {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Product grid section: removes big gap between title and filters/products */
#shopify-section-template--20952280694919__product-grid .section-template--20952280694919__product-grid-padding {
  padding-top: 1.2rem !important;
  padding-bottom: 7rem !important;
}

/* Filters spacing: keeps filter row close to the title */
#shopify-section-template--20952280694919__product-grid .facets-wrapper,
#shopify-section-template--20952280694919__product-grid .facets-container {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Product grid spacing: keeps products close to filters but separated from footer */
#shopify-section-template--20952280694919__product-grid #product-grid {
  margin-top: 1.4rem !important;
  margin-bottom: 3rem !important;
}

/* Mobile adjustment */
@media screen and (max-width: 749px) {
  #shopify-section-template--20952280694919__banner .collection-hero__inner {
    padding-top: 3rem !important;
    padding-bottom: 0.8rem !important;
  }

  #shopify-section-template--20952280694919__product-grid .section-template--20952280694919__product-grid-padding {
    padding-top: 0.8rem !important;
    padding-bottom: 5rem !important;
  }

  #shopify-section-template--20952280694919__product-grid #product-grid {
    margin-top: 1rem !important;
    margin-bottom: 2rem !important;
  }
}

/* Collection page: section title typography */
.collection-hero__title {
  font-family: Didot, "Bodoni 72", "Times New Roman", Georgia, serif !important;
  color: #232120 !important;
  font-weight: 400 !important;
  letter-spacing: 0.015em !important;
  line-height: 1.08 !important;
  text-align: center !important;
}

/* Collection page: title size */
.collection-hero__title {
  font-size: 5rem !important;
}

/* Mobile adjustment */
@media screen and (max-width: 749px) {
  .collection-hero__title {
    font-size: 3.8rem !important;
    line-height: 1.12 !important;
  }
}

/* =====================================================
   ISABELLA JOYERÍA — CUSTOM REDESIGN STYLES
   Phase 2: Home promotions banner — mobile crop
   Element: Promotional image banner
   Page: Home
   Description:
   Prioritizes the left side of promotional artwork on
   mobile, where discount information will normally appear.
   Desktop remains unchanged.
   ===================================================== */

@media screen and (max-width: 749px) {
  #shopify-section-template--20952280989831__image_banner_NqXYFL
  .banner__media img {
    object-position: 10% center !important;
  }
}

/* =====================================================
   PRODUCTS PAGE
   ===================================================== */

/* =====================================================
   ISABELLA JOYERÍA — CUSTOM REDESIGN STYLES
   Phase 3: Product page visual refinement
   Element: Product information text and add to cart button
   Page: Product pages
   Description:
   Global product page styling using Dawn's product selectors.
   Changes main product text to black, keeps vendor styling separate,
   adds spacing between vendor and title, and updates the add to cart
   button color.
   ===================================================== */

/* Product page: turns main product information text black */
main .product .product__info-container,
main .product .product__info-container *,
main .product .product__title,
main .product .product__title *,
main .product .price,
main .product .price *,
main .product .product__description,
main .product .product__description *,
main .product .product__tax,
main .product .product__tax * {
  color: #232120 !important;
}

/* Product page: keep vendor name in warm gold/brown */
main .product .product__info-container .caption-with-letter-spacing,
main .product .product__info-container .product__vendor,
main .product .product__info-container .vendor {
  color: #7a6d61 !important;
  display: block !important;
  margin-bottom: 1.6rem !important;
  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  font-size: 1.15rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}

/* Product page: separates vendor from product title */
main .product .product__title {
  margin-top: 0 !important;
  margin-bottom: 2.2rem !important;
}

/* Product page: add to cart button color */
main .product .product-form__submit,
main .product button.product-form__submit,
main .product .product-form__buttons .button,
main .product .product-form__submit span,
main .product .product-form__submit *,
main .product .product-form__buttons .button span,
main .product .product-form__buttons .button * {
  background-color: #7a6d61 !important;
  color: #fffdf9 !important;
  border: none !important;
  box-shadow: none !important;
  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  font-size: 1.35rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  border-radius: 0.9rem !important;
}

/* Product page: removes Dawn default border/outline effect from button */
main .product .product-form__submit::before,
main .product .product-form__submit::after,
main .product .product-form__buttons .button::before,
main .product .product-form__buttons .button::after {
  box-shadow: none !important;
}

/* Product page: add to cart hover */
main .product .product-form__submit:hover,
main .product .product-form__buttons .button:hover {
  background-color: #6b5f55 !important;
  color: #fffdf9 !important;
}

/* Product page: price typography refinement */
main .product .product__info-container .price,
main .product .product__info-container .price *,
main .product .product__info-container .price-item {
  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  font-size: 2.2rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  color: #232120 !important;
}

/* =====================================================
   ISABELLA JOYERÍA — CUSTOM REDESIGN STYLES
   Phase 3: Recommended product cards
   Element: Product recommendation cards
   Page: Product pages
   Description:
   Applies the same premium product card design used in
   collection grids to the recommended products section
   on product pages.
   ===================================================== */

/* Recommended products: main product card container */
.product-recommendations .product-card-wrapper .card,
.related-products .product-card-wrapper .card {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  overflow: hidden !important;
  border-radius: 1.4rem !important;
  transition: transform 220ms ease, box-shadow 220ms ease;
}

/* Recommended products: soft premium hover */
.product-recommendations .product-card-wrapper:hover .card,
.related-products .product-card-wrapper:hover .card {
  transform: translateY(-0.4rem);
  box-shadow: 0 1.2rem 2.8rem rgba(35, 33, 32, 0.08) !important;
}

/* Recommended products: image area */
.product-recommendations .product-card-wrapper .card__inner,
.product-recommendations .product-card-wrapper .card__media,
.product-recommendations .product-card-wrapper .media,
.related-products .product-card-wrapper .card__inner,
.related-products .product-card-wrapper .card__media,
.related-products .product-card-wrapper .media {
  background-color: #fffdf9 !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  border-radius: 1.4rem 1.4rem 0 0 !important;
  overflow: hidden !important;
}

/* Recommended products: product image */
.product-recommendations .product-card-wrapper .media img,
.related-products .product-card-wrapper .media img {
  object-fit: cover !important;
  transition: transform 280ms ease;
}

/* Recommended products: subtle image zoom on hover */
.product-recommendations .product-card-wrapper:hover .media img,
.related-products .product-card-wrapper:hover .media img {
  transform: scale(1.035);
}

/* Recommended products: text block below image */
.product-recommendations .product-card-wrapper .card > .card__content,
.product-recommendations .product-card-wrapper .card > .card__content .card__information,
.product-recommendations .product-card-wrapper .card > .card__content .card-information,
.related-products .product-card-wrapper .card > .card__content,
.related-products .product-card-wrapper .card > .card__content .card__information,
.related-products .product-card-wrapper .card > .card__content .card-information {
  background-color: #7a6d61 !important;
}

/* Recommended products: bottom content container */
.product-recommendations .product-card-wrapper .card > .card__content,
.related-products .product-card-wrapper .card > .card__content {
  border-radius: 0 0 1.4rem 1.4rem !important;
  padding: 1.4rem 1.4rem 1.5rem !important;
}

/* Recommended products: product information spacing */
.product-recommendations .product-card-wrapper .card__information,
.related-products .product-card-wrapper .card__information {
  padding: 0 !important;
  text-align: center !important;
}

/* Recommended products: product title */
.product-recommendations .product-card-wrapper .card__heading,
.product-recommendations .product-card-wrapper .card__heading a,
.related-products .product-card-wrapper .card__heading,
.related-products .product-card-wrapper .card__heading a {
  color: #fffdf9 !important;
  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  font-size: 1.35rem !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.055em !important;
  text-decoration: none !important;
  text-transform: none !important;
}

/* Recommended products: remove Dawn underline on hover */
.product-recommendations .product-card-wrapper:hover .card__heading a,
.product-recommendations .product-card-wrapper.underline-links-hover:hover a,
.related-products .product-card-wrapper:hover .card__heading a,
.related-products .product-card-wrapper.underline-links-hover:hover a {
  color: #fffdf9 !important;
  text-decoration: none !important;
}

/* Recommended products: vendor / small caption */
.product-recommendations .product-card-wrapper .caption-with-letter-spacing,
.related-products .product-card-wrapper .caption-with-letter-spacing {
  color: rgba(255, 253, 249, 0.7) !important;
  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  font-size: 1rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

/* Recommended products: price */
.product-recommendations .product-card-wrapper .price,
.product-recommendations .product-card-wrapper .price *,
.product-recommendations .product-card-wrapper .price-item,
.related-products .product-card-wrapper .price,
.related-products .product-card-wrapper .price *,
.related-products .product-card-wrapper .price-item {
  color: #fffdf9 !important;
  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  font-size: 1.55rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.03em !important;
}

/* Recommended products: sale / compare price refinement */
.product-recommendations .product-card-wrapper .price--on-sale .price-item--regular,
.related-products .product-card-wrapper .price--on-sale .price-item--regular {
  color: rgba(255, 253, 249, 0.58) !important;
}

.product-recommendations .product-card-wrapper .price--on-sale .price-item--sale,
.related-products .product-card-wrapper .price--on-sale .price-item--sale {
  color: #fffdf9 !important;
}

/* Recommended products: badges */
.product-recommendations .product-card-wrapper .badge,
.related-products .product-card-wrapper .badge {
  background-color: #fffdf9 !important;
  color: #7a6d61 !important;
  border: 0.1rem solid rgba(122, 109, 97, 0.22) !important;
  border-radius: 999px !important;
  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
}

/* =====================================================
   Element: Size selector
   Page: Product pages
   Description:
   Changes button desing into dropdown selector picker for the ring
   sizes only in Argollas
   ===================================================== */
   
/* Product page: Isabella ring size dropdown */
main .product .product-form__input--isabella-ring-size {
  margin-top: 2.2rem !important;
  margin-bottom: 2.4rem !important;
}

/* Product page: Isabella ring size dropdown label */
main .product .product-form__input--isabella-ring-size .form__label {
  color: #232120 !important;
  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  font-size: 1.35rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  margin-bottom: 1rem !important;
}

/* Product page: Isabella ring size dropdown field */
main .product .product-form__input--isabella-ring-size .select__select {
  background-color: #fffdf9 !important;
  color: #232120 !important;
  border: 0.1rem solid rgba(122, 109, 97, 0.45) !important;
  border-radius: 0.9rem !important;
  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  font-size: 1.45rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.03em !important;
  min-height: 4.8rem !important;
}

/* Product page: Isabella ring size dropdown border cleanup */
main .product .product-form__input--isabella-ring-size .select::before,
main .product .product-form__input--isabella-ring-size .select::after {
  box-shadow: none !important;
}

/* =====================================================
   ISABELLA JOYERÍA — CUSTOM REDESIGN STYLES
   Phase 3: Recommended products final refinement
   Element: Section title, product titles and spacing
   Page: All product pages
   Description:
   - Enlarges and recolors "También te puede gustar"
   - Aligns recommended product names to the left
   - Adds more separation between cards and footer
   ===================================================== */


/* Makes "También te puede gustar" slightly larger
   and changes color */

.product-recommendations .related-products__heading,
.related-products .related-products__heading,
.product-recommendations > h2,
.related-products > h2 {
  color: #232120 !important;
  font-family: Didot, "Bodoni 72", "Times New Roman", Georgia, serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 2.8rem !important;
  line-height: 1.15 !important;
  letter-spacing: 0.01em !important;
}


/* -----------------------------------------------------
   2. Recommended product names
   Effect:
   Overrides the current centered alignment ONLY for
   the product name and moves it to the left.
   ----------------------------------------------------- */

.product-recommendations .product-card-wrapper .card__heading,
.product-recommendations .product-card-wrapper .card__heading a,
.related-products .product-card-wrapper .card__heading,
.related-products .product-card-wrapper .card__heading a {
  text-align: left !important;
}

.product-recommendations .product-card-wrapper .card__heading,
.related-products .product-card-wrapper .card__heading {
  width: 100% !important;
}


/* -----------------------------------------------------
   3. Bottom spacing before footer
   Effect:
   Adds more breathing room after the complete row of
   recommended products without changing card dimensions.
   ----------------------------------------------------- */

.product-recommendations,
.related-products {
  padding-bottom: 9rem !important;
}

/* =====================================================
   ISABELLA JOYERÍA — CUSTOM REDESIGN STYLES
   Phase 3: Product description text color fix
   Element: Product description / rich text blocks
   Page: All product pages
   Description:
   Forces product descriptive copy to Isabella dark #232120,
   including paragraphs, bold text, italics, spans and links.
   Also removes inherited transparency that may make text
   appear gray.
   ===================================================== */

/*
  Selector:
  Product description and rich-text blocks located inside
  Dawn's product information column.

  Effect:
  Keeps descriptive product information consistently dark.
*/
main .product .product__info-container .product__description,
main .product .product__info-container .product__description *,
main .product .product__info-container .product__text,
main .product .product__info-container .product__text *,
main .product .product__info-container .rte,
main .product .product__info-container .rte p,
main .product .product__info-container .rte span,
main .product .product__info-container .rte strong,
main .product .product__info-container .rte b,
main .product .product__info-container .rte em,
main .product .product__info-container .rte i,
main .product .product__info-container .rte li,
main .product .product__info-container .rte a,
main .product .product__info-container .rte a:visited {
  color: #232120 !important;
  opacity: 1 !important;
}


/* -----------------------------------------------------
   Mobile refinement
   ----------------------------------------------------- */

@media screen and (max-width: 749px) {

  .product-recommendations .related-products__heading,
  .related-products .related-products__heading,
  .product-recommendations > h2,
  .related-products > h2 {
    font-size: 2.8rem !important;
  }

  .product-recommendations,
  .related-products {
    padding-bottom: 6rem !important;
  }
}

/* Mobile refinement */
@media screen and (max-width: 749px) {
  .product-recommendations .product-card-wrapper .card > .card__content,
  .related-products .product-card-wrapper .card > .card__content {
    padding: 1.1rem 1rem 1.2rem !important;
  }

  .product-recommendations .product-card-wrapper .card__heading,
  .product-recommendations .product-card-wrapper .card__heading a,
  .related-products .product-card-wrapper .card__heading,
  .related-products .product-card-wrapper .card__heading a {
    font-size: 1.2rem !important;
    letter-spacing: 0.04em !important;
  }

  .product-recommendations .product-card-wrapper .price,
  .product-recommendations .product-card-wrapper .price *,
  .product-recommendations .product-card-wrapper .price-item,
  .related-products .product-card-wrapper .price,
  .related-products .product-card-wrapper .price *,
  .related-products .product-card-wrapper .price-item {
    font-size: 1.35rem !important;
  }
}
/* Product page: selected variant pill */
main .product .product-form__input input[type='radio']:checked + label {
  background-color: #7a6d61 !important;
  color: #fffdf9 !important;
  border-color: #7a6d61 !important;
}

/* =====================================================
   PÁGINA SUCURSALES
   ===================================================== */

/* 
  Adds more breathing room between the header/menu and the Sucursales title,
  while also creating visual separation before the first branch section.
*/
body
#shopify-section-template--20952281153671__main .section-template--20952281153671__main-padding {
  padding-top: 4rem !important;
  padding-bottom: 1rem !important;
} 

/* 
  Centers the Sucursales page title and applies the same elegant serif style
  used for product section titles.
*/
#shopify-section-template--20952281153671__main .main-page-title {
  font-family: Didot, "Bodoni 72", "Times New Roman", Georgia, serif !important;
  color: #232120 !important;
  text-align: center !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
  margin-bottom: 2.4rem !important;
}

/* Matches the mobile title scale used on the Nosotros page. */

@media screen and (max-width: 749px) {
  #shopify-section-template--20952281153671__main .main-page-title {
    font-size: 5.2rem !important;
    line-height: 1.05 !important;
  }
}

/* 
  Changes the intro text color to match the FAQ section tone from the home page.
*/
#shopify-section-template--20952281153671__main .rte,
#shopify-section-template--20952281153671__main .rte p,
#shopify-section-template--20952281153671__main .rte strong {
  color: #232120 !important;
}

/* 
  Applies the same refined dark text color to branch titles, addresses, phone labels,
  and body copy without affecting other pages.
*/
#MainContent [id^="shopify-section-template--20952281153671__image_with_text"] .image-with-text__heading,
#MainContent [id^="shopify-section-template--20952281153671__image_with_text"] .image-with-text__text,
#MainContent [id^="shopify-section-template--20952281153671__image_with_text"] .image-with-text__text p,
#MainContent [id^="shopify-section-template--20952281153671__image_with_text"] .image-with-text__text strong {
  color: #232120 !important;
}

/* 
  Adds extra spacing before the footer so the final branch section does not feel cramped.
*/
#MainContent [id^="shopify-section-template--20952281153671__image_with_text"]:last-of-type {
  margin-bottom: 5rem !important;
}

@media screen and (min-width: 750px) {
  #shopify-section-template--20952281153671__main .section-template--20952281153671__main-padding {
    padding-top: 6.4rem !important;
    padding-bottom: 4rem !important;
  }

  #shopify-section-template--20952281153671__main .main-page-title {
    margin-bottom: 1.2rem !important;
  }

  #MainContent [id^="shopify-section-template--20952281153671__image_with_text"]:last-of-type {
    margin-bottom: 7.2rem !important;
  }
}

/* Reduces the vertical space between the intro/horario text and the first sucursal section.*/
#shopify-section-template--20952281153671__main .section-template--20952281153671__main-padding {
  padding-bottom: 1.2rem !important;
}

@media screen and (min-width: 750px) {
  #shopify-section-template--20952281153671__main .section-template--20952281153671__main-padding {
    padding-bottom: 1rem !important;
  }
}

/*
  Applies the same elegant serif font used in the main "Sucursales" title
  to each branch/plaza title.
*/
#MainContent [id^="shopify-section-template--20952281153671__image_with_text"] .image-with-text__heading {
  font-family: Didot, "Bodoni 72", "Times New Roman", Georgia, serif !important;
  color: #232120 !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.15 !important;
}

/*
  Centers the intro and schedule text below the "Sucursales" title,
  keeping the text color and refined institutional style.
*/
#shopify-section-template--20952281153671__main .rte {
  text-align: center !important;
  max-width: 78rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#shopify-section-template--20952281153671__main .rte p {
  text-align: center !important;
}

/* =====================================================
   ISABELLA JOYERÍA — CUSTOM REDESIGN STYLES
   Phase 5: Institutional pages
   Page: Sucursales
   Element: Center decorative divider below title
   ===================================================== */

/*
  Selector:
  Main Sucursales title

  Effect:
  Forces the title and decorative divider to stack vertically and stay centered.
*/
#shopify-section-template--20952281153671__main .main-page-title {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

/*
  Adds a refined line + diamond + line divider below the "Sucursales" title
*/
#shopify-section-template--20952281153671__main .main-page-title::after {
  content: "";
  display: block !important;

  width: 28rem;
  height: 1.8rem;
  margin: 1rem auto 1.1rem !important;

  background-image:
    url("/cdn/shop/files/star.png?v=1787520373"),
    linear-gradient(#b08d57, #b08d57),
    linear-gradient(#b08d57, #b08d57);
  background-repeat: no-repeat;
  background-position:
    center center,
    left center,
    right center;
  background-size:
    1.4rem 1.4rem,
    calc(43% - 1.4rem) 0.1rem,
    calc(43% - 1.4rem) 0.1rem;
}


/*
  Selector:
  #shopify-section-template--20952281153671__rich_text_iRBgTJ

  Effect:
  Targets the new Rich Text section created specifically for Horario de Atención.
*/
#shopify-section-template--20952281153671__rich_text_iRBgTJ {
  margin-top: 0 !important;
}

/*
  Removes excessive default spacing from Dawn so the box sits closer to the title area.
*/
#shopify-section-template--20952281153671__rich_text_iRBgTJ .section-template--20952281153671__rich_text_iRBgTJ-padding {
  padding-top: 0.4rem !important;
  padding-bottom: 3.2rem !important;
}

/*
  Converts Horario de Atención Text block into a premium transparent gold schedule box.
*/
#shopify-section-template--20952281153671__rich_text_iRBgTJ .rich-text__blocks {
  display: grid !important;
  grid-template-columns: 20rem 0.1rem 1fr;
  align-items: center;
  column-gap: 2.8rem;

  max-width: 86rem !important;
  margin: 0 auto !important;
  padding: 2.4rem 3.2rem !important;

  background: rgba(176, 141, 87, 0.10) !important;
  border: 0.1rem solid rgba(176, 141, 87, 0.32) !important;
  border-radius: 1.2rem !important;
  box-shadow: 0 1.2rem 3rem rgba(35, 33, 32, 0.04) !important;

  text-align: left !important;
}

/*
  Places the title on the left side of the box.
*/
#shopify-section-template--20952281153671__rich_text_iRBgTJ .rich-text__caption {
  grid-column: 1;
  grid-row: 1;

  margin: 0 !important;
  color: #8f6f3f !important;

  font-family: Didot, "Bodoni 72", "Times New Roman", Georgia, serif !important;
  font-size: 2rem !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  text-align: center !important;
}

/*
  Adds the vertical line between the title and the schedule text.
*/
#shopify-section-template--20952281153671__rich_text_iRBgTJ .rich-text__blocks::after {
  content: "";
  display: block;
  grid-column: 2;
  grid-row: 1;

  width: 0.1rem;
  height: 6.6rem;
  background: rgba(176, 141, 87, 0.45);
}

/*
  Places the schedule text on the right side and keeps the refined dark color.
*/
#shopify-section-template--20952281153671__rich_text_iRBgTJ .rich-text__text {
  grid-column: 3;
  grid-row: 1;

  max-width: none !important;
  margin: 0 !important;
  color: #232120 !important;
  text-align: left !important;
}

#shopify-section-template--20952281153671__rich_text_iRBgTJ .rich-text__text p,
#shopify-section-template--20952281153671__rich_text_iRBgTJ .rich-text__text strong {
  color: #232120 !important;
  margin: 0 !important;
}

/*
  Mobile adjustment:
  Stacks the label, divider, and text vertically on small screens.
*/
@media screen and (max-width: 749px) {
  #shopify-section-template--20952281153671__rich_text_iRBgTJ .section-template--20952281153671__rich_text_iRBgTJ-padding {
    padding-top: 1rem !important;
    padding-bottom: 2.8rem !important;
  }

  #shopify-section-template--20952281153671__rich_text_iRBgTJ .rich-text__blocks {
    grid-template-columns: 1fr;
    row-gap: 1.6rem;

    max-width: calc(100% - 3rem) !important;
    padding: 2.4rem 2rem !important;
    text-align: center !important;
  }

  #shopify-section-template--20952281153671__rich_text_iRBgTJ .rich-text__caption {
    grid-column: 1;
    grid-row: 1;
  }

  #shopify-section-template--20952281153671__rich_text_iRBgTJ .rich-text__blocks::after {
    grid-column: 1;
    grid-row: 2;

    width: 8rem;
    height: 0.1rem;
    margin: 0 auto;
  }

  #shopify-section-template--20952281153671__rich_text_iRBgTJ .rich-text__text {
    grid-column: 1;
    grid-row: 3;
    text-align: center !important;
  }
}

/* =====================================================
   ISABELLA JOYERÍA — CUSTOM REDESIGN STYLES
   Phase 5: Institutional pages
   Page: Sucursales
   Element: Branch image/text cards
   ===================================================== */

/*
  Selector:
  All Image with Text sections on the Sucursales page

  Effect:
  Reduces the default vertical spacing from Dawn so each branch card feels
  closer to the reference layout.
*/
#MainContent [id^="shopify-section-template--20952281153671__image_with_text"] .gradient {
  padding-top: 1.8rem !important;
  padding-bottom: 1.8rem !important;
}

/*
  Selector:
  Image with Text main container

  Effect:
  Turns each branch section into a centered premium card with rounded corners,
  a soft gold outline, and a subtle warm background.
*/
#MainContent [id^="shopify-section-template--20952281153671__image_with_text"] .image-with-text {
  max-width: 104rem !important;
  margin-left: auto !important;
  margin-right: auto !important;

  background: rgba(255, 253, 249, 0.82) !important;
  border: 0.1rem solid rgba(176, 141, 87, 0.34) !important;
  border-radius: 1.8rem !important;
  overflow: hidden !important;

  box-shadow: 0 1.4rem 3.4rem rgba(35, 33, 32, 0.045) !important;
}

/*
  Selector:
  Branch card grid

  Effect:
  Makes the image and text areas stretch evenly inside the card.
*/
#MainContent [id^="shopify-section-template--20952281153671__image_with_text"] .image-with-text__grid {
  align-items: stretch !important;
  min-height: 38rem !important;
}

/*
  Selector:
  Image side of each branch card

  Effect:
  Makes the photo area fill the left or right side of the card cleanly.
*/
#MainContent [id^="shopify-section-template--20952281153671__image_with_text"] .image-with-text__media-item {
  display: flex !important;
  align-items: stretch !important;
}

/*
  Selector:
  Branch photo container

  Effect:
  Removes Dawn's tall portrait ratio and forces a cleaner card-like image area
  similar to the reference design.
*/
#MainContent [id^="shopify-section-template--20952281153671__image_with_text"] .image-with-text__media {
  width: 100% !important;
  height: 100% !important;
  min-height: 38rem !important;
  padding-bottom: 0 !important;

  border: none !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
}

/*
  Selector:
  Branch photo image

  Effect:
  Makes each photo cover the available space without distortion.
*/
#MainContent [id^="shopify-section-template--20952281153671__image_with_text"] .image-with-text__media img {
  position: absolute !important;
  inset: 0 !important;

  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/*
  Selector:
  Text side of each branch card

  Effect:
  Gives the address, phone and button a cleaner premium spacing inside the card.
*/
#MainContent [id^="shopify-section-template--20952281153671__image_with_text"] .image-with-text__content {
  height: 100% !important;
  min-height: 38rem !important;

  padding: 4.4rem 5.2rem !important;
  background: transparent !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

/*
  Selector:
  Branch title

  Effect:
  Keeps the plaza title elegant and visually consistent with the Sucursales title.
*/
#MainContent [id^="shopify-section-template--20952281153671__image_with_text"] .image-with-text__heading {
  font-family: Didot, "Bodoni 72", "Times New Roman", Georgia, serif !important;
  font-weight: 400 !important;
  color: #232120 !important;
  line-height: 1.15 !important;
  margin-bottom: 1.8rem !important;
}

/*
  Selector:
  Branch address and phone text

  Effect:
  Keeps all branch text in the refined dark tone.
*/
#MainContent [id^="shopify-section-template--20952281153671__image_with_text"] .image-with-text__text,
#MainContent [id^="shopify-section-template--20952281153671__image_with_text"] .image-with-text__text p,
#MainContent [id^="shopify-section-template--20952281153671__image_with_text"] .image-with-text__text strong {
  color: #232120 !important;
}

/*
  Selector:
  Mobile layout

  Effect:
  Stacks the image and text while preserving the rounded card design.
*/
@media screen and (max-width: 749px) {
  #MainContent [id^="shopify-section-template--20952281153671__image_with_text"] .gradient {
    padding-top: 1.2rem !important;
    padding-bottom: 1.2rem !important;
  }

  #MainContent [id^="shopify-section-template--20952281153671__image_with_text"] .image-with-text {
    max-width: calc(100% - 3rem) !important;
    border-radius: 1.4rem !important;
  }

  #MainContent [id^="shopify-section-template--20952281153671__image_with_text"] .image-with-text__grid {
    min-height: auto !important;
  }

  #MainContent [id^="shopify-section-template--20952281153671__image_with_text"] .image-with-text__media {
    min-height: 28rem !important;
  }

  #MainContent [id^="shopify-section-template--20952281153671__image_with_text"] .image-with-text__content {
    min-height: auto !important;
    padding: 3rem 2.4rem !important;
  }
}

/*
  Adds a small decorative icon before each sucursal/plaza title.
*/
#MainContent [id^="shopify-section-template--20952281153671__image_with_text"] .image-with-text__heading {
  display: flex !important;
  align-items: center !important;
  gap: 1.2rem !important;
}

/*
  Displays the uploaded icon before each sucursal title.
*/
#MainContent [id^="shopify-section-template--20952281153671__image_with_text"] .image-with-text__heading::before {
  content: "";
  display: inline-block;
  width: 2.8rem;
  height: 2.8rem;
  flex: 0 0 2.8rem;

  background-image: url("/cdn/shop/files/ubicacion.png?v=1786636468");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/*
  Mobile adjustment:
  Slightly reduces the icon size on smaller screens.
*/
@media screen and (max-width: 749px) {
  #MainContent [id^="shopify-section-template--20952281153671__image_with_text"] .image-with-text__heading::before {
    width: 2.4rem;
    height: 2.4rem;
    flex-basis: 2.4rem;
  }
}

/* =====================================================
   PÁGINA SERVICIOS
   ===================================================== */

/* 
  Adds more breathing room between the header/menu and the page title,
  without affecting other pages.
*/
#shopify-section-template--20952281186439__main .section-template--20952281186439__main-padding {
  padding-top: 4.8rem !important;
  padding-bottom: 0 !important;
}

/* 
  Centers the title and applies the same refined serif font style used
  for the Sucursales page title.
*/
#shopify-section-template--20952281186439__main .main-page-title {
  text-align: center !important;
  font-family: Didot, "Bodoni 72", "Times New Roman", Georgia, serif !important;
  color: #232120 !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
  margin-bottom: 1.2rem !important;
}

/* 
  Centers the introductory copy, changes it to dark text,
  and reduces the spacing between title and paragraph.
*/
#shopify-section-template--20952281186439__main .rte {
  text-align: center !important;
  color: #232120 !important;
  margin-top: 0 !important;
}

/* Keeps the text compact and visually closer to the title. */
#shopify-section-template--20952281186439__main .rte p {
  color: #232120 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* =====================================================
   Description:
   Aligns Servicios page closer to the visual reference:
   refined hero, elegant service cards, centered section title,
   subtle gold dividers, and reduced duplicate WhatsApp button.
   ===================================================== */


/* =====================================================
   Servicios Image banner
   ===================================================== */

/*
 Keeps the banner elegant and closer to the reference proportions.
*/
#shopify-section-template--20952281186439__image_banner_eREchP .banner {
  min-height: 50rem !important;
}

/*
  Keeps the image behind the text without the text stretching over the busy area.
*/
#shopify-section-template--20952281186439__image_banner_eREchP .banner__media img {
  object-fit: cover !important;
  object-position: center center !important;
}

/* Mobile: reencuadra la imagen para dar más protagonismo a la joya */
@media screen and (max-width: 749px) {
  #shopify-section-template--20952281186439__image_banner_eREchP
  .banner__media img {
    object-position: 85% center !important;
  }
}

 /* Centra línea — diamante — línea únicamente en móvil */
  #shopify-section-template--20952281186439__image_banner_eREchP
  .banner__heading::after {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/*
  Moves the content to the left and keeps it contained, like the reference.
*/
#shopify-section-template--20952281186439__image_banner_eREchP .banner__content {
  align-items: center !important;
}

#shopify-section-template--20952281186439__image_banner_eREchP .banner__box {
  max-width: 45rem !important;
  padding: 0 !important;
  background: transparent !important;
  text-align: left !important;
}

/*
  Effect: Reduces title size and makes it visually closer to the Nosotros page title.
*/
#shopify-section-template--20952281186439__image_banner_eREchP .banner__heading {
  font-family: Didot, "Bodoni 72", "Times New Roman", Georgia, serif !important;
  color: #232120 !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: calc(var(--font-heading-scale) * 5.2rem) !important;
  line-height: calc(1 + 0.3 / max(1, var(--font-heading-scale))) !important;
  letter-spacing: calc(var(--font-heading-scale) * 0.06rem) !important;
  text-transform: none !important;
  margin: 0 0 1.8rem !important;
  padding: 0 !important;
}


/*
  Selector: Decorative divider below Servicios title.
  Effect: Adds the gold line — diamond — line detail like the Nosotros page.
*/
#shopify-section-template--20952281186439__image_banner_eREchP .banner__heading::after {
  content: "";
  order: 2;
  display: block;
  width: 20rem;
  height: 1.8rem;
  margin: 1rem auto 1.1rem 0 !important;
  background-image:
    url("/cdn/shop/files/star.png?v=1787520373"),
    linear-gradient(#b08d57, #b08d57),
    linear-gradient(#b08d57, #b08d57);
  background-repeat: no-repeat;
  background-position:
    center center,
    left center,
    right center;
  background-size:
    1.4rem 1.4rem,
    calc(50% - 1.4rem) 0.1rem,
    calc(50% - 1.4rem) 0.1rem;
}

/*
  Selector: Servicios hero text.
  Effect: Moves the paragraph closer to the title divider and keeps it readable.
*/
#shopify-section-template--20952281186439__image_banner_eREchP .banner__text,
#shopify-section-template--20952281186439__image_banner_eREchP .banner__text p {
  color: #232120 !important;
  max-width: 43rem !important;
  margin-top: 0 !important;
}

/*
  Selector: Hero paragraph.
  Effect: Makes the paragraph narrower, darker and easier to read.
*/
#shopify-section-template--20952281186439__image_banner_eREchP .banner__text,
#shopify-section-template--20952281186439__image_banner_eREchP .banner__text p {
  color: #232120 !important;
  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  font-size: 1.55rem !important;
  line-height: 1.85 !important;
  letter-spacing: 0.01em !important;
  max-width: 43rem !important;
  margin-bottom: 2.2rem !important;
}

/*
  Selector: Hero WhatsApp button.
  Effect: Keeps the hero CTA premium and prepares space for an icon.
*/
#shopify-section-template--20952281186439__image_banner_eREchP .banner__buttons .button {
  background-color: #b08d57 !important;
  color: #fffdf9 !important;
  border-radius: 0.6rem !important;
  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  min-height: 4.2rem !important;
  padding: 0 2.4rem !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.8rem !important;
}

/* 
  Selector: Hero WhatsApp button icon.
  Effect: Overrides Dawn's default button pseudo-element and shows
  the WhatsApp icon before the button text.
*/
#shopify-section-template--20952281186439__image_banner_eREchP .banner__buttons .button::before {
  content: "" !important;
  position: relative !important;
  inset: auto !important;
  z-index: 2 !important;
  width: 1.7rem !important;
  height: 1.7rem !important;
  min-width: 1.7rem !important;
  display: inline-block !important;
  background-image: url("/cdn/shop/files/whatsapp.png?v=1786643710") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  flex-shrink: 0 !important;
}


/* =====================================================
   NUESTROS SERVICIOS — Title
   Section: Multicolumn
   ===================================================== */

/*
  Selector: Servicios multicolumn section.
  Effect: Keeps the services area warm and clean.
*/
#shopify-section-template--20952281186439__multicolumn_ygV7Gg .multicolumn {
  background-color: #fbf8f3 !important;
}

/*
  Selector: Services section spacing.
  Effect: Reduces excess vertical space and keeps the section elegant.
*/
#shopify-section-template--20952281186439__multicolumn_ygV7Gg .section-template--20952281186439__multicolumn_ygV7Gg-padding {
  padding-top: 5.2rem !important;
  padding-bottom: 4.6rem !important;
}

/*
  Selector: "Nuestros Servicios" heading.
  Effect: Makes the label Montserrat, gold, centered and refined.
*/
#shopify-section-template--20952281186439__multicolumn_ygV7Gg .title,
#shopify-section-template--20952281186439__multicolumn_ygV7Gg .multicolumn__title {
  font-family: Didot, "Bodoni 72", "Times New Roman", Georgia, serif !important;  
  font-size: 2.4rem !important;
  font-weight: 500 !important;
  color: #8f6f3fff !important;
  text-align: center !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  margin: 0 auto 2.4rem !important;
}

/*
  Selector: "Nuestros Servicios" title.
  Effect: Keeps the title centered and prepares it for a decorative line below.
*/
#shopify-section-template--20952281186439__multicolumn_ygV7Gg .title,
#shopify-section-template--20952281186439__multicolumn_ygV7Gg .multicolumn__title {
  position: relative !important;
  display: block !important;
  width: fit-content !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 2.5rem !important;
}
/* 
   Element: Nuestros Servicios single centered line
   Description: Keeps only one centered decorative line below "Nuestros Servicios"*/

#shopify-section-template--20952281186439__multicolumn_ygV7Gg .title-wrapper-with-link::after,
#shopify-section-template--20952281186439__multicolumn_ygV7Gg .title-wrapper::after {
  content: "";
  display: block;
  width: 30rem;
  height: 0.1rem;
  margin: 0rem auto 0;
  background-color: rgba(176, 141, 87, 0.45);
}

/* =====================================================
   SERVICE CARDS — Taller / Mantenimiento / Personalizado
   Section: Multicolumn
   ===================================================== */

/*
  Selector: Services card.
  Effect: Removes filled background and creates a subtle gold outline.
*/
#shopify-section-template--20952281186439__multicolumn_ygV7Gg .multicolumn-card {
  background-color: #fbf8f3 !important;
  border: 0.1rem solid rgba(176, 141, 87, 0.38) !important;
  border-radius: 0.8rem !important;
  box-shadow: none !important;
  overflow: hidden !important;
  height: 100% !important;
}

/*
  Selector: Services card inner content.
  Effect: Centers content and creates reference-like spacing.
*/
#shopify-section-template--20952281186439__multicolumn_ygV7Gg .multicolumn-card__info {
  text-align: center !important;
  padding: 3rem 2.6rem 3.4rem !important;
}

/*
  Selector: Service icons.
  Effect: Reduces icons and forces all three to feel consistent.
*/
#shopify-section-template--20952281186439__multicolumn_ygV7Gg .multicolumn-card__image-wrapper,
#shopify-section-template--20952281186439__multicolumn_ygV7Gg .media {
  max-width: 9rem !important;
  width: 9rem !important;
  margin: 0 auto 2rem !important;
}

#shopify-section-template--20952281186439__multicolumn_ygV7Gg .multicolumn-card__image,
#shopify-section-template--20952281186439__multicolumn_ygV7Gg .multicolumn-card__image-wrapper img,
#shopify-section-template--20952281186439__multicolumn_ygV7Gg .media img {
  width: 9rem !important;
  height: 9rem !important;
  object-fit: contain !important;
  object-position: center !important;
}

/*
  Selector: Service card titles.
  Effect: Changes titles to Bodoni/Didot, dark and elegant.
*/
#shopify-section-template--20952281186439__multicolumn_ygV7Gg .multicolumn-card__info h3,
#shopify-section-template--20952281186439__multicolumn_ygV7Gg .multicolumn-card__info h3 strong {
  font-family: Didot, "Bodoni 72", "Times New Roman", Georgia, serif !important;
  color: #232120 !important;
  font-size: 3rem !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
  letter-spacing: 0.01em !important;
  text-align: center !important;
  margin: 0 0 1.4rem !important;
}

/*
  Selector: Divider below each card title.
  Effect: Adds a small separator line below Taller, Mantenimiento and Personalizado.
*/
#shopify-section-template--20952281186439__multicolumn_ygV7Gg .multicolumn-card__info h3::after {
  content: "";
  display: block;
  width: 35%;
  height: 0.12rem;
  background-color: rgba(176, 141, 87, 0.45);
  margin: 1.4rem auto 0;
}

/*
  Selector: Card body text.
  Effect: Changes all text to Isabella dark color and keeps it readable.
*/
#shopify-section-template--20952281186439__multicolumn_ygV7Gg .multicolumn-card__info .rte,
#shopify-section-template--20952281186439__multicolumn_ygV7Gg .multicolumn-card__info .rte p,
#shopify-section-template--20952281186439__multicolumn_ygV7Gg .multicolumn-card__info .rte strong,
#shopify-section-template--20952281186439__multicolumn_ygV7Gg .multicolumn-card__info li {
  color: #232120 !important;
  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  font-size: 1.35rem !important;
  line-height: 1.75 !important;
  letter-spacing: 0.01em !important;
  text-align: center !important;
}

/*
  Selector: First paragraph in each card.
  Effect: Adds a separator line after the intro paragraph.
*/
#shopify-section-template--20952281186439__multicolumn_ygV7Gg .multicolumn-card__info .rte p:first-child::after {
  content: "";
  display: block;
  width: 90%;
  height: 0.12rem;
  background-color: rgba(176, 141, 87, 0.38);
  margin: 1.4rem auto 1.8rem;
}

/*
  Selector: Bullet lists inside service cards.
  Effect: Turns bullets into small gold diamonds like the reference.
  This works best if you convert the middle text into a list in the Theme Editor.
*/
#shopify-section-template--20952281186439__multicolumn_ygV7Gg .multicolumn-card__info ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 auto 2rem !important;
  max-width: 26rem !important;
  text-align: left !important;
}

#shopify-section-template--20952281186439__multicolumn_ygV7Gg .multicolumn-card__info li {
  position: relative !important;
  text-align: left !important;
  padding-left: 2rem !important;
  margin-bottom: 0.8rem !important;
}

#shopify-section-template--20952281186439__multicolumn_ygV7Gg .multicolumn-card__info li::before {
  content: "◆";
  position: absolute;
  left: 0;
  top: 0.15rem;
  color: #b08d57;
  font-size: 0.8rem;
}

/*
  Selector: Duplicate WhatsApp button below service cards.
  Effect: Hides the lower duplicated WhatsApp button.
*/
#shopify-section-template--20952281186439__multicolumn_ygV7Gg .center .button {
  display: none !important;
}
/*
  Selector: Services section color variables.
  Effect: Overrides Dawn/custom color variables inside this section so the
  cards inherit Isabella cream instead of any previous custom background.
*/
#shopify-section-template--20952281186439__multicolumn_ygV7Gg {
  --color-background: 251, 248, 243 !important;
  --gradient-background: #fbf8f3 !important;
}

/*
  Selector: Services area and cards.
  Effect: Forces the section and the three service boxes to use #fbf8f3.
*/
#shopify-section-template--20952281186439__multicolumn_ygV7Gg,
#shopify-section-template--20952281186439__multicolumn_ygV7Gg .multicolumn,
#shopify-section-template--20952281186439__multicolumn_ygV7Gg .gradient,
#shopify-section-template--20952281186439__multicolumn_ygV7Gg .background-primary,
#shopify-section-template--20952281186439__multicolumn_ygV7Gg .multicolumn-card,
#shopify-section-template--20952281186439__multicolumn_ygV7Gg .multicolumn-card.content-container,
#shopify-section-template--20952281186439__multicolumn_ygV7Gg .multicolumn-card__info {
  background: #fbf8f3 !important;
  background-color: #fbf8f3 !important;
}

/*
  Selector: Services card outline.
  Effect: Keeps only the subtle gold border from the reference design.
*/
#shopify-section-template--20952281186439__multicolumn_ygV7Gg .multicolumn-card {
  border: 0.15rem solid rgba(176, 141, 87, 0.38) !important;
  box-shadow: none !important;
}


/* =====================================================
   MOBILE ADJUSTMENTS — Servicios
   ===================================================== */

@media screen and (max-width: 749px) {
  #shopify-section-template--20952281186439__image_banner_eREchP .banner {
    min-height: auto !important;
  }

  #shopify-section-template--20952281186439__image_banner_eREchP .banner__box {
    max-width: 100% !important;
    text-align: center !important;
    padding: 2.8rem 2rem !important;
  }

  #shopify-section-template--20952281186439__image_banner_eREchP .banner__heading {
    font-size: clamp(4.2rem, 14vw, 5.8rem) !important;
  }

   /* Centra línea — diamante — línea solo en celular */
  #shopify-section-template--20952281186439__image_banner_eREchP
  .banner__heading::after {
    margin-left: auto !important;
    margin-right: auto !important;
    align-self: center !important;
  }

  #shopify-section-template--20952281186439__image_banner_eREchP .banner__text,
  #shopify-section-template--20952281186439__image_banner_eREchP .banner__text p {
    max-width: 100% !important;
    font-size: 1.45rem !important;
  }

  #shopify-section-template--20952281186439__multicolumn_ygV7Gg .multicolumn-card__info {
    padding: 2.8rem 2.2rem 3rem !important;
  }

  #shopify-section-template--20952281186439__multicolumn_ygV7Gg .multicolumn-card__info h3,
  #shopify-section-template--20952281186439__multicolumn_ygV7Gg .multicolumn-card__info h3 strong {
    font-size: 2.6rem !important;
  }
}

/* =====================================================
   PREGUNTAS FRECUENTES - SERVICIOS
   ===================================================== */

#shopify-section-template--20952281186439__collapsible_content_JE4Qye .collapsible-content__header {
  text-align: center !important;
  margin-bottom: 3.2rem;
}

#shopify-section-template--20952281186439__collapsible_content_JE4Qye .collapsible-content__heading {
  color: #232120 !important;
  font-family: Didot, "Bodoni 72", "Times New Roman", Georgia, serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 4.2rem !important;
  line-height: 1.1 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  text-align: center !important;
  margin: 0 auto !important;
}

#shopify-section-template--20952281186439__collapsible_content_JE4Qye .collapsible-content__wrapper {
  padding-top: 7rem !important;
  padding-bottom: 8rem !important;
}

/* Changes FAQ question and answer typography to Montserrat */
#shopify-section-template--20952281186439__collapsible_content_JE4Qye .accordion__title {
  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  font-size: 1.45rem !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
  letter-spacing: 0.02em !important;
  text-decoration: none !important;
}

/* FAQ answers */
#shopify-section-template--20952281186439__collapsible_content_JE4Qye .accordion__content,
#shopify-section-template--20952281186439__collapsible_content_JE4Qye .accordion__content p {
  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  font-size: 1.45rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  letter-spacing: 0.01em !important;
}

/* Remove underline on FAQ question hover */
#shopify-section-template--20952281186439__collapsible_content_JE4Qye .accordion summary:hover,
#shopify-section-template--20952281186439__collapsible_content_JE4Qye .accordion summary:hover .accordion__title,
#shopify-section-template--20952281186439__collapsible_content_JE4Qye .accordion summary:hover h3 {
  text-decoration: none !important;
}

/* Remove any Dawn underline / border effect on hover */
#shopify-section-template--20952281186439__collapsible_content_JE4Qye .accordion summary:hover span,
#shopify-section-template--20952281186439__collapsible_content_JE4Qye .accordion summary:hover * {
  text-decoration: none !important;
}

/* Makes the question title gold on hover */
#shopify-section-template--20952281186439__collapsible_content_JE4Qye .accordion summary:hover .accordion__title,
#shopify-section-template--20952281186439__collapsible_content_JE4Qye .accordion summary:hover h3 {
  color: var(--ij-deep-gold) !important;
  text-decoration: none !important;
}

/* Makes the arrow/caret gold too */
#shopify-section-template--20952281186439__collapsible_content_JE4Qye .accordion summary:hover .icon-caret {
  color: var(--ij-deep-gold) !important;
}

/*
  Selector: Services FAQ section containers.
  Effect: Forces the full FAQ area to use the soft ivory background.
*/
#shopify-section-template--20952281186439__collapsible_content_JE4Qye,
#shopify-section-template--20952281186439__collapsible_content_JE4Qye .color-scheme-1,
#shopify-section-template--20952281186439__collapsible_content_JE4Qye .gradient,
#shopify-section-template--20952281186439__collapsible_content_JE4Qye .collapsible-content,
#shopify-section-template--20952281186439__collapsible_content_JE4Qye .collapsible-content__wrapper,
#shopify-section-template--20952281186439__collapsible_content_JE4Qye .content-container {
  background: #fffdf9 !important;
  background-color: #fffdf9 !important;
}

/*
  Selector: FAQ header.
  Effect: Allows adding a subtitle above the FAQ title.
*/
#shopify-section-template--20952281186439__collapsible_content_JE4Qye .collapsible-content__header {
  text-align: center !important;
}

/*
  Selector: FAQ subtitle.
  Effect: Adds a small uppercase Montserrat subtitle above "Preguntas Frecuentes".
*/
#shopify-section-template--20952281186439__collapsible_content_JE4Qye .collapsible-content__header::before {
  content: "RESOLVEMOS TUS DUDAS";
  display: block;
  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  font-size: 1.6rem !important;
  font-weight: 500 !important;
  color: #b08d57 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  margin-bottom: 1rem !important;
}

/* =====================================================
   ISABELLA JOYERÍA — CUSTOM REDESIGN STYLES
   Phase 5: Institutional pages
   Page: Servicios
   Element: FAQ title decorative divider
   Description:
   Adds a centered line — diamond — line divider below
   "Preguntas Frecuentes" using the uploaded star icon.
   ===================================================== */

/*
  Selector: FAQ title.
  Effect: Creates space below the title for the decorative divider.
*/
#shopify-section-template--20952281186439__collapsible_content_JE4Qye .collapsible-content__heading {
  margin-bottom: 2rem !important;
}

/*
  Selector: FAQ title decorative divider.
  Effect: Adds a centered gold line, diamond icon, and gold line below the title.
*/
#shopify-section-template--20952281186439__collapsible_content_JE4Qye .collapsible-content__heading::after {
  content: "";
  display: block;
  width: 28rem;
  height: 1.6rem;
  margin: 2rem auto 0;
  background-image:
    linear-gradient(to right, #b08d57 0, #b08d57 calc(50% - 2.4rem), transparent calc(50% - 2.4rem), transparent calc(50% + 2.4rem), #b08d57 calc(50% + 2.4rem), #b08d57 100%),
    url("/cdn/shop/files/star.png?v=1787520373");
  background-repeat: no-repeat, no-repeat;
  background-size: 100% 0.1rem, 1.4rem 1.4rem;
  background-position: center, center;
}

/* =====================================================
   Imagen Joyero
   ===================================================== */

/*
  Selector: Bottom jeweler image banner.
  Effect: Reduces the visible height of the image area.
*/
#shopify-section-template--20952281186439__image_banner_gVFAU3 .banner {
  min-height: 40rem !important;
}

/*
  Selector: Bottom jeweler image.
  Effect: Keeps the image centered while the banner becomes shorter.
*/
#shopify-section-template--20952281186439__image_banner_gVFAU3 .banner__media img {
  object-fit: cover !important;
  object-position: center center !important;
}

/*
  Selector: Empty banner content box.
  Effect: Removes any extra vertical space caused by the empty text container.
*/
#shopify-section-template--20952281186439__image_banner_gVFAU3 .banner__box {
  display: none !important;
}

/*
  Mobile adjustment.
  Effect: Keeps the image proportional on mobile.
*/
@media screen and (max-width: 749px) {
  #shopify-section-template--20952281186439__image_banner_gVFAU3 .banner {
    min-height: 22rem !important;
  }
}

/* =====================================================
   ISABELLA JOYERÍA — CUSTOM REDESIGN STYLES
   Phase 2: Home broqueles image-with-text section
   Element: Image with text section
   Page: Home
   Section: Broqueles / Pequeños diamantes
   Description:
   Styles only this image-with-text section with a warmer
   darker gold background, refined typography, eyebrow text,
   image treatment and button styling.
   ===================================================== */

/* Section background: darker warm gold tone */
#shopify-section-template--20952280989831__image_with_text_HANYHh,
#shopify-section-template--20952280989831__image_with_text_HANYHh .gradient,
#shopify-section-template--20952280989831__image_with_text_HANYHh .color-scheme-1 {
  background-color: #efe3cf !important;
}

/* Section spacing */
#shopify-section-template--20952280989831__image_with_text_HANYHh .section-template--20952280989831__image_with_text_HANYHh-padding {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}

#shopify-section-template--20952280989831__image_with_text_HANYHh .image-with-text__heading {
  font-family: Didot, "Bodoni 72", "Times New Roman", Georgia, serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
}

#shopify-section-template--20952280989831__image_with_text_HANYHh .image-with-text__heading::before {
  content: "MI PRIMER DIAMANTE";
  display: block;
  margin-bottom: 1.4rem;
  color: #b08d57 !important;
  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  font-size: 1.6rem !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
}

/* Changes only this rich text section background to match
   the broqueles section and updates the heading to the
   refined Bodoni/Didot serif style */

/* Section background: same tone as broqueles section */
#shopify-section-template--20952280989831__rich_text_pN3zdY,
#shopify-section-template--20952280989831__rich_text_pN3zdY .rich-text,
#shopify-section-template--20952280989831__rich_text_pN3zdY .gradient,
#shopify-section-template--20952280989831__rich_text_pN3zdY .color-scheme-1 {
  background-color: #efe3cf !important;
}

/* Main title typography */
#shopify-section-template--20952280989831__rich_text_pN3zdY .rich-text__heading {
  color: var(--ij-logo-dark) !important;
  font-family: Didot, "Bodoni 72", "Times New Roman", Georgia, serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 3.8rem !important;
  line-height: 1.1 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
}

/* More spacing above and below the section */
#shopify-section-template--20952280989831__rich_text_pN3zdY .section-template--20952280989831__rich_text_pN3zdY-padding {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}

/* Small text above the title */
#shopify-section-template--20952280989831__rich_text_pN3zdY .rich-text__heading::before {
  content: "ATENCIÓN PERSONAL";
  display: block;
  margin-bottom: 1.4rem;
  color: #b08d57 !important;
  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  font-size: 1.6rem !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
}

/* Adds a location icon above the "Atención personal" text
   without changing the section structure or requiring Liquid */

/* Adds location icon above "Atención personal" */
#shopify-section-template--20952280989831__rich_text_pN3zdY .rich-text__heading::before {
  padding-top: 6rem !important;
  background-image: url("/cdn/shop/files/location.png?v=1787532740");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 4.4rem 4.4rem;
}

/* Adds line below the main title */
#shopify-section-template--20952280989831__rich_text_pN3zdY .rich-text__heading::after {
  content: "";
  display: block;
  width: 10rem;
  height: 0.1rem;
  background-color: #b08d57;
  margin: 2.4rem auto 0;
}

/* =====================================================
   ISABELLA JOYERÍA — CUSTOM REDESIGN STYLES
   Phase 2: Home broqueles visual refinement
   Element: Divider, image corners and CTA button
   Page: Home
   Section: Pequeños diamantes, grandes recuerdos
   Description:
   Adds a gold line-diamond-line divider below the eyebrow
   text, rounds the image corners, and refines the CTA button
   with larger sizing and an arrow.
   ===================================================== */

/* Adds line-diamond-line under "MI PRIMER DIAMANTE" */
#shopify-section-template--20952280989831__image_with_text_HANYHh .image-with-text__heading::before {
  padding-bottom: 3.8rem !important;
  background-image:
    url("/cdn/shop/files/star.png?v=1787520373"),
    linear-gradient(#b08d57, #b08d57),
    linear-gradient(#b08d57, #b08d57);
  background-repeat: no-repeat;
  background-position:
  5.9rem bottom,
  left calc(100% - 0.7rem),
  7.4rem calc(100% - 0.7rem);
  background-size:
    1.4rem 1.4rem,
    5.2rem 0.1rem,
    5.2rem 0.1rem;
}

/* Rounds the image corners */
#shopify-section-template--20952280989831__image_with_text_HANYHh .image-with-text__media,
#shopify-section-template--20952280989831__image_with_text_HANYHh .image-with-text__media img {
  border-radius: 1.8rem !important;
  overflow: hidden !important;
}

/* Optional subtle premium border around the image */
#shopify-section-template--20952280989831__image_with_text_HANYHh .image-with-text__media {
  border: 0.1rem solid rgba(176, 141, 87, 0.28) !important;
  box-shadow: 0 1.6rem 3.2rem rgba(35, 33, 32, 0.08) !important;
}

/* Makes the button bigger and more premium */
#shopify-section-template--20952280989831__image_with_text_HANYHh .button {
  min-height: 5.6rem !important;
  padding: 0 4rem !important;
  background: #8f6f3fff !important;
  color: #fffdf9 !important;
  border: none !important;
  border-radius: 1.2rem !important;
  box-shadow: 0 1.2rem 2.8rem rgba(143, 111, 63, 0.22) !important;
  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  font-size: 1.35rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

/* Removes Dawn default button border overlay */
#shopify-section-template--20952280989831__image_with_text_HANYHh .button::before,
#shopify-section-template--20952280989831__image_with_text_HANYHh .button::after {
  box-shadow: none !important;
}

/* Adds arrow after "Ver Broqueles" */
#shopify-section-template--20952280989831__image_with_text_HANYHh .button::after {
  content: "→" !important;
  position: static !important;
  display: inline-block !important;
  margin-left: 1.8rem !important;
  color: #fffdf9 !important;
  font-size: 1.8rem !important;
  line-height: 1 !important;
  transform: translateY(-0.05rem);
}

/* Button hover */
#shopify-section-template--20952280989831__image_with_text_HANYHh .button:hover {
  background: linear-gradient(135deg, #b8862f 0%, #d6ad5c 50%, #9f732b 100%) !important;
  color: #fffdf9 !important;
  text-decoration: none !important;
  transform: translateY(-1px);
}

/* =====================================================
   ISABELLA JOYERÍA — CUSTOM REDESIGN STYLES
   Phase 2: Home broqueles — mobile text alignment
   Element: Subtitle, divider, title and body copy
   Page: Home
   Section: Mi Primer Diamante
   ===================================================== */

@media screen and (max-width: 749px) {

  /* Centra todo el contenido de texto */
  #shopify-section-template--20952280989831__image_with_text_HANYHh
  .image-with-text__content {
    text-align: center !important;
    align-items: center !important;
  }

  /* "MI PRIMER DIAMANTE" + divisor centrado en móvil */
#shopify-section-template--20952280989831__image_with_text_HANYHh
.image-with-text__heading::before {
  text-align: center !important;
  padding-bottom: 3.8rem !important;

  background-image:
    linear-gradient(
      to right,
      #b08d57 0,
      #b08d57 calc(50% - 2.2rem),
      transparent calc(50% - 2.2rem),
      transparent calc(50% + 2.2rem),
      #b08d57 calc(50% + 2.2rem),
      #b08d57 100%
    ),
    url("/cdn/shop/files/star.png?v=1787520373") !important;

  background-repeat: no-repeat, no-repeat !important;

  background-size:
    18rem 0.1rem,
    1.4rem 1.4rem !important;

  background-position:
    center calc(100% - 0.7rem),
    center bottom !important;
}

  /* Título "Pequeños diamantes, grandes recuerdos" */
  #shopify-section-template--20952280989831__image_with_text_HANYHh
  .image-with-text__heading {
    width: 100% !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: 2.8rem !important;
  }

  /* Texto descriptivo */
  #shopify-section-template--20952280989831__image_with_text_HANYHh
  .image-with-text__text,
  #shopify-section-template--20952280989831__image_with_text_HANYHh
  .image-with-text__text p {
    width: 100% !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* =====================================================
   PÁGINA NOSOTROS
   ===================================================== */

/* ELEMENT: NOSOTROS */

/* =====================================================
   Element: About page image banner
   Page: Nosotros
   Description:
   Applies the brand serif typography to the main title,
   darkens the body text and maintains consistent spacing
   between the introductory paragraphs.
   ===================================================== */

/* Título "Nosotros" */
#shopify-section-template--20952281055367__image_banner_AEUbPJ
.banner__heading {
  font-family: Didot, "Bodoni 72", "Times New Roman", Georgia, serif !important;
  color: #232120 !important;
  font-size: calc(var(--font-heading-scale) * 5.2rem) !important;
  line-height: 1.05 !important;
  margin-bottom: 1.8rem !important;
}

/* Texto del banner */
#shopify-section-template--20952281055367__image_banner_AEUbPJ
.banner__text,
#shopify-section-template--20952281055367__image_banner_AEUbPJ
.banner__text p,
#shopify-section-template--20952281055367__image_banner_AEUbPJ
.banner__text strong {
  color: #232120 !important;
}

/* Separación entre los dos párrafos */
#shopify-section-template--20952281055367__image_banner_AEUbPJ
.banner__text p {
  line-height: 1.65 !important;
  margin-top: 0 !important;
  margin-bottom: 1.4rem !important;
}

#shopify-section-template--20952281055367__image_banner_AEUbPJ
.banner__text p:last-child {
  margin-bottom: 0 !important;
}

/* Ajusta únicamente la versión móvil del título,
   divisor decorativo y encuadre del banner. */

@media screen and (max-width: 749px) {

  /* Reencuadre de los anillos solamente en celular */
  #shopify-section-template--20952281055367__image_banner_AEUbPJ
  .banner__media img {
    object-position: 75% center !important;
  }
}

@media screen and (min-width: 990px) {
  #shopify-section-template--20952281055367__image_banner_AEUbPJ
  .banner__box {
    max-width: 46rem !important;
    width: 46rem !important;
    margin-right: auto !important;
    padding-right: 3rem !important;
  }

  #shopify-section-template--20952281055367__image_banner_AEUbPJ
  .banner__text {
    max-width: 46rem !important;
  }
}

/* =====================================================
   Description:
   Centers the Nosotros heading and adds the gold
   line-and-diamond divider shown in the reference mockup.
   ===================================================== */

/* Centra únicamente el título "Nosotros" */
#shopify-section-template--20952281055367__image_banner_AEUbPJ
.banner__heading {
  width: 100% !important;
  text-align: left !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 1.6rem !important;
}

/* Líneas doradas con diamante debajo del título */
#shopify-section-template--20952281055367__image_banner_AEUbPJ
.banner__heading::after {
  content: "";
  order: 2;
  display: block;
  width: 20rem;
  height: 1.8rem;
  margin-top: 1rem;
  margin-bottom: 1.1rem;
  background-image:
    url("/cdn/shop/files/star.png?v=1787520373"),
    linear-gradient(#b08d57, #b08d57),
    linear-gradient(#b08d57, #b08d57);
  background-repeat: no-repeat;
  background-position:
    center center,
    left center,
    right center;
  background-size:
    1.4rem 1.4rem,
    calc(50% - 1.4rem) 0.1rem,
    calc(50% - 1.4rem) 0.1rem;
}

/* Mantiene los párrafos alineados a la izquierda */
#shopify-section-template--20952281055367__image_banner_AEUbPJ
.banner__text {
  text-align: left !important;
}

/* ELEMENT: NUESTRA HISTORIA */

/* =====================================================
   Description:
   Gives more width to the text column and prevents
   the image from stretching to match the text height.
   ===================================================== */

@media screen and (min-width: 990px) {

  /* Columna de texto: más ancha */
  #shopify-section-template--20952281055367__image_with_text_KJyPDb
  .image-with-text__text-item {
    width: 60% !important;
    max-width: 60% !important;
    flex: 0 0 60% !important;
  }

  /* Columna de imagen: más angosta */
  #shopify-section-template--20952281055367__image_with_text_KJyPDb
  .image-with-text__media-item {
    width: 40% !important;
    max-width: 40% !important;
    flex: 0 0 40% !important;
    align-self: flex-start !important;
  }

  /* Evita que la imagen se estire por la altura del texto */
  #shopify-section-template--20952281055367__image_with_text_KJyPDb
  .image-with-text__media {
    height: auto !important;
  }
}

/* =====================================================
   Description:
   Vertically centers the image, applies brand typography
   and colors, adds a gold title divider, and refines
   the image with rounded corners and a subtle frame.
   ===================================================== */

@media screen and (min-width: 990px) {

  /* Centra verticalmente la imagen respecto al contenido */
  #shopify-section-template--20952281055367__image_with_text_KJyPDb
  .image-with-text__media-item {
    align-self: center !important;
  }

  /* Mantiene el texto alineado desde arriba */
  #shopify-section-template--20952281055367__image_with_text_KJyPDb
  .image-with-text__text-item {
    align-self: flex-start !important;
  }
}

/* Título "Nuestra Historia" */
#shopify-section-template--20952281055367__image_with_text_KJyPDb
.image-with-text__heading {
  font-family: Didot, "Bodoni 72", "Times New Roman", Georgia, serif !important;
  color: #232120 !important;
  font-size: calc(var(--font-heading-scale) * 5.2rem) !important;
  position: relative;
  margin-bottom: 2.4rem !important;
}

/* Línea dorada debajo del título */
#shopify-section-template--20952281055367__image_with_text_KJyPDb
.image-with-text__heading::after {
  content: "";
  display: block;
  width: 8rem;
  height: 1px;
  background: #b08d57;
  margin-top: 1.2rem;
}

/* Texto de la sección */
#shopify-section-template--20952281055367__image_with_text_KJyPDb
.image-with-text__text,
#shopify-section-template--20952281055367__image_with_text_KJyPDb
.image-with-text__text p,
#shopify-section-template--20952281055367__image_with_text_KJyPDb
.image-with-text__text strong {
  color: #232120 !important;
}

/* Imagen con bordes más suaves */
#shopify-section-template--20952281055367__image_with_text_KJyPDb
.image-with-text__media {
  border-radius: 1.6rem !important;
  overflow: hidden !important;
}

/* =====================================================
   OPTIONAL — Minimal decorative frame around image
   DELETE THIS BLOCK if you prefer the image without it.
   ===================================================== */

#shopify-section-template--20952281055367__image_with_text_KJyPDb
.image-with-text__media {
  border: 1px solid #b08d57 !important;
  box-shadow:
    0 0 0 7px #fffdf9,
    0 0 0 8px #b08d57 !important;
}

/* Reduces the image width on mobile while preserving
   its existing rounded corners and decorative gold frame. */

@media screen and (max-width: 749px) {

  #shopify-section-template--20952281055367__image_with_text_KJyPDb
  .image-with-text__media {
    width: 88% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* ELEMENT: NUESTRA FILOSOFÍA */

/* Título "Nuestra Filosofía" cambio de font y color */
#shopify-section-template--20952281055367__rich_text_yYBiid
.rich-text__heading {
  font-family: Didot, "Bodoni 72", "Times New Roman", Georgia, serif !important;
  color: #232120 !important;
  font-size: calc(var(--font-heading-scale) * 5.2rem) !important;
}

/* Texto de la sección */
#shopify-section-template--20952281055367__rich_text_yYBiid
.rich-text__text,
#shopify-section-template--20952281055367__rich_text_yYBiid
.rich-text__text p {
  color: #232120 !important;
  line-height: 1.7 !important;
}

/* Mantiene el mismo espacio entre bloques de texto */
#shopify-section-template--20952281055367__rich_text_yYBiid
.rich-text__text br + br {
  display: block;
  content: "";
  margin-top: 1.2rem;
}

/* Reduce el espacio al final de la sección */
#shopify-section-template--20952281055367__rich_text_yYBiid
.section-template--20952281055367__rich_text_yYBiid-padding {
  padding-bottom: 2.8rem !important;
}

@media screen and (max-width: 749px) {
  #shopify-section-template--20952281055367__rich_text_yYBiid
  .section-template--20952281055367__rich_text_yYBiid-padding {
    padding-bottom: 2rem !important;
  }
}

/* =====================================================
   ISABELLA JOYERÍA — CUSTOM REDESIGN STYLES
   Phase 5: Institutional pages
   Element: Nuestra Filosofía complete section
   Page: Nosotros
   Description:
   Unifies the three Shopify sections visually, applies
   brand colors, removes card backgrounds, centers column
   content and adds subtle gold separators.
   ===================================================== */


/* =====================================================
   1 & 9. SHARED BACKGROUND + TEXT COLOR
   Applies the same background to all three sections
   so they visually behave as one continuous block.
   ===================================================== */

#shopify-section-template--20952281055367__rich_text_yYBiid,
#shopify-section-template--20952281055367__multicolumn_kVUjk6,
#shopify-section-template--20952281055367__rich_text_fHWxnz {
  background: #f3eee5ff !important;
}

#shopify-section-template--20952281055367__rich_text_yYBiid .rich-text,
#shopify-section-template--20952281055367__multicolumn_kVUjk6 .multicolumn,
#shopify-section-template--20952281055367__rich_text_fHWxnz .rich-text {
  background: #f3eee5ff !important;
}


/* All regular text */
#shopify-section-template--20952281055367__rich_text_yYBiid,
#shopify-section-template--20952281055367__rich_text_yYBiid p,
#shopify-section-template--20952281055367__rich_text_yYBiid strong,

#shopify-section-template--20952281055367__multicolumn_kVUjk6,
#shopify-section-template--20952281055367__multicolumn_kVUjk6 p,
#shopify-section-template--20952281055367__multicolumn_kVUjk6 strong,

#shopify-section-template--20952281055367__rich_text_fHWxnz,
#shopify-section-template--20952281055367__rich_text_fHWxnz p,
#shopify-section-template--20952281055367__rich_text_fHWxnz strong {
  color: #232120 !important;
}


/* =====================================================
   2. GOLD LINE BELOW "NUESTRA FILOSOFÍA"
   ===================================================== */

#shopify-section-template--20952281055367__rich_text_yYBiid
.rich-text__heading {
  color: #232120 !important;
  position: relative;
  margin-bottom: 2.2rem !important;
}

#shopify-section-template--20952281055367__rich_text_yYBiid
.rich-text__heading::after {
  content: "";
  display: block;
  width: 8rem;
  height: 1px;
  background: #b08d57;
  margin: 1.2rem auto 0;
}


/* =====================================================
   3. REDUCE SPACE AFTER FIRST SECTION
   Brings the introductory text closer to the columns.
   ===================================================== */

#shopify-section-template--20952281055367__rich_text_yYBiid
.section-template--20952281055367__rich_text_yYBiid-padding {
  padding-bottom: 1.5rem !important;
}


/* Removes Dawn's automatic gap before the multicolumn */
#shopify-section-template--20952281055367__multicolumn_kVUjk6 {
  margin-top: 0 !important;
}

#shopify-section-template--20952281055367__multicolumn_kVUjk6
.section-template--20952281055367__multicolumn_kVUjk6-padding {
  padding-top: 1.5rem !important;
}


/* =====================================================
   4. REMOVE COLUMN "BOX" APPEARANCE
   Makes each card blend into the section background.
   ===================================================== */

#shopify-section-template--20952281055367__multicolumn_kVUjk6
.multicolumn-card,
#shopify-section-template--20952281055367__multicolumn_kVUjk6
.multicolumn-card.content-container {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}


/* =====================================================
   5. COLUMN TITLES
   Gold and centered.
   ===================================================== */

#shopify-section-template--20952281055367__multicolumn_kVUjk6
.multicolumn-card__info h3 {
  font-family: Didot, "Bodoni 72", "Times New Roman", Georgia, serif !important;
  font-size: 2rem !important;
  font-weight: 400 !important;
  color: #232120 !important;
  text-align: center !important;
  line-height: 1.2 !important;
}


/* =====================================================
   6. CENTER COLUMN BODY TEXT
   ===================================================== */

#shopify-section-template--20952281055367__multicolumn_kVUjk6
.multicolumn-card__info,
#shopify-section-template--20952281055367__multicolumn_kVUjk6
.multicolumn-card__info .rte,
#shopify-section-template--20952281055367__multicolumn_kVUjk6
.multicolumn-card__info p {
  text-align: center !important;
}


/* Reduce internal padding so the five columns feel
   cleaner and closer to the reference */
#shopify-section-template--20952281055367__multicolumn_kVUjk6
.multicolumn-card__info {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}


/* =====================================================
   7. OPTIONAL / DECORATIVE:
   GOLD VERTICAL LINES BETWEEN COLUMNS

   DELETE THIS BLOCK if you don't like the separators.
   ===================================================== */

@media screen and (min-width: 990px) {

  #shopify-section-template--20952281055367__multicolumn_kVUjk6
  .multicolumn-list__item {
    position: relative;
  }

  #shopify-section-template--20952281055367__multicolumn_kVUjk6
  .multicolumn-list__item:not(:first-child)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 30rem;
    background: #b08d57;
    opacity: 0.55;
  }
}

/* =====================================================
   8. REDUCE SPACE BEFORE THIRD SECTION
   Brings the closing sentence closer to the columns.
   ===================================================== */

#shopify-section-template--20952281055367__rich_text_fHWxnz {
  margin-top: 0 !important;
}

#shopify-section-template--20952281055367__rich_text_fHWxnz
.section-template--20952281055367__rich_text_fHWxnz-padding {
  padding-top: 1.5rem !important;
}


/* Also slightly reduces the bottom of the columns */
#shopify-section-template--20952281055367__multicolumn_kVUjk6
.section-template--20952281055367__multicolumn_kVUjk6-padding {
  padding-bottom: 1.5rem !important;
}

/* =====================================================
   Description:
   Reduces icon size and standardizes alignment in the
   multicolumn philosophy section.
   ===================================================== */

#shopify-section-template--20952281055367__multicolumn_kVUjk6
.multicolumn-card__image-wrapper {
  width: 7rem !important;
  max-width: 7rem !important;
  margin: 0 auto 1.2rem !important;
}

#shopify-section-template--20952281055367__multicolumn_kVUjk6
.multicolumn-card__image {
  width: 100% !important;
  max-width: 100% !important;
}

#shopify-section-template--20952281055367__multicolumn_kVUjk6
.multicolumn-card__image img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
}

/* ELEMENT: EN ISABELLA JOYERÍA CREEMOS QUE... */

#shopify-section-template--20952281055367__rich_text_pt6gnY
.rich-text__heading {
  font-family: Didot, "Bodoni 72", "Times New Roman", Georgia, serif !important;
  color: #fbf8f3 !important;
  font-size: 2.5rem !important;
  line-height: 1.3 !important;
}

@media screen and (max-width: 749px) {
  #shopify-section-template--20952281055367__rich_text_pt6gnY
  .rich-text__heading {
    font-size: 2.6rem !important;
  }
}
/* Fondo igual al de la sección "Nuestra Historia" */
#shopify-section-template--20952281055367__rich_text_pt6gnY
.rich-text {
  background: #7a6d61d9 !important;
}

/* =====================================================
   Description:
   Makes the closing statement italic and adds a
   line-diamond-line divider beneath it.
   ===================================================== */

/* Frase final en cursiva */
#shopify-section-template--20952281055367__rich_text_pt6gnY
.rich-text__heading {
  font-style: italic !important;
}

/* Línea — diamante — línea debajo del texto */
#shopify-section-template--20952281055367__rich_text_pt6gnY
.rich-text__heading::after {
  content: "◇";
  display: block;
  width: 20rem;
  margin: 2rem auto 0;

  color: #fbf8f3;
  font-family: Georgia, serif;
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  text-align: center;

  background:
    linear-gradient(
      to right,
      #fbf8f3 0%,
      #fbf8f3 38%,
      transparent 38%,
      transparent 62%,
      #fbf8f3 62%,
      #fbf8f3 100%
    )
    center / 100% 1px no-repeat;
}

/* =====================================================
   ISABELLA JOYERÍA — CUSTOM REDESIGN STYLES
   Element: Compact floating WhatsApp button
   Applies to: All storefront pages
   ===================================================== */

/* Botón circular fijo:
   permanece visible durante el desplazamiento y solo ocupa
   un área pequeña en la esquina inferior derecha. */
.isabella-whatsapp-float {
  position: fixed !important;
  right: 2rem !important;
  bottom: 2rem !important;
  z-index: 40 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 6.4rem !important;
  height: 6.4rem !important;
  min-width: 6.4rem !important;
  min-height: 6.4rem !important;
  padding: 0 !important;

  background-color: #4e9962 !important;
  color: #fffdf9 !important;

  border: 0.1rem solid rgba(255, 253, 249, 0.65) !important;
  border-radius: 50% !important;

  box-shadow: 0 0.6rem 1.8rem rgba(35, 33, 32, 0.2) !important;

  text-decoration: none !important;
  line-height: 1 !important;

  transition:
    transform 180ms ease,
    background-color 180ms ease,
    box-shadow 180ms ease;
}

/* Ícono:
   limita estrictamente el SVG para evitar que ocupe la pantalla. */
.isabella-whatsapp-float__icon {
  display: block !important;
  width: 3.2rem !important;
  height: 3.2rem !important;
  max-width: 3.2rem !important;
  max-height: 3.2rem !important;
  flex-shrink: 0 !important;
  pointer-events: none;
}

/* Efecto discreto al pasar el cursor. */
@media screen and (min-width: 750px) {
  .isabella-whatsapp-float:hover {
    background-color: #376c45ff !important;
    color: #fffdf9 !important;
    transform: translateY(-0.2rem);
    box-shadow: 0 0.9rem 2.2rem rgba(35, 33, 32, 0.26) !important;
  }
}

/* Indicador accesible al navegar con teclado. */
.isabella-whatsapp-float:focus-visible {
  outline: 0.2rem solid #232120 !important;
  outline-offset: 0.3rem !important;
}

/* En celular queda ligeramente más compacto y separado del borde. */
@media screen and (max-width: 749px) {
  .isabella-whatsapp-float {
    width: 5.6rem !important;
    height: 5.6rem !important;
    min-width: 5.6rem !important;
    min-height: 5.6rem !important;
  }

  .isabella-whatsapp-float__icon {
    width: 2.8rem !important;
    height: 2.8rem !important;
    max-width: 2.8rem !important;
    max-height: 2.8rem !important;
  }
}

/* =====================================================
   ISABELLA JOYERÍA — CUSTOM REDESIGN STYLES
   Phase 3: Sold out badge refinement
   Element: "Agotado" badge next to product price
   Page: All product pages
   Description:
   Overrides the general price color rule so the sold-out
   badge uses Isabella's brown background and warm-white text.
   ===================================================== */

main .product .product__info-container .price .price__badge-sold-out,
main .product .product__info-container .price .price__badge-sold-out *,
main .product .product__info-container .price .badge.price__badge-sold-out {
  background-color: #7a6d61 !important;
  color: #fffdf9 !important;
  border-color: #7a6d61 !important;
  opacity: 1 !important;

  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  font-size: 1.4rem !important;
  line-height: 1.3 !important;
  letter-spacing: 0.2em !important;
}

/* =====================================================
   TU CARRITO
   ===================================================== */


/* Applies Isabella's display serif typography and dark
   brand color only to the main cart title */

cart-items .title--primary {
  font-family: Didot, "Bodoni 72", "Times New Roman", Georgia, serif !important;
  color: #232120 !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
  font-size: 5rem !important;
}


/* Creates stronger visual hierarchy and improves
   readability of each product line */

/* Product title */
cart-items .cart-item__name {
  font-size: 2rem !important;
  line-height: 1.4 !important;
  max-width: 40rem !important;
}

/* Price shown underneath product title + size/variant */
cart-items .cart-item__details .product-option {
  font-size: 1.6rem !important;
  line-height: 1.5 !important;
}

/* Product line total shown on the right */
cart-items .cart-item__totals .price {
  font-size: 1.8rem !important;
}


/* Makes the table headings larger and uses Isabella's
   warm gold-brown accent color */

cart-items .cart-items thead th {
  color: #8f6f3f !important;
  font-size: 1.4rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.1em !important;
}


/* Gives the order total greater visual prominence while
   keeping the final price in Isabella's dark brand color */

.cart__footer .totals__total {
  font-size: 1.8rem !important;
  line-height: 1.3 !important;
}

.cart__footer .totals__total-value {
  color: #232120 !important;
  font-size: 2.2rem !important;
  line-height: 1.3 !important;
}


/* Softens the product image with rounded corners without
   changing its dimensions or crop.*/

cart-items .cart-item__image {
  border-radius: 1.2rem !important;
}


/* Rounds the complete Dawn quantity control, including
   the pseudo-elements responsible for its visible border */

cart-items .cart-item__quantity .quantity,
cart-items .cart-item__quantity .quantity::before,
cart-items .cart-item__quantity .quantity::after {
  border-radius: 0.8rem !important;
}


cart-items .title--primary::after {
  content: '';
  display: block;
  width: 10rem;
  height: 0.12rem;
  margin-top: 1rem;
  background-color: #b08d57;
}

/* =====================================================
   ISABELLA JOYERÍA — CUSTOM REDESIGN STYLES
   Cart: Continue shopping button
   Element: "Seguir comprando" link
   Page: Cart

   Description:
   Keeps the existing Shopify link functionality while
   giving it the appearance of a refined Isabella button.
   ===================================================== */

cart-items .title-wrapper-with-link .underlined-link {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  padding: 1.1rem 2.2rem !important;

  background-color: #8f6f3fff !important;
  color: #fffdf9 !important;

  border: 1px solid #8f6f3fff !important;
  border-radius: 0.8rem !important;

  text-decoration: none !important;
  text-underline-offset: 0 !important;

  font-family: Montserrat, var(--font-body-family), Arial, sans-serif !important;
  font-size: 1.3rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase;

  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease !important;
}


/* Hover */
cart-items .title-wrapper-with-link .underlined-link:hover {
  background-color: #b08d57 !important;
  border-color: #b08d57 !important;
  color: #fffdf9 !important;
  text-decoration: none !important;
}

/* =====================================================
   ISABELLA JOYERÍA — CUSTOM REDESIGN STYLES
   Cart: Remove button + product title hover
   Page: Cart
   ===================================================== */


/* 1. Botón de eliminar
   Igualar su altura con el selector de cantidad */
cart-items cart-remove-button .button {
  height: 50px !important;
  min-height: 50px !important;
  position: relative !important;
  top: 5px !important;
}


/* 2. Título del producto
   Mantenerlo como enlace pero sin subrayado */
cart-items .cart-item__name {
  text-decoration: none !important;
}


/* Hover:
   Sin subrayado y cambio sutil a dorado */
cart-items .cart-item__name:hover {
  color: #b08d57 !important;
  text-decoration: none !important;
}


/* =====================================================
   MOBILE SAFETY - TU CARRITO
   Page: Cart
   Description:
   Keeps the new hierarchy readable without making the
   product information oversized on small screens.
   ===================================================== */

@media screen and (max-width: 749px) {

  cart-items .title--primary {
    font-size: 3.2rem !important;
  }

  cart-items .cart-item__name {
    font-size: 1.6rem !important;
  }

  cart-items .cart-item__details .product-option {
    font-size: 1.4rem !important;
  }

  cart-items .cart-item__totals .price {
    font-size: 1.6rem !important;
  }

  .cart__footer .totals__total {
    font-size: 1.6rem !important;
  }

  .cart__footer .totals__total-value {
    font-size: 2rem !important;
  }
}