html, body {
    overflow-x: hidden;
    max-width: 100%;
}

:root {
    --bs-primary: #000000;
}

.header-logo {
    display: block;
    width: 100%;
    max-width: 260px;
    height: 46px;
    object-fit: contain;
}

.header-logo-mobile {
    max-width: 190px;
    height: 54px;
}

.bg-primary,
.btn-primary {
    background-color: #000000 !important;
}

.text-primary {
    color: #000000 !important;
}

.border-primary,
.btn-primary {
    border-color: #000000 !important;
}

a {
    color: #000000;
}

a:hover {
    color: #484848;
}

.auth-page {
    background: #f7f7f7;
}

.auth-card {
    max-width: 920px;
    padding: 38px;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-top: 4px solid #e30613;
    border-radius: 14px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, .08);
}

.auth-card-small {
    max-width: 520px;
}

.auth-icon {
    display: inline-flex;
    width: 64px;
    height: 64px;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: #111111;
    border-radius: 50%;
    font-size: 24px;
}

.auth-card .form-label {
    color: #222222;
    font-weight: 600;
}

.auth-card .form-control {
    min-height: 50px;
    border-color: #d5d5d5;
}

.auth-card .form-control:focus {
    border-color: #e30613;
    box-shadow: 0 0 0 .2rem rgba(227, 6, 19, .12);
}

.auth-link {
    color: #e30613;
    font-weight: 600;
}

.auth-link:hover {
    color: #a9000a;
}

@media (max-width: 575.98px) {
    .auth-card {
        padding: 24px 18px;
    }
}

.admin-filter-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px;
    border-bottom: 1px solid #eeeeee;
}

.admin-filter-bar .form-select {
    width: auto;
    min-width: 180px;
}

.admin-product-thumb,
.admin-product-placeholder {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    border: 1px solid #dddddd;
    border-radius: 8px;
}

.admin-product-thumb {
    object-fit: cover;
}

.admin-product-placeholder {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #aaaaaa;
    background: #f4f4f4;
}

.admin-product-image-preview {
    display: block;
    width: 100%;
    max-height: 300px;
    object-fit: contain;
    background: #f7f7f7;
    border: 1px solid #dddddd;
    border-radius: 8px;
}

.admin-checkbox-list {
    max-height: 240px;
    overflow-y: auto;
    padding: 12px;
    border: 1px solid #dddddd;
    border-radius: 8px;
}

.admin-checkbox-list label {
    display: block;
    margin-bottom: 8px;
    color: #444444;
}

.admin-stock-input {
    width: 88px;
}

.admin-status-pending,
.admin-status-processing,
.admin-status-confirmed {
    color: #8a5a00;
    background: #fff3cd;
}

.admin-status-shipped,
.admin-status-packed {
    color: #075985;
    background: #e0f2fe;
}

.admin-status-delivered,
.admin-status-completed {
    color: #166534;
    background: #dcfce7;
}

.admin-status-cancelled {
    color: #991b1b;
    background: #fee2e2;
}

.admin-order-totals {
    width: min(100%, 390px);
    margin-left: auto;
    padding: 20px;
}

.admin-order-totals > div {
    display: flex;
    justify-content: space-between;
    padding: 6px 0;
}

.admin-order-totals .total {
    margin-top: 8px;
    padding-top: 14px;
    border-top: 2px solid #222222;
    color: #111111;
    font-size: 1.1rem;
}

.admin-history-item {
    display: flex;
    gap: 14px;
    padding: 14px 20px;
    border-bottom: 1px solid #eeeeee;
}

.admin-history-item > span {
    width: 10px;
    height: 10px;
    flex: 0 0 10px;
    margin-top: 7px;
    background: #e30613;
    border-radius: 50%;
}

.admin-history-item strong,
.admin-history-item small {
    display: block;
}

.admin-history-item small {
    color: #777777;
}

.admin-customer-header {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 24px;
}

.admin-customer-header h2,
.admin-customer-header p {
    margin: 0;
}

.admin-customer-header p {
    color: #777777;
}

.admin-avatar-large {
    width: 62px;
    height: 62px;
    flex-basis: 62px;
    font-size: 1.4rem;
}

.admin-customer-stat {
    padding: 20px 24px;
    border-right: 1px solid #eeeeee;
}

.admin-customer-stat:last-child {
    border-right: 0;
}

.admin-customer-stat small,
.admin-customer-stat strong {
    display: block;
}

.admin-customer-stat small {
    color: #888888;
}

.admin-customer-stat strong {
    color: #111111;
    font-size: 1.05rem;
}

.admin-address {
    padding: 12px;
    background: #f8f8f8;
    border-left: 3px solid #e30613;
    border-radius: 4px;
}

.admin-customer-order {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 0;
    color: #222222;
    border-bottom: 1px solid #eeeeee;
}

.admin-customer-order:hover {
    color: #e30613;
}

.admin-customer-order small,
.admin-customer-order span strong {
    display: block;
}

.admin-customer-order small {
    color: #888888;
}

.admin-review-body {
    max-width: 420px;
    color: #666666;
    white-space: normal;
}

@media (max-width: 767.98px) {
    .admin-filter-bar {
        align-items: stretch;
        flex-direction: column;
    }

    .admin-filter-bar .form-select {
        width: 100%;
    }

    .admin-customer-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .admin-customer-stat {
        border-right: 0;
        border-bottom: 1px solid #eeeeee;
    }
}

.admin-page {
    min-height: 70vh;
    background: #f4f5f7;
    color: #222222;
}

.admin-eyebrow {
    color: #e30613;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.admin-stat,
.admin-panel {
    background: #ffffff;
    border: 1px solid #e7e7e7;
    border-radius: 12px;
    box-shadow: 0 6px 22px rgba(0, 0, 0, .05);
}

.admin-stat {
    display: flex;
    min-height: 112px;
    align-items: center;
    gap: 16px;
    padding: 20px;
}

.admin-stat-icon {
    display: inline-flex;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: #111111;
    border-radius: 10px;
}

.admin-stat small,
.admin-stat strong {
    display: block;
}

.admin-stat small {
    color: #777777;
    font-weight: 600;
}

.admin-stat strong {
    color: #111111;
    font-size: 1.5rem;
}

.admin-quick-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px;
    background: #111111;
    border-radius: 12px;
}

.admin-quick-nav a {
    padding: 10px 16px;
    color: #ffffff;
    border-radius: 8px;
    font-weight: 600;
}

.admin-quick-nav a:hover {
    color: #ffffff;
    background: #e30613;
}

.admin-quick-nav i {
    margin-right: 8px;
}

.admin-panel {
    overflow: hidden;
}

.admin-panel-heading {
    display: flex;
    min-height: 64px;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid #eeeeee;
}

.admin-panel-heading h2 {
    margin: 0;
    color: #111111;
    font-size: 1.05rem;
    font-weight: 700;
}

.admin-panel-heading span {
    color: #888888;
    font-size: .8rem;
}

.admin-panel .table th {
    padding: 13px 16px;
    color: #777777;
    background: #fafafa;
    border-bottom-width: 1px;
    font-size: .75rem;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.admin-panel .table td {
    padding: 14px 16px;
}

.admin-badge {
    display: inline-block;
    padding: 4px 8px;
    color: #444444;
    background: #eeeeee;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 700;
}

.admin-list-row {
    display: flex;
    min-height: 68px;
    align-items: center;
    gap: 12px;
    padding: 12px 18px;
    border-bottom: 1px solid #eeeeee;
}

.admin-list-row:last-child {
    border-bottom: 0;
}

.admin-list-row strong,
.admin-list-row small {
    display: block;
}

.admin-list-row small {
    color: #888888;
}

.admin-avatar {
    display: inline-flex;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: #e30613;
    border-radius: 50%;
    font-weight: 800;
}

.admin-dot {
    width: 10px;
    height: 10px;
    flex: 0 0 10px;
    background: #bbbbbb;
    border-radius: 50%;
}

.admin-dot.active {
    background: #28a745;
    box-shadow: 0 0 0 4px rgba(40, 167, 69, .12);
}

.admin-page-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
}

.admin-page-title h1 {
    margin: 2px 0 4px;
    color: #111111;
    font-size: 2rem;
}

.admin-page-title p {
    margin: 0;
    color: #777777;
}

.admin-form .form-label {
    color: #333333;
    font-weight: 700;
}

.admin-form .form-control,
.admin-form .form-select {
    min-height: 46px;
    border-color: #d7d7d7;
}

.admin-form textarea.form-control {
    min-height: 110px;
}

.admin-form .form-control:focus,
.admin-form .form-select:focus {
    border-color: #e30613;
    box-shadow: 0 0 0 .2rem rgba(227, 6, 19, .1);
}

.admin-banner-preview {
    display: block;
    width: 100%;
    max-height: 220px;
    object-fit: cover;
    border: 1px solid #dddddd;
    border-radius: 8px;
}

.admin-banner-thumb {
    width: 90px;
    height: 58px;
    flex: 0 0 90px;
    object-fit: cover;
    border: 1px solid #dddddd;
    border-radius: 7px;
}

@media (max-width: 575.98px) {
    .admin-page-title {
        align-items: flex-start;
        flex-direction: column;
    }
}

/*** Spinner Start ***/
/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}
/*** Spinner End ***/

.back-to-top {
    position: fixed;
    right: 24px;
    bottom: 24px;
    display: flex;
    width: 40px;
    height: 40px;
    padding: 0;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: .95rem;
    transition: 0.3s;
    z-index: 99;
}

.whatsapp-float {
    position: fixed;
    right: 24px;
    bottom: 72px;
    display: flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #25d366;
    color: #fff;
    font-size: 1.3rem;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .22);
    z-index: 99;
    transition: .3s;
}

.whatsapp-float:hover {
    background: #1ebe57;
    color: #fff;
    transform: scale(1.06);
}

@media (max-width: 575.98px) {
    .whatsapp-float {
        right: 16px;
        bottom: 62px;
        width: 36px;
        height: 36px;
        font-size: 1.15rem;
    }
    .back-to-top {
        right: 16px;
        bottom: 18px;
        width: 36px;
        height: 36px;
        font-size: .85rem;
    }
}

/*** Button Start ***/
.btn {
    font-weight: 600;
    transition: .5s;
}

.btn-square {
    width: 32px;
    height: 32px;
}

.btn-sm-square {
    width: 34px;
    height: 34px;
}

.btn-md-square {
    width: 44px;
    height: 44px;
}

.btn-lg-square {
    width: 56px;
    height: 56px;
}

.btn-square,
.btn-sm-square,
.btn-md-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    border-radius: 50%;
}

.btn.btn-primary {
    background: var(--bs-primary) !important;
    color: var(--bs-white) !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    transition: 0.5s;
}

.btn.btn-primary:hover {
    background: var(--bs-secondary) !important;
    color: var(--bs-white);
}

.btn.btn-secondary {
    background: var(--bs-secondary) !important;
    color: var(--bs-white);
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    border: 1px solid var(--bs-secondary);
    transition: 0.5s;
}

.btn.btn-secondary:hover {
    background: var(--bs-primary) !important;
    color: var(--bs-secondary) !important;
}

/*** Topbar Start ***/
.topbar {
    padding: 2px 10px 2px 20px;
    background: var(--bs-primary) !important;
}

.topbar a,
.topbar a i {
    transition: 0.5s;
}

.topbar a:hover,
.topbar a i:hover {
    color: var(--bs-secondary) !important;
}


@media (max-width: 768px) {
    .topbar {
        display: none;    
    }
}
/*** Topbar End ***/


/*** Navbar ***/
.nav-bar .categories-bars .categories-bars-item {
    padding: 5px 15px;
    border-bottom: 1px solid rgba(256, 256, 256, 0.1);
    display: flex;
    justify-content: space-between;
    transition: 0.5s;
}

.nav-bar .categories-bars .categories-bars-item a,
.nav-bar .categories-bars .categories-bars-item span {
    color: var(--bs-dark);
    transition: 0.5s;
}

.nav-bar .categories-bars .categories-bars-item:hover {
    background: var(--bs-primary);
}

.nav-bar .categories-bars .categories-bars-item:hover a,
.nav-bar .categories-bars .categories-bars-item:hover span {
    color: var(--bs-white);
}

.nav-bar .navbar.navbar-light {
    padding: 0 !important;
}

.nav-bar .navbar .navbar-nav .nav-link {
    padding: 18px 15px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    color: var(--bs-white);
    transition: .5s;
}

.nav-bar .navbar .navbar-nav.admin-header-nav .nav-link {
    padding-left: 7px;
    padding-right: 7px;
    font-size: 13px;
    white-space: nowrap;
}

.header-phone-btn {
    flex: 0 0 auto;
    white-space: nowrap;
    font-size: 13px;
}

@media (min-width: 992px) and (max-width: 1399.98px) {
    .nav-bar .navbar .navbar-nav.admin-header-nav .nav-link {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 12px;
    }

    .header-phone-btn {
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 12px;
    }
}

.navbar .navbar-nav .nav-link:hover,
.fixed-top.bg-white .navbar .navbar-nav .nav-link:hover,
.nav-bar .navbar .navbar-nav .nav-link:hover {
    color: #f92400 !important;
}

.navbar .navbar-nav .nav-link.active,
.fixed-top.bg-white .navbar .navbar-nav .nav-link.active {
    color: var(--bs-white);
}

.nav-bar .navbar-toggler,
.nav-bar .navbar-toggler h4 {
    color: var(--bs-white);
}

.nav-bar .categories-bars {
    background: #000000;
}

.nav-bar .category-menu-item {
    position: relative;
}

.header-action-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.header-count-badge {
    position: absolute;
    top: -6px;
    right: -6px;
    left: auto;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    border-radius: 10px;
    background: #e30613;
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
}

.nav-bar .category-menu-item > .categories-bars-item {
    min-height: 42px;
    align-items: center;
}

.nav-bar .category-menu-item > .categories-bars-item > a {
    flex: 1;
}

.nav-bar .category-arrow {
    font-size: 11px;
}

.nav-bar .category-submenu {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    width: 250px;
    min-width: 250px;
    margin: 0;
    border-left: 2px solid #f92400;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .22);
    z-index: 1001;
}

.nav-bar .category-menu-item:hover > .category-submenu,
.nav-bar .category-menu-item:focus-within > .category-submenu {
    display: block;
}

.nav-bar .category-submenu .categories-bars-item {
    background: #000000;
}

@media (max-width: 991.98px) {
    .nav-bar .category-submenu {
        display: block;
        position: static;
        width: 100%;
        min-width: 0;
        padding-left: 15px;
        border-left: 2px solid #f92400;
        box-shadow: none;
    }

    .nav-bar .category-submenu .categories-bars-item {
        padding-left: 20px;
    }
}

.nav-bar .categories-bars .categories-bars-item a,
.nav-bar .categories-bars .categories-bars-item span {
    color: var(--bs-white);
}

.nav-bar .categories-bars .categories-bars-item:hover {
    background: #f92400;
}

.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    vertical-align: middle;
}

@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        visibility: hidden;
        top: 100%;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%;
        border: 0;
        border-radius: 10px;
        transition: .5s;
        opacity: 0;
    }
}

@media (max-width: 992px) {
    .nav-bar .navbar .navbar-nav .nav-link {
        padding: 8px 0px;
    }
}

.dropdown .dropdown-menu a:hover {
    background: var(--bs-primary);
    color: var(--bs-white);
}

.dropdown .dropdown-menu button.dropdown-item:hover,
.dropdown .dropdown-menu button.dropdown-item:focus {
    background: #f92400;
    color: #ffffff !important;
}

.dropdown .dropdown-menu {
    max-height: 75vh;
    overflow-y: auto;
}

.navbar .nav-item:hover .dropdown-menu {
    transform: rotateX(0deg);
    visibility: visible;
    background: var(--bs-light) !important;
    transition: .5s;
    opacity: 1;
}

.navbar .navbar-toggler {
    padding: 5px 15px;
}

#allCat {
    position: absolute; 
    left: 0; 
    right: 0; 
    top: 51px; 
    z-index: 999; 
    background: var(--bs-light);
}

.nav-bar .navbar-toggler {
    border-radius: 5px !important; 
    box-shadow: none !important;
}

/*** Navbar End ***/

/*** Carousel Header Start ***/
.header-carousel.owl-carousel > .owl-nav .owl-prev {
    left: 12px !important;
    right: auto !important;
}

.header-carousel.owl-carousel > .owl-nav .owl-next {
    right: 12px !important;
    left: auto !important;
}

.header-carousel.owl-carousel .owl-nav .owl-prev:hover,
.header-carousel.owl-carousel .owl-nav .owl-next:hover {
    background: var(--bs-secondary);
    color: var(--bs-white);
}

.carousel .carousel-header-banner {
    position: relative;
}

.carousel .carousel-banner-offer {
    position: absolute;
    top: 20px; 
    left: 20px;
    display: flex;
    align-items: center;
    z-index: 2;
}

.carousel .carousel-banner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0; 
    left: 0;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
}
/*** Carousel Header End ***/


/*** Page Header start ***/
.page-header {
    position: relative;
    padding: 100px 0;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/carousel-1.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
/*** Page Header end ***/


/*** Products Start ***/
.product .product-item {
    width: 100%;
    height: 100%;
    position: relative;
}

.product .product-item .product-item-inner {
    height: 100%;
}

.product .product-item .product-item-add {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: 0.5s;
    z-index: 1;
}

.product .product-item:hover .product-item-add {
    background: var(--bs-white);
    margin-bottom: -190px;
    opacity: 1;
}
.product .product-item:hover .product-item-inner {
    border-bottom: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.product .product-item .product-item-inner .product-item-inner-item {
    position: relative;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    overflow: hidden;
}

.product .product-item .product-item-inner .product-item-inner-item .product-new,
.product .product-item .product-item-inner .product-item-inner-item .product-sale {
    position: absolute;
    width: 60px; 
    height: 60px;
    border-radius: 60px; 
    top: 20px; 
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center; 
}

.product .product-item .product-item-inner .product-item-inner-item .product-new {
    background: var(--bs-primary);
    color: var(--bs-white);
}

.product .product-item .product-item-inner .product-item-inner-item .product-sale {
    background: var(--bs-secondary);
    color: var(--bs-white);
}

.product .product-item .product-item-inner img {
    transition: 0.5s;
}

.product .product-item:hover .product-item-inner img {
    transform: scale(1.1);
}

.product .product-item .product-item-inner .product-item-inner-item .product-details {
    position: absolute;
    width: 100%; 
    height: 100%; 
    top: 0; 
    left: 0;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    background: rgba(255, 255, 255, 0.2);
    transition: 0.5s;
}

.product .product-item .product-item-inner .product-item-inner-item .product-details a i {
    width: 50px; 
    height: 50px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bs-primary);
    color: var(--bs-white);
    transition: 0.5s;
}

.product .product-item:hover .product-item-inner .product-item-inner-item .product-details a i:hover {
    background: var(--bs-secondary);
    color: var(--bs-white);
}

.product .product-item:hover .product-item-inner .product-details {
    opacity: 1;
}

.product .tab-class .nav .nav-item a.active {
    background: var(--bs-primary) !important;
}

.product .tab-class .nav .nav-item a.active span {
    color: var(--bs-white) !important;
}
/*** Product End ***/


/*** ProductList Categories Start ***/
.productList .productList-carousel {
    height: 215px !important;
}

.productList .productList-carousel .productImg-carousel.productList-item .productImg-item {
    position: relative;
    width: calc(100% - 1px);
    transition: 0.5s;
}

.productList .productList-carousel .productImg-carousel.productList-item .productImg-item {
    margin-bottom: 75px;
}

.productList .productList-carousel .productImg-carousel.productList-item .productImg-item:hover {
    border-bottom: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.productList .productList-carousel .owl-nav .owl-prev,
.productList .productList-carousel .owl-nav .owl-next {
    position: absolute;
    top: -40px;
    padding: 5px 40px;
    border-radius: 30px;
    background: var(--bs-primary);
    color: var(--bs-white);
    transition: 0.5s;
}

.productList .productList-carousel .owl-nav .owl-prev:hover,
.productList .productList-carousel .owl-nav .owl-next:hover {
    background: var(--bs-secondary) !important;
    color: var(--bs-white) !important;
}

.productList .productList-carousel .owl-nav .owl-prev {
    left: 0;
}

.productList .productList-carousel .owl-nav .owl-next {
    right: 0;
}

.productList .productList-carousel .productImg-carousel .owl-nav .owl-prev,
.productList .productList-carousel .productImg-carousel .owl-nav .owl-next {
    position: absolute;
    top: 0px;
    padding: 5px 10px;
    border-radius: 30px;
    background: var(--bs-primary);
    color: var(--bs-white);
    transition: 0.5s;
    opacity: 0;
}

.productList .productList-carousel .productImg-carousel .owl-nav .owl-prev:hover,
.productList .productList-carousel .productImg-carousel .owl-nav .owl-next:hover {
    background: var(--bs-secondary) !important;
    color: var(--bs-white) !important;
}

.productList .productList-carousel .productImg-carousel .owl-nav .owl-prev {
    left: 0;
}

.productList .productList-carousel .productImg-carousel .owl-nav .owl-next {
    right: 0;
}

.productList .productList-carousel .productImg-carousel.productList-item:hover .owl-nav .owl-prev,
.productList .productList-carousel .productImg-carousel.productList-item:hover .owl-nav .owl-next {
    opacity: 1;
}
/*** ProductList Categories End ***/



/*** bestseller Products Start ***/
.products .products-mini .products-mini-item {
    position: relative;
    border-radius: 10px;
    transition: 0.5s;
}

.products .products-mini .products-mini-item:hover {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.products .products-mini .products-mini-item .products-mini-img {
 position: relative;
 overflow: hidden;
}

.products .products-mini .products-mini-item .products-mini-img img {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    transition: 0.5s;
}

.products .products-mini .products-mini-item:hover .products-mini-img img {
    border-bottom-left-radius: 0 !important;
    transform: scale(1.3);
}

.products .products-mini .products-mini-item .products-mini-img .products-mini-icon {
    position: absolute;
    width: 50px; 
    height: 50px; 
    top: 50%; 
    left: 50%;
    transform: translate(-50%, -50%); 
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: 0.5s;
}

.products .products-mini .products-mini-item:hover .products-mini-img .products-mini-icon {
    opacity: 1;
}

.products .products-mini .products-mini-item:hover .products-mini-img .products-mini-icon:hover {
    background: var(--bs-secondary) !important;
}

.products .products-mini .products-mini-item .products-mini-add {
    position: absolute;
    bottom: 0;
    left: -1px;
    right: -1px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--bs-white);
    transition: 0.5s;
    z-index: 9;
    opacity: 0;
}

.products .products-mini .products-mini-item:hover .products-mini-add {
    opacity: 1;
    margin-bottom: -75px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
/*** bestseller Products End ***/

/*** Pagination Start ***/
.pagination {
    display: inline-block;
}
  
.pagination a {
    color: var(--bs-dark);
    padding: 10px 16px;
    text-decoration: none;
    transition: 0.5s;
    border: 1px solid var(--bs-secondary);
    margin: 0 4px;
}
  
.pagination a.active {
    background-color: var(--bs-primary);
    color: var(--bs-light);
    border: 1px solid var(--bs-secondary);
}
  
.pagination a:hover:not(.active) {background-color: var(--bs-primary)}

.nav.nav-tabs .nav-link.active {
    border-bottom: 2px solid var(--bs-secondary) !important;
}
/*** Pagination End ***/

/*** Shop Page Start ***/
.shop .product-categories .categories-item {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
}

.shop .product-categories .categories-item a {
    transition: 0.5s;
}

.shop .product-categories .categories-item a:hover {
    color: var(--bs-primary) !important;
}

.shop .product-color .product-color-item {
    display: flex;
    padding: 10px 0;
}

.shop .product-color .product-color-item a {
    transition: 0.5s;
}

.shop .product-color .product-color-item a:hover {
    color: var(--bs-secondary);
}

.shop .price {
    padding: 10px 0;
}

.shop .additional-product .additional-product-item {
    padding: 10px 0;
}

.shop .featured-product .featured-product-item {
    display: flex;
    align-items: center;
    justify-content: start;
}

.shop .product-tags .product-tags-items a {
    display: inline-block !important;
    background: var(--bs-white);
    color: var(--bs-dark);
    transition: 0.5;
}

.shop .product-tags .product-tags-items a:hover {
    background: var(--bs-primary) !important;
    color: var(--bs-white) !important;
}

/*** Shop Page End ***/

.shop-product-image {
    height: 260px;
    overflow: hidden;
    background: #fff;
}

.shop-breadcrumb {
    background: #f7f7f7;
}

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

.shop-product-image img {
    height: 100%;
    object-fit: contain;
    padding: 12px;
}

.shop-product-title {
    min-height: 48px;
}

.shop-card-actions form {
    margin: 0;
}

.store-action-message {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 1100;
    max-width: 360px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .18);
}

.product-main-image {
    min-height: 480px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.product-main-image img {
    height: 480px;
    object-fit: contain;
    padding: 25px;
}

.product-thumbnails button {
    width: 82px;
    height: 82px;
    cursor: pointer;
}

.product-thumbnails button.active {
    border-color: var(--bs-primary) !important;
    box-shadow: 0 0 0 2px var(--bs-primary);
}

.product-thumbnails img,
.related-product-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.related-product-image {
    height: 190px;
}

@media (max-width: 767.98px) {
    .product-main-image { min-height: 320px; }
    .product-main-image img { height: 320px; }
}


/*** Single Products Start ***/
.single-product .owl-nav .owl-prev,
.single-product .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -13%;
    font-size: 22px;
    color: var(--bs-primary);
}

.single-product .owl-nav .owl-prev {
    left: 0;
}

.single-product .owl-nav .owl-next {
    right: 0 !important;
}


.single-product .single-carousel .owl-dots {
    width: 100%;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    transition: 0.5s;
}

.single-product .single-carousel .owl-dots .owl-dot img {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    margin-right: 15px;
    border: 2px solid var(--bs-primary);
    transition: 0.5s;
}

.single-product .single-carousel .owl-dots .owl-dot.active img {
    width: 80px;
    height: 80px;
    border-radius: 40px;
    border: 4px solid var(--bs-secondary);
}














.related-product .related-carousel .related-item {
    width: 100%;
    height: 100%;
    position: relative;
    margin-bottom: 125px;
    transition: 0.5s;
}

.related-product .related-carousel .related-item .related-item-add {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: 0.5s;
    z-index: 99;
}

.related-product .related-carousel .related-item:hover .related-item-add {
    background: var(--bs-white);
    margin-bottom: -125px;
    opacity: 1;
}

.related-product .related-carousel .related-item:hover .related-item-inner {
    border-bottom: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.related-product .related-carousel .related-item .related-item-inner .related-item-inner-item {
    position: relative;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    overflow: hidden;
}

.related-product .related-carousel .related-item .related-item-inner .related-item-inner-item .related-new,
.related-product .related-carousel .related-item .related-item-inner .related-item-inner-item .related-sale {
    position: absolute;
    width: 60px; 
    height: 60px;
    border-radius: 60px; 
    top: 20px; 
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center; 
    z-index: 5;
}

.related-product .related-carousel .related-item .related-item-inner .related-item-inner-item .related-new {
    background: var(--bs-primary);
    color: var(--bs-white);
}

.related-product .related-carousel .related-item .related-item-inner .related-item-inner-item .related-sale {
    background: var(--bs-secondary);
    color: var(--bs-white);
}

.related-product .related-carousel .related-item .related-item-inner img {
    transition: 0.5s;
}

.related-product .related-carousel .related-item:hover .related-item-inner img {
    transform: scale(1.1);
}

.related-product .related-carousel .related-item .related-item-inner .related-item-inner-item .related-details {
    position: absolute;
    width: 100%; 
    height: 100%; 
    top: 0; 
    left: 0;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    background: rgba(255, 255, 255, 0.2);
    transition: 0.5s;
}

.related-product .related-carousel .related-item .related-item-inner .related-item-inner-item .related-details a i {
    width: 50px; 
    height: 50px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bs-primary);
    color: var(--bs-white);
    transition: 0.5s;
}

.related-product .related-carousel .related-item:hover .related-item-inner .related-item-inner-item .related-details a i:hover {
    background: var(--bs-secondary);
    color: var(--bs-white);
}

.related-product .related-carousel .related-item:hover .related-item-inner .related-details {
    opacity: 1;
}


.related-product .owl-nav .owl-prev,
.related-product .owl-nav .owl-next {
    position: absolute;
    top: -40px;
    padding: 5px 40px;
    border-radius: 30px;
    background: var(--bs-primary);
    color: var(--bs-white);
    transition: 0.5s;
}

.related-product .owl-nav .owl-prev {
    left: 0;
}

.related-product .owl-nav .owl-next {
    right: 0;
}

.related-product .owl-nav .owl-prev:hover,
.related-product .owl-nav .owl-next:hover {
    background: var(--bs-secondary) !important;
}
/*** Single Products End ***/

/*** Footer Start ***/
.footer {
    background: var(--bs-dark);
}
.footer .footer-item a {
    line-height: 30px;
    color: var(--bs-body);
    transition: 0.5s;
}

.footer .footer-item p {
    line-height: 30px;
}

.footer .footer-item a:hover {
    letter-spacing: 2px;
    color: var(--bs-secondary);
}

/*** Footer End ***/


/*** copyright Start ***/
.copyright {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    background: var(--bs-primary) !important;
}
/*** copyright end ***/
/* BossElectro footer and category navigation */
.category-nav-row{min-height:44px;display:flex;align-items:center}.category-header-links{display:flex;flex-wrap:wrap;justify-content:center}.category-header-links .nav-link{color:#fff!important;font-size:.82rem;font-weight:600;padding:12px 10px!important;white-space:nowrap}.category-header-links .nav-link:hover,.category-header-links .nav-link:focus{color:#e60012!important}.admin-secondary-nav{background:#08090d;border-top:1px solid rgba(255,255,255,.12)}.admin-secondary-nav a{color:#fff;padding:8px 11px;font-size:.78rem;font-weight:600}.admin-secondary-nav a:hover{color:#e60012}.boss-footer{border-top:3px solid #e60020;color:#c7c9d1;background:#111218}.boss-footer-main{background:#111218}.boss-footer h4{color:#fff;font-size:1.2rem;font-weight:700;text-transform:uppercase;margin-bottom:2rem}.boss-footer p{color:#c7c9d1;line-height:1.65;max-width:320px}.boss-footer a{color:#c7c9d1;transition:color .2s ease}.boss-footer a:hover{color:#ef1b34}.boss-footer ul{list-style:none;padding:0;margin:0}.boss-footer-links li{margin-bottom:1rem}.boss-contact-list li{display:flex;align-items:center;gap:16px;margin:1rem 0}.boss-contact-list i{width:20px;color:#ed1730;text-align:center}.boss-footer-bottom{background:#1b1c25;text-align:center;padding:38px 20px 10px}.boss-payment-icons{display:flex;align-items:center;justify-content:center;gap:12px;color:#090a0f;font-size:2.5rem;margin-bottom:34px}.boss-payment-icons .fa-credit-card{font-size:2.15rem}.boss-footer-bottom p{max-width:none;margin:0;color:#c7c9d1;font-size:.9rem}.boss-footer-bottom p span{color:#e60020;margin:0 6px}.boss-footer-bottom p a{color:#fff;font-weight:700}.boss-footer-bottom p a:hover{color:#e60020}
.compact-main-header .btn-md-square{width:38px;height:38px}.compact-main-header .header-count-badge{min-width:20px;height:20px;font-size:.68rem}
@media(max-width:991.98px){.category-header-links{align-items:flex-start}.category-header-links .nav-link{width:100%;padding:9px 15px!important}.header-phone-btn{margin-left:15px}.admin-secondary-nav .admin-header-nav{justify-content:flex-start!important}.boss-footer h4{margin-bottom:1.25rem}.boss-payment-icons{font-size:2rem;gap:8px}}
@media(max-width:575.98px){.boss-footer-main .container{padding-left:28px;padding-right:28px}.boss-footer-bottom{padding-top:28px}.boss-payment-icons{font-size:1.7rem;flex-wrap:wrap;margin-bottom:24px}}
/* Black cart and wishlist count badges */
.header-action-icon .header-count-badge{background:#000!important;color:#fff!important;border:2px solid #fff!important;border-radius:50%!important;min-width:18px;height:18px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:700;line-height:1}
/* Category navigation dropdowns */
.header-category-dropdown{position:relative}.header-category-menu{position:absolute;top:100%;left:0;z-index:1050;display:none;width:230px;padding:8px 0;background:#fff;border:1px solid #e5e5e5;border-top:3px solid #e60020;border-radius:0 0 5px 5px;box-shadow:0 10px 25px rgba(0,0,0,.16)}.header-category-dropdown:hover>.header-category-menu,.header-category-dropdown:focus-within>.header-category-menu,.header-subcategory-item:hover>.header-category-menu,.header-subcategory-item:focus-within>.header-category-menu{display:block}.header-subcategory-item{position:relative}.header-subcategory-item>a{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;color:#17181e!important;font-size:.9rem;font-weight:600}.header-subcategory-item>a:hover{color:#e60020!important;background:#f7f7f8}.header-category-menu.nested{top:-11px;left:100%;border-radius:0 5px 5px 0}.header-category-dropdown>.nav-link .fa-chevron-down{font-size:.65rem}
.boss-footer-bottom{padding-top:28px;padding-bottom:10px}
@media(max-width:991.98px){.header-category-dropdown{width:100%}.header-category-menu,.header-category-menu.nested{position:static;width:100%;display:none;margin-left:14px;border:0;border-left:2px solid #e60020;border-radius:0;box-shadow:none;background:rgba(255,255,255,.08);padding:0}.header-category-dropdown.mobile-open>.header-category-menu,.header-subcategory-item.mobile-open>.header-category-menu{display:block}.header-subcategory-item>a{color:#fff!important;padding:8px 15px}.header-subcategory-item>a:hover{background:transparent}.header-subcategory-item.mobile-open>a .fa-chevron-right{transform:rotate(90deg)}.header-category-dropdown.mobile-open>.nav-link .fa-chevron-down{transform:rotate(180deg)}}
/* Public information pages */
.info-page{max-width:1080px}.info-page>h1,.info-article>h1{font-weight:700}.info-card{padding:28px;border:1px solid #e2e3e7;border-radius:10px;background:#fff;box-shadow:0 8px 25px rgba(0,0,0,.04)}.info-card>i{font-size:2rem;margin-bottom:18px}.info-card h2{font-size:1.2rem;margin-bottom:12px}.info-card p{color:#666b75;margin-bottom:0}.contact-card{text-align:center;color:#17181e}.contact-card:hover{color:#17181e;border-color:#e60020;transform:translateY(-2px)}.info-article{max-width:880px}.info-article h2{font-size:1.35rem;margin-top:2rem}.info-article p{line-height:1.8;color:#555b65}.info-step{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#08090d;color:#fff;font-weight:700;margin-bottom:16px}.info-page .accordion-button:not(.collapsed){color:#fff;background:#08090d;box-shadow:none}.info-page .accordion-button:focus{border-color:#e60020;box-shadow:0 0 0 .2rem rgba(230,0,32,.15)}
/* Contact message form */
.contact-form-card{max-width:850px;padding:32px;border:1px solid #e1e2e6;border-radius:12px;background:#fff;box-shadow:0 12px 35px rgba(0,0,0,.06)}.contact-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:575.98px){.contact-form-card{padding:22px}}
/* Final compact header sizing overrides */
.nav-bar .navbar .category-header-links .nav-link{font-size:.82rem!important;padding:12px 10px!important}.compact-main-header .header-logo{max-width:220px}
/* Compact category dropdown menus */
@media(min-width:992px){.header-category-menu{width:195px;padding:4px 0}.header-subcategory-item>a{padding:6px 11px;font-size:.78rem;line-height:1.25}.header-subcategory-item>a .fa-chevron-right{font-size:.6rem;margin-left:8px}.header-category-menu.nested{top:-7px}.header-category-dropdown>.nav-link .fa-chevron-down{font-size:.55rem;margin-left:5px!important}}
/* Header search button inside the input */
.header-search-form .form-control{height:42px;padding-left:18px!important;padding-right:52px!important;border:1px solid #d9dbe0!important}.header-search-button{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:34px;height:34px;padding:0!important;display:flex;align-items:center;justify-content:center;border:0!important}.header-search-button:hover,.header-search-button:focus{background:#e60020!important}
/* Safe rich product descriptions */
.product-rich-description{color:#4d5159;line-height:1.75;overflow-x:auto}.product-rich-description h2,.product-rich-description h3,.product-rich-description h4{color:#15161b;font-weight:700;margin-top:1.7rem;margin-bottom:.8rem}.product-rich-description h2:first-child,.product-rich-description h3:first-child{margin-top:0}.product-rich-description h2{font-size:1.6rem}.product-rich-description h3{font-size:1.3rem}.product-rich-description h4{font-size:1.05rem}.product-rich-description p{margin-bottom:1rem}.product-rich-description ul,.product-rich-description ol{padding-left:1.4rem;margin-bottom:1.25rem}.product-rich-description li{margin-bottom:.55rem}.product-rich-description li p{margin-bottom:0}.product-rich-description blockquote{padding:16px 20px;margin:1.5rem 0;border-left:4px solid #e60020;background:#f6f6f7;color:#333}.product-rich-description blockquote p:last-child{margin-bottom:0}.product-rich-description table{width:100%;min-width:560px;margin:1.5rem 0;border-collapse:collapse}.product-rich-description th,.product-rich-description td{padding:11px 13px;border:1px solid #dfe1e5;text-align:left;vertical-align:top}.product-rich-description thead tr{background:#111218;color:#fff}.product-rich-description tbody tr:nth-child(even){background:#f7f7f8}
/* Full-width shop filters and grid */
.shop-page-wide{max-width:1920px}.shop-control-row{display:grid;grid-template-columns:minmax(220px,2fr) repeat(4,minmax(145px,1fr)) auto;gap:10px;align-items:center;padding:14px;background:#f5f5f6;border:1px solid #e3e4e7;border-radius:9px}.shop-search-control{position:relative}.shop-search-control input{padding-right:45px;height:42px}.shop-search-control button{position:absolute;right:3px;top:3px;width:36px;height:36px;padding:0;border-radius:50%}.shop-control-row .form-select,.shop-control-row>.btn{height:42px;font-size:.86rem}.shop-page-wide .product-item{display:flex;flex-direction:column}.shop-page-wide .product-item-add{margin-top:auto}
@media(max-width:1199.98px){.shop-control-row{grid-template-columns:repeat(3,1fr)}.shop-search-control{grid-column:span 2}}
@media(max-width:767.98px){.shop-control-row{grid-template-columns:1fr 1fr}.shop-search-control{grid-column:1/-1}.shop-control-row>.btn{grid-column:1/-1}}
@media(max-width:575.98px){.shop-control-row{grid-template-columns:1fr}.shop-search-control,.shop-control-row>.btn{grid-column:auto}}
/* Single full-width homepage promotional banner */
.homepage-wide-banner{overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.06)}.homepage-wide-banner>img{display:block;width:100%;max-height:430px;object-fit:cover;background:#fff}
/* Compact full-width homepage banners */
@media(min-width:992px){.header-carousel{padding-top:28px!important;padding-bottom:28px!important}.header-carousel .header-carousel-item{min-height:410px;max-height:480px;overflow:hidden}.header-carousel .carousel-img{height:440px}.header-carousel .carousel-img img{width:100%;height:100%;object-fit:contain}.header-carousel .carousel-content h1{font-size:3rem!important;margin-bottom:1rem!important}.header-carousel .carousel-content h4{margin-bottom:1rem!important}.homepage-wide-banner>img{max-height:390px}}
@media(max-width:991.98px){.homepage-wide-banner>img{max-height:320px}}
.container-fluid.carousel,.container-fluid.carousel.bg-light,.header-carousel,.header-carousel.bg-light,.header-carousel-item{background:#fff!important}.homepage-wide-banner,.homepage-wide-banner>img{background:#fff!important}
/* Latest Products tabs stay on one line */
.latest-tab-label{display:block;min-width:125px;padding:0 10px;white-space:nowrap}.product .nav.nav-pills{max-width:100%;overflow-x:auto;overflow-y:hidden}.product .nav.nav-pills .nav-item{flex:0 0 auto}
/* Keep dynamic Apple best sellers inside the original mini-card proportions */
.products .products-mini .products-mini-item>.row{min-height:245px}.products .products-mini .products-mini-item .products-mini-img{min-height:245px}.products .products-mini .products-mini-item .products-mini-img img{object-fit:contain;background:#fff}.products .products-mini .products-mini-item .products-mini-content .h4{font-size:1.08rem!important;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:4.38rem;margin-bottom:.75rem}
@media(max-width:575.98px){.products .products-mini .products-mini-item>.row,.products .products-mini .products-mini-item .products-mini-img{min-height:210px}.products .products-mini .products-mini-item .products-mini-content .h4{font-size:.98rem!important}}
/* Horizontal Latest Products carousels */
.latest-products-slider{position:relative;padding:0 42px}.latest-products-track{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;padding:4px 0 10px}.latest-products-track::-webkit-scrollbar{display:none}.latest-products-track>.col-md-6{flex:0 0 calc((100% - 48px)/4);max-width:calc((100% - 48px)/4);padding:0}.latest-products-track .product-item .text-center{padding:16px!important}.latest-products-track .shop-product-title{font-size:.92rem!important;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.4em}.latest-products-track .product-item .text-muted{font-size:.76rem}.latest-products-track .product-item .fs-5,.latest-products-track .product-item del{font-size:.92rem!important}.latest-products-track .product-item-add .btn{font-size:.78rem;padding:7px 14px!important}.latest-slider-arrow{position:absolute;top:50%;z-index:5;width:34px;height:34px;border:0;border-radius:50%;background:#08090d;color:#fff;transform:translateY(-50%);box-shadow:0 4px 12px rgba(0,0,0,.18)}.latest-slider-arrow:hover{background:#e60020}.latest-slider-prev{left:0}.latest-slider-next{right:0}
@media(max-width:991.98px){.latest-products-track>.col-md-6{flex-basis:calc((100% - 16px)/2);max-width:calc((100% - 16px)/2)}}
@media(max-width:575.98px){.latest-products-slider{padding:0 34px}.latest-products-track>.col-md-6{flex-basis:100%;max-width:100%}}
/* Latest Products uses the same Owl carousel behavior as All Product Items */
.latest-products-carousel .product-item .text-center{padding:16px!important}.latest-products-carousel .shop-product-title{font-size:.92rem!important;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.4em}.latest-products-carousel .product-item .text-muted{font-size:.76rem}.latest-products-carousel .product-item .fs-5,.latest-products-carousel .product-item del{font-size:.92rem!important}.latest-products-carousel .product-item-add .btn{font-size:.78rem;padding:7px 14px!important}.latest-products-carousel .owl-stage{display:flex}.latest-products-carousel .owl-item{display:flex}.latest-products-carousel .latest-product-slide,.latest-products-carousel .product-item{width:100%}.latest-products-carousel .product-item{display:flex;flex-direction:column}.latest-products-carousel .product-item-add{margin-top:auto}
.latest-products-carousel .shop-product-image{height:220px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff}.latest-products-carousel .shop-product-image>img{width:100%;height:100%;object-fit:contain}.latest-products-carousel .product-item-add{padding:12px 12px 14px!important}.latest-products-carousel .product-item-inner{flex:1}
@media(max-width:575.98px){.latest-products-carousel .shop-product-image{height:240px}}
/* Fixed Latest Products cards with permanent actions and a second-image hover */
.latest-products-carousel .product-item,.latest-products-carousel .product-item:hover{height:100%!important;transform:none!important}.latest-products-carousel .product-item-inner,.latest-products-carousel .product-item:hover .product-item-inner{height:100%!important;border:1px solid #dee2e6!important;border-radius:10px!important;display:flex;flex-direction:column}.latest-products-carousel .product-item-add{display:none!important}.latest-products-carousel .latest-product-images{position:relative;display:block}.latest-products-carousel .latest-product-images img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain;transform:none!important;transition:opacity .3s ease!important}.latest-products-carousel .latest-primary-image{opacity:1}.latest-products-carousel .latest-hover-image{opacity:0}.latest-products-carousel .latest-product-images:hover .latest-primary-image{opacity:0}.latest-products-carousel .latest-product-images:hover .latest-hover-image{opacity:1}.latest-products-carousel .product-sale,.latest-products-carousel .product-new{position:absolute;z-index:3}.latest-products-carousel .latest-card-actions{margin-top:auto}.latest-products-carousel .latest-card-actions form{min-width:0}.latest-products-carousel .latest-card-actions .btn{height:38px;padding:6px 8px;font-size:.75rem;white-space:nowrap}.latest-products-carousel .latest-card-actions .btn i{margin-right:5px}
@media(max-width:420px){.latest-products-carousel .latest-card-actions .btn span{display:none}.latest-products-carousel .latest-card-actions .btn i{margin-right:0}}
/* Extra-compact Latest Products cards */
.latest-products-carousel .shop-product-image{height:180px}.latest-products-carousel .product-item .text-center{padding:11px!important}.latest-products-carousel .shop-product-title{font-size:.8rem!important;min-height:2.1em;margin-bottom:7px!important}.latest-products-carousel .product-item .text-muted{font-size:.68rem;margin-bottom:4px!important}.latest-products-carousel .product-item .fs-5,.latest-products-carousel .product-item del{font-size:.8rem!important}.latest-products-carousel .latest-card-actions{gap:5px!important;padding:0 8px 9px!important}.latest-products-carousel .latest-card-actions .btn{height:32px;padding:4px 5px;font-size:.66rem;border-radius:5px!important}.latest-products-carousel .latest-card-actions .btn i{margin-right:3px}
@media(max-width:575.98px){.latest-products-carousel .shop-product-image{height:205px}}
/* Homepage visual balance and accurate service strip */
@media(min-width:992px){.compact-main-header .header-logo{max-width:255px;height:52px}.nav-bar .navbar .category-header-links .nav-link{font-size:.78rem!important;padding:10px 8px!important}.header-carousel{padding-top:18px!important;padding-bottom:18px!important}.header-carousel .header-carousel-item{min-height:350px;max-height:400px}.header-carousel .carousel-img{height:370px}.header-carousel .carousel-content h1{font-size:2.65rem!important;line-height:1.15}.header-carousel .carousel-content p{margin-bottom:1rem}.header-carousel .carousel-content .btn{padding:12px 38px!important}}
.homepage-service-strip{border-bottom:1px solid #e3e4e7}.homepage-service-strip .p-4{padding:20px 18px!important;min-height:126px;display:flex;align-items:center}.homepage-service-strip i{font-size:1.55rem!important;min-width:28px;text-align:center}.homepage-service-strip .ms-4{margin-left:14px!important}.homepage-service-strip h6{font-size:.78rem;line-height:1.25;margin-bottom:6px!important}.homepage-service-strip p{font-size:.76rem;line-height:1.45;color:#777}
@media(max-width:767.98px){.homepage-service-strip .p-4{min-height:112px;padding:16px 12px!important}.homepage-service-strip h6{font-size:.72rem}.homepage-service-strip p{font-size:.7rem}}
/* Dynamic electronics brands strip */
.homepage-brand-strip{padding:18px 0;border-top:1px solid #ececef;border-bottom:1px solid #dedfe3;background:#f8f8f9}.brand-strip-heading{text-align:center;margin-bottom:12px;color:#18191e;font-size:.76rem;font-weight:800;letter-spacing:2px;text-transform:uppercase}.brand-strip-track{display:flex;align-items:stretch;gap:12px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:thin;scrollbar-color:#bbb transparent}.brand-strip-item{flex:1 0 135px;min-width:135px;height:64px;padding:10px 18px;display:flex;align-items:center;justify-content:center;border:1px solid #e0e1e5;border-radius:7px;background:#fff;color:#17181d;font-size:.92rem;font-weight:700;text-align:center;transition:border-color .2s ease,color .2s ease,transform .2s ease}.brand-strip-item:hover{color:#e60020;border-color:#e60020;transform:translateY(-2px)}.brand-strip-item img{display:block;max-width:115px;max-height:38px;object-fit:contain;filter:grayscale(1);transition:filter .2s ease}.brand-strip-item:hover img{filter:grayscale(0)}
@media(max-width:575.98px){.homepage-brand-strip{padding:14px 0}.brand-strip-item{flex-basis:112px;min-width:112px;height:55px;padding:8px 12px;font-size:.78rem}.brand-strip-item img{max-width:92px;max-height:32px}}
/* Compact fixed shop cards matching the homepage */
.shop-page-wide .shop-fixed-card,.shop-page-wide .shop-fixed-card:hover{height:100%!important;transform:none!important;border:1px solid #ececef!important;border-radius:8px!important;overflow:hidden;background:#fff}.shop-page-wide .shop-fixed-card .product-item-inner,.shop-page-wide .shop-fixed-card:hover .product-item-inner{height:auto!important;flex:1;border:0!important;border-radius:0!important}.shop-page-wide .shop-fixed-card .product-item-add,.shop-page-wide .shop-fixed-card:hover .product-item-add{position:static!important;opacity:1!important;margin:0!important;background:#fff!important;border:0!important}.shop-page-wide .shop-hover-images{position:relative;height:210px;display:block;overflow:hidden;background:#fff}.shop-page-wide .shop-hover-images img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain;transform:none!important;transition:opacity .3s ease!important}.shop-page-wide .shop-primary-image{opacity:1}.shop-page-wide .shop-hover-image{opacity:0}.shop-page-wide .shop-hover-images:hover .shop-primary-image{opacity:0}.shop-page-wide .shop-hover-images:hover .shop-hover-image{opacity:1}.shop-page-wide .shop-fixed-card .product-details{display:none!important}.shop-page-wide .shop-fixed-card .text-center{padding:14px!important}.shop-page-wide .shop-fixed-card .shop-product-title{font-size:.88rem!important;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.3em}.shop-page-wide .shop-fixed-card .text-muted{font-size:.73rem}.shop-page-wide .shop-fixed-card .fs-5,.shop-page-wide .shop-fixed-card del{font-size:.9rem!important}.shop-page-wide .shop-fixed-card .product-item-add{padding:0 12px 13px!important}.shop-page-wide .shop-card-actions{gap:6px!important;margin-bottom:9px!important}.shop-page-wide .shop-card-actions .btn{padding:6px 10px;font-size:.75rem}.shop-page-wide .shop-fixed-card .product-item-add>a,.shop-page-wide .shop-fixed-card .product-item-add small{font-size:.72rem}
/* Shop card actions: icon shortcuts with a full-width red cart button */
.catalog-product-card{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;border:1px solid #e5e6ea;border-radius:8px;background:#fff;transition:border-color .2s ease}.catalog-product-card:hover{border-color:#ff2938}.catalog-card-images{position:relative;display:block;height:180px;flex:0 0 180px;overflow:hidden;background:#fff}.catalog-card-images img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .3s ease}.catalog-primary-image{opacity:1}.catalog-hover-image{opacity:0}.catalog-card-images:has(.catalog-hover-image):hover .catalog-primary-image{opacity:0}.catalog-card-images:hover .catalog-hover-image{opacity:1}.catalog-card-images .product-sale,.catalog-card-images .product-new{position:absolute;top:10px;right:10px;z-index:3;padding:4px 9px;border-radius:14px;background:#08090d;color:#fff;font-size:.66rem}.catalog-card-images .product-sale{background:#ff2938}.catalog-card-content{padding:11px 12px 8px;text-align:center}.catalog-card-brand{display:block;margin-bottom:5px;color:#9297a3;font-size:.68rem}.catalog-card-brand:hover{color:#ff2938}.catalog-card-title{display:-webkit-box;min-height:2.2em;margin-bottom:7px;overflow:hidden;color:#252631;font-size:.8rem;font-weight:700;line-height:1.22;-webkit-box-orient:vertical;-webkit-line-clamp:2}.catalog-card-title:hover{color:#ff2938}.catalog-card-price{display:flex;align-items:center;justify-content:center;gap:6px}.catalog-card-price del{color:#999;font-size:.72rem}.catalog-card-price strong{color:#e51d2a;font-size:.86rem}.catalog-card-icons{display:flex;align-items:center;justify-content:center;gap:11px;margin:auto 0 11px}.catalog-card-icons form{margin:0}.catalog-card-icons button,.catalog-card-icons>a{width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e1e2e6;border-radius:50%;background:#fff;color:#24252a;font-size:.85rem}.catalog-card-icons button:hover,.catalog-card-icons>a:hover{border-color:#ff2938;background:#ff2938;color:#fff}.catalog-card-cart{padding:0 11px 12px}.catalog-card-cart button{width:100%;height:39px;border:1px solid #000;border-radius:21px;background:#000;color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase}.catalog-card-cart button:hover{border-color:#ff2938;background:#ff2938}.catalog-card-cart button:disabled{border-color:#aaa;background:#aaa;cursor:not-allowed}.latest-products-carousel .catalog-product-card{min-height:100%}.latest-products-carousel .owl-stage{display:flex}.latest-products-carousel .owl-item{display:flex}
@media(max-width:575.98px){.catalog-card-images{height:205px;flex-basis:205px}}
/* Clean side navigation for homepage and related-product carousels */
.latest-products-carousel{position:relative}.latest-products-carousel>.owl-nav{margin:0!important}.latest-products-carousel>.owl-nav .owl-prev,.latest-products-carousel>.owl-nav .owl-next{position:absolute;top:50%;z-index:8;width:38px;height:38px;margin:0!important;padding:0!important;display:flex!important;align-items:center;justify-content:center;border:1px solid #dedfe3!important;border-radius:50%!important;background:#fff!important;color:#17181d!important;box-shadow:0 4px 14px rgba(0,0,0,.13);transform:translateY(-50%);transition:.2s ease}.latest-products-carousel>.owl-nav .owl-prev{left:-19px}.latest-products-carousel>.owl-nav .owl-next{right:-19px}.latest-products-carousel>.owl-nav .owl-prev:hover,.latest-products-carousel>.owl-nav .owl-next:hover{border-color:#ff2938!important;background:#ff2938!important;color:#fff!important}.latest-products-carousel>.owl-nav .owl-prev i,.latest-products-carousel>.owl-nav .owl-next i{font-size:.78rem}.latest-products-carousel>.owl-nav .disabled{opacity:.35;cursor:default}
@media(max-width:767.98px){.latest-products-carousel>.owl-nav .owl-prev{left:7px}.latest-products-carousel>.owl-nav .owl-next{right:7px}.latest-products-carousel>.owl-nav .owl-prev,.latest-products-carousel>.owl-nav .owl-next{width:34px;height:34px}}
/* Consistent carousel arrows across every public page */
.owl-carousel{position:relative}.owl-carousel>.owl-nav{margin:0!important}.owl-carousel>.owl-nav .owl-prev,.owl-carousel>.owl-nav .owl-next{position:absolute!important;top:50%!important;bottom:auto!important;z-index:20!important;width:38px!important;height:38px!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid #dedfe3!important;border-radius:50%!important;background:#fff!important;color:#17181d!important;box-shadow:0 4px 14px rgba(0,0,0,.14)!important;transform:translateY(-50%)!important;opacity:1!important;transition:.2s ease!important}.owl-carousel>.owl-nav .owl-prev{left:-19px!important;right:auto!important}.owl-carousel>.owl-nav .owl-next{right:-19px!important;left:auto!important}.owl-carousel>.owl-nav .owl-prev:hover,.owl-carousel>.owl-nav .owl-next:hover{border-color:#ff2938!important;background:#ff2938!important;color:#fff!important}.owl-carousel>.owl-nav button i{font-size:.78rem!important;line-height:1!important}.owl-carousel>.owl-nav .disabled{opacity:.3!important;pointer-events:none}
@media(max-width:767.98px){.owl-carousel>.owl-nav .owl-prev{left:7px!important}.owl-carousel>.owl-nav .owl-next{right:7px!important}.owl-carousel>.owl-nav .owl-prev,.owl-carousel>.owl-nav .owl-next{width:34px!important;height:34px!important}}
/* Homepage electronics promotion banner */
.electronics-promo-banner{background-image:url('../img/electronics-promo-banner-v2.png')!important}.electronics-promo-banner:after{background:linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.62) 36%,rgba(255,255,255,0) 58%)!important}
.electronics-promo-banner{position:relative;min-height:330px;margin:45px auto;max-width:1640px;display:flex;align-items:center;overflow:hidden;border-radius:12px;background:#eef0f3 url('../img/electronics-promo-banner.jpg') center/cover no-repeat;box-shadow:0 10px 30px rgba(0,0,0,.08)}.electronics-promo-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.9) 34%,rgba(255,255,255,.2) 66%,rgba(255,255,255,0) 100%)}.electronics-promo-content{position:relative;z-index:2;width:min(600px,52%);padding:48px 60px}.electronics-promo-content>span{display:block;margin-bottom:10px;color:#e51d2a;font-size:.75rem;font-weight:800;letter-spacing:2px;text-transform:uppercase}.electronics-promo-content h2{margin-bottom:13px;color:#15161b;font-size:2.45rem;font-weight:800;line-height:1.1}.electronics-promo-content p{margin-bottom:22px;color:#5d626c;font-size:.95rem;line-height:1.65}.electronics-promo-content .btn{padding:11px 25px;border-radius:24px;background:#ff2938;color:#fff;font-size:.83rem;font-weight:700}.electronics-promo-content .btn:hover{background:#dc1726;color:#fff}
@media(max-width:767.98px){.electronics-promo-banner{min-height:360px;margin:28px 14px;background-position:62% center}.electronics-promo-banner:after{background:rgba(255,255,255,.94)!important}.electronics-promo-content{width:100%;padding:34px 28px;text-align:center}.electronics-promo-content h2{font-size:1.9rem}.electronics-promo-content p{font-size:.86rem}}
.shop-page-wide article.shop-fixed-card{display:flex;flex-direction:column;border:1px solid #e5e6ea!important;border-radius:8px;overflow:hidden;background:#fff}.shop-page-wide article.shop-fixed-card:hover{border-color:#ff2938!important}.shop-page-wide article .shop-hover-images{position:relative;display:block;height:210px;flex:0 0 210px}.shop-page-wide article .shop-hover-images:not(:has(.shop-hover-image)):hover .shop-primary-image{opacity:1!important}.shop-page-wide article .product-sale,.shop-page-wide article .product-new{position:absolute;top:12px;right:12px;z-index:3;padding:5px 10px;border-radius:15px;background:#08090d;color:#fff;font-size:.7rem}.shop-page-wide article .product-sale{background:#ff2938}.shop-card-content{padding:13px 14px 9px;text-align:center}.shop-card-brand{display:block;margin-bottom:6px;color:#9297a3;font-size:.7rem}.shop-card-brand:hover{color:#ff2938}.shop-page-wide article .shop-product-title{display:-webkit-box;min-height:2.35em;margin-bottom:8px;overflow:hidden;color:#252631;font-size:.84rem!important;font-weight:700;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.shop-card-price{display:flex;align-items:center;justify-content:center;gap:7px;font-size:.9rem}.shop-card-price del{color:#999;font-size:.76rem}.shop-card-price strong{color:#e51d2a}.shop-card-icon-row{display:flex;align-items:center;justify-content:center;gap:12px;margin:auto 0 13px}.shop-card-icon-row form{margin:0}.shop-card-icon{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e1e2e6;border-radius:50%;background:#fff;color:#24252a;font-size:.9rem}.shop-card-icon:hover{border-color:#ff2938;background:#ff2938;color:#fff}.shop-card-cart{padding:0 13px 14px}.shop-card-cart button{width:100%;height:42px;border:1px solid #000;border-radius:22px;background:#000;color:#fff;font-size:.8rem;font-weight:700;text-transform:uppercase}.shop-card-cart button:hover{border-color:#ff2938;background:#ff2938}.shop-card-cart button:disabled{border-color:#aaa;background:#aaa;cursor:not-allowed}
.shop-page-wide .shop-hover-images:not(:has(.shop-hover-image)):hover .shop-primary-image{opacity:1!important}
.shop-page-wide .shop-fixed-card .product-item-add{position:relative!important;padding:48px 12px 13px!important}.shop-page-wide .shop-fixed-card .shop-card-actions{display:block!important;margin:0!important}.shop-page-wide .shop-card-actions form:first-child{position:absolute;top:2px;left:calc(50% - 43px)}.shop-page-wide .shop-card-actions form:first-child .btn{width:36px!important;height:36px;padding:0!important;border:1px solid #e1e2e6!important;border-radius:50%!important;background:#fff!important;color:#24252a!important;font-size:0!important}.shop-page-wide .shop-card-actions form:first-child .btn i{margin:0!important;font-size:.9rem!important}.shop-page-wide .shop-card-actions form:first-child .btn:hover{border-color:#ff2938!important;background:#ff2938!important;color:#fff!important}.shop-page-wide .shop-card-actions form:nth-child(2) .btn{height:42px;padding:7px 12px!important;border:1px solid #ff2938!important;border-radius:22px!important;background:#ff2938!important;color:#fff!important;font-size:.82rem!important;font-weight:700;text-transform:uppercase}.shop-page-wide .shop-card-actions form:nth-child(2) .btn:hover{border-color:#dc1726!important;background:#dc1726!important}.shop-page-wide .shop-card-actions form:nth-child(2) .btn:disabled{border-color:#aaa!important;background:#aaa!important}.shop-page-wide .shop-fixed-card .product-item-add>.d-flex{position:absolute;top:2px;left:calc(50% + 7px);display:block!important}.shop-page-wide .shop-fixed-card .product-item-add>.d-flex a{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid #e1e2e6;border-radius:50%;font-size:0!important;color:#24252a!important}.shop-page-wide .shop-fixed-card .product-item-add>.d-flex a:before{content:"\f06e";font-family:"Font Awesome 5 Free";font-size:.9rem;font-weight:900}.shop-page-wide .shop-fixed-card .product-item-add>.d-flex a:hover{border-color:#ff2938;background:#ff2938;color:#fff!important}.shop-page-wide .shop-fixed-card .product-item-add>.d-flex small{display:none!important}

/* Primary Add to Cart button: black by default, red on hover */
.primary-cart-btn:hover:not(:disabled),
.primary-cart-btn:focus:not(:disabled) {
    background-color: #ff2938 !important;
    border-color: #ff2938 !important;
    color: #fff !important;
}

/*** Mobile header: white bar, centered logo, account/cart left, search/menu right ***/
@media (max-width: 991.98px) {
    .nav-bar.bg-primary,
    .nav-bar .navbar.bg-primary {
        background-color: #ffffff !important;
    }
    .nav-bar {
        border-bottom: 1px solid rgba(0, 0, 0, .08);
    }
    .nav-bar .navbar-toggler,
    .nav-bar .navbar-toggler h4 {
        color: #000000;
    }
    .mobile-header-row {
        flex-wrap: nowrap;
    }
    .mobile-header-row > div:first-child,
    .mobile-header-row > div:last-child {
        flex: 1 1 0;
        min-width: 0;
    }
    .mobile-header-row > div:last-child {
        display: flex;
        justify-content: flex-end;
    }
    .mobile-header-logo {
        flex: 0 1 auto;
        min-width: 0;
    }
    .mobile-header-logo .header-logo-mobile {
        max-width: 130px;
        height: 40px;
    }
    .mobile-header-row .header-action-icon .btn-md-square {
        width: 34px;
        height: 34px;
        font-size: .8rem;
    }
    .nav-bar .navbar .navbar-nav .nav-link,
    .nav-bar .navbar .navbar-nav .nav-link.active {
        color: #000000 !important;
    }
    .nav-bar .navbar .navbar-nav .nav-link:hover {
        color: #f92400 !important;
    }
    .header-category-menu,
    .header-category-menu.nested {
        background: rgba(0, 0, 0, .04) !important;
    }
    .header-subcategory-item > a {
        color: #000000 !important;
    }
}

/* Smaller hero carousel on mobile */
@media (max-width: 767.98px) {
    .header-carousel.py-5 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .header-carousel .carousel-img img {
        display: block;
        max-height: 200px;
        width: auto;
        max-width: 100%;
        object-fit: contain;
        margin: 0 auto;
    }
    .header-carousel .carousel-content {
        padding: 18px 20px !important;
        text-align: center;
    }
    .header-carousel .carousel-content h4 {
        font-size: .72rem;
        margin-bottom: 10px !important;
    }
    .header-carousel .carousel-content h1.display-3 {
        font-size: 1.6rem !important;
        margin-bottom: 10px !important;
    }
    .header-carousel .carousel-content p {
        font-size: .82rem;
        margin-bottom: 14px;
    }
    .header-carousel .carousel-content .btn {
        padding: 10px 28px !important;
        font-size: .82rem;
    }
}

/* Products Offer tile images: keep inside the box regardless of source photo size */
.products-offer-img {
    max-width: 42%;
    max-height: 160px;
    width: auto;
    height: auto;
    object-fit: contain;
    flex-shrink: 0;
}
@media (max-width: 767.98px) {
    .products-offer-img {
        max-width: 38%;
        max-height: 110px;
    }
}

/* Product detail: variant swatches and quantity stepper */
.variant-swatch {
    min-width: 40px;
    height: 40px;
    border: 2px solid #e1e2e6;
    border-radius: 8px;
    cursor: pointer;
    position: relative;
    transition: border-color .2s ease, box-shadow .2s ease;
    background: #fff;
    padding: 0;
}
.variant-swatch-color {
    width: 40px;
}
.variant-swatch-text {
    width: auto;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .82rem;
    font-weight: 600;
    color: #24252a;
}
.variant-swatch:hover {
    border-color: #ff2938;
}
.variant-swatch.active {
    border-color: #000;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
}
.variant-swatch.is-out-of-stock {
    opacity: .4;
    cursor: not-allowed;
}
.variant-swatch.is-out-of-stock::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 6px;
    background: linear-gradient(to top right, transparent 46%, #999 48%, #999 52%, transparent 54%);
}
.product-qty-stepper .btn {
    width: 40px;
    font-weight: 700;
}
.product-qty-stepper input[type="number"]::-webkit-inner-spin-button,
.product-qty-stepper input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.product-qty-stepper input[type="number"] {
    -moz-appearance: textfield;
}

/* Admin product image delete button */
.admin-image-remove-btn {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 22px;
    height: 22px;
    border: none;
    border-radius: 50%;
    background: #dc3545;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
}
.admin-image-remove-btn:hover {
    background: #b02a37;
}
.admin-image-tile.admin-image-marked-delete {
    opacity: .4;
}
.admin-image-tile.admin-image-marked-delete .admin-product-thumb {
    filter: grayscale(1);
}
.admin-image-tile.admin-image-marked-delete .admin-image-remove-btn {
    background: #6c757d;
}