/* FancyPack – stránka Velkoobchod a B2B. Styly platí jen uvnitř .fpb */
.fpb{--fpb-ink:#1a1a1a;--fpb-muted:#5f6b70;--fpb-line:#e3eaed;--fpb-accent:#2181a1;--fpb-accent-dark:#17627c;--fpb-soft:#eaf4f8;
  color:var(--fpb-ink);font-size:16px;line-height:1.6;margin:0 auto}
.fpb *,.fpb *::before,.fpb *::after{box-sizing:border-box}
.fpb a{text-decoration:none}
.fpb section{margin:0 0 72px}
.fpb h1,.fpb h2,.fpb h3{color:var(--fpb-ink);margin:0;line-height:1.2}
.fpb p{margin:0}
.fpb ul{list-style:none;margin:0;padding:0}

/* Nadpisy sekcí */
.fpb-kicker{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--fpb-accent);margin-bottom:10px}
.fpb-h2{font-size:clamp(26px,3vw,36px);font-weight:800;margin-bottom:12px}
.fpb-sub{color:var(--fpb-muted);max-width:62ch;font-size:17px}
.fpb-head{text-align:center;margin:0 auto 36px;max-width:760px}
.fpb-head .fpb-sub{margin:0 auto}

/* Tlačítka */
.fpb-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.fpb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 26px;border-radius:999px;font-weight:700;font-size:16px;transition:background .2s,color .2s,border-color .2s,transform .2s}
.fpb-btn:hover{transform:translateY(-1px)}
.fpb-btn--primary{background:var(--fpb-accent);color:#fff!important}
.fpb-btn--primary:hover{background:var(--fpb-accent-dark)}
.fpb-btn--ghost{background:#fff;color:var(--fpb-ink)!important;border:1.5px solid var(--fpb-line)}
.fpb-btn--ghost:hover{border-color:var(--fpb-accent);color:var(--fpb-accent)!important}
.fpb-btn--white{background:#fff;color:var(--fpb-accent-dark)!important}
.fpb-btn--white:hover{background:var(--fpb-ink);color:#fff!important}
.fpb-btn--outline-white{border:1.5px solid rgba(255,255,255,.5);color:#fff!important}
.fpb-btn--outline-white:hover{border-color:#fff;background:rgba(255,255,255,.1)}

/* Hero */
.fpb-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:40px;align-items:center;
  background:linear-gradient(135deg,#eaf4f8 0%,#f7fbfc 45%,#fff 80%);border-radius:28px;padding:56px;box-shadow:0 12px 40px rgba(16,40,56,.08)}
.fpb-h1{font-size:clamp(30px,4vw,48px);font-weight:800;letter-spacing:-.01em;margin-bottom:16px}
.fpb-lead{font-size:18px;color:var(--fpb-muted);max-width:56ch}
.fpb-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fpb-facts li{background:#fff;border-radius:18px;padding:22px 20px;box-shadow:0 6px 20px rgba(16,40,56,.07)}
.fpb-facts strong{display:block;font-size:34px;font-weight:800;line-height:1;color:var(--fpb-accent-dark);margin-bottom:6px}
.fpb-facts span{font-size:14px;color:var(--fpb-muted)}

/* Karty */
.fpb-grid{display:grid;gap:16px}
.fpb-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.fpb-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.fpb-card{background:#fff;border:1px solid var(--fpb-line);border-radius:20px;padding:26px 24px;transition:box-shadow .2s,transform .2s}
.fpb-card:hover{box-shadow:0 10px 30px rgba(16,40,56,.08);transform:translateY(-2px)}
.fpb-card::before{content:"";display:block;width:48px;height:48px;border-radius:14px;margin-bottom:18px;background:var(--fpb-soft) center / 24px no-repeat}
.fpb-card--box::before{background-image:<path d='M21 8l-9-5-9 5 9 5 9-5z'/><path d='M3 8v8l9 5 9-5V8'/><path d='M12 13v8'/>}
.fpb-card--tag::before{background-image:<path d='M20.6 13.4l-7.2 7.2a2 2 0 0 1-2.8 0L3 13V3h10l7.6 7.6a2 2 0 0 1 0 2.8z'/><circle cx='7.5' cy='7.5' r='1.5'/>}
.fpb-card--gift::before{background-image:<rect x='3' y='8' width='18' height='4' rx='1'/><path d='M12 8v13M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7'/><path d='M7.5 8a2.5 2.5 0 0 1 0-5C11 3 12 8 12 8s1-5 4.5-5a2.5 2.5 0 0 1 0 5'/>}
.fpb-card--case::before{background-image:<rect x='2' y='7' width='20' height='14' rx='2'/><path d='M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2M2 13h20'/>}
.fpb-card--factory::before{background-image:<path d='M2 20h20V9l-6 4V9l-6 4V4H2z'/><path d='M6 16h2M11 16h2M16 16h2'/>}
.fpb-card--palette::before{background-image:<circle cx='12' cy='12' r='9'/><circle cx='8' cy='10' r='1.2'/><circle cx='12' cy='7.5' r='1.2'/><circle cx='16' cy='10' r='1.2'/><path d='M12 21a3 3 0 0 1 0-6h1.5a2.5 2.5 0 0 0 0-5'/>}
.fpb-card--leaf::before{background-image:<path d='M11 20A7 7 0 0 1 4 13c0-6 7-10 16-10 0 9-4 16-10 16'/><path d='M4 21c3-6 6-9 11-12'/>}
.fpb-card--layers::before{background-image:<path d='M12 2l10 5-10 5L2 7z'/><path d='M2 12l10 5 10-5M2 17l10 5 10-5'/>}
.fpb-card--truck::before{background-image:<path d='M2 6h12v10H2z'/><path d='M14 9h4l3 3v4h-7'/><circle cx='6.5' cy='18' r='2'/><circle cx='17.5' cy='18' r='2'/>}
.fpb-card--chat::before{background-image:<path d='M21 12a8 8 0 0 1-11.6 7.1L4 20l1-4.6A8 8 0 1 1 21 12z'/>}
.fpb-card h3{font-size:18px;font-weight:700;margin-bottom:8px}
.fpb-card p{font-size:15px;color:var(--fpb-muted)}

/* Ceník */
.fpb-prices{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:40px;align-items:center}
.fpb-table{background:#fff;border:1px solid var(--fpb-line);border-radius:22px;overflow:hidden;box-shadow:0 10px 30px rgba(16,40,56,.06)}
.fpb-row{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:12px;align-items:center;padding:18px 24px;border-top:1px solid var(--fpb-line)}
.fpb-row:first-child{border-top:0;background:#f6f9fa;font-size:13px;font-weight:700;color:var(--fpb-muted);text-transform:uppercase;letter-spacing:.05em;padding:14px 24px}
.fpb-row b{font-size:17px}
.fpb-row em{font-style:normal;justify-self:start;background:#e6f6ec;color:#1c7a45;font-size:12px;font-weight:700;border-radius:999px;padding:3px 10px;margin-left:8px}
.fpb-row--hl{background:linear-gradient(90deg,var(--fpb-accent) 0%,var(--fpb-accent-dark) 100%);color:#fff}
.fpb-row--hl b{color:#fff}
.fpb-note{font-size:13px;color:var(--fpb-muted);margin-top:14px}

/* Pás – výplň na míru */
.fpb-band{background:radial-gradient(120% 120% at 100% 0%,#33a3c6 0%,#2181a1 45%,#17627c 100%);color:#fff;border-radius:28px;padding:56px;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px;align-items:center;box-shadow:0 14px 40px rgba(23,98,124,.25)}
.fpb-band .fpb-h2,.fpb-band .fpb-kicker{color:#fff}
.fpb-band .fpb-kicker{opacity:.85}
.fpb-band .fpb-sub{color:rgba(255,255,255,.88)}
.fpb-steps{counter-reset:fpbstep;display:flex;flex-direction:column;gap:12px}
.fpb-steps li{counter-increment:fpbstep;position:relative;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:16px;padding:18px 20px 18px 70px}
.fpb-steps li::before{content:counter(fpbstep);position:absolute;left:20px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;background:#fff;color:var(--fpb-accent-dark);font-weight:800;display:flex;align-items:center;justify-content:center}
.fpb-steps strong{display:block;font-size:16px}
.fpb-steps span{font-size:14px;color:rgba(255,255,255,.85)}

/* Jak začít */
.fpb-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;counter-reset:fpbflow}
.fpb-flow li{counter-increment:fpbflow;position:relative;padding:26px 22px;background:#fff;border:1px solid var(--fpb-line);border-radius:20px}
.fpb-flow li::before{content:"0" counter(fpbflow);display:block;font-size:32px;font-weight:800;color:var(--fpb-accent);opacity:.35;line-height:1;margin-bottom:14px}
.fpb-flow strong{display:block;font-size:17px;margin-bottom:6px}
.fpb-flow span{font-size:15px;color:var(--fpb-muted)}

/* Časté dotazy */
.fpb-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.fpb-faq li{background:#fff;border:1px solid var(--fpb-line);border-radius:18px;padding:22px 24px}
.fpb-faq strong{display:block;font-size:16px;margin-bottom:6px}
.fpb-faq span{font-size:15px;color:var(--fpb-muted)}
.fpb-faq a{color:var(--fpb-accent);font-weight:600}

/* Závěrečná výzva */
.fpb-cta{background:var(--fpb-ink);color:#fff;border-radius:28px;padding:52px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px;align-items:center}
.fpb-cta .fpb-h2{color:#fff}
.fpb-cta .fpb-sub{color:rgba(255,255,255,.75)}
.fpb-contact{display:flex;flex-direction:column;gap:10px}
.fpb-contact a,.fpb-contact div{display:flex;flex-direction:column;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:14px 18px;color:#fff!important;transition:background .2s}
.fpb-contact a:hover{background:rgba(255,255,255,.14)}
.fpb-contact small{font-size:12px;color:rgba(255,255,255,.6)}
.fpb-contact b{font-size:18px}

/* Místa k doplnění – po úpravě textu třídu fpb-todo smažte */
.fpb-todo{background:#fff3b0;color:#6b5300;border-radius:4px;padding:0 4px}

/* Responzivita */
@media (max-width:1100px){.fpb-grid--4,.fpb-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){
  .fpb-hero,.fpb-band,.fpb-prices,.fpb-cta{grid-template-columns:1fr}
  .fpb-hero,.fpb-band,.fpb-cta{padding:32px 24px;border-radius:22px}
  .fpb-grid--3,.fpb-faq{grid-template-columns:1fr}
}
@media (max-width:560px){
  .fpb section{margin-bottom:48px}
  .fpb-grid--4,.fpb-flow{grid-template-columns:1fr}
  .fpb-row{padding:14px 16px;grid-template-columns:1fr 1fr 1fr;font-size:14px}
  .fpb-row:first-child{padding:12px 16px}
  .fpb-row em{display:none}
  .fpb-btn{width:100%}
}