.elementor-535 .elementor-element.elementor-element-0b7ca7e{--display:flex;--min-height:40vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;}.elementor-535 .elementor-element.elementor-element-0b7ca7e:not(.elementor-motion-effects-element-type-background), .elementor-535 .elementor-element.elementor-element-0b7ca7e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mokkart.hu/wp-content/uploads/2026/08/heromokkart.webp");background-position:center center;background-size:cover;}.elementor-535 .elementor-element.elementor-element-0b7ca7e::before, .elementor-535 .elementor-element.elementor-element-0b7ca7e > .elementor-background-video-container::before, .elementor-535 .elementor-element.elementor-element-0b7ca7e > .e-con-inner > .elementor-background-video-container::before, .elementor-535 .elementor-element.elementor-element-0b7ca7e > .elementor-background-slideshow::before, .elementor-535 .elementor-element.elementor-element-0b7ca7e > .e-con-inner > .elementor-background-slideshow::before, .elementor-535 .elementor-element.elementor-element-0b7ca7e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-535 .elementor-element.elementor-element-1a2955f{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 040px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-535 .elementor-element.elementor-element-1a2955f .elementor-heading-title{font-family:var( --e-global-typography-1692181-font-family ), Sans-serif;font-size:var( --e-global-typography-1692181-font-size );font-weight:var( --e-global-typography-1692181-font-weight );text-transform:var( --e-global-typography-1692181-text-transform );line-height:var( --e-global-typography-1692181-line-height );letter-spacing:var( --e-global-typography-1692181-letter-spacing );color:var( --e-global-color-32c0525 );}.elementor-535 .elementor-element.elementor-element-790dc997{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}:root{--page-title-display:none;}@media(max-width:1100px){.elementor-535 .elementor-element.elementor-element-1a2955f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 030px) 0px;}.elementor-535 .elementor-element.elementor-element-1a2955f .elementor-heading-title{font-size:var( --e-global-typography-1692181-font-size );line-height:var( --e-global-typography-1692181-line-height );letter-spacing:var( --e-global-typography-1692181-letter-spacing );}}@media(max-width:850px){.elementor-535 .elementor-element.elementor-element-1a2955f{text-align:center;}.elementor-535 .elementor-element.elementor-element-1a2955f .elementor-heading-title{font-size:var( --e-global-typography-1692181-font-size );line-height:var( --e-global-typography-1692181-line-height );letter-spacing:var( --e-global-typography-1692181-letter-spacing );}.elementor-535 .elementor-element.elementor-element-790dc997{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for wc-elements, class: .elementor-element-2cffa4e *//* ===== MOKKART KOSÁR ===== */

.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce {
    --mokkart-black: #111111;
    --mokkart-text: #333333;
    --mokkart-light: #f7f7f7;
    --mokkart-border: #e5e5e5;
    --mokkart-pink: #d94f8a;
    --mokkart-blue: #1aaee8;

    font-family: "Montserrat", sans-serif;
    color: var(--mokkart-text);
    font-size: 15px;
    line-height: 1.6;
}


/* ===== KOSÁRTÁBLÁZAT ===== */

.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce table.shop_table {
    width: 100%;
    margin: 0 0 40px;
    border: none;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 0;
    background: #ffffff;
}

.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce table.shop_table thead {
    background: var(--mokkart-light);
}

.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce table.shop_table th {
    padding: 16px 14px;
    border: none;
    color: var(--mokkart-black);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce table.shop_table td {
    padding: 20px 14px;
    border: none;
    border-bottom: 1px solid var(--mokkart-border);
    background: #ffffff;
    vertical-align: middle;
}


/* ===== TERMÉKKÉP ===== */

.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce .product-thumbnail img {
    width: 72px !important;
    height: 95px !important;
    object-fit: contain;
    border-radius: 0;
}


/* ===== TERMÉKNÉV ===== */

.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce .product-name a {
    color: var(--mokkart-black);
    font-weight: 600;
    text-decoration: none;
    transition: color 0.2s ease;
}

.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce .product-name a:hover {
    color: var(--mokkart-pink);
}


/* ===== ÁR ÉS RÉSZÖSSZEG ===== */

.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce .product-price,
.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce .product-subtotal,
.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce .woocommerce-Price-amount {
    color: var(--mokkart-black);
    font-weight: 600;
}


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

.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce .quantity .qty {
    width: 64px;
    min-height: 42px;
    padding: 7px;
    border: 1px solid #d7d7d7;
    border-radius: 6px;
    background: #ffffff;
    color: var(--mokkart-black);
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    text-align: center;
    outline: none;
}

.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce .quantity .qty:focus {
    border-color: var(--mokkart-black);
}


/* ===== TÖRLÉS GOMB ===== */

.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce a.remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid #dedede;
    border-radius: 50%;
    background: transparent;
    color: #777777 !important;
    font-size: 19px;
    font-weight: 400;
    line-height: 1;
    transition: all 0.2s ease;
}

.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce a.remove:hover {
    border-color: var(--mokkart-black);
    background: var(--mokkart-black);
    color: #ffffff !important;
}


/* ===== KUPON ÉS KOSÁR FRISSÍTÉSE ===== */

.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce-cart-form td.actions {
    padding: 24px 0 !important;
    border-bottom: none !important;
    background: #ffffff;
}

.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce-cart-form .actions .coupon {
    display: flex;
    align-items: center;
    gap: 10px;
}

.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce-cart-form .coupon #coupon_code {
    width: 220px;
    min-height: 44px;
    padding: 10px 14px;
    border: 1px solid #d7d7d7;
    border-radius: 6px;
    background: #ffffff;
    color: var(--mokkart-text);
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    outline: none;
}

.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce-cart-form .coupon #coupon_code:focus {
    border-color: var(--mokkart-black);
}

.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce-cart-form .coupon #coupon_code::placeholder {
    color: #999999;
}


/* ===== ÁLTALÁNOS KOSÁRGOMBOK ===== */

.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce button.button,
.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce a.button,
.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce input.button {
    min-height: 44px;
    padding: 11px 22px;
    border: 1px solid var(--mokkart-black);
    border-radius: 7px;
    background: var(--mokkart-black);
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0.02em;
    text-transform: none;
    transition: all 0.25s ease;
}

.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce button.button:hover,
.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce a.button:hover,
.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce input.button:hover {
    border-color: var(--mokkart-black);
    background: #ffffff;
    color: var(--mokkart-black);
}

.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce button.button:disabled,
.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce button.button:disabled[disabled] {
    border-color: #dadada;
    background: #dadada;
    color: #777777;
    opacity: 1;
}


/* ===== KOSÁRÖSSZESÍTŐ ===== */

.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce .cart-collaterals {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce .cart-collaterals .cart_totals {
    float: none;
    width: min(100%, 500px);
    padding: 28px;
    border: 1px solid var(--mokkart-border);
    border-top: 3px solid var(--mokkart-black);
    border-radius: 8px;
    background: #fbfbfb;
}

.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce .cart_totals h2 {
    margin: 0 0 20px;
    color: var(--mokkart-black);
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
}

.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce .cart_totals table.shop_table {
    margin: 0;
    background: transparent;
}

.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce .cart_totals table.shop_table th,
.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce .cart_totals table.shop_table td {
    padding: 14px 0;
    border-bottom: 1px solid var(--mokkart-border);
    background: transparent;
    text-transform: none;
}

.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce .cart_totals table.shop_table th {
    font-size: 14px;
    letter-spacing: 0;
}

.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce .order-total th,
.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce .order-total td,
.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce .order-total .woocommerce-Price-amount {
    color: var(--mokkart-black);
    font-size: 17px;
    font-weight: 700;
}


/* ===== TOVÁBB A PÉNZTÁRHOZ ===== */

.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce .wc-proceed-to-checkout {
    padding: 20px 0 0;
}

/* Alaphelyzet: fehér háttér, színátmenetes keret */
.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce .wc-proceed-to-checkout a.checkout-button {
    width: 100%;
    margin: 0;
    padding: 14px 24px;
    border: 3px solid transparent;
    border-radius: 9px;

    background:
        linear-gradient(#ffffff, #ffffff) padding-box,
        linear-gradient(
            90deg,
            #f46b45 0%,
            #d64f91 50%,
            #00a9e8 100%
        ) border-box;

    color: var(--mokkart-black);
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    text-transform: none;
    box-shadow: none;

    transition:
        color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

/* Hover: teljes színátmenetes háttér */
.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce .wc-proceed-to-checkout a.checkout-button:hover {
    border-color: transparent;

    background:
        linear-gradient(
            90deg,
            #f46b45 0%,
            #d64f91 50%,
            #00a9e8 100%
        ) border-box;

    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(214, 79, 145, 0.2525);
}


/* ===== WOOCOMMERCE ÜZENETEK ===== */

.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce-message,
.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce-info,
.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce-error {
    margin: 0 0 25px;
    padding: 16px 20px 16px 48px;
    border: 1px solid var(--mokkart-border);
    border-top: 3px solid var(--mokkart-black);
    border-radius: 6px;
    background: #ffffff;
    color: var(--mokkart-text);
}


/* ===== ÜRES KOSÁR ===== */

.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce .cart-empty {
    padding: 25px;
    border: 1px solid var(--mokkart-border);
    border-top: 3px solid var(--mokkart-black);
    border-radius: 8px;
    background: #ffffff;
    text-align: center;
}

.elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce .return-to-shop {
    text-align: center;
}


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

@media (max-width: 767px) {

    .elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce {
        font-size: 14px;
        background: #ffffff !important;
    }

    /* Minden kosárelem háttere fehér */
    .elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce-cart-form,
    .elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce table.shop_table,
    .elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce table.shop_table tbody,
    .elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce table.shop_table tr,
    .elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce table.shop_table td,
    .elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce table.shop_table th,
    .elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce table.shop_table_responsive,
    .elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce table.shop_table_responsive tbody,
    .elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce table.shop_table_responsive tr,
    .elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce table.shop_table_responsive td,
    .elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce table.shop_table_responsive tr:nth-child(odd) td,
    .elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce table.shop_table_responsive tr:nth-child(even) td,
    .elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce table.shop_table_responsive tr:nth-child(2n) td,
    .elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce-cart-form td.actions,
    .elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce .cart-collaterals,
    .elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce .cart_totals,
    .elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce .cart_totals table,
    .elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce .cart_totals tbody,
    .elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce .cart_totals tr,
    .elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce .cart_totals th,
    .elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce .cart_totals td {
        background: #ffffff !important;
        background-color: #ffffff !important;
    }

    .elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce table.shop_table_responsive tr {
        margin-bottom: 18px;
        padding: 14px;
        border: 1px solid var(--mokkart-border);
        border-radius: 8px;
    }

    .elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce table.shop_table_responsive td {
        padding: 11px 0;
        border-bottom: 1px solid var(--mokkart-border);
    }

    .elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce table.shop_table_responsive td:last-child {
        border-bottom: none;
    }

    .elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce table.shop_table_responsive td::before {
        color: var(--mokkart-black);
        font-weight: 600;
    }

    .elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce-cart-form td.actions {
        padding-top: 10px !important;
    }

    .elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce-cart-form .actions .coupon {
        float: none;
        flex-direction: column;
        width: 100%;
    }

    .elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce-cart-form .coupon #coupon_code,
    .elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce-cart-form .coupon .button,
    .elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce-cart-form button[name="update_cart"] {
        float: none;
        width: 100% !important;
        margin: 0;
    }

    .elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce-cart-form button[name="update_cart"] {
        margin-top: 10px;
    }

    .elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce .cart-collaterals .cart_totals {
        width: 100%;
        padding: 22px 18px;
    }

    .elementor-535 .elementor-element.elementor-element-2cffa4e .woocommerce .wc-proceed-to-checkout a.checkout-button {
        padding: 14px 18px;
        font-size: 14px;
    }
}/* End custom CSS */