.panel-body  {
  background-color: #efefef;
}

#second, #separator, #blog, #content, #random-image {
  padding: 15px 0;
}

#index .section-3-col-bottom-text {
  padding-top: 0px;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {

  border-top: none
}


* {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  text-align: center;
  vertical-align: middle;
  width: 50%;
  padding: 10px;
  height: 300px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}

.column-op {
  float: left;
  text-align: left;
  vertical-align: middle;
  width: 80%;
  padding: 10px;
}
.column-pz {
  float: left;
  text-align: left;
  vertical-align: middle;
  width: 20%;
  padding: 10px;
}



@media screen and (max-width: 600px) {
  .column-op {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .column-pz {
    width: 100%;
  }
}
.col-md-4s {
  width: 25%;
}

#top-ribbon .form-control {
  background: #ffffff;
}

/* E-shop collapsing menu */
#list-panel-categories > li > a {
  padding-right: 30px;
}
#list-panel-categories > li > a.expandable::after {
  content: "\f107";
  font-family: "FontAwesome";
  position: absolute;
  right: 10px;
  top: 10px;
  transition: .4s;
}
#list-panel-categories > li > a.expandable.active::after {
  transform: rotate(180deg);
  transition: .4s;
}

.nav.level2 {
  display: none;
}

#list-panel-categories .active .nav.level2 {
  display: block;
}

/* skrytí "běžné ceny" v e-shopu */
#prices-original {display: none} 

.price-original-vat {
  display: none;
}







/* =========================================================
CYCLOVAC HOMEPAGE V18 – ČISTÝ CSS BEZ STARÝCH KOLIZÍ
Použij s HTML V17.
V inPage: Vzhled -> Vlastní styly CSS -> SMAZAT VŠE -> vložit celý tento soubor.
========================================================= */

:root {
  --cvx-red: #97001f;
  --cvx-red-dark: #760017;
  --cvx-text: #17171a;
  --cvx-muted: #62636b;
  --cvx-line: #ece5e1;
  --cvx-soft: #fbf8f6;
  --cvx-shadow: 0 14px 34px rgba(50, 18, 24, .10);
}

* {
  box-sizing: border-box;
}

/* =========================================================
1) INPAGE – zrušit staré sloupce pouze na testovací homepage
========================================================= */

body#article-614230 {
  overflow-x: hidden !important;
  background: #fff !important;
}

body#article-614230 #motive,
body#article-614230 #breadcrumb,
body#article-614230 #panel-products,
body#article-614230 #panel-photos,
body#article-614230 #lcolumn,
body#article-614230 #content > aside {
  display: none !important;
}

body#article-614230 > .container,
body#article-614230 #content,
body#article-614230 #content-wrap,
body#article-614230 #rcolumn,
body#article-614230 #mainContent,
body#article-614230 #content > main,
body#article-614230 #content .container,
body#article-614230 #content .row,
body#article-614230 #content article,
body#article-614230 #content .article-detail,
body#article-614230 #content .article-content,
body#article-614230 #content .col-xs-12,
body#article-614230 #content .col-sm-9,
body#article-614230 #content .col-md-9 {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  float: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body#article-614230 > .container,
body#article-614230 #content,
body#article-614230 #content > main,
body#article-614230 #content .container,
body#article-614230 #content article,
body#article-614230 #content .article-detail,
body#article-614230 #content .article-content {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body#article-614230 #content .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body#article-614230 .cvx-home {
  width: min(1500px, calc(100vw - 36px)) !important;
  max-width: 1500px !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  color: var(--cvx-text) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  line-height: 1.45 !important;
  -webkit-font-smoothing: antialiased;
}

body#article-614230 .cvx-home img {
  display: block;
  max-width: 100%;
}

body#article-614230 .cvx-home a {
  text-decoration: none !important;
}

/* =========================================================
2) PŮVODNÍ INPAGE HEADER – čistě poskládaný
========================================================= */

@media (min-width: 900px) {

  body#article-614230 > header {
    position: relative !important;
    z-index: 1000 !important;
    background: #fff !important;
    border-bottom: 1px solid #eee !important;
    box-shadow: none !important;
  }

  body#article-614230 > header #top-ribbon {
    height: 132px !important;
    min-height: 132px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    border: 0 !important;
  }

  body#article-614230 > header #top-ribbon > .container {
    position: relative !important;
    width: min(1500px, calc(100% - 36px)) !important;
    max-width: 1500px !important;
    height: 132px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  /* levá utility informace */
  body#article-614230 > header #top-ribbon > .container::before {
    content: "Kanadská kvalita  •  Záruka až 15 let  •  Odborné poradenství  •  Rychlé dodání";
    position: absolute !important;
    top: 10px !important;
    left: 0 !important;
    width: 47% !important;
    color: #3d3d41 !important;
    font-size: 13px !important;
    line-height: 20px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
  }

  /* kontakt vpravo */
  body#article-614230 > header #contactus {
    position: absolute !important;
    top: 10px !important;
    right: 0 !important;
    left: auto !important;
    width: 51% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    text-align: right !important;
    color: #3d3d41 !important;
    font-size: 12px !important;
    line-height: 20px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
  }

  body#article-614230 > header #contactus a {
    color: #2c2c30 !important;
    font-weight: 700 !important;
  }

  /* hledání */
  body#article-614230 > header #search-bar {
    position: absolute !important;
    top: 57px !important;
    left: 54% !important;
    width: min(43%, 650px) !important;
    transform: translateX(-50%) !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body#article-614230 > header #form-search {
    display: flex !important;
    width: 100% !important;
    height: 52px !important;
    margin: 0 !important;
  }

  body#article-614230 > header #form-search input {
    flex: 1 1 auto !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 0 18px !important;
    font-size: 14px !important;
    background: #fff !important;
    border: 1px solid #dedede !important;
    border-right: 0 !important;
    border-radius: 8px 0 0 8px !important;
    box-shadow: none !important;
  }

  body#article-614230 > header #form-search button {
    width: 112px !important;
    height: 52px !important;
    min-height: 52px !important;
    color: #fff !important;
    background: var(--cvx-red) !important;
    border: 1px solid var(--cvx-red) !important;
    border-radius: 0 8px 8px 0 !important;
    font-size: 0 !important;
  }

  body#article-614230 > header #form-search button .glyphicon {
    display: none !important;
  }

  body#article-614230 > header #form-search button::after {
    content: "HLEDAT";
    font-size: 12px !important;
    font-weight: 700 !important;
  }

  /* košík */
  body#article-614230 > header #basket {
    position: absolute !important;
    top: 60px !important;
    right: 0 !important;
    left: auto !important;
    width: auto !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body#article-614230 > header #basket::before {
    content: "Košík";
    position: absolute !important;
    top: -21px !important;
    right: 0 !important;
    color: #343438 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
  }

  body#article-614230 > header #basket .input-group {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }

  body#article-614230 > header #basket .nav-icon-btn {
    width: 46px !important;
    height: 46px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    color: var(--cvx-red) !important;
    background: #fff !important;
    border: 1px solid #ecd7dc !important;
    border-radius: 50% !important;
  }

  body#article-614230 > header #cartsum {
    min-width: 70px !important;
    color: var(--cvx-red) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
  }

  /* staré menu schovat, ale navbar nechat jako kotvu pro logo */
  body#article-614230 > header nav.navbar {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
  }

  body#article-614230 > header nav.navbar > .container {
    position: relative !important;
    width: min(1500px, calc(100% - 36px)) !important;
    max-width: 1500px !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body#article-614230 > header #navbar,
  body#article-614230 > header .navbar-header {
    display: none !important;
  }

  body#article-614230 > header .logo {
    display: block !important;
    position: absolute !important;
    z-index: 50 !important;
    top: -96px !important;
    left: 0 !important;
    width: 300px !important;
    height: 72px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body#article-614230 > header .logo a {
    display: block !important;
    width: 300px !important;
    height: 72px !important;
    background: url("/obrazek/3/cyclovac-logo-png/") left center / 280px auto no-repeat !important;
  }

  body#article-614230 > header .logo img {
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
  }

  body#article-614230 > header #sm-search,
  body#article-614230 > header .sm-search,
  body#article-614230 > header .search-toggle {
    display: none !important;
  }
}

/* =========================================================
3) NOVÁ VÍNOVÁ NAVIGACE
========================================================= */

body#article-614230 .cvx-shopnav {
  width: 100% !important;
  margin: 0 !important;
  background: linear-gradient(90deg, #7b0018, #9d0021 50%, #7d0019) !important;
  border: 0 !important;
}

body#article-614230 .cvx-shopnav__inner {
  width: 100% !important;
  min-height: 58px !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
}

body#article-614230 .cvx-shopnav a {
  min-height: 58px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 19px !important;
  color: #fff !important;
  background: transparent !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

body#article-614230 .cvx-shopnav a:hover {
  background: rgba(255,255,255,.12) !important;
}

/* =========================================================
4) HERO
========================================================= */

body#article-614230 .cvx-hero {
  min-height: 560px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 50%) minmax(0, 50%) !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid var(--cvx-line) !important;
  border-top: 0 !important;
}

body#article-614230 .cvx-hero__copy {
  min-width: 0 !important;
  padding: 58px 58px 52px 62px !important;
}

body#article-614230 .cvx-kicker {
  margin: 0 0 16px !important;
  color: #9e0b25 !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  letter-spacing: .21em !important;
  font-weight: 700 !important;
}

body#article-614230 .cvx-hero h1 {
  max-width: 700px !important;
  margin: 0 !important;
  color: #121215 !important;
  font-size: clamp(54px, 4.8vw, 76px) !important;
  line-height: .96 !important;
  letter-spacing: -2.4px !important;
  font-weight: 800 !important;
}

body#article-614230 .cvx-hero h1 span {
  display: block !important;
  color: #ae0a27 !important;
}

body#article-614230 .cvx-hero__lead {
  max-width: 620px !important;
  margin: 26px 0 31px !important;
  color: #38383e !important;
  font-size: 18px !important;
  line-height: 1.55 !important;
}

body#article-614230 .cvx-hero__benefits {
  max-width: 690px !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: 13px !important;
  margin-bottom: 32px !important;
}

body#article-614230 .cvx-mini-benefit {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
}

body#article-614230 .cvx-mini-benefit__icon {
  width: 36px !important;
  height: 36px !important;
  flex: 0 0 36px !important;
  display: grid !important;
  place-items: center !important;
  color: #ac0b27 !important;
  background: #fff !important;
  border: 1px solid #efd5db !important;
  border-radius: 50% !important;
}

body#article-614230 .cvx-mini-benefit__icon svg {
  width: 20px !important;
  height: 20px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
}

body#article-614230 .cvx-mini-benefit__icon--maple {
  font-size: 15px !important;
}

body#article-614230 .cvx-mini-benefit strong {
  display: block !important;
  color: #222228 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
}

body#article-614230 .cvx-mini-benefit small {
  display: block !important;
  color: #64656d !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
}

body#article-614230 .cvx-hero__actions {
  display: flex !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
}

body#article-614230 .cvx-btn {
  min-height: 54px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 26px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
}

body#article-614230 .cvx-btn--primary {
  color: #fff !important;
  background: linear-gradient(180deg, #b60a2a, #8d001d) !important;
  border: 1px solid #92001e !important;
  box-shadow: 0 10px 22px rgba(146,0,30,.16) !important;
}

body#article-614230 .cvx-btn--secondary {
  color: #a20b25 !important;
  background: #fff !important;
  border: 1px solid #d9a7b2 !important;
}

body#article-614230 .cvx-hero__visual {
  position: relative !important;
  min-width: 0 !important;
  min-height: 560px !important;
  background: #f4eee9 url("/obrazek/3/cyclovac-hero-h725-png/") center center / cover no-repeat !important;
}

body#article-614230 .cvx-power-card {
  position: absolute !important;
  top: 45px !important;
  left: 24px !important;
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  padding: 13px 15px !important;
  background: rgba(255,255,255,.96) !important;
  border-radius: 13px !important;
  box-shadow: var(--cvx-shadow) !important;
}

body#article-614230 .cvx-power-card__icon {
  width: 32px !important;
  height: 32px !important;
  display: grid !important;
  place-items: center !important;
  color: #a60b26 !important;
}

body#article-614230 .cvx-power-card__icon svg {
  width: 20px !important;
  height: 20px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
}

body#article-614230 .cvx-power-card strong,
body#article-614230 .cvx-canada-card strong {
  display: block !important;
  color: #24242a !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
}

body#article-614230 .cvx-power-card small,
body#article-614230 .cvx-canada-card small {
  display: block !important;
  margin-top: 2px !important;
  color: #62636a !important;
  font-size: 10px !important;
  line-height: 1.3 !important;
}

body#article-614230 .cvx-canada-card {
  position: absolute !important;
  right: 18px !important;
  bottom: 18px !important;
  max-width: 235px !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  padding: 13px 15px !important;
  background: rgba(255,255,255,.96) !important;
  border-radius: 13px !important;
  box-shadow: var(--cvx-shadow) !important;
}

body#article-614230 .cvx-canada-card__mark {
  width: 32px !important;
  height: 32px !important;
  flex: 0 0 32px !important;
  display: grid !important;
  place-items: center !important;
  color: #a50a25 !important;
  background: #fff3f5 !important;
  border-radius: 50% !important;
  font-size: 16px !important;
}

/* =========================================================
5) KATEGORIE – přesně 6 samostatných karet
========================================================= */

body#article-614230 .cvx-categories {
  padding: 22px 0 28px !important;
}

body#article-614230 .cvx-category-grid {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0,1fr)) !important;
  gap: 14px !important;
}

body#article-614230 .cvx-category {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  color: #25252a !important;
  background: #fbf8f6 !important;
  border: 1px solid var(--cvx-line) !important;
  border-radius: 13px !important;
}

body#article-614230 .cvx-category__photo {
  width: 100% !important;
  height: 176px !important;
  display: grid !important;
  place-items: center !important;
  background: #f7f2ee !important;
}

body#article-614230 .cvx-category__photo img {
  width: 100% !important;
  height: 100% !important;
  padding: 10px !important;
  object-fit: contain !important;
}

body#article-614230 .cvx-category__body {
  min-height: 176px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 16px 13px 18px !important;
  text-align: center !important;
}

body#article-614230 .cvx-category__icon {
  width: 31px !important;
  height: 31px !important;
  display: grid !important;
  place-items: center !important;
  margin-bottom: 13px !important;
  color: #aa0a26 !important;
  background: #fff !important;
  border: 1px solid #e6bdc6 !important;
  border-radius: 50% !important;
  font-size: 14px !important;
}

body#article-614230 .cvx-category h2 {
  margin: 0 0 11px !important;
  color: #211d1f !important;
  font-size: 17px !important;
  line-height: 1.12 !important;
  font-weight: 800 !important;
}

body#article-614230 .cvx-category p {
  margin: 0 !important;
  color: #5c5d64 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

/* =========================================================
6) JAK VYBRAT
========================================================= */

body#article-614230 .cvx-selector {
  margin: 4px 0 30px !important;
  padding: 22px 24px !important;
  display: grid !important;
  grid-template-columns: 1.35fr 3fr auto !important;
  gap: 22px !important;
  align-items: center !important;
  background: #fbf8f6 !important;
  border: 1px solid var(--cvx-line) !important;
  border-radius: 16px !important;
}

body#article-614230 .cvx-selector__title {
  color: #17171a !important;
  font-size: 24px !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
}

body#article-614230 .cvx-selector__steps {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

body#article-614230 .cvx-selector-step {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: 32px 34px 1fr !important;
  gap: 8px !important;
  align-items: center !important;
}

body#article-614230 .cvx-selector-step__n {
  width: 31px !important;
  height: 31px !important;
  display: grid !important;
  place-items: center !important;
  color: #fff !important;
  background: var(--cvx-red) !important;
  border-radius: 50% !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

body#article-614230 .cvx-selector-step__icon {
  color: #a30a25 !important;
  font-size: 23px !important;
  line-height: 1 !important;
}

body#article-614230 .cvx-selector-step strong {
  display: block !important;
  color: #25252a !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}

body#article-614230 .cvx-selector-step small {
  display: block !important;
  margin-top: 3px !important;
  color: #606169 !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
}

body#article-614230 .cvx-selector__arrow {
  color: #b34a5f !important;
  font-size: 18px !important;
}

body#article-614230 .cvx-selector__button {
  min-height: 66px !important;
  min-width: 170px !important;
  text-align: center !important;
}

/* =========================================================
7) PRODUKTY
========================================================= */

body#article-614230 .cvx-products {
  padding: 0 0 28px !important;
}

body#article-614230 .cvx-section-heading {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  margin-bottom: 18px !important;
}

body#article-614230 .cvx-section-heading h2 {
  margin: 0 !important;
  color: #17171a !important;
  font-size: 28px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
}

body#article-614230 .cvx-section-heading a {
  color: #55575f !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

body#article-614230 .cvx-product-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 18px !important;
}

body#article-614230 .cvx-product {
  position: relative !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: 42% 58% !important;
  align-items: stretch !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid var(--cvx-line) !important;
  border-radius: 13px !important;
}

body#article-614230 .cvx-product__badge {
  position: absolute !important;
  top: 0 !important;
  left: 16px !important;
  z-index: 3 !important;
  padding: 7px 11px !important;
  color: #fff !important;
  background: linear-gradient(180deg, #a80824, #830019) !important;
  border-radius: 0 0 7px 7px !important;
  font-size: 9px !important;
  font-weight: 700 !important;
}

body#article-614230 .cvx-product__photo {
  min-height: 310px !important;
  display: grid !important;
  place-items: center !important;
  padding: 18px !important;
}

body#article-614230 .cvx-product__photo > a {
  width: 100% !important;
  height: 100% !important;
  display: grid !important;
  place-items: center !important;
}

body#article-614230 .cvx-product__photo img {
  width: 100% !important;
  max-height: 270px !important;
  object-fit: contain !important;
}

body#article-614230 .cvx-product__content {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  padding: 27px 22px !important;
}

body#article-614230 .cvx-product h3 {
  margin: 0 !important;
  font-size: 22px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}

body#article-614230 .cvx-product h3 a {
  color: #1d1d21 !important;
}

body#article-614230 .cvx-product__aw {
  display: block !important;
  margin-top: 7px !important;
  color: #202025 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

body#article-614230 .cvx-product ul {
  margin: 17px 0 18px !important;
  padding: 0 !important;
  list-style: none !important;
}

body#article-614230 .cvx-product li {
  position: relative !important;
  margin: 0 0 8px !important;
  padding-left: 17px !important;
  color: #4f5057 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

body#article-614230 .cvx-product li::before {
  content: "✓" !important;
  position: absolute !important;
  left: 0 !important;
  color: #a80a25 !important;
  font-weight: 700 !important;
}

body#article-614230 .cvx-product__price {
  margin: auto 0 16px !important;
  color: #a40a24 !important;
  font-size: 22px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
}

body#article-614230 .cvx-product__button {
  min-height: 43px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 16px !important;
  color: #9e0a24 !important;
  background: #fff !important;
  border: 1px solid #dbaab4 !important;
  border-radius: 7px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}

/* =========================================================
8) TRUST
========================================================= */

body#article-614230 .cvx-trust {
  margin: 0 0 26px !important;
  padding: 24px 16px !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: 18px !important;
  background: #fbf9f7 !important;
  border: 1px solid var(--cvx-line) !important;
  border-radius: 14px !important;
}

body#article-614230 .cvx-trust__item {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: 42px 1fr !important;
  gap: 11px !important;
  align-items: start !important;
}

body#article-614230 .cvx-trust__icon {
  width: 40px !important;
  height: 40px !important;
  display: grid !important;
  place-items: center !important;
  color: #a70a25 !important;
  background: #fff !important;
  border: 1px solid #e1b7c0 !important;
  border-radius: 50% !important;
  font-size: 18px !important;
}

body#article-614230 .cvx-trust strong {
  display: block !important;
  color: #242429 !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
}

body#article-614230 .cvx-trust small {
  display: block !important;
  margin-top: 4px !important;
  color: #62636a !important;
  font-size: 10px !important;
  line-height: 1.4 !important;
}

/* =========================================================
9) CTA
========================================================= */

body#article-614230 .cvx-project {
  margin: 0 !important;
  padding: 39px 42px !important;
  display: grid !important;
  grid-template-columns: 1.25fr 1fr !important;
  gap: 36px !important;
  align-items: center !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 25% 30%, rgba(255,255,255,.09), transparent 35%),
    linear-gradient(105deg, #7a0018, #a40b2b) !important;
}

body#article-614230 .cvx-project h2 {
  margin: 0 0 12px !important;
  color: #fff !important;
  font-size: 31px !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
}

body#article-614230 .cvx-project p {
  max-width: 620px !important;
  margin: 0 0 21px !important;
  color: rgba(255,255,255,.91) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

body#article-614230 .cvx-btn--light {
  color: #fff !important;
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.60) !important;
}

body#article-614230 .cvx-project__features {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: 17px !important;
}

body#article-614230 .cvx-project__features div {
  text-align: center !important;
}

body#article-614230 .cvx-project__features span {
  width: 55px !important;
  height: 55px !important;
  display: inline-grid !important;
  place-items: center !important;
  margin-bottom: 9px !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.38) !important;
  border-radius: 50% !important;
  font-size: 22px !important;
}

body#article-614230 .cvx-project__features strong {
  display: block !important;
  color: #fff !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
}

/* =========================================================
10) FOOTER
========================================================= */

body#article-614230 .cvx-footer {
  padding: 34px 0 12px !important;
  background: #fff !important;
}

body#article-614230 .cvx-footer__grid {
  display: grid !important;
  grid-template-columns: 1.2fr 1fr 1fr 1fr .8fr !important;
  gap: 30px !important;
  padding: 0 4px 24px !important;
}

body#article-614230 .cvx-footer h3 {
  margin: 0 0 13px !important;
  color: #1d1d21 !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

body#article-614230 .cvx-footer p,
body#article-614230 .cvx-footer li,
body#article-614230 .cvx-footer a {
  color: #55565e !important;
  font-size: 11px !important;
  line-height: 1.6 !important;
}

body#article-614230 .cvx-footer ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body#article-614230 .cvx-footer__contact strong {
  color: #aa0b26 !important;
}

body#article-614230 .cvx-footer__social {
  display: flex !important;
  gap: 9px !important;
}

body#article-614230 .cvx-footer__social a {
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  color: #626b92 !important;
  background: #eceefa !important;
  border-radius: 50% !important;
  font-weight: 700 !important;
}

body#article-614230 .cvx-footer__bottom {
  padding-top: 12px !important;
  text-align: center !important;
  color: #7b7d85 !important;
  border-top: 1px solid var(--cvx-line) !important;
  font-size: 10px !important;
}

/* =========================================================
11) NOTEBOOK
========================================================= */

@media (max-width: 1180px) and (min-width: 900px) {

  body#article-614230 .cvx-home {
    width: calc(100vw - 22px) !important;
  }

  body#article-614230 > header #top-ribbon > .container::before {
    width: 44% !important;
    font-size: 10px !important;
  }

  body#article-614230 > header #contactus {
    width: 54% !important;
    font-size: 9px !important;
  }

  body#article-614230 > header .logo {
    width: 245px !important;
  }

  body#article-614230 > header .logo a {
    width: 245px !important;
    background-size: 225px auto !important;
  }

  body#article-614230 > header #search-bar {
    left: 57% !important;
    width: 40% !important;
  }

  body#article-614230 .cvx-shopnav a {
    padding: 0 10px !important;
    font-size: 9px !important;
  }

  body#article-614230 .cvx-hero {
    min-height: 470px !important;
  }

  body#article-614230 .cvx-hero__copy {
    padding: 39px 30px 36px !important;
  }

  body#article-614230 .cvx-hero h1 {
    font-size: 49px !important;
  }

  body#article-614230 .cvx-hero__lead {
    margin: 19px 0 22px !important;
    font-size: 14px !important;
  }

  body#article-614230 .cvx-hero__visual {
    min-height: 470px !important;
  }

  body#article-614230 .cvx-hero__benefits {
    grid-template-columns: 1fr 1fr !important;
  }

  body#article-614230 .cvx-category-grid {
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  }

  body#article-614230 .cvx-selector {
    grid-template-columns: 1fr !important;
  }

  body#article-614230 .cvx-selector__steps {
    justify-content: space-between !important;
  }

  body#article-614230 .cvx-product-grid {
    grid-template-columns: 1fr !important;
  }

  body#article-614230 .cvx-trust {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }

  body#article-614230 .cvx-project {
    grid-template-columns: 1fr !important;
  }

  body#article-614230 .cvx-footer__grid {
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  }
}

/* =========================================================
12) MOBIL
========================================================= */

@media (max-width: 899px) {

  body#article-614230 .cvx-home {
    width: calc(100vw - 12px) !important;
  }

  body#article-614230 .cvx-shopnav {
    overflow-x: auto !important;
  }

  body#article-614230 .cvx-shopnav__inner {
    width: max-content !important;
    min-width: 100% !important;
    justify-content: flex-start !important;
  }

  body#article-614230 .cvx-shopnav a {
    min-height: 52px !important;
    padding: 0 13px !important;
    font-size: 10px !important;
  }

  body#article-614230 .cvx-hero {
    grid-template-columns: 1fr !important;
  }

  body#article-614230 .cvx-hero__copy {
    padding: 30px 20px !important;
  }

  body#article-614230 .cvx-hero h1 {
    font-size: 42px !important;
    letter-spacing: -1.2px !important;
  }

  body#article-614230 .cvx-hero__lead {
    font-size: 15px !important;
  }

  body#article-614230 .cvx-hero__benefits {
    grid-template-columns: 1fr 1fr !important;
  }

  body#article-614230 .cvx-hero__actions .cvx-btn {
    width: 100% !important;
  }

  body#article-614230 .cvx-hero__visual {
    min-height: 390px !important;
    background-size: contain !important;
  }

  body#article-614230 .cvx-power-card {
    display: none !important;
  }

  body#article-614230 .cvx-category-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  body#article-614230 .cvx-selector {
    grid-template-columns: 1fr !important;
  }

  body#article-614230 .cvx-selector__steps {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  body#article-614230 .cvx-selector__arrow {
    display: none !important;
  }

  body#article-614230 .cvx-product-grid {
    grid-template-columns: 1fr !important;
  }

  body#article-614230 .cvx-product {
    grid-template-columns: 38% 62% !important;
  }

  body#article-614230 .cvx-trust,
  body#article-614230 .cvx-project__features,
  body#article-614230 .cvx-footer__grid {
    grid-template-columns: 1fr !important;
  }

  body#article-614230 .cvx-project {
    grid-template-columns: 1fr !important;
    padding: 30px 22px !important;
  }
}


/* =========================================================
V19 – FUNKČNÍ ODKAZY / TLAČÍTKA KATEGORIÍ
========================================================= */

body#article-614230 .cvx-category {
  position: relative !important;
}

body#article-614230 a.cvx-category__photo {
  width: 100% !important;
  display: grid !important;
  place-items: center !important;
  cursor: pointer !important;
  position: relative !important;
  z-index: 2 !important;
}

body#article-614230 .cvx-category h2 a {
  color: #211d1f !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

body#article-614230 .cvx-category h2 a:hover {
  color: #a30a25 !important;
}

body#article-614230 .cvx-category__button {
  margin-top: auto !important;
  min-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 14px !important;
  color: #9f0923 !important;
  background: #fff !important;
  border: 1px solid #dbabb5 !important;
  border-radius: 7px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  position: relative !important;
  z-index: 3 !important;
  pointer-events: auto !important;
}

body#article-614230 .cvx-category__button:hover {
  color: #fff !important;
  background: #97001f !important;
  border-color: #97001f !important;
}

body#article-614230 .cvx-category__body {
  pointer-events: auto !important;
}

body#article-614230 .cvx-category::before,
body#article-614230 .cvx-category::after {
  pointer-events: none !important;
}


/* =========================================================
V20 – KONTROLA A FINÁLNÍ DOLADĚNÍ PODLE SCREENSHOTU
- homepage skutečně přes většinu šířky okna
- odstranění dvojitých štítků v hero
- lepší poměr hero
- 6 kategorií na desktopu
========================================================= */

/* dovolit homepage vystoupit z úzkého inPage/Bootstrap wrapperu */
body#article-614230 #content,
body#article-614230 #content-wrap,
body#article-614230 #rcolumn,
body#article-614230 #mainContent,
body#article-614230 #content > main,
body#article-614230 #content article,
body#article-614230 #content .article-detail,
body#article-614230 #content .article-content {
  overflow: visible !important;
}

body#article-614230 .cvx-home {
  position: relative !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: min(1500px, calc(100vw - 28px)) !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* horní header stejně široký jako homepage */
@media (min-width: 900px) {
  body#article-614230 > header #top-ribbon > .container,
  body#article-614230 > header nav.navbar > .container {
    width: min(1500px, calc(100vw - 28px)) !important;
    max-width: 1500px !important;
  }
}

/* nahraný pravý hero obrázek už obsahuje 700 AW i Kanadu */
body#article-614230 .cvx-power-card,
body#article-614230 .cvx-canada-card {
  display: none !important;
}

/* desktop */
@media (min-width: 1181px) {
  body#article-614230 .cvx-hero {
    grid-template-columns: 48% 52% !important;
    min-height: 0 !important;
  }

  body#article-614230 .cvx-hero__copy {
    padding: 48px 54px 46px 58px !important;
  }

  body#article-614230 .cvx-hero h1 {
    font-size: clamp(52px, 4.2vw, 68px) !important;
    line-height: .97 !important;
  }

  body#article-614230 .cvx-hero__lead {
    font-size: 17px !important;
    margin: 23px 0 27px !important;
  }

  body#article-614230 .cvx-hero__visual {
    min-height: 0 !important;
    aspect-ratio: 1.55 / 1 !important;
    background-size: cover !important;
    background-position: center center !important;
  }

  body#article-614230 .cvx-category-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
}

/* běžný notebook – stále držet 6 kategorií a rozumné hero */
@media (max-width: 1180px) and (min-width: 1000px) {
  body#article-614230 .cvx-home {
    width: calc(100vw - 22px) !important;
  }

  body#article-614230 .cvx-hero {
    grid-template-columns: 48% 52% !important;
    min-height: 0 !important;
  }

  body#article-614230 .cvx-hero__copy {
    padding: 34px 28px 32px 32px !important;
  }

  body#article-614230 .cvx-hero h1 {
    font-size: 46px !important;
  }

  body#article-614230 .cvx-hero__lead {
    font-size: 14px !important;
    margin: 18px 0 20px !important;
  }

  body#article-614230 .cvx-hero__visual {
    min-height: 0 !important;
    aspect-ratio: 1.48 / 1 !important;
    background-size: cover !important;
    background-position: center center !important;
  }

  body#article-614230 .cvx-category-grid {
    grid-template-columns: repeat(6, minmax(0,1fr)) !important;
    gap: 9px !important;
  }

  body#article-614230 .cvx-category__photo {
    height: 130px !important;
  }

  body#article-614230 .cvx-category__body {
    min-height: 150px !important;
    padding: 13px 10px 14px !important;
  }

  body#article-614230 .cvx-category h2 {
    font-size: 14px !important;
  }

  body#article-614230 .cvx-category p {
    font-size: 10px !important;
  }

  body#article-614230 .cvx-category__button {
    min-height: 34px !important;
    padding: 0 9px !important;
    font-size: 9px !important;
  }
}

/* tlačítka kategorií musí být vždy nad případnými dekoracemi */
body#article-614230 .cvx-category__button,
body#article-614230 a.cvx-category__photo,
body#article-614230 .cvx-category h2 a {
  position: relative !important;
  z-index: 5 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}


/* =========================================================
V21 – FINÁLNÍ JEDNODUCHÁ VERZE
H725 HERO + CSS INFO BOXY + MODERNÍ HOVER EFEKTY
Použij s HTML V20. Nic dalšího do CSS nepřidávej.
========================================================= */

/* ---------- HERO H725 ---------- */
body#article-614230 .cvx-hero__visual {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background-color: #f4eee9 !important;
  background-image: url("/obrazek/3/cyclovac-hero-h725-png/") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
}

/* HTML boxy případně schovat – boxy se nyní kreslí čistě CSS */
body#article-614230 .cvx-power-card,
body#article-614230 .cvx-canada-card {
  display: none !important;
}

/* Horní informační box */
body#article-614230 .cvx-hero__visual::before {
  content: "700 AW\A prémiový sací výkon";
  white-space: pre-line !important;
  position: absolute !important;
  z-index: 8 !important;
  top: 30px !important;
  left: 28px !important;
  min-width: 190px !important;
  padding: 15px 18px 15px 54px !important;
  color: #222228 !important;
  background:
    linear-gradient(90deg, #a70925 0 4px, transparent 4px) 20px 18px / 4px 28px no-repeat,
    rgba(255,255,255,.96) !important;
  border: 1px solid rgba(255,255,255,.78) !important;
  border-radius: 14px !important;
  box-shadow: 0 16px 36px rgba(42,14,20,.14) !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  backdrop-filter: blur(5px);
}

/* Spodní informační box */
body#article-614230 .cvx-hero__visual::after {
  content: "✦  Vyrobeno v Kanadě\A     Více než 60 let zkušeností\A     a tisíce spokojených zákazníků.";
  white-space: pre-line !important;
  position: absolute !important;
  z-index: 8 !important;
  right: 18px !important;
  bottom: 18px !important;
  width: min(290px, calc(100% - 36px)) !important;
  padding: 15px 18px !important;
  color: #242429 !important;
  background: rgba(255,255,255,.96) !important;
  border: 1px solid rgba(255,255,255,.78) !important;
  border-radius: 14px !important;
  box-shadow: 0 16px 36px rgba(42,14,20,.14) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  font-weight: 600 !important;
  backdrop-filter: blur(5px);
}

/* ---------- MODERNÍ HOVER / MICROINTERACTIONS ---------- */
body#article-614230 .cvx-btn,
body#article-614230 .cvx-category__button,
body#article-614230 .cvx-product__button,
body#article-614230 .cvx-shopnav a,
body#article-614230 .cvx-category,
body#article-614230 .cvx-product {
  transition:
    transform .22s cubic-bezier(.2,.8,.2,1),
    box-shadow .22s ease,
    background-color .22s ease,
    border-color .22s ease,
    color .22s ease !important;
}

/* hlavní červená tlačítka */
body#article-614230 .cvx-btn--primary:hover {
  transform: translateY(-3px) !important;
  color: #fff !important;
  background: linear-gradient(180deg, #c10d2d, #790017) !important;
  border-color: #790017 !important;
  box-shadow: 0 15px 30px rgba(151,0,31,.24) !important;
}

/* obrysová tlačítka */
body#article-614230 .cvx-btn--secondary:hover,
body#article-614230 .cvx-category__button:hover,
body#article-614230 .cvx-product__button:hover {
  transform: translateY(-3px) !important;
  color: #fff !important;
  background: #97001f !important;
  border-color: #97001f !important;
  box-shadow: 0 12px 24px rgba(151,0,31,.18) !important;
}

/* jemné stisknutí */
body#article-614230 .cvx-btn:active,
body#article-614230 .cvx-category__button:active,
body#article-614230 .cvx-product__button:active {
  transform: translateY(0) scale(.985) !important;
  box-shadow: 0 5px 12px rgba(151,0,31,.12) !important;
}

/* celé karty při hoveru */
body#article-614230 .cvx-category:hover {
  transform: translateY(-5px) !important;
  border-color: #d9b5bd !important;
  box-shadow: 0 16px 30px rgba(55,20,27,.09) !important;
}

body#article-614230 .cvx-category:hover .cvx-category__photo img {
  transform: scale(1.045) !important;
}

body#article-614230 .cvx-category__photo img {
  transition: transform .28s cubic-bezier(.2,.8,.2,1) !important;
}

body#article-614230 .cvx-product:hover {
  transform: translateY(-4px) !important;
  border-color: #d9b5bd !important;
  box-shadow: 0 16px 32px rgba(55,20,27,.09) !important;
}

/* navigace */
body#article-614230 .cvx-shopnav a:hover {
  transform: translateY(-1px) !important;
  background: rgba(255,255,255,.13) !important;
}

/* přístupnost klávesnice */
body#article-614230 .cvx-btn:focus-visible,
body#article-614230 .cvx-category__button:focus-visible,
body#article-614230 .cvx-product__button:focus-visible,
body#article-614230 .cvx-shopnav a:focus-visible {
  outline: 3px solid rgba(151,0,31,.28) !important;
  outline-offset: 3px !important;
}

/* ---------- NOTEBOOK ---------- */
@media (max-width: 1180px) and (min-width: 900px) {
  body#article-614230 .cvx-hero__visual::before {
    top: 18px !important;
    left: 16px !important;
    min-width: 160px !important;
    padding: 12px 14px 12px 44px !important;
    font-size: 11px !important;
  }

  body#article-614230 .cvx-hero__visual::after {
    right: 12px !important;
    bottom: 12px !important;
    width: min(235px, calc(100% - 24px)) !important;
    padding: 12px 14px !important;
    font-size: 10px !important;
  }
}

/* ---------- MOBIL ---------- */
@media (max-width: 899px) {
  body#article-614230 .cvx-hero__visual {
    background-size: contain !important;
  }

  body#article-614230 .cvx-hero__visual::before {
    top: 12px !important;
    left: 12px !important;
    min-width: 145px !important;
    padding: 10px 12px 10px 40px !important;
    border-radius: 11px !important;
    font-size: 10px !important;
  }

  body#article-614230 .cvx-hero__visual::after {
    right: 10px !important;
    bottom: 10px !important;
    width: min(220px, calc(100% - 20px)) !important;
    padding: 11px 12px !important;
    border-radius: 11px !important;
    font-size: 9px !important;
  }
}

/* respektovat uživatele s omezenými animacemi */
@media (prefers-reduced-motion: reduce) {
  body#article-614230 .cvx-btn,
  body#article-614230 .cvx-category__button,
  body#article-614230 .cvx-product__button,
  body#article-614230 .cvx-shopnav a,
  body#article-614230 .cvx-category,
  body#article-614230 .cvx-product,
  body#article-614230 .cvx-category__photo img {
    transition: none !important;
  }
}


/* =========================================================
V22 – HERO BOX „VYROBENO V KANADĚ“ S JAVOROVÝM LISTEM
========================================================= */

body#article-614230 .cvx-hero__visual::after {
  content: "Vyrobeno v Kanadě\A Více než 60 let zkušeností\A a tisíce spokojených zákazníků." !important;
  white-space: pre-line !important;

  position: absolute !important;
  z-index: 10 !important;
  right: 22px !important;
  bottom: 22px !important;

  width: 300px !important;
  min-height: 92px !important;
  padding: 18px 20px 17px 78px !important;

  color: #202126 !important;
  background-color: rgba(255,255,255,.97) !important;

  /* Červený javorový list – celé je to čistě CSS */
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23a40a24' d='M31.8 3.2l4.2 9.9 6.9-4.5-1.8 12.1 9.3-2.7-5.3 10.2 7.3 3.8-12.2 7.1 2.8 7.2-9.1-1.8.5 16.3h-5.1l.5-16.3-9.1 1.8 2.8-7.2L11 32l7.3-3.8L13 18l9.3 2.7-1.8-12.1 6.9 4.5 4.4-9.9z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: 20px center !important;
  background-size: 44px 44px !important;

  border: 1px solid rgba(160, 10, 37, .08) !important;
  border-radius: 15px !important;
  box-shadow:
    0 18px 38px rgba(45, 14, 22, .16),
    0 2px 8px rgba(45, 14, 22, .06) !important;

  font-size: 12px !important;
  line-height: 1.42 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;

  backdrop-filter: blur(7px) !important;
  -webkit-backdrop-filter: blur(7px) !important;
}

/* první řádek opticky výraznější pomocí pseudo-„štítkového“ dojmu */
body#article-614230 .cvx-hero__visual:hover::after {
  transform: translateY(-2px) !important;
  box-shadow:
    0 22px 44px rgba(45, 14, 22, .20),
    0 3px 10px rgba(45, 14, 22, .08) !important;
}

body#article-614230 .cvx-hero__visual::after {
  transition:
    transform .22s cubic-bezier(.2,.8,.2,1),
    box-shadow .22s ease !important;
}

/* Notebook */
@media (max-width: 1180px) and (min-width: 900px) {
  body#article-614230 .cvx-hero__visual::after {
    right: 14px !important;
    bottom: 14px !important;
    width: 248px !important;
    min-height: 76px !important;
    padding: 14px 15px 13px 62px !important;
    background-position: 16px center !important;
    background-size: 36px 36px !important;
    border-radius: 13px !important;
    font-size: 10px !important;
  }
}

/* Mobil */
@media (max-width: 899px) {
  body#article-614230 .cvx-hero__visual::after {
    right: 10px !important;
    bottom: 10px !important;
    width: min(240px, calc(100% - 20px)) !important;
    min-height: 72px !important;
    padding: 13px 14px 12px 58px !important;
    background-position: 14px center !important;
    background-size: 34px 34px !important;
    border-radius: 12px !important;
    font-size: 9px !important;
    line-height: 1.4 !important;
  }
}


/* =========================================================
V23 – H725 HERO NAPOJENÝ NA KONKRÉTNÍ INPAGE OBRÁZEK
ID obrázku: 3920256
========================================================= */

body#article-614230 .cvx-hero__visual {
  background-color: #f4eee9 !important;

  /* 1. přesná adresa obrázku z inPage
     2. fallback na veřejný slug podle názvu souboru */
  background-image:
    url("https://www.centralni-vysavace-cyclovac.cz/admin/render/image/3920256/?size=source"),
    url("/obrazek/3/cyclovac-hero-h725-png/") !important;

  background-repeat: no-repeat, no-repeat !important;
  background-position: center center, center center !important;
  background-size: cover, cover !important;
}

/* notebook */
@media (max-width: 1180px) and (min-width: 900px) {
  body#article-614230 .cvx-hero__visual {
    background-size: cover, cover !important;
    background-position: center center, center center !important;
  }
}

/* mobil */
@media (max-width: 899px) {
  body#article-614230 .cvx-hero__visual {
    background-size: contain, contain !important;
    background-position: center center, center center !important;
  }
}


/* =========================================================
V24 – OPRAVENÝ BOX „VYROBENO V KANADĚ“
- větší javorový list nahoře vlevo
- druhá ikonka / odrážka pod ním
- text zarovnaný jako na referenčním obrázku
========================================================= */

body#article-614230 .cvx-hero__visual::after {
  content:
    "Vyrobeno v Kanadě\A"
    "\A"
    "Více než 60 let zkušeností\A"
    "a tisíce spokojených zákazníků." !important;

  white-space: pre-line !important;

  position: absolute !important;
  z-index: 12 !important;
  right: 22px !important;
  bottom: 22px !important;

  width: 320px !important;
  min-height: 108px !important;

  /* vlevo necháme prostor pro dvě ikony */
  padding: 18px 22px 17px 82px !important;

  color: #25252a !important;
  background-color: rgba(255,255,255,.98) !important;

  /* 1) javorový list
     2) malý štít s fajfkou */
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23a50925' d='M31.8 3.2l4.2 9.9 6.9-4.5-1.8 12.1 9.3-2.7-5.3 10.2 7.3 3.8-12.2 7.1 2.8 7.2-9.1-1.8.5 16.3h-5.1l.5-16.3-9.1 1.8 2.8-7.2L11 32l7.3-3.8L13 18l9.3 2.7-1.8-12.1 6.9 4.5 4.4-9.9z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M32 5 14 12v15c0 13 7.7 23.5 18 31 10.3-7.5 18-18 18-31V12L32 5Z' fill='none' stroke='%23b30b29' stroke-width='3.5'/%3E%3Cpath d='m24 31 6 6 11-14' fill='none' stroke='%23b30b29' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;

  background-repeat: no-repeat, no-repeat !important;
  background-position:
    20px 16px,
    22px 61px !important;
  background-size:
    40px 40px,
    30px 30px !important;

  border: 1px solid rgba(151,0,31,.08) !important;
  border-radius: 15px !important;

  box-shadow:
    0 16px 38px rgba(47,16,24,.16),
    0 2px 8px rgba(47,16,24,.05) !important;

  font-size: 12px !important;
  line-height: 1.42 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;

  backdrop-filter: blur(7px) !important;
  -webkit-backdrop-filter: blur(7px) !important;

  transition:
    transform .22s cubic-bezier(.2,.8,.2,1),
    box-shadow .22s ease !important;
}

/* zvýraznění prvního řádku opticky */
body#article-614230 .cvx-hero__visual:hover::after {
  transform: translateY(-3px) !important;
  box-shadow:
    0 22px 46px rgba(47,16,24,.20),
    0 4px 12px rgba(47,16,24,.07) !important;
}

/* notebook */
@media (max-width: 1180px) and (min-width: 900px) {
  body#article-614230 .cvx-hero__visual::after {
    right: 14px !important;
    bottom: 14px !important;
    width: 260px !important;
    min-height: 92px !important;
    padding: 14px 16px 13px 68px !important;

    background-position:
      16px 13px,
      18px 53px !important;
    background-size:
      34px 34px,
      26px 26px !important;

    border-radius: 13px !important;
    font-size: 10px !important;
  }
}

/* mobil */
@media (max-width: 899px) {
  body#article-614230 .cvx-hero__visual::after {
    right: 10px !important;
    bottom: 10px !important;
    width: min(245px, calc(100% - 20px)) !important;
    min-height: 88px !important;
    padding: 13px 14px 12px 62px !important;

    background-position:
      14px 12px,
      16px 50px !important;
    background-size:
      31px 31px,
      24px 24px !important;

    border-radius: 12px !important;
    font-size: 9px !important;
    line-height: 1.4 !important;
  }
}


/* =========================================================
V25 – KANADA BOX FINAL
- skutečně rozpoznatelný červený javorový list
- čistší textová hierarchie
- lepší rozestupy a čitelnost
========================================================= */

body#article-614230 .cvx-hero__visual::after {
  content:
    "VYROBENO V KANADĚ\A"
    "\A"
    "60+ let zkušeností\A"
    "Tisíce spokojených zákazníků" !important;

  white-space: pre-line !important;

  position: absolute !important;
  z-index: 12 !important;
  right: 22px !important;
  bottom: 22px !important;

  width: 310px !important;
  min-height: 104px !important;

  /* prostor vlevo pro ikony */
  padding: 17px 20px 16px 78px !important;

  color: #2a2a2f !important;
  background-color: rgba(255,255,255,.985) !important;

  /* 1) javorový list
     2) štít s fajfkou */
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpolygon fill='%23b30827' points='32,2 36,15 43,10 41,21 53,17 47,27 58,31 47,36 50,46 38,42 35,61 29,61 26,42 14,46 17,36 6,31 17,27 11,17 23,21 21,10 28,15'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M32 6 15 12v15c0 12 7 22 17 29 10-7 17-17 17-29V12L32 6Z' fill='none' stroke='%23b30827' stroke-width='3.4'/%3E%3Cpath d='m24 31 6 6 11-14' fill='none' stroke='%23b30827' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;

  background-repeat: no-repeat, no-repeat !important;
  background-position:
    20px 15px,
    22px 61px !important;
  background-size:
    40px 40px,
    28px 28px !important;

  border: 1px solid rgba(179,8,39,.08) !important;
  border-radius: 15px !important;

  box-shadow:
    0 16px 36px rgba(45,14,22,.15),
    0 2px 8px rgba(45,14,22,.05) !important;

  font-size: 11px !important;
  line-height: 1.46 !important;
  font-weight: 600 !important;
  letter-spacing: .01em !important;

  backdrop-filter: blur(7px) !important;
  -webkit-backdrop-filter: blur(7px) !important;

  transition:
    transform .22s cubic-bezier(.2,.8,.2,1),
    box-shadow .22s ease !important;
}

/* moderní jemný hover boxu */
body#article-614230 .cvx-hero__visual:hover::after {
  transform: translateY(-3px) !important;
  box-shadow:
    0 22px 44px rgba(45,14,22,.19),
    0 4px 12px rgba(45,14,22,.07) !important;
}

/* Notebook */
@media (max-width: 1180px) and (min-width: 900px) {
  body#article-614230 .cvx-hero__visual::after {
    right: 14px !important;
    bottom: 14px !important;

    width: 252px !important;
    min-height: 88px !important;

    padding: 13px 14px 12px 64px !important;

    background-position:
      15px 12px,
      17px 51px !important;
    background-size:
      33px 33px,
      24px 24px !important;

    border-radius: 13px !important;
    font-size: 9px !important;
    line-height: 1.42 !important;
  }
}

/* Mobil */
@media (max-width: 899px) {
  body#article-614230 .cvx-hero__visual::after {
    right: 10px !important;
    bottom: 10px !important;

    width: min(238px, calc(100% - 20px)) !important;
    min-height: 82px !important;

    padding: 12px 13px 11px 58px !important;

    background-position:
      13px 11px,
      15px 48px !important;
    background-size:
      30px 30px,
      22px 22px !important;

    border-radius: 12px !important;
    font-size: 8.5px !important;
    line-height: 1.4 !important;
  }
}


/* =========================================================
V26 – OPRAVENÝ JAVOROVÝ LIST PODLE REFERENČNÍHO TVARU
========================================================= */

body#article-614230 .cvx-hero__visual::after {
  /* obsah boxu zůstává */
  content:
    "VYROBENO V KANADĚ\A"
    "\A"
    "60+ let zkušeností\A"
    "Tisíce spokojených zákazníků" !important;

  /* nový, výrazně realističtější javorový list */
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 72'%3E%3Cpath fill='%23d40000' d='M32 2 27 15 21 9 22 23 10 16 15 30 3 27 15 40 9 47 26 44 29 51 30 70h4l1-19 3-7 17 3-6-7 12-13-12 3 5-14-12 7 1-14-6 6L32 2Z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M32 6 15 12v15c0 12 7 22 17 29 10-7 17-17 17-29V12L32 6Z' fill='none' stroke='%23b30827' stroke-width='3.4'/%3E%3Cpath d='m24 31 6 6 11-14' fill='none' stroke='%23b30827' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;

  background-repeat: no-repeat, no-repeat !important;
  background-position:
    18px 13px,
    21px 62px !important;
  background-size:
    46px 52px,
    28px 28px !important;

  padding-left: 82px !important;
}

/* notebook */
@media (max-width: 1180px) and (min-width: 900px) {
  body#article-614230 .cvx-hero__visual::after {
    background-position:
      14px 11px,
      17px 53px !important;
    background-size:
      38px 43px,
      24px 24px !important;
    padding-left: 68px !important;
  }
}

/* mobil */
@media (max-width: 899px) {
  body#article-614230 .cvx-hero__visual::after {
    background-position:
      12px 10px,
      15px 49px !important;
    background-size:
      34px 38px,
      22px 22px !important;
    padding-left: 60px !important;
  }
}


/* =========================================================
V27 – KANADA BOX VRÁCENÝ DO VARIANTY, KTERÁ BYLA OK
- javorový list nahoře
- štít pod ním
- první řádek tučný
- další dva řádky jemnější
========================================================= */

body#article-614230 .cvx-hero__visual::after {
  content: "" !important;
  position: absolute !important;
  z-index: 12 !important;
  right: 22px !important;
  bottom: 22px !important;

  width: 310px !important;
  height: 95px !important;
  min-height: 95px !important;
  padding: 0 !important;

  background-color: transparent !important;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MjAiIGhlaWdodD0iMTkwIiB2aWV3Qm94PSIwIDAgNjIwIDE5MCI+CiAgPHJlY3QgeD0iMSIgeT0iMSIgd2lkdGg9IjYxOCIgaGVpZ2h0PSIxODgiIHJ4PSIyOCIgZmlsbD0iI2ZmZmZmZiIgc3Ryb2tlPSIjZjBlOGU1IiBzdHJva2Utd2lkdGg9IjIiLz4KCiAgPCEtLSBDYW5hZGlhbiBtYXBsZSBsZWFmIC0tPgogIDxwYXRoIGZpbGw9IiNiMzA4MjciIGQ9Ik05MiAyNQogICAgTDgyIDUxIEw2NyAzOSBMNzAgNjcKICAgIEw0NCA1MiBMNTQgNzkgTDI4IDc0CiAgICBMNTIgOTggTDQwIDExMSBMNzMgMTA2CiAgICBMODAgMTI4IEw4NCAxNjUgTDk0IDE2NQogICAgTDk4IDEyOCBMMTA1IDEwNiBMMTM4IDExMQogICAgTDEyNiA5OCBMMTUwIDc0IEwxMjQgNzkKICAgIEwxMzQgNTIgTDEwOCA2NyBMMTExIDM5CiAgICBMOTYgNTEgWiIvPgoKICA8IS0tIHNoaWVsZCAtLT4KICA8cGF0aCBkPSJNODYgMTA5IEw3MCAxMTUgVjEzMiBDNzAgMTQ1IDc3IDE1NyA4NiAxNjQgQzk1IDE1NyAxMDIgMTQ1IDEwMiAxMzIgVjExNSBaIgogICAgICAgIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2IzMDgyNyIgc3Ryb2tlLXdpZHRoPSIzLjQiLz4KICA8cGF0aCBkPSJNNzkgMTMzIEw4NCAxMzggTDk0IDEyNSIKICAgICAgICBmaWxsPSJub25lIiBzdHJva2U9IiNiMzA4MjciIHN0cm9rZS13aWR0aD0iMy40IgogICAgICAgIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgoKICA8IS0tIHRleHQgLS0+CiAgPHRleHQgeD0iMTc1IiB5PSI2MSIgZm9udC1mYW1pbHk9IkFyaWFsLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMjciIGZvbnQtd2VpZ2h0PSI3MDAiIGZpbGw9IiMyMDIxMjYiPgogICAgVnlyb2Jlbm8gdiBLYW5hZMSbCiAgPC90ZXh0PgogIDx0ZXh0IHg9IjE3NSIgeT0iMTAzIiBmb250LWZhbWlseT0iQXJpYWwsIEhlbHZldGljYSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIyMSIgZm9udC13ZWlnaHQ9IjQwMCIgZmlsbD0iIzQ1NDY0ZCI+CiAgICBWw61jZSBuZcW+IDYwIGxldCB6a3XFoWVub3N0w60KICA8L3RleHQ+CiAgPHRleHQgeD0iMTc1IiB5PSIxMzciIGZvbnQtZmFtaWx5PSJBcmlhbCwgSGVsdmV0aWNhLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjIxIiBmb250LXdlaWdodD0iNDAwIiBmaWxsPSIjNDU0NjRkIj4KICAgIGEgdGlzw61jZSBzcG9rb2plbsO9Y2ggesOha2F6bsOta8WvLgogIDwvdGV4dD4KPC9zdmc+") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 100% 100% !important;

  border: 0 !important;
  border-radius: 15px !important;

  box-shadow:
    0 16px 36px rgba(45,14,22,.15),
    0 2px 8px rgba(45,14,22,.05) !important;

  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;

  transition:
    transform .22s cubic-bezier(.2,.8,.2,1),
    box-shadow .22s ease !important;
}

body#article-614230 .cvx-hero__visual:hover::after {
  transform: translateY(-2px) !important;
  box-shadow:
    0 20px 42px rgba(45,14,22,.18),
    0 4px 10px rgba(45,14,22,.06) !important;
}

@media (max-width: 1180px) and (min-width: 900px) {
  body#article-614230 .cvx-hero__visual::after {
    right: 14px !important;
    bottom: 14px !important;
    width: 252px !important;
    height: 77px !important;
    min-height: 77px !important;
  }
}

@media (max-width: 899px) {
  body#article-614230 .cvx-hero__visual::after {
    right: 10px !important;
    bottom: 10px !important;
    width: min(238px, calc(100% - 20px)) !important;
    height: 73px !important;
    min-height: 73px !important;
  }
}


/* =========================================================
V28 – KANADA BOX: PŘESNĚ PODLE REFERENČNÍHO VZHLEDU
Tento blok přebíjí všechny starší pokusy.
========================================================= */

body#article-614230 .cvx-hero__visual::after {
  content: "" !important;
  white-space: normal !important;

  position: absolute !important;
  z-index: 20 !important;
  right: 22px !important;
  bottom: 22px !important;

  width: 310px !important;
  height: 95px !important;
  min-height: 95px !important;
  padding: 0 !important;

  background: transparent
    url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MjAiIGhlaWdodD0iMTkwIiB2aWV3Qm94PSIwIDAgNjIwIDE5MCI+CiAgPHJlY3QgeD0iMSIgeT0iMSIgd2lkdGg9IjYxOCIgaGVpZ2h0PSIxODgiIHJ4PSIyNiIgZmlsbD0iI2ZmZmZmZiIgc3Ryb2tlPSIjZWVlNWUyIiBzdHJva2Utd2lkdGg9IjIiLz4KCiAgPCEtLSBzbWFsbCBDYW5hZGlhbiBtYXBsZSBsZWFmIC0tPgogIDxwYXRoIGZpbGw9IiNiMTBhMjciIGQ9IgogICAgTTY0IDE4CiAgICBMNTggMzYKICAgIEw0OCAyOQogICAgTDUwIDQ3CiAgICBMMzQgMzgKICAgIEw0MCA1NgogICAgTDI0IDUzCiAgICBMMzkgNjgKICAgIEwzMSA3NgogICAgTDUxIDczCiAgICBMNTYgODUKICAgIEw1OCAxMDYKICAgIEw2NCAxMDYKICAgIEw2NiA4NQogICAgTDcxIDczCiAgICBMOTEgNzYKICAgIEw4MyA2OAogICAgTDk4IDUzCiAgICBMODIgNTYKICAgIEw4OCAzOAogICAgTDcyIDQ3CiAgICBMNzQgMjkKICAgIEw2NCAzNgogICAgWiIvPgoKICA8IS0tIHNoaWVsZC9jaGVjayBiZWxvdyBsZWFmIC0tPgogIDxwYXRoIGQ9Ik02MSAxMTEgTDQ4IDExNiBWMTMwIEM0OCAxNDAgNTMgMTQ5IDYxIDE1NSBDNjkgMTQ5IDc0IDE0MCA3NCAxMzAgVjExNiBaIgogICAgICAgIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2IxMGEyNyIgc3Ryb2tlLXdpZHRoPSIzIi8+CiAgPHBhdGggZD0iTTU1IDEzMCBMNTkgMTM0IEw2NyAxMjQiCiAgICAgICAgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYjEwYTI3IiBzdHJva2Utd2lkdGg9IjMiCiAgICAgICAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CgogIDwhLS0gdGV4dCAtLT4KICA8dGV4dCB4PSIxMTIiIHk9IjU1IiBmb250LWZhbWlseT0iQXJpYWwsIEhlbHZldGljYSwgc2Fucy1zZXJpZiIKICAgICAgICBmb250LXNpemU9IjI3IiBmb250LXdlaWdodD0iNzAwIiBmaWxsPSIjMjAyMTI2Ij5WeXJvYmVubyB2IEthbmFkxJs8L3RleHQ+CgogIDx0ZXh0IHg9IjExMiIgeT0iMTAzIiBmb250LWZhbWlseT0iQXJpYWwsIEhlbHZldGljYSwgc2Fucy1zZXJpZiIKICAgICAgICBmb250LXNpemU9IjIyIiBmb250LXdlaWdodD0iNDAwIiBmaWxsPSIjM2Y0MDQ2Ij5Ww61jZSBuZcW+IDYwIGxldCB6a3XFoWVub3N0w608L3RleHQ+CgogIDx0ZXh0IHg9IjExMiIgeT0iMTM5IiBmb250LWZhbWlseT0iQXJpYWwsIEhlbHZldGljYSwgc2Fucy1zZXJpZiIKICAgICAgICBmb250LXNpemU9IjIyIiBmb250LXdlaWdodD0iNDAwIiBmaWxsPSIjM2Y0MDQ2Ij5hIHRpc8OtY2Ugc3Bva29qZW7DvWNoIHrDoWthem7DrWvFry48L3RleHQ+Cjwvc3ZnPg==")
    center center / 100% 100% no-repeat !important;

  border: 0 !important;
  border-radius: 13px !important;

  box-shadow:
    0 12px 28px rgba(45,14,22,.14),
    0 2px 7px rgba(45,14,22,.05) !important;

  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;

  transform: none !important;
  transition:
    transform .20s cubic-bezier(.2,.8,.2,1),
    box-shadow .20s ease !important;
}

body#article-614230 .cvx-hero__visual:hover::after {
  transform: translateY(-2px) !important;
  box-shadow:
    0 16px 34px rgba(45,14,22,.17),
    0 3px 9px rgba(45,14,22,.06) !important;
}

@media (max-width: 1180px) and (min-width: 900px) {
  body#article-614230 .cvx-hero__visual::after {
    right: 14px !important;
    bottom: 14px !important;
    width: 260px !important;
    height: 80px !important;
    min-height: 80px !important;
  }
}

@media (max-width: 899px) {
  body#article-614230 .cvx-hero__visual::after {
    right: 10px !important;
    bottom: 10px !important;
    width: min(240px, calc(100% - 20px)) !important;
    height: 74px !important;
    min-height: 74px !important;
  }
}