body.single-product .site-content,
body.single-product .content-area,
body.single-product .site-main,
body.single-product main,
body.single-product .ast-container,
body.single-product .wp-site-blocks {
    width:100%!important;
    max-width:none!important;
}

body.single-product .woocommerce-breadcrumb {
    max-width:1400px;
    margin:0 auto 16px!important;
    padding:0 20px;
    box-sizing:border-box;
}

body.single-product div.product {
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}

.compl-product-shell {
    width:100%;
    max-width:1400px;
    margin:0 auto;
    padding:0 20px 44px;
    box-sizing:border-box;
}

.compl-product-layout {
    display:grid;
    grid-template-columns:minmax(0,56fr) minmax(0,44fr);
    gap:36px;
    align-items:start;
    width:100%;
}

.compl-product-left,
.compl-product-right {
    min-width:0;
    width:100%;
    box-sizing:border-box;
}

.compl-product-right {
    position:sticky;
    top:22px;
}

.compl-360-wrap {
    position:relative;
    padding:18px;
    border:1px solid #dfe7ef;
    border-radius:16px;
    background:#fff;
    box-shadow:0 8px 26px rgba(17,43,69,.06);
}

.compl-360-viewer {
    width:100%;
    height:600px;
    overflow:hidden;
    cursor:grab;
    user-select:none;
    touch-action:pan-y;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
}

.compl-360-viewer.is-dragging {
    cursor:grabbing;
}

.compl-360-image {
    display:block;
    width:auto;
    max-width:96%;
    height:auto;
    max-height:550px;
    object-fit:contain;
    pointer-events:none;
}

.compl-360-badge {
    position:absolute;
    top:18px;
    left:18px;
    z-index:3;
    background:#0d4f8b;
    color:#fff;
    border-radius:999px;
    padding:7px 12px;
    font-weight:800;
    font-size:14px;
}

.compl-360-help {
    position:absolute;
    top:22px;
    right:22px;
    z-index:3;
    color:#4e6277;
    font-size:13px;
    font-weight:700;
}

.compl-360-hint {
    text-align:center;
    margin-top:8px;
    color:#708091;
    font-size:12px;
}

.compl-standard-image img {
    display:block;
    max-width:100%;
    height:auto;
    margin:auto;
}

.compl-left-note {
    margin-top:14px;
    display:flex;
    flex-direction:column;
    gap:3px;
    border:1px solid #e4eaf0;
    border-radius:12px;
    background:#fbfdff;
    padding:13px 15px;
}

.compl-left-note strong {
    color:#17334f;
    font-size:15px;
}

.compl-left-note span {
    color:#728294;
    font-size:13px;
}

.compl-stock-badge {
    display:inline-flex;
    align-items:center;
    gap:6px;
    background:#eaf8ef;
    color:#167044;
    border-radius:999px;
    padding:7px 11px;
    font-size:13px;
    font-weight:800;
    margin-bottom:12px;
}

.compl-stock-badge.is-out {
    background:#f9eaea;
    color:#a63636;
}

.compl-product-title {
    margin:0 0 8px!important;
    color:#112b45;
    font-size:clamp(32px,3vw,44px);
    line-height:1.08;
    font-weight:800;
    overflow-wrap:anywhere;
}

.compl-sku {
    color:#748596;
    font-size:13px;
    margin-bottom:14px;
}

.compl-price {
    color:#0b4d8a;
    font-size:34px;
    font-weight:900;
    line-height:1.1;
    margin:8px 0 3px;
}

.compl-price .amount {
    font-size:inherit!important;
    color:inherit!important;
}

.compl-tax-note {
    color:#7a8998;
    font-size:12px;
    margin-bottom:19px;
}

.compl-primary-specs {
    border-top:1px solid #e2e8ee;
    border-bottom:1px solid #e2e8ee;
    margin-bottom:14px;
}

.compl-primary-spec {
    display:grid;
    grid-template-columns:34px 1fr;
    gap:10px;
    align-items:center;
    padding:10px 2px;
    border-bottom:1px solid #edf1f4;
}

.compl-primary-spec:last-child {
    border-bottom:0;
}

.compl-spec-icon {
    width:28px;
    height:28px;
    border:1px solid #d8e2eb;
    border-radius:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#0b4d8a;
    font-weight:800;
    background:#f8fbfd;
}

.compl-primary-spec span {
    display:block;
    color:#788897;
    font-size:11px;
    line-height:1.1;
    margin-bottom:2px;
}

.compl-primary-spec strong {
    display:block;
    color:#17334f;
    font-size:14px;
    line-height:1.25;
}

.compl-condition-row {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
    margin-bottom:13px;
}

.compl-condition-card {
    min-width:0;
    border:1px solid #dfe7ef;
    border-radius:11px;
    padding:11px 12px;
    background:#fbfdff;
}

.compl-condition-card span {
    display:block;
    color:#7b8b9b;
    font-size:10px;
    margin-bottom:3px;
}

.compl-condition-card strong {
    color:#17334f;
    font-size:14px;
    overflow-wrap:anywhere;
}

.compl-condition-card.is-warranty {
    background:#f4f9ff;
}

.compl-stock-note {
    border-left:4px solid #0b4d8a;
    background:#f3f8fc;
    color:#314c66;
    padding:10px 12px;
    border-radius:8px;
    margin-bottom:13px;
}

.compl-cart-box {
    border:1px solid #dce5ed;
    border-radius:12px;
    padding:13px;
    background:#fff;
}

.compl-cart-box form.cart {
    display:grid!important;
    grid-template-columns:72px minmax(0,1fr);
    gap:10px;
    margin:0!important;
}

.compl-cart-box .quantity {
    width:72px!important;
}

.compl-cart-box .qty {
    width:100%!important;
    min-height:48px!important;
    border-radius:8px!important;
}

.compl-cart-box .single_add_to_cart_button {
    min-height:48px!important;
    border-radius:8px!important;
    background:#0b5ec9!important;
    color:#fff!important;
    font-size:16px!important;
    font-weight:800!important;
    white-space:normal!important;
}

.compl-cart-box .single_add_to_cart_button:hover {
    background:#084fa9!important;
}

.compl-actions {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
    margin-top:9px;
}

.compl-outline-button {
    min-height:44px;
    border:1px solid #bfcddd;
    border-radius:9px;
    color:#17334f!important;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    text-decoration:none!important;
    font-weight:700;
    font-size:13px;
    padding:8px 10px;
    box-sizing:border-box;
}

.compl-outline-button:hover {
    border-color:#0b5ec9;
    color:#0b5ec9!important;
}

.compl-assurance-strip {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
    margin-top:14px;
}

.compl-assurance-strip > div {
    min-width:0;
    border-top:1px solid #e2e8ee;
    padding-top:10px;
    text-align:center;
}

.compl-assurance-strip strong {
    display:block;
    color:#17334f;
    font-size:12px;
}

.compl-assurance-strip span {
    display:block;
    color:#7a8a99;
    font-size:10px;
    margin-top:2px;
}

.compl-specs {
    margin-top:20px;
}

.compl-specs h3 {
    margin:0 0 9px;
    color:#17334f;
    font-size:18px;
}

.compl-spec-grid {
    border-top:1px solid #e1e7ed;
}

.compl-spec-row {
    display:grid;
    grid-template-columns:minmax(150px,42%) 1fr;
    gap:14px;
    padding:9px 0;
    border-bottom:1px solid #e7edf2;
}

.compl-spec-row span {
    color:#7a8999;
    font-size:13px;
}

.compl-spec-row strong {
    color:#17334f;
    font-size:13px;
    overflow-wrap:anywhere;
}

.compl-description {
    margin-top:34px;
    padding-top:26px;
    border-top:1px solid #e1e7ed;
    color:#233c55;
}

.compl-description h2 {
    color:#17334f;
    margin-top:0;
}

@media(max-width:1050px) {
    .compl-product-layout {
        grid-template-columns:minmax(0,52fr) minmax(0,48fr);
        gap:24px;
    }

    .compl-360-viewer {
        height:520px;
    }

    .compl-360-image {
        max-height:475px;
    }
}

@media(max-width:860px) {
    .compl-product-layout {
        grid-template-columns:1fr;
    }

    .compl-product-right {
        position:static;
    }

    .compl-360-viewer {
        height:500px;
    }
}

@media(max-width:640px) {
    .compl-product-shell {
        padding-left:12px;
        padding-right:12px;
    }

    .compl-360-wrap {
        padding:11px;
    }

    .compl-360-viewer {
        height:350px;
    }

    .compl-360-image {
        max-width:98%;
        max-height:315px;
    }

    .compl-360-help {
        top:16px;
        right:12px;
        max-width:110px;
        text-align:right;
        font-size:11px;
    }

    .compl-product-title {
        font-size:30px;
    }

    .compl-price {
        font-size:29px;
    }

    .compl-condition-row,
    .compl-assurance-strip,
    .compl-actions {
        grid-template-columns:1fr;
    }

    .compl-cart-box form.cart {
        grid-template-columns:62px minmax(0,1fr);
    }

    .compl-spec-row {
        grid-template-columns:1fr;
        gap:3px;
    }
}


/* ===== Comp-L v0.6 – KOSÁRBA TESZEM GOMB JAVÍTÁS ===== */
.compl-cart-box {
    overflow: visible !important;
}

.compl-cart-box form.cart {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.compl-cart-box form.cart .quantity {
    display: block !important;
    float: none !important;
    flex: 0 0 72px !important;
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
    margin: 0 !important;
}

.compl-cart-box form.cart .quantity .qty {
    box-sizing: border-box !important;
    display: block !important;
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    text-align: center !important;
    border-radius: 8px !important;
}

.compl-cart-box form.cart button.single_add_to_cart_button,
.compl-cart-box form.cart .single_add_to_cart_button,
.compl-cart-box .button.single_add_to_cart_button {
    box-sizing: border-box !important;
    display: flex !important;
    float: none !important;
    flex: 1 1 auto !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 180px !important;
    max-width: none !important;

    height: 52px !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 0 22px !important;

    border: 0 !important;
    border-radius: 8px !important;
    background: #0b5ec9 !important;
    color: #fff !important;

    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: visible !important;
}

.compl-cart-box form.cart button.single_add_to_cart_button:hover,
.compl-cart-box form.cart .single_add_to_cart_button:hover {
    background: #084fa9 !important;
    color: #fff !important;
}

@media (max-width: 640px) {
    .compl-cart-box form.cart {
        gap: 8px !important;
    }

    .compl-cart-box form.cart .quantity {
        flex-basis: 62px !important;
        width: 62px !important;
        min-width: 62px !important;
        max-width: 62px !important;
    }

    .compl-cart-box form.cart .quantity .qty {
        width: 62px !important;
        min-width: 62px !important;
        max-width: 62px !important;
    }

    .compl-cart-box form.cart button.single_add_to_cart_button,
    .compl-cart-box form.cart .single_add_to_cart_button {
        min-width: 0 !important;
        font-size: 15px !important;
        padding: 0 12px !important;
    }
}


/* ===== Comp-L v0.7 – notebook szűrők ===== */
.compl-notebook-filters{
    clear:both;
    width:100%;
    box-sizing:border-box;
    margin:0 0 26px;
    padding:18px;
    border:1px solid #dfe7ef;
    border-radius:14px;
    background:#f8fbfd;
}
.compl-filter-title{
    display:flex;
    align-items:baseline;
    gap:10px;
    margin-bottom:14px;
}
.compl-filter-title strong{
    color:#17334f;
    font-size:18px;
}
.compl-filter-title span{
    color:#718293;
    font-size:12px;
}
.compl-filter-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
}
.compl-filter-field{
    display:flex;
    flex-direction:column;
    gap:5px;
    min-width:0;
}
.compl-filter-field>span{
    color:#52687d;
    font-size:12px;
    font-weight:700;
}
.compl-filter-field select{
    width:100%;
    min-width:0;
    height:42px;
    padding:0 10px;
    border:1px solid #cbd8e4;
    border-radius:8px;
    background:#fff;
    color:#17334f;
}
.compl-filter-actions{
    display:flex;
    gap:12px;
    align-items:center;
    margin-top:14px;
}
.compl-filter-submit{
    min-width:120px;
    min-height:42px;
    border-radius:8px!important;
    background:#0b5ec9!important;
    color:#fff!important;
    font-weight:800!important;
}
.compl-filter-reset{
    color:#52687d;
    font-size:13px;
    text-decoration:none;
}
@media(max-width:1050px){
    .compl-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
    .compl-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:480px){
    .compl-filter-grid{grid-template-columns:1fr}
    .compl-filter-title{display:block}
    .compl-filter-title span{display:block;margin-top:3px}
}


/* ===== Comp-L v0.8 – Shop szűrő és termékkártyák ===== */
.compl-notebook-filters{width:100%;margin:0 0 28px;padding:20px;box-sizing:border-box;border:1px solid #dbe5ee;border-radius:16px;background:#f8fbfd;clear:both}
.compl-filter-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.compl-filter-head strong{display:block;color:#17334f;font-size:20px;line-height:1.2}.compl-filter-head span{display:block;margin-top:4px;color:#718293;font-size:13px}
.compl-filter-grid{display:grid;gap:12px;width:100%}.compl-filter-grid-main,.compl-filter-grid-more{grid-template-columns:repeat(3,minmax(0,1fr))}.compl-filter-grid-more{margin-top:14px}
.compl-filter-field{display:flex!important;flex-direction:column!important;gap:6px!important;min-width:0!important;margin:0!important}.compl-filter-field>span{display:block!important;color:#52687d!important;font-size:12px!important;font-weight:700!important;line-height:1.2!important}
.compl-filter-field select{display:block!important;width:100%!important;min-width:0!important;max-width:none!important;height:44px!important;margin:0!important;padding:0 10px!important;border:1px solid #cbd8e4!important;border-radius:8px!important;background:#fff!important;color:#17334f!important;font-size:14px!important;box-sizing:border-box!important}
.compl-more-filters{margin-top:14px;border-top:1px solid #dbe5ee;padding-top:12px}.compl-more-filters summary{cursor:pointer;color:#0b5ec9;font-weight:800;font-size:14px;user-select:none}
.compl-filter-actions{display:flex!important;align-items:center!important;gap:12px!important;margin-top:16px!important}.compl-filter-submit{min-width:130px!important;min-height:44px!important;padding:0 20px!important;border:0!important;border-radius:8px!important;background:#0b5ec9!important;color:#fff!important;font-size:14px!important;font-weight:800!important}.compl-filter-submit:hover{background:#084fa9!important}.compl-filter-reset{color:#52687d!important;font-size:13px!important;text-decoration:none!important}
.woocommerce ul.products li.product{border:1px solid #e2e8ee;border-radius:14px;padding:12px!important;background:#fff;box-sizing:border-box}.woocommerce ul.products li.product img{border-radius:10px;margin-bottom:12px!important}.woocommerce ul.products li.product .woocommerce-loop-product__title{color:#17334f!important;font-size:18px!important;line-height:1.25!important;font-weight:800!important}.woocommerce ul.products li.product .price{color:#0b5ec9!important;font-size:18px!important;font-weight:900!important}
.compl-loop-specs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0 12px}.compl-loop-specs>div{min-width:0;padding:8px 9px;border:1px solid #e2e8ee;border-radius:8px;background:#f8fbfd}.compl-loop-specs span{display:block;color:#7a8a99;font-size:10px;line-height:1.15}.compl-loop-specs strong{display:block;margin-top:2px;color:#17334f;font-size:12px;line-height:1.2;overflow-wrap:anywhere}
@media(max-width:900px){.compl-filter-grid-main,.compl-filter-grid-more{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.compl-filter-grid-main,.compl-filter-grid-more{grid-template-columns:1fr}.compl-filter-actions{align-items:stretch!important;flex-direction:column!important}.compl-filter-submit,.compl-filter-reset{width:100%!important;text-align:center!important}}


/* ===== Comp-L v0.9 – Shop CSS betöltés és erősebb felülírás ===== */
body.woocommerce-shop .compl-notebook-filters,
body.tax-product_cat .compl-notebook-filters,
body.tax-product_tag .compl-notebook-filters{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0 0 28px!important;
    padding:20px!important;
    box-sizing:border-box!important;
    border:1px solid #dbe5ee!important;
    border-radius:16px!important;
    background:#f8fbfd!important;
}

body.woocommerce-shop .compl-filter-head,
body.tax-product_cat .compl-filter-head,
body.tax-product_tag .compl-filter-head{
    display:flex!important;
    justify-content:space-between!important;
    align-items:flex-start!important;
    gap:16px!important;
    margin-bottom:16px!important;
}

body.woocommerce-shop .compl-filter-head strong,
body.tax-product_cat .compl-filter-head strong,
body.tax-product_tag .compl-filter-head strong{
    display:block!important;
    font-size:20px!important;
    line-height:1.2!important;
    color:#17334f!important;
}

body.woocommerce-shop .compl-filter-head span,
body.tax-product_cat .compl-filter-head span,
body.tax-product_tag .compl-filter-head span{
    display:block!important;
    margin-top:4px!important;
    font-size:13px!important;
    color:#718293!important;
}

body.woocommerce-shop .compl-filter-grid,
body.tax-product_cat .compl-filter-grid,
body.tax-product_tag .compl-filter-grid{
    display:grid!important;
    width:100%!important;
    gap:12px!important;
}

body.woocommerce-shop .compl-filter-grid-main,
body.tax-product_cat .compl-filter-grid-main,
body.tax-product_tag .compl-filter-grid-main{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

body.woocommerce-shop .compl-filter-grid-more,
body.tax-product_cat .compl-filter-grid-more,
body.tax-product_tag .compl-filter-grid-more{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    margin-top:14px!important;
}

body.woocommerce-shop .compl-filter-field,
body.tax-product_cat .compl-filter-field,
body.tax-product_tag .compl-filter-field{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:6px!important;
    min-width:0!important;
    margin:0!important;
    width:100%!important;
}

body.woocommerce-shop .compl-filter-field > span,
body.tax-product_cat .compl-filter-field > span,
body.tax-product_tag .compl-filter-field > span{
    display:block!important;
    font-size:12px!important;
    font-weight:700!important;
    color:#52687d!important;
    line-height:1.2!important;
}

body.woocommerce-shop .compl-filter-field select,
body.tax-product_cat .compl-filter-field select,
body.tax-product_tag .compl-filter-field select{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:44px!important;
    margin:0!important;
    padding:0 10px!important;
    box-sizing:border-box!important;
    border:1px solid #cbd8e4!important;
    border-radius:8px!important;
    background:#fff!important;
    color:#17334f!important;
    font-size:14px!important;
}

body.woocommerce-shop .compl-more-filters,
body.tax-product_cat .compl-more-filters,
body.tax-product_tag .compl-more-filters{
    display:block!important;
    margin-top:14px!important;
    padding-top:12px!important;
    border-top:1px solid #dbe5ee!important;
}

body.woocommerce-shop .compl-more-filters summary,
body.tax-product_cat .compl-more-filters summary,
body.tax-product_tag .compl-more-filters summary{
    display:list-item!important;
    cursor:pointer!important;
    color:#0b5ec9!important;
    font-weight:800!important;
    font-size:14px!important;
}

body.woocommerce-shop .compl-filter-actions,
body.tax-product_cat .compl-filter-actions,
body.tax-product_tag .compl-filter-actions{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:12px!important;
    margin-top:16px!important;
}

body.woocommerce-shop .compl-filter-submit,
body.tax-product_cat .compl-filter-submit,
body.tax-product_tag .compl-filter-submit{
    min-width:130px!important;
    min-height:44px!important;
    padding:0 20px!important;
    border:0!important;
    border-radius:8px!important;
    background:#0b5ec9!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:800!important;
}

body.woocommerce-shop ul.products li.product .compl-loop-specs,
body.tax-product_cat ul.products li.product .compl-loop-specs,
body.tax-product_tag ul.products li.product .compl-loop-specs{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin:10px 0 12px!important;
}

body.woocommerce-shop ul.products li.product .compl-loop-specs > div,
body.tax-product_cat ul.products li.product .compl-loop-specs > div,
body.tax-product_tag ul.products li.product .compl-loop-specs > div{
    display:block!important;
    padding:8px 9px!important;
    box-sizing:border-box!important;
    border:1px solid #e2e8ee!important;
    border-radius:8px!important;
    background:#f8fbfd!important;
}

body.woocommerce-shop ul.products li.product .compl-loop-specs span,
body.tax-product_cat ul.products li.product .compl-loop-specs span,
body.tax-product_tag ul.products li.product .compl-loop-specs span{
    display:block!important;
    font-size:10px!important;
    color:#7a8a99!important;
}

body.woocommerce-shop ul.products li.product .compl-loop-specs strong,
body.tax-product_cat ul.products li.product .compl-loop-specs strong,
body.tax-product_tag ul.products li.product .compl-loop-specs strong{
    display:block!important;
    margin-top:2px!important;
    font-size:12px!important;
    line-height:1.2!important;
    color:#17334f!important;
}

@media(max-width:900px){
    body.woocommerce-shop .compl-filter-grid-main,
    body.woocommerce-shop .compl-filter-grid-more,
    body.tax-product_cat .compl-filter-grid-main,
    body.tax-product_cat .compl-filter-grid-more,
    body.tax-product_tag .compl-filter-grid-main,
    body.tax-product_tag .compl-filter-grid-more{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}
@media(max-width:560px){
    body.woocommerce-shop .compl-filter-grid-main,
    body.woocommerce-shop .compl-filter-grid-more,
    body.tax-product_cat .compl-filter-grid-main,
    body.tax-product_cat .compl-filter-grid-more,
    body.tax-product_tag .compl-filter-grid-main,
    body.tax-product_tag .compl-filter-grid-more{
        grid-template-columns:1fr!important;
    }
}


/* =========================================================
   Comp-L Notebook 360 v1.4 – Modern webshop arculat
   ========================================================= */

:root{
    --compl-bg:#f5f7fa;
    --compl-surface:#ffffff;
    --compl-surface-soft:#f8fafc;
    --compl-text:#122033;
    --compl-muted:#6f7d8d;
    --compl-line:#e5eaf0;
    --compl-primary:#1769e0;
    --compl-primary-dark:#0e55bd;
    --compl-success:#14804a;
    --compl-radius:18px;
    --compl-shadow:0 10px 30px rgba(26,42,65,.07);
    --compl-shadow-hover:0 18px 44px rgba(26,42,65,.13);
}

/* Shop háttér és szélesség */
body.woocommerce-shop,
body.tax-product_cat,
body.tax-product_tag,
body.single-product{
    background:var(--compl-bg)!important;
    color:var(--compl-text);
}

body.woocommerce-shop .site-main,
body.tax-product_cat .site-main,
body.tax-product_tag .site-main{
    max-width:1480px!important;
    margin:0 auto!important;
    padding:28px 24px 56px!important;
    box-sizing:border-box!important;
}

/* Shop cím és rendezés */
body.woocommerce-shop .woocommerce-products-header,
body.tax-product_cat .woocommerce-products-header{
    margin-bottom:22px!important;
}

body.woocommerce-shop .woocommerce-products-header__title,
body.tax-product_cat .woocommerce-products-header__title{
    margin:0!important;
    color:var(--compl-text)!important;
    font-size:clamp(30px,4vw,46px)!important;
    line-height:1.05!important;
    font-weight:850!important;
    letter-spacing:-.025em!important;
}

body.woocommerce-shop .woocommerce-result-count,
body.tax-product_cat .woocommerce-result-count{
    color:var(--compl-muted)!important;
    font-size:13px!important;
}

body.woocommerce-shop .woocommerce-ordering select,
body.tax-product_cat .woocommerce-ordering select{
    height:44px!important;
    padding:0 38px 0 13px!important;
    border:1px solid var(--compl-line)!important;
    border-radius:12px!important;
    background:#fff!important;
    color:var(--compl-text)!important;
    box-shadow:none!important;
}

/* Modern szűrőpanel */
body.woocommerce-shop .compl-notebook-filters,
body.tax-product_cat .compl-notebook-filters,
body.tax-product_tag .compl-notebook-filters{
    margin:0 0 28px!important;
    padding:22px!important;
    border:1px solid rgba(20,43,70,.08)!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:var(--compl-shadow)!important;
}

body.woocommerce-shop .compl-filter-head strong,
body.tax-product_cat .compl-filter-head strong,
body.tax-product_tag .compl-filter-head strong{
    color:var(--compl-text)!important;
    font-size:21px!important;
    letter-spacing:-.01em!important;
}

body.woocommerce-shop .compl-filter-head span,
body.tax-product_cat .compl-filter-head span,
body.tax-product_tag .compl-filter-head span{
    color:var(--compl-muted)!important;
}

body.woocommerce-shop .compl-filter-field>span,
body.tax-product_cat .compl-filter-field>span,
body.tax-product_tag .compl-filter-field>span{
    color:#536273!important;
    font-size:11px!important;
    font-weight:800!important;
    letter-spacing:.03em!important;
    text-transform:uppercase!important;
}

body.woocommerce-shop .compl-filter-field select,
body.tax-product_cat .compl-filter-field select,
body.tax-product_tag .compl-filter-field select{
    height:48px!important;
    padding:0 12px!important;
    border:1px solid #dce3ea!important;
    border-radius:12px!important;
    background:#fff!important;
    color:var(--compl-text)!important;
    font-size:14px!important;
    transition:border-color .2s ease,box-shadow .2s ease!important;
}

body.woocommerce-shop .compl-filter-field select:focus,
body.tax-product_cat .compl-filter-field select:focus,
body.tax-product_tag .compl-filter-field select:focus{
    outline:none!important;
    border-color:var(--compl-primary)!important;
    box-shadow:0 0 0 3px rgba(23,105,224,.12)!important;
}

.compl-more-filters{
    margin-top:16px!important;
    padding-top:16px!important;
    border-top:1px solid var(--compl-line)!important;
}

.compl-more-filters summary{
    color:var(--compl-primary)!important;
    font-weight:800!important;
}

body.woocommerce-shop .compl-filter-submit,
body.tax-product_cat .compl-filter-submit,
body.tax-product_tag .compl-filter-submit{
    min-height:48px!important;
    padding:0 24px!important;
    border-radius:12px!important;
    background:var(--compl-primary)!important;
    box-shadow:0 8px 18px rgba(23,105,224,.18)!important;
    transition:transform .15s ease,background .2s ease,box-shadow .2s ease!important;
}

body.woocommerce-shop .compl-filter-submit:hover,
body.tax-product_cat .compl-filter-submit:hover,
body.tax-product_tag .compl-filter-submit:hover{
    transform:translateY(-1px)!important;
    background:var(--compl-primary-dark)!important;
    box-shadow:0 12px 24px rgba(23,105,224,.24)!important;
}

.compl-filter-reset{
    color:#667587!important;
    font-weight:700!important;
}

/* Termék rács */
body.woocommerce-shop ul.products,
body.tax-product_cat ul.products,
body.tax-product_tag ul.products{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:22px!important;
    margin:0!important;
}

body.woocommerce-shop ul.products:before,
body.woocommerce-shop ul.products:after,
body.tax-product_cat ul.products:before,
body.tax-product_cat ul.products:after{
    display:none!important;
}

body.woocommerce-shop ul.products li.product,
body.tax-product_cat ul.products li.product,
body.tax-product_tag ul.products li.product{
    float:none!important;
    width:auto!important;
    margin:0!important;
    padding:14px 14px 16px!important;
    overflow:hidden!important;
    border:1px solid rgba(26,42,65,.08)!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 6px 20px rgba(26,42,65,.045)!important;
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}

body.woocommerce-shop ul.products li.product:hover,
body.tax-product_cat ul.products li.product:hover,
body.tax-product_tag ul.products li.product:hover{
    transform:translateY(-4px)!important;
    border-color:rgba(23,105,224,.17)!important;
    box-shadow:var(--compl-shadow-hover)!important;
}

body.woocommerce-shop ul.products li.product a img,
body.tax-product_cat ul.products li.product a img,
body.tax-product_tag ul.products li.product a img{
    width:100%!important;
    aspect-ratio:4/3!important;
    object-fit:contain!important;
    margin:0 0 14px!important;
    padding:8px!important;
    box-sizing:border-box!important;
    border-radius:15px!important;
    background:#f8fafc!important;
}

body.woocommerce-shop ul.products li.product .woocommerce-loop-product__title,
body.tax-product_cat ul.products li.product .woocommerce-loop-product__title,
body.tax-product_tag ul.products li.product .woocommerce-loop-product__title{
    min-height:46px!important;
    margin:0 0 8px!important;
    padding:0!important;
    color:var(--compl-text)!important;
    font-size:17px!important;
    line-height:1.33!important;
    font-weight:820!important;
    letter-spacing:-.01em!important;
}

body.woocommerce-shop ul.products li.product .price,
body.tax-product_cat ul.products li.product .price,
body.tax-product_tag ul.products li.product .price{
    display:block!important;
    margin:10px 0 12px!important;
    color:var(--compl-primary)!important;
    font-size:22px!important;
    line-height:1.1!important;
    font-weight:900!important;
}

body.woocommerce-shop ul.products li.product .compl-loop-specs,
body.tax-product_cat ul.products li.product .compl-loop-specs,
body.tax-product_tag ul.products li.product .compl-loop-specs{
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    margin:10px 0 14px!important;
}

body.woocommerce-shop ul.products li.product .compl-loop-specs>div,
body.tax-product_cat ul.products li.product .compl-loop-specs>div,
body.tax-product_tag ul.products li.product .compl-loop-specs>div{
    padding:8px 9px!important;
    border:0!important;
    border-radius:10px!important;
    background:#f5f8fb!important;
}

body.woocommerce-shop ul.products li.product .compl-loop-specs span,
body.tax-product_cat ul.products li.product .compl-loop-specs span,
body.tax-product_tag ul.products li.product .compl-loop-specs span{
    color:#8793a0!important;
    font-size:9px!important;
    font-weight:700!important;
    text-transform:uppercase!important;
    letter-spacing:.04em!important;
}

body.woocommerce-shop ul.products li.product .compl-loop-specs strong,
body.tax-product_cat ul.products li.product .compl-loop-specs strong,
body.tax-product_tag ul.products li.product .compl-loop-specs strong{
    color:#24364a!important;
    font-size:12px!important;
    font-weight:800!important;
}

/* WooCommerce gombok a kártyákon */
body.woocommerce-shop ul.products li.product .button,
body.tax-product_cat ul.products li.product .button,
body.tax-product_tag ul.products li.product .button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:46px!important;
    margin:4px 0 0!important;
    padding:0 16px!important;
    border:0!important;
    border-radius:12px!important;
    background:var(--compl-primary)!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:850!important;
    box-shadow:none!important;
    transition:background .2s ease,transform .15s ease!important;
}

body.woocommerce-shop ul.products li.product .button:hover,
body.tax-product_cat ul.products li.product .button:hover,
body.tax-product_tag ul.products li.product .button:hover{
    background:var(--compl-primary-dark)!important;
    transform:translateY(-1px)!important;
}

/* Termékoldal */
body.single-product .compl-product-shell{
    max-width:1460px!important;
    padding:30px 24px 64px!important;
}

body.single-product .compl-product-layout{
    gap:42px!important;
}

body.single-product .compl-360-wrap{
    padding:18px!important;
    border:1px solid rgba(26,42,65,.08)!important;
    border-radius:24px!important;
    box-shadow:var(--compl-shadow)!important;
}

body.single-product .compl-360-viewer{
    border-radius:18px!important;
    background:linear-gradient(180deg,#fff 0%,#fafbfd 100%)!important;
}

body.single-product .compl-360-badge{
    background:rgba(18,32,51,.92)!important;
    backdrop-filter:blur(8px)!important;
    border-radius:12px!important;
}

body.single-product .compl-product-right{
    position:sticky!important;
    top:24px!important;
    padding:26px!important;
    border:1px solid rgba(26,42,65,.08)!important;
    border-radius:24px!important;
    background:#fff!important;
    box-shadow:var(--compl-shadow)!important;
}

body.single-product .compl-product-title{
    color:var(--compl-text)!important;
    font-size:clamp(30px,3vw,43px)!important;
    letter-spacing:-.025em!important;
}

body.single-product .compl-price{
    color:var(--compl-primary)!important;
    font-size:36px!important;
}

body.single-product .compl-stock-badge{
    background:#e9f8ef!important;
    color:var(--compl-success)!important;
    border:1px solid #d7f0e1!important;
}

body.single-product .compl-primary-specs{
    border-top:1px solid var(--compl-line)!important;
    border-bottom:1px solid var(--compl-line)!important;
}

body.single-product .compl-spec-icon{
    border:0!important;
    border-radius:10px!important;
    background:#eef5ff!important;
    color:var(--compl-primary)!important;
}

body.single-product .compl-condition-card{
    border:0!important;
    border-radius:13px!important;
    background:#f6f8fb!important;
}

body.single-product form.cart .single_add_to_cart_button,
body.single-product .compl-primary-button{
    border-radius:13px!important;
    background:var(--compl-primary)!important;
    box-shadow:0 10px 24px rgba(23,105,224,.20)!important;
}

body.single-product form.cart .single_add_to_cart_button:hover,
body.single-product .compl-primary-button:hover{
    background:var(--compl-primary-dark)!important;
}

/* Reszponzív */
@media(max-width:1180px){
    body.woocommerce-shop ul.products,
    body.tax-product_cat ul.products,
    body.tax-product_tag ul.products{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
}

@media(max-width:900px){
    body.woocommerce-shop ul.products,
    body.tax-product_cat ul.products,
    body.tax-product_tag ul.products{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }

    body.single-product .compl-product-layout{
        grid-template-columns:1fr!important;
    }

    body.single-product .compl-product-right{
        position:static!important;
    }
}

@media(max-width:560px){
    body.woocommerce-shop .site-main,
    body.tax-product_cat .site-main,
    body.tax-product_tag .site-main{
        padding:18px 12px 40px!important;
    }

    body.woocommerce-shop ul.products,
    body.tax-product_cat ul.products,
    body.tax-product_tag ul.products{
        grid-template-columns:1fr!important;
        gap:14px!important;
    }

    body.woocommerce-shop .compl-notebook-filters,
    body.tax-product_cat .compl-notebook-filters,
    body.tax-product_tag .compl-notebook-filters{
        padding:16px!important;
        border-radius:16px!important;
    }

    body.single-product .compl-product-shell{
        padding:16px 12px 44px!important;
    }

    body.single-product .compl-product-right{
        padding:18px!important;
        border-radius:18px!important;
    }

    body.single-product .compl-360-wrap{
        border-radius:18px!important;
    }
}


/* =========================================================
   Comp-L Notebook 360 v1.5 – Premium Tech Design
   ========================================================= */

:root{
    --cpl-navy:#0a1730;
    --cpl-navy-2:#12284f;
    --cpl-blue:#2b7cff;
    --cpl-cyan:#22c7f2;
    --cpl-bg:#eef3f9;
    --cpl-card:#ffffff;
    --cpl-text:#10192a;
    --cpl-muted:#738096;
    --cpl-line:#dfe7f0;
    --cpl-green:#16a066;
    --cpl-red:#e84d5b;
    --cpl-shadow:0 18px 50px rgba(17,40,75,.12);
    --cpl-shadow-strong:0 25px 70px rgba(10,31,69,.20);
}

/* Alap webshop háttér */
body.woocommerce-shop,
body.tax-product_cat,
body.tax-product_tag,
body.single-product{
    background:
        radial-gradient(circle at 20% -10%, rgba(43,124,255,.16), transparent 28%),
        radial-gradient(circle at 90% 0%, rgba(34,199,242,.10), transparent 22%),
        var(--cpl-bg)!important;
}

/* Shop konténer */
body.woocommerce-shop .site-main,
body.tax-product_cat .site-main,
body.tax-product_tag .site-main{
    max-width:1520px!important;
    margin:0 auto!important;
    padding:36px 26px 70px!important;
}

/* Shop cím blokk */
body.woocommerce-shop .woocommerce-products-header,
body.tax-product_cat .woocommerce-products-header{
    position:relative!important;
    overflow:hidden!important;
    margin:0 0 28px!important;
    padding:34px 34px 30px!important;
    border-radius:28px!important;
    background:
        linear-gradient(135deg,var(--cpl-navy) 0%,var(--cpl-navy-2) 70%,#183f79 100%)!important;
    box-shadow:0 20px 45px rgba(8,26,54,.20)!important;
}

body.woocommerce-shop .woocommerce-products-header:after,
body.tax-product_cat .woocommerce-products-header:after{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    right:-60px;
    top:-100px;
    border-radius:50%;
    background:linear-gradient(135deg,rgba(43,124,255,.55),rgba(34,199,242,.18));
    filter:blur(2px);
}

body.woocommerce-shop .woocommerce-products-header__title,
body.tax-product_cat .woocommerce-products-header__title{
    position:relative!important;
    z-index:2!important;
    margin:0!important;
    color:#fff!important;
    font-size:clamp(34px,4vw,54px)!important;
    font-weight:900!important;
    letter-spacing:-.035em!important;
}

body.woocommerce-shop .woocommerce-products-header__title:after,
body.tax-product_cat .woocommerce-products-header__title:after{
    content:"Felújított notebookok  •  360° termékfotó  •  Comp-L garancia";
    display:block;
    margin-top:10px;
    color:#c7d5ea;
    font-size:14px;
    font-weight:600;
    letter-spacing:0;
}

/* Szűrőpanel – látványos sötét fejléc + világos mezők */
body.woocommerce-shop .compl-notebook-filters,
body.tax-product_cat .compl-notebook-filters,
body.tax-product_tag .compl-notebook-filters{
    overflow:hidden!important;
    margin:0 0 32px!important;
    padding:0!important;
    border:0!important;
    border-radius:24px!important;
    background:#fff!important;
    box-shadow:var(--cpl-shadow)!important;
}

body.woocommerce-shop .compl-filter-head,
body.tax-product_cat .compl-filter-head,
body.tax-product_tag .compl-filter-head{
    margin:0!important;
    padding:20px 24px!important;
    background:linear-gradient(135deg,#0d1c36,#173660)!important;
    color:#fff!important;
}

body.woocommerce-shop .compl-filter-head strong,
body.tax-product_cat .compl-filter-head strong,
body.tax-product_tag .compl-filter-head strong{
    color:#fff!important;
    font-size:22px!important;
    font-weight:900!important;
}

body.woocommerce-shop .compl-filter-head span,
body.tax-product_cat .compl-filter-head span,
body.tax-product_tag .compl-filter-head span{
    color:#b9c8da!important;
}

body.woocommerce-shop .compl-filter-grid,
body.tax-product_cat .compl-filter-grid,
body.tax-product_tag .compl-filter-grid{
    padding:20px 22px 4px!important;
}

body.woocommerce-shop .compl-filter-grid-main,
body.tax-product_cat .compl-filter-grid-main,
body.tax-product_tag .compl-filter-grid-main{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
}

body.woocommerce-shop .compl-filter-field>span,
body.tax-product_cat .compl-filter-field>span,
body.tax-product_tag .compl-filter-field>span{
    color:#647389!important;
    font-size:10px!important;
    font-weight:900!important;
    text-transform:uppercase!important;
    letter-spacing:.08em!important;
}

body.woocommerce-shop .compl-filter-field select,
body.tax-product_cat .compl-filter-field select,
body.tax-product_tag .compl-filter-field select{
    height:50px!important;
    border:1px solid #dbe5f0!important;
    border-radius:13px!important;
    background:#f8fbff!important;
    color:#14243b!important;
    font-size:14px!important;
    font-weight:700!important;
}

body.woocommerce-shop .compl-filter-field select:hover,
body.tax-product_cat .compl-filter-field select:hover,
body.tax-product_tag .compl-filter-field select:hover{
    border-color:#aac7ef!important;
    background:#fff!important;
}

body.woocommerce-shop .compl-filter-field select:focus,
body.tax-product_cat .compl-filter-field select:focus,
body.tax-product_tag .compl-filter-field select:focus{
    border-color:var(--cpl-blue)!important;
    box-shadow:0 0 0 4px rgba(43,124,255,.12)!important;
}

.compl-more-filters{
    margin:8px 22px 0!important;
    padding:14px 0 0!important;
    border-top:1px solid #edf1f5!important;
}

.compl-more-filters summary{
    color:var(--cpl-blue)!important;
    font-size:14px!important;
    font-weight:900!important;
}

.compl-filter-actions{
    margin:0!important;
    padding:18px 22px 22px!important;
}

body.woocommerce-shop .compl-filter-submit,
body.tax-product_cat .compl-filter-submit,
body.tax-product_tag .compl-filter-submit{
    min-height:50px!important;
    padding:0 28px!important;
    border-radius:13px!important;
    background:linear-gradient(135deg,var(--cpl-blue),#1c66dc)!important;
    box-shadow:0 12px 24px rgba(43,124,255,.28)!important;
}

.compl-filter-reset{
    padding:12px 16px!important;
    border-radius:12px!important;
    background:#eef3f9!important;
    color:#506178!important;
}

/* Rendezés */
body.woocommerce-shop .woocommerce-ordering select,
body.tax-product_cat .woocommerce-ordering select{
    border-radius:12px!important;
    border:1px solid #d8e2ed!important;
    background:#fff!important;
    font-weight:700!important;
}

/* Termékrács */
body.woocommerce-shop ul.products,
body.tax-product_cat ul.products,
body.tax-product_tag ul.products{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:24px!important;
}

/* Termékkártyák – prémium */
body.woocommerce-shop ul.products li.product,
body.tax-product_cat ul.products li.product,
body.tax-product_tag ul.products li.product{
    position:relative!important;
    overflow:hidden!important;
    padding:0 0 18px!important;
    border:1px solid rgba(17,40,75,.08)!important;
    border-radius:24px!important;
    background:#fff!important;
    box-shadow:0 10px 28px rgba(24,48,83,.08)!important;
    transition:all .25s ease!important;
}

body.woocommerce-shop ul.products li.product:before,
body.tax-product_cat ul.products li.product:before,
body.tax-product_tag ul.products li.product:before{
    content:"360°";
    position:absolute;
    z-index:4;
    top:16px;
    left:16px;
    padding:7px 10px;
    border-radius:10px;
    background:rgba(9,24,48,.92);
    color:#fff;
    font-size:11px;
    font-weight:900;
    letter-spacing:.05em;
    box-shadow:0 6px 14px rgba(0,0,0,.18);
}

body.woocommerce-shop ul.products li.product:hover,
body.tax-product_cat ul.products li.product:hover,
body.tax-product_tag ul.products li.product:hover{
    transform:translateY(-8px)!important;
    border-color:rgba(43,124,255,.25)!important;
    box-shadow:var(--cpl-shadow-strong)!important;
}

body.woocommerce-shop ul.products li.product a img,
body.tax-product_cat ul.products li.product a img,
body.tax-product_tag ul.products li.product a img{
    height:240px!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
    margin:0 0 16px!important;
    padding:18px!important;
    border-radius:0!important;
    background:
        linear-gradient(180deg,#f9fbfd 0%,#f1f6fb 100%)!important;
}

body.woocommerce-shop ul.products li.product .woocommerce-loop-product__title,
body.tax-product_cat ul.products li.product .woocommerce-loop-product__title,
body.tax-product_tag ul.products li.product .woocommerce-loop-product__title{
    min-height:54px!important;
    margin:0!important;
    padding:0 18px!important;
    color:#0d1a2d!important;
    font-size:18px!important;
    line-height:1.38!important;
    font-weight:900!important;
}

body.woocommerce-shop ul.products li.product .price,
body.tax-product_cat ul.products li.product .price,
body.tax-product_tag ul.products li.product .price{
    margin:13px 18px 12px!important;
    color:#1769e0!important;
    font-size:24px!important;
    font-weight:950!important;
}

body.woocommerce-shop ul.products li.product .price:before,
body.tax-product_cat ul.products li.product .price:before,
body.tax-product_tag ul.products li.product .price:before{
    content:"Ár";
    display:block;
    margin-bottom:2px;
    color:#9aa6b5;
    font-size:9px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.08em;
}

body.woocommerce-shop ul.products li.product .compl-loop-specs,
body.tax-product_cat ul.products li.product .compl-loop-specs,
body.tax-product_tag ul.products li.product .compl-loop-specs{
    margin:0 18px 16px!important;
    gap:8px!important;
}

body.woocommerce-shop ul.products li.product .compl-loop-specs>div,
body.tax-product_cat ul.products li.product .compl-loop-specs>div,
body.tax-product_tag ul.products li.product .compl-loop-specs>div{
    min-height:52px!important;
    padding:9px 10px!important;
    border:1px solid #e7edf4!important;
    border-radius:12px!important;
    background:#f8fafc!important;
}

body.woocommerce-shop ul.products li.product .compl-loop-specs strong,
body.tax-product_cat ul.products li.product .compl-loop-specs strong,
body.tax-product_tag ul.products li.product .compl-loop-specs strong{
    color:#17304f!important;
    font-size:12px!important;
    font-weight:900!important;
}

body.woocommerce-shop ul.products li.product .button,
body.tax-product_cat ul.products li.product .button,
body.tax-product_tag ul.products li.product .button{
    width:calc(100% - 36px)!important;
    min-height:48px!important;
    margin:0 18px!important;
    border-radius:13px!important;
    background:linear-gradient(135deg,var(--cpl-navy-2),#17487f)!important;
    color:#fff!important;
    font-weight:900!important;
    box-shadow:0 10px 22px rgba(20,55,95,.18)!important;
}

body.woocommerce-shop ul.products li.product .button:hover,
body.tax-product_cat ul.products li.product .button:hover,
body.tax-product_tag ul.products li.product .button:hover{
    background:linear-gradient(135deg,var(--cpl-blue),#1b68d8)!important;
}

/* Termékoldal – hero jelleg */
body.single-product .compl-product-shell{
    max-width:1500px!important;
    margin:0 auto!important;
    padding:40px 26px 78px!important;
}

body.single-product .compl-product-layout{
    gap:36px!important;
}

body.single-product .compl-360-wrap{
    position:relative!important;
    overflow:hidden!important;
    padding:22px!important;
    border:0!important;
    border-radius:30px!important;
    background:
        linear-gradient(160deg,#fff 0%,#f4f8fd 100%)!important;
    box-shadow:var(--cpl-shadow-strong)!important;
}

body.single-product .compl-360-wrap:before{
    content:"360° TERMÉKFOTÓ";
    position:absolute;
    left:24px;
    top:22px;
    z-index:6;
    padding:8px 12px;
    border-radius:10px;
    background:linear-gradient(135deg,#0d1c36,#204d86);
    color:#fff;
    font-size:11px;
    font-weight:900;
    letter-spacing:.08em;
}

body.single-product .compl-360-viewer{
    min-height:540px!important;
    border-radius:22px!important;
    background:
        radial-gradient(circle at 50% 40%,#ffffff 0%,#f8fbfe 55%,#eef4f9 100%)!important;
}

body.single-product .compl-product-right{
    position:sticky!important;
    top:24px!important;
    overflow:hidden!important;
    padding:0!important;
    border:0!important;
    border-radius:28px!important;
    background:#fff!important;
    box-shadow:var(--cpl-shadow-strong)!important;
}

body.single-product .compl-product-right:before{
    content:"Comp-L válogatott notebook";
    display:block;
    padding:14px 24px;
    background:linear-gradient(135deg,var(--cpl-navy),var(--cpl-navy-2));
    color:#bcd0ea;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.09em;
}

body.single-product .compl-product-right>*{
    margin-left:26px!important;
    margin-right:26px!important;
}

body.single-product .compl-product-right>.compl-product-title{
    margin-top:24px!important;
}

body.single-product .compl-product-title{
    font-size:clamp(34px,3vw,48px)!important;
    color:#0c1930!important;
    font-weight:950!important;
    line-height:1.08!important;
}

body.single-product .compl-price{
    display:inline-block!important;
    margin-top:16px!important;
    padding:10px 16px!important;
    border-radius:14px!important;
    background:#edf5ff!important;
    color:var(--cpl-blue)!important;
    font-size:38px!important;
    font-weight:950!important;
}

body.single-product .compl-stock-badge{
    border-radius:999px!important;
    background:#e8f8ef!important;
    color:#147a4f!important;
    font-weight:900!important;
}

body.single-product .compl-primary-specs{
    margin-top:20px!important;
    padding:18px 0!important;
    border-top:1px solid #edf1f5!important;
    border-bottom:1px solid #edf1f5!important;
}

body.single-product .compl-spec-icon{
    background:linear-gradient(135deg,#edf5ff,#e8f9ff)!important;
    color:#146ad5!important;
}

body.single-product .compl-condition-card{
    padding:15px!important;
    border:1px solid #e6edf5!important;
    border-radius:16px!important;
    background:#f8fafc!important;
}

body.single-product form.cart{
    margin-top:18px!important;
}

body.single-product form.cart .single_add_to_cart_button,
body.single-product .compl-primary-button{
    min-height:54px!important;
    border-radius:14px!important;
    background:linear-gradient(135deg,var(--cpl-blue),#1764d6)!important;
    font-size:16px!important;
    font-weight:950!important;
    box-shadow:0 14px 28px rgba(43,124,255,.28)!important;
}

body.single-product .compl-secondary-button{
    border-radius:14px!important;
    border:1px solid #dbe5ef!important;
    background:#f8fafc!important;
    color:#17304f!important;
    font-weight:850!important;
}

/* Mobil */
@media(max-width:1180px){
    body.woocommerce-shop .compl-filter-grid-main,
    body.tax-product_cat .compl-filter-grid-main,
    body.tax-product_tag .compl-filter-grid-main{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
}

@media(max-width:900px){
    body.woocommerce-shop .compl-filter-grid-main,
    body.tax-product_cat .compl-filter-grid-main,
    body.tax-product_tag .compl-filter-grid-main{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }

    body.single-product .compl-360-viewer{
        min-height:420px!important;
    }
}

@media(max-width:560px){
    body.woocommerce-shop .woocommerce-products-header,
    body.tax-product_cat .woocommerce-products-header{
        padding:26px 20px!important;
        border-radius:20px!important;
    }

    body.woocommerce-shop .woocommerce-products-header__title:after,
    body.tax-product_cat .woocommerce-products-header__title:after{
        font-size:12px;
        line-height:1.45;
    }

    body.woocommerce-shop .compl-filter-grid-main,
    body.tax-product_cat .compl-filter-grid-main,
    body.tax-product_tag .compl-filter-grid-main{
        grid-template-columns:1fr!important;
    }

    body.woocommerce-shop ul.products li.product a img,
    body.tax-product_cat ul.products li.product a img,
    body.tax-product_tag ul.products li.product a img{
        height:220px!important;
    }

    body.single-product .compl-product-right>*{
        margin-left:18px!important;
        margin-right:18px!important;
    }

    body.single-product .compl-360-viewer{
        min-height:330px!important;
    }
}


/* ===== v1.6 – Jobban olvasható termékkártya paraméterek ===== */
body.woocommerce-shop ul.products li.product .compl-loop-specs,
body.tax-product_cat ul.products li.product .compl-loop-specs,
body.tax-product_tag ul.products li.product .compl-loop-specs{
    gap:9px!important;
}

body.woocommerce-shop ul.products li.product .compl-loop-specs>div,
body.tax-product_cat ul.products li.product .compl-loop-specs>div,
body.tax-product_tag ul.products li.product .compl-loop-specs>div{
    min-height:62px!important;
    padding:10px 12px!important;
    border:1px solid #d9e2ec!important;
    border-radius:11px!important;
    background:#ffffff!important;
    box-shadow:0 2px 6px rgba(17,40,75,.035)!important;
}

body.woocommerce-shop ul.products li.product .compl-loop-specs span,
body.tax-product_cat ul.products li.product .compl-loop-specs span,
body.tax-product_tag ul.products li.product .compl-loop-specs span{
    margin-bottom:4px!important;
    color:#63758b!important;
    font-size:11px!important;
    line-height:1.15!important;
    font-weight:800!important;
    letter-spacing:.02em!important;
    text-transform:none!important;
}

body.woocommerce-shop ul.products li.product .compl-loop-specs strong,
body.tax-product_cat ul.products li.product .compl-loop-specs strong,
body.tax-product_tag ul.products li.product .compl-loop-specs strong{
    color:#0d1d32!important;
    font-size:14px!important;
    line-height:1.25!important;
    font-weight:900!important;
    letter-spacing:-.01em!important;
}

/* A terméknév és ár is legyen tisztábban olvasható */
body.woocommerce-shop ul.products li.product .woocommerce-loop-product__title,
body.tax-product_cat ul.products li.product .woocommerce-loop-product__title,
body.tax-product_tag ul.products li.product .woocommerce-loop-product__title{
    color:#09182b!important;
    font-size:19px!important;
    font-weight:900!important;
}

body.woocommerce-shop ul.products li.product .price,
body.tax-product_cat ul.products li.product .price,
body.tax-product_tag ul.products li.product .price{
    color:#0e5fc8!important;
    font-size:25px!important;
    font-weight:950!important;
}


/* ===== v1.7 – Garancia / átvétel / segítség sor olvashatósága ===== */
body.single-product .compl-assurance-strip,
body.single-product .compl-assurance-row,
body.single-product .compl-trust-strip{
    color:#14253b!important;
}

body.single-product .compl-assurance-strip strong,
body.single-product .compl-assurance-row strong,
body.single-product .compl-trust-strip strong,
body.single-product .compl-assurance-strip b,
body.single-product .compl-assurance-row b,
body.single-product .compl-trust-strip b{
    color:#10233d!important;
    font-size:14px!important;
    line-height:1.25!important;
    font-weight:900!important;
}

body.single-product .compl-assurance-strip span,
body.single-product .compl-assurance-row span,
body.single-product .compl-trust-strip span,
body.single-product .compl-assurance-strip small,
body.single-product .compl-assurance-row small,
body.single-product .compl-trust-strip small{
    color:#52657c!important;
    font-size:12px!important;
    line-height:1.35!important;
    font-weight:650!important;
}

/* A jelenlegi HTML szerkezetben használt assurance elemek általános javítása */
body.single-product [class*="assurance"]{
    color:#14253b!important;
}

body.single-product [class*="assurance"] > div{
    padding:12px 8px!important;
}

body.single-product [class*="assurance"] > div > *:first-child{
    color:#10233d!important;
    font-size:14px!important;
    font-weight:900!important;
}

body.single-product [class*="assurance"] > div > *:last-child{
    color:#52657c!important;
    font-size:12px!important;
    font-weight:650!important;
}

/* Ha a blokk külön osztály nélkül maradt, a termékoldali bizalmi sor tipográfiája */
body.single-product .compl-product-right .compl-trust-item,
body.single-product .compl-product-right .compl-assurance-item{
    color:#10233d!important;
    font-size:14px!important;
    font-weight:850!important;
}

body.single-product .compl-product-right .compl-trust-item small,
body.single-product .compl-product-right .compl-assurance-item small{
    display:block!important;
    margin-top:4px!important;
    color:#52657c!important;
    font-size:12px!important;
    font-weight:650!important;
}

/* v1.8 – konkrét készülék kiemelés */
body.single-product .compl-exact-highlight{
    position:relative!important;
    overflow:hidden!important;
    margin-top:18px!important;
    padding:20px 22px 20px 74px!important;
    border:2px solid #7eb5ff!important;
    border-radius:18px!important;
    background:linear-gradient(135deg,#eaf4ff 0%,#f7fbff 58%,#fff 100%)!important;
    box-shadow:0 10px 28px rgba(25,105,210,.16)!important;
}
body.single-product .compl-exact-highlight:before{
    content:"✓"!important;
    position:absolute!important;
    left:20px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    display:flex!important;
    width:40px!important;
    height:40px!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:50%!important;
    background:linear-gradient(135deg,#2b7cff,#1258c5)!important;
    color:#fff!important;
    font-size:24px!important;
    font-weight:950!important;
    box-shadow:0 8px 18px rgba(43,124,255,.32)!important;
}
body.single-product .compl-exact-highlight strong,
body.single-product .compl-exact-highlight b{
    display:block!important;
    margin-bottom:6px!important;
    color:#082d5a!important;
    font-size:19px!important;
    line-height:1.2!important;
    font-weight:950!important;
    letter-spacing:-.015em!important;
}
body.single-product .compl-exact-highlight span,
body.single-product .compl-exact-highlight small,
body.single-product .compl-exact-highlight p{
    margin:0!important;
    color:#385879!important;
    font-size:14px!important;
    line-height:1.45!important;
    font-weight:750!important;
}
@media(max-width:560px){
 body.single-product .compl-exact-highlight{padding:17px 14px 17px 62px!important}
 body.single-product .compl-exact-highlight:before{left:14px!important;width:36px!important;height:36px!important}
 body.single-product .compl-exact-highlight strong,
 body.single-product .compl-exact-highlight b{font-size:17px!important}
}


/* ===== v1.9 – hover zoom minden termék főfotón ===== */
body.single-product .compl-360-viewer,
body.single-product .compl-product-gallery,
body.single-product .compl-main-image,
body.single-product .woocommerce-product-gallery__image{
    overflow:hidden!important;
}

body.single-product img.compl-hover-zoom-image{
    transition:transform .18s ease!important;
    will-change:transform!important;
    cursor:zoom-in!important;
}

@media (hover:hover) and (pointer:fine){
    body.single-product img.compl-hover-zoom-image.compl-hover-zoom-active:not(.compl-hover-zoom-paused){
        transform:scale(1.75)!important;
        cursor:zoom-in!important;
    }
}

/* Érintőképernyőn ne induljon el véletlenül hover zoom. */
@media (hover:none), (pointer:coarse){
    body.single-product img.compl-hover-zoom-image{
        transform:none!important;
        cursor:default!important;
    }
}


/* v2.1 – Shop kiemelt paraméterek jobb olvashatósága */
body.woocommerce-shop ul.products li.product .compl-loop-specs,
body.tax-product_cat ul.products li.product .compl-loop-specs,
body.tax-product_tag ul.products li.product .compl-loop-specs{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    margin:14px 18px 18px!important;
}
body.woocommerce-shop ul.products li.product .compl-loop-specs>div,
body.tax-product_cat ul.products li.product .compl-loop-specs>div,
body.tax-product_tag ul.products li.product .compl-loop-specs>div{
    min-height:68px!important;
    padding:11px 12px 12px!important;
    border:1px solid #cfd9e6!important;
    border-radius:13px!important;
    background:#fff!important;
    box-shadow:0 3px 10px rgba(14,35,62,.05)!important;
}
body.woocommerce-shop ul.products li.product .compl-loop-specs span,
body.tax-product_cat ul.products li.product .compl-loop-specs span,
body.tax-product_tag ul.products li.product .compl-loop-specs span{
    display:block!important;
    margin:0 0 5px!important;
    color:#50647b!important;
    font-size:11px!important;
    line-height:1.15!important;
    font-weight:850!important;
    letter-spacing:.02em!important;
    text-transform:none!important;
}
body.woocommerce-shop ul.products li.product .compl-loop-specs strong,
body.tax-product_cat ul.products li.product .compl-loop-specs strong,
body.tax-product_tag ul.products li.product .compl-loop-specs strong{
    display:block!important;
    margin:0!important;
    color:#081b33!important;
    font-size:15px!important;
    line-height:1.26!important;
    font-weight:950!important;
    letter-spacing:-.012em!important;
    overflow-wrap:anywhere!important;
}
body.woocommerce-shop ul.products li.product .woocommerce-loop-product__title,
body.tax-product_cat ul.products li.product .woocommerce-loop-product__title,
body.tax-product_tag ul.products li.product .woocommerce-loop-product__title{
    color:#07182c!important;
    font-size:19px!important;
    line-height:1.32!important;
    font-weight:950!important;
}
body.woocommerce-shop ul.products li.product .price,
body.tax-product_cat ul.products li.product .price,
body.tax-product_tag ul.products li.product .price{
    color:#0b5fc6!important;
    font-size:26px!important;
    font-weight:950!important;
}
@media(max-width:560px){
    body.woocommerce-shop ul.products li.product .compl-loop-specs,
    body.tax-product_cat ul.products li.product .compl-loop-specs,
    body.tax-product_tag ul.products li.product .compl-loop-specs{
        gap:8px!important;
        margin:12px 14px 16px!important;
    }
    body.woocommerce-shop ul.products li.product .compl-loop-specs strong,
    body.tax-product_cat ul.products li.product .compl-loop-specs strong,
    body.tax-product_tag ul.products li.product .compl-loop-specs strong{
        font-size:14px!important;
    }
}


/* =========================================================
   v2.4 – SHOP PARAMÉTERKÁRTYÁK
   Közvetlen szelektorok, sablontól függetlenül
   ========================================================= */

.compl-loop-specs{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    margin:14px 0 18px!important;
    padding:0!important;
}

.compl-loop-specs .compl-spec-card{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:10px!important;
    row-gap:1px!important;
    align-items:center!important;
    min-height:74px!important;
    padding:11px 12px!important;
    box-sizing:border-box!important;

    border:1px solid #c8d6e6!important;
    border-radius:14px!important;
    background:linear-gradient(145deg,#ffffff 0%,#f3f8fe 100%)!important;
    box-shadow:0 4px 12px rgba(16,45,82,.08)!important;
}

.compl-loop-specs .compl-spec-icon{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:40px!important;
    height:40px!important;
    margin:0!important;
    padding:0!important;

    border-radius:11px!important;
    background:#dcecff!important;
    color:#075fcf!important;
    font-size:21px!important;
    font-weight:900!important;
    line-height:1!important;
}

.compl-loop-specs .compl-spec-label{
    grid-column:2!important;
    grid-row:1!important;
    align-self:end!important;

    display:block!important;
    margin:0!important;
    padding:0!important;

    color:#4d627b!important;
    font-size:11px!important;
    line-height:1.15!important;
    font-weight:800!important;
    letter-spacing:.01em!important;
    text-transform:none!important;
}

.compl-loop-specs .compl-spec-value{
    grid-column:2!important;
    grid-row:2!important;
    align-self:start!important;

    display:block!important;
    margin:2px 0 0!important;
    padding:0!important;

    color:#07192f!important;
    font-size:15px!important;
    line-height:1.22!important;
    font-weight:900!important;
    letter-spacing:-.01em!important;
    text-shadow:none!important;
    overflow-wrap:anywhere!important;
}

/* Ikonok */
.compl-spec-cpu .compl-spec-icon:before{content:"⚙"!important;}
.compl-spec-ram .compl-spec-icon:before{content:"▦"!important;}
.compl-spec-ssd .compl-spec-icon:before{content:"▣"!important;}
.compl-spec-display .compl-spec-icon:before{content:"▰"!important;}
.compl-spec-touch .compl-spec-icon:before{content:"☝"!important;}
.compl-spec-backlight .compl-spec-icon:before{content:"⌨"!important;}

/* Kiemelés egérrel */
.compl-loop-specs .compl-spec-card:hover{
    border-color:#86b4eb!important;
    background:#ffffff!important;
    box-shadow:0 7px 18px rgba(20,83,160,.14)!important;
    transform:translateY(-1px)!important;
}

.compl-loop-specs .compl-spec-card:hover .compl-spec-icon{
    background:#176fe0!important;
    color:#ffffff!important;
}

/* A WooCommerce kártyákon biztosan legyen megfelelő oldaltér */
ul.products li.product .compl-loop-specs{
    margin-left:16px!important;
    margin-right:16px!important;
}

/* Mobil */
@media(max-width:560px){
    .compl-loop-specs{
        gap:8px!important;
    }

    .compl-loop-specs .compl-spec-card{
        grid-template-columns:36px minmax(0,1fr)!important;
        min-height:68px!important;
        padding:9px!important;
    }

    .compl-loop-specs .compl-spec-icon{
        width:34px!important;
        height:34px!important;
        font-size:18px!important;
    }

    .compl-loop-specs .compl-spec-value{
        font-size:14px!important;
    }
}


/* =========================================================
   v2.5 – termékkártya feliratok + hangsúlyos piros ár
   ========================================================= */

/* Shop termékár: nagy, piros, vastag */
ul.products li.product .price,
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price{
    display:block!important;
    margin:16px 16px 14px!important;
    padding:0!important;
    color:#e31b23!important;
    font-size:30px!important;
    line-height:1.05!important;
    font-weight:950!important;
    letter-spacing:-.025em!important;
    text-align:center!important;
    text-shadow:none!important;
}

/* Az ár minden belső elemét is pirosra kényszerítjük */
ul.products li.product .price *,
.woocommerce ul.products li.product .price *,
.woocommerce-page ul.products li.product .price *{
    color:#e31b23!important;
    font-size:inherit!important;
    line-height:inherit!important;
    font-weight:950!important;
}

/* A korábbi "Ár" segédfelirat ne jelenjen meg */
ul.products li.product .price:before,
.woocommerce ul.products li.product .price:before,
.woocommerce-page ul.products li.product .price:before{
    content:none!important;
    display:none!important;
}

/* Hosszabb címkékhez egy kis hely */
.compl-loop-specs .compl-spec-label{
    white-space:normal!important;
    overflow:visible!important;
}

@media(max-width:560px){
    ul.products li.product .price,
    .woocommerce ul.products li.product .price,
    .woocommerce-page ul.products li.product .price{
        font-size:27px!important;
    }
}


/* =========================================================
   v2.6 – Shop ár megjelenése a termékoldali árblokk mintájára
   ========================================================= */

/* A teljes árblokk középre kerül */
ul.products li.product .price,
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price{
    display:table!important;
    width:auto!important;
    max-width:calc(100% - 32px)!important;
    margin:16px auto 15px!important;
    padding:8px 16px 9px!important;
    box-sizing:border-box!important;

    border:0!important;
    border-radius:16px!important;
    background:#edf5ff!important;
    box-shadow:none!important;

    color:#2b7cff!important;
    font-size:30px!important;
    line-height:1.08!important;
    font-weight:950!important;
    letter-spacing:-.025em!important;
    text-align:center!important;
    white-space:nowrap!important;
    text-shadow:none!important;
}

/* WooCommerce belső ár elemek */
ul.products li.product .price *,
.woocommerce ul.products li.product .price *,
.woocommerce-page ul.products li.product .price *{
    color:#2b7cff!important;
    background:transparent!important;
    font-size:inherit!important;
    line-height:inherit!important;
    font-weight:950!important;
    letter-spacing:inherit!important;
    text-decoration:none!important;
}

/* Régi ár / akciós ár esetén */
ul.products li.product .price del,
.woocommerce ul.products li.product .price del{
    display:block!important;
    margin-bottom:3px!important;
    color:#8094ad!important;
    font-size:15px!important;
    font-weight:700!important;
    opacity:1!important;
}

ul.products li.product .price del *,
.woocommerce ul.products li.product .price del *{
    color:#8094ad!important;
    font-size:15px!important;
    font-weight:700!important;
}

ul.products li.product .price ins,
.woocommerce ul.products li.product .price ins{
    display:block!important;
    color:#2b7cff!important;
    background:transparent!important;
    text-decoration:none!important;
}

/* A korábbi "Ár" felirat semmiképpen ne jelenjen meg */
ul.products li.product .price:before,
.woocommerce ul.products li.product .price:before,
.woocommerce-page ul.products li.product .price:before{
    content:none!important;
    display:none!important;
}

/* Mobil */
@media(max-width:560px){
    ul.products li.product .price,
    .woocommerce ul.products li.product .price,
    .woocommerce-page ul.products li.product .price{
        padding:8px 14px!important;
        border-radius:14px!important;
        font-size:27px!important;
    }
}


/* =========================================================
   v2.7 – Shop ár: saját, biztosan célozható Comp-L árblokk
   ========================================================= */

/* A WooCommerce külső price elem ne adjon külön dizájnt */
ul.products li.product .price,
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:18px 0 16px!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    text-align:center!important;
    white-space:normal!important;
}

/* EZ a tényleges új árkártya */
.compl-shop-price-box{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:190px!important;
    max-width:calc(100% - 32px)!important;
    min-height:58px!important;
    margin:0 auto!important;
    padding:8px 18px!important;
    box-sizing:border-box!important;

    border:0!important;
    border-radius:16px!important;
    background:#eaf3ff!important;
    box-shadow:none!important;

    color:#2b7cff!important;
    font-size:30px!important;
    line-height:1.05!important;
    font-weight:950!important;
    letter-spacing:-.025em!important;
    text-align:center!important;
    white-space:nowrap!important;
}

/* WooCommerce amount/bdi elemek is örököljék */
.compl-shop-price-box .woocommerce-Price-amount,
.compl-shop-price-box .woocommerce-Price-amount bdi,
.compl-shop-price-box .woocommerce-Price-currencySymbol{
    color:#2b7cff!important;
    font-size:30px!important;
    line-height:1.05!important;
    font-weight:950!important;
    letter-spacing:-.025em!important;
}

/* Akciós ár kezelése */
.compl-shop-price-box del{
    margin-right:8px!important;
    color:#8192a8!important;
    opacity:1!important;
}
.compl-shop-price-box del .woocommerce-Price-amount,
.compl-shop-price-box del .woocommerce-Price-amount bdi,
.compl-shop-price-box del .woocommerce-Price-currencySymbol{
    color:#8192a8!important;
    font-size:16px!important;
    font-weight:700!important;
}
.compl-shop-price-box ins{
    background:transparent!important;
    text-decoration:none!important;
}

@media(max-width:560px){
    .compl-shop-price-box{
        min-width:170px!important;
        min-height:54px!important;
        padding:7px 14px!important;
        font-size:27px!important;
    }
    .compl-shop-price-box .woocommerce-Price-amount,
    .compl-shop-price-box .woocommerce-Price-amount bdi,
    .compl-shop-price-box .woocommerce-Price-currencySymbol{
        font-size:27px!important;
    }
}


/* =========================================================
   v2.9 – BIZTONSÁGOS termékoldali olvashatósági javítás
   A v2.7 minden korábbi funkciója és beállítása megmarad.
   ========================================================= */

/* Részletes adatok címe */
body.single-product .compl-details-title,
body.single-product h2.compl-details-title,
body.single-product .compl-product-right h2{
    color:#10233d!important;
    font-weight:900!important;
}

/* A részletes adatlista/table feliratai */
body.single-product .compl-product-right table{
    width:100%!important;
    border-collapse:collapse!important;
}

body.single-product .compl-product-right table tr{
    border-bottom:1px solid #dbe4ee!important;
}

body.single-product .compl-product-right table td,
body.single-product .compl-product-right table th{
    padding:12px 0!important;
    font-size:14px!important;
    line-height:1.35!important;
}

body.single-product .compl-product-right table td:first-child,
body.single-product .compl-product-right table th:first-child{
    width:44%!important;
    padding-right:14px!important;
    color:#52667e!important;
    font-size:14px!important;
    font-weight:800!important;
}

body.single-product .compl-product-right table td:last-child,
body.single-product .compl-product-right table th:last-child{
    color:#071a32!important;
    font-size:15px!important;
    font-weight:900!important;
}

/* Ha div alapú a részletes adatblokk */
body.single-product .compl-detail-row,
body.single-product .compl-spec-row{
    display:grid!important;
    grid-template-columns:minmax(140px, 44%) 1fr!important;
    gap:14px!important;
    align-items:center!important;
    min-height:46px!important;
    padding:10px 0!important;
    border-bottom:1px solid #dbe4ee!important;
}

body.single-product .compl-detail-row .label,
body.single-product .compl-spec-row .label,
body.single-product .compl-detail-label{
    color:#52667e!important;
    font-size:14px!important;
    font-weight:800!important;
}

body.single-product .compl-detail-row .value,
body.single-product .compl-spec-row .value,
body.single-product .compl-detail-value{
    color:#071a32!important;
    font-size:15px!important;
    font-weight:900!important;
}

/* Felső fő paraméterek jobb olvashatósága */
body.single-product .compl-primary-specs{
    gap:10px!important;
}

body.single-product .compl-primary-specs > div,
body.single-product .compl-primary-specs .compl-spec{
    min-height:64px!important;
    padding:11px 12px!important;
    border:1px solid #cbd9e8!important;
    border-radius:13px!important;
    background:#f8fbff!important;
}

body.single-product .compl-primary-specs span,
body.single-product .compl-primary-specs small,
body.single-product .compl-primary-specs .label{
    color:#52667e!important;
    font-size:12px!important;
    font-weight:800!important;
}

body.single-product .compl-primary-specs strong,
body.single-product .compl-primary-specs b,
body.single-product .compl-primary-specs .value{
    color:#071a32!important;
    font-size:15px!important;
    line-height:1.25!important;
    font-weight:900!important;
}

/* Akkumulátor/garancia információk */
body.single-product .compl-condition-card{
    border:1px solid #cbd9e8!important;
    border-radius:14px!important;
    background:#f8fbff!important;
}

body.single-product .compl-condition-card span,
body.single-product .compl-condition-card small{
    color:#52667e!important;
    font-size:12px!important;
    font-weight:800!important;
}

body.single-product .compl-condition-card strong,
body.single-product .compl-condition-card b{
    color:#071a32!important;
    font-size:15px!important;
    font-weight:900!important;
}

/* v3.0 – termékoldali feliratok olvashatósága megmarad */
body.single-product .compl-product-right table td:first-child{
    color:#52667e!important;
    font-weight:800!important;
}
body.single-product .compl-product-right table td:last-child{
    color:#071a32!important;
    font-size:15px!important;
    font-weight:900!important;
}


/* =========================================================
   v3.1 – FŐOLDAL a Shop arculatához igazítva
   ========================================================= */

body.home,
body.front-page{
    background:
        radial-gradient(circle at 18% -8%, rgba(43,124,255,.13), transparent 28%),
        radial-gradient(circle at 92% 0%, rgba(34,199,242,.08), transparent 24%),
        #eef3f9!important;
    color:#10192a!important;
}

/* Főoldal tartalmi szélesség */
body.home .site-main,
body.front-page .site-main,
body.home main,
body.front-page main{
    max-width:1520px!important;
    margin:0 auto!important;
    padding:34px 24px 68px!important;
    box-sizing:border-box!important;
}

/* ===== Hero / első nagy blokk ===== */
body.home main > .wp-block-cover:first-child,
body.front-page main > .wp-block-cover:first-child,
body.home main > .wp-block-group:first-child,
body.front-page main > .wp-block-group:first-child,
body.home .entry-content > .wp-block-cover:first-child,
body.front-page .entry-content > .wp-block-cover:first-child,
body.home .entry-content > .wp-block-group:first-child,
body.front-page .entry-content > .wp-block-group:first-child{
    position:relative!important;
    overflow:hidden!important;
    margin-bottom:30px!important;
    padding:44px 38px!important;
    border-radius:28px!important;
    background:
        linear-gradient(135deg,#0a1730 0%,#12284f 68%,#183f79 100%)!important;
    color:#fff!important;
    box-shadow:0 20px 48px rgba(8,26,54,.20)!important;
}

body.home main > .wp-block-group:first-child:after,
body.front-page main > .wp-block-group:first-child:after,
body.home .entry-content > .wp-block-group:first-child:after,
body.front-page .entry-content > .wp-block-group:first-child:after{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    right:-80px;
    top:-120px;
    border-radius:50%;
    background:linear-gradient(135deg,rgba(43,124,255,.50),rgba(34,199,242,.15));
    pointer-events:none;
}

/* Hero címek */
body.home main > :first-child h1,
body.home main > :first-child h2,
body.front-page main > :first-child h1,
body.front-page main > :first-child h2,
body.home .entry-content > :first-child h1,
body.home .entry-content > :first-child h2,
body.front-page .entry-content > :first-child h1,
body.front-page .entry-content > :first-child h2{
    position:relative!important;
    z-index:2!important;
    margin-top:0!important;
    color:#fff!important;
    font-size:clamp(36px,4.6vw,62px)!important;
    line-height:1.03!important;
    font-weight:950!important;
    letter-spacing:-.035em!important;
}

body.home main > :first-child p,
body.front-page main > :first-child p,
body.home .entry-content > :first-child p,
body.front-page .entry-content > :first-child p{
    position:relative!important;
    z-index:2!important;
    max-width:760px!important;
    color:#c7d6ea!important;
    font-size:17px!important;
    line-height:1.6!important;
    font-weight:600!important;
}

/* Hero képek */
body.home main > :first-child img,
body.front-page main > :first-child img,
body.home .entry-content > :first-child img,
body.front-page .entry-content > :first-child img{
    border-radius:20px!important;
    box-shadow:0 18px 44px rgba(0,0,0,.24)!important;
}

/* ===== Gombok ===== */
body.home .wp-block-button__link,
body.front-page .wp-block-button__link,
body.home a.wp-element-button,
body.front-page a.wp-element-button{
    min-height:48px!important;
    padding:13px 24px!important;
    border:0!important;
    border-radius:13px!important;
    background:linear-gradient(135deg,#2b7cff,#1764d6)!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:900!important;
    box-shadow:0 10px 24px rgba(43,124,255,.24)!important;
    transition:transform .15s ease,box-shadow .2s ease,filter .2s ease!important;
}

body.home .wp-block-button__link:hover,
body.front-page .wp-block-button__link:hover,
body.home a.wp-element-button:hover,
body.front-page a.wp-element-button:hover{
    transform:translateY(-2px)!important;
    box-shadow:0 15px 30px rgba(43,124,255,.30)!important;
    filter:brightness(.97)!important;
}

/* ===== Szakasz címek ===== */
body.home .entry-content h2,
body.front-page .entry-content h2,
body.home main h2,
body.front-page main h2{
    color:#0b1b31!important;
    font-size:clamp(28px,3vw,40px)!important;
    line-height:1.1!important;
    font-weight:950!important;
    letter-spacing:-.025em!important;
}

body.home .entry-content h3,
body.front-page .entry-content h3,
body.home main h3,
body.front-page main h3{
    color:#132842!important;
    font-weight:900!important;
}

/* ===== Általános tartalmi kártyák ===== */
body.home .wp-block-columns,
body.front-page .wp-block-columns{
    gap:20px!important;
}

body.home .wp-block-columns > .wp-block-column,
body.front-page .wp-block-columns > .wp-block-column{
    padding:22px!important;
    border:1px solid rgba(17,40,75,.08)!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 10px 28px rgba(24,48,83,.07)!important;
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}

body.home .wp-block-columns > .wp-block-column:hover,
body.front-page .wp-block-columns > .wp-block-column:hover{
    transform:translateY(-4px)!important;
    border-color:rgba(43,124,255,.18)!important;
    box-shadow:0 18px 42px rgba(24,48,83,.12)!important;
}

/* Kártyaképek */
body.home .wp-block-column img,
body.front-page .wp-block-column img{
    border-radius:15px!important;
}

/* ===== WooCommerce termékek a főoldalon ===== */
body.home ul.products,
body.front-page ul.products{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:22px!important;
}

body.home ul.products li.product,
body.front-page ul.products li.product{
    width:auto!important;
    margin:0!important;
    padding:0 0 18px!important;
    overflow:hidden!important;
    border:1px solid rgba(17,40,75,.08)!important;
    border-radius:22px!important;
    background:#fff!important;
    box-shadow:0 10px 28px rgba(24,48,83,.08)!important;
    transition:transform .22s ease,box-shadow .22s ease!important;
}

body.home ul.products li.product:hover,
body.front-page ul.products li.product:hover{
    transform:translateY(-6px)!important;
    box-shadow:0 22px 50px rgba(10,31,69,.15)!important;
}

body.home ul.products li.product img,
body.front-page ul.products li.product img{
    width:100%!important;
    aspect-ratio:4/3!important;
    object-fit:contain!important;
    margin:0 0 14px!important;
    padding:14px!important;
    box-sizing:border-box!important;
    background:linear-gradient(180deg,#f9fbfd,#f1f6fb)!important;
}

body.home ul.products li.product .woocommerce-loop-product__title,
body.front-page ul.products li.product .woocommerce-loop-product__title{
    padding:0 16px!important;
    color:#0d1a2d!important;
    font-size:18px!important;
    line-height:1.35!important;
    font-weight:900!important;
}

/* Főoldali termékár is a Shop árblokk stílusában */
body.home ul.products li.product .price,
body.front-page ul.products li.product .price{
    display:table!important;
    margin:15px auto!important;
    padding:8px 16px!important;
    border-radius:16px!important;
    background:#eaf3ff!important;
    color:#2b7cff!important;
    font-size:28px!important;
    line-height:1.05!important;
    font-weight:950!important;
}

body.home ul.products li.product .price *,
body.front-page ul.products li.product .price *{
    color:#2b7cff!important;
    font-size:inherit!important;
    font-weight:950!important;
}

body.home ul.products li.product .button,
body.front-page ul.products li.product .button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:calc(100% - 32px)!important;
    min-height:46px!important;
    margin:0 16px!important;
    border-radius:13px!important;
    background:linear-gradient(135deg,#12284f,#17487f)!important;
    color:#fff!important;
    font-weight:900!important;
}

/* ===== Kiemelt információs / USP blokk ===== */
body.home .wp-block-group.has-background,
body.front-page .wp-block-group.has-background{
    border-radius:22px!important;
}

body.home .wp-block-separator,
body.front-page .wp-block-separator{
    border-color:#d8e2ed!important;
    opacity:1!important;
}

/* ===== Linkek ===== */
body.home .entry-content a:not(.wp-block-button__link),
body.front-page .entry-content a:not(.wp-block-button__link){
    color:#1769e0!important;
    font-weight:700!important;
}

/* ===== Mobil / tablet ===== */
@media(max-width:1180px){
    body.home ul.products,
    body.front-page ul.products{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
}

@media(max-width:900px){
    body.home .site-main,
    body.front-page .site-main,
    body.home main,
    body.front-page main{
        padding:24px 16px 54px!important;
    }

    body.home ul.products,
    body.front-page ul.products{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }

    body.home main > .wp-block-group:first-child,
    body.front-page main > .wp-block-group:first-child,
    body.home .entry-content > .wp-block-group:first-child,
    body.front-page .entry-content > .wp-block-group:first-child{
        padding:32px 24px!important;
        border-radius:22px!important;
    }
}

@media(max-width:560px){
    body.home .site-main,
    body.front-page .site-main,
    body.home main,
    body.front-page main{
        padding:16px 12px 42px!important;
    }

    body.home ul.products,
    body.front-page ul.products{
        grid-template-columns:1fr!important;
    }

    body.home .wp-block-columns > .wp-block-column,
    body.front-page .wp-block-columns > .wp-block-column{
        padding:18px!important;
        border-radius:16px!important;
    }

    body.home main > .wp-block-group:first-child,
    body.front-page main > .wp-block-group:first-child,
    body.home .entry-content > .wp-block-group:first-child,
    body.front-page .entry-content > .wp-block-group:first-child{
        padding:26px 18px!important;
        border-radius:18px!important;
    }
}


/* =========================================================
   v3.2 – FŐOLDAL TELJES DESIGN
   ========================================================= */

body.home,
body.front-page{
    background:#f4f7fb!important;
}

/* A theme alap oldaltartalmának felesleges margói */
body.home .entry-content,
body.front-page .entry-content{
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}

.compl-home{
    width:min(1480px,calc(100% - 40px));
    margin:14px auto 64px;
}

/* Header / navigation – általános WP témákhoz */
body.home header.site-header,
body.front-page header.site-header,
body.home .wp-site-blocks > header,
body.front-page .wp-site-blocks > header{
    background:#fff!important;
}

body.home nav,
body.front-page nav{
    --cpl-nav:#0753c7;
}

body.home header nav,
body.front-page header nav,
body.home .wp-block-navigation,
body.front-page .wp-block-navigation{
    border-radius:0!important;
}

body.home header .wp-block-navigation__container,
body.front-page header .wp-block-navigation__container{
    gap:0!important;
}

body.home header .wp-block-navigation-item__content,
body.front-page header .wp-block-navigation-item__content{
    font-weight:800!important;
}

/* Slider */
.compl-home-slider{
    position:relative;
    min-height:360px;
    overflow:hidden;
    border-radius:18px;
    background:
        radial-gradient(circle at 78% 50%,rgba(34,148,255,.28),transparent 28%),
        linear-gradient(135deg,#061a38 0%,#08294f 52%,#07477f 100%);
    box-shadow:0 14px 36px rgba(4,31,65,.20);
}

.compl-home-slide{
    display:none;
    grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);
    min-height:360px;
    align-items:center;
    gap:20px;
    padding:44px 84px 48px;
    box-sizing:border-box;
}

.compl-home-slide.is-active{
    display:grid;
    animation:complFade .45s ease both;
}

@keyframes complFade{
    from{opacity:.25;transform:translateX(10px)}
    to{opacity:1;transform:none}
}

.compl-home-copy{
    position:relative;
    z-index:3;
}

.compl-home-kicker{
    display:inline-block;
    margin-bottom:12px;
    color:#52b7ff;
    font-size:12px;
    font-weight:950;
    letter-spacing:.14em;
}

.compl-home-copy h1,
.compl-home-copy h2{
    max-width:760px!important;
    margin:0 0 14px!important;
    color:#fff!important;
    font-size:clamp(38px,4.2vw,62px)!important;
    line-height:1.02!important;
    font-weight:950!important;
    letter-spacing:-.04em!important;
    text-transform:none!important;
}

.compl-home-slide:nth-child(2) .compl-home-copy h2{
    font-size:clamp(34px,3.7vw,54px)!important;
}

.compl-home-lead{
    max-width:760px;
    margin:0 0 22px!important;
    color:#dcecff!important;
    font-size:clamp(18px,2vw,25px)!important;
    line-height:1.35!important;
    font-weight:700!important;
}

.compl-home-lead strong{
    color:#fff;
    font-weight:950;
}

.compl-home-mini-points{
    display:flex;
    flex-wrap:wrap;
    gap:12px 22px;
    margin:0 0 26px;
    color:#eaf5ff;
    font-size:14px;
    font-weight:800;
}

.compl-home-mini-points span{
    display:inline-flex;
    align-items:center;
    gap:7px;
}

.compl-home-cta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:0 24px;
    border-radius:13px;
    background:linear-gradient(135deg,#168cff,#0b67d8)!important;
    color:#fff!important;
    text-decoration:none!important;
    font-size:14px;
    font-weight:950!important;
    box-shadow:0 10px 28px rgba(0,125,255,.32);
}

.compl-home-visual{
    position:relative;
    min-height:270px;
}

/* CSS laptop illustration */
.compl-laptop{
    position:absolute;
    left:50%;
    top:47%;
    width:390px;
    max-width:82%;
    transform:translate(-50%,-50%);
    filter:drop-shadow(0 24px 22px rgba(0,0,0,.32));
}

.compl-laptop-screen{
    position:relative;
    width:100%;
    aspect-ratio:16/10;
    overflow:hidden;
    border:8px solid #1a2230;
    border-bottom-width:13px;
    border-radius:12px 12px 7px 7px;
    background:
        radial-gradient(circle at 70% 25%,rgba(83,191,255,.95),transparent 23%),
        linear-gradient(150deg,#0a2857,#1474bd 52%,#072041 100%);
    box-sizing:border-box;
}

.compl-screen-glow{
    position:absolute;
    inset:0;
    background:
        linear-gradient(150deg,transparent 0 38%,rgba(255,255,255,.14) 39% 40%,transparent 41%),
        radial-gradient(circle at 35% 70%,rgba(23,225,255,.42),transparent 24%);
}

.compl-screen-line{
    position:absolute;
    left:14%;
    right:14%;
    bottom:20%;
    height:2px;
    background:rgba(255,255,255,.42);
}

.compl-laptop-base{
    width:114%;
    height:22px;
    margin-left:-7%;
    background:linear-gradient(#ccd3dd,#7f8996);
    clip-path:polygon(5% 0,95% 0,100% 70%,54% 100%,46% 100%,0 70%);
    border-radius:0 0 12px 12px;
}

.compl-badge-round{
    position:absolute;
    right:2%;
    top:14%;
    width:104px;
    height:104px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border:3px solid #fff;
    border-radius:50%;
    background:linear-gradient(145deg,#0c6bd7,#073b82);
    color:#fff;
    box-shadow:0 10px 28px rgba(0,0,0,.25);
    transform:rotate(-8deg);
}

.compl-badge-round span{
    font-size:29px;
    line-height:1;
    font-weight:950;
}

.compl-badge-round b{
    margin-top:4px;
    font-size:11px;
    letter-spacing:.08em;
}

.compl-badge-round small{
    font-size:8px;
    font-weight:900;
    letter-spacing:.08em;
}

.compl-laptop-turned{
    transform:translate(-50%,-50%) perspective(800px) rotateY(-23deg) rotateX(3deg);
}

.compl-orbit{
    position:absolute;
    left:50%;
    top:63%;
    width:470px;
    max-width:92%;
    height:112px;
    transform:translate(-50%,-50%);
    border-bottom:3px solid rgba(79,185,255,.9);
    border-radius:50%;
}

.compl-360-text{
    position:absolute;
    right:4%;
    top:-74px;
    color:#fff;
    font-size:54px;
    font-weight:950;
    text-shadow:0 0 14px rgba(31,147,255,.9);
}

.compl-orbit-arrow{
    position:absolute;
    right:-2px;
    bottom:-27px;
    color:#fff;
    font-size:48px;
}

/* Slider controls */
.compl-slider-arrow{
    position:absolute;
    z-index:6;
    top:50%;
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:50%;
    background:#fff;
    color:#0c3f7e;
    font-size:32px;
    line-height:1;
    cursor:pointer;
    box-shadow:0 8px 20px rgba(0,0,0,.16);
    transform:translateY(-50%);
}

.compl-slider-prev{left:18px}
.compl-slider-next{right:18px}

.compl-slider-dots{
    position:absolute;
    z-index:7;
    left:50%;
    bottom:15px;
    display:flex;
    gap:8px;
    transform:translateX(-50%);
}

.compl-slider-dots button{
    width:9px;
    height:9px;
    padding:0;
    border:0;
    border-radius:50%;
    background:rgba(255,255,255,.50);
    cursor:pointer;
}

.compl-slider-dots button.is-active{
    background:#1ca3ff;
}

/* Trust strip */
.compl-home-trust{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    margin-top:18px;
    border-radius:16px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 8px 24px rgba(16,42,74,.06);
}

.compl-trust-item{
    display:flex;
    align-items:center;
    gap:14px;
    min-height:88px;
    padding:14px 22px;
    border-right:1px solid #e4eaf2;
    box-sizing:border-box;
}

.compl-trust-item:last-child{border-right:0}

.compl-trust-icon{
    flex:0 0 auto;
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:2px solid #1d72db;
    border-radius:12px;
    color:#1666cc;
    font-size:20px;
    font-weight:950;
}

.compl-trust-item strong{
    display:block;
    color:#142136;
    font-size:12px;
    line-height:1.25;
    font-weight:950;
}

.compl-trust-item small{
    display:block;
    margin-top:4px;
    color:#69798d;
    font-size:11px;
    line-height:1.35;
}

/* Products section */
.compl-home-products{
    margin-top:28px;
}

.compl-home-section-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:16px;
}

.compl-home-section-head h2{
    margin:0!important;
    color:#111b2b!important;
    font-size:24px!important;
    font-weight:950!important;
    letter-spacing:-.02em;
    text-transform:uppercase;
}

.compl-home-section-head a{
    color:#176bd8!important;
    font-size:13px;
    font-weight:850!important;
    text-decoration:none!important;
}

/* Home product cards – matching Shop */
.compl-home-products ul.products{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:18px!important;
}

.compl-home-products ul.products li.product{
    width:auto!important;
    margin:0!important;
    padding:0 0 16px!important;
    overflow:hidden!important;
    border:1px solid #e4eaf2!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 8px 24px rgba(24,48,83,.06)!important;
}

.compl-home-products ul.products li.product img{
    width:100%!important;
    aspect-ratio:4/3!important;
    object-fit:contain!important;
    padding:12px!important;
    box-sizing:border-box!important;
    background:#f7f9fc!important;
}

.compl-home-products ul.products li.product .woocommerce-loop-product__title{
    padding:0 14px!important;
    color:#142136!important;
    font-size:16px!important;
    line-height:1.35!important;
    font-weight:900!important;
}

/* Responsive */
@media(max-width:1100px){
    .compl-home-slide{
        grid-template-columns:1fr 360px;
        padding-left:64px;
        padding-right:64px;
    }
    .compl-home-trust{
        grid-template-columns:repeat(2,1fr);
    }
    .compl-trust-item:nth-child(2){border-right:0}
    .compl-trust-item:nth-child(-n+2){border-bottom:1px solid #e4eaf2}
}

@media(max-width:820px){
    .compl-home{
        width:min(100% - 20px,1480px);
    }
    .compl-home-slider{
        min-height:570px;
    }
    .compl-home-slide{
        grid-template-columns:1fr;
        min-height:570px;
        padding:38px 52px 44px;
        text-align:center;
    }
    .compl-home-mini-points{
        justify-content:center;
    }
    .compl-home-visual{
        min-height:220px;
    }
    .compl-laptop{
        width:320px;
    }
    .compl-home-products ul.products{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

@media(max-width:560px){
    .compl-home-slide{
        padding:34px 34px 44px;
    }
    .compl-slider-arrow{
        width:36px;
        height:36px;
    }
    .compl-slider-prev{left:8px}
    .compl-slider-next{right:8px}
    .compl-home-trust{
        grid-template-columns:1fr;
    }
    .compl-trust-item{
        border-right:0!important;
        border-bottom:1px solid #e4eaf2;
    }
    .compl-trust-item:last-child{border-bottom:0}
    .compl-home-products ul.products{
        grid-template-columns:1fr!important;
    }
    .compl-home-section-head{
        align-items:flex-start;
        flex-direction:column;
    }
}


/* =========================================================
   v3.3 – FŐOLDAL BLOG-SABLON FÜGGETLEN JAVÍTÁS
   ========================================================= */

/* A WordPress alap Blog tartalma ne jelenjen meg a főoldalon */
body.home main,
body.front-page main,
body.home .wp-site-blocks > main,
body.front-page .wp-site-blocks > main{
    display:none!important;
}

/* A saját főoldal teljes szélességű, a fejléc alatt */
.compl-home-shell{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    background:#f4f7fb!important;
}

.compl-home{
    width:min(1480px,calc(100% - 40px))!important;
    max-width:1480px!important;
    margin:0 auto!important;
    padding:14px 0 64px!important;
    box-sizing:border-box!important;
}

/* Banner biztosan vízszintes desktopon */
.compl-home-slider{
    width:100%!important;
    min-height:370px!important;
}

.compl-home-slide{
    width:100%!important;
    grid-template-columns:minmax(0,1.1fr) minmax(460px,.9fr)!important;
    min-height:370px!important;
    padding:44px 86px 50px!important;
}

.compl-home-copy{
    min-width:0!important;
}

.compl-home-copy h1,
.compl-home-copy h2{
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
}

/* Ne tördelje egyetlen szavanként a szöveget */
.compl-home-lead,
.compl-home-mini-points,
.compl-trust-item strong,
.compl-trust-item small{
    word-break:normal!important;
    overflow-wrap:normal!important;
}

/* Termékrács desktopon 4 oszlop */
.compl-home-products .products,
.compl-home-products ul.products{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:20px!important;
}

.compl-home-products ul.products li.product{
    min-width:0!important;
    max-width:none!important;
}

/* A Shop saját spec-kártyái ne nyúljanak túl a főoldali kártyán */
.compl-home-products .compl-loop-specs{
    width:auto!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    margin-left:12px!important;
    margin-right:12px!important;
}

.compl-home-products .compl-spec-card{
    min-width:0!important;
    overflow:hidden!important;
}

.compl-home-products .compl-spec-label,
.compl-home-products .compl-spec-value{
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
}

/* Árblokk ne legyen szélesebb a kártyánál */
.compl-home-products .price,
.compl-home-products .compl-shop-price-box{
    max-width:calc(100% - 24px)!important;
    box-sizing:border-box!important;
    white-space:normal!important;
}

/* Kosár gomb */
.compl-home-products ul.products li.product .button{
    width:calc(100% - 24px)!important;
    margin-left:12px!important;
    margin-right:12px!important;
    box-sizing:border-box!important;
}

/* Desktop / laptop */
@media(min-width:821px){
    .compl-home-slide{
        display:none!important;
    }
    .compl-home-slide.is-active{
        display:grid!important;
    }
}

/* Tablet */
@media(max-width:1100px){
    .compl-home{
        width:min(100% - 28px,1480px)!important;
    }

    .compl-home-slide{
        grid-template-columns:minmax(0,1fr) 360px!important;
        padding:40px 64px 46px!important;
    }

    .compl-home-products .products,
    .compl-home-products ul.products{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

/* Mobil */
@media(max-width:820px){
    .compl-home{
        width:calc(100% - 20px)!important;
        padding-top:10px!important;
    }

    .compl-home-slider{
        min-height:600px!important;
    }

    .compl-home-slide,
    .compl-home-slide.is-active{
        grid-template-columns:1fr!important;
        min-height:600px!important;
        padding:36px 48px 48px!important;
    }

    .compl-home-copy{
        text-align:center!important;
    }

    .compl-home-products .products,
    .compl-home-products ul.products{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

@media(max-width:560px){
    .compl-home-products .products,
    .compl-home-products ul.products{
        grid-template-columns:1fr!important;
    }
}


/* =========================================================
   v3.4 – footer sorrend + termékkártya rács javítása
   ========================================================= */

/* A főoldali saját blokk most PHP-ból közvetlenül a footer ELŐTT érkezik. */
.compl-home-shell{
    order:20!important;
}

/* A footer maradjon ténylegesen a lap legalján. */
body.home .wp-site-blocks > footer,
body.front-page .wp-site-blocks > footer,
body.home footer.wp-block-template-part,
body.front-page footer.wp-block-template-part,
body.home footer,
body.front-page footer{
    order:30!important;
    margin-top:0!important;
}

/* Twenty Twenty-Five alap footer bal oldali bemutatkozó doboza:
   "Felújított számítógépek / Jó gépek, jó áron, garanciával!" elrejtve.
   A jobb oldali Blog / Events / About / Shop stb. linkek megmaradnak. */
body.home .wp-site-blocks > footer .wp-block-columns > .wp-block-column:first-child,
body.front-page .wp-site-blocks > footer .wp-block-columns > .wp-block-column:first-child{
    display:none!important;
}

/* A footer megmaradó linkoszlopa kerüljön jobbra / alulra rendezve. */
body.home .wp-site-blocks > footer .wp-block-columns,
body.front-page .wp-site-blocks > footer .wp-block-columns{
    justify-content:flex-end!important;
}

body.home .wp-site-blocks > footer .wp-block-columns > .wp-block-column:last-child,
body.front-page .wp-site-blocks > footer .wp-block-columns > .wp-block-column:last-child{
    margin-left:auto!important;
}

/* ===== NÉPSZERŰ TERMÉKEK – desktopon valódi 4 oszlop ===== */
.compl-home-products .woocommerce{
    width:100%!important;
    max-width:none!important;
}

.compl-home-products .woocommerce ul.products,
.compl-home-products ul.products,
.compl-home-products ul.products.columns-4{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:18px!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    float:none!important;
    clear:both!important;
}

.compl-home-products .woocommerce ul.products::before,
.compl-home-products .woocommerce ul.products::after,
.compl-home-products ul.products::before,
.compl-home-products ul.products::after{
    display:none!important;
    content:none!important;
}

.compl-home-products .woocommerce ul.products li.product,
.compl-home-products ul.products li.product,
.compl-home-products ul.products.columns-4 li.product{
    float:none!important;
    clear:none!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box!important;
}

/* A termékkártyán belül semmi ne növelhesse meg az oszlopszélességet. */
.compl-home-products li.product > *,
.compl-home-products li.product a,
.compl-home-products li.product .compl-loop-specs,
.compl-home-products li.product .compl-spec-card{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
}

.compl-home-products .compl-loop-specs{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    width:auto!important;
    margin:10px 10px 8px!important;
}

.compl-home-products .compl-spec-card{
    padding:8px 7px!important;
}

.compl-home-products .compl-spec-label{
    font-size:9px!important;
    line-height:1.15!important;
}

.compl-home-products .compl-spec-value{
    font-size:11px!important;
    line-height:1.15!important;
}

/* 1200 px alatt 3 oszlop, hogy ne szűküljön olvashatatlanra. */
@media(max-width:1200px) and (min-width:821px){
    .compl-home-products .woocommerce ul.products,
    .compl-home-products ul.products,
    .compl-home-products ul.products.columns-4{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
}

@media(max-width:820px){
    .compl-home-products .woocommerce ul.products,
    .compl-home-products ul.products,
    .compl-home-products ul.products.columns-4{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

@media(max-width:560px){
    .compl-home-products .woocommerce ul.products,
    .compl-home-products ul.products,
    .compl-home-products ul.products.columns-4{
        grid-template-columns:1fr!important;
    }
}


/* =========================================================
   v3.5 – Twenty Twenty-Five footer + főoldal sorrend javítás
   ========================================================= */

/* A saját főoldal mindig normál blokként jelenjen meg. */
.compl-home-shell{
    display:block!important;
    position:relative!important;
    z-index:1!important;
}

/* A footer ténylegesen a saját főoldal után következzen. */
body.home footer,
body.front-page footer{
    position:relative!important;
    z-index:1!important;
    margin-top:0!important;
}

/* Twenty Twenty-Five footer maradjon kompakt, ne foglaljon fél képernyőt. */
body.home footer .wp-block-group,
body.front-page footer .wp-block-group{
    min-height:0!important;
}

body.home footer,
body.front-page footer{
    padding-top:32px!important;
    padding-bottom:28px!important;
}

/* Ha a bal oldali alap bemutatkozó oszlopot a JS már elrejtette,
   a jobb oldali linkek használják ki a helyet. */
body.home footer .wp-block-columns,
body.front-page footer .wp-block-columns{
    min-height:0!important;
    align-items:flex-start!important;
}

/* Biztonsági CSS a Twenty Twenty-Five tipikus első footer oszlopára */
body.home footer .wp-block-columns > .wp-block-column:first-child:has(h2),
body.front-page footer .wp-block-columns > .wp-block-column:first-child:has(h2){
    display:none!important;
}

/* A footer linkek maradjanak a lap legalján, rendezett formában. */
body.home footer .wp-block-navigation,
body.front-page footer .wp-block-navigation{
    margin-top:0!important;
}

/* Főoldali banner ne tűnhessen el theme layout miatt */
body.home .compl-home,
body.front-page .compl-home{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
}


/* =========================================================
   v3.6 – FŐOLDAL VÉGLEGES SORREND
   FEJLÉC -> BANNER -> BIZALMI SÁV -> NÉPSZERŰ TERMÉKEK -> FOOTER
   ========================================================= */

body.home .compl-home-shell,
body.front-page .compl-home-shell{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    background:#f4f7fb!important;
}

body.home .compl-home,
body.front-page .compl-home{
    width:min(1480px,calc(100% - 40px))!important;
    max-width:1480px!important;
    margin:0 auto!important;
    padding:20px 0 54px!important;
}

/* Banner legyen ténylegesen a legelső tartalmi elem */
body.home .compl-home-slider,
body.front-page .compl-home-slider{
    margin:0!important;
}

/* A banner alatti bizalmi sáv */
body.home .compl-home-trust,
body.front-page .compl-home-trust{
    margin-top:16px!important;
}

/* Közvetlenül ezután a népszerű termékek */
body.home .compl-home-products,
body.front-page .compl-home-products{
    margin-top:28px!important;
    margin-bottom:0!important;
}

/* A WordPress alap main/blog rész ne hagyjon üres területet */
body.home .wp-site-blocks > main,
body.front-page .wp-site-blocks > main,
body.home main.wp-block-group,
body.front-page main.wp-block-group{
    display:none!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
}

/* Footer csak a Comp-L tartalom után */
body.home .wp-site-blocks > footer,
body.front-page .wp-site-blocks > footer{
    margin-top:0!important;
    min-height:0!important;
}

/* Ne maradjon a footerből több száz pixel üres rész */
body.home footer .wp-block-group,
body.front-page footer .wp-block-group{
    min-height:0!important;
}

body.home footer > .wp-block-group,
body.front-page footer > .wp-block-group{
    padding-top:30px!important;
    padding-bottom:26px!important;
}

/* Desktop termékek: 4 kártya egy sorban */
@media(min-width:1201px){
    body.home .compl-home-products ul.products,
    body.front-page .compl-home-products ul.products,
    body.home .compl-home-products ul.products.columns-4,
    body.front-page .compl-home-products ul.products.columns-4{
        display:grid!important;
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        gap:20px!important;
    }

    body.home .compl-home-products ul.products li.product,
    body.front-page .compl-home-products ul.products li.product{
        width:100%!important;
        max-width:none!important;
        margin:0!important;
        float:none!important;
    }
}


/* =========================================================
   v3.7 – főoldali JS betöltés + footer javítás
   ========================================================= */

body.home .compl-home-shell,
body.front-page .compl-home-shell{
    margin-top:0!important;
}

body.home footer,
body.front-page footer{
    min-height:0!important;
}

body.home footer > .wp-block-group,
body.front-page footer > .wp-block-group,
body.home footer .wp-block-group.alignfull,
body.front-page footer .wp-block-group.alignfull{
    min-height:0!important;
    padding-top:26px!important;
    padding-bottom:26px!important;
}

body.home footer .wp-block-columns > .wp-block-column:first-child,
body.front-page footer .wp-block-columns > .wp-block-column:first-child{
    display:none!important;
}

body.home footer .wp-block-columns,
body.front-page footer .wp-block-columns{
    justify-content:flex-end!important;
}

body.home footer .wp-block-columns > .wp-block-column:last-child,
body.front-page footer .wp-block-columns > .wp-block-column:last-child{
    margin-left:auto!important;
}


/* =========================================================
   v3.8 – második banner + footer vízszintes elrendezés
   ========================================================= */

/* Második banner ugyanakkora legyen, mint az első */
.compl-home-slide:nth-child(2){
    min-height:370px!important;
}

/* A második banner 360° vizuálja erősebb legyen */
.compl-home-slide:nth-child(2) .compl-home-visual{
    background:
        radial-gradient(circle at 50% 55%, rgba(24,142,255,.16), transparent 42%)!important;
    border-radius:20px!important;
}

/* Footer teljes magasság csökkentése */
body.home footer,
body.front-page footer{
    min-height:0!important;
    padding-top:20px!important;
    padding-bottom:20px!important;
}

/* Minden üres footer oszlop / blokk eltűnik */
body.home footer .wp-block-column:empty,
body.front-page footer .wp-block-column:empty,
body.home footer .wp-block-group:empty,
body.front-page footer .wp-block-group:empty,
body.home footer .wp-block-buttons:empty,
body.front-page footer .wp-block-buttons:empty{
    display:none!important;
}

/* Tipikus bal oldali fehér üres elem */
body.home footer .wp-block-columns > .wp-block-column:first-child,
body.front-page footer .wp-block-columns > .wp-block-column:first-child{
    display:none!important;
}

/* Footer linkek vízszintesen, legalul */
body.home footer .wp-block-navigation,
body.front-page footer .wp-block-navigation,
body.home footer nav,
body.front-page footer nav,
body.home footer .compl-footer-horizontal-nav,
body.front-page footer .compl-footer-horizontal-nav{
    width:100%!important;
    margin:0!important;
}

body.home footer .wp-block-navigation__container,
body.front-page footer .wp-block-navigation__container,
body.home footer .compl-footer-horizontal-list,
body.front-page footer .compl-footer-horizontal-list,
body.home footer nav ul,
body.front-page footer nav ul{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:center!important;
    gap:12px 26px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
}

body.home footer .wp-block-navigation-item,
body.front-page footer .wp-block-navigation-item,
body.home footer nav li,
body.front-page footer nav li{
    display:inline-flex!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
}

body.home footer .wp-block-navigation-item__content,
body.front-page footer .wp-block-navigation-item__content,
body.home footer nav a,
body.front-page footer nav a{
    display:inline-flex!important;
    width:auto!important;
    padding:4px 0!important;
    color:#1d2b3d!important;
    font-size:13px!important;
    font-weight:700!important;
    text-decoration:none!important;
}

/* Footer alsó copyright sor */
body.home footer .wp-block-group:last-child,
body.front-page footer .wp-block-group:last-child{
    min-height:0!important;
    margin-top:14px!important;
    padding-top:10px!important;
    padding-bottom:0!important;
}

/* Mobilon is vízszintes marad, csak törhet több sorba */
@media(max-width:700px){
    body.home footer .wp-block-navigation__container,
    body.front-page footer .wp-block-navigation__container,
    body.home footer nav ul,
    body.front-page footer nav ul{
        justify-content:flex-start!important;
        gap:10px 18px!important;
    }
}


/* =========================================================
   v3.9 – fejléc menüpontok közötti nagyobb távolság
   ========================================================= */
header .wp-block-navigation__container,
.wp-site-blocks > header .wp-block-navigation__container{
    column-gap:24px!important;
    gap:24px!important;
}

header .wp-block-navigation-item,
.wp-site-blocks > header .wp-block-navigation-item{
    margin:0!important;
}

header .wp-block-navigation-item__content,
.wp-site-blocks > header .wp-block-navigation-item__content{
    padding-left:3px!important;
    padding-right:3px!important;
}

/* WooCommerce mini-kosár / fiók ikon előtt is legyen levegő */
header .wc-block-mini-cart,
.wp-site-blocks > header .wc-block-mini-cart{
    margin-left:10px!important;
}

@media(max-width:800px){
    header .wp-block-navigation__container,
    .wp-site-blocks > header .wp-block-navigation__container{
        gap:14px!important;
    }
}

/* v4.0 Fogyasztó Barát */
.compl-fbarat-embed{width:100%;max-width:1180px;margin:24px auto 48px;padding:0 18px;box-sizing:border-box}
.compl-legal-footer{width:100%;border-top:1px solid rgba(0,0,0,.1);padding:16px 20px 20px;box-sizing:border-box;background:#fff}
.compl-legal-footer-inner{max-width:1480px;margin:auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 24px}
.compl-legal-footer a{color:#26364a;text-decoration:none;font-size:13px;font-weight:650;white-space:nowrap}
.compl-legal-footer a:hover{text-decoration:underline}
@media(max-width:760px){.compl-legal-footer-inner{justify-content:flex-start;gap:8px 16px}.compl-legal-footer a{white-space:normal}}


/* =========================================================
   v4.2 – Fogyasztó Barát oldalak a Comp-L főoldal stílusában
   ========================================================= */

/* A jogi/információs oldalak közös háttér- és tipográfiai világa */
body.page .compl-fbarat-embed{
    max-width:1240px!important;
    margin:28px auto 64px!important;
    padding:28px 34px 38px!important;
    background:#fff!important;
    border:1px solid #e5edf7!important;
    border-radius:18px!important;
    box-shadow:0 14px 38px rgba(17,45,78,.08)!important;
    box-sizing:border-box!important;
}

/* Az oldal fő tartalma ugyanazt a szélességet kapja, mint a Comp-L főoldal */
body.page main .wp-block-post-content,
body.page main .entry-content{
    max-width:1480px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:22px!important;
    padding-right:22px!important;
    box-sizing:border-box!important;
}

/* Oldalcím: Comp-L kék, erős és tiszta */
body.page main h1.wp-block-post-title,
body.page main .entry-title{
    max-width:1240px!important;
    margin:42px auto 10px!important;
    padding:0 22px!important;
    box-sizing:border-box!important;
    color:#092d57!important;
    font-size:clamp(30px,4vw,48px)!important;
    line-height:1.08!important;
    font-weight:800!important;
    letter-spacing:-.025em!important;
}

/* Fogyasztó Barát által betöltött tartalom általános tipográfiája */
body.page .compl-fbarat-embed,
body.page .compl-fbarat-embed p,
body.page .compl-fbarat-embed li,
body.page .compl-fbarat-embed td,
body.page .compl-fbarat-embed th{
    font-family:inherit!important;
    color:#24364b!important;
    line-height:1.65!important;
}

body.page .compl-fbarat-embed h1,
body.page .compl-fbarat-embed h2,
body.page .compl-fbarat-embed h3,
body.page .compl-fbarat-embed h4{
    color:#092d57!important;
    font-weight:800!important;
}

body.page .compl-fbarat-embed a{
    color:#087ff5!important;
    font-weight:650!important;
}

body.page .compl-fbarat-embed table{
    width:100%!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    overflow:hidden!important;
    border:1px solid #dfe9f5!important;
    border-radius:12px!important;
}

body.page .compl-fbarat-embed th{
    background:#edf6ff!important;
    color:#123f70!important;
}

/* Egységes Comp-L felső díszsáv a jogi oldalak kártyáján */
body.page .compl-fbarat-embed:before{
    content:"COMP-L • SINCE 1991";
    display:block;
    width:max-content;
    margin:0 0 22px;
    padding:7px 12px;
    background:#eaf5ff;
    border-radius:999px;
    color:#087ff5;
    font-size:12px;
    line-height:1;
    font-weight:800;
    letter-spacing:.12em;
}

/* Mobil */
@media(max-width:700px){
    body.page .compl-fbarat-embed{
        margin:18px 12px 42px!important;
        padding:20px 16px 28px!important;
        border-radius:14px!important;
    }
    body.page main h1.wp-block-post-title,
    body.page main .entry-title{
        margin-top:28px!important;
        padding-left:16px!important;
        padding-right:16px!important;
    }
}


/* =========================================================
   v4.3 – dedikált Comp-L design a Fogyasztó Barát oldalakon
   Nem általános body.page selectorra támaszkodik.
   ========================================================= */

body.compl-fbarat-page{
    background:#f3f7fc!important;
}

body.compl-fbarat-page main{
    max-width:none!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
}

/* Twenty Twenty-Five saját oldalcímének eltüntetése */
body.compl-fbarat-page main > .wp-block-group > .wp-block-post-title,
body.compl-fbarat-page main .wp-block-post-title,
body.compl-fbarat-page main > h1,
body.compl-fbarat-page .entry-header{
    display:none!important;
}

body.compl-fbarat-page .wp-block-post-content,
body.compl-fbarat-page .entry-content{
    max-width:none!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
}

.compl-info-page{
    width:calc(100% - 40px);
    max-width:1480px;
    margin:28px auto 64px;
    box-sizing:border-box;
}

.compl-info-hero{
    position:relative;
    overflow:hidden;
    min-height:190px;
    padding:42px 54px;
    border-radius:20px;
    box-sizing:border-box;
    background:linear-gradient(115deg,#061f43 0%,#0b3e72 58%,#087dd7 100%);
    box-shadow:0 18px 46px rgba(7,38,75,.14);
}

.compl-info-hero:after{
    content:"";
    position:absolute;
    width:330px;
    height:330px;
    right:-80px;
    top:-130px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:50%;
    box-shadow:0 0 0 48px rgba(255,255,255,.04),0 0 0 96px rgba(255,255,255,.025);
}

.compl-info-kicker{
    position:relative;
    z-index:2;
    color:#42b4ff;
    font-size:12px;
    line-height:1;
    font-weight:800;
    letter-spacing:.14em;
    margin-bottom:18px;
}

.compl-info-hero h1{
    display:block!important;
    position:relative;
    z-index:2;
    max-width:950px;
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    font-size:clamp(32px,4vw,54px)!important;
    line-height:1.06!important;
    font-weight:850!important;
    letter-spacing:-.03em!important;
}

.compl-info-hero p{
    position:relative;
    z-index:2;
    margin:15px 0 0!important;
    color:#dcecff!important;
    font-size:17px!important;
    font-weight:600;
}

.compl-info-card{
    width:calc(100% - 80px);
    max-width:1240px;
    margin:-22px auto 0;
    position:relative;
    z-index:3;
    padding:38px 44px 50px;
    background:#fff;
    border:1px solid #e2ebf5;
    border-radius:18px;
    box-shadow:0 16px 44px rgba(15,49,85,.09);
    box-sizing:border-box;
}

/* A régi wrapper itt már ne legyen külön kártya */
body.compl-fbarat-page .compl-info-card .compl-fbarat-embed{
    max-width:none!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important;
}

/* v4.2 előtti dísz címke kikapcsolása, mert a hero tartalmazza */
body.compl-fbarat-page .compl-fbarat-embed:before{
    display:none!important;
    content:none!important;
}

body.compl-fbarat-page .compl-info-card h1,
body.compl-fbarat-page .compl-info-card h2,
body.compl-fbarat-page .compl-info-card h3{
    color:#0b3765!important;
}

body.compl-fbarat-page .compl-info-card a{
    color:#087ff5!important;
}

@media(max-width:760px){
    .compl-info-page{
        width:calc(100% - 20px);
        margin:12px auto 40px;
    }
    .compl-info-hero{
        min-height:150px;
        padding:30px 22px 42px;
        border-radius:15px;
    }
    .compl-info-card{
        width:calc(100% - 16px);
        margin:-20px auto 0;
        padding:26px 18px 34px;
        border-radius:14px;
    }
}