.elementor-866 .elementor-element.elementor-element-505f0b3f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-866 .elementor-element.elementor-element-505f0b3f:not(.elementor-motion-effects-element-type-background), .elementor-866 .elementor-element.elementor-element-505f0b3f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mysnackz.de/wp-content/uploads/2025/06/Grid-10-1.png");background-position:top left;background-size:cover;}.elementor-866 .elementor-element.elementor-element-505f0b3f::before, .elementor-866 .elementor-element.elementor-element-505f0b3f > .elementor-background-video-container::before, .elementor-866 .elementor-element.elementor-element-505f0b3f > .e-con-inner > .elementor-background-video-container::before, .elementor-866 .elementor-element.elementor-element-505f0b3f > .elementor-background-slideshow::before, .elementor-866 .elementor-element.elementor-element-505f0b3f > .e-con-inner > .elementor-background-slideshow::before, .elementor-866 .elementor-element.elementor-element-505f0b3f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:radial-gradient(at top left, var( --e-global-color-209bfaa ) 0%, var( --e-global-color-7cb5fa0 ) 60%);}.elementor-866 .elementor-element.elementor-element-21dec586{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--overflow:hidden;--overlay-opacity:1;--padding-top:250px;--padding-bottom:100px;--padding-left:15px;--padding-right:15px;}.elementor-866 .elementor-element.elementor-element-21dec586:not(.elementor-motion-effects-element-type-background), .elementor-866 .elementor-element.elementor-element-21dec586 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at top left, var( --e-global-color-4da9a17 ) 0%, var( --e-global-color-bcaa435 ) 40%);}.elementor-866 .elementor-element.elementor-element-21dec586::before, .elementor-866 .elementor-element.elementor-element-21dec586 > .elementor-background-video-container::before, .elementor-866 .elementor-element.elementor-element-21dec586 > .e-con-inner > .elementor-background-video-container::before, .elementor-866 .elementor-element.elementor-element-21dec586 > .elementor-background-slideshow::before, .elementor-866 .elementor-element.elementor-element-21dec586 > .e-con-inner > .elementor-background-slideshow::before, .elementor-866 .elementor-element.elementor-element-21dec586 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:radial-gradient(at bottom right, var( --e-global-color-bac5e7b ) 0%, var( --e-global-color-bcaa435 ) 35%);}.elementor-866 .elementor-element.elementor-element-2e782ce2{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-866 .elementor-element.elementor-element-64e67e65{--spacer-size:70px;width:var( --container-widget-width, 70px );max-width:70px;background-color:var( --e-global-color-secondary );--container-widget-width:70px;--container-widget-flex-grow:0;top:50px;border-radius:100% 100% 100% 100%;box-shadow:-2px -2px 10px 0px rgba(255, 255, 255, 0.2) inset;}body:not(.rtl) .elementor-866 .elementor-element.elementor-element-64e67e65{right:-10px;}body.rtl .elementor-866 .elementor-element.elementor-element-64e67e65{left:-10px;}.elementor-866 .elementor-element.elementor-element-22c6bc8f{--spacer-size:100px;width:var( --container-widget-width, 100px );max-width:100px;background-color:var( --e-global-color-bac5e7b );--container-widget-width:100px;--container-widget-flex-grow:0;top:0px;border-radius:100% 100% 100% 100%;box-shadow:-2px -2px 10px 0px rgba(255, 255, 255, 0.2) inset;}body:not(.rtl) .elementor-866 .elementor-element.elementor-element-22c6bc8f{right:0px;}body.rtl .elementor-866 .elementor-element.elementor-element-22c6bc8f{left:0px;}.elementor-866 .elementor-element.elementor-element-22c6bc8f.exad-glass-effect-yes.elementor-section{backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);}.elementor-866 .elementor-element.elementor-element-22c6bc8f.exad-glass-effect-yes > .elementor-column-wrap{backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);}.elementor-866 .elementor-element.elementor-element-22c6bc8f.exad-glass-effect-yes > .elementor-widget-container{backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);}.elementor-866 .elementor-element.elementor-element-3de214a{text-align:center;}.elementor-866 .elementor-element.elementor-element-2a7b8910{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-866 .elementor-element.elementor-element-75d71727{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:80px;--padding-bottom:100px;--padding-left:15px;--padding-right:15px;}.elementor-866 .elementor-element.elementor-element-08be224.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-866 .elementor-element.elementor-element-08be224.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-secondary );}.elementor-866 .elementor-element.elementor-element-08be224.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-secondary );}.elementor-866 .elementor-element.elementor-element-08be224.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-secondary );}.elementor-866 .elementor-element.elementor-element-08be224.elementor-wc-products ul.products li.product{padding:15px 15px 15px 15px;}.elementor-866 .elementor-element.elementor-element-08be224.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(min-width:768px){.elementor-866 .elementor-element.elementor-element-21dec586{--content-width:1560px;}.elementor-866 .elementor-element.elementor-element-75d71727{--content-width:1560px;}}@media(max-width:1024px) and (min-width:768px){.elementor-866 .elementor-element.elementor-element-505f0b3f{--width:100%;}.elementor-866 .elementor-element.elementor-element-2a7b8910{--width:100%;}}@media(max-width:1024px){.elementor-866 .elementor-element.elementor-element-21dec586{--padding-top:250px;--padding-bottom:100px;--padding-left:15px;--padding-right:15px;}.elementor-866 .elementor-element.elementor-element-08be224.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-866 .elementor-element.elementor-element-21dec586{--padding-top:250px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-866 .elementor-element.elementor-element-75d71727{--padding-top:50px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-866 .elementor-element.elementor-element-08be224.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-08be224 *//* === PRODUKT ARCHIV / SHOP === */
{{WRAPPER}} .related.products h2 { display: none !important; }

/* === PRODUCT GRID === */
{{WRAPPER}} ul.products { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 25px !important; list-style: none !important; padding: 0 !important; margin: 0 !important; }

/* === PRODUCT CARD === */
{{WRAPPER}} ul.products li.product { background: rgba(255,255,255,0.04) !important; border: 1px solid rgba(255,255,255,0.1) !important; border-radius: 20px !important; overflow: hidden !important; transition: all 0.35s ease !important; position: relative !important; }
{{WRAPPER}} ul.products li.product:hover { border-color: rgba(29,82,229,0.4) !important; transform: translateY(-6px) !important; box-shadow: 0 20px 50px rgba(0,0,0,0.3) !important; }

/* === PRODUCT IMAGE === */
{{WRAPPER}} ul.products li.product a img { width: 100% !important; display: block !important; aspect-ratio: 1/1 !important; object-fit: cover !important; }

/* === PRODUCT TITLE === */
{{WRAPPER}} ul.products li.product .woocommerce-loop-product__title { color: #FFFFFF !important; font-family: 'Anton', sans-serif !important; font-size: 22px !important; font-weight: 400 !important; padding: 15px 20px 5px !important; margin: 0 !important; }

/* === PRODUCT PRICE === */
{{WRAPPER}} ul.products li.product .price { color: #AFC2F6 !important; font-family: 'Inter', sans-serif !important; font-size: 18px !important; font-weight: 700 !important; padding: 0 20px !important; }
{{WRAPPER}} ul.products li.product .price del { color: rgba(255,255,255,0.3) !important; font-size: 14px !important; }
{{WRAPPER}} ul.products li.product .price ins { text-decoration: none !important; }

/* === MwSt & VERSAND HINWEIS === */
{{WRAPPER}} ul.products li.product .price + .woocommerce-price-suffix, {{WRAPPER}} ul.products li.product .wc-gzd-additional-info, {{WRAPPER}} ul.products li.product .tax-info, {{WRAPPER}} ul.products li.product .shipping-info { color: rgba(255,255,255,0.45) !important; font-family: 'Inter', sans-serif !important; font-size: 12px !important; padding: 4px 20px 0 !important; display: block !important; }
{{WRAPPER}} ul.products li.product .shipping-info a, {{WRAPPER}} ul.products li.product .wc-gzd-additional-info a { color: #AFC2F6 !important; text-decoration: none !important; }

/* === ADD TO CART BUTTON === */
{{WRAPPER}} ul.products li.product .button, {{WRAPPER}} ul.products li.product .add_to_cart_button { display: block !important; margin: 15px 20px 20px !important; background: transparent !important; border: 1px solid rgba(255,255,255,0.2) !important; color: rgba(255,255,255,0.75) !important; border-radius: 30px !important; padding: 12px 20px !important; font-family: 'Inter', sans-serif !important; font-size: 13px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 1.5px !important; text-align: center !important; text-decoration: none !important; transition: all 0.3s !important; }
{{WRAPPER}} ul.products li.product .button:hover, {{WRAPPER}} ul.products li.product .add_to_cart_button:hover { background: #1D52E5 !important; border-color: #1D52E5 !important; color: #fff !important; }
{{WRAPPER}} ul.products li.product .button.added { background: rgba(29,82,229,0.2) !important; border-color: #1D52E5 !important; color: #AFC2F6 !important; }

/* === SALE BADGE === */
{{WRAPPER}} ul.products li.product .onsale { background: #1D52E5 !important; color: #fff !important; border-radius: 8px !important; font-size: 12px !important; font-weight: 700 !important; padding: 4px 10px !important; position: absolute !important; top: 15px !important; left: 15px !important; z-index: 2 !important; }

/* === STAR RATING === */
{{WRAPPER}} ul.products li.product .star-rating { color: #AFC2F6 !important; padding: 5px 20px 0 !important; font-size: 12px !important; }

/* === WC RESULT COUNT & ORDERING === */
{{WRAPPER}} .woocommerce-result-count { color: rgba(255,255,255,0.5) !important; font-family: 'Inter', sans-serif !important; font-size: 14px !important; }
{{WRAPPER}} .woocommerce-ordering select { background: rgba(255,255,255,0.06) !important; border: 1px solid rgba(255,255,255,0.15) !important; border-radius: 12px !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; padding: 10px 14px !important; font-family: 'Inter', sans-serif !important; font-size: 14px !important; }

/* === PAGINATION === */
{{WRAPPER}} .woocommerce-pagination { margin-top: 40px !important; }
{{WRAPPER}} .woocommerce-pagination ul.page-numbers { display: flex !important; justify-content: center !important; gap: 8px !important; list-style: none !important; padding: 0 !important; }
{{WRAPPER}} .woocommerce-pagination ul.page-numbers li a, {{WRAPPER}} .woocommerce-pagination ul.page-numbers li span { background: rgba(255,255,255,0.06) !important; border: 1px solid rgba(255,255,255,0.15) !important; color: rgba(255,255,255,0.7) !important; border-radius: 12px !important; padding: 10px 16px !important; font-family: 'Inter', sans-serif !important; font-size: 14px !important; text-decoration: none !important; transition: all 0.3s !important; }
{{WRAPPER}} .woocommerce-pagination ul.page-numbers li a:hover { background: rgba(29,82,229,0.2) !important; border-color: #1D52E5 !important; color: #ffffff !important; }
{{WRAPPER}} .woocommerce-pagination ul.page-numbers li span.current { background: #1D52E5 !important; border-color: #1D52E5 !important; color: #ffffff !important; font-weight: 700 !important; }

/* === RESPONSIVE TABLET (max 1024px) === */
@media (max-width: 1024px) {
  {{WRAPPER}} ul.products { grid-template-columns: repeat(2, 1fr) !important; gap: 20px !important; }
  {{WRAPPER}} ul.products li.product .woocommerce-loop-product__title { font-size: 20px !important; padding: 12px 16px 4px !important; }
  {{WRAPPER}} ul.products li.product .price { font-size: 16px !important; padding: 0 16px !important; }
  {{WRAPPER}} ul.products li.product .button, {{WRAPPER}} ul.products li.product .add_to_cart_button { margin: 12px 16px 16px !important; padding: 10px 16px !important; font-size: 12px !important; letter-spacing: 1.2px !important; }
}

/* === RESPONSIVE MOBILE (max 768px) === */
@media (max-width: 768px) {
  {{WRAPPER}} ul.products { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
  {{WRAPPER}} ul.products li.product { border-radius: 14px !important; }
  {{WRAPPER}} ul.products li.product:hover { transform: none !important; }
  {{WRAPPER}} ul.products li.product a img { aspect-ratio: 1/1 !important; }
  {{WRAPPER}} ul.products li.product .woocommerce-loop-product__title { font-size: 15px !important; padding: 10px 12px 3px !important; line-height: 1.3 !important; }
  {{WRAPPER}} ul.products li.product .price { font-size: 14px !important; padding: 0 12px !important; }
  {{WRAPPER}} ul.products li.product .price del { font-size: 11px !important; }
  {{WRAPPER}} ul.products li.product .wc-gzd-additional-info, {{WRAPPER}} ul.products li.product .tax-info, {{WRAPPER}} ul.products li.product .shipping-info { font-size: 10px !important; padding: 2px 12px 0 !important; }
  {{WRAPPER}} ul.products li.product .button, {{WRAPPER}} ul.products li.product .add_to_cart_button { margin: 10px 12px 12px !important; padding: 10px 12px !important; font-size: 10px !important; letter-spacing: 1px !important; border-radius: 25px !important; }
  {{WRAPPER}} ul.products li.product .onsale { top: 10px !important; left: 10px !important; font-size: 10px !important; padding: 3px 8px !important; border-radius: 6px !important; }
  {{WRAPPER}} .woocommerce-result-count { font-size: 12px !important; }
  {{WRAPPER}} .woocommerce-ordering select { font-size: 12px !important; padding: 8px 10px !important; }
  {{WRAPPER}} .woocommerce-pagination ul.page-numbers li a, {{WRAPPER}} .woocommerce-pagination ul.page-numbers li span { padding: 8px 12px !important; font-size: 13px !important; border-radius: 10px !important; }
}

/* === RESPONSIVE SMALL PHONE (max 380px) === */
@media (max-width: 380px) {
  {{WRAPPER}} ul.products { grid-template-columns: 1fr !important; gap: 15px !important; }
  {{WRAPPER}} ul.products li.product .woocommerce-loop-product__title { font-size: 18px !important; padding: 12px 15px 4px !important; }
  {{WRAPPER}} ul.products li.product .price { font-size: 16px !important; padding: 0 15px !important; }
  {{WRAPPER}} ul.products li.product .button, {{WRAPPER}} ul.products li.product .add_to_cart_button { margin: 12px 15px 15px !important; padding: 12px 20px !important; font-size: 12px !important; letter-spacing: 1.5px !important; }
}/* End custom CSS */