/* ND_BRAND_INDEX_R1 — panoul pliabil al cardurilor de brand de pe /catalog/mobilier
   Valorile de culoare, raza si spatiere sunt luate din cardul existent:
   fundal #fff, bordura #e6e2dd, raza 6px, corp cu padding 10px 11px 12px, text 11.5px. */

/* fraza se opreste la doua randuri in card; textul intreg sta sub buton */
.nd-cards--brands .nd-cards__meta {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* panoul se lipeste de card si continua chenarul lui */
.nd-cards--brands .nd-cards__card {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0;
}

.nd-brand-more {
    margin: 0;
    background: #fff;
    border: 1px solid #e6e2dd;
    border-top: 1px solid #efece8;
    border-radius: 0 0 6px 6px;
    padding: 0 11px;
}

/* markerul nativ scos in toate motoarele, inlocuit cu semnul plus */
.nd-brand-more > summary {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 9px 0;
    font-size: 11.5px;
    line-height: 1.3;
    color: #6b655e;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    user-select: none;
}

.nd-brand-more > summary::marker { content: ""; }
.nd-brand-more > summary::-webkit-details-marker { display: none; }

.nd-brand-more > summary::before {
    content: "+";
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border: 1.5px solid currentColor;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    padding-bottom: 1px;
}

.nd-brand-more[open] > summary::before {
    content: "\2212"; /* semnul minus, aceeasi latime ca plusul */
    padding-bottom: 0;
}

.nd-brand-more > summary:hover,
.nd-brand-more[open] > summary {
    color: #292725;
}

.nd-brand-more > summary:focus-visible {
    outline: 2px solid #292725;
    outline-offset: 2px;
    border-radius: 3px;
}

.nd-brand-more__text {
    margin: 0;
    padding: 0 0 11px;
    font-size: 12px;
    line-height: 1.55;
    color: #4a4640;
}

/* pe ecrane mici cardurile stau doua pe rand: tinta de atingere ramane confortabila */
@media (max-width: 767px) {
    .nd-brand-more > summary { padding: 10px 0; }
    .nd-brand-more__text { font-size: 12.5px; }
}

/* ND-SUBCAT-LATERAL-START */
.nd-subcat-lateral{box-sizing:border-box;margin:0 0 20px 0;padding:14px 16px;border:.5px solid #e3e0dc;border-radius:6px;background:#fbfaf8}
.nd-subcat-lateral .nd-subcat-titlu{margin:0 0 10px 0;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}
.nd-subcat-lateral .nd-subcat-lista{list-style:none;margin:0;padding:0}
.nd-subcat-lateral .nd-subcat-item{margin:0 0 6px 0;padding:0;font-size:13.5px;line-height:1.4}
.nd-subcat-lateral .nd-subcat-item a{text-decoration:none}
.nd-subcat-lateral .nd-subcat-item a:hover{text-decoration:underline}
.nd-subcat-lateral .nd-subcat-nr{color:#6b6b6b;font-size:12px;margin-left:4px}
.nd-subcat-lateral .nd-subcat-extra{margin-top:6px}
.nd-subcat-lateral .nd-subcat-extra>summary{cursor:pointer;font-size:13px;font-weight:600;padding:6px 0;list-style:none}
.nd-subcat-lateral .nd-subcat-extra>summary::-webkit-details-marker{display:none}
.nd-subcat-lateral .nd-subcat-extra>summary::after{content:" \25BE";}
.nd-subcat-lateral .nd-subcat-extra[open]>summary::after{content:" \25B4";}
.nd-subcat-lateral .nd-subcat-extra>ul{margin-top:6px}

@media (min-width:992px){
/* randul care contine coloana si invelisul */
.nd-subcat-lateral~.nd-main{order:0;flex:1 1 0%;min-width:0;max-width:none;width:auto}
.nd-subcat-lateral{order:-1;flex:0 0 220px;width:220px;min-width:0;max-width:220px;margin:0 24px 24px 0;align-self:flex-start}
/* invelisul isi tine continutul pe toata latimea lui */
.nd-main{box-sizing:border-box}
.nd-main>*{max-width:100%}
.nd-main .container{max-width:100%!important;width:100%!important;margin-left:0!important;margin-right:0!important}
/* radacina, deja functionala, ramane neschimbata */
.catalog-commercial-hub{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start}
.catalog-commercial-hub>section.f5-intro{order:-2;flex:0 0 100%!important;max-width:none!important;width:100%!important}
.catalog-commercial-hub>.nd-hub-main{order:0;flex:1 1 0%;min-width:0;max-width:none;width:auto}
}

@media (max-width:991px){
.catalog-commercial-hub{display:block}
.nd-main,.nd-hub-main{max-width:none;width:auto}
.nd-subcat-lateral{flex:0 0 100%;width:100%;min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden;margin:0 0 14px 0;padding:10px 12px;border-radius:4px}
.nd-subcat-lateral .nd-subcat-titlu{margin:0 0 8px 0;font-size:13px}
.nd-subcat-lateral .nd-subcat-lista{display:flex;flex-wrap:nowrap;gap:8px;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}
.nd-subcat-lateral .nd-subcat-lista::-webkit-scrollbar{display:none}
.nd-subcat-lateral .nd-subcat-item{flex:0 0 auto;margin:0;padding:6px 10px;border:.5px solid #e3e0dc;border-radius:14px;background:#fff;white-space:nowrap;font-size:13px}
.nd-subcat-lateral .nd-subcat-extra{min-width:0;max-width:100%}
.nd-subcat-lateral .nd-subcat-extra>ul{display:flex;flex-wrap:nowrap;gap:8px;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;margin-top:8px}
.nd-subcat-lateral .nd-subcat-extra>ul::-webkit-scrollbar{display:none}
}
/* ND-SUBCAT-LATERAL-END */