#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("https://www.istudiosg.com/cdn/shop/t/14/assets/SFProText-Regular.woff2?v=21706269404805127741742784888") format('woff2'), url("https://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('https://www.istudiosg.com/cdn/shop/t/14/assets/SFProText-Medium.woff2?v=142744590770268640871742784888') format('woff2'), url('https://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('https://www.istudiosg.com/cdn/shop/t/14/assets/SFProText-Semibold.woff2?v=31375109001105336161742784889') format('woff2'), url('https://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('https://www.istudiosg.com/cdn/shop/t/14/assets/SFProText-Bold.woff2?v=81066619648910226671742784888') format('woff2'), url('https://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("https://www.istudiosg.com/cdn/shop/t/14/assets/fa-solid-900.woff2?v=118991557498766039071742784889") format("woff2"), url("https://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("https://www.istudiosg.com/cdn/shop/t/14/assets/fa-brands-400.woff2?3348") format("woff2"), url("https://www.istudiosg.com/cdn/shop/t/14/assets/fa-brands-400.ttf?3348") format("truetype"); } @font-face { font-family: Assistant; font-weight: 400; font-style: normal; font-display: swap; src: url("https://www.istudiosg.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2?h1=aXN0dWRpby1lbHVzaC1wcm9kdWN0aW9uLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aXN0dWRpb3NnLmNvbQ&hmac=f08b4c8dad363a51140f208e167805f634db94adbbb3544a6fbd71c32b1ebc6f") format("woff2"), url("https://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("https://www.istudiosg.com/cdn/fonts/assistant/assistant_n7.bf44452348ec8b8efa3aa3068825305886b1c83c.woff2?h1=aXN0dWRpby1lbHVzaC1wcm9kdWN0aW9uLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aXN0dWRpb3NnLmNvbQ&hmac=3eb98cb4f0f5b11a3f34feed0aa554dd621b127bc1cbc141c68703f90e8e42d3") format("woff2"), url("https://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("https://www.istudiosg.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2?h1=aXN0dWRpby1lbHVzaC1wcm9kdWN0aW9uLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aXN0dWRpb3NnLmNvbQ&hmac=f08b4c8dad363a51140f208e167805f634db94adbbb3544a6fbd71c32b1ebc6f") format("woff2"), url("https://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: 0,113,227; --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: 51,79,180; --gradient-background: #334fb4; --color-foreground: 255,255,255; --color-shadow: 18,18,18; --color-button: 255,255,255; --color-button-text: 51,79,180; --color-secondary-button: 51,79,180; --color-secondary-button-text: 255,255,255; --color-link: 255,255,255; --color-badge-foreground: 255,255,255; --color-badge-background: 51,79,180; --color-badge-border: 255,255,255; --payment-terms-background-color: rgb(51 79 180); } .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: 0,113,227; --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: 0, 113, 227; --color-base-accent-2: 51, 79, 180; --payment-terms-background-color: #FFFFFF; --gradient-base-background-1: #FFFFFF; --gradient-base-background-2: #FFFFFF; --gradient-base-accent-1: #0071e3; --gradient-base-accent-2: #334FB4; --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: #0071e3; --color-primary-bt-hover: #62bbfa; --color-secondary-bt-bg: transparent; --color-secondary-bt-label: #0071e3; --color-secondary-bt-outline: #0071e3; --color-secondary-bt-hover: #62bbfa; --color-link-dynamic-label: #0071e3; --color-link-dynamic-hover: #62bbfa; --color-tertiary-dynamic-label: #0071e3; --color-tertiary-dynamic-hover: #62bbfa; } *, *::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; } } .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:#c514f1;} .hura-announcement-bar .hura-message{text-align:center;align-self: center;font-size:12px;line-height: 14px;color:#0a0a0a;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: #d0d0d0 !important; text-decoration: none; } @media screen and (max-width:749px){.slick-prev{left:-21px}.slick-next{right:-21px}.hura-announcement-bar{margin:inherit;padding:8px 30px;height:auto}} 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; } .header { padding: 10px 3rem 10px 3rem; } .section-header { position: sticky; 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: ;} .cart-notification { display: none; } 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; } .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; } } .price-segment-discount { border-radius: 6px; background: #141ac3; 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; } } @import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@600;700;800&display=swap"); .rtp-container-v3{ display:flex; justify-content:center; padding:16px 10px; font-family:"Orbitron","Poppins",system-ui,sans-serif; } .rtp-machine-v3{ position:relative; width:100%; max-width:520px; padding:16px; border-radius:16px; overflow:hidden; isolation:isolate; background: radial-gradient(circle at 15% 0%, rgba(255, 0, 0, 0.16), transparent 48%), radial-gradient(circle at 85% 100%, rgba(255, 0, 0, 0.16), transparent 55%), linear-gradient(145deg,#1f0808,#0c0202); border:1px solid rgba(255, 0, 0, 0.45); box-shadow: inset 0 0 18px rgba(255, 0, 0, 0.2), 0 0 18px rgba(255, 0, 0, 0.28); color:#e8faff; } .rtp-machine-v3::before{ content:""; position:absolute; inset:0; background:linear-gradient(120deg, transparent 40%, rgba(255, 0, 0, 0.08), transparent 65%); animation:hudSweep 7s linear infinite; pointer-events:none; opacity:.8; } .rtp-title-v3{ text-align:center; margin:0 0 12px; font-size:15px; font-weight:900; letter-spacing:1px; color:#f49eff; text-shadow:0 0 8px rgba(225, 0, 255, 0.9); } .rtp-controls-v3{ display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:12px; border-radius:14px; background:rgba(24, 0, 0, 0.55); border:1px solid rgba(255, 0, 0, 0.35); box-shadow: inset 0 0 14px rgba(255, 0, 0, 0.15); } .rtp-controls-v3 label{ display:grid; gap:6px; font-size:10px; letter-spacing:.8px; text-transform:uppercase; color:#ff8f8f; } .rtp-controls-v3 select, .rtp-controls-v3 input{ background:rgba(35, 4, 4, 0.92); color:#eaffff; border:1px solid rgba(255, 0, 0, 0.45); border-radius:10px; padding:7px 9px; font-weight:700; font-size:12px; outline:none; box-shadow: inset 0 0 10px rgba(255, 0, 0, 0.18); } #btnRtpRandom{ grid-column:span 2; display:flex; align-items:center; justify-content:center; gap:8px; background:linear-gradient(145deg,#ff00ff,#ff00ff); border:none; color:#eaf9ff; font-weight:900; letter-spacing:.8px; border-radius:14px; cursor:pointer; padding:10px 12px; font-size:12px; box-shadow:0 0 16px rgba(225, 0, 255, 0.55); transition:.2s ease; } #btnRtpRandom:active{ transform:scale(.98); } #btnRtpRandom:disabled{ opacity:.75; cursor:not-allowed; } .rtp-main-result-v3{ margin-top:12px; padding:12px; border-radius:14px; background:rgba(30, 24, 3, 0.78); border:1px solid rgba(255, 238, 0, 0.28); box-shadow: inset 0 0 16px rgba(255, 217, 0, 0.16); } .rtp-status-v3{ text-align:center; font-weight:800; letter-spacing:.8px; color:#b5ecff; margin-bottom:10px; font-size:11px; } .rtp-highlight-box{ display:flex; justify-content:space-between; gap:12px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed rgba(255, 230, 0, 0.25); } .k, .k-rtp{ font-size:10px; color:#fff78c; text-transform:uppercase; } .v-game{ font-size:14px; font-weight:900; color:#ffffff; margin-top:6px; line-height:1.2; } .provider-info{ margin-top:8px; font-size:11px; color:#d8f5ff; opacity:.95; } .k-small{ color:#ffe57f; font-size:10px; } .v-small{ color:#f3fcff; font-weight:900; } .v-rtp-huge{ font-size:2.4em; font-weight:900; color:#e100ff; text-shadow:0 0 10px rgba(255, 0, 234, 0.7); line-height:1; letter-spacing:1px; } .rtp-details-v3{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; background:rgba(0,8,22,.32); padding:10px; border-radius:12px; } .k-detail{ font-size:9px; color:#ffec7e; text-transform:uppercase; } .v-detail{ font-size:12px; font-weight:800; color:#ffffff; margin-top:4px; letter-spacing:.8px; } .rtp-tip-v3{ margin-top:10px; font-size:10px; color:#d2f4ff; opacity:.9; text-align:center; } .rtp-alts-v3{ margin-top:12px; padding:12px; border-radius:14px; background:rgba(0, 8, 24, .42); border:1px solid rgba(255, 196, 0, 0.26); } .rtp-alts-title-v3{ font-weight:900; color:#fff68f; margin-bottom:10px; font-size:12px; } .rtp-alt-list-v3{ display:grid; grid-template-columns:1fr; gap:8px; } .rtp-alt-item{ background:rgba(0, 18, 44, .88); border-radius:12px; padding:10px; border-left:3px solid rgba(195, 0, 255, 0.9); } .rtp-alt-item .g{ font-weight:900; color:#eaffff; font-size:12px; } .rtp-alt-item .p{ font-size:10px; color:#ffe99b; margin-top:4px; } .rtp-alt-item .r{ margin-top:6px; font-weight:900; color:#d400ff; letter-spacing:.8px; font-size:12px; } .rtp-note-v3{ margin-top:10px; font-size:10px; color:#c8efff; opacity:.85; text-align:center; } @media(max-width:420px){ .rtp-highlight-box{flex-direction:column} .rtp-details-v3{grid-template-columns:1fr} } @keyframes hudSweep{ 0%{transform:translateX(-110%)} 100%{transform:translateX(110%)} } @keyframes pulse{ 0%{opacity:.55} 50%{opacity:1} 100%{opacity:.55} } :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(91,219,255,.12),transparent 60%), radial-gradient(circle at bottom,rgba(255,73,175,.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,#4df5ff,#ff6ad5); -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(160,99,255,.7),rgba(255,106,213,.7)); box-shadow: 0 0 30px rgba(0,0,0,.9), 0 0 28px rgba(120,80,255,.4); } .win-ticker-window{ position:relative; overflow:hidden; border-radius:18px; background:radial-gradient(circle at top left,#171c3a,#050814 55%); max-height:230px; } .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; } .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,#5bffb5 0%,#0aff87 45%,rgba(10,255,135,0) 80%); box-shadow:0 0 14px rgba(0,255,171,.9); flex-shrink:0; } .name{ font-weight:700; color:#ffffff; flex-shrink:0; } .text{ color:var(--win-muted); } .amount{ color:#4df5ff; font-weight:700; } @keyframes scrollWinner{ 0%{ transform:translateY(0); } 100%{ transform:translateY(-50%); } } @media (max-width:600px){ .win-item{ font-size:.78rem; } } .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 : #ff7171; } .td1, .td2, .ac-modal-trigger.MoreInfoLink { color: #fff; } #shopify-section-template--16932308091060__rich_text_i9f7na .rich-text__blocks {max-width: 100%;} .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; } } .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; } } #shopify-section-template--16932308091060__rich_text_j8MLf3 .rich-text__blocks {max-width: 100%;} .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; } } .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; } .review-author::before{ content:"👤"; font-size:1rem; } .review-card p{ margin:0; color:#222; font-size:.98rem; 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:#ff3030; 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; letter-spacing:3px; } .badge{ display:inline-flex; align-items:center; gap:8px; flex-wrap:wrap; } .badge small{ color:#555; font-weight:600; } #shopify-section-template--16932308091060__rich_text_BPHJaz .rich-text__blocks {max-width: 100%;} .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; } } .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; } } .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; } } .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; } } #shopify-section-template--16932308091060__multicolumn_qrFXUg .multicolumn-card.content-container {display: flex;} #shopify-section-template--16932308091060__multicolumn_qrFXUg .multicolumn-card__info {text-align: left;} .TOTO-fixed-footer { display: flex; justify-content: space-around; position: fixed; background: radial-gradient(circle farthest-corner at -4% -12.9%, #c514f1 40%, #c514f1 90.2%); box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.5), 7px 7px 20px 0px rgba(0, 118, 253, 0.64), 4px 4px 5px 0px rgba(0, 0, 0, 0.1); outline: none; padding: 8px 0; box-shadow: 0 0 10px #00c3ff; left: 0; right: 0; bottom: 0; z-index: 99; border-radius: 40px 40px 0px 0px; border-style: dashed; } .TOTO-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: #000000; max-width: 75px; font-size: 13px; font-family: Ubuntu, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .TOTO-fixed-footer a:hover { font-weight: bold; } .TOTO-fixed-footer .center { transform: scale(1.5) translateY(-5px); background: center no-repeat; background-size: contain; background-color: inherit; border-radius: 50%; } .TOTO-fixed-footer img { max-width: 20px; margin-bottom: 0; max-height: 20px; } .slider_media video {max-width: 100%;} .add-on-product-style.add-on-product-style-secWarranty .care-pdp-title { } #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;} 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,#005cb3,transparent) } .faq-section h2{ text-align:center; font-size:34px;font-weight:700; margin-bottom:50px; background: linear-gradient(135deg, #005cb3, #005cb3, #005cb3); -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 #ff7171; 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:#ff7171; transform:translateX(10px); box-shadow:0 12px 35px #ff7171 } .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:#005cb3 } .faq-question::after{ content:'+'; font-size:32px; font-weight:300; transition:all .4s ease; color:#005cb3; width:40px; height:40px; display:flex; align-items:center; justify-content:center; border:2px solid #ff7171;border-radius:50%; background:rgba(0, 0, 0, 0.1) } .faq-item.active .faq-question::after{ transform:rotate(135deg); background:linear-gradient(135deg#997a00#997a00); 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(253,228,4,0.05),transparent); padding:0 35px } .faq-item.active .faq-answer{ max-height:800px;padding:30px 35px; border-top:1px solid rgba(253, 4, 4, 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)} } .cok-faq-title { text-align: center; color: #000000; font-size: 32px; margin-top: 25px; margin-bottom: 25px; font-weight: 800; font-family: "Segoe UI", sans-serif; text-shadow: 0 0 12px #000000aa, 0 0 20px #3d3d3d55; letter-spacing: 1px; } .cok-faq { max-width: 1200px; margin: 10px auto 40px auto; font-family: "Segoe UI", sans-serif; } .cok-faq-q { width: 100%; padding: 14px; background: #0b0f1a; color: #ea00ff; font-weight: bold; border: 1px solid #3d3d3d55; border-radius: 8px; cursor: pointer; text-align: left; margin-bottom: 8px; transition: .25s ease; box-shadow: 0 0 10px #00000022; } .cok-faq-q:hover { background: #092332; box-shadow: 0 0 15px #00000044; } .cok-faq-a { max-height: 0; overflow: hidden; background: #0f1623; color: #e6faff; margin-top: -5px; border-radius: 0 0 8px 8px; padding: 0 14px; border-left: 1px solid #00000033; border-right: 1px solid #00000033; border-bottom: 1px solid #00000033; transition: max-height .35s ease, padding .25s ease; box-shadow: inset 0 0 10px #00000022; } .cok-faq-a.open { max-height: 500px; padding: 14px; } @media (max-width: 480px) { .cok-faq-title { font-size: 26px; } } .footer { margin-top: 18px; } .active_2, .accordion2:after { color: #121212; } .section-sections--17605520064692__footer-padding { padding-bottom: 0px; } @media screen and (min-width: 750px) { .footer { margin-top: 24px; } .section-sections--17605520064692__footer-padding { padding-top: 0px; padding-bottom: 0px; } } .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; } } .modal__submit.modal__submit--notify { background-color: #0071E3; } .modal__submit.modal__submit--notify { color: #FFFFFF; }