.elementor-639 .elementor-element.elementor-element-a1fed9f{--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-639 .elementor-element.elementor-element-a1fed9f:not(.elementor-motion-effects-element-type-background), .elementor-639 .elementor-element.elementor-element-a1fed9f > .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-639 .elementor-element.elementor-element-a1fed9f::before, .elementor-639 .elementor-element.elementor-element-a1fed9f > .elementor-background-video-container::before, .elementor-639 .elementor-element.elementor-element-a1fed9f > .e-con-inner > .elementor-background-video-container::before, .elementor-639 .elementor-element.elementor-element-a1fed9f > .elementor-background-slideshow::before, .elementor-639 .elementor-element.elementor-element-a1fed9f > .e-con-inner > .elementor-background-slideshow::before, .elementor-639 .elementor-element.elementor-element-a1fed9f > .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-639 .elementor-element.elementor-element-ee1dd81{--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-639 .elementor-element.elementor-element-ee1dd81:not(.elementor-motion-effects-element-type-background), .elementor-639 .elementor-element.elementor-element-ee1dd81 > .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-639 .elementor-element.elementor-element-ee1dd81::before, .elementor-639 .elementor-element.elementor-element-ee1dd81 > .elementor-background-video-container::before, .elementor-639 .elementor-element.elementor-element-ee1dd81 > .e-con-inner > .elementor-background-video-container::before, .elementor-639 .elementor-element.elementor-element-ee1dd81 > .elementor-background-slideshow::before, .elementor-639 .elementor-element.elementor-element-ee1dd81 > .e-con-inner > .elementor-background-slideshow::before, .elementor-639 .elementor-element.elementor-element-ee1dd81 > .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-639 .elementor-element.elementor-element-6797a60{--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-639 .elementor-element.elementor-element-28f9cd2{--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-639 .elementor-element.elementor-element-28f9cd2{right:-10px;}body.rtl .elementor-639 .elementor-element.elementor-element-28f9cd2{left:-10px;}.elementor-639 .elementor-element.elementor-element-b454d8b{--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-639 .elementor-element.elementor-element-b454d8b{right:0px;}body.rtl .elementor-639 .elementor-element.elementor-element-b454d8b{left:0px;}.elementor-639 .elementor-element.elementor-element-b454d8b.exad-glass-effect-yes.elementor-section{backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);}.elementor-639 .elementor-element.elementor-element-b454d8b.exad-glass-effect-yes > .elementor-column-wrap{backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);}.elementor-639 .elementor-element.elementor-element-b454d8b.exad-glass-effect-yes > .elementor-widget-container{backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);}.elementor-639 .elementor-element.elementor-element-46da267{text-align:center;}.elementor-639 .elementor-element.elementor-element-46da267 .elementor-heading-title{font-family:var( --e-global-typography-db48b8b-font-family ), Sans-serif;font-size:var( --e-global-typography-db48b8b-font-size );font-weight:var( --e-global-typography-db48b8b-font-weight );text-transform:var( --e-global-typography-db48b8b-text-transform );line-height:var( --e-global-typography-db48b8b-line-height );}.elementor-639 .elementor-element.elementor-element-69bb66c9{--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-639 .elementor-element.elementor-element-26c95993{--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:80px;--padding-bottom:100px;--padding-left:15px;--padding-right:15px;}@media(min-width:768px){.elementor-639 .elementor-element.elementor-element-ee1dd81{--content-width:1560px;}.elementor-639 .elementor-element.elementor-element-26c95993{--content-width:1560px;}}@media(max-width:1024px){.elementor-639 .elementor-element.elementor-element-ee1dd81{--padding-top:250px;--padding-bottom:100px;--padding-left:15px;--padding-right:15px;}.elementor-639 .elementor-element.elementor-element-46da267 .elementor-heading-title{font-size:var( --e-global-typography-db48b8b-font-size );line-height:var( --e-global-typography-db48b8b-line-height );}.elementor-639 .elementor-element.elementor-element-26c95993{--padding-top:60px;--padding-bottom:80px;--padding-left:15px;--padding-right:15px;}}@media(max-width:767px){.elementor-639 .elementor-element.elementor-element-ee1dd81{--padding-top:250px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-639 .elementor-element.elementor-element-46da267 .elementor-heading-title{font-size:var( --e-global-typography-db48b8b-font-size );line-height:var( --e-global-typography-db48b8b-line-height );}.elementor-639 .elementor-element.elementor-element-26c95993{--padding-top:40px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}}/* Start custom CSS for shortcode, class: .elementor-element-24535b67 */{{WRAPPER}} .woocommerce { color: rgba(255,255,255,0.78); }

/* === CART TABLE === */
{{WRAPPER}} table.cart { background: transparent !important; border: 1px solid rgba(255,255,255,0.17); border-radius: 20px; overflow: hidden; border-collapse: separate; border-spacing: 0; width: 100%; }
{{WRAPPER}} table.cart thead { background: rgba(29,82,229,0.15); }
{{WRAPPER}} table.cart thead th { color: #ffffff !important; font-family: 'Anton', sans-serif; font-size: 13px; text-transform: uppercase; letter-spacing: 2.5px; padding: 18px 20px; border-bottom: 1px solid rgba(255,255,255,0.17); border-right: none; }
{{WRAPPER}} table.cart td { padding: 20px; border-top: 1px solid rgba(255,255,255,0.1); border-right: none; vertical-align: middle; background: transparent !important; color: rgba(255,255,255,0.78) !important; }
{{WRAPPER}} table.cart tr:last-child td { border-bottom: none; }

/* === PRODUCT INFO === */
{{WRAPPER}} table.cart .product-name a { color: #ffffff !important; text-decoration: none; font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 500; }
{{WRAPPER}} table.cart .product-name a:hover { color: #AFC2F6 !important; }
{{WRAPPER}} table.cart .product-thumbnail img { border-radius: 12px; width: 80px; height: 80px; object-fit: cover; }

/* === PRICE & SUBTOTAL === */
{{WRAPPER}} table.cart .product-price .amount, {{WRAPPER}} table.cart .product-subtotal .amount { color: #AFC2F6 !important; font-family: 'Inter', sans-serif; font-weight: 600; }
{{WRAPPER}} table.cart .product-price del .amount { color: rgba(255,255,255,0.35) !important; text-decoration: line-through; }

/* === REMOVE BUTTON === */
{{WRAPPER}} table.cart .product-remove a.remove { color: rgba(255,255,255,0.5) !important; font-size: 22px; width: 28px; height: 28px; line-height: 28px; text-align: center; display: inline-block; border-radius: 50%; background: rgba(255,255,255,0.08); transition: all 0.3s ease; }
{{WRAPPER}} table.cart .product-remove a.remove:hover { background: rgba(29,82,229,0.6) !important; color: #ffffff !important; }

/* === QUANTITY INPUT (FIX) === */
{{WRAPPER}} .quantity input.qty, {{WRAPPER}} .quantity input[type='number'].qty, {{WRAPPER}} input.input-text.qty.text { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; background: rgba(255,255,255,0.08) !important; border: 1px solid rgba(255,255,255,0.27) !important; border-radius: 30px !important; padding: 10px 18px !important; font-family: 'Inter', sans-serif; font-size: 15px !important; width: 80px; text-align: center !important; color-scheme: dark !important; opacity: 1 !important; -webkit-appearance: none; -moz-appearance: textfield; }
{{WRAPPER}} .quantity input.qty:focus { border-color: #1D52E5 !important; outline: none; box-shadow: 0 0 0 3px rgba(29,82,229,0.2); }

/* === ACTIONS ROW (Coupon + Update Button) === */
{{WRAPPER}} table.cart td.actions { padding: 25px 20px; background: rgba(255,255,255,0.03) !important; }
{{WRAPPER}} .coupon { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
{{WRAPPER}} .coupon label { color: rgba(255,255,255,0.78) !important; font-family: 'Inter', sans-serif; font-size: 15px; font-weight: 600; }
{{WRAPPER}} .coupon input#coupon_code { background: transparent !important; border: 1px solid rgba(255,255,255,0.27) !important; border-radius: 30px; color: rgba(255,255,255,0.78) !important; -webkit-text-fill-color: rgba(255,255,255,0.78) !important; padding: 13px 20px; font-family: 'Inter', sans-serif; font-size: 15px; min-width: 220px; }
{{WRAPPER}} .coupon input#coupon_code::placeholder { color: rgba(255,255,255,0.35) !important; -webkit-text-fill-color: rgba(255,255,255,0.35) !important; }
{{WRAPPER}} .coupon input#coupon_code:focus { border-color: #1D52E5 !important; outline: none; box-shadow: 0 0 0 3px rgba(29,82,229,0.2); }
{{WRAPPER}} .coupon .button { background: #1D52E5 !important; border: 1px solid #1D52E5 !important; color: #ffffff !important; border-radius: 30px !important; padding: 14px 30px !important; font-family: 'Inter', sans-serif; font-size: 15px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; cursor: pointer; transition: all 0.3s ease; }
{{WRAPPER}} .coupon .button:hover { background: #1E387B !important; border-color: #1E387B !important; }
{{WRAPPER}} button[name='update_cart'], {{WRAPPER}} input[name='update_cart'] { background: #1D52E5 !important; border: 1px solid #1D52E5 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-radius: 30px !important; padding: 14px 30px !important; font-family: 'Inter', sans-serif; font-size: 15px !important; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; cursor: pointer; transition: all 0.3s ease; float: right; }
{{WRAPPER}} button[name='update_cart']:hover, {{WRAPPER}} input[name='update_cart']:hover { background: #1E387B !important; border-color: #1E387B !important; }
{{WRAPPER}} button[name='update_cart']:disabled { background: rgba(29,82,229,0.4) !important; border-color: rgba(29,82,229,0.4) !important; color: rgba(255,255,255,0.5) !important; -webkit-text-fill-color: rgba(255,255,255,0.5) !important; cursor: not-allowed; }

/* === CART TOTALS === */
{{WRAPPER}} .cart_totals { background: rgba(29,82,229,0.08); border: 1px solid rgba(255,255,255,0.17); border-radius: 20px; padding: 35px 40px; margin-top: 40px; }
{{WRAPPER}} .cart_totals h2 { color: #ffffff !important; font-family: 'Anton', sans-serif; font-size: 35px; font-weight: 400; margin-bottom: 25px; text-transform: capitalize; letter-spacing: 0.5px; }
{{WRAPPER}} .cart_totals table { background: transparent !important; width: 100%; }
{{WRAPPER}} .cart_totals table th, {{WRAPPER}} .cart_totals table td { color: rgba(255,255,255,0.78) !important; border-top: 1px solid rgba(255,255,255,0.1); padding: 14px 0; background: transparent !important; vertical-align: top; }
{{WRAPPER}} .cart_totals table th { font-family: 'Inter', sans-serif; font-weight: 600; font-size: 15px; width: 35%; }
{{WRAPPER}} .cart_totals table .cart-subtotal td, {{WRAPPER}} .cart_totals table .order-total td { color: #AFC2F6 !important; }
{{WRAPPER}} .cart_totals table .order-total th, {{WRAPPER}} .cart_totals table .order-total td { color: #ffffff !important; font-size: 18px; font-weight: 700; border-top: 1px solid rgba(175,194,246,0.3); }
{{WRAPPER}} .cart_totals table .order-total .amount { color: #AFC2F6 !important; font-size: 22px; }
{{WRAPPER}} .cart_totals .amount { color: #AFC2F6 !important; font-family: 'Inter', sans-serif; font-weight: 600; }
{{WRAPPER}} .cart_totals .woocommerce-shipping-methods label { color: rgba(255,255,255,0.78) !important; }
{{WRAPPER}} .cart_totals .woocommerce-shipping-methods .amount { color: #AFC2F6 !important; }
{{WRAPPER}} .cart_totals small.includes_tax { color: rgba(255,255,255,0.5) !important; }
{{WRAPPER}} .cart_totals small.includes_tax .amount { color: rgba(255,255,255,0.5) !important; font-size: inherit; }
{{WRAPPER}} .shipping-calculator-button { color: #AFC2F6 !important; font-family: 'Inter', sans-serif; font-size: 14px; }
{{WRAPPER}} .shipping-calculator-button:hover { color: #1D52E5 !important; }

/* === CHECKOUT BUTTON === */
{{WRAPPER}} .wc-proceed-to-checkout { margin-top: 25px; }
{{WRAPPER}} .wc-proceed-to-checkout .checkout-button { display: block; width: 100%; text-align: center; background: #1D52E5 !important; border: 1px solid #1D52E5 !important; color: #ffffff !important; border-radius: 30px !important; padding: 18px 35px !important; font-family: 'Inter', sans-serif !important; font-size: 15px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 2px !important; text-decoration: none !important; transition: all 0.3s ease !important; box-shadow: 0 25px 50px rgba(29,82,229,0.25) !important; }
{{WRAPPER}} .wc-proceed-to-checkout .checkout-button:hover { background: #1E387B !important; border-color: #1E387B !important; box-shadow: 0 10px 25px rgba(0,0,0,0.2) !important; }

/* === EMPTY CART === */
{{WRAPPER}} .cart-empty { color: rgba(255,255,255,0.6) !important; text-align: center; padding: 80px 20px; font-family: 'Inter', sans-serif; font-size: 18px; }
{{WRAPPER}} .return-to-shop { text-align: center; margin-top: 30px; }
{{WRAPPER}} .return-to-shop .button { background: #1D52E5 !important; border: 1px solid #1D52E5 !important; color: #ffffff !important; border-radius: 30px; padding: 16px 40px; font-family: 'Inter', sans-serif; font-size: 15px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; text-decoration: none; display: inline-block; transition: all 0.3s ease; }
{{WRAPPER}} .return-to-shop .button:hover { background: #1E387B !important; border-color: #1E387B !important; }

/* === NOTICES === */
{{WRAPPER}} .woocommerce-message, {{WRAPPER}} .woocommerce-info { background: rgba(29,82,229,0.15) !important; border-top-color: #1D52E5 !important; color: rgba(255,255,255,0.78) !important; border-radius: 0 12px 12px 0; padding: 15px 20px; margin-bottom: 20px; }
{{WRAPPER}} .woocommerce-error { background: rgba(220,50,50,0.15) !important; border-top-color: #dc3232 !important; color: rgba(255,255,255,0.78) !important; border-radius: 0 12px 12px 0; padding: 15px 20px; margin-bottom: 20px; }
{{WRAPPER}} .woocommerce-message .button, {{WRAPPER}} .woocommerce-info .button { background: #1D52E5 !important; color: #ffffff !important; border-radius: 30px; padding: 10px 25px; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.5px; float: right; }

/* === SHIPPING CALCULATOR === */
{{WRAPPER}} .shipping-calculator-form input, {{WRAPPER}} .shipping-calculator-form select { background: transparent !important; border: 1px solid rgba(255,255,255,0.27) !important; border-radius: 30px; color: rgba(255,255,255,0.78) !important; -webkit-text-fill-color: rgba(255,255,255,0.78) !important; padding: 12px 18px; width: 100%; margin-bottom: 10px; font-family: 'Inter', sans-serif; font-size: 15px; color-scheme: dark; }
{{WRAPPER}} .shipping-calculator-form .button { background: #1D52E5 !important; border: 1px solid #1D52E5 !important; color: #ffffff !important; border-radius: 30px; padding: 14px 30px; font-family: 'Inter', sans-serif; font-size: 15px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; cursor: pointer; }
{{WRAPPER}} .shipping-calculator-form .button:hover { background: #1E387B !important; border-color: #1E387B !important; }

/* === RESPONSIVE === */
@media (max-width: 768px) { {{WRAPPER}} table.cart thead { display: none; } {{WRAPPER}} table.cart td { display: block; border: none; padding: 10px 15px; } {{WRAPPER}} table.cart td::before { content: attr(data-title); font-weight: 600; color: rgba(255,255,255,0.5); font-size: 12px; text-transform: uppercase; letter-spacing: 1px; display: block; margin-bottom: 5px; } {{WRAPPER}} .coupon { flex-direction: column; align-items: stretch; } {{WRAPPER}} .coupon input#coupon_code { min-width: unset; width: 100%; } {{WRAPPER}} button[name='update_cart'] { float: none; width: 100%; margin-top: 10px; } {{WRAPPER}} .cart_totals { padding: 25px 20px; } }/* End custom CSS */