.tce-cfg{
    --tc-green:#00e675;
    --tc-green-soft:rgba(0,230,117,.16);
    --tc-black:#03070a;
    --tc-panel:#050b0f;
    --tc-panel-2:#0a1216;
    --tc-line:rgba(0,230,117,.42);
    --tc-muted:#778188;
    margin:0 0 0 -20px;
    min-height:calc(100vh - 32px);
    overflow:hidden;
    background:
        radial-gradient(circle at 54% 38%,rgba(0,230,117,.04),transparent 34%),
        var(--tc-black);
    color:#fff;
    font-family:Arial,Helvetica,sans-serif
}

.tce-cfg *{
    box-sizing:border-box
}

.tce-cfg-shell{
    display:grid;
    grid-template-columns:minmax(0,2.15fr) minmax(350px,.95fr);
    gap:14px;
    height:calc(100vh - 32px);
    padding:12px
}

/* BAL OLDALI GALÉRIA */
.tce-cfg-gallery{
    position:relative;
    display:grid;
    place-items:center;
    min-width:0;
    min-height:0;
    padding:62px 10px 10px;
    overflow:hidden;
    border:3px solid var(--tc-green);
    border-radius:30px;
    background:#080d12
}

.tce-cfg-wordmark{
    position:absolute;
    z-index:5;
    top:16px;
    left:18px;
    display:flex;
    align-items:center;
    color:#fff;
    font-size:27px;
    font-weight:300;
    letter-spacing:-1px
}

.tce-cfg-wordmark i{
    margin:0 -1px;
    color:var(--tc-green);
    font-size:29px;
    font-style:normal
}

.tce-cfg-wordmark b{
    color:var(--tc-green);
    font-weight:300
}

.tce-cfg-gallery-stage{
    display:grid;
    place-items:center;
    width:100%;
    height:100%;
    min-height:0;
    overflow:hidden;
    border-radius:22px;
    background:#070c10
}

.tce-cfg-gallery-stage img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
    image-rendering:auto
}

.tce-cfg-gallery-stage [data-empty-image]{
    color:#526069;
    font-size:13px;
    font-weight:700
}

.tce-gallery-prev,
.tce-gallery-next{
    position:absolute;
    z-index:6;
    top:52%;
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    padding:0;
    border:0;
    border-radius:50%;
    background:var(--tc-green);
    color:#00160b;
    font-size:30px;
    font-weight:900;
    line-height:1;
    cursor:pointer;
    transform:translateY(-50%);
    box-shadow:0 8px 22px rgba(0,230,117,.18)
}

.tce-gallery-prev{left:18px}
.tce-gallery-next{right:18px}

.tce-gallery-counter{
    display:none
}

/* JOBB OLDALI PANEL */
.tce-cfg-panel{
    position:relative;
    display:flex;
    flex-direction:column;
    height:100%;
    min-width:0;
    overflow-y:auto;
    overflow-x:hidden;
    padding:0 4px 86px;
    background:transparent;
    scrollbar-color:var(--tc-green) #091014;
    scrollbar-width:thin
}

.tce-cfg-top{
    position:relative;
    display:block;
    flex:0 0 auto;
    padding:8px 8px 10px;
    text-align:center
}

.tce-cfg-top h1{
    margin:0;
    color:#fff;
    font-size:25px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase
}

.tce-cfg-top p{
    margin:3px 0 0;
    color:var(--tc-green);
    font-size:10px;
    font-weight:900;
    text-transform:uppercase
}

.tce-model-admin-switch{
    position:absolute;
    top:3px;
    right:4px;
    opacity:0;
    pointer-events:none
}

/* HARMONIKA MENÜ */
.tce-cfg-steps{
    display:flex;
    flex-direction:column;
    gap:7px;
    flex:0 0 auto;
    padding:0
}

.tce-cfg-steps button{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:34px;
    padding:5px 38px;
    border:1px solid var(--tc-green);
    border-radius:8px;
    background:var(--tc-green);
    color:#001108;
    font-size:15px;
    font-weight:900;
    text-transform:uppercase;
    cursor:pointer;
    transition:
        background .18s ease,
        color .18s ease,
        box-shadow .18s ease
}

.tce-cfg-steps button span{
    display:none
}

.tce-cfg-steps button b{
    display:block;
    font-size:inherit;
    white-space:nowrap
}

.tce-cfg-steps button em{
    position:absolute;
    right:12px;
    top:50%;
    color:#001108;
    font-size:18px;
    font-style:normal;
    line-height:1;
    transform:translateY(-50%)
}

.tce-cfg-steps button.is-active{
    border-color:var(--tc-green);
    background:var(--tc-green);
    color:#001108;
    box-shadow:0 0 24px rgba(0,230,117,.12)
}

.tce-cfg-steps button.is-complete{
    background:var(--tc-green);
    color:#001108
}

/* A main csak tároló; az aktív lapot a JS közvetlenül
   a megfelelő harmonikagomb alá mozgatja. */
.tce-cfg-content{
    display:none
}

.tce-cfg-page{
    display:none;
    width:100%;
    margin:-2px 0 0;
    padding:10px 14px 13px;
    overflow:visible;
    border:1px solid rgba(0,230,117,.18);
    border-top:0;
    border-radius:0 0 9px 9px;
    background:
        linear-gradient(180deg,rgba(0,230,117,.035),transparent 65%),
        var(--tc-panel)
}

.tce-cfg-page.is-active{
    display:block
}

.tce-option-header{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:10px;
    padding:0 0 10px;
    border-bottom:1px solid rgba(0,230,117,.18)
}

.tce-option-header h2{
    margin:0;
    color:#fff;
    font-size:11px;
    font-weight:500;
    text-transform:uppercase
}

.tce-option-header strong{
    display:block;
    margin-top:3px;
    color:var(--tc-green);
    font-size:12px;
    font-weight:700
}

.tce-option-header>span{
    color:#aab1b5;
    font-size:10px;
    font-weight:700;
    text-align:right
}

/* MODELLKÁRTYÁK */
.tce-model-list{
    display:grid;
    gap:8px;
    padding-top:8px
}

.tce-model-card{
    width:100%;
    padding:12px 14px;
    border:1px solid transparent;
    border-radius:9px;
    background:#0a1514;
    color:#fff;
    text-align:left;
    cursor:pointer;
    transition:border-color .18s ease,background .18s ease
}

.tce-model-card:hover{
    border-color:rgba(0,230,117,.55)
}

.tce-model-card.is-selected{
    border:2px solid var(--tc-green);
    background:#08110f
}

.tce-model-card.is-disabled{
    opacity:.58;
    cursor:not-allowed
}

.tce-model-card header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding-bottom:8px;
    border-bottom:1px solid rgba(0,230,117,.45)
}

.tce-model-card header strong{
    color:var(--tc-green);
    font-size:14px;
    font-weight:500;
    text-transform:uppercase
}

.tce-model-card header strong::before{
    content:'○';
    margin-right:9px;
    color:var(--tc-green)
}

.tce-model-card.is-selected header strong::before{
    content:'◉'
}

.tce-model-card header b{
    color:#9aa3a7;
    font-size:9px;
    font-weight:500;
    text-transform:uppercase
}

.tce-model-card dl{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    margin:8px 0 0
}

.tce-model-card dl div{
    text-align:center
}

.tce-model-card dt{
    color:#8b9498;
    font-size:7px;
    text-transform:uppercase
}

.tce-model-card dd{
    margin:2px 0 0;
    color:var(--tc-green);
    font-size:16px;
    font-weight:400;
    text-transform:uppercase
}


.tce-soon{
    display:inline-block;
    margin-top:10px;
    color:#858e92;
    font-size:9px;
    font-weight:700;
    text-transform:uppercase
}

/* OPCIÓK */
.tce-selected-option-preview{
    display:none!important
}

.tce-option-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    padding-top:10px
}

.tce-option-grid.is-wide{
    grid-template-columns:1fr
}

.tce-option-card{
    min-width:0;
    padding:0;
    overflow:hidden;
    border:1px solid rgba(0,230,117,.18);
    border-radius:8px;
    background:#071014;
    color:#fff;
    text-align:left;
    box-shadow:none;
    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease
}

button.tce-option-card{
    cursor:pointer
}

button.tce-option-card:hover{
    transform:translateY(-4px) scale(1.025);
    border-color:var(--tc-green);
    box-shadow:0 9px 20px rgba(0,230,117,.09)
}

.tce-option-card.is-selected{
    border:2px solid var(--tc-green)
}

.tce-option-card.is-disabled{
    filter:grayscale(1);
    opacity:.24;
    cursor:not-allowed
}

.tce-option-image{
    display:block;
    height:105px;
    overflow:hidden;
    background:#0b1115
}

.tce-option-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover
}

.tce-option-grid.is-visual .tce-option-card{
    aspect-ratio:1.3/1;
    border:0;
    border-radius:4px;
    background:transparent;
    outline:2px solid transparent;
    outline-offset:2px
}

.tce-option-grid.is-visual .tce-option-card.is-selected{
    border:0;
    outline-color:var(--tc-green)
}

.tce-option-grid.is-visual .tce-option-image{
    height:100%;
    border-radius:4px;
    background:#071014
}

.tce-option-grid.is-visual .tce-option-image img{
    object-fit:contain
}

.tce-cfg-page[data-step="3"]
.tce-option-grid.is-visual .tce-option-image img{
    padding:6px;
    object-fit:contain
}

.tce-option-copy{
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:4px 8px;
    padding:10px
}

.tce-option-copy strong{
    color:#fff;
    font-size:11px
}

.tce-option-copy small{
    color:#808a8f;
    font-size:9px
}

.tce-option-copy i{
    grid-column:2;
    grid-row:1/3;
    display:grid;
    place-items:center;
    width:28px;
    height:28px;
    border:1px solid var(--tc-green);
    border-radius:50%;
    color:var(--tc-green);
    font-size:18px;
    font-style:normal
}

.tce-option-card.is-selected i{
    background:var(--tc-green);
    color:#001108
}

.tce-option-card.is-showcase{
    border-color:rgba(0,230,117,.16)
}

.tce-option-card.is-showcase i{
    background:rgba(0,230,117,.1);
    color:var(--tc-green)
}

/* SZOLGÁLTATÁS / ÖSSZEGZÉS */
.tce-service-list{
    display:grid;
    gap:8px;
    padding-top:10px
}

.tce-service-list article{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:12px;
    border:1px solid rgba(0,230,117,.22);
    border-radius:8px;
    background:#071014
}

.tce-service-list strong,
.tce-service-list small{
    display:block
}

.tce-service-list strong{
    font-size:11px
}

.tce-service-list small{
    margin-top:3px;
    color:#758087;
    font-size:8px
}

.tce-service-list span{
    color:var(--tc-green);
    font-size:8px;
    font-weight:900
}

.tce-summary-grid{
    display:grid;
    gap:9px;
    padding-top:10px
}

.tce-summary-card,
.tce-summary-price{
    padding:12px;
    border:1px solid rgba(0,230,117,.2);
    border-radius:8px;
    background:#071014
}

.tce-summary-card h3{
    margin:0 0 8px;
    color:var(--tc-green)
}

.tce-summary-card [data-summary-options] p,
.tce-summary-price dl div{
    display:flex;
    justify-content:space-between;
    gap:10px;
    margin:0;
    padding:7px 0;
    border-bottom:1px solid rgba(0,230,117,.12);
    font-size:9px
}

.tce-summary-price dd{
    margin:0;
    font-weight:800
}

.tce-summary-price .is-total{
    color:var(--tc-green);
    font-size:15px
}

.tce-summary-price button{
    width:100%;
    min-height:38px;
    margin-top:8px;
    border-color:var(--tc-green);
    background:transparent;
    color:var(--tc-green)
}

.tce-summary-price .button-primary{
    background:var(--tc-green);
    color:#001108
}

.tce-summary-price p{
    color:#657177;
    font-size:8px
}

.tce-empty-step{
    grid-column:1/-1;
    padding:20px;
    border:1px dashed rgba(0,230,117,.28);
    border-radius:8px;
    color:#758087;
    text-align:center
}

/* ALSÓ ÉLŐ ÁR */
.tce-live-bar{
    position:absolute;
    z-index:30;
    right:4px;
    bottom:0;
    left:4px;
    display:grid;
    grid-template-columns:1fr auto auto;
    align-items:center;
    gap:6px;
    min-height:68px;
    padding:8px 10px;
    border:2px solid var(--tc-green);
    border-radius:8px;
    background:#03080b;
    box-shadow:0 -10px 28px rgba(0,0,0,.35)
}

.tce-live-bar>div{
    min-width:0
}

.tce-live-bar small{
    display:block;
    color:#7f898e;
    font-size:8px;
    font-weight:700;
    text-transform:uppercase
}

.tce-live-bar strong{
    display:block;
    margin-top:2px;
    color:var(--tc-green);
    font-size:23px;
    line-height:1;
    white-space:nowrap
}

.tce-live-bar button{
    min-width:72px;
    min-height:25px;
    padding:2px 8px;
    border:1px solid var(--tc-green);
    border-radius:3px;
    background:#04120d;
    color:var(--tc-green);
    font-size:8px;
    font-weight:800;
    text-transform:uppercase
}

.tce-live-bar button.is-primary{
    min-width:82px;
    background:var(--tc-green);
    color:#001108
}

.tce-live-bar button:disabled{
    opacity:.35
}

/* RESPONSIVE */
@media(max-width:1180px){
    .tce-cfg-shell{
        grid-template-columns:minmax(0,1.65fr) minmax(330px,.85fr)
    }
}

@media(max-width:900px){
    .tce-cfg{
        margin-left:-10px;
        overflow:auto
    }

    .tce-cfg-shell{
        grid-template-columns:1fr;
        height:auto;
        min-height:calc(100vh - 32px)
    }

    .tce-cfg-gallery{
        min-height:52vh
    }

    .tce-cfg-panel{
        height:auto;
        min-height:650px;
        padding-bottom:84px
    }

    .tce-live-bar{
        position:fixed;
        right:10px;
        bottom:10px;
        left:auto;
        width:min(390px,calc(100vw - 20px))
    }
}

@media(max-width:520px){
    .tce-cfg-shell{
        padding:6px
    }

    .tce-cfg-gallery{
        min-height:42vh;
        padding-top:48px;
        border-radius:18px
    }

    .tce-cfg-wordmark{
        top:13px;
        left:13px;
        font-size:21px
    }

    .tce-cfg-wordmark i{
        font-size:23px
    }

    .tce-gallery-prev,
    .tce-gallery-next{
        width:34px;
        height:34px;
        font-size:24px
    }

    .tce-cfg-top h1{
        font-size:21px
    }

    .tce-option-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }

    .tce-model-card dd{
        font-size:13px
    }

    .tce-live-bar{
        right:6px;
        bottom:6px;
        width:calc(100vw - 12px)
    }

    .tce-live-bar strong{
        font-size:18px
    }
}


/* 1.4.4 – galériakeret, valós logó és helyes oszloparányok */
.tce-cfg-shell{
    grid-template-columns:minmax(0,1.58fr) minmax(430px,1fr);
    gap:12px;
}

.tce-cfg-gallery{
    padding:58px 0 0;
    overflow:visible;
    border:0;
    border-radius:0;
    background:transparent;
}

.tce-cfg-gallery-stage{
    position:relative;
    width:100%;
    height:100%;
    min-height:0;
    overflow:hidden;
    border:3px solid var(--tc-green);
    border-radius:28px;
    background:#070c10;
    cursor:none;
}

.tce-cfg-wordmark{
    top:8px;
    left:8px;
    height:38px;
    max-width:220px;
    font-size:0;
}

.tce-cfg-wordmark img{
    display:block;
    width:auto;
    max-width:210px;
    height:34px;
    object-fit:contain;
    object-position:left center;
}

.tce-cfg-wordmark span,
.tce-cfg-wordmark i,
.tce-cfg-wordmark b{
    font-size:27px;
}

.tce-cfg-panel{
    min-width:430px;
}

.tce-cfg-top{
    min-height:58px;
    padding:8px 8px 9px;
}

.tce-cfg-top h1{
    font-size:24px;
}

.tce-cfg-top p{
    font-size:9px;
}

.tce-gallery-prev,
.tce-gallery-next{
    top:56%;
}

.tce-gallery-lens{
    position:absolute;
    z-index:10;
    left:50%;
    top:50%;
    display:none;
    width:190px;
    height:190px;
    overflow:hidden;
    border:2px solid rgba(255,255,255,.78);
    border-radius:50%;
    background-repeat:no-repeat;
    background-color:#071014;
    box-shadow:
        0 10px 35px rgba(0,0,0,.48),
        inset 0 0 0 1px rgba(0,230,117,.3);
    pointer-events:none;
    transform:translate(-50%,-50%);
}

.tce-gallery-lens.is-visible{
    display:block;
}

@media(max-width:1250px){
    .tce-cfg-shell{
        grid-template-columns:minmax(0,1.42fr) minmax(410px,1fr);
    }

    .tce-cfg-panel{
        min-width:410px;
    }
}

@media(max-width:980px){
    .tce-cfg-shell{
        grid-template-columns:minmax(0,1fr) minmax(390px,.92fr);
    }

    .tce-cfg-panel{
        min-width:390px;
    }
}

@media(max-width:900px){
    .tce-cfg-shell{
        grid-template-columns:1fr;
    }

    .tce-cfg-panel{
        min-width:0;
    }

    .tce-cfg-gallery{
        padding-top:50px;
    }

    .tce-gallery-lens{
        display:none!important;
    }
}


/* 1.4.5 – pontos képkeret és finom nagyító */
.tce-cfg-gallery-stage{
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
}
.tce-gallery-image-frame{
    position:absolute;
    z-index:3;
    border:3px solid var(--tc-green);
    border-radius:27px;
    pointer-events:none;
}
.tce-gallery-image-frame[hidden]{display:none!important}
.tce-gallery-lens{
    border:0!important;
    box-shadow:
        0 0 0 8px rgba(5,12,16,.18),
        0 0 22px 11px rgba(5,12,16,.42),
        0 12px 34px rgba(0,0,0,.46)!important;
    backdrop-filter:blur(1.5px);
}
.tce-cfg-shell{
    grid-template-columns:minmax(0,1.42fr) minmax(470px,.82fr)!important;
    max-width:1510px;
    margin:0 auto;
}
.tce-cfg-panel{min-width:470px!important}
.tce-model-list{gap:10px!important}
.tce-model-card{
    padding:14px 18px!important;
    min-height:116px;
}
.tce-model-card header strong{font-size:16px!important}
.tce-model-card dl{margin-top:12px!important;padding-top:8px;border-top:1px solid rgba(0,230,117,.45)}
.tce-model-card dd{font-size:17px!important}

@media(max-width:1180px){
 .tce-cfg-shell{grid-template-columns:minmax(0,1fr) minmax(430px,.85fr)!important}
 .tce-cfg-panel{min-width:430px!important}
}
@media(max-width:900px){
 .tce-cfg-shell{grid-template-columns:1fr!important}
 .tce-cfg-panel{min-width:0!important}
 .tce-gallery-image-frame{border-width:2px;border-radius:18px}
}

/* 1.4.6 – referencia-kép szerinti, valódi CSS Grid konfigurátor */
.tce-cfg{
    background:#03070a!important;
}
.tce-cfg-shell{
    grid-template-columns:minmax(0,2.35fr) minmax(390px,.95fr)!important;
    gap:28px!important;
    max-width:none!important;
    width:100%;
    height:calc(100vh - 32px)!important;
    padding:14px 28px 18px!important;
}
.tce-cfg-gallery{
    display:grid!important;
    grid-template-rows:68px minmax(0,1fr)!important;
    padding:0!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
}
.tce-cfg-wordmark{
    position:relative!important;
    inset:auto!important;
    z-index:8;
    align-self:center;
    justify-self:start;
    height:42px;
    margin-left:10px;
}
.tce-cfg-wordmark img{
    display:block;
    width:auto;
    height:38px;
    max-width:250px;
    object-fit:contain;
}
.tce-cfg-gallery-stage{
    position:relative!important;
    width:100%!important;
    height:100%!important;
    min-height:0;
    overflow:hidden!important;
    border:3px solid var(--tc-green)!important;
    border-radius:34px!important;
    background:#080d12!important;
}
.tce-cfg-gallery-stage img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
}
.tce-gallery-image-frame{display:none!important}
.tce-gallery-prev,.tce-gallery-next{
    top:57%!important;
    width:42px!important;
    height:42px!important;
    font-size:0!important;
}
.tce-gallery-prev::before,.tce-gallery-next::before{
    content:'';
    width:12px;
    height:12px;
    border-top:4px solid #062012;
    border-right:4px solid #062012;
}
.tce-gallery-prev::before{transform:rotate(-135deg);margin-left:5px}
.tce-gallery-next::before{transform:rotate(45deg);margin-right:5px}
.tce-cfg-panel{
    display:grid!important;
    grid-template-rows:auto auto minmax(0,1fr) auto!important;
    min-width:0!important;
    height:100%!important;
    padding:12px 0 0!important;
    overflow:hidden!important;
}
.tce-cfg-top{
    padding:0 8px 14px!important;
    text-align:center!important;
}
.tce-cfg-top h1{font-size:29px!important}
.tce-cfg-top p{font-size:11px!important}
.tce-cfg-steps{
    display:flex!important;
    flex-direction:row!important;
    gap:4px!important;
    width:100%;
    overflow-x:auto;
    padding:0 2px 10px!important;
    scrollbar-width:none;
}
.tce-cfg-steps::-webkit-scrollbar{display:none}
.tce-cfg-steps button{
    flex:0 0 calc((100% - 12px)/4)!important;
    min-width:92px!important;
    min-height:30px!important;
    padding:5px 8px!important;
    border:2px solid var(--tc-green)!important;
    border-radius:7px!important;
    background:transparent!important;
    color:#aeb6ba!important;
    font-size:11px!important;
    line-height:1!important;
}
.tce-cfg-steps button.is-active,
.tce-cfg-steps button.is-complete:hover{
    background:var(--tc-green)!important;
    color:#001108!important;
}
.tce-cfg-content{
    display:block!important;
    min-height:0;
    overflow-y:auto;
    padding:0 2px 8px;
    scrollbar-color:var(--tc-green) #091014;
    scrollbar-width:thin;
}
.tce-cfg-page{
    display:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
}
.tce-cfg-page.is-active{display:block!important}
.tce-option-header{
    padding:0 8px 8px!important;
    border:0!important;
}
.tce-option-header h2{display:none}
.tce-option-header strong{
    margin:0!important;
    color:#858f94!important;
    font-size:9px!important;
    text-transform:uppercase;
}
.tce-model-list{gap:10px!important;padding-top:0!important}
.tce-model-card{
    position:relative;
    min-height:0!important;
    padding:15px 18px!important;
    border:1px solid rgba(0,230,117,.08)!important;
    border-radius:10px!important;
    background:#07110f!important;
}
.tce-model-card.is-selected{border:2px solid var(--tc-green)!important}
.tce-model-card.is-disabled{opacity:.64!important}
.tce-model-card header{padding-bottom:10px!important}
.tce-model-card header strong{font-size:17px!important}
.tce-model-card header b{font-size:10px!important}
.tce-model-card dl{
    grid-template-columns:repeat(3,1fr)!important;
    padding-top:8px!important;
    margin-top:0!important;
    border-top:0!important;
}
.tce-model-card dt{font-size:7px!important}
.tce-model-card dd{font-size:18px!important}

.tce-live-bar{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    margin-top:10px;
    border:2px solid var(--tc-green)!important;
    border-radius:8px!important;
    background:#04090d!important;
}
.tce-gallery-lens{
    width:150px!important;
    height:150px!important;
    border:0!important;
    border-radius:50%!important;
    box-shadow:0 0 28px 14px rgba(4,10,14,.55)!important;
    backdrop-filter:blur(2px)!important;
}
@media(max-width:1100px){
    .tce-cfg-shell{grid-template-columns:minmax(0,1.55fr) minmax(370px,.9fr)!important;gap:16px!important;padding-inline:16px!important}
}
@media(max-width:900px){
    .tce-cfg-shell{grid-template-columns:1fr!important;height:auto!important;min-height:calc(100vh - 32px)}
    .tce-cfg-gallery{grid-template-rows:58px minmax(420px,58vh)!important}
    .tce-cfg-panel{height:auto!important;min-height:620px}
}

.tce-live-bar{
    grid-template-columns:1fr 30px!important;
    min-height:68px!important;
    padding:9px 12px!important;
}
.tce-live-bar [data-prev]{display:none!important}
.tce-live-bar button.is-primary{
    width:26px!important;
    min-width:26px!important;
    height:26px!important;
    min-height:26px!important;
    padding:0!important;
    overflow:hidden;
    border:0!important;
    border-radius:50%!important;
    background:var(--tc-green)!important;
    color:#001108!important;
    font-size:0!important;
}
.tce-live-bar button.is-primary::after{
    content:'›';
    display:block;
    font-size:22px;
    font-weight:900;
    line-height:24px;
}
.tce-live-bar small{font-size:9px!important}
.tce-live-bar strong{font-size:25px!important}

/* 1.4.7-dev – referencia szerinti kitöltés és összecsukható menüsor */
.tce-cfg-gallery{
    padding:0;
}
.tce-cfg-gallery-stage{
    border-radius:27px;
}
.tce-cfg-gallery-stage img{
    object-fit:cover;
}
.tce-cfg-wordmark{
    top:20px;
    left:24px;
}
.tce-cfg-wordmark img{
    display:block;
    width:235px;
    max-width:34%;
    height:auto;
}
.tce-cfg-top{
    padding:8px 8px 14px;
}
.tce-cfg-top h1{
    font-size:28px;
}
.tce-cfg-model-line{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin-top:5px!important;
}
.tce-cfg-model-line strong,
.tce-cfg-model-line span{
    color:var(--tc-green);
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
}
.tce-cfg-model-line span::before{
    content:'–';
    margin-right:10px;
}
.tce-cfg-steps{
    display:flex;
    flex-direction:row;
    gap:4px;
    width:100%;
    overflow:hidden;
}
.tce-cfg-steps button{
    flex:1 1 0;
    min-width:0;
    min-height:31px;
    padding:5px 8px;
    border-radius:7px;
    background:var(--tc-green);
    color:#001108;
    transition:flex .28s ease,background .18s ease,color .18s ease;
}
.tce-cfg-steps button b{
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:10px;
}
.tce-cfg-steps button.is-active{
    flex:4 1 0;
    background:#071014;
    color:#fff;
}
.tce-cfg-steps button.is-complete{
    flex:1 1 0;
    background:var(--tc-green);
    color:#001108;
}
.tce-cfg-steps button:not(.is-active):not(.is-complete){
    flex:1 1 0;
    background:#071014;
    color:#fff;
}


/* 1.4.8-dev – referencia-kép szerinti végleges felülírás */
.tce-cfg-shell{
    grid-template-columns:minmax(0,2.35fr) minmax(390px,.92fr)!important;
    gap:26px!important;
    padding:8px 22px 18px!important;
}
.tce-cfg-gallery{
    grid-template-rows:64px minmax(0,1fr)!important;
    overflow:visible!important;
}
.tce-cfg-wordmark{
    position:relative!important;
    inset:auto!important;
    margin:0 0 0 8px!important;
    align-self:center!important;
    max-width:none!important;
}
.tce-cfg-wordmark img{
    width:240px!important;
    max-width:240px!important;
    height:40px!important;
    object-fit:contain!important;
    object-position:left center!important;
}
.tce-cfg-gallery-stage{
    width:100%!important;
    height:100%!important;
    border:3px solid var(--tc-green)!important;
    border-radius:32px!important;
    overflow:hidden!important;
    background:#05090d!important;
}
.tce-cfg-gallery-stage img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center center!important;
}
.tce-gallery-prev,.tce-gallery-next{top:56%!important}
.tce-cfg-panel{
    grid-template-rows:auto auto minmax(0,1fr) auto!important;
    padding-top:8px!important;
}
.tce-cfg-top{padding:5px 6px 13px!important}
.tce-cfg-top h1{
    font-size:29px!important;
    line-height:1!important;
    white-space:nowrap;
}
.tce-cfg-model-line{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:8px!important;
    margin-top:4px!important;
}
.tce-cfg-model-line strong,.tce-cfg-model-line span{
    font-size:10px!important;
    line-height:1.1!important;
    color:var(--tc-green)!important;
}
.tce-cfg-steps{
    display:flex!important;
    flex-direction:row!important;
    gap:4px!important;
    width:100%!important;
    overflow:hidden!important;
    padding:0 2px 10px!important;
}
.tce-cfg-steps button{
    flex:1 1 0!important;
    min-width:0!important;
    height:30px!important;
    min-height:30px!important;
    padding:4px 7px!important;
    border:2px solid var(--tc-green)!important;
    background:transparent!important;
    color:#aab2b6!important;
    transition:flex-grow .25s ease,background .2s ease,color .2s ease!important;
}
.tce-cfg-steps button.is-active{
    flex-grow:4!important;
    background:var(--tc-green)!important;
    color:#001108!important;
}
.tce-cfg-steps button.is-complete{
    flex-grow:1!important;
    background:var(--tc-green)!important;
    color:#001108!important;
}
.tce-cfg-steps button b{
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:10px!important;
}
.tce-cfg-content{padding:0 2px 8px!important}
.tce-option-header{padding:0 8px 8px!important}
.tce-model-list{gap:10px!important}
.tce-model-card{
    padding:14px 18px 13px!important;
    border:1px solid rgba(0,230,117,.12)!important;
    border-radius:10px!important;
    background:#081310!important;
}
.tce-model-card.is-selected{
    border:2px solid var(--tc-green)!important;
    background:#07100e!important;
}
.tce-model-card.is-disabled{opacity:.74!important}
.tce-model-card header{padding-bottom:10px!important}
.tce-model-card header strong{font-size:17px!important}
.tce-model-card header b{font-size:9px!important;color:#9ca5a9!important}
.tce-model-card dl{margin:9px 0 0!important;padding:0!important;border:0!important}
.tce-model-card dt{font-size:7px!important}
.tce-model-card dd{font-size:17px!important;line-height:1.1!important}


.tce-live-bar{margin-top:8px!important}
@media(max-width:1100px){
    .tce-cfg-shell{grid-template-columns:minmax(0,1.55fr) minmax(380px,.9fr)!important;gap:16px!important;padding-inline:14px!important}
    .tce-cfg-wordmark img{width:205px!important;max-width:205px!important}
}


/* 1.4.9-dev – fejléc-adatok, műszaki értékek és olvashatóság */
.tce-cfg-top h1{
    font-size:30px!important;
    letter-spacing:-.5px!important;
}
.tce-cfg-model-line{
    gap:9px!important;
    white-space:nowrap!important;
}
.tce-cfg-model-line strong,
.tce-cfg-model-line span{
    font-size:11px!important;
    font-weight:900!important;
}
.tce-model-card{
    padding:15px 18px 14px!important;
}
.tce-model-card header strong{
    font-size:18px!important;
    line-height:1.15!important;
}
.tce-model-card header b{
    font-size:10px!important;
    line-height:1.15!important;
}
.tce-model-card dt{
    font-size:8px!important;
    font-weight:700!important;
}
.tce-model-card dd{
    margin-top:4px!important;
    font-size:18px!important;
    font-weight:500!important;
}




/* 1.5.0-dev – első konfigurátoroldal tipográfia és egységesítés */
.tce-cfg-top h1{
    font-size:32px!important;
    line-height:1.02!important;
    letter-spacing:-.6px!important;
}
.tce-cfg-model-line strong,
.tce-cfg-model-line span{
    font-size:12px!important;
    line-height:1.2!important;
}
.tce-option-header h2{
    font-size:13px!important;
}
.tce-option-header strong{
    font-size:14px!important;
}
.tce-model-list{
    grid-auto-rows:1fr!important;
    gap:12px!important;
}
.tce-model-card{
    display:flex!important;
    flex-direction:column!important;
    min-height:178px!important;
    height:100%!important;
    padding:17px 20px 16px!important;
}
.tce-model-card header strong{
    font-size:20px!important;
    line-height:1.15!important;
}
.tce-model-card header b{
    font-size:11px!important;
    line-height:1.2!important;
}
.tce-model-card dt{
    font-size:9px!important;
    line-height:1.2!important;
}
.tce-model-card dd{
    margin-top:5px!important;
    font-size:21px!important;
    line-height:1.08!important;
}


.tce-gallery-prev,
.tce-gallery-next{
    width:auto!important;
    height:auto!important;
    padding:4px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:var(--tc-green)!important;
    font-size:58px!important;
    font-weight:400!important;
    line-height:.7!important;
    box-shadow:none!important;
    text-shadow:0 0 16px rgba(0,230,117,.28)!important;
}
.tce-gallery-prev:hover,
.tce-gallery-next:hover{
    background:transparent!important;
    color:#39ff98!important;
}
.tce-live-bar [data-prev]{
    display:none!important;
}
.tce-live-bar button.is-primary{
    min-width:auto!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    padding:0 8px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:var(--tc-green)!important;
    font-size:46px!important;
    font-weight:400!important;
    line-height:1!important;
    box-shadow:none!important;
}
.tce-live-bar button.is-primary::after{
    content:none!important;
}
@media(max-width:1100px){
    .tce-cfg-top h1{font-size:28px!important}
    .tce-model-card{min-height:168px!important;padding:15px 16px!important}
    .tce-model-card header strong{font-size:18px!important}
    .tce-model-card dd{font-size:19px!important}

}


/* 1.5.1-dev – szürke segédszövegek olvashatósága és tiszta tovább nyíl */
.tce-option-header strong{
    color:#aeb7b3!important;
    font-size:16px!important;
    line-height:1.3!important;
}
.tce-model-card header b{
    color:#b8c0bd!important;
    font-size:13px!important;
    font-weight:700!important;
    line-height:1.25!important;
}
.tce-model-card dt{
    color:#aeb7b3!important;
    font-size:11px!important;
    font-weight:800!important;
    line-height:1.25!important;
}


.tce-live-bar button.is-primary{
    overflow:hidden!important;
    width:34px!important;
    min-width:34px!important;
    padding:0!important;
    font-size:0!important;
    text-indent:-9999px!important;
}
.tce-live-bar button.is-primary::before{
    content:'›'!important;
    display:block!important;
    color:var(--tc-green)!important;
    font-size:46px!important;
    font-weight:400!important;
    line-height:.9!important;
    text-indent:0!important;
}
@media(max-width:1100px){
    .tce-model-card header b{font-size:12px!important}
    .tce-model-card dt{font-size:10px!important}

}

/* 1.5.3-dev – egységes modellrészlet-tipográfia
   Egyetlen forrás: nincs több egymást felülíró .tce-model-details szabály. */
.tce-model-card .tce-model-details {
    display: block !important;
    margin: 12px 0 0 !important;
    color: #d8ddda !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
}

.tce-model-card .tce-model-details span {
    display: block !important;
    margin-top: 3px !important;
    color: inherit !important;
    font: inherit !important;
    line-height: inherit !important;
}

@media (max-width: 1100px) {
    .tce-model-card .tce-model-details {
        font-size: 15px !important;
        line-height: 1.5 !important;
    }
}

/* 1.5.5-dev – Külső szín, Felnik és Belső szín: egységes vizuális rács.
   Két oszlop, nagyobb képek, külön csempeháttér nélkül. */
:is(
    .tce-cfg-page[data-step="2"],
    .tce-cfg-page[data-step="3"],
    .tce-cfg-page[data-step="4"]
) .tce-option-grid.is-visual {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px 16px !important;
    padding: 8px 4px 14px !important;
}

:is(
    .tce-cfg-page[data-step="2"],
    .tce-cfg-page[data-step="3"],
    .tce-cfg-page[data-step="4"]
) .tce-option-card {
    aspect-ratio: 1.75 / 1 !important;
    overflow: visible !important;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

:is(
    .tce-cfg-page[data-step="2"],
    .tce-cfg-page[data-step="3"],
    .tce-cfg-page[data-step="4"]
) button.tce-option-card:hover {
    transform: scale(1.035) !important;
    border-color: rgba(0, 230, 117, .5) !important;
    background: transparent !important;
    box-shadow: none !important;
}

:is(
    .tce-cfg-page[data-step="2"],
    .tce-cfg-page[data-step="3"],
    .tce-cfg-page[data-step="4"]
) .tce-option-card.is-selected {
    border: 2px solid var(--tc-green) !important;
    outline: 0 !important;
    background: transparent !important;
}

:is(
    .tce-cfg-page[data-step="2"],
    .tce-cfg-page[data-step="3"],
    .tce-cfg-page[data-step="4"]
) .tce-option-image {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    border-radius: 8px !important;
    background: transparent !important;
}

:is(
    .tce-cfg-page[data-step="2"],
    .tce-cfg-page[data-step="3"],
    .tce-cfg-page[data-step="4"]
) .tce-option-image img {
    width: 100% !important;
    height: 100% !important;
    padding: 4px !important;
    object-fit: contain !important;
    object-position: center !important;
    background: transparent !important;
}

/* Az aktív fül teljes, ékezetes felirata maradjon olvasható. */
.tce-cfg-steps button.is-active b {
    overflow: visible !important;
    text-overflow: clip !important;
}

@media (max-width: 760px) {
    :is(
    .tce-cfg-page[data-step="2"],
    .tce-cfg-page[data-step="3"],
    .tce-cfg-page[data-step="4"]
) .tce-option-grid.is-visual {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
}


/* 1.5.6-dev – Extrák és Alapfelszereltség: vízszintes, kétpaneles kártyák. */
.tce-cfg-page[data-step="5"] .tce-option-grid,
.tce-cfg-page[data-step="6"] .tce-option-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    padding: 10px 4px 16px !important;
}

.tce-cfg-page[data-step="5"] .tce-option-card,
.tce-cfg-page[data-step="6"] .tce-option-card {
    display: grid !important;
    grid-template-columns: minmax(0, 48%) minmax(0, 52%) !important;
    min-height: 150px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(0, 230, 117, .46) !important;
    border-radius: 14px !important;
    background: #071014 !important;
    box-shadow: none !important;
    transform: none !important;
}

.tce-cfg-page[data-step="5"] button.tce-option-card:hover {
    border-color: var(--tc-green) !important;
    background: #081510 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 24px rgba(0, 230, 117, .08) !important;
}

.tce-cfg-page[data-step="5"] .tce-option-card.is-selected {
    border: 2px solid var(--tc-green) !important;
}

.tce-cfg-page[data-step="5"] .tce-option-image,
.tce-cfg-page[data-step="6"] .tce-option-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 150px !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.tce-cfg-page[data-step="5"] .tce-option-image img,
.tce-cfg-page[data-step="6"] .tce-option-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 150px !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
    background: transparent !important;
}

.tce-cfg-page[data-step="5"] .tce-option-copy,
.tce-cfg-page[data-step="6"] .tce-option-copy {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    padding: 16px 12px !important;
    text-align: center !important;
    background: transparent !important;
}

.tce-cfg-page[data-step="5"] .tce-option-copy strong,
.tce-cfg-page[data-step="6"] .tce-option-copy strong {
    display: block !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 1.18 !important;
    font-weight: 800 !important;
    text-wrap: balance !important;
}

.tce-cfg-page[data-step="5"] .tce-option-copy small,
.tce-cfg-page[data-step="6"] .tce-option-copy small {
    display: block !important;
    color: #aab2b6 !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
}

.tce-cfg-page[data-step="5"] .tce-option-copy i,
.tce-cfg-page[data-step="6"] .tce-option-copy i {
    display: grid !important;
    place-items: center !important;
    width: 38px !important;
    height: 38px !important;
    margin-top: 4px !important;
    border: 1px solid var(--tc-green) !important;
    border-radius: 50% !important;
    background: transparent !important;
    color: var(--tc-green) !important;
    font-size: 25px !important;
    line-height: 1 !important;
    font-style: normal !important;
}

.tce-cfg-page[data-step="5"] .tce-option-card.is-selected .tce-option-copy i {
    background: var(--tc-green) !important;
    color: #001108 !important;
}

.tce-cfg-page[data-step="6"] .tce-option-card.is-showcase .tce-option-copy i {
    border-color: rgba(0, 230, 117, .65) !important;
    background: rgba(0, 230, 117, .10) !important;
    color: var(--tc-green) !important;
}

/* Az ALAPFELSZERELTSÉG aktív menüpont kapjon több helyet. */
.tce-cfg-steps button[data-step-button="6"].is-active {
    flex-grow: 6.5 !important;
    min-width: 150px !important;
}

.tce-cfg-steps button[data-step-button="6"].is-active b {
    overflow: visible !important;
    text-overflow: clip !important;
    font-size: 10px !important;
}

@media (max-width: 760px) {
    .tce-cfg-page[data-step="5"] .tce-option-card,
    .tce-cfg-page[data-step="6"] .tce-option-card {
        grid-template-columns: 47% 53% !important;
        min-height: 132px !important;
    }

    .tce-cfg-page[data-step="5"] .tce-option-image,
    .tce-cfg-page[data-step="6"] .tce-option-image,
    .tce-cfg-page[data-step="5"] .tce-option-image img,
    .tce-cfg-page[data-step="6"] .tce-option-image img {
        min-height: 132px !important;
    }

    .tce-cfg-page[data-step="5"] .tce-option-copy,
    .tce-cfg-page[data-step="6"] .tce-option-copy {
        gap: 6px !important;
        padding: 12px 8px !important;
    }

    .tce-cfg-page[data-step="5"] .tce-option-copy strong,
    .tce-cfg-page[data-step="6"] .tce-option-copy strong {
        font-size: 14px !important;
    }

    .tce-cfg-page[data-step="5"] .tce-option-copy small,
    .tce-cfg-page[data-step="6"] .tce-option-copy small {
        font-size: 11px !important;
    }

    .tce-cfg-page[data-step="5"] .tce-option-copy i,
    .tce-cfg-page[data-step="6"] .tce-option-copy i {
        width: 34px !important;
        height: 34px !important;
        font-size: 22px !important;
    }
}


/* 1.5.7-dev – Kiegészítők egységes kártyái, nyíl-duplikáció javítás. */
.tce-cfg-page[data-step="7"] .tce-option-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    padding: 10px 4px 16px !important;
}

.tce-cfg-page[data-step="7"] .tce-option-card {
    display: grid !important;
    grid-template-columns: minmax(0, 48%) minmax(0, 52%) !important;
    min-height: 150px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(0, 230, 117, .46) !important;
    border-radius: 14px !important;
    background: #071014 !important;
    box-shadow: none !important;
    transform: none !important;
}

.tce-cfg-page[data-step="7"] button.tce-option-card:hover {
    border-color: var(--tc-green) !important;
    background: #081510 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 24px rgba(0, 230, 117, .08) !important;
}

.tce-cfg-page[data-step="7"] .tce-option-card.is-selected {
    border: 2px solid var(--tc-green) !important;
}

.tce-cfg-page[data-step="7"] .tce-option-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 150px !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.tce-cfg-page[data-step="7"] .tce-option-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 150px !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
    background: transparent !important;
}

.tce-cfg-page[data-step="7"] .tce-option-copy {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    padding: 16px 12px !important;
    text-align: center !important;
    background: transparent !important;
}

.tce-cfg-page[data-step="7"] .tce-option-copy strong {
    display: block !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 1.18 !important;
    font-weight: 800 !important;
    text-wrap: balance !important;
}

.tce-cfg-page[data-step="7"] .tce-option-copy small {
    display: block !important;
    color: #aab2b6 !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
}

.tce-cfg-page[data-step="7"] .tce-option-copy i {
    display: grid !important;
    place-items: center !important;
    width: 38px !important;
    height: 38px !important;
    margin-top: 4px !important;
    border: 1px solid var(--tc-green) !important;
    border-radius: 50% !important;
    background: transparent !important;
    color: var(--tc-green) !important;
    font-size: 25px !important;
    line-height: 1 !important;
    font-style: normal !important;
}

.tce-cfg-page[data-step="7"] .tce-option-card.is-selected .tce-option-copy i {
    background: var(--tc-green) !important;
    color: #001108 !important;
}

/* Korábban a gomb szövege és a ::before nyíl egyszerre jelent meg. */
.tce-gallery-prev::before,
.tce-gallery-next::before {
    content: none !important;
    display: none !important;
}

@media (max-width: 760px) {
    .tce-cfg-page[data-step="7"] .tce-option-card {
        grid-template-columns: 47% 53% !important;
        min-height: 132px !important;
    }

    .tce-cfg-page[data-step="7"] .tce-option-image,
    .tce-cfg-page[data-step="7"] .tce-option-image img {
        min-height: 132px !important;
    }

    .tce-cfg-page[data-step="7"] .tce-option-copy {
        gap: 6px !important;
        padding: 12px 8px !important;
    }

    .tce-cfg-page[data-step="7"] .tce-option-copy strong {
        font-size: 14px !important;
    }

    .tce-cfg-page[data-step="7"] .tce-option-copy small {
        font-size: 11px !important;
    }
}

/* 1.5.8-dev – Összegzés oldal olvashatósága */
.tce-cfg-page[data-step="9"] .tce-option-header h2{
    font-size:18px !important;
    line-height:1.2 !important;
}

.tce-cfg-page[data-step="9"] .tce-option-header strong{
    font-size:14px !important;
    line-height:1.35 !important;
}

.tce-cfg-page[data-step="9"] .tce-summary-card,
.tce-cfg-page[data-step="9"] .tce-summary-price{
    padding:16px !important;
}

.tce-cfg-page[data-step="9"] .tce-summary-card h3{
    margin-bottom:12px !important;
    font-size:18px !important;
    line-height:1.25 !important;
}

.tce-cfg-page[data-step="9"] .tce-summary-card [data-summary-options] p,
.tce-cfg-page[data-step="9"] .tce-summary-price dl div{
    gap:14px !important;
    padding:10px 0 !important;
    font-size:13px !important;
    line-height:1.4 !important;
}

.tce-cfg-page[data-step="9"] .tce-summary-card [data-summary-options] p span,
.tce-cfg-page[data-step="9"] .tce-summary-card [data-summary-options] p strong,
.tce-cfg-page[data-step="9"] .tce-summary-price dt,
.tce-cfg-page[data-step="9"] .tce-summary-price dd{
    font-size:13px !important;
    line-height:1.4 !important;
}

.tce-cfg-page[data-step="9"] .tce-summary-price dd{
    white-space:nowrap;
}

.tce-cfg-page[data-step="9"] .tce-summary-price .is-total,
.tce-cfg-page[data-step="9"] .tce-summary-price .is-total dt,
.tce-cfg-page[data-step="9"] .tce-summary-price .is-total dd{
    font-size:18px !important;
    line-height:1.25 !important;
}

.tce-cfg-page[data-step="9"] .tce-summary-price button{
    min-height:44px !important;
    font-size:13px !important;
    font-weight:800 !important;
}

.tce-cfg-page[data-step="9"] .tce-summary-price p{
    font-size:10px !important;
    line-height:1.5 !important;
}

@media (max-width: 760px){
    .tce-cfg-page[data-step="9"] .tce-summary-card [data-summary-options] p,
    .tce-cfg-page[data-step="9"] .tce-summary-price dl div,
    .tce-cfg-page[data-step="9"] .tce-summary-card [data-summary-options] p span,
    .tce-cfg-page[data-step="9"] .tce-summary-card [data-summary-options] p strong,
    .tce-cfg-page[data-step="9"] .tce-summary-price dt,
    .tce-cfg-page[data-step="9"] .tce-summary-price dd{
        font-size:12px !important;
    }
}

/* 1.6.7-dev – külön mobil fekvő konfigurátor: nagy galéria + vízszintes opciósávok */
@media (orientation: landscape) and (max-height: 700px) {
    .tc-mobile-configurator-page .tce-public-configurator-embed,
    .tc-mobile-configurator-page .tce-cfg,
    .tc-mobile-configurator-page .tce-cfg-shell {
        width: 100% !important;
        max-width: none !important;
    }

    .tc-mobile-configurator-page .tce-cfg {
        margin: 0 !important;
        min-height: 0 !important;
        overflow: visible !important;
        background: #03070a !important;
    }

    .tc-mobile-configurator-page .tce-cfg-shell {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        height: auto !important;
        min-height: calc(100dvh - 44px) !important;
        padding: 8px max(10px, env(safe-area-inset-right)) 82px max(10px, env(safe-area-inset-left)) !important;
        overflow: visible !important;
    }

    .tc-mobile-configurator-page .tce-cfg-gallery {
        order: 1 !important;
        display: grid !important;
        grid-template-rows: 32px minmax(0, 1fr) !important;
        flex: 0 0 auto !important;
        width: 100% !important;
        height: clamp(245px, 58dvh, 430px) !important;
        min-height: 245px !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .tc-mobile-configurator-page .tce-cfg-wordmark {
        height: 28px !important;
        margin: 0 0 4px 4px !important;
    }

    .tc-mobile-configurator-page .tce-cfg-wordmark img {
        height: 27px !important;
        max-width: 190px !important;
    }

    .tc-mobile-configurator-page .tce-cfg-gallery-stage {
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        border-width: 2px !important;
        border-radius: 18px !important;
        cursor: default !important;
    }

    .tc-mobile-configurator-page .tce-cfg-gallery-stage img {
        width: 100% !important;
        height: 100% !important;
        padding: 2px !important;
        object-fit: contain !important;
        object-position: center !important;
        transform: scale(1.08);
        transform-origin: center;
    }

    .tc-mobile-configurator-page .tce-gallery-lens {
        display: none !important;
    }

    .tc-mobile-configurator-page .tce-gallery-prev,
    .tc-mobile-configurator-page .tce-gallery-next {
        top: calc(50% + 16px) !important;
        width: 38px !important;
        height: 38px !important;
    }

    .tc-mobile-configurator-page .tce-gallery-prev { left: 10px !important; }
    .tc-mobile-configurator-page .tce-gallery-next { right: 10px !important; }

    .tc-mobile-configurator-page .tce-cfg-panel {
        order: 2 !important;
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .tc-mobile-configurator-page .tce-cfg-top {
        padding: 0 4px 7px !important;
        text-align: left !important;
    }

    .tc-mobile-configurator-page .tce-cfg-top h1 {
        font-size: 22px !important;
        line-height: 1.05 !important;
    }

    .tc-mobile-configurator-page .tce-cfg-top p {
        margin-top: 3px !important;
        font-size: 9px !important;
    }

    .tc-mobile-configurator-page .tce-cfg-steps {
        display: flex !important;
        flex-direction: row !important;
        gap: 7px !important;
        width: 100% !important;
        padding: 2px 2px 9px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        overscroll-behavior-inline: contain;
        scroll-snap-type: x mandatory;
        scroll-padding-inline: 2px;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-x;
    }

    .tc-mobile-configurator-page .tce-cfg-steps button {
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: max-content !important;
        min-height: 34px !important;
        padding: 6px 16px !important;
        scroll-snap-align: center;
        font-size: 10px !important;
        white-space: nowrap !important;
    }

    .tc-mobile-configurator-page .tce-cfg-content {
        display: block !important;
        width: 100% !important;
        min-height: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .tc-mobile-configurator-page .tce-cfg-page {
        width: 100% !important;
        overflow: visible !important;
    }

    .tc-mobile-configurator-page .tce-option-header {
        padding: 0 4px 7px !important;
    }

    .tc-mobile-configurator-page .tce-option-header strong {
        font-size: 10px !important;
    }

    .tc-mobile-configurator-page .tce-option-grid,
    .tc-mobile-configurator-page .tce-option-grid.is-wide,
    .tc-mobile-configurator-page .tce-model-list,
    .tc-mobile-configurator-page .tce-service-list {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 10px !important;
        width: 100% !important;
        padding: 3px 4px 12px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        overscroll-behavior-inline: contain;
        scroll-snap-type: x mandatory;
        scroll-padding-inline: 4px;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-x;
        scrollbar-width: none;
    }

    .tc-mobile-configurator-page .tce-option-grid::-webkit-scrollbar,
    .tc-mobile-configurator-page .tce-model-list::-webkit-scrollbar,
    .tc-mobile-configurator-page .tce-service-list::-webkit-scrollbar {
        display: none;
    }

    .tc-mobile-configurator-page .tce-option-card,
    .tc-mobile-configurator-page .tce-option-grid.is-visual .tce-option-card,
    .tc-mobile-configurator-page .tce-cfg-page[data-step="5"] .tce-option-card,
    .tc-mobile-configurator-page .tce-cfg-page[data-step="6"] .tce-option-card,
    .tc-mobile-configurator-page .tce-cfg-page[data-step="7"] .tce-option-card {
        flex: 0 0 clamp(210px, 31vw, 300px) !important;
        width: clamp(210px, 31vw, 300px) !important;
        min-width: clamp(210px, 31vw, 300px) !important;
        max-width: none !important;
        min-height: 150px !important;
        aspect-ratio: auto !important;
        scroll-snap-align: center;
        scroll-snap-stop: always;
    }

    .tc-mobile-configurator-page .tce-option-grid.is-visual .tce-option-card {
        min-height: 160px !important;
    }

    .tc-mobile-configurator-page .tce-option-image,
    .tc-mobile-configurator-page .tce-option-grid.is-visual .tce-option-image,
    .tc-mobile-configurator-page .tce-cfg-page[data-step="5"] .tce-option-image,
    .tc-mobile-configurator-page .tce-cfg-page[data-step="6"] .tce-option-image,
    .tc-mobile-configurator-page .tce-cfg-page[data-step="7"] .tce-option-image {
        height: 112px !important;
        min-height: 112px !important;
    }

    .tc-mobile-configurator-page .tce-model-card {
        flex: 0 0 clamp(270px, 42vw, 390px) !important;
        width: clamp(270px, 42vw, 390px) !important;
        min-width: clamp(270px, 42vw, 390px) !important;
        scroll-snap-align: center;
        scroll-snap-stop: always;
    }

    .tc-mobile-configurator-page .tce-service-list article {
        flex: 0 0 clamp(250px, 38vw, 350px) !important;
        width: clamp(250px, 38vw, 350px) !important;
        scroll-snap-align: center;
    }

    .tc-mobile-configurator-page .tce-live-bar {
        position: fixed !important;
        z-index: 10020 !important;
        right: max(8px, env(safe-area-inset-right)) !important;
        bottom: max(6px, env(safe-area-inset-bottom)) !important;
        left: max(8px, env(safe-area-inset-left)) !important;
        width: auto !important;
        min-height: 54px !important;
        margin: 0 !important;
        box-shadow: 0 -10px 30px rgba(0,0,0,.42) !important;
    }
}

/* 1.6.8-dev – mobil galéria V3 + kézi desktop nagyítás */
.tce-gallery-zoom-toggle{
    position:absolute;
    right:16px;
    bottom:16px;
    z-index:12;
    display:grid;
    place-items:center;
    width:46px;
    height:46px;
    padding:0;
    border:1px solid rgba(0,230,117,.82);
    border-radius:50%;
    background:rgba(3,7,10,.82);
    color:#00e675;
    cursor:pointer;
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    transition:background .18s ease,color .18s ease,transform .18s ease;
}
.tce-gallery-zoom-toggle:hover,
.tce-gallery-zoom-toggle:focus-visible,
.tce-gallery-zoom-toggle.is-active{
    background:#00e675;
    color:#00160b;
    outline:none;
    transform:scale(1.05);
}
.tce-gallery-zoom-toggle span{
    font-size:29px;
    line-height:1;
    transform:rotate(-18deg);
}
.tce-gallery-lens{
    width:230px;
    height:230px;
}

@media (orientation: landscape) and (max-height: 700px) {
    .tc-mobile-configurator-page .tce-cfg-shell{
        gap:8px !important;
        padding-top:4px !important;
        padding-bottom:84px !important;
    }
    .tc-mobile-configurator-page .tce-cfg-gallery{
        grid-template-rows:minmax(0,1fr) !important;
        height:clamp(360px,76dvh,570px) !important;
        min-height:360px !important;
        border-radius:20px !important;
    }
    .tc-mobile-configurator-page .tce-cfg-wordmark{
        display:none !important;
    }
    .tc-mobile-configurator-page .tce-cfg-gallery-stage{
        border-radius:16px !important;
    }
    .tc-mobile-configurator-page .tce-cfg-gallery-stage img{
        padding:0 !important;
        transform:scale(1.16) !important;
    }
    .tc-mobile-configurator-page .tce-gallery-prev,
    .tc-mobile-configurator-page .tce-gallery-next{
        top:50% !important;
    }
    .tc-mobile-configurator-page .tce-gallery-counter{
        bottom:10px !important;
    }
    .tc-mobile-configurator-page .tce-gallery-zoom-toggle{
        display:none !important;
    }
    .tc-mobile-configurator-page .tce-cfg-top{
        order:0 !important;
        min-height:36px !important;
        padding:2px 6px 8px !important;
    }
    .tc-mobile-configurator-page .tce-cfg-top h1{
        display:none !important;
    }
    .tc-mobile-configurator-page .tce-cfg-model-line{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:14px !important;
        margin:0 !important;
        font-size:12px !important;
        line-height:1.2 !important;
        white-space:nowrap !important;
    }
    .tc-mobile-configurator-page .tce-cfg-model-line strong,
    .tc-mobile-configurator-page .tce-cfg-model-line span{
        font-size:12px !important;
        line-height:1.2 !important;
    }
    .tc-mobile-configurator-page .tce-cfg-model-line strong::after{
        content:'–';
        margin-left:14px;
        color:#00e675;
    }
    .tc-mobile-configurator-page .tce-live-bar{
        right:0 !important;
        bottom:0 !important;
        left:0 !important;
        min-height:64px !important;
        border-radius:0 !important;
        border-width:2px 0 0 !important;
        padding-right:max(12px,env(safe-area-inset-right)) !important;
        padding-bottom:max(6px,env(safe-area-inset-bottom)) !important;
        padding-left:max(12px,env(safe-area-inset-left)) !important;
    }
}


/* 1.6.9-dev – mobil ársáv és kézi nagyító javítás */
.tce-cfg-gallery-stage,
.tce-cfg-gallery-stage img{
    cursor:default !important;
}

@media (orientation: landscape) and (max-height: 700px) {
    /* A meglévő span::before már kirajzolja az egyetlen elválasztójelet. */
    .tc-mobile-configurator-page .tce-cfg-model-line strong::after{
        content:none !important;
        display:none !important;
        margin:0 !important;
    }

    /* Kompakt, középre rögzített lebegő végösszeg. */
    .tc-mobile-configurator-page .tce-live-bar{
        right:auto !important;
        bottom:max(8px,env(safe-area-inset-bottom)) !important;
        left:50% !important;
        width:min(430px,calc(100vw - 24px)) !important;
        min-height:58px !important;
        padding:7px 10px 7px 16px !important;
        border:2px solid #00e675 !important;
        border-radius:15px !important;
        transform:translateX(-50%) !important;
        box-shadow:0 12px 34px rgba(0,0,0,.52) !important;
    }
    .tc-mobile-configurator-page .tce-live-bar > div{
        min-width:0 !important;
    }
    .tc-mobile-configurator-page .tce-live-bar small{
        font-size:9px !important;
        line-height:1 !important;
    }
    .tc-mobile-configurator-page .tce-live-bar strong{
        font-size:22px !important;
        line-height:1.05 !important;
        white-space:nowrap !important;
    }
    .tc-mobile-configurator-page .tce-live-bar [data-prev]{
        display:none !important;
    }
    .tc-mobile-configurator-page .tce-live-bar [data-next]{
        width:46px !important;
        min-width:46px !important;
        height:44px !important;
    }
}