
/* Neo PRO v1.1 – GadgetFix-like (orange/black) */
:root{
  --gp-primary:#ff6a00; /* oranžová */
  --gp-dark:#0b0f1a;
  --gp-bg:#f6f8fc;
  --gp-border:#e6ebf2;
  --gp-text:#0f172a;
}
.gp-wrap{ font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; color:var(--gp-text); }
.gp-container{ max-width:1200px; margin:0 auto; padding:0 16px; }

/* HERO */
.gp-hero{ padding:56px 0; background:linear-gradient(180deg,#ffffff, var(--gp-bg)); }
.gp-hero--split .gp-hero-grid{ display:grid; grid-template-columns:1.1fr .9fr; gap:32px; align-items:center; }
.gp-badge{ display:inline-block; background:var(--gp-dark); color:#fff; padding:6px 10px; border-radius:999px; font-size:12px; letter-spacing:.06em; }
.gp-hero h1{ font-size:clamp(34px,5vw,56px); line-height:1.08; margin:.6rem 0 1rem; letter-spacing:-.02em; }
.gp-hero p{ font-size:clamp(16px,2.2vw,19px); opacity:.9; max-width:680px; }
.gp-actions{ display:flex; gap:12px; flex-wrap:wrap; margin:16px 0 10px; }
.gp-btn{ text-decoration:none; border:1px solid var(--gp-border); padding:12px 16px; border-radius:14px; transition:transform .06s ease, box-shadow .2s ease; }
.gp-btn:active{ transform:translateY(1px); }
.gp-btn-primary{ background:var(--gp-primary); color:#fff; border-color:var(--gp-primary); box-shadow:0 10px 26px rgba(255,106,0,.25); }
.gp-btn-ghost{ background:#fff; color:var(--gp-primary); }
.gp-list{ display:flex; gap:14px; flex-wrap:wrap; font-size:13px; opacity:.85; margin-top:6px; }
.gp-hero-card{ background:#fff; border:1px solid var(--gp-border); border-radius:22px; padding:10px; box-shadow:0 6px 22px rgba(0,0,0,.06); }
.gp-hero-card img{ width:100%; border-radius:16px; }

/* FEATURE STRIP */
.gp-strip{ border-top:1px solid var(--gp-border); border-bottom:1px solid var(--gp-border); }
.gp-strip--dark{ background:var(--gp-dark); color:#fff; }
.gp-strip-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; padding:14px 0; }
.gp-strip-item{ display:flex; align-items:center; gap:10px; font-weight:600; justify-content:center; }
.gp-strip-item span{ font-size:20px; }
@media (max-width: 760px){ .gp-strip-grid{ grid-template-columns:1fr 1fr; } }

/* COMMON SECTIONS */
.gp-section{ padding:44px 0; }
.gp-head h2{ font-size:30px; margin:0 0 6px; letter-spacing:-.01em; }
.gp-head p{ margin:0 0 18px; opacity:.78; }

/* Cards */
.gp-grid{ display:grid; gap:16px; }
.gp-cards-4{ grid-template-columns:repeat(4,1fr); }
.gp-cards-3{ grid-template-columns:repeat(3,1fr); }
@media (max-width: 1020px){ .gp-cards-4{ grid-template-columns:1fr 1fr; } }
@media (max-width: 680px){ .gp-cards-3{ grid-template-columns:1fr; } .gp-cards-4{ grid-template-columns:1fr; } }
.gp-card{ background:#fff; border:1px solid var(--gp-border); border-radius:16px; padding:16px; box-shadow:0 1px 2px rgba(0,0,0,.03); }
.gp-card h3{ margin:0 0 6px; font-size:18px; }

/* Counters */
.gp-counters{ background:#fff; border-top:1px solid var(--gp-border); border-bottom:1px solid var(--gp-border); padding:24px 0; }
.gp-count{ background:#fff; border:1px dashed var(--gp-border); border-radius:14px; padding:14px; text-align:center; }
.gp-count strong{ display:block; font-size:28px; color:var(--gp-primary); }

/* Process */
.gp-process{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.gp-step{ background:var(--gp-dark); color:#fff; padding:14px; border-radius:14px; display:flex; align-items:center; gap:10px; }
.gp-step span{ display:inline-grid; place-items:center; width:26px; height:26px; border-radius:999px; background:#fff; color:var(--gp-dark); font-weight:700; }

@media (max-width: 820px){ .gp-process{ grid-template-columns:1fr 1fr; } }
@media (max-width: 520px){ .gp-process{ grid-template-columns:1fr; } }

/* Pricing */
.gp-price{ display:grid; gap:10px; }
.gp-price > div{ display:flex; justify-content:space-between; border:1px dashed var(--gp-border); padding:12px 14px; border-radius:14px; background:#fff; }
.gp-note{ font-size:13px; opacity:.75; margin-top:8px; }

/* Quotes */
.gp-quote{ margin:0; background:#fff; border:1px solid var(--gp-border); border-radius:16px; padding:14px; font-style:italic; }
.gp-quote span{ display:block; margin-top:8px; font-style:normal; opacity:.8; }

/* FAQ */
.gp-faq details{ border:1px solid var(--gp-border); border-radius:12px; background:#fff; padding:12px 14px; margin-bottom:10px; }
.gp-faq summary{ cursor:pointer; font-weight:600; outline:none; }

/* Brands */
.gp-brands--line{ background:#fff; border-top:1px solid var(--gp-border); border-bottom:1px solid var(--gp-border); }
.gp-brands-row{ display:flex; gap:28px; justify-content:center; align-items:center; flex-wrap:wrap; padding:18px 0; }
.gp-brands-row img{ height:30px; filter:grayscale(100%); opacity:.8; }

/* Contact */
.gp-contact{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.gp-contact-map iframe{ width:100%; height:320px; border:0; border-radius:12px; }
@media (max-width: 820px){ .gp-contact{ grid-template-columns:1fr; } }

/* Footer CTA */
.gp-footer-cta--dark{ background:linear-gradient(90deg, rgba(0,0,0,.85), rgba(0,0,0,.75)); color:#fff; }
.gp-footer-cta-inner{ display:flex; align-items:center; justify-content:center; gap:16px; padding:40px 0; }
.gp-footer-cta h3{ margin:0; font-size:24px; }
.gp-footer-cta .gp-btn-primary{ background:#fff; color:#000; border-color:#fff; box-shadow:none; }
