.jspanel-card-attributes{display:flex;flex-wrap:wrap;gap:5px 8px;margin:7px 0 3px;font-size:10px;line-height:1.5;color:#666}.jspanel-card-attributes .jspanel-attr-row{display:inline-flex;align-items:center;gap:4px;min-width:0}.jspanel-card-attributes .jspanel-attr-row span{color:#8a8a8a}.jspanel-card-attributes .jspanel-attr-row strong{font-size:10px;color:#333;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.jspanel-single-attributes{margin:16px 0 18px;padding:14px 15px;border:1px solid rgba(0,0,0,.08);border-radius:14px;background:#fafafa}.jspanel-single-attributes h3{margin:0 0 10px!important;font-size:15px!important;line-height:1.4!important;font-weight:800!important}.jspanel-single-attributes__rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.jspanel-single-attributes .jspanel-attr-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:8px 9px;border-radius:9px;background:#fff}.jspanel-single-attributes .jspanel-attr-row span{font-size:11px;color:#777}.jspanel-single-attributes .jspanel-attr-row strong{min-width:0;text-align:left;font-size:11.5px;color:#202124;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.single-product .summary .product_title,.single-product .summary h1.product_title{font-size:var(--jspanel-single-title-size,24px)!important;line-height:1.45!important;letter-spacing:0!important;margin-bottom:10px!important}@media(max-width:767px){.single-product .summary .product_title,.single-product .summary h1.product_title{font-size:var(--jspanel-single-title-mobile,21px)!important}.jspanel-single-attributes__rows{grid-template-columns:1fr}.jspanel-single-attributes{padding:12px;margin:13px 0 15px}}


/* 1.11.5 - card attributes live above price; optional light container is controlled in Store settings. */
.jspanel-card-attributes{
    width:100%;
    box-sizing:border-box;
    margin:8px 0 7px;
}
.jspanel-card-attributes-box .jspanel-card-attributes{
    padding:7px 9px;
    border:1px solid rgba(17,24,39,.065);
    border-radius:9px;
    background:rgba(248,250,252,.82);
}
.jspanel-card-attributes-box .jspanel-card-attributes .jspanel-attr-row{
    min-width:0;
}


/* 1.11.6 - when enabled, EACH product-card attribute gets its own subtle box. */
.jspanel-card-attributes-box .jspanel-card-attributes{
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

/* Allow individual attribute boxes to flow naturally and wrap on narrow cards. */
.jspanel-card-attributes-box .jspanel-card-attributes{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:stretch;
    gap:5px!important;
}

/* Each attribute row is an independent light chip/card. */
.jspanel-card-attributes-box .jspanel-card-attributes .jspanel-attr-row{
    width:auto!important;
    max-width:100%;
    min-width:0;
    display:inline-flex!important;
    align-items:center;
    gap:4px;
    margin:0!important;
    padding:5px 7px!important;
    border:1px solid rgba(17,24,39,.065)!important;
    border-radius:7px!important;
    background:rgba(248,250,252,.9)!important;
    box-shadow:0 1px 1px rgba(0,0,0,.018);
    line-height:1.35;
}

/* Keep label/value compact inside each box. */
.jspanel-card-attributes-box .jspanel-card-attributes .jspanel-attr-label,
.jspanel-card-attributes-box .jspanel-card-attributes .jspanel-attr-value{
    margin:0!important;
    white-space:normal;
}

/* Mobile: keep boxes readable without forcing horizontal overflow. */
@media (max-width:575px){
    .jspanel-card-attributes-box .jspanel-card-attributes{
        gap:4px!important;
    }
    .jspanel-card-attributes-box .jspanel-card-attributes .jspanel-attr-row{
        padding:4px 6px!important;
        border-radius:6px!important;
    }
}