/*
 * Legacy المحسّن
 * Keeps the established visual palette while correcting shared usability
 * defects. Security and accessibility fixes live outside visual identity.
 */
html { overflow-x: clip; }
body { overflow-x: hidden; }

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 3px solid #f59e0b;
    outline-offset: 2px;
}

.hp-row,
.hp-actions,
.modern-hero__content,
.modern-hero__copy {
    min-width: 0;
}

.hp-icon-btn,
.hp-menu-btn,
.products-card-icon-btn {
    min-width: 44px;
    min-height: 44px;
}

@media (max-width: 768px) {
    .hp-container { padding-inline: .75rem; }
    .modern-hero__content,
    .modern-hero__copy { width: 100%; }
    .modern-hero__desc {
        max-width: 100%;
        overflow-wrap: anywhere;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}