.elementor-321075 .elementor-element.elementor-element-35fe9701, .elementor-321075 .elementor-element.elementor-element-35fe9701 > .elementor-background-overlay{border-radius:0.2rem 0.2rem 0.2rem 0.2rem;}.elementor-321075 .elementor-element.elementor-element-35fe9701{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:min(1rem, 2vw);margin-bottom:min(1rem, 2vw);}.elementor-321075 .elementor-element.elementor-element-35fe9701 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-321075 .elementor-element.elementor-element-5fa1fe5e > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-321075 .elementor-element.elementor-element-5fa1fe5e > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0 0 0 0;}.elementor-321075 .elementor-element.elementor-element-5fa1fe5e > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-321075 .elementor-element.elementor-element-435c451f:not(.elementor-motion-effects-element-type-background), .elementor-321075 .elementor-element.elementor-element-435c451f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C1C1E;}.elementor-321075 .elementor-element.elementor-element-435c451f{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF1A;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-321075 .elementor-element.elementor-element-435c451f, .elementor-321075 .elementor-element.elementor-element-435c451f > .elementor-background-overlay{border-radius:.6rem .6rem .6rem .6rem;}.elementor-321075 .elementor-element.elementor-element-435c451f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-321075 .elementor-element.elementor-element-2dc19e7a > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-321075 .elementor-element.elementor-element-1347da84 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-321075 .elementor-element.elementor-element-1347da84 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-321075 .elementor-element.elementor-element-55c817ed.elementor-wc-products  ul.products{grid-column-gap:1rem;grid-row-gap:1rem;}.elementor-321075 .elementor-element.elementor-element-55c817ed.elementor-wc-products ul.products li.product{text-align:center;--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;background-color:#141416;border-color:#FFFFFF1A;}.elementor-321075 .elementor-element.elementor-element-55c817ed.elementor-wc-products .attachment-woocommerce_thumbnail{margin-bottom:0px;}.elementor-321075 .elementor-element.elementor-element-55c817ed.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#F8F8F8;}.elementor-321075 .elementor-element.elementor-element-55c817ed.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#F8F8F8;}.elementor-321075 .elementor-element.elementor-element-55c817ed.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-321075 .elementor-element.elementor-element-55c817ed.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Tomorrow", Sans-serif;font-size:min(0.9rem, 3vw);font-weight:500;text-transform:uppercase;}.elementor-321075 .elementor-element.elementor-element-55c817ed.elementor-wc-products ul.products li.product .star-rating{color:#FEE401;font-size:1em;margin-bottom:1rem;}.elementor-321075 .elementor-element.elementor-element-55c817ed.elementor-wc-products ul.products li.product .star-rating::before{color:#FEE401;}.elementor-321075 .elementor-element.elementor-element-55c817ed.elementor-wc-products ul.products li.product .price{color:#F8F8F8;font-family:"Tomorrow", Sans-serif;font-size:min(0.9rem, 3vw);font-weight:500;}.elementor-321075 .elementor-element.elementor-element-55c817ed.elementor-wc-products ul.products li.product .price ins{color:#F8F8F8;}.elementor-321075 .elementor-element.elementor-element-55c817ed.elementor-wc-products ul.products li.product .price ins .amount{color:#F8F8F8;}.elementor-321075 .elementor-element.elementor-element-55c817ed.elementor-wc-products ul.products li.product .price del{color:#F8F8F8;}.elementor-321075 .elementor-element.elementor-element-55c817ed.elementor-wc-products ul.products li.product .price del .amount{color:#F8F8F8;}.elementor-321075 .elementor-element.elementor-element-55c817ed.elementor-wc-products ul.products li.product .button{color:#F8F8F8;background-color:#B9B9B933;border-color:#FFFFFF4D;font-family:"Tomorrow", Sans-serif;font-size:min(1rem, 3vw);font-weight:500;border-style:solid;border-width:1px 1px 1px 1px;border-radius:.2rem .2rem .2rem .2rem;padding:min(1rem, 4vw) min(1rem, 4vw) min(1rem, 4vw) min(1rem, 4vw);margin-top:1rem;}.elementor-321075 .elementor-element.elementor-element-55c817ed.elementor-wc-products ul.products li.product .button:hover{color:#000000;background-color:#FEE401;border-color:#02010100;}.elementor-321075 .elementor-element.elementor-element-55c817ed.elementor-wc-products ul.products li.product:hover{border-color:#FFFFFF33;}.elementor-321075 .elementor-element.elementor-element-55c817ed.elementor-wc-products ul.products li.product span.onsale{display:block;color:#000000;background-color:#FEE401;font-family:"Tomorrow", Sans-serif;font-weight:500;text-transform:uppercase;border-radius:0.1em;min-width:5em;min-height:1.75em;line-height:1.75em;margin:0.1em;}.elementor-321075 .elementor-element.elementor-element-6e0665b{margin-top:0;margin-bottom:0;}.elementor-321075 .elementor-element.elementor-element-0df1747 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-321075 .elementor-element.elementor-element-0df1747 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-321075 .elementor-element.elementor-element-92038f8{--update-cart-automatically-display:none;--sections-background-color:#2A2A2A;--sections-border-type:none;--sections-border-radius:1rem 1rem 1rem 1rem;--sections-padding:1rem 1rem 1rem 1rem;--sections-title-color:#F8F8F8;--links-normal-color:#F8F8F8;--links-hover-color:#FEE401;--order-summary-color:#F8F8F8;--order-summary-variations-color:#F8F8F8;--product-link-normal-color:#F8F8F8;--order-summary-items-divider-weight:0px;--order-summary-quantity-border-weight:1px;--order-summary-remove-icon-normal-color:#F8F8F8;--order-summary-remove-icon-hover-color:#FF0404;--totals-color:#F8F8F8;--totals-divider-color:#00000040;--totals-divider-weight:1px;--checkout-button-normal-text-color:#000000;--checkout-button-hover-text-color:#000000;--checkout-button-border-radius:.15rem .15rem .15rem .15rem;}.elementor-321075 .elementor-element.elementor-element-92038f8 .cart_totals h2{font-family:"Tomorrow", Sans-serif;font-size:1rem;font-weight:500;text-transform:uppercase;}.elementor-321075 .elementor-element.elementor-element-92038f8 .woocommerce-cart-form{--order-summary-title-color:#FFFFFF;}.elementor-321075 .elementor-element.elementor-element-92038f8 .e-shop-table .cart th, .elementor-321075 .elementor-element.elementor-element-92038f8 .e-shop-table .cart td:before{font-family:"Tomorrow", Sans-serif;font-weight:500;text-transform:uppercase;}.elementor-321075 .elementor-element.elementor-element-92038f8 .woocommerce .wc-proceed-to-checkout .checkout-button{background-color:#FEE401;}.elementor-321075 .elementor-element.elementor-element-92038f8 .checkout-button:hover{box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.32);}.elementor-321075 .elementor-element.elementor-element-92038f8 .checkout-button{border-style:none;}.elementor-321075 .elementor-element.elementor-element-92038f8 .e-cart-totals{--sections-border-color:#2E2E2E;--sections-padding:min(1rem,3vw) min(1rem,3vw) min(1rem,3vw) min(1rem,3vw);}.elementor-321075 .elementor-element.elementor-element-92038f8 .cart_totals{--sections-title-color:#F8F8F8;}body.elementor-page-321075:not(.elementor-motion-effects-element-type-background), body.elementor-page-321075 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111114;}@media(max-width:1700px){.elementor-321075 .elementor-element.elementor-element-35fe9701{padding:0px 0px 0px 0px;}}@media(max-width:1200px){.elementor-321075 .elementor-element.elementor-element-5fa1fe5e > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}}@media(max-width:900px){.elementor-321075 .elementor-element.elementor-element-6e0665b{margin-top:1rem;margin-bottom:0rem;}}@media(max-width:650px){.elementor-321075 .elementor-element.elementor-element-55c817ed.elementor-wc-products  ul.products{grid-column-gap:0.5rem;grid-row-gap:0.5rem;}.elementor-321075 .elementor-element.elementor-element-92038f8{--sections-padding:0.4rem 0.4rem 0.4rem 0.4rem;--order-summary-quantity-border-weight:1px;}}/* Start custom CSS for html, class: .elementor-element-2e44a4c5 */:root {
  --gap-4: min(1.5rem, 3vw);
}

.featured-section {
  position: relative;
  overflow: hidden;
  
  
}

.featured-scroll {
  display: flex;
  gap: var(--gap-4);
  overflow-x: scroll;
  overflow-y: hidden;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none; 
  

  &::-webkit-scrollbar {
    display: none;
  }
}

.featured-box {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: min(0.5rem, 3vw);
  text-align: center;
  overflow: hidden;
  padding: min(0.5rem, 3vw) min(1rem, 4vw);
  border-radius: 999px;
  border: 1px solid transparent;
  justify-content: center;
  color: #f8f8f8 !important;
  animation: fade-in 500ms forwards;
  opacity: 0;
  background: #1c1c1e;
  
   &:hover {
         border-color: rgba(255,255,255,0.2);
         background: rgba(253,253,255,0.06);
     }


  & h2 {
    font-family: tomorrow;
    font-weight: 600;
    text-transform: uppercase;
    font-size: clamp(0.8rem, 3vw, 1rem);
    margin: 0;
  }

}

.fd-box-cta {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  
  padding: min(0.75rem, 3vw);
  
}

@keyframes fade-in {
    from {
        transform: translateY(200px);
        
    }
    
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Scroll buttons */
.scroll-btn {
  position: absolute;
  
  background: rgba(0, 0, 0, 1);
  color: white ;
  width: 30px;
  height: 100%;
  font-size: 1.5rem;
  cursor: pointer;
  z-index: 5;
  display: none;
  transition: opacity 0.25s ease, visibility 0.25s ease;
  align-items: center;
  padding-block-end: 6px;

  &.left {
    left: 0;
  }

  &.right {
    right: 0;
    animation: scroll-btn-popup 200ms forwards;
    animation-delay: 1s;
    transform: scale(0);
  }

  &.hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}

@keyframes scroll-btn-popup {
    to {
        transform: scale(1);
    }
}

/* Show scroll buttons only on desktop */
@media (min-width: 768px) {
  .scroll-btn {
    display: flex;
    justify-content: center;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-35fe9701 */.elementor-321075 .elementor-element.elementor-element-35fe9701 {
    width: min(1920px, 94vw);
    margin-inline: auto;
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e982129 */.elementor-321075 .elementor-element.elementor-element-4e982129 .alt-mobile-filter-trigger {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translatex(-50%);
    z-index: 997;
    width: min(50%, 200px);
    background: rgb(40 40 43 / 0.5);
    backdrop-filter: blur(20px);
    border: 1px solid rgb(120 120 103);
    border-radius: 0.6rem;
    color: #f8f8f8;
    
    
    @media (min-width: 1201px) {
        display: none;
    }
    
}



    
@media (max-width: 1200px) {
    
.mobile-filter-popover {
  position: fixed;
  inset: auto 0 0;
  width: 100%;
  height: 70vh;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 15px 15px 0 0;
  background: rgb(50, 50, 53);
  opacity: 0;
  
  font-family: tomorrow;
  font-weight: 500;
  text-transform: uppercase;
  color: #f8f8f8;
  
  transform: translateY(100%);

  transition:
    opacity 250ms ease,
    transform 250ms ease,
    display 250ms allow-discrete,
    overlay 250ms allow-discrete;
}

.mobile-filter-popover:popover-open {
  opacity: 1;
  transform: translateY(0);
}

.mobile-filter-popover::backdrop {
  background: rgb(0 0 0 / 50%);
}

@starting-style {
  .mobile-filter-popover:popover-open {
    opacity: 1;
    transform: translateY(100%);
  }
}

.mobile-filter-header {
  position: sticky;
  top: 0;
  z-index: 10;

  display: flex;
  height: 70px;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;

  border-bottom: 2px solid rgb(70 70 73);
  background: rgb(50, 50, 53);
}

.mobile-filter-header h2 {
  margin: 0;
  font-size: 1.2rem;
}

.mobile-filter-close {
  border: 0 !important;
  background: transparent !important;
  font-size: 1.5rem;
  color: #f8f8f8 !important;
}


}



/* - FILTER STYLING DESKTOP - */

#filter-container {
     position: -webkit-sticky;
  position: sticky;
  top: 130px;
  height: fit-content;
  color: #f8f8f8;
  border-radius: 0.15rem;
  background: #323235;
    border-radius: 0.2rem;
    padding: 1rem;
    transition: top 200ms !important;
}

#filter-container.scrolled {
    top: 30px !important;
}

.gb-filters {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: min(1rem, 3vw);
    border-radius: 0.25rem;
    background: rgb(0 0 5 / 0.2);
}




/* Show In-stock - On-sale */

.toggle-filter {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.toggle-filter input[type='radio'] + label, .toggle-filter input[type='checkbox'] + label {
    display: flex;
    justify-content: center;
    background: rgba(255,255,255,0.4);
    border-radius: 0.1rem;
    padding: 0.4rem 1rem;
    font-family: tomorrow;
    font-weight: 500;
    text-transform: uppercase;
    color: #f8f8f8;
}

.awf-preset-6-wrapper .awf-filters-container, .awf-preset-5-wrapper .awf-filters-container {
    padding: 0;
}

/* Sale Toggle filters */
.sale-toggle-filters {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    
    
    
    
    /*
    @media (max-width: 1650px) {
        grid-template-columns: 1fr;
    } */
}







/* Dropdown Filter - Overall */
.dropdown-filter, .awf-filters-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}


/* Filter Title */
 .dropdown-filter .awf-filter-title-container {
    background: rgb(240 240 255 / 0.1);
    color: #f8f8f8;
    font-family: tomorrow;
    font-weight: 400;
    padding: 0.2rem 0.6rem;
    font-size: 1rem;
    margin: 0;
    border-radius: 0.2rem 0.2rem 0 0;
    border: 1px solid rgba(255,255,255,0.1);
    
}

.awf-collapsed .awf-filter-title-container {
    border-radius: 0.2rem;
    
}



/* Filter Content */

.dropdown-filter .awf-filters-container > ul {
    display: flex;
    flex-direction: column;
    color: #f8f8f8;
    padding: 0.4rem;
    font-family: tomorrow;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 0.9rem;
    overscroll-behavior: contain;
}

.awf-filters-brands > ul {
    flex-direction: row;
    flex-wrap: wrap;
    
}


.dropdown-filter .awf-filter-container label:hover {
    color: #fee401;
}

.dropdown-filter .awf-filters-container {
   background: rgba(0,0,0,0.2);
    border-radius: 0 0 0.2rem 0.2rem;
    border: 1px solid rgba(255,255,255,0.1);
    border-width: 0 1px 1px 1px;
    
}

.awf-collapsed .awf-filters-container {
    margin-bottom: 0 !important;
}


/* Reset Buttons */

.elementor-321075 .elementor-element.elementor-element-4e982129 .awf-reset-btn {
    background: rgba(255,255,255,0.4);
    border-radius: 0.15rem;
    color: #f8f8f8;
    border: 0;
    
    &:hover {
        background: #fee401;
        color: #000;
    }
}


/* Remove Annyoing Margins */
.awf-filter-wrapper {
    margin: 0;
}

.awf-preset-title {
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-2dc19e7a */.elementor-321075 .elementor-element.elementor-element-2dc19e7a {
    grid-column: 1;
    width: 100%;
    z-index: 1;
    
    
}


@media (max-width: 1200px) {
    .elementor-321075 .elementor-element.elementor-element-2dc19e7a {
        
        
        
}        


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e99104f */.filter-sort {
        display: grid;
        grid-template-columns: max-content minmax(0, 1fr);
        margin-block-end: 0.5rem;
        gap: min(0.4rem, 2vw);
        
        @media (min-width: 1200px) {
            grid-template-columns: 1fr;
        }
        
    & .mobile-filter-trigger {
        background: #323235;
        border: 1px solid rgb(70 70 70);
        border-radius: 0.2rem;
        color: #f8f8f8;
        
        @media (min-width: 1200px) {
            display: none;
        }
        
        @media (max-width: 350px) {
            
            
            
            & span {
                display: none;
            }
        }
        
    }
    }
    
    
/* Sorting */
.woocommerce-ordering {
    width: 100%;
    margin: 0 !important;
    height: 100% !important;
}

.orderby {
    color: #f8f8f8;
    
    font-family: tomorrow;
    text-transform: uppercase;
    
    
    
    &:focus {
        outline: 1px solid rgba(255,255,255,0.6);
    }
}

.woocommerce .woocommerce-ordering select {
    background: #323235;
    border-radius: 3px;
    border: 1px solid rgba(255,255,255,0.1);
    color: #f8f8f8;
    text-transform: uppercase;
    font-family: tomorrow;
    font-weight: 600;
    text-align: left;
    height: 100% !important;
    
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-55c817ed *//* Caffeine Free */

.product_cat-caffeine-free {
    
    & .woocommerce-LoopProduct-link {
    
     & img {
        anchor-name: --product-image;
    }
        
     &:before {
         --padding-cf: 5px;
            content:"NO CAFFEINE";
            font-family: tomorrow;
            font-weight: 500;
            position: absolute;
            color: #f8f8f8;
            width: 100%;
            border: solid rgb(60 150 150);
            border-width: 0 0 2px 0;
            display: flex;
            font-size: min(1rem, 3vw);
            place-content: center;
            background: linear-gradient(0deg, rgb(30 60 60), transparent);
            
            border-radius: 0.6rem;
            padding: var(--padding-cf);
            
            position-anchor: --product-image;
            bottom: 
            calc(anchor(bottom));
        
            
      }
        
    }
}


/* Special Deal Tag */
.product_cat-tubs.product_cat-strafe, .product_cat-gamersupps.product_cat-samples, .product_cat-tubs, .product_cat-waifu-cups, .product_tag-free-with-strafe-tub {
    
    & .onsale {
display: none !important;
}
    
    &:after {
position: absolute;
right: 0rem;
top:0rem;
margin: 0.5rem;
font-family: tomorrow;
font-weight: 500;
font-size: min(0.8em, 3vw);
color: #f8f8f8;
border: 1px solid rgb(255 255 255 / 0.1);
border-radius: 0.2em;
padding-inline: 0.5rem !important;
background: linear-gradient(45deg, rgb(60 60 60), rgb(80 80 80), rgb(60 60 60) );
text-shadow: 0 0 6px  rgb(0 0 0 / 0.8);
z-index: 1;
    line-height: 1.75em;
    }
    
}

/* 3 FOR 2 */

.product_cat-tubs.product_cat-strafe {
      &:after {
         content:"3 FOR 2 DEAL"; 
      }
}


/* GG FREE WITH STRAFE */

.product_tag-free-with-strafe-tub {
    
    &:after {
    content:"FREE WITH STRAFE TUB";
    }
}

/* Waifu Cup */

.product_cat-waifu-cups {
    
    &:after{
    content:"FREE OVER €100";
    }
}


/* Sales tag */

.onsale, .outlet-tag {
    padding-inline: 0.5rem !important;
        position: absolute;
        right: 0;
    margin: 0.5rem !important;
}




/* Product Box */


.elementor-321075 .elementor-element.elementor-element-55c817ed .type-product {
    border-radius: 0.6rem;
    border: 1px solid ;
   background: #14141414 !important;
   overflow: hidden;
   padding-bottom: 4% !important;
  
    
}

.elementor-321075 .elementor-element.elementor-element-55c817ed .woocommerce-loop-product__link {
    
    & h2 {
        display: flex;
    padding-top: 4% !important;
    justify-content: center;
    padding-inline: 4% !important;
    }
    
& img {
    background: radial-gradient(#212121, #161616);
    padding: 3%;
    border-radius: 0 0  0.6rem 0.6rem;
    box-shadow: 0 10px 20px 0 rgb(255 255 255 / 0.03) !important;
    
}



}

ul.products li.product .button{
    width: 90%;
    margin-inline: auto;
}







.elementor-321075 .elementor-element.elementor-element-55c817ed .woocommerce-loop-product__link {
    display: grid !important;
    align-items: stretch;
   
    & img, & h2, & .star-rating {
    grid-column: 1 / 3;
    }
    
     & .price {
        grid-column: 1;
        grid-row: 4;
        text-align: right;
        margin: 0 5px 0 0 !important;
        
    }
    
    & .price-per-500ml {
        grid-column: 2;
        grid-row: 4;
        text-align: left;
        margin: 0 0 0 5px;
        font-size: min(0.9rem, 3vw);
        
    }
    
    
    & .star-rating {
        margin-top: 0.75rem;
        
    }
  
}



.elementor-321075 .elementor-element.elementor-element-55c817ed .woocommerce-loop-product__link:has(del):has(.price-per-500ml) {
    
    & .price {
        grid-column: 1 / 3;
        text-align: center;
    }
    
    & .price-per-500ml {
    grid-row: 5;
    grid-column: 1 / 3;
    margin-top: 5px;
    margin-inline: auto;
    
    
}
}


/* .elementor-grid li{
background-image:
        repeating-linear-gradient(-45deg,
            transparent,
            transparent 15%,
            rgba(0,0,0,0.1) 15%,
            rgba(0,0,0,0.1) 30%);

} */

/* Price Per 500 ml */

.price-per-500ml {
    background: rgba(255,255,255,0.13);
    color: #f8f8f8;
    font-family: roboto;
    font-size: 0.8rem;
    width: fit-content;
    padding: 2px 6px;
    border-radius: 2px;
    
}

.elementor-321075 .elementor-element.elementor-element-55c817ed .woocommerce-loop-product__link:not(:has(.price-per-500ml)) .price {
    grid-column: 1 / 3;
    text-align: center;
    margin: 0;
}



/* Out-of-stock */
.outofstock {
    opacity: 0.5;
    filter: grayscale(100%);
    transition: all 0.3s ease;


&:hover {
    opacity: 1;
    filter: grayscale(0%);
}
}

/* XP */
.wr-wrapper {
 display: none;
}

/* Remove View Cart */
a.added_to_cart.wc-forward {
display: none;
}






/* Strafe 
.product_tag-strafe-deal, .post-314562 {
    
    & img {
        background: linear-gradient(225deg, #FF5C3C, #FFB52F) !important;
        
    }
    
}
*//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-28943f2c */#backToTop {
    
    position: fixed;
    bottom: min(1.5rem, 2vw);
        right: min(1.5rem, 2vw);
    background: rgba(0,0,0,0.8);
    color: #d3d3d3;
    border: 2px solid #d3d3d3;
    cursor: pointer;
    padding: min(0.4rem, 3vw) min(0.75rem, 3vw) ;
        border-radius: 0.6rem;
    z-index: 5;
    
    @media (max-width: 900px) {
        bottom: 1.5rem !important;
        font-size: 01rem !important;
}
    
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-1347da84 */.elementor-321075 .elementor-element.elementor-element-1347da84 {
    grid-column: 2;
    width: 100%;
    
    @media (max-width: 1200px) {
        grid-column: 1;
    }
    
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-435c451f */.elementor-321075 .elementor-element.elementor-element-435c451f {
    width: min(1920px, 94vw);
    margin-inline: auto;
    
}

.elementor-321075 .elementor-element.elementor-element-435c451f .elementor-container {
    display: grid;
    grid-template-columns: 1fr 5fr;
    gap: 1rem;
    padding: min(1.5rem, 2vw);
    
    
    @media (max-width: 1200px) {
        grid-template-columns: 1fr;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-77127028 */.outlet-tag {
    display: block;
    color: #000000;
    background-color: #9257FF;
    font-family: "Tomorrow", Sans-serif;
    font-weight: 500;
    font-size: 0.85rem;
    text-transform: uppercase;
    border-radius: 0.1em;
    min-width: 5em;
    min-height: 1.75em;
    line-height: 1.75em;
    margin: 0.1em;
    grid-column: 2;
}/* End custom CSS */
/* Start custom CSS for woocommerce-cart, class: .elementor-element-92038f8 */.elementor-widget-woocommerce-cart .e-cart-section {
    background: linear-gradient(-45deg, rgb(20 20 22), rgb(25 25 27));
}



.woocommerce-cart-form__contents {
    display: flex;
    flex-direction: column;
}

.woocommerce-cart-form__contents > thead > tr
 {
   display: grid !important;
    grid-template-columns: 100px 1fr 100px 100px 100px 50px;
    grid-template-rows: 1fr;
    align-items: center;
    align-content: center; 
    
    
    & .product-thumbnail {
    display: none;
    
    }
    
    & .product-remove {
        grid-column: 6;
    }
    
    & .product-price {
        grid-column: 3;
    }
}



.woocommerce-cart-form__contents > tbody {
    display: flex;
    flex-direction: column;
    gap: 1rem ;
    
    
    
  
    
    & tr {
        display: grid !important;
        align-items: center;
        grid-template-columns: 100px 1fr 100px 100px 100px 50px;
        background: rgb(35 35 37);
        border-radius: 0.5rem;
        padding-block: min(0.5rem, 2vw) !important;
        
        
        
 
 
        & * {
            grid-row: 1;
            padding: 0 !important;
            
            
        }
        
         & .product-thumbnail {
            grid-column: 1;
            display: block !important;
            margin-inline: auto;
        }
        
        & .product-name {
            min-width: 0px ;
            grid-column: 2 ;
            white-space: nowrap ;
            overflow: hidden ;
            text-overflow: ellipsis ;
            color: #f8f8f8;
            max-width: 100% !important;
    }
    
    & .product-quantity {
         & input {
            text-align: center !important;
        }
        
            
        }
        
        & .product-remove {
            grid-column:6;
            text-align: center;
            margin-inline: auto;
            
            
            
            & a {
                font-size: 0; /* hides the × */
                display: inline-flex;
                align-items: center;
                justify-content: center;
                text-decoration: none;
                width: 30px !important;
                
                &::after {
                    font-family: FontAwesome;
                    content: "\f014";
                    font-size: 18px;
                    font-weight: 300;
                    line-height: 1.75;
                }
            }
            
        }
    }
}

  .elementor-widget-woocommerce-cart .woocommerce table.shop_table.cart tbody tr:last-child {
    display: var(--update-cart-automatically-display, table-row) !important ;
  }

/* COUPON */

 .elementor-321075 .elementor-element.elementor-element-92038f8 .coupon-col {
     
     & input {
     
     background: rgba(0,0,0,0.6);
     height: 100%;
     border: 0;
     color: #f8f8f8;
     padding-inline: 1rem;
     
     
 }
    
    & .button {
        font-weight: 500;
        background: #fee401;
        color: #000;
        
        
        border: 0;
        height: 100%;
        border-radius: 0.15rem;
        
        &:hover {
            color: #000;
        }
      
    }
    
 }
 

 .elementor-321075 .elementor-element.elementor-element-92038f8 .coupon-col:has(input:placeholder-shown)  button {
     background: rgba(255,255,255,0.3);
     color: rgba(255,255,255,0.7);
     position: relative;
     
     
     
     &:hover {
         color: rgba(255,255,255,0.7);
         cursor: not-allowed;
         
         &:before {
             content: "Insert coupon first";
             position: absolute;
             width: 100%;
             height: 100%;
             background: orangered;
             left: 0;
             top: 0;
             display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 0.15rem;
             
            
         }
     }
     
 }
 
 
td:has(.woocommerce-remove-coupon) {
    background: rgba(0,0,0,0.1);
    border-radius: 2px;
    border: 1px solid rgba(0,0,0,0.1) !important;
    
    
    &:hover {
        background: rgba(0,0,0,0.1) !important;
        border-color: rgba(0,0,0,0.2) !important;
        
    }
    
    &:before {
        font-weight: 500 !important;
    }
    
    & a {
        
        padding: 5px;
        border-radius: 2px;
        color: #000 !important;
        
        
    }
    
    &:has(a:hover) {
        background: red !important;
    }
    
 }
 
 
 
 /* RESPONSIVE */
 

 
 @media (max-width: 765px) {
.woocommerce-cart-form__contents > thead > tr {
    grid-template-columns:  50px 1fr 50px 50px 50px  ;   ;
    
    
    & .product-subtotal {
        display: none;
    }
    
    & .product-price {
        grid-column: 2;
    }
    
}

.woocommerce-cart-form__contents > tbody > tr {
    grid-template-columns:  50px 1fr 50px 50px 50px  ;
    gap: 4vw;
    justify-items: start;
    padding-inline: min(1rem, 3vw);
    

    
    & .product-thumbnail {
        grid-column: 1;
        
        &:before{
                display: none !important;
            }
    }
    
    & .product-name {
            grid-column: 2 ;
            
            &:before{
                display: none !important;
            }
            
       
    }
    
    & .product-price {
        grid-column: 3;
        width: 6ch;
    }
    
    & .product-quantity {
        grid-column: 4;
        
        
        
        &:before {
            float: none !important;
        }
        
    }
    
    & .product-subtotal {
        grid-column: 5;
        display: none !important;
    }
    
    & .product-remove {
        grid-column: 6;
        
    }
    
    & .product-price, .product-quantity {
        font-size: min(0.75rem, 4vw);
    }
    
    
}

.woocommerce table.shop_table_responsive tr td {
    text-align: center !important;
    
}

}
 
 
@media (max-width: 550px) {
    
    
 
 .woocommerce-cart-form__contents > tbody > tr {
     grid-template-columns: repeat(3, 1fr);
     gap: 3vw;
     align-items: start;
     
     
     & * {
         grid-row: 3;
         margin-inline: auto;
         text-align: center;
         
         
        
     }
     
     & .product-thumbnail {
        grid-column: 1/4;
        grid-row: 1;
        
        & img {
            width: min(100px, 40%) !important;
            margin-inline: auto;
        }
    }
     
     & .product-name {
            grid-column: 1/4 ;
            grid-row: 2;
    }
    
    & .product-price {
        grid-column: 1;
        line-height: 1.75;
    }
    
    & .product-quantity {
        grid-column: 2;
    }
    
    
    & .product-remove {
        grid-column: 3;
        margin-block: auto;
        
    }
    
    
     
     
 }
 
}

/* Cart Totals */
.elementor-widget-woocommerce-cart .woocommerce .cart_totals table.shop_table_responsive tr td {
    text-align: left !important;
    
    &:before {
        margin-right: 1rem;
        font-family: tomorrow;
        text-transform: uppercase;
        font-weight: 500;
    }
    
}

.cart-subtotal td {
   
   &:before {
       content:"SUBTOTAL :" !important;
   }
    
}

.cart_totals .order-total  {
    
    & .includes_tax {
        color: rgb(122 122 122);
    }
    
    & td:before {
       content:"TOTAL :" !important;
   }
}

/* Remove Checkout */
.wc-proceed-to-checkout {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS */:root {
   --custom-pagewidth: min(1320px, 94vw); 
}

.default_section{
    
    width: var(--custom-pagewidth);
    margin-inline: auto;
}/* End custom CSS */