/* ===== Block 1 ===== */
#Details-popup_custom_6mTgxV-template--17605519376564__main .popup_round_border {
            display: inline-block !important;
        }

        #PopupModal-popup_custom_6mTgxV .image {
            width: 100%;
            height: auto;
            display: block;
        }

        #PopupModal-popup_custom_6mTgxV .image.desktop {
            display: none;
        }

        #PopupModal-popup_custom_6mTgxV .product-popup-modal__content {
            padding: 0 1rem;
        }

        #PopupModal-popup_custom_6mTgxV .product-popup-modal__content-info>h1.h2 {
            display: none;
        }

        @media screen and (min-width:750px) {
            #PopupModal-popup_custom_6mTgxV .product-popup-modal__content {
                width: 80%
            }

            #PopupModal-popup_custom_6mTgxV .image.desktop {
                display: block;
            }

            #PopupModal-popup_custom_6mTgxV .image.mobile {
                display: none;
            }
        }

        #PopupModal-popup_custom_6mTgxV .product-popup-modal__content-info {
            padding-right: 0;
        }

        @font-face {
            font-family: 'SF Pro Text';
            src: url("//www.istudiosg.com/cdn/shop/t/14/assets/SFProText-Regular.woff2?v=21706269404805127741742784888") format('woff2'),
                url("//www.istudiosg.com/cdn/shop/t/14/assets/SFProText-Regular.woff?v=144701899629177247781742784888") format('woff');
            font-weight: 400;
            font-style: normal;
            font-display: swap;
        }

        @font-face {
            font-family: 'SF Pro Text';
            src: url('//www.istudiosg.com/cdn/shop/t/14/assets/SFProText-Medium.woff2?v=142744590770268640871742784888') format('woff2'),
                url('//www.istudiosg.com/cdn/shop/t/14/assets/SFProText-Medium.woff?v=86846661406826704271742784889') format('woff');
            font-weight: 500;
            font-style: normal;
            font-display: swap;
        }

        @font-face {
            font-family: 'SF Pro Text';
            src: url('//www.istudiosg.com/cdn/shop/t/14/assets/SFProText-Semibold.woff2?v=31375109001105336161742784889') format('woff2'),
                url('//www.istudiosg.com/cdn/shop/t/14/assets/SFProText-Semibold.woff?v=158359377723366996921742784888') format('woff');
            font-weight: 600;
            font-style: normal;
            font-display: swap;
        }

        @font-face {
            font-family: 'SF Pro Text';
            src: url('//www.istudiosg.com/cdn/shop/t/14/assets/SFProText-Bold.woff2?v=81066619648910226671742784888') format('woff2'),
                url('//www.istudiosg.com/cdn/shop/t/14/assets/SFProText-Bold.woff?v=11034071917097156431742784889') format('woff');
            font-weight: 700;
            font-style: bold;
            font-display: swap;
        }

        @font-face {
            font-family: 'Font Awesome 6 Free';
            font-style: normal;
            font-weight: 900;
            font-display: block;
            src: url("//www.istudiosg.com/cdn/shop/t/14/assets/fa-solid-900.woff2?v=118991557498766039071742784889") format("woff2"), url("//www.istudiosg.com/cdn/shop/t/14/assets/fa-solid-900.ttf?v=11227793290438786691742784887") format("truetype");
        }

        @font-face {
            font-family: 'Font Awesome 6 Brands';
            font-style: normal;
            font-weight: 400;
            font-display: block;
            src: url("//www.istudiosg.com/cdn/shop/t/14/assets/fa-brands-400.woff2?3348") format("woff2"), url("  //www.istudiosg.com/cdn/shop/t/14/assets/fa-brands-400.ttf?3348") format("truetype");
        }

/* ===== Block 2 ===== */
@font-face {
            font-family: Assistant;
            font-weight: 400;
            font-style: normal;
            font-display: swap;
            src: url("//www.istudiosg.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2?h1=aXN0dWRpby1lbHVzaC1wcm9kdWN0aW9uLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aXN0dWRpb3NnLmNvbQ&hmac=f08b4c8dad363a51140f208e167805f634db94adbbb3544a6fbd71c32b1ebc6f") format("woff2"),
                url("//www.istudiosg.com/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff?h1=aXN0dWRpby1lbHVzaC1wcm9kdWN0aW9uLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aXN0dWRpb3NnLmNvbQ&hmac=04204526227e0d14a011b44f621eed958a37dd24ff228dec608fad5ba3714e53") format("woff");
        }

        @font-face {
            font-family: Assistant;
            font-weight: 700;
            font-style: normal;
            font-display: swap;
            src: url("//www.istudiosg.com/cdn/fonts/assistant/assistant_n7.bf44452348ec8b8efa3aa3068825305886b1c83c.woff2?h1=aXN0dWRpby1lbHVzaC1wcm9kdWN0aW9uLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aXN0dWRpb3NnLmNvbQ&hmac=3eb98cb4f0f5b11a3f34feed0aa554dd621b127bc1cbc141c68703f90e8e42d3") format("woff2"),
                url("//www.istudiosg.com/cdn/fonts/assistant/assistant_n7.0c887fee83f6b3bda822f1150b912c72da0f7b64.woff?h1=aXN0dWRpby1lbHVzaC1wcm9kdWN0aW9uLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aXN0dWRpb3NnLmNvbQ&hmac=d0e65006948e80adf21a0472f7da1fee501e61f043b62e661027b9eeb582385b") format("woff");
        }

        @font-face {
            font-family: Assistant;
            font-weight: 400;
            font-style: normal;
            font-display: swap;
            src: url("//www.istudiosg.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2?h1=aXN0dWRpby1lbHVzaC1wcm9kdWN0aW9uLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aXN0dWRpb3NnLmNvbQ&hmac=f08b4c8dad363a51140f208e167805f634db94adbbb3544a6fbd71c32b1ebc6f") format("woff2"),
                url("//www.istudiosg.com/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff?h1=aXN0dWRpby1lbHVzaC1wcm9kdWN0aW9uLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aXN0dWRpb3NnLmNvbQ&hmac=04204526227e0d14a011b44f621eed958a37dd24ff228dec608fad5ba3714e53") format("woff");
        }

        :root,
        .color-background-1 {
            --color-background: 255, 255, 255;
            --gradient-background: #ffffff;
            --color-foreground: 18, 18, 18;
            --color-shadow: 18, 18, 18;
            --color-button: 142, 108, 239;
            --color-button-text: 255, 255, 255;
            --color-secondary-button: 255, 255, 255;
            --color-secondary-button-text: 18, 18, 18;
            --color-link: 18, 18, 18;
            --color-badge-foreground: 18, 18, 18;
            --color-badge-background: 255, 255, 255;
            --color-badge-border: 18, 18, 18;
            --payment-terms-background-color: rgb(255 255 255);
        }

        .color-background-2 {
            --color-background: 243, 243, 243;
            --gradient-background: #f3f3f3;
            --color-foreground: 18, 18, 18;
            --color-shadow: 18, 18, 18;
            --color-button: 18, 18, 18;
            --color-button-text: 243, 243, 243;
            --color-secondary-button: 243, 243, 243;
            --color-secondary-button-text: 18, 18, 18;
            --color-link: 18, 18, 18;
            --color-badge-foreground: 18, 18, 18;
            --color-badge-background: 243, 243, 243;
            --color-badge-border: 18, 18, 18;
            --payment-terms-background-color: rgb(243 243 243);
        }

        .color-inverse {
            --color-background: 36, 40, 51;
            --gradient-background: #242833;
            --color-foreground: 255, 255, 255;
            --color-shadow: 18, 18, 18;
            --color-button: 255, 255, 255;
            --color-button-text: 0, 0, 0;
            --color-secondary-button: 36, 40, 51;
            --color-secondary-button-text: 255, 255, 255;
            --color-link: 255, 255, 255;
            --color-badge-foreground: 255, 255, 255;
            --color-badge-background: 36, 40, 51;
            --color-badge-border: 255, 255, 255;
            --payment-terms-background-color: rgb(36 40 51);
        }

        .color-accent-1 {
            --color-background: 18, 18, 18;
            --gradient-background: #121212;
            --color-foreground: 255, 255, 255;
            --color-shadow: 18, 18, 18;
            --color-button: 255, 255, 255;
            --color-button-text: 18, 18, 18;
            --color-secondary-button: 18, 18, 18;
            --color-secondary-button-text: 255, 255, 255;
            --color-link: 255, 255, 255;
            --color-badge-foreground: 255, 255, 255;
            --color-badge-background: 18, 18, 18;
            --color-badge-border: 255, 255, 255;
            --payment-terms-background-color: rgb(18 18 18);
        }

        .color-accent-2 {
            --color-background: 108, 158, 255;
            --gradient-background: #6C9EFF;
            --color-foreground: 255, 255, 255;
            --color-shadow: 18, 18, 18;
            --color-button: 255, 255, 255;
            --color-button-text: 108, 158, 255;
            --color-secondary-button: 108, 158, 255;
            --color-secondary-button-text: 255, 255, 255;
            --color-link: 255, 255, 255;
            --color-badge-foreground: 255, 255, 255;
            --color-badge-background: 108, 158, 255;
            --color-badge-border: 255, 255, 255;
            --payment-terms-background-color: rgb(108 158 255);
        }

        .color-scheme-ac1f97d9-2391-4261-b2e4-e6912b28bacf {
            --color-background: 0, 0, 0;
            --gradient-background: rgba(0, 0, 0, 0);
            --color-foreground: 255, 255, 255;
            --color-shadow: 18, 18, 18;
            --color-button: 142, 108, 239;
            --color-button-text: 255, 255, 255;
            --color-secondary-button: 0, 0, 0;
            --color-secondary-button-text: 18, 18, 18;
            --color-link: 18, 18, 18;
            --color-badge-foreground: 255, 255, 255;
            --color-badge-background: 0, 0, 0;
            --color-badge-border: 255, 255, 255;
            --payment-terms-background-color: rgb(0 0 0);
        }

        body,
        .color-background-1,
        .color-background-2,
        .color-inverse,
        .color-accent-1,
        .color-accent-2,
        .color-scheme-ac1f97d9-2391-4261-b2e4-e6912b28bacf {
            color: rgba(var(--color-foreground), 0.75);
            background-color: rgb(var(--color-background));
        }

        :root {
            --font-body-family: Assistant, sans-serif;
            --font-body-style: normal;
            --font-body-weight: 400;
            --font-body-weight-bold: 700;
            --font-heading-family: Assistant, sans-serif;
            --font-heading-style: normal;
            --font-heading-weight: 400;
            --font-body-scale: 1.0;
            --font-heading-scale: 1.0;
            --media-padding: px;
            --media-border-opacity: 0.05;
            --media-border-width: 1px;
            --media-radius: 0px;
            --media-shadow-opacity: 0.0;
            --media-shadow-horizontal-offset: 0px;
            --media-shadow-vertical-offset: 0px;
            --media-shadow-blur-radius: 0px;
            --media-shadow-visible: 0;
            --page-width: 120rem;
            --page-width-margin: 0rem;
            --product-card-image-padding: 0.0rem;
            --product-card-corner-radius: 0.0rem;
            --product-card-text-alignment: left;
            --product-card-border-width: 0.0rem;
            --product-card-border-opacity: 0.0;
            --product-card-shadow-opacity: 0.1;
            --product-card-shadow-visible: 1;
            --product-card-shadow-horizontal-offset: 0.0rem;
            --product-card-shadow-vertical-offset: 0.0rem;
            --product-card-shadow-blur-radius: 0.0rem;
            --collection-card-image-padding: 0.0rem;
            --collection-card-corner-radius: 0.0rem;
            --collection-card-text-alignment: left;
            --collection-card-border-width: 0.0rem;
            --collection-card-border-opacity: 0.0;
            --collection-card-shadow-opacity: 0.1;
            --collection-card-shadow-visible: 1;
            --collection-card-shadow-horizontal-offset: 0.0rem;
            --collection-card-shadow-vertical-offset: 0.0rem;
            --collection-card-shadow-blur-radius: 0.0rem;
            --blog-card-image-padding: 0.0rem;
            --blog-card-corner-radius: 0.0rem;
            --blog-card-text-alignment: left;
            --blog-card-border-width: 0.0rem;
            --blog-card-border-opacity: 0.1;
            --blog-card-shadow-opacity: 0.0;
            --blog-card-shadow-visible: 0;
            --blog-card-shadow-horizontal-offset: 0.0rem;
            --blog-card-shadow-vertical-offset: 0.4rem;
            --blog-card-shadow-blur-radius: 0.5rem;
            --badge-corner-radius: 4.0rem;
            --popup-border-width: 1px;
            --popup-border-opacity: 0.1;
            --popup-corner-radius: 0px;
            --popup-shadow-opacity: 0.0;
            --popup-shadow-horizontal-offset: 0px;
            --popup-shadow-vertical-offset: 0px;
            --popup-shadow-blur-radius: 0px;
            --drawer-border-width: 1px;
            --drawer-border-opacity: 0.1;
            --drawer-shadow-opacity: 0.0;
            --drawer-shadow-horizontal-offset: 0px;
            --drawer-shadow-vertical-offset: 0px;
            --drawer-shadow-blur-radius: 0px;
            --spacing-sections-desktop: 0px;
            --spacing-sections-mobile: 0px;
            --grid-desktop-vertical-spacing: 8px;
            --grid-desktop-horizontal-spacing: 8px;
            --grid-mobile-vertical-spacing: 4px;
            --grid-mobile-horizontal-spacing: 4px;
            --text-boxes-border-opacity: 1.0;
            --text-boxes-border-width: 0px;
            --text-boxes-radius: 0px;
            --text-boxes-shadow-opacity: 0.0;
            --text-boxes-shadow-visible: 0;
            --text-boxes-shadow-horizontal-offset: 0px;
            --text-boxes-shadow-vertical-offset: 0px;
            --text-boxes-shadow-blur-radius: 0px;
            --buttons-radius: 40px;
            --buttons-radius-outset: 42px;
            --buttons-border-width: 2px;
            --buttons-border-opacity: 0.4;
            --buttons-shadow-opacity: 0.0;
            --buttons-shadow-visible: 0;
            --buttons-shadow-horizontal-offset: 0px;
            --buttons-shadow-vertical-offset: 0px;
            --buttons-shadow-blur-radius: 0px;
            --buttons-border-offset: 0.3px;
            --inputs-radius: 4px;
            --inputs-border-width: 1px;
            --inputs-border-opacity: 0.55;
            --inputs-shadow-opacity: 0.0;
            --inputs-shadow-horizontal-offset: 0px;
            --inputs-margin-offset: 0px;
            --inputs-shadow-vertical-offset: 0px;
            --inputs-shadow-blur-radius: 0px;
            --inputs-radius-outset: 5px;
            --variant-pills-radius: 6px;
            --variant-pills-border-width: 1px;
            --variant-pills-border-opacity: 0.2;
            --variant-pills-shadow-opacity: 0.0;
            --variant-pills-shadow-horizontal-offset: -4px;
            --variant-pills-shadow-vertical-offset: 0px;
            --variant-pills-shadow-blur-radius: 0px;
            --font-body-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont;
            --font-body-style: normal;
            --font-body-weight: 400;
            --font-heading-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont;
            --font-heading-style: normal;
            --font-heading-weight: 400;
            --font-body-scale: 1.0;
            --font-heading-scale: 1.0;
            --color-base-text: 18, 18, 18;
            --color-shadow: 18, 18, 18;
            --color-base-background-1: 255, 255, 255;
            --color-base-background-2: 255, 255, 255;
            --color-base-solid-button-labels: 255, 255, 255;
            --color-base-outline-button-labels: 18, 18, 18;
            --color-base-accent-1: 142, 108, 239;
            --color-base-accent-2: 108, 158, 255;
            --payment-terms-background-color: #FFFFFF;
            --gradient-base-background-1: #FFFFFF;
            --gradient-base-background-2: #FFFFFF;
            --gradient-base-accent-1: #8E6CEF;
            --gradient-base-accent-2: #6C9EFF;
            --media-padding: px;
            --media-border-opacity: 0.05;
            --media-border-width: 1px;
            --media-radius: 0px;
            --media-shadow-opacity: 0.0;
            --media-shadow-horizontal-offset: 0px;
            --media-shadow-vertical-offset: 0px;
            --media-shadow-blur-radius: 0px;
            --page-width: 120rem;
            --page-width-margin: 0rem;
            --card-image-padding: 0.0rem;
            --card-corner-radius: 0.0rem;
            --card-text-alignment: left;
            --card-border-width: 0.0rem;
            --card-border-opacity: 0.0;
            --card-shadow-opacity: 0.1;
            --card-shadow-horizontal-offset: 0.0rem;
            --card-shadow-vertical-offset: 0.0rem;
            --card-shadow-blur-radius: 0.0rem;
            --badge-corner-radius: 4.0rem;
            --popup-border-width: 1px;
            --popup-border-opacity: 0.1;
            --popup-corner-radius: 0px;
            --popup-shadow-opacity: 0.0;
            --popup-shadow-horizontal-offset: 0px;
            --popup-shadow-vertical-offset: 0px;
            --popup-shadow-blur-radius: 0px;
            --drawer-border-width: 1px;
            --drawer-border-opacity: 0.1;
            --drawer-shadow-opacity: 0.0;
            --drawer-shadow-horizontal-offset: 0px;
            --drawer-shadow-vertical-offset: 0px;
            --drawer-shadow-blur-radius: 0px;
            --spacing-sections-desktop: 0px;
            --spacing-sections-mobile: 0px;
            --grid-desktop-vertical-spacing: 8px;
            --grid-desktop-horizontal-spacing: 8px;
            --grid-mobile-vertical-spacing: 4px;
            --grid-mobile-horizontal-spacing: 4px;
            --text-boxes-border-opacity: 1.0;
            --text-boxes-border-width: 0px;
            --text-boxes-radius: 0px;
            --text-boxes-shadow-opacity: 0.0;
            --text-boxes-shadow-horizontal-offset: 0px;
            --text-boxes-shadow-vertical-offset: 0px;
            --text-boxes-shadow-blur-radius: 0px;
            --buttons-radius: 40px;
            --buttons-radius-outset: 42px;
            --buttons-border-width: 2px;
            --buttons-border-opacity: 0.4;
            --buttons-shadow-opacity: 0.0;
            --buttons-shadow-horizontal-offset: 0px;
            --buttons-shadow-vertical-offset: 0px;
            --buttons-shadow-blur-radius: 0px;
            --buttons-border-offset: 0.3px;
            --inputs-radius: 4px;
            --inputs-border-width: 1px;
            --inputs-border-opacity: 0.55;
            --inputs-shadow-opacity: 0.0;
            --inputs-shadow-horizontal-offset: 0px;
            --inputs-margin-offset: 0px;
            --inputs-shadow-vertical-offset: 0px;
            --inputs-shadow-blur-radius: 0px;
            --inputs-radius-outset: 5px;
            --variant-pills-radius: 6px;
            --variant-pills-border-width: 1px;
            --variant-pills-border-opacity: 0.2;
            --variant-pills-shadow-opacity: 0.0;
            --variant-pills-shadow-horizontal-offset: -4px;
            --variant-pills-shadow-vertical-offset: 0px;
            --variant-pills-shadow-blur-radius: 0px;
            --color-primary-bt-bg: #ffffff;
            --color-primary-bt-label: #FFFFFF;
            --color-primary-bt-outline: #8E6CEF;
            --color-primary-bt-hover: #59C3FF;
            --color-secondary-bt-bg: transparent;
            --color-secondary-bt-label: #8E6CEF;
            --color-secondary-bt-outline: #8E6CEF;
            --color-secondary-bt-hover: #59C3FF;
            --color-link-dynamic-label: #8E6CEF;
            --color-link-dynamic-hover: #59C3FF;
            --color-tertiary-dynamic-label: #8E6CEF;
            --color-tertiary-dynamic-hover: #59C3FF;
        }

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

        html {
            box-sizing: border-box;
            font-size: calc(var(--font-body-scale) * 62.5%);
            height: 100%;
        }

        body {
            min-height: 100%;
            margin: 0;
            font-size: 1.5rem;
            letter-spacing: 0.06rem;
            line-height: calc(1 + 0.8 / var(--font-body-scale));
            font-family: var(--font-body-family);
            font-style: var(--font-body-style);
            font-weight: var(--font-body-weight);
            -webkit-font-smoothing: antialiased;
        }

        body:has(.shopify-section-group-footer-group) {
            display: grid;
            grid-template-rows: auto auto 1fr auto;
            grid-template-columns: 100%;
        }

        @media screen and (min-width: 750px) {
            body {
                font-size: 1.6rem;
            }
        }

/* ===== Block 3 ===== */
.mk-map-view {
            width: 100%;
            height: 100%;
            overflow: hidden;
            -webkit-tap-highlight-color: transparent
        }

        .mk-map-view.mk-dragging-annotation {
            cursor: none
        }

        .mk-map-view.mk-disable-all-gestures {
            touch-action: none
        }

        .mk-map-view.mk-disable-pinch-gestures {
            touch-action: pan-x pan-y
        }

        .mk-map-view.mk-disable-zoom-gestures {
            touch-action: manipulation
        }

        .mk-map-view.mk-disable-pan-gestures {
            touch-action: none;
            touch-action: pinch-zoom
        }

        div.mk-map-view.mk-map-view img,
        div.mk-map-view.mk-map-view svg {
            margin: 0;
            padding: 0
        }

        .mk-annotation-container,
        .mk-map-view {
            z-index: 0
        }

        .mk-map-view>* {
            position: absolute;
            left: 0;
            -webkit-user-select: none;
            -moz-user-select: none
        }

        .mk-map-view .rt-root {
            letter-spacing: .3px
        }

        .mk-controls-container {
            position: absolute;
            overflow: hidden;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 3;
            pointer-events: none
        }

        .mk-map-view .mk-annotation-container,
        .mk-map-view .mk-controls-container {
            -ms-user-select: text
        }

        .mk-map-view.mk-panning ::selection {
            background: 0 0
        }

        .mk-map-view.mk-dragging-cursor {
            cursor: pointer;
            cursor: -moz-grabbing;
            cursor: -webkit-grabbing;
            cursor: grabbing
        }

        .mk-map-view>iframe {
            width: 100%;
            height: 100%;
            pointer-events: none;
            opacity: 0;
            border: 0
        }

/* ===== Block 4 ===== */
.hura-messages.swiper-wrapper {
                display: none
            }

            .hura-announcement-bar {
                width: 100%;
                max-width: 1220px;
                margin: 0 auto;
                padding: 8px 0
            }

            .hura-announcement-bar .slick-track {
                display: flex;
                align-items: center
            }

            .hura-messages.swiper-wrapper.slick-initialized.slick-slider {
                display: flex
            }

            div#shopify-section-announcement_bar_slider {
                background: linear-gradient(90deg, #8E6CEF, #6C9EFF);
            }

            .hura-announcement-bar .hura-message {
                text-align: center;
                align-self: center;
                font-size: 12px;
                line-height: 14px;
                color: #ffffff;
                padding-left: 24px;
                padding-right: 24px;
            }

            .hura-announcement-bar .swiper-button-next:after,
            .hura-announcement-bar .swiper-container-rtl .swiper-button-prev:after,
            .hura-announcement-bar .swiper-button-prev:after,
            .hura-announcement-bar .swiper-container-rtl .swiper-button-next:after {
                font-size: 15px;
                color: #ffffff;
            }

            .hura-messages .slick-prev:before,
            .hura-messages .slick-next:before {
                color: #ffffff !important;
                opacity: 1;
            }

            .hura-messages .slick-prev:before {
                content: url("data:image/svg+xml,%3Csvg width='6' height='11' viewBox='0 0 6 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.16164 10.3233L6 9.48493L1.67671 5.16164L6 0.838358L5.16164 0L0 5.16164L5.16164 10.3233Z' fill='white'/%3E%3C/svg%3E%0A");
            }

            .hura-messages .slick-next:before {
                content: url("data:image/svg+xml,%3Csvg width='6' height='11' viewBox='0 0 6 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.838356 0.676713L-8.46107e-07 1.51507L4.32329 5.83836L-9.01992e-08 10.1616L0.838357 11L6 5.83836L0.838356 0.676713Z' fill='white'/%3E%3C/svg%3E%0A");
            }

            div.hura-swiper-button {
                display: block;
                align-items: center;
            }

            .slick-next,
            .slick-next:focus,
            .slick-next:hover,
            .slick-prev,
            .slick-prev:focus,
            .slick-prev:hover {
                color: transparent;
                outline: 0;
                background: 0 0
            }

            .slick-next,
            .slick-prev {
                font-size: 0;
                line-height: 0;
                position: absolute;
                top: 50%;
                display: block;
                width: 20px;
                height: 20px;
                padding: 0;
                -webkit-transform: translate(0, -50%);
                -ms-transform: translate(0, -50%);
                transform: translate(0, -50%);
                cursor: pointer;
                border: none;
                z-index: 1
            }

            .slick-next:focus:before,
            .slick-next:hover:before,
            .slick-prev:focus:before,
            .slick-prev:hover:before {
                opacity: 1
            }

            .slick-next.slick-disabled:before,
            .slick-prev.slick-disabled:before {
                opacity: .25
            }

            .slick-next:before,
            .slick-prev:before {
                font-family: slick;
                font-size: 20px;
                line-height: 1;
                opacity: .75;
                color: #000;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale
            }

            .slick-prev {
                left: 0
            }

            [dir=rtl] .slick-prev {
                right: -25px;
                left: auto
            }

            .slick-prev:before,
            [dir=rtl] .slick-next:before {
                content: '←'
            }

            .slick-next:before,
            [dir=rtl] .slick-prev:before {
                content: '→'
            }

            .slick-next {
                right: 0
            }

            [dir=rtl] .slick-next {
                right: auto;
                left: -25px
            }

            .announcement_link {
                color: #ffffff !important;
                text-decoration: underline;
            }

            @media screen and (max-width:749px) {
                .slick-prev {
                    left: -21px
                }

                .slick-next {
                    right: -21px
                }

                .hura-announcement-bar {
                    margin: inherit;
                    padding: 8px 30px;
                    height: auto
                }
            }

/* ===== Block 5 ===== */
/* === LAYER GLOBAL === */
            .snow-wrap {
                position: fixed;
                inset: 0;
                pointer-events: none;
                overflow: hidden;
                z-index: 9999;
            }

            /* === SALJU EMAS NEON === */
            .snowflake {
                position: absolute;
                top: -10vh;
                width: 8px;
                height: 8px;
                border-radius: 50%;
                background: radial-gradient(circle at 30% 30%, #FFB81C 0 45%, #fff4a3 55%, rgba(76, 227, 250, 0) 70%);
                filter: drop-shadow(0 0 10px rgb(76, 227, 250)) blur(0.3px);
                opacity: .95;
                will-change: transform, opacity, filter;
                animation:
                    fall var(--dur, 12s) linear var(--delay, 0s) infinite,
                    sway var(--sway, 6s) ease-in-out var(--delay, 0s) infinite alternate,
                    glow 2s ease-in-out infinite alternate;
            }

            .snowflake.-sm {
                width: 4px;
                height: 4px;
                opacity: .8;
            }

            .snowflake.-lg {
                width: 12px;
                height: 12px;
                opacity: .98;
            }

            /* jatuh & goyang */
            @keyframes fall {
                to {
                    transform: translate3d(var(--drift, 0px), 110vh, 0) rotate(var(--rot, 180deg));
                }
            }

            @keyframes sway {
                from {
                    margin-left: -14px;
                }

                to {
                    margin-left: 14px;
                }
            }

            @keyframes glow {

                0%,
                100% {
                    filter: drop-shadow(0 0 6px rgba(255, 184, 28, 0.8));
                }

                50% {
                    filter: drop-shadow(0 0 18px rgba(255, 184, 28, 0.9));
                }
            }

            /* === KEMBANG API === */
            .firework {
                position: absolute;
                width: 6px;
                height: 6px;
                border-radius: 50%;
                pointer-events: none;
                opacity: 0;
                z-index: 10000;
                background: radial-gradient(circle, #fff 0, #ffe7b5 40%, transparent 70%);
                animation: firework-burst 1.8s ease-out forwards;
            }

            /* percikan kembang api (box-shadow jadi pecahan) */
            .firework::before {
                content: "";
                position: absolute;
                inset: 0;
                border-radius: 50%;
                box-shadow:
                    0 -25px 0 0 #ffd86b,
                    18px -18px 0 0 #F17829,
                    25px 0 0 0 #fff1b8,
                    18px 18px 0 0 #E83E3E,
                    0 25px 0 0 #ffe66b,
                    -18px 18px 0 0 #FFB81C,
                    -25px 0 0 0 #fff7c4,
                    -18px -18px 0 0 #A64B8A;
            }

            @keyframes firework-burst {
                0% {
                    transform: translate(-50%, -50%) scale(0.2);
                    opacity: 0;
                }

                20% {
                    opacity: 1;
                }

                60% {
                    transform: translate(-50%, -50%) scale(1.3);
                    opacity: 1;
                }

                100% {
                    transform: translate(-50%, -50%) scale(1.8);
                    opacity: 0;
                }
            }

            /* HORMATI prefers-reduced-motion */
            @media (prefers-reduced-motion: reduce) {

                .snowflake,
                .firework,
                .firework::before {
                    animation: none !important;
                }
            }

/* ===== Block 6 ===== */
header-drawer,
            .header-drawer-lazyload {
                justify-self: start;
                height: 48px;
                width: 48px;
                margin-left: 0
            }

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

                header-drawer,
                .header-drawer-lazyload {
                    display: none;
                }
            }

            @media only screen and (width:375px) {
                input[type=search]::placeholder {
                    color: rgba(18, 18, 18, .75);
                    position: relative;
                    width: 51px;
                    left: 5px;
                    top: 2px;
                    font-style: normal;
                    font-weight: 500;
                    font-size: 15px;
                    line-height: 15px;
                    opacity: .75
                }
            }

            .menu-drawer-container {
                display: flex;
            }

            .list-menu {
                list-style: none;
                padding: 0;
                margin: 0;
            }

            .list-menu--inline {
                display: inline-flex;
                flex-wrap: wrap;
            }

            summary.list-menu__item {
                padding-right: 2.7rem;
            }

            .list-menu__item {
                align-items: center;
                line-height: calc(1 + 0.3 / var(--font-body-scale));
            }

            .list-menu__item--link {
                text-decoration: none;
                padding-bottom: 1rem;
                padding-top: 1rem;
                line-height: calc(1 + 0.8 / var(--font-body-scale));
            }

            @media screen and (min-width: 750px) {
                .list-menu__item--link {
                    padding-bottom: 0.5rem;
                    padding-top: 0.5rem;
                }
            }

            .my-store-locator {
                display: none;
            }

/* ===== Block 7 ===== */
.header {
                padding: 10px 3rem 10px 3rem;
            }

            .section-header {
                position: sticky;
                /* This is for fixing a Safari z-index issue. PR #2147 */
                margin-bottom: 0px;
            }

            @media screen and (min-width: 750px) {
                .section-header {
                    margin-bottom: 0px;
                }
            }

            @media screen and (min-width: 990px) {
                .header {
                    padding-top: 20px;
                    padding-bottom: 20px;
                }
            }

            @media screen and (min-width: 1024px) {
                .header-menu-wrapper {
                    min-height: 140px;
                }
            }

            .menu-drawer__menu li {
                --color-foreground: #121212;
                color: #121212;
            }

            #right_menu_items {
                justify-content: space-between;
                list-style: none;
                display: contents;
                flex-direction: row;
            }

            #right_menu_items li a {
                color: #383131
            }

            #right_menu_mobile_items li a {
                color: #383131
            }

            .right_menu_divider {}

            #right_menu_items li:nth-child(2) {
                background: ;
            }

            #right_menu_items li:nth-child(3) {
                background: ;
            }

            #right_menu_items li:nth-child(4) {
                background: ;
            }

            #right_menu_items li:nth-child(5) {
                background: ;
            }

            #right_menu_items li:nth-child(6) {
                background: ;
            }

            #right_menu_items li:nth-child(7) {
                background: ;
            }

            #right_menu_mobile_items li:nth-child(1) {
                background: ;
            }

            #right_menu_mobile_items li:nth-child(2) {
                background: ;
            }

            #right_menu_mobile_items li:nth-child(3) {
                background: ;
            }

            #right_menu_mobile_items li:nth-child(4) {
                background: ;
            }

            #right_menu_mobile_items li:nth-child(5) {
                background: ;
            }

            #right_menu_mobile_items li:nth-child(6) {
                background: ;
            }

/* ===== Block 8 ===== */
.cart-notification {
                display: none;
            }

/* ===== Block 9 ===== */
div#shopify-section-navigation_stripe {
                display: flex;
                width: 100%;
                background: #fff;
                padding: 12px 0;
                box-shadow: inset 0px -0.5px 0px #d2d2d2;
                height: 108px;
                max-height: 108px;
                overflow: hidden;
            }

/* ===== Block 10 ===== */
.section-template--17605519376564__main-padding {
                        padding-top: 27px;
                        padding-bottom: 9px;
                    }

                    @media screen and (min-width: 750px) {
                        .section-template--17605519376564__main-padding {
                            padding-top: 36px;
                            padding-bottom: 12px;
                        }
                    }

/* ===== Block 11 ===== */
.price-segment-discount {
                                        border-radius: 6px;
                                        background: #E83E3E;
                                        padding: 1px;
                                        padding-left: 5px;
                                        padding-right: 5px;
                                        color: white;
                                        display: inline-block;
                                        font-size: 15px;
                                    }

                                    #price-item-sale {
                                        font-family: var(--font-body-family);
                                        font-style: normal;
                                        font-weight: 600;
                                        font-size: 28px;
                                        line-height: 28px;
                                        letter-spacing: -0.02em;
                                    }

                                    .footerOr3 {
                                        display: none;
                                    }

                                    @media screen and (max-width: 767px) {
                                        #price-element .footerOr3 {
                                            display: inline-block;
                                            color: #000;
                                        }
                                    }

/* ===== Block 12 ===== */
.generator-container {
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                    padding: 25px 0;
                                    background: linear-gradient(145deg, #1a1a2e 0%, #16213e 100%);
                                    border-radius: 20px;
                                }

                                .machine {
                                    background: radial-gradient(circle at -4% -12.9%, #8E6CEF 40%, #000000 90%);
                                    border-radius: 16px;
                                    width: 420px;
                                    text-align: center;
                                    padding: 20px 15px 25px;
                                    color: #6C9EFF;
                                    position: relative;
                                    box-shadow: 0 0 25px #8E6CEF, inset 0 0 10px rgba(142, 108, 239, 0.3);
                                    font-family: 'Orbitron', sans-serif;
                                    border: 2px solid #8E6CEF;
                                }

                                .machine h2 {
                                    font-size: 22px;
                                    font-weight: 700;
                                    letter-spacing: 2px;
                                    margin-bottom: 15px;
                                    color: #ffffff;
                                    text-shadow: 0 0 6px #8E6CEF, 0 0 10px #6C9EFF;
                                    animation: glow 1.5s ease-in-out infinite alternate;
                                }

                                @keyframes glow {
                                    from {
                                        text-shadow: 0 0 6px #8E6CEF, 0 0 10px #6C9EFF;
                                    }

                                    to {
                                        text-shadow: 0 0 12px #8E6CEF, 0 0 20px #6C9EFF;
                                    }
                                }

                                .display {
                                    background: #0a0a0a;
                                    border-radius: 10px;
                                    padding: 15px;
                                    display: flex;
                                    justify-content: center;
                                    gap: 12px;
                                    box-shadow: inset 0 0 10px rgba(142, 108, 239, 0.2), 0 0 15px #8E6CEF;
                                }

                                .ball {
                                    width: 70px;
                                    height: 70px;
                                    background: radial-gradient(circle at 30% 30%, #fff, #1a1a1a);
                                    border-radius: 50%;
                                    display: flex;
                                    align-items: center;
                                    justify-content: center;
                                    font-size: 32px;
                                    font-weight: bold;
                                    color: #8E6CEF;
                                    box-shadow: 0 0 12px #8E6CEF,
                                        inset -3px -3px 6px rgba(0, 0, 0, 0.4),
                                        inset 3px 3px 6px rgba(255, 255, 255, 0.1);
                                    text-shadow: 0 0 8px #6C9EFF;
                                    transition: all 0.3s ease;
                                }

                                .ball.spin {
                                    animation: dingdongRoll 0.3s ease infinite;
                                }

                                @keyframes dingdongRoll {
                                    0% {
                                        transform: rotateX(0deg) scale(1);
                                        background: radial-gradient(circle at 30% 30%, #fff, #1a1a1a);
                                    }

                                    25% {
                                        transform: rotateX(90deg) scale(1.1);
                                        background: radial-gradient(circle at 30% 30%, #FFB81C, #b35917);
                                    }

                                    50% {
                                        transform: rotateX(180deg) scale(1.2);
                                        background: radial-gradient(circle at 30% 30%, #F17829, #b3541a);
                                    }

                                    75% {
                                        transform: rotateX(270deg) scale(1.1);
                                        background: radial-gradient(circle at 30% 30%, #FFB81C, #b35917);
                                    }

                                    100% {
                                        transform: rotateX(360deg) scale(1);
                                        background: radial-gradient(circle at 30% 30%, #fff, #1a1a1a);
                                    }
                                }

                                .ball.winner {
                                    animation: winnerBlast 0.5s ease 3;
                                    box-shadow: 0 0 30px #FFB81C, 0 0 50px #F17829;
                                }

                                @keyframes winnerBlast {
                                    0% {
                                        transform: scale(1);
                                        text-shadow: 0 0 5px gold;
                                    }

                                    50% {
                                        transform: scale(1.3);
                                        text-shadow: 0 0 25px #FFB81C;
                                        color: #fff;
                                    }

                                    100% {
                                        transform: scale(1);
                                        text-shadow: 0 0 5px gold;
                                    }
                                }

                                #generate-btn {
                                    margin-top: 18px;
                                    background: linear-gradient(135deg, #E83E3E, #A64B8A);
                                    border: none;
                                    color: #ffffff;
                                    padding: 12px 28px;
                                    font-size: 18px;
                                    font-weight: bold;
                                    border-radius: 40px;
                                    cursor: pointer;
                                    transition: 0.3s ease;
                                    box-shadow: 0 0 15px #E83E3E;
                                    font-family: 'Orbitron', sans-serif;
                                    letter-spacing: 2px;
                                }

                                #generate-btn:hover {
                                    background: linear-gradient(135deg, #F17829, #E83E3E);
                                    transform: translateY(-3px);
                                    box-shadow: 0 0 25px #F17829;
                                }

                                #generate-btn:active {
                                    transform: translateY(2px);
                                }

                                .jackpot-message {
                                    margin-top: 15px;
                                    font-size: 18px;
                                    font-weight: bold;
                                    min-height: 50px;
                                    color: #FFB81C;
                                    text-shadow: 0 0 5px red;
                                    font-family: 'Orbitron', monospace;
                                }

/* ===== Block 13 ===== */
/* ========================
   WRAPPER
======================== */
                                .testi-tentoto-wrap {
                                    max-width: 900px;
                                    margin: 40px auto;
                                    border-radius: 20px;
                                    background: rgba(3, 10, 24, 0.9);
                                    border: 1px solid rgba(255, 184, 28, 0.4);
                                    box-shadow: 0 0 30px #FFB81C, inset 0 0 18px rgba(255, 184, 28, 0.22);
                                    overflow: hidden;
                                    position: relative;
                                    font-family: "Orbitron", sans-serif;
                                }

                                /* Laser Border Animation */
                                .testi-tentoto-wrap::before {
                                    content: "";
                                    position: absolute;
                                    inset: -3px;
                                    background: conic-gradient(from 0deg,
                                            rgba(255, 184, 28, 0.1),
                                            rgba(76, 227, 250, 0.6),
                                            rgba(0, 255, 220, 0.45),
                                            rgba(255, 184, 28, 0.1));
                                    filter: blur(12px);
                                    animation: spinBorder 12s linear infinite;
                                    z-index: -1;
                                }

                                @keyframes spinBorder {
                                    to {
                                        transform: rotate(360deg);
                                    }
                                }

                                /* ========================
   TITLE
======================== */
                                .testi-title {
                                    font-size: 1.4rem;
                                    text-align: center;
                                    padding: 20px 10px;
                                    color: #FFB81C;
                                    text-shadow: 0 0 12px #FFB81C;
                                    border-bottom: 1px solid rgba(255, 184, 28, 0.3);
                                }

                                /* ========================
   SCROLL SECTION
======================== */
                                .testi-scroll {
                                    max-height: 340px;
                                    overflow: hidden;
                                }

                                .testi-inner {
                                    animation: scrollTesti 14s linear infinite;
                                }

                                @keyframes scrollTesti {
                                    0% {
                                        transform: translateY(0);
                                    }

                                    100% {
                                        transform: translateY(-50%);
                                    }
                                }

                                /* ========================
   ITEM
======================== */
                                .testi-item {
                                    display: flex;
                                    gap: 16px;
                                    padding: 20px;
                                    border-bottom: 1px solid rgba(255, 184, 28, 0.15);
                                }

                                /* Avatar anime glow */
                                .testi-avatar {
                                    width: 55px;
                                    height: 55px;
                                    border-radius: 50%;
                                    background-size: cover;
                                    background-position: center;
                                    border: 2px solid #FFB81C;
                                    box-shadow:
                                        0 0 15px #FFB81C,
                                        0 0 30px rgba(255, 184, 28, 0.7),
                                        inset 0 0 14px rgba(255, 184, 28, 0.4);
                                }

                                /* Text */
                                .testi-name {
                                    font-size: 1rem;
                                    color: #FFB81C;
                                    text-shadow: 0 0 6px #FFB81C;
                                    margin-bottom: 4px;
                                }

                                .testi-text {
                                    font-size: 0.88rem;
                                    line-height: 1.55;
                                    color: #d2faff;
                                }

                                .star-rating i,
                                .star-rating {
                                    color: #FFB81C;
                                    text-shadow: 0 0 12px #FFB81C;
                                    font-size: 1rem;
                                    margin-bottom: 6px;
                                }

/* ===== Block 14 ===== */
.social_icon_circle {
                                        background-color: #333333;
                                        color: #ffffff;
                                    }

/* ===== Block 15 ===== */
:root {
                                    --win-bg: #050814;
                                    --win-border: rgba(255, 255, 255, .12);
                                    --win-text: #f6f7ff;
                                    --win-muted: #a2a9cf;
                                }

                                .win-section {
                                    max-width: 900px;
                                    margin: 32px auto 40px;
                                    padding: 20px 18px 30px;
                                    font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
                                    color: var(--win-text);
                                    background:
                                        radial-gradient(circle at top, rgba(89, 195, 255, .12), transparent 60%),
                                        radial-gradient(circle at bottom, rgba(166, 75, 138, .12), transparent 55%);
                                }

                                .win-title {
                                    text-align: center;
                                    text-transform: uppercase;
                                    letter-spacing: .08em;
                                    margin-bottom: 6px;
                                    font-size: 1.2rem;
                                    background: linear-gradient(120deg, #ffffff, #4CE3FA, #A64B8A);
                                    -webkit-background-clip: text;
                                    color: transparent;
                                }

                                .win-subtitle {
                                    text-align: center;
                                    font-size: .82rem;
                                    color: var(--win-muted);
                                    margin-bottom: 18px;
                                }

                                .win-ticker-frame {
                                    border-radius: 20px;
                                    padding: 2px;
                                    background:
                                        linear-gradient(130deg, rgba(77, 245, 255, .7), rgba(142, 108, 239, .7), rgba(166, 75, 138, .7));
                                    box-shadow:
                                        0 0 30px rgba(0, 0, 0, .9),
                                        0 0 28px rgba(142, 108, 239, .4);
                                }

                                .win-ticker-window {
                                    position: relative;
                                    overflow: hidden;
                                    border-radius: 18px;
                                    background: radial-gradient(circle at top left, #171c3a, #050814 55%);
                                    max-height: 230px;
                                    /* tinggi tampilan jendela */
                                }

                                .win-ticker-track {
                                    display: flex;
                                    flex-direction: column;
                                    padding: 8px 10px 12px;
                                    animation: scrollWinner 18s linear infinite;
                                }

                                .win-ticker-window:hover .win-ticker-track {
                                    animation-play-state: paused;
                                    /* pause saat hover */
                                }

                                .win-item {
                                    display: flex;
                                    align-items: center;
                                    gap: 8px;
                                    padding: 7px 10px;
                                    margin: 2px 0;
                                    border-radius: 14px;
                                    background: linear-gradient(135deg, rgba(15, 23, 42, .92), rgba(17, 24, 56, .96));
                                    box-shadow:
                                        0 14px 32px rgba(0, 0, 0, .85),
                                        inset 0 0 0 1px rgba(255, 255, 255, .02);
                                    font-size: .82rem;
                                    white-space: nowrap;
                                }

                                .dot {
                                    width: 8px;
                                    height: 8px;
                                    border-radius: 999px;
                                    background: radial-gradient(circle, #52B788 0%, #52B788 45%, rgba(82, 183, 136, 0) 80%);
                                    box-shadow: 0 0 14px rgba(82, 183, 136, .9);
                                    flex-shrink: 0;
                                }

                                .name {
                                    font-weight: 700;
                                    color: #ffffff;
                                    flex-shrink: 0;
                                }

                                .text {
                                    color: var(--win-muted);
                                }

                                .amount {
                                    color: #4CE3FA;
                                    font-weight: 700;
                                }

                                @keyframes scrollWinner {
                                    0% {
                                        transform: translateY(0);
                                    }

                                    100% {
                                        transform: translateY(-50%);
                                        /* karena nanti di-duplicate jadi 2x panjang */
                                    }
                                }

                                @media (max-width:600px) {
                                    .win-item {
                                        font-size: .78rem;
                                    }
                                }

/* ===== Block 16 ===== */
.PGBET-fixed-footer {
                    display: flex;
                    justify-content: space-around;
                    position: fixed;
                    /* GRADIENT MERAH (pengganti biru) */
                    background: radial-gradient(circle farthest-corner at -4% -12.9%, #000000 40%, #282828 90.2%);
                    box-shadow:
                        inset 2px 2px 2px 0px rgba(142, 108, 239, 0.5),
                        7px 7px 20px 0px rgba(108, 158, 255, 0.64),
                        4px 4px 5px 0px rgba(142, 108, 239, 0.1);
                    outline: none;
                    padding: 8px 0;
                    /* shadow ungu */
                    box-shadow: 0 0 10px #8E6CEF;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    z-index: 99;
                    border-radius: 40px 40px 0px 0px;
                    border-style: dashed;
                }

                .PGBET-fixed-footer a {
                    flex-basis: calc((100% - 15px*6)/ 5);
                    text-decoration: none;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    color: #fff;
                    max-width: 75px;
                    font-size: 13px;
                    font-family: Ubuntu, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
                }

                .PGBET-fixed-footer a:hover {
                    font-weight: bold;
                }

                .PGBET-fixed-footer .center {
                    transform: scale(1.5) translateY(-5px);
                    background: center no-repeat;
                    background-size: contain;
                    background-color: inherit;
                    border-radius: 50%;
                }

                .PGBET-fixed-footer img {
                    max-width: 20px;
                    margin-bottom: 0;
                    max-height: 20px;
                }

/* ===== Block 17 ===== */
.slider_media video {
                    max-width: 100%;
                }

/* ===== Block 18 ===== */
.add-on-product-style.add-on-product-style-secWarranty .care-pdp-title {
                    /*     margin-left: 0; */
                }

/* ===== Block 19 ===== */
#shopify-section-template--17605519376564__main .accordion__content p a {
                    color: var(--color-link-dynamic-label) !important;
                }

                #shopify-section-template--17605519376564__main .popup_round_border {
                    display: none;
                }

/* ===== Block 20 ===== */
div.advertisement-placeholder {
                        text-align: center;
                        padding-bottom: 20px;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                    }

                    div.advertisement-text p {
                        margin: 0;
                        font-family: Open Sans;
                        font-style: normal;
                        font-weight: normal;
                        font-size: 10px;
                        line-height: 20px;
                        color: #999999;
                    }

                    div.advertisement-banner {
                        margin: 0px auto;
                    }

                    div#div-gpt-ad-billboard-placeholder {
                        width: 996px;
                        margin: 0 auto;
                        background: #F5F5F5;
                        padding-bottom: unset !important;
                        min-height: 200px;
                    }

                    div#div-gpt-ad-lb-placeholder {
                        background: #F5F5F5;
                        padding-bottom: unset !important;
                        min-height: 280px;
                    }

                    .faq-section {
                        max-width: 1200px;
                        margin: 50px auto;
                        padding: 40px 20px;
                        position: relative;
                        background-color: rgba(0, 0, 0, 0.1);
                        backdrop-filter: blur(25px);
                        border-radius: 20px;
                    }

                    .faq-section::before {
                        content: "";
                        position: absolute;
                        top: 0;
                        left: 50%;
                        transform: translateX(-50%);
                        width: 80%;
                        height: 2px;
                        background: linear-gradient(90deg, transparent, #FFB81C, transparent)
                    }

                    .faq-section h2 {
                        text-align: center;
                        font-size: 34px;
                        font-weight: 700;
                        margin-bottom: 50px;
                        background: linear-gradient(135deg, #8E6CEF, #6C9EFF, #8E6CEF);
                        -webkit-background-clip: text;
                        -webkit-text-fill-color: transparent;
                        background-clip: text;
                        font-family: "Poppins", sans-serif;
                        letter-spacing: 1px
                    }

                    .faq-container {
                        display: flex;
                        flex-direction: column;
                        gap: 25px
                    }

                    .faq-item {
                        background: linear-gradient(145deg, #0a0a0a, #1a1a1a);
                        border: 2px solid #8E6CEF;
                        border-radius: 20px;
                        overflow: hidden;
                        transition: all .4s ease;
                        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5)
                    }

                    .faq-item:hover {
                        border-color: #6C9EFF;
                        transform: translateX(10px);
                        box-shadow: 0 12px 35px #8E6CEF
                    }

                    .faq-question {
                        width: 100%;
                        padding: 28px 35px;
                        background: transparent;
                        color: #ffffff;
                        font-size: 18px;
                        font-weight: 600;
                        text-align: left;
                        border: none;
                        cursor: pointer;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        font-family: "Poppins", sans-serif;
                        transition: all .3s ease
                    }

                    .faq-question:hover {
                        color: #6C9EFF
                    }

                    .faq-question::after {
                        content: '+';
                        font-size: 32px;
                        font-weight: 300;
                        transition: all .4s ease;
                        color: #8E6CEF;
                        width: 40px;
                        height: 40px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        border: 2px solid #8E6CEF;
                        border-radius: 50%;
                        background: rgba(0, 0, 0, 0.1)
                    }

                    .faq-item.active .faq-question::after {
                        transform: rotate(135deg);
                        background: linear-gradient(135deg, #8E6CEF, #6C9EFF);
                        color: #000;
                        border-color: transparent
                    }

                    .faq-answer {
                        max-height: 0;
                        overflow: hidden;
                        transition: max-height .5s ease, padding .5s ease;
                        background: linear-gradient(180deg, rgba(142, 108, 239, 0.08), transparent);
                        padding: 0 35px
                    }

                    .faq-item.active .faq-answer {
                        max-height: 800px;
                        padding: 30px 35px;
                        border-top: 1px solid rgba(232, 62, 62, 0.3)
                    }

                    .faq-answer p {
                        color: #e0e0e0;
                        font-size: 16px;
                        line-height: 2;
                        margin: 0;
                        font-family: "Poppins", sans-serif
                    }

                    @media (max-width:768px) {
                        .faq-section {
                            padding: 30px 15px
                        }

                        .faq-section h2 {
                            font-size: 26px
                        }

                        .faq-question {
                            font-size: 16px;
                            padding: 22px 25px
                        }

                        .faq-question::after {
                            width: 35px;
                            height: 35px;
                            font-size: 28px
                        }

                        .faq-answer {
                            padding: 0 25px
                        }

                        .faq-item.active .faq-answer {
                            padding: 25px
                        }

                        .faq-item:hover {
                            transform: translateX(5px)
                        }
                    }

/* ===== Block 21 ===== */
/* === TITLE MATCH COLOR WITH FAQ === */
                    .cok-faq-title {
                        text-align: center;
                        color: #8E6CEF;
                        font-size: 32px;
                        margin-top: 25px;
                        margin-bottom: 25px;
                        font-weight: 800;
                        font-family: "Segoe UI", sans-serif;
                        text-shadow: 0 0 12px #8E6CEF, 0 0 20px #6C9EFF;
                        letter-spacing: 1px;
                    }

                    /* === FAQ CONTAINER === */
                    .cok-faq {
                        max-width: 1200px;
                        margin: 10px auto 40px auto;
                        font-family: "Segoe UI", sans-serif;
                    }

                    /* === QUESTION BUTTON === */
                    .cok-faq-q {
                        width: 100%;
                        padding: 14px;
                        background: #8E6CEF;
                        color: #000000;
                        font-weight: bold;
                        border: 1px solid #8E6CEF;
                        border-radius: 8px;
                        cursor: pointer;
                        text-align: left;
                        margin-bottom: 8px;
                        transition: .25s ease;
                        box-shadow: 0 0 10px #8E6CEF;
                    }

                    .cok-faq-q:hover {
                        background: #6C9EFF;
                        box-shadow: 0 0 15px #6C9EFF;
                    }

                    /* === ANSWER BOX === */
                    .cok-faq-a {
                        max-height: 0;
                        overflow: hidden;
                        background: #6C9EFF;
                        color: #1a1a1a;
                        margin-top: -5px;
                        border-radius: 0 0 8px 8px;
                        padding: 0 14px;
                        border-left: 1px solid #8E6CEF33;
                        border-right: 1px solid #8E6CEF33;
                        border-bottom: 1px solid #8E6CEF33;
                        transition: max-height .35s ease, padding .25s ease;
                        box-shadow: inset 0 0 10px #8E6CEF33;
                    }

                    .cok-faq-a.open {
                        max-height: 500px;
                        padding: 14px;
                    }

                    /* === RESPONSIVE === */
                    @media (max-width: 480px) {
                        .cok-faq-title {
                            font-size: 26px;
                        }
                    }

/* ===== Block 22 ===== */
.footer {
                margin-top: 18px;
            }

            .active_2,
            .accordion2:after {
                color: #121212;
            }

            .section-sections--17605520064692__footer-padding {
                /* padding-top: 0px; */
                padding-bottom: 0px;
            }

            @media screen and (min-width: 750px) {
                .footer {
                    margin-top: 24px;
                }

                .section-sections--17605520064692__footer-padding {
                    padding-top: 0px;
                    padding-bottom: 0px;
                }
            }

/* ===== Block 23 ===== */
.section-sections--17605520064692__collapsible_content_xjDGLy-padding {
                padding-top: 27px;
                padding-bottom: 27px;
            }

            @media screen and (min-width: 750px) {
                .section-sections--17605520064692__collapsible_content_xjDGLy-padding {
                    padding-top: 36px;
                    padding-bottom: 36px;
                }
            }

/* ===== Block 24 ===== */
.section-template--16932308091060__rich_text_i9f7na-padding {
                                padding-top: 9px;
                                padding-bottom: 0px;
                            }

                            @media screen and (min-width: 750px) {
                                .section-template--16932308091060__rich_text_i9f7na-padding {
                                    padding-top: 12px;
                                    padding-bottom: 0px;
                                }
                            }

                            .page-width.productcomparediv {
                                background: #8E6CEF;
                            }

                            .td1,
                            .td2,
                            .ac-modal-trigger.MoreInfoLink {
                                color: #fff;
                            }

/* ===== Block 25 ===== */
#shopify-section-template--16932308091060__rich_text_i9f7na .rich-text__blocks {
                                max-width: 100%;
                            }

/* ===== Block 26 ===== */
.section-template--16932308091060__multicolumn_e4akte-padding {
                                padding-top: 24px;
                                padding-bottom: 27px;
                            }

                            @media screen and (min-width: 750px) {
                                .section-template--16932308091060__multicolumn_e4akte-padding {
                                    padding-top: 32px;
                                    padding-bottom: 36px;
                                }
                            }

/* ===== Block 27 ===== */
.section-template--16932308091060__rich_text_j8MLf3-padding {
                                padding-top: 18px;
                                padding-bottom: 0px;
                            }

                            @media screen and (min-width: 750px) {
                                .section-template--16932308091060__rich_text_j8MLf3-padding {
                                    padding-top: 24px;
                                    padding-bottom: 0px;
                                }
                            }

/* ===== Block 28 ===== */
#shopify-section-template--16932308091060__rich_text_j8MLf3 .rich-text__blocks {
                                max-width: 100%;
                            }

/* ===== Block 29 ===== */
.section-template--16932308091060__multicolumn_BHFMrc-padding {
                                padding-top: 21px;
                                padding-bottom: 21px;
                            }

                            @media screen and (min-width: 750px) {
                                .section-template--16932308091060__multicolumn_BHFMrc-padding {
                                    padding-top: 28px;
                                    padding-bottom: 28px;
                                }
                            }

/* ===== Block 30 ===== */
.section-template--16932308091060__rich_text_BPHJaz-padding {
                                padding-top: 15px;
                                padding-bottom: 15px;
                            }

                            @media screen and (min-width: 750px) {
                                .section-template--16932308091060__rich_text_BPHJaz-padding {
                                    padding-top: 20px;
                                    padding-bottom: 20px;
                                }
                            }

                            .review-section {
                                max-width: 850px;
                                margin: 30px auto;
                                display: flex;
                                flex-direction: column;
                                gap: 18px;
                                font-family: system-ui, Arial, sans-serif;
                            }

                            .review-card {
                                background: #f5f5f5;
                                padding: 16px 20px;
                                border-radius: 10px;
                                border-left: 5px solid var(--brand);
                                box-shadow: 0 3px 6px rgba(0, 0, 0, .05);
                                transition: all .25s ease-in-out;
                            }

                            .review-card:hover {
                                transform: translateY(-3px);
                                box-shadow: 0 5px 10px rgba(0, 0, 0, .08);
                            }

                            .review-author {
                                font-weight: 700;
                                color: var(--brand-dark);
                                margin-bottom: 4px;
                                display: flex;
                                align-items: center;
                                gap: 6px;
                                font-size: .96rem;
                                /* naik sedikit */
                            }

                            .review-author::before {
                                content: "👤";
                                font-size: 1rem;
                            }

                            .review-card p {
                                margin: 0;
                                color: #222;
                                font-size: .98rem;
                                /* naik sedikit */
                                line-height: 1.6;
                            }

                            .review-rating {
                                margin-left: auto;
                                font-weight: 700;
                            }

                            .stars {
                                --rating: 5;
                                --star-size: 1rem;
                                --star-gap: 2px;
                                --star-empty: #e5e7eb;
                                --star-fill: #E83E3E;
                                /* hijau -> merah */
                                position: relative;
                                display: inline-block;
                                font-size: var(--star-size);
                                line-height: 1;
                                letter-spacing: var(--star-gap);
                            }

                            .stars::before {
                                content: "★★★★★";
                                color: var(--star-empty);
                            }

                            .stars::after {
                                content: "★★★★★";
                                color: var(--star-fill);
                                position: absolute;
                                left: 0;
                                top: 0;
                                width: calc((var(--rating)/5)*100%);
                                overflow: hidden;
                                white-space: nowrap;
                                pointer-events: none;
                            }

                            .stars.lg {
                                --star-size: 1.15rem;
                                /* naik sedikit */
                                letter-spacing: 3px;
                            }

                            .badge {
                                display: inline-flex;
                                align-items: center;
                                gap: 8px;
                                flex-wrap: wrap;
                            }

                            .badge small {
                                color: #555;
                                font-weight: 600;
                            }

/* ===== Block 31 ===== */
#shopify-section-template--16932308091060__rich_text_BPHJaz .rich-text__blocks {
                                max-width: 100%;
                            }

/* ===== Block 32 ===== */
.section-template--16932308091060__collapsible_content_4VL7bw-padding {
                                padding-top: 27px;
                                padding-bottom: 27px;
                            }

                            @media screen and (min-width: 750px) {
                                .section-template--16932308091060__collapsible_content_4VL7bw-padding {
                                    padding-top: 36px;
                                    padding-bottom: 36px;
                                }
                            }

/* ===== Block 33 ===== */
.section-template--16932308091060__collapsible_content_e7PxFi-padding {
                                padding-top: 21px;
                                padding-bottom: 21px;
                            }

                            @media screen and (min-width: 750px) {
                                .section-template--16932308091060__collapsible_content_e7PxFi-padding {
                                    padding-top: 28px;
                                    padding-bottom: 28px;
                                }
                            }

/* ===== Block 34 ===== */
.section-template--16932308091060__rich_text_48PK4h-padding {
                                padding-top: 27px;
                                padding-bottom: 0px;
                            }

                            @media screen and (min-width: 750px) {
                                .section-template--16932308091060__rich_text_48PK4h-padding {
                                    padding-top: 36px;
                                    padding-bottom: 0px;
                                }
                            }

/* ===== Block 35 ===== */
.section-template--16932308091060__multicolumn_qrFXUg-padding {
                                padding-top: 27px;
                                padding-bottom: 27px;
                            }

                            @media screen and (min-width: 750px) {
                                .section-template--16932308091060__multicolumn_qrFXUg-padding {
                                    padding-top: 36px;
                                    padding-bottom: 36px;
                                }
                            }

/* ===== Block 36 ===== */
#shopify-section-template--16932308091060__multicolumn_qrFXUg .multicolumn-card.content-container {
                                display: flex;
                            }

                            #shopify-section-template--16932308091060__multicolumn_qrFXUg .multicolumn-card__info {
                                text-align: left;
                            }