/* ============================================================
   TERAPEUT.CSS : terapeut-specifické overrides nad new-airy.css
   (kostra a tokeny 1:1 ze studio-app; tady oceánová paleta
   #1F7FA0/#17657F/#14303D + komponenty, které se liší strukturálně)
   Část A je generovaná: každá rose deklarace ze styles.css a
   new-airy.css přemapovaná do ocean. Část B = vzor studio.css.
   ============================================================ */

/* ── auto-recolor overrides for styles.css ── */
:root{--e:#1F7FA0;--ed:#17657F;--deep:#175066;--dark:#123C4D;--ink:#14303D;--mut:#5F7078;--soft:#E7F4F8;--mint:#D4EBF2;--sand:#E4F1F6;--paper:#F3FAFC;--line:#C9E2EB;--shadow:0 28px 80px rgba(18,60,77,.16)}
.navin{border:1px solid rgba(212,235,242,.72);box-shadow:0 16px 44px rgba(20,48,61,.08)}
.links{color:#35525F}
.btn{box-shadow:0 14px 34px rgba(20,48,61,.18)}
.hero{background:radial-gradient(circle at 82% 15%,rgba(31,127,160,.22),transparent 32%),radial-gradient(circle at 16% 70%,rgba(212,235,242,.9),transparent 30%),linear-gradient(180deg,#F3FAFC 0%,#F0F8FB 100%)}
.hero:before{background:linear-gradient(120deg,rgba(231,244,248,.75),rgba(255,255,255,0))}
.hero-panel{background:linear-gradient(135deg,#ffffff 0%,#F0F8FB 44%,#DDEEF5 100%);border:1px solid rgba(31,127,160,.16);box-shadow:0 28px 100px rgba(23,80,102,.12)}
.hero-panel:before{background:radial-gradient(circle,#1F7FA0 0%,#D4EBF2 48%,transparent 68%)}
.hero-panel:after{background:linear-gradient(145deg,rgba(23,80,102,.2),rgba(243,250,252,.9))}
.dot{box-shadow:0 0 0 6px rgba(31,127,160,.12)}
h1{color:#14303D}
.hero p{color:#3E5A66}
.hero-phone{background:#0C222D}
.app-top{background:linear-gradient(135deg,#E7F4F8,#fff);color:#14303D}
.event{border:1px solid #DFEEF4;box-shadow:0 6px 16px rgba(20,48,61,.05)}
.event.green{background:#D2EBF3;color:#175066;border-color:#C7E4F0}
.event.dark{background:#14303D;border-color:#14303D}
.bottom{background:#0C222D;color:#7FB8CC}
.floating-note{border:1px solid #CFE7F1;box-shadow:0 18px 45px rgba(18,60,77,.13)}
.photo-strip{box-shadow:0 18px 50px rgba(18,60,77,.13)}
.photo-strip:after{background:linear-gradient(90deg,rgba(18,60,77,.35),rgba(18,60,77,.02) 44%,rgba(231,244,248,.28))}
.copy h2{color:#14303D}
.copy p{color:#5F7078}
.leaf-bg{background:linear-gradient(150deg,#B5DAE8,#F2F9FC);border:1px solid rgba(31,127,160,.20)}
.vertical-card{background:linear-gradient(180deg,#175066,#1F7FA0 68%,#E7F4F8);box-shadow:0 22px 60px rgba(23,80,102,.18)}
.wellness{background:linear-gradient(160deg,#123C4D,#1F7FA0 50%,#F2F9FC)}
.metric{box-shadow:0 10px 28px rgba(18,60,77,.12)}
.story-band{background:#0E2F3E}
.story-band:before{background:radial-gradient(circle,rgba(31,127,160,.72),transparent 62%)}
.story-head p{color:#C7E2EE}
.no{background:#A8D3E4;color:#123C4D}
.step p{color:#D7EAF3}
.mini-ui{color:#123C4D}
.split-card{box-shadow:0 18px 60px rgba(20,48,61,.06)}
.avatar{background:linear-gradient(135deg,#D4EBF2,#1F7FA0)}
.row{background:#E4F1F6}
.bodymap{background:linear-gradient(180deg,#E7F4F8,#ffffff);box-shadow:0 18px 55px rgba(18,60,77,.1)}
.pulse{box-shadow:0 0 0 8px rgba(31,127,160,.16)}
.cta-box{background:linear-gradient(135deg,#E7F4F8,#fff 46%,#D4EBF2);border:1px solid rgba(31,127,160,.16);box-shadow:0 22px 70px rgba(18,60,77,.09)}
.cta-box:after{background:radial-gradient(circle,rgba(31,127,160,.25),transparent 66%)}
.cta p{color:#5F7078}
.price b{color:#14303D}

/* ── auto-recolor overrides for new-airy.css ── */
.quiet-lead{color:#153A4B}
.section-intro h2{color:#14303D}
.section-intro p{color:#5F7078}
.story-head .dtag{color:#C7E4F0}
.fbignum{color:rgba(31,127,160,.20)}
.ftext strong{color:#14303D}
.ftext p{color:#5F7078}
.fcard{box-shadow:0 12px 30px rgba(20,48,61,.06)}
.ntf-app{color:#14303D}
.ntf-app span{color:#17657F}
.ntf-msg{color:#35525F}
.pay div b{color:#14303D}
.pay div span{color:#5F7078}
.brandbar b{color:#14303D}
.brand-slider{background:linear-gradient(to right,#ef4444,#f59e0b,#fde047,#1F7FA0,#0ea5e9,#7c3aed,#ec4899)}
.gcal-body b{color:#14303D}
.gcal-body span{color:#5F7078}
.wtrack{background:#F3FAFC;border:1px solid #E8F2F6}
.bars i{background:linear-gradient(180deg,#2D9CBF,#1F7FA0)}
.bars i:last-child{background:linear-gradient(180deg,#1F7FA0,#175066)}
.kpis b{color:#14303D}
.vthumb{box-shadow:0 12px 30px rgba(18,60,77,.14)}
.vplay{color:#175066}
.store-hl{color:#17657F}
.device-line{color:#14303D}
.store-badge{background:#14303D;box-shadow:0 14px 32px rgba(20,48,61,.18)}
.store-badge:hover{box-shadow:0 18px 38px rgba(20,48,61,.24)}
.five-blob{background:linear-gradient(140deg,#2D9CBF 0%,#1F7FA0 48%,#175066 100%);box-shadow:0 12px 28px rgba(18,60,77,.24)}
.spotlight{background:linear-gradient(135deg,#E7F4F8 0%,#ffffff 52%,#CFE9F2 100%);border:1px solid rgba(31,127,160,.16);box-shadow:0 22px 70px rgba(18,60,77,.09)}
.spot-copy h2{color:#14303D}
.spot-copy h2 .hl{color:#17657F}
.spot-copy p{color:#5F7078}
.disclaimer{box-shadow:0 22px 50px rgba(18,60,77,.12)}
.disclaimer p{color:#5F7078}
.disclaimer p b{color:#14303D}
#prechod::before{background:radial-gradient(60% 55% at 12% 16%,rgba(31,127,160,.13),transparent 60%),
  radial-gradient(54% 50% at 90% 84%,rgba(156,203,223,.18),transparent 62%),
  linear-gradient(180deg,#E3F1F7,#D9EDF4 52%,#E3F1F7)}
.steps.light .step{color:#14303D;box-shadow:0 14px 40px rgba(20,48,61,.05)}
.steps.light .step strong{color:#14303D}
.steps.light .step p{color:#5F7078}
.import-note{box-shadow:0 18px 44px rgba(18,60,77,.10)}
.import-note p{color:#5F7078}
.import-note p b{color:#14303D}
@media(max-width:760px){
  .import-note{background:linear-gradient(135deg,#E7F4F8,#ffffff 55%,#CFE9F2);border-color:rgba(31,127,160,.24)}
}
.ph-setup{color:#14303D}
.ph-punch{color:#17657F}
.steps.light .step .step-cta{box-shadow:0 12px 26px rgba(20,48,61,.16)}
.steps.light .step .step-cta:hover{box-shadow:0 16px 32px rgba(20,48,61,.22)}
.czech-points .cp{box-shadow:0 12px 38px rgba(20,48,61,.045)}
.czech-points .cp strong{color:#14303D}
.czech-points .cp p{color:#5F7078}
.tm-avatar{background:linear-gradient(140deg,#123C4D,#1F7FA0)}
.ai-chat{background:#0C222D}
.ai-chat .bub{color:#D7EAF3}
.ai-chat .bub.me{background:#E7F4F8;color:#123C4D}
.cmd{box-shadow:0 12px 32px rgba(20,48,61,.06)}
.cmd strong{color:#14303D}
.pricebox{box-shadow:0 22px 70px rgba(18,60,77,.08)}
.pricebox .big{color:#14303D}
.pricebox .big small{color:#5F7078}
.pricebox .sub{color:#5F7078}
.checklist .ck{color:#35525F}
.price-photo{box-shadow:0 24px 60px rgba(18,60,77,.14)}
.price-photo::after{background:linear-gradient(180deg,rgba(18,60,77,0) 42%,rgba(18,60,77,.55) 100%)}
.addons-lead{color:#5F7078}
.addon{box-shadow:0 14px 40px rgba(20,48,61,.05)}
.addon.open{box-shadow:0 22px 54px rgba(18,60,77,.12)}
.addon-head strong{color:#14303D}
.addon-price{color:#14303D}
.addon-list li{color:#5F7078}
.faq{box-shadow:0 8px 24px rgba(20,48,61,.04)}
.faq.open{background:linear-gradient(180deg,#EAF5F9,#E2F1F7);border-color:#B3D8E7;box-shadow:0 18px 44px rgba(18,60,77,.10)}
.faq-q{color:#14303D}
.faq-a-in{color:#5F7078}
.faq-points li{color:#5F7078}
.faq-points strong{color:#14303D}
.cta-box{border:1px solid rgba(31,127,160,.35);background:radial-gradient(120% 95% at 14% -12%,rgba(156,203,223,.34),transparent 56%),linear-gradient(140deg,#1B7290,#17657F 50%,#17657F);box-shadow:0 30px 80px rgba(23,80,102,.30)}
.cta-box .cta-sub{color:#D8EDF4}
.cta-primary{color:#175066;box-shadow:0 14px 34px rgba(16,44,58,.26)}
.cta-primary:hover{background:#F2F9FC}
.cta-note{color:#C2E0EC}
@media(max-width:900px){
  .cta-art::after{background:linear-gradient(to bottom,#17657F 0%,#17657F 6%,rgba(23,101,127,0) 56%)}
}
.foot{background:#F1F8FB;color:#5F7078}
.foot-brand .fb{color:#14303D}
.foot-brand>p{color:#5F7078}
.foot-brand>p b{color:#14303D}
.foot-stores .store-badge{box-shadow:0 8px 22px rgba(20,48,61,.14)}
.foot-col a,.foot-col span{color:#5F7078}
.foot-col .foot-strong{color:#14303D}
.pay{color:#14303D;box-shadow:0 4px 12px rgba(20,48,61,.05)}
.foot-stripe{color:#5F7078}
.foot-stripe b{color:#14303D}
.hero.hero-photo{background:#E2EEF3}
.hero-photo h1{color:#14303D}
.hero-photo .hero-copy p{color:#1E3B48}
@media(min-width:761px) and (max-width:1024px) and (orientation:portrait){
  .hero-photo .hero-copy p{color:#fff;text-shadow:0 1px 14px rgba(0,0,0,.7),0 1px 3px rgba(0,0,0,.55)}
}
@media(max-width:760px){
  .hero-photo .hero-copy p{color:#fff;text-shadow:0 1px 14px rgba(0,0,0,.72),0 1px 3px rgba(0,0,0,.6)}
}
.btn.outline{border:1px solid rgba(20,48,61,.2)}
@media(max-width:760px){
  html{background:#123C4D}
}
@media(min-width:761px) and (max-width:1024px) and (orientation:portrait){
  .hero-veil{background:linear-gradient(98deg,rgba(16,44,58,.34),rgba(16,44,58,.08) 46%,transparent 68%)}
  .hero.hero-photo h1 .hl{color:#2D9CBF}
}
@media(max-width:760px){
  .hero-veil{background:linear-gradient(94deg,rgba(16,44,58,.30),rgba(16,44,58,.06) 42%,transparent 64%)}
  .hero.hero-photo h1 .hl{color:#2D9CBF}
}
.hero-photo h1 .hl{color:#17657F}
.hero-photo h1 .ln2{color:#14303D}
.run::before{background:conic-gradient(from var(--snakeA),transparent 0 70%,#2D9CBF 79%,#E7F4F8 86%,#9CCBDF 90%,transparent 96%)}
.cta-stack .l2{color:#9CCBDF}
@media(max-width:900px){
  .nav-chips{box-shadow:0 0 0 rgba(20,48,61,0)}
  .nav-chips a{border:1px solid rgba(212,235,242,.8);color:#14303D;box-shadow:0 12px 30px rgba(20,48,61,.12)}
  .nav.chips-open .nav-chips{background:rgba(240,248,251,.72);box-shadow:0 16px 40px rgba(20,48,61,.1)}
  .nav-chips a.nav-store{box-shadow:0 12px 30px rgba(20,48,61,.22)}
}
@keyframes btnPulse{0%,100%{transform:scale(1);box-shadow:0 14px 34px rgba(20,48,61,.18),0 0 0 0 rgba(31,127,160,.5)}50%{transform:scale(1.045);box-shadow:0 18px 40px rgba(20,48,61,.24),0 0 0 14px rgba(31,127,160,0)}}
@keyframes glowPulse{0%,100%{box-shadow:0 8px 22px rgba(20,48,61,.18),0 0 0 0 rgba(31,127,160,.55)}50%{box-shadow:0 8px 22px rgba(20,48,61,.18),0 0 0 12px rgba(31,127,160,0)}}
#proc::before{background:radial-gradient(58% 48% at 12% 16%, rgba(31,127,160,.20), transparent 60%),
  radial-gradient(54% 46% at 90% 22%, rgba(156,203,223,.26), transparent 62%),
  radial-gradient(52% 50% at 78% 88%, rgba(45,156,191,.18), transparent 60%),
  radial-gradient(48% 46% at 16% 90%, rgba(181,218,232,.24), transparent 60%),
  radial-gradient(60% 55% at 50% 45%, rgba(255,251,235,.5), transparent 72%)}
.flow-card{box-shadow:0 14px 40px rgba(20,48,61,.06)}
.flow-card strong{color:#14303D}
.fchip.green{background:#D2EBF3;color:#175066}
.ic-main{background:linear-gradient(135deg,rgba(231,244,248,.82) 0%,rgba(255,255,255,.74) 58%,rgba(224,240,246,.82) 100%);box-shadow:0 24px 70px rgba(18,60,77,.10),inset 0 1px 0 rgba(255,255,255,.7)}
.ic-main p{color:#42606C}
.ic-main .ic-sub{color:#14303D}
.ic-bridge{background:radial-gradient(120% 80% at 18% -10%,rgba(255,255,255,.22),transparent 52%),linear-gradient(140deg,#1F7FA0,#175066);box-shadow:0 50px 100px rgba(20,74,94,.40),0 18px 40px rgba(20,74,94,.26),inset 0 1px 0 rgba(255,255,255,.22)}
.ic-bridge .app-name{color:#C7E4F0}
.ic-bridge .big-num{color:#D4EBF2}
.reason-lead{color:#17657F}
.reason-num{color:rgba(31,127,160,.22)}
.devices .device{background:linear-gradient(160deg,#14303D,#0A1A22);border:1px solid #1D3945;box-shadow:0 30px 70px rgba(18,60,77,.22)}
.device.phone .notch{background:#0A1A22}
.r2 .leaf-wave{color:#175066}
@media(max-width:760px){
  .r2 .leaf-wave{color:#175066}
}
.contact-box{background:linear-gradient(135deg,#E7F4F8,#ffffff 55%,#DEEFF5);border:1px solid rgba(31,127,160,.18);box-shadow:0 24px 70px rgba(18,60,77,.09)}
.contact-kicker{color:#17657F}
.contact-copy h2{color:#14303D}
.contact-sub{color:#5F7078}
.contact-form label{color:#2E4B58}
.cf-req{color:#17657F}
.contact-form input,.contact-form textarea{color:#132B36}
.contact-form input:focus,.contact-form textarea:focus{box-shadow:0 0 0 4px rgba(31,127,160,.14)}
.cf-submit{box-shadow:0 14px 34px rgba(20,48,61,.18)}
.cf-msg.ok{color:#175066}
.bk-browser{box-shadow:0 16px 44px rgba(20,48,61,.10)}
.bk-bar{background:#EDF5F9}
.bk-dot:nth-child(1){background:#A5D2E3}
.bk-dot:nth-child(3){background:#9FCCDF}
.bk-url svg{color:#8FA6B0}
.bk-site{border-bottom:1px solid #EAF4F8}
.bk-name{color:#14303D}
.bk-menu i{background:#DDEAF0}
.bk-hero{background:linear-gradient(180deg,#F3FAFC,#fff)}
.bk-h1{background:#D4E5EC}
.bk-h2{background:#E0F0F6}
.bk-modal{box-shadow:0 30px 72px rgba(18,60,77,.22)}
.bk-mhead b{color:#14303D}
.bk-x{color:#A9BFC9}
.bk-svc-t b{color:#14303D}
.bk-days span i{color:#14303D}
.bk-times span{color:#14303D}
.bk-phone{background:#0E2732;box-shadow:0 28px 60px rgba(18,60,77,.32)}
.bk-pname b{color:#14303D}
.bk-pappt{background:#F1F8FB;border:1px solid #EAF4F8}
.bk-pd{color:#14303D}
.bk-pappt-t b{color:#14303D}
.bk-way b{color:#14303D}
.bk-way span{color:#5F7078}
.bk-stores .bk-store{color:#2E4B58}
.bk-stores .bk-store:hover{color:#14303D}
.bk-stores .bk-store svg{color:#14303D}
.rez-video{box-shadow:0 26px 64px rgba(18,60,77,.18);background:#EDF5F9}
.rez-phone{box-shadow:0 30px 60px rgba(18,60,77,.30)}
.demo-link{color:#14303D;border:1px solid rgba(31,127,160,.28);box-shadow:0 8px 22px rgba(20,48,61,.10)}
.step-demo{color:#A8D3E4}
.hero-applink{color:#1E3B48}

/* ============================================================
   ČÁST B : strukturální overlay (vzor studio.css, oceánová paleta)
   Komponenty, které se od new-airy základu liší strukturálně,
   + CSS mocky specifické pro TerapeutApp (karta klienta, mapa těla,
   AI příkazy, zařízení bez rose fotek).
   ============================================================ */

/* ── Hero: skleněné kapsle jako CSS (žádné webp rendery) ──
   POZOR: display neřešit tady : mobilní skrytí (≤760) přichází z new-airy,
   desktop flex až v @media(min-width:761px) níž. */
.hero-cap{flex-direction:column;gap:7px;background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);border:1px solid rgba(255,255,255,.9);border-radius:18px;padding:13px 15px;box-shadow:0 24px 60px rgba(18,60,77,.22),inset 0 1px 0 rgba(255,255,255,.9)}
.cap-cal{z-index:4}
.cap-head{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#17657F}
.cap-head svg{flex:0 0 14px}
.cap-row{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:#14303D;line-height:1.25}
.cap-row .cap-time{flex:0 0 auto;font-size:11px;font-weight:800;color:#17657F;background:#E7F4F8;border:1px solid #D4EBF2;border-radius:999px;padding:2px 7px}
.cap-row .cap-sub{display:block;font-size:11px;font-weight:600;color:#5F7078}
.cap-ntf-app{display:flex;align-items:center;gap:7px}
.cap-ntf-app img{width:20px;height:20px;border-radius:6px}
.cap-ntf-app b{font-size:11.5px;font-weight:800;color:#14303D}
.cap-ntf-app span{margin-left:auto;font-size:10px;font-weight:700;color:#5F7078}
/* kapsle s mapou těla */
.cap-bm{display:flex;align-items:center;gap:10px}
.cap-bm .bm-mini{flex:0 0 28px;width:28px;height:53px}
.cap-bm>span{font-size:12.5px;font-weight:700;color:#14303D;line-height:1.3}
.cap-bm .cap-sub{display:block;font-size:11px;font-weight:600;color:#5F7078}
.bm-sil{fill:#CFE9F2}
.bm-dot{fill:#1F7FA0}
.bm-dot.strong{fill:#175066}
/* mobilní kapsle u #proc jsou stejné divy */
.cap-m.hero-cap{display:none}
@media(max-width:760px){
  .cap-m.hero-cap{display:flex;position:absolute;z-index:2;pointer-events:none;height:auto;animation:capFloat 7s ease-in-out infinite}
  .cap-cal-m{left:6%;top:-92px;width:clamp(150px,44vw,190px)}
  .cap-voice-m{right:5%;top:-64px;width:clamp(150px,44vw,190px)}
}
/* desktop/tablet: kapsle jako flex (přebije display:block z new-airy tablet-portrait pravidla);
   mobilní skrytí (≤760) z new-airy zůstává netknuté */
@media(min-width:761px){.hero-cap.cap-voice,.hero-cap.cap-cal,.hero-cap.cap-map{display:flex}}
@media(min-width:761px) and (max-width:1024px) and (orientation:portrait){.hero-cap.cap-map{display:none}}

/* ── Důvod 1: telefon s reálným screenshotem rezervační stránky (bez videa) ── */
.rbook .rez-phone{position:relative;left:auto;right:auto;bottom:auto;top:auto;width:min(280px,76%);max-width:none;height:auto;aspect-ratio:7/12;overflow:hidden;background:#14303D;padding:8px;border-radius:36px;box-shadow:0 30px 60px rgba(18,60,77,.30);z-index:2}
.rbook .rez-phone img{display:block;width:100%;height:100%;border-radius:28px;transform:none;object-fit:cover;object-position:center top}
.rbook .art-stage{justify-content:center}
.rbook .leaf-bg{left:50%;transform:translateX(-50%);top:26px}

/* ── Důvod 2: karta klienta s mapou těla (CSS/SVG mock) ── */
.kk-card{position:relative;z-index:2;width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px 20px 14px;box-shadow:0 30px 70px rgba(18,60,77,.16)}
.kk-head{display:flex;align-items:center;gap:11px;padding-bottom:13px;border-bottom:1px solid #E0F0F6}
.kk-ava{flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#2D9CBF,#175066);color:#fff;display:grid;place-items:center;font-weight:900;font-size:14px}
.kk-id b{display:block;font-size:14.5px;font-weight:800;color:#14303D}
.kk-id span{display:block;font-size:11px;font-weight:600;color:#5F7078}
.kk-tags{margin-left:auto;display:flex;flex-direction:column;gap:5px;align-items:flex-end}
.kk-tags i{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.03em;color:#17657F;background:#E7F4F8;border:1px solid #D4EBF2;border-radius:999px;padding:3px 9px;white-space:nowrap}
.kk-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:13px 0 9px}
.kk-block{border:1px solid #E0F0F6;background:#F3FAFC;border-radius:14px;padding:10px 12px}
.kk-block h5{margin:0 0 4px;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#17657F}
.kk-block p{margin:0;font-size:11.5px;line-height:1.45;color:#3E5A66;font-weight:600}
.kk-block.kk-warn{background:#FFFBEB;border-color:#FEF3C7}
.kk-block.kk-warn h5{color:#B45309}
.kk-map{display:flex;gap:14px;align-items:stretch;border:1px solid #E0F0F6;background:#F3FAFC;border-radius:14px;padding:12px}
.kk-bm{flex:0 0 58px;width:58px;height:auto}
.kk-bm .bm-sil{fill:#D4EBF2}
.kk-map-t h5{margin:0 0 4px;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#17657F}
.kk-map-t>p{margin:0 0 8px;font-size:11.5px;line-height:1.45;color:#3E5A66;font-weight:600}
.kk-note{border-left:3px solid #1F7FA0;background:#fff;border-radius:0 10px 10px 0;padding:7px 10px}
.kk-note b{display:block;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#17657F;margin-bottom:2px}
.kk-note span{font-size:11px;line-height:1.4;color:#3E5A66;font-weight:600}
.kk-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 3px 4px;font-size:11.5px;font-weight:700;color:#3E5A66}
.kk-foot b{color:#14303D}
.kk-foot .kk-price{font-weight:800;color:#17657F}
.bm-pulse{animation:bmPulse 2.6s ease-in-out infinite;transform-origin:center;transform-box:fill-box}
.bm-pulse.strong{animation-delay:-1.3s}
@keyframes bmPulse{0%,100%{opacity:.75}50%{opacity:1}}
@media(max-width:420px){.kk-grid{grid-template-columns:1fr}.kk-tags{display:none}}

/* ── Důvod 4: AI asistent : karty s příkazy ── */
.ai-stack{position:relative;z-index:2;display:grid;gap:12px;width:min(430px,100%)}
.ai-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px 17px;box-shadow:0 18px 44px rgba(18,60,77,.10)}
.ai-card .ai-cmd{display:flex;gap:10px;align-items:flex-start}
.ai-card .ai-mic{flex:0 0 28px;width:28px;height:28px;border-radius:999px;background:linear-gradient(135deg,#2D9CBF,#17657F);display:flex;align-items:center;justify-content:center;color:#fff}
.ai-card .ai-mic svg{width:14px;height:14px}
.ai-card .ai-cmd p{margin:0;font-size:13px;line-height:1.45;color:#14303D;font-weight:700;font-style:italic}
.ai-card .ai-res{display:block;font-size:12px;font-weight:800;color:#17657F;padding:7px 0 0 38px}

/* ── 7 dalších: připomínka (notifikace) ── */
.ntf .appic img{border-radius:6px}

/* ── 7 dalších: Google kalendář karta ── */
.fcard.gcal{width:100%}
.gcal-ic{flex:0 0 34px;width:34px;height:34px;border-radius:9px;background:#fff;border:1px solid #E2E8F0;display:grid;place-items:center;color:#4285F4;box-shadow:0 4px 10px rgba(20,48,61,.08)}
.gcal-ic svg{width:18px;height:18px}
.gcal-body b{display:block;font-size:12.5px;font-weight:800}
.gcal-body span{display:block;font-size:11px;font-weight:600}
.gcal-sync{flex:0 0 auto;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#17657F;background:#E7F4F8;border:1px solid #D4EBF2;border-radius:999px;padding:4px 9px}

/* ── 7 dalších: provozovny karta ── */
.fcard.locs{display:flex;flex-direction:column;gap:8px}
.loc-row{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid #E0F0F6;border-radius:12px;background:#F3FAFC}
.loc-row svg{flex:0 0 15px;color:#17657F}
.loc-row b{display:block;font-size:12.5px;color:#14303D;font-weight:800}
.loc-row span{display:block;font-size:11px;color:#5F7078;font-weight:600}
.loc-row .loc-day{margin-left:auto;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#17657F;background:#E7F4F8;border-radius:999px;padding:3px 8px;border:1px solid #D4EBF2}

/* ── 7 dalších: recenze mini karta ── */
.fcard.revmini{display:flex;flex-direction:column;gap:6px}
.rv-top{display:flex;align-items:center;gap:8px}
.rv-stars{color:#f4ab00;font-size:13px;letter-spacing:1.8px}
.rv-badge{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:800;color:#17657F;background:#E7F4F8;border:1px solid #D4EBF2;border-radius:999px;padding:3px 8px}
.rv-badge svg{width:10px;height:10px}
.fcard.revmini p{margin:0;font-size:12.5px;line-height:1.45;color:#3E5A66;font-weight:600}
.rv-who{font-size:11px;font-weight:800;color:#14303D}
.rv-foot{font-size:10.5px;font-weight:700;color:#5F7078}

/* ── 7 dalších: brand slider : duha s oceánovou v roli brand barvy ── */
.brand-slider{background:linear-gradient(to right,#ef4444,#f59e0b,#fde047,#22c55e,#1F7FA0,#7c3aed,#ec4899)}

/* ── Dostupnost: kompozice 3 zařízení s CSS mocky (žádné rose screenshoty) ── */
.device-trio{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:0;margin:34px auto 10px;max-width:980px}
.dt-laptop{position:relative;z-index:1;width:66%;border-radius:14px 14px 0 0;border:10px solid #14303D;border-bottom:0;background:#14303D;box-shadow:0 40px 90px rgba(18,60,77,.24)}
.dt-laptop:after{content:"";position:absolute;left:-6%;right:-6%;bottom:-12px;height:12px;background:linear-gradient(180deg,#1D3945,#14303D);border-radius:0 0 14px 14px}
.dt-tablet{position:relative;z-index:2;width:30%;margin-left:-8%;margin-bottom:-6px;border-radius:18px;border:8px solid #14303D;background:#14303D;box-shadow:0 34px 70px rgba(18,60,77,.3)}
.dt-phone{position:relative;z-index:3;width:15%;margin-left:-6%;margin-bottom:-10px;border-radius:22px;border:6px solid #14303D;background:#14303D;box-shadow:0 28px 60px rgba(18,60,77,.34)}
.dt-phone img{display:block;width:100%;height:auto;aspect-ratio:39/80;object-fit:cover;object-position:center top;border-radius:16px}
@media(max-width:760px){
  .device-trio{flex-wrap:wrap;align-items:flex-end}
  .dt-laptop{width:100%}
  .dt-tablet{width:44%;margin-left:4%;margin-top:-30px}
  .dt-phone{width:24%;margin-left:-10%;margin-bottom:-4px}
}
/* kalendář v notebooku (CSS mock) */
.cal-mock{background:#fff;border-radius:6px 6px 0 0;overflow:hidden;aspect-ratio:16/9.6;display:flex;flex-direction:column}
.cm-top{display:flex;align-items:center;gap:5px;padding:7px 10px;border-bottom:1px solid #E8F2F6;background:#F3FAFC}
.cm-top i{width:7px;height:7px;border-radius:50%;background:#D4EBF2}
.cm-top i:first-child{background:#A5D2E3}
.cm-top b{margin-left:6px;font-size:min(1.35vw,11px);font-weight:800;color:#14303D}
.cm-top span{margin-left:auto;font-size:min(1.2vw,10px);font-weight:700;color:#5F7078}
.cm-days{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:6px 10px 2px}
.cm-days span{font-size:min(1.2vw,10px);font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#5F7078;text-align:center}
.cm-grid{flex:1;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:2px 10px 10px}
.cm-col{position:relative;background:#F3FAFC;border:1px solid #E8F2F6;border-radius:7px;overflow:hidden}
.cm-col i{position:absolute;left:7%;right:7%;top:var(--t);height:var(--h);border-radius:4px;background:#D4EBF2;border-left:3px solid #2D9CBF}
.cm-col i.b{background:#CFE9F2;border-left-color:#1F7FA0}
.cm-col i.c{background:#1F7FA0;border-left-color:#175066}
/* karta klienta v tabletu (CSS mock) */
.kkm{background:#fff;border-radius:10px;overflow:hidden;aspect-ratio:3/4;padding:9% 8%;display:flex;flex-direction:column;gap:7%}
.kkm-head{display:flex;align-items:center;gap:7px}
.kkm-ava{flex:0 0 22%;aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,#2D9CBF,#175066);color:#fff;display:grid;place-items:center;font-weight:900;font-size:min(1.6vw,13px)}
.kkm-head b{font-size:min(1.5vw,12px);font-weight:800;color:#14303D;line-height:1.15}
.kkm-line{height:6%;border-radius:999px;background:#E4F1F6}
.kkm-line.w{width:72%}
.kkm-map{flex:1;display:flex;align-items:center;justify-content:center;background:#F3FAFC;border:1px solid #E8F2F6;border-radius:9px}
.kkm-map svg{height:86%;width:auto}
/* tlačítko "Spustit aplikaci" místo store badges */
.web-badge{display:inline-flex;align-items:center;gap:10px;background:#14303D;color:#fff;border-radius:14px;padding:11px 20px;font-weight:800;font-size:15px;text-decoration:none;box-shadow:0 18px 44px rgba(20,48,61,.3);transition:transform .18s ease,box-shadow .18s ease}
.web-badge:hover{transform:translateY(-2px);box-shadow:0 24px 54px rgba(20,48,61,.36)}
.web-badge svg{width:16px;height:16px}
.web-badge small{display:block;font-size:10.5px;font-weight:700;opacity:.75;line-height:1.1}
.web-badge .wb-txt{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}
.badge-note{display:inline-flex;align-items:center;gap:7px;margin-left:12px;font-size:12.5px;font-weight:800;color:#17657F;background:#E7F4F8;border:1px solid #D4EBF2;border-radius:999px;padding:9px 14px}
@media(max-width:560px){.badge-note{margin-left:0;margin-top:10px}}

/* ── Úvod #proc: místo fotky svazek zpráv, které večer chodí (CSS mock) ── */
.ic-chat{position:absolute;right:34px;top:50%;transform:translateY(-50%) rotate(2deg);z-index:1;display:flex;flex-direction:column;gap:9px;width:240px;pointer-events:none}
.icb{position:relative;background:#fff;border:1px solid #E0F0F6;border-radius:16px 16px 16px 5px;padding:10px 13px;font-size:12.5px;font-weight:700;color:#3E5A66;line-height:1.35;box-shadow:0 14px 34px rgba(18,60,77,.12)}
.icb i{display:block;margin-top:3px;font-style:normal;font-size:10px;font-weight:700;color:#8FA6B0}
.icb:nth-child(2){margin-left:16px}
.icb:nth-child(3){margin-left:34px}
@media(max-width:900px){
  .ic-chat{position:static;transform:rotate(1.5deg);width:min(300px,94%);margin:22px auto 0}
  .ic-main{padding-bottom:96px}
}
@media(max-width:760px){.ic-main{padding-bottom:110px}}

/* ── Trust band bez fotky (jednosloupcový) ── */
.testimonial{grid-template-columns:1fr;max-width:820px}
.tm-photo{display:none}
.trust-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.trust-fact{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;color:#14303D;background:rgba(255,255,255,.7);border:1px solid rgba(23,101,127,.18);border-radius:999px;padding:9px 14px}
.trust-fact svg{width:13px;height:13px;flex:0 0 13px;color:#17657F}

/* ── Ceník + CTA: bez rose fotek, vycentrovaný závěrečný banner ── */
.cta-copy{max-width:none;text-align:center}
.cta-box{padding:60px 64px}
.cta-copy .actions{justify-content:center}
.cta-copy h2{margin-left:auto;margin-right:auto}
.cta-copy .cta-lead,.cta-copy .cta-sub{margin-left:auto;margin-right:auto}
@media(max-width:900px){.cta-box{padding:38px 28px}}

/* ── Mobil + tablet na výšku: claim v pískové, silnější závoj pro čitelnost ── */
@media(max-width:760px){
  .hero-veil{background:linear-gradient(94deg,rgba(16,44,58,.54),rgba(16,44,58,.24) 46%,rgba(16,44,58,.10) 70%)}
  .hero.hero-photo h1 .hl{color:#EAD9B8}
}
@media(min-width:761px) and (max-width:1024px) and (orientation:portrait){
  .hero.hero-photo h1 .hl{color:#EAD9B8}
}

/* ── drobnosti ── */
.brand img,.fb img{border-radius:7px}