/* ================================================================
   GOOGLE ADS SIMULATOR — gads-sim.css
   Dark AI engine · #00e5ff signal · Bricolage Grotesque
   Based on Official Google Ads Policy 2025
   ================================================================ */

/* ── Page ── */
.gads-page { background:#060a12; }

/* ══ HERO ══ */
.gads-hero {
  position:relative; overflow:hidden;
  background:#04080f; padding:56px 0 48px;
  border-bottom:1px solid #111f35;
}
.gads-hero__bg { position:absolute; inset:0; pointer-events:none; z-index:0; }
.gads-hero__grid {
  position:absolute; inset:0;
  background-image:linear-gradient(rgba(0,229,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,229,255,.04) 1px,transparent 1px);
  background-size:48px 48px;
}
.gads-hero__glow-l { position:absolute;top:-80px;left:-80px;width:500px;height:400px;background:radial-gradient(ellipse,rgba(67,97,238,.14) 0%,transparent 70%); }
.gads-hero__glow-r { position:absolute;bottom:-60px;right:-60px;width:400px;height:300px;background:radial-gradient(ellipse,rgba(0,229,255,.09) 0%,transparent 70%); }
.gads-hero__scan  { position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00e5ff,transparent);animation:gadsScan 3s ease-in-out infinite;opacity:.5; }
@keyframes gadsScan{0%{transform:translateY(0);opacity:.5}50%{opacity:1}100%{transform:translateY(180px);opacity:0}}
.gads-hero__dot { width:7px;height:7px;border-radius:50%;background:#00e5ff;box-shadow:0 0 10px #00e5ff;animation:aiePulse 2s ease-in-out infinite;flex-shrink:0; }
.gads-hero .container { position:relative;z-index:1; }
.gads-hero__inner { max-width:100%;text-align: center; }
.gads-hero__kicker { display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;color:#00e5ff;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:18px;font-family:'Bricolage Grotesque',sans-serif; }
.gads-hero__h1 { font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(30px,5vw,54px);font-weight:800;color:#f8fafc;line-height:1.1;letter-spacing:-.03em;margin-bottom:16px; }
.gads-hero__h1 em { color:#00e5ff;font-style:normal; }
.gads-hero__sub { font-size:15px;color:#c6cbd3;line-height:1.7;max-width:90%px;margin-bottom:22px; text-align: center;}
.gads-hero__badges {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-content: flex-start;
    justify-content: center;
}
.gads-hero__badge { display:inline-flex;align-items:center;gap:5px;background:rgba(0,229,255,.06);border:1px solid rgba(0,229,255,.15);color:#94a3b8;font-size:11px;font-weight:700;padding:5px 11px;border-radius:20px; }

/* ══ MAIN LAYOUT ══ */
.gads-main { padding:28px 0 60px;background:#060a12; }
.gads-wrap {
  max-width:1420px;margin:0 auto;padding:0 20px;
  display:grid;grid-template-columns:420px 1fr;gap:22px;align-items:start;
}

/* ══ PANELS ══ */
.gads-panel { background:#0d1420;border:1px solid #1e2d45;border-radius:18px;overflow:hidden; }
.gads-panel--left { position:sticky;top:88px;max-height:calc(100vh - 108px);overflow-y:auto; }
.gads-panel--left::-webkit-scrollbar { width:4px; }
.gads-panel--left::-webkit-scrollbar-track { background:#060a12; }
.gads-panel--left::-webkit-scrollbar-thumb { background:#1e2d45;border-radius:4px; }
.gads-panel--right { position:relative;top:0; }

/* Panel header */
.gads-panel__header {
  display:flex;align-items:center;gap:8px;
  padding:13px 18px;border-bottom:1px solid #111f35;
  background:#0a1020;font-size:12px;font-weight:700;color:#64748b;letter-spacing:.3px;
  position:sticky;top:0;z-index:5;
}
.gads-dot { width:8px;height:8px;border-radius:50%;background:#00e5ff;box-shadow:0 0 8px rgba(0,229,255,.5);animation:aiePulse 2s ease-in-out infinite;flex-shrink:0; }
.gads-dot--green { background:#06d6a0;box-shadow:0 0 8px rgba(6,214,160,.5); }
.gads-ai-badge { margin-left:auto;display:flex;align-items:center;gap:5px;background:rgba(0,229,255,.08);border:1px solid rgba(0,229,255,.15);color:#00e5ff;font-size:10px;font-weight:800;padding:3px 8px;border-radius:20px;letter-spacing:.5px; }
.gads-live-badge { margin-left:auto;display:flex;align-items:center;gap:5px;background:rgba(6,214,160,.08);border:1px solid rgba(6,214,160,.2);color:#06d6a0;font-size:10px;font-weight:800;padding:3px 8px;border-radius:20px;letter-spacing:1px; }
.gads-live-dot { width:6px;height:6px;border-radius:50%;background:#06d6a0;animation:aiePulse 1.5s ease-in-out infinite; }

/* ══ FORMAT TABS ══ */
.gads-format-row { padding:14px 16px 0;border-bottom:1px solid #111f35;padding-bottom:14px; }
.gads-format-label { font-size:10px;font-weight:800;color:#2a3a56;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px; }
.gads-format-tabs { display:grid;grid-template-columns:repeat(3,1fr);gap:6px; }
.gads-fmt-btn {
  display:flex;flex-direction:column;align-items:center;gap:2px;
  padding:10px 6px;background:#060a12;border:1px solid #1e2d45;border-radius:10px;
  color:#3a4a6b;font-size:11px;font-weight:800;cursor:pointer;font-family:inherit;
  transition:all .2s;line-height:1.2;
}
.gads-fmt-icon { font-size:18px; }
.gads-fmt-sub { font-size:9px;font-weight:600;color:#2a3a56;margin-top:1px; }
.gads-fmt-btn.is-active { background:rgba(0,229,255,.07);border-color:rgba(0,229,255,.3);color:#00e5ff; }
.gads-fmt-btn.is-active .gads-fmt-sub { color:rgba(0,229,255,.6); }
.gads-fmt-btn:hover:not(.is-active) { border-color:#2a3a56;color:#64748b; }

/* ══ DEVICE TOGGLE ══ */
.gads-device-row { display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #111f35; }
.gads-dev-btn {
  display:flex;align-items:center;justify-content:center;gap:6px;
  padding:10px;background:none;border:none;border-right:1px solid #111f35;
  color:#2a3a56;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s;
}
.gads-dev-btn:last-child { border-right:none; }
.gads-dev-btn svg { width:14px;height:14px; }
.gads-dev-btn.is-active { background:rgba(0,229,255,.05);color:#00e5ff;border-bottom:2px solid #00e5ff; }
.gads-dev-btn:hover:not(.is-active) { color:#64748b; }

/* ══ SECTIONS ══ */
.gads-section { padding:14px 16px;border-bottom:1px solid #0d1829; }
.gads-section__title {
  display:flex;align-items:center;gap:6px;
  font-size:10px;font-weight:800;color:#3a4a6b;text-transform:uppercase;letter-spacing:.9px;
  margin-bottom:12px;
}
.gads-section__rule { margin-left:auto;font-size:9px;font-weight:600;color:#1e2d45;text-transform:none;letter-spacing:0;white-space:nowrap; }
.gads-section__note { font-size:11px;color:#2a3a56;line-height:1.5;margin-top:6px;font-style:italic; }

/* ══ FIELDS ══ */
.gads-field { margin-bottom:10px; }
.gads-field:last-child { margin-bottom:0; }
.gads-field__head { display:flex;align-items:center;justify-content:space-between;margin-bottom:5px; }
.gads-label { font-size:11px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.6px; }
.gads-hint { font-size:10px;color:#1e2d45;font-weight:600; }
.gads-input {
  width:100%;box-sizing:border-box;
  background:#060a12;border:1px solid #1e2d45;color:#f8fafc;
  padding:9px 12px;border-radius:8px;font-size:13px;font-family:inherit;outline:none;
  transition:border-color .2s,box-shadow .2s;
}
.gads-input::placeholder { color:#1e2d45; }
.gads-input:focus { border-color:rgba(0,229,255,.4);box-shadow:0 0 0 3px rgba(0,229,255,.07); }
.gads-input--sm { padding:7px 10px;font-size:12px; }
.gads-input--path { width:90px;padding:6px 8px;font-size:12px; }
.gads-input-wrap { position:relative; }
.gads-counter { position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:10px;font-weight:700;color:#2a3a56;pointer-events:none; }
.gads-counter.is-over { color:#ef4444; }
.gads-counter.is-good { color:#06d6a0; }
.gads-path-counter { font-size:10px;font-weight:700;color:#2a3a56;align-self:center;white-space:nowrap; }
.gads-field-row { display:grid;grid-template-columns:1fr 1fr;gap:8px; }

/* Path URL row */
.gads-path-row { display:flex;align-items:center;gap:4px;flex-wrap:wrap; }
.gads-path-domain { font-size:12px;color:#4361ee;font-weight:700;white-space:nowrap;flex-shrink:0; }
.gads-path-sep { color:#3a4a6b;font-weight:700;font-size:13px; }
.gads-path-input-wrap { display:flex;align-items:center;gap:4px; }

/* ══ HEADLINE ROWS ══ */
.gads-hl-row {
  display:grid;grid-template-columns:1fr auto auto;
  align-items:center;gap:6px;margin-bottom:7px;
  background:#060a12;border:1px solid #1e2d45;border-radius:8px;padding:8px 10px;
  position:relative;
}
.gads-hl-row:hover { border-color:#2a3a56; }
.gads-hl-input {
  background:none;border:none;outline:none;color:#f8fafc;font-size:13px;font-family:inherit;width:100%;
}
.gads-hl-input::placeholder { color:#1e2d45; }
.gads-hl-count { font-size:10px;font-weight:700;white-space:nowrap;min-width:30px;text-align:right; }
.gads-hl-count.ok { color:#06d6a0; }
.gads-hl-count.warn { color:#f59e0b; }
.gads-hl-count.over { color:#ef4444; }
.gads-hl-pin {
  background:none;border:1px solid #1e2d45;border-radius:5px;
  width:22px;height:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;
  color:#2a3a56;font-size:11px;transition:all .15s;flex-shrink:0;
}
.gads-hl-pin.is-pinned { background:rgba(0,229,255,.1);border-color:rgba(0,229,255,.3);color:#00e5ff; }
.gads-hl-pin:hover { border-color:#3a4a6b;color:#64748b; }
.gads-hl-del { background:none;border:none;cursor:pointer;color:#1e2d45;font-size:16px;line-height:1;padding:0 2px;transition:color .15s;flex-shrink:0; }
.gads-hl-del:hover { color:#ef4444; }
.gads-hl-pin-label { position:absolute;top:-1px;left:8px;font-size:9px;font-weight:800;color:#00e5ff;background:#060a12;padding:0 3px;letter-spacing:.5px;display:none; }
.gads-hl-row.is-pinned .gads-hl-pin-label { display:block; }
.gads-hl-row.is-pinned { border-color:rgba(0,229,255,.2); }

/* Desc rows */
.gads-desc-row {
  margin-bottom:7px;background:#060a12;border:1px solid #1e2d45;border-radius:8px;padding:8px 10px;
}
.gads-desc-row:hover { border-color:#2a3a56; }
.gads-desc-top { display:grid;grid-template-columns:1fr auto auto;align-items:flex-start;gap:6px; }
.gads-desc-textarea { background:none;border:none;outline:none;color:#f8fafc;font-size:13px;font-family:inherit;width:100%;resize:none;min-height:44px;line-height:1.5; }
.gads-desc-textarea::placeholder { color:#1e2d45; }
.gads-desc-count { font-size:10px;font-weight:700;min-width:30px;text-align:right;margin-top:2px; }
.gads-desc-count.ok { color:#06d6a0; }
.gads-desc-count.warn { color:#f59e0b; }
.gads-desc-count.over { color:#ef4444; }

/* Add button */
.gads-add-btn {
  display:flex;align-items:center;gap:6px;
  background:rgba(0,229,255,.04);border:1px dashed rgba(0,229,255,.2);
  color:#3a4a6b;font-size:12px;font-weight:700;
  padding:8px 12px;border-radius:8px;cursor:pointer;width:100%;justify-content:center;
  font-family:inherit;transition:all .2s;margin-top:4px;
}
.gads-add-btn svg { width:13px;height:13px;flex-shrink:0; }
.gads-add-btn:hover { border-color:rgba(0,229,255,.4);color:#00e5ff;background:rgba(0,229,255,.07); }
.gads-add-btn--sm { padding:6px 10px;font-size:11px;margin-top:8px; }

/* ══ ASSETS GRID ══ */
.gads-assets-grid { display:flex;flex-direction:column;gap:0; }
.gads-asset-card { border-bottom:1px solid #0d1829; }
.gads-asset-card:last-child { border-bottom:none; }
.gads-asset-card__head {
  display:flex;align-items:center;gap:10px;padding:11px 16px;cursor:pointer;
  transition:background .15s;user-select:none;
}
.gads-asset-card__head:hover { background:rgba(255,255,255,.02); }
.gads-asset-toggle {
  width:28px;height:16px;border-radius:10px;background:#1e2d45;position:relative;
  flex-shrink:0;transition:background .2s;
}
.gads-asset-toggle::after {
  content:'';position:absolute;top:2px;left:2px;
  width:12px;height:12px;border-radius:50%;background:#3a4a6b;transition:transform .2s,background .2s;
}
.gads-asset-toggle.is-on { background:rgba(0,229,255,.2);border:1px solid rgba(0,229,255,.3); }
.gads-asset-toggle.is-on::after { transform:translateX(12px);background:#00e5ff; }
.gads-asset-name { font-size:12px;font-weight:800;color:#94a3b8; }
.gads-asset-spec { font-size:10px;color:#2a3a56;font-weight:600;margin-top:1px; }
.gads-asset-body { padding:0 16px 12px; }

/* Callout tags */
.gads-callout-tags { display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px;min-height:24px; }
.gads-callout-tag {
  display:inline-flex;align-items:center;gap:4px;
  background:rgba(0,229,255,.08);border:1px solid rgba(0,229,255,.2);
  color:#00e5ff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;
}
.gads-callout-tag__del { cursor:pointer;color:rgba(0,229,255,.5);font-size:13px;line-height:1;transition:color .15s; }
.gads-callout-tag__del:hover { color:#ef4444; }
.gads-callout-add-row { display:flex;gap:6px;align-items:center; }
.gads-mini-btn { background:rgba(0,229,255,.1);border:1px solid rgba(0,229,255,.3);color:#00e5ff;font-size:11px;font-weight:800;padding:7px 10px;border-radius:6px;cursor:pointer;font-family:inherit;white-space:nowrap; }
.gads-mini-btn:hover { background:rgba(0,229,255,.18); }

/* Sitelink rows */
.gads-sitelink-row {
  background:#060a12;border:1px solid #1e2d45;border-radius:8px;padding:9px 10px;margin-bottom:7px;
}
.gads-sitelink-row-top { display:flex;align-items:center;gap:6px;margin-bottom:6px; }
.gads-sitelink-del { background:none;border:none;cursor:pointer;color:#1e2d45;font-size:16px;line-height:1;padding:0;transition:color .15s;flex-shrink:0; }
.gads-sitelink-del:hover { color:#ef4444; }
.gads-sitelink-desc-row { display:grid;grid-template-columns:1fr 1fr;gap:6px; }

/* Price items */
.gads-price-item {
  background:#060a12;border:1px solid #1e2d45;border-radius:8px;padding:9px 10px;margin-bottom:7px;
}
.gads-price-item-head { display:flex;align-items:center;gap:6px;margin-bottom:6px; }
.gads-price-item-del { background:none;border:none;cursor:pointer;color:#1e2d45;font-size:16px;line-height:1;padding:0;transition:color .15s;flex-shrink:0; }
.gads-price-item-del:hover { color:#ef4444; }
.gads-price-item-row { display:grid;grid-template-columns:1fr 80px;gap:6px; }

/* ══ AD STRENGTH ══ */
.gads-strength { margin:14px 16px;background:#060a12;border:1px solid #1e2d45;border-radius:12px;padding:14px; }
.gads-strength__header { display:flex;align-items:center;justify-content:space-between;margin-bottom:10px; }
.gads-strength__title { display:flex;align-items:center;gap:6px;font-size:10px;font-weight:800;color:#3a4a6b;text-transform:uppercase;letter-spacing:.8px; }
.gads-strength__badge { font-size:12px;font-weight:900;font-family:'Bricolage Grotesque',sans-serif;padding:3px 10px;border-radius:20px;letter-spacing:.3px; }
.gads-strength__badge.poor    { background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2); }
.gads-strength__badge.average { background:rgba(245,158,11,.1);color:#f59e0b;border:1px solid rgba(245,158,11,.2); }
.gads-strength__badge.good    { background:rgba(0,229,255,.1);color:#00e5ff;border:1px solid rgba(0,229,255,.2); }
.gads-strength__badge.excellent { background:rgba(6,214,160,.1);color:#06d6a0;border:1px solid rgba(6,214,160,.2); }
.gads-strength__bar-wrap { margin-bottom:10px; }
.gads-strength__bar { height:5px;background:#1e2d45;border-radius:5px;overflow:hidden; }
.gads-strength__fill { height:100%;border-radius:5px;width:0%;transition:width .6s cubic-bezier(.4,0,.2,1),background .4s; }
.gads-strength__fill.poor    { background:#ef4444; }
.gads-strength__fill.average { background:#f59e0b; }
.gads-strength__fill.good    { background:#00e5ff; }
.gads-strength__fill.excellent { background:linear-gradient(90deg,#00e5ff,#06d6a0); }
.gads-strength__tips { display:flex;flex-direction:column;gap:4px; }
.gads-stip { font-size:11px;font-weight:600;line-height:1.4;padding:4px 8px;border-radius:6px; }
.gads-stip--good    { color:#06d6a0;background:rgba(6,214,160,.06); }
.gads-stip--warn    { color:#f59e0b;background:rgba(245,158,11,.06); }
.gads-stip--bad     { color:#ef4444;background:rgba(239,68,68,.06); }
.gads-stip--neutral { color:#3a4a6b; }

/* ══ ACTIONS ══ */
.gads-actions { padding:4px 16px 18px;display:grid;grid-template-columns:1fr 1fr;gap:8px;position:relative; }
.gads-act-btn {
  display:flex;align-items:center;justify-content:center;gap:6px;
  padding:10px 12px;border-radius:8px;font-size:12px;font-weight:800;cursor:pointer;border:none;font-family:inherit;transition:all .2s;
}
.gads-act-btn svg { width:13px;height:13px;flex-shrink:0; }
.gads-act-btn--primary { background:#0d1420;border:1px solid rgba(0,229,255,.3);color:#00e5ff; }
.gads-act-btn--primary:hover { background:rgba(0,229,255,.08); }
.gads-act-btn--secondary { background:#060a12;border:1px solid #1e2d45;color:#3a4a6b; }
.gads-act-btn--secondary:hover { color:#64748b;border-color:#2a3a56; }
.gads-act-btn--cta { grid-column:1/-1;background:linear-gradient(135deg,#00e5ff,#4361ee);color:#04080f;font-size:13px; }
.gads-act-btn--cta:hover { transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,229,255,.3); }
.gads-toast { position:absolute;bottom:58px;left:16px;right:16px;background:#06d6a0;color:#04080f;font-size:12px;font-weight:800;padding:10px 14px;border-radius:8px;display:flex;align-items:center;gap:7px;transform:translateY(8px);opacity:0;pointer-events:none;transition:all .3s;z-index:10; }
.gads-toast svg { width:14px;height:14px;flex-shrink:0; }
.gads-toast.is-on { opacity:1;transform:translateY(0); }

/* ══ POLICY BOX ══ */
.gads-policy-box { margin:0 16px 16px;background:#060a12;border:1px solid #1e2d45;border-radius:12px;padding:12px 14px; }
.gads-policy-box__title { display:flex;align-items:center;gap:6px;font-size:10px;font-weight:800;color:#3a4a6b;text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px; }
.gads-policy-row { display:flex;align-items:flex-start;gap:7px;font-size:11px;font-weight:600;padding:4px 0;border-bottom:1px solid #0d1829; }
.gads-policy-row:last-child { border-bottom:none; }
.gads-policy-icon { flex-shrink:0;margin-top:1px; }
.gads-policy-icon--pass { color:#06d6a0; }
.gads-policy-icon--fail { color:#ef4444; }
.gads-policy-icon--warn { color:#f59e0b; }
.gads-policy-text { color:#64748b; }
.gads-policy-text strong { color:#f8fafc; }

/* ══ BROWSER ══ */
.gads-browser { margin:16px;border:1px solid #2a3a56;border-radius:12px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.5);transition:all .3s; }
.gads-browser.is-mobile { max-width:390px;margin:16px auto; }
.gads-browser__chrome { background:#1a2236;border-bottom:1px solid #1e2d45;padding:9px 12px;display:flex;align-items:center;gap:8px; }
.gads-browser__dots { display:flex;gap:5px;flex-shrink:0; }
.gads-browser__dots span { width:9px;height:9px;border-radius:50%; }
.gads-browser__dots span:nth-child(1){background:#ff5f57}
.gads-browser__dots span:nth-child(2){background:#febc2e}
.gads-browser__dots span:nth-child(3){background:#28c840}
.gads-browser__bar { flex:1;display:flex;align-items:center;gap:6px;background:#0a1020;border:1px solid #1e2d45;border-radius:5px;padding:4px 9px;font-size:11px;color:#2a3a56;font-family:monospace;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.gads-browser__bar svg { width:10px;height:10px;fill:#2a3a56;flex-shrink:0; }
.gads-browser__device { font-size:10px;font-weight:800;color:#2a3a56;text-transform:uppercase;letter-spacing:1px;flex-shrink:0; }

/* ══ GOOGLE PAGE ══ */
.gads-google-page { background:#fafbfe;padding:16px 18px 22px;min-height:500px; }
.gads-g-header { margin-bottom:12px; }
.gads-g-logo { font-size:22px;font-weight:900;letter-spacing:-1px;margin-bottom:9px;font-family:'Bricolage Grotesque',sans-serif;line-height:1; }
.gads-g-search { display:flex;align-items:center;gap:9px;border:1px solid #dfe1e5;border-radius:22px;padding:8px 16px;max-width:560px;margin-bottom:8px;color:#202124;font-size:14px;box-shadow:0 2px 5px rgba(0,0,0,.08);font-family:arial,sans-serif; }
.gads-g-search svg { width:15px;height:15px;stroke:#5f6368;flex-shrink:0; }
.gads-g-nav { display:flex;border-bottom:1px solid #ebebeb;margin-bottom:6px;max-width:560px; }
.gads-g-nav span { font-size:13px;color:#5f6368;padding:8px 12px;font-family:arial,sans-serif;cursor:pointer; }
.gads-gnav--active { color:#1a73e8;border-bottom:3px solid #1a73e8;font-weight:600; }
.gads-g-count { font-size:12px;color:#70757a;font-family:arial,sans-serif;margin-bottom:10px; }

/* ══ THE AD ══ */
.gads-result-wrap { max-width:600px; }
.gads-sponsored-label { font-size:12px;font-weight:700;color:#5f6368;margin-bottom:6px;font-family:arial,sans-serif;letter-spacing:.2px; }
.gads-result-with-img { display:flex;gap:12px;align-items:flex-start; }
.gads-ad-result { flex:1;min-width:0;background:#fff;border:2px solid rgba(239,68,68,.2);border-radius:10px;padding:12px 14px;position:relative;box-shadow:0 2px 10px rgba(239,68,68,.06);margin-bottom:10px; }
.gads-ad__sponsored { font-size:11px;font-weight:700;color:#006621;border:1px solid #006621;display:inline-block;padding:1px 4px;border-radius:3px;margin-bottom:5px;font-family:arial,sans-serif; }
.gads-ad__sponsored--ghost { opacity:.3; }

/* Biz line (with image) */
.gads-ad__bizline { display:flex;align-items:center;gap:8px;margin-bottom:5px; }
.gads-ad__favicon { width:26px;height:26px;border-radius:50%;background:#f1f3f4;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0; }
.gads-ad__favicon svg { width:13px;height:13px; }
.gads-ad__favicon img { width:16px;height:16px;object-fit:contain; }
.gads-ad__favicon-sm { width:22px;height:22px;border-radius:50%;background:#f1f3f4;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0; }
.gads-ad__favicon-sm svg { width:11px;height:11px; }
.gads-ad__bizname { font-size:14px;color:#202124;font-family:arial,sans-serif;font-weight:600; }
.gads-ad__bizname-sm { font-size:13px;color:#202124;font-family:arial,sans-serif;font-weight:600; }
.gads-ad__url { font-size:12px;color:#4d5156;font-family:arial,sans-serif; }
.gads-ad__url-group {}
.gads-ad__urlline { display:flex;align-items:center;gap:8px;margin-bottom:4px; }
.gads-ad__menu { margin-left:auto;color:#70757a;font-size:18px;cursor:pointer;padding:0 2px; }

.gads-ad__headline {
  font-size:20px;color:#1a0dab;font-family:arial,sans-serif;
  line-height:1.3;margin-bottom:4px;cursor:pointer;word-break:break-word;font-weight:400;
}
.gads-ad__headline:hover { text-decoration:underline; }
.gads-browser.is-mobile .gads-ad__headline { font-size:17px; }

.gads-ad__desc { font-size:14px;color:#4d5156;font-family:arial,sans-serif;line-height:1.58;word-break:break-word; }
.gads-browser.is-mobile .gads-ad__desc { font-size:13px; }

/* Phone (call-only) */
.gads-ad__phone { display:flex;align-items:center;gap:6px;margin:4px 0;font-size:14px;color:#1a73e8;font-family:arial,sans-serif;font-weight:600; }

/* Promo */
.gads-ad__promo-badge { display:inline-flex;align-items:center;gap:5px;background:#fce8e6;color:#c5221f;font-size:12px;font-weight:700;padding:3px 8px;border-radius:4px;margin:4px 0;font-family:arial,sans-serif; }

/* Sitelinks inside ad */
.gads-ad__sitelinks { margin-top:8px;display:flex;flex-wrap:wrap;gap:4px; }
.gads-ad__sitelink-item {
  display:inline-flex;flex-direction:column;
  border:1px solid #dfe1e5;border-radius:8px;padding:6px 10px;cursor:pointer;
  min-width:110px;transition:background .15s;
}
.gads-ad__sitelink-item:hover { background:#f8f9fa; }
.gads-ad__sitelink-title { font-size:13px;color:#1a0dab;font-family:arial,sans-serif;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px; }
.gads-ad__sitelink-desc { font-size:11px;color:#5f6368;font-family:arial,sans-serif;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px; }

/* Callouts */
.gads-ad__callouts { margin-top:6px;display:flex;flex-wrap:wrap;gap:3px; }
.gads-ad__callout-item { font-size:13px;color:#4d5156;font-family:arial,sans-serif; }
.gads-ad__callout-item:not(:last-child)::after { content:' · ';color:#bdc1c6; }

/* Structured snippets */
.gads-ad__snippets { margin-top:6px;font-size:13px;color:#4d5156;font-family:arial,sans-serif;line-height:1.5; }
.gads-ad__snippet-header { font-weight:700;color:#202124; }

/* Call asset */
.gads-ad__call-asset { display:flex;align-items:center;gap:5px;margin-top:6px;font-size:13px;color:#1a73e8;font-family:arial,sans-serif;font-weight:600; }

/* Location */
.gads-ad__location-asset { display:flex;align-items:center;gap:5px;margin-top:5px;font-size:12px;color:#70757a;font-family:arial,sans-serif; }

/* Price asset cards */
.gads-ad__price { display:flex;gap:6px;margin-top:8px;overflow-x:auto; }
.gads-ad__price-item { border:1px solid #dfe1e5;border-radius:8px;padding:8px 10px;min-width:100px;flex-shrink:0; }
.gads-ad__price-header { font-size:13px;color:#1a0dab;font-family:arial,sans-serif;font-weight:600; }
.gads-ad__price-val { font-size:14px;color:#202124;font-family:arial,sans-serif;font-weight:700;margin:2px 0; }
.gads-ad__price-desc { font-size:11px;color:#5f6368;font-family:arial,sans-serif; }

/* Image */
.gads-ad__image-wrap { width:120px;flex-shrink:0;border:1px solid #e8eaed;border-radius:8px;overflow:hidden;align-self:flex-start;margin-top:4px;background:#f8f9fa; }
.gads-ad__image { width:100%;height:80px;object-fit:cover;display:block; }
.gads-ad__image-placeholder { width:100%;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#94a3b8;font-size:10px;font-weight:600;font-family:arial,sans-serif; }
.gads-ad__image-placeholder svg { width:24px;height:24px; }

/* Ghost result */
.gads-ghost-result { padding:10px 0;border-top:1px solid #f1f3f4;margin-top:4px;opacity:.3; }
.gads-ghost-result--organic .gads-skel--headline { background:#c6cbef; }
.gads-ghost__top { display:flex;align-items:center;gap:7px;margin-bottom:6px; }
.gads-ghost__fav { width:20px;height:20px;border-radius:50%;background:#e8eaed;flex-shrink:0; }
.gads-skel { background:#e8eaed;border-radius:4px;height:11px;margin-bottom:4px; }
.gads-skel--domain { width:110px;height:10px; }
.gads-skel--url { width:170px;height:9px;background:#f1f3f4; }
.gads-skel--headline { width:72%;height:17px;background:#c6cbef;margin-bottom:6px; }
.gads-skel--desc1 { width:88%; }
.gads-skel--desc2 { width:62%; }
.gads-organic-divider { font-size:11px;color:#9aa0a6;font-family:arial,sans-serif;padding:10px 0 4px;border-top:1px solid #ebebeb;margin-top:4px; }

/* DSA notice */
.gads-dsa-notice { background:rgba(67,97,238,.07);border:1px solid rgba(67,97,238,.2);border-radius:8px;padding:10px 12px;font-size:12px;color:#94a3b8;line-height:1.6;margin:10px 16px 0; }
.gads-dsa-notice strong { color:#7b9cff; }

/* ══ SPECS TABLE ══ */
.gads-specs { background:#04080f;border-top:1px solid #111f35;border-bottom:1px solid #111f35;padding:80px 0; }
.gads-specs .section-headline { color:#f8fafc; }
.gads-specs .eyebrow { color:#00e5ff; }
.gads-specs em { color:#00e5ff;font-style:normal; }
.gads-specs-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px; }
.gads-spec-card { background:#0d1420;border:1px solid #1e2d45;border-radius:14px;padding:20px 18px;transition:border-color .25s,box-shadow .25s; }
.gads-spec-card:hover { border-color:rgba(0,229,255,.2);box-shadow:0 0 20px rgba(0,229,255,.05); }
.gads-spec-card__icon { font-size:24px;margin-bottom:10px; }
.gads-spec-card__name { font-size:13px;font-weight:800;color:#f8fafc;font-family:'Bricolage Grotesque',sans-serif;margin-bottom:4px;line-height:1.3; }
.gads-spec-card__current { font-size:10px;font-weight:700;color:#00e5ff;text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px; }
.gads-spec-rows { display:flex;flex-direction:column;gap:5px; }
.gads-spec-row { display:flex;justify-content:space-between;align-items:baseline;gap:6px;font-size:11px;border-top:1px solid #111f35;padding-top:5px; }
.gads-spec-row span { color:#ffffff; }
.gads-spec-row strong { color:#f8fafc;text-align:right;font-size:11px; }

/* ══ RESPONSIVE ══ */
@media(max-width:1160px){ .gads-wrap{grid-template-columns:380px 1fr} }
@media(max-width:960px){ .gads-wrap{grid-template-columns:1fr} .gads-panel--left{position:static;max-height:none} .gads-specs-grid{grid-template-columns:repeat(2,1fr)} }
@media(max-width:600px){ .gads-hero{padding:36px 0 28px} .gads-specs-grid{grid-template-columns:1fr} .gads-format-tabs{grid-template-columns:repeat(3,1fr)} }
