/* 152 264 */
.ArticleDetailMaster #PDImage {
    display: none;
}

/* 112 161 */

#AttributeTabsFilter .tabpages .showMore::before
{
    content:"Všechny parametry";
}

#AttributeTabsFilter .tabpages .compoundFilterSimple
{
    visibility:hidden;
}

#AttributeTabsFilter .tabpages .compoundFilterSimple::before
{
    visibility:visible;
    content:"Konfigurátor produktu";
    font-size: 1.5rem;
    color: #ed1c24;
}

#AttributeTabsFilter .showMore
{
    text-decoration:none;
}

#AttributeTabsFilter .showMore:before
{
    color: var(--primary-button-text-color);
    border: var(--primary-button-border);
    background-color: var(--primary-color);
    background-image: var(--primary-button-gradient);
    border-radius: var(--button-border-radius);
    padding: 0.5em 1em;
    
}
/*end 112 161 */


.AttributeFilterValuesView .value.disabled label {
    color: var(--text-weaker-color) !important;
}

a {
    color: #4e9d22;
}

#paticka-kontakt a {
text-decoration: none;
color: #1546a0}

#paticka-kontakt a:hover {
text-decoration: underline;
color: #1546a0}



/* RESPONZIV */
@media (max-width: 700px){
    .logaGoPay > div {
        width:25%;
        text-align: center;
        margin-bottom:16px;
    }
    
}

@media (max-width: 900px){
    .patickaZnacky > div {
        text-align: center !important;
    }
}



.LogoView {
    min-width: 65px;
    min-height: 71px;
    margin: 8px 0 3px;
}
.ContactsView.v1 a {
    color: var(--text-weaker-color);
    font-weight: 600;
    font-size: 1.15em;
}



/*88973*/
.MenuView.v2 ul.root>li>a{
    text-transform: INHERIT !important;
}

.MenuCategoriesRwdView.v1.big ul.root>li:not(.leaf)>a.name{
    text-transform: uppercase !important;    
}


.MenuCategoriesRwdView.v1.big ul.root>li>ul.child>li>ul.child {
    margin-top: 6px;
}

.MenuCategoriesRwdView.v1.big ul.child>li>ul.child>li.showMore>a {
    font-weight: 600;
    color: var(--primary-color);
}

.MenuCategoriesRwdView.v1.big ul.child>li>ul.child>li.leaf>a.name{
    color: black;
}


#HomeCategories .name{
    font-weight: 600 !important;
}

#HomeCategories.FlatCategoriesRwdView.v4 ul>li{
    margin-bottom: 7px;
    margin-right: 6px;
    --category-separator: 6px;
}

#HomeCategories.FlatCategoriesRwdView.v4.columns3 ul>li:nth-child(3n+0), #HomeCategories.FlatCategoriesRwdView.v4.columns6 ul>li:nth-child(6n+0), #HomeCategories.FlatCategoriesRwdView.v4.columns2 ul>li:nth-child(2n+0), .FlatCategoriesRwdView.v5.columns5 ul>li:nth-child(5n+0), .FlatCategoriesRwdView.v5.columns4 ul>li:nth-child(4n+0), .FlatCategoriesRwdView.v5.columns3 ul>li:nth-child(3n+0), .FlatCategoriesRwdView.v5.columns2 ul>li:nth-child(2n+0), .FlatCategoriesRwdView.v5.columns1 ul>li:nth-child(1n+0){
    margin-right: 0px !important;
}
 
.FlatCategoriesRwdView.v5 dc-root>.name{
    font-weight: 600; 
}

.FlatCategoriesRwdView.v5 ul.root>li{
    margin-bottom: 7px;
    margin-right: 6px;
} 

div#BasketResultDialog span.title.count {
    color: black;
}

/*pobídka*/
#AaaradiatoryAnchor > a{
    padding: 0.5em;
    font-weight: 700;
    color: #204097;
    border-color: blue;
    border: 1px solid;
    background-color: #ffffff;
    font-size: 1.13rem;
    border-radius: 3px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

#AaaradiatoryAnchor{
    padding-top: 25px;
}

#AaaradiatoryAnchor > a:before {
    background: url(https://cdn.aaaradiatory.cz/data/user-content/media/pobidkaIconSqr.png) no-repeat center center;
    content: "";
    align-self: stretch;
    display: block;
    width: 35px;
    height: 35px;
    margin-right: 0.5em;
    background-size: contain;
    
}
   
.MenuView.v2a ul.root > .cs_hidden {display: none;}


.customMarginPD{
    background-color: #d3d3d31c;
    margin-left: calc(50% - 50vw + 8px);
    margin-right: calc(50% - 50vw + 9px);
    padding: 50px 0;
}

.gridder{
    margin:0 auto;
    max-width: 1240px;
    display: grid;
    grid-template-columns: 23.5% 23.5% 23.5% 23.5%;
    justify-content: space-between;
}

.gridder .itemCustom{
    text-align: center;
    background: white;
    box-shadow: 1px 0px 12px #80808021;
    position: relative;
}
.gridder .purpleText, .gridder .greyText{padding: 0px 18px;}

.gridder .purpleText{
    color: purple;
    font-size: 18px;
    font-weight: bold;
    padding-top: 50px;
}

.gridder .greyText{
    color: #939191;
    font-size: 14px;
    margin-bottom: 25px;
}

.gridder .itemCustom img{
    width: 33%;
    position: absolute;
    top: -45px;
    left: 50%;
    transform: translateX(-50%);
}


@media all and (max-width: 1100px){
    .gridder{
        grid-template-columns: 49% 49%;       
    }
    .gridder .itemCustom{
        margin: 20px 0;
    }
    
    .gridder .itemCustom img{
        width: 20%;
        top: -30px;
    }
}

@media all and (max-width: 500px){
    .gridder{
        grid-template-columns: 100%;       
    }
    .gridder .itemCustom img{
        width: 20%;
        top: -37px;
    }
    .gridder .itemCustom{
        margin: 30px 0;
        
    }
}

#PDTable3{
    padding-bottom: 25px;

}

.UserContentView video, .UserContentView iframe {
    all: revert;
    max-width: none !important;

}

.AddToCartView.v1 .button.buy {margin-left: 0 !important;}
.AddToCartView>.button.increase {     margin-right: 1em;}



/* =========================================================
   SSČ 5.6 — CSS (KOMPLET) — MINIFREEZE
   Scope: .as-sscz-root (článek) + .as-cta-floating (mimo článek)

   Novinky proti 5.5:
   - PROCESS universal views: steps | timeline | cards | roadmap | deadlines
   - timeline: uzel = číslo, osa i na mobilu
   - REFERENCE testimonial
   ========================================================= */

/* ---------- Base scope (článek) ---------- */
.as-sscz-root,
.as-sscz-root * { box-sizing: border-box; }

.as-sscz-root {
  --as-max-content: 720px;
  --as-max-wide: 1120px;

  --as-gap: 18px;
  --as-radius: 18px;

  --as-text: #0f172a;
  --as-muted: #475569;
  --as-border: #e6ebf2;
  --as-bg-soft: #f6f8fc;
  --as-blue: #1f3ea3;
  --as-blue-2: #2b57d6;

  color: var(--as-text);
  line-height: 1.55;
  font-size: 16px;

  padding: 18px 16px 64px;
  max-width: 100%;
  overflow-x: hidden;
}

/* schovej původní SSČ sekce (zdroj) – zůstane jen render */
.as-sscz-root .as-sscz-source { display: none !important; }

.as-sscz-root img,
.as-sscz-root svg,
.as-sscz-root iframe {
  max-width: 100%;
  height: auto;
}

.as-sscz-root :where(p, li, a, h1, h2, h3, h4) {
  overflow-wrap: anywhere;
}

.as-sscz-root :where(.as-hero-inner, .as-video-grid, .as-promo) > * {
  min-width: 0;
}

/* =========================================================
   Layout: content vs wide
   ========================================================= */
.as-sscz-root .as-rendered { width: 100%; }

.as-sscz-root .as-content {
  max-width: var(--as-max-content);
  margin: 0 auto;
}

.as-sscz-root .as-sekce {
  margin: 0 auto 46px;
  scroll-margin-top: 96px;
  max-width: 100%;
}

.as-sscz-root .as-wide {
  max-width: var(--as-max-wide);
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 820px) {
  .as-sscz-root { padding: 16px 12px 56px; }
  .as-sscz-root .as-sekce { margin-bottom: 34px; }
  .as-sscz-root .as-wide,
  .as-sscz-root .as-content { max-width: 100%; }
}

/* =========================================================
   Typografie
   ========================================================= */
.as-sscz-root h1 {
  font-size: clamp(26px, 4vw, 40px);
  line-height: 1.15;
  margin: 0 0 10px;
  letter-spacing: -0.02em;
}
.as-sscz-root h2 {
  font-size: clamp(20px, 2.6vw, 28px);
  line-height: 1.25;
  margin: 0 0 12px;
  letter-spacing: -0.01em;
}
.as-sscz-root h3 {
  font-size: 18px;
  margin: 16px 0 8px;
}
.as-sscz-root p { margin: 0 0 12px; color: var(--as-muted); }
.as-sscz-root ul, .as-sscz-root ol { margin: 10px 0 0 18px; color: var(--as-muted); }
.as-sscz-root a { color: var(--as-blue-2); }

/* =========================================================
   Box / karta
   ========================================================= */
.as-sscz-root .as-box {
  background: #fff;
  border: 1px solid var(--as-border);
  border-radius: var(--as-radius);
  padding: 18px;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
}

/* =========================================================
   Buttony
   ========================================================= */
.as-sscz-root .as-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 12px;
  text-decoration: none;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2;
  color: #fff;
  background: var(--as-blue);
  border: 1px solid rgba(0,0,0,0.0);
  cursor: pointer;
  user-select: none;
  max-width: 100%;
  white-space: nowrap;
}
.as-sscz-root .as-btn:hover { background: #18338b; }
.as-sscz-root .as-btn-modra { background: var(--as-blue); color:#fff; }
.as-sscz-root .as-btn-modra:hover { background: #18338b; }

@media (max-width: 420px) {
  .as-sscz-root .as-btn {
    white-space: normal;
    width: 100%;
  }
}

/* =========================================================
   HERO — default (text + obrázek vedle)
   ========================================================= */
.as-sscz-root .as-hero.as-box {
  padding: 22px;
  background: linear-gradient(180deg, #eef3ff 0%, #ffffff 65%);
}

.as-sscz-root .as-hero .as-hero-inner {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 18px;
  align-items: center;
}

.as-sscz-root .as-hero .as-hero-text p { color: var(--as-muted); }
.as-sscz-root .as-hero .as-hero-actions { margin-top: 12px; display:flex; gap:12px; flex-wrap:wrap; }

.as-sscz-root .as-hero .as-hero-media img {
  width: 100%;
  border-radius: 16px;
  border: 1px solid var(--as-border);
  background: #fff;
  display:block;
}

@media (max-width: 820px) {
  .as-sscz-root .as-hero .as-hero-inner { grid-template-columns: 1fr; }
}

/* =========================================================
   HERO — overlay (data-layout="overlay")
   ========================================================= */
.as-sscz-root .as-hero.as-hero-layout-overlay.as-box{
  position: relative;
  overflow: hidden;
  padding: 0;
  min-height: 240px;
  background: #0b122a;
}

.as-sscz-root .as-hero.as-hero-layout-overlay .as-hero-media{
  position:absolute;
  inset:0;
}

.as-sscz-root .as-hero.as-hero-layout-overlay .as-hero-media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display:block;
}

.as-sscz-root .as-hero.as-hero-layout-overlay::before{
  content:"";
  position:absolute;
  inset:0;
  /* Robustní scrim pro světlé i tmavé hero fotky (text musí být čitelný vždy) */
  background:
    radial-gradient(1000px 520px at 22% 35%, rgba(2,6,23,.82), rgba(2,6,23,.46) 55%, rgba(2,6,23,.84)),
    linear-gradient(90deg, rgba(2,6,23,.76) 0%, rgba(2,6,23,.30) 62%, rgba(2,6,23,.10) 100%);
  z-index: 1;
}

.as-sscz-root .as-hero.as-hero-layout-overlay .as-hero-text{
  position: relative;
  z-index: 2;
  padding: 36px 26px;
  max-width: var(--as-max-content);
  color: #fff;
  text-shadow: 0 2px 24px rgba(0,0,0,.45);
}
.as-sscz-root .as-hero.as-hero-layout-overlay .as-hero-text a.as-btn{ text-shadow:none; }


.as-sscz-root .as-hero.as-hero-layout-overlay .as-hero-text p{
  color: rgba(255,255,255,.86);
}

.as-sscz-root .as-hero.as-hero-layout-overlay .as-hero-actions{
  margin-top: 14px;
  display:flex;
  gap: 12px;
  flex-wrap: wrap;
}

.as-sscz-root .as-hero.as-hero-layout-overlay.as-hero-align-center .as-hero-text{
  margin: 0 auto;
  text-align: center;
}
.as-sscz-root .as-hero.as-hero-layout-overlay.as-hero-align-center .as-hero-actions{
  justify-content: center;
}

@media (max-width: 820px){
  .as-sscz-root .as-hero.as-hero-layout-overlay .as-hero-text{
    padding: 28px 18px;
  }
  .as-sscz-root .as-hero.as-hero-layout-overlay::before{
    background: linear-gradient(180deg, rgba(2,6,23,.72) 0%, rgba(2,6,23,.35) 55%, rgba(2,6,23,.18) 100%);
  }
}

/* =========================================================
   Navigace
   ========================================================= */
.as-sscz-root .as-navigace.as-box ul { margin: 10px 0 0 18px; }
.as-sscz-root .as-navigace a { text-decoration: none; }
.as-sscz-root .as-navigace a:hover { text-decoration: underline; }

/* =========================================================
   Ikony (benefity/features)
   ========================================================= */
.as-sscz-root .as-icon-wrap {
  width: 22px; height: 22px;
  flex: 0 0 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
}
.as-sscz-root .as-icon {
  width: 22px; height: 22px;
  display: block;
}

/* =========================================================
   Features
   ========================================================= */

.as-sscz-root .as-features ul{ list-style:none; padding:0; margin: 12px 0 0; }
.as-sscz-root .as-features li{ margin: 10px 0; }
.as-sscz-root .as-features ul { margin-top: 10px; }
.as-sscz-root .as-features li { margin: 8px 0; }

.as-sscz-root .as-features .as-li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
.as-sscz-root .as-features .as-li-text { min-width: 0; }

.as-sscz-root .as-features.as-features-grid ul{
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
}
.as-sscz-root .as-features.as-features-grid li{
  margin: 0;
  background:#fff;
  border:1px solid var(--as-border);
  border-radius:16px;
  padding:14px;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
}
@media (max-width: 600px){
  .as-sscz-root .as-features.as-features-grid ul{ grid-template-columns: 1fr; }
}

/* =========================================================
   Benefity
   ========================================================= */
.as-sscz-root .as-benefity .as-benefity-grid {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.as-sscz-root .as-benefity .as-benefit-card {
  background: #fff;
  border: 1px solid var(--as-border);
  border-radius: 16px;
  padding: 14px;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
  color: var(--as-muted);
}
.as-sscz-root .as-benefity .as-benefit-row {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
@media (max-width: 980px) {
  .as-sscz-root .as-benefity .as-benefity-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 600px) {
  .as-sscz-root .as-benefity .as-benefity-grid { grid-template-columns: 1fr; }
}

/* =========================================================
   OBSAH: Tabulka porovnání (data-layout="table")
   ========================================================= */
.as-sscz-root .as-obsah-table .as-table-wrap{
  margin-top: 12px;
  overflow-x: auto;
overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
  border-radius: 14px;
  border: 1px solid var(--as-border);
  background: #fff;
}

.as-sscz-root .as-obsah-table table{
  width: max-content;   /* šířka podle obsahu (už žádný "falešný sloupec") */
  min-width: 100%;      /* na desktopu se to pořád hezky roztáhne na box */
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
}


.as-sscz-root .as-obsah-table th,
.as-sscz-root .as-obsah-table td{
  padding: 12px 12px;
  border-bottom: 1px solid var(--as-border);
  vertical-align: top;
  text-align: left;
  background: #fff;
}

.as-sscz-root .as-obsah-table tbody tr:nth-child(even) td,
.as-sscz-root .as-obsah-table tbody tr:nth-child(even) th{
  background: #fbfcff;
}

.as-sscz-root .as-obsah-table thead th{
  position: sticky;
  top: 0;
  z-index: 3;
  background: var(--as-bg-soft);
  font-weight: 800;
}

.as-sscz-root .as-obsah-table :is(thead th:first-child, tbody th:first-child, tfoot th:first-child){
  position: sticky;
  left: 0;
  z-index: 4;
  background: #fff;
  font-weight: 800;
}
.as-sscz-root .as-obsah-table thead th:first-child{
  background: var(--as-bg-soft);
  z-index: 5;
}

.as-sscz-root .as-obsah-table thead th .as-col-img{
  display:block;
  width: 86px;
  max-width: 100%;
  height: auto;
  margin: 2px 0 8px;
  border-radius: 12px;
  border: 1px solid var(--as-border);
  background:#fff;
}

.as-sscz-root .as-obsah-table .as-col-featured{
  background: linear-gradient(180deg, #eef3ff 0%, #ffffff 70%);
  box-shadow: inset 0 0 0 1px #dbe6ff;
}
.as-sscz-root .as-obsah-table thead .as-col-featured{
  background: #e7efff;
}

.as-sscz-root .as-obsah-table .as-yn{
  display: inline-flex;
  width: 22px; height: 22px;
  border-radius: 999px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--as-border);
}
.as-sscz-root .as-obsah-table .as-yn-yes::before{ content: "✓"; font-weight: 900; }
.as-sscz-root .as-obsah-table .as-yn-no::before{ content: "✕"; font-weight: 900; }

.as-sscz-root .as-obsah-table tfoot th,
.as-sscz-root .as-obsah-table tfoot td{
  background:#fff;
  border-top: 1px solid var(--as-border);
}

.as-sscz-root .as-obsah-table tfoot td{
  padding-top: 14px;
  padding-bottom: 14px;
}

.as-sscz-root .as-obsah-table tfoot a.as-btn{
  width: 100%;
  justify-content: center;
  white-space: normal;
}

/* =========================================================
   PROCESS (universal)
   ========================================================= */
.as-sscz-root .as-process .as-process-body{ margin-top: 12px; }

.as-sscz-root .as-process .as-steps{
  display: grid;
  gap: 12px;
}

.as-sscz-root .as-process .as-step{
  background:#fff;
  border:1px solid var(--as-border);
  border-radius:16px;
  padding:14px;
  box-shadow: 0 6px 18px rgba(15,23,42,.05);
}

.as-sscz-root .as-process .as-step.is-featured{
  border-color: #dbe6ff;
  box-shadow: 0 10px 26px rgba(15,23,42,.10);
  background: linear-gradient(180deg, #eef3ff 0%, #ffffff 70%);
}

.as-sscz-root .as-process .as-step-head{
  display:flex;
  gap:12px;
  align-items:flex-start;
  margin-bottom: 8px;
}

.as-sscz-root .as-process .as-step-num{
  width: 34px; height: 34px;
  border-radius: 999px;
  display:flex; align-items:center; justify-content:center;
  font-weight: 900;
  background:#eef3ff;
  color: var(--as-text);
  flex: 0 0 auto;
}

.as-sscz-root .as-process .as-step-title{
  margin: 0;
  font-size: 18px;
}

.as-sscz-root .as-process .as-step-date{
  margin-top: 4px;
  font-size: 13px;
  color:#64748b;
}

.as-sscz-root .as-process .as-step-badge{
  display:inline-flex;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  background:#0b122a;
  color:#fff;
  margin-bottom: 6px;
}

.as-sscz-root .as-process .as-step-media{
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid var(--as-border);
  background:#fff;
}

.as-sscz-root .as-process .as-step-media img{
  display:block;
  width: 100%;
  height: auto;
}

.as-sscz-root .as-process .as-step-media.as-top{ margin-bottom: 10px; }
.as-sscz-root .as-process .as-step-media.as-inline{ margin-top: 10px; }

.as-sscz-root .as-process .as-step-actions{ margin-top: 10px; }

/* view: cards */
.as-sscz-root .as-process-view-cards .as-steps{
  grid-template-columns: repeat(3, minmax(0,1fr));
}
@media (max-width: 900px){
  .as-sscz-root .as-process-view-cards .as-steps{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 640px){
  .as-sscz-root .as-process-view-cards .as-steps{ grid-template-columns: 1fr; }
}

/* view: steps (horizontální “How it works”) */
.as-sscz-root .as-process-view-steps .as-steps{
  grid-auto-flow: column;
  grid-auto-columns: minmax(260px, 1fr);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 6px;
  scroll-snap-type: x mandatory;
}
.as-sscz-root .as-process-view-steps .as-step{ scroll-snap-align: start; }

/* view: roadmap (sloupce/fáze) */
.as-sscz-root .as-process-view-roadmap .as-steps{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(280px, 1fr);
  gap: 12px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 8px;
  scroll-snap-type: x mandatory;
}
.as-sscz-root .as-process-view-roadmap .as-step{ scroll-snap-align: start; height: 100%; }
.as-sscz-root .as-process-view-roadmap .as-step-media.as-top img{
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.as-sscz-root .as-process-view-roadmap .as-step-media.as-inline img{
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
@media (max-width: 640px){
  .as-sscz-root .as-process-view-roadmap .as-steps{
    grid-auto-columns: minmax(78vw, 1fr);
  }
}

/* view: timeline (osa vlevo + číslo jako uzel) */
.as-sscz-root .as-process-view-timeline .as-steps{
  position: relative;
}

.as-sscz-root .as-process-view-timeline .as-steps::before{
  content:"";
  position:absolute;
  left: 18px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--as-border);
}

.as-sscz-root .as-process-view-timeline .as-step{
  position: relative;
  padding-left: 56px; /* prostor pro uzel */
}

.as-sscz-root .as-process-view-timeline .as-step-num{
  position: absolute;
  left: 0;
  top: 18px;
  width: 36px;
  height: 36px;
  border-radius: 999px;
  background: var(--as-blue);
  color:#fff;
  box-shadow: 0 0 0 4px #eef3ff;
  z-index: 6;
}

/* mobil: timeline ZŮSTÁVÁ timeline (osa i uzel zůstávají) */
@media (max-width: 640px){
  .as-sscz-root .as-process-view-timeline .as-steps::before{
    content: "";
    left: 16px;
  }
  .as-sscz-root .as-process-view-timeline .as-step{
    padding-left: 52px;
  }
  .as-sscz-root .as-process-view-timeline .as-step-num{
    top: 16px;
    width: 32px;
    height: 32px;
    box-shadow: 0 0 0 3px #eef3ff;
  }
}

/* view: deadlines (kompaktní) */
.as-sscz-root .as-process-view-deadlines .as-steps{
  display: grid;
  gap: 10px;
}

.as-sscz-root .as-process-view-deadlines .as-deadline{
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 12px;
  background:#fff;
  border:1px solid var(--as-border);
  border-radius: 14px;
  padding: 12px;
  box-shadow: 0 6px 18px rgba(15,23,42,.05);
}

.as-sscz-root .as-process-view-deadlines .as-deadline.is-featured{
  border-color: #dbe6ff;
  background: #eef3ff;
}

.as-sscz-root .as-process-view-deadlines .as-deadline-date{
  font-weight: 900;
  color: var(--as-text);
  line-height: 1.2;
}

.as-sscz-root .as-process-view-deadlines .as-deadline-badge{
  margin-top: 6px;
  display:inline-flex;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  background:#0b122a;
  color:#fff;
}

.as-sscz-root .as-process-view-deadlines .as-deadline-title{
  font-weight: 900;
  margin-bottom: 4px;
  color: var(--as-text);
}

.as-sscz-root .as-process-view-deadlines .as-deadline-actions{ margin-top: 8px; }

@media (max-width: 640px){
  .as-sscz-root .as-process-view-deadlines .as-deadline{
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   Galerie — GRID
   ========================================================= */
.as-sscz-root .as-galerie .as-galerie-grid {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 12px;
}
.as-sscz-root .as-galerie .as-galerie-grid a {
  display: block;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--as-border);
  background: #fff;
}
.as-sscz-root .as-galerie .as-galerie-grid img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  display: block;
}

/* =========================================================
   Galerie — STRIP (carousel)
   ========================================================= */
.as-sscz-root .as-galerie.as-galerie-strip .as-galerie-strip-wrap{
  margin-top: 12px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 10px;
  align-items: center;
  max-width: 100%;
}
.as-sscz-root .as-galerie.as-galerie-strip .as-galerie-carousel{
  display: flex;
  gap: 12px;
  overflow-x: auto;
  padding: 2px 2px 10px;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  max-width: 100%;
}
.as-sscz-root .as-galerie.as-galerie-strip .as-galerie-carousel a{
  flex: 0 0 auto;
  width: min(320px, 78vw);
  scroll-snap-align: start;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--as-border);
  background:#fff;
  display:block;
}
.as-sscz-root .as-galerie.as-galerie-strip .as-galerie-carousel img{
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display:block;
}

.as-sscz-root .as-galerie .as-galerie-nav{
  width: 40px;
  height: 40px;
  border-radius: 12px;
  border: 1px solid var(--as-border);
  background: #fff;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
  cursor: pointer;
  font-size: 22px;
  line-height: 1;
  color: var(--as-text);
}
.as-sscz-root .as-galerie .as-galerie-nav:disabled{
  opacity: .35;
  cursor: default;
}
@media (max-width: 520px){
  .as-sscz-root .as-galerie.as-galerie-strip .as-galerie-strip-wrap{
    grid-template-columns: 1fr;
  }
  .as-sscz-root .as-galerie .as-galerie-nav{ display:none; }
}

/* =========================================================
   Promo
   ========================================================= */
.as-sscz-root .as-promo { display: flex; gap: 18px; align-items: center; }
.as-sscz-root .as-promo-reverse { flex-direction: row-reverse; }
.as-sscz-root .as-promo .as-promo-img { flex: 0 0 44%; }
.as-sscz-root .as-promo .as-promo-img img {
  width: 100%;
  border-radius: 16px;
  border: 1px solid var(--as-border);
  background: #fff;
  display: block;
}
.as-sscz-root .as-promo .as-promo-content { flex: 1; min-width:0; }

.as-sscz-root .as-promo-layout-card.as-box { background: #fff; }
.as-sscz-root .as-promo-layout-soft.as-box { background: var(--as-bg-soft); }
.as-sscz-root .as-promo-layout-highlight.as-box {
  background: linear-gradient(180deg, #eef3ff 0%, #ffffff 70%);
  border-color: #dbe6ff;
}

@media (max-width: 820px) {
  .as-sscz-root .as-promo { flex-direction: column; }
  .as-sscz-root .as-promo .as-promo-img { width: 100%; flex-basis: auto; }
}

/* =========================================================
   Video
   ========================================================= */
.as-sscz-root .as-video .as-video-frame iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: 0;
  border-radius: 16px;
}
.as-sscz-root .as-video-layout-side .as-video-grid {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 16px;
  align-items: start;
}

/* video[side] – možnost prohodit strany přes data-media="right" */
.as-sscz-root .as-video.as-video-layout-side[data-media="right"] .as-video-grid{
  grid-template-columns: 1.1fr .9fr;
}
@media (min-width: 900px){
  .as-sscz-root .as-video.as-video-layout-side[data-media="right"] .as-video-frame{ order:1; }
  .as-sscz-root .as-video.as-video-layout-side[data-media="right"] .as-video-content{ order:2; }
}
@media (max-width: 820px) {
  .as-sscz-root .as-video-layout-side .as-video-grid { grid-template-columns: 1fr; }
}

/* =========================================================
   Statistiky
   ========================================================= */
.as-sscz-root .as-statistiky .as-statistiky-grid {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
}
.as-sscz-root .as-statistiky .as-stat-card {
  background:#fff;
  border:1px solid var(--as-border);
  border-radius:16px;
  padding:14px;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
}
.as-sscz-root .as-statistiky .as-stat-cislo{
  display:block;
  font-size:22px;
  line-height:1.1;
  font-weight:800;
  color: var(--as-text);
  margin-bottom:6px;
}
.as-sscz-root .as-statistiky .as-stat-popis{ color: var(--as-muted); }

@media (max-width: 980px) {
  .as-sscz-root .as-statistiky .as-statistiky-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 600px) {
  .as-sscz-root .as-statistiky .as-statistiky-grid { grid-template-columns: 1fr; }
}

/* =========================================================
   FAQ
   ========================================================= */
.as-sscz-root .as-faq.as-box { padding: 12px; }
.as-sscz-root .as-faq .as-faq-item { border-top: 1px solid var(--as-border); }
.as-sscz-root .as-faq .as-faq-item:first-child { border-top: 0; }

.as-sscz-root .as-faq .as-faq-otazka {
  width: 100%;
  text-align: left;
  background: transparent;
  border: 0;
  padding: 14px 14px;
  font-weight: 700;
  color: var(--as-text);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.as-sscz-root .as-faq .as-faq-otazka::after {
  content: "+";
  font-size: 20px;
  line-height: 1;
  color: var(--as-muted);
  flex: 0 0 auto;
}
.as-sscz-root .as-faq .as-faq-odpoved {
  display: none;
  padding: 0 14px 14px;
  color: var(--as-muted);
}
.as-sscz-root .as-faq .as-faq-accordion-item.is-open .as-faq-odpoved { display: block; }
.as-sscz-root .as-faq .as-faq-accordion-item.is-open .as-faq-otazka::after { content: "–"; }

/* =========================================================
   CTA
   ========================================================= */
.as-sscz-root .as-cta.as-box { background: #fff; }
.as-sscz-root .as-cta-panel.as-box {
  background: #eef3ff;
  text-align: center;
}

/* =========================================================
   Podpis autor
   ========================================================= */
.as-sscz-root .as-podpis-autor.as-box {
  display: flex;
  gap: 14px;
  align-items: center;
}
.as-sscz-root .as-podpis-autor img {
  width: 74px;
  height: 74px;
  border-radius: 999px;
  object-fit: cover;
  border: 3px solid #6aa519;
}

/* =========================================================
   REFERENCE: testimonial
   ========================================================= */
.as-sscz-root .as-reference-testimonial .as-ref-grid{
  margin-top: 12px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
}

.as-sscz-root .as-reference-testimonial .as-ref-card{
  background:#fff;
  border:1px solid var(--as-border);
  border-radius:16px;
  padding:14px;
  box-shadow: 0 6px 18px rgba(15,23,42,.05);
  display:grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  align-items: start;
}

.as-sscz-root .as-reference-testimonial .as-ref-media{
  width: 56px;
  height: 56px;
  border-radius: 999px;
  overflow:hidden;
  border:1px solid var(--as-border);
  background:#f7f9ff;
  display:flex;
  align-items:center;
  justify-content:center;
}

.as-sscz-root .as-reference-testimonial .as-ref-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.as-sscz-root .as-reference-testimonial .as-ref-media svg{
  width:28px;
  height:28px;
}

.as-sscz-root .as-reference-testimonial .as-ref-body h3{
  margin:0 0 6px;
}

.as-sscz-root .as-reference-testimonial .as-ref-quote{
  margin:0 0 8px;
  color: var(--as-text);
}

.as-sscz-root .as-reference-testimonial .as-ref-meta{
  margin:0;
  color:#64748b;
  font-size: 14px;
}

.as-sscz-root .as-reference-testimonial .as-ref-actions{
  margin-top: 10px;
}

@media (max-width: 980px){
  .as-sscz-root .as-reference-testimonial .as-ref-grid{ grid-template-columns: 1fr; }
}

/* =========================================================
   LIGHTBOX overlay (mini)
   ========================================================= */
.as-sscz-lightbox{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.86);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  padding: 24px;
}
.as-sscz-lightbox.is-open{ display:flex; }
.as-sscz-lightbox .as-sscz-lb-img{
  max-width: 96vw;
  max-height: 86vh;
  border-radius: 12px;
}
.as-sscz-lightbox button{
  position:absolute;
  background: transparent;
  border:0;
  color:#fff;
  cursor:pointer;
  font-size: 32px;
  line-height:1;
  padding: 10px;
}
.as-sscz-lightbox .as-sscz-lb-close{ top: 10px; right: 10px; font-size: 28px; }
.as-sscz-lightbox .as-sscz-lb-prev{ left: 10px; top: 50%; transform: translateY(-50%); }
.as-sscz-lightbox .as-sscz-lb-next{ right: 10px; top: 50%; transform: translateY(-50%); }

/* =========================================================
   Floating CTA — mimo .as-sscz-root
   ========================================================= */
.as-cta-floating,
.as-cta-floating * { box-sizing: border-box; }

.as-cta-floating :where(p, a, h2, h3) { overflow-wrap: anywhere; }

.as-cta-floating {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 12px;
  z-index: 99998;
  padding: 0 12px;
  max-width: 100%;
}

.as-cta-floating .as-cta-floating-inner {
  max-width: 1120px;
  margin: 0 auto;
  background: #0b122a;
  color: #fff;
  border-radius: 18px;
  padding: 12px 12px;
  box-shadow: 0 14px 40px rgba(0,0,0,.25);
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: center;
}
.as-cta-floating .as-cta-floating-inner > * { min-width: 0; }

.as-cta-floating h2, .as-cta-floating h3 { margin: 0 0 4px; color:#fff; font-size: 18px; }
.as-cta-floating p { margin: 0; color: rgba(255,255,255,.78); }
.as-cta-floating .as-cta-floating-actions { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }

.as-cta-floating .as-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 12px;
  text-decoration: none;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2;
  color: #fff;
  background: #1f3ea3;
  border: 1px solid rgba(255,255,255,0.08);
  cursor: pointer;
  user-select: none;
  max-width: 100%;
  white-space: nowrap;
}

.as-cta-floating .as-cta-floating-close {
  width: 38px; height: 38px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
  color: #fff;
  font-size: 22px;
  cursor: pointer;
}

@media (max-width: 820px) {
  .as-cta-floating .as-cta-floating-inner { grid-template-columns: 1fr; }
  .as-cta-floating .as-cta-floating-actions { justify-content: flex-start; }
}

@media (max-width: 420px){
  .as-cta-floating .as-btn{
    white-space: normal;
    width: 100%;
  }
}

/* aby floating CTA nepřekrýval konec článku */
.as-has-floating-cta .as-sscz-root { padding-bottom: 120px; }

/* =========================================================
   Globální přepínač vzhledu (volitelné):
   - default = cards
   - minimal = přidej class na <body>: .as-theme-minimal
   ========================================================= */
.as-theme-minimal .as-sscz-root .as-box{
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}

.as-theme-minimal .as-sscz-root .as-sekce{
  margin-bottom: 28px;
}
/* =========================================================
   AAAradiatory blog — DESIGN OVERRIDES (B2B/editorial light)
   Vloženo navíc na KONEC souboru, aby se nic „nerozbilo“.
   ========================================================= */

.as-sscz-root{
  /* lehce čitelnější longform */
  font-size: 17px;
  line-height: 1.7;
}

/* hezčí dlouhý text (nezalamovat moc široce) */
.as-sscz-root :where(p, li){ max-width: 78ch; }

/* jemný “heading underline” (vlevo default) */
.as-sscz-root :where(.as-sekce h2)::after{
  content:"";
  display:block;
  width:64px;
  height:3px;
  border-radius:999px;
  background: var(--as-blue);
  margin-top:12px;
  opacity:.95;
}

/* CTA panel: všechno do středu včetně “čárky” */
.as-sscz-root .as-cta-panel{
  text-align:center;
}
.as-sscz-root .as-cta-panel :where(h2, p, ul, ol){ margin-left:auto; margin-right:auto; }
.as-sscz-root .as-cta-panel h2::after{ margin-left:auto; margin-right:auto; }
.as-sscz-root .as-cta-panel .as-btn{ margin: 10px auto 0; }

/* CTA link-grid: žádné tečky, žádné překryvy, grid */
.as-sscz-root .as-cta-link-grid ul{
  list-style:none;
  padding:0;
  margin: 14px 0 0;
  display:grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.as-sscz-root .as-cta-link-grid li{ margin:0; padding:0; }
.as-sscz-root .as-cta-link-grid a.as-btn{
  width:100%;
  white-space: normal;
}

/* CTA split: jasnější layout */
.as-sscz-root .as-cta-split > *{
  max-width: var(--as-max-wide);
  margin-left:auto; margin-right:auto;
}

/* Reference (testimonial): jasnější typografie */
.as-sscz-root .as-reference-testimonial .as-ref-quote{
  color: var(--as-text);
  font-weight: 600;
}
.as-sscz-root .as-reference-testimonial .as-ref-meta{
  color: var(--as-muted);
}

/* Případová studie: KPI “mini dashboard” */
.as-sscz-root .as-pripadova-studie .as-case-grid{
  margin-top: 14px;
  display:grid;
  gap: 14px;
  grid-template-columns: 1.2fr .8fr;
}
@media (max-width: 860px){
  .as-sscz-root .as-pripadova-studie .as-case-grid{ grid-template-columns: 1fr; }
}
.as-sscz-root .as-pripadova-studie .as-case-kpis{
  display:grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 560px){
  .as-sscz-root .as-pripadova-studie .as-case-kpis{ grid-template-columns: 1fr; }
}
.as-sscz-root .as-pripadova-studie .as-kpi{
  border:1px solid var(--as-border);
  background: #fff;
  border-radius: 14px;
  padding: 12px 12px;
}
.as-sscz-root .as-pripadova-studie .as-kpi strong{
  display:block;
  font-size: 20px;
  line-height: 1.15;
  color: var(--as-text);
}
.as-sscz-root .as-pripadova-studie .as-kpi span{
  display:block;
  margin-top: 4px;
  color: var(--as-muted);
  font-size: 14px;
}

/* Galerie: trochu víc “produktově” */
.as-sscz-root .as-galerie .as-sscz-gallery-grid img{
  border: 1px solid var(--as-border);
  border-radius: 14px;
}

/* Video: jistý poměr + pěkný rámeček */
.as-sscz-root .as-video iframe{
  border-radius: 14px;
  border: 1px solid var(--as-border);
}

/* Proces: víc prostoru na mobilu */
@media (max-width: 560px){
  .as-sscz-root .as-process.as-box{ padding: 14px; }
}

/* =========================================================
   AAAradiatory blog — LAYOUT V2 (profi)
   - 2 šířky: text vs wide (už existuje .as-content/.as-wide, jen doladění)
   - card systém + lepší CTA link-grid, CTA split, testimonial
   ========================================================= */

.as-sscz-root{
  /* jemně víc “webové” mezery */
  --as-max-content: 760px;
  --as-max-wide: 1160px;
  --as-gap: 20px;

  /* stabilní radius/shadow na kartách */
  --as-radius: 18px;
  --as-shadow: 0 10px 30px rgba(15,23,42,.08);
}

/* jednotné vnitřní odsazení karet */
.as-sscz-root .as-box{
  padding: 22px;
  border-radius: var(--as-radius);
  box-shadow: var(--as-shadow);
}

/* lepší “gutter” pro content i wide */
.as-sscz-root .as-content,
.as-sscz-root .as-wide{
  padding-left: 12px;
  padding-right: 12px;
}

/* typografie: méně křiku uvnitř boxů */
.as-sscz-root .as-box :where(h3){
  font-size: 18px;
  line-height: 1.25;
}
.as-sscz-root .as-box :where(p){
  line-height: 1.65;
}

/* =========================================================
   CTA: panel (už centrované) + split + link-grid
   ========================================================= */

/* CTA split: uděláme z toho opravdový 2-col layout bez inline stylů */
.as-sscz-root .as-cta.as-cta-split > .as-cta-split-inner{
  display:grid;
  grid-template-columns: 1.25fr .75fr;
  gap: 24px;
  align-items:center;
  margin-top: 10px;
}
@media (max-width: 820px){
  .as-sscz-root .as-cta.as-cta-split > .as-cta-split-inner{
    grid-template-columns: 1fr;
    gap: 14px;
  }
}
.as-sscz-root .as-cta.as-cta-split .as-cta-split-right{
  display:flex;
  justify-content:flex-end;
}
@media (max-width: 820px){
  .as-sscz-root .as-cta.as-cta-split .as-cta-split-right{
    justify-content:flex-start;
  }
}
.as-sscz-root .as-cta.as-cta-split .as-cta-split-right .as-btn{
  min-width: 220px;
}

/* CTA link-grid: přepnout modré “primární” na ghost, ať to není samá modrá */
.as-sscz-root .as-cta.as-cta-link-grid .as-btn-modra{
  background: transparent;
  color: var(--as-blue);
  border: 1px solid var(--as-border);
  box-shadow: none;
}
.as-sscz-root .as-cta.as-cta-link-grid .as-btn-modra:hover{
  background: var(--as-bg-soft);
}

/* =========================================================
   Reference: testimonial — stabilní karty, žádné přetékání
   ========================================================= */

.as-sscz-root .as-reference-testimonial .as-ref-grid{
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 16px;
}
@media (max-width: 980px){
  .as-sscz-root .as-reference-testimonial .as-ref-grid{ grid-template-columns: 1fr; }
}

.as-sscz-root .as-reference-testimonial .as-ref-card{
  overflow:hidden;
  align-content:start;
  gap: 12px;
}

/* avatar kompaktnější */
.as-sscz-root .as-reference-testimonial .as-ref-media{
  width: 54px;
  height: 54px;
  border-radius: 999px;
}

/* typografie v kartě */
.as-sscz-root .as-reference-testimonial .as-ref-body h3{
  font-size: 18px;
  margin: 2px 0 6px;
}
.as-sscz-root .as-reference-testimonial .as-ref-quote{
  font-size: 16px;
  line-height: 1.55;
  font-weight: 500;
  margin: 0 0 10px;
  max-width: none;
}
.as-sscz-root .as-reference-testimonial .as-ref-meta{
  font-size: 14px;
  color: var(--as-muted);
}

/* CTA v testimonialu: spíš sekundární (ne další “velká modrá”) */
.as-sscz-root .as-reference-testimonial .as-ref-actions .as-btn-modra{
  background: transparent;
  color: var(--as-blue);
  border: 1px solid var(--as-border);
  box-shadow: none;
}

/* a hlavně: žádné přetékání tlačítka */
.as-sscz-root .as-reference-testimonial .as-ref-actions{
  margin-top: 12px;
}
.as-sscz-root .as-reference-testimonial .as-ref-actions .as-btn{
  display:flex;
  width: 100%;
  justify-content:center;
  white-space: normal;
  text-align:center;
}

/* =========================================================
   Případová studie — KPI jako “výsledek” blok
   ========================================================= */

.as-sscz-root .as-pripadova-studie .as-case-grid{
  grid-template-columns: .95fr 1.05fr;
  align-items:start;
}
.as-sscz-root .as-pripadova-studie .as-case-kpis{
  grid-template-columns: 1fr;
}
.as-sscz-root .as-pripadova-studie .as-kpi{
  padding: 14px 14px;
  box-shadow: 0 6px 18px rgba(15,23,42,.05);
}
.as-sscz-root .as-pripadova-studie .as-kpi strong{
  font-size: 22px;
}

/* =========================================================
   Drobnosti: seznamy v boxech uhladit
   ========================================================= */
.as-sscz-root .as-box ul{ margin-top: 10px; }
.as-sscz-root .as-box li{ margin: 8px 0; }

/* =========================================================
   AAAradiatory blog — SAMPLE V3 helpers
   - ikony v KPI boxech (případová studie)
   - CTA v případové studii jako button uprostřed
   ========================================================= */

.as-sscz-root .as-pripadova-studie .as-kpi{
  display:flex;
  gap: 12px;
  align-items:flex-start;
}
.as-sscz-root .as-pripadova-studie .as-kpi .as-kpi-ic{
  width: 34px;
  height: 34px;
  border-radius: 10px;
  border: 1px solid var(--as-border);
  background: #fff;
  flex: 0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.as-sscz-root .as-pripadova-studie .as-kpi .as-kpi-ic img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.as-sscz-root .as-pripadova-studie .as-kpi .as-kpi-txt{
  min-width:0;
}
.as-sscz-root .as-pripadova-studie .as-kpi strong{
  margin: 0;
}

/* CTA pod KPI: centrovaný button */
.as-sscz-root .as-pripadova-studie .as-case-cta{
  margin-top: 18px;
  text-align:center;
}
.as-sscz-root .as-pripadova-studie .as-case-cta .as-btn{
  margin: 0 auto;
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  white-space: normal;
  text-align: center;
}


/* Promo “media” varianty: jemně srovnat výšky a spacing */
.as-sscz-root .as-promo{
  align-items: stretch;
}
.as-sscz-root .as-promo .as-promo-content{
  display:flex;
  flex-direction:column;
  justify-content:center;
}

/* =========================================================
   AAAradiatory blog — SHOWCASE V4 (prezentace šablony)
   - lepší navigace (TOC): “anchor list” + zkrácení + rozklik
   - promo: 3 profi varianty (card / media-left / media-right)
   - CTA split: varianta s fotkou (3-col na desktopu)
   - Video side: střídání media left/right
   ========================================================= */

/* ---------- TOC / Navigace (kotvy) ---------- */
.as-sscz-root .as-navigace{
  position: relative;
}
.as-sscz-root .as-navigace p{ max-width:none; }
.as-sscz-root .as-navigace ul,
.as-sscz-root .as-navigace ol{
  list-style:none;
  padding:0;
  margin: 12px 0 0;
  display:grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}
.as-sscz-root .as-navigace li{ margin:0; padding:0; }
.as-sscz-root .as-navigace a{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid var(--as-border);
  border-radius: 14px;
  text-decoration:none;
  color: var(--as-text);
  background:#fff;
  box-shadow: 0 6px 18px rgba(15,23,42,.05);
}
.as-sscz-root .as-navigace a::before{
  content:"";
  width:10px; height:10px;
  border-radius:999px;
  background: var(--as-blue);
  opacity:.9;
  flex: 0 0 auto;
}
.as-sscz-root .as-navigace a:hover{
  background: var(--as-bg-soft);
  border-color: #d7deea;
}
.as-sscz-root .as-navigace a:active{
  transform: translateY(1px);
}

/* Zkrácení TOC + “Zobrazit více” (checkbox hack)
   — funguje jen pokud v navigaci existují elementy .as-toc-toggle a .as-toc-list */
.as-sscz-root .as-navigace .as-toc-toggle{
  margin-top: 12px;
  display:flex;
  align-items:center;
  gap: 10px;
}
.as-sscz-root .as-navigace .as-toc-toggle input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.as-sscz-root .as-navigace .as-toc-toggle label{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  cursor:pointer;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid var(--as-border);
  background:#fff;
  color: var(--as-blue);
  font-weight:700;
}
.as-sscz-root .as-navigace .as-toc-toggle label:hover{
  background: var(--as-bg-soft);
}

/* default: zobraz jen prvních 6 položek */
.as-sscz-root .as-navigace .as-toc-list li:nth-child(n+7){ display:none; }

/* po zaškrtnutí: zobraz vše */
.as-sscz-root .as-navigace .as-toc-toggle input:checked ~ .as-toc-list li{ display:block; }

/* ---------- Promo ---------- */
.as-sscz-root .as-promo{
  border-left: 6px solid rgba(31,62,163,.22);
  background: linear-gradient(180deg, #ffffff, var(--as-bg-soft));
}
.as-sscz-root .as-promo h2{
  margin-top: 8px;
}
.as-sscz-root .as-promo h2::after{
  width: 44px;
}

/* promo “media” varianty */
.as-sscz-root .as-promo.as-promo-has-media{
  display:grid;
  grid-template-columns: 1fr 1.25fr;
  gap: 18px;
  align-items:center;
}
@media (max-width: 860px){
  .as-sscz-root .as-promo.as-promo-has-media{
    grid-template-columns: 1fr;
  }
}
.as-sscz-root .as-promo.as-promo-has-media img{
  width:100%;
  height: 240px;
  object-fit: cover;
  border-radius: 16px;
  border: 1px solid var(--as-border);
}
.as-sscz-root .as-promo.as-promo-has-media[data-media="right"]{
  grid-template-columns: 1.25fr 1fr;
}
@media (min-width: 861px){
  .as-sscz-root .as-promo.as-promo-has-media[data-media="right"] img{
    order: 2;
  }
}

/* ---------- CTA split (s fotkou) ---------- */
.as-sscz-root .as-cta.as-cta-split .as-cta-split-inner{
  grid-template-columns: .9fr 1.1fr .7fr;
}
.as-sscz-root .as-cta.as-cta-split .as-cta-split-media{
  width: 100%;
  height: 170px;
  object-fit: cover;
  border-radius: 16px;
  border: 1px solid var(--as-border);
  box-shadow: 0 6px 18px rgba(15,23,42,.05);
}
@media (max-width: 820px){
  .as-sscz-root .as-cta.as-cta-split .as-cta-split-inner{
    grid-template-columns: 1fr;
  }
  .as-sscz-root .as-cta.as-cta-split .as-cta-split-right .as-btn{
    width: 100%;
    min-width: 0;
  }
}

/* ---------- “tarify” (pricing/compare) ---------- */
.as-sscz-root .as-pricing{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 16px;
  margin-top: 14px;
}
@media (max-width: 980px){
  .as-sscz-root .as-pricing{ grid-template-columns: 1fr; }
}
.as-sscz-root .as-pricing .as-plan{
  border: 1px solid var(--as-border);
  border-radius: 18px;
  background:#fff;
  box-shadow: 0 10px 30px rgba(15,23,42,.06);
  padding: 18px;
  display:flex;
  flex-direction:column;
  gap: 10px;
}
.as-sscz-root .as-pricing .as-plan[data-featured="1"]{
  border-color: rgba(31,62,163,.35);
  box-shadow: 0 16px 50px rgba(31,62,163,.14);
  transform: translateY(-4px);
}
.as-sscz-root .as-pricing .as-price{
  font-size: 28px;
  font-weight: 900;
  letter-spacing: -0.02em;
}
.as-sscz-root .as-pricing ul{
  list-style:none;
  padding:0;
  margin: 6px 0 0;
  display:grid;
  gap: 8px;
}
.as-sscz-root .as-pricing li{
  display:flex;
  gap: 10px;
  align-items:flex-start;
  margin:0;
}
.as-sscz-root .as-pricing li::before{
  content:"✓";
  color: var(--as-blue);
  font-weight:900;
}

/* =========================================================
   AAAradiatory blog — SHOWCASE V5 (bohaté + interaktivní)
   - opravuje TOC: 1 sloupec + <details> (bez hacků)
   - řeší video lokálně: layout + fallback
   - lehce větší font
   - interaktivní prvky: accordion, tabs, "jen rozdíly" u porovnání
   ========================================================= */

.as-sscz-root{
  font-size: 18px; /* o chlup větší než v3/v4 */
}
@media (max-width: 560px){
  .as-sscz-root{ font-size: 17px; }
}

/* ---------- TOC / Navigace (kotvy) – 1 sloupec, “sekce jako linky” ---------- */
.as-sscz-root .as-navigace ul.as-toc,
.as-sscz-root .as-navigace ol.as-toc{
  list-style:none;
  padding:0;
  margin: 12px 0 0;
  display:block;
}
.as-sscz-root .as-navigace .as-toc li{
  margin: 10px 0;
}
.as-sscz-root .as-navigace .as-toc a{
  display:flex;
  align-items:center;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid var(--as-border);
  border-radius: 14px;
  text-decoration:none;
  color: var(--as-text);
  background:#fff;
  box-shadow: 0 6px 18px rgba(15,23,42,.05);
}
.as-sscz-root .as-navigace .as-toc a::before{ content:none; display:none; }

.as-sscz-root .as-navigace .as-toc a:hover{ background: var(--as-bg-soft); }
.as-sscz-root .as-navigace .as-toc .as-num{
  width: 30px; height: 30px;
  border-radius: 999px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(31,62,163,.12);
  color: var(--as-blue);
  font-weight: 900;
  flex: 0 0 auto;
}

/* <details> v TOC */
.as-sscz-root details.as-disclosure{
  border: 1px solid var(--as-border);
  border-radius: 16px;
  background:#fff;
  box-shadow: 0 10px 30px rgba(15,23,42,.05);
  padding: 12px 14px;
}
.as-sscz-root details.as-disclosure > summary{
  cursor:pointer;
  font-weight: 900;
  color: var(--as-blue);
  list-style:none;
}
.as-sscz-root details.as-disclosure > summary::-webkit-details-marker{ display:none; }
.as-sscz-root details.as-disclosure > summary::after{
  content:"▼";
  float:right;
  opacity:.75;
  transform: translateY(1px);
}
.as-sscz-root details.as-disclosure[open] > summary::after{ content:"▲"; }

/* ---------- Accordion (FAQ / tech) ---------- */
.as-sscz-root .as-accordion details{
  border: 1px solid var(--as-border);
  border-radius: 14px;
  padding: 12px 14px;
  background:#fff;
  box-shadow: 0 6px 18px rgba(15,23,42,.04);
  margin: 10px 0;
}
.as-sscz-root .as-accordion summary{
  cursor:pointer;
  font-weight: 800;
  list-style:none;
}
.as-sscz-root .as-accordion summary::-webkit-details-marker{ display:none; }
.as-sscz-root .as-accordion summary::after{
  content:"+";
  float:right;
  font-weight: 900;
  color: var(--as-blue);
}
.as-sscz-root .as-accordion details[open] summary::after{ content:"–"; }

/* ---------- Tabs (bez JS) ---------- */
.as-sscz-root .as-tabs{
  margin-top: 12px;
}
.as-sscz-root .as-tabs .as-tablist{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  margin: 0 0 12px;
}
.as-sscz-root .as-tabs input{ position:absolute; opacity:0; pointer-events:none; }
.as-sscz-root .as-tabs label{
  cursor:pointer;
  padding: 10px 14px;
  border: 1px solid var(--as-border);
  border-radius: 999px;
  background:#fff;
  font-weight: 800;
}
.as-sscz-root .as-tabs label:hover{ background: var(--as-bg-soft); }
.as-sscz-root .as-tabs .as-tabpanel{
  display:none;
  border: 1px solid var(--as-border);
  border-radius: 16px;
  background:#fff;
  box-shadow: 0 10px 30px rgba(15,23,42,.05);
  padding: 16px;
}
.as-sscz-root .as-tabs input:checked + label{
  border-color: rgba(31,62,163,.35);
  background: rgba(31,62,163,.06);
  color: var(--as-blue);
}
.as-sscz-root #tab-a:checked ~ .as-panels #panel-a,
.as-sscz-root #tab-b:checked ~ .as-panels #panel-b,
.as-sscz-root #tab-c:checked ~ .as-panels #panel-c{
  display:block;
}

/* ---------- Porovnání: “zobrazit jen rozdíly” ---------- */
.as-sscz-root .as-compare-controls{
  margin-top: 10px;
  display:flex;
  align-items:center;
  gap: 10px;
  flex-wrap:wrap;
}
.as-sscz-root .as-compare-controls label{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid var(--as-border);
  background:#fff;
  cursor:pointer;
  font-weight: 800;
  color: var(--as-blue);
}
.as-sscz-root .as-compare-controls input{ accent-color: var(--as-blue); }
.as-sscz-root .as-obsah-table.is-diff-only table .as-same{ display:none; }

/* ---------- Video: side layout robustní i s iframe přímo v HTML ---------- */
.as-sscz-root .as-video .as-video-inner{
  display:grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 18px;
  align-items:center;
}
@media (max-width: 920px){
  .as-sscz-root .as-video .as-video-inner{ grid-template-columns: 1fr; }
}
.as-sscz-root .as-video iframe{
  width:100%;
  aspect-ratio: 16 / 9;
  border: 1px solid var(--as-border);
  border-radius: 16px;
  background:#000;
}
.as-sscz-root .as-video[data-media="right"] .as-video-inner{
  grid-template-columns: 1.2fr 1fr;
}
@media (min-width: 921px){
  .as-sscz-root .as-video[data-media="right"] .as-video-embed{ order: 2; }
}

/* ---------- CTA split “kompozičně” – vycentrovat button a dát mu váhu ---------- */
.as-sscz-root .as-cta.as-cta-split .as-cta-split-right{
  justify-content:flex-end;
}
.as-sscz-root .as-cta.as-cta-split .as-cta-split-right .as-btn{
  min-width: 260px;
}
@media (max-width: 820px){
  .as-sscz-root .as-cta.as-cta-split .as-cta-split-right{ justify-content:flex-start; }
  .as-sscz-root .as-cta.as-cta-split .as-cta-split-right .as-btn{ width:100%; min-width:0; }
}

/* =========================================================
   SHOWCASE V6 – dle feedbacku
   - HERO overlay: vždy čitelný text (scrim + gradient)
   - TOC: default jen 3 položky + “ztrácení” 4. položky + tlačítko
   - Tabs: vizuál + lepší panely (JS v samplu zajišťuje funkčnost)
   - Features: ikony v kartách + “kicker”
   - Link-grid (Rychlé zkratky): lepší kompozice + volitelný filtr
   ========================================================= */

/* ---------- HERO overlay čitelnost ---------- */
.as-sscz-root .as-hero{
  position: relative;
}
.as-sscz-root .as-hero.as-hero-overlay::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(1200px 600px at 35% 40%, rgba(0,0,0,.55), rgba(0,0,0,.25) 55%, rgba(0,0,0,.55)),
    linear-gradient(90deg, rgba(0,0,0,.55), rgba(0,0,0,.20) 55%, rgba(0,0,0,.45));
  z-index: 0;
  pointer-events:none;
}
.as-sscz-root .as-hero.as-hero-overlay > *{
  position: relative;
  z-index: 1;
}
.as-sscz-root .as-hero .as-hero-copy{
  max-width: 820px;
  padding: 20px 22px;
  border-radius: 18px;
  background: rgba(0,0,0,.30);
  border: 1px solid rgba(255,255,255,.18);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 18px 60px rgba(0,0,0,.25);
}
.as-sscz-root .as-hero .as-hero-kicker{
  display:inline-flex;
  gap: 10px;
  align-items:center;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: 12px;
  color: rgba(255,255,255,.88);
  background: rgba(255,255,255,.10);
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.16);
  margin-bottom: 10px;
}
.as-sscz-root .as-hero .as-hero-kicker img{
  width: 18px; height: 18px;
  border-radius: 6px;
  object-fit: cover;
  opacity:.95;
}

/* ---------- TOC (kotvy) – default 3 + “ztrácení” ---------- */
.as-sscz-root .as-navigace .as-toc-nav{
  margin-top: 12px;
}
.as-sscz-root .as-navigace .as-toc{
  list-style:none;
  padding:0;
  margin: 0;
}
.as-sscz-root .as-navigace .as-toc li{
  margin: 10px 0;
}
.as-sscz-root .as-navigace .as-toc a{
  display:flex;
  align-items:center;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid var(--as-border);
  border-radius: 14px;
  text-decoration:none;
  color: var(--as-text);
  background:#fff;
  box-shadow: 0 6px 18px rgba(15,23,42,.05);
}
.as-sscz-root .as-navigace .as-toc a:hover{ background: var(--as-bg-soft); }
.as-sscz-root .as-navigace .as-toc .as-num{
  width: 30px; height: 30px;
  border-radius: 999px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(31,62,163,.12);
  color: var(--as-blue);
  font-weight: 900;
  flex: 0 0 auto;
}
.as-sscz-root .as-navigace .as-toc-actions{
  margin-top: 12px;
  display:flex;
  align-items:center;
  gap: 12px;
}
.as-sscz-root .as-navigace .as-toc-more{
  cursor:pointer;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid var(--as-border);
  background:#fff;
  font-weight: 800;
  color: var(--as-blue);
}
.as-sscz-root .as-navigace .as-toc-more:hover{ background: var(--as-bg-soft); }
.as-sscz-root .as-navigace .as-toc-hint{
  color: var(--as-muted);
  font-size: 14px;
}

/* collapsed state: ukázat 1–3, 4. “ztráceně”, 5+ hidden */
.as-sscz-root .as-navigace .as-toc-nav.is-collapsed .as-toc li:nth-child(n+5){ display:none; }
.as-sscz-root .as-navigace .as-toc-nav.is-collapsed .as-toc li:nth-child(4){
  opacity: .35;
  filter: saturate(.6);
}
.as-sscz-root .as-navigace .as-toc-nav.is-collapsed .as-toc li:nth-child(4) a{
  pointer-events:none;
}
.as-sscz-root .as-navigace .as-toc-nav.is-collapsed::after{
  content:"";
  display:block;
  height: 36px;
  margin-top: -26px;
  background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.92) 70%, rgba(255,255,255,1));
  border-radius: 0 0 16px 16px;
  pointer-events:none;
}

/* expanded state: vše vidět */
.as-sscz-root .as-navigace .as-toc-nav.is-expanded .as-toc li{ display:block; opacity:1; filter:none; }
.as-sscz-root .as-navigace .as-toc-nav.is-expanded::after{ display:none; }

/* ---------- Tabs tuning ---------- */
.as-sscz-root .as-tabs{
  margin-top: 14px;
}
.as-sscz-root .as-tabs .as-tablist{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  margin: 0 0 14px;
}
.as-sscz-root .as-tabs .as-tab{
  appearance:none;
  border: 1px solid var(--as-border);
  background:#fff;
  border-radius: 999px;
  padding: 10px 14px;
  font-weight: 900;
  cursor:pointer;
}
.as-sscz-root .as-tabs .as-tab:hover{ background: var(--as-bg-soft); }
.as-sscz-root .as-tabs .as-tab[aria-selected="true"]{
  border-color: rgba(31,62,163,.35);
  background: rgba(31,62,163,.06);
  color: var(--as-blue);
}
.as-sscz-root .as-tabs .as-tabpanel{
  display:none;
  border: 1px solid var(--as-border);
  border-radius: 16px;
  background:#fff;
  box-shadow: 0 10px 30px rgba(15,23,42,.05);
  padding: 16px;
}
.as-sscz-root .as-tabs .as-tabpanel.is-active{ display:block; }

/* ---------- Features cards s ikonou ---------- */
.as-sscz-root .as-features ul li{
  position: relative;
  padding-left: 54px;
}
.as-sscz-root .as-features ul li .as-ic{
  position:absolute;
  left: 16px;
  top: 16px;
  width: 26px;
  height: 26px;
  border-radius: 10px;
  object-fit: cover;
  box-shadow: 0 6px 14px rgba(15,23,42,.10);
}
.as-sscz-root .as-features .as-kicker{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid var(--as-border);
  background:#fff;
  font-weight: 900;
  color: var(--as-blue);
  margin-bottom: 10px;
}
.as-sscz-root .as-features .as-kicker img{
  width: 18px; height: 18px; border-radius: 6px; object-fit: cover;
}

/* ---------- Link-grid “Rychlé zkratky” vypadat jako “actions” ---------- */
.as-sscz-root .as-cta.as-cta-link-grid ul{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
}
@media (max-width: 860px){
  .as-sscz-root .as-cta.as-cta-link-grid ul{ grid-template-columns: 1fr; }
}
.as-sscz-root .as-cta.as-cta-link-grid li{
  margin:0;
}
.as-sscz-root .as-cta.as-cta-link-grid a{
  justify-content:flex-start;
  gap: 12px;
}
.as-sscz-root .as-cta.as-cta-link-grid a::before{
  content:"→";
  width: 26px; height: 26px;
  border-radius: 10px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(31,62,163,.12);
  color: var(--as-blue);
  font-weight: 900;
  flex: 0 0 auto;
}
.as-sscz-root .as-cta.as-cta-link-grid .as-shortcuts-filter{
  margin-top: 12px;
}
.as-sscz-root .as-cta.as-cta-link-grid .as-shortcuts-filter input{
  width: 100%;
  max-width: 520px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid var(--as-border);
  background:#fff;
}

/* =========================================================
   SHOWCASE V7 – HERO čitelnost bez "rámečku" + FAQ fix
   ========================================================= */

/* HERO: čitelný text na libovolné fotce (bez tvrdého boxu) */
.as-sscz-root .as-hero.as-hero-overlay::before{
  /* silnější scrim, hlavně ve středu */
  background:
    radial-gradient(900px 520px at 50% 42%, rgba(0,0,0,.72), rgba(0,0,0,.40) 55%, rgba(0,0,0,.62)),
    linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.22) 40%, rgba(0,0,0,.55));
}

.as-sscz-root .as-hero .as-hero-copy{
  position: relative;
  padding: 0;               /* bez box paddingu */
  border: 0;
  background: transparent;  /* bez boxu */
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  max-width: 980px;
}

.as-sscz-root .as-hero .as-hero-copy::before{
  /* měkký "podklad" jako spotlight – není to karta */
  content:"";
  position:absolute;
  inset: -28px -36px;
  background: radial-gradient(closest-side at 50% 45%, rgba(0,0,0,.55), rgba(0,0,0,.22) 60%, rgba(0,0,0,0) 100%);
  border-radius: 999px;
  z-index: -1;
  pointer-events:none;
}

.as-sscz-root .as-hero h1,
.as-sscz-root .as-hero h2,
.as-sscz-root .as-hero p,
.as-sscz-root .as-hero li{
  color: rgba(255,255,255,.95);
  text-shadow: 0 2px 14px rgba(0,0,0,.55), 0 1px 2px rgba(0,0,0,.65);
}

.as-sscz-root .as-hero h1,
.as-sscz-root .as-hero h2{
  /* jemná kontura – pomáhá na světlých fotkách */
  -webkit-text-stroke: 0.6px rgba(0,0,0,.25);
  paint-order: stroke fill;
}

.as-sscz-root .as-hero a{
  text-shadow: none;
}

/* HERO kicker zůstává, ale jemnější */
.as-sscz-root .as-hero .as-hero-kicker{
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.22);
}

/* FAQ: zajistit klikatelnost a šipku */
.as-sscz-root .as-accordion details{
  border: 1px solid var(--as-border);
  border-radius: 14px;
  background: #fff;
  padding: 0;
  overflow: hidden;
}

.as-sscz-root .as-accordion summary{
  cursor: pointer;
  list-style: none;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  font-weight: 900;
}

.as-sscz-root .as-accordion summary::-webkit-details-marker{ display:none; }

.as-sscz-root .as-accordion summary::after{
  content:"▾";
  color: var(--as-blue);
  font-weight: 900;
  transition: transform .2s ease;
}

.as-sscz-root .as-accordion details[open] summary::after{
  transform: rotate(180deg);
}

.as-sscz-root .as-accordion details > *:not(summary){
  padding: 0 16px 14px;
  margin: 0;
}

.as-sscz-root .as-accordion p{ color: var(--as-text); }

/* Mini details v features (pro "interaktivitu" bez velkého JS) */
.as-sscz-root .as-features details.as-mini{
  margin-top: 10px;
  border: 0;
  background: transparent;
  padding: 0;
}
.as-sscz-root .as-features details.as-mini summary{
  cursor:pointer;
  list-style:none;
  font-weight: 900;
  color: var(--as-blue);
}
.as-sscz-root .as-features details.as-mini summary::-webkit-details-marker{ display:none; }
.as-sscz-root .as-features details.as-mini summary::after{
  content:"  +";
  font-weight: 900;
}
.as-sscz-root .as-features details.as-mini[open] summary::after{
  content:"  –";
}

/* =========================================================
   SSČ 5.6.1 — PATCH (desktop + minimal + tables)
   - Zúžení max-width (78ch) jen pro textové sekce (.as-obsah)
   - Benefity: 2 sloupce v content, 3 sloupce pokud je sekce wide
   - Méně “box-in-box”: vnitřní karty bez stínu (shadow jen na .as-box)
   - Hezké běžné tabulky v textu (mimo data-layout="table")
   - Komponenta UL/LI jako key-value “tabulka” (.as-kv)
   ========================================================= */

/* Longform max-width jen pro textové bloky */
.as-sscz-root :where(p, li){ max-width: none; }
.as-sscz-root .as-obsah :where(p, li){ max-width: 78ch; }

/* BENEFITY: minimalističtější a čitelnější na desktopu */
.as-sscz-root .as-benefity .as-benefity-grid{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.as-sscz-root .as-benefity .as-benefit-card{
  background: var(--as-bg-soft);
  border: 1px solid var(--as-border);
  box-shadow: none;
}
@media (min-width: 981px){
  .as-sscz-root .as-benefity.as-wide .as-benefity-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 600px){
  .as-sscz-root .as-benefity .as-benefity-grid{ grid-template-columns: 1fr; }
}

/* Méně “box-in-box”: vnitřní karty bez shadow */
.as-sscz-root .as-features.as-features-grid li,
.as-sscz-root .as-process .as-step,
.as-sscz-root .as-statistiky .as-stat-card,
.as-sscz-root .as-reference-testimonial .as-ref-card{
  box-shadow: none;
  background: var(--as-bg-soft);
}

/* Featured krok zůstane zvýrazněný, ale bez extra shadow */
.as-sscz-root .as-process .as-step.is-featured{
  box-shadow: none;
}

/* Media bloky drž bílé */
.as-sscz-root .as-process .as-step-media,
.as-sscz-root .as-reference-testimonial .as-ref-media{
  background: #fff;
}

/* =========================================================
   GENERIC TABLES (běžné tabulky v textu)
   ========================================================= */
.as-sscz-root .as-obsah:not(.as-obsah-table) table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--as-border);
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
}
.as-sscz-root .as-obsah:not(.as-obsah-table) th,
.as-sscz-root .as-obsah:not(.as-obsah-table) td{
  padding: 10px 12px;
  border-bottom: 1px solid var(--as-border);
  text-align: left;
  vertical-align: top;
}
.as-sscz-root .as-obsah:not(.as-obsah-table) thead th{
  background: var(--as-bg-soft);
  font-weight: 800;
}
.as-sscz-root .as-obsah:not(.as-obsah-table) tbody tr:nth-child(even) td{
  background: #fbfcff;
}
.as-sscz-root .as-obsah:not(.as-obsah-table) tbody tr:last-child td{
  border-bottom: 0;
}
@media (max-width: 820px){
  .as-sscz-root .as-obsah:not(.as-obsah-table) table{
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
  }
}

/* =========================================================
   UL/LI jako key-value “tabulka”
   HTML:
   <ul class="as-kv">
     <li><span class="as-k">Výška</span><span class="as-v">1800 mm</span></li>
     ...
   </ul>
   ========================================================= */
.as-sscz-root .as-kv{
  list-style: none;
  padding: 0;
  margin: 14px 0;
  border: 1px solid var(--as-border);
  border-radius: 14px;
  background: #fff;
  overflow: hidden;
}
.as-sscz-root .as-kv li{
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 12px;
  padding: 10px 12px;
  border-top: 1px solid var(--as-border);
}
.as-sscz-root .as-kv li:first-child{ border-top: 0; }
.as-sscz-root .as-kv li:nth-child(even){ background: #fbfcff; }
.as-sscz-root .as-kv .as-k{
  color: var(--as-muted);
  font-weight: 700;
}
.as-sscz-root .as-kv .as-v{
  color: var(--as-text);
  font-weight: 800;
  text-align: right;
}
@media (max-width: 640px){
  .as-sscz-root .as-kv li{ grid-template-columns: 1fr; }
  .as-sscz-root .as-kv .as-v{ text-align: left; }
}

/* =========================================================
   SSČ + TEMPLATE MOBILE FIX — MUST STAY LAST
   Cíl:
   1) Opravit template wrapy, které drží šířku ~1300px na mobile
   2) Nezabíjet stránku globálním overflow-x: clip/hidden (to jen maskuje problém)
   3) SSČ uvnitř: nic nesmí expandovat viewport, ale karusely mohou scrollovat uvnitř
   ========================================================= */

/* ---------- 1) TEMPLATE: reset šířek na mobilu (tohle je hlavní fix) ---------- */
@media (max-width: 1024px){

  /* web-komponenty z tvého výpisu (dc-*) */
  dc-gi,
  dc-con{
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  dc-gi.headerUnfixPivot,
  dc-con.dcContent{
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  /* konkrétní wrapy z výpisu */
  #ArticleDetailMaster,
  #BreadcrumbNavigation,
  #Master,
  #NoJavascript,
  #widget-container{
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  /* často pomůže i tyhle view classy */
  .ProductDetailMasterView,
  .BreadcrumbView,
  .HeadingView,
  .UserContentView{
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
}

/* ---------- 2) IMPORTANT: neřeš to globálním ořezem ---------- */
/* ZRUŠÍME tvoje předchozí "html, body { overflow-x: clip/hidden }"
   protože to jen maskuje bug a dělá rozpad layoutu. */
html, body{
  max-width: 100%;
  overflow-x: visible;
}

/* ---------- 3) SSČ: bezpečné containment (bez rozbití karuselů) ---------- */
.as-sscz-root{
  max-width: 100%;
  overflow-x: hidden; /* jen uvnitř SSČ, ne globálně */
}

.as-sscz-root :where(.as-rendered, .as-sekce, .as-box, .as-content, .as-wide){
  max-width: 100%;
  min-width: 0;
}

/* iframe/video v SSČ nesmí nikdy přetéct */
.as-sscz-root iframe,
.as-sscz-root video{
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}

/* děti ve flex/grid se musí umět zmenšit */
.as-sscz-root :where(.as-hero-inner, .as-video-grid, .as-promo, .as-case-grid) > *{
  min-width: 0;
}
/* =========================================================
   TABULKA: scroll hint (bez duchů, bez wrapperu)
   ========================================================= */

/* 1) připrav scroll kontejner */
@media (max-width: 1024px){
  .as-sscz-root .as-obsah-table .as-table-wrap{
    position: relative;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
  }

  /* 2) fade jen na pravém okraji (34px) */
  .as-sscz-root .as-obsah-table .as-table-wrap::before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:34px;
    height:100%;
    pointer-events:none;
    z-index: 8;
    background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,1));
  }
}

/* 3) chip “Posuňte prstem →” (jen mobil) */
@media (max-width: 820px){
  .as-sscz-root .as-obsah-table .as-table-wrap::after{
    content:"Posuňte prstem →";
    position:absolute;
    top: 10px;
    right: 10px;
    z-index: 9;
    pointer-events:none;

    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid var(--as-border);
    background: rgba(255,255,255,.92);
    color: var(--as-blue);
    font-weight: 800;
    font-size: 12px;
    box-shadow: 0 6px 18px rgba(15,23,42,.08);
  }
}
/* Mobil: vypnout sticky první sloupec, aby při scrollu mizel */
@media (max-width: 820px){
  .as-sscz-root .as-obsah-table table thead th:first-child,
  .as-sscz-root .as-obsah-table table tbody th:first-child{
    position: static !important;
    z-index: auto !important;
  }
}
@media (max-width: 820px){
  /* Sticky parametr sloupec udělej úzký */
  .as-sscz-root .as-obsah-table table thead th:first-child,
  .as-sscz-root .as-obsah-table table tbody th:first-child{
    width: 140px;
    min-width: 140px;
    max-width: 140px;
  }

  /* Ostatní sloupce udělej širší, aby byl důvod scrollovat */
  .as-sscz-root .as-obsah-table table thead th:not(:first-child),
  .as-sscz-root .as-obsah-table table tbody td{
    min-width: 220px;
  }
}
@media (max-width: 820px) {
  /* Mobil: vypni sticky hlavičku v tabulce (Safari bugy při scrollu) */
  .as-sscz-root .as-obsah-table thead th{
    position: static;
  }
}
/* MOBIL: neschovávej sloupce pod "Parametr" (vypnout sticky první sloupec) */
@media (max-width: 640px){
  .as-sscz-root .as-obsah-table :is(thead th:first-child, tbody th:first-child, tfoot th:first-child){
    position: static !important;
    left: auto !important;
    z-index: auto !important;
  }
}