/* Mobile Product Detail Buttons Layout */
@media (max-width: 767px) {
    .d-md-flex.align-items-end.mb-3 {
        display: flex !important;
        flex-direction: row !important;
        gap: 10px;
    }
    
    .d-md-flex.align-items-end.mb-3 .ml-md-3,
    .d-md-flex.align-items-end.mb-3 .ml-md-7 {
        margin-left: 0 !important;
        flex: 1;
    }
    
    .d-md-flex.align-items-end.mb-3 .btn {
        width: 100%;
        padding: 12px 8px;
        font-size: 14px;
    }
}