.elementor-7615 .elementor-element.elementor-element-9028c44{--display:flex;--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-7615 .elementor-element.elementor-element-5487d642{--display:flex;}.elementor-7615 .elementor-element.elementor-element-6416ef95 .woocommerce-breadcrumb{text-align:start;}.elementor-7615 .elementor-element.elementor-element-1e7aa161{--display:flex;--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-7615 .elementor-element.elementor-element-863e568{--display:flex;}.woocommerce .elementor-7615 .elementor-element.elementor-element-70b6da7d .flex-viewport:not(:last-child){margin-bottom:15px;}.elementor-7615 .elementor-element.elementor-element-9136bd{--display:flex;}.elementor-widget-woocommerce-product-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 );color:var( --e-global-color-primary );}.elementor-7615 .elementor-element.elementor-element-676b40fc .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:26px;font-weight:600;color:#222222;}.woocommerce .elementor-widget-woocommerce-product-price .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 );}.woocommerce .elementor-7615 .elementor-element.elementor-element-6e30f65c .price{color:#1CBAC8;font-family:"Open Sans", Sans-serif;font-size:35px;font-weight:700;}.woocommerce .elementor-7615 .elementor-element.elementor-element-6e30f65c .price ins{color:#E93326;font-family:"Open Sans", Sans-serif;font-size:40px;}.woocommerce .elementor-7615 .elementor-element.elementor-element-616ac885 .woocommerce-product-details__short-description{color:#7A7A7A;font-family:"Open Sans", Sans-serif;font-size:14px;}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7615 .elementor-element.elementor-element-25003c54 .cart button, .elementor-7615 .elementor-element.elementor-element-25003c54 .cart .button{font-family:"Open Sans", Sans-serif;font-weight:700;text-transform:uppercase;border-style:solid;border-radius:0px 0px 0px 0px;background-color:#1FC0D5;transition:all 0.2s;}.elementor-7615 .elementor-element.elementor-element-25003c54 .cart button:hover, .elementor-7615 .elementor-element.elementor-element-25003c54 .cart .button:hover{background-color:#222222;}.elementor-7615 .elementor-element.elementor-element-25003c54{--button-spacing:10px;}.elementor-7615 .elementor-element.elementor-element-25003c54 .quantity .qty{border-style:solid;border-radius:0px 0px 0px 0px;transition:all 0.2s;}.elementor-7615 .elementor-element.elementor-element-56448b1b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7615 .elementor-element.elementor-element-59a67799{--display:flex;--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-7615 .elementor-element.elementor-element-288bb747{--display:flex;}.elementor-widget-woocommerce-product-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7615 .elementor-element.elementor-element-6f37d4c5{color:#7A7A7A;font-family:"Open Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-7615 .elementor-element.elementor-element-509097b5{--display:flex;--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-7615 .elementor-element.elementor-element-7d10dd70{--display:flex;}.elementor-7615 .elementor-element.elementor-element-3a45296a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7615 .elementor-element.elementor-element-5b8583d8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--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-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );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 );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-7615 .elementor-element.elementor-element-f8f36b2{--divider-border-style:solid;--divider-color:#E1E1E1;--divider-border-width:1px;}.elementor-7615 .elementor-element.elementor-element-f8f36b2 .elementor-divider-separator{width:100%;}.elementor-7615 .elementor-element.elementor-element-f8f36b2 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-7615 .elementor-element.elementor-element-3be48e9c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.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-size:var( --e-global-typography-primary-font-size );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-size:var( --e-global-typography-primary-font-size );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-size:var( --e-global-typography-primary-font-size );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-size:var( --e-global-typography-primary-font-size );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-7615 .elementor-element.elementor-element-14d88af0.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7615 .elementor-element.elementor-element-14d88af0.elementor-wc-products .added_to_cart{font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-7615 .elementor-element.elementor-element-14d88af0.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-7615 .elementor-element.elementor-element-8216ea9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;}.elementor-7615 .elementor-element.elementor-element-26eee450{--display:flex;--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;--overlay-opacity:0.5;--border-radius:24px 24px 24px 24px;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:18px;--padding-bottom:18px;--padding-left:18px;--padding-right:18px;}.elementor-7615 .elementor-element.elementor-element-26eee450:not(.elementor-motion-effects-element-type-background), .elementor-7615 .elementor-element.elementor-element-26eee450 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#081F32;background-image:url("https://tuftingmagyarorszag.hu/wp-content/uploads/2026/07/footer-felett.png");background-position:bottom right;background-repeat:no-repeat;background-size:contain;}.elementor-7615 .elementor-element.elementor-element-26eee450::before, .elementor-7615 .elementor-element.elementor-element-26eee450 > .elementor-background-video-container::before, .elementor-7615 .elementor-element.elementor-element-26eee450 > .e-con-inner > .elementor-background-video-container::before, .elementor-7615 .elementor-element.elementor-element-26eee450 > .elementor-background-slideshow::before, .elementor-7615 .elementor-element.elementor-element-26eee450 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7615 .elementor-element.elementor-element-26eee450 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#081F32;background-image:url("https://tuftingmagyarorszag.hu/wp-content/uploads/2026/07/footer-felett.png");--background-overlay:'';background-position:bottom right;background-repeat:no-repeat;background-size:contain;}.elementor-7615 .elementor-element.elementor-element-437bc640{--display:flex;}.elementor-7615 .elementor-element.elementor-element-3880bf2b{--display:flex;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7615 .elementor-element.elementor-element-1daa9749 .elementor-field-group{padding-right:calc( 12px/2 );padding-left:calc( 12px/2 );margin-bottom:14px;}.elementor-7615 .elementor-element.elementor-element-1daa9749 .elementor-form-fields-wrapper{margin-left:calc( -12px/2 );margin-right:calc( -12px/2 );margin-bottom:-14px;}.elementor-7615 .elementor-element.elementor-element-1daa9749 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-7615 .elementor-element.elementor-element-1daa9749 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-7615 .elementor-element.elementor-element-1daa9749 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-7615 .elementor-element.elementor-element-1daa9749 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-7615 .elementor-element.elementor-element-1daa9749 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-7615 .elementor-element.elementor-element-1daa9749 .elementor-field-type-html{padding-bottom:0px;}.elementor-7615 .elementor-element.elementor-element-1daa9749 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-7615 .elementor-element.elementor-element-1daa9749 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-7615 .elementor-element.elementor-element-1daa9749 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-7615 .elementor-element.elementor-element-1daa9749 .elementor-button[type="submit"]{color:#ffffff;}.elementor-7615 .elementor-element.elementor-element-1daa9749 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-7615 .elementor-element.elementor-element-1daa9749 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-7615 .elementor-element.elementor-element-1daa9749 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-7615 .elementor-element.elementor-element-1daa9749 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-7615 .elementor-element.elementor-element-1daa9749 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-7615 .elementor-element.elementor-element-1daa9749 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-7615 .elementor-element.elementor-element-1daa9749{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}body.elementor-page-7615:not(.elementor-motion-effects-element-type-background), body.elementor-page-7615 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FEF9F4;}@media(min-width:768px){.elementor-7615 .elementor-element.elementor-element-9028c44{--content-width:1300px;}.elementor-7615 .elementor-element.elementor-element-1e7aa161{--content-width:1300px;}.elementor-7615 .elementor-element.elementor-element-56448b1b{--content-width:1300px;}.elementor-7615 .elementor-element.elementor-element-59a67799{--content-width:1300px;}.elementor-7615 .elementor-element.elementor-element-509097b5{--content-width:1300px;}.elementor-7615 .elementor-element.elementor-element-3be48e9c{--content-width:1300px;}.elementor-7615 .elementor-element.elementor-element-8216ea9{--content-width:1300px;}.elementor-7615 .elementor-element.elementor-element-26eee450{--content-width:1250px;}}@media(max-width:1024px){.elementor-widget-woocommerce-product-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.woocommerce .elementor-widget-woocommerce-product-price .price{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.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-size:var( --e-global-typography-primary-font-size );}.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-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-size:var( --e-global-typography-primary-font-size );}.elementor-7615 .elementor-element.elementor-element-14d88af0.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-widget-woocommerce-product-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.woocommerce .elementor-widget-woocommerce-product-price .price{font-size:var( --e-global-typography-primary-font-size );}.elementor-7615 .elementor-element.elementor-element-25003c54{--button-spacing:6px;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.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-size:var( --e-global-typography-primary-font-size );}.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-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-size:var( --e-global-typography-primary-font-size );}.elementor-7615 .elementor-element.elementor-element-14d88af0.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-breadcrumb, class: .elementor-element-6416ef95 *//* ========================================================= TUFTING MAGYARORSZÁG – BREADCRUMBS (morzsamenü) Elementor "WooCommerce Breadcrumbs" widgethez. GLOBÁLIS CSS. HOVÁ: Megjelenés → Testreszabás → További CSS. A widgetre tedd rá a 'cst-crumbs' class-t (Elementor → Haladó → CSS Classes: cst-crumbs). ========================================================= */ .cst-crumbs{ --cst-ink:#081f32; --cst-purple:#5405c8; --cst-cream:#fdf6ec; --cst-bg:; --cst-line:#eef0f2; --cst-font:'Poppins',-apple-system,BlinkMacSystemFont,sans-serif; } /* a widget belső doboza – krém keretes pirula-doboz */ .cst-crumbs .woocommerce-breadcrumb{ display:flex !important; align-items:center !important; flex-wrap:wrap !important; gap:4px 2px !important; background:var(--cst-bg) !important; border:1.5px solid var(--cst-line) !important; border-radius:14px !important; padding:13px 20px !important; margin:0 !important; font-family:var(--cst-font) !important; font-size:14px !important; font-weight:500 !important; color:var(--cst-ink) !important; line-height:1.4 !important; } /* linkek */ .cst-crumbs .woocommerce-breadcrumb a{ color:var(--cst-ink) !important; opacity:.6 !important; text-decoration:none !important; font-weight:500 !important; transition:opacity .15s ease,color .15s ease !important; } .cst-crumbs .woocommerce-breadcrumb a:hover{ color:var(--cst-purple) !important; opacity:1 !important; } /* elválasztó "/" – halvány */ .cst-crumbs .woocommerce-breadcrumb .breadcrumb-separator, .cst-crumbs .woocommerce-breadcrumb > span:not(:last-child){ color:var(--cst-ink) !important; opacity:.35 !important; margin:0 8px !important; } /* az Elementor néha sima szöveg-szeparátort tesz (" / "), ezt nem tudjuk külön célozni; a fenti margin a span-okra ad levegőt. Az utolsó elem (aktuális oldal) – kiemelt, sötétkék, vastagabb */ .cst-crumbs .woocommerce-breadcrumb{ word-spacing:2px !important; } /* mobil */ @media (max-width:767px){ .cst-crumbs .woocommerce-breadcrumb{ padding:11px 14px !important; font-size:13px !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-product-images, class: .elementor-element-70b6da7d *//* ========================================================= TUFTING MAGYARORSZÁG – TERMÉK KÉP / GALÉRIA Elementor "Product Images" widgethez. GLOBÁLIS CSS. HOVÁ: Megjelenés → Testreszabás → További CSS. A widgetre tedd rá a 'cst-prod-img' class-t (Elementor → Haladó → CSS Classes: cst-prod-img). Design: lekerekített fő kép lágy árnyékkal, pink "-10%" SALE badge bal-felül, fehér kör zoom ikon jobb-felül, alatta thumbnail sor (lekerekített négyzetek, aktív lila kerettel). ========================================================= */ .cst-prod-img{ --cst-ink:#081f32; --cst-purple:#5405c8; --cst-pink:#e6007e; --cst-cream:#fdf6ec; --cst-bg:#FEF9F4; --cst-line:#eef0f2; --cst-font:'Poppins',-apple-system,BlinkMacSystemFont,sans-serif; } /* galéria konténer */ .cst-prod-img .woocommerce-product-gallery{ margin:0 !important; position:relative !important; } /* ===== FŐ KÉP ===== */ .cst-prod-img .woocommerce-product-gallery__image{ position:relative !important; border-radius:22px !important; overflow:hidden !important; background:var(--cst-cream) !important; box-shadow:0 12px 36px rgba(8,31,50,.08) !important; } .cst-prod-img .woocommerce-product-gallery__image a, .cst-prod-img .woocommerce-product-gallery__image img{ border-radius:22px !important; display:block !important; width:100% !important; } .cst-prod-img .woocommerce-product-gallery__image img{ object-fit:cover !important; } /* ===== SALE / "-10%" BADGE bal-felül ===== */ .cst-prod-img .onsale, .cst-prod-img span.onsale{ position:absolute !important; top:18px !important;left:18px !important;right:auto !important; background:var(--cst-pink) !important; color:#fff !important; border-radius:50px !important; font-family:var(--cst-font) !important; font-weight:700 !important; font-size:13px !important; padding:7px 16px !important; min-height:0 !important;min-width:0 !important; margin:0 !important;line-height:1.2 !important; box-shadow:0 6px 16px rgba(230,0,126,.30) !important; z-index:5 !important; } /* ===== ZOOM (nagyító) ikon – ELREJTVE ===== */ .cst-prod-img .woocommerce-product-gallery__trigger{ display:none !important; } /* ===== HOVER-ZOOM (ráhúzásos nagyítás) – KIKAPCSOLVA ===== */ /* a zoom plugin egy .zoomImg réteget tesz a kép fölé – elrejtjük */ .cst-prod-img .woocommerce-product-gallery__image .zoomImg, .cst-prod-img .zoomImg{ display:none !important; opacity:0 !important; pointer-events:none !important; } /* a nagyítás-konténer ne reagáljon az egérre, ne legyen nagyítás-kurzor */ .cst-prod-img .woocommerce-product-gallery__image{ cursor:default !important; } .cst-prod-img .woocommerce-product-gallery__image img{ cursor:default !important; } /* ===== THUMBNAIL SOR (a fő kép alatt) ===== */ .cst-prod-img .flex-control-thumbs, .cst-prod-img ol.flex-control-thumbs{ display:flex !important; flex-wrap:wrap !important; gap:12px !important; margin:16px 0 0 !important; padding:0 !important; list-style:none !important; } .cst-prod-img ol.flex-control-thumbs li{ width:80px !important;height:80px !important; margin:0 !important;flex:0 0 auto !important;list-style:none !important; } .cst-prod-img ol.flex-control-thumbs li img{ width:100% !important;height:100% !important; border-radius:16px !important; border:2px solid transparent !important; background:var(--cst-cream) !important; object-fit:cover !important; cursor:pointer !important; opacity:1 !important; transition:border-color .18s ease,transform .18s ease !important; } .cst-prod-img ol.flex-control-thumbs li img:hover{ transform:translateY(-2px) !important; } /* aktív thumbnail – lila keret */ .cst-prod-img ol.flex-control-thumbs li img.flex-active, .cst-prod-img ol.flex-control-thumbs li .flex-active{ border-color:var(--cst-purple) !important; } /* ha "+6" jellegű extra elem van (téma-függő), arculatos doboz ⚠ */ .cst-prod-img ol.flex-control-thumbs li .cst-more, .cst-prod-img ol.flex-control-thumbs li.more{ display:flex !important;align-items:center !important;justify-content:center !important; background:var(--cst-cream) !important;border-radius:16px !important; color:var(--cst-purple) !important;font-weight:700 !important;font-size:15px !important; } /* ===== BREAKPONTOK ===== */ @media (max-width:1024px){ .cst-prod-img ol.flex-control-thumbs li{width:66px !important;height:66px !important;} } @media (max-width:767px){ .cst-prod-img .woocommerce-product-gallery__image, .cst-prod-img .woocommerce-product-gallery__image a, .cst-prod-img .woocommerce-product-gallery__image img{border-radius:18px !important;} .cst-prod-img ol.flex-control-thumbs{gap:8px !important;} .cst-prod-img ol.flex-control-thumbs li{width:58px !important;height:58px !important;} .cst-prod-img .onsale{font-size:12px !important;padding:6px 13px !important;top:14px !important;left:14px !important;} }/* End custom CSS */ /* Start custom CSS for woocommerce-product-title, class: .elementor-element-676b40fc *//* ========================================================= TUFTING MAGYARORSZÁG – TERMÉK CÍME Elementor "Címsor" / "Product Title" widgethez. GLOBÁLIS CSS. HOVÁ: Megjelenés → Testreszabás → További CSS. A widgetre tedd rá a 'cst-prod-title' class-t (Elementor → Haladó → CSS Classes: cst-prod-title). ========================================================= */ .cst-prod-title{ --cst-ink:#081f32; --cst-purple:#5405c8; --cst-font:'Poppins',-apple-system,BlinkMacSystemFont,sans-serif; } /* a cím szövege – lefedjük az Elementor heading + a Woo product_title esetét is, hogy bármelyik markupnál fogjon */ .cst-prod-title .elementor-heading-title, .cst-prod-title h1, .cst-prod-title h2, .cst-prod-title .product_title{ color:var(--cst-ink) !important; font-family:var(--cst-font) !important; font-weight:800 !important; font-size:clamp(26px,2.6vw,40px) !important; line-height:1.12 !important; letter-spacing:-.01em !important; margin:0 0 12px !important; -webkit-font-smoothing:antialiased; } /* mobil */ @media (max-width:767px){ .cst-prod-title .elementor-heading-title, .cst-prod-title h1, .cst-prod-title h2, .cst-prod-title .product_title{ font-size:clamp(24px,6vw,30px) !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-product-rating, class: .elementor-element-1af411c7 *//* ========================================================= TUFTING MAGYARORSZÁG – CSILLAGOS ÉRTÉKELÉS Elementor "Product Rating" widgethez. GLOBÁLIS CSS. HOVÁ: Megjelenés → Testreszabás → További CSS. A widgetre tedd rá a 'cst-prod-rating' class-t (Elementor → Haladó → CSS Classes: cst-prod-rating). ========================================================= */ .cst-prod-rating{ --cst-ink:#081f32; --cst-purple:#5405c8; --cst-yellow:#ffd000; --cst-font:'Poppins',-apple-system,BlinkMacSystemFont,sans-serif; } /* a teljes értékelés-sor: csillagok + szöveg egy sorban */ .cst-prod-rating .woocommerce-product-rating{ display:flex !important; align-items:center !important; flex-wrap:wrap !important; gap:10px !important; margin:0 !important; font-family:var(--cst-font) !important; } /* a csillagok – WooCommerce a ★ karaktereket használja (::before), az "üres" csillagok halványak, a "tele" csillagok sárgák */ .cst-prod-rating .star-rating{ font-size:18px !important; height:1.2em !important; line-height:1.2 !important; margin:0 !important; color:var(--cst-yellow) !important; /* tele csillagok színe */ overflow:hidden; } /* üres (háttér) csillagok – halvány sárga/szürke */ .cst-prod-rating .star-rating::before{ color:rgba(255,208,0,.28) !important; } /* kitöltött csillagok – élénk sárga */ .cst-prod-rating .star-rating span::before{ color:var(--cst-yellow) !important; } /* "4.9 (127 vélemény)" szöveg / vélemény-link */ .cst-prod-rating .woocommerce-review-link, .cst-prod-rating .woocommerce-product-rating__count, .cst-prod-rating .count{ color:var(--cst-ink) !important; opacity:.6 !important; font-size:14px !important; font-weight:500 !important; text-decoration:none !important; transition:color .15s ease,opacity .15s ease !important; } .cst-prod-rating .woocommerce-review-link:hover{ color:var(--cst-purple) !important; opacity:1 !important; } /* mobil */ @media (max-width:767px){ .cst-prod-rating .star-rating{font-size:16px !important;} .cst-prod-rating .woocommerce-review-link, .cst-prod-rating .count{font-size:13px !important;} }/* End custom CSS */ /* Start custom CSS for woocommerce-product-price, class: .elementor-element-6e30f65c *//* ========================================================= TUFTING MAGYARORSZÁG – TERMÉK ÁR Elementor "Product Price" widgethez. GLOBÁLIS CSS. HOVÁ: Megjelenés → Testreszabás → További CSS. A widgetre tedd rá a 'cst-prod-price' class-t (Elementor → Haladó → CSS Classes: cst-prod-price). ========================================================= */ .cst-prod-price{ --cst-ink:#081f32; --cst-purple:#5405c8; --cst-red:#e02424; --cst-font:'Poppins',-apple-system,BlinkMacSystemFont,sans-serif; } /* az ár konténere */ .cst-prod-price .price, .cst-prod-price p.price{ display:flex !important; align-items:baseline !important; flex-wrap:wrap !important; gap:10px !important; margin:0 !important; font-family:var(--cst-font) !important; } /* ALAP ÁR (nem akciós) → lila */ .cst-prod-price .price, .cst-prod-price .price .woocommerce-Price-amount, .cst-prod-price .price .amount, .cst-prod-price .price bdi{ color:var(--cst-purple) !important; font-weight:800 !important; font-size:clamp(28px,2.6vw,40px) !important; line-height:1.1 !important; } /* "/ db" mértékegység (suffix), ha van – halványabb, kisebb */ .cst-prod-price .price .woocommerce-price-suffix{ color:var(--cst-ink) !important; opacity:.55 !important; font-weight:600 !important; font-size:17px !important; } /* ===== AKCIÓS ÁR ===== */ /* áthúzott eredeti ár (del) – szürke, kisebb */ .cst-prod-price .price del, .cst-prod-price .price del .woocommerce-Price-amount, .cst-prod-price .price del .amount, .cst-prod-price .price del bdi{ color:#9aa4ad !important; font-weight:500 !important; font-size:20px !important; text-decoration:line-through !important; opacity:1 !important; } /* akciós ár (ins) – piros */ .cst-prod-price .price ins, .cst-prod-price .price ins .woocommerce-Price-amount, .cst-prod-price .price ins .amount, .cst-prod-price .price ins bdi{ color:var(--cst-red) !important; font-weight:800 !important; text-decoration:none !important; } /* mobil */ @media (max-width:767px){ .cst-prod-price .price, .cst-prod-price .price .woocommerce-Price-amount, .cst-prod-price .price .amount, .cst-prod-price .price bdi{ font-size:clamp(26px,7vw,34px) !important; } .cst-prod-price .price del, .cst-prod-price .price del .amount{font-size:18px !important;} }/* End custom CSS */ /* Start custom CSS for woocommerce-product-short-description, class: .elementor-element-616ac885 *//* ========================================================= TUFTING MAGYARORSZÁG – RÖVID LEÍRÁS (short description) Elementor "Product Short Description" widgethez. GLOBÁLIS CSS. HOVÁ: Megjelenés → Testreszabás → További CSS. A widgetre tedd rá a 'cst-prod-desc' class-t (Elementor → Haladó → CSS Classes: cst-prod-desc). Bekezdések sorkizárt (justify) igazítással, normál listával. ========================================================= */ .cst-prod-desc{ --cst-ink:#081f32; --cst-purple:#5405c8; --cst-cyan:#01a5b9; --cst-font:'Poppins',-apple-system,BlinkMacSystemFont,sans-serif; } /* wrapper */ .cst-prod-desc .woocommerce-product-details__short-description, .cst-prod-desc{ font-family:var(--cst-font) !important; } /* bekezdések */ .cst-prod-desc .woocommerce-product-details__short-description p, .cst-prod-desc p{ color:var(--cst-ink) !important; opacity:.82 !important; font-size:16px !important; line-height:1.65 !important; font-weight:500 !important; margin:0 0 14px !important; } .cst-prod-desc .woocommerce-product-details__short-description p:last-child{ margin-bottom:0 !important; } /* ===== LISTA (normál, pipa nélkül) ===== */ .cst-prod-desc .woocommerce-product-details__short-description ul, .cst-prod-desc ul{ margin:18px 0 0 !important; padding:0 0 0 20px !important; } .cst-prod-desc .woocommerce-product-details__short-description ul li, .cst-prod-desc ul li{ color:var(--cst-ink) !important; opacity:.85 !important; font-weight:500 !important; font-size:16px !important; line-height:1.5 !important; margin:0 0 8px !important; } /* mobil */ @media (max-width:767px){ .cst-prod-desc .woocommerce-product-details__short-description p, .cst-prod-desc p{font-size:15px !important;} .cst-prod-desc ul li{font-size:15px !important;} }/* End custom CSS */ /* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-25003c54 *//* ========================================================= TUFTING MAGYARORSZÁG – KOSÁRBA TESZEM + MENNYISÉG Elementor "Add to Cart" (Custom Add to Cart) widgethez. GLOBÁLIS CSS. HOVÁ: Megjelenés → Testreszabás → További CSS. A widgetre tedd rá a 'cst-prod-cart' class-t (Elementor → Haladó → CSS Classes: cst-prod-cart). ========================================================= */ .cst-prod-cart{ --cst-ink:#081f32; --cst-purple:#5405c8; --cst-pink:#e6007e; --cst-cream:#fdf6ec; --cst-line:#eef0f2; --cst-font:'Poppins',-apple-system,BlinkMacSystemFont,sans-serif; } /* a cart form – mennyiség + gomb egy sorban */ .cst-prod-cart form.cart, .cst-prod-cart .cart{ display:flex !important; align-items:stretch !important; flex-wrap:wrap !important; gap:14px !important; margin:0 !important; font-family:var(--cst-font) !important; } /* ===== MENNYISÉG VÁLASZTÓ ===== */ .cst-prod-cart .quantity{ display:inline-flex !important; align-items:center !important; background:#fff !important; border:1.5px solid var(--cst-line) !important; border-radius:50px !important; padding:4px !important; height:60px !important; box-shadow:0 4px 14px rgba(8,31,50,.05) !important; overflow:hidden !important; flex:0 0 auto !important; } .cst-prod-cart .quantity input.qty{ width:46px !important;min-width:46px !important;flex:0 0 46px !important; height:100% !important; border:0 !important;background:transparent !important; text-align:center !important; font-family:var(--cst-font) !important; font-weight:700 !important;font-size:16px !important; color:var(--cst-ink) !important; display:block !important;opacity:1 !important;visibility:visible !important; -moz-appearance:textfield !important; } .cst-prod-cart .quantity input.qty::-webkit-outer-spin-button, .cst-prod-cart .quantity input.qty::-webkit-inner-spin-button{ -webkit-appearance:none !important;margin:0 !important; } /* +/- gombok, ha a téma/plugin adja őket (gyakori) */ .cst-prod-cart .quantity .qib-button, .cst-prod-cart .quantity button.plus, .cst-prod-cart .quantity button.minus, .cst-prod-cart .quantity .quantity-button{ width:44px !important;height:50px !important; border:0 !important;background:transparent !important; color:var(--cst-purple) !important; font-size:22px !important;font-weight:700 !important;line-height:1 !important; cursor:pointer !important;border-radius:50% !important; display:flex !important;align-items:center !important;justify-content:center !important; transition:background .15s ease !important; } .cst-prod-cart .quantity .qib-button:hover, .cst-prod-cart .quantity button.plus:hover, .cst-prod-cart .quantity button.minus:hover{ background:var(--cst-cream) !important; } /* ===== KOSÁRBA TESZEM GOMB ===== */ .cst-prod-cart .single_add_to_cart_button, .cst-prod-cart button.single_add_to_cart_button, .cst-prod-cart .elementor-button.single_add_to_cart_button{ display:inline-flex !important; align-items:center !important;justify-content:center !important; gap:10px !important; background:var(--cst-purple) !important; color:#fff !important; border:0 !important; border-radius:50px !important; font-family:var(--cst-font) !important; font-weight:700 !important;font-size:15px !important; letter-spacing:.2px !important; text-transform:none !important; padding:0 36px !important; height:60px !important; flex:1 1 auto !important; min-width:200px !important; box-shadow:0 8px 24px rgba(84,5,200,.30) !important; cursor:pointer !important; transition:transform .18s ease,box-shadow .25s ease,background .2s ease !important; } /* hover: pink háttér + fehér szöveg */ .cst-prod-cart .single_add_to_cart_button:hover{ background:var(--cst-pink) !important; color:#fff !important; transform:translateY(-3px) !important; box-shadow:0 14px 32px rgba(230,0,126,.40) !important; } .cst-prod-cart .single_add_to_cart_button.loading{opacity:.75 !important;} /* ===== BREAKPONTOK ===== */ @media (max-width:767px){ /* a mennyiség és a gomb külön sorba kerülhet, hogy ne csorduljon túl */ .cst-prod-cart form.cart{gap:12px !important;flex-wrap:wrap !important;} .cst-prod-cart .quantity{height:54px !important;flex:0 0 auto !important;} /* a kosár gomb külön sorba törik, teljes szélességgel */ .cst-prod-cart .single_add_to_cart_button{ height:54px !important;padding:0 20px !important;font-size:15px !important; min-width:0 !important;flex:1 1 100% !important;width:100% !important; } } /* ========================================================= IDE: Elementor → a Kosárba teszem widget → Haladó → Egyedi CSS mező. Az Elementor widget Egyedi CSS mezőjében a ".elementor-7615 .elementor-element.elementor-element-25003c54" szó = maga ez a widget. Ez a blokk csak a MOBIL túlcsordulást javítja: mobilon a Kosárba teszem gomb külön sorba kerül, teljes szélességgel, a mennyiség (− 1 +) alá. ========================================================= */ @media (max-width:767px){ /* a cart form törhessen sort */ .elementor-7615 .elementor-element.elementor-element-25003c54 form.cart, .elementor-7615 .elementor-element.elementor-element-25003c54 .cart{ display:flex !important; flex-wrap:wrap !important; gap:12px !important; align-items:center !important; } /* a mennyiség pirula a saját méretén marad */ .elementor-7615 .elementor-element.elementor-element-25003c54 .quantity{ flex:0 0 auto !important; height:54px !important; } /* a Kosárba teszem gomb külön sorba, teljes szélességgel */ .elementor-7615 .elementor-element.elementor-element-25003c54 .single_add_to_cart_button{ flex:1 1 100% !important; width:100% !important; min-width:0 !important; height:54px !important; padding:0 20px !important; font-size:15px !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-product-content, class: .elementor-element-6f37d4c5 *//* ========================================================= TUFTING MAGYARORSZÁG – RÉSZLETES (HOSSZÚ) LEÍRÁS Elementor "Product Content" widgethez. GLOBÁLIS CSS. HOVÁ: Megjelenés → Testreszabás → További CSS. A widgetre tedd rá a 'cst-prod-content' class-t (Elementor → Haladó → CSS Classes: cst-prod-content). A hosszú leírás tartalma (a termék szerkesztőjében a fő "Leírás" mezőben) szabadon tartalmazhat bekezdéseket, címsorokat és listákat – ez a CSS arculatra húzza őket. - sima