/*!
Theme Name: costcozy
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: costcozy
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

*/
.woocommerce-breadcrumb{
    display: none;
}


/* =========================================================
   HIDE REAL WOOCOMMERCE SELECTS
========================================================= */

.real-variation-selects {
    display: none !important;
}


/* =========================================================
   COLOR
========================================================= */

.color-option {
    cursor: pointer;
    position: relative;
}

.color-option input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.color-option .color-circle {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #ddd;
    border: 2px solid transparent;
}


/* =========================================================
   COLOR AUTOMATIC BASIC COLORS
========================================================= */

.color-option[data-value*="Green"] .color-circle,
.color-option[data-value*="green"] .color-circle {
    background: #43A792;
}

.color-option[data-value*="Grey"] .color-circle,
.color-option[data-value*="grey"] .color-circle,
.color-option[data-value*="Gray"] .color-circle,
.color-option[data-value*="gray"] .color-circle {
    background: #454758;
}

.color-option[data-value*="Blue"] .color-circle,
.color-option[data-value*="blue"] .color-circle {
    background: #4D43A7;
}

.color-option[data-value*="Pink"] .color-circle,
.color-option[data-value*="pink"] .color-circle {
    background: #BF216B;
}

.color-option input:checked + .color-circle {
    border-color: #000;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
}


/* =========================================================
   SIZE
========================================================= */

.size-btn.active {
    background: #000;
    color: #fff;
    border-color: #000;
}


/* =========================================================
   DISABLED
========================================================= */

.add-cart-btn.disabled,
.buy-now-btn.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.add-cart-btn.loading {
    opacity: 0.6;
    pointer-events: none;
}


/* =========================================================
   QUANTITY
========================================================= */

.qty-number {
    width: 50px;
    text-align: center;
    border: 0;
    outline: none;
    background: transparent;
}


/* Remove browser arrows */

.qty-number::-webkit-inner-spin-button,
.qty-number::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.qty-number {
    -moz-appearance: textfield;
}


/* =========================================================
   OTHER ATTRIBUTES
========================================================= */

.other-variation-attribute {
    margin-top: 20px;
}

.custom-other-select {
    width: 100%;
    padding: 10px;
    margin-top: 8px;
}






/* =========================================================
   COSTCOZY - PRODUCT CARD IMAGE & WISHLIST
   ========================================================= */

/* Product card / image area */
.product-card,
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    position: relative !important;
}

/* Keep wishlist above the product image */
.product-card .wishlist,
.product-card .wishlist-button,
.product-card .wishlist-btn,
.product-card .add-to-wishlist,
.product-card .yith-wcwl-add-to-wishlist,
.product-card .Wishlist-count,
.woocommerce ul.products li.product .wishlist,
.woocommerce ul.products li.product .wishlist-button,
.woocommerce ul.products li.product .wishlist-btn,
.woocommerce ul.products li.product .add-to-wishlist,
.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist,
.woocommerce ul.products li.product .Wishlist-count {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 50 !important;
}

/* Wishlist circle */
.product-card .wishlist-button,
.product-card .wishlist-btn,
.product-card .add-to-wishlist,
.product-card .Wishlist-count,
.woocommerce ul.products li.product .wishlist-button,
.woocommerce ul.products li.product .wishlist-btn,
.woocommerce ul.products li.product .add-to-wishlist,
.woocommerce ul.products li.product .Wishlist-count {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}

/* Wishlist links/buttons */
.product-card .wishlist a,
.product-card .wishlist button,
.product-card .wishlist-button,
.product-card .wishlist-btn,
.product-card .add-to-wishlist,
.product-card .Wishlist-count,
.woocommerce ul.products li.product .wishlist a,
.woocommerce ul.products li.product .wishlist button {
    text-decoration: none !important;
}

/* Heart icon */
.product-card .wishlist i,
.product-card .wishlist-button i,
.product-card .wishlist-btn i,
.product-card .add-to-wishlist i,
.product-card .Wishlist-count i,
.woocommerce ul.products li.product .wishlist i,
.woocommerce ul.products li.product .wishlist-button i,
.woocommerce ul.products li.product .wishlist-btn i,
.woocommerce ul.products li.product .add-to-wishlist i,
.woocommerce ul.products li.product .Wishlist-count i {
    font-size: 20px !important;
    line-height: 1 !important;
    color: #111 !important;
    margin: 0 !important;
}

/* Wishlist hover */
.product-card .wishlist-button:hover,
.product-card .wishlist-btn:hover,
.product-card .add-to-wishlist:hover,
.product-card .Wishlist-count:hover,
.woocommerce ul.products li.product .wishlist-button:hover,
.woocommerce ul.products li.product .wishlist-btn:hover,
.woocommerce ul.products li.product .add-to-wishlist:hover,
.woocommerce ul.products li.product .Wishlist-count:hover {
    background: #fff !important;
    transform: scale(1.06) !important;
}

/* Product image - reduce empty background space */
.product-card .product-image,
.product-card .image-wrapper,
.woocommerce ul.products li.product .product-image,
.woocommerce ul.products li.product .image-wrapper {
    position: relative !important;
    padding: 5px !important;
    margin: 0 !important;
    overflow: hidden !important;
}

/* Product image fills the available image area */
.product-card .product-image img,
.product-card .image-wrapper img,
.woocommerce ul.products li.product .product-image img,
.woocommerce ul.products li.product .image-wrapper img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    display: block !important;
    margin: 0 auto !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* Remove unnecessary image-container spacing */
.product-card .product-image a,
.product-card .image-wrapper a,
.woocommerce ul.products li.product .product-image a,
.woocommerce ul.products li.product .image-wrapper a {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}

/* Mobile */
@media (max-width: 767px) {

    .product-card .product-image,
    .product-card .image-wrapper,
    .woocommerce ul.products li.product .product-image,
    .woocommerce ul.products li.product .image-wrapper {
        padding: 3px !important;
    }

    .product-card .wishlist,
    .product-card .wishlist-button,
    .product-card .wishlist-btn,
    .product-card .add-to-wishlist,
    .product-card .yith-wcwl-add-to-wishlist,
    .product-card .Wishlist-count,
    .woocommerce ul.products li.product .wishlist,
    .woocommerce ul.products li.product .wishlist-button,
    .woocommerce ul.products li.product .wishlist-btn,
    .woocommerce ul.products li.product .add-to-wishlist,
    .woocommerce ul.products li.product .yith-wcwl-add-to-wishlist,
    .woocommerce ul.products li.product .Wishlist-count {
        top: 7px !important;
        right: 7px !important;
    }

    .product-card .wishlist-button,
    .product-card .wishlist-btn,
    .product-card .add-to-wishlist,
    .product-card .Wishlist-count,
    .woocommerce ul.products li.product .wishlist-button,
    .woocommerce ul.products li.product .wishlist-btn,
    .woocommerce ul.products li.product .add-to-wishlist,
    .woocommerce ul.products li.product .Wishlist-count {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
    }

    .product-card .wishlist i,
    .product-card .wishlist-button i,
    .product-card .wishlist-btn i,
    .product-card .add-to-wishlist i,
    .product-card .Wishlist-count i {
        font-size: 18px !important;
    }
}


/* =========================================================
   COSTCOZY - PRODUCT IMAGE SIZE
   ========================================================= */

/* Main product gallery */
#costcozy-single-product .product-gallery,
#costcozy-single-product .woocommerce-product-gallery {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Main product image wrapper */
#costcozy-single-product .woocommerce-product-gallery__image {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
}

/* Main product image - smaller size */
#costcozy-single-product .product-gallery img,
#costcozy-single-product .woocommerce-product-gallery img {
    width: 75% !important;
    max-width: 75% !important;
    height: auto !important;
    max-height: 500px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    display: block !important;
}

/* Product gallery main image */
#costcozy-single-product .woocommerce-product-gallery__image img {
    width: 75% !important;
    max-width: 75% !important;
    height: auto !important;
    max-height: 500px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
}

/* Keep thumbnail images small */
#costcozy-single-product .flex-control-thumbs img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 0 !important;
}

/* Mobile product image */
@media (max-width: 767px) {

    #costcozy-single-product .product-gallery img,
    #costcozy-single-product .woocommerce-product-gallery img,
    #costcozy-single-product .woocommerce-product-gallery__image img {
        width: 85% !important;
        max-width: 85% !important;
        max-height: 400px !important;
    }

}


/* View Cart - show below Add To Cart */
#costcozy-single-product
.purchase-area
.added_to_cart.wc-forward {
    display: inline-block !important;

    width: auto !important;
    flex: 0 0 auto !important;

    margin: 8px 0 0 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;

    color: #222 !important;

    font-size: 14px !important;
    font-weight: 500 !important;

    text-decoration: underline !important;

    order: 4 !important;
}

/* Hover */
#costcozy-single-product
.purchase-area
.added_to_cart.wc-forward:hover {
    background: transparent !important;
    color: #555 !important;
}

/* Purchase area */
#costcozy-single-product .purchase-area {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
}

/* Quantity */
#costcozy-single-product .purchase-area .quantity-box {
    order: 2 !important;
    flex: 0 0 155px !important;
}

/* Add to cart */
#costcozy-single-product .purchase-area #addCartBtn {
    order: 3 !important;
    flex: 1 1 0 !important;
}

/* View Cart goes to next line */
#costcozy-single-product .purchase-area
.added_to_cart.wc-forward {
    flex-basis: auto !important;
}

/* Buy Now */
#costcozy-single-product .buy-now-btn {
    width: 100% !important;
    margin-top: 14px !important;
}


/* =========================================
   COSTCOZY - SMART WOOCOMMERCE SEARCH
   ========================================= */

/* Header search wrapper */
.header-search {
    width: 600px !important;
    max-width: 600px !important;
    position: relative !important;
    z-index: 99999 !important;
    overflow: visible !important;
}

/* Sokol main widget */
.header-search .ysm-search-widget {
    width: 600px !important;
    max-width: 600px !important;
    position: relative !important;
    z-index: 99999 !important;
    overflow: visible !important;
}

/* Search form */
.header-search .search-form {
    width: 600px !important;
    max-width: 600px !important;
    position: relative !important;
    overflow: visible !important;
}

/* Search input holder */
.header-search .ysm-smart-search-input-holder {
    width: 600px !important;
    max-width: 600px !important;
    position: relative !important;
    overflow: visible !important;
}

/* Search input */
.header-search .search-field {
    width: 600px !important;
    max-width: 600px !important;
    height: 60px !important;
    min-height: 60px !important;
    box-sizing: border-box !important;
    padding: 0 55px 0 18px !important;
    font-size: 15px !important;
    line-height: 60px !important;
    border: 1px solid #999 !important;
    border-radius: 7px !important;
    background: #fff !important;
}


/* =========================================
   LATEST SEARCHES DROPDOWN
   ========================================= */

.header-search .sws-inline-popup {
    position: absolute !important;

    top: 58px !important;
    left: 0 !important;

    width: 600px !important;
    max-width: 600px !important;

    height: auto !important;
    max-height: 400px !important;

    background: #fff !important;

    border: 1px solid #ddd !important;
    border-radius: 8px !important;

    box-shadow: 0 8px 25px rgba(0,0,0,0.15) !important;

    z-index: 999999 !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    box-sizing: border-box !important;
}


/* Make popup visible outside header */
.header-search,
.header-search *,
.header-search .sws-inline-popup {
    overflow: visible;
}


/* =========================================
   LATEST SEARCHES TITLE
   ========================================= */

.header-search .sws-inline-popup .sws-popup-title,
.header-search .sws-inline-popup .sws-latest-searches-title {
    padding: 14px 18px !important;

    font-size: 15px !important;
    font-weight: 600 !important;

    color: #222 !important;

    background: #fff !important;
}


/* =========================================
   SEARCH ITEMS
   ========================================= */

.header-search .sws-inline-popup ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.header-search .sws-inline-popup li {
    padding: 12px 18px !important;
    margin: 0 !important;

    font-size: 14px !important;

    background: #fff !important;
}


/* =========================================
   SEARCH BUTTON
   ========================================= */

.header-search .search-submit {
    position: absolute !important;

    right: 8px !important;
    top: 50% !important;

    transform: translateY(-50%) !important;

    width: 40px !important;
    height: 40px !important;

    border: 0 !important;
    background: transparent !important;

    z-index: 10 !important;

    cursor: pointer !important;
}


/* =========================================
   IMPORTANT:
   HEADER / ROW MUST NOT CLIP DROPDOWN
   ========================================= */

.site-header,
.site-header .header-inner,
.site-header .header-main,
.header-inner,
.header-main,
.header-search,
.header-search form {
    overflow: visible !important;
}


/* =========================================
   DESKTOP
   ========================================= */

@media (min-width: 992px) {

    .header-search {
        width: 600px !important;
        max-width: 600px !important;
        flex: 0 0 600px !important;
    }

}


/* =========================================
   TABLET
   ========================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .header-search,
    .header-search .ysm-search-widget,
    .header-search .search-form,
    .header-search .ysm-smart-search-input-holder,
    .header-search .search-field {
        width: 500px !important;
        max-width: calc(100vw - 40px) !important;
    }

    .header-search .sws-inline-popup {
        width: 500px !important;
        max-width: calc(100vw - 40px) !important;
    }

}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .header-search,
    .header-search .ysm-search-widget,
    .header-search .search-form,
    .header-search .ysm-smart-search-input-holder,
    .header-search .search-field {
        width: 100% !important;
        max-width: 100% !important;
    }

    .header-search {
        flex: 1 1 100% !important;
    }

    .header-search .sws-inline-popup {
        width: 100% !important;
        max-width: 100% !important;
    }

    .header-search .search-field {
        height: 46px !important;
        min-height: 46px !important;
        line-height: 46px !important;
    }

}

/* Logo size fix */
.second-header .logo img {
    width: 180px !important;
    max-width: 180px !important;
    height: auto !important;
}

/* Logo container */
.second-header .logo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    
}

/* Mobile */
@media (max-width: 767px) {
    .second-header .logo img {
        width: 180px !important;
        height: 100px !important;
    }

    .second-header .logo {
        height: 100px;
    }
}


/* =========================================================
   COSTCOZY - SWEETALERT CART POPUP
   ========================================================= */

.costcozy-cart-popup {
    width: 450px !important;
    max-width: calc(100% - 30px) !important;
    border-radius: 20px !important;
    padding: 32px 30px 28px !important;
    box-sizing: border-box !important;
}

.costcozy-cart-popup-title {
    font-size: 26px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    margin: 12px 0 8px !important;
}

.costcozy-cart-popup-content {
    margin: 0 !important;
}

.costcozy-popup-message p {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: #666 !important;
}

.costcozy-cart-popup .swal2-icon {
    margin: 0 auto !important;
}

.costcozy-view-cart-btn,
.costcozy-continue-btn,
.costcozy-error-btn,
.costcozy-warning-btn {
    border: 0 !important;
    border-radius: 8px !important;
    padding: 12px 20px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    margin: 5px !important;
}

.costcozy-view-cart-btn {
    background: #111 !important;
    color: #fff !important;
}

.costcozy-view-cart-btn:hover {
    background: #333 !important;
    color: #fff !important;
    transform: translateY(-1px);
}

.costcozy-continue-btn {
    background: #a8dbeb !important;
    color: #111 !important;
}

.costcozy-continue-btn:hover {
    background: #8dccdf !important;
    color: #111 !important;
    transform: translateY(-1px);
}

.costcozy-error-btn,
.costcozy-warning-btn {
    background: #111 !important;
    color: #fff !important;
}

@media (max-width: 480px) {
    .costcozy-cart-popup {
        width: calc(100% - 20px) !important;
        padding: 25px 18px !important;
    }

    .costcozy-cart-popup-title {
        font-size: 22px !important;
    }

    .costcozy-popup-message p {
        font-size: 14px !important;
    }

    .costcozy-view-cart-btn,
    .costcozy-continue-btn {
        width: 100% !important;
        margin: 4px 0 !important;
    }
}

/* ==========================================
   USER ACCOUNT MENU
========================================== */

.user-account-menu {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}


/* User Icon */
.user-menu-toggle {
    width: 42px;
    height: 42px;

    padding: 0;
    margin: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 0;
    outline: none;
    background: transparent;

    color: #111;
    font-size: 23px;

    cursor: pointer;
}

.user-menu-toggle:focus {
    outline: none;
}


/* ==========================================
   DROPDOWN BOX
========================================== */

.user-dropdown {
    position: absolute;

    top: calc(100% + 8px);
    right: -15px;

    width: 180px;
    max-width: 180px;

    padding: 6px;

    box-sizing: border-box;

    background: #fff;

    border: 1px solid #e5e5e5;
    border-radius: 6px;

    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);

    z-index: 999999;

    /* Hidden */
    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transform: translateY(8px);

    transition:
        opacity 0.2s ease,
        visibility 0.2s ease,
        transform 0.2s ease;
}


/* ==========================================
   DROPDOWN OPEN
========================================== */

.user-account-menu.active .user-dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;

    transform: translateY(0);
}


/* ==========================================
   DROPDOWN LINKS
========================================== */

.user-dropdown a {
    width: 100%;
    min-height: 44px;

    display: flex;
    align-items: center;

    box-sizing: border-box;

    padding: 0 14px;

    margin: 0;

    gap: 10px;

    border: 0;
    border-radius: 5px;

    background: transparent;

    color: #111;

    text-decoration: none;

    font-family: inherit;
    font-size: 14px;
    font-weight: 500;

    line-height: 1;

    transition:
        background-color 0.2s ease,
        color 0.2s ease;
}


/* Icon */
.user-dropdown a i {
    width: 20px;
    min-width: 20px;

    margin: 0;

    font-size: 14px;

    text-align: center;
}


/* Text */
.user-dropdown a span {
    display: block;

    margin: 0;
    padding: 0;

    white-space: nowrap;
}


/* Hover */
.user-dropdown a:hover {
    background: #f5f5f5;
    color: #111;
}


/* ==========================================
   SMALL ARROW ABOVE DROPDOWN
========================================== */

.user-dropdown::before {
    content: "";

    position: absolute;

    top: -6px;
    right: 20px;

    width: 10px;
    height: 10px;

    background: #fff;

    border-left: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;

    transform: rotate(45deg);
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

    .user-dropdown {
        right: -5px;
        width: 175px;
        max-width: 175px;
    }

    .user-dropdown a {
        min-height: 44px;
        padding: 0 13px;
        font-size: 14px;
    }

    .user-dropdown::before {
        right: 18px;
    }

}


/* ==========================================
   HEADER RIGHT ICONS - FIX
========================================== */

.header-right-icons,
.header-icons,
.mobile-header-icons {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 18px !important;
    height: 100% !important;
}


/* ==========================================
   WISHLIST + CART
========================================== */

.Wishlist-count,
.shopping-count {
    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 38px !important;
    height: 42px !important;

    padding: 0 !important;
    margin: 0 !important;

    color: #111 !important;
    text-decoration: none !important;

    line-height: 1 !important;
}


/* Icons */
.Wishlist-count i,
.shopping-count i {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 25px !important;
    line-height: 1 !important;

    vertical-align: middle !important;
}


/* ==========================================
   COUNTING
========================================== */

.Wishlist-count .counting,
.shopping-count .counting {
    position: absolute !important;

    top: -7px !important;
    right: -5px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 24px !important;
    height: 24px !important;

    padding: 0 !important;
    margin: 0 !important;

    border-radius: 50% !important;

    background: #eee8dd !important;
    color: #111 !important;

    font-size: 12px !important;
    font-weight: 500 !important;

    line-height: 1 !important;
}


/* ==========================================
   USER ACCOUNT
========================================== */

.user-account-menu {
    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 38px !important;
    height: 42px !important;

    padding: 0 !important;
    margin: 0 !important;

    vertical-align: middle !important;
}


/* User toggle */
.user-account-menu .user-menu-toggle {
    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 38px !important;
    height: 42px !important;

    padding: 0 !important;
    margin: 0 !important;

    border: 0 !important;
    outline: none !important;
    background: transparent !important;

    color: #111 !important;

    font-size: 24px !important;
    line-height: 1 !important;

    cursor: pointer !important;
}


/* User icon */
.user-account-menu .user-menu-toggle i {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 24px !important;
    line-height: 1 !important;

    transform: translateY(0) !important;
}


/* ==========================================
   REMOVE OLD ALIGNMENT
========================================== */

.user-account-menu a,
.Wishlist-count a,
.shopping-count a {
    vertical-align: middle !important;
}


/* Prevent theme from moving icons */
.user-account-menu *,
.Wishlist-count *,
.shopping-count * {
    box-sizing: border-box;
}


/* ==========================================
   DESKTOP
========================================== */

@media (min-width: 768px) {

    .header-right-icons,
    .header-icons,
    .mobile-header-icons {
        gap: 18px !important;
    }

}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

    .header-right-icons,
    .header-icons,
    .mobile-header-icons {
        gap: 12px !important;
    }

    .Wishlist-count,
    .shopping-count,
    .user-account-menu {
        width: 36px !important;
        height: 40px !important;
    }

    .Wishlist-count i,
    .shopping-count i {
        font-size: 22px !important;
    }

    .user-account-menu .user-menu-toggle {
        width: 36px !important;
        height: 40px !important;
    }

    .user-account-menu .user-menu-toggle i {
        font-size: 22px !important;
    }

}


/* =========================================================
   COSTCOZY - CUSTOMER REVIEWS
   ========================================================= */

.costcozy-review-summary {
    margin-bottom: 30px;
}

.costcozy-review-rating {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.costcozy-average-rating {
    font-size: 28px;
    font-weight: 700;
    color: #111;
}

.costcozy-stars,
.costcozy-review-stars {
    display: flex;
    gap: 4px;
}

.costcozy-stars i,
.costcozy-review-stars i {
    color: #d5d5d5;
    font-size: 16px;
}

.costcozy-stars i.active,
.costcozy-review-stars i.active {
    color: #f5b301;
}

.costcozy-review-count {
    font-size: 14px;
    color: #666;
}


/* =========================================================
   REVIEW FORM
   ========================================================= */

.costcozy-review-form-wrapper {
    margin-top: 25px;
    padding: 25px;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    background: #fff;
}

.costcozy-review-form-wrapper h3,
.costcozy-existing-reviews h3 {
    margin: 0 0 20px;
    font-size: 22px;
    font-weight: 600;
    color: #111;
}

.costcozy-form-group {
    margin-bottom: 18px;
}

.costcozy-form-group label {
    display: block;
    margin-bottom: 7px;
    font-size: 14px;
    font-weight: 600;
    color: #222;
}

.costcozy-form-group label span {
    color: #d00;
}

.costcozy-form-group input,
.costcozy-form-group textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 12px 14px;
    border: 1px solid #d8d8d8;
    border-radius: 6px;
    background: #fff;
    color: #222;
    font-size: 14px;
    outline: none;
}

.costcozy-form-group input:focus,
.costcozy-form-group textarea:focus {
    border-color: #222;
}

.costcozy-form-group textarea {
    resize: vertical;
    min-height: 120px;
}


/* =========================================================
   STAR SELECT
   ========================================================= */

.costcozy-rating-select {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 5px;
}

.costcozy-rating-select input {
    display: none;
}

.costcozy-rating-select label {
    margin: 0;
    cursor: pointer;
}

.costcozy-rating-select label i {
    font-size: 25px;
    color: #d5d5d5;
    transition: 0.2s ease;
}

.costcozy-rating-select label:hover i,
.costcozy-rating-select label:hover ~ label i,
.costcozy-rating-select input:checked ~ label i {
    color: #f5b301;
}


/* =========================================================
   SUBMIT BUTTON
   ========================================================= */

.costcozy-submit-review {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    padding: 12px 24px;

    border: 0;
    border-radius: 7px;

    background: #222;
    color: #fff;

    font-size: 14px;
    font-weight: 600;

    cursor: pointer;

    transition: 0.2s ease;
}

.costcozy-submit-review:hover {
    background: #000;
    color: #fff;
    transform: translateY(-1px);
}


/* =========================================================
   EXISTING REVIEWS
   ========================================================= */

.costcozy-existing-reviews {
    margin-top: 35px;
}

.costcozy-single-review {
    position: relative;
    padding: 20px 0;
    border-bottom: 1px solid #e5e5e5;
}

.costcozy-review-header {
    display: flex;
    align-items: center;
    gap: 12px;
}

.costcozy-review-avatar img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
}

.costcozy-review-author strong {
    display: block;
    font-size: 15px;
    color: #111;
}

.costcozy-review-stars {
    margin-top: 5px;
}

.costcozy-review-stars i {
    font-size: 13px;
}

.costcozy-verified {
    display: inline-block;
    margin-left: 8px;
    font-size: 12px;
    color: #168b45;
}

.costcozy-review-date {
    margin-top: 8px;
    font-size: 12px;
    color: #888;
}

.costcozy-review-content {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.7;
    color: #444;
}

.costcozy-review-content p {
    margin: 0 0 8px;
}

.costcozy-no-reviews {
    padding: 15px 0;
    color: #666;
    font-size: 14px;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .costcozy-review-form-wrapper {
        padding: 18px;
    }

    .costcozy-review-form-wrapper h3,
    .costcozy-existing-reviews h3 {
        font-size: 19px;
    }

    .costcozy-average-rating {
        font-size: 24px;
    }

    .costcozy-submit-review {
        width: 100%;
    }

    .costcozy-review-header {
        align-items: flex-start;
    }

}

/* View All Button */
.shop-luggage-actions .view-all {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 90px;
    height: 42px;

    padding: 0 18px;

    background: #fff;
    color: #222;

    border: 1px solid #222;
    border-radius: 6px;

    font-size: 15px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    cursor: pointer;

    transition: all 0.2s ease;
}

/* Hover */
.shop-luggage-actions .view-all:hover {
    background: #222;
    color: #fff;
    border-color: #222;
    text-decoration: none;
}

/* Mobile */
@media (max-width: 767px) {
    .shop-luggage-actions .view-all {
        min-width: 85px;
        height: 40px;
        padding: 0 15px;
        font-size: 14px;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .shop-luggage-actions .view-all {
        min-width: 80px;
        height: 38px;
        padding: 0 13px;
        font-size: 13px;
    }

}
.yith-wcwl-add-to-wishlist-button__label{
    display: none !important;
}
.yith-wcwl-add-to-wishlist-button{
    border: 0;
}
button.yith-wcwl-add-to-wishlist-button {
    border: 0;
    outline: 0;
    background-color: transparent;
}
.yith-wcwl-add-to-wishlist-button-anchor-wrapper{
    border: 0;
    position: absolute;
    top: 0;
    z-index: 10;
    right: 0;
}




/* =========================================================
   COSTCOZY - WOOCOMMERCE MY ACCOUNT
   PROFESSIONAL CUSTOM DESIGN
========================================================= */

/* ---------- Main Account Wrapper ---------- */

.woocommerce-account .woocommerce {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 55px 25px 80px;
    box-sizing: border-box;
}


/* ---------- Clear Floats ---------- */

.woocommerce-account .woocommerce::after,
.woocommerce-account .woocommerce::before {
    content: "";
    display: table;
    clear: both;
}


/* =========================================================
   LEFT SIDEBAR
========================================================= */

.woocommerce-account .woocommerce-MyAccount-navigation {
    float: left;
    width: 255px;
    margin: 0 45px 0 0;
    padding: 0;
}


/* Navigation List */

.woocommerce-account
.woocommerce-MyAccount-navigation
ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 8px !important;

    background: #f7f6f3;
    border: 1px solid #e7e4de;
    border-radius: 8px;

    box-sizing: border-box;
}


/* Navigation Item */

.woocommerce-account
.woocommerce-MyAccount-navigation
ul li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;

    border-bottom: 1px solid #e5e2dc;
}


/* Remove last border */

.woocommerce-account
.woocommerce-MyAccount-navigation
ul li:last-child {
    border-bottom: 0;
}


/* Navigation Links */

.woocommerce-account
.woocommerce-MyAccount-navigation
ul li a {
    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    min-height: 48px;

    padding: 0 18px !important;
    margin: 0 !important;

    box-sizing: border-box;

    border: 0 !important;
    outline: none !important;
    border-radius: 5px;

    background: transparent !important;

    color: #222 !important;

    text-decoration: none !important;

    font-family: inherit;
    font-size: 14px;
    font-weight: 500;

    line-height: 1.3;

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        padding-left 0.2s ease;
}


/* Hover */

.woocommerce-account
.woocommerce-MyAccount-navigation
ul li a:hover {
    background: #e9e5dc !important;
    color: #111 !important;
    padding-left: 22px !important;
}


/* Active Item */

.woocommerce-account
.woocommerce-MyAccount-navigation
ul li.is-active a {
    background: #222 !important;
    color: #fff !important;

    font-weight: 600;
}


/* Active Hover */

.woocommerce-account
.woocommerce-MyAccount-navigation
ul li.is-active a:hover {
    background: #222 !important;
    color: #fff !important;
}


/* =========================================================
   RIGHT CONTENT
========================================================= */

.woocommerce-account
.woocommerce-MyAccount-content {
    float: left;

    width: calc(100% - 300px);

    margin: 0;
    padding: 0;

    box-sizing: border-box;

    color: #333;

    font-size: 15px;
    line-height: 1.7;
}


/* =========================================================
   ACCOUNT WELCOME
========================================================= */

.woocommerce-account
.woocommerce-MyAccount-content p:first-child {
    margin-top: 0;
}


/* Account Links */

.woocommerce-account
.woocommerce-MyAccount-content a {
    color: #111 !important;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;

    border: 0 !important;
    outline: none !important;

    background: transparent !important;
}


/* Hover */

.woocommerce-account
.woocommerce-MyAccount-content a:hover {
    color: #555 !important;
}


/* =========================================================
   REMOVE THEME BUTTON STYLE FROM WOOCOMMERCE LINKS
========================================================= */

.woocommerce-account
.woocommerce-MyAccount-content
a:not(.button) {
    box-shadow: none !important;
}


/* Logout link */

.woocommerce-account
.woocommerce-MyAccount-content
.woocommerce-MyAccount-content a.woocommerce-Button {
    box-shadow: none !important;
}


/* =========================================================
   HEADINGS
========================================================= */

.woocommerce-account
.woocommerce-MyAccount-content h1,
.woocommerce-account
.woocommerce-MyAccount-content h2,
.woocommerce-account
.woocommerce-MyAccount-content h3 {
    margin-top: 0;
    margin-bottom: 20px;

    color: #111;

    font-weight: 600;
}


/* =========================================================
   BUTTONS
========================================================= */

.woocommerce-account
.woocommerce
button.button,
.woocommerce-account
.woocommerce
a.button,
.woocommerce-account
.woocommerce
input.button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    min-height: 44px;

    padding: 10px 24px !important;

    border: 1px solid #222 !important;
    border-radius: 4px !important;

    background: #222 !important;
    color: #fff !important;

    font-family: inherit;
    font-size: 14px;
    font-weight: 600;

    line-height: 1.2;

    text-decoration: none !important;

    box-shadow: none !important;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        color 0.2s ease;
}


.woocommerce-account
.woocommerce
button.button:hover,
.woocommerce-account
.woocommerce
a.button:hover,
.woocommerce-account
.woocommerce
input.button:hover {
    background: #fff !important;
    color: #222 !important;
}


/* =========================================================
   ORDERS TABLE
========================================================= */

.woocommerce-account
.woocommerce-orders-table {
    width: 100%;
    border-collapse: collapse;

    background: #fff;

    border: 1px solid #e5e5e5;
    border-radius: 6px;

    overflow: hidden;
}


.woocommerce-account
.woocommerce-orders-table th {
    padding: 15px;

    background: #f7f6f3;

    color: #222;

    font-size: 13px;
    font-weight: 600;

    text-align: left;

    border-bottom: 1px solid #ddd;
}


.woocommerce-account
.woocommerce-orders-table td {
    padding: 15px;

    color: #333;

    font-size: 14px;

    border-bottom: 1px solid #eee;
}


.woocommerce-account
.woocommerce-orders-table tr:last-child td {
    border-bottom: 0;
}


/* =========================================================
   FORMS
========================================================= */

.woocommerce-account
.woocommerce form .form-row {
    margin-bottom: 18px;
}


.woocommerce-account
.woocommerce form label {
    display: block;

    margin-bottom: 7px;

    color: #222;

    font-size: 14px;
    font-weight: 500;
}


.woocommerce-account
.woocommerce form input.input-text,
.woocommerce-account
.woocommerce form input[type="text"],
.woocommerce-account
.woocommerce form input[type="email"],
.woocommerce-account
.woocommerce form input[type="password"],
.woocommerce-account
.woocommerce form input[type="tel"],
.woocommerce-account
.woocommerce form select,
.woocommerce-account
.woocommerce form textarea {
    width: 100%;

    min-height: 45px;

    padding: 10px 13px;

    box-sizing: border-box;

    border: 1px solid #ccc !important;
    border-radius: 4px !important;

    background: #fff !important;

    color: #222;

    font-family: inherit;
    font-size: 14px;

    outline: none !important;

    box-shadow: none !important;
}


.woocommerce-account
.woocommerce form input:focus,
.woocommerce-account
.woocommerce form select:focus,
.woocommerce-account
.woocommerce form textarea:focus {
    border-color: #222 !important;
}


/* =========================================================
   ADDRESS BOXES
========================================================= */

.woocommerce-account
.woocommerce-Addresses {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 25px;

    margin-top: 25px;
}


.woocommerce-account
.woocommerce-Address {
    padding: 25px;

    border: 1px solid #e5e5e5;
    border-radius: 7px;

    background: #fff;

    box-sizing: border-box;
}


.woocommerce-account
.woocommerce-Address-title {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 15px;
}


.woocommerce-account
.woocommerce-Address-title h3 {
    margin: 0;

    font-size: 18px;
}


.woocommerce-account
.woocommerce-Address-title .edit {
    font-size: 13px;
}


/* =========================================================
   NOTICES
========================================================= */

.woocommerce-account
.woocommerce-message,
.woocommerce-account
.woocommerce-info,
.woocommerce-account
.woocommerce-error {
    margin: 0 0 25px;

    padding: 14px 18px;

    border-radius: 5px;

    font-size: 14px;
}


/* =========================================================
   RESPONSIVE - TABLET
========================================================= */

@media (max-width: 991px) {

    .woocommerce-account .woocommerce {
        padding: 40px 20px 60px;
    }

    .woocommerce-account
    .woocommerce-MyAccount-navigation {
        width: 220px;
        margin-right: 30px;
    }

    .woocommerce-account
    .woocommerce-MyAccount-content {
        width: calc(100% - 250px);
    }

}


/* =========================================================
   RESPONSIVE - MOBILE
========================================================= */

@media (max-width: 767px) {

    .woocommerce-account .woocommerce {
        padding: 30px 15px 50px;
    }


    /* Sidebar becomes full width */

    .woocommerce-account
    .woocommerce-MyAccount-navigation {
        float: none;

        width: 100%;

        margin: 0 0 30px;
    }


    /* Content */

    .woocommerce-account
    .woocommerce-MyAccount-content {
        float: none;

        width: 100%;
    }


    /* Navigation */

    .woocommerce-account
    .woocommerce-MyAccount-navigation
    ul {
        padding: 5px !important;
    }


    .woocommerce-account
    .woocommerce-MyAccount-navigation
    ul li a {
        min-height: 46px;

        padding: 0 14px !important;
    }


    /* Address */

    .woocommerce-account
    .woocommerce-Addresses {
        grid-template-columns: 1fr;

        gap: 15px;
    }


    /* Table */

    .woocommerce-account
    .woocommerce-orders-table {
        display: block;

        overflow-x: auto;

        white-space: nowrap;
    }


    .woocommerce-account
    .woocommerce-orders-table th,
    .woocommerce-account
    .woocommerce-orders-table td {
        padding: 12px;
    }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .woocommerce-account .woocommerce {
        padding: 25px 12px 40px;
    }


    .woocommerce-account
    .woocommerce-MyAccount-content {
        font-size: 14px;
    }


    .woocommerce-account
    .woocommerce-Address {
        padding: 18px;
    }


    .woocommerce-account
    .woocommerce
    a.button,
    .woocommerce-account
    .woocommerce
    button.button,
    .woocommerce-account
    .woocommerce
    input.button {
        width: 100%;

        box-sizing: border-box;
    }

}



/* =========================================================
   COSTCOZY - WOOCOMMERCE ACCOUNT DETAILS
   FINAL PROFESSIONAL FIX
========================================================= */


/* =========================================================
   MAIN ACCOUNT CONTAINER
========================================================= */

.woocommerce-account .woocommerce {
    max-width: 1200px !important;
    width: 100% !important;

    margin: 0 auto !important;
    padding: 50px 25px 80px !important;

    box-sizing: border-box !important;
}


/* Clear floats */

.woocommerce-account .woocommerce::after {
    content: "";
    display: table;
    clear: both;
}


/* =========================================================
   LEFT ACCOUNT NAVIGATION
========================================================= */

.woocommerce-account .woocommerce-MyAccount-navigation {
    float: left !important;

    width: 255px !important;

    margin: 0 45px 0 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* Navigation box */

.woocommerce-account
.woocommerce-MyAccount-navigation > ul {
    margin: 0 !important;
    padding: 8px !important;

    list-style: none !important;

    background: #f7f6f3 !important;

    border: 1px solid #e3e0da !important;
    border-radius: 7px !important;

    box-sizing: border-box !important;
}


/* Navigation list */

.woocommerce-account
.woocommerce-MyAccount-navigation > ul > li {
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;

    border-bottom: 1px solid #e2dfd9 !important;
}


.woocommerce-account
.woocommerce-MyAccount-navigation > ul > li:last-child {
    border-bottom: 0 !important;
}


/* Navigation links */

.woocommerce-account
.woocommerce-MyAccount-navigation > ul > li > a {
    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    min-height: 48px !important;

    padding: 0 17px !important;
    margin: 0 !important;

    box-sizing: border-box !important;

    border: 0 !important;
    outline: none !important;

    border-radius: 5px !important;

    background: transparent !important;

    color: #222 !important;

    font-size: 14px !important;
    font-weight: 500 !important;

    line-height: 1 !important;

    text-decoration: none !important;

    transition: all 0.2s ease !important;
}


/* Hover */

.woocommerce-account
.woocommerce-MyAccount-navigation > ul > li > a:hover {
    padding-left: 21px !important;

    background: #ebe7df !important;

    color: #111 !important;
}


/* Active */

.woocommerce-account
.woocommerce-MyAccount-navigation > ul > li.is-active > a {
    background: #222 !important;

    color: #fff !important;

    font-weight: 600 !important;
}


/* =========================================================
   RIGHT CONTENT
========================================================= */

.woocommerce-account
.woocommerce-MyAccount-content {
    float: left !important;

    width: calc(100% - 300px) !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    color: #222 !important;

    font-size: 15px !important;
    line-height: 1.6 !important;
}


/* =========================================================
   FORM
========================================================= */

.woocommerce-account
.woocommerce-MyAccount-content form {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Form rows */

.woocommerce-account
.woocommerce-MyAccount-content
form .form-row {
    margin: 0 0 20px !important;
    padding: 0 !important;
}


/* Labels */

.woocommerce-account
.woocommerce-MyAccount-content
form label {
    display: block !important;

    margin: 0 0 7px !important;

    color: #222 !important;

    font-size: 14px !important;
    font-weight: 500 !important;

    line-height: 1.4 !important;
}


/* Required */

.woocommerce-account
.woocommerce-MyAccount-content
form label .required {
    color: #c62828 !important;
}


/* =========================================================
   INPUT FIELDS
========================================================= */

.woocommerce-account
.woocommerce-MyAccount-content
form input.input-text,

.woocommerce-account
.woocommerce-MyAccount-content
form input[type="text"],

.woocommerce-account
.woocommerce-MyAccount-content
form input[type="email"],

.woocommerce-account
.woocommerce-MyAccount-content
form input[type="password"],

.woocommerce-account
.woocommerce-MyAccount-content
form input[type="tel"] {

    display: block !important;

    width: 100% !important;
    height: 46px !important;

    min-height: 46px !important;

    padding: 0 13px !important;

    margin: 0 !important;

    box-sizing: border-box !important;

    border: 1px solid #cfcfcf !important;

    border-radius: 4px !important;

    outline: none !important;

    background-color: #fff !important;

    /* IMPORTANT - removes repeated image */
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: auto !important;

    color: #222 !important;

    font-family: inherit !important;
    font-size: 14px !important;

    box-shadow: none !important;

    appearance: none !important;
}


/* Focus */

.woocommerce-account
.woocommerce-MyAccount-content
form input.input-text:focus,

.woocommerce-account
.woocommerce-MyAccount-content
form input[type="text"]:focus,

.woocommerce-account
.woocommerce-MyAccount-content
form input[type="email"]:focus,

.woocommerce-account
.woocommerce-MyAccount-content
form input[type="password"]:focus,

.woocommerce-account
.woocommerce-MyAccount-content
form input[type="tel"]:focus {

    border-color: #222 !important;

    background-color: #fff !important;

    background-image: none !important;

    box-shadow: 0 0 0 1px #222 !important;
}


/* =========================================================
   EMAIL FIELD - EXTRA FIX
========================================================= */

.woocommerce-account
.woocommerce-MyAccount-content
input#account_email {

    background-image: none !important;

    background-repeat: no-repeat !important;

    background-color: #fff !important;

    padding-left: 13px !important;
}


/* Remove possible pseudo content */

.woocommerce-account
.woocommerce-MyAccount-content
input#account_email::before,

.woocommerce-account
.woocommerce-MyAccount-content
input#account_email::after {
    display: none !important;
}


/* =========================================================
   PASSWORD CHANGE
========================================================= */

.woocommerce-account
.woocommerce-MyAccount-content
fieldset {
    margin: 30px 0 25px !important;

    padding: 25px !important;

    border: 1px solid #e2e2e2 !important;

    border-radius: 6px !important;

    background: #fafafa !important;
}


.woocommerce-account
.woocommerce-MyAccount-content
fieldset legend {
    padding: 0 8px !important;

    color: #222 !important;

    font-size: 20px !important;

    font-weight: 600 !important;
}


/* =========================================================
   PASSWORD SECTION HEADING
========================================================= */

.woocommerce-account
.woocommerce-MyAccount-content
h3 {
    margin: 30px 0 18px !important;

    color: #222 !important;

    font-size: 20px !important;

    font-weight: 600 !important;
}


/* =========================================================
   FORM DESCRIPTION
========================================================= */

.woocommerce-account
.woocommerce-MyAccount-content
em {
    display: block !important;

    margin-top: 6px !important;

    color: #777 !important;

    font-size: 13px !important;

    line-height: 1.5 !important;
}


/* =========================================================
   SAVE CHANGES BUTTON
========================================================= */

.woocommerce-account
.woocommerce-MyAccount-content
button[name="save_account_details"],
.woocommerce-account
.woocommerce-MyAccount-content
input[name="save_account_details"] {

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-width: 150px !important;
    min-height: 45px !important;

    padding: 11px 25px !important;

    margin-top: 5px !important;

    border: 1px solid #222 !important;

    border-radius: 4px !important;

    background: #222 !important;

    color: #fff !important;

    font-family: inherit !important;

    font-size: 14px !important;

    font-weight: 600 !important;

    line-height: 1 !important;

    text-decoration: none !important;

    box-shadow: none !important;

    cursor: pointer !important;

    transition: all 0.2s ease !important;
}


.woocommerce-account
.woocommerce-MyAccount-content
button[name="save_account_details"]:hover,
.woocommerce-account
.woocommerce-MyAccount-content
input[name="save_account_details"]:hover {

    background: #fff !important;

    color: #222 !important;
}


/* =========================================================
   REMOVE THEME LINK BUTTON STYLING
========================================================= */

.woocommerce-account
.woocommerce-MyAccount-content
a:not(.button) {

    border: 0 !important;

    outline: none !important;

    box-shadow: none !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .woocommerce-account .woocommerce {
        padding: 40px 20px 60px !important;
    }

    .woocommerce-account
    .woocommerce-MyAccount-navigation {

        width: 220px !important;

        margin-right: 30px !important;
    }

    .woocommerce-account
    .woocommerce-MyAccount-content {

        width: calc(100% - 250px) !important;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .woocommerce-account .woocommerce {

        padding: 30px 15px 50px !important;
    }


    .woocommerce-account
    .woocommerce-MyAccount-navigation {

        float: none !important;

        width: 100% !important;

        margin: 0 0 30px !important;
    }


    .woocommerce-account
    .woocommerce-MyAccount-content {

        float: none !important;

        width: 100% !important;
    }


    .woocommerce-account
    .woocommerce-MyAccount-navigation > ul {

        padding: 5px !important;
    }


    .woocommerce-account
    .woocommerce-MyAccount-navigation > ul > li > a {

        min-height: 46px !important;

        padding: 0 14px !important;
    }


    .woocommerce-account
    .woocommerce-MyAccount-content
    form .form-row-first,

    .woocommerce-account
    .woocommerce-MyAccount-content
    form .form-row-last {

        width: 100% !important;

        float: none !important;

        margin-right: 0 !important;
    }


    .woocommerce-account
    .woocommerce-MyAccount-content
    fieldset {

        padding: 18px !important;
    }


    .woocommerce-account
    .woocommerce-MyAccount-content
    button[name="save_account_details"],
    .woocommerce-account
    .woocommerce-MyAccount-content
    input[name="save_account_details"] {

        width: 100% !important;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .woocommerce-account .woocommerce {

        padding: 25px 12px 40px !important;
    }

    .woocommerce-account
    .woocommerce-MyAccount-content {

        font-size: 14px !important;
    }

}


/* =========================================================
   COSTCOZY - WOOCOMMERCE MY ACCOUNT
   ADDRESS PAGE PROFESSIONAL DESIGN
========================================================= */


/* =========================================================
   ADDRESS PAGE CONTENT
========================================================= */

.woocommerce-account
.woocommerce-MyAccount-content
.woocommerce-Addresses {

    display: grid !important;

    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    gap: 25px !important;

    width: 100% !important;

    margin: 30px 0 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   ADDRESS CARD
========================================================= */

.woocommerce-account
.woocommerce-Address {

    width: 100% !important;

    min-height: 270px !important;

    margin: 0 !important;
    padding: 25px !important;

    box-sizing: border-box !important;

    background: #fff !important;

    border: 1px solid #dedede !important;

    border-radius: 7px !important;

    position: relative !important;
}


/* =========================================================
   ADDRESS CARD TITLE AREA
========================================================= */

.woocommerce-account
.woocommerce-Address
.woocommerce-Address-title {

    display: flex !important;

    align-items: flex-start !important;

    justify-content: space-between !important;

    width: 100% !important;

    margin: 0 0 25px !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   ADDRESS TITLE
========================================================= */

.woocommerce-account
.woocommerce-Address
.woocommerce-Address-title
h2,
.woocommerce-account
.woocommerce-Address
.woocommerce-Address-title
h3 {

    display: block !important;

    width: auto !important;

    max-width: 75% !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #111 !important;

    font-family: inherit !important;

    font-size: 22px !important;

    font-weight: 600 !important;

    line-height: 1.25 !important;

    text-transform: uppercase !important;

    letter-spacing: 0 !important;
}


/* =========================================================
   EDIT / ADD ADDRESS LINK
========================================================= */

.woocommerce-account
.woocommerce-Address
.woocommerce-Address-title
a {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    flex-shrink: 0 !important;

    min-width: 65px !important;

    min-height: 36px !important;

    padding: 8px 12px !important;

    margin: 0 !important;

    box-sizing: border-box !important;

    border: 1px solid #222 !important;

    border-radius: 4px !important;

    background: #fff !important;

    color: #222 !important;

    font-family: inherit !important;

    font-size: 12px !important;

    font-weight: 600 !important;

    line-height: 1 !important;

    text-decoration: none !important;

    text-transform: uppercase !important;

    box-shadow: none !important;

    transition: all 0.2s ease !important;
}


/* Hover */

.woocommerce-account
.woocommerce-Address
.woocommerce-Address-title
a:hover {

    background: #222 !important;

    color: #fff !important;

    border-color: #222 !important;
}


/* =========================================================
   ADDRESS CONTENT
========================================================= */

.woocommerce-account
.woocommerce-Address
address {

    margin: 0 !important;
    padding: 0 !important;

    color: #555 !important;

    font-family: inherit !important;

    font-size: 14px !important;

    font-style: normal !important;

    font-weight: 400 !important;

    line-height: 1.7 !important;
}


/* =========================================================
   EMPTY ADDRESS MESSAGE
========================================================= */

.woocommerce-account
.woocommerce-Address
address p {

    margin: 0 !important;

    color: #555 !important;

    font-size: 14px !important;

    line-height: 1.7 !important;
}


/* =========================================================
   TOP INFORMATION TEXT
========================================================= */

.woocommerce-account
.woocommerce-MyAccount-content
> p:first-child {

    margin: 0 0 25px !important;

    color: #333 !important;

    font-size: 15px !important;

    line-height: 1.6 !important;
}


/* =========================================================
   REMOVE DEFAULT LINK STYLE
========================================================= */

.woocommerce-account
.woocommerce-Address
a:not(.button) {

    box-shadow: none !important;

    outline: none !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .woocommerce-account
    .woocommerce-MyAccount-content
    .woocommerce-Addresses {

        grid-template-columns: 1fr !important;

        gap: 18px !important;

        margin-top: 20px !important;
    }


    .woocommerce-account
    .woocommerce-Address {

        min-height: auto !important;

        padding: 20px !important;
    }


    .woocommerce-account
    .woocommerce-Address
    .woocommerce-Address-title {

        align-items: flex-start !important;

        margin-bottom: 20px !important;
    }


    .woocommerce-account
    .woocommerce-Address
    .woocommerce-Address-title
    h2,
    .woocommerce-account
    .woocommerce-Address
    .woocommerce-Address-title
    h3 {

        font-size: 20px !important;

        max-width: 65% !important;
    }


    .woocommerce-account
    .woocommerce-Address
    .woocommerce-Address-title
    a {

        min-width: 60px !important;

        min-height: 34px !important;

        padding: 7px 10px !important;

        font-size: 11px !important;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .woocommerce-account
    .woocommerce-Address {

        padding: 18px !important;
    }


    .woocommerce-account
    .woocommerce-Address
    .woocommerce-Address-title
    h2,
    .woocommerce-account
    .woocommerce-Address
    .woocommerce-Address-title
    h3 {

        font-size: 18px !important;
    }


    .woocommerce-account
    .woocommerce-Address
    .woocommerce-Address-title
    a {

        min-width: 55px !important;

        padding: 6px 8px !important;
    }

}
.yith-wcwl-add-to-wishlist-button{
    position: absolute !important;
    top: 0;
    right: 10px;
    z-index: 10;
}






/* =========================================
   YITH WOOCOMMERCE QUICK VIEW - DESIGN FIX
   ========================================= */

/* Overlay */
#yith-quick-view-modal {
    z-index: 999999 !important;
}

#yith-quick-view-modal .yith-quick-view-overlay {
    background: rgba(0, 0, 0, 0.72) !important;
}

/* Main Popup */
#yith-quick-view-modal .yith-wcqv-main {
    width: 100% !important;
    max-width: 1000px !important;
    height: 560px !important;
    max-height: 90vh !important;
    margin: auto !important;
    background: #fff !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    position: relative !important;
}

/* Popup Content */
#yith-quick-view-modal .yith-wcqv-main-content {
    height: 100% !important;
    overflow: hidden !important;
}

/* Product Wrapper */
#yith-quick-view-modal .woocommerce {
    height: 100% !important;
}

#yith-quick-view-modal .product {
    display: flex !important;
    height: 100% !important;
    margin: 0 !important;
}

/* =========================================
   LEFT IMAGE AREA
   ========================================= */

#yith-quick-view-modal .images {
    width: 52% !important;
    padding: 35px !important;
    margin: 0 !important;
    background: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#yith-quick-view-modal .woocommerce-product-gallery {
    width: 100% !important;
    margin: 0 !important;
}

#yith-quick-view-modal .woocommerce-product-gallery__image {
    text-align: center !important;
}

#yith-quick-view-modal .woocommerce-product-gallery__image img {
    width: 100% !important;
    max-width: 450px !important;
    height: 450px !important;
    object-fit: contain !important;
    margin: auto !important;
}

/* Remove extra gallery spacing */
#yith-quick-view-modal .flex-control-thumbs {
    display: none !important;
}

/* =========================================
   RIGHT PRODUCT DETAILS
   ========================================= */

#yith-quick-view-modal .summary {
    width: 48% !important;
    padding: 45px 40px !important;
    margin: 0 !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
}

/* Product Title */
#yith-quick-view-modal .summary .product_title {
    font-size: 28px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    margin: 0 0 18px !important;
    color: #111 !important;
}

/* Price */
#yith-quick-view-modal .summary .price {
    margin: 10px 0 25px !important;
    font-size: 24px !important;
    line-height: 1.3 !important;
}

#yith-quick-view-modal .summary .price del {
    color: #999 !important;
    font-size: 18px !important;
    margin-right: 8px !important;
}

#yith-quick-view-modal .summary .price ins {
    color: #222 !important;
    text-decoration: none !important;
    font-weight: 700 !important;
}

/* Description */
#yith-quick-view-modal .woocommerce-product-details__short-description {
    color: #333 !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    margin-bottom: 25px !important;
}

/* =========================================
   ADD TO CART
   ========================================= */

#yith-quick-view-modal .cart {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

/* Quantity */
#yith-quick-view-modal .quantity {
    margin: 0 !important;
}

#yith-quick-view-modal .quantity .qty {
    width: 60px !important;
    height: 48px !important;
    border: 1px solid #ddd !important;
    border-radius: 7px !important;
    text-align: center !important;
    font-size: 16px !important;
}

/* Add To Cart Button */
#yith-quick-view-modal .single_add_to_cart_button {
    height: 48px !important;
    min-width: 160px !important;
    padding: 0 28px !important;
    border: 0 !important;
    border-radius: 7px !important;
    background: #7d4bc3 !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all .2s ease !important;
}

#yith-quick-view-modal .single_add_to_cart_button:hover {
    background: #6738a9 !important;
}

/* =========================================
   CLOSE BUTTON
   ========================================= */

#yith-quick-view-modal .yith-wcqv-close {
    position: absolute !important;
    right: 18px !important;
    top: 15px !important;
    z-index: 9999 !important;
    width: 35px !important;
    height: 35px !important;
    line-height: 35px !important;
    text-align: center !important;
    font-size: 25px !important;
    color: #111 !important;
    background: transparent !important;
    border: 0 !important;
    cursor: pointer !important;
}

/* =========================================
   SALE BADGE
   ========================================= */

#yith-quick-view-modal .onsale {
    position: absolute !important;
    top: 22px !important;
    left: 22px !important;
    z-index: 5 !important;
    min-width: 50px !important;
    min-height: 50px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: #a7a000 !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 768px) {

    #yith-quick-view-modal .yith-wcqv-main {
        width: 92% !important;
        height: 90vh !important;
        max-height: 90vh !important;
        border-radius: 12px !important;
        overflow-y: auto !important;
    }

    #yith-quick-view-modal .product {
        display: block !important;
        height: auto !important;
    }

    #yith-quick-view-modal .images,
    #yith-quick-view-modal .summary {
        width: 100% !important;
    }

    #yith-quick-view-modal .images {
        height: 320px !important;
        padding: 20px !important;
    }

    #yith-quick-view-modal .woocommerce-product-gallery__image img {
        height: 280px !important;
    }

    #yith-quick-view-modal .summary {
        padding: 25px 22px 30px !important;
        overflow: visible !important;
    }

    #yith-quick-view-modal .summary .product_title {
        font-size: 22px !important;
    }

    #yith-quick-view-modal .cart {
        flex-wrap: wrap !important;
    }

    #yith-quick-view-modal .single_add_to_cart_button {
        flex: 1 !important;
    }
}

/* Small Mobile */
@media (max-width: 480px) {

    #yith-quick-view-modal .yith-wcqv-main {
        width: 95% !important;
    }

    #yith-quick-view-modal .images {
        height: 280px !important;
    }

    #yith-quick-view-modal .woocommerce-product-gallery__image img {
        height: 240px !important;
    }

    #yith-quick-view-modal .summary {
        padding: 22px 18px !important;
    }

    #yith-quick-view-modal .summary .product_title {
        font-size: 20px !important;
    }

    #yith-quick-view-modal .cart {
        display: flex !important;
    }

    #yith-quick-view-modal .single_add_to_cart_button {
        width: 100% !important;
        flex: 100% !important;
    }
}









/* =========================================================
   COSTCOZY LUGGAGE PRODUCT CARD
   EXACT CSS FOR YOUR PROVIDED HTML
   ========================================================= */


/* =========================
   PRODUCT TRACK / GRID
   ========================= */

#luggageTrack.luggage-track {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    align-items: stretch;
    box-sizing: border-box;
}


/* =========================
   PRODUCT CARD
   ========================= */

#luggageTrack .luggage-card {
    width: 100%;
    min-width: 0;
    height: 100%;
    min-height: 0;

    display: flex;
    flex-direction: column;

    margin: 0;
    padding: 0;

    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;

    overflow: hidden;
    box-sizing: border-box;
}


/* =========================
   IMAGE
   ========================= */

#luggageTrack .luggage-card .luggage-image {
    position: relative;

    width: 100%;
    height: 335px;
    min-height: 335px;

    margin: 0;
    padding: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f5f2ed;

    overflow: hidden;
    flex-shrink: 0;

    box-sizing: border-box;
}


/* Product Image */

#luggageTrack .luggage-card .luggage-image > img {
    display: block;

    width: 100%;
    height: 100%;

    max-width: 100%;
    max-height: 100%;

    margin: 0;
    padding: 0;

    object-fit: contain;
    object-position: center center;

    border: 0;

    box-sizing: border-box;
}


/* =========================
   WISHLIST
   ========================= */

/*
   YITH wishlist shortcode creates
   .yith-wcwl-add-to-wishlist
*/

#luggageTrack .luggage-image .yith-wcwl-add-to-wishlist {
    position: absolute;

    top: 8px;
    right: 8px;

    z-index: 20;

    margin: 0;
    padding: 0;
}


/* Wishlist button */

#luggageTrack .luggage-image
.yith-wcwl-add-to-wishlist a {
    width: 36px;
    height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0;
    padding: 0;

    background: #fff;

    border: 1px solid #777;
    border-radius: 50%;

    text-decoration: none;

    box-sizing: border-box;
}


/* Wishlist icon */

#luggageTrack .luggage-image
.yith-wcwl-add-to-wishlist i {
    margin: 0;
    font-size: 16px;
}


/* =========================
   BUY NOW
   ========================= */

#luggageTrack .luggage-card .buy-now {
    position: absolute;

    left: 12px;
    bottom: 12px;

    z-index: 15;

    display: none;

    padding: 8px 14px;

    background: #fff;
    color: #111;

    border: 1px solid #222;
    border-radius: 2px;

    font-size: 13px;
    font-weight: 500;

    text-decoration: none;

    line-height: 1;

    box-sizing: border-box;
}


/* Optional: show Buy Now on hover */

#luggageTrack .luggage-card:hover .buy-now {
    display: inline-flex;
}


/* =========================
   CONTENT
   ========================= */

#luggageTrack .luggage-card .luggage-content {
    width: 100%;

    display: flex;
    flex-direction: column;

    flex: 1;

    margin: 0;
    padding: 15px 10px 10px;

    background: #fff;

    box-sizing: border-box;
}


/* =========================
   PRODUCT TITLE
   ========================= */

#luggageTrack .luggage-card .luggage-content h3 {
    width: 100%;

    height: 52px;
    min-height: 52px;
    max-height: 52px;

    margin: 0;
    padding: 0;

    display: -webkit-box;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    overflow: hidden;

    font-size: 18px;
    line-height: 26px;

    font-weight: 400;

    color: #111;

    text-align: left;

    box-sizing: border-box;
}


/* =========================
   RATING
   ========================= */

#luggageTrack .luggage-card .luggage-rating {
    width: 100%;

    height: 27px;
    min-height: 27px;

    margin: 5px 0 5px;
    padding: 0;

    display: flex;
    align-items: center;

    white-space: nowrap;

    box-sizing: border-box;
}


/* Stars */

#luggageTrack .luggage-card .luggage-rating img {
    width: 16px !important;
    height: 16px !important;

    min-width: 16px !important;
    min-height: 16px !important;

    max-width: 16px !important;
    max-height: 16px !important;

    margin: 0 1px 0 0 !important;
    padding: 0 !important;

    object-fit: contain !important;

    display: block !important;
}


/* Rating number */

#luggageTrack .luggage-card .luggage-rating b {
    margin: 0 0 0 6px;

    padding: 0;

    font-size: 13px;
    line-height: 18px;

    font-weight: 400;

    color: #222;
}


/* Review */

#luggageTrack .luggage-card .luggage-rating small {
    margin: 0 0 0 10px;

    padding: 0;

    font-size: 13px;
    line-height: 18px;

    color: #222;
}


/* =========================
   PRICE
   ========================= */

#luggageTrack .luggage-card .luggage-price {
    width: 100%;

    min-height: 35px;
    height: 35px;

    margin: 0;
    padding: 0;

    display: flex;
    align-items: center;

    gap: 8px;

    box-sizing: border-box;
}


/* Old Price */

#luggageTrack .luggage-card .luggage-price del {
    margin: 0;
    padding: 0;

    font-size: 14px;
    line-height: 20px;

    color: #777;
}


/* Current Price */

#luggageTrack .luggage-card .luggage-price strong {
    margin: 0;
    padding: 0;

    font-size: 19px;
    line-height: 24px;

    font-weight: 600;

    color: #222;
}


/* Remove WooCommerce price extra styling */

#luggageTrack .luggage-price .woocommerce-Price-amount {
    margin: 0 !important;
    padding: 0 !important;
}


/* =========================
   COLOR LIST
   ========================= */

#luggageTrack .luggage-card .color-list {
    width: 100%;

    min-height: 20px;
    height: 20px;

    margin: 4px 0 0;
    padding: 0;

    display: flex;
    align-items: center;

    gap: 5px;

    box-sizing: border-box;
}


/* Color circle */

#luggageTrack .luggage-card .color-list .color {
    width: 14px;
    height: 14px;

    min-width: 14px;
    min-height: 14px;

    display: inline-block;

    border-radius: 50%;

    border: 1px solid #bbb;

    box-sizing: border-box;
}


/* =========================
   QUICK VIEW
   ========================= */

/*
   YITH shortcode:

   [yith_quick_view
      product_id="..."
      label="Quick View"
   ]

   The plugin normally generates:
   .yith-wcqv-button
*/


#luggageTrack .luggage-card .yith-wcqv-button {

    width: 100% !important;

    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 12px 0 0 !important;
    padding: 0 10px !important;

    background: #fff !important;

    color: #222 !important;

    border: 1px solid #222 !important;
    border-radius: 2px !important;

    font-size: 15px !important;
    font-weight: 500 !important;

    line-height: 42px !important;

    text-align: center !important;
    text-decoration: none !important;

    cursor: pointer !important;

    box-sizing: border-box !important;

    position: relative !important;

    z-index: 30 !important;
}


/* Quick View Hover */

#luggageTrack .luggage-card .yith-wcqv-button:hover {
    background: #222 !important;
    color: #fff !important;

    border-color: #222 !important;
}


/* =========================
   IMPORTANT:
   QUICK VIEW IF WRAPPED
   ========================= */

#luggageTrack .luggage-card .luggage-content > p {
    margin: 0;
    padding: 0;
}


/* If YITH button is inside paragraph */

#luggageTrack .luggage-card .luggage-content > p
.yith-wcqv-button {
    margin-top: 12px !important;
}


/* =========================
   REMOVE EXTRA PADDING
========================= */

#luggageTrack .luggage-card .luggage-content > * {
    box-sizing: border-box;
}


/* =========================
   DESKTOP
   ========================= */

@media (min-width: 1200px) {

    #luggageTrack.luggage-track {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 14px;
    }

    #luggageTrack .luggage-image {
        height: 335px;
        min-height: 335px;
    }
}


/* =========================
   LAPTOP
   ========================= */

@media (max-width: 1199px) and (min-width: 992px) {

    #luggageTrack.luggage-track {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
    }

    #luggageTrack .luggage-card .luggage-image {
        height: 300px;
        min-height: 300px;
    }

    #luggageTrack .luggage-card .luggage-content h3 {
        font-size: 16px;
        line-height: 24px;
    }

    #luggageTrack .luggage-card .luggage-price strong {
        font-size: 17px;
    }
}


/* =========================
   TABLET
   ========================= */

@media (max-width: 991px) and (min-width: 768px) {

    #luggageTrack.luggage-track {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
    }

    #luggageTrack .luggage-card .luggage-image {
        height: 280px;
        min-height: 280px;
    }

    #luggageTrack .luggage-card .luggage-content {
        padding: 14px 9px 9px;
    }

    #luggageTrack .luggage-card .luggage-content h3 {
        font-size: 16px;
        line-height: 23px;

        height: 46px;
        min-height: 46px;
        max-height: 46px;
    }

    #luggageTrack .luggage-card .luggage-rating img {
        width: 14px !important;
        height: 14px !important;

        min-width: 14px !important;
        min-height: 14px !important;
    }

    #luggageTrack .luggage-card .luggage-price strong {
        font-size: 17px;
    }

    #luggageTrack .luggage-card .yith-wcqv-button {
        height: 40px !important;
        min-height: 40px !important;

        font-size: 14px !important;
    }
}


/* =========================
   MOBILE
   ========================= */

@media (max-width: 767px) {

    #luggageTrack.luggage-track {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    #luggageTrack .luggage-card .luggage-image {
        height: 250px;
        min-height: 250px;
    }

    #luggageTrack .luggage-card .luggage-content {
        padding: 12px 9px 9px;
    }

    #luggageTrack .luggage-card .luggage-content h3 {

        height: 46px;
        min-height: 46px;
        max-height: 46px;

        font-size: 15px;
        line-height: 23px;
    }

    #luggageTrack .luggage-card .luggage-rating {

        height: 25px;
        min-height: 25px;

        margin: 3px 0;
    }

    #luggageTrack .luggage-card .luggage-rating img {

        width: 13px !important;
        height: 13px !important;

        min-width: 13px !important;
        min-height: 13px !important;
    }

    #luggageTrack .luggage-card .luggage-rating b,
    #luggageTrack .luggage-card .luggage-rating small {
        font-size: 11px;
    }

    #luggageTrack .luggage-card .luggage-price {

        height: 32px;
        min-height: 32px;

        gap: 5px;
    }

    #luggageTrack .luggage-card .luggage-price del {
        font-size: 12px;
    }

    #luggageTrack .luggage-card .luggage-price strong {
        font-size: 16px;
    }

    #luggageTrack .luggage-card .color-list {
        height: 18px;
        min-height: 18px;
    }

    #luggageTrack .luggage-card .yith-wcqv-button {

        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;

        margin-top: 8px !important;

        font-size: 13px !important;

        line-height: 40px !important;
    }
}


/* =========================
   SMALL MOBILE
   ========================= */

@media (max-width: 480px) {

    #luggageTrack.luggage-track {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    #luggageTrack .luggage-card .luggage-image {
        height: 210px;
        min-height: 210px;
    }

    #luggageTrack .luggage-card .luggage-content {
        padding: 10px 7px 8px;
    }

    #luggageTrack .luggage-card .luggage-content h3 {

        height: 42px;
        min-height: 42px;
        max-height: 42px;

        font-size: 14px;
        line-height: 21px;
    }

    #luggageTrack .luggage-card .luggage-rating img {

        width: 11px !important;
        height: 11px !important;

        min-width: 11px !important;
        min-height: 11px !important;
    }

    #luggageTrack .luggage-card .luggage-rating b,
    #luggageTrack .luggage-card .luggage-rating small {
        font-size: 10px;
    }

    #luggageTrack .luggage-card .luggage-price strong {
        font-size: 15px;
    }

    #luggageTrack .luggage-card .yith-wcqv-button {

        height: 38px !important;
        min-height: 38px !important;

        font-size: 12px !important;

        margin-top: 7px !important;
    }
}


/* =====================================================
   LUGGAGE CARD - WISHLIST + BUY NOW FIX
   ===================================================== */


/* --------------------------------
   IMAGE CONTAINER
-------------------------------- */

#luggageTrack .luggage-card .luggage-image {
    position: relative !important;

    width: 100% !important;
    height: 335px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: #f5f2ed !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;
}


/* --------------------------------
   PRODUCT IMAGE
-------------------------------- */

#luggageTrack .luggage-card .luggage-image > img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;
    object-position: center center !important;

    box-sizing: border-box !important;
}


/* =====================================================
   WISHLIST - TOP RIGHT CORNER
   ===================================================== */

#luggageTrack .luggage-card
.luggage-image .yith-wcwl-add-to-wishlist {

    position: absolute !important;

    top: 10px !important;
    right: 10px !important;
    left: auto !important;
    bottom: auto !important;

    width: 38px !important;
    height: 38px !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 999 !important;

    display: block !important;

    box-sizing: border-box !important;
}


/* Wishlist inner button/link */

#luggageTrack .luggage-card
.luggage-image .yith-wcwl-add-to-wishlist a {

    width: 38px !important;
    height: 38px !important;

    min-width: 38px !important;
    min-height: 38px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    background: #fff !important;

    border: 1px solid #555 !important;
    border-radius: 50% !important;

    color: #111 !important;

    text-decoration: none !important;

    box-sizing: border-box !important;
}


/* Wishlist icon */

#luggageTrack .luggage-card
.luggage-image .yith-wcwl-add-to-wishlist a i {

    margin: 0 !important;
    padding: 0 !important;

    font-size: 17px !important;

    line-height: 1 !important;
}


/* Remove YITH default margins */

#luggageTrack .luggage-card
.luggage-image .yith-wcwl-add-to-wishlist .yith-wcwl-add-button,
#luggageTrack .luggage-card
.luggage-image .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse,
#luggageTrack .luggage-card
.luggage-image .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse {

    margin: 0 !important;
    padding: 0 !important;

    width: 38px !important;
    height: 38px !important;
}


/* =====================================================
   BUY NOW BUTTON
   ===================================================== */

#luggageTrack .luggage-card .luggage-image .buy-now {

    position: absolute !important;

    left: 50% !important;
    bottom: 12px !important;

    transform: translateX(-50%) !important;

    z-index: 100 !important;

    width: auto !important;
    min-width: 110px !important;
    height: 40px !important;

    margin: 0 !important;
    padding: 0 20px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    background: #fff !important;

    color: #111 !important;

    border: 1px solid #222 !important;
    border-radius: 2px !important;

    font-size: 14px !important;
    font-weight: 500 !important;

    line-height: 40px !important;

    text-align: center !important;
    text-decoration: none !important;

    opacity: 0 !important;
    visibility: hidden !important;

    transition:
        opacity .2s ease,
        visibility .2s ease,
        background .2s ease !important;

    box-sizing: border-box !important;
}


/* Show Buy Now when card hover */

#luggageTrack .luggage-card:hover
.luggage-image .buy-now {

    opacity: 1 !important;
    visibility: visible !important;
}


/* Buy Now Hover */

#luggageTrack .luggage-card
.luggage-image .buy-now:hover {

    background: #222 !important;
    color: #fff !important;

    border-color: #222 !important;
}


/* =====================================================
   IMPORTANT - REMOVE OLD BUY NOW RULES
   ===================================================== */

#luggageTrack .luggage-card .buy-now::before,
#luggageTrack .luggage-card .buy-now::after {

    display: none !important;
    content: none !important;
}


/* =====================================================
   MOBILE
   ===================================================== */

@media (max-width: 767px) {

    #luggageTrack .luggage-card .luggage-image {

        height: 250px !important;
    }


    #luggageTrack .luggage-card
    .luggage-image .yith-wcwl-add-to-wishlist {

        top: 7px !important;
        right: 7px !important;

        width: 34px !important;
        height: 34px !important;
    }


    #luggageTrack .luggage-card
    .luggage-image .yith-wcwl-add-to-wishlist a {

        width: 34px !important;
        height: 34px !important;

        min-width: 34px !important;
        min-height: 34px !important;
    }


    #luggageTrack .luggage-card
    .luggage-image .yith-wcwl-add-to-wishlist a i {

        font-size: 15px !important;
    }


    #luggageTrack .luggage-card
    .luggage-image .buy-now {

        min-width: 95px !important;

        height: 36px !important;

        bottom: 8px !important;

        padding: 0 15px !important;

        font-size: 12px !important;

        line-height: 36px !important;
    }
}


/* =====================================================
   SMALL MOBILE
   ===================================================== */

@media (max-width: 480px) {

    #luggageTrack .luggage-card .luggage-image {

        height: 210px !important;
    }


    #luggageTrack .luggage-card
    .luggage-image .buy-now {

        min-width: 85px !important;

        height: 34px !important;

        bottom: 7px !important;

        padding: 0 12px !important;

        font-size: 11px !important;

        line-height: 34px !important;
    }
}
button.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--custom-button {
    position: absolute !important;
    top: -158px;
    right: 10px;
}




/* ==========================================
   CONTACT FOOTER
========================================== */

.contact-footer {
    width: 100%;
}

.contact-footer > h3 {
    margin: 0 0 25px !important;
    color: #fff !important;
}


/* Contact wrapper */

.contact-info {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 18px;
}


/* Contact item */

.contact-info .contact-item {
    width: 100%;

    display: flex;
    align-items: flex-start;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box;
}


/* ==========================================
   ICON
========================================== */

.contact-info .contact-icon {
    flex: 0 0 40px;

    width: 40px;
    height: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-right: 12px;

    border-radius: 50%;

    background: #f5c928;
    color: #222;

    font-size: 16px;

    box-sizing: border-box;
}


/* Font Awesome icon */

.contact-info .contact-icon i {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 16px !important;

    line-height: 1 !important;
}


/* ==========================================
   ADDRESS
========================================== */

.contact-info .contact-item p {
    flex: 1;

    margin: 0 !important;
    padding: 0 !important;

    color: #fff !important;

    font-size: 14px !important;
    line-height: 21px !important;

    font-weight: 400;
}


/* ==========================================
   EMAIL / PHONE
========================================== */

.contact-info .contact-item a {
    flex: 1;

    margin: 0 !important;
    padding: 0 !important;

    color: #fff !important;

    font-size: 14px !important;
    line-height: 40px !important;

    text-decoration: none !important;

    word-break: break-word;

    transition: all .2s ease;
}


/* Hover */

.contact-info .contact-item a:hover {
    color: #f5c928 !important;
}


/* ==========================================
   REMOVE OLD HEADINGS
========================================== */

/* In case old h3 remains somewhere */

.contact-info .contact-item h3 {
    display: none !important;
}


/* ==========================================
   DESKTOP
========================================== */

@media (min-width: 992px) {

    .contact-info {
        gap: 18px;
    }

    .contact-info .contact-icon {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
    }
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 991px) {

    .contact-info {
        gap: 15px;
    }

    .contact-info .contact-icon {
        width: 36px;
        height: 36px;
        flex-basis: 36px;

        margin-right: 10px;

        font-size: 14px;
    }

    .contact-info .contact-icon i {
        font-size: 14px !important;
    }

    .contact-info .contact-item a {
        font-size: 13px !important;
        line-height: 36px !important;
    }

    .contact-info .contact-item p {
        font-size: 13px !important;
        line-height: 20px !important;
    }
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

    .contact-footer > h3 {
        margin-bottom: 18px !important;
    }

    .contact-info {
        gap: 14px;
    }

    .contact-info .contact-icon {
        width: 34px;
        height: 34px;
        flex-basis: 34px;

        margin-right: 10px;
    }

    .contact-info .contact-icon i {
        font-size: 13px !important;
    }

    .contact-info .contact-item a {
        font-size: 12px !important;
        line-height: 34px !important;
    }

    .contact-info .contact-item p {
        font-size: 12px !important;
        line-height: 19px !important;
    }
}