.elementor-63193 .elementor-element.elementor-element-29c13fd{--display:flex;--min-height:900px;--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;}.elementor-63193 .elementor-element.elementor-element-29c13fd:not(.elementor-motion-effects-element-type-background), .elementor-63193 .elementor-element.elementor-element-29c13fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-63193 .elementor-element.elementor-element-7c8c0d8{--display:flex;--min-height:1000px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-63193 .elementor-element.elementor-element-7c8c0d8:not(.elementor-motion-effects-element-type-background), .elementor-63193 .elementor-element.elementor-element-7c8c0d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#030303;background-image:url("https://equinoxhorse.pl/wp-content/uploads/2026/03/ChatGPT-Image-6-mar-2026-18_48_31.png");background-position:top center;}.elementor-63193 .elementor-element.elementor-element-61734ea{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-63193 .elementor-element.elementor-element-ff0c674{text-align:center;}.elementor-63193 .elementor-element.elementor-element-ff0c674 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:40px;font-weight:400;font-style:normal;letter-spacing:2.5px;color:#E4232E;}.elementor-63193 .elementor-element.elementor-element-9f95ee1{text-align:center;}.elementor-63193 .elementor-element.elementor-element-9f95ee1 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:70px;font-weight:600;font-style:normal;letter-spacing:2px;color:#FFFFFF;}.elementor-63193 .elementor-element.elementor-element-ca9965a{--swiper-slides-to-display:3;--swiper-offset-size:80px;--swiper-slides-gap:100px;width:var( --container-widget-width, 75% );max-width:75%;padding:50px 0px 100px 0px;--container-widget-width:75%;--container-widget-flex-grow:0;--arrow-prev-left-align:50%;--arrow-prev-translate-x:-50%;--arrow-prev-left-position:-30px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:350px;--arrow-next-right-align:50%;--arrow-next-translate-x:50%;--arrow-next-right-position:-30px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:350px;--arrow-size:14px;--arrow-normal-color:#FFFFFF;}.elementor-63193 .elementor-element.elementor-element-ca9965a :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {border-style:solid;border-width:1px 1px 1px 1px;border-radius:25px 25px 25px 25px;padding:8px 8px 8px 8px;}.elementor-63193 .elementor-element.elementor-element-d7f90c6{--display:flex;--min-height:700px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-63193 .elementor-element.elementor-element-d7f90c6:not(.elementor-motion-effects-element-type-background), .elementor-63193 .elementor-element.elementor-element-d7f90c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://equinoxhorse.pl/wp-content/uploads/2025/01/equinox-siodla-zaprojektuj-siodlo-skokowe-ujezdzeniowe-pusliska-popregi.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-63193 .elementor-element.elementor-element-d35c5c8{--display:flex;}.elementor-63193 .elementor-element.elementor-element-bf94165{text-align:center;}.elementor-63193 .elementor-element.elementor-element-bf94165 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:35px;font-weight:400;font-style:normal;letter-spacing:2.5px;color:#E4232E;}.elementor-63193 .elementor-element.elementor-element-1efc5a9{text-align:center;}.elementor-63193 .elementor-element.elementor-element-1efc5a9 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:60px;font-weight:600;font-style:normal;letter-spacing:2px;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-63193 .elementor-element.elementor-element-3da343b{width:var( --container-widget-width, 87% );max-width:87%;--container-widget-width:87%;--container-widget-flex-grow:0;text-align:center;font-family:"Lora", Sans-serif;font-size:22px;font-weight:400;color:#FFFFFFCC;}.elementor-63193 .elementor-element.elementor-element-3da343b.elementor-element{--align-self:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-63193 .elementor-element.elementor-element-4eae8e6 .elementor-button{background-color:#E31E24;font-family:"Lora", Sans-serif;font-size:13px;font-weight:400;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:10px 10px 10px 10px;}.elementor-63193 .elementor-element.elementor-element-4adec25{--display:flex;--min-height:1055px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-63193 .elementor-element.elementor-element-4adec25:not(.elementor-motion-effects-element-type-background), .elementor-63193 .elementor-element.elementor-element-4adec25 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://equinoxhorse.pl/wp-content/uploads/2026/03/ChatGPT-Image-6-mar-2026-18_48_31.png");background-position:top center;background-repeat:no-repeat;}.elementor-63193 .elementor-element.elementor-element-561b80c{text-align:center;}.elementor-63193 .elementor-element.elementor-element-561b80c .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:40px;font-weight:400;font-style:normal;letter-spacing:2.5px;color:#E4232E;}.elementor-63193 .elementor-element.elementor-element-763132b{text-align:center;}.elementor-63193 .elementor-element.elementor-element-763132b .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:70px;font-weight:600;font-style:normal;letter-spacing:2px;color:#FFFFFF;}.elementor-63193 .elementor-element.elementor-element-8624177{--display:flex;--min-height:900px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-63193 .elementor-element.elementor-element-4ffb29f{width:100%;max-width:100%;}.elementor-63193 .elementor-element.elementor-element-4ffb29f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:70px 0px 0px 0px;}.elementor-63193 .elementor-element.elementor-element-4ffb29f .eqhx-hero{--eqhx-peek:482px;--eqhx-slide-w:480px;--eqhx-img-radius:20px;--eqhx-scale-active:1;--eqhx-scale-near1:0.72;--eqhx-scale-near2:0.7;--eqhx-scale-far:0.62;}.elementor-63193 .elementor-element.elementor-element-4ffb29f .eqhx-title{font-family:"Lora", Sans-serif;font-size:24px;color:#FFFFFF;}.elementor-63193 .elementor-element.elementor-element-4ffb29f .eqhx-price{font-family:"Lora", Sans-serif;font-size:20px;font-weight:600;}.elementor-63193 .elementor-element.elementor-element-4ffb29f .eqhx-price, .elementor-63193 .elementor-element.elementor-element-4ffb29f .eqhx-price *{color:#E4232E !important;}.elementor-63193 .elementor-element.elementor-element-4ffb29f .eqhx-desc{font-family:"Lora", Sans-serif;font-size:16px;font-style:normal;text-decoration:none;color:#FFFFFFCC;}.elementor-63193 .elementor-element.elementor-element-4ffb29f .eqhx-btn{font-family:"Lora", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;background:#E4232E;padding:0px 20px 0px 20px;border-radius:10px;border-style:solid;border-width:0px;}.elementor-63193 .elementor-element.elementor-element-4ffb29f .eqhx-prev, .elementor-63193 .elementor-element.elementor-element-4ffb29f .eqhx-next{color:#FFFFFF;background:#02010100;border-color:#FFFFFF;width:45px;height:45px;font-size:20px;}.elementor-63193 .elementor-element.elementor-element-4ffb29f .eqhx-prev svg, .elementor-63193 .elementor-element.elementor-element-4ffb29f .eqhx-next svg{fill:#FFFFFF;stroke:#FFFFFF;width:20px;height:20px;}.elementor-63193 .elementor-element.elementor-element-4ffb29f .eqhx-nav{gap:30px;justify-content:center;margin-top:20px;transform:translateX(-280px);}.elementor-63193 .elementor-element.elementor-element-8ff160d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:0px;}.elementor-63193 .elementor-element.elementor-element-b73b34c{--swiper-slides-to-display:3;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-63193 .elementor-element.elementor-element-b73b34c .swiper-slide > .elementor-element{height:100%;}.elementor-63193 .elementor-element.elementor-element-35cbc3c{--display:flex;--min-height:97px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-63193 .elementor-element.elementor-element-35cbc3c:not(.elementor-motion-effects-element-type-background), .elementor-63193 .elementor-element.elementor-element-35cbc3c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-63193 .elementor-element.elementor-element-240fadd{--display:flex;--min-height:493px;border-style:none;--border-style:none;--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-63193 .elementor-element.elementor-element-240fadd:not(.elementor-motion-effects-element-type-background), .elementor-63193 .elementor-element.elementor-element-240fadd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://equinoxhorse.pl/wp-content/uploads/2024/07/equinox-horse-siodla-dla-koni-zaprojektuj-siodlo-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-63193 .elementor-element.elementor-element-caadfd1{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-63193 .elementor-element.elementor-element-a8070a9{padding:0px 0px 10px 0px;text-align:start;}.elementor-63193 .elementor-element.elementor-element-a8070a9 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:30px;font-weight:400;font-style:normal;letter-spacing:2.5px;color:#E31E24;}.elementor-63193 .elementor-element.elementor-element-3b76462{text-align:start;}.elementor-63193 .elementor-element.elementor-element-3b76462 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:50px;font-weight:600;font-style:normal;letter-spacing:2px;color:#FFFFFF;}.elementor-63193 .elementor-element.elementor-element-496ad74{--display:flex;}.elementor-63193 .elementor-element.elementor-element-ab7fae8{font-family:"Lora", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-63193 .elementor-element.elementor-element-84b44a4{--display:flex;}.elementor-63193 .elementor-element.elementor-element-6975c6e{font-family:"Lora", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-63193 .elementor-element.elementor-element-5b7e36f{--display:flex;}.elementor-63193 .elementor-element.elementor-element-7a8d5ce{font-family:"Lora", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-63193 .elementor-element.elementor-element-77db415{--display:flex;}.elementor-63193 .elementor-element.elementor-element-5e3b4d5{font-family:"Lora", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-63193 .elementor-element.elementor-element-0835964{--display:flex;}.elementor-63193 .elementor-element.elementor-element-3e549cd{font-family:"Lora", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-63193 .elementor-element.elementor-element-e273bc6{--n-accordion-title-font-size:16px;padding:20px 0px 0px 0px;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:18px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#FFFFFF;--n-accordion-title-hover-color:#E4232E;--n-accordion-title-active-color:#E4232E;--n-accordion-icon-size:10px;--n-accordion-icon-gap:400px;--n-accordion-icon-normal-color:#FFFFFF;}.elementor-63193 .elementor-element.elementor-element-e273bc6 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:0px 0px 1px 0px;border-color:#272725;}.elementor-63193 .elementor-element.elementor-element-e273bc6 > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{border-style:solid;border-color:#272725;}:where( .elementor-63193 .elementor-element.elementor-element-e273bc6 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Lora", Sans-serif;font-weight:400;font-style:normal;text-decoration:none;}:where( .elementor-63193 .elementor-element.elementor-element-e273bc6 > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}.elementor-63193 .elementor-element.elementor-element-ae9ed09{--display:flex;--min-height:1055px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-63193 .elementor-element.elementor-element-ae9ed09:not(.elementor-motion-effects-element-type-background), .elementor-63193 .elementor-element.elementor-element-ae9ed09 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://equinoxhorse.pl/wp-content/uploads/2026/03/ChatGPT-Image-6-mar-2026-18_48_31.png");background-position:top center;background-repeat:no-repeat;}.elementor-63193 .elementor-element.elementor-element-b115da0{text-align:center;}.elementor-63193 .elementor-element.elementor-element-b115da0 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:40px;font-weight:400;font-style:normal;letter-spacing:2.5px;color:#E4232E;}.elementor-63193 .elementor-element.elementor-element-d9873ee{text-align:center;}.elementor-63193 .elementor-element.elementor-element-d9873ee .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:70px;font-weight:600;font-style:normal;letter-spacing:2px;color:#FFFFFF;}.elementor-63193 .elementor-element.elementor-element-7fdd7ab{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-63193 .elementor-element.elementor-element-7fdd7ab.e-con{--align-self:center;}.elementor-63193 .elementor-element.elementor-element-3aac05b{--swiper-slides-to-display:3;--swiper-slides-gap:60px;padding:100px 100px 100px 100px;--arrow-prev-left-align:50%;--arrow-prev-translate-x:-50%;--arrow-prev-left-position:-30px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:400px;--arrow-next-right-align:50%;--arrow-next-translate-x:50%;--arrow-next-right-position:-30px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:400px;--arrow-size:20px;--arrow-normal-color:#FFFFFFB8;}.elementor-63193 .elementor-element.elementor-element-3aac05b .swiper-slide > .elementor-element{height:100%;}.elementor-63193 .elementor-element.elementor-element-3aac05b :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFFB8;border-radius:25px 25px 25px 25px;padding:8px 8px 8px 8px;}.elementor-63193 .elementor-element.elementor-element-044404d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-63193 .elementor-element.elementor-element-028f81b{--display:flex;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-63193 .elementor-element.elementor-element-9d862e7.elementor-wc-products ul.products li.product{text-align:center;border-style:solid;border-width:1px 1px 1px 1px;border-radius:20px;padding:0px 0px 0px 0px;box-shadow:0px 0px 20px 0px rgba(0,0,0,0.5);border-color:#272725;}.elementor-63193 .elementor-element.elementor-element-9d862e7.elementor-wc-products  ul.products{grid-column-gap:30px;grid-row-gap:10px;}.elementor-63193 .elementor-element.elementor-element-9d862e7.elementor-wc-products .attachment-woocommerce_thumbnail{border-style:none;border-radius:20px 20px 20px 20px;margin-bottom:0px;}.elementor-63193 .elementor-element.elementor-element-9d862e7.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#FFFFFF;margin-bottom:0px;}.elementor-63193 .elementor-element.elementor-element-9d862e7.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#FFFFFF;margin-bottom:0px;}.elementor-63193 .elementor-element.elementor-element-9d862e7.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-63193 .elementor-element.elementor-element-9d862e7.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"playfairdisplay", Sans-serif;font-weight:400;}.elementor-63193 .elementor-element.elementor-element-9d862e7.elementor-wc-products ul.products li.product .price{color:#E4232E;}.elementor-63193 .elementor-element.elementor-element-9d862e7.elementor-wc-products ul.products li.product .price ins{color:#E4232E;}.elementor-63193 .elementor-element.elementor-element-9d862e7.elementor-wc-products ul.products li.product .price ins .amount{color:#E4232E;}.elementor-63193 .elementor-element.elementor-element-9d862e7.elementor-wc-products ul.products li.product .price del{color:#E4232E;}.elementor-63193 .elementor-element.elementor-element-9d862e7.elementor-wc-products ul.products li.product .price del .amount{color:#E4232E;}.elementor-63193 .elementor-element.elementor-element-9d862e7.elementor-wc-products ul.products li.product .button{color:#FFFFFF;background-color:#BE2A2B;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;border-style:none;border-radius:10px 10px 10px 10px;padding:10px 25px 10px 25px;margin-top:5px;}.elementor-63193 .elementor-element.elementor-element-9d862e7.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-63193 .elementor-element.elementor-element-39aebe3{--display:flex;}.elementor-63193 .elementor-element.elementor-element-346be8b.elementor-wc-products ul.products li.product{text-align:center;border-style:solid;border-width:1px 1px 1px 1px;border-radius:20px;box-shadow:0px 0px 20px 0px rgba(0,0,0,0.5);border-color:#272725;}.elementor-63193 .elementor-element.elementor-element-346be8b.elementor-wc-products  ul.products{grid-column-gap:32px;grid-row-gap:10px;}.elementor-63193 .elementor-element.elementor-element-346be8b.elementor-wc-products .attachment-woocommerce_thumbnail{border-style:none;border-radius:20px 20px 20px 20px;margin-bottom:0px;}.elementor-63193 .elementor-element.elementor-element-346be8b.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#FFFFFF;margin-bottom:0px;}.elementor-63193 .elementor-element.elementor-element-346be8b.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#FFFFFF;margin-bottom:0px;}.elementor-63193 .elementor-element.elementor-element-346be8b.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-63193 .elementor-element.elementor-element-346be8b.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Playfair Display", Sans-serif;font-weight:400;}.elementor-63193 .elementor-element.elementor-element-346be8b.elementor-wc-products ul.products li.product .price{color:#E4232E;font-family:"Inter", Sans-serif;font-size:12px;font-weight:600;}.elementor-63193 .elementor-element.elementor-element-346be8b.elementor-wc-products ul.products li.product .price ins{color:#E4232E;}.elementor-63193 .elementor-element.elementor-element-346be8b.elementor-wc-products ul.products li.product .price ins .amount{color:#E4232E;}.elementor-63193 .elementor-element.elementor-element-346be8b.elementor-wc-products ul.products li.product .price del{color:#E4232E;}.elementor-63193 .elementor-element.elementor-element-346be8b.elementor-wc-products ul.products li.product .price del .amount{color:#E4232E;}.elementor-63193 .elementor-element.elementor-element-346be8b.elementor-wc-products ul.products li.product .price del {font-family:"Inter", Sans-serif;font-weight:600;}.elementor-63193 .elementor-element.elementor-element-346be8b.elementor-wc-products ul.products li.product .button{color:#FFFFFF;background-color:#BE2A2B;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;border-style:none;border-radius:10px 10px 10px 10px;padding:10px 25px 10px 25px;margin-top:5px;}.elementor-63193 .elementor-element.elementor-element-346be8b.elementor-wc-products .added_to_cart{font-family:"Inter", Sans-serif;font-weight:500;}.elementor-63193 .elementor-element.elementor-element-346be8b.elementor-wc-products ul.products li.product span.onsale{display:block;font-family:"Inter", Sans-serif;}.elementor-63193 .elementor-element.elementor-element-fe76100{--display:flex;}.elementor-63193 .elementor-element.elementor-element-4f6e8d0.elementor-wc-products ul.products li.product{text-align:center;border-radius:20px;}.elementor-63193 .elementor-element.elementor-element-4f6e8d0.elementor-wc-products  ul.products{grid-column-gap:30px;grid-row-gap:10px;}.elementor-63193 .elementor-element.elementor-element-4f6e8d0.elementor-wc-products .attachment-woocommerce_thumbnail{border-style:none;margin-bottom:0px;}.elementor-63193 .elementor-element.elementor-element-4f6e8d0.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#FFFFFF;margin-bottom:0px;}.elementor-63193 .elementor-element.elementor-element-4f6e8d0.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#FFFFFF;margin-bottom:0px;}.elementor-63193 .elementor-element.elementor-element-4f6e8d0.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-63193 .elementor-element.elementor-element-4f6e8d0.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"playfairdisplay", Sans-serif;font-weight:400;}.elementor-63193 .elementor-element.elementor-element-4f6e8d0.elementor-wc-products ul.products li.product .price{color:#E4232E;}.elementor-63193 .elementor-element.elementor-element-4f6e8d0.elementor-wc-products ul.products li.product .price ins{color:#E4232E;}.elementor-63193 .elementor-element.elementor-element-4f6e8d0.elementor-wc-products ul.products li.product .price ins .amount{color:#E4232E;}.elementor-63193 .elementor-element.elementor-element-4f6e8d0.elementor-wc-products ul.products li.product .price del{color:#E4232E;}.elementor-63193 .elementor-element.elementor-element-4f6e8d0.elementor-wc-products ul.products li.product .price del .amount{color:#E4232E;}.elementor-63193 .elementor-element.elementor-element-4f6e8d0.elementor-wc-products ul.products li.product .button{color:#FFFFFF;background-color:#BE2A2B;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;border-style:none;border-radius:10px 10px 10px 10px;padding:10px 25px 10px 25px;margin-top:5px;}.elementor-63193 .elementor-element.elementor-element-4f6e8d0.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-63193 .elementor-element.elementor-element-79eea86{--display:flex;}.elementor-63193 .elementor-element.elementor-element-de63d01.elementor-wc-products ul.products li.product{text-align:center;border-radius:20px;}.elementor-63193 .elementor-element.elementor-element-de63d01.elementor-wc-products  ul.products{grid-column-gap:30px;grid-row-gap:10px;}.elementor-63193 .elementor-element.elementor-element-de63d01.elementor-wc-products .attachment-woocommerce_thumbnail{border-style:none;margin-bottom:0px;}.elementor-63193 .elementor-element.elementor-element-de63d01.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#FFFFFF;margin-bottom:0px;}.elementor-63193 .elementor-element.elementor-element-de63d01.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#FFFFFF;margin-bottom:0px;}.elementor-63193 .elementor-element.elementor-element-de63d01.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-63193 .elementor-element.elementor-element-de63d01.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"playfairdisplay", Sans-serif;font-weight:400;}.elementor-63193 .elementor-element.elementor-element-de63d01.elementor-wc-products ul.products li.product .price{color:#E4232E;}.elementor-63193 .elementor-element.elementor-element-de63d01.elementor-wc-products ul.products li.product .price ins{color:#E4232E;}.elementor-63193 .elementor-element.elementor-element-de63d01.elementor-wc-products ul.products li.product .price ins .amount{color:#E4232E;}.elementor-63193 .elementor-element.elementor-element-de63d01.elementor-wc-products ul.products li.product .price del{color:#E4232E;}.elementor-63193 .elementor-element.elementor-element-de63d01.elementor-wc-products ul.products li.product .price del .amount{color:#E4232E;}.elementor-63193 .elementor-element.elementor-element-de63d01.elementor-wc-products ul.products li.product .button{color:#FFFFFF;background-color:#BE2A2B;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;border-style:none;border-radius:10px 10px 10px 10px;padding:10px 25px 10px 25px;margin-top:5px;}.elementor-63193 .elementor-element.elementor-element-de63d01.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-63193 .elementor-element.elementor-element-350de21{--display:flex;}.elementor-63193 .elementor-element.elementor-element-1abce37.elementor-wc-products ul.products li.product{text-align:center;border-radius:20px;}.elementor-63193 .elementor-element.elementor-element-1abce37.elementor-wc-products  ul.products{grid-column-gap:30px;grid-row-gap:10px;}.elementor-63193 .elementor-element.elementor-element-1abce37.elementor-wc-products .attachment-woocommerce_thumbnail{border-style:none;margin-bottom:0px;}.elementor-63193 .elementor-element.elementor-element-1abce37.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#FFFFFF;margin-bottom:0px;}.elementor-63193 .elementor-element.elementor-element-1abce37.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#FFFFFF;margin-bottom:0px;}.elementor-63193 .elementor-element.elementor-element-1abce37.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-63193 .elementor-element.elementor-element-1abce37.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"playfairdisplay", Sans-serif;font-weight:400;}.elementor-63193 .elementor-element.elementor-element-1abce37.elementor-wc-products ul.products li.product .price{color:#E4232E;}.elementor-63193 .elementor-element.elementor-element-1abce37.elementor-wc-products ul.products li.product .price ins{color:#E4232E;}.elementor-63193 .elementor-element.elementor-element-1abce37.elementor-wc-products ul.products li.product .price ins .amount{color:#E4232E;}.elementor-63193 .elementor-element.elementor-element-1abce37.elementor-wc-products ul.products li.product .price del{color:#E4232E;}.elementor-63193 .elementor-element.elementor-element-1abce37.elementor-wc-products ul.products li.product .price del .amount{color:#E4232E;}.elementor-63193 .elementor-element.elementor-element-1abce37.elementor-wc-products ul.products li.product .button{color:#FFFFFF;background-color:#BE2A2B;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;border-style:none;border-radius:10px 10px 10px 10px;padding:10px 25px 10px 25px;margin-top:5px;}.elementor-63193 .elementor-element.elementor-element-1abce37.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-63193 .elementor-element.elementor-element-1fc55a2{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-offset-size:81px;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-30px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:-30px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-63193 .elementor-element.elementor-element-b964806{--display:flex;--min-height:750px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-63193 .elementor-element.elementor-element-b964806:not(.elementor-motion-effects-element-type-background), .elementor-63193 .elementor-element.elementor-element-b964806 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-63193 .elementor-element.elementor-element-2eb73ba{text-align:center;}.elementor-63193 .elementor-element.elementor-element-2eb73ba .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:30px;font-weight:400;font-style:normal;color:#E4232E;}.elementor-63193 .elementor-element.elementor-element-33d8405{text-align:center;}.elementor-63193 .elementor-element.elementor-element-33d8405 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:50px;font-weight:600;font-style:normal;letter-spacing:2px;color:#FFFFFF;}.elementor-63193 .elementor-element.elementor-element-b559055{--display:flex;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-63193 .elementor-element.elementor-element-336f944{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-63193 .elementor-element.elementor-element-336f944 .elementor-button{background-color:#E31E24;font-family:"Lora", Sans-serif;font-size:13px;font-weight:400;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#EA5F6A;border-radius:10px 10px 10px 10px;}.elementor-63193 .elementor-element.elementor-element-336f944 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-63193 .elementor-element.elementor-element-336f944:after{content:"0.5";}.elementor-63193 .elementor-element.elementor-element-336f944 .elementor-post__thumbnail__link{width:100%;}.elementor-63193 .elementor-element.elementor-element-336f944.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-63193 .elementor-element.elementor-element-336f944.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-63193 .elementor-element.elementor-element-336f944.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}@media(max-width:1024px){.elementor-63193 .elementor-element.elementor-element-ca9965a{--swiper-slides-to-display:3;width:100%;max-width:100%;}.elementor-63193 .elementor-element.elementor-element-4ffb29f > .elementor-widget-container{padding:50px 0px 0px 50px;}.elementor-63193 .elementor-element.elementor-element-8ff160d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-63193 .elementor-element.elementor-element-b73b34c{--swiper-slides-to-display:1;padding:0px 0px 0px 20px;}.elementor-63193 .elementor-element.elementor-element-240fadd{--min-height:414px;}.elementor-63193 .elementor-element.elementor-element-7fdd7ab{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-63193 .elementor-element.elementor-element-3aac05b{--swiper-slides-to-display:2;padding:0px 0px 0px 0px;}.elementor-63193 .elementor-element.elementor-element-044404d{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-63193 .elementor-element.elementor-element-9d862e7.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-63193 .elementor-element.elementor-element-346be8b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-63193 .elementor-element.elementor-element-4f6e8d0.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-63193 .elementor-element.elementor-element-de63d01.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-63193 .elementor-element.elementor-element-1abce37.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-63193 .elementor-element.elementor-element-1fc55a2{--e-n-carousel-swiper-slides-to-display:2;}.elementor-63193 .elementor-element.elementor-element-336f944{width:100%;max-width:100%;}.elementor-63193 .elementor-element.elementor-element-336f944 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-63193 .elementor-element.elementor-element-336f944:after{content:"0.5";}.elementor-63193 .elementor-element.elementor-element-336f944 .elementor-post__thumbnail__link{width:100%;}}@media(max-width:767px){.elementor-63193 .elementor-element.elementor-element-ff0c674{padding:20px 0px 0px 0px;}.elementor-63193 .elementor-element.elementor-element-ff0c674 .elementor-heading-title{font-size:25px;}.elementor-63193 .elementor-element.elementor-element-9f95ee1 .elementor-heading-title{font-size:35px;}.elementor-63193 .elementor-element.elementor-element-ca9965a{--swiper-slides-to-display:1;}.elementor-63193 .elementor-element.elementor-element-bf94165 .elementor-heading-title{font-size:25px;}.elementor-63193 .elementor-element.elementor-element-1efc5a9 .elementor-heading-title{font-size:35px;}.elementor-63193 .elementor-element.elementor-element-3da343b{width:100%;max-width:100%;font-size:18px;}.elementor-63193 .elementor-element.elementor-element-561b80c .elementor-heading-title{font-size:25px;}.elementor-63193 .elementor-element.elementor-element-763132b .elementor-heading-title{font-size:35px;}.elementor-63193 .elementor-element.elementor-element-4ffb29f > .elementor-widget-container{padding:50px 10px 0px 10px;}.elementor-63193 .elementor-element.elementor-element-4ffb29f .eqhx-price{font-size:18px;}.elementor-63193 .elementor-element.elementor-element-4ffb29f .eqhx-desc{font-size:14px;letter-spacing:1px;}.elementor-63193 .elementor-element.elementor-element-8ff160d{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-63193 .elementor-element.elementor-element-8ff160d.e-con{--align-self:center;}.elementor-63193 .elementor-element.elementor-element-b73b34c{--swiper-slides-to-display:1;--swiper-slides-gap:0px;padding:0px 20px 0px 20px;}.elementor-63193 .elementor-element.elementor-element-b73b34c.elementor-element{--align-self:center;}.elementor-63193 .elementor-element.elementor-element-b115da0 .elementor-heading-title{font-size:25px;}.elementor-63193 .elementor-element.elementor-element-d9873ee .elementor-heading-title{font-size:35px;}.elementor-63193 .elementor-element.elementor-element-7fdd7ab{--width:100%;}.elementor-63193 .elementor-element.elementor-element-3aac05b{--swiper-slides-to-display:1;padding:0px 0px 0px 0px;}.elementor-63193 .elementor-element.elementor-element-044404d{--width:100%;}.elementor-63193 .elementor-element.elementor-element-9d862e7.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-63193 .elementor-element.elementor-element-346be8b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-63193 .elementor-element.elementor-element-4f6e8d0.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-63193 .elementor-element.elementor-element-de63d01.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-63193 .elementor-element.elementor-element-1abce37.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-63193 .elementor-element.elementor-element-1fc55a2{--e-n-carousel-swiper-slides-to-display:1;}.elementor-63193 .elementor-element.elementor-element-2eb73ba .elementor-heading-title{font-size:25px;}.elementor-63193 .elementor-element.elementor-element-33d8405 .elementor-heading-title{font-size:35px;}.elementor-63193 .elementor-element.elementor-element-336f944 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-63193 .elementor-element.elementor-element-336f944:after{content:"0.5";}.elementor-63193 .elementor-element.elementor-element-336f944 .elementor-post__thumbnail__link{width:100%;}}@media(min-width:768px){.elementor-63193 .elementor-element.elementor-element-29c13fd{--width:100%;}.elementor-63193 .elementor-element.elementor-element-7c8c0d8{--width:100%;}.elementor-63193 .elementor-element.elementor-element-61734ea{--width:100%;}.elementor-63193 .elementor-element.elementor-element-d7f90c6{--width:100%;}.elementor-63193 .elementor-element.elementor-element-d35c5c8{--content-width:60%;}.elementor-63193 .elementor-element.elementor-element-4adec25{--width:100%;}.elementor-63193 .elementor-element.elementor-element-8624177{--content-width:1600px;}.elementor-63193 .elementor-element.elementor-element-8ff160d{--width:100%;}.elementor-63193 .elementor-element.elementor-element-240fadd{--width:560px;}.elementor-63193 .elementor-element.elementor-element-caadfd1{--width:40%;}.elementor-63193 .elementor-element.elementor-element-ae9ed09{--width:100%;}.elementor-63193 .elementor-element.elementor-element-7fdd7ab{--width:90%;}.elementor-63193 .elementor-element.elementor-element-044404d{--width:70%;}.elementor-63193 .elementor-element.elementor-element-b964806{--width:100%;}.elementor-63193 .elementor-element.elementor-element-b559055{--width:80%;}}@media(max-width:1024px) and (min-width:768px){.elementor-63193 .elementor-element.elementor-element-240fadd{--width:50%;}.elementor-63193 .elementor-element.elementor-element-7fdd7ab{--width:100%;}.elementor-63193 .elementor-element.elementor-element-044404d{--width:52%;}.elementor-63193 .elementor-element.elementor-element-b559055{--width:100%;}}@media(min-width:1025px){.elementor-63193 .elementor-element.elementor-element-d7f90c6:not(.elementor-motion-effects-element-type-background), .elementor-63193 .elementor-element.elementor-element-d7f90c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for loop-carousel, class: .elementor-element-ca9965a *//* DS24 – center slide by custom class */
.ds24-center-product-slider .swiper,
.ds24-center-product-slider .swiper-wrapper{
  overflow: visible;
}

.ds24-center-product-slider .swiper-slide{
  transition: transform .35s ease, opacity .35s ease, filter .35s ease;
  transform: scale(.82);
  opacity: .35;
  filter: blur(.2px);
}

/* sąsiedzi */
.ds24-center-product-slider .swiper-slide.ds24-is-near{
  transform: scale(.92);
  opacity: .60;
  filter: none;
  z-index: 3;
}

/* środek */
.ds24-center-product-slider .swiper-slide.ds24-is-center{
  transform: scale(1.08);
  opacity: 1;
  filter: none;
  z-index: 6;
}

/* strzałki */
.ds24-center-product-slider .elementor-swiper-button{
  top: auto !important;
  bottom: 18px !important;
}

.ds24-center-product-slider .elementor-swiper-button-prev{
  left: 50% !important;
  transform: translateX(-120%) !important;
}

.ds24-center-product-slider .elementor-swiper-button-next{
  right: auto !important;
  left: 50% !important;
  transform: translateX(20%) !important;
}

/* === DS24: jasna poświata za środkiem === */
.ds24-center-product-slider .swiper-slide.ds24-is-center{
  position: relative !important;
  overflow: visible !important;
  isolation: isolate;
}

.ds24-center-product-slider .swiper-slide.ds24-is-center::before{
  content:"";
  position:absolute;
  left:42%;
  top:46%;
  width: 680px;
  height: 520px;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle,
    rgba(255,255,255,.70) 0%,
    rgba(255,255,255,.32) 35%,
    rgba(255,255,255,.14) 55%,
    rgba(255,255,255,0) 75%
  );
  filter: blur(28px);
  opacity: 1;
  pointer-events:none;
  z-index: 1;
}

/* cała zawartość slajdu ma być NAD poświatą */
.ds24-center-product-slider .swiper-slide.ds24-is-center > *{
  position: relative;
  z-index: 2;
}

/* jeśli gdzieś jest overflow hidden – wymuś widoczność */
.ds24-center-product-slider,
.ds24-center-product-slider .swiper,
.ds24-center-product-slider .swiper-wrapper{
  overflow: visible !important;
}

/* UKRYCIE ILOŚCI */
.ds24-center-product-slider .elementor-widget-woocommerce-product-add-to-cart .quantity,
.ds24-center-product-slider .elementor-widget-woocommerce-product-add-to-cart .custom-qty-wrapper{
  display: none !important;
}


/* UKRYCIE PRODUCT META / KATEGORII */
.ds24-center-product-slider .elementor-widget-woocommerce-product-meta{
  display: none !important;
}

/* mobile */
@media (max-width: 767px){
  .ds24-center-product-slider .swiper-slide.ds24-is-center::before{
    width: 520px;
    height: 420px;
    filter: blur(22px);
    opacity: .9;
  }
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-b73b34c *//* DS24 – biała poświata ZA OBRAZKIEM (nie za tekstem), ale NIE UCINA się gdy obok jest tekst
   Zakładam klasę na widget/sekcję: .ds24-loop2-hero
*/

/* 1) Pozwól poświacie wyjść poza boxy (żeby nie była ucinana) */
.ds24-loop2-hero .swiper,
.ds24-loop2-hero .swiper-wrapper,
.ds24-loop2-hero .swiper-slide{
  overflow: visible !important;
}

/* 2) Warstwa poświaty robiona na WIDGET-cie obrazka */
.ds24-loop2-hero .elementor-widget-theme-post-featured-image{
  position: relative;
  isolation: isolate;         /* lokalny kontekst – poświata pod obrazkiem */
  z-index: 2;                 /* trzymaj obrazek „nad” sąsiadującym tekstem */
}

/* 3) Sama poświata – większa, może wychodzić w lewo (przy tekście) */
.ds24-loop2-hero .elementor-widget-theme-post-featured-image::before{
  content: "";
  position: absolute;
  inset: -34px -40px -34px -70px;   /* TOP RIGHT BOTTOM LEFT – lewa strona większa */
  border-radius: 28px;
  background: radial-gradient(circle at 45% 45%,
    rgba(255,255,255,0.28) 0%,
    rgba(255,255,255,0.12) 35%,
    rgba(255,255,255,0.00) 72%
  );
  filter: blur(18px);
  z-index: 0;
  pointer-events: none;
}

/* 4) Obrazek zawsze nad poświatą */
.ds24-loop2-hero .elementor-widget-theme-post-featured-image img{
  position: relative;
  z-index: 1;
}

/* mobile – delikatniej */
@media (max-width: 420px){
  .ds24-loop2-hero .elementor-widget-theme-post-featured-image::before{
    inset: -22px -24px -22px -34px;
    filter: blur(14px);
  }
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-3aac05b *//* =========================================================
   Kontener (Elementor) – 3x radial glow pod 3 widoczne pozycje
   Wklej jako Custom CSS na KONTENERZE (.elementor-63193 .elementor-element.elementor-element-3aac05b)
   ========================================================= */

.elementor-63193 .elementor-element.elementor-element-3aac05b{
  /* siła i rozmiar plam */
  --spot-opacity: .60;
  --spot-blur: 120px;
  --spot-size: 550px;   /* średnica jednej plamy */
  --spot-y: 10%;        /* wysokość plam (za zdjęciami) */

  position: relative;
  isolation: isolate;
}

/* slider ma nie pokazywać slajdów po bokach */
.elementor-63193 .elementor-element.elementor-element-3aac05b .elementor-swiper,
.elementor-63193 .elementor-element.elementor-element-3aac05b .elementor-swiper .swiper,
.elementor-63193 .elementor-element.elementor-element-3aac05b .swiper{
  overflow: hidden !important;
}

/* 3 plamy na 3 pozycjach (lewo/środek/prawo) */
.elementor-63193 .elementor-element.elementor-element-3aac05b::before{
  content:"";
  position:absolute;
  inset: 0;
  z-index: 0;
  pointer-events:none;

  background-image:
    radial-gradient(circle at 50% 50%,
      rgba(255,255,255, var(--spot-opacity)) 0%,
      rgba(255,255,255, 0.20) 35%,
      rgba(255,255,255, 0.00) 70%
    ),
    radial-gradient(circle at 50% 50%,
      rgba(255,255,255, var(--spot-opacity)) 0%,
      rgba(255,255,255, 0.20) 35%,
      rgba(255,255,255, 0.00) 70%
    ),
    radial-gradient(circle at 50% 50%,
      rgba(255,255,255, var(--spot-opacity)) 0%,
      rgba(255,255,255, 0.20) 35%,
      rgba(255,255,255, 0.00) 70%
    );

  /* pozycje odpowiadają 3 slajdom: ~16.7%, 50%, ~83.3% */
  background-position:
    16.666% var(--spot-y),
    50%     var(--spot-y),
    83.333% var(--spot-y);

  background-size:
    var(--spot-size) var(--spot-size),
    var(--spot-size) var(--spot-size),
    var(--spot-size) var(--spot-size);

  background-repeat: no-repeat;

  filter: blur(var(--spot-blur));
  mix-blend-mode: screen;
}

/* cała zawartość nad tłem */
.elementor-63193 .elementor-element.elementor-element-3aac05b > .e-con-inner,
.elementor-63193 .elementor-element.elementor-element-3aac05b .elementor-widget,
.elementor-63193 .elementor-element.elementor-element-3aac05b .elementor-widget-container{
  position: relative;
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-9d862e7 *//* 1. Definicja zmiennych */
.elementor-63193 .elementor-element.elementor-element-9d862e7 {
    --card: 0 0% 10.2%;
    --primary: 0 72% 50.6%;
    --border: 0 0% 20%;
    --radius: 1rem;
    --red-deep: 0 63% 45.1%;
    --glow-spread: 20px;
    --glow-opacity: 0.6;

    /* glow pod obrazkiem (dopasowuje się do rozmiaru obrazka) */
    --img-glow-opacity: .55;
    --img-glow-blur: 28px;     /* miękkość poświaty */
    --img-glow-scale: 1.10;    /* jak daleko ma “wychodzić” poza obrazek */
}

/* Wyrównanie siatki */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .products.elementor-grid {
    gap: 1.5rem !important;
    background-color: transparent;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

/* 2. Styl karty produktu */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product {
    background-color: transparent !important;
    border-radius: var(--radius) !important;
    border: none !important;
    padding: 0 !important;
    overflow: visible !important;          /* <-- żeby poświata nie była ucinana */
    transition: all 0.3s ease-in-out !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    height: 100% !important;
    position: relative;
    isolation: isolate;                    /* <-- glow nie miesza się z innymi */
}


/* 3. Obrazek + POŚWIATA za obrazkiem (skalowana do jego rozmiaru) */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .woocommerce-LoopProduct-link{
    position: relative;
    z-index: 0;
}

/* kontener dla poświaty — dopasowuje się do wymiarów img */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .woocommerce-LoopProduct-link .woocommerce-loop-product__link,
.elementor-63193 .elementor-element.elementor-element-9d862e7 .woocommerce-LoopProduct-link{
    position: relative;
}

/* glow rysujemy na pseudoelementcie, a img dajemy wyżej */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product img{
    position: relative;
    z-index: 2;
    border-radius: 10px !important; 
    margin: 10px 10px 0 10px !important;
    width: calc(100% - 20px) !important;
    transition: transform 0.5s ease !important;
    aspect-ratio: 1/1;
    object-fit: cover;
}

/* Poświata: liczymy ją od “ramki” obrazka (margin 10px) */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product .woocommerce-LoopProduct-link::before{
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    /* wysokość = wysokość obrazka (aspect-ratio 1/1 -> szerokość) */
    aspect-ratio: 1 / 1;
    border-radius: 12px;
    z-index: 1;

    /* jasna poświata */
    background: radial-gradient(
        circle at 50% 50%,
        rgba(255,255,255, var(--img-glow-opacity)) 0%,
        rgba(255,255,255, 0.22) 35%,
        rgba(255,255,255, 0.00) 70%
    );

    filter: blur(var(--img-glow-blur));
    transform: scale(var(--img-glow-scale));
    pointer-events: none;
}

/* lekki boost na hover */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product:hover .woocommerce-LoopProduct-link::before{
    filter: blur(calc(var(--img-glow-blur) + 6px));
    transform: scale(calc(var(--img-glow-scale) + 0.04));
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product:hover img {
    transform: scale(1.05);
}

/* 4. Treść pod obrazkiem */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1.25rem 0.5rem 1.25rem;
    text-decoration: none !important;
    flex-grow: 1;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .woocommerce-loop-product__title {
    margin: 0.5rem 0 !important;
    line-height: 1.4 !important;
    color: #ffffff !important;
    min-height: 2.8em;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .price {
    margin-top: auto !important;
    color: #E4232E !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 10px !important;
}

/* 5. STYLIZACJA WARIACJI (ZARÓWNO SELECT JAK I KAFELKI) */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .wvs-archive-variations-wrapper {
    padding: 0 1.25rem 1rem 1.25rem !important;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .variations {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Wygląd pola Select */
.elementor-63193 .elementor-element.elementor-element-9d862e7 select[name*="attribute_"] {
    width: 100% !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    height: 40px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    cursor: pointer;
    outline: none !important;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23E4232E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

/* STYL DLA KAFELKÓW (UL) */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .variable-items-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .variable-item.button-variable-item {
    background-color: transparent !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    padding: 0 12px !important;
    min-width: 50px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .variable-item.button-variable-item.selected {
    border-color: #E4232E !important;
    background-color: #E4232E !important;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .variable-item-span {
    font-size: 13px !important;
    white-space: nowrap !important;
}

/* Przycisk Clear */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .wvs_archive_reset_variations_link {
    display: inline-block !important;
    color: #666 !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    margin-top: 8px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .wvs_archive_reset_variations_link:hover {
    color: #E4232E !important; 
}

/* 6. Przycisk "Dodaj do koszyka" */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product .button {
    margin: 0 1.25rem 1.25rem 1.25rem !important;
    background: linear-gradient(135deg, hsl(var(--red-deep)), hsl(var(--primary))) !important;
    border-radius: 0.6rem !important;
    padding: 0.75rem 1rem !important;
    text-transform: none !important;
    border: none !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 15px rgba(220, 38, 38, var(--glow-opacity)) !important;
    color: white !important;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product .button::before {
    content: "" !important;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product .button:hover {
    transform: scale(1.03);
    box-shadow: 0 0 var(--glow-spread) rgba(220, 38, 38, 0.8) !important;
    filter: brightness(1.1);
}

/* 7. Ukrycie paginacji */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .woocommerce-pagination {
    display: none;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-346be8b *//* 1. Definicja zmiennych */
.elementor-63193 .elementor-element.elementor-element-346be8b {
    --card: 0 0% 10.2%;
    --primary: 0 72% 50.6%;
    --border: 0 0% 20%;
    --radius: 1rem;
    --red-deep: 0 63% 45.1%;
    --glow-spread: 20px;
    --glow-opacity: 0.6;

    /* glow pod obrazkiem (dopasowuje się do rozmiaru obrazka) */
    --img-glow-opacity: .55;
    --img-glow-blur: 28px;     /* miękkość poświaty */
    --img-glow-scale: 1.10;    /* jak daleko ma “wychodzić” poza obrazek */
}

/* Wyrównanie siatki */
.elementor-63193 .elementor-element.elementor-element-346be8b .products.elementor-grid {
    gap: 1.5rem !important;
    background-color: transparent;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

/* 2. Styl karty produktu */
.elementor-63193 .elementor-element.elementor-element-346be8b .products .product {
    background-color: transparent !important;
    border-radius: var(--radius) !important;
    border: none !important;
    padding: 0 !important;
    overflow: visible !important;          /* <-- żeby poświata nie była ucinana */
    transition: all 0.3s ease-in-out !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    height: 100% !important;
    position: relative;
    isolation: isolate;                    /* <-- glow nie miesza się z innymi */
}


/* 3. Obrazek + POŚWIATA za obrazkiem (skalowana do jego rozmiaru) */
.elementor-63193 .elementor-element.elementor-element-346be8b .woocommerce-LoopProduct-link{
    position: relative;
    z-index: 0;
}

/* kontener dla poświaty — dopasowuje się do wymiarów img */
.elementor-63193 .elementor-element.elementor-element-346be8b .woocommerce-LoopProduct-link .woocommerce-loop-product__link,
.elementor-63193 .elementor-element.elementor-element-346be8b .woocommerce-LoopProduct-link{
    position: relative;
}

/* glow rysujemy na pseudoelementcie, a img dajemy wyżej */
.elementor-63193 .elementor-element.elementor-element-346be8b .products .product img{
    position: relative;
    z-index: 2;
    border-radius: 10px !important; 
    margin: 10px 10px 0 10px !important;
    width: calc(100% - 20px) !important;
    transition: transform 0.5s ease !important;
    aspect-ratio: 1/1;
    object-fit: cover;
}

/* Poświata: liczymy ją od “ramki” obrazka (margin 10px) */
.elementor-63193 .elementor-element.elementor-element-346be8b .products .product .woocommerce-LoopProduct-link::before{
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    /* wysokość = wysokość obrazka (aspect-ratio 1/1 -> szerokość) */
    aspect-ratio: 1 / 1;
    border-radius: 12px;
    z-index: 1;

    /* jasna poświata */
    background: radial-gradient(
        circle at 50% 50%,
        rgba(255,255,255, var(--img-glow-opacity)) 0%,
        rgba(255,255,255, 0.22) 35%,
        rgba(255,255,255, 0.00) 70%
    );

    filter: blur(var(--img-glow-blur));
    transform: scale(var(--img-glow-scale));
    pointer-events: none;
}

/* lekki boost na hover */
.elementor-63193 .elementor-element.elementor-element-346be8b .products .product:hover .woocommerce-LoopProduct-link::before{
    filter: blur(calc(var(--img-glow-blur) + 6px));
    transform: scale(calc(var(--img-glow-scale) + 0.04));
}

.elementor-63193 .elementor-element.elementor-element-346be8b .products .product:hover img {
    transform: scale(1.05);
}

/* 4. Treść pod obrazkiem */
.elementor-63193 .elementor-element.elementor-element-346be8b .woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1.25rem 0.5rem 1.25rem;
    text-decoration: none !important;
    flex-grow: 1;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .woocommerce-loop-product__title {
    margin: 0.5rem 0 !important;
    line-height: 1.4 !important;
    color: #ffffff !important;
    min-height: 2.8em;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .price {
    margin-top: auto !important;
    color: #E4232E !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 10px !important;
}

/* 5. STYLIZACJA WARIACJI (ZARÓWNO SELECT JAK I KAFELKI) */
.elementor-63193 .elementor-element.elementor-element-346be8b .wvs-archive-variations-wrapper {
    padding: 0 1.25rem 1rem 1.25rem !important;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .variations {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Wygląd pola Select */
.elementor-63193 .elementor-element.elementor-element-346be8b select[name*="attribute_"] {
    width: 100% !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    height: 40px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    cursor: pointer;
    outline: none !important;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23E4232E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

/* STYL DLA KAFELKÓW (UL) */
.elementor-63193 .elementor-element.elementor-element-346be8b .variable-items-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .variable-item.button-variable-item {
    background-color: transparent !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    padding: 0 12px !important;
    min-width: 50px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .variable-item.button-variable-item.selected {
    border-color: #E4232E !important;
    background-color: #E4232E !important;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .variable-item-span {
    font-size: 13px !important;
    white-space: nowrap !important;
}

/* Przycisk Clear */
.elementor-63193 .elementor-element.elementor-element-346be8b .wvs_archive_reset_variations_link {
    display: inline-block !important;
    color: #666 !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    margin-top: 8px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .wvs_archive_reset_variations_link:hover {
    color: #E4232E !important; 
}

/* 6. Przycisk "Dodaj do koszyka" */
.elementor-63193 .elementor-element.elementor-element-346be8b .products .product .button {
    margin: 0 1.25rem 1.25rem 1.25rem !important;
    background: linear-gradient(135deg, hsl(var(--red-deep)), hsl(var(--primary))) !important;
    border-radius: 0.6rem !important;
    padding: 0.75rem 1rem !important;
    text-transform: none !important;
    border: none !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 15px rgba(220, 38, 38, var(--glow-opacity)) !important;
    color: white !important;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .products .product .button::before {
    content: "" !important;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .products .product .button:hover {
    transform: scale(1.03);
    box-shadow: 0 0 var(--glow-spread) rgba(220, 38, 38, 0.8) !important;
    filter: brightness(1.1);
}

/* 7. Ukrycie paginacji */
.elementor-63193 .elementor-element.elementor-element-346be8b .woocommerce-pagination {
    display: none;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-4f6e8d0 *//* 1. Definicja zmiennych */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 {
    --card: 0 0% 10.2%;
    --primary: 0 72% 50.6%;
    --border: 0 0% 20%;
    --radius: 1rem;
    --red-deep: 0 63% 45.1%;
    --glow-spread: 20px;
    --glow-opacity: 0.6;

    /* glow pod obrazkiem (dopasowuje się do rozmiaru obrazka) */
    --img-glow-opacity: .55;
    --img-glow-blur: 28px;     /* miękkość poświaty */
    --img-glow-scale: 1.10;    /* jak daleko ma “wychodzić” poza obrazek */
}

/* Wyrównanie siatki */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products.elementor-grid {
    gap: 1.5rem !important;
    background-color: transparent;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

/* 2. Styl karty produktu */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product {
    background-color: transparent !important;
    border-radius: var(--radius) !important;
    border: none !important;
    padding: 0 !important;
    overflow: visible !important;          /* <-- żeby poświata nie była ucinana */
    transition: all 0.3s ease-in-out !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    height: 100% !important;
    position: relative;
    isolation: isolate;                    /* <-- glow nie miesza się z innymi */
}


/* 3. Obrazek + POŚWIATA za obrazkiem (skalowana do jego rozmiaru) */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .woocommerce-LoopProduct-link{
    position: relative;
    z-index: 0;
}

/* kontener dla poświaty — dopasowuje się do wymiarów img */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .woocommerce-LoopProduct-link .woocommerce-loop-product__link,
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .woocommerce-LoopProduct-link{
    position: relative;
}

/* glow rysujemy na pseudoelementcie, a img dajemy wyżej */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product img{
    position: relative;
    z-index: 2;
    border-radius: 10px !important; 
    margin: 10px 10px 0 10px !important;
    width: calc(100% - 20px) !important;
    transition: transform 0.5s ease !important;
    aspect-ratio: 1/1;
    object-fit: cover;
}

/* Poświata: liczymy ją od “ramki” obrazka (margin 10px) */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product .woocommerce-LoopProduct-link::before{
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    /* wysokość = wysokość obrazka (aspect-ratio 1/1 -> szerokość) */
    aspect-ratio: 1 / 1;
    border-radius: 12px;
    z-index: 1;

    /* jasna poświata */
    background: radial-gradient(
        circle at 50% 50%,
        rgba(255,255,255, var(--img-glow-opacity)) 0%,
        rgba(255,255,255, 0.22) 35%,
        rgba(255,255,255, 0.00) 70%
    );

    filter: blur(var(--img-glow-blur));
    transform: scale(var(--img-glow-scale));
    pointer-events: none;
}

/* lekki boost na hover */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product:hover .woocommerce-LoopProduct-link::before{
    filter: blur(calc(var(--img-glow-blur) + 6px));
    transform: scale(calc(var(--img-glow-scale) + 0.04));
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product:hover img {
    transform: scale(1.05);
}

/* 4. Treść pod obrazkiem */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1.25rem 0.5rem 1.25rem;
    text-decoration: none !important;
    flex-grow: 1;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .woocommerce-loop-product__title {
    margin: 0.5rem 0 !important;
    line-height: 1.4 !important;
    color: #ffffff !important;
    min-height: 2.8em;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .price {
    margin-top: auto !important;
    color: #E4232E !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 10px !important;
}

/* 5. STYLIZACJA WARIACJI (ZARÓWNO SELECT JAK I KAFELKI) */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .wvs-archive-variations-wrapper {
    padding: 0 1.25rem 1rem 1.25rem !important;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .variations {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Wygląd pola Select */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 select[name*="attribute_"] {
    width: 100% !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    height: 40px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    cursor: pointer;
    outline: none !important;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23E4232E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

/* STYL DLA KAFELKÓW (UL) */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .variable-items-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .variable-item.button-variable-item {
    background-color: transparent !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    padding: 0 12px !important;
    min-width: 50px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .variable-item.button-variable-item.selected {
    border-color: #E4232E !important;
    background-color: #E4232E !important;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .variable-item-span {
    font-size: 13px !important;
    white-space: nowrap !important;
}

/* Przycisk Clear */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .wvs_archive_reset_variations_link {
    display: inline-block !important;
    color: #666 !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    margin-top: 8px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .wvs_archive_reset_variations_link:hover {
    color: #E4232E !important; 
}

/* 6. Przycisk "Dodaj do koszyka" */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product .button {
    margin: 0 1.25rem 1.25rem 1.25rem !important;
    background: linear-gradient(135deg, hsl(var(--red-deep)), hsl(var(--primary))) !important;
    border-radius: 0.6rem !important;
    padding: 0.75rem 1rem !important;
    text-transform: none !important;
    border: none !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 15px rgba(220, 38, 38, var(--glow-opacity)) !important;
    color: white !important;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product .button::before {
    content: "" !important;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product .button:hover {
    transform: scale(1.03);
    box-shadow: 0 0 var(--glow-spread) rgba(220, 38, 38, 0.8) !important;
    filter: brightness(1.1);
}

/* 7. Ukrycie paginacji */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .woocommerce-pagination {
    display: none;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-de63d01 *//* 1. Definicja zmiennych */
.elementor-63193 .elementor-element.elementor-element-de63d01 {
    --card: 0 0% 10.2%;
    --primary: 0 72% 50.6%;
    --border: 0 0% 20%;
    --radius: 1rem;
    --red-deep: 0 63% 45.1%;
    --glow-spread: 20px;
    --glow-opacity: 0.6;

    /* glow pod obrazkiem (dopasowuje się do rozmiaru obrazka) */
    --img-glow-opacity: .55;
    --img-glow-blur: 28px;     /* miękkość poświaty */
    --img-glow-scale: 1.10;    /* jak daleko ma “wychodzić” poza obrazek */
}

/* Wyrównanie siatki */
.elementor-63193 .elementor-element.elementor-element-de63d01 .products.elementor-grid {
    gap: 1.5rem !important;
    background-color: transparent;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

/* 2. Styl karty produktu */
.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product {
    background-color: transparent !important;
    border-radius: var(--radius) !important;
    border: none !important;
    padding: 0 !important;
    overflow: visible !important;          /* <-- żeby poświata nie była ucinana */
    transition: all 0.3s ease-in-out !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    height: 100% !important;
    position: relative;
    isolation: isolate;                    /* <-- glow nie miesza się z innymi */
}


/* 3. Obrazek + POŚWIATA za obrazkiem (skalowana do jego rozmiaru) */
.elementor-63193 .elementor-element.elementor-element-de63d01 .woocommerce-LoopProduct-link{
    position: relative;
    z-index: 0;
}

/* kontener dla poświaty — dopasowuje się do wymiarów img */
.elementor-63193 .elementor-element.elementor-element-de63d01 .woocommerce-LoopProduct-link .woocommerce-loop-product__link,
.elementor-63193 .elementor-element.elementor-element-de63d01 .woocommerce-LoopProduct-link{
    position: relative;
}

/* glow rysujemy na pseudoelementcie, a img dajemy wyżej */
.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product img{
    position: relative;
    z-index: 2;
    border-radius: 10px !important; 
    margin: 10px 10px 0 10px !important;
    width: calc(100% - 20px) !important;
    transition: transform 0.5s ease !important;
    aspect-ratio: 1/1;
    object-fit: cover;
}

/* Poświata: liczymy ją od “ramki” obrazka (margin 10px) */
.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product .woocommerce-LoopProduct-link::before{
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    /* wysokość = wysokość obrazka (aspect-ratio 1/1 -> szerokość) */
    aspect-ratio: 1 / 1;
    border-radius: 12px;
    z-index: 1;

    /* jasna poświata */
    background: radial-gradient(
        circle at 50% 50%,
        rgba(255,255,255, var(--img-glow-opacity)) 0%,
        rgba(255,255,255, 0.22) 35%,
        rgba(255,255,255, 0.00) 70%
    );

    filter: blur(var(--img-glow-blur));
    transform: scale(var(--img-glow-scale));
    pointer-events: none;
}

/* lekki boost na hover */
.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product:hover .woocommerce-LoopProduct-link::before{
    filter: blur(calc(var(--img-glow-blur) + 6px));
    transform: scale(calc(var(--img-glow-scale) + 0.04));
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product:hover img {
    transform: scale(1.05);
}

/* 4. Treść pod obrazkiem */
.elementor-63193 .elementor-element.elementor-element-de63d01 .woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1.25rem 0.5rem 1.25rem;
    text-decoration: none !important;
    flex-grow: 1;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .woocommerce-loop-product__title {
    margin: 0.5rem 0 !important;
    line-height: 1.4 !important;
    color: #ffffff !important;
    min-height: 2.8em;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .price {
    margin-top: auto !important;
    color: #E4232E !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 10px !important;
}

/* 5. STYLIZACJA WARIACJI (ZARÓWNO SELECT JAK I KAFELKI) */
.elementor-63193 .elementor-element.elementor-element-de63d01 .wvs-archive-variations-wrapper {
    padding: 0 1.25rem 1rem 1.25rem !important;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .variations {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Wygląd pola Select */
.elementor-63193 .elementor-element.elementor-element-de63d01 select[name*="attribute_"] {
    width: 100% !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    height: 40px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    cursor: pointer;
    outline: none !important;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23E4232E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

/* STYL DLA KAFELKÓW (UL) */
.elementor-63193 .elementor-element.elementor-element-de63d01 .variable-items-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .variable-item.button-variable-item {
    background-color: transparent !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    padding: 0 12px !important;
    min-width: 50px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .variable-item.button-variable-item.selected {
    border-color: #E4232E !important;
    background-color: #E4232E !important;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .variable-item-span {
    font-size: 13px !important;
    white-space: nowrap !important;
}

/* Przycisk Clear */
.elementor-63193 .elementor-element.elementor-element-de63d01 .wvs_archive_reset_variations_link {
    display: inline-block !important;
    color: #666 !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    margin-top: 8px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .wvs_archive_reset_variations_link:hover {
    color: #E4232E !important; 
}

/* 6. Przycisk "Dodaj do koszyka" */
.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product .button {
    margin: 0 1.25rem 1.25rem 1.25rem !important;
    background: linear-gradient(135deg, hsl(var(--red-deep)), hsl(var(--primary))) !important;
    border-radius: 0.6rem !important;
    padding: 0.75rem 1rem !important;
    text-transform: none !important;
    border: none !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 15px rgba(220, 38, 38, var(--glow-opacity)) !important;
    color: white !important;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product .button::before {
    content: "" !important;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product .button:hover {
    transform: scale(1.03);
    box-shadow: 0 0 var(--glow-spread) rgba(220, 38, 38, 0.8) !important;
    filter: brightness(1.1);
}

/* 7. Ukrycie paginacji */
.elementor-63193 .elementor-element.elementor-element-de63d01 .woocommerce-pagination {
    display: none;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-1abce37 *//* 1. Definicja zmiennych */
.elementor-63193 .elementor-element.elementor-element-1abce37 {
    --card: 0 0% 10.2%;
    --primary: 0 72% 50.6%;
    --border: 0 0% 20%;
    --radius: 1rem;
    --red-deep: 0 63% 45.1%;
    --glow-spread: 20px;
    --glow-opacity: 0.6;

    /* glow pod obrazkiem (dopasowuje się do rozmiaru obrazka) */
    --img-glow-opacity: .55;
    --img-glow-blur: 28px;     /* miękkość poświaty */
    --img-glow-scale: 1.10;    /* jak daleko ma “wychodzić” poza obrazek */
}

/* Wyrównanie siatki */
.elementor-63193 .elementor-element.elementor-element-1abce37 .products.elementor-grid {
    gap: 1.5rem !important;
    background-color: transparent;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

/* 2. Styl karty produktu */
.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product {
    background-color: transparent !important;
    border-radius: var(--radius) !important;
    border: none !important;
    padding: 0 !important;
    overflow: visible !important;          /* <-- żeby poświata nie była ucinana */
    transition: all 0.3s ease-in-out !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    height: 100% !important;
    position: relative;
    isolation: isolate;                    /* <-- glow nie miesza się z innymi */
}


/* 3. Obrazek + POŚWIATA za obrazkiem (skalowana do jego rozmiaru) */
.elementor-63193 .elementor-element.elementor-element-1abce37 .woocommerce-LoopProduct-link{
    position: relative;
    z-index: 0;
}

/* kontener dla poświaty — dopasowuje się do wymiarów img */
.elementor-63193 .elementor-element.elementor-element-1abce37 .woocommerce-LoopProduct-link .woocommerce-loop-product__link,
.elementor-63193 .elementor-element.elementor-element-1abce37 .woocommerce-LoopProduct-link{
    position: relative;
}

/* glow rysujemy na pseudoelementcie, a img dajemy wyżej */
.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product img{
    position: relative;
    z-index: 2;
    border-radius: 10px !important; 
    margin: 10px 10px 0 10px !important;
    width: calc(100% - 20px) !important;
    transition: transform 0.5s ease !important;
    aspect-ratio: 1/1;
    object-fit: cover;
}

/* Poświata: liczymy ją od “ramki” obrazka (margin 10px) */
.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product .woocommerce-LoopProduct-link::before{
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    /* wysokość = wysokość obrazka (aspect-ratio 1/1 -> szerokość) */
    aspect-ratio: 1 / 1;
    border-radius: 12px;
    z-index: 1;

    /* jasna poświata */
    background: radial-gradient(
        circle at 50% 50%,
        rgba(255,255,255, var(--img-glow-opacity)) 0%,
        rgba(255,255,255, 0.22) 35%,
        rgba(255,255,255, 0.00) 70%
    );

    filter: blur(var(--img-glow-blur));
    transform: scale(var(--img-glow-scale));
    pointer-events: none;
}

/* lekki boost na hover */
.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product:hover .woocommerce-LoopProduct-link::before{
    filter: blur(calc(var(--img-glow-blur) + 6px));
    transform: scale(calc(var(--img-glow-scale) + 0.04));
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product:hover img {
    transform: scale(1.05);
}

/* 4. Treść pod obrazkiem */
.elementor-63193 .elementor-element.elementor-element-1abce37 .woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1.25rem 0.5rem 1.25rem;
    text-decoration: none !important;
    flex-grow: 1;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .woocommerce-loop-product__title {
    margin: 0.5rem 0 !important;
    line-height: 1.4 !important;
    color: #ffffff !important;
    min-height: 2.8em;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .price {
    margin-top: auto !important;
    color: #E4232E !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 10px !important;
}

/* 5. STYLIZACJA WARIACJI (ZARÓWNO SELECT JAK I KAFELKI) */
.elementor-63193 .elementor-element.elementor-element-1abce37 .wvs-archive-variations-wrapper {
    padding: 0 1.25rem 1rem 1.25rem !important;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .variations {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Wygląd pola Select */
.elementor-63193 .elementor-element.elementor-element-1abce37 select[name*="attribute_"] {
    width: 100% !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    height: 40px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    cursor: pointer;
    outline: none !important;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23E4232E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

/* STYL DLA KAFELKÓW (UL) */
.elementor-63193 .elementor-element.elementor-element-1abce37 .variable-items-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .variable-item.button-variable-item {
    background-color: transparent !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    padding: 0 12px !important;
    min-width: 50px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .variable-item.button-variable-item.selected {
    border-color: #E4232E !important;
    background-color: #E4232E !important;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .variable-item-span {
    font-size: 13px !important;
    white-space: nowrap !important;
}

/* Przycisk Clear */
.elementor-63193 .elementor-element.elementor-element-1abce37 .wvs_archive_reset_variations_link {
    display: inline-block !important;
    color: #666 !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    margin-top: 8px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .wvs_archive_reset_variations_link:hover {
    color: #E4232E !important; 
}

/* 6. Przycisk "Dodaj do koszyka" */
.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product .button {
    margin: 0 1.25rem 1.25rem 1.25rem !important;
    background: linear-gradient(135deg, hsl(var(--red-deep)), hsl(var(--primary))) !important;
    border-radius: 0.6rem !important;
    padding: 0.75rem 1rem !important;
    text-transform: none !important;
    border: none !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 15px rgba(220, 38, 38, var(--glow-opacity)) !important;
    color: white !important;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product .button::before {
    content: "" !important;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product .button:hover {
    transform: scale(1.03);
    box-shadow: 0 0 var(--glow-spread) rgba(220, 38, 38, 0.8) !important;
    filter: brightness(1.1);
}

/* 7. Ukrycie paginacji */
.elementor-63193 .elementor-element.elementor-element-1abce37 .woocommerce-pagination {
    display: none;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-9d862e7 *//* 1. Definicja zmiennych */
.elementor-63193 .elementor-element.elementor-element-9d862e7 {
    --card: 0 0% 10.2%;
    --primary: 0 72% 50.6%;
    --border: 0 0% 20%;
    --radius: 1rem;
    --red-deep: 0 63% 45.1%;
    --glow-spread: 20px;
    --glow-opacity: 0.6;

    /* glow pod obrazkiem (dopasowuje się do rozmiaru obrazka) */
    --img-glow-opacity: .55;
    --img-glow-blur: 28px;     /* miękkość poświaty */
    --img-glow-scale: 1.10;    /* jak daleko ma “wychodzić” poza obrazek */
}

/* Wyrównanie siatki */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .products.elementor-grid {
    gap: 1.5rem !important;
    background-color: transparent;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

/* 2. Styl karty produktu */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product {
    background-color: transparent !important;
    border-radius: var(--radius) !important;
    border: none !important;
    padding: 0 !important;
    overflow: visible !important;          /* <-- żeby poświata nie była ucinana */
    transition: all 0.3s ease-in-out !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    height: 100% !important;
    position: relative;
    isolation: isolate;                    /* <-- glow nie miesza się z innymi */
}


/* 3. Obrazek + POŚWIATA za obrazkiem (skalowana do jego rozmiaru) */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .woocommerce-LoopProduct-link{
    position: relative;
    z-index: 0;
}

/* kontener dla poświaty — dopasowuje się do wymiarów img */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .woocommerce-LoopProduct-link .woocommerce-loop-product__link,
.elementor-63193 .elementor-element.elementor-element-9d862e7 .woocommerce-LoopProduct-link{
    position: relative;
}

/* glow rysujemy na pseudoelementcie, a img dajemy wyżej */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product img{
    position: relative;
    z-index: 2;
    border-radius: 10px !important; 
    margin: 10px 10px 0 10px !important;
    width: calc(100% - 20px) !important;
    transition: transform 0.5s ease !important;
    aspect-ratio: 1/1;
    object-fit: cover;
}

/* Poświata: liczymy ją od “ramki” obrazka (margin 10px) */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product .woocommerce-LoopProduct-link::before{
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    /* wysokość = wysokość obrazka (aspect-ratio 1/1 -> szerokość) */
    aspect-ratio: 1 / 1;
    border-radius: 12px;
    z-index: 1;

    /* jasna poświata */
    background: radial-gradient(
        circle at 50% 50%,
        rgba(255,255,255, var(--img-glow-opacity)) 0%,
        rgba(255,255,255, 0.22) 35%,
        rgba(255,255,255, 0.00) 70%
    );

    filter: blur(var(--img-glow-blur));
    transform: scale(var(--img-glow-scale));
    pointer-events: none;
}

/* lekki boost na hover */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product:hover .woocommerce-LoopProduct-link::before{
    filter: blur(calc(var(--img-glow-blur) + 6px));
    transform: scale(calc(var(--img-glow-scale) + 0.04));
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product:hover img {
    transform: scale(1.05);
}

/* 4. Treść pod obrazkiem */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1.25rem 0.5rem 1.25rem;
    text-decoration: none !important;
    flex-grow: 1;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .woocommerce-loop-product__title {
    margin: 0.5rem 0 !important;
    line-height: 1.4 !important;
    color: #ffffff !important;
    min-height: 2.8em;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .price {
    margin-top: auto !important;
    color: #E4232E !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 10px !important;
}

/* 5. STYLIZACJA WARIACJI (ZARÓWNO SELECT JAK I KAFELKI) */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .wvs-archive-variations-wrapper {
    padding: 0 1.25rem 1rem 1.25rem !important;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .variations {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Wygląd pola Select */
.elementor-63193 .elementor-element.elementor-element-9d862e7 select[name*="attribute_"] {
    width: 100% !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    height: 40px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    cursor: pointer;
    outline: none !important;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23E4232E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

/* STYL DLA KAFELKÓW (UL) */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .variable-items-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .variable-item.button-variable-item {
    background-color: transparent !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    padding: 0 12px !important;
    min-width: 50px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .variable-item.button-variable-item.selected {
    border-color: #E4232E !important;
    background-color: #E4232E !important;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .variable-item-span {
    font-size: 13px !important;
    white-space: nowrap !important;
}

/* Przycisk Clear */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .wvs_archive_reset_variations_link {
    display: inline-block !important;
    color: #666 !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    margin-top: 8px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .wvs_archive_reset_variations_link:hover {
    color: #E4232E !important; 
}

/* 6. Przycisk "Dodaj do koszyka" */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product .button {
    margin: 0 1.25rem 1.25rem 1.25rem !important;
    background: linear-gradient(135deg, hsl(var(--red-deep)), hsl(var(--primary))) !important;
    border-radius: 0.6rem !important;
    padding: 0.75rem 1rem !important;
    text-transform: none !important;
    border: none !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 15px rgba(220, 38, 38, var(--glow-opacity)) !important;
    color: white !important;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product .button::before {
    content: "" !important;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product .button:hover {
    transform: scale(1.03);
    box-shadow: 0 0 var(--glow-spread) rgba(220, 38, 38, 0.8) !important;
    filter: brightness(1.1);
}

/* 7. Ukrycie paginacji */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .woocommerce-pagination {
    display: none;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-346be8b *//* 1. Definicja zmiennych */
.elementor-63193 .elementor-element.elementor-element-346be8b {
    --card: 0 0% 10.2%;
    --primary: 0 72% 50.6%;
    --border: 0 0% 20%;
    --radius: 1rem;
    --red-deep: 0 63% 45.1%;
    --glow-spread: 20px;
    --glow-opacity: 0.6;

    /* glow pod obrazkiem (dopasowuje się do rozmiaru obrazka) */
    --img-glow-opacity: .55;
    --img-glow-blur: 28px;     /* miękkość poświaty */
    --img-glow-scale: 1.10;    /* jak daleko ma “wychodzić” poza obrazek */
}

/* Wyrównanie siatki */
.elementor-63193 .elementor-element.elementor-element-346be8b .products.elementor-grid {
    gap: 1.5rem !important;
    background-color: transparent;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

/* 2. Styl karty produktu */
.elementor-63193 .elementor-element.elementor-element-346be8b .products .product {
    background-color: transparent !important;
    border-radius: var(--radius) !important;
    border: none !important;
    padding: 0 !important;
    overflow: visible !important;          /* <-- żeby poświata nie była ucinana */
    transition: all 0.3s ease-in-out !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    height: 100% !important;
    position: relative;
    isolation: isolate;                    /* <-- glow nie miesza się z innymi */
}


/* 3. Obrazek + POŚWIATA za obrazkiem (skalowana do jego rozmiaru) */
.elementor-63193 .elementor-element.elementor-element-346be8b .woocommerce-LoopProduct-link{
    position: relative;
    z-index: 0;
}

/* kontener dla poświaty — dopasowuje się do wymiarów img */
.elementor-63193 .elementor-element.elementor-element-346be8b .woocommerce-LoopProduct-link .woocommerce-loop-product__link,
.elementor-63193 .elementor-element.elementor-element-346be8b .woocommerce-LoopProduct-link{
    position: relative;
}

/* glow rysujemy na pseudoelementcie, a img dajemy wyżej */
.elementor-63193 .elementor-element.elementor-element-346be8b .products .product img{
    position: relative;
    z-index: 2;
    border-radius: 10px !important; 
    margin: 10px 10px 0 10px !important;
    width: calc(100% - 20px) !important;
    transition: transform 0.5s ease !important;
    aspect-ratio: 1/1;
    object-fit: cover;
}

/* Poświata: liczymy ją od “ramki” obrazka (margin 10px) */
.elementor-63193 .elementor-element.elementor-element-346be8b .products .product .woocommerce-LoopProduct-link::before{
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    /* wysokość = wysokość obrazka (aspect-ratio 1/1 -> szerokość) */
    aspect-ratio: 1 / 1;
    border-radius: 12px;
    z-index: 1;

    /* jasna poświata */
    background: radial-gradient(
        circle at 50% 50%,
        rgba(255,255,255, var(--img-glow-opacity)) 0%,
        rgba(255,255,255, 0.22) 35%,
        rgba(255,255,255, 0.00) 70%
    );

    filter: blur(var(--img-glow-blur));
    transform: scale(var(--img-glow-scale));
    pointer-events: none;
}

/* lekki boost na hover */
.elementor-63193 .elementor-element.elementor-element-346be8b .products .product:hover .woocommerce-LoopProduct-link::before{
    filter: blur(calc(var(--img-glow-blur) + 6px));
    transform: scale(calc(var(--img-glow-scale) + 0.04));
}

.elementor-63193 .elementor-element.elementor-element-346be8b .products .product:hover img {
    transform: scale(1.05);
}

/* 4. Treść pod obrazkiem */
.elementor-63193 .elementor-element.elementor-element-346be8b .woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1.25rem 0.5rem 1.25rem;
    text-decoration: none !important;
    flex-grow: 1;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .woocommerce-loop-product__title {
    margin: 0.5rem 0 !important;
    line-height: 1.4 !important;
    color: #ffffff !important;
    min-height: 2.8em;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .price {
    margin-top: auto !important;
    color: #E4232E !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 10px !important;
}

/* 5. STYLIZACJA WARIACJI (ZARÓWNO SELECT JAK I KAFELKI) */
.elementor-63193 .elementor-element.elementor-element-346be8b .wvs-archive-variations-wrapper {
    padding: 0 1.25rem 1rem 1.25rem !important;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .variations {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Wygląd pola Select */
.elementor-63193 .elementor-element.elementor-element-346be8b select[name*="attribute_"] {
    width: 100% !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    height: 40px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    cursor: pointer;
    outline: none !important;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23E4232E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

/* STYL DLA KAFELKÓW (UL) */
.elementor-63193 .elementor-element.elementor-element-346be8b .variable-items-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .variable-item.button-variable-item {
    background-color: transparent !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    padding: 0 12px !important;
    min-width: 50px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .variable-item.button-variable-item.selected {
    border-color: #E4232E !important;
    background-color: #E4232E !important;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .variable-item-span {
    font-size: 13px !important;
    white-space: nowrap !important;
}

/* Przycisk Clear */
.elementor-63193 .elementor-element.elementor-element-346be8b .wvs_archive_reset_variations_link {
    display: inline-block !important;
    color: #666 !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    margin-top: 8px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .wvs_archive_reset_variations_link:hover {
    color: #E4232E !important; 
}

/* 6. Przycisk "Dodaj do koszyka" */
.elementor-63193 .elementor-element.elementor-element-346be8b .products .product .button {
    margin: 0 1.25rem 1.25rem 1.25rem !important;
    background: linear-gradient(135deg, hsl(var(--red-deep)), hsl(var(--primary))) !important;
    border-radius: 0.6rem !important;
    padding: 0.75rem 1rem !important;
    text-transform: none !important;
    border: none !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 15px rgba(220, 38, 38, var(--glow-opacity)) !important;
    color: white !important;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .products .product .button::before {
    content: "" !important;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .products .product .button:hover {
    transform: scale(1.03);
    box-shadow: 0 0 var(--glow-spread) rgba(220, 38, 38, 0.8) !important;
    filter: brightness(1.1);
}

/* 7. Ukrycie paginacji */
.elementor-63193 .elementor-element.elementor-element-346be8b .woocommerce-pagination {
    display: none;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-4f6e8d0 *//* 1. Definicja zmiennych */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 {
    --card: 0 0% 10.2%;
    --primary: 0 72% 50.6%;
    --border: 0 0% 20%;
    --radius: 1rem;
    --red-deep: 0 63% 45.1%;
    --glow-spread: 20px;
    --glow-opacity: 0.6;

    /* glow pod obrazkiem (dopasowuje się do rozmiaru obrazka) */
    --img-glow-opacity: .55;
    --img-glow-blur: 28px;     /* miękkość poświaty */
    --img-glow-scale: 1.10;    /* jak daleko ma “wychodzić” poza obrazek */
}

/* Wyrównanie siatki */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products.elementor-grid {
    gap: 1.5rem !important;
    background-color: transparent;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

/* 2. Styl karty produktu */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product {
    background-color: transparent !important;
    border-radius: var(--radius) !important;
    border: none !important;
    padding: 0 !important;
    overflow: visible !important;          /* <-- żeby poświata nie była ucinana */
    transition: all 0.3s ease-in-out !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    height: 100% !important;
    position: relative;
    isolation: isolate;                    /* <-- glow nie miesza się z innymi */
}


/* 3. Obrazek + POŚWIATA za obrazkiem (skalowana do jego rozmiaru) */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .woocommerce-LoopProduct-link{
    position: relative;
    z-index: 0;
}

/* kontener dla poświaty — dopasowuje się do wymiarów img */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .woocommerce-LoopProduct-link .woocommerce-loop-product__link,
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .woocommerce-LoopProduct-link{
    position: relative;
}

/* glow rysujemy na pseudoelementcie, a img dajemy wyżej */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product img{
    position: relative;
    z-index: 2;
    border-radius: 10px !important; 
    margin: 10px 10px 0 10px !important;
    width: calc(100% - 20px) !important;
    transition: transform 0.5s ease !important;
    aspect-ratio: 1/1;
    object-fit: cover;
}

/* Poświata: liczymy ją od “ramki” obrazka (margin 10px) */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product .woocommerce-LoopProduct-link::before{
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    /* wysokość = wysokość obrazka (aspect-ratio 1/1 -> szerokość) */
    aspect-ratio: 1 / 1;
    border-radius: 12px;
    z-index: 1;

    /* jasna poświata */
    background: radial-gradient(
        circle at 50% 50%,
        rgba(255,255,255, var(--img-glow-opacity)) 0%,
        rgba(255,255,255, 0.22) 35%,
        rgba(255,255,255, 0.00) 70%
    );

    filter: blur(var(--img-glow-blur));
    transform: scale(var(--img-glow-scale));
    pointer-events: none;
}

/* lekki boost na hover */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product:hover .woocommerce-LoopProduct-link::before{
    filter: blur(calc(var(--img-glow-blur) + 6px));
    transform: scale(calc(var(--img-glow-scale) + 0.04));
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product:hover img {
    transform: scale(1.05);
}

/* 4. Treść pod obrazkiem */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1.25rem 0.5rem 1.25rem;
    text-decoration: none !important;
    flex-grow: 1;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .woocommerce-loop-product__title {
    margin: 0.5rem 0 !important;
    line-height: 1.4 !important;
    color: #ffffff !important;
    min-height: 2.8em;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .price {
    margin-top: auto !important;
    color: #E4232E !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 10px !important;
}

/* 5. STYLIZACJA WARIACJI (ZARÓWNO SELECT JAK I KAFELKI) */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .wvs-archive-variations-wrapper {
    padding: 0 1.25rem 1rem 1.25rem !important;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .variations {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Wygląd pola Select */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 select[name*="attribute_"] {
    width: 100% !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    height: 40px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    cursor: pointer;
    outline: none !important;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23E4232E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

/* STYL DLA KAFELKÓW (UL) */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .variable-items-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .variable-item.button-variable-item {
    background-color: transparent !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    padding: 0 12px !important;
    min-width: 50px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .variable-item.button-variable-item.selected {
    border-color: #E4232E !important;
    background-color: #E4232E !important;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .variable-item-span {
    font-size: 13px !important;
    white-space: nowrap !important;
}

/* Przycisk Clear */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .wvs_archive_reset_variations_link {
    display: inline-block !important;
    color: #666 !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    margin-top: 8px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .wvs_archive_reset_variations_link:hover {
    color: #E4232E !important; 
}

/* 6. Przycisk "Dodaj do koszyka" */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product .button {
    margin: 0 1.25rem 1.25rem 1.25rem !important;
    background: linear-gradient(135deg, hsl(var(--red-deep)), hsl(var(--primary))) !important;
    border-radius: 0.6rem !important;
    padding: 0.75rem 1rem !important;
    text-transform: none !important;
    border: none !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 15px rgba(220, 38, 38, var(--glow-opacity)) !important;
    color: white !important;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product .button::before {
    content: "" !important;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product .button:hover {
    transform: scale(1.03);
    box-shadow: 0 0 var(--glow-spread) rgba(220, 38, 38, 0.8) !important;
    filter: brightness(1.1);
}

/* 7. Ukrycie paginacji */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .woocommerce-pagination {
    display: none;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-de63d01 *//* 1. Definicja zmiennych */
.elementor-63193 .elementor-element.elementor-element-de63d01 {
    --card: 0 0% 10.2%;
    --primary: 0 72% 50.6%;
    --border: 0 0% 20%;
    --radius: 1rem;
    --red-deep: 0 63% 45.1%;
    --glow-spread: 20px;
    --glow-opacity: 0.6;

    /* glow pod obrazkiem (dopasowuje się do rozmiaru obrazka) */
    --img-glow-opacity: .55;
    --img-glow-blur: 28px;     /* miękkość poświaty */
    --img-glow-scale: 1.10;    /* jak daleko ma “wychodzić” poza obrazek */
}

/* Wyrównanie siatki */
.elementor-63193 .elementor-element.elementor-element-de63d01 .products.elementor-grid {
    gap: 1.5rem !important;
    background-color: transparent;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

/* 2. Styl karty produktu */
.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product {
    background-color: transparent !important;
    border-radius: var(--radius) !important;
    border: none !important;
    padding: 0 !important;
    overflow: visible !important;          /* <-- żeby poświata nie była ucinana */
    transition: all 0.3s ease-in-out !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    height: 100% !important;
    position: relative;
    isolation: isolate;                    /* <-- glow nie miesza się z innymi */
}


/* 3. Obrazek + POŚWIATA za obrazkiem (skalowana do jego rozmiaru) */
.elementor-63193 .elementor-element.elementor-element-de63d01 .woocommerce-LoopProduct-link{
    position: relative;
    z-index: 0;
}

/* kontener dla poświaty — dopasowuje się do wymiarów img */
.elementor-63193 .elementor-element.elementor-element-de63d01 .woocommerce-LoopProduct-link .woocommerce-loop-product__link,
.elementor-63193 .elementor-element.elementor-element-de63d01 .woocommerce-LoopProduct-link{
    position: relative;
}

/* glow rysujemy na pseudoelementcie, a img dajemy wyżej */
.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product img{
    position: relative;
    z-index: 2;
    border-radius: 10px !important; 
    margin: 10px 10px 0 10px !important;
    width: calc(100% - 20px) !important;
    transition: transform 0.5s ease !important;
    aspect-ratio: 1/1;
    object-fit: cover;
}

/* Poświata: liczymy ją od “ramki” obrazka (margin 10px) */
.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product .woocommerce-LoopProduct-link::before{
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    /* wysokość = wysokość obrazka (aspect-ratio 1/1 -> szerokość) */
    aspect-ratio: 1 / 1;
    border-radius: 12px;
    z-index: 1;

    /* jasna poświata */
    background: radial-gradient(
        circle at 50% 50%,
        rgba(255,255,255, var(--img-glow-opacity)) 0%,
        rgba(255,255,255, 0.22) 35%,
        rgba(255,255,255, 0.00) 70%
    );

    filter: blur(var(--img-glow-blur));
    transform: scale(var(--img-glow-scale));
    pointer-events: none;
}

/* lekki boost na hover */
.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product:hover .woocommerce-LoopProduct-link::before{
    filter: blur(calc(var(--img-glow-blur) + 6px));
    transform: scale(calc(var(--img-glow-scale) + 0.04));
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product:hover img {
    transform: scale(1.05);
}

/* 4. Treść pod obrazkiem */
.elementor-63193 .elementor-element.elementor-element-de63d01 .woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1.25rem 0.5rem 1.25rem;
    text-decoration: none !important;
    flex-grow: 1;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .woocommerce-loop-product__title {
    margin: 0.5rem 0 !important;
    line-height: 1.4 !important;
    color: #ffffff !important;
    min-height: 2.8em;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .price {
    margin-top: auto !important;
    color: #E4232E !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 10px !important;
}

/* 5. STYLIZACJA WARIACJI (ZARÓWNO SELECT JAK I KAFELKI) */
.elementor-63193 .elementor-element.elementor-element-de63d01 .wvs-archive-variations-wrapper {
    padding: 0 1.25rem 1rem 1.25rem !important;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .variations {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Wygląd pola Select */
.elementor-63193 .elementor-element.elementor-element-de63d01 select[name*="attribute_"] {
    width: 100% !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    height: 40px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    cursor: pointer;
    outline: none !important;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23E4232E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

/* STYL DLA KAFELKÓW (UL) */
.elementor-63193 .elementor-element.elementor-element-de63d01 .variable-items-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .variable-item.button-variable-item {
    background-color: transparent !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    padding: 0 12px !important;
    min-width: 50px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .variable-item.button-variable-item.selected {
    border-color: #E4232E !important;
    background-color: #E4232E !important;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .variable-item-span {
    font-size: 13px !important;
    white-space: nowrap !important;
}

/* Przycisk Clear */
.elementor-63193 .elementor-element.elementor-element-de63d01 .wvs_archive_reset_variations_link {
    display: inline-block !important;
    color: #666 !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    margin-top: 8px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .wvs_archive_reset_variations_link:hover {
    color: #E4232E !important; 
}

/* 6. Przycisk "Dodaj do koszyka" */
.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product .button {
    margin: 0 1.25rem 1.25rem 1.25rem !important;
    background: linear-gradient(135deg, hsl(var(--red-deep)), hsl(var(--primary))) !important;
    border-radius: 0.6rem !important;
    padding: 0.75rem 1rem !important;
    text-transform: none !important;
    border: none !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 15px rgba(220, 38, 38, var(--glow-opacity)) !important;
    color: white !important;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product .button::before {
    content: "" !important;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product .button:hover {
    transform: scale(1.03);
    box-shadow: 0 0 var(--glow-spread) rgba(220, 38, 38, 0.8) !important;
    filter: brightness(1.1);
}

/* 7. Ukrycie paginacji */
.elementor-63193 .elementor-element.elementor-element-de63d01 .woocommerce-pagination {
    display: none;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-1abce37 *//* 1. Definicja zmiennych */
.elementor-63193 .elementor-element.elementor-element-1abce37 {
    --card: 0 0% 10.2%;
    --primary: 0 72% 50.6%;
    --border: 0 0% 20%;
    --radius: 1rem;
    --red-deep: 0 63% 45.1%;
    --glow-spread: 20px;
    --glow-opacity: 0.6;

    /* glow pod obrazkiem (dopasowuje się do rozmiaru obrazka) */
    --img-glow-opacity: .55;
    --img-glow-blur: 28px;     /* miękkość poświaty */
    --img-glow-scale: 1.10;    /* jak daleko ma “wychodzić” poza obrazek */
}

/* Wyrównanie siatki */
.elementor-63193 .elementor-element.elementor-element-1abce37 .products.elementor-grid {
    gap: 1.5rem !important;
    background-color: transparent;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

/* 2. Styl karty produktu */
.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product {
    background-color: transparent !important;
    border-radius: var(--radius) !important;
    border: none !important;
    padding: 0 !important;
    overflow: visible !important;          /* <-- żeby poświata nie była ucinana */
    transition: all 0.3s ease-in-out !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    height: 100% !important;
    position: relative;
    isolation: isolate;                    /* <-- glow nie miesza się z innymi */
}


/* 3. Obrazek + POŚWIATA za obrazkiem (skalowana do jego rozmiaru) */
.elementor-63193 .elementor-element.elementor-element-1abce37 .woocommerce-LoopProduct-link{
    position: relative;
    z-index: 0;
}

/* kontener dla poświaty — dopasowuje się do wymiarów img */
.elementor-63193 .elementor-element.elementor-element-1abce37 .woocommerce-LoopProduct-link .woocommerce-loop-product__link,
.elementor-63193 .elementor-element.elementor-element-1abce37 .woocommerce-LoopProduct-link{
    position: relative;
}

/* glow rysujemy na pseudoelementcie, a img dajemy wyżej */
.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product img{
    position: relative;
    z-index: 2;
    border-radius: 10px !important; 
    margin: 10px 10px 0 10px !important;
    width: calc(100% - 20px) !important;
    transition: transform 0.5s ease !important;
    aspect-ratio: 1/1;
    object-fit: cover;
}

/* Poświata: liczymy ją od “ramki” obrazka (margin 10px) */
.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product .woocommerce-LoopProduct-link::before{
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    /* wysokość = wysokość obrazka (aspect-ratio 1/1 -> szerokość) */
    aspect-ratio: 1 / 1;
    border-radius: 12px;
    z-index: 1;

    /* jasna poświata */
    background: radial-gradient(
        circle at 50% 50%,
        rgba(255,255,255, var(--img-glow-opacity)) 0%,
        rgba(255,255,255, 0.22) 35%,
        rgba(255,255,255, 0.00) 70%
    );

    filter: blur(var(--img-glow-blur));
    transform: scale(var(--img-glow-scale));
    pointer-events: none;
}

/* lekki boost na hover */
.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product:hover .woocommerce-LoopProduct-link::before{
    filter: blur(calc(var(--img-glow-blur) + 6px));
    transform: scale(calc(var(--img-glow-scale) + 0.04));
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product:hover img {
    transform: scale(1.05);
}

/* 4. Treść pod obrazkiem */
.elementor-63193 .elementor-element.elementor-element-1abce37 .woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1.25rem 0.5rem 1.25rem;
    text-decoration: none !important;
    flex-grow: 1;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .woocommerce-loop-product__title {
    margin: 0.5rem 0 !important;
    line-height: 1.4 !important;
    color: #ffffff !important;
    min-height: 2.8em;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .price {
    margin-top: auto !important;
    color: #E4232E !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 10px !important;
}

/* 5. STYLIZACJA WARIACJI (ZARÓWNO SELECT JAK I KAFELKI) */
.elementor-63193 .elementor-element.elementor-element-1abce37 .wvs-archive-variations-wrapper {
    padding: 0 1.25rem 1rem 1.25rem !important;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .variations {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Wygląd pola Select */
.elementor-63193 .elementor-element.elementor-element-1abce37 select[name*="attribute_"] {
    width: 100% !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    height: 40px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    cursor: pointer;
    outline: none !important;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23E4232E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

/* STYL DLA KAFELKÓW (UL) */
.elementor-63193 .elementor-element.elementor-element-1abce37 .variable-items-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .variable-item.button-variable-item {
    background-color: transparent !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    padding: 0 12px !important;
    min-width: 50px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .variable-item.button-variable-item.selected {
    border-color: #E4232E !important;
    background-color: #E4232E !important;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .variable-item-span {
    font-size: 13px !important;
    white-space: nowrap !important;
}

/* Przycisk Clear */
.elementor-63193 .elementor-element.elementor-element-1abce37 .wvs_archive_reset_variations_link {
    display: inline-block !important;
    color: #666 !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    margin-top: 8px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .wvs_archive_reset_variations_link:hover {
    color: #E4232E !important; 
}

/* 6. Przycisk "Dodaj do koszyka" */
.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product .button {
    margin: 0 1.25rem 1.25rem 1.25rem !important;
    background: linear-gradient(135deg, hsl(var(--red-deep)), hsl(var(--primary))) !important;
    border-radius: 0.6rem !important;
    padding: 0.75rem 1rem !important;
    text-transform: none !important;
    border: none !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 15px rgba(220, 38, 38, var(--glow-opacity)) !important;
    color: white !important;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product .button::before {
    content: "" !important;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product .button:hover {
    transform: scale(1.03);
    box-shadow: 0 0 var(--glow-spread) rgba(220, 38, 38, 0.8) !important;
    filter: brightness(1.1);
}

/* 7. Ukrycie paginacji */
.elementor-63193 .elementor-element.elementor-element-1abce37 .woocommerce-pagination {
    display: none;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-9d862e7 *//* 1. Definicja zmiennych */
.elementor-63193 .elementor-element.elementor-element-9d862e7 {
    --card: 0 0% 10.2%;
    --primary: 0 72% 50.6%;
    --border: 0 0% 20%;
    --radius: 1rem;
    --red-deep: 0 63% 45.1%;
    --glow-spread: 20px;
    --glow-opacity: 0.6;

    /* glow pod obrazkiem (dopasowuje się do rozmiaru obrazka) */
    --img-glow-opacity: .55;
    --img-glow-blur: 28px;     /* miękkość poświaty */
    --img-glow-scale: 1.10;    /* jak daleko ma “wychodzić” poza obrazek */
}

/* Wyrównanie siatki */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .products.elementor-grid {
    gap: 1.5rem !important;
    background-color: transparent;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

/* 2. Styl karty produktu */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product {
    background-color: transparent !important;
    border-radius: var(--radius) !important;
    border: none !important;
    padding: 0 !important;
    overflow: visible !important;          /* <-- żeby poświata nie była ucinana */
    transition: all 0.3s ease-in-out !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    height: 100% !important;
    position: relative;
    isolation: isolate;                    /* <-- glow nie miesza się z innymi */
}


/* 3. Obrazek + POŚWIATA za obrazkiem (skalowana do jego rozmiaru) */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .woocommerce-LoopProduct-link{
    position: relative;
    z-index: 0;
}

/* kontener dla poświaty — dopasowuje się do wymiarów img */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .woocommerce-LoopProduct-link .woocommerce-loop-product__link,
.elementor-63193 .elementor-element.elementor-element-9d862e7 .woocommerce-LoopProduct-link{
    position: relative;
}

/* glow rysujemy na pseudoelementcie, a img dajemy wyżej */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product img{
    position: relative;
    z-index: 2;
    border-radius: 10px !important; 
    margin: 10px 10px 0 10px !important;
    width: calc(100% - 20px) !important;
    transition: transform 0.5s ease !important;
    aspect-ratio: 1/1;
    object-fit: cover;
}

/* Poświata: liczymy ją od “ramki” obrazka (margin 10px) */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product .woocommerce-LoopProduct-link::before{
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    /* wysokość = wysokość obrazka (aspect-ratio 1/1 -> szerokość) */
    aspect-ratio: 1 / 1;
    border-radius: 12px;
    z-index: 1;

    /* jasna poświata */
    background: radial-gradient(
        circle at 50% 50%,
        rgba(255,255,255, var(--img-glow-opacity)) 0%,
        rgba(255,255,255, 0.22) 35%,
        rgba(255,255,255, 0.00) 70%
    );

    filter: blur(var(--img-glow-blur));
    transform: scale(var(--img-glow-scale));
    pointer-events: none;
}

/* lekki boost na hover */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product:hover .woocommerce-LoopProduct-link::before{
    filter: blur(calc(var(--img-glow-blur) + 6px));
    transform: scale(calc(var(--img-glow-scale) + 0.04));
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product:hover img {
    transform: scale(1.05);
}

/* 4. Treść pod obrazkiem */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1.25rem 0.5rem 1.25rem;
    text-decoration: none !important;
    flex-grow: 1;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .woocommerce-loop-product__title {
    margin: 0.5rem 0 !important;
    line-height: 1.4 !important;
    color: #ffffff !important;
    min-height: 2.8em;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .price {
    margin-top: auto !important;
    color: #E4232E !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 10px !important;
}

/* 5. STYLIZACJA WARIACJI (ZARÓWNO SELECT JAK I KAFELKI) */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .wvs-archive-variations-wrapper {
    padding: 0 1.25rem 1rem 1.25rem !important;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .variations {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Wygląd pola Select */
.elementor-63193 .elementor-element.elementor-element-9d862e7 select[name*="attribute_"] {
    width: 100% !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    height: 40px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    cursor: pointer;
    outline: none !important;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23E4232E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

/* STYL DLA KAFELKÓW (UL) */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .variable-items-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .variable-item.button-variable-item {
    background-color: transparent !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    padding: 0 12px !important;
    min-width: 50px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .variable-item.button-variable-item.selected {
    border-color: #E4232E !important;
    background-color: #E4232E !important;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .variable-item-span {
    font-size: 13px !important;
    white-space: nowrap !important;
}

/* Przycisk Clear */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .wvs_archive_reset_variations_link {
    display: inline-block !important;
    color: #666 !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    margin-top: 8px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .wvs_archive_reset_variations_link:hover {
    color: #E4232E !important; 
}

/* 6. Przycisk "Dodaj do koszyka" */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product .button {
    margin: 0 1.25rem 1.25rem 1.25rem !important;
    background: linear-gradient(135deg, hsl(var(--red-deep)), hsl(var(--primary))) !important;
    border-radius: 0.6rem !important;
    padding: 0.75rem 1rem !important;
    text-transform: none !important;
    border: none !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 15px rgba(220, 38, 38, var(--glow-opacity)) !important;
    color: white !important;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product .button::before {
    content: "" !important;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product .button:hover {
    transform: scale(1.03);
    box-shadow: 0 0 var(--glow-spread) rgba(220, 38, 38, 0.8) !important;
    filter: brightness(1.1);
}

/* 7. Ukrycie paginacji */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .woocommerce-pagination {
    display: none;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-346be8b *//* 1. Definicja zmiennych */
.elementor-63193 .elementor-element.elementor-element-346be8b {
    --card: 0 0% 10.2%;
    --primary: 0 72% 50.6%;
    --border: 0 0% 20%;
    --radius: 1rem;
    --red-deep: 0 63% 45.1%;
    --glow-spread: 20px;
    --glow-opacity: 0.6;

    /* glow pod obrazkiem (dopasowuje się do rozmiaru obrazka) */
    --img-glow-opacity: .55;
    --img-glow-blur: 28px;     /* miękkość poświaty */
    --img-glow-scale: 1.10;    /* jak daleko ma “wychodzić” poza obrazek */
}

/* Wyrównanie siatki */
.elementor-63193 .elementor-element.elementor-element-346be8b .products.elementor-grid {
    gap: 1.5rem !important;
    background-color: transparent;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

/* 2. Styl karty produktu */
.elementor-63193 .elementor-element.elementor-element-346be8b .products .product {
    background-color: transparent !important;
    border-radius: var(--radius) !important;
    border: none !important;
    padding: 0 !important;
    overflow: visible !important;          /* <-- żeby poświata nie była ucinana */
    transition: all 0.3s ease-in-out !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    height: 100% !important;
    position: relative;
    isolation: isolate;                    /* <-- glow nie miesza się z innymi */
}


/* 3. Obrazek + POŚWIATA za obrazkiem (skalowana do jego rozmiaru) */
.elementor-63193 .elementor-element.elementor-element-346be8b .woocommerce-LoopProduct-link{
    position: relative;
    z-index: 0;
}

/* kontener dla poświaty — dopasowuje się do wymiarów img */
.elementor-63193 .elementor-element.elementor-element-346be8b .woocommerce-LoopProduct-link .woocommerce-loop-product__link,
.elementor-63193 .elementor-element.elementor-element-346be8b .woocommerce-LoopProduct-link{
    position: relative;
}

/* glow rysujemy na pseudoelementcie, a img dajemy wyżej */
.elementor-63193 .elementor-element.elementor-element-346be8b .products .product img{
    position: relative;
    z-index: 2;
    border-radius: 10px !important; 
    margin: 10px 10px 0 10px !important;
    width: calc(100% - 20px) !important;
    transition: transform 0.5s ease !important;
    aspect-ratio: 1/1;
    object-fit: cover;
}

/* Poświata: liczymy ją od “ramki” obrazka (margin 10px) */
.elementor-63193 .elementor-element.elementor-element-346be8b .products .product .woocommerce-LoopProduct-link::before{
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    /* wysokość = wysokość obrazka (aspect-ratio 1/1 -> szerokość) */
    aspect-ratio: 1 / 1;
    border-radius: 12px;
    z-index: 1;

    /* jasna poświata */
    background: radial-gradient(
        circle at 50% 50%,
        rgba(255,255,255, var(--img-glow-opacity)) 0%,
        rgba(255,255,255, 0.22) 35%,
        rgba(255,255,255, 0.00) 70%
    );

    filter: blur(var(--img-glow-blur));
    transform: scale(var(--img-glow-scale));
    pointer-events: none;
}

/* lekki boost na hover */
.elementor-63193 .elementor-element.elementor-element-346be8b .products .product:hover .woocommerce-LoopProduct-link::before{
    filter: blur(calc(var(--img-glow-blur) + 6px));
    transform: scale(calc(var(--img-glow-scale) + 0.04));
}

.elementor-63193 .elementor-element.elementor-element-346be8b .products .product:hover img {
    transform: scale(1.05);
}

/* 4. Treść pod obrazkiem */
.elementor-63193 .elementor-element.elementor-element-346be8b .woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1.25rem 0.5rem 1.25rem;
    text-decoration: none !important;
    flex-grow: 1;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .woocommerce-loop-product__title {
    margin: 0.5rem 0 !important;
    line-height: 1.4 !important;
    color: #ffffff !important;
    min-height: 2.8em;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .price {
    margin-top: auto !important;
    color: #E4232E !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 10px !important;
}

/* 5. STYLIZACJA WARIACJI (ZARÓWNO SELECT JAK I KAFELKI) */
.elementor-63193 .elementor-element.elementor-element-346be8b .wvs-archive-variations-wrapper {
    padding: 0 1.25rem 1rem 1.25rem !important;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .variations {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Wygląd pola Select */
.elementor-63193 .elementor-element.elementor-element-346be8b select[name*="attribute_"] {
    width: 100% !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    height: 40px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    cursor: pointer;
    outline: none !important;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23E4232E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

/* STYL DLA KAFELKÓW (UL) */
.elementor-63193 .elementor-element.elementor-element-346be8b .variable-items-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .variable-item.button-variable-item {
    background-color: transparent !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    padding: 0 12px !important;
    min-width: 50px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .variable-item.button-variable-item.selected {
    border-color: #E4232E !important;
    background-color: #E4232E !important;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .variable-item-span {
    font-size: 13px !important;
    white-space: nowrap !important;
}

/* Przycisk Clear */
.elementor-63193 .elementor-element.elementor-element-346be8b .wvs_archive_reset_variations_link {
    display: inline-block !important;
    color: #666 !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    margin-top: 8px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .wvs_archive_reset_variations_link:hover {
    color: #E4232E !important; 
}

/* 6. Przycisk "Dodaj do koszyka" */
.elementor-63193 .elementor-element.elementor-element-346be8b .products .product .button {
    margin: 0 1.25rem 1.25rem 1.25rem !important;
    background: linear-gradient(135deg, hsl(var(--red-deep)), hsl(var(--primary))) !important;
    border-radius: 0.6rem !important;
    padding: 0.75rem 1rem !important;
    text-transform: none !important;
    border: none !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 15px rgba(220, 38, 38, var(--glow-opacity)) !important;
    color: white !important;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .products .product .button::before {
    content: "" !important;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .products .product .button:hover {
    transform: scale(1.03);
    box-shadow: 0 0 var(--glow-spread) rgba(220, 38, 38, 0.8) !important;
    filter: brightness(1.1);
}

/* 7. Ukrycie paginacji */
.elementor-63193 .elementor-element.elementor-element-346be8b .woocommerce-pagination {
    display: none;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-4f6e8d0 *//* 1. Definicja zmiennych */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 {
    --card: 0 0% 10.2%;
    --primary: 0 72% 50.6%;
    --border: 0 0% 20%;
    --radius: 1rem;
    --red-deep: 0 63% 45.1%;
    --glow-spread: 20px;
    --glow-opacity: 0.6;

    /* glow pod obrazkiem (dopasowuje się do rozmiaru obrazka) */
    --img-glow-opacity: .55;
    --img-glow-blur: 28px;     /* miękkość poświaty */
    --img-glow-scale: 1.10;    /* jak daleko ma “wychodzić” poza obrazek */
}

/* Wyrównanie siatki */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products.elementor-grid {
    gap: 1.5rem !important;
    background-color: transparent;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

/* 2. Styl karty produktu */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product {
    background-color: transparent !important;
    border-radius: var(--radius) !important;
    border: none !important;
    padding: 0 !important;
    overflow: visible !important;          /* <-- żeby poświata nie była ucinana */
    transition: all 0.3s ease-in-out !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    height: 100% !important;
    position: relative;
    isolation: isolate;                    /* <-- glow nie miesza się z innymi */
}


/* 3. Obrazek + POŚWIATA za obrazkiem (skalowana do jego rozmiaru) */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .woocommerce-LoopProduct-link{
    position: relative;
    z-index: 0;
}

/* kontener dla poświaty — dopasowuje się do wymiarów img */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .woocommerce-LoopProduct-link .woocommerce-loop-product__link,
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .woocommerce-LoopProduct-link{
    position: relative;
}

/* glow rysujemy na pseudoelementcie, a img dajemy wyżej */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product img{
    position: relative;
    z-index: 2;
    border-radius: 10px !important; 
    margin: 10px 10px 0 10px !important;
    width: calc(100% - 20px) !important;
    transition: transform 0.5s ease !important;
    aspect-ratio: 1/1;
    object-fit: cover;
}

/* Poświata: liczymy ją od “ramki” obrazka (margin 10px) */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product .woocommerce-LoopProduct-link::before{
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    /* wysokość = wysokość obrazka (aspect-ratio 1/1 -> szerokość) */
    aspect-ratio: 1 / 1;
    border-radius: 12px;
    z-index: 1;

    /* jasna poświata */
    background: radial-gradient(
        circle at 50% 50%,
        rgba(255,255,255, var(--img-glow-opacity)) 0%,
        rgba(255,255,255, 0.22) 35%,
        rgba(255,255,255, 0.00) 70%
    );

    filter: blur(var(--img-glow-blur));
    transform: scale(var(--img-glow-scale));
    pointer-events: none;
}

/* lekki boost na hover */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product:hover .woocommerce-LoopProduct-link::before{
    filter: blur(calc(var(--img-glow-blur) + 6px));
    transform: scale(calc(var(--img-glow-scale) + 0.04));
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product:hover img {
    transform: scale(1.05);
}

/* 4. Treść pod obrazkiem */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1.25rem 0.5rem 1.25rem;
    text-decoration: none !important;
    flex-grow: 1;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .woocommerce-loop-product__title {
    margin: 0.5rem 0 !important;
    line-height: 1.4 !important;
    color: #ffffff !important;
    min-height: 2.8em;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .price {
    margin-top: auto !important;
    color: #E4232E !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 10px !important;
}

/* 5. STYLIZACJA WARIACJI (ZARÓWNO SELECT JAK I KAFELKI) */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .wvs-archive-variations-wrapper {
    padding: 0 1.25rem 1rem 1.25rem !important;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .variations {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Wygląd pola Select */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 select[name*="attribute_"] {
    width: 100% !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    height: 40px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    cursor: pointer;
    outline: none !important;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23E4232E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

/* STYL DLA KAFELKÓW (UL) */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .variable-items-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .variable-item.button-variable-item {
    background-color: transparent !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    padding: 0 12px !important;
    min-width: 50px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .variable-item.button-variable-item.selected {
    border-color: #E4232E !important;
    background-color: #E4232E !important;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .variable-item-span {
    font-size: 13px !important;
    white-space: nowrap !important;
}

/* Przycisk Clear */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .wvs_archive_reset_variations_link {
    display: inline-block !important;
    color: #666 !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    margin-top: 8px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .wvs_archive_reset_variations_link:hover {
    color: #E4232E !important; 
}

/* 6. Przycisk "Dodaj do koszyka" */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product .button {
    margin: 0 1.25rem 1.25rem 1.25rem !important;
    background: linear-gradient(135deg, hsl(var(--red-deep)), hsl(var(--primary))) !important;
    border-radius: 0.6rem !important;
    padding: 0.75rem 1rem !important;
    text-transform: none !important;
    border: none !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 15px rgba(220, 38, 38, var(--glow-opacity)) !important;
    color: white !important;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product .button::before {
    content: "" !important;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product .button:hover {
    transform: scale(1.03);
    box-shadow: 0 0 var(--glow-spread) rgba(220, 38, 38, 0.8) !important;
    filter: brightness(1.1);
}

/* 7. Ukrycie paginacji */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .woocommerce-pagination {
    display: none;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-de63d01 *//* 1. Definicja zmiennych */
.elementor-63193 .elementor-element.elementor-element-de63d01 {
    --card: 0 0% 10.2%;
    --primary: 0 72% 50.6%;
    --border: 0 0% 20%;
    --radius: 1rem;
    --red-deep: 0 63% 45.1%;
    --glow-spread: 20px;
    --glow-opacity: 0.6;

    /* glow pod obrazkiem (dopasowuje się do rozmiaru obrazka) */
    --img-glow-opacity: .55;
    --img-glow-blur: 28px;     /* miękkość poświaty */
    --img-glow-scale: 1.10;    /* jak daleko ma “wychodzić” poza obrazek */
}

/* Wyrównanie siatki */
.elementor-63193 .elementor-element.elementor-element-de63d01 .products.elementor-grid {
    gap: 1.5rem !important;
    background-color: transparent;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

/* 2. Styl karty produktu */
.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product {
    background-color: transparent !important;
    border-radius: var(--radius) !important;
    border: none !important;
    padding: 0 !important;
    overflow: visible !important;          /* <-- żeby poświata nie była ucinana */
    transition: all 0.3s ease-in-out !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    height: 100% !important;
    position: relative;
    isolation: isolate;                    /* <-- glow nie miesza się z innymi */
}


/* 3. Obrazek + POŚWIATA za obrazkiem (skalowana do jego rozmiaru) */
.elementor-63193 .elementor-element.elementor-element-de63d01 .woocommerce-LoopProduct-link{
    position: relative;
    z-index: 0;
}

/* kontener dla poświaty — dopasowuje się do wymiarów img */
.elementor-63193 .elementor-element.elementor-element-de63d01 .woocommerce-LoopProduct-link .woocommerce-loop-product__link,
.elementor-63193 .elementor-element.elementor-element-de63d01 .woocommerce-LoopProduct-link{
    position: relative;
}

/* glow rysujemy na pseudoelementcie, a img dajemy wyżej */
.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product img{
    position: relative;
    z-index: 2;
    border-radius: 10px !important; 
    margin: 10px 10px 0 10px !important;
    width: calc(100% - 20px) !important;
    transition: transform 0.5s ease !important;
    aspect-ratio: 1/1;
    object-fit: cover;
}

/* Poświata: liczymy ją od “ramki” obrazka (margin 10px) */
.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product .woocommerce-LoopProduct-link::before{
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    /* wysokość = wysokość obrazka (aspect-ratio 1/1 -> szerokość) */
    aspect-ratio: 1 / 1;
    border-radius: 12px;
    z-index: 1;

    /* jasna poświata */
    background: radial-gradient(
        circle at 50% 50%,
        rgba(255,255,255, var(--img-glow-opacity)) 0%,
        rgba(255,255,255, 0.22) 35%,
        rgba(255,255,255, 0.00) 70%
    );

    filter: blur(var(--img-glow-blur));
    transform: scale(var(--img-glow-scale));
    pointer-events: none;
}

/* lekki boost na hover */
.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product:hover .woocommerce-LoopProduct-link::before{
    filter: blur(calc(var(--img-glow-blur) + 6px));
    transform: scale(calc(var(--img-glow-scale) + 0.04));
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product:hover img {
    transform: scale(1.05);
}

/* 4. Treść pod obrazkiem */
.elementor-63193 .elementor-element.elementor-element-de63d01 .woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1.25rem 0.5rem 1.25rem;
    text-decoration: none !important;
    flex-grow: 1;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .woocommerce-loop-product__title {
    margin: 0.5rem 0 !important;
    line-height: 1.4 !important;
    color: #ffffff !important;
    min-height: 2.8em;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .price {
    margin-top: auto !important;
    color: #E4232E !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 10px !important;
}

/* 5. STYLIZACJA WARIACJI (ZARÓWNO SELECT JAK I KAFELKI) */
.elementor-63193 .elementor-element.elementor-element-de63d01 .wvs-archive-variations-wrapper {
    padding: 0 1.25rem 1rem 1.25rem !important;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .variations {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Wygląd pola Select */
.elementor-63193 .elementor-element.elementor-element-de63d01 select[name*="attribute_"] {
    width: 100% !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    height: 40px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    cursor: pointer;
    outline: none !important;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23E4232E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

/* STYL DLA KAFELKÓW (UL) */
.elementor-63193 .elementor-element.elementor-element-de63d01 .variable-items-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .variable-item.button-variable-item {
    background-color: transparent !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    padding: 0 12px !important;
    min-width: 50px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .variable-item.button-variable-item.selected {
    border-color: #E4232E !important;
    background-color: #E4232E !important;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .variable-item-span {
    font-size: 13px !important;
    white-space: nowrap !important;
}

/* Przycisk Clear */
.elementor-63193 .elementor-element.elementor-element-de63d01 .wvs_archive_reset_variations_link {
    display: inline-block !important;
    color: #666 !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    margin-top: 8px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .wvs_archive_reset_variations_link:hover {
    color: #E4232E !important; 
}

/* 6. Przycisk "Dodaj do koszyka" */
.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product .button {
    margin: 0 1.25rem 1.25rem 1.25rem !important;
    background: linear-gradient(135deg, hsl(var(--red-deep)), hsl(var(--primary))) !important;
    border-radius: 0.6rem !important;
    padding: 0.75rem 1rem !important;
    text-transform: none !important;
    border: none !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 15px rgba(220, 38, 38, var(--glow-opacity)) !important;
    color: white !important;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product .button::before {
    content: "" !important;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product .button:hover {
    transform: scale(1.03);
    box-shadow: 0 0 var(--glow-spread) rgba(220, 38, 38, 0.8) !important;
    filter: brightness(1.1);
}

/* 7. Ukrycie paginacji */
.elementor-63193 .elementor-element.elementor-element-de63d01 .woocommerce-pagination {
    display: none;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-1abce37 *//* 1. Definicja zmiennych */
.elementor-63193 .elementor-element.elementor-element-1abce37 {
    --card: 0 0% 10.2%;
    --primary: 0 72% 50.6%;
    --border: 0 0% 20%;
    --radius: 1rem;
    --red-deep: 0 63% 45.1%;
    --glow-spread: 20px;
    --glow-opacity: 0.6;

    /* glow pod obrazkiem (dopasowuje się do rozmiaru obrazka) */
    --img-glow-opacity: .55;
    --img-glow-blur: 28px;     /* miękkość poświaty */
    --img-glow-scale: 1.10;    /* jak daleko ma “wychodzić” poza obrazek */
}

/* Wyrównanie siatki */
.elementor-63193 .elementor-element.elementor-element-1abce37 .products.elementor-grid {
    gap: 1.5rem !important;
    background-color: transparent;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

/* 2. Styl karty produktu */
.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product {
    background-color: transparent !important;
    border-radius: var(--radius) !important;
    border: none !important;
    padding: 0 !important;
    overflow: visible !important;          /* <-- żeby poświata nie była ucinana */
    transition: all 0.3s ease-in-out !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    height: 100% !important;
    position: relative;
    isolation: isolate;                    /* <-- glow nie miesza się z innymi */
}


/* 3. Obrazek + POŚWIATA za obrazkiem (skalowana do jego rozmiaru) */
.elementor-63193 .elementor-element.elementor-element-1abce37 .woocommerce-LoopProduct-link{
    position: relative;
    z-index: 0;
}

/* kontener dla poświaty — dopasowuje się do wymiarów img */
.elementor-63193 .elementor-element.elementor-element-1abce37 .woocommerce-LoopProduct-link .woocommerce-loop-product__link,
.elementor-63193 .elementor-element.elementor-element-1abce37 .woocommerce-LoopProduct-link{
    position: relative;
}

/* glow rysujemy na pseudoelementcie, a img dajemy wyżej */
.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product img{
    position: relative;
    z-index: 2;
    border-radius: 10px !important; 
    margin: 10px 10px 0 10px !important;
    width: calc(100% - 20px) !important;
    transition: transform 0.5s ease !important;
    aspect-ratio: 1/1;
    object-fit: cover;
}

/* Poświata: liczymy ją od “ramki” obrazka (margin 10px) */
.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product .woocommerce-LoopProduct-link::before{
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    /* wysokość = wysokość obrazka (aspect-ratio 1/1 -> szerokość) */
    aspect-ratio: 1 / 1;
    border-radius: 12px;
    z-index: 1;

    /* jasna poświata */
    background: radial-gradient(
        circle at 50% 50%,
        rgba(255,255,255, var(--img-glow-opacity)) 0%,
        rgba(255,255,255, 0.22) 35%,
        rgba(255,255,255, 0.00) 70%
    );

    filter: blur(var(--img-glow-blur));
    transform: scale(var(--img-glow-scale));
    pointer-events: none;
}

/* lekki boost na hover */
.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product:hover .woocommerce-LoopProduct-link::before{
    filter: blur(calc(var(--img-glow-blur) + 6px));
    transform: scale(calc(var(--img-glow-scale) + 0.04));
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product:hover img {
    transform: scale(1.05);
}

/* 4. Treść pod obrazkiem */
.elementor-63193 .elementor-element.elementor-element-1abce37 .woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1.25rem 0.5rem 1.25rem;
    text-decoration: none !important;
    flex-grow: 1;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .woocommerce-loop-product__title {
    margin: 0.5rem 0 !important;
    line-height: 1.4 !important;
    color: #ffffff !important;
    min-height: 2.8em;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .price {
    margin-top: auto !important;
    color: #E4232E !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 10px !important;
}

/* 5. STYLIZACJA WARIACJI (ZARÓWNO SELECT JAK I KAFELKI) */
.elementor-63193 .elementor-element.elementor-element-1abce37 .wvs-archive-variations-wrapper {
    padding: 0 1.25rem 1rem 1.25rem !important;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .variations {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Wygląd pola Select */
.elementor-63193 .elementor-element.elementor-element-1abce37 select[name*="attribute_"] {
    width: 100% !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    height: 40px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    cursor: pointer;
    outline: none !important;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23E4232E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

/* STYL DLA KAFELKÓW (UL) */
.elementor-63193 .elementor-element.elementor-element-1abce37 .variable-items-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .variable-item.button-variable-item {
    background-color: transparent !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    padding: 0 12px !important;
    min-width: 50px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .variable-item.button-variable-item.selected {
    border-color: #E4232E !important;
    background-color: #E4232E !important;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .variable-item-span {
    font-size: 13px !important;
    white-space: nowrap !important;
}

/* Przycisk Clear */
.elementor-63193 .elementor-element.elementor-element-1abce37 .wvs_archive_reset_variations_link {
    display: inline-block !important;
    color: #666 !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    margin-top: 8px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .wvs_archive_reset_variations_link:hover {
    color: #E4232E !important; 
}

/* 6. Przycisk "Dodaj do koszyka" */
.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product .button {
    margin: 0 1.25rem 1.25rem 1.25rem !important;
    background: linear-gradient(135deg, hsl(var(--red-deep)), hsl(var(--primary))) !important;
    border-radius: 0.6rem !important;
    padding: 0.75rem 1rem !important;
    text-transform: none !important;
    border: none !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 15px rgba(220, 38, 38, var(--glow-opacity)) !important;
    color: white !important;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product .button::before {
    content: "" !important;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product .button:hover {
    transform: scale(1.03);
    box-shadow: 0 0 var(--glow-spread) rgba(220, 38, 38, 0.8) !important;
    filter: brightness(1.1);
}

/* 7. Ukrycie paginacji */
.elementor-63193 .elementor-element.elementor-element-1abce37 .woocommerce-pagination {
    display: none;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-9d862e7 *//* 1. Definicja zmiennych */
.elementor-63193 .elementor-element.elementor-element-9d862e7 {
    --card: 0 0% 10.2%;
    --primary: 0 72% 50.6%;
    --border: 0 0% 20%;
    --radius: 1rem;
    --red-deep: 0 63% 45.1%;
    --glow-spread: 20px;
    --glow-opacity: 0.6;

    /* glow pod obrazkiem (dopasowuje się do rozmiaru obrazka) */
    --img-glow-opacity: .55;
    --img-glow-blur: 28px;     /* miękkość poświaty */
    --img-glow-scale: 1.10;    /* jak daleko ma “wychodzić” poza obrazek */
}

/* Wyrównanie siatki */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .products.elementor-grid {
    gap: 1.5rem !important;
    background-color: transparent;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

/* 2. Styl karty produktu */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product {
    background-color: transparent !important;
    border-radius: var(--radius) !important;
    border: none !important;
    padding: 0 !important;
    overflow: visible !important;          /* <-- żeby poświata nie była ucinana */
    transition: all 0.3s ease-in-out !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    height: 100% !important;
    position: relative;
    isolation: isolate;                    /* <-- glow nie miesza się z innymi */
}


/* 3. Obrazek + POŚWIATA za obrazkiem (skalowana do jego rozmiaru) */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .woocommerce-LoopProduct-link{
    position: relative;
    z-index: 0;
}

/* kontener dla poświaty — dopasowuje się do wymiarów img */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .woocommerce-LoopProduct-link .woocommerce-loop-product__link,
.elementor-63193 .elementor-element.elementor-element-9d862e7 .woocommerce-LoopProduct-link{
    position: relative;
}

/* glow rysujemy na pseudoelementcie, a img dajemy wyżej */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product img{
    position: relative;
    z-index: 2;
    border-radius: 10px !important; 
    margin: 10px 10px 0 10px !important;
    width: calc(100% - 20px) !important;
    transition: transform 0.5s ease !important;
    aspect-ratio: 1/1;
    object-fit: cover;
}

/* Poświata: liczymy ją od “ramki” obrazka (margin 10px) */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product .woocommerce-LoopProduct-link::before{
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    /* wysokość = wysokość obrazka (aspect-ratio 1/1 -> szerokość) */
    aspect-ratio: 1 / 1;
    border-radius: 12px;
    z-index: 1;

    /* jasna poświata */
    background: radial-gradient(
        circle at 50% 50%,
        rgba(255,255,255, var(--img-glow-opacity)) 0%,
        rgba(255,255,255, 0.22) 35%,
        rgba(255,255,255, 0.00) 70%
    );

    filter: blur(var(--img-glow-blur));
    transform: scale(var(--img-glow-scale));
    pointer-events: none;
}

/* lekki boost na hover */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product:hover .woocommerce-LoopProduct-link::before{
    filter: blur(calc(var(--img-glow-blur) + 6px));
    transform: scale(calc(var(--img-glow-scale) + 0.04));
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product:hover img {
    transform: scale(1.05);
}

/* 4. Treść pod obrazkiem */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1.25rem 0.5rem 1.25rem;
    text-decoration: none !important;
    flex-grow: 1;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .woocommerce-loop-product__title {
    margin: 0.5rem 0 !important;
    line-height: 1.4 !important;
    color: #ffffff !important;
    min-height: 2.8em;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .price {
    margin-top: auto !important;
    color: #E4232E !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 10px !important;
}

/* 5. STYLIZACJA WARIACJI (ZARÓWNO SELECT JAK I KAFELKI) */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .wvs-archive-variations-wrapper {
    padding: 0 1.25rem 1rem 1.25rem !important;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .variations {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Wygląd pola Select */
.elementor-63193 .elementor-element.elementor-element-9d862e7 select[name*="attribute_"] {
    width: 100% !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    height: 40px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    cursor: pointer;
    outline: none !important;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23E4232E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

/* STYL DLA KAFELKÓW (UL) */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .variable-items-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .variable-item.button-variable-item {
    background-color: transparent !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    padding: 0 12px !important;
    min-width: 50px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .variable-item.button-variable-item.selected {
    border-color: #E4232E !important;
    background-color: #E4232E !important;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .variable-item-span {
    font-size: 13px !important;
    white-space: nowrap !important;
}

/* Przycisk Clear */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .wvs_archive_reset_variations_link {
    display: inline-block !important;
    color: #666 !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    margin-top: 8px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .wvs_archive_reset_variations_link:hover {
    color: #E4232E !important; 
}

/* 6. Przycisk "Dodaj do koszyka" */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product .button {
    margin: 0 1.25rem 1.25rem 1.25rem !important;
    background: linear-gradient(135deg, hsl(var(--red-deep)), hsl(var(--primary))) !important;
    border-radius: 0.6rem !important;
    padding: 0.75rem 1rem !important;
    text-transform: none !important;
    border: none !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 15px rgba(220, 38, 38, var(--glow-opacity)) !important;
    color: white !important;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product .button::before {
    content: "" !important;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product .button:hover {
    transform: scale(1.03);
    box-shadow: 0 0 var(--glow-spread) rgba(220, 38, 38, 0.8) !important;
    filter: brightness(1.1);
}

/* 7. Ukrycie paginacji */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .woocommerce-pagination {
    display: none;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-346be8b *//* 1. Definicja zmiennych */
.elementor-63193 .elementor-element.elementor-element-346be8b {
    --card: 0 0% 10.2%;
    --primary: 0 72% 50.6%;
    --border: 0 0% 20%;
    --radius: 1rem;
    --red-deep: 0 63% 45.1%;
    --glow-spread: 20px;
    --glow-opacity: 0.6;

    /* glow pod obrazkiem (dopasowuje się do rozmiaru obrazka) */
    --img-glow-opacity: .55;
    --img-glow-blur: 28px;     /* miękkość poświaty */
    --img-glow-scale: 1.10;    /* jak daleko ma “wychodzić” poza obrazek */
}

/* Wyrównanie siatki */
.elementor-63193 .elementor-element.elementor-element-346be8b .products.elementor-grid {
    gap: 1.5rem !important;
    background-color: transparent;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

/* 2. Styl karty produktu */
.elementor-63193 .elementor-element.elementor-element-346be8b .products .product {
    background-color: transparent !important;
    border-radius: var(--radius) !important;
    border: none !important;
    padding: 0 !important;
    overflow: visible !important;          /* <-- żeby poświata nie była ucinana */
    transition: all 0.3s ease-in-out !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    height: 100% !important;
    position: relative;
    isolation: isolate;                    /* <-- glow nie miesza się z innymi */
}


/* 3. Obrazek + POŚWIATA za obrazkiem (skalowana do jego rozmiaru) */
.elementor-63193 .elementor-element.elementor-element-346be8b .woocommerce-LoopProduct-link{
    position: relative;
    z-index: 0;
}

/* kontener dla poświaty — dopasowuje się do wymiarów img */
.elementor-63193 .elementor-element.elementor-element-346be8b .woocommerce-LoopProduct-link .woocommerce-loop-product__link,
.elementor-63193 .elementor-element.elementor-element-346be8b .woocommerce-LoopProduct-link{
    position: relative;
}

/* glow rysujemy na pseudoelementcie, a img dajemy wyżej */
.elementor-63193 .elementor-element.elementor-element-346be8b .products .product img{
    position: relative;
    z-index: 2;
    border-radius: 10px !important; 
    margin: 10px 10px 0 10px !important;
    width: calc(100% - 20px) !important;
    transition: transform 0.5s ease !important;
    aspect-ratio: 1/1;
    object-fit: cover;
}

/* Poświata: liczymy ją od “ramki” obrazka (margin 10px) */
.elementor-63193 .elementor-element.elementor-element-346be8b .products .product .woocommerce-LoopProduct-link::before{
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    /* wysokość = wysokość obrazka (aspect-ratio 1/1 -> szerokość) */
    aspect-ratio: 1 / 1;
    border-radius: 12px;
    z-index: 1;

    /* jasna poświata */
    background: radial-gradient(
        circle at 50% 50%,
        rgba(255,255,255, var(--img-glow-opacity)) 0%,
        rgba(255,255,255, 0.22) 35%,
        rgba(255,255,255, 0.00) 70%
    );

    filter: blur(var(--img-glow-blur));
    transform: scale(var(--img-glow-scale));
    pointer-events: none;
}

/* lekki boost na hover */
.elementor-63193 .elementor-element.elementor-element-346be8b .products .product:hover .woocommerce-LoopProduct-link::before{
    filter: blur(calc(var(--img-glow-blur) + 6px));
    transform: scale(calc(var(--img-glow-scale) + 0.04));
}

.elementor-63193 .elementor-element.elementor-element-346be8b .products .product:hover img {
    transform: scale(1.05);
}

/* 4. Treść pod obrazkiem */
.elementor-63193 .elementor-element.elementor-element-346be8b .woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1.25rem 0.5rem 1.25rem;
    text-decoration: none !important;
    flex-grow: 1;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .woocommerce-loop-product__title {
    margin: 0.5rem 0 !important;
    line-height: 1.4 !important;
    color: #ffffff !important;
    min-height: 2.8em;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .price {
    margin-top: auto !important;
    color: #E4232E !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 10px !important;
}

/* 5. STYLIZACJA WARIACJI (ZARÓWNO SELECT JAK I KAFELKI) */
.elementor-63193 .elementor-element.elementor-element-346be8b .wvs-archive-variations-wrapper {
    padding: 0 1.25rem 1rem 1.25rem !important;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .variations {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Wygląd pola Select */
.elementor-63193 .elementor-element.elementor-element-346be8b select[name*="attribute_"] {
    width: 100% !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    height: 40px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    cursor: pointer;
    outline: none !important;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23E4232E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

/* STYL DLA KAFELKÓW (UL) */
.elementor-63193 .elementor-element.elementor-element-346be8b .variable-items-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .variable-item.button-variable-item {
    background-color: transparent !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    padding: 0 12px !important;
    min-width: 50px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .variable-item.button-variable-item.selected {
    border-color: #E4232E !important;
    background-color: #E4232E !important;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .variable-item-span {
    font-size: 13px !important;
    white-space: nowrap !important;
}

/* Przycisk Clear */
.elementor-63193 .elementor-element.elementor-element-346be8b .wvs_archive_reset_variations_link {
    display: inline-block !important;
    color: #666 !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    margin-top: 8px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .wvs_archive_reset_variations_link:hover {
    color: #E4232E !important; 
}

/* 6. Przycisk "Dodaj do koszyka" */
.elementor-63193 .elementor-element.elementor-element-346be8b .products .product .button {
    margin: 0 1.25rem 1.25rem 1.25rem !important;
    background: linear-gradient(135deg, hsl(var(--red-deep)), hsl(var(--primary))) !important;
    border-radius: 0.6rem !important;
    padding: 0.75rem 1rem !important;
    text-transform: none !important;
    border: none !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 15px rgba(220, 38, 38, var(--glow-opacity)) !important;
    color: white !important;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .products .product .button::before {
    content: "" !important;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .products .product .button:hover {
    transform: scale(1.03);
    box-shadow: 0 0 var(--glow-spread) rgba(220, 38, 38, 0.8) !important;
    filter: brightness(1.1);
}

/* 7. Ukrycie paginacji */
.elementor-63193 .elementor-element.elementor-element-346be8b .woocommerce-pagination {
    display: none;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-4f6e8d0 *//* 1. Definicja zmiennych */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 {
    --card: 0 0% 10.2%;
    --primary: 0 72% 50.6%;
    --border: 0 0% 20%;
    --radius: 1rem;
    --red-deep: 0 63% 45.1%;
    --glow-spread: 20px;
    --glow-opacity: 0.6;

    /* glow pod obrazkiem (dopasowuje się do rozmiaru obrazka) */
    --img-glow-opacity: .55;
    --img-glow-blur: 28px;     /* miękkość poświaty */
    --img-glow-scale: 1.10;    /* jak daleko ma “wychodzić” poza obrazek */
}

/* Wyrównanie siatki */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products.elementor-grid {
    gap: 1.5rem !important;
    background-color: transparent;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

/* 2. Styl karty produktu */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product {
    background-color: transparent !important;
    border-radius: var(--radius) !important;
    border: none !important;
    padding: 0 !important;
    overflow: visible !important;          /* <-- żeby poświata nie była ucinana */
    transition: all 0.3s ease-in-out !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    height: 100% !important;
    position: relative;
    isolation: isolate;                    /* <-- glow nie miesza się z innymi */
}


/* 3. Obrazek + POŚWIATA za obrazkiem (skalowana do jego rozmiaru) */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .woocommerce-LoopProduct-link{
    position: relative;
    z-index: 0;
}

/* kontener dla poświaty — dopasowuje się do wymiarów img */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .woocommerce-LoopProduct-link .woocommerce-loop-product__link,
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .woocommerce-LoopProduct-link{
    position: relative;
}

/* glow rysujemy na pseudoelementcie, a img dajemy wyżej */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product img{
    position: relative;
    z-index: 2;
    border-radius: 10px !important; 
    margin: 10px 10px 0 10px !important;
    width: calc(100% - 20px) !important;
    transition: transform 0.5s ease !important;
    aspect-ratio: 1/1;
    object-fit: cover;
}

/* Poświata: liczymy ją od “ramki” obrazka (margin 10px) */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product .woocommerce-LoopProduct-link::before{
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    /* wysokość = wysokość obrazka (aspect-ratio 1/1 -> szerokość) */
    aspect-ratio: 1 / 1;
    border-radius: 12px;
    z-index: 1;

    /* jasna poświata */
    background: radial-gradient(
        circle at 50% 50%,
        rgba(255,255,255, var(--img-glow-opacity)) 0%,
        rgba(255,255,255, 0.22) 35%,
        rgba(255,255,255, 0.00) 70%
    );

    filter: blur(var(--img-glow-blur));
    transform: scale(var(--img-glow-scale));
    pointer-events: none;
}

/* lekki boost na hover */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product:hover .woocommerce-LoopProduct-link::before{
    filter: blur(calc(var(--img-glow-blur) + 6px));
    transform: scale(calc(var(--img-glow-scale) + 0.04));
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product:hover img {
    transform: scale(1.05);
}

/* 4. Treść pod obrazkiem */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1.25rem 0.5rem 1.25rem;
    text-decoration: none !important;
    flex-grow: 1;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .woocommerce-loop-product__title {
    margin: 0.5rem 0 !important;
    line-height: 1.4 !important;
    color: #ffffff !important;
    min-height: 2.8em;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .price {
    margin-top: auto !important;
    color: #E4232E !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 10px !important;
}

/* 5. STYLIZACJA WARIACJI (ZARÓWNO SELECT JAK I KAFELKI) */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .wvs-archive-variations-wrapper {
    padding: 0 1.25rem 1rem 1.25rem !important;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .variations {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Wygląd pola Select */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 select[name*="attribute_"] {
    width: 100% !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    height: 40px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    cursor: pointer;
    outline: none !important;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23E4232E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

/* STYL DLA KAFELKÓW (UL) */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .variable-items-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .variable-item.button-variable-item {
    background-color: transparent !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    padding: 0 12px !important;
    min-width: 50px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .variable-item.button-variable-item.selected {
    border-color: #E4232E !important;
    background-color: #E4232E !important;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .variable-item-span {
    font-size: 13px !important;
    white-space: nowrap !important;
}

/* Przycisk Clear */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .wvs_archive_reset_variations_link {
    display: inline-block !important;
    color: #666 !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    margin-top: 8px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .wvs_archive_reset_variations_link:hover {
    color: #E4232E !important; 
}

/* 6. Przycisk "Dodaj do koszyka" */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product .button {
    margin: 0 1.25rem 1.25rem 1.25rem !important;
    background: linear-gradient(135deg, hsl(var(--red-deep)), hsl(var(--primary))) !important;
    border-radius: 0.6rem !important;
    padding: 0.75rem 1rem !important;
    text-transform: none !important;
    border: none !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 15px rgba(220, 38, 38, var(--glow-opacity)) !important;
    color: white !important;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product .button::before {
    content: "" !important;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product .button:hover {
    transform: scale(1.03);
    box-shadow: 0 0 var(--glow-spread) rgba(220, 38, 38, 0.8) !important;
    filter: brightness(1.1);
}

/* 7. Ukrycie paginacji */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .woocommerce-pagination {
    display: none;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-de63d01 *//* 1. Definicja zmiennych */
.elementor-63193 .elementor-element.elementor-element-de63d01 {
    --card: 0 0% 10.2%;
    --primary: 0 72% 50.6%;
    --border: 0 0% 20%;
    --radius: 1rem;
    --red-deep: 0 63% 45.1%;
    --glow-spread: 20px;
    --glow-opacity: 0.6;

    /* glow pod obrazkiem (dopasowuje się do rozmiaru obrazka) */
    --img-glow-opacity: .55;
    --img-glow-blur: 28px;     /* miękkość poświaty */
    --img-glow-scale: 1.10;    /* jak daleko ma “wychodzić” poza obrazek */
}

/* Wyrównanie siatki */
.elementor-63193 .elementor-element.elementor-element-de63d01 .products.elementor-grid {
    gap: 1.5rem !important;
    background-color: transparent;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

/* 2. Styl karty produktu */
.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product {
    background-color: transparent !important;
    border-radius: var(--radius) !important;
    border: none !important;
    padding: 0 !important;
    overflow: visible !important;          /* <-- żeby poświata nie była ucinana */
    transition: all 0.3s ease-in-out !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    height: 100% !important;
    position: relative;
    isolation: isolate;                    /* <-- glow nie miesza się z innymi */
}


/* 3. Obrazek + POŚWIATA za obrazkiem (skalowana do jego rozmiaru) */
.elementor-63193 .elementor-element.elementor-element-de63d01 .woocommerce-LoopProduct-link{
    position: relative;
    z-index: 0;
}

/* kontener dla poświaty — dopasowuje się do wymiarów img */
.elementor-63193 .elementor-element.elementor-element-de63d01 .woocommerce-LoopProduct-link .woocommerce-loop-product__link,
.elementor-63193 .elementor-element.elementor-element-de63d01 .woocommerce-LoopProduct-link{
    position: relative;
}

/* glow rysujemy na pseudoelementcie, a img dajemy wyżej */
.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product img{
    position: relative;
    z-index: 2;
    border-radius: 10px !important; 
    margin: 10px 10px 0 10px !important;
    width: calc(100% - 20px) !important;
    transition: transform 0.5s ease !important;
    aspect-ratio: 1/1;
    object-fit: cover;
}

/* Poświata: liczymy ją od “ramki” obrazka (margin 10px) */
.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product .woocommerce-LoopProduct-link::before{
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    /* wysokość = wysokość obrazka (aspect-ratio 1/1 -> szerokość) */
    aspect-ratio: 1 / 1;
    border-radius: 12px;
    z-index: 1;

    /* jasna poświata */
    background: radial-gradient(
        circle at 50% 50%,
        rgba(255,255,255, var(--img-glow-opacity)) 0%,
        rgba(255,255,255, 0.22) 35%,
        rgba(255,255,255, 0.00) 70%
    );

    filter: blur(var(--img-glow-blur));
    transform: scale(var(--img-glow-scale));
    pointer-events: none;
}

/* lekki boost na hover */
.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product:hover .woocommerce-LoopProduct-link::before{
    filter: blur(calc(var(--img-glow-blur) + 6px));
    transform: scale(calc(var(--img-glow-scale) + 0.04));
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product:hover img {
    transform: scale(1.05);
}

/* 4. Treść pod obrazkiem */
.elementor-63193 .elementor-element.elementor-element-de63d01 .woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1.25rem 0.5rem 1.25rem;
    text-decoration: none !important;
    flex-grow: 1;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .woocommerce-loop-product__title {
    margin: 0.5rem 0 !important;
    line-height: 1.4 !important;
    color: #ffffff !important;
    min-height: 2.8em;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .price {
    margin-top: auto !important;
    color: #E4232E !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 10px !important;
}

/* 5. STYLIZACJA WARIACJI (ZARÓWNO SELECT JAK I KAFELKI) */
.elementor-63193 .elementor-element.elementor-element-de63d01 .wvs-archive-variations-wrapper {
    padding: 0 1.25rem 1rem 1.25rem !important;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .variations {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Wygląd pola Select */
.elementor-63193 .elementor-element.elementor-element-de63d01 select[name*="attribute_"] {
    width: 100% !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    height: 40px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    cursor: pointer;
    outline: none !important;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23E4232E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

/* STYL DLA KAFELKÓW (UL) */
.elementor-63193 .elementor-element.elementor-element-de63d01 .variable-items-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .variable-item.button-variable-item {
    background-color: transparent !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    padding: 0 12px !important;
    min-width: 50px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .variable-item.button-variable-item.selected {
    border-color: #E4232E !important;
    background-color: #E4232E !important;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .variable-item-span {
    font-size: 13px !important;
    white-space: nowrap !important;
}

/* Przycisk Clear */
.elementor-63193 .elementor-element.elementor-element-de63d01 .wvs_archive_reset_variations_link {
    display: inline-block !important;
    color: #666 !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    margin-top: 8px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .wvs_archive_reset_variations_link:hover {
    color: #E4232E !important; 
}

/* 6. Przycisk "Dodaj do koszyka" */
.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product .button {
    margin: 0 1.25rem 1.25rem 1.25rem !important;
    background: linear-gradient(135deg, hsl(var(--red-deep)), hsl(var(--primary))) !important;
    border-radius: 0.6rem !important;
    padding: 0.75rem 1rem !important;
    text-transform: none !important;
    border: none !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 15px rgba(220, 38, 38, var(--glow-opacity)) !important;
    color: white !important;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product .button::before {
    content: "" !important;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product .button:hover {
    transform: scale(1.03);
    box-shadow: 0 0 var(--glow-spread) rgba(220, 38, 38, 0.8) !important;
    filter: brightness(1.1);
}

/* 7. Ukrycie paginacji */
.elementor-63193 .elementor-element.elementor-element-de63d01 .woocommerce-pagination {
    display: none;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-1abce37 *//* 1. Definicja zmiennych */
.elementor-63193 .elementor-element.elementor-element-1abce37 {
    --card: 0 0% 10.2%;
    --primary: 0 72% 50.6%;
    --border: 0 0% 20%;
    --radius: 1rem;
    --red-deep: 0 63% 45.1%;
    --glow-spread: 20px;
    --glow-opacity: 0.6;

    /* glow pod obrazkiem (dopasowuje się do rozmiaru obrazka) */
    --img-glow-opacity: .55;
    --img-glow-blur: 28px;     /* miękkość poświaty */
    --img-glow-scale: 1.10;    /* jak daleko ma “wychodzić” poza obrazek */
}

/* Wyrównanie siatki */
.elementor-63193 .elementor-element.elementor-element-1abce37 .products.elementor-grid {
    gap: 1.5rem !important;
    background-color: transparent;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

/* 2. Styl karty produktu */
.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product {
    background-color: transparent !important;
    border-radius: var(--radius) !important;
    border: none !important;
    padding: 0 !important;
    overflow: visible !important;          /* <-- żeby poświata nie była ucinana */
    transition: all 0.3s ease-in-out !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    height: 100% !important;
    position: relative;
    isolation: isolate;                    /* <-- glow nie miesza się z innymi */
}


/* 3. Obrazek + POŚWIATA za obrazkiem (skalowana do jego rozmiaru) */
.elementor-63193 .elementor-element.elementor-element-1abce37 .woocommerce-LoopProduct-link{
    position: relative;
    z-index: 0;
}

/* kontener dla poświaty — dopasowuje się do wymiarów img */
.elementor-63193 .elementor-element.elementor-element-1abce37 .woocommerce-LoopProduct-link .woocommerce-loop-product__link,
.elementor-63193 .elementor-element.elementor-element-1abce37 .woocommerce-LoopProduct-link{
    position: relative;
}

/* glow rysujemy na pseudoelementcie, a img dajemy wyżej */
.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product img{
    position: relative;
    z-index: 2;
    border-radius: 10px !important; 
    margin: 10px 10px 0 10px !important;
    width: calc(100% - 20px) !important;
    transition: transform 0.5s ease !important;
    aspect-ratio: 1/1;
    object-fit: cover;
}

/* Poświata: liczymy ją od “ramki” obrazka (margin 10px) */
.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product .woocommerce-LoopProduct-link::before{
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    /* wysokość = wysokość obrazka (aspect-ratio 1/1 -> szerokość) */
    aspect-ratio: 1 / 1;
    border-radius: 12px;
    z-index: 1;

    /* jasna poświata */
    background: radial-gradient(
        circle at 50% 50%,
        rgba(255,255,255, var(--img-glow-opacity)) 0%,
        rgba(255,255,255, 0.22) 35%,
        rgba(255,255,255, 0.00) 70%
    );

    filter: blur(var(--img-glow-blur));
    transform: scale(var(--img-glow-scale));
    pointer-events: none;
}

/* lekki boost na hover */
.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product:hover .woocommerce-LoopProduct-link::before{
    filter: blur(calc(var(--img-glow-blur) + 6px));
    transform: scale(calc(var(--img-glow-scale) + 0.04));
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product:hover img {
    transform: scale(1.05);
}

/* 4. Treść pod obrazkiem */
.elementor-63193 .elementor-element.elementor-element-1abce37 .woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1.25rem 0.5rem 1.25rem;
    text-decoration: none !important;
    flex-grow: 1;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .woocommerce-loop-product__title {
    margin: 0.5rem 0 !important;
    line-height: 1.4 !important;
    color: #ffffff !important;
    min-height: 2.8em;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .price {
    margin-top: auto !important;
    color: #E4232E !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 10px !important;
}

/* 5. STYLIZACJA WARIACJI (ZARÓWNO SELECT JAK I KAFELKI) */
.elementor-63193 .elementor-element.elementor-element-1abce37 .wvs-archive-variations-wrapper {
    padding: 0 1.25rem 1rem 1.25rem !important;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .variations {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Wygląd pola Select */
.elementor-63193 .elementor-element.elementor-element-1abce37 select[name*="attribute_"] {
    width: 100% !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    height: 40px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    cursor: pointer;
    outline: none !important;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23E4232E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

/* STYL DLA KAFELKÓW (UL) */
.elementor-63193 .elementor-element.elementor-element-1abce37 .variable-items-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .variable-item.button-variable-item {
    background-color: transparent !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    padding: 0 12px !important;
    min-width: 50px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .variable-item.button-variable-item.selected {
    border-color: #E4232E !important;
    background-color: #E4232E !important;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .variable-item-span {
    font-size: 13px !important;
    white-space: nowrap !important;
}

/* Przycisk Clear */
.elementor-63193 .elementor-element.elementor-element-1abce37 .wvs_archive_reset_variations_link {
    display: inline-block !important;
    color: #666 !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    margin-top: 8px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .wvs_archive_reset_variations_link:hover {
    color: #E4232E !important; 
}

/* 6. Przycisk "Dodaj do koszyka" */
.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product .button {
    margin: 0 1.25rem 1.25rem 1.25rem !important;
    background: linear-gradient(135deg, hsl(var(--red-deep)), hsl(var(--primary))) !important;
    border-radius: 0.6rem !important;
    padding: 0.75rem 1rem !important;
    text-transform: none !important;
    border: none !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 15px rgba(220, 38, 38, var(--glow-opacity)) !important;
    color: white !important;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product .button::before {
    content: "" !important;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product .button:hover {
    transform: scale(1.03);
    box-shadow: 0 0 var(--glow-spread) rgba(220, 38, 38, 0.8) !important;
    filter: brightness(1.1);
}

/* 7. Ukrycie paginacji */
.elementor-63193 .elementor-element.elementor-element-1abce37 .woocommerce-pagination {
    display: none;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-9d862e7 *//* 1. Definicja zmiennych */
.elementor-63193 .elementor-element.elementor-element-9d862e7 {
    --card: 0 0% 10.2%;
    --primary: 0 72% 50.6%;
    --border: 0 0% 20%;
    --radius: 1rem;
    --red-deep: 0 63% 45.1%;
    --glow-spread: 20px;
    --glow-opacity: 0.6;

    /* glow pod obrazkiem (dopasowuje się do rozmiaru obrazka) */
    --img-glow-opacity: .55;
    --img-glow-blur: 28px;     /* miękkość poświaty */
    --img-glow-scale: 1.10;    /* jak daleko ma “wychodzić” poza obrazek */
}

/* Wyrównanie siatki */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .products.elementor-grid {
    gap: 1.5rem !important;
    background-color: transparent;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

/* 2. Styl karty produktu */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product {
    background-color: transparent !important;
    border-radius: var(--radius) !important;
    border: none !important;
    padding: 0 !important;
    overflow: visible !important;          /* <-- żeby poświata nie była ucinana */
    transition: all 0.3s ease-in-out !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    height: 100% !important;
    position: relative;
    isolation: isolate;                    /* <-- glow nie miesza się z innymi */
}


/* 3. Obrazek + POŚWIATA za obrazkiem (skalowana do jego rozmiaru) */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .woocommerce-LoopProduct-link{
    position: relative;
    z-index: 0;
}

/* kontener dla poświaty — dopasowuje się do wymiarów img */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .woocommerce-LoopProduct-link .woocommerce-loop-product__link,
.elementor-63193 .elementor-element.elementor-element-9d862e7 .woocommerce-LoopProduct-link{
    position: relative;
}

/* glow rysujemy na pseudoelementcie, a img dajemy wyżej */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product img{
    position: relative;
    z-index: 2;
    border-radius: 10px !important; 
    margin: 10px 10px 0 10px !important;
    width: calc(100% - 20px) !important;
    transition: transform 0.5s ease !important;
    aspect-ratio: 1/1;
    object-fit: cover;
}

/* Poświata: liczymy ją od “ramki” obrazka (margin 10px) */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product .woocommerce-LoopProduct-link::before{
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    /* wysokość = wysokość obrazka (aspect-ratio 1/1 -> szerokość) */
    aspect-ratio: 1 / 1;
    border-radius: 12px;
    z-index: 1;

    /* jasna poświata */
    background: radial-gradient(
        circle at 50% 50%,
        rgba(255,255,255, var(--img-glow-opacity)) 0%,
        rgba(255,255,255, 0.22) 35%,
        rgba(255,255,255, 0.00) 70%
    );

    filter: blur(var(--img-glow-blur));
    transform: scale(var(--img-glow-scale));
    pointer-events: none;
}

/* lekki boost na hover */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product:hover .woocommerce-LoopProduct-link::before{
    filter: blur(calc(var(--img-glow-blur) + 6px));
    transform: scale(calc(var(--img-glow-scale) + 0.04));
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product:hover img {
    transform: scale(1.05);
}

/* 4. Treść pod obrazkiem */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1.25rem 0.5rem 1.25rem;
    text-decoration: none !important;
    flex-grow: 1;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .woocommerce-loop-product__title {
    margin: 0.5rem 0 !important;
    line-height: 1.4 !important;
    color: #ffffff !important;
    min-height: 2.8em;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .price {
    margin-top: auto !important;
    color: #E4232E !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 10px !important;
}

/* 5. STYLIZACJA WARIACJI (ZARÓWNO SELECT JAK I KAFELKI) */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .wvs-archive-variations-wrapper {
    padding: 0 1.25rem 1rem 1.25rem !important;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .variations {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Wygląd pola Select */
.elementor-63193 .elementor-element.elementor-element-9d862e7 select[name*="attribute_"] {
    width: 100% !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    height: 40px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    cursor: pointer;
    outline: none !important;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23E4232E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

/* STYL DLA KAFELKÓW (UL) */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .variable-items-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .variable-item.button-variable-item {
    background-color: transparent !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    padding: 0 12px !important;
    min-width: 50px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .variable-item.button-variable-item.selected {
    border-color: #E4232E !important;
    background-color: #E4232E !important;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .variable-item-span {
    font-size: 13px !important;
    white-space: nowrap !important;
}

/* Przycisk Clear */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .wvs_archive_reset_variations_link {
    display: inline-block !important;
    color: #666 !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    margin-top: 8px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .wvs_archive_reset_variations_link:hover {
    color: #E4232E !important; 
}

/* 6. Przycisk "Dodaj do koszyka" */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product .button {
    margin: 0 1.25rem 1.25rem 1.25rem !important;
    background: linear-gradient(135deg, hsl(var(--red-deep)), hsl(var(--primary))) !important;
    border-radius: 0.6rem !important;
    padding: 0.75rem 1rem !important;
    text-transform: none !important;
    border: none !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 15px rgba(220, 38, 38, var(--glow-opacity)) !important;
    color: white !important;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product .button::before {
    content: "" !important;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product .button:hover {
    transform: scale(1.03);
    box-shadow: 0 0 var(--glow-spread) rgba(220, 38, 38, 0.8) !important;
    filter: brightness(1.1);
}

/* 7. Ukrycie paginacji */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .woocommerce-pagination {
    display: none;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-346be8b *//* 1. Definicja zmiennych */
.elementor-63193 .elementor-element.elementor-element-346be8b {
    --card: 0 0% 10.2%;
    --primary: 0 72% 50.6%;
    --border: 0 0% 20%;
    --radius: 1rem;
    --red-deep: 0 63% 45.1%;
    --glow-spread: 20px;
    --glow-opacity: 0.6;

    /* glow pod obrazkiem (dopasowuje się do rozmiaru obrazka) */
    --img-glow-opacity: .55;
    --img-glow-blur: 28px;     /* miękkość poświaty */
    --img-glow-scale: 1.10;    /* jak daleko ma “wychodzić” poza obrazek */
}

/* Wyrównanie siatki */
.elementor-63193 .elementor-element.elementor-element-346be8b .products.elementor-grid {
    gap: 1.5rem !important;
    background-color: transparent;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

/* 2. Styl karty produktu */
.elementor-63193 .elementor-element.elementor-element-346be8b .products .product {
    background-color: transparent !important;
    border-radius: var(--radius) !important;
    border: none !important;
    padding: 0 !important;
    overflow: visible !important;          /* <-- żeby poświata nie była ucinana */
    transition: all 0.3s ease-in-out !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    height: 100% !important;
    position: relative;
    isolation: isolate;                    /* <-- glow nie miesza się z innymi */
}


/* 3. Obrazek + POŚWIATA za obrazkiem (skalowana do jego rozmiaru) */
.elementor-63193 .elementor-element.elementor-element-346be8b .woocommerce-LoopProduct-link{
    position: relative;
    z-index: 0;
}

/* kontener dla poświaty — dopasowuje się do wymiarów img */
.elementor-63193 .elementor-element.elementor-element-346be8b .woocommerce-LoopProduct-link .woocommerce-loop-product__link,
.elementor-63193 .elementor-element.elementor-element-346be8b .woocommerce-LoopProduct-link{
    position: relative;
}

/* glow rysujemy na pseudoelementcie, a img dajemy wyżej */
.elementor-63193 .elementor-element.elementor-element-346be8b .products .product img{
    position: relative;
    z-index: 2;
    border-radius: 10px !important; 
    margin: 10px 10px 0 10px !important;
    width: calc(100% - 20px) !important;
    transition: transform 0.5s ease !important;
    aspect-ratio: 1/1;
    object-fit: cover;
}

/* Poświata: liczymy ją od “ramki” obrazka (margin 10px) */
.elementor-63193 .elementor-element.elementor-element-346be8b .products .product .woocommerce-LoopProduct-link::before{
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    /* wysokość = wysokość obrazka (aspect-ratio 1/1 -> szerokość) */
    aspect-ratio: 1 / 1;
    border-radius: 12px;
    z-index: 1;

    /* jasna poświata */
    background: radial-gradient(
        circle at 50% 50%,
        rgba(255,255,255, var(--img-glow-opacity)) 0%,
        rgba(255,255,255, 0.22) 35%,
        rgba(255,255,255, 0.00) 70%
    );

    filter: blur(var(--img-glow-blur));
    transform: scale(var(--img-glow-scale));
    pointer-events: none;
}

/* lekki boost na hover */
.elementor-63193 .elementor-element.elementor-element-346be8b .products .product:hover .woocommerce-LoopProduct-link::before{
    filter: blur(calc(var(--img-glow-blur) + 6px));
    transform: scale(calc(var(--img-glow-scale) + 0.04));
}

.elementor-63193 .elementor-element.elementor-element-346be8b .products .product:hover img {
    transform: scale(1.05);
}

/* 4. Treść pod obrazkiem */
.elementor-63193 .elementor-element.elementor-element-346be8b .woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1.25rem 0.5rem 1.25rem;
    text-decoration: none !important;
    flex-grow: 1;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .woocommerce-loop-product__title {
    margin: 0.5rem 0 !important;
    line-height: 1.4 !important;
    color: #ffffff !important;
    min-height: 2.8em;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .price {
    margin-top: auto !important;
    color: #E4232E !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 10px !important;
}

/* 5. STYLIZACJA WARIACJI (ZARÓWNO SELECT JAK I KAFELKI) */
.elementor-63193 .elementor-element.elementor-element-346be8b .wvs-archive-variations-wrapper {
    padding: 0 1.25rem 1rem 1.25rem !important;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .variations {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Wygląd pola Select */
.elementor-63193 .elementor-element.elementor-element-346be8b select[name*="attribute_"] {
    width: 100% !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    height: 40px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    cursor: pointer;
    outline: none !important;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23E4232E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

/* STYL DLA KAFELKÓW (UL) */
.elementor-63193 .elementor-element.elementor-element-346be8b .variable-items-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .variable-item.button-variable-item {
    background-color: transparent !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    padding: 0 12px !important;
    min-width: 50px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .variable-item.button-variable-item.selected {
    border-color: #E4232E !important;
    background-color: #E4232E !important;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .variable-item-span {
    font-size: 13px !important;
    white-space: nowrap !important;
}

/* Przycisk Clear */
.elementor-63193 .elementor-element.elementor-element-346be8b .wvs_archive_reset_variations_link {
    display: inline-block !important;
    color: #666 !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    margin-top: 8px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .wvs_archive_reset_variations_link:hover {
    color: #E4232E !important; 
}

/* 6. Przycisk "Dodaj do koszyka" */
.elementor-63193 .elementor-element.elementor-element-346be8b .products .product .button {
    margin: 0 1.25rem 1.25rem 1.25rem !important;
    background: linear-gradient(135deg, hsl(var(--red-deep)), hsl(var(--primary))) !important;
    border-radius: 0.6rem !important;
    padding: 0.75rem 1rem !important;
    text-transform: none !important;
    border: none !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 15px rgba(220, 38, 38, var(--glow-opacity)) !important;
    color: white !important;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .products .product .button::before {
    content: "" !important;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .products .product .button:hover {
    transform: scale(1.03);
    box-shadow: 0 0 var(--glow-spread) rgba(220, 38, 38, 0.8) !important;
    filter: brightness(1.1);
}

/* 7. Ukrycie paginacji */
.elementor-63193 .elementor-element.elementor-element-346be8b .woocommerce-pagination {
    display: none;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-4f6e8d0 *//* 1. Definicja zmiennych */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 {
    --card: 0 0% 10.2%;
    --primary: 0 72% 50.6%;
    --border: 0 0% 20%;
    --radius: 1rem;
    --red-deep: 0 63% 45.1%;
    --glow-spread: 20px;
    --glow-opacity: 0.6;

    /* glow pod obrazkiem (dopasowuje się do rozmiaru obrazka) */
    --img-glow-opacity: .55;
    --img-glow-blur: 28px;     /* miękkość poświaty */
    --img-glow-scale: 1.10;    /* jak daleko ma “wychodzić” poza obrazek */
}

/* Wyrównanie siatki */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products.elementor-grid {
    gap: 1.5rem !important;
    background-color: transparent;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

/* 2. Styl karty produktu */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product {
    background-color: transparent !important;
    border-radius: var(--radius) !important;
    border: none !important;
    padding: 0 !important;
    overflow: visible !important;          /* <-- żeby poświata nie była ucinana */
    transition: all 0.3s ease-in-out !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    height: 100% !important;
    position: relative;
    isolation: isolate;                    /* <-- glow nie miesza się z innymi */
}


/* 3. Obrazek + POŚWIATA za obrazkiem (skalowana do jego rozmiaru) */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .woocommerce-LoopProduct-link{
    position: relative;
    z-index: 0;
}

/* kontener dla poświaty — dopasowuje się do wymiarów img */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .woocommerce-LoopProduct-link .woocommerce-loop-product__link,
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .woocommerce-LoopProduct-link{
    position: relative;
}

/* glow rysujemy na pseudoelementcie, a img dajemy wyżej */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product img{
    position: relative;
    z-index: 2;
    border-radius: 10px !important; 
    margin: 10px 10px 0 10px !important;
    width: calc(100% - 20px) !important;
    transition: transform 0.5s ease !important;
    aspect-ratio: 1/1;
    object-fit: cover;
}

/* Poświata: liczymy ją od “ramki” obrazka (margin 10px) */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product .woocommerce-LoopProduct-link::before{
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    /* wysokość = wysokość obrazka (aspect-ratio 1/1 -> szerokość) */
    aspect-ratio: 1 / 1;
    border-radius: 12px;
    z-index: 1;

    /* jasna poświata */
    background: radial-gradient(
        circle at 50% 50%,
        rgba(255,255,255, var(--img-glow-opacity)) 0%,
        rgba(255,255,255, 0.22) 35%,
        rgba(255,255,255, 0.00) 70%
    );

    filter: blur(var(--img-glow-blur));
    transform: scale(var(--img-glow-scale));
    pointer-events: none;
}

/* lekki boost na hover */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product:hover .woocommerce-LoopProduct-link::before{
    filter: blur(calc(var(--img-glow-blur) + 6px));
    transform: scale(calc(var(--img-glow-scale) + 0.04));
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product:hover img {
    transform: scale(1.05);
}

/* 4. Treść pod obrazkiem */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1.25rem 0.5rem 1.25rem;
    text-decoration: none !important;
    flex-grow: 1;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .woocommerce-loop-product__title {
    margin: 0.5rem 0 !important;
    line-height: 1.4 !important;
    color: #ffffff !important;
    min-height: 2.8em;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .price {
    margin-top: auto !important;
    color: #E4232E !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 10px !important;
}

/* 5. STYLIZACJA WARIACJI (ZARÓWNO SELECT JAK I KAFELKI) */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .wvs-archive-variations-wrapper {
    padding: 0 1.25rem 1rem 1.25rem !important;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .variations {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Wygląd pola Select */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 select[name*="attribute_"] {
    width: 100% !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    height: 40px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    cursor: pointer;
    outline: none !important;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23E4232E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

/* STYL DLA KAFELKÓW (UL) */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .variable-items-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .variable-item.button-variable-item {
    background-color: transparent !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    padding: 0 12px !important;
    min-width: 50px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .variable-item.button-variable-item.selected {
    border-color: #E4232E !important;
    background-color: #E4232E !important;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .variable-item-span {
    font-size: 13px !important;
    white-space: nowrap !important;
}

/* Przycisk Clear */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .wvs_archive_reset_variations_link {
    display: inline-block !important;
    color: #666 !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    margin-top: 8px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .wvs_archive_reset_variations_link:hover {
    color: #E4232E !important; 
}

/* 6. Przycisk "Dodaj do koszyka" */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product .button {
    margin: 0 1.25rem 1.25rem 1.25rem !important;
    background: linear-gradient(135deg, hsl(var(--red-deep)), hsl(var(--primary))) !important;
    border-radius: 0.6rem !important;
    padding: 0.75rem 1rem !important;
    text-transform: none !important;
    border: none !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 15px rgba(220, 38, 38, var(--glow-opacity)) !important;
    color: white !important;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product .button::before {
    content: "" !important;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product .button:hover {
    transform: scale(1.03);
    box-shadow: 0 0 var(--glow-spread) rgba(220, 38, 38, 0.8) !important;
    filter: brightness(1.1);
}

/* 7. Ukrycie paginacji */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .woocommerce-pagination {
    display: none;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-de63d01 *//* 1. Definicja zmiennych */
.elementor-63193 .elementor-element.elementor-element-de63d01 {
    --card: 0 0% 10.2%;
    --primary: 0 72% 50.6%;
    --border: 0 0% 20%;
    --radius: 1rem;
    --red-deep: 0 63% 45.1%;
    --glow-spread: 20px;
    --glow-opacity: 0.6;

    /* glow pod obrazkiem (dopasowuje się do rozmiaru obrazka) */
    --img-glow-opacity: .55;
    --img-glow-blur: 28px;     /* miękkość poświaty */
    --img-glow-scale: 1.10;    /* jak daleko ma “wychodzić” poza obrazek */
}

/* Wyrównanie siatki */
.elementor-63193 .elementor-element.elementor-element-de63d01 .products.elementor-grid {
    gap: 1.5rem !important;
    background-color: transparent;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

/* 2. Styl karty produktu */
.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product {
    background-color: transparent !important;
    border-radius: var(--radius) !important;
    border: none !important;
    padding: 0 !important;
    overflow: visible !important;          /* <-- żeby poświata nie była ucinana */
    transition: all 0.3s ease-in-out !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    height: 100% !important;
    position: relative;
    isolation: isolate;                    /* <-- glow nie miesza się z innymi */
}


/* 3. Obrazek + POŚWIATA za obrazkiem (skalowana do jego rozmiaru) */
.elementor-63193 .elementor-element.elementor-element-de63d01 .woocommerce-LoopProduct-link{
    position: relative;
    z-index: 0;
}

/* kontener dla poświaty — dopasowuje się do wymiarów img */
.elementor-63193 .elementor-element.elementor-element-de63d01 .woocommerce-LoopProduct-link .woocommerce-loop-product__link,
.elementor-63193 .elementor-element.elementor-element-de63d01 .woocommerce-LoopProduct-link{
    position: relative;
}

/* glow rysujemy na pseudoelementcie, a img dajemy wyżej */
.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product img{
    position: relative;
    z-index: 2;
    border-radius: 10px !important; 
    margin: 10px 10px 0 10px !important;
    width: calc(100% - 20px) !important;
    transition: transform 0.5s ease !important;
    aspect-ratio: 1/1;
    object-fit: cover;
}

/* Poświata: liczymy ją od “ramki” obrazka (margin 10px) */
.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product .woocommerce-LoopProduct-link::before{
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    /* wysokość = wysokość obrazka (aspect-ratio 1/1 -> szerokość) */
    aspect-ratio: 1 / 1;
    border-radius: 12px;
    z-index: 1;

    /* jasna poświata */
    background: radial-gradient(
        circle at 50% 50%,
        rgba(255,255,255, var(--img-glow-opacity)) 0%,
        rgba(255,255,255, 0.22) 35%,
        rgba(255,255,255, 0.00) 70%
    );

    filter: blur(var(--img-glow-blur));
    transform: scale(var(--img-glow-scale));
    pointer-events: none;
}

/* lekki boost na hover */
.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product:hover .woocommerce-LoopProduct-link::before{
    filter: blur(calc(var(--img-glow-blur) + 6px));
    transform: scale(calc(var(--img-glow-scale) + 0.04));
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product:hover img {
    transform: scale(1.05);
}

/* 4. Treść pod obrazkiem */
.elementor-63193 .elementor-element.elementor-element-de63d01 .woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1.25rem 0.5rem 1.25rem;
    text-decoration: none !important;
    flex-grow: 1;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .woocommerce-loop-product__title {
    margin: 0.5rem 0 !important;
    line-height: 1.4 !important;
    color: #ffffff !important;
    min-height: 2.8em;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .price {
    margin-top: auto !important;
    color: #E4232E !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 10px !important;
}

/* 5. STYLIZACJA WARIACJI (ZARÓWNO SELECT JAK I KAFELKI) */
.elementor-63193 .elementor-element.elementor-element-de63d01 .wvs-archive-variations-wrapper {
    padding: 0 1.25rem 1rem 1.25rem !important;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .variations {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Wygląd pola Select */
.elementor-63193 .elementor-element.elementor-element-de63d01 select[name*="attribute_"] {
    width: 100% !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    height: 40px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    cursor: pointer;
    outline: none !important;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23E4232E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

/* STYL DLA KAFELKÓW (UL) */
.elementor-63193 .elementor-element.elementor-element-de63d01 .variable-items-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .variable-item.button-variable-item {
    background-color: transparent !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    padding: 0 12px !important;
    min-width: 50px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .variable-item.button-variable-item.selected {
    border-color: #E4232E !important;
    background-color: #E4232E !important;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .variable-item-span {
    font-size: 13px !important;
    white-space: nowrap !important;
}

/* Przycisk Clear */
.elementor-63193 .elementor-element.elementor-element-de63d01 .wvs_archive_reset_variations_link {
    display: inline-block !important;
    color: #666 !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    margin-top: 8px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .wvs_archive_reset_variations_link:hover {
    color: #E4232E !important; 
}

/* 6. Przycisk "Dodaj do koszyka" */
.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product .button {
    margin: 0 1.25rem 1.25rem 1.25rem !important;
    background: linear-gradient(135deg, hsl(var(--red-deep)), hsl(var(--primary))) !important;
    border-radius: 0.6rem !important;
    padding: 0.75rem 1rem !important;
    text-transform: none !important;
    border: none !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 15px rgba(220, 38, 38, var(--glow-opacity)) !important;
    color: white !important;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product .button::before {
    content: "" !important;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product .button:hover {
    transform: scale(1.03);
    box-shadow: 0 0 var(--glow-spread) rgba(220, 38, 38, 0.8) !important;
    filter: brightness(1.1);
}

/* 7. Ukrycie paginacji */
.elementor-63193 .elementor-element.elementor-element-de63d01 .woocommerce-pagination {
    display: none;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-1abce37 *//* 1. Definicja zmiennych */
.elementor-63193 .elementor-element.elementor-element-1abce37 {
    --card: 0 0% 10.2%;
    --primary: 0 72% 50.6%;
    --border: 0 0% 20%;
    --radius: 1rem;
    --red-deep: 0 63% 45.1%;
    --glow-spread: 20px;
    --glow-opacity: 0.6;

    /* glow pod obrazkiem (dopasowuje się do rozmiaru obrazka) */
    --img-glow-opacity: .55;
    --img-glow-blur: 28px;     /* miękkość poświaty */
    --img-glow-scale: 1.10;    /* jak daleko ma “wychodzić” poza obrazek */
}

/* Wyrównanie siatki */
.elementor-63193 .elementor-element.elementor-element-1abce37 .products.elementor-grid {
    gap: 1.5rem !important;
    background-color: transparent;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

/* 2. Styl karty produktu */
.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product {
    background-color: transparent !important;
    border-radius: var(--radius) !important;
    border: none !important;
    padding: 0 !important;
    overflow: visible !important;          /* <-- żeby poświata nie była ucinana */
    transition: all 0.3s ease-in-out !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    height: 100% !important;
    position: relative;
    isolation: isolate;                    /* <-- glow nie miesza się z innymi */
}


/* 3. Obrazek + POŚWIATA za obrazkiem (skalowana do jego rozmiaru) */
.elementor-63193 .elementor-element.elementor-element-1abce37 .woocommerce-LoopProduct-link{
    position: relative;
    z-index: 0;
}

/* kontener dla poświaty — dopasowuje się do wymiarów img */
.elementor-63193 .elementor-element.elementor-element-1abce37 .woocommerce-LoopProduct-link .woocommerce-loop-product__link,
.elementor-63193 .elementor-element.elementor-element-1abce37 .woocommerce-LoopProduct-link{
    position: relative;
}

/* glow rysujemy na pseudoelementcie, a img dajemy wyżej */
.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product img{
    position: relative;
    z-index: 2;
    border-radius: 10px !important; 
    margin: 10px 10px 0 10px !important;
    width: calc(100% - 20px) !important;
    transition: transform 0.5s ease !important;
    aspect-ratio: 1/1;
    object-fit: cover;
}

/* Poświata: liczymy ją od “ramki” obrazka (margin 10px) */
.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product .woocommerce-LoopProduct-link::before{
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    /* wysokość = wysokość obrazka (aspect-ratio 1/1 -> szerokość) */
    aspect-ratio: 1 / 1;
    border-radius: 12px;
    z-index: 1;

    /* jasna poświata */
    background: radial-gradient(
        circle at 50% 50%,
        rgba(255,255,255, var(--img-glow-opacity)) 0%,
        rgba(255,255,255, 0.22) 35%,
        rgba(255,255,255, 0.00) 70%
    );

    filter: blur(var(--img-glow-blur));
    transform: scale(var(--img-glow-scale));
    pointer-events: none;
}

/* lekki boost na hover */
.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product:hover .woocommerce-LoopProduct-link::before{
    filter: blur(calc(var(--img-glow-blur) + 6px));
    transform: scale(calc(var(--img-glow-scale) + 0.04));
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product:hover img {
    transform: scale(1.05);
}

/* 4. Treść pod obrazkiem */
.elementor-63193 .elementor-element.elementor-element-1abce37 .woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1.25rem 0.5rem 1.25rem;
    text-decoration: none !important;
    flex-grow: 1;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .woocommerce-loop-product__title {
    margin: 0.5rem 0 !important;
    line-height: 1.4 !important;
    color: #ffffff !important;
    min-height: 2.8em;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .price {
    margin-top: auto !important;
    color: #E4232E !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 10px !important;
}

/* 5. STYLIZACJA WARIACJI (ZARÓWNO SELECT JAK I KAFELKI) */
.elementor-63193 .elementor-element.elementor-element-1abce37 .wvs-archive-variations-wrapper {
    padding: 0 1.25rem 1rem 1.25rem !important;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .variations {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Wygląd pola Select */
.elementor-63193 .elementor-element.elementor-element-1abce37 select[name*="attribute_"] {
    width: 100% !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    height: 40px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    cursor: pointer;
    outline: none !important;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23E4232E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

/* STYL DLA KAFELKÓW (UL) */
.elementor-63193 .elementor-element.elementor-element-1abce37 .variable-items-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .variable-item.button-variable-item {
    background-color: transparent !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    padding: 0 12px !important;
    min-width: 50px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .variable-item.button-variable-item.selected {
    border-color: #E4232E !important;
    background-color: #E4232E !important;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .variable-item-span {
    font-size: 13px !important;
    white-space: nowrap !important;
}

/* Przycisk Clear */
.elementor-63193 .elementor-element.elementor-element-1abce37 .wvs_archive_reset_variations_link {
    display: inline-block !important;
    color: #666 !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    margin-top: 8px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .wvs_archive_reset_variations_link:hover {
    color: #E4232E !important; 
}

/* 6. Przycisk "Dodaj do koszyka" */
.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product .button {
    margin: 0 1.25rem 1.25rem 1.25rem !important;
    background: linear-gradient(135deg, hsl(var(--red-deep)), hsl(var(--primary))) !important;
    border-radius: 0.6rem !important;
    padding: 0.75rem 1rem !important;
    text-transform: none !important;
    border: none !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 15px rgba(220, 38, 38, var(--glow-opacity)) !important;
    color: white !important;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product .button::before {
    content: "" !important;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product .button:hover {
    transform: scale(1.03);
    box-shadow: 0 0 var(--glow-spread) rgba(220, 38, 38, 0.8) !important;
    filter: brightness(1.1);
}

/* 7. Ukrycie paginacji */
.elementor-63193 .elementor-element.elementor-element-1abce37 .woocommerce-pagination {
    display: none;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-9d862e7 *//* 1. Definicja zmiennych */
.elementor-63193 .elementor-element.elementor-element-9d862e7 {
    --card: 0 0% 10.2%;
    --primary: 0 72% 50.6%;
    --border: 0 0% 20%;
    --radius: 1rem;
    --red-deep: 0 63% 45.1%;
    --glow-spread: 20px;
    --glow-opacity: 0.6;

    /* glow pod obrazkiem (dopasowuje się do rozmiaru obrazka) */
    --img-glow-opacity: .55;
    --img-glow-blur: 28px;     /* miękkość poświaty */
    --img-glow-scale: 1.10;    /* jak daleko ma “wychodzić” poza obrazek */
}

/* Wyrównanie siatki */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .products.elementor-grid {
    gap: 1.5rem !important;
    background-color: transparent;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

/* 2. Styl karty produktu */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product {
    background-color: transparent !important;
    border-radius: var(--radius) !important;
    border: none !important;
    padding: 0 !important;
    overflow: visible !important;          /* <-- żeby poświata nie była ucinana */
    transition: all 0.3s ease-in-out !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    height: 100% !important;
    position: relative;
    isolation: isolate;                    /* <-- glow nie miesza się z innymi */
}


/* 3. Obrazek + POŚWIATA za obrazkiem (skalowana do jego rozmiaru) */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .woocommerce-LoopProduct-link{
    position: relative;
    z-index: 0;
}

/* kontener dla poświaty — dopasowuje się do wymiarów img */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .woocommerce-LoopProduct-link .woocommerce-loop-product__link,
.elementor-63193 .elementor-element.elementor-element-9d862e7 .woocommerce-LoopProduct-link{
    position: relative;
}

/* glow rysujemy na pseudoelementcie, a img dajemy wyżej */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product img{
    position: relative;
    z-index: 2;
    border-radius: 10px !important; 
    margin: 10px 10px 0 10px !important;
    width: calc(100% - 20px) !important;
    transition: transform 0.5s ease !important;
    aspect-ratio: 1/1;
    object-fit: cover;
}

/* Poświata: liczymy ją od “ramki” obrazka (margin 10px) */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product .woocommerce-LoopProduct-link::before{
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    /* wysokość = wysokość obrazka (aspect-ratio 1/1 -> szerokość) */
    aspect-ratio: 1 / 1;
    border-radius: 12px;
    z-index: 1;

    /* jasna poświata */
    background: radial-gradient(
        circle at 50% 50%,
        rgba(255,255,255, var(--img-glow-opacity)) 0%,
        rgba(255,255,255, 0.22) 35%,
        rgba(255,255,255, 0.00) 70%
    );

    filter: blur(var(--img-glow-blur));
    transform: scale(var(--img-glow-scale));
    pointer-events: none;
}

/* lekki boost na hover */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product:hover .woocommerce-LoopProduct-link::before{
    filter: blur(calc(var(--img-glow-blur) + 6px));
    transform: scale(calc(var(--img-glow-scale) + 0.04));
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product:hover img {
    transform: scale(1.05);
}

/* 4. Treść pod obrazkiem */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1.25rem 0.5rem 1.25rem;
    text-decoration: none !important;
    flex-grow: 1;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .woocommerce-loop-product__title {
    margin: 0.5rem 0 !important;
    line-height: 1.4 !important;
    color: #ffffff !important;
    min-height: 2.8em;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .price {
    margin-top: auto !important;
    color: #E4232E !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 10px !important;
}

/* 5. STYLIZACJA WARIACJI (ZARÓWNO SELECT JAK I KAFELKI) */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .wvs-archive-variations-wrapper {
    padding: 0 1.25rem 1rem 1.25rem !important;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .variations {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Wygląd pola Select */
.elementor-63193 .elementor-element.elementor-element-9d862e7 select[name*="attribute_"] {
    width: 100% !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    height: 40px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    cursor: pointer;
    outline: none !important;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23E4232E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

/* STYL DLA KAFELKÓW (UL) */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .variable-items-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .variable-item.button-variable-item {
    background-color: transparent !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    padding: 0 12px !important;
    min-width: 50px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .variable-item.button-variable-item.selected {
    border-color: #E4232E !important;
    background-color: #E4232E !important;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .variable-item-span {
    font-size: 13px !important;
    white-space: nowrap !important;
}

/* Przycisk Clear */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .wvs_archive_reset_variations_link {
    display: inline-block !important;
    color: #666 !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    margin-top: 8px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .wvs_archive_reset_variations_link:hover {
    color: #E4232E !important; 
}

/* 6. Przycisk "Dodaj do koszyka" */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product .button {
    margin: 0 1.25rem 1.25rem 1.25rem !important;
    background: linear-gradient(135deg, hsl(var(--red-deep)), hsl(var(--primary))) !important;
    border-radius: 0.6rem !important;
    padding: 0.75rem 1rem !important;
    text-transform: none !important;
    border: none !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 15px rgba(220, 38, 38, var(--glow-opacity)) !important;
    color: white !important;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product .button::before {
    content: "" !important;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.elementor-63193 .elementor-element.elementor-element-9d862e7 .products .product .button:hover {
    transform: scale(1.03);
    box-shadow: 0 0 var(--glow-spread) rgba(220, 38, 38, 0.8) !important;
    filter: brightness(1.1);
}

/* 7. Ukrycie paginacji */
.elementor-63193 .elementor-element.elementor-element-9d862e7 .woocommerce-pagination {
    display: none;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-346be8b *//* 1. Definicja zmiennych */
.elementor-63193 .elementor-element.elementor-element-346be8b {
    --card: 0 0% 10.2%;
    --primary: 0 72% 50.6%;
    --border: 0 0% 20%;
    --radius: 1rem;
    --red-deep: 0 63% 45.1%;
    --glow-spread: 20px;
    --glow-opacity: 0.6;

    /* glow pod obrazkiem (dopasowuje się do rozmiaru obrazka) */
    --img-glow-opacity: .55;
    --img-glow-blur: 28px;     /* miękkość poświaty */
    --img-glow-scale: 1.10;    /* jak daleko ma “wychodzić” poza obrazek */
}

/* Wyrównanie siatki */
.elementor-63193 .elementor-element.elementor-element-346be8b .products.elementor-grid {
    gap: 1.5rem !important;
    background-color: transparent;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

/* 2. Styl karty produktu */
.elementor-63193 .elementor-element.elementor-element-346be8b .products .product {
    background-color: transparent !important;
    border-radius: var(--radius) !important;
    border: none !important;
    padding: 0 !important;
    overflow: visible !important;          /* <-- żeby poświata nie była ucinana */
    transition: all 0.3s ease-in-out !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    height: 100% !important;
    position: relative;
    isolation: isolate;                    /* <-- glow nie miesza się z innymi */
}


/* 3. Obrazek + POŚWIATA za obrazkiem (skalowana do jego rozmiaru) */
.elementor-63193 .elementor-element.elementor-element-346be8b .woocommerce-LoopProduct-link{
    position: relative;
    z-index: 0;
}

/* kontener dla poświaty — dopasowuje się do wymiarów img */
.elementor-63193 .elementor-element.elementor-element-346be8b .woocommerce-LoopProduct-link .woocommerce-loop-product__link,
.elementor-63193 .elementor-element.elementor-element-346be8b .woocommerce-LoopProduct-link{
    position: relative;
}

/* glow rysujemy na pseudoelementcie, a img dajemy wyżej */
.elementor-63193 .elementor-element.elementor-element-346be8b .products .product img{
    position: relative;
    z-index: 2;
    border-radius: 10px !important; 
    margin: 10px 10px 0 10px !important;
    width: calc(100% - 20px) !important;
    transition: transform 0.5s ease !important;
    aspect-ratio: 1/1;
    object-fit: cover;
}

/* Poświata: liczymy ją od “ramki” obrazka (margin 10px) */
.elementor-63193 .elementor-element.elementor-element-346be8b .products .product .woocommerce-LoopProduct-link::before{
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    /* wysokość = wysokość obrazka (aspect-ratio 1/1 -> szerokość) */
    aspect-ratio: 1 / 1;
    border-radius: 12px;
    z-index: 1;

    /* jasna poświata */
    background: radial-gradient(
        circle at 50% 50%,
        rgba(255,255,255, var(--img-glow-opacity)) 0%,
        rgba(255,255,255, 0.22) 35%,
        rgba(255,255,255, 0.00) 70%
    );

    filter: blur(var(--img-glow-blur));
    transform: scale(var(--img-glow-scale));
    pointer-events: none;
}

/* lekki boost na hover */
.elementor-63193 .elementor-element.elementor-element-346be8b .products .product:hover .woocommerce-LoopProduct-link::before{
    filter: blur(calc(var(--img-glow-blur) + 6px));
    transform: scale(calc(var(--img-glow-scale) + 0.04));
}

.elementor-63193 .elementor-element.elementor-element-346be8b .products .product:hover img {
    transform: scale(1.05);
}

/* 4. Treść pod obrazkiem */
.elementor-63193 .elementor-element.elementor-element-346be8b .woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1.25rem 0.5rem 1.25rem;
    text-decoration: none !important;
    flex-grow: 1;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .woocommerce-loop-product__title {
    margin: 0.5rem 0 !important;
    line-height: 1.4 !important;
    color: #ffffff !important;
    min-height: 2.8em;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .price {
    margin-top: auto !important;
    color: #E4232E !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 10px !important;
}

/* 5. STYLIZACJA WARIACJI (ZARÓWNO SELECT JAK I KAFELKI) */
.elementor-63193 .elementor-element.elementor-element-346be8b .wvs-archive-variations-wrapper {
    padding: 0 1.25rem 1rem 1.25rem !important;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .variations {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Wygląd pola Select */
.elementor-63193 .elementor-element.elementor-element-346be8b select[name*="attribute_"] {
    width: 100% !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    height: 40px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    cursor: pointer;
    outline: none !important;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23E4232E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

/* STYL DLA KAFELKÓW (UL) */
.elementor-63193 .elementor-element.elementor-element-346be8b .variable-items-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .variable-item.button-variable-item {
    background-color: transparent !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    padding: 0 12px !important;
    min-width: 50px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .variable-item.button-variable-item.selected {
    border-color: #E4232E !important;
    background-color: #E4232E !important;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .variable-item-span {
    font-size: 13px !important;
    white-space: nowrap !important;
}

/* Przycisk Clear */
.elementor-63193 .elementor-element.elementor-element-346be8b .wvs_archive_reset_variations_link {
    display: inline-block !important;
    color: #666 !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    margin-top: 8px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .wvs_archive_reset_variations_link:hover {
    color: #E4232E !important; 
}

/* 6. Przycisk "Dodaj do koszyka" */
.elementor-63193 .elementor-element.elementor-element-346be8b .products .product .button {
    margin: 0 1.25rem 1.25rem 1.25rem !important;
    background: linear-gradient(135deg, hsl(var(--red-deep)), hsl(var(--primary))) !important;
    border-radius: 0.6rem !important;
    padding: 0.75rem 1rem !important;
    text-transform: none !important;
    border: none !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 15px rgba(220, 38, 38, var(--glow-opacity)) !important;
    color: white !important;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .products .product .button::before {
    content: "" !important;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.elementor-63193 .elementor-element.elementor-element-346be8b .products .product .button:hover {
    transform: scale(1.03);
    box-shadow: 0 0 var(--glow-spread) rgba(220, 38, 38, 0.8) !important;
    filter: brightness(1.1);
}

/* 7. Ukrycie paginacji */
.elementor-63193 .elementor-element.elementor-element-346be8b .woocommerce-pagination {
    display: none;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-4f6e8d0 *//* 1. Definicja zmiennych */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 {
    --card: 0 0% 10.2%;
    --primary: 0 72% 50.6%;
    --border: 0 0% 20%;
    --radius: 1rem;
    --red-deep: 0 63% 45.1%;
    --glow-spread: 20px;
    --glow-opacity: 0.6;

    /* glow pod obrazkiem (dopasowuje się do rozmiaru obrazka) */
    --img-glow-opacity: .55;
    --img-glow-blur: 28px;     /* miękkość poświaty */
    --img-glow-scale: 1.10;    /* jak daleko ma “wychodzić” poza obrazek */
}

/* Wyrównanie siatki */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products.elementor-grid {
    gap: 1.5rem !important;
    background-color: transparent;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

/* 2. Styl karty produktu */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product {
    background-color: transparent !important;
    border-radius: var(--radius) !important;
    border: none !important;
    padding: 0 !important;
    overflow: visible !important;          /* <-- żeby poświata nie była ucinana */
    transition: all 0.3s ease-in-out !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    height: 100% !important;
    position: relative;
    isolation: isolate;                    /* <-- glow nie miesza się z innymi */
}


/* 3. Obrazek + POŚWIATA za obrazkiem (skalowana do jego rozmiaru) */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .woocommerce-LoopProduct-link{
    position: relative;
    z-index: 0;
}

/* kontener dla poświaty — dopasowuje się do wymiarów img */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .woocommerce-LoopProduct-link .woocommerce-loop-product__link,
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .woocommerce-LoopProduct-link{
    position: relative;
}

/* glow rysujemy na pseudoelementcie, a img dajemy wyżej */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product img{
    position: relative;
    z-index: 2;
    border-radius: 10px !important; 
    margin: 10px 10px 0 10px !important;
    width: calc(100% - 20px) !important;
    transition: transform 0.5s ease !important;
    aspect-ratio: 1/1;
    object-fit: cover;
}

/* Poświata: liczymy ją od “ramki” obrazka (margin 10px) */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product .woocommerce-LoopProduct-link::before{
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    /* wysokość = wysokość obrazka (aspect-ratio 1/1 -> szerokość) */
    aspect-ratio: 1 / 1;
    border-radius: 12px;
    z-index: 1;

    /* jasna poświata */
    background: radial-gradient(
        circle at 50% 50%,
        rgba(255,255,255, var(--img-glow-opacity)) 0%,
        rgba(255,255,255, 0.22) 35%,
        rgba(255,255,255, 0.00) 70%
    );

    filter: blur(var(--img-glow-blur));
    transform: scale(var(--img-glow-scale));
    pointer-events: none;
}

/* lekki boost na hover */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product:hover .woocommerce-LoopProduct-link::before{
    filter: blur(calc(var(--img-glow-blur) + 6px));
    transform: scale(calc(var(--img-glow-scale) + 0.04));
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product:hover img {
    transform: scale(1.05);
}

/* 4. Treść pod obrazkiem */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1.25rem 0.5rem 1.25rem;
    text-decoration: none !important;
    flex-grow: 1;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .woocommerce-loop-product__title {
    margin: 0.5rem 0 !important;
    line-height: 1.4 !important;
    color: #ffffff !important;
    min-height: 2.8em;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .price {
    margin-top: auto !important;
    color: #E4232E !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 10px !important;
}

/* 5. STYLIZACJA WARIACJI (ZARÓWNO SELECT JAK I KAFELKI) */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .wvs-archive-variations-wrapper {
    padding: 0 1.25rem 1rem 1.25rem !important;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .variations {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Wygląd pola Select */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 select[name*="attribute_"] {
    width: 100% !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    height: 40px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    cursor: pointer;
    outline: none !important;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23E4232E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

/* STYL DLA KAFELKÓW (UL) */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .variable-items-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .variable-item.button-variable-item {
    background-color: transparent !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    padding: 0 12px !important;
    min-width: 50px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .variable-item.button-variable-item.selected {
    border-color: #E4232E !important;
    background-color: #E4232E !important;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .variable-item-span {
    font-size: 13px !important;
    white-space: nowrap !important;
}

/* Przycisk Clear */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .wvs_archive_reset_variations_link {
    display: inline-block !important;
    color: #666 !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    margin-top: 8px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .wvs_archive_reset_variations_link:hover {
    color: #E4232E !important; 
}

/* 6. Przycisk "Dodaj do koszyka" */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product .button {
    margin: 0 1.25rem 1.25rem 1.25rem !important;
    background: linear-gradient(135deg, hsl(var(--red-deep)), hsl(var(--primary))) !important;
    border-radius: 0.6rem !important;
    padding: 0.75rem 1rem !important;
    text-transform: none !important;
    border: none !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 15px rgba(220, 38, 38, var(--glow-opacity)) !important;
    color: white !important;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product .button::before {
    content: "" !important;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .products .product .button:hover {
    transform: scale(1.03);
    box-shadow: 0 0 var(--glow-spread) rgba(220, 38, 38, 0.8) !important;
    filter: brightness(1.1);
}

/* 7. Ukrycie paginacji */
.elementor-63193 .elementor-element.elementor-element-4f6e8d0 .woocommerce-pagination {
    display: none;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-de63d01 *//* 1. Definicja zmiennych */
.elementor-63193 .elementor-element.elementor-element-de63d01 {
    --card: 0 0% 10.2%;
    --primary: 0 72% 50.6%;
    --border: 0 0% 20%;
    --radius: 1rem;
    --red-deep: 0 63% 45.1%;
    --glow-spread: 20px;
    --glow-opacity: 0.6;

    /* glow pod obrazkiem (dopasowuje się do rozmiaru obrazka) */
    --img-glow-opacity: .55;
    --img-glow-blur: 28px;     /* miękkość poświaty */
    --img-glow-scale: 1.10;    /* jak daleko ma “wychodzić” poza obrazek */
}

/* Wyrównanie siatki */
.elementor-63193 .elementor-element.elementor-element-de63d01 .products.elementor-grid {
    gap: 1.5rem !important;
    background-color: transparent;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

/* 2. Styl karty produktu */
.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product {
    background-color: transparent !important;
    border-radius: var(--radius) !important;
    border: none !important;
    padding: 0 !important;
    overflow: visible !important;          /* <-- żeby poświata nie była ucinana */
    transition: all 0.3s ease-in-out !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    height: 100% !important;
    position: relative;
    isolation: isolate;                    /* <-- glow nie miesza się z innymi */
}


/* 3. Obrazek + POŚWIATA za obrazkiem (skalowana do jego rozmiaru) */
.elementor-63193 .elementor-element.elementor-element-de63d01 .woocommerce-LoopProduct-link{
    position: relative;
    z-index: 0;
}

/* kontener dla poświaty — dopasowuje się do wymiarów img */
.elementor-63193 .elementor-element.elementor-element-de63d01 .woocommerce-LoopProduct-link .woocommerce-loop-product__link,
.elementor-63193 .elementor-element.elementor-element-de63d01 .woocommerce-LoopProduct-link{
    position: relative;
}

/* glow rysujemy na pseudoelementcie, a img dajemy wyżej */
.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product img{
    position: relative;
    z-index: 2;
    border-radius: 10px !important; 
    margin: 10px 10px 0 10px !important;
    width: calc(100% - 20px) !important;
    transition: transform 0.5s ease !important;
    aspect-ratio: 1/1;
    object-fit: cover;
}

/* Poświata: liczymy ją od “ramki” obrazka (margin 10px) */
.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product .woocommerce-LoopProduct-link::before{
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    /* wysokość = wysokość obrazka (aspect-ratio 1/1 -> szerokość) */
    aspect-ratio: 1 / 1;
    border-radius: 12px;
    z-index: 1;

    /* jasna poświata */
    background: radial-gradient(
        circle at 50% 50%,
        rgba(255,255,255, var(--img-glow-opacity)) 0%,
        rgba(255,255,255, 0.22) 35%,
        rgba(255,255,255, 0.00) 70%
    );

    filter: blur(var(--img-glow-blur));
    transform: scale(var(--img-glow-scale));
    pointer-events: none;
}

/* lekki boost na hover */
.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product:hover .woocommerce-LoopProduct-link::before{
    filter: blur(calc(var(--img-glow-blur) + 6px));
    transform: scale(calc(var(--img-glow-scale) + 0.04));
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product:hover img {
    transform: scale(1.05);
}

/* 4. Treść pod obrazkiem */
.elementor-63193 .elementor-element.elementor-element-de63d01 .woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1.25rem 0.5rem 1.25rem;
    text-decoration: none !important;
    flex-grow: 1;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .woocommerce-loop-product__title {
    margin: 0.5rem 0 !important;
    line-height: 1.4 !important;
    color: #ffffff !important;
    min-height: 2.8em;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .price {
    margin-top: auto !important;
    color: #E4232E !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 10px !important;
}

/* 5. STYLIZACJA WARIACJI (ZARÓWNO SELECT JAK I KAFELKI) */
.elementor-63193 .elementor-element.elementor-element-de63d01 .wvs-archive-variations-wrapper {
    padding: 0 1.25rem 1rem 1.25rem !important;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .variations {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Wygląd pola Select */
.elementor-63193 .elementor-element.elementor-element-de63d01 select[name*="attribute_"] {
    width: 100% !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    height: 40px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    cursor: pointer;
    outline: none !important;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23E4232E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

/* STYL DLA KAFELKÓW (UL) */
.elementor-63193 .elementor-element.elementor-element-de63d01 .variable-items-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .variable-item.button-variable-item {
    background-color: transparent !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    padding: 0 12px !important;
    min-width: 50px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .variable-item.button-variable-item.selected {
    border-color: #E4232E !important;
    background-color: #E4232E !important;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .variable-item-span {
    font-size: 13px !important;
    white-space: nowrap !important;
}

/* Przycisk Clear */
.elementor-63193 .elementor-element.elementor-element-de63d01 .wvs_archive_reset_variations_link {
    display: inline-block !important;
    color: #666 !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    margin-top: 8px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .wvs_archive_reset_variations_link:hover {
    color: #E4232E !important; 
}

/* 6. Przycisk "Dodaj do koszyka" */
.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product .button {
    margin: 0 1.25rem 1.25rem 1.25rem !important;
    background: linear-gradient(135deg, hsl(var(--red-deep)), hsl(var(--primary))) !important;
    border-radius: 0.6rem !important;
    padding: 0.75rem 1rem !important;
    text-transform: none !important;
    border: none !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 15px rgba(220, 38, 38, var(--glow-opacity)) !important;
    color: white !important;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product .button::before {
    content: "" !important;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.elementor-63193 .elementor-element.elementor-element-de63d01 .products .product .button:hover {
    transform: scale(1.03);
    box-shadow: 0 0 var(--glow-spread) rgba(220, 38, 38, 0.8) !important;
    filter: brightness(1.1);
}

/* 7. Ukrycie paginacji */
.elementor-63193 .elementor-element.elementor-element-de63d01 .woocommerce-pagination {
    display: none;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-1abce37 *//* 1. Definicja zmiennych */
.elementor-63193 .elementor-element.elementor-element-1abce37 {
    --card: 0 0% 10.2%;
    --primary: 0 72% 50.6%;
    --border: 0 0% 20%;
    --radius: 1rem;
    --red-deep: 0 63% 45.1%;
    --glow-spread: 20px;
    --glow-opacity: 0.6;

    /* glow pod obrazkiem (dopasowuje się do rozmiaru obrazka) */
    --img-glow-opacity: .55;
    --img-glow-blur: 28px;     /* miękkość poświaty */
    --img-glow-scale: 1.10;    /* jak daleko ma “wychodzić” poza obrazek */
}

/* Wyrównanie siatki */
.elementor-63193 .elementor-element.elementor-element-1abce37 .products.elementor-grid {
    gap: 1.5rem !important;
    background-color: transparent;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

/* 2. Styl karty produktu */
.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product {
    background-color: transparent !important;
    border-radius: var(--radius) !important;
    border: none !important;
    padding: 0 !important;
    overflow: visible !important;          /* <-- żeby poświata nie była ucinana */
    transition: all 0.3s ease-in-out !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    height: 100% !important;
    position: relative;
    isolation: isolate;                    /* <-- glow nie miesza się z innymi */
}


/* 3. Obrazek + POŚWIATA za obrazkiem (skalowana do jego rozmiaru) */
.elementor-63193 .elementor-element.elementor-element-1abce37 .woocommerce-LoopProduct-link{
    position: relative;
    z-index: 0;
}

/* kontener dla poświaty — dopasowuje się do wymiarów img */
.elementor-63193 .elementor-element.elementor-element-1abce37 .woocommerce-LoopProduct-link .woocommerce-loop-product__link,
.elementor-63193 .elementor-element.elementor-element-1abce37 .woocommerce-LoopProduct-link{
    position: relative;
}

/* glow rysujemy na pseudoelementcie, a img dajemy wyżej */
.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product img{
    position: relative;
    z-index: 2;
    border-radius: 10px !important; 
    margin: 10px 10px 0 10px !important;
    width: calc(100% - 20px) !important;
    transition: transform 0.5s ease !important;
    aspect-ratio: 1/1;
    object-fit: cover;
}

/* Poświata: liczymy ją od “ramki” obrazka (margin 10px) */
.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product .woocommerce-LoopProduct-link::before{
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    /* wysokość = wysokość obrazka (aspect-ratio 1/1 -> szerokość) */
    aspect-ratio: 1 / 1;
    border-radius: 12px;
    z-index: 1;

    /* jasna poświata */
    background: radial-gradient(
        circle at 50% 50%,
        rgba(255,255,255, var(--img-glow-opacity)) 0%,
        rgba(255,255,255, 0.22) 35%,
        rgba(255,255,255, 0.00) 70%
    );

    filter: blur(var(--img-glow-blur));
    transform: scale(var(--img-glow-scale));
    pointer-events: none;
}

/* lekki boost na hover */
.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product:hover .woocommerce-LoopProduct-link::before{
    filter: blur(calc(var(--img-glow-blur) + 6px));
    transform: scale(calc(var(--img-glow-scale) + 0.04));
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product:hover img {
    transform: scale(1.05);
}

/* 4. Treść pod obrazkiem */
.elementor-63193 .elementor-element.elementor-element-1abce37 .woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1.25rem 0.5rem 1.25rem;
    text-decoration: none !important;
    flex-grow: 1;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .woocommerce-loop-product__title {
    margin: 0.5rem 0 !important;
    line-height: 1.4 !important;
    color: #ffffff !important;
    min-height: 2.8em;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .price {
    margin-top: auto !important;
    color: #E4232E !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 10px !important;
}

/* 5. STYLIZACJA WARIACJI (ZARÓWNO SELECT JAK I KAFELKI) */
.elementor-63193 .elementor-element.elementor-element-1abce37 .wvs-archive-variations-wrapper {
    padding: 0 1.25rem 1rem 1.25rem !important;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .variations {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Wygląd pola Select */
.elementor-63193 .elementor-element.elementor-element-1abce37 select[name*="attribute_"] {
    width: 100% !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    height: 40px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    cursor: pointer;
    outline: none !important;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23E4232E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

/* STYL DLA KAFELKÓW (UL) */
.elementor-63193 .elementor-element.elementor-element-1abce37 .variable-items-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .variable-item.button-variable-item {
    background-color: transparent !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    padding: 0 12px !important;
    min-width: 50px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .variable-item.button-variable-item.selected {
    border-color: #E4232E !important;
    background-color: #E4232E !important;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .variable-item-span {
    font-size: 13px !important;
    white-space: nowrap !important;
}

/* Przycisk Clear */
.elementor-63193 .elementor-element.elementor-element-1abce37 .wvs_archive_reset_variations_link {
    display: inline-block !important;
    color: #666 !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    margin-top: 8px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .wvs_archive_reset_variations_link:hover {
    color: #E4232E !important; 
}

/* 6. Przycisk "Dodaj do koszyka" */
.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product .button {
    margin: 0 1.25rem 1.25rem 1.25rem !important;
    background: linear-gradient(135deg, hsl(var(--red-deep)), hsl(var(--primary))) !important;
    border-radius: 0.6rem !important;
    padding: 0.75rem 1rem !important;
    text-transform: none !important;
    border: none !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 15px rgba(220, 38, 38, var(--glow-opacity)) !important;
    color: white !important;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product .button::before {
    content: "" !important;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.elementor-63193 .elementor-element.elementor-element-1abce37 .products .product .button:hover {
    transform: scale(1.03);
    box-shadow: 0 0 var(--glow-spread) rgba(220, 38, 38, 0.8) !important;
    filter: brightness(1.1);
}

/* 7. Ukrycie paginacji */
.elementor-63193 .elementor-element.elementor-element-1abce37 .woocommerce-pagination {
    display: none;
}/* End custom CSS */