#alm-quick-view-content .product_meta {
border: 1px solid #efefef;
display: table;
width: 100%;
margin-bottom: 40px;
padding:0;
background: #fff;
z-index: -1;
}
#alm-quick-view-content .slides img{
width:100%!important;
}
#alm-quick-view-content .product_meta > span {
display: table-cell;
vertical-align: middle;
text-align: center;
padding:15px;
border-right: 1px solid #eaeaea;
}
.woocommerce .alm-woo-product .quantity .qty{
height:38px;
border:0;
}
html.alm-quick-view-is-open,
html.alm-quick-view-is-open body {
overflow: hidden;
}
html.alm-quick-view-is-open .main-header-bar.alm-sticky-active,
html.alm-quick-view-is-open .alm-above-header.alm-sticky-active,
html.alm-quick-view-is-open .alm-below-header.alm-sticky-active {
margin-left: 0;
}
.woocommerce .alm-woo-product div.entry-summary form.cart button[type=submit]{
width: 230px;
}
.alm-quick-view-bg {
position: fixed;
visibility: hidden;
overflow: hidden;
background: #0b0b0b;
opacity: 0;
-webkit-transition: opacity .25s;
transition: opacity .25s;
z-index: 1042;
}
.alm-quick-view-loader {
z-index: 1000;
border: none;
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
position: absolute;
}
.alm-quick-view-bg-ready {
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.6;
visibility: visible;
}
body #alm-quick-view-modal div.product .flex-viewport {
width: 100%;
float: none;
}
#alm-quick-view-modal {
position: fixed;
visibility: hidden;
opacity: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1400;
text-align: center;
-webkit-transition: all 0.3s;
transition: all 0.3s;
overflow-x: hidden;
overflow-y: auto;
}
#alm-quick-view-modal .alm-content-main-wrapper {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding:0;
}
#alm-quick-view-modal .alm-content-main-wrapper:before {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
}
#alm-quick-view-modal .alm-content-main {
position: relative;
pointer-events: none;
display: inline-block;
vertical-align: middle;
max-width: 100%;
margin: 0 auto;
text-align: left;
z-index: 1045;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
opacity: 0;
-webkit-transition: opacity .3s, -webkit-transform .5s;
transition: opacity .3s, -webkit-transform .5s;
transition: transform .5s, opacity .3s;
transition: transform .5s, opacity .3s, -webkit-transform .5s;
}
#alm-quick-view-modal .alm-content-main:after, #alm-quick-view-modal .alm-content-main:before {
content: '';
display: table;
clear: both;
}
#alm-quick-view-modal .alm-lightbox-content{
display: table;
pointer-events: auto;
background-color: #fff;
max-width: 975px;
margin: 20px auto;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
position: relative;
}
#alm-quick-view-modal.open {
visibility: visible;
opacity: 1;
}
#alm-quick-view-modal.open .alm-content-main {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
width: 100%;
}
#alm-quick-view-modal .alm-qv-image-slider {
position: relative;
}
#alm-quick-view-modal .alm-qv-image-slider .alm-qv-slides li {
list-style: none;
}
#alm-quick-view-modal .slides {
cursor: default;
position: relative;
top: 0px;
left: 0px;
width: auto;
height: auto;
overflow: hidden;
}
#alm-quick-view-modal .alm-qv-image-slider .flex-control-nav {
margin: 0;
padding: 0;
width: 100%;
position: absolute;
bottom: 10px;
text-align: center;
}
#alm-quick-view-modal .alm-qv-image-slider .flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
vertical-align: middle;
}
#alm-quick-view-modal .alm-qv-image-slider .flex-control-paging li a {
width: 11px;
height: 11px;
display: block;
background: #666;
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
text-indent: -9999px;
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 20px;
border-radius: 20px;
}
#alm-quick-view-modal .alm-qv-image-slider .flex-control-paging li a.flex-active {
background: #000;
background: #ff3377;
cursor: default;
}
#alm-quick-view-modal .alm-qv-image-slider .flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
#alm-quick-view-modal .alm-qv-image-slider .flex-direction-nav a {
text-decoration: none;
display: block;
width: 20px;
height: 20px;
margin: -20px 0 0;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
opacity: 0;
cursor: pointer;
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#alm-quick-view-modal .alm-qv-image-slider .flex-direction-nav .flex-prev:before,
#alm-quick-view-modal .alm-qv-image-slider .flex-direction-nav .flex-next:before {
content: "\f340";
font-family: 'dashicons' !important;
speak: none;
font-size: 20px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#alm-quick-view-modal .alm-qv-image-slider .flex-direction-nav .flex-prev {
left: -50px;
}
#alm-quick-view-modal .alm-qv-image-slider .flex-direction-nav .flex-next {
right: -50px;
text-align: right;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
#alm-quick-view-modal .alm-qv-image-slider:hover .flex-direction-nav .flex-prev {
opacity: 0.7;
left: 10px;
}
#alm-quick-view-modal .alm-qv-image-slider:hover .flex-direction-nav .flex-next {
opacity: 0.7;
right: 10px;
}
#alm-quick-view-content {
height: 100%;
}
#alm-quick-view-content div.product {
padding: 0;
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
}
#alm-quick-view-content div.images {
width: 50%;
float: left;
opacity: 1 !important;
margin: 0;
}
#alm-quick-view-content div.summary {
margin: 0;
padding: 30px;
width: 50%;
float: left;
}
#alm-quick-view-content .product_meta > span{
font-size: 13px;
padding: 9px 13px;
}
@media (max-width: 768px) {
#alm-quick-view-content div.summary form.cart .button {
padding: 10px;
}
}
@media (min-width: 545px) {
#alm-quick-view-content div.summary {
content: '544';
overflow-y: auto;
padding-bottom: -webkit-calc(70px + 1em);
padding-bottom: calc(70px + 1em);
}
#alm-quick-view-content div.summary form.cart {
position: relative;
bottom: 0;
background: transparent;
margin: 0 -30px;
padding: 20px 30px 30px;
width: 100%; }
#alm-quick-view-content .woocommerce-variation-add-to-cart{
display: flex;
}
#alm-quick-view-content .variations_form.cart{
display: block;
}
#alm-quick-view-content .cart{
display: flex;
}
}
#alm-quick-view-content div.summary .added_to_cart{
padding-top: 5px;
}
#alm-quick-view-content div.woocommerce-product-rating:after, #alm-quick-view-content div.woocommerce-product-rating:before {
content: '';
display: table;
clear: both;
}
#alm-quick-view-content div.woocommerce-product-rating a.woocommerce-review-link {
display: none;
}
#alm-quick-view-content .onsale {
top: 15px;
left: 15px;
right: auto;
}
#alm-quick-view-close {
position: absolute;
font-size: 20px;
top:10px;
right: 10px;
width: 28px;
height: 28px;
line-height: 28px;
opacity: .7;
text-align: center;
z-index: 2;
background: #000;
color:#fff;
border-radius: 50%;
}
#alm-quick-view-content div.summary::-webkit-scrollbar {
width:6px;
}
#alm-quick-view-close:before {
content: "\f335";
font-family: dashicons;
text-decoration: inherit;
margin-left: 2px;
}
#alm-quick-view-close:hover {
opacity: 1;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
@media (max-width: 544px) {
#alm-quick-view-content div.images,
#alm-quick-view-content div.summary {
width: 100%;
float: none;
}
#alm-quick-view-content div.summary {
margin: 0;
padding: 15px;
width: 100%;
float: left;
}
} .almaira-shop-thumbnail-wrap {
position: relative;
}
.almaira-shop-thumbnail-wrap:hover .opn-quick-view-text {
opacity: 1;
}
.woocommerce #alm-quick-view-modal div.product form.cart .button.single_add_to_cart_button.loading {
padding-right: 40px;
}.thw-add-to-wishlist-button-wrap{
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.thw-add-to-wishlist-button-wrap.th-wishlist-single{
justify-content:start;
}
.thw-add-to-wishlist-button {
color: #111;
font-size: 14px;
font-weight: normal;
border: none;
border-radius: 25px;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
box-shadow:none;
background: none;
}
.thw-add-to-wishlist-button.th-button.th-icon{
color:#fff;
}
.thw-add-to-wishlist-button-wrap a.thw-add-to-wishlist-button{
text-decoration:none;
}
.thw-add-to-wishlist-button.loading{
opacity:0.7;
box-shadow:none;
}
.thw-add-to-wishlist-button span {
position: relative;
z-index: 1;
} .thw-add-to-wishlist-button {
display: inline-flex;
align-items: center;
justify-content: center;
vertical-align: middle;
}
.thw-add-to-wishlist-button .thw-icon {
margin: 0 4px;
font-size: 1.2em;
line-height: 1;
display: flex;
}
.thw-add-to-wishlist-button .dashicons-heart{
color: transparent;
-webkit-text-stroke: 1.5px #111;
text-stroke: 1.5px #111;
}
.thw-add-to-wishlist-button.in-wishlist .dashicons-heart {
color: #111;
-webkit-text-stroke:inherit;
text-stroke:inherit;
}
.thw-add-to-wishlist-button.th-button .dashicons-heart {
color: transparent;
-webkit-text-stroke: 1.5px #fff;
text-stroke: 1.5px #fff;
}
.thw-add-to-wishlist-button.th-button.in-wishlist .dashicons-heart {
color: #fff;
-webkit-text-stroke: inherit;
text-stroke: inherit;
}
.thw-add-to-wishlist-button.button:focus{
outline:none;
}
.thw-add-to-wishlist-button img.thw-icon{
height: 30px;
width: 30px;
}
.thw-add-to-wishlist-button.loading {
opacity: 0.5;
cursor:wait !important;
}  .thw-add-to-wishlist-button.no-style .thw-icon {
font-size: 1.5em;
margin: 0;
} .thw-wishlist-table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
}
.thw-wishlist-table th,
.thw-wishlist-table td {
padding: 5px;
border: 1px solid #ddd;
text-align: left;
vertical-align: middle;
}
.thw-wishlist-table,.thw-wishlist-form{
width: 100%;
}
.thw-wishlist-form {
overflow-x: auto;
}
.thw-wishlist-table th {
font-weight: 700;
padding: 9px 12px;
line-height: 1.5em;
font-size:16px;
}
.thw-wishlist-table td{
font-size:12px;
font-weight: 500;
}
.thw-add-to-cart-cell .add_to_cart_button,.thw-add-to-cart-cell .wp-element-button {
display: inline-flex;
font-size: 13px;
}
.thw-wishlist-table .product-thumbnail img {
max-width: 60px;
height: auto;
}
.thw-wishlist-table .product-quantity input {
width: 60px;
text-align: center;
}
.thw-qty {
width: 70px;
padding: 6px 10px;
border: 1px solid #ddd;
border-radius: 4px;
text-align: center;
font-size: 14px;
font-weight: 500;
}
.thw-wishlist-table .product-remove a {
color: red;
font-size: 20px;
text-decoration: none;
font-weight: bold;
} .thw-wishlist-table .product-checkbox{
text-align: center;
}
.thwl-wishlist-item a{
text-decoration:none!important;
} .thw-wishlist-actions {
margin-top: 20px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 15px;
}
.thw-social-share {
display: flex;
align-items: center;
gap: 10px;
}
.thw-social-share a {
font-size: 0;
text-decoration: none;
color: #555;
transition: color 0.3s;
}
.thw-social-share span.thw-social-text{
font-size:15px;
}
.thw-social-share a:hover {
color: #000;
}
.thw-copy-link-button {
cursor: pointer;
}
.thw-add-to-cart-cell .add_to_cart_button.added{
display:none!important;
}
.thw-add-all-to-cart{
padding: 10px 25px;
display: inline-flex;
font-size: 15px;
}
.thw-add-to-cart-cell a.added_to_cart{
margin-top:0;
}
.thw-add-to-wishlist-button.th-button{
background:#111;
padding:10px 25px;
}
.thw-wishlist-table td.product-remove{
text-align:center;
}
.thw-wishlist-wrapper{
width:100%;
margin: auto;
}
.thw-wishlist-table a,.thw-wishlist-actions a{
text-decoration:none!important;
}
.thw-wishlist-table td {
font-size: 14px;
}
.thw-wishlist-table th {
font-weight: 500;
padding: 9px 12px;
line-height: 1.5em;
font-size: 16px;
}
span.stock.in-stock {
color: #00B200;
}
span.stock.out-of-stock {
color: #FF8C8C;
}  @media (max-width: 768px) {
.thw-wishlist-form table, .thw-wishlist-form thead, .thw-wishlist-form tbody, .thw-wishlist-form th, .thw-wishlist-form td, .thw-wishlist-form tr {
display: block;
width: 100%;
}
.thw-wishlist-form thead {
display: none;
}
.thw-wishlist-form tr {
margin-bottom: 15px;
padding: 10px;
}
.thw-wishlist-form td {
position: relative;
}
.thw-wishlist-form td::before {
content: attr(data-label);
position: absolute;
left: 10px;
font-weight: bold;
text-align: left;
}
} .thw-add-to-wishlist-button-wrap.th-wishlist-single{
display: inline-flex;
margin-left: 9px;
}
.thw-add-to-wishlist-button:before{
content: ;
} .thw-add-to-wishlist-button::after{
content:attr(data-tooltip);
position:absolute;
left:50%;
bottom:calc(100% + 12px);
transform:translateX(-50%) translateY(8px);
background:#1f2937;
color:#fff;
font-size:13px;
font-weight:500;
line-height:1;
padding:9px 14px;
border-radius:8px;
white-space:nowrap;
opacity:0;
visibility:hidden;
transition:.25s ease;
pointer-events:none;
box-shadow:
0 8px 25px rgba(0,0,0,.18),
0 2px 6px rgba(0,0,0,.12);
z-index:9999;
} .thw-add-to-wishlist-button::before{
content:'';
position:absolute;
left:50%;
bottom:100%;
transform:translateX(-50%) translateY(8px);
border-width:6px;
border-style:solid;
border-color:#1f2937 transparent transparent transparent;
opacity:0;
visibility:hidden;
transition:.25s ease;
pointer-events:none;
z-index:9999;
} .thw-add-to-wishlist-button:hover::after,
.thw-add-to-wishlist-button:hover::before{
opacity:1;
visibility:visible;
transform:translateX(-50%) translateY(0);
}
.ast-article-single .summary .th-wishlist-single,
.wp-theme-storefront .entry-summary .th-wishlist-single,
.wp-theme-blocksy .summary .th-wishlist-single,
.wp-theme-hello-elementor .summary .th-wishlist-single,
.wp-theme-kadence .entry-summary .th-wishlist-single{
border: 1px solid #D1D5DB;
border-radius: 4px;
padding: 4px 9px;
height: 34px;
float: left;
}
.ast-article-single .summary .th-wishlist-icon-svg,
.wp-theme-storefront .entry-summary .th-wishlist-icon-svg,
.wp-theme-hello-elementor .summary .th-wishlist-icon-svg,
.wp-theme-kadence .entry-summary .th-wishlist-icon-svg{
width: 18px;
height: 18px;
}
.ast-article-single .summary .thw-add-to-wishlist-button:hover{
opacity: 1;
} .astra-shop-thumbnail-wrap .theme-compatible{
position: absolute;
right: 1em;
visibility: hidden;
opacity: 0;
transition: all 0.2s;
z-index: 5;
cursor: pointer;
top: 4em;
}
.astra-shop-thumbnail-wrap:hover .theme-compatible{
visibility: visible;
opacity: 1;
}
.theme-compatible .thw-add-to-wishlist-button{
border-radius: 50%;
color: var(--ast-global-color-2);
background: var(--ast-global-color-primary, var(--ast-global-color-5));
opacity: 0.7;
width: 2em;
height: 2em;
justify-content: center;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
}
.theme-compatible .thw-add-to-wishlist-button:hover{
opacity: 1;
}
.astra-shop-thumbnail-wrap .theme-compatible svg{
width: 18px;
height: 18px;
} .wp-theme-storefront .thw-add-to-wishlist-button{
color: inherit;
font-size: 18px;
}
.wp-theme-storefront .entry-summary .th-wishlist-single{
height: 45px;
}
.wp-theme-storefront .entry-summary .thw-add-to-wishlist-button .thw-icon{
display: initial; 
} .wp-theme-blocksy .summary .th-wishlist-single{
border: 1px solid var(--quantity-initial-color, var(--theme-button-background-initial-color));
border-radius: 4px;
padding: 4px 9px;
height: initial;
width: max-content;
justify-content: center;
}
.wp-theme-blocksy .summary .th-wishlist-icon-svg{
width: 18px;
height: 18px;
}
.wp-theme-blocksy li.product .thw-add-to-wishlist-button{
color: var(--theme-text-color);
text-align: center;
font-family: var(--theme-font-family);
font-size: var(--theme-font-size);
font-weight: var(--theme-font-weight);
font-style: var(--theme-font-style, inherit);
line-height: var(--theme-line-height);
letter-spacing: var(--theme-letter-spacing);
text-transform: var(--theme-text-transform);
}
.wp-theme-blocksy li.product .th-theme-actions-wrapper{
justify-content: var(--horizontal-alignment);
}
.wp-theme-blocksy li.product .thw-add-to-wishlist-button:hover{
color: var(--theme-link-hover-color);
}
.wp-theme-hello-elementor li.product .th-theme-actions-wrapper{
justify-content: flex-start;
} .wp-theme-hello-elementor .summary .th-wishlist-single{
height: 39px;
} .wp-theme-kadence .entry-summary .th-wishlist-single{
height: 41px;
}
.wp-theme-kadence .th-theme-actions-wrapper{
justify-content: flex-start;
}
.wp-theme-kadence .th-theme-actions-wrapper{
margin-top: 0;
} .wp-theme-th-shop-mania li .thunk-wishlist a:after,
.wp-theme-top-store li .thunk-wishlist a:after,
.wp-theme-top-store li .thunk-wishlist a:before,
.wp-theme-top-store .thunk-product-wrap .thunk-wishlist a:after,
.wp-theme-top-store .thunk-product-wrap .thunk-wishlist a:before{
display: none!important;
}
.wp-theme-th-shop-mania li .thunk-wishlist a:before,
.wp-theme-th-shop-mania li .thunk-wishlist a:hover:before{
content: "\e912";
font-family: "th-icon";
position: initial;
left: initial;
bottom: initial;
transform: initial;
border-width: initial;
border-style: initial;
border-color: initial;
opacity: initial;
visibility: initial;
transition: initial;
pointer-events: initial;
z-index:initial;
transform: initial;
}
.thunk-woo-product-list .thw-add-to-wishlist-button-wrap.th-wishlist-single{
margin-left: 0;
}  .wp-theme-big-store li.thunk-woo-product-list .thw-add-to-wishlist-button:before,
.wp-theme-big-store li.thunk-woo-product-list .thw-add-to-wishlist-button:after{
display: none!important;
}
.wp-theme-top-store-pro li.thunk-woo-product-list .thw-add-to-wishlist-button:before,
.wp-theme-top-store-pro li.thunk-woo-product-list .thw-add-to-wishlist-button:after{
display: none;
}
@media screen and (max-width: 767px){
.wp-theme-storefront .summary .thw-to-add-text{
display: none;
}
.wp-theme-storefront .summary .thw-add-to-wishlist-button .thw-icon{
margin: 0;
}
.wp-theme-blocksy .summary .th-wishlist-single{
width: 129px;
margin-left: 0;
}
.wp-theme-hello-elementor .summary .th-wishlist-single .thw-to-add-text,
.wp-theme-hello-elementor .summary .th-wishlist-single .thw-to-browse-text,
.wp-theme-kadence .summary .th-wishlist-single .thw-to-add-text,
.wp-theme-kadence .summary .th-wishlist-single .thw-to-browse-text{
display: none;
}
.wp-theme-hello-elementor .summary .th-product-compare-btn .icon,
.wp-theme-kadence .summary .th-product-compare-btn .icon{
margin-right: 0;
}
.wp-theme-hello-elementor .summary .th-wishlist-single,
.wp-theme-kadence .summary .th-wishlist-single{
width: 39px;
}
.wp-theme-hello-elementor .summary .thw-icon,
.wp-theme-kadence .summary .thw-icon{
margin: 0;
}
} .th-theme-actions-wrapper{
display:flex;
align-items:center;
justify-content:center;
gap:9px;
width:100%;
margin-top:10px;
}
.th-theme-actions-wrapper > .th-theme-action{
margin:0 !important;
}
.th-theme-actions-wrapper *{
padding: 0!important;
margin: 0!important;
}
.th-theme-actions-wrapper .thw-add-to-wishlist-button,
.th-theme-actions-wrapper .th-product-compare-btn.btn_type, 
.th-theme-actions-wrapper .th-product-compare-btn.icon_type{
gap: 5px;
font-size: 14px!important;
}
.th-theme-actions-wrapper .thw-add-to-wishlist-button svg{
width: 16px!important;
height: 16px!important;
}:root {
--highlight-color: #4f46e5;
--light-color: #505458;
--text-color: #111;
--border-color: rgba(255, 255, 255, 0.3);;
--underline-border-color: rgba(255, 255, 255, 0.3);
--text-color-light: #64748B;
--body-background: #f8fafc;
--btn-color: #334155;
--thpc-box-shadow:0 4px 30px rgba(0, 0, 0, 0.1);
--thpc-box-background:rgb(255 255 255 / 34%);
}
.th-compare-output-wrap .th-compare-output-wrap-inner {
background-color: rgb(247 251 255 / 88%);
backdrop-filter: blur(7px);
height: 100%;
width: 100%;
position: relative;
overflow: auto;
padding-top: 69px;
}
.th-compare-output-product{
max-width: 80rem;
margin: 54px auto;
border-radius: 1rem;
background: var( --thpc-box-background);
border-radius: 16px;
box-shadow: var(--thpc-box-shadow); border: 1px solid var(--border-color);
}
.th-compare-output-product table{
border: 0;
}
.tooltip-show-with-title {
background-color: black;
position: absolute;
z-index: 100000;
border: 1px solid black;
padding: 4px 13px;
color: white;
border-radius: 3px;
text-align: center;
width: fit-content;
max-width: 182px;
transition: 0.2s transform ease, 0.2s opacity ease;
transform: translateY(-25px);
opacity: 0;
}
.tooltip-show-with-title.active {
visibility: visible;
transform: translateY(0);
opacity: 1;
}
.tooltip-show-with-title .pointer_ {
height: 10px;
width: 15px;
margin: auto;
display: block;
fill: black;
position: absolute;
bottom: -10px;
transform: translateX(-50%) rotateZ(180deg);
left: 50%;
}
.th-product-compare-btn {
margin: 10px 0;
display: inline-flex;
align-items: center;
position: relative;
line-height: 1;
}
.th-product-compare-btn.txt_type {
color: #3575e9;
font-weight: bold;
} .th-product-compare-btn.btn_type,
.th-product-compare-btn.icon_type {
background: transparent;
color: inherit;
padding: 8px 10px;
text-align: inherit; font-size: 18px;
outline: 0;
border: 0;
}
.th-product-compare-btn.btn_type:hover{
opacity: 1 !important;
}
.single-product .th-product-compare-btn.icon_type {
padding: initial;
text-align: inherit;
outline: 0;
border: 0;
margin: initial;
display: initial;
align-items: initial;
line-height: initial;
}
.th-product-compare-btn.icon_type .icon{
margin-right: 9px;
font-style: normal;
}
.th-product-compare-btn.icon_type.th-added-compare,
.th-product-compare-btn.txt_type.th-added-compare{
opacity: .7;
} .th-product-compare-btn.btn_type.th-added-compare::before{
content: "\f15e";
font-family: "dashicons";
display: inline-block;
box-sizing: border-box;
background: #111;
color: #FFF;
border-radius: 5px;
margin-right: 9px;
} @keyframes loaderTMKWithCenter {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
.th_product_Compare_body_Class {
overflow: hidden !important;
}
.th-compare-output-wrap {
position: fixed;
width: 100%;
z-index: 1000000000;
top: 0;
height: 100%;
left: 0;
opacity: 0;
visibility: hidden;
box-sizing: border-box;
transition: 0.5s visibility linear;
}
.th-compare-output-wrap.active {
visibility: visible;
opacity: 1; 
animation: popupStyle1 1.2s ease 0s 1 forwards;
}
.th-product-compare-btn-wrap{
text-align: center;
}
.th-product-compare-btn-wrap a{
text-decoration: none;
}
.th-compare-output-wrap.active.th-animation-2 {
animation: popupStyle2 1.2s ease 0s 1 forwards;
}
.th-compare-output-wrap.active.th-animation-3 {
animation: popupStyle3 1.2s ease 0s 1 forwards;
}
.th-compare-output-wrap.active.th-animation-4 {
animation: popupStyle4 1.2s ease 0s 1 forwards;
}
.th-compare-output-wrap.th-compare-output-wrap-close {
animation: popupStyle1close 0.4s linear 0s;
}
#thpc-removeall {
font-size: 12px;
margin-left: 12px;
color: inherit;
cursor: pointer;
opacity: .8;
line-height: initial;
}
#thpc-removeall:hover{
color: #FFF;
}
.th-compare-output-wrap .th-compare-output-wrap-inner::-webkit-scrollbar {
width: 2px;
}
.th-compare-output-wrap .th-compare-output-wrap-inner::-webkit-scrollbar-track {
border-radius: 10px;
}
.th-compare-output-wrap .th-compare-output-wrap-inner::-webkit-scrollbar-thumb {
background: #838383;
border-radius: 10px;
}
.th-compare-output-wrap .th-compare-loader {
display: none;
}
.th-compare-output-wrap.th-loading .th-compare-loader {
position: absolute;
z-index: 10000;
background: #ffffffe8;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.th-compare-output-wrap.th-loading .th-compare-loader svg {
animation: loaderTMK 0.8s linear 0s infinite forwards;
}
.th-compare-loader svg{
fill: #fff!important;
}
.th-compare-output-wrap .th-compare-heading {
position: fixed;
z-index: 10000;
top: 0;
width: 100%;
}
.th-compare-output-wrap .th-compare-output-close {
width: fit-content;
position: absolute;
right: 29px;
top: 50%;
transform: translate(0, -50%);
}
.th-compare-output-wrap .th-compare-output-close i {
font-size: 28px;
color: #979797;
background: rgb(255 255 255 / 60%);
height: unset;
width: unset;
cursor: pointer;
border-radius: 3px;
}
.th-compare-output-wrap-inner * {
box-sizing: border-box;
}
.th-compare-output-wrap-inner .th-compare-heading {
text-align: center;
padding: .6rem;
line-height: 1;
color: #464646;
font-weight: 600;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid var(--border-color);
background: rgb(255 255 255 / 58%);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }
.wrap-category_{
flex-grow: 2;
}
.th-compare-output-wrap-inner .th-compare-heading .heading_ {
font-weight: 700;
font-size: 1rem;
line-height: 1.75rem;
color: var(--text-color);
letter-spacing: .009rem;
}
.th-compare-output-wrap-inner .th-compare-heading .error_ {
color: #eb3033;
display: block;
font-size: 13px;
letter-spacing: 0.5px;
font-weight: 600;
}
.th-compare-output-wrap-inner .th-compare-heading .wrap-category_ .wrap-category_inner {
display: flex;
width: 456px;
grid-gap: 12px;
margin: 0 auto;
padding: 8px 5px;
align-items: center;
}
.th-compare-output-wrap-inner .th-compare-heading .wrap-category_ .wrap-category_inner {
overflow-x: auto; -webkit-overflow-scrolling: touch; }
.th-compare-output-wrap-inner .th-compare-heading .wrap-category_ .wrap-category_inner::-webkit-scrollbar {
height: 4px; }
.th-compare-output-wrap-inner .th-compare-heading .wrap-category_ .wrap-category_inner::-webkit-scrollbar-track {
background-color: #f1f5f9; }
.th-compare-output-wrap-inner .th-compare-heading .wrap-category_ .wrap-category_inner::-webkit-scrollbar-thumb {
background-color: #cbd5e1; border-radius: 10px; }
.th-compare-output-wrap-inner .th-compare-heading .wrap-category_ .wrap-category_inner::-webkit-scrollbar-thumb:hover {
background-color: #b2bcc5; }
.th-compare-output-wrap-inner .th-compare-heading .wrap-category_ .wrap-category_inner a {
text-transform: capitalize;
font-weight: 500;
font-size: 0.78rem;
cursor: pointer;
color: #323232;
padding-left: 0.8rem;
padding-right: 0.8rem;
padding-top: 0.4rem;
padding-bottom: 0.4rem;
text-decoration: none;
background: rgb(255 255 255 / 23%);
border-radius: 9999px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); border: 1px solid rgba(255, 255, 255, 0.3);
flex: none;
}
.th-compare-output-wrap-inner .th-compare-heading .wrap-category_ .wrap-category_inner a:hover{
background: #e5e7eb;
}
.th-compare-output-wrap-inner .th-compare-heading .wrap-category_ .wrap-category_inner a.active{
color: #FFF;
background: rgb(0 0 0 / 69%);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgb(86 85 85 / 30%);
}
.th-compare-output-product {
overflow: auto;
}
.th-compare-output-product a,
.th-compare-output-product span {
font-family: "inherit", sans-serif;
}
.th-compare-add-to-cart-btn{
display: flex!important;
justify-content: center!important;
align-items: center!important;
}
.th-compare-output-product .th-compare-add-to-cart-btn {
width: fit-content;
}
.th-compare-output-product .th-compare-rating .star-rating {
float: unset;
margin: auto;
font-family: "star";
color: #ffd532;
font-size: 16px;
}
.th-compare-output-product .th-compare-rating span {
font-family: "star";
line-height: 1;
}
.th-compare-output-product .th-compare-rating .th-rating-count {
font-size: 12px;
display: none;
}
.th-compare-output-product .product-table-configure {
margin: 0;
width: 100%;
}
.th-compare-output-product .product-table-configure tr {
position: relative;
border-bottom: 1px solid var(--underline-border-color);
}
.th-compare-output-product
.product-table-configure
tr.th-difference-row
td:not(.left-title) {
background-color: #fdff5a1c;
border-bottom: 1px solid #ffdd5170;
}
.th-compare-output-product .product-table-configure tr.th-hide-difference-row {
display: none;
}
.th-compare-output-product .product-table-configure td {
padding: 1rem;
vertical-align: top;
border: none;
min-width: 250px;
max-width: 250px;
text-align: center;
}
.th-compare-output-product .product-table-configure td .th-in-stoct {
position: relative;
color: #15803d;
background: #dcfce78c;
width: max-content;
margin: 0 auto;
padding: 0 .50rem;
border-radius: 9999px;
text-transform: capitalize;
padding: .25rem .75rem;
font-size: 0.75rem !important;
line-height: 1rem;
border: 1px solid var(--border-color);
}
.th-compare-output-product .product-table-configure td .th-in-stoct:before{
content: "\f147";
font-family: "dashicons";
position: relative;
transform: translateY(2px);
display: inline-flex
}
.th-compare-output-product .product-table-configure td .th-out-of-stoct {
color: #a90a0a;
}
.th-compare-output-product .product-table-configure td.left-title {
background: rgba(255, 255, 255, 0.45);
backdrop-filter: blur(11.6px);
-webkit-backdrop-filter: blur(11.6px);
position: relative;
z-index: 1000;
width: 220px;
min-width: 178px;
max-width: 242px;
font-weight: 600;
color: inherit;
text-transform: capitalize;
text-align: left;
padding-left: 20px;
vertical-align: middle;
position: sticky;
left: 0 !important;
}
.th-compare-output-product .product-table-configure td.left-title span {
font-size: 14px;
opacity: .6;
color: inherit;
}
.th-compare-output-product .product-table-configure .top-title td.left-title {
z-index: 1010;
}
.th-compare-output-product .product-table-configure .th-add-to-cart_ {
display: flex;
grid-gap: 7px;
flex-wrap: wrap;
}
.th-compare-output-product
.product-table-configure
.th-add-to-cart_
.th-compare-add-to-cart-btn.loading,
.th-compare-output-product
.product-table-configure
.th-add-to-cart_
.added_to_cart.loading {
display: flex;
align-items: center;
width: fit-content;
}
.th-compare-output-product
.product-table-configure
.th-add-to-cart_
.th-compare-add-to-cart-btn.loading:after,
.th-compare-output-product
.product-table-configure
.th-add-to-cart_
.added_to_cart.loading:after {
position: unset;
margin-left: 5px;
}
.th-compare-output-product .product-table-configure .price_ {
color: inherit;
font-weight: 600;
display: flex;
grid-gap: 3px;
letter-spacing: 1px;
font-size: 1.25rem;
line-height: 1.75rem;
justify-content: center;
}
.product-table-configure .price_ ins{
text-decoration: none;
}
.price_  del{
color: #1111119c;
}
.th-compare-output-product
.product-table-configure
._image_
.image-and-addcart
.img_ {
position: relative;
margin: 0 auto;
transition: all .2s linear;
}
.image-and-addcart .img_{
width: 168px;
height: 168px;
}
.th-compare-output-product .product-table-configure ._image_ .image-and-addcart .img_:hover{
transform: scale(1.1);
}
.th-compare-output-product
.product-table-configure
._image_
.image-and-addcart
.img_
img {
position: absolute;
left: 0;
top: 0;
width: 100%;
border-radius: .5rem;
border: 1px solid var(--border-color);
}
.th-compare-output-product
.product-table-configure
._image_
.image-and-addcart
.product-title_
> a {
color: #5d5e61;
font-weight: 600;
letter-spacing: 1px;
}
.th-compare-output-product .product-table-configure .th-compare-product-remove {
color: #444444;
background: transparent;
display: flex;
justify-content: center;
align-items: center;
font-size: 13px;
grid-gap: 4px;
border: none;
border-bottom: 1px solid transparent;
padding: 1px;
}
.th-compare-output-product
.product-table-configure
.th-compare-product-remove
i {
color: #d84747;
font-size: 14px;
height: unset;
width: unset;
}
.th-compare-output-product
.product-table-configure
.th-compare-product-remove:hover {
border-bottom: 1px solid #d84747;
}
.th_auto_single_page {
margin-bottom: 10px;
}
.th_auto_single_page .th-compare-output-wrap-inner .th-compare-heading {
background-color: #f7f7f7;
text-align: center;
padding: 6px 20px;
}
.th_auto_single_page
.th-compare-output-wrap-inner
.th-compare-heading
.heading_ {
color: black;
}
.th_auto_single_page .th-compare-output-product {
border: 1px solid whitesmoke;
}
.th_auto_single_page
.th-compare-output-product
.product-table-configure
tr:first-child
td.left-title {
background-color: white;
}
@keyframes popupStyle1 {
0% {
transform: translateY(-80px);
}
100% {
transform: translateY(0);
}
}
@keyframes popupStyle2 {
0% {
opacity: 0;
transform: translateX(-210px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes popupStyle3 {
0% {
opacity: 0;
transform: translateX(210px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes popupStyle4 {
0% {
opacity: 0;
transform: scale(0);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@keyframes popupStyle1close {
0% {
opacity: 1;
}
100% {
opacity: 0;
visibility: 0;
}
}
@keyframes loaderTMK {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.th-compare-output-product::-webkit-scrollbar {
height: 7px;
width: 2px;
}
.th-compare-output-product::-webkit-scrollbar-track {
background-color: #f1f5f9; }
.th-compare-output-product::-webkit-scrollbar-thumb {
background-color: #cbd5e1; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem;  
}
.th-compare-output-product::-webkit-scrollbar-thumb:hover {
background-color: #b2bcc5; }
tr td .mobile-title{
display:none;
}
.product_image .empty-slot {
width: 50px;
height: 50px;
background: transparent!important;
border: 2px dashed #ccc;
display: inline-block;
margin-right: 5px;
border-radius: 5px;
}
.th-heighlights-products {
display: flex;
grid-gap: 9px;
margin-right: 45px;
}
.th-heighlights-products > div {
width: fit-content;
color: inherit;
padding: 4px 8px;
border-radius: 3px;
cursor: pointer;
display: flex;
align-items: center;
grid-gap: 4px;
font-weight: 500;
letter-spacing: .02rem;
opacity: 0.8;
} .th-heighlights-products > div {
position: relative;
padding-left: 48px; cursor: pointer;
user-select: none;
font-size: .875rem;
line-height: 1.25rem;
} .th-heighlights-products > div::before {
content: "";
position: absolute;
left: 0;
top: 7px;
width: 38px;
height: 20px;
border-radius: 20px;
transition: 0.25s ease;
background: rgb(229 231 235 / 80%);
} .th-heighlights-products > div::after {
content: "";
position: absolute;
left: 2px;
top: 9px;
width: 16px;
height: 16px;
background: #fff;
border-radius: 50%;
transition: transform 0.25s ease;
} .th-heighlights-products > div.active::before {
background: rgb(99 102 241 / 72%);
}
.th-heighlights-products > div.active::after {
transform: translateX(18px);
}
.th-mobile-view .th-heighlights-products {
width: 100%;
}
.th-compare-add-shortcode {
display: flex;
}
.th-compare-add-shortcode > div:not(.themehunk-sidebar) {
padding-right: 30px;
flex: 1;
}
.th-compare-add-shortcode .add-product-wrap {
display: flex;
grid-gap: 20px;
padding: 28px;
flex-wrap: wrap;
width: 100%;
flex-direction: column;
}
.th-compare-add-shortcode .add-product-wrap > .bold-heading {
width: 280px;
}
.th-compare-add-shortcode .add-product-wrap .add-by-enter-product {
border: 1px solid #d2d2d2;
padding: 10px;
width: 65%;
}
.th-compare-add-shortcode
.add-product-wrap
.add-by-enter-product
.added-product-id {
display: flex;
grid-gap: 10px;
margin-bottom: 11px;
flex-wrap: wrap;
}
.th-compare-add-shortcode
.add-product-wrap
.add-by-enter-product
.added-product-id
.added_id {
color: #666666;
padding: 3px 3px 3px 16px;
position: relative;
border-radius: 5px;
background: #e4e4e4;
letter-spacing: 1px;
border: 1px solid #aaa;
}
.th-compare-add-shortcode
.add-product-wrap
.add-by-enter-product
.added-product-id
.rm_ {
position: absolute;
left: 0;
font-size: 12px;
transform: translateY(-50%);
top: 69%;
cursor: pointer;
color: #999;
font-weight: 700;
}
.th-compare-add-shortcode
.add-product-wrap
.add-by-enter-product
.added-product-id
.rm_:hover {
color: #686868;
}
.th-compare-add-shortcode
.add-product-wrap
.add-by-enter-product
.wrap-input-product {
position: relative;
}
.th-compare-add-shortcode
.add-product-wrap
.add-by-enter-product
.wrap-input-product
.input-placeholder {
padding: 11px;
background: #e5e5e5;
border-radius: 4px 0px 0px 4px;
position: absolute;
left: 1px;
}
.th-compare-add-shortcode
.add-product-wrap
.add-by-enter-product
.wrap-input-product
.input-placeholder
span:before {
content: "\f179";
font-family: "dashicons";
font-size: 16px;
display: block;
}
.th-compare-add-shortcode
.add-product-wrap
.add-by-enter-product
.wrap-input-product.loading
.input-placeholder
span:before {
content: "\f463";
animation: loaderTMK 0.8s linear 0s infinite forwards;
}
.th-compare-add-shortcode
.add-product-wrap
.add-by-enter-product
.wrap-input-product
input {
width: 100%;
padding: 0 5px 5px 47px;
border-color: #e4e4e7;
margin: 0;
height: 40px;
}
.th-compare-add-shortcode
.add-product-wrap
.add-by-enter-product
.wrap-input-product
.product-result {
visibility: hidden;
position: absolute;
border: 1px solid #d2d2d2;
flex-direction: column;
background-color: whitesmoke;
border-radius: 0 0 4px 4px;
transform: translateY(30px);
opacity: 0;
transition: 0.2s all linear;
max-height: 300px;
overflow: auto;
width: 330px;
}
.th-compare-add-shortcode
.add-product-wrap
.add-by-enter-product
.wrap-input-product
.product-result
span[data-id] {
padding: 8px 10px;
border-bottom: 1px solid #d2d2d2;
cursor: pointer;
transition: 0.2s all ease;
display: flex;
align-items: center;
grid-gap: 5px;
font-size: 15px;
}
.th-compare-add-shortcode
.add-product-wrap
.add-by-enter-product
.wrap-input-product
.product-result
span[data-id]:before {
content: "\f159";
font-family: "dashicons";
}
.th-compare-add-shortcode
.add-product-wrap
.add-by-enter-product
.wrap-input-product
.product-result
span[data-id].checked {
background: #d5e0e5;
color: black;
}
.th-compare-add-shortcode
.add-product-wrap
.add-by-enter-product
.wrap-input-product
.product-result
span[data-id].checked:before {
content: "\f147";
}
.th-compare-add-shortcode
.add-product-wrap
.add-by-enter-product
.wrap-input-product
.product-result
span[data-id]:hover {
background: #07618f;
color: white;
}
.th-compare-add-shortcode
.add-product-wrap
.add-by-enter-product
.wrap-input-product
.product-result
span[data-id]
.img_ {
height: 40px;
width: 75px;
position: relative;
}
.th-compare-add-shortcode
.add-product-wrap
.add-by-enter-product
.wrap-input-product
.product-result
span[data-id]
.img_
img {
position: absolute;
top: 0;
height: 100%;
width: 100%;
object-fit: scale-down;
}
.th-compare-add-shortcode
.add-product-wrap
.add-by-enter-product
.wrap-input-product
.product-result
span.th-no-product-found {
padding: 10px;
border-bottom: 1px solid #d2d2d2;
min-width: 230px;
}
.th-compare-add-shortcode
.add-product-wrap
.add-by-enter-product
.wrap-input-product.active
.product-result {
opacity: 1;
visibility: visible;
display: flex;
transform: translateY(0);
}
.th-compare-add-shortcode .add-product-wrap .add-product-shortcode-shortcode {
margin: 25px 0 0;
width: 75%;
}
.th-compare-add-shortcode
.add-product-wrap
.add-product-shortcode-shortcode
.th_product_compare_id {
padding: 10px 26px;
background-color: #f0f0f1;
font-weight: 500;
letter-spacing: 1px;
border-radius: 3px;
font-size: 15px;
line-height: 1;
color: #5a5a5a;
text-align: center;
word-break: break-word;
}
.th_hide_footerwp {
display: none;
} .th-compare-footer-wrap *{
box-sizing: border-box;
}
.th-compare-footer-wrap {
position: fixed;
z-index: 50;
left: 1rem;
transition: 0.8s all ease;
right: 1rem;
bottom: 1rem;
justify-content: center;
display: flex;
}
.th-compare-footer-wrap a{
text-decoration: none;
}
.th-compare-footer-wrap.active {
bottom: 1rem;
}
.th-compare-footer-wrap.active .th-footer-up-down .icon_2 {
transform: rotate(180deg);
}
.th-compare-footer-wrap .th-footer-up-down {
margin: 0;
position: absolute;
top: -35px;
height: 35px;
padding: 0 12px;
border-radius: 8px 8px 0 0;
display: flex;
justify-content: center;
align-items: center;
transform: translatex(-50%);
left: 50%;
background-color: #111;
grid-gap: 8px;
color: #FFF;
border: none;
font-weight: 700;
letter-spacing: 0.03rem;
font-size: 14px;
box-shadow: 0px -4px 8px 0px rgba(69, 77, 89, 0.21);
cursor: pointer;
display: none;
}
.th-compare-footer-wrap .th-footer-up-down:focus {
outline: none;
}
.th-compare-footer-wrap .th-footer-up-down .icon_2 {
transition: 0.2s transform ease;
}
.th-compare-footer-wrap .th-compare-footer-level2 {
background: rgb(1 1 8 / 86%);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
border: 1px solid rgb(97 97 97 / 50%);
display: flex;
grid-gap: 10px;
align-items: center;
justify-content: space-between;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
border-radius: 1rem;
max-width: 48rem;
width: 100%;
transition-duration: 300ms;
padding: 0.75rem;
color: #FFF;
}
.th-compare-footer-level3{
width: 100%;
display: flex;
justify-content: space-between;
}
.th-compare-footer-level3 .th-compare-left,
.th-compare-footer-level3 .th-compare-right{
display: flex;
align-items: center;
gap: .75rem;
}
.th-compare-footer-wrap > div .th-footer-bar-opner {
visibility: visible;
}
.th-compare-footer-wrap > div .th-add-product-bar {
line-height: 1;
cursor: pointer;
border-radius: 8px;
display: flex;
align-items: center;
color: #464646;
font-weight: 700;
font-size: 14px;
letter-spacing: 0.03rem;
}
.th-compare-footer-wrap.position-left > div .th-add-product-bar,
.th-compare-footer-wrap.position-right > div .th-add-product-bar{
width: max-content;
margin: 0 auto;
}
.th-compare-footer-wrap.position-right  .th-atleast,
.th-compare-footer-wrap.position-left  .th-atleast{
text-align: center;
line-height: 21px;
}
.th-compare-footer-wrap.position-right > div .product_image,
.th-compare-footer-wrap.position-left > div .product_image{ max-height: 452px;
}
#thpc-removeall span{
display: flex;
}
.th-compare-footer-wrap > div .th-add-product-bar i {
height: unset;
width: unset;
font-size: 18px;
padding: 9px;
background-color: #32373e;
color: #9ca3af;
border: 2px dashed #9ca3af;
border-radius: 5px;
}
.th-compare-footer-wrap > div .th-add-product-bar i:hover{
border-color: var(--highlight-color);
color: var(--highlight-color);
}
.th-compare-footer-wrap > div .th-add-product-bar span {
padding: 0 11px;
}
.th-compare-footer-wrap .product_image { display: flex;
column-gap: 12px;
margin-left: 18px;   
}
.th-compare-footer-wrap > div .product_image .img_ {
width: 3rem;
height: 3rem;
min-width: 3rem;
position: relative;
background: #dbdbdb;
border-radius: 3px;
display: flex;
align-items: center;
justify-content: center;
}
.th-compare-footer-wrap > div .product_image .img_:hover .th-remove-product {
opacity: 1;
}
.th-compare-footer-wrap > div .product_image .img_ .th-remove-product {
position: absolute;
right: -5px;
top: -8px;
z-index: 10;
color: white;
background: var(--btn-color);
width: unset;
height: unset;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: 0.2s all linear;
padding: 2px;
opacity: 0;
line-height: 1;
}
.th-compare-footer-wrap > div .product_image .img_ .th-remove-product:hover{
background: red;
}
.th-compare-footer-wrap > div .product_image .img_ .th-remove-product:before {
content: "\f158";
font-family: "dashicons";
font-style: normal;
font-size: 12px;
}
.th-compare-footer-wrap > div .product_image .img_ a {
height: 100%;
max-width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.th-compare-footer-wrap > div .product_image .img_ img {
object-fit: cover;
max-width: 100%;
max-height: 100%;
border-radius: .5rem;
}
.th-compare-footer-wrap
> div
.th-compare-enable
.th-compare-footer-product-opner {
line-height: 1;
padding: 0;
border-radius: 12px;
display: flex;
align-items: center;
background: #fff;
color: #111;
font-weight: 500;
font-size: .795rem;
line-height: 1.25rem;
letter-spacing: 0.03rem;
padding: 9px 16px;
}
.th-compare-footer-wrap > div .th-compare-enable .th-compare-footer-product-opner:hover{
background: #e9f1ff;
color: var(--highlight-color);
}
.th-compare-footer-wrap
> div
.th-compare-enable
.th-compare-footer-product-opner
.icon_ {
height: unset;
width: unset;
font-size: 16px;  border-radius: 8px 0px 0 8px;
color: var(--highlight-color);
}
.th-compare-footer-wrap
> div
.th-compare-enable
.th-compare-footer-product-opner
.text_ {
padding: 0 9px 0 5px;
}
.th-compare-footer-wrap
> div
.th-compare-enable
.th-compare-footer-product-opner.active
.icon_:before {
content: "\f158";
}
.th-compare-footer-wrap .th-compare-loader {
display: none;
}
.th-compare-footer-wrap.loading .th-compare-loader {
position: absolute;
z-index: 10000;
background: #727272b8;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
left: 0;
border-radius: 14px;
background: rgb(0 0 0 / 48%);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(5px);
}
.th-compare-footer-wrap.loading .th-compare-loader svg {
animation: loaderTMK 0.8s linear 0s infinite forwards;
}
.th-compare-footer-wrap.position-right,
.th-compare-footer-wrap.position-left {
width: 150px;
height: 100%;
bottom: 0;
}
.th-compare-footer-wrap.position-right > div,
.th-compare-footer-wrap.position-left > div {
height: 100%;
flex-direction: column;
padding: 20px 0;
}
.th-compare-footer-wrap.position-right > div .product_image,
.th-compare-footer-wrap.position-left > div .product_image {
flex-direction: column;
justify-content: center;
}
.th-compare-footer-wrap.position-right > div .th-add-product-bar i,
.th-compare-footer-wrap.position-left > div .th-add-product-bar i {
border-radius: 4px;
}
.th-compare-footer-wrap.position-right > div .th-add-product-bar span,
.th-compare-footer-wrap.position-left > div .th-add-product-bar span {
display: none;
}
.th-compare-footer-wrap.position-right
> div
.th-compare-footer-product-opner
.icon_,
.th-compare-footer-wrap.position-left
> div
.th-compare-footer-product-opner
.icon_ {
border-radius: 4px;
}
.th-compare-footer-wrap.position-right
> div
.th-compare-footer-product-opner
.text_,
.th-compare-footer-wrap.position-left
> div
.th-compare-footer-product-opner
.text_ {
display: none;
}
.th-compare-footer-wrap.position-right .th-footer-up-down,
.th-compare-footer-wrap.position-left .th-footer-up-down {
top: 50%;
width: 30px;
padding: 10px 14px;
height: fit-content;
transform: translateY(-50%);
flex-direction: column;
word-break: break-word;
font-size: 12px;
}
.th-compare-footer-wrap.position-right .th-footer-up-down .text_,
.th-compare-footer-wrap.position-left .th-footer-up-down .text_ {
display: none;
}
.th-compare-footer-wrap.position-right .th-footer-up-down:before,
.th-compare-footer-wrap.position-left .th-footer-up-down:before {
content: attr(data-text);
display: block;
width: max-content;
background-color: inherit;
position: absolute;
padding: 8px 10px;
border-radius: 4px;
color: inherit;
font-size: 17px;
opacity: 0;
transition: 0.2s all linear;
visibility: hidden;
}
.th-compare-footer-wrap.position-right .th-footer-up-down:after,
.th-compare-footer-wrap.position-left .th-footer-up-down:after {
content: "";
position: absolute;
width: 10px;
height: 10px;
background-color: inherit;
transform: rotate(45deg);
opacity: 0;
transition: 0.3s all linear;
visibility: hidden;
}
.th-compare-footer-wrap.position-right .th-footer-up-down:hover:before,
.th-compare-footer-wrap.position-right .th-footer-up-down:hover:after,
.th-compare-footer-wrap.position-left .th-footer-up-down:hover:before,
.th-compare-footer-wrap.position-left .th-footer-up-down:hover:after {
opacity: 1;
visibility: visible;
}
.th-compare-footer-wrap.position-left {
left: -150px;
}
.th-compare-footer-wrap.position-left .th-footer-up-down .icon_2 {
transform: rotate(90deg);
}
.th-compare-footer-wrap.position-left.active {
left: 0;
}
.th-compare-footer-wrap.position-left.active .th-footer-up-down .icon_2 {
transform: rotate(-90deg);
}
.th-compare-footer-wrap.position-left .th-footer-up-down {
right: -30px;
left: unset;
border-radius: 0 8px 8px 0;
}
.th-compare-footer-wrap.position-left .th-footer-up-down:before {
left: 40px;
}
.th-compare-footer-wrap.position-left .th-footer-up-down:after {
left: 40px;
}
.th-compare-footer-wrap.position-left .th-footer-up-down:hover:after {
left: 35px;
}
.th-compare-footer-wrap.position-right {
right: -150px;
}
.th-compare-footer-wrap.position-right .th-footer-up-down .icon_2 {
transform: rotate(-90deg);
}
.th-compare-footer-wrap.position-right.active {
right: 0;
}
.th-compare-footer-wrap.position-right.active .th-footer-up-down .icon_2 {
transform: rotate(90deg);
}
.th-compare-footer-wrap.position-right .th-footer-up-down {
left: -30px;
right: unset;
border-radius: 8px 0 0 8px;
}
.th-compare-footer-wrap.position-right .th-footer-up-down:before {
right: 40px;
}
.th-compare-footer-wrap.position-right .th-footer-up-down:after {
right: 40px;
}
.th-compare-footer-wrap.position-right .th-footer-up-down:hover:after {
right: 35px;
}
.th-compare-footer-wrap.position-top {
top: -150px;
height: fit-content;
}
.th-compare-footer-wrap.position-top .th-footer-up-down .icon_2 {
transform: rotate(180deg);
}
.th-compare-footer-wrap.position-top.active {
top: 0;
}
.logged-in .th-compare-footer-wrap.position-top.active {
top: 30px;
}
.th-compare-footer-wrap.position-top.active .th-footer-up-down .icon_2 {
transform: rotate(0);
}
.th-compare-footer-wrap.position-top .th-footer-up-down {
top: unset;
bottom: -35px;
border-radius: 0 0px 8px 8px;
}
.th-add-more-product-container {
display: none;
position: fixed;
background: #060606eb;
width: 100%;
height: 100%;
z-index: 10000000;
left: 0;
top: 0;
}
.th-add-more-product-container * {
box-sizing: border-box;
}
.th-add-more-product-container.active {
display: flex;
justify-content: center;
}
.th-add-more-product-container .th-add-more-product-inner {
display: flex;
align-items: center;
height: 100%;
width: 60%;
}
.th-add-more-product-container .th-add-more-product-inner .th-search-product {
padding: 10px 10px;
background-color: white;
border-radius: 4px;
position: relative;
width: 100%;
}
.th-add-more-product-container
.th-add-more-product-inner
.th-search-product
.remove_search_popup {
position: absolute;
right: -15px;
top: -15px;
background: #cd0b0b;
color: white;
border-radius: 3px;
cursor: pointer;
width: 33px;
line-height: 33px;
height: 33px;
}
.th-add-more-product-container
.th-add-more-product-inner
.th-search-product
.th-search-product-input {
width: 100%;
}
.th-add-more-product-container
.th-add-more-product-inner
.th-search-product
.th-search-product-input
input {
width: 100%;
border: 1px solid #d5e0e5;
margin-bottom: 12px;
border-radius: 4px;
background-color: white;
padding: 14px;
}
.th-add-more-product-container
.th-add-more-product-inner
.th-search-product
.th-search-product-input-result {
min-height: 200px;
max-height: 340px;
overflow: auto;
background-color: white;
}
.th-add-more-product-container
.th-add-more-product-inner
.th-search-product
.th-search-product-input-result
.th-compare-external-popup-open {
padding: 15px;
border-bottom: 1px solid #f2f2f2;
cursor: pointer;
transition: 0.2s all ease;
display: flex;
align-items: center;
grid-gap: 5px;
font-size: 16px;
}
.th-add-more-product-container
.th-add-more-product-inner
.th-search-product
.th-search-product-input-result
.th-compare-external-popup-open:before {
content: "\f159";
font-family: "dashicons";
}
.th-add-more-product-container
.th-add-more-product-inner
.th-search-product
.th-search-product-input-result
.th-compare-external-popup-open.checked {
background: #d5e0e5;
color: black;
}
.th-add-more-product-container
.th-add-more-product-inner
.th-search-product
.th-search-product-input-result
.th-compare-external-popup-open.checked:before {
content: "\f147";
}
.th-add-more-product-container
.th-add-more-product-inner
.th-search-product
.th-search-product-input-result
.th-compare-external-popup-open:hover {
background: #07618f;
color: white;
}
.th-add-more-product-container
.th-add-more-product-inner
.th-search-product
.th-search-product-input-result
.th-compare-external-popup-open
.img_ {
height: 60px;
width: 75px;
position: relative;
}
.th-add-more-product-container
.th-add-more-product-inner
.th-search-product
.th-search-product-input-result
.th-compare-external-popup-open
.img_
img {
position: absolute;
top: 0;
height: 100%;
width: 100%;
object-fit: scale-down;
}
.th-addremove{
display: flex;
align-items: center;
gap: 8px;
}
.th-compare-limit-count{
font-size: 13px;
font-weight: 600;
color: inherit;
opacity: 0.85;
white-space: nowrap;
}
.th-compare-limit-count.limit-reached{
color: #e2401c;
opacity: 1;
}
.th-compare-limit-count[data-th-tooltip]{
position: relative;
cursor: pointer;
}
.th-compare-limit-count[data-th-tooltip]::after{
content: attr(data-th-tooltip);
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
background-color: #000;
color: #fff;
padding: 5px 10px;
border-radius: 4px;
font-size: 12px;
font-weight: 400;
white-space: nowrap;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease;
pointer-events: none;
z-index: 9999;
margin-bottom: 6px;
backdrop-filter: blur(11.2px);
-webkit-backdrop-filter: blur(11.2px);
}
.th-compare-limit-count[data-th-tooltip]::before{
content: '';
position: absolute;
bottom: 82%;
left: 50%;
transform: translateX(-50%);
border: 5px solid transparent;
border-top-color: #000;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease;
pointer-events: none;
z-index: 9999;
}
.th-compare-limit-count[data-th-tooltip]:hover::after,
.th-compare-limit-count[data-th-tooltip]:hover::before{
opacity: 1;
visibility: visible;
}
.woocommerce-shop .thunk-compare.onimageleft,
.woocommerce-shop .thunk-compare.onimageright{
position: absolute;
top: 9px;
}
.woocommerce-shop .thunk-compare.onimageleft{
left: 9px;
}
.woocommerce-shop .thunk-compare.onimageright{
right: 9px;
}
.woocommerce-shop .thunk-compare.oncart{
position: absolute;
bottom: 9px;
right: 9px;
}
.th-add-to-cart_ svg{
margin-right: 9px;
}
.th-add-to-cart_ > svg{
display: none!important;
}
@media screen and (max-width: 1024px) {
.th-mobile-type-display tr.th-custom-attr td.left-title{
display: none!important;
}
tr td .mobile-title{
display:none;
}
.th-mobile-type-display tr td:nth-child(1) .mobile-title,
.th-mobile-type-display tr.th-custom-attr td:nth-child(2) .mobile-title{
display:block;
text-transform:capitalize;
margin-bottom:5px;
}
.th-compare-output-product .product-table-configure td {
vertical-align: bottom;
}
.th-compare-footer-wrap > div .product_image .img_ .th-remove-product{
opacity: 1;
}
}
@media screen and (max-width: 768px) {
.th-compare-output-wrap-inner .th-compare-heading{
flex-direction: column;
align-items: flex-start;
}
}
.woocommerce .product-table-configure ._add-to-cart_{
width: fit-content;
margin: 0 auto;
}
.woocommerce .product-table-configure  ._add-to-cart_ .th-add-to-cart_,
.woocommerce .product-table-configure .th-add-to-cart_ .th-add-to-cart_,
.woocommerce .th-add-to-cart_{
border-radius: .5rem;
background: #1f2937;
color: #FFF;
letter-spacing: 0.005rem;
min-width: 10rem;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 500;
padding: 0 10px;
}
.th-add-to-cart_  .th-compare-add-to-cart-btn{
padding: 0.7rem 0.5rem!important;
background: transparent!important;
}
.th-add-to-cart_ {
margin-bottom: 16px;
}
.woocommerce .product-table-configure  ._add-to-cart_ .th-add-to-cart_,
.woocommerce .product-table-configure .th-add-to-cart_ .th-add-to-cart_,
.th-compare-output-product .product-table-configure  .th-first-wrap td > span,
.th-compare-output-product .product-table-configure  .th-first-wrap + tbody td > span,
.th-compare-output-product .product-table-configure .th-add-to-cart_{
align-items: center;  
display: flex;
justify-content: center;
position: relative;
}
.left-title span{
justify-content: flex-start!important;
}
.woocommerce .product-table-configure  ._add-to-cart_ .th-add-to-cart_ a,
.woocommerce .product-table-configure .th-add-to-cart_ .th-add-to-cart_ a,
.woocommerce .th-add-to-cart_ a{
background: transparent;
color: inherit;
padding: 0;
margin:0;
text-decoration: none;
}
.woocommerce .th-compare-output-product .added_to_cart.wc-forward{
margin-top: 9px;
}
.th-atleast{
font-size: 15px;
color: inherit;
max-width: 152px;
margin: 0;
}
.th-atleast .th-selected{
display: block;
font-size: .7rem;
line-height: .7rem;
text-align: center;
text-transform: uppercase;
color: inherit;
opacity: .7;
}  .th-product-compare-btn-wrap {
margin: 5px 0;
justify-content: center;
display: flex;
}
.single-product .th-product-compare-btn-wrap{
justify-content: flex-start;
margin: 0;
}
.th-product-compare-btn.checkbox_type {
display: inline-flex;
align-items: center;
cursor: pointer;
font-size: 14px;
user-select: none;
padding: 5px;
border-radius: 4px;
transition: background-color 0.2s ease;
}  .th-compare-checkbox {
position: absolute;
opacity: 0;
width: 0;
height: 0;
} .th-product-compare-btn.checkbox_type > span {
position: relative;
padding-left: 28px;
line-height: 20px;
color: #333;
font-weight: 500;
} .th-product-compare-btn.checkbox_type > span::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 18px;
height: 18px;
border: 2px solid #111;
background-color: #fff;
border-radius: 4px;
transition: all 0.2s ease;
} .th-compare-checkbox:checked + span::after {
content: '\2713';
position: absolute;
left: 5px;
top: 50%;
transform: translateY(-50%);
color: #fff;
font-size: 14px;
font-weight: bold;
} .th-compare-checkbox:checked + span::before {
background-color: green;
border-color: green;
} .th-product-compare-btn.checkbox_type:hover > span::before {
border-color: #005580;
} .th-compare-checkbox:focus + span::before {
box-shadow: 0 0 0 2px rgba(0, 115, 170, 0.3);
} .th-compare-checkbox:disabled + span::before {
background-color: #f0f0f0;
border-color: #ccc;
cursor: not-allowed;
} .th-product-compare-btn.th-tooltip-active.disabled {
position: relative;
cursor: not-allowed;
}
.th-product-compare-btn.th-tooltip-active.disabled::after {
content: attr(data-th-tooltip);
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
background-color: #000;
color: #fff;
font-size: 12px;
font-weight: 400;
padding: 5px 10px;
border-radius: 4px;
pointer-events: none;
opacity: 0;
visibility: hidden;
transition: opacity 0.5s ease, visibility 0.2s ease;
z-index: 9999;
line-height: 1.4;
width: 150px;
text-align: center;
backdrop-filter: blur(11.2px);
-webkit-backdrop-filter: blur(11.2px);
}
.th-product-compare-btn.th-tooltip-active.disabled::before {
content: '';
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
border: 5px solid transparent;
border-top-color: #000;
pointer-events: none;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease, visibility 0.2s ease;
z-index: 9999;
backdrop-filter: blur(11.2px);
-webkit-backdrop-filter: blur(11.2px);
}
.single-product .th-product-compare-btn.th-tooltip-active.disabled::before{
bottom: initial;
opacity: 1;
visibility: visible;
border: 0;
}
.single-product .th-product-compare-btn.th-tooltip-active.disabled::after{
display: none!important;
}
.th-product-compare-btn.th-tooltip-active.disabled:hover::after,
.th-product-compare-btn.th-tooltip-active.disabled:hover::before {
opacity: 1;
visibility: visible;
} .th-compare-checkbox:disabled:checked + span::before {
background-color: #999;
border-color: #777;
} .th-product-compare-btn.loading {
pointer-events: none; opacity: 0.7; }
.th-product-compare-btn.loading::before,
.th-compare-checkbox.loading + span:after{
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 20px;
height: 20px;
border: 2px solid #0073aa;
border-top-color: transparent;
border-radius: 50%;
animation: spin-loader 0.8s linear infinite;
z-index: 10;
}
.single-product .th-product-compare-btn.loading::before{
content: ' '!important;
} @keyframes spin-loader {
to {
transform: translate(-50%, -50%) rotate(360deg);
}
}   .product_image::-webkit-scrollbar {
height: 6px; }
.product_image::-webkit-scrollbar-thumb {
background-color: #888; border-radius: 10px; }
.product_image::-webkit-scrollbar-thumb:hover {
background-color: #555; }
.product_image::-webkit-scrollbar-track {
background-color: #222; }
.th-compare-footer-wrap.position-right .product_image::-webkit-scrollbar,
.th-compare-footer-wrap.position-left .product_image::-webkit-scrollbar {
width: 5px; }
.th-first-wrap {
background: #fafafa;
border-bottom: 1px solid var(--underline-border-color);
}
.th-compare-output-product .th-first-wrap td{
background: #fff!important;
}
.th-compare-output-product .th-first-wrap img{
border-radius: .5rem;
}
.th-first-wrap + tbody tr{
border-bottom: 1px solid var(--underline-border-color);
}
.th-first-wrap + tbody tr:last-child{
border: 0;
}
.th-compare-output-product .product-table-configure .th-first-wrap + tbody td{
padding: 1rem;
}
.product-title_ a{
font-size: .925rem;
line-height: .95rem;
font-weight: 700;
text-decoration: none;
} .pc-product-details{
display: flex;
flex-direction: column;
gap: 9px;
}
._SKU_{
color: inherit;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 500;
text-transform: capitalize;
}
.th-compare-heading .th-compare-count{
font-size: 0.8rem;
line-height: 1.25rem;
color: inherit;
display: block;
text-align: left;
text-transform: capitalize;
font-weight: 500;
opacity: 0.6;
}
._description_ .description-text{
text-align: left;
font-size: 0.825rem;
display: block;
text-align: left;
}
.th-compare-enable.disabled {
opacity: 0.5;
pointer-events: none;
cursor: not-allowed;
}
.th-compare-enable.disabled a{
background: #32373e!important;
color: #999!important;
border: 1px solid #999!important;
}
.th-compare-enable.active {
opacity: 1;
pointer-events: auto;
}
.description-text {
font-size: 13px;
line-height: 1.5;
}
.description-text .th-read-more {
color: inherit;
font-weight: 700;
text-decoration: underline;
text-underline-offset: 5px;
display: block;
margin: 9px 0;
} .th-add-product-bar.disabled,
.th-product-compare-btn.disabled {
opacity: 0.5;
cursor: not-allowed;
} .pc-product-details ._image_ .img_ .th-img-remove-btn {
position: absolute;
top: -9px;
right: -9px;
z-index: 10;
background: #000000;
color: #fff;
border: 2px solid #fff;
border-radius: 50%;
width: 18px;
height: 18px;
min-width: 18px;
padding: 0;
line-height: 1;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.22);
opacity: 0;
transition: opacity 0.2s ease, background 0.2s ease, transform 0.15s ease;
}
.pc-product-details ._image_ .img_ .th-img-remove-btn i {
font-size: 13px;
color: #fff;
height: unset;
width: unset;
line-height: 1;
} .pc-product-details ._image_ .img_:hover .th-img-remove-btn {
opacity: 1;
}
.pc-product-details ._image_ .img_ .th-img-remove-btn:hover {
background: #b91c1c;
transform: scale(1.12);
} @media screen and (max-width: 1024px) {
.pc-product-details ._image_ .img_ .th-img-remove-btn {
opacity: 1;
}
}  .th-compare-icon-widget {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
line-height: 1;
vertical-align: middle;
user-select: none;
outline: none;
width: 48px;
height: 48px;
border-radius: 50%;
background: #111827;
color: #ffffff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.20);
transition: transform 0.2s ease;
text-decoration: none;
border: none;
}
.th-compare-icon-widget:hover,
.th-compare-icon-widget:focus {
transform: scale(1.08);
outline: none;
}
.th-compare-icon-widget svg {
display: block;
flex-shrink: 0;
}
.th-compare-icon-widget-count {
position: absolute;
top: -5px;
right: -5px;
background: #ef4444;
color: #fff;
border-radius: 50%;
min-width: 18px;
height: 18px;
font-size: 10px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
padding: 2px 3px;
border: 2px solid #fff;
box-sizing: border-box;
pointer-events: none;
} #th-compare-icon-wrap {
position: fixed;
bottom: 2rem;
right: 2rem;
z-index: 9999;
}
#th-compare-icon-wrap.th-icon-bottom-left {
right: auto;
left: 2rem;
} .th-menu-compare-icon-item {
display: inline-flex !important;
align-items: center;
list-style: none;
}
.th-menu-compare-icon-item .th-compare-icon-widget {
width: 36px;
height: 36px;
} #th-compare-menu-tab {
position: fixed;
z-index: 9999;
top: 50%;
transform: translateY(-50%) translateX(-100%);
transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
#th-compare-menu-tab.active {
transform: translateY(-50%) translateX(0);
} #th-compare-menu-tab.th-menu-tab-position-left {
left: 0;
} #th-compare-menu-tab.th-menu-tab-position-right {
right: 0;
left: auto;
transform: translateY(-50%) translateX(100%);
}
#th-compare-menu-tab.th-menu-tab-position-right.active {
transform: translateY(-50%) translateX(0);
} #th-compare-menu-tab .th-menu-tab-btn {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 8px;
padding: 14px 10px;
background: var(--tab-bg, rgb(1 1 8 / 86%));
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
color: var(--tab-color, #fff);
border: none;
cursor: pointer;
box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.25);
transition: background 0.2s ease;
line-height: 1;
min-width: 44px;
} #th-compare-menu-tab.th-menu-tab-position-left .th-menu-tab-btn {
border-radius: 0 8px 8px 0;
}
#th-compare-menu-tab.th-menu-tab-position-right .th-menu-tab-btn {
border-radius: 8px 0 0 8px;
}
#th-compare-menu-tab .th-menu-tab-btn:hover {
background: #1e1e2e;
}
#th-compare-menu-tab .th-menu-tab-btn:focus {
outline: none;
} #th-compare-menu-tab .th-menu-tab-btn svg {
flex-shrink: 0;
opacity: 0.9;
} #th-compare-menu-tab .th-menu-tab-text {
writing-mode: vertical-rl;
text-orientation: mixed;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.05em;
text-transform: uppercase;
color: var(--tab-color, #fff);
white-space: nowrap;
}
#th-compare-menu-tab.th-menu-tab-position-left .th-menu-tab-text {
transform: rotate(180deg);
} #th-compare-menu-tab .th-menu-tab-badge {
display: flex;
align-items: center;
justify-content: center;
background: var(--highlight-color, #4f46e5);
color: #fff;
font-size: 11px;
font-weight: 700;
width: 20px;
height: 20px;
border-radius: 50%;
line-height: 1;
opacity: 0;
transform: scale(0.6);
transition: opacity 0.2s ease, transform 0.2s ease;
}
#th-compare-menu-tab .th-menu-tab-badge.active {
opacity: 1;
transform: scale(1);
} .single-product .ast-woocommerce-container .thunk-compare,
.wp-theme-storefront .summary .thunk-compare,
.wp-theme-hello-elementor .summary .thunk-compare,
.wp-theme-kadence .summary .thunk-compare{
display: inline-flex;
margin-left: 9px;
height: 34px;
align-items: center;
}
.ast-article-single .summary .thunk-compare,
.wp-theme-storefront .summary .thunk-compare,
.wp-theme-hello-elementor .summary .thunk-compare,
.wp-theme-kadence .summary .thunk-compare{
border: 1px solid #D1D5DB;
border-radius: 4px;
padding: 4px 9px;
}
.ast-article-single .summary  .th-product-compare-btn.btn_type, 
.ast-article-single .summary  .th-product-compare-btn.icon_type,
.wp-theme-storefront .summary .th-product-compare-btn.btn_type,
.wp-theme-storefront .summary .th-product-compare-btn.icon_type,
.wp-theme-hello-elementor .summary .th-product-compare-btn.btn_type,
.wp-theme-hello-elementor .summary .th-product-compare-btn.icon_type,
.wp-theme-kadence .summary .th-product-compare-btn.btn_type,
.wp-theme-kadence .summary .th-product-compare-btn.icon_type{
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
}
.ast-article-single .summary .th-product-compare-btn .icon,
.wp-theme-storefront .summary .th-product-compare-btn .icon,
.wp-theme-hello-elementor .summary .th-product-compare-btn .icon,
.wp-theme-kadence .summary .th-product-compare-btn .icon{
font-size: 19px;
}
.single-product .th-theme-actions-wrapper .th-product-compare-btn.icon_type{
display: inline-flex;
} .astra-shop-thumbnail-wrap .th-compatible-compare{
position: absolute;
right: 1em;
visibility: hidden;
opacity: 0;
transition: all 0.2s;
z-index: 5;
cursor: pointer;
top: 6.5em;
}
.astra-shop-thumbnail-wrap:hover .th-compatible-compare{
visibility: visible;
opacity: 1;
}
.astra-shop-thumbnail-wrap .th-compatible-compare .th-product-compare-btn{
border-radius: 50%;
color: var(--ast-global-color-2)!important;
background: var(--ast-global-color-primary, var(--ast-global-color-5))!important;
opacity: 0.7!important;
width: 2em;
height: 2em;
justify-content: center;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
opacity: .7;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
}
.astra-shop-thumbnail-wrap .th-compatible-compare .th-product-compare-btn:hover{
opacity: 1!important;
} .wp-theme-storefront.single-product .th-product-compare-btn-wrap{
justify-content: center;
margin: 5px 0;
}
.wp-theme-storefront .summary .thunk-compare{
height: 45px;
} .wp-theme-blocksy .summary .thunk-compare{
display: inline-flex;
margin-left: 9px;
height: 34px;
border: 1px solid var(--quantity-initial-color, var(--theme-button-background-initial-color));
border-radius: 4px;
padding: 4px 9px;
height: initial;
width: max-content;
align-items: center;
justify-content: center;
}
.wp-theme-blocksy .summary .th-product-compare-btn.btn_type, 
.wp-theme-blocksy .summary .th-product-compare-btn.icon_type{
font-size: 14px;
}
.wp-theme-blocksy li.product .th-product-compare-btn.btn_type, 
.wp-theme-blocksy li.product .th-product-compare-btn.icon_type{
color: var(--theme-text-color);
text-align: center;
font-family: var(--theme-font-family);
font-size: var(--theme-font-size);
font-weight: var(--theme-font-weight);
font-style: var(--theme-font-style, inherit);
line-height: var(--theme-line-height);
letter-spacing: var(--theme-letter-spacing);
text-transform: var(--theme-text-transform);
}
.wp-theme-blocksy li.product  .th-product-compare-btn-wrap{
justify-content: var(--horizontal-alignment);
}
.wp-theme-blocksy li.product .th-product-compare-btn.btn_type:hover, 
.wp-theme-blocksy li.product .th-product-compare-btn.icon_type:hover{
color: var(--theme-link-hover-color);
} .wp-theme-hello-elementor .summary .thunk-compare{
height: 39px;
}
.wp-theme-hello-elementor .summary .th-product-compare-btn-wrap{
height: 100%;
box-sizing: border-box;
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
}
.wp-theme-kadence .summary .thunk-compare{
height: 41px;
} .wp-theme-th-shop-mania li  .thunk-compare a:before,
.wp-theme-th-shop-mania li  .thunk-compare a:after{
display: none!important;
}
.wp-theme-th-shop-mania .summary .th-product-compare-btn.icon_type .text{
display: none;
}
.wp-theme-th-shop-mania .summary .th-product-compare-btn.icon_type{
font-size: initial;
}
.wp-theme-th-shop-mania .summary .th-product-compare-btn.icon_type .icon{
margin: 0;
}
.wp-theme-th-shop-mania .summary .th-product-compare-btn.icon_type:before,
.wp-theme-m-shop .summary .th-product-compare-btn.icon_type:before{
content: '';
position: absolute;
left: 50%;
bottom: 100%;
transform: translateX(-50%) translateY(8px);
border-width: 6px;
border-style: solid;
border-color: #1f2937 transparent transparent transparent;
opacity: 0;
visibility: hidden;
transition: .25s ease;
pointer-events: none;
z-index: 9999;
top: initial;
}
.wp-theme-th-shop-mania .summary .thunk-compare .th-product-compare-btn:hover::after, 
.wp-theme-th-shop-mania .summary .thunk-compare .th-product-compare-btn:hover::before,
.wp-theme-m-shop .summary .th-product-compare-btn:hover:after,
.wp-theme-m-shop .summary .th-product-compare-btn:hover:before {
opacity: 1!important;
visibility: visible!important;
transform: translateX(-50%) translateY(0) !important;
}
.th-shop-mania-shop-page-layout-default .th-product-compare-btn.icon_type .icon{
margin-right: 0;
} .wp-theme-top-store li .thunk-compare .th-product-compare-btn{
position: initial;
left: initial;
bottom: initial;
transform: initial;
border-width: initial;
border-style: initial;
border-color: initial;
opacity: initial;
visibility: initial;
}
.wp-theme-top-store li .thunk-compare .th-product-compare-btn:after{
display: none;
}
.wp-theme-top-store .thunk-compare .compare-button a{
font-size: initial;
}
.wp-theme-top-store .thunk-compare .compare-button a:before,
.wp-theme-top-store .thunk-compare .compare-button a:after{
display: none;
}
.wp-theme-top-store .summary .th-product-compare-btn.icon_type .text{
display: none;
}
.wp-theme-top-store .summary .th-product-compare-btn.icon_type{
font-size: initial;
opacity: 1;
}
.wp-theme- .summary .th-product-compare-btn.icon_type .icon{
margin: 0;
}
.wp-theme-top-store .summary .th-product-compare-btn.icon_type:before{
content: '';
position: absolute;
left: 50%;
bottom: 100%;
transform: translateX(-50%) translateY(8px);
border-width: 6px;
border-style: solid;
border-color: #1f2937 transparent transparent transparent;
opacity: 0;
visibility: hidden;
transition: .25s ease;
pointer-events: none;
z-index: 9999;
top: initial;
}
.wp-theme-top-store .summary .thunk-compare .th-product-compare-btn:hover::after, 
.wp-theme-top-store .summary .thunk-compare .th-product-compare-btn:hover::before {
opacity: 1!important;
visibility: visible!important;
transform: translateX(-50%) translateY(0) !important;
}
.wp-theme-top-store .entry-summary .thunk-compare i{
margin: 0;
display: inline-flex;
}
.wp-theme-top-store .thunk-woo-product-list .compare-list{
display: flex;
align-items: center;
justify-content: center;
} .wp-theme-m-shop.woocommerce .entry-summary a.th-product-compare-btn .icon{
font-size: initial;
margin: 0;
}
.wp-theme-m-shop.woocommerce .entry-summary a.th-product-compare-btn .icon{
display: initial;
}
@media screen and (max-width: 767px){
.wp-theme-storefront .summary .thw-to-add-text,
.wp-theme-storefront .summary .th-product-compare-btn .text{
display: none;
}
.wp-theme-storefront .summary .th-product-compare-btn .icon{
margin: 0;
}
.wp-theme-blocksy .summary .thunk-compare{
width: 129px;
}
.wp-theme-hello-elementor .summary .thunk-compare .text,
.wp-theme-kadence .summary .thunk-compare .text{
display: none;
}
.wp-theme-hello-elementor .summary .thunk-compare,
.wp-theme-kadence .summary .thunk-compare{
width: 39px;
}
}@media screen and (max-width: 450px) {
.th-compare-left{
flex-grow: 2;
max-width: 218px;
}
.th-compare-right{
width: max-content;
flex-shrink: 0;
}
.th-compare-footer-wrap > div .product_image{
min-width: initial;
margin-left: 0;
}
.th-compare-footer-wrap .product_image{
overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 4px 0;
}
.th-compare-footer-wrap > div {
padding: 0 10px;
justify-content: space-between;
}
.th-compare-footer-wrap > div .th-add-product-bar i {
border-radius: 4px;
}
.th-compare-footer-wrap > div .th-add-product-bar span {
display: none;
}
.th-compare-footer-wrap > div .th-compare-footer-product-opner .icon_ {
border-radius: 4px !important;
}
.th-compare-footer-wrap > div .th-compare-footer-product-opner .text_ {
display: none;
}
.th-add-more-product-container .th-add-more-product-inner {
justify-content: center;
width: 95%;
}
.th-add-more-product-container .th-add-more-product-inner .th-search-product {
max-width: 90%;
}
.th-add-more-product-container
.th-add-more-product-inner
.th-search-product
.th-search-product-input-result
.th-compare-external-popup-open {
font-size: 14px;
}
.th-add-more-product-container
.th-add-more-product-inner
.th-search-product
.th-search-product-input-result
.th-compare-external-popup-open
.img_ {
height: 45px;
width: 52px;
}
.th-add-more-product-container
.th-add-more-product-inner
.th-search-product
.th-search-product-input
input {
padding: 4px;
margin-bottom: 4px;
}
.th-add-product-bar span{
display: none;
}
.th-compare-footer-wrap > div .th-add-product-bar{
display: initial;
}
#thpc-removeall {
margin-left: 9px;
}
.th-compare-footer-wrap > div .th-add-product-bar i,
.th-compare-footer-wrap > div .th-compare-enable .th-compare-footer-product-opner .icon_{
background: #FFF;
}
.th-atleast{
display: none;
}
.th-compare-output-wrap-inner .th-compare-heading{
flex-wrap: wrap;
gap: 5px;
}
.th-heighlights-products > div{
font-size: 9px;
}
.th-compare-output-wrap-inner .th-compare-heading .heading_{
font-size: .9rem;
line-height: 1.2rem;
}
.th-compare-output-wrap-inner .th-compare-heading .wrap-category_ .wrap-category_inner a{
padding-left: .7rem;
padding-right: .7rem;
padding-top: 0.175rem;
padding-bottom: 0.175rem;
}
.th-compare-output-wrap .th-compare-output-close{
right: 9px;
top: 18px;
transform: initial;
}
.th-compare-output-wrap-inner .th-compare-heading .wrap-category_ .wrap-category_inner::-webkit-scrollbar{
display: none;
}
.th-compare-footer-wrap .product_image::-webkit-scrollbar{
display: none!important;
}
.th-compare-output-product,
.th-compare-output-product .product-table-configure{
height: 100%;
margin: 0;
}
.th-compare-output-wrap .th-compare-output-wrap-inner{
padding-top: 108px!important;
overflow: hidden;
}
} @media screen and (max-width: 451px) { .product-table-configure.mobile-flex{
border-collapse: collapse;
width: 100%;
}
.product-table-configure.mobile-flex tbody{
display: block;
} .th-compare-output-product .product-table-configure.mobile-flex tr{
display: block;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
padding: 0;
border: none;
} .th-compare-output-product .product-table-configure.mobile-flex tr::-webkit-scrollbar{
display: none;
}
.th-compare-output-product .product-table-configure.mobile-flex tr{
scrollbar-width: none;
} .th-compare-output-product .product-table-configure.mobile-flex td.left-title{
width: 100%;
display: block;
padding: 6px 12px 6px;
background: rgb(231 231 233 / 28%);
border: none;
min-width: unset;
max-width: none;
white-space: normal;
}
.th-compare-output-product .product-table-configure.mobile-flex td.left-title span{
font-size: .75rem;
font-weight: 700;
color: #000000;
display: block;
border-bottom: 2px solid #e5e7eb66;
padding-bottom: 6px;
word-break: normal;
text-transform: uppercase;
letter-spacing: 0.03em;
} .th-compare-output-product .product-table-configure.mobile-flex._two-products td:not(.left-title){
width: 50%;
min-width: 50%;
}
.th-compare-output-product .product-table-configure.mobile-flex td:not(.left-title){
display: inline-block;
width: 33.33%;
min-width: 33.33%;
padding: 8px 6px;
font-size: 0.8rem;
vertical-align: top;
box-sizing: border-box;
text-align: center;
border: none;
white-space: normal;
}
.th-compare-output-product .product-table-configure.mobile-flex td:not(.left-title):last-child{
border-right: none;
} .th-compare-output-product .product-table-configure.mobile-flex .pc-product-details{
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
padding: 4px 0;
height: 100%;
justify-content: space-between;
}
.th-compare-output-product .product-table-configure.mobile-flex ._product_details_ td:not(.left-title){
height: 300px;
} .th-compare-output-product .product-table-configure.mobile-flex ._image_{
width: 100%;
}
.th-compare-output-product .product-table-configure.mobile-flex ._image_ .image-and-addcart{
display: flex;
justify-content: center;
}
.th-compare-output-product .product-table-configure.mobile-flex ._image_ .image-and-addcart .img_{
width: auto!important;
height: auto!important;
border: 1px solid #d1d5db;
border-radius: 6px;
padding: 6px;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
}
.th-compare-output-product .product-table-configure.mobile-flex ._image_ .image-and-addcart .img_ img{
position: relative!important;
width: 80px!important;
height: auto!important;
max-height: 90px;
object-fit: contain;
} .th-compare-output-product .product-table-configure.mobile-flex ._title_{
width: 100%;
}
.th-compare-output-product .product-table-configure.mobile-flex .product-title_ a{
font-size: .72rem;
line-height: 1.1rem;
font-weight: 600;
text-decoration: none!important;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
word-break: break-word;
} .th-compare-output-product .product-table-configure.mobile-flex ._SKU_{
font-size: 0.68rem;
line-height: 1rem;
color: #6b7280;
word-break: break-word;
overflow-wrap: anywhere;
} .th-compare-output-product .product-table-configure.mobile-flex ._price_ .price_{
font-size: .82rem;
font-weight: 700;
color: #1f2937;
}
.th-compare-output-product .product-table-configure.mobile-flex ._price_ .price_ del{
font-size: .72rem;
font-weight: 400;
color: #9ca3af;
} .th-compare-output-product .product-table-configure.mobile-flex ._add-to-cart_{
width: 100%;
display: block;
text-align: center;
}
.th-compare-output-product .product-table-configure.mobile-flex .th-add-to-cart_ .th-compare-add-to-cart-btn {
padding: 7px 8px 8px 14px !important;
}
.th-compare-output-product .product-table-configure.mobile-flex .th-add-to-cart_{
height: 36px;
width: 50px;
min-width: 36px!important;
border-radius: 8px;
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
}
.th-compare-output-product .product-table-configure.mobile-flex .th-add-to-cart_ > svg{
width: 18px;
height: 18px;
flex-shrink: 0;
z-index: 1;
pointer-events: none;
}
.th-compare-output-product .product-table-configure.mobile-flex .th-add-to-cart_ a{
inset: 0;
display: flex;
align-items: center;
justify-content: center;
margin: 0!important;
font-size: 0;
color: #ffffff;
background: #060606;
max-width: fit-content;
min-width: auto;
}
.th-compare-output-product .product-table-configure.mobile-flex .th-add-to-cart_ a .add-to-cart-text{
display: none;
}
.th-compare-output-product .product-table-configure.mobile-flex .th-add-to-cart_ a svg{
width: 18px;
height: 18px;
}
.mobile-flex .th-compare-add-to-cart-btn.added,
.mobile-flex .th-compare-add-to-cart-btn.th-in-cart {
color: #fff !important;
display: flex !important;
}
.mobile-flex .th-add-to-cart_ .th-compare-add-to-cart-btn.added > svg,
.mobile-flex .th-add-to-cart_ .th-compare-add-to-cart-btn.th-in-cart > svg {
display: none;
}
.mobile-flex .th-add-to-cart_ .th-compare-add-to-cart-btn.added::after,
.mobile-flex .th-add-to-cart_ .th-compare-add-to-cart-btn.th-in-cart::after {
content: "\2713";
font-size: 18px;
line-height: 1;
color: #fff;
}
.mobile-flex .th-compare-add-to-cart-btn.loading{
position: relative!important;
}
.woocommerce .product-table-configure.mobile-flex ._add-to-cart_ .th-add-to-cart_,
.woocommerce .mobile-flex .th-add-to-cart_{
min-width: 36px;
flex-wrap: nowrap;
} .th-compare-output-product .product-table-configure.mobile-flex ._rating_ td:not(.left-title) .th-compare-rating,
.th-compare-output-product .product-table-configure.mobile-flex ._rating_ td:not(.left-title) .mobile-title{
display: block;
}
.th-compare-output-product .product-table-configure.mobile-flex ._rating_ td:not(.left-title){
padding-top: 8px;
padding-bottom: 8px;
}
.th-compare-output-product .product-table-configure.mobile-flex .th-compare-rating .star-rating{
font-size: 0.8rem;
} .mobile-flex .description-text{
padding: 0 4px;
font-size: .72rem;
line-height: 1rem;
text-align: left;
}
.mobile-flex ._description_ td:not(.left-title){
text-align: left;
} .th-compare-output-product .product-table-configure.mobile-flex td .th-in-stoct{
padding: 3px 8px;
color: #16a34a;
font-size: 0.75rem;
font-weight: 600;
}
.th-compare-output-product .product-table-configure.mobile-flex td .th-out-of-stoct{
padding: 3px 8px;
color: #dc2626;
font-size: 0.75rem;
font-weight: 600;
} .mobile-flex .mobile-title{
font-size: 0.6rem;
color: #9ca3af;
margin-bottom: 3px;
text-transform: uppercase;
letter-spacing: 0.04em;
font-weight: 600;
} .th-compare-output-product .product-table-configure.mobile-flex .th-price td:not(.left-title),
.th-compare-output-product .product-table-configure.mobile-flex .th-add-to-cart td:not(.left-title){
text-align: center;
}
.th-compare-output-product .product-table-configure.mobile-flex .th-price td:not(.left-title) .price_{
font-size: .82rem;
font-weight: 700;
} .th-compare-output-product .product-table-configure.mobile-flex .th-delete td:not(.left-title){
text-align: center;
}
.th-compare-output-product .product-table-configure.mobile-flex .th-delete button{
font-size: 0.72rem;
padding: 4px 8px;
border-radius: 6px;
border: 1px solid #e5e7eb;
background: #fff;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 4px;
} .th-compare-output-product .product-table-configure.mobile-flex tr{
position: relative;
}
.th-compare-output-product .product-table-configure.mobile-flex._has-scroll tr::after{
content: '';
position: sticky;
right: 0;
top: 0;
display: inline-block;
width: 24px;
min-height: 100%;
background: linear-gradient(to right, transparent, rgba(248,250,255,0.85));
pointer-events: none;
vertical-align: top;
} .th-compare-output-wrap .th-compare-output-wrap-inner{
background-color: #f8faff;
}
.th-compare-output-product:has(> .mobile-flex){
border: 0;
border-radius: 0;
box-shadow: none;
}   .product-table-configure.mobile-flex.style-desktop td.left-title{
background: #f3f4f6;
}
.product-table-configure.mobile-flex.style-desktop td.left-title span{
color: #374151;
border-bottom-color: #d1d5db;
} .product-table-configure.mobile-flex.style-desktop ._image_ .image-and-addcart .img_{
border-color: #e5e7eb;
background: #fafafa;
} .product-table-configure.mobile-flex.style-desktop .product-title_ a{
color: #111827;
} .product-table-configure.mobile-flex.style-desktop ._SKU_{
color: #9ca3af;
} .product-table-configure.mobile-flex.style-desktop ._price_ .price_{
color: #111827;
} .product-table-configure.mobile-flex.style-desktop .th-add-to-cart_ a{
background: #3b82f6;
color: #ffffff;
} .product-table-configure.mobile-flex.style-desktop .th-in-stoct{
color: #10b981;
}
.product-table-configure.mobile-flex.style-desktop .th-out-of-stoct{
color: #ef4444;
} .product-table-configure.mobile-flex.style-desktop .mobile-title{
color: #6b7280;
} .product-table-configure.mobile-flex.style-desktop .description-text{
color: #374151;
} .th-compare-output-wrap .th-compare-output-wrap-inner:has(.style-desktop){
background-color: #f9fafb;
}
}:root {
--highlight-color: #000000;
--light-text-color1: #6a7282;
--light-text-color2: #99a1af;
--tw-shadow: 0 20px 50px #00000026;
}
*{
box-sizing: border-box;
} .tapsp-voice-btn {
background: transparent;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
margin-right: 2px;
padding: 0;
color: var(--light-text-color1);
transition: color 0.2s ease, background 0.2s ease;
flex-shrink: 0;
border-radius: 50%;
}
.tapsp-voice-btn:hover {
color: var(--highlight-color);
background: #f0f4ff;
}
.tapsp-voice-btn.tapsp-voice-listening {
color: #e53e3e;
animation: tapsp-voice-pulse 1s ease-in-out infinite;
}
@keyframes tapsp-voice-pulse {
0%, 100% { opacity: 1; transform: scale(1); }
50%       { opacity: 0.6; transform: scale(1.15); }
}
.thaps-search-box{
max-width:550px;
}
.thaps-search-box {
position: relative;
line-height: 100%;
display: block;
width: 100%;
text-align: left;
margin: 0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
align-items: center;
display: flex;
}
.thaps-search-form{
margin: 0;
padding: 0;
width: 100%;
}
.thaps-search-form,
.thaps-autocomplete-suggestions {
position: relative;
animation: bounceDrop .05s linear; */
}
.thaps-from-wrap{
display: flex;
align-items: center;
background: #fff;
border-radius: 2rem;
position: relative;
border: 1px solid;
border-color: #e7f5ff;
}
.tapsp-overlay-active .thaps-from-wrap{
z-index: 9999999!important
}
.thaps-from-wrap:focus-within{ border: 1px solid var(--highlight-color);
}
.thaps-search-autocomplete:focus{
outline: 0;
}
#thaps-search-button {
background: var(--highlight-color);
width: 70px;
height: 36px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 17px;
padding: 0;
border: 0;
margin: 0.3rem;
color: #fff;
word-break: initial;
border-radius: 16px;
}
#thaps-search-button:hover{
background:#888;
}
.thaps-search-form .thaps-search-autocomplete {
min-height: 35px;
line-height: 35px;
border: none !important;
font-size: 14px;
width: 100%;
padding: 0.3rem 0.8rem;
margin: 0;
border-radius: 2rem !important;
background: transparent;
outline: 0!important;
}
.thaps-autocomplete-suggestions {
border: 1px solid #eee;
background: #FFF;
overflow: auto;
border-radius: 1rem;
margin-top: 9px; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
border-color: color-mix(in oklab, #FFF 20%, transparent);
background-color: #FFF !important;
z-index: 9999999!important;
padding-bottom: 14px;
}
.thaps-autocomplete-selected { background: #f5f5f5f7; }
.thaps-autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.thaps-autocomplete-group { padding: 0.5rem; }
.thaps-autocomplete-group strong { display: block; border-bottom: 1px solid #000; 
}
.thaps-autocomplete-suggestion{
display: flex;
overflow: hidden;
cursor: pointer;
padding: 14px 12px;
border-radius: 0px;
outline: 0 !important;
align-items: flex-start;
gap: 12px;
border-top-width: 1px;
border-top-style: solid;
border-color: #f6f3f4 !important;
}
.thaps-autocomplete-suggestion .thaps-img{
width: 32px;
height: auto;
flex-shrink: 0;
border-radius: 6px;
overflow: hidden;
margin-right: 0;
box-shadow: 0px 0px 2px 0 #b9b9b9;
}
.thaps-autocomplete-suggestion .thaps-img img{
width: 100%;
height: auto;
max-width: 100%;
transition: alL .2s linear;
}
.thaps-autocomplete-suggestion:hover .thaps-img img{
transform: scale(1.12);
transition: alL .2s linear;
}
.thaps-autocomplete-suggestion.thaps-suggestion-product .thaps-img{
width: 46px;
height: 46px;
max-height: 46px;
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
}
.thaps-autocomplete-suggestion.thaps-suggestion-product .thaps-img img{
width: max-content;
max-height: 46px;
max-width: 100%;
transition: alL .2s linear;
}
.thaps-autocomplete-suggestion .thaps-price{
font-size: 14px;
font-weight: 700;
display: block;
color: #101828 !important;
display: flex;
align-items: center;
padding: 4px 4px;
border-radius: 5px;
border: 1px solid #f3f3f3;
width: max-content;
}
.thaps-autocomplete-suggestion.thaps-suggestion-heading .thaps-title{
font-size: 9px !important;
font-weight: 700 !important;
letter-spacing: 0.09em;
text-transform: uppercase;
color: var(--light-text-color2);
}
.thaps-suggestion-heading{
margin-bottom: 0.5rem;
pointer-events: none;
}
.thaps-suggestion-taxonomy-post-cat .thaps-title,.thaps-suggestion-taxonomy-product-cat .thaps-title{
font-size:0.89rem;
}
.thaps-suggestion-taxonomy-product-cat,.thaps-suggestion-taxonomy-post-cat{
padding: 0.5rem;
}
.thaps-title{
color:#333;
font-weight: 600;
font-size: .875rem;
letter-spacing: .029px;
line-height: 1.425;
}
.thaps-suggestion-heading .thaps-title h4{
color: #555;
font-size: .875rem;
text-transform: uppercase;
font-weight: normal;
}
.thaps-title h4{
display: inline;
font-weight: inherit;
font-size: inherit;
letter-spacing: inherit;
line-height: inherit;
color: #3399FF;
}
.thaps-suggestion-more strong{
color: #333;
font-size: 1rem;
font-weight: bold;
}
.thaps-content-wrapp{
line-height:normal;
}
.thaps-price del{
color:#494949;
margin-right:0.3rem;
opacity: 0.5;
}
.thaps-price ins{
text-decoration:none;
}
.nonce_result_show{
opacity:0.5;
pointer-events: none;
}
.thaps-preloader{
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 45px;
z-index: 1;
background:none;
display: none;
}
.thaps-preloader.thaps-loading{
display: block;
}
.thaps-loading {
height: 0;
width: 0;
padding: 10px;
border: 3px solid rgba(136,136,136,0.2);
border-top-color: rgba(136,136,136,1);
border-radius: 50%;
-webkit-animation: rotate 1s infinite linear;
position: absolute;
top: 9px;
margin-right: 10px;
right: 18px!important;
}
@-webkit-keyframes rotate { 100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.submit-no-active .thaps-from-wrap .th-icon, .bar_style .th-icon,
.icon_style .thaps-from-wrap .th-icon{
position:absolute;
left:0.5rem
}
.submit-no-active .thaps-from-wrap .th-icon{
color: #111;  
}
.submit-no-active .thaps-search-autocomplete,
.bar_style .thaps-search-autocomplete,.icon_style .thaps-search-autocomplete{
padding: 0.3rem 0.3rem 0.3rem 2.8rem;
}
.submit-no-active .thaps-from-wrap, .bar_style .thaps-from-wrap,
.icon_style .thaps-from-wrap{
align-items: center;
}
.thaps-search-box.bar_style #thaps-search-button{
width:35px;
height:35px;
line-height:35px;
background:none;
cursor:pointer;
}
.thaps-search-box.bar_style #thaps-search-button .th-icon{
color:#111;
}
.thaps-search-box.bar_style .thaps-search-autocomplete{
padding:0.3rem;
}
#thaps-search-button:focus{
outline:none;
}
.thaps-suggestion-more{
border-top-width: 1px;
border-top-style: solid;
border-color: #f6f3f4 !important;
padding: 8px 15px 0px 15px;
text-align: center;
position: sticky;
bottom: 0;
margin: auto !important;
border-radius: 0;
background: #FFF !important;
}
.thaps-autocomplete-suggestion.thaps-suggestion-more .thaps-title{
color: var(--highlight-color);
}
.thaps-suggestion-more:hover .thaps-content-wrapp{
background: var(--highlight-color);
}
.thaps-autocomplete-suggestion.thaps-suggestion-more:hover .thaps-title{
color: #FFF!important;
}
.thaps-suggestion-more .thaps-content-wrapp{
justify-content: center;
padding: 9px 0;
color: var(--highlight-color);
border-radius: 99px;
line-height: normal;
text-align: center;
width: 100%;
}
.thaps-suggestion-more .thaps-content-wrapp *{
color: inherit;
}
.thaps-suggestion-more .thaps-title{
font-size: 14px;
line-height: 1.7;
font-weight: 600;
letter-spacing: -.5px;
}
.thaps-suggestion-more .thaps-title:after {
content: "";
display: inline-block;
width: 16px;
height: 16px;
position: relative;
top: 3px;
margin-left: 10px;
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><path d="M4 12h14M13 6l6 6-6 6" stroke="black" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center / contain;
mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><path d="M4 12h14M13 6l6 6-6 6" stroke="black" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center / contain;
transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
will-change: transform;
} .thaps-suggestion-more:hover .thaps-title:after {
transform: translateX(4px);
}
.thaps-autocomplete-suggestion .thaps-title{
font-weight: 500;
font-size: .875rem;
letter-spacing: .029px;
line-height: 1.425;
display: inline;
margin-right: 4px;
color: #101828;
}
.thaps-sku{
font-size: 0.8rem;
font-weight: 500;
color: #555;
}
.thaps-desc{
font-size: 13px;
line-height: 1.25;
display: block;
margin-top: 3px;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
max-width: 100%;
color: #414141;
}
.thaps-content-right{
text-align: right;
}
.thaps-content-wrapp {
line-height: normal;
display: flex;
justify-content: space-between;
width: 100%;
gap: 14px;
}
.thaps-suggestion-more .thaps-content-wrapp {
justify-content: center;
}
.icon_style .thaps-search-form {
opacity:0;
display:none;
position: absolute;
left: 0;
top: calc(100% + 8px);
min-width:270px;
z-index: 1;
}
.icon_style.thaps-box-open .thaps-search-form{
opacity:1;
display:block;
}
.icon_style .click-icon{
height: auto;
cursor: pointer;
}
.thaps-box-open .thaps-icon-arrow {
display: block;
position: absolute;
top: calc(100% + 2px);
left: 0;
z-index: 5;
width: 15px;
height: 15px;
background: #fff;
border-left: 1px solid #ddd;
border-top: 1px solid #ddd;
-webkit-transform: rotate(
45deg
);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(
45deg
);
} .thaps-autocomplete-suggestions::-webkit-scrollbar {
width: 6px;
}
.thaps-autocomplete-suggestions::-webkit-scrollbar-track {
background: transparent;
margin-block: 6px; }
.thaps-autocomplete-suggestions::-webkit-scrollbar-thumb {
background-color: #e9e4e6; border-radius: 0 1rem 1rem 0; border: 1px solid transparent;
background-clip: content-box;
transition: background 0.2s ease;
}
.thaps-autocomplete-suggestions::-webkit-scrollbar-thumb:hover {
background-color: #e3e2e3;
}
.thaps-search-box .th-icon{
font-size:1.62rem;
} @keyframes bounceDrop {
0% {
transform: translateY(15px);
opacity: 0;
}
80% {
transform: translateY(2px); }
100% {
transform: translateY(0);
}
}
.thaps-suggestion-more:hover .thaps-content-wrapp *{
color: inherit;
} .tapsp-overlay {
position: fixed;
inset: 0;
background: rgba(0,0,0,0.55);
display: none;
z-index:1000008;
}
#wpadminbar:hover{
z-index: 9999999;
}
@media screen and (max-width: 767px){
div.thaps-autocomplete-suggestions{
width: 95% !important;
left: 0 !important;
right: 0!important;
margin: 0 auto!important;
margin-top: 9px!important;
}
.thaps-content-right{
text-align: left;
}
}
.tapsp-overlay-active .taiowc-fixed-cart .taiowc-content,
.tapsp-overlay-active .taiowcp-fixed-cart .taiowcp-content{
z-index: 2!important;
}
.tapsp-stock{
font-size: 9px;
display: block;
margin-top: 3px;
font-weight: 700;
text-transform: capitalize;
color: #4CAF50;
}
.th-traditional .tapsp-stock{
margin: 0 0 9px 0;
} .thaps-autocomplete-suggestions > .thaps-suggestion-wrap.thaps-suggestion-product .tapsp-stock {
font-size: 9px;
display: block;
margin-top: 3px;
font-weight: 500;
}
.tapsp-sale{
background: #111;
color: #fff;
padding: 0.2rem 0.4rem;
font-size: 0.7rem;
border-radius: 0.2rem;
margin-right: 0.5rem;
margin-top: 0.2rem;
margin-bottom: 0.2rem;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 6px;
text-transform: capitalize;
}
.th-traditional .tapsp-sale{
margin-top: 0;
margin-bottom: 9px;
}
.tapsp-featured::before {
content: "\f155";
font-family: Dashicons;
text-transform: none;
-webkit-font-smoothing: antialiased;
text-indent: 0px;
font-size:0.867rem;
color:#dab257;
margin-right:0.3rem;
}