/** Shopify CDN: Minification failed

Line 73:5 Unexpected ".5"

**/
/*
custom.css

Use this file to add custom CSS to your theme.
Make sure to uncomment out the line in theme.liquid so that this css file is loaded.

For more information check out this help guide:
https://help.switchthemes.co/shapes/advanced/custom-css.html
*/

.shopify-payment-terms {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    display: block;
    visibility: hidden;
    height: 0px;
}

.shopify-installments {
   margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    display: block;
    visibility: hidden;
    height: 0px;
}

.skio-ezra-customs {
  font-size: 14px;
    margin-top: 10px;
    font-weight: 500;
}

label.text-scheme-text {
  font-size: 12px;
}

label.text-scheme-text-overlay {
  font-size: 12px
}

#sticky-atc {
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  /* Add "background: #000;" to change the colour of your ATC button*/
  /* Add "color: #fff;" to change the colour of your ATC text*/
}

/* fix mobile image carousel */
@media (max-width: 990px) {
  .feature-media-list li {
    padding-right: 0;
    width: 87%;
  }
}


/* drop down selectors on product page */
#shopify-section-template--16795086160094__main .font-body {
    border: 0px solid black;
    padding: 10px 15px 15px 15px;
    border-radius: 10px;
}

.mt-2.5 .lg:mt-0 .single-option-selector .font-body .text-base .text-scheme-text .appearance-none .input .w-full {
   border: 0px solid black;
    padding: 10px 15px 15px 15px;
    border-radius: 10px;
}

#shopify-section-template--17101585350878__main .font-body {
    border: 0px solid black;
    padding: 10px 15px 15px 15px;
    border-radius: 10px;
}


.reload-icon[data-v-7bc675e0] {
    display: inline-block;
    height: 0px;
    width: 0px
    visibility: hidden;
  
}

input[type=text], input[type=email], input[type=tel], input[type=password], .input, select {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    border-radius: var(--button-border-radius);
    padding: 0.75rem 1rem;
    font-size: var(--font-size-base);
    line-height: var(--base-line-height);
    box-shadow: inset 0 0 0 var(--input-border-width) rgb(var(--color-button-border));
    box-sizing: border-box;
    background-color: white;
    --rc-button-font-color: white;
    --rc-button-font-color: black;
}

.rc_popup__label[data-v-7bc675e0] {
    padding-left: 0px;
    font-size: 15px;
;
    text-decoration: underline;
}

.jdgm-review-widget--small .jdgm-rev-widg, .jdgm-review-widget--medium .jdgm-rev-widg {
    padding: 16px 16px !important;
}
.jdgm-rev__timestamp, .jdgm-rev__pinned {
    float: right;
    color: black !important;
}
.rc-selling-plans__label[data-v-3a84e3a8] {
    cursor: initial;
    font-size: 15px;
}

.jdgm-write-rev-link.jdgm-write-rev-link {
    background-color: var(--jdgm-primary-color) !important;
    border: 2px solid #020202 !important;
    border-color: #090908 !important;
}



.jdgm-histogram__frequency {
    margin: 0 !important;
    width: 24px !important;
    text-align: left !important;
    color: #eee !important;
}

.my-1.lg\:flex.lg\:items-center.lg\:justify-start {
    margin-top: -12px;
}

@media only screen and (max-width: 600px) {
  .media-template--16674043265246__1650891033bae15b05-31387710095582.media-style-container.media-style-none.default {
    max-width: 50%;
}
}

/* Mobile thumbnails – swipeable horizontal row */
@media (max-width: 1023px) {
  .mobile-thumbs-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .mobile-thumbs-scroll::-webkit-scrollbar {
    display: none;
  }
  .mobile-thumbs-list {
    display: flex;
    flex-wrap: nowrap;
    min-width: 100%;
  }
  .mobile-thumbs-list li {
    flex-shrink: 0;
    width: 19vw;
    max-width: 80px;
  }
}

/* Desktop – sticky product carousel
   Stickiness is handled entirely by JS (see product.js) via transform:translateY.
   This approach works across all browsers regardless of ancestor overflow settings.
   The will-change hint promotes the element to its own GPU compositor layer so
   scroll-driven transforms are smooth and don't trigger layout repaints.
   To adjust the distance from the top of the viewport when stuck, change the
   TOP_OFFSET constant inside the initProductStickyCarousel IIFE in product.js. */
@media (min-width: 1024px) {
  .product-carousel-sticky {
    will-change: transform;
  }
}

/*Essential Apps Start - ShammerC. 1/6/26*/
.essential_annoucement_bar_wrapper_3b3a1279-ee96-4ac1-a2c1-078966dd89c3 {
  z-index: 3 !important;
}
/*Essential Apps End - ShammerC. 1/6/26*/