/* LP3D · 3D návrh kuchyně zdarma · v3.1 · jen CSS, žádné skripty
   Všechna pravidla jsou pod .lp3d. Výjimka: blok „ČISTÝ REŽIM“ na konci,
   který na stránce s LP skryje hlavičku a patičku e-shopu (jen když má LP data-obal="cisty"). */

.lp3d{
  --lp3d-cta:#2f6d6b; --lp3d-cta-h:#245654; --lp3d-t:#3c8886;
  --lp3d-g:#4f4f4f; --lp3d-s:#e5e5e5; --lp3d-s2:#f4f4f4; --lp3d-k:#111; --lp3d-w:#fff;
  --lp3d-widget:0px;
  font-family:Montserrat,'Segoe UI',Arial,Helvetica,sans-serif;
  color:var(--lp3d-k); font-size:16px; line-height:1.65;
  max-width:1200px; margin:0 auto;
}
.lp3d *,.lp3d *::before,.lp3d *::after{box-sizing:border-box}
.lp3d img{max-width:100%;height:auto;display:block}
.lp3d p{margin:0}
.lp3d ul,.lp3d ol{margin:0}
.lp3d figure{margin:0}
.lp3d blockquote{margin:0}
.lp3d a{color:var(--lp3d-cta)}
.lp3d a:focus-visible,.lp3d summary:focus-visible{outline:3px solid var(--lp3d-cta);outline-offset:2px}

/* Nadpisy: šablona má #content h2 / h3 s !important → :not(#lp3d-x) zvedá sílu na úroveň ID */
.lp3d h2,.lp3d h3{margin:0;text-wrap:balance}
.lp3d h2:not(#lp3d-x),.lp3d h3:not(#lp3d-x){color:#000!important;text-transform:none!important;letter-spacing:normal!important}
/* Nadpisy: Poppins (načítá ho už šablona Shoptetu), záloha Montserrat */
.lp3d{--lp3d-head:Poppins,Montserrat,'Segoe UI',Arial,Helvetica,sans-serif}
.lp3d h2,.lp3d h3{font-family:var(--lp3d-head)!important}
.lp3d h2{font-weight:600;font-size:clamp(26px,3vw,34px);line-height:1.2}
.lp3d h2:not(#lp3d-x){letter-spacing:-.01em!important}
.lp3d h3{font-family:inherit;font-size:17px;font-weight:600;line-height:1.35}
.lp3d .lp3d-band h2:not(#lp3d-x),.lp3d .lp3d-foot h3:not(#lp3d-x){color:#fff!important}

/* režim kapacity */
.lp3d[data-rezim="standard"] .lp3d-kap,.lp3d[data-rezim="kapacita"] .lp3d-std{display:none!important}

/* drobné prvky */
.lp3d .lp3d-eyebrow{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--lp3d-cta)}
.lp3d .lp3d-lead{font-size:18px;max-width:62ch;color:#333}
.lp3d .lp3d-note{font-size:13px;color:var(--lp3d-g)}
.lp3d .lp3d-ico{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:square;stroke-linejoin:miter}

/* tlačítka */
.lp3d .lp3d-ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.lp3d .lp3d-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 26px;border-radius:2px;border:2px solid transparent;font:600 16px/1.2 Montserrat,'Segoe UI',Arial,sans-serif;text-decoration:none!important;text-align:center;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
.lp3d .lp3d-btn--wa{background:var(--lp3d-cta);color:#fff!important}
.lp3d .lp3d-btn--wa:hover{background:var(--lp3d-cta-h)}
.lp3d .lp3d-btn--tel{background:#fff;color:var(--lp3d-k)!important;border-color:var(--lp3d-g)}
.lp3d .lp3d-btn--tel:hover{background:var(--lp3d-s)}
.lp3d .lp3d-btn--light{background:#fff;color:var(--lp3d-cta)!important}
.lp3d .lp3d-btn--light:hover{background:var(--lp3d-s)}
.lp3d .lp3d-btn--outline{background:transparent;color:#fff!important;border-color:#fff}
.lp3d .lp3d-btn--outline:hover{background:rgba(255,255,255,.12)}

/* sekce */
.lp3d .lp3d-sec{padding:64px 24px;display:grid;gap:28px}
.lp3d .lp3d-sec--grey{background:var(--lp3d-s2)}
.lp3d .lp3d-head{display:grid;gap:10px;max-width:760px}
.lp3d .lp3d-grid{display:grid;gap:16px;list-style:none;padding:0}
.lp3d .lp3d-grid--2{grid-template-columns:repeat(2,1fr)}
.lp3d .lp3d-grid--3{grid-template-columns:repeat(3,1fr)}
.lp3d .lp3d-grid--4{grid-template-columns:repeat(4,1fr)}
.lp3d .lp3d-grid--auto{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.lp3d .lp3d-card{background:#fff;border:1px solid var(--lp3d-s);padding:22px;display:grid;gap:8px;align-content:start}
.lp3d .lp3d-card p{font-size:15px;color:#333}

/* mini hlavička (jen v čistém režimu) */
.lp3d .lp3d-top{display:none}
.lp3d[data-obal="cisty"] .lp3d-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;border-bottom:1px solid var(--lp3d-s)}
.lp3d .lp3d-top img{height:56px;width:auto}
.lp3d .lp3d-top__tel{display:flex;align-items:center;gap:10px;color:var(--lp3d-k)!important;text-decoration:none;font-weight:700;font-size:17px}
.lp3d .lp3d-top__tel small{display:block;font-weight:400;font-size:12px;color:var(--lp3d-g)}

/* úvod */
.lp3d .lp3d-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding:40px 24px 56px}
.lp3d .lp3d-hero__text{display:grid;gap:20px}
.lp3d .lp3d-display{font-size:clamp(30px,3.6vw,46px)!important;line-height:1.24}
.lp3d .lp3d-display em{font-style:normal;color:var(--lp3d-t);padding-bottom:.06em;background:linear-gradient(var(--lp3d-cta),var(--lp3d-cta)) no-repeat left bottom/100% .1em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.lp3d .lp3d-trustlist{list-style:none;padding:0;display:grid;gap:10px;font-size:15px}
.lp3d .lp3d-trustlist li{display:flex;gap:10px;align-items:center}
.lp3d .lp3d-trustlist .lp3d-ico{color:var(--lp3d-cta)}
.lp3d .lp3d-trustlist a{color:var(--lp3d-k);font-weight:600}
.lp3d .lp3d-hero__img{position:relative;background:var(--lp3d-s)}
.lp3d .lp3d-hero__img img{aspect-ratio:5/4;object-fit:cover;width:100%}
.lp3d .lp3d-tag{position:absolute;margin:0;left:12px;bottom:12px;background:var(--lp3d-g);color:#fff;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 11px}

/* vánoční garance (přepínač data-vanoce) */
.lp3d .lp3d-xmas{display:flex;gap:10px;align-items:flex-start;background:var(--lp3d-cta);color:#fff;padding:12px 16px;font-size:15px;line-height:1.45}
.lp3d .lp3d-xmas .lp3d-ico{color:#fff;margin-top:1px}
.lp3d:not([data-vanoce="ano"]) :is(.lp3d-xmas,.lp3d-xmas-li,.lp3d-xmas-faq){display:none!important}

/* kdo návrh připraví */
.lp3d .lp3d-story.lp3d-owner{grid-template-columns:240px 1fr}
.lp3d .lp3d-owner img{aspect-ratio:3/4;object-fit:cover;width:100%}
.lp3d .lp3d-owner__q{border-left:3px solid var(--lp3d-t);padding:2px 0 2px 14px;display:grid;gap:2px}
.lp3d .lp3d-owner__q p{font-style:italic}
.lp3d .lp3d-owner__q footer{font-size:13px;color:var(--lp3d-g)}

/* pás záruk */
.lp3d .lp3d-strip{background:var(--lp3d-s2);padding:22px 24px}
.lp3d .lp3d-strip ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.lp3d .lp3d-strip li{display:flex;gap:12px;align-items:center;border-left:2px solid var(--lp3d-t);padding-left:14px;font-size:14px;font-weight:600}
.lp3d .lp3d-strip .lp3d-ico{color:var(--lp3d-cta);width:26px;height:26px}

/* nejdražší chyba */
.lp3d .lp3d-checks li{border-left:3px solid var(--lp3d-g)}

/* galerie a zvětšení přes :target */
.lp3d .lp3d-zoom{position:relative;display:block;background:#fff;cursor:zoom-in;text-decoration:none!important}
.lp3d .lp3d-zoom:has(.lp3d-zoomcap) .lp3d-zoom__hint{bottom:56px}
.lp3d .lp3d-zoom img{aspect-ratio:4/3;object-fit:cover;width:100%}
.lp3d .lp3d-zoom:hover img{opacity:.92}
.lp3d .lp3d-zoom__hint{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.6);color:#fff;font-size:12px;font-weight:600;padding:4px 9px}
.lp3d .lp3d-zoomcap{display:block;padding:10px 14px;font-size:14px;font-weight:600;letter-spacing:.04em;color:var(--lp3d-k);background:#fff}
.lp3d .lp3d-lb{display:none}
.lp3d .lp3d-lb:target{display:flex;position:fixed;inset:0;z-index:10000;align-items:center;justify-content:center;padding:16px}
.lp3d .lp3d-lb__bg{position:absolute;inset:0;background:rgba(0,0,0,.8)}
.lp3d .lp3d-lb figure{position:relative;max-width:min(1100px,100%);background:#fff}
.lp3d .lp3d-lb img{width:min(1100px,calc(100vw - 32px));max-height:80vh;object-fit:contain}
.lp3d .lp3d-lb figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:14px}
.lp3d .lp3d-lb__close{font-weight:600;background:var(--lp3d-g);color:#fff!important;text-decoration:none!important;padding:8px 14px}

/* kroky */
.lp3d .lp3d-steps{counter-reset:lp3d}
.lp3d .lp3d-steps li{counter-increment:lp3d}
.lp3d .lp3d-steps li::before{content:counter(lp3d);width:42px;height:42px;display:grid;place-items:center;border:2px solid var(--lp3d-cta);color:var(--lp3d-cta);font:600 20px var(--lp3d-head);margin-bottom:6px}
.lp3d .lp3d-send{background:#fff;border:1px solid var(--lp3d-s);padding:18px 22px;display:grid;gap:8px}
.lp3d .lp3d-send ul{padding-left:20px;display:grid;gap:2px;font-size:15px}

/* co získáte zdarma */
.lp3d .lp3d-stack{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:0 32px}
.lp3d .lp3d-stack li{display:grid;grid-template-columns:28px 1fr;column-gap:8px;padding:14px 0;border-bottom:1px solid var(--lp3d-s)}
.lp3d .lp3d-stack li::before{content:"";grid-row:span 2;width:18px;height:10px;margin-top:6px;border-left:2px solid var(--lp3d-cta);border-bottom:2px solid var(--lp3d-cta);transform:rotate(-45deg)}
.lp3d .lp3d-stack span{font-size:15px;color:var(--lp3d-g)}
.lp3d .lp3d-promise{border:2px solid var(--lp3d-g);padding:24px;display:grid;gap:16px;background:#fff}
.lp3d .lp3d-promise li{font-size:15px}
.lp3d .lp3d-why{max-width:68ch}

/* recenze */
.lp3d .lp3d-rating{font-size:15px;color:var(--lp3d-g)}
.lp3d .lp3d-rating strong{font-size:20px;color:var(--lp3d-k)}
.lp3d .lp3d-review{background:#fff;border:1px solid var(--lp3d-s);padding:20px;display:grid;gap:10px;align-content:start}
.lp3d .lp3d-review p{font-size:15px}
.lp3d .lp3d-review footer{font-size:13px;color:var(--lp3d-g)}
.lp3d .lp3d-stars{color:var(--lp3d-cta);letter-spacing:2px;font-size:14px}
.lp3d .lp3d-more{border-top:1px solid var(--lp3d-s);border-bottom:1px solid var(--lp3d-s)}
.lp3d .lp3d-more>summary{cursor:pointer;padding:16px 4px;font-weight:600;color:var(--lp3d-cta)}
.lp3d .lp3d-more[open]>summary{margin-bottom:8px}
.lp3d .lp3d-reviews-list{columns:3 280px;column-gap:16px;padding-bottom:8px}
.lp3d .lp3d-reviews-list .lp3d-review{break-inside:avoid;margin:0 0 16px}

/* případovka a příběh klienta (katalog bloků D, E, F) */
.lp3d .lp3d-cases{display:grid;gap:24px}
.lp3d .lp3d-case{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:#fff;border:1px solid var(--lp3d-s);padding:20px}
.lp3d .lp3d-case__imgs{display:grid;gap:8px;align-content:start}
.lp3d .lp3d-case__imgs figcaption{font-size:13px;color:var(--lp3d-g);padding-top:4px}
.lp3d .lp3d-case__body{display:grid;gap:12px;align-content:start}
.lp3d .lp3d-case dl{margin:0;display:grid;gap:10px}
.lp3d .lp3d-case dt{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--lp3d-cta)}
.lp3d .lp3d-case dd{margin:0;font-size:15px}
.lp3d .lp3d-story{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:start;background:#fff;border:1px solid var(--lp3d-s);padding:20px}
.lp3d .lp3d-story__text{display:grid;gap:12px}
.lp3d .lp3d-story__sign{font-size:14px;color:var(--lp3d-g)}

/* FAQ */
.lp3d .lp3d-faq{max-width:820px}
.lp3d .lp3d-faq details{border-bottom:1px solid var(--lp3d-s)}
.lp3d .lp3d-faq summary{cursor:pointer;padding:16px 4px;font-weight:600}
.lp3d .lp3d-faq details p{padding:0 4px 16px;font-size:15px;max-width:72ch}

/* závěrečný pás */
.lp3d .lp3d-band{background:var(--lp3d-cta);color:#fff;padding:72px 24px;display:grid;gap:22px;justify-items:center;text-align:center}
.lp3d .lp3d-band h2{max-width:780px;font-size:clamp(28px,3.4vw,40px)}
.lp3d .lp3d-band p{font-size:16px;color:#fff}
.lp3d .lp3d-band .lp3d-ctas{justify-content:center}

/* mini patička (jen v čistém režimu) */
.lp3d .lp3d-foot{display:none}
.lp3d[data-obal="cisty"] .lp3d-foot{display:grid;grid-template-columns:1fr auto;gap:24px;background:var(--lp3d-g);color:#fff;padding:36px 24px;font-size:14px}
.lp3d .lp3d-foot a{color:#fff!important}
.lp3d .lp3d-foot p{color:#e8e8e8}
.lp3d .lp3d-foot ul{list-style:none;padding:0;display:grid;gap:6px;justify-items:end}
.lp3d .lp3d-foot__firm{display:grid;gap:6px}

/* mobilní lišta */
.lp3d .lp3d-bar{display:none}

@media (max-width:900px){
  .lp3d .lp3d-grid--4,.lp3d .lp3d-strip ul{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:767px){
  .lp3d .lp3d-hero{grid-template-columns:1fr;padding:20px 16px 36px;gap:24px}
  .lp3d .lp3d-grid--2,.lp3d .lp3d-grid--3,.lp3d .lp3d-grid--4,.lp3d .lp3d-stack,.lp3d .lp3d-case,.lp3d .lp3d-story,.lp3d .lp3d-strip ul{grid-template-columns:1fr}
  .lp3d .lp3d-sec{padding:44px 16px}
  .lp3d .lp3d-strip{padding:18px 16px}
  .lp3d .lp3d-band{padding:52px 16px}
  .lp3d[data-obal="cisty"] .lp3d-top{padding:10px 16px}
  .lp3d .lp3d-top img{height:44px}
  .lp3d[data-obal="cisty"] .lp3d-foot{grid-template-columns:1fr;padding:28px 16px}
  .lp3d .lp3d-foot ul{justify-items:start}
  .lp3d .lp3d-ctas .lp3d-btn{width:100%}
  .lp3d .lp3d-story>img{max-width:220px}
  .lp3d .lp3d-story.lp3d-owner{grid-template-columns:1fr}
  .lp3d .lp3d-owner img{max-width:200px}
  .lp3d .lp3d-bar{display:grid;grid-template-columns:1.3fr 1fr;gap:8px;position:fixed;left:0;bottom:0;right:var(--lp3d-widget,0px);z-index:50;background:#fff;border-top:1px solid var(--lp3d-s);padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px))}
  .lp3d .lp3d-bar .lp3d-btn{min-height:46px;padding:10px 8px;font-size:15px;width:auto}
  body:has(.lp3d .lp3d-bar){padding-bottom:72px}
}
@media (prefers-reduced-motion:reduce){.lp3d *{transition:none!important}}
.lp3d [id]{scroll-margin-top:24px}

/* Na stránkách s LP skrýt plovoucí chat widget a popup Ecomailu */
body:has(.lp3d) #chatgo-whatsapp-chat-widget,
body:has(.lp3d) .ec-v-form-holder-popup{display:none!important}

/* ČISTÝ REŽIM: na stránce s <div class="lp3d" data-obal="cisty"> skrýt hlavičku, menu,
   drobečkovou navigaci, pruh hodnocení a patičku e-shopu (šablona Crystal). Nadpis stránky H1 zůstane
   pro vyhledávače, jen se vizuálně skryje (stejný text je v úvodu LP).
   Vypnutí: na stránce přepsat data-obal="cisty" na data-obal="eshop". */
body:has(.lp3d[data-obal="cisty"]) :is(.site-msg,.top-navigation-bar,#header,.navigation-wrapper,#navigation,.breadcrumbs-wrapper,#footer,#hodnoceniobchodu){display:none!important}
body:has(.lp3d[data-obal="cisty"]) h1:not(#lp3d-x){position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;margin:-1px!important;padding:0!important;border:0!important}
/* Na mobilu šablona odsazuje obsah o výšku své (skryté) hlavičky */
body:has(.lp3d[data-obal="cisty"]) .overall-wrapper{padding-top:0!important}