/* --- extracted style block 1  --- */
body.onestepcheckout-index-index [type=radio] {
            cursor: pointer;
        }

/* --- extracted style block 2  --- */
.switch {
                                position: relative;
                                display: inline-block;
                                width: 60px;
                                height: 34px;
                            }

                            .switch input {
                                opacity: 0;
                                width: 0;
                                height: 0;
                            }

                            .slider {
                                position: absolute;
                                cursor: pointer;
                                top: 0;
                                left: 0;
                                right: 0;
                                bottom: 0;
                                background-color: #ccc;
                                -webkit-transition: .4s;
                                transition: .4s;
                            }

                            .slider:before {
                                position: absolute;
                                content: "ID";
                                height: 26px;
                                width: 26px;
                                left: 4px;
                                bottom: 4px;
                                background-color: white;
                                -webkit-transition: .4s;
                                transition: .4s;
                                color: #000;
                            }

                            input:checked+.slider {
                                background-color: #ccc;
                            }

                            input:focus+.slider {
                                box-shadow: 0 0 1px #59C3FF;
                            }

                            input:checked+.slider:before {
                                -webkit-transform: translateX(26px);
                                -ms-transform: translateX(26px);
                                transform: translateX(26px);
                                content: "EN";
                                color: #000;
                            }

                            /* Rounded sliders */
                            .slider.round {
                                border-radius: 34px;
                            }

                            .slider.round:before {
                                border-radius: 50%;
                            }

/* --- extracted style block 3  --- */
.header_panel_info ul {
                                display: flex;
                                column-gap: 20px;
                                list-style: none;
                            }

                            .header_panel_info img {
                                margin-right: 10px;
                            }

                            .panel.header div {
                                width: 100%;
                            }

                            .top-header-components-mc {
                                display: flex;
                                justify-content: space-between;
                            }

                            .lang-switch-mc li {
                                list-style: none;
                            }

                            @media only screen and (max-width: 769px) {
                                .header_panel_info ul {
                                    flex-direction: column;
                                }
                            }

/* --- extracted style block 4 media="screen" --- */
.ves-megamenu li.level0>a.anchor-active,
                                                            .ves-megamenu-mobile .nav-mobile li.level0>a.anchor-active {
                                                                color: #6C9EFF;
                                                            }

                                                            .nav-desk {
                                                                display: flex;
                                                            }

                                                            .nav-mob {
                                                                display: none;
                                                            }

                                                            .menav .te_az {
                                                                display: block !important;
                                                            }

                                                            .menav .te_az .ks_content {
                                                                padding-bottom: 10px;
                                                            }

                                                            @media screen and (min-width: 640px) {
                                                                .header.content .ves-megamenu.menu-hover .subhover:hover .megamenu-content .menav ul li p {
                                                                    border: 0;
                                                                    padding: 0;
                                                                    padding-bottom: 5px;
                                                                    text-transform: lowercase;
                                                                }
                                                            }

                                                            @media screen and (max-width: 767px) {
                                                                .nav-desk {
                                                                    display: none;
                                                                }

                                                                .nav-mob {
                                                                    display: flex;
                                                                }

                                                                .mn-block .menav {
                                                                    min-height: 20px;
                                                                    margin: 10px;
                                                                }
                                                            }

                                                            .brand-az {
                                                                width: 100%;
                                                                display: flex;
                                                                align-items: flex-start;
                                                                justify-content: space-around;
                                                                flex-flow: wrap row;
                                                                margin: 0 20px 20px;
                                                                border-bottom: 1px solid #e3e3e3;
                                                            }

                                                            .brand-az a {
                                                                display: flex;
                                                                justify-content: center;
                                                                padding: 10px !important;
                                                                border-radius: 8px;
                                                                font-size: 1.2em;
                                                                line-height: 1;
                                                                font-weight: 500;
                                                                text-decoration: none;
                                                                color: darkgray;
                                                            }

                                                            .brand-az a:hover {
                                                                background: #ddd;
                                                                color: #444;
                                                            }

                                                            .brand-az a.active {
                                                                background: #6C9EFF !important;
                                                                color: #fff !important;
                                                            }

                                                            .brand-wrapper {
                                                                display: grid;
                                                                grid-template-columns: repeat(6, 1fr);
                                                                width: 100%;
                                                                margin: 0 20px;
                                                            }

                                                            .ves-megamenu .nav-revamp .row {
                                                                display: flex;
                                                                flex-wrap: wrap;
                                                            }

                                                            .headcontent p,
                                                            .headcontent p a {
                                                                color: #8E6CEF !important;
                                                                font-weight: 600;
                                                                margin-bottom: 5px !important;
                                                                font-size: 18px;
                                                            }

                                                            .navigation .level0 .submenu .ks_content p a {
                                                                color: #414141;
                                                                text-decoration: none;
                                                                font-size: 14px;
                                                            }

                                                            .navigation .level0 .submenu .ks_content p a:hover,
                                                            .headcontent p a:hover {
                                                                text-decoration: underline;
                                                                color: #6C9EFF !important;
                                                            }

                                                            .te_az .ks_content p {
                                                                margin-bottom: 3px;

                                                            }

                                                            .ves-menu .ves-megamenu.menu-hover .dropdown.clicked>.dropdown-menu {
                                                                width: 100%;
                                                            }

                                                            .mn-block .menav {
                                                                min-height: 45px;
                                                            }

                                                            @media screen and (max-width: 767px) {
                                                                .ves-megamenu .nav-revamp .row {
                                                                    display: block;
                                                                }

                                                                .brand-az {
                                                                    width: 265px;
                                                                    overflow-x: scroll;
                                                                    display: flex;
                                                                    align-items: flex-start;
                                                                    justify-content: flex-start;
                                                                    flex-flow: row;
                                                                    margin: 0 10px 10px;
                                                                }

                                                                .brand-wrapper {
                                                                    display: grid;
                                                                    grid-template-columns: repeat(2, 1fr);
                                                                }

                                                                .mn-block .menav {
                                                                    min-height: 20px;
                                                                    margin: 10px;
                                                                }

                                                                .nav-mobile li {
                                                                    border: 0 !important;
                                                                }

                                                                .headcontent p,
                                                                .headcontent p a {
                                                                    font-size: 16px;
                                                                }
                                                            }

/* --- extracted style block 5 type="text/css" --- */
@media only screen and (max-width: 768px) {

                            .klevuWrap {
                                top: 162px !important;
                            }
                        }

/* --- extracted style block 6 type="text/css" --- */
#customer-name-container {
                        color: #6A6C6C;
                        order: 2;
                        font-size: 14px;
                        line-height: 0px;
                        margin: 3px;
                    }

                    #customer-name-container .customer-name {
                        word-break: inherit;
                        max-width: 100px;
                        padding: 0;
                        overflow: hidden;
                        position: relative;
                        display: inline-block;
                        text-align: center;
                        text-decoration: none;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        line-height: 1.3;
                    }

                    @media screen and (max-width: 768px) {
                        #customer-name-container {
                            display: none;
                        }
                    }

/* --- extracted style block 7  --- */
.mpstorepickup-available-store-info {
                                    width: 78%;
                                }

                                .mpstorepickup-pcs {
                                    right: 0;
                                    font-weight: 600;
                                    position: absolute;
                                    width: 20%;
                                    padding-right: 12px;
                                }

                                .mpstorepickup-available {
                                    display: inline-flex;
                                    width: 100%;
                                    margin-bottom: 20px
                                }

                                .mpstorepickup-available-content .pickup-checkbox {
                                    margin-top: -20px;
                                }

                                /*.mpstorepickup-pcs.not-is-simple{*/
                                /*    display: none;*/
                                /*}*/
                                .mpstorepickup-pcs .count:after {
                                    content: ' pcs.'
                                }

                                #mpstorepickup-available-popup .store-pickup {
                                    margin-bottom: 14px;
                                }

/* --- extracted style block 8  --- */
.mpstorepickup-available-content .pickup-checkbox {
                                    cursor: pointer;
                                }

                                .mfp-wrap {
                                    position: fixed;
                                    overflow: auto;
                                }

/* --- extracted style block 9  --- */
/* Add Animation */
                                    @media screen and (max-width: 767px) {
                                        #myModals {
                                            animation: mymovess 2s;
                                            animation-fill-mode: forwards;
                                        }
                                    }

                                    @keyframes mymovess {
                                        from {
                                            bottom: 0px;
                                        }

                                        to {
                                            bottom: 200px;
                                        }
                                    }

                                    h5#content-baby {
                                        font-family: 'Mothercare 2020';
                                        font-style: normal;
                                        font-weight: 600;
                                        font-size: 32px;
                                        line-height: 150%;
                                        text-align: center;
                                        letter-spacing: -0.011em;
                                        color: #8E6CEF;
                                    }

                                    h5#content-baby {
                                        font-family: 'Mothercare 2020';
                                        font-style: normal;
                                        font-weight: 600;
                                        font-size: 32px;
                                        line-height: 150%;
                                        text-align: center;
                                        letter-spacing: -0.011em;
                                        color: #8E6CEF;
                                        margin-bottom: 1em;
                                    }

                                    a.sizechart-link {
                                        position: relative;
                                        top: -20.5em;
                                        font-style: normal;
                                        font-weight: 600;
                                        font-size: 14px;
                                        line-height: 19px;
                                        text-align: left;
                                        text-decoration-line: underline;
                                        text-transform: lowercase;
                                        color: #8E6CEF;
                                        font-family: 'mothercare_2020-regular-webfont';
                                    }

                                    @media screen and (max-width: 767px) {
                                        a.sizechart-link {
                                            top: -17.5em;
                                        }
                                    }

                                    /* Mengatur container agar text yang keluar batas tidak memicu scrollbar */
                                    .panel.header {
                                        overflow: hidden;
                                        background: #000001;
                                        white-space: nowrap;
                                        box-sizing: border-box;
                                        width: 100%;
                                    }

                                    /* Mengatur jalannya teks */
                                    .marquee-text {
                                        display: inline-block;
                                        /* HAPUS padding-left: 100% agar kalkulasi width teks akurat */
                                        animation: jalanTerus 15s linear infinite;
                                        /* Naikkan ke 15s karena jarak tempuh sekarang lebih jauh */

                                        /* Styling tambahan agar terlihat premium */
                                        font-weight: bold;
                                        color: #8E6CEF;
                                        /* Warna aksen ungu */
                                    }

                                    /* Mengatur pergerakan dari kanan luar (100%) ke kiri luar (-100%) */
                                    @keyframes jalanTerus {
                                        0% {
                                            transform: translate3d(100%, 0, 0);
                                            /* Mulai dari luar layar sebelah kanan */
                                        }

                                        100% {
                                            transform: translate3d(-100%, 0, 0);
                                            /* Berakhir di luar layar sebelah kiri (hilang total) */
                                        }
                                    }

                                    /* Opsional: Berhenti jalan saat kursor diarahkan (hover) */
                                    .panel.header:hover .marquee-text {
                                        animation-play-state: paused;
                                    }

/* --- extracted style block 10 type="text/css" --- */
.widget.widget-upsell,
                            .widget.widget-related {
                                padding-bottom: 40px;
                                padding-top: 40px;
                                margin-top: 0 !important
                            }

                            .widget.widget-upsell .block-title,
                            .widget.widget-related .block-title {
                                margin: 0 !important;
                                padding: 0 0 40px !important
                            }

                            .widget.widget-upsell .block-title:before,
                            .widget.widget-related .block-title:before {
                                display: none !important
                            }

                            .widget.widget-upsell .block-title strong,
                            .widget.widget-related .block-title strong {
                                display: block;
                                font-family: 'mothercare_2020-regular-webfont';
                                font-style: normal;
                                font-weight: 400;
                                font-size: 32px;
                                color: #515759;
                                margin: 0 !important;
                                text-align: center;
                                text-transform: lowercase
                            }

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

                                .widget.widget-upsell .block-title strong,
                                .widget.widget-related .block-title strong {
                                    font-size: 18px
                                }
                            }

                            .widget.widget-upsell .upsell.products-grid,
                            .widget.widget-related .upsell.products-grid,
                            .widget.widget-upsell .related.products-grid,
                            .widget.widget-related .related.products-grid {
                                overflow: inherit;
                                padding-left: 50px;
                                padding-right: 50px
                            }

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

                                .widget.widget-upsell .upsell.products-grid,
                                .widget.widget-related .upsell.products-grid,
                                .widget.widget-upsell .related.products-grid,
                                .widget.widget-related .related.products-grid {
                                    padding: 0
                                }
                            }

                            .widget.widget-upsell .upsell.products-grid.slick-initialized>.product-items,
                            .widget.widget-related .upsell.products-grid.slick-initialized>.product-items,
                            .widget.widget-upsell .related.products-grid.slick-initialized>.product-items,
                            .widget.widget-related .related.products-grid.slick-initialized>.product-items {
                                gap: 0;
                                padding: 0;
                                margin: 0 -25px;
                                width: auto
                            }

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

                                .widget.widget-upsell .upsell.products-grid.slick-initialized>.product-items,
                                .widget.widget-related .upsell.products-grid.slick-initialized>.product-items,
                                .widget.widget-upsell .related.products-grid.slick-initialized>.product-items,
                                .widget.widget-related .related.products-grid.slick-initialized>.product-items {
                                    margin: 0 -15px
                                }
                            }

                            .widget.widget-upsell .upsell.products-grid .product-item,
                            .widget.widget-related .upsell.products-grid .product-item,
                            .widget.widget-upsell .related.products-grid .product-item,
                            .widget.widget-related .related.products-grid .product-item {
                                width: calc(100%/4 - 50px);
                                max-width: 100%;
                                margin: 0 25px
                            }

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

                                .widget.widget-upsell .upsell.products-grid .product-item,
                                .widget.widget-related .upsell.products-grid .product-item,
                                .widget.widget-upsell .related.products-grid .product-item,
                                .widget.widget-related .related.products-grid .product-item {
                                    margin: 0 15px;
                                    width: calc(100%/2 - 30px)
                                }
                            }

                            .widget.widget-upsell .upsell.products-grid .product-item-photo,
                            .widget.widget-related .upsell.products-grid .product-item-photo,
                            .widget.widget-upsell .related.products-grid .product-item-photo,
                            .widget.widget-related .related.products-grid .product-item-photo {
                                display: flex;
                                justify-content: center;
                                height: 100%;
                                border-radius: 5px width:100%;
                            }

                            .widget.widget-upsell .upsell.products-grid .product-item-photo .product-image-container,
                            .widget.widget-related .upsell.products-grid .product-item-photo .product-image-container,
                            .widget.widget-upsell .related.products-grid .product-item-photo .product-image-container,
                            .widget.widget-related .related.products-grid .product-item-photo .product-image-container {
                                width: 100% !important
                            }

                            .widget.widget-upsell .upsell.products-grid .product-item-photo .product-image-container img,
                            .widget.widget-related .upsell.products-grid .product-item-photo .product-image-container img,
                            .widget.widget-upsell .related.products-grid .product-item-photo .product-image-container img,
                            .widget.widget-related .related.products-grid .product-item-photo .product-image-container img {
                                height: 100%;
                                object-fit: contain
                            }

                            .widget.widget-upsell .upsell.products-grid .product-item-info,
                            .widget.widget-related .upsell.products-grid .product-item-info,
                            .widget.widget-upsell .related.products-grid .product-item-info,
                            .widget.widget-related .related.products-grid .product-item-info {
                                gap: 15px
                            }

                            .widget.widget-upsell .product-items .product-item .item-img-box {
                                position: relative;
                                display: flex;
                                justify-content: center;
                                border: 1px solid #f4f1f1;
                                align-items: center;
                                height: 327px;
                            }

                            .widget.widget-upsell .upsell.products-grid .product-item-details,
                            .widget.widget-related .upsell.products-grid .product-item-details,
                            .widget.widget-upsell .related.products-grid .product-item-details,
                            .widget.widget-related .related.products-grid .product-item-details {
                                flex-direction: column;
                                text-align: center
                            }

                            .widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name,
                            .widget.widget-related .upsell.products-grid .product-item-details .product-item-name,
                            .widget.widget-upsell .related.products-grid .product-item-details .product-item-name,
                            .widget.widget-related .related.products-grid .product-item-details .product-item-name {
                                max-width: 100%;
                                /*    height: 34px;*/
                                margin: 0 0 20px;
                                margin-bottom: 0px !important;
                            }

                            .widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name .product-item-link,
                            .widget.widget-related .upsell.products-grid .product-item-details .product-item-name .product-item-link,
                            .widget.widget-upsell .related.products-grid .product-item-details .product-item-name .product-item-link,
                            .widget.widget-related .related.products-grid .product-item-details .product-item-name .product-item-link {
                                font-style: normal;
                                font-weight: 700;
                                font-size: 12px;
                                line-height: 150%;
                                text-align: center;
                                letter-spacing: -.011em;
                                color: #515759;
                                font-family: 'mothercare_2020-regular-webfont';
                                display: block
                            }

                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box,
                            .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box,
                            .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box,
                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box {
                                flex-grow: 1;
                                align-items: flex-end;
                                display: flex
                            }

                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box,
                            .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box,
                            .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box,
                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box {
                                font-family: Arial, Helvetica, sans-serif;
                                display: block;
                                text-align: center;
                                flex-flow: wrap;
                                max-width: 100%;
                                width: 100%;
                                margin: 0;
                                justify-content: center
                            }

                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
                            .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
                            .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price,
                            .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price,
                            .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price,
                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price {
                                margin: 0 5px;
                                text-decoration-color: #515759;
                                width: 100%;
                                text-align: center
                            }

                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
                            .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
                            .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,
                            .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,
                            .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,
                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price {
                                font-style: normal;
                                font-weight: 700;
                                font-size: 12px;
                                line-height: 120%;
                                color: #515759
                            }

                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
                            .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
                            .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent {
                                order: 3;
                                background: #E83E3E;
                                font-style: normal;
                                font-weight: 400;
                                font-size: 12px;
                                line-height: 24px;
                                letter-spacing: -.011em;
                                color: #fff;
                                padding: 0 4px;
                                font-family: 'Arial' !important;
                                margin-left: 5px;
                            }

                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                            .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                            .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                            .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                            .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                            .widget.widget-upsell .upsell.products-grid .product-item-details .price {
                                font-style: normal;
                                font-weight: 700;
                                font-size: 16px;
                                line-height: 150%;
                                letter-spacing: -.011em;
                                color: #1e1e1e;
                            }

                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box>.price,
                            .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box>.price,
                            .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box>.price,
                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box>.price {
                                font-style: normal;
                                font-weight: 700;
                                font-size: 14px;
                                line-height: 120%;
                                color: #8E6CEF;
                                font-family: Arial, Helvetica, sans-serif
                            }

                            .widget.widget-upsell .upsell.products-grid .product-item-details .check,
                            .widget.widget-related .upsell.products-grid .product-item-details .check,
                            .widget.widget-upsell .related.products-grid .product-item-details .check,
                            .widget.widget-related .related.products-grid .product-item-details .check {
                                margin-top: 16px
                            }

                            .widget.widget-upsell .upsell.products-grid .product-item-details .check span,
                            .widget.widget-related .upsell.products-grid .product-item-details .check span,
                            .widget.widget-upsell .related.products-grid .product-item-details .check span,
                            .widget.widget-related .related.products-grid .product-item-details .check span {
                                font-style: normal;
                                font-weight: 700;
                                font-size: 10px;
                                letter-spacing: -.011em;
                                color: #1d1d1d;
                            }

                            .widget.widget-upsell .upsell.products-grid .slick-arrow,
                            .widget.widget-related .upsell.products-grid .slick-arrow,
                            .widget.widget-upsell .related.products-grid .slick-arrow,
                            .widget.widget-related .related.products-grid .slick-arrow {
                                width: 40px;
                                height: 40px;
                                border: none;
                                background-position: center;
                                background-repeat: no-repeat
                            }

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

                                .widget.widget-upsell .upsell.products-grid .slick-arrow,
                                .widget.widget-related .upsell.products-grid .slick-arrow,
                                .widget.widget-upsell .related.products-grid .slick-arrow,
                                .widget.widget-related .related.products-grid .slick-arrow {
                                    display: none !important
                                }
                            }

                            .widget.widget-upsell .upsell.products-grid .slick-arrow.slick-prev,
                            .widget.widget-related .upsell.products-grid .slick-arrow.slick-prev,
                            .widget.widget-upsell .related.products-grid .slick-arrow.slick-prev,
                            .widget.widget-related .related.products-grid .slick-arrow.slick-prev {
                                background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg);
                            }

                            .widget.widget-upsell .upsell.products-grid .slick-arrow.slick-next,
                            .widget.widget-related .upsell.products-grid .slick-arrow.slick-next,
                            .widget.widget-upsell .related.products-grid .slick-arrow.slick-next,
                            .widget.widget-related .related.products-grid .slick-arrow.slick-next {
                                background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg);
                            }

                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box {
                                display: flex;
                                flex-flow: row wrap;
                                justify-content: center;
                                align-content: flex-end
                            }

                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.crossed {
                                width: 100%
                            }

                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.crossed .old-price {
                                text-decoration: unset
                            }

                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.crossed .old-price .price {
                                font-style: normal;
                                font-weight: 700;
                                font-size: 12px;
                                line-height: 120%;
                                color: #515759;
                                text-decoration: line-through
                            }

                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.percent {
                                width: auto;
                                order: 3
                            }

                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.percent .discount-percent {
                                padding: 2px 4px
                            }

                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.main {
                                margin-top: 4px;
                                width: auto
                            }

                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.main .price {
                                font-size: 14px;
                                font-weight: 700;
                                color: #1e1e1e
                            }



                            .widget.widget-crosssell,
                            .widget.widget-related {
                                padding-bottom: 40px;
                                padding-top: 40px;
                                margin-top: 0 !important
                            }

                            .widget.widget-crosssell .block-title,
                            .widget.widget-related .block-title {
                                margin: 0 !important;
                                padding: 0 0 40px !important
                            }

                            .widget.widget-crosssell .block-title:before,
                            .widget.widget-related .block-title:before {
                                display: none !important
                            }

                            .widget.widget-crosssell .block-title strong,
                            .widget.widget-related .block-title strong {
                                display: block;
                                font-family: 'mothercare_2020-regular-webfont';
                                font-style: normal;
                                font-weight: 400;
                                font-size: 32px;
                                color: #515759;
                                margin: 0 !important;
                                text-align: center;
                                text-transform: lowercase
                            }

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

                                .widget.widget-crosssell .block-title strong,
                                .widget.widget-related .block-title strong {
                                    font-size: 18px
                                }
                            }

                            .widget.widget-crosssell .crosssell.products-grid,
                            .widget.widget-related .crosssell.products-grid,
                            .widget.widget-crosssell .related.products-grid,
                            .widget.widget-related .related.products-grid {
                                overflow: inherit;
                                padding-left: 50px;
                                padding-right: 50px
                            }

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

                                .widget.widget-crosssell .crosssell.products-grid,
                                .widget.widget-related .crosssell.products-grid,
                                .widget.widget-crosssell .related.products-grid,
                                .widget.widget-related .related.products-grid {
                                    padding: 0
                                }
                            }

                            .widget.widget-crosssell .crosssell.products-grid.slick-initialized>.product-items,
                            .widget.widget-related .crosssell.products-grid.slick-initialized>.product-items,
                            .widget.widget-crosssell .related.products-grid.slick-initialized>.product-items,
                            .widget.widget-related .related.products-grid.slick-initialized>.product-items {
                                gap: 0;
                                padding: 0;
                                margin: 0 -25px;
                                width: auto
                            }

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

                                .widget.widget-crosssell .crosssell.products-grid.slick-initialized>.product-items,
                                .widget.widget-related .crosssell.products-grid.slick-initialized>.product-items,
                                .widget.widget-crosssell .related.products-grid.slick-initialized>.product-items,
                                .widget.widget-related .related.products-grid.slick-initialized>.product-items {
                                    margin: 0 -15px
                                }
                            }

                            .widget.widget-crosssell .crosssell.products-grid .product-item,
                            .widget.widget-related .crosssell.products-grid .product-item,
                            .widget.widget-crosssell .related.products-grid .product-item,
                            .widget.widget-related .related.products-grid .product-item {
                                width: calc(100%/4 - 50px);
                                max-width: 100%;
                                margin: 0 25px
                            }

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

                                .widget.widget-crosssell .crosssell.products-grid .product-item,
                                .widget.widget-related .crosssell.products-grid .product-item,
                                .widget.widget-crosssell .related.products-grid .product-item,
                                .widget.widget-related .related.products-grid .product-item {
                                    margin: 0 8px;
                                    width: calc(100%/2 - 30px)
                                }
                            }

                            .widget.widget-crosssell .crosssell.products-grid .product-item-photo,
                            .widget.widget-related .crosssell.products-grid .product-item-photo,
                            .widget.widget-crosssell .related.products-grid .product-item-photo,
                            .widget.widget-related .related.products-grid .product-item-photo {
                                display: flex;
                                justify-content: center;
                                height: auto;
                                border-radius: 5px width:100%;
                            }

                            .widget.widget-crosssell .crosssell.products-grid .product-item-photo .product-image-container,
                            .widget.widget-related .crosssell.products-grid .product-item-photo .product-image-container,
                            .widget.widget-crosssell .related.products-grid .product-item-photo .product-image-container,
                            .widget.widget-related .related.products-grid .product-item-photo .product-image-container {
                                width: 100% !important
                            }

                            .widget.widget-crosssell .crosssell.products-grid .product-item-photo .product-image-container img,
                            .widget.widget-related .crosssell.products-grid .product-item-photo .product-image-container img,
                            .widget.widget-crosssell .related.products-grid .product-item-photo .product-image-container img,
                            .widget.widget-related .related.products-grid .product-item-photo .product-image-container img {
                                height: 100%;
                                object-fit: cover;
                            }

                            .widget.widget-crosssell .crosssell.products-grid .product-item-info,
                            .widget.widget-related .crosssell.products-grid .product-item-info,
                            .widget.widget-crosssell .related.products-grid .product-item-info,
                            .widget.widget-related .related.products-grid .product-item-info {
                                gap: 15px
                            }

                            .widget.widget-crosssell .crosssell.products-grid .product-item-details,
                            .widget.widget-related .crosssell.products-grid .product-item-details,
                            .widget.widget-crosssell .related.products-grid .product-item-details,
                            .widget.widget-related .related.products-grid .product-item-details {
                                flex-direction: column;
                                text-align: center
                            }

                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name,
                            .widget.widget-related .crosssell.products-grid .product-item-details .product-item-name,
                            .widget.widget-crosssell .related.products-grid .product-item-details .product-item-name,
                            .widget.widget-related .related.products-grid .product-item-details .product-item-name {
                                max-width: 100%;
                                height: 34px;
                                margin: 0 0 20px
                            }

                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name .product-item-link,
                            .widget.widget-related .crosssell.products-grid .product-item-details .product-item-name .product-item-link,
                            .widget.widget-crosssell .related.products-grid .product-item-details .product-item-name .product-item-link,
                            .widget.widget-related .related.products-grid .product-item-details .product-item-name .product-item-link {
                                font-style: normal !important;
                                font-weight: 700 !important;
                                font-size: 12px !important;
                                line-height: 150% !important;
                                text-align: center !important;
                                letter-spacing: -.011em !important;
                                color: #515759 !important;
                                font-family: 'mothercare_2020-regular-webfont' !important;
                                display: block !important;
                                text-transform: unset !important;
                            }

                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box,
                            .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box,
                            .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box,
                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box {
                                flex-grow: 1;
                                align-items: flex-end;
                                display: flex
                            }

                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box,
                            .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box,
                            .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box,
                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box {
                                font-family: Arial, Helvetica, sans-serif;
                                display: flex;
                                flex-flow: wrap;
                                max-width: 100%;
                                width: 100%;
                                margin: 0;
                                justify-content: center
                            }

                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
                            .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
                            .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price,
                            .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price,
                            .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price,
                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price {
                                margin: 0 5px;
                                text-decoration-color: #515759;
                                width: 100%;
                                text-align: center
                            }

                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
                            .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
                            .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,
                            .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,
                            .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,
                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price {
                                font-style: normal !important;
                                font-weight: 700 !important;
                                font-size: 12px !important;
                                line-height: 120% !important;
                                color: #515759 !important;
                            }

                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
                            .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
                            .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent {
                                order: 3;
                                background: #E83E3E;
                                font-style: normal;
                                font-weight: 400;
                                font-size: 12px;
                                line-height: 24px;
                                letter-spacing: -.011em;
                                color: #fff;
                                padding: 0 4px;
                                margin-left: 5px;
                                font-family: 'mothercare_2020-regular-webfont';
                            }

                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                            .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                            .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                            .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                            .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .price {
                                font-style: normal;
                                font-weight: 700;
                                font-size: 16px;
                                line-height: 150%;
                                letter-spacing: -.011em;
                                color: #1e1e1e
                            }

                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box>.price,
                            .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box>.price,
                            .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box>.price,
                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box>.price {
                                font-style: normal;
                                font-weight: 700;
                                font-size: 14px;
                                line-height: 120%;
                                color: #8E6CEF;
                                font-family: Arial, Helvetica, sans-serif
                            }

                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .check,
                            .widget.widget-related .crosssell.products-grid .product-item-details .check,
                            .widget.widget-crosssell .related.products-grid .product-item-details .check,
                            .widget.widget-related .related.products-grid .product-item-details .check {
                                margin-top: 16px
                            }

                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .check span,
                            .widget.widget-related .crosssell.products-grid .product-item-details .check span,
                            .widget.widget-crosssell .related.products-grid .product-item-details .check span,
                            .widget.widget-related .related.products-grid .product-item-details .check span {
                                font-style: normal;
                                font-weight: 700;
                                font-size: 10px;
                                letter-spacing: -.011em;
                                color: #1d1d1d;
                                font-family: Arial, Helvetica Neue, Helvetica, sans-serif
                            }

                            .widget.widget-crosssell .crosssell.products-grid .slick-arrow,
                            .widget.widget-related .crosssell.products-grid .slick-arrow,
                            .widget.widget-crosssell .related.products-grid .slick-arrow,
                            .widget.widget-related .related.products-grid .slick-arrow {
                                width: 40px !important;
                                height: 40px !important;
                                border: none !important;
                                background-position: center !important;
                                background-repeat: no-repeat !important;
                            }

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

                                .widget.widget-crosssell .crosssell.products-grid .slick-arrow,
                                .widget.widget-related .crosssell.products-grid .slick-arrow,
                                .widget.widget-crosssell .related.products-grid .slick-arrow,
                                .widget.widget-related .related.products-grid .slick-arrow {
                                    display: block !important
                                }

                                .widget-crosssell .products-grid .slick-track {
                                    overflow-x: auto;
                                    margin-top: 20px;
                                }

                                .checkout-cart-index .column.main .block:not(.crosssell) .content {
                                    padding: 0px;
                                }
                            }

                            .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-prev,
                            .widget.widget-related .crosssell.products-grid .slick-arrow.slick-prev,
                            .widget.widget-crosssell .related.products-grid .slick-arrow.slick-prev,
                            .widget.widget-related .related.products-grid .slick-arrow.slick-prev {
                                background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg)
                            }

                            .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-next,
                            .widget.widget-related .crosssell.products-grid .slick-arrow.slick-next,
                            .widget.widget-crosssell .related.products-grid .slick-arrow.slick-next,
                            .widget.widget-related .related.products-grid .slick-arrow.slick-next {
                                background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg);
                            }

                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box {
                                display: flex;
                                flex-flow: row wrap;
                                justify-content: center;
                                align-content: flex-end;
                                height: 52px;
                            }

                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.crossed {
                                width: 100%
                            }

                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.crossed .old-price {
                                text-decoration: unset
                            }

                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.crossed .old-price .price {
                                font-style: normal;
                                font-weight: 700;
                                font-size: 12px;
                                line-height: 120%;
                                color: #515759;
                                text-decoration: line-through
                            }

                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.percent {
                                width: auto;
                                order: 3
                            }

                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.percent .discount-percent {
                                padding: 2px 4px
                            }

                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.main {
                                margin-top: 4px;
                                width: auto
                            }

                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.main .price {
                                font-size: 14px;
                                font-weight: 700;
                                color: #1e1e1e
                            }

                            .widget.widget-crosssell button.action.tocart.primary {
                                background: #8E6CEF;
                                padding: 2px 15px;
                                font-family: 'mothercare_2020-regular-webfont';
                                font-style: normal;
                                font-weight: 700;
                                font-size: 13px;
                                color: #fff;
                                letter-spacing: normal;
                                border-radius: 5px;
                                text-transform: none;
                                width: calc(100% - 20px);
                            }

                            .widget.widget-crosssell .actions-primary {
                                position: absolute;
                                left: 0;
                                right: 0;
                                bottom: 10px;
                                text-align: center;
                                z-index: 11;
                                opacity: 0;
                                visibility: hidden;
                                transition: all 0.4s ease;
                            }

                            .widget.widget-crosssell .product-items .product-item:hover .item-img-box .actions-primary,
                            .catalogsearch-result-index .product-items .product-item:hover .item-img-box .actions-primary {
                                opacity: 1;
                                visibility: visible;
                            }

                            .widget.widget-crosssell .product-items .product-item .item-img-box,
                            .catalogsearch-result-index .product-items .product-item .item-img-box {
                                position: relative;
                                display: flex;
                                justify-content: center;
                                border: 1px solid #f4f1f1;
                                align-items: center;
                                height: 372px;
                            }


                            .widget.widget-crosssell .product-items {
                                gap: var(--listing-grid-gap);
                                row-gap: var(--listing-grid-row-gap);
                                display: flex;
                                flex-wrap: nowrap;
                                overflow-x: auto;
                                scroll-behavior: smooth;
                                scroll-snap-type: none;
                                -ms-overflow-style: none;
                                scrollbar-width: none;
                            }


                            .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-next {
                                background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg) !important;
                                background-size: unset !important;
                            }

                            .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow {
                                transform: unset !important;
                            }

                            .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-prev {
                                background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg) !important;
                                background-size: unset !important;
                            }


                            .widget.widget-upsell .upsell.products-grid .slick-arrow.slick-next,
                            .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-next {
                                background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg) !important;
                            }


                            .widget.widget-upsell .upsell.products-grid .slick-arrow.slick-prev,
                            .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-prev {
                                background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg) !important;
                            }

                            .widget-upsell .product-items .product-item .product-item-photo {
                                width: 325px;
                                height: 325px !important;
                            }

                            .widget-related .products-grid .product-item-photo .product-image-container {
                                max-width: 325px;
                            }

                            .widget-upsell .product-items .product-item .item-img-box {
                                border: unset !important;
                            }

                            @media(max-width:1280px) {
                                .widget-upsell .product-items .product-item .item-img-box {
                                    height: unset;
                                }
                            }

                            .widget-related .product-items .product-item-details {
                                flex: unset;
                            }


                            .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box {
                                border: unset !important;
                                width: auto !important;
                                margin: auto;
                            }

                            .checkout-cart-index .widget-crosssell .crosssell.products-grid .product-item-photo {
                                border: unset !important;
                                height: 325px !important;
                                width: 325px;

                            }

                            @media(max-width:1080px) {
                                .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box {
                                    height: unset;
                                }
                            }

                            .widget.widget-upsell .upsell.products-grid .price-label,
                            .widget.widget-upsell .upsell.products-grid .swissup-ajaxpro-quick-view-wrapper,
                            .widget.widget-crosssell .crosssell.products-grid .swissup-ajaxpro-quick-view-wrapper,
                            .widget.widget-related .related.products-grid .swissup-ajaxpro-quick-view-wrapper {
                                display: none;
                            }

                            .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item {
                                padding-left: unset;
                                padding-right: unset;
                            }


                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price,
                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price,
                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price {
                                text-decoration: line-through;
                            }

                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price,
                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price,
                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price,
                            .catalog-product-view .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price {
                                text-decoration: none;
                            }

                            @media(max-width:768px) {

                                .checkout-cart-index .widget-crosssell .crosssell.products-grid .product-item-photo,
                                .widget-upsell .upsell.products-grid .product-item-photo {
                                    height: auto !important;
                                }

                                .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box {
                                    width: 100% !important;
                                }

                                .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item,
                                .widget-upsell .upsell.products-grid .product-item {
                                    padding: unset;
                                    /* float: left !important; */
                                }

                                .widget.widget-upsell .product-items .product-item .item-img-box {
                                    height: auto !important;
                                }

                                .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-items .slick-next.slick-arrow,
                                .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-items .slick-prev.slick-arrow {
                                    display: block !important;
                                }

                                .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow {
                                    width: 20px
                                }

                                .products-widget-container .slick-track .slick-initialized .slick-slide {
                                    float: left !important;
                                }

                                .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name {
                                    margin: 0 0 10px;
                                }

                                .checkout-cart-index .products-widget-container .crosssell.products-crosssell .slick-list .product-item-info .check {
                                    padding-top: 0;
                                }

                                .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .check {
                                    margin-top: 8px;
                                }

                                .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                                .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                                .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                                .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                                .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                                .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                                .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                                .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                                .widget.widget-upsell .upsell.products-grid .product-item-details .price {
                                    font-style: normal;
                                    font-weight: 700;
                                    font-size: 14px;
                                    line-height: 150%;
                                    letter-spacing: -.011em;
                                    color: #1e1e1e;
                                }

                                .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                                .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                                .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                                .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                                .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                                .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                                .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                                .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                                .widget.widget-crosssell .crosssell.products-grid .product-item-details .price {
                                    font-style: normal;
                                    font-weight: 700;
                                    font-size: 14px;
                                    line-height: 150%;
                                    letter-spacing: -.011em;
                                    color: #1e1e1e;
                                }


                                .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-label {
                                    display: none;
                                }

                                .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-items .product-item-info {
                                    height: auto !important;
                                }

                            }

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

                                .widget.widget-upsell .upsell.products-grid.slick-initialized>.product-items strong.product.name.product-item-name,
                                .widget.widget-crosssell .crosssell.products-grid.slick-initialized>.product-items strong.product.name.product-item-name {
                                    height: 36px;
                                }

                                .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price {
                                    margin: 0;
                                    text-decoration-color: #D9D9D6;
                                    width: 100%;
                                    text-align: center;
                                }

                                .crosssell .product.details.product-item-details {
                                    flex: unset;
                                }

                                .crosssell .slick-initialized .slick-slide {
                                    height: 100%;
                                }

                                .widget-crosssell .products-grid .slick-slider .slick-list,
                                .slick-slider .slick-track>.product-items {
                                    overflow: auto;
                                    /* Enable horizontal scrolling */
                                    scroll-behavior: smooth;
                                    scroll-snap-type: x mandatory;
                                    /* Ensure smooth snapping */
                                }

                                .widget-crosssell .products-grid .slick-track {
                                    display: flex;
                                    flex-wrap: nowrap;
                                    width: auto !important;
                                    /* Ensure the width adjusts dynamically */
                                }

                                .widget-crosssell .products-grid .product-items {
                                    flex: 0 0 auto;
                                    /* Prevent items from shrinking or growing */
                                }

                                .widget.widget-upsell .products-grid.slick-initialized>.product-items {
                                    padding-bottom: 19px !important;
                                    scrollbar-width: thin !important;
                                }

                                .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box {
                                    border: unset !important;
                                    width: 118px !important;
                                    margin: auto;
                                }

                                .widget.widget-upsell .upsell.products-grid .product-item {
                                    width: calc(100% / 2.5 - 30px);


                                }

                                .widget.widget-upsell .block-title {
                                    margin: 0 !important;
                                    padding: 0 0 0px !important;
                                }

                                .widget.widget-upsell .slick-list.products.list.items.product-items {
                                    padding-top: 20px !important;
                                }

                                .widget.widget-upsell .upsell.products-grid .slick-arrow,
                                .widget.widget-related .upsell.products-grid .slick-arrow,
                                .widget.widget-upsell .related.products-grid .slick-arrow,
                                .widget.widget-related .related.products-grid .slick-arrow {
                                    display: none !important;
                                }

                                .widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name {
                                    margin-bottom: 10px !important;
                                }

                                .widget-upsell .product-items .product-item-details {
                                    flex: unset;
                                }

                                .widget.widget-upsell .upsell.products-grid .product-item-photo .product-image-container img {
                                    aspect-ratio: 1;
                                }

                                .widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name .product-item-link {
                                    overflow: hidden;
                                    display: -webkit-box;
                                    -webkit-line-clamp: 2;
                                    line-clamp: 2;
                                    -webkit-box-orient: vertical;
                                }

                                .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name .product-item-link {
                                    overflow: hidden;
                                    display: -webkit-box !important;
                                    -webkit-line-clamp: 2;
                                    line-clamp: 2 !important;
                                    -webkit-box-orient: vertical;
                                    height: 36px;
                                }

                                .widget.widget-crosssell .crosssell.products-grid .product-item-photo .product-image-container img {
                                    aspect-ratio: 1;
                                }

                            }


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

                                .widget.widget-upsell .products-grid.slick-initialized>.product-items {
                                    padding-bottom: 19px !important;
                                    scrollbar-width: thin !important;
                                }

                                .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price {
                                    margin: 0 5px;
                                }


                                .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box {
                                    border: unset !important;
                                    width: 118px !important;
                                    margin: 0;
                                }

                                .widget.widget-upsell .upsell.products-grid .slick-arrow,
                                .widget.widget-related .upsell.products-grid .slick-arrow,
                                .widget.widget-upsell .related.products-grid .slick-arrow,
                                .widget.widget-related .related.products-grid .slick-arrow {
                                    display: none !important;
                                }

                                .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
                                .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
                                .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
                                .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
                                .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent {
                                    order: 3;
                                    background: #E83E3E;
                                    font-style: normal;
                                    font-weight: 400;
                                    font-size: 12px;
                                    line-height: 24px;
                                    letter-spacing: -.011em;
                                    color: #fff;
                                    padding: 0px 2px;
                                    font-family: 'Arial' !important;
                                    margin-left: 0px;
                                }
                            }

                            strong.product.name.product-item-name {
                                overflow: hidden;
                            }

                            strong.product.name.product-item-name {
                                /* height: 87px; */
                            }


                            li.item.product.product-item.slick-slide.slick-active {
                                float: left !important;
                            }

                            .products-widget-container .slick-track .slick-initialized .slick-slide {
                                float: left !important;
                            }

                            .catalog-product-view .bundle-options-container .bundle-wrapper .bundle-info .amasty-label-container {
                                position: absolute;
                                display: none !important;
                            }

                            /*    .checkout-cart-index .products-crosssell .product-item .product-item-info  .product-image-container  .amasty-label-container {
        width: auto !important;
    }*/

/* --- extracted style block 11  --- */
.premium-section {
                                max-width: 800px;
                                margin: 40px auto;
                                padding: 0 20px;
                                font-family: 'Segoe UI', Roboto, sans-serif;
                            }

                            .section-title {
                                text-align: center;
                                color: #8E6CEF;
                                /* Warna aksen ungu */
                                font-size: 22px;
                                font-weight: 800;
                                letter-spacing: 1px;
                                margin-bottom: 25px;
                                text-shadow: 0 0 10px rgba(142, 108, 239, 0.3);
                            }

                            /* ------------------------------------------
   STYLE CONTAINER FAQ (Accordion)
   ------------------------------------------ */
                            .faq-container {
                                display: flex;
                                flex-direction: column;
                                gap: 12px;
                            }

                            .faq-item {
                                background: rgba(255, 255, 255, 0.03);
                                border: 1px solid rgba(255, 255, 255, 0.08);
                                border-radius: 12px;
                                overflow: hidden;
                                transition: all 0.3s ease;
                            }

                            .faq-question {
                                padding: 18px 20px;
                                display: flex;
                                justify-content: space-between;
                                align-items: center;
                                cursor: pointer;
                                color: #000000;
                                font-weight: 600;
                                font-size: 14px;
                                user-select: none;
                                transition: background 0.3s;
                            }

                            .faq-question:hover {
                                background: rgba(142, 108, 239, 0.05);
                                color: #8E6CEF;
                            }

                            .faq-arrow {
                                font-size: 10px;
                                color: #6C9EFF;
                                transition: transform 0.3s ease;
                            }

                            /* Efek ketika FAQ aktif/diklik (Menggunakan trik CSS/JS toggle) */
                            .faq-item.active {
                                border-color: rgba(142, 108, 239, 0.6);
                                background: rgba(102, 102, 102, 0.05);
                                box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
                            }

                            .faq-item.active .faq-arrow {
                                transform: rotate(180deg);
                                color: #8E6CEF;
                            }

                            .faq-answer {
                                max-height: 0;
                                overflow: hidden;
                                transition: max-height 0.3s ease-out, padding 0.3s ease;
                                padding: 0 20px;
                                color: #000001;
                                font-size: 13px;
                                line-height: 1.6;
                                border-top: 1px solid transparent;
                            }

                            /* Ketika active, kelas ini memunculkan teks jawaban */
                            .faq-item.active .faq-answer {
                                max-height: 200px;
                                /* Atur batas tinggi aman */
                                padding: 15px 20px 20px 20px;
                                border-top: 1px solid rgba(142, 108, 239, 0.1);
                            }

                            /* ------------------------------------------
   STYLE CONTAINER REVIEW (Grid Card)
   ------------------------------------------ */
                            .review-grid {
                                display: grid;
                                grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
                                gap: 20px;
                            }

                            .review-card {
                                background: rgba(20, 20, 20, 0.6);
                                backdrop-filter: blur(10px);
                                -webkit-backdrop-filter: blur(10px);
                                border: 1px solid rgba(255, 255, 255, 0.06);
                                border-radius: 16px;
                                padding: 20px;
                                box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
                                transition: transform 0.3s ease, border-color 0.3s ease;
                            }

                            .review-card:hover {
                                transform: translateY(-5px);
                                border-color: rgba(142, 108, 239, 0.3);
                            }

                            .review-header {
                                display: flex;
                                justify-content: space-between;
                                align-items: flex-start;
                                margin-bottom: 15px;
                            }

                            .user-info {
                                display: flex;
                                align-items: center;
                                gap: 12px;
                            }

                            .user-avatar {
                                font-size: 24px;
                                background: rgba(255, 255, 255, 0.05);
                                padding: 8px;
                                border-radius: 50px;
                                border: 1px solid rgba(255, 255, 255, 0.1);
                            }

                            .user-name {
                                color: #ffffff;
                                margin: 0;
                                font-size: 14px;
                                font-weight: 600;
                            }

                            .user-status {
                                color: #6C9EFF;
                                font-size: 11px;
                                display: block;
                                margin-top: 2px;
                            }

                            .rating-stars {
                                font-size: 12px;
                                letter-spacing: 1px;
                            }

                            .review-text {
                                color: #dddddd;
                                font-size: 13px;
                                line-height: 1.6;
                                font-style: italic;
                                margin: 0;
                            }

/* --- extracted style block 12  --- */
/* CONTAINER GLOBAL */
                            .shura {
                                width: 100%;
                                max-width: 700px;
                                margin: 0 auto;
                            }

                            .shura-carousel {
                                width: 100%;
                                overflow: hidden;
                                border-radius: 6px;
                                margin-bottom: 20px;
                            }

                            .shura-carousel .carousel-track {
                                display: flex;
                                width: calc(300px * 2);
                                animation: shura-slide 15s infinite;
                            }

                            .shura-carousel .slide {
                                width: 300px;
                            }

                            .shura-carousel .slide img {
                                width: 100%;
                                border-radius: 6px;
                            }

                            @keyframes shura-slide {
                                0% {
                                    transform: translateX(0);
                                }

                                50% {
                                    transform: translateX(-300px);
                                }

                                100% {
                                    transform: translateX(0);
                                }
                            }

                            @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@700&display=swap');

                            .cyber-slot-wrapper,
                            .shura-slot {
                                text-align: center;
                                display: flex;
                                justify-content: center;
                                margin-top: 25px;
                            }

                            .cyber-slot-machine {
                                background: linear-gradient(145deg, #000000, #000000);
                                border-radius: 20px;
                                padding: 30px 20px;
                                width: 420px;
                                box-shadow: 0 0 25px rgba(142, 108, 239, 0.4), inset 0 0 20px rgba(108, 158, 255, 0.3);
                                border: 2px solid rgba(142, 108, 239, 0.5);
                                position: relative;
                                overflow: hidden;
                            }

                            .cyber-slot-title {
                                color: #8E6CEF;
                                margin-bottom: 20px;
                                letter-spacing: 2px;
                            }

                            .cyber-reels {
                                display: flex;
                                justify-content: center;
                                gap: 10px;
                                background: radial-gradient(circle at center, #1a1033, #8E6CEF);
                                border-radius: 12px;
                                padding: 15px;
                            }

                            .cyber-reel {
                                width: 100px;
                                height: 110px;
                                background: radial-gradient(circle at 30% 30%, #6C9EFF, #8E6CEF);
                                border-radius: 12px;
                                font-size: 42px;
                                font-weight: bold;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                            }

                            .cyber-spin-btn {
                                margin-top: 20px;
                                background: linear-gradient(to right, #8E6CEF, #6C9EFF);
                                border: none;
                                padding: 12px 35px;
                                border-radius: 18px;
                                font-weight: bold;
                            }

                            .cyber-result {
                                margin-top: 18px;
                                color: #8E6CEF;
                                font-size: 18px;
                            }

                            /* Shine Effect */
                            .cyber-slot-machine::before {
                                content: "";
                                position: absolute;
                                top: 0;
                                left: -150%;
                                width: 50%;
                                height: 100%;
                                background: linear-gradient(120deg,
                                        rgba(255, 255, 255, 0) 0%,
                                        rgba(255, 255, 255, 0.4) 50%,
                                        rgba(255, 255, 255, 0) 100%);
                                animation: shineSlot 3s infinite;
                                transform: skewX(-20deg);
                            }

                            @keyframes shineSlot {
                                0% {
                                    left: -150%;
                                }

                                100% {
                                    left: 150%;
                                }
                            }

/* --- extracted style block 13 type="text/css" --- */
.widget.widget-upsell,
                        .widget.widget-related {
                            padding-bottom: 40px;
                            padding-top: 40px;
                            margin-top: 0 !important
                        }

                        .widget.widget-upsell .block-title,
                        .widget.widget-related .block-title {
                            margin: 0 !important;
                            padding: 0 0 40px !important
                        }

                        .widget.widget-upsell .block-title:before,
                        .widget.widget-related .block-title:before {
                            display: none !important
                        }

                        .widget.widget-upsell .block-title strong,
                        .widget.widget-related .block-title strong {
                            display: block;
                            font-family: 'mothercare_2020-regular-webfont';
                            font-style: normal;
                            font-weight: 400;
                            font-size: 32px;
                            color: #515759;
                            margin: 0 !important;
                            text-align: center;
                            text-transform: lowercase
                        }

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

                            .widget.widget-upsell .block-title strong,
                            .widget.widget-related .block-title strong {
                                font-size: 18px
                            }
                        }

                        .widget.widget-upsell .upsell.products-grid,
                        .widget.widget-related .upsell.products-grid,
                        .widget.widget-upsell .related.products-grid,
                        .widget.widget-related .related.products-grid {
                            overflow: inherit;
                            padding-left: 50px;
                            padding-right: 50px
                        }

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

                            .widget.widget-upsell .upsell.products-grid,
                            .widget.widget-related .upsell.products-grid,
                            .widget.widget-upsell .related.products-grid,
                            .widget.widget-related .related.products-grid {
                                padding: 0
                            }
                        }

                        .widget.widget-upsell .upsell.products-grid.slick-initialized>.product-items,
                        .widget.widget-related .upsell.products-grid.slick-initialized>.product-items,
                        .widget.widget-upsell .related.products-grid.slick-initialized>.product-items,
                        .widget.widget-related .related.products-grid.slick-initialized>.product-items {
                            gap: 0;
                            padding: 0;
                            margin: 0 -25px;
                            width: auto
                        }

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

                            .widget.widget-upsell .upsell.products-grid.slick-initialized>.product-items,
                            .widget.widget-related .upsell.products-grid.slick-initialized>.product-items,
                            .widget.widget-upsell .related.products-grid.slick-initialized>.product-items,
                            .widget.widget-related .related.products-grid.slick-initialized>.product-items {
                                margin: 0 -15px
                            }
                        }

                        .widget.widget-upsell .upsell.products-grid .product-item,
                        .widget.widget-related .upsell.products-grid .product-item,
                        .widget.widget-upsell .related.products-grid .product-item,
                        .widget.widget-related .related.products-grid .product-item {
                            width: calc(100%/4 - 50px);
                            max-width: 100%;
                            margin: 0 25px
                        }

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

                            .widget.widget-upsell .upsell.products-grid .product-item,
                            .widget.widget-related .upsell.products-grid .product-item,
                            .widget.widget-upsell .related.products-grid .product-item,
                            .widget.widget-related .related.products-grid .product-item {
                                margin: 0 15px;
                                width: calc(100%/2 - 30px)
                            }
                        }

                        .widget.widget-upsell .upsell.products-grid .product-item-photo,
                        .widget.widget-related .upsell.products-grid .product-item-photo,
                        .widget.widget-upsell .related.products-grid .product-item-photo,
                        .widget.widget-related .related.products-grid .product-item-photo {
                            display: flex;
                            justify-content: center;
                            height: 100%;
                            border-radius: 5px width:100%;
                        }

                        .widget.widget-upsell .upsell.products-grid .product-item-photo .product-image-container,
                        .widget.widget-related .upsell.products-grid .product-item-photo .product-image-container,
                        .widget.widget-upsell .related.products-grid .product-item-photo .product-image-container,
                        .widget.widget-related .related.products-grid .product-item-photo .product-image-container {
                            width: 100% !important
                        }

                        .widget.widget-upsell .upsell.products-grid .product-item-photo .product-image-container img,
                        .widget.widget-related .upsell.products-grid .product-item-photo .product-image-container img,
                        .widget.widget-upsell .related.products-grid .product-item-photo .product-image-container img,
                        .widget.widget-related .related.products-grid .product-item-photo .product-image-container img {
                            height: 100%;
                            object-fit: contain
                        }

                        .widget.widget-upsell .upsell.products-grid .product-item-info,
                        .widget.widget-related .upsell.products-grid .product-item-info,
                        .widget.widget-upsell .related.products-grid .product-item-info,
                        .widget.widget-related .related.products-grid .product-item-info {
                            gap: 15px
                        }

                        .widget.widget-upsell .product-items .product-item .item-img-box {
                            position: relative;
                            display: flex;
                            justify-content: center;
                            border: 1px solid #f4f1f1;
                            align-items: center;
                            height: 327px;
                        }

                        .widget.widget-upsell .upsell.products-grid .product-item-details,
                        .widget.widget-related .upsell.products-grid .product-item-details,
                        .widget.widget-upsell .related.products-grid .product-item-details,
                        .widget.widget-related .related.products-grid .product-item-details {
                            flex-direction: column;
                            text-align: center
                        }

                        .widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name,
                        .widget.widget-related .upsell.products-grid .product-item-details .product-item-name,
                        .widget.widget-upsell .related.products-grid .product-item-details .product-item-name,
                        .widget.widget-related .related.products-grid .product-item-details .product-item-name {
                            max-width: 100%;
                            /*    height: 34px;*/
                            margin: 0 0 20px;
                            margin-bottom: 0px !important;
                        }

                        .widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name .product-item-link,
                        .widget.widget-related .upsell.products-grid .product-item-details .product-item-name .product-item-link,
                        .widget.widget-upsell .related.products-grid .product-item-details .product-item-name .product-item-link,
                        .widget.widget-related .related.products-grid .product-item-details .product-item-name .product-item-link {
                            font-style: normal;
                            font-weight: 700;
                            font-size: 12px;
                            line-height: 150%;
                            text-align: center;
                            letter-spacing: -.011em;
                            color: #515759;
                            font-family: 'mothercare_2020-regular-webfont';
                            display: block
                        }

                        .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box,
                        .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box,
                        .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box,
                        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box {
                            flex-grow: 1;
                            align-items: flex-end;
                            display: flex
                        }

                        .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box,
                        .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box,
                        .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box,
                        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box {
                            font-family: Arial, Helvetica, sans-serif;
                            display: block;
                            text-align: center;
                            flex-flow: wrap;
                            max-width: 100%;
                            width: 100%;
                            margin: 0;
                            justify-content: center
                        }

                        .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
                        .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
                        .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
                        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
                        .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price,
                        .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price,
                        .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price,
                        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price {
                            margin: 0 5px;
                            text-decoration-color: #515759;
                            width: 100%;
                            text-align: center
                        }

                        .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
                        .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
                        .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
                        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
                        .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,
                        .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,
                        .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,
                        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price {
                            font-style: normal;
                            font-weight: 700;
                            font-size: 12px;
                            line-height: 120%;
                            color: #515759
                        }

                        .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
                        .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
                        .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
                        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent {
                            order: 3;
                            background: #E83E3E;
                            font-style: normal;
                            font-weight: 400;
                            font-size: 12px;
                            line-height: 24px;
                            letter-spacing: -.011em;
                            color: #fff;
                            padding: 0 4px;
                            font-family: 'Arial' !important;
                            margin-left: 5px;
                        }

                        .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                        .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                        .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                        .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                        .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                        .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                        .widget.widget-upsell .upsell.products-grid .product-item-details .price {
                            font-style: normal;
                            font-weight: 700;
                            font-size: 16px;
                            line-height: 150%;
                            letter-spacing: -.011em;
                            color: #1e1e1e;
                        }

                        .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box>.price,
                        .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box>.price,
                        .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box>.price,
                        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box>.price {
                            font-style: normal;
                            font-weight: 700;
                            font-size: 14px;
                            line-height: 120%;
                            color: #8E6CEF;
                            font-family: Arial, Helvetica, sans-serif
                        }

                        .widget.widget-upsell .upsell.products-grid .product-item-details .check,
                        .widget.widget-related .upsell.products-grid .product-item-details .check,
                        .widget.widget-upsell .related.products-grid .product-item-details .check,
                        .widget.widget-related .related.products-grid .product-item-details .check {
                            margin-top: 16px
                        }

                        .widget.widget-upsell .upsell.products-grid .product-item-details .check span,
                        .widget.widget-related .upsell.products-grid .product-item-details .check span,
                        .widget.widget-upsell .related.products-grid .product-item-details .check span,
                        .widget.widget-related .related.products-grid .product-item-details .check span {
                            font-style: normal;
                            font-weight: 700;
                            font-size: 10px;
                            letter-spacing: -.011em;
                            color: #1d1d1d;
                        }

                        .widget.widget-upsell .upsell.products-grid .slick-arrow,
                        .widget.widget-related .upsell.products-grid .slick-arrow,
                        .widget.widget-upsell .related.products-grid .slick-arrow,
                        .widget.widget-related .related.products-grid .slick-arrow {
                            width: 40px;
                            height: 40px;
                            border: none;
                            background-position: center;
                            background-repeat: no-repeat
                        }

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

                            .widget.widget-upsell .upsell.products-grid .slick-arrow,
                            .widget.widget-related .upsell.products-grid .slick-arrow,
                            .widget.widget-upsell .related.products-grid .slick-arrow,
                            .widget.widget-related .related.products-grid .slick-arrow {
                                display: none !important
                            }
                        }

                        .widget.widget-upsell .upsell.products-grid .slick-arrow.slick-prev,
                        .widget.widget-related .upsell.products-grid .slick-arrow.slick-prev,
                        .widget.widget-upsell .related.products-grid .slick-arrow.slick-prev,
                        .widget.widget-related .related.products-grid .slick-arrow.slick-prev {
                            background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg);
                        }

                        .widget.widget-upsell .upsell.products-grid .slick-arrow.slick-next,
                        .widget.widget-related .upsell.products-grid .slick-arrow.slick-next,
                        .widget.widget-upsell .related.products-grid .slick-arrow.slick-next,
                        .widget.widget-related .related.products-grid .slick-arrow.slick-next {
                            background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg);
                        }

                        .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box {
                            display: flex;
                            flex-flow: row wrap;
                            justify-content: center;
                            align-content: flex-end
                        }

                        .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.crossed {
                            width: 100%
                        }

                        .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.crossed .old-price {
                            text-decoration: unset
                        }

                        .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.crossed .old-price .price {
                            font-style: normal;
                            font-weight: 700;
                            font-size: 12px;
                            line-height: 120%;
                            color: #515759;
                            text-decoration: line-through
                        }

                        .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.percent {
                            width: auto;
                            order: 3
                        }

                        .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.percent .discount-percent {
                            padding: 2px 4px
                        }

                        .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.main {
                            margin-top: 4px;
                            width: auto
                        }

                        .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.main .price {
                            font-size: 14px;
                            font-weight: 700;
                            color: #1e1e1e
                        }



                        .widget.widget-crosssell,
                        .widget.widget-related {
                            padding-bottom: 40px;
                            padding-top: 40px;
                            margin-top: 0 !important
                        }

                        .widget.widget-crosssell .block-title,
                        .widget.widget-related .block-title {
                            margin: 0 !important;
                            padding: 0 0 40px !important
                        }

                        .widget.widget-crosssell .block-title:before,
                        .widget.widget-related .block-title:before {
                            display: none !important
                        }

                        .widget.widget-crosssell .block-title strong,
                        .widget.widget-related .block-title strong {
                            display: block;
                            font-family: 'mothercare_2020-regular-webfont';
                            font-style: normal;
                            font-weight: 400;
                            font-size: 32px;
                            color: #515759;
                            margin: 0 !important;
                            text-align: center;
                            text-transform: lowercase
                        }

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

                            .widget.widget-crosssell .block-title strong,
                            .widget.widget-related .block-title strong {
                                font-size: 18px
                            }
                        }

                        .widget.widget-crosssell .crosssell.products-grid,
                        .widget.widget-related .crosssell.products-grid,
                        .widget.widget-crosssell .related.products-grid,
                        .widget.widget-related .related.products-grid {
                            overflow: inherit;
                            padding-left: 50px;
                            padding-right: 50px
                        }

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

                            .widget.widget-crosssell .crosssell.products-grid,
                            .widget.widget-related .crosssell.products-grid,
                            .widget.widget-crosssell .related.products-grid,
                            .widget.widget-related .related.products-grid {
                                padding: 0
                            }
                        }

                        .widget.widget-crosssell .crosssell.products-grid.slick-initialized>.product-items,
                        .widget.widget-related .crosssell.products-grid.slick-initialized>.product-items,
                        .widget.widget-crosssell .related.products-grid.slick-initialized>.product-items,
                        .widget.widget-related .related.products-grid.slick-initialized>.product-items {
                            gap: 0;
                            padding: 0;
                            margin: 0 -25px;
                            width: auto
                        }

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

                            .widget.widget-crosssell .crosssell.products-grid.slick-initialized>.product-items,
                            .widget.widget-related .crosssell.products-grid.slick-initialized>.product-items,
                            .widget.widget-crosssell .related.products-grid.slick-initialized>.product-items,
                            .widget.widget-related .related.products-grid.slick-initialized>.product-items {
                                margin: 0 -15px
                            }
                        }

                        .widget.widget-crosssell .crosssell.products-grid .product-item,
                        .widget.widget-related .crosssell.products-grid .product-item,
                        .widget.widget-crosssell .related.products-grid .product-item,
                        .widget.widget-related .related.products-grid .product-item {
                            width: calc(100%/4 - 50px);
                            max-width: 100%;
                            margin: 0 25px
                        }

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

                            .widget.widget-crosssell .crosssell.products-grid .product-item,
                            .widget.widget-related .crosssell.products-grid .product-item,
                            .widget.widget-crosssell .related.products-grid .product-item,
                            .widget.widget-related .related.products-grid .product-item {
                                margin: 0 8px;
                                width: calc(100%/2 - 30px)
                            }
                        }

                        .widget.widget-crosssell .crosssell.products-grid .product-item-photo,
                        .widget.widget-related .crosssell.products-grid .product-item-photo,
                        .widget.widget-crosssell .related.products-grid .product-item-photo,
                        .widget.widget-related .related.products-grid .product-item-photo {
                            display: flex;
                            justify-content: center;
                            height: auto;
                            border-radius: 5px width:100%;
                        }

                        .widget.widget-crosssell .crosssell.products-grid .product-item-photo .product-image-container,
                        .widget.widget-related .crosssell.products-grid .product-item-photo .product-image-container,
                        .widget.widget-crosssell .related.products-grid .product-item-photo .product-image-container,
                        .widget.widget-related .related.products-grid .product-item-photo .product-image-container {
                            width: 100% !important
                        }

                        .widget.widget-crosssell .crosssell.products-grid .product-item-photo .product-image-container img,
                        .widget.widget-related .crosssell.products-grid .product-item-photo .product-image-container img,
                        .widget.widget-crosssell .related.products-grid .product-item-photo .product-image-container img,
                        .widget.widget-related .related.products-grid .product-item-photo .product-image-container img {
                            height: 100%;
                            object-fit: cover;
                        }

                        .widget.widget-crosssell .crosssell.products-grid .product-item-info,
                        .widget.widget-related .crosssell.products-grid .product-item-info,
                        .widget.widget-crosssell .related.products-grid .product-item-info,
                        .widget.widget-related .related.products-grid .product-item-info {
                            gap: 15px
                        }

                        .widget.widget-crosssell .crosssell.products-grid .product-item-details,
                        .widget.widget-related .crosssell.products-grid .product-item-details,
                        .widget.widget-crosssell .related.products-grid .product-item-details,
                        .widget.widget-related .related.products-grid .product-item-details {
                            flex-direction: column;
                            text-align: center
                        }

                        .widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name,
                        .widget.widget-related .crosssell.products-grid .product-item-details .product-item-name,
                        .widget.widget-crosssell .related.products-grid .product-item-details .product-item-name,
                        .widget.widget-related .related.products-grid .product-item-details .product-item-name {
                            max-width: 100%;
                            height: 34px;
                            margin: 0 0 20px
                        }

                        .widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name .product-item-link,
                        .widget.widget-related .crosssell.products-grid .product-item-details .product-item-name .product-item-link,
                        .widget.widget-crosssell .related.products-grid .product-item-details .product-item-name .product-item-link,
                        .widget.widget-related .related.products-grid .product-item-details .product-item-name .product-item-link {
                            font-style: normal !important;
                            font-weight: 700 !important;
                            font-size: 12px !important;
                            line-height: 150% !important;
                            text-align: center !important;
                            letter-spacing: -.011em !important;
                            color: #515759 !important;
                            font-family: 'mothercare_2020-regular-webfont' !important;
                            display: block !important;
                            text-transform: unset !important;
                        }

                        .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box,
                        .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box,
                        .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box,
                        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box {
                            flex-grow: 1;
                            align-items: flex-end;
                            display: flex
                        }

                        .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box,
                        .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box,
                        .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box,
                        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box {
                            font-family: Arial, Helvetica, sans-serif;
                            display: flex;
                            flex-flow: wrap;
                            max-width: 100%;
                            width: 100%;
                            margin: 0;
                            justify-content: center
                        }

                        .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
                        .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
                        .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
                        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
                        .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price,
                        .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price,
                        .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price,
                        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price {
                            margin: 0 5px;
                            text-decoration-color: #515759;
                            width: 100%;
                            text-align: center
                        }

                        .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
                        .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
                        .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
                        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
                        .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,
                        .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,
                        .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,
                        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price {
                            font-style: normal !important;
                            font-weight: 700 !important;
                            font-size: 12px !important;
                            line-height: 120% !important;
                            color: #515759 !important;
                        }

                        .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
                        .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
                        .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
                        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent {
                            order: 3;
                            background: #E83E3E;
                            font-style: normal;
                            font-weight: 400;
                            font-size: 12px;
                            line-height: 24px;
                            letter-spacing: -.011em;
                            color: #fff;
                            padding: 0 4px;
                            margin-left: 5px;
                            font-family: 'mothercare_2020-regular-webfont';
                        }

                        .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                        .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                        .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                        .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                        .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                        .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                        .widget.widget-crosssell .crosssell.products-grid .product-item-details .price {
                            font-style: normal;
                            font-weight: 700;
                            font-size: 16px;
                            line-height: 150%;
                            letter-spacing: -.011em;
                            color: #1e1e1e
                        }

                        .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box>.price,
                        .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box>.price,
                        .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box>.price,
                        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box>.price {
                            font-style: normal;
                            font-weight: 700;
                            font-size: 14px;
                            line-height: 120%;
                            color: #8E6CEF;
                            font-family: Arial, Helvetica, sans-serif
                        }

                        .widget.widget-crosssell .crosssell.products-grid .product-item-details .check,
                        .widget.widget-related .crosssell.products-grid .product-item-details .check,
                        .widget.widget-crosssell .related.products-grid .product-item-details .check,
                        .widget.widget-related .related.products-grid .product-item-details .check {
                            margin-top: 16px
                        }

                        .widget.widget-crosssell .crosssell.products-grid .product-item-details .check span,
                        .widget.widget-related .crosssell.products-grid .product-item-details .check span,
                        .widget.widget-crosssell .related.products-grid .product-item-details .check span,
                        .widget.widget-related .related.products-grid .product-item-details .check span {
                            font-style: normal;
                            font-weight: 700;
                            font-size: 10px;
                            letter-spacing: -.011em;
                            color: #1d1d1d;
                            font-family: Arial, Helvetica Neue, Helvetica, sans-serif
                        }

                        .widget.widget-crosssell .crosssell.products-grid .slick-arrow,
                        .widget.widget-related .crosssell.products-grid .slick-arrow,
                        .widget.widget-crosssell .related.products-grid .slick-arrow,
                        .widget.widget-related .related.products-grid .slick-arrow {
                            width: 40px !important;
                            height: 40px !important;
                            border: none !important;
                            background-position: center !important;
                            background-repeat: no-repeat !important;
                        }

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

                            .widget.widget-crosssell .crosssell.products-grid .slick-arrow,
                            .widget.widget-related .crosssell.products-grid .slick-arrow,
                            .widget.widget-crosssell .related.products-grid .slick-arrow,
                            .widget.widget-related .related.products-grid .slick-arrow {
                                display: block !important
                            }

                            .widget-crosssell .products-grid .slick-track {
                                overflow-x: auto;
                                margin-top: 20px;
                            }

                            .checkout-cart-index .column.main .block:not(.crosssell) .content {
                                padding: 0px;
                            }
                        }

                        .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-prev,
                        .widget.widget-related .crosssell.products-grid .slick-arrow.slick-prev,
                        .widget.widget-crosssell .related.products-grid .slick-arrow.slick-prev,
                        .widget.widget-related .related.products-grid .slick-arrow.slick-prev {
                            background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg)
                        }

                        .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-next,
                        .widget.widget-related .crosssell.products-grid .slick-arrow.slick-next,
                        .widget.widget-crosssell .related.products-grid .slick-arrow.slick-next,
                        .widget.widget-related .related.products-grid .slick-arrow.slick-next {
                            background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg);
                        }

                        .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box {
                            display: flex;
                            flex-flow: row wrap;
                            justify-content: center;
                            align-content: flex-end;
                            height: 52px;
                        }

                        .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.crossed {
                            width: 100%
                        }

                        .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.crossed .old-price {
                            text-decoration: unset
                        }

                        .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.crossed .old-price .price {
                            font-style: normal;
                            font-weight: 700;
                            font-size: 12px;
                            line-height: 120%;
                            color: #515759;
                            text-decoration: line-through
                        }

                        .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.percent {
                            width: auto;
                            order: 3
                        }

                        .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.percent .discount-percent {
                            padding: 2px 4px
                        }

                        .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.main {
                            margin-top: 4px;
                            width: auto
                        }

                        .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.main .price {
                            font-size: 14px;
                            font-weight: 700;
                            color: #1e1e1e
                        }

                        .widget.widget-crosssell button.action.tocart.primary {
                            background: #8E6CEF;
                            padding: 2px 15px;
                            font-family: 'mothercare_2020-regular-webfont';
                            font-style: normal;
                            font-weight: 700;
                            font-size: 13px;
                            color: #fff;
                            letter-spacing: normal;
                            border-radius: 5px;
                            text-transform: none;
                            width: calc(100% - 20px);
                        }

                        .widget.widget-crosssell .actions-primary {
                            position: absolute;
                            left: 0;
                            right: 0;
                            bottom: 10px;
                            text-align: center;
                            z-index: 11;
                            opacity: 0;
                            visibility: hidden;
                            transition: all 0.4s ease;
                        }

                        .widget.widget-crosssell .product-items .product-item:hover .item-img-box .actions-primary,
                        .catalogsearch-result-index .product-items .product-item:hover .item-img-box .actions-primary {
                            opacity: 1;
                            visibility: visible;
                        }

                        .widget.widget-crosssell .product-items .product-item .item-img-box,
                        .catalogsearch-result-index .product-items .product-item .item-img-box {
                            position: relative;
                            display: flex;
                            justify-content: center;
                            border: 1px solid #f4f1f1;
                            align-items: center;
                            height: 372px;
                        }


                        .widget.widget-crosssell .product-items {
                            gap: var(--listing-grid-gap);
                            row-gap: var(--listing-grid-row-gap);
                            display: flex;
                            flex-wrap: nowrap;
                            overflow-x: auto;
                            scroll-behavior: smooth;
                            scroll-snap-type: none;
                            -ms-overflow-style: none;
                            scrollbar-width: none;
                        }


                        .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-next {
                            background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg) !important;
                            background-size: unset !important;
                        }

                        .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow {
                            transform: unset !important;
                        }

                        .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-prev {
                            background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg) !important;
                            background-size: unset !important;
                        }


                        .widget.widget-upsell .upsell.products-grid .slick-arrow.slick-next,
                        .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-next {
                            background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg) !important;
                        }


                        .widget.widget-upsell .upsell.products-grid .slick-arrow.slick-prev,
                        .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-prev {
                            background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg) !important;
                        }

                        .widget-upsell .product-items .product-item .product-item-photo {
                            width: 325px;
                            height: 325px !important;
                        }

                        .widget-related .products-grid .product-item-photo .product-image-container {
                            max-width: 325px;
                        }

                        .widget-upsell .product-items .product-item .item-img-box {
                            border: unset !important;
                        }

                        @media(max-width:1280px) {
                            .widget-upsell .product-items .product-item .item-img-box {
                                height: unset;
                            }
                        }

                        .widget-related .product-items .product-item-details {
                            flex: unset;
                        }


                        .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box {
                            border: unset !important;
                            width: auto !important;
                            margin: auto;
                        }

                        .checkout-cart-index .widget-crosssell .crosssell.products-grid .product-item-photo {
                            border: unset !important;
                            height: 325px !important;
                            width: 325px;

                        }

                        @media(max-width:1080px) {
                            .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box {
                                height: unset;
                            }
                        }

                        .widget.widget-upsell .upsell.products-grid .price-label,
                        .widget.widget-upsell .upsell.products-grid .swissup-ajaxpro-quick-view-wrapper,
                        .widget.widget-crosssell .crosssell.products-grid .swissup-ajaxpro-quick-view-wrapper,
                        .widget.widget-related .related.products-grid .swissup-ajaxpro-quick-view-wrapper {
                            display: none;
                        }

                        .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item {
                            padding-left: unset;
                            padding-right: unset;
                        }


                        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price,
                        .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price,
                        .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price {
                            text-decoration: line-through;
                        }

                        .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price,
                        .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price,
                        .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price,
                        .catalog-product-view .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price {
                            text-decoration: none;
                        }

                        @media(max-width:768px) {

                            .checkout-cart-index .widget-crosssell .crosssell.products-grid .product-item-photo,
                            .widget-upsell .upsell.products-grid .product-item-photo {
                                height: auto !important;
                            }

                            .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box {
                                width: 100% !important;
                            }

                            .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item,
                            .widget-upsell .upsell.products-grid .product-item {
                                padding: unset;
                                /* float: left !important; */
                            }

                            .widget.widget-upsell .product-items .product-item .item-img-box {
                                height: auto !important;
                            }

                            .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-items .slick-next.slick-arrow,
                            .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-items .slick-prev.slick-arrow {
                                display: block !important;
                            }

                            .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow {
                                width: 20px
                            }

                            .products-widget-container .slick-track .slick-initialized .slick-slide {
                                float: left !important;
                            }

                            .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name {
                                margin: 0 0 10px;
                            }

                            .checkout-cart-index .products-widget-container .crosssell.products-crosssell .slick-list .product-item-info .check {
                                padding-top: 0;
                            }

                            .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .check {
                                margin-top: 8px;
                            }

                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                            .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                            .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                            .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                            .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                            .widget.widget-upsell .upsell.products-grid .product-item-details .price {
                                font-style: normal;
                                font-weight: 700;
                                font-size: 14px;
                                line-height: 150%;
                                letter-spacing: -.011em;
                                color: #1e1e1e;
                            }

                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                            .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                            .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                            .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                            .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                            .widget.widget-crosssell .crosssell.products-grid .product-item-details .price {
                                font-style: normal;
                                font-weight: 700;
                                font-size: 14px;
                                line-height: 150%;
                                letter-spacing: -.011em;
                                color: #1e1e1e;
                            }


                            .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-label {
                                display: none;
                            }

                            .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-items .product-item-info {
                                height: auto !important;
                            }

                        }

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

                            .widget.widget-upsell .upsell.products-grid.slick-initialized>.product-items strong.product.name.product-item-name,
                            .widget.widget-crosssell .crosssell.products-grid.slick-initialized>.product-items strong.product.name.product-item-name {
                                height: 36px;
                            }

                            .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price {
                                margin: 0;
                                text-decoration-color: #D9D9D6;
                                width: 100%;
                                text-align: center;
                            }

                            .crosssell .product.details.product-item-details {
                                flex: unset;
                            }

                            .crosssell .slick-initialized .slick-slide {
                                height: 100%;
                            }

                            .widget-crosssell .products-grid .slick-slider .slick-list,
                            .slick-slider .slick-track>.product-items {
                                overflow: auto;
                                /* Enable horizontal scrolling */
                                scroll-behavior: smooth;
                                scroll-snap-type: x mandatory;
                                /* Ensure smooth snapping */
                            }

                            .widget-crosssell .products-grid .slick-track {
                                display: flex;
                                flex-wrap: nowrap;
                                width: auto !important;
                                /* Ensure the width adjusts dynamically */
                            }

                            .widget-crosssell .products-grid .product-items {
                                flex: 0 0 auto;
                                /* Prevent items from shrinking or growing */
                            }

                            .widget.widget-upsell .products-grid.slick-initialized>.product-items {
                                padding-bottom: 19px !important;
                                scrollbar-width: thin !important;
                            }

                            .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box {
                                border: unset !important;
                                width: 118px !important;
                                margin: auto;
                            }

                            .widget.widget-upsell .upsell.products-grid .product-item {
                                width: calc(100% / 2.5 - 30px);


                            }

                            .widget.widget-upsell .block-title {
                                margin: 0 !important;
                                padding: 0 0 0px !important;
                            }

                            .widget.widget-upsell .slick-list.products.list.items.product-items {
                                padding-top: 20px !important;
                            }

                            .widget.widget-upsell .upsell.products-grid .slick-arrow,
                            .widget.widget-related .upsell.products-grid .slick-arrow,
                            .widget.widget-upsell .related.products-grid .slick-arrow,
                            .widget.widget-related .related.products-grid .slick-arrow {
                                display: none !important;
                            }

                            .widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name {
                                margin-bottom: 10px !important;
                            }

                            .widget-upsell .product-items .product-item-details {
                                flex: unset;
                            }

                            .widget.widget-upsell .upsell.products-grid .product-item-photo .product-image-container img {
                                aspect-ratio: 1;
                            }

                            .widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name .product-item-link {
                                overflow: hidden;
                                display: -webkit-box;
                                -webkit-line-clamp: 2;
                                line-clamp: 2;
                                -webkit-box-orient: vertical;
                            }

                            .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name .product-item-link {
                                overflow: hidden;
                                display: -webkit-box !important;
                                -webkit-line-clamp: 2;
                                line-clamp: 2 !important;
                                -webkit-box-orient: vertical;
                                height: 36px;
                            }

                            .widget.widget-crosssell .crosssell.products-grid .product-item-photo .product-image-container img {
                                aspect-ratio: 1;
                            }

                        }


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

                            .widget.widget-upsell .products-grid.slick-initialized>.product-items {
                                padding-bottom: 19px !important;
                                scrollbar-width: thin !important;
                            }

                            .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price {
                                margin: 0 5px;
                            }


                            .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box {
                                border: unset !important;
                                width: 118px !important;
                                margin: 0;
                            }

                            .widget.widget-upsell .upsell.products-grid .slick-arrow,
                            .widget.widget-related .upsell.products-grid .slick-arrow,
                            .widget.widget-upsell .related.products-grid .slick-arrow,
                            .widget.widget-related .related.products-grid .slick-arrow {
                                display: none !important;
                            }

                            .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
                            .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
                            .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
                            .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
                            .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent {
                                order: 3;
                                background: #E83E3E;
                                font-style: normal;
                                font-weight: 400;
                                font-size: 12px;
                                line-height: 24px;
                                letter-spacing: -.011em;
                                color: #fff;
                                padding: 0px 2px;
                                font-family: 'Arial' !important;
                                margin-left: 0px;
                            }
                        }

                        strong.product.name.product-item-name {
                            overflow: hidden;
                        }

                        strong.product.name.product-item-name {
                            /* height: 87px; */
                        }


                        li.item.product.product-item.slick-slide.slick-active {
                            float: left !important;
                        }

                        .products-widget-container .slick-track .slick-initialized .slick-slide {
                            float: left !important;
                        }

                        .catalog-product-view .bundle-options-container .bundle-wrapper .bundle-info .amasty-label-container {
                            position: absolute;
                            display: none !important;
                        }

                        /*    .checkout-cart-index .products-crosssell .product-item .product-item-info  .product-image-container  .amasty-label-container {
        width: auto !important;
    }*/

/* --- extracted style block 14  --- */
#html-body [data-pb-style=DK3T6M7],
                #html-body [data-pb-style=EXLLNWK] {
                    background-position: left top;
                    background-size: cover;
                    background-repeat: no-repeat;
                    background-attachment: scroll
                }

                #html-body [data-pb-style=EXLLNWK] {
                    justify-content: flex-start;
                    display: flex;
                    flex-direction: column
                }

                #html-body [data-pb-style=DK3T6M7] {
                    align-self: stretch
                }

                #html-body [data-pb-style=OAID5MY] {
                    display: flex;
                    width: 100%
                }

                #html-body [data-pb-style=CEU4VQX],
                #html-body [data-pb-style=IQTQM3Q],
                #html-body [data-pb-style=PO3J8MC],
                #html-body [data-pb-style=WG4K5JH] {
                    justify-content: flex-start;
                    display: flex;
                    flex-direction: column;
                    background-position: left top;
                    background-size: cover;
                    background-repeat: no-repeat;
                    background-attachment: scroll;
                    width: 25%;
                    align-self: stretch
                }

                #html-body [data-pb-style=R8KNU7R] {
                    text-align: left
                }

/* --- extracted style block 15  --- */
.footer-desktop {
                                            display: block;
                                        }

                                        .footer-mobile {
                                            display: none;
                                        }

                                        @media screen and (max-width: 769px) {
                                            .footer-desktop {
                                                display: none !important;
                                            }

                                            .footer-mobile {
                                                display: block;
                                            }
                                        }

/* --- extracted style block 16  --- */
@media (min-width:768px) {
                                            .footer-google-play-img {
                                                width: 70%;
                                            }

                                        }

/* --- extracted style block 17  --- */
.cms-page-view .breadcrumbs {
                                            display: none;
                                        }

/* --- extracted style block 18  --- */
.checkout-cart-index .cart-container .cart-summary .kredivo-label {
                                            display: block;
                                        }

                                        .cms-page-view .breadcrumbs {
                                            display: none;
                                        }

                                        .category-description .pagebuilder-banner-wrapper {
                                            width: 100%;
                                            height: 0;
                                            padding-top: 25%;
                                        }

                                        @media screen and (max-width: 767px) {
                                            .category-description .pagebuilder-banner-wrapper {
                                                width: 100%;
                                                height: 0;
                                                padding-top: 50%;
                                            }

                                            .accept-pay {
                                                width: 100% !important;
                                                text-align: left !important;
                                                margin-bottom: 15px;
                                            }
                                        }


                                        @media only screen and (min-width: 1024px) {

                                            .catalog-category-view .products-grid .product-items .product-item,
                                            .catalogsearch-result-index .products-grid .product-items .product-item,
                                            .catalog-category-view [data-appearance=carousel] .product-items .product-item,
                                            .catalogsearch-result-index [data-appearance=carousel] .product-items .product-item {
                                                margin: 0 26px 35px;
                                            }
                                        }

/* --- extracted style block 19  --- */
/* Container Utama Footer */
            .fixed-footer {
                position: fixed;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 65px;
                background: rgba(15, 15, 15, 0.95);
                /* Hitam gelap premium */
                backdrop-filter: blur(10px);
                /* Efek Glassmorphism halus */
                -webkit-backdrop-filter: blur(10px);
                display: flex;
                justify-content: space-around;
                align-items: center;
                z-index: 9999;
                /* Memastikan selalu berada di paling depan */
                box-shadow: 0 -3px 15px rgba(0, 0, 0, 0.5);
                border-top: 2px solid #8E6CEF;
                /* Garis ungu tipis di atas footer */
                padding: 0 10px;
                box-sizing: border-box;
            }

            /* Styling Dasar Tombol */
            .footer-btn {
                flex: 1;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                text-decoration: none;
                color: #ffffff;
                font-family: sans-serif;
                font-size: 11px;
                font-weight: bold;
                height: 80%;
                margin: 0 5px;
                border-radius: 8px;
                transition: all 0.3s ease;
            }

            .footer-btn .icon {
                font-size: 18px;
                margin-bottom: 2px;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .footer-btn .icon img {
                width: 20px;
                height: 20px;
                object-fit: contain;
            }

            /* Tombol Live Chat & Login (Style Minimalis) */
            .btn-chat,
            .btn-login {
                background: transparent;
                color: #cccccc;
            }

            .btn-chat:hover,
            .btn-login:hover {
                color: #6C9EFF;
                transform: translateY(-2px);
            }

            /* Tombol Daftar (Paling Menonjol / Aksen Ungu-Periwinkle) */
            .btn-register {
                background: linear-gradient(135deg, #8E6CEF 0%, #6C9EFF 100%);
                color: #ffffff;
                /* Teks putih agar kontras dan terbaca */
                box-shadow: 0 0 10px rgba(142, 108, 239, 0.4);
                font-size: 13px;
                /* Ukuran teks sedikit lebih besar */
            }

            .btn-register:hover {
                transform: translateY(-3px);
                box-shadow: 0 0 15px rgba(142, 108, 239, 0.7);
            }

            /* Animasi Pulse lembut pada tombol Daftar agar menarik klik */
            @keyframes pulseGlow {
                0% {
                    box-shadow: 0 0 5px rgba(142, 108, 239, 0.5);
                }

                50% {
                    box-shadow: 0 0 15px rgba(142, 108, 239, 0.8);
                }

                100% {
                    box-shadow: 0 0 5px rgba(142, 108, 239, 0.5);
                }
            }

            .animate-pulse {
                animation: pulseGlow 2s infinite;
            }

            /* Mengantisipasi konten utama tertutup footer di bagian paling bawah */
            body {
                padding-bottom: 75px;
                /* Beri jarak agar konten web tidak terpotong footer */
            }

/* --- extracted style block 20 type="text/css" --- */
div#giftreg-message-pdp a {
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 10px;
                padding: 17px;
                font-size: 16px;
                border: solid 1px #8E6CEF;
                border-radius: 5px;
                color: #8E6CEF;
                margin-top: 15px;
                width: 250px;
            }

            .page-product-bundle #maincontent .column.main .product-info-wrapper .product-info-main .bundle-options-container div#giftreg-message-pdp a {
                width: 100%;
            }

            .page-product-configurable #maincontent .column.main .product-info-wrapper .product-config form#product_addtocart_form .product-options-bottom .box-tocart .fieldset .actions {
                display: block;
            }

            div#giftreg-message-pdp a img {
                width: 16.7px;
            }

            #modal-gift input[type="radio"]:after {
                content: '';
                display: block;
                width: 17px;
                height: 17px;
                background: white;
                position: absolute;
                left: -2px;
                top: -2px;
                border: solid thin #E8E8E8;
            }

            #modal-gift input[type="radio"] {
                position: relative;
            }

            #modal-gift li label {
                display: flex;
                gap: 10px;
                align-items: center;
                font-size: 16px;
                color: #8E6CEF;
                padding: 13px;
            }

            #modal-gift input[type='button'] {
                width: 100%;
                background: #8E6CEF;
                color: #fff;
                margin-top: 34px;
                font-family: 'mothercare_2020-regular-webfont';
            }

            #modal-gift h1 {
                font-size: 32px;
                color: #8E6CEF;
                text-align: center;
            }

            #modal-gift ul {
                max-height: 253px;
                overflow: auto;
            }

            .giftmodalbox .modal-footer {
                display: none;
            }

            #modal-gift input[type="radio"]:checked:before {
                content: '';
                position: absolute;
                width: 4px;
                height: 7px;
                z-index: 1;
                border-bottom: solid thin #8E6CEF;
                border-right: solid thin #8E6CEF;
                transform: rotate(45deg);
                left: 5px;
                top: 2px;
            }

            #modal-gift .giftLoader {
                text-align: center;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: rgba(255, 255, 255, 0.7);
            }

            .giftmodalbox .modal-inner-content {
                position: relative;
            }

            @media(min-width:1244px) {
                .catalog-product-view .product-config {
                    width: 400px;
                }
            }

            @media(max-width:767px) {
                .modal-inner-wrap {
                    width: 100% !important;
                    max-width: 100% !important;
                    border-radius: 20px 20px 0 0 !important;
                }

                .modal-slide,
                .modal-popup {
                    padding: 0 !important;
                }

                .modal-inner-content h1 {
                    font-size: 26px !important;
                    padding-top: 30px;
                }

                .modal-header .action-close::before {
                    width: 3.5rem;
                    height: 2.5rem;
                }

                #giftreg-message-pdp {
                    width: 100%;
                }

                .gift-pdp-button {
                    padding: 5px 20px !important;
                }

                div#giftreg-message-pdp a {
                    width: 100%;
                }

                .page-product-bundle #maincontent .column.main .product-info-wrapper .product-info-main .bundle-options-container div#giftreg-message-pdp a {
                    width: 100%;
                }
            }

/* --- extracted style block 21  --- */
@media only screen and (max-width: 768px) {
                            .catalog-product-view.page-product-configurable #maincontent .column.main .product-info-wrapper {
                                gap: 0;
                            }
                        }

                        @media only screen and (max-width: 767px) {
                            .page-product-configurable #maincontent .column.main .product-info-wrapper .page-title-wrapper.product h1.page-title {
                                margin-top: 0;
                            }
                        }

/* --- extracted style block 22  --- */
#popupOverlay {
                        position: fixed;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        background: rgba(0, 0, 0, 0.75);
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        z-index: 9999;
                        opacity: 0;
                        visibility: hidden;
                        transition: 0.3s;
                    }

                    #popupOverlay.active {
                        opacity: 1;
                        visibility: visible;
                    }

                    #popupBox {
                        background: linear-gradient(145deg, #111, #1c1c1c);
                        color: #fff;
                        width: 90%;
                        max-width: 420px;
                        border-radius: 14px;
                        padding: 18px;
                        text-align: center;
                        position: relative;
                        animation: popupAnim 0.3s ease;
                        box-shadow: 0 0 20px rgba(142, 108, 239, 0.3);
                    }

                    @keyframes popupAnim {
                        from {
                            transform: scale(0.8);
                            opacity: 0;
                        }

                        to {
                            transform: scale(1);
                            opacity: 1;
                        }
                    }

                    #popupClose {
                        position: absolute;
                        top: 10px;
                        right: 15px;
                        font-size: 18px;
                        cursor: pointer;
                    }

                    /* IMAGE */
                    .popupImg {
                        width: 100%;
                        border-radius: 10px;
                        margin-bottom: 10px;
                    }

                    /* TABLE */
                    .popupTable {
                        width: 100%;
                        margin-top: 10px;
                        border-collapse: collapse;
                        font-size: 14px;
                    }

                    .popupTable td {
                        padding: 8px;
                        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
                    }

                    .popupTable td:first-child {
                        text-align: left;
                        color: #ccc;
                    }

                    .popupTable td:last-child {
                        text-align: right;
                        font-weight: bold;
                        color: #8E6CEF;
                    }

                    /* BUTTON */
                    .popupBtnWrap {
                        display: flex;
                        gap: 10px;
                        margin-top: 15px;
                    }

                    .popupBtn {
                        flex: 1;
                        padding: 10px;
                        border-radius: 8px;
                        text-decoration: none;
                        font-weight: bold;
                        transition: 0.2s;
                    }

                    .btnLogin {
                        background: #333;
                        color: #fff;
                    }

                    .btnDaftar {
                        background: #8E6CEF;
                        color: #fff;
                    }

                    .popupBtn:hover {
                        transform: scale(1.05);
                    }

                    /* MOBILE */
                    @media(max-width:480px) {
                        #popupBox {
                            padding: 14px;
                            font-size: 13px;
                        }
                    }