.elementor-308800 .elementor-element.elementor-element-7327b9a7{margin-top:clamp(6rem, 5vw, 22rem);margin-bottom:2rem;}.elementor-bc-flex-widget .elementor-308800 .elementor-element.elementor-element-167105d5.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-308800 .elementor-element.elementor-element-167105d5.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-308800 .elementor-element.elementor-element-167105d5 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:: 20px;}.elementor-308800 .elementor-element.elementor-element-167105d5 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-308800 .elementor-element.elementor-element-19d46c6e img{width:70%;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-308800 .elementor-element.elementor-element-5726190c .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-308800 .elementor-element.elementor-element-5726190c .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:#00000000;}.elementor-308800 .elementor-element.elementor-element-5726190c > .elementor-widget-container{margin:02rem 0rem 0rem 1rem;}.elementor-308800 .elementor-element.elementor-element-5726190c{--image-border-color:#FFFFFF52;--image-border-width:1px;--image-border-radius:10px;--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;}.elementor-bc-flex-widget .elementor-308800 .elementor-element.elementor-element-7a643a18.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-308800 .elementor-element.elementor-element-7a643a18.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-308800 .elementor-element.elementor-element-1addfff3 > .elementor-widget-container{margin:0rem 0rem 0rem 0rem;}.elementor-308800 .elementor-element.elementor-element-1addfff3{text-align:start;}.elementor-308800 .elementor-element.elementor-element-1addfff3 .elementor-heading-title{font-family:"Tomorrow", Sans-serif;font-size:min(2.5rem, 7vw);font-weight:500;text-transform:uppercase;color:#F8F8F8;}.woocommerce .elementor-308800 .elementor-element.elementor-element-6ef06bf .star-rating{color:#FEE401;}.woocommerce .elementor-308800 .elementor-element.elementor-element-6ef06bf .star-rating::before{color:#FEE401;}.woocommerce .elementor-308800 .elementor-element.elementor-element-6ef06bf .woocommerce-review-link{color:#F8F8F8;}.elementor-308800 .elementor-element.elementor-element-71056adc > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-308800 .elementor-element.elementor-element-71056adc{margin-top:1rem;margin-bottom:0rem;}.elementor-308800 .elementor-element.elementor-element-37725b96 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-308800 .elementor-element.elementor-element-2bc03acf > .elementor-widget-container{margin:0rem 0rem 1rem 0rem;}.elementor-308800 .elementor-element.elementor-element-2bc03acf .elementor-heading-title{font-family:"Tomorrow", Sans-serif;font-size:1.5rem;font-weight:500;text-transform:uppercase;color:#F8F8F8;}.elementor-308800 .elementor-element.elementor-element-685dcccc > .elementor-element-populated{padding:0px 0px 0px 0px;}.woocommerce .elementor-308800 .elementor-element.elementor-element-3d4a1fd3 .stock{color:#F8F8F8;font-family:"Roboto", Sans-serif;font-size:18px;}body.elementor-page-308800:not(.elementor-motion-effects-element-type-background), body.elementor-page-308800 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111114;}@media(max-width:1200px){.elementor-bc-flex-widget .elementor-308800 .elementor-element.elementor-element-167105d5.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-308800 .elementor-element.elementor-element-167105d5.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}}@media(max-width:900px){.elementor-308800 .elementor-element.elementor-element-1addfff3{text-align:center;}}@media(max-width:650px){.elementor-bc-flex-widget .elementor-308800 .elementor-element.elementor-element-167105d5.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-308800 .elementor-element.elementor-element-167105d5.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-308800 .elementor-element.elementor-element-5726190c > .elementor-widget-container{margin:0rem 0rem 0.2rem 0rem;}.elementor-308800 .elementor-element.elementor-element-1addfff3{text-align:center;}.elementor-308800 .elementor-element.elementor-element-2bc03acf{text-align:center;}.elementor-308800 .elementor-element.elementor-element-3d4a1fd3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for image, class: .elementor-element-19d46c6e */.elementor-308800 .elementor-element.elementor-element-19d46c6e {
        
        & img {
        margin-bottom: -10%;
        margin-top: -20%;
        position: relative;
        
        
    }
    }/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-167105d5 */.elementor-308800 .elementor-element.elementor-element-167105d5 {
    width: 100%;


}

@media (min-width:901px) {
.elementor-308800 .elementor-element.elementor-element-167105d5:not(:has(.e-gallery-container)) img {
    margin:  !important;
    
}
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-title, class: .elementor-element-1addfff3 */.elementor-308800 .elementor-element.elementor-element-1addfff3 {
    text-wrap: balance;
    
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-36c8da7 */.flavor-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    
}

.tag-flavor, .tag-flavor_profile {
    width: fit-content;
    gap: 0.5rem;
    border-radius: 100px;
    font-family: roboto;
    font-weight: 500;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
;
    align-items: center;
    
    
    
    
    
    & a {
        border-radius: 100px;
        padding: 0.1rem 0.8rem;
       color: #000;
       margin: 0 !important;
       
       
       
       
       &:hover {
           text-decoration: underline;
       }
       
    }
 
}


.tag-flavor {
    
    & a {
        background: #f8f8f8;
    }
    
}

.tag-flavor_profile {
    
    
    & a {
        border: 2px solid #f8f8f8;
    color: #f8f8f8;
    
    }
    
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-rating, class: .elementor-element-6ef06bf */.star-rating span::before {
    color: #fee401 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2bc03acf */.elementor-308800 .elementor-element.elementor-element-2bc03acf {
    white-space: nowrap;
    
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-37725b96 */.elementor-308800 .elementor-element.elementor-element-37725b96 {
    width: fit-content;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6dd49ee4 */.price-per-500ml {
    color: #f8f8f8;
    font-family: roboto;
    background: rgba(255,255,255,0.1);

    width: fit-content;
    padding: 3px 8px;
    border-radius: 0.2rem;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-685dcccc */.elementor-308800 .elementor-element.elementor-element-685dcccc {
    width: fit-content
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-71056adc */.elementor-308800 .elementor-element.elementor-element-71056adc .elementor-container {
    column-gap: 1rem;
    
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-stock, class: .elementor-element-3d4a1fd3 */.elementor-308800 .elementor-element.elementor-element-3d4a1fd3 a.outofstock  {
    background: #000;
    border-radius: 25rem;
    color: #f8f8f8 !important;
    font-family: figtree;
    font-weight: 700;
    width: 100%;
    border:0;
    padding: 0.75rem;
    
    
    &:hover {
        border: 0 !important;
        color: #f8f8f8 !important;
        
    }
    
}


.elementor-widget-woocommerce-product-stock, .out-of-stock {
    margin: 0 !important;
}

.elementor-308800 .elementor-element.elementor-element-3d4a1fd3 .in-stock {
 display: none;   
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18d7f172 */.elementor-308800 .elementor-element.elementor-element-18d7f172 {
    
    @media (max-width: 650px) {
    width:min(30rem, 80vw);
    margin-inline: auto;
}
}

.custom-quantity {
    display: flex;
    gap: 3%;
    
   
}

.quantity-label {
    display: none !important;
}

#quantity-field {
    width: 4rem;
    background: rgba(0,0,0,0.3);
    color: #f8f8f8;
    border: 0;
    border-radius: 0.2rem;
}

.elementor-308800 .elementor-element.elementor-element-18d7f172 .add-to-cart-button {
    background: #f8f8f8;
    border-radius: 0.2rem;
    color: #000;
    font-family: tomorrow;
    text-transform: uppercase;
    font-weight: 600;
    
    width: 100%;
    border:0;
    padding: 0.75rem
    
}


/* Variation Buttons */

#variation-buttons {
margin-bottom: 1rem;
display: flex;
gap: 0.2rem;

& .selected {
border-color: #fee401;    
}


    
& button {
    text-transform: uppercase;
background: rgba(0,0,0,0.3);
border-radius: 0.15rem;
border: 1px solid rgba(255,255,255,0.3);
color: #f8f8f8;

&:disabled {
    color:rgba(0, 0, 0, 0.6);
    background: rgba(0, 0, 0, 0.4);
    
    &:hover {
        cursor: not-allowed;
    }
}

    }
    
}

.outofstock {
    border-radius: 0.2rem !important;
    font-family: tomorrow !important;
    font-weight: 500 !important;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-7a643a18 */.elementor-308800 .elementor-element.elementor-element-7a643a18 {
    padding: min(1rem, 3vw);
    width: 100%;
    flex-direction: column;
    
    & * {
        z-index: 2;
    }
    
    
    &:before {
        content:"";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        border-radius: 0.2rem;
      background: rgba(0,0,0,0.25);
      mix-blend-mode: overlay;
      z-index: 1;
      
    }
    
    
     &:after {
        content:"";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        border-radius: 0.2rem;
      background: rgba(0,0,0,0.05);
     
      
    }
    
    
    
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-7327b9a7 */.elementor-308800 .elementor-element.elementor-element-7327b9a7 {
    position: relative;
    width: min(1400px, 94vw);
    margin-inline: auto;
    padding: min(1rem, 3vw);
    border-radius: 0.75rem;
    background: var(--product-bg, #FFBF00);
    
 
 
    &:before {
        content:"";
        width: 100%;
        height:100%;
        position: absolute;
        bottom: 0;
        left: 0;
        background: linear-gradient(to right, black 0%, white 20%, black 60%);
        mix-blend-mode: overlay;
        opacity: 0.25;
        border-radius: 0.75rem;
        
        
        @media (max-width: 11500px) {
            background: linear-gradient(to bottom, white , black );
        }
    }
    
}

.elementor-308800 .elementor-element.elementor-element-7327b9a7 .elementor-304848 .elementor-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    
    @media (max-width: 650px) {
        grid-template-columns: 1fr;
    } 
    
    
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2852d3fa */.product-info {
    color: #f8f8f8;
    font-family: roboto;
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: min(1.5rem, 3vw);

    @media (max-width: 650px) {
        grid-template-columns: 1fr;
    }

    & h3, h2 {
        font-family: tomorrow;
        text-transform: uppercase;
        font-weight: 500;
        
        &:nth-of-type(n+2) {
            margin-block-start: 1rem;
            margin-block-end: 0.5rem;
        }
    }

    & a {
        color: #FFBF00;
    }
}

.product-brand {
    gap: 1rem;

    & svg {
        fill: var(--product-bg, #f8f8f8);
        width: 125px;
    }
}

.elementor-308800 .elementor-element.elementor-element-2852d3fa {

    & input[name="product-menu-item"]   {
        display: none ;

        &:checked + label {
            background: color-mix(in srgb,var(--product-bg, #727272), white 10%);
            color: #000;
            font-weight: 500;

            position: relative;

            &:after {
                content:"";
                width: 5px;
                height: 100%; 
                top: 0;
                left: -0.75rem;
                border-radius: 0.1rem;
                position: absolute;
                background: inherit;
            }
        }
    }

    
}

.product-sticky-menu {
    display: flex;
    flex-direction: column;
    gap: min(1rem, 2vw);
    position: sticky;
    top: 12rem;
    
    & label {
        font-family: figtree;
        color: #f8f8f8;
        background: #545454;
        padding: clamp(0.75rem, 2vw, 1rem);
        cursor: pointer;
        border-radius: 0.2rem;
        font-size: 1rem;
        font-family: inter;
    }
}

.product-info:has(#product-info:checked) .product-info {
    display: block;
}

.product-info:has(#how-to-use-section:checked) .how-to-use-section {
    display: block;
}

.product-info:has(#review-section:checked) .review-section {
    display: block;
}

.product-info:has(#shipping-info-section:checked) .shipping-info-section {
    display: block;
}

.product-menu-section {
    display: none;
}

.product-info-section {
    width: 100%;

    & h3:nth-of-type(1) {
        margin-top: 0;
    }

    & th {
        font-family: figtree !important;
    }

    & td {
        font-family: inter !important;
    }
}

.nutritional-facts:not(:has(table)) {
    display: none;
}

.product-ingredients {
    display: grid;
    gap: min(1rem, 3vw); 
    grid-template-columns: 500px auto;

    @media (max-width: 1150px) {
        grid-template-columns: 1fr;
    }

    & details {
        background: rgba(255,255,255,0.1);
        padding: min(1rem, 3vw);
        border-radius: 0.2rem;

        &:has(summary:hover) {
            box-shadow: inset 0 0 0px 1px #b1b1b1;
        }
    }

    & summary {
        cursor: pointer;
        font-family: figtree;
        user-select: none;
    }
}

.product-info-column2 p {
    border: solid;
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-width: 1px 0 0 0;
}

.product-info-column2 {
    display: flex;
    flex-direction: column;
    gap: min(1rem, 3vw);

    @media (max-width:1150px) {
        grid-row: 1;
    }
}

.product-ingredients-info,
.product-how-to-use {
    border-radius: 0.2rem;
    display: flex;
    flex-direction: column;
    gap: min(1rem, 3vw)
}

.product-energy-section {
    display: flex;
    flex-direction: column;
    gap: min(1rem, 3vw);
}

.rounded-block-b2 {
    background: rgba(255,255,255,0.1);
    padding: min(1rem, 3vw);
    border-radius: 0.2rem;
    height: fit-content;
}

.rounded-block-b1 {
    background: rgba(255,255,255,0.05);
    padding: min(1rem, 3vw);
    border-radius: 0.2rem;
}

.product-video {
    max-width: 480px;
    margin-bottom: 1rem;

    & iframe {
        border-radius: 0.2rem;
        max-height: 270px;
        border: 1px solid #4d4d4d;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-4c0336fb */.elementor-308800 .elementor-element.elementor-element-4c0336fb {
    width: min(1400px, 94vw);
    margin-inline: auto;
    background: #202020;
    border-radius: 0.75rem;
}/* End custom CSS */
/* Start custom CSS */#header-section, #searchtoggle, #footer-section, #footer-end-section {
    width: min(1400px, 94vw) !important;
}

::selection {
  background-color: var(--product-bg, #727272);
  color: #000000;
}/* End custom CSS */