@charset "UTF-8";
.full-width {
  position: relative;
  top: 0;
  left: 50%;
  width: 100vw;
  height: auto;
  transform: translateX(-50%);
}

.group:before,
.group:after {
  content: " ";
  display: table;
}

.group:after {
  clear: both;
}

.group {
  *zoom: 1;
}

.menu {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.menu li, .menu a {
  display: inline-block;
}

/** 
 * @Author: SharkJohny
 * @Date: 2024-07-22 23:22:33 
 * @Desc:  Change Header
 */
a.top-nav-button.top-nav-button-login.primary.login.toggle-window {
  display: none;
}

.navigation-show {
  position: absolute;
  top: 14px;
  left: 20px;
  font-size: 0;
  color: var(--color-primary);
  cursor: pointer;
}
.navigation-show:before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  background-image: url(https://cdn.myshoptet.com/usr/www.luxurycardesign.sk/user/documents/upload/assets/image/menu.svg);
  background-size: cover;
}

a.btn.btn-icon.toggle-window.cart-count {
  font-size: 0;
}
a.btn.btn-icon.toggle-window.cart-count:before {
  content: "";
  position: absolute;
  width: 26px;
  height: 30px;
  background-image: url(https://cdn.myshoptet.com/usr/www.luxurycardesign.sk/user/documents/upload/assets/image/cart.svg);
  background-size: cover;
}

.menu-helper.jkTop.visible,
nav#navigation {
  display: none;
}

#header .site-name a img {
  display: block;
  margin: 0 auto;
  max-height: 100px;
}

header#header {
  margin-bottom: 50px;
}

@media (min-width: 678px) {
  .menu-helper {
    top: 8px;
  }
  .top-navigation-menu {
    display: none !important;
  }
  #navigation {
    margin-top: 10px;
  }
  .top-navigation-contacts {
    display: none !important;
  }
  .top-navigation-menu {
    max-width: 40px;
  }
  .navigation-buttons {
    position: absolute;
    right: 0px;
    top: -39px;
  }
  header#header {
    z-index: 60;
    position: relative;
    background-color: white;
  }
  header#header .site-name {
    position: fixed;
    top: 1px;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgb(26, 26, 26);
    border-radius: 0 0 10px 10px;
    padding: 0px 20px 10px;
  }
  .in-index header#header {
    background-color: rgba(51, 51, 51, 0.5);
  }
  .header-top {
    height: 0;
    padding: 0;
  }
  ul.top-navigation-bar-menu-helper {
    transform: translateX(50%);
  }
  ul.top-navigation-bar-menu-helper li {
    min-width: 240px;
  }
  .top-navigation-menu-visible .top-navigation-bar {
    z-index: 70;
  }
  .top-navigation-bar {
    z-index: 50;
    position: relative;
    background-color: white;
    height: 60px;
    border-bottom-color: transparent;
  }
  .top-navigation-bar {
    background-color: rgb(26, 26, 26);
  }
  .content-wrapper.homepage-box.before-carousel {
    padding-top: 0;
    margin-top: -92px;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .content-wrapper.homepage-box.before-carousel .container {
    width: unset;
  }
  .navigation-in {
    background-color: transparent;
  }
  .navigation-in > ul > li {
    border-color: transparent;
  }
  .navigation-in > ul > li > a {
    background-color: transparent;
    color: var(--c-primary);
  }
  .navigation-in > ul > li > a b {
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    text-align: left;
  }
  .top-navigation-menu {
    background: transparent;
  }
  .top-navigation-menu {
    position: relative;
    top: 10px;
  }
  .top-navigation-menu-trigger {
    width: 66px;
  }
  .top-navigation-menu-trigger:before {
    content: "\e914";
    color: var(--c-primary);
    font-size: 19px;
    position: relative;
    right: -14px;
  }
  .top-navigation-menu-trigger::after {
    content: "Více";
    padding: 2px 0 0 10px;
    color: var(--c-primary);
    left: 5px;
    position: relative;
    top: 1px;
  }
  a.top-nav-button.top-nav-button-login.primary.login {
    top: 13px;
    font-size: 16px;
    padding-right: 20px;
    position: relative;
  }
  a.top-nav-button.top-nav-button-login.primary.login:after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    background-image: url(https://cdn.myshoptet.com/usr/www.luxurycardesign.sk/user/documents/upload/assets/user.svg);
    background-size: contain;
    right: -5px;
  }
  .top-navigation-bar .dropdown button,
  .top-navigation-bar a {
    color: var(--color-primary);
  }
  .navigation-buttons > a[data-target=cart] i {
    border-radius: 100%;
    bottom: auto;
    display: block;
    font-size: 11px;
    font-style: normal;
    height: 17px;
    left: unset;
    color: #fff !important;
    line-height: 11px;
    padding: 3px;
    position: absolute;
    right: -38px;
    top: 19px;
    width: 17px;
    z-index: 10;
    position: absolute;
  }
  .btn.cart-count:before,
  a.btn.cart-count:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    background-image: url(https://cdn.myshoptet.com/usr/www.luxurycardesign.sk/user/documents/upload/assets/cart.svg);
    background-size: contain;
    right: -50px;
    top: 2px;
  }
  .user-action-cart.popup-widget.cart-widget.loader-wrapper {
    top: 39px;
    left: 42%;
    z-index: 600;
  }
  .navigation-buttons a.toggle-window[data-target=search] {
    background: transparent;
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
  }
  .navigation-buttons a.toggle-window[data-target=search]::before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    background-image: url(https://cdn.myshoptet.com/usr/www.luxurycardesign.sk/user/documents/upload/assets/searsh.svg);
    background-size: contain;
    right: 20px;
    top: 0px;
  }
  .navigation-wrapper .search {
    display: none !important;
  }
  .search-window-visible .navigation-wrapper .search {
    display: block !important;
    z-index: 50;
    top: -42px;
    position: absolute;
    left: 50%;
    min-width: 400px !important;
    transform: translateX(-50%);
  }
  .search-window-visible input.query-input.form-control.search-input.js-search-input {
    border-color: var(--c-primary);
    border-radius: 50px;
  }
  .search-window-visible button.btn.btn-default {
    background: var(--c-primary);
    border-color: var(--c-primary);
    border-radius: 0 20px 20px 0;
  }
  .navigation-in > ul > li.exp > a,
  .navigation-in > ul > li > a:hover {
    background-color: var(--c-primary);
    color: white;
  }
  .scrolled .top-navigation-bar {
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    background-color: rgb(26, 26, 26);
  }
  .scrolled header#header {
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
  }
  .scrolled .navigation-show {
    display: block;
  }
  #header .cart-count {
    display: inline-block;
    left: unset;
    position: fixed;
    right: unset;
    top: 0px;
  }
  a.contact-link {
    display: block !important;
    font-size: 20px;
    position: relative;
    right: 33px;
    bottom: 10px;
  }
  a.contact-link:before {
    display: none;
  }
}
div#menu-widget {
  display: none;
}

.showNav header#header {
  background-color: rgb(255, 255, 255);
}
.showNav .menu-helper.jkTop.visible,
.showNav div#menu-widget {
  display: block !important;
}

.navigation-window-visible div#menu-widget {
  display: block !important;
}

.container.breadcrumbs-wrapper {
  display: none;
}

span.p-code {
  display: none;
}

@media (max-width: 768px) {
  .navigation-buttons a.toggle-window[data-target=search] {
    background: transparent;
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    position: absolute;
    left: -5000px;
  }
  .navigation-buttons a.toggle-window[data-target=search]::before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    background-image: url(https://www.nasesojka.czhttps://cdn.myshoptet.com/usr/www.luxurycardesign.sk/user/documents/upload/assets/img/search.svg);
    background-size: contain;
    right: 20px;
    top: 0px;
  }
  .scrolled-down body:not(.ordering-process):not(.search-window-visible) #header .cart-count,
  .scrolled-down body:not(.ordering-process):not(.search-window-visible) #header .site-name,
  .scrolled-down body:not(.ordering-process):not(.search-window-visible) .top-navigation-bar {
    transform: none;
  }
}
a.contact-link {
  text-transform: uppercase;
}

.kfmkAH {
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  align-items: center;
  background-color: transparent;
  padding: 0px 0px 4px;
  gap: 32px;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
  background-color: rgb(246, 246, 246);
}

.fYYhKJ {
  display: grid;
  -webkit-box-align: center;
  align-items: center;
  column-gap: 12px;
  grid-template-columns: 1fr max-content;
}

.fZBTme,
.fZBTme * {
  box-sizing: border-box !important;
  outline: none !important;
}

.iTpmcQ {
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  align-items: center;
  gap: 6px;
}

.fYYhKJ > :first-child {
  grid-row: 1/3;
}

.fZBTme,
.fZBTme * {
  box-sizing: border-box !important;
  outline: none !important;
}

.iCNeqx {
  font-weight: 700;
  font-size: 48px;
  line-height: 48px;
  color: rgb(17, 17, 17);
  word-break: normal !important;
}

.fZBTme,
.fZBTme * {
  box-sizing: border-box !important;
  outline: none !important;
}

.nUbNv path {
  fill: rgb(252, 191, 2) !important;
}

.fHHaSD path {
  fill: rgb(252, 191, 2) !important;
}

.bXVxrw {
  position: absolute;
  inset: 0px;
  margin: auto;
  line-height: 0;
}

.eyLxdR {
  display: inline-flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
}

.bBmSuk {
  position: relative;
  width: 18px;
  height: 18px;
}

.AGaFi {
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  color: rgb(17, 17, 17);
}

.euBiGU {
  position: relative;
  height: fit-content;
  width: fit-content;
  max-width: 100%;
  padding: 0px;
  line-height: 1.32;
  cursor: pointer;
  box-sizing: border-box;
  background: none;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  border-style: solid;
}

span.ButtonBase__Ellipsis-sc-p43e7i-5.dqiKFy {
  padding: 8px 21px;
  border-radius: 22px;
  background-color: rgba(0, 0, 0, 0);
  text-transform: uppercase;
}

button.ButtonBase__ButtonContainer-sc-p43e7i-3.euBiGU {
  padding: 8px 21px;
  border-radius: 22px;
  background-color: rgba(0, 0, 0, 0);
}

@media (max-width: 1200px) {
  .btn.cart-count:before,
  a.btn.cart-count:before {
    top: -8px;
  }
}
@media (max-width: 768px) {
  #header .site-name a img {
    max-height: 60px;
  }
  .navigation-show {
    display: none;
  }
  a.toggle-window[data-target=search] {
    display: none;
  }
  a.toggle-window[data-target=navigation] {
    position: absolute;
    left: 0;
  }
  .site-name {
    position: absolute;
    left: 50% !important;
    transform: translatex(-50%) !important;
  }
  .responsive-tools {
    height: 50px;
  }
  .overall-wrapper {
    background-color: rgb(26, 26, 26);
  }
  .responsive-tools {
    background: rgb(26, 26, 26);
  }
  .responsive-tools > a[data-target=navigation]:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url(https://cdn.myshoptet.com/usr/www.luxurycardesign.sk/user/documents/upload/assets/image/menu.svg);
    background-size: cover;
    border-radius: 0;
    top: 9px;
    left: 17px;
    background-color: transparent !important;
  }
  a.btn.btn-icon.toggle-window.cart-count:before {
    content: "";
    width: 20px;
    height: 22px;
    top: 2px;
    right: -50px;
  }
  .scrollable-with-controls {
    padding: 10px;
  }
  #header,
  .top-navigation-bar {
    background-color: rgb(26, 26, 26);
  }
  #header .site-name a img {
    max-height: 47px;
  }
  .overall-wrapper {
    padding-top: 50px;
  }
  .options-wrap .button.option-button {
    margin: 3px;
  }
}
.top-navigation-bar {
  border-top-color: rgb(26, 26, 26);
}

.navigation-buttons a.toggle-window[data-target=search] {
  display: none;
}

a.contact-link {
  margin-right: 22px;
}

@media (min-width: 768px) {
  .ordering-process #header .site-name a img {
    display: block;
    margin: 0 auto;
    max-height: 49px;
  }
  .container {
    position: relative;
  }
  .user-action-cart.popup-widget.cart-widget.loader-wrapper {
    top: 39px;
    left: unset;
    z-index: 600;
    right: -45px;
    border-radius: 20px;
    overflow: hidden;
  }
  .cart-free-shipping strong {
    color: #3c840f;
  }
  .fitted .navigation-in ul {
    justify-content: center !important;
  }
  .scrolled .in-index #header .cart-count {
    top: 12px;
  }
  .in-index #header .cart-count {
    top: 12px;
  }
  #header .cart-count {
    top: 12px;
  }
  .top-navigation-bar .container {
    position: relative;
  }
}
@media (min-width: 992px) {
  .popup-widget.login-widget {
    top: 21px;
    z-index: 200;
  }
  div#js-plugin-header {
    display: none;
  }
}
.plugin-fixed-header {
  position: fixed;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 10;
  transition: 0.15s;
  transform: translateZ(0);
  box-shadow: 0 0 5px #b4b4b4;
  border-bottom: 1px solid #aaa;
}
.plugin-fixed-header button.btn.btn-lg.btn-conversion.add-to-cart-button {
  bottom: 0px;
}

@media (min-width: 469px) {
  .plugin-fixed-header {
    top: -200px;
  }
  .top-navigation-tools a.top-nav-button.top-nav-button-login.primary.login.toggle-window {
    display: none;
  }
}
@media (max-width: 468px) {
  .plugin-fixed-header {
    bottom: -200px;
  }
}
@media (min-width: 469px) {
  .plugin-fixed-header.active {
    top: 0;
  }
}
@media (max-width: 468px) {
  .plugin-fixed-header.active {
    bottom: 0;
  }
}
.fixed-header-container {
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  max-width: 1220px;
  margin: 0 auto;
}

@media (max-width: 468px) {
  .fixed-header-container {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
.plugin-fixed-header__name {
  width: calc(100% - 480px);
  font-size: 20px;
  font-weight: 700;
}

@media (max-width: 468px) {
  .plugin-fixed-header__name {
    display: none;
  }
}
.plugin-fixed-header__image {
  width: 80px;
  height: 50px;
}

@media (max-width: 468px) {
  .plugin-fixed-header__image {
    display: none;
  }
}
.plugin-fixed-header__availability {
  font-size: 15px;
  padding-left: 20px;
  font-weight: 400;
  color: #454545;
}

@media (max-width: 468px) {
  .plugin-fixed-header__availability {
    display: none;
  }
}
.plugin-fixed-header__img {
  max-width: 100%;
  width: auto;
  height: auto;
  max-height: 100%;
}

@media (max-width: 468px) {
  .plugin-fixed-header__img {
    display: none;
  }
}
.plugin-fixed-header__price {
  width: 200px;
  text-align: right;
  font-size: 24px;
  font-weight: 700;
}

@media (max-width: 468px) {
  .plugin-fixed-header__price {
    display: none;
  }
}
.plugin-fixed-header__basket {
  width: 200px;
  text-align: right;
  padding-left: 20px;
}

@media (max-width: 468px) {
  .plugin-fixed-header__basket {
    width: 100%;
    padding: 0 70px;
  }
}
.plugin-fixed-header__basket > button {
  width: 100% !important;
}

.product.active.productVisible {
  width: 25%;
}

.language-flags {
  font-size: 31px;
  position: absolute;
  right: 110px;
  width: 40px;
  top: -11px;
}
.language-flags .flag-current {
  cursor: pointer;
  user-select: none;
  display: block;
}
.language-flags .language-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: white;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  padding: 6px 8px;
  z-index: 1000;
}
.language-flags .language-dropdown a {
  display: block;
  margin: 0;
  line-height: 1.4;
}
.language-flags.open .language-dropdown {
  display: block;
}

@media (max-width: 768px) {
  .language-flags {
    font-size: 22px;
    right: auto;
    left: 55px;
    top: -39px;
    width: auto;
  }
}
@media (max-width: 468px) {
  .plugin-fixed-header__basket > button {
    display: block !important;
    padding: 6px 10px !important;
  }
}
@media (min-width: 992px) {
  .popup-widget.cart-widget {
    top: 144px;
  }
}
@media (min-width: 768px) {
  .top-navigation-bar .container > div {
    display: block;
    flex: 1 1 80%;
    text-align: center;
  }
}
:root {
  --gradient: linear-gradient(45deg, rgba(128, 130, 133, 1) 31%, rgba(208, 140, 60, 1) 100%);
}

.in-index section#model-info {
  display: flex;
  justify-content: center;
  padding: 20px 0 0;
}
.in-index section#section5 {
  margin-bottom: 0;
}
.in-index .section.section-full.bg-custom.full-width {
  background: #ededed;
}

.homepage-box {
  background-color: rgba(0, 0, 0, 0);
  border-bottom-color: rgba(0, 0, 0, 0);
  border-top-color: rgba(0, 0, 0, 0);
}

.lcd-vehicle-switch {
  display: flex;
  justify-content: center;
  gap: 36px;
  margin: 0 auto 20px;
}
.lcd-vehicle-switch__tab {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 4px 6px 8px;
  border: none;
  border-bottom: 3px solid transparent;
  background: none;
  color: #9a9184;
  font-family: "Exo 2", sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  cursor: pointer;
  transition: color 0.2s, border-color 0.2s;
}
.lcd-vehicle-switch__tab svg {
  width: 52px;
  height: 26px;
  display: block;
}
.lcd-vehicle-switch__tab:hover {
  color: #6b6253;
}
.lcd-vehicle-switch__tab.is-active {
  color: #a8893a;
  border-bottom-color: #c5a44e;
}
@media (max-width: 560px) {
  .lcd-vehicle-switch {
    gap: 20px;
  }
  .lcd-vehicle-switch__tab {
    font-size: 11px;
  }
  .lcd-vehicle-switch__tab svg {
    width: 44px;
    height: 22px;
  }
}

.lcd-truck-wrap[hidden],
.modl-selector-wrap[hidden] {
  display: none !important;
}

.lcd-truck-wrap {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: end;
  gap: 16px;
  width: min(960px, 100%);
  max-width: 960px;
  margin-inline: auto;
}
.lcd-truck-wrap::before, .lcd-truck-wrap::after {
  display: none !important;
}
.lcd-truck-wrap .surcharge-list {
  width: 100%;
  margin: 0 !important;
}
.lcd-truck-wrap .lcd-truck-field-label {
  display: block;
  min-height: 18px;
  margin: 0 0 6px;
  color: #6f675d;
  font-family: "Exo 2", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  text-align: left;
}
.lcd-truck-wrap .selector,
.lcd-truck-wrap select {
  width: 100% !important;
}
.lcd-truck-wrap .lcd-truck-go {
  width: 100%;
  min-height: 39px;
  align-self: end;
  margin: 0 !important;
}
.lcd-truck-wrap.has-extras .lcd-truck-go {
  grid-column: span 2;
}
@media (max-width: 900px) {
  .lcd-truck-wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 560px) {
  .lcd-truck-wrap {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }
  .lcd-truck-wrap.has-extras .lcd-truck-go {
    grid-column: auto;
  }
}

.in-index .model-selector.container h2 {
  font-size: 24px !important;
  text-transform: uppercase;
  text-align: center;
  color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(to right, #aa910a, #c49b31);
  background-clip: text;
  box-decoration-break: clone;
}
.in-index .model-selector.container .modl-selector-wrap {
  position: relative;
}
.in-index .model-selector.container .modl-selector-wrap::after {
  content: "";
  background-image: url(https://www.luxurycardesign.cz/user/documents/upload/assets/new/arrow-pijl.gif);
  width: 48px;
  height: 40px;
  position: absolute;
  right: 37px;
  top: -12px;
  transform: rotate(83deg);
  background-size: cover;
}
.in-index .model-selector.container .modl-selector-wrap::before {
  content: "";
  background-image: url(https://www.luxurycardesign.cz/user/documents/upload/assets/new/arrow-pijl.gif);
  width: 48px;
  height: 40px;
  position: absolute;
  left: 37px;
  top: -10px;
  transform: rotate(277deg);
  background-size: cover;
}
@media (max-width: 1640px) {
  .in-index .model-selector.container .modl-selector-wrap::after {
    right: -114px;
  }
  .in-index .model-selector.container .modl-selector-wrap::before {
    left: -114px;
  }
}

div#videoWrapper {
  position: relative;
  top: -110px;
}

.btn.choice-Model {
  height: 36px;
}

section#model-selector {
  padding-top: 20px;
  padding-bottom: 40px;
}
section#model-selector .prefix {
  text-align: center;
  margin-bottom: 20px;
  text-transform: uppercase;
  margin-top: -10px;
}

.order-button {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0px;
}
.order-button a {
  background-color: var(--color-secondary-hover);
  border-color: var(--color-secondary-hover);
  color: #fff;
  border-radius: 10px;
  font-size: 20px;
  padding: 10px 20px;
  text-decoration: none;
}

.row-mobile {
  display: none;
}

.content-wrapper.homepage-box.before-carousel .container {
  padding: 0;
  margin: 0;
  width: 100%;
}
.content-wrapper.homepage-box.before-carousel .container video {
  width: 100%;
  bottom: 200px;
  position: relative;
}

.row.banners-content.body-banners {
  margin-bottom: 20px;
}

.footer-banner .layers-info-wrap {
  margin-bottom: 20px !important;
}

div#addvideo {
  max-height: 440px;
}

a.ti-header.source-Google {
  display: flex;
  background: white;
  width: fit-content;
  padding: 15px 20px 10px;
  border-radius: 5px;
  margin: 20px auto;
}
a.ti-header.source-Google .ti-small-logo {
  margin-right: 10px;
}
a.ti-header.source-Google .ti-small-logo img {
  height: 25px;
}
a.ti-header.source-Google .ti-mob-row {
  padding-top: 4px;
}

.review-stars {
  margin-right: 10px;
  padding-top: 5px;
}

.review-stars ul li i {
  color: #f6ba05;
  font-size: 1em;
  font-style: normal;
}

.ti-dropdown-widget {
  opacity: 1;
  display: -ms-flexbox;
  display: flex;
  height: 450px;
  position: absolute;
  top: initial;
  bottom: initial;
  background: none;
  text-align: left !important;
  z-index: 999999;
  left: 50%;
  transform: translateX(-50%);
}

.ti-dropdown-widget-inner {
  height: 100%;
  padding: 40px 0px 20px 20px;
  overflow: visible;
  background-color: #ffffff !important;
  position: relative;
  max-width: 700px;
  margin: auto;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1), 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.ti-dropdown-widget-inner:before {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #ffffff transparent;
}

.ti-reviews-container-wrapper {
  overflow: auto;
  display: inherit;
  margin: 0px !important;
  margin-top: 0px !important;
  padding-right: 20px;
}

.ti-widget-container {
  margin-bottom: 0px;
  height: 100%;
  display: flex !important;
  flex-direction: column;
  font-size: 14px;
  line-height: 1.4em;
  overflow-y: scroll;
}

.ti-close-lg {
  position: absolute;
  width: 30px;
  height: 30px;
  background-color: #fff;
  right: 6px;
  top: 6px;
  border-radius: 50px;
  display: block;
  cursor: pointer;
  pointer-events: visible !important;
  color: #333;
}
.ti-close-lg:before, .ti-close-lg:after {
  content: "";
  position: absolute;
  display: block;
  border-radius: 2px;
  width: 16px;
  height: 3px;
  top: 13px;
  left: 7px;
  background-color: #555;
}
.ti-close-lg:before {
  transform: rotate(45deg);
}
.ti-close-lg:after {
  transform: rotate(-45deg);
}

span.images-scrolling__counter.bold {
  font-size: 30px;
  color: black;
  font-weight: 600;
  padding-left: 55px;
  position: relative;
}
span.images-scrolling__counter.bold::before {
  content: "";
  width: 40px;
  height: 4px;
  background-color: #000;
  position: absolute;
  top: 18px;
  left: 0;
}

.images-scrolling__content p.h1 {
  font-size: 40px;
  margin-top: 25px;
  margin-bottom: 20px;
  width: 70%;
  font-weight: 600;
  text-transform: uppercase;
}
.images-scrolling__content p {
  font-size: 20px;
  width: 70%;
  color: black;
}

.text-gradient {
  color: var(--color-primary);
}

span.shape-diamond.shape--lg.place-self-center {
  visibility: hidden;
}

@media (min-width: 768px) {
  .modl-selector-wrap {
    display: flex;
    justify-content: center;
  }
  .modl-selector-wrap .surcharge-list {
    margin-right: 20px;
  }
}
.bg-custom {
  background: #f2f2f2;
}

.impact-text {
  gap: minmax(0, 1fr) auto;
  align-items: start;
  display: grid;
}

.impact-text--center {
  text-align: center;
  justify-content: safe center;
}

@media screen and (min-width: 700px) {
  .impact-text--center {
    justify-content: space-evenly;
  }
}
.shape-circle,
.shape-square,
.shape-diamond {
  width: 1rem;
  height: 1rem;
  background: #808285;
  display: block;
}

.place-self-center {
  place-self: center;
}

.shape-diamond {
  transform: rotateZ(45deg);
}

.snap-center h2.impact-text__text.heading.break-all {
  font-size: 50px;
  margin-bottom: 20px;
}
.snap-center .prose {
  color: #808285;
}
.snap-center .prose h3 {
  font-size: 20px;
}
.snap-center .prose p {
  max-width: 229px;
  text-transform: uppercase;
  color: black;
  margin-left: auto;
  margin-right: auto;
}

.section-stack {
  margin-top: 50px;
}
.section-stack h2.h2 {
  font-size: 30px;
  text-transform: uppercase;
}
.section-stack .collection-card__content-wrapper.text-custom.place-self-center.text-center p.h2 {
  color: white;
}
.section-stack .collection-card__content-wrapper.text-custom.place-self-center.text-center svg.icon.icon-circle-button-right-clipped {
  display: none;
}
.section-stack .collection-card__content-wrapper.text-custom.place-self-center.text-center:hover svg.icon.icon-circle-button-right-clipped {
  display: inline;
}

.add-comment,
.discussion,
.discussion-form,
.rate-wrapper,
.votes-wrap,
.welcome div,
.welcome h1 {
  margin-left: auto;
  margin-right: auto;
  max-width: unset;
}

.image-header img {
  display: block;
  margin: auto;
}

.image-container {
  margin-top: 50px;
}

#goggle-review-wrap {
  background-color: #f6f6f6 !important;
  position: relative;
  top: 0;
  left: 50%;
  width: 100vw;
  height: auto;
  transform: translateX(-50%);
  padding: 40px;
}
#goggle-review-wrap .header-rewiew {
  padding: 20px 0;
}
#goggle-review-wrap .header-rewiew h3 {
  color: #3d182c;
  letter-spacing: -1.2px;
  font-size: 1.5em;
  text-align: center;
  position: relative;
}
#goggle-review-wrap .header-rewiew h3::before {
  content: "";
  width: 20px;
  height: 3px;
  background: #f6ba05;
  left: -20px;
  top: -6px;
  display: inline-block;
  position: relative;
}
#goggle-review-wrap #google-reviews {
  min-width: 75%;
}
#goggle-review-wrap #google-reviews ul li::before {
  display: none !important;
}
#goggle-review-wrap #google-reviews .slick-active .review-item,
#goggle-review-wrap #google-reviews .slick-active .review-item-long {
  box-shadow: 1px 1px 5px #ddd;
}
#goggle-review-wrap #google-reviews .review-item,
#goggle-review-wrap #google-reviews .review-item-long {
  flex: 1 1 calc(25% - 20px);
  margin: 0 10px;
  background: #fff;
  border: #fff;
  border-radius: 10px;
  position: relative;
  min-height: 275px;
}
#goggle-review-wrap #google-reviews .review-item svg,
#goggle-review-wrap #google-reviews .review-item-long svg {
  position: absolute;
  right: 7px;
  top: 9px;
}
#goggle-review-wrap #google-reviews .review-item {
  flex: 1 1 25%;
}
#goggle-review-wrap #google-reviews img.review-picture {
  width: 50px;
}
#goggle-review-wrap #google-reviews p.review-text {
  font-size: 15px;
  text-align: left;
  padding-top: 20px;
  max-height: 177px;
  overflow: scroll;
  margin-bottom: 0;
  padding-right: 10px !important;
}
#goggle-review-wrap #google-reviews p.review-text::-webkit-scrollbar {
  width: 4px !important;
}
#goggle-review-wrap #google-reviews p.review-text::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px !important;
  border-radius: 10px !important;
  background: #ccc !important;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5) !important;
}
#goggle-review-wrap .review-row {
  display: flex;
}
#goggle-review-wrap .grw-slider-header {
  width: 25%;
}
#goggle-review-wrap .grw-slider-header-inner {
  position: relative !important;
  margin: 0 10px !important;
  padding: 15px !important;
  width: 100% !important;
}
#goggle-review-wrap .grw-slider-header-inner .wp-google-place {
  display: flex;
}
#goggle-review-wrap .grw-slider-header-inner .wp-google-right {
  padding-left: 10px;
  line-height: 1.3;
}
#goggle-review-wrap .grw-slider-header-inner .wp-google-rating {
  color: #e7711b !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  margin: 0 6px 0 0 !important;
  vertical-align: middle !important;
}
#goggle-review-wrap .grw-slider-header-inner .wp-star svg {
  width: 20px !important;
  height: 20px !important;
  vertical-align: middle !important;
}
#goggle-review-wrap .grw-slider-header-inner .wp-star svg path {
  fill: #f6ba05 !important;
}
#goggle-review-wrap .grw-slider-header-inner .wp-google-wr a {
  border-color: #c49b31 !important;
  border: 2px solid #c49b31 !important;
  border-radius: 5em !important;
  padding: 0.7em !important;
  padding-left: 1.3em !important;
  padding-right: 1.3em !important;
  background-color: rgba(0, 0, 0, 0);
  margin: 0.7em !important;
  font-weight: bold !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-align: center !important;
  color: black !important;
  text-shadow: none !important;
  box-shadow: none !important;
  position: relative;
  top: 30px;
  left: -19px;
}
#goggle-review-wrap .grw-slider-header-inner .wp-google-wr a:hover {
  background-color: #c49b31;
}
#goggle-review-wrap .slick-slide {
  padding: 10px;
}

.bg-custom {
  background: transparent;
}

.feature-chart__table-row {
  --feature-chart-heading-width: 140px;
  grid-template-columns: 140px repeat(2, minmax(140px, 1fr));
  gap: 0.25rem 1.25rem;
  min-width: min-content;
  padding-block-start: 1rem;
  padding-block-end: 1rem;
  display: flex;
}

.feature-chart__heading.bold {
  text-align: left !important;
  font-weight: 600;
  flex-basis: 70%;
}

.feature-chart__table.feature-chart__table--multi-columns.divide-y.scroll-area {
  padding: 20px;
}

.feature-chart__value.prose.text-subdued {
  flex-basis: 50%;
  margin: 0 58px;
}

.image-header {
  display: grid;
}

.feature-chart__table-row {
  border-bottom: 1px solid #e0e4e9;
}

.feature-chart__table-row[hidden] {
  display: none;
}

span.bold.fixT.skiptranslate.notranslate {
  font-weight: 600;
  margin-top: 29px;
}

.surcharge-list.years.dm-selector select,
.surcharge-list.models.dm-selector select,
.surcharge-list.brands.dm-selector select,
.surcharge-list.truck-brands.dm-selector select,
.surcharge-list.truck-models.dm-selector select,
.surcharge-list.truck-extra.dm-selector select,
.surcharge-list.type-selector select {
  border: 2px solid #e0d5b8;
  border-radius: 10px;
  padding: 8px 12px;
  font-size: 14px;
  transition: border-color 0.2s;
}
.surcharge-list.years.dm-selector select:focus,
.surcharge-list.models.dm-selector select:focus,
.surcharge-list.brands.dm-selector select:focus,
.surcharge-list.truck-brands.dm-selector select:focus,
.surcharge-list.truck-models.dm-selector select:focus,
.surcharge-list.truck-extra.dm-selector select:focus,
.surcharge-list.type-selector select:focus {
  border-color: #C5A44E;
  outline: none;
}

.feature-chart__toggle {
  text-align: center;
  padding-bottom: 20px;
}

.more-pictures {
  max-height: 0;
  overflow-x: hidden;
  transition: all 0.5s ease-out;
}

.welcome h1 {
  display: none;
}

.image-container {
  max-width: 1000px !important;
  display: block !important;
}

.more-pictures.slow {
  overflow: visible;
}

section#model-selector {
  margin-left: -10px;
  margin-right: -10px;
}

.more-pictures.slow {
  max-height: 3000px;
  transition: all 0.1s ease-out;
}

.customers-video {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-top: 10px;
}
.customers-video .customer-video {
  width: calc(30% - 10px);
  padding: 5px;
  position: relative;
}
@media (max-width: 768px) {
  .customers-video .customer-video {
    width: calc(50% - 10px);
  }
}
.customers-video .customer-video .text {
  margin-top: 20px;
}

video::-webkit-media-controls-panel,
video::-webkit-media-controls-timeline-container,
video::-webkit-media-controls-time-remaining-display,
video::-webkit-media-controls-play-button,
video::-webkit-media-controls-timeline,
video::-webkit-media-controls-current-time-displa,
video::-webkit-media-controls-time-remaining-display,
video::-webkit-media-controls-mute-button,
video::-webkit-media-controls-toggle-closed-captions-button,
video::-webkit-media-controls-volume-slider,
video::-webkit-media-controls-toggle-closed-captions-button,
video::-webkit-media-controls-timeline,
video::-webkit-media-controls-fullscreen-button {
  display: none;
}

video.active::-webkit-media-controls-timeline-container {
  display: block;
}

.customer-video video {
  margin: auto;
}

.container-slider .right-column {
  display: none;
}
.container-slider .left-column {
  width: 100%;
  padding: 20px 0;
  padding-top: 30px;
}

.playpause {
  max-width: 100px;
  background-image: url(https://689946.myshoptet.com/user/documents/upload/assets/image/playButton.png);
  background-repeat: no-repeat;
  width: 80px;
  height: 80px;
  position: absolute;
  left: 0%;
  right: 0%;
  top: 0%;
  bottom: 0%;
  margin: auto;
  background-size: contain;
  background-position: center;
}
.playpause span {
  position: absolute;
  bottom: -30px;
  width: 100px;
  color: #c49b30;
}

section.foto-slider.slick-initialized.slick-slider.slick-dotted {
  margin-top: 50px;
}

.hotspot h4 {
  color: white;
}

.overall-wrapper #goggle-review-wrap a.hide {
  display: none !important;
}

section#section7,
section#section5,
section#section3,
section#section1 {
  background-color: rgb(237, 237, 237);
  padding: 50px;
}
section#section7 .images-scrolling__content,
section#section5 .images-scrolling__content,
section#section3 .images-scrolling__content,
section#section1 .images-scrolling__content {
  text-align: right;
}
section#section7 span.images-scrolling__counter.bold::before,
section#section5 span.images-scrolling__counter.bold::before,
section#section3 span.images-scrolling__counter.bold::before,
section#section1 span.images-scrolling__counter.bold::before {
  top: 18px;
  left: unset;
  right: 0;
}
section#section7 span.images-scrolling__counter.bold,
section#section5 span.images-scrolling__counter.bold,
section#section3 span.images-scrolling__counter.bold,
section#section1 span.images-scrolling__counter.bold {
  padding-right: 55px;
}
section#section7 .images-scrolling__content p.h1,
section#section5 .images-scrolling__content p.h1,
section#section3 .images-scrolling__content p.h1,
section#section1 .images-scrolling__content p.h1 {
  margin-right: 0;
  display: block;
  margin-left: auto;
}
section#section7 .images-scrolling__content p,
section#section5 .images-scrolling__content p,
section#section3 .images-scrolling__content p,
section#section1 .images-scrolling__content p {
  margin-right: 0;
  display: block;
  margin-left: auto;
}

.mobile-image {
  flex: 1 0 35%;
}

.images-scrolling__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.feature-chart__value.prose.text-subdued.center {
  background: rgba(214, 214, 214, 0.2705882353);
  padding: 10px 20px;
}

.feature-chart__value.prose.text-subdued.center.top {
  background: rgba(214, 214, 214, 0.2705882353);
  border-radius: 25px 25px 0 0;
}

.feature-chart__table-row,
.feature-chart__table-row.header {
  padding: 0;
}

.feature-chart__heading.bold {
  padding: 10px 0;
}

.feature-chart__value.prose.text-subdued {
  padding: 10px 0;
}

.more-pictures {
  display: flex;
  justify-content: space-between;
}
.more-pictures .image-container {
  width: 49%;
  margin: 0;
}

@media screen and (min-width: 700px) {
  section#section6 .mobile-image,
  section#section4 .mobile-image,
  section#section2 .mobile-image,
  section#section8 .mobile-image {
    order: 2;
  }
  section#section6 .container,
  section#section4 .container,
  section#section2 .container,
  section#section8 .container {
    padding: 0px !important;
  }
  .text-block {
    display: flex;
  }
  .impact-text {
    --impact-text-spacing: 2rem;
    grid: auto/auto-flow minmax(0, 1fr) auto;
  }
}
@media (min-width: 768px) {
  .footer-banner.col-sm-12.col-lg-12 .order-button {
    padding-top: 20px;
  }
}
@media (max-width: 768px) {
  div#content-wrapper {
    overflow: hidden;
  }
  .in-index .model-selector.container .modl-selector-wrap::after {
    content: "";
    background-image: url(https://www.luxurycardesign.cz/user/documents/upload/assets/new/arrow-pijl.gif);
    position: absolute;
    right: -84px;
    top: -5px;
    transform: rotate(83deg);
    background-size: cover;
  }
  .in-index .model-selector.container .modl-selector-wrap::before {
    content: "";
    background-image: url(https://www.luxurycardesign.cz/user/documents/upload/assets/new/arrow-pijl.gif);
    position: absolute;
    left: -81px;
    top: -7px;
    transform: rotate(277deg);
    background-size: cover;
  }
  .row.banners-content.body-banners {
    display: flex;
    flex-direction: column;
  }
  .row.banners-content.body-banners section#model-selector {
    order: 1;
  }
  .row.banners-content.body-banners .lcd-reviews-widget {
    order: 2;
    width: 100%;
  }
  .row.banners-content.body-banners section#goggle-review-wrap {
    order: 2;
    padding: 20px 5px !important;
  }
  .row.banners-content.body-banners .col-sm-12 {
    order: 3;
  }
  .model-selector.container {
    margin-bottom: 20px;
    padding-top: 20px;
  }
  .image-container {
    margin-bottom: 10px;
  }
  a.contact-link {
    font-size: 0;
    position: absolute;
    top: -47px;
    right: 50px;
  }
  a.contact-link:before {
    content: "\e92d";
    font-size: 22px;
  }
  .info-wrap {
    margin-top: 20px;
  }
  .point-wrapper,
  .footer-banner section:not(.lcd-root *) {
    /* :not(.lcd-root *) — telo statickej titulky (bannery Zápätia, 10/2026): overflow:hidden by vyplo sticky scény */
    padding: 20px 10px !important;
    overflow: hidden;
  }
  .footer-banner section#section5 .images-scrolling__content,
  .footer-banner section#section3 .images-scrolling__content,
  .footer-banner section#section1 .images-scrolling__content {
    text-align: left;
  }
  .footer-banner section#section5 span.images-scrolling__counter.bold::before,
  .footer-banner section#section3 span.images-scrolling__counter.bold::before,
  .footer-banner section#section1 span.images-scrolling__counter.bold::before {
    top: 18px;
    left: 0;
    right: unset;
  }
  .modl-selector-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
  .modl-selector-wrap .surcharge-list select,
  .modl-selector-wrap .variant-list select {
    width: 100%;
  }
  .section-stack .collection-card__content-wrapper.text-custom.place-self-center.text-center {
    top: 25%;
    position: static;
  }
  #videoWrapper video {
    height: 300px;
    margin-top: -50px;
  }
  .mobile-image {
    margin-bottom: 30px;
  }
  .right-column {
    display: none !important;
  }
  .left-column {
    width: 100% !important;
    padding-top: 20px !important;
  }
  section.text-block {
    height: auto !important;
  }
  .feature-chart__table--multi-columns .feature-chart__table-row {
    grid-template-columns: repeat(2, 160px);
  }
  .feature-chart__value {
    grid-row: 2;
  }
  .images-scrolling__content p.h1 {
    width: 100%;
  }
  .images-scrolling__content p {
    font-size: 20px;
    width: 100%;
    color: #000;
  }
  .slick-prev {
    left: -5px;
  }
  .slick-next {
    right: -5px;
  }
  .homepage-box.welcome-wrapper {
    padding: 0;
  }
  #goggle-review-wrap .review-row {
    display: flex;
    flex-direction: column;
  }
  #goggle-review-wrap .grw-slider-header {
    width: 100%;
  }
  #goggle-review-wrap .grw-slider-header {
    width: 100%;
    margin-bottom: 48px;
  }
  div#addvideo {
    max-height: 200px;
  }
  .modl-selector-wrap {
    text-align: center;
  }
  .modl-selector-wrap > div {
    margin-bottom: 10px;
  }
  .section-stack__main {
    margin-left: -20px !important;
    margin-right: -20px !important;
  }
  .feature-chart__table-row {
    position: relative;
  }
  .feature-chart__heading.bold {
    display: none;
  }
  .header .feature-chart__heading.bold {
    position: absolute;
    top: -100px;
    max-width: 300px;
    display: block;
  }
  .feature-chart__value.prose.text-subdued {
    margin: 0 8px;
  }
  section,
  section#models,
  .layers-info-wrap {
    padding: 0px !important;
    margin: 0px !important;
  }
  section#shopify-section-template--17290810851560__feature-chart {
    overflow: hidden;
  }
  section#goggle-review-wrap {
    margin-top: 25px;
  }
  .banner-header {
    font-size: 14px;
  }
  .banner-header p {
    font-size: 11px;
    margin-bottom: 0;
  }
  .homepage-box.welcome-wrapper {
    margin-top: -1px;
  }
  .content-wrapper-in {
    background: white;
    margin-bottom: -1px;
  }
  .feature-chart__table-row.header {
    padding-top: 200px;
  }
  .surcharge-list {
    width: calc(50% - 20px);
  }
  .btn.choice-Model {
    display: block;
    margin: auto;
  }
  #goggle-review-wrap {
    padding: 15px;
  }
  .HeaderContainer__Inner-sc-1532ffp-0.kfmkAH {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
  }
  .iCNeqx {
    font-size: 32px;
  }
  .AGaFi {
    font-size: 17px;
  }
  button.ButtonBase__ButtonContainer-sc-p43e7i-3.euBiGU {
    padding: 2px 11px;
    border-radius: 22px;
    background-color: rgba(0, 0, 0, 0);
  }
  span.ButtonBase__Overlay-sc-p43e7i-4.jhGZeV {
    padding: unset !important;
  }
  span.ButtonBase__Ellipsis-sc-p43e7i-5.dqiKFy {
    padding: 8px 0px;
    border-radius: 22px;
    background-color: rgba(0, 0, 0, 0);
    text-transform: uppercase;
  }
  .text-block {
    margin-bottom: 0px !important;
  }
  section#section7,
  section#section5,
  section#section3,
  section#section1 {
    padding-top: 20px !important;
    background-color: #ededed;
    padding: 0px;
    margin-bottom: 20px !important;
  }
  .gray-background {
    background: #ededed !important;
  }
  .footer-banners {
    margin-top: 0px;
  }
  .impact-text.impact-text--center.container {
    background: #ededed;
  }
  .snap-center .prose p {
    max-width: 240px !important;
  }
  .section.section-blends.section-full,
  section#models {
    padding: 20px 0px !important;
  }
  .section.section-blends.section-full .scrollable-with-controls,
  section#models .scrollable-with-controls {
    padding: 0px;
  }
  .section.section-blends.section-full .banner-header,
  section#models .banner-header {
    bottom: 10px;
    font-size: 13px;
    min-height: 50px;
  }
  .section.section-blends.section-full .banner-header p,
  section#models .banner-header p {
    font-size: 11px;
  }
  .slick-next {
    right: -15px;
  }
  .slick-prev {
    left: -20px;
  }
  .slick-slide svg.icon.icon-circle-button-right-clipped {
    display: none !important;
  }
  .feature-chart__table.feature-chart__table--multi-columns.divide-y.scroll-area {
    padding: 20px 0;
  }
  .welcome .section.section-blends.section-full {
    padding: 0 20px !important;
  }
  .playpause {
    width: 60px;
    height: 60px;
    overflow: hidden;
  }
  div#menu-widget .picture {
    max-width: 150px !important;
    max-height: 94px;
  }
  div#menu-widget .picture .title {
    bottom: 5px !important;
  }
  .hotspot[style="top: 24%; left: 82%;"] .tooltips {
    left: -53%;
  }
  .snap-center h2.impact-text__text.heading.break-all {
    margin-top: 20px;
  }
  .section.section-full.bg-custom.full-width .snap-center {
    margin: auto;
    margin-bottom: 0px !important;
  }
  section.shopify-section.horiz-video.shopify-section--video.full-width {
    padding: 10px !important;
  }
  .hotspot:after {
    content: "+";
    font-size: 16px !important;
    color: #fff;
    position: relative;
    top: 1px;
    left: 6px !important;
  }
  .hotspot:before {
    width: 25px !important;
    height: 25px !important;
  }
  .hotspot {
    width: 20px !important;
    height: 20px !important;
  }
  .twentytwenty-wrapper.twentytwenty-horizontal {
    margin-bottom: 20px !important;
  }
  .slick-dots {
    bottom: -10px;
  }
  .gray-backgroun {
    background: #e91e63;
  }
  .wide-carousel {
    margin-left: -10px;
    margin-right: -10px;
  }
  .content-wrapper.container .row > div {
    padding-left: 0px;
    padding-right: 0px;
  }
  a.p-thumbnail {
    padding: 0 3px !important;
  }
  .image360,
  .p-image {
    margin-bottom: 20px;
  }
  .parameter-cars.patterns-wrap {
    display: flex;
    padding: 10px 0px 0;
  }
  .parameter-cars .button.option-button {
    margin: 0px;
    height: 52px;
  }
}
.p-detail-inner-header h1,
.justify-self-center h3,
.section-info h3,
h2.divider,
.sec-header,
#comparison h2 {
  background-image: var(--gradient);
  color: var(--color-primary);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  -webkit-background-clip: text;
  background-clip: text;
  text-align: left;
  font-size: 40px !important;
  text-transform: uppercase;
}

.justify-self-center h3 {
  text-align: center;
  font-size: 25px !important;
  margin-bottom: 40px;
}

.sec-prefix {
  font-size: 15px;
  color: black;
  text-transform: uppercase;
}

.banners-wrap {
  margin-top: 36px;
}
.banners-wrap .banner.gold-border {
  margin-bottom: 20px;
}

.gold-border {
  position: relative;
  border: 2px solid;
  border-radius: 20px;
  border: 5px solid var(--color-primary);
  border-radius: 30px;
  min-height: unset;
}
.gold-border img {
  border: none !important;
  max-width: unset;
  width: 100%;
}
.gold-border a {
  width: 100%;
}

.banner-prefix {
  position: absolute;
  top: 20px;
  color: #fff;
  padding: 5px 20px;
  background-color: var(--color-primary);
  text-transform: uppercase;
  font-size: 20px;
  left: 0;
}

.banner-header {
  background: rgba(0, 0, 0, 0.631372549);
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  min-height: 60px;
  text-align: center;
  font-size: 18px;
  text-transform: uppercase;
  color: white;
  padding-top: 8px;
}
.banner-header p {
  font-size: 14px;
  margin-bottom: 0;
}
.banner-header .flex {
  margin-top: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  text-align: center;
}

.gray-backgroun {
  background: #f2f2f2;
  padding: 0px 0 20px;
  position: relative;
  top: 0;
  left: 50%;
  width: 100vw;
  height: auto;
  transform: translateX(-50%);
}

button.text-with-icon.group,
.btn.more-pictures-button,
section#models a.btn {
  background: var(--color-primary);
  color: white;
  border-radius: 50px;
  padding: 6px 30px;
  display: block;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  border-color: transparent;
}

@media (min-width: 768px) {
  .banners-wrap {
    display: flex;
    justify-content: space-between;
  }
  .banner.gold-border {
    width: calc(50% - 20px);
  }
  .info-wrap {
    display: flex;
    justify-content: space-between;
  }
  .info-wrap .image-container {
    width: calc(50% - 20px);
    margin-top: 20px;
  }
}
.image-slider {
  margin-top: 30px;
}
.image-slider .image {
  padding: 5px;
}

section#comparison {
  padding-top: 40px;
}
section#comparison .flex {
  margin-bottom: 40px;
}
section#comparison .flex > div {
  width: 33%;
  padding: 20px;
}
section#comparison .center .top,
section#comparison .right .top {
  padding: 20px;
}
section#comparison .center .top img,
section#comparison .right .top img {
  display: block;
  margin: auto;
  margin-bottom: 20px;
}
section#comparison .center .row,
section#comparison .right .row {
  padding: 0 20px;
}
section#comparison .center {
  box-shadow: #8e8e8e 1px 1px 26px;
  border-radius: 30px;
}
section#comparison .top {
  border-bottom: 1px solid rgb(237, 237, 237);
  height: 385px;
}
section#comparison .top p,
section#comparison .top span {
  font-size: 17px;
  padding-right: 40px;
}
section#comparison .row {
  border-bottom: 1px solid rgb(237, 237, 237);
  height: 70px;
  display: flex;
  align-content: center;
  align-items: center;
}
section#comparison .row.header {
  font-weight: 600;
}
section#comparison h2 {
  margin-top: 0;
}
section#comparison .row.more {
  display: none !important;
}
section#comparison.show-more .row.more {
  display: flex !important;
}
@media (max-width: 768px) {
  section#comparison .flex > div {
    width: 50%;
  }
  section#comparison .row.header {
    display: none !important;
  }
  section#comparison .left {
    width: 100% !important;
  }
  section#comparison .left .top {
    border-bottom: none;
  }
  section#comparison .flex {
    flex-wrap: wrap;
  }
  section#comparison .center,
  section#comparison .right {
    padding: 10px !important;
  }
  section#comparison .center .top,
  section#comparison .right .top {
    padding: 0px;
    height: 240px;
  }
  section#comparison .center .top span,
  section#comparison .right .top span {
    font-size: 14px;
  }
  section#comparison .row.header.more {
    display: none !important;
  }
  section#comparison .row {
    font-size: 14px;
    padding: 0 !important;
    min-height: 100px;
    border-bottom: 1px solid transparent !important;
  }
  section#comparison .top {
    border-bottom: 1px solid transparent !important;
  }
  section#comparison .center {
    border-radius: 15px;
  }
}

.gray-background {
  background: #ededed;
}

section.full-width {
  width: 100vw;
}

h2.sec-header {
  margin-bottom: 0;
  line-height: 1.5;
}

.slick-slide > div {
  margin: 10px;
}

a.gold-border.collection-card.shadow {
  overflow: hidden;
}

.welcome .more-pictures.slow {
  margin-top: 30px;
}

.customers h2.divider {
  text-align: center;
}

.layers-info-wrap {
  position: relative;
}
.layers-info-wrap img {
  border: none !important;
}
.layers-info-wrap .image-container {
  margin-right: 0;
}
.layers-info-wrap .layers-text p {
  font-size: 17px;
  max-width: 500px;
  color: #000;
}
.layers-info-wrap .layers-text h2 {
  color: var(--color-primary);
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 400;
}
@media (min-width: 700px) {
  .layers-info-wrap .layers-text {
    position: absolute;
    bottom: 40%;
  }
}
@media (max-width: 768px) {
  .layers-info-wrap .layers-text {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px 20px 0;
  }
  .layers-info-wrap .layers-text p {
    font-size: 14px;
  }
  .layers-info-wrap .layers-text h2 {
    font-size: 20px;
  }
}

@media (max-width: 768px) {
  .banner-prefix {
    position: absolute;
    top: 20px;
    color: #fff;
    padding: 5px 7px;
    background-color: var(--color-primary);
    text-transform: uppercase;
    font-size: 10px;
    left: 0;
  }
  .product-slider {
    display: flex;
    flex-direction: column !important;
    flex-wrap: wrap !important;
  }
  .point-picture {
    overflow: hidden;
    margin-left: -10px;
    margin-right: -10px;
    padding: 10px;
    padding: 10px;
  }
  .point-picture.overflow-show {
    overflow: visible;
  }
  .hotspot[style="top: 63%; left: 5%;"] {
    left: 68px !important;
  }
  .basic-description .timeline__slider {
    margin-bottom: 0px !important;
  }
  .row-mobile {
    display: block;
    padding: 10px;
    background: #dadada;
    height: 30px;
    margin-left: -10px !important;
    margin-right: -10px !important;
  }
  .row-mobile .header-info {
    position: absolute;
    margin-top: -3px;
    font-weight: 600;
  }
  .row-mobile.more {
    display: none;
  }
  .show-more .row-mobile.more {
    display: block;
  }
  section#comparison .center {
    box-shadow: none;
  }
  img.imageChart.left {
    padding: 5px !important;
  }
}
/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.accordion:hover {
  background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}

@media (max-width: 1640px) {
  .layers-info-wrap .layers-text {
    position: absolute;
    bottom: 12%;
  }
}
.set.gold-border {
  overflow: hidden;
}

.in-rozcestnik .main-product .set {
  width: 98% !important;
}
.in-rozcestnik .content-inner {
  max-width: unset;
}
.in-rozcestnik h2.model {
  margin-top: 50px;
  background-image: var(--gradient);
  color: var(--color-primary);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  -webkit-background-clip: text;
  background-clip: text;
  text-align: left;
  font-size: 40px !important;
  text-transform: uppercase;
}

.twentytwenty-wrapper.twentytwenty-horizontal {
  margin-bottom: 50px;
}

.product-slider {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.product-slider .set.gold-border {
  width: calc(33% - 20px) !important;
}

.btn.choice-Model,
.btn.more-pictures-button {
  background: linear-gradient(to right, #aa910a, #c49b31);
  border-radius: 50px;
  color: white;
  border-color: #c49b31;
  box-shadow: none;
}

.btn.more-pictures-button {
  margin: auto;
  display: block;
  width: fit-content;
  margin-top: 20px;
}

.gold-button {
  background: linear-gradient(to right, #aa910a, #c49b31);
  border-radius: 15px !important;
  color: white;
  border-color: #c49b31;
  box-shadow: none;
}
.gold-button:hover {
  background: linear-gradient(to right, #c49b31, #aa910a);
  color: white;
}

a.btn.btn-lg.gold-button {
  width: 100%;
  margin-top: 10px;
}

.slick-prev:before,
.slick-next:before {
  content: "\e910";
  font-size: 24px;
  speak: none;
  display: inline-block;
  font-family: shoptet;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 0;
  text-decoration: none;
  text-transform: none;
  color: var(--color-primary);
}

.slick-prev:before {
  transform: rotate(180deg);
}

.scrollable-with-controls {
  margin-top: 30px;
}

.button.option-button img {
  border-color: white;
}

.layers-info img,
.text-with-icons__item.snap-center img {
  border: none !important;
}

.twentytwenty-wrapper.twentytwenty-horizontal {
  border: 2px solid var(--color-primary);
  border-radius: 13px;
  overflow: hidden;
}

.container-slider {
  display: flex;
}

.left-column {
  width: 60%;
  padding: 20px;
  padding-top: 350px;
}

.right-column {
  width: 40%;
  position: sticky;
  top: 0;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.right-column img {
  max-width: 100%;
  max-height: 100%;
  transition: opacity 0.5s ease-in-out;
}

.text-block {
  margin-bottom: 100px;
  /* Upravte podle potřeby */
}

.image-container {
  position: relative;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
}
.image-container img {
  border-radius: 10px;
}

.right-column img {
  border-radius: 10px;
}

.timeline__image-wrapper img {
  overflow: hidden;
  border-radius: 10px;
}

.content-over-media.aspect-video.shadow-block.rounded-lg.text-custom video {
  border-radius: 25px;
  overflow: hidden;
}

.layers-info-wrap {
  margin-bottom: 40px;
}

video,
.banner-wrap.upsale,
div#wrap,
a.thumbnail-image.p-main-image.cloud-zoom img,
.media-with-text__media img,
.slick-slide .image img,
.twentytwenty-wrapper.twentytwenty-horizontal,
.mobile-image img,
.image-container img {
  border-radius: 10px !important;
  position: relative !important;
  border: 5px solid var(--color-primary) !important;
  border-radius: 25px !important;
}

.mobile-image.no-border img {
  border: none !important;
}

.layers-info-wrap .image-container img {
  border: none !important;
}

.main-image {
  max-width: 100%;
  height: auto;
  display: block;
}

.hotspot {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: var(--color-primary);
  position: absolute;
}
.hotspot:before {
  content: "";
  width: 35px;
  height: 35px;
  position: absolute;
  border-radius: 50%;
  position: absolute;
  top: -3px;
  left: -3px;
  border: 2px solid var(--color-primary);
  animation: anim-ripple 2s infinite;
}
.hotspot:after {
  content: "+";
  font-size: 21px;
  color: white;
  position: relative;
  top: 1px;
  left: 10px;
}
@keyframes anim-ripple {
  from {
    opacity: 1;
    transform: scale3d(0.75, 0.75, 1);
  }
  to {
    opacity: 0;
    transform: scale3d(1.25, 1.25, 1);
  }
}

.hotspot .tooltips {
  visibility: hidden;
  width: 200px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  text-align: center;
  padding: 10px;
  border-radius: 6px;
  /* Pozicování bubliny */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  /* Umístění nad hotspotem */
  left: 50%;
  transform: translateX(-50%);
  /* Šipka bubliny */
  opacity: 0;
  transition: opacity 0.3s;
}

.hotspot .tooltips::after {
  content: "";
  position: absolute;
  top: 100%;
  /* Dolní okraj bubliny */
  left: 50%;
  transform: translateX(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
}

/* Zobrazení bubliny při hoveru */
.tooltips.show {
  visibility: visible;
  opacity: 1;
}
.tooltips.show p {
  color: white;
  font-size: 14px;
}

.availability-value {
  display: none;
}

.hotspot:focus .tooltips {
  visibility: visible;
  opacity: 1;
}

.main-product .set {
  width: 97% !important;
}

section#Model-selecte h2 {
  font-size: 32px;
  text-transform: uppercase;
}
section#Model-selecte .model {
  text-align: center;
  margin-bottom: 40px;
  font-size: 20px;
}

.order-product {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

section#sets {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
section#sets .set {
  position: relative;
}
@media (min-width: 768px) {
  section#sets .set {
    width: calc(50% - 20px);
    margin: 10px;
  }
}
section#sets .set-name {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 25px;
  color: white;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
}

.in-rozcestnik .main-product {
  margin-bottom: 40px;
}
.in-rozcestnik .twentytwenty-wrapper.twentytwenty-horizontal {
  margin-bottom: 50px;
}
.in-rozcestnik section#Model-selecte {
  padding-bottom: 0 !important;
}
.in-rozcestnik section#sets {
  padding-top: 0;
}

@media (max-width: 768px) {
  .main-product .set {
    width: 100% !important;
  }
  section#sets .set {
    position: relative;
    width: calc(50% - 10px);
  }
  .order-product .set-name {
    font-size: 13px !important;
  }
  .product-slider {
    justify-content: center;
  }
  .product-slider {
    margin-top: 5px;
  }
  .product-slider .set.gold-border {
    width: calc(100% - 20px) !important;
    margin: 10px;
  }
  .product-slider .set.gold-border .banner-header {
    bottom: 0px;
  }
  .in-rozcestnik h2.model {
    font-size: 28px !important;
  }
  .content-wrapper.container .row {
    margin-left: 0px;
    margin-right: 0px;
  }
  .layers-info-wrap .image-container img {
    border: none !important;
    position: relative !important;
    left: 14px;
  }
}
.in-rozcestnik header h1 {
  display: none;
}
.in-rozcestnik .section.section-full.bg-custom.full-width {
  margin: 50px 0;
}
.in-rozcestnik .section.section-full.bg-custom.full-width .snap-center .prose p {
  max-width: 520px;
}

footer#footer {
  background: rgb(26, 26, 26);
}
footer#footer h4,
footer#footer a,
footer#footer li {
  color: rgb(255, 255, 255);
  text-transform: uppercase;
}
footer#footer h4 {
  text-decoration: underline;
}
footer#footer a.facebook,
footer#footer a.instagram,
footer#footer a.tiktok {
  font-size: 0;
}
footer#footer a.facebook::before {
  content: "\e937";
  font-size: 30px;
  margin-right: 20px;
  vertical-align: middle;
  speak: none;
  display: inline-block;
  font-family: shoptet;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 0;
  text-decoration: none;
  text-transform: none;
  height: 30px;
  width: 30px;
}
footer#footer a.instagram::before {
  content: "\e909";
  font-size: 30px;
  margin-right: 20px;
  vertical-align: middle;
  speak: none;
  display: inline-block;
  font-family: shoptet;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 0;
  text-decoration: none;
  text-transform: none;
  height: 30px;
  width: 30px;
}
footer#footer a.tiktok::before {
  content: "\e940";
  font-size: 30px;
  margin-right: 20px;
  vertical-align: middle;
  speak: none;
  display: inline-block;
  font-family: shoptet;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 0;
  text-decoration: none;
  text-transform: none;
  height: 30px;
  width: 30px;
}
footer#footer .soc-wrap {
  margin-top: 30px;
}
footer#footer {
  margin-top: 20px;
}

#footer > .container {
  background: rgb(26, 26, 26);
}

.custom-footer__banner1 {
  display: none;
}

@media (min-width: 1200px) {
  .footer-rows .site-name {
    display: block;
    left: 20px;
    max-width: 200px;
    position: absolute;
    top: 96px;
  }
  .footer-rows .site-name a img {
    max-height: 200px;
  }
}
.custom-footer__banner4 {
  display: none;
}

.content-wrapper.latest-contribution-box {
  display: none;
}

.custom-footer__banner30 {
  display: none;
}

.custom-footer__banner10 {
  display: none;
}

@media (min-width: 900px) {
  .custom-footer > div {
    flex: 0 0 auto;
    width: 33%;
  }
}
@media (max-width: 768px) {
  #footer {
    position: relative;
  }
  #footer .site-name {
    top: 50px;
  }
  #footer .site-name {
    display: block;
  }
  .custom-footer.elements-4 {
    margin-top: 200px;
    border-top: none;
  }
  #footer .banner-wrapper {
    text-align: center;
  }
  .custom-footer.elements-5 {
    padding-top: 200px;
  }
}
.p-detail-inner-header h1 {
  display: none;
}

.col-xs-12.col-lg-6.p-info-wrapper .faq.container {
  order: 8;
  width: 100%;
}
.col-xs-12.col-lg-6.p-info-wrapper .faq.container button.accordion {
  font-size: 15px;
}

.type-product .faq.container .sec-header {
  font-size: 27px !important;
}

.parameter-wrap.parameter-110 .text {
  display: none !important;
}

.model-info {
  order: 2;
}

.position-wrap.parameter-cars.parameter-wrap.base-config {
  display: flex;
  flex-direction: column;
}
.position-wrap.parameter-cars.parameter-wrap.base-config section#model-selector {
  order: 1;
}
.position-wrap.parameter-cars.parameter-wrap.base-config .parameter-cars.wheel-Position {
  order: 2;
}
.position-wrap.parameter-cars.parameter-wrap.base-config .parameter-cars.sit-Position {
  order: 3;
}
.position-wrap.parameter-cars.parameter-wrap.base-config .parameter-cars.door-Position {
  order: 4;
}
.position-wrap.parameter-cars.parameter-wrap.base-config button.next-step-button {
  order: 5;
}
.position-wrap.parameter-cars.parameter-wrap.base-config .modl-selector-wrap {
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
}
.position-wrap.parameter-cars.parameter-wrap.base-config .surcharge-list {
  width: 45% !important;
  margin-bottom: 20px;
}

.upsale-button.radio {
  border: 1px solid #e0d5b8;
}

.parameter-57 .image-wrap {
  display: none !important;
}

.p-info-wrapper section#model-info {
  padding: 10px !important;
}

.p-thumbnails-inner.slick .slick-slide > div {
  margin: 0 !important;
}
.p-thumbnails-inner.slick .slick-slide > div a img {
  border: 4px solid #c49b31 !important;
  border-radius: 10px;
}

.options-wrap.radio-wrap {
  display: flex;
  flex-direction: column;
}
.options-wrap.radio-wrap .button.option-button.radio-row {
  width: 100%;
}
.options-wrap.radio-wrap span.radio-text {
  margin-right: 10px;
  margin-left: 5px;
}
.options-wrap.radio-wrap .button.option-button.active {
  border-color: transparent !important;
}
.options-wrap.radio-wrap .button.option-button.active:before {
  display: none;
}

span.price-standard {
  display: flex;
}

.recommended-price {
  margin-right: 19px;
}

.recommended-price-final {
  font-size: 20px;
}

span.price-save {
  margin-left: 10px;
}

span.price-standard {
  margin-bottom: 10px;
}

strong.price-final {
  display: flex;
}
strong.price-final .recommended-price-final {
  margin-right: 40px;
}

a.button.option-button.active {
  pointer-events: none;
}

.base-config.parameter-cars .button.option-button {
  background: gray;
}

.col-xs-12.col-lg-6.p-info-wrapper:not(.active) {
  position: relative;
  height: 2000px;
  overflow: hidden;
  border-radius: 15px;
}

.col-xs-12.col-lg-6.p-info-wrapper:not(.active)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(90deg, #eeeeee 25%, #dddddd 50%, #eeeeee 75%);
  background-size: 200% 100%;
  animation: loading-shimmer 1.5s infinite;
  z-index: 10;
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
  pointer-events: none;
}

.col-xs-12.col-lg-6.p-info-wrapper h1 {
  display: block !important;
}

.col-xs-12.col-lg-6.p-info-wrapper.active::before {
  opacity: 0;
}

@keyframes loading-shimmer {
  0% {
    background-position: -100% 0;
  }
  100% {
    background-position: 100% 0;
  }
}
.parameter-wrap.parameter-110 .image-wrap {
  display: none !important;
}

.p-detail-inner-header {
  order: 1;
}

.no-border video {
  border: none !important;
}

.type-product p[data-testid=productCardDescr],
.type-product .ti-dropdown-widget-inner:before,
.type-product .p-detail-info,
.type-product span.parameter-dependent.default-variant,
.type-product .social-buttons-wrapper {
  display: none;
}
.type-product .model-selector.container {
  width: auto;
}
.type-product span.calculated-price {
  color: var(--color-primary);
}
.type-product .ti-dropdown-widget {
  top: 10%;
}
.type-product button.btn.btn-lg.btn-conversion.add-to-cart-button.upsale {
  position: absolute;
  right: 0;
  background-color: var(--color-primary);
  border: 1px solid var(--color-primary);
  border-radius: 10px;
  bottom: 43px;
}
.type-product span.flag.flag-discount {
  display: none;
}
.type-product .point-picture .image-container {
  max-width: unset !important;
}

.p-short-description p {
  margin-bottom: 0;
}

.col-xs-12.col-lg-6.p-info-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
}
.col-xs-12.col-lg-6.p-info-wrapper section#model-selector {
  order: 3;
  padding: 10px;
  margin-bottom: 10px !important;
}
.col-xs-12.col-lg-6.p-info-wrapper section#model-info {
  order: 3;
}
.col-xs-12.col-lg-6.p-info-wrapper table.detail-parameters {
  order: 2;
}
.col-xs-12.col-lg-6.p-info-wrapper .content-wrap {
  order: 3;
}
.col-xs-12.col-lg-6.p-info-wrapper .upsale-text {
  order: 4;
}
.col-xs-12.col-lg-6.p-info-wrapper .p-final-price-wrapper {
  order: 5;
  margin-bottom: 0;
}
.col-xs-12.col-lg-6.p-info-wrapper .upsale-wrap {
  order: 5;
}
.col-xs-12.col-lg-6.p-info-wrapper .availability-value {
  order: 6;
}
.col-xs-12.col-lg-6.p-info-wrapper .add-to-cart {
  order: 7;
}
.col-xs-12.col-lg-6.p-info-wrapper .NoteDiv {
  order: 8;
}
.col-xs-12.col-lg-6.p-info-wrapper .p-short-description {
  order: 1;
  font-size: 20px;
}
.col-xs-12.col-lg-6.p-info-wrapper p[data-testid=productCardDescr] {
  order: 10;
}
.col-xs-12.col-lg-6.p-info-wrapper .social-buttons-wrapper {
  order: 11;
}

table.detail-parameters {
  display: none;
}

.model {
  font-size: 20px;
  margin-bottom: 20px;
}

.model-select .h3 {
  font-size: 20px;
  text-align: center;
  margin-bottom: 30px;
  margin-top: 20px;
}

.wheel-Position input[type=checkbox]:checked + label:before,
.wheel-Position input[type=radio]:checked + label:before,
.wheel-Position input[type=checkbox]:checked + label:after,
.wheel-Position input[type=radio]:checked + label:after {
  display: none !important;
}

.choice-model {
  margin-bottom: 20px;
}

.type-product section#model-selector {
  padding-bottom: 20px;
  background: transparent;
}
.type-product .surcharge-list select,
.type-product .variant-list select,
.type-product .dm-selector .selector select {
  width: 150px;
  border: 2px solid #e0d5b8;
  border-radius: 10px;
  padding: 8px 36px 8px 12px;
  font-family: "Exo 2", sans-serif;
  font-size: 14px;
  background-color: #fff;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%23c5a44e' d='M6 8L0 0h12z'/></svg>");
  background-repeat: no-repeat;
  background-size: 12px 8px;
  background-position: right 12px center;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  transition: border-color 0.2s;
}
.type-product .surcharge-list select:focus,
.type-product .variant-list select:focus,
.type-product .dm-selector .selector select:focus {
  border-color: #c5a44e;
  outline: none;
}
.type-product .modl-selector-wrap .surcharge-list {
  margin-right: 5px;
}

.row.product-top {
  margin-top: 20px;
}

.p-detail-inner-header h1 {
  margin-top: 0;
  display: inline-block;
  margin-bottom: 50px;
}

.parameter-info {
  padding: 10px 10px;
  background: #e7e7e7;
  margin: 20px 20px 0;
}

i.info-icon {
  border-radius: 50%;
  border: 1px solid black;
  padding: 0px 8px;
  margin-right: 10px;
  font-size: 12px;
  font-style: normal;
}

.p-detail-info {
  margin-bottom: 40px;
}

.parameter-wrap {
  position: relative;
  margin-bottom: 8px;
  border-radius: 10px;
  overflow: hidden;
  border: none;
  background: transparent;
  transition: max-height 0.32s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.2s ease, background-color 0.2s ease;
}
.parameter-wrap.active {
  border: 2px solid #e0d5b8;
}
.parameter-wrap .order {
  background: linear-gradient(135deg, #d9bb6b 0%, #b98f36 100%);
  width: 100%;
  height: auto;
  color: #1f1a10;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: left;
  font-family: "Exo 2";
  padding: 10px 16px;
  display: flex;
  align-items: center;
  gap: 14px;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
  user-select: none;
}
.parameter-wrap .lcd-step-num {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: #1d1911;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  border-radius: 7px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.parameter-wrap .h4.variant.name {
  position: absolute;
  left: 75px;
  top: 14px;
  font-size: 15px;
  color: #1f1a10;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 800;
}

.NoteDiv {
  border-radius: 10px;
  overflow: hidden;
}
.NoteDiv > div {
  background: linear-gradient(135deg, #c5a44e, #a8893a);
  padding: 14px 20px;
  text-align: left;
  width: 100%;
  height: auto;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  font-family: "Exo 2";
  letter-spacing: 1px;
}
.NoteDiv > div .NoteNadpis {
  color: white;
  font-size: 110%;
  text-transform: uppercase;
}
.NoteDiv textarea#Note {
  border-color: #e0d5b8;
  border-radius: 0 0 8px 8px;
  background: #fff;
}

.parameter-wrap.parameter-undefined.orders-3.goToAction.base-config .parameter-wrap,
.box-config .parameter-wrap {
  border-color: transparent;
}

.base-config h5.variant.name {
  position: absolute;
  top: 14px;
  left: 58px;
  color: #1f1a10;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 1px;
  font-size: 15px;
}

.config-wrap {
  background: #fff;
  border-radius: 0 0 10px 10px;
  padding: 16px;
}

.order {
  border-radius: 10px;
}

.parameter-wrap.active .order,
.position-wrap.active .order {
  border-radius: 10px 10px 0 0;
}

.upsale-buttons.boxs {
  position: relative;
}
.upsale-buttons.boxs img {
  border-radius: 25px;
}

.option-wrap {
  display: flex;
}

.parameter-cars.sit-Position {
  display: flex;
}

.parameter-cars.door-Position {
  display: flex;
}
.parameter-cars.door-Position .label.door .label-sub {
  font-size: 12px;
  opacity: 0.7;
  font-weight: normal;
}

.parameter-cars .button.option-button {
  background-color: rgba(128, 128, 128, 0.6);
  margin: 5px;
  padding: 10px;
  border-radius: 10px;
  color: white;
  min-width: 40px;
  text-align: center;
  font-size: 25px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
.parameter-cars .button.option-button img {
  max-height: 35px;
}
.parameter-cars .button.option-button img + .text {
  display: none;
}
.parameter-cars .button.option-button:hover {
  transform: scale(1.08);
}
.parameter-cars .button.option-button.active {
  background: linear-gradient(135deg, #c5a44e, #a8893a);
  box-shadow: 0 2px 8px rgba(197, 164, 78, 0.4);
}
.parameter-cars .button.option-button span {
  padding: 5px 5px;
  line-height: 1;
  top: 2px;
  position: relative;
}

.box-config .config-wrap {
  background: transparent;
}
.box-config .options-wrap {
  width: 79%;
}
.box-config .options-wrap .button.option-button .text {
  bottom: -18px;
}
.box-config .parameter-wrap.parameter-91,
.box-config .parameter-wrap.parameter-63 {
  border-bottom: 1px solid rgba(175, 175, 175, 0.2392156863);
  padding: 0 0px;
  margin: 0 20px;
  border-radius: 0;
}
.box-config .parameter-wrap.parameter-91.errorToCart,
.box-config .parameter-wrap.parameter-63.errorToCart {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 10px;
  border-radius: 20px;
  margin-top: 10px;
  border: solid 2px red !important;
  padding: 0px 15px;
}
.box-config .noText .option-button .text {
  display: none !important;
}

.options-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 10px;
}
.options-wrap .button.option-button {
  width: 12%;
  margin: 5px;
  position: relative;
  border: 3px solid transparent;
  border-radius: 10px;
  transition: all 0.2s ease;
}
.options-wrap .button.option-button img {
  overflow: hidden;
  border-radius: 8px;
}
.options-wrap .button.option-button {
  cursor: pointer;
}
@media (max-width: 768px) {
  .options-wrap .button.option-button {
    width: 29%;
    height: auto;
  }
}
.options-wrap .button.option-button .text {
  position: absolute;
  background: #333;
  color: white;
  bottom: 55px;
  text-align: center;
  font-size: 10px;
  display: none;
  width: 150px;
  z-index: 500;
  transform: translateX(-30%);
  border-radius: 6px;
  padding: 4px 8px;
}
.options-wrap .button.option-button:hover {
  position: relative;
  z-index: 1200;
}
.options-wrap .button.option-button:hover .text {
  display: block;
  z-index: 1300;
}
.options-wrap .button.option-button:hover {
  transform: scale(1.05);
}
.options-wrap .button.option-button.active {
  border-color: #c5a44e;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(197, 164, 78, 0.4);
}
.options-wrap .button.option-button.active:before {
  content: "\e913";
  speak: none;
  display: inline-block;
  font-family: shoptet;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 0;
  text-decoration: none;
  text-transform: none;
  vertical-align: middle;
  font-size: 20px;
  position: absolute;
  width: 40px;
  height: 40px;
  background: transparent;
  color: #c5a44e;
  border-radius: 50%;
  padding: 20px 10px;
  left: 22%;
  top: 22%;
}
@media (max-width: 768px) {
  .options-wrap .button.option-button.active:before {
    left: 3px !important;
    top: 3px !important;
  }
}
.options-wrap .button.option-button.lines.active:before {
  display: none;
}

.position-wrap.parameter-cars.parameter-wrap.base-config:has(> .wheel-Position) {
  padding-bottom: 12px;
}
.position-wrap.parameter-cars.parameter-wrap.base-config:has(> .wheel-Position) .sit-Position .button.option-button {
  padding: 12px 14px;
}
.position-wrap.parameter-cars.parameter-wrap.base-config:has(> .wheel-Position) > .next-step-button {
  margin-bottom: 14px;
}

span.quantity {
  display: none;
}

.btn.button-more {
  width: 100%;
  margin-bottom: 20px;
  background: #f6f6f6;
  color: black;
  border-color: white;
}

.pop-ower {
  display: none;
  background: rgba(0, 0, 0, 0.16);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: fixed;
  z-index: 10000;
}

.pop-up-options {
  background: white;
  padding: 50px;
  width: 80%;
  margin: auto;
  top: 20%;
  position: relative;
}

.close-btn {
  position: absolute;
  right: 10px;
  top: 0px;
  font-size: 30px;
  color: black;
  transform: rotate(45deg);
  cursor: pointer;
}

.navidation-Wrap {
  display: flex;
  margin-bottom: 10px;
}
.navidation-Wrap .navigatte-button {
  background: #dde2e7;
  margin-left: 2px;
  padding: 2px 7px;
}
.navidation-Wrap .navigatte-button.active {
  background: antiquewhite;
}

.upsale-wrap {
  display: none;
}
.upsale-wrap.active {
  display: block;
}

.upsale-Banner {
  display: flex;
  order: 4;
  margin-bottom: 8px;
  position: relative;
  overflow: hidden;
  flex-direction: column;
  border-radius: 10px;
}
.upsale-Banner h5.variant.name {
  position: absolute;
  top: 14px;
  left: 58px;
  color: #1f1a10;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 1px;
  font-size: 15px;
  margin: 0;
  line-height: 1.4;
}
.upsale-Banner .upsale-buttons {
  display: flex;
  flex-direction: column;
}
.upsale-Banner .upsale-buttons .parameter-cars {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  padding: 10px 20px;
}
.upsale-Banner .upsale-buttons .parameter-cars .banner-header {
  position: relative;
  background-color: transparent;
  bottom: 0;
  font-size: 15px;
  min-height: 50px;
  width: 100%;
  color: black;
}
.upsale-Banner .upsale-buttons .parameter-cars .banner-header .price {
  color: #c49b31;
}
.upsale-Banner .upsale-button.config {
  display: flex;
}
.upsale-Banner .upsale-button.none {
  display: flex;
  background: white;
}
.upsale-Banner .upsale-button.radio {
  display: flex;
}
.upsale-Banner .upsale-button {
  overflow: hidden !important;
  position: relative;
  margin: 5px;
  cursor: pointer;
  width: 100%;
  transition: all 0.2s ease;
  border-radius: 12px;
  border: 1px solid #e0d5b8;
}
.upsale-Banner .upsale-button .save,
.upsale-Banner .upsale-button .price,
.upsale-Banner .upsale-button .text {
  top: 0;
  width: 100%;
  text-align: center !important;
  top: 30%;
  padding: 5px;
  color: black;
}
.upsale-Banner .upsale-button .text {
  display: none !important;
}
.upsale-Banner .upsale-button .price {
  top: 50%;
}
.upsale-Banner .upsale-button .save {
  top: -50px !important;
}
.upsale-Banner.showConf {
  overflow: unset;
}
.upsale-Banner.showConf .box-config {
  right: 0;
  left: 0;
  transition: 1s;
  padding-bottom: 50px;
  border: 2px solid #e0d5b8;
  border-radius: 10px;
}
.upsale-Banner.showConf .upsale-buttons.position-wrap.parameter-cars.parameter-wrap.boxs {
  overflow: visible;
}
.upsale-Banner .box-config {
  position: absolute;
  top: 0;
  left: 1500px;
  right: -1500px;
  background: #fff;
  z-index: 500;
  transition: 1s;
}
.upsale-Banner .box-config .label {
  font-size: 20px;
  text-align: center;
  color: black;
}
.upsale-Banner .box-config .parameter-wrap {
  display: flex;
  max-height: 500px;
  background-color: white !important;
}
.upsale-Banner .box-config .parameter-wrap button.next-step-button {
  display: none;
}
.upsale-Banner .box-config h5.variant.name {
  width: 140px;
  font-size: 13px;
  text-align: left;
}
.upsale-Banner .box-config .button.option-button.text {
  background: #808080;
  border-radius: 15px;
}
.upsale-Banner .box-config .button.option-button.text.active {
  background: #c49b31;
}
.upsale-Banner .box-config .button.option-button {
  font-size: 14px;
  padding: 0;
  border-radius: 10px;
}
.upsale-Banner .box-config .button.option-button img {
  max-height: unset;
}
.upsale-Banner .box-config .parm {
  width: max-content;
  position: relative;
  left: 5px;
}
.upsale-Banner .box-config .button.option-button.active:before {
  left: 14px !important;
  top: 14px !important;
}
.upsale-Banner .box-config .price {
  height: 20px;
}
.upsale-Banner .upsale-Banner {
  overflow: hidden;
}
.upsale-Banner .close-btn {
  position: absolute;
  right: 10px;
  top: -17px;
  font-size: 44px;
  color: #000;
  transform: rotate(0deg);
  cursor: pointer;
}
.upsale-Banner .close-btn.return {
  top: unset;
  bottom: 5px;
  font-size: 20px;
  padding: 8px 16px;
  background: linear-gradient(135deg, #34a865, #238049);
  color: #fff;
  border-radius: 25px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.5px;
  box-shadow: 0 4px 16px rgba(35, 128, 73, 0.4);
}
.upsale-Banner .close-btn.return:hover {
  background: linear-gradient(135deg, #2f9a5c, #1e7241);
  box-shadow: 0 6px 24px rgba(35, 128, 73, 0.6);
}
.upsale-Banner .countdown-wrap .label {
  font-size: 15px;
  text-align: center;
  margin: 10px 0;
}

.navigatte-button {
  background-size: cover !important;
}

.navigatte-button.class1.barva.parameterNav4 {
  background-image: url(https://677818.myshoptet.com/user/documents/upload/assets/plus.png);
}

.parameter-wrap.parameter-cars h5 {
  text-align: center;
  font-size: 20px;
  color: black;
}
.parameter-wrap.parameter-cars .parameter-cars.wheel-Position {
  text-align: center;
}
.parameter-wrap.parameter-cars .can-toggle.demo-rebrand-1 label:before, .parameter-wrap.parameter-cars .can-toggle.demo-rebrand-1 label:after {
  display: none;
}

.type-detail .ti-dropdown-widget {
  height: auto;
}

.parameter-wrap.upsale {
  text-align: center;
}

.parameter-wrap h5 {
  text-align: center;
  font-size: 20px;
  color: #000;
  margin-top: 0;
}

.image-wrap {
  max-width: 320px;
  width: 50%;
  margin: 30px auto 10px;
}
.image-wrap img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.15);
}

.button-wrap {
  display: flex;
  flex-direction: column;
}

.parameter-wrap .btn.close,
.parameter-wrap .btn.upsale {
  max-width: 300px;
  margin: auto;
  margin-bottom: 20px;
  width: -webkit-fill-available;
}
.parameter-wrap .btn.close {
  background: #e0e4e9;
}
.parameter-wrap .btn.upsale {
  background: green;
  color: white;
}

.position-wrap.parameter-cars.active .parameter-cars.wheel-Position {
  display: flex;
  justify-content: flex-start;
}
.position-wrap.parameter-cars.active .parameter-cars.wheel-Position .label.wheel {
  padding: 8px 20px;
  margin: 0;
}
.position-wrap.parameter-cars.active .parameter-cars.door-Position {
  display: flex;
  justify-content: flex-start;
}
.position-wrap.parameter-cars.active .parameter-cars.door-Position .label.door {
  padding: 8px 20px;
  margin: 0;
}

.parameter-wrap.orders-5.base-config .text {
  display: none !important;
}

.parameter-wrap.orders-6 h5.variant.name,
.parameter-wrap.orders-7 h5.variant.name,
.parameter-wrap.orders-8 h5.variant.name {
  padding: 13px;
}

.upsale-text {
  margin-bottom: 20px;
}

.basic-description .section.section-full.bg-custom.full-width {
  padding: 50px 0;
  background: rgb(237, 237, 237);
}
.basic-description .text-with-icons__item.snap-center {
  padding: 10px;
  width: 50%;
  text-align: center;
}
@media (min-width: 990px) {
  .basic-description .text-with-icons__item.snap-center {
    width: 20%;
  }
}
.basic-description > h3 {
  display: none;
}
.basic-description h3 {
  font-size: 22px;
  text-transform: uppercase;
  font-weight: 600;
}
.basic-description .impact-text {
  gap: minmax(0, 1fr) auto;
  align-items: start;
  display: flex;
  justify-content: space-between;
}
.basic-description .impact-text__content p {
  display: block;
  margin: auto;
}
.basic-description h2.h3 {
  font-size: 22px;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  margin-block: 50px;
  background-color: Gray;
  color: white;
  padding: 10px;
}
.basic-description img.image-icon {
  width: 60px;
}
.basic-description p.h6 {
  font-size: 15px;
  text-transform: uppercase;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 600;
  min-height: 55px;
}
.basic-description .twentytwenty-wrap {
  padding: 0px 0;
}
.basic-description .media-with-text__item {
  padding: 30px 0;
}
.basic-description .twentytwenty-wrap.full-width {
  background-color: rgb(237, 237, 237);
}
.basic-description .media-with-text__item.full-width {
  background-color: rgb(237, 237, 237);
}
.basic-description .media-with-text__item.full-width .container {
  display: flex;
}
.basic-description .media-with-text__media img {
  border: none !important;
}
@media (min-width: 768px) {
  .basic-description .text-with-icons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }
  .basic-description .twentytwenty-wrap {
    display: flex;
  }
  .basic-description .twentytwenty-wrapper.twentytwenty-horizontal {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
  }
  .basic-description .section-info {
    font-size: 17px;
  }
  .basic-description .section.section-full.bg-custom.full-width .snap-center .prose p {
    max-width: 339px;
    text-transform: uppercase;
    color: #000;
    margin-left: auto;
    margin-right: auto;
  }
  .basic-description .media-with-text__item.full-width .container {
    max-width: 1338px;
    padding: 0;
  }
}
.basic-description .layers-info {
  position: relative;
}
.basic-description .layers-text h2.h2 {
  font-size: 25px;
  font-weight: 600;
}
.basic-description .layers-text p {
  max-width: 300px;
}
.basic-description .section.section-full.bg-custom.icons-package {
  padding: 30px 0 50px;
  text-align: center;
  margin-bottom: 30px;
}
.basic-description .section.section-full.bg-custom.icons-package h3 {
  font-size: 30px !important;
}
.basic-description .section.section-full.bg-custom.icons-package p.h5 {
  width: 100%;
  margin: 10px auto;
  font-weight: 600;
  text-transform: uppercase;
}
.basic-description .timeline__slider {
  align-items: start;
  display: grid;
  margin-bottom: 50px;
}
.basic-description .timeline__slider > * {
  grid-area: 1/-1;
}
.basic-description .timeline__nav-bar {
  width: 100%;
  height: 2px;
  background-color: rgba(109, 109, 109, 0.1215686275);
  position: absolute;
  top: 3px;
}
.basic-description .timeline__nav-item {
  gap: 0.75rem;
  max-width: 200px;
  min-width: 100px;
  align-content: flex-start;
  padding-inline-end: 1.25rem;
  display: grid;
  position: relative;
  background: transparent;
  border: none;
  text-align: left;
}
.basic-description .timeline__nav-item:before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  border-width: 2px;
  margin-block-start: -0.625rem;
  transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  border: 2px solid rgba(109, 109, 109, 0.1215686275);
}
.basic-description .timeline__nav {
  grid: auto/repeat(6, minmax(0, 1fr));
  width: max-content;
  min-width: 100%;
  display: grid;
}
.basic-description .relative.w-full {
  position: relative;
}
.basic-description .circle-button {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  place-items: center;
  transition: opacity 0.15s ease-in;
  display: grid;
  background-color: transparent;
  border: 1px solid rgba(109, 109, 109, 0.1215686275);
}
.basic-description .timeline__buttons {
  gap: 1rem;
  margin-block-start: -1.5rem;
  display: flex;
}
.basic-description .ring {
  box-shadow: 0 0 0 1px rgba(109, 109, 109, 0.1215686275);
}
.basic-description button.circle-button.ring.group:before {
  content: "\e910";
  speak: none;
  display: inline-block;
  font-family: shoptet;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 0;
  text-decoration: none;
  text-transform: none;
  vertical-align: middle;
  top: 14px;
  right: -2px;
  position: relative;
}
.basic-description button.circle-button.ring.group[is=prev-button] {
  transform: rotate(180deg);
}
.basic-description button.timeline__nav-item.active::before {
  background-color: gray;
}
.basic-description .timeline__slide {
  gap: 1.5rem;
  text-align: center;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  display: grid;
}
.basic-description .layers-info {
  padding-bottom: 30px;
}
.basic-description .btn.more-pictures-button {
  margin-bottom: 50px;
}
.basic-description .content-over-media.aspect-video.shadow-block.rounded-lg.text-custom {
  position: relative;
  margin-top: 50px;
}
.basic-description button.video-play-button {
  background: transparent;
  border: none;
}
.basic-description svg.icon.icon-play-button {
  color: white;
}
.basic-description .section.section-blends.section-dubble.section-full {
  margin-top: 50px;
}
.basic-description .section.section-blends.section-dubble.section-full .prose.break-all.place-self-center-start.text-start,
.basic-description .section.section-blends.section-dubble.section-full .prose.break-all.place-self-center-end {
  margin: 30px 20px;
}
.basic-description .section.section-blends.section-dubble.section-full .media-with-text__content.bg-custom.text-custom {
  background-color: transparent !important;
}
.basic-description .section.section-blends.section-dubble.section-full img {
  border: none;
  border-radius: 0;
}
.basic-description .section.section-blends.section-dubble.section-full .text-gradient {
  color: unset !important;
}
.basic-description .layers-info {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.basic-description .layers-info .image-container {
  width: 49%;
  margin: 40px 0;
}
.basic-description span.quantity {
  display: none;
}
.basic-description .prose .h2 {
  color: var(--color-primary);
}
@media screen and (min-width: 700px) {
  .basic-description .timeline__controls {
    --timeline-dot-size: 1.25rem;
    --timeline-dot-padding-inline-end: 1.25rem;
  }
  .basic-description .layers-text {
    position: absolute;
    bottom: 25%;
  }
}
@media screen and (min-width: 1000px) {
  .basic-description .timeline__slide > .timeline__image-wrapper {
    padding-inline-end: 16.5%;
  }
  .basic-description .timeline__slide > .prose {
    z-index: 1;
    padding-inline-start: 0;
    padding-inline-end: 0;
    position: relative;
  }
  .basic-description .timeline__slide {
    text-align: left;
    grid: auto/repeat(2, minmax(0, 1fr));
    gap: 0;
  }
  .basic-description .timeline__nav {
    width: 100%;
    min-width: auto;
    padding-block-start: 0;
  }
  .basic-description .timeline__controls {
    align-items: flex-start;
    gap: 2.5rem;
    display: flex;
  }
  .basic-description .media-with-text__item {
    display: flex;
    flex-direction: row;
  }
  .basic-description .media-with-text__content.bg-custom.text-custom {
    width: 50%;
  }
  .basic-description .media-with-text__media {
    width: 50%;
  }
  .basic-description .prose.break-all.place-self-center-end.text-end {
    text-align: right;
  }
}
@media screen and (max-width: 768px) {
  .basic-description .timeline__buttons.md-max\:hidden {
    display: none;
  }
  .basic-description .timeline__controls.scroll-area.bleed.md\:unbleed {
    overflow: scroll;
    padding: 10px 0;
  }
}

div#description p span.text-gradient {
  color: var(--color-primary) !important;
}

@media (min-width: 480px) {
  .col-xs-12.col-lg-6.p-info-wrapper.active .benefitBanner__item {
    flex: 0 0 50%;
    width: 100%;
    order: 3;
  }
}

.upsale-text,
.banner-wrap.upsale {
  position: relative;
  background-size: cover;
  background-position: center;
  padding: 20px;
  color: white;
  border-radius: 10px;
  overflow: hidden;
}
.upsale-text .overlay-banner,
.banner-wrap.upsale .overlay-banner {
  background: rgba(0, 0, 0, 0.3882352941);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.upsale-text .text,
.banner-wrap.upsale .text {
  z-index: 1;
  position: relative;
}
.upsale-text .heder.h2,
.upsale-text h3,
.banner-wrap.upsale .heder.h2,
.banner-wrap.upsale h3 {
  color: var(--color-primary);
  margin-bottom: 20px;
  font-size: 36px !important;
  margin-top: 0px;
  font-weight: 600;
}
.upsale-text .btn.button.upsale,
.upsale-text a.btn,
.banner-wrap.upsale .btn.button.upsale,
.banner-wrap.upsale a.btn {
  color: white;
  background: var(--color-primary);
  border: 1px solid var(--color-primary);
  margin: auto;
  border-radius: 50px;
  display: block;
  width: max-content;
  margin-bottom: 0px;
  margin-right: 0;
}
.upsale-text .prefix,
.banner-wrap.upsale .prefix {
  position: absolute;
  left: 0px;
  bottom: 0;
  font-weight: 600;
  font-size: 17px;
}
.upsale-text p,
.banner-wrap.upsale p {
  width: 80%;
  text-align: left !important;
}

.col-sm-12.shp-tabs-row.responsive-nav {
  display: none !important;
}

.thumbnails-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.thumbnails-wrap .thumbnail-image {
  width: 50%;
  padding: 5px;
}
.thumbnails-wrap .thumbnail-image img {
  border-radius: 10px;
}

.col-xs-12.col-lg-6.p-image-wrapper div#wrap {
  border-radius: 10px;
  overflow: hidden;
}
.col-xs-12.col-lg-6.p-image-wrapper a.yelowText {
  display: none;
}

.ti-dropdown-widget-inner .h2 {
  text-align: center;
  margin-bottom: 20px;
  font-size: 25px;
}
.ti-dropdown-widget-inner .description {
  margin-bottom: 10px;
}
.ti-dropdown-widget-inner .button.btn {
  width: fit-content;
  margin: auto;
  margin-bottom: 23px;
}
.ti-dropdown-widget-inner .prefix {
  font-size: 10px;
}

.ti-widget-container.upsale {
  overflow: auto;
}

div#description p span {
  color: black !important;
}

.upsale-button.active {
  border: 3px solid #c5a44e !important;
  box-shadow: 0 2px 12px rgba(197, 164, 78, 0.35);
}
.upsale-button.active img {
  border-color: #c5a44e;
}

.upsale-buttons.boxs,
.upsale-buttons.trunk {
  min-height: 0;
  transition: max-height 0.3s ease-in-out;
}
.upsale-buttons.boxs.active,
.upsale-buttons.trunk.active {
  max-height: 2600px;
}
.upsale-buttons.boxs .upsale-button.\30 ,
.upsale-buttons.boxs .upsale-button.config,
.upsale-buttons.boxs .upsale-button.radio,
.upsale-buttons.trunk .upsale-button.\30 ,
.upsale-buttons.trunk .upsale-button.config,
.upsale-buttons.trunk .upsale-button.radio {
  max-height: 500px;
  background: white;
}
.upsale-buttons.boxs .banner-header,
.upsale-buttons.trunk .banner-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.upsale-buttons.boxs img,
.upsale-buttons.trunk img {
  border-color: green;
  width: 47%;
  margin: auto;
  margin: 20px;
}

.box-config .image-wrap {
  display: none;
}

.upsale-button.active {
  border: 5px solid rgb(196, 155, 49);
  border-radius: 25px;
}

.button.option-button.text {
  min-width: 90px;
  text-align: center;
}

.button.option-button.text {
  min-width: 90px;
  text-align: center;
  background: white;
  height: auto;
}
.button.option-button.text .parm {
  font-weight: 600;
}
.button.option-button.text.active {
  border-radius: 0;
}

.button.option-button.lines {
  width: calc(33% - 10px);
}

.basic-description .section.section-blends.section-dubble.section-full .media-with-text__content.bg-custom.text-custom {
  display: flex;
  align-content: center;
  align-items: center;
}

.margin-top-5 {
  margin-top: 50px;
}

section.shopify-section.horiz-video.shopify-section--video video {
  max-height: 800px;
}

.btn.btn-cart,
.btn.btn-conversion,
a.btn.btn-cart,
a.btn.btn-conversion {
  background: #388e3c;
  border-color: #388e3c;
  color: #fff;
  border-radius: 25px;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.5px;
  box-shadow: 0 4px 16px rgba(197, 164, 78, 0.4);
  transition: all 0.3s ease;
}
.btn.btn-cart:hover,
.btn.btn-conversion:hover,
a.btn.btn-cart:hover,
a.btn.btn-conversion:hover {
  background: #2e7d32;
  box-shadow: 0 6px 24px rgba(197, 164, 78, 0.6);
}

section#model-info {
  display: flex;
  position: relative;
  width: 100%;
}
section#model-info .setup-model {
  padding: 9px 20px 9px;
  background: #6b6b6b;
  color: #fff;
  border-radius: 10px;
  height: 42px;
  font-size: 18px;
  line-height: 1.5;
  text-transform: uppercase;
  margin-top: 11px;
  cursor: pointer;
  position: absolute;
  right: 13px;
  top: 1px;
}
@media (max-width: 768px) {
  section#model-info .setup-model {
    position: absolute;
    margin-top: 10px;
    margin-left: auto;
  }
}

.model-info {
  border: 2px solid #388e3c;
  background: rgba(56, 142, 60, 0.1254901961);
  margin-right: 20px;
  border-radius: 10px;
  padding: 10px 20px 10px 70px;
  margin-bottom: 20px;
  position: relative;
  width: 100%;
  max-width: 700px;
}
.model-info::before {
  content: "\e913";
  speak: none;
  display: inline-block;
  font-family: shoptet;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 0;
  text-decoration: none;
  text-transform: none;
  vertical-align: middle;
  font-size: 20px;
  position: absolute;
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #34a865, #238049);
  color: white;
  border-radius: 50%;
  padding: 20px 10px;
  left: 15px;
}
.model-info .header-info {
  font-size: 17px;
  font-weight: 600;
}

.errorToCart {
  border: 2px solid red;
  border-radius: 10px;
}

.selection-required {
  border: 2px solid #d92323 !important;
  box-shadow: 0 0 0 3px rgba(217, 35, 35, 0.16) !important;
}

.position-wrap.selection-required .order,
.parameter-wrap.selection-required .order {
  background: linear-gradient(135deg, #d92323, #9f1717) !important;
}

tr.surcharge-list.errorToCart,
.surcharge-list.errorToCart,
.variant-list.errorToCart {
  border: none;
}
tr.surcharge-list.errorToCart select,
.surcharge-list.errorToCart select,
.variant-list.errorToCart select {
  border-color: red !important;
  box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.25);
}

.parameter-cars.patterns-wrap {
  display: flex;
  padding: 10px 10px 0;
  flex-wrap: wrap;
}
.parameter-cars.patterns-wrap a.button.option-button {
  border: none !important;
  width: 33%;
  position: relative;
  background: transparent;
  padding: 0;
  border-radius: 10px;
  overflow: hidden;
  border: 3px solid transparent !important;
  transition: all 0.2s ease;
}
.parameter-cars.patterns-wrap a.button.option-button img {
  max-width: 100%;
  max-height: 100%;
}
.parameter-cars.patterns-wrap a.button.option-button .banner-header {
  bottom: 0px;
  min-height: 40px;
  font-weight: 400;
  font-size: 16px;
}
.parameter-cars.patterns-wrap a.button.option-button:hover {
  transform: scale(1.03);
}
.parameter-cars.patterns-wrap a.button.option-button.active {
  border: 3px solid #c5a44e !important;
  box-shadow: 0 2px 12px rgba(197, 164, 78, 0.35);
}

.p-thumbnails a img {
  border: 4px solid rgb(196, 155, 49) !important;
  border-radius: 10px;
}

section.shopify-section.horiz-video.shopify-section--video.full-width {
  background-color: #ededed;
  padding: 50px;
}
section.shopify-section.horiz-video.shopify-section--video.full-width h3 {
  margin-top: 0px !important;
}

.button.option-button.lines {
  height: unset;
  background-color: rgba(128, 128, 128, 0.7);
  border-radius: 10px;
  overflow: hidden;
  border: none;
  transition: all 0.2s ease;
}
.button.option-button.lines img {
  max-height: 70px;
  margin: auto;
  margin-bottom: 50px;
  display: block;
}
.button.option-button.lines .banner-header {
  bottom: 0;
  font-size: 15px;
  min-height: 30px;
}
.button.option-button.lines .price {
  color: #c5a44e;
}
.button.option-button.lines:hover {
  transform: scale(1.03);
}
.button.option-button.lines.active {
  background: linear-gradient(135deg, #c5a44e, #a8893a);
  border: none;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(197, 164, 78, 0.4);
}

.parameter-wrap.parameter-44.orders-5.base-config .image-wrap {
  display: none;
}

.updale-banner-info {
  margin: 20px 0;
  border: 2px solid #e0d5b8;
  border-radius: 10px;
  padding: 15px 10px 15px 60px;
}
.updale-banner-info .h4 {
  color: rgb(196, 155, 49);
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 800;
  margin: 0;
  margin-bottom: 10px;
}
.updale-banner-info span {
  font-size: 20px;
  line-height: 1;
  font-weight: 400;
}
.updale-banner-info icon.icon {
  position: absolute;
  left: 20px;
  font-size: 57px;
  font-weight: 800;
  top: 24px;
  color: rgb(196, 155, 49);
}

.extended-description {
  display: none;
}

a.p-thumbnail {
  padding: 0 10px;
}

.p-thumbnails-horizontal .p-thumbnail:before {
  display: none;
}

.type-product .image-container {
  margin-bottom: 0 !important;
}

.p-final-price-wrapper {
  margin-top: 20px;
}

.p-info-wrapper {
  margin-top: 20px;
}
.p-info-wrapper .price-final {
  font-size: 40px;
  line-height: 1;
}

.p-info-wrapper .price-additional,
.p-info-wrapper .price-save,
.p-info-wrapper .price-standard {
  font-size: 20px;
}

@media (min-width: 1500px) {
  .basic-description .section.section-blends.section-dubble.section-full p.h2 span {
    font-size: 30px;
  }
  .basic-description .section.section-blends.section-dubble.section-full p {
    font-size: 17px !important;
  }
}
.box-config .config-wrap .order {
  display: none;
}
.box-config .config-wrap h5.variant.name {
  position: inherit;
  color: black;
  left: 0;
}

@media (min-width: 1800px) {
  .basic-description .section.section-blends.section-dubble.section-full p.h2 span {
    font-size: 35px;
  }
  .basic-description .section.section-blends.section-dubble.section-full p {
    font-size: 20px !important;
  }
}
.upsale-buttons .options-wrap .button.option-button.active:before {
  left: 4px;
  top: 4px;
}

.upsale-Banner .upsale-button .save {
  top: -65px !important;
  text-align: left;
  left: 10px;
}

.upsale-Banner .upsale-button .price .price-recommended,
.parameter-wrap .price .price-recommended,
.position-wrap .price .price-recommended {
  display: inline-block;
  margin-left: 6px;
  font-size: 0.85em;
  font-weight: 400;
  color: #999;
  text-decoration: line-through;
  text-decoration-thickness: 1px;
}

.shopify-section.shopify-section--video {
  padding-left: 0;
  padding-right: 0;
}

.in-rozcestnik section#model-info {
  justify-content: center;
  padding: 10px;
}

.position-wrap.parameter-cars.parameter-wrap.base-config,
.parameter-wrap {
  max-height: 50px;
  transition: max-height 0.32s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: max-height;
}
.position-wrap.parameter-cars.parameter-wrap.base-config.active,
.parameter-wrap.active {
  max-height: var(--lcd-step-open-height, 1000px);
  background: white;
}

@media (min-width: 769px) {
  .position-wrap.parameter-cars.parameter-wrap.base-config,
  .parameter-wrap,
  .upsale-buttons.boxs,
  .upsale-buttons.trunk {
    transition: max-height 0.26s cubic-bezier(0.22, 1, 0.36, 1);
  }
}
@media (max-width: 768px) {
  .position-wrap.parameter-cars.parameter-wrap.base-config,
  .parameter-wrap,
  .upsale-buttons.boxs,
  .upsale-buttons.trunk {
    transition: none !important;
    will-change: auto;
  }
  .position-wrap.parameter-cars.parameter-wrap.base-config.active,
  .parameter-wrap.active,
  .upsale-buttons.boxs.active,
  .upsale-buttons.trunk.active {
    max-height: none !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .position-wrap.parameter-cars.parameter-wrap.base-config,
  .parameter-wrap,
  .upsale-buttons.boxs,
  .upsale-buttons.trunk {
    transition-duration: 0.01ms !important;
  }
}
.twentytwenty-wrap.full-width .image-container {
  margin: 50px 0 !important;
}

.button.option-button.radio-row .text {
  display: none !important;
}

@media (max-width: 1600px) {
  .button.option-button.lines .banner-header {
    font-size: 13px;
  }
  .options-wrap .button.option-button.active:before {
    left: 12%;
    top: 13%;
  }
  .upsale-Banner .upsale-button .save {
    top: -41px !important;
    left: 20px;
    font-size: 11px;
  }
}
@media (max-width: 768px) {
  .position-wrap.parameter-cars.parameter-wrap.base-config,
  .parameter-wrap {
    max-height: 42px;
  }
  .position-wrap.parameter-cars.parameter-wrap.base-config .surcharge-list {
    width: 43% !important;
  }
  .twentytwenty-wrap.full-width .image-container {
    margin: 0px 0;
  }
  .in-rozcestnik .main-product {
    margin-bottom: 0px;
  }
  .text {
    line-height: 1.8;
  }
  .parameter-cars .button.option-button {
    font-size: 18px;
  }
  .option-wrap {
    display: flex;
    flex-wrap: wrap;
  }
  .parameter-cars.patterns-wrap {
    flex-wrap: wrap;
  }
  .parameter-cars.patterns-wrap a.button.option-button {
    width: 100%;
  }
  .parameter-cars.patterns-wrap a.button.option-button {
    border-radius: 32px;
  }
  .upsale-Banner .upsale-button {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .upsale-Banner .upsale-button .price {
    font-size: 15px;
  }
  .upsale-Banner .upsale-button .save {
    font-size: 10px;
    top: -65px !important;
    left: 0;
    text-align: left;
  }
  .upsale-Banner .upsale-button .banner-header {
    padding-top: 13px;
    position: relative;
    top: 0px;
    background: rgba(0, 0, 0, 0);
    color: black !important;
  }
  .upsale-Banner .upsale-button .upsale-Banner h5.variant.name {
    top: 12px;
  }
  .upsale-Banner .upsale-button .upsale-Banner .upsale-buttons .parameter-cars {
    margin-top: 15px;
    display: flex;
    flex-direction: column;
  }
  .upsale-Banner .upsale-button .save {
    position: absolute;
    color: #fff;
    text-align: left;
    left: 13px;
    text-align: left !important;
    top: -37px !important;
  }
  .upsale-button {
    border: 1px solid rgba(158, 158, 158, 0.3098039216);
  }
  .upsale-Banner .upsale-buttons .parameter-cars .banner-header {
    font-size: 13px;
  }
  .upsale-Banner .upsale-buttons .parameter-cars {
    flex-wrap: wrap;
  }
  .col-xs-12.col-lg-6.p-info-wrapper .availability-value {
    order: 1;
  }
  section#model-info {
    display: flex;
    flex-direction: row;
  }
  .setup-model {
    width: fit-content;
    margin: auto;
  }
  section#model-info .model-info {
    margin-bottom: 10px;
  }
  .type-product button.btn.btn-lg.btn-conversion.add-to-cart-button.upsale {
    right: 21px;
    bottom: 24px;
  }
  .snap-center .prose p {
    max-width: unset;
  }
  .basic-description .impact-text {
    flex-direction: column;
  }
  .section.section-full.bg-custom.full-width .snap-center {
    margin: auto;
    margin-bottom: 25px;
  }
  .media-with-text__item.full-width .container {
    display: flex;
    flex-direction: column;
  }
  .type-product .twentytwenty-wrap.full-width .section-info h3 {
    margin-top: 0;
  }
  .basic-description .layers-info {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
  .basic-description .layers-info .image-container {
    width: 100%;
    margin: 20px 0 0;
  }
  .text-block {
    padding: 50px 0px;
  }
  section#section7 .images-scrolling__content,
  section#section5 .images-scrolling__content,
  section#section3 .images-scrolling__content,
  section#section1 .images-scrolling__content {
    text-align: left;
  }
  section#section7 span.images-scrolling__counter.bold,
  section#section5 span.images-scrolling__counter.bold,
  section#section3 span.images-scrolling__counter.bold,
  section#section1 span.images-scrolling__counter.bold {
    padding-right: 0;
  }
  section#section7 span.images-scrolling__counter.bold::before,
  section#section5 span.images-scrolling__counter.bold::before,
  section#section3 span.images-scrolling__counter.bold::before,
  section#section1 span.images-scrolling__counter.bold::before {
    top: 18px;
    left: 0px;
    right: unset;
  }
  .parameter-cars .label {
    font-size: 12px !important;
    min-width: 120px !important;
  }
  .parameter-cars .button.option-button img {
    max-height: 19px;
  }
  .parameter-cars .button.option-button {
    padding: 4px 8px;
  }
  .parameter-cars.patterns-wrap a.button.option-button .banner-header {
    min-height: 27px;
    font-size: 11px;
  }
  .parameter-cars.patterns-wrap a.button.option-button {
    width: calc(33% - 4px);
  }
  .parameter-cars.patterns-wrap a.button.option-button {
    border-radius: 15px;
  }
  .options-wrap .button.option-button {
    width: 16%;
    height: auto;
  }
  .orders-5 .options-wrap .button.option-button {
    width: 100% !important;
    height: auto;
  }
  .orders-5 .options-wrap .button.option-button .banner-header {
    font-size: 9px;
  }
  .orders-5 .options-wrap .button.option-button img {
    margin-bottom: 30px !important;
  }
  .orders-5 .image-wrap {
    display: none;
  }
  .parameter-wrap.parameter-cars h5 {
    text-align: center;
    font-size: 13px;
    color: #fff;
  }
  .parameter-wrap .order {
    padding: 10px 16px;
    height: auto;
    font-size: 13px;
  }
  .base-config h5.variant.name {
    top: 10px;
    font-size: 13px;
  }
  .parameter-wrap h5 {
    font-size: 13px;
  }
  .basic-description h2.h3 {
    font-size: 18px;
  }
  .type-product .section.section-blends.section-full,
  .type-product section#models {
    padding: 0px 0px !important;
  }
  .type-product .section.section-blends.section-full.mobile-container {
    padding: 0 20px !important;
  }
  .type-product .basic-description .text-with-icons__item.snap-center {
    padding: 10px;
    text-align: center;
  }
  .type-product .text-with-icons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .type-product .text-with-icons__item.snap-center {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
  }
  .type-product .snap-center .prose p {
    max-width: 300px !important;
  }
  .type-product .basic-description .text-with-icons__item.snap-center {
    padding: 10px;
    text-align: center;
  }
  .type-product .parameter-cars .button.option-button {
    margin: 2px;
  }
  .image-container {
    overflow: inherit !important;
  }
  .image-container img {
    border-radius: 20px;
  }
  .parameter-cars.sit-Position .button.option-button,
  .parameter-cars.door-Position .button.option-button {
    padding: 0 !important;
    min-width: 28px;
    height: 32px;
  }
  section#model-info .model-info::before {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 15px 8px;
    left: 15px;
    font-size: 15px;
  }
  .availability-value {
    font-size: 12px;
    margin-bottom: 19px;
  }
  section#model-info .model-info .header-info {
    font-size: 14px;
    font-weight: 600;
  }
  section#model-info .setup-model {
    font-size: 14px;
    line-height: 1.7;
  }
  .basic-description .text-with-icons__item.snap-center {
    padding: 10px;
    text-align: center;
  }
  .description-inner {
    padding: 0;
  }
  .media-with-text__item.full-width .container {
    padding-left: 10px;
    padding-right: 10px;
  }
  .section.section-full.bg-custom.icons-package .text-with-icons__item {
    width: 100%;
  }
  .basic-description .text-with-icons__item.snap-center {
    width: 50%;
  }
  .section.section-blends.section-full .container {
    padding-left: 0px;
    padding-right: 0px;
  }
  .p-detail-inner-header h1,
  .justify-self-center h3,
  .section-info h3,
  h2.divider,
  .sec-header,
  #comparison h2 {
    font-size: 26px !important;
  }
  .twentytwenty-wrap .container {
    padding-left: 0px;
    padding-right: 0px;
  }
  .basic-description .section.section-full.bg-custom.icons-package {
    margin: 0;
    width: 100%;
  }
  .basic-description .timeline__nav-item {
    min-width: 40px;
  }
  section#model-info .model-info {
    padding: 10px 120px 10px 50px;
  }
  .upsale-buttons.position-wrap.parameter-cars.parameter-wrap.boxs .image-wrap {
    display: none !important;
  }
  .upsale-Banner .box-config .parameter-wrap {
    display: flex;
    flex-direction: column;
  }
  .box-config .options-wrap {
    width: 100%;
  }
  .basic-description p.h6 {
    min-height: 30px;
  }
  .col-xs-12.col-lg-6.p-info-wrapper .p-short-description {
    order: 1;
    margin-bottom: 20px;
  }
  section#model-selector {
    padding: 10px;
    margin-left: 5px;
  }
  .upsale-button {
    border: 1px solid rgba(128, 128, 128, 0.4901960784);
  }
  button.btn.btn-lg.btn-conversion.add-to-cart-button {
    position: relative;
    right: 0px;
    bottom: -20px;
  }
  .p-info-wrapper .add-to-cart {
    justify-content: flex-end;
  }
  .media-with-text__media {
    width: 90%;
    margin: auto;
  }
  .upsale-Banner .upsale-button {
    border: 1px solid rgba(128, 128, 128, 0.2392156863);
    border-radius: 10px;
    background-color: #404040;
  }
  .upsale-Banner .upsale-button img {
    border-radius: 10px;
    margin: 5px;
  }
  .upsale-button.active {
    background-color: rgb(196, 155, 49);
  }
  .more-pictures {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
  .more-pictures .image-container {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .button.option-button.lines {
    width: calc(33% - 10px);
  }
  .box-config .options-wrap .button.option-button {
    width: 50px !important;
    height: 50px;
  }
  .box-config .options-wrap .button.option-button.text {
    width: 46% !important;
    text-align: center;
  }
  .box-config .options-wrap .button.option-button.text .parm {
    text-align: center;
    width: 100%;
  }
  .box-config .options-wrap .button.option-button.active:before {
    left: 1px;
    top: 1px;
  }
  .col-xs-12.col-lg-6.p-info-wrapper section#model-selector {
    order: 3;
    padding: 0px;
    margin-bottom: 0px;
  }
  .container-slider .left-column {
    padding: 0px;
  }
  .position-wrap.parameter-cars.parameter-wrap.base-config.active .option-wrap {
    padding-top: 10px;
  }
  .parameter-cars.patterns-wrap {
    padding: 10px 5px 0;
    justify-content: center;
  }
  .banner-wrap a.btn {
    margin-top: 40px !important;
  }
  .upsale-text .prefix,
  .banner-wrap.upsale .prefix {
    bottom: 35px;
  }
  .images-scrolling__content p.h1 {
    font-size: 30px;
  }
  .twentytwenty-wrap.full-width {
    padding: 25px;
  }
  .layers-info-wrap {
    overflow: hidden;
  }
  section.full-width {
    width: 100vw;
    overflow: hidden;
    padding-top: 50px !important;
    padding-bottom: 25px !important;
  }
  .upsale-text p,
  .banner-wrap.upsale p {
    width: 100%;
    text-align: left !important;
  }
  .upsale-text,
  .banner-wrap.upsale {
    padding: 15px;
  }
  .upsale-text .heder.h2,
  .upsale-text h3,
  .banner-wrap.upsale .heder.h2,
  .banner-wrap.upsale h3 {
    font-size: 30px !important;
  }
  div[data-testid=widgetButtonFrame] {
    bottom: 70px !important;
  }
  .scrollable-with-controls .collection-list {
    max-height: 360px;
  }
  .type-product .slick-dots {
    bottom: -40px;
  }
  .button.option-button.radio-row {
    display: flex;
  }
  .button.option-button.radio-row img {
    max-width: 100px;
  }
  .button.option-button.radio-row label.radio-label {
    width: 100%;
    display: flex;
  }
  .upsale-button.active .price {
    color: black;
  }
  .upsale-button.active {
    border: 5px solid #c49b31;
  }
}
.box-config .image-wrap {
  display: none !important;
}

.box-config {
  background: #f6f6f6 !important;
  border-radius: 15px;
}

.price-standard > span {
  text-decoration: none;
}

@media (min-width: 768px) {
  .p-info-wrapper .add-to-cart {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    position: relative;
    top: -75px;
  }
  .text-block .container {
    display: flex;
  }
  .type-product .surcharge-list {
    width: 25%;
    margin-right: 20px;
  }
  .type-product .surcharge-list select,
  .type-product .variant-list select {
    width: 100%;
    min-width: 130px;
  }
}
.box-config .parameter-wrap {
  padding: 0 20px;
}
.box-config .parameter-wrap:has(> .lcd-color-label) {
  display: grid;
  grid-template-columns: 140px minmax(0, 1fr);
  grid-template-areas: "name options" "label options";
  align-items: start;
}
.box-config .parameter-wrap:has(> .lcd-color-label) > .name-wrap {
  grid-area: name;
  width: auto;
}
.box-config .parameter-wrap:has(> .lcd-color-label) > .options-wrap {
  grid-area: options;
  width: 100%;
  min-width: 0;
}
.box-config .parameter-wrap:has(> .lcd-color-label) > .lcd-color-label {
  grid-area: label;
  width: auto;
  height: auto;
  padding: 2px 12px 16px 0;
  color: #6b6253;
  font-size: 12px;
  line-height: 1.35;
}
.box-config h5.variant.name {
  padding: 0px !important;
}
.box-config .options-wrap .button.option-button {
  width: 17%;
  height: fit-content;
}
.box-config .button.option-button.text {
  width: 22% !important;
}
.box-config .name-wrap {
  padding-top: 25px;
}
.box-config .price.price-standart {
  font-size: 18px;
  text-align: right;
  margin-right: 10px;
  color: #c49b30;
}

@media (max-width: 768px) {
  .box-config .parameter-wrap:has(> .lcd-color-label) {
    grid-template-columns: 1fr;
    grid-template-areas: "name" "label" "options";
  }
  .box-config .parameter-wrap:has(> .lcd-color-label) > .lcd-color-label {
    padding: 0 0 8px;
  }
}
.close-btn.close.bottom {
  font-size: 18px;
  position: absolute;
  left: 9px;
  bottom: 7px;
  top: unset;
  background: gray;
  width: fit-content;
  color: white;
  padding: 5px 10px;
  border-radius: 9px;
}

.amount-button.button.option-button {
  background-color: transparent;
  margin: 5px;
  padding: 10px;
  border-radius: 15px;
  color: white;
  min-width: 40px;
  text-align: center;
  font-size: 25px;
  font-weight: 600;
  background: gray;
  cursor: pointer;
  width: 33%;
  max-width: 180px;
}
.amount-button.button.option-button img {
  max-height: 35px;
}
.amount-button.button.option-button img + .text {
  display: none;
}
.amount-button.button.option-button.active {
  background-color: rgb(196, 155, 49);
  /* width: fit-content; */
}
.amount-button.button.option-button span {
  padding: 5px 5px;
  line-height: 1;
  top: 2px;
  position: relative;
}

.amount-wrap {
  display: flex;
  justify-content: space-around;
}

.orders-1 .options-wrap,
.orders-1 .options-wrap {
  display: none;
}
.orders-1 .price-wrap {
  margin: 20px 0;
}

.parameter-wrap.parameter-sizes {
  display: flex;
  flex-direction: row;
}
.parameter-wrap.parameter-sizes .variant.name {
  font-size: 17px;
  font-weight: 600;
  padding: 28px 5px 20px 7px;
}
.parameter-wrap.parameter-sizes .price {
  display: none;
}
.parameter-wrap.parameter-sizes .button.option-button.text {
  margin: 5px;
  padding: 10px;
  border-radius: 15px;
  color: #fff;
  min-width: 40px;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  background: gray;
  cursor: pointer;
  width: unset;
}
.parameter-wrap.parameter-sizes .button.option-button.text.active {
  background-color: #c49b31;
}
.parameter-wrap.parameter-sizes .button.option-button.text.active:before {
  display: none;
}

.upsale-buttons .price-wrap {
  display: flex;
  flex-direction: column;
}
.upsale-buttons .price-wrap .price.price-standart {
  margin-left: 10px;
}

.white-background {
  background: white !important;
}

.right-text.gray-backgroun {
  padding: 50px;
}

.left-text.white-background {
  margin-bottom: 0;
}

.orders-1 .image-wrap {
  display: none !important;
}

.parameter-wrap.errorToCart {
  border-color: red;
}

.position-wrap.selection-required,
.parameter-wrap.selection-required {
  border-color: #d92323 !important;
}

.position-wrap .order,
.parameter-wrap .order {
  position: relative;
  cursor: pointer;
}
.position-wrap .order::after,
.parameter-wrap .order::after {
  content: "▼";
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  font-weight: bold;
  transition: transform 0.3s ease;
  color: rgba(31, 26, 16, 0.7);
}
.position-wrap.active .order::after,
.position-wrap.active h5::after,
.position-wrap.active .variant.name::after,
.parameter-wrap.active .order::after,
.parameter-wrap.active h5::after,
.parameter-wrap.active .variant.name::after {
  transform: translateY(-50%) rotate(180deg);
}
.position-wrap .next-step-button,
.parameter-wrap .next-step-button {
  display: none;
  background: linear-gradient(135deg, #34a865, #238049);
  color: white;
  border: none;
  padding: 14px 24px;
  border-radius: 25px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  cursor: pointer;
  margin: 15px 20px 10px;
  transition: all 0.3s ease;
  font-family: "Exo 2";
  width: calc(100% - 40px);
  text-align: center;
  box-shadow: 0 4px 16px rgba(35, 128, 73, 0.4);
}
.position-wrap .next-step-button:hover,
.parameter-wrap .next-step-button:hover {
  background: linear-gradient(135deg, #2f9a5c, #1e7241);
  transform: scale(1.03);
  box-shadow: 0 6px 24px rgba(35, 128, 73, 0.6);
}
.position-wrap .next-step-button:active,
.parameter-wrap .next-step-button:active {
  transform: scale(1);
}
.position-wrap .next-step-button.finish-button,
.parameter-wrap .next-step-button.finish-button {
  background: linear-gradient(135deg, #34a865, #238049);
  box-shadow: 0 4px 16px rgba(35, 128, 73, 0.4);
}
.position-wrap .next-step-button.finish-button:hover,
.parameter-wrap .next-step-button.finish-button:hover {
  background: linear-gradient(135deg, #2f9a5c, #1e7241);
  box-shadow: 0 6px 24px rgba(35, 128, 73, 0.6);
}
.position-wrap.active .next-step-button,
.parameter-wrap.active .next-step-button {
  display: block;
}

.parameter-wrap.parameter-sizes button.next-step-button {
  display: none !important;
}
.parameter-wrap.parameter-sizes .variant.name {
  padding: 10px 0 !important;
}

span.price-save {
  display: none !important;
}

span.price-standard span {
  text-decoration: line-through;
}

.box-config .order::after {
  display: none;
}

.timeline__slide.reveal-invisible {
  display: none;
}

.box-config .button.option-button img {
  max-height: unset;
  width: 100%;
  margin: 0;
}
.box-config .parameter-info {
  display: none;
}

.button.option-button.radio-row img {
  background-color: gray;
  border-radius: 10px !important;
  max-width: 150px;
}
.button.option-button.radio-row label.radio-label {
  width: 300px;
}
@media (max-width: 768px) {
  .button.option-button.radio-row img {
    margin-top: 20px;
  }
}

@media (min-width: 1440px) {
  .type-product .surcharge-list select,
  .type-product .variant-list select {
    max-width: 200px;
  }
  .parameter-cars .button.option-button {
    font-size: 20px;
    height: 50px;
  }
  .upsale-text .heder.h2,
  .upsale-text h3,
  .banner-wrap.upsale .heder.h2,
  .banner-wrap.upsale h3 {
    font-size: 30px !important;
  }
}
video::-webkit-media-controls {
  display: none !important;
}

@media (max-width: 1650px) {
  .type-product .modl-selector-wrap .surcharge-list {
    margin-right: 20px !important;
  }
}
.boxy .button.option-button.text .text {
  display: none;
}
.boxy .parameter-wrap.parameter-sizes {
  background: white;
  border-color: transparent;
}
.boxy .parameter-wrap.parameter-sizes .button.option-button.text {
  height: min-content;
}
.boxy .parameter-wrap.parameter-sizes {
  max-height: unset !important;
}

.upsale-button.radio img {
  border-radius: 20px;
}

@media (min-width: 768px) {
  .parameter-85 label.radio-label,
  .parameter-57 label.radio-label {
    width: 100% !important;
  }
  .parameter-85 span.radio-text,
  .parameter-57 span.radio-text {
    width: 150px;
    display: inline-block;
  }
  .parameter-85 strong.radio-price,
  .parameter-57 strong.radio-price {
    width: 100px;
    display: inline-block;
  }
}
@media (max-width: 768px) {
  .parameter-85 .button.option-button.radio-row label.radio-label,
  .parameter-57 .button.option-button.radio-row label.radio-label {
    width: 100%;
  }
  .parameter-85 .button.option-button.radio-row label.radio-label img,
  .parameter-57 .button.option-button.radio-row label.radio-label img {
    width: 100px;
  }
  .parameter-85 .button.option-button.radio-row label.radio-label span.radio-text,
  .parameter-57 .button.option-button.radio-row label.radio-label span.radio-text {
    width: 40%;
    display: flex;
    align-content: center;
    align-items: center;
  }
  .parameter-85 .button.option-button.radio-row label.radio-label strong.radio-price,
  .parameter-57 .button.option-button.radio-row label.radio-label strong.radio-price {
    width: 25%;
    display: flex;
    align-content: center;
    align-items: center;
  }
}

.lcd-vz-host {
  order: 4;
}

@media (max-width: 768px) {
  .parameter-wrap.parameter-91 .button.option-button {
    width: 50px !important;
    height: 50px !important;
  }
  .parameter-wrap.parameter-91 .button.option-button.active:before {
    left: 3px !important;
    top: 2px !important;
  }
}
.position-wrap.parameter-cars.parameter-wrap.base-config.active .parameter-cars .button.option-button {
  height: unset !important;
}

.upsale-Banner .upsale-buttons.trunk .parameter-cars {
  gap: 14px;
}
.upsale-Banner .upsale-buttons.trunk .upsale-button {
  display: flex;
  align-items: stretch;
  margin: 0;
  padding: 0;
  background: #fff;
  border: 2px solid #ececec;
  border-radius: 14px;
}
.upsale-Banner .upsale-buttons.trunk .upsale-button img {
  width: 46%;
  height: auto;
  min-height: 0;
  margin: 0;
  border: none;
  border-radius: 0;
  object-fit: contain;
  align-self: center;
  background: #111;
}
.upsale-Banner .upsale-buttons.trunk .upsale-button .banner-header {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 22px 14px;
}
.upsale-Banner .upsale-buttons.trunk .upsale-button .lcd-card-title {
  display: block;
  font-size: 21px;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #1a1a1a;
  line-height: 1.2;
  text-align: center;
}
.upsale-Banner .upsale-buttons.trunk .upsale-button .lcd-card-sub {
  display: block;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #9a8f74;
  text-align: center;
}
.upsale-Banner .upsale-buttons.trunk .upsale-button .price {
  position: static;
  top: auto;
  width: auto;
  padding: 0;
  font-size: 26px;
  font-weight: 800;
  color: #111;
  line-height: 1.2;
}
.upsale-Banner .upsale-buttons.trunk .upsale-button .price .price-recommended {
  font-size: 0.55em;
  font-weight: 400;
}
.upsale-Banner .upsale-buttons.trunk .upsale-button .save {
  position: static !important;
  top: auto !important;
  left: auto !important;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: auto;
  margin-top: 4px;
  padding: 9px 16px;
  background: linear-gradient(135deg, #34a865, #238049);
  color: #fff !important;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 8px;
  box-shadow: 0 3px 10px rgba(35, 128, 73, 0.35);
}
.upsale-Banner .upsale-buttons.trunk .upsale-button .save strong {
  font-size: 15px;
  font-weight: 800;
}
.upsale-Banner .upsale-buttons.trunk .upsale-button .save .lcd-save-pct {
  background: rgba(0, 0, 0, 0.28);
  border-radius: 6px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 700;
}
.upsale-Banner .upsale-buttons.trunk .upsale-button.active {
  border: 2px solid #c49b31 !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 18px rgba(196, 155, 49, 0.3);
}
.upsale-Banner .upsale-buttons.trunk .upsale-button.active::after {
  content: "✓";
  position: absolute;
  top: 12px;
  right: 12px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #c49b31;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
.upsale-Banner .upsale-buttons.trunk .upsale-button.none img {
  filter: grayscale(1);
  opacity: 0.85;
}
.upsale-Banner .upsale-buttons.trunk .upsale-button.none .lcd-card-note {
  margin-top: 6px;
  font-size: 13px;
  color: #8a7a4a;
  text-align: center;
}
.upsale-Banner .upsale-buttons.trunk .lcd-upsale-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
  background: linear-gradient(135deg, #e2c163, #b98f36);
  color: #2b2107;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

@media (max-width: 768px) {
  .upsale-Banner .upsale-buttons.trunk .upsale-button {
    width: 100%;
  }
  .upsale-Banner .upsale-buttons.trunk .upsale-button img {
    width: 44%;
    height: auto;
    min-height: 0;
  }
  .upsale-Banner .upsale-buttons.trunk .upsale-button .banner-header {
    padding: 14px 10px;
  }
  .upsale-Banner .upsale-buttons.trunk .upsale-button .lcd-card-title {
    font-size: 16px;
    letter-spacing: 1px;
  }
  .upsale-Banner .upsale-buttons.trunk .upsale-button .lcd-card-sub {
    font-size: 10px;
    letter-spacing: 1.5px;
  }
  .upsale-Banner .upsale-buttons.trunk .upsale-button .price {
    font-size: 20px;
  }
  .upsale-Banner .upsale-buttons.trunk .upsale-button .save {
    gap: 6px;
    padding: 7px 10px;
    font-size: 10px;
  }
  .upsale-Banner .upsale-buttons.trunk .upsale-button .save strong {
    font-size: 12px;
  }
  .upsale-Banner .upsale-buttons.trunk .upsale-button .save .lcd-save-pct {
    font-size: 10px;
    padding: 2px 6px;
  }
}
@media (max-width: 768px) {
  .parameter-wrap .order,
  .position-wrap .order {
    padding: 7px 12px;
    gap: 10px;
    font-size: 13px;
  }
  .parameter-wrap .lcd-step-num,
  .position-wrap .lcd-step-num {
    width: 26px;
    height: 26px;
    font-size: 12px;
    border-radius: 6px;
  }
  .base-config h5.variant.name,
  .upsale-Banner h5.variant.name {
    top: 11px;
    left: 48px;
    font-size: 13px;
  }
}
.photo-row iframe,
.photo-row img {
  width: calc(50% - 10px);
  margin: 5px;
}

.photo-row .photo {
  width: 50%;
  position: relative;
}
.photo-row .photo img {
  width: calc(100% - 20px);
}
.photo-row .photo .photo-info {
  position: absolute;
  right: 10px;
  top: 28px;
  color: #8982f1;
  font-weight: 600;
  text-shadow: 1px 1px 1px #cecece;
}

.photo-row {
  display: flex;
}

@media screen and (min-width: 767px) {
  .photo-row {
    display: flex;
  }
  .photo-row img {
    width: 40%;
    margin: 20px;
  }
}
.ordering-process a.contact-link {
  display: none;
}
.ordering-process .navigation-show {
  display: none !important;
}
.ordering-process .language-flags {
  display: none !important;
}

.banner-wrap {
  background: #e0e4e9;
  padding: 10px;
  margin-top: 20px;
}
.banner-wrap .h3 {
  margin: 0 auto 20px;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}
.banner-wrap p {
  text-align: center;
}
.banner-wrap .timer-wrap {
  text-align: center;
}
.banner-wrap .timer-wrap span {
  margin-right: 10px;
}
.banner-wrap .timer-wrap span.countdown {
  color: #aa8d58;
  font-size: 18px;
}
.banner-wrap a.btn {
  display: block;
  width: fit-content;
  margin: 10px auto 20px;
}
.banner-wrap a.btn:hover {
  background-color: #aa8d58;
  color: #e0e4e9;
}
.banner-wrap .description {
  text-align: center;
  font-size: 11px;
}

.alert.alert-warning {
  color: red;
}

.desktop.id--9 .col-md-8 {
  width: 100%;
}
.desktop.id--9 .col-md-4.sidebar-in-cart {
  display: none;
}
.desktop.id--9 .box.box-sm.box-bg-default {
  width: 400px;
}
.desktop.id--9 .cart-content.summary-wrapper {
  display: flex;
  justify-content: flex-end;
}

td.p-availability.p-cell {
  display: none;
}

.ordering-process a.toggle-window {
  display: none;
}

span.p-label {
  display: none;
}

.btn.btn-default,
.btn.btn-default:hover,
a.btn.btn-default,
a.btn.btn-default:hover {
  border-color: var(--color-primary);
}

.btn.btn-default,
a.btn.btn-default {
  background-color: var(--color-primary);
}

.ordering-process span.quantity {
  display: block;
}

input#varchar1 {
  display: none;
}

input#varchar2 {
  display: none;
}

span.btn.btn-block.btn-default.toggle-contacts a {
  color: white !important;
}

.removeable .info-wrap {
  display: flex;
  justify-content: flex-start;
  margin-top: 20px;
}
.removeable .info-wrap .model {
  display: flex;
  flex-direction: column;
  font-size: 15px;
  margin-right: 20px;
}
.removeable .info-wrap .setup {
  font-size: 15px;
}

.lcd-truck-cart-summary {
  display: grid;
  width: min(1040px, 100%);
  margin-top: 14px;
  gap: 12px;
}

.lcd-truck-cart-summary__group {
  padding: 16px 20px;
  border: 1px solid #e6dcc8;
  border-radius: 10px;
  background: #fbfaf7;
}
.lcd-truck-cart-summary__group h4 {
  margin: 0 0 10px;
  color: #2e1810;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.45px;
}
.lcd-truck-cart-summary__group dl {
  display: grid;
  grid-template-columns: minmax(165px, 0.5fr) minmax(260px, 1.5fr);
  margin: 0;
  gap: 8px 20px;
}
.lcd-truck-cart-summary__group dt,
.lcd-truck-cart-summary__group dd {
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
}
.lcd-truck-cart-summary__group dt {
  color: #6d625d;
  font-weight: 600;
}
.lcd-truck-cart-summary__group dd {
  color: #2e1810;
  font-weight: 700;
}

@media (max-width: 768px) {
  .cart-table tr > td:nth-child(odd) {
    text-align: right;
    width: 200px;
  }
  .removeable .info-wrap {
    display: flex;
    justify-content: flex-start;
    margin-top: 20px;
    flex-direction: column;
  }
  span.quantity {
    max-width: 120px;
  }
  .lcd-truck-cart-summary__group {
    padding: 13px;
  }
  .lcd-truck-cart-summary__group dl {
    display: block;
  }
  .lcd-truck-cart-summary__group dt {
    margin-top: 8px;
  }
  .lcd-truck-cart-summary__group dt:first-child {
    margin-top: 0;
  }
}
.id--17 .model,
.id--16 .model {
  font-size: 12px !important;
  margin-bottom: 20px;
}
.id--17 .info-wrap,
.id--16 .info-wrap {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

input#varchar3 {
  display: none;
}

div#menu-widget {
  position: absolute;
  top: 58px;
  background-color: rgb(237, 237, 237);
  padding: 20px 0 0px 30px;
  color: black;
}
div#menu-widget .mebu-wrap {
  display: flex;
  margin-bottom: 20px;
  justify-content: space-between;
}
div#menu-widget .menu {
  margin-right: 80px;
  text-align: left;
}
div#menu-widget .menu li.main a {
  text-decoration: underline;
  font-weight: 600;
  font-size: 16px;
}
div#menu-widget .menu ul {
  padding-left: 0;
}
div#menu-widget .picture {
  position: relative;
  border-radius: 20px 0 0px 20px;
  overflow: hidden;
  max-width: 200px;
}
div#menu-widget .picture .title {
  position: absolute;
  bottom: 20px;
  text-align: center;
  left: 0;
  right: 0;
  background: rgba(26, 26, 26, 0.8705882353);
  color: white;
  text-transform: uppercase;
  padding: 5px 0;
}
div#menu-widget .picture img {
  display: block;
}
div#menu-widget .picture .prefix {
  font-size: 10px;
}
div#menu-widget ul {
  display: flex;
  flex-direction: column;
}
div#menu-widget a {
  color: black;
  text-transform: uppercase;
}
div#menu-widget .mebu-wrap--truck .picture img {
  width: 200px;
  height: 124px;
  object-fit: cover;
}
div#menu-widget a.menu-widget-cta {
  display: flex;
  align-items: center;
  gap: 16px;
  width: min-content;
  min-width: 100%;
  margin-bottom: 20px;
  padding: 14px 24px 14px 18px;
  background: #1a1a1a;
  color: white;
  border-radius: 20px 0 0 20px;
  text-align: left;
  text-transform: none;
  text-decoration: none;
}
div#menu-widget a.menu-widget-cta .menu-widget-cta__swatches {
  display: flex;
  flex: none;
}
div#menu-widget a.menu-widget-cta .menu-widget-cta__swatches img {
  display: block;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #1a1a1a;
  margin-left: -10px;
}
div#menu-widget a.menu-widget-cta .menu-widget-cta__swatches img:first-child {
  margin-left: 0;
}
div#menu-widget a.menu-widget-cta .menu-widget-cta__body {
  display: flex;
  flex-direction: column;
  max-width: 240px;
  flex: 1;
  min-width: 0;
}
div#menu-widget a.menu-widget-cta .menu-widget-cta__body strong {
  font-size: 15px;
  text-transform: uppercase;
}
div#menu-widget a.menu-widget-cta .menu-widget-cta__body span {
  font-size: 12px;
  color: #d5d5d5;
}
div#menu-widget a.menu-widget-cta .menu-widget-cta__button {
  flex: none;
  margin-left: auto;
  padding: 8px 16px;
  background: var(--gradient);
  color: black;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  border-radius: 4px;
  white-space: nowrap;
}

@media (max-width: 768px) {
  div#menu-widget {
    left: 0px;
    top: 46px;
  }
  div#menu-widget {
    max-height: calc(100vh - 46px);
    max-height: calc(100dvh - 46px);
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
  }
  div#menu-widget .menu {
    margin-right: 0px;
    text-align: left;
    width: 50%;
  }
  div#menu-widget .mebu-wrap--truck .picture img {
    width: 150px;
    height: 94px;
  }
  div#menu-widget a.menu-widget-cta {
    flex-wrap: wrap;
    gap: 12px;
    padding: 12px 16px;
  }
  div#menu-widget a.menu-widget-cta .menu-widget-cta__body {
    max-width: none;
  }
  div#menu-widget a.menu-widget-cta .menu-widget-cta__button {
    margin-left: 0;
    width: 100%;
    text-align: center;
  }
  .language-flags-mobile {
    padding: 15px 30px;
    border-top: 1px solid #ddd;
    font-size: 28px;
    margin-top: 20px;
  }
  .language-flags-mobile a {
    margin-right: 12px;
    font-size: 30px;
  }
}
.overflow.upsale-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(8px);
  font-family: var(--template-headings-font), sans-serif;
}

.upsale-popup-box,
.upsale-popup-inner {
  filter: none !important;
  backdrop-filter: none !important;
}

.upsale-popup-box {
  position: relative;
  background: #181818 url("https://704436.myshoptet.com/user/documents/upload/assets/img/popupBack.jpg") center/cover no-repeat;
  border-radius: 16px;
  padding: 0;
  max-width: 490px;
  width: 95vw;
  color: #fff;
  text-align: center;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  font-family: inherit;
  overflow: hidden;
}

.upsale-popup-inner {
  position: relative;
  margin: 20px;
  background: transparent;
  border-radius: 12px;
  padding: 20px 20px 10px 20px;
  z-index: 3;
}

.upsale-popup-box::before {
  content: "";
  position: absolute;
  inset: 10px;
  border: 4px solid #c49b31;
  border-radius: 12px;
  pointer-events: none;
  z-index: 2;
}

.upsale-popup-box::after {
  content: "";
  position: absolute;
  inset: 10px;
  background: rgba(24, 24, 24, 0.72);
  border-radius: 12px;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.upsale-popup-close,
.upsale-popup-title,
.upsale-popup-subtitle,
.upsale-popup-info,
.upsale-popup-code,
.upsale-popup-timer-label,
.upsale-popup-timer,
.upsale-popup-btns {
  position: relative;
  z-index: 4;
}

.upsale-popup-close {
  position: absolute;
  top: 12px;
  right: 18px;
  font-size: 32px;
  color: #fff;
  cursor: pointer;
  z-index: 5;
}

.upsale-popup-title {
  font-size: 4.5rem;
  font-weight: 700;
  color: #ffc83d;
  margin-bottom: 18px;
  margin-top: 10px;
  letter-spacing: 1px;
  line-height: 1.2;
}

.upsale-popup-subtitle {
  font-size: 3rem;
  font-weight: 300;
  margin-bottom: 18px;
  line-height: 1.3;
}

.upsale-popup-info {
  font-size: 2rem;
  margin-bottom: 18px;
  color: #fff;
  line-height: 1.2;
}

.upsale-popup-code {
  font-weight: 400;
  color: #ffc83d;
  margin-bottom: 18px;
  font-size: 2rem;
}
.upsale-popup-code b {
  color: #ffc83d;
  font-weight: 800;
}

.upsale-popup-timer-label {
  font-size: 1.5rem;
  color: #fff;
  margin-bottom: 8px;
  margin-top: 10px;
  letter-spacing: 0.5px;
}

.upsale-popup-timer {
  font-size: 5rem;
  font-weight: 700;
  color: #fff;
  margin: 0 0 24px 0;
  letter-spacing: 2px;
}

.upsale-popup-btns {
  display: flex;
  gap: 18px;
  justify-content: center;
  margin-top: 10px;
  flex-wrap: nowrap;
}

.upsale-popup-btn {
  border: none;
  border-radius: 8px;
  padding: 16px 22px;
  font-size: 2rem;
  font-weight: 700;
  cursor: pointer;
  min-width: 170px;
  white-space: pre-line;
  margin-bottom: 8px;
  line-height: 1;
}
.upsale-popup-btn.want {
  background: #c49b31;
  color: #fff;
}
.upsale-popup-btn.dontwant {
  background: #393939;
  color: #fff;
}
.upsale-popup-btn span {
  font-size: 1.1rem;
  font-weight: 400;
}

body.upsale-blur {
  filter: blur(8px);
}

.upsale-blur-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9000;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(8px);
}

.upsale-Banner.active {
  z-index: 10001 !important;
  position: relative;
  filter: none !important;
}

.upsale-Banner.active {
  background: white;
  padding: 5px;
}

.google-reviews {
  display: flex;
  padding: 20px 0;
  margin-bottom: 20px !important;
}
.google-reviews img.avatar {
  width: 40px;
  height: 40px;
}
.google-reviews .review-meta {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
  text-align: left;
}
.google-reviews span.reviewer {
  font-size: 17px;
  font-weight: 600;
  color: black;
}
.google-reviews span.review-stars {
  color: #fcbf00;
}

span.reviewer-info {
  display: none;
}

.review {
  padding: 20px;
  width: 33%;
}

.review-photo {
  width: calc(50% - 4px);
  background-size: cover;
  margin: 2px;
}

.review-photos {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.review-body {
  margin-bottom: 20px;
}

.review-body {
  min-height: 96px;
}

.google-reviews .review-meta {
  display: flex;
  flex-direction: column;
  margin-left: 60px;
  text-align: left;
}

img.avatar {
  position: absolute;
}

.review-header {
  margin-bottom: 20px;
}

body.is-truck-konfigurator .benefitBanner.position--benefitProduct {
  display: none;
}
body.is-truck-konfigurator .basic-description section[style*="#2e1810"][style*="border-radius: 18px"] h2,
body.is-truck-konfigurator .basic-description section[style*="#2e1810"][style*="border-radius: 18px"] p {
  color: #fff !important;
}
body.is-truck-konfigurator .p-info-wrapper > *:not(.truck-konfigurator-wrap) {
  display: none !important;
}
body.is-truck-konfigurator .truck-description {
  margin-top: 32px;
  overflow: hidden;
  color: #2e1810;
  background: #fff;
  font-family: "Source Sans 3", sans-serif;
}
body.is-truck-konfigurator .truck-description__section {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 68px 42px;
}
body.is-truck-konfigurator .truck-description__section--intro,
body.is-truck-konfigurator .truck-description__section--process,
body.is-truck-konfigurator .truck-description__section--personalization {
  background: #fbfaf7;
}
body.is-truck-konfigurator .truck-description__heading {
  max-width: 760px;
  margin: 0 auto 38px;
  text-align: center;
}
body.is-truck-konfigurator .truck-description__heading h2 {
  margin: 6px 0 12px;
  color: #2e1810;
  font-size: 34px;
  font-weight: 800;
  line-height: 1.15;
}
body.is-truck-konfigurator .truck-description__heading p {
  max-width: 680px;
  margin: 0 auto;
  color: #67564f;
  font-size: 17px;
  line-height: 1.55;
}
body.is-truck-konfigurator .truck-description__kicker {
  color: #b48c2f;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
}
body.is-truck-konfigurator .truck-description__grid {
  display: grid;
  gap: 18px;
}
body.is-truck-konfigurator .truck-description__grid--benefits,
body.is-truck-konfigurator .truck-description__grid--coverage {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
body.is-truck-konfigurator .truck-description__grid--personalization,
body.is-truck-konfigurator .truck-description__grid--stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
body.is-truck-konfigurator .truck-description__card {
  padding: 24px;
  border: 1px solid #eadfca;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 5px 20px rgba(46, 24, 16, 0.05);
}
body.is-truck-konfigurator .truck-description__card h4 {
  margin: 0 0 7px;
  color: #2e1810;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.3;
}
body.is-truck-konfigurator .truck-description__card p {
  margin: 0;
  color: #6c5b54;
  font-size: 14px;
  line-height: 1.5;
}
body.is-truck-konfigurator .truck-description__icon {
  margin-bottom: 15px;
  font-size: 34px;
  line-height: 1;
}
body.is-truck-konfigurator .truck-description__section--stats {
  max-width: none;
  padding-block: 34px;
  color: #fff;
  background: #2e1810;
}
body.is-truck-konfigurator .truck-description__grid--stats {
  width: min(1096px, 100%);
  margin: 0 auto;
}
body.is-truck-konfigurator .truck-description__stat {
  padding: 20px 16px;
  border: 1px solid rgba(197, 164, 78, 0.35);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.035);
  text-align: center;
}
body.is-truck-konfigurator .truck-description__stat > div:first-child {
  color: #d5b65f;
  font-size: 43px;
  font-weight: 800;
  line-height: 1;
}
body.is-truck-konfigurator .truck-description__stat > div:nth-child(2) {
  margin-top: 10px;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.5px;
}
body.is-truck-konfigurator .truck-description__stat > div:last-child {
  margin-top: 6px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 13px;
  line-height: 1.4;
}
body.is-truck-konfigurator .truck-description__section--coverage {
  background: #fff;
}
body.is-truck-konfigurator .truck-description__note {
  margin-top: 20px;
  padding: 16px 20px;
  border-left: 4px solid #c5a44e;
  border-radius: 0 10px 10px 0;
  color: #67564f;
  background: #f7f2e7;
  font-size: 14px;
  text-align: center;
}
body.is-truck-konfigurator .truck-description__process-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
body.is-truck-konfigurator .truck-description__process-step {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  padding: 22px;
  border: 1px solid #eadfca;
  border-radius: 14px;
  background: #fff;
}
body.is-truck-konfigurator .truck-description__process-step > div:first-child {
  display: flex;
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg, #c5a44e, #9d7726);
  font-size: 22px;
  font-weight: 800;
}
body.is-truck-konfigurator .truck-description__process-step h4 {
  margin: 1px 0 6px;
  color: #2e1810;
  font-size: 15px;
  font-weight: 800;
}
body.is-truck-konfigurator .truck-description__process-step p {
  margin: 0;
  color: #6c5b54;
  font-size: 14px;
  line-height: 1.5;
}
body.is-truck-konfigurator .truck-description__section--cta {
  max-width: 1096px;
  margin: 24px auto 48px;
  border-radius: 18px;
  color: #fff;
  background: #2e1810;
  text-align: center;
}
body.is-truck-konfigurator .truck-description__section--cta h2 {
  margin: 8px 0 12px;
  color: #fff;
  font-size: 34px;
  font-weight: 800;
}
body.is-truck-konfigurator .truck-description__section--cta p {
  max-width: 620px;
  margin: 0 auto;
  color: rgba(255, 255, 255, 0.78);
  font-size: 16px;
  line-height: 1.55;
}
body.is-truck-konfigurator .truck-description__cta-button {
  display: inline-block;
  margin-top: 28px;
  padding: 15px 28px;
  border: 0;
  border-radius: 9px;
  color: #2e1810;
  background: linear-gradient(135deg, #d8ba61, #b48c2f);
  box-shadow: 0 8px 24px rgba(197, 164, 78, 0.25);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.7px;
  text-decoration: none;
  cursor: pointer;
}
body.is-truck-konfigurator .truck-description__cta-button:hover, body.is-truck-konfigurator .truck-description__cta-button:focus {
  color: #2e1810;
  text-decoration: none;
}
body.is-truck-konfigurator .truck-konfigurator-wrap {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
}
body.is-truck-konfigurator #truck-konfigurator-root {
  display: block;
  width: 100%;
}
body.is-truck-konfigurator #truck-konfigurator-root .konfig-layout {
  display: block !important;
  grid-template-columns: 1fr !important;
}
body.is-truck-konfigurator #truck-konfigurator-root .konfig-right {
  width: 100% !important;
  max-width: 100% !important;
}
body.is-truck-konfigurator #truck-konfigurator-root .konfig-popular-badge {
  background: linear-gradient(135deg, #d71920, #a40005) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.75);
  box-shadow: 0 3px 10px rgba(164, 0, 5, 0.45) !important;
}
body.is-truck-konfigurator #truck-konfigurator-root details.konfig-suhrn-details:not([open]) > :not(summary) {
  display: none;
}
@media (max-width: 768px) {
  body.is-truck-konfigurator .truck-description {
    margin-top: 18px;
  }
  body.is-truck-konfigurator .truck-description__process-list {
    grid-template-columns: minmax(0, 1fr);
  }
  body.is-truck-konfigurator #description {
    margin-top: 20px;
  }
  body.is-truck-konfigurator #description .description-inner,
  body.is-truck-konfigurator #description .basic-description {
    width: 100%;
    max-width: 100%;
    padding-inline: 0;
  }
  body.is-truck-konfigurator #description .basic-description > div {
    margin-top: 18px !important;
  }
  body.is-truck-konfigurator #description .basic-description > div > section {
    max-width: 100% !important;
    margin-top: 0 !important;
    padding: 36px 16px !important;
  }
  body.is-truck-konfigurator #description .basic-description > div > section h2 {
    font-size: 23px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.15px !important;
    text-wrap: balance;
  }
  body.is-truck-konfigurator #description .basic-description > div > section h4 {
    font-size: 14px !important;
    line-height: 1.35 !important;
    letter-spacing: 0.35px !important;
  }
  body.is-truck-konfigurator #description .basic-description > div > section p {
    font-size: 13.5px !important;
    line-height: 1.55 !important;
  }
  body.is-truck-konfigurator #description .basic-description > div > section:nth-of-type(1) {
    padding-top: 28px !important;
    padding-bottom: 24px !important;
  }
  body.is-truck-konfigurator #description .basic-description > div > section:nth-of-type(1) > div:first-child {
    margin-bottom: 24px !important;
  }
  body.is-truck-konfigurator #description .basic-description > div > section:nth-of-type(1) > div:nth-child(2) {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }
  body.is-truck-konfigurator #description .basic-description > div > section:nth-of-type(1) > div:nth-child(2) > div {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    row-gap: 4px !important;
    align-items: start !important;
    padding: 16px !important;
    text-align: left !important;
  }
  body.is-truck-konfigurator #description .basic-description > div > section:nth-of-type(1) > div:nth-child(2) > div > div:first-child {
    grid-column: 1;
    grid-row: 1/span 2;
    margin: 0 !important;
    font-size: 31px !important;
  }
  body.is-truck-konfigurator #description .basic-description > div > section:nth-of-type(1) > div:nth-child(2) > div > h4,
  body.is-truck-konfigurator #description .basic-description > div > section:nth-of-type(1) > div:nth-child(2) > div > p {
    grid-column: 2;
    min-width: 0;
  }
  body.is-truck-konfigurator #description .basic-description > div > section:nth-of-type(2) {
    padding-top: 12px !important;
    padding-bottom: 28px !important;
  }
  body.is-truck-konfigurator #description .basic-description > div > section:nth-of-type(2) > div {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }
  body.is-truck-konfigurator #description .basic-description > div > section:nth-of-type(2) > div > div {
    display: grid !important;
    grid-template-columns: 82px minmax(0, 1fr) !important;
    column-gap: 14px !important;
    row-gap: 4px !important;
    align-items: center !important;
    padding: 18px !important;
    text-align: left !important;
  }
  body.is-truck-konfigurator #description .basic-description > div > section:nth-of-type(2) > div > div > div:first-child {
    grid-column: 1;
    grid-row: 1/span 2;
    font-size: 38px !important;
    text-align: center;
  }
  body.is-truck-konfigurator #description .basic-description > div > section:nth-of-type(2) > div > div > div:nth-child(2),
  body.is-truck-konfigurator #description .basic-description > div > section:nth-of-type(2) > div > div > div:nth-child(3) {
    grid-column: 2;
    margin-top: 0 !important;
  }
  body.is-truck-konfigurator #description .basic-description > div > section:nth-of-type(2) > div > div > div:nth-child(2) {
    font-size: 13px !important;
    letter-spacing: 1px !important;
  }
  body.is-truck-konfigurator #description .basic-description > div > section:nth-of-type(2) > div > div > div:nth-child(3) {
    font-size: 13px !important;
    line-height: 1.45 !important;
  }
  body.is-truck-konfigurator #description .basic-description > div > section:nth-of-type(3) {
    padding-block: 36px !important;
  }
  body.is-truck-konfigurator #description .basic-description > div > section:nth-of-type(3) > div > div:first-child {
    margin-bottom: 24px !important;
  }
  body.is-truck-konfigurator #description .basic-description > div > section:nth-of-type(3) > div > div:nth-child(2) {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }
  body.is-truck-konfigurator #description .basic-description > div > section:nth-of-type(3) > div > div:nth-child(2) > div {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    row-gap: 4px !important;
    padding: 16px !important;
  }
  body.is-truck-konfigurator #description .basic-description > div > section:nth-of-type(3) > div > div:nth-child(2) > div > div:first-child {
    grid-column: 1;
    grid-row: 1/span 2;
    margin: 0 !important;
    font-size: 29px !important;
  }
  body.is-truck-konfigurator #description .basic-description > div > section:nth-of-type(3) > div > div:nth-child(2) > div > h4,
  body.is-truck-konfigurator #description .basic-description > div > section:nth-of-type(3) > div > div:nth-child(2) > div > p {
    grid-column: 2;
    min-width: 0;
  }
  body.is-truck-konfigurator #description .basic-description > div > section:nth-of-type(3) > div > div:last-child {
    margin-top: 14px !important;
    padding: 14px 16px !important;
    text-align: left !important;
  }
  body.is-truck-konfigurator #description .basic-description > div > section:nth-of-type(4) > div:first-child {
    margin-bottom: 24px !important;
  }
  body.is-truck-konfigurator #description .basic-description > div > section:nth-of-type(4) > div:nth-child(2) {
    gap: 12px !important;
  }
  body.is-truck-konfigurator #description .basic-description > div > section:nth-of-type(4) > div:nth-child(2) > div {
    gap: 14px !important;
    padding: 16px !important;
  }
  body.is-truck-konfigurator #description .basic-description > div > section:nth-of-type(4) > div:nth-child(2) > div > div:first-child {
    width: 44px !important;
    height: 44px !important;
    font-size: 20px !important;
  }
  body.is-truck-konfigurator #description .basic-description > div > section:nth-of-type(5) > div:first-child {
    margin-bottom: 24px !important;
  }
  body.is-truck-konfigurator #description .basic-description > div > section:nth-of-type(5) > div:nth-child(2) {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }
  body.is-truck-konfigurator #description .basic-description > div > section:nth-of-type(5) > div:nth-child(2) > div {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    row-gap: 4px !important;
    padding: 16px !important;
    text-align: left !important;
  }
  body.is-truck-konfigurator #description .basic-description > div > section:nth-of-type(5) > div:nth-child(2) > div > div:first-child {
    grid-column: 1;
    grid-row: 1/span 2;
    margin: 0 !important;
    font-size: 31px !important;
  }
  body.is-truck-konfigurator #description .basic-description > div > section:nth-of-type(5) > div:nth-child(2) > div > h4,
  body.is-truck-konfigurator #description .basic-description > div > section:nth-of-type(5) > div:nth-child(2) > div > p {
    grid-column: 2;
    min-width: 0;
  }
  body.is-truck-konfigurator #description .basic-description > div > section:nth-of-type(6) {
    margin-top: 12px !important;
    padding: 40px 20px 46px !important;
    border-radius: 14px !important;
  }
  body.is-truck-konfigurator #description .basic-description > div > section:nth-of-type(6) h2 {
    font-size: 25px !important;
  }
  body.is-truck-konfigurator #description .basic-description > div > section:nth-of-type(6) button {
    display: block !important;
    width: 100% !important;
    margin-top: 26px !important;
    padding: 16px 18px !important;
    font-size: 14px !important;
  }
}

.can-toggle {
  position: relative;
}
.can-toggle *,
.can-toggle *:before,
.can-toggle *:after {
  box-sizing: border-box;
}
.can-toggle input[type=checkbox] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.can-toggle input[type=checkbox][disabled] ~ label {
  pointer-events: none;
}
.can-toggle input[type=checkbox][disabled] ~ label .can-toggle__switch {
  opacity: 0.4;
}
.can-toggle input[type=checkbox]:checked ~ label .can-toggle__switch:before {
  content: attr(data-unchecked);
  left: 0;
}
.can-toggle input[type=checkbox]:checked ~ label .can-toggle__switch:after {
  content: attr(data-checked);
}
.can-toggle label {
  user-select: none;
  position: relative;
  display: flex;
  align-items: center;
}
.can-toggle label .can-toggle__label-text {
  flex: 1;
  padding-left: 32px;
}
.can-toggle label .can-toggle__switch {
  position: relative;
}
.can-toggle label .can-toggle__switch:before {
  content: attr(data-checked);
  position: absolute;
  top: 0;
  text-transform: uppercase;
  text-align: center;
}
.can-toggle label .can-toggle__switch:after {
  content: attr(data-unchecked);
  position: absolute;
  z-index: 5;
  text-transform: uppercase;
  text-align: center;
  background: white;
  transform: translate3d(0, 0, 0);
}
.can-toggle input[type=checkbox][disabled] ~ label {
  color: rgba(119, 119, 119, 0.5);
}
.can-toggle input[type=checkbox]:focus ~ label .can-toggle__switch, .can-toggle input[type=checkbox]:hover ~ label .can-toggle__switch {
  background-color: #777;
}
.can-toggle input[type=checkbox]:focus ~ label .can-toggle__switch:after, .can-toggle input[type=checkbox]:hover ~ label .can-toggle__switch:after {
  color: rgb(93.5, 93.5, 93.5);
}
.can-toggle input[type=checkbox]:hover ~ label {
  color: rgb(106.25, 106.25, 106.25);
}
.can-toggle input[type=checkbox]:checked ~ label:hover {
  color: rgb(84.5384615385, 187.8807692308, 72.8192307692);
}
.can-toggle input[type=checkbox]:checked ~ label .can-toggle__switch {
  background-color: rgb(112.4358974359, 198.8653846154, 102.6346153846);
}
.can-toggle input[type=checkbox]:checked ~ label .can-toggle__switch:after {
  color: rgb(79.2179487179, 183.0576923077, 67.4423076923);
}
.can-toggle input[type=checkbox]:checked:focus ~ label .can-toggle__switch, .can-toggle input[type=checkbox]:checked:hover ~ label .can-toggle__switch {
  background-color: #5fc054;
}
.can-toggle input[type=checkbox]:checked:focus ~ label .can-toggle__switch:after, .can-toggle input[type=checkbox]:checked:hover ~ label .can-toggle__switch:after {
  color: rgb(71.1538461538, 164.4230769231, 60.5769230769);
}
.can-toggle label .can-toggle__label-text {
  flex: 1;
}
.can-toggle label .can-toggle__switch {
  transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1);
  background: rgb(131.75, 131.75, 131.75);
}
.can-toggle label .can-toggle__switch:before {
  color: rgba(255, 255, 255, 0.5);
}
.can-toggle label .can-toggle__switch:after {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1);
  transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1);
  color: #777;
}
.can-toggle input[type=checkbox]:focus ~ label .can-toggle__switch:after, .can-toggle input[type=checkbox]:hover ~ label .can-toggle__switch:after {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}
.can-toggle input[type=checkbox]:checked ~ label .can-toggle__switch:after {
  transform: translate3d(65px, 0, 0);
}
.can-toggle input[type=checkbox]:checked:focus ~ label .can-toggle__switch:after, .can-toggle input[type=checkbox]:checked:hover ~ label .can-toggle__switch:after {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}
.can-toggle label {
  font-size: 14px;
}
.can-toggle label .can-toggle__switch {
  height: 36px;
  flex: 0 0 134px;
  border-radius: 4px;
}
.can-toggle label .can-toggle__switch:before {
  left: 67px;
  font-size: 12px;
  line-height: 36px;
  width: 67px;
  padding: 0 12px;
}
.can-toggle label .can-toggle__switch:after {
  top: 2px;
  left: 2px;
  border-radius: 2px;
  width: 65px;
  line-height: 32px;
  font-size: 12px;
}
.can-toggle label .can-toggle__switch:hover:after {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}
.can-toggle.can-toggle--size-small input[type=checkbox]:focus ~ label .can-toggle__switch:after, .can-toggle.can-toggle--size-small input[type=checkbox]:hover ~ label .can-toggle__switch:after {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}
.can-toggle.can-toggle--size-small input[type=checkbox]:checked ~ label .can-toggle__switch:after {
  transform: translate3d(44px, 0, 0);
}
.can-toggle.can-toggle--size-small input[type=checkbox]:checked:focus ~ label .can-toggle__switch:after, .can-toggle.can-toggle--size-small input[type=checkbox]:checked:hover ~ label .can-toggle__switch:after {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}
.can-toggle.can-toggle--size-small label {
  font-size: 13px;
}
.can-toggle.can-toggle--size-small label .can-toggle__switch {
  height: 28px;
  flex: 0 0 90px;
  border-radius: 2px;
}
.can-toggle.can-toggle--size-small label .can-toggle__switch:before {
  left: 45px;
  font-size: 10px;
  line-height: 28px;
  width: 45px;
  padding: 0 12px;
}
.can-toggle.can-toggle--size-small label .can-toggle__switch:after {
  top: 1px;
  left: 1px;
  border-radius: 1px;
  width: 44px;
  line-height: 26px;
  font-size: 10px;
}
.can-toggle.can-toggle--size-small label .can-toggle__switch:hover:after {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}
.can-toggle.can-toggle--size-large input[type=checkbox]:focus ~ label .can-toggle__switch:after, .can-toggle.can-toggle--size-large input[type=checkbox]:hover ~ label .can-toggle__switch:after {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}
.can-toggle.can-toggle--size-large input[type=checkbox]:checked ~ label .can-toggle__switch:after {
  transform: translate3d(78px, 0, 0);
}
.can-toggle.can-toggle--size-large input[type=checkbox]:checked:focus ~ label .can-toggle__switch:after, .can-toggle.can-toggle--size-large input[type=checkbox]:checked:hover ~ label .can-toggle__switch:after {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}
.can-toggle.can-toggle--size-large label {
  font-size: 14px;
}
.can-toggle.can-toggle--size-large label .can-toggle__switch {
  height: 50px;
  flex: 0 0 160px;
  border-radius: 4px;
}
.can-toggle.can-toggle--size-large label .can-toggle__switch:before {
  left: 80px;
  font-size: 14px;
  line-height: 50px;
  width: 80px;
  padding: 0 12px;
}
.can-toggle.can-toggle--size-large label .can-toggle__switch:after {
  top: 2px;
  left: 2px;
  border-radius: 2px;
  width: 78px;
  line-height: 46px;
  font-size: 14px;
}
.can-toggle.can-toggle--size-large label .can-toggle__switch:hover:after {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}
.can-toggle.demo-rebrand-1 input[type=checkbox][disabled] ~ label {
  color: rgba(181, 62, 116, 0.5);
}
.can-toggle.demo-rebrand-1 input[type=checkbox]:focus ~ label .can-toggle__switch, .can-toggle.demo-rebrand-1 input[type=checkbox]:hover ~ label .can-toggle__switch {
  background-color: #b53e74;
}
.can-toggle.demo-rebrand-1 input[type=checkbox]:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-1 input[type=checkbox]:hover ~ label .can-toggle__switch:after {
  color: rgb(143.012345679, 48.987654321, 91.6543209877);
}
.can-toggle.demo-rebrand-1 input[type=checkbox]:hover ~ label {
  color: rgb(162.0061728395, 55.4938271605, 103.8271604938);
}
.can-toggle.demo-rebrand-1 input[type=checkbox]:checked ~ label:hover {
  color: rgb(56.699078341, 145.000921659, 105.9622119816);
}
.can-toggle.demo-rebrand-1 input[type=checkbox]:checked ~ label .can-toggle__switch {
  background-color: rgb(68.168202765, 174.331797235, 127.3963133641);
}
.can-toggle.demo-rebrand-1 input[type=checkbox]:checked ~ label .can-toggle__switch:after {
  color: rgb(53.831797235, 137.668202765, 100.6036866359);
}
.can-toggle.demo-rebrand-1 input[type=checkbox]:checked:focus ~ label .can-toggle__switch, .can-toggle.demo-rebrand-1 input[type=checkbox]:checked:hover ~ label .can-toggle__switch {
  background-color: #3d9c72;
}
.can-toggle.demo-rebrand-1 input[type=checkbox]:checked:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-1 input[type=checkbox]:checked:hover ~ label .can-toggle__switch:after {
  color: rgb(46.66359447, 119.33640553, 87.2073732719);
}
.can-toggle.demo-rebrand-1 label .can-toggle__label-text {
  flex: 1;
}
.can-toggle.demo-rebrand-1 label .can-toggle__switch {
  transition: background-color 0.3s ease-in-out;
  background: rgb(193.3827160494, 75.1172839506, 128.7839506173);
}
.can-toggle.demo-rebrand-1 label .can-toggle__switch:before {
  color: rgba(255, 255, 255, 0.6);
}
.can-toggle.demo-rebrand-1 label .can-toggle__switch:after {
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  color: #b53e74;
}
.can-toggle.demo-rebrand-2 input[type=checkbox][disabled] ~ label {
  color: rgba(68, 68, 68, 0.5);
}
.can-toggle.demo-rebrand-2 input[type=checkbox]:focus ~ label .can-toggle__switch, .can-toggle.demo-rebrand-2 input[type=checkbox]:hover ~ label .can-toggle__switch {
  background-color: #444;
}
.can-toggle.demo-rebrand-2 input[type=checkbox]:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-2 input[type=checkbox]:hover ~ label .can-toggle__switch:after {
  color: rgb(42.5, 42.5, 42.5);
}
.can-toggle.demo-rebrand-2 input[type=checkbox]:hover ~ label {
  color: rgb(55.25, 55.25, 55.25);
}
.can-toggle.demo-rebrand-2 input[type=checkbox]:checked ~ label:hover {
  color: rgb(98.0152173913, 177.3608695652, 37.3391304348);
}
.can-toggle.demo-rebrand-2 input[type=checkbox]:checked ~ label .can-toggle__switch {
  background-color: rgb(116.6847826087, 210.7391304348, 44.7608695652);
}
.can-toggle.demo-rebrand-2 input[type=checkbox]:checked ~ label .can-toggle__switch:after {
  color: rgb(93.3586956522, 168.9347826087, 35.5652173913);
}
.can-toggle.demo-rebrand-2 input[type=checkbox]:checked:focus ~ label .can-toggle__switch, .can-toggle.demo-rebrand-2 input[type=checkbox]:checked:hover ~ label .can-toggle__switch {
  background-color: #69be28;
}
.can-toggle.demo-rebrand-2 input[type=checkbox]:checked:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-2 input[type=checkbox]:checked:hover ~ label .can-toggle__switch:after {
  color: rgb(81.7173913043, 147.8695652174, 31.1304347826);
}
.can-toggle.demo-rebrand-2 label .can-toggle__label-text {
  flex: 1;
}
.can-toggle.demo-rebrand-2 label .can-toggle__switch {
  transition: background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  background: rgb(80.75, 80.75, 80.75);
}
.can-toggle.demo-rebrand-2 label .can-toggle__switch:before {
  color: rgba(255, 255, 255, 0.7);
}
.can-toggle.demo-rebrand-2 label .can-toggle__switch:after {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  color: #444;
}
.can-toggle.demo-rebrand-2 input[type=checkbox]:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-2 input[type=checkbox]:hover ~ label .can-toggle__switch:after {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}
.can-toggle.demo-rebrand-2 input[type=checkbox]:checked ~ label .can-toggle__switch:after {
  transform: translate3d(58px, 0, 0);
}
.can-toggle.demo-rebrand-2 input[type=checkbox]:checked:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-2 input[type=checkbox]:checked:hover ~ label .can-toggle__switch:after {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}
.can-toggle.demo-rebrand-2 label {
  font-size: 13px;
}
.can-toggle.demo-rebrand-2 label .can-toggle__switch {
  height: 60px;
  flex: 0 0 120px;
  border-radius: 60px;
}
.can-toggle.demo-rebrand-2 label .can-toggle__switch:before {
  left: 60px;
  font-size: 13px;
  line-height: 60px;
  width: 60px;
  padding: 0 12px;
}
.can-toggle.demo-rebrand-2 label .can-toggle__switch:after {
  top: 2px;
  left: 2px;
  border-radius: 30px;
  width: 58px;
  line-height: 56px;
  font-size: 13px;
}
.can-toggle.demo-rebrand-2 label .can-toggle__switch:hover:after {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}

.can-toggle__switch {
  width: 135px;
}

.can-toggle.demo-rebrand-1 label {
  padding-left: 0;
}

.can-toggle.demo-rebrand-1 label .can-toggle__switch {
  transition: background-color 0.3s ease-in-out;
  background: #aa8d58 !important;
}

.can-toggle.demo-rebrand-1 input[type=checkbox]:checked ~ label .can-toggle__switch {
  background: #aa8d58 !important;
}

.can-toggle.demo-rebrand-1 label .can-toggle__switch:after {
  color: #aa8d58 !important;
}

.parameter-cars {
  margin-bottom: 10px;
}
.parameter-cars .label {
  text-align: center;
  font-size: 16px;
  margin-bottom: 20px;
  margin-top: 20px;
  min-width: 150px;
  text-transform: uppercase;
  padding: 20px 10px 0 !important;
}
.parameter-cars .label.sit {
  padding-top: 0 !important;
}

.navigatte-button {
  width: 50px;
  height: 50px;
  position: relative;
  cursor: pointer;
}

.type-option-wrap {
  background: #aa8d58;
  border-radius: 5px;
  color: white;
  padding: 5px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 400px;
  margin: auto;
}
.type-option-wrap .type-option.button {
  cursor: pointer;
  position: relative;
  transition: background-color 0.3s ease-in-out;
  width: 50%;
  text-align: center;
  padding: 9px;
  border-radius: 4px;
}
.type-option-wrap .type-option.button.active {
  background: white;
  color: #aa8d58;
}
.type-option-wrap .type-option.button span {
  position: absolute;
  bottom: -4px;
  font-size: 10px;
  left: 50%;
  transform: translateX(-50%);
}

.navigatte-button.first:before {
  content: "";
  background-image: url(https://677818.myshoptet.com/user/documents/upload/assets/car.png);
  position: absolute;
  width: 39px;
  height: 42px;
  top: 6px;
  background-size: contain;
}

.navigatte-button.class2.upsale {
  background-image: url(https://677818.myshoptet.com/user/documents/upload/assets/note.png);
}

section,
section#models,
.layers-info-wrap,
.section.section-full.bg-custom.full-width,
.point-wrapper,
.content-wrapper.homepage-box.middle-banners-wrapper {
  padding: 50px 0;
  margin: 0px !important;
}
section .sec-prefix,
section p,
section#models .sec-prefix,
section#models p,
.layers-info-wrap .sec-prefix,
.layers-info-wrap p,
.section.section-full.bg-custom.full-width .sec-prefix,
.section.section-full.bg-custom.full-width p,
.point-wrapper .sec-prefix,
.point-wrapper p,
.content-wrapper.homepage-box.middle-banners-wrapper .sec-prefix,
.content-wrapper.homepage-box.middle-banners-wrapper p {
  font-size: 20px;
  color: #000;
}

.footer-banners,
.content-wrapper.homepage-box.welcome-wrapper,
.section-stack {
  margin-top: -1px;
}

.image-container {
  margin-top: 0px;
}

.twentytwenty-wrapper.twentytwenty-horizontal,
.slick-dotted.slick-slider {
  margin-bottom: 0px;
}

.content-wrapper.homepage-box.welcome-wrapper {
  padding: 0;
}

.snap-center .prose p {
  font-size: 14px !important;
}

.banner-header p {
  font-size: 14px !important;
  color: white !important;
}

.margin-top {
  margin-top: 50px !important;
}

@media (min-width: 1440px) {
  .container {
    width: 1118px;
  }
}
@media (min-width: 1640px) {
  .container {
    width: 1418px;
  }
}
body.showBody {
  display: block;
}

img.main-product-image.desctop {
  display: none;
}

img.main-product-image.mobile {
  display: block;
}

@media (min-width: 678px) {
  .overall-wrapper {
    overflow: hidden;
  }
  img.main-product-image.mobile {
    display: none;
  }
  img.main-product-image.desctop {
    display: block;
  }
}
section#model-selector {
  margin-left: 0px;
  margin-right: 0px;
}

.parameter-85 .image-wrap {
  display: none !important;
}

/* :not(.lcd-root *) — statický rozcestník (#lcd-rz v popise stránky, 10/2026) má vlastné farby */
.type-page .content li a:not(.lcd-root *),
.type-page .content li span:not(.lcd-root *),
.type-page .content p a:not(.lcd-root *),
.type-page .content p span:not(.lcd-root *) {
  color: black !important;
  background: white !important;
}

.layers-info-wrap.show {
  overflow: inherit;
}

@media (max-width: 678px) {
  section#model-info {
    order: 1;
  }
  .product-slider {
    order: 3;
  }
  .main-product {
    order: 2;
  }
  .main-product {
    padding: 10px;
  }
  .cart-widget-product-unit {
    display: none !important;
  }
}
.faq.container {
  margin-top: 40px;
}

.lc-phone-wrapper .lc-phone-error {
  display: none;
  color: #c0392b;
  font-size: 13px;
  margin-top: 4px;
}
.lc-phone-wrapper.lc-phone-invalid .form-control {
  border-color: #c0392b;
}
.lc-phone-wrapper.lc-phone-invalid .lc-phone-error {
  display: block;
}

#cboxLoadedContent {
  background: black;
  color: white;
}
#cboxLoadedContent .cookiesSetting__title {
  color: var(--color-primary);
}
#cboxLoadedContent .cookiesSetting__perex {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
}
#cboxLoadedContent .cookiesSetting__data {
  background-color: black;
  border: 1px solid black;
}
#cboxLoadedContent .cookiesSetting__item__name {
  color: #fff;
}
#cboxLoadedContent .cookiesSetting__item__text {
  color: #fff;
}
/*# sourceMappingURL=luxuryCar.css.map?v=6b1f6954 */


/* ===== LCD-HOME START - generovane tools/vloz-lcd-css.py z _lcdHome.scss (titulka; #lcd-home -> :is(#lcd-home,[data-lcd-cast^=hp]), h1 -> + .lcd-h1), needituj rucne ===== */
:is(#lcd-home,[data-lcd-cast^=hp]) {
  --ink:#14110c; --ground:#eceae5; --paper:#fff; --line:#d9d4c6;
  --gold:#c49b31; --gold-hi:#e6c877; --gold-lo:#8f7020;
  --mute:#6e6752; --deep:#181510;
  --sand:#f6f4ef; --sand2:#e4e0d4;
  --disp:"Exo 2","Segoe UI",Arial,sans-serif;
  --body:"Source Sans 3","Segoe UI",Arial,sans-serif;
  --mono:"Exo 2","Segoe UI",Arial,sans-serif;
  --pad:clamp(18px,5vw,80px);
  --ico-tel:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 01-2.2 2 19.8 19.8 0 01-8.6-3.1 19.5 19.5 0 01-6-6A19.8 19.8 0 012.1 4.2 2 2 0 014.1 2h3a2 2 0 012 1.7c.1 1 .3 1.9.6 2.8a2 2 0 01-.5 2.1L8.1 9.9a16 16 0 006 6l1.3-1.1a2 2 0 012.1-.5c.9.3 1.8.5 2.8.6a2 2 0 011.7 2z'/%3E%3C/svg%3E");
  --ico-star:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2l2.9 6.3 6.9.8-5.1 4.7 1.4 6.8L12 17.3 5.9 20.6l1.4-6.8L2.2 9.1l6.9-.8z"/></svg>');
}
:is(#lcd-home,[data-lcd-cast^=hp]) * {box-sizing:border-box
}

:is(#lcd-home,[data-lcd-cast^=hp]) {margin:0;background:var(--ground);color:var(--ink);font-family:var(--body);
  font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden
}
:is(#lcd-home,[data-lcd-cast^=hp]) img {display:block;max-width:100%
}
:is(#lcd-home,[data-lcd-cast^=hp]) a {color:inherit;text-decoration:none
}
:is(#lcd-home,[data-lcd-cast^=hp]) :focus-visible {outline:2px solid var(--gold);outline-offset:3px
}
/* ---------- typografia ---------- */
:is(#lcd-home,[data-lcd-cast^=hp]) .eyebrow {font-family:var(--mono);font-size:12.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#7c5f16
}
:is(#lcd-home,[data-lcd-cast^=hp]) h1, :is(#lcd-home,[data-lcd-cast^=hp]) .lcd-h1, :is(#lcd-home,[data-lcd-cast^=hp]) h2, :is(#lcd-home,[data-lcd-cast^=hp]) h3 {font-family:var(--disp);text-transform:uppercase;text-wrap:balance;margin:0;line-height:1.14;letter-spacing:.01em
}
:is(#lcd-home,[data-lcd-cast^=hp]) h1, :is(#lcd-home,[data-lcd-cast^=hp]) .lcd-h1 {font-size:clamp(28px,4.4vw,58px);font-weight:700
}
:is(#lcd-home,[data-lcd-cast^=hp]) h2 {font-size:clamp(24px,3.4vw,44px);font-weight:700
}
:is(#lcd-home,[data-lcd-cast^=hp]) h3 {font-size:clamp(16px,1.6vw,21px);font-weight:700;letter-spacing:.02em
}
:is(#lcd-home,[data-lcd-cast^=hp]) p {margin:0
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lede {max-width:62ch;color:var(--mute);font-size:clamp(15px,1.35vw,18px)
}
/* ---------- kapitola ---------- */
:is(#lcd-home,[data-lcd-cast^=hp]) .chapter {padding:clamp(56px,9vw,130px) var(--pad);position:relative
}
:is(#lcd-home,[data-lcd-cast^=hp]) .rule {display:flex;align-items:baseline;gap:16px;margin-bottom:clamp(16px,2.2vw,30px)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .rule:after {content:"";flex:1;height:1px;background:var(--line)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .rule .n {font-family:var(--disp);font-size:clamp(15px,1.75vw,21px);font-weight:800;
  letter-spacing:.1em;text-transform:uppercase;color:#7c5f16;white-space:nowrap
}
/* dlhy nadpis na uzkom displeji radsej zalomi, nez by pretiekol von zo stranky */
@media(max-width:640px) {
  :is(#lcd-home,[data-lcd-cast^=hp]) .rule .n {white-space:normal;min-width:0
  }
}
:is(#lcd-home,[data-lcd-cast^=hp]) .wrap {max-width:1240px;margin:0 auto
}
/* poistka proti vodorovnemu posuvaniu stranky na telefone —
   clip (nie hidden) preto, aby dalej fungovali sticky sekcie */
:is(#lcd-home,[data-lcd-cast^=hp]) {max-width:100%;overflow-x:clip
}
:is(#lcd-home,[data-lcd-cast^=hp]) main {overflow-x:clip
}
/* ---------- BRAND HLAVICKA ---------- */
:is(#lcd-home,[data-lcd-cast^=hp]) .skip {position:absolute;left:-9999px;top:0;background:var(--gold);color:#17130a;padding:10px 16px;z-index:999
}
:is(#lcd-home,[data-lcd-cast^=hp]) .skip:focus {left:12px;top:12px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .hdr {position:sticky;top:0;z-index:60;background:#0d0d0d;
  box-shadow:0 2px 20px rgba(0,0,0,.4)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .hdr .in {max-width:1240px;margin:0 auto;padding:0 clamp(14px,3vw,30px);height:74px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative
}
/* logo v plakete, ktora previsa pod pas a vystupuje do priestoru */
:is(#lcd-home,[data-lcd-cast^=hp]) .hdr .logo {position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:2;
  display:flex;align-items:flex-start;justify-content:center;
  background:linear-gradient(180deg,#191919 0%,#0d0d0d 46%,#050505 100%);
  padding:8px 30px 16px;border-radius:0 0 14px 14px;
  border:1px solid rgba(230,200,119,.2);border-top:0;
  box-shadow:0 18px 38px rgba(0,0,0,.72),0 3px 10px rgba(0,0,0,.5),
    inset 0 -1px 0 rgba(230,200,119,.34),inset 1px 0 0 rgba(255,255,255,.05),
    inset -1px 0 0 rgba(255,255,255,.05);
  transition:padding-bottom .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s
}
:is(#lcd-home,[data-lcd-cast^=hp]) .hdr .logo:after {content:"";position:absolute;left:14%;right:14%;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold-hi),transparent);opacity:.85
}
:is(#lcd-home,[data-lcd-cast^=hp]) .hdr .logo img {height:70px;width:auto;display:block;
  filter:drop-shadow(0 3px 10px rgba(196,155,49,.4)) drop-shadow(0 1px 2px rgba(0,0,0,.7));
  transition:transform .3s cubic-bezier(.2,.7,.2,1)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .hdr .logo:hover {padding-bottom:21px;box-shadow:0 24px 48px rgba(0,0,0,.8),
    inset 0 -1px 0 rgba(230,200,119,.5)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .hdr .logo:hover img {transform:scale(1.03)
}
@media(max-width:520px) {
  :is(#lcd-home,[data-lcd-cast^=hp]) .hdr .in {height:62px
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .hdr .logo {padding:6px 18px 12px;border-radius:0 0 11px 11px
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .hdr .logo img {height:52px
  }
}
:is(#lcd-home,[data-lcd-cast^=hp]) .hdr .side {display:flex;align-items:center;gap:clamp(10px,1.6vw,18px);flex:none;margin-left:auto
}
:is(#lcd-home,[data-lcd-cast^=hp]) .hdr .kont {font-family:var(--disp);font-weight:800;font-size:13px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--gold-hi);white-space:nowrap;
  transition:color .22s
}
:is(#lcd-home,[data-lcd-cast^=hp]) .hdr .kont:hover {color:#fff
}
:is(#lcd-home,[data-lcd-cast^=hp]) .hdr .cart {display:flex;align-items:center;justify-content:center;width:34px;height:34px;
  color:var(--gold-hi);transition:color .22s,transform .22s
}
:is(#lcd-home,[data-lcd-cast^=hp]) .hdr .cart svg {width:24px;height:24px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .hdr .cart:hover {color:#fff;transform:translateY(-1px)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .hdr .lang {display:flex;align-items:center;border:0;background:none;padding:0;cursor:pointer;
  margin-left:clamp(12px,2.6vw,20px)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .hdr .lang svg {width:26px;height:19px;border-radius:2px;display:block;
  box-shadow:0 1px 4px rgba(0,0,0,.5);transition:transform .22s
}
:is(#lcd-home,[data-lcd-cast^=hp]) .hdr .lang:hover svg {transform:scale(1.08)
}
@media(max-width:430px) {
  :is(#lcd-home,[data-lcd-cast^=hp]) .hdr .kont {font-size:0;letter-spacing:0
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .hdr .kont:before {content:"";display:block;width:22px;height:22px;background:currentColor;
    -webkit-mask:var(--ico-tel) center/contain no-repeat;mask:var(--ico-tel) center/contain no-repeat
  }
}
:is(#lcd-home,[data-lcd-cast^=hp]) .burg {display:flex;width:40px;height:34px;border:0;background:none;border-radius:0;
  align-items:center;justify-content:center;flex-direction:column;gap:6px;cursor:pointer;padding:0;flex:none
}
:is(#lcd-home,[data-lcd-cast^=hp]) .burg i {display:block;width:30px;height:3px;border-radius:2px;background:var(--gold-hi);
  transition:transform .25s,opacity .2s,background .2s
}
:is(#lcd-home,[data-lcd-cast^=hp]) .burg:hover i {background:#fff
}
/* hamburger otvara mega menu — stav drzi aria-expanded */
:is(#lcd-home,[data-lcd-cast^=hp]) .burg[aria-expanded="true"] i:nth-child(1) {transform:translateY(9px) rotate(45deg)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .burg[aria-expanded="true"] i:nth-child(2) {opacity:0
}
:is(#lcd-home,[data-lcd-cast^=hp]) .burg[aria-expanded="true"] i:nth-child(3) {transform:translateY(-9px) rotate(-45deg)
}
/* ---------- BRAND PATICKA ---------- */
:is(#lcd-home,[data-lcd-cast^=hp]) .ft {background:var(--ink);color:#ded7c6;padding:clamp(44px,6vw,80px) var(--pad) 30px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ft .in {max-width:1240px;margin:0 auto;display:grid;gap:clamp(22px,3vw,44px);
  grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr) minmax(0,.8fr)
}
/* znacka je hlavicka paticky — cela sirka, na stred */
:is(#lcd-home,[data-lcd-cast^=hp]) .ft .brand {grid-column:1/-1;text-align:center;
  padding-bottom:clamp(24px,3vw,36px);margin-bottom:clamp(4px,1vw,10px);
  border-bottom:1px solid rgba(230,200,119,.16)
}
@media(max-width:860px) {
  :is(#lcd-home,[data-lcd-cast^=hp]) .ft .in {grid-template-columns:1fr 1fr
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .ft .in>div:nth-child(4) {grid-column:1/-1
  }
}
@media(max-width:620px) {
  :is(#lcd-home,[data-lcd-cast^=hp]) .ft .in {grid-template-columns:1fr;text-align:center;gap:0
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .ft .brand {text-align:center;margin-bottom:26px
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .ft .brand p {margin-left:auto;margin-right:auto
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .ft .in>div:not(.brand) {padding:22px 0;border-top:1px solid rgba(230,200,119,.14)
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .ft ul {align-items:center
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .ft .soc {justify-content:center
  }
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ft h4 {font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-hi);margin:0 0 14px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ft h5 {font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;
  color:#8a8271;margin:20px 0 10px;padding-top:14px;border-top:1px solid rgba(230,200,119,.16)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ft h5:first-of-type {margin-top:0;padding-top:0;border-top:0
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ft ul {list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ft a {font-size:14px;color:#c4bca9
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ft a:hover {color:#fff
}
/* logo nad textom, na jeho stred a vyrazne */
:is(#lcd-home,[data-lcd-cast^=hp]) .ft .brand {text-align:center
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ft .brand img {height:104px;width:auto;margin:0 auto 18px;display:block;
  filter:saturate(1.2) brightness(1.1) drop-shadow(0 6px 20px rgba(140,105,25,.45))
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ft .brand p {font-size:13.5px;color:#a49b87;max-width:36ch;line-height:1.6;margin:0 auto
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ft ul.infolist {display:block;columns:2;column-gap:30px
}
@media(max-width:860px) {
  :is(#lcd-home,[data-lcd-cast^=hp]) .ft ul.infolist {columns:1
  }
}
@media(max-width:1040px) {
  :is(#lcd-home,[data-lcd-cast^=hp]) .ft .infolist {columns:2
  }
}
@media(max-width:620px) {
  :is(#lcd-home,[data-lcd-cast^=hp]) .ft ul.infolist {columns:1
  }
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ft .infolist li {break-inside:avoid;margin-bottom:9px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ft .soc {display:flex;gap:10px;margin-top:16px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ft .soc a {width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(230,200,119,.28);color:var(--gold-hi);
  transition:background .22s,color .22s,transform .22s,border-color .22s
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ft .soc a:hover {background:var(--gold-hi);color:#17130a;border-color:var(--gold-hi);transform:translateY(-2px)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ft .soc svg {width:18px;height:18px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ft .ftvz {display:inline-flex;align-items:center;gap:9px;margin-top:16px;padding:10px 16px;
  border-radius:999px;border:1px solid rgba(230,200,119,.4);color:var(--gold-hi);
  font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  transition:background .22s,color .22s
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ft .ftvz:hover {background:var(--gold-hi);color:#17130a
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ft .ftvz:before {content:"";width:14px;height:14px;flex:none;border-radius:3px;
  background:linear-gradient(135deg,#c9a227,#2a0f16 50%,#0f1c33)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ft .bot {max-width:1240px;margin:clamp(28px,4vw,48px) auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);
  display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;
  font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8a8271
}
/* ---------- MEGA MENU (hamburger) — rovnake ako na zivom webe ---------- */
:is(#lcd-home,[data-lcd-cast^=hp]) .mega {position:fixed;top:82px;left:var(--pad);z-index:70;width:min(600px,calc(100vw - 24px));
  max-height:calc(100vh - 100px);overflow-y:auto;overscroll-behavior:contain;
  background:#eceae5;border:2px solid #c49b31;border-radius:14px;
  box-shadow:0 14px 40px rgba(0,0,0,.22);padding:0;display:none;
  scrollbar-width:thin;scrollbar-color:#c49b31 rgba(155,122,36,.16)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .mega.open {display:block
}
:is(#lcd-home,[data-lcd-cast^=hp]) .mega::-webkit-scrollbar {width:12px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .mega::-webkit-scrollbar-track {background:rgba(155,122,36,.14);border-radius:10px;margin:8px 4px 8px 0
}
:is(#lcd-home,[data-lcd-cast^=hp]) .mega::-webkit-scrollbar-thumb {background:linear-gradient(180deg,#e0c069,#c49b31 45%,#9b7a24);
  border-radius:10px;border:2px solid #eceae5;min-height:60px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .mega .lc {position:relative;padding:22px 14px 28px;font-family:var(--body)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .mega .lc * {box-sizing:border-box
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-t {text-align:center;line-height:1.22
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-t b {display:block;color:#171717;font-size:21px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-t span {display:block;color:#9b7a24;font-size:21px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-orn {display:flex;align-items:center;justify-content:center;gap:9px;margin:11px 0 4px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-orn:before, :is(#lcd-home,[data-lcd-cast^=hp]) .lc-orn:after {content:"";width:74px;height:1px;background:linear-gradient(90deg,transparent,#c49b31)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-orn:after {background:linear-gradient(90deg,#c49b31,transparent)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-orn i {width:6px;height:6px;background:#c49b31;transform:rotate(45deg)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-sek {display:flex;align-items:center;gap:11px;margin:22px 0 13px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-sek:before, :is(#lcd-home,[data-lcd-cast^=hp]) .lc-sek:after {content:"";flex:1;height:1px;background:rgba(155,122,36,.45)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-sek span {color:#9b7a24;font-size:12px;font-weight:800;letter-spacing:2.2px;text-transform:uppercase;white-space:nowrap
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-hero {border:1.5px solid #c49b31;border-radius:14px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.28);background:#141210;margin-bottom:12px;display:block
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-skl {display:grid;grid-template-columns:1fr 32px 1fr 32px 1fr;align-items:center;
  background:radial-gradient(120% 100% at 50% 0%,#241f16,#141210 72%);padding:14px 12px 12px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-dl {text-align:center
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-dl img {width:100%;aspect-ratio:1/1;object-fit:cover;display:block;border-radius:9px;border:1.5px solid rgba(196,155,49,.75)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-dl .lc-lbl {color:#e6d3a3;font-size:8.5px;font-weight:700;letter-spacing:.9px;text-transform:uppercase;
  margin-top:8px;line-height:1.3;min-height:24px;display:flex;align-items:flex-start;justify-content:center;text-align:center
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-plus {width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#e6c877,#b8901f);
  color:#1a1408;font-size:17px;font-weight:900;display:flex;align-items:center;justify-content:center;margin:0 auto 32px;box-shadow:0 3px 9px rgba(0,0,0,.5)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-spodok {background:#141210;padding:2px 14px 15px;text-align:center
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-k {color:#fff;font-size:15.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;line-height:1.3
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-s {color:#bda978;font-size:11.5px;margin:6px 0 12px;line-height:1.4
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-btn {display:block;background:linear-gradient(90deg,#b8901f,#f0d78f 45%,#c49b31);color:#1a1408;
  font-size:12.5px;font-weight:900;letter-spacing:1.6px;padding:14px 0;border-radius:10px;text-transform:uppercase;
  text-align:center;box-shadow:0 5px 16px rgba(196,155,49,.38)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-typy {display:grid;grid-template-columns:1fr 1fr;gap:12px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-typ {background:#fff;border:1.5px solid rgba(196,155,49,.85);border-radius:14px;overflow:hidden;
  box-shadow:0 3px 12px rgba(0,0,0,.16);display:block
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-typ img {width:100%;aspect-ratio:16/10;object-fit:cover;display:block
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-typ .lc-in {padding:11px 9px 12px;text-align:center
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-typ .lc-n {color:#141414;font-size:12.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;
  line-height:1.3;min-height:32px;display:flex;align-items:center;justify-content:center
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-g3 {display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-card {background:#fff;border:1.5px solid rgba(196,155,49,.85);border-radius:14px;overflow:hidden;
  display:flex;flex-direction:column;box-shadow:0 3px 12px rgba(0,0,0,.16)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-card img {width:100%;aspect-ratio:4/3;object-fit:cover;display:block
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-card .lc-b {padding:8px 6px 9px;text-align:center;display:flex;flex-direction:column;gap:5px;flex:1
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-card .lc-nm {color:#141414;font-size:10px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;
  line-height:1.3;min-height:37px;display:flex;align-items:center;justify-content:center
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-hr {height:1px;background:rgba(196,155,49,.35);width:78%;margin:0 auto
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-vars {color:#8a7940;font-size:7.5px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;margin-top:auto
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-truck {border:1.5px solid #c49b31;border-radius:14px;overflow:hidden;position:relative;box-shadow:0 6px 18px rgba(0,0,0,.28);display:block
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-truck img {width:100%;aspect-ratio:16/9;object-fit:cover;display:block
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-ov {position:absolute;left:0;right:0;bottom:0;padding:15px 14px 14px;text-align:center;
  background:linear-gradient(0deg,rgba(8,6,4,.96) 42%,rgba(8,6,4,.72) 72%,transparent)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-vz {margin:0;border-radius:16px;padding:2px;
  background:linear-gradient(135deg,#8a6d1f,#e6c877 28%,#8a6d1f 55%,#f0d78f 78%,#8a6d1f);box-shadow:0 8px 24px rgba(0,0,0,.3);display:block
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-vzin {background:radial-gradient(130% 100% at 50% 0%,#2c2519,#141210 70%);border-radius:14px;
  padding:18px 15px 16px;text-align:center;position:relative;overflow:hidden
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-vzin:before {content:"";position:absolute;top:-40px;left:50%;transform:translateX(-50%);
  width:230px;height:80px;background:radial-gradient(closest-side,rgba(230,200,119,.28),transparent)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-vzeb {position:relative;color:#9b7a24;font-size:9px;font-weight:700;letter-spacing:3.4px;text-transform:uppercase;margin-bottom:12px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-fan {position:relative;display:flex;justify-content:center;align-items:flex-end;height:66px;margin-bottom:13px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-fan i {position:absolute;width:52px;height:52px;border-radius:9px;display:block;border:2px solid #efe0b4;
  background-size:cover;background-position:center;box-shadow:0 5px 14px rgba(0,0,0,.6)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-fan i:nth-child(1) {transform:translateX(-96px) rotate(-14deg)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-fan i:nth-child(2) {transform:translateX(-48px) rotate(-7deg)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-fan i:nth-child(3) {transform:translateX(0) rotate(0);width:58px;height:58px;z-index:3;border-color:#fff
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-fan i:nth-child(4) {transform:translateX(48px) rotate(7deg)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-fan i:nth-child(5) {transform:translateX(96px) rotate(14deg)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-vz h3 {position:relative;margin:0;color:#fff;font-size:18px;font-weight:800;letter-spacing:.5px;
  font-family:var(--body);text-transform:none
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lc-vz p {position:relative;margin:6px 0 14px;color:#c3b285;font-size:12px;line-height:1.45
}
:is(#lcd-home,[data-lcd-cast^=hp]) .mega .m-x {display:none;position:fixed;top:10px;right:14px;width:38px;height:38px;border-radius:50%;
  background:#17150f;color:var(--gold);border:1px solid rgba(196,155,49,.6);align-items:center;justify-content:center;
  font-size:22px;line-height:1;cursor:pointer;z-index:75
}
:is(#lcd-home,[data-lcd-cast^=hp]) .mega-ovl {position:fixed;inset:0;z-index:65;background:rgba(20,17,12,.35);display:none
}
:is(#lcd-home,[data-lcd-cast^=hp]) .mega-ovl.open {display:block
}
@media(max-width:760px) {
  :is(#lcd-home,[data-lcd-cast^=hp]) .mega {top:0;left:0;right:0;bottom:0;width:auto;max-height:none;border:0;border-radius:0
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .mega .lc {padding:54px 20px 28px 14px
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .mega.open .m-x {display:flex
  }
}
/* ---------- HERO ---------- */
:is(#lcd-home,[data-lcd-cast^=hp]) .hero {position:relative;display:flex;align-items:flex-end;overflow:hidden;background:var(--deep);isolation:isolate;
  aspect-ratio:3920/1560;min-height:440px;max-height:78svh
}
:is(#lcd-home,[data-lcd-cast^=hp]) .hero .bg {position:absolute;inset:0;z-index:0
}
:is(#lcd-home,[data-lcd-cast^=hp]) .hero .bg img {width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.05)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .hero:after {content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(10,8,6,.42) 0%,rgba(10,8,6,.08) 36%,rgba(10,8,6,.82) 90%)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .hero .in {position:relative;z-index:2;padding:0 var(--pad) clamp(40px,7vw,96px);width:100%;max-width:1240px;margin:0 auto
}
:is(#lcd-home,[data-lcd-cast^=hp]) .hero .eyebrow {color:var(--gold-hi)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .hero h1, :is(#lcd-home,[data-lcd-cast^=hp]) .hero .lcd-h1 {color:#fff;margin:14px 0 0;max-width:16ch;
  text-shadow:0 2px 30px rgba(0,0,0,.5)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .hero h1 em, :is(#lcd-home,[data-lcd-cast^=hp]) .hero .lcd-h1 em {font-style:normal;color:var(--gold-hi)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .hero .sub {color:#ded5c0;margin-top:16px;max-width:46ch;font-size:clamp(14px,1.4vw,18px);letter-spacing:.04em;text-transform:uppercase;font-family:var(--mono)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .hero .cta {display:inline-flex;margin-top:clamp(26px,3.4vw,38px)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .vid, :is(#lcd-home,[data-lcd-cast^=hp]) .ref-v {-webkit-touch-callout:none;-webkit-user-select:none;user-select:none
}
:is(#lcd-home,[data-lcd-cast^=hp]) .vid *, :is(#lcd-home,[data-lcd-cast^=hp]) .ref-v * {pointer-events:none
}
:is(#lcd-home,[data-lcd-cast^=hp]) .btn {display:inline-flex;align-items:center;gap:12px;font-family:var(--disp);font-weight:800;
  text-transform:uppercase;letter-spacing:.09em;font-size:13px;padding:16px 30px;border-radius:12px;
  background:linear-gradient(100deg,var(--gold-lo),var(--gold-hi) 48%,var(--gold));color:#17130a;
  position:relative;overflow:hidden;
  box-shadow:0 10px 30px rgba(140,105,25,.35);transition:transform .25s,box-shadow .25s
}
:is(#lcd-home,[data-lcd-cast^=hp]) .btn:before {content:"";position:absolute;top:0;bottom:0;width:38%;left:-45%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.34),transparent);
  animation:lcdh-sheen 3.6s ease-in-out 1.2s infinite
}
:is(#lcd-home,[data-lcd-cast^=hp]) .btn.ghost:before {background:linear-gradient(100deg,transparent,rgba(196,155,49,.26),transparent)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .btn:hover {transform:translateY(-2px);box-shadow:0 16px 40px rgba(140,105,25,.45)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .btn.ghost {background:none;color:var(--ink);border:1px solid var(--line);box-shadow:none
}
:is(#lcd-home,[data-lcd-cast^=hp]) .btn.ghost:hover {border-color:var(--gold)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .hero .btn.ghost, :is(#lcd-home,[data-lcd-cast^=hp]) .truck .btn.ghost {
  background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.05));
  -webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);
  border-color:rgba(255,255,255,.35)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .hero .btn.ghost:hover, :is(#lcd-home,[data-lcd-cast^=hp]) .truck .btn.ghost:hover {
  background:linear-gradient(135deg,rgba(255,255,255,.26),rgba(255,255,255,.10));
  border-color:rgba(255,255,255,.6)
}
/* ---------- KONFIGURATOR (dvíha sa cez hero) ---------- */
:is(#lcd-home,[data-lcd-cast^=hp]) .konf {position:relative;z-index:5;margin-top:-72px;padding:0 var(--pad)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .konf .card {max-width:1240px;margin:0 auto;background:var(--paper);border:1px solid var(--line);
  border-top:3px solid var(--gold);border-radius:16px;padding:clamp(22px,3vw,38px);
  box-shadow:0 30px 70px rgba(20,15,5,.22);transform:perspective(1200px) rotateX(6deg);
  transform-origin:top center;opacity:0;transition:transform .9s cubic-bezier(.2,.7,.2,1),opacity .7s
}
:is(#lcd-home,[data-lcd-cast^=hp]) .konf .card.on {transform:perspective(1200px) rotateX(0);opacity:1
}
:is(#lcd-home,[data-lcd-cast^=hp]) .konf h2 {font-size:clamp(25px,2.4vw,31px);max-width:16ch;line-height:1.22;color:var(--ink);letter-spacing:.4px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .konf .zl-linka {width:44px;height:3px;border-radius:2px;margin:14px 0 0;background:linear-gradient(90deg,#c49b31,#e8c96a)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .tabs {position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;margin:26px 0 26px;
  background:var(--ground);border:1px solid var(--line);border-radius:999px;padding:5px;isolation:isolate
}
:is(#lcd-home,[data-lcd-cast^=hp]) .tabs .pill {position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:999px;
  background:linear-gradient(100deg,var(--gold-lo),var(--gold-hi) 48%,var(--gold));
  box-shadow:0 4px 14px rgba(140,105,25,.3);transition:transform .38s cubic-bezier(.4,.9,.3,1);z-index:-1
}
:is(#lcd-home,[data-lcd-cast^=hp]) .tabs.two .pill {transform:translateX(100%)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .tab {font-family:var(--disp);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  padding:13px 8px;color:var(--mute);cursor:pointer;background:none;border:0;border-radius:999px;
  transition:color .25s;display:flex;align-items:center;justify-content:center;gap:8px;line-height:1.2
}
:is(#lcd-home,[data-lcd-cast^=hp]) .tab.on {color:#17130a
}
:is(#lcd-home,[data-lcd-cast^=hp]) .tab svg {width:19px;height:19px;flex:none
}
:is(#lcd-home,[data-lcd-cast^=hp]) .fields {display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start
}
@media(max-width:1040px) {
  :is(#lcd-home,[data-lcd-cast^=hp]) .fields {display:grid;grid-template-columns:1fr 1fr
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .fields .field {flex-basis:auto
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .fields .field.go {grid-column:1/-1
  }
}
@media(max-width:520px) {
  :is(#lcd-home,[data-lcd-cast^=hp]) .fields {grid-template-columns:1fr
  }
}
:is(#lcd-home,[data-lcd-cast^=hp]) .field {flex:0 0 calc((100% - 32px)/3);min-width:0
}
:is(#lcd-home,[data-lcd-cast^=hp]) .field.hide {display:none
}
:is(#lcd-home,[data-lcd-cast^=hp]) .field.pop {animation:lcdh-fieldIn .38s cubic-bezier(.2,.7,.2,1) both
}
@keyframes lcdh-fieldIn {from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}
}
:is(#lcd-home,[data-lcd-cast^=hp]) .field:not(.go) .fake {cursor:pointer
}
:is(#lcd-home,[data-lcd-cast^=hp]) .field:not(.go) .fake:hover {border-color:var(--gold);background:#fff
}
:is(#lcd-home,[data-lcd-cast^=hp]) .field.done .fake {border-color:var(--gold);background:#fff;color:var(--ink);font-weight:600
}
:is(#lcd-home,[data-lcd-cast^=hp]) .field.done label:after {content:"✓";margin-left:7px;color:#2f9c68;font-weight:800;letter-spacing:0
}
:is(#lcd-home,[data-lcd-cast^=hp]) .field .ferr {display:none;margin-top:6px;font-size:12px;line-height:1.3;color:#c0392b;
  align-items:center;gap:5px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .field .ferr:before {content:"!";flex:none;width:14px;height:14px;border-radius:50%;
  background:#c0392b;color:#fff;font-size:10px;font-weight:800;
  display:flex;align-items:center;justify-content:center
}
:is(#lcd-home,[data-lcd-cast^=hp]) .field.err .fake {border-color:#c0392b;background:#fdf4f3;color:#a9342a
}
:is(#lcd-home,[data-lcd-cast^=hp]) .field.err .fake:after {border-color:#c0392b
}
:is(#lcd-home,[data-lcd-cast^=hp]) .field.err .ferr {display:flex
}
:is(#lcd-home,[data-lcd-cast^=hp]) .field.err {animation:lcdh-fieldShake .34s cubic-bezier(.36,.07,.19,.97) both
}
@keyframes lcdh-fieldShake {10%,90%{transform:translateX(-2px)}30%,70%{transform:translateX(3px)}
  50%{transform:translateX(-3px)}100%{transform:none}
}
:is(#lcd-home,[data-lcd-cast^=hp]) .field label {display:block;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-bottom:7px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .field .fake {border:1px solid var(--line);background:var(--ground);height:46px;border-radius:12px;
  display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:14px;color:var(--mute)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .field .fake:after {content:"";width:7px;height:7px;border-right:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);transform:rotate(45deg) translateY(-2px)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .field.go {flex:1 1 240px;align-self:flex-end
}
@media(max-width:520px) {
  :is(#lcd-home,[data-lcd-cast^=hp]) .field.go {flex-basis:100%;margin-top:4px
  }
}
:is(#lcd-home,[data-lcd-cast^=hp]) .konf-lede {margin:10px 0 0;font-size:clamp(14px,1.25vw,16.5px);color:var(--mute);max-width:52ch
}
:is(#lcd-home,[data-lcd-cast^=hp]) .konf-note {margin-top:16px;font-size:13.5px;color:var(--mute);text-align:center
}
/* texty v konfiguratore su tmavsie — na bielej karte sa lepsie citaju */
:is(#lcd-home,[data-lcd-cast^=hp]) .konf-lede {color:#48412f
}
:is(#lcd-home,[data-lcd-cast^=hp]) .konf-note {color:#48412f
}
:is(#lcd-home,[data-lcd-cast^=hp]) .tabs .tab:not(.on) {color:#3d3728
}
:is(#lcd-home,[data-lcd-cast^=hp]) .field label {color:#3d3728;font-size:10.5px;font-weight:600
}
:is(#lcd-home,[data-lcd-cast^=hp]) .field .fake {color:#4a4433
}
:is(#lcd-home,[data-lcd-cast^=hp]) .btn.go {width:100%;justify-content:center;height:56px;padding:0;font-size:14px;letter-spacing:.12em;
  color:#fff!important;position:relative;overflow:hidden;
  background:linear-gradient(100deg,#1d6b4a,#2f9c68 42%,#1f7350);
  box-shadow:0 10px 26px rgba(31,115,80,.34),inset 0 1px 0 rgba(255,255,255,.22)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .btn.go:hover {box-shadow:0 16px 36px rgba(31,115,80,.44),inset 0 1px 0 rgba(255,255,255,.26)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .btn.zeleny {background:linear-gradient(100deg,#1d6b4a,#2f9c68 42%,#1f7350);color:#fff;
  box-shadow:0 10px 26px rgba(31,115,80,.34),inset 0 1px 0 rgba(255,255,255,.22)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .btn.zeleny:hover {box-shadow:0 16px 36px rgba(31,115,80,.44),inset 0 1px 0 rgba(255,255,255,.26)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .bigcta.zeleny i {color:rgba(255,255,255,.82)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .btn.go:before {content:"";position:absolute;top:0;bottom:0;width:38%;left:-45%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);
  animation:lcdh-sheen 3.6s ease-in-out 1.2s infinite
}
/* animuje sa transform (GPU), nie left - left robil na PC reflow kazdy frame = sekany lesk */
@keyframes lcdh-sheen {0%{transform:translateX(0)}55%{transform:translateX(434%)}100%{transform:translateX(434%)}
}
@media(prefers-reduced-motion:reduce) {
  :is(#lcd-home,[data-lcd-cast^=hp]) .btn:before, :is(#lcd-home,[data-lcd-cast^=hp]) .pc .tag:after {animation:none;display:none
  }
}
/* ---------- CISLA ---------- */
:is(#lcd-home,[data-lcd-cast^=hp]) .trustbar {padding-top:clamp(20px,2.6vw,34px);padding-bottom:clamp(20px,2.6vw,34px)
}
/* tenky pas s cislami — ostava aj na telefone v jednom riadku */
:is(#lcd-home,[data-lcd-cast^=hp]) .tstrip {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  border:1px solid var(--line);border-radius:14px;background:var(--paper);overflow:hidden
}
:is(#lcd-home,[data-lcd-cast^=hp]) .tstrip .ts {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  padding:clamp(12px,1.6vw,18px) 8px;text-align:center
}
:is(#lcd-home,[data-lcd-cast^=hp]) .tstrip .ts + .ts {border-left:1px solid var(--line)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ts-peek {position:fixed;left:0;top:0;width:min(400px,32vw);aspect-ratio:1/1;object-fit:cover;
  border-radius:16px;border:1px solid rgba(230,200,119,.5);box-shadow:0 24px 60px rgba(20,15,5,.35);
  pointer-events:none;z-index:120;opacity:0;
  transition:opacity .22s ease,transform .18s ease-out;will-change:transform
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ts-peek.on {opacity:1
}
@media(hover:none) {
  :is(#lcd-home,[data-lcd-cast^=hp]) .ts-peek {display:none
  }
}
:is(#lcd-home,[data-lcd-cast^=hp]) .tstrip .num {font-family:var(--disp);font-weight:800;line-height:1;color:var(--gold-lo);
  font-size:clamp(19px,2.9vw,32px);font-variant-numeric:tabular-nums;white-space:nowrap
}
:is(#lcd-home,[data-lcd-cast^=hp]) .tstrip b {font-family:var(--disp);font-weight:700;font-size:clamp(9.5px,1.15vw,12px);
  letter-spacing:.09em;text-transform:uppercase;color:#4a4433;line-height:1.25
}
:is(#lcd-home,[data-lcd-cast^=hp]) .stats {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden
}
/* 3 dlazdice: bud vsetky vedla seba, alebo vsetky pod sebou — nikdy 2+1 s dierou */
@media(max-width:900px) {
  :is(#lcd-home,[data-lcd-cast^=hp]) .stats {grid-template-columns:1fr
  }
}
:is(#lcd-home,[data-lcd-cast^=hp]) .stat {background:var(--ground);padding:clamp(24px,3vw,40px)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .stat .num {font-family:var(--disp);font-weight:800;font-size:clamp(40px,5.4vw,68px);line-height:1;
  color:var(--gold-lo);font-variant-numeric:tabular-nums
}
:is(#lcd-home,[data-lcd-cast^=hp]) .stat h3 {margin:10px 0 10px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .stat p {font-size:13.5px;color:var(--mute);line-height:1.5
}
/* ---------- karty produktov 3D ---------- */
:is(#lcd-home,[data-lcd-cast^=hp]) .deckwrap {position:relative
}
:is(#lcd-home,[data-lcd-cast^=hp]) .deck {display:flex;gap:clamp(12px,1.6vw,22px);overflow-x:auto;scroll-snap-type:x mandatory;
  padding:8px 2px 16px;scrollbar-width:none;-webkit-overflow-scrolling:touch;perspective:1400px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .deck::-webkit-scrollbar {display:none
}
:is(#lcd-home,[data-lcd-cast^=hp]) .deck.refs, :is(#lcd-home,[data-lcd-cast^=hp]) .vids {perspective:1000px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .deck.refs>.ref {transition:transform .18s ease-out;will-change:transform
}
:is(#lcd-home,[data-lcd-cast^=hp]) .vids>.vid {transition:transform .18s ease-out
}
:is(#lcd-home,[data-lcd-cast^=hp]) .vids {align-items:flex-start
}
:is(#lcd-home,[data-lcd-cast^=hp]) .deck>.pc {scroll-snap-align:start;flex:0 0 clamp(228px,23.5%,292px)
}
@media(max-width:560px) {
  :is(#lcd-home,[data-lcd-cast^=hp]) .deck>.pc {flex:0 0 78%
  }
}
:is(#lcd-home,[data-lcd-cast^=hp]) .pc {background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden;
  transform:rotateX(9deg) translateY(34px);opacity:0;
  transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .6s,box-shadow .3s;transform-origin:bottom center;
  box-shadow:0 6px 20px rgba(20,15,5,.09)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .pc.on {transform:none;opacity:1
}
:is(#lcd-home,[data-lcd-cast^=hp]) .pc:hover {box-shadow:0 22px 50px rgba(20,15,5,.2)
}
/* na telefone ziadny 3D nabeh kariet — karta sa dvihala o 34 px prave vtedy,
   ked pouzivatel roluje stranku, takze to vyzeralo, ze fotky idu proti prstu */
@media(max-width:900px) {
  :is(#lcd-home,[data-lcd-cast^=hp]) .deck {perspective:none
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .deck>.pc {transform:none;opacity:1;transition:box-shadow .3s
  }
}
:is(#lcd-home,[data-lcd-cast^=hp]) .pc .ph {aspect-ratio:1.212/1;overflow:hidden;position:relative;background:var(--deep)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .pc .ph img {width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .pc:hover .ph img {transform:scale(1.06)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .pc .tag {position:absolute;top:12px;left:12px;z-index:2;display:inline-flex;align-items:center;gap:6px;
  font-family:var(--disp);font-weight:800;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;
  padding:7px 13px 7px 11px;border-radius:999px;color:#17130a;overflow:hidden;
  background:linear-gradient(100deg,var(--gold-lo),var(--gold-hi) 46%,var(--gold));
  border:1px solid rgba(255,255,255,.45);
  box-shadow:0 8px 22px rgba(140,105,25,.42),inset 0 1px 0 rgba(255,255,255,.5)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .pc .tag:before {content:"";width:13px;height:13px;flex:none;background:currentColor;
  -webkit-mask:var(--ico-star) center/contain no-repeat;mask:var(--ico-star) center/contain no-repeat
}
:is(#lcd-home,[data-lcd-cast^=hp]) .pc .tag:after {content:"";position:absolute;top:0;bottom:0;width:40%;left:-50%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);
  animation:lcdh-sheen 4.2s ease-in-out 1.6s infinite
}
:is(#lcd-home,[data-lcd-cast^=hp]) .pc .tag.alt {background:linear-gradient(100deg,#2b2519,#4a4130 46%,#2f2819);color:#f0e4c2;
  border-color:rgba(230,200,119,.4);box-shadow:0 8px 22px rgba(20,15,5,.34)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .pc .cap {padding:16px 16px 18px;border-top:1px solid var(--line)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .pc .cap .k {font-family:var(--disp);font-weight:800;text-transform:uppercase;font-size:14px;letter-spacing:.03em
}
:is(#lcd-home,[data-lcd-cast^=hp]) .pc .cap .v {font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;color:var(--mute);margin-top:7px;text-transform:uppercase
}
/* ---------- KAMIONY ---------- */
:is(#lcd-home,[data-lcd-cast^=hp]) .truck {position:relative;overflow:hidden;background:var(--deep);color:#fff;isolation:isolate
}
:is(#lcd-home,[data-lcd-cast^=hp]) .truck .bg {position:absolute;inset:-10% 0;z-index:0;will-change:transform
}
:is(#lcd-home,[data-lcd-cast^=hp]) .truck .bg img {width:100%;height:100%;object-fit:cover;opacity:.20;filter:blur(4px)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .truck:after {content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(8,6,4,.55),rgba(8,6,4,.82))
}
:is(#lcd-home,[data-lcd-cast^=hp]) .truck .in {position:relative;z-index:2;max-width:1240px;margin:0 auto;
  padding:clamp(52px,8vw,120px) var(--pad);display:grid;gap:clamp(22px,3.4vw,50px);
  grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);
  grid-template-rows:auto auto;align-items:start
}
:is(#lcd-home,[data-lcd-cast^=hp]) .tcopy {grid-column:1;grid-row:1/3;align-self:center
}
:is(#lcd-home,[data-lcd-cast^=hp]) .tphoto {grid-column:2;grid-row:1;border-radius:18px;overflow:hidden;
  border:1px solid rgba(230,200,119,.25);box-shadow:0 26px 64px rgba(0,0,0,.55)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .tphoto img {width:100%;aspect-ratio:16/10;object-fit:cover;display:block
}
:is(#lcd-home,[data-lcd-cast^=hp]) .truck .tcard {grid-column:2;grid-row:2
}
@media(max-width:900px) {
  :is(#lcd-home,[data-lcd-cast^=hp]) .truck .in {grid-template-columns:1fr;grid-template-rows:auto
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .tcopy, :is(#lcd-home,[data-lcd-cast^=hp]) .tphoto, :is(#lcd-home,[data-lcd-cast^=hp]) .truck .tcard {grid-column:1;grid-row:auto
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .tphoto {order:-1
  }
}
:is(#lcd-home,[data-lcd-cast^=hp]) .truck h2 {color:#fff;max-width:15ch
}
:is(#lcd-home,[data-lcd-cast^=hp]) .truck h2 em {font-style:normal;color:var(--gold-hi)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .truck .lede {color:#cdc2a8;margin-top:16px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .truck .new {display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:10px;
  letter-spacing:.2em;text-transform:uppercase;color:#0f0c07;background:var(--gold-hi);padding:5px 10px;margin-bottom:18px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .truck .row {display:flex;gap:14px;flex-wrap:wrap;margin-top:28px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .tspecs {display:flex;gap:clamp(18px,3vw,46px);flex-wrap:wrap;margin-top:34px;padding-top:26px;border-top:1px solid rgba(230,200,119,.28)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .tspecs div {font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#bfb397
}
:is(#lcd-home,[data-lcd-cast^=hp]) .tspecs b {display:block;font-family:var(--disp);font-size:22px;color:var(--gold-hi);letter-spacing:0;margin-bottom:4px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .tcard {background:rgba(20,16,10,.55);backdrop-filter:blur(10px);border:1px solid rgba(230,200,119,.3);
  border-radius:16px;padding:clamp(20px,2.4vw,30px)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .tcard ul {list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:11px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .tcard li {font-size:14.5px;color:#d8cfb8;padding-left:20px;position:relative;line-height:1.45
}
:is(#lcd-home,[data-lcd-cast^=hp]) .tcard li:before {content:"";position:absolute;left:0;top:8px;width:7px;height:7px;background:var(--gold-hi);border-radius:50%
}
/* ---------- 01-05: jeden krok naraz ---------- */
:is(#lcd-home,[data-lcd-cast^=hp]) .stage2 {position:relative
}
/* mobilna verzia sekcie 05 — bez scroll-jackingu, kompaktna, v normalnom toku */
:is(#lcd-home,[data-lcd-cast^=hp]) .s2-mob {display:none
}
:is(#lcd-home,[data-lcd-cast^=hp]) .pin2 {position:sticky;top:0;height:100svh;display:flex;flex-direction:column;
  justify-content:space-between;max-width:1240px;margin:0 auto;
  padding:clamp(78px,9.4vh,100px) var(--pad) clamp(14px,2.4vh,26px)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .pin2 .pinmain {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(12px,2.4vw,38px)
}
/* --- spolocna vypln sticky scen (08 a 09) --- */
:is(#lcd-home,[data-lcd-cast^=hp]) .pinmain {flex:1 1 auto;min-height:0;display:grid;align-items:center;align-content:center
}
:is(#lcd-home,[data-lcd-cast^=hp]) .pin2:before, :is(#lcd-home,[data-lcd-cast^=hp]) .stage .pin:before {content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(78% 46% at 50% 6%,rgba(196,155,49,.13),rgba(196,155,49,0) 70%),
    repeating-linear-gradient(45deg,rgba(155,122,36,.07) 0 1px,transparent 1px 44px),
    repeating-linear-gradient(-45deg,rgba(155,122,36,.07) 0 1px,transparent 1px 44px);
  -webkit-mask:radial-gradient(120% 92% at 50% 46%,#000 34%,transparent 88%);
          mask:radial-gradient(120% 92% at 50% 46%,#000 34%,transparent 88%)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .pin2>*, :is(#lcd-home,[data-lcd-cast^=hp]) .stage .pin>* {position:relative;z-index:1
}
:is(#lcd-home,[data-lcd-cast^=hp]) .pintop {display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(10px,1.6vh,18px)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .chip {display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10.5px;
  font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:#6b6455;
  border:1px solid rgba(155,122,36,.3);border-radius:999px;padding:8px 14px;
  background:rgba(255,255,255,.62);white-space:nowrap
}
:is(#lcd-home,[data-lcd-cast^=hp]) .chip:before {content:"";flex:none;width:5px;height:5px;border-radius:50%;
  background:linear-gradient(135deg,var(--gold-hi),var(--gold))
}
@media(max-width:1080px) {
  :is(#lcd-home,[data-lcd-cast^=hp]) .chip {font-size:9.5px;padding:7px 11px;letter-spacing:.1em
  }
}
:is(#lcd-home,[data-lcd-cast^=hp]) .pinfoot {display:flex;align-items:center;gap:clamp(12px,2vw,26px);
  padding-top:clamp(10px,1.6vh,16px);border-top:1px solid rgba(155,122,36,.24)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .pf-hint {display:inline-flex;align-items:center;gap:9px;flex:none;
  font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:#7c5f16
}
:is(#lcd-home,[data-lcd-cast^=hp]) .pf-hint:before {content:"";flex:none;width:14px;height:22px;border-radius:8px;
  border:1.5px solid rgba(155,122,36,.65);position:relative;
  background:radial-gradient(circle at 50% 6px,var(--gold) 0 2px,transparent 2px);
  animation:lcdh-pfScroll 1.9s ease-in-out infinite
}
@keyframes lcdh-pfScroll {0%,100%{background-position:0 0}50%{background-position:0 6px}
}
:is(#lcd-home,[data-lcd-cast^=hp]) .pf-bar {flex:1;min-width:60px;height:2px;border-radius:2px;background:rgba(155,122,36,.2)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .pf-bar i {display:block;height:100%;width:0;border-radius:2px;
  background:linear-gradient(90deg,var(--gold-hi),var(--gold));transition:width .3s
}
:is(#lcd-home,[data-lcd-cast^=hp]) .pf-cta {flex:none;height:54px;padding:0 30px;font-size:12.5px;letter-spacing:.11em
}
@media(max-width:640px) {
  :is(#lcd-home,[data-lcd-cast^=hp]) .pf-cta {height:48px;padding:0 20px;font-size:11.5px
  }
}
@media(max-width:1080px) {
  :is(#lcd-home,[data-lcd-cast^=hp]) .pf-hint span {display:none
  }
}
:is(#lcd-home,[data-lcd-cast^=hp]) .s2-media {position:relative;aspect-ratio:4/5;max-height:56svh;
  border-radius:20px;overflow:hidden;
  background:var(--deep);box-shadow:0 20px 50px rgba(20,17,12,.20)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .s2-media img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:0;transform:scale(1.08);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform 1.4s cubic-bezier(.2,.7,.2,1)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .s2-media img.on {opacity:1;transform:scale(1)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .s2-media:after {content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,transparent 55%,rgba(8,6,4,.5))
}
:is(#lcd-home,[data-lcd-cast^=hp]) .s2-big {position:absolute;left:18px;bottom:14px;z-index:2;font-family:var(--disp);font-weight:800;
  font-size:clamp(48px,7vw,86px);line-height:1;color:rgba(255,255,255,.92);
  font-variant-numeric:tabular-nums;text-shadow:0 3px 20px rgba(0,0,0,.45)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .s2-body {position:relative;display:flex;gap:clamp(16px,2.4vw,30px);align-items:stretch
}
:is(#lcd-home,[data-lcd-cast^=hp]) .s2-col {flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;
  gap:clamp(16px,2.6vh,32px)
}
/* filmovy pas — vyplni miesto pod textom a zaroven sluzi na preklikavanie */
:is(#lcd-home,[data-lcd-cast^=hp]) .s2-thumbs {display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(6px,.8vw,12px);
  padding-top:clamp(14px,2vh,22px);border-top:1px solid rgba(155,122,36,.24)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .s2-thumbs button {appearance:none;border:0;padding:0;background:none;cursor:pointer;
  position:relative;border-radius:10px;overflow:hidden;display:block;
  box-shadow:0 4px 12px rgba(20,15,5,.12);
  transition:transform .32s cubic-bezier(.2,.7,.2,1),box-shadow .32s
}
:is(#lcd-home,[data-lcd-cast^=hp]) .s2-thumbs button img {width:100%;aspect-ratio:1/1;object-fit:cover;display:block;
  filter:saturate(.5) brightness(.72);transition:filter .32s
}
:is(#lcd-home,[data-lcd-cast^=hp]) .s2-thumbs button:after {content:"";position:absolute;inset:0;border-radius:10px;
  border:2px solid transparent;transition:border-color .3s
}
:is(#lcd-home,[data-lcd-cast^=hp]) .s2-thumbs button b {position:absolute;left:0;right:0;bottom:0;z-index:2;
  font-family:var(--disp);font-size:10px;font-weight:800;letter-spacing:.08em;color:#fff;
  padding:12px 0 5px;background:linear-gradient(0deg,rgba(8,6,4,.85),transparent);
  text-align:center;font-variant-numeric:tabular-nums
}
:is(#lcd-home,[data-lcd-cast^=hp]) .s2-thumbs button:hover img {filter:saturate(.85) brightness(.9)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .s2-thumbs button:hover {transform:translateY(-3px)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .s2-thumbs button.on img {filter:none
}
:is(#lcd-home,[data-lcd-cast^=hp]) .s2-thumbs button.on:after {border-color:var(--gold)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .s2-thumbs button.on {transform:translateY(-4px);box-shadow:0 12px 26px rgba(140,105,25,.32)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .s2-rail {display:flex;flex-direction:column;justify-content:center;gap:0;flex:none;padding:4px 0
}
:is(#lcd-home,[data-lcd-cast^=hp]) .s2-rail button {position:relative;width:34px;height:52px;border:0;background:none;cursor:pointer;padding:0;
  font-family:var(--disp);font-size:11px;font-weight:700;color:var(--mute);letter-spacing:.06em;
  font-variant-numeric:tabular-nums;transition:color .3s
}
:is(#lcd-home,[data-lcd-cast^=hp]) .s2-rail button:before {content:"";position:absolute;left:50%;top:6px;bottom:6px;width:2px;margin-left:-1px;
  background:rgba(155,122,36,.26);border-radius:2px;transition:background .3s
}
:is(#lcd-home,[data-lcd-cast^=hp]) .s2-rail button span {position:relative;z-index:2;background:var(--ground);display:block;padding:6px 0
}
:is(#lcd-home,[data-lcd-cast^=hp]) .s2-rail button.on {color:var(--ink)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .s2-rail button.on:before {background:var(--gold)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .s2-rail button.done:before {background:rgba(196,155,49,.6)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .s2-texts {position:relative;flex:1;min-height:clamp(230px,30svh,320px)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .s2-t {position:absolute;inset:0;opacity:0;transform:translateY(22px);pointer-events:none;
  transition:opacity .55s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);
  display:flex;flex-direction:column;justify-content:center
}
:is(#lcd-home,[data-lcd-cast^=hp]) .s2-t.on {opacity:1;transform:none;pointer-events:auto
}
:is(#lcd-home,[data-lcd-cast^=hp]) .s2-t .k {font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#7c5f16
}
:is(#lcd-home,[data-lcd-cast^=hp]) .s2-t h3 {margin:13px 0 16px;font-size:clamp(21px,2.6vw,34px)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .s2-t p {color:#4a4536;font-size:clamp(15.5px,1.4vw,18px);line-height:1.68;max-width:44ch
}
@media(max-width:900px) {
  :is(#lcd-home,[data-lcd-cast^=hp]) #stage2 {display:none
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .s2-mob {display:block;padding:clamp(28px,7vw,48px) var(--pad) clamp(24px,6vw,40px)
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .s2-mob .pinhead {margin-bottom:16px;max-width:none
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .s2-mob .pinhead h2 {font-size:clamp(21px,6.4vw,30px)
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .s2-mob .pinhead .lede {display:none
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .s2m-track {display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;
    padding:4px var(--pad) 14px;margin:0 calc(var(--pad)*-1);
    scrollbar-width:none;-webkit-overflow-scrolling:touch
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .s2m-track::-webkit-scrollbar {display:none
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .s2m-card {scroll-snap-align:center;flex:0 0 86%;background:var(--paper);border:1px solid var(--line);
    border-radius:18px;overflow:hidden;box-shadow:0 6px 20px rgba(20,15,5,.09);
    display:flex;flex-direction:column
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .s2m-ph {position:relative;aspect-ratio:16/10;background:var(--deep);overflow:hidden
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .s2m-ph img {width:100%;height:100%;object-fit:cover;display:block
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .s2m-ph:after {content:"";position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(180deg,transparent 50%,rgba(8,6,4,.58))
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .s2m-no {position:absolute;left:14px;bottom:6px;z-index:2;font-family:var(--disp);font-weight:800;
    font-size:42px;line-height:1;color:rgba(255,255,255,.94);
    font-variant-numeric:tabular-nums;text-shadow:0 3px 18px rgba(0,0,0,.5)
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .s2m-body {padding:15px 16px 18px
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .s2m-body .k {font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.2em;
    text-transform:uppercase;color:#7c5f16
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .s2m-body h3 {margin:9px 0;font-size:19px
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .s2m-body p {margin:0;color:#4a4536;font-size:14.5px;line-height:1.6
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .s2m-dots {display:flex;gap:12px;justify-content:center;margin-top:8px
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .s2m-dots button {width:46px;height:46px;border-radius:50%;border:1.5px solid var(--line);
    background:var(--paper);font-family:var(--disp);font-size:16px;font-weight:800;
    color:var(--ink);cursor:pointer;padding:0;font-variant-numeric:tabular-nums;
    box-shadow:0 3px 10px rgba(20,15,5,.08);
    transition:background .25s,color .25s,border-color .25s,transform .25s,box-shadow .25s
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .s2m-dots button.on {background:linear-gradient(135deg,var(--gold-hi),var(--gold));
    color:#17130a;border-color:var(--gold);transform:scale(1.1);
    box-shadow:0 6px 18px rgba(140,105,25,.42)
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .pin2 .pinmain {grid-template-columns:1fr;gap:18px;grid-template-rows:auto;align-content:center
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .s2-media {aspect-ratio:16/10;max-height:32svh
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .s2-big {font-size:44px;left:14px;bottom:10px
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .s2-texts {min-height:210px
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .s2-rail {flex-direction:row;justify-content:flex-start;gap:0
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .s2-rail button {width:46px;height:34px
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .s2-rail button:before {left:6px;right:6px;top:50%;bottom:auto;width:auto;height:2px;margin:-1px 0 0
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .s2-rail button span {padding:0 6px;display:inline-block
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .s2-body {flex-direction:column;gap:14px
  }
}
/* ---------- EXPLODED 5 VRSTIEV ---------- */
:is(#lcd-home,[data-lcd-cast^=hp]) .mat {background:linear-gradient(180deg,var(--sand),var(--sand2));color:var(--ink);
  padding-bottom:clamp(26px,4vw,54px)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .faqsec {padding-top:clamp(52px,7vw,104px)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .mat .rule:after {background:rgba(155,122,36,.3)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .mat h2 {color:var(--ink)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .mat .lede {color:var(--mute)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .stage {height:118vh;position:relative
}
:is(#lcd-home,[data-lcd-cast^=hp]) .pinhead {grid-column:1/-1
}
:is(#lcd-home,[data-lcd-cast^=hp]) .pinhead h2 {text-wrap:pretty
}
:is(#lcd-home,[data-lcd-cast^=hp]) .pinhead .rule {margin-bottom:8px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .pinhead h2 {font-size:clamp(21px,2.9vw,40px)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .pinhead .lede {max-width:70ch;margin-top:9px;font-size:clamp(13.5px,1.15vw,15.5px);color:var(--mute);line-height:1.55
}
@media(max-width:900px) {
  :is(#lcd-home,[data-lcd-cast^=hp]) .pinhead .lede {display:none
  }
}
:is(#lcd-home,[data-lcd-cast^=hp]) .stage .pin {position:sticky;top:0;height:100svh;display:flex;flex-direction:column;
  justify-content:space-between;max-width:1240px;margin:0 auto;
  padding:clamp(78px,9.4vh,100px) var(--pad) clamp(14px,2.4vh,26px)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .stage .pin .pinmain {grid-template-columns:minmax(0,1fr) minmax(0,.88fr);gap:clamp(10px,2vw,30px)
}
/* legenda sa rozlozi po celej vyske, nech nezostava diera */
:is(#lcd-home,[data-lcd-cast^=hp]) #legend {justify-content:center;gap:clamp(2px,.6vh,8px)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .leg-h {padding-top:clamp(11px,2vh,26px)!important;padding-bottom:clamp(11px,2vh,26px)!important
}
:is(#lcd-home,[data-lcd-cast^=hp]) #matWrap {position:relative;perspective:2400px;perspective-origin:50% 47%;
  display:flex;align-items:center;justify-content:center;min-height:0;isolation:isolate
}
:is(#lcd-home,[data-lcd-cast^=hp]) #matWrap:before {content:"";position:absolute;left:50%;top:50%;width:118%;height:74%;z-index:-1;
  transform:translate(-50%,-50%);pointer-events:none;
  background:radial-gradient(ellipse at 50% 48%,rgba(255,252,244,.9),rgba(255,252,244,.42) 44%,rgba(255,252,244,0) 72%)
}
/* obrysovy napis za materialom vyplni hornu cast */
:is(#lcd-home,[data-lcd-cast^=hp]) .matmark {position:absolute;left:50%;top:6%;transform:translateX(-50%);z-index:-1;
  font-family:var(--disp);font-weight:800;text-transform:uppercase;letter-spacing:.06em;
  font-size:clamp(30px,4.6vw,68px);line-height:1;white-space:nowrap;color:transparent;
  -webkit-text-stroke:1.5px rgba(155,122,36,.3);opacity:.9;pointer-events:none;user-select:none
}
:is(#lcd-home,[data-lcd-cast^=hp]) .matmark i {display:block;font-style:normal;font-family:var(--mono);font-weight:600;
  -webkit-text-stroke:0;color:rgba(155,122,36,.5);
  font-size:clamp(9px,.9vw,11px);letter-spacing:.34em;text-align:center;margin-top:10px
}
/* technicka linka pod materialom */
:is(#lcd-home,[data-lcd-cast^=hp]) .matline {position:absolute;left:8%;right:8%;bottom:5%;z-index:2;pointer-events:none;
  display:flex;align-items:center;gap:12px;
  font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.2em;
  text-transform:uppercase;color:#8a7b57
}
:is(#lcd-home,[data-lcd-cast^=hp]) .matline:before, :is(#lcd-home,[data-lcd-cast^=hp]) .matline:after {content:"";flex:1;height:1px;
  background:linear-gradient(90deg,transparent,rgba(155,122,36,.45))
}
:is(#lcd-home,[data-lcd-cast^=hp]) .matline:after {background:linear-gradient(90deg,rgba(155,122,36,.45),transparent)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .matline span {position:relative;padding:0 2px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .matline span:before, :is(#lcd-home,[data-lcd-cast^=hp]) .matline span:after {content:"";position:absolute;top:-5px;bottom:-5px;width:1px;
  background:rgba(155,122,36,.45)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .matline span:before {left:-10px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .matline span:after {right:-10px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .exp {position:relative;width:100%;max-width:620px;margin:0 auto;aspect-ratio:1.62/1;
  transform-style:preserve-3d;will-change:transform;
  transform:rotateX(-7deg) rotateY(30deg)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .mbox {position:absolute;left:50%;top:50%;width:var(--pw,340px);height:var(--ph,219px);
  margin-left:calc(var(--pw,340px)/-2);margin-top:calc(var(--ph,219px)/-2);
  transform-style:preserve-3d;will-change:transform
}
:is(#lcd-home,[data-lcd-cast^=hp]) .mgs {position:absolute;left:50%;bottom:14%;width:40%;height:10%;transform:translateX(-50%);
  background:radial-gradient(ellipse at center,rgba(30,25,14,.30),rgba(30,25,14,0) 70%);
  filter:blur(6px);pointer-events:none;transition:opacity .5s
}
:is(#lcd-home,[data-lcd-cast^=hp]) .mf {position:absolute;inset:0;overflow:hidden;background:var(--cf)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .mf img {width:100%;height:100%;object-fit:cover;display:block
}
:is(#lcd-home,[data-lcd-cast^=hp]) .mf.fr {transform:translateZ(calc(var(--t,16px)/2))
}
:is(#lcd-home,[data-lcd-cast^=hp]) .mf.bk {transform:translateZ(calc(var(--t,16px)/-2)) rotateY(180deg);background:var(--cb)
}
/* bocne steny — kazda ma inu svetlost, aby bol roh citatelny */
:is(#lcd-home,[data-lcd-cast^=hp]) .me {position:absolute;display:block;
  --seam:linear-gradient(90deg,rgba(0,0,0,.30),rgba(0,0,0,0) 22%,rgba(255,255,255,.10) 52%,rgba(0,0,0,.26));
  --fall:linear-gradient(180deg,rgba(255,255,255,.10),rgba(0,0,0,.18));
  --seamv:linear-gradient(180deg,rgba(0,0,0,.26),rgba(255,255,255,.12) 50%,rgba(0,0,0,.28));
  --fallh:linear-gradient(90deg,rgba(255,255,255,.08),rgba(0,0,0,.10))
}
:is(#lcd-home,[data-lcd-cast^=hp]) .me.lf {left:0;top:0;width:var(--t,16px);height:100%;transform-origin:0 50%;
  transform:translateZ(calc(var(--t,16px)/-2)) rotateY(-90deg);
  background-color:var(--cl1);background-image:var(--seam),var(--fall)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .me.rt {right:0;top:0;width:var(--t,16px);height:100%;transform-origin:100% 50%;
  transform:translateZ(calc(var(--t,16px)/-2)) rotateY(90deg);background:var(--cr)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .me.tp {left:0;top:0;width:100%;height:var(--t,16px);transform-origin:50% 0;
  transform:translateZ(calc(var(--t,16px)/-2)) rotateX(90deg);
  background-color:var(--ct1);background-image:var(--seamv),var(--fallh)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .me.bt {left:0;bottom:0;width:100%;height:var(--t,16px);transform-origin:50% 100%;
  transform:translateZ(calc(var(--t,16px)/-2)) rotateX(-90deg);background:var(--cbt)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .exp .hot {position:absolute;width:36px;height:36px;border-radius:50%;
  background:linear-gradient(135deg,var(--gold-hi),var(--gold));border:2px solid #fff;
  box-shadow:0 4px 14px rgba(20,17,12,.4);cursor:pointer;padding:0;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--disp);font-weight:800;font-size:15px;color:#17130a;
  opacity:0;pointer-events:none;
  transition:opacity .4s,box-shadow .3s
}
:is(#lcd-home,[data-lcd-cast^=hp]) .exp.open .hot {opacity:1;pointer-events:auto
}
:is(#lcd-home,[data-lcd-cast^=hp]) .exp.open .hot.on, :is(#lcd-home,[data-lcd-cast^=hp]) .exp.open .hot:hover {box-shadow:0 6px 20px rgba(140,105,25,.6)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .mat-toggle {display:none;align-items:center;justify-content:center;gap:10px;margin:2px auto 6px;
  padding:13px 24px;border-radius:999px;border:1.5px solid var(--gold);background:var(--paper);
  font-family:var(--disp);font-weight:800;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink);cursor:pointer;box-shadow:0 4px 14px rgba(140,105,25,.18);
  transition:background .25s,box-shadow .25s,transform .2s
}
:is(#lcd-home,[data-lcd-cast^=hp]) .mat-toggle:active {transform:scale(.97)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .mat-toggle.on {background:linear-gradient(100deg,var(--gold-lo),var(--gold-hi) 48%,var(--gold));color:#17130a
}
:is(#lcd-home,[data-lcd-cast^=hp]) .mat-toggle:after {content:"";width:9px;height:9px;border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-1px,-1px);transition:transform .3s
}
:is(#lcd-home,[data-lcd-cast^=hp]) .mat-toggle.on:after {transform:rotate(225deg) translate(-1px,-1px)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .mat-hint {position:absolute;left:0;right:0;bottom:4%;text-align:center;font-family:var(--disp);
  font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);transition:opacity .4s
}
:is(#lcd-home,[data-lcd-cast^=hp]) .exp.open+.mat-hint {opacity:0
}
/* nad 900 px je dole uz technicka linka .matline — hint by sa s nou prekryval */
@media(min-width:901px) {
  :is(#lcd-home,[data-lcd-cast^=hp]) .mat-hint {display:none
  }
}
@media(max-width:900px) {
  :is(#lcd-home,[data-lcd-cast^=hp]) .exp {aspect-ratio:1.42/1;max-width:none;width:100%
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) #matWrap {display:block
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) #legend {gap:2px;height:auto
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .matmark, :is(#lcd-home,[data-lcd-cast^=hp]) .matline {display:none
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .s2-thumbs {display:none
  }
}
:is(#lcd-home,[data-lcd-cast^=hp]) .legend {display:flex;flex-direction:column;gap:2px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .leg {display:block;border-bottom:1px solid rgba(155,122,36,.22);border-radius:10px;
  transition:background .25s
}
:is(#lcd-home,[data-lcd-cast^=hp]) .leg:hover, :is(#lcd-home,[data-lcd-cast^=hp]) .leg.on {background:rgba(196,155,49,.09)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .leg-h {display:flex;align-items:center;gap:14px;width:100%;padding:13px 10px;cursor:pointer;
  appearance:none;-webkit-appearance:none;border:0;background:none;font:inherit;color:inherit;text-align:left
}
:is(#lcd-home,[data-lcd-cast^=hp]) .leg .sw {width:42px;height:42px;border-radius:3px;flex:none;border:1px solid rgba(155,122,36,.4);background-size:cover;background-position:center
}
:is(#lcd-home,[data-lcd-cast^=hp]) .leg .no {font-family:var(--disp);font-size:16px;font-weight:800;color:#7c5f16;
  min-width:14px;text-align:center;font-variant-numeric:tabular-nums
}
:is(#lcd-home,[data-lcd-cast^=hp]) .leg .k {font-family:var(--disp);font-weight:700;text-transform:uppercase;font-size:16px;letter-spacing:.03em
}
:is(#lcd-home,[data-lcd-cast^=hp]) .leg .i {font-family:var(--mono);font-size:12px;color:#5f5946;margin-left:auto;white-space:nowrap
}
:is(#lcd-home,[data-lcd-cast^=hp]) .leg-x {position:relative;flex:none;width:24px;height:24px;margin-left:12px;border-radius:50%;
  border:1px solid rgba(155,122,36,.45);transition:background .25s,border-color .25s,transform .3s
}
:is(#lcd-home,[data-lcd-cast^=hp]) .leg-x:before, :is(#lcd-home,[data-lcd-cast^=hp]) .leg-x:after {content:"";position:absolute;left:50%;top:50%;background:#7c5f16;
  border-radius:1px;transition:transform .3s,background .25s
}
:is(#lcd-home,[data-lcd-cast^=hp]) .leg-x:before {width:11px;height:1.7px;margin:-.85px 0 0 -5.5px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .leg-x:after {width:1.7px;height:11px;margin:-5.5px 0 0 -.85px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .leg-h[aria-expanded="true"] .leg-x {background:linear-gradient(135deg,var(--gold-hi),var(--gold));
  border-color:var(--gold);transform:rotate(90deg)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .leg-h[aria-expanded="true"] .leg-x:after {transform:scaleY(0)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .leg-h[aria-expanded="true"] .leg-x:before {background:#17130a
}
:is(#lcd-home,[data-lcd-cast^=hp]) .leg-h:hover .leg-x {border-color:var(--gold)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .leg-d {overflow:hidden;max-height:0;transition:max-height .42s cubic-bezier(.2,.7,.2,1)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .leg-d p {margin:0;padding:0 12px 16px 79px;font-size:14px;line-height:1.62;color:#4a4536;max-width:56ch
}
@media(max-width:640px) {
  :is(#lcd-home,[data-lcd-cast^=hp]) .leg-h {gap:10px;padding:10px 8px
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .leg .i {display:none
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .leg .k {font-size:13.5px
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .leg .sw {width:32px;height:32px
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .leg-d p {padding:0 8px 14px 8px;font-size:13.5px
  }
}
/* ---------- REFERENCNE VIDEA ---------- */
:is(#lcd-home,[data-lcd-cast^=hp]) .deck.refs {align-items:stretch;padding-top:14px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .refs>.ref {scroll-snap-align:start;flex:0 0 calc((100% - 2*clamp(12px,1.6vw,22px))/3);margin:0
}
/* --- telefon: stred je v popredi a hra, susedia vykukavaju --- */
@media(max-width:820px) {
  :is(#lcd-home,[data-lcd-cast^=hp]) .deck.refs {gap:10px;padding:12px 0 6px;perspective:none
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .refs>.ref {flex:0 0 66%;scroll-snap-align:center;
    transform:scale(.92);opacity:.92;
    transition:transform .42s cubic-bezier(.2,.7,.2,1),opacity .42s
  }
  /* okraje uz netreba — pas je nekonecny, dlazdica v strede ma vzdy suseda po oboch stranach */
  :is(#lcd-home,[data-lcd-cast^=hp]) .refs>.ref.mid {transform:none;opacity:1
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .refs>.ref .ref-v {box-shadow:0 8px 22px rgba(20,15,5,.2)
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .refs>.ref.mid .ref-v {box-shadow:0 20px 46px rgba(20,15,5,.36)
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .refs>.ref:not(.mid) .ref-play {opacity:.55;transition:opacity .3s
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .refs>.ref:not(.mid) .ref-badge {transform:scale(.9);transform-origin:top left
  }
}
@media(max-width:520px) {
  :is(#lcd-home,[data-lcd-cast^=hp]) .refs>.ref {flex:0 0 72%
  }
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ref-v {appearance:none;-webkit-appearance:none;border:0;padding:0;margin:0;font:inherit;color:inherit;
  text-align:left;background:#000;width:100%;position:relative;display:block;border-radius:20px;overflow:hidden;background:#000;
  aspect-ratio:9/16;cursor:pointer;isolation:isolate;
  box-shadow:0 14px 38px rgba(20,15,5,.24);
  transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ref-v:before {content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:20px;
  padding:2px;background:linear-gradient(150deg,var(--gold-hi),var(--gold) 40%,rgba(196,155,49,.25) 75%,var(--gold-hi));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ref-v:hover {transform:translateY(-8px);box-shadow:0 28px 60px rgba(20,15,5,.36)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ref-v video, :is(#lcd-home,[data-lcd-cast^=hp]) .ref-v>img {width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .6s cubic-bezier(.2,.7,.2,1)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ref-v:hover video, :is(#lcd-home,[data-lcd-cast^=hp]) .ref-v:hover>img {transform:scale(1.04)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ref-v:after {content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(8,6,4,.55) 0%,rgba(8,6,4,0) 26%,rgba(8,6,4,0) 52%,rgba(8,6,4,.82) 100%)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ref-badge {position:absolute;top:14px;left:14px;z-index:4;display:inline-flex;align-items:center;gap:7px;
  font-family:var(--disp);font-weight:800;font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  padding:7px 13px;border-radius:999px;overflow:hidden;
  background:linear-gradient(100deg,var(--gold-lo),var(--gold-hi) 46%,var(--gold));color:#17130a;
  border:1px solid rgba(255,255,255,.45);box-shadow:0 6px 18px rgba(140,105,25,.42)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ref-badge:before {content:"";width:12px;height:12px;flex:none;background:currentColor;
  -webkit-mask:var(--ico-star) center/contain no-repeat;mask:var(--ico-star) center/contain no-repeat
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ref-badge.vs {background:linear-gradient(100deg,#17130a,#2f2718 50%,#17130a);color:var(--gold-hi);
  border-color:rgba(230,200,119,.55);box-shadow:0 6px 18px rgba(0,0,0,.45)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ref-badge.vs:before {-webkit-mask:none;mask:none;background:none;width:auto;height:auto;
  content:"VS";font-size:9.5px;font-weight:800;letter-spacing:.06em;
  color:#17130a;background:linear-gradient(135deg,var(--gold-hi),var(--gold));
  border-radius:4px;padding:2px 4px;line-height:1
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ref-cap {position:absolute;left:0;right:0;bottom:0;z-index:4;padding:26px 15px 15px;
  color:#fff;font-family:var(--disp);font-weight:700;font-size:13px;line-height:1.35;
  letter-spacing:.02em;text-shadow:0 2px 10px rgba(0,0,0,.6)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ref-cap i {display:block;font-style:normal;font-family:var(--mono);font-weight:600;
  font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-hi);margin-bottom:5px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ref-play {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;
  width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  border:1.5px solid rgba(255,255,255,.6);box-shadow:0 8px 26px rgba(0,0,0,.45);
  transition:transform .35s cubic-bezier(.2,.7,.2,1),background .3s,border-color .3s;pointer-events:none
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ref-v:hover .ref-play {transform:translate(-50%,-50%) scale(1.12);
  background:linear-gradient(135deg,var(--gold-hi),var(--gold));border-color:#fff
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ref-play:after {content:"";width:0;height:0;margin-left:5px;
  border-left:18px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent;
  transition:border-left-color .3s
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ref-v:hover .ref-play:after {border-left-color:#17130a
}
@media(max-width:820px) {
  :is(#lcd-home,[data-lcd-cast^=hp]) .ref-play {width:56px;height:56px
  }
}
/* ---------- PRED A PO (posuvnik) ---------- */
:is(#lcd-home,[data-lcd-cast^=hp]) .ba {position:relative;width:100%;aspect-ratio:2000/936;border-radius:18px;overflow:hidden;
  border:2px solid var(--gold);box-shadow:0 18px 46px rgba(20,15,5,.22);background:#000;
  cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ba img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ba .top {clip-path:inset(0 50% 0 0);will-change:clip-path
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ba-lab {position:absolute;top:50%;transform:translateY(-50%);z-index:3;pointer-events:none;
  font-family:var(--disp);font-weight:800;font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:#fff;background:rgba(12,9,5,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
  padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.22);
  opacity:.9;transition:opacity .25s
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ba-lab.l {left:clamp(10px,2vw,22px)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ba-lab.r {right:clamp(10px,2vw,22px)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ba-line {position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;z-index:4;pointer-events:none;
  background:rgba(255,255,255,.92);box-shadow:0 0 12px rgba(0,0,0,.5)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ba-h {position:absolute;top:50%;z-index:5;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;
  border:2px solid #fff;background:linear-gradient(135deg,var(--gold-hi),var(--gold));cursor:ew-resize;
  box-shadow:0 6px 20px rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;
  padding:0;color:#17130a;font-size:21px;font-weight:800;line-height:1;transition:transform .2s,box-shadow .2s
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ba-h:hover, :is(#lcd-home,[data-lcd-cast^=hp]) .ba-h:focus-visible {transform:scale(1.08);box-shadow:0 8px 26px rgba(140,105,25,.6)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ba-hint {margin-top:12px;text-align:center;font-family:var(--disp);font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--mute);transition:opacity .4s
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ba.moved+.ba-hint {opacity:0
}
/* --- mobilna verzia: cely obrazok bez orezu, od kraja po kraj --- */
@media(max-width:700px) {
  :is(#lcd-home,[data-lcd-cast^=hp]) .ba-wrap {margin:22px calc(var(--pad)*-1) 0
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .ba {aspect-ratio:1400/655;border-radius:0;border-width:2px 0;cursor:default;
    box-shadow:0 12px 30px rgba(20,15,5,.16)
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .ba img {object-fit:contain;background:#000
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .ba-h {width:42px;height:42px;margin:-21px 0 0 -21px;font-size:15px
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .ba-lab {top:auto;bottom:9px;transform:none;font-size:9px;padding:5px 9px;letter-spacing:.11em
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .ba-lab.l {left:9px
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .ba-lab.r {right:9px
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .ba-hint {margin-top:13px;padding:0 var(--pad)
  }
}
/* ---------- VLASTNY SET ---------- */
:is(#lcd-home,[data-lcd-cast^=hp]) .setb {position:relative;overflow:hidden;isolation:isolate;background:var(--deep);color:#fff
}
:is(#lcd-home,[data-lcd-cast^=hp]) .setb:before {content:"";position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(72% 90% at 50% 0%,rgba(196,155,49,.2),rgba(196,155,49,0) 70%),
    repeating-linear-gradient(45deg,rgba(230,200,119,.05) 0 1px,transparent 1px 44px),
    repeating-linear-gradient(-45deg,rgba(230,200,119,.05) 0 1px,transparent 1px 44px)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .setb .in {max-width:1240px;margin:0 auto;padding:clamp(42px,5.6vw,84px) var(--pad);text-align:center
}
:is(#lcd-home,[data-lcd-cast^=hp]) .setb .eyebrow {color:var(--gold-hi)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .setb h2 {color:#fff;margin-top:12px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .setb .lede {color:#cdc2a8;margin:14px auto 0;max-width:54ch
}
:is(#lcd-home,[data-lcd-cast^=hp]) .setrow {display:flex;align-items:flex-start;justify-content:center;gap:clamp(6px,1.2vw,16px);
  margin:clamp(26px,3.4vw,44px) auto 0;max-width:920px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .setrow .item {flex:1 1 0;min-width:0;text-align:center
}
:is(#lcd-home,[data-lcd-cast^=hp]) .setrow .item img {width:100%;aspect-ratio:1/1;object-fit:cover;display:block;border-radius:14px;
  border:1.5px solid rgba(196,155,49,.75);box-shadow:0 16px 36px rgba(0,0,0,.5);
  transition:transform .4s cubic-bezier(.2,.7,.2,1),border-color .3s
}
:is(#lcd-home,[data-lcd-cast^=hp]) .setrow .item:hover img {transform:translateY(-5px);border-color:var(--gold-hi)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .setrow .item .k {display:block;margin-top:12px;font-family:var(--mono);font-size:10.5px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:#e6d3a3;line-height:1.4
}
:is(#lcd-home,[data-lcd-cast^=hp]) .setrow .plus {flex:none;align-self:center;margin-top:-24px;width:34px;height:34px;border-radius:50%;
  background:linear-gradient(135deg,#e6c877,#b8901f);color:#1a1408;font-size:20px;font-weight:900;
  display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.55)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .setb .row {display:flex;justify-content:center;margin-top:clamp(26px,3.2vw,42px)
}
/* jedno velke tlacidlo — cena setu je jeho sucastou */
:is(#lcd-home,[data-lcd-cast^=hp]) .bigcta {flex-direction:column;gap:6px;text-align:center;
  padding:clamp(18px,2.2vw,24px) clamp(30px,5vw,64px);border-radius:16px;
  font-size:clamp(14px,1.5vw,17px);letter-spacing:.1em;
  box-shadow:0 16px 44px rgba(140,105,25,.42)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .bigcta:hover {box-shadow:0 22px 56px rgba(140,105,25,.52)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .bigcta i {font-style:normal;font-family:var(--mono);font-weight:700;
  font-size:clamp(9.5px,1vw,11px);letter-spacing:.13em;text-transform:uppercase;
  color:rgba(23,19,10,.74)
}
@media(max-width:640px) {
  :is(#lcd-home,[data-lcd-cast^=hp]) .setrow {gap:4px
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .setrow .plus {width:26px;height:26px;font-size:16px;margin-top:-18px
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .setrow .item .k {font-size:8.5px;letter-spacing:.09em;margin-top:9px
  }
}
/* sekcia hned za tmavym pasom potrebuje vacsi nadych */
:is(#lcd-home,[data-lcd-cast^=hp]) section.chapter.after-dark {padding-top:clamp(70px,10vw,156px)!important
}
/* ---------- VZORKY NA ADRESU ---------- */
:is(#lcd-home,[data-lcd-cast^=hp]) .vz {position:relative;overflow:hidden;isolation:isolate;background:var(--deep);color:#fff
}
:is(#lcd-home,[data-lcd-cast^=hp]) .vz:before {content:"";position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(58% 84% at 22% 50%,rgba(196,155,49,.24),rgba(196,155,49,0) 68%),
    repeating-linear-gradient(45deg,rgba(230,200,119,.06) 0 1px,transparent 1px 40px),
    repeating-linear-gradient(-45deg,rgba(230,200,119,.06) 0 1px,transparent 1px 40px)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .vz .in {max-width:1240px;margin:0 auto;padding:clamp(40px,5.4vw,74px) var(--pad);
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);
  gap:clamp(24px,4vw,60px);align-items:center
}
:is(#lcd-home,[data-lcd-cast^=hp]) .vz .eyebrow {color:var(--gold-hi)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .vz h2 {color:#fff;margin-top:12px;max-width:17ch
}
:is(#lcd-home,[data-lcd-cast^=hp]) .vz p {color:#cdc2a8;margin-top:14px;max-width:46ch;font-size:clamp(14.5px,1.3vw,17px);line-height:1.62
}
:is(#lcd-home,[data-lcd-cast^=hp]) .vz .row {display:flex;gap:14px;flex-wrap:wrap;margin-top:26px;align-items:center
}
:is(#lcd-home,[data-lcd-cast^=hp]) .vz .note {font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#9f957c
}
:is(#lcd-home,[data-lcd-cast^=hp]) .fan {display:flex;justify-content:center;align-items:center;padding:10px 0
}
:is(#lcd-home,[data-lcd-cast^=hp]) .fan i {display:block;width:clamp(78px,9.4vw,124px);aspect-ratio:1/1;border-radius:12px;flex:none;
  border:2px solid #efe0b4;box-shadow:0 16px 34px rgba(0,0,0,.6);
  margin-left:calc(clamp(78px,9.4vw,124px) * -0.34);
  background-size:cover;background-position:center;
  transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s
}
:is(#lcd-home,[data-lcd-cast^=hp]) .fan i:nth-child(3) {border-color:#fff
}
:is(#lcd-home,[data-lcd-cast^=hp]) .fan i:first-child {margin-left:0
}
:is(#lcd-home,[data-lcd-cast^=hp]) .fan i:nth-child(1) {transform:rotate(-13deg) translateY(6px)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .fan i:nth-child(2) {transform:rotate(-6deg) translateY(1px)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .fan i:nth-child(3) {transform:rotate(0deg) translateY(-5px);z-index:3;
  box-shadow:0 22px 44px rgba(0,0,0,.62)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .fan i:nth-child(4) {transform:rotate(7deg) translateY(1px)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .fan i:nth-child(5) {transform:rotate(14deg) translateY(6px)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .vz:hover .fan i:nth-child(1) {transform:rotate(-19deg) translateY(8px) translateX(-8px)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .vz:hover .fan i:nth-child(2) {transform:rotate(-9deg) translateY(2px) translateX(-4px)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .vz:hover .fan i:nth-child(3) {transform:rotate(0deg) translateY(-9px) scale(1.04)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .vz:hover .fan i:nth-child(4) {transform:rotate(10deg) translateY(2px) translateX(4px)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .vz:hover .fan i:nth-child(5) {transform:rotate(20deg) translateY(8px) translateX(8px)
}
@media(max-width:820px) {
  :is(#lcd-home,[data-lcd-cast^=hp]) .vz .in {grid-template-columns:1fr;gap:20px;text-align:center
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .vz h2, :is(#lcd-home,[data-lcd-cast^=hp]) .vz p {max-width:none;margin-left:auto;margin-right:auto
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .vz .row {justify-content:center
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .vz .note {display:none
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .fan {order:-1
  }
}
/* ---------- POROVNANIE ---------- */
:is(#lcd-home,[data-lcd-cast^=hp]) .cmp {position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1.4vw,18px)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .cmp-col {border-radius:22px;background:var(--paper);border:2px solid var(--gold);padding:9px;
  display:flex;flex-direction:column;box-shadow:0 6px 22px rgba(20,15,5,.08)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .cmp-col.us {box-shadow:0 16px 44px rgba(140,105,25,.24)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .cmp-col .ph {position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:14px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .cmp-col .ph img {width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .cmp-col.them .ph img {filter:grayscale(.55) contrast(.94) brightness(.92)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .cmp-col:hover .ph img {transform:scale(1.05)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .cmp-col .tag {position:absolute;top:12px;left:12px;font-family:var(--disp);font-weight:800;font-size:10px;
  letter-spacing:.16em;text-transform:uppercase;padding:7px 13px;border-radius:20px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .cmp-col.us .tag {background:linear-gradient(100deg,var(--gold-lo),var(--gold-hi) 50%,var(--gold));color:#17130a;
  box-shadow:0 4px 14px rgba(140,105,25,.4)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .cmp-col.them .tag {background:rgba(20,17,12,.72);color:#ddd6c6;backdrop-filter:blur(6px)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .cmp-col .name {padding:16px clamp(8px,1.4vw,14px) 0;font-family:var(--disp);font-weight:800;
  text-transform:uppercase;font-size:clamp(12px,1.3vw,15px);letter-spacing:.03em;line-height:1.3
}
:is(#lcd-home,[data-lcd-cast^=hp]) .cmp-col .price {padding:6px clamp(8px,1.4vw,14px) 16px;font-family:var(--disp);font-size:clamp(15px,1.7vw,20px);
  font-weight:700;border-bottom:1px solid var(--line)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .cmp-col.us .price {color:var(--gold-lo)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .cmp-col.them .price {color:var(--mute)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .cmp-col ul {list-style:none;margin:0;padding:6px 0 clamp(14px,2vw,20px);display:flex;flex-direction:column
}
:is(#lcd-home,[data-lcd-cast^=hp]) .cmp-col li {display:flex;gap:10px;align-items:flex-start;padding:12px clamp(8px,1.4vw,14px);
  font-size:clamp(13px,1.15vw,14.5px);line-height:1.5;border-bottom:1px solid rgba(217,212,198,.55)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .cmp-col li:last-child {border-bottom:0
}
:is(#lcd-home,[data-lcd-cast^=hp]) .cmp-col li b {display:block;font-family:var(--disp);font-weight:700;font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--mute);margin-bottom:4px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .cmp-col.us li {color:var(--ink)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .cmp-col.them li {color:var(--mute)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .cmp-col .ic {flex:none;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:800;margin-top:2px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .cmp-col.us .ic {background:linear-gradient(135deg,var(--gold-hi),var(--gold));color:#17130a
}
:is(#lcd-home,[data-lcd-cast^=hp]) .cmp-col.them .ic {background:#e2ddd1;color:#8b8373
}
:is(#lcd-home,[data-lcd-cast^=hp]) .cmp-vs {position:absolute;left:50%;top:clamp(80px,11vw,150px);transform:translate(-50%,-50%);z-index:3;
  width:clamp(42px,4.6vw,58px);height:clamp(42px,4.6vw,58px);border-radius:50%;
  background:var(--ink);color:var(--gold-hi);border:2px solid var(--gold);
  display:flex;align-items:center;justify-content:center;font-family:var(--disp);font-weight:800;
  font-size:clamp(12px,1.3vw,15px);letter-spacing:.06em;box-shadow:0 8px 22px rgba(20,17,12,.32)
}
@media(max-width:600px) {
  :is(#lcd-home,[data-lcd-cast^=hp]) .cmp {gap:8px
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .cmp-col li {padding:10px 11px;font-size:12.3px;gap:7px
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .cmp-col .ic {width:18px;height:18px;font-size:10px
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .cmp-col .name {padding:12px 11px 0;font-size:11.5px
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .cmp-col .price {padding:5px 11px 12px;font-size:14px
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .cmp-col li b {font-size:8.5px;letter-spacing:.1em
  }
}
/* ---------- VIDEA (Realita) ---------- */
:is(#lcd-home,[data-lcd-cast^=hp]) .vidwrap {position:relative
}
:is(#lcd-home,[data-lcd-cast^=hp]) .vids {display:flex;gap:clamp(12px,1.6vw,18px);overflow-x:auto;scroll-snap-type:x mandatory;
  padding:6px 2px 16px;scrollbar-width:none
}
:is(#lcd-home,[data-lcd-cast^=hp]) .vids::-webkit-scrollbar {display:none
}
:is(#lcd-home,[data-lcd-cast^=hp]) .vid {appearance:none;-webkit-appearance:none;border:0;padding:0;margin:0;font:inherit;color:inherit;
  text-align:left;background:none;scroll-snap-align:start;flex:0 0 clamp(180px,22%,230px);position:relative;border-radius:18px;
  overflow:hidden;border:1px solid var(--line);background:var(--deep);display:block;
  box-shadow:0 4px 16px rgba(20,15,5,.1);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s
}
:is(#lcd-home,[data-lcd-cast^=hp]) .vid:hover {transform:translateY(-6px);box-shadow:0 18px 40px rgba(20,15,5,.2)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .vid img {width:100%;aspect-ratio:9/16;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .vid:hover img {transform:scale(1.05)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .vid .play {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;
  border-radius:50%;background:rgba(255,255,255,.94);display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 20px rgba(0,0,0,.35);transition:transform .3s
}
:is(#lcd-home,[data-lcd-cast^=hp]) .vid:hover .play {transform:translate(-50%,-50%) scale(1.1)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .vid .play:after {content:"";width:0;height:0;margin-left:4px;
  border-left:15px solid #17130a;border-top:9px solid transparent;border-bottom:9px solid transparent
}
:is(#lcd-home,[data-lcd-cast^=hp]) .vid .cap {position:absolute;left:0;right:0;bottom:0;padding:34px 12px 12px;color:#fff;font-size:12.5px;
  line-height:1.35;background:linear-gradient(0deg,rgba(8,6,4,.92) 34%,transparent)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lb {position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;
  background:rgba(10,8,5,.88);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);
  padding:clamp(14px,4vw,52px);opacity:0;transition:opacity .3s
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lb.on {opacity:1
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lb[hidden] {display:none
}
/* videa LCD su na vysku (Shorts) — ram 9:16 ich vyplni bez ciernych pruhov.
   Sirku obmedzuje rodic, aby sa % malo o co oprieť. */
:is(#lcd-home,[data-lcd-cast^=hp]) .lb-in {display:flex;flex-direction:column;align-items:center
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lb-frame {position:relative;
  width:min(470px, calc(100vw - 2 * clamp(14px, 4vw, 52px)), calc(78vh * 9 / 16));
  width:min(470px, calc(100vw - 2 * clamp(14px, 4vw, 52px)), calc(78svh * 9 / 16));
  aspect-ratio:9/16;
  border-radius:16px;overflow:hidden;
  background:#000;box-shadow:0 30px 80px rgba(0,0,0,.6);border:1px solid rgba(230,200,119,.22)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lb-frame iframe {position:absolute;inset:0;width:100%;height:100%;border:0
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lb-cap {margin-top:12px;text-align:center;color:#e8e1d1;font-family:var(--disp);
  font-size:13.5px;letter-spacing:.05em
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lb-x {position:absolute;top:clamp(10px,2.2vw,26px);right:clamp(10px,2.2vw,26px);
  width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.3);
  background:rgba(255,255,255,.12);color:#fff;font-size:22px;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lb-x:hover {background:rgba(255,255,255,.24);transform:scale(1.06)
}
@media(max-width:700px) {
  :is(#lcd-home,[data-lcd-cast^=hp]) .lb-frame {border-radius:12px
  }
}
:is(#lcd-home,[data-lcd-cast^=hp]) .vidnav {display:flex;gap:12px;justify-content:center;margin-top:6px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .vidnav button {width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--paper);
  color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .25s,transform .25s
}
:is(#lcd-home,[data-lcd-cast^=hp]) .vidnav button:hover {border-color:var(--gold);background:var(--ground);transform:translateY(-2px)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .vidnav svg {width:16px;height:16px
}
/* ---------- RECENZIE ---------- */
:is(#lcd-home,[data-lcd-cast^=hp]) .revhead {display:flex;align-items:center;gap:clamp(14px,2.6vw,30px);flex-wrap:wrap;margin-bottom:clamp(18px,2.6vw,28px)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .revhead .gmark {width:42px;height:42px;flex:none
}
:is(#lcd-home,[data-lcd-cast^=hp]) .revhead .score {font-family:var(--disp);font-weight:800;font-size:clamp(34px,4vw,48px);line-height:1;color:var(--ink);font-variant-numeric:tabular-nums
}
:is(#lcd-home,[data-lcd-cast^=hp]) .revhead .col {display:flex;flex-direction:column;gap:5px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .revhead .stars {color:var(--gold);letter-spacing:3px;font-size:17px;line-height:1
}
:is(#lcd-home,[data-lcd-cast^=hp]) .revhead .sub {font-size:13px;color:var(--mute)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .revhead .cta {margin-left:auto;display:flex;gap:10px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .revhead .cta .btn {padding:13px 24px;font-size:11.5px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .revhead .cta .btn:before {display:none
}
:is(#lcd-home,[data-lcd-cast^=hp]) .revhead .cta .btn.ghost {background:var(--ink);color:#f4f0e6;border:1px solid var(--ink);
  box-shadow:0 6px 18px rgba(20,15,5,.22)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .revhead .cta .btn.ghost:hover {background:#000;border-color:#000;color:#fff;transform:translateY(-2px)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .revhead .cta .btn.ghost+.btn.ghost {background:none;color:var(--ink);border:2px solid var(--gold);box-shadow:none
}
:is(#lcd-home,[data-lcd-cast^=hp]) .revhead .cta .btn.ghost+.btn.ghost:hover {background:rgba(196,155,49,.14);color:var(--ink);border-color:var(--gold-lo)
}
@media(max-width:700px) {
  :is(#lcd-home,[data-lcd-cast^=hp]) .revhead .cta {margin-left:0;width:100%
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .revhead .cta .btn {flex:1;justify-content:center
  }
}
:is(#lcd-home,[data-lcd-cast^=hp]) .revwrap {position:relative
}
:is(#lcd-home,[data-lcd-cast^=hp]) .revs {display:flex;gap:clamp(12px,1.6vw,20px);overflow-x:auto;scroll-snap-type:x mandatory;
  padding:6px 2px 18px;scrollbar-width:none;-webkit-overflow-scrolling:touch
}
:is(#lcd-home,[data-lcd-cast^=hp]) .revs::-webkit-scrollbar {display:none
}
:is(#lcd-home,[data-lcd-cast^=hp]) .rev {scroll-snap-align:start;flex:0 0 clamp(272px,30%,352px);position:relative;border-radius:20px;
  padding:26px 22px 20px;display:flex;flex-direction:column;gap:13px;background:var(--paper);
  border:1px solid var(--line);box-shadow:0 4px 18px rgba(20,15,5,.08);overflow:hidden;
  transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s,border-color .4s
}
@media(max-width:820px) {
  :is(#lcd-home,[data-lcd-cast^=hp]) .revs {gap:12px
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .rev {flex:0 0 78%;scroll-snap-align:center
  }
}
:is(#lcd-home,[data-lcd-cast^=hp]) .rev:before {content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,transparent,var(--gold-hi) 20%,var(--gold) 50%,var(--gold-hi) 80%,transparent)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .rev:hover {transform:translateY(-7px);box-shadow:0 22px 46px rgba(20,15,5,.16);border-color:rgba(196,155,49,.75)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .rev .qm {position:absolute;top:10px;right:20px;font-family:var(--disp);font-weight:800;font-size:66px;
  line-height:1;color:rgba(196,155,49,.15);pointer-events:none
}
:is(#lcd-home,[data-lcd-cast^=hp]) .rev .st {color:var(--gold);letter-spacing:2px;font-size:14px;line-height:1
}
:is(#lcd-home,[data-lcd-cast^=hp]) .rev p {font-size:14.5px;color:var(--mute);line-height:1.62;flex:1;margin:0
}
:is(#lcd-home,[data-lcd-cast^=hp]) .rev .shots {display:flex;gap:7px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .rev .shots img {width:56px;height:56px;object-fit:cover;border-radius:11px;border:1px solid var(--line);transition:transform .3s
}
:is(#lcd-home,[data-lcd-cast^=hp]) .rev .shots img:hover {transform:scale(1.09)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .rev .foot {display:flex;align-items:center;gap:11px;border-top:1px solid var(--line);padding-top:14px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .rev .av {width:40px;height:40px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;
  font-family:var(--disp);font-weight:800;font-size:14px;color:#17130a;
  background:linear-gradient(135deg,var(--gold-hi),var(--gold));box-shadow:0 3px 10px rgba(140,105,25,.3)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .rev .meta {display:flex;flex-direction:column;min-width:0
}
:is(#lcd-home,[data-lcd-cast^=hp]) .rev .meta b {font-family:var(--disp);font-weight:700;font-size:13.5px;line-height:1.25;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
:is(#lcd-home,[data-lcd-cast^=hp]) .rev .meta i {font-style:normal;font-size:11px;color:var(--mute);margin-top:2px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .rev .foot svg {width:17px;height:17px;margin-left:auto;flex:none;opacity:.9
}
:is(#lcd-home,[data-lcd-cast^=hp]) .revnav, :is(#lcd-home,[data-lcd-cast^=hp]) .decknav {display:flex;gap:12px;justify-content:center;margin-top:6px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .revnav button, :is(#lcd-home,[data-lcd-cast^=hp]) .decknav button {width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--paper);
  color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:border-color .25s,background .25s,transform .25s
}
:is(#lcd-home,[data-lcd-cast^=hp]) .revnav button:hover, :is(#lcd-home,[data-lcd-cast^=hp]) .decknav button:hover {border-color:var(--gold);background:var(--ground);transform:translateY(-2px)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .revnav svg, :is(#lcd-home,[data-lcd-cast^=hp]) .decknav svg {width:16px;height:16px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .faq {border-top:1px solid var(--line)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .faq details {border-bottom:1px solid var(--line)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .faq summary {padding:18px 0;display:flex;gap:16px;align-items:baseline;cursor:pointer;list-style:none
}
:is(#lcd-home,[data-lcd-cast^=hp]) .faq summary::-webkit-details-marker {display:none
}
:is(#lcd-home,[data-lcd-cast^=hp]) .faq summary:hover .t {color:var(--gold-lo)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .faq .i {font-family:var(--mono);font-size:11px;font-weight:700;color:#7c5f16;flex:none;letter-spacing:.1em;font-variant-numeric:tabular-nums
}
:is(#lcd-home,[data-lcd-cast^=hp]) .faq .t {font-size:16.5px;font-weight:600;color:var(--ink);transition:color .2s
}
:is(#lcd-home,[data-lcd-cast^=hp]) .faq .p {margin-left:auto;color:#7c5f16;font-size:20px;line-height:1;transition:transform .25s
}
:is(#lcd-home,[data-lcd-cast^=hp]) .faq details[open] .p {transform:rotate(45deg)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .faq .a {padding:0 0 20px 44px;color:#4a4536;font-size:15.5px;line-height:1.62;max-width:70ch
}
/* ---------- zaver ---------- */
:is(#lcd-home,[data-lcd-cast^=hp]) .end {position:relative;isolation:isolate;overflow:hidden;text-align:center;color:#fff;
  background:var(--deep);padding:clamp(66px,9vw,140px) var(--pad)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .endbg {position:absolute;inset:0;z-index:-2
}
:is(#lcd-home,[data-lcd-cast^=hp]) .endbg img {width:100%;height:100%;object-fit:cover;opacity:.3;filter:saturate(.82) contrast(1.04)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .end:before {content:"";position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(64% 76% at 50% 40%,rgba(196,155,49,.26),rgba(196,155,49,0) 68%),
    linear-gradient(180deg,rgba(11,9,6,.88),rgba(11,9,6,.7) 44%,rgba(11,9,6,.95)),
    repeating-linear-gradient(45deg,rgba(230,200,119,.07) 0 1px,transparent 1px 42px),
    repeating-linear-gradient(-45deg,rgba(230,200,119,.07) 0 1px,transparent 1px 42px)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .end .eyebrow {color:var(--gold-hi)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .end h2 {max-width:18ch;margin:0 auto;color:#fff
}
:is(#lcd-home,[data-lcd-cast^=hp]) .end .lede {color:rgba(255,255,255,.78);margin:18px auto 32px;max-width:56ch
}
:is(#lcd-home,[data-lcd-cast^=hp]) .end-cta {display:flex;gap:14px;justify-content:center;flex-wrap:wrap
}
:is(#lcd-home,[data-lcd-cast^=hp]) .end-tr {display:flex;justify-content:center;flex-wrap:wrap;gap:clamp(14px,3vw,46px);
  margin:clamp(36px,5vw,58px) auto 0;padding-top:clamp(22px,3vw,32px);max-width:900px;
  border-top:1px solid rgba(230,200,119,.22)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .end-tr span {display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);
  font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;
  color:rgba(255,255,255,.82)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .end-tr span:before {content:"";flex:none;width:18px;height:18px;border-radius:50%;
  border:1px solid rgba(230,200,119,.5);
  background:radial-gradient(circle at 50% 50%,var(--gold-hi) 0 3.5px,transparent 3.5px)
}
@media(max-width:620px) {
  :is(#lcd-home,[data-lcd-cast^=hp]) .end-tr {gap:14px;flex-direction:column;align-items:center
  }
}
/* ---------- reveal ---------- */
:is(#lcd-home,[data-lcd-cast^=hp]) .rv {opacity:0;transform:translateY(26px);transition:opacity .7s,transform .8s cubic-bezier(.2,.7,.2,1)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .rv.on {opacity:1;transform:none
}
@media(max-width:900px) {
  :is(#lcd-home,[data-lcd-cast^=hp]) .story {grid-template-columns:1fr;gap:0
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .story .sticky {height:34svh;top:96px;margin-bottom:22px
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .stepimg {display:none
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .steps {padding:0 0 12vh;gap:34px
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .stage {height:auto
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .stage .pin {position:static;height:auto;display:block;
    padding:clamp(28px,7vw,48px) var(--pad) clamp(24px,6vw,40px)
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .stage .pin .pinmain {grid-template-columns:1fr;gap:12px;display:block;grid-template-rows:auto
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .stage .pin:before {display:none
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .pintop {margin-top:14px
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .pinfoot {flex-wrap:wrap;gap:10px 12px;margin-top:18px;justify-content:space-between
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .pf-bar {order:3;flex-basis:100%;margin-top:2px
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .pf-cta {margin-left:auto
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .mbox {transition:transform .75s cubic-bezier(.2,.7,.2,1)
  }
  @media(min-width:901px) {
    :is(#lcd-home,[data-lcd-cast^=hp]) .mbox {transition:none
    }
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .mat-hint {display:none
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .mat-toggle {display:inline-flex
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .exp {height:auto
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .konf {margin-top:-40px
  }
}
@media(prefers-reduced-motion:reduce) {
  :is(#lcd-home,[data-lcd-cast^=hp]) * {transition-duration:.01ms!important;animation-duration:.01ms!important
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .rv, :is(#lcd-home,[data-lcd-cast^=hp]) .pc, :is(#lcd-home,[data-lcd-cast^=hp]) .cmpc, :is(#lcd-home,[data-lcd-cast^=hp]) .konf .card {opacity:1;transform:none
  }
}
@media(max-width:760px) {
  :is(#lcd-home,[data-lcd-cast^=hp]) .hero {aspect-ratio:auto;min-height:0;max-height:none;display:block
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .hero .bg {position:relative;inset:auto;transform:none!important
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .hero .bg img {width:100%;height:auto;aspect-ratio:3920/1256;object-fit:cover
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .hero:after {display:none
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .hero .in {display:none
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .konf {margin-top:26px
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .konf .card {padding:26px 20px 30px
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .konf h2 {margin-top:14px
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .tab {font-size:10.5px;letter-spacing:.06em;padding:12px 4px;gap:6px
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .tab svg {width:17px;height:17px
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .fields {gap:18px
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .chapter {padding-top:64px;padding-bottom:64px
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .stat {padding:28px 22px
  }
}
/* ===== MODUL 04 v tvare modulu 07 (dlazdice 9:16 + coverflow, video preview hra) ===== */
:is(#lcd-home,[data-lcd-cast^=hp]) .deck.refs {align-items:flex-start;gap:clamp(12px,1.6vw,18px)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .refs>.ref, :is(#lcd-home,[data-lcd-cast^=hp]) .refs>.ref.mid {flex:0 0 clamp(180px,22%,230px);scroll-snap-align:start;transform:none;opacity:1;margin:0
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ref-v {aspect-ratio:9/16;border-radius:18px;overflow:hidden;border:1px solid var(--line)
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ref-v:before {display:none
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ref-badge {display:none
}
:is(#lcd-home,[data-lcd-cast^=hp]) .refs>.ref:not(.mid) .ref-play {opacity:1
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ref-play {width:54px;height:54px;background:rgba(255,255,255,.94);border:0
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ref-play:after {border-left:15px solid #17130a;border-top:9px solid transparent;border-bottom:9px solid transparent;margin-left:4px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ref-v:hover .ref-play:after {border-left-color:#17130a
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ref-cap {font-size:12.5px;padding:30px 12px 12px
}
:is(#lcd-home,[data-lcd-cast^=hp]) .ref-v:after {background:linear-gradient(0deg,rgba(8,6,4,.62),rgba(8,6,4,0) 42%)
}
@media(max-width:820px) {
  :is(#lcd-home,[data-lcd-cast^=hp]) .deck.refs {perspective:1000px
  }
}
/* dotykove zariadenia: transition sa bije s per-frame coverflow -> trhany swipe;
   a <video> pod 3D transformaciou iOS nevykresli (cierne dlazdice) -> refs bez perspektivy */
@media(hover:none) {
  :is(#lcd-home,[data-lcd-cast^=hp]) .deck.refs>.ref, :is(#lcd-home,[data-lcd-cast^=hp]) .vids>.vid {transition:none
  }
  :is(#lcd-home,[data-lcd-cast^=hp]) .deck.refs {perspective:none
  }
}
:is(#lcd-home,[data-lcd-cast^=hp]) [id]{scroll-margin-top:102px}
/* ===== LCD-HOME ARMOR - kontra na temove section{padding:0!important} na mobile ===== */
:is(#lcd-home,[data-lcd-cast^=hp]) section{padding:0 !important;margin:0 !important}
:is(#lcd-home,[data-lcd-cast^=hp]) .chapter{padding:clamp(56px,9vw,130px) var(--pad) !important}
:is(#lcd-home,[data-lcd-cast^=hp]) .konf{margin-top:-72px !important;padding:0 var(--pad) !important}
:is(#lcd-home,[data-lcd-cast^=hp]) .trustbar{padding-top:clamp(20px,2.6vw,34px) !important;padding-bottom:clamp(20px,2.6vw,34px) !important}
:is(#lcd-home,[data-lcd-cast^=hp]) .mat{padding-bottom:clamp(26px,4vw,54px) !important}
:is(#lcd-home,[data-lcd-cast^=hp]) .faqsec{padding-top:clamp(52px,7vw,104px) !important}
:is(#lcd-home,[data-lcd-cast^=hp]) .end{padding:clamp(66px,9vw,140px) var(--pad) !important}
@media(max-width:900px){:is(#lcd-home,[data-lcd-cast^=hp]) .konf{margin-top:-40px !important}}
@media(max-width:760px){:is(#lcd-home,[data-lcd-cast^=hp]) .konf{margin-top:26px !important}}
@media(max-width:760px){:is(#lcd-home,[data-lcd-cast^=hp]) .chapter{padding-top:64px !important;padding-bottom:64px !important}}
:is(#lcd-home,[data-lcd-cast^=hp]) .row{margin-left:0 !important;margin-right:0 !important}
:is(#lcd-home,[data-lcd-cast^=hp]) .btn{line-height:inherit !important;text-align:inherit}
:is(#lcd-home,[data-lcd-cast^=hp]) .btn{padding:16px 30px !important}
:is(#lcd-home,[data-lcd-cast^=hp]) .btn.go{padding:0 !important}
:is(#lcd-home,[data-lcd-cast^=hp]) .pf-cta{padding:0 30px !important}
@media(max-width:640px){:is(#lcd-home,[data-lcd-cast^=hp]) .pf-cta{padding:0 20px !important}}
:is(#lcd-home,[data-lcd-cast^=hp]) .mat-toggle{padding:13px 24px !important}
:is(#lcd-home,[data-lcd-cast^=hp]) .btn.bigcta{padding:clamp(18px,2.2vw,24px) clamp(30px,5vw,64px) !important}
:is(#lcd-home,[data-lcd-cast^=hp]) .btn.zeleny{background:linear-gradient(100deg,#1d6b4a,#2f9c68 42%,#1f7350) !important;color:#fff !important}
:is(#lcd-home,[data-lcd-cast^=hp]) button{line-height:normal}
:is(#lcd-home,[data-lcd-cast^=hp]) .revhead .stars{display:block;gap:normal;font-size:inherit;line-height:inherit}
:is(#lcd-home,[data-lcd-cast^=hp]) .row > *:not(.btn){padding-left:0 !important;padding-right:0 !important}
@media(min-width:900px){:is(#lcd-home,[data-lcd-cast^=hp]) .chapter{padding-top:clamp(44px,5.4vw,84px) !important;padding-bottom:clamp(44px,5.4vw,84px) !important}}
@media(min-width:900px){:is(#lcd-home,[data-lcd-cast^=hp]) section.chapter.after-dark{padding-top:clamp(52px,6.2vw,96px) !important}}
@media(min-width:900px){:is(#lcd-home,[data-lcd-cast^=hp]) .truck .in{padding-top:clamp(44px,5.2vw,84px) !important;padding-bottom:clamp(44px,5.2vw,84px) !important}}
@media(min-width:900px){:is(#lcd-home,[data-lcd-cast^=hp]) .end{padding-top:clamp(44px,5.6vw,92px) !important;padding-bottom:clamp(44px,5.6vw,92px) !important}}
@media(min-width:900px){:is(#lcd-home,[data-lcd-cast^=hp]) .faqsec{padding-top:clamp(36px,4.6vw,72px) !important}}
:is(#lcd-home,[data-lcd-cast^=hp]) .hero .in{padding-bottom:clamp(64px,9vw,110px) !important}
/* ===== LCDH BRIDGE - adoptovany konfigurator v style navrhu ===== */
:is(#lcd-home,[data-lcd-cast^=hp]) .lcdh-konf-slot .lcd-vehicle-switch{display:flex;gap:5px;background:#eceae5;
  border:1px solid #d9d4c6;border-radius:999px;padding:5px;margin:2px 0 18px}
:is(#lcd-home,[data-lcd-cast^=hp]) .lcdh-konf-slot .lcd-vehicle-switch__tab{flex:1;display:flex;flex-direction:row;
  align-items:center;justify-content:center;gap:7px;background:transparent;border:0;
  border-radius:999px;padding:10px 8px;font-family:var(--disp);font-weight:700;
  font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#3d3728;cursor:pointer}
:is(#lcd-home,[data-lcd-cast^=hp]) .lcdh-konf-slot .lcd-vehicle-switch__tab svg{width:17px;height:17px;flex:none}
:is(#lcd-home,[data-lcd-cast^=hp]) .lcdh-konf-slot .lcd-vehicle-switch__tab.is-active{color:#17130a;
  background:linear-gradient(100deg,var(--gold-lo),var(--gold-hi) 48%,var(--gold));
  box-shadow:0 4px 12px rgba(140,105,25,.28)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lcdh-konf-slot .modl-selector-wrap{display:flex;flex-direction:column;gap:14px;margin:0;
  background:none !important}
:is(#lcd-home,[data-lcd-cast^=hp]) .lcdh-konf-slot .modl-selector-wrap::before,
:is(#lcd-home,[data-lcd-cast^=hp]) .lcdh-konf-slot .modl-selector-wrap::after{display:none !important;content:none !important}
:is(#lcd-home,[data-lcd-cast^=hp]) .lcdh-konf-slot .modl-selector-wrap .surcharge-list{margin:0;padding:0;width:100%}
:is(#lcd-home,[data-lcd-cast^=hp]) .lcdh-konf-slot .surcharge-list{text-align:left}
:is(#lcd-home,[data-lcd-cast^=hp]) .lcdh-konf-slot .surcharge-list::before{display:block;text-align:left;font-family:var(--disp);
  font-weight:600;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  color:#3d3728;margin:0 0 7px;content:""}
:is(#lcd-home,[data-lcd-cast^=hp]) .lcdh-konf-slot .surcharge-list.brands::before{content:"Značka"}
:is(#lcd-home,[data-lcd-cast^=hp]) .lcdh-konf-slot .surcharge-list.models::before{content:"Model"}
:is(#lcd-home,[data-lcd-cast^=hp]) .lcdh-konf-slot .surcharge-list.years::before{content:"Rok výroby"}
:is(#lcd-home,[data-lcd-cast^=hp]) .lcdh-konf-slot .surcharge-list.type-selector::before{content:"Typ karosérie"}
:is(#lcd-home,[data-lcd-cast^=hp]) .lcdh-konf-slot .konf-note{display:block;margin:14px 0 0;text-align:center;
  font-size:13px;color:#6b6450}
:is(#lcd-home,[data-lcd-cast^=hp]) .lcdh-konf-slot select{width:100%;height:46px;background:#eceae5;
  border:1px solid #d9d4c6;border-radius:12px;padding:0 40px 0 14px;
  font-family:var(--body);font-size:14px;color:#4a4433;appearance:none;-webkit-appearance:none;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%237c5f16' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center}
:is(#lcd-home,[data-lcd-cast^=hp]) .lcdh-konf-slot .btn.choice-Model{display:flex;align-items:center;justify-content:center;
  width:100%;height:56px;margin:16px 0 0;background:linear-gradient(100deg,#1d6b4a,#2f9c68 42%,#1f7350);
  color:#fff;border:0;border-radius:12px;font-family:var(--disp);font-weight:800;font-size:14px;
  letter-spacing:.12em;text-transform:uppercase;cursor:pointer;
  box-shadow:0 10px 26px rgba(31,115,80,.34),inset 0 1px 0 rgba(255,255,255,.22)}
@media(min-width:761px){
  /* PC (Michal): 4 bunky vedla seba (Znacka/Model/Rok/Typ), tlacidlo dole na celu sirku;
     kamionove extra polia sa zalamuju a CENTRUJU (flex), tlacidlo nemeni poziciu */
  :is(#lcd-home,[data-lcd-cast^=hp]) .lcdh-konf-slot .modl-selector-wrap{display:flex;flex-direction:row;flex-wrap:wrap;
    justify-content:center;align-items:flex-end;gap:16px 18px}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lcdh-konf-slot .modl-selector-wrap .surcharge-list{flex:0 1 calc(25% - 14px);min-width:170px}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lcdh-konf-slot .btn.choice-Model{flex:0 0 100%;margin:6px 0 0;padding:0 26px;white-space:nowrap}
  /* prepinac ako velky posuvnik na celu sirku karty */
  :is(#lcd-home,[data-lcd-cast^=hp]) .lcdh-konf-slot .lcd-vehicle-switch{max-width:none;margin-bottom:22px}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lcdh-konf-slot .lcd-vehicle-switch__tab{padding:14px 10px;font-size:12px;gap:9px}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lcdh-konf-slot .lcd-vehicle-switch__tab svg{width:19px;height:19px}
}

/* --- opravy 2026-08-27 (Lenis/modul09/oramovanie/podpis) --- */
@media(min-width:901px){:is(#lcd-home,[data-lcd-cast^=hp]) .stage{height:240vh !important}}
:is(#lcd-home,[data-lcd-cast^=hp]) video,#lcd-rz video{border:0 !important;border-radius:0 !important}
#footer #signature{display:none !important}

/* --- opravy 2026-08-27 vecer: hero na plnu sirku + prepinac jazyka --- */
:is(#lcd-home,[data-lcd-cast^=hp]) .hero,#lcd-rz .hero{width:100% !important}
.lcdlang{position:relative;display:inline-flex}
.lcdlang > a.lang{cursor:pointer}
.lcdlang-menu{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);z-index:60;min-width:112px;padding:6px;border-radius:12px;background:#14110c;border:1px solid rgba(196,155,49,.42);box-shadow:0 18px 44px rgba(0,0,0,.5)}
.lcdlang-menu[hidden]{display:none}
.lcdlang-p{display:flex !important;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:#ded5c0 !important;text-decoration:none;font-size:14px !important;line-height:1.2;white-space:nowrap;text-indent:0 !important}
.lcdlang-p svg{width:24px;height:16px;border-radius:2px;flex:0 0 auto;display:block}
.lcdlang-p .lcdlang-t{display:inline-block !important;visibility:visible !important;opacity:1 !important;position:static !important;width:auto !important;height:auto !important;max-width:none !important;max-height:none !important;overflow:visible !important;clip:auto !important;clip-path:none !important;text-indent:0 !important;font-family:inherit !important;font-size:14px !important;font-weight:700 !important;line-height:1.2 !important;letter-spacing:.1em;color:inherit !important;-webkit-text-fill-color:currentColor !important;text-transform:uppercase}
.lcdlang-p:hover,.lcdlang-p:focus{background:rgba(196,155,49,.16);color:#fff !important}
.lcdlang-p.je-aktivny{color:#c49b31 !important;font-weight:600}

/* --- kamiony: vycentrovanie poli + tlacidlo cez cely riadok (2026-08-27) --- */
@media(min-width:761px){:is(#lcd-home,[data-lcd-cast^=hp]) .lcdh-konf-slot .lcd-truck-wrap:not([hidden]),#lcd-rz .lcdh-konf-slot .lcd-truck-wrap:not([hidden]){display:flex !important;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:16px 18px;width:100% !important;max-width:none !important;margin-left:auto !important;margin-right:auto !important}:is(#lcd-home,[data-lcd-cast^=hp]) .lcdh-konf-slot .lcd-truck-wrap > .surcharge-list,#lcd-rz .lcdh-konf-slot .lcd-truck-wrap > .surcharge-list{flex:0 1 calc(25% - 14px);min-width:230px;max-width:none}:is(#lcd-home,[data-lcd-cast^=hp]) .lcdh-konf-slot .lcd-truck-wrap > .btn.choice-Model,#lcd-rz .lcdh-konf-slot .lcd-truck-wrap > .btn.choice-Model{flex:0 0 100%;max-width:none;width:100%}}
/* ===== HP: tlačidlá pri hodnotení Google (2026-10-02) =====
   „Napísať recenziu" zlaté s hviezdičkou a prebleskom, „Všetky recenzie" tmavé so zlatým okrajom
   a šípkou; text vždy na stred (pri zalomení na dva riadky bol vľavo) */
:is(#lcd-home,[data-lcd-cast^=hp]) .revhead .cta{gap:12px}
:is(#lcd-home,[data-lcd-cast^=hp]) .revhead .cta .btn{justify-content:center;text-align:center;gap:10px;min-height:52px;padding:13px 26px;
  border-radius:999px;font-size:12px;letter-spacing:.12em;line-height:1.25;transition:transform .25s,box-shadow .25s,background .25s,border-color .25s}
:is(#lcd-home,[data-lcd-cast^=hp]) .revhead .cta .btn.ghost{background:linear-gradient(100deg,var(--gold-lo),var(--gold-hi) 48%,var(--gold));color:#17130a;border:0;
  box-shadow:0 10px 26px rgba(140,105,25,.35),inset 0 1px 0 rgba(255,255,255,.4)}
:is(#lcd-home,[data-lcd-cast^=hp]) .revhead .cta .btn.ghost:before{display:block}
:is(#lcd-home,[data-lcd-cast^=hp]) .revhead .cta .btn.ghost:hover{background:linear-gradient(100deg,var(--gold-lo),var(--gold-hi) 48%,var(--gold));color:#17130a;
  transform:translateY(-2px);box-shadow:0 16px 34px rgba(140,105,25,.45),inset 0 1px 0 rgba(255,255,255,.4)}
:is(#lcd-home,[data-lcd-cast^=hp]) .revhead .cta .btn.ghost:first-child:after{content:"";order:-1;flex:none;width:15px;height:15px;background:currentColor;
  -webkit-mask:var(--ico-star) center/contain no-repeat;mask:var(--ico-star) center/contain no-repeat}
:is(#lcd-home,[data-lcd-cast^=hp]) .revhead .cta .btn.ghost+.btn.ghost{background:linear-gradient(180deg,#221d14,#0f0d09);color:#f4ecd6;
  border:1px solid rgba(230,200,119,.6);box-shadow:0 10px 24px rgba(20,15,5,.28),inset 0 1px 0 rgba(255,255,255,.07)}
:is(#lcd-home,[data-lcd-cast^=hp]) .revhead .cta .btn.ghost+.btn.ghost:before{background:linear-gradient(100deg,transparent,rgba(230,200,119,.3),transparent)}
:is(#lcd-home,[data-lcd-cast^=hp]) .revhead .cta .btn.ghost+.btn.ghost:after{content:"\2192";flex:none;color:var(--gold-hi);font-size:15px;letter-spacing:0;
  transition:transform .25s}
:is(#lcd-home,[data-lcd-cast^=hp]) .revhead .cta .btn.ghost+.btn.ghost:hover{background:linear-gradient(180deg,#2a2418,#000);color:#fff;border-color:var(--gold-hi);
  transform:translateY(-2px);box-shadow:0 16px 32px rgba(20,15,5,.35)}
:is(#lcd-home,[data-lcd-cast^=hp]) .revhead .cta .btn.ghost+.btn.ghost:hover:after{transform:translateX(3px)}
@media(max-width:640px){
  :is(#lcd-home,[data-lcd-cast^=hp]) .revhead .cta .btn{flex:1 1 0;min-width:0;padding:12px 14px;font-size:11px;letter-spacing:.09em;min-height:54px}
}
@media(prefers-reduced-motion:reduce){:is(#lcd-home,[data-lcd-cast^=hp]) .revhead .cta .btn.ghost:before{display:none}}

/* ===== HP: PRED A PO + FARBY + GALÉRIA z konceptu redizajnu (2026-10-01) =====
   Postavené ako sticky scény 08 a 09 (Materiál): číslovaná hlavička, štítky (.chip),
   legenda, spodná lišta (.pinfoot/.pf-bar/.pf-cta), vzor kosoštvorcov v pozadí.
   Tmavé (.lx-tma) stoja medzi svetlými sekciami, farby sú svetlé (.lx-svetla).
   #lcd-home section má padding:0 !important, preto odsadenie nesú vnútorné obaly.
   JS: assets/js/lcdHomeModuly.js */
:is(#lcd-home,[data-lcd-cast^=hp]) .lx{--lx-ink:#0d0c0a;--lx-panel:#16140f;--lx-line:rgba(230,200,119,.16);--lx-cream:#f1ead9;--lx-mute:#a39c89;
  position:relative;font-family:var(--body)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-tma{background:var(--lx-ink);color:var(--lx-cream)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-svetla{background:linear-gradient(180deg,var(--sand,#f6f4ef),var(--sand2,#e4e0d4));color:var(--ink)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-wrap{max-width:1240px;margin:0 auto;padding-inline:var(--pad)}
/* vzor kosoštvorcov + svetlo zhora, rovnaký ako pri sticky scénach 08 a 09 */
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-vzor{position:relative;isolation:isolate}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-vzor:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(78% 46% at 50% 6%,rgba(196,155,49,.13),rgba(196,155,49,0) 70%),
    repeating-linear-gradient(45deg,rgba(155,122,36,.07) 0 1px,transparent 1px 44px),
    repeating-linear-gradient(-45deg,rgba(155,122,36,.07) 0 1px,transparent 1px 44px);
  -webkit-mask:radial-gradient(120% 92% at 50% 46%,#000 34%,transparent 88%);
          mask:radial-gradient(120% 92% at 50% 46%,#000 34%,transparent 88%)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-tma .lx-vzor:before{
  background:radial-gradient(70% 44% at 50% 4%,rgba(196,155,49,.2),rgba(196,155,49,0) 70%),
    repeating-linear-gradient(45deg,rgba(230,200,119,.055) 0 1px,transparent 1px 44px),
    repeating-linear-gradient(-45deg,rgba(230,200,119,.055) 0 1px,transparent 1px 44px)}

/* --- hlavička, štítky, spodná lišta --- */
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-hlava{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 32px}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-hlava-t{flex:1 1 520px;min-width:0}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx .rule{margin-bottom:10px}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-tma .rule .n{color:var(--gold-hi)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-tma .rule:after{background:rgba(230,200,119,.22)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx .lx-h{margin:0;font-family:var(--disp);font-weight:700;text-transform:uppercase;
  font-size:clamp(24px,3.1vw,44px);line-height:1.1;letter-spacing:.01em;text-wrap:balance}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-tma .lx-h{color:var(--lx-cream)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-svetla .lx-h{color:var(--ink)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx .lx-h b{font-weight:inherit;color:var(--gold-hi)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-svetla .lx-h b{color:var(--gold)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx .lx-p{margin:10px 0 0;max-width:64ch;font-size:clamp(14px,1.15vw,16px);line-height:1.55}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-tma .lx-p{color:var(--lx-mute)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-svetla .lx-p{color:var(--mute)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-pocet{font-family:var(--disp);font-weight:800;font-size:clamp(30px,3.6vw,52px);line-height:1;
  color:var(--gold-hi);font-variant-numeric:tabular-nums;text-align:right}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-pocet small{display:block;margin-top:8px;font-size:10.5px;font-weight:700;letter-spacing:.2em;
  text-transform:uppercase;color:var(--lx-mute)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-chips{display:flex;flex-wrap:wrap;gap:8px}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-tma .chip{background:rgba(255,255,255,.04);border-color:rgba(230,200,119,.26);color:#cdc3aa}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx .pinfoot{width:100%}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-tma .pinfoot{border-top-color:rgba(230,200,119,.2)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-tma .pf-hint{color:var(--gold-hi)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-tma .pf-hint:before{border-color:rgba(230,200,119,.6)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-tma .pf-bar{background:rgba(230,200,119,.16)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx .pf-bar i{transition:width .15s linear}

/* --- pred a po (sticky scéna) --- */
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-pp{height:300vh}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-pp-lep{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-pin{height:100%;max-width:1240px;margin:0 auto;display:flex;flex-direction:column;
  gap:clamp(10px,1.8vh,20px);padding:clamp(84px,10vh,104px) var(--pad) clamp(14px,2.4vh,26px)}
/* fotka cez celú šírku, legenda pod ňou a voľné miesto ide medzi ne (najviac 120 px);
   šírka sa zmenší len vtedy, keď by sa fotka s legendou nezmestila na výšku (container query) */
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-pp-main{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;
  container-type:size;--lx-legbox:84px;--lx-gapmin:28px;--lx-gapmax:120px;--lx-pomer:2.1374;
  --lx-w:min(100cqw,calc((100cqh - var(--lx-legbox) - var(--lx-gapmin)) * var(--lx-pomer)))}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-pp-stage{width:100%;width:var(--lx-w);
  height:min(100cqh,calc(var(--lx-w) / var(--lx-pomer) + var(--lx-legbox) + var(--lx-gapmax)));
  display:flex;flex-direction:column;justify-content:space-between;gap:var(--lx-gapmin);container-type:inline-size}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-pp-plocha{flex:none;position:relative;width:100%;aspect-ratio:var(--lx-pomer);border-radius:18px;
  overflow:hidden;border:1px solid var(--lx-line);box-shadow:0 26px 60px rgba(0,0,0,.5)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-pp-plocha img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;
  margin:0;border:0;border-radius:0}
/* „po" je v okne, ktoré JS posúva transformom — plynulé aj na telefóne */
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-pp-okno{position:absolute;inset:0;overflow:hidden;transform:translate3d(-100%,0,0);will-change:transform}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-pp-okno .lx-pp-po{transform:translate3d(100%,0,0);will-change:transform}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-pp-hrana{position:absolute;top:0;bottom:0;left:0;width:2px;margin-left:-1px;will-change:transform;
  background:var(--gold-hi);box-shadow:0 0 24px rgba(230,200,119,.8)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-cip{position:absolute;top:14px;padding:7px 12px;border-radius:999px;background:rgba(13,12,10,.72);
  border:1px solid var(--lx-line);font-family:var(--disp);font-weight:800;font-size:11px;line-height:1;
  letter-spacing:.2em;text-transform:uppercase;color:var(--lx-cream)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-cip-l{left:14px;color:var(--gold-hi)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-cip-r{right:14px}
/* legenda pod fotkou — ako vrstvy pri materiáli; bod sa rozsvieti, keď ho čiara prejde */
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-leg{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-leg-r{display:flex;align-items:center;gap:10px;padding:12px;min-width:0;
  border:1px solid var(--lx-line);border-radius:12px;transition:background .4s,border-color .4s}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-leg-no{flex:none;width:16px;font-family:var(--disp);font-weight:800;font-size:15px;
  color:#7f7866;transition:color .4s}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-leg-sw{flex:none;width:44px;height:44px;border-radius:5px;background-size:cover;background-position:center;
  border:1px solid rgba(230,200,119,.3);filter:grayscale(.8) brightness(.6);transition:filter .5s}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-leg-t{flex:1;min-width:0}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-leg-t b{display:block;font-family:var(--disp);font-weight:700;text-transform:uppercase;
  font-size:clamp(13px,1.1vw,15.5px);letter-spacing:.03em;line-height:1.25;color:#8f8878;transition:color .4s}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-leg-t span{display:block;margin-top:3px;font-size:13px;line-height:1.35;color:#7f7866}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-leg-i{flex:none;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:#7f7866;white-space:nowrap}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-leg-ok{position:relative;flex:none;width:24px;height:24px;border-radius:50%;
  border:1.5px solid rgba(230,200,119,.35);transition:background .4s,border-color .4s}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-leg-ok:after{content:"";position:absolute;left:7.5px;top:4.5px;width:5px;height:9px;
  border:solid #17130a;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:opacity .3s}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-leg-r.on{background:rgba(230,200,119,.07);border-color:rgba(230,200,119,.42)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-leg-r.on .lx-leg-no{color:var(--gold-hi)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-leg-r.on .lx-leg-sw{filter:none}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-leg-r.on .lx-leg-t b{color:var(--lx-cream)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-leg-r.on .lx-leg-t span{color:#bdb39c}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-leg-r.on .lx-leg-ok{background:linear-gradient(135deg,var(--gold-hi),var(--gold));border-color:var(--gold-hi)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-leg-r.on .lx-leg-ok:after{opacity:1}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-leg .lx-leg-i{display:none}
/* užšia scéna (nízka obrazovka, mobil): body len s nadpisom, nech sa zmestia pod fotku */
@container (max-width:820px){:is(#lcd-home,[data-lcd-cast^=hp]) .lx-leg-sw,:is(#lcd-home,[data-lcd-cast^=hp]) .lx-leg-t span{display:none}}
/* nízka obrazovka PC: štítky preč, nech ostane viac miesta fotke */
@media(min-width:901px) and (max-height:820px){:is(#lcd-home,[data-lcd-cast^=hp]) .lx-pp .lx-chips{display:none}}
@media(max-width:900px){
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-pp-main{--lx-legbox:118px;--lx-gapmin:16px;--lx-gapmax:56px}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-leg{grid-template-columns:1fr 1fr;gap:8px}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-leg-r{padding:8px 6px;gap:8px;border-radius:9px}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-leg-sw,:is(#lcd-home,[data-lcd-cast^=hp]) .lx-leg-ok{display:none}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-leg-t span{font-size:12px}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-pp .lx-p{display:none}
}
@media(max-width:760px){
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-pp{height:260vh}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-pp .lx-chips{display:none}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-pocet{text-align:left}
  /* mobil má vlastnú verziu: fotka na celú šírku, bez bodov */
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-pp .lx-leg{display:none}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-pp-main{--lx-pomer:2.1374;--lx-legbox:0px;--lx-gapmin:0px;--lx-gapmax:0px}
}
/* keď sa prilepiť nedá, scéna je normálny blok */
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-pp.lx-bez-lepu{height:auto}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-pp.lx-bez-lepu .lx-pp-lep{position:static;height:auto}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-pp.lx-bez-lepu .lx-pin{height:auto;padding-block:clamp(56px,9vw,110px) 28px}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-pp.lx-bez-lepu .lx-pp-main{flex:none;container-type:normal}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-pp.lx-bez-lepu .lx-pp-stage{width:100%;height:auto}
/* mobil: celá fotka bez orezania, od kraja po kraj obrazovky (prilepená aj neprilepená scéna) */
@media(max-width:760px){
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-pp.lx-bez-lepu .lx-pin{padding-block:clamp(56px,12vw,80px) 10px}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-pp .lx-pp-stage{width:calc(100% + var(--pad) * 2);height:auto;margin-inline:calc(var(--pad) * -1)}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-pp .lx-pp-plocha{border-radius:0;border-left:0;border-right:0;box-shadow:none}
}
/* mobil s prilepenou scénou: pod nadpisom aj krátky text, nech nad fotkou nezíva prázdno (nízke telefóny bez neho) */
@media(max-width:760px) and (min-height:700px){:is(#lcd-home,[data-lcd-cast^=hp]) .lx-pp:not(.lx-bez-lepu) .lx-p{display:block}}
/* sekcia za tmavou (JS jej dal triedu namiesto padding-top:0 v HTML): PC bez zmeny, mobil s odstupom */
:is(#lcd-home,[data-lcd-cast^=hp]) section.lx-po-tmavej{padding-top:0!important}
@media(max-width:760px){:is(#lcd-home,[data-lcd-cast^=hp]) section.lx-po-tmavej{padding-top:clamp(52px,14vw,76px)!important}}

/* --- farby (svetlá sekcia) --- */
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-in{display:flex;flex-direction:column;gap:clamp(12px,1.8vw,20px);padding-block:clamp(64px,8vw,112px)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(22px,3.6vw,56px);
  align-items:center;margin-top:clamp(6px,1.2vw,16px)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-velka{position:relative;aspect-ratio:1/1;border-radius:20px;overflow:hidden;
  background:var(--deep,#181510);box-shadow:0 22px 54px rgba(20,17,12,.22)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-velka:after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,transparent 58%,rgba(8,6,4,.55))}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-velka img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;
  margin:0;border:0;border-radius:0;opacity:0;transform:scale(1.04);
  transition:opacity .55s,transform 1.2s cubic-bezier(.2,.7,.2,1)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-velka img.on{opacity:1;transform:none}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-stitok{position:absolute;left:20px;bottom:14px;z-index:2;display:flex;align-items:baseline;gap:4px;
  font-family:var(--disp);font-weight:800;color:#fff;text-shadow:0 3px 18px rgba(0,0,0,.5);font-variant-numeric:tabular-nums}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-cislo{font-size:clamp(40px,5vw,64px);line-height:1}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-stitok span+span{font-size:15px;opacity:.85}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-vzor-n{font-family:var(--mono);font-size:11.5px;font-weight:700;letter-spacing:.2em;
  text-transform:uppercase;color:#7c5f16}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-meno{margin-top:8px;font-family:var(--disp);font-weight:800;font-size:clamp(22px,2.4vw,32px);
  line-height:1.15;color:var(--ink)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-vzorky{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:22px}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-vzorka{display:block;width:100%;aspect-ratio:1;padding:0;border-radius:12px;overflow:hidden;cursor:pointer;
  background:#fff;border:2px solid rgba(255,255,255,.85);box-shadow:0 3px 10px rgba(20,15,5,.14);
  transition:transform .25s,border-color .25s,box-shadow .25s}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-vzorka img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;margin:0;border:0;border-radius:0}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-vzorka:hover{transform:translateY(-3px)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-vzorka[aria-pressed="true"]{border-color:var(--gold);box-shadow:0 10px 22px rgba(140,105,25,.35);transform:translateY(-3px)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-vzorka:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
/* posledná bunka druhého radu: odkaz na ďalšie farby — svetlá karta so zlatým okrajom,
   vejárom vzoriek a rovnakým prebleskom ako zlaté tlačidlá */
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-viac{position:relative;isolation:isolate;display:flex;align-items:center;gap:clamp(10px,1.2vw,16px);min-width:0;
  padding:8px clamp(10px,1.2vw,16px);border-radius:12px;overflow:hidden;text-decoration:none;border:2px solid transparent;
  background:linear-gradient(180deg,#fffdf8,#f8f1e0) padding-box,
    linear-gradient(100deg,var(--gold-lo),var(--gold-hi) 48%,var(--gold)) border-box;
  box-shadow:0 8px 22px rgba(140,105,25,.3);transition:transform .25s,box-shadow .25s}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-viac:before{content:"";position:absolute;top:0;bottom:0;left:-45%;width:38%;z-index:-1;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(230,200,119,.45),transparent);animation:sheen 3.6s ease-in-out 1.2s infinite}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-viac:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(140,105,25,.42)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-viac:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-viac-vejar{display:flex;flex:none;padding-left:8px}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-viac-vejar i{display:block;width:clamp(24px,2.3vw,32px);aspect-ratio:1;margin-left:-8px;border-radius:7px;
  background-size:cover;background-position:center;border:2px solid #fff;box-shadow:0 3px 9px rgba(20,15,5,.3);
  transition:transform .3s cubic-bezier(.2,.8,.2,1),margin .3s}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-viac-vejar i:nth-child(1){transform:rotate(-10deg)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-viac-vejar i:nth-child(2){transform:rotate(-3deg) translateY(-2px)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-viac-vejar i:nth-child(3){transform:rotate(4deg)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-viac-vejar i:nth-child(4){transform:rotate(11deg) translateY(1px)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-viac:hover .lx-farby-viac-vejar i{margin-left:-2px}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-viac{justify-content:center}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-viac-txt{flex:0 1 auto;min-width:0}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-viac-txt b{display:block;font-family:var(--disp);font-weight:800;font-size:clamp(14px,1.2vw,17px);line-height:1.15;color:var(--ink)}
@media(max-width:520px){
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-viac{padding:6px 8px;gap:9px}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-viac-vejar i{width:20px;margin-left:-7px;border-radius:5px}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-viac-vejar i:nth-child(4){display:none}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-viac-txt b{font-size:13px}
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-akcie{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:26px;padding-top:20px;
  border-top:1px solid rgba(155,122,36,.24)}
@media(max-width:860px){
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-main{grid-template-columns:minmax(0,1fr)}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-velka{aspect-ratio:4/3}
  /* mobil: texty na stred, čiara pri čísle kapitoly z oboch strán */
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby .lx-hlava{justify-content:center;text-align:center}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby .rule{justify-content:center}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby .rule:before{content:"";flex:1;height:1px;background:var(--line)}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby .lx-p{margin-inline:auto}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-panel{text-align:center}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-akcie{justify-content:center}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-akcie .pf-cta{margin-inline:auto}
}
@media(max-width:520px){
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-vzorky{gap:7px}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-vzorka{border-radius:9px}
}

/* --- galéria (sticky pás) --- */
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal{height:300vh;--lx-kh:clamp(240px,42vh,420px)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal-lep{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal-pin{height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(12px,2vh,22px);
  padding-block:clamp(84px,10vh,104px) clamp(14px,2.4vh,26px)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal-hore,:is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal-dole{width:100%;max-width:1240px;margin:0 auto;padding-inline:var(--pad);
  display:flex;flex-direction:column;gap:clamp(10px,1.8vh,18px)}
/* fotky si držia veľkosť (tenší pás); voľnú výšku využije vlna (hore — dole — stred)
   a stmavené logo LCD za fotkami, ktoré sa pri scrollovaní jemne posúva */
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal-okno{position:relative;flex:1 1 auto;min-height:calc(var(--lx-kh) + 34px);max-height:calc(var(--lx-kh) + 34px + 26vh)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal-znak{position:absolute;left:50%;top:50%;z-index:0;height:min(80%,540px);aspect-ratio:859/620;pointer-events:none;
  transform:translate3d(calc(-50% + var(--lx-zx,0px)),-50%,0);opacity:.13;filter:saturate(.6) brightness(.8);will-change:transform}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal-znak img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;margin:0;border:0;border-radius:0}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal-trat{position:absolute;top:0;bottom:0;left:0;z-index:1;display:flex;align-items:stretch;gap:clamp(12px,1.6vw,20px);
  padding-left:max(var(--pad),calc((100vw - 1240px) / 2 + var(--pad)));padding-right:var(--pad);will-change:transform}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal-k{flex:none;height:100%;width:calc(var(--lx-kh) * .76);margin:0;display:flex;flex-direction:column;justify-content:flex-start}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal-k.lx-klon{display:none}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal-k:nth-child(3n+2){justify-content:flex-end}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal-k:nth-child(3n){justify-content:center}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal-f{display:block;flex:none;height:var(--lx-kh);width:100%;padding:0;border-radius:14px;overflow:hidden;
  border:1px solid var(--lx-line);background:var(--lx-panel);cursor:zoom-in}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal-f img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;margin:0;border:0;border-radius:0;
  transition:transform .8s cubic-bezier(.2,.8,.2,1)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal-f:hover img{transform:scale(1.04)}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal-f:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal-k figcaption{flex:none;margin-top:9px;font-size:13.5px;line-height:1.3;white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis;color:var(--lx-mute)}
/* mobil a stránky bez sticky: pás sa ťahá prstom */
@media(max-width:760px){
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal{height:auto}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal-lep{position:relative;height:auto;overflow:visible}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal-pin{height:auto;padding-block:clamp(56px,12vw,80px) 28px}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal-pocet,:is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal .pf-hint,:is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal-znak{display:none}
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal.lx-bez-lepu{height:auto}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal.lx-bez-lepu .lx-gal-lep{position:relative;height:auto;overflow:visible}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal.lx-bez-lepu .lx-gal-pin{height:auto;padding-block:clamp(56px,9vw,110px) 28px}
/* mobil má vlastnú verziu: nekonečný pás, ktorý ide sám (na PC ostáva posúvanie scrollom);
   podržanie prstom ho zastaví */
@media(max-width:760px){
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal-okno{flex:none;min-height:0;max-height:none;overflow:hidden}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal-trat{position:static;width:max-content;gap:12px;padding:0 12px 0 0;align-items:flex-start;
    animation:lxPas 48s linear infinite}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal-trat:active{animation-play-state:paused}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal-k,:is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal-k.lx-klon{display:flex;height:auto;width:62vw;justify-content:flex-start}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal-f{height:auto;aspect-ratio:4/5}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal .pf-bar{display:none}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal .pinfoot{justify-content:center}
}
@keyframes lxPas{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media(max-width:760px) and (prefers-reduced-motion:reduce){
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal-trat{animation:none;width:auto;overflow-x:auto;scroll-snap-type:x mandatory}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal-k.lx-klon{display:none}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal-k{scroll-snap-align:start}
}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal.lx-bez-lepu .lx-gal-okno{flex:none;min-height:0;max-height:none}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal.lx-bez-lepu .lx-gal-znak{display:none}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal.lx-bez-lepu .lx-gal-trat{position:static;overflow-x:auto;scroll-snap-type:x mandatory;
  padding-bottom:10px;transform:none!important}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal.lx-bez-lepu .lx-gal-k{height:auto;width:min(72vw,340px);scroll-snap-align:start}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal.lx-bez-lepu .lx-gal-f{height:auto;aspect-ratio:4/5}

/* --- zväčšená fotka --- */
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-zoom{position:fixed;inset:0;z-index:95;display:flex;align-items:center;justify-content:center;
  padding:clamp(16px,4vw,48px);background:rgba(8,7,5,.92);cursor:zoom-out}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-zoom[hidden]{display:none}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-zoom img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:14px}
:is(#lcd-home,[data-lcd-cast^=hp]) .lx-zoom-x{position:absolute;top:calc(16px + env(safe-area-inset-top,0px));right:16px;width:46px;height:46px;
  border-radius:50%;border:1px solid rgba(230,200,119,.5);background:rgba(13,12,10,.8);color:#f1ead9;
  font-size:26px;line-height:1;cursor:pointer}

@media(prefers-reduced-motion:reduce){
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-velka img,:is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-vzorka,:is(#lcd-home,[data-lcd-cast^=hp]) .lx-gal-f img,
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-leg-r,:is(#lcd-home,[data-lcd-cast^=hp]) .lx-leg-t b,:is(#lcd-home,[data-lcd-cast^=hp]) .lx-leg-sw{transition:none}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-farby-viac:before{animation:none;display:none}
}


/* ===== KONTAKTNY FORMULAR (11 — Napiste nam) ===== */
/* ============ KONTAKTNY FORMULAR NA UVODNEJ STRANKE ============
   Zamerne jednoduche: bledy podklad, biela karta, velke ohranicene polia
   s popisom nad kazdym a jedno tlacidlo. Ziadne ozdoby. */
:is(#lcd-home,[data-lcd-cast^=hp]) .kontsec{background:var(--sand)}

/* ---- telefon a e-mail nad formularom ---- */
:is(#lcd-home,[data-lcd-cast^=hp]) .kont-pri{display:flex;align-items:center;flex-wrap:wrap;
  gap:10px clamp(14px,2vw,26px);margin-top:clamp(20px,2.6vw,28px)}
:is(#lcd-home,[data-lcd-cast^=hp]) .kp-h{font-family:var(--disp);font-weight:800;font-size:12px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--mute)}
:is(#lcd-home,[data-lcd-cast^=hp]) .kp-r{display:inline-flex;align-items:center;gap:10px;text-decoration:none;
  color:var(--ink)}
:is(#lcd-home,[data-lcd-cast^=hp]) .kp-i{flex:none;color:var(--gold);display:flex;align-items:center}
:is(#lcd-home,[data-lcd-cast^=hp]) .kp-i svg{width:18px;height:18px}
:is(#lcd-home,[data-lcd-cast^=hp]) .kp-r b{font-family:var(--disp);font-weight:800;font-size:16px;
  letter-spacing:.01em;word-break:break-word;
  border-bottom:1px solid var(--line);padding-bottom:2px}
:is(#lcd-home,[data-lcd-cast^=hp]) .kp-r:hover b{border-bottom-color:var(--gold)}

/* ---- karta formulara ---- */
:is(#lcd-home,[data-lcd-cast^=hp]) .kont-f{background:var(--paper);border:1px solid var(--line);border-radius:14px;
  padding:clamp(20px,2.8vw,34px);display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(16px,2vw,22px);align-content:start;
  margin-top:clamp(18px,2.4vw,26px)}
@media(max-width:760px){:is(#lcd-home,[data-lcd-cast^=hp]) .kont-f{grid-template-columns:1fr}}

:is(#lcd-home,[data-lcd-cast^=hp]) .kf{display:block}
:is(#lcd-home,[data-lcd-cast^=hp]) .kf-full{grid-column:1/-1}
:is(#lcd-home,[data-lcd-cast^=hp]) .kf-l{display:block;font-family:var(--body);font-weight:700;font-size:14px;
  color:var(--ink);margin-bottom:7px}
:is(#lcd-home,[data-lcd-cast^=hp]) .kf-l small{font-weight:400;color:var(--mute);font-size:13px;margin-left:6px}
/* povinne pole = cervena hviezdicka pri popise, ziadne hadanie */
:is(#lcd-home,[data-lcd-cast^=hp]) .kf:has(input[required]) .kf-l:after,
:is(#lcd-home,[data-lcd-cast^=hp]) .kf:has(textarea[required]) .kf-l:after{content:" *";color:#c0392b}

:is(#lcd-home,[data-lcd-cast^=hp]) .kf input,
:is(#lcd-home,[data-lcd-cast^=hp]) .kf textarea{width:100%;font:inherit;font-size:16px;color:var(--ink);
  background:var(--paper);border:1.5px solid var(--line);border-radius:10px;
  padding:14px 15px;transition:border-color .15s}
:is(#lcd-home,[data-lcd-cast^=hp]) .kf textarea{resize:vertical;min-height:130px;line-height:1.6}
:is(#lcd-home,[data-lcd-cast^=hp]) .kf input:focus,
:is(#lcd-home,[data-lcd-cast^=hp]) .kf textarea:focus{outline:none;border-color:var(--gold)}
:is(#lcd-home,[data-lcd-cast^=hp]) .kf input::placeholder,
:is(#lcd-home,[data-lcd-cast^=hp]) .kf textarea::placeholder{color:#a9a291}

/* chyba sa ukaze az ked ju formular oznaci — nie hned pri nacitani */
:is(#lcd-home,[data-lcd-cast^=hp]) .kf-e{display:none;margin-top:6px;font-size:13px;font-style:normal;
  color:#c0392b;font-weight:600}
:is(#lcd-home,[data-lcd-cast^=hp]) .kont-f.overene .kf input:invalid ~ .kf-e,
:is(#lcd-home,[data-lcd-cast^=hp]) .kont-f.overene .kf textarea:invalid ~ .kf-e{display:block}
:is(#lcd-home,[data-lcd-cast^=hp]) .kont-f.overene .kf input:invalid,
:is(#lcd-home,[data-lcd-cast^=hp]) .kont-f.overene .kf textarea:invalid{border-color:#c0392b}
/* pasca na roboty — clovek ju nevidi, robot ju vyplni a sprava sa zahodi */
:is(#lcd-home,[data-lcd-cast^=hp]) .kf-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* ---- nepovinne udaje o aute ---- */
:is(#lcd-home,[data-lcd-cast^=hp]) .kf-auto{grid-column:1/-1}
:is(#lcd-home,[data-lcd-cast^=hp]) .kf-auto-h{margin:4px 0 10px;font-family:var(--body);font-weight:700;
  font-size:14px;color:var(--ink)}
:is(#lcd-home,[data-lcd-cast^=hp]) .kf-auto-h span{font-weight:400;color:var(--mute);margin-left:6px}
:is(#lcd-home,[data-lcd-cast^=hp]) .kf-auto-g{display:grid;grid-template-columns:repeat(4,1fr);
  gap:clamp(12px,1.6vw,18px)}
@media(max-width:620px){:is(#lcd-home,[data-lcd-cast^=hp]) .kf-auto-g{grid-template-columns:1fr 1fr}}

/* ---- odoslanie ---- */
:is(#lcd-home,[data-lcd-cast^=hp]) .kf-akcia{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;
  gap:clamp(12px,1.8vw,22px);margin-top:4px}
:is(#lcd-home,[data-lcd-cast^=hp]) .kf-akcia .btn{flex:none;height:56px;padding:0 32px;border:0;border-radius:10px;
  background:#1f8a4c;color:#fff;box-shadow:none;text-shadow:none}
:is(#lcd-home,[data-lcd-cast^=hp]) .kf-akcia .btn:hover{background:#17743f}
:is(#lcd-home,[data-lcd-cast^=hp]) .kf-pod{margin:0;flex:1 1 240px;font-size:13px;line-height:1.6;
  color:var(--mute)}
:is(#lcd-home,[data-lcd-cast^=hp]) .kf-pod a{color:#7c5f16}
:is(#lcd-home,[data-lcd-cast^=hp]) .kf-stav{grid-column:1/-1;margin:0;padding:14px 16px;border-radius:10px;
  font-size:14.5px;line-height:1.5;background:#eaf6ef;
  border:1px solid #bfe3cd;color:#1f7d4f;font-weight:600}
:is(#lcd-home,[data-lcd-cast^=hp]) .kf-stav.zle{background:#fdf1ef;border-color:#f0c4bd;color:#a9342a}

/* --- opravy 2026-10-06: notebooky (nizke a uzke PC obrazovky), Michal --- */
/* Notebook 1536x695 (Windows 125 %): Pred a po mal malu fotku a fajky cez texty legendy,
   v Materiali legenda vytekala cez stitky a CTA, v 09 Co ocakavat text krokov cez stitky
   a filmovy pas, tlacidlo v kamionoch bolo cierne a nevyrazne. Mobil a tablet (<=900 px)
   bez zmeny okrem farby zlateho tlacidla v kamionoch. */

/* (1) 04 PRED A PO na PC: legenda na celu sirku pinu (nie len na sirku fotky), fotka v strede nad nou;
   legbox = skutocna vyska legendy (body bez popisu 70 px, s popisom 104 px), inak legenda vytecie na tlacidlo */
@media(min-width:901px){
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-pp:not(.lx-bez-lepu) .lx-pp-main{--lx-legbox:70px;--lx-gapmin:18px}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-pp:not(.lx-bez-lepu) .lx-pp-stage{width:100%}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-pp:not(.lx-bez-lepu) .lx-pp-plocha{width:var(--lx-w);align-self:center}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-pp:not(.lx-bez-lepu) .lx-leg-t span{display:none}
}
/* uzky PC: bez vzorky, nech sa nadpis bodu nelame po jednom slove */
@media(min-width:901px) and (max-width:1023px){:is(#lcd-home,[data-lcd-cast^=hp]) .lx-pp:not(.lx-bez-lepu) .lx-leg-sw{display:none}}
/* siroky PC s vyskou nad 820 px: aj popis bodu */
@media(min-width:1112px) and (min-height:821px){
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-pp:not(.lx-bez-lepu) .lx-pp-main{--lx-legbox:104px}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-pp:not(.lx-bez-lepu) .lx-leg-t span{display:block}
}
/* nizsia obrazovka PC: bez uvodneho textu a stitkov, miesto dostane fotka */
@media(min-width:901px) and (max-height:900px){
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-pp:not(.lx-bez-lepu) .lx-p,:is(#lcd-home,[data-lcd-cast^=hp]) .lx-pp:not(.lx-bez-lepu) .lx-chips{display:none}
}
/* nizky siroky notebook: legenda ako stlpec vedla fotky (ako vrstvy pri materiali);
   stlpec 220-270 px, ak fotke zvysi sirka (narazi na vysku), dostane ju legenda (max 300 px) */
@media(min-width:901px) and (max-height:740px) and (min-aspect-ratio:3/2){
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-pp:not(.lx-bez-lepu) .lx-pp-main{--lx-gapmin:24px;
    --lx-legw:clamp(clamp(220px,18vw,270px),calc(100cqw - 100cqh * var(--lx-pomer) - var(--lx-gapmin)),300px);
    --lx-w:min(calc(100cqw - var(--lx-legw) - var(--lx-gapmin)),calc(100cqh * var(--lx-pomer)))}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-pp:not(.lx-bez-lepu) .lx-pp-stage{height:100%;flex-direction:row;align-items:center;justify-content:center}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-pp:not(.lx-bez-lepu) .lx-leg{flex:none;display:flex;flex-direction:column;gap:8px;
    width:var(--lx-legw);min-height:calc(var(--lx-w) / var(--lx-pomer))}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-pp:not(.lx-bez-lepu) .lx-leg-r{flex:1 1 0;padding:8px 12px}
  :is(#lcd-home,[data-lcd-cast^=hp]) .lx-pp:not(.lx-bez-lepu) .lx-leg-sw{display:block}
}
/* velmi nizke okno (do 540 px): bez vzorky, nech sa 4 body zmestia na vysku fotky */
@media(min-width:901px) and (max-height:540px) and (min-aspect-ratio:3/2){:is(#lcd-home,[data-lcd-cast^=hp]) .lx-pp:not(.lx-bez-lepu) .lx-leg-sw{display:none}}

/* (2) 10 MATERIAL na PC: legenda sa vzdy zmesti medzi hlavicku a paticku.
   .pinmain mal riadok gridu vysoky ako obsah (legenda 371 px, s otvorenou vrstvou az 500 px) v slote 344 px
   a align-content:center ho centroval -> legenda vytiekla hore cez stitky a dole cez CTA. Riadok = presne
   volne miesto, stlpce ho nepresiahnu; posuvanie vnutri legendy je len poistka pre extremne male okna.
   Na nizkej vyske hustejsie riadky, mensie vzorky, sirsi popis. */
@media(min-width:901px){
  :is(#lcd-home,[data-lcd-cast^=hp]) .stage .pin .pinmain{grid-template-rows:minmax(0,1fr)}
  :is(#lcd-home,[data-lcd-cast^=hp]) #matWrap,:is(#lcd-home,[data-lcd-cast^=hp]) #legend{max-height:100%}
  :is(#lcd-home,[data-lcd-cast^=hp]) #legend{overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(155,122,36,.45) transparent;
    justify-content:safe center}
  :is(#lcd-home,[data-lcd-cast^=hp]) .leg-d p{text-wrap:pretty}
  :is(#lcd-home,[data-lcd-cast^=hp]) .leg-h:focus-visible{outline-offset:-2px}
}
/* uzsie PC: popisok (Povrch, Komfort...) by zalomil nazov vrstvy na dva riadky */
@media(min-width:901px) and (max-width:1199px){
  :is(#lcd-home,[data-lcd-cast^=hp]) .leg .i{display:none}
  :is(#lcd-home,[data-lcd-cast^=hp]) .leg-x{margin-left:auto}
}
/* nizka obrazovka: pri 950 px a vyssie ostava vsetko ako doteraz (vzorce pri 950 px daju presne 2vh a 42 px) */
@media(min-width:901px) and (max-height:949px){
  :is(#lcd-home,[data-lcd-cast^=hp]) #legend{--sw:clamp(28px,calc(4.4vh + .2px),42px)}
  :is(#lcd-home,[data-lcd-cast^=hp]) .leg-h{padding-top:clamp(5px,calc(4.4vh - 22.8px),26px)!important;padding-bottom:clamp(5px,calc(4.4vh - 22.8px),26px)!important}
  :is(#lcd-home,[data-lcd-cast^=hp]) .leg .sw{width:var(--sw);height:var(--sw)}
  /* popis na celu sirku legendy (56ch ho lamal na 5-6 riadkov), zaciatok pod koncom vzorky */
  :is(#lcd-home,[data-lcd-cast^=hp]) .leg-d p{max-width:none;padding:0 14px clamp(8px,1.6vh,16px) calc(var(--sw) + 37px)}
}
/* stitky opakuju uvodnu vetu - na nizkej vyske ustupia (rovnako ako v Pred a po) */
@media(min-width:901px) and (max-height:820px){
  :is(#lcd-home,[data-lcd-cast^=hp]) .stage .pintop{display:none}
  :is(#lcd-home,[data-lcd-cast^=hp]) .stage .pin .pinmain{margin-top:clamp(6px,1.6vh,14px)}
}
@media(min-width:901px) and (max-height:720px){
  :is(#lcd-home,[data-lcd-cast^=hp]) .leg-d p{font-size:13.5px;line-height:1.5}
}
/* ozdobny popisok pod materialom by na 600-680 px zasahoval do rozlozenych vrstiev */
@media(min-width:901px) and (max-height:680px){
  :is(#lcd-home,[data-lcd-cast^=hp]) #legend{gap:2px}
  :is(#lcd-home,[data-lcd-cast^=hp]) .matline{display:none}
}
/* pod 600 px vysky (mimo bezne notebooky) ustupi aj uvodna veta - ako na mobile a tablete */
@media(min-width:901px) and (max-height:599px){
  :is(#lcd-home,[data-lcd-cast^=hp]) .stage .pinhead .lede{display:none}
}

/* (3) KAMIONY - tlacidlo Pozriet cenu pre kamion/dodavku v karte .tcard je zlate ako hlavne tlacidla webu
   (zelene Zvolit model vedla ostava). HTML ma inline style (color:#fff; border-color),
   preto farba textu a ramceka ide cez !important; plati na PC aj mobile (meni sa len farba). */
:is(#lcd-home,[data-lcd-cast^=hp]) .truck .tcard .btn.ghost{background:linear-gradient(100deg,var(--gold-lo),var(--gold-hi) 48%,var(--gold));
  color:#17130a !important;border-color:transparent !important;
  -webkit-backdrop-filter:none;backdrop-filter:none;
  box-shadow:0 10px 30px rgba(140,105,25,.35),inset 0 1px 0 rgba(255,255,255,.4);
  justify-content:center;text-align:center}
:is(#lcd-home,[data-lcd-cast^=hp]) .truck .tcard .btn.ghost:before{background:linear-gradient(100deg,transparent,rgba(255,255,255,.34),transparent)}
:is(#lcd-home,[data-lcd-cast^=hp]) .truck .tcard .btn.ghost:hover{background:linear-gradient(100deg,var(--gold-lo),var(--gold-hi) 48%,var(--gold));
  color:#17130a !important;border-color:transparent !important;transform:translateY(-2px);
  box-shadow:0 16px 40px rgba(140,105,25,.45),inset 0 1px 0 rgba(255,255,255,.4)}

/* (4) 09 CO OCAKAVAT na PC: texty krokov boli position:absolute a centrovane v .s2-texts (vyska len 230 px),
   dlhsi text (~300 px) vytekal hore cez stitky (.pintop) a dole cez filmovy pas.
   Teraz su vsetkych 5 textov v jednej bunke gridu -> bunka ma vysku najdlhsieho, prelinanie ostava. */
@media(min-width:901px){
  :is(#lcd-home,[data-lcd-cast^=hp]) .s2-texts{display:grid}
  :is(#lcd-home,[data-lcd-cast^=hp]) .s2-t{position:relative;inset:auto;grid-area:1/1}
  :is(#lcd-home,[data-lcd-cast^=hp]) .s2-t p{text-wrap:pretty}
}
/* nizke okno (notebook s mierkou 125 %): fotka sa zmesti medzi stitky a spodnu listu, text krokov je kompaktnejsi */
@media(min-width:901px) and (max-height:820px){
  :is(#lcd-home,[data-lcd-cast^=hp]) .s2-media{max-height:min(56svh,calc(100svh - 300px))}
  :is(#lcd-home,[data-lcd-cast^=hp]) .s2-col{gap:clamp(12px,2vh,22px)}
  :is(#lcd-home,[data-lcd-cast^=hp]) .s2-t h3{margin:10px 0 12px;font-size:clamp(21px,min(2.6vw,4.4svh),34px)}
  :is(#lcd-home,[data-lcd-cast^=hp]) .s2-t p{font-size:clamp(15px,min(1.4vw,2.5svh),17px);line-height:1.58;max-width:52ch}
}
/* velmi nizke okno: bez filmoveho pasu (kroky sa preklikavaju cislami 01-05 vedla textu) */
@media(min-width:901px) and (max-height:660px){
  :is(#lcd-home,[data-lcd-cast^=hp]) .s2-thumbs{display:none}
}

/* (5) KAMIONY + VZORKY na PC: Bootstrap clearfix .row:before je vo flexe polozka a gap:14px
   odsunul tlacidlo o 14 px doprava od nadpisu a textu */
@media(min-width:901px){
  :is(#lcd-home,[data-lcd-cast^=hp]) .truck .row:before,:is(#lcd-home,[data-lcd-cast^=hp]) .truck .row:after,
  :is(#lcd-home,[data-lcd-cast^=hp]) .vz .row:before,:is(#lcd-home,[data-lcd-cast^=hp]) .vz .row:after{content:none}
}
/* ===== LCD-HOME END ===== */

/* ===== LCD-RZ START - generovane tools/vloz-lcd-css.py z _lcdRz.scss (rozcestnik; h1 -> + .lcd-h1), needituj rucne ===== */
#lcd-rz {
  --ink:#14110c; --ground:#eceae5; --paper:#fff; --line:#d9d4c6;
  --gold:#c49b31; --gold-hi:#e6c877; --gold-lo:#8f7020;
  --mute:#6e6752; --deep:#181510;
  --sand:#f6f4ef; --sand2:#e4e0d4;
  --disp:"Exo 2","Segoe UI",Arial,sans-serif;
  --body:"Source Sans 3","Segoe UI",Arial,sans-serif;
  --mono:"Exo 2","Segoe UI",Arial,sans-serif;
  --pad:clamp(18px,5vw,80px);
  --ico-tel:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 01-2.2 2 19.8 19.8 0 01-8.6-3.1 19.5 19.5 0 01-6-6A19.8 19.8 0 012.1 4.2 2 2 0 014.1 2h3a2 2 0 012 1.7c.1 1 .3 1.9.6 2.8a2 2 0 01-.5 2.1L8.1 9.9a16 16 0 006 6l1.3-1.1a2 2 0 012.1-.5c.9.3 1.8.5 2.8.6a2 2 0 011.7 2z'/%3E%3C/svg%3E");
  --ico-star:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2l2.9 6.3 6.9.8-5.1 4.7 1.4 6.8L12 17.3 5.9 20.6l1.4-6.8L2.2 9.1l6.9-.8z"/></svg>');
}
#lcd-rz * {box-sizing:border-box
}

#lcd-rz {margin:0;background:var(--ground);color:var(--ink);font-family:var(--body);
  font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden
}
#lcd-rz img {display:block;max-width:100%
}
#lcd-rz a {color:inherit;text-decoration:none
}
#lcd-rz :focus-visible {outline:2px solid var(--gold);outline-offset:3px
}
/* ---------- typografia ---------- */
#lcd-rz .eyebrow {font-family:var(--mono);font-size:12.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#7c5f16
}
#lcd-rz h1, #lcd-rz .lcd-h1, #lcd-rz h2, #lcd-rz h3 {font-family:var(--disp);text-transform:uppercase;text-wrap:balance;margin:0;line-height:1.14;letter-spacing:.01em
}
#lcd-rz h1, #lcd-rz .lcd-h1 {font-size:clamp(28px,4.4vw,58px);font-weight:700
}
#lcd-rz h2 {font-size:clamp(24px,3.4vw,44px);font-weight:700
}
#lcd-rz h3 {font-size:clamp(16px,1.6vw,21px);font-weight:700;letter-spacing:.02em
}
#lcd-rz p {margin:0
}
#lcd-rz .lede {max-width:62ch;color:var(--mute);font-size:clamp(15px,1.35vw,18px)
}
/* ---------- kapitola ---------- */
#lcd-rz .chapter {padding:clamp(56px,9vw,130px) var(--pad);position:relative
}
#lcd-rz .rule {display:flex;align-items:baseline;gap:16px;margin-bottom:clamp(16px,2.2vw,30px)
}
#lcd-rz .rule:after {content:"";flex:1;height:1px;background:var(--line)
}
#lcd-rz .rule .n {font-family:var(--disp);font-size:clamp(15px,1.75vw,21px);font-weight:800;
  letter-spacing:.1em;text-transform:uppercase;color:#7c5f16;white-space:nowrap
}
/* dlhy nadpis na uzkom displeji radsej zalomi, nez by pretiekol von zo stranky */
@media(max-width:640px) {
  #lcd-rz .rule .n {white-space:normal;min-width:0
  }
}
#lcd-rz .wrap {max-width:1240px;margin:0 auto
}
/* poistka proti vodorovnemu posuvaniu stranky na telefone —
   clip (nie hidden) preto, aby dalej fungovali sticky sekcie */
#lcd-rz {max-width:100%;overflow-x:clip
}
#lcd-rz main {overflow-x:clip
}
/* ---------- BRAND HLAVICKA ---------- */
#lcd-rz .skip {position:absolute;left:-9999px;top:0;background:var(--gold);color:#17130a;padding:10px 16px;z-index:999
}
#lcd-rz .skip:focus {left:12px;top:12px
}
#lcd-rz .hdr {position:sticky;top:0;z-index:60;background:#0d0d0d;
  box-shadow:0 2px 20px rgba(0,0,0,.4)
}
#lcd-rz .hdr .in {max-width:1240px;margin:0 auto;padding:0 clamp(14px,3vw,30px);height:74px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative
}
/* logo v plakete, ktora previsa pod pas a vystupuje do priestoru */
#lcd-rz .hdr .logo {position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:2;
  display:flex;align-items:flex-start;justify-content:center;
  background:linear-gradient(180deg,#191919 0%,#0d0d0d 46%,#050505 100%);
  padding:8px 30px 16px;border-radius:0 0 14px 14px;
  border:1px solid rgba(230,200,119,.2);border-top:0;
  box-shadow:0 18px 38px rgba(0,0,0,.72),0 3px 10px rgba(0,0,0,.5),
    inset 0 -1px 0 rgba(230,200,119,.34),inset 1px 0 0 rgba(255,255,255,.05),
    inset -1px 0 0 rgba(255,255,255,.05);
  transition:padding-bottom .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s
}
#lcd-rz .hdr .logo:after {content:"";position:absolute;left:14%;right:14%;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold-hi),transparent);opacity:.85
}
#lcd-rz .hdr .logo img {height:70px;width:auto;display:block;
  filter:drop-shadow(0 3px 10px rgba(196,155,49,.4)) drop-shadow(0 1px 2px rgba(0,0,0,.7));
  transition:transform .3s cubic-bezier(.2,.7,.2,1)
}
#lcd-rz .hdr .logo:hover {padding-bottom:21px;box-shadow:0 24px 48px rgba(0,0,0,.8),
    inset 0 -1px 0 rgba(230,200,119,.5)
}
#lcd-rz .hdr .logo:hover img {transform:scale(1.03)
}
@media(max-width:520px) {
  #lcd-rz .hdr .in {height:62px
  }
  #lcd-rz .hdr .logo {padding:6px 18px 12px;border-radius:0 0 11px 11px
  }
  #lcd-rz .hdr .logo img {height:52px
  }
}
#lcd-rz .hdr .side {display:flex;align-items:center;gap:clamp(10px,1.6vw,18px);flex:none;margin-left:auto
}
#lcd-rz .hdr .kont {font-family:var(--disp);font-weight:800;font-size:13px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--gold-hi);white-space:nowrap;
  transition:color .22s
}
#lcd-rz .hdr .kont:hover {color:#fff
}
#lcd-rz .hdr .cart {display:flex;align-items:center;justify-content:center;width:34px;height:34px;
  color:var(--gold-hi);transition:color .22s,transform .22s
}
#lcd-rz .hdr .cart svg {width:24px;height:24px
}
#lcd-rz .hdr .cart:hover {color:#fff;transform:translateY(-1px)
}
#lcd-rz .hdr .lang {display:flex;align-items:center;border:0;background:none;padding:0;cursor:pointer;
  margin-left:clamp(12px,2.6vw,20px)
}
#lcd-rz .hdr .lang svg {width:26px;height:19px;border-radius:2px;display:block;
  box-shadow:0 1px 4px rgba(0,0,0,.5);transition:transform .22s
}
#lcd-rz .hdr .lang:hover svg {transform:scale(1.08)
}
@media(max-width:430px) {
  #lcd-rz .hdr .kont {font-size:0;letter-spacing:0
  }
  #lcd-rz .hdr .kont:before {content:"";display:block;width:22px;height:22px;background:currentColor;
    -webkit-mask:var(--ico-tel) center/contain no-repeat;mask:var(--ico-tel) center/contain no-repeat
  }
}
#lcd-rz .burg {display:flex;width:40px;height:34px;border:0;background:none;border-radius:0;
  align-items:center;justify-content:center;flex-direction:column;gap:6px;cursor:pointer;padding:0;flex:none
}
#lcd-rz .burg i {display:block;width:30px;height:3px;border-radius:2px;background:var(--gold-hi);
  transition:transform .25s,opacity .2s,background .2s
}
#lcd-rz .burg:hover i {background:#fff
}
/* hamburger otvara mega menu — stav drzi aria-expanded */
#lcd-rz .burg[aria-expanded="true"] i:nth-child(1) {transform:translateY(9px) rotate(45deg)
}
#lcd-rz .burg[aria-expanded="true"] i:nth-child(2) {opacity:0
}
#lcd-rz .burg[aria-expanded="true"] i:nth-child(3) {transform:translateY(-9px) rotate(-45deg)
}
/* ---------- BRAND PATICKA ---------- */
#lcd-rz .ft {background:var(--ink);color:#ded7c6;padding:clamp(44px,6vw,80px) var(--pad) 30px
}
#lcd-rz .ft .in {max-width:1240px;margin:0 auto;display:grid;gap:clamp(22px,3vw,44px);
  grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr) minmax(0,.8fr)
}
/* znacka je hlavicka paticky — cela sirka, na stred */
#lcd-rz .ft .brand {grid-column:1/-1;text-align:center;
  padding-bottom:clamp(24px,3vw,36px);margin-bottom:clamp(4px,1vw,10px);
  border-bottom:1px solid rgba(230,200,119,.16)
}
@media(max-width:860px) {
  #lcd-rz .ft .in {grid-template-columns:1fr 1fr
  }
  #lcd-rz .ft .in>div:nth-child(4) {grid-column:1/-1
  }
}
@media(max-width:620px) {
  #lcd-rz .ft .in {grid-template-columns:1fr;text-align:left;gap:0
  }
  #lcd-rz .ft .brand {text-align:center;margin-bottom:26px
  }
  #lcd-rz .ft .brand p {margin-left:auto;margin-right:auto
  }
  #lcd-rz .ft .in>div:not(.brand) {padding:22px 0;border-top:1px solid rgba(230,200,119,.14)
  }
  #lcd-rz .ft ul {align-items:flex-start
  }
  #lcd-rz .ft .soc {justify-content:flex-start
  }
}
#lcd-rz .ft h4 {font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-hi);margin:0 0 14px
}
#lcd-rz .ft h5 {font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;
  color:#8a8271;margin:20px 0 10px;padding-top:14px;border-top:1px solid rgba(230,200,119,.16)
}
#lcd-rz .ft h5:first-of-type {margin-top:0;padding-top:0;border-top:0
}
#lcd-rz .ft ul {list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px
}
#lcd-rz .ft a {font-size:14px;color:#c4bca9
}
#lcd-rz .ft a:hover {color:#fff
}
/* logo nad textom, na jeho stred a vyrazne */
#lcd-rz .ft .brand {text-align:center
}
#lcd-rz .ft .brand img {height:104px;width:auto;margin:0 auto 18px;display:block;
  filter:saturate(1.2) brightness(1.1) drop-shadow(0 6px 20px rgba(140,105,25,.45))
}
#lcd-rz .ft .brand p {font-size:13.5px;color:#a49b87;max-width:36ch;line-height:1.6;margin:0 auto
}
#lcd-rz .ft ul.infolist {display:block;columns:2;column-gap:30px
}
@media(max-width:860px) {
  #lcd-rz .ft ul.infolist {columns:1
  }
}
@media(max-width:1040px) {
  #lcd-rz .ft .infolist {columns:2
  }
}
@media(max-width:620px) {
  #lcd-rz .ft ul.infolist {columns:1
  }
}
#lcd-rz .ft .infolist li {break-inside:avoid;margin-bottom:9px
}
#lcd-rz .ft .soc {display:flex;gap:10px;margin-top:16px
}
#lcd-rz .ft .soc a {width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(230,200,119,.28);color:var(--gold-hi);
  transition:background .22s,color .22s,transform .22s,border-color .22s
}
#lcd-rz .ft .soc a:hover {background:var(--gold-hi);color:#17130a;border-color:var(--gold-hi);transform:translateY(-2px)
}
#lcd-rz .ft .soc svg {width:18px;height:18px
}
#lcd-rz .ft .ftvz {display:inline-flex;align-items:center;gap:9px;margin-top:16px;padding:10px 16px;
  border-radius:999px;border:1px solid rgba(230,200,119,.4);color:var(--gold-hi);
  font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  transition:background .22s,color .22s
}
#lcd-rz .ft .ftvz:hover {background:var(--gold-hi);color:#17130a
}
#lcd-rz .ft .ftvz:before {content:"";width:14px;height:14px;flex:none;border-radius:3px;
  background:linear-gradient(135deg,#c9a227,#2a0f16 50%,#0f1c33)
}
#lcd-rz .ft .bot {max-width:1240px;margin:clamp(28px,4vw,48px) auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);
  display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;
  font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8a8271
}
/* ---------- MEGA MENU (hamburger) — rovnake ako na zivom webe ---------- */
#lcd-rz .mega {position:fixed;top:82px;left:var(--pad);z-index:70;width:min(600px,calc(100vw - 24px));
  max-height:calc(100vh - 100px);overflow-y:auto;overscroll-behavior:contain;
  background:#eceae5;border:2px solid #c49b31;border-radius:14px;
  box-shadow:0 14px 40px rgba(0,0,0,.22);padding:0;display:none;
  scrollbar-width:thin;scrollbar-color:#c49b31 rgba(155,122,36,.16)
}
#lcd-rz .mega.open {display:block
}
#lcd-rz .mega::-webkit-scrollbar {width:12px
}
#lcd-rz .mega::-webkit-scrollbar-track {background:rgba(155,122,36,.14);border-radius:10px;margin:8px 4px 8px 0
}
#lcd-rz .mega::-webkit-scrollbar-thumb {background:linear-gradient(180deg,#e0c069,#c49b31 45%,#9b7a24);
  border-radius:10px;border:2px solid #eceae5;min-height:60px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)
}
#lcd-rz .mega .lc {position:relative;padding:22px 14px 28px;font-family:var(--body)
}
#lcd-rz .mega .lc * {box-sizing:border-box
}
#lcd-rz .lc-t {text-align:center;line-height:1.22
}
#lcd-rz .lc-t b {display:block;color:#171717;font-size:21px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase
}
#lcd-rz .lc-t span {display:block;color:#9b7a24;font-size:21px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase
}
#lcd-rz .lc-orn {display:flex;align-items:center;justify-content:center;gap:9px;margin:11px 0 4px
}
#lcd-rz .lc-orn:before, #lcd-rz .lc-orn:after {content:"";width:74px;height:1px;background:linear-gradient(90deg,transparent,#c49b31)
}
#lcd-rz .lc-orn:after {background:linear-gradient(90deg,#c49b31,transparent)
}
#lcd-rz .lc-orn i {width:6px;height:6px;background:#c49b31;transform:rotate(45deg)
}
#lcd-rz .lc-sek {display:flex;align-items:center;gap:11px;margin:22px 0 13px
}
#lcd-rz .lc-sek:before, #lcd-rz .lc-sek:after {content:"";flex:1;height:1px;background:rgba(155,122,36,.45)
}
#lcd-rz .lc-sek span {color:#9b7a24;font-size:12px;font-weight:800;letter-spacing:2.2px;text-transform:uppercase;white-space:nowrap
}
#lcd-rz .lc-hero {border:1.5px solid #c49b31;border-radius:14px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.28);background:#141210;margin-bottom:12px;display:block
}
#lcd-rz .lc-skl {display:grid;grid-template-columns:1fr 32px 1fr 32px 1fr;align-items:center;
  background:radial-gradient(120% 100% at 50% 0%,#241f16,#141210 72%);padding:14px 12px 12px
}
#lcd-rz .lc-dl {text-align:center
}
#lcd-rz .lc-dl img {width:100%;aspect-ratio:1/1;object-fit:cover;display:block;border-radius:9px;border:1.5px solid rgba(196,155,49,.75)
}
#lcd-rz .lc-dl .lc-lbl {color:#e6d3a3;font-size:8.5px;font-weight:700;letter-spacing:.9px;text-transform:uppercase;
  margin-top:8px;line-height:1.3;min-height:24px;display:flex;align-items:flex-start;justify-content:center;text-align:center
}
#lcd-rz .lc-plus {width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#e6c877,#b8901f);
  color:#1a1408;font-size:17px;font-weight:900;display:flex;align-items:center;justify-content:center;margin:0 auto 32px;box-shadow:0 3px 9px rgba(0,0,0,.5)
}
#lcd-rz .lc-spodok {background:#141210;padding:2px 14px 15px;text-align:center
}
#lcd-rz .lc-k {color:#fff;font-size:15.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;line-height:1.3
}
#lcd-rz .lc-s {color:#bda978;font-size:11.5px;margin:6px 0 12px;line-height:1.4
}
#lcd-rz .lc-btn {display:block;background:linear-gradient(90deg,#b8901f,#f0d78f 45%,#c49b31);color:#1a1408;
  font-size:12.5px;font-weight:900;letter-spacing:1.6px;padding:14px 0;border-radius:10px;text-transform:uppercase;
  text-align:center;box-shadow:0 5px 16px rgba(196,155,49,.38)
}
#lcd-rz .lc-typy {display:grid;grid-template-columns:1fr 1fr;gap:12px
}
#lcd-rz .lc-typ {background:#fff;border:1.5px solid rgba(196,155,49,.85);border-radius:14px;overflow:hidden;
  box-shadow:0 3px 12px rgba(0,0,0,.16);display:block
}
#lcd-rz .lc-typ img {width:100%;aspect-ratio:16/10;object-fit:cover;display:block
}
#lcd-rz .lc-typ .lc-in {padding:11px 9px 12px;text-align:center
}
#lcd-rz .lc-typ .lc-n {color:#141414;font-size:12.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;
  line-height:1.3;min-height:32px;display:flex;align-items:center;justify-content:center
}
#lcd-rz .lc-g3 {display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px
}
#lcd-rz .lc-card {background:#fff;border:1.5px solid rgba(196,155,49,.85);border-radius:14px;overflow:hidden;
  display:flex;flex-direction:column;box-shadow:0 3px 12px rgba(0,0,0,.16)
}
#lcd-rz .lc-card img {width:100%;aspect-ratio:4/3;object-fit:cover;display:block
}
#lcd-rz .lc-card .lc-b {padding:8px 6px 9px;text-align:center;display:flex;flex-direction:column;gap:5px;flex:1
}
#lcd-rz .lc-card .lc-nm {color:#141414;font-size:10px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;
  line-height:1.3;min-height:37px;display:flex;align-items:center;justify-content:center
}
#lcd-rz .lc-hr {height:1px;background:rgba(196,155,49,.35);width:78%;margin:0 auto
}
#lcd-rz .lc-vars {color:#8a7940;font-size:7.5px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;margin-top:auto
}
#lcd-rz .lc-truck {border:1.5px solid #c49b31;border-radius:14px;overflow:hidden;position:relative;box-shadow:0 6px 18px rgba(0,0,0,.28);display:block
}
#lcd-rz .lc-truck img {width:100%;aspect-ratio:16/9;object-fit:cover;display:block
}
#lcd-rz .lc-ov {position:absolute;left:0;right:0;bottom:0;padding:15px 14px 14px;text-align:center;
  background:linear-gradient(0deg,rgba(8,6,4,.96) 42%,rgba(8,6,4,.72) 72%,transparent)
}
#lcd-rz .lc-vz {margin:0;border-radius:16px;padding:2px;
  background:linear-gradient(135deg,#8a6d1f,#e6c877 28%,#8a6d1f 55%,#f0d78f 78%,#8a6d1f);box-shadow:0 8px 24px rgba(0,0,0,.3);display:block
}
#lcd-rz .lc-vzin {background:radial-gradient(130% 100% at 50% 0%,#2c2519,#141210 70%);border-radius:14px;
  padding:18px 15px 16px;text-align:center;position:relative;overflow:hidden
}
#lcd-rz .lc-vzin:before {content:"";position:absolute;top:-40px;left:50%;transform:translateX(-50%);
  width:230px;height:80px;background:radial-gradient(closest-side,rgba(230,200,119,.28),transparent)
}
#lcd-rz .lc-vzeb {position:relative;color:#9b7a24;font-size:9px;font-weight:700;letter-spacing:3.4px;text-transform:uppercase;margin-bottom:12px
}
#lcd-rz .lc-fan {position:relative;display:flex;justify-content:center;align-items:flex-end;height:66px;margin-bottom:13px
}
#lcd-rz .lc-fan i {position:absolute;width:52px;height:52px;border-radius:9px;display:block;border:2px solid #efe0b4;
  background-size:cover;background-position:center;box-shadow:0 5px 14px rgba(0,0,0,.6)
}
#lcd-rz .lc-fan i:nth-child(1) {transform:translateX(-96px) rotate(-14deg)
}
#lcd-rz .lc-fan i:nth-child(2) {transform:translateX(-48px) rotate(-7deg)
}
#lcd-rz .lc-fan i:nth-child(3) {transform:translateX(0) rotate(0);width:58px;height:58px;z-index:3;border-color:#fff
}
#lcd-rz .lc-fan i:nth-child(4) {transform:translateX(48px) rotate(7deg)
}
#lcd-rz .lc-fan i:nth-child(5) {transform:translateX(96px) rotate(14deg)
}
#lcd-rz .lc-vz h3 {position:relative;margin:0;color:#fff;font-size:18px;font-weight:800;letter-spacing:.5px;
  font-family:var(--body);text-transform:none
}
#lcd-rz .lc-vz p {position:relative;margin:6px 0 14px;color:#c3b285;font-size:12px;line-height:1.45
}
#lcd-rz .mega .m-x {display:none;position:fixed;top:10px;right:14px;width:38px;height:38px;border-radius:50%;
  background:#17150f;color:var(--gold);border:1px solid rgba(196,155,49,.6);align-items:center;justify-content:center;
  font-size:22px;line-height:1;cursor:pointer;z-index:75
}
#lcd-rz .mega-ovl {position:fixed;inset:0;z-index:65;background:rgba(20,17,12,.35);display:none
}
#lcd-rz .mega-ovl.open {display:block
}
@media(max-width:760px) {
  #lcd-rz .mega {top:0;left:0;right:0;bottom:0;width:auto;max-height:none;border:0;border-radius:0
  }
  #lcd-rz .mega .lc {padding:54px 20px 28px 14px
  }
  #lcd-rz .mega.open .m-x {display:flex
  }
}
/* ---------- HERO ---------- */
#lcd-rz .hero {position:relative;display:flex;align-items:flex-end;overflow:hidden;background:var(--deep);isolation:isolate;
  aspect-ratio:3920/1560;min-height:440px;max-height:78svh
}
#lcd-rz .hero .bg {position:absolute;inset:-6% 0 -6%;z-index:0;will-change:transform
}
#lcd-rz .hero .bg img {width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.05)
}
#lcd-rz .hero:after {content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(10,8,6,.42) 0%,rgba(10,8,6,.08) 36%,rgba(10,8,6,.82) 90%)
}
#lcd-rz .hero .in {position:relative;z-index:2;padding:0 var(--pad) clamp(40px,7vw,96px);width:100%;max-width:1240px;margin:0 auto
}
#lcd-rz .hero .eyebrow {color:var(--gold-hi)
}
#lcd-rz .hero h1, #lcd-rz .hero .lcd-h1 {color:#fff;margin:14px 0 0;max-width:16ch;
  text-shadow:0 2px 30px rgba(0,0,0,.5)
}
#lcd-rz .hero h1 em, #lcd-rz .hero .lcd-h1 em {font-style:normal;color:var(--gold-hi)
}
#lcd-rz .hero .sub {color:#ded5c0;margin-top:16px;max-width:46ch;font-size:clamp(14px,1.4vw,18px);letter-spacing:.04em;text-transform:uppercase;font-family:var(--mono)
}
#lcd-rz .hero .cta {display:inline-flex;margin-top:clamp(26px,3.4vw,38px)
}
#lcd-rz .btn {display:inline-flex;align-items:center;gap:12px;font-family:var(--disp);font-weight:800;
  text-transform:uppercase;letter-spacing:.09em;font-size:13px;padding:16px 30px;border-radius:12px;
  background:linear-gradient(100deg,var(--gold-lo),var(--gold-hi) 48%,var(--gold));color:#17130a;
  position:relative;overflow:hidden;
  box-shadow:0 10px 30px rgba(140,105,25,.35);transition:transform .25s,box-shadow .25s
}
#lcd-rz .btn:before {content:"";position:absolute;top:0;bottom:0;width:38%;left:-45%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.34),transparent);
  animation:lcdrz-sheen 3.6s ease-in-out 1.2s infinite
}
#lcd-rz .btn.ghost:before {background:linear-gradient(100deg,transparent,rgba(196,155,49,.26),transparent)
}
#lcd-rz .btn:hover {transform:translateY(-2px);box-shadow:0 16px 40px rgba(140,105,25,.45)
}
#lcd-rz .btn.ghost {background:none;color:var(--ink);border:1px solid var(--line);box-shadow:none
}
#lcd-rz .btn.ghost:hover {border-color:var(--gold)
}
/* ---------- KONFIGURATOR (dvíha sa cez hero) ---------- */
#lcd-rz .konf {position:relative;z-index:5;margin-top:-72px;padding:0 var(--pad)
}
#lcd-rz .konf .card {max-width:1240px;margin:0 auto;background:var(--paper);border:1px solid var(--line);
  border-top:3px solid var(--gold);border-radius:16px;padding:clamp(22px,3vw,38px);
  box-shadow:0 30px 70px rgba(20,15,5,.22);transform:perspective(1200px) rotateX(6deg);
  transform-origin:top center;opacity:0;transition:transform .9s cubic-bezier(.2,.7,.2,1),opacity .7s
}
#lcd-rz .konf .card.on {transform:perspective(1200px) rotateX(0);opacity:1
}
#lcd-rz .konf h2 {font-size:clamp(17px,2vw,26px);max-width:30ch;line-height:1.3
}
#lcd-rz .tabs {position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;margin:26px 0 26px;
  background:var(--ground);border:1px solid var(--line);border-radius:999px;padding:5px;isolation:isolate
}
#lcd-rz .tabs .pill {position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:999px;
  background:linear-gradient(100deg,var(--gold-lo),var(--gold-hi) 48%,var(--gold));
  box-shadow:0 4px 14px rgba(140,105,25,.3);transition:transform .38s cubic-bezier(.4,.9,.3,1);z-index:-1
}
#lcd-rz .tabs.two .pill {transform:translateX(100%)
}
#lcd-rz .tab {font-family:var(--disp);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  padding:13px 8px;color:var(--mute);cursor:pointer;background:none;border:0;border-radius:999px;
  transition:color .25s;display:flex;align-items:center;justify-content:center;gap:8px;line-height:1.2
}
#lcd-rz .tab.on {color:#17130a
}
#lcd-rz .tab svg {width:19px;height:19px;flex:none
}
#lcd-rz .fields {display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start
}
@media(max-width:1040px) {
  #lcd-rz .fields {display:grid;grid-template-columns:1fr 1fr
  }
  #lcd-rz .fields .field {flex-basis:auto
  }
  #lcd-rz .fields .field.go {grid-column:1/-1
  }
}
@media(max-width:520px) {
  #lcd-rz .fields {grid-template-columns:1fr
  }
}
#lcd-rz .field {flex:0 0 calc((100% - 32px)/3);min-width:0
}
#lcd-rz .field.hide {display:none
}
#lcd-rz .field.pop {animation:lcdrz-fieldIn .38s cubic-bezier(.2,.7,.2,1) both
}
@keyframes lcdrz-fieldIn {from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}
}
#lcd-rz .field:not(.go) .fake {cursor:pointer
}
#lcd-rz .field:not(.go) .fake:hover {border-color:var(--gold);background:#fff
}
#lcd-rz .field.done .fake {border-color:var(--gold);background:#fff;color:var(--ink);font-weight:600
}
#lcd-rz .field.done label:after {content:"✓";margin-left:7px;color:#2f9c68;font-weight:800;letter-spacing:0
}
#lcd-rz .field .ferr {display:none;margin-top:6px;font-size:12px;line-height:1.3;color:#c0392b;
  align-items:center;gap:5px
}
#lcd-rz .field .ferr:before {content:"!";flex:none;width:14px;height:14px;border-radius:50%;
  background:#c0392b;color:#fff;font-size:10px;font-weight:800;
  display:flex;align-items:center;justify-content:center
}
#lcd-rz .field.err .fake {border-color:#c0392b;background:#fdf4f3;color:#a9342a
}
#lcd-rz .field.err .fake:after {border-color:#c0392b
}
#lcd-rz .field.err .ferr {display:flex
}
#lcd-rz .field.err {animation:lcdrz-fieldShake .34s cubic-bezier(.36,.07,.19,.97) both
}
@keyframes lcdrz-fieldShake {10%,90%{transform:translateX(-2px)}30%,70%{transform:translateX(3px)}
  50%{transform:translateX(-3px)}100%{transform:none}
}
#lcd-rz .field label {display:block;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-bottom:7px
}
#lcd-rz .field .fake {border:1px solid var(--line);background:var(--ground);height:46px;border-radius:12px;
  display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:14px;color:var(--mute)
}
#lcd-rz .field .fake:after {content:"";width:7px;height:7px;border-right:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);transform:rotate(45deg) translateY(-2px)
}
#lcd-rz .field.go {flex:1 1 240px;align-self:flex-end
}
@media(max-width:520px) {
  #lcd-rz .field.go {flex-basis:100%;margin-top:4px
  }
}
#lcd-rz .konf-lede {margin:10px 0 0;font-size:clamp(14px,1.25vw,16.5px);color:var(--mute);max-width:52ch
}
#lcd-rz .konf-note {margin-top:16px;font-size:13.5px;color:var(--mute);text-align:center
}
#lcd-rz .btn.go {width:100%;justify-content:center;height:56px;padding:0;font-size:14px;letter-spacing:.12em;
  color:#fff!important;position:relative;overflow:hidden;
  background:linear-gradient(100deg,#1d6b4a,#2f9c68 42%,#1f7350);
  box-shadow:0 10px 26px rgba(31,115,80,.34),inset 0 1px 0 rgba(255,255,255,.22)
}
#lcd-rz .btn.go:hover {box-shadow:0 16px 36px rgba(31,115,80,.44),inset 0 1px 0 rgba(255,255,255,.26)
}
#lcd-rz .btn.go:before {content:"";position:absolute;top:0;bottom:0;width:38%;left:-45%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);
  animation:lcdrz-sheen 3.6s ease-in-out 1.2s infinite
}
@keyframes lcdrz-sheen {0%{left:-45%}55%{left:120%}100%{left:120%}
}
@media(prefers-reduced-motion:reduce) {
  #lcd-rz .btn:before, #lcd-rz .pc .tag:after {animation:none;display:none
  }
}
/* ---------- CISLA ---------- */
#lcd-rz .trustbar {padding-top:clamp(26px,3.4vw,44px);padding-bottom:clamp(26px,3.4vw,44px)
}
#lcd-rz .trustbar .stat {padding:clamp(18px,2.2vw,26px)
}
#lcd-rz .trustbar .stat .num {font-size:clamp(30px,3.6vw,44px)
}
#lcd-rz .trustbar .stat h3 {margin:6px 0 6px;font-size:14px
}
#lcd-rz .trustbar .stat p {font-size:12.5px;line-height:1.45
}
#lcd-rz .stats {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden
}
/* 3 dlazdice: bud vsetky vedla seba, alebo vsetky pod sebou — nikdy 2+1 s dierou */
@media(max-width:900px) {
  #lcd-rz .stats {grid-template-columns:1fr
  }
}
#lcd-rz .stat {background:var(--ground);padding:clamp(24px,3vw,40px)
}
#lcd-rz .stat .num {font-family:var(--disp);font-weight:800;font-size:clamp(40px,5.4vw,68px);line-height:1;
  color:var(--gold-lo);font-variant-numeric:tabular-nums
}
#lcd-rz .stat h3 {margin:10px 0 10px
}
#lcd-rz .stat p {font-size:13.5px;color:var(--mute);line-height:1.5
}
/* ---------- karty produktov 3D ---------- */
#lcd-rz .deckwrap {position:relative
}
#lcd-rz .deck {display:flex;gap:clamp(12px,1.6vw,22px);overflow-x:auto;scroll-snap-type:x mandatory;
  padding:8px 2px 16px;scrollbar-width:none;-webkit-overflow-scrolling:touch;perspective:1400px
}
#lcd-rz .deck::-webkit-scrollbar {display:none
}
#lcd-rz .deck>.pc {scroll-snap-align:start;flex:0 0 clamp(228px,23.5%,292px)
}
@media(max-width:560px) {
  #lcd-rz .deck>.pc {flex:0 0 78%
  }
}
#lcd-rz .pc {background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden;
  transform:rotateX(9deg) translateY(34px);opacity:0;
  transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .6s,box-shadow .3s;transform-origin:bottom center;
  box-shadow:0 6px 20px rgba(20,15,5,.09)
}
#lcd-rz .pc.on {transform:none;opacity:1
}
#lcd-rz .pc:hover {box-shadow:0 22px 50px rgba(20,15,5,.2)
}
#lcd-rz .pc .ph {aspect-ratio:1.212/1;overflow:hidden;position:relative;background:var(--deep)
}
#lcd-rz .pc .ph img {width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)
}
#lcd-rz .pc:hover .ph img {transform:scale(1.06)
}
#lcd-rz .pc .tag {position:absolute;top:12px;left:12px;z-index:2;display:inline-flex;align-items:center;gap:6px;
  font-family:var(--disp);font-weight:800;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;
  padding:7px 13px 7px 11px;border-radius:999px;color:#17130a;overflow:hidden;
  background:linear-gradient(100deg,var(--gold-lo),var(--gold-hi) 46%,var(--gold));
  border:1px solid rgba(255,255,255,.45);
  box-shadow:0 8px 22px rgba(140,105,25,.42),inset 0 1px 0 rgba(255,255,255,.5)
}
#lcd-rz .pc .tag:before {content:"";width:13px;height:13px;flex:none;background:currentColor;
  -webkit-mask:var(--ico-star) center/contain no-repeat;mask:var(--ico-star) center/contain no-repeat
}
#lcd-rz .pc .tag:after {content:"";position:absolute;top:0;bottom:0;width:40%;left:-50%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);
  animation:lcdrz-sheen 4.2s ease-in-out 1.6s infinite
}
#lcd-rz .pc .tag.alt {background:linear-gradient(100deg,#2b2519,#4a4130 46%,#2f2819);color:#f0e4c2;
  border-color:rgba(230,200,119,.4);box-shadow:0 8px 22px rgba(20,15,5,.34)
}
#lcd-rz .pc .cap {padding:16px 16px 18px;border-top:1px solid var(--line)
}
#lcd-rz .pc .cap .k {font-family:var(--disp);font-weight:800;text-transform:uppercase;font-size:14px;letter-spacing:.03em
}
#lcd-rz .pc .cap .v {font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;color:var(--mute);margin-top:7px;text-transform:uppercase
}
/* ---------- KAMIONY ---------- */
#lcd-rz .truck {position:relative;overflow:hidden;background:var(--deep);color:#fff;isolation:isolate
}
#lcd-rz .truck .bg {position:absolute;inset:-10% 0;z-index:0;will-change:transform
}
#lcd-rz .truck .bg img {width:100%;height:100%;object-fit:cover;opacity:.20;filter:blur(4px)
}
#lcd-rz .truck:after {content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(8,6,4,.55),rgba(8,6,4,.82))
}
#lcd-rz .truck .in {position:relative;z-index:2;max-width:1240px;margin:0 auto;
  padding:clamp(52px,8vw,120px) var(--pad);display:grid;gap:clamp(22px,3.4vw,50px);
  grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);
  grid-template-rows:auto auto;align-items:start
}
#lcd-rz .tcopy {grid-column:1;grid-row:1/3;align-self:center
}
#lcd-rz .tphoto {grid-column:2;grid-row:1;border-radius:18px;overflow:hidden;
  border:1px solid rgba(230,200,119,.25);box-shadow:0 26px 64px rgba(0,0,0,.55)
}
#lcd-rz .tphoto img {width:100%;aspect-ratio:16/10;object-fit:cover;display:block
}
#lcd-rz .truck .tcard {grid-column:2;grid-row:2
}
@media(max-width:900px) {
  #lcd-rz .truck .in {grid-template-columns:1fr;grid-template-rows:auto
  }
  #lcd-rz .tcopy, #lcd-rz .tphoto, #lcd-rz .truck .tcard {grid-column:1;grid-row:auto
  }
  #lcd-rz .tphoto {order:-1
  }
}
#lcd-rz .truck h2 {color:#fff;max-width:15ch
}
#lcd-rz .truck h2 em {font-style:normal;color:var(--gold-hi)
}
#lcd-rz .truck .lede {color:#cdc2a8;margin-top:16px
}
#lcd-rz .truck .new {display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:10px;
  letter-spacing:.2em;text-transform:uppercase;color:#0f0c07;background:var(--gold-hi);padding:5px 10px;margin-bottom:18px
}
#lcd-rz .truck .row {display:flex;gap:14px;flex-wrap:wrap;margin-top:28px
}
#lcd-rz .tspecs {display:flex;gap:clamp(18px,3vw,46px);flex-wrap:wrap;margin-top:34px;padding-top:26px;border-top:1px solid rgba(230,200,119,.28)
}
#lcd-rz .tspecs div {font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#bfb397
}
#lcd-rz .tspecs b {display:block;font-family:var(--disp);font-size:22px;color:var(--gold-hi);letter-spacing:0;margin-bottom:4px
}
#lcd-rz .tcard {background:rgba(20,16,10,.55);backdrop-filter:blur(10px);border:1px solid rgba(230,200,119,.3);
  border-radius:16px;padding:clamp(20px,2.4vw,30px)
}
#lcd-rz .tcard ul {list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:11px
}
#lcd-rz .tcard li {font-size:14.5px;color:#d8cfb8;padding-left:20px;position:relative;line-height:1.45
}
#lcd-rz .tcard li:before {content:"";position:absolute;left:0;top:8px;width:7px;height:7px;background:var(--gold-hi);border-radius:50%
}
/* ---------- 01-05: jeden krok naraz ---------- */
#lcd-rz .stage2 {position:relative
}
/* mobilna verzia sekcie 05 — bez scroll-jackingu, kompaktna, v normalnom toku */
#lcd-rz .s2-mob {display:none
}
#lcd-rz .pin2 {position:sticky;top:0;height:100svh;display:flex;flex-direction:column;
  justify-content:space-between;max-width:1240px;margin:0 auto;
  padding:clamp(78px,9.4vh,100px) var(--pad) clamp(14px,2.4vh,26px)
}
#lcd-rz .pin2 .pinmain {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(12px,2.4vw,38px)
}
/* --- spolocna vypln sticky scen (08 a 09) --- */
#lcd-rz .pinmain {flex:1 1 auto;min-height:0;display:grid;align-items:center;align-content:center
}
#lcd-rz .pin2:before, #lcd-rz .stage .pin:before {content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(78% 46% at 50% 6%,rgba(196,155,49,.13),rgba(196,155,49,0) 70%),
    repeating-linear-gradient(45deg,rgba(155,122,36,.07) 0 1px,transparent 1px 44px),
    repeating-linear-gradient(-45deg,rgba(155,122,36,.07) 0 1px,transparent 1px 44px);
  -webkit-mask:radial-gradient(120% 92% at 50% 46%,#000 34%,transparent 88%);
          mask:radial-gradient(120% 92% at 50% 46%,#000 34%,transparent 88%)
}
#lcd-rz .pin2>*, #lcd-rz .stage .pin>* {position:relative;z-index:1
}
#lcd-rz .pintop {display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(10px,1.6vh,18px)
}
#lcd-rz .chip {display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10.5px;
  font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:#6b6455;
  border:1px solid rgba(155,122,36,.3);border-radius:999px;padding:8px 14px;
  background:rgba(255,255,255,.62);white-space:nowrap
}
#lcd-rz .chip:before {content:"";flex:none;width:5px;height:5px;border-radius:50%;
  background:linear-gradient(135deg,var(--gold-hi),var(--gold))
}
@media(max-width:1080px) {
  #lcd-rz .chip {font-size:9.5px;padding:7px 11px;letter-spacing:.1em
  }
}
#lcd-rz .pinfoot {display:flex;align-items:center;gap:clamp(12px,2vw,26px);
  padding-top:clamp(10px,1.6vh,16px);border-top:1px solid rgba(155,122,36,.24)
}
#lcd-rz .pf-hint {display:inline-flex;align-items:center;gap:9px;flex:none;
  font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:#7c5f16
}
#lcd-rz .pf-hint:before {content:"";flex:none;width:14px;height:22px;border-radius:8px;
  border:1.5px solid rgba(155,122,36,.65);position:relative;
  background:radial-gradient(circle at 50% 6px,var(--gold) 0 2px,transparent 2px);
  animation:lcdrz-pfScroll 1.9s ease-in-out infinite
}
@keyframes lcdrz-pfScroll {0%,100%{background-position:0 0}50%{background-position:0 6px}
}
#lcd-rz .pf-bar {flex:1;min-width:60px;height:2px;border-radius:2px;background:rgba(155,122,36,.2)
}
#lcd-rz .pf-bar i {display:block;height:100%;width:0;border-radius:2px;
  background:linear-gradient(90deg,var(--gold-hi),var(--gold));transition:width .3s
}
#lcd-rz .pf-cta {flex:none;height:54px;padding:0 30px;font-size:12.5px;letter-spacing:.11em
}
@media(max-width:640px) {
  #lcd-rz .pf-cta {height:48px;padding:0 20px;font-size:11.5px
  }
}
@media(max-width:1080px) {
  #lcd-rz .pf-hint span {display:none
  }
}
#lcd-rz .s2-media {position:relative;aspect-ratio:4/5;max-height:56svh;
  border-radius:20px;overflow:hidden;
  background:var(--deep);box-shadow:0 20px 50px rgba(20,17,12,.20)
}
#lcd-rz .s2-media img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:0;transform:scale(1.08);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform 1.4s cubic-bezier(.2,.7,.2,1)
}
#lcd-rz .s2-media img.on {opacity:1;transform:scale(1)
}
#lcd-rz .s2-media:after {content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,transparent 55%,rgba(8,6,4,.5))
}
#lcd-rz .s2-big {position:absolute;left:18px;bottom:14px;z-index:2;font-family:var(--disp);font-weight:800;
  font-size:clamp(48px,7vw,86px);line-height:1;color:rgba(255,255,255,.92);
  font-variant-numeric:tabular-nums;text-shadow:0 3px 20px rgba(0,0,0,.45)
}
#lcd-rz .s2-body {position:relative;display:flex;gap:clamp(16px,2.4vw,30px);align-items:stretch
}
#lcd-rz .s2-col {flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;
  gap:clamp(16px,2.6vh,32px)
}
/* filmovy pas — vyplni miesto pod textom a zaroven sluzi na preklikavanie */
#lcd-rz .s2-thumbs {display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(6px,.8vw,12px);
  padding-top:clamp(14px,2vh,22px);border-top:1px solid rgba(155,122,36,.24)
}
#lcd-rz .s2-thumbs button {appearance:none;border:0;padding:0;background:none;cursor:pointer;
  position:relative;border-radius:10px;overflow:hidden;display:block;
  box-shadow:0 4px 12px rgba(20,15,5,.12);
  transition:transform .32s cubic-bezier(.2,.7,.2,1),box-shadow .32s
}
#lcd-rz .s2-thumbs button img {width:100%;aspect-ratio:1/1;object-fit:cover;display:block;
  filter:saturate(.5) brightness(.72);transition:filter .32s
}
#lcd-rz .s2-thumbs button:after {content:"";position:absolute;inset:0;border-radius:10px;
  border:2px solid transparent;transition:border-color .3s
}
#lcd-rz .s2-thumbs button b {position:absolute;left:0;right:0;bottom:0;z-index:2;
  font-family:var(--disp);font-size:10px;font-weight:800;letter-spacing:.08em;color:#fff;
  padding:12px 0 5px;background:linear-gradient(0deg,rgba(8,6,4,.85),transparent);
  text-align:center;font-variant-numeric:tabular-nums
}
#lcd-rz .s2-thumbs button:hover img {filter:saturate(.85) brightness(.9)
}
#lcd-rz .s2-thumbs button:hover {transform:translateY(-3px)
}
#lcd-rz .s2-thumbs button.on img {filter:none
}
#lcd-rz .s2-thumbs button.on:after {border-color:var(--gold)
}
#lcd-rz .s2-thumbs button.on {transform:translateY(-4px);box-shadow:0 12px 26px rgba(140,105,25,.32)
}
#lcd-rz .s2-rail {display:flex;flex-direction:column;justify-content:center;gap:0;flex:none;padding:4px 0
}
#lcd-rz .s2-rail button {position:relative;width:34px;height:52px;border:0;background:none;cursor:pointer;padding:0;
  font-family:var(--disp);font-size:11px;font-weight:700;color:var(--mute);letter-spacing:.06em;
  font-variant-numeric:tabular-nums;transition:color .3s
}
#lcd-rz .s2-rail button:before {content:"";position:absolute;left:50%;top:6px;bottom:6px;width:2px;margin-left:-1px;
  background:rgba(155,122,36,.26);border-radius:2px;transition:background .3s
}
#lcd-rz .s2-rail button span {position:relative;z-index:2;background:var(--ground);display:block;padding:6px 0
}
#lcd-rz .s2-rail button.on {color:var(--ink)
}
#lcd-rz .s2-rail button.on:before {background:var(--gold)
}
#lcd-rz .s2-rail button.done:before {background:rgba(196,155,49,.6)
}
#lcd-rz .s2-texts {position:relative;flex:1;min-height:clamp(230px,30svh,320px)
}
#lcd-rz .s2-t {position:absolute;inset:0;opacity:0;transform:translateY(22px);pointer-events:none;
  transition:opacity .55s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);
  display:flex;flex-direction:column;justify-content:center
}
#lcd-rz .s2-t.on {opacity:1;transform:none;pointer-events:auto
}
#lcd-rz .s2-t .k {font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#7c5f16
}
#lcd-rz .s2-t h3 {margin:13px 0 16px;font-size:clamp(21px,2.6vw,34px)
}
#lcd-rz .s2-t p {color:#4a4536;font-size:clamp(15.5px,1.4vw,18px);line-height:1.68;max-width:44ch
}
@media(max-width:900px) {
  #lcd-rz #stage2 {display:none
  }
  #lcd-rz .s2-mob {display:block;padding:clamp(28px,7vw,48px) var(--pad) clamp(24px,6vw,40px)
  }
  #lcd-rz .s2-mob .pinhead {margin-bottom:16px;max-width:none
  }
  #lcd-rz .s2-mob .pinhead h2 {font-size:clamp(21px,6.4vw,30px)
  }
  #lcd-rz .s2-mob .pinhead .lede {display:none
  }
  #lcd-rz .s2m-track {display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;
    padding:4px var(--pad) 14px;margin:0 calc(var(--pad)*-1);
    scrollbar-width:none;-webkit-overflow-scrolling:touch
  }
  #lcd-rz .s2m-track::-webkit-scrollbar {display:none
  }
  #lcd-rz .s2m-card {scroll-snap-align:center;flex:0 0 86%;background:var(--paper);border:1px solid var(--line);
    border-radius:18px;overflow:hidden;box-shadow:0 6px 20px rgba(20,15,5,.09);
    display:flex;flex-direction:column
  }
  #lcd-rz .s2m-ph {position:relative;aspect-ratio:16/10;background:var(--deep);overflow:hidden
  }
  #lcd-rz .s2m-ph img {width:100%;height:100%;object-fit:cover;display:block
  }
  #lcd-rz .s2m-ph:after {content:"";position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(180deg,transparent 50%,rgba(8,6,4,.58))
  }
  #lcd-rz .s2m-no {position:absolute;left:14px;bottom:6px;z-index:2;font-family:var(--disp);font-weight:800;
    font-size:42px;line-height:1;color:rgba(255,255,255,.94);
    font-variant-numeric:tabular-nums;text-shadow:0 3px 18px rgba(0,0,0,.5)
  }
  #lcd-rz .s2m-body {padding:15px 16px 18px
  }
  #lcd-rz .s2m-body .k {font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.2em;
    text-transform:uppercase;color:#7c5f16
  }
  #lcd-rz .s2m-body h3 {margin:9px 0;font-size:19px
  }
  #lcd-rz .s2m-body p {margin:0;color:#4a4536;font-size:14.5px;line-height:1.6
  }
  #lcd-rz .s2m-dots {display:flex;gap:12px;justify-content:center;margin-top:8px
  }
  #lcd-rz .s2m-dots button {width:46px;height:46px;border-radius:50%;border:1.5px solid var(--line);
    background:var(--paper);font-family:var(--disp);font-size:16px;font-weight:800;
    color:var(--ink);cursor:pointer;padding:0;font-variant-numeric:tabular-nums;
    box-shadow:0 3px 10px rgba(20,15,5,.08);
    transition:background .25s,color .25s,border-color .25s,transform .25s,box-shadow .25s
  }
  #lcd-rz .s2m-dots button.on {background:linear-gradient(135deg,var(--gold-hi),var(--gold));
    color:#17130a;border-color:var(--gold);transform:scale(1.1);
    box-shadow:0 6px 18px rgba(140,105,25,.42)
  }
  #lcd-rz .pin2 .pinmain {grid-template-columns:1fr;gap:18px;grid-template-rows:auto;align-content:center
  }
  #lcd-rz .s2-media {aspect-ratio:16/10;max-height:32svh
  }
  #lcd-rz .s2-big {font-size:44px;left:14px;bottom:10px
  }
  #lcd-rz .s2-texts {min-height:210px
  }
  #lcd-rz .s2-rail {flex-direction:row;justify-content:flex-start;gap:0
  }
  #lcd-rz .s2-rail button {width:46px;height:34px
  }
  #lcd-rz .s2-rail button:before {left:6px;right:6px;top:50%;bottom:auto;width:auto;height:2px;margin:-1px 0 0
  }
  #lcd-rz .s2-rail button span {padding:0 6px;display:inline-block
  }
  #lcd-rz .s2-body {flex-direction:column;gap:14px
  }
}
/* ---------- EXPLODED 5 VRSTIEV ---------- */
#lcd-rz .mat {background:linear-gradient(180deg,var(--sand),var(--sand2));color:var(--ink);
  padding-bottom:clamp(26px,4vw,54px)
}
#lcd-rz .faqsec {padding-top:clamp(52px,7vw,104px)
}
#lcd-rz .mat .rule:after {background:rgba(155,122,36,.3)
}
#lcd-rz .mat h2 {color:var(--ink)
}
#lcd-rz .mat .lede {color:var(--mute)
}
#lcd-rz .stage {height:140vh;position:relative
}
#lcd-rz .pinhead {grid-column:1/-1
}
#lcd-rz .pinhead h2 {text-wrap:pretty
}
#lcd-rz .pinhead .rule {margin-bottom:8px
}
#lcd-rz .pinhead h2 {font-size:clamp(21px,2.9vw,40px)
}
#lcd-rz .pinhead .lede {max-width:70ch;margin-top:9px;font-size:clamp(13.5px,1.15vw,15.5px);color:var(--mute);line-height:1.55
}
@media(max-width:900px) {
  #lcd-rz .pinhead .lede {display:none
  }
}
#lcd-rz .stage .pin {position:sticky;top:0;height:100svh;display:flex;flex-direction:column;
  justify-content:space-between;max-width:1240px;margin:0 auto;
  padding:clamp(78px,9.4vh,100px) var(--pad) clamp(14px,2.4vh,26px)
}
#lcd-rz .stage .pin .pinmain {grid-template-columns:minmax(0,1fr) minmax(0,.88fr);gap:clamp(10px,2vw,30px)
}
/* legenda sa rozlozi po celej vyske, nech nezostava diera */
#lcd-rz #legend {justify-content:center;gap:clamp(2px,.6vh,8px)
}
#lcd-rz .leg-h {padding-top:clamp(11px,2vh,26px)!important;padding-bottom:clamp(11px,2vh,26px)!important
}
#lcd-rz #matWrap {position:relative;perspective:2400px;perspective-origin:50% 47%;
  display:flex;align-items:center;justify-content:center;min-height:0;isolation:isolate
}
#lcd-rz #matWrap:before {content:"";position:absolute;left:50%;top:50%;width:118%;height:74%;z-index:-1;
  transform:translate(-50%,-50%);pointer-events:none;
  background:radial-gradient(ellipse at 50% 48%,rgba(255,252,244,.9),rgba(255,252,244,.42) 44%,rgba(255,252,244,0) 72%)
}
/* obrysovy napis za materialom vyplni hornu cast */
#lcd-rz .matmark {position:absolute;left:50%;top:6%;transform:translateX(-50%);z-index:-1;
  font-family:var(--disp);font-weight:800;text-transform:uppercase;letter-spacing:.06em;
  font-size:clamp(30px,4.6vw,68px);line-height:1;white-space:nowrap;color:transparent;
  -webkit-text-stroke:1.5px rgba(155,122,36,.3);opacity:.9;pointer-events:none;user-select:none
}
#lcd-rz .matmark i {display:block;font-style:normal;font-family:var(--mono);font-weight:600;
  -webkit-text-stroke:0;color:rgba(155,122,36,.5);
  font-size:clamp(9px,.9vw,11px);letter-spacing:.34em;text-align:center;margin-top:10px
}
/* technicka linka pod materialom */
#lcd-rz .matline {position:absolute;left:8%;right:8%;bottom:5%;z-index:2;pointer-events:none;
  display:flex;align-items:center;gap:12px;
  font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.2em;
  text-transform:uppercase;color:#8a7b57
}
#lcd-rz .matline:before, #lcd-rz .matline:after {content:"";flex:1;height:1px;
  background:linear-gradient(90deg,transparent,rgba(155,122,36,.45))
}
#lcd-rz .matline:after {background:linear-gradient(90deg,rgba(155,122,36,.45),transparent)
}
#lcd-rz .matline span {position:relative;padding:0 2px
}
#lcd-rz .matline span:before, #lcd-rz .matline span:after {content:"";position:absolute;top:-5px;bottom:-5px;width:1px;
  background:rgba(155,122,36,.45)
}
#lcd-rz .matline span:before {left:-10px
}
#lcd-rz .matline span:after {right:-10px
}
#lcd-rz .exp {position:relative;width:100%;max-width:620px;margin:0 auto;aspect-ratio:1.62/1;
  transform-style:preserve-3d;will-change:transform;
  transform:rotateX(-7deg) rotateY(30deg)
}
#lcd-rz .mbox {position:absolute;left:50%;top:50%;width:var(--pw,340px);height:var(--ph,219px);
  margin-left:calc(var(--pw,340px)/-2);margin-top:calc(var(--ph,219px)/-2);
  transform-style:preserve-3d;will-change:transform
}
#lcd-rz .mgs {position:absolute;left:50%;bottom:14%;width:40%;height:10%;transform:translateX(-50%);
  background:radial-gradient(ellipse at center,rgba(30,25,14,.30),rgba(30,25,14,0) 70%);
  filter:blur(6px);pointer-events:none;transition:opacity .5s
}
#lcd-rz .mf {position:absolute;inset:0;overflow:hidden;background:var(--cf)
}
#lcd-rz .mf img {width:100%;height:100%;object-fit:cover;display:block
}
#lcd-rz .mf.fr {transform:translateZ(calc(var(--t,16px)/2))
}
#lcd-rz .mf.bk {transform:translateZ(calc(var(--t,16px)/-2)) rotateY(180deg);background:var(--cb)
}
/* bocne steny — kazda ma inu svetlost, aby bol roh citatelny */
#lcd-rz .me {position:absolute;display:block;
  --seam:linear-gradient(90deg,rgba(0,0,0,.30),rgba(0,0,0,0) 22%,rgba(255,255,255,.10) 52%,rgba(0,0,0,.26));
  --fall:linear-gradient(180deg,rgba(255,255,255,.10),rgba(0,0,0,.18));
  --seamv:linear-gradient(180deg,rgba(0,0,0,.26),rgba(255,255,255,.12) 50%,rgba(0,0,0,.28));
  --fallh:linear-gradient(90deg,rgba(255,255,255,.08),rgba(0,0,0,.10))
}
#lcd-rz .me.lf {left:0;top:0;width:var(--t,16px);height:100%;transform-origin:0 50%;
  transform:translateZ(calc(var(--t,16px)/-2)) rotateY(-90deg);
  background-color:var(--cl1);background-image:var(--seam),var(--fall)
}
#lcd-rz .me.rt {right:0;top:0;width:var(--t,16px);height:100%;transform-origin:100% 50%;
  transform:translateZ(calc(var(--t,16px)/-2)) rotateY(90deg);background:var(--cr)
}
#lcd-rz .me.tp {left:0;top:0;width:100%;height:var(--t,16px);transform-origin:50% 0;
  transform:translateZ(calc(var(--t,16px)/-2)) rotateX(90deg);
  background-color:var(--ct1);background-image:var(--seamv),var(--fallh)
}
#lcd-rz .me.bt {left:0;bottom:0;width:100%;height:var(--t,16px);transform-origin:50% 100%;
  transform:translateZ(calc(var(--t,16px)/-2)) rotateX(-90deg);background:var(--cbt)
}
#lcd-rz .exp .hot {position:absolute;width:36px;height:36px;border-radius:50%;
  background:linear-gradient(135deg,var(--gold-hi),var(--gold));border:2px solid #fff;
  box-shadow:0 4px 14px rgba(20,17,12,.4);cursor:pointer;padding:0;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--disp);font-weight:800;font-size:15px;color:#17130a;
  opacity:0;pointer-events:none;
  transition:opacity .4s,box-shadow .3s
}
#lcd-rz .exp.open .hot {opacity:1;pointer-events:auto
}
#lcd-rz .exp.open .hot.on, #lcd-rz .exp.open .hot:hover {box-shadow:0 6px 20px rgba(140,105,25,.6)
}
#lcd-rz .mat-toggle {display:none;align-items:center;justify-content:center;gap:10px;margin:2px auto 6px;
  padding:13px 24px;border-radius:999px;border:1.5px solid var(--gold);background:var(--paper);
  font-family:var(--disp);font-weight:800;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink);cursor:pointer;box-shadow:0 4px 14px rgba(140,105,25,.18);
  transition:background .25s,box-shadow .25s,transform .2s
}
#lcd-rz .mat-toggle:active {transform:scale(.97)
}
#lcd-rz .mat-toggle.on {background:linear-gradient(100deg,var(--gold-lo),var(--gold-hi) 48%,var(--gold));color:#17130a
}
#lcd-rz .mat-toggle:after {content:"";width:9px;height:9px;border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-1px,-1px);transition:transform .3s
}
#lcd-rz .mat-toggle.on:after {transform:rotate(225deg) translate(-1px,-1px)
}
#lcd-rz .mat-hint {position:absolute;left:0;right:0;bottom:4%;text-align:center;font-family:var(--disp);
  font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);transition:opacity .4s
}
#lcd-rz .exp.open+.mat-hint {opacity:0
}
@media(max-width:900px) {
  #lcd-rz .exp {aspect-ratio:1.42/1;max-width:none;width:100%
  }
  #lcd-rz #matWrap {display:block
  }
  #lcd-rz #legend {gap:2px;height:auto
  }
  #lcd-rz .matmark, #lcd-rz .matline {display:none
  }
  #lcd-rz .s2-thumbs {display:none
  }
}
#lcd-rz .legend {display:flex;flex-direction:column;gap:2px
}
#lcd-rz .leg {display:block;border-bottom:1px solid rgba(155,122,36,.22);border-radius:10px;
  transition:background .25s
}
#lcd-rz .leg:hover, #lcd-rz .leg.on {background:rgba(196,155,49,.09)
}
#lcd-rz .leg-h {display:flex;align-items:center;gap:14px;width:100%;padding:13px 10px;cursor:pointer;
  appearance:none;-webkit-appearance:none;border:0;background:none;font:inherit;color:inherit;text-align:left
}
#lcd-rz .leg .sw {width:42px;height:42px;border-radius:3px;flex:none;border:1px solid rgba(155,122,36,.4);background-size:cover;background-position:center
}
#lcd-rz .leg .no {font-family:var(--disp);font-size:16px;font-weight:800;color:#7c5f16;
  min-width:14px;text-align:center;font-variant-numeric:tabular-nums
}
#lcd-rz .leg .k {font-family:var(--disp);font-weight:700;text-transform:uppercase;font-size:16px;letter-spacing:.03em
}
#lcd-rz .leg .i {font-family:var(--mono);font-size:12px;color:#5f5946;margin-left:auto;white-space:nowrap
}
#lcd-rz .leg-x {position:relative;flex:none;width:24px;height:24px;margin-left:12px;border-radius:50%;
  border:1px solid rgba(155,122,36,.45);transition:background .25s,border-color .25s,transform .3s
}
#lcd-rz .leg-x:before, #lcd-rz .leg-x:after {content:"";position:absolute;left:50%;top:50%;background:#7c5f16;
  border-radius:1px;transition:transform .3s,background .25s
}
#lcd-rz .leg-x:before {width:11px;height:1.7px;margin:-.85px 0 0 -5.5px
}
#lcd-rz .leg-x:after {width:1.7px;height:11px;margin:-5.5px 0 0 -.85px
}
#lcd-rz .leg-h[aria-expanded="true"] .leg-x {background:linear-gradient(135deg,var(--gold-hi),var(--gold));
  border-color:var(--gold);transform:rotate(90deg)
}
#lcd-rz .leg-h[aria-expanded="true"] .leg-x:after {transform:scaleY(0)
}
#lcd-rz .leg-h[aria-expanded="true"] .leg-x:before {background:#17130a
}
#lcd-rz .leg-h:hover .leg-x {border-color:var(--gold)
}
#lcd-rz .leg-d {overflow:hidden;max-height:0;transition:max-height .42s cubic-bezier(.2,.7,.2,1)
}
#lcd-rz .leg-d p {margin:0;padding:0 12px 16px 79px;font-size:14px;line-height:1.62;color:#4a4536;max-width:56ch
}
@media(max-width:640px) {
  #lcd-rz .leg-h {gap:10px;padding:10px 8px
  }
  #lcd-rz .leg .i {display:none
  }
  #lcd-rz .leg .k {font-size:13.5px
  }
  #lcd-rz .leg .sw {width:32px;height:32px
  }
  #lcd-rz .leg-d p {padding:0 8px 14px 8px;font-size:13.5px
  }
}
/* ---------- REFERENCNE VIDEA ---------- */
#lcd-rz .deck.refs {align-items:stretch;padding-top:14px
}
#lcd-rz .refs>.ref {scroll-snap-align:start;flex:0 0 calc((100% - 2*clamp(12px,1.6vw,22px))/3);margin:0
}
/* --- telefon: stred je v popredi a hra, susedia vykukavaju --- */
@media(max-width:820px) {
  #lcd-rz .deck.refs {gap:10px;padding:12px 0 6px;perspective:none
  }
  #lcd-rz .refs>.ref {flex:0 0 66%;scroll-snap-align:center;
    transform:scale(.85);opacity:.55;
    transition:transform .42s cubic-bezier(.2,.7,.2,1),opacity .42s
  }
  #lcd-rz .refs>.ref:first-child {margin-left:17%
  }
  #lcd-rz .refs>.ref:last-child {margin-right:17%
  }
  #lcd-rz .refs>.ref.mid {transform:none;opacity:1
  }
  #lcd-rz .refs>.ref .ref-v {box-shadow:0 8px 22px rgba(20,15,5,.2)
  }
  #lcd-rz .refs>.ref.mid .ref-v {box-shadow:0 20px 46px rgba(20,15,5,.36)
  }
  #lcd-rz .refs>.ref:not(.mid) .ref-play, #lcd-rz .refs>.ref:not(.mid) .ref-cap {opacity:0;transition:opacity .3s
  }
  #lcd-rz .refs>.ref:not(.mid) .ref-badge {transform:scale(.9);transform-origin:top left
  }
}
@media(max-width:520px) {
  #lcd-rz .refs>.ref {flex:0 0 72%
  }
  #lcd-rz .refs>.ref:first-child {margin-left:14%
  }
  #lcd-rz .refs>.ref:last-child {margin-right:14%
  }
}
#lcd-rz .ref-v {appearance:none;-webkit-appearance:none;border:0;padding:0;margin:0;font:inherit;color:inherit;
  text-align:left;background:#000;width:100%;position:relative;display:block;border-radius:20px;overflow:hidden;background:#000;
  aspect-ratio:9/16;cursor:pointer;isolation:isolate;
  box-shadow:0 14px 38px rgba(20,15,5,.24);
  transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s
}
#lcd-rz .ref-v:before {content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:20px;
  padding:2px;background:linear-gradient(150deg,var(--gold-hi),var(--gold) 40%,rgba(196,155,49,.25) 75%,var(--gold-hi));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude
}
#lcd-rz .ref-v:hover {transform:translateY(-8px);box-shadow:0 28px 60px rgba(20,15,5,.36)
}
#lcd-rz .ref-v video, #lcd-rz .ref-v>img {width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .6s cubic-bezier(.2,.7,.2,1)
}
#lcd-rz .ref-v:hover video, #lcd-rz .ref-v:hover>img {transform:scale(1.04)
}
#lcd-rz .ref-v:after {content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(8,6,4,.55) 0%,rgba(8,6,4,0) 26%,rgba(8,6,4,0) 52%,rgba(8,6,4,.82) 100%)
}
#lcd-rz .ref-badge {position:absolute;top:14px;left:14px;z-index:4;display:inline-flex;align-items:center;gap:7px;
  font-family:var(--disp);font-weight:800;font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  padding:7px 13px;border-radius:999px;overflow:hidden;
  background:linear-gradient(100deg,var(--gold-lo),var(--gold-hi) 46%,var(--gold));color:#17130a;
  border:1px solid rgba(255,255,255,.45);box-shadow:0 6px 18px rgba(140,105,25,.42)
}
#lcd-rz .ref-badge:before {content:"";width:12px;height:12px;flex:none;background:currentColor;
  -webkit-mask:var(--ico-star) center/contain no-repeat;mask:var(--ico-star) center/contain no-repeat
}
#lcd-rz .ref-badge.vs {background:linear-gradient(100deg,#17130a,#2f2718 50%,#17130a);color:var(--gold-hi);
  border-color:rgba(230,200,119,.55);box-shadow:0 6px 18px rgba(0,0,0,.45)
}
#lcd-rz .ref-badge.vs:before {-webkit-mask:none;mask:none;background:none;width:auto;height:auto;
  content:"VS";font-size:9.5px;font-weight:800;letter-spacing:.06em;
  color:#17130a;background:linear-gradient(135deg,var(--gold-hi),var(--gold));
  border-radius:4px;padding:2px 4px;line-height:1
}
#lcd-rz .ref-cap {position:absolute;left:0;right:0;bottom:0;z-index:4;padding:26px 15px 15px;
  color:#fff;font-family:var(--disp);font-weight:700;font-size:13px;line-height:1.35;
  letter-spacing:.02em;text-shadow:0 2px 10px rgba(0,0,0,.6)
}
#lcd-rz .ref-cap i {display:block;font-style:normal;font-family:var(--mono);font-weight:600;
  font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-hi);margin-bottom:5px
}
#lcd-rz .ref-play {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;
  width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  border:1.5px solid rgba(255,255,255,.6);box-shadow:0 8px 26px rgba(0,0,0,.45);
  transition:transform .35s cubic-bezier(.2,.7,.2,1),background .3s,border-color .3s;pointer-events:none
}
#lcd-rz .ref-v:hover .ref-play {transform:translate(-50%,-50%) scale(1.12);
  background:linear-gradient(135deg,var(--gold-hi),var(--gold));border-color:#fff
}
#lcd-rz .ref-play:after {content:"";width:0;height:0;margin-left:5px;
  border-left:18px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent;
  transition:border-left-color .3s
}
#lcd-rz .ref-v:hover .ref-play:after {border-left-color:#17130a
}
@media(max-width:820px) {
  #lcd-rz .ref-play {width:56px;height:56px
  }
}
/* ---------- PRED A PO (posuvnik) ---------- */
#lcd-rz .ba {position:relative;width:100%;aspect-ratio:2000/936;border-radius:18px;overflow:hidden;
  border:2px solid var(--gold);box-shadow:0 18px 46px rgba(20,15,5,.22);background:#000;
  cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none
}
#lcd-rz .ba img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none
}
#lcd-rz .ba .top {clip-path:inset(0 50% 0 0);will-change:clip-path
}
#lcd-rz .ba-lab {position:absolute;top:50%;transform:translateY(-50%);z-index:3;pointer-events:none;
  font-family:var(--disp);font-weight:800;font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:#fff;background:rgba(12,9,5,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
  padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.22);
  opacity:.9;transition:opacity .25s
}
#lcd-rz .ba-lab.l {left:clamp(10px,2vw,22px)
}
#lcd-rz .ba-lab.r {right:clamp(10px,2vw,22px)
}
#lcd-rz .ba-line {position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;z-index:4;pointer-events:none;
  background:rgba(255,255,255,.92);box-shadow:0 0 12px rgba(0,0,0,.5)
}
#lcd-rz .ba-h {position:absolute;top:50%;z-index:5;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;
  border:2px solid #fff;background:linear-gradient(135deg,var(--gold-hi),var(--gold));cursor:ew-resize;
  box-shadow:0 6px 20px rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;
  padding:0;color:#17130a;font-size:21px;font-weight:800;line-height:1;transition:transform .2s,box-shadow .2s
}
#lcd-rz .ba-h:hover, #lcd-rz .ba-h:focus-visible {transform:scale(1.08);box-shadow:0 8px 26px rgba(140,105,25,.6)
}
#lcd-rz .ba-hint {margin-top:12px;text-align:center;font-family:var(--disp);font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--mute);transition:opacity .4s
}
#lcd-rz .ba.moved+.ba-hint {opacity:0
}
/* --- mobilna verzia: cely obrazok bez orezu, od kraja po kraj --- */
@media(max-width:700px) {
  #lcd-rz .ba-wrap {margin:22px calc(var(--pad)*-1) 0
  }
  #lcd-rz .ba {aspect-ratio:1400/655;border-radius:0;border-width:2px 0;cursor:default;
    box-shadow:0 12px 30px rgba(20,15,5,.16)
  }
  #lcd-rz .ba img {object-fit:contain;background:#000
  }
  #lcd-rz .ba-h {width:42px;height:42px;margin:-21px 0 0 -21px;font-size:15px
  }
  #lcd-rz .ba-lab {top:auto;bottom:9px;transform:none;font-size:9px;padding:5px 9px;letter-spacing:.11em
  }
  #lcd-rz .ba-lab.l {left:9px
  }
  #lcd-rz .ba-lab.r {right:9px
  }
  #lcd-rz .ba-hint {margin-top:13px;padding:0 var(--pad)
  }
}
/* ---------- VLASTNY SET ---------- */
#lcd-rz .setb {position:relative;overflow:hidden;isolation:isolate;background:var(--deep);color:#fff
}
#lcd-rz .setb:before {content:"";position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(72% 90% at 50% 0%,rgba(196,155,49,.2),rgba(196,155,49,0) 70%),
    repeating-linear-gradient(45deg,rgba(230,200,119,.05) 0 1px,transparent 1px 44px),
    repeating-linear-gradient(-45deg,rgba(230,200,119,.05) 0 1px,transparent 1px 44px)
}
#lcd-rz .setb .in {max-width:1240px;margin:0 auto;padding:clamp(42px,5.6vw,84px) var(--pad);text-align:center
}
#lcd-rz .setb .eyebrow {color:var(--gold-hi)
}
#lcd-rz .setb h2 {color:#fff;margin-top:12px
}
#lcd-rz .setb .lede {color:#cdc2a8;margin:14px auto 0;max-width:54ch
}
#lcd-rz .setrow {display:flex;align-items:flex-start;justify-content:center;gap:clamp(6px,1.2vw,16px);
  margin:clamp(26px,3.4vw,44px) auto 0;max-width:920px
}
#lcd-rz .setrow .item {flex:1 1 0;min-width:0;text-align:center
}
#lcd-rz .setrow .item img {width:100%;aspect-ratio:1/1;object-fit:cover;display:block;border-radius:14px;
  border:1.5px solid rgba(196,155,49,.75);box-shadow:0 16px 36px rgba(0,0,0,.5);
  transition:transform .4s cubic-bezier(.2,.7,.2,1),border-color .3s
}
#lcd-rz .setrow .item:hover img {transform:translateY(-5px);border-color:var(--gold-hi)
}
#lcd-rz .setrow .item .k {display:block;margin-top:12px;font-family:var(--mono);font-size:10.5px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:#e6d3a3;line-height:1.4
}
#lcd-rz .setrow .plus {flex:none;align-self:center;margin-top:-24px;width:34px;height:34px;border-radius:50%;
  background:linear-gradient(135deg,#e6c877,#b8901f);color:#1a1408;font-size:20px;font-weight:900;
  display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.55)
}
#lcd-rz .setb .row {display:flex;justify-content:center;margin-top:clamp(26px,3.2vw,42px)
}
/* jedno velke tlacidlo — cena setu je jeho sucastou */
#lcd-rz .bigcta {flex-direction:column;gap:6px;text-align:center;
  padding:clamp(18px,2.2vw,24px) clamp(30px,5vw,64px);border-radius:16px;
  font-size:clamp(14px,1.5vw,17px);letter-spacing:.1em;
  box-shadow:0 16px 44px rgba(140,105,25,.42)
}
#lcd-rz .bigcta:hover {box-shadow:0 22px 56px rgba(140,105,25,.52)
}
#lcd-rz .bigcta i {font-style:normal;font-family:var(--mono);font-weight:700;
  font-size:clamp(9.5px,1vw,11px);letter-spacing:.13em;text-transform:uppercase;
  color:rgba(23,19,10,.74)
}
@media(max-width:640px) {
  #lcd-rz .setrow {gap:4px
  }
  #lcd-rz .setrow .plus {width:26px;height:26px;font-size:16px;margin-top:-18px
  }
  #lcd-rz .setrow .item .k {font-size:8.5px;letter-spacing:.09em;margin-top:9px
  }
}
/* sekcia hned za tmavym pasom potrebuje vacsi nadych */
#lcd-rz .vz + section.chapter, #lcd-rz .setb + section.chapter {padding-top:clamp(66px,9.5vw,150px)
}
/* ---------- VZORKY NA ADRESU ---------- */
#lcd-rz .vz {position:relative;overflow:hidden;isolation:isolate;background:var(--deep);color:#fff
}
#lcd-rz .vz:before {content:"";position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(58% 84% at 22% 50%,rgba(196,155,49,.24),rgba(196,155,49,0) 68%),
    repeating-linear-gradient(45deg,rgba(230,200,119,.06) 0 1px,transparent 1px 40px),
    repeating-linear-gradient(-45deg,rgba(230,200,119,.06) 0 1px,transparent 1px 40px)
}
#lcd-rz .vz .in {max-width:1240px;margin:0 auto;padding:clamp(40px,5.4vw,74px) var(--pad);
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);
  gap:clamp(24px,4vw,60px);align-items:center
}
#lcd-rz .vz .eyebrow {color:var(--gold-hi)
}
#lcd-rz .vz h2 {color:#fff;margin-top:12px;max-width:17ch
}
#lcd-rz .vz p {color:#cdc2a8;margin-top:14px;max-width:46ch;font-size:clamp(14.5px,1.3vw,17px);line-height:1.62
}
#lcd-rz .vz .row {display:flex;gap:14px;flex-wrap:wrap;margin-top:26px;align-items:center
}
#lcd-rz .vz .note {font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#9f957c
}
#lcd-rz .fan {display:flex;justify-content:center;align-items:center;padding:10px 0
}
#lcd-rz .fan i {display:block;width:clamp(78px,9.4vw,124px);aspect-ratio:1/1;border-radius:12px;flex:none;
  border:2px solid #efe0b4;box-shadow:0 16px 34px rgba(0,0,0,.6);
  margin-left:calc(clamp(78px,9.4vw,124px) * -0.34);
  background-size:cover;background-position:center;
  transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s
}
#lcd-rz .fan i:nth-child(3) {border-color:#fff
}
#lcd-rz .fan i:first-child {margin-left:0
}
#lcd-rz .fan i:nth-child(1) {transform:rotate(-13deg) translateY(6px)
}
#lcd-rz .fan i:nth-child(2) {transform:rotate(-6deg) translateY(1px)
}
#lcd-rz .fan i:nth-child(3) {transform:rotate(0deg) translateY(-5px);z-index:3;
  box-shadow:0 22px 44px rgba(0,0,0,.62)
}
#lcd-rz .fan i:nth-child(4) {transform:rotate(7deg) translateY(1px)
}
#lcd-rz .fan i:nth-child(5) {transform:rotate(14deg) translateY(6px)
}
#lcd-rz .vz:hover .fan i:nth-child(1) {transform:rotate(-19deg) translateY(8px) translateX(-8px)
}
#lcd-rz .vz:hover .fan i:nth-child(2) {transform:rotate(-9deg) translateY(2px) translateX(-4px)
}
#lcd-rz .vz:hover .fan i:nth-child(3) {transform:rotate(0deg) translateY(-9px) scale(1.04)
}
#lcd-rz .vz:hover .fan i:nth-child(4) {transform:rotate(10deg) translateY(2px) translateX(4px)
}
#lcd-rz .vz:hover .fan i:nth-child(5) {transform:rotate(20deg) translateY(8px) translateX(8px)
}
@media(max-width:820px) {
  #lcd-rz .vz .in {grid-template-columns:1fr;gap:20px;text-align:center
  }
  #lcd-rz .vz h2, #lcd-rz .vz p {max-width:none;margin-left:auto;margin-right:auto
  }
  #lcd-rz .vz .row {justify-content:center
  }
  #lcd-rz .vz .note {display:none
  }
  #lcd-rz .fan {order:-1
  }
}
/* ---------- POROVNANIE ---------- */
#lcd-rz .cmp {position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1.4vw,18px)
}
#lcd-rz .cmp-col {border-radius:22px;background:var(--paper);border:2px solid var(--gold);padding:9px;
  display:flex;flex-direction:column;box-shadow:0 6px 22px rgba(20,15,5,.08)
}
#lcd-rz .cmp-col.us {box-shadow:0 16px 44px rgba(140,105,25,.24)
}
#lcd-rz .cmp-col .ph {position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:14px
}
#lcd-rz .cmp-col .ph img {width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1)
}
#lcd-rz .cmp-col.them .ph img {filter:grayscale(.55) contrast(.94) brightness(.92)
}
#lcd-rz .cmp-col:hover .ph img {transform:scale(1.05)
}
#lcd-rz .cmp-col .tag {position:absolute;top:12px;left:12px;font-family:var(--disp);font-weight:800;font-size:10px;
  letter-spacing:.16em;text-transform:uppercase;padding:7px 13px;border-radius:20px
}
#lcd-rz .cmp-col.us .tag {background:linear-gradient(100deg,var(--gold-lo),var(--gold-hi) 50%,var(--gold));color:#17130a;
  box-shadow:0 4px 14px rgba(140,105,25,.4)
}
#lcd-rz .cmp-col.them .tag {background:rgba(20,17,12,.72);color:#ddd6c6;backdrop-filter:blur(6px)
}
#lcd-rz .cmp-col .name {padding:16px clamp(8px,1.4vw,14px) 0;font-family:var(--disp);font-weight:800;
  text-transform:uppercase;font-size:clamp(12px,1.3vw,15px);letter-spacing:.03em;line-height:1.3
}
#lcd-rz .cmp-col .price {padding:6px clamp(8px,1.4vw,14px) 16px;font-family:var(--disp);font-size:clamp(15px,1.7vw,20px);
  font-weight:700;border-bottom:1px solid var(--line)
}
#lcd-rz .cmp-col.us .price {color:var(--gold-lo)
}
#lcd-rz .cmp-col.them .price {color:var(--mute)
}
#lcd-rz .cmp-col ul {list-style:none;margin:0;padding:6px 0 clamp(14px,2vw,20px);display:flex;flex-direction:column
}
#lcd-rz .cmp-col li {display:flex;gap:10px;align-items:flex-start;padding:12px clamp(8px,1.4vw,14px);
  font-size:clamp(13px,1.15vw,14.5px);line-height:1.5;border-bottom:1px solid rgba(217,212,198,.55)
}
#lcd-rz .cmp-col li:last-child {border-bottom:0
}
#lcd-rz .cmp-col li b {display:block;font-family:var(--disp);font-weight:700;font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--mute);margin-bottom:4px
}
#lcd-rz .cmp-col.us li {color:var(--ink)
}
#lcd-rz .cmp-col.them li {color:var(--mute)
}
#lcd-rz .cmp-col .ic {flex:none;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:800;margin-top:2px
}
#lcd-rz .cmp-col.us .ic {background:linear-gradient(135deg,var(--gold-hi),var(--gold));color:#17130a
}
#lcd-rz .cmp-col.them .ic {background:#e2ddd1;color:#8b8373
}
#lcd-rz .cmp-vs {position:absolute;left:50%;top:clamp(80px,11vw,150px);transform:translate(-50%,-50%);z-index:3;
  width:clamp(42px,4.6vw,58px);height:clamp(42px,4.6vw,58px);border-radius:50%;
  background:var(--ink);color:var(--gold-hi);border:2px solid var(--gold);
  display:flex;align-items:center;justify-content:center;font-family:var(--disp);font-weight:800;
  font-size:clamp(12px,1.3vw,15px);letter-spacing:.06em;box-shadow:0 8px 22px rgba(20,17,12,.32)
}
@media(max-width:600px) {
  #lcd-rz .cmp {gap:8px
  }
  #lcd-rz .cmp-col li {padding:10px 11px;font-size:12.3px;gap:7px
  }
  #lcd-rz .cmp-col .ic {width:18px;height:18px;font-size:10px
  }
  #lcd-rz .cmp-col .name {padding:12px 11px 0;font-size:11.5px
  }
  #lcd-rz .cmp-col .price {padding:5px 11px 12px;font-size:14px
  }
  #lcd-rz .cmp-col li b {font-size:8.5px;letter-spacing:.1em
  }
}
/* ---------- VIDEA (Realita) ---------- */
#lcd-rz .vidwrap {position:relative
}
#lcd-rz .vids {display:flex;gap:clamp(12px,1.6vw,18px);overflow-x:auto;scroll-snap-type:x mandatory;
  padding:6px 2px 16px;scrollbar-width:none
}
#lcd-rz .vids::-webkit-scrollbar {display:none
}
#lcd-rz .vid {appearance:none;-webkit-appearance:none;border:0;padding:0;margin:0;font:inherit;color:inherit;
  text-align:left;background:none;scroll-snap-align:start;flex:0 0 clamp(180px,22%,230px);position:relative;border-radius:18px;
  overflow:hidden;border:1px solid var(--line);background:var(--deep);display:block;
  box-shadow:0 4px 16px rgba(20,15,5,.1);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s
}
#lcd-rz .vid:hover {transform:translateY(-6px);box-shadow:0 18px 40px rgba(20,15,5,.2)
}
#lcd-rz .vid img {width:100%;aspect-ratio:9/16;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)
}
#lcd-rz .vid:hover img {transform:scale(1.05)
}
#lcd-rz .vid .play {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;
  border-radius:50%;background:rgba(255,255,255,.94);display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 20px rgba(0,0,0,.35);transition:transform .3s
}
#lcd-rz .vid:hover .play {transform:translate(-50%,-50%) scale(1.1)
}
#lcd-rz .vid .play:after {content:"";width:0;height:0;margin-left:4px;
  border-left:15px solid #17130a;border-top:9px solid transparent;border-bottom:9px solid transparent
}
#lcd-rz .vid .cap {position:absolute;left:0;right:0;bottom:0;padding:34px 12px 12px;color:#fff;font-size:12.5px;
  line-height:1.35;background:linear-gradient(0deg,rgba(8,6,4,.92) 34%,transparent)
}
#lcd-rz .lb {position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;
  background:rgba(10,8,5,.88);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);
  padding:clamp(14px,4vw,52px);opacity:0;transition:opacity .3s
}
#lcd-rz .lb.on {opacity:1
}
#lcd-rz .lb[hidden] {display:none
}
/* videa LCD su na vysku (Shorts) — ram 9:16 ich vyplni bez ciernych pruhov.
   Sirku obmedzuje rodic, aby sa % malo o co oprieť. */
#lcd-rz .lb-in {display:flex;flex-direction:column;align-items:center
}
#lcd-rz .lb-frame {position:relative;
  width:min(470px, calc(100vw - 2 * clamp(14px, 4vw, 52px)), calc(78vh * 9 / 16));
  width:min(470px, calc(100vw - 2 * clamp(14px, 4vw, 52px)), calc(78svh * 9 / 16));
  aspect-ratio:9/16;
  border-radius:16px;overflow:hidden;
  background:#000;box-shadow:0 30px 80px rgba(0,0,0,.6);border:1px solid rgba(230,200,119,.22)
}
#lcd-rz .lb-frame iframe {position:absolute;inset:0;width:100%;height:100%;border:0
}
#lcd-rz .lb-cap {margin-top:12px;text-align:center;color:#e8e1d1;font-family:var(--disp);
  font-size:13.5px;letter-spacing:.05em
}
#lcd-rz .lb-x {position:absolute;top:clamp(10px,2.2vw,26px);right:clamp(10px,2.2vw,26px);
  width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.3);
  background:rgba(255,255,255,.12);color:#fff;font-size:22px;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s
}
#lcd-rz .lb-x:hover {background:rgba(255,255,255,.24);transform:scale(1.06)
}
@media(max-width:700px) {
  #lcd-rz .lb-frame {border-radius:12px
  }
}
#lcd-rz .vidnav {display:flex;gap:12px;justify-content:center;margin-top:6px
}
#lcd-rz .vidnav button {width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--paper);
  color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .25s,transform .25s
}
#lcd-rz .vidnav button:hover {border-color:var(--gold);background:var(--ground);transform:translateY(-2px)
}
#lcd-rz .vidnav svg {width:16px;height:16px
}
/* ---------- RECENZIE ---------- */
#lcd-rz .revhead {display:flex;align-items:center;gap:clamp(14px,2.6vw,30px);flex-wrap:wrap;margin-bottom:clamp(18px,2.6vw,28px)
}
#lcd-rz .revhead .gmark {width:42px;height:42px;flex:none
}
#lcd-rz .revhead .score {font-family:var(--disp);font-weight:800;font-size:clamp(34px,4vw,48px);line-height:1;color:var(--ink);font-variant-numeric:tabular-nums
}
#lcd-rz .revhead .col {display:flex;flex-direction:column;gap:5px
}
#lcd-rz .revhead .stars {color:var(--gold);letter-spacing:3px;font-size:17px;line-height:1
}
#lcd-rz .revhead .sub {font-size:13px;color:var(--mute)
}
#lcd-rz .revhead .cta {margin-left:auto;display:flex;gap:10px
}
#lcd-rz .revhead .cta .btn {padding:13px 24px;font-size:11.5px
}
#lcd-rz .revhead .cta .btn:before {display:none
}
#lcd-rz .revhead .cta .btn.ghost {background:var(--ink);color:#f4f0e6;border:1px solid var(--ink);
  box-shadow:0 6px 18px rgba(20,15,5,.22)
}
#lcd-rz .revhead .cta .btn.ghost:hover {background:#000;border-color:#000;color:#fff;transform:translateY(-2px)
}
#lcd-rz .revhead .cta .btn.ghost+.btn.ghost {background:none;color:var(--ink);border:2px solid var(--gold);box-shadow:none
}
#lcd-rz .revhead .cta .btn.ghost+.btn.ghost:hover {background:rgba(196,155,49,.14);color:var(--ink);border-color:var(--gold-lo)
}
@media(max-width:700px) {
  #lcd-rz .revhead .cta {margin-left:0;width:100%
  }
  #lcd-rz .revhead .cta .btn {flex:1;justify-content:center
  }
}
#lcd-rz .revwrap {position:relative
}
#lcd-rz .revs {display:flex;gap:clamp(12px,1.6vw,20px);overflow-x:auto;scroll-snap-type:x mandatory;
  padding:6px 2px 18px;scrollbar-width:none;-webkit-overflow-scrolling:touch
}
#lcd-rz .revs::-webkit-scrollbar {display:none
}
#lcd-rz .rev {scroll-snap-align:start;flex:0 0 clamp(272px,30%,352px);position:relative;border-radius:20px;
  padding:26px 22px 20px;display:flex;flex-direction:column;gap:13px;background:var(--paper);
  border:1px solid var(--line);box-shadow:0 4px 18px rgba(20,15,5,.08);overflow:hidden;
  transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s,border-color .4s
}
#lcd-rz .rev:before {content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,transparent,var(--gold-hi) 20%,var(--gold) 50%,var(--gold-hi) 80%,transparent)
}
#lcd-rz .rev:hover {transform:translateY(-7px);box-shadow:0 22px 46px rgba(20,15,5,.16);border-color:rgba(196,155,49,.75)
}
#lcd-rz .rev .qm {position:absolute;top:10px;right:20px;font-family:var(--disp);font-weight:800;font-size:66px;
  line-height:1;color:rgba(196,155,49,.15);pointer-events:none
}
#lcd-rz .rev .st {color:var(--gold);letter-spacing:2px;font-size:14px;line-height:1
}
#lcd-rz .rev p {font-size:14.5px;color:var(--mute);line-height:1.62;flex:1;margin:0
}
#lcd-rz .rev .shots {display:flex;gap:7px
}
#lcd-rz .rev .shots img {width:56px;height:56px;object-fit:cover;border-radius:11px;border:1px solid var(--line);transition:transform .3s
}
#lcd-rz .rev .shots img:hover {transform:scale(1.09)
}
#lcd-rz .rev .foot {display:flex;align-items:center;gap:11px;border-top:1px solid var(--line);padding-top:14px
}
#lcd-rz .rev .av {width:40px;height:40px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;
  font-family:var(--disp);font-weight:800;font-size:14px;color:#17130a;
  background:linear-gradient(135deg,var(--gold-hi),var(--gold));box-shadow:0 3px 10px rgba(140,105,25,.3)
}
#lcd-rz .rev .meta {display:flex;flex-direction:column;min-width:0
}
#lcd-rz .rev .meta b {font-family:var(--disp);font-weight:700;font-size:13.5px;line-height:1.25;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
#lcd-rz .rev .meta i {font-style:normal;font-size:11px;color:var(--mute);margin-top:2px
}
#lcd-rz .rev .foot svg {width:17px;height:17px;margin-left:auto;flex:none;opacity:.9
}
#lcd-rz .revnav, #lcd-rz .decknav {display:flex;gap:12px;justify-content:center;margin-top:6px
}
#lcd-rz .revnav button, #lcd-rz .decknav button {width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--paper);
  color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:border-color .25s,background .25s,transform .25s
}
#lcd-rz .revnav button:hover, #lcd-rz .decknav button:hover {border-color:var(--gold);background:var(--ground);transform:translateY(-2px)
}
#lcd-rz .revnav svg, #lcd-rz .decknav svg {width:16px;height:16px
}
#lcd-rz .faq {border-top:1px solid var(--line)
}
#lcd-rz .faq details {border-bottom:1px solid var(--line)
}
#lcd-rz .faq summary {padding:18px 0;display:flex;gap:16px;align-items:baseline;cursor:pointer;list-style:none
}
#lcd-rz .faq summary::-webkit-details-marker {display:none
}
#lcd-rz .faq summary:hover .t {color:var(--gold-lo)
}
#lcd-rz .faq .i {font-family:var(--mono);font-size:11px;font-weight:700;color:#7c5f16;flex:none;letter-spacing:.1em;font-variant-numeric:tabular-nums
}
#lcd-rz .faq .t {font-size:16.5px;font-weight:600;color:var(--ink);transition:color .2s
}
#lcd-rz .faq .p {margin-left:auto;color:#7c5f16;font-size:20px;line-height:1;transition:transform .25s
}
#lcd-rz .faq details[open] .p {transform:rotate(45deg)
}
#lcd-rz .faq .a {padding:0 0 20px 44px;color:#4a4536;font-size:15.5px;line-height:1.62;max-width:70ch
}
/* ---------- zaver ---------- */
#lcd-rz .end {position:relative;isolation:isolate;overflow:hidden;text-align:center;color:#fff;
  background:var(--deep);padding:clamp(66px,9vw,140px) var(--pad)
}
#lcd-rz .endbg {position:absolute;inset:0;z-index:-2
}
#lcd-rz .endbg img {width:100%;height:100%;object-fit:cover;opacity:.3;filter:saturate(.82) contrast(1.04)
}
#lcd-rz .end:before {content:"";position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(64% 76% at 50% 40%,rgba(196,155,49,.26),rgba(196,155,49,0) 68%),
    linear-gradient(180deg,rgba(11,9,6,.88),rgba(11,9,6,.7) 44%,rgba(11,9,6,.95)),
    repeating-linear-gradient(45deg,rgba(230,200,119,.07) 0 1px,transparent 1px 42px),
    repeating-linear-gradient(-45deg,rgba(230,200,119,.07) 0 1px,transparent 1px 42px)
}
#lcd-rz .end .eyebrow {color:var(--gold-hi)
}
#lcd-rz .end h2 {max-width:18ch;margin:0 auto;color:#fff
}
#lcd-rz .end .lede {color:rgba(255,255,255,.78);margin:18px auto 32px;max-width:56ch
}
#lcd-rz .end-cta {display:flex;gap:14px;justify-content:center;flex-wrap:wrap
}
#lcd-rz .end-tr {display:flex;justify-content:center;flex-wrap:wrap;gap:clamp(14px,3vw,46px);
  margin:clamp(36px,5vw,58px) auto 0;padding-top:clamp(22px,3vw,32px);max-width:900px;
  border-top:1px solid rgba(230,200,119,.22)
}
#lcd-rz .end-tr span {display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);
  font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;
  color:rgba(255,255,255,.82)
}
#lcd-rz .end-tr span:before {content:"";flex:none;width:18px;height:18px;border-radius:50%;
  border:1px solid rgba(230,200,119,.5);
  background:radial-gradient(circle at 50% 50%,var(--gold-hi) 0 3.5px,transparent 3.5px)
}
@media(max-width:620px) {
  #lcd-rz .end-tr {gap:14px;flex-direction:column;align-items:center
  }
}
/* ---------- reveal ---------- */
#lcd-rz .rv {opacity:0;transform:translateY(26px);transition:opacity .7s,transform .8s cubic-bezier(.2,.7,.2,1)
}
#lcd-rz .rv.on {opacity:1;transform:none
}
@media(max-width:900px) {
  #lcd-rz .story {grid-template-columns:1fr;gap:0
  }
  #lcd-rz .story .sticky {height:34svh;top:96px;margin-bottom:22px
  }
  #lcd-rz .stepimg {display:none
  }
  #lcd-rz .steps {padding:0 0 12vh;gap:34px
  }
  #lcd-rz .stage {height:auto
  }
  #lcd-rz .stage .pin {position:static;height:auto;display:block;
    padding:clamp(28px,7vw,48px) var(--pad) clamp(24px,6vw,40px)
  }
  #lcd-rz .stage .pin .pinmain {grid-template-columns:1fr;gap:12px;display:block;grid-template-rows:auto
  }
  #lcd-rz .stage .pin:before {display:none
  }
  #lcd-rz .pintop {margin-top:14px
  }
  #lcd-rz .pinfoot {flex-wrap:wrap;gap:10px 12px;margin-top:18px;justify-content:space-between
  }
  #lcd-rz .pf-bar {order:3;flex-basis:100%;margin-top:2px
  }
  #lcd-rz .pf-cta {margin-left:auto
  }
  #lcd-rz .mbox {transition:transform .75s cubic-bezier(.2,.7,.2,1)
  }
  #lcd-rz .mat-hint {display:none
  }
  #lcd-rz .mat-toggle {display:inline-flex
  }
  #lcd-rz .exp {height:auto
  }
  #lcd-rz .konf {margin-top:-40px
  }
}
@media(prefers-reduced-motion:reduce) {
  #lcd-rz * {transition-duration:.01ms!important;animation-duration:.01ms!important
  }
  #lcd-rz .rv, #lcd-rz .pc, #lcd-rz .cmpc, #lcd-rz .konf .card {opacity:1;transform:none
  }
}
@media(max-width:760px) {
  #lcd-rz .hero {aspect-ratio:auto;min-height:0;max-height:none;display:block
  }
  #lcd-rz .hero .bg {position:relative;inset:auto;transform:none!important
  }
  #lcd-rz .hero .bg img {width:100%;height:auto;aspect-ratio:3920/1256;object-fit:cover
  }
  #lcd-rz .hero:after {display:none
  }
  #lcd-rz .hero .in {display:none
  }
  #lcd-rz .konf {margin-top:26px
  }
  #lcd-rz .konf .card {padding:26px 20px 30px
  }
  #lcd-rz .konf h2 {margin-top:14px
  }
  #lcd-rz .tab {font-size:10.5px;letter-spacing:.06em;padding:12px 4px;gap:6px
  }
  #lcd-rz .tab svg {width:17px;height:17px
  }
  #lcd-rz .fields {gap:18px
  }
  #lcd-rz .chapter {padding-top:64px;padding-bottom:64px
  }
  #lcd-rz .stat {padding:28px 22px
  }
}
/* ================= ROZCESTNIK ================= */
#lcd-rz .rz {position:relative;isolation:isolate;overflow:hidden;background:var(--deep);color:#fff
}
#lcd-rz .rz .bg {position:absolute;inset:0;z-index:-2
}
#lcd-rz .rz .bg img {width:100%;height:100%;object-fit:cover;opacity:.22;filter:saturate(.8)
}
#lcd-rz .rz:before {content:"";position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(76% 90% at 50% 0%,rgba(196,155,49,.28),rgba(196,155,49,0) 66%),
    linear-gradient(180deg,rgba(10,8,6,.86),rgba(10,8,6,.76) 46%,rgba(10,8,6,.96)),
    repeating-linear-gradient(45deg,rgba(230,200,119,.055) 0 1px,transparent 1px 42px),
    repeating-linear-gradient(-45deg,rgba(230,200,119,.055) 0 1px,transparent 1px 42px)
}
#lcd-rz .rz .in {max-width:1240px;margin:0 auto;padding:clamp(28px,4vw,58px) var(--pad) clamp(26px,3.4vw,46px);
  text-align:center
}
/* zlata ozdoba ako v menu */
#lcd-rz .orn {display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto clamp(12px,1.6vw,18px)
}
#lcd-rz .orn:before, #lcd-rz .orn:after {content:"";width:clamp(44px,7vw,96px);height:1px;
  background:linear-gradient(90deg,transparent,var(--gold))
}
#lcd-rz .orn:after {background:linear-gradient(90deg,var(--gold),transparent)
}
#lcd-rz .orn i {width:6px;height:6px;background:var(--gold);transform:rotate(45deg);flex:none
}
#lcd-rz .orn span {font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.28em;
  text-transform:uppercase;color:var(--gold-hi);white-space:nowrap
}
#lcd-rz .rz h1, #lcd-rz .rz .lcd-h1 {color:#fff;margin:0 auto;max-width:22ch;font-size:clamp(23px,3.4vw,46px);line-height:1.1
}
#lcd-rz .rz h1 em, #lcd-rz .rz .lcd-h1 em {display:block;font-style:normal;margin-top:6px;
  background:linear-gradient(100deg,var(--gold-lo),var(--gold-hi) 46%,var(--gold));
  -webkit-background-clip:text;background-clip:text;color:transparent
}
/* stitok vozidla */
#lcd-rz .plate {display:inline-flex;align-items:stretch;margin:clamp(18px,2.4vw,28px) auto 0;
  border:1px solid rgba(230,200,119,.42);border-radius:14px;overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  box-shadow:0 14px 34px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.09);
  max-width:100%;flex-wrap:wrap
}
#lcd-rz .plate .ic {display:flex;align-items:center;padding:0 14px;color:var(--gold-hi);
  border-right:1px solid rgba(230,200,119,.24);background:rgba(196,155,49,.1)
}
#lcd-rz .plate .ic svg {width:22px;height:22px
}
#lcd-rz .plate .v {display:flex;align-items:center;gap:0;flex-wrap:wrap
}
#lcd-rz .plate .v i {font-style:normal;padding:13px clamp(12px,1.6vw,20px);
  font-family:var(--disp);font-weight:700;font-size:clamp(12px,1.15vw,15px);color:#fff;white-space:nowrap;
  border-right:1px solid rgba(230,200,119,.18)
}
#lcd-rz .plate .v i:last-child {border-right:0
}
#lcd-rz .plate .ch {appearance:none;border:0;border-left:1px solid rgba(230,200,119,.24);cursor:pointer;
  background:rgba(196,155,49,.12);color:var(--gold-hi);padding:0 clamp(14px,1.6vw,20px);
  font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  transition:background .22s,color .22s;white-space:nowrap
}
#lcd-rz .plate .ch:hover {background:var(--gold-hi);color:#17130a
}
/* kroky */
#lcd-rz .rzsteps {display:flex;align-items:center;justify-content:center;gap:0;margin-top:clamp(20px,2.6vw,30px);
  flex-wrap:wrap
}
#lcd-rz .rzsteps div {display:flex;align-items:center;gap:9px;
  font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.15em;
  text-transform:uppercase;color:#7f7864
}
#lcd-rz .rzsteps div b {width:24px;height:24px;border-radius:50%;flex:none;display:flex;align-items:center;
  justify-content:center;font-size:10px;border:1px solid rgba(230,200,119,.32);color:#c9bfa4
}
#lcd-rz .rzsteps div.done {color:#bcb29a
}
#lcd-rz .rzsteps div.done b {background:rgba(196,155,49,.2);border-color:var(--gold);color:var(--gold-hi)
}
#lcd-rz .rzsteps div.on {color:#fff
}
#lcd-rz .rzsteps div.on b {background:linear-gradient(135deg,var(--gold-hi),var(--gold));border-color:var(--gold);
  color:#17130a;box-shadow:0 4px 14px rgba(140,105,25,.5)
}
#lcd-rz .rzsteps s {width:clamp(18px,3vw,52px);height:1px;background:rgba(230,200,119,.28);
  margin:0 clamp(8px,1.2vw,16px);flex:none
}
@media(max-width:520px) {
  #lcd-rz .rzsteps s {width:14px;margin:0 6px
  }
  #lcd-rz .rzsteps div {font-size:9px;letter-spacing:.1em
  }
}
/* konfigurator na vyziadanie */
#lcd-rz .rz-konf {margin-top:0;padding-top:clamp(20px,2.6vw,32px)
}
#lcd-rz .rz-konf .card {transform:none;opacity:1;max-width:1240px
}
#lcd-rz .rz-konf[hidden] {display:none
}
/* ---------- vyber ---------- */
#lcd-rz .pick {padding:clamp(34px,4.6vw,70px) var(--pad) clamp(40px,5.4vw,88px)
}
#lcd-rz .pick .wrap {max-width:1240px;margin:0 auto
}
#lcd-rz .duo {display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.2vw,30px);align-items:stretch
}
@media(min-width:901px) {
  #lcd-rz .duo>.opt {height:100%
  }
}
@media(max-width:900px) {
  #lcd-rz .duo>.opt {height:auto;align-self:stretch
  }
}
/* ---------- TELEFON: karty vedla seba, prepina sa prstom ---------- */
@media(max-width:900px) {
  #lcd-rz .duo {display:flex;grid-template-columns:none;align-items:stretch;gap:14px;
    overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;
    margin-left:calc(var(--pad)*-1);margin-right:calc(var(--pad)*-1);
    padding:2px var(--pad) 12px;scroll-padding-left:var(--pad);
    scrollbar-width:none;-webkit-overflow-scrolling:touch
  }
  #lcd-rz .duo::-webkit-scrollbar {display:none
  }
  #lcd-rz .duo>.opt {flex:0 0 86%;flex-basis:min(84%,335px);min-width:0;scroll-snap-align:start;margin:0
  }
}
#lcd-rz .duodots {display:none;justify-content:center;align-items:center;gap:9px;margin:22px 0 0
}
#lcd-rz .duodots span {width:7px;height:7px;border-radius:50%;background:rgba(155,122,36,.30);
  transition:width .3s,background .3s
}
#lcd-rz .duodots span.on {width:22px;border-radius:999px;
  background:linear-gradient(100deg,var(--gold-lo),var(--gold-hi) 48%,var(--gold))
}
#lcd-rz .duoswipe {display:none;align-items:center;justify-content:center;gap:8px;margin:11px 0 0;
  font-family:var(--disp);font-weight:700;font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--mute)
}
#lcd-rz .duoswipe:before, #lcd-rz .duoswipe:after {content:"";width:8px;height:8px;
  border-top:1.6px solid var(--gold);border-right:1.6px solid var(--gold)
}
#lcd-rz .duoswipe:before {transform:rotate(-135deg)
}
#lcd-rz .duoswipe:after {transform:rotate(45deg)
}
@media(max-width:900px) {
  #lcd-rz .duoswipe {display:flex
  }
  #lcd-rz .duodots {display:flex
  }
}
/* sipky pri „Potiahnite prstom“ sa jemne hybu do stran (Michal 6. 10. 2026: napoveda na posuvanie) */
@media(max-width:900px) and (prefers-reduced-motion:no-preference) {
  #lcd-rz .duoswipe:before {animation:lcdrz-sipL 1.6s ease-in-out 8
  }
  #lcd-rz .duoswipe:after {animation:lcdrz-sipP 1.6s ease-in-out 8
  }
}
@keyframes lcdrz-sipL {0%,100%{transform:translateX(0) rotate(-135deg)}50%{transform:translateX(-5px) rotate(-135deg)}
}
@keyframes lcdrz-sipP {0%,100%{transform:translateX(0) rotate(45deg)}50%{transform:translateX(5px) rotate(45deg)}
}
/* stlmena plocha s napovedou — ukaze sa hned po otvoreni, zmizne po tuknuti */
#lcd-rz .duowrap {position:relative
}
#lcd-rz .duocoach {position:absolute;top:-6px;bottom:-6px;left:calc(var(--pad)*-1);right:calc(var(--pad)*-1);
  z-index:20;display:none;background:rgba(8,6,4,.52);pointer-events:none;
  opacity:0;transition:opacity .5s
}
@media(max-width:900px) {
  #lcd-rz .duocoach {display:block
  }
}
#lcd-rz .duocoach.on {opacity:1
}
#lcd-rz .duocoach.pryc {opacity:0;pointer-events:none
}
#lcd-rz .dc-panel {position:absolute;left:50%;top:0;transform:translate(-50%,-50%);
  display:flex;flex-direction:column;align-items:center;gap:14px;
  padding:24px 22px 20px;border-radius:20px;width:290px;max-width:calc(100% - 44px);
  background:linear-gradient(180deg,rgba(26,21,14,.96),rgba(16,13,9,.96));
  border:1px solid rgba(230,200,119,.34);box-shadow:0 20px 50px rgba(0,0,0,.5)
}
#lcd-rz .dc-anim {position:relative;width:212px;height:66px;color:#fff
}
#lcd-rz .dc-arrow {position:absolute;left:0;right:0;top:50%;margin-top:-6px;display:flex;align-items:center;
  gap:6px;color:var(--gold-hi)
}
#lcd-rz .dc-arrow i {font-style:normal;width:10px;height:10px;flex:none;transform:rotate(45deg)
}
#lcd-rz .dc-arrow i.l {border-left:2px solid currentColor;border-bottom:2px solid currentColor
}
#lcd-rz .dc-arrow i.r {border-right:2px solid currentColor;border-top:2px solid currentColor
}
#lcd-rz .dc-arrow i.l:nth-child(1) {animation:lcdrz-dcSip 3.2s ease-in-out .2s infinite
}
#lcd-rz .dc-arrow i.l:nth-child(2) {animation:lcdrz-dcSip 3.2s ease-in-out infinite
}
#lcd-rz .dc-arrow i.r:nth-child(4) {animation:lcdrz-dcSip 3.2s ease-in-out 1.6s infinite
}
#lcd-rz .dc-arrow i.r:nth-child(5) {animation:lcdrz-dcSip 3.2s ease-in-out 1.8s infinite
}
#lcd-rz .dc-arrow b {flex:1;height:2px;border-radius:2px;opacity:.5;
  background:linear-gradient(90deg,rgba(230,200,119,0),currentColor 30%,currentColor 70%,rgba(230,200,119,0))
}
@keyframes lcdrz-dcSip {0%,100%{opacity:.25}50%{opacity:1}
}
#lcd-rz .dc-hand {position:absolute;left:50%;top:10px;margin-left:-24px;width:48px;height:48px;
  color:#fff;animation:lcdrz-dcRuka 3.2s cubic-bezier(.45,0,.35,1) infinite
}
#lcd-rz .dc-hand svg {width:100%;height:100%;filter:drop-shadow(0 3px 8px rgba(0,0,0,.55))
}
#lcd-rz .dc-hand:before {content:"";position:absolute;left:50%;top:4px;width:38px;height:38px;margin-left:-19px;
  border-radius:50%;background:rgba(230,200,119,.30);animation:lcdrz-dcPuls 3.2s ease-in-out infinite
}
@keyframes lcdrz-dcRuka {0%{transform:translateX(56px);opacity:0}
  12%{transform:translateX(48px);opacity:1}
  50%{transform:translateX(-56px);opacity:1}
  88%{transform:translateX(48px);opacity:1}
  100%{transform:translateX(56px);opacity:0}
}
@keyframes lcdrz-dcPuls {0%,100%{transform:scale(.7);opacity:.25}50%{transform:scale(1);opacity:.7}
}
#lcd-rz .dc-txt {text-align:center;color:rgba(255,255,255,.82);font-size:12px;line-height:1.4
}
#lcd-rz .dc-txt b {display:block;font-family:var(--disp);font-weight:800;font-size:17px;margin-top:5px;
  color:var(--gold-hi);letter-spacing:.01em;line-height:1.25
}
#lcd-rz .dc-tap {font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold-hi);border-top:1px solid rgba(230,200,119,.20);padding-top:12px;width:100%;
  text-align:center;opacity:.85
}
@media(prefers-reduced-motion:reduce) {
  #lcd-rz .dc-hand, #lcd-rz .dc-hand:before, #lcd-rz .dc-arrow i {animation:none
  }
}
#lcd-rz .opt {position:relative;border-radius:20px;overflow:hidden;background:var(--paper);
  border:1px solid var(--line);box-shadow:0 10px 30px rgba(20,15,5,.12);
  display:flex;flex-direction:column;
  transition:transform .38s cubic-bezier(.2,.7,.2,1),box-shadow .38s
}
#lcd-rz .opt:hover {transform:translateY(-6px);box-shadow:0 30px 60px rgba(20,15,5,.24)
}
#lcd-rz .opt.top {border:2px solid var(--gold);box-shadow:0 16px 40px rgba(140,105,25,.26)
}
#lcd-rz .opt .ph {position:relative;overflow:hidden;background:var(--deep)
}
#lcd-rz .opt .ph img {width:100%;aspect-ratio:4/3;object-fit:cover;display:block;
  --x:0;
  transition:transform .7s cubic-bezier(.2,.7,.2,1)
}
#lcd-rz .opt:hover .ph img {transform:scale(1.04)
}
#lcd-rz .opt .ph:after {content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(8,6,4,.5) 0%,rgba(8,6,4,0) 34%,rgba(8,6,4,0) 42%,rgba(8,6,4,.9) 100%)
}
/* nazov priamo na fotke — zakaznik hned vie, na co sa pozera */
#lcd-rz .opt .on-ph {position:absolute;left:0;right:0;bottom:0;z-index:2;padding:0 clamp(16px,2vw,24px) clamp(14px,1.8vw,20px)
}
#lcd-rz .opt .on-ph .t {display:block;font-family:var(--disp);font-weight:800;text-transform:uppercase;
  color:#fff;font-size:clamp(21px,2.4vw,32px);line-height:1.05;letter-spacing:.02em;
  text-shadow:0 2px 14px rgba(0,0,0,.6)
}
#lcd-rz .opt .on-ph .s {display:block;margin-top:7px;font-family:var(--mono);font-size:clamp(10px,1vw,11.5px);
  font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-hi)
}
#lcd-rz .opt .body {padding:clamp(15px,1.8vw,22px);display:flex;flex-direction:column;gap:clamp(13px,1.6vw,18px);flex:1
}
#lcd-rz .opt .why {display:grid;grid-template-columns:1fr;gap:8px 14px;margin:0;padding:0;list-style:none
}
/* pocitac: tri body vlavo, tri vpravo — vypĺňa sa po stĺpcoch, nie po riadkoch */
@media(min-width:901px) {
  #lcd-rz .opt .why {grid-template-columns:1fr 1fr;gap:9px 14px;
  grid-template-rows:repeat(3,auto);grid-auto-flow:column
  }
}
#lcd-rz .opt .why li {position:relative;padding-left:20px;font-size:14px;line-height:1.35;color:#4a4536;
  font-weight:600
}
@media(max-width:400px) {
  #lcd-rz .opt .why li {font-size:13.5px;padding-left:18px
  }
}
@media(min-width:901px) {
  #lcd-rz .opt .why li.sirka {grid-column:auto
  }
}
#lcd-rz .opt .why li.sirka {line-height:1.3
}
#lcd-rz .opt .why li:before {content:"";position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:50%;
  background:linear-gradient(135deg,var(--gold-hi),var(--gold))
}
#lcd-rz .vzory {display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(7px,.9vw,11px)
}
#lcd-rz .vzory a {display:block;border-radius:11px;overflow:hidden;border:1px solid var(--line);background:#fff;
  transition:border-color .25s,transform .25s,box-shadow .25s
}
#lcd-rz .vzory a:hover {border-color:var(--gold);transform:translateY(-3px);box-shadow:0 10px 22px rgba(20,15,5,.16)
}
#lcd-rz .vzory img {width:100%;aspect-ratio:1/1;object-fit:cover;display:block
}
#lcd-rz .vzory .t {display:block;text-align:center;padding:8px 2px 9px;font-family:var(--disp);
  font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);
  line-height:1.2;white-space:nowrap
}
@media(max-width:1100px) {
  #lcd-rz .vzory .t {font-size:10px;letter-spacing:.02em;padding-left:0;padding-right:0
  }
}
#lcd-rz .opt .go {margin-top:auto
}
#lcd-rz .opt .go .btn {width:100%;justify-content:center;height:56px;padding:0;font-size:13px
}
#lcd-rz .opt .go .btn.ghost {color:var(--ink)
}
#lcd-rz .tip {margin:6px 0 0;font-family:var(--mono);font-size:10px;letter-spacing:.13em;
  text-transform:uppercase;color:var(--mute);text-align:center
}
#lcd-rz .top-badge {position:absolute;top:14px;left:14px;z-index:3;display:inline-flex;align-items:center;gap:7px;
  font-family:var(--disp);font-weight:800;font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  padding:8px 14px;border-radius:999px;color:#17130a;overflow:hidden;
  background:linear-gradient(100deg,var(--gold-lo),var(--gold-hi) 46%,var(--gold));
  border:1px solid rgba(255,255,255,.45);box-shadow:0 8px 22px rgba(140,105,25,.45)
}
#lcd-rz .top-badge:before {content:"";width:12px;height:12px;flex:none;background:currentColor;
  -webkit-mask:var(--ico-star) center/contain no-repeat;mask:var(--ico-star) center/contain no-repeat
}
#lcd-rz .top-badge:after {content:"";position:absolute;top:0;bottom:0;width:40%;left:-50%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);
  animation:lcdrz-sheen 4.2s ease-in-out 1.6s infinite
}
/* pomoc na konci */
#lcd-rz .help {border-top:1px solid var(--line);margin-top:clamp(30px,4vw,54px);
  padding-top:clamp(22px,3vw,34px);display:flex;align-items:center;justify-content:center;
  gap:clamp(12px,2vw,22px);flex-wrap:wrap;text-align:center
}
#lcd-rz .help p {color:var(--mute);font-size:15px;margin:0
}
#lcd-rz .help .btn {height:48px;padding:0 24px;font-size:12px
}
@media(max-width:640px) {
  /* stitok vozidla: hodnoty v jednom riadku s bodkami, pod nimi pas Zmenit */
  #lcd-rz .plate {display:flex;flex-direction:column;align-items:stretch;
    width:100%;max-width:420px;border-radius:14px
  }
  #lcd-rz .plate .ic {display:none
  }
  #lcd-rz .plate .v {justify-content:center;padding:11px 6px 12px;gap:0
  }
  #lcd-rz .plate .v i {border:0;padding:5px 11px;font-size:13.5px;position:relative
  }
  #lcd-rz .plate .v i + i:before {content:"";position:absolute;left:-2px;top:50%;
    width:3px;height:3px;margin-top:-1.5px;border-radius:50%;background:rgba(230,200,119,.55)
  }
  #lcd-rz .plate .ch {border:0;border-top:1px solid rgba(230,200,119,.22);padding:13px 14px;
    background:linear-gradient(100deg,rgba(196,155,49,.2),rgba(196,155,49,.1))
  }
  #lcd-rz .rzsteps s {display:none
  }
  #lcd-rz .rzsteps {gap:8px 14px
  }
  #lcd-rz .rz .in {padding-bottom:clamp(22px,4vw,30px)
  }
}
/* ---------- TELEFON: cela karta sa musi zmestit na jednu obrazovku ---------- */
@media(max-width:900px) {
  #lcd-rz .opt .ph img {aspect-ratio:4/3
  }
  #lcd-rz .opt .body {padding:14px 13px 14px;gap:12px
  }
  #lcd-rz .opt .why {gap:7px
  }
  #lcd-rz .vzory img {aspect-ratio:1/1
  }
  #lcd-rz .vzory .t {padding:6px 2px 7px
  }
  #lcd-rz .opt .go .btn {height:48px
  }
  #lcd-rz .opt .go .tip {font-size:10px;margin-top:7px
  }
  /* spodny blok drzime nizky — na telefone sa stranka otvara prave tu */
  #lcd-rz .help {margin-top:14px;padding-top:13px;gap:9px
  }
  #lcd-rz .help p {font-size:13.5px;line-height:1.4
  }
  #lcd-rz .help .btn {height:42px;padding:0 18px;font-size:11px
  }
  #lcd-rz .pick {padding-bottom:clamp(16px,2.6vw,24px)
  }
  #lcd-rz .duoswipe {margin-top:11px;font-size:10.5px
  }
  #lcd-rz .duodots {margin-top:22px
  }
}
@media(max-width:520px) {
  #lcd-rz .opt .go .btn {height:52px;font-size:12px
  }
  #lcd-rz .vzory .t {font-size:9.5px;letter-spacing:.01em
  }
}
/* ===== RZ-UPRAVY 2026-08-27 (Michal): inline zmena v hlavicke, klikatelna karta, zelene CTA ===== */
/* 1. segmenty v hlavicke sa daju klikat a menit priamo tam */
#lcd-rz .plate .v i {cursor:pointer;position:relative;padding:2px 6px;border-radius:7px;
  border:1px dashed rgba(230,200,119,.45);transition:background .18s,border-color .18s
}
#lcd-rz .plate .v i:hover {background:rgba(230,200,119,.14);border-color:var(--gold-hi)
}
#lcd-rz .plate .v i.rz-akt {background:rgba(230,200,119,.2);border-style:solid
}
#lcd-rz .plate .v select.rz-inline {font:inherit;color:inherit;background:#17130a;border:1px solid var(--gold-hi);
  border-radius:7px;padding:3px 8px;max-width:min(52vw,240px)
}
#lcd-rz .plate .hint {display:block;width:100%;margin-top:6px;font-family:var(--mono);font-size:9.5px;
  letter-spacing:.14em;text-transform:uppercase;color:rgba(230,200,119,.75)
}
/* 2. cela karta vyberu je klikatelna */
#lcd-rz .opt {cursor:pointer
}
#lcd-rz .opt:hover {box-shadow:0 22px 52px rgba(20,15,5,.20)
}
#lcd-rz .opt .vzory a, #lcd-rz .opt .go a {cursor:pointer
}
/* 3. hlavne CTA v karte: zelene so zlatym lemom */
#lcd-rz .opt .go .btn {background:linear-gradient(100deg,#1d6b4a,#2f9c68 42%,#1f7350);color:#fff;
  border:1px solid var(--gold-hi);
  box-shadow:0 10px 26px rgba(31,115,80,.34),inset 0 1px 0 rgba(255,255,255,.22)
}
#lcd-rz .opt .go .btn:hover {background:linear-gradient(100deg,#227954,#35ad74 42%,#238057);
  box-shadow:0 16px 36px rgba(31,115,80,.44)
}
#lcd-rz [id]{scroll-margin-top:130px}
/* ===== LCD-RZ ARMOR - kontra na temove section{padding:0!important} na mobile ===== */
#lcd-rz section{padding:0 !important;margin:0 !important}
#lcd-rz .konf{margin-top:-72px !important;padding:0 var(--pad) !important}
@media(max-width:900px){#lcd-rz .konf{margin-top:-40px !important}}
@media(max-width:760px){#lcd-rz .konf{margin-top:26px !important}}
#lcd-rz .rz-konf{margin-top:0 !important;padding-top:clamp(20px,2.6vw,32px) !important}
#lcd-rz .pick{padding:clamp(34px,4.6vw,70px) var(--pad) clamp(40px,5.4vw,88px) !important}
#lcd-rz .row{margin-left:0 !important;margin-right:0 !important}
#lcd-rz .row > *:not(.btn){padding-left:0 !important;padding-right:0 !important}
#lcd-rz .btn{line-height:inherit !important;text-align:inherit}
#lcd-rz .btn{padding:16px 30px !important}
#lcd-rz .btn.go{padding:0 !important}
#lcd-rz .opt .go .btn{padding:0 !important}
#lcd-rz button{line-height:normal}
/* ===== LCDRZ BRIDGE - adoptovany konfigurator v style navrhu ===== */
#lcd-rz .lcdrz-konf-slot .lcd-vehicle-switch{display:flex;gap:5px;background:#eceae5;
  border:1px solid #d9d4c6;border-radius:999px;padding:5px;margin:2px 0 18px}
#lcd-rz .lcdrz-konf-slot .lcd-vehicle-switch__tab{flex:1;display:flex;flex-direction:row;
  align-items:center;justify-content:center;gap:7px;background:transparent;border:0;
  border-radius:999px;padding:10px 8px;font-family:var(--disp);font-weight:700;
  font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#3d3728;cursor:pointer}
#lcd-rz .lcdrz-konf-slot .lcd-vehicle-switch__tab svg{width:17px;height:17px;flex:none}
#lcd-rz .lcdrz-konf-slot .lcd-vehicle-switch__tab.is-active{color:#17130a;
  background:linear-gradient(100deg,var(--gold-lo),var(--gold-hi) 48%,var(--gold));
  box-shadow:0 4px 12px rgba(140,105,25,.28)}
#lcd-rz .lcdrz-konf-slot .modl-selector-wrap{display:flex;flex-direction:column;gap:14px;margin:0;
  background:none !important}
#lcd-rz .lcdrz-konf-slot .modl-selector-wrap::before,
#lcd-rz .lcdrz-konf-slot .modl-selector-wrap::after{display:none !important;content:none !important}
#lcd-rz .lcdrz-konf-slot .modl-selector-wrap .surcharge-list{margin:0;padding:0;width:100%}
#lcd-rz .lcdrz-konf-slot .surcharge-list{text-align:left}
#lcd-rz .lcdrz-konf-slot .surcharge-list::before{display:block;text-align:left;font-family:var(--disp);
  font-weight:600;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  color:#3d3728;margin:0 0 7px;content:""}
#lcd-rz .lcdrz-konf-slot .surcharge-list.brands::before{content:"Značka"}
#lcd-rz .lcdrz-konf-slot .surcharge-list.models::before{content:"Model"}
#lcd-rz .lcdrz-konf-slot .surcharge-list.years::before{content:"Rok výroby"}
#lcd-rz .lcdrz-konf-slot .surcharge-list.type-selector::before{content:"Typ karosérie"}
#lcd-rz .lcdrz-konf-slot .konf-note{display:block;margin:14px 0 0;text-align:center;
  font-size:13px;color:#6b6450}
#lcd-rz .lcdrz-konf-slot select{width:100%;height:46px;background:#eceae5;
  border:1px solid #d9d4c6;border-radius:12px;padding:0 40px 0 14px;
  font-family:var(--body);font-size:14px;color:#4a4433;appearance:none;-webkit-appearance:none;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%237c5f16' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center}
#lcd-rz .lcdrz-konf-slot .btn.choice-Model{display:flex;align-items:center;justify-content:center;
  width:100%;height:56px;margin:16px 0 0;background:linear-gradient(100deg,#1d6b4a,#2f9c68 42%,#1f7350);
  color:#fff;border:0;border-radius:12px;font-family:var(--disp);font-weight:800;font-size:14px;
  letter-spacing:.12em;text-transform:uppercase;cursor:pointer;padding:0 26px;
  box-shadow:0 10px 26px rgba(31,115,80,.34),inset 0 1px 0 rgba(255,255,255,.22)}
@media(min-width:761px){
  /* PC: 4 bunky vedla seba (Znacka/Model/Rok/Typ), tlacidlo dole na celu sirku */
  #lcd-rz .lcdrz-konf-slot .modl-selector-wrap{display:flex;flex-direction:row;flex-wrap:wrap;
    justify-content:center;align-items:flex-end;gap:16px 18px}
  #lcd-rz .lcdrz-konf-slot .modl-selector-wrap .surcharge-list{flex:0 1 calc(25% - 14px);min-width:170px}
  #lcd-rz .lcdrz-konf-slot .btn.choice-Model{flex:0 0 100%;margin:6px 0 0;white-space:nowrap}
  #lcd-rz .lcdrz-konf-slot .lcd-vehicle-switch{max-width:none;margin-bottom:22px}
  #lcd-rz .lcdrz-konf-slot .lcd-vehicle-switch__tab{padding:14px 10px;font-size:12px;gap:9px}
  #lcd-rz .lcdrz-konf-slot .lcd-vehicle-switch__tab svg{width:19px;height:19px}
}
/* ===== LCD-RZ END ===== */

/* ===== LCD-HDR START - generovane tools/vloz-lcd-css.py z _lcdNativeHdr.scss (kreslena hlavicka #lcd-hdr + nativna hlavicka Shoptetu + staticke #mega), needituj rucne ===== */
/* =====================================================================
   HLAVIČKA A MENU — partial pre blok LCD-HDR (vkladá tools/vloz-lcd-css.py)
   Web bez prekrývania (10/2026):
   A) kreslená hlavička #lcd-hdr (prechod: kreslí ju lcdHdr.js, kým hlavička nie je natívna)
      — rovnaký vzhľad dostáva aj statické menu #mega[data-lcd-cast] z banneru 172 (SK) / 108 (CZ)
   B) statické menu: otvára ho stav Shoptetu body.navigation-window-visible (natívny burger),
      panel je nad hlavičkou aj nad cookie lištou
   C) natívna hlavička Shoptetu (.top-navigation-bar + #header) vo vzhľade #lcd-hdr.
      Platí len v režime natívnej hlavičky: html.lcd-native-hdr (riadok v HTML kódoch Záhlavia,
      prípadne doplní JS) alebo stránka so statickým koreňom [data-lcd-cast]. Inak ostáva dnešný stav.
   ===================================================================== */

/* ---------- A) kreslená hlavička #lcd-hdr + vzhľad menu (aj statického #mega) ---------- */
#lcd-hdr, #mega[data-lcd-cast]{--ink:#14110c; --ground:#eceae5; --paper:#fff; --line:#d9d4c6;
  --gold:#c49b31; --gold-hi:#e6c877; --gold-lo:#8f7020;
  --mute:#6e6752; --deep:#181510;
  --sand:#f6f4ef; --sand2:#e4e0d4;
  --disp:"Exo 2","Segoe UI",Arial,sans-serif;
  --body:"Source Sans 3","Segoe UI",Arial,sans-serif;
  --mono:"Exo 2","Segoe UI",Arial,sans-serif;
  --pad:clamp(18px,5vw,80px);
  --ico-tel:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 01-2.2 2 19.8 19.8 0 01-8.6-3.1 19.5 19.5 0 01-6-6A19.8 19.8 0 012.1 4.2 2 2 0 014.1 2h3a2 2 0 012 1.7c.1 1 .3 1.9.6 2.8a2 2 0 01-.5 2.1L8.1 9.9a16 16 0 006 6l1.3-1.1a2 2 0 012.1-.5c.9.3 1.8.5 2.8.6a2 2 0 011.7 2z'/%3E%3C/svg%3E");
  --ico-star:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2l2.9 6.3 6.9.8-5.1 4.7 1.4 6.8L12 17.3 5.9 20.6l1.4-6.8L2.2 9.1l6.9-.8z"/></svg>');}
#lcd-hdr .hdr{position:sticky;top:0;z-index:60;background:#0d0d0d;
  box-shadow:0 2px 20px rgba(0,0,0,.4)}
#lcd-hdr .hdr .in{max-width:1240px;margin:0 auto;padding:0 clamp(14px,3vw,30px);height:74px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative}
/* logo v plakete, ktora previsa pod pas a vystupuje do priestoru */
#lcd-hdr .hdr .logo{position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:2;
  display:flex;align-items:flex-start;justify-content:center;
  background:linear-gradient(180deg,#191919 0%,#0d0d0d 46%,#050505 100%);
  padding:8px 30px 16px;border-radius:0 0 14px 14px;
  border:1px solid rgba(230,200,119,.2);border-top:0;
  box-shadow:0 18px 38px rgba(0,0,0,.72),0 3px 10px rgba(0,0,0,.5),
    inset 0 -1px 0 rgba(230,200,119,.34),inset 1px 0 0 rgba(255,255,255,.05),
    inset -1px 0 0 rgba(255,255,255,.05);
  transition:padding-bottom .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
#lcd-hdr .hdr .logo:after{content:"";position:absolute;left:14%;right:14%;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold-hi),transparent);opacity:.85}
#lcd-hdr .hdr .logo img{height:70px;width:auto;display:block;
  filter:drop-shadow(0 3px 10px rgba(196,155,49,.4)) drop-shadow(0 1px 2px rgba(0,0,0,.7));
  transition:transform .3s cubic-bezier(.2,.7,.2,1)}
#lcd-hdr .hdr .logo:hover{padding-bottom:21px;box-shadow:0 24px 48px rgba(0,0,0,.8),
    inset 0 -1px 0 rgba(230,200,119,.5)}
#lcd-hdr .hdr .logo:hover img{transform:scale(1.03)}
#lcd-hdr .hdr .side{display:flex;align-items:center;gap:clamp(10px,1.6vw,18px);flex:none;margin-left:auto}
#lcd-hdr .hdr .kont{font-family:var(--disp);font-weight:800;font-size:13px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--gold-hi);white-space:nowrap;
  transition:color .22s}
#lcd-hdr .hdr .kont:hover{color:#fff}
#lcd-hdr .hdr .cart{display:flex;align-items:center;justify-content:center;width:34px;height:34px;
  color:var(--gold-hi);transition:color .22s,transform .22s}
#lcd-hdr .hdr .cart svg{width:24px;height:24px}
#lcd-hdr .hdr .cart:hover{color:#fff;transform:translateY(-1px)}
#lcd-hdr .hdr .lang{display:flex;align-items:center;border:0;background:none;padding:0;cursor:pointer;
  margin-left:clamp(12px,2.6vw,20px)}
#lcd-hdr .hdr .lang svg{width:26px;height:19px;border-radius:2px;display:block;
  box-shadow:0 1px 4px rgba(0,0,0,.5);transition:transform .22s}
#lcd-hdr .hdr .lang:hover svg{transform:scale(1.08)}
#lcd-hdr .burg{display:flex;width:40px;height:34px;border:0;background:none;border-radius:0;
  align-items:center;justify-content:center;flex-direction:column;gap:6px;cursor:pointer;padding:0;flex:none}
#lcd-hdr .burg i{display:block;width:30px;height:3px;border-radius:2px;background:var(--gold-hi);
  transition:transform .25s,opacity .2s,background .2s}
#lcd-hdr .burg:hover i{background:#fff}
/* hamburger otvara mega menu — stav drzi aria-expanded */
#lcd-hdr .burg[aria-expanded="true"] i:nth-child(1){transform:translateY(9px) rotate(45deg)}
#lcd-hdr .burg[aria-expanded="true"] i:nth-child(2){opacity:0}
#lcd-hdr .burg[aria-expanded="true"] i:nth-child(3){transform:translateY(-9px) rotate(-45deg)}
/* ---------- MEGA MENU (hamburger) — rovnake ako na zivom webe ---------- */
#lcd-hdr .mega, #mega[data-lcd-cast]{position:fixed;top:82px;left:var(--pad);z-index:70;width:min(600px,calc(100vw - 24px));
  max-height:calc(100vh - 100px);overflow-y:auto;overscroll-behavior:contain;
  background:#eceae5;border:2px solid #c49b31;border-radius:14px;
  box-shadow:0 14px 40px rgba(0,0,0,.22);padding:0;display:none;
  scrollbar-width:thin;scrollbar-color:#c49b31 rgba(155,122,36,.16)}
#lcd-hdr .mega.open{display:block}
/* statické #mega žije v stĺpci pätičky Shoptetu — nededí jeho typografiu (text-transform:uppercase, prekladanie…);
   kreslené menu ju dedí z #lcd-hdr / #lcd-home, kde nie je. Písmo a veľkosti dávajú pravidlá nižšie. */
#mega[data-lcd-cast]{text-transform:none;letter-spacing:normal;word-spacing:normal;text-indent:0;text-align:left;font-style:normal;white-space:normal}
/* šablóna: footer#footer h4, footer#footer a, footer#footer li {text-transform:uppercase} — (1,0,2); toto (1,1,1) ju prebije,
   vlastné pravidlá menu (#mega[data-lcd-cast] .trieda …) majú vyššiu špecificitu a ostávajú */
#mega[data-lcd-cast] :is(a,h4,li){text-transform:none}
#lcd-hdr .mega::-webkit-scrollbar, #mega[data-lcd-cast]::-webkit-scrollbar{width:12px}
#lcd-hdr .mega::-webkit-scrollbar-track, #mega[data-lcd-cast]::-webkit-scrollbar-track{background:rgba(155,122,36,.14);border-radius:10px;margin:8px 4px 8px 0}
#lcd-hdr .mega::-webkit-scrollbar-thumb, #mega[data-lcd-cast]::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#e0c069,#c49b31 45%,#9b7a24);
  border-radius:10px;border:2px solid #eceae5;min-height:60px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
#lcd-hdr .mega .lc, #mega[data-lcd-cast] .lc{position:relative;padding:22px 14px 28px;font-family:var(--body)}
#lcd-hdr .mega .lc *, #mega[data-lcd-cast] .lc *{box-sizing:border-box}
#lcd-hdr .lc-t, #mega[data-lcd-cast] .lc-t{text-align:center;line-height:1.22}
#lcd-hdr .lc-t b, #mega[data-lcd-cast] .lc-t b{display:block;color:#171717;font-size:21px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}
#lcd-hdr .lc-t span, #mega[data-lcd-cast] .lc-t span{display:block;color:#9b7a24;font-size:21px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}
#lcd-hdr .lc-orn, #mega[data-lcd-cast] .lc-orn{display:flex;align-items:center;justify-content:center;gap:9px;margin:11px 0 4px}
#lcd-hdr .lc-orn:before, #lcd-hdr .lc-orn:after, #mega[data-lcd-cast] .lc-orn:before, #mega[data-lcd-cast] .lc-orn:after{content:"";width:74px;height:1px;background:linear-gradient(90deg,transparent,#c49b31)}
#lcd-hdr .lc-orn:after, #mega[data-lcd-cast] .lc-orn:after{background:linear-gradient(90deg,#c49b31,transparent)}
#lcd-hdr .lc-orn i, #mega[data-lcd-cast] .lc-orn i{width:6px;height:6px;background:#c49b31;transform:rotate(45deg)}
#lcd-hdr .lc-sek, #mega[data-lcd-cast] .lc-sek{display:flex;align-items:center;gap:11px;margin:22px 0 13px}
#lcd-hdr .lc-sek:before, #lcd-hdr .lc-sek:after, #mega[data-lcd-cast] .lc-sek:before, #mega[data-lcd-cast] .lc-sek:after{content:"";flex:1;height:1px;background:rgba(155,122,36,.45)}
#lcd-hdr .lc-sek span, #mega[data-lcd-cast] .lc-sek span{color:#9b7a24;font-size:12px;font-weight:800;letter-spacing:2.2px;text-transform:uppercase;white-space:nowrap}
#lcd-hdr .lc-hero, #mega[data-lcd-cast] .lc-hero{border:1.5px solid #c49b31;border-radius:14px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.28);background:#141210;margin-bottom:12px;display:block}
#lcd-hdr .lc-skl, #mega[data-lcd-cast] .lc-skl{display:grid;grid-template-columns:1fr 32px 1fr 32px 1fr;align-items:center;
  background:radial-gradient(120% 100% at 50% 0%,#241f16,#141210 72%);padding:14px 12px 12px}
#lcd-hdr .lc-dl, #mega[data-lcd-cast] .lc-dl{text-align:center}
#lcd-hdr .lc-dl img, #mega[data-lcd-cast] .lc-dl img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;border-radius:9px;border:1.5px solid rgba(196,155,49,.75)}
#lcd-hdr .lc-dl .lc-lbl, #mega[data-lcd-cast] .lc-dl .lc-lbl{color:#e6d3a3;font-size:8.5px;font-weight:700;letter-spacing:.9px;text-transform:uppercase;
  margin-top:8px;line-height:1.3;min-height:24px;display:flex;align-items:flex-start;justify-content:center;text-align:center}
#lcd-hdr .lc-plus, #mega[data-lcd-cast] .lc-plus{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#e6c877,#b8901f);
  color:#1a1408;font-size:17px;font-weight:900;display:flex;align-items:center;justify-content:center;margin:0 auto 32px;box-shadow:0 3px 9px rgba(0,0,0,.5)}
#lcd-hdr .lc-spodok, #mega[data-lcd-cast] .lc-spodok{background:#141210;padding:2px 14px 15px;text-align:center}
#lcd-hdr .lc-k, #mega[data-lcd-cast] .lc-k{color:#fff;font-size:15.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;line-height:1.3}
#lcd-hdr .lc-s, #mega[data-lcd-cast] .lc-s{color:#bda978;font-size:11.5px;margin:6px 0 12px;line-height:1.4}
#lcd-hdr .lc-btn, #mega[data-lcd-cast] .lc-btn{display:block;background:linear-gradient(90deg,#b8901f,#f0d78f 45%,#c49b31);color:#1a1408;
  font-size:12.5px;font-weight:900;letter-spacing:1.6px;padding:14px 0;border-radius:10px;text-transform:uppercase;
  text-align:center;box-shadow:0 5px 16px rgba(196,155,49,.38)}
#lcd-hdr .lc-typy, #mega[data-lcd-cast] .lc-typy{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#lcd-hdr .lc-typ, #mega[data-lcd-cast] .lc-typ{background:#fff;border:1.5px solid rgba(196,155,49,.85);border-radius:14px;overflow:hidden;
  box-shadow:0 3px 12px rgba(0,0,0,.16);display:block}
#lcd-hdr .lc-typ img, #mega[data-lcd-cast] .lc-typ img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
#lcd-hdr .lc-typ .lc-in, #mega[data-lcd-cast] .lc-typ .lc-in{padding:11px 9px 12px;text-align:center}
#lcd-hdr .lc-typ .lc-n, #mega[data-lcd-cast] .lc-typ .lc-n{color:#141414;font-size:12.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;
  line-height:1.3;min-height:32px;display:flex;align-items:center;justify-content:center}
#lcd-hdr .lc-g3, #mega[data-lcd-cast] .lc-g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px}
#lcd-hdr .lc-card, #mega[data-lcd-cast] .lc-card{background:#fff;border:1.5px solid rgba(196,155,49,.85);border-radius:14px;overflow:hidden;
  display:flex;flex-direction:column;box-shadow:0 3px 12px rgba(0,0,0,.16)}
#lcd-hdr .lc-card img, #mega[data-lcd-cast] .lc-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
#lcd-hdr .lc-card .lc-b, #mega[data-lcd-cast] .lc-card .lc-b{padding:8px 6px 9px;text-align:center;display:flex;flex-direction:column;gap:5px;flex:1}
#lcd-hdr .lc-card .lc-nm, #mega[data-lcd-cast] .lc-card .lc-nm{color:#141414;font-size:10px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;
  line-height:1.3;min-height:37px;display:flex;align-items:center;justify-content:center}
#lcd-hdr .lc-hr, #mega[data-lcd-cast] .lc-hr{height:1px;background:rgba(196,155,49,.35);width:78%;margin:0 auto}
#lcd-hdr .lc-vars, #mega[data-lcd-cast] .lc-vars{color:#8a7940;font-size:7.5px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;margin-top:auto}
#lcd-hdr .lc-truck, #mega[data-lcd-cast] .lc-truck{border:1.5px solid #c49b31;border-radius:14px;overflow:hidden;position:relative;box-shadow:0 6px 18px rgba(0,0,0,.28);display:block}
#lcd-hdr .lc-truck img, #mega[data-lcd-cast] .lc-truck img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
#lcd-hdr .lc-ov, #mega[data-lcd-cast] .lc-ov{position:absolute;left:0;right:0;bottom:0;padding:15px 14px 14px;text-align:center;
  background:linear-gradient(0deg,rgba(8,6,4,.96) 42%,rgba(8,6,4,.72) 72%,transparent)}
#lcd-hdr .lc-vz, #mega[data-lcd-cast] .lc-vz{margin:0;border-radius:16px;padding:2px;
  background:linear-gradient(135deg,#8a6d1f,#e6c877 28%,#8a6d1f 55%,#f0d78f 78%,#8a6d1f);box-shadow:0 8px 24px rgba(0,0,0,.3);display:block}
#lcd-hdr .lc-vzin, #mega[data-lcd-cast] .lc-vzin{background:radial-gradient(130% 100% at 50% 0%,#2c2519,#141210 70%);border-radius:14px;
  padding:18px 15px 16px;text-align:center;position:relative;overflow:hidden}
#lcd-hdr .lc-vzin:before, #mega[data-lcd-cast] .lc-vzin:before{content:"";position:absolute;top:-40px;left:50%;transform:translateX(-50%);
  width:230px;height:80px;background:radial-gradient(closest-side,rgba(230,200,119,.28),transparent)}
#lcd-hdr .lc-vzeb, #mega[data-lcd-cast] .lc-vzeb{position:relative;color:#9b7a24;font-size:9px;font-weight:700;letter-spacing:3.4px;text-transform:uppercase;margin-bottom:12px}
#lcd-hdr .lc-fan, #mega[data-lcd-cast] .lc-fan{position:relative;display:flex;justify-content:center;align-items:flex-end;height:66px;margin-bottom:13px}
#lcd-hdr .lc-fan i, #mega[data-lcd-cast] .lc-fan i{position:absolute;width:52px;height:52px;border-radius:9px;display:block;border:2px solid #efe0b4;
  background-size:cover;background-position:center;box-shadow:0 5px 14px rgba(0,0,0,.6)}
#lcd-hdr .lc-fan i:nth-child(1), #mega[data-lcd-cast] .lc-fan i:nth-child(1){transform:translateX(-96px) rotate(-14deg)}
#lcd-hdr .lc-fan i:nth-child(2), #mega[data-lcd-cast] .lc-fan i:nth-child(2){transform:translateX(-48px) rotate(-7deg)}
#lcd-hdr .lc-fan i:nth-child(3), #mega[data-lcd-cast] .lc-fan i:nth-child(3){transform:translateX(0) rotate(0);width:58px;height:58px;z-index:3;border-color:#fff}
#lcd-hdr .lc-fan i:nth-child(4), #mega[data-lcd-cast] .lc-fan i:nth-child(4){transform:translateX(48px) rotate(7deg)}
#lcd-hdr .lc-fan i:nth-child(5), #mega[data-lcd-cast] .lc-fan i:nth-child(5){transform:translateX(96px) rotate(14deg)}
#lcd-hdr .lc-vz h3, #mega[data-lcd-cast] .lc-vz h3{position:relative;margin:0;color:#fff;font-size:18px;font-weight:800;letter-spacing:.5px;
  font-family:var(--body);text-transform:none}
#lcd-hdr .lc-vz p, #mega[data-lcd-cast] .lc-vz p{position:relative;margin:6px 0 14px;color:#c3b285;font-size:12px;line-height:1.45}
#lcd-hdr .mega .m-x, #mega[data-lcd-cast] .m-x{display:none;position:fixed;top:10px;right:14px;width:38px;height:38px;border-radius:50%;
  background:#17150f;color:var(--gold);border:1px solid rgba(196,155,49,.6);align-items:center;justify-content:center;
  font-size:22px;line-height:1;cursor:pointer;z-index:75}
#lcd-hdr .mega-ovl{position:fixed;inset:0;z-index:65;background:rgba(20,17,12,.35);display:none}
#lcd-hdr .mega-ovl.open{display:block}
@media(max-width:520px){#lcd-hdr .hdr .in{height:62px}#lcd-hdr .hdr .logo{padding:6px 18px 12px;border-radius:0 0 11px 11px}#lcd-hdr .hdr .logo img{height:52px}}
@media(max-width:430px){#lcd-hdr .hdr .kont{font-size:0;letter-spacing:0}#lcd-hdr .hdr .kont:before{content:"";display:block;width:22px;height:22px;background:currentColor;
    -webkit-mask:var(--ico-tel) center/contain no-repeat;mask:var(--ico-tel) center/contain no-repeat}}
@media(max-width:760px){#lcd-hdr .mega, #mega[data-lcd-cast]{top:0;left:0;right:0;bottom:0;width:auto;max-height:none;border:0;border-radius:0}#lcd-hdr .mega .lc, #mega[data-lcd-cast] .lc{padding:54px 20px 28px 14px}#lcd-hdr .mega.open .m-x{display:flex}}

/* ---------- B) statické menu #mega z banneru (pätička) ----------
   Rodičia v pätičke (#footer, .custom-footer, .banner) nemajú transform/filter/z-index -> fixný panel
   ide k oknu a z-index platí voči celej stránke (overené 6. 10. 2026, SK aj CZ, 390 aj 1280 px). */
/* stĺpec pätičky s bannerom menu je skrytý (.custom-footer__banner4{display:none}) — so statickým menu
   ostane mimo toku pätičky (rozloženie elements-5 sa nemení), panel a prekrytie sú fixné */
.custom-footer > div:has(#mega[data-lcd-cast]){display:block !important;position:absolute !important;
  width:0 !important;height:0 !important;min-height:0 !important;margin:0 !important;padding:0 !important;
  border:0 !important;overflow:visible !important;flex:none !important}
#mega[data-lcd-cast]{z-index:100000010;text-align:left;font-size:16px;line-height:1.5;color:#171717;
  font-weight:400;font-style:normal;letter-spacing:normal;text-transform:none;white-space:normal;word-break:normal}
#mega[data-lcd-cast] a{color:inherit;text-decoration:none}
#mega[data-lcd-cast] img{max-width:100%;height:auto;margin:0;padding:0}
html body.navigation-window-visible #mega[data-lcd-cast]{display:block}
#mega[data-lcd-cast] .m-x:before, #mega[data-lcd-cast] .m-x:after{content:none !important}
@media(max-width:760px){html body.navigation-window-visible #mega[data-lcd-cast] .m-x{display:flex}}
/* prekrytie pod panelom (statické: v obale banneru) */
[data-ec-promo-id] .mega-ovl{position:fixed;inset:0;z-index:100000005;background:rgba(20,17,12,.35);display:none}
html body.navigation-window-visible [data-ec-promo-id] .mega-ovl{display:block}
/* prepínač SK/CZ v menu (lcdLang.js ho obalí do .lcdlang s ponukou) */
#mega[data-lcd-cast] > :is(.m-lang,.lcdlang){position:absolute;top:16px;left:16px;z-index:3}
#mega[data-lcd-cast] .m-lang{display:flex;align-items:center;border:0;background:none;padding:0;cursor:pointer}
#mega[data-lcd-cast] .m-lang svg{width:26px;height:19px;border-radius:2px;display:block;
  box-shadow:0 1px 4px rgba(0,0,0,.5);transition:transform .22s}
#mega[data-lcd-cast] .m-lang:hover svg{transform:scale(1.08)}
#mega[data-lcd-cast] .lcdlang-menu{left:0;transform:none}
@media(max-width:760px){#mega[data-lcd-cast] > :is(.m-lang,.lcdlang){position:fixed;top:19px;left:16px}}
/* vlajka v páse hlavičky (lcdLang.js ju vloží za lupu; Michal 6. 10. 2026) — na PC je v páse aj pri otvorenom menu,
   preto druhá vlajka v paneli menu ustúpi; na mobile panel prekryje pás, tam ostáva vlajka v menu */
.top-navigation-bar .responsive-tools > .lcdlang{display:flex;align-items:center;flex:none;height:34px}
.top-navigation-bar .lcdn-lang{display:flex;align-items:center;justify-content:center;width:30px;height:34px;padding:0;margin:0;
  border:0;background:none;cursor:pointer;text-decoration:none;font-size:0;line-height:0}
.top-navigation-bar .lcdn-lang svg{width:26px;height:19px;border-radius:2px;display:block;
  box-shadow:0 1px 4px rgba(0,0,0,.5);transition:transform .22s}
.top-navigation-bar .lcdn-lang:hover svg{transform:scale(1.08)}
.top-navigation-bar .lcdlang-menu{left:0;transform:none;z-index:100000009}
/* telefón: plaketa loga visí do 71 px a je nad pásom — ponuka začne až pod ňou */
@media(max-width:760px){.top-navigation-bar .lcdlang-menu{top:calc(100% + 26px)}}
/* telefón: burger + lupa + vlajka sa musia zmestiť pred plaketu loga (360 px: logo od 125 px) — užšie boxy a medzery */
@media(max-width:430px){
  html:is(.lcd-native-hdr,:has([data-lcd-cast])) .top-navigation-bar .responsive-tools:has(.lcdn-lang){gap:6px !important}
  html:is(.lcd-native-hdr,:has([data-lcd-cast])) .top-navigation-bar .responsive-tools:has(.lcdn-lang) > a{width:28px !important}
  html:is(.lcd-native-hdr,:has([data-lcd-cast])) .top-navigation-bar .responsive-tools:has(.lcdn-lang) > a[data-target="navigation"]{width:34px !important}
  html:is(.lcd-native-hdr,:has([data-lcd-cast])) .top-navigation-bar .responsive-tools:has(.lcdn-lang) > a[data-target="navigation"]:before,
  html:is(.lcd-native-hdr,:has([data-lcd-cast])) .top-navigation-bar .responsive-tools:has(.lcdn-lang) > a[data-target="navigation"]:after{left:2px !important}
  .top-navigation-bar .lcdn-lang{width:24px}
  .top-navigation-bar .lcdn-lang svg{width:22px;height:16px}
}
@media(max-width:345px){.top-navigation-bar .lcdn-lang svg{width:19px;height:13px}.top-navigation-bar .lcdn-lang{width:20px}
  html:is(.lcd-native-hdr,:has([data-lcd-cast])) .top-navigation-bar .responsive-tools:has(.lcdn-lang){gap:3px !important}}
@media(min-width:761px){html:has(.top-navigation-bar .lcdn-lang) #mega[data-lcd-cast] > :is(.m-lang,.lcdlang){display:none}}

/* ---------- C) natívna hlavička Shoptetu vo vzhľade #lcd-hdr ----------
   Pás = .top-navigation-bar (burger + hľadanie vľavo, Kontakty vpravo). #header má výšku 0 a z neho
   „visí“ do pásu logo (plaketa v strede) a košík (vpravo). Hľadanie sa vysúva pod pás.
   Rozmery ako #lcd-hdr: 74 px, do 520 px šírky 62 px. Na titulke a rozcestníku je pás prilepený
   hore (ako dnes), inde odroluje (ako dnes #lcd-hdr). Vlastné JS nič nemení — žiadne preblikutie.
   !important len tam, kde Shoptet/staršie pravidlá menia polohu, rozmery a ikony. */
html:is(.lcd-native-hdr,:has([data-lcd-cast])){--lcdn-h:74px;--lcdn-pad:clamp(14px,3vw,30px);
  --lcdn-gold:#e6c877;
  --lcdn-ico-kosik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 8h15l-1.1 10.2a2 2 0 01-2 1.8H7.6a2 2 0 01-2-1.8z'/%3E%3Cpath d='M8.8 8V6.4a3.2 3.2 0 016.4 0V8'/%3E%3C/svg%3E");
  --lcdn-ico-hladaj:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.6' cy='10.6' r='6.4'/%3E%3Cpath d='M15.4 15.4L20.5 20.5'/%3E%3C/svg%3E");
  --lcdn-ico-tel:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 01-2.2 2 19.8 19.8 0 01-8.6-3.1 19.5 19.5 0 01-6-6A19.8 19.8 0 012.1 4.2 2 2 0 014.1 2h3a2 2 0 012 1.7c.1 1 .3 1.9.6 2.8a2 2 0 01-.5 2.1L8.1 9.9a16 16 0 006 6l1.3-1.1a2 2 0 012.1-.5c.9.3 1.8.5 2.8.6a2 2 0 011.7 2z'/%3E%3C/svg%3E")}
@media(max-width:520px){html:is(.lcd-native-hdr,:has([data-lcd-cast])){--lcdn-h:62px}}
/* Shoptet si na mobile rezervuje miesto pre svoju fixnú hlavičku (padding 50/69 px) — tu je pás v toku */
html:is(.lcd-native-hdr,:has([data-lcd-cast])) .overall-wrapper{padding-top:0 !important;overflow:hidden;overflow:clip}

/* pás */
html:is(.lcd-native-hdr,:has([data-lcd-cast])) .top-navigation-bar{position:relative !important;top:0 !important;
  left:auto !important;right:auto !important;bottom:auto !important;transform:none !important;z-index:60 !important;
  width:auto !important;height:var(--lcdn-h) !important;min-height:0 !important;margin:0 !important;padding:0 !important;
  border:0 !important;background:#0d0d0d !important;box-shadow:0 2px 20px rgba(0,0,0,.4) !important;
  font-size:13px;line-height:1.4;transition:none !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) body:is(.in-index,.in-rozcestnik) .top-navigation-bar{position:sticky !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) .top-navigation-bar > .container{display:flex !important;align-items:center !important;
  justify-content:flex-start !important;gap:clamp(10px,1.6vw,18px);position:relative;box-sizing:border-box;
  width:auto !important;max-width:1240px !important;height:100% !important;margin:0 auto !important;padding:0 var(--lcdn-pad) !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) .top-navigation-bar > .container > div{display:none !important;flex:none !important;text-align:left !important}
/* otvorené menu: pás a logo nad prekrytím (krížik v burgri zavrie menu natívne, aj bez nášho JS);
   samotný panel #mega je ešte vyššie (na mobile cez celú obrazovku, ako v #lcd-hdr) */
html:is(.lcd-native-hdr,:has([data-lcd-cast])) body.navigation-window-visible .top-navigation-bar{z-index:100000007 !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) body.navigation-window-visible #header{z-index:100000008 !important}
/* vľavo: burger + hľadanie (prihlásenie skryté ako v #lcd-hdr) */
html:is(.lcd-native-hdr,:has([data-lcd-cast])) .top-navigation-bar > .container > .top-navigation-tools{display:flex !important;
  align-items:center;order:-1;height:100%;margin:0 !important;padding:0 !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) .top-navigation-bar .responsive-tools{display:flex !important;align-items:center !important;
  justify-content:flex-start !important;flex-wrap:nowrap !important;gap:clamp(12px,2.6vw,20px);position:static !important;
  width:auto !important;height:auto !important;margin:0 !important;padding:0 !important;border:0 !important;background:none !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) .top-navigation-bar .responsive-tools > a{position:relative !important;
  top:auto !important;right:auto !important;bottom:auto !important;left:auto !important;transform:none !important;
  display:flex !important;align-items:center;justify-content:center;flex:none;width:34px !important;height:34px !important;
  margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:none !important;
  box-shadow:none !important;color:var(--lcdn-gold) !important;font-size:0 !important;line-height:0 !important;
  text-decoration:none !important;visibility:visible !important;opacity:1;cursor:pointer;transition:color .22s}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) .top-navigation-bar .responsive-tools > a:before{content:"" !important;
  display:block !important;position:static !important;width:24px !important;height:24px !important;margin:0 !important;
  padding:0 !important;border:0 !important;border-radius:0 !important;background:currentColor !important;box-shadow:none;
  color:inherit !important;font-size:0 !important;line-height:0 !important;transform:none;
  -webkit-mask:var(--lcdn-ico-hladaj) center/contain no-repeat;mask:var(--lcdn-ico-hladaj) center/contain no-repeat}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) .top-navigation-bar .responsive-tools > a:after{content:none !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) .top-navigation-bar .responsive-tools > a:hover{color:#fff !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) .top-navigation-bar .responsive-tools > a[data-target="login"],
html:is(.lcd-native-hdr,:has([data-lcd-cast])) .top-navigation-bar .top-nav-button{display:none !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) body.ordering-process .top-navigation-bar .responsive-tools > a[data-target="search"]{display:none !important}
/* burger: tri zlaté pásiky (ako .burg), pri otvorenom menu krížik */
html:is(.lcd-native-hdr,:has([data-lcd-cast])) .top-navigation-bar .responsive-tools > a[data-target="navigation"]{order:-1;width:40px !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) .top-navigation-bar .responsive-tools > a[data-target="navigation"]:before,
html:is(.lcd-native-hdr,:has([data-lcd-cast])) .top-navigation-bar .responsive-tools > a[data-target="navigation"]:after{
  content:"" !important;display:block !important;position:absolute !important;left:5px !important;top:50% !important;
  width:30px !important;height:3px !important;margin:-1.5px 0 0 !important;border-radius:2px !important;
  color:inherit !important;background:currentColor !important;-webkit-mask:none !important;mask:none !important;
  transition:transform .25s,box-shadow .2s,opacity .2s}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) .top-navigation-bar .responsive-tools > a[data-target="navigation"]:before{
  box-shadow:0 -9px 0 currentColor,0 9px 0 currentColor}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) .top-navigation-bar .responsive-tools > a[data-target="navigation"]:after{opacity:0}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) body.navigation-window-visible .top-navigation-bar .responsive-tools > a[data-target="navigation"]:before{
  box-shadow:none;transform:rotate(45deg)}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) body.navigation-window-visible .top-navigation-bar .responsive-tools > a[data-target="navigation"]:after{
  opacity:1;transform:rotate(-45deg)}
/* vpravo: Kontakty (z horného menu Shoptetu), do 430 px ikona telefónu */
html:is(.lcd-native-hdr,:has([data-lcd-cast])) .top-navigation-bar > .container > .top-navigation-menu{display:flex !important;
  align-items:center;position:static !important;top:auto !important;right:auto !important;bottom:auto !important;left:auto !important;
  width:auto !important;max-width:none !important;height:auto !important;margin:0 calc(34px + clamp(10px,1.6vw,18px)) 0 auto !important;
  padding:0 !important;border:0 !important;background:none !important;box-shadow:none !important;transform:none !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) body.ordering-process .top-navigation-bar > .container > .top-navigation-menu{margin-right:0 !important}
/* main-3g.js klonuje položky, ktoré sa „nezmestia“, do .top-navigation-bar-menu-helper — tá ostáva skrytá */
html:is(.lcd-native-hdr,:has([data-lcd-cast])) :is(.top-navigation-menu-trigger,.top-navigation-bar-menu-helper){display:none !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) .top-navigation-menu .top-navigation-bar-menu{
  display:flex !important;align-items:center;position:static !important;width:auto !important;height:auto !important;max-height:none !important;
  margin:0 !important;padding:0 !important;border:0 !important;background:none !important;box-shadow:none !important;
  list-style:none;overflow:visible !important;transform:none !important;opacity:1 !important;visibility:visible !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) .top-navigation-menu .top-navigation-bar-menu > li{display:none !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) .top-navigation-menu .top-navigation-bar-menu > li:has(> a[href$="/kontakty/"]){
  display:block !important;margin:0 !important;padding:0 !important;border:0 !important;min-width:0 !important;background:none !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) .top-navigation-menu li:before,
html:is(.lcd-native-hdr,:has([data-lcd-cast])) .top-navigation-menu li:after{content:none !important;display:none !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) .top-navigation-menu li > a[href$="/kontakty/"]{display:block !important;
  padding:0 !important;margin:0 !important;border:0 !important;background:none !important;
  font-family:"Exo 2","Segoe UI",Arial,sans-serif !important;font-weight:800 !important;font-size:13px !important;
  line-height:1.2 !important;letter-spacing:.14em !important;text-transform:uppercase !important;white-space:nowrap;
  color:var(--lcdn-gold) !important;text-decoration:none !important;transition:color .22s}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) .top-navigation-menu li > a[href$="/kontakty/"]:hover{color:#fff !important}
@media(max-width:430px){
  html:is(.lcd-native-hdr,:has([data-lcd-cast])) .top-navigation-menu li > a[href$="/kontakty/"]{font-size:0 !important;letter-spacing:0 !important;line-height:0 !important}
  html:is(.lcd-native-hdr,:has([data-lcd-cast])) .top-navigation-menu li > a[href$="/kontakty/"]:before{content:"";display:block;width:22px;height:22px;
    background:currentColor;-webkit-mask:var(--lcdn-ico-tel) center/contain no-repeat;mask:var(--lcdn-ico-tel) center/contain no-repeat}
}

/* #header: výška 0, logo a košík visia do pásu nad ním */
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #header{position:relative !important;top:auto !important;left:auto !important;
  right:auto !important;bottom:auto !important;transform:none !important;z-index:61 !important;width:auto !important;
  height:0 !important;min-height:0 !important;margin:0 !important;padding:0 !important;border:0 !important;
  background:none !important;box-shadow:none !important;overflow:visible !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) body:is(.in-index,.in-rozcestnik) #header{position:sticky !important;top:var(--lcdn-h) !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #header .navigation-wrapper{position:relative !important;display:block !important;
  box-sizing:border-box;width:auto !important;max-width:1240px !important;height:0 !important;margin:0 auto !important;
  padding:0 var(--lcdn-pad) !important;border:0 !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #header .header-top{position:static !important;display:block !important;
  width:auto !important;height:0 !important;min-height:0 !important;margin:0 !important;padding:0 !important;border:0 !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #header .site-name-wrapper{position:static !important;display:block !important;
  width:auto !important;max-width:none !important;height:0 !important;margin:0 !important;padding:0 !important}
/* logo v plakete, ktorá previsá pod pás */
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #header .site-name{position:absolute !important;left:50% !important;right:auto !important;
  top:calc(-1 * var(--lcdn-h)) !important;bottom:auto !important;transform:translateX(-50%) !important;z-index:2;
  display:flex !important;align-items:flex-start;justify-content:center;width:auto !important;max-width:none !important;
  height:auto !important;margin:0 !important;padding:8px 30px 16px !important;border-radius:0 0 14px 14px !important;
  background:linear-gradient(180deg,#191919 0%,#0d0d0d 46%,#050505 100%) !important;
  border:1px solid rgba(230,200,119,.2) !important;border-top:0 !important;
  box-shadow:0 18px 38px rgba(0,0,0,.72),0 3px 10px rgba(0,0,0,.5),
    inset 0 -1px 0 rgba(230,200,119,.34),inset 1px 0 0 rgba(255,255,255,.05),
    inset -1px 0 0 rgba(255,255,255,.05) !important;
  transition:padding-bottom .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #header .site-name:after{content:"";position:absolute;left:14%;right:14%;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,var(--lcdn-gold),transparent);opacity:.85}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #header .site-name a{display:block !important;width:auto !important;height:auto !important;
  margin:0 !important;padding:0 !important;line-height:0 !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #header .site-name img{display:block !important;width:auto !important;height:70px !important;
  max-width:none !important;max-height:none !important;margin:0 !important;padding:0 !important;
  filter:drop-shadow(0 3px 10px rgba(196,155,49,.4)) drop-shadow(0 1px 2px rgba(0,0,0,.7));
  transition:transform .3s cubic-bezier(.2,.7,.2,1) !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #header .site-name:hover{padding-bottom:21px !important;
  box-shadow:0 24px 48px rgba(0,0,0,.8),inset 0 -1px 0 rgba(230,200,119,.5) !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #header .site-name:hover img{transform:scale(1.03) !important}
@media(max-width:520px){
  html:is(.lcd-native-hdr,:has([data-lcd-cast])) #header .site-name{padding:6px 18px 12px !important;border-radius:0 0 11px 11px !important}
  html:is(.lcd-native-hdr,:has([data-lcd-cast])) #header .site-name img{height:52px !important}
}
/* košík */
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #header .navigation-buttons{position:absolute !important;top:calc(-1 * var(--lcdn-h)) !important;
  right:var(--lcdn-pad) !important;bottom:auto !important;left:auto !important;transform:none !important;z-index:3;
  display:flex !important;align-items:center !important;justify-content:flex-end !important;gap:12px;
  width:auto !important;height:var(--lcdn-h) !important;margin:0 !important;padding:0 !important;background:none !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #header .navigation-buttons > :not(.cart-count){display:none !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #header .navigation-buttons > .cart-count{position:relative !important;top:auto !important;
  right:auto !important;bottom:auto !important;left:auto !important;transform:none !important;display:flex !important;
  align-items:center;justify-content:center;width:34px !important;height:34px !important;min-width:0 !important;min-height:0 !important;
  margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:none !important;
  box-shadow:none !important;color:var(--lcdn-gold) !important;font-size:0 !important;line-height:0 !important;
  text-decoration:none !important;transition:color .22s,transform .22s !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #header .navigation-buttons > .cart-count:before{content:"" !important;display:block !important;
  position:static !important;top:auto !important;right:auto !important;width:24px !important;height:24px !important;margin:0 !important;
  padding:0 !important;border:0 !important;border-radius:0 !important;background:currentColor !important;background-image:none !important;
  font-size:0 !important;line-height:0 !important;transform:none !important;
  -webkit-mask:var(--lcdn-ico-kosik) center/contain no-repeat;mask:var(--lcdn-ico-kosik) center/contain no-repeat}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #header .navigation-buttons > .cart-count:after{content:none !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #header .navigation-buttons > .cart-count:hover{color:#fff !important;transform:translateY(-1px) !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #header .navigation-buttons > .cart-count .cart-price{display:none !important}
/* počet kusov (Shoptet ho dá do <i>, keď je v košíku tovar) */
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #header .navigation-buttons > .cart-count i{position:absolute !important;top:-3px !important;
  right:-8px !important;bottom:auto !important;left:auto !important;display:block !important;box-sizing:border-box;
  min-width:18px !important;width:auto !important;height:18px !important;margin:0 !important;padding:0 5px !important;
  border:0 !important;border-radius:9px !important;background:#c49b31 !important;color:#14110c !important;
  font:normal 800 11px/18px "Exo 2","Segoe UI",Arial,sans-serif !important;text-align:center;
  box-shadow:0 0 0 2px #0d0d0d;transform:none !important;z-index:1}
/* hľadanie: vysunie sa pod pás (natívne tlačidlo -> body.search-window-visible) */
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #header .search{display:none !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) body.search-window-visible #header .search{display:block !important;
  position:absolute !important;top:0 !important;right:0 !important;bottom:auto !important;left:0 !important;transform:none !important;
  z-index:1;box-sizing:border-box;width:auto !important;max-width:none !important;height:auto !important;margin:0 !important;
  padding:clamp(28px,3vw,34px) var(--lcdn-pad) 18px !important;border:0 !important;border-top:1px solid rgba(230,200,119,.16) !important;
  border-radius:0 0 14px 14px !important;background:#0d0d0d !important;box-shadow:0 18px 38px rgba(0,0,0,.45) !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #header .search .search-form{display:block !important;position:relative;
  width:auto !important;max-width:760px !important;margin:0 auto !important;padding:0 !important;border:0 !important;background:none !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #header .search .search-form fieldset{display:flex !important;align-items:stretch;gap:10px;
  width:auto;min-width:0;margin:0 !important;padding:0 !important;border:0 !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #header .search .search-form .query-input{flex:1 1 auto;min-width:0;width:auto !important;
  height:48px !important;margin:0 !important;padding:0 16px !important;border:1px solid rgba(230,200,119,.38) !important;
  border-radius:10px !important;background:#1a1714 !important;color:#fff !important;box-shadow:none !important;outline:0;
  font:normal 400 16px/1.2 "Source Sans 3","Segoe UI",Arial,sans-serif !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #header .search .search-form .query-input::placeholder{color:#a99f86;opacity:1}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #header .search .search-form .query-input:focus{border-color:var(--lcdn-gold) !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #header .search .search-form button{flex:none;position:static !important;width:auto !important;
  height:48px !important;margin:0 !important;padding:0 22px !important;border:0 !important;border-radius:10px !important;
  background:linear-gradient(90deg,#b8901f,#f0d78f 45%,#c49b31) !important;color:#1a1408 !important;cursor:pointer;
  font:normal 800 13px/1 "Exo 2","Segoe UI",Arial,sans-serif !important;letter-spacing:.14em !important;
  text-transform:uppercase !important;text-indent:0 !important;box-shadow:0 5px 16px rgba(196,155,49,.3) !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #header .search .search-form button:before{content:none !important}
/* natívne menu: pri statickom #mega je skryté; inde (košík, objednávka — bez bannerov) je to panel ako #mega */
html:is(.lcd-native-hdr,:has([data-lcd-cast])) :is(#navigation,.menu-helper){display:none !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])):not(:has(#mega[data-lcd-cast])) body.navigation-window-visible #navigation{display:block !important;
  position:fixed !important;top:82px !important;right:auto !important;bottom:auto !important;left:clamp(18px,5vw,80px) !important;
  transform:none !important;z-index:100000010 !important;box-sizing:border-box;width:min(600px,calc(100vw - 24px)) !important;
  height:auto !important;max-height:calc(100vh - 100px) !important;overflow-x:hidden !important;overflow-y:auto !important;
  overscroll-behavior:contain;margin:0 !important;padding:18px 16px 22px !important;background:#eceae5 !important;
  border:2px solid #c49b31 !important;border-radius:14px !important;box-shadow:0 14px 40px rgba(0,0,0,.22) !important;
  transition:none !important;font-family:"Source Sans 3","Segoe UI",Arial,sans-serif;text-align:left}
@media(max-width:760px){
  html:is(.lcd-native-hdr,:has([data-lcd-cast])):not(:has(#mega[data-lcd-cast])) body.navigation-window-visible #navigation{top:0 !important;right:0 !important;
    bottom:0 !important;left:0 !important;width:auto !important;max-height:none !important;border:0 !important;
    border-radius:0 !important;padding:58px 18px 28px !important}
}
html:is(.lcd-native-hdr,:has([data-lcd-cast])):not(:has(#mega[data-lcd-cast])) #navigation .navigation-in{position:static !important;width:auto !important;
  height:auto !important;overflow:visible !important;font-size:15px;line-height:1.3;background:none !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])):not(:has(#mega[data-lcd-cast])) #navigation ul{display:block !important;position:static !important;width:auto !important;
  height:auto !important;margin:0 !important;padding:0 !important;list-style:none;background:none !important;border:0 !important;
  box-shadow:none !important;transform:none !important;opacity:1 !important;visibility:visible !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])):not(:has(#mega[data-lcd-cast])) #navigation li{display:block !important;position:static !important;float:none !important;
  width:auto !important;margin:0 !important;padding:0 !important;border:0 !important;background:none !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])):not(:has(#mega[data-lcd-cast])) #navigation .menu-level-1 > li{border-bottom:1px solid rgba(155,122,36,.3) !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])):not(:has(#mega[data-lcd-cast])) #navigation .menu-level-1 > li > a{display:block !important;padding:13px 6px !important;
  color:#171717 !important;background:none !important;text-decoration:none !important;
  font:normal 800 15px/1.3 "Exo 2","Segoe UI",Arial,sans-serif !important;letter-spacing:.06em;text-transform:uppercase !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])):not(:has(#mega[data-lcd-cast])) #navigation .menu-level-1 > li > a b{font-weight:inherit !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])):not(:has(#mega[data-lcd-cast])) #navigation .menu-level-2{margin:-4px 0 10px !important;padding:0 0 0 12px !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])):not(:has(#mega[data-lcd-cast])) #navigation .menu-level-2 a:not(.menu-image){display:block !important;padding:6px 6px !important;
  color:#4a4231 !important;background:none !important;text-decoration:none !important;
  font:normal 600 14.5px/1.35 "Source Sans 3","Segoe UI",Arial,sans-serif !important;text-transform:none !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])):not(:has(#mega[data-lcd-cast])) #navigation :is(.menu-level-1 > li > a,.menu-level-2 a):hover{color:#9b7a24 !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])):not(:has(#mega[data-lcd-cast])) #navigation :is(.menu-image,.menu-level-3,.submenu-arrow){display:none !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])):not(:has(#mega[data-lcd-cast])) #navigation .navigationActions{margin-top:14px !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])):not(:has(#mega[data-lcd-cast])) #navigation .navigationActions a{display:block;padding:8px 6px !important;
  color:#9b7a24 !important;font-weight:700 !important;text-decoration:none !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])):not(:has(#mega[data-lcd-cast])) #navigation .navigation-close{display:flex !important;position:absolute !important;
  top:10px !important;right:12px !important;left:auto !important;bottom:auto !important;width:38px !important;height:38px !important;
  align-items:center;justify-content:center;border-radius:50%;background:#17150f !important;color:#c49b31 !important;
  border:1px solid rgba(196,155,49,.6);cursor:pointer;font-size:0 !important;z-index:2}
html:is(.lcd-native-hdr,:has([data-lcd-cast])):not(:has(#mega[data-lcd-cast])) #navigation .navigation-close:before{content:"\00d7" !important;
  font:normal 400 24px/1 Arial,sans-serif !important;color:#c49b31 !important}
@media(min-width:761px){html:is(.lcd-native-hdr,:has([data-lcd-cast])):not(:has(#mega[data-lcd-cast])) #navigation .navigation-close{position:fixed !important;display:none !important}}
/* ===== LCD-HDR END ===== */

/* ===== LCD-KORENE START - generovane tools/vloz-lcd-css.py z _lcdKorene.scss (staticke korene [data-lcd-cast] v obaloch Shoptetu), needituj rucne ===== */
/* =====================================================================
   STATICKÉ KORENE V OBALOCH SHOPTETU — partial pre blok LCD-KORENE (vkladá tools/vloz-lcd-css.py)
   Web bez prekrývania (10/2026): obsah titulky a rozcestníka prichádza v HTML zo Shoptet adminu.
     titulka:    banner Stred 178 (SK) / 117 (CZ)      <div id="lcd-home"   class="lcd-root" data-lcd-cast="hp-vrch">
                 bannery Zápätia 181 / 120 a ďalšie    <div id="lcd-home-2" class="lcd-root" data-lcd-cast="hp-telo-1"> …
     rozcestník: popis stránky 850 / 786               <div id="lcd-rz"     class="lcd-root" data-lcd-cast="rz">
   Štýly titulky platia na všetky korene (blok LCD-HOME: :is(#lcd-home,[data-lcd-cast^=hp])).
   Tu sú len veci, ktoré vznikli presunom do obalov Shoptetu. Kreslený obsah (JS, bez data-lcd-cast,
   mimo obalov) sa ich netýka -> dnešný stav sa nemení.
   ===================================================================== */

/* 1) Obaly Shoptetu (.container, .row, .col-*, .banner-wrapper, .footer-banner, main.content, článok
      stránky…) okolo koreňa: bez odsadení, šírok a obtekania -> korene idú na celú šírku okna. */
:is(.content-wrapper,.content-wrapper-in,.container,.row,.col-sm-12,.col-lg-12,.banner-wrapper,.footer-banners,
    .footer-banner,main.content,.content-inner,.pageArticleDetail,[itemprop="about"]):has(.lcd-root){
  box-sizing:border-box !important;width:100% !important;min-width:0 !important;max-width:none !important;
  float:none !important;flex:0 0 100% !important;margin:0 !important;padding:0 !important;border:0 !important}
.content-wrapper-in:has(.lcd-root){display:block !important}
span[data-ec-promo-id]:has(> .lcd-root){display:block}
/* koreň nededí typografiu obalov (zarovnanie, prekladanie…) — písmo, farby a veľkosti dáva blok koreňa */
.lcd-root{display:block;clear:both;text-align:left;text-indent:0;letter-spacing:normal;word-spacing:normal;
  text-transform:none;font-style:normal;white-space:normal}
/* Shoptet: .banner-wrapper a, .banners-content a, .footer-banner a {display:inline-block;position:relative}
   — v koreni platí ako v kreslenom obsahu (inline/static), pokiaľ dizajn nepovie inak; konfigurátor v #konfSlot nechávame */
.lcd-root a:where(:not(#konfSlot *)){display:inline;position:static}
/* staršie pravidlá šablóny (.type-page .content li a … {color:black!important}, mobil: .footer-banner section
   {padding…!important;overflow:hidden}) sa koreňa netýkajú — majú pri sebe :not(.lcd-root *) */

/* 2) Sticky scény (príbeh, pred a po, 5 vecí…) potrebujú rodiča bez overflow:hidden.
      Kreslená titulka to rieši v gate štýle (body.lcdh-on .overall-wrapper{overflow:clip}). */
body:has([data-lcd-cast^=hp],[data-lcd-cast=rz]) .overall-wrapper{overflow:hidden;overflow:clip !important}
/*    Rovnako obaly priamo okolo koreňa: Shoptet dáva #content-wrapper (mobil, rozcestník) overflow:hidden ->
      lcdHomeModuly.js by pred a po aj galériu prepol na „bez lepenia“ (krátka scéna) a sticky by nefungovalo.
      clip orezáva rovnako, ale nevytvára rolovací kontajner (sticky ide, JS test na hidden|auto|scroll prejde). */
:is(#content-wrapper,.content-wrapper,.content-wrapper-in,.container,.row,.col-sm-12,.col-lg-12,.banner-wrapper,.footer-banners,
    .footer-banner,main.content,.content-inner,.pageArticleDetail,[itemprop="about"]):has(.lcd-root){overflow:clip !important}

/* 3) Bez JS je všetko viditeľné. Počiatočné skryté stavy animácií (reveal .rv, karty .pc/.cmpc,
      karta konfigurátora) platia len pod html.lcd-anim — triedu pridá JS až po označení videného obsahu.
      #lcd-spec v :is() nič nevyberá, len dvíha špecificitu na úroveň id (pravidlá blokov sú #lcd-home …). */
html:not(.lcd-anim) :is([data-lcd-cast^=hp],[data-lcd-cast=rz],#lcd-spec) :is(.rv,.pc,.cmpc,.konf .card){opacity:1;transform:none}
html:not(.lcd-anim) :is([data-lcd-cast^=hp],#lcd-spec) .s2-texts:not(:has(> .s2-t.on)) > .s2-t:first-child,
html:not(.lcd-anim) :is([data-lcd-cast^=hp],#lcd-spec) .s2-media:not(:has(> img.on)) > img:first-of-type,
html:not(.lcd-anim) :is([data-lcd-cast^=hp],#lcd-spec) .lx-farby-velka:not(:has(> img.on)) > img:first-of-type{opacity:1;transform:none}

/* 4) Poistka v HTML kódoch Záhlavia nesmie schovať statický obsah, ani keď ju JS nestihne alebo nemôže odobrať
      (zlé poradie zápisu v admine, rollback, JS sa nenačíta) — kritik, blocker 2.
      SK: lcdh-early (titulka) + lcdrz-early (rozcestník). CZ: JEDNA spoločná lcdh-early pre body:is(.in-index,
      .in-rozcestnik), skrýva #header, #content-wrapper, .homepage-box aj .container -> na rozcestníku obe triedy.
      JS ich pri statickom koreni tiež odoberá (lcdHome.js lcdh-early, lcdRz.js lcdrz-early aj lcdh-early). */
html.lcdh-early body.in-index:has([data-lcd-cast^=hp]) :is(#header,#content-wrapper,.top-navigation-bar,.content-wrapper.homepage-box,.content-wrapper.container,.lcd-reviews-widget),
html:is(.lcdrz-early,.lcdh-early) body.in-rozcestnik:has([data-lcd-cast=rz]) :is(#header,#content-wrapper,.content-wrapper.homepage-box,.content-wrapper.container,.top-navigation-bar,.lcd-reviews-widget){
  visibility:visible !important}

/* 5) Karta konfigurátora: slot #konfSlot (rovnaké pravidlá, aké kreslená titulka/rozcestník vkladajú v gate štýle) */
:is(#lcd-home,[data-lcd-cast^=hp]) .lcdh-konf-slot{margin-top:16px;text-align:left}
:is(#lcd-home,[data-lcd-cast^=hp]) .lcdh-konf-slot .model-selector > h2,
:is(#lcd-home,[data-lcd-cast^=hp]) .lcdh-konf-slot .model-selector > .prefix{display:none}
:is(#lcd-home,[data-lcd-cast^=hp]) .lcdh-konf-slot .model-selector,
#lcd-rz .lcdrz-konf-slot .model-selector{margin:0;max-width:none;width:100%}
#lcd-rz .lcdrz-konf-slot{margin-top:16px;text-align:left}
/* náhrada bez JS: odkaz „Vybrať auto“ na rozcestník; keď príde konfigurátor, ustúpi (JS ho aj skryje) */
#konfSlot .konf-bezjs{display:inline-flex}
#konfSlot:is(.lcd-konf-ok,:has(.model-selector)) .konf-bezjs{display:none !important}

/* 5b) Sivé náhľady polí v karte konfigurátora (Michal 6. 10.): kým main.js nevloží konfigurátor, karta nie je prázdna.
      .konf-nahlad má rozloženie hotového konfigurátora v slote (bloky LCDH / LCDRZ BRIDGE): prepínač Osobné vozidlá /
      Kamióny (len titulka, main.js ho na rozcestníku nedáva), Značka, Model, Rok výroby, Typ karosérie, tlačidlo — rovnaké
      odsadenia, výšky, medzery a zlom 761 px -> pri výmene za konfigurátor sa nič neposunie (CLS 0).
      Texty sú len v data-t cez ::before ako sivé pruhy s priehľadným písmom (šírka a zalomenie ako hotový, na stránke
      žiadny text navyše). main.js pri vložení .model-selector skryje ostatné deti slotu (display:none !important)
      a pridá .lcd-konf-ok; pravidlo nižšie ich skryje aj samo.
      Náhľady len pod html.lcd-js (riadok HTML kódov Záhlavia, admin-html/zahlavie-riadok.html): bez JS (alebo bez
      riadku) ostáva len odkaz „Vybrať auto“ ako doteraz. S JS je odkaz v mieste tlačidla neviditeľný a ukáže sa až po
      25 s — skript neprišiel alebo zlyhal (pomalý mobil v harnesse: konfigurátor v slote SK 17,1–17,2 s, CZ ~19,3 s;
      pri 20 s by na CZ odkaz na chvíľu bliknul). Nekliknuteľné, mimo čítačiek (aria-hidden v HTML). Lesk len bez
      prefers-reduced-motion, len transform (kompozítor, nezaťaží hlavné vlákno), po 24 s sám skončí a zmizne (opacity 0).
      Overené 6. 10. (scratchpad nahlad/meraj-nahlad.mjs): SK aj CZ, titulka aj rozcestník, 320–1920 px — výška slotu,
      poloha prepínača, polí aj tlačidla náhľadu = hotový konfigurátor (rozdiel 0,0 px). */
#konfSlot:is(.lcd-konf-ok,:has(.model-selector)) .konf-nahlad{display:none !important}
html:not(.lcd-js) #konfSlot :is(.kn-prep,.kn-pole){display:none !important}
html:not(.lcd-js) .lcdrz-konf-slot .konf-nahlad{display:none !important}
/*    obal = .model-selector.container: padding 0 20px, BFC (clearfix .container:before/after drží 2 px okraj prepínača
      vnútri), do 768 px navyše padding-top 20px (šablóna, luxuryCar.css @media(max-width:768px); jej margin-bottom ruší
      margin:0 v bloku BRIDGE) */
html.lcd-js #konfSlot .konf-nahlad{display:flow-root;position:relative;margin:0;padding:0 20px;text-align:left;
  pointer-events:none;-webkit-user-select:none;user-select:none}
@media(max-width:768px){html.lcd-js #konfSlot .konf-nahlad{padding-top:20px}}
html.lcd-js #konfSlot .kn-prep{display:flex;gap:5px;background:#f3f1ec;border:1px solid #e4e0d7;border-radius:999px;
  padding:5px;margin:2px 0 18px}
html.lcd-js #konfSlot .kn-tab{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:7px;
  border-radius:999px;padding:10px 8px;font-family:var(--disp);font-weight:700;font-size:10.5px;letter-spacing:.06em;
  text-transform:uppercase;line-height:12px;text-align:center;color:transparent}
/*    line-height = „normal“ písma Exo 2 (10,5 px -> 12 px, 12 px -> 14 px; hotový prepínač je <button> s line-height:normal).
      Pevná hodnota: kým sa Exo 2 nenačíta, náhradné písmo by malo riadok o 2 px vyšší a po načítaní by náhľad poskočil. */
html.lcd-js #konfSlot .kn-tab.kn-on{background:#e6e2d9}
html.lcd-js #konfSlot .kn-ik{display:block;flex:none;width:17px;height:17px;border-radius:5px;background:#dad5c9}
html.lcd-js #konfSlot .kn-t{display:block}
html.lcd-js #konfSlot .kn-t::before{content:attr(data-t);background:#dcd7cb;border-radius:3px;
  -webkit-box-decoration-break:clone;box-decoration-break:clone}
html.lcd-js #konfSlot .kn-polia{display:flex;flex-direction:column;gap:14px;margin:0;padding:0}
html.lcd-js #konfSlot .kn-pole{display:block;margin:0;padding:0;width:100%;text-align:left}
html.lcd-js #konfSlot .kn-pole::before{content:attr(data-t);display:block;width:-moz-fit-content;width:fit-content;
  font-family:var(--disp);font-weight:600;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  color:transparent;background:#e6e2d9;border-radius:3px;margin:0 0 7px}
html.lcd-js #konfSlot .kn-box{display:block;box-sizing:border-box;height:46px;border:1px solid #e4e0d7;border-radius:12px;
  background:#f3f1ec}
html.lcd-js #konfSlot .kn-box::before{content:"";display:block;width:42%;max-width:160px;height:10px;margin:17px 0 0 14px;
  border-radius:4px;background:#e4e0d7}
html.lcd-js #konfSlot .kn-btn{display:flex;box-sizing:border-box;width:100%;height:56px;margin:16px 0 0;border-radius:12px;
  background:#e6e2d9}
html.lcd-js #konfSlot .kn-btn > .konf-bezjs{display:flex !important;align-items:center;justify-content:center;
  box-sizing:border-box;width:100%;height:56px;margin:0;padding:0 26px !important;border-radius:12px;
  pointer-events:auto;visibility:hidden;animation:lcdKnUkaz 0s linear 25s forwards}
@media(min-width:761px){
  html.lcd-js #konfSlot .kn-prep{margin-bottom:22px}
  html.lcd-js #konfSlot .kn-tab{padding:14px 10px;font-size:12px;line-height:14px;gap:9px}
  html.lcd-js #konfSlot .kn-ik{width:19px;height:19px}
  html.lcd-js #konfSlot .kn-polia{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:16px 18px}
  html.lcd-js #konfSlot .kn-pole{flex:0 1 calc(25% - 14px);min-width:170px}
  html.lcd-js #konfSlot .kn-btn{flex:0 0 100%;margin:6px 0 0}
}
@media(prefers-reduced-motion:no-preference){
  /* orez len kým beží lesk (clip-path nemení rozloženie); po 25 s preč, aby tieň odkazu „Vybrať auto“ nebol odrezaný */
  html.lcd-js #konfSlot .konf-nahlad{clip-path:inset(0);animation:lcdKnBezOrezu 0s linear 25s forwards}
  html.lcd-js #konfSlot .konf-nahlad::after{content:"";position:absolute;top:0;bottom:0;left:0;width:100%;
    pointer-events:none;background:linear-gradient(100deg,rgba(255,255,255,0) 25%,rgba(255,255,255,.75) 50%,rgba(255,255,255,0) 75%);
    transform:translateX(-101%);opacity:0;animation:lcdKnLesk 1.6s ease-in-out 15;will-change:transform}
}
/*    opacity:1 len v kľúčových snímkach: po 15 kolách (24 s) sa ::after vráti na základ = translateX(-101%) A opacity:0.
      Bez toho by po zrušení orezu (25 s) ostal biely pás vľavo od karty (na širokom PC viditeľný cez pozadie). */
@keyframes lcdKnLesk{from{transform:translateX(-100%);opacity:1}to{transform:translateX(100%);opacity:1}}
@keyframes lcdKnUkaz{to{visibility:visible}}
@keyframes lcdKnBezOrezu{to{clip-path:none}}

/* 6) Titulka bez carouselu (184/123 vypnutý): obal .before-carousel má v šablóne margin-top:-92px (ťahal
      carousel pod starú priesvitnú hlavičku) — vytiahol by hero pod pás hlavičky. Prázdny obal skryť. */
body.in-index:has([data-lcd-cast^=hp]) .content-wrapper.homepage-box.before-carousel{margin-top:0 !important}
body.in-index:has([data-lcd-cast^=hp]) .content-wrapper.homepage-box.before-carousel:not(:has(.carousel)){display:none !important}
/* 6b) Titulka: H1 dáva Shoptet z názvu Úvodného textu ako main#content > h1.sr-only — ten ostáva (čítačky, roboty).
      Pod telom titulky Shoptet navyše vypíše pás .welcome-wrapper: div.h1 = len vizuálna kópia toho istého textu
      (data-testid=eshopHeader, nie je to nadpis) + popis Úvodného textu. Dnes ho kreslená titulka skrýva (gate
      .content-wrapper.homepage-box), preto ho skrývame aj pri statickej titulke — inak by na konci titulky pribudol nový
      pás s názvom (dnes „VITAJTE V NAŠOM OBCHODE“, po zápise titulna-strana.json „LUXUSNÉ AUTOKOBERCE NA MIERU“; vzhľad PO
      schválený 6. 10. ho nemá). Schová aj popis, ak ešte nie je vyprázdnený.
      Ukázať pás ako záverečný claim (Michalova voľba) = zmazať len prvé pravidlo nižšie; štýl pod ním je pripravený. */
body.in-index:has([data-lcd-cast^=hp]) .content-wrapper.homepage-box.welcome-wrapper{display:none !important}
body.in-index:has([data-lcd-cast^=hp]) .content-wrapper.homepage-box.welcome-wrapper{margin:0 !important;padding:0 !important;
  background:#eceae5;border:0}
body.in-index:has([data-lcd-cast^=hp]) .welcome-wrapper :is(.content-wrapper-in,.container,.welcome-wrapper,.welcome){
  width:auto !important;max-width:1240px !important;margin:0 auto !important;padding:0 !important;float:none !important;
  background:none !important;border:0 !important}
body.in-index:has([data-lcd-cast^=hp]) .welcome-wrapper .welcome{padding:clamp(28px,4vw,48px) clamp(18px,5vw,80px) !important;text-align:center}
body.in-index:has([data-lcd-cast^=hp]) .welcome-wrapper .welcome > div.h1{margin:0 !important;padding:0 !important;
  font:normal 700 clamp(18px,2vw,24px)/1.25 "Exo 2","Segoe UI",Arial,sans-serif !important;letter-spacing:.06em !important;
  text-transform:uppercase !important;color:#7c5f16 !important;text-wrap:balance}
body.in-index:has([data-lcd-cast^=hp]) .welcome-wrapper .welcome > :not(div.h1):empty{display:none !important}
/* medzera medzi telom titulky a pätičkou (kreslená titulka: #footer{margin-top:-1px}) */
body.in-index:has([data-lcd-cast^=hp]) #footer{margin-top:0 !important}

/* 7) Rozcestník: H1 stránky (článok Shoptetu) ostáva pre vyhľadávače, vizuálne ho nahrádza hlavička #lcd-rz */
body.in-rozcestnik .pageArticleDetail:has(#lcd-rz[data-lcd-cast]) > header{position:absolute !important;width:1px !important;
  height:1px !important;margin:-1px !important;padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;
  clip-path:inset(50%) !important;white-space:nowrap !important;border:0 !important}
body.in-rozcestnik:has(#lcd-rz[data-lcd-cast]) #footer{margin-top:0 !important}

/* 8) Rozcestník: hlavička podľa auta UŽ PRI PRVOM VYKRESLENÍ (bez posunu stránky, CLS).
      Statický #lcd-rz nesie oba stavy: .rz-sa = auto poznáme (štítok, „Krok 2 z 3“, 3 kroky),
      .rz-ba = auto nepoznáme („…pre svoje vozidlo“, „Krok 1 z 2“, 2 kroky, otvorený konfigurátor).
      Ktorý platí, rozhodne trieda html.lcd-rz-auto: nastaví ju riadok v HTML kódoch Záhlavia (admin-html/zahlavie-riadok.html)
      zo sessionStorage ešte pred <body>, lcdRz.js ju potom drží (výber auta, zmena). Bez triedy (bez JS, Google,
      priamy príchod) = auto nepoznáme. Kým JS nevpíše skutočné auto, vzorové „Audi A6“ je neviditeľné (miesto ostáva). */
html:not(.lcd-rz-auto) #lcd-rz[data-lcd-cast=rz] :is(.rz-sa,.plate){display:none !important}
html.lcd-rz-auto #lcd-rz[data-lcd-cast=rz] .rz-ba{display:none !important}
html:not(.lcd-rz-auto) #lcd-rz[data-lcd-cast=rz] .rz-konf[hidden]{display:block}
html.lcd-rz-auto:not(.lcd-rz-plne) #lcd-rz[data-lcd-cast=rz] :is(em.rz-auto,.plate .v i){visibility:hidden}
/*    Vzorové auto NIE JE v texte stránky (nadpis bez CSS/JS, roboty, čítačky = len „…pre svoje vozidlo“): je v data-vzor
      a ::after ním len drží miesto (neviditeľne, podľa riadku vyššie), kým lcdRz.js nevpíše skutočné auto — potom prvok
      nie je :empty (komentár <!-- --> pre TinyMCE sa do :empty neráta). */
#lcd-rz[data-lcd-cast=rz] :is(em.rz-auto,.plate .v i)[data-vzor]:empty::after{content:attr(data-vzor)}
/* ===== LCD-KORENE END ===== */

/* ===== Cena vs. tlacidlo do kosika (2026-09-25) =====
   .add-to-cart je od 768 px vytiahnute o 75 px hore vedla ceny. Stlpec je
   vsak na PC len ~520-560 px, takze cena zasla pod tlacidlo (CZ 8 799 Kc,
   SK 351,00 EUR). Vpravo vyhradime miesto na tlacidlo (230 px + medzera),
   zuzime medzeru za popisom a cenu nezalomime. */
@media (min-width: 768px) {
  .p-info-wrapper .p-final-price-wrapper { padding-right: 246px; }
  .p-info-wrapper .price-final { flex-wrap: nowrap; align-items: baseline; }
  .p-info-wrapper .price-final .recommended-price-final { margin-right: 14px; white-space: nowrap; }
  .p-info-wrapper .price-standard .recommended-price { margin-right: 14px; white-space: nowrap; }
  .p-info-wrapper .price-final-holder { white-space: nowrap; }
}
/* dva stlpce (col-lg-6) = najuzsie miesto -> cena mierne mensia */
@media (min-width: 1200px) and (max-width: 1699px) {
  .p-info-wrapper .price-final-holder { font-size: clamp(28px, 2.2vw, 40px); }
  .p-info-wrapper .price-final-holder .calculated-price { font-size: inherit; }
}

/* ===== Popis produktu: PRED A PO + FARBY (2026-09-30) =====
   Pred a po: tmavý pás cez celú šírku, scéna sa pri scrollovaní prilepí
   a zlatá čiara prejde z holej podlahy na koberce. Farby: vzorky v sekcii
   „Farba interiéru" prepínajú fotku skutočného koberca. #description kvôli
   prednosti pred všeobecnými štýlmi popisu (zlaté rámy obrázkov, nadpisy). */
#description .lcd-pp{height:250vh;background:#0d0c0a;color:#f1ead9;overflow:clip!important}
/* keď sa prilepiť nedá (mobil: .content-wrapper má overflow hidden), scéna je normálny blok */
#description .lcd-pp.lcd-pp-bez-lepu{height:auto}
#description .lcd-pp-bez-lepu .lcd-pp-lep{position:static;height:auto}
#description .lcd-pp-bez-lepu .lcd-pp-in{padding-block:56px}
#description .lcd-pp-lep{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center}
#description .lcd-pp-in{width:100%;max-width:1200px;margin:0 auto;padding:72px clamp(16px,4vw,40px) 24px;
  display:flex;flex-direction:column;gap:clamp(14px,2.4vh,26px)}
#description .lcd-pp-hl{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px 24px}
#description .lcd-pp-nad{margin:0 0 6px;font-family:"Exo 2","Segoe UI",Arial,sans-serif;font-weight:700;font-size:12px;
  letter-spacing:.22em;text-transform:uppercase;color:#e6c877}
#description .lcd-pp-h{margin:0;font-family:"Exo 2","Segoe UI",Arial,sans-serif;font-weight:900;
  font-size:clamp(28px,4.2vw,56px);line-height:1.02;text-transform:uppercase;color:#f1ead9;text-wrap:balance}
#description .lcd-pp-navod{margin:0;font-size:14px;line-height:1.5;color:#a39c89;max-width:32ch}
#description .lcd-pp-plocha{position:relative;width:100%;aspect-ratio:2000/936;max-height:56vh;border-radius:16px;
  overflow:hidden;border:1px solid rgba(230,200,119,.28)}
#description .lcd-pp-plocha img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;
  margin:0;border:0;border-radius:0;box-shadow:none}
#description .lcd-pp-plocha .lcd-pp-po{clip-path:inset(0 calc(100% - var(--p,0%)) 0 0)}
#description .lcd-pp-hrana{position:absolute;top:0;bottom:0;left:var(--p,0%);width:2px;margin-left:-1px;
  background:#e6c877;box-shadow:0 0 22px rgba(230,200,119,.8)}
#description .lcd-pp-cip{position:absolute;top:14px;padding:7px 12px;border-radius:999px;background:rgba(13,12,10,.72);
  border:1px solid rgba(230,200,119,.2);font-family:"Exo 2","Segoe UI",Arial,sans-serif;font-weight:800;font-size:11px;
  line-height:1;letter-spacing:.18em;text-transform:uppercase;color:#f1ead9}
#description .lcd-pp-cip-po{left:14px;color:#e6c877}
#description .lcd-pp-cip-pred{right:14px}
#description .lcd-pp-body{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.6vw,20px)}
#description .lcd-pp-bod{border-top:1px solid rgba(230,200,119,.18);padding-top:12px;transition:border-color .4s}
#description .lcd-pp-bod b{display:block;font-family:"Exo 2","Segoe UI",Arial,sans-serif;font-weight:800;
  font-size:clamp(15px,1.3vw,18px);line-height:1.25;color:#8f8878;transition:color .4s}
#description .lcd-pp-bod span{display:block;margin-top:4px;font-size:14px;line-height:1.45;color:#8f8878;transition:color .4s}
#description .lcd-pp-bod.on{border-top-color:#e6c877}
#description .lcd-pp-bod.on b{color:#f1ead9}
#description .lcd-pp-bod.on span{color:#c2baa6}
#description .lcd-pp-pozn{margin:0;font-size:12.5px;color:#8f8878}
#description .twentytwenty-wrap.lcd-pp-nahradene .section-info,
#description .twentytwenty-wrap.lcd-pp-nahradene .twentytwenty-wrapper{display:none!important}
@media(max-width:760px){
  #description .lcd-pp{height:220vh}
  #description .lcd-pp-in{padding-top:64px}
  #description .lcd-pp-body{grid-template-columns:1fr 1fr}
}

#description .lcd-farby{margin-top:18px}
#description .lcd-farby-text{margin:0 0 16px}
#description .lcd-farby-vzorky{display:flex;flex-wrap:wrap;gap:10px}
#description .lcd-farby-vzorka{position:relative;width:46px;height:46px;padding:0;border-radius:50%;cursor:pointer;
  background:var(--koza);border:2px solid transparent;box-shadow:0 0 0 1px rgba(0,0,0,.18);
  transition:transform .2s,border-color .2s,box-shadow .2s}
#description .lcd-farby-vzorka::after{content:"";position:absolute;inset:8px;border-radius:50%;
  border:2px dashed var(--sitie)}
#description .lcd-farby-vzorka:hover{transform:translateY(-3px)}
#description .lcd-farby-vzorka:focus-visible{outline:2px solid #c49b31;outline-offset:3px}
#description .lcd-farby-vzorka[aria-pressed="true"]{border-color:#c49b31;box-shadow:0 0 0 3px rgba(196,155,49,.28)}
#description .lcd-farby-meno{margin:14px 0 0;font-family:"Exo 2","Segoe UI",Arial,sans-serif;font-weight:800;
  font-size:18px;line-height:1.3}
#description .lcd-farby-tl{display:inline-flex;align-items:center;gap:8px;margin-top:18px;height:48px;padding:0 22px;
  border-radius:999px;background:linear-gradient(100deg,#1d6b4a,#2f9c68 42%,#1f7350);color:#fff;text-decoration:none;
  font-family:"Exo 2","Segoe UI",Arial,sans-serif;font-weight:800;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;
  box-shadow:0 8px 20px rgba(31,115,80,.28)}
#description .lcd-farby-tl:hover{filter:brightness(1.06)}
#description .lcd-farby-foto{width:100%;aspect-ratio:4/5;object-fit:cover;border:3px solid #c49b31;border-radius:20px;
  transition:opacity .35s}
#description .lcd-farby-foto.mizne{opacity:.25}
/* mobil: fotka pod vzorky, inak by sa menila mimo obrazovky nad textom */
@media(max-width:767px){
  #description .lcd-farby-sekcia .container{display:flex;flex-direction:column}
  #description .lcd-farby-sekcia .mobile-image{order:2;margin-top:22px}
}
@media(prefers-reduced-motion:reduce){
  #description .lcd-farby-foto,#description .lcd-farby-vzorka,#description .lcd-pp-bod,
  #description .lcd-pp-bod b,#description .lcd-pp-bod span{transition:none}
}

/* ===== LCD-BLOG START - generovane tools/vloz-lcd-blog-css.py z _lcdBlog.scss, needituj rucne ===== */
/* ===== LCD-BLOG — novy blog (navrh 3. 10. 2026, Desktop/LCD/web/blog-navrh-2026-10) =====
   Zdroj pravdy pre blok LCD-BLOG v luxuryCar.css (vklada tools/vloz-lcd-blog-css.py).
   Vsetko je pod #lcd-blog, ktory stavia assets/js/lcdBlog.js. Povodny obsah Shoptetu sa skryje,
   az ked je #lcd-blog hotovy (trieda lcd-blog-v2 na <html>). */

/* LCD-BLOG-V2: zapnute — podla tejto znacky automatizacia blogu prepne generator na v2 (nemazat) */
/* proti prebliknutiu: povodny obsah blogu je skryty, kym JS nepostavi #lcd-blog (najviac 3 s, potom sa ukaze) */
@keyframes lbUkaz{to{opacity:1}}
body.in-blog #content-wrapper,body.in-blog .breadcrumbs-wrapper{opacity:0;animation:lbUkaz .25s 3s forwards}
html.lcd-blog-v2 body.in-blog #content-wrapper,
html.lcd-blog-v2 body.in-blog .breadcrumbs-wrapper{display:none !important}
html.lcd-blog-v2 body.in-blog{background:#eceae5}
html.lcd-blog-v2 body.in-blog #header{margin-bottom:0}
/* Shoptet .overall-wrapper ma overflow:hidden — rusi prilepeny bocny panel (clip nevytvara posuvny box) */
html.lcd-blog-v2 body.in-blog .overall-wrapper{overflow:clip}

#lcd-blog{
  --ink:#14110c; --ground:#eceae5; --paper:#fff; --line:#d9d4c6;
  --gold:#c49b31; --gold-hi:#e6c877; --gold-lo:#8f7020;
  --mute:#6e6752; --deep:#181510; --sand:#f6f4ef; --sand2:#e4e0d4;
  --disp:"Exo 2","Segoe UI",Arial,sans-serif;
  --body:"Source Sans 3","Segoe UI",Arial,sans-serif;
  --mono:"Exo 2","Segoe UI",Arial,sans-serif;
  --pad:clamp(18px,5vw,80px);
  background:var(--ground);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6;
  -webkit-font-smoothing:antialiased;overflow-x:clip;width:100%;max-width:100%}
#lcd-blog *,#lcd-blog *:before,#lcd-blog *:after{box-sizing:border-box}
#lcd-blog img{display:block;max-width:100%}
#lcd-blog a{color:inherit;text-decoration:none}
#lcd-blog :focus-visible{outline:2px solid var(--gold);outline-offset:3px}
#lcd-blog p{margin:0}
#lcd-blog .eyebrow{font-family:var(--mono);font-size:12.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#7c5f16}
#lcd-blog h1,#lcd-blog h2,#lcd-blog h3{font-family:var(--disp);text-transform:uppercase;text-wrap:balance;margin:0;padding:0;
  line-height:1.14;letter-spacing:.01em;color:inherit;border:0;background:none}
#lcd-blog h1{font-size:clamp(28px,4.4vw,58px);font-weight:700}
#lcd-blog h2{font-size:clamp(24px,3.4vw,44px);font-weight:700}
#lcd-blog h3{font-size:clamp(16px,1.6vw,21px);font-weight:700;letter-spacing:.02em}
#lcd-blog .lede{max-width:62ch;color:var(--mute);font-size:clamp(15px,1.35vw,18px)}
#lcd-blog .wrap{max-width:1240px;margin:0 auto}
#lcd-blog .sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* tlacidlo — prebije Shoptet .btn */
#lcd-blog .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;font-family:var(--disp);font-weight:800;
  text-transform:uppercase;letter-spacing:.09em;font-size:13px;line-height:1.2;padding:16px 30px;border-radius:12px;border:0;
  height:auto;min-height:0;width:auto;white-space:normal;text-align:center;text-decoration:none;
  background:linear-gradient(100deg,var(--gold-lo),var(--gold-hi) 48%,var(--gold));color:#17130a;
  position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(140,105,25,.35);transition:transform .25s,box-shadow .25s}
#lcd-blog .btn:before{content:"";position:absolute;top:0;bottom:0;width:38%;left:-45%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.34),transparent);animation:lbSheen 3.6s ease-in-out 1.2s infinite}
#lcd-blog .btn:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(140,105,25,.45);color:#17130a;
  background:linear-gradient(100deg,var(--gold-lo),var(--gold-hi) 48%,var(--gold))}
#lcd-blog .btn.ghost{background:none;color:var(--ink);border:1px solid var(--line);box-shadow:none}
#lcd-blog .btn.ghost:before{background:linear-gradient(100deg,transparent,rgba(196,155,49,.26),transparent)}
#lcd-blog .btn.ghost:hover{border-color:var(--gold)}
#lcd-blog .btn i{font-style:normal}
@keyframes lbSheen{0%{left:-45%}55%{left:120%}100%{left:120%}}

#lcd-blog .zlato{color:#8f7020;background:linear-gradient(100deg,#8a6b1c,#c49b31 42%,#e0bd63 60%,#96751f);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
#lcd-blog .zlato-svetle{color:var(--gold-hi);background:linear-gradient(100deg,#c49b31,#f0d68f 45%,#e6c877 62%,#c49b31);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-style:normal}

/* omrvinky */
#lcd-blog .drob{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;font-family:var(--mono);font-size:11px;
  font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.58)}
#lcd-blog .drob a{transition:color .2s}
#lcd-blog .drob a:hover{color:var(--gold-hi)}
#lcd-blog .drob .od{width:4px;height:4px;border-radius:50%;background:var(--gold);opacity:.7}
#lcd-blog .drob [aria-current]{color:var(--gold-hi)}

/* stitok temy */
#lcd-blog .tema{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10.5px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;padding:6px 11px;border-radius:999px;white-space:nowrap}
#lcd-blog .tema-zlata{background:linear-gradient(100deg,var(--gold-lo),var(--gold-hi) 48%,var(--gold));color:#17130a}
#lcd-blog .tema-tmava{background:rgba(12,10,7,.62);color:var(--gold-hi);border:1px solid rgba(230,200,119,.35);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
#lcd-blog .tema-obrys{border:1px solid rgba(230,200,119,.5);color:var(--gold-hi)}

/* ---------- karta clanku (zoznam aj suvisiace) ---------- */
#lcd-blog .mriezka{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.2vw,30px)}
@media(max-width:1000px){#lcd-blog .mriezka{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#lcd-blog .mriezka{grid-template-columns:minmax(0,1fr)}}
#lcd-blog .kc{position:relative;min-width:0}
#lcd-blog .kc[hidden]{display:none}
#lcd-blog .kc-a{display:flex;flex-direction:column;height:100%;background:var(--paper);border-radius:18px;overflow:hidden;
  border:1px solid rgba(155,122,36,.18);box-shadow:0 10px 30px rgba(40,30,10,.07);
  transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--ty,0px));
  transition:transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .45s,border-color .45s}
#lcd-blog .kc-a:hover,#lcd-blog .kc-a:focus-visible{--ty:-6px;box-shadow:0 28px 60px rgba(40,30,10,.18);border-color:rgba(196,155,49,.6)}
#lcd-blog .kc.hybe .kc-a{transition:transform .14s linear,box-shadow .45s,border-color .45s}
#lcd-blog .kc-img{position:relative;aspect-ratio:16/10;overflow:hidden;background:#1a1612}
#lcd-blog .kc-img img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1),filter .6s;filter:saturate(.95)}
#lcd-blog .kc-a:hover .kc-img img,#lcd-blog .kc-a:focus-visible .kc-img img{transform:scale(1.08);filter:saturate(1.05)}
#lcd-blog .kc-img:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .45s;
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(255,240,200,.26),transparent 55%)}
#lcd-blog .kc-a:hover .kc-img:after{opacity:1}
#lcd-blog .kc-img .tema{position:absolute;left:14px;top:14px}
#lcd-blog .kc-t{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
#lcd-blog .kc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-family:var(--mono);font-size:11px;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
#lcd-blog .kc-meta .min{display:inline-flex;align-items:center;gap:6px}
#lcd-blog .kc-meta .min:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--gold);margin-right:6px}
#lcd-blog .kc h3{font-size:clamp(17.5px,1.55vw,20.5px);line-height:1.25;text-transform:none;letter-spacing:0;font-weight:700;color:var(--ink)}
#lcd-blog .kc p{color:var(--mute);font-size:15.5px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#lcd-blog .kc-cit{margin-top:auto;padding-top:6px;display:inline-flex;align-items:center;gap:10px;font-family:var(--disp);font-weight:800;
  font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:#7c5f16}
#lcd-blog .kc-cit i{font-style:normal;display:inline-block;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
#lcd-blog .kc-a:hover .kc-cit i{transform:translateX(6px)}
@media(max-width:640px){#lcd-blog .kc-img{aspect-ratio:16/9}#lcd-blog .kc-t{padding:16px 18px 18px;gap:8px}
  #lcd-blog .kc p{-webkit-line-clamp:2;font-size:15px}}

/* plynule odhalenie pri rolovani (len ked bezi JS observer) */
#lcd-blog.lb-anim .kc,#lcd-blog.lb-anim .rv{opacity:0;transform:translateY(34px);
  transition:opacity .7s ease,transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
#lcd-blog.lb-anim .kc.on,#lcd-blog.lb-anim .rv.on{opacity:1;transform:none}
#lcd-blog .mriezka.mizne .kc{opacity:0 !important;transform:translateY(12px) scale(.985) !important;
  transition-duration:.2s !important;transition-delay:0s !important}

/* tenka linka postupu citania */
#lcd-blog .postup{position:fixed;left:0;right:0;top:0;height:3px;z-index:1000;pointer-events:none;background:rgba(230,200,119,.12)}
#lcd-blog .postup i{display:block;height:100%;width:100%;transform-origin:0 50%;transform:scaleX(0);
  background:linear-gradient(90deg,var(--gold-lo),var(--gold-hi));box-shadow:0 0 12px rgba(196,155,49,.6)}

/* ---------- zaver ---------- */
#lcd-blog .end{position:relative;isolation:isolate;overflow:hidden;text-align:center;color:#fff;
  background:var(--deep);padding:clamp(66px,9vw,140px) var(--pad)}
#lcd-blog .endbg{position:absolute;inset:0;z-index:-2}
#lcd-blog .endbg img{width:100%;height:100%;object-fit:cover;opacity:.3;filter:saturate(.82) contrast(1.04)}
#lcd-blog .end:before{content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(64% 76% at 50% 40%,rgba(196,155,49,.26),rgba(196,155,49,0) 68%),
    linear-gradient(180deg,rgba(11,9,6,.88),rgba(11,9,6,.7) 44%,rgba(11,9,6,.95)),
    repeating-linear-gradient(45deg,rgba(230,200,119,.07) 0 1px,transparent 1px 42px),
    repeating-linear-gradient(-45deg,rgba(230,200,119,.07) 0 1px,transparent 1px 42px)}
#lcd-blog .end .eyebrow{color:var(--gold-hi)}
#lcd-blog .end h2{max-width:18ch;margin:14px auto 0;color:#fff;-webkit-text-fill-color:#fff}
#lcd-blog .end .lede{color:rgba(255,255,255,.78);margin:18px auto 32px;max-width:56ch}
#lcd-blog .end-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
#lcd-blog .end .btn.ghost{color:#fff;border-color:rgba(230,200,119,.45)}
#lcd-blog .end-tr{display:flex;justify-content:center;flex-wrap:wrap;gap:clamp(14px,3vw,46px);
  margin:clamp(36px,5vw,58px) auto 0;padding-top:clamp(22px,3vw,32px);max-width:900px;border-top:1px solid rgba(230,200,119,.22)}
#lcd-blog .end-tr span{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);
  font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.82)}
#lcd-blog .end-tr span:before{content:"";flex:none;width:18px;height:18px;border-radius:50%;border:1px solid rgba(230,200,119,.5);
  background:radial-gradient(circle at 50% 50%,var(--gold-hi) 0 3.5px,transparent 3.5px)}
@media(max-width:620px){#lcd-blog .end-tr{gap:14px;flex-direction:column;align-items:center}}

/* ================= zoznam clankov ================= */
#lcd-blog .bl-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--deep);color:#fff;
  padding:clamp(58px,8vw,112px) var(--pad) clamp(170px,17vw,240px)}
#lcd-blog .bl-hero:before{content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(60% 85% at 85% 0%,rgba(196,155,49,.3),transparent 70%),
    radial-gradient(45% 70% at 0% 100%,rgba(196,155,49,.13),transparent 70%),
    repeating-linear-gradient(45deg,rgba(230,200,119,.065) 0 1px,transparent 1px 42px),
    repeating-linear-gradient(-45deg,rgba(230,200,119,.065) 0 1px,transparent 1px 42px)}
#lcd-blog .bl-hero:after{content:"";position:absolute;top:-30%;bottom:-30%;width:38%;left:-40%;z-index:-1;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(230,200,119,.09),transparent);transform:skewX(-14deg);animation:lbLesk 9s ease-in-out 1.5s infinite}
@keyframes lbLesk{0%{left:-40%}60%{left:115%}100%{left:115%}}
#lcd-blog .bl-hero .in{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);
  gap:clamp(28px,5vw,80px);align-items:end}
#lcd-blog .bl-hero .eyebrow{color:var(--gold-hi);margin-top:clamp(22px,3vw,34px)}
#lcd-blog .bl-hero h1{color:#fff;margin-top:14px;max-width:18ch;font-size:clamp(32px,5vw,66px)}
#lcd-blog .bl-hero .lede{color:rgba(255,255,255,.74);margin-top:20px;max-width:54ch}
#lcd-blog .bl-cisla{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border-radius:18px;overflow:hidden;
  background:rgba(230,200,119,.2);border:1px solid rgba(230,200,119,.2)}
#lcd-blog .bl-cisla div{background:rgba(18,15,10,.86);padding:18px 16px;display:flex;flex-direction:column;gap:4px}
#lcd-blog .bl-cisla b{font-family:var(--disp);font-weight:800;font-size:clamp(24px,2.3vw,32px);line-height:1;color:var(--gold-hi);white-space:nowrap}
#lcd-blog .bl-cisla span{font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.62)}
@media(max-width:860px){#lcd-blog .bl-hero .in{grid-template-columns:minmax(0,1fr)}}

#lcd-blog .bl-feat{position:relative;z-index:2;padding:0 var(--pad);margin-top:calc(-1 * clamp(120px,13vw,180px))}
#lcd-blog .bf{position:relative;isolation:isolate;display:block;max-width:1240px;margin:0 auto;border-radius:24px;overflow:hidden;
  background:#0d0b08;color:#fff;min-height:clamp(440px,46vw,600px);border:1px solid rgba(230,200,119,.28);
  box-shadow:0 34px 90px rgba(20,15,5,.38);transition:border-color .5s,box-shadow .5s}
#lcd-blog .bf:hover{border-color:rgba(230,200,119,.7);box-shadow:0 40px 100px rgba(20,15,5,.48),0 0 0 1px rgba(230,200,119,.25)}
#lcd-blog .bf-img{position:absolute;inset:0;z-index:-2;overflow:hidden}
#lcd-blog .bf-img img{width:100%;height:100%;object-fit:cover;transform:scale(1.03);transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
#lcd-blog .bf:hover .bf-img img{transform:scale(1.08)}
#lcd-blog .bf:after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(10,8,6,.9) 0%,rgba(10,8,6,.62) 38%,rgba(10,8,6,.08) 72%),
    linear-gradient(0deg,rgba(10,8,6,.75) 0%,rgba(10,8,6,0) 55%)}
#lcd-blog .bf-t{position:absolute;left:0;bottom:0;width:min(700px,100%);padding:clamp(26px,4.4vw,60px);display:flex;flex-direction:column;gap:16px}
#lcd-blog .bf-stitky{display:flex;flex-wrap:wrap;gap:8px}
#lcd-blog .bf h2{color:#fff;font-size:clamp(26px,3.5vw,48px);text-transform:none;letter-spacing:0;font-weight:800;line-height:1.1}
#lcd-blog .bf p{color:rgba(255,255,255,.8);font-size:clamp(15.5px,1.3vw,18px);max-width:56ch}
#lcd-blog .bf-meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-family:var(--mono);font-size:11.5px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.66)}
#lcd-blog .bf-meta span{display:inline-flex;align-items:center;gap:8px}
#lcd-blog .bf-meta svg{width:15px;height:15px;color:var(--gold-hi)}
#lcd-blog .bf .btn{align-self:flex-start;margin-top:6px}
#lcd-blog .bf .btn i{transition:transform .35s cubic-bezier(.2,.7,.2,1)}
#lcd-blog .bf:hover .btn i{transform:translateX(6px)}
@media(max-width:720px){
  #lcd-blog .bf{min-height:0;display:flex;flex-direction:column}
  #lcd-blog .bf-img{position:relative;inset:auto;z-index:0;aspect-ratio:16/11}
  #lcd-blog .bf:after{display:none}
  #lcd-blog .bf-t{position:relative;width:100%;padding:22px 20px 26px;background:linear-gradient(180deg,#14110c,#0d0b08)}
  #lcd-blog .bf-img:after{content:"";position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(0deg,#14110c,transparent)}
}

#lcd-blog .bl-list{padding:clamp(60px,8vw,112px) var(--pad) clamp(50px,7vw,96px)}
#lcd-blog .bl-hlava{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px 30px;margin-bottom:clamp(22px,3vw,34px)}
#lcd-blog .bl-hlava .eyebrow{display:block;margin-bottom:10px}
#lcd-blog .bl-hlava h2{font-size:clamp(26px,3.2vw,42px)}
#lcd-blog .cipy{display:flex;flex-wrap:wrap;gap:10px}
#lcd-blog .cip{display:inline-flex;align-items:center;gap:9px;font-family:var(--disp);font-weight:700;font-size:13px;line-height:1.2;
  letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;cursor:pointer;
  padding:11px 16px 11px 18px;border-radius:999px;border:1px solid var(--line);background:var(--paper);color:var(--ink);
  transition:background .3s,border-color .3s,color .3s,box-shadow .3s,transform .25s}
#lcd-blog .cip small{font-family:var(--body);font-size:12px;font-weight:700;letter-spacing:0;min-width:22px;text-align:center;
  padding:1px 7px;border-radius:999px;background:var(--sand);color:var(--mute);transition:background .3s,color .3s}
#lcd-blog .cip:hover{border-color:var(--gold);transform:translateY(-1px)}
#lcd-blog .cip[aria-pressed="true"]{background:linear-gradient(100deg,var(--gold-lo),var(--gold-hi) 48%,var(--gold));
  border-color:transparent;color:#17130a;box-shadow:0 10px 24px rgba(140,105,25,.3)}
#lcd-blog .cip[aria-pressed="true"] small{background:rgba(23,19,10,.16);color:#17130a}
@media(max-width:760px){
  #lcd-blog .bl-hlava{display:block}
  #lcd-blog .cipy{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;
    margin:18px calc(-1 * var(--pad)) 0;padding:4px var(--pad) 10px;scroll-padding:0 var(--pad);
    -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 34px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 34px),transparent)}
  #lcd-blog .cipy::-webkit-scrollbar{display:none}
  #lcd-blog .cip{flex:none}
}
#lcd-blog .bl-stav{font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--mute);margin:0 0 18px;display:flex;align-items:center;gap:12px}
#lcd-blog .bl-stav:after{content:"";flex:1;height:1px;background:var(--line)}
#lcd-blog .bl-prazdne{padding:40px 0;text-align:center;color:var(--mute)}
#lcd-blog .bl-prazdne[hidden]{display:none}

/* dlazdica s odkazom do konfiguratora */
#lcd-blog .kc-kon .kc-a{background:#120f0a;color:#fff;border-color:rgba(230,200,119,.32);position:relative;isolation:isolate}
#lcd-blog .kc-kon .kc-a:before{content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(80% 60% at 100% 0%,rgba(196,155,49,.34),transparent 70%),
    repeating-linear-gradient(45deg,rgba(230,200,119,.07) 0 1px,transparent 1px 30px),
    repeating-linear-gradient(-45deg,rgba(230,200,119,.07) 0 1px,transparent 1px 30px)}
#lcd-blog .kc-kon .kc-img{aspect-ratio:21/9;background:none}
#lcd-blog .kc-kon .kc-img img{opacity:.92}
#lcd-blog .kc-kon .kc-t{gap:12px}
#lcd-blog .kc-kon .eyebrow{color:var(--gold-hi)}
#lcd-blog .kc-kon h3{color:#fff;font-size:clamp(19px,1.7vw,23px)}
#lcd-blog .kc-kon p{color:rgba(255,255,255,.72);-webkit-line-clamp:4}
#lcd-blog .kc-kon .btn{margin-top:auto}

/* ================= detail clanku ================= */
#lcd-blog .news-item-detail{margin:0;padding:0;border:0;background:none;max-width:none}
#lcd-blog .news-item-detail>time,#lcd-blog .news-item-detail>.next-prev{display:none}
#lcd-blog .cl-hero{position:relative;isolation:isolate;overflow:hidden;background:#0d0b08;color:#fff;
  min-height:min(88svh,780px);display:flex;align-items:flex-end}
#lcd-blog .cl-hero-bg{position:absolute;inset:0;z-index:-2;overflow:hidden;animation:lbPrichod 1.8s cubic-bezier(.2,.7,.2,1) both}
#lcd-blog .cl-hero-bg img{width:100%;height:112%;object-fit:cover;transform:translate3d(0,var(--py,0px),0) scale(1.04);will-change:transform}
@keyframes lbPrichod{from{opacity:0;transform:scale(1.08)}to{opacity:1;transform:none}}
#lcd-blog .cl-hero:after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(10,8,6,.62) 0%,rgba(10,8,6,.18) 30%,rgba(10,8,6,.5) 58%,rgba(10,8,6,.94) 100%),
    linear-gradient(90deg,rgba(10,8,6,.55),rgba(10,8,6,0) 60%)}
#lcd-blog .cl-hero .in{position:relative;width:100%;max-width:1240px;margin:0 auto;padding:clamp(110px,14vw,170px) var(--pad) clamp(42px,6vw,84px)}
#lcd-blog .cl-hero-t{max-width:880px;display:flex;flex-direction:column;gap:18px}
#lcd-blog .cl-stitky{display:flex;flex-wrap:wrap;gap:8px}
#lcd-blog .cl-hero h1{color:#fff;text-transform:none;letter-spacing:-.005em;font-weight:800;
  font-size:clamp(31px,5vw,66px);line-height:1.06;max-width:20ch;text-shadow:0 2px 30px rgba(0,0,0,.45)}
#lcd-blog .cl-perex{color:rgba(255,255,255,.82);font-size:clamp(16px,1.5vw,20px);max-width:58ch}
#lcd-blog .cl-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:6px;
  font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.7)}
#lcd-blog .cl-autor{display:flex;align-items:center;gap:12px;color:#fff}
#lcd-blog .cl-autor img{width:42px;height:42px;border-radius:50%;object-fit:contain;padding:5px;background:#0d0b08;border:1px solid rgba(230,200,119,.5)}
#lcd-blog .cl-meta .m{display:inline-flex;align-items:center;gap:8px}
#lcd-blog .cl-meta svg{width:15px;height:15px;color:var(--gold-hi)}
#lcd-blog .cl-dole{position:absolute;right:var(--pad);bottom:clamp(42px,6vw,84px);display:flex;flex-direction:column;align-items:center;gap:12px;
  font-family:var(--mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.6)}
#lcd-blog .cl-dole i{display:block;width:1px;height:56px;background:linear-gradient(180deg,var(--gold-hi),transparent);
  transform-origin:top;animation:lbCiara 2.4s ease-in-out infinite}
@keyframes lbCiara{0%{transform:scaleY(0);opacity:1}60%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:0}}
@media(max-width:900px){#lcd-blog .cl-dole{display:none}}
@media(max-width:600px){#lcd-blog .cl-hero{min-height:min(82svh,640px)}#lcd-blog .cl-perex{display:none}}

#lcd-blog .cl-telo{max-width:1240px;margin:0 auto;padding:clamp(44px,6vw,92px) var(--pad) clamp(40px,5vw,70px);
  display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(40px,6vw,96px);align-items:start}
#lcd-blog .cl-hlavny{min-width:0;max-width:720px}
@media(max-width:1099px){#lcd-blog .cl-telo{grid-template-columns:minmax(0,1fr)}#lcd-blog .cl-bok{display:none}
  #lcd-blog .cl-hlavny{margin:0 auto;width:100%}}

/* text clanku — kontrakt cl-* aj stare clanky po normalizacii */
#lcd-blog .cl-text{min-width:0;font-size:clamp(17.5px,1.35vw,19.5px);line-height:1.78;color:#2c2820;font-family:var(--body)}
#lcd-blog .cl-text p{margin:0 0 1.15em;font-size:inherit;line-height:inherit;color:inherit;font-family:inherit}
#lcd-blog .cl-text a{color:#7c5f16;text-decoration:underline;text-decoration-color:rgba(196,155,49,.55);
  text-decoration-thickness:1.5px;text-underline-offset:3px;transition:color .2s,text-decoration-color .2s}
#lcd-blog .cl-text a:hover{color:var(--gold-lo);text-decoration-color:var(--gold)}
#lcd-blog .cl-text .cl-uvod,#lcd-blog .cl-text .uvod{font-size:clamp(20px,1.9vw,24px);line-height:1.6;color:var(--ink);font-weight:600}
#lcd-blog .cl-text .cl-uvod:first-letter,#lcd-blog .cl-text .uvod:first-letter{float:left;font-family:var(--disp);font-weight:800;font-size:3.6em;line-height:.82;
  margin:.06em .14em 0 0;color:var(--gold)}
#lcd-blog .cl-text b,#lcd-blog .cl-text strong{color:var(--ink);font-weight:700}
#lcd-blog .cl-text h2{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 18px;align-items:baseline;
  margin:2.3em 0 .75em;font-size:clamp(23px,2.3vw,31px);line-height:1.2;text-transform:none;letter-spacing:0;
  font-weight:800;color:var(--ink);scroll-margin-top:110px}
#lcd-blog .cl-text h2 .no{font-size:1.5em;line-height:1;font-weight:800}
#lcd-blog .cl-text h2 .no:after{content:"";display:block;height:2px;width:100%;margin-top:8px;background:linear-gradient(90deg,var(--gold),transparent)}
#lcd-blog .cl-text h3,#lcd-blog .cl-text h4{margin:1.8em 0 .6em;font-family:var(--disp);font-size:clamp(19px,1.7vw,22px);line-height:1.3;
  text-transform:none;letter-spacing:0;font-weight:800;color:var(--ink)}
#lcd-blog .cl-text ul,#lcd-blog .cl-text ol{margin:0 0 1.3em;padding-left:1.3em}
#lcd-blog .cl-text li{margin:0 0 .45em}
#lcd-blog .cl-text li::marker{color:var(--gold)}
#lcd-blog .cl-text .cl-kos{list-style:none;margin:0 0 1.3em;padding:0;display:grid;gap:12px}
#lcd-blog .cl-text .cl-kos li{position:relative;margin:0;padding:16px 18px 16px 50px;background:var(--paper);border-radius:14px;
  border:1px solid rgba(155,122,36,.16);line-height:1.6}
#lcd-blog .cl-text .cl-kos li:before{content:"";position:absolute;left:20px;top:24px;width:11px;height:11px;transform:rotate(45deg);
  background:linear-gradient(135deg,var(--gold-hi),var(--gold-lo))}
#lcd-blog .cl-text img{max-width:100%;height:auto}
#lcd-blog .cl-text figure{margin:2em 0 2.2em}
#lcd-blog .cl-fig .ram,#lcd-blog .cl-fig>img,#lcd-blog .cl-fig>a{display:block;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#1a1612;
  box-shadow:0 18px 44px rgba(40,30,10,.16)}
#lcd-blog .cl-fig img{width:100%;height:100%;object-fit:cover;object-position:var(--op,50% 50%);transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
#lcd-blog .cl-fig .ram img,#lcd-blog .cl-fig>a img{transform:scale(var(--sc,1))}
#lcd-blog .cl-fig:hover .ram img,#lcd-blog .cl-fig:hover>a img{transform:scale(calc(var(--sc,1) + .03))}
#lcd-blog .cl-fig figcaption{display:flex;gap:10px;align-items:baseline;margin-top:12px;font-size:14px;color:var(--mute);line-height:1.5;font-family:var(--body)}
#lcd-blog .cl-fig figcaption:before{content:"";flex:none;width:22px;height:1px;background:var(--gold);transform:translateY(-4px)}
#lcd-blog .cl-fig figcaption:first-letter{text-transform:uppercase}

#lcd-blog .cl-vytah{position:relative;margin:2.2em 0;padding:34px 0 30px clamp(0px,3vw,30px);
  border-top:1px solid rgba(155,122,36,.35);border-bottom:1px solid rgba(155,122,36,.35)}
#lcd-blog .cl-vytah:before{content:"";position:absolute;left:clamp(0px,3vw,30px);top:-19px;width:62px;height:38px;
  background:var(--ground) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 24'%3E%3Cpath fill='%23c49b31' d='M0 24V14C0 6 4 1.5 12 0l1.4 3.2C9 4.6 7 7.3 6.8 11H12v13zm18 0V14c0-8 4-12.5 12-14l1.4 3.2C27 4.6 25 7.3 24.8 11H30v13z'/%3E%3C/svg%3E") center/36px 27px no-repeat}
#lcd-blog .cl-vytah p{margin:0;font-family:var(--disp);font-weight:700;font-size:clamp(22px,2.4vw,31px);line-height:1.32;color:var(--ink)}
#lcd-blog .cl-vytah span{display:block;margin-top:14px;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--mute)}

#lcd-blog .cl-recenzia{position:relative;margin:2.2em 0;padding:clamp(24px,3.4vw,38px);border-radius:20px;background:#120f0a;color:#fff;border:0;
  isolation:isolate;overflow:hidden;box-shadow:0 24px 60px rgba(20,15,5,.25)}
#lcd-blog .cl-recenzia:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(70% 90% at 100% 0%,rgba(196,155,49,.3),transparent 70%)}
#lcd-blog .cl-recenzia .hv{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:11px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.6)}
#lcd-blog .cl-recenzia .hv i{font-style:normal;color:var(--gold-hi);letter-spacing:3px;font-size:16px}
#lcd-blog .cl-recenzia p{margin:16px 0 20px;font-size:clamp(18px,1.7vw,21px);line-height:1.6;font-style:italic;color:rgba(255,255,255,.92)}
#lcd-blog .cl-recenzia footer{display:flex;align-items:center;gap:14px;background:none;padding:0;margin:0}
#lcd-blog .cl-recenzia .av{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;
  font-family:var(--disp);font-weight:800;color:#17130a;background:linear-gradient(135deg,var(--gold-hi),var(--gold-lo))}
#lcd-blog .cl-recenzia cite{font-style:normal;display:flex;flex-direction:column;line-height:1.35}
#lcd-blog .cl-recenzia cite b{color:#fff}
#lcd-blog .cl-recenzia cite span{font-size:14px;color:rgba(255,255,255,.6)}

#lcd-blog .cl-text .cl-cta{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 190px;
  align-items:stretch;margin:2.2em 0;border-radius:20px;background:var(--paper);border:1px solid rgba(196,155,49,.45);
  box-shadow:0 18px 44px rgba(40,30,10,.12);text-decoration:none;color:var(--ink);
  transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s}
#lcd-blog .cl-text .cl-cta:hover{transform:translateY(-3px);box-shadow:0 26px 60px rgba(40,30,10,.2);color:var(--ink)}
#lcd-blog .cl-cta-t{padding:24px 26px;display:flex;flex-direction:column;gap:8px}
#lcd-blog .cl-cta .eyebrow{font-size:11px}
#lcd-blog .cl-cta b{font-family:var(--disp);font-size:clamp(19px,1.8vw,23px);line-height:1.2}
#lcd-blog .cl-cta small{font-size:15px;color:var(--mute);line-height:1.5}
#lcd-blog .cl-cta .btn{align-self:flex-start;margin-top:8px;padding:13px 22px}
#lcd-blog .cl-cta-img{position:relative;overflow:hidden;min-height:150px}
#lcd-blog .cl-cta-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
#lcd-blog .cl-cta:hover .cl-cta-img img{transform:scale(1.07)}
@media(max-width:560px){#lcd-blog .cl-text .cl-cta{grid-template-columns:minmax(0,1fr)}#lcd-blog .cl-cta-img{height:150px;order:-1}}
/* na telefone tlacidlo v karte cez celu sirku a na jeden riadok */
@media(max-width:560px){#lcd-blog .cl-cta .btn{align-self:stretch;white-space:nowrap;font-size:12px;letter-spacing:.07em;padding:14px 16px;gap:10px}}

#lcd-blog .cl-text a.btn,#lcd-blog .cl-text a.btn:hover{color:#17130a;text-decoration:none}
#lcd-blog .cl-tlacidlo{margin:1.8em 0}

/* luxuryCar.css ma globalne section{padding:0;margin:0 !important} — FAQ v obsahu je section */
#lcd-blog .cl-faq,#lcd-blog section.cl-faq{margin:2.6em 0 1.6em !important;padding:0 !important}
#lcd-blog .cl-faq h2{margin-top:0}
#lcd-blog .cl-faq details{border-bottom:1px solid var(--line)}
#lcd-blog .cl-faq details:first-of-type{border-top:1px solid var(--line)}
#lcd-blog .cl-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:20px 2px;font-family:var(--disp);font-weight:700;font-size:clamp(17px,1.5vw,19.5px);line-height:1.35;color:var(--ink)}
#lcd-blog .cl-faq summary::-webkit-details-marker{display:none}
#lcd-blog .cl-faq summary:hover{color:#7c5f16}
#lcd-blog .cl-faq summary i{flex:none;position:relative;width:30px;height:30px;border-radius:50%;border:1px solid rgba(155,122,36,.45);
  transition:background .3s,transform .4s cubic-bezier(.2,.7,.2,1)}
#lcd-blog .cl-faq summary i:before,#lcd-blog .cl-faq summary i:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.6px;
  margin:-.8px 0 0 -6px;background:#7c5f16;transition:transform .35s}
#lcd-blog .cl-faq summary i:after{transform:rotate(90deg)}
#lcd-blog .cl-faq details[open] summary i{background:linear-gradient(135deg,var(--gold-hi),var(--gold));border-color:transparent;transform:rotate(180deg)}
#lcd-blog .cl-faq details[open] summary i:after{transform:rotate(0)}
#lcd-blog .cl-faq .odp{padding:0 2px 22px;animation:lbOdp .45s ease both}
#lcd-blog .cl-faq .odp p{margin:0 0 .6em}
@keyframes lbOdp{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
#lcd-blog .cl-zaver{font-family:var(--disp);font-weight:700;font-size:clamp(20px,1.9vw,24px);line-height:1.4;color:var(--ink)}
#lcd-blog .cl-ps{font-size:15px;color:var(--mute);font-style:italic;border-top:1px dashed rgba(196,155,49,.6);padding-top:16px;margin-top:28px}
#lcd-blog .cl-data{display:none !important}

/* tabulky, video, stare rozlozenia (Pobo) */
#lcd-blog .cl-tab{overflow-x:auto;margin:1.6em 0 2em;border-radius:14px;border:1px solid rgba(155,122,36,.2);background:var(--paper)}
#lcd-blog .cl-text table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.5}
#lcd-blog .cl-text th{text-align:left;padding:12px 14px;font-family:var(--disp);font-weight:800;font-size:13px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--ink);background:var(--sand);border-bottom:2px solid var(--gold)}
#lcd-blog .cl-text td{padding:12px 14px;vertical-align:top;border-bottom:1px solid var(--sand2)}
#lcd-blog .cl-text tr:last-child td{border-bottom:0}
#lcd-blog .cl-video,#lcd-blog .pb-embed-responsive-16by9{position:relative;aspect-ratio:16/9;margin:2em 0;border-radius:16px;overflow:hidden;background:#000}
#lcd-blog .cl-video iframe,#lcd-blog .pb-embed-responsive-16by9 iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
#lcd-blog .rc-image-left,#lcd-blog .rc-image-right,#lcd-blog .rc-image-half-left,#lcd-blog .rc-image-half-right{display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,3vw,32px);align-items:center;margin:2em 0}
#lcd-blog [class*="rc-image-"][class$="__image"] img,#lcd-blog .pb-row img{width:100%;height:auto;border-radius:16px;box-shadow:0 18px 44px rgba(40,30,10,.16)}
#lcd-blog [class*="rc-image-"][class$="__text"]>:first-child{margin-top:0}
/* stare Pobo triedy maju v luxuryCar.css sirky 35/65 % a odsadenie — v mriezke ich zrus */
#lcd-blog [class*="rc-image-"]>[class*="rc-image-"]{width:auto !important;max-width:none !important;padding:0 !important;margin:0 !important;float:none !important}
@media(max-width:700px){#lcd-blog .rc-image-left,#lcd-blog .rc-image-right,#lcd-blog .rc-image-half-left,#lcd-blog .rc-image-half-right{grid-template-columns:minmax(0,1fr)}
  #lcd-blog .rc-image-right__image,#lcd-blog .rc-image-half-right__image{order:-1}}
#lcd-blog .pb-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:2em 0}
@media(max-width:700px){#lcd-blog .pb-row{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* stitky a zdielanie pod clankom */
#lcd-blog .cl-pata{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:2.4em;
  padding-top:24px;border-top:1px solid var(--line)}
#lcd-blog .cl-tagy{display:flex;flex-wrap:wrap;gap:8px}
#lcd-blog .cl-tagy a{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--ink);padding:8px 13px;border-radius:999px;background:var(--paper);border:1px solid var(--line);transition:border-color .25s,color .25s}
#lcd-blog .cl-tagy a:hover{border-color:var(--gold);color:#7c5f16}
#lcd-blog .cl-zdiel{display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-family:var(--disp);font-weight:700;font-size:12.5px;line-height:1.2;
  letter-spacing:.1em;text-transform:uppercase;color:#7c5f16;background:none;border:1px solid rgba(155,122,36,.45);
  border-radius:999px;padding:9px 16px;transition:background .25s}
#lcd-blog .cl-zdiel:hover{background:var(--paper)}
#lcd-blog .cl-zdiel svg{width:16px;height:16px}
#lcd-blog .cl-dalsie{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px}
#lcd-blog .cl-dalsie a{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border-radius:16px;background:var(--paper);
  border:1px solid rgba(155,122,36,.18);color:var(--ink);transition:border-color .3s,transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
#lcd-blog .cl-dalsie a:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 16px 36px rgba(40,30,10,.12)}
#lcd-blog .cl-dalsie small{font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#7c5f16}
#lcd-blog .cl-dalsie b{font-family:var(--disp);font-size:16px;line-height:1.3}
#lcd-blog .cl-dalsie .vpravo{text-align:right;grid-column:2}
@media(max-width:560px){#lcd-blog .cl-dalsie{grid-template-columns:minmax(0,1fr)}#lcd-blog .cl-dalsie .vpravo{text-align:left;grid-column:auto}}

/* plavajuci obsah + banner k teme (PC) */
#lcd-blog .cl-bok{position:sticky;top:112px;display:flex;flex-direction:column;gap:18px}
#lcd-blog .toc{background:var(--paper);border:1px solid rgba(155,122,36,.2);border-radius:18px;padding:20px 16px 16px;box-shadow:0 14px 36px rgba(40,30,10,.08)}
#lcd-blog .toc-hlava{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 6px}
#lcd-blog .toc-hlava .eyebrow{font-size:11px}
#lcd-blog .toc-perc{font-family:var(--disp);font-weight:800;font-size:13px;color:#7c5f16}
#lcd-blog .toc-linka{height:3px;border-radius:3px;background:var(--sand2);margin:12px 6px 10px;overflow:hidden}
#lcd-blog .toc-linka i{display:block;height:100%;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--gold-lo),var(--gold-hi))}
#lcd-blog .toc ol,#lcd-blog .toc-m ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
#lcd-blog .toc a{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr);gap:8px;padding:9px 10px;border-radius:11px;
  font-size:14.5px;line-height:1.35;color:var(--mute);transition:background .3s,color .3s}
#lcd-blog .toc a span,#lcd-blog .toc-m a span{font-family:var(--disp);font-weight:800;font-size:12px;color:rgba(124,95,22,.6);padding-top:1px}
#lcd-blog .toc a em,#lcd-blog .toc-m a em{font-style:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#lcd-blog .toc a:hover{color:var(--ink);background:var(--sand)}
#lcd-blog .toc a.on{color:var(--ink);background:var(--sand);font-weight:600}
#lcd-blog .toc a.on:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:3px;background:linear-gradient(180deg,var(--gold-hi),var(--gold-lo))}
#lcd-blog .toc a.on span{color:#7c5f16}
#lcd-blog .bok-cta{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;border-radius:18px;
  background:#120f0a;color:#fff;border:1px solid rgba(230,200,119,.3);box-shadow:0 18px 40px rgba(20,15,5,.2)}
#lcd-blog .bok-cta .img{height:150px;overflow:hidden}
#lcd-blog .bok-cta .img img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
#lcd-blog .bok-cta:hover .img img{transform:scale(1.07)}
#lcd-blog .bok-cta .t{padding:18px 18px 20px;display:flex;flex-direction:column;gap:8px}
#lcd-blog .bok-cta .eyebrow{color:var(--gold-hi);font-size:10.5px}
#lcd-blog .bok-cta b{font-family:var(--disp);font-size:18px;line-height:1.25}
#lcd-blog .bok-cta .pop{font-size:14px;line-height:1.5;color:rgba(255,255,255,.66)}
#lcd-blog .bok-cta .btn{margin-top:6px;padding:13px 16px;font-size:12px}
/* bocny panel len na PC — toto pravidlo musi byt az za zakladnym .cl-bok{display:flex} */
@media(max-width:1099px){#lcd-blog aside.cl-bok{display:none}}

/* obsah na telefone pri citani: tlacidlo vlavo dole (kapitola + postup) a zoznam kapitol zdola */
#lcd-blog .toc-pil{position:fixed;left:16px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:900;display:none;
  align-items:center;gap:11px;max-width:calc(100% - 112px);padding:12px 18px 13px 14px;border-radius:999px;
  border:1px solid rgba(230,200,119,.45);background:rgba(18,15,10,.94);color:#fff;font:inherit;line-height:1.2;cursor:pointer;
  box-shadow:0 14px 34px rgba(0,0,0,.35);overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  opacity:0;transform:translateY(18px);pointer-events:none;transition:opacity .3s,transform .35s cubic-bezier(.2,.7,.2,1)}
@media(max-width:1099px){#lcd-blog .toc-pil{display:flex}}
#lcd-blog .toc-pil.ukaz{opacity:1;transform:none;pointer-events:auto}
#lcd-blog .toc-pil-ik{flex:none;display:flex;flex-direction:column;gap:3px}
#lcd-blog .toc-pil-ik i{display:block;width:15px;height:2px;border-radius:2px;background:var(--gold-hi)}
#lcd-blog .toc-pil-ik i:nth-child(2){width:11px}
#lcd-blog .toc-pil-ik i:nth-child(3){width:13px}
#lcd-blog .toc-pil-t{display:flex;align-items:baseline;gap:9px;min-width:0}
#lcd-blog .toc-pil-no{flex:none;font-family:var(--disp);font-weight:800;font-size:12.5px;letter-spacing:.08em;color:var(--gold-hi)}
#lcd-blog .toc-pil-n{font-style:normal;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgba(255,255,255,.9)}
#lcd-blog .toc-pil-p{position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(230,200,119,.18)}
#lcd-blog .toc-pil-p i{display:block;height:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--gold-lo),var(--gold-hi))}
#lcd-blog .toc-plach{position:fixed;inset:0;z-index:2147483646}
#lcd-blog .toc-plach-in:focus{outline:none}
#lcd-blog .toc-plach[hidden]{display:none}
#lcd-blog .toc-plach-bg{position:absolute;inset:0;background:rgba(10,8,6,.55);opacity:0;transition:opacity .3s}
#lcd-blog .toc-plach-in{position:absolute;left:0;right:0;bottom:0;max-height:80vh;overflow:auto;-webkit-overflow-scrolling:touch;
  background:var(--paper);border-radius:22px 22px 0 0;padding:12px 14px calc(18px + env(safe-area-inset-bottom,0px));
  box-shadow:0 -20px 50px rgba(0,0,0,.25);transform:translateY(100%);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
#lcd-blog .toc-plach-in:before{content:"";display:block;width:42px;height:4px;border-radius:4px;background:var(--sand2);margin:0 auto 12px}
#lcd-blog .toc-plach.open .toc-plach-bg{opacity:1}
#lcd-blog .toc-plach.open .toc-plach-in{transform:none}
#lcd-blog .toc-plach .toc{border:0;box-shadow:none;background:none;padding:0}
#lcd-blog .toc-plach .toc a{font-size:16px;padding:12px 10px}
#lcd-blog .toc-zavri{flex:none;width:34px;height:34px;margin-left:6px;border-radius:50%;border:1px solid var(--line);background:var(--paper);
  color:var(--ink);font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
#lcd-blog .toc-plach .toc-hlava{padding:0 0 0 10px}
#lcd-blog .toc-plach .toc-perc{margin-left:auto}

/* obsah na telefone — rozbalovaci */
#lcd-blog .toc-m{display:none;margin:0 0 2em;background:var(--paper);border:1px solid rgba(155,122,36,.22);border-radius:16px;overflow:hidden}
@media(max-width:1099px){#lcd-blog .toc-m{display:block}}
#lcd-blog .toc-m summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:16px 18px;font-family:var(--disp);font-weight:800;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#7c5f16}
#lcd-blog .toc-m summary::-webkit-details-marker{display:none}
#lcd-blog .toc-m summary i{width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg) translate(-2px,-2px);transition:transform .3s}
#lcd-blog .toc-m[open] summary i{transform:rotate(-135deg)}
#lcd-blog .toc-m ol{padding:0 10px 12px}
#lcd-blog .toc-m a{display:grid;grid-template-columns:26px minmax(0,1fr);gap:8px;padding:10px;border-radius:10px;font-size:16px;
  line-height:1.35;color:var(--ink);text-decoration:none}

/* suvisiace */
#lcd-blog .cl-suvis{padding:clamp(56px,7vw,100px) var(--pad);background:var(--sand);border-top:1px solid rgba(155,122,36,.14)}
#lcd-blog .cl-suvis .hl{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:clamp(22px,3vw,34px)}
#lcd-blog .cl-suvis .hl .eyebrow{display:block;margin-bottom:10px}
#lcd-blog .cl-suvis h2{font-size:clamp(25px,3vw,40px)}
#lcd-blog .cl-suvis .hl>a{font-family:var(--disp);font-weight:800;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:#7c5f16;
  display:inline-flex;gap:10px;align-items:center}
#lcd-blog .cl-suvis .hl>a:hover{color:var(--gold-lo)}

@media(prefers-reduced-motion:reduce){
  #lcd-blog .btn:before,#lcd-blog .bl-hero:after{animation:none;display:none}
  #lcd-blog.lb-anim .kc,#lcd-blog.lb-anim .rv{opacity:1;transform:none;transition:none}
  #lcd-blog .mriezka.mizne .kc{opacity:1 !important;transform:none !important}
  #lcd-blog .kc-a,#lcd-blog .kc-img img,#lcd-blog .kc-cit i,#lcd-blog .bf-img img,#lcd-blog .cl-fig img,#lcd-blog .cl-cta,
  #lcd-blog .cl-cta-img img,#lcd-blog .bok-cta .img img,#lcd-blog .cl-dalsie a{transition:none}
  #lcd-blog .kc-a:hover,#lcd-blog .kc-a:focus-visible{--ty:0px}
  #lcd-blog .cl-hero-bg,#lcd-blog .cl-dole i,#lcd-blog .cl-faq .odp{animation:none}
}
/* ===== LCD-BLOG END ===== */

/* ===== LCD-PK START - darcekova poukazka (assets/js/lcdPoukazka.js); vlastne styly stranky su v assets/poukazka/pk.css ===== */
@keyframes lcdpkUkaz{to{visibility:visible}}
html.lcd-pk-cakam body.type-detail #content-wrapper,html.lcd-pk-cakam body.type-detail .breadcrumbs-wrapper{visibility:hidden;animation:lcdpkUkaz 0s 8s forwards}
html.lcd-pk-on body.type-detail #content-wrapper,html.lcd-pk-on body.type-detail .breadcrumbs-wrapper{display:none !important}
html.lcd-pk-on body.type-detail{background:#eceae5}
html.lcd-pk-on body.type-detail #header{margin-bottom:0}
html.lcd-pk-on body.type-detail .overall-wrapper{overflow:clip}
/* ===== LCD-PK END ===== */