/** Shopify CDN: Minification failed

Line 31:10 Expected ":"

**/
/*
===============================================================================
CUSTOM STYLES
===============================================================================
Add your custom CSS styles here. This file is loaded after the theme's base
styles, so you can override existing styles or add new ones.

Organization:
1. CSS Variables & Custom Properties
2. Typography
3. Layout & Structure
4. Components
5. Pages
6. Responsive Design
7. Utilities
===============================================================================
*/

/* ===== CSS VARIABLES & CUSTOM PROPERTIES ===== */
:root {
  --color-brown: rgb(56, 39, 28);
  --color-medium-brown: rgb(96, 59, 45);
  --color-dark-sand: rgb(228, 215, 200);
  --color-light-sand: rgb(237, 233, 218);
  --color-white: rgb(253, 251, 242);
  --color-
}

/* ===== TYPOGRAPHY ===== */
/* Custom font styles, headings, text modifications */
/* Custom font styles, headings, text modifications */
/* Mobile font size adjustments for custom typography */
/* @media screen and (max-width: 749px) {
  .custom-typography,
  .custom-typography > *,
  .custom-font-size,
  .custom-font-size > * {
    font-size: calc(var(--font-size) * 0.55) !important;
  }
} */
/*
.custom-heading {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}
*/

/* ===== LAYOUT & STRUCTURE ===== */
/* Page layout, containers, grid modifications */

/*
.custom-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
*/
 /* ← Show arrows on slideshow */
.border-top {
  border-top: solid 1px var(--color-medium-brown);
}

.border-bottom {
  border-bottom: solid 1px var(--color-medium-brown);
}

@media screen and (max-width: 745px) {
.group-block.sm-45 {
  min-height: 45vh;
}

.group-block.full-height {
  overflow: visible !important;
  height: auto !important;
}
.custom-points-container .group-block-content {
  display: grid
;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}
}
/* ===== COMPONENTS ===== */
/* Buttons, cards, forms, and other reusable components */


.email-signup__input {
  padding: 1.5rem 2rem !important;
  border: 2px solid var(--color-brown) !important;
}
.email-signup__button.email-signup__button--integrated {
  border-left: solid 2px var(--color-brown);
    border-radius: 0 !important;
    height: 100%;
    top: 0;
    padding-inline: 3rem !important;

}

@media screen and (min-width: 750px) {
a.button-secondary {
  padding-block: 1.5rem;
  padding-inline: 3rem;
}
}
/*
.btn-custom {
  background-color: var(--color-primary);
  color: white;
  border: none;
  padding: 12px 24px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.btn-custom:hover {
  background-color: var(--color-primary-hover);
  transform: translateY(-2px);
}
*/

.product-media-container.media-fit {
  --product-media-fit: contain !important;

  img {
    object-fit: var(--product-media-fit);
  }
}

.content-blog-card {
  border: solid 2px var(--color-medium-brown);
  border-radius: 0 0 10px 10px;
}


slideshow-arrows .slideshow-control {
  pointer-events: auto;
  opacity: 1 !important; 
}

.section-resource-list[data-hover-effect="true"] .slideshow-control {
  background-color: var(--color-medium-brown) !important;
  border: solid 2px var(--color-mdium-brown);
  .svg-wrapper.icon-arrow, .svg-wrapper.icon-caret {
    path {
      stroke: var(--color-white);
    }
  }
}

details.account-popover .account-popover__summary, dialog-component.account-drawer {
  display: none !important;

}

/* ===== HEADER CUSTOMIZATIONS ===== */
/* Custom header styles */

/*
.header-logo img {
  max-height: 60px;
}
*/
a.menu-list__link .menu-list__link-title {
  font-family: var(--font-subheading--family);
}

.menu-list__link-title {
  text-transform: uppercase;
  font-size: 14px;
}


@media screen and (max-width: 749px) {
  .menu-drawer__menu-item.menu-drawer__menu-item--parent .menu-drawer__menu-item-text {
    font-size: 1rem;
    font-family: 'Aspekta-550';
    text-transform: uppercase;
  }
}
/* ===== PRODUCT PAGE CUSTOMIZATIONS ===== */
/* Product-specific styling */

/*
.product-card img {
  transition: transform 0.3s ease;
}

.product-card:hover img {
  transform: scale(1.05);
}
*/

/* ===== FOOTER CUSTOMIZATIONS ===== */
/* Footer styling */

/*
.footer {
  background-color: #f8f9fa;
  border-top: 1px solid #e9ecef;
}
*/

/* ===== CART & CHECKOUT ===== */
/* Shopping cart and checkout customizations */

/*
.cart-drawer {
  Add your cart customizations here
}
*/

/* ===== RESPONSIVE DESIGN ===== */
/* Mobile-first responsive styles */

/* Mobile styles (default) */
@media screen and (max-width: 749px) {
  /* Mobile-specific styles */
}

/* Tablet styles */
@media screen and (min-width: 750px) and (max-width: 1199px) {
  /* Tablet-specific styles */
}

/* Desktop styles */
@media screen and (min-width: 1200px) {
  /* Desktop-specific styles */
}

/* ===== ANIMATIONS & TRANSITIONS ===== */
/* Custom animations and hover effects */

/*
.fade-in {
  opacity: 0;
  animation: fadeIn 0.6s ease-in-out forwards;
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
*/

/* ===== UTILITIES ===== */

/* Helper classes for common styling needs */

/*
.mt-custom {
  margin-top: 2rem;
}

.mb-custom {
  margin-bottom: 2rem;
}

.text-center {
  text-align: center;
}

.hide-mobile {
  display: none;
}

@media screen and (min-width: 750px) {
  .hide-mobile {
    display: block;
  }
  
  .hide-desktop {
    display: none;
  }
}
*/

/* ===== CUSTOM SECTIONS ===== */
/* Styling for custom sections or blocks */

/*
.custom-hero {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  padding: 80px 0;
  text-align: center;
}

.custom-hero h1 {
  font-size: 3rem;
  margin-bottom: 1rem;
}

.custom-hero p {
  font-size: 1.2rem;
  margin-bottom: 2rem;
}
*/

/* ===== ACCESSIBILITY IMPROVEMENTS ===== */
/* Styles to improve accessibility */

/*
.btn-custom:focus,
input:focus,
textarea:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
*/

/* High contrast mode support */
@media (prefers-contrast: high) {
  /* High contrast styles */
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* ===== DARK MODE SUPPORT ===== */
/* Optional dark mode styles */

/*
@media (prefers-color-scheme: dark) {
  :root {
    --custom-bg-color: #1a1a1a;
    --custom-text-color: #ffffff;
  }
}
*/
/* ===== PRODUCT CARD CUSTOM BADGES ===== */

.card-gallery__content-badge {
  position: absolute;
  top: 5%;
  right: 5%;
  width: 100%;
  height: 100%;
  z-index: 2;
  img {
    max-width: min(50%, 6rem );
    max-height: min(50%, 6rem);
    object-fit: contain;
    margin-left: auto;
  }
}

@media screen and (max-width: 749px) {
  .card-gallery__content-badge {
    position: absolute;
    top: 5%;
    right: 5%;
    img {
      max-width: 4rem;
      max-height: 4rem;

    }
  }
}

/* ===== PRODUCT CARD HOVER EFFECTS ===== */
/* Custom hover effect for product cards with media height reduction and add to cart button display */

.section-resource-list[data-hover-effect="true"] .resource-list__item {
  position: relative;
}

.section-resource-list[data-hover-effect="true"] .product-card {
  position: relative;
  overflow: hidden;
}

.section-resource-list[data-hover-effect="true"] .product-card .card-gallery {
  transition: transform var(--hover-transition-duration)
    var(--hover-transition-timing);
  overflow: hidden;
  transform-origin: top center;
}

.section-resource-list[data-hover-effect="true"] .product-card .card-gallery {
  width: auto;
  transition: all 0.5s ease-in-out;
  slideshow-component,
  slideshow-slides {
    width: auto;
    transition: all 0.5s ease-in-out;
  }

  slideshow-component,
  slideshow-slides {
    width: auto;
    transition: all 0.5s ease-in-out;
  }
}
.resource-list__item:hover
.card-gallery {
height: 60%;
width: auto;
}

.section-resource-list[data-hover-effect="true"]
  .resource-list__item:hover
  .card-gallery {
  height: 60%;
  width: auto;
  slideshow-component,
  slideshow-slides {
    height: 100%;
    width: auto;
  }

  slideshow-component,
  slideshow-slides {
    height: 80%;
    width: auto;
  }

  add-to-cart-component {
    display: none;
  }
}

.section-resource-list[data-hover-effect="true"] .resource-list__item:hover {
  .product-card__content {
    border: solid 2px var(--color-medium-brown);
    border-radius: var(--border-radius);
    background-color: rgba(237, 233, 218, 0.5);
    overflow: hidden;
  }
}

/* Add to cart button for hover effect */
.section-resource-list[data-hover-effect="true"]
  .product-card-hover-add-to-cart {
  opacity: 0;
  visibility: hidden;
  /* transition: opacity var(--hover-transition-duration)
      var(--hover-transition-timing),
    visibility var(--hover-transition-duration) var(--hover-transition-timing),
    transform var(--hover-transition-duration) var(--hover-transition-timing); */
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  padding: var(--padding-sm);
  border-top: solid 2px var(--color-brown);
}

.section-resource-list[data-hover-effect="true"]
  .resource-list__item:hover
  .product-card-hover-add-to-cart {
  opacity: 1;
  visibility: visible;
  padding: 0;
}

/* Ensure the add to cart button is styled properly */
.section-resource-list[data-hover-effect="true"]
  .product-card-hover-add-to-cart
  button {
  width: 100%;
  justify-content: center;
  border-radius: var(--style-border-radius-buttons);
  background: transparent;
  color: var(--color-brown);
  .add-to-cart-text .add-to-cart-icon {
    display: none;
  }
}

/* Ensure product card content has proper positioning */
.section-resource-list[data-hover-effect="true"] .product-card__content {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}

@container resource-list-carousel (max-width: 749px) {
  .resource-list__carousel .resource-list__slide {
    --slide-width: clamp(150px, 30cqw, var(--slide-width-max));
  }

  .section-resource-list[data-hover-effect="true"]
    .resource-list__item:hover
    .product-card-hover-add-to-cart {
    display: none;
  }

  add-to-cart-component {
    display: block !important;
  }
}

/* Always show add-to-cart button on mobile devices */
@media screen and (max-width: 749px) {
  add-to-cart-component {
    display: block !important;
  }
}

/* ===== TEMPORARY: Force mega menu to show for development ===== */
/* REMOVE THIS BEFORE GOING LIVE */

/* .menu-list__list-item > .menu-list__submenu,
.overflow-menu::part(overflow) {
  visibility: visible !important;
  --submenu-content-opacity: 1 !important;
  clip-path: rect(0 100% 999px 0) !important;
} */

.menu-list__submenu-inner {
  opacity: 1 !important;
}

/* Force header menu to have a proper height for development */
/* header-menu {
  --submenu-height: 600px !important;
} */

/* Force mega menu background to show */
/* header-menu::after,
.overflow-menu::after {
  height: 600px !important;
} */

/* Make sure the mega menu content area is visible */
/* .mega-menu {
  display: block !important;
}

.mega-menu__grid {
  display: grid !important;
} */

/* ===== MEGA MENU: Additional CSS Hover Support ===== */
/* This adds pure CSS hover support alongside the JavaScript implementation */
/* .menu-list__list-item:hover > .menu-list__submenu {
  visibility: visible !important;
  --submenu-content-opacity: 1 !important;
  clip-path: rect(0 100% 999px 0) !important;
} */

/* .menu-list__list-item:hover .menu-list__submenu-inner {
  opacity: 1 !important;
} */

/* Also show mega menu when hovering over the menu link itself */
/* .menu-list__list-item:hover .menu-list__link {
  color: var(--menu-top-level-font-color);
} */

/* ===== MEGA MENU: Shop Best Sellers Component ===== */
.mega-menu__content--shop-best-sellers {
  display: flex;
  align-items: stretch;
  grid-column: 1 / 3 !important; /* Force span 2 columns on the left side */
  grid-row: 1; /* Ensure it's in the first row */
  /* Override the base .mega-menu__content positioning that uses span / -1 */
}

/* Ensure it stays on the left on desktop */
@media screen and (min-width: 990px) {
  .mega-menu__content--shop-best-sellers {
    grid-column: 1 / 3 !important; /* Force position on desktop */
  }
}

.mega-menu__shop-best-sellers {
  display: flex;
  flex-direction: column;
  background-color: var(--color-light-sand);
  border-radius: 20px;
  overflow: hidden;
  width: 80%;
  max-width: 440px;
  position: relative;
  border: solid 2px var(--color-medium-brown);  
}

.mega-menu__shop-best-sellers-image {
  flex: 1;
  position: relative;
  overflow: hidden;
}

.mega-menu__shop-best-sellers-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.mega-menu__shop-best-sellers-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 50%, transparent 100%);
  padding: 2rem;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;

}

.mega-menu__shop-best-sellers-title {
  font-size: 3rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0;
  color: var(--color-sand);
  text-wrap: balance;
  line-height: 0.8;
  text-align: center;
}

.mega-menu__shop-best-sellers-subtitle {
  font-size: 1.5rem;
  font-family: var(--font-subheading--family);
  text-transform: lowercase;
  margin: 0;
  text-align: center;
  color: var(--color-sand);
  line-height: 1;
}

.mega-menu__shop-best-sellers-button {
  margin-top: 1rem;
  margin-inline: auto;
  align-self: flex-start;
  padding: 0.75rem 1.5rem;
  background-color: transparent;
  color: var(--color-dark-sand) !important;
  text-decoration: none;
  border-radius: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  border: solid 2px var(--color-dark-sand) !important;
}
.mega-menu__column, .mega-menu__content.mega-menu__content--shop-best-sellers {
  padding-top: 1rem;
}
.mega-menu__shop-best-sellers-button:hover {
  background-color: var(--color-medium-brown);
  transform: translateY(-2px);  
}

.mega-menu__link.mega-menu__link--parent {
  font-family: var(--font-subheading--family);
  font-size: max(1.75rem, 29px) !important;
  letter-spacing: 0;
  color: var(--color-medium-brown) !important;
}

.mega-menu__column ul {
  padding-top: 1rem;
    border-top: solid 1.5px var(--color-medium-brown);
    max-width: 80%;
}
.mega-menu__link span {
  text-transform: lowercase;
  font-size: 1rem;
}
/* Responsive adjustments */
@media screen and (max-width: 989px) {
  .mega-menu__content--shop-best-sellers {
    grid-column: 1 / 2 !important; /* Force span 1 column on the left on tablet */
    grid-row: 1; /* Keep it in the first row */
  }
  
  .mega-menu__shop-best-sellers-content {
    padding: 1.5rem;
  }
  
  .mega-menu__shop-best-sellers-title {
    font-size: 1.2rem;
  }
  
  .mega-menu__shop-best-sellers-subtitle {
    font-size: 2rem;
  }
}

@media screen and (max-width: 749px) {
  .mega-menu__shop-best-sellers {
    min-height: 200px;
  }
  
  .mega-menu__shop-best-sellers-content {
    padding: 1rem;
  }
  
  .mega-menu__shop-best-sellers-title {
    font-size: 1rem;
  }
  
  .mega-menu__shop-best-sellers-subtitle {
    font-size: 1.5rem;
  }
  
  .mega-menu__shop-best-sellers-button {
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
  }
}

/* Adjust menu list positioning ONLY when shop best sellers is active */
.mega-menu__grid[data-has-shop-best-sellers="true"] .mega-menu__list {
  grid-column: 3 / -1; /* Start from column 3 and span to the end on desktop */
  grid-row: 1; /* Same row as shop best sellers */
}

@media screen and (max-width: 989px) {
  .mega-menu__grid[data-has-shop-best-sellers="true"] .mega-menu__list {
    grid-column: 2 / -1; /* Start from column 2 on tablet */
    grid-row: 1; /* Same row as shop best sellers */
  }
}

/* Reset grid positioning for normal menu types (featured collections, etc.) */
.mega-menu__grid:not([data-has-shop-best-sellers]) .mega-menu__list {
  grid-row: initial; /* Reset to default */
}

.mega-menu__grid:not([data-has-shop-best-sellers]) .mega-menu__content {
  grid-row: initial; /* Reset to default */
}


/* ===== MANUAL BLOG CAROUSEL ===== */
.section-resource-list__header {
  display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;

    h2.manual-blog-carousel__heading {
      font-size: var(--font-h1--size);
      margin-bottom: 1rem;
      text-align: center;
    }
}

@media screen and (max-width: 749px) {
  .section-resource-list__header {
      h2.manual-blog-carousel__heading {
        font-size: 2.5rem;
      }
  }

  .manual-blog-post-card {
    border: solid 1.5px;
    border-radius: 0 0 10px 10px !important;
  }
}



/* ===== LOCATION PAGE ===== */

.metafield-rich_text_field a {
  text-decoration: none;
}
div#location-details:first-of-type {
  border-block-start: solid 1px !important;
}

div#location-details {
  border-block-end: solid 1px;
  padding-block: 0.5rem;
  ul.metafield-single_line_text_field-array {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
  }

  ul.metafield-single_line_text_field-array li {
    margin-bottom: 1rem;
  }

}

/* ===== BLOG POST ===== */
.template--article {
  h1 {
    font-size: 2.5rem !important;
  }
}


/* ===== MUSEWEAR  ===== */
.muse-wear {
  .product-tabs__header {
    justify-content: center;
    .product-tabs__title {
      max-width: 25rem;
      text-align: center;
      margin-bottom: 1rem;
    }
  }
  .resource-list__item {
    border: solid 2px var(--color-medium-brown);
    border-radius: 0 0 1.25rem 1.25rem;
    overflow: hidden;
  }

  .resource-list__item:hover .card-gallery {
    height: 70% !important;
  }

  .resource-list__item:hover .product-card__content {
    border: none !important;
  }
  .resource-list__item:hover .card-gallery img.media__image {
    height: 100% !important;
  }

  .resource-list__item:hover .product-card__quick-add-wrapper {
    background-color: var(--color-medium-brown);
    .quick-add__button {
      color: var(--color-white);
    }
  }
}

/* @media scren and (max-width: 750px) {
  .muse-wear {
    .resource-list__item {
    border: solid 1px var(--color-medium-brown) !important;
    border-radius: 0 0 10px 10px !important;
    overflow: hidden;
  }
  }
} */



@media screen and (max-width: 769px) {
  .media-slider:has(.mobile-order-1), .mobile-order-1 {
    order: -1 !important;
  }
  .media-slider__track {
    max-width: 80vw;
    margin: 0 auto;
    height: 45vh !important;
  }
}