/* =====================================================
       PRODUCT PRICES LIST
    ===================================================== */
    .estetus-pp-list{
        margin: 0;
    }
    .estetus-pp-list .estetus-pp-accordion{
        display: block;
    }
    .estetus-pp-list details.estetus-pp-item{
        border-bottom: 1px solid rgba(0,0,0,.08);
        padding: 0;
        margin: 0;
        background: transparent;
    }
    .estetus-pp-list summary.estetus-pp-summary{
        list-style: none;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        padding: 18px 0;
        font-size: 24px;
        font-weight: 600;
    }
    .estetus-pp-list summary.estetus-pp-summary::-webkit-details-marker{
        display:none;
    }
    .estetus-pp-list .estetus-pp-summary-left{
        display:flex;
        align-items:center;
        gap:12px;
        min-width:0;
    }
    .estetus-pp-list .estetus-pp-icon{
        width: 28px;
        text-align:center;
        font-size: 24px;
        line-height: 1;
        flex: 0 0 28px;
    }
    .estetus-pp-list details[open] .estetus-pp-icon-plus{
        display:none;
    }
    .estetus-pp-list details:not([open]) .estetus-pp-icon-minus{
        display:none;
    }
    .estetus-pp-list .estetus-pp-products{
        padding: 0 0 18px 40px;
    }
    .estetus-pp-list .wp-block-text-columns{
        border-bottom: 1px solid rgba(0,0,0,.08);
        padding: 12px 0;
        font-size: 18px;
        display: flex;
        gap: 20px;
        align-items: center;
    }
    .estetus-pp-list .wp-block-text-columns:last-child{
        border-bottom: none;
    }
    .estetus-pp-list .columns-8{
        width: 66.6%;
    }
    .estetus-pp-list .columns-4{
        width: 33.3%;
        text-align: right;
        white-space: nowrap;
    }
    .estetus-pp-list .columns-8 a{
        text-decoration: none !important;
    }
    .estetus-pp-empty{
        opacity:.75;
        padding: 8px 0 14px;
    }
    @media (max-width: 767px){
        .estetus-pp-list summary.estetus-pp-summary{
            font-size: 18px;
            padding: 14px 0;
        }
        .estetus-pp-list .estetus-pp-products{
            padding-left: 0;
        }
        .estetus-pp-list .wp-block-text-columns{
            font-size: 16px;
            flex-direction: column;
            align-items: flex-start;
            gap: 4px;
        }
        .estetus-pp-list .columns-8,
        .estetus-pp-list .columns-4{
            width: 100%;
            text-align: left;
        }
    }

    /* =====================================================
       SHOP / ARCHIVE CATEGORY FILTER
    ===================================================== */
    .categoryfilter{
        margin-bottom: 30px;
        background-color:#EDF1F3;
        padding: 20px 20px 30px;
    }
    .categoryfilter__title{
        text-align:center;
        margin:0 0 24px;
    }
    .categoryfilter ul{
        display:flex;
        flex-wrap:wrap;
        align-items:flex-start;
        justify-content:center;
        gap: 18px;
        margin:0;
        padding:0;
        list-style:none;
    }
    .categoryicon{
        margin:0;
        position:relative;
        text-transform:uppercase;
        border-radius: 8px;
        color:#20316D;
        font-weight:400 !important;
        padding:20px !important;
        font-size:16px !important;
        text-align:center;
        text-decoration:none !important;
        display:block;
        min-width: 180px;
        background: transparent;
    }
    .categoryicon .e-img{
        border-radius:150px;
        padding:0;
        margin:auto auto 18px;
        display:flex;
        align-items:center;
        width:120px;
        height:120px;
        background-size:cover !important;
        background-position:center !important;
        background-repeat:no-repeat !important;
    }
    .categoryicon.active{
        background:#fff;
        box-shadow: 0 2px 10px rgba(0,0,0,.06);
    }
    .categoryicon .e-title{
        display:block;
    }
    .categoryicon.active .e-title{
        font-weight:bold;
    }
    .categoryfilter__actions{
        text-align:center;
        margin-top:24px;
    }
    .categoryfilter__all{
        display:inline-block;
        padding:14px 26px;
        border-radius:999px;
        background:#fff;
        color:#20316D;
        text-decoration:none !important;
        font-weight:600;
    }
    @media (max-width:767px){
        .categoryfilter ul{
            gap:10px;
        }
        .categoryicon{
            min-width: calc(50% - 10px);
            padding:12px !important;
            font-size:14px !important;
        }
        .categoryicon .e-img{
            width:84px;
            height:84px;
            margin-bottom:12px;
        }
    }

/* =========================
   PROBLEMOS – kompaktiškesnis stilius
   ========================= */

.problemos{
    width:100%;
    padding-bottom:40px;
    background-color:#fff;
}

/* Viršutinė zona */
.problemos .top{
    background-color:#EDF1F3;
    padding:18px 16px;
    margin-bottom:28px;
}

.problemos .top .full-container{
    margin:0 auto;
    width:100%;
    max-width:1180px;
    display:grid;
    grid-template-columns:repeat(3, minmax(180px, 260px));
    justify-content:center;
    gap:20px;
    padding:0;
}

.problemos .top .full-container .item{
    user-select:none;
    cursor:pointer;
    padding:14px;
    min-height:150px;
    border-radius:6px;
    display:flex;
    justify-content:center;
    flex-direction:column;
    align-items:center;
    opacity:.65;
    background-color:#6a6a6a;
    color:#fff;
    border:1px solid rgba(255,255,255,.2);
    transition:all .2s ease;
    text-align:center;
}

.problemos .top .full-container .item.active{
    opacity:1;
    background-color:#2b2929;
}

.problemos .top .full-container .item:hover{
    opacity:1;
}

.problemos .top .full-container .item .ico{
    margin-bottom:12px;
}

.problemos .top .full-container .item .ico img{
    width:120px;
    height:72px;
    object-fit:cover;
    border-radius:999px;
    display:block;
}

.problemos .top .full-container .item .title{
    font-size:15px;
    line-height:1.3;
    font-weight:500;
}

.problemos .top .full-container .item .title a,
.problemos .top .full-container .item .title{
    color:#fff;
    text-decoration:underline;
    text-underline-offset:3px;
}

/* Turinys */
.problemos .content{
    padding-top:10px;
    max-width:1180px;
    margin:0 auto;
}

.problemos .container-mid{
    width:100%;
}

/* Sekcijos title pvz. "Plaukų problemos" */
.problemos-section-title{
    font-size:34px;
    line-height:1.15;
    margin:0 0 18px;
    font-weight:600;
    color:#1f1f1f;
}

/* Content item */
.problemos .content_item{
    display:none;
}

.problemos .content_item.active{
    display:block;
}

/* Problemos accordion */
.problemos-term{
    margin-bottom:10px;
}

.problemos-term summary{
    list-style:none;
    cursor:pointer;
    display:flex;
    align-items:center;
    gap:12px;
    padding:12px 0;
    font-size:18px;
    line-height:1.4;
    color:#222;
}

.problemos-term summary::-webkit-details-marker{
    display:none;
}

.problemos-term .ico{
    width:22px;
    min-width:22px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.problemos-term .ico svg{
    fill:#bda98f;
    width:12px;
    height:auto;
    transition:transform .25s ease;
}

.problemos-term[open] .ico svg{
    transform:rotate(90deg);
}

.problemos-term .name{
    font-size:18px;
    line-height:1.4;
    font-weight:400;
}

/* Vidinis pilkas fonas */
.problemos-term .padding{
    background-color:rgba(40,39,39,.04);
    padding:18px;
    margin-bottom:14px;
}

/* Produkto kortelė */
.problemos-term .produktas{
    background-color:#fff;
    margin-bottom:1px;
    padding:22px 24px;
    display:flex;
    align-items:center;
    width:100%;
    border:1px solid rgba(0,0,0,.03);
}

.problemos-term .produktas:last-child{
    margin-bottom:0;
}

.problemos-term .produktas .right{
    flex-grow:1;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
}

.problemos-term .produktas .right > div:first-child{
    flex:1 1 auto;
}

/* Produkto pavadinimas */
.problemos-term .p_title{
    margin:0 0 10px;
    font-size:18px;
    line-height:1.3;
    font-weight:600;
    color:#1f1f1f;
}

/* Produkto tekstas */
.problemos-term .text{
    font-size:15px;
    line-height:1.65;
    color:#333;
}

.problemos-term .text p{
    margin:0 0 10px;
}

.problemos-term .text p:last-child{
    margin-bottom:0;
}

.problemos-term .text strong{
    font-weight:700;
}

.problemos-term .text span{
    font-size:inherit !important;
    line-height:inherit !important;
    font-weight:inherit !important;
    font-style:inherit !important;
    color:inherit !important;
}

/* Mygtukas */
.problemos-term .detaliau{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    min-width:180px;
}

.problemos-term .btn{
    justify-content:center;
    align-items:center;
    display:inline-flex;
    height:46px;
    padding:10px 26px;
    text-decoration:none;
    user-select:none;
    position:relative;
    font-size:13px;
    line-height:1;
    cursor:pointer;
    letter-spacing:2px;
    background-color:transparent;
    text-align:center;
    max-width:none;
    min-width:160px;
    font-weight:600;
    border:1px solid #dbd8d1;
    border-radius:0;
    transition:all .2s ease-in-out;
    color:#2b2b2b;
    background:#fff;
}

.problemos-term .btn:hover{
    background:#f7f5f2;
    border-color:#cfc8bd;
    text-decoration:none;
}

.problemos-term .detaliau .button{
    padding-top:10px !important;
    padding-bottom:10px !important;
    text-decoration:none !important;
}

/* Smulkūs bendri pataisymai */
.problemos .content .item .sarasas > div{
    border-bottom:1px solid rgba(40,39,39,.04);
}

.problemos .content .item .sarasas > div:last-child{
    border-bottom:none;
}

.ast-separate-container #primary{
    margin-top:35px;
}

.ast-separate-container .ast-article-single{
    padding-top:35px;
}

/* Mobile */
@media only screen and (max-width: 920px){
    .problemos .top .full-container{
        grid-template-columns:1fr;
        gap:12px;
    }

    .problemos .top .full-container .item{
        min-height:130px;
    }

    .problemos-section-title{
        font-size:28px;
        margin-bottom:16px;
    }

    .problemos-term summary{
        font-size:17px;
    }

    .problemos-term .name{
        font-size:17px;
    }

    .problemos-term .padding{
        padding:14px;
    }

    .problemos-term .produktas{
        padding:18px;
    }

    .problemos-term .produktas .right{
        display:block;
    }

    .problemos-term .p_title{
        font-size:17px;
    }

    .problemos-term .text{
        font-size:15px;
    }

    .problemos-term .detaliau{
        padding-top:15px;
        min-width:0;
        justify-content:flex-start;
    }

    .problemos-term .btn{
        min-width:150px;
    }
}

@media only screen and (max-width: 600px){
    .problemos .top{
        padding:14px 12px;
    }

    .problemos .top .full-container{
        gap:10px;
    }

    .problemos .top .full-container .item{
        padding:12px;
        min-height:120px;
    }

    .problemos .top .full-container .item .ico img{
        width:100px;
        height:62px;
    }

    .problemos .top .full-container .item .title{
        font-size:14px;
    }

    .problemos-section-title{
        font-size:24px;
    }

    .problemos-term .p_title{
        font-size:16px;
    }

    .problemos-term .text{
        font-size:14px;
        line-height:1.6;
    }
}

.categoryicon img.e-img { object-fit: cover; }
.b-posts-growtype .e-img { position: relative; overflow: hidden; }
.b-posts-growtype .e-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.estetus-pp-summary:focus-visible, .problemos-term summary:focus-visible,
.categoryicon:focus-visible { outline: 2px solid #20316D; outline-offset: 4px; }