/* DVOJKA v3.6.13 — universal viewport navigation */
.page-scroll-nav{
  position:fixed;
  left:50%;
  bottom:22px;
  z-index:90;
  display:flex;
  gap:8px;
  align-items:center;
  transform:translateX(-50%);
  pointer-events:none;
  transition:.25s opacity,.25s transform;
}
.page-scroll-nav.is-hidden{
  opacity:0;
  transform:translate(-50%,12px);
}
.page-scroll-nav button{
  width:34px;
  height:52px;
  padding:0;
  border:1px solid rgba(255,255,255,.48);
  border-radius:22px;
  background:rgba(14,35,49,.58);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  color:#fff;
  box-shadow:0 12px 30px rgba(0,0,0,.18);
  cursor:pointer;
  pointer-events:auto;
  display:grid;
  place-items:center;
  transition:.2s transform,.2s background,.2s opacity,.2s border-color;
}
.page-scroll-nav button:hover{
  transform:translateY(-2px);
  background:rgba(15,78,103,.76);
  border-color:rgba(255,255,255,.68);
}
.page-scroll-nav button[hidden]{display:none!important}
.page-scroll-nav .page-scroll-arrow{
  font-size:17px;
  font-weight:700;
  line-height:1;
  animation:pageScrollDown 1.8s ease-in-out infinite;
}
.page-scroll-nav .page-scroll-up .page-scroll-arrow{
  animation:pageScrollUp 1.8s ease-in-out infinite;
}
@keyframes pageScrollDown{
  0%,100%{transform:translateY(-4px);opacity:.45}
  50%{transform:translateY(5px);opacity:1}
}
@keyframes pageScrollUp{
  0%,100%{transform:translateY(4px);opacity:.45}
  50%{transform:translateY(-5px);opacity:1}
}
/* Homepage already has its hero cue. Keep the new control out of the way while that cue is visible. */
body:not(.page-scroll-away-from-hero) .page-scroll-nav.home-scroll-nav{
  opacity:0;
  pointer-events:none;
}
body:not(.page-scroll-away-from-hero) .page-scroll-nav.home-scroll-nav button{
  pointer-events:none;
}
@media(max-width:680px){
  .page-scroll-nav{bottom:14px}
  .page-scroll-nav button{width:32px;height:46px}
}
@media(prefers-reduced-motion:reduce){
  .page-scroll-nav .page-scroll-arrow{animation:none}
}


/* v3.6.13 — logical scene rhythm */
.dvojka-scroll-scene{
  scroll-margin-top:28px;
  scroll-margin-bottom:28px;
}
body:not([data-detail]) main > section.dvojka-scroll-scene{
  position:relative;
}
/* Very subtle edge that helps the eye read where one "page" ends and another begins. */
body:not([data-detail]) main > section.dvojka-scroll-scene:not(.hero)::before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  width:min(1180px,calc(100% - 44px));
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(44,79,101,.10),transparent);
  pointer-events:none;
}
/* Do not add an edge to sections that intentionally overlap the hero. */
body:not([data-detail]) main > .quick.dvojka-scroll-scene::before{
  display:none;
}
body[data-detail] .dvojka-scroll-scene{
  scroll-margin-top:24px;
}
@media(max-width:680px){
  .dvojka-scroll-scene{scroll-margin-top:16px;scroll-margin-bottom:16px}
}


/* v3.6.13 — unified viewport-height scenes */
:root{
  --dvojka-scene-min: max(700px, 100svh);
}

/* Homepage: each major section reads like one complete screen.
   Quick links remain a bridge between hero and the next scene. */
body:not([data-detail]) main > section:not(.quick){
  min-height:var(--dvojka-scene-min);
  display:flex;
  flex-direction:column;
  justify-content:center;
}

/* Hero becomes the first complete scene too. */
body:not([data-detail]) main > .hero{
  height:auto!important;
  min-height:var(--dvojka-scene-min)!important;
}

/* These custom sections have their own padding rules; keep them centered as scenes. */
body:not([data-detail]) main > .school-real-section,
body:not([data-detail]) main > .school-gallery-section{
  justify-content:center;
}

/* Regular homepage sections keep breathing room while filling one scene. */
body:not([data-detail]) main > .section{
  padding-top:clamp(72px,8vh,110px);
  padding-bottom:clamp(72px,8vh,110px);
}

/* Quick links are intentionally not a standalone full-height scene. */
body:not([data-detail]) main > .quick{
  min-height:auto!important;
  display:block;
}

/* Footer is a deliberate ending scene, but need not create excessive empty space. */
body:not([data-detail]) footer.dvojka-scroll-scene{
  min-height:min(720px,82svh);
  display:flex;
  flex-direction:column;
  justify-content:center;
}

/* Detail pages: major self-contained modules get a consistent visual floor,
   but ordinary article text remains natural-height. */
body[data-detail] .detail-body > .document-center,
body[data-detail] .detail-body > .school-calendar,
body[data-detail] .detail-body > .v30-project-grid,
body[data-detail] .detail-body > .v30-achievement-grid,
body[data-detail] .detail-body > .leadership-stack,
body[data-detail] .detail-body > .staff-directory,
body[data-detail] .detail-body > .gallery-grid{
  min-height:calc(100svh - 120px);
}

/* Every scene starts cleanly; no centering offset is needed during navigation. */
.dvojka-scroll-scene{
  scroll-margin-top:0!important;
  scroll-margin-bottom:0!important;
}

/* Mobile content can be taller than a screen; never force awkward empty scenes. */
@media(max-width:680px){
  :root{--dvojka-scene-min:max(640px,100svh)}
  body:not([data-detail]) main > section:not(.quick){
    min-height:var(--dvojka-scene-min);
  }
  body[data-detail] .detail-body > .document-center,
  body[data-detail] .detail-body > .school-calendar,
  body[data-detail] .detail-body > .v30-project-grid,
  body[data-detail] .detail-body > .v30-achievement-grid,
  body[data-detail] .detail-body > .leadership-stack,
  body[data-detail] .detail-body > .staff-directory,
  body[data-detail] .detail-body > .gallery-grid{
    min-height:auto;
  }
}


/* v3.6.13 — homepage quick menu removed */
body:not([data-detail]) main > .quick{display:none!important}


/* v3.6.13 — smarter scene sizing so compact sections fit on one screen more naturally */
:root{
  --dvojka-scene-min:max(620px,92svh);
  --dvojka-scene-compact:max(540px,82svh);
}
body:not([data-detail]) main > .hero{
  min-height:max(680px,95svh)!important;
}
body:not([data-detail]) main > .section#uspechy,
body:not([data-detail]) main > .section.calendar-section,
body:not([data-detail]) main > .section.projects,
body:not([data-detail]) main > .section.school-section,
body:not([data-detail]) main > .section.documents,
body:not([data-detail]) main > .school-real-section,
body:not([data-detail]) main > .school-gallery-section{
  min-height:var(--dvojka-scene-compact);
}
body:not([data-detail]) main > .section.calendar-section,
body:not([data-detail]) main > .section.school-section,
body:not([data-detail]) main > .section.documents,
body:not([data-detail]) main > .section.projects{
  padding-top:clamp(56px,6.5vh,88px);
  padding-bottom:clamp(56px,6.5vh,88px);
}
body[data-detail] .detail-body > .school-calendar{
  min-height:auto;
}
@media(max-width:680px){
  :root{--dvojka-scene-min:max(600px,100svh);--dvojka-scene-compact:max(520px,92svh)}
}


/* v3.6.13 — authoritative homepage scene + calendar fix (last loaded stylesheet) */
body:not([data-detail]) main > section.calendar-section{
  background:linear-gradient(135deg,#0b111b 0%,#101c2b 55%,#0b4352 100%)!important;
  color:#fff!important;
  min-height:max(610px,78svh)!important;
  padding-top:clamp(48px,5.5vh,72px)!important;
  padding-bottom:clamp(48px,5.5vh,72px)!important;
}
body:not([data-detail]) main > section.calendar-section .calendar-grid{
  gap:52px!important;
  align-items:center!important;
}
body:not([data-detail]) main > section.calendar-section .calendar-intro h2{
  color:#fff!important;
}
body:not([data-detail]) main > section.calendar-section .calendar-intro p{
  color:rgba(231,240,248,.74)!important;
}
body:not([data-detail]) main > section.calendar-section .kicker,
body:not([data-detail]) main > section.calendar-section .event small{
  color:#63d3ef!important;
}
body:not([data-detail]) main > section.calendar-section .event-list{
  border-top-color:rgba(255,255,255,.22)!important;
}
body:not([data-detail]) main > section.calendar-section .event{
  border-bottom-color:rgba(255,255,255,.22)!important;
  padding:16px 0!important;
}
body:not([data-detail]) main > section.calendar-section .event h3{
  color:#fff!important;
}
body:not([data-detail]) main > section.calendar-section .event p{
  color:rgba(231,240,248,.68)!important;
}
body:not([data-detail]) main > section.calendar-section .date-box{
  background:linear-gradient(145deg,#172236,#24324a)!important;
  border:1px solid rgba(255,255,255,.10)!important;
}
body:not([data-detail]) main > section.calendar-section .date-box strong{color:#fff!important}
body:not([data-detail]) main > section.calendar-section .date-box span{color:#a8bdcf!important}
body:not([data-detail]) main > section.calendar-section .event-arrow{color:#8aa9ba!important}

/* Compact scenes: don't force sparse sections to a full viewport. */
body:not([data-detail]) main > section#uspechy,
body:not([data-detail]) main > section#projekty,
body:not([data-detail]) main > section#skola,
body:not([data-detail]) main > section#dokumenty{
  min-height:max(570px,74svh)!important;
  padding-top:clamp(48px,5.5vh,76px)!important;
  padding-bottom:clamp(48px,5.5vh,76px)!important;
}
body:not([data-detail]) main > section#zivot{
  min-height:max(650px,88svh)!important;
}
body:not([data-detail]) main > section#aktuality{
  min-height:max(650px,88svh)!important;
}
body:not([data-detail]) main > .school-real-section,
body:not([data-detail]) main > .school-gallery-section{
  min-height:max(620px,82svh)!important;
}

/* Public calendar detail page: dark theme even if earlier CSS is cached/overridden. */
body[data-detail="page"] .detail-body:has(> .school-calendar){
  max-width:1180px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body[data-detail="page"] .detail-body > .school-calendar{
  min-height:auto!important;
  padding:30px!important;
  border-radius:32px!important;
  background:linear-gradient(135deg,#091521,#0d2b42 58%,#0b6370)!important;
  color:#eef6fb!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 24px 65px rgba(8,28,46,.24)!important;
}
body[data-detail="page"] .school-calendar .school-cal-top h2,
body[data-detail="page"] .school-calendar .school-cal-agenda h2,
body[data-detail="page"] .school-calendar .school-cal-item h3{color:#fff!important}
body[data-detail="page"] .school-calendar .school-cal-top p,
body[data-detail="page"] .school-calendar .school-cal-item p{color:rgba(232,241,248,.72)!important}
body[data-detail="page"] .school-calendar .school-cal-grid{background:rgba(4,16,26,.55)!important;border-color:rgba(255,255,255,.12)!important;box-shadow:none!important}
body[data-detail="page"] .school-calendar .school-cal-week{background:rgba(255,255,255,.08)!important;color:#d8e7f1!important}
body[data-detail="page"] .school-calendar .school-cal-day{background:rgba(255,255,255,.035)!important;color:#fff!important;border-color:rgba(255,255,255,.08)!important;min-height:98px!important}
body[data-detail="page"] .school-calendar .school-cal-day.outside{background:rgba(255,255,255,.015)!important;color:#8297a8!important}
body[data-detail="page"] .school-calendar .school-cal-chip{background:rgba(90,205,239,.15)!important;color:#def8ff!important}
body[data-detail="page"] .school-calendar .school-cal-item{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.10)!important}
body[data-detail="page"] .school-calendar .school-cal-nav button,
body[data-detail="page"] .school-calendar .school-cal-top select{background:rgba(255,255,255,.09)!important;color:#fff!important;border-color:rgba(255,255,255,.13)!important}
body[data-detail="page"] .school-calendar .school-cal-top select option{color:#15374c!important}
@media(max-width:680px){
  body:not([data-detail]) main > section#uspechy,
  body:not([data-detail]) main > section#projekty,
  body:not([data-detail]) main > section#skola,
  body:not([data-detail]) main > section#dokumenty,
  body:not([data-detail]) main > section.calendar-section{min-height:auto!important}
}


/* v3.6.13 — projects + footer are one true final scene */
body:not([data-detail]) main > #projekty.projects-bottom{
  min-height:100svh!important;
  padding:34px 0 0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  background:linear-gradient(135deg,#f5f8fc 0%,#f7f9fd 62%,#eaf8fb 100%);
}
body:not([data-detail]) main > #projekty.projects-bottom > .shell{
  flex:0 0 auto;
}
body:not([data-detail]) main > #projekty.projects-bottom .section-head{
  margin-bottom:18px!important;
}
body:not([data-detail]) main > #projekty.projects-bottom .section-head h2{
  font-size:clamp(32px,3.6vw,50px)!important;
}
body:not([data-detail]) main > #projekty.projects-bottom .project-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:12px!important;
}
body:not([data-detail]) main > #projekty.projects-bottom .project{
  min-height:172px!important;
  padding:18px!important;
  border-radius:20px!important;
}
body:not([data-detail]) main > #projekty.projects-bottom .project-no{
  font-size:23px!important;
}
body:not([data-detail]) main > #projekty.projects-bottom .project h3{
  font-size:16px!important;
  margin:17px 0 6px!important;
}
body:not([data-detail]) main > #projekty.projects-bottom .project p{
  font-size:10px!important;
  line-height:1.5!important;
  margin:0 0 10px!important;
}
body:not([data-detail]) main > #projekty.projects-bottom .site-footer-v21{
  margin-top:30px!important;
  min-height:0!important;
  flex:1 0 auto;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:#0c2034;
}
body:not([data-detail]) main > #projekty.projects-bottom .footer-v21-inner{
  width:min(1180px,calc(100% - 44px));
  padding:28px 0 16px!important;
  grid-template-columns:1.25fr .75fr .75fr!important;
  gap:28px!important;
}
body:not([data-detail]) main > #projekty.projects-bottom .footer-v21-brand img{
  width:195px!important;
  max-height:50px!important;
}
body:not([data-detail]) main > #projekty.projects-bottom .footer-v21-brand p{
  margin:8px 0!important;
  font-size:11px!important;
  line-height:1.45!important;
}
body:not([data-detail]) main > #projekty.projects-bottom .footer-v21 h3{
  margin-bottom:10px!important;
  font-size:12px!important;
}
body:not([data-detail]) main > #projekty.projects-bottom .footer-v21-links{
  gap:6px!important;
}
body:not([data-detail]) main > #projekty.projects-bottom .footer-v21-links a{
  font-size:11px!important;
}
body:not([data-detail]) main > #projekty.projects-bottom .footer-v21-bottom{
  width:min(1180px,calc(100% - 44px));
  padding:12px 0 16px!important;
  font-size:10px!important;
}
/* The footer is nested in the final scene, never make it a separate viewport. */
body:not([data-detail]) main > #projekty.projects-bottom footer{
  min-height:0!important;
}
@media(max-width:1180px){
  body:not([data-detail]) main > #projekty.projects-bottom .project-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body:not([data-detail]) main > #projekty.projects-bottom{min-height:auto!important}
}
@media(max-width:900px){
  body:not([data-detail]) main > #projekty.projects-bottom .footer-v21-inner{grid-template-columns:1fr 1fr!important}
  body:not([data-detail]) main > #projekty.projects-bottom .footer-v21-brand{grid-column:1/-1}
}
@media(max-width:680px){
  body:not([data-detail]) main > #projekty.projects-bottom .project-grid{grid-template-columns:1fr!important}
  body:not([data-detail]) main > #projekty.projects-bottom .footer-v21-inner{grid-template-columns:1fr!important}
  body:not([data-detail]) main > #projekty.projects-bottom .footer-v21-brand{grid-column:auto}
}


/* v3.6.13 — combined achievements/school wrapper is one scroll stop */
body:not([data-detail]) main > .home-success-school-scene{
  min-height:max(700px,92svh);
  display:flex;
  flex-direction:column;
  justify-content:center;
}


/* v3.6.13 — remove the empty full-screen tail before Projects */
body:not([data-detail]) main > #dokumenty.documents{
  min-height:auto!important;
  height:auto!important;
  display:block!important;
  justify-content:initial!important;
  padding:56px 0 62px!important;
}
body:not([data-detail]) main > #dokumenty.documents .doc-grid{
  align-items:center!important;
  gap:56px!important;
}
body:not([data-detail]) main > #dokumenty.documents .doc-links a{
  padding:14px 0!important;
}
/* Never keep an artificial scroll scene height on this compact block. */
body:not([data-detail]) main > #dokumenty.documents.dvojka-scroll-scene{
  min-height:0!important;
}
@media(max-width:980px){
  body:not([data-detail]) main > #dokumenty.documents{padding:52px 0!important}
}
@media(max-width:680px){
  body:not([data-detail]) main > #dokumenty.documents{padding:44px 0!important}
  body:not([data-detail]) main > #dokumenty.documents .doc-grid{gap:30px!important}
}

/* v3.6.13 — merged Spoznajte nás + Úspechy must stay one compact scroll scene */
body:not([data-detail]) main > #school-success.home-success-school-scene{
  min-height:auto!important;
  height:auto!important;
  display:block!important;
  justify-content:initial!important;
  padding:54px 0 62px!important;
}
body:not([data-detail]) main > #school-success.home-success-school-scene .home-success-school-shell{
  display:flex!important;
  flex-direction:column!important;
  gap:22px!important;
}
body:not([data-detail]) main > #school-success.home-success-school-scene .school-panel{
  padding:34px 44px!important;
  gap:42px!important;
  border-radius:30px!important;
}
body:not([data-detail]) main > #school-success.home-success-school-scene .achievements-wrap{
  gap:38px!important;
  align-items:center!important;
}
body:not([data-detail]) main > #school-success.home-success-school-scene .achievement{
  min-height:210px!important;
}
@media(max-width:980px){
  body:not([data-detail]) main > #school-success.home-success-school-scene{
    padding:56px 0!important;
  }
}
@media(max-width:680px){
  body:not([data-detail]) main > #school-success.home-success-school-scene{
    padding:46px 0 52px!important;
  }
}


/* v3.6.13 — school-success is exactly one scroll stop, no viewport forcing */
body:not([data-detail]) main > #school-success.home-success-school-scene{
  min-height:0!important;
  height:auto!important;
  display:block!important;
  padding:34px 0 40px!important;
}

/* v3.6.13 — utility links in the official DVOJKA logo palette */
.utility-bar .utility-links a{
  opacity:1!important;
  font-weight:780!important;
  transition:.18s color,.18s text-shadow,.18s transform!important;
}
.utility-bar .utility-links a:hover{
  transform:translateY(-1px);
  text-shadow:0 0 16px currentColor;
}
/* Palette sampled from the official school logo. */
.utility-bar .utility-links a[data-link="edupage"]{color:#005198!important}
.utility-bar .utility-links a[data-link="canteen"]{color:#76b451!important}
.utility-bar .utility-links a[href="/stranka/prihlaska"]{color:#f15d24!important}
.utility-bar .utility-links .utility-search{color:#1f7676!important}
.utility-bar .utility-links a[href^="admin/"]{color:#159cd5!important;font-weight:900!important}
.utility-bar .utility-links a[data-link="oldWeb"]{color:#e02f3b!important}
@media(max-width:680px){
  .utility-bar .utility-links a{font-weight:800!important}
}


/* v3.6.13 — Domov button in section navigation */
.page-scroll-nav .page-scroll-home{
  width:44px;
  height:44px;
  border-radius:50%;
  background:rgba(255,255,255,.94);
  color:#123a58;
  border:1px solid rgba(12,65,92,.12);
  box-shadow:0 12px 30px rgba(0,0,0,.16);
}
.page-scroll-nav .page-scroll-home:hover{
  background:#fff;
  color:#0b79b5;
  transform:translateY(-2px) scale(1.04);
}
.page-scroll-home-icon{
  font-size:22px;
  line-height:1;
  font-weight:800;
  transform:translateY(-1px);
}
@media(max-width:680px){
  .page-scroll-nav .page-scroll-home{width:40px;height:40px}
  .page-scroll-home-icon{font-size:20px}
}

/* v3.6.13 — Hero down cue aligned with the ↓ button in ↑ · ⌂ · ↓ navigation */
body:not(.page-scroll-away-from-hero) .hero .scroll-cue{
  left:calc(50% + 47px)!important;
  transform:translateX(-50%)!important;
}
@media(max-width:680px){
  body:not(.page-scroll-away-from-hero) .hero .scroll-cue{
    left:calc(50% + 44px)!important;
  }
}


/* v3.6.13 — public theme switch removed; CMS is the only theme control */
.theme-dev{display:none!important}

/* Section navigation moved from center to the bottom-right. */
.page-scroll-nav{
  left:auto!important;
  right:18px!important;
  bottom:18px!important;
  transform:none!important;
}
.page-scroll-nav.is-hidden{
  transform:translateY(12px)!important;
}

/* Keep the Hero ↓ exactly over the same X axis as the normal ↓ button.
   Normal nav: right edge 18px, buttons 34px, gaps 8px, home 44px.
   The ↓ center is therefore 35px from the right edge of the viewport. */
body:not(.page-scroll-away-from-hero) .hero .scroll-cue{
  left:auto!important;
  right:20px!important;
  transform:none!important;
}
@media(max-width:680px){
  .page-scroll-nav{right:14px!important;bottom:14px!important}
  body:not(.page-scroll-away-from-hero) .hero .scroll-cue{
    left:auto!important;
    right:15px!important;
    transform:none!important;
  }
}

/* v3.6.13 — stronger footer contrast */
body:not([data-detail]) main > #projekty.projects-bottom .site-footer-v21{
  background:#071a2b!important;
  color:#f7fbff!important;
}
body:not([data-detail]) main > #projekty.projects-bottom .footer-v21-brand p{
  color:#e6f0f7!important;
  opacity:1!important;
}
body:not([data-detail]) main > #projekty.projects-bottom .footer-v21 h3{
  color:#ffffff!important;
}
body:not([data-detail]) main > #projekty.projects-bottom .footer-v21-links a{
  color:#eef7fb!important;
  opacity:1!important;
}
body:not([data-detail]) main > #projekty.projects-bottom .footer-v21-links a:hover{
  color:#72e6e0!important;
}
body:not([data-detail]) main > #projekty.projects-bottom .footer-v21-bottom{
  color:#cbdbe6!important;
  border-top-color:rgba(255,255,255,.18)!important;
}
body:not([data-detail]) main > #projekty.projects-bottom .footer-v21-brand img{
  opacity:1!important;
  filter:brightness(0) invert(1)!important;
}


/* v3.6.13 — six compact project cards + footer in one final scene */
@media(min-width:1181px){
  body:not([data-detail]) main > #projekty.projects-bottom{
    padding-top:24px!important;
  }
  body:not([data-detail]) main > #projekty.projects-bottom > .shell{
    width:min(1320px,calc(100% - 42px))!important;
  }
  body:not([data-detail]) main > #projekty.projects-bottom .section-head{
    margin-bottom:14px!important;
  }
  body:not([data-detail]) main > #projekty.projects-bottom .section-head h2{
    font-size:clamp(30px,3.25vw,46px)!important;
  }
  body:not([data-detail]) main > #projekty.projects-bottom .project-grid{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:10px!important;
  }
  body:not([data-detail]) main > #projekty.projects-bottom .project{
    min-height:154px!important;
    padding:15px 16px!important;
    border-radius:18px!important;
  }
  body:not([data-detail]) main > #projekty.projects-bottom .project-no{
    font-size:21px!important;
  }
  body:not([data-detail]) main > #projekty.projects-bottom .project h3{
    margin:13px 0 5px!important;
    font-size:14px!important;
    line-height:1.18!important;
  }
  body:not([data-detail]) main > #projekty.projects-bottom .project p{
    font-size:9px!important;
    line-height:1.42!important;
    margin:0 0 7px!important;
  }
  body:not([data-detail]) main > #projekty.projects-bottom .project-home-cta{
    margin-top:auto!important;
    font-size:9px!important;
    font-weight:900!important;
    color:#0b61ff!important;
  }
  body:not([data-detail]) main > #projekty.projects-bottom .site-footer-v21{
    margin-top:18px!important;
  }
  body:not([data-detail]) main > #projekty.projects-bottom .footer-v21-inner{
    padding-top:22px!important;
    padding-bottom:12px!important;
  }
  body:not([data-detail]) main > #projekty.projects-bottom .footer-v21-bottom{
    padding-top:9px!important;
    padding-bottom:11px!important;
  }
}