@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Saira:wght@500;600;700;800&display=swap');

/** ADD YOUR AWESOME CODES HERE **/

:root {
    --gamer-bg: #090611;
    --gamer-surface: #151027;
    --gamer-surface-soft: #1d1534;
    --gamer-accent: #8b3dff;
    --gamer-accent-strong: #b266ff;
    --gamer-accent-soft: #cfa8ff;
    --gamer-text: #efe9ff;
    --gamer-text-muted: #b8afd3;
    --gamer-border: rgba(170, 112, 255, 0.35);
    --gamer-shadow: 0 16px 40px rgba(61, 15, 109, 0.28);
}

html {
    min-height: 100%;
    background: var(--gamer-bg);
}

body {
    color: var(--gamer-text-muted);
    background:
        radial-gradient(circle at top left, rgba(139, 61, 255, 0.18), transparent 28%),
        radial-gradient(circle at top right, rgba(178, 102, 255, 0.16), transparent 24%),
        linear-gradient(180deg, #0a0713 0%, #100a1d 45%, #090611 100%);
    margin: 0;
    min-height: 100vh;
    overflow-x: hidden;
}

a,
h1,
h2,
h3,
h4,
h5,
h6,
.title-all h1,
.why-text.full-width h4,
.why-text.full-width h5,
nav.navbar.bootsnav ul.nav > li > a,
.footer-widget h4,
.footer-link h4,
.footer-link-contact h4,
.footer-top-box h3,
.all-title-box h2 {
    color: var(--gamer-text);
}

a:hover,
nav.navbar.bootsnav ul.nav li.active > a,
nav.navbar.bootsnav ul.nav li.active > a:hover,
nav.navbar.bootsnav ul.nav li > a:hover,
.right-phone-box p a:hover,
.our-link ul li a:hover,
.footer-link a:hover,
.footer-link-contact ul li p a:hover,
.footer-copyright p a:hover {
    color: var(--gamer-accent-strong) !important;
}

.main-top,
.footer-main,
.footer-copyright,
.main-header.fixed-menu,
nav.navbar.bootsnav.navbar-light.bg-light {
    background:
        linear-gradient(135deg, rgba(23, 16, 43, 0.96), rgba(11, 8, 21, 0.96)) !important;
}

.main-header.fixed-menu,
nav.navbar.bootsnav.navbar-light.bg-light {
    border-bottom: 1px solid rgba(173, 120, 255, 0.2);
    box-shadow: 0 18px 44px rgba(7, 3, 16, 0.45);
}

.main-top {
    border-bottom: 1px solid rgba(173, 120, 255, 0.18);
}

.all-title-box {
    background:
        linear-gradient(120deg, rgba(26, 18, 50, 0.8), rgba(112, 53, 219, 0.35)),
        url("../images/all-bg-title.jpg") no-repeat center center !important;
    background-size: cover !important;
}

.all-title-box::before {
    background: linear-gradient(90deg, rgba(9, 6, 17, 0.9), rgba(88, 32, 172, 0.72)) !important;
}

.products-box,
.about-box-main,
.wishlist-box-main,
.cart-box-main,
.my-account-box-main,
.contact-box-main,
.shop-box-inner,
.blog-box,
.instagram-box,
.featured-products-box {
    position: relative;
}

.products-box::before,
.about-box-main::before,
.wishlist-box-main::before,
.cart-box-main::before,
.my-account-box-main::before,
.contact-box-main::before,
.shop-box-inner::before,
.blog-box::before,
.instagram-box::before,
.featured-products-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(139, 61, 255, 0.04));
    pointer-events: none;
}

.products-single,
.why-text,
.service-block-inner,
.contact-form-right,
.shop-detail-box-main,
.product-item-filter,
.cart-box-main .table-main,
.wishlist-box-main .table-main,
.my-account-box-main .service-block-inner,
#cartSummary,
.form-control,
.nice-select,
.custom-select-box .btn-light {
    background: rgba(21, 16, 39, 0.92) !important;
    border-color: var(--gamer-border) !important;
    color: var(--gamer-text) !important;
    box-shadow: var(--gamer-shadow);
}

.why-text,
.service-block-inner,
.contact-form-right,
.shop-detail-box-main,
.product-item-filter,
.cart-box-main .table-main,
.wishlist-box-main .table-main,
.my-account-box-main .service-block-inner,
#cartSummary {
    border: 1px solid var(--gamer-border);
}

.why-text p,
.title-all p,
.footer-widget p,
.footer-link-contact ul li p,
.footer-top-box .list-time li,
.product-item-filter p,
.service-block-inner p,
label,
.form-check-label,
.list-group-item,
.breadcrumb-item,
.all-title-box .breadcrumb li,
.all-title-box .breadcrumb li a {
    color: var(--gamer-text-muted) !important;
}

.why-text h5,
.filter-button-group button,
.btn-primary,
.btn-danger,
.btn-outline-danger:hover,
.btn-outline-primary:hover,
.custom-select-box .bootstrap-select .btn-light,
.all-title-box .breadcrumb,
#back-to-top,
.featured-products-box .owl-nav button.owl-prev:hover,
.featured-products-box .owl-nav button.owl-next:hover {
    background: linear-gradient(135deg, var(--gamer-accent), var(--gamer-accent-strong)) !important;
    border-color: transparent !important;
    color: #ffffff !important;
}

.btn-primary,
.btn-danger,
.filter-button-group button,
.why-text.full-width a,
.products-single .mask-icon ul li a,
.products-single .mask-icon a.cart,
.btn-outline-danger,
.btn-outline-primary {
    border-radius: 999px;
    box-shadow: 0 12px 28px rgba(120, 49, 227, 0.32);
}

.btn-outline-danger,
.btn-outline-primary,
.products-single .mask-icon ul li a,
.products-single .mask-icon a.cart {
    border-color: var(--gamer-accent) !important;
    color: var(--gamer-accent-soft) !important;
    background: rgba(139, 61, 255, 0.08) !important;
}

.btn-outline-danger:hover,
.btn-outline-primary:hover,
.products-single .mask-icon ul li a:hover,
.products-single .mask-icon a.cart:hover {
    color: #ffffff !important;
    transform: translateY(-1px);
}

.products-single {
    border: 1px solid rgba(175, 119, 255, 0.16);
    border-radius: 22px;
}

.products-single .box-img-hover {
    background:
        radial-gradient(circle at top, rgba(139, 61, 255, 0.18), transparent 50%),
        linear-gradient(180deg, rgba(13, 10, 24, 0.12), rgba(13, 10, 24, 0));
}

.products-single .mask-icon {
    background: linear-gradient(180deg, rgba(12, 8, 23, 0.2), rgba(12, 8, 23, 0.88)) !important;
}

.why-text {
    border-radius: 0 0 22px 22px;
}

.why-text h4,
.product-item-filter h5,
.contact-info-left h2,
.contact-form-right h2,
.cart-box-main h2,
.wishlist-box-main h2,
.my-account-box-main h2 {
    color: var(--gamer-text) !important;
}

.why-text h5,
.product-item-filter .nice-select .current {
    color: #ffffff !important;
}

.filter-button-group button,
.featured-products-box .owl-nav button.owl-prev,
.featured-products-box .owl-nav button.owl-next {
    background: rgba(21, 16, 39, 0.95) !important;
    color: var(--gamer-text) !important;
    border: 1px solid var(--gamer-border) !important;
}

.filter-button-group button:hover,
.filter-button-group button.active {
    color: #ffffff !important;
}

.form-control,
textarea.form-control,
input.form-control,
select.form-control {
    color: var(--gamer-text) !important;
}

.form-control:focus,
.nice-select:focus,
.nice-select.open,
.bootstrap-select .dropdown-toggle:focus {
    border-color: rgba(200, 157, 255, 0.75) !important;
    box-shadow: 0 0 0 0.2rem rgba(139, 61, 255, 0.18) !important;
}

.form-control::placeholder,
textarea::placeholder,
input::placeholder {
    color: rgba(207, 192, 237, 0.72) !important;
}

.dropdown-menu,
nav.navbar.bootsnav ul.navbar-nav li.dropdown ul.dropdown-menu {
    background: rgba(16, 11, 29, 0.96) !important;
    border: 1px solid rgba(175, 119, 255, 0.16) !important;
    box-shadow: 0 20px 45px rgba(7, 3, 16, 0.48);
}

nav.navbar.bootsnav ul.navbar-nav li.dropdown ul.dropdown-menu li a {
    color: var(--gamer-text-muted) !important;
}

nav.navbar.bootsnav ul.navbar-nav li.dropdown ul.dropdown-menu li a:hover {
    color: #ffffff !important;
    background: rgba(139, 61, 255, 0.12);
}

.footer-main hr,
.footer-top-box,
.footer-widget,
.footer-link,
.footer-link-contact,
.footer-social-panel {
    border-color: rgba(175, 119, 255, 0.2) !important;
}

.footer-top-box h3::before,
.footer-widget h4::before,
.footer-link h4::before,
.footer-link-contact h4::before,
.footer-social-panel h4::before {
    height: 3px !important;
    background:
        linear-gradient(90deg, #9b41ff 0%, #b266ff 58%, #1ee7ff 100%) !important;
    border-bottom-color: var(--gamer-accent) !important;
    box-shadow:
        0 0 14px rgba(155, 65, 255, 0.72),
        0 0 26px rgba(30, 231, 255, 0.18) !important;
    opacity: 1 !important;
}

.footer-social-panel {
    min-height: 100%;
    margin-top: 15px;
}

.footer-social-panel h4 {
    position: relative;
    color: var(--gamer-text);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.footer-social-panel h4::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 3px;
    width: 100%;
}

.footer-social-panel p {
    color: var(--gamer-text-muted);
    line-height: 1.8;
    margin-bottom: 18px;
}

.footer-social-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.footer-social-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 138px;
    padding: 12px 16px;
    border-radius: 999px;
    color: #ffffff !important;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border: 1px solid rgba(207, 168, 255, 0.35);
    background: linear-gradient(135deg, rgba(139, 61, 255, 0.95), rgba(178, 102, 255, 0.82));
    box-shadow: 0 12px 30px rgba(139, 61, 255, 0.22);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.footer-social-btn i {
    font-size: 18px;
}

.footer-social-btn:hover {
    color: #ffffff !important;
    transform: translateY(-3px);
    border-color: rgba(255, 255, 255, 0.55);
    box-shadow: 0 16px 38px rgba(178, 102, 255, 0.34);
}

.footer-social-btn--instagram {
    background: linear-gradient(135deg, #833ab4, #c13584 48%, #f77737);
}

.footer-social-btn--facebook {
    background: linear-gradient(135deg, #1877f2, #5d8cff);
}

.footer-copyright {
    margin: 0 !important;
}

.footer-copyright p {
    margin-bottom: 0 !important;
}

@media (max-width: 991px) {
    .footer-social-panel {
        margin-top: 28px;
    }
}

.list-group-item {
    background: rgba(29, 21, 52, 0.9);
    border-color: rgba(175, 119, 255, 0.16);
}

.products-single,
.products-single .why-text,
.products-single .why-text h4,
.products-single .cart {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#back-to-top {
    border-radius: 50%;
    box-shadow: 0 0 24px rgba(139, 61, 255, 0.5);
}

@media (max-width: 992px) {
    nav.navbar.bootsnav.navbar-light.bg-light,
    .main-header.fixed-menu {
        background: rgba(14, 10, 25, 0.98) !important;
    }

    nav.navbar.bootsnav ul.nav > li > a {
        border-bottom: 1px solid rgba(175, 119, 255, 0.12);
    }
}

.benefits-container,
.brands-container {
    background: linear-gradient(180deg, rgba(17, 12, 31, 0.98), rgba(10, 7, 19, 0.98)) !important;
}

.benefits-container {
    border-top: 1px solid rgba(175, 119, 255, 0.14);
    border-bottom: 1px solid rgba(175, 119, 255, 0.14);
}

.benefit {
    border-right-color: rgba(175, 119, 255, 0.18) !important;
}

.benefit-icon {
    color: var(--gamer-accent) !important;
}

.benefit-text,
.benefit-text strong {
    color: var(--gamer-text) !important;
}

.benefit-text {
    opacity: 0.96;
}

.brands-container {
    padding-top: 26px !important;
    padding-bottom: 26px !important;
    border-bottom: 1px solid rgba(175, 119, 255, 0.12);
}

.brand img {
    filter: grayscale(0%) brightness(1.35) !important;
    opacity: 1 !important;
    transition: filter 0.25s ease, opacity 0.25s ease, transform 0.25s ease;
}

.brand:hover img {
    filter: grayscale(0%) brightness(1.35) !important;
    opacity: 1 !important;
    transform: none;
}

.product-item-filter {
    display: none !important;
}

.service-block-inner::before {
    display: none !important;
}

.slides-pagination a {
    width: 14px !important;
    height: 14px !important;
    margin: 0 7px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(214, 185, 255, 0.35) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 8px 18px rgba(6, 3, 12, 0.28);
    transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease, width 0.25s ease;
}

.slides-pagination a.current {
    width: 40px !important;
    background: linear-gradient(90deg, var(--gamer-accent), var(--gamer-accent-strong)) !important;
    border-color: transparent !important;
}

.slides-pagination a:hover {
    transform: translateY(-1px) scale(1.05);
    border-color: rgba(214, 185, 255, 0.7) !important;
    background: rgba(255, 255, 255, 0.16) !important;
}

#slides-shop.cover-slides {
    position: relative;
}

#slides-shop.cover-slides::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 20% 20%, rgba(168, 92, 255, 0.22), transparent 30%),
        linear-gradient(90deg, rgba(8, 5, 15, 0.72), rgba(8, 5, 15, 0.25), rgba(8, 5, 15, 0.6));
    z-index: 1;
    pointer-events: none;
}

.hero-slide-card {
    max-width: 740px;
    margin: 0 auto;
    padding: 34px 40px;
    border: 1px solid rgba(203, 165, 255, 0.2);
    border-radius: 28px;
    background: linear-gradient(135deg, rgba(12, 8, 23, 0.78), rgba(29, 18, 52, 0.58));
    backdrop-filter: blur(8px);
    box-shadow: 0 20px 60px rgba(5, 2, 11, 0.3);
    text-align: left;
}

.hero-slide-card-left {
    margin-left: 0;
}

.hero-slide-card-center {
    margin-left: auto;
    margin-right: auto;
}

.hero-slide-card-right {
    margin-right: 0;
}

.hero-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(155, 94, 255, 0.16);
    border: 1px solid rgba(207, 171, 255, 0.22);
    color: #d8bbff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.hero-slide-card .m-b-20 {
    margin-bottom: 12px;
}

.hero-slide-card h1 {
    font-size: clamp(46px, 6vw, 78px);
    line-height: 0.95 !important;
    letter-spacing: -0.03em;
    text-transform: none;
}

.hero-slide-card p {
    max-width: 640px;
    margin: 0;
    color: rgba(244, 240, 255, 0.9);
    font-size: 20px;
    line-height: 1.55;
    padding-bottom: 0;
}

.hero-slide-card .m-b-40 {
    margin-bottom: 26px;
}

.hero-actions {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
}

.hero-actions .hvr-hover {
    padding: 14px 30px;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--gamer-accent), var(--gamer-accent-strong)) !important;
    font-size: 18px !important;
    letter-spacing: 0.03em;
}

.hero-actions .hvr-hover::after {
    background: rgba(255, 255, 255, 0.18) !important;
}

.hero-secondary-link {
    color: #f5eeff !important;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.02em;
    border-bottom: 1px solid rgba(216, 187, 255, 0.45);
    padding-bottom: 4px;
}

.hero-secondary-link:hover {
    color: #ffffff !important;
    border-bottom-color: rgba(255, 255, 255, 0.85);
}

@media (max-width: 992px) {
    .hero-slide-card,
    .hero-slide-card-left,
    .hero-slide-card-center,
    .hero-slide-card-right {
        max-width: 100%;
        margin: 0 auto;
        padding: 28px 24px;
        text-align: center;
    }

    .hero-slide-card p {
        margin: 0 auto;
        font-size: 17px;
    }

    .hero-actions {
        justify-content: center;
    }
}

@media (max-width: 640px) {
    .hero-kicker {
        font-size: 11px;
        letter-spacing: 0.1em;
    }

    .hero-slide-card {
        padding: 22px 18px;
        border-radius: 22px;
    }

    .hero-slide-card h1 {
        font-size: 38px;
    }

    .hero-slide-card p {
        font-size: 15px;
    }

    .hero-actions .hvr-hover {
        width: 100%;
        text-align: center;
    }
}

.home-featured-products {
    padding: 64px 0 58px;
    background:
        radial-gradient(circle at 18% 8%, rgba(148, 63, 255, 0.24), transparent 30%),
        radial-gradient(circle at 88% 20%, rgba(0, 204, 255, 0.12), transparent 28%),
        linear-gradient(180deg, rgba(11, 7, 22, 0.98), rgba(8, 6, 17, 1)) !important;
}

.home-featured-products .container {
    position: relative;
    z-index: 1;
}

.home-featured-products .title-all {
    margin-bottom: 22px;
}

.home-featured-products .title-all h1 {
    color: #ffffff !important;
    font-size: clamp(30px, 4vw, 46px);
    letter-spacing: 0;
    text-shadow: 0 0 28px rgba(157, 78, 255, 0.45);
}

.home-featured-products .title-all p {
    max-width: 640px;
    margin: 0 auto;
    color: rgba(230, 219, 255, 0.78) !important;
}

.home-featured-products .special-list {
    align-items: stretch;
    margin-top: 18px;
}

.home-featured-products .special-grid {
    display: flex;
    position: relative;
    padding-top: 22px;
    margin-bottom: 26px;
}

.home-featured-products .special-grid::before {
    position: absolute;
    top: 0;
    left: 26px;
    z-index: 3;
    padding: 5px 12px;
    border-radius: 7px 7px 0 0;
    background: linear-gradient(135deg, rgba(133, 62, 255, 0.92), rgba(64, 31, 146, 0.88));
    border: 1px solid rgba(210, 179, 255, 0.2);
    color: #efe7ff;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    box-shadow: 0 0 18px rgba(148, 63, 255, 0.34);
}

.home-featured-products .special-grid:nth-child(1)::before {
    content: "Top ventas";
}

.home-featured-products .special-grid:nth-child(2)::before {
    content: "Oferta activa";
}

.home-featured-products .special-grid:nth-child(3)::before {
    content: "Nuevo ingreso";
}

.home-featured-products .special-grid:nth-child(4)::before {
    content: "Gaming pro";
}

.home-featured-products .products-single {
    width: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 18px;
    border: 1px solid rgba(180, 117, 255, 0.34);
    background:
        linear-gradient(145deg, rgba(35, 28, 55, 0.96), rgba(13, 10, 25, 0.98)) !important;
    box-shadow:
        0 24px 60px rgba(0, 0, 0, 0.48),
        inset 0 1px 0 rgba(255, 255, 255, 0.07);
    transition: transform 0.26s ease, border-color 0.26s ease, box-shadow 0.26s ease;
}

.home-featured-products .products-single:hover {
    transform: translateY(-6px);
    border-color: rgba(182, 83, 255, 0.72);
    box-shadow:
        0 24px 62px rgba(117, 40, 255, 0.22),
        0 0 34px rgba(176, 82, 255, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.home-featured-products .box-img-hover {
    height: 212px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background:
        radial-gradient(circle at 35% 20%, rgba(177, 74, 255, 0.22), transparent 36%),
        linear-gradient(180deg, rgba(10, 7, 20, 0.55), rgba(6, 4, 12, 0.92)) !important;
}

.home-featured-products .box-img-hover img {
    width: 100%;
    max-width: 220px;
    max-height: 165px;
    object-fit: contain;
    filter: drop-shadow(0 16px 22px rgba(0, 0, 0, 0.42));
    transition: transform 0.28s ease;
}

.home-featured-products .products-single:hover .box-img-hover img {
    transform: scale(1.04);
}

.home-featured-products .type-lb {
    top: 12px;
    right: auto;
    left: 12px;
}

.home-featured-products .type-lb p,
.shop-box-inner .type-lb p,
.products-box:not(.home-featured-products) .type-lb p {
    margin: 0;
    border: 1px solid rgba(224, 198, 255, 0.28);
    border-radius: 6px 6px 0 0;
    padding: 8px 13px;
    font-size: 10px;
    line-height: 1;
    letter-spacing: 0.08em;
    font-weight: 900;
    text-transform: uppercase;
    background: linear-gradient(135deg, #9d4dff, #5f28d8);
    color: #ffffff;
    box-shadow:
        0 12px 24px rgba(122, 45, 255, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.type-lb .status-badge.top-sales {
    background: linear-gradient(135deg, #ff4b5f, #b8122c);
    box-shadow:
        0 12px 24px rgba(255, 55, 84, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.type-lb .status-badge.active-offer {
    background: linear-gradient(135deg, #53d86a, #16913a);
    box-shadow:
        0 12px 24px rgba(39, 205, 86, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.type-lb .status-badge.new-arrival {
    background: linear-gradient(135deg, #8d63ff, #3f1cb8);
}

.home-featured-products .mask-icon,
.home-featured-products .products-single:hover .mask-icon {
    top: auto;
    left: 14px;
    right: 14px;
    bottom: 14px;
    width: auto;
    height: auto;
    overflow: visible;
    opacity: 1;
    background: transparent !important;
    transition: none;
}

.home-featured-products .mask-icon a.cart {
    position: static;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 128px;
    min-height: 38px;
    padding: 10px 18px;
    border: 1px solid rgba(218, 189, 255, 0.36) !important;
    border-radius: 12px;
    background: linear-gradient(135deg, #a84dff, #7d2cff) !important;
    color: #ffffff !important;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    box-shadow: 0 16px 28px rgba(133, 49, 255, 0.32);
}

.home-featured-products .mask-icon a.cart::after {
    content: "  \2192";
    font-size: 14px;
    line-height: 1;
}

.home-featured-products .why-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 18px 16px 74px;
    border-radius: 0;
    border-width: 1px 0 0;
    background: linear-gradient(180deg, rgba(20, 16, 34, 0.98), rgba(13, 10, 25, 0.98)) !important;
}

.home-featured-products .why-text h4 {
    min-height: 68px;
    margin: 0;
    padding: 0;
    color: #f7f2ff !important;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 800;
}

.home-featured-products .why-text h5 {
    align-self: flex-start;
    margin: 16px 0 0;
    padding: 10px 14px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(139, 61, 255, 0.95), rgba(83, 37, 193, 0.95)) !important;
    color: #ffffff !important;
    font-size: 15px;
    font-weight: 900;
    line-height: 1;
    box-shadow: 0 14px 26px rgba(104, 43, 222, 0.24);
}

.home-featured-products .special-grid:nth-child(1) .why-text h5 {
    background: linear-gradient(135deg, rgba(139, 61, 255, 0.95), rgba(83, 37, 193, 0.95)) !important;
}

@media (max-width: 991px) {
    .home-featured-products .box-img-hover {
        height: 200px;
    }
}

@media (max-width: 575px) {
    .home-featured-products {
        padding: 44px 0 36px;
    }

    .home-featured-products .special-grid {
        padding-top: 20px;
    }

    .home-featured-products .box-img-hover {
        height: 190px;
    }

    .home-featured-products .why-text h4 {
        min-height: auto;
    }
}

.shop-box-inner .products-single,
.products-box:not(.home-featured-products) .products-single {
    height: calc(100% - 30px);
    min-height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 18px;
    border: 1px solid rgba(180, 117, 255, 0.28);
    background:
        linear-gradient(145deg, rgba(33, 27, 52, 0.96), rgba(13, 10, 25, 0.98)) !important;
    box-shadow:
        0 22px 54px rgba(0, 0, 0, 0.42),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
    transition: transform 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease;
}

.shop-box-inner .special-grid,
.products-box:not(.home-featured-products) .special-grid {
    display: flex;
    margin-bottom: 34px;
    padding-left: 18px;
    padding-right: 18px;
}

.shop-box-inner .special-list,
.products-box:not(.home-featured-products) .special-list {
    margin-left: -18px;
    margin-right: -18px;
}

.shop-box-inner .right-product-box > .row {
    row-gap: 36px;
}

.shop-box-inner .right-product-box > .row > [class*="col-"] {
    display: flex;
}

.shop-box-inner .right-product-box > .row > [class*="col-"] .products-single {
    width: 100%;
    height: auto;
    margin-bottom: 0;
}

.shop-box-inner .products-single:hover,
.products-box:not(.home-featured-products) .products-single:hover {
    transform: translateY(-5px);
    border-color: rgba(182, 83, 255, 0.64);
    box-shadow:
        0 24px 60px rgba(117, 40, 255, 0.2),
        0 0 30px rgba(176, 82, 255, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.shop-box-inner .box-img-hover,
.products-box:not(.home-featured-products) .box-img-hover {
    height: 224px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background:
        radial-gradient(circle at 35% 18%, rgba(177, 74, 255, 0.18), transparent 36%),
        linear-gradient(180deg, rgba(10, 7, 20, 0.46), rgba(6, 4, 12, 0.92)) !important;
}

.shop-box-inner .box-img-hover img,
.products-box:not(.home-featured-products) .box-img-hover img {
    width: 100%;
    max-width: 230px;
    max-height: 176px;
    object-fit: contain;
    filter: drop-shadow(0 16px 22px rgba(0, 0, 0, 0.42));
    transition: transform 0.26s ease;
}

.shop-box-inner .products-single:hover .box-img-hover img,
.products-box:not(.home-featured-products) .products-single:hover .box-img-hover img {
    transform: scale(1.04);
}

.shop-box-inner .type-lb,
.products-box:not(.home-featured-products) .type-lb {
    top: 12px;
    right: auto;
    left: 12px;
}

.shop-box-inner .mask-icon,
.shop-box-inner .products-single:hover .mask-icon,
.products-box:not(.home-featured-products) .mask-icon,
.products-box:not(.home-featured-products) .products-single:hover .mask-icon {
    top: auto;
    left: 14px;
    right: 14px;
    bottom: 14px;
    width: auto;
    height: auto;
    overflow: visible;
    opacity: 1;
    background: transparent !important;
    transition: none;
}

.shop-box-inner .mask-icon a.cart,
.products-box:not(.home-featured-products) .mask-icon a.cart {
    position: static;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 126px;
    min-height: 38px;
    padding: 10px 18px;
    border: 1px solid rgba(218, 189, 255, 0.36) !important;
    border-radius: 12px;
    background: linear-gradient(135deg, #a84dff, #7d2cff) !important;
    color: #ffffff !important;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    box-shadow: 0 16px 28px rgba(133, 49, 255, 0.32);
}

.shop-box-inner .mask-icon a.cart::after,
.products-box:not(.home-featured-products) .mask-icon a.cart::after {
    content: "  \2192";
    font-size: 14px;
    line-height: 1;
}

.shop-box-inner .why-text,
.products-box:not(.home-featured-products) .why-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 18px 16px 74px;
    border-radius: 0;
    border-width: 1px 0 0;
    background: linear-gradient(180deg, rgba(20, 16, 34, 0.98), rgba(13, 10, 25, 0.98)) !important;
}

.shop-box-inner .why-text h4,
.products-box:not(.home-featured-products) .why-text h4 {
    min-height: 72px;
    margin: 0;
    padding: 0;
    color: #f7f2ff !important;
    font-size: 14px;
    line-height: 1.34;
    font-weight: 800;
}

.shop-box-inner .why-text h5,
.products-box:not(.home-featured-products) .why-text h5 {
    align-self: flex-start;
    margin: 16px 0 0;
    padding: 10px 14px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(139, 61, 255, 0.95), rgba(83, 37, 193, 0.95)) !important;
    color: #ffffff !important;
    font-size: 15px;
    font-weight: 900;
    line-height: 1;
    box-shadow: 0 14px 26px rgba(104, 43, 222, 0.24);
}

@media (max-width: 991px) {
    .shop-box-inner .box-img-hover,
    .products-box:not(.home-featured-products) .box-img-hover {
        height: 206px;
    }
}

@media (max-width: 575px) {
    .shop-box-inner .box-img-hover,
    .products-box:not(.home-featured-products) .box-img-hover {
        height: 190px;
    }

    .shop-box-inner .why-text h4,
    .products-box:not(.home-featured-products) .why-text h4 {
        min-height: auto;
    }
}

.why-text h5.stock-out,
.sale.stock-out {
    background: linear-gradient(135deg, #ff344f, #a0001f) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 105, 126, 0.65) !important;
    box-shadow: 0 12px 28px rgba(255, 52, 79, 0.28) !important;
}

.cost-reason-card {
    position: relative;
    margin-top: 24px;
    padding: 26px 28px;
    overflow: hidden;
    border: 1px solid rgba(184, 118, 255, 0.24);
    border-radius: 22px;
    background:
        radial-gradient(circle at 8% 0%, rgba(167, 82, 255, 0.24), transparent 34%),
        linear-gradient(135deg, rgba(21, 14, 39, 0.96), rgba(10, 7, 21, 0.98));
    box-shadow: 0 22px 58px rgba(0, 0, 0, 0.34);
}

.cost-reason-card::after {
    content: "";
    position: absolute;
    inset: auto -70px -90px auto;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: rgba(151, 70, 255, 0.18);
    filter: blur(8px);
}

.cost-reason-card h4 {
    position: relative;
    z-index: 1;
    margin: 6px 0 8px;
    color: #ffffff;
    font-size: 24px;
    font-weight: 900;
}

.cost-reason-card p {
    margin-bottom: 0;
}

.cost-reason-card p,
.cost-reason-card li {
    position: relative;
    z-index: 1;
    color: #d9ccff;
    font-size: 15px;
    line-height: 1.75;
}

.cost-reason-card ul {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 20px;
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}

.cost-reason-card li {
    padding-left: 18px;
}

.cost-reason-card li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #a84dff;
    box-shadow: 0 0 12px rgba(168, 77, 255, 0.9);
}

.cost-reason-kicker {
    position: relative;
    z-index: 1;
    display: inline-flex;
    padding: 7px 12px;
    border: 1px solid rgba(218, 189, 255, 0.3);
    border-radius: 999px;
    background: rgba(168, 77, 255, 0.16);
    color: #cfaeff;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.12em;
    line-height: 1;
    text-transform: uppercase;
}

.local-visit-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 12px;
    padding: 13px 24px !important;
    border: 1px solid rgba(218, 189, 255, 0.36) !important;
    border-radius: 14px;
    background:
        linear-gradient(135deg, rgba(181, 83, 255, 0.98), rgba(103, 44, 229, 0.98)) !important;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.09em;
    line-height: 1;
    text-transform: uppercase;
    box-shadow:
        0 18px 34px rgba(120, 45, 255, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.local-visit-btn::after {
    content: "\f3c5";
    font-family: "Font Awesome 5 Free";
    font-size: 13px;
    font-weight: 900;
    transform: translateY(-1px);
}

.local-visit-btn:hover,
.local-visit-btn:focus {
    transform: translateY(-2px);
    border-color: rgba(255, 255, 255, 0.54) !important;
    background:
        linear-gradient(135deg, rgba(206, 124, 255, 1), rgba(131, 57, 255, 1)) !important;
    color: #ffffff !important;
    box-shadow:
        0 22px 44px rgba(157, 68, 255, 0.42),
        0 0 28px rgba(183, 91, 255, 0.3);
}

.import-route-visual {
    position: relative;
    margin-top: 30px;
    overflow: hidden;
    border: 1px solid rgba(184, 118, 255, 0.26);
    border-radius: 24px;
    background: rgba(11, 7, 22, 0.76);
    box-shadow:
        0 26px 70px rgba(0, 0, 0, 0.38),
        0 0 34px rgba(144, 72, 255, 0.16);
}

.import-route-link {
    position: relative;
    display: block;
}

.import-route-link img,
.import-route-visual > img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.import-route-zoom {
    position: absolute;
    right: 16px;
    bottom: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border: 1px solid rgba(255, 255, 255, 0.32);
    border-radius: 999px;
    background: rgba(13, 8, 28, 0.74);
    color: #ffffff;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    line-height: 1;
    text-transform: uppercase;
    backdrop-filter: blur(10px);
}

@media (max-width: 767px) {
    .cost-reason-card {
        padding: 22px 20px;
    }

    .cost-reason-card h4 {
        font-size: 21px;
    }

    .cost-reason-card ul {
        grid-template-columns: 1fr;
    }

    .import-route-visual {
        margin-top: 22px;
        overflow-x: auto;
        overflow-y: hidden;
        border-radius: 16px;
        -webkit-overflow-scrolling: touch;
    }

    .import-route-link {
        width: max-content;
        min-width: 920px;
    }

    .import-route-link img,
    .import-route-visual > img {
        width: 920px;
        max-width: none;
    }

    .import-route-zoom {
        right: 12px;
        bottom: 12px;
        font-size: 10px;
    }
}

/* Cyber frame product cards */
.home-featured-products .products-single,
.shop-box-inner .products-single,
.products-box:not(.home-featured-products) .products-single {
    position: relative;
    isolation: isolate;
    height: auto !important;
    min-height: 430px !important;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(155, 83, 255, 0.48) !important;
    border-radius: 24px !important;
    background:
        linear-gradient(90deg, rgba(30, 231, 255, 0.07) 1px, transparent 1px) 0 0 / 34px 34px,
        linear-gradient(0deg, rgba(30, 231, 255, 0.07) 1px, transparent 1px) 0 0 / 34px 34px,
        radial-gradient(circle at 18% 14%, rgba(30, 231, 255, 0.12), transparent 12rem),
        radial-gradient(circle at 88% 4%, rgba(169, 75, 255, 0.2), transparent 12rem),
        linear-gradient(180deg, rgba(13, 8, 24, 0.98), rgba(6, 3, 12, 0.98)) !important;
    box-shadow:
        0 24px 62px rgba(0, 0, 0, 0.5),
        inset 0 0 0 1px rgba(255, 255, 255, 0.035),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    transition: transform 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease;
}

.home-featured-products .products-single::before,
.shop-box-inner .products-single::before,
.products-box:not(.home-featured-products) .products-single::before {
    content: "";
    position: absolute;
    inset: 12px;
    z-index: -1;
    pointer-events: none;
    border: 1px solid rgba(255, 255, 255, 0.055);
    border-radius: 18px;
}

.home-featured-products .products-single::after,
.shop-box-inner .products-single::after,
.products-box:not(.home-featured-products) .products-single::after {
    content: "";
    position: absolute;
    inset: auto -40px -70px 38%;
    z-index: -1;
    height: 130px;
    background: linear-gradient(90deg, transparent, rgba(155, 65, 255, 0.26), transparent);
    transform: rotate(-8deg);
    pointer-events: none;
}

.home-featured-products .products-single:hover,
.shop-box-inner .products-single:hover,
.products-box:not(.home-featured-products) .products-single:hover {
    transform: translateY(-7px);
    border-color: rgba(30, 231, 255, 0.62) !important;
    box-shadow:
        0 30px 76px rgba(0, 0, 0, 0.58),
        0 0 34px rgba(155, 65, 255, 0.24),
        0 0 18px rgba(30, 231, 255, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

.home-featured-products .box-img-hover,
.shop-box-inner .box-img-hover,
.products-box:not(.home-featured-products) .box-img-hover {
    position: relative;
    height: 252px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 28px 20px 38px !important;
    overflow: visible;
    background:
        radial-gradient(circle at 50% 28%, rgba(155, 65, 255, 0.24), transparent 10rem),
        linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0)) !important;
}

.home-featured-products .box-img-hover::before,
.shop-box-inner .box-img-hover::before,
.products-box:not(.home-featured-products) .box-img-hover::before {
    content: "";
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(155, 83, 255, 0.62), transparent);
}

.home-featured-products .box-img-hover img,
.shop-box-inner .box-img-hover img,
.products-box:not(.home-featured-products) .box-img-hover img {
    width: 100% !important;
    max-width: 270px !important;
    max-height: 196px !important;
    object-fit: contain;
    filter: drop-shadow(0 22px 26px rgba(0, 0, 0, 0.58));
    transition: transform 0.28s ease, filter 0.28s ease;
}

.home-featured-products .products-single:hover .box-img-hover img,
.shop-box-inner .products-single:hover .box-img-hover img,
.products-box:not(.home-featured-products) .products-single:hover .box-img-hover img {
    transform: translateY(-3px) scale(1.055);
    filter: drop-shadow(0 28px 32px rgba(0, 0, 0, 0.62));
}

.home-featured-products .type-lb,
.shop-box-inner .type-lb,
.products-box:not(.home-featured-products) .type-lb {
    top: 20px !important;
    left: 20px !important;
    right: auto !important;
    z-index: 5;
}

.home-featured-products .type-lb p,
.shop-box-inner .type-lb p,
.products-box:not(.home-featured-products) .type-lb p {
    border: 1px solid rgba(255, 255, 255, 0.24) !important;
    border-radius: 10px !important;
    padding: 9px 14px !important;
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0.1em !important;
    box-shadow:
        0 16px 28px rgba(122, 45, 255, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

.home-featured-products .why-text,
.shop-box-inner .why-text,
.products-box:not(.home-featured-products) .why-text {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 24px 22px 92px !important;
    border: 0 !important;
    background: transparent !important;
}

.home-featured-products .why-text h4,
.shop-box-inner .why-text h4,
.products-box:not(.home-featured-products) .why-text h4 {
    min-height: 88px !important;
    margin: 0 !important;
    color: #ffffff !important;
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-size: 22px !important;
    line-height: 1.06 !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.35);
}

.home-featured-products .why-text h5,
.shop-box-inner .why-text h5,
.products-box:not(.home-featured-products) .why-text h5 {
    position: absolute;
    left: 22px;
    bottom: 22px;
    margin: 0 !important;
    padding: 12px 16px !important;
    border: 1px solid rgba(218, 189, 255, 0.22) !important;
    border-radius: 15px !important;
    background: linear-gradient(135deg, #9f44ff, #6d2cff) !important;
    color: #ffffff !important;
    font-family: "Saira", sans-serif;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    box-shadow:
        0 18px 34px rgba(133, 49, 255, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}

.home-featured-products .mask-icon,
.home-featured-products .products-single:hover .mask-icon,
.shop-box-inner .mask-icon,
.shop-box-inner .products-single:hover .mask-icon,
.products-box:not(.home-featured-products) .mask-icon,
.products-box:not(.home-featured-products) .products-single:hover .mask-icon {
    top: auto !important;
    right: 22px !important;
    bottom: 22px !important;
    left: auto !important;
    z-index: 6;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    opacity: 1 !important;
    background: transparent !important;
}

.home-featured-products .mask-icon a.cart,
.shop-box-inner .mask-icon a.cart,
.products-box:not(.home-featured-products) .mask-icon a.cart {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 108px !important;
    min-height: 38px !important;
    padding: 0 15px !important;
    border: 1px solid rgba(30, 231, 255, 0.44) !important;
    border-radius: 999px !important;
    background:
        linear-gradient(135deg, rgba(30, 231, 255, 0.14), rgba(155, 65, 255, 0.16)) !important;
    color: #eafcff !important;
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: 0.11em !important;
    line-height: 1 !important;
    text-transform: uppercase;
    box-shadow:
        0 10px 24px rgba(30, 231, 255, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        inset 0 0 22px rgba(155, 65, 255, 0.08) !important;
    backdrop-filter: blur(8px);
    animation: nexroCtaGlow 3.6s ease-in-out infinite;
    transition: transform 0.22s ease, border-color 0.22s ease, background 0.22s ease, box-shadow 0.22s ease;
}

.home-featured-products .mask-icon a.cart:hover,
.shop-box-inner .mask-icon a.cart:hover,
.products-box:not(.home-featured-products) .mask-icon a.cart:hover {
    transform: translateY(-2px);
    border-color: rgba(255, 255, 255, 0.7) !important;
    background:
        linear-gradient(135deg, rgba(30, 231, 255, 0.24), rgba(155, 65, 255, 0.26)) !important;
    box-shadow:
        0 14px 30px rgba(30, 231, 255, 0.14),
        0 0 18px rgba(155, 65, 255, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

.home-featured-products .mask-icon a.cart::after,
.shop-box-inner .mask-icon a.cart::after,
.products-box:not(.home-featured-products) .mask-icon a.cart::after {
    content: "\2192";
    margin-left: 5px;
    font-size: 16px;
    line-height: 0.8;
}

@keyframes nexroCtaGlow {
    0%, 100% {
        box-shadow:
            0 10px 24px rgba(30, 231, 255, 0.08),
            inset 0 1px 0 rgba(255, 255, 255, 0.12),
            inset 0 0 22px rgba(155, 65, 255, 0.08);
    }

    50% {
        box-shadow:
            0 12px 28px rgba(30, 231, 255, 0.16),
            0 0 16px rgba(155, 65, 255, 0.14),
            inset 0 1px 0 rgba(255, 255, 255, 0.15),
            inset 0 0 24px rgba(30, 231, 255, 0.08);
    }
}

.why-text h5.stock-out,
.sale.stock-out {
    background: linear-gradient(135deg, #ff344f, #a0001f) !important;
}

@media (max-width: 991px) {
    .home-featured-products .products-single,
    .shop-box-inner .products-single,
    .products-box:not(.home-featured-products) .products-single {
        min-height: 410px !important;
    }

    .home-featured-products .box-img-hover,
    .shop-box-inner .box-img-hover,
    .products-box:not(.home-featured-products) .box-img-hover {
        height: 228px !important;
    }

    .home-featured-products .why-text h4,
    .shop-box-inner .why-text h4,
    .products-box:not(.home-featured-products) .why-text h4 {
        min-height: 76px !important;
        font-size: 20px !important;
    }
}

@media (max-width: 575px) {
    .shop-box-inner .right-product-box > .row,
    .shop-box-inner .special-list,
    .products-box:not(.home-featured-products) .special-list {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .shop-box-inner .special-grid,
    .products-box:not(.home-featured-products) .special-grid {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .home-featured-products .products-single,
    .shop-box-inner .products-single,
    .products-box:not(.home-featured-products) .products-single {
        min-height: auto !important;
        width: 100% !important;
        max-width: calc(100vw - 32px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .home-featured-products .box-img-hover,
    .shop-box-inner .box-img-hover,
    .products-box:not(.home-featured-products) .box-img-hover {
        height: 220px !important;
    }

    .home-featured-products .why-text,
    .shop-box-inner .why-text,
    .products-box:not(.home-featured-products) .why-text {
        padding: 22px 18px 92px !important;
    }

    .home-featured-products .why-text h4,
    .shop-box-inner .why-text h4,
    .products-box:not(.home-featured-products) .why-text h4 {
        min-height: 70px !important;
        font-size: 20px !important;
        max-width: calc(100vw - 68px);
        overflow-wrap: anywhere;
    }

    .home-featured-products .why-text h5,
    .shop-box-inner .why-text h5,
    .products-box:not(.home-featured-products) .why-text h5 {
        left: 18px;
        bottom: 22px;
        max-width: calc(100% - 160px);
        white-space: normal;
    }

    .home-featured-products .mask-icon,
    .home-featured-products .products-single:hover .mask-icon,
    .shop-box-inner .mask-icon,
    .shop-box-inner .products-single:hover .mask-icon,
    .products-box:not(.home-featured-products) .mask-icon,
    .products-box:not(.home-featured-products) .products-single:hover .mask-icon {
        left: 50% !important;
        right: auto !important;
        bottom: 18px !important;
        transform: translateX(-50%);
    }
}