.elementor-2714 .elementor-element.elementor-element-23be801{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-2714 .elementor-element.elementor-element-53d928e{padding:20px 20px 20px 20px;}.elementor-2714 .elementor-element.elementor-element-e873f06{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2714 .elementor-element.elementor-element-788d791{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2714 .elementor-element.elementor-element-408eebf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2714 .elementor-element.elementor-element-0e65328{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2714 .elementor-element.elementor-element-0e65328:not(.elementor-motion-effects-element-type-background), .elementor-2714 .elementor-element.elementor-element-0e65328 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF3F7;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2714 .elementor-element.elementor-element-6901200{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 120px;font-family:"Montserrat", Sans-serif;font-size:8px;font-weight:700;}.elementor-2714 .elementor-element.elementor-element-6901200.elementor-element{--align-self:flex-start;}.elementor-2714 .elementor-element.elementor-element-5449c61 ul.products li.product .em-button-add-to-cart-mobile{display:inline-flex;}.elementor-2714 .elementor-element.elementor-element-5449c61 > .elementor-widget-container{margin:-10px 10px 20px 10px;}.elementor-2714 .elementor-element.elementor-element-5449c61 ul.products li.product .ecomus-rating{display:none;}.elementor-2714 .elementor-element.elementor-element-5449c61 .ecomus-products-carousel__title,
					.elementor-2714 .elementor-element.elementor-element-5449c61 .ecomus-products-carousel__title a:not(:hover){color:#FFF3F7;}.elementor-2714 .elementor-element.elementor-element-5449c61 .ecomus-products-carousel__title a:not(:hover)::after{background-color:#FFF3F7;}.elementor-2714 .elementor-element.elementor-element-5449c61 .ecomus-products-carousel__heading{margin-bottom:0px;}.elementor-2714 .elementor-element.elementor-element-5449c61 .ecomus-products-carousel__heading .swiper-button{font-size:0px;}.elementor-2714 .elementor-element.elementor-element-ebfd269{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-2714 .elementor-element.elementor-element-b4e255d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:-50px;--margin-left:0px;--margin-right:0px;}@media(min-width:768px){.elementor-2714 .elementor-element.elementor-element-0e65328{--width:100%;}}@media(max-width:767px){.elementor-2714 .elementor-element.elementor-element-788d791{--margin-top:-80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2714 .elementor-element.elementor-element-5449c61 > .elementor-widget-container{margin:-20px 10px 50px 10px;}}/* Start custom CSS for html, class: .elementor-element-53d928e *//* =========================================
   MCP — PREMIUM COLORFUL UPDATE
   Add this AFTER your existing CSS
========================================= */


/* ===============================
   HERO BACKGROUND
================================ */




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

.mcp-hero-badge {
    background:
        linear-gradient(
            135deg,
            rgba(126, 87, 255, 0.08),
            rgba(255, 82, 168, 0.08)
        ) !important;

    border: 1px solid rgba(126, 87, 255, 0.18) !important;

    color: #5b4a8f !important;
}

.mcp-badge-dot {
    background:
        linear-gradient(
            135deg,
            #7c4dff,
            #ff4fa3
        ) !important;

    box-shadow:
        0 0 0 4px rgba(124, 77, 255, 0.10) !important;
}


/* ===============================
   MAIN HEADING
================================ */

.mcp-hero-title {
    color: #101014 !important;
}

.mcp-hero-title span {
    background:
        linear-gradient(
            90deg,
            #7257ff 0%,
            #b84cff 45%,
            #ff4f9a 100%
        ) !important;

    -webkit-background-clip: text !important;
    background-clip: text !important;

    -webkit-text-fill-color: transparent !important;

    color: transparent !important;
}


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

.mcp-hero-description {
    color: #62626b !important;
}


/* ===============================
   FEATURE ICONS
================================ */

.mcp-feature-icon {
    background:
        linear-gradient(
            135deg,
            #6c4cff,
            #a044ff
        ) !important;

    box-shadow:
        0 7px 18px rgba(108, 76, 255, 0.22) !important;
}

.mcp-feature:nth-child(2) .mcp-feature-icon {
    background:
        linear-gradient(
            135deg,
            #ff4f91,
            #ff6b6b
        ) !important;

    box-shadow:
        0 7px 18px rgba(255, 79, 145, 0.20) !important;
}

.mcp-feature:nth-child(3) .mcp-feature-icon {
    background:
        linear-gradient(
            135deg,
            #00a8ff,
            #00c6ff
        ) !important;

    box-shadow:
        0 7px 18px rgba(0, 168, 255, 0.20) !important;
}


/* ===============================
   CTA
================================ */

.mcp-primary-btn {
    position: relative !important;

    background:
        linear-gradient(
            100deg,
            #6046e9 0%,
            #814cff 45%,
            #e8479b 100%
        ) !important;

    box-shadow:
        0 14px 35px rgba(116, 71, 239, 0.28) !important;

    overflow: hidden !important;
}

.mcp-primary-btn::before {
    content: "" !important;

    position: absolute !important;

    top: 0 !important;
    left: -120% !important;

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

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,0.28),
            transparent
        ) !important;

    transform: skewX(-20deg) !important;

    transition: left 0.6s ease !important;
}

.mcp-primary-btn:hover::before {
    left: 140% !important;
}

.mcp-primary-btn:hover {
    background:
        linear-gradient(
            100deg,
            #5539dd,
            #7741ee,
            #dc398f
        ) !important;

    box-shadow:
        0 18px 42px rgba(116, 71, 239, 0.36) !important;
}

.mcp-primary-btn span {
    position: relative !important;
    z-index: 2 !important;
}

.mcp-btn-arrow {
    position: relative !important;
    z-index: 2 !important;

    background: #ffffff !important;
    color: #6846e8 !important;
}


/* ===============================
   UPLOAD NOTE
================================ */

.mcp-upload-icon {
    border-color: rgba(124, 77, 255, 0.25) !important;

    background: rgba(124, 77, 255, 0.06) !important;

    color: #704df0 !important;
}


/* ===============================
   TRUST ITEMS
================================ */

.mcp-trust-item:nth-child(1) span {
    color: #7355ee !important;
}

.mcp-trust-item:nth-child(3) span {
    color: #ff4f94 !important;
}

.mcp-trust-item:nth-child(5) span {
    color: #00a8e8 !important;
}

.mcp-trust-divider {
    background: linear-gradient(
        to bottom,
        transparent,
        #ddd,
        transparent
    ) !important;
}


/* ===============================
   PHONE GLOW
================================ */

.mcp-glow-one {
    width: 480px !important;
    height: 480px !important;

    background:
        radial-gradient(
            circle,
            rgba(123, 82, 255, 0.20) 0%,
            rgba(181, 74, 255, 0.13) 28%,
            rgba(255, 81, 163, 0.08) 48%,
            transparent 70%
        ) !important;

    filter: blur(2px) !important;
}

.mcp-glow-two {
    width: 320px !important;
    height: 320px !important;

    background:
        radial-gradient(
            circle,
            rgba(0, 181, 255, 0.16) 0%,
            rgba(0, 181, 255, 0.07) 38%,
            transparent 70%
        ) !important;

    opacity: 1 !important;
}


/* ===============================
   BACK PHONE
================================ */

.mcp-phone-back {
    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f2ecff 35%,
            #ffeaf5 68%,
            #edf9ff 100%
        ) !important;

    border-color: #f1eff7 !important;

    box-shadow:
        0 35px 65px rgba(119, 73, 230, 0.16),
        0 10px 25px rgba(255, 82, 164, 0.10) !important;
}


/* ===============================
   BACK PHONE DESIGN
================================ */

.mcp-phone-design {
    color: #6948d9 !important;
}

.mcp-design-circle {
    border-color: rgba(115, 78, 224, 0.38) !important;
}

.mcp-design-line {
    background:
        linear-gradient(
            90deg,
            #7151e8,
            #ff4d99
        ) !important;
}

.mcp-phone-design strong {
    background:
        linear-gradient(
            135deg,
            #6747df,
            #d044d9,
            #ff4e93
        ) !important;

    -webkit-background-clip: text !important;
    background-clip: text !important;

    -webkit-text-fill-color: transparent !important;
}


/* ===============================
   FRONT PHONE
================================ */

.mcp-phone-front {
    border-color: #16151a !important;

    box-shadow:
        0 38px 65px rgba(42, 25, 77, 0.28),
        0 12px 25px rgba(0, 0, 0, 0.14) !important;
}


/* ===============================
   PHONE SCREEN — COLORFUL
================================ */

.mcp-screen-content {
    background:
        radial-gradient(
            circle at 72% 17%,
            rgba(255, 96, 177, 0.75) 0%,
            transparent 24%
        ),
        radial-gradient(
            circle at 18% 38%,
            rgba(0, 188, 255, 0.58) 0%,
            transparent 27%
        ),
        radial-gradient(
            circle at 72% 75%,
            rgba(125, 78, 255, 0.72) 0%,
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #20104d 0%,
            #421467 42%,
            #12142e 100%
        ) !important;
}


/* subtle colorful overlay */

.mcp-screen-content::before {
    content: "" !important;

    position: absolute !important;

    width: 180px !important;
    height: 180px !important;

    right: -70px !important;
    top: 70px !important;

    border-radius: 50% !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.20),
            transparent
        ) !important;

    filter: blur(3px) !important;
}


/* CUSTOM LABEL */

.mcp-screen-small {
    color: rgba(255,255,255,0.72) !important;
}


/* PHOTO TEXT */

.mcp-screen-title {
    color: #ffffff !important;

    text-shadow:
        0 5px 25px rgba(0,0,0,0.25) !important;
}


/* ===============================
   CAMERA
================================ */

.mcp-phone-camera {
    background:
        linear-gradient(
            145deg,
            #29252f,
            #101014
        ) !important;

    border: 1px solid rgba(255,255,255,0.10) !important;
}

.mcp-phone-camera span {
    border-color: #57515f !important;
}


/* ===============================
   FLOATING CARDS
================================ */

.mcp-photo-card,
.mcp-quality-card {
    background:
        rgba(255,255,255,0.94) !important;

    border-color:
        rgba(255,255,255,0.8) !important;

    box-shadow:
        0 20px 45px rgba(89, 55, 160, 0.15) !important;
}


/* PHOTO CARD */

.mcp-photo-icon {
    background:
        linear-gradient(
            135deg,
            #7650f4,
            #d447b1
        ) !important;

    box-shadow:
        0 7px 18px rgba(117, 75, 235, 0.25) !important;
}


/* QUALITY CARD */

.mcp-quality-check {
    background:
        linear-gradient(
            135deg,
            #00a9e8,
            #00c99a
        ) !important;

    box-shadow:
        0 7px 18px rgba(0, 174, 210, 0.20) !important;
}


/* ===============================
   DECORATIVE LABELS
================================ */

.mcp-visual-label {
    color: #a18fca !important;
}


/* ===============================
   EXTRA COLOR ORBS
================================ */

.mcp-hero-visual::before,
.mcp-hero-visual::after {
    content: "" !important;

    position: absolute !important;

    border-radius: 50% !important;

    pointer-events: none !important;

    filter: blur(2px) !important;
}

.mcp-hero-visual::before {
    width: 18px !important;
    height: 18px !important;

    top: 100px !important;
    right: 100px !important;

    background: #ff4f9d !important;

    box-shadow:
        0 0 25px rgba(255,79,157,0.55) !important;
}

.mcp-hero-visual::after {
    width: 12px !important;
    height: 12px !important;

    bottom: 110px !important;
    right: 170px !important;

    background: #00b8f5 !important;

    box-shadow:
        0 0 22px rgba(0,184,245,0.55) !important;
}


/* ===============================
   MOBILE COLOR TUNING
================================ */

@media (max-width: 600px) {

    .mcp-hero {
        background:
            radial-gradient(
                circle at 50% 65%,
                rgba(119, 77, 245, 0.12),
                transparent 35%
            ),
            radial-gradient(
                circle at 90% 25%,
                rgba(255, 77, 157, 0.10),
                transparent 25%
            ),
            #ffffff !important;
    }

    .mcp-glow-one {
        width: 330px !important;
        height: 330px !important;
    }

    .mcp-glow-two {
        width: 220px !important;
        height: 220px !important;
    }

    .mcp-hero-title span {
        background:
            linear-gradient(
                90deg,
                #704fff,
                #d34bd8,
                #ff4f99
            ) !important;

        -webkit-background-clip: text !important;
        background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
    }

}




/* =====================================================
   MCP FINAL RESPONSIVE FIX
   Elementor + WordPress Safe
===================================================== */


/* -----------------------------------------------------
   GLOBAL OVERFLOW FIX
----------------------------------------------------- */

.mcp-hero,
.mcp-hero-inner,
.mcp-hero-visual {
    max-width: 100% !important;
    overflow: hidden !important;
}


/* -----------------------------------------------------
   DESKTOP
----------------------------------------------------- */

@media (min-width: 951px) {

    .mcp-hero {
        width: 100% !important;
        overflow: hidden !important;
    }

    .mcp-hero-inner {
        width: 94% !important;
        max-width: 1550px !important;

        grid-template-columns: 0.95fr 1.05fr !important;

        gap: 15px !important;

        margin: 0 auto !important;
    }

    .mcp-hero-content {
        max-width: 680px !important;
    }

    .mcp-hero-visual {
        min-height: 570px !important;
        transform: translateX(-10px) !important;
    }

}


/* =====================================================
   TABLET
   601px - 950px
===================================================== */

@media (min-width: 601px) and (max-width: 950px) {

    .mcp-hero {
        width: 100% !important;

        overflow-x: hidden !important;
        overflow-y: visible !important;
    }


    /* MAIN CONTAINER */

    .mcp-hero-inner {
        width: 92% !important;
        max-width: 850px !important;

        display: flex !important;
        flex-direction: column !important;

        gap: 20px !important;

        padding: 55px 0 35px !important;

        margin: 0 auto !important;
    }


    /* CONTENT */

    .mcp-hero-content {
        width: 100% !important;
        max-width: 650px !important;

        margin: 0 auto !important;

        text-align: center !important;
    }


    .mcp-hero-badge {
        margin-left: auto !important;
        margin-right: auto !important;
    }


    .mcp-hero-title {
        font-size: clamp(52px, 8vw, 72px) !important;

        line-height: 0.95 !important;

        letter-spacing: -3px !important;
    }


    .mcp-hero-description {
        margin-left: auto !important;
        margin-right: auto !important;

        max-width: 550px !important;
    }


    .mcp-features {
        width: max-content !important;
        max-width: 100% !important;

        margin-left: auto !important;
        margin-right: auto !important;

        text-align: left !important;
    }


    .mcp-hero-actions {
        justify-content: center !important;
    }


    .mcp-trust-row {
        justify-content: center !important;
    }


    /* VISUAL */

    .mcp-hero-visual {
        width: 100% !important;
        max-width: 650px !important;

        min-height: 510px !important;

        margin: 0 auto !important;

        transform: none !important;

        overflow: hidden !important;
    }


    /* PHONE */

    .mcp-phone {
        width: 205px !important;
        height: 410px !important;

        border-radius: 34px !important;
    }


    .mcp-phone-back {
        transform:
            rotate(11deg)
            translate(55px, 0) !important;
    }


    .mcp-phone-front {
        transform:
            rotate(-7deg)
            translate(-35px, 10px) !important;
    }


    /* FLOATING CARDS */

    .mcp-photo-card {
        top: 75px !important;
        right: 20px !important;
    }


    .mcp-quality-card {
        bottom: 75px !important;
        left: 20px !important;
    }


    /* LABELS */

    .mcp-label-top {
        left: 25px !important;
        top: 90px !important;
    }

    .mcp-label-bottom {
        right: 25px !important;
        bottom: 55px !important;
    }

}


/* =====================================================
   MOBILE
   0px - 600px
===================================================== */

@media (max-width: 600px) {

    .mcp-hero {
        width: 100% !important;

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

        position: relative !important;
    }


    /* MAIN CONTAINER */

    .mcp-hero-inner {
        width: calc(100% - 28px) !important;

        max-width: none !important;

        display: flex !important;
        flex-direction: column !important;

        gap: 0 !important;

        padding: 38px 0 15px !important;

        margin: 0 auto !important;
    }


    /* CONTENT */

    .mcp-hero-content {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 auto !important;

        text-align: center !important;
    }


    /* BADGE */

    .mcp-hero-badge {
        display: inline-flex !important;

        margin: 0 auto !important;

        font-size: 8px !important;
        letter-spacing: 1px !important;

        padding: 8px 11px !important;
    }


    /* TITLE */

    .mcp-hero-title {
        margin: 20px 0 15px !important;

        font-size: clamp(43px, 13vw, 62px) !important;

        line-height: 0.94 !important;

        letter-spacing: -3px !important;
    }


    /* DESCRIPTION */

    .mcp-hero-description {
        width: 100% !important;

        max-width: 360px !important;

        margin: 0 auto 23px !important;

        font-size: 13px !important;

        line-height: 1.55 !important;
    }


    /* FEATURES */

    .mcp-features {
        width: max-content !important;

        max-width: 100% !important;

        margin: 0 auto 24px !important;

        gap: 9px !important;

        align-items: flex-start !important;

        text-align: left !important;
    }


    .mcp-feature {
        gap: 10px !important;
    }


    .mcp-feature-icon {
        width: 26px !important;
        height: 26px !important;

        flex: 0 0 26px !important;

        font-size: 11px !important;
    }


    .mcp-feature strong {
        font-size: 11px !important;
    }


    .mcp-feature small {
        font-size: 8px !important;
    }


    /* CTA */

    .mcp-hero-actions {
        width: 100% !important;

        display: flex !important;

        flex-direction: column !important;

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

        gap: 10px !important;

        margin: 0 auto 24px !important;
    }


    .mcp-primary-btn {
        width: min(100%, 330px) !important;

        min-height: 53px !important;

        padding: 0 18px 0 20px !important;

        border-radius: 13px !important;
    }


    .mcp-upload-note {
        justify-content: center !important;

        font-size: 9px !important;
    }


    /* TRUST */

    .mcp-trust-row {
        width: 100% !important;

        justify-content: center !important;

        gap: 8px !important;

        margin-bottom: 10px !important;
    }


    .mcp-trust-item {
        gap: 4px !important;
    }


    .mcp-trust-item span {
        font-size: 10px !important;
    }


    .mcp-trust-item strong {
        font-size: 7px !important;
    }


    .mcp-trust-divider {
        height: 13px !important;
    }


    /* =================================================
       PHONE VISUAL
    ================================================= */

    .mcp-hero-visual {
        width: 100% !important;

        max-width: 430px !important;

        height: 430px !important;

        min-height: 430px !important;

        margin: 0 auto !important;

        transform: none !important;

        overflow: hidden !important;
    }


    /* GLOW */

    .mcp-glow-one {
        width: 310px !important;
        height: 310px !important;

        left: 50% !important;
        top: 50% !important;

        transform: translate(-50%, -50%) !important;
    }


    .mcp-glow-two {
        width: 210px !important;
        height: 210px !important;

        left: 50% !important;
        top: 50% !important;

        transform: translate(-50%, -50%) !important;
    }


    /* PHONE SIZE */

    .mcp-phone {
        width: 165px !important;
        height: 330px !important;

        border-radius: 28px !important;

        border-width: 5px !important;
    }


    /* BACK PHONE */

    .mcp-phone-back {
        left: 50% !important;
        top: 50% !important;

        transform:
            translate(-10px, -50%)
            rotate(11deg) !important;
    }


    /* FRONT PHONE */

    .mcp-phone-front {
        left: 50% !important;
        top: 50% !important;

        transform:
            translate(-90px, -48%)
            rotate(-7deg) !important;
    }


    /* CAMERA */

    .mcp-phone-camera {
        top: 11px !important;
        left: 11px !important;

        width: 51px !important;
        height: 57px !important;

        padding: 6px !important;

        border-radius: 13px !important;

        gap: 4px !important;
    }


    .mcp-phone-camera span {
        width: 14px !important;
        height: 14px !important;
    }


    /* PHONE SCREEN */

    .mcp-phone-screen {
        padding: 6px !important;

        border-radius: 23px !important;
    }


    .mcp-screen-content {
        padding: 24px 16px !important;

        border-radius: 18px !important;
    }


    .mcp-screen-title {
        font-size: 27px !important;

        letter-spacing: -1.5px !important;
    }


    .mcp-screen-small {
        font-size: 6px !important;

        letter-spacing: 2px !important;
    }


    .mcp-phone-speaker {
        top: 10px !important;

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


    /* =================================================
       FLOATING CARDS
    ================================================= */

    .mcp-photo-card,
    .mcp-quality-card {
        padding: 9px 11px !important;

        gap: 8px !important;

        border-radius: 12px !important;

        transform: none !important;
    }


    .mcp-photo-card {
        top: 50px !important;
        right: 3px !important;
    }


    .mcp-quality-card {
        bottom: 48px !important;
        left: 3px !important;
    }


    .mcp-photo-icon,
    .mcp-quality-check {
        width: 27px !important;
        height: 27px !important;

        border-radius: 8px !important;

        font-size: 12px !important;
    }


    .mcp-photo-card strong,
    .mcp-quality-card strong {
        font-size: 9px !important;
    }


    .mcp-photo-card small,
    .mcp-quality-card small {
        font-size: 7px !important;
    }


    /* LABELS */

    .mcp-visual-label {
        font-size: 6px !important;

        letter-spacing: 2px !important;
    }


    .mcp-label-top {
        left: 5px !important;
        top: 80px !important;
    }


    .mcp-label-bottom {
        right: 5px !important;
        bottom: 70px !important;
    }


    /* DECORATIVE ORBS */

    .mcp-hero-visual::before {
        width: 13px !important;
        height: 13px !important;

        top: 55px !important;
        right: 60px !important;
    }


    .mcp-hero-visual::after {
        width: 9px !important;
        height: 9px !important;

        bottom: 65px !important;
        right: 75px !important;
    }

}


/* =====================================================
   VERY SMALL PHONES
   <= 380px
===================================================== */

@media (max-width: 380px) {

    .mcp-hero-inner {
        width: calc(100% - 22px) !important;
    }


    .mcp-hero-title {
        font-size: 42px !important;

        letter-spacing: -2.5px !important;
    }


    .mcp-hero-description {
        font-size: 12px !important;
    }


    .mcp-hero-visual {
        height: 390px !important;
        min-height: 390px !important;
    }


    .mcp-phone {
        width: 148px !important;
        height: 296px !important;

        border-radius: 25px !important;
    }


    .mcp-phone-back {
        transform:
            translate(0px, -50%)
            rotate(11deg) !important;
    }


    .mcp-phone-front {
        transform:
            translate(-78px, -48%)
            rotate(-7deg) !important;
    }


    .mcp-photo-card {
        top: 42px !important;
        right: 0 !important;
    }


    .mcp-quality-card {
        bottom: 38px !important;
        left: 0 !important;
    }


    .mcp-trust-item strong {
        font-size: 6px !important;
    }

}


/* =====================================================
   ELEMENTOR MOBILE PREVIEW SAFETY
===================================================== */

@media (max-width: 950px) {

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

    .elementor,
    .elementor-section,
    .elementor-container,
    .elementor-widget-wrap {
        max-width: 100% !important;
    }

}


/* =====================================================
   MCP MOBILE — PHONE FULLY VISIBLE FIX
===================================================== */

@media (max-width: 600px) {

    /* Hero itself */
    .mcp-hero {
        overflow-x: hidden !important;
        overflow-y: visible !important;
    }

    /* Visual area */
    .mcp-hero-visual {
        width: 100% !important;
        max-width: 430px !important;

        /*
         * More height so phone never gets clipped
         */
        height: 510px !important;
        min-height: 510px !important;

        margin: 0 auto !important;

        overflow: visible !important;

        position: relative !important;

        transform: none !important;
    }


    /* ---------------------------------------------
       PHONE
    --------------------------------------------- */

    .mcp-phone {
        width: 165px !important;
        height: 330px !important;

        position: absolute !important;

        top: 50% !important;
        left: 50% !important;

        transform-origin: center center !important;
    }


    /* BACK PHONE */

    .mcp-phone-back {
        transform:
            translate(5px, -50%)
            rotate(11deg) !important;

        z-index: 1 !important;
    }


    /* FRONT PHONE */

    .mcp-phone-front {
        transform:
            translate(-90px, -50%)
            rotate(-7deg) !important;

        z-index: 3 !important;
    }


    /* ---------------------------------------------
       FLOATING PHOTO CARD
    --------------------------------------------- */

    .mcp-photo-card {
        top: 85px !important;
        right: 3px !important;

        z-index: 10 !important;
    }


    /* ---------------------------------------------
       PREMIUM CARD
    --------------------------------------------- */

    .mcp-quality-card {
        bottom: 85px !important;
        left: 3px !important;

        z-index: 10 !important;
    }


    /* ---------------------------------------------
       DECORATIVE LABELS
    --------------------------------------------- */

    .mcp-label-top {
        top: 120px !important;
        left: 5px !important;

        z-index: 5 !important;
    }

    .mcp-label-bottom {
        right: 5px !important;
        bottom: 95px !important;

        z-index: 5 !important;
    }


    /* ---------------------------------------------
       GLOW
    --------------------------------------------- */

    .mcp-glow-one {
        width: 340px !important;
        height: 340px !important;

        top: 50% !important;
        left: 50% !important;

        transform: translate(-50%, -50%) !important;
    }

    .mcp-glow-two {
        width: 220px !important;
        height: 220px !important;

        top: 50% !important;
        left: 50% !important;

        transform: translate(-50%, -50%) !important;
    }

}


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

@media (max-width: 380px) {

    .mcp-hero-visual {
        height: 470px !important;
        min-height: 470px !important;
    }

    .mcp-phone {
        width: 148px !important;
        height: 296px !important;
    }

    .mcp-phone-back {
        transform:
            translate(2px, -50%)
            rotate(10deg) !important;
    }

    .mcp-phone-front {
        transform:
            translate(-78px, -50%)
            rotate(-7deg) !important;
    }

    .mcp-photo-card {
        top: 70px !important;
        right: 0 !important;
    }

    .mcp-quality-card {
        bottom: 70px !important;
        left: 0 !important;
    }

}


/* =====================================================
   VERY IMPORTANT — PREVENT ELEMENTOR CLIPPING
===================================================== */

@media (max-width: 600px) {

    .mcp-hero-inner,
    .mcp-hero-content,
    .mcp-hero-visual {
        overflow: visible !important;
    }

    .mcp-hero {
        overflow-x: hidden !important;
        overflow-y: visible !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a3e644d */.mpa-trustbar {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #FFFFFF !important;
    border-top: 1px solid #EEEEEE !important;
    border-bottom: 1px solid #EEEEEE !important;
    overflow: hidden !important;
}

.mpa-trustbar *,
.mpa-trustbar *::before,
.mpa-trustbar *::after {
    box-sizing: border-box !important;
}

.mpa-trustbar-container {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 88px !important;
    margin: 0 !important;
    padding: 0 4% !important;

    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    align-items: center !important;
}

.mpa-trust-item {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 60px !important;

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

    gap: 14px !important;
    padding: 12px 25px !important;

    border-right: 1px solid #E8E8E8 !important;
    border-top: none !important;
    border-bottom: none !important;
}

.mpa-trust-item:last-child {
    border-right: none !important;
}

.mpa-trust-icon {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    flex: 0 0 42px !important;

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

    color: #222222 !important;
}

.mpa-trust-icon svg {
    width: 28px !important;
    height: 28px !important;
    display: block !important;
    fill: currentColor !important;
}

.mpa-trust-text {
    min-width: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.mpa-trust-text strong {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;

    color: #222222 !important;

    font-size: 14px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;

    white-space: nowrap !important;
}

.mpa-trust-text span {
    display: block !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;

    color: #555555 !important;

    font-size: 12px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;

    white-space: nowrap !important;
}


/* LARGE DESKTOP */

@media (min-width: 1600px) {

    .mpa-trustbar-container {
        padding-left: 7% !important;
        padding-right: 7% !important;
    }

    .mpa-trust-item {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

}


/* TABLET */

@media (max-width: 991px) {

    .mpa-trustbar-container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 20px !important;

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

    .mpa-trust-item {
        min-height: 70px !important;
        padding: 10px 12px !important;
        gap: 10px !important;
    }

    .mpa-trust-item:nth-child(3) {
        border-right: none !important;
    }

    .mpa-trust-item:nth-child(4),
    .mpa-trust-item:nth-child(5) {
        border-top: 1px solid #E8E8E8 !important;
    }

    .mpa-trust-item:nth-child(5) {
        border-right: none !important;
    }

}


/* MOBILE */

@media (max-width: 767px) {

    .mpa-trustbar-container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;

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

    .mpa-trust-item {
        min-height: 70px !important;

        justify-content: flex-start !important;

        padding: 10px 14px !important;
        gap: 9px !important;

        border-right: 1px solid #E8E8E8 !important;
        border-bottom: 1px solid #E8E8E8 !important;
        border-top: none !important;
    }

    .mpa-trust-item:nth-child(2),
    .mpa-trust-item:nth-child(4) {
        border-right: none !important;
    }

    .mpa-trust-item:nth-child(5) {
        border-bottom: none !important;
    }

    .mpa-trust-icon {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        flex-basis: 34px !important;
    }

    .mpa-trust-icon svg {
        width: 23px !important;
        height: 23px !important;
    }

    .mpa-trust-text strong {
        font-size: 11px !important;
    }

    .mpa-trust-text span {
        font-size: 10px !important;
    }

}


/* SMALL MOBILE */

@media (max-width: 400px) {

    .mpa-trust-item {
        padding: 9px 8px !important;
        gap: 7px !important;
    }

    .mpa-trust-icon {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        flex-basis: 30px !important;
    }

    .mpa-trust-icon svg {
        width: 20px !important;
        height: 20px !important;
    }

    .mpa-trust-text strong {
        font-size: 10px !important;
    }

    .mpa-trust-text span {
        font-size: 9px !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8425563 *//* ========================================= MAANVI PRINT AURA WHY CHOOSE US FULLY SCOPED CSS ========================================= */ .mpa-why-section { width: 100%; padding: 75px 20px; background: #F7F4FF; position: relative; overflow: hidden; font-family: Arial, Helvetica, sans-serif; } .mpa-why-section *, .mpa-why-section *::before, .mpa-why-section *::after { box-sizing: border-box; } /* CONTAINER */ .mpa-why-container { width: 100%; max-width: 1200px; margin: 0 auto; } /* HEADING */ .mpa-why-heading { text-align: center; margin-bottom: 45px; } .mpa-why-eyebrow { display: inline-flex; align-items: center; justify-content: center; padding: 7px 15px; margin-bottom: 12px; border-radius: 50px; background: #FFE8F0; color: #FF2E6D; font-size: 12px; font-weight: 800; letter-spacing: 1.2px; } .mpa-why-heading h2 { margin: 0; color: #1A1A1A; font-size: 38px; line-height: 1.15; font-weight: 800; } .mpa-why-heading h2 span { color: #FF4D8D; } .mpa-why-heading p { margin: 12px 0 0; color: #666666; font-size: 16px; } /* GRID */ .mpa-why-grid { width: 100%; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; } /* CARD */ .mpa-why-card { min-width: 0; padding: 30px 18px; background: #FFFFFF; border: 1px solid #EEEEF4; border-radius: 18px; display: flex; flex-direction: column; align-items: center; text-align: center; box-shadow: 0 8px 30px rgba(26, 27, 58, 0.06); transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; } /* HOVER */ .mpa-why-card:hover { transform: translateY(-7px); border-color: #FFD1E0; box-shadow: 0 16px 40px rgba(26, 27, 58, 0.12); } /* ICON */ .mpa-why-icon { width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; border-radius: 18px; margin-bottom: 20px; } .mpa-why-icon svg { width: 30px; height: 30px; fill: currentColor; } /* ICON COLORS */ .mpa-icon-blue { color: #4B6BFF; background: #EEF2FF; } .mpa-icon-pink { color: #FF4D8D; background: #FFF0F5; } .mpa-icon-purple { color: #6C63FF; background: #F0EEFF; } .mpa-icon-orange { color: #FF8A00; background: #FFF3E5; } .mpa-icon-red { color: #E91E63; background: #FFEAF2; } /* CONTENT */ .mpa-why-content { width: 100%; } .mpa-why-content h3 { margin: 0; color: #1A1A1A; font-size: 18px; line-height: 1.3; font-weight: 700; } .mpa-why-content p { margin: 8px 0 0; color: #666666; font-size: 14px; line-height: 1.5; } /* ========================================= TABLET ========================================= */ @media (max-width: 991px) { .mpa-why-section { padding: 60px 20px; } .mpa-why-heading h2 { font-size: 32px; } .mpa-why-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .mpa-why-section { padding: 50px 15px; } .mpa-why-heading { margin-bottom: 30px; } .mpa-why-eyebrow { font-size: 10px; padding: 6px 12px; } .mpa-why-heading h2 { font-size: 27px; } .mpa-why-heading p { font-size: 14px; max-width: 330px; margin-left: auto; margin-right: auto; } .mpa-why-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .mpa-why-card { padding: 22px 12px; border-radius: 15px; } .mpa-why-icon { width: 52px; height: 52px; border-radius: 15px; margin-bottom: 14px; } .mpa-why-icon svg { width: 24px; height: 24px; } .mpa-why-content h3 { font-size: 15px; } .mpa-why-content p { font-size: 12px; margin-top: 5px; } } /* ========================================= SMALL MOBILE ========================================= */ @media (max-width: 400px) { .mpa-why-heading h2 { font-size: 24px; } .mpa-why-grid { gap: 10px; } .mpa-why-card { padding: 20px 9px; } .mpa-why-content h3 { font-size: 14px; } }/* End custom CSS */
/* Start custom CSS *//* =========================================================
   MAANVI PRINT AURA — MODERN TRENDING COLLECTIONS
   CSS ONLY — Elementor + Ecomus + WooCommerce
   ========================================================= */

/* ---------- SECTION ---------- */

.elementor-element-0e65328 {
    width: 100% !important;
    max-width: 100% !important;
    padding: 28px 20px 32px !important;
    margin: 0 !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* ---------- SECTION TITLE ---------- */

.elementor-element-0e65328
.elementor-widget-text-editor {
    width: 100% !important;
    margin: 0 0 22px !important;
    padding: 0 !important;
}

.elementor-element-0e65328
.elementor-widget-text-editor h3 {
    margin: 0 !important;
    padding: 0 !important;
    font-size: clamp(22px, 2vw, 30px) !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    letter-spacing: -0.5px !important;
    color: #111111 !important;
    text-align: left !important;
}

.elementor-element-0e65328
.elementor-widget-text-editor h3 span {
    font-weight: 700 !important;
}

.elementor-element-0e65328
.elementor-widget-text-editor h3 span[style*="color: red"] {
    color: #e11d48 !important;
}

/* ---------- CAROUSEL ---------- */

.elementor-element-5449c61 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-element-5449c61 .elementor-widget-container {
    width: 100% !important;
    padding: 0 !important;
}

.elementor-element-5449c61
.ecomus-products-carousel {
    width: 100% !important;
}

.elementor-element-5449c61
.ecomus-products-carousel--relative {
    width: 100% !important;
}

/* ---------- SWIPER ---------- */

.elementor-element-5449c61
.product-swiper--elementor {
    width: 100% !important;
    overflow: visible !important;
}

.elementor-element-5449c61
.product-swiper--elementor
.swiper-wrapper {
    align-items: stretch !important;
}

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

.elementor-element-5449c61
ul.products li.product {
    height: auto !important;
    margin-bottom: 0 !important;
    box-sizing: border-box !important;
}

.elementor-element-5449c61
.product-inner {
    position: relative !important;
    width: 100% !important;
    background: #ffffff !important;
    border: 1px solid #eeeeee !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 18px rgba(0,0,0,0.055) !important;
    transition:
        transform 0.35s ease !important,
        box-shadow 0.35s ease !important,
        border-color 0.35s ease !important;
}

/* Hover */

@media (min-width: 768px) {

    .elementor-element-5449c61
    ul.products li.product:hover
    .product-inner {
        transform: translateY(-6px) !important;
        border-color: #dddddd !important;
        box-shadow: 0 16px 38px rgba(0,0,0,0.12) !important;
    }

}

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

.elementor-element-5449c61
.product-thumbnail {
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #f7f7f7 !important;
}

/* Image */

.elementor-element-5449c61
.product-thumbnail img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 2 / 3 !important;
    object-fit: cover !important;
    margin: 0 !important;
    padding: 0 !important;
    transition: transform 0.5s cubic-bezier(.2,.8,.2,1) !important;
}

/* Image zoom */

@media (min-width: 768px) {

    .elementor-element-5449c61
    ul.products li.product:hover
    .product-thumbnail img {
        transform: scale(1.045) !important;
    }

}

/* Soft image overlay */

.elementor-element-5449c61
.product-thumbnail::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background: linear-gradient(
        to bottom,
        rgba(255,255,255,0) 65%,
        rgba(0,0,0,0.035) 100%
    ) !important;
    z-index: 1 !important;
}

/* =========================================================
   ACTION BUTTONS — WISHLIST / QUICK VIEW
   ========================================================= */

.elementor-element-5449c61
.product-featured-icons--second {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    z-index: 10 !important;
    gap: 8px !important;
}

/* Individual icons */

.elementor-element-5449c61
.product-featured-icons--second > a {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,0.94) !important;
    border: 1px solid rgba(0,0,0,0.07) !important;
    box-shadow: 0 5px 18px rgba(0,0,0,0.10) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    color: #111111 !important;
    transition:
        transform 0.25s ease !important,
        background 0.25s ease !important,
        color 0.25s ease !important;
}

/* Icon */

.elementor-element-5449c61
.product-featured-icons--second svg {
    width: 19px !important;
    height: 19px !important;
}

/* Hover */

@media (min-width: 768px) {

    .elementor-element-5449c61
    .product-featured-icons--second > a:hover {
        transform: scale(1.08) !important;
        background: #111111 !important;
        color: #ffffff !important;
    }

}

/* Hide text inside icon buttons */

.elementor-element-5449c61
.product-featured-icons--second
.em-button-icon .wcboost-wishlist-button__text {
    display: none !important;
}

/* =========================================================
   PRIMARY HOVER CART BUTTON
   ========================================================= */

.elementor-element-5449c61
.product-featured-icons--primary {
    position: absolute !important;
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    z-index: 10 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(10px) !important;
    transition:
        opacity 0.3s ease !important,
        visibility 0.3s ease !important,
        transform 0.3s ease !important;
}

@media (min-width: 768px) {

    .elementor-element-5449c61
    ul.products li.product:hover
    .product-featured-icons--primary {
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) !important;
    }

}

/* Cart button */

.elementor-element-5449c61
.product-featured-icons--primary
.product-loop-button {
    width: 100% !important;
    min-height: 46px !important;
    padding: 10px 16px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #111111 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: .2px !important;
    box-shadow: 0 8px 22px rgba(0,0,0,0.20) !important;
    backdrop-filter: blur(10px) !important;
}

/* =========================================================
   PRODUCT SUMMARY
   ========================================================= */

.elementor-element-5449c61
.product-summary {
    width: 100% !important;
    min-height: 145px !important;
    box-sizing: border-box !important;
    padding: 15px 14px 16px !important;
    background: #ffffff !important;
    align-items: center !important;
}

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

.elementor-element-5449c61
.ecomus-rating {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    min-height: 20px !important;
    margin: 0 0 7px !important;
}

.elementor-element-5449c61
.ecomus-rating .rating-stars {
    display: flex !important;
    gap: 1px !important;
}

.elementor-element-5449c61
.ecomus-rating
.ecomus-svg-icon--star {
    color: #f59e0b !important;
}

.elementor-element-5449c61
.ecomus-rating
.ecomus-svg-icon--star svg {
    width: 14px !important;
    height: 14px !important;
}

.elementor-element-5449c61
.review-count {
    font-size: 11px !important;
    color: #8a8a8a !important;
    font-weight: 500 !important;
}

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

.elementor-element-5449c61
.woocommerce-loop-product__title {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 8px !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;
    letter-spacing: -0.1px !important;
    color: #191919 !important;

    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.elementor-element-5449c61
.woocommerce-loop-product__title a {
    color: #191919 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.elementor-element-5449c61
.woocommerce-loop-product__title a:hover {
    color: #e11d48 !important;
}

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

.elementor-element-5449c61
.product-summary .price {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    margin: 0 0 12px !important;
    line-height: 1 !important;
}

/* Old price */

.elementor-element-5449c61
.product-summary .price del {
    margin: 0 !important;
    color: #999999 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

/* Current price */

.elementor-element-5449c61
.product-summary .price ins {
    margin: 0 !important;
    padding: 0 !important;
    color: #111111 !important;
    background: transparent !important;
    text-decoration: none !important;
    font-size: 18px !important;
    font-weight: 750 !important;
    letter-spacing: -0.3px !important;
}

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

.elementor-element-5449c61
.product-summary
.em-button-add-to-cart-mobile {
    width: 100% !important;
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 9px 12px !important;
    border: 1px solid #111111 !important;
    border-radius: 11px !important;
    background: #111111 !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    text-decoration: none !important;
    transition:
        background 0.25s ease !important,
        color 0.25s ease !important,
        transform 0.25s ease !important;
}

/* Cart icon */

.elementor-element-5449c61
.product-summary
.em-button-add-to-cart-mobile svg {
    width: 16px !important;
    height: 16px !important;
}

/* Desktop hover */

@media (min-width: 768px) {

    .elementor-element-5449c61
    .product-summary
    .em-button-add-to-cart-mobile:hover {
        background: #ffffff !important;
        color: #111111 !important;
        transform: translateY(-1px) !important;
    }

}

/* =========================================================
   SALE INDICATOR
   ========================================================= */

.elementor-element-5449c61
li.product.sale {
    position: relative !important;
}

.elementor-element-5449c61
li.product.sale::before {
    content: "SALE" !important;
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    z-index: 12 !important;
    padding: 6px 9px !important;
    border-radius: 7px !important;
    background: #e11d48 !important;
    color: #ffffff !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: .7px !important;
    box-shadow: 0 5px 15px rgba(225,29,72,.22) !important;
}

/* =========================================================
   SWIPER NAVIGATION
   ========================================================= */

.elementor-element-5449c61
.swiper-button-prev,
.elementor-element-5449c61
.swiper-button-next {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0 7px 22px rgba(0,0,0,.10) !important;
    color: #111111 !important;
    transition: all .25s ease !important;
}

.elementor-element-5449c61
.swiper-button-prev::after,
.elementor-element-5449c61
.swiper-button-next::after {
    font-size: 15px !important;
    font-weight: 700 !important;
}

@media (min-width: 768px) {

    .elementor-element-5449c61
    .swiper-button-prev:hover,
    .elementor-element-5449c61
    .swiper-button-next:hover {
        background: #111111 !important;
        color: #ffffff !important;
        border-color: #111111 !important;
        transform: scale(1.05) !important;
    }

}

/* =========================================================
   DOTS
   ========================================================= */

.elementor-element-5449c61
.swiper-pagination {
    margin-top: 18px !important;
}

.elementor-element-5449c61
.swiper-pagination-bullet {
    width: 7px !important;
    height: 7px !important;
    margin: 0 4px !important;
    background: #d0d0d0 !important;
    opacity: 1 !important;
    transition: all .25s ease !important;
}

.elementor-element-5449c61
.swiper-pagination-bullet-active {
    width: 22px !important;
    border-radius: 20px !important;
    background: #111111 !important;
}

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

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

    .elementor-element-0e65328 {
        padding: 24px 16px 30px !important;
    }

    .elementor-element-0e65328
    .elementor-widget-text-editor h3 {
        font-size: 24px !important;
    }

    .elementor-element-5449c61
    .product-summary {
        padding: 13px 11px 14px !important;
    }

    .elementor-element-5449c61
    .woocommerce-loop-product__title {
        font-size: 13px !important;
    }

}

/* =========================================================
   MOBILE — 2 PRODUCTS
   ========================================================= */

@media (max-width: 767px) {

    .elementor-element-0e65328 {
        width: 100% !important;
        padding: 20px 10px 24px !important;
        margin: 0 !important;
    }

    .elementor-element-0e65328
    .elementor-widget-text-editor {
        margin-bottom: 16px !important;
    }

    .elementor-element-0e65328
    .elementor-widget-text-editor h3 {
        font-size: 20px !important;
        line-height: 1.3 !important;
        letter-spacing: -0.3px !important;
    }

    /* 2-column mobile */

    .elementor-element-5449c61
    .swiper-wrapper {
        align-items: stretch !important;
    }

    .elementor-element-5449c61
    ul.products li.product {
        width: calc(50% - 5px) !important;
        box-sizing: border-box !important;
    }

    /* Card */

    .elementor-element-5449c61
    .product-inner {
        border-radius: 13px !important;
        box-shadow: 0 3px 12px rgba(0,0,0,.06) !important;
    }

    /* Image */

    .elementor-element-5449c61
    .product-thumbnail img {
        aspect-ratio: 2 / 3 !important;
    }

    /* Wishlist */

    .elementor-element-5449c61
    .product-featured-icons--second {
        top: 7px !important;
        right: 7px !important;
        gap: 5px !important;
    }

    .elementor-element-5449c61
    .product-featured-icons--second > a {
        width: 31px !important;
        height: 31px !important;
        min-width: 31px !important;
        box-shadow: 0 3px 12px rgba(0,0,0,.10) !important;
    }

    .elementor-element-5449c61
    .product-featured-icons--second svg {
        width: 15px !important;
        height: 15px !important;
    }

    /* Sale */

    .elementor-element-5449c61
    li.product.sale::before {
        top: 7px !important;
        left: 7px !important;
        padding: 5px 7px !important;
        font-size: 7px !important;
        border-radius: 5px !important;
    }

    /* Summary */

    .elementor-element-5449c61
    .product-summary {
        min-height: 135px !important;
        padding: 10px 8px 11px !important;
    }

    /* Rating */

    .elementor-element-5449c61
    .ecomus-rating {
        gap: 3px !important;
        margin-bottom: 5px !important;
    }

    .elementor-element-5449c61
    .ecomus-rating
    .ecomus-svg-icon--star svg {
        width: 11px !important;
        height: 11px !important;
    }

    .elementor-element-5449c61
    .review-count {
        font-size: 9px !important;
    }

    /* Title */

    .elementor-element-5449c61
    .woocommerce-loop-product__title {
        min-height: 36px !important;
        margin-bottom: 6px !important;
        font-size: 11.5px !important;
        line-height: 1.45 !important;
        -webkit-line-clamp: 2 !important;
    }

    /* Price */

    .elementor-element-5449c61
    .product-summary .price {
        gap: 5px !important;
        margin-bottom: 9px !important;
    }

    .elementor-element-5449c61
    .product-summary .price del {
        font-size: 9px !important;
    }

    .elementor-element-5449c61
    .product-summary .price ins {
        font-size: 15px !important;
    }

    /* Mobile button */

    .elementor-element-5449c61
    .product-summary
    .em-button-add-to-cart-mobile {
        min-height: 36px !important;
        padding: 7px 8px !important;
        border-radius: 8px !important;
        font-size: 10px !important;
        gap: 5px !important;
    }

    .elementor-element-5449c61
    .product-summary
    .em-button-add-to-cart-mobile svg {
        width: 13px !important;
        height: 13px !important;
    }

    /* Hide desktop hover cart on mobile */

    .elementor-element-5449c61
    .product-featured-icons--primary {
        display: none !important;
    }

    /* Hide arrows on small mobile */

    .elementor-element-5449c61
    .swiper-button-prev,
    .elementor-element-5449c61
    .swiper-button-next {
        width: 32px !important;
        height: 32px !important;
    }

}

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

@media (max-width: 380px) {

    .elementor-element-0e65328 {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }

    .elementor-element-5449c61
    .woocommerce-loop-product__title {
        font-size: 10.5px !important;
    }

    .elementor-element-5449c61
    .product-summary .price ins {
        font-size: 14px !important;
    }

    .elementor-element-5449c61
    .product-summary
    .em-button-add-to-cart-mobile {
        font-size: 9.5px !important;
    }

}

/* =========================================================
   TOUCH DEVICES
   ========================================================= */

@media (hover: none) {

    .elementor-element-5449c61
    .product-inner {
        transform: none !important;
    }

    .elementor-element-5449c61
    .product-thumbnail img {
        transform: none !important;
    }

    .elementor-element-5449c61
    .product-featured-icons--primary {
        opacity: 0 !important;
        visibility: hidden !important;
    }

}

/* =========================================================
   ACCESSIBILITY / PERFORMANCE
   ========================================================= */

.elementor-element-5449c61
a:focus-visible {
    outline: 2px solid #111111 !important;
    outline-offset: 3px !important;
}

.elementor-element-5449c61
img {
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
}/* End custom CSS */