/*
Theme Name: SeDruknij Child
Template: twentytwentyfour
Version: 1.1
Text Domain: sedruknij-child
*/
:root {
  --sd-bg:#0b0f14; --sd-surface:#111720; --sd-surface-2:#171e28;
  --sd-text:#f3f6f8; --sd-muted:#a8b3c0; --sd-accent:#22d3ee;
  --sd-accent-hover:#06b6d4; --sd-border:#26303d; --sd-max:1200px;
}
html,body { background:var(--sd-bg) !important; color:var(--sd-text); }
body { margin:0; }
a { color:var(--sd-text); }
a:hover { color:var(--sd-accent); }

/* Header */
.sd-header { background:rgba(11,15,20,.94); border-bottom:1px solid var(--sd-border); position:relative; z-index:10; }
.sd-nav { width:min(var(--sd-max),calc(100% - 48px)); min-height:76px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:32px; }
.sd-logo { color:var(--sd-text)!important; text-decoration:none; font-size:22px; font-weight:800; letter-spacing:-.03em; }
.sd-menu { display:flex; align-items:center; gap:28px; flex-wrap:wrap; justify-content:flex-end; }
.sd-menu a { color:var(--sd-text)!important; text-decoration:none; font-size:15px; font-weight:500; }
.sd-menu a:hover { color:var(--sd-accent)!important; }
.sd-nav-cta { padding:10px 16px; border:1px solid var(--sd-accent); border-radius:9px; color:var(--sd-accent)!important; }
.sd-nav-cta:hover { background:var(--sd-accent); color:#061016!important; }

.sd-hero { min-height:650px; display:flex; align-items:center; background:
 radial-gradient(circle at 78% 35%,rgba(34,211,238,.13),transparent 28%),
 radial-gradient(circle at 20% 70%,rgba(34,211,238,.06),transparent 30%),var(--sd-bg); }
.sd-container { width:min(var(--sd-max),calc(100% - 48px)); margin-inline:auto; }
.sd-hero-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:64px; align-items:center; }
.sd-eyebrow { color:var(--sd-accent)!important; font-size:14px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.sd-hero h1 { color:var(--sd-text)!important; margin:14px 0 20px; font-size:clamp(44px,6vw,76px); line-height:.98; letter-spacing:-.045em; }
.sd-hero p { color:var(--sd-muted)!important; font-size:19px; line-height:1.65; max-width:620px; }
.sd-button { display:inline-flex; align-items:center; justify-content:center; margin-top:24px; padding:14px 22px; border-radius:10px; background:var(--sd-accent); color:#061016!important; font-weight:800; text-decoration:none; transition:.18s ease; }
.sd-button:hover { background:var(--sd-accent-hover); transform:translateY(-1px); }
.sd-visual { min-height:420px; border:1px solid var(--sd-border); border-radius:24px; background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.01)),var(--sd-surface); box-shadow:0 30px 90px rgba(0,0,0,.28); display:grid; place-items:center; position:relative; overflow:hidden; }
.sd-visual::before { content:""; width:210px; height:210px; border:1px solid rgba(34,211,238,.45); border-radius:22px; transform:rotate(18deg); box-shadow:0 0 80px rgba(34,211,238,.12); }
.sd-visual::after { content:"3D"; position:absolute; font-size:92px; font-weight:900; letter-spacing:-.08em; color:rgba(243,246,248,.9); }

.sd-section { padding:110px 0; }
.sd-section-alt { background:#0e141b; }
.sd-section h2 { color:var(--sd-text)!important; font-size:clamp(32px,4vw,48px); letter-spacing:-.035em; margin:0 0 14px; }
.sd-lead { color:var(--sd-muted)!important; max-width:650px; font-size:18px; line-height:1.65; }
.sd-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:42px; }
.sd-card { background:var(--sd-surface); border:1px solid var(--sd-border); border-radius:16px; padding:28px; }
.sd-card-number { color:var(--sd-accent)!important; font-weight:800; font-size:14px; }
.sd-card h3 { color:var(--sd-text)!important; margin:14px 0 8px; }
.sd-card p { color:var(--sd-muted)!important; line-height:1.6; }
.sd-cta { text-align:center; padding:120px 0; background:radial-gradient(circle at 50% 0,rgba(34,211,238,.11),transparent 38%),var(--sd-bg); }
.sd-cta h2 { color:var(--sd-text)!important; }
.sd-cta p { color:var(--sd-muted)!important; max-width:620px; margin:0 auto; }

/* WooCommerce */
.woocommerce,.woocommerce-page { color:var(--sd-text); }
.woocommerce input,.woocommerce textarea,.woocommerce select { background:var(--sd-surface)!important; color:var(--sd-text)!important; border:1px solid var(--sd-border)!important; border-radius:8px; }
.woocommerce button.button,.woocommerce a.button,.woocommerce .button { background:var(--sd-accent); color:#061016; border-radius:9px; }
.woocommerce button.button:hover,.woocommerce a.button:hover,.woocommerce .button:hover { background:var(--sd-accent-hover); color:#061016; }

@media(max-width:800px){
 .sd-nav{width:calc(100% - 32px);min-height:68px;align-items:flex-start;padding:18px 0;flex-direction:column;gap:14px}
 .sd-menu{gap:14px 18px;justify-content:flex-start}
 .sd-menu a{font-size:14px}
 .sd-container{width:min(100% - 32px,var(--sd-max))}
 .sd-hero{min-height:auto;padding:80px 0}.sd-hero-grid{grid-template-columns:1fr;gap:42px}.sd-visual{min-height:300px}
 .sd-cards{grid-template-columns:1fr}.sd-section{padding:80px 0}
}