.elementor-28690 .elementor-element.elementor-element-1645e1c{--display:flex;}.elementor-28690 .elementor-element.elementor-element-8858cba{--display:flex;}.elementor-28690 .elementor-element.elementor-element-92f70c3{--display:flex;}.elementor-28690 .elementor-element.elementor-element-41c2229{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );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-28690 .elementor-element.elementor-element-e9c47fb{--display:flex;}.elementor-28690 .elementor-element.elementor-element-09ef1d4{--display:flex;}.elementor-widget-theme-archive-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-28690 .elementor-element.elementor-element-c00f5e5{--display:flex;}.elementor-28690 .elementor-element.elementor-element-d3a75b1{--display:flex;}.elementor-28690 .elementor-element.elementor-element-cec9081{--display:flex;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-28690 .elementor-element.elementor-element-2d05c7d{--grid-columns:1;}.elementor-28690 .elementor-element.elementor-element-7296cc9{--display:flex;}.elementor-28690 .elementor-element.elementor-element-66e8fc0{--display:flex;}.elementor-28690 .elementor-element.elementor-element-f1f4aac{--display:flex;}.elementor-28690 .elementor-element.elementor-element-16a0d1c{--display:flex;}.elementor-widget-wc-add-to-cart .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-28690 .elementor-element.elementor-element-c1f7501 .elementor-button-content-wrapper{flex-direction:row;}.elementor-28690 .elementor-element.elementor-element-c7054fe{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-28690 .elementor-element.elementor-element-7e2f6c5{--display:flex;}.elementor-28690 .elementor-element.elementor-element-d6c7daf{--display:flex;}.elementor-widget-wc-categories .woocommerce .woocommerce-loop-category__title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-wc-categories .woocommerce-loop-category__title .count{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-28690 .elementor-element.elementor-element-21d138b.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-28690 .elementor-element.elementor-element-df33212{--display:flex;}.elementor-28690 .elementor-element.elementor-element-030e34f{--display:flex;}.elementor-28690 .elementor-element.elementor-element-9ef7668{--display:flex;}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-wc-archive-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-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.products-heading-show .related-products > h2, .elementor-widget-wc-archive-products.products-heading-show .upsells > h2, .elementor-widget-wc-archive-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products .elementor-products-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-28690 .elementor-element.elementor-element-b5c53fd.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-28690 .elementor-element.elementor-element-b5c53fd.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-28690 .elementor-element.elementor-element-caa5cfb{--display:flex;}.elementor-28690 .elementor-element.elementor-element-ebe3eea{--display:flex;}.elementor-28690 .elementor-element.elementor-element-c811952{--display:flex;}.elementor-28690 .elementor-element.elementor-element-fbfebe3{--display:flex;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-28690 .elementor-element.elementor-element-744e99c .elementor-icon-box-wrapper{gap:15px;}.elementor-28690 .elementor-element.elementor-element-eab8c22{--display:flex;}.elementor-28690 .elementor-element.elementor-element-516b786{--display:flex;}.elementor-widget-wpzoom-elementor-addons-carousel .wpz-slick-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-wpzoom-elementor-addons-carousel .wpz-slick-subtitle{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-28690 .elementor-element.elementor-element-bac5648 .slick-slider:not(.slick-vertical) .slick-slide{padding-right:10px;padding-left:10px;}.elementor-28690 .elementor-element.elementor-element-bac5648 .slick-slider.slick-vertical .slick-slide{padding-top:10px;padding-bottom:10px;}.elementor-28690 .elementor-element.elementor-element-4681b0a{--display:flex;}.elementor-widget-wpzoom-elementor-addons-pricing-table .wpz-pricing-table-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-wpzoom-elementor-addons-pricing-table .wpz-pricing-table-price-text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-wpzoom-elementor-addons-pricing-table .wpz-pricing-table-currency{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-wpzoom-elementor-addons-pricing-table .wpz-pricing-table-extra{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-wpzoom-elementor-addons-pricing-table .wpz-pricing-table-features-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-wpzoom-elementor-addons-pricing-table .wpz-pricing-table-features-list > li{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-wpzoom-elementor-addons-pricing-table .wpz-pricing-table-btn{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wpzoom-elementor-addons-pricing-table .wpz-pricing-table-badge{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-theme-archive-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-28690 .elementor-element.elementor-element-2d05c7d{--grid-columns:2;}.elementor-widget-wc-add-to-cart .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-wc-categories .woocommerce .woocommerce-loop-category__title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-wc-categories .woocommerce-loop-category__title .count{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-wc-archive-products.products-heading-show .related-products > h2, .elementor-widget-wc-archive-products.products-heading-show .upsells > h2, .elementor-widget-wc-archive-products.products-heading-show .cross-sells > h2{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del {font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-wc-archive-products.elementor-wc-products .added_to_cart{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-wc-archive-products .elementor-products-nothing-found{font-size:var( --e-global-typography-text-font-size );}.elementor-28690 .elementor-element.elementor-element-b5c53fd.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-wpzoom-elementor-addons-carousel .wpz-slick-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-wpzoom-elementor-addons-carousel .wpz-slick-subtitle{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-wpzoom-elementor-addons-pricing-table .wpz-pricing-table-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-wpzoom-elementor-addons-pricing-table .wpz-pricing-table-price-text{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-wpzoom-elementor-addons-pricing-table .wpz-pricing-table-currency{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-wpzoom-elementor-addons-pricing-table .wpz-pricing-table-extra{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-wpzoom-elementor-addons-pricing-table .wpz-pricing-table-features-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-wpzoom-elementor-addons-pricing-table .wpz-pricing-table-features-list > li{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-wpzoom-elementor-addons-pricing-table .wpz-pricing-table-btn{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-wpzoom-elementor-addons-pricing-table .wpz-pricing-table-badge{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-theme-archive-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-28690 .elementor-element.elementor-element-2d05c7d{--grid-columns:1;}.elementor-widget-wc-add-to-cart .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-wc-categories .woocommerce .woocommerce-loop-category__title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-wc-categories .woocommerce-loop-category__title .count{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-wc-archive-products.products-heading-show .related-products > h2, .elementor-widget-wc-archive-products.products-heading-show .upsells > h2, .elementor-widget-wc-archive-products.products-heading-show .cross-sells > h2{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del {font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-wc-archive-products.elementor-wc-products .added_to_cart{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-wc-archive-products .elementor-products-nothing-found{font-size:var( --e-global-typography-text-font-size );}.elementor-28690 .elementor-element.elementor-element-b5c53fd.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-wpzoom-elementor-addons-carousel .wpz-slick-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-wpzoom-elementor-addons-carousel .wpz-slick-subtitle{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-wpzoom-elementor-addons-pricing-table .wpz-pricing-table-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-wpzoom-elementor-addons-pricing-table .wpz-pricing-table-price-text{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-wpzoom-elementor-addons-pricing-table .wpz-pricing-table-currency{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-wpzoom-elementor-addons-pricing-table .wpz-pricing-table-extra{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-wpzoom-elementor-addons-pricing-table .wpz-pricing-table-features-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-wpzoom-elementor-addons-pricing-table .wpz-pricing-table-features-list > li{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-wpzoom-elementor-addons-pricing-table .wpz-pricing-table-btn{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-wpzoom-elementor-addons-pricing-table .wpz-pricing-table-badge{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS *//* ========================================================= TZ Shop Home – Grundbreite wie Event-Shell oberster Container innerhalb content_layer ========================================================= */ .tz-shop-home-shell { width: 100%; max-width: 1760px; margin-inline: auto; padding: 24px clamp(16px, 3vw, 56px) 64px; box-sizing: border-box; } .tz-shop-system-section { position: relative; width: 100%; z-index: 5; } .tz-shop-system-inner { width: 100%; max-width: 1760px; margin-inline: auto; box-sizing: border-box; } .tz-shop-wc-notices { width: 100%; } .tz-shop-archive-title, .tz-shop-archive-description { display: none; } /* ========================================================= TZ Shop Startseite – Hero Basis betrifft nur: tz-shop-hero-section ========================================================= */ .tz-shop-hero-section { position: relative; width: 100%; /* min-height: 420px;*/ box-sizing: border-box; overflow: visible; z-index: 2; } .tz-shop-hero-inner { position: relative; width: 100%; max-width: 1760px; margin-inline: auto; /* min-height: 420px;*/ box-sizing: border-box; padding: 112px 52px 14px; display: flex; flex-direction: column; justify-content: flex-start; } /* Textbereich links */ .tz-shop-hero-copy { position: relative; z-index: 3; width: min(720px, 52vw); box-sizing: border-box; } /* Breadcrumbs */ .tz-shop-hero-copy .woocommerce-breadcrumb, .tz-shop-breadcrumbs, .tz-shop-breadcrumbs a { color: rgba(235,247,255,.74) !important; font-family: "Inter", sans-serif !important; font-size: 14px !important; font-weight: 450 !important; line-height: 1.4 !important; text-decoration: none !important; } .tz-shop-hero-copy .woocommerce-breadcrumb { margin: 0 0 28px !important; } /* Kicker */ .tz-shop-hero-kicker, .tz-shop-hero-kicker .elementor-heading-title { margin: 0 0 14px !important; color: #e45f2c !important; font-family: "Inter", sans-serif !important; font-size: 15px !important; font-weight: 850 !important; line-height: 1 !important; letter-spacing: .13em !important; text-transform: uppercase !important; } /* Haupttitel */ .tz-shop-hero-title, .tz-shop-hero-title .elementor-heading-title { margin: 0 !important; color: rgba(245,248,250,.98) !important; font-family: "Barlow Condensed", sans-serif !important; font-size: clamp(58px, 5.2vw, 104px) !important; font-weight: 800 !important; line-height: .92 !important; letter-spacing: .055em !important; text-transform: uppercase !important; text-shadow: 0 10px 34px rgba(0,0,0,.38); } /* Subtext */ .tz-shop-hero-subtext, .tz-shop-hero-subtext p { max-width: 690px; margin: 22px 0 0 !important; color: rgba(245,248,250,.86) !important; font-family: "Inter", sans-serif !important; font-size: 19px !important; font-weight: 420 !important; line-height: 1.45 !important; } /* Shopbar sitzt im Hero unter Text */ .tz-shop-shopbar { position: relative; z-index: 5; width: min(1180px, 100%); margin-top: 8px; box-sizing: border-box; } /* Suchzeile */ .tz-shop-search-row { position: relative; width: 100%; box-sizing: border-box; } /* FiboSearch Widget grob einfangen */ .tz-shop-search-form { width: 100%; box-sizing: border-box; } /* Mega-Menü Kategoriezeile unter der Suche */ .tz-shop-mega-category-row { position: relative; width: 100%; margin-top: 18px; box-sizing: border-box; } /* Tablet */ @media (max-width: 1199px) { .tz-shop-hero-section { /* min-height: 640px;*/ } .tz-shop-hero-inner { /* min-height: 640px;*/ padding: 112px 34px 16px; } .tz-shop-hero-copy { width: min(680px, 70vw); } .tz-shop-hero-title, .tz-shop-hero-title .elementor-heading-title { font-size: clamp(48px, 7vw, 78px) !important; } .tz-shop-hero-subtext, .tz-shop-hero-subtext p { max-width: 620px; font-size: 17px !important; } .tz-shop-shopbar { width: 100%; margin-top: 26px; } } /* Mobil */ @media (max-width: 767px) { .tz-shop-hero-section { min-height: auto; } .tz-shop-hero-inner { min-height: auto; padding: 92px 18px 10px; } .tz-shop-hero-copy { width: 100%; } .tz-shop-hero-copy .woocommerce-breadcrumb { margin-bottom: 20px !important; } .tz-shop-hero-kicker, .tz-shop-hero-kicker .elementor-heading-title { font-size: 12px !important; margin-bottom: 10px !important; } .tz-shop-hero-title, .tz-shop-hero-title .elementor-heading-title { font-size: clamp(42px, 13vw, 58px) !important; line-height: .94 !important; letter-spacing: .045em !important; } .tz-shop-hero-subtext, .tz-shop-hero-subtext p { margin-top: 18px !important; font-size: 15px !important; line-height: 1.45 !important; } .tz-shop-shopbar { margin-top: 4px; } .tz-shop-mega-category-row { margin-top: 8px; } } /* ========================================================= TZ Shopbar – Basis FiboSearch Bereich: tz-shop-shopbar noch ohne Sticky ========================================================= */ .tz-shop-shopbar { --tz-shopbar-orange: #e45f2c; --tz-shopbar-orange-dark: #9b3818; --tz-shopbar-cyan: #48E0E4; --tz-shopbar-bg: rgba(2, 11, 24, .72); --tz-shopbar-border: rgba(120, 210, 230, .26); --tz-shopbar-text: rgba(245, 248, 250, .96); --tz-shopbar-soft: rgba(235, 247, 255, .68); position: relative; z-index: 20; width: min(1180px, 100%); box-sizing: border-box; gap: 0 !important; } .tz-shop-search-row { position: relative; width: 100%; box-sizing: border-box; gap: 0 !important; } /* FiboSearch Widget-Grundlage */ .tz-shop-search-form, .tz-shop-search-form .elementor-widget-container, .tz-shop-search-form .dgwt-wcas-search-wrapp, .tz-shop-search-form .dgwt-wcas-search-form { width: 100% !important; max-width: none !important; margin: 0 !important; box-sizing: border-box !important; } /* FiboSearch eigener Abstand raus */ .tz-shop-search-form .dgwt-wcas-search-wrapp { min-width: 0 !important; } /* Suchfeld-Außenkörper */ .tz-shop-search-form .dgwt-wcas-sf-wrapp { position: relative !important; display: flex !important; align-items: center !important; width: 100% !important; height: 68px !important; padding: 0 !important; border: 1px solid var(--tz-shopbar-border) !important; border-radius: 6px !important; background: linear-gradient(180deg, rgba(4, 20, 34, .88), rgba(1, 10, 20, .92)) !important; box-shadow: 0 18px 42px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .06) !important; overflow: hidden !important; } /* Eingabefeld */ .tz-shop-search-form .dgwt-wcas-search-input { flex: 1 1 auto !important; width: 100% !important; height: 68px !important; padding: 0 86px 0 28px !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: var(--tz-shopbar-text) !important; font-family: "Inter", sans-serif !important; font-size: 19px !important; font-weight: 450 !important; line-height: 1 !important; letter-spacing: .01em !important; box-shadow: none !important; outline: none !important; } .tz-shop-search-form .dgwt-wcas-search-input::placeholder { color: rgba(235, 247, 255, .62) !important; opacity: 1 !important; } /* Suchbutton rechts */ .tz-shop-search-form .dgwt-wcas-search-submit { position: absolute !important; inset-block: 0 !important; right: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 148px !important; height: 68px !important; min-height: 68px !important; border: 0 !important; border-left: 1px solid rgba(255, 150, 88, .28) !important; border-radius: 0 !important; background: linear-gradient(180deg, rgba(232, 86, 31, .98), rgba(168, 55, 19, .98)) !important; color: rgba(255, 246, 240, .98) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 0 28px rgba(228, 95, 44, .22) !important; cursor: pointer !important; } .tz-shop-search-form .dgwt-wcas-search-submit:hover { background: linear-gradient(180deg, rgba(247, 102, 42, 1), rgba(178, 60, 22, 1)) !important; } /* Lupe im Button */ .tz-shop-search-form .dgwt-wcas-search-submit svg { width: 22px !important; height: 22px !important; margin: 0 !important; opacity: 1 !important; } .tz-shop-search-form .dgwt-wcas-search-submit svg path { fill: rgba(255, 246, 240, .98) !important; } /* X / Preloader rechts, aber vor dem orange Button */ .tz-shop-search-form .dgwt-wcas-preloader, .tz-shop-search-form .dgwt-wcas-close { right: 164px !important; top: 50% !important; transform: translateY(-50%) !important; width: 28px !important; height: 28px !important; opacity: .85 !important; } .tz-shop-search-form .dgwt-wcas-preloader svg, .tz-shop-search-form .dgwt-wcas-close svg { width: 24px !important; height: 24px !important; } .tz-shop-search-form .dgwt-wcas-preloader svg path, .tz-shop-search-form .dgwt-wcas-close svg path { fill: rgba(235, 247, 255, .72) !important; } /* Voice Search erst einmal ausblenden, weil leer und störend */ .tz-shop-search-form .dgwt-wcas-voice-search { display: none !important; } /* Fokuszustand */ .tz-shop-search-form .dgwt-wcas-search-wrapp.dgwt-wcas-search-focused .dgwt-wcas-sf-wrapp, .tz-shop-search-form .dgwt-wcas-search-wrapp.dgwt-wcas-active .dgwt-wcas-sf-wrapp { border-color: rgba(228, 95, 44, .62) !important; box-shadow: 0 18px 48px rgba(0, 0, 0, .34), 0 0 0 1px rgba(228, 95, 44, .18), 0 0 34px rgba(228, 95, 44, .16), inset 0 1px 0 rgba(255, 255, 255, .07) !important; } /* Abstand zur Mega-Kategoriezeile */ .tz-shop-mega-category-row { position: relative; z-index: 19; width: 100%; margin-top: 16px; box-sizing: border-box; } /* Tablet */ @media (max-width: 1199px) { .tz-shop-shopbar { width: 100%; } .tz-shop-search-form .dgwt-wcas-sf-wrapp, .tz-shop-search-form .dgwt-wcas-search-input, .tz-shop-search-form .dgwt-wcas-search-submit { height: 62px !important; min-height: 62px !important; } .tz-shop-search-form .dgwt-wcas-search-input { padding-left: 22px !important; padding-right: 78px !important; font-size: 17px !important; } .tz-shop-search-form .dgwt-wcas-search-submit { width: 126px !important; } .tz-shop-search-form .dgwt-wcas-preloader, .tz-shop-search-form .dgwt-wcas-close { right: 140px !important; } } /* Mobil */ @media (max-width: 767px) { .tz-shop-search-form .dgwt-wcas-sf-wrapp, .tz-shop-search-form .dgwt-wcas-search-input, .tz-shop-search-form .dgwt-wcas-search-submit { height: 54px !important; min-height: 54px !important; } .tz-shop-search-form .dgwt-wcas-sf-wrapp { border-radius: 5px !important; } .tz-shop-search-form .dgwt-wcas-search-input { padding-left: 16px !important; padding-right: 64px !important; font-size: 15px !important; } .tz-shop-search-form .dgwt-wcas-search-submit { width: 58px !important; } .tz-shop-search-form .dgwt-wcas-preloader, .tz-shop-search-form .dgwt-wcas-close { right: 66px !important; } .tz-shop-mega-category-row { margin-top: 12px; } } /* ========================================================= TZ Shopbar – MegaMenü Kategorien Basis nutzt ACF-Ausgabe in Menüeinträgen noch ohne Sticky ========================================================= */ .tz-shop-mega-category-row { --tz-shopbar-orange: #e45f2c; --tz-shopbar-cyan: #48E0E4; --tz-shopbar-bg: rgba(2, 11, 24, .66); --tz-shopbar-bg-strong: rgba(3, 18, 30, .86); --tz-shopbar-border: rgba(120, 210, 230, .26); --tz-shopbar-text: rgba(245,248,250,.96); --tz-shopbar-soft: rgba(235,247,255,.68); position: relative; z-index: 18; width: 100%; margin-top: 16px; box-sizing: border-box; } /* Max Mega Menu Wrapper nur in der Shopbar */ .tz-shop-mega-category-row .mega-menu-wrap, .tz-shop-mega-category-row .mega-menu-wrap > .mega-menu { width: 100% !important; max-width: none !important; box-sizing: border-box !important; } /* Mobile Toggle von Max Mega Menu in der Desktop-Shopbar ausblenden */ .tz-shop-mega-category-row .mega-menu-toggle { display: none !important; } /* Top-Level-Menü als horizontale Button-Leiste */ .tz-shop-mega-category-row .mega-menu { display: grid !important; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 12px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; } /* Top-Level Items */ .tz-shop-mega-category-row .mega-menu > li.mega-menu-item { position: relative !important; display: block !important; width: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; } /* Link als Glasbutton */ .tz-shop-mega-category-row .mega-menu > li.mega-menu-item > a.mega-menu-link { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 78px !important; height: auto !important; padding: 9px 12px !important; border: 1px solid var(--tz-shopbar-border) !important; border-radius: 8px !important; background: radial-gradient(circle at 50% 0%, rgba(72,224,228,.13), transparent 48%), linear-gradient(180deg, rgba(6,31,48,.78), rgba(2,11,24,.84)) !important; color: var(--tz-shopbar-text) !important; font-family: "Inter", sans-serif !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.15 !important; letter-spacing: .055em !important; text-align: center !important; text-transform: uppercase !important; text-decoration: none !important; box-shadow: 0 14px 34px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.06) !important; overflow: hidden !important; } /* ACF-Innenstruktur */ .tz-shop-mega-category-row .tz-shopbar-link-inner { position: relative; z-index: 2; display: grid; grid-template-columns: 54px minmax(0, 1fr); align-items: center; gap: 10px; width: 100%; min-width: 0; } /* Bildfläche */ .tz-shop-mega-category-row .tz-shopbar-link-image { position: relative; display: flex; align-items: center; justify-content: center; width: 54px; height: 42px; border-radius: 6px; background: radial-gradient(circle at 50% 34%, rgba(72,224,228,.20), transparent 58%), linear-gradient(180deg, rgba(7,43,62,.72), rgba(2,11,24,.84)); overflow: hidden; } /* Freigestelltes Bild */ .tz-shop-mega-category-row .tz-shopbar-link-img { display: block !important; width: auto !important; max-width: 96% !important; height: auto !important; max-height: 38px !important; object-fit: contain !important; filter: drop-shadow(0 7px 8px rgba(0,0,0,.36)) saturate(1.04) contrast(1.04); } /* Text */ .tz-shop-mega-category-row .tz-shopbar-link-copy { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; } .tz-shop-mega-category-row .tz-shopbar-link-title { display: block; width: 100%; color: var(--tz-shopbar-text); font-size: 13px; font-weight: 850; line-height: 1.12; letter-spacing: .055em; text-align: left; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tz-shop-mega-category-row .tz-shopbar-link-subtitle { display: block; width: 100%; margin-top: 4px; color: var(--tz-shopbar-soft); font-size: 11px; font-weight: 500; line-height: 1.15; letter-spacing: .01em; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Badge oben links im Button */ .tz-shop-mega-category-row .tz-shopbar-link-badge { position: absolute; top: -4px; left: -4px; z-index: 4; display: inline-flex; align-items: center; justify-content: center; min-width: 34px; height: 18px; padding: 0 7px; border-radius: 3px; border: 1px solid rgba(255,150,88,.42); background: linear-gradient(180deg, rgba(239,103,48,.97), rgba(165,61,25,.97)); color: rgba(255,245,238,.98); font-size: 9px; font-weight: 900; line-height: 1; letter-spacing: .08em; text-transform: uppercase; box-shadow: 0 6px 14px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.18); } /* Hover */ .tz-shop-mega-category-row .mega-menu > li.mega-menu-item:hover > a.mega-menu-link, .tz-shop-mega-category-row .mega-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link { border-color: rgba(228,95,44,.62) !important; background: radial-gradient(circle at 50% 0%, rgba(228,95,44,.18), transparent 52%), linear-gradient(180deg, rgba(9,38,54,.88), rgba(2,11,24,.92)) !important; box-shadow: 0 16px 38px rgba(0,0,0,.26), 0 0 0 1px rgba(228,95,44,.16), 0 0 28px rgba(228,95,44,.13), inset 0 1px 0 rgba(255,255,255,.07) !important; } .tz-shop-mega-category-row .mega-menu > li.mega-menu-item:hover .tz-shopbar-link-img { transform: translateY(-1px) scale(1.04); } /* Pfeil/Indicator von Max Mega Menu dezenter */ .tz-shop-mega-category-row .mega-indicator { margin-left: 7px !important; opacity: .72; } /* Tablet */ @media (max-width: 1199px) { .tz-shop-mega-category-row .mega-menu { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px !important; } .tz-shop-mega-category-row .mega-menu > li.mega-menu-item > a.mega-menu-link { min-height: 70px !important; padding: 8px 10px !important; } .tz-shop-mega-category-row .tz-shopbar-link-inner { grid-template-columns: 46px minmax(0, 1fr); gap: 8px; } .tz-shop-mega-category-row .tz-shopbar-link-image { width: 46px; height: 38px; } .tz-shop-mega-category-row .tz-shopbar-link-img { max-height: 34px !important; } .tz-shop-mega-category-row .tz-shopbar-link-title { font-size: 12px; } .tz-shop-mega-category-row .tz-shopbar-link-subtitle { font-size: 10px; } } /* Mobil: Max Mega Menu fürs Erste kompakt stapeln */ @media (max-width: 767px) { .tz-shop-mega-category-row .mega-menu { grid-template-columns: 1fr 1fr; gap: 8px !important; } .tz-shop-mega-category-row .mega-menu > li.mega-menu-item > a.mega-menu-link { min-height: 62px !important; padding: 8px !important; } .tz-shop-mega-category-row .tz-shopbar-link-inner { grid-template-columns: 40px minmax(0, 1fr); gap: 7px; } .tz-shop-mega-category-row .tz-shopbar-link-image { width: 40px; height: 34px; } .tz-shop-mega-category-row .tz-shopbar-link-img { max-height: 30px !important; } .tz-shop-mega-category-row .tz-shopbar-link-title { font-size: 11px; letter-spacing: .04em; } .tz-shop-mega-category-row .tz-shopbar-link-subtitle { display: none; } .tz-shop-mega-category-row .tz-shopbar-link-badge { top: -3px; left: -3px; height: 16px; font-size: 8px; } } /* ========================================================= TZ Shop Hero – Copy-Breite begrenzen ========================================================= */ .tz-shop-hero-copy { width: 100% !important; max-width: 1040px !important; } .tz-shop-hero-title { max-width: 980px !important; } .tz-shop-hero-subtext { max-width: 760px !important; } /* ========================================================= TZ Shopbar – FiboSearch Pirx auf TZ-Suchleiste umbauen ========================================================= */ .tz-shop-search-form, .tz-shop-search-form .elementor-widget-container, .tz-shop-search-form .dgwt-wcas-search-wrapp, .tz-shop-search-form .dgwt-wcas-search-form, .tz-shop-search-form .dgwt-wcas-sf-wrapp { width: 100% !important; max-width: none !important; } .tz-shop-search-form .dgwt-wcas-search-wrapp { min-width: 0 !important; margin: 0 !important; } .tz-shop-search-form .dgwt-wcas-sf-wrapp { position: relative !important; display: block !important; height: 66px !important; padding: 0 !important; overflow: hidden !important; border-radius: 6px !important; border: 1px solid rgba(228,95,44,.42) !important; background: linear-gradient(180deg, rgba(2,11,24,.82), rgba(2,11,24,.94)) !important; box-shadow: 0 16px 42px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06) !important; } /* Input: volle Leiste, Platz rechts für Button */ .tz-shop-search-form input.dgwt-wcas-search-input { position: relative !important; z-index: 1 !important; width: 100% !important; height: 66px !important; min-height: 66px !important; padding: 0 178px 0 28px !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: rgba(245,248,250,.96) !important; font-family: "Inter", sans-serif !important; font-size: 18px !important; font-weight: 500 !important; line-height: 66px !important; letter-spacing: .02em !important; box-shadow: none !important; } .tz-shop-search-form input.dgwt-wcas-search-input::placeholder { color: rgba(235,247,255,.58) !important; opacity: 1 !important; } /* Orange Suchbutton rechts */ .tz-shop-search-form button.dgwt-wcas-search-submit { position: absolute !important; inset: 0 0 0 auto !important; z-index: 3 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 154px !important; height: 66px !important; min-height: 66px !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-left: 1px solid rgba(255,160,95,.28) !important; border-radius: 0 !important; background: linear-gradient(180deg, rgba(232,92,35,.96), rgba(179,58,20,.98)) !important; color: #fff !important; transform: none !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.18), -12px 0 28px rgba(228,95,44,.10) !important; } /* Lupe im Button */ .tz-shop-search-form button.dgwt-wcas-search-submit svg { width: 24px !important; height: 24px !important; margin: 0 !important; fill: currentColor !important; } .tz-shop-search-form button.dgwt-wcas-search-submit svg path { fill: currentColor !important; } /* FiboSearch Close / Loader vor dem Button */ .tz-shop-search-form .dgwt-wcas-preloader { position: absolute !important; left: auto !important; right: 166px !important; top: 50% !important; z-index: 4 !important; transform: translateY(-50%) !important; } /* Voice Search ausblenden, falls leer/störend */ .tz-shop-search-form .dgwt-wcas-voice-search { display: none !important; } /* Pirx-Sonderabstände neutralisieren */ .tz-shop-search-form .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp, .tz-shop-search-form .dgwt-wcas-search-wrapp.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp { padding: 0 !important; } /* Tablet */ @media (max-width: 1199px) { .tz-shop-search-form .dgwt-wcas-sf-wrapp, .tz-shop-search-form input.dgwt-wcas-search-input { height: 60px !important; min-height: 60px !important; line-height: 60px !important; } .tz-shop-search-form input.dgwt-wcas-search-input { padding-right: 148px !important; padding-left: 22px !important; font-size: 16px !important; } .tz-shop-search-form button.dgwt-wcas-search-submit { width: 128px !important; height: 60px !important; min-height: 60px !important; } .tz-shop-search-form .dgwt-wcas-preloader { right: 140px !important; } } /* Mobil */ @media (max-width: 767px) { .tz-shop-search-form .dgwt-wcas-sf-wrapp, .tz-shop-search-form input.dgwt-wcas-search-input { height: 54px !important; min-height: 54px !important; line-height: 54px !important; } .tz-shop-search-form input.dgwt-wcas-search-input { padding-left: 16px !important; padding-right: 68px !important; font-size: 14px !important; } .tz-shop-search-form button.dgwt-wcas-search-submit { width: 56px !important; height: 54px !important; min-height: 54px !important; } .tz-shop-search-form button.dgwt-wcas-search-submit svg { width: 20px !important; height: 20px !important; } .tz-shop-search-form .dgwt-wcas-preloader { right: 62px !important; } } .tz-shop-home-shell .tz-shop-section { --container-max-width: 100% !important; --content-width: 100% !important; } .tz-shop-home-shell .tz-shop-section > .e-con-inner { width: 100% !important; max-width: none !important; padding-inline: 0 !important; } /* Shopbar als eigenes mittiges Shopmodul */ .tz-shop-shopbar { width: 100% !important; max-width: 1380px !important; margin-inline: auto !important; box-sizing: border-box !important; } .tz-shop-shopbar .tz-shop-search-row, .tz-shop-shopbar .tz-shop-mega-category-row { width: 100% !important; max-width: none !important; margin-inline: 0 !important; box-sizing: border-box !important; } /* ========================================================= TZ Shopbar – Startseitenzustand groß gleiche Shopbar wird später sticky kompakt ========================================================= */ .tz-shop-shopbar { width: 100% !important; max-width: 1380px !important; margin-inline: auto !important; box-sizing: border-box !important; } .tz-shop-shopbar .tz-shop-search-row, .tz-shop-shopbar .tz-shop-mega-category-row { width: 100% !important; max-width: none !important; margin-inline: 0 !important; box-sizing: border-box !important; } /* Abstand Suche zu Kategorien */ .tz-shop-mega-category-row { margin-top: 22px !important; } /* große Kategoriebuttons */ .tz-shop-mega-category-row .mega-menu { display: grid !important; grid-template-columns: repeat(7, minmax(0, 1fr)) !important; gap: 14px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; } /* Item reset */ .tz-shop-mega-category-row .mega-menu > li.mega-menu-item { margin: 0 !important; padding: 0 !important; background: transparent !important; } /* großer Button, Startseite */ .tz-shop-mega-category-row .mega-menu > li.mega-menu-item > a.mega-menu-link { position: relative !important; display: flex !important; align-items: stretch !important; justify-content: stretch !important; width: 100% !important; min-height: 138px !important; height: auto !important; padding: 16px 18px 14px !important; border-radius: 8px !important; border: 1px solid rgba(72,224,228,.42) !important; background: radial-gradient(circle at 50% 0%, rgba(72,224,228,.18), transparent 48%), linear-gradient(180deg, rgba(7,35,52,.78), rgba(2,11,24,.88)) !important; color: rgba(245,248,250,.96) !important; text-decoration: none !important; box-shadow: 0 16px 38px rgba(0,0,0,.28), 0 0 0 1px rgba(72,224,228,.08), inset 0 1px 0 rgba(255,255,255,.08) !important; overflow: hidden !important; } /* dezente Trennlinie wie Vorlage */ .tz-shop-mega-category-row .mega-menu > li.mega-menu-item > a.mega-menu-link::after { content: ""; position: absolute; left: 18px; right: 18px; bottom: 46px; height: 1px; background: linear-gradient(90deg, transparent, rgba(72,224,228,.22), rgba(72,224,228,.34), rgba(72,224,228,.22), transparent); opacity: .78; pointer-events: none; } /* Innenstruktur: groß oben Bild, unten Text */ .tz-shop-mega-category-row .tz-shopbar-link-inner { position: relative; z-index: 2; display: grid !important; grid-template-rows: minmax(64px, 1fr) auto; grid-template-columns: 1fr !important; align-items: stretch !important; justify-items: stretch !important; gap: 8px !important; width: 100% !important; min-width: 0 !important; height: 100% !important; } /* Bildbereich oben */ .tz-shop-mega-category-row .tz-shopbar-link-image { position: relative; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 70px !important; min-height: 70px !important; border-radius: 0 !important; background: radial-gradient(ellipse at 50% 72%, rgba(72,224,228,.24), transparent 52%) !important; overflow: visible !important; } /* Bild größer und freier */ .tz-shop-mega-category-row .tz-shopbar-link-img { display: block !important; width: auto !important; max-width: 92% !important; height: auto !important; max-height: 68px !important; object-fit: contain !important; filter: drop-shadow(0 12px 12px rgba(0,0,0,.42)) saturate(1.06) contrast(1.05); } /* Textbereich unten */ .tz-shop-mega-category-row .tz-shopbar-link-copy { display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-end !important; min-width: 0 !important; padding-top: 4px !important; } .tz-shop-mega-category-row .tz-shopbar-link-title { display: block !important; width: 100% !important; color: rgba(245,248,250,.96) !important; font-family: "Inter", sans-serif !important; font-size: 15px !important; font-weight: 850 !important; line-height: 1.12 !important; letter-spacing: .035em !important; text-align: left !important; text-transform: none !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .tz-shop-mega-category-row .tz-shopbar-link-subtitle { display: block !important; width: 100% !important; margin-top: 5px !important; color: rgba(235,247,255,.66) !important; font-family: "Inter", sans-serif !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.15 !important; letter-spacing: .01em !important; text-align: left !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } /* Badge enger in die Ecke */ .tz-shop-mega-category-row .tz-shopbar-link-badge { position: absolute !important; top: 6px !important; left: 6px !important; z-index: 6 !important; height: 20px !important; min-width: 36px !important; padding: 0 8px !important; border-radius: 3px !important; border: 1px solid rgba(255,150,88,.48) !important; background: linear-gradient(180deg, rgba(239,103,48,.98), rgba(165,61,25,.98)) !important; color: rgba(255,245,238,.98) !important; font-family: "Inter", sans-serif !important; font-size: 9px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: .08em !important; text-transform: uppercase !important; box-shadow: 0 8px 18px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.18) !important; } /* Mehr-Pfeil rechts unten etwas sichtbarer */ .tz-shop-mega-category-row .mega-indicator { position: absolute !important; right: 14px !important; bottom: 18px !important; opacity: .78 !important; } /* Hover stärker leuchtend */ .tz-shop-mega-category-row .mega-menu > li.mega-menu-item:hover > a.mega-menu-link, .tz-shop-mega-category-row .mega-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link { border-color: rgba(72,224,228,.72) !important; background: radial-gradient(circle at 50% 0%, rgba(72,224,228,.25), transparent 52%), linear-gradient(180deg, rgba(8,42,60,.86), rgba(2,11,24,.94)) !important; box-shadow: 0 18px 42px rgba(0,0,0,.32), 0 0 0 1px rgba(72,224,228,.18), 0 0 30px rgba(72,224,228,.16), inset 0 1px 0 rgba(255,255,255,.10) !important; } .tz-shop-mega-category-row .mega-menu > li.mega-menu-item:hover .tz-shopbar-link-img { transform: translateY(-3px) scale(1.045); } /* ========================================================= TZ Shopbar – FiboSearch Breite und Icon-Button ========================================================= */ .tz-shop-search-row { width: 100% !important; max-width: none !important; margin-inline: 0 !important; } .tz-shop-search-form, .tz-shop-search-form .elementor-widget-container, .tz-shop-search-form .dgwt-wcas-search-wrapp, .tz-shop-search-form .dgwt-wcas-search-form, .tz-shop-search-form .dgwt-wcas-sf-wrapp { width: 100% !important; max-width: none !important; } .tz-shop-search-form .dgwt-wcas-search-wrapp { min-width: 0 !important; margin: 0 !important; } .tz-shop-search-form .dgwt-wcas-sf-wrapp { position: relative !important; display: block !important; height: 64px !important; min-height: 64px !important; padding: 0 !important; overflow: hidden !important; border-radius: 6px !important; border: 1px solid rgba(228,95,44,.46) !important; background: linear-gradient(180deg, rgba(2,11,24,.78), rgba(2,11,24,.94)) !important; box-shadow: 0 16px 42px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06) !important; } /* Input: später links Platz für Kategorieauswahl, jetzt schon reserviert */ .tz-shop-search-form input.dgwt-wcas-search-input { position: relative !important; z-index: 1 !important; width: 100% !important; height: 64px !important; min-height: 64px !important; padding: 0 78px 0 28px !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: rgba(245,248,250,.96) !important; font-family: "Inter", sans-serif !important; font-size: 18px !important; font-weight: 520 !important; line-height: 64px !important; letter-spacing: .015em !important; box-shadow: none !important; } .tz-shop-search-form input.dgwt-wcas-search-input::placeholder { color: rgba(235,247,255,.70) !important; opacity: 1 !important; } /* Orange Suchfeld schmal, nur Icon */ .tz-shop-search-form button.dgwt-wcas-search-submit { position: absolute !important; inset: 0 0 0 auto !important; z-index: 4 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 66px !important; height: 64px !important; min-height: 64px !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-left: 1px solid rgba(255,160,95,.28) !important; border-radius: 0 !important; background: linear-gradient(180deg, rgba(232,92,35,.96), rgba(179,58,20,.98)) !important; color: #fff !important; font-size: 0 !important; transform: none !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.18), -12px 0 28px rgba(228,95,44,.10) !important; } .tz-shop-search-form button.dgwt-wcas-search-submit svg { width: 28px !important; height: 28px !important; margin: 0 !important; fill: currentColor !important; } .tz-shop-search-form button.dgwt-wcas-search-submit svg path { fill: currentColor !important; } /* Close/Loader vor Button */ .tz-shop-search-form .dgwt-wcas-preloader { position: absolute !important; left: auto !important; right: 76px !important; top: 50% !important; z-index: 5 !important; transform: translateY(-50%) !important; } .tz-shop-search-form .dgwt-wcas-voice-search { display: none !important; } /* Pirx interne Abstände neutralisieren */ .tz-shop-search-form .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp, .tz-shop-search-form .dgwt-wcas-search-wrapp.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp { padding: 0 !important; } /* ========================================================= TZ Shopbar – Feinschliff großer Startseitenzustand ========================================================= */ /* Searchbar über volle Shopbar-Breite */ .tz-shop-shopbar .tz-shop-search-row, .tz-shop-shopbar .tz-shop-search-form, .tz-shop-shopbar .tz-shop-search-form .elementor-widget-container, .tz-shop-shopbar .tz-shop-search-form .dgwt-wcas-search-wrapp, .tz-shop-shopbar .tz-shop-search-form .dgwt-wcas-search-form, .tz-shop-shopbar .tz-shop-search-form .dgwt-wcas-sf-wrapp { width: 100% !important; max-width: none !important; } /* Searchbar etwas kräftiger und voller */ .tz-shop-search-form .dgwt-wcas-sf-wrapp { height: 70px !important; min-height: 70px !important; border-color: rgba(228,95,44,.52) !important; background: linear-gradient(180deg, rgba(3,17,31,.82), rgba(1,8,18,.96)) !important; box-shadow: 0 18px 46px rgba(0,0,0,.30), 0 0 0 1px rgba(228,95,44,.10), inset 0 1px 0 rgba(255,255,255,.07) !important; } .tz-shop-search-form input.dgwt-wcas-search-input { height: 70px !important; min-height: 70px !important; line-height: 70px !important; padding-right: 86px !important; font-size: 19px !important; } .tz-shop-search-form input.dgwt-wcas-search-input::placeholder { color: rgba(235,247,255,.76) !important; } /* Orange Feld schmal, Icon groß und mittig */ .tz-shop-search-form button.dgwt-wcas-search-submit { top: 0 !important; right: 0 !important; bottom: auto !important; left: auto !important; width: 72px !important; height: 70px !important; min-height: 70px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; margin: 0 !important; transform: none !important; text-align: center !important; } .tz-shop-search-form button.dgwt-wcas-search-submit svg, .tz-shop-search-form button.dgwt-wcas-search-submit .dgwt-wcas-ico-magnifier { position: static !important; display: block !important; width: 30px !important; height: 30px !important; margin: 0 !important; padding: 0 !important; transform: none !important; } .tz-shop-search-form button.dgwt-wcas-search-submit svg path { fill: currentColor !important; } /* Loader / X vor dem Suchbutton */ .tz-shop-search-form .dgwt-wcas-preloader { right: 84px !important; } /* Kategoriebuttons: einheitlich größer */ .tz-shop-mega-category-row .mega-menu > li.mega-menu-item > a.mega-menu-link { min-height: 172px !important; height: 172px !important; padding: 16px 20px 16px !important; border-color: rgba(72,224,228,.56) !important; background: radial-gradient(circle at 50% 8%, rgba(72,224,228,.22), transparent 46%), linear-gradient(180deg, rgba(8,44,66,.86), rgba(2,13,27,.94)) !important; box-shadow: 0 18px 42px rgba(0,0,0,.30), 0 0 0 1px rgba(72,224,228,.13), 0 0 26px rgba(72,224,228,.09), inset 0 1px 0 rgba(255,255,255,.09) !important; } /* gleiche Innenhöhe, auch wenn kein Subtitle vorhanden ist */ .tz-shop-mega-category-row .tz-shopbar-link-inner { height: 100% !important; grid-template-rows: 92px 1fr !important; gap: 10px !important; } /* Bildbereich höher */ .tz-shop-mega-category-row .tz-shopbar-link-image { height: 92px !important; min-height: 92px !important; background: radial-gradient(ellipse at 50% 70%, rgba(72,224,228,.30), transparent 56%) !important; } .tz-shop-mega-category-row .tz-shopbar-link-img { max-height: 88px !important; max-width: 96% !important; } /* zarte Trennlinie sichtbar machen */ .tz-shop-mega-category-row .mega-menu > li.mega-menu-item > a.mega-menu-link::after { display: block !important; left: 20px !important; right: 20px !important; bottom: 56px !important; height: 1px !important; background: linear-gradient(90deg, transparent 0%, rgba(72,224,228,.14) 12%, rgba(72,224,228,.54) 50%, rgba(72,224,228,.14) 88%, transparent 100%) !important; opacity: .88 !important; } /* Text unten stabil, kein Hochschrumpfen ohne Subtitle */ .tz-shop-mega-category-row .tz-shopbar-link-copy { min-height: 46px !important; justify-content: flex-start !important; padding-top: 8px !important; } .tz-shop-mega-category-row .tz-shopbar-link-title { font-size: 16px !important; line-height: 1.1 !important; } .tz-shop-mega-category-row .tz-shopbar-link-subtitle { min-height: 14px !important; font-size: 12px !important; } /* Badge näher an Ecke: ca. 30% weniger Abstand */ .tz-shop-mega-category-row .tz-shopbar-link-badge { top: 4px !important; left: 4px !important; } /* Hover passend zum blauerem Grundzustand */ .tz-shop-mega-category-row .mega-menu > li.mega-menu-item:hover > a.mega-menu-link, .tz-shop-mega-category-row .mega-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link { border-color: rgba(72,224,228,.82) !important; background: radial-gradient(circle at 50% 8%, rgba(72,224,228,.32), transparent 48%), linear-gradient(180deg, rgba(9,52,76,.94), rgba(2,13,27,.98)) !important; box-shadow: 0 20px 48px rgba(0,0,0,.34), 0 0 0 1px rgba(72,224,228,.24), 0 0 34px rgba(72,224,228,.20), inset 0 1px 0 rgba(255,255,255,.11) !important; } /* ========================================================= TZ Shopbar – Korrektur: Blau, Badge, Suchbreite, Lupe ========================================================= */ /* Suchleiste bewusst schmaler: ca. 4,5 Kategoriebuttons */ .tz-shop-shopbar .tz-shop-search-row { width: calc((100% - (6 * 14px)) / 7 * 4.5 + (3.5 * 14px)) !important; max-width: 1040px !important; min-width: 720px !important; margin-inline: 0 auto !important; } /* FiboSearch darf diese Zeilenbreite ausfüllen */ .tz-shop-search-row .tz-shop-search-form, .tz-shop-search-row .elementor-widget-container, .tz-shop-search-row .dgwt-wcas-search-wrapp, .tz-shop-search-row .dgwt-wcas-search-form, .tz-shop-search-row .dgwt-wcas-sf-wrapp { width: 100% !important; max-width: none !important; } /* Lupe wirklich mittig im orangen Feld */ .tz-shop-search-form button.dgwt-wcas-search-submit { width: 72px !important; height: 70px !important; min-height: 70px !important; display: grid !important; place-items: center !important; padding: 0 !important; margin: 0 !important; line-height: 1 !important; font-size: 0 !important; } .tz-shop-search-form button.dgwt-wcas-search-submit svg, .tz-shop-search-form button.dgwt-wcas-search-submit .dgwt-wcas-ico-magnifier { position: static !important; inset: auto !important; display: block !important; width: 31px !important; height: 31px !important; margin: 0 !important; padding: 0 !important; transform: none !important; } /* Falls FiboSearch das SVG intern links/oben positioniert */ .tz-shop-search-form button.dgwt-wcas-search-submit svg { translate: none !important; } /* Kategoriebuttons: Hintergrund mehr Tiefsee-Blau, weniger Türkis */ .tz-shop-mega-category-row .mega-menu > li.mega-menu-item > a.mega-menu-link { background: radial-gradient(circle at 50% 8%, rgba(44,118,168,.20) 0%, rgba(18,65,103,.17) 34%, transparent 62%), linear-gradient(180deg, rgba(5,33,58,.88) 0%, rgba(3,20,40,.95) 56%, rgba(1,10,24,.98) 100%) !important; border-color: rgba(78,166,218,.58) !important; box-shadow: 0 18px 42px rgba(0,0,0,.32), 0 0 0 1px rgba(78,166,218,.14), 0 0 24px rgba(45,128,188,.12), inset 0 1px 0 rgba(255,255,255,.08) !important; } /* Hover bleibt blau, nur etwas heller */ .tz-shop-mega-category-row .mega-menu > li.mega-menu-item:hover > a.mega-menu-link, .tz-shop-mega-category-row .mega-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link { background: radial-gradient(circle at 50% 8%, rgba(64,145,205,.28) 0%, rgba(24,80,123,.22) 38%, transparent 64%), linear-gradient(180deg, rgba(6,42,70,.94) 0%, rgba(3,24,46,.98) 56%, rgba(1,10,24,1) 100%) !important; border-color: rgba(104,188,236,.78) !important; box-shadow: 0 20px 48px rgba(0,0,0,.36), 0 0 0 1px rgba(104,188,236,.24), 0 0 34px rgba(64,145,205,.20), inset 0 1px 0 rgba(255,255,255,.10) !important; } /* Bild-Glow ebenfalls blauer statt türkiser */ .tz-shop-mega-category-row .tz-shopbar-link-image { background: radial-gradient(ellipse at 50% 70%, rgba(64,145,205,.26) 0%, rgba(28,82,126,.18) 38%, transparent 62%) !important; } /* Trennlinie sichtbarer und blauer */ .tz-shop-mega-category-row .mega-menu > li.mega-menu-item > a.mega-menu-link::after { display: block !important; left: 20px !important; right: 20px !important; bottom: 56px !important; background: linear-gradient(90deg, transparent 0%, rgba(78,166,218,.16) 12%, rgba(104,188,236,.46) 50%, rgba(78,166,218,.16) 88%, transparent 100%) !important; opacity: .78 !important; } /* Badge an deine gelbe Referenz: weiter links/oben */ .tz-shop-mega-category-row .tz-shopbar-link-badge { top: 10px !important; left: 10px !important; } /* Tablet: Suche wieder sinnvoll breit */ @media (max-width: 1199px) { .tz-shop-shopbar .tz-shop-search-row { width: 100% !important; min-width: 0 !important; max-width: none !important; } } /* Mobil */ @media (max-width: 767px) { .tz-shop-shopbar .tz-shop-search-row { width: 100% !important; min-width: 0 !important; max-width: none !important; } } /* ========================================================= TZ Shopbar – Searchbar zentriert + Badge an Bildkante ========================================================= */ /* Suchleiste: ca. 4,5 Buttonbreiten, mittig in der Shopbar */ .tz-shop-shopbar .tz-shop-search-row { width: calc((100% - (6 * 14px)) / 7 * 4.5 + (3.5 * 14px)) !important; max-width: 1040px !important; min-width: 720px !important; margin-inline: auto !important; } /* Badge nicht mehr als Karten-Overlay positionieren */ .tz-shop-mega-category-row .tz-shopbar-link-badge { top: 0 !important; left: 0 !important; } /* Bildbereich wird Positionierungsanker für Badge */ .tz-shop-mega-category-row .tz-shopbar-link-image { position: relative !important; } /* Badge an die obere linke Kante des Bildbereichs */ .tz-shop-mega-category-row .tz-shopbar-link-image .tz-shopbar-link-badge, .tz-shop-mega-category-row .tz-shopbar-link-badge { position: absolute !important; top: 0 !important; left: 0 !important; z-index: 8 !important; } /* ========================================================= TZ FiboSearch – Vorschau / Suggestion Dropdown Tiefsee-Style für Ergebnisliste + Detailbox ========================================================= */ /* Gemeinsame Oberfläche */ body .dgwt-wcas-suggestions-wrapp, body .dgwt-wcas-details-wrapp { border: 1px solid rgba(78,166,218,.44) !important; border-radius: 0 0 10px 10px !important; background: radial-gradient(circle at 50% 0%, rgba(44,118,168,.18) 0%, rgba(18,65,103,.12) 34%, transparent 62%), linear-gradient(180deg, rgba(4,24,45,.96) 0%, rgba(2,13,27,.98) 58%, rgba(1,8,18,.99) 100%) !important; color: rgba(245,248,250,.96) !important; box-shadow: 0 28px 70px rgba(0,0,0,.48), 0 0 0 1px rgba(78,166,218,.10), 0 0 34px rgba(45,128,188,.12), inset 0 1px 0 rgba(255,255,255,.07) !important; overflow: hidden !important; } /* Linke Trefferliste */ body .dgwt-wcas-suggestions-wrapp { padding: 12px 0 !important; } /* Einzelner Treffer */ body .dgwt-wcas-suggestion { display: grid !important; grid-template-columns: 58px minmax(0, 1fr) !important; align-items: center !important; gap: 14px !important; min-height: 72px !important; padding: 10px 18px !important; border: 0 !important; border-bottom: 1px solid rgba(78,166,218,.14) !important; background: transparent !important; color: rgba(245,248,250,.94) !important; text-decoration: none !important; } body .dgwt-wcas-suggestion:last-child, body .dgwt-wcas-suggestion-no-border-bottom { border-bottom: 0 !important; } /* Aktiver Treffer */ body .dgwt-wcas-suggestion-selected, body .dgwt-wcas-suggestion:hover { background: linear-gradient(90deg, rgba(228,95,44,.18), rgba(44,118,168,.16) 42%, transparent 100%) !important; } /* Trefferbild */ body .dgwt-wcas-si { width: 58px !important; height: 48px !important; margin: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 6px !important; background: radial-gradient(ellipse at 50% 70%, rgba(64,145,205,.22), transparent 64%) !important; overflow: hidden !important; } body .dgwt-wcas-si img { width: auto !important; max-width: 92% !important; height: auto !important; max-height: 44px !important; object-fit: contain !important; filter: drop-shadow(0 8px 9px rgba(0,0,0,.38)) saturate(1.04) contrast(1.04); } /* Treffertext */ body .dgwt-wcas-content-wrapp { min-width: 0 !important; } body .dgwt-wcas-st, body .dgwt-wcas-st-title { color: rgba(245,248,250,.96) !important; font-family: "Inter", sans-serif !important; font-size: 17px !important; font-weight: 650 !important; line-height: 1.2 !important; letter-spacing: .01em !important; } body .dgwt-wcas-st-title strong { color: rgba(255,126,70,.98) !important; font-weight: 850 !important; } /* Rechte Detailbox */ body .dgwt-wcas-details-wrapp { padding: 0 !important; } body .dgwt-wcas-details-inner { display: none !important; background: transparent !important; color: rgba(245,248,250,.96) !important; } body .dgwt-wcas-details-inner-active { display: block !important; } /* Produktdetail-Aufbau */ body .dgwt-wcas-product-details { padding: 26px 30px 30px !important; background: transparent !important; } body .dgwt-wcas-details-main-image { width: 100% !important; height: 210px !important; margin: 0 0 20px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 8px !important; background: radial-gradient(ellipse at 50% 76%, rgba(64,145,205,.24), transparent 58%), linear-gradient(180deg, rgba(5,33,58,.78), rgba(1,8,18,.82)) !important; overflow: hidden !important; } body .dgwt-wcas-details-main-image img { width: auto !important; max-width: 82% !important; height: auto !important; max-height: 190px !important; object-fit: contain !important; filter: drop-shadow(0 18px 18px rgba(0,0,0,.42)) saturate(1.04) contrast(1.04); } /* Detailtext */ body .dgwt-wcas-details-space { padding: 0 !important; background: transparent !important; } body .dgwt-wcas-details-product-title { display: block !important; margin: 0 0 12px !important; color: rgba(245,248,250,.98) !important; font-family: "Inter", sans-serif !important; font-size: 26px !important; font-weight: 760 !important; line-height: 1.12 !important; letter-spacing: .02em !important; text-decoration: none !important; } body .dgwt-wcas-pd-price, body .dgwt-wcas-pd-price .amount, body .dgwt-wcas-pd-price bdi, body .dgwt-wcas-pd-price .woocommerce-Price-currencySymbol { color: #e45f2c !important; font-family: "Inter", sans-serif !important; font-size: 26px !important; font-weight: 850 !important; line-height: 1.1 !important; } body .dgwt-wcas-pd-price del { display: none !important; } body .dgwt-wcas-pd-price ins { text-decoration: none !important; } body .dgwt-wcas-details-hr { height: 1px !important; margin: 18px 0 !important; border: 0 !important; background: linear-gradient(90deg, transparent, rgba(78,166,218,.34), transparent) !important; } body .dgwt-wcas-details-desc { color: rgba(235,247,255,.74) !important; font-family: "Inter", sans-serif !important; font-size: 15px !important; font-weight: 450 !important; line-height: 1.5 !important; } /* Menge + Warenkorb */ body .dgwt-wcas-pd-addtc { margin-top: 22px !important; } body .dgwt-wcas-pd-addtc-form { display: flex !important; align-items: center !important; gap: 14px !important; } body .dgwt-wcas-pd-addtc-form .quantity { margin: 0 !important; } body .dgwt-wcas-pd-addtc-form .qty { width: 58px !important; height: 42px !important; border-radius: 6px !important; border: 1px solid rgba(78,166,218,.36) !important; background: rgba(1,8,18,.72) !important; color: rgba(245,248,250,.96) !important; font-family: "Inter", sans-serif !important; font-size: 18px !important; font-weight: 650 !important; text-align: center !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important; } body .dgwt-wcas-pd-addtc-form .add_to_cart_inline { margin: 0 !important; padding: 0 !important; border: 0 !important; } body .dgwt-wcas-pd-addtc-form .button { display: inline-flex !important; align-items: center !important; justify-content: center !important; height: 42px !important; min-width: 176px !important; padding: 0 22px !important; border-radius: 999px !important; border: 1px solid rgba(255,138,72,.42) !important; background: linear-gradient(180deg, rgba(180,80,32,.86), rgba(89,39,18,.94)) !important; color: rgba(255,244,236,.96) !important; font-family: "Inter", sans-serif !important; font-size: 13px !important; font-weight: 850 !important; line-height: 1 !important; letter-spacing: .04em !important; text-decoration: none !important; box-shadow: 0 10px 24px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.16) !important; } /* Kategorie-Detailblöcke erstmal ebenfalls dunkel halten */ body .dgwt-wcas-details-inner-taxonomy { padding: 24px !important; color: rgba(245,248,250,.96) !important; background: transparent !important; } /* Mobile / schmale Ansicht: Details unterdrücken, Liste voll */ @media (max-width: 767px) { body .dgwt-wcas-details-wrapp { display: none !important; } body .dgwt-wcas-suggestions-wrapp { width: calc(100vw - 32px) !important; left: 16px !important; right: 16px !important; } body .dgwt-wcas-suggestion { grid-template-columns: 48px minmax(0, 1fr) !important; min-height: 64px !important; padding: 9px 14px !important; } body .dgwt-wcas-si { width: 48px !important; height: 42px !important; } body .dgwt-wcas-st, body .dgwt-wcas-st-title { font-size: 15px !important; } } /* ========================================================= TZ Shopbar – Fixed Sticky Overlay + verzögerte Cat-Row ========================================================= */ :root { --tz-shopbar-max: 1380px; --tz-shopbar-gap: 14px; --tz-shopbar-fixed-offset: -5px; --tz-shopbar-trigger-offset: -72px; --tz-catrow-compact-delay: 46px; --tz-shopbar-sticky-top: 86px; --tz-shopbar-search-width: calc( ((var(--tz-shopbar-max) - (6 * var(--tz-shopbar-gap))) / 7 * 4.5) + (3.5 * var(--tz-shopbar-gap)) ); } /* Eltern dürfen fixed/overlay nicht abschneiden */ .tz_main, .content_layer, .tz-shop-home-shell, .tz-shop-home-shell > .e-con-inner { overflow: visible !important; } /* Normalzustand: Shopbar bleibt im Seitenfluss */ .tz-shop-shopbar.tz-shop-section { position: relative !important; top: auto !important; z-index: 80 !important; } /* Marker / Spacer für JS */ .tz-shopbar-sticky-marker { height: 0; pointer-events: none; } .tz-shopbar-sticky-spacer { height: 0; display: block; pointer-events: none; } /* Sticky-Zustand: nur Overlay-Position, keine optische Verkleinerung */ .tz-shop-shopbar.tz-is-sticky { position: fixed !important; top: var(--tz-shopbar-sticky-top, 86px) !important; left: 0 !important; right: 0 !important; z-index: 9990 !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 6px clamp(16px, 3vw, 56px) 6px !important; box-sizing: border-box !important; background: transparent !important; border-bottom: 0 !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } /* Suchleiste: Normal und Sticky gleich breit */ .tz-shop-shopbar .tz-shop-search-row, .tz-shop-shopbar.tz-is-sticky .tz-shop-search-row { width: min(var(--tz-shopbar-search-width), calc(100vw - 32px)) !important; max-width: none !important; min-width: 0 !important; margin-inline: auto !important; } /* Sticky: Suchleiste behält Form, nur Abstand zur Cat-Row */ .tz-shop-shopbar.tz-is-sticky .tz-shop-search-row { padding-bottom: 4px !important; } /* Cat-Row: Normal und Sticky auf Shopbreite */ .tz-shop-shopbar .tz-shop-mega-category-row, .tz-shop-shopbar.tz-catrow-compact .tz-shop-mega-category-row { width: min(var(--tz-shopbar-max), calc(100vw - 32px)) !important; max-width: none !important; margin-inline: auto !important; } /* Sticky: Abstand zur Suchleiste */ .tz-shop-shopbar.tz-catrow-compact .tz-shop-mega-category-row { margin-top: 0 !important; padding-top: 4px !important; } /* Cat-Row wird erst mit eigener Klasse kompakt */ .tz-shop-shopbar.tz-catrow-compact .tz-shop-mega-category-row .mega-menu { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; gap: 10px !important; } .tz-shop-shopbar.tz-catrow-compact .tz-shop-mega-category-row .mega-menu > li.mega-menu-item > a.mega-menu-link { min-height: 50px !important; height: 50px !important; padding: 5px 9px !important; border-radius: 6px !important; border-color: rgba(78,166,218,.42) !important; background: radial-gradient(circle at 20% 50%, rgba(44,118,168,.18) 0%, transparent 54%), linear-gradient(180deg, rgba(5,33,58,.84) 0%, rgba(1,10,24,.94) 100%) !important; box-shadow: 0 10px 24px rgba(0,0,0,.24), 0 0 0 1px rgba(78,166,218,.10), inset 0 1px 0 rgba(255,255,255,.06) !important; } /* Kompakt: Trennlinie aus */ .tz-shop-shopbar.tz-catrow-compact .tz-shop-mega-category-row .mega-menu > li.mega-menu-item > a.mega-menu-link::after { display: none !important; } /* Kompakt: Bild links, Titel rechts */ .tz-shop-shopbar.tz-catrow-compact .tz-shopbar-link-inner { display: grid !important; grid-template-columns: 38px minmax(0, 1fr) !important; grid-template-rows: 1fr !important; gap: 7px !important; align-items: center !important; height: 100% !important; } .tz-shop-shopbar.tz-catrow-compact .tz-shopbar-link-image { width: 38px !important; height: 34px !important; min-height: 34px !important; justify-content: flex-start !important; background: radial-gradient(ellipse at 50% 70%, rgba(64,145,205,.22), transparent 62%) !important; } .tz-shop-shopbar.tz-catrow-compact .tz-shopbar-link-img { max-width: 38px !important; max-height: 32px !important; } /* Kompakt: Text nur Titel */ .tz-shop-shopbar.tz-catrow-compact .tz-shopbar-link-copy { min-height: 0 !important; padding-top: 0 !important; justify-content: center !important; } .tz-shop-shopbar.tz-catrow-compact .tz-shopbar-link-title { font-size: 11px !important; font-weight: 850 !important; line-height: 1.05 !important; letter-spacing: .045em !important; text-transform: uppercase !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .tz-shop-shopbar.tz-catrow-compact .tz-shopbar-link-subtitle { display: none !important; } /* Kompakt: Badge kleiner */ .tz-shop-shopbar.tz-catrow-compact .tz-shopbar-link-badge { top: 0 !important; left: 0 !important; height: 13px !important; min-width: 25px !important; padding: 0 4px !important; font-size: 7px !important; } /* Kompakt: Mehr-Indikator */ .tz-shop-shopbar.tz-catrow-compact .mega-indicator { right: 8px !important; bottom: 50% !important; transform: translateY(50%) !important; opacity: .72 !important; } /* Kompakt Hover */ .tz-shop-shopbar.tz-catrow-compact .tz-shop-mega-category-row .mega-menu > li.mega-menu-item:hover > a.mega-menu-link, .tz-shop-shopbar.tz-catrow-compact .tz-shop-mega-category-row .mega-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link { border-color: rgba(104,188,236,.70) !important; box-shadow: 0 12px 28px rgba(0,0,0,.30), 0 0 0 1px rgba(104,188,236,.18), 0 0 24px rgba(64,145,205,.16), inset 0 1px 0 rgba(255,255,255,.09) !important; } /* Tablet / kleinere Breiten: Cat-Row ohne Bilder und Badges */ @media (max-width: 1199px) { .tz-shop-shopbar .tz-shop-mega-category-row .mega-menu, .tz-shop-shopbar.tz-catrow-compact .tz-shop-mega-category-row .mega-menu { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .tz-shop-mega-category-row .tz-shopbar-link-image, .tz-shop-mega-category-row .tz-shopbar-link-badge { display: none !important; } .tz-shop-mega-category-row .tz-shopbar-link-inner, .tz-shop-shopbar.tz-catrow-compact .tz-shopbar-link-inner { display: flex !important; align-items: center !important; justify-content: center !important; grid-template-columns: none !important; gap: 0 !important; } .tz-shop-mega-category-row .tz-shopbar-link-copy, .tz-shop-shopbar.tz-catrow-compact .tz-shopbar-link-copy { align-items: center !important; justify-content: center !important; padding-top: 0 !important; min-height: 0 !important; } .tz-shop-mega-category-row .tz-shopbar-link-title, .tz-shop-shopbar.tz-catrow-compact .tz-shopbar-link-title { text-align: center !important; } .tz-shop-mega-category-row .tz-shopbar-link-subtitle { display: none !important; } } /* Mobil später separat */ @media (max-width: 767px) { .tz-shop-shopbar.tz-shop-section, .tz-shop-shopbar.tz-is-sticky { position: relative !important; top: auto !important; left: auto !important; right: auto !important; padding: 0 !important; background: transparent !important; border-bottom: 0 !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } } .tz-shop-shopbar.tz-catrow-compact .tz-shop-mega-category-row .mega-menu > li.mega-menu-item > a.mega-menu-link { min-height: 50px !important; height: 50px !important; } .tz-shop-shopbar.tz-catrow-compact .tz-shopbar-link-subtitle { display: none !important; } /* ========================================================= TZ Shopbar – Split Sticky Fixierung ========================================================= */ .tz-shop-shopbar.tz-search-sticky .tz-shop-search-row { position: fixed !important; top: var(--tz-search-sticky-top, 86px) !important; left: 50% !important; z-index: 9991 !important; transform: translateX(-50%) !important; width: min(var(--tz-shopbar-search-width), calc(100vw - 32px)) !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; } .tz-shop-shopbar.tz-catrow-compact .tz-shop-mega-category-row { position: fixed !important; top: var(--tz-catrow-sticky-top, 166px) !important; left: 50% !important; z-index: 9990 !important; transform: translateX(-50%) !important; width: min(var(--tz-shopbar-max), calc(100vw - 32px)) !important; max-width: none !important; margin: 0 !important; } /* ========================================================= TZ Shopbar – Fixed Rows stabil zentrieren ========================================================= */ .tz-shop-shopbar.tz-search-sticky .tz-shop-search-row { position: fixed !important; top: var(--tz-search-sticky-top, 86px) !important; left: 0 !important; right: 0 !important; z-index: 9991 !important; transform: none !important; margin-inline: auto !important; } .tz-shop-shopbar.tz-catrow-compact .tz-shop-mega-category-row { position: fixed !important; top: var(--tz-catrow-sticky-top, 166px) !important; left: 0 !important; right: 0 !important; z-index: 9990 !important; transform: none !important; margin-inline: auto !important; } /* ========================================================= TZ Shopbar – Sticky Stellschrauben ========================================================= */ :root { /* Abstand zur Navbar-Endkante, wo die Shopbar am Ende klebt */ --tz-search-fixed-offset: -5px; /* Schaltpunkt der ganzen Shopbar: positiver Wert = früher, negativer = später */ --tz-search-trigger-offset: 0px; /* das gleiche mit der Kategoriezeile */ --tz-catrow-fixed-offset: 0px; --tz-catrow-compact-delay: 20px; } /* ========================================================= TZ Shop System Section – Padding neutralisieren ========================================================= */ .tz-shop-system-section, .tz-shop-system-section > .e-con-inner, .tz-shop-system-section .e-con, .tz-shop-system-section .e-con-inner, .tz-shop-system-section .elementor-widget, .tz-shop-system-section .elementor-widget-container { padding: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; } .tz-shop-system-section { gap: 0 !important; --gap: 0px !important; --row-gap: 0px !important; --column-gap: 0px !important; }/* End custom CSS */