.bali-cj, .bali-cj * { box-sizing: border-box; }
.bali-cj { width: 100%; min-width: 0; margin: 24px 0; padding: 20px; border: 1px solid var(--main-foreground-opacity-20, #ddd); border-radius: 8px; color: var(--main-foreground, #111); background: var(--main-background, #fff); font-family: var(--body-font, sans-serif); text-align: left; }
.bali-cj h2 { margin: 0 0 8px; font-family: inherit; font-size: 20px; line-height: 1.3; font-weight: 600; }
.bali-cj p { margin: 0 0 16px; font-size: 13px; line-height: 1.5; }
.bali-cj__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.bali-cj__grid--single { grid-template-columns: minmax(0, 180px); }
.bali-cj__card { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.bali-cj__photo { display: block; width: 100%; aspect-ratio: 3 / 4; }
.bali-cj__photo img { display: block; width: 100%; height: 100%; border-radius: 4px; object-fit: contain; }
.bali-cj__details { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; width: 100%; flex: 1; }
.bali-cj__name { display: block; color: inherit; font-size: 14px; line-height: 1.4; overflow-wrap: anywhere; }
.bali-cj__price { display: block; margin: 8px 0; font-size: 16px; line-height: 1.3; font-weight: 700; }
.bali-cj__button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 44px; max-width: 100%; margin-top: auto; padding: 8px; border: 1px solid currentColor; color: inherit; font-size: 13px; line-height: 1.4; text-decoration: none; }
.bali-cj a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
@media (max-width: 400px) { .bali-cj { padding: 16px; } .bali-cj__grid { gap: 12px; } }
@media (min-width: 768px) and (max-width: 991px) {
    .bali-cj { padding: 16px; }
    .bali-cj__grid, .bali-cj__grid--single { grid-template-columns: minmax(0, 1fr); }
    .bali-cj__card { flex-direction: row; gap: 12px; }
    .bali-cj__photo { flex: 0 0 72px; width: 72px; height: 96px; }
    .bali-cj__details { width: auto; }
}
