/** Shopify CDN: Minification failed

Line 419:0 Unexpected "<"
Line 425:0 Unexpected "<"
Line 722:3 Unexpected "/"
Line 895:1 Expected "}" to go with "{"

**/

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



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


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

}
.pageloader-logo-text {
  color: #000000;
}
.shopify-payment-button__button--unbranded {
  color: #ffffff !important;
  border: 1px solid #ffffff !important;
}
.product-list__product-name, .product-price-block, .accordion-toggle span, 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: #ffffff;
}

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: #ffffff;
}
.product-table th, .product-table td {
    border-bottom: 1px solid #ffffff;
}

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

.only-accordion .accordion-item {
  border-bottom: 1px solid #ffffff;
}
.accordion-container .accordion-item {
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}
.last-accordion .accordion-item {
    border-bottom: 1px solid #ffffff;
}


.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: 33.3%;
}
.product-list__product-img {
  width: 98%;
}




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

.product-list__product-block {
    width: 50%;
}
.product-list__product-img {
    height: auto;
    width: 98%;
}
.product-list__product-price {
    font-size: 12px;
}

}
/* Desktop / large screens: your big 30px size */
.header-menu a,
.right-nav a {
  font-size: 20px !important;
}

/* Mobile / small screens: independent size (change ONLY the number here) */
@media screen and (max-width: 749px) {
  .header-menu a,
  .right-nav a {
    font-size: 20px !important;
  }
}
/* Banner headline: aggressive centering + font sizes – desktop */
.banner-content_h2 {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
  width: fit-content !important;
  max-width: 90% !important;
  font-size: 60px !important;
}

/* Force parent container(s) to center content via flex – this usually fixes it */
.banner-content,
[class*="banner-content"],
.banner__content,
.banner-wrapper,
.hero-content,
.banner__box,
.section-banner,
.banner-slide,
.banner-inner,
.banner__box.content-container,
.banner__content--middle-center,
.banner__content--middle-left,
.banner__content--middle-right {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Mobile: smaller font + re-apply centering */
@media screen and (max-width: 749px) {
  .banner-content_h2 {
    font-size: 28px !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  
  .banner-content,
  [class*="banner-content"],
  .banner__content,
  .banner-wrapper,
  .hero-content,
  .banner__box,
  .section-banner,
  .banner-slide,
  .banner-inner {
    justify-content: center !important;
    text-align: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
/* Shop All button: move below headline text + center it – desktop */
.button.banner-button {
  display: block !important;
  margin: 15px auto 0 auto !important;
  width: fit-content !important;
  text-align: center !important;
}

/* Force banner parent to stack vertically (headline above button) + center children */
.banner-content,
[class*="banner-content"],
.banner__content,
.banner-wrapper,
.hero-content,
.banner__box,
.section-banner,
.banner-slide,
.banner-inner {
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Mobile: same stacking + centering for button */
@media screen and (max-width: 749px) {
  .button.banner-button {
    margin: 05px auto 0 auto !important;
    width: fit-content !important;
  }
  
  .banner-content,
  [class*="banner-content"],
  .banner__content,
  .banner-wrapper,
  .hero-content,
  .banner__box,
  .section-banner {
    flex-direction: column !important;
    align-items: center !important;
  }
}
/* Shop All button font size – desktop */
.button.banner-button,
.banner-button {
  font-size: 28px !important;
}

/* Mobile: independent font size for the button */
@media screen and (max-width: 749px) {
  .button.banner-button,
  .banner-button {
    font-size: 16px !important;
  }
}
/* Force "FOR CREATORS, BY CREATORS." banner text to single line */
.banner-content_h2,
.banner__text,
.banner-headline,
h2[class*="banner"],
.banner-content_h2 span {
  white-space: nowrap !important;
}

/* Optional: If it overflows or looks cut off on smaller screens, add these */
.banner-content_h2,
.banner__text {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Mobile: Keep single line (or allow wrap if preferred) */
@media screen and (max-width: 712px) {
  .banner-content_h2,
  .banner__text,
  h2[class*="banner"] {
    white-space: nowrap !important;
  }
}
/* Prevent clipping on banner text after nowrap */
.banner-content_h2,
[class*="banner-content"] .banner-content_h2,
.banner-content_h2 {
  overflow: visible !important;
  text-overflow: clip !important;
}

/* Target common banner parents to allow overflow too */
.banner-content,
[class*="banner-content"],
.banner__content,
.banner-wrapper,
.hero-content,
.banner__box,
.section-banner,
.banner-slide,
.banner-inner {
  overflow: visible !important;
  width: auto !important;
  min-width: fit-content !important;
}
/* Desktop text size */
.bestseller-content p {
  font-size: 20px !important;
}

/* Mobile text size and centering */
@media screen and (max-width: 749px) {
  .bestseller-content p {
    font-size: 15px !important;
  }
  
  .bestseller-content,
  .bestseller-content * {
    text-align: center !important;
  }
  
  .bestseller-content .button-wrapper,
  .bestseller-content .button-container,
  .bestseller-content a {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    width: fit-content !important;
  }
}

/* Fix bestseller image overlap on tablets */
@media screen and (max-width: 1000px) {
  .bestseller-images {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 20px !important;
  }
  
  .bestseller-images a {
    width: 100% !important;
    max-width: 600px !important;
  }
  
  .bestseller-images img,
  .bestseller-images .first-img,
  .bestseller-images .second-img {
    max-width: 100% !important;
    width: 100% !important;
  }
}

#shopify-section-template--17945290637373__bestseller_MHUJYG {
  padding-top: 150px !important;
  position: relative;
  z-index: 1;
}

/* Tablet: independent banner headline font size */
@media screen and (min-width: 750px) and (max-width: 1200px) {
  .banner-content_h2 {
    font-size: 40px !important;
  }
}
@media screen and (max-width: 768px) {
    .photo-gallery-ab3o4btexzvp1tjhloaigenblock976e88brl87p6 {
        display: flex !important;
        flex-direction: column !important;
    }
    
    .ai-photo-gallery__item-ab3o4btexzvp1tjhloaigenblock976e88brl87p6 {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-bottom: 15px !important;
    }
}
@media screen and (max-width: 768px) {
    [class*="ai-photo-gallery"] {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
    }
    
    [class*="ai-photo-gallery__item"] {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-bottom: 15px !important;
    }
}
[id*="ai_gen_block"] {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
}
<style>
  .filter-container {
    text-align: ;
    margin-left: px;
    margin-top: px;
  }
</style>

/* Desktop crop */
@media (min-width: 768px) {
  .footer__big-logo-text {
    clip-path: inset(0 0 4px 0);
  }
}

/* Mobile crop */
@media (max-width: 100px) {
  .footer__big-logo-text {
    clip-path: inset(0 0 8px 0);
  }
}

/* Grain overlay - seamless full coverage on mobile Safari */
body::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: calc(100dvh + 100px) !important;
  min-height: -webkit-fill-available !important;
  transform: translateZ(0);
  z-index: 9999;
  pointer-events: none;
  
  background-image: url('/cdn/shop/files/Grainoverlaygif1.webp?v=1771829582') !important;
  background-size: 500px;
  background-repeat: repeat;
  mix-blend-mode: overlay;
  opacity: 0.8;
  filter: contrast(140%) brightness(60%);
  
  padding-bottom: env(safe-area-inset-bottom, 0px) !important;
  padding-top: env(safe-area-inset-top, 0px) !important;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  body::after {
    background-size: 180px;
    opacity: 1.0;
  }
}

/* Force GSC countdown bar to stay sticky on top */
.gta-widget.gta-bar,
.gta-bar[class*="GSC-BAR"],
[class*="gta-bar"] {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 99999 !important;
  background: inherit !important;
}

/* Push main content down so it doesn't overlap the bar */
body,
.content-for-layout,
main#MainContent {
  padding-top: 60px !important;
}

/* Make sure your custom background layers stay behind the bar */
.custom-scroll-bg,
.product-sticky-bg,
.imgbg,
.sticky-bg-layer {
  z-index: -10 !important;
}

/* Extend page under bottom address bar / navigation on iOS Safari */
@supports (padding-bottom: env(safe-area-inset-bottom)) {
  body {
    padding-bottom: env(safe-area-inset-bottom) !important;
    background-color: #000000 !important;
  }
}

/* Make sure main content doesn't get extra padding at bottom */
.content-for-layout,
main#MainContent,
.page-width {
  padding-bottom: 0 !important;
}

/* Hide scrollbar/track but keep scrolling functional */
html, body {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

main#MainContent,
.content-for-layout,
.page-width,
.gradient {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

main#MainContent::-webkit-scrollbar,
.content-for-layout::-webkit-scrollbar,
.page-width::-webkit-scrollbar,
.gradient::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
}

/* ────────────────────────────────────────────────
   MOBILE: Cart PNG icon only + logo centered with original size
───────────────────────────────────────────────── */
@media screen and (max-width: 749px) {

  /* Reset equal flex growth on children */
  .header-wrapper > * {
    flex: none !important;
  }

  .header-wrapper {
    justify-content: space-between !important;
    align-items: center !important;
    padding: 0 16px !important;
    position: relative !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .burger-menu,
  .right-nav {
    flex: 0 0 auto !important;
    width: auto !important;
  }

  .right-nav {
    min-width: 70px !important;          /* ← adjust 70px up/down if logo off-center:
                                            left-shifted → increase (80–100px)
                                            right-shifted → decrease (50–60px) */
  }

  .logo-wrapper {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    padding: 10px 0 !important;
    text-align: center !important;
    z-index: 2 !important;
  }

  /* Restore your original mobile logo size (no % constraint) */
  .logo-wrapper img,
  .header-logo {
    width: px !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    display: block !important;
  }

  /* Cart icon - PNG only, no text */
  .right-nav .js-cart-toggle,
  a.js-cart-toggle[href="/cart"],
  .right-nav a[href="/cart"] {
    position: relative !important;
    display: inline-block !important;
    width: 30px !important;
    height: 30px !important;
    background: url('/cdn/shop/files/shopping-bag-white-icon.png?v=1772166053') no-repeat center center !important;
    background-size: contain !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }

  .js-cart-toggle *,
  .js-cart-toggle span,
  .js-cart-toggle #CartCount,
  #CartCount {
    display: none !important;
    visibility: hidden !important;
  }
  /* MOBILE: Add extra top padding to header to prevent banner overlap */
@media screen and (max-width: 749px) {
  .header-wrapper,
  .page-width > .header-wrapper {  /* targets your header container */
    padding-top: 20px !important;  /* ← start with 20px; increase to 30px, 40px, 50px etc. if needed more space */
  }

  /* Optional: If there's an announcement bar above header, push everything down */
  .announcement-container + .page-width .header-wrapper {
    padding-top: 30px !important;  /* extra if announcement is present */
  }

  /* If banner still overlaps, add top margin/padding to the first banner/section */
  .banner-wrapper,                    /* common banner class */
  [class*="banner"],                  /* broad match for banner sections */
  .hero-content,
  .section-banner,
  #shopify-section-hero,              /* if your banner has an ID like that */
  .banner-content {                   /* fallback */
    margin-top: 20px !important;      /* or padding-top: 20px !important; */
  }


  /* MOBILE: Aggressive fix for oversized newsletter / email signup section */
@media screen and (max-width: 749px) {

  /* Target the whole newsletter section/block – shrink padding & width */
  .newsletter,
  .newsletter-section,
  .section-newsletter,
  .footer__newsletter,
  [class*="newsletter"],
  .email-signup,
  .subscribe,
  .klaviyo-form-wrapper,
  .mailchimp-form,
  .shopify-section[id*="newsletter"] {
    max-width: 100% !important;
    width: 100% !important;
    padding: 20px 12px !important;      /* smaller side padding */
    margin: 20px 0 !important;
    box-sizing: border-box !important;
  }

  /* Form container – force vertical stack + reasonable size */
  .newsletter-form,
  .email-signup form,
  .klaviyo-form form,
  form[action*="/contact"],
  .subscribe-form,
  .newsletter__form {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;               /* space between input & button */
    width: 100% !important;
    max-width: 360px !important;        /* cap max width so it doesn't stretch full screen */
    margin: 0 auto !important;
  }

  /* Email input – smaller, full-width, readable */
  input[type="email"],
  .newsletter input[type="email"],
  .klaviyo-form input,
  .email-signup input,
  input[name="contact[email]"] {
    width: 100% !important;
    max-width: 100% !important;
    padding: 12px 14px !important;
    font-size: 15px !important;         /* slightly smaller than desktop */
    height: 44px !important;            /* standard mobile touch target */
    border-radius: 6px !important;
    border: 1px solid #aaa !important;
    box-sizing: border-box !important;
  }

  /* Subscribe button – full width for easy tap, or right-aligned if preferred */
  button[type="submit"],
  .newsletter button,
  .klaviyo-form button,
  .subscribe-button,
  .email-signup button {
    width: 100% !important;             /* full width = easier on mobile */
    padding: 12px 20px !important;
    font-size: 15px !important;
    height: 44px !important;
    border-radius: 6px !important;
    min-width: unset !important;
    margin: 0 !important;
  }

  /* If you prefer button SMALLER & RIGHT-ALIGNED instead of full width, replace the above with this */
  /*
  button[type="submit"],
  .newsletter button,
  .klaviyo-form button {
    width: auto !important;
    min-width: 120px !important;
    margin-left: auto !important;
    align-self: flex-end !important;    /* pushes to right */
  }
  */

  /* Extra safety: hide any weird labels or extra elements */
  .newsletter label,
  .klaviyo-form label,
  .email-signup label {
    font-size: 14px !important;
    margin-bottom: 6px !important;
  }

  /* MOBILE: Force subscribe button hard corners (no rounding) */
@media screen and (max-width: 749px) {

  /* Target common newsletter subscribe button classes */
  .newsletter button[type="submit"],
  .newsletter-form button,
  .newsletter__button,
  .subscribe-button,
  .klaviyo-form button,
  .email-signup button,
  button[name="commit"],
  .newsletter button,
  .button--subscribe,
  [class*="newsletter"] button {
    border-radius: 0 !important;          /* hard square corners */
    -webkit-border-radius: 0 !important;  /* Safari fix */
    -moz-border-radius: 0 !important;
  }

  /* If your button has a specific class (inspect to confirm), add it here for precision */
  /* Example: .klaviyo-submit-button { border-radius: 0 !important; } */

  /* Optional: If input field also rounded unwantedly, fix it too */
  .newsletter input[type="email"],
  .klaviyo-form input,
  input[name="contact[email]"] {
    border-radius: 0 !important;
  }
  /* MOBILE: Full-width cart drawer + lower the "YOUR CART" title text to prevent top cutoff */
@media screen and (max-width: 749px) {

  /* Drawer full-screen when open */
  .cart-drawer.is-open,
  .drawer--cart.is-open,
  .cart__drawer.active,
  #CartDrawer.open,
  .drawer.open,
  .ajaxcart.open,
  [class*="cart"][class*="drawer"].is-visible,
  [class*="cart"][class*="drawer"].active {
    width: 100% !important;
    max-width: 100vw !important;
    height: 100% !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    transform: translateX(0) !important;
    overflow-y: auto !important;
  }

  /* Lower the entire header/title area so text isn't cut off at top */
  .cart__header,
  .drawer__header,
  .ajaxcart__header,
  .cart-drawer__header,
  .cart-title-wrapper,
  [class*="cart"][class*="header"] {
    padding-top: 60px !important;         /* ← This drops the title + close button down from the very top */
    min-height: 80px !important;          /* ensure enough space for title and X button */
    position: sticky !important;
    top: 0 !important;
    z-index: 10 !important;
    background: white !important;         /* your cart background color if different */
  }

  /* Specifically target and lower the "YOUR CART" title text */
  .cart__title,
  .cart-title,
  .cart h1,
  .cart h2,
  [class*="cart"] h1,
  [class*="cart"] h2,
  h1:contains("Your Cart"),
  h2:contains("Your Cart") {
    margin-top: 20px !important;          /* ← extra downward nudge for the title text */
    padding-top: 0 !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow: visible !important;
    max-width: 100% !important;
    text-align: center !important;        /* optional: center it nicely */
  }

  /* Close button: position it visibly in the lowered header */
  .drawer__close,
  .cart__close,
  .ajaxcart__close,
  button[aria-label="Close cart"],
  [class*="close"],
  .icon-close {
    top: 20px !important;                 /* adjust down if still cut off */
    right: 16px !important;
    width: 32px !important;
    height: 32px !important;
    z-index: 11 !important;
  }

  /* Cart items/content starts below header to avoid overlap */
  .cart__items-wrapper,
  .ajaxcart__inner,
  .drawer__inner,
  .cart-drawer__content,
  .cart__items {
    padding-top: 20px !important;         /* space after lowered header */
    padding-bottom: env(safe-area-inset-bottom, 20px) !important;
  }

  /* MOBILE & DESKTOP: Make entire cart drawer background black (no white bar at top) */
.cart-drawer,
.drawer--cart,
.cart__drawer,
#CartDrawer,
.drawer.cart,
.ajaxcart,
[class*="cart"][class*="drawer"],
.cart__header,
.drawer__header,
.ajaxcart__header,
.cart-drawer__header,
.cart__title-wrapper,
[class*="cart"][class*="header"] {
  background-color: #000000 !important;     /* pure black - change to your exact brand black if different */
  color: #ffffff !important;                /* ensure text stays white/readable */
}

.cart__title,
.cart-title,
.cart h1,
.cart h2,
[class*="cart"] h1,
[class*="cart"] h2 {
  color: #ffffff !important;                /* force title text white */
  background: transparent !important;       /* no extra bg on title */
}

/* Ensure close button / icons contrast on black */
.drawer__close svg,
.cart__close svg,
.ajaxcart__close svg,
.icon-close path {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}

/* If items list or footer areas have separate bg */
.cart__items,
.cart__footer,
.ajaxcart__footer,
.cart-drawer__footer {
  background-color: #000000 !important;
}

/* Overlay/background when drawer open */
.drawer__overlay,
.cart-overlay,
.drawer-backdrop {
  background: rgba(0, 0, 0, 0.7) !important;  /* dark overlay so black drawer pops */
}
}

html,
body {
  overflow-x: hidden !important;
}