.hide {display:none !important}

/* Product page */
.nxtal-variant-box,
.quickview .nxtal-variant-box{margin:10px 0px 20px}
.thumbnail-container .nxtal-variant-box{margin:10px 0px 0px;max-height:250px;overflow:auto}
.nxtal-variant,.quickview  .nxtal-variant{width:100%;display:inline-block;align-items:center;margin-bottom:4px}
.nxtal-variant-label .variant-group-left-inline,
.quickview  .nxtal-variant-label .variant-group-left-inline{display:inline-block;width:100%;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.products.row .nxtal-variant-label .variant-group-left-inline {font-size:11px}
.nxtal-variant-label .variant-group-right-inline, .quickview  .nxtal-variant-label .variant-group-right-inline{display:inline-block;width:75px}
.nxtal-variant-label .variant-group-value, .quickview  .nxtal-variant-label .variant-group-value{font-weight:600;font-size:12px}
.nxtal-variant-label .variant-group-image, .quickview  .nxtal-variant-label .variant-group-image{display:none}
.nxtal-variant-label .variant-group-action,
.quickview  .nxtal-variant-label .variant-group-action{float:right;transition:.4s;cursor:pointer}
.nxtal-variant-label .variant-group-action i, .quickview  .nxtal-variant-label .variant-group-action i{transition:all .4s ease;transform:rotateZ(-180deg)}
.nxtal-variant-attributes, .quickview .nxtal-variant-attributes{display:inline-block;width:100%}
.thumbnail-container .nxtal-variant-attributes{padding-bottom:0px}
.nxtal-variant-attributes li a,
.thumbnail-container .nxtal-variant-attributes li a{overflow:hidden; margin:3px}
.nxtal-variant-attributes div a:hover {opacity:.7}
[data-image="0"] .nxtal-variant-attributes div a,
[data-image="0"] .thumbnail-container .nxtal-variant-attributes div a {padding:10px}
.nxtal-variant-attributes div.active a, .nxtal-variant-attributes div:hover a,
.quickview .nxtal-variant-attributes div.active a, .quickview .nxtal-variant-attributes div:hover a {border-color:#2fb5d2}
.nxtal-variant-attributes div.active a,
.quickview .nxtal-variant-attributes div.active a {font-weight:600}
.nxtal-variant-attributes .product-discount, .quickview .nxtal-variant-attributes .product-discount {color:#7a7a7a}
.nxtal-variant-attributes .product-discount .regular-price, .quickview .nxtal-variant-attributes .product-discount .regular-price {text-decoration:line-through;font-weight:400;margin-right:.625rem}
.nxtal-variant-attributes .current-price, .quickview .nxtal-variant-attributes .current-price {font-weight:700}
.products .product-container .nxtal-variant-label{text-align:left}
.nxtal-variant.nxt-grid.closed .variant-group-image,
.quickview .nxtal-variant.nxt-grid.closed .variant-group-image,
.nxtal-variant.nxt-select .selectbox.closed .variant-group-image,
.quickview .nxtal-variant .selectbox.closed .variant-group-image{display:inline}
.nxtal-variant.closed .showmore,
.nxtal-variant .nxtal-variant-attributes .selectbox.closed .itemList ,
.nxtal-variant.nxt-grid.closed .nxtal-variant-attributes,
.quickview .nxtal-variant  .nxtal-variant-attributes .selectbox.closed .itemList{display:none}
 
.nxtal-variant.nxt-grid.closed .nxtal-variant-label .variant-group-action i,
.quickview .nxtal-variant.nxt-grid.closed .nxtal-variant-label .variant-group-action i,
.nxtal-variant.nxt-select .selectbox.closed .nxtal-variant-label .variant-group-action i,
.quickview .nxtal-variant.nxt-select .selectbox.closed .nxtal-variant-label .variant-group-action i{transform:rotateZ(0deg)}

@media (max-width:1180px){
 	.nxtal-variant-attributes ul, .quickview .nxtal-variant-attributes ul{	white-space:nowrap;}	 
}

/* Listing page */
.product-miniature .nxtal-variant-text div,
.product-container .nxtal-variant-text div {text-transform:uppercase;padding:5px 10px;background:rgba(0, 0, 0, 0.6);color:#ffffff;display:inline-block;font-size:14px}
 
/********************************************/
.nxtal-variant.nxt-select .nxtal-variant-attributes .nxtal-variant-label,
.quickview .nxtal-variant.nxt-select .nxtal-variant-attributes .nxtal-variant-label{text-align:left;display:flex;width:100%;border: 1px solid #ddd;cursor:pointer;align-items:center}
.nxtal-variant.nxt-select .item a {display:flex;padding:5px;align-items:center;border-top:none;justify-content:space-between}
.nxtal-variant .price {font-size:12px;display:inline}
.nxtal-variant .actions {min-width:10px;position:relative}
 
.nxtal-variant .nxtal-variant-label{text-align:left;   padding:10px; /* background:#ffffff;  */display:block;border-top:1px solid #ddd}

.nxtal-variant .grid-container{display:flex;flex-wrap:wrap; gap:8px} 
 /*
.nxtal-variant:not(.nxt-radio) .grid-item { padding:3px;text-align:center;
   
} 
*/
.nxtal-variant.nxt-radio .radio-label {display:flex;cursor:pointer;transition:all 0.3s ease; margin:0;border:none;background:none; align-items:center;gap:4px} 

.nxtal-variant-box .nxtal-variant-attributes div a{display:grid;position:relative;top:0px;overflow:hidden;border:1px solid #e0e0e0;border-radius:4px;background:#ffffff; text-decoration:none;color:#0F1111;width:auto;align-items:center;justify-content:center}

 .nxtal-variant-attributes div .active a {
  border-color:var(--color-violet);
  background-color:var(--color-main-bg)}

 .nxtal-variant-attributes div a:hover {
  border-color:var(--color-violet);
  background-color:var(--color-main-bg)}

.nxtal-variant-box .nxtal-variant-attributes div .showmore {
 	font-size:12px;cursor:pointer;display:flex;height:100%;align-items:center;padding:6px;justify-content:center} 


.nxtal-variant .grid-container .grid-item{margin:2px;text-align:center;display:grid}
.nxtal-variant.nxt-radio .grid-container .grid-item a{width:100%}
.nxtal-variant.nxt-circle .not_img_label {display:flex;height:-webkit-fill-available;justify-content:space-around;align-items:center}
.product-miniature .nxtal-variant.nxt-circle .not_img_label span{font-size:8px;margin-bottom:7px;width:38px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nxtal-variant.nxt-radio .item-image:not(:empty){display:inline-block;width:30px;height:30px}
.nxtal-variant.nxt-button.nxt-circle[data-image="1"] .item-image{ margin-top:0;display:contents}
.nxtal-variant.nxt-button .item-image img {max-width:100%;max-height:100%;object-fit:cover}
.nxtal-variant.nxt-button.nxt-circle .item-image[gradient] img{scale:1.3}
.nxtal-variant .product_details {align-items:center}
.nxtal-variant.nxt-radio .product_details {flex:1;text-align:center;width:calc(100% - 50%);word-wrap:break-word;display:flex;gap:10px}

.nxtal-variant .stock {font-size:12px; font-weight:bolder}

.nxtal-variant .stock .in {color:#008000}

.nxtal-variant .stock .out {
   color:red}

.nxtal-variant.nxt-select .item:last-child {border-bottom:none}

 
.nxtal-variant-attributes [blurecross] a::before,
.nxtal-variant-attributes [cross] a::before {content:'—';position:absolute;font-size:20px;color:red;scale:2;z-index:1;opacity:0.4;top:50%;left:50%;transform:translate(-30%, -28%) rotate(
345deg)}
.nxtal-variant-attributes [blurecross] a,
.nxtal-variant-attributes [blur] a {opacity:0.7; 
}

.nxtal-variant.nxt-select .nxtal-variant-attributes [blurecross] a::before,
.nxtal-variant.nxt-select .nxtal-variant-attributes [cross] a::before{left:97%}

.nxtal-variant.nxt-grid .nxtal-variant-label{display:flex;align-items:center}

.nxtal-variant.nxt-radio .nxtal-variant-attributes [blurecross] a::before,
.nxtal-variant.nxt-radio .nxtal-variant-attributes [cross] a::before{left:97%}

.nxtal-variant.nxt-select .nxtal-variant-attributes .selectbox{margin:6px 6px; 
}

.nxtal-variant.nxt-select .nxtal-variant-label .variant-group-image{float:left}
 
.nxtal-variant.nxt-select .itemList {position:absolute;width:calc(100% - 42px);z-index:3;max-height:400px;overflow:auto;background:#fff;box-shadow:3px 5px 7px 3px #ddd}

.thumbnail-container .nxtal-variant.nxt-select .itemList {width:calc(100% - 21px)}

.nxtal-variant.nxt-select .itemList div a {width:100%;font-size:12px}
   
.nxtal-variant.nxt-select [data-price] a:not(.showmore) .variant-attribute-name{max-width:50%}
.nxtal-variant.nxt-select a:not(.showmore) .variant-attribute-name{max-width:80%}
/*
.nxtal-variant .variant-attribute-name div{white-space:nowrap;          overflow:hidden;             text-overflow:ellipsis}*/
 
.nxtal-variant.nxt-radio [type="radio"]{margin-right:10px}

.nxtal-variant.nxt-select .nxtal-variant-label .variant-group-left-inline,
.quickview .nxtal-variant.nxt-select  .nxtal-variant-label .variant-group-left-inline{padding:5px}

.nxtal-variant.nxt-button .item-image[gradient]{width:100%;height:100%}
.nxtal-variant.nxt-grid .nxtal-variant-attributes .item-image[gradient] img,
.nxtal-variant.nxt-button .item-image[gradient] img{width:75px;height:75px}

.nxtal-variant-label .variant-group-image img,
.quickview  .nxtal-variant-label .variant-group-image img,
.product-miniature .nxtal-variant .item-image img,
.nxtal-variant.nxt-select .item-image:empty,
.nxtal-variant.nxt-select .item-image img,
.nxtal-variant.nxt-radio .item-image img{width:30px;height:30px}


/* catelog style */

.thumbnail-container .nxtal-variant:not(.nxt-select) .nxtal-variant-attributes div a{text-align:-webkit-center} 

.product-miniature .nxtal-variant.nxt-button .item-image img,
.product-miniature .nxtal-variant.nxt-grid .item-image img,
.product-miniature .nxtal-variant.nxt-grid .item-image[gradient] img,
.product-miniature .nxtal-variant.nxt-button .item-image[gradient] img{width:25px;height:25px}
 
.product-miniature .nxtal-variant.nxt-circle.nxt-checkmark .nxtal-variant-attributes div.active a .actions::after{left:32%}
.product-miniature .nxtal-variant.nxt-circle .item-image{margin:0}

.product-miniature .nxtal-variant-attributes .product_details{font-size:12px;margin:2px}

.product-miniature .nxtal-variant-attributes .product_details .stock,
.product-miniature .nxtal-variant-attributes .product_details .price{font-size:inherit}

.thumbnail-container .nxtal-variant-label{
 	padding:4px 8px}
 
.product-miniature .nxtal-variant-label .variant-group-left-inline{font-size:12px}

.quickview  .product-additional-info .nxtal-variant-attributes .list a,
#product .product-additional-info .nxtal-variant-attributes .list a{border-radius : 0px}
.quickview .product-additional-info .nxtal-variant.nxt-button.nxt-round .nxtal-variant-attributes .list a,
#product .product-additional-info .nxtal-variant.nxt-button.nxt-round .nxtal-variant-attributes .list a{border-radius :5px} 			
.quickview  .product-additional-info .nxtal-variant.nxt-button.nxt-circle .nxtal-variant-attributes .list a,
#product .product-additional-info .nxtal-variant.nxt-button.nxt-circle .nxtal-variant-attributes .list a{border-radius : 50%;width:75px;height:75px}

.quickview .nxtal-variant.nxt-grid .nxtal-variant-attributes .list, #product .product-additional-info .nxtal-variant.nxt-grid .nxtal-variant-attributes .list {min-width:30px;min-height:30px;text-align:center;display:grid;font-size:14px;flex-shrink:0}
.quickview .nxtal-variant.nxt-grid .nxtal-variant-attributes .list a, #product .product-additional-info .nxtal-variant.nxt-grid .nxtal-variant-attributes .list a {padding:5px 6px 5px 10px;margin:5px 7px 3px 0px;border:2px solid #E0E0E0;background:#ffffff;text-decoration:none;color:#0F1111;display:flex;justify-content:center;align-items:center;flex-direction:column}
.quickview .nxtal-variant.nxt-grid .nxtal-variant-attributes .list a .product_details > div, #product .product-additional-info .nxtal-variant.nxt-grid .nxtal-variant-attributes .list a .product_details > div {margin:5px 0px}

.product-miniature .thumbnail-container {overflow-x:visible}
.product-miniature .product-description {height:auto !important}
.product-miniature .nxtal-variant-attributes .list a{border-radius : 0px}
.product-miniature .nxtal-variant.nxt-button.nxt-round .nxtal-variant-attributes .list a{border-radius :5px} 
.product-miniature .nxtal-variant.nxt-button.nxt-circle .nxtal-variant-attributes .list a{border-radius : 50%;width:30px;height:30px}

.nxtal-variant.nxt-button.nxt-circle .product_details {display:none;align-items:center;justify-content:center;height:100%;flex-direction:column}
.nxtal-variant.nxt-button.nxt-circle .item-image:empty + .product_details{display:flex}
.nxtal-variant.nxt-button.nxt-circle .variant-attribute-name div {white-space:wrap}




@media (max-width:768px){.nxtal-variant .grid-container {overflow:auto;	flex-wrap:nowrap;}
}




/* ===== MOBILE / TABLET ===== */
@media (max-width: 768px) {
    .nxtal-variant-box .nxtal-variant-attributes .grid-container {
        display: flex;
        flex-wrap: nowrap;
        gap: 2px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        padding-bottom: 6px;
        margin-bottom: 8px;
    }

    .nxtal-variant-box .nxtal-variant-attributes .grid-container > .list.grid-item {
        flex: 0 0 105px;      /* головне: item не стискається */
        width: 105px;
        min-width: 105px;
        max-width: 105px;
        font-size: 12px;
        scroll-snap-align: start;
    }

    .nxtal-variant-box .nxtal-variant-attributes .grid-container > .list.grid-item img {
        width: 100%;
        max-width: 68px;
        margin-bottom: 4px;
    }
	    .nxtal-variant-box .nxtal-variant-attributes .grid-container {
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .nxtal-variant-box .nxtal-variant-attributes .grid-container::-webkit-scrollbar {
        display: none;
    }
}