.bakala-attribute-visuals { box-sizing: border-box; width: 100%; }
.bakala-attribute-visuals--archive { display: flex; flex-wrap: wrap; gap: 8px 12px; margin-top: 10px; }
.bakala-attribute-visuals--archive .bakala-attribute-visual__values { display: flex; flex-wrap: wrap; gap: 8px; }
.bakala-attribute-visuals--archive .bakala-attribute-visual__value { align-items: center; display: inline-flex; gap: 5px; min-width: 0; }
.bakala-attribute-visuals--archive .bakala-attribute-visual__value-image { height: 24px; object-fit: contain; width: 24px; }
.bakala-attribute-visual__archive-label { display: flex; flex-direction: column; line-height: 1.25; }
.bakala-attribute-visual__archive-label small { color: #888; font-size: 9px; }
.bakala-attribute-visual__archive-label strong { color: #333; font-size: 11px; font-weight: 600; }
.bakala-attribute-visuals--single { border-top: 1px solid #eee; display: flex; flex-direction: column; margin: 22px 0; }
.bakala-attribute-visuals--single .bakala-attribute-visual { align-items: stretch; border-bottom: 1px solid #eee; display: grid; gap: 20px; grid-template-columns: minmax(115px, 180px) 1fr; padding: 20px 0; }
.bakala-attribute-visual__heading { align-items: center; display: flex; flex-direction: column; font-size: 15px; font-weight: 700; justify-content: center; gap: 8px; }
.bakala-attribute-visual__attribute-image { height: 44px; object-fit: contain; width: 44px; }
.bakala-attribute-visuals--single .bakala-attribute-visual__values { align-items: start; display: flex; flex-wrap: wrap; gap: 18px; }
.bakala-attribute-visuals--single .bakala-attribute-visual__value { align-items: center; display: flex; flex-direction: column; gap: 8px; min-width: 90px; text-align: center; }
.bakala-attribute-visuals--single .bakala-attribute-visual__value-image { background: #fff; border: 1px solid #e6e6e6; border-radius: 14px; height: 92px; object-fit: contain; padding: 8px; width: 92px; }
.bakala-attribute-visuals--single .bakala-attribute-visual__value strong { color: #222; font-size: 14px; }
@media (max-width: 767px) {
    .bakala-attribute-visuals--single .bakala-attribute-visual { gap: 12px; grid-template-columns: 80px 1fr; }
    .bakala-attribute-visuals--single .bakala-attribute-visual__values { gap: 10px; }
    .bakala-attribute-visuals--single .bakala-attribute-visual__value { min-width: 65px; }
    .bakala-attribute-visuals--single .bakala-attribute-visual__value-image { border-radius: 10px; height: 64px; padding: 5px; width: 64px; }
    .bakala-attribute-visuals--archive { gap: 6px; }
    .bakala-attribute-visuals--archive .bakala-attribute-visual__value-image { height: 20px; width: 20px; }
}