@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
body {
  font-family: "Montserrat", sans-serif;
}
/*Main style */
.uwcc-layout-popup .uwcc-main-inner-wrapper .uwcc-cart-popup {
    top: 50%;
    transform: translateY(-50%);
}
.product_sngl_mn .fitting-date{
       cursor: pointer;
}
.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout a.checkout-button{
    margin-top:15px;
}

.global-btn-style-1{
    background: var(--global--color-primary);
    border:2px solid var(--global--color-primary);
    color:#fff;
    padding: 5px 20px;
    border-radius: 5px;
}
.global-btn-style-1:hover{
     color: var(--global--color-primary);
     background:#fff;
}
.site-main-search-wrapper .e-n-tabs-heading {
    background: #1d3648;
}
.site-main-search-wrapper .e-n-tabs.e-activated{
    background: #fff;
}
#header-searchbar-wrapper {
    display: none;
}
/*Home Page CSS Start*/

/*Top Banner Section Start*/
.home-page-top-banner-wrapper{
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center;
    min-height: 550px;
}
.home-page-top-banner-wrapper .home-page-layer-effect-1{
    position: relative;
    top: 110px;
    background: #000000;
    background: linear-gradient(90deg,rgba(0, 0, 0, .20) 0%, rgba(255, 255, 255, 0) 70%);
}
.home-page-top-banner-text,
.home-page-top-banner-text-sl{
    color:#fff;
    font-size: 55px;
    margin-bottom: 0;
    text-transform: uppercase;
    text-shadow: 2px 2px rgb(29 54 72 / 60%);
}
.home-page-top-banner-text-sl{
     font-size: 70px;
}
@media (max-width: 991.98px) {
    .home-page-top-banner-text{
        font-size: 30px;
        line-height: 35px;
    }
    .home-page-top-banner-text-sl {
        font-size: 50px;
    }
}
@media (max-width: 767.98px) {
    .home-page-top-banner-wrapper{
        min-height: 250px;
    }
    .home-page-top-banner-text{
        font-size: 26px;
    }
    .home-page-top-banner-text-sl {
        font-size: 26px;
    }
    .home-page-top-banner-wrapper .home-page-layer-effect-1{
        background: linear-gradient(90deg,rgba(0, 0, 0, .20) 0%, rgba(255, 255, 255, 0) 100%);
        top: 50px;
    }
    .home-page-search-section {
	    margin-top: -40px !important;
    }
    .archive.post-type-archive .banner_section {
	    display: none;
    }
        input[type="checkbox"], input[type="radio"] {
    	border: 2px solid var(--global--color-primary);
    	width: 15px;
    	height: 15px;
    	margin-top: 10px;
    }
}

.banner_section .banner_area.banner-tyre-search-area h1 {
	font-weight: 500;
	font-size: 48px !important;
}
.banner_section .banner_area.banner-tyre-search-area h3 {
	font-weight: 400;
	font-size: 20px;
}
 
/*Top Banner Section End*/

/*Home Page Search Section*/
.home-page-search-section
 {
       margin-top: -200px;
}
/*Offer Section*/
@media (max-width: 991.98px) {
    .home-offer-section .offer-box{
        margin-bottom:20px;
        height: auto;
    }
}
@media (max-width: 767.98px) {
   
    .home-offer-section .offer-box{
        margin-bottom:20px;
        height: auto;
    }
   .home-offer-section.spaced {
        padding-top: 20px;
    }
    .home-content-section.spaced p {
    	font-size: 15px;
    }
    .home-brand-section.spaced h2 {
    	font-size: 30px;
    	line-height: 1.3em;
    }
    .home-brand-section .home-brand-des p {
    	font-size: 15px;
    }
    .home-choose-section p {
	    font-size: 14px;
    }
    .choose-box-title {
    	margin: 0px 0 20px;
    }
    .choose-icon {
    	width: 115px;
    	height: 115px;
      }
    .choose-icon img {
    	width: 45px;
    	height: 45px;
    	margin-top: 50px;
    	margin-left: 30px;
    }
    .spaced {
    	padding: 40px 0;
    }
    .home-faqs-section p {
    	font-size: 15px;
    }
    .banner_section .banner_area.banner-tyre-search-area h1 {
    	font-weight: bold;
    	font-size: 30px !important;
    }
    .banner_section .banner_area.banner-tyre-search-area h3 {
    	font-weight: 400;
    	font-size: 17px;
    	line-height: 1.3em;
    }
    .advantages_section {
    	background-color: #f2f2f2;
    	padding: 15px 0;
    	display: none;
    }
    .section_title p {
    	font-size: 14px;
    	margin-bottom: 10px !important;
    }
    .shop.heading {
    	padding: 5px 0 !important;
    }
    .section_title{
    	margin-bottom: 10px !important;
    }
    .banner_section {
    	padding: 40px 0 40px !important;
    }
    .section_title h5 {
	    padding-top: 0px !important;
    }
    .cm-shop-page-title-wrap h4 img {
	    display: none;
    }
}
/*Offer Section*/

/*Work Section*/
@media (max-width: 991.98px) {
     .home-work-section .work-box{
        margin-bottom:20px;
        height:auto;
    }
}
@media (max-width: 767.98px) {
    
    .home-work-section .work-box{
        margin-bottom:20px;
        height:auto;
    }
     .home-work-section .work-box-inner{
        padding-bottom: 15px;
    }
}
/*Work Section*/

/*Featured Section*/
@media (max-width: 991.98px) {
    .home-featured-section .featured-box-content .featured-listing .featured-listing-box{
        width:50%;
    }
    .home-featured-section .featured-box{
        flex-wrap:wrap;
        text-align: center;
    }
    .home-featured-section .featured-box-content,
    .home-featured-section .featured-box-image{
        width:100%;
    }
    .home-featured-section .listing-content {
        font-size: 11px;
        line-height: 12px;
    }
    .home-featured-section .featured-reviews{
        justify-content: center;
    }
}

/*Featured Section*/

/*Brand Section*/
.home-brand-section .home-brand-des{
    margin:15px 0;
}
.home-brand-section .home-brand-des p {
    margin: 0;
}
.home-brand-section .home-brand-des p strong{
     margin-top:15px;
     margin-bottom:15px;
     display: block;
}
/*Brand Section*/


/*Choose slider*/
@media (max-width: 991.98px) {
     .home-choose-section .choose-row .choose-box{
        margin-bottom:20px;
    }
    .home-choose-section .choose-row{
        width:100%;
        margin-top:20px;
    }
}

/*Choose slider*/


/*Faq Section*/
.home-choose-section .sub-heading{
    display:flex;
    align-items:center;
    line-height: 16px;
}
.home-choose-section .sub-heading .col-3-pattern{
    margin-right:10px;
}
.home-choose-section .sub-heading .col-3-pattern span{
    display: inline-block;
    height: 20px;
    border-radius:2px;
}
.home-choose-section .sub-heading .col-3-pattern span:first-child{
       width: 4px;
        background: #92b2de;
}
.home-choose-section .sub-heading .col-3-pattern span:nth-child(2){
        width: 7px;
        background: #6995d2;
}
.home-choose-section .sub-heading .col-3-pattern span:last-child{
     width: 10px;
        background: #084fb0;
        
}
.home-faqs-section .faqs-box-content .sub-heading {
    display: inline-block;
    background: #fff;
    padding: 5px 20px;
    min-width: 185px;
    border: 1px solid #eee;
    border-radius: 100px;
    text-align: right;
    position: relative;
    margin-bottom: 20px;
}
.home-faqs-section .faqs-box-content .sub-heading::after {
    content: "";
    width: 10px;
    height: 2px;
    background-color: var(--global--color-primary);
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
}

.home-faqs-section .accordionFaqs .accordion-button{
    padding-left: 20px;
    display: flex;
    justify-content: space-between;
    padding-right: 20px;
    line-height: 25px;
    position: relative;
    text-align: left;
    align-items: center;
}
.home-faqs-section .accordionFaqs .accordion-button .acrd-icn span {
    color: #d7d7d7;
}
.home-faqs-section .accordionFaqs .accordion-button.collapsed .acrd-icn span.acrd-icn-plus,
.home-faqs-section .accordionFaqs .accordion-button .acrd-icn span.acrd-icn-minus{
    display: block;
}
.home-faqs-section .accordionFaqs .accordion-button.collapsed .acrd-icn span.acrd-icn-minus,
.home-faqs-section .accordionFaqs .accordion-button .acrd-icn span.acrd-icn-plus{
    display: none;
}
@media (max-width: 991.98px) {
     #accordionFlushFaqs{
        margin-top:30px;
    }
}
@media (max-width: 767.98px) {
    #accordionFlushFaqs{
        margin-top:30px;
    }
    .home-faqs-section .faqs-box{
        padding:30px 15px;
    }
    .home-faqs-section .accordionFaqs .accordion-button{
        line-height:17px;
        font-size:14px;
        padding:10px;
        min-height: 54px;
        align-items: center;
    }
    .home-faqs-section .accordionFaqs .accordion-header{
        align-items:center;
    }
    
}
/*Faq Section*/


/*Review slider*/
.home-review-section .ti-widget-container.ti-col-4 {
    display: flex !important;
}
.home-review-section  .ti-widget.ti-ebay .ti-reviews-container{
    max-width:88%;
}
@media (max-width: 767.98px) {
    .home-review-section .ti-widget.ti-ebay .ti-controls{
        display:block;
    }
    .home-review-section .ti-controls-line{
        display:none;
    }
    .home-review-section .ti-widget.ti-ebay .ti-reviews-container{
        margin: 0 auto;
    }
}
/*Review slider*/


/*Blog Section CSS Start*/
.cm-home-page-blog-element .swiper-button-prev {
    right: 75px;
    left: auto;
}
.cm-home-page-blog-element .swiper-button-next, .cm-home-page-blog-element .swiper-button-prev {
    top: -25px;
}
@media (max-width: 991.98px) {
     .home-blog-section .blog-box{
        flex-wrap: wrap;
        margin-bottom:20px;
        border:1px solid #d7d7d7;
    }
    .home-blog-section .blog-image img{
        min-height:300px;
    }
     .home-blog-section .blog-box .blog-image,
     .home-blog-section .blog-box .blog-content{
         width:100%;
     }
}

/*Blog Section CSS End*/


/*Global for Home Page*/
@media (max-width: 767.98px) {
    
     .home-work-section .heading,
     .home-content-section .heading,
     .home-faqs-section .heading,
     .home-choose-section .heading{
        font-size: 30px;
        line-height: 35px;
    }
}
/*Home Page CSS End*/



/*Tyre Shop Page*/
.woocommerce-shop.post-type-archive .woocommerce-result-count, 
.woocommerce-page.archive.tax-product_cat .woocommerce-result-count{
    color:#000 !important;    
}
body.woocommerce-page .hiraola-sidebar-catagories_area h4.filter-sidebar-title {
    padding: 18px;
    font-size: 14px;
    margin: 0;
    color: #705e5d;
    border-bottom: 1px solid #d0d0d0;
}
a.woof_front_toggle {
    position: relative;
}

.woof_front_toggle.woof_front_toggle_closed::after {
    content: '';
    top: 4px;
    position: absolute;
    right: -3px;
    bottom: 0px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #7d7d7d;
}
.woof_front_toggle.woof_front_toggle_opened::after {
    content: '';
    top: 4px;
    position: absolute;
    right: -3px;
    bottom: 0px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #7d7d7d;
}

body.woocommerce-page .hiraola-sidebar-catagories_area .woof_redraw_zone .woof_container .woof_list label {
    font-size: 12px;
    margin-bottom: 0;
    padding: 0;
}
body.woocommerce-page .hiraola-sidebar-catagories_area .woof_redraw_zone .woof_container .woof_hida {
    font-size: 12px;
    text-align: left;
    font-weight: 500;
}
body.woocommerce-page .hiraola-sidebar-catagories_area {
    border: 1px solid #d0d0d0;
    border-radius: 10px;
    overflow: hidden;
}
body.woocommerce-page .hiraola-sidebar-catagories_area .woof_redraw_zone .woof_container{
     margin-bottom: 0px;
     padding-bottom:0px;
}
body.woocommerce-page .hiraola-sidebar-catagories_area .woof_submit_search_form_container button {
    width: 100%;
    max-width: 100%;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}
body.woocommerce-page .hiraola-sidebar-catagories_area .woof_submit_search_form_container button.button.woof_reset_search_form {
    max-width: 100%;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}
body.woocommerce-page .hiraola-sidebar-catagories_area .woof_submit_search_form_container {
    margin: 0;
}
body.woocommerce-page .hiraola-sidebar-catagories_area .woof_redraw_zone .woof_products_top_panel ul {
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
body.woocommerce-page .hiraola-sidebar-catagories_area .woof_redraw_zone .woof_container select {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-color: #eee;
}
body.woocommerce-page .hiraola-sidebar-catagories_area .woof_redraw_zone .woof_container h4{
     border-bottom: 1px solid #d0d0d0 !important;
}
body.woocommerce-page .hiraola-sidebar-catagories_area .woof_redraw_zone .woof_container:first-child select{
    border-top: 1px solid #d0d0d0 !important;
}
body.woocommerce-page .hiraola-sidebar-catagories_area .woof_redraw_zone .woof_container.woof_container_pa_fitting-method{
    display:none;
}
body.woocommerce-page  .cm-tyre-fitting-method-form .form-check label {
    line-height: 25px;
    padding-left: 5px;
    padding-right: 10px;
}
    .cm-tyre-fitting-method-form .woof_redraw_zone > div {
    display: none;
}
    .cm-tyre-fitting-method-form .woof_redraw_zone > div.woof_container_pa_fitting-method {
    display: block;
}
.cm-tyre-fitting-method-form .woof_redraw_zone > div.woof_container_pa_fitting-method ul.woof_list.woof_list_radio, 
.cm-tyre-fitting-method-form .woof_redraw_zone > div.woof_container_pa_fitting-method ul.woof_list.woof_list_radio li {
    display: flex;
    align-items: center;
}
.cm-tyre-fitting-method-form .woof_redraw_zone ul.woof_list.woof_list_radio label.woof_radio_label{
    margin: 0;
}
.cm-tyre-fitting-method-form .woof_redraw_zone ul.woof_list.woof_list_radio li input{
    border-color: var(--global--color-primary) !important;
}
.cm-tyre-fitting-method-form .woof_redraw_zone ul.woof_list.woof_list_radio li input[checked="checked"]::after {
    opacity: 1;
}
.cm-tyre-fitting-method-form .woof_redraw_zone ul.woof_list.woof_list_radio li img{
    display: none;
}
.cm-tyre-fitting-method-form .woof_show_mobile_filter {
    display: none;
}
.cm-tyre-fitting-method-form .woof_hide_filter {
	display: block !important;
	width: 100%;
}
body.woocommerce-page .wc-block-attribute-filter.style-list,
body.woocommerce-page .wc-block-product-categories-list{
    display: none;
}

body.woocommerce-page .hiraola-sidebar-catagories_area .wc-block-attribute-filter__title,
body.woocommerce-page .hiraola-sidebar-catagories_area .wc-blocks-filter-wrapper h3.wp-block-heading{
    cursor: pointer;
    margin: 0 !important;
    background-color: #fff !important;
    color: #000 !important;
    padding:14px 15px;
    border-bottom: 1px solid #eeee;
    border-top: 1px solid #eee;
}
body.woocommerce-page .hiraola-sidebar-catagories_area .wc-blocks-filter-wrapper.active-filter  h3.wp-block-heading,
body.woocommerce-page .hiraola-sidebar-catagories_area .active-filter .wc-block-attribute-filter__title{
    color: #fff !important;
    background-color: #000 !important;
}

body.woocommerce-page  .hiraola-sidebar-catagories_area .wc-blocks-filter-wrapper.active-filter .wc-block-attribute-filter.style-list{
    display:block;
}


body.woocommerce-page .cm-tyre-shop-page-top-wrapper {
    border-radius: 10px;
}

body.woocommerce-page .cm-tyre-shop-page-top-wrapper .btn-search-again {
    border: 2px solid var(--global--color-primary)!important;
    background: #fff !important;
    color: var(--global--color-primary) !important;
}
body.woocommerce-page .cm-tyre-shop-page-top-wrapper .btn-search-again:hover{
    background:var(--global--color-primary) !important;
    color:#fff !important;
}
body.woocommerce-page .cm-tyre-shop-page-top-wrapper .btn.btn-type-model {
    background: #F9D738 !important;
    color: #000 !important;
    border: 2px solid #F9D738 !important;
}
body.woocommerce-page .cm-tyre-shop-page-top-wrapper .btn.btn-type-model:hover{
    background:#fff !important;
}
body.woocommerce-page .cm-tyre-shop-page-top-wrapper .cm-tyre-number {
    font-size: 20px;
    font-weight: 600;
}
body.woocommerce-page .cm-tyre-shop-page-top-wrapper .cm-tyre-number span{
    display:block;
}
body.woocommerce-page input[type=number]::-webkit-inner-spin-button, 
body.woocommerce-page input[type=number]::-webkit-outer-spin-button {
   opacity: 1;
}
body.woocommerce-page .numb_jp{
    position:relative;
}

body.woocommerce-page .numb_jp input{
    text-align: center;
    direction: rtl;
    padding: 0;
    border: none;
}
body.woocommerce-page .numb_jp::after {
    content: "";
    width: 25px;
    height: 25px;
    border: 2px solid #000;
    display: block;
    position: absolute;
    top: 5px;
    left: 22px;
    
}
body.woocommerce-page input[type=checkbox],
body.woocommerce-page .numb_jp::after{
    border-radius: 3px;
}
.extras .comp_jp input[type="checkbox"], input[type="radio"] {
    border: 2px solid #060606 !important;
}
.extras .comp_jp  input[type="checkbox"] + label, input[type="radio"] + label {
    padding-left: 5px !important;
}
body.woocommerce-page input[type=checkbox]:after{
    top:0;
}
body.woocommerce-page .woocommerce .star-rating span{
    font-family: WooCommerce;
}
body.woocommerce-page .woocommerce .products .star-rating {
    color: #6C6F70;
}
.woocommerce div.product .woocommerce-product-rating {
    margin: 0;
    display: flex;
    align-items: center;
}
body.woocommerce-page .rating-label-text {
    font-size: 11px;
    font-style: italic;
}
body.woocommerce-page .product-rating .woocommerce-product-rating .review-count.ml-2 {
    color: #6d6d68;
} 
body.woocommerce-page .product-performance-labels .label{
        border-radius: 0px 0px 10px 10px;
}
body.woocommerce-page button.woof_reset_button_2 {
    border-radius: 23px;
    padding: 0px 10px;
    color: #fff;
}
body.woocommerce-page button.woof_reset_button_2:hover{
    border-color: var(--global--color-primary);
    color: var(--global--color-primary);
}
body.woocommerce-page .woof_products_top_panel ul.woof_products_top_panel_ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
body.woocommerce-page .woof_products_top_panel {
    background: #eee;
    padding: 10px;
    border-radius: 32px;
}
body.woocommerce-page .woof_products_top_panel li span, .woof_products_top_panel2 li span{
    background:none;
    padding-left: 20px;
    position:relative;
}
body.woocommerce-page span.woof_remove_ppi::before {
    content: "\f00d";
    font-family: 'Font Awesome 5 Free';
    background: green;
    border: 2px solid green;
    color: #fff;
    font-weight: 900;
    width: 17px;
    height: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    font-size: 9px;
    line-height: 13px;
    position: absolute;
    top: 3px;
}
body.woocommerce-page #cs_woocommerce_wrapper .woocommerce-result-count, 
body.woocommerce-page #cs_woocommerce_wrapper .woocommerce-ordering {
    margin: 0;
    display: inline-block;
}
body.woocommerce-page .hiraola-sidebar-catagories_area .woof_redraw_zone .woof_container h4 {
    padding: 15px 20px;
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: #705e5d !important;
}
body.woocommerce-page .hiraola-sidebar-catagories_area .woof_redraw_zone .woof_container .woof_block_html_items {
    padding: 0 10px;
    margin-top:10px;
}
#cs_woocommerce_wrapper .woocommerce-result-count {
    padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit);
}
body.woocommerce-page .extras a.save_ltr {
    color: #000;
}
.woocommerce nav.woocommerce-pagination ul{
    border-color:var(--global--color-primary) !important;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, 
.woocommerce nav.woocommerce-pagination ul li a:hover, 
.woocommerce nav.woocommerce-pagination ul li span.current{
    background:var(--global--color-primary) !important;
}
body.woocommerce-page .extras .numb_jp,
body.woocommerce-page .extras .save_ltr{
    font-weight:400;
    font-size: 12.8px;
}
body.woocommerce-page .paypal_txt {
    line-height: 15px;
}
body.woocommerce-page .product-btns .btns {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
}
body.woocommerce-page .extras{
    padding-left:0px;
    padding-right:0px;
}
body.woocommerce-page .extras .cm-whishlist-wrapper .tinvwl_add_to_wishlist_button {
    background: #fff !important;
    padding: 0 !important;
}
body.woocommerce-page .extras .cm-whishlist-wrapper .tinvwl_add_to_wishlist_button.tinvwl-product-in-list {

        padding: 5px !important;
        background: var(--global--color-primary) !important;
        height: auto;
        color: #fff !important;

}
.custom-cat-item-ui,
.woocommerce-checkout #customer_details{
    border: 1px solid var(--global--color-primary);
    padding: 10px;
    border-radius: 10px;
}
.custom-cat-item-ui .row::before {
    content: " (" attr(data-item-count) ")";
    align-self: flex-start;
    position: absolute;
    left: 15px;
    font-size: 10px;
}
.garage-main-wrapper.custom-cat-item-ui .row::before{
    display: none;
}
.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout a.checkout-button {
    background: var(--global--color-primary);
    border-color: var(--global--color-primary);
    color: #fff !important;
    padding: 10px;
    font-size: 17px;
}
.woocommerce form.checkout_coupon .button{
    background: var(--global--color-primary);
     color: #fff !important;
}
.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce form.checkout_coupon .button:hover{
     background: #079c4a !important;
}

.custom-cat-item-ui .row{
   border-bottom: 1px solid var(--global--color-primary);
}
.custom-cat-item-ui .cm-cart-remove-link a {
    font-size: 11px;
    display: inline-block;
    width: auto;
    line-height: 13px;
	height:auto;
    color: var(--global--color-primary) !important;
}
.cm-cart-btn-amount-wrap .cm-cart-total-amount {
    min-width: 95px;
}
.custom-cat-item-ui .cm-cart-remove-link * {
    color: #fff !important;
    font-weight: 900 !important;
    font-size: 12px;
}
.custom-cat-item-ui .cm-cart-remove-link{
    background: var(--global--color-primary);
    font-size: 10px;
    padding: 6px 7px;
    border-radius: 20px;
    color: #fff !important;
    border:1px solid var(--global--color-primary);

}

.custom-cat-item-ui .cm-cart-remove-link a.remove {
   color:#fff !important;
   background:transparent !important;
}
.custom-cat-item-ui .cm-cart-remove-link:hover *{
    color: var(--global--color-primary) !important;
}
.custom-cat-item-ui .cm-cart-remove-link:hover{
    background:#fff !important;
    cursor:pointer;
}
#garage-ajax-status{
    font-size:13px;
}
#garage-ajax-status.error{
    color:red;
}
#garage-ajax-status.success{
    color:green;
}
.garage-main-wrapper .garage-title {
    font-size: 22px;
    font-weight: 600 !important;
}
form.woocommerce-cart-form .garage-main-wrapper .garage-address {
    font-size: 14px;
    margin: 15px 0;
    color: #212529 !important;
}
form.woocommerce-cart-form .garage-main-wrapper .garage-actions button.btn-link {
    background: #fff !important;
    padding: 0;
    font-size: 11px;
    font-weight: 600 !important;
    text-decoration: underline;
}
form.woocommerce-cart-form .garage-main-wrapper .garage-fitting-date-cp{
    background:var(--global--color-primary);
    color:#fff !important;
    text-align:center;
    border-radius: 10px;
    padding: 5px 10px;
}
.custom-cat-item-ui .row:last-child,
#cartTabsContent .garage-scrolling-wrapper .garage_items .garage_item:last-child{
    border:none !important;
    margin-bottom:0px !important;
}
#cartTabsContent .cart-select-garage-change{
    display:none;
}
.custom-cat-item-ui .cm-cart-price p,
.custom-cat-item-ui .cm-cart-quantity p,
.custom-cat-item-ui .cm-cart-total-amount p{
    font-size: 14px;
    font-weight: 600 !important;
    margin-bottom: 6px;
    line-height:18px;
}

.custom-cat-item-ui .cm-cart-price .woocommerce-Price-amount.amount bdi,
.custom-cat-item-ui .cm-cart-total-amount .woocommerce-Price-amount.amount bdi{
    font-weight:500 !important;
}
.custom-cat-item-ui .cm-cart-total-amount .woocommerce-Price-amount.amount {
    font-size: 19px;
}
.custom-cat-item-ui .cm-cart-quantity .quantity input {
    padding: 0px;
    border: 2px solid #ccc;
    border-radius: 4px;
}
.custom-cat-item-ui .cm-cart-quantity button {
    min-width: 24px;
    border-radius: 40px;
    color: #fff !important;
    font-weight: 600 !important;
    background: #000 !important;
}
.custom-cat-item-ui .cm-cart-quantity .quantity input::-webkit-outer-spin-button,
.custom-cat-item-ui .cm-cart-quantity .quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.custom-cat-item-ui p.product-size {
    margin: 10px 0 !important;
}
.custom-cat-item-ui .product-performance-labels img {
    width: 15px;
}
.woocommerce-cart-form .product-performance-labels .label{
     padding: 10px 5px 5px;
     border-radius:10px;
}
.custom-cat-item-ui .product-performance-labels .label {
    padding: 5px;
}
.custom-cat-item-ui .product-performance-labels span.ty_cls {
    font-size: 13px !important;
    line-height: 16px;
    margin-top: 0;
}
.custom-cat-item-ui .product-performance-labels img {
    width:15px;
}
.custom-cat-item-ui .cm-product-title a, .custom-cat-item-ui .cm-product-title {
    font-size: 23px;
    margin: 0px;
    line-height: 30px;
    text-align: left;
    font-weight: 600 !important;
}
.custom-cat-item-ui .cm-cart-quantity .d-flex {
    min-width: 120px;
    justify-content: space-between;
}
.custom-cat-item-ui p.product-size small {
    color: #69727d !important;
}
.woocommerce table.shop_table{
    border:none !important;
}
body.woocommerce-cart .woocommerce-cart-form tr > td {
    border-color: var(--global--color-primary) !important;
}
.woocommerce ul#cartTabs li button {
    width: 100%;
    border: 2px solid var(--global--color-primary);
    max-width: calc(100% - 10px);
    border-radius: 10px;
    color:var(--global--color-primary);
    background:#fff;
}
.woocommerce ul#cartTabs li button.active{
      background:var(--global--color-primary);
    color:#fff;
}
/* Firefox */
.custom-cat-item-ui .cm-cart-quantity .quantity input[type=number] {
  -moz-appearance: textfield;
}
#addtocartModal .btn-close {
    position:relative;
    top:20px;
    right:20px;
    border:none!important;
    line-height: 12px;
    z-index: 10;
}
#addtocartModal .cart-content-wrap h2 {
    font-size: 20px;
}
#addtocartModal .cart-content-wrap h4 {
    font-size: 16px;
    margin-top:0;
}
#addtocartModal .cart-content-wrap button.atc-btn-close {
    background: #fff;
    color: #000;
    padding: 0;
    text-decoration: underline;
    border: none;
}
#addtocartModal .cart-content-wrap a.atc-btn-cart {
    background-color: var(--global--color-primary);
    border: 2px solid var(--global--color-primary);
    color: #fff;
    padding: 5px 30px;
    display: flex;
    border-radius: 50px;
    font-size: 20px;
    align-items: center;
    justify-content: space-between;
    max-width: 172px;
    margin: 20px auto;
    
}
.custom-cat-item-ui .cart-wrapper-label {
    text-align: left;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 25px;
    color: var(--global--color-primary) !important;
}
#addtocartModal .cart-content-wrap a.atc-btn-cart:hover {
    background: #fff;
    color: var(--global--color-primary);
}
.woocommerce-cart-form .coupon label {
    margin: 0;
}
.cart-address-type-wrapper .form-check label {
    display: block;
}
.cart-address-type-wrapper .form-check {
    border: 2px solid var(--global--color-primary);
    padding: 10px 30px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
}
.cart-address-type-wrapper .address_type {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.custom-cat-item-ui .extra-services-list{
        column-count: 3;
}
.custom-cat-item-ui .garage-booking-icon {
    text-align: center;
    font-size: 40px;
}
.custom-cat-item-ui .garage-booking-label {
    font-size: 12px;
}
.custom-cat-item-ui .extra-services-list li {
    margin-bottom: 10px;
}
.custom-cat-item-ui .extra-services-list span.item-servicce-icn {
    width: 20px;
    display: inline-block;
    background: var(--global--color-primary);
    color: #fff !important;
    text-align: center;
    line-height: 20px;
    border-radius: 40px;
}
.custom-cat-item-ui.garage-main-wrapper .garage-main-title-sec span {
    background: var(--global--color-primary);
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 20px;
    color:#fff !important;
}
.cart-collaterals .cart-coupon-btn-clp {
    background: #fff !important;
    color: var(--global--color-primary) !important;
    font-size: 12px;
    font-weight: 600;
    padding: 0;
}
.cart-collaterals .cart-coupon-response {
    font-size: 11px;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
    background: var(--global--color-primary) !important;
    padding: 5px 10px;
    margin-top: 15px;
    max-width: 100%;
    color:#fff !important;
}
#collapseCoupon button.button {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
    background: var(--global--color-primary) !important;
    color: #fff !important;
    padding: 10px !important;
    height: auto;
}
#collapseCoupon button.button:hover{
    background: #079c4a !important;
}
#collapseCoupon input {
    width: 100%;
    padding: 10px !important;
    height: 40px;
    border: 2px solid var(--global--color-primary);
    border-radius: 5px;
    margin-bottom: 10px;
    margin-left: 0;
}


div#compare-product-st-info {
    background: #38A703;
    position: fixed;
    bottom: 50px;
    right: 23px;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
}




@media (max-width: 1199.98px) {
    .ty_sp {
        flex-wrap: wrap;
    }
    .ty_sp .ty_sp_1, .ty_sp .ty_sp_2 {
        width: 50%;
        border: none;
    }
    .ty_sp .ty_sp_3{
        width: 100%;
        border: none;
    }
   
}
/*@media (min-width: 1200px){*/
/*      .cart-address-type-wrapper .form-check{*/
/*        width:49%;*/
/*    }*/
/*}*/
@media (min-width: 768px) {
    body.woocommerce-page .cart-collaterals .cart_totals table td {
        text-align: right;
    }
}
@media (max-width: 1199.98px) and (min-width:768px){
     body.woocommerce-page .product-performance-labels .label {
        width: 30%;
        margin-bottom: 20px;
        border-radius: 10px;
    }
     body.woocommerce-page .product-performance-labels {
        align-items: center;
        justify-content: space-between;
    }
    /*.cart-address-type-wrapper .form-check{*/
    /*    width:49%;*/
    /*}*/
    .custom-cat-item-ui .cm-cart-btn-amount-wrap{
        justify-content: space-between;
    }
    .custom-cat-item-ui .cm-cart-remove-link a{
        font-size:15px;
    }
    .custom-cat-item-ui .cart-product-img {
        text-align: center;
        margin-top: 15px;
    }
    .cart-address-type-wrapper .form-check label {
        font-size: 15px;
    }
     .custom-cat-item-ui .extra-services-list {
       column-count: 2;
    }
}
@media (max-width: 991.98px) {
    #order_review_heading{
        margin-top:20px;
    }
}
@media (max-width: 767.98px) {
    .ty_sp {
        flex-wrap: wrap;
    }
    .ty_sp .ty_sp_1, .ty_sp .ty_sp_2, .ty_sp .ty_sp_3 {
       width: 35%;
        border: none;
    }
    .ty_sp_2 {
    	width: 65% !important;
    }
    .ty_sp_3 {
    	width: 100% !important;
    }
    .paypal_txt {
    	width: 74% !important;
    }
    .ty_sp_2 h5 {
    	font-size: 17px !important;
    	margin-top: 8px !important;
    }
    .cm-tyre-shop-tyre-search-info,
    .cm-tyre-fitting-method-form,
    .cm-tyre-earliest-fitting-dates{
        flex-wrap:wrap;
    }
    .cm-tyre-shop-tyre-search-info div,
    .cm-tyre-fitting-method-form > div , 
    .cm-tyre-fitting-method-form > p,
    .cm-tyre-earliest-fitting-dates > div,
    .cm-tyre-earliest-fitting-dates > p{
        width: 100%;
    }
    .cm-tyre-fitting-method-form .form-check {
       width: 100%;
    }
    /*.woof_shortcode_output #woof_results_by_ajax{*/
    /*    margin-top: 20px;*/
    /*}*/
    .section_title h2 {
	    font-size: 29px !important;
	    line-height: unset;
    }
    .woof_container {
	    padding-bottom: 0 !important;
	    margin-bottom: 0 !important;
    }
    .woof_list label {
	    padding-top: unset !important;
    	padding-bottom: unset !important;
    }
    .woof_products_top_panel {
    	overflow: hidden;
    	line-height: 20px;
    	margin: 0px 0 0px 0;
    	display: none;
    	position: relative;
    	z-index: 99;
    	clear: both;
    	border-radius: 14px !important;
    }
    .cm-shop-page-title-wrap {
    	margin-top: 10px;
    }
    .cm-tyre-shop-page-top-wrapper {
    	padding: 5px !important;
    }
    .cm-shop-page-title-wrap h4{
        font-size: 15px;
    }
    .cm-tyre-fitting-method-form .woof_redraw_zone > div.woof_container_pa_fitting-method ul.woof_list.woof_list_radio li {
    	width: 100%;
    	align-items: start;
    }
    .cm-tyre-shop-page-top-wrapper {
	    padding: 5px !important;
    }
    .cm-tyre-fitting-method-form .woof_redraw_zone > div.woof_container_pa_fitting-method ul.woof_list.woof_list_radio{
        flex-wrap: unset;
        align-items: start;
    }
    .products_area.product-list .extras{
        margin: 10px 0;
    }
    .products_area.product-list .product_sngl_mn .ty_sp_3{
        padding-left: 15px;
        padding-right: 15px;
    }
    .products_area.product-list .extras .numb_jp input{
        width:50px;
    }
    body.woocommerce-page #fittingDates{
        max-width: 190px;
    }
    body.woocommerce-page button.woof_reset_button_2{
        width:100%;
    }
     body.woocommerce-page .woof_products_top_panel ul.woof_products_top_panel_ul li ul{
         display:flex;
         justify-content:space-between;
    }
    body.woocommerce-page .woof_products_top_panel ul.woof_products_top_panel_ul > li:first-child {
        margin-bottom: 10px !important;
        margin-right: 0 !important;
         width:100%;
    }
     body.woocommerce-page .woocommerce-ordering {
        float: left;
    }
     body.woocommerce-page .product-performance-labels {
        justify-content: space-between;
    }
     body.woocommerce-page .brand_img_sp {
        text-align: center;
        margin-bottom: 20px;
    }
    body.woocommerce-page .product-btns {
    	width: 100%;
    	display: flex;
    	justify-content: space-between;
    	gap: 10px;
    }
    body.woocommerce-page .ty_sp{
        padding:5px;
    }
    .cart-address-type-wrapper .address_type {
        flex-wrap: wrap;
    }
    .cart-address-type-wrapper .address_type .form-check {
        width: 100%;
        margin-bottom: 15px;
    }
    .cart-address-type-wrapper .address_type .form-check:last-child{
        margin:0px;
    }
    .custom-cat-item-ui .product-performance-labels .label {
        width: 100%;
        border-radius: 10px !important;
    }
    .custom-cat-item-ui .cart-product-img {
    	text-align: center;
    	width: 60%;
    	margin: auto;
    }
    .entry-content img {
    	max-width: 75%;
    }
    .custom-cat-item-ui .cm-cart-btn-amount-wrap{
        justify-content:space-between;
    }
    .custom-cat-item-ui.garage-main-wrapper .garage-actions {
        flex-wrap: wrap;
    }
    .custom-cat-item-ui .extra-services-list {
       column-count: 1;
    }
    .custom-cat-item-ui.garage-main-wrapper .garage-actions > div:last-child{
        margin-top:15px;
    }
    .custom-cat-item-ui.garage-main-wrapper .garage-main-title-sec {
        justify-content: space-between;
        margin-bottom: 15px;
    }
}

@media (max-width: 575.98px){
     body.woocommerce-page .product-btns{
         flex-wrap:wrap;
     }
     body.woocommerce-page .product-btns a{
         width:100%;
        max-width: 100%;
        margin: 10px 0;
     }
     body.woocommerce-page .product-performance-labels {
    	width: 100%;
    	border-radius: 10px;
    	display: flex;
    	flex-wrap: unset;
    	gap: 15px;
    }
    body.woocommerce-page .product-performance-labels .label {
    	margin: 0 !important;
    }
     .products_area.product-list .fitting-date strong {
        display: block;
    }
    span.tag {
    	font-size: 12px;
    }
        .details_section {
    	padding-top: 0px !important;
    }
    .nswiper {
    	width: 65% !important;
    }
}

/*Footer CSS Start*/
.cm-footer-newsletter input#form-field-email {
    margin: 0;
}
/*Footer CSS End*/

@media (max-width: 767.98px) {
    .main-header-icon-link .elementor-icon-list-text{
        display:none;
    }
}

/* Custom Product Attributes Styling */
.custom-product-attributes {
    margin: 0px 0 20px;
    overflow: hidden;
    background: #fff;
    border:1px solid #ddd;
    border-radius:10px;
}

.custom-product-attributes__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.custom-product-attributes__item {
    display: flex;
    align-items: flex-start;
    padding: 5px 10px;
    border-bottom: 1px solid #ddd;
    transition: background-color 0.2s ease;
}

.custom-product-attributes__item:last-child {
    border-bottom: none;
}

.custom-product-attributes__item:hover {
    background-color: #f9f9f9;
}

.custom-product-attributes__label {
    font-weight: 600;
    color: #333;
    min-width: 140px;
    font-size: 14px;
    text-transform: capitalize;
}

.custom-product-attributes__value {
    flex: 1;
    font-size: 14px;
    color: #666;
}

.custom-product-attributes__value a {
    color: #2271b1;
    text-decoration: none;
    transition: color 0.2s ease;
    text-transform: capitalize;
}

.custom-product-attributes__value a:hover {
    color: #135e96;
    text-decoration: underline;
}

/* Responsive Design */
@media (max-width: 768px) {
    
    .custom-product-attributes__label {
        margin-bottom: 5px;
        font-size: 13px;
    }
    
    .custom-product-attributes__value {
        font-size: 13px;
    }
    .mb-3.cart-buttons {
	    display: flex;
	    gap: 5px;
    }
    .global-btn-style-1 {
    	font-size: 14px;
    }
    .home-choose-section,
    .home-blog-section{
	    display: none;
    }
}
.single-product.woocommerce .related.products .products_area.product-list {
    padding: 0 15px;
}
.single-product.woocommerce .product_details_area.card h3.price {
    margin-bottom: 0;
    max-width: 180px;
}
.single-product.woocommerce .product_details_area.card form.variations_form.cart table.variations tr th, 
.single-product.woocommerce .product_details_area.card form.variations_form.cart table.variations tr td {
    display: initial;
}
.single-product.woocommerce .product_details_area.card form.variations_form.cart{
    margin-top:10px;
}
.single-product.woocommerce .product_details_area.card form.variations_form.cart th.label, 
.single-product.woocommerce .product_details_area.card form.variations_form.cart td {
    padding: 0;
}
.single-product.woocommerce .woocommerce-variation-add-to-cart.variations_button input {
    border: 1px solid #ddd;
    border-radius: 4px;
}
.single-product-style-2-badges .badges-row li img {
    position: absolute;
    right: 9px;
    max-height: 24px;
    object-fit: cover;
}
.single-product-style-2-badges .badges-row li {
    position: relative;
    margin-right: 10px;
    min-width: 89px;
    height: 40px;
    display: flex;
    align-items: center;
    border: 1px solid #69727d;
    border-radius: 4px;
    margin-bottom:15px;
}
.single-product-style-2-badges .badges-row li span {
    width: 50%;
    text-align: center;
    background: #69727d;
    color: #fff;
    height: 100%;
    line-height: 36px;
}
.single-product-style-2-badges .badges-row {
    list-style: none;
    display: flex;
}
.single-product.woocommerce .product_details_area.card .single_add_to_cart_button{
    color:#fff !important;
    border: 2px solid  #00b953;
    height:auto !important;
}
.single-product.woocommerce .product_details_area.card .single_add_to_cart_button:hover{
    background: #079c4a !important;
    border: 2px solid  #079c4a;
}
.single-product.woocommerce .product_details_area.card .tinvwl_add_to_wishlist_button {
    color: #00b953 !important;
    background-color: #fff !important;
    border: 2px solid  #00b953;
     padding: 10px 0 !important;
}
.single-product.woocommerce .product_details_area.card .tinvwl_add_to_wishlist_button:hover{
     background-color: #00b953 !important;
     color: #fff !important;
     border: 2px solid  #00b953;
   
}
.woocommerce-page.woocommerce-cart .product_details_area.card .entry-header{
    background-image: url(https://www.clickandgotyres.co.uk/wp-content/themes/harcus/assets/images/tyre-banner-image.png);
    padding: 100px 0px !important;
    position: relative;
}
/*.single-product.woocommerce .product_details_area.card .single_add_to_cart_button, */
/*.single-product.woocommerce .product_details_area.card .tinv-wraper.woocommerce.tinv-wishlist.tinvwl-after-add-to-cart {*/
/*    max-width: 48% !important;*/
/*}*/
.single_add_to_cart_button, .single-product.woocommerce .product_details_area.card .tinv-wraper.woocommerce.tinv-wishlist.tinvwl-after-add-to-cart{
    margin-right:0px;
}
.woocommerce-page.woocommerce-cart .entry-header{
    position:relative;
}
.woocommerce-page.woocommerce-cart .entry-header::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .4;
    z-index:5;
}
.woocommerce-page.woocommerce-cart .entry-header .entry-title{
    position: relative;
    z-index:10;
}


/* Card Wrapper */
/*.contact-container {*/
/*    position: relative;*/
/*    padding: 30px 30px 30px 40px;*/
/*    background: #ffffff;*/
/*    border-radius: 14px;*/
/*    box-shadow: 0 10px 30px rgba(0,0,0,0.08);*/
/*}*/

/* PAGE BACKGROUND (white top area) */

/* MAIN CONTAINER WITH DIAGONAL CUT */
.contact-container {
	position: relative;
	padding: 20px;
	box-shadow: 0px 19px 25px #f6f6f6;
	background: white !important;
	z-index: 0;
}

/* Optional soft glow behind bar */
.contact-container::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0px;
	bottom: 0px;
	width: 100%;
	background: #ebeef7;
	clip-path: polygon(0 18%, 100% 12%, 100% 100%, 0 100%);
	z-index: -1;
}



/* ============================================
   WOOF MOBILE FILTER – FLOATING BUTTON + DRAWER
   ============================================ */

@media (max-width: 991px) {

  /* Hide the sidebar filter column on mobile */
  .col-lg-3.order-1 {
    display: none !important;
  }

  /* ---- Overlay backdrop ---- */
  #mobile-filter-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9998;
    animation: fadeIn 0.25s ease;
  }

  #mobile-filter-overlay.active {
    display: block;
  }

  /* ---- Drawer panel ---- */
  #mobile-filter-drawer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 9999;
    overflow-y: auto;
    transform: translateY(100%);
    transition: transform 0.35s cubic-bezier(0.32, 0.72, 0, 1);
    padding: 0;
  }

  #mobile-filter-drawer.open {
    transform: translateY(0);
  }

  /* ---- Drawer header bar ---- */
  #mobile-filter-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #111;
    color: #fff;
    padding: 14px 18px;
    position: sticky;
    top: 0;
    z-index: 10;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
  }

  #mobile-filter-close {
    background: none;
    border: none;
    color: #fff;
    font-size: 22px;
    cursor: pointer;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background 0.2s;
  }

  #mobile-filter-close:hover {
    background: rgba(255,255,255,0.15);
  }

  /* ---- Filter content inside drawer ---- */
  #mobile-filter-body {
    padding: 12px 0 100px;
  }

  #mobile-filter-body .hiraola-sidebar-catagories_area {
    display: block !important;
    padding: 0 16px;
  }

  #mobile-filter-body .filter-sidebar-title {
    display: none; /* hidden since header bar already shows FILTERS */
  }

  /* ---- Floating trigger button ---- */
  #mobile-filter-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    position: fixed;
    bottom: 24px;
    right: 20px;
    background: #222;
    color: #fff;
    border: none;
    border-radius: 50px;
    padding: 13px 22px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.5px;
    cursor: pointer;
    z-index: 9997;
    box-shadow: 0 4px 20px rgba(0,0,0,0.35);
    transition: transform 0.2s, box-shadow 0.2s;
  }

  #mobile-filter-btn:active {
    transform: scale(0.96);
    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
  }

  #mobile-filter-btn svg {
    flex-shrink: 0;
  }

  /* ---- Apply button inside drawer ---- */
  #mobile-filter-apply {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    padding: 14px 18px;
    box-shadow: 0 -2px 12px rgba(0,0,0,0.1);
    z-index: 10;
    display: none;
  }

  #mobile-filter-drawer.open ~ #mobile-filter-apply,
  #mobile-filter-apply.visible {
    display: block;
  }

  #mobile-filter-apply button {
    width: 100%;
    background: #28a745;
    color: #fff;
    border: none;
    padding: 14px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    letter-spacing: 0.3px;
  }

  @keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
  }
}

/* Desktop: keep sidebar visible normally */
@media (min-width: 992px) {
  #mobile-filter-btn,
  #mobile-filter-drawer,
  #mobile-filter-overlay,
  #mobile-filter-apply {
    display: none !important;
  }
      .postcode-form.cart-custom-modal-wrapper {
    	max-width: 100%;
    	font-family: unset;
    	margin: 0;
    	padding: 0;
    }
    .uwcc-item-img {
    	margin-right: 0 !important;
    }
    .postcode-form.cart-custom-modal-wrapper {
    	max-width: 100%;
    	font-family: unset;
    	margin: 0 !important;
    	padding: 0 !important;
    }
}


/* ================================================================
   CAG — Mini Cart Redesign CSS
   Target: Matches screenshot 3 — card layout with tyre image right,
   trash button top-right, quantity pills bottom-left, clean meta.
   
   Paste into: Appearance → Customize → Additional CSS
   OR: Code Snippets → add a CSS snippet
================================================================ */

/* ── Each cart item = a card ──────────────────────────────────── */
.uwcc-cart-items.cart_item {
    background: #ffffff !important;
    border: 1.5px solid #e4e4e4 !important;
    border-radius: 14px !important;
    padding: 16px !important;
    position: relative !important;
}

/* ── Inner layout: left content + right image ─────────────────── */
.uwcc-cart-items-inner {
	display: flex !important;
	flex-direction: row !important;
	align-items: flex-start !important;
	gap: 14px !important;
	padding-right: 0 !important;
}
/* ── Image: right side, boxed ─────────────────────────────────── */
.uwcc-item-img {
    order: 2 !important;
    flex-shrink: 0 !important;
    width: 110px !important;
    min-width: 110px !important;
}

.uwcc-item-img-holder {
    width: 110px !important;
    height: 110px !important;
    border: 1.5px solid #e4e4e4 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fff !important;
}

.uwcc-item-img-holder img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
}

/* ── Description: left side ───────────────────────────────────── */
.uwcc-item-desc {
    order: 1 !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    position: relative !important;
}

/* ── Remove button: top-right corner of image box ─────────────── */
.uwcc-item-remove {
	position: absolute !important;
	top: 0px !important;
	right: -25px !important;
	order: unset !important;
	z-index: 10 !important;
}

/* Reposition remove button to top-right of image area */
.uwcc-cart-items.cart_item {
    position: relative !important;
}

.uwcc-item-remove {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    order: unset !important;
    z-index: 10 !important;
}

.uwcc-item-remove a.uwcc-remove {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    border: 1.5px solid #d9b8b8 !important;
    background: #fff !important;
    color: #a05050 !important;
    text-decoration: none !important;
    font-size: 14px !important;
    transition: background 0.2s, border-color 0.2s !important;
}

.uwcc-item-remove a.uwcc-remove:hover {
    background: #ffeaea !important;
    border-color: #c05050 !important;
    color: #c05050 !important;
}

/* ── Product name ──────────────────────────────────────────────── */
.uwcc-item-name {
    padding-right: 36px !important; /* space for remove btn */
}

.uwcc-item-name a {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #111 !important;
    text-decoration: none !important;
    line-height: 1.4 !important;
    display: block !important;
}

.uwcc-item-name a:hover {
    color: #1D9E75 !important;
}

/* ── Meta: show only Fitting Method cleanly, hide Bundle Saving ── */
.uwcc-item-meta .variation {
    margin: 0 !important;
    padding: 0 !important;
}

.uwcc-item-meta .variation dt,
.uwcc-item-meta .variation dd {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}

.uwcc-item-meta .variation dt.variation-FittingMethod {
    font-weight: 700 !important;
    color: #222 !important;
    display: inline !important;
}

.uwcc-item-meta .variation dd.variation-FittingMethod {
    color: #444 !important;
    margin-left: 4px !important;
}

.uwcc-item-meta .variation dd.variation-FittingMethod p {
    display: inline !important;
    margin: 0 !important;
}

/* Hide Bundle Saving meta row */
.uwcc-item-meta .variation dt.variation-BundleSaving,
.uwcc-item-meta .variation dd.variation-BundleSaving {
    display: none !important;
}

/* ── Price ─────────────────────────────────────────────────────── */
.uwcc-item-price {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #111 !important;
    margin-top: 2px !important;
}

.uwcc-item-price .woocommerce-Price-amount {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #111 !important;
}

/* ── Quantity controls: pill style ────────────────────────────── */
.uwcc-item-qty {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    background: #f3f3f1 !important;
    border-radius: 10px !important;
    border: 1px solid #e0e0dc !important;
    padding: 2px !important;
    width: fit-content !important;
    margin-top: 4px !important;
}

.uwcc-item-qty .uwcc-qty-chng {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    border: 1px solid #e0e0dc !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #333 !important;
    flex-shrink: 0 !important;
    transition: background 0.15s !important;
    line-height: 1 !important;
}

.uwcc-item-qty .uwcc-qty-chng:hover {
    background: #e8e8e6 !important;
}

.uwcc-item-qty .quantity {
    width: 44px !important;
    text-align: center !important;
}

.uwcc-item-qty .quantity input.qty {
    width: 44px !important;
    height: 34px !important;
    border: none !important;
    background: transparent !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #111 !important;
    padding: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    -moz-appearance: textfield !important;
}

.uwcc-item-qty .quantity input.qty::-webkit-outer-spin-button,
.uwcc-item-qty .quantity input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* ── Cart wrap: remove extra borders/backgrounds ──────────────── */
.uwcc-cart-product,
.uwcc-cart-item-wrap,
.uwcc-mini-cart {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

.uwcc-cart-item-wrap {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}


/* ================================================================
   MOBILE OVERRIDES  ≤ 767px
================================================================ */
@media (max-width: 767px) {
 
    /* Postcode section: tighter padding */
    .postcode-form.cart-custom-modal-wrapper {
        padding: 12px !important;
    }
 
    /* Label: smaller text */
    .postcode-form .postcode-label,
    .postcode-form p.postcode-text,
    .postcode-form .enter-postcode-text {
        font-size: 12px !important;
        margin-bottom: 8px !important;
    }
 
    /* Input: shorter on mobile */
    .postcode-form input[type="text"].postcode-input,
    .postcode-form input[placeholder="ENTER POSTCODE"],
    .postcode-form input[placeholder="Enter Postcode"],
    .postcode-form input[name*="postcode"],
    .postcode-form input[id*="postcode"] {
        height: 42px !important;
        font-size: 12px !important;
        padding: 0 10px !important;
    }
 
    /* Continue button: shorter on mobile */
    .postcode-form button.postcode-submit,
    .postcode-form button.continue-btn,
    .postcode-form button[class*="continue"],
    .postcode-form button[class*="checkout"] {
        height: 42px !important;
        padding: 0 14px !important;
        font-size: 13px !important;
    }
 
    /* Cart item card: slightly less padding */
    .uwcc-cart-items.cart_item {
        padding: 12px !important;
    }
 
    /* Image: slightly smaller on mobile */
    .uwcc-item-img {
        width: 90px !important;
        min-width: 90px !important;
    }
 
    .uwcc-item-img-holder {
        width: 90px !important;
        height: 90px !important;
    }
 
    /* Name + price: slightly smaller */
    .uwcc-item-name a {
        font-size: 13px !important;
    }
 
    .uwcc-item-price,
    .uwcc-item-price .woocommerce-Price-amount {
        font-size: 15px !important;
    }
    .postcode-form.cart-custom-modal-wrapper {
    	max-width: unset !important;
    	font-family: inherit !important;
    	margin: 0 !important;
    }
    .postcode-form {
    	padding: 0px !important;
    }
     
} /* end @media max-width: 767px */



/* ================================================================
   CAG — Cart Page Mobile Fix
   Restores hidden table row labels (.garage-data) on mobile.
   WooCommerce's woocommerce-smallscreen.css sets display:none on
   tbody th inside .shop_table_responsive — we override it here.

   Paste into: Appearance → Customize → Additional CSS
   OR: Code Snippets → CSS snippet
================================================================ */

@media (max-width: 768px) {

    /* ── Show hidden <th> labels in custom cart rows ── */
    .woocommerce-page .shop_table_responsive tbody th,
    .woocommerce .shop_table_responsive tbody th {
        display: table-cell !important;
    }

    /* ── Garage data rows: make them readable on mobile ── */
    .shop_table_responsive tbody tr.garage-data {
        display: table-row !important;
    }

    .shop_table_responsive tbody tr.garage-data th,
    .shop_table_responsive tbody tr.garage-data td {
        display: table-cell !important;
        padding: 8px 12px !important;
        font-size: 14px !important;
        border-top: 1px solid #f0f0f0 !important;
        vertical-align: middle !important;
    }

    .shop_table_responsive tbody tr.garage-data th {
        font-weight: 700 !important;
        color: #111 !important;
        width: 40% !important;
    }

    .shop_table_responsive tbody tr.garage-data td {
        color: #333 !important;
        text-align: right !important;
    }

    /* ── Fix the overall table layout on mobile ── */
    .woocommerce-cart-form .shop_table_responsive,
    .cart_totals .shop_table_responsive {
        display: table !important;
        width: 100% !important;
        border-collapse: collapse !important;
    }

    .woocommerce-cart-form .shop_table_responsive thead,
    .woocommerce-cart-form .shop_table_responsive tbody,
    .woocommerce-cart-form .shop_table_responsive tfoot,
    .cart_totals .shop_table_responsive thead,
    .cart_totals .shop_table_responsive tbody,
    .cart_totals .shop_table_responsive tfoot {
        display: table-row-group !important;
    }

    .woocommerce-cart-form .shop_table_responsive tr,
    .cart_totals .shop_table_responsive tr {
        display: table-row !important;
    }

    /* ── Cart totals table specifically ── */
    .cart_totals table.shop_table th,
    .cart_totals table.shop_table td {
        display: table-cell !important;
        padding: 10px 12px !important;
        font-size: 14px !important;
        border-top: 1px solid #f0f0f0 !important;
    }

    .cart_totals table.shop_table th {
        font-weight: 700 !important;
        color: #111 !important;
        width: 45% !important;
        text-align: left !important;
    }

    .cart_totals table.shop_table td {
        text-align: right !important;
        color: #333 !important;
    }

    /* ── Total row: bold both sides ── */
    .cart_totals table.shop_table tfoot tr.order-total th,
    .cart_totals table.shop_table tfoot tr.order-total td,
    .cart_totals table.shop_table tfoot tr.order-total td .woocommerce-Price-amount {
        font-weight: 800 !important;
        font-size: 16px !important;
        color: #111 !important;
    }

    /* ── Subtotal row ── */
    .cart_totals table.shop_table tr.cart-subtotal th,
    .cart_totals table.shop_table tr.cart-subtotal td {
        display: table-cell !important;
    }

}