:root {
    --ac-blue: #0046ad; --ac-red: #e31837; --bg: #ffffff;
    --card-bg: #f8f9fa; --text-main: #212529; --border: #dee2e6;
}

[data-theme="dark"] {
    --bg: #0f1113; --card-bg: #1c1f23; --text-main: #f4f4f4; --border: #2d3136;
}

body { font-family: 'Arial', sans-serif; margin: 0; background-color: var(--bg); color: var(--text-main); transition: 0.2s; }

.domain-sale-bar { background: #fff3cd; color: #856404; padding: 10px; text-align: center; font-weight: bold; font-size: 0.9rem; border-bottom: 1px solid rgba(0,0,0,0.1); }
[data-theme="dark"] .domain-sale-bar { background: #332701; color: #ffeeba; }
.domain-sale-bar a { color: var(--ac-red); text-decoration: underline; margin-left: 10px; }

header { background: var(--bg); border-bottom: 3px solid var(--ac-blue); padding: 10px 5%; display: flex; justify-content: space-between; align-items: center; position: sticky; top: 0; z-index: 1000; }
.logo { font-size: 1.6rem; font-weight: 900; color: var(--ac-blue); text-decoration: none; font-style: italic; }
.logo span { color: var(--ac-red); }
[data-theme="dark"] .logo { color: #fff; }

.controls { display: flex; align-items: center; gap: 15px; }
.contact-top { font-weight: bold; font-size: 0.9rem; }
.lang-link, .theme-toggle { padding: 5px 12px; border: 1px solid var(--border); text-decoration: none; color: var(--text-main); font-size: 0.8rem; border-radius: 4px; cursor: pointer; }

.hero { background: linear-gradient(135deg, var(--ac-blue) 0%, #002d70 100%); color: white; padding: 40px 5%; text-align: center; }
.hero h1 { font-size: 2.2rem; margin-bottom: 15px; text-transform: uppercase; }

.messenger-btns { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-top: 20px; }
.btn-msg { padding: 10px 15px; color: white !important; text-decoration: none; border-radius: 4px; font-weight: bold; font-size: 0.8rem; }
.viber { background: #7360f2; } .telegram { background: #0088cc; } .whatsapp { background: #25d366; }

.catalog-container { padding: 40px 5%; text-align: center; }
.catalog-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; max-width: 1000px; margin: 0 auto; }
.catalog-card { background: var(--card-bg); border: 1px solid var(--border); border-radius: 12px; padding: 35px; transition: 0.3s; }
.catalog-card i { font-size: 2.8rem; color: var(--ac-blue); margin-bottom: 20px; }
.btn-action { display: inline-flex; align-items: center; gap: 10px; padding: 14px 28px; border-radius: 6px; font-weight: bold; text-decoration: none; margin-top: 15px; }
.btn-blue { background: var(--ac-blue); color: white !important; }
.btn-red { background: var(--ac-red); color: white !important; }

.details-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; padding: 40px 5%; background: var(--card-bg); }
.details-box h3 { color: var(--ac-blue); border-left: 4px solid var(--ac-red); padding-left: 10px; margin-bottom: 15px; }
.details-box ul { list-style: none; padding: 0; }
.details-box li { padding: 8px 0; border-bottom: 1px solid var(--border); display: flex; align-items: center; gap: 10px; }

footer { background: #1a1a1a; color: #ffffff; padding: 40px 5% 20px; margin-top: 40px; }
[data-theme="dark"] footer { background: #000000; border-top: 1px solid var(--border); }
.footer-content { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 40px; margin-bottom: 30px; }
.footer-box h4 { color: var(--ac-blue); text-transform: uppercase; margin-bottom: 15px; }
.footer-box p, .footer-box a { color: #ccc; font-size: 0.9rem; text-decoration: none; }
.footer-social { display: flex; gap: 15px; font-size: 1.5rem; margin-top: 10px; }
.footer-social a { color: white; }
.footer-bottom { text-align: center; border-top: 1px solid #333; padding-top: 20px; font-size: 0.8rem; color: #777; }

@media (max-width: 768px) { .catalog-grid, .details-grid, .footer-content { grid-template-columns: 1fr; } .contact-top { display: none; } }