/** Shopify CDN: Minification failed

Line 13:3 Unexpected "body"

**/


html, body {
  overscroll-behavior: none;
  max-width: 100%;
  }
  
  *body {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
  overflow: auto;
  }
  
  body::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
  }

   ::selection {
      background: #4D4D4D;
      color: white;
  }
  .skip-to-content-link {
    display: none !important;
  }

.skip-to-content-link button-secondary{
     display: none !important;
}



/*--HEADER--*/
@media screen and (min-width: 768px) {
 .header__icon {
  display: none !important;
 }

}

@media screen and (max-width: 768px) {
 .menu-list__link   {
  display: none !important;
 }

}



/* 1. Ensure the container aligns all children to the middle */
header-actions {
    display: flex !important;
    align-items: center !important; /* This is the "magic" line for vertical centering */
    justify-content: flex-end; 
    gap: 0; /* Adjust spacing between account and cart icons */
}

/* 2. Standardize the size of both icons */
.header-actions__action svg {
    width: 24px !important; /* Force them to be the exact same size */
    height: 24px !important;
    display: block; /* Removes bottom 'ghost' padding from text alignment */
}

/* 3. Specifically fix the account button if it has extra padding */
.account-button {
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
}

/* 4. Fix the cart icon wrapper */
.header-actions__cart-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 5. Nudge the account icon specifically if it's still 'off' */
/* SVGs often have different internal padding; use this to fine-tune */
.account-button__icon svg {
    position: relative;
    top: 1px; /* Increase this (2px, 3px) to nudge it down further */
}
header-actions__action {
  padding: 0 !important;
}


/*--buttons--*/

button, input{
  padding: 5px 12px !important;
}

.variant-option__button-label{
  padding: 2px 2px !important;
}
/*--button links--*/

.size-style.link:after {
    content: " →" !important; 
    display: inline-block !important;
    margin-left: 5px !important; 
    transition: transform 0.3s ease !important; 
}

.size-style.link:hover::after {
    transform: translateX(2px) !important;
}

/*--HOME--*/
/*--Collection Images--*/


.collection-card__image {
    aspect-ratio: 3 / 4 !important;
    width: 100% !important;
    padding-bottom: 0 !important;
    overflow: hidden;
    display: block;
}

/* 2. Ensure the image fills the new box without stretching or distorting */
.collection-card__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* This crops the edges so the image fits the box */
    object-position: center; /* Keeps the center of your jewelry in view */
    display: block;
}

/* 3. Optional: Fixes for the inner wrapper if it feels cramped */
.collection-card__inner {
    display: flex;
    flex-direction: column;
}



/*--FOOTER--*/

@media screen and (min-width: 990px) {
  .footer-content {
    display: grid !important;
    /* 2fr (40%) and three 1fr (20% each) */
    grid-template-columns: 2fr 1fr 1fr 1fr !important; 
    column-gap: 150px !important; /* Increased gap */
    align-items: start;
    width: 100% !important;
    max-width: var(--page-width) !important;
    margin: 0 auto;
    padding-left: 10px; /* Safety padding for the edges */
    padding-right: 10px;
  }

  .footer-content > .group-block {
    width: 100% !important;
    max-width: 100% !important;
    flex: unset !important;
    --size-style-width: 100% !important;
  }
}

@media screen and (max-width: 768px) {
  .footer-content {
  
    column-gap: 50px !important; /* Increased gap */
    padding-left: 20px; /* Safety padding for the edges */
    padding-right: 20px;
  }

}

/*--MAIN COLLECTION PAGE--*/

/*--Filters--*/
.facets__clear-all-link {
   display: none !important;
}
/*--SPECIFIC COLLECTION PAGE 2--*/

/* Targets this specific section's text block */
.text-block--AUDIwRDA2dS8vZkNRL__text_pDpwzV {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important; /* Ensures the text has room to center within */
 
}

/* If you want ALL text blocks in this specific type of section to be centered */
.section-content-wrapper .text-block {
    text-align: center !important;
}




