/* XOperax System — temel stiller (tasarımdan birebir) */
html { scroll-behavior: smooth; }
body { margin: 0; background: #0B0D10; color: #F5EFE3; font-family: Inter, system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
* { box-sizing: border-box; }
a { color: #C8A864; text-decoration: none; }
a:hover { color: #E6C47A; }
summary { list-style: none; cursor: pointer; }
summary::-webkit-details-marker { display: none; }
input, select, textarea, button { font-family: inherit; }
::selection { background: #C8A864; color: #0B0D10; }

@media (max-width: 900px) {
  .xo-2col { grid-template-columns: minmax(0,1fr) !important; gap: 40px !important; }
  .xo-hide-sm { display: none !important; }
  .xo-h1 { font-size: 34px !important; }
  .xo-h2 { font-size: 26px !important; }
  .xo-pad { padding-left: 18px !important; padding-right: 18px !important; }
  .xo-demo { grid-template-columns: minmax(0,1fr) !important; }
}

/* hover / focus yardımcıları (inline stilleri ezmek için !important) */
.h-gold:hover { background: #E6C47A !important; color: #0B0D10 !important; }
.h-dark:hover { background: #15181D !important; color: #F5EFE3 !important; }
.h-card:hover { background: #1B1F26 !important; }
.h-item:hover { background: #22272E !important; border-color: rgba(200,168,100,0.32) !important; }
.h-row:hover { background: #22272E !important; color: #F5EFE3 !important; }
.h-bright:hover { filter: brightness(1.12); }
.h-bright2:hover { filter: brightness(1.2); }
.h-green:hover { background: #5FA381 !important; }
.h-text:hover { color: #F5EFE3 !important; }
.h-goldbg:hover { background: rgba(200,168,100,0.1) !important; }
.h-btn:hover { filter: brightness(1.08); }
.press:active { transform: scale(0.98); }
.inp:focus { border-color: #C8A864 !important; }

/* demo çağrısı — nabız efekti */
@keyframes demoPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(200,168,100,0.55); }
  70% { box-shadow: 0 0 0 14px rgba(200,168,100,0); }
}
.demo-cta { animation: demoPulse 2.2s ease-out infinite; }

/* ürünler açılır menüsü */
.dd { position: relative; }
.dd-menu { display: none; position: absolute; top: 42px; left: 0; width: 320px; background: #15181D; border: 1px solid rgba(245,239,227,0.08); border-radius: 12px; padding: 8px; box-shadow: 0 24px 48px -16px rgba(0,0,0,0.6); flex-direction: column; gap: 2px; z-index: 80; }
.dd:hover .dd-menu, .dd.open .dd-menu { display: flex; }