/** Shopify CDN: Minification failed

Line 1124:10 Expected identifier but found whitespace
Line 1124:11 Unexpected "1"

**/
/* Submenu arrow icon - shared via custom properties */

.menu-list__link[aria-haspopup="true"] .menu-list__link-title::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 7px;
  margin-left: 6px;
  margin-top: -1.5px;
  vertical-align: middle;
  background-color: currentColor;
  background-image: none;
  mask-image: var(--submenu-arrow-url);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: var(--submenu-arrow-url);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  transition: transform 0.2s ease, background-color 0.2s ease;
}

.menu-list__link:is(:hover, :focus-visible, [aria-expanded="true"], .menu-list__link--active),
.mega-menu__link:is(:hover, :focus-visible),
.mega-menu__link--parent:is(:hover, :focus-visible) {
  color: #1a1a1a;
}

.menu-list__link[aria-haspopup="true"]:is(:hover, [aria-expanded="true"], .menu-list__link--active)
  .menu-list__link-title::after {
  background-color: #1a1a1a;
}

.menu-list__link[aria-expanded="true"] .menu-list__link-title::after {
  transform: rotate(180deg);
}

.menu-list--mobile .menu-list__item[aria-haspopup="true"]::after,
.menu-list--mobile a[aria-haspopup="true"]::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 6px;
  margin-left: 5px;
  vertical-align: middle;
  background-color: currentColor;
  background-image: none;
  mask-image: var(--submenu-arrow-url);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: var(--submenu-arrow-url);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}

.menu-list--mobile .menu-list__item[aria-haspopup="true"]:is(:hover, [aria-current="page"])::after,
.menu-list--mobile a[aria-haspopup="true"]:is(:hover, [aria-current="page"])::after {
  background-color: #1a1a1a;
}

.menu-list--mobile .menu-list__item:is(:hover, :focus-visible, [aria-current="page"]),
.menu-list--mobile a:is(:hover, :focus-visible, [aria-current="page"]) {
  color: #1a1a1a;
}

.header__drawer .menu-drawer-container > summary.header__icon--summary::after {
  content: none !important;
  display: none !important;
  background-image: none !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}

.header__drawer summary.menu-drawer__menu-item:has(.icon-plus)::after {
  content: "" !important;
  display: inline-block !important;
  width: 10px !important;
  height: 6px !important;
  margin-inline-start: auto !important;
  flex: 0 0 10px !important;
  vertical-align: middle;
  background-color: currentColor !important;
  background-image: none !important;
  mask-image: var(--mobile-submenu-icon-url, var(--submenu-arrow-url)) !important;
  mask-size: contain !important;
  mask-repeat: no-repeat !important;
  mask-position: center !important;
  -webkit-mask-image: var(--mobile-submenu-icon-url, var(--submenu-arrow-url)) !important;
  -webkit-mask-size: contain !important;
  -webkit-mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  transition: transform 0.2s ease, background-color 0.2s ease;
}

.header__drawer summary.menu-drawer__menu-item:has(.icon-plus):is(:hover, .menu-drawer__menu-item--active)::after,
.header__drawer details[open] > summary.menu-drawer__menu-item:has(.icon-plus)::after {
  background-color: #1a1a1a !important;
}

.header__drawer .menu-drawer__menu-item:is(:hover, :focus-visible, .menu-drawer__menu-item--active),
.header__drawer details[open] > summary.menu-drawer__menu-item {
  color: #1a1a1a !important;
}

.header__drawer .menu-drawer__menu-item:is(:hover, :focus-visible, .menu-drawer__menu-item--active) .svg-wrapper,
.header__drawer details[open] > summary.menu-drawer__menu-item .svg-wrapper {
  color: #1a1a1a !important;
}

.header__drawer details[open] > summary.menu-drawer__menu-item:has(.icon-plus)::after {
  transform: rotate(180deg) !important;
}

.header__drawer summary.menu-drawer__menu-item:has(.icon-plus) .icon-plus {
  display: none !important;
}

.header__drawer .menu-drawer {
  max-height: 100dvh;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}

.header__drawer .menu-drawer__navigation {
  flex: 0 0 auto;
  min-height: 0;
}

.header__drawer .menu-drawer__featured-content {
  flex: 0 0 auto;
  width: 100%;
  margin-block-start: 24px;
  padding: 0 var(--drawer-padding) 28px;
  z-index: auto;
}

.header__drawer .menu-drawer__featured-content--childlist {
  margin-block-start: 16px;
}

.header__drawer .menu-drawer__featured-content-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  overflow: visible;
  padding: 0;
}

.header__drawer .menu-drawer__featured-content-list-item,
.header__drawer .menu-drawer__featured-content-list-item--collection,
.header__drawer .menu-drawer__featured-content-list-item--product {
  width: auto;
  min-width: 0;
  margin: 0 !important;
  flex: initial;
}

.header__drawer .menu-drawer__featured-content .resource-card {
  --resource-card-corner-radius: 4px;
  height: auto;
  min-height: 0;
  overflow: hidden;
  opacity: 1;
}

.header__drawer .menu-drawer__featured-content .resource-card::before {
  content: none;
}

.header__drawer .menu-drawer__featured-content .resource-card__media,
.header__drawer .menu-drawer__featured-content .resource-card__image,
.header__drawer .menu-drawer__featured-content .resource-card__image-placeholder {
  aspect-ratio: 4 / 3;
  width: 100%;
  height: auto;
  min-height: 0;
  border-radius: 4px;
  overflow: hidden;
}

.header__drawer .menu-drawer__featured-content .resource-card__media {
  position: relative;
  display: block;
}

.header__drawer .menu-drawer__featured-content .resource-card__image,
.header__drawer .menu-drawer__featured-content .resource-card__collection-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.header__drawer .menu-drawer__featured-content .resource-card__content {
  position: absolute;
  inset: auto auto 12px 12px;
  z-index: 2;
  display: block;
  max-width: calc(100% - 24px);
  padding: 8px 16px;
  border-radius: 999px;
  background: #e8ede6;
  color: #1a1a1a;
}

.header__drawer .menu-drawer__featured-content .resource-card__title {
  display: block;
  margin: 0;
  color: #1a1a1a;
  font-family: "Jost", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.header__drawer .menu-drawer__featured-content .resource-card__subtext,
.header__drawer .menu-drawer__featured-content .price {
  display: none;
}

.header__drawer .menu-drawer__menu accordion-custom .details-content.menu-drawer__animated-element {
  animation: none !important;
  animation-delay: 0s !important;
  animation-fill-mode: none !important;
}

.header__drawer .menu-drawer__close-button {
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  flex: 0 0 36px !important;
  aspect-ratio: 1 / 1;
  box-sizing: border-box;
}

.header__drawer .menu-drawer__close-button .header-drawer-icon--close,
.header__drawer .menu-drawer__close-button img {
  flex: 0 0 14px !important;
  width: 14px !important;
  min-width: 14px !important;
  height: 14px !important;
  min-height: 14px !important;
}

.header-actions__cart-icon {
    --cart-bubble-top: -16px !important;
    --cart-bubble-right: -16px !important;
}

.header-actions__cart-icon .cart-bubble {
    top: -16px !important;
    right: -16px !important;
}

.cart-bubble__background {
    background-color: #5A6B52;
}

.header-actions__cart-icon .cart-bubble__text{
  font-family: 'Jost', sans-serif !important;
}

.xb-wishlist-header-auto span.undefined {
    top: -4px !important; /* Adjust vertical position */
    left: 26px !important; /* Adjust horizontal position */
    font-family: 'Jost', sans-serif !important;
    font-size: 12px !important;
    background-color: #5A6B52 !important; /* Match your brand green */
}

.vastra-product-badge-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.vastra-product-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 22px;
  padding: 4px 12px;
  border: 0.5px solid #e0e0e0;
  border-radius: 999px;
  font-family: "Jost", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}

.vastra-product-badge--accent {
  background: #c5a059;
  color: #fff;
}

.vastra-product-badge--collection {
  background: #e8ede6;
  color: #1a1a1a;
}

@media screen and (min-width: 1440px) {
    /* 1. The Container: 600 (media) + 720 (details) + 40 (gap) = 1360px -> Allowed up to 1440px */
    .product-information.section .product-information__grid {
        display: flex !important;
        width:100%;
        flex-direction: row !important;
        justify-content: center !important;
        max-width: 1440px !important; 
        margin: 0 auto !important; /* This prevents space in the center */
        gap: 40px !important;      /* Fixed space between image and text */
    }

    /* 2. The Media/Slideshow section (Takes ~45% of available width) */
    .product-information.section .product-information__media {
        flex: 1 1 calc(45% - 20px) !important;
        width: calc(45% - 20px) !important;
        max-width: 650px !important;
        min-width: 0 !important; /* Allow shrinking */
        height: 700px !important; /* Fixed Height */
        overflow: hidden;
    }

    /* 3. Ensure the Shopify slideshow fills that box */
    .product-information.section .product-information__media slideshow-component,
    .product-information.section .product-information__media .product-media,
    .product-information.section .product-information__media .product-media img {
        width: 100% !important;
        height: 640px !important; 
        object-fit: cover !important; /* Crops image to fit height without stretching */
    }

    /* 4. The Details section (Takes ~55% of available width) */
    .product-information.section .product-details {
        flex: 1 1 calc(55% - 20px) !important;
        width: calc(55% - 20px) !important;
        max-width: 750px !important;
        min-width: 0 !important; /* Allow shrinking */
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }
}

.slideshow-controls__thumbnails {
    display: flex;
    padding-inline: 12px;
    padding-block: 8px;
    gap: 8px;
    margin-inline: auto;
    height: fit-content;
    width: 100%;
    justify-content: center;
}



.slideshow-controls__thumbnails .slideshow-control {
    border-radius: var(--thumbnail-radius, var(--media-radius));
    width: 80px;
    height: 112px;
    flex-shrink: 0;
    overflow: hidden;
    transition: transform 0.3s ease, opacity 0.3s ease;
    transform: scale(1);
    opacity: 0.7;
}

.slideshow-controls__thumbnails .swiper-slide {
    width: auto !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Target only the slideshow thumbnails, not all buttons */
.slideshow-controls__thumbnails .slideshow-controls__thumbnail {
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    margin: 0 !important; /* Optional: removes any spacing between them */
}

/* Ensure the image inside fills the 0-padding container */
.slideshow-controls__thumbnail img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.media-gallery {
    position: relative;
}

.slideshow-controls__thumbnails-container {
    position: absolute !important;
    bottom: 5px;
    left: 0;
    right: 0;
    margin-inline: auto;
    width: 100%;
    max-width: none;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    z-index: 2;
}

@media (max-width: 768px) {
    .slideshow-controls__thumbnails-container {
        bottom: 5px;
        max-width: none;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .slideshow-controls__thumbnails .slideshow-control {
        width: 60px;
        height: 84px;
    }
}

slideshow-controls {
    min-height: 0;
}

.slideshow-controls__thumbnails .slideshow-control[aria-selected="true"] {
  border: 2px solid white !important;
  box-sizing: border-box !important;
  outline: none !important;
  transform: scale(1.15);
  opacity: 1;
}

slideshow-arrows {
    --cursor-previous: w-resize;
    --cursor-next: e-resize;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    z-index: 2;
    pointer-events: none;
    mix-blend-mode: normal !important;
    align-items: center; /* Changed from flex-end to center to align vertically */
    justify-content: space-between; /* This pushes one left and one right */
    padding: 0 15px;
}

/* 1. Reset the button container */
slideshow-arrows .slideshow-control {
    pointer-events: auto !important;
    opacity: 1 !important;
    height: 32px !important;
    width: 32px !important;
    background: white !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border: none !important;
    position: relative !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
}

/* 2. Define the icon space */
slideshow-arrows .slideshow-control::before {
    content: "" !important;
    display: block !important;
    width: 10px !important;
    height: 16px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* 3. PREVIOUS ARROW - Covers all possible selectors */
slideshow-arrows .slideshow-control[aria-label*="Prev"]::before,
slideshow-arrows .slideshow-control[aria-label*="prev"]::before,
slideshow-arrows .slideshow-control[name*="prev"]::before,
slideshow-arrows .slideshow-control.prev::before,
slideshow-arrows .slideshow-control:first-of-type::before {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.81311 0.278155C7.5293 -0.0509996 7.02472 -0.094245 6.6861 0.18171L1.06252 4.76406C-0.354119 5.91838 -0.354226 8.08008 1.06252 9.23453L6.68601 13.8182C7.02459 14.0942 7.52917 14.0511 7.81303 13.7219C8.09689 13.3927 8.05253 12.9022 7.71395 12.6262L2.09046 8.04244C1.4367 7.50971 1.4366 6.48896 2.09035 5.95623L7.71386 1.37389C8.05248 1.09793 8.09692 0.607414 7.81311 0.278155Z' fill='%231A1A1A'/%3E%3C/svg%3E") !important;
}

/* 4. NEXT ARROW - Covers all possible selectors */
slideshow-arrows .slideshow-control[aria-label*="Next"]::before,
slideshow-arrows .slideshow-control[aria-label*="next"]::before,
slideshow-arrows .slideshow-control[name*="next"]::before,
slideshow-arrows .slideshow-control.next::before,
slideshow-arrows .slideshow-control:last-of-type::before {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.186892 13.7218C0.4707 14.051 0.975275 14.0942 1.3139 13.8183L6.93748 9.23594C8.35412 8.08162 8.35423 5.91992 6.93748 4.76547V4.76547L1.31399 0.181774C0.975413 -0.0942022 0.470827 -0.0510722 0.186967 0.278104C-0.0968941 0.607279 -0.0525308 1.09785 0.28605 1.37381L5.90954 5.95756C6.5633 6.49029 6.5634 7.51104 5.90965 8.04377L0.286135 12.6261C-0.0524773 12.9021 -0.0969151 13.3926 0.186892 13.7218Z' fill='%231A1A1A'/%3E%3C/svg%3E") !important;
}

/* 5. Hide the broken theme icons */
slideshow-arrows .slideshow-control svg, 
slideshow-arrows .slideshow-control .icon,
slideshow-arrows .slideshow-control span:not(::before) {
    display: none !important;
}

slideshow-arrows .slideshow-control[aria-label*="Prev"]::before, slideshow-arrows .slideshow-control[aria-label*="prev"]::before, slideshow-arrows .slideshow-control[name*="prev"]::before, slideshow-arrows .slideshow-control.prev::before, slideshow-arrows .slideshow-control:first-of-type::before {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.81311 0.278155C7.5293 -0.0509996 7.02472 -0.094245 6.6861 0.18171L1.06252 4.76406C-0.354119 5.91838 -0.354226 8.08008 1.06252 9.23453L6.68601 13.8182C7.02459 14.0942 7.52917 14.0511 7.81303 13.7219C8.09689 13.3927 8.05253 12.9022 7.71395 12.6262L2.09046 8.04244C1.4367 7.50971 1.4366 6.48896 2.09035 5.95623L7.71386 1.37389C8.05248 1.09793 8.09692 0.607414 7.81311 0.278155Z' fill='%231A1A1A'/%3E%3C/svg%3E") !important;
    position: absolute;
    z-index: 99;
    rotate: 180deg;
    margin-left: 2px;
}

slideshow-arrows .slideshow-control[aria-label*="Next"]::before, slideshow-arrows .slideshow-control[aria-label*="next"]::before, slideshow-arrows .slideshow-control[name*="next"]::before, slideshow-arrows .slideshow-control.next::before, slideshow-arrows .slideshow-control:last-of-type::before {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.186892 13.7218C0.4707 14.051 0.975275 14.0942 1.3139 13.8183L6.93748 9.23594C8.35412 8.08162 8.35423 5.91992 6.93748 4.76547V4.76547L1.31399 0.181774C0.975413 -0.0942022 0.470827 -0.0510722 0.186967 0.278104C-0.0968941 0.607279 -0.0525308 1.09785 0.28605 1.37381L5.90954 5.95756C6.5633 6.49029 6.5634 7.51104 5.90965 8.04377L0.286135 12.6261C-0.0524773 12.9021 -0.0969151 13.3926 0.186892 13.7218Z' fill='%231A1A1A'/%3E%3C/svg%3E") !important;
    position: absolute;
    z-index: 9;
}

@media screen and (min-width: 1200px) {
    .product-information.section .product-information__grid:not(.product-information__grid--half,.product-information--media-none).product-information--media-left {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .product-information.section .product-information__grid {
        padding: 0 20px;
    }
}

@media (max-width: 768px) {
slideshow-slides {
    height: 480px;
    border-radius: 8px;
} }



/* Mobile and Tablet (below 991px) */
@media screen and (max-width: 991px) {
    .product-information.section .product-details > .group-block {
        padding: 20px 0 !important;
    }
}

/* Desktop (992px and above) */
@media screen and (min-width: 992px) {
    .product-information.section .product-details > .group-block {
        padding: 0 !important;
    }
}

.sticky-content--desktop, .sticky-content--desktop.full-height--desktop>.group-block {
        position: relative;
    }

@media (min-width: 991px) {
  .product-information.section .product-information__media {
    position: -webkit-sticky; /* Support for Safari */
    position: sticky;
    top: 20px;               /* Adjust this offset from the top of the screen */
    z-index: 1;             /* Ensures it stays above other content */
  }
}

.custom-color, .custom-color>:is(h1,h2,h3,h4,h5,h6,p,*) {
    color: #1a1a1a;
}

body, .paragraph:not(.button), .paragraph>*, .text-block.paragraph :is(h1,h2,h3,h4,h5,h6) {
    color: #1a1a1a;
}

/* Collection list page card sizing */
.ui-test-collection-list .collection-card .text-block--background {
  --text-corner-radius: 80px !important;
  --text-padding: 0px !important;
  border-radius: 80px !important;
}

.ui-test-collection-list .collection-card.collection-card--image-bg .collection-card__content {
  padding: 10px !important;
}

@media screen and (min-width: 750px) {
  .ui-test-collection-list .resource-list--grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .ui-test-collection-list .resource-list__item,
  .ui-test-collection-list .collection-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .ui-test-collection-list .collection-card.collection-card--image-bg,
  .ui-test-collection-list .collection-card.collection-card--image-bg .collection-card__inner,
  .ui-test-collection-list .collection-card.collection-card--image-bg .collection-card__image {
    aspect-ratio: unset !important;
    height: 400px !important;
    min-height: 400px !important;
    max-height: 400px !important;
  }
}

@media screen and (max-width: 749px) {
  .ui-test-collection-list .resource-list--grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  .ui-test-collection-list .resource-list__item,
  .ui-test-collection-list .collection-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .ui-test-collection-list .collection-card.collection-card--image-bg,
  .ui-test-collection-list .collection-card.collection-card--image-bg .collection-card__inner,
  .ui-test-collection-list .collection-card.collection-card--image-bg .collection-card__image {
    aspect-ratio: unset !important;
    height: 250px !important;
    min-height: 250px !important;
    max-height: 250px !important;
  }
}

/* Policy pages */
.shopify-policy__container {
  width: 100% !important;
  max-width: none !important;
  padding-block: 0 !important;
}

.shopify-policy__title {
  width: 100vw;
  margin: 0 calc(50% - 50vw) !important;
  padding: 60px var(--page-margin) !important;
  background: #e8ede6;
  box-sizing: border-box;
  color: #1a1a1a;
  text-align: center;
}

.shopify-policy__title h1 {
  margin: 0 !important;
  color: #1a1a1a;
  font-family: "Playfair Display", serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.25;
}

.shopify-policy__body {
  width: 100%;
  max-width: var(--normal-page-width);
  margin: 0 auto;
  padding: 40px 0;
}

.shopify-policy__body .rte > :first-child {
  margin-block-start: 0;
}

.shopify-policy__body .rte > :last-child {
  margin-block-end: 0;
}

/* Ensure Product Titles on Desktop & Modal have 500 Medium font weight */
.product-details h1,
.product-details .h1,
.quick-add-modal__content .view-product-title > a {
    font-family: "Jost", sans-serif !important;
    font-weight: 500 !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
}

.compare-at-price {
    font-size: 14px;
    vertical-align: 0.5px;
}

.variant-option__swatch-value {
    color: #1a1a1a;
}

/* Vastra Product Badges */
.vastra-product-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 22px;
  padding: 4px 12px !important;
  border: 0.5px solid #e0e0e0;
  border-radius: 999px;
  font-family: "Jost", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}

.vastra-product-badge--sold-out {
  background: #1a1a1a !important;
  color: #fff !important;
  border-color: #1a1a1a !important;
}

.vastra-product-badge--accent {
  background: #c5a059 !important;
  color: #fff !important;
  border-color: #c5a059 !important;
}

/* Remove Y-axis lift and scaling on hover completely across all product cards, collection cards, and grid items */
.product-card:hover,
.collection-card:hover,
.resource-card:hover,
.predictive-search-results__card:hover,
.product-card:hover .card-gallery,
.product-card:hover .product-card__image,
.collection-card:hover .collection-card__image,
.resource-card:hover .resource-card__image,
.resource-card:hover .resource-card__media,
.card-hover-effect-lift .product-card:hover,
.card-hover-effect-lift .collection-card:hover,
.card-hover-effect-lift .predictive-search-results__card:hover,
.card-hover-effect-scale .product-card:hover,
.card-hover-effect-scale .collection-card:hover,
.card-hover-effect-scale .predictive-search-results__card:hover,
.card-hover-effect-subtle-zoom .product-card:hover .card-gallery,
.card-hover-effect-subtle-zoom .collection-card:hover .collection-card__image,
.card-hover-effect-subtle-zoom .product-card:hover .product-card__image,
.card-hover-effect-subtle-zoom .predictive-search-results__card:hover {
  transform: none !important;
}

/* Quick Add Button Custom Pill Styling on Product Cards */
.quick-add__button.add-to-cart-button {
  background: #ffffff !important;
  border: 0.5px solid #e0e0e0 !important;
  border-radius: 999px !important;
  height: 36px !important;
  min-width: 36px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.quick-add__button.add-to-cart-button .add-to-cart-text {
  background: transparent !important;
  display: flex;
  align-items: center;
  padding: 6px !important;
  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.quick-add__button.add-to-cart-button:is(:hover, :focus-visible) .add-to-cart-text {
  padding: 6px 16px 6px 12px !important;
  gap: 8px !important;
}

.quick-add__button.add-to-cart-button .add-to-cart-text__content,
.quick-add__button.add-to-cart-button .add-to-cart-text__content span span {
  transition-delay: 0s !important;
  transition-duration: 0.3s !important;
}

.quick-add__button.add-to-cart-button .add-to-cart-text__content {
  font-family: "Jost", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #1a1a1a !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em;
  line-height: 1;
}

.quick-add__button.add-to-cart-button .add-to-cart-text__content span span {
  color: #1a1a1a !important;
  padding: 0 !important;
}

.quick-add__button.add-to-cart-button .svg-wrapper.add-to-cart-icon {
  width: 18px !important;
  height: 18px !important;
  flex-shrink: 0;
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* Ensure main product details page Add to Cart SVG icon is crisp white against green button */
.add-to-cart-button .add-to-cart-icon svg path {
  fill: #FFFFFF !important;
}

/* Ensure product card quick add button icon is dark against white pill button */
.quick-add__button.add-to-cart-button .add-to-cart-icon svg path,
.quick-add__button.add-to-cart-button .add-to-cart-icon svg {
  fill: #1a1a1a !important;
  color: #1a1a1a !important;
}

product-price .vastra-product-save-badge {
    gap: 8px;
}

.vastra-size-chart-dialog[open] {
    top: 20%;
}

/* Layout Adjustment for Desktop */
@media screen and (min-width: 750px) {
  .product-form-buttons {
    display: grid !important;
    grid-template-columns: auto 1fr; /* Qty takes needed space, Add to cart fills rest */
    gap: 15px; /* Adjust spacing between elements */
    align-items: center;
  }

  /* Force Buy Now container to the second row and full width */
  .accelerated-checkout-block {
    grid-column: 1 / -1; /* Spans from column 1 to the end */
    width: 100%;
  }

  .shopify-payment-button__button--unbranded {
    width: 100% !important;
  }
}

/* Button Styling (Colors, Fonts, Typography) */
.product-form-buttons .button,
.shopify-payment-button__button--unbranded {
  font-family: "Playfair Display", serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em;
  border-radius: 50px; /* Adjust based on your screenshot's pill shape */
  padding: 15px 25px;
  height: auto;
}

/* Add to Cart Button Specifics */
.add-to-cart-button {
  background-color: #5A6B52 !important;
  color: #FFFFFF !important;
  border: none !important;
}

/* Buy It Now Button Specifics */
.shopify-payment-button__button--unbranded {
  background-color: #1a1a1a !important;
  color: #FFFFFF !important;
}

/* Adjusting the Quantity Selector to match height */
.quantity-selector-wrapper {
  margin: 0;
}

.quantity-selector-component {
  border-radius: 50px;
  height: 100%;
  min-height: 50px; /* Matches button height */
}

.quantity-selector :is(.quantity-minus,.quantity-plus){
  padding:4px !important;
  display:block !important;
}

@media screen and (max-width: 880px) {
  .product-form-buttons:not(:has(.quantity-rules)) {
    row-gap:12px;
  }
}

/* Ensure Quick Add Modal Close Button and X icon are perfectly visible */
button.quick-add-modal__close,
button.close-button.quick-add-modal__close {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #ffffff !important;
  color: #1a1a1a !important;
  border-radius: 50% !important;
  opacity: 1 !important;
  z-index: 9999 !important;
  width: 40px !important;
  height: 40px !important;
  top: 16px !important;
  right: 16px !important;
}

@media screen and (max-width: 749px) {
  button.quick-add-modal__close,
  button.close-button.quick-add-modal__close {
    top: 14px !important;
    right: 14px !important;
  }
}

button.quick-add-modal__close svg,
button.close-button.quick-add-modal__close svg,
.close-button svg {
  width: 16px !important;
  height: 16px !important;
  display: block !important;
  opacity: 1 !important;
  color: #1a1a1a !important;
}

button.quick-add-modal__close svg path,
button.close-button.quick-add-modal__close svg path,
.close-button svg path {
  stroke: #1a1a1a !important;
  stroke-width: 2px !important;
  fill: none !important;
}

/* ==========================================================
   DESKTOP OPTIMIZATIONS (PRODUCT CARDS)
   ========================================================== */
@media screen and (min-width: 750px) {
  .product-card .card-gallery,
  .product-card .card-gallery slideshow-component,
  .product-card .card-gallery slideshow-container,
  .product-card .card-gallery slideshow-slides,
  .product-card .card-gallery slideshow-slide,
  .product-card .card-gallery .product-media {
    height: 400px !important;
    min-height: 400px !important;
    max-height: 400px !important;
    border-radius: 4px !important;
  }
  .product-card .card-gallery img {
    height: 400px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    border-radius: 4px !important;
  }
}

/* ==========================================================
   MOBILE OPTIMIZATIONS (PRODUCT CARDS & QUICK ADD MODAL)
   ========================================================== */
@media screen and (max-width: 749px) {
  /* 1. All Product Card Images set to 250px height on mobile */
  .product-card .card-gallery,
  .product-card .card-gallery slideshow-component,
  .product-card .card-gallery slideshow-container,
  .product-card .card-gallery slideshow-slides,
  .product-card .card-gallery slideshow-slide,
  .product-card .card-gallery .product-media {
    height: 250px !important;
    min-height: 250px !important;
    max-height: 250px !important;
  }
  .product-card .card-gallery img {
    height: 250px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
  }

  /* 2. Quick Add Modal Mobile UI Rectification (Title, Price & Image Height) */
  .quick-add-modal__content .product-information__grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }
  .quick-add-modal__content .product-information__media,
  .quick-add-modal__content .product-information__media slideshow-component,
  .quick-add-modal__content .product-information__media slideshow-container,
  .quick-add-modal__content .product-information__media slideshow-slides,
  .quick-add-modal__content .product-information__media slideshow-slide,
  .quick-add-modal__content .product-information__media .product-media {
    height: 250px !important;
    min-height: 250px !important;
    max-height: 250px !important;
    overflow: hidden !important;
  }
  .quick-add-modal__content .product-information__media img {
    height: 250px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
  }
  .quick-add-modal__content .product-header {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin-top: 12px !important;
    margin-bottom: 12px !important;
    width: 100% !important;
    padding: 0 !important;
    z-index: 10 !important;
    position: relative !important;
  }
  .quick-add-modal__content .product-header > a {
    font-family: "Jost", sans-serif !important;
    font-size: 24px !important;
    font-weight: 500 !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
    line-height: 1.3 !important;
    display: block !important;
  }
  .quick-add-modal__content .product-header product-price {
    display: block !important;
    text-align: left !important;
    width: 100% !important;
  }
  .quick-add-modal__content .product-header product-price .price__hidden,
  .quick-add-modal__content .product-header product-price .price__hidden *,
  .quick-add-modal__content .product-header product-price .visually-hidden,
  .quick-add-modal__content .product-header product-price .visually-hidden * {
    display: none !important;
  }
  .quick-add-modal__content .product-header product-price :is(.price__sale, .price__regular):not(.price__hidden) {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px 10px !important;
  }
  .quick-add-modal__content .product-header product-price .price {
    font-family: "Jost", sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    color: #1a1a1a !important;
  }
  .quick-add-modal__content .product-header product-price .compare-at-price {
    font-family: "Jost", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #888888 !important;
    text-decoration: line-through !important;
  }
  .quick-add-modal__content .product-header product-price .vastra-product-save-badge {
    background: #c5a059 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 2px 10px !important;
    font-family: "Jost", sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
    line-height: 1.4 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 20px !important;
  }
  .quick-add-modal__content .product-header product-price .vastra-product-save-badge .price {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 500 !important;
  }

  /* 3. Keep Quick Add Button as perfect circle on mobile touch/hover */
  .quick-add__button.add-to-cart-button,
  .quick-add__button.add-to-cart-button:is(:hover, :focus-visible, :active) {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    padding: 0 !important;
  }
  .quick-add__button.add-to-cart-button .add-to-cart-text,
  .quick-add__button.add-to-cart-button:is(:hover, :focus-visible, :active) .add-to-cart-text {
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    gap: 0 !important;
  }
  .quick-add__button.add-to-cart-button .add-to-cart-text__content,
  .quick-add__button.add-to-cart-button:is(:hover, :focus-visible, :active) .add-to-cart-text__content {
    display: none !important;
    width: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
  .quick-add__button.add-to-cart-button .svg-wrapper.add-to-cart-icon,
  .quick-add__button.add-to-cart-button:is(:hover, :focus-visible, :active) .svg-wrapper.add-to-cart-icon {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    display: block !important;
  }
}

.button-secondary{
    padding-block: 8px;
    padding-inline: 16px;
    border: 1px solid #1a1a1a;
    border-radius: 80px;
}
  opacity: 1 !important;
  color: #1a1a1a !important;
}

button.quick-add-modal__close svg path,
button.close-button.quick-add-modal__close svg path,
.close-button svg path {
  stroke: #1a1a1a !important;
  stroke-width: 2px !important;
  fill: none !important;
}

/* ==========================================================
   DESKTOP OPTIMIZATIONS (PRODUCT CARDS)
   ========================================================== */
@media screen and (min-width: 750px) {
  .product-card .card-gallery,
  .product-card .card-gallery slideshow-component,
  .product-card .card-gallery slideshow-container,
  .product-card .card-gallery slideshow-slides,
  .product-card .card-gallery slideshow-slide,
  .product-card .card-gallery .product-media {
    height: 400px !important;
    min-height: 400px !important;
    max-height: 400px !important;
    border-radius: 4px !important;
  }
  .product-card .card-gallery img {
    height: 400px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    border-radius: 4px !important;
  }
}

/* ==========================================================
   MOBILE OPTIMIZATIONS (PRODUCT CARDS & QUICK ADD MODAL)
   ========================================================== */
@media screen and (max-width: 749px) {
  /* 1. All Product Card Images set to 250px height on mobile */
  .product-card .card-gallery,
  .product-card .card-gallery slideshow-component,
  .product-card .card-gallery slideshow-container,
  .product-card .card-gallery slideshow-slides,
  .product-card .card-gallery slideshow-slide,
  .product-card .card-gallery .product-media {
    height: 250px !important;
    min-height: 250px !important;
    max-height: 250px !important;
  }
  .product-card .card-gallery img {
    height: 250px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
  }

  /* 2. Quick Add Modal Mobile UI Rectification (Title, Price & Image Height) */
  .quick-add-modal__content .product-information__grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }
  .quick-add-modal__content .product-information__media,
  .quick-add-modal__content .product-information__media slideshow-component,
  .quick-add-modal__content .product-information__media slideshow-container,
  .quick-add-modal__content .product-information__media slideshow-slides,
  .quick-add-modal__content .product-information__media slideshow-slide,
  .quick-add-modal__content .product-information__media .product-media {
    height: 250px !important;
    min-height: 250px !important;
    max-height: 250px !important;
    overflow: hidden !important;
  }
  .quick-add-modal__content .product-information__media img {
    height: 250px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
  }
  .quick-add-modal__content .product-header {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin-top: 12px !important;
    margin-bottom: 12px !important;
    width: 100% !important;
    padding: 0 !important;
    z-index: 10 !important;
    position: relative !important;
  }
  .quick-add-modal__content .product-header > a {
    font-family: "Jost", sans-serif !important;
    font-size: 24px !important;
    font-weight: 500 !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
    line-height: 1.3 !important;
    display: block !important;
  }
  .quick-add-modal__content .product-header product-price {
    display: block !important;
    text-align: left !important;
    width: 100% !important;
  }
  .quick-add-modal__content .product-header product-price .price__hidden,
  .quick-add-modal__content .product-header product-price .price__hidden *,
  .quick-add-modal__content .product-header product-price .visually-hidden,
  .quick-add-modal__content .product-header product-price .visually-hidden * {
    display: none !important;
  }
  .quick-add-modal__content .product-header product-price :is(.price__sale, .price__regular):not(.price__hidden) {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px 10px !important;
  }
  .quick-add-modal__content .product-header product-price .price {
    font-family: "Jost", sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    color: #1a1a1a !important;
  }
  .quick-add-modal__content .product-header product-price .compare-at-price {
    font-family: "Jost", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #888888 !important;
    text-decoration: line-through !important;
  }
  .quick-add-modal__content .product-header product-price .vastra-product-save-badge {
    background: #c5a059 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 2px 10px !important;
    font-family: "Jost", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
    line-height: 1.4 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 20px !important;
  }
  .quick-add-modal__content .product-header product-price .vastra-product-save-badge .price {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 500 !important;
  }

  /* 3. Keep Quick Add Button as perfect circle on mobile touch/hover */
  .quick-add__button.add-to-cart-button,
  .quick-add__button.add-to-cart-button:is(:hover, :focus-visible, :active) {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    padding: 0 !important;
  }
  .quick-add__button.add-to-cart-button .add-to-cart-text,
  .quick-add__button.add-to-cart-button:is(:hover, :focus-visible, :active) .add-to-cart-text {
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    gap: 0 !important;
  }
  .quick-add__button.add-to-cart-button .add-to-cart-text__content,
  .quick-add__button.add-to-cart-button:is(:hover, :focus-visible, :active) .add-to-cart-text__content {
    display: none !important;
    width: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
  .quick-add__button.add-to-cart-button .svg-wrapper.add-to-cart-icon,
  .quick-add__button.add-to-cart-button:is(:hover, :focus-visible, :active) .svg-wrapper.add-to-cart-icon {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    display: block !important;
  }
}

.button-secondary{
    padding-block: 8px;
    padding-inline: 16px;
    border: 1px solid #1a1a1a;
    border-radius: 80px;
}

.jdgm-widget.jdgm-widget {
    max-width: 1440px !important;
}

.jm-review-widget-minimal-header__title {
    display: none !important;
}

/* Product Summary Updates */
.vastra-product-summary__breadcrumb {
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    max-width: 100%;
}

@media screen and (min-width: 768px) {
    .vastra-product-summary__breadcrumb {
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
    }
}

.vastra-product-summary__save,
.vastra-product-summary__badge--sale {
    font-size: calc(1em + 2px) !important;
}

.vastra-product-summary__description {
    width: 100%;
    max-width: 100% !important;
}

.vastra-product-summary__order-note {
    font-size: calc(1em + 2px) !important;
}

div[id="shopify-section-sections--27557068145008__section_cy9g8r"] {
  margin-bottom: -40px;
}

.email-signup__input-group {
    border-radius: 8px !important;
    background-color: #ffffff !important;
    padding: 6px;
}

.email-signup__button:not(.button-unstyled) {
    border-radius: 4px !important;
    padding: 8px 16px !important;
}

.text-block > * {
    max-inline-size: 100% !important;
}

more-payment-options-link{
    display:none !important;
}