/* QLOBAL */


/*#2C5AA0-blue logo*/


/*#FF6B3 - orange logo*/

* {
    /*font-family: 'Poppins', sans-serif !important;*/
    font-family: 'SF Pro Display', sans-serif !important;
}

body {
    background: #F9F9FC !important;
}


/*HEADER css*/

.search-box.store-search-box form {
    border-radius: 12px !important;
    border: unset !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.search-box input[type="text"]:focus {
    box-shadow: unset !important;
}

.header-selectors-wrapper select {
    background-color: transparent !important;
}

.search-box form {
    background: #fff !important;
}

.search-box-text:hover {
    background: unset !important;
    background-color: unset !important;
}

.header-logo img {
    max-height: 60px !important;
}

.header-links .ico-login,
.header-links .ico-wishlist,
.header-links .ico-cart,
.header-links .ico-account,
.header-links .ico-logout {
    opacity: 1 !important;
    background: unset !important;
}

.header-links .ico-register {
    background: unset !important;
}


/* HEADER ÜMUMİ */

.header {
    border-bottom: 1px solid #e9e9e9 !important;
    padding: 6px 0 !important;
    /*    background-color: #1a1a2e !important;*/
    background-color: #FF6B35 !important;
    width: 100% !important;
}

.header-links-wrapper {
    width: 100% !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
}


/* LOGO SAHƏSİ */

.header-logo {
    padding: 10px 0 !important;
}


/* YUXARI SAĞ — account, wishlist, cart */

.header-links a {
    margin-left: 18px !important;
    font-size: 15px !important;
    /*    opacity: 0.85 !important;*/
    transition: .2s !important;
    display: flex !important;
    align-items: center !important;
    color: #fff !important;
    font-weight: 500 !important;
}

.header-links a {
    display: inline-flex;
    align-items: center;
    transition: transform 0.25s ease;
}

    .header-links a:hover {
        transform: scale(1.05);
    }

.cart-qty {
    color: #fff !important;
    right: 15px !important;
}

.wishlist-qty {
    color: #fff !important;
    right: 15px !important;
}

.header-links .ico-login,
.header-links .ico-wishlist,
.header-links .ico-cart,
.header-links .ico-account,
.header-links .ico-logout {
    transition: .2s !important;
    background: unset !important;
}

.header-links a:hover .ico-login,
.header-links a:hover .ico-wishlist,
.header-links a:hover .ico-cart {
    opacity: 1;
}


/* DİL & VALYUTA DROP-DOWN */

.header-selectors-wrapper select {
    border: none !important;
    background: transparent !important;
    font-size: 14px;
    color: #444;
    padding: 4px 6px;
    cursor: pointer;
}

    .header-selectors-wrapper select:hover {
        color: #000;
    }

.header-selectors-wrapper select {
    color: #fff !important;
}

    .header-selectors-wrapper select option {
        color: #000 !important;
    }


/* MENYU BAR */

.header-menu {
    padding: 12px 0 !important;
}


    /* MENYU ITEMLƏRİ */

    .header-menu .top-menu > li > a,
    .header-menu .mega-menu > li > span.with-subcategories {
        padding: 10px 18px !important;
        border-radius: 8px;
        transition: .25s ease;
        font-size: 15px;
    }

        .header-menu .top-menu > li > a:hover,
        .header-menu .mega-menu > li > span.with-subcategories:hover {
            background: unset !important;
            cursor: pointer;
        }


/* AXTARIŞ QUTUSU */

.search-box input[type="text"] {
    border: none !important;
    transition: .3s;
}

    .search-box input[type="text"]:focus {
        border-color: unset !important;
        box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
    }


/* AXTARIŞ ICON */

.search-box .search-box-button {
    opacity: 0.8;
    transition: .2s;
}

    .search-box .search-box-button:hover {
        opacity: 1;
    }

.search-box.store-search-box form {
}

.header-selectors-wrapper select {
    background-color: transparent !important;
}

    .header-selectors-wrapper select input {
        border: none !important;
    }

.search-box.store-search-box form {
    border-radius: 12px !important;
    border: unset !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.header-selectors-wrapper select {
    background-color: transparent !important;
}

.admin-header-links {
    display: none !important;
}

    .admin-header-links ~ .subheader-wrapper {
        top: unset !important;
    }


/*
.home-slider*/

.subheader-wrapper {
    background: #fff !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
}

    .subheader-wrapper .mega-menu {
        color: #333 !important;
    }

.logo-wrapper {
    padding: unset !important;
}

.subheader-wrapper .header-menu {
    float: right !important;
}

.subheader-wrapper .mega-menu {
    color: #ffff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    transition: color 0.3s;
}

    .subheader-wrapper .mega-menu .has-sublist with-dropdown-in-grid span {
        color: #ff6b35;
        text-decoration: none;
        font-size: 16px;
        font-weight: 500;
        transition: color 0.3s;
    }

        .subheader-wrapper .mega-menu .has-sublist with-dropdown-in-grid span:hover {
            color: #2c5aa0;
        }

    .subheader-wrapper .mega-menu a:hover {
        color: #2c5aa0;
    }

    .subheader-wrapper .mega-menu > li > a span {
        color: #333 !important;
        font-size: 18px !important;
        font-weight: 500 !important;
    }

    .subheader-wrapper .mega-menu > li > span {
        color: #333 !important;
        font-size: 18px !important;
        font-weight: 500 !important;
    }

.subheader-wrapper .mega-menu {
    color: #FF6B35 !important;
}

.home-slider .subheader-wrapper {
    top: unset !important;
}

.mega-menu > li > a span:hover {
    color: #FF6B35 !important;
}

.mega-menu > li > span.with-subcategories:hover {
    color: #FF6B35 !important;
}


/*home page under thead slider*/

.topic-block-title h2 {
    text-align: center !important;
    font-size: 32px !important;
    margin-top: 40px !important;
    color: #2c3e50 !important;
    font-weight: 600 !important;
    display: none !important;
}

.home-page-category-grid,
.sub-category-grid,
.manufacturer-grid,
.vendor-grid {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
    padding: 60px 20px;
    background: unset !important;
}

    .home-page-category-grid .item-grid {
        background: #FFFFFF !important;
        border-radius: 16px !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
        /*        background: linear-gradient(90deg, #2C5AA0, #FF6B35) !important;*/
        padding: 40px;
        border-radius: 12px;
        border-radius: 12px;
    }

.home-page .product-grid {
    background: #fff !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
    padding: 40px;
    border-radius: 12px;
    border-radius: 12px;
}

.item-grid .item-box .picture {
    border-radius: 8px !important;
}

.category-item:hover .picture,
.sub-category-item:hover .picture,
.manufacturer-item:hover .picture,
.vendor-item:hover .picture {
    opacity: 1 !important;
}

.home-page-category-grid .title,
.sub-category-grid .title,
.manufacturer-grid .title,
.vendor-grid .title {
    border-bottom-left-radius: 9px !important;
    border-bottom-right-radius: 9px !important;
    color: #ff6f3c !important;
}

.category-item {
    position: relative;
    border-radius: 18px;
    overflow: hidden;
    transition: all .35s ease;
}

    .category-item:hover {
        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25);
    }

    .category-item .picture img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .4s ease;
    }

    .category-item .title {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 20px 22px;
        background: rgba(0, 0, 0, 0.55);
        backdrop-filter: blur(3px);
        display: flex;
        align-items: flex-end;
    }

        .category-item .title h2 {
            margin: 0;
            color: #ff8a00;
            font-size: 20px;
            font-weight: 700;
            letter-spacing: 0.5px;
            text-shadow: 0 0 6px rgba(0, 0, 0, 0.9), 0 0 10px rgba(0, 0, 0, 0.8);
        }

            .category-item .title h2::before {
                content: "";
                display: block;
                width: 36px;
                height: 3px;
                background-color: #ff8a00;
                margin-bottom: 6px;
            }

.item-grid .item-box {
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

    .item-grid .item-box:hover {
        box-shadow: 0 16px 30px rgba(0, 0, 0, 0.15);
    }

    .item-grid .item-box .picture img {
        filter: saturate(1.05) contrast(1.05);
    }


/*.home-page-category-grid .title {
    background: #FF6B35 !important;
    color: #fff !important;
}*/


/**/


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


/*Product tab*/

.ui-tabs .ui-state-active.ui-tabs-active a {
    background-color: #ff6f3c !important;
    border: 1px solid #ff6f3c !important;
    border-radius: 4px !important;
    background-color: #2c5aa0 !important;
    color: #fff !important;
    border-color: #2c5aa0 !important;
}

.ui-tabs .ui-tabs-nav {
    border-bottom: unset !important;
}

    .ui-tabs .ui-tabs-nav li a {
        background-color: unset !important;
        padding: 15px 35px;
        background: #fff;
        border: 2px solid #e0e0e0;
        cursor: pointer;
        font-size: 16px;
        font-weight: 600;
        transition: all 0.3s;
        color: #7f8c8d;
    }

.home-page-product-grid .item-box {
    border: none !important;
    background: #FFFFFF !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.35s ease !important;
}

    .home-page-product-grid .item-box:hover {
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12) !important;
        /*        border: 1px solid #ff6b35 !important;*/
    }

.item-box .picture {
    padding: 10px !important;
}

.item-box .product-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #2c3e50 !important;
}

    .item-box .product-title:focus {
        color: #ff6b35 !important;
    }

.prices {
    display: flex !important;
    flex-direction: column !important;
}

.product-box-add-to-cart-button {
    white-space: nowrap !important;
}

.item-box .actual-price {
    color: #2649f9 !important;
}

.price-line {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: unset !important;
}

.item-box .actual-price {
    color: #e74c3c !important;
    font-size: 22px;
    font-weight: 700;
}

.item-box .old-price {
    color: #95a5a6;
    text-decoration: line-through;
    font-size: 14px;
}

.product-title a:hover {
    color: #ff6b35 !important;
}

.item-box .details {
    padding: 10px !important;
}


/* Truncate product description to single line with ellipsis */

.item-box .description,
.item-box .description a {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
    max-width: 100% !important;
}

.product-grid .item-box .buttons,
.item-box .buttons {
    opacity: 1 !important;
    position: static !important;
    bottom: unset !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.item-box .details {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
}

.b .quick-view-button a {
    border-radius: 4px !important;
    /*    background: #34495e !important;*/
    color: #fff !important;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    /*    transition: background 0.3s;*/
    display: none !important;
}

.quick-view-button {
    display: none !important;
}

.nop-jcarousel .carousel-title strong {
    background: #2c5aa0 !important;
    color: #fff !important;
    border-color: #2c5aa0 !important;
}

.btn-shop {
    display: inline-block;
    margin-top: 15px;
    background-color: #007bff;
    color: #fff;
    padding: 10px 24px;
    border-radius: 8px;
    text-decoration: none;
}

.home .nop-jcarousel.manufacturer-grid {
    display: none !important;
}


/*slider home bannner*/

.slider-wrapper {
    margin-top: 110px !important;
}

.anywhere-slider .picture-slide img {
    height: 300px !important;
}


/*slider home bannner*/

element.style {
    display: block;
}

.anywhere-slider .first-slide img {
    display: block;
}


/*.quick-view-button a {
    background: #34495e url(images/btn-quickview.png) center no-repeat !important;
}*/


/*   FOOTER  */


/* General Footer */

.footer {
    /*        background-color: #1a1a2e !important;*/
    /*    background-color: #FF6B35 !important;
    color: #fff !important;*/
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%) !important;
    color: white !important;
    /*    padding: 40px 20px !important;*/
    position: relative !important;
    overflow: hidden !important;
}

    .footer .footer-block .title {
        background-color: unset !important;
        font-weight: 600 !important;
    }

.footer-block .title strong {
    font-size: 18px !important;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    position: relative !important;
    padding-bottom: 10px !important;
}

.news-list-homepage .news-title {
    color: #fff !important;
}

.footer-block ul {
    border-right: unset !important;
}

.footer .center {
    /*    display: flex;*/
    align-items: center !important;
    justify-content: center !important;
}

.footer-middle {
    background-color: unset !important;
    border-bottom: 1px solid #f5f5f5 !important;
    display: none !important;
}

.footer-lower {
    background-color: unset !important;
}

.footer-middle {
    display: none !important;
}

.footer-designed-by {
    display: none !important;
}

.footer-lower {
    padding: unset !important;
    border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
    margin-top: 5px !important;
}

.footer-powered-by {
    display: none !important;
}

.footer-disclaimer {
    color: #fff !important;
    float: right !important;
    /*    float: unset= !important;*/
    max-width: 1220px !important;
    margin: 20px auto 0 !important;
    padding-top: unset !important;
    padding-bottom: unset !important;
    /*    border-top: 1px solid rgba(255, 255, 255, 0.2) !important;*/
    text-align: center !important;
    font-size: 14px !important;
    opacity: 0.9 !important;
}

.product-picture:hover {
    color: unset !important;
}

.footer-block li a:hover {
    color: unset !important;
}

.footer-upper {
    margin: 0 auto !important;
}

.footer-block .title {
    margin: unset !important;
}

.footer-block li a:before {
    display: none !important;
    background: unset !important;
    border: unset !important;
}

.footer-block li a {
    padding: 10px 0px 10px 0px !important;
}

.flyout-cart {
    border-color: unset !important;
    top: 42px !important;
    border-style: unset !important;
}

    .flyout-cart .mini-shopping-cart .count {
        font-size: 14px !important;
    }

    .flyout-cart .mini-shopping-cart .totals strong {
        color: #ff6f3c !important;
    }

body .flyout-cart .cart-button {
    background-color: #ff6f3c !important;
    border-radius: 6px !important;
}

@media (min-width: 481px) {
    .item-box .product-title {
        height: 40px;
        overflow: unset !important;
    }
}

@media screen and (max-width: 480px) {
    .responsive-nav-wrapper-parent {
        top: unset !important;
    }

    .newsletter,
    .newsletter * {
        border: none !important;
        background-color: none !important;
        box-shadow: none !important;
    }
}

.link-rss {
    display: none !important;
}


/*manafacture page design*/

.manufacturer-list-page .page-title h1 {
    color: #2C5AA0 !important;
    font-weight: 500 !important;
}

.manufacturer-grid {
    border-radius: 8px !important;
}

    .manufacturer-grid .title {
        display: none !important;
    }

    .manufacturer-grid .item-grid {
        padding: 20px !important;
    }

.block-category-navigation ul li a:hover {
    color: #FF6B35 !important;
}

.block-manufacturer-navigation ul li a:hover {
    color: #FF6B35 !important;
}

.block-recently-viewed-products ul li a:hover {
    color: #FF6B35 !important;
}

.category-page .page-title h1 {
    color: #2C5AA0 !important;
    font-weight: 500 !important;
}

.category-page .breadcrumb .current-item {
    color: #FF6B35 !important;
}

.category-page .sub-category-item .title {
    display: none !important;
}


/*contact page start here*/

.contact-page {
    max-width: 900px !important;
    margin: 0 auto !important;
    padding: 20px !important;
}

    .contact-page .topic-block-body {
        display: none !important;
    }

    .contact-page .page-title h1 {
        font-size: 2.5rem !important;
        font-weight: 700 !important;
        margin-bottom: 24px !important;
        color: #2C5AA0 !important;
    }

    .contact-page .contact-us-button {
        background: #ff6b42 !important;
        color: white !important;
        padding: 14px 50px !important;
        border: none !important;
        border-radius: 8px !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
        box-shadow: 0 4px 12px rgba(255, 107, 66, 0.25) !important;
        text-transform: capitalize !important;
    }

    .contact-page form {
        background: #f8f9fa !important;
        padding: 3rem !important;
        border-radius: 12px !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    }

        .contact-page form .form-fields .inputs {
            margin-bottom: 1.8rem !important;
            display: flex !important;
            flex-direction: column !important
        }

        .contact-page form .form-fields .required {
            margin: unset !important;
        }

        .contact-page form .form-fields .inputs label {
            font-weight: 600 !important;
            color: #444 !important;
            font-size: 15px !important;
            min-width: 120px !important;
            margin-right: 20px !important;
            text-align: left !important;
            margin-bottom: 8px !important;
        }

    .contact-page .form-fields .inputs .field-validation-error {
        text-align: left !important;
    }

    .contact-page form .form-fields .inputs input {
        width: 100% !important;
        padding: 14px 18px !important;
        border: 2px solid #e0e0e0 !important;
        border-radius: 8px !important;
        font-size: 15px !important;
        transition: all 0.3s ease !important;
        background: #ffffff !important;
        font-family: inherit !important;
    }

    .contact-page form .form-fields .inputs textarea {
        width: 100% !important;
        padding: 14px 18px !important;
        border: 2px solid #e0e0e0 !important;
        border-radius: 8px !important;
        font-size: 15px !important;
        transition: all 0.3s ease !important;
        background: #ffffff !important;
        font-family: inherit !important;
    }

    .contact-page .inputs input:focus,
    .contact-page .inputs textarea:focus {
        outline: none;
        border-color: #FF6B35;
        box-shadow: 0 0 0 4px rgba(255, 107, 53, 0.25);
    }

    .contact-page .inputs input:hover,
    .contact-page .inputs textarea:hover {
        border-color: #FF834F !important;
    }

    .contact-page .inputs input.error,
    .contact-page .inputs textarea.error {
        border-color: #D94A1F;
    }


/*contact page legend here*/


/*display none parts start*/

.email-a-friend {
    display: none !important;
}

.compare-products {
    display: none !important;
}


/*display none parts end*/


/*product deatails start there */

.block-category-navigation .list li a,
.block-manufacturer-navigation .list li a {
    font-size: 15px !important;
}

.product-details-page .gallery .picture-wrapper {
    border: 1px solid #ededed !important;
    border-radius: 32px !important;
    padding: 40px !important;
    cursor: pointer !important;
    background-color: #fff !important;
}

.product-details-page .product-name h1 {
    font-size: 38px !important;
    color: #1a202c !important;
    margin-bottom: 20px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

.product-grid .title strong {
    background-color: #2C5AA0 !important;
    color: white !important;
    padding: 15px 25px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-align: center !important;
    border-radius: 8px !important;
    margin-bottom: 25px !important;
    font-size: 14px !important;
    width: 100% !important;
}

.product-details-page .short-description {
    color: #666 !important;
    line-height: 1.6 !important;
    font-size: 15px !important;
}

.product-details-page .add-to-wishlist-button {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 20px !important;
    background: white !important;
    border: 2px solid #e0e0e0 !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    font-size: 14px !important;
    width: fit-content !important;
    transition: all 0.3s !important;
}

    .product-details-page .add-to-wishlist-button:hover {
        border-color: #ff6b35 !important;
        color: #ff6b35 !important;
    }

.breadcrumb {
    display: flex;
    gap: 10px;
    margin-bottom: 30px;
    font-size: 14px;
    color: #718096;
    flex-wrap: wrap;
}

    .breadcrumb a {
        color: #718096;
        text-decoration: none;
        font-size: 14px !important;
    }

    .breadcrumb .current-item {
        color: #718096;
        text-decoration: none;
        font-size: 14px !important;
    }

    .breadcrumb a:hover {
        color: #ff7f50;
    }

    .breadcrumb .current-item {
        color: #ff7f50;
        font-weight: 600;
    }

    .breadcrumb .breadcrumb-sep {
        font-size: 14px;
        color: #718096;
        margin: 0 1px;
    }

#contact_us-tab {
    display: none !important;
}

.product-reviews .message-error {
    background: #fff3cd !important;
    border-left: 4px solid #ffc107 !important;
    padding: 12px 16px !important;
    margin-bottom: 30px !important;
    border-radius: 4px !important;
    color: #856404 !important;
    font-size: 14px !important;
}


/*    product details  review*/

.write-review {
    border-radius: 8px !important;
    padding: 25px !important;
}

    .write-review .form-fields .inputs {
        display: flex !important;
        flex-direction: column !important;
        align-items: unset !important;
    }

    .write-review .button-1 {
        background-color: #ff6f3c !important;
        border-radius: 6px !important;
    }

    .write-review .inputs input[type="text"],
    textarea,
    input[type="email"] {
        padding: 12px 16px !important;
        border: 2px solid #e2e8f0 !important;
        border-radius: 8px !important;
        font-size: 15px !important;
        transition: all 0.3s ease !important;
        background: white !important;
    }

        .write-review .inputs input[type="text"]:focus,
        textarea:focus,
        input[type="email"]:focus,
        input[type="password"]:focus {
            outline: none !important;
            border-color: #E07856 !important;
            box-shadow: 0 0 0 3px rgba(224, 120, 86, 0.1) !important;
        }


/* "Rate your overall experience" — üst başlıq */

#quickTab-reviews .write-review .review-rating::before {
    content: "Rate your overall experience" !important;
    display: block !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #222 !important;
    margin-bottom: 2px !important;
}


/* "Tap to rate" — ulduzların ÜSTündə, başlığın ALTINDA */

#quickTab-reviews .write-review .review-rating ul {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}


    /* "Tap to rate" mətni — ul::before ilə ulduzların üstündə */

    #quickTab-reviews .write-review .review-rating ul::before {
        content: "Tap to rate" !important;
        display: block !important;
        font-size: 13px !important;
        color: #999 !important;
        margin-bottom: 10px !important;
    }


/* Əvvəlki ::after-i silmək üçün override */

#quickTab-reviews .write-review .review-rating::after {
    content: unset !important;
    display: none !important;
}


/* Bad / Excellent gizlət */

#quickTab-reviews .write-review .review-rating ul li.label.first,
#quickTab-reviews .write-review .review-rating ul li.label.last {
    display: none !important;
}


/* Ulduzlar sırası */

#quickTab-reviews .write-review .review-rating ul li.rating-options {
    display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: center !important;
    gap: 4px !important;
    list-style: none !important;
}


/*    .products sidebar start*/

.side-2 .title {
    background-color: #FF6B35 !important;
}


/*.products sidebar end  */


/*    start  registration page redesign*/

.checkout-as-guest-button {
    background: #ff6b42 !important;
    color: white !important;
    padding: 12px 50px !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 12px rgba(255, 107, 66, 0.25) !important;
    text-transform: capitalize !important;
}


/*   end  registration page redesign*/


/*login page */

.login-page .page-title {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.login-page .title {
    background: #2C5AA0 !important;
    border-radius: 8px !important;
    color: white !important;
    padding: 15px 20px !important;
}

    .login-page .title strong {
        font-size: 16px !important;
        font-weight: 600 !important;
        text-align: center !important;
        box-shadow: unset !important;
        background: unset !important;
    }

.login-page .text {
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin-bottom: 25px !important;
    padding-bottom: 25px !important;
    border-bottom: 1px dotted #ddd !important;
}

.login-page .buttons .register-button {
    width: 50% !important;
    padding: 12px !important;
    background: #d32c2e !important;
    color: white !important;
    border: none !important;
    border-radius: 4px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background 0.3s !important;
    background: #FF6B35 !important;
}

.login-page .vendor-register-buttons {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
}

.login-page .vendor-register-buttons .register-button,
.login-page .vendor-register-buttons .vendor-register-button,
.login-page .vendor-register-buttons .checkout-as-guest-button {
    width: auto !important;
    flex: 1 1 220px !important;
}

    .login-page .buttons .register-button:hover {
        background: #e55a28 !important;
        opacity: unset !important;
    }

.login-page .page-title h1 {
    text-align: center !important;
    color: #2c5f8d !important;
    font-size: 39px !important;
    margin-bottom: 40px !important;
}

.login-page .customer-blocks {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 30px !important;
    background: white !important;
    padding: 40px !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
}

.login-page .form-fields .inputs {
    margin-bottom: 20px !important;
    display: flex !important;
    flex-direction: column !important;
}

    .login-page .form-fields .inputs label {
        display: block !important;
        margin-bottom: 8px !important;
        color: #333 !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        text-align: left !important;
    }

    .login-page .form-fields .inputs input {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #ddd;
        border-radius: 4px;
        font-size: 14px;
    }

        .login-page .form-fields .inputs input:focus {
            outline: none;
            border-color: #FF6B35;
        }

.login-page .rember_me_box {
    display: flex;
}

    .login-page .rember_me_box input {
        width: unset !important;
        margin-right: 5px !important;
    }

.login-page .content-rember-me {
    display: flex !important;
    align-items: center !important;
    flex-direction: row !important;
    justify-content: space-between !important;
}

.login-page .login-password {
    width: 100% !important;
}

.login-page .form-fields .inputs .password {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
}

    .login-page .form-fields .inputs .password:focus {
        outline: none;
        border-color: #FF6B35;
    }

.login-page .forgot-password {
    color: #FF6B35 !important;
    text-decoration: none !important;
}

    .login-page .forgot-password:hover {
        text-decoration: underline !important;
    }

.login-page .buttons {
    border-top: unset !important;
}

.login-button {
    width: 50% !important;
    padding: 12px !important;
    background: #d32c2e !important;
    color: white !important;
    border: none !important;
    border-radius: 4px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background 0.3s !important;
    background: #FF6B35 !important;
    margin-top: 20px !important;
}

    .login-button:hover {
        background: #e55a28 !important;
        opacity: unset !important
    }

.login-page .topic-block-body {
    display: none !important;
}

.item-box:hover {
    /*    box-shadow: 0 4px 12px rgba(255,107,53,0.4) !important;*/
    transform: scale(1.05);
}


/*login page end*/

.footer-bottom-crocusoft {
    display: flex !important;
    align-items: center !important;
}

    .footer-bottom-crocusoft a {
        margin-top: 6px !important;
    }

.crocusoft-logo {
    width: 105px !important;
}

.product-video-hover {
    position: relative;
    overflow: hidden;
}

    .product-video-hover .hover-video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: none;
        z-index: 2;
    }

.specificationFilterPanel7Spikes {
    max-height: 400px !important;
    display: flex !important;
    flex-direction: column !important;
}

    .specificationFilterPanel7Spikes > .title {
        flex-shrink: 0 !important;
    }

    .specificationFilterPanel7Spikes > .filtersGroupPanel {
        flex: 1 !important;
        overflow-y: auto !important;
        /* SCROLL BURADA */
    }

        .specificationFilterPanel7Spikes > .filtersGroupPanel::-webkit-scrollbar-button {
            display: none !important;
            width: 0 !important;
            height: 0 !important;
        }

        .specificationFilterPanel7Spikes > .filtersGroupPanel::-webkit-scrollbar {
            width: 6px !important;
        }

        .specificationFilterPanel7Spikes > .filtersGroupPanel::-webkit-scrollbar-track {
            background: transparent !important;
        }

        .specificationFilterPanel7Spikes > .filtersGroupPanel::-webkit-scrollbar-thumb {
            background-color: #ff6a2c !important;
            border-radius: 6px !important;
        }

.filter-search-input {
    color: #333 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    background-color: #fafafa !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 4px !important;
    width: 100% !important;
    padding: 7px 10px !important;
    font-size: 12px !important;
    line-height: 14px !important;
    transition: border-color .2s !important;
    overflow: hidden !important;
}


/*.manufacturerFilterPanel7Spikes{
    display: none !important;
}*/

.side-2 {
    width: 280px !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

@media screen and (max-width: 480px) {
    .slider-wrapper {
        margin-top: 20px !important;
    }

    .home-page-category-grid,
    .sub-category-grid .manufacturer-grid .vendor-grid {
        padding: unset !important;
    }

    .manufacturer-grid .item-grid {
        padding: unset !important;
    }

    .contact-page form {
        padding: 1rem !important;
    }

    .login-page .customer-blocks {
        grid-template-columns: 1fr !important;
        padding: 30px 20px !important;
    }
}


/*    search page starts*/

.search-page {
    background: #fff !important;
    border-radius: 15px !important;
    padding: 40px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
}

.advanced-search select {
    width: 50% !important;
    border: 2px solid #e0e0e0 !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    background: white !important;
    cursor: pointer !important;
    transition: border-color 0.3s !important;
}

    .advanced-search select:focus {
        outline: none !important;
        border-color: #667eea !important;
    }

.search-page .search-button {
    width: 50% !important;
    padding: 12px !important;
    background: #d32c2e !important;
    color: white !important;
    border: none !important;
    border-radius: 4px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background 0.3s !important;
    background: #FF6B35 !important;
}

    .search-page .search-button:hover {
        background: #e55a28 !important;
        opacity: unset !important
    }

.search-page .search-text {
    width: 50% !important;
    padding: 12px !important;
    border: 2px solid #e0e0e0 !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    background: white !important;
    cursor: pointer !important;
    transition: border-color 0.3s !important;
}

    .search-page .search-text:focus {
        outline: none !important;
        border-color: #667eea !important;
    }


/*    shoping cart*/

.checkout-buttons button {
    background: #ff6f35 !important;
    border-radius: 8px !important;
}

.common-buttons .continue-shopping-button {
    background: #ff6f35 !important;
    border-radius: 8px !important;
}

.common-buttons a {
    border-radius: 8px !important;
}


/*shopping cart ends*/

.wishlist-page .page-title h1 {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #2C5AA0 !important;
    margin-bottom: 24px !important;
    padding: unset !important;
    border-bottom: 2px solid #E07856 !important;
    display: inline-block !important;
    background-color: unset !important
}

.email-a-friend-wishlist-button {
    display: none !important;
}

.wishlist-add-to-cart-button {
    border-radius: 6px !important;
}

.update-wishlist-button {
    border-radius: 6px !important;
}

.cart th {
    background: #2C5AA0 !important;
}

.shopping-cart-page .page-title h1 {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #2C5AA0 !important;
    margin-bottom: 24px !important;
    padding: unset !important;
    border-bottom: 2px solid #E07856 !important;
    display: inline-block !important;
    background-color: unset !important
}

#anywhereSlider1 .slick-dots,
.anywhere-slider .slick-dots {
    display: flex !important;
    justify-content: center;
    bottom: 15px;
    position: absolute;
    width: 100%;
    z-index: 10;
    gap: 6px;
}

    .anywhere-slider .slick-dots li button {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: #D3D3D3;
        border: none;
        opacity: 0.5;
        transition: all 0.3s ease;
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
        cursor: pointer;
    }


        /* Hover effect */

        .anywhere-slider .slick-dots li button:hover {
            opacity: 1;
            transform: scale(1.2);
        }

    .anywhere-slider .slick-dots li.slick-active button {
        background-color: #FF6B35 !important;
        opacity: 1;
        transform: scale(1.3);
        box-shadow: 0 0 4px rgba(255, 107, 53, 0.6);
    }

.anywhere-slider {
    overflow: visible !important;
}

body .add-to-cart-panel {
    border-radius: 12px !important;
}

body .home .item-box .ajax-cart-button-wrapper button {
    width: 200px !important;
    max-width: 200px !important;
    margin: 0 auto !important;
}

body .item-box .ajax-cart-button-wrapper button {
    width: 200px !important;
    max-width: 200px !important;
    margin: 0 auto !important;
}

body .add-to-cart-button {
    background: #ea580c !important;
}

body .ajaxCart {
    border-radius: 8px !important;
}

    body .ajaxCart .k-window-titlebar {
        background-color: #fff !important;
        border-top-left-radius: 8px !important;
        border-top-right-radius: 8px !important;
    }

        body .ajaxCart .k-window-titlebar .k-button {
            border: unset !important;
        }

body .productAddedToCartWindowSummary .shoppingCartButtonWrapper button {
    padding: 14px 24px !important;
    border: none !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
    text-align: center !important;
    background: #ea580c !important;
    color: white !important;
    width: 100% !important;
}

body .productAddedToCartWindowCheckout {
    padding: 14px 24px !important;
    border: none !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
    text-align: center !important;
    background: #ea580c !important;
    color: white !important;
    width: 100% !important;
}

    body .productAddedToCartWindowCheckout:hover {
        background: #c2410c !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 4px 12px rgba(234, 88, 12, 0.3) !important;
    }

body .apply-shipping-button-container .apply-shipping-button {
    text-align: center !important;
    background: #ea580c !important;
    color: white !important;
    border-radius: 8px !important;
}

body .productAddedToCartWindowSummary .shoppingCartButtonWrapper button:hover {
    background: #c2410c !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(234, 88, 12, 0.3) !important;
}

body .productAddedToCartWindowTitle {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #10b981 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}

body .productAddedToCartWindowDescription h1 a {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #1f2937 !important;
    margin-bottom: 8px !important;
}

    body .productAddedToCartWindowDescription h1 a:hover {
        background: #f9fafb !important;
        border-color: #d1d5db !important;
    }

body .productAddedToCartWindowDescription .price {
    font-size: 18px !important;
    font-weight: 700;
    color: #dc2626 !important;
}

body .productAddedToCartWindowDescription .quantity {
    font-size: 14px !important;
    color: #6b7280 !important;
    margin-bottom: 12px !important;
}

body .productAddedToCartWindowSummary .continueShoppingLink {
    background: white !important;
    color: #4b5563 !important;
    border: 1px solid #e5e7eb !important;
    padding: 14px 24px !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
    text-align: center !important;
}


/*
account page starts*/

.account-page {
    max-width: 800px !important;
    margin: 0 auto !important;
    background: white !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08) !important;
    overflow: hidden !important;
    max-width: 800px !important;
    margin: 0 auto !important;
    background: white !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08) !important;
    overflow: hidden !important;
}

    .account-page .page-title {
        background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%) !important;
        color: white !important;
        padding: 32px !important;
        text-align: center !important;
    }

        .account-page .page-title h1 {
            color: #fff !important;
        }

    .account-page .page-body {
        padding: 40px !important;
    }

    .account-page .fieldset .title {
        margin: unset !important;
        border: unset !important;
        text-align: unset !important;
    }

        .account-page .fieldset .title strong {
            font-size: 18px !important;
            font-weight: 600 !important;
            color: #2d3748 !important;
            margin-bottom: 24px !important;
            padding: unset !important;
            padding-bottom: 12px !important;
            border-bottom: 2px solid #E07856 !important;
            display: inline-block !important;
            background-color: unset !important;
        }

    .account-page .inputs {
        display: flex !important;
        flex-direction: column !important;
        /*        align-items: center !important;*/
    }

.inputs label {
    text-align: left !important;
    margin-bottom: 5px !important;
    display: block;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #4a5568 !important;
}

.account-page .inputs input[type="text"],
input[type="password"],
input[type="email"] {
    padding: 12px 16px !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    transition: all 0.3s ease !important;
    background: white !important;
}

.account-page select {
    /*    padding: 12px 16px !important;*/
    border: 2px solid #e2e8f0 !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    transition: all 0.3s ease !important;
    background: white !important;
}

.account-page .inputs input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus {
    outline: none !important;
    border-color: #E07856 !important;
    box-shadow: 0 0 0 3px rgba(224, 120, 86, 0.1) !important;
}

.account-page .buttons {
    border-top: unset !important;
    padding-top: unset !important;
}

.account-page .button-1 {
    background: linear-gradient(135deg, #E07856 0%, #d96644 100%) !important;
    color: white !important;
    box-shadow: 0 4px 12px rgba(224, 120, 86, 0.3) !important;
    padding: 14px 40px !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.review-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #c2185b !important;
    margin-bottom: 8px !important;
}

.review-text {
    color: #555 !important;
    line-height: 1.7 !important;
    font-size: 15px !important;
    margin-bottom: 20px !important;
}

.review-info {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding-top: 20px !important;
    border-top: 2px solid #dee2e6 !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    background-color: unset !important;
}

    .review-info .separator {
        display: none !important;
    }

.review-date {
    color: #999 !important;
    font-size: 13px !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.product-review-item .review-info a {
    color: #ff6f3c !important;
    text-decoration: unset !important;
}

.review-item .review-item-head {
    border-bottom: unset !important;
}


/*    account page reviews part*/

.product-review-item {
    background: #f8f9fa !important;
    border-radius: 12px !important;
    padding: 25px !important;
    border: 2px solid #e9ecef !important;
    transition: all 0.3s !important;
    background: #f8f9fa !important;
    border-radius: 12px !important;
    padding: 25px !important;
    border: 2px solid #e9ecef !important;
    transition: all 0.3s !important;
}

    .product-review-item:hover {
        border-color: #ff6b35 !important;
        box-shadow: 0 4px 15px rgba(255, 107, 53, 0.1) !important;
        transform: translateY(-2px) !important;
    }


/*    register page starts*/

.registration-page {
    max-width: 800px !important;
    margin: 0 auto !important;
    background: white !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08) !important;
    overflow: hidden !important;
    max-width: 800px !important;
    margin: 0 auto !important;
    background: white !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08) !important;
    overflow: hidden !important;
}

    .registration-page .page-title {
        background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%) !important;
        color: white !important;
        padding: 32px !important;
        text-align: center !important;
    }

        .registration-page .page-title h1 {
            color: #fff !important;
        }

    .registration-page .page-body {
        padding: 40px !important;
    }

    .registration-page .fieldset .title {
        margin: unset !important;
        border: unset !important;
        text-align: unset !important;
    }

    .registration-page .fieldset .title {
        background: unset !important;
    }

        .registration-page .fieldset .title strong {
            font-size: 18px !important;
            font-weight: 600 !important;
            color: #2d3748 !important;
            margin-bottom: 24px !important;
            padding-bottom: 12px !important;
            border-bottom: 2px solid #E07856 !important;
            display: inline-block !important;
            background-color: unset !important;
            padding: unset !important;
            padding-bottom: 12px !important;
        }

#gender span > input {
    margin-right: 5px !important;
}

.registration-page .inputs {
    display: flex !important;
    flex-direction: column !important;
    /*        align-items: center !important;*/
}

.registration-page label {
    text-align: left !important;
    margin-bottom: 5px !important;
    display: block;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #4a5568 !important;
}

.registration-page .inputs input[type="text"],
input[type="password"],
input[type="email"] {
    padding: 12px 16px !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    transition: all 0.3s ease !important;
    background: white !important;
}

.registration-page select {
    border: 2px solid #e2e8f0 !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    transition: all 0.3s ease !important;
    background: white !important;
}

.registration-page .inputs input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus {
    outline: none !important;
    border-color: #E07856 !important;
    box-shadow: 0 0 0 3px rgba(224, 120, 86, 0.1) !important;
}

.registration-page .buttons {
    border-top: unset !important;
    padding-top: unset !important;
}

.registration-page .button-1 {
    background: linear-gradient(135deg, #E07856 0%, #d96644 100%) !important;
    color: white !important;
    box-shadow: 0 4px 12px rgba(224, 120, 86, 0.3) !important;
    padding: 14px 40px !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.pager li span {
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;
    color: white !important;
    border: unset !important;
    border-radius: 6px !important;
    font-size: 13px !important;
}


/*// shopping carts steppers*/

.page-title {
    margin: unset !important;
    border: unset !important;
    text-align: unset !important;
}

.checkout-page .page-title h1 {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #2d3748 !important;
    margin-bottom: 24px !important;
    padding: unset !important;
    padding-bottom: 12px !important;
    border-bottom: 2px solid #E07856 !important;
    display: inline-block !important;
    background-color: unset !important;
}

.page-title {
    margin: unset !important;
    border: unset !important;
    text-align: unset !important;
}

.checkout-page .page-title h1 {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #2d3748 !important;
    margin-bottom: 24px !important;
    padding: unset !important;
    padding-bottom: 12px !important;
    border-bottom: 2px solid #E07856 !important;
    display: inline-block !important;
    background-color: unset !important;
}

.checkout-page .select-billing-address {
    background: white !important;
    padding: 30px !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
    margin-bottom: 20px !important;
}

    .checkout-page .select-billing-address .title {
        border: unset !important;
    }

        .checkout-page .select-billing-address .title strong {
            background-color: unset !important;
            font-size: 20px !important;
            font-weight: 700 !important;
            /*        margin-bottom: 20px !important;*/
            color: #333 !important;
            display: flex !important;
            justify-content: space-between !important;
            align-items: center !important;
        }

.checkout-page .address-item:hover {
    border-color: #ff6b35 !important;
    background: #fff5f2 !important;
}

.checkout-page .address-item {
    border: 2px solid #e0e0e0 !important;
    padding: 20px !important;
    border-radius: 8px !important;
    margin-bottom: 15px !important;
    cursor: pointer !important;
    transition: all 0.3s !important;
    position: relative !important;
}

.checkout-page .address-box li {
    color: #666 !important;
    line-height: 1.6 !important;
    font-size: 13px !important;
}

.checkout-page .address-box ul li.name {
    color: #000 !important;
    line-height: 1.6 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}

.checkout-page .select-billing-address-button {
    padding: 12px 24px !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s !important;
    font-size: 14px !important;
    background-color: #FF6B35 !important;
}

    .checkout-page .select-billing-address-button:hover {
        background-color: #ff5722;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3);
    }

.checkout-page .new-billing-address .title {
    border: unset !important;
    background: #fff !important;
}

.checkout-page #shippingaddress-next-button {
    padding: 12px 24px !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s !important;
    font-size: 14px !important;
    background-color: #FF6B35 !important;
}

    .checkout-page #shippingaddress-next-button:hover {
        background-color: #ff5722;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3);
    }

.checkout-page .new-billing-address .title strong {
    background-color: unset !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    /*        margin-bottom: 20px !important;*/
    color: #333 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.checkout-page #billing-form {
    background: white !important;
    padding: 30px !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
    margin-bottom: 20px !important
}

.checkout-page .enter-address {
    background: white !important;
    padding: 30px !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
    margin-bottom: 20px !important
}

.checkout-page #billingaddress-next-button {
    padding: 12px 24px !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s !important;
    font-size: 14px !important;
    background-color: #FF6B35 !important;
}

    .checkout-page #billingaddress-next-button:hover {
        background-color: #ff5722;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3);
    }

.enter-address .inputs {
    display: flex !important;
    flex-direction: column !important;
}

.enter-address .field-validation-error {
    text-align: left !important;
}

.inputs input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"] {
    padding: 12px 16px !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    transition: all 0.3s ease !important;
    background: white !important;
}

.enter-address select {
    /*    padding: 12px 16px !important;*/
    border: 2px solid #e2e8f0 !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    transition: all 0.3s ease !important;
    background: white !important;
}

.inputs input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="password"]:focus {
    outline: none !important;
    border-color: #E07856 !important;
    box-shadow: 0 0 0 3px rgba(224, 120, 86, 0.1) !important;
}

.message-error {
    font-size: 22px !important;
}


/*my account address datalist section*/

.address-item {
    border: 2px solid #e0e0e0 !important;
    padding: 20px !important;
    border-radius: 8px !important;
    margin-bottom: 15px !important;
    cursor: pointer !important;
    transition: all 0.3s !important;
    position: relative !important;
}

    .address-item:hover {
        border-color: #ff6b35 !important;
        background: #fff5f2 !important;
    }

    .address-item .info li {
        color: #666 !important;
        line-height: 1.6 !important;
        font-size: 13px !important;
    }

    .address-item .title {
        border: unset !important;
        margin: unset !important;
        text-align: unset !important;
    }

        .address-item .title:hover {
            box-shadow: unset !important;
            border: unset !important;
            border: none !important;
        }

.address-list .buttons {
    right: 10px !important;
}

.address-item {
    height: 340px !important;
}

    .address-item .title strong {
        font-size: 18px !important;
        font-weight: 600 !important;
        color: #2d3748 !important;
        margin-bottom: 24px !important;
        padding: unset !important;
        padding-bottom: 12px !important;
        border-bottom: 2px solid #E07856 !important;
        display: inline-block !important;
        background-color: unset !important;
    }

        .address-item .title strong:hover {
            box-shadow: unset !important;
            border: unset !important;
            border: none !important;
        }

.reward-points-history .title {
    border: unset !important;
    margin: unset !important;
    text-align: unset !important;
}

.reward-points-overview .current-balance {
    font-size: 16px !important;
    margin-bottom: 10px !important;
    color: #333 !important;
}

.reward-points-history .title strong {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #2d3748 !important;
    margin-bottom: 24px !important;
    padding: unset !important;
    padding-bottom: 12px !important;
    border-bottom: 2px solid #E07856 !important;
    display: inline-block !important;
    background-color: unset !important;
}

    .reward-points-history .title strong:hover {
        box-shadow: unset !important;
        border: unset !important;
        border: none !important;
    }

.address-list-page .add-button {
    border-top: unset !important;
}

.address-item .edit-address-button {
    border-radius: 8px !important;
    background-color: #FF6B35 !important;
    color: #fff !important;
}

    .address-item .edit-address-button:hover {
        background-color: #ff5722;
    }

.address-item .delete-address-button {
    border-radius: 8px !important;
}

.checkout-page .info ul li.name {
    color: #000 !important;
    line-height: 1.6 !important;
    font-size: 15px !important;
}

.no-data {
    font-size: 17px !important;
    color: #999 !important;
    text-align: center !important;
}

body .nopAjaxFilters7Spikes {
    border-bottom: unset !important;
}


/* my accounct sidebar*/

.block-account-navigation,
.block-manufacturer-navigation,
.block-recently-viewed-products,
.block-category-navigation {
    background: white !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
    height: fit-content !important;
    margin-bottom: 10px !important;
}

.block .list a {
    font-size: 15px !important;
}

    .block .list a:hover {
        color: #FF6B35 !important
    }

    .block .list a:before {
        content: '→' !important;
        opacity: 0 !important;
        transition: opacity 0.3s !important;
        background: unset !important;
        border: unset !important;
    }

    .block .list a:hover::before,
    .block .lis a.active::before {
        opacity: 1 !important;
    }

.category-navigation .list li a {
    font-size: 15px !important;
}

.product-estimate-shipping a {
    padding: 12px !important;
    border: 2px solid #e0e0e0 !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    cursor: pointer !important;
}

.product-details-page .stock .label {
    font-size: 14px !important;
    color: #000 !important;
}

.product-details-page .stock .value {
    font-size: 14px !important;
    color: #4caf50 !important;
    font-weight: 600 !important;
}

.product-details-page .manufacturers .label {
    font-size: 14px !important;
    color: #000 !important;
}

.product-details-page .breadcrumb {
    background: #fff !important;
    padding: 15px 25px !important;
    border-radius: 8px !important;
    margin-bottom: 25px !important;
    font-size: 13px !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important;
}

.select-button button {
    padding: 12px 24px !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s !important;
    font-size: 14px !important;
    background-color: #FF6B35 !important;
}

.shipping-method {
    background: white !important;
    border-radius: 16px !important;
    padding: 40px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
}

.shipping-method-next-step-button {
    padding: 12px 24px !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s !important;
    font-size: 14px !important;
    background-color: #FF6B35 !important;
    background-color: #FF6B35 !important;
}

.shipping-method .method-list li {
    border: 3px solid #e0e0e0 !important;
    border-radius: 12px !important;
    padding: 25px !important;
    cursor: pointer !important;
    transition: all 0.3s !important;
    position: relative !important;
    background: white !important;
}

    .shipping-method .method-list li:hover {
        border-color: #ff6b35 !important;
        background: #fff5f2 !important;
        transform: translateX(5px) !important;
        box-shadow: 0 4px 15px rgba(255, 107, 53, 0.15) !important;
    }

.shipping-method .method-name {
}

    .shipping-method .method-name label {
        font-size: 18px !important;
        font-weight: 700 !important;
        color: #222 !important;
        margin-bottom: 5px !important;
    }

.shipping-method .method-description {
    color: #666 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

.shipping-method .method-list {
    border: unset !important;
}

.shipping-method input[type="radio"] {
    width: 24px !important;
    height: 24px !important;
    border: 3px solid #ccc;
    border-radius: 50% !important;
    position: relative !important;
    transition: all 0.3s !important;
    margin-right: 10px !important;
}

#applydiscountcouponcode {
    white-space: nowrap !important
}

.product-selectors {
    display: none !important
}

.account-page .fieldset .title {
    margin: unset !important;
    border: unset !important;
    text-align: unset !important;
}

.page-title h1 {
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #2d3748 !important;
    margin-bottom: 24px !important;
    padding: unset !important;
    padding-bottom: 12px !important;
    border-bottom: 2px solid #E07856 !important;
    display: inline-block !important;
    background-color: unset !important;
}


/*fag page design*/

.faq-accordion {
    background: white !important;
    border-radius: 20px !important;
    padding: 40px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2) !important;
}

    .faq-accordion details {
        border-bottom: 1px solid #eee !important;
        padding: 15px 0 !important;
    }

    .faq-accordion summary {
        font-size: 18px !important;
        font-weight: 500 !important;
        cursor: pointer !important;
        list-style: none !important;
        color: #2c2c2c !important;
    }

        .faq-accordion summary:hover {
            color: #ff6b35 !important;
        }

        .faq-accordion summary::marker {
            display: none !important;
        }

        .faq-accordion summary::after {
            content: "+" !important;
            float: right !important;
            font-size: 22px !important;
            transition: transform 0.3s !important;
        }

    .faq-accordion details[open] summary::after {
        content: "–" !important;
    }

    .faq-accordion p {
        margin-top: 20px !important;
        color: #666 !important;
        line-height: 1.6 !important;
    }


/*faq page ends*/


/*footer latest design*/

.footer {
    background: #FF6B35 !important;
    color: white !important;
    position: relative !important;
    overflow: hidden !important;
}

.footer-center {
    padding-bottom: 15px !important;
}

.footer-block .phone {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.footer-block .mobile {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.footer-block.contacts li {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
    padding: 15px;
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
}

.footer-block .title {
    font-size: 1.2rem !important;
    margin-bottom: 20px !important;
    font-weight: 600 !important;
}

.footer-disclaimer {
    margin: unset !important;
}

.footer-lower {
    margin-top: 20px !important;
}

#goToTop {
    width: 44px !important;
    height: 44px !important;
}

.wishlist-qty,
.cart-qty {
    position: unset !important;
    margin-left: 5px !important;
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: #FF6B35 !important;
}

    .wishlist-qty span,
    .cart-qty span {
        text-align: center !important;
        display: flex !important;
        justify-content: center !important;
        align-content: center !important;
        padding-top: 1px !important;
        font-size: 8px !important;
    }


/*.picture-gallery{
    display: flex !important;
    flex-direction: column !important;
    gap:15px !important;  
}*/


/*.picture-thumbs{
    display: flex !important;
    flex-direction: column !important;
        gap: 10px !important;
}

    .picture-thumbs .thumb-item{
        width: 60px !important;
        height: 60px !important;
    }

.product-details-page .gallery .picture-wrapper{
    padding: 10px !important;*/


}

.details {
    font-size: 14px !important;
    color: #718096 !important;
    line-height: 1.6 !important;
}

.product-item .product-title {
    height: 10px !important;
}

.product-item .quantity-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column !important;
    gap: unset !important;
    margin-bottom: 0px !important;
    background: #f7fafc;
    padding: 8px;
    border-radius: 12px;
}

.price-line {
    padding-bottom: 5px !important;
    height:32px !important;
}

.quantity-label {
    font-size: 14px;
    font-weight: 600;
    color: #4a5568;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: none !important;
}

.quantity-controls {
    display: flex;
    align-items: center;
    gap: 12px;
}

.quantity-btn {
    width: 20px !important;
    height: 20px !important;
    border: 2px solid #e2e8f0;
    background: #2c5aa0 !important;
    border-radius: 4px;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #4a5568;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .quantity-btn:hover {
        border-color: #ff6b6b;
        color: #ff6b6b;
        transform: scale(1.1);
    }

    .quantity-btn:active {
        transform: scale(0.95);
    }

.quantity-value {
    font-size: 18px;
    font-weight: 700;
    color: #2d3748;
    min-width: 30px;
    text-align: center;
}

.quantity-container input {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #2d3748 !important;
    min-width: 30px !important;
    text-align: center !important;
    padding: unset !important;
    border: unset !important;
    height: unset !important;
    background: unset !important;
}

.product-grid .item-box .buttons {
    gap: 10px !important;
}

    .product-grid .item-box .buttons .ajax-cart-button-wrapper button {
        width: unset !important;
        max-width: unset !important;
    }

.item-box .product-title {
    text-align: center !important;
    padding-top: 5px !important;
}

.item-grid .item-box .picture {
    position: relative !important;
}

.quantity-controls {
    gap: unset !important;
}

.product-item .details {
    justify-content: unset !important;
}

.watch-video-btn {
    position: absolute !important;
    top: 50% !important;
    left: 0;
    padding: unset !important;
    background: #2c5aa0 !important;
    color: white;
    border: none;
    border-radius: 4px !important;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

    .watch-video-btn:hover {
        background: #a01828;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(196, 30, 58, 0.3);
    }

    .watch-video-btn:active {
        transform: translateY(0);
    }

.video-icon {
    width: 20px;
    height: 20px;
}

.product-item .picture {
    height: 220px !important;
}

body .ajax-cart-button-wrapper .add-to-cart-button {
    border-radius: 6px !important;
    margin-left: 10px !important;
}

.pager li a {
    border: unset !important;
    border-radius: 6px !important;
    background: white !important;
    color: #334155 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}

@media all and (min-width: 1281px) {
    .mega-menu .dropdown.fullWidth {
        width: 820px !important;
        max-width: 820px !important;
    }
}

@media all and (min-width: 1025px) and (max-width: 1280px) {
    .mega-menu .dropdown.fullWidth {
        width: 820px !important;
        max-width: 820px !important;
    }
}

@media screen and (max-width: 480px) {
    .close-menu span:after {
        border-radius: 50% !important;
    }

    .faq-accordion {
        padding: 10px !important;
        margin-left: 10px !important;
        margin-right: 10px !important
    }

        .faq-accordion summary {
            font-size: 13px !important;
            font-weight: 500 !important;
            cursor: pointer !important;
            list-style: none !important;
            color: #2c2c2c !important;
        }

    #applydiscountcouponcode {
        padding: 6px 20px !important
    }

    #applygiftcardcouponcode {
        padding: 6px 20px !important
    }

    .ui-tabs .ui-tabs-panel {
        background-color: unset !important;
    }

    .home-page .product-grid {
        box-shadow: unset !important;
        background: unset !important;
        padding: unset !important;
    }

    .responsive-nav-wrapper {
        background: #FF6B35 !important;
    }

    .header-links a {
        padding-right: unset !important;
        font-size: 10px !important;
    }

    .header-links li {
        margin: 5px !important;
    }

    .logo-wrapper {
        background: #fff !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
    }

    .wishlist-qty {
        left: 90px !important;
    }

    .cart-qty {
        left: 130px !important;
    }

    .overlayOffCanvas.show {
        background: rgba(255, 255, 255, 0.5) !important;
        backdrop-filter: blur(4px) !important;
    }

    .header-links ul {
        display: flex !important;
        flex-direction: column;
    }

    .header-links-wrapper open {
        background: #FF6B35 !important;
    }

    .header-links-wrapper {
        background: #FF6B35 !important;
    }

    .header-selectors-wrapper {
        background-color: unset !important;
    }

    .subheader-wrapper .header-menu {
        background: #FF6B35 !important;
    }

    .header-menu .close-menu {
        background-color: unset !important;
    }

    .search-box {
        background: #FF6B35 !important;
    }

    .header-selectors-wrapper select {
        min-width: unset !important;
    }

    .home-page-category-grid {
        padding: 20px !important;
    }

    .item-grid {
        padding: unset !important;
    }

    .shipping-method {
        background: white !important;
        border-radius: 16px !important;
        padding: 20px !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
    }

        .shipping-method .method-list li {
            border: 3px solid #e0e0e0 !important;
            border-radius: 12px !important;
            padding: 10px !important;
            cursor: pointer !important;
            transition: all 0.3s !important;
            position: relative !important;
            background: white !important;
        }

        .shipping-method .method-name {
        }

            .shipping-method .method-name label {
                font-size: 14px !important;
                font-weight: 600 !important;
                color: #222 !important;
                margin-bottom: 5px !important;
            }

        .shipping-method .method-description {
            color: #666 !important;
            font-size: 14px !important;
            line-height: 1.5 !important;
        }

        .shipping-method .method-list {
            border: unset !important;
        }

        .shipping-method input[type="radio"] {
            width: 18px !important;
            height: 18px !important;
            border: 3px solid #ccc;
            border-radius: 50% !important;
            position: relative !important;
            transition: all 0.3s !important;
            margin-right: 10px !important;
        }

    .master-column-wrapper {
        display: flex !important;
        flex-direction: column-reverse !important;
    }

    .close-filters {
        background-color: #ff6f3c !important;
    }

        .close-filters span {
            border-radius: 50% !important;
        }
}

@media screen and (max-width: 1024px) {
    .responsive-nav-wrapper {
        background: #FF6B35 !important;
    }

    .header-links a {
        padding-right: 20px !important;
        font-size: 15px !important;
    }

    .header-links li {
        margin: 5px !important;
    }

    .logo-wrapper {
        background: #fff !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
    }

    .overlayOffCanvas.show {
        background: rgba(255, 255, 255, 0.5) !important;
        backdrop-filter: blur(4px) !important;
    }

    .header-links-wrapper open {
        background: #FF6B35 !important;
    }

    .header-links-wrapper {
        background: #FF6B35 !important;
    }

    .header-selectors-wrapper {
        background-color: unset !important;
    }

    .subheader-wrapper .header-menu {
        background: #FF6B35 !important;
    }

    .header-menu .close-menu {
        background-color: unset !important;
    }

    .search-box {
        background: #FF6B35 !important;
    }

    .close-filters {
        background-color: #ff6f3c !important;
    }

        .close-filters span {
            border-radius: 50% !important;
        }

    .item-box .product-title {
        height: 30px !important;
        font-size: 14px !important;
    }

    .item-box .description {
        display: block !important;
    }
}

.header-logo img {
    height: 55px !important;
    width: 206px !important;
}

.home .item-box .ajax-cart-button-wrapper button {
    width: unset !important;
}

.d-hidden {
    visibility: hidden !important;
}

.side-2 {
    position: relative !important;
    float: left !important;
    width: 230px !important;
}

/* Parent container */
.header-menu a {
    position: relative !important;
    display: inline-block !important;
    padding: 8px 12px !important;
    color: #2C5AA0 !important;
    /* default text color */

    text-decoration: none !important;
    font-weight: 500 !important;
    transition: transform 0.2s ease, color 0.2s ease !important;
}

    /* Underline effect */
    .header-menu a::after {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
        bottom: 0 !important;
        width: 0% !important;
        height: 3px !important;
        background: linear-gradient(to right, #E07856, #F2A77E) !important;
        border-radius: 2px !important;
        transition: width 0.15s ease !important;
    }

.filtersGroupPanel li.checkbox-item.checked label:before {
    /*    background: #ff6a00 !important;
    border-color: #ff6a00 !important;*/
}

.filtersGroupPanel li.checkbox-item.checked label:after {
    content: "✔" !important;
    position: absolute !important;
    left: 2px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #999 !important;
    font-size: 10px !important;
    font-weight: bold !important;
}

.filtersGroupPanel li.checkbox-item.checked label {
    color: #000 !important;
    font-weight: 500 !important
}

.filtersGroupPanel li.checkbox-item label:hover {
    color: #FF6B35 !important;
    font-weight: 600 !important
}

.filtersGroupPanel li .filter-item-name:hover {
    color: #FF6B35 !important;
    font-weight: 600 !important;
}

.header {
    background-color: rgba(243, 244, 246, 1) !important;
}

.subheader-wrapper .mega-menu > li > a span {
    color: #fff !important;
}

.header-menu .mega-menu > li > span.with-subcategories {
    color: #fff !important;
}

.subheader-wrapper {
    background-color: #FF6B35 !important;
    color: #fff !important;
}

    .subheader-wrapper .logo-wrapper {
        display: none !important;
    }

.slider-wrapper {
    margin-top: 90px !important;
}

.header-selectors-wrapper select {
    width: 70px !important;
    height: 36px !important;
    opacity: 1;
    padding-top: 8px !important;
    padding-right: 6px !important;
    padding-bottom: 8px !important;
    padding-left: 6px !important;
    border-radius: 8px !important;
    border-width: 1px !important;
    background: rgba(255, 255, 255, 1) !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 100% !important;
    letter-spacing: 0% !important;
    color: rgba(0, 0, 0, 1) !important;
}

.anywhere-slider .picture-slide img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important;
}

.anywhere-slider {
    max-width: 1400px !important;
    margin: 0 auto !important;
    height: 324px !important;
}

.header-links-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.anywhere-slider .picture-slide img {
    height: 100% !important;
}

.search-box.store-search-box input.search-box-text {
    background: rgba(255, 255, 255, 1) !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 100% !important;
    letter-spacing: 0% !important;
    color: rgba(0, 0, 0, 1) !important;
    font-style: unset !important;
}

    .search-box.store-search-box input.search-box-text::placeholder {
        background: rgba(255, 255, 255, 1) !important;
        font-weight: 400 !important;
        font-size: 12px !important;
        line-height: 100% !important;
        letter-spacing: 0% !important;
        color: rgba(0, 0, 0, 1) !important;
        font-style: unset !important;
    }

.home-page-category-grid .item-grid {
    background: unset !important;
    background-color: unset !important;
    box-shadow: unset !important;
}

.category-grid.home-page-category-grid .item-grid {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 16px !important;
    padding: 0 !important;
    margin: 0 auto !important;
}

.category-grid.home-page-category-grid .item-box {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

.category-grid.home-page-category-grid .category-item {
    width: 236px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 24px !important;
    height: 222px !important;
    background: #ffffff !important;
    border: 1.5px solid #f0ede9 !important;
    border-radius: 16px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
    overflow: hidden !important;
    position: relative !important;
    cursor: pointer;
    font-family: 'DM Sans', sans-serif;
    transition: border-color 0.22s ease, background 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease !important;
    text-decoration: none !important;
    color: inherit !important;
}

    /* picture */
    .category-grid.home-page-category-grid .category-item .picture {
        width: 44px;
        height: 44px;
        margin: 0 0 16px 0;
        background: #fff1e8;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        transition: background 0.22s ease;
        flex-shrink: 0;
    }

    .category-grid.home-page-category-grid .category-item:hover .picture {
        background: #ffe0ca;
    }

    .category-grid.home-page-category-grid .category-item .picture a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 100% !important;
    }

    .category-grid.home-page-category-grid .category-item .picture svg {
        width: 44px;
        height: 44px;
        stroke: #e8732a;
        fill: none;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    /* h2.title */
    .category-grid.home-page-category-grid .category-item h2.title {
        font-family: 'DM Sans', sans-serif;
        font-size: 15px !important;
        font-weight: 600 !important;
        color: #1a1a1a !important;
        line-height: 1.35 !important;
        margin: 0 0 5px 0 !important;
        padding: 0 !important;
        text-transform: none !important;
        letter-spacing: 0 !important;
        background: none !important;
        position: static !important;
        border: none !important;
        height: 50px !important;
    }

        .category-grid.home-page-category-grid .category-item h2.title a {
            color: #1a1a1a !important;
            text-decoration: none !important;
            font-size: inherit !important;
            font-weight: inherit !important;
        }

    /* product count (rendered as a span inside the card in this preview) */
    .category-grid.home-page-category-grid .category-item .count {
        font-size: 13px !important;
        font-weight: 400 !important;
        color: #999 !important;
        margin-bottom: auto !important;
    }

    /* .see-detail */
    .category-grid.home-page-category-grid .category-item .see-detail {
        margin-top: auto !important;
        /*        padding-top: 18px !important;*/
    }

        .category-grid.home-page-category-grid .category-item .see-detail a {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            background: transparent !important;
            border: none !important;
            padding: 0 !important;
            box-shadow: none !important;
            color: transparent !important;
            font-size: 0 !important;
            text-decoration: none !important;
            transition: transform 0.22s ease !important;
        }

    /*            .category-grid.home-page-category-grid .category-item .see-detail a::after {
                content: "→" !important;
                font-size: 20px !important;
                font-weight: 400 !important;
                color: #e8732a !important;
                line-height: 1 !important;
            }*/
    .category-grid.home-page-category-grid .category-item:hover .see-detail a {
        transform: translateX(5px);
    }

    .category-grid.home-page-category-grid .category-item .category-info {
        display: flex !important;
        flex-direction: column-reverse !important;
    }

    .category-grid.home-page-category-grid .category-item .category-description {
        font-family: SF Pro Display;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 16px !important;
        letter-spacing: 0px !important;
        vertical-align: middle !important;
        color: rgba(107, 114, 128, 1) !important;
    }

    .category-grid.home-page-category-grid .category-item .see-detail {
        padding-top: unset !important;
    }

.category-grid.home-page-category-grid .item-box {
    box-shadow: unset !important;
    background: unset !important;
    overflow: unset !important;
}

    .category-grid.home-page-category-grid .item-box:hover {
        box-shadow: unset !important;
        box-shadow: unset !important;
        background: unset !important;
        overflow: unset !important;
    }

.category-grid.home-page-category-grid .category-item h2.title a:hover {
    color: rgb(255, 107, 53) !important;
}

/*     \\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.wishlist-btn:hover {
    background: #fff !important;
    transform: scale(1.1) !important;
    color: #f4713c !important;
}

/* details */
.details {
    padding: 16px 18px 20px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

/* prices */
.prices {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 2px !important;
}

.actual-price {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #3d8ef8 !important;
    letter-spacing: -0.3px !important;
}

.old-price {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #adb5bd !important;
    text-decoration: line-through !important;
}

/* title */
.product-title a {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #1a1a2e !important;
    text-decoration: none !important;
    line-height: 1.3 !important;
    display: block !important;
    transition: color 0.2s !important;
}

    .product-title a:hover {
        color: #3d8ef8 !important;
    }

/* description */
.description {
    font-size: 13px !important;
    color: #6c757d !important;
    line-height: 1.5 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    margin-bottom: 6px !important;
}

.product-grid .item-box .buttons .ajax-cart-button-wrapper button {
    background: rgba(255, 107, 53, 1) !important;
    padding: 9px !important;
    border-radius: 6px !important;
}

.item-box .actual-price {
    font-weight: 500 !important;
    font-size: 16.5px !important;
    line-height: 120% !important;
    letter-spacing: 0%;
    vertical-align: middle !important;
    color: rgba(44, 90, 160, 1) !important;
}

.item-box .old-price {
    font-weight: 500 !important;
    font-size: 13.75px !important;
    line-height: 120% !important;
    letter-spacing: 0% !important;
    vertical-align: middle !important;
    text-decoration: line-through !important;
    color: rgba(114, 144, 191, 1) !important;
}

.product-title a {
    font-weight: 500 !important;
    font-size: 13.75px !important;
    line-height: 120% !important;
    letter-spacing: 0% !important;
    color: rgba(0, 0, 0, 1) !important;
}

.product-grid .item-box .description {
    font-weight: 400 !important;
    font-size: 9.63px !important;
    line-height: 120% !important;
    letter-spacing: 0% !important;
    color: rgba(0, 0, 0, 1) !important;
    padding: 5px 0px !important;
}

.search-box.store-search-box input.search-box-text {
    background: unset !important;
}

.product-grid .item-box .prices {
    align-items: unset !important;
}

.product-grid .item-box .buttons {
    gap: unset !important;
}

.product-grid .item-box .details {
    gap: unset !important;
    align-items: unset !important;
}

.item-box .product-title {
    text-align: unset !important;
}

.product-item .quantity-container {
    background: unset !important;
}

.quantity-btn {
    color: rgba(44, 90, 160, 1) !important;
    width: 30px !important;
    font-size: 23px !important;
    background: rgba(44, 90, 160, 0.05) !important;
}

.productQuantityTextBox {
    color: rgba(44, 90, 160, 1) !important;
}

.entered-quantity {
    color: rgba(44, 90, 160, 1) !important;
}

.product-grid .item-box .picture {
    margin: unset !important;
}

/*___________________________________*/
.product-item .details .buttons {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: unset !important;
    gap: unset !important;
    width: 100% !important;
    margin-top: unset !important;
}

.quantity-container {
    background: unset !important;
    display: flex !important;
    align-items: center !important;
}

.quantity-controls {
    display: flex !important;
    align-items: center !important;
    background: unset !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    height: 42px !important;
}

.quantity-btn {
    color: rgba(44, 90, 160, 1) !important;
    width: 35px !important;
    height: 100% !important;
    font-size: 23px !important;
    background: rgba(44, 90, 160, 0.05) !important;
    border: none !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-bottom: 4px !important;
}

.productQuantityTextBox {
    color: rgba(44, 90, 160, 1) !important;
    width: 32px !important;
    height: 100% !important;
    border: none !important;
    text-align: center !important;
    background: transparent !important;
    font-size: 16px !important;
    font-weight: bold !important;
    outline: none !important;
}

.product-box-add-to-cart-button {
    height: 42px !important;
    padding: 0 20px !important;
    background-color: #e67e22 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: capitalize !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    flex-grow: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.ui-tabs .ui-state-active.ui-tabs-active a {
    background: unset !important;
    border: unset !important;
    border-bottom: 2px solid rgba(44, 90, 160, 1) !important;
    color: rgba(26, 26, 26, 1) !important;
    font-weight: 600 !important;
}

.ui-tabs .ui-tabs-nav li a {
    background: unset !important;
    border: unset !important;
    color: rgba(107, 114, 128, 1) !important;
    font-weight: 500 !important;
}

.ui-tabs .ui-state-active.ui-tabs-active a {
    border-radius: unset !important;
}

.mega-menu .dropdown.categories.fullWidth.boxes-4 {
    padding: 10px !important;
    background: #fff !important;
    border-top: unset !important;
    min-width: 800px !important;
}

    .mega-menu .dropdown.categories.fullWidth.boxes-4 .row-wrapper .row {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 0 15px !important;
        float: none !important;
    }

    .mega-menu .dropdown.categories.fullWidth.boxes-4 .box {
        float: none !important;
        width: 100% !important;
        padding: 2px 0 !important;
        margin: 0 !important;
        border: none !important;
        min-height: auto !important;
    }

    .mega-menu .dropdown.categories.fullWidth.boxes-4 .title {
        background: transparent !important;
        margin: 0 !important;
        padding: 0 !important;
        height: auto !important;
        text-align: left !important;
    }

        .mega-menu .dropdown.categories.fullWidth.boxes-4 .title a {
            color: #333 !important;
            font-size: 11px !important;
            font-weight: 600 !important;
            text-transform: uppercase !important;
            line-height: 1.4 !important;
            display: block !important;
            padding: 4px 0 !important;
            text-decoration: none !important;
        }

    .mega-menu .dropdown.categories.fullWidth.boxes-4 .picture,
    .mega-menu .dropdown.categories.fullWidth.boxes-4 .picture-title-wrap::before {
        display: none !important;
    }

    .mega-menu .dropdown.categories.fullWidth.boxes-4 .title a:hover {
        color: rgba(44, 90, 160, 1) !important;
        background: #fcfcfc !important;
    }

.mega-menu .title {
    border: unset !important;
}

.options button.button-1 {
    background: #ff6f3c !important;
}

.item-box .product-box-add-to-cart-button {
    background-color: #ff6f3c !important;
}

.mega-menu .dropdown.categories.fullWidth.boxes-4 .row-wrapper .row {
    border: unset !important;
    gap: unset !important;
}

.mega-menu .title {
    border: unset !important;
}

.header-menu .mega-menu > li > .dropdown.categories.fullWidth.boxes-4 {
    background: #ffffff !important;
    border-top: 3px solid #F26522 !important;
    border-bottom: 1px solid #E8E8E8 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.09) !important;
    padding: 28px 36px 36px !important;
}

    /* ── Row wrapper ── */
    .header-menu .mega-menu > li > .dropdown.categories.fullWidth.boxes-4 .row-wrapper {
        display: block !important;
        padding: 0 !important;
        border: 1px solid #E8E8E8 !important;
        border-radius: 6px !important;
        overflow: hidden !important;
    }

    /* ── Each row = one horizontal strip of 4 ── */
    .header-menu .mega-menu > li > .dropdown.categories.fullWidth.boxes-4 .row {
        display: flex !important;
        flex-direction: row !important;
        width: 100% !important;
        border-bottom: 1px solid #E8E8E8 !important;
    }

        .header-menu .mega-menu > li > .dropdown.categories.fullWidth.boxes-4 .row:last-child {
            border-bottom: none !important;
        }

        /* ── ::before pseudo on row (theme uses it) — hide it ── */
        .header-menu .mega-menu > li > .dropdown.categories.fullWidth.boxes-4 .row::before {
            display: none !important;
        }

    /* ── Each box: equal width, 25% ── */
    .header-menu .mega-menu > li > .dropdown.categories.fullWidth.boxes-4 .box {
        flex: 0 0 25% !important;
        width: 25% !important;
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        padding: 15px 18px !important;
        background: #ffffff !important;
        border: none !important;
        border-right: 1px solid #E8E8E8 !important;
        border-radius: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        transition: background 0.15s ease !important;
        text-decoration: none !important;
        overflow: hidden !important;
    }

        .header-menu .mega-menu > li > .dropdown.categories.fullWidth.boxes-4 .box:last-child {
            border-right: none !important;
        }

        .header-menu .mega-menu > li > .dropdown.categories.fullWidth.boxes-4 .box:hover {
            background: #FFF7F3 !important;
        }

            .header-menu .mega-menu > li > .dropdown.categories.fullWidth.boxes-4 .box:hover::before {
                background: #F26522 !important;
            }

        /* ── Hide images ── */
        .header-menu .mega-menu > li > .dropdown.categories.fullWidth.boxes-4 .box .picture {
            display: none !important;
        }

        /* ── Title wrapper ── */
        .header-menu .mega-menu > li > .dropdown.categories.fullWidth.boxes-4 .box .picture-title-wrap {
            padding: 0 !important;
            margin: 0 !important;
            min-width: 0 !important;
            flex: 1 !important;
        }

            /* ── Link text ── */
            .header-menu .mega-menu > li > .dropdown.categories.fullWidth.boxes-4 .box .picture-title-wrap .title a {
                /*                font-family: 'DM Sans', sans-serif !important;*/

                font-size: 11px !important;
                font-weight: 600 !important;
                letter-spacing: 0.5px !important;
                text-transform: uppercase !important;
                color: #1A1A1A !important;
                text-decoration: none !important;
                background: none !important;
                padding: 0 !important;
                border-radius: 0 !important;
                white-space: normal !important;
                word-break: break-word !important;
                line-height: 1.4 !important;
                display: block !important;
                transition: color 0.15s !important;
            }

        .header-menu .mega-menu > li > .dropdown.categories.fullWidth.boxes-4 .box:hover .picture-title-wrap .title a {
            color: #F26522 !important;
        }

/* ── Trigger label in orange header bar ── */
.subheader-wrapper .mega-menu > li > span,
.header-menu .mega-menu > li > span.with-subcategories.single-item-categories.labelfornextplusbutton {
    /*    font-family: 'DM Sans', sans-serif !important;*/

    font-size: 18px !important;
    font-weight: 500 !important;
    color: #ffffff !important;
    padding: 10px 18px !important;
    border-radius: 0 !important;
    letter-spacing: 0.3px !important;
}

/* ── Remove default hover bg on trigger ── */
a:hover .header-menu .mega-menu > li > span.with-subcategories,
.header-menu .mega-menu > li > span.with-subcategories:hover {
    background: unset !important;
}

.categories.fullWidth .box:before {
    border-right: unset !important;
    border: unset !important;
}

.product-item .picture-img {
    border-radius: 11px !important;
}

.product-item {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.category-grid.home-page-category-grid .category-item:hover {
    border-color: #f5c9a8 !important;
    background: #fff8f4 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.10) !important;
    transform: translateY(-2px) !important;
}

    .category-grid.home-page-category-grid .category-item:hover h2.title a {
        color: rgb(255, 107, 53) !important;
    }

.ajax-cart-button-wrapper {
    overflow: unset !important;
}

.popular-categories-footer {
    margin-top: 32px;
    text-align: center;
}

.explore-all-btn {
    background: transparent;
    border: 1.5px solid #FF6B35;
    color: #FF6B35;
    padding: 12px 28px;
    border-radius: 50px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: background 0.2s, color 0.2s;
}

    .explore-all-btn:hover {
        background: #e07a2f;
        color: #fff;
    }

.home .topic-block {
    max-width: 1400px !important;
    width: 100% !important;
}

.topic-block-title {
    font-family: SF Pro Display;
    font-weight: 600 !important;
    font-size: 24px !important;
    line-height: 100% !important;
    letter-spacing: 0% !important;
    color: rgba(0, 0, 0, 1);
}

    .topic-block-title h2 {
        display: block !important;
        text-align: unset !important;
        font-weight: 600 !important;
        font-size: 24px !important;
        line-height: 100% !important;
        letter-spacing: 0% !important;
        color: rgba(0, 0, 0, 1);
        margin-top: 60px !important;
    }

.home-page-category-grid .item-grid {
    max-width: 1400px !important;
    width: 100% !important;
}

.item-grid,
.home-page .product-grid {
    max-width: 1400px !important;
    width: 100% !important;
}

.home-page .ui-tabs {
    max-width: 1400px !important;
    width: 100% !important;
}

.header-menu > ul > li > a:hover {
    text-shadow: unset !important;
}

.header-links-wrapper:after {
    content: unset !important;
    clear: unset !important;
    display: unset !important;
}

.headerMenuParent {
    width: 1400px !important;
}

.home-page-category-grid {
    padding: unset !important;
}

.ribbon-text {
    display: none !important;
}

.footer-upper .center {
    max-width: 1400px !important;
    width: 100% !important;
}

/*    why choose use */
.why-choose-section {
    /*    background: #f7f5f2;*/

    padding: 60px 40px;
    text-align: center;
}

.why-choose-title {
    font-size: 2.2rem;
    font-weight: 800;
    margin-bottom: 48px;
    color: #111;
}

    .why-choose-title .blue {
        color: #2a5298;
    }

    .why-choose-title .orange {
        color: #e07a2f;
    }

.why-choose-grid {
    display: flex;
    justify-content: center;
    gap: 60px;
    flex-wrap: wrap;
    max-width: 1400px;
    margin: 0 auto;
}

.why-choose-item {
    flex: 1 1 200px;
    max-width: 240px;
    text-align: left;
}

.why-choose-icon {
    background: #fde8d8;
    width: 70px;
    height: 70px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}

.why-choose-item h3 {
    font-size: 1.05rem;
    font-weight: 700;
    margin-bottom: 8px;
    color: #111;
}

.why-choose-item p {
    font-size: 0.9rem;
    color: #444;
    line-height: 1.5;
}

/*redesign color-profile categories*/
.side-2 .title {
    background-color: rgba(44, 90, 160, 1) !important;
}

.block .list a:hover {
    color: rgba(44, 90, 160, 1) !important;
}

.productTabs.ui-tabs .productTabs-header .ui-tabs-nav li a {
    color: #555 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    background: none !important;
    border: none !important;
    border-bottom: 2px solid transparent !important;
    padding: 14px 28px !important;
    font-family: inherit !important;
    transition: color 0.2s, border-color 0.2s !important;
}

    .productTabs.ui-tabs .productTabs-header .ui-tabs-nav li.ui-tabs-active a,
    .productTabs.ui-tabs .productTabs-header .ui-tabs-nav li a:hover {
        color: #1a73e8 !important;
        border-bottom: 2px solid #1a73e8 !important;
        background: none !important;
        font-weight: 500 !important;
    }

/* --- Tab Panel Wrapper --- */
.product-details-page .productTabs-body .ui-tabs-panel {
    padding: 24px 28px !important;
    background: #fff !important;
}

/* --- Full Description Container --- */
.productTabs-body .ui-tabs-panel .full-description {
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

    /* --- Overview Title / Strong heading (was orange) --- */
    .productTabs-body .ui-tabs-panel .full-description p span[style],
    .productTabs-body .ui-tabs-panel .full-description p span strong,
    .productTabs-body .ui-tabs-panel .full-description p strong,
    .productTabs-body .ui-tabs-panel .full-description p .a-list-item {
        color: rgba(0, 0, 0, 1) !important;
        background-color: transparent !important;
        font-size: 15px !important;
        font-weight: 500 !important;
        line-height: 1.6 !important;
        display: block !important;
        margin-bottom: 12px !important;
    }

    /* --- Overview Body Text --- */
    .productTabs-body .ui-tabs-panel .full-description p {
        color: #333 !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.6 !important;
        margin-bottom: 10px !important;
        background: none !important;
    }

    /* --- Compatibility List (ul > li) — remove bullet circles, plain text --- */
    .productTabs-body .ui-tabs-panel .full-description ul {
        list-style: none !important;
        list-style-type: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

        .productTabs-body .ui-tabs-panel .full-description ul li {
            color: #333 !important;
            font-size: 14px !important;
            line-height: 1.6 !important;
            padding: 0 !important;
            margin: 0 !important;
            background: none !important;
        }

            /* Remove the ::marker pseudo-element bullet */
            .productTabs-body .ui-tabs-panel .full-description ul li::marker {
                display: none !important;
                content: "" !important;
                color: transparent !important;
            }

            /* Remove inline color from span inside li */
            .productTabs-body .ui-tabs-panel .full-description ul li span[style] {
                color: #333 !important;
                background-color: transparent !important;
                font-size: 14px !important;
                font-weight: 400 !important;
            }

.productTabs-body .ui-tabs-panel {
    border-radius: 8px !important;
}

/*    _________________________________________________________________*/

/* --- Reviews Tab Panel Wrapper --- */
#quickTab-reviews.ui-tabs-panel {
    padding: 0 !important;
    background: #fff !important;
}

#quickTab-reviews .product-reviews {
    padding: 0 !important;
    background: #fff !important;
}

/* =====================================================
   WRITE REVIEW WRAPPER — use flex column to reorder
   ===================================================== */
#quickTab-reviews .write-review {
    display: flex !important;
    flex-direction: column !important;
    background: #fff !important;
    padding: 0 !important;
}

    /* Reorder sections using order property */
    #quickTab-reviews .write-review .review-rating {
        order: 1 !important;
    }

    #quickTab-reviews .write-review .message-error {
        order: 2 !important;
    }

    #quickTab-reviews .write-review .form-fields {
        order: 3 !important;
    }

    #quickTab-reviews .write-review .buttons {
        order: 4 !important;
    }

    /* =====================================================
   STAR RATING SECTION — top, centered
   ===================================================== */
    #quickTab-reviews .write-review .review-rating {
        text-align: center !important;
        padding: 32px 20px 24px !important;
        border-bottom: 1px solid #f0f0f0 !important;
        background: #fff !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

        /* "Rate your overall experience" title */
        #quickTab-reviews .write-review .review-rating::before {
            content: "Rate your overall experience" !important;
            display: block !important;
            font-size: 16px !important;
            font-weight: 700 !important;
            color: #222 !important;
            margin-bottom: 4px !important;
            order: 0 !important;
        }

        /* "Tap to rate" subtitle — shown AFTER stars via JS workaround using after on wrapper */
        #quickTab-reviews .write-review .review-rating::after {
            content: "Tap to rate" !important;
            display: block !important;
            font-size: 13px !important;
            color: #999 !important;
            margin-top: 8px !important;
        }

        /* Hide "Bad" and "Excellent" text labels */
        #quickTab-reviews .write-review .review-rating .rating-options > label:first-child,
        #quickTab-reviews .write-review .review-rating .rating-options > label:last-child,
        #quickTab-reviews .write-review .review-rating label[for*="r1"],
        #quickTab-reviews .write-review .review-rating label[for*="r5"],
        #quickTab-reviews .write-review .review-rating .caption,
        #quickTab-reviews .write-review .review-rating span.bad,
        #quickTab-reviews .write-review .review-rating span.excellent,
        #quickTab-reviews .write-review .review-rating .rating-options .bad,
        #quickTab-reviews .write-review .review-rating .rating-options .excellent {
            display: none !important;
            visibility: hidden !important;
        }

        /* Hide ALL text nodes / labels inside rating except inputs */
        #quickTab-reviews .write-review .review-rating .rating-options label {
            display: none !important;
        }

        /* Star radio buttons container */
        #quickTab-reviews .write-review .review-rating .rating-options {
            display: flex !important;
            flex-direction: row !important;
            justify-content: center !important;
            align-items: center !important;
            gap: 4px !important;
            margin: 10px 0 0 !important;
        }

            /* Individual radio → styled as star */
            #quickTab-reviews .write-review .review-rating .rating-options input[type="radio"] {
                appearance: none !important;
                -webkit-appearance: none !important;
                width: 36px !important;
                height: 36px !important;
                cursor: pointer !important;
                background: none !important;
                border: none !important;
                outline: none !important;
                position: relative !important;
                flex-shrink: 0 !important;
            }

                #quickTab-reviews .write-review .review-rating .rating-options input[type="radio"]::before {
                    content: "★" !important;
                    font-size: 30px !important;
                    color: #ddd !important;
                    position: absolute !important;
                    top: 50% !important;
                    left: 50% !important;
                    transform: translate(-50%, -50%) !important;
                    line-height: 1 !important;
                }

                #quickTab-reviews .write-review .review-rating .rating-options input[type="radio"]:checked::before {
                    color: #f5a623 !important;
                }

        /* Highlight stars up to selected (CSS-only, works for RTL flex trick) */
        #quickTab-reviews .write-review .review-rating .rating-options {
            flex-direction: row-reverse !important;
            justify-content: center !important;
        }

            #quickTab-reviews .write-review .review-rating .rating-options input[type="radio"]:checked ~ input[type="radio"]::before {
                color: #f5a623 !important;
            }

        #quickTab-reviews .write-review .review-rating::after {
            display: none !important
        }

    /* =====================================================
   INFO NOTICE — "Only registered users can write reviews"
   ===================================================== */
    #quickTab-reviews .write-review .message-error.validation-summary-errors {
        background: #eef0fb !important;
        border: none !important;
        border-radius: 8px !important;
        padding: 12px 16px !important;
        margin: 20px 20px 0 !important;
        display: flex !important;
        align-items: center !important;
    }

        #quickTab-reviews .write-review .message-error.validation-summary-errors ul {
            list-style: none !important;
            padding: 0 !important;
            margin: 0 !important;
        }

            #quickTab-reviews .write-review .message-error.validation-summary-errors ul li {
                font-size: 13px !important;
                color: #3a4db7 !important;
                font-weight: 500 !important;
                background: none !important;
            }

                #quickTab-reviews .write-review .message-error.validation-summary-errors ul li::before {
                    content: "ℹ  " !important;
                    color: #3a4db7 !important;
                }

    /* =====================================================
   FORM FIELDS
   ===================================================== */
    #quickTab-reviews .write-review .form-fields {
        padding: 20px 20px 0 !important;
        background: #fff !important;
    }

        /* Labels */
        #quickTab-reviews .write-review .form-fields .inputs label {
            display: block !important;
            font-size: 14px !important;
            font-weight: 600 !important;
            color: #222 !important;
            margin-bottom: 8px !important;
            background: none !important;
            text-align: left !important;
        }

        /* Review Title Input */
        #quickTab-reviews .write-review .form-fields .inputs input.review-title {
            width: 100% !important;
            border: none !important;
            border-bottom: 1px solid #ddd !important;
            border-radius: 0 !important;
            padding: 10px 0 !important;
            font-size: 14px !important;
            color: #333 !important;
            background: transparent !important;
            outline: none !important;
            box-shadow: none !important;
            display: block !important;
        }

            #quickTab-reviews .write-review .form-fields .inputs input.review-title:focus {
                border-bottom-color: #3a4db7 !important;
            }

        /* "Minimum 20 characters" hint */
        #quickTab-reviews .write-review .form-fields .inputs span.required {
            display: none !important;
        }

        /* Textarea */
        #quickTab-reviews .write-review .form-fields .inputs textarea {
            width: 100% !important;
            border: none !important;
            border-bottom: 1px solid #ddd !important;
            border-radius: 0 !important;
            padding: 10px 0 !important;
            font-size: 14px !important;
            color: #333 !important;
            background: transparent !important;
            outline: none !important;
            box-shadow: none !important;
            resize: none !important;
            min-height: 100px !important;
            font-family: inherit !important;
            display: block !important;
        }

            #quickTab-reviews .write-review .form-fields .inputs textarea:focus {
                border-bottom-color: #3a4db7 !important;
            }

    /* =====================================================
   HIDE CAPTCHA
   ===================================================== */
    #quickTab-reviews .write-review .captcha-box {
        display: none !important;
    }

    /* =====================================================
   SUBMIT BUTTON — full width orange
   ===================================================== */
    #quickTab-reviews .write-review .buttons {
        padding: 24px 20px 24px !important;
        background: #fff !important;
        margin-top: 8px !important;
    }

        #quickTab-reviews .write-review .buttons button.button-1.write-product-review-button {
            width: 100% !important;
            background-color: rgba(255, 107, 53, 1) !important;
            color: #fff !important;
            font-size: 15px !important;
            font-weight: 600 !important;
            border: none !important;
            border-radius: 6px !important;
            padding: 16px !important;
            cursor: pointer !important;
            letter-spacing: 0.3px !important;
            font-family: inherit !important;
            text-transform: none !important;
            box-shadow: none !important;
            display: block !important;
        }

            #quickTab-reviews .write-review .buttons button.button-1.write-product-review-button:hover {
                background-color: #cf5522 !important;
            }

            #quickTab-reviews .write-review .buttons button.button-1.write-product-review-button:disabled {
                opacity: 0.75 !important;
                cursor: not-allowed !important;
            }

    #quickTab-reviews .write-review .review-rating > label {
        display: none !important;
    }

    /* Hide "Bad" and "Excellent" li items */
    #quickTab-reviews .write-review .review-rating ul li.label.first,
    #quickTab-reviews .write-review .review-rating ul li.label.last {
        display: none !important;
    }

    /* Fix ul layout — remove list styling */
    #quickTab-reviews .write-review .review-rating ul {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

        /* Stars row */
        #quickTab-reviews .write-review .review-rating ul li.rating-options {
            display: flex !important;
            flex-direction: row-reverse !important;
            justify-content: center !important;
            gap: 4px !important;
            list-style: none !important;
        }

/*redesing  register*/
.registration-page .page-title {
    padding: unset !important;
    background: unset !important;
}

    .registration-page .page-title h1 {
        font-family: Poppins;
        font-weight: 500 !important;
        font-size: 36px !important;
        line-height: 40px !important;
        letter-spacing: 0% !important;
        color: rgba(0, 0, 0, 1) !important;
        background: unset !important;
        border-bottom: unset !important;
    }

.field-validation-error {
    text-align: unset !important;
}

.registration-page {
    background: unset !important;
    box-shadow: unset !important;
    border-radius: unset !important;
    max-width: 846px !important;
    width: 100% !important
}

    .registration-page .page-body {
        background: rgba(255, 255, 255, 1) !important;
        gap: 24px !important;
        opacity: 1;
        border-radius: 12px !important;
        padding-top: 24px !important;
        padding-right: 20px !important;
        padding-bottom: 24px !important;
        padding-left: 20px !important;
    }

    .registration-page .fieldset .title {
        font-family: SF Pro Display;
        font-weight: 500 !important;
        font-size: 24px !important;
        line-height: 120% !important;
        color: rgba(40, 82, 146, 1) !important;
    }

        .registration-page .fieldset .title strong {
            color: rgba(40, 82, 146, 1) !important;
            border-bottom: 2px solid rgba(255, 107, 53, 1) !important;
        }

.inputs label {
    /*    font-family: Poppins !important;*/

    font-weight: 500 !important;
    font-size: 16px !important;
    color: rgba(4, 15, 15, 1) !important;
    line-height: 20px !important;
    letter-spacing: 0% !important;
}

.registration-page .inputs input[type="text"] {
    border: 1px solid rgba(214, 214, 214, 1) !important;
    width: 383px !important;
    height: 40px !important;
    gap: 16px;
    opacity: 1 !important;
    border-radius: 8px !important;
    padding-top: 20px !important;
    padding-right: 12px !important;
    padding-bottom: 20px !important;
    padding-left: 12px !important;
    border-width: 1px !important;
    color: rgba(163, 163, 163, 1) !important;
}

.registration-page .date-picker-wrapper {
    width: 383px !important;
}

.required {
    margin: unset !important;
}

.registration-page .inputs input {
    border: 1px solid rgba(214, 214, 214, 1) !important;
    width: 383px !important;
    height: 40px !important;
    gap: 16px;
    opacity: 1 !important;
    border-radius: 8px !important;
    padding-top: 20px !important;
    padding-right: 12px !important;
    padding-bottom: 20px !important;
    padding-left: 12px !important;
    border-width: 1px !important;
    color: rgba(163, 163, 163, 1) !important;
}

.registration-page select {
    border: 1px solid rgba(214, 214, 214, 1) !important;
    height: 40px !important;
}

.registration-page .gender label {
    color: rgba(87, 87, 89, 1) !important;
    font-family: SF Pro Display;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 120% !important;
    letter-spacing: 0% !important;
}

.registration-page .gender input {
    width: 20px !important;
    height: 20px !important;
    top: 2px;
    left: 2px;
    opacity: 1;
}

.registration-page .mm-box {
    border-left: unset !important;
    display: flex !important;
    justify-content: space-between !important;
    padding: unset !important;
}

#manufacturer-rows + .form-fields .add-mm-btn.button-2 {
    max-width: 806px !important;
    width: 100% !important;
    height: 48px !important;
    gap: 10px !important;
    opacity: 1;
    border-radius: 8px !important;
    border-width: 1px !important;
    border-style: dashed !important;
    padding: 12px !important;
    border-color: rgba(44, 90, 160, 1) !important;
    background: transparent !important;
    color: rgba(44, 90, 160, 1) !important;
}

.registration-page .button-1 {
    background: rgba(255, 107, 53, 1) !important;
    max-width: 806px !important;
    width: 100% !important;
    height: 54px !important;
    gap: 10px !important;
    opacity: 1 !important;
    border-radius: 8px !important;
    padding: 12px !important;
}

/*product details page redesign*/

/*.master-column-wrapper{
    width: 1200px !important;
}*/
.product-essential {
    background: rgba(255, 255, 255, 1) !important;
}

.product-details-page .gallery .picture-wrapper {
    background: unset !important;
    border: unset !important;
    border-radius: unset !important;
    padding: unset !important
}

/*shopping cart redesign*/
.shopping-cart-page .page-title h1 {
    font-family: SF Pro Display;
    font-weight: 600 !important;
    font-size: 32px !important;
    line-height: 120%;
    letter-spacing: 0%;
    color: rgba(0, 0, 0, 1) !important;
    border-bottom: unset !important;
}

.contact-page .page-body {
    padding: 3rem !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    background: rgba(255, 255, 255, 1) !important;
}

.contact-page form {
    background: unset !important;
    box-shadow: unset !important;
    border-radius: unset !important;
    padding: unset !important;
}

.contact-page .page-title h1 {
    display: none !important;
}

.contact-page .topic-block-title h2 {
    margin-top: unset !important;
    font-family: SF Pro Display;
    font-weight: 600 !important;
    font-size: 32px !important;
    line-height: 120% !important;
    letter-spacing: 0% !important;
}

.inputs label {
    /*    font-family: Poppins !important;*/

    font-weight: 500 !important;
    font-size: 16px !important;
    color: rgba(4, 15, 15, 1) !important;
    line-height: 20px !important;
    letter-spacing: 0% !important;
}

.contact-page form .form-fields .inputs input {
    border: 1px solid rgba(214, 214, 214, 1) !important;
    width: 100% !important;
    /*    max-width: 700px !important;*/

    height: 50px !important;
    gap: 16px;
    opacity: 1 !important;
    border-radius: 8px !important;
    padding-top: 20px !important;
    padding-right: 12px !important;
    padding-bottom: 20px !important;
    padding-left: 12px !important;
    border-width: 1px !important;
    color: rgba(163, 163, 163, 1) !important;
}

.required {
    margin: unset !important;
}

.contact-page form .form-fields .inputs input {
    border: 1px solid rgba(214, 214, 214, 1) !important;
    width: 100% !important;
    /*    max-width: 700px !important;*/

    height: 50px !important;
    gap: 16px;
    opacity: 1 !important;
    border-radius: 8px !important;
    padding-top: 20px !important;
    padding-right: 12px !important;
    padding-bottom: 20px !important;
    padding-left: 12px !important;
    border-width: 1px !important;
    color: rgba(163, 163, 163, 1) !important;
}

.contact-page form .form-fields .inputs textarea {
    border: 1px solid rgba(214, 214, 214, 1) !important;
    color: rgba(163, 163, 163, 1) !important;
    border-width: 1px !important;
}

.contact-page form .button-1 {
    background: rgba(255, 107, 53, 1) !important;
    max-width: 806px !important;
    width: 100% !important;
    height: 54px !important;
    gap: 10px !important;
    opacity: 1 !important;
    border-radius: 8px !important;
    padding: 12px !important;
}

.k-overlay {
    background-color: rgba(0, 0, 0, 0.55) !important;
    opacity: 1 !important;
    z-index: 1071 !important;
}

.k-overlay {
    background: rgba(0, 0, 0, 0.35) !important;
    backdrop-filter: blur(6px) !important;
}

.giftcard-box {
    display: none !important;
}

.flyout-cart {
    top: 26px !important;
}

/*product details*/
.product-essential {
    border-radius: 12px !important;
    padding: 24px !important;
}

.gallery .picture-wrapper .picture {
    border-radius: 8px !important;
}

.product-essential .short-description {
    font-weight: 600 !important;
    font-size: 32px !important;
    line-height: 120% !important;
    letter-spacing: 0% !important;
    color: rgba(0, 0, 0, 1) !important
}

.product-essential .prices {
    align-items: unset !important;
    flex-direction: column-reverse !important;
}

.product-item .product-wish-btn.wishlisted {
    background: rgba(255, 107, 53, 1) !important;
}

.product-details-wish-btn.wishlisted {
    background: rgba(255, 107, 53, 1) !important;
    border-color: rgba(255, 107, 53, 1) !important;
}

.add-to-cart-wish-wrapper {
    display: flex !important;
    align-items: center;
    gap: 15px !important;
    flex-wrap: nowrap !important;
}

.wishlist-page .page-title h1 {
    font-family: SF Pro Display;
    font-size: 32px !important;
    line-height: 120% !important;
    letter-spacing: 0% !important;
    color: rgba(0, 0, 0, 1) !important;
    border-bottom: unset !important;
}

.wishlist-page .cart th {
    font-family: Inter;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    letter-spacing: 0% !important;
    color: rgba(255, 255, 255, 1) !important;
    background: rgba(44, 90, 160, 1) !important;
    border: unset !important;
}

.cart thead th:first-child {
    border-top-left-radius: 10px !important;
}

.cart thead th:last-child {
    border-top-right-radius: 10px !important;
}

.wishlist-page .cart td {
    font-family: Inter;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    letter-spacing: 0% !important;
    color: rgba(102, 112, 133, 1) !important;
    border: unset !important;
}

    .wishlist-page .cart td:first-child {
        font-family: Inter;
        font-weight: 500 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0% !important;
        color: rgba(16, 24, 40, 1) !important;
        border: unset !important;
    }

.wishlist-content .buttons .common-buttons {
    display: flex !important;
    align-items: center !important;
    flex-direction: row-reverse !important;
}

.wishlist-content .update-wishlist-button {
    max-width: 214px !important;
    width: 100% !important;
    height: 54px !important;
    gap: 10px;
    opacity: 1;
    border-radius: 8px !important;
    border-width: 1px !important;
    padding: 12px !important;
    border: 1px solid rgba(255, 107, 53, 1) !important;
    background: unset !important;
    color: rgba(255, 107, 53, 1) !important;
    font-family: Poppins;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    letter-spacing: 0% !important;
}

.wishlist-content .wishlist-add-to-cart-button {
    max-width: 214px !important;
    width: 100% !important;
    height: 54px !important;
    gap: 10px;
    opacity: 1;
    border-radius: 8px !important;
    border-width: 1px !important;
    padding: 12px !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    letter-spacing: 0% !important;
}

.home-page-product-grid .item-box:hover {
    border: 1px solid rgba(255, 107, 53, 1) !important;
}

.category-grid.home-page-category-grid .category-item .picture {
    width: 52px !important;
    height: 52px !important;
}

    .category-grid.home-page-category-grid .category-item .picture img {
        padding: 10px !important;
        width: unset !important;
        height: unset !important;
    }

.product-essential .add-to-cart-wish-wrapper {
    align-items: center !important;
}

#quickTab-reviews .write-review .form-fields .inputs textarea {
    min-height: 50px !important;
}

.overview .product-price label {
    color: rgba(0, 0, 0, 1) !important;
    font-family: SF Pro Display;
    font-weight: 600 !important;
    font-size: 24px !important;
    line-height: 120% !important;
    letter-spacing: 0% !important;
}

.overview .product-price span {
    color: rgba(44, 90, 160, 1) !important;
    font-family: SF Pro Display;
    font-weight: 600 !important;
    font-size: 24px !important;
    line-height: 120% !important;
    letter-spacing: 0% !important;
}

.product-essential .prices.prices {
    margin-bottom: 15px !important;
}

.overview .min-qty-notification {
    font-family: SF Pro Display;
    font-weight: 600 !important;
    font-size: 13px !important;
    line-height: 120% !important;
    letter-spacing: 0% !important;
    color: rgba(82, 82, 82, 1) !important;
    margin-bottom: 20px !important;
}

.product-review-links a {
    font-family: SF Pro Display;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 120% !important;
    letter-spacing: 0% !important;
    color: rgba(82, 82, 82, 1) !important;
}

.overview .old-product-price {
    color: rgba(163, 163, 163, 1) !important;
    font-family: SF Pro Display;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 120% !important;
    letter-spacing: 0% !important;
}

.overview .qty-input {
    width: 30px !important;
    color: rgba(44, 90, 160, 1) !important;
}

}

.product-details-page .manufacturers .label {
    font-family: SF Pro Display;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 120% !important;
    letter-spacing: 0% !important;
    color: rgba(82, 82, 82, 1) !important;
}

.qty-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
}

.qty-btn {
    width: 32px;
    height: 32px;
    border: 1px solid #ddd;
    background: #f5f5f5;
    cursor: pointer;
    font-size: 18px;
    border-radius: 6px;
}

.qty-input {
    width: 50px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 6px;
    height: 32px;
}

body .add-to-cart-button {
    background: rgba(255, 107, 53, 1) !important;
}

.product-details-wish-btn {
    width: 42px !important;
    height: 42px !important;
}

.add-to-cart-wish-wrapper .add-to-cart {
    flex: unset !important;
}

.product-essential .add-to-cart-wish-wrapper {
    align-items: center !important;
}

.product-details-wish-btn:hover {
    border: 1px solid rgba(255, 107, 53, 1) !important;
}

/*.overview .add-to-cart{
    margin: unset !important;
}*/
#manufacturer-rows .form-fields .add-mm-btn.button-2,
.add-mm-btn {
    background: unset !important;
}

    .add-mm-btn .button-2 {
        background: unset !important;
    }

.product-item .picture {
    position: relative;
}

.product-details-wish-btn:hover {
    background: rgba(255, 107, 53, 1) !important;
}

.product-badges {
    position: absolute;
    top: 10px;
    left: 0px !important;
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: 5px;
    pointer-events: none;
}

/*.badge {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1.4;
    width: 54px !important;
    height: 40px !important;
    top: -0.23px !important;
    left: -0.34px !important;
    gap: 13.18px !important;
    opacity: 1;
    padding: 10.54px !important;
    border-top-left-radius: 5.27px !important;
    border-bottom-right-radius: 5.27px !important;
    border-bottom-left-radius: 5.27px !important;
    font-family: SF Pro Display;
    font-weight: 500 !important;
  
    font-size: 15.82px !important;
 
    line-height: 120% !important;
    letter-spacing: 0% !important;
}*/
.overview .short-description {
    font-size: 24px !important;
}

.badge-new {
    background: #222;
    color: #fff;
}

.badge-condition-new {
    background: #1f7a4d;
    color: #fff;
}

.badge-used {
    background: #6b7280;
    color: #fff;
}

.badge-sale {
    background: rgba(255, 59, 48, 1) !important;
    color: #fff;
}

.mini-shopping-cart .product {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    margin-right: 10px !important;
}

.footer {
    background: rgba(44, 90, 160, 1) !important;
}

.master-column-wrapper {
    max-width: 1400px !important;
    width: 100% !important;
}

    .master-column-wrapper .center-2 {
        width: 80% !important;
    }

/*cart page */
.order-progress {
    background: unset !important;
    padding: 24px 40px 18px !important;
    border-bottom: unset !important;
}

    /* UL — horizontal flex row */
    .order-progress ul {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: center !important;
        list-style: none !important;
        margin: 0 auto !important;
        padding: 0 !important;
        position: relative !important;
    }

        /* Each LI — strip all arrow/chevron clip-path shapes */
        .order-progress ul li {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            flex: 1 !important;
            position: relative !important;
            padding: 0 !important;
            margin: 0 !important;
            background: none !important;
            clip-path: none !important;
            -webkit-clip-path: none !important;
        }

            /* Remove any LI ::before pseudo */
            .order-progress ul li::before {
                display: none !important;
                content: none !important;
            }

            /* Dashed connecting line between steps */
            .order-progress ul li:not(:last-child)::after {
                content: '' !important;
                position: absolute !important;
                top: 23px !important;
                left: calc(50% + 26px) !important;
                right: calc(-50% + 26px) !important;
                width: auto !important;
                height: 0 !important;
                border-top: 2px dashed #d0d5dd !important;
                border-left: none !important;
                border-right: none !important;
                border-bottom: none !important;
                background: none !important;
                z-index: 0 !important;
                clip-path: none !important;
                -webkit-clip-path: none !important;
                transform: none !important;
                box-shadow: none !important;
            }

            /* Orange solid line after completed steps */
            .order-progress ul li.completed-step:not(:last-child)::after {
                border-top: 2px solid #e8703a !important;
            }

            /* --- Anchor tag --- */
            .order-progress ul li a {
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                justify-content: flex-start !important;
                text-decoration: none !important;
                color: #aaa !important;
                font-size: 11px !important;
                font-family: 'Poppins', sans-serif !important;
                font-weight: 500 !important;
                gap: 8px !important;
                position: relative !important;
                z-index: 1 !important;
                padding: 0 !important;
                margin: 0 !important;
                background: none !important;
                border: none !important;
                clip-path: none !important;
                -webkit-clip-path: none !important;
                transform: none !important;
                box-shadow: none !important;
                width: 100% !important;
            }

                /* Circle — built with ::before */
                .order-progress ul li a::before {
                    content: '' !important;
                    display: block !important;
                    width: 46px !important;
                    height: 46px !important;
                    border-radius: 50% !important;
                    background-color: #f0f0f0 !important;
                    border: 2px solid #d0d5dd !important;
                    background-repeat: no-repeat !important;
                    background-position: center !important;
                    background-size: 20px 20px !important;
                    position: relative !important;
                    left: auto !important;
                    right: auto !important;
                    top: auto !important;
                    bottom: auto !important;
                    transform: none !important;
                    clip-path: none !important;
                    -webkit-clip-path: none !important;
                    box-shadow: none !important;
                    flex-shrink: 0 !important;
                    margin: 0 auto !important;
                }

                /* Remove ::after on anchor (chevron arrows from original theme) */
                .order-progress ul li a::after {
                    display: none !important;
                    content: none !important;
                }

            /* ============================================================
   STEP ICONS — grey (inactive default)
   nth-child targets: 1=Cart 2=Address 3=Shipping
                      4=Payment 5=Confirm 6=Complete
   ============================================================ */
            .order-progress ul li:nth-child(1) a::before {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aaaaaa' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E") !important;
            }

            .order-progress ul li:nth-child(2) a::before {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aaaaaa' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") !important;
            }

            .order-progress ul li:nth-child(3) a::before {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aaaaaa' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='3' width='15' height='13'/%3E%3Cpolygon points='16 8 20 8 23 11 23 16 16 16 16 8'/%3E%3Ccircle cx='5.5' cy='18.5' r='2.5'/%3E%3Ccircle cx='18.5' cy='18.5' r='2.5'/%3E%3C/svg%3E") !important;
            }

            .order-progress ul li:nth-child(4) a::before {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aaaaaa' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='4' width='22' height='16' rx='2' ry='2'/%3E%3Cline x1='1' y1='10' x2='23' y2='10'/%3E%3C/svg%3E") !important;
            }

            .order-progress ul li:nth-child(5) a::before {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aaaaaa' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E") !important;
            }

            .order-progress ul li:nth-child(6) a::before {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aaaaaa' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E") !important;
            }

            /* ============================================================
   li.inactive-step
   ============================================================ */
            .order-progress ul li.inactive-step a {
                color: #aaa !important;
                font-weight: 500 !important;
            }

                .order-progress ul li.inactive-step a::before {
                    background-color: #f0f0f0 !important;
                    border-color: #d0d5dd !important;
                    box-shadow: none !important;
                }

            /* ============================================================
   li.current-step  — orange filled circle, white icon
   ============================================================ */
            .order-progress ul li.current-step a {
                color: #e8703a !important;
                font-weight: 600 !important;
            }

                .order-progress ul li.current-step a::before {
                    background-color: #e8703a !important;
                    border-color: #e8703a !important;
                    box-shadow: 0 2px 14px rgba(232, 112, 58, 0.35) !important;
                }

            /* White icons for current step */
            .order-progress ul li.current-step:nth-child(1) a::before {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E") !important;
            }

            .order-progress ul li.current-step:nth-child(2) a::before {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") !important;
            }

            .order-progress ul li.current-step:nth-child(3) a::before {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='3' width='15' height='13'/%3E%3Cpolygon points='16 8 20 8 23 11 23 16 16 16 16 8'/%3E%3Ccircle cx='5.5' cy='18.5' r='2.5'/%3E%3Ccircle cx='18.5' cy='18.5' r='2.5'/%3E%3C/svg%3E") !important;
            }

            .order-progress ul li.current-step:nth-child(4) a::before {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='4' width='22' height='16' rx='2' ry='2'/%3E%3Cline x1='1' y1='10' x2='23' y2='10'/%3E%3C/svg%3E") !important;
            }

            .order-progress ul li.current-step:nth-child(5) a::before {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E") !important;
            }

            .order-progress ul li.current-step:nth-child(6) a::before {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E") !important;
            }

            .order-progress ul li.completed-step a {
                color: #e8703a !important;
                font-weight: 500 !important;
            }

                .order-progress ul li.completed-step a::before {
                    background-color: #fff !important;
                    border-color: #e8703a !important;
                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8703a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") !important;
                    background-size: 18px 18px !important;
                    box-shadow: none !important;
                }

/*billing adress*/
.billing-address-page .page-title {
    padding: unset !important;
    background: unset !important;
}

    .billing-address-page .page-title h1 {
        font-family: Poppins;
        font-weight: 500 !important;
        font-size: 36px !important;
        line-height: 40px !important;
        letter-spacing: 0% !important;
        color: rgba(0, 0, 0, 1) !important;
        background: unset !important;
        border-bottom: unset !important;
    }

.field-validation-error {
    text-align: unset !important;
}

.billing-address-page {
    background: unset !important;
    box-shadow: unset !important;
    border-radius: unset !important;
    /*    max-width: 846px !important;*/
    width: 100% !important
}

    .billing-address-page .page-body {
        background: rgba(255, 255, 255, 1) !important;
        gap: 24px !important;
        opacity: 1;
        border-radius: 12px !important;
        padding-top: 24px !important;
        padding-right: 20px !important;
        padding-bottom: 24px !important;
        padding-left: 20px !important;
    }

    .billing-address-page .fieldset .title {
        font-family: SF Pro Display;
        font-weight: 500 !important;
        font-size: 24px !important;
        line-height: 120% !important;
        color: rgba(40, 82, 146, 1) !important;
    }

        .billing-address-page .fieldset .title strong {
            color: rgba(40, 82, 146, 1) !important;
            border-bottom: 2px solid rgba(255, 107, 53, 1) !important;
        }

.inputs label {
    /*    font-family: Poppins !important;*/
    font-weight: 500 !important;
    font-size: 16px !important;
    color: rgba(4, 15, 15, 1) !important;
    line-height: 20px !important;
    letter-spacing: 0% !important;
}

.billing-address-page .inputs input[type="text"] {
    border: 1px solid rgba(214, 214, 214, 1) !important;
    width: 383px !important;
    height: 40px !important;
    gap: 16px;
    opacity: 1 !important;
    border-radius: 8px !important;
    padding-top: 20px !important;
    padding-right: 12px !important;
    padding-bottom: 20px !important;
    padding-left: 12px !important;
    border-width: 1px !important;
    color: rgba(163, 163, 163, 1) !important;
}

.billing-address-page .date-picker-wrapper {
    width: 383px !important;
}

.required {
    margin: unset !important;
}

.billing-address-page .inputs input {
    border: 1px solid rgba(214, 214, 214, 1) !important;
    width: 383px !important;
    height: 40px !important;
    gap: 16px;
    opacity: 1 !important;
    border-radius: 8px !important;
    padding-top: 20px !important;
    padding-right: 12px !important;
    padding-bottom: 20px !important;
    padding-left: 12px !important;
    border-width: 1px !important;
    color: rgba(163, 163, 163, 1) !important;
}

.billing-address-page select {
    border: 1px solid rgba(214, 214, 214, 1) !important;
    height: 40px !important;
}

@media screen and (max-width: 1024px) {
    .header-menu .sublist-wrap {
        background: rgb(44, 90, 160) !important;
        /*        width: 325px !important;*/

        color: #fff !important;
    }

    .header-links-wrapper {
        display: none !important;
    }

    .header-selectors-wrapper {
        background-color: rgba(243, 244, 246, 1) !important;
    }

    .header-links ul {
        flex-direction: row !important;
    }

    .header-links-wrapper.open {
        display: block !important
    }
}

@media screen and (max-width: 480px) {
    .header-links-wrapper {
        display: none !important;
    }

    .header-selectors-wrapper {
        background-color: rgba(243, 244, 246, 1) !important;
    }

    .header-links ul {
        flex-direction: row !important;
    }

    .header-links-wrapper.open {
        display: block !important
    }

    .anywhere-slider {
        height: unset !important;
    }

    .header-menu .sublist-wrap {
        background: rgb(44, 90, 160) !important;
        width: 325px !important;
        color: #fff !important;
    }
}

@media (max-width: 1200px) {
    .category-grid.home-page-category-grid .item-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (max-width: 768px) {
    .master-column-wrapper .center-2 {
        width: 100% !important;
    }

    .category-grid.home-page-category-grid .item-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }

    .category-grid.home-page-category-grid .category-item {
        padding: 18px !important;
    }

    .contact-page {
        padding: 20px 10px !important;
    }

        .contact-page .page-body {
            padding: 0.5rem !important;
        }

    .order-progress {
        padding: 18px 10px 14px !important;
    }

        .order-progress ul li a {
            font-size: 9px !important;
        }

            .order-progress ul li a::before {
                width: 34px !important;
                height: 34px !important;
                background-size: 15px 15px !important;
            }

        .order-progress ul li:not(:last-child)::after {
            top: 17px !important;
            left: calc(50% + 20px) !important;
            right: calc(-50% + 20px) !important;
        }
}

@media (max-width: 768px) {
    .order-progress {
        padding: 16px 8px 14px !important;
    }

        .order-progress ul {
            max-width: 100% !important;
            gap: 0 !important;
        }

            .order-progress ul li a::before {
                width: 38px !important;
                height: 38px !important;
                background-size: 17px 17px !important;
            }

            .order-progress ul li a {
                font-size: 10px !important;
            }

            .order-progress ul li:not(:last-child)::after {
                top: 19px !important;
                left: calc(50% + 22px) !important;
                right: calc(-50% + 22px) !important;
            }
}

/* ============================================================
   RESPONSIVE — MOBILE (max 480px)
   All 6 steps fit by shrinking circles + hiding labels
   ============================================================ */
@media (max-width: 480px) {
    .order-progress {
        padding: 14px 4px 10px !important;
        overflow: visible !important;
    }

        .order-progress ul {
            max-width: 100% !important;
            width: 100% !important;
            flex-wrap: nowrap !important;
            gap: 0 !important;
            padding: 0 4px !important;
        }

            .order-progress ul li {
                flex: 1 1 0 !important;
                min-width: 0 !important;
            }
                /* Smaller circle on mobile */
                .order-progress ul li a::before {
                    width: 30px !important;
                    height: 30px !important;
                    background-size: 13px 13px !important;
                }
                /* Hide label text on mobile — too cramped for 6 steps */
                .order-progress ul li a {
                    font-size: 0 !important;
                    /* hides label */

                    gap: 0 !important;
                }
                /* Show only the active step label */
                .order-progress ul li.current-step a {
                    font-size: 10px !important;
                    gap: 5px !important;
                    color: #e8703a !important;
                }
                /* Connecting line adjustments */
                .order-progress ul li:not(:last-child)::after {
                    top: 15px !important;
                    left: calc(50% + 17px) !important;
                    right: calc(-50% + 17px) !important;
                    border-top-width: 1px !important;
                }

                .order-progress ul li.completed-step:not(:last-child)::after {
                    border-top-width: 1px !important;
                }

    .header-menu > ul li {
        background: unset !important;
        border-bottom: unset !important;
    }

        .header-menu > ul li > a {
            border-bottom: unset !important;
        }

        .header-menu > ul li > span {
            border-bottom: unset !important;
        }

    .plus-button {
        display: none !important;
    }

    .product-item .details .buttons {
        display: flex !important;
        flex-direction: row !important;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        padding: 5px 0;
    }

    .quantity-container {
        display: flex;
        flex: 0 0 auto;
    }

    .quantity-controls {
        display: flex;
        border-radius: 4px;
        height: 40px;
    }

    .product-box-add-to-cart-button {
        flex: 1;
        height: 40px;
        white-space: nowrap;
        padding: 0 10px;
        font-size: 13px;
        background-color: #e67e22;
        color: #fff;
        border: none;
        border-radius: 4px;
        text-transform: uppercase;
    }

    .quantity-btn {
        width: 30px;
        background: #f9f9f9;
        border: none;
        cursor: pointer;
    }

    .productQuantityTextBox {
        width: 35px;
        text-align: center;
        border: none;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }

    .item-box button {
        padding: unset !important;
    }
}

@media (max-width: 420px) {
    .category-grid.home-page-category-grid .item-grid {
        grid-template-columns: 1fr !important;
    }

    .category-grid.home-page-category-grid .category-item {
        width: 100% !important;
    }

    .slider-wrapper {
        margin-top: unset !important;
    }

    .subheader-wrapper {
        margin-top: 50px !important;
    }
}

/*order summary*/

/* =============================================================
   Anypartz — Cart Page Redesign Override
   File : cart-redesign.css
   Place: /Themes/Traction/Content/css/cart-redesign.css

   Load AFTER the theme stylesheet in _Layout.cshtml:
   <link rel="stylesheet" href="~/Themes/Traction/Content/css/cart-redesign.css" />

   Naming:
     ap-*   → new classes added in the redesigned cshtml
     !important on every value → safely overrides Traction defaults
   ============================================================= */

/* --------------------------------------------------
   0. CSS VARIABLES  (no !important needed on :root)
   -------------------------------------------------- */
:root {
    --ap-orange: #F26522;
    --ap-orange-hover: #D9561A;
    --ap-orange-light: #FFF4EF;
    --ap-blue: #1E3A5F;
    --ap-blue-mid: #2C5282;
    --ap-gray-bg: #F5F6F8;
    --ap-gray-border: #E2E8F0;
    --ap-gray-text: #718096;
    --ap-text: #1A202C;
    --ap-white: #ffffff;
    --ap-danger: #E53E3E;
    --ap-radius: 12px;
    --ap-shadow: 0 2px 16px rgba(30, 58, 95, 0.08);
}

/* --------------------------------------------------
   1. LAYOUT — two-column grid
   -------------------------------------------------- */
.shopping-cart-page .common-buttons a {
    display: none !important;
}

.ap-cart-layout {
    display: grid !important;
    grid-template-columns: 1fr 380px !important;
    gap: 28px !important;
    align-items: start !important;
}

.ap-cart-left,
.ap-cart-right {
    min-width: 0 !important;
}

/* --------------------------------------------------
   2. PAGE TITLE
   -------------------------------------------------- */
.ap-cart-title {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: var(--ap-text) !important;
    margin-bottom: 16px !important;
    margin-top: 0 !important;
    line-height: 1.2 !important;
}

.ap-cart-count {
    font-size: 18px !important;
    font-weight: 400 !important;
    color: var(--ap-gray-text) !important;
}

/* --------------------------------------------------
   3. CART CARD (replaces .table-wrapper / table.cart)
   -------------------------------------------------- */
.ap-cart-card {
    background: var(--ap-white) !important;
    border-radius: var(--ap-radius) !important;
    box-shadow: var(--ap-shadow) !important;
    overflow: hidden !important;
    border: 1px solid var(--ap-gray-border) !important;
}

/* Header row */
.ap-cart-head {
    display: grid !important;
    grid-template-columns: 2fr 130px 130px 56px !important;
    padding: 12px 20px !important;
    background: var(--ap-gray-bg) !important;
    border-bottom: 1px solid var(--ap-gray-border) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.6px !important;
    text-transform: uppercase !important;
    color: var(--ap-gray-text) !important;
}

/* Item row */
.ap-cart-item {
    display: grid !important;
    grid-template-columns: 2fr 130px 130px 56px !important;
    padding: 18px 20px !important;
    border-bottom: 1px solid var(--ap-gray-border) !important;
    align-items: center !important;
    background: var(--ap-white) !important;
    transition: background 0.15s !important;
}

    .ap-cart-item:last-child {
        border-bottom: none !important;
    }

    .ap-cart-item:hover {
        background: #FAFBFC !important;
    }

/* --------------------------------------------------
   4. PRODUCT CELL
   -------------------------------------------------- */
.ap-product-cell {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}

.ap-img-link {
    flex-shrink: 0 !important;
    display: block !important;
}

    .ap-img-link img {
        width: 72px !important;
        height: 72px !important;
        border-radius: 10px !important;
        object-fit: cover !important;
        border: 1px solid var(--ap-gray-border) !important;
        display: block !important;
    }

.ap-product-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
}

/* existing nopCommerce classes — override */
.ap-cart-item .product-name {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--ap-text) !important;
    text-decoration: none !important;
    line-height: 1.4 !important;
    display: block !important;
}

    .ap-cart-item .product-name:hover {
        color: var(--ap-orange) !important;
    }

.ap-cart-item .sku-number {
    font-size: 11px !important;
    color: var(--ap-gray-text) !important;
}

.ap-cart-item .vendor-name {
    font-size: 12px !important;
    color: var(--ap-gray-text) !important;
}

.ap-cart-item .attributes,
.ap-cart-item .recurring-info,
.ap-cart-item .rental-info {
    font-size: 12px !important;
    color: var(--ap-gray-text) !important;
    line-height: 1.4 !important;
}

.ap-cart-item .edit-item a {
    font-size: 12px !important;
    color: var(--ap-orange) !important;
    text-decoration: underline !important;
}

/* --------------------------------------------------
   5. QUANTITY CELL
   -------------------------------------------------- */
.ap-qty-cell {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

    .ap-qty-cell .td-title {
        display: none !important;
    }

/* +/- stepper */
.ap-qty-stepper {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    border: 1.5px solid var(--ap-gray-border) !important;
    border-radius: 8px !important;
    padding: 3px 8px !important;
    width: fit-content !important;
    background: var(--ap-white) !important;
}

.ap-qty-btn {
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: var(--ap-blue) !important;
    line-height: 1 !important;
    padding: 0 3px !important;
    transition: color 0.2s !important;
    box-shadow: none !important;
}

    .ap-qty-btn:hover {
        color: var(--ap-orange) !important;
        background: none !important;
    }

/* existing qty-input override */
.ap-cart-item .qty-input {
    width: 34px !important;
    text-align: center !important;
    border: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--ap-text) !important;
    background: transparent !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* existing qty-dropdown override */
.ap-cart-item .qty-dropdown {
    border: 1.5px solid var(--ap-gray-border) !important;
    border-radius: 8px !important;
    padding: 6px 10px !important;
    font-size: 13px !important;
    color: var(--ap-text) !important;
    background: var(--ap-white) !important;
    cursor: pointer !important;
    outline: none !important;
}

/* --------------------------------------------------
   6. PRICE CELL
   -------------------------------------------------- */
.ap-price-cell {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

    .ap-price-cell .td-title {
        display: none !important;
    }

.ap-cart-item .product-unit-price {
    font-size: 12px !important;
    color: var(--ap-gray-text) !important;
    font-weight: 400 !important;
    display: block !important;
}

.ap-cart-item .product-subtotal {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--ap-text) !important;
    display: block !important;
}

.ap-cart-item .discount {
    font-size: 12px !important;
    color: var(--ap-orange) !important;
    font-weight: 600 !important;
}

.ap-cart-item .discount-additional-info {
    font-size: 11px !important;
    color: var(--ap-gray-text) !important;
}

/* --------------------------------------------------
   7. REMOVE BUTTON CELL
   -------------------------------------------------- */
.ap-remove-cell {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.ap-remove-btn {
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    color: #CBD5E0 !important;
    padding: 6px !important;
    border-radius: 6px !important;
    transition: all 0.2s !important;
    display: flex !important;
    align-items: center !important;
    box-shadow: none !important;
    line-height: 1 !important;
}

    .ap-remove-btn:hover {
        color: var(--ap-danger) !important;
        background: #FFF5F5 !important;
    }

/* --------------------------------------------------
   8. CART OPTIONS — continue shopping + estimate shipping
   -------------------------------------------------- */
.ap-summary-card .continue-shopping-button {
    margin-top: 10px !important;
}

.cart-options {
    margin-top: 16px !important;
}

.common-buttons {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

.ap-continue-btn,
.continue-shopping-button {
    background: transparent !important;
    color: var(--ap-orange) !important;
    border: 2px solid var(--ap-orange) !important;
    border-radius: 10px !important;
    padding: 11px 22px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
    box-shadow: none !important;
    text-decoration: none !important;
    display: inline-block !important;
    margin-top: 10px !important;
}

    .ap-continue-btn:hover,
    .continue-shopping-button:hover {
        background: var(--ap-orange-light) !important;
        color: var(--ap-orange) !important;
    }

/* --------------------------------------------------
   9. ORDER SUMMARY SIDEBAR CARD
   -------------------------------------------------- */
.ap-summary-card {
    background: var(--ap-white) !important;
    border-radius: var(--ap-radius) !important;
    box-shadow: var(--ap-shadow) !important;
    padding: 24px !important;
    border: 1px solid var(--ap-gray-border) !important;
}

.ap-summary-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: var(--ap-text) !important;
    margin-top: 0 !important;
    margin-bottom: 4px !important;
    line-height: 1.3 !important;
}

.ap-summary-subtitle {
    font-size: 13px !important;
    color: var(--ap-gray-text) !important;
    margin-bottom: 16px !important;
    margin-top: 0 !important;
}

/* cart-footer inside sidebar */
.ap-summary-card .cart-footer {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}

/* totals block */
.ap-summary-card .totals {
    border-top: 1px solid var(--ap-gray-border) !important;
    padding-top: 12px !important;
    margin-top: 4px !important;
}

/* discount / gift card collaterals */
.ap-summary-card .cart-collaterals {
    margin-top: 14px !important;
    border-top: 1px solid var(--ap-gray-border) !important;
    padding-top: 14px !important;
}

.ap-summary-card .deals {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

/* --------------------------------------------------
   10. TERMS OF SERVICE
   -------------------------------------------------- */
.ap-summary-card .terms-of-service {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    margin-top: 14px !important;
    font-size: 12px !important;
    color: var(--ap-gray-text) !important;
    line-height: 1.5 !important;
}

    .ap-summary-card .terms-of-service input[type="checkbox"] {
        accent-color: var(--ap-orange) !important;
        width: 15px !important;
        height: 15px !important;
        margin-top: 2px !important;
        flex-shrink: 0 !important;
        cursor: pointer !important;
    }

    .ap-summary-card .terms-of-service label {
        font-size: 12px !important;
        color: var(--ap-gray-text) !important;
        line-height: 1.5 !important;
        cursor: pointer !important;
    }

    .ap-summary-card .terms-of-service a.read {
        color: var(--ap-orange) !important;
        text-decoration: underline !important;
    }

#terms-of-service-warning-box p {
    font-size: 13px !important;
    color: var(--ap-danger) !important;
    margin: 0 !important;
}

/* --------------------------------------------------
   11. CHECKOUT BUTTON
   -------------------------------------------------- */
.ap-summary-card .checkout-buttons {
    margin-top: 14px !important;
    gap: 10px !important;
}

.ap-checkout-btn,
.ap-summary-card .checkout-button {
    display: block !important;
    width: 100% !important;
    background: var(--ap-orange) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 14px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    text-align: center !important;
    transition: all 0.2s !important;
    box-shadow: none !important;
    letter-spacing: 0.2px !important;
    text-decoration: none !important;
}

    .ap-checkout-btn:hover,
    .ap-summary-card .checkout-button:hover {
        background: var(--ap-orange-hover) !important;
        box-shadow: 0 6px 20px rgba(242, 101, 34, 0.28) !important;
        color: #fff !important;
    }

/* checkout disabled */
.ap-summary-card .checkout-disabled {
    font-size: 13px !important;
    color: var(--ap-gray-text) !important;
    text-align: center !important;
    padding: 12px !important;
    background: var(--ap-gray-bg) !important;
    border-radius: 8px !important;
    margin-top: 14px !important;
}

/* addon buttons (PayPal, Google Pay etc.) */
.ap-summary-card .addon-buttons {
    margin-top: 10px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

/* min-order warning */
.ap-summary-card .min-amount-warning {
    font-size: 13px !important;
    color: var(--ap-danger) !important;
    background: #FFF5F5 !important;
    border: 1px solid #FED7D7 !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    margin-top: 10px !important;
}

.ap-cart-right {
    margin-top: 45px !important;
}

/* --------------------------------------------------
   12. MISC OVERRIDES
   -------------------------------------------------- */

/* error messages */
.order-summary-content .message-error {
    background: #FFF5F5 !important;
    border: 1px solid #FED7D7 !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    margin-bottom: 12px !important;
}

    .order-summary-content .message-error ul {
        list-style: disc !important;
        padding-left: 16px !important;
        margin: 0 !important;
    }

    .order-summary-content .message-error li {
        font-size: 13px !important;
        color: var(--ap-danger) !important;
        line-height: 1.5 !important;
    }

/* tax/shipping info */
.order-summary-content .tax-shipping-info {
    font-size: 12px !important;
    color: var(--ap-gray-text) !important;
    margin-top: 10px !important;
}

/* empty cart */
.order-summary-content .no-data {
    text-align: center !important;
    padding: 48px 24px !important;
    color: var(--ap-gray-text) !important;
    font-size: 15px !important;
    background: var(--ap-white) !important;
    border-radius: var(--ap-radius) !important;
    box-shadow: var(--ap-shadow) !important;
}

/* --------------------------------------------------
   13. RESPONSIVE
   -------------------------------------------------- */
@media (max-width: 960px) {
    .ap-cart-layout {
        grid-template-columns: 1fr !important;
    }
    /* sidebar goes BELOW items on mobile — NOT above */
    .ap-cart-right {
        order: 2 !important;
    }

    .ap-cart-left {
        order: 1 !important;
    }
    /* checkout + continue stacked on tablet */
    .ap-summary-card .checkout-buttons {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 420px) {
    .ap-cart-right {
        margin-top: unset !important;
    }
    /* title left-aligned */
    .ap-cart-title {
        text-align: left !important;
    }
    /* hide column header on mobile */
    .ap-cart-head {
        display: none !important;
    }
    /* items stack vertically */
    .ap-cart-item {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        padding: 16px !important;
    }
    /* product image + name stay in a row */
    .ap-product-cell {
        flex-direction: row !important;
        align-items: flex-start !important;
        width: 100% !important;
    }

    .ap-img-link img {
        width: 64px !important;
        height: 64px !important;
    }
    /* qty stepper full width row */
    .ap-qty-cell {
        flex-direction: row !important;
        align-items: center !important;
        gap: 12px !important;
    }

        .ap-qty-cell .td-title {
            display: inline !important;
            font-size: 11px !important;
            font-weight: 700 !important;
            text-transform: uppercase !important;
            color: var(--ap-gray-text) !important;
            white-space: nowrap !important;
        }
    /* price row */
    .ap-price-cell {
        flex-direction: row !important;
        align-items: center !important;
        gap: 8px !important;
        flex-wrap: wrap !important;
    }

        .ap-price-cell .td-title {
            display: inline !important;
            font-size: 11px !important;
            font-weight: 700 !important;
            text-transform: uppercase !important;
            color: var(--ap-gray-text) !important;
        }

        .ap-price-cell .product-unit-price {
            font-size: 13px !important;
        }

        .ap-price-cell .product-subtotal {
            font-size: 15px !important;
        }
    /* remove btn aligned right */
    .ap-remove-cell {
        align-self: flex-end !important;
        justify-content: flex-end !important;
        width: 100% !important;
    }
    /* checkout + continue stacked on mobile */
    .ap-summary-card .checkout-buttons {
        grid-template-columns: 1fr !important;
    }

    .ap-summary-card {
        padding: 20px 16px !important;
    }
    /* hide estimate shipping completely on mobile */
    .estimate-shipping,
    .ap-cart-left .estimate-shipping,
    #estimate-shipping-popup-form,
    .shipping-results {
        display: none !important;
    }
}

/* =============================================================
   PATCH — fixes from live preview
   ============================================================= */

/* 1. Sidebar totals table (rendered by OrderTotalsViewComponent) */
.ap-summary-card .totals table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-bottom: 4px !important;
}

.ap-summary-card .totals td {
    padding: 8px 0 !important;
    font-size: 14px !important;
    color: var(--ap-gray-text) !important;
    border: none !important;
    background: transparent !important;
    line-height: 1.4 !important;
}

    .ap-summary-card .totals td:last-child {
        text-align: right !important;
        font-weight: 600 !important;
        color: var(--ap-text) !important;
    }

/* Total row — bold + orange */
.ap-summary-card .totals .order-total td {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--ap-text) !important;
    border-top: 2px solid var(--ap-gray-border) !important;
    padding-top: 12px !important;
}

    .ap-summary-card .totals .order-total td:last-child {
        color: var(--ap-orange) !important;
    }

/* 2. Checkout + Continue Shopping side by side in sidebar */
.ap-summary-card .checkout-buttons {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    margin-top: 14px !important;
}

    /* When only checkout button exists (no continue), make it full width */
    .ap-summary-card .checkout-buttons:only-child .ap-checkout-btn,
    .ap-summary-card .checkout-buttons .ap-checkout-btn:only-child {
        grid-column: 1 / -1 !important;
    }

/* Continue shopping in sidebar */
.ap-summary-card .ap-continue-btn,
.ap-summary-card .continue-shopping-button {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    background: transparent !important;
    color: var(--ap-orange) !important;
    border: 2px solid var(--ap-orange) !important;
    border-radius: 10px !important;
    padding: 13px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
    /*    margin-top: 0 !important;*/
    box-shadow: none !important;
}

    .ap-summary-card .ap-continue-btn:hover,
    .ap-summary-card .continue-shopping-button:hover {
        background: var(--ap-orange-light) !important;
        color: var(--ap-orange) !important;
    }

/* 3. Checkout button full width when alone */
.ap-checkout-btn,
.ap-summary-card .checkout-button {
    grid-column: 1 / -1 !important;
}

/* 4. Hide estimate shipping from left column — it's a popup widget,
      keep it functional but visually minimal */
.ap-cart-left .estimate-shipping {
    display: none !important;
}

/* 5. Discount box styling inside sidebar */
.ap-summary-card .discount-coupon-box label,
.ap-summary-card .discount-coupon-box .title {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: var(--ap-orange) !important;
    margin-bottom: 6px !important;
    display: block !important;
}

.cart-collaterals .deals {
    display: none !important;
}

.ap-summary-card .discount-coupon-box .coupon-box {
    display: flex !important;
    gap: 8px !important;
}

.ap-summary-card .discount-coupon-box input[type="text"] {
    flex: 1 !important;
    border: 1.5px solid var(--ap-gray-border) !important;
    border-radius: 8px !important;
    padding: 9px 12px !important;
    font-size: 13px !important;
    outline: none !important;
    background: var(--ap-gray-bg) !important;
    color: var(--ap-text) !important;
}

    .ap-summary-card .discount-coupon-box input[type="text"]:focus {
        border-color: var(--ap-orange) !important;
        background: var(--ap-white) !important;
    }

.ap-summary-card .discount-coupon-box .button-1,
.ap-summary-card .discount-coupon-box input[type="submit"],
.ap-summary-card .discount-coupon-box button[type="submit"] {
    background: var(--ap-blue) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 9px 16px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    transition: background 0.2s !important;
}

    .ap-summary-card .discount-coupon-box .button-1:hover,
    .ap-summary-card .discount-coupon-box input[type="submit"]:hover,
    .ap-summary-card .discount-coupon-box button[type="submit"]:hover {
        background: var(--ap-blue-mid) !important;
    }

/* 6. Terms of service — move BELOW buttons */
.ap-summary-card .terms-of-service {
    order: 10 !important;
    margin-top: 12px !important;
    font-size: 12px !important;
}

/* ============================================================
   shipping-method-custom.css
   NopCommerce Traction Theme – Shipping Method Page Redesign
   All rules use !important – class names never changed
   ============================================================ */

/* ── Hide original page title from flow (moved inside left col) ── */
.shipping-method-page > .page-title {
    display: none !important;
}

/* ──────────────────────────────────────────────
   TWO-COLUMN WRAPPER
────────────────────────────────────────────── */
.shipping-checkout-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 24px !important;
    width: 100% !important;
    max-width: 1100px !important;
    margin: 30px auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}

/* ──────────────────────────────────────────────
   LEFT COLUMN
────────────────────────────────────────────── */
.shipping-left-col {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
}

    .shipping-left-col .page-title {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
    }

        .shipping-left-col .page-title h1 {
            font-size: 22px !important;
            font-weight: 700 !important;
            color: #1a1a1a !important;
            margin: 0 0 4px 0 !important;
            padding-bottom: 10px !important;
            border-bottom: 2px solid #f26522 !important;
            display: inline-block !important;
        }

    .shipping-left-col .section.shipping-method {
        background: #fff !important;
        border: 1px solid #e8e8e8 !important;
        border-radius: 14px !important;
        padding: 24px !important;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
    }

    /* ──────────────────────────────────────────────
   METHOD LIST – card-style radio items
────────────────────────────────────────────── */
    .shipping-left-col .method-list {
        list-style: none !important;
        margin: 0 0 20px 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }

        .shipping-left-col .method-list li {
            border: 1.5px solid #e8e8e8 !important;
            border-radius: 10px !important;
            padding: 16px 18px !important;
            background: #fafafa !important;
            cursor: pointer !important;
            transition: border-color 0.2s, background 0.2s !important;
        }

            .shipping-left-col .method-list li:hover {
                border-color: #f26522 !important;
                background: #fff9f6 !important;
            }

            .shipping-left-col .method-list li:has(input[type="radio"]:checked) {
                border-color: #f26522 !important;
                background: #fff5f0 !important;
            }

        .shipping-left-col .method-list .method-name {
            display: flex !important;
            align-items: center !important;
            gap: 12px !important;
        }

        .shipping-left-col .method-list input[type="radio"] {
            appearance: none !important;
            -webkit-appearance: none !important;
            width: 18px !important;
            height: 18px !important;
            border: 2px solid #ccc !important;
            border-radius: 50% !important;
            flex-shrink: 0 !important;
            cursor: pointer !important;
            transition: border-color 0.2s !important;
            background: #fff !important;
        }

            .shipping-left-col .method-list input[type="radio"]:checked {
                border-color: #f26522 !important;
                background: #f26522 !important;
                box-shadow: inset 0 0 0 3px #fff !important;
            }

        .shipping-left-col .method-list .method-name label {
            font-size: 15px !important;
            font-weight: 600 !important;
            color: #1a1a1a !important;
            cursor: pointer !important;
            margin: 0 !important;
            line-height: 1.4 !important;
        }

        .shipping-left-col .method-list .method-description {
            font-size: 13px !important;
            color: #777 !important;
            margin-top: 6px !important;
            margin-left: 30px !important;
            line-height: 1.5 !important;
        }

    .shipping-left-col .multiple-locations {
        font-size: 13px !important;
        color: #888 !important;
        margin-bottom: 16px !important;
    }

    /* ──────────────────────────────────────────────
   NEXT BUTTON
────────────────────────────────────────────── */
    .shipping-left-col .buttons {
        display: flex !important;
        gap: 12px !important;
        margin-top: 4px !important;
    }

        .shipping-left-col .buttons .button-1.shipping-method-next-step-button {
            background: #f26522 !important;
            color: #fff !important;
            border: none !important;
            border-radius: 8px !important;
            padding: 12px 32px !important;
            font-size: 15px !important;
            font-weight: 600 !important;
            cursor: pointer !important;
            transition: background 0.2s !important;
            min-width: 140px !important;
        }

            .shipping-left-col .buttons .button-1.shipping-method-next-step-button:hover {
                background: #c94d10 !important;
            }

/* ──────────────────────────────────────────────
   RIGHT COLUMN – sticky order summary
────────────────────────────────────────────── */
.shipping-right-col {
    width: 300px !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    position: sticky !important;
    top: 24px !important;
    align-self: flex-start !important;
}

    .shipping-right-col .section.order-summary {
        background: #fff !important;
        border: 1px solid #e8e8e8 !important;
        border-radius: 14px !important;
        padding: 22px !important;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
        overflow: hidden !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

        .shipping-right-col .section.order-summary .title {
            font-size: 15px !important;
            font-weight: 700 !important;
            color: #1a1a1a !important;
            margin-bottom: 14px !important;
            padding-bottom: 12px !important;
            border-bottom: 1px solid #f0f0f0 !important;
        }

    /* ── Hide shopping cart table, keep only summary card ── */
    .shipping-right-col .order-summary-content .ap-cart-left {
        display: none !important;
    }

    .shipping-right-col .order-summary-content .ap-cart-right {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        float: none !important;
    }

    .shipping-right-col .order-summary-content .ap-cart-layout {
        display: block !important;
    }

    /* Remove card styling from ap-summary-card since our section already has it */
    .shipping-right-col .ap-summary-card {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        border-radius: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

/* ──────────────────────────────────────────────
   ERROR / WARNING
────────────────────────────────────────────── */
.shipping-left-col .message-error {
    background: #fff5f5 !important;
    border: 1px solid #fcc !important;
    border-radius: 8px !important;
    padding: 14px 16px !important;
    color: #c00 !important;
    font-size: 13px !important;
}

    .shipping-left-col .message-error ul {
        margin: 0 !important;
        padding-left: 16px !important;
    }

/* ──────────────────────────────────────────────
   RESPONSIVE
────────────────────────────────────────────── */
@media (max-width: 960px) {
    .shipping-checkout-layout {
        flex-direction: column !important;
    }

    .shipping-right-col {
        width: 100% !important;
        position: static !important;
    }
}

@media (max-width: 600px) {
    .shipping-checkout-layout {
        padding: 0 12px !important;
        margin: 16px auto !important;
    }

    .shipping-left-col .buttons {
        flex-direction: column !important;
    }

        .shipping-left-col .buttons .button-1.shipping-method-next-step-button {
            width: 100% !important;
        }
}

/* ============================================================
   billing-address-custom.css
   NopCommerce Traction Theme – Billing & Shipping Address Redesign
   All rules use !important – class names never changed
   ============================================================ */

/* ── Hide original page title ── */
.billing-address-page .page-title {
    display: none !important;
}

/* ──────────────────────────────────────────────
   TWO-COLUMN WRAPPER
────────────────────────────────────────────── */
.billing-checkout-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 24px !important;
    width: 100% !important;
    max-width: 1100px !important;
    margin: 30px auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}

/* ──────────────────────────────────────────────
   LEFT COLUMN
────────────────────────────────────────────── */
.billing-left-col {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}

/* ──────────────────────────────────────────────
   RIGHT COLUMN – sticky order summary
────────────────────────────────────────────── */
.billing-right-col {
    width: 300px !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    position: sticky !important;
    top: 24px !important;
    align-self: flex-start !important;
}

    .billing-right-col .section.order-summary {
        background: #fff !important;
        border: 1px solid #e8e8e8 !important;
        border-radius: 14px !important;
        padding: 22px !important;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
        overflow: hidden !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

        .billing-right-col .section.order-summary .title {
            font-size: 15px !important;
            font-weight: 700 !important;
            color: #1a1a1a !important;
            margin-bottom: 14px !important;
            padding-bottom: 12px !important;
            border-bottom: 1px solid #f0f0f0 !important;
        }

    /* ── Hide shopping cart table, keep only summary card ── */
    .billing-right-col .order-summary-content .ap-cart-left {
        display: none !important;
    }

    .billing-right-col .order-summary-content .ap-cart-right {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        float: none !important;
    }

    .billing-right-col .order-summary-content .ap-cart-layout {
        display: block !important;
    }

    .billing-right-col .ap-summary-card {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        border-radius: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

/* ──────────────────────────────────────────────
   PANEL TOGGLE
────────────────────────────────────────────── */
.panel-new-address-hidden {
    display: none !important;
}

/* ──────────────────────────────────────────────
   SELECT ADDRESS SECTION CARD
────────────────────────────────────────────── */
.section.select-billing-address {
    background: #fff !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 14px !important;
    padding: 22px !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
}

.select-address-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 16px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

    .select-address-header strong {
        font-size: 16px !important;
        font-weight: 700 !important;
        color: #1a1a1a !important;
    }

.btn-add-new-address {
    background: none !important;
    border: none !important;
    color: #f26522 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    padding: 0 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
    transition: color 0.15s !important;
}

    .btn-add-new-address:hover {
        color: #c94d10 !important;
    }

.section.select-billing-address .address-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.section.select-billing-address .address-item {
    border: 1.5px solid #e8e8e8 !important;
    border-radius: 10px !important;
    padding: 16px 16px 14px 16px !important;
    background: #fafafa !important;
    position: relative !important;
    transition: border-color 0.2s !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

    .section.select-billing-address .address-item:hover {
        border-color: #f26522 !important;
    }

.section.select-billing-address .address-box {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
}

    .section.select-billing-address .address-box li {
        font-size: 13px !important;
        color: #555 !important;
        line-height: 1.6 !important;
    }

        .section.select-billing-address .address-box li.name {
            font-size: 15px !important;
            font-weight: 700 !important;
            color: #1a1a1a !important;
            margin-bottom: 4px !important;
        }

        .section.select-billing-address .address-box li label {
            font-weight: 600 !important;
            color: #888 !important;
            margin-right: 4px !important;
        }

.section.select-billing-address .address-list-page {
    display: flex !important;
    gap: 6px !important;
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
}

    .section.select-billing-address .address-list-page .button-2 {
        font-size: 11px !important;
        padding: 3px 10px !important;
        border-radius: 6px !important;
        border: 1px solid #ddd !important;
        background: #fff !important;
        color: #666 !important;
        cursor: pointer !important;
        transition: background 0.15s, color 0.15s !important;
    }

        .section.select-billing-address .address-list-page .button-2:hover {
            background: #f26522 !important;
            color: #fff !important;
            border-color: #f26522 !important;
        }

.section.select-billing-address .select-button .button-1.select-billing-address-button {
    width: 100% !important;
    background: #f26522 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 10px 16px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
}

    .section.select-billing-address .select-button .button-1.select-billing-address-button:hover {
        background: #c94d10 !important;
    }

.select-address-buttons {
    display: flex !important;
    gap: 12px !important;
    margin-top: 4px !important;
}

    .select-address-buttons .button-1 {
        background: #f26522 !important;
        color: #fff !important;
        border: none !important;
        border-radius: 8px !important;
        padding: 12px 28px !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        cursor: pointer !important;
        transition: background 0.2s !important;
    }

        .select-address-buttons .button-1:hover {
            background: #c94d10 !important;
        }

/* ──────────────────────────────────────────────
   NEW ADDRESS FORM CARD
────────────────────────────────────────────── */
.section.new-billing-address {
    background: #fff !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 14px !important;
    padding: 22px !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
}

.new-address-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 16px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

    .new-address-header strong,
    .new-address-header .title-text {
        font-size: 16px !important;
        font-weight: 700 !important;
        color: #1a1a1a !important;
    }

.btn-back-to-select {
    background: none !important;
    border: none !important;
    color: #f26522 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    padding: 0 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
    transition: color 0.15s !important;
}

    .btn-back-to-select:hover {
        color: #c94d10 !important;
    }

.section.new-billing-address .enter-address .inputs {
    margin-bottom: 14px !important;
}

.section.new-billing-address .enter-address label {
    display: block !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #555 !important;
    margin-bottom: 5px !important;
}

.section.new-billing-address .enter-address input[type="text"],
.section.new-billing-address .enter-address input[type="email"],
.section.new-billing-address .enter-address input[type="tel"],
.section.new-billing-address .enter-address select,
.section.new-billing-address .enter-address textarea {
    width: 100% !important;
    border: 1.5px solid #ddd !important;
    border-radius: 8px !important;
    padding: 10px 12px !important;
    font-size: 14px !important;
    color: #333 !important;
    background: #fafafa !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s !important;
    outline: none !important;
}

    .section.new-billing-address .enter-address input:focus,
    .section.new-billing-address .enter-address select:focus,
    .section.new-billing-address .enter-address textarea:focus {
        border-color: #f26522 !important;
        background: #fff !important;
    }

/* ──────────────────────────────────────────────
   SHIP TO SAME ADDRESS
────────────────────────────────────────────── */
.section.ship-to-same-address {
    background: #fff !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 10px !important;
    padding: 14px 18px !important;
}

    .section.ship-to-same-address .selector {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
    }

        .section.ship-to-same-address .selector label {
            font-size: 14px !important;
            color: #444 !important;
            cursor: pointer !important;
        }

.checkout-page .pickup-points {
    display: none !important;
}

/*billing adress additional delete command edit*/
.address-list-page .edit-address-button {
    display: none !important;
}

.address-list-page .delete-address-button {
    display: none !important;
}

/*billing adress additional delete command edit*/
.section.order-summary .title {
    display: none !important;
}

/* ──────────────────────────────────────────────
   ACTION BUTTONS
────────────────────────────────────────────── */
.billing-left-col > .buttons,
#panel-new-address .buttons,
#panel-new-shipping-address .buttons {
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

    .billing-left-col > .buttons .button-1,
    #panel-new-address .buttons .button-1,
    #panel-new-shipping-address .buttons .button-1 {
        background: #f26522 !important;
        color: #fff !important;
        border: none !important;
        border-radius: 8px !important;
        padding: 12px 28px !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        cursor: pointer !important;
        transition: background 0.2s !important;
        min-width: 130px !important;
    }

        .billing-left-col > .buttons .button-1:hover,
        #panel-new-address .buttons .button-1:hover,
        #panel-new-shipping-address .buttons .button-1:hover {
            background: #c94d10 !important;
        }

#billingaddress-cancel-button,
#shippingaddress-cancel-button {
    background: #fff !important;
    color: #f26522 !important;
    border: 1.5px solid #f26522 !important;
}

    #billingaddress-cancel-button:hover,
    #shippingaddress-cancel-button:hover {
        background: #fff5f0 !important;
    }

/* ──────────────────────────────────────────────
   SHIPPING ADDRESS – select section card
────────────────────────────────────────────── */
.section.select-shipping-address {
    background: #fff !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 14px !important;
    padding: 22px !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
}

.section.new-shipping-address {
    background: #fff !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 14px !important;
    padding: 22px !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
}

.checkout-page #billing-form {
    background: unset !important;
    box-shadow: unset !important;
    padding: unset !important;
}

.shipping-right-col .section.order-summary {
    margin-top: 70px !important;
}

/* ──────────────────────────────────────────────
   RESPONSIVE
────────────────────────────────────────────── */
@media (max-width: 960px) {
    .billing-checkout-layout {
        flex-direction: column !important;
    }

    .billing-right-col {
        width: 100% !important;
        position: static !important;
    }
}

@media (max-width: 600px) {
    .billing-checkout-layout {
        padding: 0 12px !important;
        margin: 16px auto !important;
    }

    .billing-left-col > .buttons,
    #panel-new-address .buttons,
    #panel-new-shipping-address .buttons {
        flex-direction: column !important;
    }

        .billing-left-col > .buttons .button-1,
        #panel-new-address .buttons .button-1,
        #panel-new-shipping-address .buttons .button-1 {
            width: 100% !important;
        }

    .section.select-billing-address .address-list-page {
        position: static !important;
        margin-bottom: 8px !important;
    }

    .shipping-right-col .section.order-summary {
        margin-top: unset !important;
    }
}

/* ============================================================
   checkout-progress-custom.css
   NopCommerce Traction Theme – Checkout Progress Bar
   active-step + current-step = orange icon + orange lines
   All rules use !important
   ============================================================ */

/* ──────────────────────────────────────────────
   COMPLETED STEP (active-step)
────────────────────────────────────────────── */
.order-progress ul li.active-step a {
    color: #f26522 !important;
}

    .order-progress ul li.active-step a::before,
    .order-progress ul li.active-step > a > *:first-child {
        background-color: #f26522 !important;
        border-color: #f26522 !important;
        color: #fff !important;
    }

.order-progress ul li.active-step svg,
.order-progress ul li.active-step svg path,
.order-progress ul li.active-step svg circle,
.order-progress ul li.active-step svg rect,
.order-progress ul li.active-step svg polyline,
.order-progress ul li.active-step svg line {
    fill: #fff !important;
    stroke: #fff !important;
}

.order-progress ul li.active-step a span,
.order-progress ul li.active-step span {
    color: #f26522 !important;
}

/* Line BEFORE active-step */
.order-progress ul li.active-step::before {
    background-color: #f26522 !important;
    border-color: #f26522 !important;
    border-style: solid !important;
}

/* Line AFTER active-step */
.order-progress ul li.active-step::after {
    background-color: #f26522 !important;
    border-color: #f26522 !important;
    border-style: solid !important;
}

/* ──────────────────────────────────────────────
   CURRENT STEP (current-step)
────────────────────────────────────────────── */
.order-progress ul li.current-step a {
    color: #f26522 !important;
}

    .order-progress ul li.current-step a::before,
    .order-progress ul li.current-step > a > *:first-child {
        background-color: #f26522 !important;
        border-color: #f26522 !important;
        color: #fff !important;
    }

.order-progress ul li.current-step svg,
.order-progress ul li.current-step svg path,
.order-progress ul li.current-step svg circle,
.order-progress ul li.current-step svg rect,
.order-progress ul li.current-step svg polyline,
.order-progress ul li.current-step svg line {
    fill: #fff !important;
    stroke: #fff !important;
}

.order-progress ul li.current-step a span,
.order-progress ul li.current-step span {
    color: #f26522 !important;
}

/* Line BEFORE current-step – orange (from previous active step) */
.order-progress ul li.current-step::before {
    background-color: #f26522 !important;
    border-color: #f26522 !important;
    border-style: solid !important;
}

/* Line AFTER current-step – orange (goes to next inactive step) */
.order-progress ul li.current-step::after {
    background-color: #f26522 !important;
    border-color: #f26522 !important;
    border-style: solid !important;
}

/* ──────────────────────────────────────────────
   INACTIVE STEP – grey
────────────────────────────────────────────── */
.order-progress ul li.inactive-step a {
    color: #aaa !important;
}

.order-progress ul li.inactive-step svg,
.order-progress ul li.inactive-step svg path,
.order-progress ul li.inactive-step svg circle,
.order-progress ul li.inactive-step svg rect {
    fill: #ccc !important;
    stroke: #ccc !important;
}

.order-progress ul li.inactive-step::before,
.order-progress ul li.inactive-step::after {
    background-color: #ddd !important;
    border-color: #ddd !important;
    border-style: dashed !important;
}

.billing-checkout-layout {
    max-width: 1400px !important;
}

/* ── Hide empty fax field ── */
.address-box li.fax:not(:has(span:not(:empty))) {
    display: none !important;
}

.address-box li.fax {
    display: none !important;
}

/* ── Address card redesign ── */
.address-item {
    border: 1.5px solid #e8e8e8 !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin-bottom: 12px !important;
    height: auto !important;
    transition: border-color 0.2s !important;
}

    .address-item:hover {
        border-color: #FF6B35 !important;
    }

/* Name — bigger, bold */
.address-box li.name {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    margin-bottom: 8px !important;
}

/* All other fields — compact, muted */
.address-box li {
    font-size: 13px !important;
    color: #666666 !important;
    line-height: 1.6 !important;
    padding: 0 !important;
}

    .address-box li label {
        font-weight: 600 !important;
        color: #444 !important;
        margin-right: 4px !important;
    }

/* ── Bill to this address button ── */
.select-button .button-1.select-billing-address-button {
    width: 100% !important;
    padding: 12px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-top: 14px !important;
}

/* ── Next button — full width, prominent ── */
#billingaddress-next-button-select,
.buttons.select-address-buttons .button-1.new-address-next-step-button {
    width: 100% !important;
    padding: 14px !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    background: #FF6B35 !important;
    margin-top: 8px !important;
}

/* Completed steps — white background + orange check */
.order-progress ul li.active-step a::before {
    background-color: #ffffff !important;
    border: 2px solid #FF6B35 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF6B35' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") !important;
    background-size: 18px 18px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* Completed step label text — orange */
.order-progress ul li.active-step a {
    color: #FF6B35 !important;
}

/* Line after completed step — orange */
.order-progress ul li.active-step:not(:last-child)::after {
    border-top: 2px solid #FF6B35 !important;
}

/* ============================================================
   flyout-wishlist-custom.css
   NopCommerce Traction Theme – Flyout Wishlist
   Exact Figma match – all rules use !important
   ============================================================ */

/* ──────────────────────────────────────────────
   FLYOUT CONTAINER
────────────────────────────────────────────── */
#flyout-wishlist.flyout-wishlist {
    position: absolute !important;
    top: 100% !important;
    padding-top: 8px !important;
    right: 0 !important;
    width: 380px !important;
    background: #fff !important;
    border-radius: 20px !important;
    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.18) !important;
    z-index: 9999 !important;
    overflow: visible !important;
    border: none !important;
}

#flyout-wishlist .mini-shopping-cart {
    background: #fff !important;
    border-radius: 20px !important;
    padding: 28px 24px 24px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    position: relative !important;
    overflow: hidden !important;
}

/* ──────────────────────────────────────────────
   HEADER – green icon + big centered title
────────────────────────────────────────────── */
.flyout-wishlist .flyout-header {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 14px !important;
    margin-bottom: 22px !important;
}

.flyout-wishlist .flyout-icon-wrap {
    width: 64px !important;
    height: 64px !important;
    background: #e6f7ed !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

    .flyout-wishlist .flyout-icon-wrap svg {
        color: #3cb371 !important;
        stroke: #3cb371 !important;
    }

/* Count text – big bold centered like Figma */
.flyout-wishlist .count {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #111 !important;
    text-align: center !important;
    line-height: 1.4 !important;
    width: 100% !important;
    display: block !important;
}

    .flyout-wishlist .count a {
        color: #111 !important;
        text-decoration: none !important;
        font-weight: 800 !important;
    }

    /* Force count text inline - prevent line breaks from translation strings */
    .flyout-wishlist .count br {
        display: none !important;
    }

    .flyout-wishlist .count * {
        display: inline !important;
    }

/* ──────────────────────────────────────────────
   ITEMS LIST
────────────────────────────────────────────── */
.flyout-wishlist .items {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    max-height: 320px !important;
    overflow-y: auto !important;
    margin-bottom: 20px !important;
    background: #f8f8f8 !important;
    border-radius: 14px !important;
    padding: 4px 0 !important;
}

    .flyout-wishlist .items::-webkit-scrollbar {
        width: 4px !important;
    }

    .flyout-wishlist .items::-webkit-scrollbar-thumb {
        background: #ddd !important;
        border-radius: 4px !important;
    }

/* Each item row */
.flyout-wishlist .item {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 14px 14px !important;
    background: #f8f8f8 !important;
    border-bottom: 1px solid #efefef !important;
    position: relative !important;
}

    .flyout-wishlist .item:last-child {
        border-bottom: none !important;
    }

    /* Product image – bigger, rounded like Figma */
    .flyout-wishlist .item .picture {
        width: 90px !important;
        height: 90px !important;
        flex-shrink: 0 !important;
        border-radius: 12px !important;
        overflow: hidden !important;
        background: #fff !important;
        border: 1px solid #e8e8e8 !important;
    }

        .flyout-wishlist .item .picture a {
            display: block !important;
            width: 100% !important;
            height: 100% !important;
        }

        .flyout-wishlist .item .picture img {
            width: 100% !important;
            height: 100% !important;
            object-fit: cover !important;
            display: block !important;
        }

    /* Product info */
    .flyout-wishlist .item .product {
        flex: 1 !important;
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 5px !important;
        padding-right: 28px !important;
    }

        .flyout-wishlist .item .product .name a {
            font-size: 14px !important;
            font-weight: 700 !important;
            color: #111 !important;
            text-decoration: none !important;
            display: -webkit-box !important;
            -webkit-line-clamp: 2 !important;
            -webkit-box-orient: vertical !important;
            overflow: hidden !important;
            line-height: 1.4 !important;
        }

            .flyout-wishlist .item .product .name a:hover {
                color: #f26522 !important;
            }

        .flyout-wishlist .item .product .price {
            font-size: 16px !important;
            font-weight: 700 !important;
            color: #f26522 !important;
        }

            .flyout-wishlist .item .product .price span {
                color: #f26522 !important;
            }

        .flyout-wishlist .item .product .qty {
            font-size: 12px !important;
            color: #999 !important;
        }

        .flyout-wishlist .item .product .attributes {
            font-size: 12px !important;
            color: #666 !important;
        }

    /* Remove × button – top right of item */
    .flyout-wishlist .item .mini-remove-btn {
        position: absolute !important;
        top: 10px !important;
        right: 10px !important;
        background: none !important;
        border: none !important;
        cursor: pointer !important;
        color: #aaa !important;
        padding: 2px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        transition: color 0.15s !important;
        line-height: 1 !important;
    }

        .flyout-wishlist .item .mini-remove-btn:hover {
            color: #f26522 !important;
        }

/* ──────────────────────────────────────────────
   GO TO WISHLIST BUTTON – full width orange
────────────────────────────────────────────── */
.flyout-wishlist .buttons {
    margin-top: 0 !important;
}

    .flyout-wishlist .buttons .button-1.cart-button {
        width: 100% !important;
        background: #f26522 !important;
        color: #fff !important;
        border: none !important;
        border-radius: 12px !important;
        padding: 16px 20px !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        cursor: pointer !important;
        transition: background 0.2s !important;
        text-align: center !important;
        display: block !important;
        letter-spacing: 0.2px !important;
    }

        .flyout-wishlist .buttons .button-1.cart-button:hover {
            background: #c94d10 !important;
        }

/* ──────────────────────────────────────────────
   EMPTY STATE
────────────────────────────────────────────── */
.flyout-wishlist .flyout-empty {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 8px 0 8px !important;
}

.flyout-wishlist .flyout-empty-icon {
    width: 64px !important;
    height: 64px !important;
    background: #fff0eb !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #f26522 !important;
}

.flyout-wishlist .flyout-empty p {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #111 !important;
    margin: 0 !important;
    text-align: center !important;
    max-width: 240px !important;
    line-height: 1.4 !important;
}

/* ============================================================
   flyout-cart-custom.css
   NopCommerce Traction Theme – Flyout Shopping Cart
   All rules use !important – class names never changed
   ============================================================ */
#flyout-cart.flyout-cart {
    position: absolute !important;
    top: 100% !important;
    padding-top: 8px !important;
    right: 0 !important;
    width: 380px !important;
    background: #fff !important;
    border-radius: 20px !important;
    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.18) !important;
    z-index: 9999 !important;
    border: none !important;
}

#flyout-cart .mini-shopping-cart {
    background: #fff !important;
    border-radius: 20px !important;
    padding: 28px 24px 24px !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    overflow: hidden !important;
}

/* ── HEADER ── */
.flyout-cart .flyout-header {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 20px !important;
}

.flyout-cart .flyout-icon-wrap {
    width: 60px !important;
    height: 60px !important;
    background: #e6f7ed !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

    .flyout-cart .flyout-icon-wrap svg {
        color: #3cb371 !important;
        stroke: #3cb371 !important;
    }

.flyout-cart .count {
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #111 !important;
    text-align: center !important;
    line-height: 1.4 !important;
    width: 100% !important;
    display: block !important;
}

    .flyout-cart .count a {
        color: #111 !important;
        text-decoration: none !important;
        font-weight: 800 !important;
    }

    .flyout-cart .count br {
        display: none !important;
    }

    .flyout-cart .count * {
        display: inline !important;
    }

/* ── ITEMS LIST ── */
.flyout-cart .items {
    display: flex !important;
    flex-direction: column !important;
    max-height: 320px !important;
    overflow-y: auto !important;
    margin-bottom: 14px !important;
    background: #f8f8f8 !important;
    border-radius: 14px !important;
    padding: 4px 0 !important;
}

    .flyout-cart .items::-webkit-scrollbar {
        width: 4px !important;
    }

    .flyout-cart .items::-webkit-scrollbar-thumb {
        background: #ddd !important;
        border-radius: 4px !important;
    }

/* Each item row */
.flyout-cart .item {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px 14px !important;
    background: #f8f8f8 !important;
    border-bottom: 1px solid #efefef !important;
    position: relative !important;
    box-sizing: border-box !important;
}

    .flyout-cart .item:last-child {
        border-bottom: none !important;
    }

    /* Product image */
    .flyout-cart .item .picture {
        width: 68px !important;
        height: 68px !important;
        min-width: 68px !important;
        flex-shrink: 0 !important;
        border-radius: 10px !important;
        overflow: hidden !important;
        background: unset !important;
        border: none !important;
    }

        .flyout-cart .item .picture a {
            display: block !important;
            width: 100% !important;
            height: 100% !important;
        }

        .flyout-cart .item .picture img {
            width: 100% !important;
            height: 100% !important;
            object-fit: cover !important;
            display: block !important;
        }

    /* Product info */
    .flyout-cart .item .product {
        flex: 1 !important;
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 4px !important;
        padding-right: 20px !important;
    }

        .flyout-cart .item .product .name a {
            font-size: 13px !important;
            font-weight: 700 !important;
            color: #111 !important;
            text-decoration: none !important;
            display: -webkit-box !important;
            -webkit-line-clamp: 2 !important;
            -webkit-box-orient: vertical !important;
            overflow: hidden !important;
            line-height: 1.4 !important;
        }

            .flyout-cart .item .product .name a:hover {
                color: #f26522 !important;
            }

        /* Hide "Unit price:" label text, show only value */
        .flyout-cart .item .product .price {
            font-size: 0 !important;
            color: transparent !important;
        }

            .flyout-cart .item .product .price span {
                font-size: 14px !important;
                font-weight: 700 !important;
                color: #f26522 !important;
            }

        .flyout-cart .item .product .quantity {
            font-size: 12px !important;
            color: #999 !important;
            font-size: 0 !important;
        }

            .flyout-cart .item .product .quantity span {
                font-size: 12px !important;
                color: #999 !important;
            }

        .flyout-cart .item .product .attributes {
            font-size: 12px !important;
            color: #666 !important;
        }

    /* Remove × button */
    .flyout-cart .item .mini-remove-btn {
        position: absolute !important;
        top: 8px !important;
        right: 8px !important;
        background: none !important;
        border: none !important;
        cursor: pointer !important;
        color: #ccc !important;
        padding: 2px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        transition: color 0.15s !important;
    }

        .flyout-cart .item .mini-remove-btn:hover {
            color: #f26522 !important;
        }

/* ── SUBTOTAL ── */
.flyout-cart .totals {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 2px !important;
    font-size: 14px !important;
    color: #555 !important;
    border-top: 1px solid #f0f0f0 !important;
    margin-bottom: 14px !important;
}

    .flyout-cart .totals strong {
        font-size: 16px !important;
        font-weight: 800 !important;
        color: #f26522 !important;
    }

/* ── BUTTONS – hide checkout, only show Go to cart ── */
.flyout-cart .buttons {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

    .flyout-cart .buttons .button-1.checkout-button {
        display: none !important;
    }

    .flyout-cart .buttons .button-1.cart-button {
        width: 100% !important;
        background: #f26522 !important;
        color: #fff !important;
        border: none !important;
        border-radius: 12px !important;
        padding: 15px 20px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        cursor: pointer !important;
        transition: background 0.2s !important;
        text-align: center !important;
        display: block !important;
    }

        .flyout-cart .buttons .button-1.cart-button:hover {
            background: #c94d10 !important;
        }

/* ── EMPTY STATE ── */
.flyout-cart .flyout-empty {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 8px 0 !important;
}

.flyout-cart .flyout-empty-icon {
    width: 60px !important;
    height: 60px !important;
    background: #fff0eb !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #f26522 !important;
}

.flyout-cart .flyout-empty p {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #111 !important;
    margin: 0 !important;
    text-align: center !important;
}

.flyout-cart .flyout-empty .buttons .button-1.cart-button {
    display: block !important;
    background: #f26522 !important;
    color: #fff !important;
    border: none !important;
}

.product-review-box .rating {
    position: relative !important;
    display: inline-block !important;
    width: 130px !important;
    height: 24px !important;
    background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2C2%20L14.6%2C8.3%20L21.5%2C8.9%20L16.5%2C13.2%20L18.1%2C20%20L12%2C16.4%20L5.9%2C20%20L7.5%2C13.2%20L2.5%2C8.9%20L9.4%2C8.3%20Z%22%20fill%3D%22none%22%20stroke%3D%22%23C8C8C8%22%20stroke-width%3D%221.5%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"), url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2C2%20L14.6%2C8.3%20L21.5%2C8.9%20L16.5%2C13.2%20L18.1%2C20%20L12%2C16.4%20L5.9%2C20%20L7.5%2C13.2%20L2.5%2C8.9%20L9.4%2C8.3%20Z%22%20fill%3D%22none%22%20stroke%3D%22%23C8C8C8%22%20stroke-width%3D%221.5%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"), url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2C2%20L14.6%2C8.3%20L21.5%2C8.9%20L16.5%2C13.2%20L18.1%2C20%20L12%2C16.4%20L5.9%2C20%20L7.5%2C13.2%20L2.5%2C8.9%20L9.4%2C8.3%20Z%22%20fill%3D%22none%22%20stroke%3D%22%23C8C8C8%22%20stroke-width%3D%221.5%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"), url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2C2%20L14.6%2C8.3%20L21.5%2C8.9%20L16.5%2C13.2%20L18.1%2C20%20L12%2C16.4%20L5.9%2C20%20L7.5%2C13.2%20L2.5%2C8.9%20L9.4%2C8.3%20Z%22%20fill%3D%22none%22%20stroke%3D%22%23C8C8C8%22%20stroke-width%3D%221.5%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"), url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2C2%20L14.6%2C8.3%20L21.5%2C8.9%20L16.5%2C13.2%20L18.1%2C20%20L12%2C16.4%20L5.9%2C20%20L7.5%2C13.2%20L2.5%2C8.9%20L9.4%2C8.3%20Z%22%20fill%3D%22none%22%20stroke%3D%22%23C8C8C8%22%20stroke-width%3D%221.5%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: 22px 22px !important;
    background-position: 0px center, 26px center, 52px center, 78px center, 104px center !important;
}

    .product-review-box .rating > div {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        height: 100% !important;
        background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2C2%20L14.6%2C8.3%20L21.5%2C8.9%20L16.5%2C13.2%20L18.1%2C20%20L12%2C16.4%20L5.9%2C20%20L7.5%2C13.2%20L2.5%2C8.9%20L9.4%2C8.3%20Z%22%20fill%3D%22%23F5A623%22%20stroke%3D%22%23F5A623%22%20stroke-width%3D%220.5%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"), url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2C2%20L14.6%2C8.3%20L21.5%2C8.9%20L16.5%2C13.2%20L18.1%2C20%20L12%2C16.4%20L5.9%2C20%20L7.5%2C13.2%20L2.5%2C8.9%20L9.4%2C8.3%20Z%22%20fill%3D%22%23F5A623%22%20stroke%3D%22%23F5A623%22%20stroke-width%3D%220.5%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"), url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2C2%20L14.6%2C8.3%20L21.5%2C8.9%20L16.5%2C13.2%20L18.1%2C20%20L12%2C16.4%20L5.9%2C20%20L7.5%2C13.2%20L2.5%2C8.9%20L9.4%2C8.3%20Z%22%20fill%3D%22%23F5A623%22%20stroke%3D%22%23F5A623%22%20stroke-width%3D%220.5%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"), url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2C2%20L14.6%2C8.3%20L21.5%2C8.9%20L16.5%2C13.2%20L18.1%2C20%20L12%2C16.4%20L5.9%2C20%20L7.5%2C13.2%20L2.5%2C8.9%20L9.4%2C8.3%20Z%22%20fill%3D%22%23F5A623%22%20stroke%3D%22%23F5A623%22%20stroke-width%3D%220.5%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"), url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2C2%20L14.6%2C8.3%20L21.5%2C8.9%20L16.5%2C13.2%20L18.1%2C20%20L12%2C16.4%20L5.9%2C20%20L7.5%2C13.2%20L2.5%2C8.9%20L9.4%2C8.3%20Z%22%20fill%3D%22%23F5A623%22%20stroke%3D%22%23F5A623%22%20stroke-width%3D%220.5%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") !important;
        background-repeat: no-repeat !important;
        background-size: 22px 22px !important;
        background-position: 0px center, 26px center, 52px center, 78px center, 104px center !important;
        overflow: hidden !important;
    }

/* Orange header bar */
.header-menu .close-menu {
    background-color: #FF6B35 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 14px 18px !important;
}

    .header-menu .close-menu span {
        color: #ffffff !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        opacity: 0.9 !important;
        letter-spacing: 0.3px !important;
    }

        /* The ✕ circle icon (::after on the span) */
        .header-menu .close-menu span::after {
            content: "✕" !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            width: 28px !important;
            height: 28px !important;
            background: rgba(255, 255, 255, 0.2) !important;
            border-radius: 50% !important;
            font-size: 13px !important;
            color: #fff !important;
            line-height: 1 !important;
        }

.header-links-wrapper.open .cart-qty,
.header-links-wrapper.open .wishlist-qty {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 18px !important;
    height: 18px !important;
    background: #2C5AA0 !important;
    border-radius: 20px !important;
    padding: 0 5px !important;
    margin-left: 3px !important;
    top: unset !important;
    left: unset !important;
    vertical-align: middle !important;
}

    .header-links-wrapper.open .cart-qty span,
    .header-links-wrapper.open .wishlist-qty span {
        color: #ffffff !important;
        font-size: 10px !important;
        font-weight: 600 !important;
        line-height: 1 !important;
        padding: 0 !important;
    }

@media screen and (max-width: 1024px) {
    /* ── 1. FULL PANEL BACKGROUND → white ── */
    .subheader-wrapper .header-menu,
    .header-menu.open,
    .header-menu.ps-container {
        background: #ffffff !important;
    }
    /* ── 2. CLOSE BUTTON BAR → orange ── */
    .header-menu .close-menu {
        background-color: #FF6B35 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 16px 20px !important;
        border-bottom: none !important;
    }

        .header-menu .close-menu span {
            color: #ffffff !important;
            font-size: 13px !important;
            font-weight: 500 !important;
            letter-spacing: 0.3px !important;
            opacity: 0.9 !important;
        }

            .header-menu .close-menu span::after {
                content: "✕" !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                width: 28px !important;
                height: 28px !important;
                background: rgba(255, 255, 255, 0.2) !important;
                border-radius: 50% !important;
                font-size: 13px !important;
                color: #fff !important;
                line-height: 1 !important;
            }
    /* ── 3. MAIN MENU ITEMS ── */
    .header-menu .mega-menu-responsive > li {
        background: #ffffff !important;
        border-bottom: 1px solid #f0f0f0 !important;
        border-top: none !important;
    }

        .header-menu .mega-menu-responsive > li > a,
        .header-menu .mega-menu-responsive > li > span {
            color: #1a1a1a !important;
            font-size: 14px !important;
            font-weight: 500 !important;
            padding: 15px 20px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            text-transform: capitalize !important;
            background: none !important;
            text-shadow: none !important;
        }

            .header-menu .mega-menu-responsive > li > a:hover,
            .header-menu .mega-menu-responsive > li > span:hover {
                background: #fff8f5 !important;
                color: #FF6B35 !important;
                padding-left: 24px !important;
            }
    /* ── 4. PLUS/ARROW TOGGLE BUTTON ── */
    .header-menu .mega-menu-responsive .plus-button {
        background: none !important;
        border: none !important;
        color: #cccccc !important;
        font-size: 20px !important;
        font-weight: 300 !important;
        padding: 0 20px !important;
    }
    /* ── 5. SUBMENU CONTAINER → white ── */
    .header-menu .sublist-wrap,
    .header-menu .sublist-wrap.ps-container {
        background: #ffffff !important;
    }

        .header-menu .sublist-wrap ul.sublist {
            background: #ffffff !important;
        }
            /* ── 6. BACK BUTTON → blue header bar ── */
            .header-menu .sublist-wrap ul.sublist li.back-button {
                background-color: #2C5AA0 !important;
                border-bottom: none !important;
                list-style: none !important;
                padding: 0 !important;
            }

                .header-menu .sublist-wrap ul.sublist li.back-button span {
                    display: flex !important;
                    align-items: center !important;
                    gap: 8px !important;
                    padding: 15px 20px !important;
                    color: #ffffff !important;
                    font-size: 14px !important;
                    font-weight: 500 !important;
                    cursor: pointer !important;
                }

                    .header-menu .sublist-wrap ul.sublist li.back-button span::before {
                        content: "←" !important;
                        font-size: 16px !important;
                        color: rgba(255, 255, 255, 0.8) !important;
                    }

                    .header-menu .sublist-wrap ul.sublist li.back-button span::after {
                        display: none !important;
                    }
            /* ── 7. SUBMENU CATEGORY ITEMS ── */
            .header-menu .sublist-wrap ul.sublist li {
                background: #ffffff !important;
                border-bottom: 1px solid #f5f5f5 !important;
                border-top: none !important;
                list-style: none !important;
            }

                .header-menu .sublist-wrap ul.sublist li a {
                    color: #2a2a2a !important;
                    font-size: 13.5px !important;
                    font-weight: 400 !important;
                    padding: 14px 20px !important;
                    display: block !important;
                    text-transform: capitalize !important;
                    background: none !important;
                    border: none !important;
                }

                    .header-menu .sublist-wrap ul.sublist li a:hover {
                        background: #f0f5ff !important;
                        color: #2C5AA0 !important;
                        padding-left: 26px !important;
                    }
    /* Inside your @media screen and (max-width: 1024px) block */
    /* Fix orange bleed at bottom */
    .header-menu,
    .header-menu.open,
    .header-menu.ps-container.ps-active-y,
    div.headerMenuParent,
    .headerMenuParent .header-menu {
        background: #ffffff !important;
        background-color: #ffffff !important;
    }
    /* Also override the inline style nopCommerce sometimes sets */
    .subheader-wrapper .header-menu[style] {
        background: #ffffff !important;
        background-color: #ffffff !important;
    }

    .header-menu .close-menu span {
        font-size: 0 !important;
        color: transparent !important;
    }

        .header-menu .close-menu span::after {
            content: "✕" !important;
            font-size: 14px !important;
            color: #ffffff !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            width: 32px !important;
            height: 32px !important;
            background: rgba(255, 255, 255, 0.2) !important;
            border-radius: 50% !important;
        }
    /* Inside your @media screen and (max-width: 1024px) block */
    /* ── Fix header-links-wrapper open panel background ── */
    .header-links-wrapper.open {
        background: #ffffff !important;
        background-color: #ffffff !important;
    }

        .header-links-wrapper.open .header-selectors-wrapper {
            background: #ffffff !important;
        }

        .header-links-wrapper.open .header-links a {
            color: #1a1a1a !important;
        }

            .header-links-wrapper.open .header-links a svg,
            .header-links-wrapper.open .header-links a span {
                color: #1a1a1a !important;
                fill: #1a1a1a !important;
            }
        /* Cart and wishlist count badges */
        .header-links-wrapper.open .cart-qty,
        .header-links-wrapper.open .wishlist-qty {
            background: #FF6B35 !important;
            color: #ffffff !important;
        }
        /* Currency / language selectors */
        .header-links-wrapper.open select {
            color: #1a1a1a !important;
            background: #f5f5f5 !important;
        }
        /* Inside your @media screen and (max-width: 1024px) block */
        /* ── Header links wrapper open — icon colors ── */
        .header-links-wrapper.open .header-links a {
            color: #FF6B35 !important;
        }

            .header-links-wrapper.open .header-links a svg path,
            .header-links-wrapper.open .header-links a svg rect,
            .header-links-wrapper.open .header-links a svg circle {
                fill: #FF6B35 !important;
                stroke: #FF6B35 !important;
            }
        /* ── Cart & wishlist qty badge ── */
        .header-links-wrapper.open .cart-qty,
        .header-links-wrapper.open .wishlist-qty {
            background: #FF6B35 !important;
            color: #ffffff !important;
        }

            .header-links-wrapper.open .cart-qty span,
            .header-links-wrapper.open .wishlist-qty span {
                color: #ffffff !important;
            }
        /* ── Currency / language dropdowns ── */
        .header-links-wrapper.open .header-selectors-wrapper select {
            color: #333333 !important;
            background: #f5f5f5 !important;
            border: 1px solid #e0e0e0 !important;
            border-radius: 8px !important;
        }
        /* ── Logo wrapper inside open panel ── */
        .header-links-wrapper.open .logo-wrapper {
            background: #ffffff !important;
            box-shadow: none !important;
        }

        .header-links-wrapper.open .header-links a svg {
            fill: unset !important;
        }

            .header-links-wrapper.open .header-links a svg path {
                fill: none !important;
            }

        .header-links-wrapper.open .header-links a svg {
            fill: none !important;
        }

        .header-links-wrapper.open .header-links a span {
            color: unset !important;
        }
        /* Inside your @media screen and (max-width: 1024px) block */
        /* ── Modern inline badge ── */
        .header-links-wrapper.open .cart-qty,
        .header-links-wrapper.open .wishlist-qty {
            position: static !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            min-width: 18px !important;
            height: 18px !important;
            background: #FF6B35 !important;
            border-radius: 20px !important;
            padding: 0 5px !important;
            margin-left: 3px !important;
            top: unset !important;
            left: unset !important;
            vertical-align: middle !important;
        }

            .header-links-wrapper.open .cart-qty span,
            .header-links-wrapper.open .wishlist-qty span {
                color: #ffffff !important;
                font-size: 10px !important;
                font-weight: 600 !important;
                line-height: 1 !important;
                padding: 0 !important;
            }
}

@media screen and (min-width: 1025px) {
    .header-menu .close-menu {
        display: none !important;
    }
}

/* ══════════════════════════════════
   NO PRODUCTS FOUND 
   ══════════════════════════════════ */
.products-wrapper .no-result {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 60px 20px !important;
    text-align: center !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    color: #1a1a1a !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

    /* ── Add illustration via ::before ── */
    .products-wrapper .no-result::before {
        content: "" !important;
        display: block !important;
        width: 180px !important;
        height: 180px !important;
        margin-bottom: 24px !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Ccircle cx='100' cy='100' r='90' fill='%23f0f2f5'/%3E%3Ccircle cx='85' cy='85' r='40' fill='none' stroke='%23c5cad4' stroke-width='10'/%3E%3Cline x1='115' y1='115' x2='145' y2='145' stroke='%23c5cad4' stroke-width='10' stroke-linecap='round'/%3E%3Ccircle cx='78' cy='78' r='5' fill='%23c5cad4'/%3E%3Ccircle cx='92' cy='78' r='5' fill='%23c5cad4'/%3E%3Cpath d='M75 92 Q85 85 95 92' stroke='%23c5cad4' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='140' cy='55' r='8' fill='%23e0e4ea' opacity='0.6'/%3E%3Ccircle cx='160' cy='75' r='5' fill='%23e0e4ea' opacity='0.5'/%3E%3Ccircle cx='50' cy='140' r='6' fill='%23e0e4ea' opacity='0.5'/%3E%3Ctext x='72' y='155' font-size='22' fill='%23c5cad4'%3E%3F%3C/text%3E%3Ctext x='100' y='145' font-size='18' fill='%23c5cad4'%3E%3F%3C/text%3E%3Ctext x='55' y='115' font-size='16' fill='%23c5cad4'%3E%3F%3C/text%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-size: contain !important;
        background-position: center !important;
    }

/* ── Main text ── */
.products-wrapper .no-result {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    line-height: 1.4 !important;
}

    /* ── Add subtitle via ::after ── */
    .products-wrapper .no-result::after {
        content: "Try another search or browse our product categories." !important;
        display: block !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #888 !important;
        margin-top: 8px !important;
    }

/* ── No result — center align fix ── */
.products-wrapper .no-result {
    width: 100% !important;
    margin: 0 auto !important;
    max-width: 600px !important;
    padding: 40px 20px 60px !important;
}

    .products-wrapper .no-result::before {
        width: 200px !important;
        height: 190px !important;
        margin-bottom: 24px !important;
    }

/* ── Main text ── */
.products-wrapper .no-result {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
}

    /* ── Subtitle ── */
    .products-wrapper .no-result::after {
        font-size: 14px !important;
        color: #999999 !important;
        margin-top: 8px !important;
    }

/* ══════════════════════════════════
   FOOTER 
   ══════════════════════════════════ */
.footer {
    background: #12152a !important;
    color: #ffffff !important;
}

/* ── Layout: logo left, blocks right ── */
.footer-upper .center {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 28px 40px !important;
    gap: 40px !important;
}

/* ── Logo ── */
.footer-logo-wrap {
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
}

.footer-logo-img {
    max-height: 40px !important;
    width: auto !important;
}

/* ── Hide empty footer blocks ── */
.footer-block:empty {
    display: none !important;
}

.footer-block:last-child {
    display: none !important;
}

/* ── Block titles ── */
.footer-block .title {
    display: block !important;
    margin-bottom: 14px !important;
}

    .footer-block .title strong {
        font-size: 13px !important;
        font-weight: 600 !important;
        color: #ffffff !important;
        text-transform: none !important;
        letter-spacing: 0 !important;
        background: none !important;
        padding: 0 !important;
        border: none !important;
        display: block !important;
    }

/* ── Contacts block ── */
.footer-block.contacts {
    flex: 0 0 auto !important;
}

    .footer-block.contacts ul {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        height: auto !important;
    }

    .footer-block.contacts li {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        background: rgba(255, 255, 255, 0.07) !important;
        border-radius: 8px !important;
        padding: 9px 16px !important;
        color: rgba(255, 255, 255, 0.85) !important;
        font-size: 13px !important;
        margin-bottom: 0 !important;
        min-width: 210px !important;
        backdrop-filter: none !important;
        border: none !important;
    }

        .footer-block.contacts li svg {
            flex-shrink: 0 !important;
            opacity: 0.7 !important;
        }

/* ── Links block ── */
.footer-block.links {
    flex: 0 0 auto !important;
}

    .footer-block.links ul {
        display: flex !important;
        flex-direction: column !important;
        gap: 6px !important;
        height: auto !important;
        border: none !important;
    }

        .footer-block.links ul li a {
            color: rgba(255, 255, 255, 0.6) !important;
            font-size: 13px !important;
            padding: 2px 0 !important;
            display: block !important;
            border: none !important;
        }

            .footer-block.links ul li a:hover {
                color: #FF6B35 !important;
            }

            .footer-block.links ul li a::before {
                display: none !important;
            }

/* ── Footer lower ── */
.footer-middle {
    display: none !important;
}

.footer-lower {
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding: 14px 40px !important;
    margin-top: 0 !important;
    background: #12152a !important;
}

    .footer-lower .center {
        max-width: 1400px !important;
        margin: 0 auto !important;
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
    }

.footer-disclaimer {
    display: flex !important;
    justify-content: flex-end !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.footer-bottom-crocusoft {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: rgba(255, 255, 255, 0.45) !important;
    font-size: 12px !important;
    float: none !important;
    margin: 0 !important;
}

    .footer-bottom-crocusoft a {
        margin-top: 0 !important;
        display: flex !important;
        align-items: center !important;
    }

.crocusoft-logo {
    width: 80px !important;
    filter: brightness(10) !important;
    opacity: 0.6 !important;
}

.footer-powered-by,
.footer-designed-by,
.footer-store-theme {
    display: none !important;
}

/* ── Fix alignment — all blocks same row, vertically top-aligned ── */
.footer-upper .center {
    align-items: flex-start !important;
    padding: 30px 40px !important;
}

/* ── Logo — top aligned, left ── */
.footer-logo-wrap {
    align-self: flex-start !important;
    padding-top: 4px !important;
}

/* ── Block titles — left aligned, not centered ── */
.footer-block .title,
.footer-block.contacts .title,
.footer-block.links .title {
    text-align: left !important;
    display: block !important;
    margin-bottom: 12px !important;
}

    .footer-block .title strong {
        text-align: left !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        color: rgba(255, 255, 255, 0.9) !important;
        background: none !important;
        padding: 0 !important;
        border: none !important;
        text-transform: none !important;
        letter-spacing: 0 !important;
    }

/* ── Remove excess height from ul (JS sets it) ── */
.footer-block > ul,
.footer-block.contacts ul,
.footer-block.links ul {
    height: auto !important;
    min-height: unset !important;
}

/* ── Compact footer overall ── */
.footer-upper {
    padding: 0 !important;
}

.footer-block .title {
    height: 40px !important;
}

.footer-logo-wrap {
    padding-top: unset !important;
}

.footer-upper .center {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    padding: 30px 40px !important;
    gap: 20px !important;
}

/* ── Logo block — equal flex, left ── */
.footer-logo-wrap {
    flex: 1 !important;
    align-self: flex-start !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* ── Contacts block — middle ── */
.footer-block.contacts {
    flex: 0 0 auto !important;
    align-self: flex-start !important;
}

/* ── Links block — right ── */
.footer-block.links {
    flex: 0 0 auto !important;
    align-self: flex-start !important;
}

/* ══════════════════
   MOBILE
══════════════════ */
@media screen and (max-width: 768px) {
    .footer-upper .center {
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 24px 16px !important;
        gap: 20px !important;
    }

    .footer-logo-wrap {
        margin-bottom: 4px !important;
    }

    .footer-block.contacts li {
        min-width: unset !important;
        width: 100% !important;
    }

    .footer-lower {
        padding: 14px 16px !important;
    }

        .footer-lower .center {
            justify-content: center !important;
        }

    .footer-disclaimer {
        justify-content: center !important;
    }
}

@media screen and (max-width: 480px) {
    .footer-upper .center {
        padding: 20px 12px !important;
    }

    .footer-lower {
        padding: 12px !important;
    }
}

body .ajaxCart.k-window:has(.addProductToCartErrors) {
    border-radius: 16px !important;
    padding: 0 !important;
    text-align: center !important;
    width: 340px !important;
    height: auto !important;
    min-height: auto !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12) !important;
    border: none !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    overflow: visible !important;
}

    body .ajaxCart.k-window:has(.addProductToCartErrors) .k-window-titlebar {
        display: block !important;
        background: transparent !important;
        border: none !important;
        position: absolute !important;
        top: 8px !important;
        right: 8px !important;
        width: auto !important;
        padding: 0 !important;
        z-index: 1 !important;
    }

        body .ajaxCart.k-window:has(.addProductToCartErrors) .k-window-titlebar .k-window-title {
            display: none !important;
        }

        body .ajaxCart.k-window:has(.addProductToCartErrors) .k-window-titlebar .k-window-action {
            color: #9ca3af !important;
            opacity: 1 !important;
            visibility: visible !important;
            background: transparent !important;
            border: none !important;
        }

    body .ajaxCart.k-window:has(.addProductToCartErrors) .addProductToCartErrors.k-window-content {
        padding: 2rem !important;
        text-align: center !important;
        overflow: visible !important;
        height: auto !important;
        min-height: auto !important;
        position: static !important;
        display: block !important;
    }

        body .ajaxCart.k-window:has(.addProductToCartErrors) .addProductToCartErrors.k-window-content::before {
            content: "!" !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            width: 40px !important;
            height: 40px !important;
            border-radius: 50% !important;
            border: 2px solid #E24B4A !important;
            color: #E24B4A !important;
            font-size: 18px !important;
            font-weight: 700 !important;
            background: #FCEBEB !important;
            margin: 0 auto 1.25rem auto !important;
            box-sizing: border-box !important;
        }

    body .ajaxCart.k-window:has(.addProductToCartErrors) .addProductToCartErrors ul {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
        display: block !important;
    }

        body .ajaxCart.k-window:has(.addProductToCartErrors) .addProductToCartErrors ul li {
            font-size: 13px !important;
            color: #6b7280 !important;
            display: block !important;
            padding: 0 !important;
            margin: 0 !important;
        }

.shopping-cart-page .page-title h1 {
    display: none !important;
}

#panel-new-address .buttons .button-1 {
    width: 100% !important;
}

/*vendors*/

/* ── Boş boxları tam gizlət ── */
.mega-menu .dropdown.vendors .empty-box {
    display: none !important;
}

/* ── Yalnız dolu boxlar qalsın, 2-dirsə 2 sütun ── */
.mega-menu .dropdown.vendors .row {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 0 !important;
    width: 100% !important;
    position: static !important;
    overflow: visible !important;
}

    .mega-menu .dropdown.vendors .row::before,
    .mega-menu .dropdown.vendors .row::after {
        display: none !important;
    }

/* ── Vendor dropdown container ── */
.mega-menu .dropdown.vendors {
    padding: 0 !important;
}

    .mega-menu .dropdown.vendors .row-wrapper {
        padding: 0 !important;
        margin: 0 !important;
    }

    /* ── Hər box ── */
    .mega-menu .dropdown.vendors .box {
        border: 0.5px solid #e5e7eb !important;
        border-radius: 0 !important;
        padding: 20px 18px !important;
        background: #ffffff !important;
        min-height: 80px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex-direction: row !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        width: 100% !important;
        cursor: pointer !important;
    }

        .mega-menu .dropdown.vendors .box:hover {
            background: #fff4f0 !important;
        }

        /* ── Şəkili gizlət ── */
        .mega-menu .dropdown.vendors .box .picture {
            display: none !important;
        }

        /* ── Vendor adı ── */
        .mega-menu .dropdown.vendors .box .title {
            font-size: 12px !important;
            font-weight: 700 !important;
            color: #111827 !important;
            text-transform: uppercase !important;
            letter-spacing: 0.4px !important;
            line-height: 1.5 !important;
            border: none !important;
            padding: 0 !important;
            margin: 0 !important;
            background: transparent !important;
            display: block !important;
            width: 100% !important;
        }

            .mega-menu .dropdown.vendors .box .title a {
                color: #111827 !important;
                text-decoration: none !important;
                font-size: 12px !important;
                font-weight: 700 !important;
                text-transform: uppercase !important;
                letter-spacing: 0.4px !important;
                line-height: 1.5 !important;
                display: block !important;
            }

        .mega-menu .dropdown.vendors .box:hover .title a {
            color: #D85A30 !important;
        }

    .mega-menu .dropdown.vendors .row-wrapper {
        padding: 0 !important;
        margin: 0 !important;
        border: 1px solid #e5e7eb !important;
        border-radius: 4px !important;
        overflow: hidden !important;
    }

    .mega-menu .dropdown.vendors .row-wrapper {
        padding: 28px 36px 36px !important
    }

/* ── Vendor list səhifəsi ── */
.vendor-list-page .page-title {
    border-bottom: none !important;
    margin-bottom: 24px !important;
    padding-bottom: 0 !important;
}

    .vendor-list-page .page-title::after {
        content: "" !important;
        display: block !important;
        width: 36px !important;
        height: 3px !important;
        background: rgba(255, 107, 53, 1) !important;
        border-radius: 2px !important;
        margin-top: 8px !important;
    }

    .vendor-list-page .page-title h2 {
        font-size: 22px !important;
        font-weight: 600 !important;
        color: #111827 !important;
        border-bottom: none !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

/* ── Grid ── */
.vendor-grid .item-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    padding: 8px 0 !important;
}

/* ── Kart ── */
.vendor-grid .item-box {
    border-radius: 14px !important;
    overflow: hidden !important;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    transition: box-shadow 0.2s !important;
    width: 100% !important;
    min-width: 0 !important;
}

    .vendor-grid .item-box:hover {
        box-shadow: 0 8px 28px rgba(0, 0, 0, 0.13) !important;
        border-radius: 14px !important;
    }

/* ── Vendor item ── */
.vendor-grid .vendor-item {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    position: relative !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: #f3f4f6 !important;
    min-height: 200px !important;
    height: 200px !important;
}

    /* ── Şəkil ── */
    .vendor-grid .vendor-item .picture {
        width: 100% !important;
        height: 200px !important;
        overflow: hidden !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
    }

        .vendor-grid .vendor-item .picture a {
            display: block !important;
            width: 100% !important;
            height: 200px !important;
        }

        .vendor-grid .vendor-item .picture img {
            width: 100% !important;
            height: 200px !important;
            object-fit: cover !important;
            object-position: center !important;
            display: block !important;
            border-radius: 0 !important;
            padding: 0 !important;
            margin: 0 !important;
        }

        /* ── Gradient overlay ── */
        .vendor-grid .vendor-item .picture::after {
            content: "" !important;
            position: absolute !important;
            bottom: 0 !important;
            left: 0 !important;
            right: 0 !important;
            height: 100px !important;
            background: linear-gradient(transparent, rgba(0, 0, 0, 0.7)) !important;
            pointer-events: none !important;
            z-index: 1 !important;
        }

    /* ── Title — şəklin üzərində ── */
    .vendor-grid .vendor-item .title {
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        padding: 14px 16px !important;
        background: transparent !important;
        border: none !important;
        margin: 0 !important;
        z-index: 2 !important;
    }

        .vendor-grid .vendor-item .title a {
            font-size: 14px !important;
            font-weight: 600 !important;
            color: #ffffff !important;
            text-decoration: none !important;
            display: block !important;
            text-transform: capitalize !important;
            line-height: 1.4 !important;
            text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4) !important;
        }

            .vendor-grid .vendor-item .title a:hover {
                color: #ffffff !important;
            }

    /* ── Şəkil olmayan vendor ── */
    .vendor-grid .vendor-item .picture img[src$="no_image.png"],
    .vendor-grid .vendor-item .picture img[src*="no-image"],
    .vendor-grid .vendor-item .picture img[src*="noimage"] {
        object-fit: contain !important;
        padding: 24px !important;
        background: #f9fafb !important;
        filter: opacity(0.3) !important;
    }

    .vendor-grid .vendor-item:has(.picture img[src$="no_image.png"]) .title a,
    .vendor-grid .vendor-item:has(.picture img[src*="no-image"]) .title a {
        color: #111827 !important;
        text-shadow: none !important;
    }

.vendor-list-page .page-title::after {
    display: none !important;
}

/*vendors details*/

/* ── Vendor detail səhifəsi ── */
.vendor-page .page-title {
    border-bottom: none !important;
    margin-bottom: 8px !important;
    padding-bottom: 0 !important;
}

    .vendor-page .page-title::after {
        content: "" !important;
        display: block !important;
        width: 36px !important;
        height: 3px !important;
        background: rgba(255, 107, 53, 1) !important;
        border-radius: 2px !important;
        margin-top: 8px !important;
    }

    .vendor-page .page-title h1 {
        font-size: 24px !important;
        font-weight: 700 !important;
        color: #111827 !important;
        border-bottom: none !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
        text-transform: capitalize !important;
    }

/* ── Açıqlama ── */
.vendor-page .vendor-description {
    font-size: 14px !important;
    color: #6b7280 !important;
    line-height: 1.7 !important;
    margin: 16px 0 20px !important;
    max-width: 600px !important;
}

/* ── Contact vendor düyməsi ── */
.vendor-page .contact-vendor {
    margin-bottom: 32px !important;
}

.vendor-page .contact-vendor-button {
    background: rgba(255, 107, 53, 1) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 12px 24px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
}

    .vendor-page .contact-vendor-button:hover {
        background: #c04e26 !important;
    }

/* ── Vendor header bloku — ad + düymə yan-yana ── */
.vendor-page .page-body {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}

/* ── Məhsul yoxdursa ── */
.vendor-page .no-result {
    text-align: center !important;
    padding: 48px 0 !important;
}

    .vendor-page .no-result img {
        opacity: 0.4 !important;
    }

    .vendor-page .no-result .title {
        font-size: 16px !important;
        font-weight: 600 !important;
        color: #374151 !important;
        margin-top: 16px !important;
    }

    .vendor-page .no-result .sub-title {
        font-size: 13px !important;
        color: #9ca3af !important;
        margin-top: 6px !important;
    }

#flyout-cart.flyout-cart {
    background: #fff !important;
    border-radius: 20px !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.13) !important;
    border: none !important;
    width: 340px !important;
    padding: 0 !important;
    overflow: hidden !important;
}

#flyout-cart .mini-shopping-cart {
    display: flex !important;
    flex-direction: column !important;
}

#flyout-cart .flyout-header {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 20px 20px 16px !important;
    border-bottom: 1px solid #f3f4f6 !important;
    background: #fff !important;
    text-align: center !important;
}

#flyout-cart .flyout-icon-wrap {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    border-radius: 50% !important;
    background: #f0fdf4 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

    #flyout-cart .flyout-icon-wrap svg {
        width: 22px !important;
        height: 22px !important;
        stroke: #16a34a !important;
        fill: none !important;
    }

#flyout-cart .flyout-header .count {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #374151 !important;
    text-align: center !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    display: block !important;
}

#flyout-cart .mini-shopping-cart .items {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 12px !important;
    margin: 0 !important;
    max-height: 280px !important;
    overflow-y: auto !important;
    background: #f8f9fa !important;
}

    #flyout-cart .mini-shopping-cart .items::-webkit-scrollbar {
        width: 3px !important;
    }

    #flyout-cart .mini-shopping-cart .items::-webkit-scrollbar-thumb {
        background: #e5e7eb !important;
        border-radius: 99px !important;
    }

#flyout-cart .mini-shopping-cart .item {
    display: grid !important;
    grid-template-columns: 52px 1fr 24px !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    column-gap: 10px !important;
    padding: 12px !important;
    background: #fff !important;
    border-radius: 12px !important;
    border: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06) !important;
    position: relative !important;
    width: 100% !important;
}

    #flyout-cart .mini-shopping-cart .item .picture {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: 52px !important;
        height: 52px !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        background: #f9fafb !important;
        border: 1px solid #f3f4f6 !important;
        flex-shrink: 0 !important;
    }

        #flyout-cart .mini-shopping-cart .item .picture a {
            display: block !important;
            width: 52px !important;
            height: 52px !important;
        }

        #flyout-cart .mini-shopping-cart .item .picture img {
            width: 52px !important;
            height: 52px !important;
            object-fit: contain !important;
            display: block !important;
            padding: 4px !important;
            border: none !important;
            border-radius: 0 !important;
        }

    #flyout-cart .mini-shopping-cart .item .product {
        grid-column: 2 !important;
        grid-row: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 2px !important;
        text-align: left !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }

        #flyout-cart .mini-shopping-cart .item .product .name {
            margin: 0 !important;
            padding: 0 !important;
        }

            #flyout-cart .mini-shopping-cart .item .product .name a {
                font-size: 13px !important;
                font-weight: 600 !important;
                color: #111827 !important;
                text-decoration: none !important;
                line-height: 1.4 !important;
                display: block !important;
                white-space: nowrap !important;
                overflow: hidden !important;
                text-overflow: ellipsis !important;
            }

        #flyout-cart .mini-shopping-cart .item .product .price {
            font-size: 0 !important;
            display: block !important;
            margin: 0 !important;
        }

            #flyout-cart .mini-shopping-cart .item .product .price .product-unit-price {
                font-size: 13px !important;
                color: #D85A30 !important;
                font-weight: 700 !important;
                display: block !important;
            }

        #flyout-cart .mini-shopping-cart .item .product .quantity {
            font-size: 11px !important;
            color: #9ca3af !important;
            display: block !important;
            margin: 0 !important;
        }

    #flyout-cart .mini-shopping-cart .item .mini-remove-btn {
        grid-column: 3 !important;
        grid-row: 1 !important;
        justify-self: center !important;
        align-self: center !important;
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        border-radius: 50% !important;
        background: #f3f4f6 !important;
        border: none !important;
        color: #9ca3af !important;
        font-size: 10px !important;
        cursor: pointer !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        position: static !important;
        transform: none !important;
    }

        #flyout-cart .mini-shopping-cart .item .mini-remove-btn:hover {
            background: #fee2e2 !important;
            color: #ef4444 !important;
        }

#flyout-cart .mini-shopping-cart .totals {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 14px 16px !important;
    border-top: 1px solid #f3f4f6 !important;
    background: #fff !important;
    margin: 0 !important;
}

    #flyout-cart .mini-shopping-cart .totals label {
        font-size: 13px !important;
        color: #6b7280 !important;
        font-weight: 500 !important;
    }

    #flyout-cart .mini-shopping-cart .totals strong {
        font-size: 16px !important;
        color: #D85A30 !important;
        font-weight: 700 !important;
    }

#flyout-cart .mini-shopping-cart .buttons {
    padding: 12px 16px 16px !important;
    background: #fff !important;
}

    #flyout-cart .mini-shopping-cart .buttons .button-1.cart-button {
        width: 100% !important;
        padding: 14px !important;
        background: rgba(255, 107, 53, 1) !important;
        border: none !important;
        border-radius: 12px !important;
        color: #fff !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        letter-spacing: 0.5px !important;
        text-transform: uppercase !important;
        cursor: pointer !important;
        display: block !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

        #flyout-cart .mini-shopping-cart .buttons .button-1.cart-button:hover {
            background: #c04e26 !important;
        }

.mini-shopping-cart .picture + .product {
    margin: 0 0 0 20px !important;
}

#flyout-cart .flyout-header {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 14px 16px !important;
    border-bottom: 1px solid #f3f4f6 !important;
    background: #fff !important;
    text-align: left !important;
}

#flyout-cart .flyout-icon-wrap {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    border-radius: 0 !important;
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

    #flyout-cart .flyout-icon-wrap svg {
        width: 18px !important;
        height: 18px !important;
        stroke: #D85A30 !important;
        fill: none !important;
    }

#flyout-cart .flyout-header .count {
    flex: 1 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #111827 !important;
    text-align: left !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

    #flyout-cart .flyout-header .count a {
        color: #111827 !important;
        text-decoration: none !important;
        font-weight: 600 !important;
    }

#flyout-cart .flyout-header::after {
    content: attr(data-count) !important;
    background: rgba(255, 107, 53, 1) !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 3px 10px !important;
    border-radius: 99px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

/* ── Header horizontal compact ── */
#flyout-cart .flyout-header {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 14px 16px !important;
    border-bottom: 1px solid #f3f4f6 !important;
    background: #fff !important;
    text-align: left !important;
}

#flyout-cart .flyout-icon-wrap {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    border-radius: 0 !important;
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

    #flyout-cart .flyout-icon-wrap svg {
        width: 18px !important;
        height: 18px !important;
        stroke: #D85A30 !important;
        fill: none !important;
        color: #D85A30 !important;
    }

/* ── Count div ── */
#flyout-cart .flyout-header .count {
    flex: 1 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #111827 !important;
    text-align: left !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    overflow: hidden !important;
    font-size: 0 !important;
}

    /* ── "Cart" yazısını ::before ilə əlavə et ── */
    #flyout-cart .flyout-header .count::before {
        content: "Cart" !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        color: #111827 !important;
        flex-shrink: 0 !important;
    }

    /* ── Item sayı linki — pill badge ── */
    #flyout-cart .flyout-header .count a {
        background: rgba(255, 107, 53, 1) !important;
        color: #fff !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        padding: 3px 10px !important;
        border-radius: 99px !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
        display: inline-block !important;
    }

#flyout-cart .flyout-header .count {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #374151 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex: 1 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
}

    #flyout-cart .flyout-header .count a {
        background: rgba(255, 107, 53, 1) !important;
        color: #fff !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        padding: 3px 10px !important;
        border-radius: 99px !important;
        text-decoration: none !important;
        display: inline-block !important;
    }

#flyout-cart .flyout-header::after {
    display: none !important;
    content: none !important;
}

#flyout-cart .flyout-header .count {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #374151 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex: 1 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
}

    #flyout-cart .flyout-header .count a {
        background: rgba(255, 107, 53, 1) !important;
        color: #fff !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        padding: 3px 10px !important;
        border-radius: 99px !important;
        text-decoration: none !important;
        display: inline-block !important;
    }

#flyout-cart .flyout-header::after {
    display: none !important;
    content: none !important;
}

#flyout-cart .flyout-header .count::before {
    content: unset !important;
}

#flyout-wishlist.flyout-cart {
    background: #fff !important;
    border-radius: 20px !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.13) !important;
    border: none !important;
    width: 340px !important;
    padding: 0 !important;
    overflow: hidden !important;
}

#flyout-wishlist .mini-shopping-cart {
    display: flex !important;
    flex-direction: column !important;
}

#flyout-wishlist .flyout-header {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 14px 16px !important;
    border-bottom: 1px solid #f3f4f6 !important;
    background: #fff !important;
    text-align: left !important;
}

#flyout-wishlist .flyout-icon-wrap {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    border-radius: 0 !important;
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

    #flyout-wishlist .flyout-icon-wrap svg {
        width: 18px !important;
        height: 18px !important;
        stroke: #D85A30 !important;
        fill: none !important;
        color: #D85A30 !important;
    }

#flyout-wishlist .flyout-header .count {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #374151 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex: 1 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    border-radius: 0 !important;
}

    #flyout-wishlist .flyout-header .count a {
        background: rgba(255, 107, 53, 1) !important;
        color: #fff !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        padding: 3px 10px !important;
        border-radius: 99px !important;
        text-decoration: none !important;
        display: inline-block !important;
    }

#flyout-wishlist .flyout-header::after {
    display: none !important;
    content: none !important;
}

#flyout-wishlist .mini-shopping-cart .items {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 12px !important;
    margin: 0 !important;
    max-height: 280px !important;
    overflow-y: auto !important;
    background: #f8f9fa !important;
}

    #flyout-wishlist .mini-shopping-cart .items::-webkit-scrollbar {
        width: 3px !important;
    }

    #flyout-wishlist .mini-shopping-cart .items::-webkit-scrollbar-thumb {
        background: #e5e7eb !important;
        border-radius: 99px !important;
    }

#flyout-wishlist .mini-shopping-cart .item {
    display: grid !important;
    grid-template-columns: 52px 1fr 24px !important;
    align-items: center !important;
    column-gap: 10px !important;
    padding: 12px !important;
    background: #fff !important;
    border-radius: 12px !important;
    border: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06) !important;
    position: relative !important;
    width: 100% !important;
}

    #flyout-wishlist .mini-shopping-cart .item .picture {
        grid-column: 1 !important;
        width: 52px !important;
        height: 52px !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        background: #f9fafb !important;
        border: 1px solid #f3f4f6 !important;
        flex-shrink: 0 !important;
    }

        #flyout-wishlist .mini-shopping-cart .item .picture a {
            display: block !important;
            width: 52px !important;
            height: 52px !important;
        }

        #flyout-wishlist .mini-shopping-cart .item .picture img {
            width: 52px !important;
            height: 52px !important;
            object-fit: contain !important;
            display: block !important;
            padding: 4px !important;
            border: none !important;
            border-radius: 0 !important;
        }

    #flyout-wishlist .mini-shopping-cart .item .product {
        grid-column: 2 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 2px !important;
        text-align: left !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }

        #flyout-wishlist .mini-shopping-cart .item .product .name {
            margin: 0 !important;
            padding: 0 !important;
        }

            #flyout-wishlist .mini-shopping-cart .item .product .name a {
                font-size: 13px !important;
                font-weight: 600 !important;
                color: #111827 !important;
                text-decoration: none !important;
                line-height: 1.4 !important;
                display: block !important;
                white-space: nowrap !important;
                overflow: hidden !important;
                text-overflow: ellipsis !important;
            }

        #flyout-wishlist .mini-shopping-cart .item .product .price {
            font-size: 0 !important;
            display: block !important;
            margin: 0 !important;
        }

            #flyout-wishlist .mini-shopping-cart .item .product .price .product-unit-price {
                font-size: 13px !important;
                color: #D85A30 !important;
                font-weight: 700 !important;
                display: block !important;
            }

        #flyout-wishlist .mini-shopping-cart .item .product .quantity {
            font-size: 11px !important;
            color: #9ca3af !important;
            display: block !important;
            margin: 0 !important;
        }

    #flyout-wishlist .mini-shopping-cart .item .mini-remove-btn {
        grid-column: 3 !important;
        justify-self: center !important;
        align-self: center !important;
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        border-radius: 50% !important;
        background: #f3f4f6 !important;
        border: none !important;
        color: #9ca3af !important;
        font-size: 10px !important;
        cursor: pointer !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        position: static !important;
    }

        #flyout-wishlist .mini-shopping-cart .item .mini-remove-btn:hover {
            background: #fee2e2 !important;
            color: #ef4444 !important;
        }

#flyout-wishlist .mini-shopping-cart .totals {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 14px 16px !important;
    border-top: 1px solid #f3f4f6 !important;
    background: #fff !important;
    margin: 0 !important;
}

    #flyout-wishlist .mini-shopping-cart .totals label {
        font-size: 13px !important;
        color: #6b7280 !important;
        font-weight: 500 !important;
    }

    #flyout-wishlist .mini-shopping-cart .totals strong {
        font-size: 16px !important;
        color: #D85A30 !important;
        font-weight: 700 !important;
    }

#flyout-wishlist .mini-shopping-cart .buttons {
    padding: 12px 16px 16px !important;
    background: #fff !important;
}

    #flyout-wishlist .mini-shopping-cart .buttons .button-1 {
        width: 100% !important;
        padding: 14px !important;
        background: rgba(255, 107, 53, 1) !important;
        border: none !important;
        border-radius: 12px !important;
        color: #fff !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        letter-spacing: 0.5px !important;
        text-transform: uppercase !important;
        cursor: pointer !important;
        display: block !important;
        text-align: center !important;
        box-sizing: border-box !important;
        margin-bottom: 8px !important;
    }

        #flyout-wishlist .mini-shopping-cart .buttons .button-1:last-child {
            margin-bottom: 0 !important;
        }

        #flyout-wishlist .mini-shopping-cart .buttons .button-1:hover {
            background: #c04e26 !important;
        }

#flyout-wishlist .flyout-header .count {
    display: block !important;
}

/* ── Vendor dropdown container ── */
.mega-menu .dropdown.vendors {
    padding: 0 !important;
}

    .mega-menu .dropdown.vendors .row-wrapper {
        padding: 8px !important;
        margin: 0 !important;
        border: 1px solid #e5e7eb !important;
        border-radius: 12px !important;
        overflow: hidden !important;
        background: #f8f9fa !important;
    }

    .mega-menu .dropdown.vendors .row {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 8px !important;
        width: 100% !important;
        position: static !important;
        overflow: visible !important;
    }

        .mega-menu .dropdown.vendors .row::before,
        .mega-menu .dropdown.vendors .row::after {
            display: none !important;
        }

    /* ── Hər vendor box ── */
    .mega-menu .dropdown.vendors .box {
        border: none !important;
        border-radius: 10px !important;
        padding: 0 !important;
        background: #ffffff !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        margin: 0 !important;
        overflow: hidden !important;
        cursor: pointer !important;
        transition: box-shadow 0.2s !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
    }

        .mega-menu .dropdown.vendors .box:hover {
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;
        }

        /* ── Şəkil göstər ── */
        .mega-menu .dropdown.vendors .box .picture {
            display: block !important;
            width: 100% !important;
            height: 80px !important;
            overflow: hidden !important;
            background: #f3f4f6 !important;
        }

            .mega-menu .dropdown.vendors .box .picture a {
                display: block !important;
                width: 100% !important;
                height: 80px !important;
            }

            .mega-menu .dropdown.vendors .box .picture img {
                width: 100% !important;
                height: 80px !important;
                object-fit: cover !important;
                object-position: center !important;
                display: block !important;
            }

        /* ── Vendor adı ── */
        .mega-menu .dropdown.vendors .box .title {
            font-size: 11px !important;
            font-weight: 700 !important;
            color: #111827 !important;
            text-transform: uppercase !important;
            letter-spacing: 0.3px !important;
            line-height: 1.4 !important;
            border: none !important;
            padding: 8px 10px !important;
            margin: 0 !important;
            background: transparent !important;
            display: block !important;
        }

            .mega-menu .dropdown.vendors .box .title a {
                color: #111827 !important;
                text-decoration: none !important;
                font-size: 11px !important;
                font-weight: 700 !important;
                text-transform: uppercase !important;
                letter-spacing: 0.3px !important;
                display: block !important;
                white-space: nowrap !important;
                overflow: hidden !important;
                text-overflow: ellipsis !important;
            }

        .mega-menu .dropdown.vendors .box:hover .title a {
            color: #D85A30 !important;
        }

    /* ── Boş boxları gizlət ── */
    .mega-menu .dropdown.vendors .empty-box {
        display: none !important;
    }

.why-choose-grid {
    gap: 120px !important;
}

.section.select-billing-address .address-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
    flex-direction: unset !important;
}

    .section.select-billing-address .address-grid .address-item {
        width: 100% !important;
    }

.buttons.select-address-buttons {
    display: flex !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

    .buttons.select-address-buttons .button-1 {
        flex: 1 !important;
        padding: 14px !important;
        background: #D85A30 !important;
        border: none !important;
        border-radius: 10px !important;
        color: #fff !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        cursor: pointer !important;
    }

    .buttons.select-address-buttons .button-2.back-to-cart-button {
        flex: 1 !important;
        padding: 14px !important;
        background: transparent !important;
        border: 1.5px solid #D85A30 !important;
        border-radius: 10px !important;
        color: #D85A30 !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        cursor: pointer !important;
    }

.buttons.select-address-buttons {
    display: flex !important;
    gap: 12px !important;
    margin-top: 20px !important;
    align-items: stretch !important;
}

    .buttons.select-address-buttons .button-1,
    .buttons.select-address-buttons .button-2.back-to-cart-button {
        flex: 1 !important;
        padding: 14px !important;
        border-radius: 10px !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        cursor: pointer !important;
        height: 52px !important;
        box-sizing: border-box !important;
    }

    .buttons.select-address-buttons .button-1 {
        background: #D85A30 !important;
        border: none !important;
        color: #fff !important;
    }

    .buttons.select-address-buttons .button-2.back-to-cart-button {
        background: transparent !important;
        border: 1.5px solid #D85A30 !important;
        color: #D85A30 !important;
    }

    #billingaddress-next-button-select,
    .buttons.select-address-buttons .button-1.new-address-next-step-button {
        margin-top: unset !important;
    }

/* ── Address grid 2 sütun ── */
.section.select-billing-address .address-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
    flex-direction: unset !important;
}

@media (max-width: 768px) {
    .section.select-billing-address .address-grid {
        grid-template-columns: 1fr !important;
    }
}

/* ── Back + Next düymələri ── */
.buttons.select-address-buttons {
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
    margin-top: 20px !important;
    align-items: stretch !important;
}

    .buttons.select-address-buttons .button-1 {
        flex: 1 !important;
        padding: 14px !important;
        border-radius: 10px !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        cursor: pointer !important;
        height: 52px !important;
        box-sizing: border-box !important;
        background: #D85A30 !important;
        border: none !important;
        color: #fff !important;
    }

    .buttons.select-address-buttons .button-2.back-to-cart-button {
        flex: 1 !important;
        padding: 14px !important;
        border-radius: 10px !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        cursor: pointer !important;
        height: 52px !important;
        box-sizing: border-box !important;
        background: transparent !important;
        border: 1.5px solid #D85A30 !important;
        color: #D85A30 !important;
    }

#billing-form #panel-new-address .buttons .button-1 {
    width: 50% !important;
    margin: 0 auto !important;
}

#shipping-form #panel-new-shipping-address .buttons .button-1 {
    width: 50% !important;
    margin: 0 auto !important;
}

.shipping-address-page {
    background: rgba(255, 255, 255, 1) !important;
    gap: 24px !important;
    opacity: 1;
    border-radius: 12px !important;
    padding-top: 24px !important;
    padding-right: 20px !important;
    padding-bottom: 24px !important;
    padding-left: 20px !important;
}

    .shipping-address-page .address-item .select-button button {
        width: 100% !important;
    }

.category-page .product-item {
    padding: 10px !important;
}

.category-page .product-grid .item-box:hover {
    border: 1px solid rgba(255, 107, 53, 1) !important;
}

.product-grid .item-box .buttons .ajax-cart-button-wrapper button {
    flex: 1 !important;
    width: 150px !important;
    white-space: nowrap !important;
}

/* ── No payment methods ── */
.payment-no-methods {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 40px 20px !important;
    text-align: center !important;
    background: #fff9f7 !important;
    border-radius: 14px !important;
    border: 1px dashed #f9d4c5 !important;
    margin: 16px 0 !important;
}

.payment-no-methods-icon {
    width: 80px !important;
    height: 80px !important;
    border-radius: 50% !important;
    background: #fff4f0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 16px !important;
}

.payment-no-methods-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    margin-bottom: 6px !important;
}

.payment-no-methods-sub {
    font-size: 13px !important;
    color: #9ca3af !important;
    margin-bottom: 20px !important;
}

.payment-back-btn {
    padding: 12px 32px !important;
    border-radius: 10px !important;
    border: 1.5px solid #D85A30 !important;
    color: #D85A30 !important;
    background: transparent !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
}

.section.select-billing-address .address-grid .address-item {
    width: 99% !important;
}

@media screen and (max-width: 1024px) {
    .why-choose-grid {
        gap: 60px !important;
    }

    .section.select-billing-address .address-grid {
        grid-template-columns: 1fr !important;
    }

    .wishlist-content .wishlist-add-to-cart-button {
        width: 50% !important;
    }

    .common-buttons {
        flex-wrap: unset !important;
    }

    .side-2 {
        margin-top: 10px !important;
    }

    .wishlist-content .button-2 {
        width: 50% !important;
    }

    .share-info {
        display: none !important;
    }

    .badge {
        padding: 8px 17px !important;
    }

    .login-page .page-title h1 {
        margin-top: 15px !important;
        font-size: 29px !important;
    }
}

.why-choose-item {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    text-align: center !important;
}

.product-item .product-wish-btn:hover {
    background: rgba(255, 107, 53, 1) !important;
}

.login-page .topic-block-title h2 {
    display: none !important;
}




/* ===== FAQ Page - Modern Floating Cards (Full Rewrite) ===== */

/* Override the narrow centered wrapper */
.page-body > div[style*="max-width"],
.page-body > div[style*="max-width:600px"],
.page-body > div[style*="max-width: 600px"] {
    max-width: 100% !important;
    margin: 0 !important;
}

/* Each FAQ card - individual floating style */
.page-body details {
    background: #ffffff !important;
    border: 1px solid #ebebeb !important;
    border-radius: 14px !important;
    margin-bottom: 12px !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
    transition: box-shadow 0.2s ease !important;
}

    .page-body details:hover {
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.10) !important;
    }

    /* Open card - slightly stronger shadow */
    .page-body details[open] {
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.10) !important;
        border-color: #e0e0e0 !important;
    }

    /* Summary / question row */
    .page-body details summary {
        font-weight: 700 !important;
        font-size: 16px !important;
        cursor: pointer !important;
        padding: 22px 28px !important;
        list-style: none !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        color: #111111 !important;
        background: transparent !important;
        border-radius: 0 !important;
        border: none !important;
    }

        /* Hide default browser arrow */
        .page-body details summary::-webkit-details-marker {
            display: none !important;
        }

        .page-body details summary::marker {
            display: none !important;
        }

        /* Custom +/× icon - dark, like the reference */
        .page-body details summary::after {
            content: '+';
            font-size: 24px;
            font-weight: 300;
            color: #111111;
            transition: transform 0.25s ease;
            flex-shrink: 0;
            margin-left: 16px;
            line-height: 1;
        }

    .page-body details[open] > summary::after {
        transform: rotate(45deg);
    }

    /* Answer body */
    .page-body details > div,
    .page-body details > p,
    .page-body details [style*="margin-top"] {
        padding: 0 28px 24px 28px !important;
        margin: 0 !important;
        font-size: 15px !important;
        color: #555555 !important;
        line-height: 1.75 !important;
        border-top: none !important;
    }

/* Page title */
.page.topic-page .page-title h1 {
    font-size: 30px !important;
    font-weight: 700 !important;
    color: #111111 !important;
    margin-bottom: 28px !important;
    border-bottom: none !important;
}








/* ===== FAQ Page - Mobile Responsive ===== */

@media (max-width: 768px) {

    /* Reduce page padding on mobile */
    .page.topic-page .page-body {
        padding: 0 12px !important;
    }

    /* Page title smaller on mobile */
    .page.topic-page .page-title h1 {
        font-size: 22px !important;
        margin-bottom: 18px !important;
    }

    /* Tighter cards on mobile */
    .page-body details {
        border-radius: 10px !important;
        margin-bottom: 8px !important;
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.07) !important;
    }

        /* Smaller summary padding and font */
        .page-body details summary {
            font-size: 14px !important;
            font-weight: 700 !important;
            padding: 16px 18px !important;
            line-height: 1.4 !important;
        }

            /* Smaller + icon */
            .page-body details summary::after {
                font-size: 20px !important;
                margin-left: 12px !important;
            }

        /* Answer body smaller text */
        .page-body details > div,
        .page-body details > p,
        .page-body details [style*="margin-top"] {
            font-size: 13px !important;
            padding: 0 18px 18px 18px !important;
            line-height: 1.65 !important;
        }
}

/* ===== Extra small screens (phones < 480px) ===== */

@media (max-width: 480px) {

    .page.topic-page .page-title h1 {
        font-size: 20px !important;
    }

    .page-body details summary {
        font-size: 13px !important;
        padding: 14px 16px !important;
    }

        .page-body details summary::after {
            font-size: 18px !important;
            margin-left: 10px !important;
        }

    .page-body details > div,
    .page-body details > p,
    .page-body details [style*="margin-top"] {
        font-size: 13px !important;
        padding: 0 16px 16px 16px !important;
    }

    /* Remove side margin on very small screens */
    .page-body > div[style*="max-width"] {
        padding: 0 !important;
    }
}









/* ===== Orders - Nuclear fix for wrapper & banner ===== */

/* 1. Kill the orange banner - try all possible selectors */
.order-list-page .page-title,
.order-list-page .page-title-holder,
.account-page .page-title {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. Kill the outer white/gray wrapper box */
.order-list-page .page-body,
.order-list-page > .page-body,
.account-page.order-list-page .page-body {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

    /* Also kill any inner wrapper divs the theme adds */
    .order-list-page .page-body > div:not(.order-list),
    .order-list-page .page-body > .master-wrapper-content {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
    }

/* 3. Order list itself */
.order-list-page .order-list {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

/* 4. Each card - fully isolated */
.order-list-page .section.order-item {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06), 0 4px 12px rgba(0,0,0,0.04) !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
    transition: box-shadow 0.2s, transform 0.15s !important;
}

    .order-list-page .section.order-item:hover {
        box-shadow: 0 4px 20px rgba(0,0,0,0.10) !important;
        transform: translateY(-2px) !important;
    }

    /* 5. Title row - light gray header inside each card */
    .order-list-page .section.order-item .title {
        background: #f9fafb !important;
        border-bottom: 1px solid #e5e7eb !important;
        border-radius: 12px 12px 0 0 !important;
        padding: 12px 20px !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

        .order-list-page .section.order-item .title strong,
        .order-list-page .section.order-item .title * {
            font-size: 13px !important;
            font-weight: 700 !important;
            color: #111827 !important;
            letter-spacing: 0 !important;
            text-transform: none !important;
            background: none !important;
            border: none !important;
            padding: 0 !important;
            box-shadow: none !important;
        }

    /* 6. Info row */
    .order-list-page .section.order-item .info {
        list-style: none !important;
        padding: 14px 20px !important;
        padding-right: 130px !important;
        margin: 0 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 6px 20px !important;
        min-height: 52px !important;
    }

        .order-list-page .section.order-item .info li {
            font-size: 13px !important;
            color: #6b7280 !important;
            padding: 0 !important;
            margin: 0 !important;
            display: flex !important;
            align-items: center !important;
            gap: 5px !important;
            border: none !important;
            background: none !important;
        }

            .order-list-page .section.order-item .info li::before,
            .order-list-page .section.order-item .info li::after {
                display: none !important;
            }

/* 7. Status badge */
.order-list-page .order-status {
    display: inline-block !important;
    padding: 2px 10px !important;
    border-radius: 20px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

    .order-list-page .order-status.pending {
        background: #fff3e0 !important;
        color: #c2410c !important;
    }

    .order-list-page .order-status.processing {
        background: #eff6ff !important;
        color: #1d4ed8 !important;
    }

    .order-list-page .order-status.complete,
    .order-list-page .order-status.shipped {
        background: #f0fdf4 !important;
        color: #15803d !important;
    }

    .order-list-page .order-status.cancelled {
        background: #fff1f2 !important;
        color: #be123c !important;
    }

/* 8. Button - absolutely positioned right center */
.order-list-page .section.order-item .buttons {
    position: absolute !important;
    top: 50% !important;
    right: 20px !important;
    transform: translateY(30%) !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
}

    .order-list-page .section.order-item .buttons .button-2,
    .order-list-page .section.order-item .buttons .order-details-button {
        background: #f97316 !important;
        color: #ffffff !important;
        border: none !important;
        border-radius: 8px !important;
        padding: 9px 22px !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        cursor: pointer !important;
        letter-spacing: 0.05em !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
        box-shadow: none !important;
        transition: background 0.2s, transform 0.1s !important;
    }

        .order-list-page .section.order-item .buttons .button-2:hover,
        .order-list-page .section.order-item .buttons .order-details-button:hover {
            background: #ea6c0a !important;
            transform: scale(1.03) !important;
        }

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

    .order-list-page .section.order-item .buttons {
        position: static !important;
        transform: none !important;
        padding: 0 16px 14px 16px !important;
        justify-content: flex-end !important;
    }

    .order-list-page .section.order-item .info {
        padding: 12px 16px 8px 16px !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 6px !important;
    }

    .order-list-page .section.order-item .title {
        padding: 11px 16px !important;
    }

    .order-list-page .section.order-item .buttons .button-2,
    .order-list-page .section.order-item .buttons .order-details-button {
        width: 100% !important;
        text-align: center !important;
        padding: 12px !important;
    }
}






/* === TOS DIALOG ONLY — scoped, safe === */

[aria-describedby="terms-of-service-warning-box"].ui-dialog {
    border: none !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.15), 0 4px 16px rgba(0,0,0,0.08) !important;
    padding: 0 !important;
    width: 440px !important;
    background: #ffffff !important;
}

/* titlebar */
[aria-describedby="terms-of-service-warning-box"] .ui-dialog-titlebar {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 20px !important;
    height: 58px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

[aria-describedby="terms-of-service-warning-box"] .ui-dialog-title {
    color: #f8fafc !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    float: none !important;
    line-height: 1 !important;
}

/* close button */
[aria-describedby="terms-of-service-warning-box"] .ui-dialog-titlebar-close {
    position: static !important;
    float: none !important;
    top: auto !important;
    right: auto !important;
    margin: 0 !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 0 !important;
    padding: 0 !important;
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
    outline: none !important;
}

    [aria-describedby="terms-of-service-warning-box"] .ui-dialog-titlebar-close:hover {
        background: rgba(255,255,255,0.18) !important;
    }

    [aria-describedby="terms-of-service-warning-box"] .ui-dialog-titlebar-close span,
    [aria-describedby="terms-of-service-warning-box"] .ui-dialog-titlebar-close .ui-icon,
    [aria-describedby="terms-of-service-warning-box"] .ui-dialog-titlebar-close .ui-button-icon-primary {
        background-image: none !important;
        background: transparent !important;
        text-indent: 0 !important;
        overflow: visible !important;
/*        width: 16px !important;*/
        height: 16px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align:center !important;
    }

        [aria-describedby="terms-of-service-warning-box"] .ui-dialog-titlebar-close .ui-icon::before,
        [aria-describedby="terms-of-service-warning-box"] .ui-dialog-titlebar-close .ui-button-icon-primary::before {
            content: '×' !important;
            font-size: 20px !important;
            line-height: 1 !important;
            color: #ffffff !important;
        }

    [aria-describedby="terms-of-service-warning-box"] .ui-dialog-titlebar-close .ui-button-text {
        display: none !important;
    }

/* content wrapper */
[aria-describedby="terms-of-service-warning-box"] .ui-dialog-content {
    padding: 24px 24px 28px !important;
    background: #f8fafc !important;
    border: none !important;
}

/* warning message — icon via ::before */
#terms-of-service-warning-box {
    position: relative !important;
    background: #ffffff !important;
    border: none !important;
    border-left: 3px solid #f97316 !important;
    border-radius: 0 10px 10px 0 !important;
    padding: 14px 16px 14px 44px !important;
    min-height: auto !important;
    max-height: none !important;
    height: auto !important;
    box-shadow: 0 1px 8px rgba(0,0,0,0.07) !important;
}

    #terms-of-service-warning-box::before {
        content: '!' !important;
        position: absolute !important;
        left: 14px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 20px !important;
        height: 20px !important;
        background: #fff7ed !important;
        border: 1.5px solid #f97316 !important;
        border-radius: 50% !important;
        color: #f97316 !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        line-height: 1 !important;
        text-align: center !important;
    }

    #terms-of-service-warning-box,
    #terms-of-service-warning-box * {
        font-size: 13px !important;
        line-height: 1.6 !important;
        color: #7c2d12 !important;
    }








/* ===== ORDER DETAILS — MODERN REDESIGN ===== */

/* Base font */
.order-details-page,
.order-details-page * {
    font-family: 'DM Sans', 'Segoe UI', sans-serif !important;
}

    /* Page title */
    .order-details-page .page-title h1 {
        font-size: 22px !important;
        font-weight: 600 !important;
        letter-spacing: -0.4px !important;
        border-bottom: 2px solid #E8500A !important;
        display: inline-block !important;
        padding-bottom: 8px !important;
    }

/* Order overview bar */
.order-overview {
    background: #f8f8f6 !important;
    border: 1px solid #e8e8e4 !important;
    border-radius: 12px !important;
    padding: 20px 24px !important;
    display: flex !important;
    align-items: center !important;
    gap: 32px !important;
    flex-wrap: wrap !important;
    margin-bottom: 24px !important;
}

    .order-overview .order-number {
        font-size: 20px !important;
        font-weight: 600 !important;
        color: #E8500A !important;
        font-family: 'DM Mono', monospace !important;
    }

    .order-overview .order-date,
    .order-overview .order-status,
    .order-overview .order-total {
        font-size: 14px !important;
        font-weight: 500 !important;
    }

        .order-overview .order-total strong {
            font-size: 22px !important;
            font-family: 'DM Mono', monospace !important;
        }

        /* Order status badge */
        .order-overview .order-status span {
            display: inline-flex !important;
            align-items: center !important;
            gap: 5px !important;
            padding: 3px 10px !important;
            border-radius: 20px !important;
            font-size: 12px !important;
            font-weight: 500 !important;
            background: #FFF3E0 !important;
            color: #B45309 !important;
            border: 1px solid #F59E0B44 !important;
        }

/* Info area table layout */
.order-details-area {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

    .order-details-area table {
        width: 100% !important;
        border-collapse: separate !important;
        border-spacing: 16px 0 !important;
    }

    /* Billing & Shipping cards */
    .order-details-area ul.billing-info,
    .order-details-area ul.shipping-info {
        background: #fff !important;
        border: 1px solid #e8e8e4 !important;
        border-radius: 12px !important;
        padding: 20px 24px !important;
        position: relative !important;
        overflow: hidden !important;
        list-style: none !important;
        margin: 0 !important;
    }

        .order-details-area ul.billing-info::before,
        .order-details-area ul.shipping-info::before {
            content: '' !important;
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            height: 2px !important;
            background: #E8500A !important;
        }

    /* Section titles inside cards */
    .order-details-area ul li.title {
        font-size: 11px !important;
        font-weight: 600 !important;
        letter-spacing: 0.1em !important;
        text-transform: uppercase !important;
        color: #E8500A !important;
        margin-bottom: 12px !important;
        padding: 0 !important;
        border: none !important;
    }

    .order-details-area ul li.name {
        font-size: 15px !important;
        font-weight: 600 !important;
        color: #1a1a1a !important;
        margin-bottom: 4px !important;
        padding: 0 !important;
    }

    .order-details-area ul li {
        font-size: 13px !important;
        color: #555 !important;
        padding: 2px 0 !important;
        border: none !important;
        line-height: 1.6 !important;
    }

        .order-details-area ul li.email {
            color: #E8500A !important;
        }

        /* Shipping method/status pills */
        .order-details-area ul li.shipping-method span {
            display: inline-flex !important;
            align-items: center !important;
            padding: 4px 12px !important;
            border-radius: 20px !important;
            font-size: 12px !important;
            font-weight: 500 !important;
            background: #EAF3DE !important;
            color: #27500A !important;
            border: 1px solid #63992244 !important;
        }

        .order-details-area ul li.shipping-status span {
            display: inline-flex !important;
            align-items: center !important;
            padding: 4px 12px !important;
            border-radius: 20px !important;
            font-size: 12px !important;
            background: #f5f5f3 !important;
            color: #666 !important;
            border: 1px solid #ddd !important;
        }

/* ===== TOTALS TABLE ===== */

.section.totals {
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 24px !important;
}

    .section.totals .total-info {
        width: 100% !important;
        max-width: 360px !important;
    }

table.cart-total {
    width: 100% !important;
    border-collapse: collapse !important;
    background: #fff !important;
    border: 1px solid #e8e8e4 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    border-spacing: 0 !important;
}

    table.cart-total tr td {
        padding: 10px 16px !important;
        font-size: 13px !important;
        color: #555 !important;
        border-bottom: 1px solid #f0f0ec !important;
        border-left: none !important;
        border-right: none !important;
        border-top: none !important;
        background: none !important;
    }

        table.cart-total tr td:last-child {
            text-align: right !important;
            font-family: 'DM Mono', monospace !important;
            color: #1a1a1a !important;
        }

        /* Zero values muted */
        table.cart-total tr td:last-child {
            color: #888 !important;
        }

    /* Order Total row — last tr */
    table.cart-total tr:last-child td {
        border-bottom: none !important;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        color: #1a1a1a !important;
        background: #f8f8f6 !important;
    }

        table.cart-total tr:last-child td:last-child {
            font-size: 16px !important;
            color: #E8500A !important;
            font-family: 'DM Mono', monospace !important;
        }



.order-details-page .pdf-invoice-button, .order-details-page .print-order-button {
    display: none !important;
}

.order-details-area ul li.title{
    font-weight: 500 !important;
}



.order-details-page .shipping-method {
    box-shadow: unset !important;
    background: unset !important;
}

.section.totals .total-info {
    background: #fff !important;
    border: 1px solid #e8e8e4 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    max-width: 360px !important;
    margin-left: auto !important;
}

table.cart-total {
    width: 100% !important;
    border-collapse: collapse !important;
    border-radius: 0 !important;
    border: none !important;
    overflow: visible !important;
}

@media (max-width: 480px) {
    .section.totals{
        justify-content: center !important;
    }
}





.product-grid .item-box {
    width: 228px !important;
    height: 284px !important;

}

.product-item{
    padding-left: 5px !important;
    padding-right: 5px !important;

}


    .product-item .details .quantity-btn{
        width: 30px !important;
        height: 30px !important;
    }
    .product-item .picture {
        height: 130px !important

    }
    .product-item .picture-img {
        width: 100% !important;
        margin-top: 5px !important;
    }

.hover-video {
    margin-top: 5px !important;
    border-radius: 11px !important;
}
.product-grid .item-box .buttons .ajax-cart-button-wrapper button {
    width: 90% !important;
    height: 37px !important;
}
/* Yalnız homePageQuickTabs içindəki product grid üçün (Featured/New Products) */
#homePageQuickTabs .product-grid .item-grid {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 10px !important;
}
.category-page .product-grid .item-grid {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 15px !important;
}
/* Our Offers - slick carousel-i qorumaq üçün */
/*.home-page-product-grid .slick-carousel.item-grid {
    display: flex !important;
    grid-template-columns: unset !important;
}*/
/*  .product-grid  .item-grid {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 10px !important;
}*/
.slick-slider .slick-track {
    width: 100% !important;
    padding-bottom: 20px !important;
    padding-top: 20px !important;
}
.carousel-item {
    width: 228px !important;
    height: 284px !important;
}
.product-grid .item-box {
    margin: unset !important;
}

.product-item .product-wish-btn {
    right: 0px !important;
}

.gallery .picture {
    width: 320px !important;
}



.ap-summary-card .totals .order-total td {
    background: unset !important;
}

.category-search-box{
    box-shadow: unset !important;
}

.product-grid  .item-box:hover {
    border: 1px solid rgba(255, 107, 53, 1) !important;
}


#flyout-cart .mini-shopping-cart .items {
    display: block !important;
    max-height: 250px !important;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
    min-height: 0 !important;
}

    #flyout-cart .mini-shopping-cart .items .item {
        display: grid !important;
        margin-top: 10px !important;
    }

        #flyout-cart .mini-shopping-cart .items .item.first {
            margin-top: 0 !important;
        }


#flyout-wishlist .mini-shopping-cart .items {
    display: block !important;
    max-height: 250px !important;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
    min-height: 0 !important;
}



    #flyout-wishlist .mini-shopping-cart .items .item {
        display: grid !important;
        margin-top: 10px !important;
    }
        #flyout-wishlist .mini-shopping-cart .items .item.first {
            margin-top: 0 !important;
        }





.nop-jcarousel .carousel-title strong {
    background: unset !important;
    color: #1a73e8 !important;
    border-bottom: 2px solid #1a73e8 !important;
    background: none !important;
    font-weight: 500 !important;
    padding: 14px 28px !important;
    text-align: left !important;
    border-radius: unset !important;
    width: unset !important;
    text-transform: capitalize !important;
}




#ph-topic  .page-title {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

@media (max-width: 1100px) {
    #homePageQuickTabs .product-grid .item-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }

        .product-grid .item-box {
            height: auto !important;
            padding: unset !important;
        }
    }

    @media (max-width: 768px) {
        #homePageQuickTabs .product-grid .item-grid {
            grid-template-columns: repeat(2, 1fr) !important;
        }


        .product-grid .item-box {
            height: auto !important;
            padding: unset !important;
        }
    }

    @media (max-width: 480px) {
        #homePageQuickTabs .product-grid .item-grid {
            grid-template-columns: repeat(1, 1fr) !important;
        }

        .product-grid .item-box {
            height: auto !important;
            padding: unset !important;
        }
    }

.vendor-registration-page .fieldset + .fieldset {
    margin-top: 30px;
}

.vendor-registration-page .fieldset .title {
    margin: unset !important;
    border: unset !important;
    text-align: unset !important;
    background: unset !important;
}

.vendor-registration-page .inputs {
    display: flex !important;
    flex-direction: column !important;
}

.vendor-registration-page .inputs input,
.vendor-registration-page .inputs textarea,
.vendor-registration-page .inputs select {
    border: 1px solid rgba(214, 214, 214, 1) !important;
    width: 383px !important;
    max-width: 100% !important;
    opacity: 1 !important;
    border-radius: 8px !important;
    padding-top: 20px !important;
    padding-right: 12px !important;
    padding-bottom: 20px !important;
    padding-left: 12px !important;
    border-width: 1px !important;
    color: rgba(163, 163, 163, 1) !important;
    background: rgba(255, 255, 255, 1) !important;
}

.vendor-registration-page .inputs input {
    height: 40px !important;
}

.vendor-registration-page .inputs textarea {
    min-height: 110px !important;
    width: 383px !important;
    resize: vertical;
}

.vendor-registration-page .inputs input[type="file"] {
    height: auto !important;
    min-height: 40px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    cursor: pointer;
}

.vendor-registration-page .inputs input:focus,
.vendor-registration-page .inputs textarea:focus,
.vendor-registration-page .inputs select:focus {
    border-color: #E07856 !important;
    box-shadow: 0 0 0 3px rgba(224, 120, 86, 0.1) !important;
    outline: none;
}

.vendor-registration-page .inputs .required {
    margin: unset !important;
}

.vendor-registration-page .captcha-box,
.vendor-registration-page .captcha-box div,
.vendor-registration-page .captcha-box input {
    max-width: 100%;
}

@media (max-width: 768px) {
    .vendor-registration-page .inputs input,
    .vendor-registration-page .inputs textarea,
    .vendor-registration-page .inputs select {
        width: 100% !important;
    }
}