#shopify-buyer-consent {
  margin-top: 1em;
  display: inline-block;
  width: 100%;
}

#shopify-buyer-consent.hidden {
  display: none;
}

#shopify-subscription-policy-button {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  font-size: inherit;
  cursor: pointer;
}

#shopify-subscription-policy-button::before {
  box-shadow: none;
}

@font-face {
  font-family: Poppins;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/assets/fonts/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2") format("woff2"),
       url("/assets/fonts/poppins_n4.214741a72ff2596839fc9760ee7a770386cf16ca.woff") format("woff");
}

      @font-face {
  font-family: Poppins;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("/assets/fonts/poppins_n7.56758dcf284489feb014a026f3727f2f20a54626.woff2") format("woff2"),
       url("/assets/fonts/poppins_n7.f34f55d9b3d3205d2cd6f64955ff4b36f0cfd8da.woff") format("woff");
}

      @font-face {
  font-family: Poppins;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("/assets/fonts/poppins_i4.846ad1e22474f856bd6b81ba4585a60799a9f5d2.woff2") format("woff2"),
       url("/assets/fonts/poppins_i4.56b43284e8b52fc64c1fd271f289a39e8477e9ec.woff") format("woff");
}

      @font-face {
  font-family: Poppins;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("/assets/fonts/poppins_i7.42fd71da11e9d101e1e6c7932199f925f9eea42d.woff2") format("woff2");
}

      @font-face {
  font-family: Montserrat;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/assets/fonts/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2") format("woff2"),
       url("/assets/fonts/montserrat_n4.a6c632ca7b62da89c3594789ba828388aac693fe.woff") format("woff");
}


      :root {
        --font-body-family: Poppins, sans-serif;
        --font-body-style: normal;
        --font-body-weight: 400;
        --font-body-weight-bold: 700;

        --font-heading-family: Montserrat, sans-serif;
        --font-heading-style: normal;
        --font-heading-weight: 400;

        --font-body-scale: 1.0;
        --font-heading-scale: 1.0;

        --color-base-text: 71, 71, 71;
        --color-shadow: 71, 71, 71;
        --color-base-background-1: 255, 255, 255;
        --color-base-background-2: 245, 245, 245;
        --color-base-solid-button-labels: 255, 255, 255;
        --color-base-outline-button-labels: 18, 18, 18;
        --color-base-accent-1: 255, 189, 89;
        --color-base-accent-2: 0, 0, 0;
        --payment-terms-background-color: #ffffff;

        --color-base-button-text-hover: #FFFFFF;
        --color-base-button-background-hover: #0c3670;
        --color-base-main_heading: #000;

        --gradient-base-background-1: #ffffff;
        --gradient-base-background-2: #f5f5f5;
        --gradient-base-accent-1: #ffbd59;
        --gradient-base-accent-2: #000000;

        --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: 4px;
        --media-shadow-blur-radius: 5px;
        --media-shadow-visible: 0;

        --page-width: 160rem;
        --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.1;
        --card-shadow-opacity: 0.0;
        --card-shadow-visible: 0;
        --card-shadow-horizontal-offset: 0.0rem;
        --card-shadow-vertical-offset: 0.4rem;
        --card-shadow-blur-radius: 0.5rem;

        --badge-corner-radius: 0.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: 4px;
        --popup-shadow-blur-radius: 5px;

        --drawer-border-width: 1px;
        --drawer-border-opacity: 0.1;
        --drawer-shadow-opacity: 0.0;
        --drawer-shadow-horizontal-offset: 0px;
        --drawer-shadow-vertical-offset: 4px;
        --drawer-shadow-blur-radius: 5px;

        --spacing-sections-desktop: 0px;
        --spacing-sections-mobile: 0px;

        --grid-desktop-vertical-spacing: 28px;
        --grid-desktop-horizontal-spacing: 28px;
        --grid-mobile-vertical-spacing: 14px;
        --grid-mobile-horizontal-spacing: 14px;

        --text-boxes-border-opacity: 0.1;
        --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: 4px;
        --text-boxes-shadow-blur-radius: 5px;

        --buttons-radius: 0px;
        --buttons-radius-outset: 0px;
        --buttons-border-width: 1px;
        --buttons-border-opacity: 1.0;
        --buttons-shadow-opacity: 0.0;
        --buttons-shadow-visible: 0;
        --buttons-shadow-horizontal-offset: 0px;
        --buttons-shadow-vertical-offset: 4px;
        --buttons-shadow-blur-radius: 5px;
        --buttons-border-offset: 0px;

        --inputs-radius: 0px;
        --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: 4px;
        --inputs-shadow-blur-radius: 5px;
        --inputs-radius-outset: 0px;

        --variant-pills-radius: 40px;
        --variant-pills-border-width: 1px;
        --variant-pills-border-opacity: 0.55;
        --variant-pills-shadow-opacity: 0.0;
        --variant-pills-shadow-horizontal-offset: 0px;
        --variant-pills-shadow-vertical-offset: 4px;
        --variant-pills-shadow-blur-radius: 5px;
      }

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

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

      body {
        display: grid;
        grid-template-rows: auto auto 1fr auto;
        grid-template-columns: 100%;
        min-height: 100%;
        margin: 0;
        font-size: 1.4rem;
        letter-spacing: 0;
        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);
        color: rgb(var(--color-base-text));
      }

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

.gps *,.gps :after,.gps :before{border:0 solid #e5e7eb;box-sizing:border-box}.gps :after,.gps :before{--tw-content:""}.gps{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;line-height:inherit;margin:0;-moz-tab-size:4;-o-tab-size:4;tab-size:4}.gps hr{border-top-width:1px;color:inherit;height:0}.gps abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.gps h1,.gps h2,.gps h3,.gps h4,.gps h5,.gps h6{font-size:inherit;font-weight:inherit}.gps a{color:inherit;text-decoration:inherit}.gps b,.gps strong{font-weight:bolder}.gps code,.gps kbd,.gps pre,.gps samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}.gps small{font-size:80%}.gps sub,.gps sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.gps sub{bottom:-.25em}.gps sup{top:-.5em}.gps table{border-collapse:collapse;border-color:inherit;text-indent:0}.gps button,.gps input,.gps optgroup,.gps select,.gps textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}.gps button,.gps select{text-transform:none}.gps [type=button],.gps [type=reset],.gps [type=submit],.gps button{-webkit-appearance:button;background-color:transparent;background-image:none}.gps :-moz-focusring{outline:auto}.gps :-moz-ui-invalid{box-shadow:none}.gps progress{vertical-align:baseline}.gps ::-webkit-inner-spin-button,.gps ::-webkit-outer-spin-button{height:auto}.gps [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.gps ::-webkit-search-decoration{-webkit-appearance:none}.gps ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.gps summary{display:list-item}.gps blockquote,.gps dd,.gps dl,.gps figure,.gps h1,.gps h2,.gps h3,.gps h4,.gps h5,.gps h6,.gps hr,.gps p,.gps pre{margin:0}.gps fieldset{margin:0;padding:0}.gps legend{padding:0}.gps menu,.gps ol,.gps ul{list-style:none;margin:0;padding:0}.gps textarea{resize:vertical}.gps input::-moz-placeholder,.gps textarea::-moz-placeholder{color:#9ca3af;opacity:1}.gps input::placeholder,.gps textarea::placeholder{color:#9ca3af;opacity:1}.gps [role=button],.gps button{cursor:pointer}.gps :disabled{cursor:default}.gps audio,.gps canvas,.gps embed,.gps iframe,.gps img,.gps object,.gps svg,.gps video{display:block;vertical-align:middle}.gps img,.gps video{height:auto;max-width:100%}.gps [hidden]{display:none}.gps{-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}.gps #__next{height:100%;overflow-x:clip}.gps .wrapper{margin-left:auto;margin-right:auto;max-width:var(--g-ct-w,1200px);padding-left:var(--g-ct-p);padding-right:var(--g-ct-p);width:100%}.gps .gem-slider:not([data-keen-slider-disabled]){align-content:flex-start;display:flex;min-height:100%;overflow:hidden;position:relative;width:100%}.gps .gem-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse]{flex-direction:row-reverse}.gps .gem-slider:not([data-keen-slider-disabled])[data-keen-slider-v]{flex-wrap:wrap}.gps [data-keen-slider-moves] *{pointer-events:none}.gps .pb-safe{padding-bottom:env(safe-area-inset-bottom)}.gps .pt-safe{padding-top:env(safe-area-inset-top)}.gps .pl-safe{padding-left:env(safe-area-inset-left)}.gps .pr-safe{padding-right:env(safe-area-inset-right)}.gps .p-safe{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.gps .px-safe{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.gps .py-safe{padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top)}.gps .h-safe{height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.gps .min-h-safe{min-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.gps .gp-text ol,.gps .gp-text ul,.gps .gp-text-instant ol,.gps .gp-text-instant ul{-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:40px;display:block;margin-block-end:1em;margin-block-start:1em;margin-inline-end:0;margin-inline-start:0;padding-inline-start:40px;padding-left:40px}.gps .gp-text strong{font-weight:700}.gps .gp-text ul>li,.gps .gp-text-instant ul>li{list-style:disc inside!important}.gps .gp-text ol>li,.gps .gp-text-instant ol>li{list-style:decimal inside!important}.gps [display-init=hide]>div{display:inline!important;overflow:hidden!important;visibility:hidden!important}.gps [display-init=hide]>div,.gps [display-init=hide]>div *{max-height:0!important;max-width:0!important}.gps [data-slot=children]{align-items:center;border:1px dashed #9e9e9e;border-radius:3px;display:inline-flex;height:100%;justify-content:center;min-height:60px;overflow:hidden;visibility:hidden;width:100%}.gps [data-slot=children].product-feature-image{border:unset;border-radius:0;visibility:visible!important}.gps [data-slot=children]:not(.product-feature-image):after{content:"Drop element here";font-size:14px;font-weight:700;overflow:hidden;text-align:center;text-overflow:ellipsis;visibility:hidden;white-space:nowrap}.gps .gp-instant-page [data-slot=children].product-feature-image{border:unset;visibility:visible!important}.gps .gp-instant-page [data-slot=children].product-feature-image:after{border:unset;color:#aaa;visibility:visible}.gps .gp-instant-page [data-slot=children].product-feature-image .drag-placeholder{height:100%}.gps .gp-dialog{display:none}.gps .gp-dialog[open]{display:block}.gps .gp-dialog:modal{position:fixed}.gps h1,.gps h2,.gps h3,.gps h4,.gps h5,.gps h6{word-break:normal}.gps p{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;text-align:inherit}.gps .gp-p-description-text ol,.gps .gp-p-description-text ul{-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:40px;display:block;margin-block-end:1em;margin-block-start:1em;margin-inline-end:0;margin-inline-start:0;padding-inline-start:40px;padding-left:40px}.gps .gp-p-description-text ol ol{-webkit-margin-before:0;-webkit-margin-after:0;margin-block-end:0;margin-block-start:0}.gps .gp-p-description-text h1{-webkit-margin-before:.67em;-webkit-margin-after:.67em;-webkit-margin-start:0;-webkit-margin-end:0;font-size:2em;margin-block-end:.67em;margin-block-start:.67em;margin-inline-end:0;margin-inline-start:0}.gps .gp-p-description-text h1,.gps .gp-p-description-text h2,.gps .gp-p-description-text h3,.gps .gp-p-description-text h4,.gps .gp-p-description-text h5,.gps .gp-p-description-text h6{display:block;font-weight:700}.gps .gp-p-description-text h1,.gps .gp-p-description-text h2,.gps .gp-p-description-text h3,.gps .gp-p-description-text h4,.gps .gp-p-description-text h5,.gps .gp-p-description-text h6,.gps .gp-p-description-text p{line-height:1.4!important;margin:0 0 1em}.gps .gp-p-description-text h2{font-size:1.5em}.gps .gp-p-description-text h3{font-size:1.17em}.gps .gp-p-description-text a{color:-webkit-link;cursor:text;text-decoration:underline}.gps .gp-p-description-text h4{font-size:1em}.gps .gp-p-description-text h5{font-size:.83em}.gps .gp-p-description-text h6{font-size:.67em}.gps .gp-p-description-text ul{list-style-type:disc}.gps .gp-p-description-text ol{list-style-type:decimal}.gps .gp-p-description-text ul li{display:list-item;list-style:disc none outside;text-align:-webkit-match-parent;word-break:break-word}.gps .gp-p-description-text blockquote{-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:40px;-webkit-margin-end:40px;display:block;margin-block-end:1em;margin-block-start:1em;margin-inline-end:40px;margin-inline-start:40px}.gps .gp-p-description-text table,.gps .gp-p-description-text td,.gps .gp-p-description-text th{border:1px dashed #ccc!important;padding:unset!important}.gps .gp-p-description-text table{border-collapse:separate;border-spacing:2px;box-sizing:border-box;display:table;text-indent:0;width:100%}.gps .gp-p-description-text p:last-child{margin-bottom:0!important}.gps .gp-tab-header-list::-webkit-scrollbar{display:none}.gps .rfm-marquee-container{display:flex;flex-direction:row;max-width:unset!important;position:relative;transform:var(--transform);width:var(--width)}.gps .rfm-overlay{height:100%;position:absolute;width:100%}.gps .rfm-overlay:after{right:0;top:0;transform:rotate(180deg)}.gps .rfm-overlay:before{left:0;top:0}.gps .rfm-marquee{align-items:center;animation:gp-merquee-scroll var(--duration) linear var(--delay) var(--iteration-count);animation-delay:var(--delay);animation-direction:var(--direction);animation-play-state:var(--play);display:flex;flex:0 0 auto;flex-direction:row;max-width:unset!important;min-width:var(--min-width);z-index:1}@keyframes gp-merquee-scroll{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.gps .rfm-initial-child-container{align-items:center;display:flex;flex:0 0 auto;flex-direction:row;min-width:auto}.gps .rfm-child{transform:var(--transform)}.gps [style*="--mbchild:"]>:first-child{margin-bottom:var(--mbchild)}.gps [style*="--grchild:"]>:first-child{grid-row:var(--grchild)}@media (min-width:1025px){.gps .rfm-marquee-container:hover div{animation-play-state:var(--pause-on-hover)}.gps .rfm-marquee-container:active div{animation-play-state:var(--pause-on-click)}}.gps.gpsil [style*="--d:"]{display:var(--d)}@media only screen and (max-width:1024px){.gps.gpsil [style*="--d-tablet:"]{display:var(--d-tablet)}}@media only screen and (max-width:767px){.gps.gpsil [style*="--d-mobile:"]{display:var(--d-mobile)}}.gps.gpsi [style*="--ai:"]{align-items:var(--ai)}.gps.gpsi [style*="--hvr-ai:"]:hover{align-items:var(--hvr-ai)}.gps.gpsi [style*="--focus-ai:"]:focus{align-items:var(--focus-ai)}.gps.gpsi [style*="--as:"]{align-self:var(--as)}.gps.gpsi [style*="--hvr-as:"]:hover{align-self:var(--hvr-as)}.gps.gpsi [style*="--focus-as:"]:focus{align-self:var(--focus-as)}.gps.gpsi [style*="--aspect:"]{aspect-ratio:var(--aspect)}.gps.gpsi [style*="--hvr-aspect:"]:hover{aspect-ratio:var(--hvr-aspect)}.gps.gpsi [style*="--focus-aspect:"]:focus{aspect-ratio:var(--focus-aspect)}.gps.gpsi [style*="--bg:"]{background:var(--bg)}.gps.gpsi [style*="--hvr-bg:"]:hover{background:var(--hvr-bg)}.gps.gpsi [style*="--focus-bg:"]:focus{background:var(--focus-bg)}.gps.gpsi [style*="--bga:"]{background-attachment:var(--bga)}.gps.gpsi [style*="--hvr-bga:"]:hover{background-attachment:var(--hvr-bga)}.gps.gpsi [style*="--focus-bga:"]:focus{background-attachment:var(--focus-bga)}.gps.gpsi [style*="--bgc:"]{background-color:var(--bgc)}.gps.gpsi [style*="--hvr-bgc:"]:hover{background-color:var(--hvr-bgc)}.gps.gpsi [style*="--focus-bgc:"]:focus{background-color:var(--focus-bgc)}.gps.gpsi [style*="--bgi:"]{background-image:var(--bgi)}.gps.gpsi [style*="--hvr-bgi:"]:hover{background-image:var(--hvr-bgi)}.gps.gpsi [style*="--focus-bgi:"]:focus{background-image:var(--focus-bgi)}.gps.gpsi [style*="--bgp:"]{background-position:var(--bgp)}.gps.gpsi [style*="--hvr-bgp:"]:hover{background-position:var(--hvr-bgp)}.gps.gpsi [style*="--focus-bgp:"]:focus{background-position:var(--focus-bgp)}.gps.gpsi [style*="--bgr:"]{background-repeat:var(--bgr)}.gps.gpsi [style*="--hvr-bgr:"]:hover{background-repeat:var(--hvr-bgr)}.gps.gpsi [style*="--focus-bgr:"]:focus{background-repeat:var(--focus-bgr)}.gps.gpsi [style*="--bgs:"]{background-size:var(--bgs)}.gps.gpsi [style*="--hvr-bgs:"]:hover{background-size:var(--hvr-bgs)}.gps.gpsi [style*="--focus-bgs:"]:focus{background-size:var(--focus-bgs)}.gps.gpsi [style*="--b:"]{border:var(--b)}.gps.gpsi [style*="--hvr-b:"]:hover{border:var(--hvr-b)}.gps.gpsi [style*="--focus-b:"]:focus{border:var(--focus-b)}.gps.gpsi [style*="--bb:"]{border-bottom:var(--bb)}.gps.gpsi [style*="--hvr-bb:"]:hover{border-bottom:var(--hvr-bb)}.gps.gpsi [style*="--focus-bb:"]:focus{border-bottom:var(--focus-bb)}.gps.gpsi [style*="--bbw:"]{border-bottom-width:var(--bbw)}.gps.gpsi [style*="--hvr-bbw:"]:hover{border-bottom-width:var(--hvr-bbw)}.gps.gpsi [style*="--focus-bbw:"]:focus{border-bottom-width:var(--focus-bbw)}.gps.gpsi [style*="--blw:"]{border-left-width:var(--blw)}.gps.gpsi [style*="--hvr-blw:"]:hover{border-left-width:var(--hvr-blw)}.gps.gpsi [style*="--focus-blw:"]:focus{border-left-width:var(--focus-blw)}.gps.gpsi [style*="--brw:"]{border-right-width:var(--brw)}.gps.gpsi [style*="--hvr-brw:"]:hover{border-right-width:var(--hvr-brw)}.gps.gpsi [style*="--focus-brw:"]:focus{border-right-width:var(--focus-brw)}.gps.gpsi [style*="--btw:"]{border-top-width:var(--btw)}.gps.gpsi [style*="--hvr-btw:"]:hover{border-top-width:var(--hvr-btw)}.gps.gpsi [style*="--focus-btw:"]:focus{border-top-width:var(--focus-btw)}.gps.gpsi [style*="--bbc:"]{border-bottom-color:var(--bbc)}.gps.gpsi [style*="--hvr-bbc:"]:hover{border-bottom-color:var(--hvr-bbc)}.gps.gpsi [style*="--focus-bbc:"]:focus{border-bottom-color:var(--focus-bbc)}.gps.gpsi [style*="--btc:"]{border-top-color:var(--btc)}.gps.gpsi [style*="--hvr-btc:"]:hover{border-top-color:var(--hvr-btc)}.gps.gpsi [style*="--focus-btc:"]:focus{border-top-color:var(--focus-btc)}.gps.gpsi [style*="--blc:"]{border-left-color:var(--blc)}.gps.gpsi [style*="--hvr-blc:"]:hover{border-left-color:var(--hvr-blc)}.gps.gpsi [style*="--focus-blc:"]:focus{border-left-color:var(--focus-blc)}.gps.gpsi [style*="--brc:"]{border-right-color:var(--brc)}.gps.gpsi [style*="--hvr-brc:"]:hover{border-right-color:var(--hvr-brc)}.gps.gpsi [style*="--focus-brc:"]:focus{border-right-color:var(--focus-brc)}.gps.gpsi [style*="--bc:"]{border-color:var(--bc)}.gps.gpsi [style*="--hvr-bc:"]:hover{border-color:var(--hvr-bc)}.gps.gpsi [style*="--focus-bc:"]:focus{border-color:var(--focus-bc)}.gps.gpsi [style*="--bblr:"]{border-bottom-left-radius:var(--bblr)}.gps.gpsi [style*="--hvr-bblr:"]:hover{border-bottom-left-radius:var(--hvr-bblr)}.gps.gpsi [style*="--focus-bblr:"]:focus{border-bottom-left-radius:var(--focus-bblr)}.gps.gpsi [style*="--bbrr:"]{border-bottom-right-radius:var(--bbrr)}.gps.gpsi [style*="--hvr-bbrr:"]:hover{border-bottom-right-radius:var(--hvr-bbrr)}.gps.gpsi [style*="--focus-bbrr:"]:focus{border-bottom-right-radius:var(--focus-bbrr)}.gps.gpsi [style*="--bl:"]{border-left:var(--bl)}.gps.gpsi [style*="--hvr-bl:"]:hover{border-left:var(--hvr-bl)}.gps.gpsi [style*="--focus-bl:"]:focus{border-left:var(--focus-bl)}.gps.gpsi [style*="--radius:"]{border-radius:var(--radius)}.gps.gpsi [style*="--hvr-radius:"]:hover{border-radius:var(--hvr-radius)}.gps.gpsi [style*="--focus-radius:"]:focus{border-radius:var(--focus-radius)}.gps.gpsi [style*="--br:"]{border-right:var(--br)}.gps.gpsi [style*="--hvr-br:"]:hover{border-right:var(--hvr-br)}.gps.gpsi [style*="--focus-br:"]:focus{border-right:var(--focus-br)}.gps.gpsi [style*="--bs:"]{border-style:var(--bs)}.gps.gpsi [style*="--hvr-bs:"]:hover{border-style:var(--hvr-bs)}.gps.gpsi [style*="--focus-bs:"]:focus{border-style:var(--focus-bs)}.gps.gpsi [style*="--bt:"]{border-top:var(--bt)}.gps.gpsi [style*="--hvr-bt:"]:hover{border-top:var(--hvr-bt)}.gps.gpsi [style*="--focus-bt:"]:focus{border-top:var(--focus-bt)}.gps.gpsi [style*="--btlr:"]{border-top-left-radius:var(--btlr)}.gps.gpsi [style*="--hvr-btlr:"]:hover{border-top-left-radius:var(--hvr-btlr)}.gps.gpsi [style*="--focus-btlr:"]:focus{border-top-left-radius:var(--focus-btlr)}.gps.gpsi [style*="--btrr:"]{border-top-right-radius:var(--btrr)}.gps.gpsi [style*="--hvr-btrr:"]:hover{border-top-right-radius:var(--hvr-btrr)}.gps.gpsi [style*="--focus-btrr:"]:focus{border-top-right-radius:var(--focus-btrr)}.gps.gpsi [style*="--bw:"]{border-width:var(--bw)}.gps.gpsi [style*="--hvr-bw:"]:hover{border-width:var(--hvr-bw)}.gps.gpsi [style*="--focus-bw:"]:focus{border-width:var(--focus-bw)}.gps.gpsi [style*="--bottom:"]{bottom:var(--bottom)}.gps.gpsi [style*="--hvr-bottom:"]:hover{bottom:var(--hvr-bottom)}.gps.gpsi [style*="--focus-bottom:"]:focus{bottom:var(--focus-bottom)}.gps.gpsi [style*="--shadow:"]{box-shadow:var(--shadow)}.gps.gpsi [style*="--hvr-shadow:"]:hover{box-shadow:var(--hvr-shadow)}.gps.gpsi [style*="--focus-shadow:"]:focus{box-shadow:var(--focus-shadow)}.gps.gpsi [style*="--c:"]{color:var(--c)}.gps.gpsi [style*="--hvr-c:"]:hover{color:var(--hvr-c)}.gps.gpsi [style*="--focus-c:"]:focus{color:var(--focus-c)}.gps.gpsi [style*="--cg:"]{-moz-column-gap:var(--cg);column-gap:var(--cg)}.gps.gpsi [style*="--hvr-cg:"]:hover{-moz-column-gap:var(--hvr-cg);column-gap:var(--hvr-cg)}.gps.gpsi [style*="--focus-cg:"]:focus{-moz-column-gap:var(--focus-cg);column-gap:var(--focus-cg)}.gps.gpsi [style*="--d:"]{display:var(--d)}.gps.gpsi [style*="--hvr-d:"]:hover{display:var(--hvr-d)}.gps.gpsi [style*="--focus-d:"]:focus{display:var(--focus-d)}.gps.gpsi [style*="--fd:"]{flex-direction:var(--fd)}.gps.gpsi [style*="--hvr-fd:"]:hover{flex-direction:var(--hvr-fd)}.gps.gpsi [style*="--focus-fd:"]:focus{flex-direction:var(--focus-fd)}.gps.gpsi [style*="--ff:"]{font-family:var(--ff)}.gps.gpsi [style*="--hvr-ff:"]:hover{font-family:var(--hvr-ff)}.gps.gpsi [style*="--focus-ff:"]:focus{font-family:var(--focus-ff)}.gps.gpsi [style*="--size:"]{font-size:var(--size)}.gps.gpsi [style*="--hvr-size:"]:hover{font-size:var(--hvr-size)}.gps.gpsi [style*="--focus-size:"]:focus{font-size:var(--focus-size)}.gps.gpsi [style*="--weight:"]{font-weight:var(--weight)}.gps.gpsi [style*="--hvr-weight:"]:hover{font-weight:var(--hvr-weight)}.gps.gpsi [style*="--focus-weight:"]:focus{font-weight:var(--focus-weight)}.gps.gpsi [style*="--fs:"]{font-style:var(--fs)}.gps.gpsi [style*="--hvr-fs:"]:hover{font-style:var(--hvr-fs)}.gps.gpsi [style*="--focus-fs:"]:focus{font-style:var(--focus-fs)}.gps.gpsi [style*="--gg:"]{grid-gap:var(--gg)}.gps.gpsi [style*="--hvr-gg:"]:hover{grid-gap:var(--hvr-gg)}.gps.gpsi [style*="--focus-gg:"]:focus{grid-gap:var(--focus-gg)}.gps.gpsi [style*="--gr:"]{grid-row:var(--gr)}.gps.gpsi [style*="--hvr-gr:"]:hover{grid-row:var(--hvr-gr)}.gps.gpsi [style*="--focus-gr:"]:focus{grid-row:var(--focus-gr)}.gps.gpsi [style*="--gtc:"]{grid-template-columns:var(--gtc)}.gps.gpsi [style*="--hvr-gtc:"]:hover{grid-template-columns:var(--hvr-gtc)}.gps.gpsi [style*="--focus-gtc:"]:focus{grid-template-columns:var(--focus-gtc)}.gps.gpsi [style*="--gtr:"]{grid-template-rows:var(--gtr)}.gps.gpsi [style*="--hvr-gtr:"]:hover{grid-template-rows:var(--hvr-gtr)}.gps.gpsi [style*="--focus-gtr:"]:focus{grid-template-rows:var(--focus-gtr)}.gps.gpsi [style*="--h:"]{height:var(--h)}.gps.gpsi [style*="--hvr-h:"]:hover{height:var(--hvr-h)}.gps.gpsi [style*="--focus-h:"]:focus{height:var(--focus-h)}.gps.gpsi [style*="--jc:"]{justify-content:var(--jc)}.gps.gpsi [style*="--hvr-jc:"]:hover{justify-content:var(--hvr-jc)}.gps.gpsi [style*="--focus-jc:"]:focus{justify-content:var(--focus-jc)}.gps.gpsi [style*="--js:"]{justify-self:var(--js)}.gps.gpsi [style*="--hvr-js:"]:hover{justify-self:var(--hvr-js)}.gps.gpsi [style*="--focus-js:"]:focus{justify-self:var(--focus-js)}.gps.gpsi [style*="--left:"]{left:var(--left)}.gps.gpsi [style*="--hvr-left:"]:hover{left:var(--hvr-left)}.gps.gpsi [style*="--focus-left:"]:focus{left:var(--focus-left)}.gps.gpsi [style*="--ls:"]{letter-spacing:var(--ls)}.gps.gpsi [style*="--hvr-ls:"]:hover{letter-spacing:var(--hvr-ls)}.gps.gpsi [style*="--focus-ls:"]:focus{letter-spacing:var(--focus-ls)}.gps.gpsi [style*="--lh:"]{line-height:var(--lh)}.gps.gpsi [style*="--hvr-lh:"]:hover{line-height:var(--hvr-lh)}.gps.gpsi [style*="--focus-lh:"]:focus{line-height:var(--focus-lh)}.gps.gpsi [style*="--tdt:"]{text-decoration-thickness:var(--tdt)}.gps.gpsi [style*="--hvr-tdt:"]:hover{text-decoration-thickness:var(--hvr-tdt)}.gps.gpsi [style*="--focus-tdt:"]:focus{text-decoration-thickness:var(--focus-tdt)}.gps.gpsi [style*="--tdc:"]{text-decoration-color:var(--tdc)}.gps.gpsi [style*="--hvr-tdc:"]:hover{text-decoration-color:var(--hvr-tdc)}.gps.gpsi [style*="--focus-tdc:"]:focus{text-decoration-color:var(--focus-tdc)}.gps.gpsi [style*="--tdl:"]{text-decoration-line:var(--tdl)}.gps.gpsi [style*="--hvr-tdl:"]:hover{text-decoration-line:var(--hvr-tdl)}.gps.gpsi [style*="--focus-tdl:"]:focus{text-decoration-line:var(--focus-tdl)}.gps.gpsi [style*="--m:"]{margin:var(--m)}.gps.gpsi [style*="--hvr-m:"]:hover{margin:var(--hvr-m)}.gps.gpsi [style*="--focus-m:"]:focus{margin:var(--focus-m)}.gps.gpsi [style*="--mb:"]{margin-bottom:var(--mb)}.gps.gpsi [style*="--hvr-mb:"]:hover{margin-bottom:var(--hvr-mb)}.gps.gpsi [style*="--focus-mb:"]:focus{margin-bottom:var(--focus-mb)}.gps.gpsi [style*="--ml:"]{margin-left:var(--ml)}.gps.gpsi [style*="--hvr-ml:"]:hover{margin-left:var(--hvr-ml)}.gps.gpsi [style*="--focus-ml:"]:focus{margin-left:var(--focus-ml)}.gps.gpsi [style*="--mr:"]{margin-right:var(--mr)}.gps.gpsi [style*="--hvr-mr:"]:hover{margin-right:var(--hvr-mr)}.gps.gpsi [style*="--focus-mr:"]:focus{margin-right:var(--focus-mr)}.gps.gpsi [style*="--mt:"]{margin-top:var(--mt)}.gps.gpsi [style*="--hvr-mt:"]:hover{margin-top:var(--hvr-mt)}.gps.gpsi [style*="--focus-mt:"]:focus{margin-top:var(--focus-mt)}.gps.gpsi [style*="--maxh:"]{max-height:var(--maxh)}.gps.gpsi [style*="--hvr-maxh:"]:hover{max-height:var(--hvr-maxh)}.gps.gpsi [style*="--focus-maxh:"]:focus{max-height:var(--focus-maxh)}.gps.gpsi [style*="--maxw:"]{max-width:var(--maxw)}.gps.gpsi [style*="--hvr-maxw:"]:hover{max-width:var(--hvr-maxw)}.gps.gpsi [style*="--focus-maxw:"]:focus{max-width:var(--focus-maxw)}.gps.gpsi [style*="--minh:"]{min-height:var(--minh)}.gps.gpsi [style*="--hvr-minh:"]:hover{min-height:var(--hvr-minh)}.gps.gpsi [style*="--focus-minh:"]:focus{min-height:var(--focus-minh)}.gps.gpsi [style*="--minw:"]{min-width:var(--minw)}.gps.gpsi [style*="--hvr-minw:"]:hover{min-width:var(--hvr-minw)}.gps.gpsi [style*="--focus-minw:"]:focus{min-width:var(--focus-minw)}.gps.gpsi [style*="--objf:"]{-o-object-fit:var(--objf);object-fit:var(--objf)}.gps.gpsi [style*="--hvr-objf:"]:hover{-o-object-fit:var(--hvr-objf);object-fit:var(--hvr-objf)}.gps.gpsi [style*="--focus-objf:"]:focus{-o-object-fit:var(--focus-objf);object-fit:var(--focus-objf)}.gps.gpsi [style*="--op:"]{opacity:var(--op)}.gps.gpsi [style*="--hvr-op:"]:hover{opacity:var(--hvr-op)}.gps.gpsi [style*="--focus-op:"]:focus{opacity:var(--focus-op)}.gps.gpsi [style*="--o:"]{order:var(--o)}.gps.gpsi [style*="--hvr-o:"]:hover{order:var(--hvr-o)}.gps.gpsi [style*="--focus-o:"]:focus{order:var(--focus-o)}.gps.gpsi [style*="--of:"]{overflow:var(--of)}.gps.gpsi [style*="--hvr-of:"]:hover{overflow:var(--hvr-of)}.gps.gpsi [style*="--focus-of:"]:focus{overflow:var(--focus-of)}.gps.gpsi [style*="--ofx:"]{overflow-x:var(--ofx)}.gps.gpsi [style*="--hvr-ofx:"]:hover{overflow-x:var(--hvr-ofx)}.gps.gpsi [style*="--focus-ofx:"]:focus{overflow-x:var(--focus-ofx)}.gps.gpsi [style*="--ofy:"]{overflow-y:var(--ofy)}.gps.gpsi [style*="--hvr-ofy:"]:hover{overflow-y:var(--hvr-ofy)}.gps.gpsi [style*="--focus-ofy:"]:focus{overflow-y:var(--focus-ofy)}.gps.gpsi [style*="--pc:"]{place-content:var(--pc)}.gps.gpsi [style*="--hvr-pc:"]:hover{place-content:var(--hvr-pc)}.gps.gpsi [style*="--focus-pc:"]:focus{place-content:var(--focus-pc)}.gps.gpsi [style*="--p:"]{padding:var(--p)}.gps.gpsi [style*="--hvr-p:"]:hover{padding:var(--hvr-p)}.gps.gpsi [style*="--focus-p:"]:focus{padding:var(--focus-p)}.gps.gpsi [style*="--pb:"]{padding-bottom:var(--pb)}.gps.gpsi [style*="--hvr-pb:"]:hover{padding-bottom:var(--hvr-pb)}.gps.gpsi [style*="--focus-pb:"]:focus{padding-bottom:var(--focus-pb)}.gps.gpsi [style*="--pl:"]{padding-left:var(--pl)}.gps.gpsi [style*="--hvr-pl:"]:hover{padding-left:var(--hvr-pl)}.gps.gpsi [style*="--focus-pl:"]:focus{padding-left:var(--focus-pl)}.gps.gpsi [style*="--pr:"]{padding-right:var(--pr)}.gps.gpsi [style*="--hvr-pr:"]:hover{padding-right:var(--hvr-pr)}.gps.gpsi [style*="--focus-pr:"]:focus{padding-right:var(--focus-pr)}.gps.gpsi [style*="--pt:"]{padding-top:var(--pt)}.gps.gpsi [style*="--hvr-pt:"]:hover{padding-top:var(--hvr-pt)}.gps.gpsi [style*="--focus-pt:"]:focus{padding-top:var(--focus-pt)}.gps.gpsi [style*="--pe:"]{pointer-events:var(--pe)}.gps.gpsi [style*="--hvr-pe:"]:hover{pointer-events:var(--hvr-pe)}.gps.gpsi [style*="--focus-pe:"]:focus{pointer-events:var(--focus-pe)}.gps.gpsi [style*="--pos:"]{position:var(--pos)}.gps.gpsi [style*="--hvr-pos:"]:hover{position:var(--hvr-pos)}.gps.gpsi [style*="--focus-pos:"]:focus{position:var(--focus-pos)}.gps.gpsi [style*="--right:"]{right:var(--right)}.gps.gpsi [style*="--hvr-right:"]:hover{right:var(--hvr-right)}.gps.gpsi [style*="--focus-right:"]:focus{right:var(--focus-right)}.gps.gpsi [style*="--rg:"]{row-gap:var(--rg)}.gps.gpsi [style*="--hvr-rg:"]:hover{row-gap:var(--hvr-rg)}.gps.gpsi [style*="--focus-rg:"]:focus{row-gap:var(--focus-rg)}.gps.gpsi [style*="--ta:"]{text-align:var(--ta)}.gps.gpsi [style*="--hvr-ta:"]:hover{text-align:var(--hvr-ta)}.gps.gpsi [style*="--focus-ta:"]:focus{text-align:var(--focus-ta)}.gps.gpsi [style*="--ts:"]{text-shadow:var(--ts)}.gps.gpsi [style*="--hvr-ts:"]:hover{text-shadow:var(--hvr-ts)}.gps.gpsi [style*="--focus-ts:"]:focus{text-shadow:var(--focus-ts)}.gps.gpsi [style*="--tt:"]{text-transform:var(--tt)}.gps.gpsi [style*="--hvr-tt:"]:hover{text-transform:var(--hvr-tt)}.gps.gpsi [style*="--focus-tt:"]:focus{text-transform:var(--focus-tt)}.gps.gpsi [style*="--top:"]{top:var(--top)}.gps.gpsi [style*="--hvr-top:"]:hover{top:var(--hvr-top)}.gps.gpsi [style*="--focus-top:"]:focus{top:var(--focus-top)}.gps.gpsi [style*="--t:"]{transform:var(--t)}.gps.gpsi [style*="--hvr-t:"]:hover{transform:var(--hvr-t)}.gps.gpsi [style*="--focus-t:"]:focus{transform:var(--focus-t)}.gps.gpsi [style*="--v:"]{visibility:var(--v)}.gps.gpsi [style*="--hvr-v:"]:hover{visibility:var(--hvr-v)}.gps.gpsi [style*="--focus-v:"]:focus{visibility:var(--focus-v)}.gps.gpsi [style*="--ws:"]{white-space:var(--ws)}.gps.gpsi [style*="--hvr-ws:"]:hover{white-space:var(--hvr-ws)}.gps.gpsi [style*="--focus-ws:"]:focus{white-space:var(--focus-ws)}.gps.gpsi [style*="--w:"]{width:var(--w)}.gps.gpsi [style*="--hvr-w:"]:hover{width:var(--hvr-w)}.gps.gpsi [style*="--focus-w:"]:focus{width:var(--focus-w)}.gps.gpsi [style*="--z:"]{z-index:var(--z)}.gps.gpsi [style*="--hvr-z:"]:hover{z-index:var(--hvr-z)}.gps.gpsi [style*="--focus-z:"]:focus{z-index:var(--focus-z)}.gps.gpsi [style*="--wm:"]{writing-mode:var(--wm)}.gps.gpsi [style*="--hvr-wm:"]:hover{writing-mode:var(--hvr-wm)}.gps.gpsi [style*="--focus-wm:"]:focus{writing-mode:var(--focus-wm)}.gps.gpsi [style*="--line-clamp:"]{-webkit-box-orient:vertical;-webkit-line-clamp:var(--line-clamp);display:-webkit-box;overflow:hidden}@media only screen and (max-width:1024px){.gps.gpsi [style*="--ai-tablet:"]{align-items:var(--ai-tablet)}.gps.gpsi [style*="--hvr-ai-tablet:"]:hover{align-items:var(--hvr-ai-tablet)}.gps.gpsi [style*="--focus-ai-tablet:"]:focus{align-items:var(--focus-ai-tablet)}.gps.gpsi [style*="--as-tablet:"]{align-self:var(--as-tablet)}.gps.gpsi [style*="--hvr-as-tablet:"]:hover{align-self:var(--hvr-as-tablet)}.gps.gpsi [style*="--focus-as-tablet:"]:focus{align-self:var(--focus-as-tablet)}.gps.gpsi [style*="--aspect-tablet:"]{aspect-ratio:var(--aspect-tablet)}.gps.gpsi [style*="--hvr-aspect-tablet:"]:hover{aspect-ratio:var(--hvr-aspect-tablet)}.gps.gpsi [style*="--focus-aspect-tablet:"]:focus{aspect-ratio:var(--focus-aspect-tablet)}.gps.gpsi [style*="--bg-tablet:"]{background:var(--bg-tablet)}.gps.gpsi [style*="--hvr-bg-tablet:"]:hover{background:var(--hvr-bg-tablet)}.gps.gpsi [style*="--focus-bg-tablet:"]:focus{background:var(--focus-bg-tablet)}.gps.gpsi [style*="--bga-tablet:"]{background-attachment:var(--bga-tablet)}.gps.gpsi [style*="--hvr-bga-tablet:"]:hover{background-attachment:var(--hvr-bga-tablet)}.gps.gpsi [style*="--focus-bga-tablet:"]:focus{background-attachment:var(--focus-bga-tablet)}.gps.gpsi [style*="--bgc-tablet:"]{background-color:var(--bgc-tablet)}.gps.gpsi [style*="--hvr-bgc-tablet:"]:hover{background-color:var(--hvr-bgc-tablet)}.gps.gpsi [style*="--focus-bgc-tablet:"]:focus{background-color:var(--focus-bgc-tablet)}.gps.gpsi [style*="--bgi-tablet:"]{background-image:var(--bgi-tablet)}.gps.gpsi [style*="--hvr-bgi-tablet:"]:hover{background-image:var(--hvr-bgi-tablet)}.gps.gpsi [style*="--focus-bgi-tablet:"]:focus{background-image:var(--focus-bgi-tablet)}.gps.gpsi [style*="--bgp-tablet:"]{background-position:var(--bgp-tablet)}.gps.gpsi [style*="--hvr-bgp-tablet:"]:hover{background-position:var(--hvr-bgp-tablet)}.gps.gpsi [style*="--focus-bgp-tablet:"]:focus{background-position:var(--focus-bgp-tablet)}.gps.gpsi [style*="--bgr-tablet:"]{background-repeat:var(--bgr-tablet)}.gps.gpsi [style*="--hvr-bgr-tablet:"]:hover{background-repeat:var(--hvr-bgr-tablet)}.gps.gpsi [style*="--focus-bgr-tablet:"]:focus{background-repeat:var(--focus-bgr-tablet)}.gps.gpsi [style*="--bgs-tablet:"]{background-size:var(--bgs-tablet)}.gps.gpsi [style*="--hvr-bgs-tablet:"]:hover{background-size:var(--hvr-bgs-tablet)}.gps.gpsi [style*="--focus-bgs-tablet:"]:focus{background-size:var(--focus-bgs-tablet)}.gps.gpsi [style*="--b-tablet:"]{border:var(--b-tablet)}.gps.gpsi [style*="--hvr-b-tablet:"]:hover{border:var(--hvr-b-tablet)}.gps.gpsi [style*="--focus-b-tablet:"]:focus{border:var(--focus-b-tablet)}.gps.gpsi [style*="--bb-tablet:"]{border-bottom:var(--bb-tablet)}.gps.gpsi [style*="--hvr-bb-tablet:"]:hover{border-bottom:var(--hvr-bb-tablet)}.gps.gpsi [style*="--focus-bb-tablet:"]:focus{border-bottom:var(--focus-bb-tablet)}.gps.gpsi [style*="--bbw-tablet:"]{border-bottom-width:var(--bbw-tablet)}.gps.gpsi [style*="--hvr-bbw-tablet:"]:hover{border-bottom-width:var(--hvr-bbw-tablet)}.gps.gpsi [style*="--focus-bbw-tablet:"]:focus{border-bottom-width:var(--focus-bbw-tablet)}.gps.gpsi [style*="--blw-tablet:"]{border-left-width:var(--blw-tablet)}.gps.gpsi [style*="--hvr-blw-tablet:"]:hover{border-left-width:var(--hvr-blw-tablet)}.gps.gpsi [style*="--focus-blw-tablet:"]:focus{border-left-width:var(--focus-blw-tablet)}.gps.gpsi [style*="--brw-tablet:"]{border-right-width:var(--brw-tablet)}.gps.gpsi [style*="--hvr-brw-tablet:"]:hover{border-right-width:var(--hvr-brw-tablet)}.gps.gpsi [style*="--focus-brw-tablet:"]:focus{border-right-width:var(--focus-brw-tablet)}.gps.gpsi [style*="--btw-tablet:"]{border-top-width:var(--btw-tablet)}.gps.gpsi [style*="--hvr-btw-tablet:"]:hover{border-top-width:var(--hvr-btw-tablet)}.gps.gpsi [style*="--focus-btw-tablet:"]:focus{border-top-width:var(--focus-btw-tablet)}.gps.gpsi [style*="--bbc-tablet:"]{border-bottom-color:var(--bbc-tablet)}.gps.gpsi [style*="--hvr-bbc-tablet:"]:hover{border-bottom-color:var(--hvr-bbc-tablet)}.gps.gpsi [style*="--focus-bbc-tablet:"]:focus{border-bottom-color:var(--focus-bbc-tablet)}.gps.gpsi [style*="--btc-tablet:"]{border-top-color:var(--btc-tablet)}.gps.gpsi [style*="--hvr-btc-tablet:"]:hover{border-top-color:var(--hvr-btc-tablet)}.gps.gpsi [style*="--focus-btc-tablet:"]:focus{border-top-color:var(--focus-btc-tablet)}.gps.gpsi [style*="--blc-tablet:"]{border-left-color:var(--blc-tablet)}.gps.gpsi [style*="--hvr-blc-tablet:"]:hover{border-left-color:var(--hvr-blc-tablet)}.gps.gpsi [style*="--focus-blc-tablet:"]:focus{border-left-color:var(--focus-blc-tablet)}.gps.gpsi [style*="--brc-tablet:"]{border-right-color:var(--brc-tablet)}.gps.gpsi [style*="--hvr-brc-tablet:"]:hover{border-right-color:var(--hvr-brc-tablet)}.gps.gpsi [style*="--focus-brc-tablet:"]:focus{border-right-color:var(--focus-brc-tablet)}.gps.gpsi [style*="--bc-tablet:"]{border-color:var(--bc-tablet)}.gps.gpsi [style*="--hvr-bc-tablet:"]:hover{border-color:var(--hvr-bc-tablet)}.gps.gpsi [style*="--focus-bc-tablet:"]:focus{border-color:var(--focus-bc-tablet)}.gps.gpsi [style*="--bblr-tablet:"]{border-bottom-left-radius:var(--bblr-tablet)}.gps.gpsi [style*="--hvr-bblr-tablet:"]:hover{border-bottom-left-radius:var(--hvr-bblr-tablet)}.gps.gpsi [style*="--focus-bblr-tablet:"]:focus{border-bottom-left-radius:var(--focus-bblr-tablet)}.gps.gpsi [style*="--bbrr-tablet:"]{border-bottom-right-radius:var(--bbrr-tablet)}.gps.gpsi [style*="--hvr-bbrr-tablet:"]:hover{border-bottom-right-radius:var(--hvr-bbrr-tablet)}.gps.gpsi [style*="--focus-bbrr-tablet:"]:focus{border-bottom-right-radius:var(--focus-bbrr-tablet)}.gps.gpsi [style*="--bl-tablet:"]{border-left:var(--bl-tablet)}.gps.gpsi [style*="--hvr-bl-tablet:"]:hover{border-left:var(--hvr-bl-tablet)}.gps.gpsi [style*="--focus-bl-tablet:"]:focus{border-left:var(--focus-bl-tablet)}.gps.gpsi [style*="--radius-tablet:"]{border-radius:var(--radius-tablet)}.gps.gpsi [style*="--hvr-radius-tablet:"]:hover{border-radius:var(--hvr-radius-tablet)}.gps.gpsi [style*="--focus-radius-tablet:"]:focus{border-radius:var(--focus-radius-tablet)}.gps.gpsi [style*="--br-tablet:"]{border-right:var(--br-tablet)}.gps.gpsi [style*="--hvr-br-tablet:"]:hover{border-right:var(--hvr-br-tablet)}.gps.gpsi [style*="--focus-br-tablet:"]:focus{border-right:var(--focus-br-tablet)}.gps.gpsi [style*="--bs-tablet:"]{border-style:var(--bs-tablet)}.gps.gpsi [style*="--hvr-bs-tablet:"]:hover{border-style:var(--hvr-bs-tablet)}.gps.gpsi [style*="--focus-bs-tablet:"]:focus{border-style:var(--focus-bs-tablet)}.gps.gpsi [style*="--bt-tablet:"]{border-top:var(--bt-tablet)}.gps.gpsi [style*="--hvr-bt-tablet:"]:hover{border-top:var(--hvr-bt-tablet)}.gps.gpsi [style*="--focus-bt-tablet:"]:focus{border-top:var(--focus-bt-tablet)}.gps.gpsi [style*="--btlr-tablet:"]{border-top-left-radius:var(--btlr-tablet)}.gps.gpsi [style*="--hvr-btlr-tablet:"]:hover{border-top-left-radius:var(--hvr-btlr-tablet)}.gps.gpsi [style*="--focus-btlr-tablet:"]:focus{border-top-left-radius:var(--focus-btlr-tablet)}.gps.gpsi [style*="--btrr-tablet:"]{border-top-right-radius:var(--btrr-tablet)}.gps.gpsi [style*="--hvr-btrr-tablet:"]:hover{border-top-right-radius:var(--hvr-btrr-tablet)}.gps.gpsi [style*="--focus-btrr-tablet:"]:focus{border-top-right-radius:var(--focus-btrr-tablet)}.gps.gpsi [style*="--bw-tablet:"]{border-width:var(--bw-tablet)}.gps.gpsi [style*="--hvr-bw-tablet:"]:hover{border-width:var(--hvr-bw-tablet)}.gps.gpsi [style*="--focus-bw-tablet:"]:focus{border-width:var(--focus-bw-tablet)}.gps.gpsi [style*="--bottom-tablet:"]{bottom:var(--bottom-tablet)}.gps.gpsi [style*="--hvr-bottom-tablet:"]:hover{bottom:var(--hvr-bottom-tablet)}.gps.gpsi [style*="--focus-bottom-tablet:"]:focus{bottom:var(--focus-bottom-tablet)}.gps.gpsi [style*="--shadow-tablet:"]{box-shadow:var(--shadow-tablet)}.gps.gpsi [style*="--hvr-shadow-tablet:"]:hover{box-shadow:var(--hvr-shadow-tablet)}.gps.gpsi [style*="--focus-shadow-tablet:"]:focus{box-shadow:var(--focus-shadow-tablet)}.gps.gpsi [style*="--c-tablet:"]{color:var(--c-tablet)}.gps.gpsi [style*="--hvr-c-tablet:"]:hover{color:var(--hvr-c-tablet)}.gps.gpsi [style*="--focus-c-tablet:"]:focus{color:var(--focus-c-tablet)}.gps.gpsi [style*="--cg-tablet:"]{-moz-column-gap:var(--cg-tablet);column-gap:var(--cg-tablet)}.gps.gpsi [style*="--hvr-cg-tablet:"]:hover{-moz-column-gap:var(--hvr-cg-tablet);column-gap:var(--hvr-cg-tablet)}.gps.gpsi [style*="--focus-cg-tablet:"]:focus{-moz-column-gap:var(--focus-cg-tablet);column-gap:var(--focus-cg-tablet)}.gps.gpsi [style*="--d-tablet:"]{display:var(--d-tablet)}.gps.gpsi [style*="--hvr-d-tablet:"]:hover{display:var(--hvr-d-tablet)}.gps.gpsi [style*="--focus-d-tablet:"]:focus{display:var(--focus-d-tablet)}.gps.gpsi [style*="--fd-tablet:"]{flex-direction:var(--fd-tablet)}.gps.gpsi [style*="--hvr-fd-tablet:"]:hover{flex-direction:var(--hvr-fd-tablet)}.gps.gpsi [style*="--focus-fd-tablet:"]:focus{flex-direction:var(--focus-fd-tablet)}.gps.gpsi [style*="--ff-tablet:"]{font-family:var(--ff-tablet)}.gps.gpsi [style*="--hvr-ff-tablet:"]:hover{font-family:var(--hvr-ff-tablet)}.gps.gpsi [style*="--focus-ff-tablet:"]:focus{font-family:var(--focus-ff-tablet)}.gps.gpsi [style*="--size-tablet:"]{font-size:var(--size-tablet)}.gps.gpsi [style*="--hvr-size-tablet:"]:hover{font-size:var(--hvr-size-tablet)}.gps.gpsi [style*="--focus-size-tablet:"]:focus{font-size:var(--focus-size-tablet)}.gps.gpsi [style*="--weight-tablet:"]{font-weight:var(--weight-tablet)}.gps.gpsi [style*="--hvr-weight-tablet:"]:hover{font-weight:var(--hvr-weight-tablet)}.gps.gpsi [style*="--focus-weight-tablet:"]:focus{font-weight:var(--focus-weight-tablet)}.gps.gpsi [style*="--fs-tablet:"]{font-style:var(--fs-tablet)}.gps.gpsi [style*="--hvr-fs-tablet:"]:hover{font-style:var(--hvr-fs-tablet)}.gps.gpsi [style*="--focus-fs-tablet:"]:focus{font-style:var(--focus-fs-tablet)}.gps.gpsi [style*="--gg-tablet:"]{grid-gap:var(--gg-tablet)}.gps.gpsi [style*="--hvr-gg-tablet:"]:hover{grid-gap:var(--hvr-gg-tablet)}.gps.gpsi [style*="--focus-gg-tablet:"]:focus{grid-gap:var(--focus-gg-tablet)}.gps.gpsi [style*="--gr-tablet:"]{grid-row:var(--gr-tablet)}.gps.gpsi [style*="--hvr-gr-tablet:"]:hover{grid-row:var(--hvr-gr-tablet)}.gps.gpsi [style*="--focus-gr-tablet:"]:focus{grid-row:var(--focus-gr-tablet)}.gps.gpsi [style*="--gtc-tablet:"]{grid-template-columns:var(--gtc-tablet)}.gps.gpsi [style*="--hvr-gtc-tablet:"]:hover{grid-template-columns:var(--hvr-gtc-tablet)}.gps.gpsi [style*="--focus-gtc-tablet:"]:focus{grid-template-columns:var(--focus-gtc-tablet)}.gps.gpsi [style*="--gtr-tablet:"]{grid-template-rows:var(--gtr-tablet)}.gps.gpsi [style*="--hvr-gtr-tablet:"]:hover{grid-template-rows:var(--hvr-gtr-tablet)}.gps.gpsi [style*="--focus-gtr-tablet:"]:focus{grid-template-rows:var(--focus-gtr-tablet)}.gps.gpsi [style*="--h-tablet:"]{height:var(--h-tablet)}.gps.gpsi [style*="--hvr-h-tablet:"]:hover{height:var(--hvr-h-tablet)}.gps.gpsi [style*="--focus-h-tablet:"]:focus{height:var(--focus-h-tablet)}.gps.gpsi [style*="--jc-tablet:"]{justify-content:var(--jc-tablet)}.gps.gpsi [style*="--hvr-jc-tablet:"]:hover{justify-content:var(--hvr-jc-tablet)}.gps.gpsi [style*="--focus-jc-tablet:"]:focus{justify-content:var(--focus-jc-tablet)}.gps.gpsi [style*="--js-tablet:"]{justify-self:var(--js-tablet)}.gps.gpsi [style*="--hvr-js-tablet:"]:hover{justify-self:var(--hvr-js-tablet)}.gps.gpsi [style*="--focus-js-tablet:"]:focus{justify-self:var(--focus-js-tablet)}.gps.gpsi [style*="--left-tablet:"]{left:var(--left-tablet)}.gps.gpsi [style*="--hvr-left-tablet:"]:hover{left:var(--hvr-left-tablet)}.gps.gpsi [style*="--focus-left-tablet:"]:focus{left:var(--focus-left-tablet)}.gps.gpsi [style*="--ls-tablet:"]{letter-spacing:var(--ls-tablet)}.gps.gpsi [style*="--hvr-ls-tablet:"]:hover{letter-spacing:var(--hvr-ls-tablet)}.gps.gpsi [style*="--focus-ls-tablet:"]:focus{letter-spacing:var(--focus-ls-tablet)}.gps.gpsi [style*="--lh-tablet:"]{line-height:var(--lh-tablet)}.gps.gpsi [style*="--hvr-lh-tablet:"]:hover{line-height:var(--hvr-lh-tablet)}.gps.gpsi [style*="--focus-lh-tablet:"]:focus{line-height:var(--focus-lh-tablet)}.gps.gpsi [style*="--tdt-tablet:"]{text-decoration-thickness:var(--tdt-tablet)}.gps.gpsi [style*="--hvr-tdt-tablet:"]:hover{text-decoration-thickness:var(--hvr-tdt-tablet)}.gps.gpsi [style*="--focus-tdt-tablet:"]:focus{text-decoration-thickness:var(--focus-tdt-tablet)}.gps.gpsi [style*="--tdc-tablet:"]{text-decoration-color:var(--tdc-tablet)}.gps.gpsi [style*="--hvr-tdc-tablet:"]:hover{text-decoration-color:var(--hvr-tdc-tablet)}.gps.gpsi [style*="--focus-tdc-tablet:"]:focus{text-decoration-color:var(--focus-tdc-tablet)}.gps.gpsi [style*="--tdl-tablet:"]{text-decoration-line:var(--tdl-tablet)}.gps.gpsi [style*="--hvr-tdl-tablet:"]:hover{text-decoration-line:var(--hvr-tdl-tablet)}.gps.gpsi [style*="--focus-tdl-tablet:"]:focus{text-decoration-line:var(--focus-tdl-tablet)}.gps.gpsi [style*="--m-tablet:"]{margin:var(--m-tablet)}.gps.gpsi [style*="--hvr-m-tablet:"]:hover{margin:var(--hvr-m-tablet)}.gps.gpsi [style*="--focus-m-tablet:"]:focus{margin:var(--focus-m-tablet)}.gps.gpsi [style*="--mb-tablet:"]{margin-bottom:var(--mb-tablet)}.gps.gpsi [style*="--hvr-mb-tablet:"]:hover{margin-bottom:var(--hvr-mb-tablet)}.gps.gpsi [style*="--focus-mb-tablet:"]:focus{margin-bottom:var(--focus-mb-tablet)}.gps.gpsi [style*="--ml-tablet:"]{margin-left:var(--ml-tablet)}.gps.gpsi [style*="--hvr-ml-tablet:"]:hover{margin-left:var(--hvr-ml-tablet)}.gps.gpsi [style*="--focus-ml-tablet:"]:focus{margin-left:var(--focus-ml-tablet)}.gps.gpsi [style*="--mr-tablet:"]{margin-right:var(--mr-tablet)}.gps.gpsi [style*="--hvr-mr-tablet:"]:hover{margin-right:var(--hvr-mr-tablet)}.gps.gpsi [style*="--focus-mr-tablet:"]:focus{margin-right:var(--focus-mr-tablet)}.gps.gpsi [style*="--mt-tablet:"]{margin-top:var(--mt-tablet)}.gps.gpsi [style*="--hvr-mt-tablet:"]:hover{margin-top:var(--hvr-mt-tablet)}.gps.gpsi [style*="--focus-mt-tablet:"]:focus{margin-top:var(--focus-mt-tablet)}.gps.gpsi [style*="--maxh-tablet:"]{max-height:var(--maxh-tablet)}.gps.gpsi [style*="--hvr-maxh-tablet:"]:hover{max-height:var(--hvr-maxh-tablet)}.gps.gpsi [style*="--focus-maxh-tablet:"]:focus{max-height:var(--focus-maxh-tablet)}.gps.gpsi [style*="--maxw-tablet:"]{max-width:var(--maxw-tablet)}.gps.gpsi [style*="--hvr-maxw-tablet:"]:hover{max-width:var(--hvr-maxw-tablet)}.gps.gpsi [style*="--focus-maxw-tablet:"]:focus{max-width:var(--focus-maxw-tablet)}.gps.gpsi [style*="--minh-tablet:"]{min-height:var(--minh-tablet)}.gps.gpsi [style*="--hvr-minh-tablet:"]:hover{min-height:var(--hvr-minh-tablet)}.gps.gpsi [style*="--focus-minh-tablet:"]:focus{min-height:var(--focus-minh-tablet)}.gps.gpsi [style*="--minw-tablet:"]{min-width:var(--minw-tablet)}.gps.gpsi [style*="--hvr-minw-tablet:"]:hover{min-width:var(--hvr-minw-tablet)}.gps.gpsi [style*="--focus-minw-tablet:"]:focus{min-width:var(--focus-minw-tablet)}.gps.gpsi [style*="--objf-tablet:"]{-o-object-fit:var(--objf-tablet);object-fit:var(--objf-tablet)}.gps.gpsi [style*="--hvr-objf-tablet:"]:hover{-o-object-fit:var(--hvr-objf-tablet);object-fit:var(--hvr-objf-tablet)}.gps.gpsi [style*="--focus-objf-tablet:"]:focus{-o-object-fit:var(--focus-objf-tablet);object-fit:var(--focus-objf-tablet)}.gps.gpsi [style*="--op-tablet:"]{opacity:var(--op-tablet)}.gps.gpsi [style*="--hvr-op-tablet:"]:hover{opacity:var(--hvr-op-tablet)}.gps.gpsi [style*="--focus-op-tablet:"]:focus{opacity:var(--focus-op-tablet)}.gps.gpsi [style*="--o-tablet:"]{order:var(--o-tablet)}.gps.gpsi [style*="--hvr-o-tablet:"]:hover{order:var(--hvr-o-tablet)}.gps.gpsi [style*="--focus-o-tablet:"]:focus{order:var(--focus-o-tablet)}.gps.gpsi [style*="--of-tablet:"]{overflow:var(--of-tablet)}.gps.gpsi [style*="--hvr-of-tablet:"]:hover{overflow:var(--hvr-of-tablet)}.gps.gpsi [style*="--focus-of-tablet:"]:focus{overflow:var(--focus-of-tablet)}.gps.gpsi [style*="--ofx-tablet:"]{overflow-x:var(--ofx-tablet)}.gps.gpsi [style*="--hvr-ofx-tablet:"]:hover{overflow-x:var(--hvr-ofx-tablet)}.gps.gpsi [style*="--focus-ofx-tablet:"]:focus{overflow-x:var(--focus-ofx-tablet)}.gps.gpsi [style*="--ofy-tablet:"]{overflow-y:var(--ofy-tablet)}.gps.gpsi [style*="--hvr-ofy-tablet:"]:hover{overflow-y:var(--hvr-ofy-tablet)}.gps.gpsi [style*="--focus-ofy-tablet:"]:focus{overflow-y:var(--focus-ofy-tablet)}.gps.gpsi [style*="--pc-tablet:"]{place-content:var(--pc-tablet)}.gps.gpsi [style*="--hvr-pc-tablet:"]:hover{place-content:var(--hvr-pc-tablet)}.gps.gpsi [style*="--focus-pc-tablet:"]:focus{place-content:var(--focus-pc-tablet)}.gps.gpsi [style*="--p-tablet:"]{padding:var(--p-tablet)}.gps.gpsi [style*="--hvr-p-tablet:"]:hover{padding:var(--hvr-p-tablet)}.gps.gpsi [style*="--focus-p-tablet:"]:focus{padding:var(--focus-p-tablet)}.gps.gpsi [style*="--pb-tablet:"]{padding-bottom:var(--pb-tablet)}.gps.gpsi [style*="--hvr-pb-tablet:"]:hover{padding-bottom:var(--hvr-pb-tablet)}.gps.gpsi [style*="--focus-pb-tablet:"]:focus{padding-bottom:var(--focus-pb-tablet)}.gps.gpsi [style*="--pl-tablet:"]{padding-left:var(--pl-tablet)}.gps.gpsi [style*="--hvr-pl-tablet:"]:hover{padding-left:var(--hvr-pl-tablet)}.gps.gpsi [style*="--focus-pl-tablet:"]:focus{padding-left:var(--focus-pl-tablet)}.gps.gpsi [style*="--pr-tablet:"]{padding-right:var(--pr-tablet)}.gps.gpsi [style*="--hvr-pr-tablet:"]:hover{padding-right:var(--hvr-pr-tablet)}.gps.gpsi [style*="--focus-pr-tablet:"]:focus{padding-right:var(--focus-pr-tablet)}.gps.gpsi [style*="--pt-tablet:"]{padding-top:var(--pt-tablet)}.gps.gpsi [style*="--hvr-pt-tablet:"]:hover{padding-top:var(--hvr-pt-tablet)}.gps.gpsi [style*="--focus-pt-tablet:"]:focus{padding-top:var(--focus-pt-tablet)}.gps.gpsi [style*="--pe-tablet:"]{pointer-events:var(--pe-tablet)}.gps.gpsi [style*="--hvr-pe-tablet:"]:hover{pointer-events:var(--hvr-pe-tablet)}.gps.gpsi [style*="--focus-pe-tablet:"]:focus{pointer-events:var(--focus-pe-tablet)}.gps.gpsi [style*="--pos-tablet:"]{position:var(--pos-tablet)}.gps.gpsi [style*="--hvr-pos-tablet:"]:hover{position:var(--hvr-pos-tablet)}.gps.gpsi [style*="--focus-pos-tablet:"]:focus{position:var(--focus-pos-tablet)}.gps.gpsi [style*="--right-tablet:"]{right:var(--right-tablet)}.gps.gpsi [style*="--hvr-right-tablet:"]:hover{right:var(--hvr-right-tablet)}.gps.gpsi [style*="--focus-right-tablet:"]:focus{right:var(--focus-right-tablet)}.gps.gpsi [style*="--rg-tablet:"]{row-gap:var(--rg-tablet)}.gps.gpsi [style*="--hvr-rg-tablet:"]:hover{row-gap:var(--hvr-rg-tablet)}.gps.gpsi [style*="--focus-rg-tablet:"]:focus{row-gap:var(--focus-rg-tablet)}.gps.gpsi [style*="--ta-tablet:"]{text-align:var(--ta-tablet)}.gps.gpsi [style*="--hvr-ta-tablet:"]:hover{text-align:var(--hvr-ta-tablet)}.gps.gpsi [style*="--focus-ta-tablet:"]:focus{text-align:var(--focus-ta-tablet)}.gps.gpsi [style*="--ts-tablet:"]{text-shadow:var(--ts-tablet)}.gps.gpsi [style*="--hvr-ts-tablet:"]:hover{text-shadow:var(--hvr-ts-tablet)}.gps.gpsi [style*="--focus-ts-tablet:"]:focus{text-shadow:var(--focus-ts-tablet)}.gps.gpsi [style*="--tt-tablet:"]{text-transform:var(--tt-tablet)}.gps.gpsi [style*="--hvr-tt-tablet:"]:hover{text-transform:var(--hvr-tt-tablet)}.gps.gpsi [style*="--focus-tt-tablet:"]:focus{text-transform:var(--focus-tt-tablet)}.gps.gpsi [style*="--top-tablet:"]{top:var(--top-tablet)}.gps.gpsi [style*="--hvr-top-tablet:"]:hover{top:var(--hvr-top-tablet)}.gps.gpsi [style*="--focus-top-tablet:"]:focus{top:var(--focus-top-tablet)}.gps.gpsi [style*="--t-tablet:"]{transform:var(--t-tablet)}.gps.gpsi [style*="--hvr-t-tablet:"]:hover{transform:var(--hvr-t-tablet)}.gps.gpsi [style*="--focus-t-tablet:"]:focus{transform:var(--focus-t-tablet)}.gps.gpsi [style*="--v-tablet:"]{visibility:var(--v-tablet)}.gps.gpsi [style*="--hvr-v-tablet:"]:hover{visibility:var(--hvr-v-tablet)}.gps.gpsi [style*="--focus-v-tablet:"]:focus{visibility:var(--focus-v-tablet)}.gps.gpsi [style*="--ws-tablet:"]{white-space:var(--ws-tablet)}.gps.gpsi [style*="--hvr-ws-tablet:"]:hover{white-space:var(--hvr-ws-tablet)}.gps.gpsi [style*="--focus-ws-tablet:"]:focus{white-space:var(--focus-ws-tablet)}.gps.gpsi [style*="--w-tablet:"]{width:var(--w-tablet)}.gps.gpsi [style*="--hvr-w-tablet:"]:hover{width:var(--hvr-w-tablet)}.gps.gpsi [style*="--focus-w-tablet:"]:focus{width:var(--focus-w-tablet)}.gps.gpsi [style*="--z-tablet:"]{z-index:var(--z-tablet)}.gps.gpsi [style*="--hvr-z-tablet:"]:hover{z-index:var(--hvr-z-tablet)}.gps.gpsi [style*="--focus-z-tablet:"]:focus{z-index:var(--focus-z-tablet)}.gps.gpsi [style*="--wm-tablet:"]{writing-mode:var(--wm-tablet)}.gps.gpsi [style*="--hvr-wm-tablet:"]:hover{writing-mode:var(--hvr-wm-tablet)}.gps.gpsi [style*="--focus-wm-tablet:"]:focus{writing-mode:var(--focus-wm-tablet)}.gps.gpsi [style*="--line-clamp-tablet:"]{-webkit-box-orient:vertical;-webkit-line-clamp:var(--line-clamp-tablet);display:-webkit-box;overflow:hidden}}@media only screen and (max-width:767px){.gps.gpsi [style*="--ai-mobile:"]{align-items:var(--ai-mobile)}.gps.gpsi [style*="--hvr-ai-mobile:"]:hover{align-items:var(--hvr-ai-mobile)}.gps.gpsi [style*="--focus-ai-mobile:"]:focus{align-items:var(--focus-ai-mobile)}.gps.gpsi [style*="--as-mobile:"]{align-self:var(--as-mobile)}.gps.gpsi [style*="--hvr-as-mobile:"]:hover{align-self:var(--hvr-as-mobile)}.gps.gpsi [style*="--focus-as-mobile:"]:focus{align-self:var(--focus-as-mobile)}.gps.gpsi [style*="--aspect-mobile:"]{aspect-ratio:var(--aspect-mobile)}.gps.gpsi [style*="--hvr-aspect-mobile:"]:hover{aspect-ratio:var(--hvr-aspect-mobile)}.gps.gpsi [style*="--focus-aspect-mobile:"]:focus{aspect-ratio:var(--focus-aspect-mobile)}.gps.gpsi [style*="--bg-mobile:"]{background:var(--bg-mobile)}.gps.gpsi [style*="--hvr-bg-mobile:"]:hover{background:var(--hvr-bg-mobile)}.gps.gpsi [style*="--focus-bg-mobile:"]:focus{background:var(--focus-bg-mobile)}.gps.gpsi [style*="--bga-mobile:"]{background-attachment:var(--bga-mobile)}.gps.gpsi [style*="--hvr-bga-mobile:"]:hover{background-attachment:var(--hvr-bga-mobile)}.gps.gpsi [style*="--focus-bga-mobile:"]:focus{background-attachment:var(--focus-bga-mobile)}.gps.gpsi [style*="--bgc-mobile:"]{background-color:var(--bgc-mobile)}.gps.gpsi [style*="--hvr-bgc-mobile:"]:hover{background-color:var(--hvr-bgc-mobile)}.gps.gpsi [style*="--focus-bgc-mobile:"]:focus{background-color:var(--focus-bgc-mobile)}.gps.gpsi [style*="--bgi-mobile:"]{background-image:var(--bgi-mobile)}.gps.gpsi [style*="--hvr-bgi-mobile:"]:hover{background-image:var(--hvr-bgi-mobile)}.gps.gpsi [style*="--focus-bgi-mobile:"]:focus{background-image:var(--focus-bgi-mobile)}.gps.gpsi [style*="--bgp-mobile:"]{background-position:var(--bgp-mobile)}.gps.gpsi [style*="--hvr-bgp-mobile:"]:hover{background-position:var(--hvr-bgp-mobile)}.gps.gpsi [style*="--focus-bgp-mobile:"]:focus{background-position:var(--focus-bgp-mobile)}.gps.gpsi [style*="--bgr-mobile:"]{background-repeat:var(--bgr-mobile)}.gps.gpsi [style*="--hvr-bgr-mobile:"]:hover{background-repeat:var(--hvr-bgr-mobile)}.gps.gpsi [style*="--focus-bgr-mobile:"]:focus{background-repeat:var(--focus-bgr-mobile)}.gps.gpsi [style*="--bgs-mobile:"]{background-size:var(--bgs-mobile)}.gps.gpsi [style*="--hvr-bgs-mobile:"]:hover{background-size:var(--hvr-bgs-mobile)}.gps.gpsi [style*="--focus-bgs-mobile:"]:focus{background-size:var(--focus-bgs-mobile)}.gps.gpsi [style*="--b-mobile:"]{border:var(--b-mobile)}.gps.gpsi [style*="--hvr-b-mobile:"]:hover{border:var(--hvr-b-mobile)}.gps.gpsi [style*="--focus-b-mobile:"]:focus{border:var(--focus-b-mobile)}.gps.gpsi [style*="--bb-mobile:"]{border-bottom:var(--bb-mobile)}.gps.gpsi [style*="--hvr-bb-mobile:"]:hover{border-bottom:var(--hvr-bb-mobile)}.gps.gpsi [style*="--focus-bb-mobile:"]:focus{border-bottom:var(--focus-bb-mobile)}.gps.gpsi [style*="--bbw-mobile:"]{border-bottom-width:var(--bbw-mobile)}.gps.gpsi [style*="--hvr-bbw-mobile:"]:hover{border-bottom-width:var(--hvr-bbw-mobile)}.gps.gpsi [style*="--focus-bbw-mobile:"]:focus{border-bottom-width:var(--focus-bbw-mobile)}.gps.gpsi [style*="--blw-mobile:"]{border-left-width:var(--blw-mobile)}.gps.gpsi [style*="--hvr-blw-mobile:"]:hover{border-left-width:var(--hvr-blw-mobile)}.gps.gpsi [style*="--focus-blw-mobile:"]:focus{border-left-width:var(--focus-blw-mobile)}.gps.gpsi [style*="--brw-mobile:"]{border-right-width:var(--brw-mobile)}.gps.gpsi [style*="--hvr-brw-mobile:"]:hover{border-right-width:var(--hvr-brw-mobile)}.gps.gpsi [style*="--focus-brw-mobile:"]:focus{border-right-width:var(--focus-brw-mobile)}.gps.gpsi [style*="--btw-mobile:"]{border-top-width:var(--btw-mobile)}.gps.gpsi [style*="--hvr-btw-mobile:"]:hover{border-top-width:var(--hvr-btw-mobile)}.gps.gpsi [style*="--focus-btw-mobile:"]:focus{border-top-width:var(--focus-btw-mobile)}.gps.gpsi [style*="--bbc-mobile:"]{border-bottom-color:var(--bbc-mobile)}.gps.gpsi [style*="--hvr-bbc-mobile:"]:hover{border-bottom-color:var(--hvr-bbc-mobile)}.gps.gpsi [style*="--focus-bbc-mobile:"]:focus{border-bottom-color:var(--focus-bbc-mobile)}.gps.gpsi [style*="--btc-mobile:"]{border-top-color:var(--btc-mobile)}.gps.gpsi [style*="--hvr-btc-mobile:"]:hover{border-top-color:var(--hvr-btc-mobile)}.gps.gpsi [style*="--focus-btc-mobile:"]:focus{border-top-color:var(--focus-btc-mobile)}.gps.gpsi [style*="--blc-mobile:"]{border-left-color:var(--blc-mobile)}.gps.gpsi [style*="--hvr-blc-mobile:"]:hover{border-left-color:var(--hvr-blc-mobile)}.gps.gpsi [style*="--focus-blc-mobile:"]:focus{border-left-color:var(--focus-blc-mobile)}.gps.gpsi [style*="--brc-mobile:"]{border-right-color:var(--brc-mobile)}.gps.gpsi [style*="--hvr-brc-mobile:"]:hover{border-right-color:var(--hvr-brc-mobile)}.gps.gpsi [style*="--focus-brc-mobile:"]:focus{border-right-color:var(--focus-brc-mobile)}.gps.gpsi [style*="--bc-mobile:"]{border-color:var(--bc-mobile)}.gps.gpsi [style*="--hvr-bc-mobile:"]:hover{border-color:var(--hvr-bc-mobile)}.gps.gpsi [style*="--focus-bc-mobile:"]:focus{border-color:var(--focus-bc-mobile)}.gps.gpsi [style*="--bblr-mobile:"]{border-bottom-left-radius:var(--bblr-mobile)}.gps.gpsi [style*="--hvr-bblr-mobile:"]:hover{border-bottom-left-radius:var(--hvr-bblr-mobile)}.gps.gpsi [style*="--focus-bblr-mobile:"]:focus{border-bottom-left-radius:var(--focus-bblr-mobile)}.gps.gpsi [style*="--bbrr-mobile:"]{border-bottom-right-radius:var(--bbrr-mobile)}.gps.gpsi [style*="--hvr-bbrr-mobile:"]:hover{border-bottom-right-radius:var(--hvr-bbrr-mobile)}.gps.gpsi [style*="--focus-bbrr-mobile:"]:focus{border-bottom-right-radius:var(--focus-bbrr-mobile)}.gps.gpsi [style*="--bl-mobile:"]{border-left:var(--bl-mobile)}.gps.gpsi [style*="--hvr-bl-mobile:"]:hover{border-left:var(--hvr-bl-mobile)}.gps.gpsi [style*="--focus-bl-mobile:"]:focus{border-left:var(--focus-bl-mobile)}.gps.gpsi [style*="--radius-mobile:"]{border-radius:var(--radius-mobile)}.gps.gpsi [style*="--hvr-radius-mobile:"]:hover{border-radius:var(--hvr-radius-mobile)}.gps.gpsi [style*="--focus-radius-mobile:"]:focus{border-radius:var(--focus-radius-mobile)}.gps.gpsi [style*="--br-mobile:"]{border-right:var(--br-mobile)}.gps.gpsi [style*="--hvr-br-mobile:"]:hover{border-right:var(--hvr-br-mobile)}.gps.gpsi [style*="--focus-br-mobile:"]:focus{border-right:var(--focus-br-mobile)}.gps.gpsi [style*="--bs-mobile:"]{border-style:var(--bs-mobile)}.gps.gpsi [style*="--hvr-bs-mobile:"]:hover{border-style:var(--hvr-bs-mobile)}.gps.gpsi [style*="--focus-bs-mobile:"]:focus{border-style:var(--focus-bs-mobile)}.gps.gpsi [style*="--bt-mobile:"]{border-top:var(--bt-mobile)}.gps.gpsi [style*="--hvr-bt-mobile:"]:hover{border-top:var(--hvr-bt-mobile)}.gps.gpsi [style*="--focus-bt-mobile:"]:focus{border-top:var(--focus-bt-mobile)}.gps.gpsi [style*="--btlr-mobile:"]{border-top-left-radius:var(--btlr-mobile)}.gps.gpsi [style*="--hvr-btlr-mobile:"]:hover{border-top-left-radius:var(--hvr-btlr-mobile)}.gps.gpsi [style*="--focus-btlr-mobile:"]:focus{border-top-left-radius:var(--focus-btlr-mobile)}.gps.gpsi [style*="--btrr-mobile:"]{border-top-right-radius:var(--btrr-mobile)}.gps.gpsi [style*="--hvr-btrr-mobile:"]:hover{border-top-right-radius:var(--hvr-btrr-mobile)}.gps.gpsi [style*="--focus-btrr-mobile:"]:focus{border-top-right-radius:var(--focus-btrr-mobile)}.gps.gpsi [style*="--bw-mobile:"]{border-width:var(--bw-mobile)}.gps.gpsi [style*="--hvr-bw-mobile:"]:hover{border-width:var(--hvr-bw-mobile)}.gps.gpsi [style*="--focus-bw-mobile:"]:focus{border-width:var(--focus-bw-mobile)}.gps.gpsi [style*="--bottom-mobile:"]{bottom:var(--bottom-mobile)}.gps.gpsi [style*="--hvr-bottom-mobile:"]:hover{bottom:var(--hvr-bottom-mobile)}.gps.gpsi [style*="--focus-bottom-mobile:"]:focus{bottom:var(--focus-bottom-mobile)}.gps.gpsi [style*="--shadow-mobile:"]{box-shadow:var(--shadow-mobile)}.gps.gpsi [style*="--hvr-shadow-mobile:"]:hover{box-shadow:var(--hvr-shadow-mobile)}.gps.gpsi [style*="--focus-shadow-mobile:"]:focus{box-shadow:var(--focus-shadow-mobile)}.gps.gpsi [style*="--c-mobile:"]{color:var(--c-mobile)}.gps.gpsi [style*="--hvr-c-mobile:"]:hover{color:var(--hvr-c-mobile)}.gps.gpsi [style*="--focus-c-mobile:"]:focus{color:var(--focus-c-mobile)}.gps.gpsi [style*="--cg-mobile:"]{-moz-column-gap:var(--cg-mobile);column-gap:var(--cg-mobile)}.gps.gpsi [style*="--hvr-cg-mobile:"]:hover{-moz-column-gap:var(--hvr-cg-mobile);column-gap:var(--hvr-cg-mobile)}.gps.gpsi [style*="--focus-cg-mobile:"]:focus{-moz-column-gap:var(--focus-cg-mobile);column-gap:var(--focus-cg-mobile)}.gps.gpsi [style*="--d-mobile:"]{display:var(--d-mobile)}.gps.gpsi [style*="--hvr-d-mobile:"]:hover{display:var(--hvr-d-mobile)}.gps.gpsi [style*="--focus-d-mobile:"]:focus{display:var(--focus-d-mobile)}.gps.gpsi [style*="--fd-mobile:"]{flex-direction:var(--fd-mobile)}.gps.gpsi [style*="--hvr-fd-mobile:"]:hover{flex-direction:var(--hvr-fd-mobile)}.gps.gpsi [style*="--focus-fd-mobile:"]:focus{flex-direction:var(--focus-fd-mobile)}.gps.gpsi [style*="--ff-mobile:"]{font-family:var(--ff-mobile)}.gps.gpsi [style*="--hvr-ff-mobile:"]:hover{font-family:var(--hvr-ff-mobile)}.gps.gpsi [style*="--focus-ff-mobile:"]:focus{font-family:var(--focus-ff-mobile)}.gps.gpsi [style*="--size-mobile:"]{font-size:var(--size-mobile)}.gps.gpsi [style*="--hvr-size-mobile:"]:hover{font-size:var(--hvr-size-mobile)}.gps.gpsi [style*="--focus-size-mobile:"]:focus{font-size:var(--focus-size-mobile)}.gps.gpsi [style*="--weight-mobile:"]{font-weight:var(--weight-mobile)}.gps.gpsi [style*="--hvr-weight-mobile:"]:hover{font-weight:var(--hvr-weight-mobile)}.gps.gpsi [style*="--focus-weight-mobile:"]:focus{font-weight:var(--focus-weight-mobile)}.gps.gpsi [style*="--fs-mobile:"]{font-style:var(--fs-mobile)}.gps.gpsi [style*="--hvr-fs-mobile:"]:hover{font-style:var(--hvr-fs-mobile)}.gps.gpsi [style*="--focus-fs-mobile:"]:focus{font-style:var(--focus-fs-mobile)}.gps.gpsi [style*="--gg-mobile:"]{grid-gap:var(--gg-mobile)}.gps.gpsi [style*="--hvr-gg-mobile:"]:hover{grid-gap:var(--hvr-gg-mobile)}.gps.gpsi [style*="--focus-gg-mobile:"]:focus{grid-gap:var(--focus-gg-mobile)}.gps.gpsi [style*="--gr-mobile:"]{grid-row:var(--gr-mobile)}.gps.gpsi [style*="--hvr-gr-mobile:"]:hover{grid-row:var(--hvr-gr-mobile)}.gps.gpsi [style*="--focus-gr-mobile:"]:focus{grid-row:var(--focus-gr-mobile)}.gps.gpsi [style*="--gtc-mobile:"]{grid-template-columns:var(--gtc-mobile)}.gps.gpsi [style*="--hvr-gtc-mobile:"]:hover{grid-template-columns:var(--hvr-gtc-mobile)}.gps.gpsi [style*="--focus-gtc-mobile:"]:focus{grid-template-columns:var(--focus-gtc-mobile)}.gps.gpsi [style*="--gtr-mobile:"]{grid-template-rows:var(--gtr-mobile)}.gps.gpsi [style*="--hvr-gtr-mobile:"]:hover{grid-template-rows:var(--hvr-gtr-mobile)}.gps.gpsi [style*="--focus-gtr-mobile:"]:focus{grid-template-rows:var(--focus-gtr-mobile)}.gps.gpsi [style*="--h-mobile:"]{height:var(--h-mobile)}.gps.gpsi [style*="--hvr-h-mobile:"]:hover{height:var(--hvr-h-mobile)}.gps.gpsi [style*="--focus-h-mobile:"]:focus{height:var(--focus-h-mobile)}.gps.gpsi [style*="--jc-mobile:"]{justify-content:var(--jc-mobile)}.gps.gpsi [style*="--hvr-jc-mobile:"]:hover{justify-content:var(--hvr-jc-mobile)}.gps.gpsi [style*="--focus-jc-mobile:"]:focus{justify-content:var(--focus-jc-mobile)}.gps.gpsi [style*="--js-mobile:"]{justify-self:var(--js-mobile)}.gps.gpsi [style*="--hvr-js-mobile:"]:hover{justify-self:var(--hvr-js-mobile)}.gps.gpsi [style*="--focus-js-mobile:"]:focus{justify-self:var(--focus-js-mobile)}.gps.gpsi [style*="--left-mobile:"]{left:var(--left-mobile)}.gps.gpsi [style*="--hvr-left-mobile:"]:hover{left:var(--hvr-left-mobile)}.gps.gpsi [style*="--focus-left-mobile:"]:focus{left:var(--focus-left-mobile)}.gps.gpsi [style*="--ls-mobile:"]{letter-spacing:var(--ls-mobile)}.gps.gpsi [style*="--hvr-ls-mobile:"]:hover{letter-spacing:var(--hvr-ls-mobile)}.gps.gpsi [style*="--focus-ls-mobile:"]:focus{letter-spacing:var(--focus-ls-mobile)}.gps.gpsi [style*="--lh-mobile:"]{line-height:var(--lh-mobile)}.gps.gpsi [style*="--hvr-lh-mobile:"]:hover{line-height:var(--hvr-lh-mobile)}.gps.gpsi [style*="--focus-lh-mobile:"]:focus{line-height:var(--focus-lh-mobile)}.gps.gpsi [style*="--tdt-mobile:"]{text-decoration-thickness:var(--tdt-mobile)}.gps.gpsi [style*="--hvr-tdt-mobile:"]:hover{text-decoration-thickness:var(--hvr-tdt-mobile)}.gps.gpsi [style*="--focus-tdt-mobile:"]:focus{text-decoration-thickness:var(--focus-tdt-mobile)}.gps.gpsi [style*="--tdc-mobile:"]{text-decoration-color:var(--tdc-mobile)}.gps.gpsi [style*="--hvr-tdc-mobile:"]:hover{text-decoration-color:var(--hvr-tdc-mobile)}.gps.gpsi [style*="--focus-tdc-mobile:"]:focus{text-decoration-color:var(--focus-tdc-mobile)}.gps.gpsi [style*="--tdl-mobile:"]{text-decoration-line:var(--tdl-mobile)}.gps.gpsi [style*="--hvr-tdl-mobile:"]:hover{text-decoration-line:var(--hvr-tdl-mobile)}.gps.gpsi [style*="--focus-tdl-mobile:"]:focus{text-decoration-line:var(--focus-tdl-mobile)}.gps.gpsi [style*="--m-mobile:"]{margin:var(--m-mobile)}.gps.gpsi [style*="--hvr-m-mobile:"]:hover{margin:var(--hvr-m-mobile)}.gps.gpsi [style*="--focus-m-mobile:"]:focus{margin:var(--focus-m-mobile)}.gps.gpsi [style*="--mb-mobile:"]{margin-bottom:var(--mb-mobile)}.gps.gpsi [style*="--hvr-mb-mobile:"]:hover{margin-bottom:var(--hvr-mb-mobile)}.gps.gpsi [style*="--focus-mb-mobile:"]:focus{margin-bottom:var(--focus-mb-mobile)}.gps.gpsi [style*="--ml-mobile:"]{margin-left:var(--ml-mobile)}.gps.gpsi [style*="--hvr-ml-mobile:"]:hover{margin-left:var(--hvr-ml-mobile)}.gps.gpsi [style*="--focus-ml-mobile:"]:focus{margin-left:var(--focus-ml-mobile)}.gps.gpsi [style*="--mr-mobile:"]{margin-right:var(--mr-mobile)}.gps.gpsi [style*="--hvr-mr-mobile:"]:hover{margin-right:var(--hvr-mr-mobile)}.gps.gpsi [style*="--focus-mr-mobile:"]:focus{margin-right:var(--focus-mr-mobile)}.gps.gpsi [style*="--mt-mobile:"]{margin-top:var(--mt-mobile)}.gps.gpsi [style*="--hvr-mt-mobile:"]:hover{margin-top:var(--hvr-mt-mobile)}.gps.gpsi [style*="--focus-mt-mobile:"]:focus{margin-top:var(--focus-mt-mobile)}.gps.gpsi [style*="--maxh-mobile:"]{max-height:var(--maxh-mobile)}.gps.gpsi [style*="--hvr-maxh-mobile:"]:hover{max-height:var(--hvr-maxh-mobile)}.gps.gpsi [style*="--focus-maxh-mobile:"]:focus{max-height:var(--focus-maxh-mobile)}.gps.gpsi [style*="--maxw-mobile:"]{max-width:var(--maxw-mobile)}.gps.gpsi [style*="--hvr-maxw-mobile:"]:hover{max-width:var(--hvr-maxw-mobile)}.gps.gpsi [style*="--focus-maxw-mobile:"]:focus{max-width:var(--focus-maxw-mobile)}.gps.gpsi [style*="--minh-mobile:"]{min-height:var(--minh-mobile)}.gps.gpsi [style*="--hvr-minh-mobile:"]:hover{min-height:var(--hvr-minh-mobile)}.gps.gpsi [style*="--focus-minh-mobile:"]:focus{min-height:var(--focus-minh-mobile)}.gps.gpsi [style*="--minw-mobile:"]{min-width:var(--minw-mobile)}.gps.gpsi [style*="--hvr-minw-mobile:"]:hover{min-width:var(--hvr-minw-mobile)}.gps.gpsi [style*="--focus-minw-mobile:"]:focus{min-width:var(--focus-minw-mobile)}.gps.gpsi [style*="--objf-mobile:"]{-o-object-fit:var(--objf-mobile);object-fit:var(--objf-mobile)}.gps.gpsi [style*="--hvr-objf-mobile:"]:hover{-o-object-fit:var(--hvr-objf-mobile);object-fit:var(--hvr-objf-mobile)}.gps.gpsi [style*="--focus-objf-mobile:"]:focus{-o-object-fit:var(--focus-objf-mobile);object-fit:var(--focus-objf-mobile)}.gps.gpsi [style*="--op-mobile:"]{opacity:var(--op-mobile)}.gps.gpsi [style*="--hvr-op-mobile:"]:hover{opacity:var(--hvr-op-mobile)}.gps.gpsi [style*="--focus-op-mobile:"]:focus{opacity:var(--focus-op-mobile)}.gps.gpsi [style*="--o-mobile:"]{order:var(--o-mobile)}.gps.gpsi [style*="--hvr-o-mobile:"]:hover{order:var(--hvr-o-mobile)}.gps.gpsi [style*="--focus-o-mobile:"]:focus{order:var(--focus-o-mobile)}.gps.gpsi [style*="--of-mobile:"]{overflow:var(--of-mobile)}.gps.gpsi [style*="--hvr-of-mobile:"]:hover{overflow:var(--hvr-of-mobile)}.gps.gpsi [style*="--focus-of-mobile:"]:focus{overflow:var(--focus-of-mobile)}.gps.gpsi [style*="--ofx-mobile:"]{overflow-x:var(--ofx-mobile)}.gps.gpsi [style*="--hvr-ofx-mobile:"]:hover{overflow-x:var(--hvr-ofx-mobile)}.gps.gpsi [style*="--focus-ofx-mobile:"]:focus{overflow-x:var(--focus-ofx-mobile)}.gps.gpsi [style*="--ofy-mobile:"]{overflow-y:var(--ofy-mobile)}.gps.gpsi [style*="--hvr-ofy-mobile:"]:hover{overflow-y:var(--hvr-ofy-mobile)}.gps.gpsi [style*="--focus-ofy-mobile:"]:focus{overflow-y:var(--focus-ofy-mobile)}.gps.gpsi [style*="--pc-mobile:"]{place-content:var(--pc-mobile)}.gps.gpsi [style*="--hvr-pc-mobile:"]:hover{place-content:var(--hvr-pc-mobile)}.gps.gpsi [style*="--focus-pc-mobile:"]:focus{place-content:var(--focus-pc-mobile)}.gps.gpsi [style*="--p-mobile:"]{padding:var(--p-mobile)}.gps.gpsi [style*="--hvr-p-mobile:"]:hover{padding:var(--hvr-p-mobile)}.gps.gpsi [style*="--focus-p-mobile:"]:focus{padding:var(--focus-p-mobile)}.gps.gpsi [style*="--pb-mobile:"]{padding-bottom:var(--pb-mobile)}.gps.gpsi [style*="--hvr-pb-mobile:"]:hover{padding-bottom:var(--hvr-pb-mobile)}.gps.gpsi [style*="--focus-pb-mobile:"]:focus{padding-bottom:var(--focus-pb-mobile)}.gps.gpsi [style*="--pl-mobile:"]{padding-left:var(--pl-mobile)}.gps.gpsi [style*="--hvr-pl-mobile:"]:hover{padding-left:var(--hvr-pl-mobile)}.gps.gpsi [style*="--focus-pl-mobile:"]:focus{padding-left:var(--focus-pl-mobile)}.gps.gpsi [style*="--pr-mobile:"]{padding-right:var(--pr-mobile)}.gps.gpsi [style*="--hvr-pr-mobile:"]:hover{padding-right:var(--hvr-pr-mobile)}.gps.gpsi [style*="--focus-pr-mobile:"]:focus{padding-right:var(--focus-pr-mobile)}.gps.gpsi [style*="--pt-mobile:"]{padding-top:var(--pt-mobile)}.gps.gpsi [style*="--hvr-pt-mobile:"]:hover{padding-top:var(--hvr-pt-mobile)}.gps.gpsi [style*="--focus-pt-mobile:"]:focus{padding-top:var(--focus-pt-mobile)}.gps.gpsi [style*="--pe-mobile:"]{pointer-events:var(--pe-mobile)}.gps.gpsi [style*="--hvr-pe-mobile:"]:hover{pointer-events:var(--hvr-pe-mobile)}.gps.gpsi [style*="--focus-pe-mobile:"]:focus{pointer-events:var(--focus-pe-mobile)}.gps.gpsi [style*="--pos-mobile:"]{position:var(--pos-mobile)}.gps.gpsi [style*="--hvr-pos-mobile:"]:hover{position:var(--hvr-pos-mobile)}.gps.gpsi [style*="--focus-pos-mobile:"]:focus{position:var(--focus-pos-mobile)}.gps.gpsi [style*="--right-mobile:"]{right:var(--right-mobile)}.gps.gpsi [style*="--hvr-right-mobile:"]:hover{right:var(--hvr-right-mobile)}.gps.gpsi [style*="--focus-right-mobile:"]:focus{right:var(--focus-right-mobile)}.gps.gpsi [style*="--rg-mobile:"]{row-gap:var(--rg-mobile)}.gps.gpsi [style*="--hvr-rg-mobile:"]:hover{row-gap:var(--hvr-rg-mobile)}.gps.gpsi [style*="--focus-rg-mobile:"]:focus{row-gap:var(--focus-rg-mobile)}.gps.gpsi [style*="--ta-mobile:"]{text-align:var(--ta-mobile)}.gps.gpsi [style*="--hvr-ta-mobile:"]:hover{text-align:var(--hvr-ta-mobile)}.gps.gpsi [style*="--focus-ta-mobile:"]:focus{text-align:var(--focus-ta-mobile)}.gps.gpsi [style*="--ts-mobile:"]{text-shadow:var(--ts-mobile)}.gps.gpsi [style*="--hvr-ts-mobile:"]:hover{text-shadow:var(--hvr-ts-mobile)}.gps.gpsi [style*="--focus-ts-mobile:"]:focus{text-shadow:var(--focus-ts-mobile)}.gps.gpsi [style*="--tt-mobile:"]{text-transform:var(--tt-mobile)}.gps.gpsi [style*="--hvr-tt-mobile:"]:hover{text-transform:var(--hvr-tt-mobile)}.gps.gpsi [style*="--focus-tt-mobile:"]:focus{text-transform:var(--focus-tt-mobile)}.gps.gpsi [style*="--top-mobile:"]{top:var(--top-mobile)}.gps.gpsi [style*="--hvr-top-mobile:"]:hover{top:var(--hvr-top-mobile)}.gps.gpsi [style*="--focus-top-mobile:"]:focus{top:var(--focus-top-mobile)}.gps.gpsi [style*="--t-mobile:"]{transform:var(--t-mobile)}.gps.gpsi [style*="--hvr-t-mobile:"]:hover{transform:var(--hvr-t-mobile)}.gps.gpsi [style*="--focus-t-mobile:"]:focus{transform:var(--focus-t-mobile)}.gps.gpsi [style*="--v-mobile:"]{visibility:var(--v-mobile)}.gps.gpsi [style*="--hvr-v-mobile:"]:hover{visibility:var(--hvr-v-mobile)}.gps.gpsi [style*="--focus-v-mobile:"]:focus{visibility:var(--focus-v-mobile)}.gps.gpsi [style*="--ws-mobile:"]{white-space:var(--ws-mobile)}.gps.gpsi [style*="--hvr-ws-mobile:"]:hover{white-space:var(--hvr-ws-mobile)}.gps.gpsi [style*="--focus-ws-mobile:"]:focus{white-space:var(--focus-ws-mobile)}.gps.gpsi [style*="--w-mobile:"]{width:var(--w-mobile)}.gps.gpsi [style*="--hvr-w-mobile:"]:hover{width:var(--hvr-w-mobile)}.gps.gpsi [style*="--focus-w-mobile:"]:focus{width:var(--focus-w-mobile)}.gps.gpsi [style*="--z-mobile:"]{z-index:var(--z-mobile)}.gps.gpsi [style*="--hvr-z-mobile:"]:hover{z-index:var(--hvr-z-mobile)}.gps.gpsi [style*="--focus-z-mobile:"]:focus{z-index:var(--focus-z-mobile)}.gps.gpsi [style*="--wm-mobile:"]{writing-mode:var(--wm-mobile)}.gps.gpsi [style*="--hvr-wm-mobile:"]:hover{writing-mode:var(--hvr-wm-mobile)}.gps.gpsi [style*="--focus-wm-mobile:"]:focus{writing-mode:var(--focus-wm-mobile)}.gps.gpsi [style*="--line-clamp-mobile:"]{-webkit-box-orient:vertical;-webkit-line-clamp:var(--line-clamp-mobile);display:-webkit-box;overflow:hidden}}.gpsil>section{transition:opacity .5s}.gpsil .gps-lazy,.gpsil .gps-lazy>.gp-dialog{opacity:0!important;max-width:100%!important;overflow-x:hidden!important;width:100%!important;min-width:100%!important}.gpsil .gps-lazy .gp-button-base::before{display:none!important}.gps,.gpsi{display: contents}

.gps{--g-h1-ff:var(--g-font-heading,heading);--g-h1-size:46px;--g-h1-weight:400;--g-h1-lh:130%;--g-h2-ff:var(--g-font-heading,heading);--g-h2-size:41px;--g-h2-weight:400;--g-h2-lh:130%;--g-h3-ff:var(--g-font-heading,heading);--g-h3-size:52px;--g-h3-weight:400;--g-h3-lh:130%;--g-p1-ff:var(--g-font-body,body);--g-p1-size:16px;--g-p1-weight:400;--g-p1-lh:180%;--g-p2-ff:var(--g-font-body,body);--g-p2-size:14px;--g-p2-weight:400;--g-p2-lh:180%;--g-p3-ff:var(--g-font-body,body);--g-p3-size:10px;--g-p3-weight:400;--g-p3-lh:180%;--g-sh1-ff:var(--g-font-heading,heading);--g-sh1-size:25px;--g-sh1-weight:400;--g-sh1-lh:130%;--g-sh2-ff:var(--g-font-heading,heading);--g-sh2-size:18px;--g-sh2-weight:400;--g-sh2-lh:130%;--g-sh3-ff:var(--g-font-heading,heading);--g-sh3-size:32px;--g-sh3-weight:400;--g-sh3-lh:130%;--g-s-2xl:32px;--g-s-3xl:48px;--g-s-4xl:80px;--g-s-5xl:112px;--g-s-l:16px;--g-s-m:12px;--g-s-s:8px;--g-s-xl:24px;--g-s-xs:4px;--g-s-xxs:2px;--g-ct-p:16px;--g-ct-w:1200px;--g-font-body:sans-serif;--g-font-code:sans-serif;--g-font-heading:sans-serif;--g-theme-font:[object Object];--g-c-bg-1:#e2e2e2;--g-c-bg-2:#f3f3f3;--g-c-bg-3:#fff;--g-c-brand:#121212;--g-color-color-index-change:0;--g-c-error:#ea3335;--g-c-highlight:#4d4d4d;--g-c-info:#1890ff;--g-c-line-1:#ececec;--g-c-line-2:#7d7d7d;--g-c-line-3:#121212;--g-color-my-colors-0:#ffbd59;--g-color-my-colors-1:#ffbd59;--g-color-my-colors-2:#121212;--g-color-my-colors-3:#4f4f4f;--g-color-my-colors-4:#e2e2e2;--g-color-my-colors-5:#fff;--g-color-my-colors-6:#334fb4;--g-color-my-colors-7:#575757;--g-c-success:#428445;--g-c-text-1:#4d4d4d;--g-c-text-2:#121212;--g-c-text-3:#fff;--g-color-theme-colors-0:#ffbd59;--g-color-theme-colors-1:#ffbd59;--g-color-theme-colors-2:#121212;--g-color-theme-colors-3:#4f4f4f;--g-color-theme-colors-4:#e2e2e2;--g-color-theme-colors-5:#fff;--g-color-theme-colors-6:#334fb4;--g-color-theme-colors-7:#575757;--g-c-warning:#f2a73b;--g-radius-large:16px;--g-radius-medium:6px;--g-radius-small:3px}@media (max-width:1024px){.gps{--g-h1-ff:var(--g-font-heading,heading);--g-h1-size:46px;--g-h1-weight:400;--g-h2-size:41px;--g-h3-ff:var(--g-font-heading,heading);--g-h3-size:52px;--g-h3-weight:400;--g-p1-size:16px;--g-p1-lh:180%;--g-p2-size:14px;--g-p3-size:10px;--g-sh1-size:25px;--g-sh2-size:18px;--g-sh3-size:32px;--g-ct-p:16px;--g-ct-w:100%;--g-font-body:sans-serif;--g-font-code:sans-serif;--g-font-heading:sans-serif;--g-theme-font:[object Object]}}@media (max-width:767px){.gps{--g-h1-ff:var(--g-font-heading,heading);--g-h1-size:41px;--g-h1-weight:400;--g-h2-size:36px;--g-h3-ff:var(--g-font-heading,heading);--g-h3-size:46px;--g-h3-weight:400;--g-p1-size:14px;--g-p2-size:12px;--g-p3-size:9px;--g-sh1-size:23px;--g-sh2-size:16px;--g-sh3-size:29px;--g-ct-p:16px;--g-ct-w:100%;--g-font-body:sans-serif;--g-font-code:sans-serif;--g-font-heading:sans-serif;--g-theme-font:[object Object]}}

.drawer { visibility: hidden; }

#cd-shipping-track { height:8px; background:#e5e5ea; border-radius:999px; overflow:hidden; margin-top:8px; }
          #cd-shipping-fill { width:0% !important; height:8px !important; border-radius:999px; background:#FFBD59!important; display:block !important; }

.cart-drawer .progress_bar_main .progress_bar_line_main .progress_bar_line_above { background: #ffbd59; }

header-drawer {
    justify-self: start;
/*     margin-left: -1.2rem; */
  }

  @media screen and (min-width: 990px) {
    header-drawer {
      display: none;
    }
    
    .header--center-split .header__heading { width: 120px;}
    .header--center-split .header-item--split-left, .header--center-split .header-item--split-right { width: calc(50% - 60px);}
  }

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

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

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

  .list-menu__item {
    display: flex;
    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;
    }
  }

  /* Header-Suchleiste abrunden (passend zur Suchergebnis-Seite) */
  .search-modal .field {
    border-radius: 14px;
  }

  .search-modal .field:before,
  .search-modal .field:after {
    border-radius: 14px !important;
  }

  .search-modal .field:focus-within {
    box-shadow: 0 4px 16px rgba(255, 189, 89, 0.10);
  }

  .search-modal .field:focus-within::after {
    box-shadow: 0 0 0 2px #FFBD59 !important;
    transition: box-shadow 0.2s ease;
  }

  .search-modal .field:hover::after {
    box-shadow: 0 0 0 1.5px rgba(var(--color-foreground), 0.75) !important;
    transition: box-shadow 0.2s ease;
  }

  .search-modal .search__input:focus {
    box-shadow: none;
  }

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

   .header {
    padding-top: 4px;
    padding-bottom: 4px;
  }

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

  .color-transparent .header__icon .icon,.color-transparent .header__icon.wishlist svg {
      fill: #000000;
      color: #000000;
  }

#link-produkte-mobile {
    background: #fff !important;
    z-index: 4 !important;
  }
  #link-produkte-mobile .menu-drawer__inner-submenu {
    padding-bottom: 0;
  }
  .c24-mobile-cats {
    padding: 0 1.5rem 3rem;
  }
  .c24-mobile-cat {
    display: flex;
    gap: 1.2rem;
    padding: 1.4rem 0;
    border-bottom: 1px solid #eee;
  }
  .c24-mobile-cat:last-child {
    border-bottom: none;
  }
  .c24-mobile-cat__img {
    flex-shrink: 0;
    width: 50px;
    height: 65px;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    background: #fafafa;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .c24-mobile-cat__img img {
    width: 40px;
    height: 55px;
    object-fit: contain;
  }
  .c24-mobile-cat__content {
    flex: 1;
    min-width: 0;
  }
  .c24-mobile-cat__title {
    margin: 0 0 6px;
  }
  .c24-mobile-cat__title a {
    font-size: 14px;
    font-weight: 700;
    color: #111;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
  }
  .c24-mobile-cat__title a:hover {
    color: #FFBD59;
  }
  .c24-mobile-cat__links {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .c24-mobile-cat__links li {
    margin: 0;
    padding: 0;
  }
  .c24-mobile-cat__links a {
    font-size: 13px;
    color: #555;
    text-decoration: none;
    line-height: 1.8;
    display: block;
    font-family: 'Montserrat', sans-serif;
  }
  .c24-mobile-cat__links a:hover {
    color: #FFBD59;
  }

#c24-mega-produkte {
    position: absolute;
    left: 50% !important;
    transform: translateX(-50%) translateY(-8px) !important;
    width: calc(100% - 40px) !important;
    max-width: 1340px !important;
    top: 100%;
    background: #fff !important;
    border: none !important;
    border-radius: 18px !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.13), 0 0 0 1px rgba(0,0,0,0.05) !important;
    z-index: 100;
    padding: 20px !important;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;
    pointer-events: none;
    margin-top: 0px !important;
  }

  details[open] > #c24-mega-produkte:not(.c24-mega-visible) {
    opacity: 0 !important; visibility: hidden !important; pointer-events: none !important;
  }
  #c24-mega-produkte.c24-mega-visible {
    opacity: 1 !important; visibility: visible !important;
    transform: translateX(-50%) translateY(0) !important; pointer-events: auto !important;
  }
  header-menu:has(.c24-mega-visible)::after {
    content: ''; position: absolute; left: 0; right: 0;
    top: 100%; height: 20px; pointer-events: auto; z-index: 99;
  }

  /* === Grid === */
  #c24-mega-grid {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 10px !important;
    font-family: 'Montserrat', sans-serif !important;
  }

  /* === Category Card === */
  .c24-mega-cat {
    display: flex !important;
    gap: 12px !important;
    min-width: 0 !important;
    align-items: flex-start !important;
    padding: 12px !important;
    border-radius: 14px !important;
    background: #fff !important;
    border: 1px solid #ebebeb !important;
    transition: border-color 0.18s ease, box-shadow 0.18s ease !important;
  }
  .c24-mega-cat:hover {
    border-color: #ddd !important;
    box-shadow: 0 2px 16px rgba(0,0,0,0.07) !important;
  }

  /* === Image Box === */
  .c24-mega-cat__imgbox {
    flex: 0 0 50px !important;
    width: 50px !important;
    height: 64px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: #fafafa !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
    text-decoration: none !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important;
    border: 1px solid #ebebeb !important;
  }
  .c24-mega-cat:hover .c24-mega-cat__imgbox {
    border-color: #FFBD59 !important;
    box-shadow: 0 2px 10px rgba(255,189,89,0.18) !important;
  }
  .c24-mega-cat__img {
    width: 40px !important;
    height: 54px !important;
    object-fit: contain !important;
    display: block !important;
    transition: transform 0.25s ease !important;
  }
  .c24-mega-cat:hover .c24-mega-cat__img {
    transform: scale(1.06) !important;
  }

  /* === Content === */
  .c24-mega-cat__content {
    flex: 1 !important;
    min-width: 0 !important;
    padding-top: 1px !important;
  }
  .c24-mega-cat__title {
    font-size: 12.5px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    margin: 0 0 5px 0 !important;
    padding: 0 0 4px 0 !important;
    border-bottom: 2px solid #FFBD59 !important;
    display: inline-block !important;
    line-height: 1.25 !important;
  }
  .c24-mega-cat__title a {
    color: #1a1a1a !important;
    text-decoration: none !important;
  }
  .c24-mega-cat__title a:hover {
    color: #e5a94d !important;
  }

  /* === Sub-Links === */
  .c24-mega-cat__list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .c24-mega-cat__list li {
    margin: 0 !important;
    padding: 0 !important;
  }
  .c24-mega-cat__list a {
    font-size: 11.5px !important;
    font-weight: 400 !important;
    color: #777 !important;
    text-decoration: none !important;
    line-height: 1.5 !important;
    display: block !important;
    padding: 1.5px 0 !important;
    transition: color 0.12s ease !important;
  }
  .c24-mega-cat__list a:hover {
    color: #FFBD59 !important;
  }

  /* === Responsive === */
  @media (max-width: 1200px) {
    #c24-mega-grid { grid-template-columns: repeat(4, 1fr) !important; }
    .c24-mega-cat { padding: 10px !important; gap: 10px !important; }
    .c24-mega-cat__imgbox { flex: 0 0 44px !important; width: 44px !important; height: 56px !important; }
    .c24-mega-cat__img { width: 34px !important; height: 48px !important; }
    .c24-mega-cat__title { font-size: 11.5px !important; }
    .c24-mega-cat__list a { font-size: 11px !important; }
  }
  @media (max-width: 768px) {
    #c24-mega-grid { grid-template-columns: repeat(2, 1fr) !important; }
  }
  @media (max-width: 480px) {
    #c24-mega-grid { grid-template-columns: 1fr !important; }
    #c24-mega-produkte { padding: 14px !important; border-radius: 14px !important; }
  }

.header-wrapper.color-custom-color { background: #ffffff;}
          .header__menu-item { color: #201212;}
          .header__icon .icon,.header__icon.wishlist svg {fill: #201212;color: #201212; }
          .header__menu-item:hover,.header__active-menu-item { color: #000000;}
          .header__icon:not(.header__icon--summary), .header__icon span { color: #201212;}
          .header__icon:not(.header__icon--summary):hover, .header__icon span:hover,.mega-menu__link:hover, .mega-menu__link--active,
          .color-custom-color .more-site-nav .site-nav__dropdown .header__menu-item:hover,
          .color-background-image .more-site-nav .site-nav__dropdown .header__menu-item:hover { color: #000000;}
          .header__inline-menu ul li .header__menu-item span:after{
              border-top: 2px solid #000000;
          }

          /* Cart-Counter: Immer anzeigen, auch bei 0 Items */
          #cart-count-bubble {
            display: flex;
          }

          #cart-count-number {
            display: flex;
          }

          /* Cart-Counter bei 0 Items anzeigen */
          #cart-count-number[data-count="0"] {
            display: flex;
          }

          #cart-count-number[data-count="0"] + * {
            display: flex;
          }

.gps-567708708197368873.gps.gpsil [style*="--bg:"]{background:var(--bg)}.gps-567708708197368873.gps.gpsil [style*="--bga:"]{background-attachment:var(--bga)}.gps-567708708197368873.gps.gpsil [style*="--bgc:"]{background-color:var(--bgc)}.gps-567708708197368873.gps.gpsil [style*="--bgi:"]{background-image:var(--bgi)}.gps-567708708197368873.gps.gpsil [style*="--bgp:"]{background-position:var(--bgp)}.gps-567708708197368873.gps.gpsil [style*="--bgr:"]{background-repeat:var(--bgr)}.gps-567708708197368873.gps.gpsil [style*="--bgs:"]{background-size:var(--bgs)}.gps-567708708197368873.gps.gpsil [style*="--b:"]{border:var(--b)}.gps-567708708197368873.gps.gpsil [style*="--bc:"]{border-color:var(--bc)}.gps-567708708197368873.gps.gpsil [style*="--bl:"]{border-left:var(--bl)}.gps-567708708197368873.gps.gpsil [style*="--bs:"]{border-style:var(--bs)}.gps-567708708197368873.gps.gpsil [style*="--bw:"]{border-width:var(--bw)}.gps-567708708197368873.gps.gpsil [style*="--shadow:"]{box-shadow:var(--shadow)}.gps-567708708197368873.gps.gpsil [style*="--c:"]{color:var(--c)}.gps-567708708197368873.gps.gpsil [style*="--cg:"]{-moz-column-gap:var(--cg);column-gap:var(--cg)}.gps-567708708197368873.gps.gpsil [style*="--gtc:"]{grid-template-columns:var(--gtc)}.gps-567708708197368873.gps.gpsil [style*="--jc:"]{justify-content:var(--jc)}.gps-567708708197368873.gps.gpsil [style*="--op:"]{opacity:var(--op)}.gps-567708708197368873.gps.gpsil [style*="--o:"]{order:var(--o)}.gps-567708708197368873.gps.gpsil [style*="--pc:"]{place-content:var(--pc)}.gps-567708708197368873.gps.gpsil [style*="--p:"]{padding:var(--p)}.gps-567708708197368873.gps.gpsil [style*="--pl:"]{padding-left:var(--pl)}.gps-567708708197368873.gps.gpsil [style*="--pr:"]{padding-right:var(--pr)}.gps-567708708197368873.gps.gpsil [style*="--w:"]{width:var(--w)}@media only screen and (max-width:1024px){.gps-567708708197368873.gps.gpsil [style*="--pl-tablet:"]{padding-left:var(--pl-tablet)}.gps-567708708197368873.gps.gpsil [style*="--pr-tablet:"]{padding-right:var(--pr-tablet)}.gps-567708708197368873.gps.gpsil [style*="--w-tablet:"]{width:var(--w-tablet)}}@media only screen and (max-width:767px){.gps-567708708197368873.gps.gpsil [style*="--pl-mobile:"]{padding-left:var(--pl-mobile)}.gps-567708708197368873.gps.gpsil [style*="--pr-mobile:"]{padding-right:var(--pr-mobile)}.gps-567708708197368873.gps.gpsil [style*="--w-mobile:"]{width:var(--w-mobile)}}.gps-567708708197368873 .gp-relative{position:relative}.gps-567708708197368873 .gp-mx-auto{margin-left:auto;margin-right:auto}.gps-567708708197368873 .gp-mb-0{margin-bottom:0}.gps-567708708197368873 .gp-flex{display:flex}.gps-567708708197368873 .gp-grid{display:grid}.gps-567708708197368873 .\!gp-hidden{display:none!important}.gps-567708708197368873 .gp-hidden{display:none}.gps-567708708197368873 .gp-max-w-full{max-width:100%}.gps-567708708197368873 .gp-grid-rows-\[1fr\]{grid-template-rows:1fr}.gps-567708708197368873 .gp-flex-col{flex-direction:column}.gps-567708708197368873 .gp-gap-y-0{row-gap:0}.gps-567708708197368873 .gp-transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.gps-567708708197368873 .gp-duration-200{transition-duration:.2s}.gps-567708708197368873 .gp-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (max-width:1024px){.gps-567708708197368873 .tablet\:\!gp-hidden{display:none!important}.gps-567708708197368873 .tablet\:gp-hidden{display:none}}@media (max-width:767px){.gps-567708708197368873 .mobile\:\!gp-hidden{display:none!important}.gps-567708708197368873 .mobile\:gp-hidden{display:none}}.gps-567708708197368873 .\[\&_\*\]\:gp-max-w-full *{max-width:100%}

.gps-567708731635139665.gps.gpsil [style*="--bg:"]{background:var(--bg)}.gps-567708731635139665.gps.gpsil [style*="--bga:"]{background-attachment:var(--bga)}.gps-567708731635139665.gps.gpsil [style*="--bgc:"]{background-color:var(--bgc)}.gps-567708731635139665.gps.gpsil [style*="--bgi:"]{background-image:var(--bgi)}.gps-567708731635139665.gps.gpsil [style*="--bgp:"]{background-position:var(--bgp)}.gps-567708731635139665.gps.gpsil [style*="--bgr:"]{background-repeat:var(--bgr)}.gps-567708731635139665.gps.gpsil [style*="--bgs:"]{background-size:var(--bgs)}.gps-567708731635139665.gps.gpsil [style*="--b:"]{border:var(--b)}.gps-567708731635139665.gps.gpsil [style*="--bc:"]{border-color:var(--bc)}.gps-567708731635139665.gps.gpsil [style*="--bl:"]{border-left:var(--bl)}.gps-567708731635139665.gps.gpsil [style*="--bs:"]{border-style:var(--bs)}.gps-567708731635139665.gps.gpsil [style*="--bw:"]{border-width:var(--bw)}.gps-567708731635139665.gps.gpsil [style*="--shadow:"]{box-shadow:var(--shadow)}.gps-567708731635139665.gps.gpsil [style*="--c:"]{color:var(--c)}.gps-567708731635139665.gps.gpsil [style*="--cg:"]{-moz-column-gap:var(--cg);column-gap:var(--cg)}.gps-567708731635139665.gps.gpsil [style*="--gtc:"]{grid-template-columns:var(--gtc)}.gps-567708731635139665.gps.gpsil [style*="--jc:"]{justify-content:var(--jc)}.gps-567708731635139665.gps.gpsil [style*="--op:"]{opacity:var(--op)}.gps-567708731635139665.gps.gpsil [style*="--o:"]{order:var(--o)}.gps-567708731635139665.gps.gpsil [style*="--pc:"]{place-content:var(--pc)}.gps-567708731635139665.gps.gpsil [style*="--p:"]{padding:var(--p)}.gps-567708731635139665.gps.gpsil [style*="--pl:"]{padding-left:var(--pl)}.gps-567708731635139665.gps.gpsil [style*="--pr:"]{padding-right:var(--pr)}.gps-567708731635139665.gps.gpsil [style*="--w:"]{width:var(--w)}@media only screen and (max-width:1024px){.gps-567708731635139665.gps.gpsil [style*="--pl-tablet:"]{padding-left:var(--pl-tablet)}.gps-567708731635139665.gps.gpsil [style*="--pr-tablet:"]{padding-right:var(--pr-tablet)}.gps-567708731635139665.gps.gpsil [style*="--w-tablet:"]{width:var(--w-tablet)}}@media only screen and (max-width:767px){.gps-567708731635139665.gps.gpsil [style*="--pl-mobile:"]{padding-left:var(--pl-mobile)}.gps-567708731635139665.gps.gpsil [style*="--pr-mobile:"]{padding-right:var(--pr-mobile)}.gps-567708731635139665.gps.gpsil [style*="--w-mobile:"]{width:var(--w-mobile)}}.gps-567708731635139665 .gp-relative{position:relative}.gps-567708731635139665 .gp-mx-auto{margin-left:auto;margin-right:auto}.gps-567708731635139665 .gp-mb-0{margin-bottom:0}.gps-567708731635139665 .gp-flex{display:flex}.gps-567708731635139665 .gp-grid{display:grid}.gps-567708731635139665 .\!gp-hidden{display:none!important}.gps-567708731635139665 .gp-hidden{display:none}.gps-567708731635139665 .gp-max-w-full{max-width:100%}.gps-567708731635139665 .gp-grid-rows-\[1fr\]{grid-template-rows:1fr}.gps-567708731635139665 .gp-flex-col{flex-direction:column}.gps-567708731635139665 .gp-gap-y-0{row-gap:0}.gps-567708731635139665 .gp-transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.gps-567708731635139665 .gp-duration-200{transition-duration:.2s}.gps-567708731635139665 .gp-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (max-width:1024px){.gps-567708731635139665 .tablet\:\!gp-hidden{display:none!important}.gps-567708731635139665 .tablet\:gp-hidden{display:none}}@media (max-width:767px){.gps-567708731635139665 .mobile\:\!gp-hidden{display:none!important}.gps-567708731635139665 .mobile\:gp-hidden{display:none}}.gps-567708731635139665 .\[\&_\*\]\:gp-max-w-full *{max-width:100%}

/* ===================================
   ELEGANT PRODUCT SECTION
   Corporate Colors: White, Black, #FFBD59
   iOS-Inspired Usability
   =================================== */

/* CSS Variables - Corporate Colors */
.product-section-elegant {
  --color-primary: #111111;
  --color-secondary: #6e6e73;
  --color-accent: #FFBD59;
  --color-accent-dark: #E5A94F;
  --color-accent-light: rgba(255, 189, 89, 0.12);
  --color-background: #ffffff;
  --color-surface: #f5f5f7;
  --color-border: rgba(0, 0, 0, 0.08);
  --color-border-hover: rgba(0, 0, 0, 0.16);
  --color-success: #34c759;
  --color-warning: #ff9500;

  --font-display: 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-text: 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-full: 980px;

  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.12);
  --shadow-accent: 0 8px 24px rgba(255, 189, 89, 0.35);

  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 350ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* Base Reset */
.product-section-elegant *,
.product-section-elegant *::before,
.product-section-elegant *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.product-section-elegant {
  padding: 40px 0 40px;
  background: var(--color-background);
  font-family: var(--font-text);
  color: var(--color-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Container */
.product-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 24px;
}

/* Layout Grid */
.product-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
}

/* ===================================
   GALLERY SECTION
   =================================== */

.product-gallery {
  position: sticky;
  top: 24px;
}

/* Badges - Inside main-image-wrapper */
.product-badges {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 10;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-width: calc(100% - 32px);
}

/* Wishlist Button in price-row - Visible on desktop and mobile */
.price-row-wishlist {
  display: flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  cursor: pointer;
  transition: all var(--transition-base);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  padding: 0;
  margin-left: auto;
  flex-shrink: 0;
}

.price-row-wishlist:hover {
  background: rgba(255, 255, 255, 1);
  border-color: rgba(0, 0, 0, 0.2);
  transform: scale(1.1);
}

.price-row-wishlist.active,
.price-row-wishlist.is-favorite {
  background: rgba(255, 189, 89, 0.2);
  border-color: var(--color-accent);
}

.price-row-wishlist .c24-fav-icon {
  font-size: 18px;
  color: var(--color-primary);
  transition: all var(--transition-base);
}

.price-row-wishlist.active .c24-fav-icon,
.price-row-wishlist.is-favorite .c24-fav-icon {
  color: #ef4444;
}

.badge {
  display: inline-flex;
  align-items: center;
  padding: 10px 22px;
  border-radius: var(--radius-full);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.01em;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.badge-sale {
  background: var(--color-accent);
  color: var(--color-primary);
}

.badge-bestseller {
  background: var(--color-primary);
  color: var(--color-background);
}

.badge-new {
  background: rgba(255, 255, 255, 0.9);
  color: var(--color-primary);
  border: 1px solid var(--color-border);
}

/* Main Image */
.gallery-main {
  position: relative;
  margin-bottom: 16px;
}

.main-image-wrapper {
  position: relative;
  background: var(--color-surface);
  border-radius: var(--radius-xl);
  overflow: hidden;
  aspect-ratio: 1;
}

.main-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 40px;
  transition: transform var(--transition-slow);
}

.main-image-wrapper:hover .main-image {
  transform: scale(1.03);
}

/* Thumbnails */
.gallery-thumbnails {
  display: flex;
  justify-content: center;
}

.thumbnails-track {
  display: flex;
  gap: 12px;
}

.thumbnail {
  width: 72px;
  height: 72px;
  padding: 0;
  border: 2px solid transparent;
  border-radius: var(--radius-md);
  background: var(--color-surface);
  cursor: pointer;
  overflow: hidden;
  transition: all var(--transition-base);
}

.thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.thumbnail:hover {
  border-color: var(--color-border-hover);
}

.thumbnail.active {
  border-color: var(--color-accent);
}

/* ===================================
   PRODUCT INFO SECTION
   =================================== */

.product-info {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* Breadcrumb */
.breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--color-secondary);
}

.breadcrumb a {
  color: var(--color-secondary);
  text-decoration: none;
  transition: color var(--transition-fast);
}

.breadcrumb a:hover {
  color: var(--color-primary);
}

.breadcrumb .separator {
  width: 4px;
  height: 4px;
  background: var(--color-secondary);
  border-radius: 50%;
  opacity: 0.5;
}

.breadcrumb .current {
  color: var(--color-primary);
}

/* Product Header */
.product-header {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.product-vendor {
  font-size: 13px;
  font-weight: 600;
  color: var(--color-accent-dark);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.product-title {
  font-family: var(--font-display);
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.15;
  color: var(--color-primary);
  text-decoration: none;
  transition: color 0.2s ease;
}

.product-title:hover {
  color: #FFBD59;
}

/* Rating */
.product-rating {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
}

.stars {
  display: flex;
  gap: 2px;
}

.star {
  width: 16px;
  height: 16px;
}

.star.filled {
  fill: var(--color-accent);
}

.star.partial {
  fill: #e0e0e0;
}

.rating-value {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-primary);
}

.rating-link {
  font-size: 14px;
  color: var(--color-secondary);
  text-decoration: none;
  transition: color var(--transition-fast);
}

.rating-link:hover {
  color: var(--color-accent-dark);
}

/* Price Block */
.price-block {
  padding: 20px 0;
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}

.price-row {
  display: flex;
  align-items: baseline;
  gap: 12px;
  flex-wrap: wrap;
  position: relative;
}

.price-old {
  font-size: 18px;
  color: var(--color-secondary);
  text-decoration: line-through;
}

.price-current {
  font-family: var(--font-display);
  font-size: 36px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--color-primary);
}

.price-save {
  padding: 4px 12px;
  background: var(--color-accent-light);
  border-radius: var(--radius-full);
  font-size: 13px;
  font-weight: 600;
  color: var(--color-accent-dark);
}

.price-meta {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 8px;
  font-size: 13px;
  color: var(--color-secondary);
}

.price-meta .divider {
  width: 3px;
  height: 3px;
  background: currentColor;
  border-radius: 50%;
  opacity: 0.4;
}

/* Availability Info - Combined Live Activity & Stock */
.availability-info {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  background: var(--color-surface);
  border-radius: var(--radius-lg);
}

/* Live Activity */
.live-activity {
  display: flex;
  align-items: center;
  gap: 10px;
}

.pulse {
  width: 8px;
  height: 8px;
  background: var(--color-success);
  border-radius: 50%;
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(52, 199, 89, 0.5);
  }
  70% {
    box-shadow: 0 0 0 8px rgba(52, 199, 89, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(52, 199, 89, 0);
  }
}

.activity-text {
  font-size: 13px;
  color: var(--color-primary);
}

.activity-text strong {
  font-weight: 600;
}

/* Stock Indicator */
.stock-indicator {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.stock-bar {
  height: 6px;
  background: rgba(0, 0, 0, 0.08);
  border-radius: var(--radius-full);
  overflow: hidden;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06);
  position: relative;
}

.stock-fill {
  height: 100%;
  border-radius: var(--radius-full);
  position: relative;
  overflow: hidden;
  width: 0%;
  transition: width 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  will-change: width;
}

/* Shimmer effect on stock bar */
.stock-fill::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
  animation: stockShimmer 2s infinite;
}

@keyframes stockShimmer {
  0% { left: -100%; }
  100% { left: 100%; }
}

/* Stock status colors */
.stock-indicator[data-stock-status="high"] .stock-fill {
  background: linear-gradient(90deg, #22c55e, #16a34a);
}

.stock-indicator[data-stock-status="high"] .stock-text {
  color: #16a34a;
}

.stock-indicator[data-stock-status="low"] .stock-fill {
  background: linear-gradient(90deg, #f97316, #ea580c);
}

.stock-indicator[data-stock-status="low"] .stock-text {
  color: #ea580c;
}

.stock-indicator[data-stock-status="critical"] .stock-fill {
  background: linear-gradient(90deg, #ef4444, #dc2626);
  animation: criticalPulse 1.5s ease-in-out infinite;
}

.stock-indicator[data-stock-status="critical"] .stock-text {
  color: #dc2626;
  font-weight: 600;
}

.stock-indicator[data-stock-status="empty"] .stock-fill {
  background: #e5e5e5;
}

.stock-indicator[data-stock-status="empty"] .stock-text {
  color: #9ca3af;
}

@keyframes criticalPulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.7; }
}

.stock-text {
  font-size: 13px;
}

.stock-text strong {
  font-weight: 700;
}


/* Abo-Toggle – Passend zum Creatin24 Design-System */
.abo-toggle-wrap {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.abo-toggle-pills {
  display: flex;
  gap: 0;
  background: var(--color-surface);
  border-radius: var(--radius-md);
  padding: 4px;
}

.abo-pill {
  flex: 1;
  padding: 11px 16px;
  font-size: 14px;
  font-weight: 600;
  font-family: var(--font-text);
  border: none;
  background: transparent;
  color: var(--color-secondary);
  cursor: pointer;
  transition: all var(--transition-base);
  text-align: center;
  border-radius: var(--radius-sm);
  position: relative;
  overflow: hidden;
}

.abo-pill.active {
  background: var(--color-primary);
  color: var(--color-background);
  box-shadow: var(--shadow-sm);
}

.abo-pill.active::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,189,89,0.2) 0%, transparent 50%, rgba(255,189,89,0.2) 100%);
  animation: shimmer 0.5s ease-out;
}

.abo-pill:hover:not(.active) {
  background: rgba(0, 0, 0, 0.04);
  color: var(--color-primary);
}

.abo-interval-selector {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  background: var(--color-accent-light);
  border: 1px solid rgba(255, 189, 89, 0.25);
  border-radius: var(--radius-md);
  flex-wrap: wrap;
}

.abo-interval-label,
.abo-interval-hint {
  font-size: 14px;
  color: var(--color-primary);
  font-weight: 500;
  font-family: var(--font-text);
}

.abo-interval-input {
  width: 56px;
  padding: 8px 10px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font-size: 14px;
  text-align: center;
  font-family: var(--font-text);
  font-weight: 600;
  color: var(--color-primary);
  background: var(--color-background);
  transition: all var(--transition-fast);
  -moz-appearance: textfield;
}

.abo-interval-input::-webkit-outer-spin-button,
.abo-interval-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.abo-interval-input:focus {
  outline: none;
  border-color: var(--color-accent);
  box-shadow: 0 0 0 3px rgba(255, 189, 89, 0.2);
}

.abo-interval-select {
  padding: 8px 12px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font-size: 14px;
  font-weight: 500;
  font-family: var(--font-text);
  color: var(--color-primary);
  background: var(--color-background);
  cursor: pointer;
  transition: all var(--transition-fast);
}

.abo-interval-select:focus {
  outline: none;
  border-color: var(--color-accent);
  box-shadow: 0 0 0 3px rgba(255, 189, 89, 0.2);
}

.abo-info-text {
  font-size: 13px;
  color: var(--color-secondary);
  margin: 0;
  font-weight: 500;
  font-family: var(--font-text);
  display: flex;
  align-items: center;
  gap: 6px;
}

/* Product Form */
.product-form {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* Variants */
.variants-section {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.variant-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.variant-label {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-primary);
}

.variant-selected-value {
  color: var(--color-secondary);
}

.variant-options {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.variant-option input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.variant-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  height: 44px;
  padding: 0 20px;
  background: var(--color-background);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-size: 14px;
  font-weight: 500;
  color: var(--color-primary);
  cursor: pointer;
  transition: all var(--transition-base);
  position: relative;
  overflow: hidden;
}

.variant-btn:hover {
  border-color: var(--color-border-hover);
  background: var(--color-surface);
}

/* Sold-out variant styling */
.variant-sold-out .variant-btn {
  opacity: 0.5;
  text-decoration: line-through;
  cursor: not-allowed;
  pointer-events: none;
  background: var(--color-background);
  border-color: var(--color-border);
  color: var(--color-secondary);
}

.variant-sold-out input:disabled + .variant-btn {
  text-decoration: line-through;
  opacity: 0.5;
}

/* Variant Button Selected State with Cool Effect */
.variant-option input:checked + .variant-btn {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: white;
  animation: variantSelect 0.4s ease;
}

.variant-option input:checked + .variant-btn::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,189,89,0.3) 0%, transparent 50%, rgba(255,189,89,0.3) 100%);
  animation: shimmer 0.6s ease-out;
}

@keyframes variantSelect {
  0% {
    transform: scale(1);
  }
  30% {
    transform: scale(0.95);
  }
  60% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes shimmer {
  0% {
    opacity: 1;
    transform: translateX(-100%);
  }
  100% {
    opacity: 0;
    transform: translateX(100%);
  }
}

/* Purchase Controls */
.purchase-controls {
  display: flex;
  gap: 12px;
}

.quantity-selector {
  display: flex;
  align-items: center;
  background: var(--color-surface);
  border-radius: var(--radius-md);
  overflow: hidden;
}

.qty-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 52px;
  padding: 0;
  border: none;
  background: transparent;
  color: var(--color-primary);
  cursor: pointer;
  transition: background var(--transition-fast);
}

.qty-btn svg {
  width: 20px;
  height: 20px;
}

.qty-btn:hover {
  background: rgba(0, 0, 0, 0.06);
}

.qty-btn:active {
  background: rgba(0, 0, 0, 0.1);
}

.qty-input {
  width: 48px;
  height: 52px;
  border: none;
  background: transparent;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: var(--color-primary);
  -moz-appearance: textfield;
}

.qty-input::-webkit-outer-spin-button,
.qty-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Add to Cart Button - CTA with Accent Color */
.btn-add-to-cart {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  height: 52px;
  padding: 0 28px;
  background: var(--color-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-text);
  font-size: 15px;
  font-weight: 600;
  color: var(--color-primary);
  cursor: pointer;
  transition: all var(--transition-base);
  position: relative;
  overflow: hidden;
}

.btn-add-to-cart::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, transparent 0%, rgba(255,255,255,0.25) 50%, transparent 100%);
  transform: translateX(-100%);
  transition: transform 0.6s ease;
}

.btn-add-to-cart:hover {
  background: var(--color-accent-dark);
  transform: translateY(-2px);
  box-shadow: var(--shadow-accent);
}

.btn-add-to-cart:hover::before {
  transform: translateX(100%);
}

.btn-add-to-cart:active {
  transform: translateY(0);
}

/* Success State for Add to Cart */
.btn-add-to-cart.success {
  background: var(--color-success) !important;
  color: white !important;
  transform: scale(1.02);
}

.btn-add-to-cart.success .btn-price {
  background: rgba(255, 255, 255, 0.2);
  color: white;
}

.btn-text {
  font-weight: 700;
}

.btn-price {
  padding: 4px 10px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: var(--radius-sm);
  font-size: 13px;
  font-weight: 600;
  transition: all var(--transition-base);
}

/* Express Checkout */
.express-checkout {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px;
  background: var(--color-surface);
  border-radius: var(--radius-lg);
}

.express-label {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-secondary);
  text-align: center;
}

.btn-buy-now {
  width: 100%;
  height: 48px;
  padding: 0 24px;
  background: var(--color-primary);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-text);
  font-size: 15px;
  font-weight: 600;
  color: white;
  cursor: pointer;
  transition: all var(--transition-base);
}

.btn-buy-now:hover {
  background: #333;
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

.btn-buy-now:active {
  transform: translateY(0);
}

/* Trust Grid - White Background with Elegant Black Border */
.trust-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.trust-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
  position: relative;
  overflow: hidden;
}

/* Gliding light stripe effect on hover (like c24-benefit-item) */
.trust-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 189, 89, 0.15),
    rgba(255, 189, 89, 0.25),
    rgba(255, 189, 89, 0.15),
    transparent
  );
  transform: skewX(-20deg);
  transition: left 0.6s ease;
  pointer-events: none;
}

.trust-item:hover::before {
  left: 150%;
}

.trust-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
  border-color: rgba(255, 189, 89, 0.4);
}

.trust-icon {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-surface);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
}

.trust-item:hover .trust-icon {
  background: var(--color-accent-light);
}

.trust-item:hover .trust-icon svg {
  color: var(--color-accent-dark);
}

.trust-icon svg {
  width: 22px;
  height: 22px;
  color: var(--color-primary);
  transition: color var(--transition-base);
}

.trust-text {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.trust-text strong {
  font-size: 13px;
  font-weight: 600;
  color: var(--color-primary);
}

.trust-text span {
  font-size: 12px;
  color: var(--color-secondary);
}

/* Accordion */
.details-accordion {
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--color-border);
}

.accordion-item {
  border-bottom: 1px solid var(--color-border);
}

.accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 18px 0;
  background: none;
  border: none;
  cursor: pointer;
  list-style: none;
}

.accordion-header::-webkit-details-marker {
  display: none;
}

.accordion-title {
  font-size: 15px;
  font-weight: 500;
  color: var(--color-primary);
}

.accordion-icon {
  width: 20px;
  height: 20px;
  color: var(--color-secondary);
  transition: transform var(--transition-base);
}

.accordion-item[open] .accordion-icon {
  transform: rotate(180deg);
}

.accordion-body {
  padding-bottom: 18px;
}

.accordion-content {
  font-size: 14px;
  line-height: 1.7;
  color: var(--color-secondary);
}

.accordion-content h4 {
  margin: 16px 0 8px;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-primary);
}

.accordion-content h4:first-child {
  margin-top: 0;
}

.accordion-content p {
  margin: 0 0 12px;
}

.accordion-content p:last-child {
  margin-bottom: 0;
}

.shipping-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.shipping-list li {
  position: relative;
  padding-left: 20px;
}

.shipping-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 6px;
  height: 6px;
  background: var(--color-accent);
  border-radius: 50%;
}

.contact-links {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.contact-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 18px;
  background: white;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  font-size: 14px;
  font-weight: 500;
  color: var(--color-primary);
  text-decoration: none;
  transition: all var(--transition-base);
}

.contact-link svg {
  width: 18px;
  height: 18px;
  color: var(--color-accent-dark);
}

.contact-link:hover {
  background: var(--color-accent-light);
  transform: translateX(4px);
}

/* ===================================
   STICKY CART BAR
   =================================== */

.sticky-cart-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-top: 1px solid var(--color-border);
  padding: 12px 0;
  z-index: 1000;
  transform: translateY(100%);
  opacity: 0;
  transition: all var(--transition-base);
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.1);
}

.sticky-cart-bar.visible {
  transform: translateY(0);
  opacity: 1;
}

.sticky-cart-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.sticky-cart-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.sticky-cart-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sticky-cart-price {
  font-size: 18px;
  font-weight: 700;
  color: var(--color-primary);
}

.sticky-cart-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 48px;
  padding: 0 28px;
  background: var(--color-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-text);
  font-size: 15px;
  font-weight: 600;
  color: var(--color-primary);
  cursor: pointer;
  transition: all var(--transition-base);
  white-space: nowrap;
  flex-shrink: 0;
}

.sticky-cart-btn svg {
  width: 20px;
  height: 20px;
}

.sticky-cart-btn:hover {
  background: var(--color-accent-dark);
  transform: translateY(-2px);
  box-shadow: var(--shadow-accent);
}

.sticky-cart-btn.success {
  background: var(--color-success) !important;
  color: white !important;
}

/* ===================================
   RESPONSIVE DESIGN
   =================================== */

@media (max-width: 1024px) {
  .product-layout {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .product-gallery {
    position: static;
    max-width: 600px;
    margin: 0 auto;
  }
}

@media (max-width: 768px) {
  .product-section-elegant {
    padding: 24px 0 20px; /* Reduced bottom padding to minimize gap to product recommendations */
  }

  .product-container {
    padding: 0 16px;
  }

  .product-title {
    font-size: 26px;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.2s ease;
  }

  .product-title:hover {
    color: #FFBD59;
  }

  .price-current {
    font-size: 28px;
  }

  .purchase-controls {
    flex-direction: column;
    gap: 16px;
  }

  .quantity-selector {
    justify-content: center;
    width: 100%;
  }

  /* Fixed: Make Add to Cart button bigger and more dominant on mobile */
  .btn-add-to-cart {
    width: 100% !important;
    height: 54px;
    padding: 0 24px;
    font-size: 16px;
    font-weight: 700;
    justify-content: center;
    flex: none !important;
    min-height: 54px;
    border-radius: 12px;
  }

  .btn-add-to-cart .btn-price {
    display: none;
  }

  /* Trust Grid 2x2 on Mobile */
  .trust-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }

  .trust-item {
    padding: 14px 12px;
    flex-direction: column;
    text-align: center;
    gap: 10px;
  }

  .trust-icon {
    width: 36px;
    height: 36px;
  }

  .trust-icon svg {
    width: 18px;
    height: 18px;
  }

  .trust-text {
    align-items: center;
  }

  .trust-text strong {
    font-size: 12px;
  }

  .trust-text span {
    font-size: 11px;
  }

  .thumbnails-track {
    gap: 8px;
  }

  .thumbnail {
    width: 60px;
    height: 60px;
  }

  /* Fix: Product badges position on mobile - inside main-image-wrapper */
  .product-badges {
    top: 16px;
    left: 16px;
    right: auto;
    gap: 10px;
  }

  /* Hide product badges when mobile menu is open */
  body.overflow-hidden-tablet .product-badges,
  body.overflow-hidden-mobile .product-badges,
  .header.menu-open ~ * .product-badges,
  .header.menu-open .product-badges {
    display: none !important;
  }

  .product-section-elegant .badge {
    padding: 7px 14px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    min-height: 32px;
  }

  .product-section-elegant .product-badges {
    gap: 8px !important;
  }

  /* Wishlist button in price-row - mobile styles */
  .price-row-wishlist {
    width: 44px;
    height: 44px;
  }

  .price-row-wishlist .c24-fav-icon {
    font-size: 20px;
  }

  /* Sticky Cart Bar Mobile */
  .sticky-cart-container {
    padding: 0 16px;
  }

  .sticky-cart-info {
    flex: 1;
  }

  .sticky-cart-title {
    font-size: 13px;
  }

  .sticky-cart-price {
    font-size: 16px;
  }

  .sticky-cart-btn {
    padding: 0 20px;
    height: 44px;
    font-size: 14px;
  }

  /* Availability info on mobile */
  .availability-info {
    padding: 14px;
  }
}

@media (max-width: 480px) {
  .product-title {
    font-size: 22px;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.2s ease;
  }

  .product-title:hover {
    color: #FFBD59;
  }

  .price-current {
    font-size: 24px;
  }

  .main-image {
    padding: 24px;
  }

  .variant-btn {
    padding: 0 14px;
    height: 40px;
    font-size: 13px;
  }

  /* Trust items stay 2x2 */
  .trust-item {
    padding: 12px 10px;
  }

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

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

  /* Fix: Badges on very small screens */
  .product-badges {
    top: 8px;
    left: 8px;
    gap: 6px;
  }

  .badge {
    padding: 4px 8px;
    font-size: 10px;
  }

  /* Add to Cart button stays big on mobile */
  .btn-add-to-cart {
    height: 54px;
    font-size: 16px;
    padding: 0 24px;
    min-height: 54px;
    border-radius: 12px;
  }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
  .product-section-elegant *,
  .product-section-elegant *::before,
  .product-section-elegant *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

  .sticky-cart-bar {
    transition: none;
  }
}

/* Tabs Section Container */
.c24-tabs-section {
  width: 100%;
  max-width: 1280px;
  margin: 5px auto 20px auto;
  padding: 15px 20px;
  position: relative;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: visible;
  z-index: 1;
}

/* Tab Navigation */
.c24-tabs-nav {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-bottom: 40px;
  border-bottom: 2px solid #f0f0f0;
  padding-bottom: 0;
}

.c24-tab-btn {
  background: transparent;
  border: none;
  color: #666;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  padding: 14px 28px;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease;
  border-bottom: 3px solid transparent;
  margin-bottom: -2px;
}

.c24-tab-btn:hover {
  color: #333;
}

.c24-tab-btn.active {
  color: #111;
  border-bottom-color: #FFBD59;
}

/* Tab Content */
.c24-tabs-content {
  width: 100%;
  margin-bottom: 40px;
  padding: 5px 0;
  overflow: visible;
}

.c24-tab-panel {
  display: none;
  animation: fadeIn 0.3s ease;
  overflow: visible;
  padding: 3px 0;
}

.c24-tab-panel.active {
  display: block;
  overflow: visible;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Product Grid */
.c24-product-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 28px;
  width: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: visible;
  padding: 5px 0;
}

/* Product Item Container */
.c24-product-item {
  position: relative;
  overflow: visible;
}

/* Checkbox Wrapper */
.c24-checkbox-wrapper {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
}

.c24-product-checkbox {
  display: none;
}

.c24-checkbox-custom {
  display: block;
  width: 28px;
  height: 28px;
  border: 3px solid #ddd;
  border-radius: 6px;
  background: #fff;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.c24-checkbox-custom:hover {
  border-color: #FFBD59;
  transform: scale(1.1);
}

.c24-checkbox-custom::after {
  content: '✓';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  transition: transform 0.2s ease;
}

.c24-product-checkbox:checked + .c24-checkbox-custom {
  background: #FFBD59;
  border-color: #FFBD59;
}

.c24-product-checkbox:checked + .c24-checkbox-custom::after {
  transform: translate(-50%, -50%) scale(1);
}

/* Verstecke alle anderen Checkboxen im product-card Template */
.c24-product-item input[type="checkbox"]:not(.c24-product-checkbox),
.c24-product-item input[type="radio"],
.c24-product-card input[type="checkbox"],
.c24-product-card input[type="radio"],
.c24-product-card .form-check-input,
.c24-product-card .checkbox-input,
.c24-product-card .product-form__input[type="checkbox"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  position: absolute !important;
  left: -9999px !important;
}

/* Labels der anderen Checkboxen auch verstecken */
.c24-product-item label:not(.c24-checkbox-custom),
.c24-product-card label[for*="checkbox"]:not(.c24-checkbox-custom),
.c24-product-card .checkbox-label,
.c24-product-card .form-check-label {
  display: none !important;
}

/* Nur unsere Checkbox sichtbar machen */
.c24-product-checkbox {
  display: none !important; /* Versteckt, aber funktional */
}

.c24-checkbox-custom {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  left: auto !important;
}

.c24-product-card {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 2px 24px rgba(0,0,0,0.06);
  padding: 18px;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 420px;
  position: relative;
  transition: all 0.3s ease;
  cursor: pointer;
  border: 2px solid transparent;
  box-sizing: border-box;
  overflow: visible;
  max-width: 100%;
}

.c24-product-card:hover {
  box-shadow: 0 8px 32px rgba(0,0,0,0.12);
}

.c24-product-card.selected {
  box-shadow: 0 8px 32px rgba(255,189,89,0.2);
  border: 2px solid #FFBD59;
  transform: translateY(-2px);
}

.c24-product-img-wrap {
  width: 100%;
  height: 170px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 8px;
}

.c24-product-img {
  max-height: 155px;
  max-width: 95%;
  width: auto;
  height: auto;
  display: block;
  margin: 0 auto;
  object-fit: contain;
  background: #fff;
  border-radius: 14px;
  transition: transform 0.25s;
}

.c24-product-card:hover .c24-product-img {
  transform: scale(1.05);
}

.c24-badge-offer, .c24-badge-bestseller {
  position: absolute;
  top: 10px;
  left: 10px;
  background: #FFBD59;
  color: #222;
  padding: 3px 11px;
  border-radius: 16px;
  font-size: 0.92rem;
  font-weight: 600;
  box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}

.c24-badge-bestseller {
  left: auto;
  right: 10px;
  background: #111;
  color: #fff;
}

.c24-product-card a {
  text-decoration: none;
}

.c24-product-title {
  font-size: 1.3rem;
  margin: 6px 0 2px;
  text-align: center;
  font-weight: 600;
  min-height: 42px;
  text-decoration: none;
  transition: color 0.2s ease;
}

.c24-product-card:hover .c24-product-title {
  color: #FFBD59;
}

.c24-product-price {
  font-size: 1.7rem;
  color: #222;
  margin-bottom: 10px;
  text-align: center;
}

.c24-old-price {
  color: #a2a2a2;
  text-decoration: line-through;
  margin-right: 6px;
}

.c24-current-price {
  font-weight: 700;
  color: #FFBD59;
}

.c24-product-bottom {
  margin-top: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
}

.c24-product-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 0;
  position: relative;
  justify-content: center;
  width: 100%;
  align-items: stretch;
}

.c24-actions-row {
  display: flex;
  gap: 8px;
  width: 100%;
  align-items: stretch;
  position: relative;
  overflow: visible;
}

.c24-cart-btn {
  background: #111;
  color: #fff;
  border: none;
  border-radius: 14px;
  padding: 8px 20px;
  font-weight: 600;
  cursor: pointer;
  width: 100%;
  margin-bottom: 0;
  transition: background 0.17s, color 0.17s;
  position: relative;
  overflow: hidden;
}

.c24-cart-btn:hover,
.c24-cart-btn:focus {
  background: #FFBD59;
  color: #111;
}

.c24-cart-btn-abo {
  background: #FFBD59;
  color: #111;
  border: 2px solid #FFBD59;
  border-radius: 14px;
  padding: 8px 20px;
  font-weight: 600;
  cursor: pointer;
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  transition: background 0.17s, color 0.17s, border-color 0.17s;
  position: relative;
  overflow: hidden;
}

.c24-cart-btn-abo:hover,
.c24-cart-btn-abo:focus {
  background: #e5a94f;
  color: #111;
  border-color: #e5a94f;
}

.c24-fav-btn {
  background: #f6f6f6;
  border: 1px solid #eee;
  color: #aaa;
  border-radius: 13px;
  padding: 8px 13px;
  font-size: 1.1rem;
  cursor: pointer;
  flex-shrink: 0;
  transition: color 0.2s, background 0.2s, border-color 0.2s;
}

.c24-fav-btn.active .c24-fav-icon,
.c24-fav-btn:hover .c24-fav-icon {
  color: #FFBD59;
}

.c24-fav-btn.active,
.c24-fav-btn:hover {
  background: #FFEAEA;
  border-color: #FFBD59;
}

.c24-wishlist-btn {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #eee;
  border-radius: 13px;
  background: #fff;
  color: #777;
  cursor: pointer;
  transition: background .17s, border-color .17s, color .17s, transform .17s;
}

.c24-wishlist-btn:hover {
  background: #fffaf0;
  border-color: #FFBD59;
  color: #FFBD59;
  transform: translateY(-1px);
}

.c24-wishlist-btn .c24-wishlist-icon--filled {
  display: none;
}

.c24-wishlist-btn.active .c24-wishlist-icon--outline,
.c24-wishlist-btn.is-favorite .c24-wishlist-icon--outline {
  display: none;
}

.c24-wishlist-btn.active .c24-wishlist-icon--filled,
.c24-wishlist-btn.is-favorite .c24-wishlist-icon--filled {
  display: block;
}

.c24-product-card.soldout .c24-product-img {
  opacity: .55;
}

.c24-cart-btn--soldout,
.c24-cart-btn--soldout:hover,
.c24-cart-btn--soldout:focus {
  background: #ddd;
  color: #777;
  cursor: not-allowed;
}

/* Variantenauswahl Modal */
.c24-variant-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.c24-variant-modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.c24-variant-modal-content {
  position: relative;
  background: #fff;
  border-radius: 16px;
  padding: 24px;
  max-width: 400px;
  width: 90%;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
  z-index: 10001;
}

.c24-variant-modal-content h3 {
  margin: 0 0 16px 0;
  font-size: 1.3rem;
  font-weight: 600;
  color: #111;
}

.c24-variant-modal-select {
  width: 100%;
  padding: 12px 16px;
  border: 2px solid #e9ecef;
  border-radius: 10px;
  font-size: 1.2rem;
  margin-bottom: 20px;
  background: #fff;
  cursor: pointer;
  transition: border-color 0.2s;
  color: #333;
}

.c24-variant-modal-select option {
  color: #333;
  background: #fff;
}

.c24-variant-modal-select:hover,
.c24-variant-modal-select:focus {
  border-color: #FFBD59;
  outline: none;
}

.c24-variant-modal-actions {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
}

.c24-variant-modal-cancel,
.c24-variant-modal-add {
  padding: 12px 24px;
  border-radius: 10px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  border: none;
  font-size: 1.1rem;
}

.c24-variant-modal-cancel {
  background: #f0f0f0;
  color: #333;
}

.c24-variant-modal-cancel:hover {
  background: #e0e0e0;
}

.c24-variant-modal-add {
  background: #111;
  color: #fff;
}

.c24-variant-modal-add:hover {
  background: #FFBD59;
  color: #111;
}

/* Variantenauswahl Dropdown */
.c24-variant-selector {
  width: 100%;
  margin-bottom: 10px;
}

.c24-variant-select {
  width: 100%;
  padding: 10px 14px;
  border: 2px solid #e9ecef;
  border-radius: 12px;
  background: #fff;
  font-size: 0.95rem;
  font-weight: 500;
  color: #333;
  cursor: pointer;
  transition: all 0.2s ease;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 12px;
  padding-right: 36px;
}

.c24-variant-select:hover {
  border-color: #FFBD59;
}

.c24-variant-select:focus {
  outline: none;
  border-color: #FFBD59;
  box-shadow: 0 0 0 3px rgba(255, 189, 89, 0.1);
}

/* Interval Form */
.c24-interval-form {
  position: absolute;
  left: 0;
  bottom: 100%;
  margin-bottom: 8px;
  background: #fff3e3;
  border: 1.5px solid #FFBD59;
  border-radius: 15px;
  box-shadow: 0 2px 16px rgba(255,189,89,0.25);
  padding: 16px 18px 13px 18px;
  display: none;
  flex-direction: column;
  gap: 8px;
  min-width: 220px;
  z-index: 9999;
  animation: fadeIn 0.18s ease;
}

.c24-interval-label {
  font-size: 1.06rem;
  font-weight: 600;
  margin-bottom: 2px;
  color: #222;
}

.c24-interval-buttons {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.c24-interval-btn {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 10px 16px;
  font-size: 0.95rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  text-align: left;
  color: #333;
}

.c24-interval-btn:hover {
  background: #FFBD59;
  border-color: #FFBD59;
  color: #111;
  transform: translateX(4px);
}

.c24-interval-row {
  display: flex;
  align-items: center;
  gap: 6px;
}

.c24-interval-prefix {
  font-size: 1.05rem;
  font-weight: 500;
  color: #222;
  height: 34px;
  line-height: 34px;
  padding: 0 8px;
  background: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 9px;
  box-sizing: border-box;
  white-space: nowrap;
}

.c24-interval-count-input {
  width: 44px;
  padding: 6px 4px;
  border-radius: 9px;
  border: 1px solid #ddd;
  font-size: 1.05rem;
  text-align: center;
  font-weight: 600;
  height: 34px;
  box-sizing: border-box;
}

.c24-interval-count-input::-webkit-outer-spin-button,
.c24-interval-count-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.c24-interval-unit-select {
  padding: 6px 8px;
  border-radius: 9px;
  border: 1px solid #ddd;
  font-size: 1.05rem;
  height: 34px;
  box-sizing: border-box;
}

.c24-interval-select {
  padding: 6px 10px;
  border-radius: 9px;
  border: 1px solid #ddd;
}

.c24-modal-add-btn {
  background: #111;
  color: #fff;
  border: none;
  border-radius: 13px;
  padding: 8px 12px;
  font-weight: 600;
  cursor: pointer;
  margin-top: 6px;
  transition: background 0.17s;
}

.c24-modal-add-btn:hover {
  background: #FFBD59;
  color: #111;
}

.c24-rating {
  font-size: 1.4rem;
  color: #222;
  text-align: center;
}

/* Bundle Summary mit Mini-Produktkarten */
.c24-bundle-summary {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  background: #fff;
  border-radius: 16px;
  padding: 25px 30px;
  box-shadow: 0 4px 24px rgba(0,0,0,0.08);
  border: 1px solid #f0f0f0;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 20px;
}

.c24-total-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1;
  min-width: 300px;
}

.c24-total-price-wrapper {
  display: block;
}

.c24-mobile-btn {
  display: none;
}

.c24-desktop-btn {
  display: block;
}

/* Selected Products Header */
.c24-selected-products-header h4 {
  margin: 0 0 12px 0;
  font-size: 1.3rem;
  font-weight: 600;
  color: #111;
}

/* Mini Products Grid */
.c24-mini-products-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 200px));
  gap: 16px;
  align-items: stretch;
  max-width: 100%;
}

/* Mini Product Card */
.c24-mini-product-card {
  background: #f8f9fa;
  border: 2px solid #e9ecef;
  border-radius: 12px;
  padding: 16px;
  min-width: 180px;
  max-width: 200px;
  position: relative;
  transition: all 0.3s ease;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.c24-mini-product-card:hover {
  border-color: #FFBD59;
  box-shadow: 0 4px 12px rgba(255,189,89,0.2);
}

.c24-mini-product-card.selected {
  border-color: #FFBD59;
  background: #fff;
}

/* Mini Remove Button */
.c24-mini-remove-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 100;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  padding: 0;
  line-height: 1;
  pointer-events: auto;
  touch-action: manipulation;
}

.c24-mini-remove-btn:hover {
  background: rgba(255, 0, 0, 0.8);
  transform: scale(1.1);
}

.c24-mini-remove-btn svg {
  width: 14px;
  height: 14px;
}

/* Mini Checkbox */
.c24-mini-checkbox-wrapper {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
}

.c24-mini-checkbox {
  display: none;
}

.c24-mini-checkbox-custom {
  display: block;
  width: 20px;
  height: 20px;
  border: 2px solid #ddd;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.c24-mini-checkbox-custom:hover {
  border-color: #FFBD59;
  transform: scale(1.1);
}

.c24-mini-checkbox-custom::after {
  content: '✓';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  color: #fff;
  font-weight: 700;
  font-size: 10px;
  transition: transform 0.2s ease;
}

.c24-mini-checkbox:checked + .c24-mini-checkbox-custom {
  background: #FFBD59;
  border-color: #FFBD59;
}

.c24-mini-checkbox:checked + .c24-mini-checkbox-custom::after {
  transform: translate(-50%, -50%) scale(1);
}

/* Mini Product Image */
.c24-mini-product-img {
  width: 100%;
  height: 60px;
  object-fit: contain;
  border-radius: 6px;
  margin-bottom: 8px;
  background: #fff;
  flex-shrink: 0;
}

/* Mini Product Info */
.c24-mini-product-title {
  font-size: 1.3rem;
  font-weight: 600;
  color: #333;
  margin-bottom: 6px;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 3.12rem; /* 2 Zeilen * 1.3rem * 1.2 line-height */
}

.c24-mini-product-price {
  font-size: 1.4rem;
  font-weight: 700;
  color: #FFBD59;
  margin-bottom: 8px;
  flex-shrink: 0;
}

/* Mini Variantenauswahl Dropdown */
.c24-mini-variant-selector {
  width: 100%;
  margin-bottom: 8px;
  flex-shrink: 0;
}

.c24-mini-variant-select {
  width: 100%;
  padding: 8px 12px;
  border: 2px solid #e9ecef;
  border-radius: 8px;
  background: #fff;
  font-size: 0.9rem;
  font-weight: 500;
  color: #333;
  cursor: pointer;
  transition: all 0.2s ease;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%23333' d='M5 7L1 3h8z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 10px;
  padding-right: 32px;
  min-height: 38px;
  box-sizing: border-box;
}

.c24-mini-variant-select:hover {
  border-color: #FFBD59;
}

.c24-mini-variant-select:focus {
  outline: none;
  border-color: #FFBD59;
  box-shadow: 0 0 0 2px rgba(255, 189, 89, 0.1);
}

/* Mini Abo Button */
.c24-mini-abo-btn {
  display: none !important; /* Vorübergehend ausgeblendet - wird nachgerüstet */
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 4px 8px;
  font-size: 0.75rem;
  font-weight: 500;
  cursor: pointer;
  width: 100%;
  transition: all 0.2s ease;
  position: relative;
}

.c24-mini-abo-btn:hover {
  background: #FFBD59;
  border-color: #FFBD59;
  color: #111;
}

/* Mini Interval Form */
.c24-mini-interval-form {
  position: absolute;
  left: 0;
  top: 100%;
  background: #fff;
  border: 1px solid #FFBD59;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.15);
  padding: 8px;
  display: none;
  flex-direction: column;
  gap: 4px;
  min-width: 140px;
  z-index: 10;
}

.c24-mini-interval-btn {
  background: #f8f9fa;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 6px 8px;
  font-size: 0.7rem;
  cursor: pointer;
  transition: all 0.2s;
  text-align: center;
}

.c24-mini-interval-btn:hover {
  background: #FFBD59;
  border-color: #FFBD59;
  color: #111;
}

/* Abo Info Badge */
.c24-mini-abo-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 12px 16px;
  background: #fff3e3;
  border: 2px solid #FFBD59;
  border-radius: 10px;
  margin-top: auto;
  font-size: 1.1rem;
  font-weight: 600;
  text-align: center;
}

.c24-mini-abo-label {
  color: #333;
  white-space: nowrap;
  font-size: 1.1rem;
  font-weight: 600;
}

.c24-mini-abo-interval-select {
  width: 100%;
  padding: 8px 12px;
  border: 2px solid #FFBD59;
  border-radius: 8px;
  background: #fff;
  font-size: 1.1rem;
  font-weight: 600;
  color: #333;
  cursor: pointer;
  transition: all 0.2s ease;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%23333' d='M5 7L1 3h8z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 10px;
  padding-right: 32px;
  text-align: center;
}

.c24-mini-abo-interval-select:hover {
  border-color: #d97706;
  background-color: #fff;
}

.c24-mini-abo-interval-select:focus {
  outline: none;
  border-color: #d97706;
  box-shadow: 0 0 0 3px rgba(255, 189, 89, 0.2);
}

/* Alte c24-mini-abo-info Styles (falls noch vorhanden) */
  background: #FFBD59;
  color: #111;
  font-size: 0.7rem;
  font-weight: 600;
  padding: 2px 6px;
  border-radius: 4px;
  margin-top: 4px;
  text-align: center;
}

/* Total Price Section */
.c24-total-price {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 8px;
}

.c24-total-label {
  font-size: 1.3rem;
  font-weight: 600;
  color: #111;
}

.c24-total-amount {
  font-size: 1.8rem;
  font-weight: 700;
  color: #FFBD59;
}

/* Add Selected Button */
.c24-add-selected-btn {
  background: #111;
  color: #fff;
  border: none;
  border-radius: 14px;
  padding: 16px 32px;
  font-weight: 700;
  font-size: 1.1rem;
  cursor: pointer;
  transition: all 0.3s ease;
  min-width: 220px;
  align-self: flex-start;
}

.c24-add-selected-btn:hover:not(:disabled) {
  background: #FFBD59;
  color: #111;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255,189,89,0.3);
}

.c24-add-selected-btn:disabled {
  background: #ccc;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

/* Responsive */
@media (max-width: 768px) {
  .c24-tabs-section {
    padding: 12px 12px;
  }

  .c24-tabs-nav {
    justify-content: flex-start !important;
    gap: 16px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    flex-wrap: nowrap !important;
    padding-bottom: 12px !important;
  }

  .c24-tabs-nav::-webkit-scrollbar {
    display: none;
  }

  .c24-tab-btn {
    font-size: 1.8rem !important;
    padding: 16px 28px !important;
    white-space: nowrap !important;
    flex: none !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    font-weight: 700 !important;
    min-height: 56px !important;
    height: auto !important;
    width: auto !important;
    max-width: none !important;
    line-height: 1.3 !important;
  }

  .c24-product-grid {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 16px;
    width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: visible;
    padding: 5px 0;
  }

  .c24-product-card {
    min-height: 360px;
    padding: 14px;
    max-width: 100%;
    box-sizing: border-box;
    overflow: visible;
  }

  .c24-interval-form {
    left: auto;
    right: 0;
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 8px;
    min-width: 200px;
    max-width: calc(100vw - 24px);
    z-index: 9999;
  }

  .c24-actions-row {
    gap: 6px;
  }

  .c24-fav-btn {
    min-width: 44px;
    padding: 8px;
  }

  .c24-bundle-summary {
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    padding: 20px !important;
    gap: 0 !important;
    padding-bottom: 20px !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
  }

  .c24-bundle-summary > .c24-desktop-btn {
    display: none !important;
    position: absolute !important;
    left: -9999px !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    visibility: hidden !important;
    overflow: hidden !important;
    line-height: 0 !important;
    font-size: 0 !important;
    flex: 0 0 0 !important;
    opacity: 0 !important;
  }

  .c24-bundle-summary > .c24-total-info {
    flex: 0 0 auto !important;
    width: 100% !important;
  }

  .c24-total-info {
    min-width: auto !important;
    width: 100% !important;
    gap: 0 !important;
    padding: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
    margin-bottom: 0 !important;
    flex: 0 0 auto !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    align-items: stretch !important;
  }

  .c24-total-info > *:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  .c24-total-info-wrapper {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 24px !important;
  }

  .c24-total-info-wrapper:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  .c24-selected-products {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .c24-selected-products-header {
    margin-bottom: 8px;
  }

  .c24-total-price-wrapper {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    margin-top: 24px !important;
    margin-bottom: 0;
    padding: 0;
  }

  .c24-total-price {
    margin: 0 !important;
    padding: 0 !important;
  }

  .c24-mobile-btn {
    display: block !important;
    min-width: 100% !important;
    margin: 0 !important;
    padding: 16px 32px !important;
    width: 100% !important;
    box-sizing: border-box;
    align-self: stretch !important;
  }

  .c24-desktop-btn {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    visibility: hidden !important;
    overflow: hidden !important;
  }

  .c24-mini-products-grid {
    grid-template-columns: repeat(auto-fit, minmax(160px, 180px));
    gap: 8px;
    align-items: stretch;
    margin-bottom: 0;
  }

  .c24-mini-product-card {
    min-width: 160px;
    max-width: 180px;
    padding: 14px;
  }

  .c24-add-selected-btn {
    min-width: 100%;
    margin-top: 0;
  }
}

@media (max-width: 480px) {
  .c24-tabs-section {
    padding: 12px 12px;
  }

  .c24-tab-btn {
    font-size: 1.6rem !important;
    padding: 14px 24px !important;
    min-height: 52px !important;
    flex: none !important;
    flex-shrink: 0 !important;
  }

  .c24-product-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: visible;
    padding: 5px 0;
  }

  .c24-product-card {
    max-width: 100%;
    box-sizing: border-box;
    overflow: visible;
  }

  .c24-interval-form {
    left: auto;
    right: 0;
    bottom: 100%;
    margin-bottom: 8px;
    min-width: 180px;
    max-width: calc(100vw - 24px);
    z-index: 9999;
  }

  .c24-actions-row {
    gap: 6px;
  }

  .c24-fav-btn {
    min-width: 44px;
    padding: 8px 10px;
  }

  .c24-mini-products-grid {
    grid-template-columns: repeat(auto-fit, minmax(150px, 170px));
    align-items: stretch;
  }

  .c24-mini-product-card {
    min-width: 150px;
    max-width: 170px;
  }
}

.c24-benefits-banner {
  position: relative;
  width: 100%;
  background: url('https://cdn.shopify.com/s/files/1/0859/5613/3205/files/Design_ohne_Titel_42.png?v=1750589797') center/cover no-repeat;
  min-height: 480px;
  display: flex;
  align-items: center;
  overflow: hidden;
  font-family: 'Montserrat', 'Poppins', sans-serif;
}

.c24-benefits-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 60px 24px;
  position: relative;
  width: 100%;
}

.c24-benefits-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.55);
  z-index: 1;
}

.c24-benefits-content {
  position: relative;
  z-index: 2;
}

.c24-benefits-header {
  text-align: center;
  margin-bottom: 40px;
}

.c24-benefits-badge {
  display: inline-block;
  background: #FFBD59;
  color: #111;
  font-size: 0.8rem;
  font-weight: 700;
  padding: 8px 18px;
  border-radius: 30px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 16px;
}

.c24-benefits-title {
  font-size: 2.8rem;
  font-weight: 800;
  margin: 0 0 14px 0;
  color: #fff;
  line-height: 1.15;
  text-shadow: 0 2px 12px rgba(0,0,0,0.3);
}

.c24-benefits-subtitle {
  font-size: 1.15rem;
  color: rgba(255, 255, 255, 0.9);
  margin: 0 auto;
  line-height: 1.6;
  max-width: 600px;
}

.c24-benefits-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.c24-benefit-item {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 16px;
  padding: 24px 18px;
  display: flex;
  align-items: center;
  gap: 16px;
  transition: all 0.3s ease;
}

.c24-benefit-item:hover {
  background: rgba(255, 255, 255, 0.18);
  transform: translateY(-4px);
  border-color: rgba(255, 189, 89, 0.5);
}

.c24-benefit-icon {
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  background: #FFBD59;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.c24-benefit-item:hover .c24-benefit-icon {
  transform: scale(1.1);
}

.c24-benefit-icon svg {
  width: 26px;
  height: 26px;
  color: #111;
}

.c24-rating-stars {
  color: #111;
  font-size: 1rem;
  letter-spacing: -2px;
}

.c24-benefit-text {
  flex: 1;
  min-width: 0;
}

.c24-benefit-text h3 {
  font-size: 1.05rem;
  font-weight: 700;
  margin: 0 0 4px 0;
  color: #fff;
  line-height: 1.3;
}

.c24-benefit-text p {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.75);
  margin: 0;
  line-height: 1.4;
}

/* Tablet */
@media (max-width: 1000px) {
  .c24-benefits-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
  }
  
  .c24-benefits-title {
    font-size: 2.4rem;
  }
}

/* Mobile */
@media (max-width: 600px) {
  .c24-benefits-banner {
    min-height: auto;
    background-position: 9% center;
  }
  
  .c24-benefits-container {
    padding: 40px 16px;
  }
  
  .c24-benefits-header {
    margin-bottom: 28px;
  }
  
  .c24-benefits-badge {
    font-size: 0.7rem;
    padding: 6px 14px;
    margin-bottom: 12px;
  }
  
  .c24-benefits-title {
    font-size: 1.7rem;
    margin-bottom: 10px;
  }
  
  .c24-benefits-subtitle {
    font-size: 0.95rem;
  }
  
  .c24-benefits-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  
  .c24-benefit-item {
    padding: 14px 12px;
    gap: 12px;
    border-radius: 14px;
    flex-direction: column;
    text-align: center;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    background: rgba(255, 255, 255, 0.08);
  }
  
  .c24-benefit-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
  }
  
  .c24-benefit-icon svg {
    width: 22px;
    height: 22px;
  }
  
  .c24-rating-stars {
    font-size: 0.85rem;
  }
  
  .c24-benefit-text h3 {
    font-size: 0.92rem;
    margin-bottom: 2px;
  }
  
  .c24-benefit-text p {
    font-size: 0.78rem;
  }
}

/* Kleine Smartphones */
@media (max-width: 380px) {
  .c24-benefits-banner {
    background-position: 9% center;
  }
  
  .c24-benefits-container {
    padding: 32px 12px;
  }
  
  .c24-benefits-title {
    font-size: 1.5rem;
  }
  
  .c24-benefits-subtitle {
    font-size: 0.88rem;
  }
  
  .c24-benefits-grid {
    gap: 8px;
  }
  
  .c24-benefit-item {
    padding: 12px 10px;
    border-radius: 12px;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
  }
  
  .c24-benefit-icon {
    width: 38px;
    height: 38px;
    border-radius: 10px;
  }
  
  .c24-benefit-icon svg {
    width: 20px;
    height: 20px;
  }
  
  .c24-benefit-text h3 {
    font-size: 0.85rem;
  }
  
  .c24-benefit-text p {
    font-size: 0.72rem;
  }
}

.section-template--28915066798421__custom_liquid_zJeijB-padding {
  padding-top: calc(40px * 0.75);
  padding-bottom: calc(52px  * 0.75);
}

@media screen and (min-width: 750px) {
  .section-template--28915066798421__custom_liquid_zJeijB-padding {
    padding-top: 40px;
    padding-bottom: 52px;
  }
}

/* Variantenauswahl Modal - EXAKT wie in c24-tabs-section.liquid */
.c24-variant-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.c24-variant-modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.c24-variant-modal-content {
  position: relative;
  background: #fff;
  border-radius: 16px;
  padding: 24px;
  max-width: 400px;
  width: 90%;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
  z-index: 10001;
}

.c24-variant-modal-content h3 {
  margin: 0 0 16px 0;
  font-size: 1.3rem;
  font-weight: 600;
  color: #111;
}

.c24-variant-modal-select {
  width: 100%;
  padding: 12px 16px;
  border: 2px solid #e9ecef;
  border-radius: 10px;
  font-size: 1.2rem;
  margin-bottom: 20px;
  background: #fff;
  cursor: pointer;
  transition: border-color 0.2s;
  color: #333;
}

.c24-variant-modal-select option {
  color: #333;
  background: #fff;
}

.c24-variant-modal-select:hover,
.c24-variant-modal-select:focus {
  border-color: #FFBD59;
  outline: none;
}

.c24-variant-modal-actions {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
}

.c24-variant-modal-cancel,
.c24-variant-modal-add {
  padding: 12px 24px;
  border-radius: 10px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  border: none;
  font-size: 1.1rem;
}

.c24-variant-modal-cancel {
  background: #f0f0f0;
  color: #333;
}

.c24-variant-modal-cancel:hover {
  background: #e0e0e0;
}

.c24-variant-modal-add {
  background: #111;
  color: #fff;
}

.c24-variant-modal-add:hover {
  background: #FFBD59;
  color: #111;
}

/* White Review Section Styles */
.reviews-section-white {
  background: #ffffff;
  padding: 60px 20px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  color: #1a1a1a;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.reviews-container {
  max-width: 1400px;
  margin: 0 auto;
}

.reviews-header {
  text-align: center;
  margin-bottom: 40px;
}

.reviews-title {
  font-size: 3rem;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 18px;
  line-height: 1.2;
}

.reviews-rating {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  line-height: 1;
  margin-bottom: 16px;
  flex-wrap: nowrap;
}

.reviews-header .stars {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  line-height: 1;
  flex: 0 0 auto;
}

.reviews-header .star {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1em;
  height: 1em;
  min-width: 1em;
  font-size: 32px;
  line-height: 1;
  overflow: visible;
  vertical-align: middle;
  color: #e5e5e5;
  transition: color 0.3s ease;
}

.reviews-header .star.filled {
  color: #FFBD59;
}

.reviews-header .star.half-filled {
  background: linear-gradient(90deg, #FFBD59 50%, #e5e5e5 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.rating-text {
  display: inline-flex;
  align-items: center;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 700;
  color: #1a1a1a;
}

.reviews-subtitle {
  font-size: 1.25rem;
  color: #666;
  max-width: 650px;
  margin: 0 auto;
  line-height: 1.5;
}

/* Slider Styles */
.reviews-slider-wrapper {
  position: relative;
  margin-bottom: 30px;
}

.reviews-slider {
  overflow: hidden;
  margin: 0 60px;
  padding: 20px 0;
  position: relative;
}

.reviews-slider::before,
.reviews-slider::after {
  content: '';
  position: absolute;
  top: 0;
  height: 100%;
  width: 100px;
  z-index: 5;
  pointer-events: none;
}

.reviews-slider::before {
  left: 0;
  background: linear-gradient(to right, #ffffff 0%, rgba(255,255,255,0.8) 30%, rgba(255,255,255,0.4) 70%, transparent 100%);
}

.reviews-slider::after {
  right: 0;
  background: linear-gradient(to left, #ffffff 0%, rgba(255,255,255,0.8) 30%, rgba(255,255,255,0.4) 70%, transparent 100%);
}

.reviews-track {
  display: flex;
  gap: 28px;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
  touch-action: pan-y;
}

.review-card {
  flex: 0 0 520px;
  background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
  border-radius: 18px;
  position: relative;
  overflow: hidden;
  border: 2px solid #e5e5e5;
  transition: all 0.5s ease;
  cursor: grab;
  user-select: none;
  transform: scale(0.88);
  opacity: 0.6;
  z-index: 2;
}

.review-card.active {
  transform: scale(1);
  opacity: 1;
  border-color: #ccc;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15);
  z-index: 3;
}

.review-card:active {
  cursor: grabbing;
}

.review-card:not(.active):hover {
  transform: scale(0.92);
  opacity: 0.75;
  border-color: #bbb;
}

.review-card.active:hover {
  transform: scale(1.02) translateY(-4px);
  border-color: #FFBD59;
  box-shadow: 0 18px 45px rgba(255, 189, 89, 0.25);
}

/* Verifiziert Badge - Grün */
.review-badge {
  position: absolute;
  top: 14px;
  right: 14px;
  background: #22c55e;
  color: #fff;
  padding: 6px 12px;
  border-radius: 20px;
  font-weight: 600;
  font-size: 0.8rem;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 5px;
  box-shadow: 0 2px 8px rgba(34, 197, 94, 0.3);
}

.review-badge svg {
  flex-shrink: 0;
}

.review-content {
  display: flex;
  align-items: stretch;
  gap: 24px;
  padding: 28px;
  min-height: 280px;
}

.review-image-section {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.product-image {
  width: 150px;
  height: 190px;
  object-fit: cover;
  border-radius: 12px;
  pointer-events: none;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.review-text-section {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.review-product-title {
  font-size: 1.35rem;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 10px;
  text-align: left;
  line-height: 1.3;
}

/* Sterne in den Karten */
.review-stars {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  line-height: 1;
  margin-bottom: 14px;
  justify-content: flex-start;
  flex-wrap: nowrap;
}

.review-stars .star {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1em;
  height: 1em;
  min-width: 1em;
  font-size: 22px;
  line-height: 1;
  overflow: visible;
  vertical-align: middle;
  color: #e5e5e5;
  transition: color 0.3s ease;
}

.review-stars .star.filled {
  color: #FFBD59;
}

.review-stars .star.half-filled {
  background: linear-gradient(90deg, #FFBD59 50%, #e5e5e5 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.star-rating-text {
  display: inline-flex;
  align-items: center;
  font-size: 1rem;
  line-height: 1;
  font-weight: 700;
  color: #FFBD59;
  margin-left: 8px;
  align-self: center;
}

.review-text {
  font-size: 1.05rem;
  line-height: 1.6;
  color: #555;
  margin-bottom: 16px;
  font-style: italic;
  text-align: left;
  flex-grow: 1;
}

.review-footer {
  margin-top: auto;
}

.review-author-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.review-author {
  font-weight: 700;
  color: #FFBD59;
  font-size: 1.1rem;
  text-align: left;
}

.review-date {
  font-size: 0.9rem;
  color: #999;
  text-align: left;
}

/* Slider Controls */
.slider-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #ffffff;
  border: 2px solid #e5e5e5;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: 10;
  color: #1a1a1a;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.slider-arrow:hover {
  background: #FFBD59;
  border-color: #FFBD59;
  color: #000;
  transform: translateY(-50%) scale(1.1);
}

.slider-arrow-left {
  left: 10px;
}

.slider-arrow-right {
  right: 10px;
}

/* Dots Indicator */
.slider-dots {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 20px;
}

.dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #e5e5e5;
  cursor: pointer;
  transition: all 0.3s ease;
}

.dot.active {
  background: #FFBD59;
  width: 28px;
  border-radius: 5px;
}

/* CTA Button */
.reviews-cta {
  text-align: center;
}

.review-button-white {
  display: inline-block;
  padding: 16px 36px;
  background-color: #1a1a1a;
  color: #fff;
  font-weight: 700;
  font-size: 1.15rem;
  text-decoration: none;
  border: none;
  border-radius: 12px;
  transition: all 0.3s ease;
  cursor: pointer;
  margin: 0;
}

.review-button-white:hover {
  background-color: #FFBD59;
  color: #000;
  transform: scale(1.04);
  box-shadow: 0 8px 25px rgba(255, 189, 89, 0.5);
}

/* Responsive Design */
@media (max-width: 1200px) {
  .review-card {
    flex: 0 0 460px;
  }
  
  .product-image {
    width: 130px;
    height: 170px;
  }
  
  .reviews-title {
    font-size: 2.6rem;
  }
}

@media (max-width: 768px) {
  .reviews-section-white {
    padding: 50px 15px;
  }
  
  .reviews-title {
    font-size: 2.2rem;
  }
  
  .reviews-header .star {
    font-size: 26px;
  }
  
  .rating-text {
    font-size: 1.3rem;
  }
  
  .reviews-subtitle {
    font-size: 1.1rem;
  }
  
  .reviews-header {
    margin-bottom: 30px;
  }
  
  .reviews-slider {
    margin: 0 15px;
  }
  
  .reviews-slider::before,
  .reviews-slider::after {
    display: none;
  }
  
  .review-card {
    flex: 0 0 calc(100vw - 60px);
    max-width: 380px;
    transform: scale(0.92);
  }
  
  .review-card.active {
    transform: scale(1);
  }
  
  .review-card:not(.active):hover {
    transform: scale(0.94);
  }
  
  .review-card.active:hover {
    transform: scale(1.01);
  }
  
  .review-content {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 24px 20px;
    gap: 18px;
    min-height: auto;
  }
  
  .review-image-section {
    order: -1;
  }
  
  .product-image {
    width: 120px;
    height: 155px;
  }
  
  .review-product-title {
    text-align: center;
    font-size: 1.25rem;
  }
  
  .review-stars {
    justify-content: center;
  }
  
  .review-stars .star {
    font-size: 20px;
  }
  
  .star-rating-text {
    font-size: 0.95rem;
  }
  
  .review-text {
    text-align: center;
    font-size: 1rem;
  }
  
  .review-author {
    text-align: center;
    font-size: 1.05rem;
  }
  
  .review-date {
    text-align: center;
    font-size: 0.85rem;
  }
  
  .slider-arrow {
    width: 42px;
    height: 42px;
  }
  
  .slider-arrow-left {
    left: 5px;
  }
  
  .slider-arrow-right {
    right: 5px;
  }
  
  .slider-dots {
    margin-bottom: 15px;
  }
  
  .review-badge {
    font-size: 0.75rem;
    padding: 5px 10px;
  }
}

@media (max-width: 480px) {
  .reviews-title {
    font-size: 1.8rem;
  }
  
  .reviews-header .star {
    font-size: 22px;
  }
  
  .rating-text {
    font-size: 1.15rem;
  }
  
  .reviews-subtitle {
    font-size: 1rem;
  }
  
  .reviews-slider {
    margin: 0 10px;
  }
  
  .review-card {
    flex: 0 0 calc(100vw - 50px);
    max-width: 320px;
    transform: scale(0.9);
  }
  
  .review-card.active {
    transform: scale(1);
  }
  
  .review-content {
    padding: 22px 18px;
    gap: 16px;
  }
  
  .product-image {
    width: 110px;
    height: 140px;
  }
  
  .review-product-title {
    font-size: 1.15rem;
  }
  
  .review-stars .star {
    font-size: 18px;
  }
  
  .star-rating-text {
    font-size: 0.9rem;
  }
  
  .review-text {
    font-size: 0.95rem;
    line-height: 1.55;
  }
  
  .review-author {
    font-size: 1rem;
  }
  
  .review-date {
    font-size: 0.8rem;
  }
  
  .review-button-white {
    padding: 14px 30px;
    font-size: 1.05rem;
  }
  
  .review-badge {
    font-size: 0.7rem;
    padding: 4px 8px;
    top: 12px;
    right: 12px;
  }
  
  .review-badge svg {
    width: 12px;
    height: 12px;
  }
  
  .slider-arrow {
    width: 36px;
    height: 36px;
  }
  
  .slider-arrow svg {
    width: 18px;
    height: 18px;
  }
  
  .slider-arrow-left {
    left: 2px;
  }
  
  .slider-arrow-right {
    right: 2px;
  }
}

.section-template--28915066798421__custom_liquid_UAA4Vk-padding {
  padding-top: calc(0px * 0.75);
  padding-bottom: calc(0px  * 0.75);
}

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

/* Variantenauswahl Modal - EXAKT wie in c24-tabs-section.liquid */
.c24-variant-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.c24-variant-modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.c24-variant-modal-content {
  position: relative;
  background: #fff;
  border-radius: 16px;
  padding: 24px;
  max-width: 400px;
  width: 90%;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
  z-index: 10001;
}

.c24-variant-modal-content h3 {
  margin: 0 0 16px 0;
  font-size: 1.3rem;
  font-weight: 600;
  color: #111;
}

.c24-variant-modal-select {
  width: 100%;
  padding: 12px 16px;
  border: 2px solid #e9ecef;
  border-radius: 10px;
  font-size: 1.2rem;
  margin-bottom: 20px;
  background: #fff;
  cursor: pointer;
  transition: border-color 0.2s;
  color: #333;
}

.c24-variant-modal-select option {
  color: #333;
  background: #fff;
}

.c24-variant-modal-select:hover,
.c24-variant-modal-select:focus {
  border-color: #FFBD59;
  outline: none;
}

.c24-variant-modal-actions {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
}

.c24-variant-modal-cancel,
.c24-variant-modal-add {
  padding: 12px 24px;
  border-radius: 10px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  border: none;
  font-size: 1.1rem;
}

.c24-variant-modal-cancel {
  background: #f0f0f0;
  color: #333;
}

.c24-variant-modal-cancel:hover {
  background: #e0e0e0;
}

.c24-variant-modal-add {
  background: #111;
  color: #fff;
}

.c24-variant-modal-add:hover {
  background: #FFBD59;
  color: #111;
}

.community-container {
      max-width: 1400px;
      margin: 0 auto;
      padding: 0 40px;
      position: relative;
      z-index: 2;
    }

    .community-hero {
      background: white;
      border-radius: 24px;
      padding: 60px 50px;
      margin-bottom: 60px;
      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);
      border: 1px solid #e5e5e5;
      transition: all 0.3s ease;
      position: relative;
      overflow: hidden;
    }

    .community-hero:hover {
      transform: translateY(-4px);
      box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
    }

    .hero-content {
      display: grid;
      grid-template-columns: 1fr 1.2fr;
      gap: 60px;
      align-items: center;
    }

    .hero-image {
      text-align: center;
      position: relative;
    }

    .hero-image img {
      max-width: 100%;
      height: auto;
      max-height: 320px;
      object-fit: contain;
      border-radius: 16px;
      transition: transform 0.3s ease;
    }

    .community-hero:hover .hero-image img {
      transform: scale(1.02);
    }

    .hero-text {
      text-align: left;
    }

    .hero-text h2 {
      font-size: 4.2rem;
      font-weight: 700;
      margin-bottom: 24px;
      line-height: 1.2;
      color: #1a1a1a;
      letter-spacing: -0.5px;
    }

    .hero-text .highlight {
      background: #FFBD59;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    .hero-text p {
      font-size: 1.8rem;
      color: #666;
      line-height: 1.6;
      margin: 0;
      font-weight: 400;
    }

    .stats-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 30px;
      margin-top: 20px;
    }

    .stat-card {
      background: white;
      border-radius: 16px;
      padding: 24px 30px;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
      border: 1px solid #e5e5e5;
      transition: all 0.3s ease;
      position: relative;
      overflow: hidden;
      display: flex;
      align-items: center;
      gap: 24px;
      text-align: left;
    }

    .stat-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
      border-color: #d0d0d0;
    }

    .stat-icon {
      width: 60px;
      height: 60px;
      background: linear-gradient(45deg, #f8f9fa, #e9ecef);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.3s ease;
      position: relative;
      flex-shrink: 0;
    }

    .stat-card:hover .stat-icon {
      background: #FFBD59;
      transform: scale(1.1);
      box-shadow: 0 8px 24px rgba(255, 189, 89, 0.4);
    }

    .stat-icon img {
      width: 28px;
      height: 28px;
      filter: grayscale(100%) opacity(0.7);
      transition: all 0.3s ease;
    }

    .stat-card:hover .stat-icon img {
      filter: grayscale(0%) opacity(1) brightness(0) invert(1);
      transform: scale(1.1);
    }

    .stat-content {
      flex: 1;
    }

    .stat-number {
      font-size: 3.2rem;
      font-weight: 800;
      color: #1a1a1a;
      margin-bottom: 4px;
      line-height: 1;
      letter-spacing: -0.5px;
      transition: color 0.3s ease;
      font-variant-numeric: tabular-nums;
    }

    .stat-card:hover .stat-number {
      background: #FFBD59;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    .stat-description {
      font-size: 1.4rem;
      color: #666;
      font-weight: 500;
      margin: 0;
      letter-spacing: 0.3px;
    }

    .stat-card:hover .stat-description {
      color: #1a1a1a;
    }

    /* Trust Badge */
    .trust-badge {
      background: linear-gradient(135deg, #2d2d2d 0%, #1a1a1a 100%);
      color: white;
      padding: 16px 32px;
      border-radius: 50px;
      display: inline-flex;
      align-items: center;
      gap: 12px;
      margin-top: 30px;
      font-size: 1.4rem;
      font-weight: 600;
      box-shadow: 0 4px 16px rgba(45, 45, 45, 0.3);
      transition: all 0.3s ease;
    }

    .trust-badge:hover {
      transform: translateY(-2px);
      box-shadow: 0 6px 20px rgba(45, 45, 45, 0.4);
    }

    .trust-badge::before {
      content: '✓';
      background: #FFBD59;
      color: #1a1a1a;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;
      font-size: 14px;
    }

    /* Responsive Design */
    @media (max-width: 1024px) {
      .community-container {
        padding: 0 30px;
      }

      .hero-content {
        grid-template-columns: 1fr;
        gap: 40px;
        text-align: center;
      }

      .hero-text {
        text-align: center;
      }

      .hero-text h2 {
        font-size: 3.5rem;
      }

      .stats-grid {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 24px;
      }
    }

    @media (max-width: 768px) {
      .community-container {
        padding: 0 20px;
      }

      .community-hero {
        padding: 40px 30px;
        margin-bottom: 40px;
      }

      .hero-text h2 {
        font-size: 2.8rem;
      }

      .hero-text p {
        font-size: 1.6rem;
      }

      .stat-card {
        padding: 30px 20px;
      }

      .stat-number {
        font-size: 3.5rem;
      }

      .stat-description {
        font-size: 1.4rem;
      }
    }

    @media (max-width: 480px) {
      .stats-grid {
        grid-template-columns: 1fr;
      }

      .hero-text h2 {
        font-size: 2.4rem;
      }

      .community-hero {
        padding: 30px 20px;
      }
    }

.gps-563783913982395403.gps.gpsil [style*="--bg:"]{background:var(--bg)}.gps-563783913982395403.gps.gpsil [style*="--hvr-bg:"]:hover{background:var(--hvr-bg)}.gps-563783913982395403.gps.gpsil [style*="--bga:"]{background-attachment:var(--bga)}.gps-563783913982395403.gps.gpsil [style*="--bgc:"]{background-color:var(--bgc)}.gps-563783913982395403.gps.gpsil [style*="--bgi:"]{background-image:var(--bgi)}.gps-563783913982395403.gps.gpsil [style*="--bgp:"]{background-position:var(--bgp)}.gps-563783913982395403.gps.gpsil [style*="--bgr:"]{background-repeat:var(--bgr)}.gps-563783913982395403.gps.gpsil [style*="--bgs:"]{background-size:var(--bgs)}.gps-563783913982395403.gps.gpsil [style*="--b:"]{border:var(--b)}.gps-563783913982395403.gps.gpsil [style*="--hvr-b:"]:hover{border:var(--hvr-b)}.gps-563783913982395403.gps.gpsil [style*="--bc:"]{border-color:var(--bc)}.gps-563783913982395403.gps.gpsil [style*="--bs:"]{border-style:var(--bs)}.gps-563783913982395403.gps.gpsil [style*="--bw:"]{border-width:var(--bw)}.gps-563783913982395403.gps.gpsil [style*="--shadow:"]{box-shadow:var(--shadow)}.gps-563783913982395403.gps.gpsil [style*="--c:"]{color:var(--c)}.gps-563783913982395403.gps.gpsil [style*="--cg:"]{-moz-column-gap:var(--cg);column-gap:var(--cg)}.gps-563783913982395403.gps.gpsil [style*="--gtc:"]{grid-template-columns:var(--gtc)}.gps-563783913982395403.gps.gpsil [style*="--h:"]{height:var(--h)}.gps-563783913982395403.gps.gpsil [style*="--jc:"]{justify-content:var(--jc)}.gps-563783913982395403.gps.gpsil [style*="--m:"]{margin:var(--m)}.gps-563783913982395403.gps.gpsil [style*="--mb:"]{margin-bottom:var(--mb)}.gps-563783913982395403.gps.gpsil [style*="--maxh:"]{max-height:var(--maxh)}.gps-563783913982395403.gps.gpsil [style*="--minh:"]{min-height:var(--minh)}.gps-563783913982395403.gps.gpsil [style*="--op:"]{opacity:var(--op)}.gps-563783913982395403.gps.gpsil [style*="--o:"]{order:var(--o)}.gps-563783913982395403.gps.gpsil [style*="--pc:"]{place-content:var(--pc)}.gps-563783913982395403.gps.gpsil [style*="--p:"]{padding:var(--p)}.gps-563783913982395403.gps.gpsil [style*="--pb:"]{padding-bottom:var(--pb)}.gps-563783913982395403.gps.gpsil [style*="--pl:"]{padding-left:var(--pl)}.gps-563783913982395403.gps.gpsil [style*="--pr:"]{padding-right:var(--pr)}.gps-563783913982395403.gps.gpsil [style*="--pt:"]{padding-top:var(--pt)}.gps-563783913982395403.gps.gpsil [style*="--ta:"]{text-align:var(--ta)}.gps-563783913982395403.gps.gpsil [style*="--tt:"]{text-transform:var(--tt)}.gps-563783913982395403.gps.gpsil [style*="--t:"]{transform:var(--t)}.gps-563783913982395403.gps.gpsil [style*="--w:"]{width:var(--w)}@media only screen and (max-width:1024px){.gps-563783913982395403.gps.gpsil [style*="--h-tablet:"]{height:var(--h-tablet)}.gps-563783913982395403.gps.gpsil [style*="--maxh-tablet:"]{max-height:var(--maxh-tablet)}.gps-563783913982395403.gps.gpsil [style*="--pl-tablet:"]{padding-left:var(--pl-tablet)}.gps-563783913982395403.gps.gpsil [style*="--pr-tablet:"]{padding-right:var(--pr-tablet)}.gps-563783913982395403.gps.gpsil [style*="--w-tablet:"]{width:var(--w-tablet)}}@media only screen and (max-width:767px){.gps-563783913982395403.gps.gpsil [style*="--cg-mobile:"]{-moz-column-gap:var(--cg-mobile);column-gap:var(--cg-mobile)}.gps-563783913982395403.gps.gpsil [style*="--gtc-mobile:"]{grid-template-columns:var(--gtc-mobile)}.gps-563783913982395403.gps.gpsil [style*="--h-mobile:"]{height:var(--h-mobile)}.gps-563783913982395403.gps.gpsil [style*="--maxh-mobile:"]{max-height:var(--maxh-mobile)}.gps-563783913982395403.gps.gpsil [style*="--w-mobile:"]{width:var(--w-mobile)}}.gps-563783913982395403 .focus-visible\:gp-shadow-none,.gps-563783913982395403 .focus\:\!gp-shadow-none,.gps-563783913982395403 .gp-shadow-xl,.gps-563783913982395403 .hover\:\!gp-shadow-none{--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.gps-563783913982395403 .gp-g-paragraph-1{font-family:var(--g-p1-ff);font-size:var(--g-p1-size);font-style:var(--g-p1-fs);font-weight:var(--g-p1-weight);letter-spacing:var(--g-p1-ls);line-height:var(--g-p1-lh)}.gps-563783913982395403 .\!gp-g-s-medium{padding:8px 24px!important}.gps-563783913982395403 .gp-fixed{position:fixed}.gps-563783913982395403 .gp-absolute{position:absolute}.gps-563783913982395403 .gp-relative{position:relative}.gps-563783913982395403 .gp-inset-0{inset:0}.gps-563783913982395403 .gp-right-0{right:0}.gps-563783913982395403 .gp-top-0{top:0}.gps-563783913982395403 .gp-top-\[27px\]{top:27px}.gps-563783913982395403 .gp-z-1{z-index:1}.gps-563783913982395403 .gp-z-100{z-index:100}.gps-563783913982395403 .gp-z-50{z-index:50}.gps-563783913982395403 .gp-z-\[999999\]{z-index:999999}.gps-563783913982395403 .gp-mx-auto{margin-left:auto;margin-right:auto}.gps-563783913982395403 .gp-mb-0{margin-bottom:0}.gps-563783913982395403 .gp-block{display:block}.gps-563783913982395403 .gp-inline-block{display:inline-block}.gps-563783913982395403 .gp-flex{display:flex}.gps-563783913982395403 .gp-inline-flex{display:inline-flex}.gps-563783913982395403 .gp-grid{display:grid}.gps-563783913982395403 .\!gp-hidden{display:none!important}.gps-563783913982395403 .gp-hidden{display:none}.gps-563783913982395403 .\!gp-h-auto{height:auto!important}.gps-563783913982395403 .gp-h-full{height:100%}.gps-563783913982395403 .gp-h-screen{height:100vh}.gps-563783913982395403 .\!gp-max-h-screen{max-height:100vh!important}.gps-563783913982395403 .gp-max-h-full{max-height:100%}.gps-563783913982395403 .gp-min-h-\[150px\]{min-height:150px}.gps-563783913982395403 .gp-w-full{width:100%}.gps-563783913982395403 .gp-max-w-full{max-width:100%}@keyframes gp-fadeIn{0%{opacity:0}to{opacity:1}}.gps-563783913982395403 .gp-animate-\[fadeIn_0\.4s_ease-in\]{animation:gp-fadeIn .4s ease-in}.gps-563783913982395403 .gp-grid-rows-\[1fr\]{grid-template-rows:1fr}.gps-563783913982395403 .gp-flex-col{flex-direction:column}.gps-563783913982395403 .gp-items-center{align-items:center}.gps-563783913982395403 .gp-justify-center{justify-content:center}.gps-563783913982395403 .gp-gap-y-0{row-gap:0}.gps-563783913982395403 .gp-overflow-hidden{overflow:hidden}.gps-563783913982395403 .gp-overflow-y-auto{overflow-y:auto}.gps-563783913982395403 .gp-overflow-x-hidden{overflow-x:hidden}.gps-563783913982395403 .gp-break-words{overflow-wrap:break-word}.gps-563783913982395403 .gp-rounded{border-radius:4px}.gps-563783913982395403 .gp-rounded-none{border-radius:0}.gps-563783913982395403 .gp-bg-g-brand{background-color:var(--g-c-brand)}.gps-563783913982395403 .gp-bg-transparent{background-color:transparent}.gps-563783913982395403 .\!gp-bg-none{background-image:none!important}.gps-563783913982395403 .gp-p-\[16px\]{padding:16px}.gps-563783913982395403 .gp-align-middle{vertical-align:middle}.gps-563783913982395403 .gp-text-\[14px\]{font-size:14px}.gps-563783913982395403 .gp-leading-normal{line-height:1.5}.gps-563783913982395403 .gp-text-g-text-1{color:var(--g-c-text-1)}.gps-563783913982395403 .gp-text-g-text-3{color:var(--g-c-text-3)}.gps-563783913982395403 .gp-no-underline{text-decoration-line:none}.gps-563783913982395403 .gp-shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.gps-563783913982395403 .\!gp-outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.gps-563783913982395403 .gp-outline-none{outline:2px solid transparent;outline-offset:2px}.gps-563783913982395403 .gp-transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.gps-563783913982395403 .gp-transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.gps-563783913982395403 .gp-duration-100{transition-duration:.1s}.gps-563783913982395403 .gp-duration-200{transition-duration:.2s}.gps-563783913982395403 .gp-duration-300{transition-duration:.3s}.gps-563783913982395403 .gp-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.gps-563783913982395403 .disabled\:gp-btn-disabled:disabled{cursor:default}@media (hover:hover) and (pointer:fine){.gps-563783913982395403 .hover\:gp-bg-g-highlight:hover{background-color:var(--g-c-highlight)}.gps-563783913982395403 .hover\:\!gp-shadow-none:hover{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}}.gps-563783913982395403 .focus\:\!gp-shadow-none:focus{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.gps-563783913982395403 .focus-visible\:gp-shadow-none:focus-visible{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.gps-563783913982395403 .focus-visible\:gp-outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.gps-563783913982395403 .disabled\:gp-pointer-events-none:disabled{pointer-events:none}.gps-563783913982395403 .disabled\:gp-opacity-30:disabled{opacity:.3}@media (hover:hover) and (pointer:fine){.gps-563783913982395403 .gp-group\/button:hover .group-hover\/button\:\!gp-text-inherit{color:inherit!important}}.gps-563783913982395403 .gp-group\/button:active .group-active\/button\:\!gp-text-inherit{color:inherit!important}.gps-563783913982395403 .gp-group\/button[data-state=loading] .group-data-\[state\=loading\]\/button\:gp-invisible{visibility:hidden}@media (max-width:1024px){.gps-563783913982395403 .tablet\:\!gp-hidden{display:none!important}.gps-563783913982395403 .tablet\:gp-hidden{display:none}}@media (max-width:767px){.gps-563783913982395403 .mobile\:\!gp-hidden{display:none!important}.gps-563783913982395403 .mobile\:gp-hidden{display:none}}.gps-563783913982395403 .\[\&_\*\]\:gp-max-w-full *{max-width:100%}.gps-563783913982395403 .\[\&_p\]\:gp-whitespace-pre-line p{white-space:pre-line}

#my-popover-gkYr1c7ahq::backdrop {
              width: fit-content;
              height: fit-content;
            }

.g8GMbp8mKk.gp-button-base::before {
      content: "";
      height: 100%;
      width: 100%;
      position: absolute;
      pointer-events: none;
      border-style: none;
  border-width: 1px 1px 1px 1px;
  
  
      
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      
    }

    .g8GMbp8mKk:hover::before {
      border-style: none;
  border-width: 1px 1px 1px 1px;
  
  
      
    }

    .g8GMbp8mKk:hover .gp-button-icon {
      color: undefined;
    }

     .g8GMbp8mKk .gp-button-icon {
      color: var(--g-c-text-3, text-3);
    }

    .g8GMbp8mKk:hover .gp-button-price {
      color: undefined;
    }

    .g8GMbp8mKk .gp-button-price {
      color: var(--g-c-text-3, text-3);
    }

    .g8GMbp8mKk .gp-product-dot-price {
       color: var(--g-c-text-3, text-3);
    }

    .g8GMbp8mKk:hover .gp-product-dot-price {
      color: undefined;
    }

.gps-563784020836484261.gps.gpsil [style*="--bg:"]{background:var(--bg)}.gps-563784020836484261.gps.gpsil [style*="--hvr-bg:"]:hover{background:var(--hvr-bg)}.gps-563784020836484261.gps.gpsil [style*="--bga:"]{background-attachment:var(--bga)}.gps-563784020836484261.gps.gpsil [style*="--bgc:"]{background-color:var(--bgc)}.gps-563784020836484261.gps.gpsil [style*="--bgi:"]{background-image:var(--bgi)}.gps-563784020836484261.gps.gpsil [style*="--bgp:"]{background-position:var(--bgp)}.gps-563784020836484261.gps.gpsil [style*="--bgr:"]{background-repeat:var(--bgr)}.gps-563784020836484261.gps.gpsil [style*="--bgs:"]{background-size:var(--bgs)}.gps-563784020836484261.gps.gpsil [style*="--b:"]{border:var(--b)}.gps-563784020836484261.gps.gpsil [style*="--hvr-b:"]:hover{border:var(--hvr-b)}.gps-563784020836484261.gps.gpsil [style*="--bc:"]{border-color:var(--bc)}.gps-563784020836484261.gps.gpsil [style*="--bs:"]{border-style:var(--bs)}.gps-563784020836484261.gps.gpsil [style*="--bw:"]{border-width:var(--bw)}.gps-563784020836484261.gps.gpsil [style*="--shadow:"]{box-shadow:var(--shadow)}.gps-563784020836484261.gps.gpsil [style*="--c:"]{color:var(--c)}.gps-563784020836484261.gps.gpsil [style*="--cg:"]{-moz-column-gap:var(--cg);column-gap:var(--cg)}.gps-563784020836484261.gps.gpsil [style*="--gtc:"]{grid-template-columns:var(--gtc)}.gps-563784020836484261.gps.gpsil [style*="--h:"]{height:var(--h)}.gps-563784020836484261.gps.gpsil [style*="--jc:"]{justify-content:var(--jc)}.gps-563784020836484261.gps.gpsil [style*="--m:"]{margin:var(--m)}.gps-563784020836484261.gps.gpsil [style*="--mb:"]{margin-bottom:var(--mb)}.gps-563784020836484261.gps.gpsil [style*="--maxh:"]{max-height:var(--maxh)}.gps-563784020836484261.gps.gpsil [style*="--minh:"]{min-height:var(--minh)}.gps-563784020836484261.gps.gpsil [style*="--op:"]{opacity:var(--op)}.gps-563784020836484261.gps.gpsil [style*="--o:"]{order:var(--o)}.gps-563784020836484261.gps.gpsil [style*="--pc:"]{place-content:var(--pc)}.gps-563784020836484261.gps.gpsil [style*="--p:"]{padding:var(--p)}.gps-563784020836484261.gps.gpsil [style*="--pb:"]{padding-bottom:var(--pb)}.gps-563784020836484261.gps.gpsil [style*="--pl:"]{padding-left:var(--pl)}.gps-563784020836484261.gps.gpsil [style*="--pr:"]{padding-right:var(--pr)}.gps-563784020836484261.gps.gpsil [style*="--pt:"]{padding-top:var(--pt)}.gps-563784020836484261.gps.gpsil [style*="--ta:"]{text-align:var(--ta)}.gps-563784020836484261.gps.gpsil [style*="--tt:"]{text-transform:var(--tt)}.gps-563784020836484261.gps.gpsil [style*="--t:"]{transform:var(--t)}.gps-563784020836484261.gps.gpsil [style*="--w:"]{width:var(--w)}@media only screen and (max-width:1024px){.gps-563784020836484261.gps.gpsil [style*="--h-tablet:"]{height:var(--h-tablet)}.gps-563784020836484261.gps.gpsil [style*="--maxh-tablet:"]{max-height:var(--maxh-tablet)}.gps-563784020836484261.gps.gpsil [style*="--pl-tablet:"]{padding-left:var(--pl-tablet)}.gps-563784020836484261.gps.gpsil [style*="--pr-tablet:"]{padding-right:var(--pr-tablet)}.gps-563784020836484261.gps.gpsil [style*="--w-tablet:"]{width:var(--w-tablet)}}@media only screen and (max-width:767px){.gps-563784020836484261.gps.gpsil [style*="--cg-mobile:"]{-moz-column-gap:var(--cg-mobile);column-gap:var(--cg-mobile)}.gps-563784020836484261.gps.gpsil [style*="--gtc-mobile:"]{grid-template-columns:var(--gtc-mobile)}.gps-563784020836484261.gps.gpsil [style*="--h-mobile:"]{height:var(--h-mobile)}.gps-563784020836484261.gps.gpsil [style*="--maxh-mobile:"]{max-height:var(--maxh-mobile)}.gps-563784020836484261.gps.gpsil [style*="--w-mobile:"]{width:var(--w-mobile)}}.gps-563784020836484261 .focus-visible\:gp-shadow-none,.gps-563784020836484261 .focus\:\!gp-shadow-none,.gps-563784020836484261 .gp-shadow-xl,.gps-563784020836484261 .hover\:\!gp-shadow-none{--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.gps-563784020836484261 .gp-g-paragraph-1{font-family:var(--g-p1-ff);font-size:var(--g-p1-size);font-style:var(--g-p1-fs);font-weight:var(--g-p1-weight);letter-spacing:var(--g-p1-ls);line-height:var(--g-p1-lh)}.gps-563784020836484261 .\!gp-g-s-medium{padding:8px 24px!important}.gps-563784020836484261 .gp-fixed{position:fixed}.gps-563784020836484261 .gp-absolute{position:absolute}.gps-563784020836484261 .gp-relative{position:relative}.gps-563784020836484261 .gp-inset-0{inset:0}.gps-563784020836484261 .gp-right-0{right:0}.gps-563784020836484261 .gp-top-0{top:0}.gps-563784020836484261 .gp-top-\[27px\]{top:27px}.gps-563784020836484261 .gp-z-1{z-index:1}.gps-563784020836484261 .gp-z-100{z-index:100}.gps-563784020836484261 .gp-z-50{z-index:50}.gps-563784020836484261 .gp-z-\[999999\]{z-index:999999}.gps-563784020836484261 .gp-mx-auto{margin-left:auto;margin-right:auto}.gps-563784020836484261 .gp-mb-0{margin-bottom:0}.gps-563784020836484261 .gp-block{display:block}.gps-563784020836484261 .gp-inline-block{display:inline-block}.gps-563784020836484261 .gp-flex{display:flex}.gps-563784020836484261 .gp-inline-flex{display:inline-flex}.gps-563784020836484261 .gp-grid{display:grid}.gps-563784020836484261 .\!gp-hidden{display:none!important}.gps-563784020836484261 .gp-hidden{display:none}.gps-563784020836484261 .\!gp-h-auto{height:auto!important}.gps-563784020836484261 .gp-h-full{height:100%}.gps-563784020836484261 .gp-h-screen{height:100vh}.gps-563784020836484261 .\!gp-max-h-screen{max-height:100vh!important}.gps-563784020836484261 .gp-max-h-full{max-height:100%}.gps-563784020836484261 .gp-min-h-\[150px\]{min-height:150px}.gps-563784020836484261 .gp-w-full{width:100%}.gps-563784020836484261 .gp-max-w-full{max-width:100%}@keyframes gp-fadeIn{0%{opacity:0}to{opacity:1}}.gps-563784020836484261 .gp-animate-\[fadeIn_0\.4s_ease-in\]{animation:gp-fadeIn .4s ease-in}.gps-563784020836484261 .gp-grid-rows-\[1fr\]{grid-template-rows:1fr}.gps-563784020836484261 .gp-flex-col{flex-direction:column}.gps-563784020836484261 .gp-items-center{align-items:center}.gps-563784020836484261 .gp-justify-center{justify-content:center}.gps-563784020836484261 .gp-gap-y-0{row-gap:0}.gps-563784020836484261 .gp-overflow-hidden{overflow:hidden}.gps-563784020836484261 .gp-overflow-y-auto{overflow-y:auto}.gps-563784020836484261 .gp-overflow-x-hidden{overflow-x:hidden}.gps-563784020836484261 .gp-break-words{overflow-wrap:break-word}.gps-563784020836484261 .gp-rounded{border-radius:4px}.gps-563784020836484261 .gp-rounded-none{border-radius:0}.gps-563784020836484261 .gp-bg-g-brand{background-color:var(--g-c-brand)}.gps-563784020836484261 .gp-bg-transparent{background-color:transparent}.gps-563784020836484261 .\!gp-bg-none{background-image:none!important}.gps-563784020836484261 .gp-p-\[16px\]{padding:16px}.gps-563784020836484261 .gp-align-middle{vertical-align:middle}.gps-563784020836484261 .gp-text-\[14px\]{font-size:14px}.gps-563784020836484261 .gp-leading-normal{line-height:1.5}.gps-563784020836484261 .gp-text-g-text-1{color:var(--g-c-text-1)}.gps-563784020836484261 .gp-text-g-text-3{color:var(--g-c-text-3)}.gps-563784020836484261 .gp-no-underline{text-decoration-line:none}.gps-563784020836484261 .gp-shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.gps-563784020836484261 .\!gp-outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.gps-563784020836484261 .gp-outline-none{outline:2px solid transparent;outline-offset:2px}.gps-563784020836484261 .gp-transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.gps-563784020836484261 .gp-transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.gps-563784020836484261 .gp-duration-100{transition-duration:.1s}.gps-563784020836484261 .gp-duration-200{transition-duration:.2s}.gps-563784020836484261 .gp-duration-300{transition-duration:.3s}.gps-563784020836484261 .gp-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.gps-563784020836484261 .disabled\:gp-btn-disabled:disabled{cursor:default}@media (hover:hover) and (pointer:fine){.gps-563784020836484261 .hover\:gp-bg-g-highlight:hover{background-color:var(--g-c-highlight)}.gps-563784020836484261 .hover\:\!gp-shadow-none:hover{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}}.gps-563784020836484261 .focus\:\!gp-shadow-none:focus{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.gps-563784020836484261 .focus-visible\:gp-shadow-none:focus-visible{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.gps-563784020836484261 .focus-visible\:gp-outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.gps-563784020836484261 .disabled\:gp-pointer-events-none:disabled{pointer-events:none}.gps-563784020836484261 .disabled\:gp-opacity-30:disabled{opacity:.3}@media (hover:hover) and (pointer:fine){.gps-563784020836484261 .gp-group\/button:hover .group-hover\/button\:\!gp-text-inherit{color:inherit!important}}.gps-563784020836484261 .gp-group\/button:active .group-active\/button\:\!gp-text-inherit{color:inherit!important}.gps-563784020836484261 .gp-group\/button[data-state=loading] .group-data-\[state\=loading\]\/button\:gp-invisible{visibility:hidden}@media (max-width:1024px){.gps-563784020836484261 .tablet\:\!gp-hidden{display:none!important}.gps-563784020836484261 .tablet\:gp-hidden{display:none}}@media (max-width:767px){.gps-563784020836484261 .mobile\:\!gp-hidden{display:none!important}.gps-563784020836484261 .mobile\:gp-hidden{display:none}}.gps-563784020836484261 .\[\&_\*\]\:gp-max-w-full *{max-width:100%}.gps-563784020836484261 .\[\&_p\]\:gp-whitespace-pre-line p{white-space:pre-line}

#my-popover-gOXKDnpn3T::backdrop {
              width: fit-content;
              height: fit-content;
            }

.gwf_Bdsi-F.gp-button-base::before {
      content: "";
      height: 100%;
      width: 100%;
      position: absolute;
      pointer-events: none;
      border-style: none;
  border-width: 1px 1px 1px 1px;
  
  
      
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      
    }

    .gwf_Bdsi-F:hover::before {
      border-style: none;
  border-width: 1px 1px 1px 1px;
  
  
      
    }

    .gwf_Bdsi-F:hover .gp-button-icon {
      color: undefined;
    }

     .gwf_Bdsi-F .gp-button-icon {
      color: var(--g-c-text-3, text-3);
    }

    .gwf_Bdsi-F:hover .gp-button-price {
      color: undefined;
    }

    .gwf_Bdsi-F .gp-button-price {
      color: var(--g-c-text-3, text-3);
    }

    .gwf_Bdsi-F .gp-product-dot-price {
       color: var(--g-c-text-3, text-3);
    }

    .gwf_Bdsi-F:hover .gp-product-dot-price {
      color: undefined;
    }

.gps-563784080093610770.gps.gpsil [style*="--bg:"]{background:var(--bg)}.gps-563784080093610770.gps.gpsil [style*="--hvr-bg:"]:hover{background:var(--hvr-bg)}.gps-563784080093610770.gps.gpsil [style*="--bga:"]{background-attachment:var(--bga)}.gps-563784080093610770.gps.gpsil [style*="--bgc:"]{background-color:var(--bgc)}.gps-563784080093610770.gps.gpsil [style*="--bgi:"]{background-image:var(--bgi)}.gps-563784080093610770.gps.gpsil [style*="--bgp:"]{background-position:var(--bgp)}.gps-563784080093610770.gps.gpsil [style*="--bgr:"]{background-repeat:var(--bgr)}.gps-563784080093610770.gps.gpsil [style*="--bgs:"]{background-size:var(--bgs)}.gps-563784080093610770.gps.gpsil [style*="--b:"]{border:var(--b)}.gps-563784080093610770.gps.gpsil [style*="--hvr-b:"]:hover{border:var(--hvr-b)}.gps-563784080093610770.gps.gpsil [style*="--bc:"]{border-color:var(--bc)}.gps-563784080093610770.gps.gpsil [style*="--bs:"]{border-style:var(--bs)}.gps-563784080093610770.gps.gpsil [style*="--bw:"]{border-width:var(--bw)}.gps-563784080093610770.gps.gpsil [style*="--shadow:"]{box-shadow:var(--shadow)}.gps-563784080093610770.gps.gpsil [style*="--c:"]{color:var(--c)}.gps-563784080093610770.gps.gpsil [style*="--cg:"]{-moz-column-gap:var(--cg);column-gap:var(--cg)}.gps-563784080093610770.gps.gpsil [style*="--gtc:"]{grid-template-columns:var(--gtc)}.gps-563784080093610770.gps.gpsil [style*="--h:"]{height:var(--h)}.gps-563784080093610770.gps.gpsil [style*="--jc:"]{justify-content:var(--jc)}.gps-563784080093610770.gps.gpsil [style*="--m:"]{margin:var(--m)}.gps-563784080093610770.gps.gpsil [style*="--mb:"]{margin-bottom:var(--mb)}.gps-563784080093610770.gps.gpsil [style*="--maxh:"]{max-height:var(--maxh)}.gps-563784080093610770.gps.gpsil [style*="--minh:"]{min-height:var(--minh)}.gps-563784080093610770.gps.gpsil [style*="--op:"]{opacity:var(--op)}.gps-563784080093610770.gps.gpsil [style*="--o:"]{order:var(--o)}.gps-563784080093610770.gps.gpsil [style*="--pc:"]{place-content:var(--pc)}.gps-563784080093610770.gps.gpsil [style*="--p:"]{padding:var(--p)}.gps-563784080093610770.gps.gpsil [style*="--pb:"]{padding-bottom:var(--pb)}.gps-563784080093610770.gps.gpsil [style*="--pl:"]{padding-left:var(--pl)}.gps-563784080093610770.gps.gpsil [style*="--pr:"]{padding-right:var(--pr)}.gps-563784080093610770.gps.gpsil [style*="--pt:"]{padding-top:var(--pt)}.gps-563784080093610770.gps.gpsil [style*="--ta:"]{text-align:var(--ta)}.gps-563784080093610770.gps.gpsil [style*="--tt:"]{text-transform:var(--tt)}.gps-563784080093610770.gps.gpsil [style*="--t:"]{transform:var(--t)}.gps-563784080093610770.gps.gpsil [style*="--w:"]{width:var(--w)}@media only screen and (max-width:1024px){.gps-563784080093610770.gps.gpsil [style*="--h-tablet:"]{height:var(--h-tablet)}.gps-563784080093610770.gps.gpsil [style*="--maxh-tablet:"]{max-height:var(--maxh-tablet)}.gps-563784080093610770.gps.gpsil [style*="--pl-tablet:"]{padding-left:var(--pl-tablet)}.gps-563784080093610770.gps.gpsil [style*="--pr-tablet:"]{padding-right:var(--pr-tablet)}.gps-563784080093610770.gps.gpsil [style*="--w-tablet:"]{width:var(--w-tablet)}}@media only screen and (max-width:767px){.gps-563784080093610770.gps.gpsil [style*="--cg-mobile:"]{-moz-column-gap:var(--cg-mobile);column-gap:var(--cg-mobile)}.gps-563784080093610770.gps.gpsil [style*="--gtc-mobile:"]{grid-template-columns:var(--gtc-mobile)}.gps-563784080093610770.gps.gpsil [style*="--h-mobile:"]{height:var(--h-mobile)}.gps-563784080093610770.gps.gpsil [style*="--maxh-mobile:"]{max-height:var(--maxh-mobile)}.gps-563784080093610770.gps.gpsil [style*="--w-mobile:"]{width:var(--w-mobile)}}.gps-563784080093610770 .focus-visible\:gp-shadow-none,.gps-563784080093610770 .focus\:\!gp-shadow-none,.gps-563784080093610770 .gp-shadow-xl,.gps-563784080093610770 .hover\:\!gp-shadow-none{--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.gps-563784080093610770 .gp-g-paragraph-1{font-family:var(--g-p1-ff);font-size:var(--g-p1-size);font-style:var(--g-p1-fs);font-weight:var(--g-p1-weight);letter-spacing:var(--g-p1-ls);line-height:var(--g-p1-lh)}.gps-563784080093610770 .\!gp-g-s-medium{padding:8px 24px!important}.gps-563784080093610770 .gp-fixed{position:fixed}.gps-563784080093610770 .gp-absolute{position:absolute}.gps-563784080093610770 .gp-relative{position:relative}.gps-563784080093610770 .gp-inset-0{inset:0}.gps-563784080093610770 .gp-right-0{right:0}.gps-563784080093610770 .gp-top-0{top:0}.gps-563784080093610770 .gp-top-\[27px\]{top:27px}.gps-563784080093610770 .gp-z-1{z-index:1}.gps-563784080093610770 .gp-z-100{z-index:100}.gps-563784080093610770 .gp-z-50{z-index:50}.gps-563784080093610770 .gp-z-\[999999\]{z-index:999999}.gps-563784080093610770 .gp-mx-auto{margin-left:auto;margin-right:auto}.gps-563784080093610770 .gp-mb-0{margin-bottom:0}.gps-563784080093610770 .gp-block{display:block}.gps-563784080093610770 .gp-inline-block{display:inline-block}.gps-563784080093610770 .gp-flex{display:flex}.gps-563784080093610770 .gp-inline-flex{display:inline-flex}.gps-563784080093610770 .gp-grid{display:grid}.gps-563784080093610770 .\!gp-hidden{display:none!important}.gps-563784080093610770 .gp-hidden{display:none}.gps-563784080093610770 .\!gp-h-auto{height:auto!important}.gps-563784080093610770 .gp-h-full{height:100%}.gps-563784080093610770 .gp-h-screen{height:100vh}.gps-563784080093610770 .\!gp-max-h-screen{max-height:100vh!important}.gps-563784080093610770 .gp-max-h-full{max-height:100%}.gps-563784080093610770 .gp-min-h-\[150px\]{min-height:150px}.gps-563784080093610770 .gp-w-full{width:100%}.gps-563784080093610770 .gp-max-w-full{max-width:100%}@keyframes gp-fadeIn{0%{opacity:0}to{opacity:1}}.gps-563784080093610770 .gp-animate-\[fadeIn_0\.4s_ease-in\]{animation:gp-fadeIn .4s ease-in}.gps-563784080093610770 .gp-grid-rows-\[1fr\]{grid-template-rows:1fr}.gps-563784080093610770 .gp-flex-col{flex-direction:column}.gps-563784080093610770 .gp-items-center{align-items:center}.gps-563784080093610770 .gp-justify-center{justify-content:center}.gps-563784080093610770 .gp-gap-y-0{row-gap:0}.gps-563784080093610770 .gp-overflow-hidden{overflow:hidden}.gps-563784080093610770 .gp-overflow-y-auto{overflow-y:auto}.gps-563784080093610770 .gp-overflow-x-hidden{overflow-x:hidden}.gps-563784080093610770 .gp-break-words{overflow-wrap:break-word}.gps-563784080093610770 .gp-rounded{border-radius:4px}.gps-563784080093610770 .gp-rounded-none{border-radius:0}.gps-563784080093610770 .gp-bg-g-brand{background-color:var(--g-c-brand)}.gps-563784080093610770 .gp-bg-transparent{background-color:transparent}.gps-563784080093610770 .\!gp-bg-none{background-image:none!important}.gps-563784080093610770 .gp-p-\[16px\]{padding:16px}.gps-563784080093610770 .gp-align-middle{vertical-align:middle}.gps-563784080093610770 .gp-text-\[14px\]{font-size:14px}.gps-563784080093610770 .gp-leading-normal{line-height:1.5}.gps-563784080093610770 .gp-text-g-text-1{color:var(--g-c-text-1)}.gps-563784080093610770 .gp-text-g-text-3{color:var(--g-c-text-3)}.gps-563784080093610770 .gp-no-underline{text-decoration-line:none}.gps-563784080093610770 .gp-shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.gps-563784080093610770 .\!gp-outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.gps-563784080093610770 .gp-outline-none{outline:2px solid transparent;outline-offset:2px}.gps-563784080093610770 .gp-transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.gps-563784080093610770 .gp-transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.gps-563784080093610770 .gp-duration-100{transition-duration:.1s}.gps-563784080093610770 .gp-duration-200{transition-duration:.2s}.gps-563784080093610770 .gp-duration-300{transition-duration:.3s}.gps-563784080093610770 .gp-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.gps-563784080093610770 .disabled\:gp-btn-disabled:disabled{cursor:default}@media (hover:hover) and (pointer:fine){.gps-563784080093610770 .hover\:gp-bg-g-highlight:hover{background-color:var(--g-c-highlight)}.gps-563784080093610770 .hover\:\!gp-shadow-none:hover{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}}.gps-563784080093610770 .focus\:\!gp-shadow-none:focus{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.gps-563784080093610770 .focus-visible\:gp-shadow-none:focus-visible{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.gps-563784080093610770 .focus-visible\:gp-outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.gps-563784080093610770 .disabled\:gp-pointer-events-none:disabled{pointer-events:none}.gps-563784080093610770 .disabled\:gp-opacity-30:disabled{opacity:.3}@media (hover:hover) and (pointer:fine){.gps-563784080093610770 .gp-group\/button:hover .group-hover\/button\:\!gp-text-inherit{color:inherit!important}}.gps-563784080093610770 .gp-group\/button:active .group-active\/button\:\!gp-text-inherit{color:inherit!important}.gps-563784080093610770 .gp-group\/button[data-state=loading] .group-data-\[state\=loading\]\/button\:gp-invisible{visibility:hidden}@media (max-width:1024px){.gps-563784080093610770 .tablet\:\!gp-hidden{display:none!important}.gps-563784080093610770 .tablet\:gp-hidden{display:none}}@media (max-width:767px){.gps-563784080093610770 .mobile\:\!gp-hidden{display:none!important}.gps-563784080093610770 .mobile\:gp-hidden{display:none}}.gps-563784080093610770 .\[\&_\*\]\:gp-max-w-full *{max-width:100%}.gps-563784080093610770 .\[\&_p\]\:gp-whitespace-pre-line p{white-space:pre-line}

#my-popover-gCsVBOc99O::backdrop {
              width: fit-content;
              height: fit-content;
            }

.gAp5421pLM.gp-button-base::before {
      content: "";
      height: 100%;
      width: 100%;
      position: absolute;
      pointer-events: none;
      border-style: none;
  border-width: 1px 1px 1px 1px;
  
  
      
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      
    }

    .gAp5421pLM:hover::before {
      border-style: none;
  border-width: 1px 1px 1px 1px;
  
  
      
    }

    .gAp5421pLM:hover .gp-button-icon {
      color: undefined;
    }

     .gAp5421pLM .gp-button-icon {
      color: var(--g-c-text-3, text-3);
    }

    .gAp5421pLM:hover .gp-button-price {
      color: undefined;
    }

    .gAp5421pLM .gp-button-price {
      color: var(--g-c-text-3, text-3);
    }

    .gAp5421pLM .gp-product-dot-price {
       color: var(--g-c-text-3, text-3);
    }

    .gAp5421pLM:hover .gp-product-dot-price {
      color: undefined;
    }

.gps-563784164617225227.gps.gpsil [style*="--bg:"]{background:var(--bg)}.gps-563784164617225227.gps.gpsil [style*="--hvr-bg:"]:hover{background:var(--hvr-bg)}.gps-563784164617225227.gps.gpsil [style*="--bga:"]{background-attachment:var(--bga)}.gps-563784164617225227.gps.gpsil [style*="--bgc:"]{background-color:var(--bgc)}.gps-563784164617225227.gps.gpsil [style*="--bgi:"]{background-image:var(--bgi)}.gps-563784164617225227.gps.gpsil [style*="--bgp:"]{background-position:var(--bgp)}.gps-563784164617225227.gps.gpsil [style*="--bgr:"]{background-repeat:var(--bgr)}.gps-563784164617225227.gps.gpsil [style*="--bgs:"]{background-size:var(--bgs)}.gps-563784164617225227.gps.gpsil [style*="--b:"]{border:var(--b)}.gps-563784164617225227.gps.gpsil [style*="--hvr-b:"]:hover{border:var(--hvr-b)}.gps-563784164617225227.gps.gpsil [style*="--bc:"]{border-color:var(--bc)}.gps-563784164617225227.gps.gpsil [style*="--radius:"]{border-radius:var(--radius)}.gps-563784164617225227.gps.gpsil [style*="--bs:"]{border-style:var(--bs)}.gps-563784164617225227.gps.gpsil [style*="--bw:"]{border-width:var(--bw)}.gps-563784164617225227.gps.gpsil [style*="--shadow:"]{box-shadow:var(--shadow)}.gps-563784164617225227.gps.gpsil [style*="--c:"]{color:var(--c)}.gps-563784164617225227.gps.gpsil [style*="--cg:"]{-moz-column-gap:var(--cg);column-gap:var(--cg)}.gps-563784164617225227.gps.gpsil [style*="--gtc:"]{grid-template-columns:var(--gtc)}.gps-563784164617225227.gps.gpsil [style*="--h:"]{height:var(--h)}.gps-563784164617225227.gps.gpsil [style*="--jc:"]{justify-content:var(--jc)}.gps-563784164617225227.gps.gpsil [style*="--m:"]{margin:var(--m)}.gps-563784164617225227.gps.gpsil [style*="--mb:"]{margin-bottom:var(--mb)}.gps-563784164617225227.gps.gpsil [style*="--maxh:"]{max-height:var(--maxh)}.gps-563784164617225227.gps.gpsil [style*="--minh:"]{min-height:var(--minh)}.gps-563784164617225227.gps.gpsil [style*="--op:"]{opacity:var(--op)}.gps-563784164617225227.gps.gpsil [style*="--o:"]{order:var(--o)}.gps-563784164617225227.gps.gpsil [style*="--pc:"]{place-content:var(--pc)}.gps-563784164617225227.gps.gpsil [style*="--p:"]{padding:var(--p)}.gps-563784164617225227.gps.gpsil [style*="--pb:"]{padding-bottom:var(--pb)}.gps-563784164617225227.gps.gpsil [style*="--pl:"]{padding-left:var(--pl)}.gps-563784164617225227.gps.gpsil [style*="--pr:"]{padding-right:var(--pr)}.gps-563784164617225227.gps.gpsil [style*="--pt:"]{padding-top:var(--pt)}.gps-563784164617225227.gps.gpsil [style*="--ta:"]{text-align:var(--ta)}.gps-563784164617225227.gps.gpsil [style*="--tt:"]{text-transform:var(--tt)}.gps-563784164617225227.gps.gpsil [style*="--t:"]{transform:var(--t)}.gps-563784164617225227.gps.gpsil [style*="--w:"]{width:var(--w)}@media only screen and (max-width:1024px){.gps-563784164617225227.gps.gpsil [style*="--h-tablet:"]{height:var(--h-tablet)}.gps-563784164617225227.gps.gpsil [style*="--maxh-tablet:"]{max-height:var(--maxh-tablet)}.gps-563784164617225227.gps.gpsil [style*="--pl-tablet:"]{padding-left:var(--pl-tablet)}.gps-563784164617225227.gps.gpsil [style*="--pr-tablet:"]{padding-right:var(--pr-tablet)}.gps-563784164617225227.gps.gpsil [style*="--w-tablet:"]{width:var(--w-tablet)}}@media only screen and (max-width:767px){.gps-563784164617225227.gps.gpsil [style*="--cg-mobile:"]{-moz-column-gap:var(--cg-mobile);column-gap:var(--cg-mobile)}.gps-563784164617225227.gps.gpsil [style*="--gtc-mobile:"]{grid-template-columns:var(--gtc-mobile)}.gps-563784164617225227.gps.gpsil [style*="--h-mobile:"]{height:var(--h-mobile)}.gps-563784164617225227.gps.gpsil [style*="--maxh-mobile:"]{max-height:var(--maxh-mobile)}.gps-563784164617225227.gps.gpsil [style*="--w-mobile:"]{width:var(--w-mobile)}}.gps-563784164617225227 .focus-visible\:gp-shadow-none,.gps-563784164617225227 .focus\:\!gp-shadow-none,.gps-563784164617225227 .gp-shadow-xl,.gps-563784164617225227 .hover\:\!gp-shadow-none{--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.gps-563784164617225227 .gp-g-paragraph-1{font-family:var(--g-p1-ff);font-size:var(--g-p1-size);font-style:var(--g-p1-fs);font-weight:var(--g-p1-weight);letter-spacing:var(--g-p1-ls);line-height:var(--g-p1-lh)}.gps-563784164617225227 .\!gp-g-s-medium{padding:8px 24px!important}.gps-563784164617225227 .gp-fixed{position:fixed}.gps-563784164617225227 .gp-absolute{position:absolute}.gps-563784164617225227 .gp-relative{position:relative}.gps-563784164617225227 .gp-inset-0{inset:0}.gps-563784164617225227 .gp-right-0{right:0}.gps-563784164617225227 .gp-top-0{top:0}.gps-563784164617225227 .gp-top-\[27px\]{top:27px}.gps-563784164617225227 .gp-z-1{z-index:1}.gps-563784164617225227 .gp-z-100{z-index:100}.gps-563784164617225227 .gp-z-50{z-index:50}.gps-563784164617225227 .gp-z-\[999999\]{z-index:999999}.gps-563784164617225227 .gp-mx-auto{margin-left:auto;margin-right:auto}.gps-563784164617225227 .gp-mb-0{margin-bottom:0}.gps-563784164617225227 .gp-block{display:block}.gps-563784164617225227 .gp-inline-block{display:inline-block}.gps-563784164617225227 .gp-flex{display:flex}.gps-563784164617225227 .gp-inline-flex{display:inline-flex}.gps-563784164617225227 .gp-grid{display:grid}.gps-563784164617225227 .\!gp-hidden{display:none!important}.gps-563784164617225227 .gp-hidden{display:none}.gps-563784164617225227 .\!gp-h-auto{height:auto!important}.gps-563784164617225227 .gp-h-full{height:100%}.gps-563784164617225227 .gp-h-screen{height:100vh}.gps-563784164617225227 .\!gp-max-h-screen{max-height:100vh!important}.gps-563784164617225227 .gp-max-h-full{max-height:100%}.gps-563784164617225227 .gp-min-h-\[150px\]{min-height:150px}.gps-563784164617225227 .gp-w-full{width:100%}.gps-563784164617225227 .gp-max-w-full{max-width:100%}@keyframes gp-fadeIn{0%{opacity:0}to{opacity:1}}.gps-563784164617225227 .gp-animate-\[fadeIn_0\.4s_ease-in\]{animation:gp-fadeIn .4s ease-in}.gps-563784164617225227 .gp-grid-rows-\[1fr\]{grid-template-rows:1fr}.gps-563784164617225227 .gp-flex-col{flex-direction:column}.gps-563784164617225227 .gp-items-center{align-items:center}.gps-563784164617225227 .gp-justify-center{justify-content:center}.gps-563784164617225227 .gp-gap-y-0{row-gap:0}.gps-563784164617225227 .gp-overflow-hidden{overflow:hidden}.gps-563784164617225227 .gp-overflow-y-auto{overflow-y:auto}.gps-563784164617225227 .gp-overflow-x-hidden{overflow-x:hidden}.gps-563784164617225227 .gp-break-words{overflow-wrap:break-word}.gps-563784164617225227 .gp-rounded{border-radius:4px}.gps-563784164617225227 .gp-rounded-none{border-radius:0}.gps-563784164617225227 .gp-bg-g-brand{background-color:var(--g-c-brand)}.gps-563784164617225227 .gp-bg-transparent{background-color:transparent}.gps-563784164617225227 .\!gp-bg-none{background-image:none!important}.gps-563784164617225227 .gp-p-\[16px\]{padding:16px}.gps-563784164617225227 .gp-align-middle{vertical-align:middle}.gps-563784164617225227 .gp-text-\[14px\]{font-size:14px}.gps-563784164617225227 .gp-leading-normal{line-height:1.5}.gps-563784164617225227 .gp-text-g-text-1{color:var(--g-c-text-1)}.gps-563784164617225227 .gp-text-g-text-3{color:var(--g-c-text-3)}.gps-563784164617225227 .gp-no-underline{text-decoration-line:none}.gps-563784164617225227 .gp-shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.gps-563784164617225227 .\!gp-outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.gps-563784164617225227 .gp-outline-none{outline:2px solid transparent;outline-offset:2px}.gps-563784164617225227 .gp-transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.gps-563784164617225227 .gp-transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.gps-563784164617225227 .gp-duration-100{transition-duration:.1s}.gps-563784164617225227 .gp-duration-200{transition-duration:.2s}.gps-563784164617225227 .gp-duration-300{transition-duration:.3s}.gps-563784164617225227 .gp-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.gps-563784164617225227 .disabled\:gp-btn-disabled:disabled{cursor:default}@media (hover:hover) and (pointer:fine){.gps-563784164617225227 .hover\:gp-bg-g-highlight:hover{background-color:var(--g-c-highlight)}.gps-563784164617225227 .hover\:\!gp-shadow-none:hover{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}}.gps-563784164617225227 .focus\:\!gp-shadow-none:focus{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.gps-563784164617225227 .focus-visible\:gp-shadow-none:focus-visible{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.gps-563784164617225227 .focus-visible\:gp-outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.gps-563784164617225227 .disabled\:gp-pointer-events-none:disabled{pointer-events:none}.gps-563784164617225227 .disabled\:gp-opacity-30:disabled{opacity:.3}@media (hover:hover) and (pointer:fine){.gps-563784164617225227 .gp-group\/button:hover .group-hover\/button\:\!gp-text-inherit{color:inherit!important}}.gps-563784164617225227 .gp-group\/button:active .group-active\/button\:\!gp-text-inherit{color:inherit!important}.gps-563784164617225227 .gp-group\/button[data-state=loading] .group-data-\[state\=loading\]\/button\:gp-invisible{visibility:hidden}@media (max-width:1024px){.gps-563784164617225227 .tablet\:\!gp-hidden{display:none!important}.gps-563784164617225227 .tablet\:gp-hidden{display:none}}@media (max-width:767px){.gps-563784164617225227 .mobile\:\!gp-hidden{display:none!important}.gps-563784164617225227 .mobile\:gp-hidden{display:none}}.gps-563784164617225227 .\[\&_\*\]\:gp-max-w-full *{max-width:100%}.gps-563784164617225227 .\[\&_p\]\:gp-whitespace-pre-line p{white-space:pre-line}

.gZ3T95fOCS.gp-button-base::before {
      content: "";
      height: 100%;
      width: 100%;
      position: absolute;
      pointer-events: none;
      border-style: none;
  border-width: 1px 1px 1px 1px;
  
  
      border-radius: var(--g-radius-small);
    }

    .gZ3T95fOCS:hover::before {
      
      
    }

    .gZ3T95fOCS:hover .gp-button-icon {
      color: undefined;
    }

     .gZ3T95fOCS .gp-button-icon {
      color: var(--g-c-text-3, text-3);
    }

    .gZ3T95fOCS:hover .gp-button-price {
      color: undefined;
    }

    .gZ3T95fOCS .gp-button-price {
      color: var(--g-c-text-3, text-3);
    }

    .gZ3T95fOCS .gp-product-dot-price {
       color: var(--g-c-text-3, text-3);
    }

    .gZ3T95fOCS:hover .gp-product-dot-price {
      color: undefined;
    }

#my-popover-giS2DOxe8k::backdrop {
              width: fit-content;
              height: fit-content;
            }

.gI6Fu_Vswu.gp-button-base::before {
      content: "";
      height: 100%;
      width: 100%;
      position: absolute;
      pointer-events: none;
      border-style: none;
  border-width: 1px 1px 1px 1px;
  
  
      
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      
    }

    .gI6Fu_Vswu:hover::before {
      border-style: none;
  border-width: 1px 1px 1px 1px;
  
  
      
    }

    .gI6Fu_Vswu:hover .gp-button-icon {
      color: undefined;
    }

     .gI6Fu_Vswu .gp-button-icon {
      color: var(--g-c-text-3, text-3);
    }

    .gI6Fu_Vswu:hover .gp-button-price {
      color: undefined;
    }

    .gI6Fu_Vswu .gp-button-price {
      color: var(--g-c-text-3, text-3);
    }

    .gI6Fu_Vswu .gp-product-dot-price {
       color: var(--g-c-text-3, text-3);
    }

    .gI6Fu_Vswu:hover .gp-product-dot-price {
      color: undefined;
    }

.section-template--28915066798421__custom_liquid_tx7CnQ-padding {
  padding-top: calc(0px * 0.75);
  padding-bottom: calc(0px  * 0.75);
}

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

/* Variantenauswahl Modal - EXAKT wie in c24-tabs-section.liquid */
.c24-variant-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.c24-variant-modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.c24-variant-modal-content {
  position: relative;
  background: #fff;
  border-radius: 16px;
  padding: 24px;
  max-width: 400px;
  width: 90%;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
  z-index: 10001;
}

.c24-variant-modal-content h3 {
  margin: 0 0 16px 0;
  font-size: 1.3rem;
  font-weight: 600;
  color: #111;
}

.c24-variant-modal-select {
  width: 100%;
  padding: 12px 16px;
  border: 2px solid #e9ecef;
  border-radius: 10px;
  font-size: 1.2rem;
  margin-bottom: 20px;
  background: #fff;
  cursor: pointer;
  transition: border-color 0.2s;
  color: #333;
}

.c24-variant-modal-select option {
  color: #333;
  background: #fff;
}

.c24-variant-modal-select:hover,
.c24-variant-modal-select:focus {
  border-color: #FFBD59;
  outline: none;
}

.c24-variant-modal-actions {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
}

.c24-variant-modal-cancel,
.c24-variant-modal-add {
  padding: 12px 24px;
  border-radius: 10px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  border: none;
  font-size: 1.1rem;
}

.c24-variant-modal-cancel {
  background: #f0f0f0;
  color: #333;
}

.c24-variant-modal-cancel:hover {
  background: #e0e0e0;
}

.c24-variant-modal-add {
  background: #111;
  color: #fff;
}

.c24-variant-modal-add:hover {
  background: #FFBD59;
  color: #111;
}

.newsletter-section {
  position: relative;
  background-image: url('/assets/img/c24-community-highfive-20260802.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  min-height: 520px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.newsletter-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 100%);
  z-index: 1;
}

.newsletter-container {
  position: relative;
  z-index: 2;
  max-width: 650px;
  width: 100%;
  padding: 0 24px;
  text-align: center;
}

.newsletter-content {
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(16px);
  border-radius: 28px;
  padding: 48px 44px 52px 44px;
  box-shadow: 
    0 25px 80px rgba(0, 0, 0, 0.25),
    0 0 0 1px rgba(255, 255, 255, 0.1);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.newsletter-content:hover {
  transform: translateY(-6px);
  box-shadow: 
    0 35px 100px rgba(0, 0, 0, 0.3),
    0 0 0 1px rgba(255, 189, 89, 0.1);
}

.newsletter-title {
  font-size: 2.9rem;
  font-weight: 800;
  color: #111;
  margin-bottom: 24px;
  line-height: 1.15;
  letter-spacing: -0.025em;
}

.newsletter-text {
  font-size: 1.25rem;
  color: #555;
  line-height: 1.65;
  margin-bottom: 40px;
  font-weight: 400;
  opacity: 0.9;
}

.newsletter-form {
  width: 100%;
}

.newsletter-input-group {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.newsletter-email-container {
  flex: 1;
  min-width: 300px;
}

.newsletter-email {
  width: 100%;
  padding: 20px 24px;
  border: 2px solid rgba(232, 232, 232, 0.6);
  border-radius: 18px;
  font-size: 1.1rem;
  font-weight: 500;
  background: rgba(255, 255, 255, 0.8);
  color: #333;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  outline: none;
  font-family: inherit;
  margin-bottom: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}

.newsletter-email:focus {
  border-color: #FFBD59;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 
    0 0 0 4px rgba(255, 189, 89, 0.12),
    0 8px 24px rgba(255, 189, 89, 0.15);
  transform: translateY(-2px);
}

.newsletter-email::placeholder {
  color: #999;
  font-weight: 400;
}

.newsletter-submit {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #111;
  color: #fff;
  border: none;
  border-radius: 18px;
  padding: 20px 32px;
  font-size: 1.1rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  white-space: nowrap;
  font-family: inherit;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
  height: fit-content;
  position: relative;
  overflow: hidden;
}

.newsletter-submit::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent);
  transition: left 0.5s ease;
}

.newsletter-submit:hover {
  background: #FFBD59;
  color: #111;
  transform: translateY(-3px);
  box-shadow: 0 12px 32px rgba(255, 189, 89, 0.35);
}

.newsletter-submit:hover::before {
  left: 100%;
}

.newsletter-submit:active {
  transform: translateY(-1px);
}

.newsletter-submit-icon {
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: flex;
  align-items: center;
}

.newsletter-submit:hover .newsletter-submit-icon {
  transform: translateX(4px);
}

.newsletter-disclaimer {
  font-size: 0.85rem;
  color: #666;
  margin: 0;
  line-height: 1.5;
  opacity: 0.85;
}

.newsletter-link {
  color: #FFBD59;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.2s ease;
}

.newsletter-link:hover {
  color: #111;
  text-decoration: underline;
}

/* Responsive Design */
@media (max-width: 768px) {
  .newsletter-section {
    min-height: 480px;
    padding: 40px 0;
    background-attachment: scroll;
  }
  
  .newsletter-container {
    padding: 0 20px;
  }
  
  .newsletter-content {
    padding: 40px 32px 44px 32px;
    border-radius: 24px;
  }
  
  .newsletter-title {
    font-size: 2.4rem;
    margin-bottom: 20px;
  }
  
  .newsletter-text {
    font-size: 1.15rem;
    margin-bottom: 32px;
  }
  
  .newsletter-input-group {
    flex-direction: column;
    gap: 16px;
  }
  
  .newsletter-email-container {
    min-width: 100%;
  }
  
  .newsletter-email {
    padding: 18px 22px;
    font-size: 1rem;
    border-radius: 16px;
  }
  
  .newsletter-submit {
    width: 100%;
    justify-content: center;
    padding: 18px 24px;
    font-size: 1rem;
    border-radius: 16px;
  }
}

@media (max-width: 480px) {
  .newsletter-content {
    padding: 32px 24px 36px 24px;
    border-radius: 20px;
  }
  
  .newsletter-title {
    font-size: 2rem;
  }
  
  .newsletter-text {
    font-size: 1.05rem;
  }
  
  .newsletter-disclaimer {
    font-size: 0.8rem;
  }
  
  .newsletter-email {
    padding: 16px 20px;
    border-radius: 14px;
  }
  
  .newsletter-submit {
    padding: 16px 20px;
    border-radius: 14px;
  }
}

.gps-563784241842750629.gps.gpsil [style*="--bg:"]{background:var(--bg)}.gps-563784241842750629.gps.gpsil [style*="--hvr-bg:"]:hover{background:var(--hvr-bg)}.gps-563784241842750629.gps.gpsil [style*="--bga:"]{background-attachment:var(--bga)}.gps-563784241842750629.gps.gpsil [style*="--bgc:"]{background-color:var(--bgc)}.gps-563784241842750629.gps.gpsil [style*="--bgi:"]{background-image:var(--bgi)}.gps-563784241842750629.gps.gpsil [style*="--bgp:"]{background-position:var(--bgp)}.gps-563784241842750629.gps.gpsil [style*="--bgr:"]{background-repeat:var(--bgr)}.gps-563784241842750629.gps.gpsil [style*="--bgs:"]{background-size:var(--bgs)}.gps-563784241842750629.gps.gpsil [style*="--b:"]{border:var(--b)}.gps-563784241842750629.gps.gpsil [style*="--hvr-b:"]:hover{border:var(--hvr-b)}.gps-563784241842750629.gps.gpsil [style*="--bc:"]{border-color:var(--bc)}.gps-563784241842750629.gps.gpsil [style*="--bs:"]{border-style:var(--bs)}.gps-563784241842750629.gps.gpsil [style*="--bw:"]{border-width:var(--bw)}.gps-563784241842750629.gps.gpsil [style*="--shadow:"]{box-shadow:var(--shadow)}.gps-563784241842750629.gps.gpsil [style*="--c:"]{color:var(--c)}.gps-563784241842750629.gps.gpsil [style*="--cg:"]{-moz-column-gap:var(--cg);column-gap:var(--cg)}.gps-563784241842750629.gps.gpsil [style*="--gtc:"]{grid-template-columns:var(--gtc)}.gps-563784241842750629.gps.gpsil [style*="--h:"]{height:var(--h)}.gps-563784241842750629.gps.gpsil [style*="--jc:"]{justify-content:var(--jc)}.gps-563784241842750629.gps.gpsil [style*="--m:"]{margin:var(--m)}.gps-563784241842750629.gps.gpsil [style*="--mb:"]{margin-bottom:var(--mb)}.gps-563784241842750629.gps.gpsil [style*="--maxh:"]{max-height:var(--maxh)}.gps-563784241842750629.gps.gpsil [style*="--minh:"]{min-height:var(--minh)}.gps-563784241842750629.gps.gpsil [style*="--op:"]{opacity:var(--op)}.gps-563784241842750629.gps.gpsil [style*="--o:"]{order:var(--o)}.gps-563784241842750629.gps.gpsil [style*="--pc:"]{place-content:var(--pc)}.gps-563784241842750629.gps.gpsil [style*="--p:"]{padding:var(--p)}.gps-563784241842750629.gps.gpsil [style*="--pb:"]{padding-bottom:var(--pb)}.gps-563784241842750629.gps.gpsil [style*="--pl:"]{padding-left:var(--pl)}.gps-563784241842750629.gps.gpsil [style*="--pr:"]{padding-right:var(--pr)}.gps-563784241842750629.gps.gpsil [style*="--pt:"]{padding-top:var(--pt)}.gps-563784241842750629.gps.gpsil [style*="--ta:"]{text-align:var(--ta)}.gps-563784241842750629.gps.gpsil [style*="--tt:"]{text-transform:var(--tt)}.gps-563784241842750629.gps.gpsil [style*="--t:"]{transform:var(--t)}.gps-563784241842750629.gps.gpsil [style*="--w:"]{width:var(--w)}@media only screen and (max-width:1024px){.gps-563784241842750629.gps.gpsil [style*="--h-tablet:"]{height:var(--h-tablet)}.gps-563784241842750629.gps.gpsil [style*="--maxh-tablet:"]{max-height:var(--maxh-tablet)}.gps-563784241842750629.gps.gpsil [style*="--pl-tablet:"]{padding-left:var(--pl-tablet)}.gps-563784241842750629.gps.gpsil [style*="--pr-tablet:"]{padding-right:var(--pr-tablet)}.gps-563784241842750629.gps.gpsil [style*="--w-tablet:"]{width:var(--w-tablet)}}@media only screen and (max-width:767px){.gps-563784241842750629.gps.gpsil [style*="--cg-mobile:"]{-moz-column-gap:var(--cg-mobile);column-gap:var(--cg-mobile)}.gps-563784241842750629.gps.gpsil [style*="--gtc-mobile:"]{grid-template-columns:var(--gtc-mobile)}.gps-563784241842750629.gps.gpsil [style*="--h-mobile:"]{height:var(--h-mobile)}.gps-563784241842750629.gps.gpsil [style*="--maxh-mobile:"]{max-height:var(--maxh-mobile)}.gps-563784241842750629.gps.gpsil [style*="--w-mobile:"]{width:var(--w-mobile)}}.gps-563784241842750629 .focus-visible\:gp-shadow-none,.gps-563784241842750629 .focus\:\!gp-shadow-none,.gps-563784241842750629 .gp-shadow-xl,.gps-563784241842750629 .hover\:\!gp-shadow-none{--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.gps-563784241842750629 .gp-g-paragraph-1{font-family:var(--g-p1-ff);font-size:var(--g-p1-size);font-style:var(--g-p1-fs);font-weight:var(--g-p1-weight);letter-spacing:var(--g-p1-ls);line-height:var(--g-p1-lh)}.gps-563784241842750629 .\!gp-g-s-medium{padding:8px 24px!important}.gps-563784241842750629 .gp-fixed{position:fixed}.gps-563784241842750629 .gp-absolute{position:absolute}.gps-563784241842750629 .gp-relative{position:relative}.gps-563784241842750629 .gp-inset-0{inset:0}.gps-563784241842750629 .gp-right-0{right:0}.gps-563784241842750629 .gp-top-0{top:0}.gps-563784241842750629 .gp-top-\[27px\]{top:27px}.gps-563784241842750629 .gp-z-1{z-index:1}.gps-563784241842750629 .gp-z-100{z-index:100}.gps-563784241842750629 .gp-z-50{z-index:50}.gps-563784241842750629 .gp-z-\[999999\]{z-index:999999}.gps-563784241842750629 .gp-mx-auto{margin-left:auto;margin-right:auto}.gps-563784241842750629 .gp-mb-0{margin-bottom:0}.gps-563784241842750629 .gp-block{display:block}.gps-563784241842750629 .gp-inline-block{display:inline-block}.gps-563784241842750629 .gp-flex{display:flex}.gps-563784241842750629 .gp-inline-flex{display:inline-flex}.gps-563784241842750629 .gp-grid{display:grid}.gps-563784241842750629 .\!gp-hidden{display:none!important}.gps-563784241842750629 .gp-hidden{display:none}.gps-563784241842750629 .\!gp-h-auto{height:auto!important}.gps-563784241842750629 .gp-h-full{height:100%}.gps-563784241842750629 .gp-h-screen{height:100vh}.gps-563784241842750629 .\!gp-max-h-screen{max-height:100vh!important}.gps-563784241842750629 .gp-max-h-full{max-height:100%}.gps-563784241842750629 .gp-min-h-\[150px\]{min-height:150px}.gps-563784241842750629 .gp-w-full{width:100%}.gps-563784241842750629 .gp-max-w-full{max-width:100%}@keyframes gp-fadeIn{0%{opacity:0}to{opacity:1}}.gps-563784241842750629 .gp-animate-\[fadeIn_0\.4s_ease-in\]{animation:gp-fadeIn .4s ease-in}.gps-563784241842750629 .gp-grid-rows-\[1fr\]{grid-template-rows:1fr}.gps-563784241842750629 .gp-flex-col{flex-direction:column}.gps-563784241842750629 .gp-items-center{align-items:center}.gps-563784241842750629 .gp-justify-center{justify-content:center}.gps-563784241842750629 .gp-gap-y-0{row-gap:0}.gps-563784241842750629 .gp-overflow-hidden{overflow:hidden}.gps-563784241842750629 .gp-overflow-y-auto{overflow-y:auto}.gps-563784241842750629 .gp-overflow-x-hidden{overflow-x:hidden}.gps-563784241842750629 .gp-break-words{overflow-wrap:break-word}.gps-563784241842750629 .gp-rounded{border-radius:4px}.gps-563784241842750629 .gp-rounded-none{border-radius:0}.gps-563784241842750629 .gp-bg-g-brand{background-color:var(--g-c-brand)}.gps-563784241842750629 .gp-bg-transparent{background-color:transparent}.gps-563784241842750629 .\!gp-bg-none{background-image:none!important}.gps-563784241842750629 .gp-p-\[16px\]{padding:16px}.gps-563784241842750629 .gp-align-middle{vertical-align:middle}.gps-563784241842750629 .gp-text-\[14px\]{font-size:14px}.gps-563784241842750629 .gp-leading-normal{line-height:1.5}.gps-563784241842750629 .gp-text-g-text-1{color:var(--g-c-text-1)}.gps-563784241842750629 .gp-text-g-text-3{color:var(--g-c-text-3)}.gps-563784241842750629 .gp-no-underline{text-decoration-line:none}.gps-563784241842750629 .gp-shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.gps-563784241842750629 .\!gp-outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.gps-563784241842750629 .gp-outline-none{outline:2px solid transparent;outline-offset:2px}.gps-563784241842750629 .gp-transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.gps-563784241842750629 .gp-transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.gps-563784241842750629 .gp-duration-100{transition-duration:.1s}.gps-563784241842750629 .gp-duration-200{transition-duration:.2s}.gps-563784241842750629 .gp-duration-300{transition-duration:.3s}.gps-563784241842750629 .gp-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.gps-563784241842750629 .disabled\:gp-btn-disabled:disabled{cursor:default}@media (hover:hover) and (pointer:fine){.gps-563784241842750629 .hover\:gp-bg-g-highlight:hover{background-color:var(--g-c-highlight)}.gps-563784241842750629 .hover\:\!gp-shadow-none:hover{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}}.gps-563784241842750629 .focus\:\!gp-shadow-none:focus{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.gps-563784241842750629 .focus-visible\:gp-shadow-none:focus-visible{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.gps-563784241842750629 .focus-visible\:gp-outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.gps-563784241842750629 .disabled\:gp-pointer-events-none:disabled{pointer-events:none}.gps-563784241842750629 .disabled\:gp-opacity-30:disabled{opacity:.3}@media (hover:hover) and (pointer:fine){.gps-563784241842750629 .gp-group\/button:hover .group-hover\/button\:\!gp-text-inherit{color:inherit!important}}.gps-563784241842750629 .gp-group\/button:active .group-active\/button\:\!gp-text-inherit{color:inherit!important}.gps-563784241842750629 .gp-group\/button[data-state=loading] .group-data-\[state\=loading\]\/button\:gp-invisible{visibility:hidden}@media (max-width:1024px){.gps-563784241842750629 .tablet\:\!gp-hidden{display:none!important}.gps-563784241842750629 .tablet\:gp-hidden{display:none}}@media (max-width:767px){.gps-563784241842750629 .mobile\:\!gp-hidden{display:none!important}.gps-563784241842750629 .mobile\:gp-hidden{display:none}}.gps-563784241842750629 .\[\&_\*\]\:gp-max-w-full *{max-width:100%}.gps-563784241842750629 .\[\&_p\]\:gp-whitespace-pre-line p{white-space:pre-line}

#my-popover-gvaAHL8ANu::backdrop {
              width: fit-content;
              height: fit-content;
            }

.gybQ596iFQ.gp-button-base::before {
      content: "";
      height: 100%;
      width: 100%;
      position: absolute;
      pointer-events: none;
      border-style: none;
  border-width: 1px 1px 1px 1px;
  
  
      
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      
    }

    .gybQ596iFQ:hover::before {
      border-style: none;
  border-width: 1px 1px 1px 1px;
  
  
      
    }

    .gybQ596iFQ:hover .gp-button-icon {
      color: undefined;
    }

     .gybQ596iFQ .gp-button-icon {
      color: var(--g-c-text-3, text-3);
    }

    .gybQ596iFQ:hover .gp-button-price {
      color: undefined;
    }

    .gybQ596iFQ .gp-button-price {
      color: var(--g-c-text-3, text-3);
    }

    .gybQ596iFQ .gp-product-dot-price {
       color: var(--g-c-text-3, text-3);
    }

    .gybQ596iFQ:hover .gp-product-dot-price {
      color: undefined;
    }

.gps-563792934336463634.gps.gpsil [style*="--bg:"]{background:var(--bg)}.gps-563792934336463634.gps.gpsil [style*="--bga:"]{background-attachment:var(--bga)}.gps-563792934336463634.gps.gpsil [style*="--bgc:"]{background-color:var(--bgc)}.gps-563792934336463634.gps.gpsil [style*="--bgi:"]{background-image:var(--bgi)}.gps-563792934336463634.gps.gpsil [style*="--bgp:"]{background-position:var(--bgp)}.gps-563792934336463634.gps.gpsil [style*="--bgr:"]{background-repeat:var(--bgr)}.gps-563792934336463634.gps.gpsil [style*="--bgs:"]{background-size:var(--bgs)}.gps-563792934336463634.gps.gpsil [style*="--b:"]{border:var(--b)}.gps-563792934336463634.gps.gpsil [style*="--bc:"]{border-color:var(--bc)}.gps-563792934336463634.gps.gpsil [style*="--bs:"]{border-style:var(--bs)}.gps-563792934336463634.gps.gpsil [style*="--bw:"]{border-width:var(--bw)}.gps-563792934336463634.gps.gpsil [style*="--shadow:"]{box-shadow:var(--shadow)}.gps-563792934336463634.gps.gpsil [style*="--c:"]{color:var(--c)}.gps-563792934336463634.gps.gpsil [style*="--size:"]{font-size:var(--size)}.gps-563792934336463634.gps.gpsil [style*="--h:"]{height:var(--h)}.gps-563792934336463634.gps.gpsil [style*="--jc:"]{justify-content:var(--jc)}.gps-563792934336463634.gps.gpsil [style*="--m:"]{margin:var(--m)}.gps-563792934336463634.gps.gpsil [style*="--maxh:"]{max-height:var(--maxh)}.gps-563792934336463634.gps.gpsil [style*="--minh:"]{min-height:var(--minh)}.gps-563792934336463634.gps.gpsil [style*="--op:"]{opacity:var(--op)}.gps-563792934336463634.gps.gpsil [style*="--o:"]{order:var(--o)}.gps-563792934336463634.gps.gpsil [style*="--p:"]{padding:var(--p)}.gps-563792934336463634.gps.gpsil [style*="--pb:"]{padding-bottom:var(--pb)}.gps-563792934336463634.gps.gpsil [style*="--pl:"]{padding-left:var(--pl)}.gps-563792934336463634.gps.gpsil [style*="--pr:"]{padding-right:var(--pr)}.gps-563792934336463634.gps.gpsil [style*="--pt:"]{padding-top:var(--pt)}.gps-563792934336463634.gps.gpsil [style*="--ta:"]{text-align:var(--ta)}.gps-563792934336463634.gps.gpsil [style*="--t:"]{transform:var(--t)}.gps-563792934336463634.gps.gpsil [style*="--w:"]{width:var(--w)}@media only screen and (max-width:1024px){.gps-563792934336463634.gps.gpsil [style*="--size-tablet:"]{font-size:var(--size-tablet)}.gps-563792934336463634.gps.gpsil [style*="--h-tablet:"]{height:var(--h-tablet)}.gps-563792934336463634.gps.gpsil [style*="--maxh-tablet:"]{max-height:var(--maxh-tablet)}.gps-563792934336463634.gps.gpsil [style*="--w-tablet:"]{width:var(--w-tablet)}}@media only screen and (max-width:767px){.gps-563792934336463634.gps.gpsil [style*="--size-mobile:"]{font-size:var(--size-mobile)}.gps-563792934336463634.gps.gpsil [style*="--h-mobile:"]{height:var(--h-mobile)}.gps-563792934336463634.gps.gpsil [style*="--maxh-mobile:"]{max-height:var(--maxh-mobile)}.gps-563792934336463634.gps.gpsil [style*="--w-mobile:"]{width:var(--w-mobile)}}.gps-563792934336463634 .focus-visible\:gp-shadow-none,.gps-563792934336463634 .gp-shadow-xl{--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.gps-563792934336463634 .gp-g-heading-1{font-family:var(--g-h1-ff);font-size:var(--g-h1-size);font-style:var(--g-h1-fs);font-weight:var(--g-h1-weight);letter-spacing:var(--g-h1-ls);line-height:var(--g-h1-lh)}.gps-563792934336463634 .gp-fixed{position:fixed}.gps-563792934336463634 .gp-absolute{position:absolute}.gps-563792934336463634 .gp-relative{position:relative}.gps-563792934336463634 .gp-inset-0{inset:0}.gps-563792934336463634 .gp-right-0{right:0}.gps-563792934336463634 .gp-top-0{top:0}.gps-563792934336463634 .gp-z-50{z-index:50}.gps-563792934336463634 .gp-z-\[999999\]{z-index:999999}.gps-563792934336463634 .gp-block{display:block}.gps-563792934336463634 .gp-inline-block{display:inline-block}.gps-563792934336463634 .gp-flex{display:flex}.gps-563792934336463634 .gp-inline-flex{display:inline-flex}.gps-563792934336463634 .\!gp-hidden{display:none!important}.gps-563792934336463634 .gp-hidden{display:none}.gps-563792934336463634 .gp-h-full{height:100%}.gps-563792934336463634 .gp-h-screen{height:100vh}.gps-563792934336463634 .\!gp-max-h-screen{max-height:100vh!important}.gps-563792934336463634 .gp-max-h-full{max-height:100%}.gps-563792934336463634 .gp-w-full{width:100%}.gps-563792934336463634 .gp-max-w-full{max-width:100%}@keyframes gp-fadeIn{0%{opacity:0}to{opacity:1}}.gps-563792934336463634 .gp-animate-\[fadeIn_0\.4s_ease-in\]{animation:gp-fadeIn .4s ease-in}.gps-563792934336463634 .gp-items-center{align-items:center}.gps-563792934336463634 .gp-justify-center{justify-content:center}.gps-563792934336463634 .gp-overflow-hidden{overflow:hidden}.gps-563792934336463634 .gp-overflow-y-auto{overflow-y:auto}.gps-563792934336463634 .gp-overflow-x-hidden{overflow-x:hidden}.gps-563792934336463634 .gp-bg-transparent{background-color:transparent}.gps-563792934336463634 .gp-align-middle{vertical-align:middle}.gps-563792934336463634 .gp-shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.gps-563792934336463634 .gp-outline-none{outline:2px solid transparent;outline-offset:2px}.gps-563792934336463634 .gp-transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.gps-563792934336463634 .gp-duration-100{transition-duration:.1s}.gps-563792934336463634 .focus-visible\:gp-shadow-none:focus-visible{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.gps-563792934336463634 .focus-visible\:gp-outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}@media (max-width:1024px){.gps-563792934336463634 .tablet\:\!gp-hidden{display:none!important}.gps-563792934336463634 .tablet\:gp-hidden{display:none}}@media (max-width:767px){.gps-563792934336463634 .mobile\:\!gp-hidden{display:none!important}.gps-563792934336463634 .mobile\:gp-hidden{display:none}}.gps-563792934336463634 .\[\&_p\]\:gp-inline p{display:inline}.gps-563792934336463634 .\[\&_p\]\:after\:gp-whitespace-pre-wrap p:after{content:var(--tw-content);white-space:pre-wrap}.gps-563792934336463634 .\[\&_p\]\:after\:gp-content-\[\'\\A\'\] p:after{--tw-content:"\A";content:var(--tw-content)}

.section-template--28915066798421__c24_variant_handler-padding {
  padding-top: calc(40px * 0.75);
  padding-bottom: calc(52px  * 0.75);
}

@media screen and (min-width: 750px) {
  .section-template--28915066798421__c24_variant_handler-padding {
    padding-top: 40px;
    padding-bottom: 52px;
  }
}

/* Variantenauswahl Modal - EXAKT wie in c24-tabs-section.liquid */
.c24-variant-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.c24-variant-modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.c24-variant-modal-content {
  position: relative;
  background: #fff;
  border-radius: 16px;
  padding: 24px;
  max-width: 400px;
  width: 90%;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
  z-index: 10001;
}

.c24-variant-modal-content h3 {
  margin: 0 0 16px 0;
  font-size: 1.3rem;
  font-weight: 600;
  color: #111;
}

.c24-variant-modal-select {
  width: 100%;
  padding: 12px 16px;
  border: 2px solid #e9ecef;
  border-radius: 10px;
  font-size: 1.2rem;
  margin-bottom: 20px;
  background: #fff;
  cursor: pointer;
  transition: border-color 0.2s;
  color: #333;
}

.c24-variant-modal-select option {
  color: #333;
  background: #fff;
}

.c24-variant-modal-select:hover,
.c24-variant-modal-select:focus {
  border-color: #FFBD59;
  outline: none;
}

.c24-variant-modal-actions {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
}

.c24-variant-modal-cancel,
.c24-variant-modal-add {
  padding: 12px 24px;
  border-radius: 10px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  border: none;
  font-size: 1.1rem;
}

.c24-variant-modal-cancel {
  background: #f0f0f0;
  color: #333;
}

.c24-variant-modal-cancel:hover {
  background: #e0e0e0;
}

.c24-variant-modal-add {
  background: #111;
  color: #fff;
}

.c24-variant-modal-add:hover {
  background: #FFBD59;
  color: #111;
}

.footer {
    margin-top: 0px;
  }

  .section-footer-padding {
    padding-top: 0px;
    padding-bottom: 0px;
  }

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

    .section-footer-padding {
      padding-top: 0px;
      padding-bottom: 0px;
    }
  }

  /* Modern Footer Complete Redesign */
  .footer-modern {
    background: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    color: #1a1a1a;
  }

  /* Top Section */
  .footer__content-top {
    padding: 80px 0 60px 0;
    background: #fafafa;
    border-top: 1px solid #e5e5e5;
  }

  /* Fixed Grid Layout - 4 gleichmäßige Spalten - PERFEKT ZENTRIERT */
  .footer__blocks-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px; 
    align-items: start;
    max-width: 1400px;
    margin: 0 auto; 
    padding: 0 40px; 
    width: 100%;
  }

  /* Logo & Social Media Block - Gleiche Breite wie andere Spalten */
  .footer-block--logo {
    text-align: center;
    padding: 30px;
    background: #ffffff; 
    border-radius: 20px;
    border: 1px solid #e5e5e5;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
    width: 100%;
    max-width: none;
  }

  .footer-block--logo:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
    border-color: #d0d0d0;
  }

  .footer-block--logo img {
    margin-bottom: 40px;
    max-height: 180px;
    width: auto;
    object-fit: contain;
    transition: all 0.3s ease;
  }

  .footer-block--logo:hover img {
    transform: scale(1.02);
  }

  /* Social Media Icons - Breite begrenzen */
  .footer__list-social {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: nowrap;
    list-style: none;
    padding: 0 10px;
    margin: 0;
    margin-top: -10px;
    width: 100%;
    max-width: 240px;
    margin-left: auto;
    margin-right: auto;
  }

  .list-social__item {
    display: flex;
    flex: 0 0 auto;
  }

  .list-social__link {
    width: 42px;
    height: 42px;
    background: #f5f5f5 !important;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    text-decoration: none;
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
  }

  .list-social__link::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.9);
    opacity: 0;
    transition: opacity 0.3s ease;
  }

  .list-social__link svg,
  .list-social__link .icon {
    width: 24px;
    height: 24px;
    color: #666 !important;
    transition: all 0.3s ease;
    position: relative;
    z-index: 2;
  }

  .list-social__link:hover {
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    border-color: rgba(255, 255, 255, 0.3);
  }

  /* Platform-specific hover colors */
  .footer__list-social .list-social__link[href*="https://www.instagram.com/creatin24.de?igsh=Mmt5eGx2aTlqeHd6"]:hover,
  .list-social__link[href*="instagram"]:hover {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
  }

  .footer__list-social .list-social__link[href*="facebook"]:hover,
  .list-social__link[href*="facebook"]:hover {
    background: #1877f2 !important;
  }

  .footer__list-social .list-social__link[href*="twitter"]:hover,
  .list-social__link[href*="twitter"]:hover {
    background: #1da1f2 !important;
  }

  .footer__list-social .list-social__link[href*="pinterest"]:hover,
  .list-social__link[href*="pinterest"]:hover {
    background: #bd081c !important;
  }

  .footer__list-social .list-social__link[href*="youtube"]:hover,
  .list-social__link[href*="youtube"]:hover {
    background: #ff0000 !important;
  }

  .footer__list-social .list-social__link[href*="tiktok"]:hover,
  .list-social__link[href*="tiktok"]:hover {
    background: #000000 !important;
  }

  .footer__list-social .list-social__link[href*="tumblr"]:hover,
  .list-social__link[href*="tumblr"]:hover {
    background: #00cf35 !important;
  }

  .footer__list-social .list-social__link[href*="snapchat"]:hover,
  .list-social__link[href*="snapchat"]:hover {
    background: #fffc00 !important;
  }

  .footer__list-social .list-social__link[href*="vimeo"]:hover,
  .list-social__link[href*="vimeo"]:hover {
    background: #1ab7ea !important;
  }

  /* Icons werden weiß beim Hover */
  .footer__list-social .list-social__link:hover svg,
  .footer__list-social .list-social__link:hover .icon,
  .list-social__link:hover svg,
  .list-social__link:hover .icon {
    color: white !important;
  }

  /* Menü-Container - NUR für mobile sichtbar */
  .footer__menu-container {
    display: contents; /* Macht Container auf Desktop unsichtbar */
  }

  /* Menu Block Styling - Gleiche Breite */
  .footer-block--menu {
    padding: 20px;
    text-align: left;
    width: 100%;
    background: #fafafa;
    border-radius: 16px;
    border: 1px solid #f0f0f0;
  }

  .footer-block__heading {
    font-size: 1.8rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 24px;
    letter-spacing: -0.2px;
    text-align: left;
    display: block;
  }

  /* Logo-Block Überschrift bleibt zentriert */
  .footer-block--logo .footer-block__heading {
    text-align: center;
  }

  /* Feedback-Block Überschrift bleibt zentriert */
  .footer-block--feedback .feedback-header-title {
    text-align: center;
    font-size: 2.0rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 8px;
    letter-spacing: -0.3px;
    display: block;
  }

  .footer-block__details-content {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .footer-block__details-content li {
    margin-bottom: 8px;
  }

  .list-menu__item--link {
    color: #666 !important;
    text-decoration: none;
    font-size: 1.4rem;
    line-height: 1.6;
    transition: all 0.2s ease;
    display: block;
    padding: 8px 0;
  }

  .list-menu__item--link:hover {
    color: #1a1a1a !important;
    padding-left: 8px;
  }

  /* Feedback Block Styling - Gleiche Breite wie andere Spalten */
  .footer-block--feedback {
    background: white;
    border-radius: 16px;
    border: 1px solid #e5e5e5;
    padding: 32px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    width: 100%;
    max-width: none;
  }

  .footer-block--feedback:hover {
    border-color: #d0d0d0;
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.12);
    transform: translateY(-4px);
  }

  .feedback-header {
    text-align: center;
    margin-bottom: 24px;
  }

  .feedback-header p {
    color: #666;
    font-size: 1.3rem;
    margin: 0;
    line-height: 1.5;
  }

  .feedback-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .feedback-field {
    position: relative;
    border-radius: 12px;
    border: 2px solid #e5e5e5;
    transition: all 0.2s ease;
    background: #fafafa;
  }

  .feedback-field:focus-within {
    border-color: #2d2d2d;
    background: white;
    box-shadow: 0 0 0 3px rgba(45, 45, 45, 0.1);
  }

  .feedback-field__input,
  .feedback-field__textarea {
    width: 100%;
    padding: 16px 20px;
    border: none;
    background: transparent;
    font-size: 1.4rem;
    color: #2d2d2d;
    outline: none;
    font-family: inherit;
    resize: none;
  }

  .feedback-field__textarea {
    min-height: 80px;
    line-height: 1.6;
  }

  .feedback-field__input::placeholder,
  .feedback-field__textarea::placeholder {
    color: #999;
  }

  .feedback-form__button {
    background: #2d2d2d;
    color: white;
    border: none;
    padding: 16px 24px;
    border-radius: 12px;
    font-size: 1.4rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    font-family: inherit;
    margin-top: 8px;
  }

  .feedback-form__button:hover {
    background: #1a1a1a;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(45, 45, 45, 0.15);
  }

  .feedback-form__message {
    margin-top: 16px;
    font-size: 1.3rem;
    text-align: center;
    padding: 12px;
    border-radius: 8px;
  }

  .feedback-form__message--success {
    color: #059669;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
  }

  .feedback-form__message:not(.feedback-form__message--success) {
    color: #dc2626;
    background: #fef2f2;
    border: 1px solid #fecaca;
  }

  /* Footer Bottom */
  .footer__content-bottom {
    background: #f8f9fa;
    border-top: 1px solid #e5e5e5;
    padding: 30px 0;
  }

  .footer__content-bottom-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-wrap: wrap;
    gap: 20px;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
  }

  .footer__column--info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    border: none;
    width: 100%;
  }

  .footer__copyright {
    color: #666;
    font-size: 1.3rem;
    text-align: center;
  }

  .footer__copyright .copyright__content {
    display: block;
    margin: 4px 0;
  }

  .footer__copyright a {
    color: #666;
    text-decoration: none;
    transition: color 0.2s ease;
  }

  .footer__copyright a:hover {
    color: #1a1a1a;
  }

  /* Payment Icons - zentriert */
  .footer__payment {
    background: white;
    padding: 12px 20px;
    border-radius: 8px;
    border: 1px solid #e5e5e5;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
    margin: 0 auto;
  }

  .footer__payment:hover {
    border-color: #d0d0d0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-1px);
  }

  .list-payment {
    display: flex;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
    align-items: center;
  }

  .list-payment__item {
    display: flex;
  }

  .list-payment__item .icon {
    height: 28px;
    width: auto;
    opacity: 0.8;
    transition: all 0.2s ease;
  }

  .list-payment__item:hover .icon {
    opacity: 1;
    transform: scale(1.05);
  }

  /* Localization */
  .footer__localization {
    display: flex;
    gap: 12px;
  }

  .localization-form__select {
    background: white;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 1.2rem;
    color: #666;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  }

  .localization-form__select:hover {
    border-color: #d0d0d0;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  }

  /* Responsive Design */
  @media (max-width: 1200px) {
    .footer__blocks-wrapper {
      grid-template-columns: repeat(4, 1fr);
      gap: 30px;
      padding: 0 30px;
    }
  }

  @media (max-width: 1024px) {
    .footer__blocks-wrapper {
      grid-template-columns: repeat(2, 1fr);
      gap: 40px;
      padding: 0 20px;
    }
  }

  @media (max-width: 768px) {
    .footer__content-top {
      padding: 60px 0 40px 0;
    }

    .footer__blocks-wrapper {
      grid-template-columns: 1fr;
      gap: 40px;
    }
    
    /* Menü-Container wird zu Grid auf mobile */
    .footer__menu-container {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px;
    }

    .footer-block--feedback {
      padding: 24px;
    }

    .feedback-header-title {
      font-size: 1.8rem;
    }

    .footer__content-bottom-wrapper {
      flex-direction: column;
      text-align: center;
      gap: 20px;
    }

    .footer__column--info {
      flex-direction: column;
      gap: 15px;
    }

    .footer__payment {
      margin: 0 auto;
    }

    /* Menü-Blöcke für mobile anpassen */
    .footer__menu-container .footer-block--menu {
      padding: 16px;
      background: #fafafa;
      border-radius: 16px;
      border: 1px solid #f0f0f0;
      flex: none;
    }
    
    /* Überschriften für mobile Menüs */
    .footer__menu-container .footer-block__heading {
      font-size: 1.5rem;
      margin-bottom: 16px;
      font-weight: 700;
      color: #1a1a1a;
      text-align: center;
    }
    
    .footer__menu-container .list-menu__item--link {
      font-size: 1.1rem;
      padding: 5px 0;
      text-align: center;
    }

    .footer__list-social {
      max-width: 240px;
      padding: 0 16px;
      margin-top: -8px;
    }

    .list-social__link {
      width: 42px;
      height: 42px;
    }

    .list-social__link svg,
    .list-social__link .icon {
      width: 22px;
      height: 22px;
    }

    .feedback-field__input,
    .feedback-field__textarea {
      padding: 14px 18px;
      font-size: 1.3rem;
    }

    .feedback-form__button {
      padding: 14px 20px;
      font-size: 1.3rem;
    }
  }

  @media (max-width: 480px) {
    .footer__blocks-wrapper {
      gap: 30px;
      padding: 0 15px;
    }

    .footer-block--logo {
      padding: 20px;
    }

    .footer-block--logo img {
      max-height: 150px;
      margin-bottom: 30px;
    }

    .footer-block--feedback {
      padding: 20px;
    }

    .feedback-header-title {
      font-size: 1.6rem;
    }

    .footer__column--info {
      gap: 20px;
    }

    .list-payment {
      gap: 8px;
    }

    .list-payment__item .icon {
      height: 24px;
    }

    .footer__list-social {
      max-width: 200px;
      padding: 0 12px;
      margin-top: -6px;
    }

    .list-social__link {
      width: 38px;
      height: 38px;
    }

    .list-social__link svg,
    .list-social__link .icon {
      width: 20px;
      height: 20px;
    }
    
    /* Menü-Container bleibt Grid */
    .footer__menu-container {
      gap: 16px;
    }
    
    .footer__menu-container .footer-block--menu {
      padding: 14px;
    }
    
    /* Kleinere Überschriften für sehr kleine Screens */
    .footer__menu-container .footer-block__heading {
      font-size: 1.3rem;
      margin-bottom: 14px;
    }
    
    .footer__menu-container .list-menu__item--link {
      font-size: 1rem;
      padding: 4px 0;
    }
  }

  /* Override default styles */
  #footer .newsletter-form__field-wrapper .field__input{ 
     background: transparent;
     border: none;
     color: #2d2d2d;
  }
  
  #footer .newsletter-form__field-wrapper .field__label{
     color: #999;
  }
  
  #footer{
     border-top: none;
  }
  
  .footer__column--info {
    border-top: none;
  }
  
  #footer .newsletter-form__button{
   background-color: #2d2d2d;
   color: white;
  }

  /* Force social link styles */
  .list-social__link {
    background-color: #f5f5f5 !important;
    color: #666 !important;
  }

.ws-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 18px;border-radius:30px;background:rgba(10,10,20,0.90);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(14,165,233,0.35);text-decoration:none;margin-top:4px;box-shadow:0 0 10px rgba(14,165,233,0.3),0 0 22px rgba(14,165,233,0.12);transition:box-shadow .25s ease,background .25s ease,border-color .25s ease;}
            .ws-badge:hover{background:rgba(10,10,20,0.95);border-color:rgba(14,165,233,0.6);box-shadow:0 0 18px rgba(14,165,233,0.6),0 0 36px rgba(14,165,233,0.25);}

#footer.color-custom-color { background: #ffffff;}
  #footer .footer-block__heading, #footer .list-menu__item--link, #footer .footer__copyright,#footer .footer-block__details-content.rte > p,
  #footer .footer-block__details-content.rte a{ color: #474747;}
  #footer .list-menu__item--link:hover, #footer .copyright__content a:hover { color: #a58c55;}
  #footer .footer-block__heading,#footer .footer-block.grid__item .icon-caret { color:#000000; }

#footer .list-social__link:hover {
    transform: translateY(-3px) scale(1.05) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;
    transition: all 0.3s ease !important;
  }

  /* Instagram - Erstes Icon */
  #footer .list-social__item:nth-child(1) .list-social__link:hover {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
  }

  /* Facebook - Zweites Icon */
  #footer .list-social__item:nth-child(2) .list-social__link:hover {
    background: #1877f2 !important;
  }

  /* Twitter - Drittes Icon */
  #footer .list-social__item:nth-child(3) .list-social__link:hover {
    background: #1da1f2 !important;
  }

  /* Pinterest - Viertes Icon */
  #footer .list-social__item:nth-child(4) .list-social__link:hover {
    background: #bd081c !important;
  }

  /* Alle Icons werden weiß beim Hover */
  #footer .list-social__link:hover svg,
  #footer .list-social__link:hover .icon {
    color: white !important;
  }

@media only screen and (max-width: 768px) {/* Footer Wrapper zurücksetzen */ .footer-modern .footer__blocks-wrapper {display: block !important; grid-template-columns: none !important; } /* Logo Block */ .footer-modern .footer-block--logo {display: block !important; width: 100% !important; margin-bottom: 30px !important; } /* Menü-Blöcke nebeneinander */ .footer-modern .footer-block--menu {display: inline-block !important; width: 48% !important; vertical-align: top !important; margin-bottom: 20px !important; } /* Erster Menü-Block */ .footer-modern .footer-block--menu:first-of-type {margin-right: 4% !important; } /* Feedback Block */ .footer-modern .footer-block--feedback {display: block !important; width: 100% !important; }}

div.trust-badge-680b46a2d4ddb-42198315-581745569442 div.giraffly-right-Bar-Preview-Example{clear: both;padding:10px;text-align:center;border: 0px solid #FFFFFF;border-radius: 0px;background:#FFFFFF00;}div.trust-badge-680b46a2d4ddb-42198315-581745569442 div.giraffly-right-Bar-Preview-width h3{font-size: 0px !important; line-height: 20px !important; font-weight : 600 !important; color: #000000 !important; font-family: Lato, sans-serif;  margin-bottom: 6.5px !important; padding-bottom: 0 !important;}div.trust-badge-680b46a2d4ddb-42198315-581745569442 div.giraffly-right-Bar-Preview-div-svg{width: 37px; display: inline-block;margin: 0 5px;}div.trust-badge-680b46a2d4ddb-42198315-581745569442 div.giraffly-right-Bar-Preview-div-svg svg{width:37px;max-height:25.9px;height: auto !important;stroke: none;}div.trust-badge-680b46a2d4ddb-42198315-581745569442 div.icon-up-payment>div{background-size:37px;height: 25.9px;}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(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 shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(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)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.heartBeat{-webkit-animation-name:heartBeat;animation-name: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 girafflybounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes girafflybounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.girafflybounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:girafflybounceIn;animation-name:girafflybounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes girafflyfadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes girafflyfadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.girafflyfadeInDown{-webkit-animation-name:girafflyfadeInDown;animation-name:girafflyfadeInDown}@-webkit-keyframes girafflyfadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes girafflyfadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.girafflyfadeInDownBig{-webkit-animation-name:girafflyfadeInDownBig;animation-name:girafflyfadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.giraffly-animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes girafflyflipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes girafflyflipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.girafflyflipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:girafflyflipInX;animation-name:girafflyflipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes girafflyzoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes girafflyzoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.girafflyzoomIn{-webkit-animation-name:girafflyzoomIn;animation-name:girafflyzoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes girafflyslideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes girafflyslideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.girafflyslideInUp{-webkit-animation-name:girafflyslideInUp;animation-name:girafflyslideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.giraffly-animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.giraffly-animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.giraffly-animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.giraffly-animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.giraffly-animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.giraffly-animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.giraffly-animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.giraffly-animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s}.giraffly-animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}.giraffly-animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.giraffly-animated.slower{-webkit-animation-duration:3s;animation-duration:3s}@media (prefers-reduced-motion:reduce),(print){.giraffly-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}}