/** Shopify CDN: Minification failed

Line 101:24 Expected identifier but found "!"
Line 157:2 Unexpected "/"

**/
@charset "utf-8";

/**
* ----------------------------------------------------------------------------
* Media Queries
* ----------------------------------------------------------------------------
*/

/* Screen Sizez
phone:              "screen and (max-width: 640px)";
tablet:             "screen and (min-width: 641px) and (max-width: 1007px)";
tablet and up:      "screen and (min-width: 641px)";
pocket:             "screen and (max-width: 1007px)";
laptop:             "screen and (min-width: 1008px) and (max-width: 1239px)";
laptop and up:      "screen and (min-width: 1008px)";
desktop:            "screen and (min-width: 1240px)";
*/


@media screen and (max-width: 640px) {
  .hidden-phone {
    display: none !important; }
}

@media screen and (min-width: 641px) and (max-width: 1007px) {
  .hidden-tablet {
    display: none !important; }
}

@media screen and (min-width: 641px) {
  .hidden-tablet-and-up {
    display: none !important; }
}

@media screen and (min-width: 1008px) and (max-width: 1239px) {
  .hidden-lap {
    display: none !important; }
}

@media screen and (min-width: 1008px) {
  .hidden-lap-and-up {
    display: none !important; }
}

@media screen and (min-width: 1240px) {
  .hidden-desk {
    display: none !important; }
}


/* ---- TN small desktop (1000–1299): icon mode ---- */
@media screen and (min-width:1000px) and (max-width:1279px) {
  .tn-show-small-desk           { display: block !important; }
  .tn-show-small-desk--inline-flex { display: inline-flex !important; align-items: center; }
  .tn-hide-small-desk           { display: none !important; }
}

/* ---- TN widescreen (≥1300): expanded menus ---- */
@media screen and (min-width:1280px) {
  .tn-show-widescreen           { display: block !important; }
  .tn-show-widescreen--contents { display: contents !important; }
  .tn-hide-widescreen           { display: none !important; }
}

/**
* ----------------------------------------------------------------------------
* Cart // Rebuy
* ----------------------------------------------------------------------------
*/

/*.rebuy-widget-container.widget-display-popup.is-visible {
    background: transparent;
}*/


/**
* ----------------------------------------------------------------------------
* Size Charts
* ----------------------------------------------------------------------------
*/


.modal tr:first-of-type {
    background: black;
    color: #fff;
    font-family: 'Montserrat';
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
    border:solid 1px #000;
}

.modal td {
    padding: 20px 10px; !important;
    border: solid 1px;
}

.modal tr {
  border: solid 1px;
}


/**
* ----------------------------------------------------------------------------
* Countdown & Password
* ----------------------------------------------------------------------------
*/

button.password__password-button.text-with-icon span {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 10px;
    font-family: var(--heading-font-family);
}

.drawer::part(header) {
    border-block-end: none;
    justify-content: end;
    padding: 25px 25px;
}

.countdown-bar-container {
  margin-bottom: 28px; }

.countdown-items-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr); }

.countdown-value {
  font-size: 2rem; }

.countdown-name {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 10px; }

@media screen and (min-width: 641px) {
  .countdown-value {
    font-size: 3rem; }

  .countdown-name {
    font-size: 12px;
  }

}


/**
Cookies override
*//

.bxUFNq8u5loIAs30Tnxm,
.ZxPNBIrDobOYa4N0z7v4 {
  --button-color: #fff;
  --button-color-hover: #fff;
  --button-border-radius: 3px;
  --accept-colors-background: #fff;
  --accept-colors-text: #000000;
  --accept-colors-outline: #fff;
  --accept-colors-hover: #fff;
  --accept-colors-hover-text: #222;
  --reject-colors-background: #fff;
  --reject-colors-text: #000000;
  --reject-colors-outline: #fff;
  --reject-colors-hover: #fff;
  --reject-colors-hover-text: #222;
  --preferences-colors-background: #00000000;
  --preferences-colors-text: #fff;
  --preferences-colors-outline: #fff;
  --preferences-colors-hover: #fff;
  --preferences-colors-hover-text: #000000;
  --do-not-sell-colors-background: #fff;
  --do-not-sell-colors-text: #000000;
  --do-not-sell-colors-outline: #fff;
  --do-not-sell-colors-hover: #fff;
  --do-not-sell-colors-hover-text: #222;
  --accept-selected-colors-background: #00000000;
  --accept-selected-colors-text: #fff;
  --accept-selected-colors-outline: #f1d501;
  --accept-selected-colors-hover: #fffb27;
  --accept-selected-colors-hover-text: #222;
}

/**
* ----------------------------------------------------------------------------
* Slideshow & Hero
* ----------------------------------------------------------------------------
*/

/* Mobile text alignment (default) */
.text-start {
  text-align: left;
}

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

.text-end {
  text-align: right;
}

/* Mobile button alignment (default) */
.justify-start {
  justify-content: flex-start;
}

.justify-center {
  justify-content: center;
}

.justify-end {
  justify-content: flex-end;
}

slide-content_wrapper{
  position: relative;
  height: 100%;
  width: 100%:
}

.badge--new {
  background-color: black;
  color: white;
}

/* Desktop styles - AFTER mobile styles */
@media screen and (min-width: 1000px) {
  /* Desktop text alignment */
  .sm\:text-start {
    text-align: left;
  }
  
  .sm\:text-center {
    text-align: center;
  }
  
  .sm\:text-end {
    text-align: right;
  }
  
  /* Desktop button alignment */
  .sm\:justify-start {
    justify-content: flex-start;
  }
  
  .sm\:justify-center {
    justify-content: center;
  }
  
  .sm\:justify-end {
    justify-content: flex-end;
  }
}

/**
* ----------------------------------------------------------------------------
* Swatches
* ----------------------------------------------------------------------------
*/

.quick_add {
  list-style: none;
  display: flex;
  gap: 4px;
  align-items: center;
  margin: 0;
}

ul.quick_add li {
  padding: 0;
  margin: 0;
}

ul.quick_add li.block-swatch:not(.is-disabled):hover {
  border: solid 1px #000;
  color: #fff;
  background: #000;
  cursor: pointer;
}

ul.quick_add span {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

ul.quick_add span a {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.bar_selector legend {
    color: #1c1b1b;
    font-family: Gotham Nails;
    text-transform: uppercase;
    letter-spacing: .2em;
    font-size: 10px;
    font-weight: 500 !important;
    margin-bottom: 7px;
    text-align: center;
}

product-sticky-bar.product-sticky-bar.variant-bar.is-visible {
    background: #fff;
    border-top: solid 1px #ededed;
    box-shadow: 0 0 19px 5px rgba(0, 0, 0, 0.1);
}

label.thumbnail-swatch.is-selected {
    cursor: default;
}

.thumbnail-swatch {
    width: 78px;
    height: auto;
    border: solid 1px #dddddd;
    transition: all .3s;
    border-radius: 5px;
}

.thumbnail-swatch.sold_out {
  opacity: 0.4;
  cursor: not-allowed;
}

.thumbnail-swatch.sold_out.is-selected {
  opacity: 1;
  pointer-events: none;
}

fieldset.variant-picker__option legend {
    color: #1c1b1b;
    font-weight: 400;
}

.product-info .gap-2\.5 {
    gap: 2px;
}

:disabled + .block-swatch::before,
.block-swatch.is-disabled::before {
  content: "";
  position: absolute;
  inset: var(--swatch-disabled-margin, var(--swatch-offset, 0));
  border-radius: inherit;
  pointer-events: none;
  background:
    linear-gradient(
      to top left,
      transparent calc(50% - 1px),
      var(--swatch-disabled-strike-color, rgb(var(--border-color))) calc(50% - 1px) calc(50% + 1px),
      transparent calc(50% + 1px)
    ) no-repeat;
}

.block-swatch.is-disabled {
  opacity: .6;
}

.product-info .price-list--product > * {
    font-size: 16px;
}

.product-card sale-price.Pricing.h6.text-on-sale {
    font-weight: 600;
}

.product-info .product-title {
    color: #000;
}

.product-info span.accordion__toggle.h6 {
    line-height: 45px;
}

.product-info :checked+.block-swatch, .product-info .block-swatch.is-selected {
    color: #fff;
    border: solid 1px #000;
    background: #000;
}

.product-info :checked+.block-swatch.is-disabled {
    background: #fff;
    color: #000;
}

.page-dots>*:after {
    content: "";
    border-radius: inherit;
    opacity: 1;
    background: #fff;
    transition: opacity .25s, background .25s;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: solid 1px #00000066;
}

button.Size_Button {
    font-family: 'Gotham Nails';
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-size: 11px;
    font-weight: 500 !important;
}

button.Size_Button:hover {
    opacity: 0.6 !important;
}

.Size_Buttons {
    display: flex;
    justify-content: space-between;
}


.page-dots>*[aria-current=true]:after {
    background: #00000066;
    border: solid 1px #00000066;
}


.product-gallery .page-dots {
    opacity: 0;
    transition: opacity .2s;
}

.product-gallery:hover .page-dots {
    opacity: 1;
    transition: opacity .2s;
}

.variant-picker__option legend, .variant-picker p.text-subdued {
  font-family: 'Gotham Nails';
  /*text-transform: uppercase;
  letter-spacing: 0.2em;*/
  font-size: 13px;
  font-weight: 600!important;
  color: #1c1b1b;
}

.variant-picker__option .variant_color {
  padding-top: 8px;
}

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

  .product-info {
    max-width: 100%;
  }

  .product-info .gap-2\.5 {
    gap: 2px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }

  .product-info .gap-2\.5.Swatch_MO,   .product-info .gap-2\.5.Swatch_MF {
    gap:2px;
    display: flex;
    flex-direction: row;
  }

  .product-info .thumbnail-swatch {
    width: 100%;
    height: 100%;
    border-radius: 5px;
  }
  
  .product-info label.block-swatch {
    width: 100%;
    height: 35px;
  }

  .product-info span.accordion__toggle.h6 {
    line-height: 25px;
  }

  .shopify-section--featured-product .SectionHeader.SectionHeader--center {
    text-align: center;
    overflow: hidden;
  }

  .FeaturedProduct__Heading {
    font-size: 22px;
  }

  .product-gallery__media {
    padding: 0px;
  }

  
  .okeReviews-reviewsSummary.js-okeReviews-reviewsSummary.is-okeReviews-clickable {
    width: 100%;
    text-align: left;
  }
}

/**
* ----------------------------------------------------------------------------
* Pairs Well With
* ----------------------------------------------------------------------------
*/

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

.SectionHeader:not(:only-child) {
    margin-bottom: 40px;
}

@media screen and (min-width: 1008px) {
  .SectionHeader:not(:only-child) {
      margin-bottom: 70px;
  }
}

.Heading {
    font-family: 'Gotham Nails';
    font-weight: 600;
    font-style: normal;
    color: var(--shopify-editor-setting-heading_color);
    transition: color 0.2s ease-in-out;
}

.FeaturedProductHeadingContainer {
    position: relative;
}

.FeaturedProductHeadingContainer::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -24px;
    right: -24px;
    transform: translateY(-50%);
    height: 2px;
    background-color: currentColor;
}

.FeaturedProduct__Heading {
    display: inline-block;
    padding: 0 10px;
    position: relative;
    background-color: #ffffff;
    font-family: "trumpsoftpro", sans-serif;
    font-style: italic;
    font-size: 28px;
    letter-spacing: 0.1em;
    line-height: 1.15;
}

.FeaturedProduct__SubHeading {
    font-family: "trumpsoftpro", sans-serif;
    font-style: italic;
    font-size: 20px;
    line-height: 1.6;
    letter-spacing: 0.1em;
}

.FeaturedProduct__ViewWrapper {
    margin-top: 10px;
    text-align: center;
    font-size: 10px;
    line-height: 1.2;
    color: #000000;
}

.Link {
    transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

.Link--underline {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
}

.Link--underline::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: -1px;
    background: currentColor;
    transform: scale(1, 1);
    transform-origin: left center;
    transition: transform 0.2s ease-in-out;
}

.shopify-section--featured-product .product-info__block-item.Buy_Block {
    margin-bottom: 0;
}

@media (-moz-touch-enabled: 0), (hover: hover) {
    .Link--underline:hover::before {
        transform: scale(0, 1);
    }
}

@media screen and (min-width: 641px) {
  .FeaturedProductHeadingContainer:not(:only-child) {
      margin-bottom: 60px;
  }
  
  .FeaturedProductHeadingContainer::before {
    left: -50px;
    right: -50px;
  }

  .FeaturedProduct__Heading {
    font-size: 55px;
    padding: 0 24px;
  }

  .FeaturedProduct__SubHeading {
    font-size: 28px;
  }
}

@media screen and (min-width: 1240px) {
  .FeaturedProductHeadingContainer:not(:only-child) {
      margin-bottom: 80px;
  }

  .FeaturedProductHeadingContainer::before {
    left: -80px;
    right: -80px;
  }
}

/**
* ----------------------------------------------------------------------------
* Our Mission
* ----------------------------------------------------------------------------
*/

.content.content--desktop.our_mission {
  display: flex;
  align-items: center;
  position: absolute;
  max-width: 1400px;
  width: 100%;
  margin: auto;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


.content.our_mission .prose {
  max-width: 576px;
  padding: 0 40px;
}


.content.our_mission .Mission_Title {
  font-family: trumpsoftpro, sans-serif;
  font-size: 36px;
  line-height: 40px;
  font-style: italic;
  letter-spacing: 0px;
  margin-bottom: 30px;
  text-transform: uppercase;
}

.content.our_mission p {
  font-size: 16px;
}

.Content__Icon .hero-banner__text-icon {
    max-width: 60px;
    margin: 5px auto;
}

/**
* ----------------------------------------------------------------------------
* Header
* ----------------------------------------------------------------------------
*/

.header .mega-menu .h6 {
    color: #6a6a6a;
    font-size: 14px;
    font-family: 'Gotham Nails';
    font-weight: 700;
}

/**
* ----------------------------------------------------------------------------
* Footer
* ----------------------------------------------------------------------------
*/
.Footer__MobileStoresButtons--container {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.Footer__MobileStoreButton--container {
  max-width: 9rem;
  width: 100%;
}

.Footer__MobileStoreButton {
  display: block;
}

.footer {
  color: #000;
}

.footer .text-subdued, .footer .link-faded {
  color: rgba(0,0,0,0.65);
}

.footer .link-faded:hover {
  color: #000;
}

.footer-copyright{
  font-size: 11px;
  color: #1c1b1b;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-style: normal;
  transition: color 0.2s ease-in-out;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.footer-copyright:hover {
  color: #6a6a6a;
}

.footer .social-media a {
  color: #000000;
}

/* BFCM 

.footer {
  color: #fff;
}

.footer .text-subdued, .footer .link-faded {
  color: rgba(255,255,255,255.65);
}

.footer .link-faded:hover {
  color: #fff;
}
*/

.footer-copyright{
  font-size: 11px;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-style: normal;
  transition: color 0.2s ease-in-out;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.footer-copyright:hover {
  color: #7a7a7a;
}

.footer .social-media a {
  color: #fff;
}

.footer button.button {
  color: #fff;
  border-color: #fff;
}

.footer :is(.button,.shopify-challenge__button,.shopify-payment-button__button--unbranded):not([disabled]):hover {
  color: #fff;
  border-color: #fff;
  background: #000;
}

.italic_heading {
  font-family: "trumpsoftpro", sans-serif;
  font-size: 36px;
  line-height: 40px;
  letter-spacing: 0;
  font-style: italic;
}

@media screen and (min-width: 641px) {
  .payment-methods {
    flex-wrap: nowrap;
  }
}

@media screen and (max-width: 640px) {
  .footer__inner {
    width: 100%;
    display: block;
}

  .footer__aside {
    margin-top: 40px;
  }

  .footer-copyright {
    border-bottom: solid 1px #ddd;
    padding-bottom: 20px;
    margin: 0 -20px 10px;
}
}

/**
*
* Two Column Text with Image
*
*/

.two-col-text-with-image {
    padding: 50px 40px 0px;
    max-width: 1400px;
    margin: auto;
}

.two-col-text-with-image .two-col-text-with-image__block__container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 60px;
    align-items: center;
}

.two-col-text-with-image .two-col-text-with-image__text {
    text-align: center;
}

.two-col-text-with-image .two-col-text-with-image__text .two-col-text-with-image__text-title, .two-col-text-with-image .two-col-text-with-image__text .two-col-text-with-image__text-sub-title {
    font-family: var(--heading-font-family);
    font-size: 23px;
    font-weight: var(--heading-font-weight);
    letter-spacing: 0;
    line-height: 40px;
    text-transform: uppercase;
}

.two-col-text-with-image .two-col-text-with-image__text .two-col-text-with-image__text-body {
    margin-top: 35px;
    font-size: 16px;
}

.two-col-text-with-image .two-col-text-with-image__text .two-col-text-with-image__text-body {
    margin-top: 35px;
    font-size: 16px;
}

.two-col-text-with-image .two-col-text-with-image__text {
    text-align: center;
}

.two-col-text-with-image .two-col-text-with-image__icon-blocks {
    margin-top: 35px;
}

.two-col-text-with-image .two-col-text-with-image__icon-block img {
    width: 60px;
}

.two-col-text-with-image .two-col-text-with-image__icon-blocks, .two-col-text-with-image .two-col-text-with-image__icon-block {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 20px;
}

.two-col-text-with-image .two-col-text-with-image__icon-block {
    flex-direction: column;
}

.two-col-text-with-image .two-col-text-with-image__block:nth-of-type(n+2) {
    padding-top: 50px;
}

.two-col-text-with-image .two-col-text-with-image--right .two-col-text-with-image__img {
    grid-row: 1;
    grid-column: 2;
}

.two-col-text-with-image .two-col-text-with-image__block:nth-of-type(n+2) .two-col-text-with-image__img {
    margin-top: -215px;
}

@media screen and (max-width: 640px) {
    .two-col-text-with-image {
        padding-left: 20px;
        padding-right: 20px;
    }

    .two-col-text-with-image .two-col-text-with-image__block__container {
        grid-template-columns: 1fr;
    }
  
    .two-col-text-with-image .two-col-text-with-image__text {
        margin-top: 40px;
    }

    .two-col-text-with-image .two-col-text-with-image__text .two-col-text-with-image__text-title {
        font-size: 24px;
    }

    .two-col-text-with-image .two-col-text-with-image__icon-block img {
        width: 40px;
    }

    .two-col-text-with-image .two-col-text-with-image__block:nth-of-type(2n) .two-col-text-with-image__img {
        grid-row: unset;
        grid-column: unset;
    }

    .two-col-text-with-image .two-col-text-with-image__block:nth-of-type(n+2) .two-col-text-with-image__img {
        margin-top: 40px;
    }
}


/**
* ----------------------------------------------------------------------------
* Base CSS from Previous Theme
* ----------------------------------------------------------------------------
*/

.WairContainer {
    display: flex;
    align-items: center;
    color: #000;
    font-size: 11px;
}

.WairContainer svg.icon.icon-size-guide {
    height: 22px;
}

button#wair-fit-advisor {
    color: #1c1b1b;
}

button#wair-fit-advisor span {
    font-family: 'Gotham Nails', sans-serif;
    text-decoration: none;
    color: #1c1b1b;
    border-bottom: 0;
    text-transform: uppercase;
    letter-spacing: .2em;
    font-size: 11px;
    font-weight: 500;
}

a.btn.klaviyo-bis-trigger {
    text-transform: uppercase;
    font-size: 12px;
    display: block;
    width: 100% !important;
    padding: 14px 0;
    background: #1c1b1b;
    color: #fff;
    font-weight: 600;
    text-transform: var(--button-text-transform);
    font: var(--button-font);
    margin-top: 10px;
    border-radius: var(--button-border-radius);
}

button.button.w-full:disabled {
    background: #fff;
    color: #000;
    margin-bottom: 10px;
}

.Container {
  margin: 0 auto;
  padding: 0 24px;
}

.Section--spacingNormal {
  margin: 40px 0; 
}

.Section--spacingLarge,
.Section--spacingExtraLarge {
  margin: 90px 0; }

.shopify-section--bordered > .Section--spacingNormal {
  padding: 40px 0;
  margin-top: 0;
  margin-bottom: 0;
}

.shopify-section--bordered > .Section--spacingLarge,
.shopify-section--bordered > .Section--spacingExtraLarge {
  padding: 90px 0;
  margin-top: 0;
  margin-bottom: 0;
}

.text-subdued {
  color: #515151;
}

.text-subdued.line-through {
    opacity: 0.6;
}

.sale-price {
  color: var(--on-sale-text);
}

p.prose.announcement.heading.is-selected a {
    text-decoration: none;
    background: transparent;
}

@media screen and (min-width: 641px) {
  .Container {
    padding: 0 50px; 
  }
}

@media screen and (min-width: 1008px) {
  .Section--spacingNormal {
    margin: 80px 0;
  }

  .Section--spacingLarge {
    margin: 120px 0;
  }

  .Section--spacingExtraLarge {
    margin: 145px 0;
  }

  .shopify-section--bordered > .Section--spacingNormal {
    padding: 80px 0;
  }

  .shopify-section--bordered > .Section--spacingLarge {
    padding: 120px 0;
  }

  .shopify-section--bordered > .Section--spacingExtraLarge {
    padding: 145px 0;
  }
}

@media screen and (min-width: 1240px) {
  .Container {
    padding: 0 80px;
  }
}
  
/**
* ----------------------------------------------------------------------------
* Image lazy loader (integrates with lazy sizes)
* ----------------------------------------------------------------------------
*/

@-webkit-keyframes lazyLoader {
  0%, 100% {
    transform: translateX(-50%);
  }

  50% {
    transform: translateX(100%);
  }
}

@keyframes lazyLoader {
  0%, 100% {
    transform: translateX(-50%);
  }

  50% {
    transform: translateX(100%);
  }
}

.Image--fadeIn {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.Image--lazyLoaded.Image--fadeIn {
  opacity: 1;
}


@keyframes stock-pulse {
  0% {
      opacity: 0.5;
  }
  
  to {
      transform: scale(2.5);
      opacity: 0;
  }
}

/* Base Media Queries */


/**
 * ----------------------------------------------------------------------------
 * Aspect Ratio
 * ----------------------------------------------------------------------------
 */



.AspectRatio {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.AspectRatio::before {
  content: '';
  display: block;
  border-color: green;
}

.AspectRatio > img {
  max-height: 100%;
  max-width: 100%;
}

.AspectRatio--withFallback > img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.no-js .AspectRatio > img {
  display: none !important;
}

@supports (--css: variables) {
  .AspectRatio--withFallback {
    padding-bottom: 0 !important;
  }

  .AspectRatio::before {
    padding-bottom: calc(100% / (var(--aspect-ratio)));
  }

  .AspectRatio > img,
  .no-js .AspectRatio > noscript img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
}

.AspectRatio--square::before {
  padding-bottom: 100%;
}

.AspectRatio--short::before {
  padding-bottom: 75%;
}

.AspectRatio--tall::before {
  padding-bottom: 150%;
}

.AspectRatio--square > img,
.AspectRatio--short > img,
.AspectRatio--tall > img {
  position: absolute;
  width: auto;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}


@supports ((-o-object-fit: contain) or (object-fit: contain)) {
  .AspectRatio--square > img,
  .AspectRatio--short > img,
  .AspectRatio--tall > img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
  }
}

.Image--lazyLoad[data-sizes="auto"] {
  width: 100%; /* this is needed to help LazySizes calculate the correct size */
}


/**
 * ----------------------------------------------------------------------------
 * Featured Icons Section on PDPs
 * ----------------------------------------------------------------------------
 */

.Relative {
  position: relative;
}

.Absolute {
  position: absolute;
}

.Inset-0 {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.Opacity-0 {
  opacity: 0;
}


.FeaturedIcons__Container {
  padding-top: 20px;
  padding-bottom: 20px;
}

.FeaturedIcon__Item {
  color: var(--text_color);
}

.FeaturedIcons__Wrapper {
  max-width: 1330px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 5px;
}

.FeaturedIcon__Item {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  justify-content: center;
  align-items: center;
}

.FeaturedIcon__Item-imageContainer {
  width: 45px;
  max-width: 100%;
  flex-shrink: 0;
}

.FeaturedIcon__Item-content {
  flex-grow: 1;
  font-size: 12px;
  line-height: 1.2;
}

.FeaturedIcon__Item-title {
  letter-spacing: normal;
}

@media screen and (max-width: 640px) {
  .FeaturedIcons__OuterContainer.show-border-mobile-top {
    border-top: 1px solid var(--border_color);
  }
  .FeaturedIcons__OuterContainer.show-border-mobile-bottom {
    border-bottom: 1px solid var(--border_color);
  }

  .FeaturedIcon__Item {
    width: calc((100% / var(--mobile_items_per_row)) - ((5px * (var(--mobile_items_per_row) - 1)) / var(--mobile_items_per_row)));
  }

  .FeaturedIcon__Item-content.center-on-mobile {
    text-align: center;
  }
}

@media screen and (min-width: 641px) {
  .FeaturedIcons__Container {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .FeaturedIcons__OuterContainer.show-border-tablet-and-up-top {
    border-top: 1px solid var(--border_color);
  }
  .FeaturedIcons__OuterContainer.show-border-tablet-and-up-bottom {
    border-bottom: 1px solid var(--border_color);
  }

  .FeaturedIcon__Item-content {
    font-size: 14px; /* Adjusted from to-size(12px) as to-size is not standard CSS */
  }

  .FeaturedIcons__Wrapper {
    gap: 20px 40px;
  }

  .FeaturedIcon__Item {
    flex-wrap: nowrap;
  }

  /* .FeaturedIcon__Item-imageContainer {
    width: 64px;
  } */
}

/**
 * ----------------------------------------------------------------------------
 * Okendo Reviews
 * ----------------------------------------------------------------------------
 */

.okeReviews.okeReviews--theme .okeReviews-button {
    color: #1c1b1b!important;
    transition: .4s all!important;
  
}

.okeReviews.okeReviews--theme .okeReviews-button:hover {
    color: #ffffff!important;
    background: #1c1b1b!important;
    transition: .4s all!important;
}


/**
 * ----------------------------------------------------------------------------
 * Features Section on PDPs
 * ----------------------------------------------------------------------------
 */

.FeaturesOuterWrapper {
  max-width: 1330px;
  margin: 0 auto;
}

.FeaturesMainWrapper {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.FeaturesContent__Title {
  font-family: "trumpsoftpro", sans-serif;
  font-style: italic;
  line-height: 1.6;
  margin-bottom: 0;
  letter-spacing: 0.1em;
  color: var(--title_color);
}

.FeaturesContent__Title:not(:only-child) {
  margin-bottom: 20px;
}

.FeaturesContent {
  color: var(--content_color);
  line-height: 1.43;
  font-size: 16px; /* Assuming to-size(16px) translates directly to 16px */
}

.FeaturesIcons__Container:not(:only-child) {
  margin-top: 40px;
}

.FeaturesIcon__Item {
  color: var(--icons_color);
}

.FeaturesIcons__Wrapper {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10px 5px;
  text-align: center;
}

.FeaturesIcon__Item-imageContainer {
  width: 80px;
  max-width: 100%;
  margin: 0 auto;
}

.FeaturesIcon__Item-content {
  font-size: 12px; /* Assuming to-size(12px) translates directly to 12px */
  line-height: 1.67;
}

.FeaturesTextContentContainer {
    text-align: center;
}

.shopify-section--featured-product .SectionHeader.SectionHeader--center {
    text-align: center;
    overflow: hidden;
}

/* Phone Media Query */
@media screen and (max-width: 640px) {
  .FeaturesIcon__Item {
    width: calc((100% / var(--mobile_items_per_row)) - ((5px * (var(--mobile_items_per_row) - 1)) / var(--mobile_items_per_row)));
  }
}

/* Tablet and Up Media Query */
@media screen and (min-width: 641px) {
  .FeaturesIcon__Item-content {
    font-size: 1rem;
  }

  .FeaturesIcons__Wrapper {
    gap: 20px 40px;
  }

  .FeaturesMainWrapper {
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }

  .FeaturesImageContainer,
  .FeaturesTextContentContainer {
    width: calc(50% - 20px);
  }

  .FeaturesTextContentContainer {
    order: var(--content_desktop_order);
  }
}

/* Desktop Media Query */
@media screen and (min-width: 1240px) {
  .FeaturesImageContainer {
    width: calc(40% - 20px);
  }

  .FeaturesTextContentContainer {
    width: calc(40% - 20px);
    padding: 0 30px;
  }

  .FeaturesContent__Title {
    font-size: 28px; /* Assuming to-size(28px) translates directly to 28px */
  }

  .FeaturesContent {
    font-size: 16px; /* Assuming to-size(16px) translates directly to 16px */
  }
}

/**
 * ----------------------------------------------------------------------------
 * Badges
 * ----------------------------------------------------------------------------
 */

.badge-pricing {
  display: flex;
  gap: .75rem;
}

.feature-badge {
  font-weight: 600;
  font-family: 'Gotham Nails';
}


.anchor-marker {
  display:block;
  position:relative;
  height:0;
  visibility:hidden;
  scroll-margin-top: calc(var(--header-height, 0px) + var(--announcement-bar-height, 0px));
}

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

  .product-gallery__image-list button.prev {
    background: transparent;
    z-index: 99;
    position:absolute;
    left: 0
    top: 0;
    height:100%;
    padding:50px;
    margin-left: -20px;
  } 

  .product-gallery__image-list button.next {
    background: transparent;
    z-index: 99;
    position: absolute;
    right: 0;
    top: 0;
    height:100%;
    padding:50px;
    margin-right: -20px;
  } 

  .product-gallery__carousel {
    gap: 0;
  }

}

@media screen and (min-width: 641px) {
  .product-gallery__image-list button.prev, .product-gallery__image-list button.next {
    display: none;
  }

}

.product-card__info .color-swatch {
    --collection-swatch-offset: 2px;
    --collection-swatch-size: 1.85rem;
    --collection-swatch-border-size: 1px;
    --collection-swatch-disabled-strike-color: rgb(var(--border-color));
    width: var(--collection-swatch-size);
    height: var(--collection-swatch-size);
    padding: var(--collection-swatch-offset);
    border: var(--collection-swatch-border-size) solid transparent;
    background: content-box var(--swatch-background) no-repeat center / cover;
    place-items: center;
    display: grid;
    position: relative;
}

:disabled + .product-card__info .product-card__info .color-swatch::before,
.product-card__info .color-swatch.is-disabled::before,
.product-card__info .color-swatch.sold_out::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: var(--swatch-disabled-margin, var(--swatch-offset));
  border-radius: inherit;
  pointer-events: none; 
  background: linear-gradient(
    to bottom right,
    transparent calc(50% - 1px), #fff calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)
  ) no-repeat;
}

:checked + .product-card__info .color-swatch,
.product-card__info .color-swatch.is-selected {
  --swatch-disabled-margin: 0;
  --swatch-disabled-strike-color: currentColor;
  border-color: currentColor;
}
:focus-visible + .product-card__info .color-swatch {
  outline-offset: var(--swatch-offset);
}

.product-info .flex-variants {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.product-info .flex-variants .block-swatch {
  width: 100%;
}


@media screen and (min-width: 641px) {
  .flex {
    display: block;
  }
}

.variant-picker__color-swatches.Swatch_MO, .variant-picker__color-swatches.Swatch_MF {
    display: flex;
    flex-direction: row;
    container-type: inline-size;
    flex-wrap: wrap;
    padding-bottom:6px;
}

.product-card__info--swatches {
    display: flex;
    flex-direction: column;
}

.variant-picker__color-swatches .color-swatch {
    --swatch-cq-size: 10cqw;
    width: var(--swatch-cq-size);
    height: var(--swatch-cq-size);
    max-height: 28px;
    max-width: 28px;
}

@media screen and (max-width: 640px) {
  .variant-picker__color-swatches .color-swatch {
    --swatch-cq-size: 12cqw;
    width: var(--swatch-cq-size);
    height: var(--swatch-cq-size);
    max-height: 28px;
    max-width: 28px;
}

.product-title.h6, :where(.prose h6) {
    font-size: calc(var(--text-h6-product) - 2px);
    line-height: 1.7;
}
}

a.swatch-more:hover {
    transform: scale(1.1);
    transition: transform .2s;
}

a.swatch-more {
    font-family: 'Gotham Nails';
    font-weight: 600;
    line-height: 1;
    align-items: center;
    justify-content: center;
    display: flex;
    padding-left: 5px;
    transition: transform .2s;
}

.facets .color-swatch {
    --swatch-size: 2rem;
}

.facets .color-swatch.border {
    box-shadow: inset 0 0 0 1px #ededed;
}

.active-facets {
  padding-top: 50px;
}
@media and (min-width: 641px) {
.product-info__block-item .rebuy-widget {
    margin-bottom: 100px;
}
}

.Hero__AppButtons a {
    background: unset !important;
}

.Hero__AppButtons a {
    transition: all .2s;
}

.Hero__AppButtons a:hover {
    transition: all .2s;
    filter:brightness(0.9);
}