/* styles.css — кастомные стили витрины (вынесены из инлайна).
   ВАЖНО: удалён баг из исходника, где правило :where([class^="ri-"])::before
   принудительно подменяло ВСЕ иконки Remix одним символом. */

body { background-color:#F7F4EF; color:#111827; }

.nav-blur {
  background: rgba(255,255,255,0.95);
  border-color: rgba(231,225,215,0.5);
  backdrop-filter: blur(20px);
  box-shadow: 0 4px 24px rgba(15,61,62,0.06), 0 1px 0 rgba(255,255,255,0.9) inset;
}

.gold-gradient   { background:linear-gradient(135deg,#C9A227 0%,#E4C84A 100%); box-shadow:0 4px 12px rgba(201,162,39,0.3), inset 0 1px 0 rgba(255,255,255,0.4); }
.silver-gradient { background:linear-gradient(135deg,#A8A9AD 0%,#D1D3D4 100%); box-shadow:0 4px 12px rgba(168,169,173,0.3), inset 0 1px 0 rgba(255,255,255,0.4); }
.bronze-gradient { background:linear-gradient(135deg,#CD7F32 0%,#B87333 100%); box-shadow:0 4px 12px rgba(205,127,50,0.3), inset 0 1px 0 rgba(255,255,255,0.4); }

.hero-bg { background:linear-gradient(135deg,#EBE6DC 0%,#F7F4EF 50%,#FAF8F4 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,0.6); }

.card-dark {
  background: rgba(255,255,255,0.95);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(231,225,215,0.5);
  box-shadow: 0 8px 32px rgba(15,61,62,0.08), 0 1px 0 rgba(255,255,255,0.8) inset;
  transition: all .35s cubic-bezier(.4,0,.2,1);
}
.card-dark:hover { transform:translateY(-4px); box-shadow:0 12px 40px rgba(15,61,62,0.1), 0 1px 0 rgba(255,255,255,0.9) inset; }

.stat-card {
  background: rgba(255,255,255,0.9);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(231,225,215,0.6);
  box-shadow: 0 8px 24px rgba(15,61,62,0.06), 0 1px 0 rgba(255,255,255,0.9) inset;
}

.category-card {
  background: rgba(255,255,255,0.98);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(231,225,215,0.5);
  transition: all .35s cubic-bezier(.4,0,.2,1);
  box-shadow: 0 4px 24px rgba(15,61,62,0.06), 0 1px 0 rgba(255,255,255,0.9) inset;
}
.category-card:hover { border-color:rgba(201,162,39,0.3); transform:translateY(-4px); box-shadow:0 12px 40px rgba(15,61,62,0.1), 0 1px 0 rgba(255,255,255,1) inset; }

.badge-card {
  background: rgba(255,255,255,0.95);
  backdrop-filter: blur(15px);
  border: 1px solid rgba(231,225,215,0.5);
  box-shadow: 0 12px 40px rgba(15,61,62,0.1), 0 1px 0 rgba(255,255,255,0.9) inset;
  transition: all .35s cubic-bezier(.4,0,.2,1);
}
.badge-card:hover { transform:translateY(-4px); box-shadow:0 16px 48px rgba(15,61,62,0.12), 0 1px 0 rgba(255,255,255,1) inset; }

input, select {
  background: rgba(255,255,255,0.98);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(231,225,215,0.6);
  color: #111827;
  box-shadow: 0 2px 8px rgba(15,61,62,0.03), inset 0 1px 2px rgba(15,61,62,0.02);
}
input:focus, select:focus {
  outline: none;
  border-color: rgba(201,162,39,0.5);
  box-shadow: 0 4px 16px rgba(201,162,39,0.12), inset 0 1px 2px rgba(15,61,62,0.02);
  background: rgba(255,255,255,1);
  transition: all .3s cubic-bezier(.4,0,.2,1);
}
input::placeholder { color:#9CA3AF; }

.autocomplete-dropdown {
  background: rgba(255,255,255,0.98);
  border: 1px solid rgba(231,225,215,0.5);
  backdrop-filter: blur(20px);
  box-shadow: 0 16px 48px rgba(15,61,62,0.15), 0 1px 0 rgba(255,255,255,0.9) inset;
}
.autocomplete-item { cursor:pointer; }
.autocomplete-item:hover { background: rgba(201,162,39,0.06); }
.autocomplete-item.add-new { color:#0F3D3E; font-weight:600; }

button, a[class*="button"] { transition: all .3s cubic-bezier(.4,0,.2,1); }
button:hover, a[class*="button"]:hover { transform: scale(1.02); }

.fade-up { opacity:0; transform:translateY(30px); transition:opacity .6s cubic-bezier(.4,0,.2,1), transform .6s cubic-bezier(.4,0,.2,1); }
.fade-up.visible { opacity:1; transform:translateY(0); }

/* RTL-корректировки для арабского */
[dir="rtl"] .autocomplete-input { text-align:right; }

/* Переключатель языка */
.lang-menu {
  background: #fff;
  border: 1px solid rgba(231,225,215,0.8);
  box-shadow: 0 16px 48px rgba(15,61,62,0.15);
}
.fi { border-radius: 2px; }

/* ---------- Статические страницы (page.php) ---------- */
.page-content { color:#374151; font-size:0.975rem; line-height:1.75; }
.page-content h2 { color:#111827; font-size:1.35rem; font-weight:800; margin:2rem 0 0.75rem; }
.page-content h3 { color:#111827; font-size:1.1rem; font-weight:700; margin:1.5rem 0 0.5rem; }
.page-content p  { margin:0 0 1rem; }
.page-content ul { margin:0 0 1.25rem; padding-inline-start:1.25rem; list-style:disc; }
.page-content li { margin:0.35rem 0; }
.page-content a  { color:#0F3D3E; font-weight:600; text-decoration:underline; }
.page-content a:hover { color:#C9A227; }
.page-content strong { color:#111827; }

/* контакт-карточки */
.contact-cards { display:grid; grid-template-columns:1fr; gap:1rem; margin:1.5rem 0 2rem; }
@media (min-width:640px){ .contact-cards { grid-template-columns:repeat(3,1fr); } }
.contact-card {
  display:flex; flex-direction:column; gap:0.35rem;
  background:rgba(255,255,255,0.95); border:1px solid rgba(231,225,215,0.7);
  border-radius:16px; padding:1.25rem 1.25rem; text-decoration:none;
  box-shadow:0 4px 24px rgba(15,61,62,0.06); transition:all .3s ease;
}
a.contact-card:hover { transform:translateY(-3px); border-color:rgba(201,162,39,0.4); }
.contact-card i { font-size:1.5rem; color:#C9A227; }
.contact-card .cc-label { font-size:0.7rem; text-transform:uppercase; letter-spacing:0.08em; color:#9CA3AF; }
.contact-card .cc-value { font-weight:700; color:#111827; word-break:break-word; }
[dir="rtl"] .page-content ul { padding-inline-start:1.25rem; }