/** Shopify CDN: Minification failed

Line 905:25 Expected identifier but found "{"
Line 905:26 Unexpected "{"
Line 905:36 Expected ":"

**/

@media (max-width: 600px) {
    .dlmc {
      text-align: center;
      justify-content: center;
    }
    }
    
    .dcml {
      text-align: center;
      justify-content: center;
    }
    
    @media (max-width: 600px) {
    .dcml {
      text-align: left;
      justify-content: start;
    }
    }
    @media screen and (max-width: 600px) {
      .mobile-hide {
        display: none !important;
      }
    }
    
    @media screen and (min-width: 601px) and (max-width: 989px) {
      .tablet-hide {
        display: none !important;
      }
    }
    
    @media screen and (min-width: 990px) {
      .desktop-hide {
        display: none !important;
      }
    }
    .text-center {
      text-align: center;
    }
    .slider-counter {
        font-size: 1.5rem !important;
    }
    /*.slider-buttons {
        margin-top: -1rem !important;
    }
    .slider-button .icon {
        height: 0.8rem !important;
    }
    /*.product__info-container.price--on-sale .price-item--regular {
        text-decoration-thickness: 2px!important;
        font-size: 2.2rem!important;
        color: #258635 !important;
    }
    .product__info-container.price .price-item {
        font-weight: 600 !important;
        letter-spacing: 0px;
        font-size: 2.2rem!important;
    }
    
    .button, .button-label, .shopify-challenge__button, .customer button {
        font-size: 1.8rem !important;
        letter-spacing: 0rem !important;
        font-weight: 600 !important;
    }
    .full-unstyled-link {
        font-size: 2rem;
    }*/
    .header__icon .icon {
        stroke: currentColor;
        stroke-width: 0.5;
    }
    .cart-count-bubble {
        bottom: 2.3rem !important;
        left: 1.7rem !important;
        border: 1px solid;
    }
    
        quantity-popover .quantity {
        min-height: 3.2rem;
    }
    /*.cart-item__image {
        border-radius: 8px;
    }
    quantity-popover .quantity {
        zoom: 0.8;
    }
    .drawer__inner {
        width: 100% !important;
        max-width: calc(140vw - 3rem) !important;
    }
    .header__menu-item {
        color: rgba(var(--color-foreground),1) !important;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1px;
    }*/
    .header__active-menu-item {
        text-decoration: none !important;
    }
    .footer__content-bottom {
        border-top: none !important;
    }
    .footer-block__details-content .list-menu__item--link {
        color: rgba(var(--color-foreground),.95) !important;
        line-height: 1.4;
        letter-spacing: 0;
    }
    @media screen and (min-width: 750px){
    .footer__content-top .grid {
        row-gap: 6rem;
        column-gap: 6rem;
    }
    }
    @media screen and (min-width: 750px){
    .grid--4-col-tablet .grid__item {
        width: calc(25% - 6rem * 3 / 4) !important;
    }
    }
    .accordion {
        border-top: 0 !important;
    }
    /*.accordion details[open]>summary .icon-caret {
        display: none;
    }
    .price {
        letter-spacing: 0 !important;
        font-weight: 600;
    }
    .price .price-item {
    font-weight: 600 !important;
    letter-spacing: -1px;
    font-size: 2.2rem!important;
    }
    .price--on-sale .price-item--regular {
        color: #51aeb0 !important;
    }*/
    
    .spr-container {
      border-color: #ffffff !important;
      background: #ffffff;
      border-radius: 12px;
    }
    .spr-review, .spr-form {
        border-color: #fff5f7 !important;
    }
    .page-title {text-align:center;}
    .announcement-bar .slider-button {
        rotate: 270deg;
    }
    .product-form__buttons {
        max-width: 70rem;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        display: grid;
        gap: 10px;
    }
    .product-form__submit {
        max-height: calc(4.7rem + var(--buttons-border-width)* 2);
    }
    .shopify-payment-button__button {
        min-height: calc(4.7rem + var(--buttons-border-width) * 2);
        height: calc(4.7rem + var(--buttons-border-width) * 2);
    }
    .shopify-policy__container {
        max-width: 800px;
        max-width: 95ch;
    }
    .live-circle {
        border-radius: 50%;
        display: inline-block;
        padding: 0;
        width: 11px;
        min-width: 11px;
        height: 11px;
        margin-right: 0.7rem;
        box-shadow: 0 0 0 0 var(--color-button);
        transform: scale(1);
        animation: 2.5s infinite pulsegentle;
        transition: opacity .35s ease-in-out;
        background-color: var(--color-button);
    }
    .hs-pill {
        position: relative;
        pointer-events: none;
        padding: 0;
        border-radius: 0.625rem;
        display: flex;
        align-items: center;
        justify-content: center;
        /* min-width: max-content; */
        background-color: #F05D5E;
        color: #c57171;
        border: 1px solid #fa8787;
        z-index: 1;
        font-weight: 500;
        line-height: 1;
        font-size: 1rem;
    }
    @keyframes pulsegentle {
        0% {
            transform: scale(.95);
            box-shadow: 0 0 0 0 rgba(236,0,140,.6)
        }
    
        70% {
            transform: scale(1);
            box-shadow: 0 0 0 3px rgba(236,0,140,0)
        }
    
        100% {
            transform: scale(.95);
            box-shadow: 0 0 0 0 rgba(236,0,140,0)
        }
    }
    .spr-container .spr-review-content-body {
        font-size: calc(var(--font-body-size)*1px);
        color: rgba(var(--color-foreground),.75);
        line-height: 1.6;
    }
    
    .product-form__input input[type=radio]:checked+ .color-swatch {
        background-color: rgb(var(--color-foreground), .05);
        color: rgb(var(--color-foreground));
        border: 3px solid var(--swatch-color) !important;
        box-shadow: 0 0 #000, inset 0 0 0 3px #fff;
    }
    .product-form__input input[type=radio]:disabled+label, .product-form__input input[type=radio].disabled+label {
        color: rgba(var(--color-foreground),.3) !important;
        text-decoration: none !important;
    }
    /*.product-form__input input[type=radio]:disabled+label, .product-form__input input[type=radio].disabled+label:after {
        position: absolute;
        content: "";
        left: 50%;
        top: 0;
        bottom: 0;
        border-left: 1px solid;
        border-color: #a7a7a3!important;
        transform: rotate(45deg);
    }*/
    .media.media--hover-effect > video + video,
    .media.media--hover-effect > video + img,
    .media.media--hover-effect > img + video {
      opacity: 0;
    }
      
    .card__media .media video {
      height: 100%;
      object-fit: cover;
      object-position: center center;
      width: 100%;
    }
    
    @media screen and (min-width: 990px) {
      .card .media.media--hover-effect > video:only-child,
      .card-wrapper .media.media--hover-effect > video:only-child {
        transition: transform var(--duration-long) ease;
      }
    
      .card:hover .media.media--hover-effect > video:first-child:only-child,
      .card-wrapper:hover .media.media--hover-effect > video:first-child:only-child {
        transform: scale(1.03);
      }
    
      .card-wrapper:hover
        .media.media--hover-effect
        > video:first-child:not(:only-child) {
        opacity: 0;
      }
    
     .card-wrapper:hover .media.media--hover-effect > video + video,
     .card-wrapper:hover .media.media--hover-effect > video + img,
     .card-wrapper:hover .media.media--hover-effect > img + video {
      opacity: 1;
      transition: transform var(--duration-long) ease;
      transform: scale(1.03);
      }
    }
    
    
    .pdkt-fetr {
      display: flex;align-items: center;column-gap: 4px;text-transform: uppercase;font-size: small;font-weight: 500;
    }
    .pdkt-fetr-center {
      justify-content:center;
    }
    .pdkt-fetr-right {
      justify-content:flex-end;
    }
    /*.rich-text__wrapper h2:before {
        background-color: #e1f7f6;
        bottom: 10%;
        content: "";
        display: block;
        height: 12px;
        left: -5%;
        position: absolute;
        width: 110%;
        z-index: -1;
    }*/
    .lumin-collection {
       display: flex;
       align-items: center;
    }
    /*@media (max-width: 750px) {
      .lumin-collection-hide:first-child {
       display: none;
    }
    }
    @media (max-width: 750px) {
    .product__media-list .product__media-item {
        width: calc(100% - 1rem - var(--grid-mobile-horizontal-spacing)) !important;
      }
    }
    
    @media screen and (max-width: 749px){
    .slider.slider--mobile {
        scroll-padding-left: 1rem !important;
    }
    }*/
    
    /* BEGIN ANIMATION */
    
    .is--animated,
    .is--infinite {
      --duration-time: 1s;
    }
    
    .is--animated {
      -webkit-animation-duration: var(--duration-time);
      -webkit-animation-fill-mode: both;
      animation-duration: var(--duration-time);
      animation-fill-mode: both;
    }
    
    .is--infinite {
      animation-iteration-count: infinite;
      animation-duration: var(--duration-time);
    }
    
    .is--infinite:not(.lumin-ani-fadeIn) {
      --duration-time: 2s;
    }
    
    @media print, (prefers-reduced-motion: reduce) {
      .is--animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
      }
    }
    
    .hdt-browser-Safari .is--animated.lumin-ani-swing {
      -webkit-transition-duration: 1ms !important;
      transition-duration: 1ms !important;
    }
    
    @keyframes lumin-ani-bounce {
      20%,
      53%,
      80%,
      from,
      to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
      40%,
      43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
      }
      70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
      }
      90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
      }
    }
    
    .lumin-ani-bounce {
      -webkit-animation-name: lumin-ani-bounce;
      animation-name: lumin-ani-bounce;
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
    }
    
    @-webkit-keyframes lumin-ani-tada {
      from,
      to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
      }
      10%,
      20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
      }
      30%,
      50%,
      70%,
      90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
      }
      40%,
      60%,
      80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
      }
    }
    
    @keyframes lumin-ani-tada {
      from,
      to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
      }
      10%,
      20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
      }
      30%,
      50%,
      70%,
      90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
      }
      40%,
      60%,
      80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
      }
    }
    
    .lumin-ani-tada {
      -webkit-animation-name: lumin-ani-tada;
      animation-name: lumin-ani-tada;
    }
    
    @-webkit-keyframes lumin-ani-swing {
      20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
      }
      40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
      }
      60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
      }
      80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
      }
      to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
      }
    }
    
    @keyframes lumin-ani-swing {
      20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
      }
      40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
      }
      60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
      }
      80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
      }
      to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
      }
    }
    
    .lumin-ani-swing {
      -webkit-transform-origin: top center;
      transform-origin: top center;
      -webkit-animation-name: lumin-ani-swing;
      animation-name: lumin-ani-swing;
    }
    
    @-webkit-keyframes lumin-ani-flash {
      50%,
      from,
      to {
        opacity: 1;
      }
      25%,
      75% {
        opacity: 0;
      }
    }
    
    @keyframes lumin-ani-flash {
      50%,
      from,
      to {
        opacity: 1;
      }
      25%,
      75% {
        opacity: 0;
      }
    }
    
    .lumin-ani-flash {
      -webkit-animation-name: lumin-ani-flash;
      animation-name: lumin-ani-flash;
    }
    
    @-webkit-keyframes lumin-ani-fadeIn {
      from {
        opacity: 0;
      }
      to {
        opacity: 1;
      }
    }
    
    @keyframes lumin-ani-fadeIn {
      from {
        opacity: 0;
      }
      to {
        opacity: 1;
      }
    }
    
    .lumin-ani-fadeIn {
      -webkit-animation-name: lumin-ani-fadeIn;
      animation-name: lumin-ani-fadeIn;
    }
    
    @-webkit-keyframes lumin-ani-heartBeat {
      0%,
      28%,
      70% {
        -webkit-transform: scale(1);
        transform: scale(1);
      }
      14%,
      42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
      }
    }
    
    @keyframes lumin-ani-heartBeat {
      0%,
      28%,
      70% {
        -webkit-transform: scale(1);
        transform: scale(1);
      }
      14%,
      42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
      }
    }
    
    .lumin-ani-heartBeat {
      -webkit-animation-name: lumin-ani-heartBeat;
      animation-name: lumin-ani-heartBeat;
      -webkit-animation-duration: 1.3s;
      animation-duration: 1.3s;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
    }
    
    @-webkit-keyframes lumin-ani-shake {
      from,
      to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
      10%,
      30%,
      50%,
      70%,
      90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
      }
      20%,
      40%,
      60%,
      80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
      }
    }
    
    @keyframes lumin-ani-shake {
      from,
      to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
      10%,
      30%,
      50%,
      70%,
      90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
      }
      20%,
      40%,
      60%,
      80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
      }
    }
    
    .lumin-ani-shake {
      -webkit-animation-name: lumin-ani-shake;
      animation-name: lumin-ani-shake;
    }
    
    /* END ANIMATION */
    
    
    /* START CARD COLOR SWATCHES */
    
    .product-swatches {
      margin-bottom: 10px;
    }
    
    .product-form__controls-group label.color-swatch {
      width: 3.2rem;
      height: 3.2rem;
      padding: 0.9rem;
      border-radius: 50%;
      border: 0.1rem solid rgb(var(--color-border));
      box-sizing: border-box;
    }
    .product-form__controls-group label.color-swatch::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 1.5rem;
      height: 1.5rem;
      transform: translate(-50%, -50%);
      border-radius: inherit;
      background-color: var(--swatch-color);
      transition: border-color var(--duration-default);
      border: 0.1rem solid rgba(var(--color-accent), 0.3);
    }
    
    .card-wrapper .product-form__controls-group {
      gap: 0.4rem;
    }
    .card-wrapper .product-form__controls-group label.color-swatch {
      width: 2rem;
      height: 2rem;
      padding: 0.5rem;
      border-color: transparent;
    }
    .card-wrapper .product-form__controls-group label.color-swatch::after {
      width: 1rem;
      height: 1rem;
    }
    
    .quick-add-modal .product-form__controls-group label.color-swatch {
      height: 3.2rem;
    }
    
    .product-form__controls-group input:checked:not(.disabled) + label.color-swatch,
    .product-form__controls-group input + label.color-swatch:hover {
      border-color: rgb(var(--color-accent));
    }
    
    .product-form__controls-group input.disabled + label.color-swatch {
      opacity: 1;
    }
    .product-form__controls-group input.disabled + label.color-swatch::before {
      top: 50%;
      height: 0.1rem;
      clip-path: unset;
      z-index: 1;
      transform: translateY(-50%) rotate(-45deg);
    }
    
    .product-form__controls-group {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 0.8rem;
    }
    .product-form__controls-group input {
      clip: rect(0, 0, 0, 0);
      overflow: hidden;
      position: absolute;
      height: 1px;
      width: 1px;
    }
    .product-form__controls-group input + label:hover {
      border-color: rgb(var(--color-button));
      color: rgb(var(--color-button));
    }
    .product-form__controls-group input.disabled + label {
      opacity: 0.5;
      pointer-events: none;
      background-color: transparent !important;
      border: 0.15rem solid rgba(var(--color-button-tertiary-text)) !important;
    }
    .product-form__controls-group input.disabled + label:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #9c9a9a;
      clip-path: polygon(96% 0, 100% 0, 4% 100%, 0% 100%);
    }
    .product-form__controls-group input:checked:not(.disabled) + label {
      border-color: rgb(var(--color-button));
      color: rgb(var(--color-button));
    }
    .product-form__controls-group input:checked:not(.disabled) + label:before {
      background-color: rgb(var(--color-button));
    }
    .product-form__controls-group label {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      height: 50px;
      padding: 0 2rem;
      font-size: 1.4rem;
      font-weight: 500;
      color: rgb(var(--color-foreground-title));
      border: 0.2rem solid rgb(var(--color-border));
      border-radius: 0.4rem;
      cursor: pointer;
      position: relative;
      transition: var(--duration-default);
    }
    @media (min-width: 750px) {
      .product-form__controls-group label {
        font-size: 1.6rem;
      }
    }
    
    .variant_button .color-swatch {
      padding: 0 !important;
    }
    /* END CARD COLOR SWATCHES */
    
    /* checkbox start */
    .inactiveMixin {
                content: "";
                position: absolute;
                display: block;
              }
              .beforeAnimation {
                -moz-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
                -o-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
                -webkit-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
                transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
              }
              .afterAnimation {
                box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 0px 0 hsla(0, 0%, 0%, 0.04), 0 4px 9px hsla(0, 0%, 0%, 0.13), 0 3px 3px hsla(0, 0%, 0%, 0.05);
                -moz-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
                -o-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
                -webkit-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
                transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
              }
              .toggleWrapper {
                margin: 20px 0;
                display:flex;
                align-items: center;
              }
              .toggleWrapper input.mobileToggle {
                opacity: 0;
                position: absolute;
              }
              .toggleWrapper input.mobileToggle + label {
                position: relative;
                display: inline-block;
                user-select: none;
                -moz-transition: 0.4s ease;
                -o-transition: 0.4s ease;
                -webkit-transition: 0.4s ease;
                transition: 0.4s ease;
                -webkit-tap-highlight-color: transparent;
                height: 30px;
                width: 50px;
                border: 1px solid #e4e4e4;
                border-radius: 60px;
                flex: 0 0 50px;
                margin-right: 10px;
              }
              .toggleWrapper input.mobileToggle + label:before {
                content: "";
                position: absolute;
                display: block;
                -moz-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
                -o-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
                -webkit-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
                transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
                height: 30px;
                width: 50px;
                top: 0;
                left: -1px;
                border-radius: 30px;
              }
              .toggleWrapper input.mobileToggle + label:after {
                content: "";
                position: absolute;
                display: block;
                box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 0px 0 hsla(0, 0%, 0%, 0.04), 0 4px 9px hsla(0, 0%, 0%, 0.13), 0 3px 3px hsla(0, 0%, 0%, 0.05);
                -moz-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
                -o-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
                -webkit-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
                transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
                background: whitesmoke;
                height: 28px;
                width: 28px;
                top: 0.5px;
                left: 0px;
                border-radius: 60px;
              }
              .toggleWrapper input.mobileToggle:checked + label:before {
                -moz-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
                -o-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
                -webkit-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
                transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
              }
              .toggleWrapper input.mobileToggle:checked + label:after {
                left: 24px;
              }
    
    /* checkbox end */
    
     .testimonial-slider-buttons {
        color:rgba(var(--color-foreground), 1) !important;
        background: rgba(var(--color-button),.1) !important;
        border-radius: 30px;
        width: 30px !important;
        height: 30px !important;
      }
    
    /* tooltip size chart */
    tool-tip{
      display:none;
    }
    
    tool-tip[data-tool-tip-open=true]{
      display:flex;
      justify-content:center;
      align-items:center;
      z-index:10001;
      position:fixed;
      top:0;
      left:0;
      width:100%;
      height:100%
    }
    
    tool-tip[data-tool-tip-open=true]:before{
        content:"";
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background-color:#e0e0e0;
        background-color:{{ settings.color_modal_overlays | default: "#000" }};
        background-color:var(--colorModalBg);
        animation:overlay-on 0.3s forwards;
        cursor:pointer;
      }
    
    .tool-tip__inner{
      animation:modal-close 0.3s forwards;
      opacity:0
    }
    
    tool-tip[data-tool-tip-open=true] .tool-tip__inner{
        animation:modal-open 0.3s forwards;
        display:block;
        position:fixed;
        background-color:#fff;
        box-shadow:0 10px 20px rgba(0, 0, 0, 0.0902);
        padding:30px;
        max-width:720px;
        min-width:250px;
        min-height:250px
    }
    
    @media only screen and (max-width:768px){
    
    tool-tip[data-tool-tip-open=true] .tool-tip__inner{
          width:100%;
          max-width:93%
    }
        }
    
    .tool-tip__content{
      overflow:auto;
      max-height:80vh
    }
    
    @media only screen and (max-width:768px){
    
    .tool-tip__content{
        font-size:0.85em
    }
      }
    
    .tool-tip__close{
      position:absolute;
      top:0;
      right:0;
    }
    
    .tool-tip__close .icon{
      width:28px;
      height:28px;
    }
    
    .tool-tip-trigger{
      background:none;
      border:0;
      cursor:pointer;
    }
    
    .tool-tip-trigger .icon{
      width:28px;
      height:28px;
    }
    
    .tool-tip-trigger__title{
      display:inline-block;
    }
    
    .tool-tip-trigger__title:focus,.tool-tip-trigger__title:hover{
      text-decoration:underline;
      text-underline-offset:2px;
    }
    
    .tool-tip-trigger__content{
      display:none !important;
    }
    
    .size-chart__standalone{
      margin:25px 0;
      margin:var(--sizeChartMargin)
    }
    
    .size-chart__standalone svg{
        margin-left:5px;
        margin-left:var(--sizeChartIconMargin);
      }

    /* ==========================================================================
       DRACO PREMIUM VISUAL ENHANCEMENTS
       ========================================================================== */

    /* Glassmorphism Global Utility */
    .draco-glassmorphism,
    .draco-recommendation-modal--content,
    .tool-tip[data-tool-tip-open=true] .tool-tip__inner,
    .cart-drawer .drawer__inner {
      background: rgba(255, 255, 255, 0.82) !important;
      backdrop-filter: blur(16px) saturate(120%) !important;
      -webkit-backdrop-filter: blur(16px) saturate(120%) !important;
      border: 1px solid rgba(255, 255, 255, 0.45) !important;
      box-shadow: 0 12px 40px rgba(0, 0, 0, 0.06) !important;
    }

    /* Premium Swatches & Selector Buttons */
    .product-form__controls-group label,
    .product-form__input input[type=radio] + label {
      transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1) !important;
      border-color: rgba(var(--color-foreground), 0.1) !important;
    }
    .product-form__controls-group label:hover,
    .product-form__input input[type=radio] + label:hover {
      transform: translateY(-2px);
      box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05);
      border-color: rgb(var(--color-foreground)) !important;
    }
    .product-form__controls-group input:checked:not(.disabled) + label {
      transform: translateY(-1px);
      box-shadow: 0 4px 12px rgba(var(--color-button), 0.15);
    }

    /* CTA Button Premium Glow & Hardware Acceleration */
    .lm-main-button,
    .product-form__submit,
    .shopify-payment-button__button {
      transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), background-color 0.3s ease, box-shadow 0.3s ease !important;
      will-change: transform, box-shadow;
    }
    .lm-main-button:hover,
    .product-form__submit:hover,
    .shopify-payment-button__button:hover {
      transform: translateY(-2.5px) scale(1.015);
      box-shadow: 0 12px 24px rgba(var(--color-button), 0.25) !important;
    }
    .lm-main-button:active,
    .product-form__submit:active,
    .shopify-payment-button__button:active {
      transform: translateY(-0.5px) scale(0.985);
      box-shadow: 0 6px 12px rgba(var(--color-button), 0.18) !important;
    }

    /* FAQ Premium Transitions */
    .accordion details {
      transition: background-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s ease;
      border: 1px solid rgba(var(--color-foreground), 0.05);
      border-radius: 12px;
      margin-bottom: 12px;
      background-color: transparent;
      overflow: hidden;
    }
    .accordion details summary {
      padding: 18px 24px;
      transition: padding 0.35s ease, color 0.35s ease;
    }
    .accordion details[open] {
      background-color: rgba(var(--color-foreground), 0.02);
      border-color: rgba(var(--color-foreground), 0.1);
    }
    .accordion details summary .icon-caret {
      transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
    }
    .accordion details[open] summary .icon-caret {
      transform: rotate(180deg) !important;
    }

    /* Comparative Slider (Before/After) Visual Refinements */
    .ba__frame {
      box-shadow: 0 15px 35px rgba(0, 0, 0, 0.06);
      border: 1px solid rgba(var(--color-foreground), 0.05);
    }
    .ba__line {
      width: 3px !important;
      background: rgba(255, 255, 255, 0.95) !important;
      box-shadow: 0 0 12px rgba(0, 0, 0, 0.25);
    }
    .ba__handle {
      width: 52px !important;
      height: 52px !important;
      background: rgba(255, 255, 255, 0.85) !important;
      backdrop-filter: blur(8px) !important;
      -webkit-backdrop-filter: blur(8px) !important;
      border: 2px solid #ffffff !important;
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16) !important;
      transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s ease !important;
    }
    .ba__range:hover ~ .ba__line .ba__handle {
      transform: translate(-50%, -50%) scale(1.1) !important;
      background: #ffffff !important;
    }
    .ba__handle span {
      background: rgb(var(--color-foreground)) !important;
      width: 3px !important;
      height: 16px !important;
      border-radius: 1.5px !important;
      opacity: 0.75;
    }
    .ba__label {
      background: rgba(255, 255, 255, 0.85) !important;
      backdrop-filter: blur(8px) !important;
      -webkit-backdrop-filter: blur(8px) !important;
      border: 1px solid rgba(255, 255, 255, 0.5) !important;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04) !important;
      transition: all 0.25s ease !important;
    }
    .ba__frame:hover .ba__label {
      opacity: 0.95;
      transform: translateY(-1px);
    }

    /* Feature Comparison Table (Draco Tab) Lifts */
    .vergleich-block {
      transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.25s ease !important;
    }
    .vergleich-block:hover:not(:first-child):not(:last-child) {
      transform: scale(1.01);
      z-index: 10;
    }
    .vergleich-block:hover:not(:first-child):not(:last-child) .vergleich-item {
      background: rgba(var(--color-foreground), 0.02) !important;
      box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.02);
    }
    .vergleich-block:hover:not(:first-child):not(:last-child) .vergleich-item.aktiv {
      background: var(--section-background_mid) !important;
    }
    .vergleich-item {
      transition: background-color 0.25s ease, color 0.25s ease !important;
    }

    /* Before/After Testimonial Cards Refinements (Draco-Before-after.liquid) */
    .before-after__images {
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
      transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease !important;
      position: relative;
    }
    .before-after__images:hover {
      transform: translateY(-4px);
      box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
    }
    .before-after__half {
      overflow: hidden;
    }
    .before-after__half img {
      transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    }
    .before-after__images:hover .before-after__half img {
      transform: scale(1.03);
    }
    .before-after__label {
      backdrop-filter: blur(4px) !important;
      -webkit-backdrop-filter: blur(4px) !important;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
      transition: all 0.25s ease !important;
      font-weight: 700 !important;
      letter-spacing: 0.05em;
    }