/* ===== СВІТ КОМПАНІЙ — WOW-шар v1 =====
   Окремий файл. styles.css не змінювався. */

.wow{margin:0 var(--pad) 18px;border-radius:22px;overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(0,0,0,.25));
  border:1px solid rgba(255,255,255,.10);position:relative}
.card-view.light .wow{background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.10));
  border-color:rgba(0,0,0,.12)}
.wow-head{display:flex;align-items:center;gap:10px;padding:12px 14px 8px}
.wow-head .ico{font-size:19px}
.wow-head .t{font-family:var(--display);font-weight:800;font-size:15px;letter-spacing:.01em}
.wow-head .badge{margin-left:auto;font-size:11px;font-weight:800;letter-spacing:.08em;
  text-transform:uppercase;opacity:.6}
.wow-stage{position:relative;width:100%;touch-action:none;user-select:none;-webkit-user-select:none}
.wow-stage canvas{display:block;width:100%;height:auto}
.wow-hint{padding:8px 14px 12px;font-size:13px;font-weight:700;color:var(--muted);
  display:flex;align-items:center;gap:8px;min-height:38px}
.card-view.light .wow-hint{color:rgba(0,0,0,.55)}
.wow-hint .k{display:inline-block;padding:2px 8px;border-radius:999px;
  background:rgba(255,255,255,.10);font-weight:800;font-size:12px}
.card-view.light .wow-hint .k{background:rgba(0,0,0,.08)}
.wow-credit{padding:0 14px 10px;font-size:11px;line-height:1.4;opacity:.5}
.wow-credit a{text-decoration:underline}
.wow-row{display:flex;gap:8px;padding:0 14px 12px;flex-wrap:wrap}
.wow-btn{padding:9px 14px;border-radius:999px;font-weight:800;font-size:13px;
  background:rgba(255,255,255,.12);transition:transform .12s}
.wow-btn:active{transform:scale(.94)}
.wow-btn.hi{background:var(--acc,var(--gold));color:#151515}
.card-view.light .wow-btn{background:rgba(0,0,0,.08)}
.wow-scale{padding:0 14px 12px}
.wow-years{display:flex;justify-content:space-between;font-family:var(--mono);
  font-size:11px;font-weight:700;opacity:.55;margin-top:4px}
.wow-slider{-webkit-appearance:none;appearance:none;width:100%;height:30px;background:none}
.wow-slider::-webkit-slider-runnable-track{height:6px;border-radius:6px;
  background:rgba(255,255,255,.18)}
.wow-slider::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-10px;
  border-radius:50%;background:var(--acc,var(--gold));box-shadow:0 2px 10px rgba(0,0,0,.45)}
.wow-slider::-moz-range-track{height:6px;border-radius:6px;background:rgba(255,255,255,.18)}
.wow-slider::-moz-range-thumb{width:26px;height:26px;border:0;border-radius:50%;
  background:var(--acc,var(--gold))}
.wow-label{font-family:var(--display);font-weight:900;font-size:22px;letter-spacing:.01em;
  padding:0 14px}
.wow-sub{padding:2px 14px 0;font-size:13px;font-weight:600;opacity:.7;min-height:20px}
.wow-hud{position:absolute;top:10px;right:12px;font-family:var(--mono);font-size:12px;
  font-weight:700;padding:5px 10px;border-radius:999px;background:rgba(0,0,0,.42);
  color:#fff;pointer-events:none}
.wow-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;
  transition:opacity .35s}
.wow-empty{padding:14px;font-size:13px;font-weight:600;opacity:.6}

/* --- 3D-сцена (Samsung, Motorola) --- */
.wow-3d{position:relative;width:100%;perspective:1400px;perspective-origin:50% 50%;
  display:flex;align-items:center;justify-content:center;overflow:hidden}
.wow-3d .hinge{position:relative;transform-style:preserve-3d;will-change:transform}
.wow-3d .leaf{position:absolute;top:0;backface-visibility:hidden;transform-style:preserve-3d;
  will-change:transform}
.wow-3d .leaf .shade{position:absolute;inset:0;pointer-events:none}
.wow-3d .glass{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;opacity:.45}

/* --- слайд-анлок (Apple) --- */
.wow-unlock{position:absolute;left:8%;right:8%;bottom:7%;height:34px;border-radius:999px;
  background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.25);overflow:hidden;
  display:flex;align-items:center}
.wow-unlock .cap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:700;color:rgba(255,255,255,.75);letter-spacing:.02em}
.wow-unlock .knob{position:relative;width:44px;height:28px;margin:0 3px;border-radius:999px;
  background:linear-gradient(180deg,#fff,#cfcfcf);box-shadow:0 1px 4px rgba(0,0,0,.5);
  display:flex;align-items:center;justify-content:center;font-size:14px;color:#333;z-index:2}

/* --- клавіатура/дзвінок (Motorola) --- */
.wow-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 14px 12px}
.wow-key{padding:11px 0;border-radius:12px;background:rgba(255,255,255,.10);
  font-family:var(--mono);font-weight:700;font-size:15px;text-align:center}
.wow-key:active{background:rgba(255,255,255,.22)}
.wow-num{font-family:var(--mono);font-weight:700;font-size:18px;letter-spacing:.06em;
  padding:0 14px 8px;min-height:26px}

@media (min-width:700px){ .wow{max-width:760px;margin-left:auto;margin-right:auto} }