.elementor-55209 .elementor-element.elementor-element-caec151 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-start;align-items:flex-start;}.elementor-55209 .elementor-element.elementor-element-caec151:not(.elementor-motion-effects-element-type-background), .elementor-55209 .elementor-element.elementor-element-caec151 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F9FC;}.elementor-55209 .elementor-element.elementor-element-caec151 > .elementor-container{max-width:1200px;}.elementor-55209 .elementor-element.elementor-element-caec151{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:48px 0px 48px 0px;}.elementor-55209 .elementor-element.elementor-element-caec151 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-55209 .elementor-element.elementor-element-3fdca7c > .elementor-element-populated, .elementor-55209 .elementor-element.elementor-element-3fdca7c > .elementor-element-populated > .elementor-background-overlay, .elementor-55209 .elementor-element.elementor-element-3fdca7c > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-55209 .elementor-element.elementor-element-3fdca7c > .elementor-element-populated{padding:0px 18px 0px 18px;}.elementor-55209 .elementor-element.elementor-element-c386e4e .jet-single-images__wrap div.images{width:100% !important;}.elementor-55209 .elementor-element.elementor-element-c386e4e .jet-single-images__wrap .woocommerce-product-gallery > .flex-viewport{margin:0px 0px 0px 0px;}.elementor-55209 .elementor-element.elementor-element-c386e4e .jet-single-images__wrap .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper{margin:0px 0px 0px 0px;}.elementor-55209 .elementor-element.elementor-element-c386e4e .jet-single-images__wrap .flex-control-thumbs{justify-content:flex-start;}.elementor-55209 .elementor-element.elementor-element-c386e4e .jet-single-images__wrap .flex-control-thumbs li{width:16.66666666%;flex:0 0 16.66666666%;padding:8px 8px 0px 8px;}.elementor-55209 .elementor-element.elementor-element-c386e4e .jet-single-images-nav-horizontal.jet-single-images__wrap .flex-control-thumbs{margin-left:-8px;margin-right:-8px;}.elementor-55209 .elementor-element.elementor-element-c386e4e .jet-single-images-nav-vertical.jet-single-images__wrap .flex-control-thumbs{margin-top:-8px;margin-bottom:-0px;}.elementor-55209 .elementor-element.elementor-element-3e42dea > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:12px;}.elementor-55209 .elementor-element.elementor-element-3e42dea > .elementor-element-populated{border-style:none;padding:45px 45px 45px 45px;}.elementor-55209 .elementor-element.elementor-element-3e42dea > .elementor-element-populated, .elementor-55209 .elementor-element.elementor-element-3e42dea > .elementor-element-populated > .elementor-background-overlay, .elementor-55209 .elementor-element.elementor-element-3e42dea > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-55209 .elementor-element.elementor-element-59e6579 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-55209 .elementor-element.elementor-element-59e6579 .jet-woo-builder .product_title{font-size:34px;font-weight:600;line-height:1.2em;color:#173F35;}.elementor-55209 .elementor-element.elementor-element-60d3504 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-55209 .elementor-element.elementor-element-60d3504{--add-to-cart-wc-forward-display:none;}.elementor-55209 .elementor-element.elementor-element-60d3504 .elementor-jet-single-add-to-cart .cart:not(.grouped_form):not(.variations_form){flex-direction:row;}.elementor-55209 .elementor-element.elementor-element-60d3504 .elementor-jet-single-add-to-cart .cart .woocommerce-variation-add-to-cart{flex-direction:row;}.elementor-55209 .elementor-element.elementor-element-60d3504 .elementor-jet-single-add-to-cart .cart.cart:not(.grouped_form) .quantity{max-width:70px;}.elementor-55209 .elementor-element.elementor-element-60d3504 .elementor-jet-single-add-to-cart .variations{max-width:100%;}.elementor-55209 .elementor-element.elementor-element-60d3504 .elementor-jet-single-add-to-cart .woocommerce-variation-price .price del{text-decoration:line-through;font-weight:400;}.elementor-55209 .elementor-element.elementor-element-60d3504 .elementor-jet-single-add-to-cart .woocommerce-grouped-product-list-item__price del{text-decoration:line-through;font-weight:400;}.elementor-55209 .elementor-element.elementor-element-60d3504 .elementor-jet-single-add-to-cart .woocommerce-variation-price .price ins{text-decoration:none;font-weight:400;}.elementor-55209 .elementor-element.elementor-element-60d3504 .elementor-jet-single-add-to-cart .woocommerce-grouped-product-list-item__price ins{text-decoration:none;font-weight:400;}.elementor-55209 .elementor-element.elementor-element-60d3504 .elementor-jet-single-add-to-cart .woocommerce-Price-currencySymbol{vertical-align:baseline;}.elementor-55209 .elementor-element.elementor-element-6604223{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-55209 .elementor-element.elementor-element-6604223:not(.elementor-motion-effects-element-type-background), .elementor-55209 .elementor-element.elementor-element-6604223 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F9FC;}.elementor-55209 .elementor-element.elementor-element-6604223.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-55209 .elementor-element.elementor-element-f575964{--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-55209 .elementor-element.elementor-element-68e1989{--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-55209 .elementor-element.elementor-element-ff628bd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-55209 .elementor-element.elementor-element-f9070e0{--display:flex;--min-height:115px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:dashed;--border-style:dashed;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#9FC9E5;--border-color:#9FC9E5;--border-radius:10px 10px 10px 10px;}.elementor-55209 .elementor-element.elementor-element-fef22da .elementor-icon-wrapper{text-align:center;}.elementor-55209 .elementor-element.elementor-element-5c74913{--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-55209 .elementor-element.elementor-element-b12089a{--display:flex;}.elementor-55209 .elementor-element.elementor-element-954ff44{--icon-box-icon-margin:15px;}.elementor-55209 .elementor-element.elementor-element-b8e2275{--icon-box-icon-margin:15px;}.elementor-55209 .elementor-element.elementor-element-5e18591{--icon-box-icon-margin:15px;}.elementor-55209 .elementor-element.elementor-element-4460324{--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-55209 .elementor-element.elementor-element-0deba85 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-55209 .elementor-element.elementor-element-0deba85 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-55209 .elementor-element.elementor-element-0deba85 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-55209 .elementor-element.elementor-element-0deba85 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-55209 .elementor-element.elementor-element-0deba85 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-55209 .elementor-element.elementor-element-0deba85 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-55209 .elementor-element.elementor-element-0deba85 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-55209 .elementor-element.elementor-element-0deba85 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-55209 .elementor-element.elementor-element-0deba85 .elementor-field-type-html{padding-bottom:0px;}.elementor-55209 .elementor-element.elementor-element-0deba85 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-55209 .elementor-element.elementor-element-0deba85 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-55209 .elementor-element.elementor-element-0deba85 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-55209 .elementor-element.elementor-element-0deba85 .elementor-button[type="submit"]{color:#ffffff;}.elementor-55209 .elementor-element.elementor-element-0deba85 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-55209 .elementor-element.elementor-element-0deba85 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-55209 .elementor-element.elementor-element-0deba85 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-55209 .elementor-element.elementor-element-0deba85 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-55209 .elementor-element.elementor-element-0deba85 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-55209 .elementor-element.elementor-element-0deba85 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-55209 .elementor-element.elementor-element-0deba85{--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;}.elementor-55209 .elementor-element.elementor-element-7fbfaf1:not(.elementor-motion-effects-element-type-background), .elementor-55209 .elementor-element.elementor-element-7fbfaf1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F9FC;}.elementor-55209 .elementor-element.elementor-element-7fbfaf1 > .elementor-container{max-width:1240px;}.elementor-55209 .elementor-element.elementor-element-7fbfaf1{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:32px 0px 64px 0px;}.elementor-55209 .elementor-element.elementor-element-7fbfaf1 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-55209 .elementor-element.elementor-element-f6ca3ef > .elementor-element-populated{padding:0px 18px 0px 18px;}.elementor-55209 .elementor-element.elementor-element-f15773b .jet-woo-builder > .related.products > h2{color:#173F35;text-align:center;}body{background-color:#F4F9FC;}@media(max-width:800px){.elementor-55209 .elementor-element.elementor-element-59e6579 .jet-woo-builder .product_title{text-align:left;}}@media(min-width:801px){.elementor-55209 .elementor-element.elementor-element-3fdca7c{width:46%;}.elementor-55209 .elementor-element.elementor-element-3e42dea{width:54%;}.elementor-55209 .elementor-element.elementor-element-6604223{--width:100%;}.elementor-55209 .elementor-element.elementor-element-f575964{--width:66%;}.elementor-55209 .elementor-element.elementor-element-68e1989{--width:34%;}.elementor-55209 .elementor-element.elementor-element-ff628bd{--content-width:1240px;}.elementor-55209 .elementor-element.elementor-element-f9070e0{--width:15%;}.elementor-55209 .elementor-element.elementor-element-5c74913{--width:50%;}.elementor-55209 .elementor-element.elementor-element-b12089a{--width:35%;}}/* Start custom CSS for jet-single-add-to-cart, class: .elementor-element-60d3504 *//* ==========================================================
   MORAMED – WooCommerce Variation Swatches
   Kialakítás + Hegykialakítás + Hossz
   ========================================================== */


/* ==========================================================
   1. VARIÁCIÓS SOROK
   ========================================================== */

.woocommerce div.product form.cart .variations {
    width: 100%;
}

.woocommerce div.product form.cart .variations tr {
    display: block;
    margin-bottom: 18px;
}

.woocommerce div.product form.cart .variations th,
.woocommerce div.product form.cart .variations td {
    display: block;
    width: 100%;
    padding: 0 !important;
}


/* ==========================================================
   2. ATTRIBÚTUM CÍMEK
   ========================================================== */

.woocommerce div.product form.cart .variations th.label {
    margin-bottom: 10px;
}

.woocommerce div.product form.cart .variations th.label label {
    display: block;

    margin: 0 0 10px 0;

    font-size: 18px;
    line-height: 1.3;
    font-weight: 600;

    color: #111;
}


/* ==========================================================
   3. SWATCH LISTA
   ========================================================== */

.woocommerce div.product form.cart .variations
.variable-items-wrapper {

    display: flex !important;
    flex-wrap: wrap !important;

    align-items: flex-start !important;

    gap: 12px !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ==========================================================
   4. KÉPES SWATCH KÁRTYA
   Kialakítás + Hegykialakítás
   ========================================================== */

.woocommerce div.product form.cart .variations
.image-variable-items-wrapper
.image-variable-item {

    width: 130px !important;
    height: 112px !important;

    display: flex !important;
    flex-direction: column !important;

    align-items: center !important;
    justify-content: flex-start !important;

    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 7px 6px 5px !important;

    background: #ffffff !important;

    border: 1px solid #b8b8b8 !important;
    border-radius: 4px !important;

    box-shadow: none !important;

    overflow: hidden !important;

    cursor: pointer !important;

    position: relative !important;
}


/* ==========================================================
   5. KÉP TERÜLETE
   ========================================================== */

.woocommerce div.product form.cart .variations
.image-variable-items-wrapper
.image-variable-item
.variable-item-contents {

    width: 116px !important;
    height: 76px !important;

    min-width: 116px !important;
    min-height: 76px !important;

    max-width: 116px !important;
    max-height: 76px !important;

    flex: 0 0 76px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;

    margin: 0 auto !important;
    padding: 0 !important;

    background: #ffffff !important;

    overflow: hidden !important;

    position: relative !important;
}


/* ==========================================================
   6. PNG KÉP
   ========================================================== */

.woocommerce div.product form.cart .variations
.image-variable-items-wrapper
.image-variable-item
.variable-item-contents img,

.woocommerce div.product form.cart .variations
.image-variable-items-wrapper
.image-variable-item
img.variable-item-image {

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    min-width: 0 !important;
    min-height: 0 !important;

    max-width: 100% !important;
    max-height: 100% !important;

    object-fit: contain !important;
    object-position: center center !important;

    position: static !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    margin: 0 auto !important;
    padding: 0 !important;

    /*
     * A rajzot nagyítjuk,
     * de a saját 116 × 76 px-es területén belül marad.
     */
    transform: scale(1.35) !important;
    transform-origin: center center !important;

    border: 0 !important;

    box-shadow: none !important;

    opacity: 1 !important;

    vertical-align: middle !important;
}


/* ==========================================================
   7. FELIRAT KÜLÖN A KÉP ALATT
   ========================================================== */

.woocommerce div.product form.cart .variations
.image-variable-items-wrapper
.image-variable-item::after {

    content: attr(data-title) !important;

    display: block !important;

    position: static !important;

    width: 100% !important;

    margin: 4px 0 0 0 !important;
    padding: 0 !important;

    font-size: 13px !important;
    line-height: 18px !important;
    font-weight: 500 !important;

    text-align: center !important;

    white-space: nowrap !important;

    color: #222222 !important;

    background: #ffffff !important;

    border: 0 !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;

    box-shadow: none !important;

    pointer-events: none !important;
}


/* ==========================================================
   8. KIVÁLASZTOTT KÉPES VARIÁCIÓ
   ========================================================== */

.woocommerce div.product form.cart .variations
.image-variable-items-wrapper
.image-variable-item.selected {

    border: 2px solid #176b5b !important;

    padding: 6px 5px 4px !important;

    background: #ffffff !important;

    box-shadow: 0 0 0 1px #176b5b !important;
}


/* ==========================================================
   9. HOVER
   ========================================================== */

.woocommerce div.product form.cart .variations
.image-variable-items-wrapper
.image-variable-item:hover {

    border-color: #176b5b !important;

    background: #ffffff !important;
}


/* ==========================================================
   10. LETILTOTT / NEM ELÉRHETŐ VARIÁCIÓ
   ========================================================== */

.woocommerce div.product form.cart .variations
.variable-item.disabled {

    opacity: 0.35 !important;

    cursor: not-allowed !important;
}


/* ==========================================================
   11. HOSSZ – SZÖVEGES GOMBOK
   ========================================================== */

.woocommerce div.product form.cart .variations
.button-variable-items-wrapper
.button-variable-item {

    width: auto !important;

    min-width: 94px !important;

    height: 56px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;

    margin: 0 !important;

    padding: 0 15px !important;

    background: #ffffff !important;

    border: 1px solid #b8b8b8 !important;
    border-radius: 4px !important;

    box-shadow: none !important;

    color: #111111 !important;

    font-size: 15px !important;
    font-weight: 500 !important;

    cursor: pointer !important;
}


/* ==========================================================
   12. HOSSZ GOMB BELSŐ SZÖVEGE
   ========================================================== */

.woocommerce div.product form.cart .variations
.button-variable-items-wrapper
.button-variable-item
.variable-item-contents {

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ==========================================================
   13. HOSSZ – HOVER
   ========================================================== */

.woocommerce div.product form.cart .variations
.button-variable-items-wrapper
.button-variable-item:hover {

    border-color: #176b5b !important;
}


/* ==========================================================
   14. KIVÁLASZTOTT HOSSZ
   ========================================================== */

.woocommerce div.product form.cart .variations
.button-variable-items-wrapper
.button-variable-item.selected {

    border: 2px solid #176b5b !important;

    background: #ffffff !important;

    box-shadow: 0 0 0 1px #176b5b !important;
}


/* ==========================================================
   15. PLUGIN TOOLTIP KIKAPCSOLÁSA
   ========================================================== */

.variable-item:not(.radio-variable-item)::before {
    display: none !important;
}


/* ==========================================================
   16. RESET / TÖRLÉS LINK
   ========================================================== */

.woocommerce div.product form.cart .reset_variations {

    display: inline-block;

    margin-top: 10px !important;

    font-size: 12px !important;

    text-transform: uppercase;

    color: #666666 !important;
}


/* ==========================================================
   17. MOBIL
   ========================================================== */

@media (max-width: 767px) {

    .woocommerce div.product form.cart .variations
    .image-variable-items-wrapper
    .image-variable-item {

        width: 112px !important;
        height: 104px !important;
    }


    .woocommerce div.product form.cart .variations
    .image-variable-items-wrapper
    .image-variable-item
    .variable-item-contents {

        width: 100px !important;
        height: 70px !important;

        min-width: 100px !important;
        min-height: 70px !important;

        max-width: 100px !important;
        max-height: 70px !important;

        flex: 0 0 70px !important;
    }


    .woocommerce div.product form.cart .variations
    .image-variable-items-wrapper
    .image-variable-item
    .variable-item-contents img,

    .woocommerce div.product form.cart .variations
    .image-variable-items-wrapper
    .image-variable-item
    img.variable-item-image {

        width: 100% !important;
        height: 100% !important;

        object-fit: contain !important;
        object-position: center center !important;

        transform: scale(1.30) !important;
        transform-origin: center center !important;
    }


    .woocommerce div.product form.cart .variations
    .button-variable-items-wrapper
    .button-variable-item {

        min-width: 82px !important;

        height: 50px !important;

        padding: 0 10px !important;

        font-size: 14px !important;
    }
}






/* ==================================================
   MORAMED – TERMÉKOLDAL FELSŐ RÉSZ
   ================================================== */

/* Termékcím */
.single-product .jet-woo-builder-single-jet-woo-builder-single-title {
    margin-bottom: 12px !important;
}

/* Rövid leírás */
.single-product .woocommerce-product-details__short-description {
    margin-top: 14px !important;
    margin-bottom: 18px !important;
}

/* Variációs rész */
.single-product form.variations_form {
    margin-top: 0 !important;
}

/* Variációs sorok közötti távolság */
.single-product form.variations_form table.variations tr {
    margin-bottom: 14px !important;
}

/* Variáció neve: Kialakítás, Hegykialakítás, Hossz */
.single-product form.variations_form table.variations th.label {
    padding-top: 0 !important;
    padding-bottom: 7px !important;
    margin: 0 !important;
}

/* Swatch terület */
.single-product form.variations_form table.variations td.value {
    padding-top: 0 !important;
    padding-bottom: 4px !important;
}

/* Ne legyen fölösleges térköz a swatch-lista körül */
.single-product .variable-items-wrapper {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* ==========================================================
   MORAMED – ATTRIBÚTUM CÍM + KIVÁLASZTOTT ÉRTÉK
   Cél:
   Kialakítás: Egyenes
   [swatchek alatta]
   ========================================================== */

.woocommerce div.product form.cart .variations tbody > tr {
    display: grid !important;
    grid-template-columns: max-content 1fr !important;
    align-items: baseline !important;
    column-gap: 4px !important;
    width: 100% !important;
    margin-bottom: 18px !important;
}

.woocommerce div.product form.cart .variations th.label {
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
}

.woocommerce div.product form.cart .variations th.label label {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
}

.woocommerce div.product form.cart .variations td.value {
    display: contents !important;
}

.woocommerce div.product form.cart .variations
.woo-selected-variation-item-name {
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
}

.woocommerce div.product form.cart .variations
.variable-items-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 8px 0 0 0 !important;
    padding: 0 !important;
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
}

/* A reset link is a swatchek alatt maradjon. */
.woocommerce div.product form.cart .variations .reset_variations {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
}

/* Mobil */
@media (max-width: 767px) {
    .woocommerce div.product form.cart .variations th.label label {
        font-size: 16px !important;
    }

    .woocommerce div.product form.cart .variations
    .woo-selected-variation-item-name {
        font-size: 15px !important;
    }
}


/* MORAMED – attribútumnév + kiválasztott érték egy sorban */

/* Kialakítás: Egyenes */
.elementor-55209 .elementor-element.elementor-element-60d3504 .variations th.label {
    display: inline-flex !important;
    align-items: baseline !important;
    width: auto !important;
    float: left !important;
    margin-right: 5px !important;
    padding: 0 !important;
}

/* A kiválasztott érték */
.elementor-55209 .elementor-element.elementor-element-60d3504 .variations td.value .woo-selected-variation-item-name {
    display: block !important;
    width: auto !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
}

/* A swatchek új sorban kezdődjenek */
.elementor-55209 .elementor-element.elementor-element-60d3504 .variations td.value .variable-items-wrapper {
    clear: both !important;
    width: 100% !important;
    margin-top: 8px !important;
}

/* Minden attribútumsor után tiszta új sor */
.elementor-55209 .elementor-element.elementor-element-60d3504 .variations tr::after {
    content: "";
    display: block;
    clear: both;
}



















/* MORAMED – kiválasztott érték közvetlenül a cím mellett */

.elementor-55209 .elementor-element.elementor-element-60d3504 .moramed-selected-value {
    display: inline !important;
    margin-left: 4px !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: 600 !important;
    color: #111827 !important;
}

/* A plugin eredeti külön soros értékét elrejtjük */
.elementor-55209 .elementor-element.elementor-element-60d3504 .woo-selected-variation-item-name {
    display: none !important;
}























/* MORAMED – eredeti plugin kiválasztott érték elrejtése */
.elementor-55209 .elementor-element.elementor-element-60d3504 .woo-selected-variation-item-name {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}













/* ==========================================================
   MORAMED – FELSŐ LISTÁHOZ ADÁS RÉSZ ELREJTÉSE
   A variációválasztók megmaradnak
   ========================================================== */

/* Mennyiség */
.elementor-55209 .elementor-element.elementor-element-60d3504 .single_variation_wrap .quantity {
    display: none !important;
}

/* Listához adás / Add to cart gomb */
.elementor-55209 .elementor-element.elementor-element-60d3504 .single_variation_wrap .single_add_to_cart_button {
    display: none !important;
}

/* A gombot tartalmazó sor fölösleges térköze */
.elementor-55209 .elementor-element.elementor-element-60d3504 .single_variation_wrap .woocommerce-variation-add-to-cart {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
}














/* =========================================================
   MORAMED – FELSŐ VÁSÁRLÁSI RÉSZ TELJES ELREJTÉSE
   A variációválasztók megmaradnak
   ========================================================= */

/* Mennyiség + gomb teljes sora */
.elementor-55209 .elementor-element.elementor-element-60d3504 .woocommerce-variation-add-to-cart {
    display: none !important;
}

/* Biztonsági elrejtés */
.elementor-55209 .elementor-element.elementor-element-60d3504 .quantity,
.elementor-55209 .elementor-element.elementor-element-60d3504 .single_add_to_cart_button {
    display: none !important;
}

/* Variáció alatti fölösleges tér */
.elementor-55209 .elementor-element.elementor-element-60d3504 .single_variation_wrap {
    margin: 0 !important;
    padding: 0 !important;
}







/* =========================================================
   MORAMED – VARIÁCIÓ ALATTI FELESLEGES ELEMEK ELREJTÉSE
   ========================================================= */

/* TÖRLÉS link */
.elementor-55209 .elementor-element.elementor-element-60d3504 .reset_variations {
    display: none !important;
}

/* Kiválasztott variáció leírása */
.elementor-55209 .elementor-element.elementor-element-60d3504 .woocommerce-variation-description {
    display: none !important;
}

/* Variációs ár – nálunk nem szükséges */
.elementor-55209 .elementor-element.elementor-element-60d3504 .woocommerce-variation-price {
    display: none !important;
}

/* Készletinformáció a felső részből */
.elementor-55209 .elementor-element.elementor-element-60d3504 .woocommerce-variation-availability {
    display: none !important;
}

/* A variáció információs blokk ne foglaljon helyet */
.elementor-55209 .elementor-element.elementor-element-60d3504 .single_variation {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    min-height: 0 !important;
}

/* Felső kosár/lista rész elrejtése */
.elementor-55209 .elementor-element.elementor-element-60d3504 .woocommerce-variation-add-to-cart {
    display: none !important;
}

/* Biztonsági elrejtés */
.elementor-55209 .elementor-element.elementor-element-60d3504 .quantity,
.elementor-55209 .elementor-element.elementor-element-60d3504 .single_add_to_cart_button {
    display: none !important;
}

/* Variációs blokk alsó térközének megszüntetése */
.elementor-55209 .elementor-element.elementor-element-60d3504 .single_variation_wrap {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    min-height: 0 !important;
}

/* Variációs táblázat alatti vonalak eltüntetése */
.elementor-55209 .elementor-element.elementor-element-60d3504 form.variations_form,
.elementor-55209 .elementor-element.elementor-element-60d3504 form.cart {
    border-bottom: 0 !important;
}






/* Felső variációválasztó alatti fekete vonal eltüntetése */
.elementor-55209 .elementor-element.elementor-element-60d3504 form.cart,
.elementor-55209 .elementor-element.elementor-element-60d3504 form.variations_form,
.elementor-55209 .elementor-element.elementor-element-60d3504 .variations,
.elementor-55209 .elementor-element.elementor-element-60d3504 .single_variation_wrap {
    border-bottom: none !important;
    border-top: none !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-caec151 *//* =========================================================
   MORAMED – FELSŐ TERMÉKRÉSZ
   Egységes új dizájn
   ========================================================= */


/* ---------------------------------------------------------
   1. TELJES FELSŐ SZAKASZ
   --------------------------------------------------------- */

.moramed-product-hero {
    background: #F4F9FC !important;
    padding: 32px 20px !important;
    box-sizing: border-box;
}


/* ---------------------------------------------------------
   2. KÉT FELSŐ KÁRTYA
   --------------------------------------------------------- */

.moramed-product-hero .moramed-product-gallery-card,
.moramed-product-hero .moramed-product-info-card {
    background: #FFFFFF !important;

    border: 1px solid #C9DDE8 !important;
    border-radius: 10px !important;

    box-sizing: border-box;

    /* finom, tiszta orvostechnikai megjelenés */
    box-shadow: none !important;
}


/* Galéria kártya */

.moramed-product-gallery-card {
    padding: 28px !important;
    margin-right: 9px !important;
}


/* Termékinformációs kártya */

.moramed-product-info-card {
    padding: 32px 34px !important;
    margin-left: 9px !important;
}


/* ---------------------------------------------------------
   3. TERMÉKNÉV
   --------------------------------------------------------- */

.moramed-product-info-card .product_title,
.moramed-product-info-card h1 {

    color: #123F33 !important;

    margin-top: 0 !important;
    margin-bottom: 18px !important;

    line-height: 1.2;
}


/* ---------------------------------------------------------
   4. SZAKTERÜLET + CIKKSZÁM SOR
   --------------------------------------------------------- */

.moramed-top-meta {

    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 12px;

    margin: 16px 0 22px 0;

    font-size: 14px;
    line-height: 1.4;
}


/* Szakterület badge */

.moramed-specialty {

    display: inline-flex;
    align-items: center;

    padding: 6px 11px;

    border-radius: 6px;

    background: #F4F9FC !important;
    border: 1px solid #C9DDE8;

    color: #1769AA;

    font-size: 13px;
    font-weight: 500;
}


/* Cikkszám */

.moramed-top-sku {

    color: #667085;

    font-size: 13px;
    font-weight: 400;
}


/* Konkrét cikkszám */

.moramed-top-sku strong {

    color: #344054;

    font-weight: 600;
}


/* ---------------------------------------------------------
   5. GALÉRIA
   --------------------------------------------------------- */

.moramed-product-gallery-card img {

    object-fit: contain;
    max-width: 100%;
}


/* ---------------------------------------------------------
   6. VARIÁCIÓS TERÜLET
   --------------------------------------------------------- */

.moramed-product-info-card form.variations_form {
    margin-top: 4px;
}


/* Variációk közötti függőleges ritmus */

.moramed-product-info-card table.variations {
    margin-bottom: 0 !important;
}


/* ---------------------------------------------------------
   7. TABLET
   --------------------------------------------------------- */

@media (max-width: 1024px) {

    .moramed-product-hero {
        padding: 24px 18px !important;
    }

    .moramed-product-gallery-card {
        padding: 22px !important;
        margin-right: 7px !important;
    }

    .moramed-product-info-card {
        padding: 26px !important;
        margin-left: 7px !important;
    }

}


/* ---------------------------------------------------------
   8. MOBIL
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .moramed-product-hero {

        padding: 16px !important;
    }


    /* Mobilon egymás alá kerülő kártyák */

    .moramed-product-gallery-card,
    .moramed-product-info-card {

        width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding: 20px !important;
    }


    .moramed-product-gallery-card {

        margin-bottom: 16px !important;
    }


    /* Terméknév */

    .moramed-product-info-card .product_title,
    .moramed-product-info-card h1 {

        margin-bottom: 14px !important;
    }


    /* Szakterület + cikkszám */

    .moramed-top-meta {

        gap: 8px;

        margin: 12px 0 18px 0;
    }


    .moramed-specialty,
    .moramed-top-sku {

        font-size: 12px;
    }

}




/* =========================================================
   MORAMED – GALÉRIA NAGYÍTÓ – ÚJ DIZÁJN
   ========================================================= */

.moramed-product-gallery-card {
    position: relative !important;
}

/* Nagyító gomb */
.moramed-product-gallery-card .woocommerce-product-gallery__trigger {
    position: absolute !important;
    top: 18px !important;
    right: 18px !important;

    width: 38px !important;
    height: 38px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #f4f9fc !important;
    border: 1px solid #c9dce8 !important;
    border-radius: 8px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-shadow: none !important;
    z-index: 20 !important;
}

/* Nagyító ikon */
.moramed-product-gallery-card .woocommerce-product-gallery__trigger::before {
    border-color: #1769aa !important;
}

/* Nagyító ikon nyele */
.moramed-product-gallery-card .woocommerce-product-gallery__trigger::after {
    background: #1769aa !important;
}

/* Hover */
.moramed-product-gallery-card .woocommerce-product-gallery__trigger:hover {
    background: #eaf4fa !important;
    border-color: #9fc3d8 !important;
}





/* =========================================================
   MORAMED – GALÉRIA BÉLYEGKÉPEK ELVÁLASZTÓ VONAL
   ========================================================= */

.moramed-product-gallery-card .flex-control-thumbs {
    border-top: 1px solid #C9DCE8 !important;
    padding-top: 16px !important;
    margin-top: 16px !important;
}




/* =========================================================
   MORAMED – GALÉRIA BÉLYEGKÉPEK
   ========================================================= */

/* Kis képek */
.moramed-product-gallery-card .flex-control-thumbs li {
    border: 1px solid #C9DCE8 !important;
    border-radius: 6px !important;
    background: #FFFFFF !important;

    padding: 4px !important;
    margin-right: 10px !important;

    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* Kép a kereten belül */
.moramed-product-gallery-card .flex-control-thumbs li img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 3px !important;
}

/* Kiválasztott kis kép */
.moramed-product-gallery-card .flex-control-thumbs li img.flex-active {
    opacity: 1 !important;
}

/* A kiválasztott kép kerete */
.moramed-product-gallery-card .flex-control-thumbs li:has(img.flex-active) {
    border: 1.5px solid #1769AA !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f575964 */.moramed-reference-note {
    margin-top: 18px;
    padding-top: 12px;
    border-top: 1px solid #d9e3ea;
    font-size: 11px;
    line-height: 1.45;
    color: #6b7785;
}

.moramed-reference-note strong {
    color: #496274;
    font-weight: 600;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68e1989 *//* =========================================================
   MORAMED – TERMÉKOLDAL
   EGYSÉGES DIZÁJN

   Oldal háttér: Elementorban állítható
   Kártya:       #FFFFFF
   Keret:        #C9DDEB
   ========================================================= */


/* =========================================================
   0. TELJES ALSÓ SZAKASZ

   Elementor CSS osztály:
   moramed-lower-section

   FONTOS:
   Itt szándékosan NINCS background beállítás,
   így a háttérszín Elementorban szabadon állítható.
   ========================================================= */

.moramed-lower-section {
    width: 100%;
    box-sizing: border-box;
}


/* =========================================================
   1. A HÁROM INFORMÁCIÓS KÁRTYA KÖZÖS SORA
   ========================================================= */

.moramed-info-cards {

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: stretch !important;
    justify-content: center !important;

    gap: 18px !important;

    width: 100% !important;
    max-width: 1240px !important;

    margin: 28px auto 0 auto !important;
    padding: 0 20px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   2. A HÁROM KÁRTYA KÖZÖS KINÉZETE
   ========================================================= */

.moramed-info-cards > .moramed-info-card {

    width: calc((100% - 36px) / 3) !important;
    max-width: none !important;
    min-width: 0 !important;

    flex: 1 1 0 !important;

    background: #FFFFFF !important;

    border: 1px solid #C9DDEB !important;
    border-radius: 10px !important;

    padding: 22px 24px !important;

    min-height: 235px !important;

    box-shadow: 0 4px 14px rgba(15, 61, 103, 0.04) !important;

    box-sizing: border-box !important;
    overflow: hidden;
}


/* =========================================================
   3. INFORMÁCIÓS KÁRTYÁK CÍMEI
   ========================================================= */

.moramed-info-card h2,
.moramed-info-card h3,
.moramed-info-card .elementor-heading-title {

    margin: 0 0 16px 0 !important;
    padding: 0 !important;

    color: #073B78 !important;

    font-family: inherit !important;
    font-size: 20px !important;
    font-weight: 700 !important;

    line-height: 1.25 !important;

    word-break: normal !important;
    overflow-wrap: normal !important;
}


/* =========================================================
   4. MŰSZAKI ADATOK KÁRTYA
   ========================================================= */

.moramed-spec-card {

    width: 100% !important;
    margin-top: 14px !important;

    box-sizing: border-box !important;
}


.moramed-spec-row {

    display: grid !important;

    grid-template-columns:
        minmax(120px, 42%)
        minmax(0, 58%) !important;

    align-items: center !important;

    min-height: 31px !important;

    padding: 5px 10px !important;

    border-bottom: 1px solid #E2EAF0 !important;

    font-size: 14px !important;
    line-height: 1.35 !important;

    box-sizing: border-box !important;
}


/* Finom váltakozó sorháttér */

.moramed-spec-row:nth-child(odd) {
    background: #F4F9FC !important;
}


.moramed-spec-row span {

    color: #163B64 !important;
    font-weight: 600 !important;

    padding-right: 10px !important;
}


.moramed-spec-row strong {

    color: #234F7E !important;
    font-weight: 500 !important;

    word-break: normal !important;
    overflow-wrap: break-word !important;
}


/* =========================================================
   5. MÁS GYÁRTÓK REFERENCIA SZÁMAI
   ========================================================= */

.moramed-reference-card {

    width: 100% !important;

    box-sizing: border-box !important;
}


.moramed-reference-card h3 {

    margin: 0 0 16px 0 !important;

    color: #073B78 !important;

    font-size: 20px !important;
    font-weight: 700 !important;

    line-height: 1.25 !important;
}


.moramed-reference-row {

    display: grid !important;

    grid-template-columns:
        minmax(120px, 42%)
        minmax(0, 58%) !important;

    align-items: center !important;

    min-height: 36px !important;

    padding: 7px 10px !important;

    border-bottom: 1px solid #E2EAF0 !important;

    font-size: 14px !important;

    box-sizing: border-box !important;
}


/* Finom váltakozó sorháttér */

.moramed-reference-row:nth-of-type(even) {
    background: #F4F9FC !important;
}


.moramed-reference-row span {

    color: #163B64 !important;
    font-weight: 700 !important;

    padding-right: 10px !important;
}


.moramed-reference-row strong {

    color: #234F7E !important;
    font-weight: 500 !important;

    word-break: normal !important;
    overflow-wrap: break-word !important;
}


/* =========================================================
   REFERENCIA TÁJÉKOZTATÓ
   ========================================================= */

.moramed-reference-note {

    margin-top: 18px !important;
    padding-top: 12px !important;

    border-top: 1px solid #C9DDEB !important;

    font-size: 11px !important;
    line-height: 1.45 !important;

    color: #6B7785 !important;
}


.moramed-reference-note strong {

    color: #496274 !important;
    font-weight: 600 !important;
}


/* =========================================================
   6. ÁRAJÁNLATKÉRÉS KÁRTYA
   ========================================================= */

.moramed-quote-card {

    width: 100% !important;
    height: 100% !important;

    box-sizing: border-box !important;
}


.moramed-quote-card h3 {

    margin: 0 0 14px 0 !important;

    color: #073B78 !important;

    font-size: 20px !important;
    font-weight: 700 !important;

    line-height: 1.25 !important;
}


/* Cikkszám felirat */

.moramed-quote-sku-label {

    margin-bottom: 3px !important;

    color: #163B64 !important;

    font-size: 13px !important;
    font-weight: 600 !important;
}


/* Cikkszám értéke */

.moramed-quote-sku {

    margin-bottom: 7px !important;

    color: #073B78 !important;

    font-size: 23px !important;
    font-weight: 700 !important;

    line-height: 1.15 !important;

    word-break: normal !important;
}


/* Elérhetőség */

.moramed-quote-status {

    margin-bottom: 14px !important;

    color: #319B59 !important;

    font-size: 13px !important;
    font-weight: 600 !important;
}


/* =========================================================
   7. MENNYISÉGVÁLASZTÓ
   ========================================================= */

.moramed-quote-qty {

    display: inline-flex !important;

    align-items: center !important;

    height: 40px !important;

    margin: 0 0 12px 0 !important;

    background: #FFFFFF !important;

    border: 1px solid #C9DDEB !important;
    border-radius: 6px !important;

    overflow: hidden !important;
}


#moramed-qty-minus,
#moramed-qty-plus {

    display: flex !important;

    justify-content: center !important;
    align-items: center !important;

    width: 42px !important;
    height: 40px !important;

    padding: 0 !important;
    margin: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: #FFFFFF !important;

    color: #0757A6 !important;

    font-size: 20px !important;
    font-weight: 500 !important;

    line-height: 1 !important;

    cursor: pointer !important;
}


#moramed-qty-minus:hover,
#moramed-qty-plus:hover {

    background: #F4F9FC !important;
}


#moramed-qty-value {

    display: flex !important;

    justify-content: center !important;
    align-items: center !important;

    width: 48px !important;
    height: 40px !important;

    border-left: 1px solid #C9DDEB !important;
    border-right: 1px solid #C9DDEB !important;

    background: #FFFFFF !important;

    color: #153B64 !important;

    font-size: 16px !important;
    font-weight: 600 !important;
}


/* =========================================================
   8. LISTÁHOZ ADÁS GOMB
   ========================================================= */

#moramed-quote-button {

    display: block !important;

    width: 100% !important;
    min-height: 48px !important;

    margin: 2px 0 0 0 !important;

    padding: 12px 18px !important;

    border: 0 !important;
    border-radius: 6px !important;

    background: #0757A6 !important;

    color: #FFFFFF !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    line-height: 1.2 !important;

    text-align: center !important;
    text-transform: uppercase !important;

    letter-spacing: 0.2px !important;

    cursor: pointer !important;

    transition:
        background 0.2s ease,
        transform 0.2s ease !important;
}


#moramed-quote-button:hover {

    background: #064887 !important;

    transform: translateY(-1px);
}


#moramed-quote-button:disabled {

    background: #9DB4CA !important;

    color: #FFFFFF !important;

    cursor: not-allowed !important;

    transform: none !important;
}


/* =========================================================
   9. INFORMÁCIÓS KÁRTYÁK – TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .moramed-info-cards {

        flex-wrap: wrap !important;

        padding: 0 16px !important;
    }


    .moramed-info-cards > .moramed-info-card {

        width: calc(50% - 9px) !important;

        flex: 0 0 calc(50% - 9px) !important;
    }


    .moramed-info-cards > .moramed-info-card:last-child {

        width: 100% !important;

        flex-basis: 100% !important;
    }
}


/* =========================================================
   10. INFORMÁCIÓS KÁRTYÁK – MOBIL
   ========================================================= */

@media (max-width: 767px) {

    .moramed-info-cards {

        display: flex !important;

        flex-direction: column !important;

        gap: 12px !important;

        width: 100% !important;

        margin-top: 20px !important;

        padding: 0 12px !important;
    }


    .moramed-info-cards > .moramed-info-card {

        width: 100% !important;

        flex: 0 0 100% !important;

        min-height: auto !important;

        padding: 18px !important;

        border-radius: 10px !important;
    }


    .moramed-info-card h2,
    .moramed-info-card h3,
    .moramed-info-card .elementor-heading-title {

        font-size: 18px !important;
    }


    .moramed-spec-row,
    .moramed-reference-row {

        grid-template-columns:
            minmax(105px, 42%)
            minmax(0, 58%) !important;

        font-size: 13px !important;
    }


    .moramed-quote-sku {

        font-size: 20px !important;
    }
}


/* =========================================================
   11. KAPCSOLÓDÓ TERMÉKEK
   ========================================================= */


/* Kapcsolódó termékek kártyái */

.moramed-related-products ul.products li.product {

    background: #FFFFFF !important;

    border: 1px solid #C9DDEB !important;
    border-radius: 10px !important;

    padding: 18px !important;

    box-sizing: border-box !important;
    overflow: hidden !important;

    display: flex !important;
    flex-direction: column !important;

    height: 100% !important;
    min-height: 390px !important;
}


/* =========================================================
   KAPCSOLÓDÓ TERMÉK – KÉP
   ========================================================= */

.moramed-related-products ul.products li.product img {

    width: 100% !important;
    height: 190px !important;

    object-fit: contain !important;
    object-position: center !important;

    margin: 0 0 12px 0 !important;
}


/* =========================================================
   KAPCSOLÓDÓ TERMÉK – NÉV
   ========================================================= */

.moramed-related-products ul.products li.product .woocommerce-loop-product__title,
.moramed-related-products ul.products li.product h2,
.moramed-related-products ul.products li.product h3 {

    font-size: 17px !important;
    line-height: 1.35 !important;

    font-weight: 600 !important;

    color: #123F36 !important;

    text-align: center !important;

    margin: 0 0 12px 0 !important;

    min-height: 46px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}


/* =========================================================
   KAPCSOLÓDÓ TERMÉK – LEÍRÁS
   ========================================================= */

.moramed-related-products ul.products li.product .woocommerce-product-details__short-description,
.moramed-related-products ul.products li.product .product-short-description {

    text-align: center !important;

    line-height: 1.45 !important;

    margin-bottom: 14px !important;
}


/* =========================================================
   KAPCSOLÓDÓ TERMÉK – GOMB
   ========================================================= */

.moramed-related-products ul.products li.product .button,
.moramed-related-products ul.products li.product a.button {

    display: block !important;

    width: 100% !important;

    margin-top: auto !important;

    padding: 12px 14px !important;

    border-radius: 7px !important;
    border: none !important;

    text-align: center !important;

    font-size: 14px !important;
    font-weight: 600 !important;

    background: #9CB6CC !important;
    color: #FFFFFF !important;

    box-sizing: border-box !important;
}


/* Gomb – egér ráhúzás */

.moramed-related-products ul.products li.product .button:hover,
.moramed-related-products ul.products li.product a.button:hover {

    background: #7F9FB9 !important;
    color: #FFFFFF !important;
}


/* =========================================================
   KAPCSOLÓDÓ TERMÉKEK – KÁRTYÁK KÖZÖTTI TÉR
   ========================================================= */

.moramed-related-products ul.products {

    gap: 18px !important;

    align-items: stretch !important;
}


/* =========================================================
   12. KAPCSOLÓDÓ TERMÉKEK – TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .moramed-related-products ul.products li.product img {

        height: 180px !important;
    }


    .moramed-related-products ul.products li.product {

        min-height: 370px !important;
    }
}


/* =========================================================
   13. KAPCSOLÓDÓ TERMÉKEK – MOBIL
   ========================================================= */

@media (max-width: 767px) {

    .moramed-related-products ul.products {

        display: grid !important;

        grid-template-columns: 1fr 1fr !important;

        gap: 12px !important;
    }


    .moramed-related-products ul.products li.product {

        width: 100% !important;

        margin: 0 !important;

        padding: 12px !important;

        min-height: 330px !important;
    }


    .moramed-related-products ul.products li.product img {

        height: 150px !important;

        margin-bottom: 12px !important;
    }


    .moramed-related-products ul.products li.product .woocommerce-loop-product__title,
    .moramed-related-products ul.products li.product h2,
    .moramed-related-products ul.products li.product h3 {

        font-size: 14px !important;

        min-height: 40px !important;
    }


    .moramed-related-products ul.products li.product .button,
    .moramed-related-products ul.products li.product a.button {

        font-size: 12px !important;

        padding: 10px 6px !important;

        margin-top: auto !important;
    }
}


/* =========================================================
   14. KAPCSOLÓDÓ TERMÉKEK – GOMBOK EGY VONALBAN
   ========================================================= */

.moramed-related-products ul.products li.product {

    display: flex !important;
    flex-direction: column !important;
}


.moramed-related-products ul.products li.product .astra-shop-summary-wrap {

    display: flex !important;
    flex-direction: column !important;

    flex: 1 !important;

    width: 100% !important;
}


.moramed-related-products ul.products li.product .frfqt_button_add_to_cart_button,
.moramed-related-products ul.products li.product .button {

    margin-top: auto !important;
}




/* =========================================================
   MORAMED – TELJES TERMÉKOLDAL HÁTTÉR
   ========================================================= */

.elementor-55209 {
    background-color: #F4F9FC !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6604223 */<div class="moramed-quote-card">

    <h3>Árajánlatkérés</h3>

    <div class="moramed-quote-sku-label">
        Cikkszám
    </div>

    <div id="moramed-quote-sku" class="moramed-quote-sku">
        Betöltés...
    </div>

    <div id="moramed-quote-status" class="moramed-quote-status">
        Betöltés...
    </div>

    <div class="moramed-quote-qty">

        <button type="button" id="moramed-qty-minus">
            −
        </button>

        <span id="moramed-qty-value">
            1
        </span>

        <button type="button" id="moramed-qty-plus">
            +
        </button>

    </div>

    <button type="button" id="moramed-quote-button" disabled>
        LISTÁHOZ ADÁS
    </button>

    <a href="https://moramed.hu/arajanlat/"
       id="moramed-view-quote">
        ÁRAJÁNLAT MEGTEKINTÉSE →
    </a>

</div>


<style>

/* =========================================================
   MORAMED – ÁRAJÁNLAT MEGTEKINTÉSE
   ========================================================= */

#moramed-view-quote {
    display: none;
    width: 100%;
    margin-top: 10px;
    padding: 11px 16px;

    background: #f4f9fc;
    border: 1px solid #9fc4df;
    border-radius: 5px;

    color: #0757a6;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;

    box-sizing: border-box;
    transition: all 0.2s ease;
}

#moramed-view-quote:hover {
    background: #eaf4fa;
    border-color: #0757a6;
    color: #0757a6;
    text-decoration: none;
}

#moramed-view-quote.moramed-visible {
    display: block;
}

</style>


<script>

jQuery(function($) {

    var $variationForm = $('form.variations_form').first();
    var isVariable = $variationForm.length > 0;

    var selectedVariation = null;


    /* =====================================================
       ÁRAJÁNLAT MEGTEKINTÉSE GOMB
    ===================================================== */

    function hideViewQuoteButton() {
        $('#moramed-view-quote').removeClass('moramed-visible');
    }

    function showViewQuoteButton() {
        $('#moramed-view-quote').addClass('moramed-visible');
    }

    /* induláskor rejtve */
    hideViewQuoteButton();


    /* =====================================================
       VALÓDI MENNYISÉG MEZŐ
    ===================================================== */

    function getRealQtyInput() {

        if (isVariable) {
            return $variationForm.find('input.qty').first();
        }

        return $('form.cart input.qty').first();
    }


    /* =====================================================
       MENNYISÉG SZINKRON
    ===================================================== */

    function syncQuantity() {

        var $qty = getRealQtyInput();
        var value = 1;

        if ($qty.length) {
            value = parseFloat($qty.val()) || 1;
        }

        $('#moramed-qty-value').text(value);
    }


    /* =====================================================
       ADDIFY GOMB KERESÉSE
    ===================================================== */

    function getAddifyButton() {

        var $button = $('.afrfqbt_single_page').first();

        if (!$button.length) {
            $button = $('.afrfqbt').first();
        }

        return $button;
    }


    /* =====================================================
       VARIÁCIÓS TERMÉK
    ===================================================== */

    if (isVariable) {

        $('#moramed-quote-sku').text('Válasszon változatot');
        $('#moramed-quote-status').text('Válasszon változatot');
        $('#moramed-quote-button').prop('disabled', true);


        /*
         * WooCommerce megtalálta a kiválasztott variációt
         */
        $variationForm.on('found_variation', function(event, variation) {

            selectedVariation = variation;

            $('#moramed-quote-sku').text(
                variation.sku || '—'
            );

            $('#moramed-quote-status').text(
                'Árajánlatra elérhető'
            );

            $('#moramed-quote-button').prop(
                'disabled',
                false
            );

            /*
             * Másik variáció kiválasztásakor
             * az előző sikeres hozzáadás gombját elrejtjük.
             */
            hideViewQuoteButton();

            syncQuantity();
        });


        /*
         * Variáció törlése / reset
         */
        $variationForm.on(
            'reset_data hide_variation',
            function() {

                selectedVariation = null;

                $('#moramed-quote-sku').text(
                    'Válasszon változatot'
                );

                $('#moramed-quote-status').text(
                    'Válasszon változatot'
                );

                $('#moramed-quote-button').prop(
                    'disabled',
                    true
                );

                $('#moramed-qty-value').text('1');

                hideViewQuoteButton();
            }
        );

    }


    /* =====================================================
       EGYSZERŰ TERMÉK
    ===================================================== */

    else {

        setTimeout(function() {

            var $addifyButton = getAddifyButton();

            /*
             * Ha az Addify gombon van SKU,
             * azt használjuk.
             */
            if ($addifyButton.length) {

                var sku =
                    $addifyButton.data('product_sku') ||
                    $addifyButton.attr('data-product_sku');

                if (sku) {
                    $('#moramed-quote-sku').text(sku);
                }

                $('#moramed-quote-status').text(
                    'Árajánlatra elérhető'
                );

                $('#moramed-quote-button').prop(
                    'disabled',
                    false
                );
            }

            syncQuantity();

        }, 300);
    }


    /* =====================================================
       MENNYISÉG -
    ===================================================== */

    $('#moramed-qty-minus').on('click', function() {

        var $qty = getRealQtyInput();

        var current =
            parseFloat(
                $('#moramed-qty-value').text()
            ) || 1;

        var min = 1;
        var step = 1;

        if ($qty.length) {

            min = parseFloat($qty.attr('min')) || 1;
            step = parseFloat($qty.attr('step')) || 1;
        }

        current = Math.max(
            min,
            current - step
        );

        $('#moramed-qty-value').text(current);

        if ($qty.length) {

            $qty
                .val(current)
                .trigger('input')
                .trigger('change');
        }
    });


    /* =====================================================
       MENNYISÉG +
    ===================================================== */

    $('#moramed-qty-plus').on('click', function() {

        var $qty = getRealQtyInput();

        var current =
            parseFloat(
                $('#moramed-qty-value').text()
            ) || 1;

        var step = 1;
        var max = NaN;

        if ($qty.length) {

            step = parseFloat($qty.attr('step')) || 1;
            max = parseFloat($qty.attr('max'));
        }

        current = current + step;

        if (!isNaN(max)) {
            current = Math.min(max, current);
        }

        $('#moramed-qty-value').text(current);

        if ($qty.length) {

            $qty
                .val(current)
                .trigger('input')
                .trigger('change');
        }
    });


    /* =====================================================
       LISTÁHOZ ADÁS
    ===================================================== */

    $('#moramed-quote-button').on('click', function(e) {

        e.preventDefault();

        if ($(this).prop('disabled')) {
            return false;
        }

        var $addifyButton = getAddifyButton();

        if (!$addifyButton.length) {

            console.error(
                'MORAMED: Addify árajánlat gomb nem található.'
            );

            return false;
        }

        var quantity =
            parseFloat(
                $('#moramed-qty-value').text()
            ) || 1;


        /*
         * WooCommerce valódi qty frissítése
         */
        var $qty = getRealQtyInput();

        if ($qty.length) {

            $qty
                .val(quantity)
                .trigger('input')
                .trigger('change');
        }


        /* =================================================
           VARIÁCIÓS TERMÉK
        ================================================= */

        if (isVariable) {

            var variationId =
                $variationForm
                    .find('input[name="variation_id"]')
                    .val();

            var parentProductId =
                $variationForm
                    .find('input[name="product_id"]')
                    .val();


            if (
                !variationId ||
                variationId === '0'
            ) {

                alert(
                    'Kérjük, válasszon ki egy változatot.'
                );

                return false;
            }


            /*
             * Addify számára szükséges adatok
             */
            $addifyButton
                .data(
                    'product_id',
                    variationId
                )
                .attr(
                    'data-product_id',
                    variationId
                );


            $addifyButton
                .data(
                    'parent_product_id',
                    parentProductId
                )
                .attr(
                    'data-parent_product_id',
                    parentProductId
                );


            $addifyButton
                .data(
                    'product_quantity',
                    quantity
                )
                .attr(
                    'data-product_quantity',
                    quantity
                );


            if (
                selectedVariation &&
                selectedVariation.sku
            ) {

                $addifyButton
                    .data(
                        'product_sku',
                        selectedVariation.sku
                    )
                    .attr(
                        'data-product_sku',
                        selectedVariation.sku
                    );
            }


            /*
             * Addify ezt az osztályt vizsgálja,
             * hogy variációs termékként kezelje.
             */
            $addifyButton.addClass(
                'product_type_variable'
            );

        }


        /* =================================================
           EGYSZERŰ TERMÉK
        ================================================= */

        else {

            $addifyButton
                .data(
                    'product_quantity',
                    quantity
                )
                .attr(
                    'data-product_quantity',
                    quantity
                );
        }


        /* =================================================
           ADDIFY INDÍTÁSA
        ================================================= */

        /*
         * A valódi Addify gomb saját click eseményét
         * használjuk, ahogy eddig is.
         */
        $addifyButton.trigger('click');


        /* =================================================
           ÁRAJÁNLAT MEGTEKINTÉSE
        ================================================= */

        /*
         * Az Addify AJAX-szal dolgozik.
         *
         * Egy rövid várakozás után ellenőrizzük,
         * hogy a gomb/lista állapota megváltozott-e.
         *
         * Ez nem módosítja az Addify működését.
         */
        var attempts = 0;

        var quoteCheck = setInterval(function() {

            attempts++;

            /*
             * Megnézzük, történt-e az Addify oldalon
             * látható állapotváltozás.
             */
            var buttonText =
                $addifyButton.text()
                    .replace(/\s+/g, ' ')
                    .trim()
                    .toLowerCase();

            var addedState =
                $addifyButton.hasClass('added') ||
                $addifyButton.hasClass('added_to_quote') ||
                $addifyButton.hasClass('afrfq_added') ||
                buttonText.indexOf('hozzáadva') !== -1 ||
                buttonText.indexOf('added') !== -1;


            if (addedState) {

                clearInterval(quoteCheck);

                showViewQuoteButton();

                return;
            }


            /*
             * Maximum kb. 5 másodpercig figyelünk.
             */
            if (attempts >= 20) {
                clearInterval(quoteCheck);
            }

        }, 250);


        return false;
    });


    /* =====================================================
       ADDIFY AJAX SIKER FIGYELÉSE
    ===================================================== */

    /*
     * Biztonsági második módszer:
     * ha az Addify sikeres AJAX kérés után
     * frissíti az oldalt/listaszámlálót, figyeljük
     * az AJAX befejezését.
     */

    $(document).ajaxComplete(function(
        event,
        xhr,
        settings
    ) {

        if (!settings || !settings.data) {
            return;
        }

        var requestData =
            String(settings.data);

        if (
            requestData.indexOf(
                'add_to_quote_single'
            ) !== -1 ||

            requestData.indexOf(
                'add_to_quote_single_vari'
            ) !== -1
        ) {

            /*
             * Csak sikeres HTTP válasznál.
             */
            if (
                xhr.status >= 200 &&
                xhr.status < 300
            ) {

                showViewQuoteButton();
            }
        }
    });


    /* =====================================================
       EREDETI MENNYISÉG VÁLTOZÁSÁNAK FIGYELÉSE
    ===================================================== */

    $(document).on(
        'change input',
        'form.cart input.qty',
        function() {

            syncQuantity();
        }
    );


    syncQuantity();

});

</script>

/* =========================================================
   MORAMED – ÁRAJÁNLATKÉRŐ KÁRTYA
   ========================================================= */

.moramed-quote-card {
    width: 100%;
    box-sizing: border-box;
}


/* CÍM */

.moramed-quote-card h3 {
    margin: 0 0 22px 0;
    padding: 0;

    color: #0757a6;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
}


/* CIKKSZÁM FELIRAT */

.moramed-quote-sku-label {
    margin-bottom: 5px;

    color: #003f72;
    font-size: 12px;
    font-weight: 600;
}


/* CIKKSZÁM */

.moramed-quote-sku {
    margin-bottom: 7px;

    color: #003f72;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.2;
}


/* ÁLLAPOT */

.moramed-quote-status {
    margin-bottom: 15px;

    color: #27a844;
    font-size: 12px;
    font-weight: 600;
}


/* =========================================================
   MENNYISÉGVÁLASZTÓ
   ========================================================= */

.moramed-quote-qty {
    display: flex;
    align-items: center;

    width: fit-content;
    margin-bottom: 12px;

    border: 1px solid #b8d4e8;
    border-radius: 5px;

    overflow: hidden;
    background: #ffffff;
}


.moramed-quote-qty button {
    width: 38px;
    height: 36px;

    padding: 0;
    margin: 0;

    border: 0;
    border-radius: 0;

    background: #ffffff;

    color: #0757a6;
    font-size: 17px;
    font-weight: 400;

    cursor: pointer;
}


.moramed-quote-qty button:hover {
    background: #f4f9fc;
    color: #0757a6;
}


#moramed-qty-value {
    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 42px;
    height: 36px;

    border-left: 1px solid #b8d4e8;
    border-right: 1px solid #b8d4e8;

    background: #ffffff;

    color: #003f72;
    font-size: 15px;
    font-weight: 600;
}


/* =========================================================
   LISTÁHOZ ADÁS GOMB
   ========================================================= */

#moramed-quote-button {
    display: block;

    width: 100%;
    min-height: 42px;

    padding: 11px 18px;
    margin: 0;

    border: none;
    border-radius: 5px;

    background: #0b63b6;

    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;

    cursor: pointer;

    transition:
        background 0.2s ease,
        opacity 0.2s ease;
}


#moramed-quote-button:hover:not(:disabled) {
    background: #0757a6;
}


/* INAKTÍV GOMB – amikor még nincs változat kiválasztva */

#moramed-quote-button:disabled {
    background: #9eb9cf;
    color: #ffffff;

    opacity: 1;
    cursor: default;
}


/* =========================================================
   ÁRAJÁNLAT MEGTEKINTÉSE GOMB
   Alapból NEM látható
   ========================================================= */

#moramed-view-quote {
    display: none;

    width: 100%;
    box-sizing: border-box;

    margin-top: 10px;
    padding: 11px 16px;

    background: #f4f9fc;

    border: 1px solid #9fc4df;
    border-radius: 5px;

    color: #0757a6;

    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;

    text-align: center;
    text-decoration: none;

    transition:
        background 0.2s ease,
        border-color 0.2s ease;
}


/* csak sikeres listához adás után jelenik meg */

#moramed-view-quote.moramed-visible {
    display: block;
}


#moramed-view-quote:hover {
    background: #eaf4fa;

    border-color: #0757a6;

    color: #0757a6;
    text-decoration: none;
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 767px) {

    .moramed-quote-card h3 {
        font-size: 19px;
    }

    .moramed-quote-sku {
        font-size: 20px;
    }

    #moramed-quote-button,
    #moramed-view-quote {
        width: 100%;
    }

}


/* Felső termékkártya eredeti +/- gombjainak elrejtése */
.single-product form.cart .minus,
.single-product form.cart .plus,
.single-product form.cart button.minus,
.single-product form.cart button.plus {
    display: none !important;
}



/* Fő konténer */
.moramed-info-cards {
    width: 100% !important;
    max-width: none !important;
}

/* Belső konténerek: termékleírás 66%, ajánlatkérés 34% */
.moramed-info-cards > .e-con-inner,
.moramed-info-cards {
    display: grid !important;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    gap: 18px;
    align-items: stretch;
    box-sizing: border-box;
}

/* A két kártya kitölti a saját oszlopát */
.moramed-info-cards .moramed-info-card {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
}

/* Mobilon egymás alá kerülnek */
@media (max-width: 767px) {
    .moramed-info-cards,
    .moramed-info-cards > .e-con-inner {
        grid-template-columns: minmax(0, 1fr);
    }
}




.moramed-info-cards,
.moramed-info-cards > .e-con-inner {
    width: 100% !important;
    max-width: 1240px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ff628bd *//* =========================================================
   MORAMED – MŰSZER BEAZONOSÍTÁSI BLOKK
   ========================================================= */

/* TELJES KÜLSŐ BLOKK */
.moramed-identification {
    width: 100%;
    max-width: 1240px;
    margin: 22px auto 28px auto;
    padding: 24px 28px;

    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 28px;

    background: #f1f8fc;
    border: 1px solid #b8d7e9;
    border-radius: 10px;

    box-sizing: border-box;
}


/* =========================================================
   BAL OLDAL – FELTÖLTÉS IKON
   ========================================================= */

.moramed-identification-icon {
    width: 15% !important;
    min-height: 120px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f8fcfe;
    border: 2px dashed #91c2e1 !important;
    border-radius: 10px;

    box-sizing: border-box;
}

/* Elementor ikon */
.moramed-identification-icon .elementor-icon {
    color: #0864a8;
    font-size: 46px;
}

.moramed-identification-icon .elementor-icon svg {
    fill: #0864a8;
    width: 46px;
    height: 46px;
}


/* =========================================================
   KÖZÉPSŐ RÉSZ
   ========================================================= */

.moramed-identification-main {
    width: 50% !important;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;

    gap: 8px;
}


/* CÍM */
.moramed-identification-main .elementor-heading-title {
    margin: 0;

    color: #0757a6;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}


/* LEÍRÁS */
.moramed-identification-main .elementor-widget-text-editor {
    margin: 0;
}

.moramed-identification-main .elementor-widget-text-editor p {
    margin: 0;

    color: #334e68;
    font-size: 14px;
    line-height: 1.55;
}


/* =========================================================
   BEAZONOSÍTÁSI GOMB
   ========================================================= */

.moramed-identification-main .elementor-button {
    margin-top: 5px;
    padding: 12px 20px;

    background: #0757a6;
    border: 1px solid #0757a6;
    border-radius: 5px;

    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;

    box-shadow: none;

    transition:
        background 0.2s ease,
        border-color 0.2s ease;
}

.moramed-identification-main .elementor-button:hover {
    background: #064987;
    border-color: #064987;
    color: #ffffff;
}


/* =========================================================
   JOBB OLDAL – 3 LEHETŐSÉG
   ========================================================= */

.moramed-identification-options {
    width: 35% !important;

    display: flex;
    flex-direction: column;
    justify-content: center;

    gap: 13px;

    padding-left: 28px;
    border-left: 1px solid #9fc4df;
}


/* IKONDOBOZOK */
.moramed-identification-options .elementor-widget-icon-box {
    margin: 0;
}


/* Az ikon + szöveg vízszintesen */
.moramed-identification-options .elementor-icon-box-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    text-align: left !important;
}


/* IKON */
.moramed-identification-options .elementor-icon-box-icon {
    margin: 0 14px 0 0 !important;
    flex: 0 0 auto;
}

.moramed-identification-options .elementor-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    background: #ffffff;
    border: 1px solid #b8d7e9;
    border-radius: 50%;

    color: #0757a6;

    font-size: 20px;
}

.moramed-identification-options .elementor-icon svg {
    width: 20px;
    height: 20px;
    fill: #0757a6;
}


/* SZÖVEGES RÉSZ */
.moramed-identification-options .elementor-icon-box-content {
    flex: 1;
}


/* JOBB OLDALI CÍMEK */
.moramed-identification-options .elementor-icon-box-title {
    margin: 0 0 2px 0;

    color: #0757a6;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
}


/* JOBB OLDALI LEÍRÁS */
.moramed-identification-options .elementor-icon-box-description {
    margin: 0;

    color: #536b7d;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.35;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .moramed-identification {
        padding: 22px;
        gap: 20px;
    }

    .moramed-identification-icon {
        width: 16% !important;
    }

    .moramed-identification-main {
        width: 47% !important;
    }

    .moramed-identification-options {
        width: 37% !important;
        padding-left: 20px;
    }

}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 767px) {

    .moramed-identification {
        flex-direction: column !important;
        align-items: stretch;

        gap: 18px;

        margin-top: 18px;
        margin-bottom: 22px;

        padding: 20px;
    }


    /* BAL IKON */
    .moramed-identification-icon {
        width: 100% !important;
        min-height: 90px;
    }

    .moramed-identification-icon .elementor-icon {
        font-size: 40px;
    }


    /* KÖZÉPSŐ */
    .moramed-identification-main {
        width: 100% !important;
    }

    .moramed-identification-main .elementor-heading-title {
        font-size: 19px;
    }

    .moramed-identification-main .elementor-button {
        width: 100%;
        text-align: center;
    }


    /* JOBB */
    .moramed-identification-options {
        width: 100% !important;

        padding-left: 0;
        padding-top: 18px;

        border-left: 0;
        border-top: 1px solid #9fc4df;
    }

}




/* =========================================================
   MORAMED – BEAZONOSÍTÁSI BLOKK FINOMHANGOLÁS
   ========================================================= */

.moramed-identification {
    /* nagyobb távolság a felső 3 kártyától */
    margin-top: 34px !important;
    margin-bottom: 30px !important;

    /* referencia-képhez hasonló kék kártya */
    background: #e7f3fa !important;

    border: 1px solid #a9cee5 !important;
    border-radius: 12px !important;

    padding: 24px 28px !important;

    /* nagyon enyhe mélység */
    box-shadow: 0 2px 8px rgba(7, 87, 166, 0.04);
}


/* BAL OLDALI IKONDOBOZ */
.moramed-identification-icon {
    background: rgba(255, 255, 255, 0.45) !important;
    border: 2px dashed #83b9dc !important;
    border-radius: 10px !important;
}


/* JOBB OLDALI ELVÁLASZTÓ */
.moramed-identification-options {
    border-left: 1px solid #8fbeda !important;
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 767px) {

    .moramed-identification {
        margin-top: 26px !important;
        margin-bottom: 26px !important;
        padding: 20px !important;
    }

    .moramed-identification-options {
        border-left: 0 !important;
        border-top: 1px solid #8fbeda !important;
    }
}



/* Beazonosítási blokk – igazítás a termékoldal tartalmához */
.moramed-identification {
    width: calc(100% - 32px) !important;
    max-width: 1240px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4460324 *//* =========================================================
   MORAMED – MŰSZER BEAZONOSÍTÁSI ŰRLAP
   TELJES CSS
   ========================================================= */


/* =========================================================
   TELJES ŰRLAP KÁRTYA
   ========================================================= */

.elementor-55209 .elementor-element.elementor-element-4460324 {
    background: #ffffff;
    border: 1px solid #c6dceb;
    border-radius: 12px;

    /* Kisebb felső tér az X számára */
    padding: 32px 30px 28px 30px;

    box-shadow: 0 3px 12px rgba(7, 87, 166, 0.05);

    position: relative;

    /* Alapból rejtve */
    display: none;
}


/* =========================================================
   NYITOTT ÁLLAPOT / KÜLSŐ KONTÉNER
   ========================================================= */

.elementor-55209 .elementor-element.elementor-element-4460324.moramed-form-wrap-open {
    display: flex;

    width: 100%;
    max-width: 1000px;

    margin: 24px auto 0 auto;

    background: #ffffff;
}


/* =========================================================
   ŰRLAP
   ========================================================= */

.elementor-55209 .elementor-element.elementor-element-4460324 .elementor-form {
    width: 100%;
}


/* ===== MEZŐK KÖZÖTTI TÁVOLSÁG ===== */

.elementor-55209 .elementor-element.elementor-element-4460324 .elementor-form-fields-wrapper {
    row-gap: 16px;
}


/* =========================================================
   CÍMKÉK
   ========================================================= */

.elementor-55209 .elementor-element.elementor-element-4460324 .elementor-field-label {
    color: #003f72;

    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;

    margin-bottom: 6px;
}


/* =========================================================
   SZÖVEGES MEZŐK
   ========================================================= */

.elementor-55209 .elementor-element.elementor-element-4460324 input.elementor-field,
.elementor-55209 .elementor-element.elementor-element-4460324 textarea.elementor-field,
.elementor-55209 .elementor-element.elementor-element-4460324 select.elementor-field {
    min-height: 46px;

    padding: 11px 14px;

    background: #f9fcfe;

    border: 1px solid #bfd7e7;
    border-radius: 6px;

    color: #243746;

    font-size: 14px;

    box-shadow: none;

    transition:
        border-color 0.2s ease,
        background 0.2s ease,
        box-shadow 0.2s ease;
}


/* ===== PLACEHOLDER ===== */

.elementor-55209 .elementor-element.elementor-element-4460324 input.elementor-field::placeholder,
.elementor-55209 .elementor-element.elementor-element-4460324 textarea.elementor-field::placeholder {
    color: #8799a8;
    opacity: 1;
}


/* ===== FÓKUSZ ===== */

.elementor-55209 .elementor-element.elementor-element-4460324 input.elementor-field:focus,
.elementor-55209 .elementor-element.elementor-element-4460324 textarea.elementor-field:focus,
.elementor-55209 .elementor-element.elementor-element-4460324 select.elementor-field:focus {
    background: #ffffff;

    border-color: #0757a6;

    box-shadow: 0 0 0 3px rgba(7, 87, 166, 0.08);

    outline: none;
}


/* ===== ÜZENET MEZŐ ===== */

.elementor-55209 .elementor-element.elementor-element-4460324 textarea.elementor-field {
    min-height: 110px;

    resize: vertical;
}


/* =========================================================
   FÁJLFELTÖLTÉS
   ========================================================= */

.elementor-55209 .elementor-element.elementor-element-4460324 input[type="file"] {
    width: 100%;

    padding: 14px;

    background: #f4f9fc;

    border: 1px dashed #91bdd9;
    border-radius: 7px;

    color: #536b7d;

    font-size: 13px;

    cursor: pointer;
}


/* ===== FELTÖLTÉS GOMB ===== */

.elementor-55209 .elementor-element.elementor-element-4460324 input[type="file"]::file-.elementor-55209 .elementor-element.elementor-element-4460324-button {
    margin-right: 12px;

    padding: 9px 15px;

    background: #ffffff;

    border: 1px solid #9fc4df;
    border-radius: 5px;

    color: #0757a6;

    font-size: 12px;
    font-weight: 600;

    cursor: pointer;

    transition:
        background 0.2s ease,
        border-color 0.2s ease;
}


.elementor-55209 .elementor-element.elementor-element-4460324 input[type="file"]::file-.elementor-55209 .elementor-element.elementor-element-4460324-button:hover {
    background: #eaf4fa;
    border-color: #0757a6;
}


/* ===== FELTÖLTÉSI INFORMÁCIÓ ===== */

.elementor-55209 .elementor-element.elementor-element-4460324 .elementor-field-type-upload .elementor-field-subgroup,
.elementor-55209 .elementor-element.elementor-element-4460324 .elementor-field-type-upload small {
    color: #708799;

    font-size: 11px;
    line-height: 1.4;
}


/* =========================================================
   KÜLDÉS GOMB
   ========================================================= */

.elementor-55209 .elementor-element.elementor-element-4460324 .elementor-button[type="submit"] {
    width: 100%;

    min-height: 46px;

    margin-top: 4px;
    padding: 12px 20px;

    background: #0757a6;

    border: 1px solid #0757a6;
    border-radius: 6px;

    color: #ffffff;

    font-size: 13px;
    font-weight: 700;

    text-transform: uppercase;
    letter-spacing: 0.2px;

    box-shadow: none;

    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        transform 0.15s ease;
}


.elementor-55209 .elementor-element.elementor-element-4460324 .elementor-button[type="submit"]:hover {
    background: #064987;
    border-color: #064987;
}


.elementor-55209 .elementor-element.elementor-element-4460324 .elementor-button[type="submit"]:active {
    transform: translateY(1px);
}


/* =========================================================
   SIKERES ÜZENET
   ========================================================= */

.elementor-55209 .elementor-element.elementor-element-4460324 .elementor-message-success {
    margin-top: 18px;

    padding: 14px 16px;

    background: #eef9f1;

    border: 1px solid #b9dfc2;
    border-radius: 6px;

    color: #21833a;

    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
}


/* =========================================================
   HIBAÜZENETEK
   ========================================================= */

.elementor-55209 .elementor-element.elementor-element-4460324 .elementor-message-danger,
.elementor-55209 .elementor-element.elementor-element-4460324 .elementor-message-error {
    margin-top: 18px;

    padding: 14px 16px;

    background: #fff5f5;

    border: 1px solid #e8bcbc;
    border-radius: 6px;

    color: #a83b3b;

    font-size: 13px;
    line-height: 1.5;
}


/* =========================================================
   ASZTALI BEZÁRÓ X
   ========================================================= */

.elementor-55209 .elementor-element.elementor-element-4460324 button.moramed-identify-close {
    position: absolute;

    /* Szimmetrikusan a jobb felső sarokban */
    top: 8px;
    right: 8px;

    z-index: 20;

    width: 32px;
    height: 32px;

    padding: 0;
    margin: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #ffffff;

    border: 1px solid #b8d5e7;
    border-radius: 50%;

    color: #0757a6;

    font-size: 24px;
    font-weight: 400;
    line-height: 1;

    text-align: center;

    cursor: pointer;

    box-shadow: 0 2px 6px rgba(7, 87, 166, 0.08);

    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease;
}


.elementor-55209 .elementor-element.elementor-element-4460324 button.moramed-identify-close:hover {
    background: #eaf4fa;

    border-color: #0757a6;

    color: #0757a6;

    transform: scale(1.05);
}


/* =========================================================
   MOBIL BEZÁRÓ GOMB
   ASZTALIN REJTVE
   ========================================================= */

.elementor-55209 .elementor-element.elementor-element-4460324 button.moramed-identify-mobile-close {
    display: none !important;
}


/* =========================================================
   MOBIL – 767 PX ALATT
   ========================================================= */

@media (max-width: 767px) {

    /* Mobilon normál belső margó */
    .elementor-55209 .elementor-element.elementor-element-4460324 {
        padding: 20px 16px;

        border-radius: 10px;
    }


    /* 50%-os mezők mobilon teljes szélességűek */
    .elementor-55209 .elementor-element.elementor-element-4460324 .elementor-field-group {
        width: 100% !important;
    }


    .elementor-55209 .elementor-element.elementor-element-4460324 input.elementor-field,
    .elementor-55209 .elementor-element.elementor-element-4460324 textarea.elementor-field,
    .elementor-55209 .elementor-element.elementor-element-4460324 select.elementor-field {
        font-size: 16px;
    }


    .elementor-55209 .elementor-element.elementor-element-4460324 .elementor-button[type="submit"] {
        width: 100%;
    }


    /* Mobilon az X nem jelenik meg */
    .elementor-55209 .elementor-element.elementor-element-4460324 button.moramed-identify-close {
        display: none !important;
    }


    /* Mobil alsó bezáró gomb */
    .elementor-55209 .elementor-element.elementor-element-4460324 button.moramed-identify-mobile-close {
        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        min-height: 44px;

        margin: 12px 0 0 0 !important;
        padding: 10px 16px !important;

        background: #ffffff !important;

        border: 1px solid #9fc4df !important;
        border-radius: 6px !important;

        color: #0757a6 !important;

        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1.2;

        text-transform: uppercase;

        cursor: pointer;
    }


    .elementor-55209 .elementor-element.elementor-element-4460324 button.moramed-identify-mobile-close:hover {
        background: #eaf4fa !important;
        border-color: #0757a6 !important;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-7fbfaf1 *//* =========================================================
   MORAMED – KAPCSOLÓDÓ TERMÉK HOVER IKON
   Egységes a termékkép nagyítójával
   ========================================================= */

/* Hover kosár ikon */
.moramed-related-products ul.products li.product .ast-on-card-button {

    width: 38px !important;
    height: 38px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #F4F9FC !important;

    border: 1px solid #C9DDEB !important;
    border-radius: 6px !important;

    color: #0757A6 !important;

    box-shadow: none !important;

    transition: all 0.2s ease !important;
}


/* Ikon színe */
.moramed-related-products ul.products li.product .ast-on-card-button svg,
.moramed-related-products ul.products li.product .ast-on-card-button span,
.moramed-related-products ul.products li.product .ast-on-card-button i {

    color: #0757A6 !important;
    fill: #0757A6 !important;
}


/* Hover */
.moramed-related-products ul.products li.product .ast-on-card-button:hover {

    background: #EAF4FA !important;

    border-color: #9FC7DF !important;

    color: #0757A6 !important;

    box-shadow: none !important;
}


/* =========================================================
   TOOLTIP – "Kosárba teszem"
   ========================================================= */

.moramed-related-products ul.products li.product .ast-card-action-tooltip {

    background: transparent !important;

    box-shadow: none !important;
}


/* Tooltip felirat */
.moramed-related-products ul.products li.product .ast-card-action-tooltip span {

    background: #FFFFFF !important;

    color: #0757A6 !important;

    border: 1px solid #C9DDEB !important;
    border-radius: 5px !important;

    padding: 6px 10px !important;

    font-size: 12px !important;
    font-weight: 500 !important;

    box-shadow: 0 2px 6px rgba(15, 61, 103, 0.08) !important;
}


/* Tooltip kis nyíl */
.moramed-related-products ul.products li.product .ast-card-action-tooltip span::after,
.moramed-related-products ul.products li.product .ast-card-action-tooltip span::before {

    border-left-color: #C9DDEB !important;
    border-right-color: #C9DDEB !important;
}



/* MORAMED – kapcsolódó termék hover ikon belső piros hátterének törlése */

.moramed-related-products .ast-on-card-button,
.moramed-related-products .ast-on-card-button *,
.moramed-related-products .ast-on-card-button:hover,
.moramed-related-products .ast-on-card-button:hover * {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Maga a külső gomb maradjon a MORAMED dizájn szerint */
.moramed-related-products .ast-on-card-button {
    background: #f4f9fc !important;
    border: 1px solid #c9ddeb !important;
    border-radius: 6px !important;
    color: #0757a6 !important;
}

/* Ikon */
.moramed-related-products .ast-on-card-button svg {
    fill: #0757a6 !important;
    color: #0757a6 !important;
}/* End custom CSS */