/* ===================================
   BESREMi Card Block - Frontend Styles
   =================================== */

.wp-block-besremi-card {
    margin-left: auto;
    margin-right: auto;
    padding: var(--padding-desktop, 40px);
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 20px;
    overflow: hidden;
    border: 1px solid #f3f3f3;
}

/* Shadow */
.wp-block-besremi-card.has-shadow {
    box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03),
                0px 12px 16px -4px rgba(16, 24, 40, 0.08);
}

/* Responsive: Mobile Padding */
@media (max-width: 1020px) {
    .wp-block-besremi-card {
        padding: var(--padding-mobile, 20px);
    }
}