/* shopify */

/* cart */

.header{
    z-index: 1111111;
}

.show-cart .header{
    z-index: 1111112;
}

.header-cart{
    z-index: 1111112;
}

.header-cart-button{
    cursor: pointer;
}

.header-cart-container{
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    transform: translate(100%);
    will-change: transform;
    z-index: 1111112;
    pointer-events: none;
    width: 100%;
    max-width: 464px;
    background: #F0EEE4;
    padding: 24px;
    transition: all 0.3s ease-out;
    overflow: auto;
    padding-bottom: 80px;
}

.header-cart-container::-webkit-scrollbar {
    width: 6px;
}

.header-cart-container::-webkit-scrollbar-track {
    background: transparent;
}

.header-cart-container::-webkit-scrollbar-thumb {
    background: #9D9FB0;
    height: 94px;
}

.header-cart:before{
    position: fixed;
    pointer-events: none;
    content: '';
    width: 100vw;
    height: 100%;
    right: 0;
    top: 0;
    opacity: 0;
    background: rgba(0, 0, 0, .5);
    backdrop-filter: blur(5px);
    transition: opacity 0.3s ease-out;
}

.header-cart-content{
    display: flex;
    flex-direction: column;
    /*height: 100%;*/
}

.header-cart-content-empty{
    display: flex;
    flex-direction: column;
    height: 100%;
}

.header-cart-content-empty-wrap{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: auto 0;
    gap: 20px;
}


.header-cart-content-empty p{
    font-size: 18px;
    line-height: 120%;
    font-weight: 500;
}

.header-cart-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.header-cart-header h4{
    font-weight: 400;
    font-size: 24px;
    line-height: 120%;
    text-transform: uppercase;
    color: #000;
}

.show-cart .header-cart:before{
    opacity: 1;
}

.header-cart .cart-item{
    display: flex;
    padding: 24px 0;
    gap: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
}

.header-cart .cart-item-price,
.header-cart .cart-item-title{
    font-family: "PP Nikkei Pacific", sans-serif;
    font-weight: 800;
    font-size: 20px;
    line-height: 120%;
    text-transform: uppercase;
}

.header-cart .cart-item-price{
    margin: 0 0 0 auto;
}

.header-cart .cart-item-total-price{
    display: flex;
    justify-content: space-between;
    font-weight: 700;
    font-size: 18px;
    line-height: 120%;
    margin: 24px 0 0;
}

.header-cart .cart-item-quantity-wrap{
    display: flex;
    gap: 20px;
    margin: auto 0 0 0;
    padding-top: 10px;
}

.header-cart .cart-item-quantity{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    width: 20px;
    border: none;
    outline: none;
    background: transparent;
    text-align: center;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: textfield;
    -moz-appearance: textfield;
}

.header-cart .cart-item-quantity::-webkit-outer-spin-button,
.header-cart .cart-item-quantity::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.header-cart .cart-item-minus,
.header-cart .cart-item-plus{
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    background: rgba(178, 24, 50, 0.6);
    border: 2px solid #4B0004;
}

.header-cart .cart-item-minus.disabled{
    pointer-events: none;
    opacity: 0.5;
}

.header-cart .cart-item-minus{
    background-image: url("/wp-content/themes/heroicstore/assets/img/minus.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.header-cart .cart-item-plus{
    background-image: url("/wp-content/themes/heroicstore/assets/img/plus.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.header-cart .remove-cart-item{
    background: transparent;
}

.header-cart .remove-cart-item svg{
    pointer-events: none;
}

.header-cart .cart-item-option{
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
}

.header-cart .cart-item-img-wrap{
    border-radius: 6px;
    width: 100px;
    height: 100px;
    flex-shrink: 0;
}

.header-cart .cart-item-img-wrap img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header-cart .cart-item-content{
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.show-cart .header-cart-container{
    pointer-events: all;
    transform: translate(0);
}

#wpadminbar{
    z-index: 9999999;
}

.header .go-to-checkout{
    width: 100%;
    max-width: 100%;
    justify-content: center;
    margin-top: 24px;
    /*background-image: url(/wp-content/themes/heroicstore/assets/img/button.svg);*/
    /*background-size: contain;*/
    /*background-position: 20px;*/
    /*background-repeat: no-repeat;*/
}

.header-cart-content-empty.hide{
    display: none;
}

.header-cart-content-empty{
    margin: auto 0;
}

.close-cart{
    position: relative;
    width: 20px;
    height: 20px;
    background: transparent;
}



.close-cart:before {
    content: '';
    position: absolute;
    transform: rotate(45deg);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 20px;
    height: 2px;
    background: #000;
}

.close-cart:after {
    content: '';
    position: absolute;
    transform: rotate(-45deg);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 20px;
    height: 2px;
    background: #000;
}


.cart-loader {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    transition: opacity 0.3s;
}
.cart-loader {
    opacity: 0;
    pointer-events: none;
}

.show-loader .cart-loader{
    opacity: 1;
    pointer-events: all;
}

.spinner {
    width: 40px;
    height: 40px;
    border: 4px solid #ccc;
    border-top-color: #333;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

/* cart */

.section-products-banner{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 100vh;
    min-height: 600px;
}


.section-products-banner img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.shopify-products{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    height: max-content;
}

.section-products-banner-text{
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
    z-index: 1;
}

/*.section-products-banner-text h6{*/
/*    font-family: "Inter", sans-serif;*/
/*    font-weight: 600;*/
/*    font-size: 20px;*/
/*    opacity: 0.8;*/
/*}*/

.shopify-product{
    display: flex;
    flex-direction: column;
    max-height: max-content;
}

.shopify-product-img-wrap{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 300px;
    transition: all 0.3s ease-out;
    overflow: hidden;
}


.shopify-product-img-wrap:hover{
    background: lightgrey;
}

.shopify-product-img-wrap img{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
}

.shopify-product h4 a{
    font-family: 'PP Nikkei Pacific', sans-serif;
    font-weight: 800;
    font-size: 16px;
    line-height: 120%;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 12px;
    color: #000;
    text-decoration: none;
}

.shopify-product .price{
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
}

.shopify-product-button{
    position: absolute;
    width: 100%;
    z-index: 20;
    background: rgba(179,25,51,.9);
    padding: 5px;
    color:#fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    bottom: 0;
    transform: translateY(100%);
    transition: all .25s linear;
}

.shopify-product-img-wrap:hover .shopify-product-button{
    transform: translateY(0);
}

.shopify-product-img-gallery-wrap img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 0;
    transition: all 0.2s ease-out;
}

.shopify-product-img-gallery-wrap img:last-child{
    object-fit: cover;
}

.shopify-product-img-gallery-wrap:not(:hover) img:first-child{
    opacity: 1;
}

.shopify-product-img-gallery-wrap:hover img:last-child{
    opacity: 1;
}

.shopify-shop{
    display: flex;
    margin-top: 24px;
    gap: 24px;
}

.shopify-filters{
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 280px;
}

.shopify-filters-group{
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.shopify-filters-group__title{
    font-family: 'PP Nikkei Pacific', sans-serif;
    font-size: 24px;
    line-height: 120%;
}

.section-shop{
    padding: 64px 0;
}

.shopify-filters-group__title{
    font-weight: 400;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.section-products{
    padding: 64px 0;
}

.products-container{
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
    gap: 24px;
}

.products-sort{
    position: absolute;
    right: 0;
    top: -60px;
}

.section-products .products-filters{
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 280px;
    order: -1;
}

.section-products .filter-group--collections .filter-list,
.section-products .filter-group--shop-product-type .filter-list{
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.section-products .filter-group--collections input[type="checkbox"],
.section-products .filter-group--shop-product-type input[type="checkbox"]{
    width: 18px;
    height: 18px;
    border: 1px solid rgba(0, 0, 0, 0.24);
    border-radius: 4px;
    appearance: initial;
    -webkit-appearance: initial;
}

.section-products .filter-group--collections input[type="checkbox"]:checked,
.section-products .filter-group--shop-product-type input[type="checkbox"]:checked{
    background: center / cover no-repeat url(/wp-content/themes/heroicstore/assets/img/checkbox-checked.svg);
}

.section-products .filter-group--collections li label,
.section-products .filter-group--shop-product-type li label{
    display: flex;
    align-items: center;
    gap: 10px;
}

.section-featured-collection-empty{
    display: flex;
    justify-content: center;
    align-items: center;
}

.section-featured-collection-empty p{
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    text-align: center;
}

.section-products .filter-group{
    margin-right: 50px;
}

.section-products .filter-apply{
    width: 100%;
    max-width: 100%;
    margin-top: 24px;
}

.section-products .filter-apply.disabled{
    pointer-events: none;
}

.button-toogle-filter{
    display: none;
}

.filter-group--shop-size .filter-list,
.filter-group--shop-color .filter-list{
    display: grid;;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.filter-group--shop-size .filter-list li,
.filter-group--shop-color .filter-list li{
    display: block;
    width: 100%;
}

.filter-group--shop-size .filter-list .filter-list-value,
.filter-group--shop-color .filter-list .filter-list-value{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;

}

.filter-group--shop-size .filter-list input[type="checkbox"],
.filter-group--shop-color .filter-list input[type="checkbox"]{
    display: none;
}

.filter-group--shop-size .filter-list input[type="checkbox"] + span,
.filter-group--shop-color .filter-list input[type="checkbox"] + span{
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    position: relative;
    cursor: pointer;
    color: #000;
    padding: 11px;
    text-transform: uppercase;
}

.filter-group--shop-color .filter-list input[type="checkbox"] + span{
    font-size: 12px;
    line-height: 12px;
    padding: 15px 10px 12px 10px;
}

.filter-group--shop-size .filter-list input[type="checkbox"]:checked + span,
.filter-group--shop-color .filter-list input[type="checkbox"]:checked + span{
    color: #b21832;
}

.filter-group--shop-size .filter-list input[type="checkbox"] + span:after,
.filter-group--shop-color .filter-list input[type="checkbox"] + span:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.24);
}

.filter-group--shop-size .filter-list input[type="checkbox"] + span:after,
.filter-group--shop-color .filter-list input[type="checkbox"] + span:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.24);
}

.filter-group--shop-size .filter-list input[type="checkbox"]:checked + span:after,
.filter-group--shop-color .filter-list input[type="checkbox"]:checked + span:after{
    background: rgba(178, 24, 50, 0.12);
    border: 1px solid #b21832;
}


.section-products .filter-group .filter-list-value{
    cursor: pointer;
}

.section-products .filter-group--collections .filter-list-value,
.section-products .filter-group--shop-product-type .filter-list-value{
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
}

.section-products .products-collections{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 24px;
}

.products-container .filter-title{
    position: relative;
    font-weight: 400;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    margin-bottom: 10px;
    cursor: pointer;
}

.products-container .filter-title:after{
    content: '';
    position: absolute;
    right: -50px;
    top: 7px;
    width: 10px;
    height: 10px;
    border-bottom: 3px solid #000;
    border-right: 3px solid #000;
    transform: rotate(225deg);
    transition: transform 0.2s ease-out;
}

.products-container .filter-title.active:after{
    top: 0;
    transform: rotate(45deg);
}

.products-collections-title{
    margin-bottom: 24px;
}

.section-products .products-collections-wrap{
    position: relative;
    display: grid;;
    grid-template-columns: 1fr;
    gap: 40px;
    width: 100%;
    z-index: 1;
    max-height: max-content;
    height: 100%;
    opacity: 1;
    transition: opacity 0.2s ease-out;
}

.section-products .products-collections-wrap .section-featured-collection{
    opacity: 1;
    transition: 0.2s ease-out;
    max-height: max-content;
}


.section-products .products-collections-wrap.load .section-featured-collection{
    opacity: 0;
}

.section-products-recommendations{
    padding: 64px 0;
}

.products-recommendations-slider{
    overflow: hidden;
    margin-top: 24px;
}

.section-products-recommendations .navigation-wrap-count-1,
.section-products-recommendations .navigation-wrap-count-2,
.section-products-recommendations .navigation-wrap-count-3,
.section-products-recommendations .navigation-wrap-count-4{
    display: none;
}

.section-products .product-featured-image-link,
.section-products-recommendations .product-featured-image-link{
    display: block;
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    background: #DFDDD6;
}

.section-products .product-card .product-featured-image-link img,
.section-products-recommendations .product-card .product-featured-image-link img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none;
}

.section-products .product-card .product-featured-image .product-featured-image-link img:first-child,
.section-products-recommendations .product-card .product-featured-image .product-featured-image-link img:first-child{
    display: block;
    opacity: 1;
    z-index: 10;
    transition: opacity 0.3s ease-out;
}

.section-products .product-card-info a,
.section-products-recommendations .product-card-info a{
    font-family: 'PP Nikkei Pacific', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
}

.section-products .product-card-info,
.section-products-recommendations .product-card-info{
    margin-top: 12px;
}

.section-products .product-card .product-featured-image:not(.product-featured-image-1) .product-featured-image-link:hover img:first-child,
.section-products-recommendations .product-card .product-featured-image:not(.product-featured-image-1) .product-featured-image-link:hover img:first-child{
    opacity: 0;
}

.section-products .product-card .product-featured-image:not(.product-featured-image-1) .product-featured-image-link:hover img:nth-child(2),
.section-products-recommendations .product-card .product-featured-image:not(.product-featured-image-1) .product-featured-image-link:hover img:nth-child(2){
    display: block;
}

.shopify-filters{
    order: -1;
}

.shopify-products-count{
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    color: #000;
    opacity: 0.4;
}

.shopify-filters-group label{
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    gap: 10px;
    cursor: pointer;
}

.shopify-filters-group input[type=radio]{
    position: relative;
    top: -4px;
    border: 1px solid rgba(0, 0, 0, 0.24);
    /*border-radius: 4px;*/
    width: 18px;
    height: 18px;
    -webkit-appearance: none;
}

.shopify-filters-group input[type=radio]:checked{
    background: rgba(0, 0, 0, 0.24);
}

.section-single-product{
    padding: 140px 0 60px;
}

.product-image-container{
    width: 63%;
}

.product-information{
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 37%;
}

.product-grid-container {
    display: flex;
    gap: 46px;
    /*display: grid;*/
    /*grid-gap: clamp(30px, 5%, 60px);*/
    /*grid-template-columns: 1fr clamp(360px, 45%, 480px);*/
}

.product-breadcrumb{
    display: flex;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 24px;
    gap: 8px;
    align-items: center;
    color: #000000;
}

.product-breadcrumb a{
    text-decoration: none;
    color: inherit;
}

.product-breadcrumb .separator{
    position: relative;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(-45deg);
    left: -3px;
}

.product-slider{
    overflow: hidden;
}


.product-title-container{
    display: flex;
    flex-direction: column;
    gap: 8px;
}


.product-information .product-type{
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    color: rgba(0, 0, 0, .6);
}

.single-products .product-title{
    font-weight: 800;
    font-size: 24px;
    line-height: 120%;
    text-transform: uppercase;
}

.product-price-wrap .price{
    font-weight: 500;
}

.post-type-archive-products .product-price-wrap .price,
.single-products .section-products-recommendations .product-price-wrap .price{
    font-size: 16px;
    line-height: 120%;
}

.single-products .product-price-wrap .price{
    font-size: 24px;
    line-height: 120%;
}

.product-price-wrap .price ins{
    text-decoration: none;
}

.product-price-wrap .price del{
    color: rgba(0, 0, 0, 0.4);
}

.product-price-wrap .price del + ins{
    color: #8b051c;
    margin-left: 8px;
}

.product-short-description *{
    font-weight: 400;
    font-size: 14px;
    line-height: 120%
}


.shopify-filters-submit{
    font-size: 18px;
    padding: 12px;
    color: #fff;
    background: #b21832;
    text-transform: uppercase;
}

.button-show-size{
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    float: right;
    cursor: pointer;
    text-decoration: underline;
    color: #b21832;
}

.product-information .variant-selects{
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.option-group{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 6px;
}

.option-group-wrap strong,
.option-group-wrap .option-group-val{
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
}

.option-group-wrap .option-group-val{
    text-transform: uppercase;
}

.option-group-wrap > strong{
    margin-right: 5px;
}

.option-label input[type="radio"]{
    display: none;
}

.option-label{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    padding: 14px 12px;
    cursor: pointer;
}

.option-label span{
    text-transform: uppercase;
}

.option-label span:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.24);
}

.option-label input[type="radio"]:checked + span{
    color: #b21832;
}

.option-label input[type="radio"]:checked + span:after{
    background: rgba(178, 24, 50, 0.12);
    border: 1px solid #b21832;
}

.option-label input[type="radio"]:disabled + span{
    color: rgba(0, 0, 0, .6);
}

.option-label input[type="radio"]:disabled + span:after{
    background: transparent;
    border: 1px solid rgba(0, 0, 0, .2);
}

.option-label input[type="radio"]:disabled + span:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M0 0 L100 100 ' stroke='rgba(0, 0, 0, .4)' stroke-width='1'/></svg>");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%, auto;
}

.title-size-guide{
    margin-bottom: 24px;
}

.product-information .option-group-wrap{
    grid-column: span 5;
    width: 100%;
    margin-bottom: 8px;
}

.product-nickname-field{
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.product-nickname-field .nickname-label{
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    color: #000;
    display: flex;
    align-items: center;
    gap: 8px;
}

.product-nickname-field .nickname-price{
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.6);
}

.product-nickname-field .nickname-input-wrapper{
    position: relative;
}

.product-nickname-field .nickname-input{
    width: 100%;
    padding: 12px 16px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    font-size: 16px;
    line-height: 120%;
    font-family: inherit;
    transition: border-color 0.3s ease;
}

.product-nickname-field .nickname-input:focus{
    outline: none;
    border-color: #B21832;
}

.product-nickname-field .nickname-counter{
    display: block;
    margin-top: 6px;
    font-size: 12px;
    line-height: 120%;
    color: rgba(0, 0, 0, 0.6);
    text-align: right;
}

.product-nickname-field .nickname-notice{
    font-size: 12px;
    line-height: 140%;
    color: rgba(0, 0, 0, 0.6);
    margin: 0;
}

.product-sponsors-logo-field{
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.product-sponsors-logo-field .sponsors-logo-label{
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    color: #000;
}

.product-sponsors-logo-field .sponsors-logo-options{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.product-sponsors-logo-field .sponsors-logo-option{
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.product-sponsors-logo-field .sponsors-logo-radio{
    width: 18px;
    height: 18px;
    cursor: pointer;
    accent-color: #B21832;
}

.product-sponsors-logo-field .sponsors-logo-option-text{
    font-size: 16px;
    line-height: 120%;
    color: #000;
    display: flex;
    align-items: center;
    gap: 8px;
}

.product-sponsors-logo-field .sponsors-logo-price{
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.6);
}

.shopify-buy-btn{
    position: relative;
    /*background: #B21832;*/
    max-width: 100%;
    background-image: url(/wp-content/themes/heroicstore/assets/img/button.svg);
    background-size: contain;
    background-position: 20px;
    background-repeat: no-repeat;
    transition: all .7s ease;
}

.shopify-buy-btn,
.shopify-sold-out-btn,
.shopify-buy-btn:hover,
.shopify-sold-out-btn:hover{
    max-width: 100%;
}

/*.shopify-buy-btn:hover{*/
/*    max-width: 100%;*/
/*}*/

.shopify-buy-btn:after {
    pointer-events: none;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #B21832;
    backdrop-filter: blur(7.629138946533203px);
    background-image: url(/wp-content/themes/heroicstore/assets/img/button.svg);
    opacity: 0.8;
    background-size: contain;
    background-position: 20px;
    background-repeat: no-repeat;
    z-index: -1;
}

.section-single-product .accordion__title{
    padding: 16px 6px;
}

.section-single-product .accordion__content-inner{
    padding: 16px 10px;
}

.section-single-product .accordion__content p,
.section-single-product .accordion__content li{
    font-size: 14px;
    line-height: 120%;
}

.section-single-product .accordion__content ul{
    padding-left: 20px;
}

.section-single-product .accordion__content li{
    list-style-type: disc;
}

.section-single-product .accordion__content-inner .accordion__content-text{
    gap: 12px;
}

.section-single-product .accordion__title-text{
    display: flex;
    align-items: center;
    gap: 12px;
}

.section-single-product .accordion__item{
    border-bottom: 1px solid rgba(139, 5, 28, 0.24);
}

.section-single-product .accordion__item:last-child{
    border-bottom: 0;
}

.section-single-product .accordion__title svg{
    transition: all 0.3s ease-out;
}

.section-single-product .accordion__item:hover svg path,
.section-single-product .accordion__item.active svg path{
    stroke: #fff;
}

.product-images__slide{
    height: 100%;
    object-fit: cover;
    /*max-height: 300px;*/
}

.show-3d{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1111;
    height: 38px;
    width: 38px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 2px 10px #00000026;
}

.show-3d svg{
    width: 20px;
    height: 20px;
}

.product-slider .swiper-slide-hidden{
    display: none;
}


/* custom select */

.products-sort .select-items div,
.products-sort .select-selected{
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
}

.products-sort .select-selected{
    padding-right: 48px;
}

.products-sort .select-selected:after{
    width: 16px;
    height: 16px;
}

.section-products-benefits{
    padding: 64px 0;
    background: #000000;
}

.products-benefits-items{
    display: flex;
    justify-content: space-between;
    gap: 24px;
}

.products-benefits-item{
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 30px 24px;
    background: #191919;
    width: 100%;
}

.products-benefits-item__text{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.products-benefits-item__title{
    display: block;
    font-weight: 800;
    font-size: 20px;
    line-height: 120%;
    text-transform: uppercase;
    color: #fff;
}

.products-benefits-item__subtitle{
    display: block;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    color: #fff;
    opacity: 0.6;
}

.products-benefits-item svg{
    flex-shrink: 0;
}

/* custom select */

.products-sort .product-slider .is-active[data-set-name="color"]:first-of-type {
    grid-column: span 2;
}

.products-container .products-preloader {
    display: none;
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.5);
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.products-collections-wrap.load .products-preloader{
    display: flex;
}

.spinner {
    width: 50px;
    height: 50px;
    border: 5px solid #ddd;
    border-top-color: #333;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 1399px) {
    /*.search-form-box{*/
    /*    order: -1;*/
    /*}*/
}

@media (max-width: 1199px) {
    .section-products-recommendations .navigation-wrap-count-4{
        display: flex;
    }
}

@media (min-width: 992px) {
    .product-images--grid .swiper-wrapper,
    .product-images--collage .swiper-wrapper {
        display: grid;
        grid-gap: 14px;
        scroll-behavior: smooth;
        grid-template-columns: 1fr 1fr;
    }

    .product-images--grid .swiper-wrapper{
        transform: none !important;
    }

    .product-images--grid .swiper-slide{
        grid-column: span 1;
        width: auto !important;
    }

    .product-images--grid .swiper-slide:first-of-type,
    .product-images--grid .swiper-slide.is-main{
        grid-column: span 2;
    }

    .product-images--grid .swiper-slide:not(:first-child) model-viewer{
        height: inherit !important;
    }

    .product-slider .swiper-slide{
        position: relative;
        padding-bottom: 100%;
    }

    .product-images__slide{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}


@media (max-width: 991px) {
    .product-grid-container{
        flex-direction: column;
    }

    .product-image-container,
    .product-information{
        width: 100%;
    }

    .product-images--grid .swiper-slide img{
        width: 100%;
        object-fit: contain;
    }

    .product-images--grid .swiper-slide model-viewer{
        height: 100vw !important;
        max-height: 700px;
        /*height: inherit !important;*/
    }

    .section-products-recommendations .navigation-wrap-count-3{
        display: flex;
    }

    .section-products .products-collections {
        grid-template-columns: repeat(2, 1fr);
    }

    .products-sort{
        position: static;
        margin-top: 24px;
    }

    .button-toogle-filter{
        position: absolute;
        right: 0;
        top: -67px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        z-index: 1;
        border: 1px solid rgba(0, 0, 0, 0.24);
        cursor: pointer;
        padding: 4px 8px;
        background: #dfddd6;
    }

    #filtersForm{
        position: absolute;
        right: 0;
        background: #dfddd6;
        z-index: 11;
        top: -20px;
        padding: 20px 10px;
        border: 1px solid rgba(0, 0, 0, 0.24);
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.1s ease-out;
    }

    #filtersForm .select-items,
    #filtersForm .select-selected{
        background: #dfddd6;
    }

    .show-filter #filtersForm{
        opacity: 1;
        pointer-events: all;
    }

    .products-benefits-items{
        flex-wrap: wrap;
        justify-content: center;
    }

    .products-benefits-item{
        width: calc(50% - 12px);
    }


    .products-benefits-item__title{
        font-size: 18px;
    }

}


@media (max-width: 767px) {
    .section-products-recommendations .navigation-wrap{
        display: none;
    }

    .products-benefits-item{
        width: 100%;
    }

    .section-products-banner-text h6 br{
        display: none;
    }

    .product-images--grid .swiper-slide model-viewer{
        max-height: 500px;
        /*height: inherit !important;*/
    }
}

@media (max-width: 575px) {
    .header-cart .cart-item{
        gap: 6px;
    }

    .header-cart .cart-item-quantity-wrap{
        gap: 14px;
    }

    .section-products .products-collections {
        grid-template-columns: 1fr;
    }

    .section-featured-collection--banner{
        display: none;
    }
}

@media (max-width: 340px) {
    .header-cart .cart-item-img-wrap{
        width: 80px;
        height: 80px;
    }

    .header-cart .cart-item-price,
    .header-cart .cart-item-title,
    .header-cart .cart-item-total-price{
        font-size: 16px;
    }
}


.swiper-slide model-viewer {
    pointer-events: auto;
}


/* end shopify */