/* Mobile Responsive Fixes — Device-Specific Breakpoints */

/* Extra small phones (320px - 374px) */
@media (max-width: 374px) {
    [data-option-grid] { gap: 0.4rem !important; }
    .cyber-option { padding: 0.35rem !important; }
    .cyber-option__label { font-size: 0.65rem !important; }
    .cyber-option__price { font-size: 0.7rem !important; }
    .cyber-option__badge span { display: none; }
}

/* Small phones (375px - 389px) */
@media (min-width: 375px) and (max-width: 389px) {
    .cyber-option { padding: 0.45rem !important; }
}

/* Medium phones (390px - 428px) */
@media (min-width: 390px) and (max-width: 428px) {
    #product-root { padding-left: 0.75rem !important; padding-right: 0.75rem !important; }
    .glass-card { margin-left: 0 !important; margin-right: 0 !important; }
    .presale-highlight { max-width: calc(100vw - 2rem) !important; }
    [data-price] { font-size: 2rem !important; }
    [data-price-caption-text] { font-size: 0.75rem !important; line-height: 1.3 !important; }
    .cyber-option { padding: 0.5rem !important; }
    .cyber-option__label { font-size: 0.75rem !important; }
}

/* Large phones (429px - 767px) */
@media (min-width: 429px) and (max-width: 767px) {
    .cyber-option { padding: 0.6rem !important; }
    .cyber-option__label { font-size: 0.8rem !important; }
    .cyber-option__price { font-size: 0.85rem !important; }
}