/* Classic storefront, owner request 06.10.2026; store layout only, loaded last. */
html, body { background: #fff !important; --color-background: #fff; }
body::before, body::after { content: none !important; animation: none !important; }
body .mx-header-shell, body .mx-top-full, body .mx-header,
body .mx-header__top, body .mx-nav-wrap { background: #030303 !important; }
body .mx-top-full { padding-bottom: 0 !important; margin-bottom: 0 !important; }
body .mx-top-full::before, body .mx-top-full::after,
body .mx-header__top::before, body .mx-header__top::after { content: none !important; }
.mx-classic-hero { box-sizing: border-box; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); align-items: center; gap: 36px; max-width: 1424px; margin: 28px auto; padding: 36px 40px; background: #fffcf6; color: #171717; border: 1px solid #e6d3ac; border-radius: 20px; }
.mx-classic-hero__copy { min-width: 0; }
.mx-classic-hero h2 { font-family: Inter, Arial, sans-serif; font-size: clamp(32px, 3.3vw, 48px); line-height: 1.1; letter-spacing: -.025em; margin: 12px 0 18px; }
.mx-classic-hero__badge { margin: 0; color: #806025; font-size: 11px; line-height: 1.4; font-weight: 700; letter-spacing: .12em; }
.mx-classic-hero__sub { margin: 0; max-width: 490px; font-size: 16px; line-height: 1.55; color: #5e574b; }
.mx-classic-hero__cta { display: inline-block; margin-top: 24px; padding: 14px 24px; border-radius: 10px; background: #d9b45e; color: #19150d; font-weight: 700; text-decoration: none; }
.mx-classic-hero__cta:hover { background: #cda44d; }
.mx-classic-hero__cta:focus-visible { outline: 3px solid #171717; outline-offset: 4px; }
.mx-classic-hero__media { min-width: 0; }
.mx-classic-hero__media img { display: block; width: 100%; height: auto; max-height: 370px; object-fit: contain; border-radius: 12px; }
@media (max-width: 1480px) { .mx-classic-hero { margin-left: 24px; margin-right: 24px; } }
@media (max-width: 760px) {
  .mx-classic-hero { grid-template-columns: minmax(0, 1fr); gap: 20px; margin: 16px 12px; padding: 24px 20px 16px; }
  .mx-classic-hero h2 { font-size: 28px; line-height: 1.1; margin: 10px 0 12px; }
  .mx-classic-hero__sub { font-size: 14px; line-height: 1.5; }
  .mx-classic-hero__cta { margin-top: 18px; padding: 12px 20px; }
  .mx-classic-hero__media img { height: 200px; max-height: 200px; object-fit: contain; }
}