/** Shopify CDN: Minification failed

Line 137:0 Unexpected "<"
Line 157:0 Unexpected "<"
Line 247:0 All "@import" rules must come first

**/


body {
  background: #ffffff;
}
.imgbg{
  display: none;
}



.menu-item a, .right-nav, .right-nav > *, .header-logo-text{
  color: #000000;
}


.product-info__description-pc, .product-info__description-pc > *,  .product-table th, .product-table td,.product-block-content {
   line-height: 1.4;
   font-size: 12px;
}
@media screen and (max-width: 749px){
  .menu-item a{
    color: #000000;
  }
  .header-menu{
    background: #ffffff;
  }
  .product-info__description-mobile, .product-info__description-mobile > *, .product-table th, .product-table td, .product-block-content  {
    line-height: 1.6;
    font-size: 13px;
    
}

}
.pageloader-logo-text {
  color: #ffffff;
}
.shopify-payment-button__button--unbranded {
  color: #000000 !important;
  border: 1px solid #000000 !important;
}
.product-list__product-name, h1, h2, h3, h4, h5, .copyright__content, .copyright__content > *, .cart__total, .cart__item-remove-link, #collections-listing ul li a, input, textarea, .option-value, a, .pages > *, .number_pages > *, .footer-nav {
  color: #000000;
}

p, .main-page-content, .main-page-content > *, .product-info__description-pc > *, .product-info__description-pc, .product-info__description-mobile, .product-info__description-mobile > *, table, th, tr, .cart__quantity-value{
  color: #000000;
}
.product-table th, .product-table td {
    border-bottom: 1px solid #000000;
}

.button{
  color: #ffffff;
  background: #000000;
}
.input-class{
  color: #000000 !important;
  background: rgba(0,0,0,0) !important;
}


.collection-title{
  display: none;
}




.product-list__product-name{
  display: block;
}
.product-list__product-price{
  display: block;
}




.product-list__img-link {
    position: relative;
    width: 100%;
    height: 100%;
}
a.product-list__img-link::before {
    content: '';
    display: block;
    padding-bottom: 100%;
    height: 100%;
    width: 100%;
}
  .product-image-container {
    width: 100%;
    height: 100%;
}
.product-list__product-img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    object-fit: contain;
    height: 98%;
}
@media screen and (max-width: 768px) {
    .product-list__product-img {
        height: inherit !important;
    }
}



.product-list__product-block {
    width: 50%;
}
.product-list__product-img {
  width: 90%;
}
/* @media screen and (max-width: 1200px){
.product-list__product-img {
  width: 90%;
}
} */
/* @media screen and (max-width: 1000px){
.product-list__product-img {
  max-height: 500px;
}
} */


<style id="klaviyo-bold-override">
  /* Make the headline in Klaviyo truly bold, regardless of theme overrides */
  .klaviyo-form [class*="kl-private-reset-css"] [data-testid="rich-text"] span,
  .klaviyo-form [class*="kl-private-reset-css"] h1,
  .klaviyo-form .klaviyo-form__title {
    font-family: 'Archivo', Helvetica, Arial, sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .02em !important;
  }

  /* Keep button bold but not everything else */
  .klaviyo-form .klaviyo-submit-button,
  .klaviyo-form button[type="submit"] {
    font-family: 'Archivo', Helvetica, Arial, sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
  }

  
</style>

 



/* Optional: slightly smaller on mobile */
@media screen and (max-width: 749px) {
  .intro__password-link {
    font-size: 13px !important;
    margin-top: -50px !important;
  }
}

/* Force positioning of the "Enter using password" link */
#MainContent .intro__password-link,
[id^="shopify-section"][id*="password"] .intro__password-link {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;

  /* Adjust this number to move UP or DOWN */
  bottom: 20px !important;

  margin: 0 !important;
  z-index: 20 !important;

  display: inline-block !important;
  text-align: center !important;
  color: #000 !important;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
}

/* Mobile tweak */
@media (max-width: 749px) {
  #MainContent .intro__password-link,
  [id^="shopify-section"][id*="password"] .intro__password-link {
    bottom: 30px !important; /* make this bigger to push it UP */
    font-size: 13px !important;
  }
}

/* Make sure "Enter using password" link stays clickable */
.intro__password-link {
  position: relative !important;
  z-index: 9999 !important;   /* force it to the very top */
  pointer-events: auto !important; /* ensures it accepts clicks */
}

.intro:before {
  z-index: 0 !important;  /* keep overlay in the background */
}

/* ===== Password page extra text ===== */
body.template-password .password-extra-text {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  position: relative !important;
  z-index: 2 !important;

  /* Desktop baseline */
  top: -240px !important;
  text-align: center !important;

  font-family: 'Archivo Narrow', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14.5px !important;
  line-height: 1.35 !important;

  margin: 0 auto !important;
  max-width: 92% !important;
  color: #000 !important;
  white-space: normal !important;
}

/* ===== Mobile override ===== */
@media screen and (max-width: 749px) {
  body.template-password .password-extra-text {
    top: -200px !important;       /* adjust this up/down */
    font-size: 13.5px !important; /* slightly smaller */
    line-height: 1.4 !important;
  }
}


/* Load Archivo Narrow (for the "SUBSCRIBE FOR..." line) */
@import url('https://fonts.googleapis.com/css2?family=Archivo+Narrow:wght@700&display=swap');

/* Desktop / default */
.password-extra-text{
  font-family: 'Archivo Narrow', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14.5px !important;
  line-height: 1.35 !important;
  text-align: center !important;
  color: #000 !important;
  margin: 8px auto 0 !important;   /* 8px space below the form */
  max-width: 90ch !important;
  white-space: normal !important;
}

/* Mobile placement & size */
@media (max-width: 749px){
  .password-extra-text{
    font-size: 14px !important;
    margin-top: 14px !important;   /* nudge down if needed */
  }
}




/* Center the email input + button block */
#newsletter.input-group {
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  gap: 0 !important; /* removes extra spacing */
  margin: 0 auto !important;
  max-width: 400px;  /* optional: keeps it narrow & centered */
}

/* Make sure input + button align evenly */
#newsletter .input-group__field {
  flex: 1 1 auto !important;
  text-align: left !important;
}

#newsletter .input-group__btn {
  flex: 0 0 auto !important;
}


@media screen and (max-width: 749px) {
  /* Keep form centered and narrower */
  .intro__content.email-intro .input-group#newsletter {
    width: 90% !important;
    max-width: 400px !important;  /* narrower cap */
    margin: 0 auto !important;    /* center */
  }

  .intro__content.email-intro .input-group__field {
    flex: 1 1 auto !important;
    height: 48px !important;
    font-size: 14px !important;
  }

  .intro__content.email-intro .input-group__btn .btn {
    height: 48px !important;
    padding: 0 16px !important;
    font-size: 14px !important;
  }
}


#newsletter_thanks {
  display: none;                /* hidden by default, JS reveals it */
  text-align: center;
  margin: 12px 0;
  font-family: 'Archivo Narrow', ; /* same font as your other line */
  font-size: 15px;              /* adjust size to match your design */
  font-weight: 700;             /* bold */
  color: #000;                  /* black text */
}

#newsletter_thanks .coupon-code {
  font-family: 'Archivo Narrow', ;
  font-weight: 700;
  font-size: 15px;
  color: #000;
  text-decoration: none;        /* no underline */
  letter-spacing: 0.5px;        /* optional: gives a clean coupon look */
}

/* --- Center the Cart | Tracking row under the logo --- */
#shopify-section-header .logo-wrapper{
  display:flex;
  justify-content:center;
}

#shopify-section-header .header-wrapper{
  display:flex;
  flex-direction:column;
  align-items:center;
}

/* the row with Cart + Tracking */
#shopify-section-header .header-wrapper .right-nav{
  display:flex !important;
  justify-content:center;
  align-items:center;
  margin:0px auto 0;
  gap:0;
}

/* consistent spacing/looks for both links */
#shopify-section-header .header-wrapper .right-nav a{
  text-decoration:none;
  font-weight:700;
  color:#000;
  padding:0 14px;
}

/* divider only between the two links */
#shopify-section-header .header-wrapper .right-nav a + a::before{
  content:"|";
  margin:0 8px;
  color:#000;
  font-weight:400;
}

/* hide any duplicate/right-edge nav the theme prints */
#shopify-section-header > .right-nav,
#shopify-section-header .page-width > .right-nav,
#shopify-section-header .header__icons,
#shopify-section-header .header-icons,
#shopify-section-header .header__actions,
body > .right-nav,
body > .right-nav[aria-label="Secondary"]{
  display:none !important;
}

/* =========================
   Center Cart | Tracking row perfectly
   ========================= */

#shopify-section-header .header-wrapper .right-nav{
  transform: translateX(6px);
  display:flex;
  justify-content:center;
  align-items:center;
  margin:0 auto;
  gap:0;
}

/* 2. Style links consistently */
#shopify-section-header .header-wrapper .right-nav a {
  text-decoration: none;
  font-weight: 700;
  color: #000;
}

/* 3. Add the vertical divider (|) exactly in the middle */
#shopify-section-header .header-wrapper .right-nav a + a::before {
  content: none !important;
}

/* 4. Fine-tune ONLY the Cart link position */
#shopify-section-header .header-wrapper .right-nav a[href="/cart"] {
  margin-right: 0px; /* adjust: try 4px, 6px, or 8px until perfect */
}

/* 5. Mobile tweak (keeps centered on phones) */
@media (max-width: 749px) {
  #shopify-section-header .header-wrapper .right-nav {
    transform: translateX(5px);
    gap: 0;
  }
  #shopify-section-header .header-wrapper .right-nav a[href="/cart"] {
    margin-right: 10px;
  }
}


#shopify-section-footer .list-social {
  display: flex !important;
  gap: 20px;
  padding: 0;
  margin: 0;
  float: right !important;    /* stick to right */
}

#shopify-section-footer .list-social__item { list-style: none; }

/* make the container center its inline content */
#shopify-section-footer .footer,
#shopify-section-footer .footer__content-bottom,
#shopify-section-footer .page-width {
  text-align: center !important;
}

/* Default (Desktop) size */
#shopify-section-footer .list-social__link svg {
  width: 35px;   /* desktop size */
  height: 35px;
}

/* Mobile size */
@media (max-width: 749px) {
  #shopify-section-footer .list-social__link svg {
    width: 40px;   /* bigger on mobile */
    height: 40px;
  }
}

/* Product page: size social icons */
body.template-product .list-social__link svg {
  width: 28px;
  height: 28px;
}

/* Desktop / mobile sizes */
@media (min-width: 750px) {
  body.template-product .list-social__link svg { width: 24px; height: 24px; }
}
@media (max-width: 749px) {
  body.template-product .list-social__link svg { width: 14px; height: 14px; }
}


/* === FORCE HEADER ABOVE EVERYTHING / STOP OVERLAP === */

/* 1) Make header stack on top */
#shopify-section-header,
#shopify-section-header .header-wrapper{
  position: static;   
  top: 0;
  z-index: 10000 !important;
  background: #fff;
}


@media (min-width: 750px){ :root{ --hdr-h: 96px; } }  /* desktop */


/* 3) Prevent the first section from sitting on top of header */
main.content-for-layout > .shopify-section:first-child{
  position: relative !important;
  z-index: 1 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Some themes use banner/slideshow wrappers—push them back if present */
main.content-for-layout > .shopify-section:first-child .banner,
main.content-for-layout > .shopify-section:first-child .image-banner,
main.content-for-layout > .shopify-section:first-child .slideshow{
  position: relative !important;
  z-index: 1 !important;
}

/* If your issue is only on product or home, scope it like this: */
/*
body.template-product #shopify-section-header, 
body.template-index   #shopify-section-header { ...same as above... }
body.template-product main.content-for-layout,
body.template-index   main.content-for-layout { padding-top: var(--hdr-h) !important; }
body.template-product main.content-for-layout > .shopify-section:first-child,
body.template-index   main.content-for-layout > .shopify-section:first-child { ... }
*/


/* Stop Safari input zoom */
input, select, textarea {
  font-size: 16px;
}

/* Prevent Safari text auto-zoom */
html { 
  -webkit-text-size-adjust: 100%; 
}

/* Stabilize hero sizing on iOS */
.hero { 
  min-height: 100svh; /* or 100dvh */
}

/* Make sure the logo doesn't zoom */
.logo { 
  width: min(480px, 80vw); 
  max-width: 80vw; 
  height: auto; 
  transition: none !important; /* stops the 1s zoom animation */
}



@media (min-width: 750px){ .edd-mobile{display:none} }
@media (max-width: 749px){ .edd-desktop{display:none} }


/* Gap between description and the EDD widget */
@media (min-width: 750px){
  .product-info__description-pc {
    margin-bottom: 24px !important;  /* desktop gap */
  }
}

@media (max-width: 749px){
  .product-info__description-mobile .edd-mobile {
    margin-top: 16px !important;     /* mobile gap */
    display: block;
  }
}

/* === CUSTOM FIX: Mobile spacing under description === */
@media (max-width: 749px){
  .product-info__description-mobile {
    margin-bottom: 16px !important;   /* push space from description itself */
  }

  .product-info__description-mobile + .edd-mobile,
  .product-info__description-mobile .edd-mobile {
    margin-top: 24px !important;      /* push space on widget if inside */
    display: block !important;
  }
}

/* Desktop description size */
@media (min-width: 750px){
  .product-info__description-pc,
  .product-info__description-pc * {
    font-size: 14px !important;   /* set your size */
    line-height: 1.6 !important;
  }
}

/* Mobile description size */
@media (max-width: 749px){
  .product-info__description-mobile,
  .product-info__description-mobile * {
    font-size: 14px !important;   /* set your size */
    line-height: 1.5 !important;
  }
}

/* Reduce gap between variant selector and product description */
.product-info__form {
  margin-bottom: 0 !important; /* remove extra space below selector */
  padding-bottom: 0 !important;
}

.product-info__description-pc,
.product-info__description-mobile {
  margin-top: -5px !important;  /* tighter gap above description */
}

body.template-password .password-tracking {
  text-align: center;
  margin-top: 5px;  /* 5px gap under the coupon line */
}

body.template-password .btn--tracking {
  display: inline-block;
  padding: 10px 20px;
  background: #000;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
}

body.template-password .btn--tracking:hover {
  opacity: 0.85;
}


/* === Tracking button styles === */

/* Desktop: fixed bottom right */
.tracking-fixed {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999; /* stays above other content */
}

.tracking-btn {
  display: inline-block;
  background-color: #fff;   /* white background */
  color: #000;              /* black text */
  border: 1px solid #000;   /* thin black outline */
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 10px 20px;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}

/* Hover invert */
.tracking-btn:hover {
  background-color: #000;   /* black background */
  color: #fff;              /* white text */
  border-color: #000;
}

/* === Mobile override === */
@media (max-width: 749px) {
  .tracking-fixed {
    position: static;          
    text-align: center;        
    display: block;
    transform: translateY(110px); /* move it down visually */
  }

  .tracking-btn {
    font-size: 12px;
    padding: 6px 12px;
  }

  .password-login {
    margin-top: 5px;           
  }
}

/* === Product hover image swap (clean final version) === */

.product-image-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 1/1;
}

.product-list__img-link {
  display: block;
  position: relative;
  width: 100%;
}

.product-list__product-img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  transition: opacity 0.25s ease;
}

/* secondary hidden until hover */
.product-list__product-img.img--secondary {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
}

/* hover swap */
.product-list__product-block:hover .img--primary {
  opacity: 0;
}
.product-list__product-block:hover .img--secondary {
  opacity: 1;
}

/* keep header clickable */
#shopify-section-header,
header.site-header {
  position: relative !important;
  z-index: 10000 !important;
  pointer-events: auto !important;
}

/* HMV isolated hover swap (no conflicts) */
.hmv-card{max-width:340px;margin:0 auto}
.hmv-figure{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden}
.hmv-figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .25s ease}
.hmv-figure .hmv-secondary{opacity:0}
.hmv-card:hover .hmv-figure .hmv-primary{opacity:0}
.hmv-card:hover .hmv-figure .hmv-secondary{opacity:1}


/* Kill the big top gap above the featured collection (home) */
#shopify-section-template--25582140162412__featured_collection_p6jChw {
  margin-top: -250px !important;
  padding-top: 0 !important;
}

/* Make sure its inner wrapper doesn't add space */
#shopify-section-template--25582140162412__featured_collection_p6jChw .page-width,
#shopify-section-template--25582140162412__featured_collection_p6jChw .featured-collection {
  margin-top: -250px !important;
  padding-top: 0 !important;
}

/* If the section above leaves space, ignore it and pull tight */
.shopify-section + #shopify-section-template--25582140162412__featured_collection_p6jChw {
  margin-top: -250px !important;
}

/* Optional: shrink any accidental top padding the theme injects into MainContent */
main#MainContent { padding-top: 0 !important; margin-top: 0 !important; }


/* === FORCE CART DRAWER ABOVE HEADER (stacking-context safe) === */

/* 1) Put header on a low layer */
#shopify-section-header,
header.site-header,
.header-wrapper {
  position: relative !important;
  z-index: 100 !important;
}

/* Make Algoshop announcement bar title bold */
[id^="announcement-bar-"] .announcement-bar__title {
  font-weight: 700 !important;
}

/* Make the Algoshop announcement button & text bigger */
[id^="announcement-bar-"] .announcement-bar__button {
  font-size: 16px !important;     /* increase text size */
  padding: 12px 22px !important;  /* make button physically larger */
  font-weight: 600 !important;    /* make it bolder */
  letter-spacing: 0.3px !important;
}

/* Optional: make title slightly bigger to balance with the button */
[id^="announcement-bar-"] .announcement-bar__title {
  font-size: 16px !important;
  font-weight: 700 !important;
}

/* Optional: make subheading a bit larger too */
[id^="announcement-bar-"] .announcement-bar__subheading {
  font-size: 13px !important;
}

/* FitIQ "Perfect your look" button – apply on all product templates */
[id*="__fitiq_widget_6FXimP"] .fitiq-try-it-on-button {
  font-family: "Archivo Narrow", sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  background-color: #000 !important;
  color: #fff !important;
  border: 1px solid #000 !important;
  transition: all 0.2s ease-in-out !important;
}

[id*="__fitiq_widget_6FXimP"] .fitiq-try-it-on-button:hover {
  background-color: #fff !important;
  color: #000 !important;
}

/* Small centered (size guide) label under FitIQ button */
[id*="__fitiq_widget_6FXimP"]::after {
  content: "(size guide)";
  display: block;
  text-align: center;
  font-family: "Archivo Narrow", sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #000;
  margin-top: 3px;
  letter-spacing: 0.03em;
}

/* Move FitIQ widget closer to variant selector */
[id*="__fitiq_widget_6FXimP"] {
  margin-top: -5px !important;   /* lower value = closer */
}



.product-info__description-pc,
.product-info__description-mobile { display:none !important; }


/* === Souls Payment Icons === */
.souls-payment-icons-global {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;          /* space between icons */
  margin-top: 10px;
}

.souls-payment-icons-global svg {
  height: 26px;       /* adjust size — try 22–32px */
  width: auto;
}

/* optional: shrink on smaller desktops only */
@media screen and (max-width: 1024px) {
  .souls-payment-icons-global svg {
    height: 22px;
  }
}

/* hide on mobile (already included) */
@media screen and (max-width: 749px) {
  .souls-payment-icons-global {
    display: none !important;
  }
}