@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);

@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);

.custom-error {
    color: red;
    font: 16px / 22px "Afacad", sans-serif;
    margin-top: 10px;
}

.error {
    color: red;
}

.product-details a {
    color: #1E1E1E !important;
    text-decoration: none !important;
}

.product-details a:hover {
    color: rgba(233, 92, 44, 1) !important;
}

.form-check-input:checked {
    background-color: #E95C2C !important;
    border-color: #E95C2C !important;
}

.loader {
    border: 2px solid #f3f3f3;
    /* Light grey */
    border-top: 2px solid #3498db;
    /* Blue */
    border-radius: 50%;
    width: 12px;
    height: 12px;
    animation: spin 1s linear infinite;
    display: inline-block;
    /* Adjust this as needed */
    margin-left: 5px;
    /* Add some spacing */
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

body {
    /* font-family: Segoe UI, sans-serif !important; */
    font: 14px/22px "Afacad", sans-serif;
    background: #FFFFFF;
}

*,
*:before,
*:after {
    box-sizing: border-box;
}

.lighter-text {
    color: #ABB0BE;
}

.main-color-text {
    color: #6394F8;
}

nav {
    padding: 20px 0 40px 0;
    font-size: 16px;
}

nav .navbar-left {
    float: left;
}

nav .navbar-right {
    float: right;
}

nav ul li {
    display: inline;
    padding-left: 20px;
}

nav ul li a {
    color: #777777;
    text-decoration: none;
}

nav ul li a:hover {
    color: black;
}


.badge {
    background-color: #198754;
    border-radius: 10px;
    color: white;
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    padding: 4px 7px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.shopping-cart {
    margin: 20px 0;
    float: right;
    background: white;
    width: 320px;
    position: absolute;
    border-radius: 3px;
    padding: 20px;
    display: none;
    top: 79%;
    right: 7%;
    z-index: 1;
}

.shopping-cart .shopping-cart-header {
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 15px;
}

.shopping-cart .shopping-cart-header .shopping-cart-total {
    float: right;
}

.shopping-cart .shopping-cart-items {
    padding-top: 20px;
}

.shopping-cart .shopping-cart-items li {
    margin-bottom: 18px;
}

.shopping-cart .shopping-cart-items img {
    float: left;
    margin-right: 12px;
}

.shopping-cart .shopping-cart-items .item-name {
    display: block;
    /* padding-top: 10px; */
    font-size: 16px;
}

.shopping-cart .shopping-cart-items .item-price {
    color: #6394F8;
    margin-right: 8px;
}

.shopping-cart .shopping-cart-items .item-quantity {
    color: #ABB0BE;
    font-size: 12px;
}

.shopping-cart:after {
    bottom: 100%;
    left: 89%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: white;
    border-width: 8px;
    margin-left: -8px;
}

.cart-icon {
    color: #515783;
    font-size: 24px;
    margin-right: 7px;
    float: left;
}

.button {
    background: #198754;
    color: white;
    text-align: center;
    padding: 12px;
    text-decoration: none;
    display: block;
    border-radius: 3px;
    font-size: 16px;
    margin: 25px 0 15px 0;
}

.button:hover {
    background: lighten(#6394F8, 3%);
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.cart-detail {
    padding-bottom: 50px;
    font-family: 'Montserrat', sans-serif;
}

.cart-detail.dark {
    background-color: #f6f6f6;
}

.cart-detail .content {
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.075);
    background-color: white;
    border-radius: 10px;
}

.cart-detail .block-heading {
    padding-top: 20px;
    margin-bottom: 40px;
    text-align: center;
}

.cart-detail .block-heading p {
    text-align: center;
    max-width: 420px;
    margin: auto;
    opacity: 0.7;
}

.cart-detail .dark .block-heading p {
    opacity: 0.8;
}

.cart-detail .block-heading h1,
.cart-detail .block-heading h2,
.cart-detail .block-heading h3 {
    margin-bottom: 1.2rem;
    color: #3b99e0;
}

.cart-detail .items {
    margin: auto;
}

.cart-detail .items .product {
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.cart-detail .items .product .info {
    padding-top: 0px;
    text-align: center;
}

.cart-detail .items .product .info .product-name {
    font-weight: 600;
}

.cart-detail .items .product .info .product-name .product-info {
    font-size: 14px;
    margin-top: 15px;
}

.cart-detail .items .product .info .product-name .product-info .value {
    font-weight: 400;
}

.cart-detail .items .product .info .quantity .quantity-input {
    margin: auto;
    width: 80px;
}

.cart-detail .items .product .info .price {
    margin-top: 15px;
    font-weight: bold;
    font-size: 22px;
}

.cart-detail .summary {
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.075);
    border-top: 2px solid #5ea4f3;
    background-color: #f7fbff;
    border-radius: 10px;
    height: 100%;
    padding: 30px;
}

.cart-detail .summary h3 {
    text-align: center;
    font-size: 1.3em;
    font-weight: 600;
    padding-top: 20px;
    padding-bottom: 20px;
}

.cart-detail .summary .summary-item:not(:last-of-type) {
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.cart-detail .summary .text {
    font-size: 1em;
    font-weight: 600;
}

.cart-detail .summary .price {
    font-size: 1em;
    float: right;
}

.total-highlight {
    background: rgba(0, 128, 0, 0.3);
    padding: 6px;
}

@media (min-width: 768px) {
    .owl-theme .owl-nav [class*=owl-] {
        padding: 6px 7px !important;
    }
    .cart-detail .items .product .info {
        padding-top: 25px;
        text-align: left;
    }

    .cart-detail .items .product .info .price {
        font-weight: bold;
        font-size: 22px;
        top: 17px;
    }

    .cart-detail .items .product .info .quantity {
        text-align: center;
    }

    .cart-detail .items .product .info .quantity .quantity-input {
        padding: 4px 10px;
        text-align: center;
    }
}

.product-image-switch {
    position: absolute;
    bottom: 10px;
    right: 36%;
}

.image-slider-button {
    background: #ccc;
    color: #fff;
    vertical-align: top;
    padding: 3px 16px;
    cursor: pointer;
    font-size: 14px;
    border-radius: 24px;
    border: none;
}

.active-button {
    background: #666;
}

.button-attribute {
    border: 2px solid #000;
    padding: 4px 15px;
}

.navigation-button {
    background-color: grey;
    border-radius: 30px;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: "/";
    color: rgba(104, 99, 99, 1);
}

.breadcrumb-item {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #222;
}

.breadcrumb-item.active {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: rgba(30, 30, 30, 1);
}

.breadcrumb-item a {
    font-size: 16px;
    font-weight: 400;
    line-height: 21.33px;
    color: rgba(104, 99, 99, 1);
    text-decoration: none;
}

.feature-col-gap {
    gap: 2rem;
}

.feature-icon {
    height: 50px;
}

@media (max-width:1440px) {
    .owl-carousel .owl-stage-outer {
        max-height: 585px !important;
    }
}

@media (max-width:1300px) {
    .call-card {
        display: block !important;
    }

    .padding-1 {
        margin-left: 45px;
    }

    .padding-3 {
        margin-left: 38px;
    }

    .call-time {
        padding-top: 6px !important;
    }

    .br-none {
        display: none !important;

    }
}

@media (max-width: 1024px) {
    .image-slider-dimension {
        height: auto !important;
    }

    .show-1024 {
        display: block !important;
    }

    .hide-1024 {
        display: none !important;
    }

    .product-title {
        font-size: 30px !important;
        line-height: 30px !important;
    }
}

@media (max-width: 576px) {
    .floating-cart {
        top: -8px !important;
        right: 13px !important;
    }
}

@media (max-width: 375px) {
    .related-product-title {
        font-size: 20px !important;
        line-height: 28.31px !important;
    }

    .product-cart-item .product-image img {
        width: 100px !important;
        height: 142px !important;
    }

    .radio-hw {
        width: 18px;
    }
}

@media (min-width : 374px) and (max-width: 768px) {
    .related-product-title {
        font-size: 24px !important;
        line-height: 28.31px !important;
    }
}


@media (min-width : 321px) and (max-width: 768px) {
    .product-cart-item .product-image img {
        width: 114px !important;
    }
}

@media (max-width: 375px) {
    .mobile-d-block {
        display: block !important;
    }
}

@media (max-width: 768px) {
    .search-dropdown {
        right: unset !important;
        width: 100% !important;
        left: 0 !important;
    }

    .order-summary-total-text {
        font-size: 18px !important;
    }

    .order-summary-text .total {
        font-size: 16px !important;
    }

    .order-summary-text {
        font-size: 16px !important;
    }

    #vip_note {
        font-size: 16px !important;
        margin-left: 10px;
    }

    .shipping-method-card .content {
        font-size: 16px !important;
    }

    .shipping-address-title {
        font-size: 18px !important;
        line-height: 25px !important;
    }

    .back-to-cart {
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 20px !important;
    }

    .verification-card .update-mobile {
        font-size: 20px !important;
    }

    .otp-verify-button {
        padding: 8px 30px 8px 30px !important;
    }

    .mobile-input label {
        font-size: 16px !important;
    }

    .breadcrumb-item a {
        font-size: 14px !important;
    }

    .otp-verify-button {
        font-size: 18px !important;
    }

    .verification-card .click-to-change {
        font-size: 14px !important;
        line-height: 22px !important;
        white-space: nowrap !important;
    }

    .verification-card .otp-sent {
        font-size: 16px !important;
    }

    .verification-card {
        padding: 25px 20px 25px 20px !important;
    }

    .product-cart-item .remove {
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 12px !important;
    }

    .product-cart-item .wishlist {
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 12px !important;
    }

    .product-cart-item .current-price {
        font-size: 20px !important;
        font-weight: 700 !important;
        line-height: 15px !important;
        letter-spacing: 0.02em !important;
        color: rgba(233, 92, 44, 1);
    }

    .product-cart-item .original-price {
        font-size: 20px !important;
        font-weight: 700 !important;
        line-height: 15px !important;
        margin-left: 5px !important;
    }

    .product-cart-item .discount {
        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 18px !important;
    }

    .product-cart-item .product-details h3 {
        font-size: 20px !important;
        font-weight: 500 !important;
        line-height: 25px !important;
    }

    .product-cart-item .product-details p {
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 16px !important;
    }

    .cart-badge {
        right: -10px !important;
    }

    .floating-cart {
        top: 0px !important;
        right: 10px !important;
    }

    .help-card-mobile-col {
        padding-right: 0px !important;
    }

    .custom-row>.col-lg-3:nth-child(odd) {
        padding-right: 5px !important;
    }

    .custom-row>.col-lg-3:nth-child(even) {
        padding-left: 5px !important;
    }

    .custom-button {
        font-size: 14px !important;
    }

    .product-discount-percent-main {
        font-size: 16px !important;
        line-height: 24px !important;
    }

    .five-star-experience {
        border: 1px solid #E8E8E8 !important;
    }

    .play-button {
        height: 40px !important;
        width: 40px !important;
        font-size: 18px !important;
        padding: 3px 20px 6px 4px !important;
    }

    .icon-size-play {
        font-size: 36px !important;
    }

    .play-button .play-icon {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .related-product-name {
        font-size: 18px !important;
        line-height: 20px !important;
    }

    .related-product-price {
        font-size: 16px !important;
        line-height: 21px !important;
        color: rgba(233, 92, 44, 1);
        width: 60%;
    }

    .extra-feature {
        font-size: 14px !important;
    }

    .nav-justified .nav-item,
    .nav-justified>.nav-link {
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 28px !important;
    }

    .footer-category li a {
        line-height: 34px !important;
    }

    .footer-links li a {
        line-height: 34px !important;
    }

    .extra-feature-one {
        font-size: 16px !important;
        line-height: 24px !important;
    }

    .product-feature-title {
        font-size: 16px !important;
        line-height: 28px !important;
    }

    .product-discount-percent {
        color: rgba(233, 92, 44, 1) !important;
        font-size: 12px !important;
        line-height: 18px !important;
    }

    .product-price {
        font-size: 19px !important;
        line-height: 33.33px !important;
        color: rgba(233, 92, 44, 1);

    }

    .product-title {
        font-size: 22px !important;
        line-height: 25px !important;
    }

    .product-subtitle {
        font-size: 16px !important;
        line-height: 24px !important;
    }

    .feature-col-gap {
        gap: 1rem;
    }

    .feature-icon {
        height: 50px !important;
    }

    .breadcrumb-item {
        font-size: 14px;
    }

    .breadcrumb-item.active {
        font-size: 14px;
    }

    .custom-navbar li a {
        /*color: rgba(255, 255, 255, 1) !important;*/
    }

    .number-font {
        font-size: 12px;
    }

    .logo-style {
        max-width: 180px !important;
    }
}

.welcome-tips {
    margin-bottom: 20px;
    font-size: 0;
}

.welcome-tips .tips-row {
    display: inline-block;
    width: 210px;
    text-align: left;
    height: 40px;
    line-height: 20px;
    color: #222;
    text-decoration: none;
    overflow: hidden;
    margin-bottom: 12px;
}

.welcome-tips .tips-row .tips-wrapper {
    display: inline-block;
    height: 40px;
    font-size: 12px;
    position: relative;
    padding-left: 44px;
    max-width: 100%;
}

.welcome-tips .img-icon {
    position: absolute;
    display: inline-block;
    width: 40px;
    height: 40px;
    overflow: hidden;
    vertical-align: middle;
    left: 0;
    top: 0;
}

.header-info {
    background: rgba(233, 92, 44, 1);
    font-size: 14px;
    font-weight: 600;
    line-height: 18.67px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 1);
    height: 40px;
    z-index: 1;
}

.custom-navbar li a {
    font-size: 20px;
    font-weight: 400;
    line-height: 26.33px;
    /*color: rgba(255, 255, 255, 1) !important;*/
}

.number-font {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.mobile-nav-menu {
    position: absolute;
    z-index: 900;
    width: 100%;
    top: 16%;
    /*text-align: right;*/
    text-align: left;
    padding: 20px;
    background: black;
    /*height: 100%;*/
    height: auto;
    opacity: 0.9;
}

.left-vertical-line {
    position: fixed;
    left: 30px;
    top: 0;
    height: 100vh;
    border: 1px solid #E8E8E8;
    opacity: 1;
    z-index: -1;
}

.right-vertical-line {
    position: fixed;
    right: 30px;
    top: 0;
    height: 100vh;
    border: 1px solid #E8E8E8;
    opacity: 1;
    z-index: -1;
}

.header-horizontal-line {
    border: 1px solid #E8E8E8;
    opacity: 1;
    margin: 0.3rem 0px 0.3rem 0;
}

.search-font {
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.94px;
}

.has-search .form-control {
    padding-left: 2.375rem;
    border-radius: 18px;
    background: rgba(241, 243, 244, 1);
    vertical-align: middle;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}


.product-title {
    font-family: Abhaya Libre;
    font-size: 30px;
    font-weight: 500;
    line-height: 38px;
}

.product-subtitle {
    font-size: 22px;
    font-weight: 400;
    line-height: 25px;
}

.outer {
    margin: 0 auto;
    max-width: 800px;
}

#big .item {
    background: #ec6e46;
    margin: 2px;
    /* height: 613.85px; */
    color: #FFF;
    border-radius: 20px;
    text-align: center;
}

#big .item img {
    /* height: 613.85px; */
    border-radius: 10px;
    width: 100%;
    object-fit: cover;

}

#thumbs .item {
    background: #C9C9C9;
    line-height: 90px;
    padding: 0px;
    margin: 0px 5px 0px 5px;
    color: #FFF;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
}

#thumbs .item img {
    border-radius: 5px;
    width: 100%;
    object-fit: cover;
}

#thumbs .current .item {
    background: #FF5722;
}

.owl-theme .owl-nav [class*='owl-'] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.owl-theme .owl-nav [class*='owl-'].disabled:hover {
    background-color: #D6D6D6;
}

#big.owl-theme {
    position: relative;
}

#big.owl-theme .owl-next,
#big.owl-theme .owl-prev {
    background: transparent;
    width: 22px;
    line-height: 40px;
    height: 40px;
    margin-top: -20px;
    position: absolute;
    text-align: center;
    top: 50%;
    color: black;
}

#big.owl-theme .owl-prev {
    left: 10px;
}

#big.owl-theme .owl-next {
    right: 10px;
}

#thumbs.owl-theme .owl-next,
#thumbs.owl-theme .owl-prev {
    background: #333;
}

.product-price {
    font-size: 26px;
    font-weight: 700;
    color: rgba(233, 92, 44, 1);
}

.product-discount-percent-main {
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    color: #E95C2C;
}

.product-discount-percent {
    color: rgba(233, 92, 44, 1);
    font-size: 16px;
    font-weight: 700;
}

.price-part {
    display: flex;
    /*display: inline-block;*/
    margin-bottom: 4px;
    /*border: 1px solid rgba(233, 92, 44, 1);*/
    border-radius: 4px;
    width: auto;
    /*padding: 0px 10px 0px 10px;*/
    font-size: 16px;
}

.product-feature-title {
    color: rgba(30, 30, 30, 1);
    font-size: 20px;
    font-weight: 500;
}

.color-list {
    border: 1px solid rgba(209, 209, 209, 1);
    min-width: 25px;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    height: auto;
    padding: 10px 40px 10px 20px;
}

.color-list span {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}

.selected-option {
    border-color: rgba(233, 92, 44, 1);
    color: rgba(233, 92, 44, 1);
}

.disabled-option {
    color: rgba(0, 0, 0, 0.5);
    border: 2px dotted gray;
    background-color: #f5f5f5;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M100 0 L0 100' stroke='rgba(0, 0, 0, 0.5)' stroke-width='1' stroke-dasharray='4,4'/><path d='M0 0 L100 100' stroke='rgba(0, 0, 0, 0.5)' stroke-width='1' stroke-dasharray='4,4'/></svg>");
    /*background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M100 0 L0 100 ' stroke='black' stroke-width='1' stroke-dasharray='4,4'/><path d='M0 0 L100 100 ' stroke='black' stroke-width='1' stroke-dasharray='4,4'/></svg>");*/
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%, auto;
}

.disabled-option-no-cross {
    /*border: 2px dotted gray;*/
    /*color: rgba(0, 0, 0, 0.5);*/
    /*background-color: #f5f5f5;*/
}

/*.dis-option {*/
/*    border-color: rgba(233, 92, 44, 1);*/
/*    color: rgba(233, 92, 44, 1);*/
/*}*/

.disabled-font {
    opacity: 0.5;
}

.display-label {
    border-radius: 4px 4px 20px 4px;
    background-color: rgba(206, 0, 0, 1);
    color: white;
    padding: 2px 22px 2px 15px;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    position: relative;
    clip-path: polygon(0 0, calc(100% - 0px) 0, 100% 0%, calc(100% - 15px) 100%, 0 100%);
}

.display-label-showroom {
    border-radius: 4px 4px 20px 4px;
    background-color: rgba(206, 0, 0, 1);
    color: white;
    padding: 2px 22px 2px 15px;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    position: relative;
    /*clip-path: polygon(0 0, calc(100% - 0px) 0, 100% 0%, calc(100% - 15px) 100%, 0 100%);*/
}

.button-border {
    border: 1px solid rgba(209, 209, 209, 1);
    border-radius: 5px;
}

.extra-feature-one {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
}

.extra-feature {
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    margin-top: 8px;
    margin-bottom: 0px !important;
}

.video-container {
    width: 100%;
    border-radius: 4px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.video-container video {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 78px;
    width: 78px;
    transform: translate(-50%, -50%);
    font-size: 50px;
    color: rgba(233, 92, 44, 1);
    background: rgba(255, 255, 255, 1);
    border: none;
    border-radius: 50%;
    padding: 17px 19px;
    cursor: pointer;
    display: none;
    /* Hidden initially */
}

.icon-size-play {
    font-size: 46px;
}

.video-container.paused .play-button {
    display: inline;
}

.related-product-title {
    font-family: Abhaya Libre;
    font-size: 45px;
    font-weight: 500;
    line-height: 53.09px;
}

.related-product-price {
    font-size: 20px;
    font-weight: 700;
    line-height: 26.67px;
    color: rgba(233, 92, 44, 1);
}

.related-product-name {
    font-size: 24px;
    /*font-weight: 600;*/
    line-height: 25px;
    color: rgba(30, 30, 30, 1) !important;
    text-decoration: none;
}

.related-product-name:hover {
    color: rgba(233, 92, 44, 1) !important;
}

.five-star-experience {
    border: 1px solid #ddd;
    /*border: 1px solid rgba(233, 92, 44, 1);*/
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    /*height: 100%;*/
}


.nav-link:focus {
    color: rgba(30, 30, 30, 1) !important;
}

.nav-tabs {
    border-bottom: 1px solid rgba(232, 232, 232, 1);
}

.nav-tabs .nav-link.active {
    border-color: transparent !important;
    border-bottom: solid rgba(233, 92, 44, 1) !important;
}

.nav-tabs .nav-link:not(.active):hover {
    color: rgba(233, 92, 44, 1) !important;
    border-color: transparent !important;
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
    color: var(--Neutral-800, rgba(29, 41, 57, 1));
}

.related-product-link {
    position: relative;
    display: inline-block;
}

.related-product-image {
    display: block;
    position: relative;
    /* Makes the container a positioning context */
    width: 100%;
    /* Responsive width */
    padding-top: 100%;
    /* Ensures a 1:1 aspect ratio */
    overflow: hidden;
    /* Ensures image doesn't spill out */
    border-radius: 10px;
    /* Rounded corners */
}

.related-product-image img {
    position: absolute;
    /* Positions the image within the container */
    top: 0;
    left: 0;
    width: 100%;
    /* Ensures the image fills the container */
    height: 100%;
    /* Ensures the image fills the container */
    object-fit: cover;
    /* Keeps the image proportionate while covering the area */
    border-radius: 10px;
    /* Matches the container's border-radius */
}


.related-product-link:hover .related-product-image {
    transform: scale(1.05);
}

.add-to-bag-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(233, 92, 44, 0.5);
    color: #fff;
    border: none;
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 5px;
    opacity: 0;
    transition: opacity 0.3s ease;
    cursor: pointer;
}

.related-product-link:hover .add-to-bag-btn {
    opacity: 1;
}

.call-card {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 26px 20px 26px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

.call-icon {
    font-size: 30px;
    color: #333;
}

.call-text {
    margin-left: 10px;
}

.call-title {
    font-size: 20px;
    font-weight: 500;
    color: rgba(233, 92, 44, 1);
    margin: 0;
}

.call-number {
    font-size: 18px;
    font-weight: 400;
    margin: 0;
}

.call-time {
    font-size: 16px;
    color: #333;
}

.footer-logo .logo-style {
    filter: invert(1) brightness(2);
}

.footer-wrap {
    background: rgba(49, 49, 49, 1);
    padding-top: 30px;
    background-size: cover;
}

.footer-wrap h3 {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.footer-wrap p {
    font-size: 16px;
    line-height: 24px;
    color: #b3b3b3;
    margin-top: 15px;
}

.footer-wrap p a {
    color: #fff;
    text-decoration: underline;
    font-style: italic;
}

.footer-wrap p a:hover {
    text-decoration: none;
    color: #ff7800;
}

.footer-links {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.footer-category {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.footer-links li a {
    font-size: 14px;
    color: rgba(232, 232, 232, 0.6);
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
}

/* .footer-links li:before {
    content: "\f105";
    font-family: 'FontAwesome';
    padding-right: 10px;
    color: #b3b3b3;
} */

.footer-category li a {
    font-size: 14px;
    color: rgba(232, 232, 232, 0.6);
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
}

/* .footer-category li:before {
    content: "\f105";
    font-family: 'FontAwesome';
    padding-right: 10px;
    color: #b3b3b3;
} */

.address {
    color: #b3b3b3;
    font-size: 14px;
    position: relative;
    padding-left: 30px;
    line-height: 30px;
}

/* .address:before {
    content: "\f277";
    font-family: 'FontAwesome';
    position: absolute;
    top: 0;
    left: 0;
} */

.fa-phone:before {
    content: "\f095";
}

.fa-fax:before {
    content: "\f1ac";
}

.copyright {
    color: rgba(232, 232, 232, 0.6);
    padding-top: 10px;
    text-align: start;
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 21.33px;
}

.footer-category-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 3px;
    color: rgba(232, 232, 232, 1);
}

.gaps {
    gap: 1.7rem !important;
}

.padding-set {
    padding-right: 36px;
}

.dropdown-menu {
    border: none;
}

@media screen and (max-width:1270px) {
    .gaps {
        gap: 0.5rem !important;
    }
}

@media screen and (max-width:1070px) {
    .gaps {
        gap: 0rem !important;
    }
}

@media screen and (max-width:1070px) {
    .padding-set {
        padding-right: 20px !important;
    }
}

@media screen and (max-width:568px) {
    nav ul li {
        padding-left: 4px !important;
    }

    .logo-responsive {
        max-width: 122px !important;
        height: 31px;
    }

}

.logo-responsive {
    max-width: 150px;
    height: 30px;
    margin-right: 5px !important;
}

.header-phone-responsive {
    max-width: 150px;
    height: auto;
}

@media screen and (max-width:344px) {

    .logo-responsive {
        max-width: 100px !important;
        height: 31px;
    }

    .header-phone-responsive {
        width: 20px !important;
        height: auto;
    }

    .navbar-brand {
        margin-right: 5px !important;
    }

}


button.accordion {
    width: 100%;
    background-color: transparent;
    border: none;
    outline: none;
    text-align: left;
    padding: 12px 10px;
    font-size: 20px;
    color: #333;
    cursor: pointer;
    transition: background-color 0.2s linear;
    border-bottom: 1px solid #E8E8E8;
    font-weight: 500;
    line-height: 28px;
}

button.accordion:after {
    font-family: FontAwesome;
    content: "\2b";
    font-family: "fontawesome";
    font-size: 20px;
    float: right;
    color: #1E1E1E;
}

button.accordion.is-open:after {
    content: "\f068";
    font-size: 12px;
    color: #1E1E1E;
}

button.accordion:hover,
button.accordion.is-open {
    background-color: transparent !important;
}

.accordion-content {
    background-color: white;
    border-left: 1px solid whitesmoke;
    border-right: 1px solid whitesmoke;
    padding: 0 20px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-in-out;
    font-size: 16px;
}

.description-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
}

.star-content {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

#big {
    position: relative;
}

.position-main {
    position: sticky !important;
    top: 3rem;
}

.custom-button-group {
    position: absolute !important;
    bottom: 19.5%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    border-radius: 5px;
    overflow: hidden;
    width: 240px;
    z-index: 10;
    background: #fff;
}

.custom-button {
    width: 114px;
    font-size: 16px;
    background: #f9f9f9;
    border: none;
    cursor: pointer;
    transition: background 0.3s, color 0.3s;
    flex: 1;
    text-align: center;
}

.custom-button:not(:last-child) {
    border-right: 1px solid #ccc;
}

.custom-button.custom-active {
    background: #D8D8D8;
    color: #333;
    margin: 2px;
    border-radius: 5px;
}

.custom-button:hover {
    background: #ddd;
}

@media screen and (max-width:992px) {
    .small-decimal {
        top: 12px!important;
        position: absolute;
        right: 3px;
        font-size: 13px;
    }
    .small-decimall{
        top: 12px!important;
        position: absolute;
        font-size: 13px;
    }
    .call-card {
        display: flex !important;
    }

    .call-time {
        padding-top: 0px !important;
    }

    .br-none {
        display: block !important;

    }
    .custom-navbar li a {
        font-size: 20px;
        font-weight: 400;
        line-height: 26.33px;
        color: rgba(255, 255, 255, 1) !important;
    }
}

.cart-position {
    right: 0;
    top: 50px;
}

.floating-cart {
    position: absolute;
    top: -1px;
    right: -18px;
    width: 350px;
    background: #fff;
    border: 1px solid #E8E8E8;
    box-shadow: 0px 4px 4px 4px rgba(55, 55, 55, 0.1);
    z-index: 1050;
}

.floating-cart .cart-header {
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
}

.floating-cart .cart-item {
    display: flex;
    padding: 15px;
    border-bottom: 1px solid #f0f0f0;
    align-items: center;
}

.floating-cart .cart-item img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 4px;
    margin-right: 15px;
}

.floating-cart .cart-item-details {
    flex-grow: 1;
}

.floating-cart .cart-item-price {
    font-weight: bold;
    color: #333;
    color: rgba(233, 92, 44, 1);
}

.floating-cart .cart-item-price .cart-percentage {
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    color: #E95C2C;
}

.floating-cart .cart-item-price .original-price {
    text-decoration: line-through;
    /*color: #999;*/
    color: rgba(233, 92, 44, 1);
}

.floating-cart .cart-footer {
    padding: 15px;
    text-align: center;
}

.floating-cart .cart-footer .btn {
    width: 100%;
    background-color: #f96332;
    color: white;
    font-weight: bold;
}

.floating-cart .cart-footer .btn:hover {
    background-color: #e65100;
}

.ul-bullet-ps {
    padding-left: 15px !important;
}

.cart-popup-item-title {
    font-family: Abhaya Libre Medium;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
}

.cart-popup-item-subtitle {
    font-family: Abhaya Libre Medium;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    color: #8B8B8B;
}

.cart-badge {
    position: absolute;
    top: 0px;
    right: 0px;
    background: #E95C2C;
}

.wishlist-badge {
    position: absolute;
    top: 0px;
    right: 0px;
    background: #E95C2C;
}

.cart-page-title {
    font-size: 32px;
    font-weight: 600;
    line-height: 44px;
    color: #17183B;
}

.cart-page-items {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    color: #A2A3B1;
}

/* General styling for the cart item */
.product-cart-item {
    display: flex;
    align-items: start;
    justify-content: space-between;
    border: 1px solid #D9D9D9;
    border-radius: 10px;
    padding: 12px 10px 12px 10px;
    position: relative;
    background-color: #fff;
}

/* Image section */
.product-cart-item .product-image img {
    width: 173px;
    object-fit: cover;
    border-radius: 10px;
}

/* Details section */
.product-cart-item .product-details {
    flex-grow: 1;
    margin-left: 15px;
}

.product-cart-item .product-details h3 {
    font-family: Abhaya Libre;
    font-size: 30px;
    font-weight: 500;
    margin: 0;
}

.product-cart-item .product-details p {
    color: #888;
    font-size: 18px;
    margin-bottom: 0.5rem;
}

/* Price section */
.product-cart-item .price-section {
    margin: 10px 0;
}

.product-cart-item .current-price {
    font-size: 30px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.02em;
    /*color: #1E1E1E;*/
    color: rgba(233, 92, 44, 1);
}

.product-cart-item .original-price {
    color: #686363;
    text-decoration: line-through;
    margin-left: 10px;
    font-size: 30px;
    font-weight: 400;
    line-height: 45px;
}

.product-cart-item .discount {
    color: #E95C2C;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;

}

/* Action buttons */
.product-cart-item .actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.product-cart-item .quantity {
    display: flex;
    align-items: center;
    gap: 5px;
    border-radius: 5px;
    border: 1px solid #D1D1D1;
}

.product-cart-item .quantity-btn {
    border: none;
    background: transparent;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 18px;
}

.product-cart-item .quantity-btn:hover {
    background: #f96332;
    color: #fff;
    border-color: #f96332;
}

.product-cart-item .remove,
.product-cart-item .wishlist {
    color: #E95C2C;
    font-size: 14px;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
}

.product-cart-item .remove:hover,
.product-cart-item .wishlist:hover {
    text-decoration: underline;
}

/* Close button */
.product-cart-item .close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 20px;
    color: #888;
    cursor: pointer;
}

.product-cart-item .close-btn:hover {
    color: #f96332;
}

/* Price Details Card */
.price-details-card {
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    padding: 20px;
    background-color: #fff;
}

/* Header */
.price-details-card h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
}

/* Price Rows */
.price-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
}

.width-90 {
    width: 90%;
}

.price-row .original-price {
    text-decoration: line-through;
    color: #aaa;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
}

.price-row .current-price {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: rgba(233, 92, 44, 1);
}

.price-row .free-shipping {
    color: #f96332;
    font-family: Abhaya Libre;
    font-size: 20px;
    font-weight: 800;
    line-height: 24px;
}

/* Total Section */
.total-row {
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.total-row .total-title {
    font-size: 22px;
    font-weight: 500;
    line-height: 20px;
}

.total-row .total-price {
    font-size: 20px;
    color: rgba(233, 92, 44, 1);
}

/* Mobile Number Input */
.mobile-input {
    margin-bottom: 15px;
}

.mobile-input label {
    /*margin-bottom: 5px;*/
    /*display: block;*/
    /*font-size: 18px;*/
    font: 14px/22px "Afacad", sans-serif;
    /*font-weight: 500;*/
    /*line-height: 24px;*/

}

.mobile-input label span {
    color: #f96332;
}

.mobile-input input {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #f96332;
    border-radius: 4px;
    font-size: 14px;
}

.mobile-input input:focus {
    outline: none;
    border-color: #f96332;
    box-shadow: 0 0 5px rgba(240, 84, 84, 0.5);
}

/* Checkout Button */
.checkout-button {
    text-decoration: none !important;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    width: 100%;
    background-color: #f96332;
    color: white;
    font-weight: bold;
    border: none;
    padding: 8px 20px 8px 20px;
    border-radius: 4px;
}

.checkout-button:hover {
    background-color: #f96332;
}

.cart-feature-card {
    border: 1px solid #D9D9D9;
    border-radius: 10px;
    /*padding: 12px 30px 12px 30px;*/
    padding: 12px;
    margin-bottom: 10px;
}

.cart-feature-icon {
    width: 22.22px;
    /*width: 24.22px;*/
}

.cart-feature-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 22.5px;
    margin-left: 20px;
    white-space: nowrap;
}

.verification-card {
    border: 1px solid #D9D9D9;
    border-radius: 10px;
    padding: 45px 20px 45px 20px;
}

.verification-card .otp-sent {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
}

.verification-card .click-to-change {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #E95C2C;
}

.verification-card .want-to-change {
    color: #686363 !important;
}

.otp-verify-button {
    width: auto !important;
    padding: 8px 40px 8px 40px !important;
}

.resend-otp {
    color: #F3484F;
    text-decoration: underline;
    cursor: pointer;
}

.verification-card .update-mobile {
    font-size: 22px;
    font-weight: 500;
    line-height: 24px;
}

.back-to-cart {
    font-size: 25px;
    font-weight: 600;
    line-height: 44px;
    color: #1E1E1E !important;
    text-decoration: none !important;
}

.shipping-address-title {
    font-size: 22px;
    font-weight: 600;
    line-height: 44px;
}

.selection-field {
    border: 1px solid #D9D9D9 !important;
    border-radius: .25rem !important;
    padding: 18px !important;
}

.shipping-method-card {
    border: 1px solid #D9D9D9;
    border-radius: 10px;
    padding: 12px 16px 12px 16px;
}

.shipping-method-card .content {
    font-size: 18px;
    line-height: 20px;
}

.vip-member-question {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #696969;
}

.order-summary-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.1px;
}

.order-summary-text .total {
    font-size: 18px;
    font-weight: 700;
}

.order-summary-total-text {
    font-size: 20px;
    line-height: 20px;
}

.free-orange {
    text-transform: capitalize;
    color: #E95C2C;
}

.image-slider-dimension {
    height: 400px;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 40C8.954 40 0 31.046 0 20C0 8.954 8.954 0 20 0C31.046 0 40 8.954 40 20C40 31.046 31.046 40 20 40ZM19.06 12.94C18.7787 12.6591 18.3975 12.5013 18 12.5013C17.6025 12.5013 17.2213 12.6591 16.94 12.94L10.94 18.94C10.6591 19.2213 10.5013 19.6025 10.5013 20C10.5013 20.3975 10.6591 20.7787 10.94 21.06L16.94 27.06C17.0773 27.2074 17.2429 27.3256 17.4269 27.4076C17.6109 27.4895 17.8095 27.5336 18.011 27.5372C18.2124 27.5407 18.4124 27.5037 18.5992 27.4282C18.786 27.3528 18.9556 27.2405 19.0981 27.0981C19.2405 26.9556 19.3528 26.786 19.4282 26.5992C19.5037 26.4124 19.5407 26.2124 19.5372 26.011C19.5336 25.8095 19.4895 25.6109 19.4076 25.4269C19.3256 25.2429 19.2074 25.0773 19.06 24.94L15.62 21.5H28C28.3978 21.5 28.7794 21.342 29.0607 21.0607C29.342 20.7794 29.5 20.3978 29.5 20C29.5 19.6022 29.342 19.2206 29.0607 18.9393C28.7794 18.658 28.3978 18.5 28 18.5H15.62L19.06 15.06C19.3409 14.7787 19.4987 14.3975 19.4987 14C19.4987 13.6025 19.3409 13.2213 19.06 12.94Z' fill='%23E95C2C'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath fill='%23E95C2C' d='M20 40C31.046 40 40 31.046 40 20C40 8.954 31.046 0 20 0C8.954 0 0 8.954 0 20C0 31.046 8.954 40 20 40ZM20.94 12.94C21.2213 12.6591 21.6025 12.5013 22 12.5013C22.3975 12.5013 22.7787 12.6591 23.06 12.94L29.06 18.94C29.3409 19.2213 29.4987 19.6025 29.4987 20C29.4987 20.3975 29.3409 20.7787 29.06 21.06L23.06 27.06C22.9227 27.2074 22.7571 27.3256 22.5731 27.4076C22.3891 27.4895 22.1905 27.5336 21.989 27.5372C21.7876 27.5407 21.5876 27.5037 21.4008 27.4282C21.214 27.3528 21.0444 27.2405 20.9019 27.0981C20.7595 26.9556 20.6472 26.786 20.5718 26.5992C20.4963 26.4124 20.4593 26.2124 20.4628 26.011C20.4664 25.8095 20.5105 25.6109 20.5924 25.4269C20.6744 25.2429 20.7926 25.0773 20.94 24.94L24.38 21.5H12C11.6022 21.5 11.2206 21.342 10.9393 21.0607C10.658 20.7794 10.5 20.3978 10.5 20C10.5 19.6022 10.658 19.2206 10.9393 18.9393C11.2206 18.658 11.6022 18.5 12 18.5H24.38L20.94 15.06C20.6591 14.7787 20.5013 14.3975 20.5013 14C20.5013 13.6025 20.6591 13.2213 20.94 12.94Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}

.radio-opacity-0 {
    opacity: 0;
}

.width-30 {
    width: 30%;
}

.width-20 {
    width: 20%;
}

.width-50 {
    width: 50%;
}

/* Default button state: black border */
.btn-heart {
    border: 1px solid rgba(209, 209, 209, 1);
    border-radius: 5px;
    /* Optional: Adjust as needed */
    transition: border-color 0.3s ease;
    /* Smooth transition */
}

/* Selected button state: orange border */
.selected-heart {
    border: 2px solid rgba(233, 92, 44, 1);
    /* Orange border when selected */
}

/* Default heart icon: black */
.btn-heart i {
    color: black;
    /* Default heart icon */
    transition: color 0.3s ease;
    /* Smooth transition */
}

/* Selected heart icon: orange */
.selected-heart i {
    color: rgba(233, 92, 44, 1);
    /* Orange heart icon */
}




/* Container with fixed height */
.video-container {

    position: relative;
    width: 100%;
    /* Ensure it takes full width of its parent container */
    height: 550px;
    /* Set a fixed height for the container */
    overflow: hidden;
    margin: 0 auto;
}

/* Make the video responsive while maintaining aspect ratio */
.video-container video {
    width: 100%;
    /* Take the full width of the container */
    /*height: 70% !important;*/
    object-fit: cover;
    /* Ensure video covers the fixed container size */
    display: block;
    /* Remove extra space below video */
}

/* Play button positioning */
.video-container .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.5);
    border: none;
    padding: 10px;
    color: white;
    cursor: pointer;
    border-radius: 50%;
    font-size: 24px;
    display: none;
}

/* Show play button on hover */
.video-container:hover .play-button {
    display: block;
}

/* Optional: Responsive adjustments */
@media (max-width: 768px) {
    .video-container {
        height: 250px;
        /* Adjust container height for smaller screens */
    }
    .product-details  h3 a {
        line-height: 25px !important;
    }
}

@media (max-width: 480px) {
    .cart-feature-text {
        font-size: 14px !important;
        margin-left: 5px !important;
    }

    .video-container {
        height: 200px;
        /* Adjust container height for very small screens */
    }

    .video-container .play-button {
        font-size: 20px;
        padding: 8px;
    }
}



.search-dropdown {
    position: absolute;
    z-index: 1000;
    /* width: auto; */
    max-height: 200px;
    overflow-y: auto;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border: 1px solid #ccc;
    border-radius: 4px;
    right: 0;
    left: 0;
    top: 2.5rem;
}

.search-dropdown .list-group-item {
    cursor: pointer;
}

.search-dropdown .list-group-item:hover {
    background-color: #f0f0f0;
}


.new-arrivals .owl-nav {
    position: absolute;
    top: -82px;
    width: 100%;
    display: flex;
    justify-content: end;
}

@media (max-width: 768px) {
    .floating-cart-m {
        right: 0!important;
    }

    .modal-dialog {
        max-width: 80%; /* Modal takes up 80% of the screen width */
        margin: auto;  /* Center modal horizontally */
    }

    .modal-content {
        padding: 15px;  /* Add some padding inside the modal */
    }

    .modal-footer .btn {
        padding: 10px 15px;  /* Ensure buttons have proper padding */
        font-size: 14px;  /* Slightly smaller font for buttons */
    }

    .modal-body {
        padding: 10px;  /* Adjust body padding for a better layout */
    }

    .new-arrivals .owl-theme .owl-nav {
        margin-top: 20px !important;
    }

    .new-arrivals .owl-nav {
        top: -52px !important;
    }

    .new-arrivals .owl-prev {
        width: 30px !important;
        height: 30px !important;
        padding: 3px 7px !important;
    }

    .new-arrivals .owl-next {
        width: 30px !important;
        height: 30px !important;
        padding: 3px 7px !important;
    }

    .new-arrivals .owl-next::before {
        font-size: 14px !important;
    }

    .new-arrivals .owl-prev::before {
        font-size: 14px !important;
    }
}

.new-arrivals .owl-prev {
    background-color: #E95C2C !important;
    color: #fff;
    border-radius: 50% !important;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center !important;
    justify-content: center;
    pointer-events: all;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

.new-arrivals .owl-next {
    background-color: #E95C2C !important;
    color: #fff;
    border-radius: 50% !important;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center !important;
    justify-content: center;
    pointer-events: all;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

.new-arrivals .owl-prev:hover,
.new-arrivals .owl-next:hover {
    background-color: #555;
    color: #fff;
}

.new-arrivals .owl-nav.disabled {
    display: none;
}

.new-arrivals .owl-prev::before {
    content: '\2190';
    font-size: 20px;
    font-weight: bold;
    text-stroke: 0.5px #fff;
    text-rendering: geometricPrecision;
}

.new-arrivals .owl-next::before {
    content: '\2192';
    font-size: 20px;
    font-weight: bold;
    text-stroke: 0.5px #fff;
    text-rendering: geometricPrecision;
}


/* Initially hide extra categories */
.extra-category {
    display: none;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    /* Smooth fade-in */
}

/* Add a smooth transition to the loading indicator */
#loading-indicator,
#loading-indicator-bestsellers {
    font-size: 1.5rem;
    color: rgba(233, 92, 44, 1);
    /* Updated color */
}

/* Optionally add a fade effect to the button when toggled */
#view-all-btn {
    cursor: pointer;
    transition: color 0.3s ease;
}

#view-all-btn:hover {
    color: #0056b3;
}


.toggle-btn {
    background: none;
    border: none;
    color: blue;
    cursor: pointer;
    padding: 0;
    font-size: 1rem;
    text-decoration: underline;
}
.toggle-btn1 {
    background: none;
    border: none;
    color: blue;
    cursor: pointer;
    padding: 0;
    font-size: 1rem;
    text-decoration: underline;
}

#carousel3 .owl-stage {
    display: flex !important;
}

#carousel3 .item {
    height: 100%;
}

.hide-page-button .shadow-sm {
    display: none !important;
}

/* Pagination Container */

.leading-5 {
    margin-top: 10px;
}

.pagination-container {
    margin-top: 20px;
    text-align: center;
}

.breadcrumb-bottom-0 .breadcrumb {
    margin-bottom: 0 !important;
}

#continueButton{
    background-color: #f96332;
    color: white;
    font-weight: bold;
}

.properA {
    color: #1E1E1E !important;
    text-decoration: none !important;
}

.properA:hover {
    color: rgba(233, 92, 44, 1) !important;
}

.pointer-custom{
    cursor: pointer !important;
}



.floating-cart-m {
    position: absolute;
    top: -1px;
    right: -18px;
    /*width: 350px;*/
    /*background: #fff;*/
    /*border: 1px solid #E8E8E8;*/
    box-shadow: 0px 4px 4px 4px rgba(55, 55, 55, 0.1);
    z-index: 1050;
}

.floating-cart-m .cart-header {
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
}

.floating-cart-m .cart-item {
    display: flex;
    padding: 15px;
    border-bottom: 1px solid #f0f0f0;
    align-items: center;
}

.floating-cart-m .cart-item img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 4px;
    margin-right: 15px;
}

.floating-cart-m .cart-item-details {
    flex-grow: 1;
}

.floating-cart-m .cart-item-price {
    font-weight: bold;
    /*color: #333;*/
    color: rgba(233, 92, 44, 1);
}

.floating-cart-m .cart-item-price .cart-percentage {
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    /*color: #E95C2C;*/
    color: rgba(233, 92, 44, 1);
}

.floating-cart-m .cart-item-price .original-price {
    text-decoration: line-through;
    color: #999;
}

.floating-cart-m .cart-footer {
    padding: 15px;
    text-align: center;
}

.floating-cart-m .cart-footer .btn {
    width: 100%;
    background-color: #f96332;
    color: white;
    font-weight: bold;
    font-size: 18px;
    font-weight: 600;
}

.floating-cart-m .cart-footer .btn:hover {
    background-color: #e65100;
}


.show_qty{
    color: #f96332!important;
}


/* Style for filled stars (yellow) */
.fa-star {
    color: #FFB400; /* Yellow color */
}

/* Style for empty stars (gray) */
.fa-star-o {
    color: #d3d3d3; /* Light gray color for empty stars */
}

.reviewer-image {
    width: 40px!important;
    height: 40px!important;
    border-radius: 50%;
    /*object-fit: cover;*/
}

#payment_plan_12_installments:disabled + label {
    color: rgba(0, 0, 0, 0.5);
}

#vip_note{
    color: red!important;
    font-size: 18px;
    font-weight: 400!important;
    line-height: 20px!important;
    letter-spacing: 0.1px!important;
}


.cart-feature-card {
    position: relative;
}

.cart-feature-icon {
    font-size: 30px;
    cursor: pointer;
}

#thankYouMessage {
    margin-top: 60px;
    margin-bottom: 60px;
    color: rgba(233, 92, 44, 1);
    text-align: center;
    font: 25px "Afacad", sans-serif;
    font-size: 25px;
    font-weight: 600;
    line-height: 33.67px;
}
.n-button{
    color: #fff;
    background: #e95c2c;
    height: 30px;
}


select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 30px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}

span.select2-selection.select2-selection--single{
    height: 30px;
    display: flex;
    align-items: center;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 30px !important;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}

/* No specification message */
.no-specification {
    text-align: center;
    font-size: 16px;
    color: red;
}

/* Section title styling */
.spec-section-title {
    /*font-size: 18px;*/
    margin-bottom: 10px;
    color: #000;
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
}

/* Table styling */
.spec-table {
    width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
}

/* Row styling */
.spec-row {
    border-bottom: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
}

/* Key column styling */
.spec-key {
    width: 50%;
    font-weight: bold;
    background-color: #f7f7f7;
    padding: 10px;
    color: #555;
}

/* Value column styling */
.spec-value {
    width: 50%;
    padding: 10px;
    color: #333;
}

.spec-image {
    max-width: 100%; /* Ensures the image does not overflow its container */
    height: auto; /* Maintains the aspect ratio */
    display: block; /* Ensures no inline spacing issues */
    margin: 10px auto; /* Centers the image with some spacing */
}

.bg-new{
    background: #e95c2c!important;
    opacity: 1!important;
}
.main-mob{
    position: relative;
}
/* Ensure the sidebar can scroll */
#sidebar {
    overflow-y: auto;
    height: 100vh; /* Make sure it fills the screen height */
}

/* Adjust the sidebar width on smaller screens */
@media (max-width: 768px) {
    #sidebar {
        width: 200px; /* Adjust for smaller screens */
    }
}

@media (max-width: 576px) {
    #sidebar {
        width: 150px; /* Further reduce on very small screens */
    }
}


#popupMessage{
    font-size: 18px !important;
    font-weight: 400;
    line-height: 32px;
}

.disabled-label {
    pointer-events: none; /* Prevents clicking */
    opacity: 0.5; /* Optional: Makes it look disabled */
}

/*.listed-price{*/
/*    position: relative!important;*/
/*}*/
/*.small-decimal{*/
/*    top: 15px;*/
/*    position: absolute;*/
/*    right: 3px;*/
/*    font-size: 13px;*/
/*}*/

/*.or_price{*/
/*    position: relative;*/
/*    padding-right: 10px;*/
/*}*/
/*.small-decimall{*/
/*    top: 15px;*/
/*    position: absolute;*/
/*    font-size: 13px;*/
/*}*/

.global-search {
    position: relative; /* Ensures child elements position correctly */
}

.global-search-dropdown {
    position: absolute;
    top: 100%; /* Positions it directly below the input */
    left: 0;
    width: 100%;
    background: white;
    border: 1px solid #ccc;
    border-top: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    display: none; /* Initially hidden */
}

.global-search-input:focus + .global-search-dropdown,
.global-search-dropdown:hover {
    display: block; /* Show dropdown when input is focused */
}

/* Optional spacing between search box and buttons */
.topbar .dataTables_filter {
    margin-right: 10px;
    margin-top: 10px;
}

.topbar .dt-buttons .btn {
    margin-left: 5px;
    margin-top: 10px;
}

/* Gap helper (if Bootstrap gap-2 doesn't work) */
.gap-2 > * + * {
    margin-left: 0.5rem;
    margin-top: 10px;
}
.dt-paging{
    text-align-last: end;
}

.dt-input{
    margin-left: 30px;
}
/*#dt-length-0 + label {*/
/*    margin: 0px 0px 0px 10px !important;*/
/*}*/
[id^="dt-length-"] + label {
    margin: 0px 0px 0px 10px !important;
}
/* Show dropdown only on desktop */
@media (min-width: 992px) {
    .dropdown-hover-wrapper {
        position: relative;
    }

    .dropdown-menu-custom {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        background: #fff;
        border: 1px solid #ddd;
        padding: 10px;
        width: max-content; /* 🔥 auto-resizes based on content */
        min-width: 190px;    /* ✅ optional: don't go too narrow */
        white-space: nowrap; /* 🧼 prevent long text from wrapping */
        box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    }

    .dropdown-hover-wrapper:hover .dropdown-menu-custom {
        display: block;
    }

    .dropdown-menu-custom li {
        list-style: none;
        margin-bottom: 8px;
    }

    /*.dropdown-menu-custom li a {*/
    /*    color: #777777;*/
    /*    line-height: 0.5;*/
    /*    text-decoration: none;*/
    /*    display: block;*/
    /*    padding: 4px 0;*/
    /*    transition: color 0.2s ease;*/
    /*}*/

    /*.dropdown-menu-custom li a:hover {*/
    /*    color: #000000;*/
    /*    text-decoration: none;*/
    /*}*/

    .dropdown-menu-custom li a {
        color: #777777;
        line-height: 0.5;
        text-decoration: none;
        display: block;
        padding: 4px 0;
        text-align: center; /* 👈 center text */
        position: relative; /* 👈 required for underline effect */
        transition: color 0.2s ease;
    }

    .dropdown-menu-custom li a::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 0%;
        height: 2px;
        background-color: rgba(233, 92, 44, 1); /* 🔶 orange underline */
        transition: width 0.3s ease;
    }

    .dropdown-menu-custom li a:hover {
        color: #000000;
    }

    .dropdown-menu-custom li a:hover::after {
        width: 100%; /* 👈 expands the underline on hover */
    }

}

/*Admin direct call button css*/

/*.slider-container {*/
/*    position: relative;*/
/*    display: inline-block;*/
/*    width: 240px;*/
/*    height: 50px;*/
/*    background: #f1f1f1;*/
/*    border-radius: 50px;*/
/*    overflow: hidden;*/
/*    user-select: none;*/
/*    box-shadow: 0 2px 6px rgba(0,0,0,0.2);*/
/*    vertical-align: middle;*/
/*}*/

/*.slider-text {*/
/*    position: absolute;*/
/*    top: 50%; left: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*    color: #6c757d;*/
/*    font-weight: bold;*/
/*    pointer-events: none;*/
/*    font-size: 14px;*/
/*    white-space: nowrap;*/
/*}*/

/*.slider-button {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 3px;*/
/*    transform: translateY(-50%);*/
/*    width: 42px;*/
/*    height: 42px;*/
/*    background: #0d6efd;*/
/*    border-radius: 50%;*/
/*    cursor: pointer;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    transition: background 0.3s;*/
/*}*/

/*.slider-button i {*/
/*    font-size: 18px;*/
/*}*/

/*.slider-container.active {*/
/*    background: #d4edda;*/
/*    border: 2px solid #28a745;*/
/*}*/

/*.slider-container.active .slider-text {*/
/*    color: #28a745;*/
/*}*/

/*.slider-container {*/
/*    position: relative;*/
/*    display: inline-block;*/
/*    width: 240px;*/
/*    height: 50px;*/
/*    background: #f1f1f1;*/
/*    border-radius: 50px;*/
/*    overflow: hidden;*/
/*    user-select: none;*/
/*    box-shadow: 0 2px 6px rgba(0,0,0,0.2);*/
/*    vertical-align: middle;*/
/*}*/

/*.slider-container::before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 0; left: 0;*/
/*    height: 100%;*/
/*    width: 0%; !* initial *!*/
/*    background: linear-gradient(to right, #d4edda 0%, #28a745 100%);*/
/*    border-radius: 50px;*/
/*    transition: width 0.1s linear;*/
/*    z-index: 0;*/
/*}*/

/*.slider-text {*/
/*    position: absolute;*/
/*    top: 50%; left: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*    color: #6c757d;*/
/*    font-weight: bold;*/
/*    pointer-events: none;*/
/*    font-size: 14px;*/
/*    white-space: nowrap;*/
/*    z-index: 2;*/
/*}*/

/*.slider-button {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 3px;*/
/*    transform: translateY(-50%);*/
/*    width: 42px;*/
/*    height: 42px;*/
/*    background: #0d6efd;*/
/*    border-radius: 50%;*/
/*    cursor: pointer;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    transition: left 0.1s, background 0.3s;*/
/*    z-index: 3;*/
/*}*/

/*.slider-button i {*/
/*    font-size: 18px;*/
/*}*/

/*!* Optional: when active, keep final green *!*/
/*.slider-container.active::before {*/
/*    width: 100%;*/
/*}*/

/* Customer Details: Direct Call slider (green, with live progress) */
.slider-container {
    position: relative;
    display: inline-block;
    width: 240px;
    height: 50px;
    background: #e9f7ef;                 /* light green track */
    border-radius: 50px;
    overflow: hidden;
    user-select: none;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    vertical-align: middle;
}

/* Green fill driven by CSS variable --fill (updated from JS) */
.slider-container::before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    height: 100%;
    width: var(--fill, 0px);             /* JS updates this */
    background: linear-gradient(90deg, #198754, #34c759);
    border-radius: 50px;
    transition: width 0.15s ease;
    z-index: 0;
}

.slider-text {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    color: #198754;                      /* green text */
    font-weight: 600;
    pointer-events: none;
    font-size: 14px;
    white-space: nowrap;
    z-index: 2;
}

.slider-button {
    position: absolute;
    top: 50%;
    left: 3px;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    background: #198754;                 /* green knob */
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: left 0.1s ease, background 0.3s ease;
    box-shadow: 0 4px 12px rgba(25,135,84,.35);
    z-index: 3;
}

.slider-button i {
    font-size: 18px;
}

/* When active (call started), keep full green */
.slider-container.active::before {
    width: 100%;
}

.chat-box {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.chat-message {
    display: flex;
}

.chat-message.left {
    justify-content: flex-start;
}

.chat-message.right {
    justify-content: flex-end;
}

.bubble {
    max-width: 70%;
    padding: 10px 14px;
    border-radius: 18px;
    background: #f1f1f1;
}

.chat-message.right .bubble {
    background: #d1e7ff; /* Agent */
}

.chat-message.left .bubble {
    background: #e6e6e6; /* User */
}
@media (max-width: 320px) {
    .product-cart-item .original-price {
        margin-left: 0 !important;
    }
}


/*!* Pagination – global override *!*/
/*.pagination-container {*/
/*    --ohh-orange: #E95C2C;*/
/*    --ohh-orange-dark: #cc4f24;*/
/*    --ohh-orange-tint: #FCE7E1;*/
/*    --ohh-orange-border: #F7C0B0;*/
/*}*/

/*!* Base button look for all items *!*/
/*.pagination-container a,*/
/*.pagination-container [aria-current="page"] > span,*/
/*.pagination-container [aria-disabled="true"] > span {*/
/*    display: inline-flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    min-width: 38px;*/
/*    height: 36px;*/
/*    padding: 0 12px;*/
/*    border-radius: 8px;*/
/*    font-weight: 600;*/
/*    border: 1px solid transparent;*/
/*    text-decoration: none;*/
/*}*/

/*!* Active links (page numbers, Next/Previous) *!*/
/*.pagination-container a {*/
/*    background-color: var(--ohh-orange) !important;*/
/*    color: #fff !important;*/
/*    border-color: var(--ohh-orange) !important;*/
/*    box-shadow: 0 2px 6px rgba(233, 92, 44, 0.25);*/
/*    transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .05s ease;*/
/*}*/

/*!*.pagination-container a:hover,*!*/
/*!*.pagination-container a:focus {*!*/
/*!*    background-color: var(--ohh-orange-dark) !important;*!*/
/*!*    border-color: var(--ohh-orange-dark) !important;*!*/
/*!*    box-shadow: 0 4px 10px rgba(233, 92, 44, 0.35);*!*/
/*!*}*!*/

/*.pagination-container a:active {*/
/*    transform: translateY(1px);*/
/*}*/

/*!* Current page *!*/
/*.pagination-container [aria-current="page"] > span {*/
/*    background-color: var(--ohh-orange) !important;*/
/*    color: #fff !important;*/
/*    border-color: var(--ohh-orange) !important;*/
/*    font-weight: 700;*/
/*    box-shadow: 0 2px 6px rgba(233, 92, 44, 0.25);*/
/*}*/

/*!* Disabled (e.g., Prev on first page, and the "..." spacer) *!*/
/*.pagination-container [aria-disabled="true"] > span {*/
/*    background-color: var(--ohh-orange-tint) !important;*/
/*    color: #C66B4E !important;*/
/*    border-color: var(--ohh-orange-border) !important;*/
/*    cursor: not-allowed;*/
/*}*/

/*!* Mobile "Previous" disabled span (no aria-disabled in that block) *!*/
/*.pagination-container .flex-1 span.relative.inline-flex {*/
/*    background-color: var(--ohh-orange-tint) !important;*/
/*    color: #C66B4E !important;*/
/*    border: 1px solid var(--ohh-orange-border) !important;*/
/*    border-radius: 8px;*/
/*    font-weight: 600;*/
/*}*/

/*!* Spacing between buttons (overrides Tailwind -ml-px) *!*/
/*.pagination-container .inline-flex > * {*/
/*    margin-left: 6px !important;*/
/*}*/
/*.pagination-container .inline-flex > *:first-child {*/
/*    margin-left: 0 !important;*/
/*}*/

/* Pagination – global override */
.pagination-container {
    --ohh-orange: #E95C2C;
    --ohh-orange-dark: #cc4f24;
    --ohh-orange-tint: #FCE7E1;
    --ohh-orange-border: #F7C0B0;

    /* New: control prev/next width and spacing */
    --ohh-prev-next-width: 120px;
    --ohh-gap: 10px;
}

/* Base button look for all items */
.pagination-container a,
.pagination-container [aria-current="page"] > span,
.pagination-container [aria-disabled="true"] > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 36px !important;
    padding: 0 12px !important;
    border-radius: 8px;
    font-weight: 600;
    border: 1px solid transparent;
    text-decoration: none;
    white-space: nowrap;
    line-height: 1;
}

/* Active links (page numbers, Next/Previous) */
.pagination-container a {
    background-color: var(--ohh-orange) !important;
    color: #fff !important;
    border-color: var(--ohh-orange) !important;
    box-shadow: 0 2px 6px rgba(233, 92, 44, 0.25);
    transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .05s ease;
}

/.pagination-container a:hover,/
/.pagination-container a:focus {/
/*    background-color: var(--ohh-orange-dark) !important;/
/    border-color: var(--ohh-orange-dark) !important;/
/    box-shadow: 0 4px 10px rgba(233, 92, 44, 0.35);/
/}*/

.pagination-container a:active {
    transform: translateY(1px);
}

/* Current page */
.pagination-container [aria-current="page"] > span {
    background-color: var(--ohh-orange) !important;
    color: #fff !important;
    border-color: var(--ohh-orange) !important;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(233, 92, 44, 0.25);
}

/* Disabled (e.g., Prev on first page, and the "..." spacer) */
.pagination-container [aria-disabled="true"] > span {
    background-color: var(--ohh-orange-tint) !important;
    color: #C66B4E !important;
    border-color: var(--ohh-orange-border) !important;
    cursor: not-allowed;
}

/* Mobile "Previous/Next" disabled span (no aria-disabled in that block) */
.pagination-container .flex-1 span.relative.inline-flex {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: var(--ohh-prev-next-width);
    height: 36px !important;
    padding: 0 12px !important;
    border: 1px solid var(--ohh-orange-border) !important;
    border-radius: 8px;
    font-weight: 600;
    background-color: var(--ohh-orange-tint) !important;
    color: #C66B4E !important;
    white-space: nowrap;
    line-height: 1;
}

/* Spacing and centering /
.pagination-container .inline-flex {
justify-content: center;            / center when one button remains /
gap: var(--ohh-gap);                / space when two buttons (or numbers) /
}
.pagination-container .inline-flex > * {
margin-left: 0 !important;          / neutralize Tailwind -ml-px */
}

/* Also center+space the mobile wrapper that usually has justify-between */
.pagination-container .justify-between {
    justify-content: center !important;
    gap: var(--ohh-gap);
}

/* Make Prev/Next the same width (match sizes) */
.pagination-container .inline-flex > *:first-child > a,
.pagination-container .inline-flex > *:first-child > span,
.pagination-container .inline-flex > *:last-child > a,
.pagination-container .inline-flex > *:last-child > span,
.pagination-container .flex-1 > a.relative.inline-flex,
.pagination-container .flex-1 > span.relative.inline-flex {
    min-width: var(--ohh-prev-next-width) !important;
}

/* Hide disabled Prev on first page and disabled Next on last page (keep "..." intact) */
.pagination-container .inline-flex > *[aria-disabled="true"]:first-child,
.pagination-container .inline-flex > *[aria-disabled="true"]:last-child {
    display: none !important;
}

/* Mobile: when a side is disabled it renders as a span; hide that span */
.pagination-container .flex-1 > span.relative.inline-flex {
    display: none !important;
}





/* Common wrapper for all Yajra tables */
.datatable-container {
    width: 100%;
    overflow-x: auto;        /* horizontal scroll */
    -webkit-overflow-scrolling: touch;
}

/* Ensure table stretches full width for proper scrollX */
.yajra-datatable {
    width: 100% !important;
}

/* Optional: reduce padding & avoid wrapping on headers by default */
.yajra-datatable th,
.yajra-datatable td {
    padding: 0.4rem 0.5rem;
    vertical-align: middle;
}

/* Use with columnDefs: className: 'text-nowrap' */
.yajra-datatable .text-nowrap {
    white-space: nowrap;
}




/* Base style for all item status badges */
.status-badge {
    display: inline-block;
    padding: 2px 7px;
    border-radius: 999px;      /* pill shape */
    font-size: 12px;
    line-height: 1.4;
    font-weight: 600;
    border: 1px solid transparent;
    white-space: nowrap;
}

/* Colors inspired by your screenshots */

/* 尚未下单 (Not Ordered yet) – red */
.status-badge--not-ordered {
    background-color: #c00000;
    border-color: #7f0000;
    color: #ffffff;
}

/* 已下单，等待完成 (Ordered) – light orange */
.status-badge--ordered {
    background-color: #f4b183;
    border-color: #c65911;
    color: #7f4122;
}

/* 已经备货 / Ready to Load – yellow */
.status-badge--ready-load {
    background-color: #ffd966;
    border-color: #bf9000;
    color: #8b5e00;
}

/* 已经装柜 / Loaded & Coming – green */
.status-badge--loaded-coming {
    background-color: #3a9100;
    border-color: #3a9100;
    color: #ffffff;
}

/* 现货 / Available – lighter green */
.status-badge--available {
    background-color: #92d050;
    border-color: #548235;
    color: #ffffff;
}

/* 已送达 / Delivered – purple */
.status-badge--delivered {
    background-color: #7030a0;
    border-color: #4b2170;
    color: #ffffff;
}

/* 待付款 / Pending payment – brown/orange */
.status-badge--pending-payment {
    background-color: #f8cbad;
    border-color: #c65911;
    color: #7f4122;
}

/* Fallback / unknown */
.status-badge--default {
    background-color: #d9d9d9;
    border-color: #a6a6a6;
    color: #333333;
}

:root {
    --swal-theme-orange: rgba(233, 92, 44, 1);
}

/* Generic icons: info, warning, question, error */
.swal2-icon.swal2-info,
.swal2-icon.swal2-warning,
.swal2-icon.swal2-question,
.swal2-icon.swal2-error {
    border-color: var(--swal-theme-orange) !important;
    color: var(--swal-theme-orange) !important;
}

/* Success icon is more complex, override its parts */
.swal2-icon.swal2-success {
    border-color: var(--swal-theme-orange) !important;
}

.swal2-icon.swal2-success .swal2-success-ring {
    border-color: var(--swal-theme-orange) !important;
}

.swal2-icon.swal2-success [class^='swal2-success-line'] {
    background-color: var(--swal-theme-orange) !important;
}

/* DEFAULT confirm button: theme orange, BUT allow JS to override via inline style */
.swal2-confirm {
    background-color: var(--swal-theme-orange);
    border-color: var(--swal-theme-orange);
    color: #fff;
}

/* Optional: default cancel button (neutral) */
.swal2-cancel {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff;
}